@media (max-width:1280px) {
body { font-size:0.8em }
#header .gnb .depth1 { padding:0 20px; }
#header .gnb .depth1 > a:before { left:30px }
#header.down { height:260px }
#header .btn_user { margin-right:20px }
#header .user { right:5px }
#main_visual .latest { margin-left:0; left:4%; bottom:10px }
.pic_lt .ts-controls { text-align:center; margin-top:10px }
.pic_lt .ts-controls button { display:none }
.pic_lt .ts-controls button.ts-paging-btn { display:inline-block; margin:0 3px; position:static; width:100%; background:none; width:20px; height:20px; border:1px solid #333; border-radius:50% }
.pic_lt .ts-controls button.ts-paging-btn.ts-paging-active { background:#333 }
.main_about {padding:80px 0 }
.main_about .img { width:50% }
.main_about .img img:first-child { width:83% }
.main_about .img img:last-child { width:50%; top:55%; left:45%; right:0 }
.main_about .text { width:45% }
.main_about .text h2 { font-size:70px; margin-bottom:35px }
.main_about .text h3 { font-size:22px; margin-bottom:25px }
.main_about .text p { font-size:16px; margin:0 0 23px }
.main_about .btn_area a { width:120px; height:34px; line-height:32px; font-size:15px; margin-top:5px }
.main_about dl dt { font-size:20px; margin:40px 0 10px 0 }
.main_about dl dd.tel { font-size:28px }
.main_product, .main_bbs { padding:60px 0 }
.main_product h2, .main_gallery h2 { font-size:30px }
.main_gallery h2 { top:60px }
.main_gallery .fotorama__nav-wrap { top:120px }
#footer { margin:60px 0 0 0; padding:40px 0 }
#footer .f_left { margin-left:45px }
#footer nav { right:20px }
#snb .wrap { padding:0 }
#snb li:first-child { border-left:0 }
#snb li:last-child { border-right:0 }
#contents { margin:55px 0 0 0 }
.container_title { font-size:2.4em; margin:0 0 40px }
.history_list { padding:0 4% }
.tbl_head01 td, .tbl_head01 th { padding:12px 7px !important }
#bo_list .td_num2 { width:50px }
.td_thumb { width:150px }
#bo_list .td_datetime { width:80px }
#bo_gall .gall_info .gall_view { display:none }
#faq_sch .frm_input, #faq_sch .btn_submit { height:40px }
#bo_v iframe { width: 100%; height:43vw }
#sch_res_detail select, #sch_res_detail select { width:120px }
#sch_res_detail .sch_wr { width:calc(100% - 380px) }
	
	
	.pc_all_menu{padding: 10em 0em 0;}
	.pc_all_menu .gnb_all > ul > li.depth1 > ul .depth2{float: none!important;}
	#fo_jad .f_box .in{margin-right: 20px;}
	#fo_jad .copyright{margin-top: 20px;}
	#fullpage >div {height: auto !important;}
	#fullpage .section2 h1{display: none;}
	#fullpage .section2 .cont > li{width: 33.33%;height: auto; border-bottom:1px solid rgba(255,255,255,0.2);}
	#fullpage .section2 .icon-box{margin: 0 auto}
	#fullpage .section3{ padding: 10em 0;}
	#fullpage .section3 .wrap_idx{margin-bottom: 5em;}
	#fullpage .section3 .wrap{position: relative;}
	#fullpage .section3 .bg{height: auto;}
	#fullpage .section3 .off-group{width: 100%;gap:20px;}
	#fullpage .section4{padding: 10em 0;}
	#fullpage .section5{padding: 10em 0;}
	#fullpage .section5 .wrap{position: inherit; left: 0%; transform: translate(0,0)}
	#fullpage .section6{padding: 10em 0}
	#fullpage .section6 .wrap{position: inherit; left: 0%; transform: translate(0,0)}
	#fullpage .section6 .in_con {width:100%;}
	#fullpage .section7 .container .cont1 .info-box{width: 70%;}
	.side-bar{top:75%;right: 20px;}
	.side-bar .side-item .side-btn .tt{display: none;}
	.side-bar .side-item{width: 52px; height: 52px;}
	
	#fullpage .section4 .port_control .port_prev{margin-left:0;}
	#fullpage .section4 .port_control .port_next{margin-right:0;}
	#fullpage .section4 .sm_Swiper{width:90%;}
	
	
	
	/* sub*/
	.about_content .about_bg .container .cont1 > div{width:100%;}
	.about_content .about_bg .container .cont1{display: block;}
	.about_content .about_bg .container .cont1 .text-box{padding: 1em 2em;}
	.about_content .about_bg .container .cont1 .img-box{height: 250px;}
	.client-content .cont{padding: 0 1em;}
	.client-content .cont .maul{padding: 2em;}
	.client-content .cont .maul ul{width: 100%;}
	.client-content .cont .maul ul > li{width: 33.33%;}
	.display-content .idx .idx_cont .text-ul > li{width: 50%;}
	.banner-content .idx .idx_cont .text-ul > li{width: 50%;}
	.prosess-cont .cont-bg{padding: 5em 0;}
	.prosess-cont .cont{padding:0;}
	.prosess-cont .pro .pro-ul li .in{margin: 20px 30% 0 0;padding: 1.2em 0;}
	.prosess-cont .cont .box-gr{width: 100%;}
	.prosess-cont .cont .box-gr .item{width: 50%;}
	.prosess-cont .cont .tibox{margin: 2em 10px;}
	.prosess-cont .cont .box-gr .item .tebox{padding: 1.5em;}
	.ti_box .tt{ width: 70%}
	.viral-content .ti{margin-bottom:0; font-weight: 600;}
	.viral-content .box .ti_box .ti{line-height: 1.4em;margin-bottom: 0}
	.viral-content .box_02 .item-gr .imgbox .in{margin-bottom: 10px;}
  	.viral-content .box_04 .ti_box .tt{color: #666; width: 80%}
	.sns-content .box_02 .box_gr > div{width:70%;}
	.sns-content .box_02 .item-gr .itembox{width: 60%;}
	.press-content .cont .box_01 .box-ul{width: 100%;}
	.press-content .cont .box_01 .box-ul .icon img{width: 50px;}
	.press-content .cont .box .wrap .ti_box .tt{width: 100%}
	.press-content .cont .box_02 .wrap .logogr{width: 100%;}
	.press-content .cont .box_03 .wrap .imgbox{height:;}
	.influ-content .cont .item-gr .imgbox{width: 70%;}
	.influ-content .cont .ti_box{width: 70%;margin:2em; padding:0}
	.influ-content .cont .box_04 .ti_box{margin:2em 0;}
	.influ-content .cont .item-gr{padding: 1em 0 0;}
	.you-content .cont .box_01 .item-gr{height: 500px;}
	.you-content .cont .box_01 .item-gr .textbox{width: 50%;padding: 2em}
	.you-content .cont .box_02 .box-ul > li{width: 50%}
	.you-content .cont .box_04 .box-ul > li{width: 50%}
	.you-content .cont .box_04 .box-ul .in{height: 400px;}
	.local-content .cont2 .textbox > li{width: 50%;}
	.local-content .cont1 .textbox{width: 100%; padding: 2em 0}
	.local-content .cont1 .imgbox{width: 100%; height: 350px; margin: 0}
	.local-content .cont2 .textbox li .in{height:90%;}
	.local-content .cont2 .textbox li .in::before{left: 92%}
	.media-content .idx .cont .item2 .icbox > li{width:25%}
	.media-content .idx .cont .box_item2 .in_tbox li .in::before{left: 92%;}
	.media-content .idx .cont .box_item2 .in_box > li{width: 50%;}
	.media-content .idx .cont .box_item3 .text_box li .in::before{left: 92%;}
	.media-content .idx .cont .box_item3 .text_box > li{width: 50%;}
	.media-content .idx .cont .box_item4 .text_box li .in::before{left: 92%;}
	.media-content .idx .cont .box_item4 .text_box > li{width: 50%;}
	.hi_content .con_title .tt{width: 100%}
	.hi_content .cont2 .item{width: 50%;}
	.page-content .cont .box_01 .se02 > li{width: 16%}
	
	
}

@media (max-width:1023px) {
body { font-size:0.8em }
.mobile_only { display:block !important }
.pc_only { display:none !important }
.mobile_no { display:none !important }

#header .btn_user { position:absolute; right:70px; top:17px; font-size:22px; z-index:8; float:none; margin:0 }
#header .btn_gnb { position:absolute; right:30px; top:17px; font-size:22px; z-index:10; }
#header .btn_gnb.on { /*color:#fff;*/ transform:rotate(-90deg) }
#header .btn_search { position:absolute; right:105px; top:17px; font-size:22px; z-index:8; float:none; margin:0 }
#header .gnb { position:fixed; width:250px; background:#fff; height:100%; top:0; right:-250px; margin:0; float:none; z-index:9; padding-top:60px; transition:all .3s; text-align:left; overflow-y: scroll}
#header .gnb.on { right:0; }
#header.down .gnb a { color: #fff }
#header.down .gnb .depth1 > a { margin-bottom:0 }
#header.down .gnb .depth1:hover > a { color:#fff }
#header .gnb .depth1 ul { display:none!important; height:0; max-height:none; transition:all .3s; background:rgba(0,0,0,0.1); margin:0 -25px; padding:10px 0 10px 30px; position:static; transform:translateX(0); border:0; opacity:1; width:auto;}
#header .gnb .depth1.Aon ul { display:block!important; height:auto }
#header .gnb .depth1 > a:before { display:none }
#header .gnb .depth1 { padding:0 25px; float:none }
#header .gnb .depth1 > a { height:50px; line-height:50px; display:block }
#header .gnb .depth1 i { position:absolute; top:0; right:0; width:60px; height:50px; line-height:50px; text-align:center; z-index:2; padding-right:10px }
#header .gnb .depth2 > a { padding:10px 0; border:0 }
#header .gnb .depth2 > a:hover { background:none;color: rgba(0,0,0,0.3); }
#header .sns { float:none; text-align:center; margin:30px 0 0 0 }
#header .sns li { float:none; display:inline-block; margin:0 10px }
#header .user { right:38px; }

#sub_visual { height:300px }
#sub_visual h2 { padding-top:130px }

#contents { margin:50px 0 0 0; min-height:400px }
#contents .wrap { padding:0 3% }

#ctt_con { font-size:1.12em }

#ctt_con.sub01_01 .sec01 .img01 { width:35% }
#ctt_con.sub01_01 .sec01 > div { width:60% }
#ctt_con.sub01_02 .tab_menu a { font-size:30px }
.history_list { padding:0 }
.history_list > ul > li { width:48.5%; margin-top:40px }

#bo_gall .gall_li { width:calc(100%/3 - 10.1px) }
#bo_gall .gall_li:nth-child(4n + 1) { clear:none }
#bo_gall .gall_li:nth-child(3n + 1) { clear:none }
#bo_gall .gall_img:hover img { transform:none }
#bo_gall.listtype .gall_img + div { padding:15px 30px }
#bo_gall.listtype .bo_tit { font-size:1.6em }
#bo_gall .gall_list_con { max-height:38px; overflow:hidden; margin-top:5px }

#bo_v_act { margin:40px 0 !important }
#bo_v_desc { margin-top:40px }
.bo_v_nb { margin: 30px 0 }
#bo_vc_empty { padding:40px 0 !important }
#bo_v_con { min-height:50px }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.2em }
#bo_list .td_datetime { width:60px }
#bo_list .td_name { width:90px }
#captcha.m_captcha #captcha_key { height:40px; margin-top:5px }
#captcha.m_captcha #captcha_img { display:inline-block; width:120px; height:40px; }
#captcha.m_captcha #captcha_reload { margin-top:5px }
td .thumb { width:150px }
td .thumb ~ div { margin-left:170px }
#bo_v iframe { width: 100%; height:52vw }
#sch_res_board a { min-width:0; padding:0; height:auto; line-height:1; margin:3px 10px; border:0; font-size:13px }
#sch_res_board .sch_on { border:0 }
.bo_v_nb li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:calc(100% - 120px); vertical-align:top }

	
	#header .btn_gnb {right:10px;}
	#header .gnb {padding-top:80px!important;}
	#bo_cate ul > li{width: 20%}
	.media-content .idx .cont .imgbox > li{width: 50%}
	.media-content .idx .cont .in_cont .contbox1{width:100%}
	.media-content .idx .cont .in_cont .contbox1 .imgbox > li{width:50%}
	.media-content .idx .cont .in_cont .contbox2{width:100%}
	.media-content .idx .cont .in_cont .contbox2 .imgbox > li{width:50%}
	.media-content .idx .cont .menu-ul > li{width: 18%}
	.hi_content .cont3 .imgbox{width: 100%;}
	
}
@media (max-width:855px) {
	#fullpage .section5 li{width: 30%;margin: 0 5px 5px 0;}
	#fullpage .section5 li:nth-child(19){display: none}
	#fullpage .section5 li:nth-child(20){display: none}
	.search-content .idx .idx_cont .text-ul > li{width: 100%;}
    .prosess-cont .cont-bg{margin:8em 0 -10em}
	
	
	.sample_wrap li{width:50%;}
	

}
@media (max-width:767px) {
.s_mobile_only { display:block !important }
.hd_sch_wr .box { width:96% }

.pic_lt .ts-controls button.ts-paging-btn { margin:3px }


.tab_menu li a { padding:0; margin:0 10px; border:0 }
.pic_lt li .lt_name { font-size:1.3em }
.root_daum_roughmap .wrap_map { height:250px !important }

#sub_visual { height:240px }
#sub_visual h2 { font-size:2.2em; padding-top:125px }
#sub_visual h2:after { bottom:-15px }

#snb .depth1 > li { width:calc(50% + 1px) }
#snb .depth1 > li:first-child { display:none; }
#snb .depth1 > li:nth-child(2) { border-left:0 }

#contents { min-height:300px; margin:40px 0 0 0 }
.container_title { font-size:2em; padding-top:15px; margin:0 0 30px }
.container_title:before { width:35px; height:2px; margin-left:-17.5px }

#right_area { padding-top:30px }

#bo_cate { margin-top:0 }
#bo_cate a { min-width:0; padding:0; height:auto; line-height:1; margin:3px 10px; border:0; font-size:13px }
#bo_cate #bo_cate_on { border:0 }
#bo_gall #gall_ul { margin:10px 0 0 0; }
#bo_gall .gall_li { width:calc(100%/2 - 10.1px); /*float:none; margin-left:0;*/ margin-bottom:15px }
#bo_gall .bo_tit { white-space:normal }
#bo_v_item #bo_v_img { float:none; width:100%; margin-top:5px }
#bo_v_item #bo_v_summary { float:none; width:100%; margin:30px 0 0 0 }
#bo_v_summary .bo_v_title { font-size:1.5em }
#bo_v_summary .bo_v_title small { font-size:0.6em }
#bo_v_summary, #bo_v_desc { font-size:1em }
#bo_v_summary .refer { margin:12px 0 0 0 }
#bo_v_sns li a { width:50px; height:50px; line-height:50px }
#bo_v_share .btn { width:50px; height:50px; font-size:11px }
#bo_v_share .btn i { margin:8px 0 0 0 }
#bo_v_share { padding:25px 0 }
.bo_v_nb { margin:20px 0 }
#bo_v_desc { margin-top:30px }
.bo_vc_w_info .frm_input { width:49.5%; margin:0 }
.bo_vc_w_info #wr_password { float:right }
#bo_vc article .pf_img { display:none }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.1em }
#bo_gall.listtype .gall_img { float:none; width:100% }
#bo_gall.listtype .gall_img + div { float:none; width:100%; padding:20px; font-size:1em }
#bo_gall .bo_tit, #bo_gall.listtype .bo_tit { font-size:1.3em }
.gall_list_opt dt { min-width:60px; text-align:center }
.gall_list_opt dt, .gall_list_opt dd { font-size:.95em }
td .thumb { width:100%; float:none }
td .thumb ~ div { margin-left:0; margin-top:15px }
#bo_v_title { font-size:1.3em; font-weight:500 }
#bo_v_title .bo_v_tit { font-size:1em }
#bo_v_act { margin:30px 0 !important }
.bo_v_nb li .nb_tit { padding-right:0; width:65px; vertical-align:top }
.tbl_head01 td, .tbl_head01 th { font-size:1.05em }
#faq_sch .btn_submit { width:70px; }
#faq_sch .frm_input { width:calc(100% - 75px) }
#faq_sch .frm_input, #faq_sch .btn_submit { height:36px; font-size:1em }
#faq_sch { padding:20px; }
#faq_wrap li { font-size:1em }
#bo_v_con { font-size:1em }
#bo_list .td_stat, #bo_v_rel .td_stat { width:80px }
#bo_list .txt_rdy, #bo_v_rel .txt_rdy { padding:0 5px }
#bo_list .td_date { width:70px }
.bo_cate_link { float:none; display:block }
#bo_v_title .bo_v_cate { display:block; font-size:0.7em }
.bo_v_com > li { margin-left:0 }
.bo_sch { width:320px; margin-left:-160px }
.bo_sch .sch_input { width:240px }
#sch_res_detail { padding:15px }
#sch_res_detail select, #sch_res_detail select { width:49.4% }
#sch_res_detail .sch_wr { width:100%; margin:5px 0 0 0 }
.switch_field { padding-bottom:0 }
#sch_res_ov h2 { display:none }
#sch_res_ov ul { float:none }
.sch_res_list { font-size:.9em }
#bo_gall .gall_list_con { max-height:none; margin-top:10px }
#bo_v_info { margin:0 0 25px }
#bo_v_con { margin-top:0 }
#bo_v { font-size:1.05em }
#bo_list .txt_done, #bo_v_rel .txt_done { font-size:0.9em; padding:0 6px }
#bo_list .td_stat, #bo_v_rel .td_stat { width:70px }
.ctt_admin { font-size:13px }
input.hasDatepicker { width:150px; padding-right:0 !important }
#bo_v_ans h2 { font-size:1.3em }

ul.faq_list_board { font-size:1em }

.mbskin .mbskin_box { width:320px }
#mb_login #sns_login .txt { padding-left:0 !important }
#fregister p { padding:10px; line-height:1.3; font-size:1em; height:auto }
#sns_register h2 { display:none }
#sns_register .sns-wrap { width:100%; display:block; text-align:center }
#fregister h2 { font-size:1.1em }

#ctt_con { font-size:1em; }
#ctt_con.sub01_01 .sec01 > div { float:none; width:100% }
#ctt_con.sub01_01 .sec01 h2 { font-size:1.5em }
#ctt_con.sub01_01 .sec01 .img01 { width:100%; float:none }
#ctt_con.sub01_01 .sec01 .img01 p { text-align:center }
#ctt_con h2.title { font-size:1.4em; padding-bottom:20px }
#ctt_con.sub01_01 th { width:auto }
#ctt_con.sub01_01 th, #ctt_con.sub01_01 td { padding:12px 7px; word-break:keep-all }
#ctt_con.sub01_02 .tab_menu a { font-size:16px; border:1px solid #e0e0e0; border-left:0; border-right:0; padding:10px 0; margin:0 }
#ctt_con.sub01_02 .tab_menu li.on a { border-color:#666 }
#ctt_con.sub01_02 .tab_menu { margin:0 0 30px }

#ctt_con.sub01_02 .tab_menu { margin:0 }
#ctt_con.sub01_02 .tab_menu a small { display:none }
.history_list h3 { font-size:1.9em }
.history_list li li { background-size:4px 4px; background-position:0 5px; padding-left:10px }
.history_list > ul > li { width:100%; margin-top:30px }
.os_mac.root_daum_roughmap .section_address .tit, .os_mac.root_daum_roughmap .section_address .txt { font-size:1em !important }

#hd_pop { width:100% }
.hd_pops { width:100% !important; left:0 !important; top:3vw !important }
.hd_pops_con { width:100% !important; height:auto !important; min-height:100px }
	
	
	#fullpage .section1 .main_v .el.swiper-slide-active .slog .t1 h1{font-size: 38px; line-height: 1.3em}
	#fullpage .section1 .main_v .el.swiper-slide-active .slog .t2 h3{font-size: 20px}
	#fullpage .section1 .main_v .el.swiper-slide-active .slog .t3 h5{font-size: 16px; font-weight: 300}
	#fullpage .section4 .swiper-container.con_Swiper .swiper-wrapper .swiper-slide a.lt_img.resize{width: 85%;padding-bottom:100%; margin: 0 auto}
	.swiper-cont .swiper-pagination{width:80%;}
	.inq_cont .in_box.st1{width:100%;}
	.inq_cont .in_box.st2{width:100%;}
	.client-content .cont .ti .t1{font-size: 22px}
	#bo_cate ul > li{width: auto}
	.hi_content .cont2{width: 100%}
	.hi_content .cont3 .item > li{width:33.33%}
	.map_in .inq_top{margin-right: 0;}
	.map_in .inq_top .i_tx{margin-right: 0;}
	.media-content .idx .cont .imgbox > li{width: 100%}
	.media-content .idx .cont .imgbox1{width: 100%}
	.media-content .idx .cont .imgbox2{width: 100%}
	.media-content .idx .cont .imgbox2 > li{width: 100%}
	.media-content .idx .cont .item1 > div{width: 100%;}
	.media-content .idx .cont .in_cont .contbox1{width:100%}
	.media-content .idx .cont .in_cont .contbox1 .imgbox > li{width:100%}
	.media-content .idx .cont .in_cont .contbox2{width:100%}
	.media-content .idx .cont .in_cont .contbox2 .imgbox > li{width:100%}
	.media-content .idx .cont .item1 .img-box{height: auto}
	.media-content .idx .cont .item1 .text-box{padding: 4em 2em}
	.media-content .idx .cont .item2 .icbox > li{width:33.33%}
	.media-content .idx .cont .item2 .icbox{margin: 4em -10px 4em 0}
	.media-content .idx .cont .item2 .icbox .in{height: 180px; margin-right: 10px}
	.media-content .idx .cont .box_item1 .in .box1{width: 130px; height: 130px;}
	.media-content .idx .cont .box_item1 .in .box1 .tt{font-size:16px}
	.media-content .idx .cont .box_item2 .in_box li .in{padding: 1em 0.5em; height: 180px;margin-right: 50px}
	.media-content .idx .cont .box_item2 .in_box li .in::before{top: 48%;left: 83%;}
	.media-content .idx .cont .box_item3 .text_box li .in{padding: 2em 0.5em;margin-right: 50px}
	.media-content .idx .cont .box_item3 .text_box li .in::before{top: 48%;left: 83%;}
	.media-content .idx .cont .box_item4 .text_box li .in{padding: 2em 0.5em;margin-right: 50px; height: 200px}
	.media-content .idx .cont .box_item4 .text_box li .in::before{top: 48%;left: 83%;}
	.media-content .idx .cont .menu-ul > li{width: 20%}
	
	
}


@media (max-width:600px){
	h2{font-size: 28px;}
	p{font-size: 14px;}
	
	#fo_jad .fo_logo{margin:0;}
	#fo_jad nav ul{justify-content:left; margin:15px 0;}
	#fo_jad .f_box{justify-content: left;}
	#fo_jad .f_box .in{margin-right: 20px;}
	#fo_jad .copyright{margin-top: 10px;}
	.ac{text-align: left !important}
	#fullpage .section2 .cont > li{width: 50%;height: auto}
	#fullpage .section2 .cont li a{align-items:flex-start;padding: 4em 0; }
	#fullpage .section2 .cont{height: auto}
	#fullpage .section3 .wrap .btn-box .btn-w{width: 150px;}
	#fullpage .section3 .wrap_idx{margin-bottom: 0em;}
	#fullpage .section3 .off-group{width: 100%;gap:10px;display: block;}
	#fullpage .section3 .off-box{width: 100%;height: 300px;margin-bottom: 10px;}
	#fullpage .section3 .off-box .img1{height: 150px;}
	#fullpage .section3 .off-box .img2{top: 100px;}
	#fullpage .section3 .off-box .xi {top: 120px;}
	#fullpage .section3 .sw02{overflow: inherit}
	#fullpage .section3 .sw02 .swiper-button-next{display: none}
	#fullpage .section3 .sw02 .swiper-button-prev{display: none}
	#fullpage .section3 .sw02 .swiper-pagination{width: 100%; height: 3px; background-color: #dedede; position: absolute; bottom:-50px;}
	#fullpage .section4{padding: 5em 0}
	#fullpage .section7 .container{display: block;}
	#fullpage .section7 .container .cont1 .info-box h2::before{left: 50%;}
	#fullpage .section7 .container .cont1{padding: 2em 0}
	#fullpage .section7 .container > div{width: 100% !important; height: auto;}
	#fullpage .section7 .container .cont1 .info-box{width: 90%;}
	#fullpage .section7 .container .cont1 .info-box .text-gr{padding: 1em 0 2em;}
	#fullpage .section7 .container .cont1 .info-box .btn-group{margin-bottom: 1em}
	#fullpage .section7 .container .cont2 .root_daum_roughmap .wrap_map{height: 400px !important;}
	
	
	#fullpage .section4 .sm_Swiper{width:80%;}
	
	/* sub */
	
	.tab_idx .tab-btn{width: 150px;}
	.about_content .about_bg .container .cont1 > div{width:100%;}
	.about_content .about_bg .container .cont1{display: block;}
	.about_content .about_bg .container .cont1 .img-box{height: 300px;}
	.about_content .about_bg .container .cont1 .text-box{padding:0;}
	.client-content .cont .ti{gap:0px}
	.client-content .cont .ti .t1{font-size: 18px}
	.client-content .cont .ti .tw{display: block;}
	.client-content .cont .ti .ic{width: 40px;}
	.client-content .cont .maul{padding: 2em 0 2em 0.5em;}
	.client-content .cont .maul ul{width: 100%;}
	.client-content .cont .maul ul > li{width: 50%;}
	.search-content .idx .idx_cont .sub-ul .imgbox{width: 100%}
	.display-content .idx .idx_cont .text-ul > li{width: 100%;}
	.banner-content .idx .idx_cont .text-ul > li{width: 100%;}
	.search-content .idx .idx_cont .tt{width: 100%;}
	.prosess-cont .cont-bg{padding: 5em 0;}
	.prosess-cont .cont{padding:0;}
	.prosess-cont .pro .pro-ul li{width: 33%;}
	.prosess-cont .pro .pro-ul li .in{margin: 20px 30% 0 0;padding: 1.2em 0;}
	.prosess-cont .pro .pro-ul li img{width: 40px;}
	.prosess-cont .pro .pro-ul li .tt{margin: 10px auto 0;}
	.prosess-cont .pro .pro-ul li .in::before{left: 75%;}
	.prosess-cont .cont .box-gr{width: 100%;}
	.prosess-cont .cont .box-gr .item .in{margin: 5px;}
	.prosess-cont .cont .box-gr .item .tel{margin: 5px;}
	.prosess-cont .cont .box-gr .item .tebox{padding: 1em;}
	.prosess-cont .cont .box-gr .item .tebox .tel1{word-break: break-all; font-size: 20px;}
	
	.con_title .tt{width: 100%}
	.ti_box .tt{ width: 100%}
	.box .tp{width: 100px; height: 100px;}
	.box .item-gr{padding: 4em 0 2em;}
	.viral-content .box .ti_box .tt{width: 100%;}
	.viral-content .box_02 .item-gr .imgbox .in{margin-bottom: 10px;}
	.viral-content .box_04 .wrap > div {width:100%;}
	.viral-content .box{padding: 3em 0 0;}
	.viral-content .box_04 .item-gr .imgbox{width: 100%;}
	.viral-content .box_04 .ti_box .tt{color: #666; width: 100%}
	.sns-content .box_02 .box_gr > div{width:100%;}
	.sns-content .box_02 .box_gr .ti_box{padding: 2em 0;}
	.sns-content .box_02 .item-gr .tt{width: 100%;}
	.sns-content .box_02 .item-gr .itembox{width: 100%;}
	.sns-content .box_03 .item-gr .imgbox{width: 100%;}
	.sns-content .box_04 .item-gr > li{width: 100%}
	.sns-content .box_04 .item-gr .in{margin: 2em 0;}
	.sns-content .box_04 .item-gr .in .textbox{margin-left: 10px; width: 100%}
	.sns-content .box_04 .item-gr .in .imgbox{margin: 0 auto 20px;}
	.influ-content .cont .item-gr .imgbox{width: 100%;}
	.influ-content .cont .box_04 .box-ul{width: 100%;}
	.you-content .cont .box_01 .item-gr{height: 600px;}
	.you-content .cont .box_01 .item-gr .textbox{width: 100%;background: none; color: #fff;top: 50%; left:0; transform: translate(0,-20%)}
	.you-content .cont .box_02 .box-ul > li{width: 100%}
	.you-content .cont .box_03 .item-gr{width: 100%;}
	.you-content .cont .box_03 .item-gr .textbox{left: 5%;width: 90%}
	.you-content .cont .box_04 .box-ul > li{width: 100%}
	.you-content .cont .box_04 .box-ul .in{height: 340px;}
	.you-content .cont .box_05{padding: 7em 0}
	.local-content{padding: 2em 0 0;}
	.local-content .cont3{margin-top: 4em;}
	.local-content .cont3 .textbox > li{width: 100%}
	.local-content .cont2 .textbox{margin-right: 0px}
	.local-content .cont2 .textbox li .in{height:220px; margin: 40px 40px 0 0;}
	.local-content .cont2 .textbox li .in::before{left: 83%}
	.local-content .cont2 .textbox li .tt{ padding: 0 10px; font-size: 14px;}
	.media-content .me-btn{width: 150px;}
	.media-content .idx .cont .imgbox .im{margin-bottom:10px;}
	.media-content .idx .cont .imgbox .in .tt{margin: 1.5em 0 0;}
	.media-content .idx .me-ti .ti{margin-bottom: -40px; font-size:5em}
	.media-content .idx .me-tt .ti{font-size:3em;}
	.media-content .idx .cont .menu-ul > li{width: 25%}
	.hi_content .cont1 .item_group .item{padding: 2em 0; width:130px; height: 130px; margin-left: -10px}
	.hi_content .cont1 .item_group .item .ti{margin-bottom: 6px; font-size: 18px}
	.hi_content .cont1 .item_group .item .tt{font-size: 14px}
	.hi_content .cont2 .item{width: 100%}
	.hi_content .cont2 .item .textbox{height: auto; min-height: 150px;}
	.hi_content .cont3 .item > li{width:50%}
	.page-content .cont .box_01 .se02 > li{width: 50%}
	.inq_cont .in_box.st1{width:100%;}
	.inq_cont .in_box.st2{width:100%;}
	
	.sample_wrap{margin-right:-7px;}
	.sample_wrap li{margin-bottom: 7px;}
	.sample_wrap li .in{margin-right:5px;}
	.sample_wrap li .in .img_z{height:150px}
	.sample_wrap li .in .txt_z{padding:12px;}
	.sample_wrap li .in .txt_z .sm_name{font-size:1.25em; width:100%; text-align: center;}
	.sample_wrap li .in .txt_z .pot_in_btn{margin:7px auto 0;}
	.sample_wrap li .in .txt_z .pot_in_btn a{padding:7px 10px; font-size:1em;}
	#fullpage .section8 .in_w{padding:5em 0}
	#fullpage .section8 .sample_slide_w .swiper-container{width:85%; margin: 0 auto;}
	#fullpage .section8 .sample_wrap li .in .img_z{height:220px;}
	#fullpage .section1 .main_v .main_v_arr{display:none;}
}

@media (max-width:414px){
#fullpage .section2 .cont li a{align-items:flex-start;padding: 2em 0; }
#fullpage .section2 .cont{height: auto}
}