@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1650px){

.main_busin .left_tit .bg {left: -20.5%;}

}

@media screen and (max-width:1440px){
* {box-sizing: border-box;}
.boxSub,.box1{width: 97%;}
img{ max-width: 100%;}
.quick_tel{ display: none;}
body{ font-size: 14px;}  

.business_wrap .business_infoW .main_tit {padding-top: 1em; padding-bottom: 2em; padding-left: 4em;}
.main_tit .t4 {font-size: 1.25em;}
.business_wrap .business_infoW .business_list > .list-item {height: 7em;}
.business_wrap .business_infoW .business_list > .list-item > .inner {padding: 0 5em;}
.business_wrap .business_infoW .business_list > .list-item > .inner > .tt {font-size: 2em;}

/*서비스*/
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT > .title{ margin-bottom: 1em;}

/*헤더*/
#header .gnb_wrap{ display: none;}

/* customer */
.main_customer .wrap_cs .in{ flex-direction: column;}

.scr_i{display: none;}

/* history */
.historyWrapper .top_img{ height: auto;}
.historyWrapper .history > div ul li .year{ font-size: 1.5em;}
.historyWrapper .history > div ul li .tt{font-size: 1.1em;}

}

@media screen and (max-width:1024px){

.box0{ width: 94%; margin: 0 auto; padding: 0 2vw;}

body{ font-size: 13px;}

.PC { display:none;}
.PHONE { display:block;}

.fp-section { height: auto!important; } 
.full-height { height: auto; min-height: auto; padding: 6em 0; } 

#nav{ display: none;}

/*공통*/
#contents{ overflow: hidden;}
#contents .sub_page_top{ padding: 6em 0 0 0;}
#contents .sub_page_bg{ border-radius: 0em;}

.bgfix.fix{ background-attachment: local;}

.allGnbOn #header .all_wrap .all_btn {filter: unset !important;}
/* .sub #header:hover .all_wrap .all_btn .ham:before, 
.sub #header:hover .all_wrap .all_btn .ham:after {background: #fff;} */

#header .all_wrap .all_layer .all_img {width: 100%; height: 10em;}
#header .all_wrap .all_layer .all_img ~ .scrollst {flex: 1 100%;}
#header .all_wrap .all_layer .allconWrap {padding: 7vh 4vw;}
#header .all_wrap .all_layer .allconWrap .all_gnb{ margin-bottom: 8em;}
#header .all_wrap .all_layer .all_top .tit_in {margin-bottom: 2em;}
#header .all_wrap .all_layer .all_top .tit_in .tt {font-size: 2.5em;}
#header .all_wrap .all_layer .all_gnb .gnb {flex-wrap: wrap; border-top: 1px solid var(--siteC); border-bottom: 1px solid var(--siteC); padding-bottom: 2vh;}
#header .all_wrap .all_layer .all_gnb .gnb > li {flex: 1 49%; border-bottom: 1px dashed #ddd; padding: 1em 1em 1em 1em;}
#header .all_wrap .all_layer .all_gnb .gnb > li:last-child {border-bottom: unset;}
#header .all_wrap .all_layer .all_gnb .gnb > li ~ li {border-left: unset;}
#header .all_wrap .all_layer .all_gnb .gnb > li .dp2 {padding: 1.5em 0 0 .875em;}

/* header */
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img{ display: none;}
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_middle{ width: 100%; overflow-y: hidden;}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ width: 44vw;}
#header .all_wrap .all_layer .all_header .close_btn{ width: 3em; height: 3em;}
#header .all_wrap .all_layer .all_header .close_btn .xi{ font-size: 1.6em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.5rem;}

#footer .info_wrap {flex-wrap: wrap; gap: 2em;}

#footer .f_info .info_wrap{ gap: 3em;}

.vision_con .vision_list {flex-wrap: wrap;}
.vision_con .vision_list li {flex: 1 49%;}

.map_btn { min-width: 8em;}

/*공통*/
.main_tit > .t1{ font-size: 4em;}

/*비즈니스*/
.business_wrap .business_imgCon{ height: 60vh;}
.business_wrap .business_infoW .business_list > .list-item{ height: 6em;}

/*서비스*/
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT{ bottom: 3em;}
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT > .title{ margin-bottom: 0em; height: 2em;} 

/*바로돔*/
.main_barodoum{ height: 100vh !important;}
.main_barodoum.full-height{ padding: 0em;}

/*커스터머*/
.main_customer { flex-direction: column;}
.main_customer.full-height{ padding: 0em;}
.main_customer .wrap_bg{ width: 100%; height: 39vh;}
.main_customer .customer_wrap{ width: 100%; height: auto; padding-bottom: 70px;}
.main_customer .customer_wrap .customer_linkW{ margin-top: 60px;}

.main_customer .customer_top{ flex-direction: column;}

/*소닉월*/
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_top .pro_name {font-size: 3.5em;}
.sub-tab-content .content_inner .content_box {padding-bottom: 3em;}
.sub-tab-content .content_inner .content_box .content_main {flex-wrap: wrap; gap: 3em;}
.sub-tab-content .content_inner .content_box .content_main .pro_img {width: 100%; height: unset; max-height: unset;}
.sub-tab-content .content_inner .content_box .content_main .pro_info {width: 100%;}
.sub-tab-content .content_inner .content_box .char_container .inner_con {flex-wrap: wrap;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con {width: 100%; padding: 2em;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con .en {font-size: 2em;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC {width: 100%; padding: 2.5em;}

/* 인프라공급 */
.sTn_wrap { width: 100%; } 
.sTn_wrap .sideB { display: flex; flex-wrap: wrap; border-radius: .5em; overflow: hidden; border: 1px solid #ddd;} 
.sTn_wrap .sideB > li { flex:1; } 
.sTn_wrap .sTn { width: 100%; } 
.proAll { flex-wrap: wrap; } 
.proAll .Tright { width: 100%; padding-left: 0; border-left: none;} 
.proAll .Tleft{ position:relative; top: 0; width: 100%;}
.sTn_wrap .sideB > li{ flex: 1 1 50%; max-width: 50%;}
.sTn_wrap .sTn{ border-radius: 0em; }
.TrAll_wrap .tit_wrap > .tit{ font-size: 2.15em;}

/*pc 통합보안*/
.lineBox.s3 .infoBox{ padding: 2em;}
.IcBox .Iclist > li{ flex: 1 1 50%; max-width: 50%;}
.Gbox .Gboxlist > li > .in > .icon > img{ width: 5em;}

.Gbox .Gboxlist > li{ flex: 1 1 100% !important; max-width: 100% !important;}
.security_wrap .security_list > li:nth-child(2) .in > .inner, .security_wrap .security_list > li:nth-child(4) .in > .inner{ text-align: left;}

/*소프트웨어*/
.Logowrap .listCon li{ flex: 1 1 33.33%; max-width: 33.33%;}

/*인트로*/
.intro_wrapA{ height: auto;}
.intro_wrapA .intro_list{ height: auto;}
.intro_wrapA .intro_list > li{ flex: 1 1 100%; max-width: 100%;}
.intro_wrapA .intro_list > li > .in{ height: 30em;}

/* main page */
.visualSlide_wrap .slogan .t1{ font-size: 3em;}
.main_product .page_mq{ bottom: -0.3em;}
.ComWrap .Circle_wrap{ width: 100%;}
.ComWrap .Circle_wrap .Cir_list > li{ width: calc(100% / 3);}
.ComWrap .Circle_wrap .Cir_list > li > .con > .txt_wrap .t1{ font-size: 2rem;}

/* ceo인사말 */ 
.greet_wrap .greet-con{gap: 2em; padding: 0 2em;}
.greet_wrap .greet-con .img_wrap{ width: 45%;}
.greet_wrap .greet-con .txt_wrap .tit{ margin-bottom: 2em;}
.greet_wrap .greet-con .txt_wrap .t2{ font-size: 1.23em;}
.greet_wrap .greet-con .txt_wrap p.ceo{ font-size: 1.23em;}

/* 연혁 */
.historyWrapper .top_img{}
.historyWrapper .history > div .decade{ font-size: 3em; padding: 0.5em;}

/* 찾아오시는 길 */
.map_wrap .map_info{flex-direction: column; gap: 1em; margin-bottom: -5rem;}

}


@media screen and (max-width:768px){
body{ font-size: 12px;}


.div-container {width:100%;overflow:auto;/*white-space:no-wrap;*/}
.div-container .divCon1 {display: block; width: 700px;}

#header .gnb_wrap .gnb {display: none;}
/*헤더*/
.scroll #header{ background: #fff; border-bottom: 1px solid #ddd;}
html:not(.white) .fp-viewing-Business #header, html:not(.white) .fp-viewing-Footer #header, html:not(.white) .fp-viewing-Customer #header{ background: #fff; border-bottom: 1px solid #ddd;}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ width: 54vw;}

.service_list li .icon {width: 4em; margin: 1em auto;}
.service_list li .tt {min-height: 7em;}

.greet_tit .t1 {font-size: 2.5em;}

.history_wrap {display: block; padding: 2em 0 1em 0;}
.history_wrap:before, .history_wrap .tabLink { left:5%; top: 11.5%;}
.history_wrap .wrap_tab { display:flex; gap: 1em; padding: 0 1em 0 1em; width:unset;}
.history_wrap .wrap_tab li { flex:1 50%;}
.history_wrap .wrap_tab > li > a span {display: block;}
.history_wrap .wrap_tab > li > a .t1 {display: block;}
.history_wrap .history {padding-left: 6%; padding-top: 10%;}

/*공통*/
.main_tit{ margin-bottom: 0.5em;}
.main_tit > .t1{ font-size: 3.5em;}
.main_tit .t1.s4{ font-size: 1.99em;}
.main_tit .t5{ font-size: 1.99em;}

.ComWrap { width: 67%;}
.ComWrap .Circle_wrap{ padding: 2em 2.5em;}
.ComWrap .Circle_wrap .Cir_list > li > .con > .txt_wrap .t1{ font-size: 1.7em;}
.main_customer .wrap_cs .t2{ font-size: 1.88em; text-align: center;}
.main_customer .customer_wrap{ padding-bottom: 1.875em;}

#contents .sub_page_con .con_menu .gnb .dp3 { gap: 0em; border-radius: 1em; overflow: hidden;} 
#contents .sub_page_con .con_menu .gnb .dp3 > li { flex: 1; background: #f7f7f7; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li:first-child,
#contents .sub_page_con .con_menu .gnb .dp3 > li:last-child {border-radius: 0em;} 
#contents .sub_page_con .con_menu .gnb .dp3 > li > a { border-radius: 0em;} 
#contents .sub_page_con .con_menu .gnb .dp3 > li{ flex: 1 1 33.33%; } 

/*탭 내부 공통*/
.lineBox.s33 .boxIn{ flex-direction: column;}
.lineBox.s33 .boxIn .img_w{ width: 100%;}

.page_dot_list.w1.mb100 > li{ width: calc(100%);}
.ImgBox .ImgBox_list > li{ flex: 1 1 100%; max-width: 100%;}



/*비주얼*/
.visualSlide_wrap .slogan .t1{ font-size: 3.5em;}

/*비즈니스*/
.business_wrap{ flex-direction: column;}
.business_wrap .business_imgCon{ width: 100%; height: 35vh;}
.business_wrap .business_infoW{ width: 100%;}
.business_wrap .business_infoW .main_tit{ padding-top: 3em;}

/*서비스*/
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .img_con{ height: 30vh;}
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT{ padding: 0 2em;}

/*바로돔*/
.main_barodoum{ height: 70vh !important;}
.main_barodoum .intro_wrap > .icon > .xi{ font-size: 5em;}

/*security*/
.security_wrap .cir_inner:after{ width: 20em; height: 20em;}
.security_wrap .cir_inner{ width: 15em; height: 15em;}
.security_wrap .cir_inner .tt{ font-size: 1.715em;}
.security_wrap .cir_inner .icon > .xi{ font-size: 3.815em;}
.security_wrap .security_list > li > .in > .inner > .title{ font-size: 1.915em;}
.security_wrap .security_list > li:nth-child(2n) .in > .inner{ padding-left: 2em;}
.security_wrap .security_list > li:nth-child(2) .in > .inner, .security_wrap .security_list > li:nth-child(4) .in > .inner{ text-align: left;}

/*소닉월*/
.tab_con{ position: relative; top: 0em;}
.tab_con .sub-tab > li{ flex: 1 1 100%;}
html.up .tab_con{ top: 0em;}

.sub-tab-container .tab_imgbanner .banner_txt .tit {font-size: 2.5em;}
.sub-tab-container .tab_imgbanner .banner_txt .txt {font-size: 1em;}

.sub-tab-header {flex-wrap: wrap;}
.sub-tab-btn {flex: 1 48%;}

.tab-container .tab-content .tab_inner {padding: 2em 2em;}
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_top .pro_name {font-size: 3em;}

.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC {padding: 1.5em;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC .char_list > li {flex: 1 1 100%; max-width: 100%;}

.subPageTop .inner > .txtCon > .cate br{display: block;}

.db780 {display: block;}
.div-container {width:100%;overflow:auto;/*white-space:no-wrap;*/}
.div-container .divCon1 {display: block; width: 800px;}

/*백업 솔루션*/
.doble_wrap{ flex-direction: column; align-items: start; padding: 2.5em;}
.doble_wrap .txtT{ width: 100%;}
.doble_wrap .logo_con{ width: 100%; padding-right: 0em; margin-right: 0em; border-right: none; padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px solid #ddd;}
.doble_wrap .logo_con > img{ width: 50%;}

/*전산실 이전*/
.process_box .pro_Blist > li{ flex: 1 1 50%; max-width: 50%;}
.process_box .pro_Blist > li:nth-child(2) > .in .Rarrow,
.process_box .pro_Blist > li:nth-child(4) > .in .Rarrow { display: none;}
.process_box .pro_Blist:before{ display: none;}

/*pc 통합보안*/
.lineBox.s3 .infoBox{ padding: 2em;}
.IcBox .Iclist > li{ flex: 1 1 50%; max-width: 50%;}
.Gbox .Gboxlist > li > .in > .icon > img{ width: 5em;}

/*오시는 길*/
.sub_location .address_box{ gap: 1em;}
.root_daum_roughmap .wrap_map{ height: 300px !important;}

/*유지보수*/
.div-container { width:100%; overflow:auto; /*white-space:no-wrap; */ } 
.div-container .divCon1 { display: block; width: 800px; } 

.page_col.div_T { flex-wrap: wrap; gap: 2em; } 
.page_col.div_T .Tleft { flex: 0 0 100% } 
.page_col.div_T .Tright { flex: 0 0 100%; } 

/* 전국지사안내 */
.csCenter_box { display: flex; border-radius: 0 4em 0 4em; } 
.csCenter_box .img_wrap { position: unset; } 
.csCenter_box .img_wrap .img { height: 100%; padding-bottom: 0; } 
.csCenter_box .txt_wrap { width: 100%; padding-left: 0; } 

.icon_circle{ justify-content: center; border-radius: 1.5em;}

/* ceo인사말 */
.page_tit .t4.s1{ font-size: 2.45em;}
.greet_wrap .greet-con .txt_wrap .t1{ font-size: 2.2em;}
.greet_wrap .greet-con .txt_wrap .t2,.greet_wrap .greet-con .txt_wrap p.ceo{ font-size: 1.2em;}
.greet_wrap .greet-con{ padding: 0 5em;}
.greet_wrap .greet-con .txt_wrap p.ceo{ padding-right: 1em;}

.greet_wrap .greet-con .img_wrap{ display: none;}
.greet_wrap .aboutTslide .textAniW .textAni{ font-size: 11vw;}

/* 연혁 */
.historyWrapper .top_img .bg_tit p{ font-size: 2.2em;}
.historyWrapper .history > div{ flex-direction: column;}
.historyWrapper .history > div .decade{ padding: 0.5em 0 0 3.8em;}
.historyWrapper .history > div .decade:before,.historyWrapper .history > div .decade:after{display: none;}
.historyWrapper .history > div ul{ padding-left: 23%; width: 100%;}
.historyWrapper .history > div ul:before{ left: 11.7%;}
.historyWrapper .history > div ul:after{left: 10%; width: 40px; height: 40px; top: 20px;}
.historyWrapper .history .linewrap, .historyWrapper .history:after{ left: 6%;}

/* 연구기술 */
.researchWrapper .researchContent .txt_wrap{ width: 26%;}
.researchWrapper .researchContent .txt_wrap .sub_tit .tit{ font-size: 2.43em;}

/* 찾아오시는 길 */
.map_wrap > .tt{ font-size: 1.7em;}
.map_wrap .map_info{flex-direction: column; gap: 2rem; margin-bottom: -7em;}
.map_wrap .map_info .left .con .contact_list{ flex-direction: column;}

/* 칫솔사업부 - 사업장정보 */
.step-list > li{ flex-direction: column; padding: 2em;}
.maintenBox{ margin-bottom: -7em;}
.maintenBox .item .rightB > .img_con{ height: 18.5em;}
/* 칫솔사업부 - 사업장사진 */
.board_gallery > li{ width: calc((100% - 2em) / 2);}
/* 주요고객사 */
.board_gallery.w3 > li {width: calc((100% - 4em) / 3);}

/* 제품소개 : 자사소개 */
.product_wrapper .product_list li{ width: calc((100% - 5em) / 3);}

/* 개인정보처리방침 */
html.pop .popWrap{ max-width: 88vw;}

}

@media screen and (max-width:463px){
body{ font-size: 11px;}

.visualSlide_wrap{ height: 70vh;}
.visualSlide_wrap .slogan .t1{ font-size: 2.5em;}

.greet_tit .t1 {font-size: 2em;}
.intro_bg {padding: 2em 1em;}

.main_tit .t1.s1{ font-size: 2.6em;}
.main_tit .t4{font-size: 1.2em;}
.main-tab .tab-btn{ font-size: 1em; padding: 0em 1em;}

.main_product .main_control .swiperBtn{ font-size: 1.1em;}

.main_customer .customer_top {width:100%}

.page_twrap_img.st1 .wrap_con {width: 90%; padding: 2em;}
.history_wrap:before, .history_wrap .tabLink { left:5%; top: 9%;}
.history_wrap .wrap_tab > li > a .t1 { font-size:1.55em;}

.sub_location .info li {display: block; padding: 1.5em 1.5em;}
.sub_location .info .icon {margin-bottom: 1em;}

#contents .sub_page_tit{ padding: 0 0 1.5em 0;}

/* header */
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.2rem}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ width: 54vw; padding: 0.5em 0 0 .875em;}

/*BOARD*/
.board_search,
.board_search .search { display: block;}
.board_search .total { justify-content: flex-start;}
.board_search .search .input_st { margin-top: 0.5em;}
.board_search .search .input_st,
.board_search .search .select,
.board_search .search .inp { width: 100%;} 

/* #header .logo > .in img {width: 15em;} */

.history_wrap:before, .history_wrap .tabLink { left:5%; top: 8.3%;}
.history_wrap .wrap_tab > li > a .t1 { font-size:1.35em;}
.history_wrap:before, .history_wrap .tabLink { left:5%; top: 7.5%;}

.sub_location .info li {padding: 1em 1em;}

/*공통*/
.main_tit > .t1{ font-size: 3.15em;}
.pageTxt .t1{ font-size: 2.15em;}
.page_tit .t4.s1{ font-size: 2.6em;}
.page_tit .t8{ font-size: 1.1em;} 
.page_tit .t9{ font-size: 1.8em;}

#contents .sub_page_top{ height: 28em;}
#contents .sub_page_tit .wrap_tit .sub_tit .tt{ font-size: 2.5em;}
#contents .sub_con_tit{ padding: 5.5vw 0 0;}

.maintenBox .item .leftB .btmT .tit{ font-size: 1.2rem;}


/*비주얼*/
.business_wrap .business_infoW .main_tit{ padding-left: 2em;}

/*비즈니스*/
.business_wrap .business_infoW .business_list > .list-item > .inner{ padding: 0 2em;}
.business_wrap .business_infoW .business_list > .list-item > .inner > .tt{ font-size: 1.815em;}

/*서비스*/
.service_wrap{ flex-direction: column;}
.service_wrap .serviceSlide_wrap,
.service_wrap .info_con{ width: 100%;}
.service_wrap{ gap: 0em;}
.main_service .service_wrap .main_tit{ text-align: center;}

.service_control .control{ justify-content: center;}
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner{ display: block;}
.service_wrap .serviceSlide_wrap .serviceSlide{ margin-right: 0em;}

/*바로돔*/
.main_barodoum .intro_wrap{ width: 90%;}

/*커스터머*/
.main_customer .customer_wrap .customer_linkW .link_list > li{ flex: 1 1 100%; max-width: 100%;}
.main_customer .brand_wrap .brand_list > li{ flex: 1 1 50%; max-width: 50%;}

/*인프라 공급*/
.gsClass.twide{ letter-spacing: 1em; opacity: 1; filter: blur(0);}

/*security*/
.security_wrap .security_list > li{ flex: 1 1 100% !important; max-width: 100% !important;}
.security_wrap .cir_inner{ position: relative; margin: 0 auto; transform: none; left: 0; top: 0; margin-bottom: 4em; margin-top: 4em;}
.security_wrap .security_list > li:nth-child(4) .page_dot_list{ margin-top: 0em;}
.security_wrap.mTn .cir_inner{ margin-top: 0em;}

/*소닉월*/
.sub-tab-container .tab_imgbanner .banner_txt {padding: 0 2em;}
.tab-container .tab-header > .tab-btn {font-size: 1em;}

.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_top .pro_name {font-size: 2.5em;}
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_top .sub_txt {font-size: 1.3em;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con {padding: 1.5em;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con .sub_tit {font-size: 1.125em;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con .en {font-size: 1.8em;}
.sub-tab-container .tab_imgbanner .banner_txt .tit {font-size: 2em;}

/* 아웃소싱컨설팅 */
.outsourcing_dig .itemListWrap > ul li { padding:1.5em 3em; } 

/*소프트웨어*/
.Logowrap .listCon li{ flex: 1 1 50%; max-width: 50%;}

/* 전국지사안내 */
.csCenter_box { flex-direction: column; margin-top: 0; } 
.csCenter_box .inner { padding: 4em 2em; } 
.csCenter_box .img_wrap { width: 100%; height: 10em; border-radius: 0 4em 0 0; } 

/* s&g life 부분 */ 
.ComWrap .Circle_wrap{ border-radius: 4rem;}
.ComWrap .Circle_wrap .Cir_list > li > .con > .icon,
.ComWrap .Circle_wrap .Cir_list > li > .con > .txt_wrap .txtT
{ display: none;}
.ComWrap .Circle_wrap .Cir_list{flex-direction: column;}
.ComWrap .Circle_wrap .Cir_list > li{ width: 100%;}

.main_customer .customer_wrap .customer_linkW .link_con .link_banner{ height: 12.5em;}
.main_customer .customer_wrap .customer_linkW .link_con .link_banner .info_con{ top: 2em; left: 1em;}
.main_customer .customer_wrap .customer_linkW .link_con .link_banner .img_con > img{ filter: blur(2px) brightness(0.7);}

/* 회사개요 */
.companyWrapper .companyTit .tt{ font-size: 1.8em; bottom: -1.2em;}
.companyWrapper .companyTit .t1{ font-size: 8em;}
.companyValu{ margin-top: 5em;}
.companyValu .value_list{ flex-direction: column;}
.companyValu .value_list li:nth-child(2n){ margin-top: 0;}
.companyValu .value_list li .img{ bottom: -1em;}
.companyValu .value_list li .img img{ height: 6em;}
#contents .doc{ padding: 2vw 0 6em 0;}


/* ceo 인사말 */
.greet_wrap .greet-con{ padding: 0 3em;}
.greet_wrap .greet-con .txt_wrap .t1{ font-size: 2em; margin-top: 1em;}
.greet_wrap .greet-con .txt_wrap .t2, .greet_wrap .greet-con .txt_wrap p.ceo{ font-size: 1.18em;}
.greet_wrap .greet-con .txt_wrap p.ceo{ margin-bottom: 3em;}

.greet_wrap .aboutTslide .textAniW .textAni {font-size: 16vw;}

/* 연혁 */
.historyWrapper .top_img .bg_tit p{ font-size: 1.5em;}
.historyWrapper .history > div .decade{ padding: 0.5em 0 0 2.4em;}
.historyWrapper .history > div ul:after{ left: 9%; width: 36px; height: 36px; top: 22px;}

/* 연구기술 */
.researchWrapper .researchContent{ flex-direction: column;}
.researchWrapper .researchContent .txt_wrap{ width: 100%;}
.researchWrapper .researchContent .txt_wrap .sub_tit .tit{ font-size: 1.9em;}
.researchWrapper .researchContent .txt_wrap .sub_tit .tit br{display: none; }
.researchWrapper .researchContent .box_wrap{ width: 100%;}

/* 찾아오시는 길 */
.map_wrap .map_info .left .con > h2{ font-size: 1.8em;}
.map_wrap .map_info{flex-direction: column; gap: 2rem; margin-bottom: -5em;}
.map_wrap .map_info .left .con .contact_list{ flex-direction: column;}

/* 칫솔사업부 : 사업장 정보*/
.subPageTop{ padding: 3em;}
.subPageTop .inner > .txtCon > .tit{ font-size: 1.88em;}
.step-list > li{ width: calc((100% - 2em) / 2);}
.step-list > li:nth-child(2)::before,.step-list > li:nth-child(2)::after{display: none;}
/* 사업장 사진*/
.board_gallery > li{ width: 100%;}
/* 주요고객사 */
.board_gallery.w3 > li{ width: calc((100% - 2em) / 2);}

.subPageTop .inner > .txtCon{ margin-bottom: 0;}

/* 테이블표 스크롤 */
.scr_i{display: inline-flex; align-items: center; gap:.2em; margin-top: 5px; color:var(--siteC);  }
.scr_i .xi{ transform: rotate(90deg);}
.scroll_wrap{width: 100%; overflow-x: auto;}
.scroll_wrap table {min-width: 1000px; width: max-content; border-collapse: collapse;}
.scroll_wrap table.mt20{margin-top: .5em !important;}
.scroll_wrap.st1{overflow-x: unset;}
.scroll_wrap.st1 table{min-width: 0; width: auto;}

/* 자사제품 */
.board_search_wrap{ flex-wrap: nowrap;}
.board_search_wrap .left{ text-align-last: left;}
.board_search_wrap.st1 .right{ width: 100%;}
.board_search_wrap .total .icon:not(.icoR):before{ margin-left: 0.35em;}

.product_wrapper .product_category{flex-direction: column; align-items: flex-start; gap: 1em;}
.product_wrapper .product_list li{ width: calc((100% - 3em) / 2);}



/* 고객센터 : 견적문의 */
.table_form .wrap_in{ flex-direction: column; align-items: normal;}
.table_form .wrap_in .ti_wrap{ padding: 0 0.3em;}


}


@media screen and (max-width:393px){
.main_tit .t1.s1{ font-size: 2em;} 
.main_customer .customer_wrap .customer_linkW .link_con{ flex-direction: column;}
.main_customer .customer_wrap .customer_linkW .link_con .link_banner .info_con .txt{ font-size: 1.2em;}

.main_barodoum .infoAll{ height: calc(100vh - 62em);}

/* 공통 */
#header .all_wrap .all_layer .all_gnb .gnb > li{ flex-direction: column;}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ width: 89vw;}
#header .all_wrap .all_layer .all_gnb .gnb > li .dp2{ padding: 0;}

#contents .sub_con_tit{ padding: 4.5vw 0 0;}

#contents .sub_page_tit .wrap_tit .sub_tit .tt{ font-size: 2.3em;} 
.greet_wrap .greet-con .txt_wrap .t1{ font-size: 1.7em;}

.page_tit .t4.s1{ font-size: 2.2em;}
.companyWrapper .companyTit .tt{ font-size: 1.4em; bottom: -0.8em;}
.companyWrapper .companyTit .t1{ font-size: 7em;}
.companyValu{ margin-top: 3em;} 
.companyValu .value_list li{ padding: 2em;}
.companyValu .value_list li .txt_box .tit{ font-size: 2em;}
.companyValu .value_list li .img img{ width: 4em; height: 9em;}
    
.greet_wrap .greet-con{ padding: 0 2em;}
.greet_wrap .greet-con .txt_wrap .t2, .greet_wrap .greet-con .txt_wrap p.ceo{ font-size: 1.27em;}

.page_tit{ margin: 1.25em 0 1.25em 0;}
.page_tit .t8{ font-size: 1.45em;}


/* 연혁 */
.historyWrapper .top_img{ height: 8em;}
.historyWrapper .top_img .bg_tit{ width: 93%;}
.historyWrapper .top_img .bg_tit p{ font-size: 1.5em;}
.historyWrapper .history{ padding: 2.375rem 0 9rem;}
.historyWrapper .history > div .decade { padding: 0.5em 0 0 2.1em; }
.historyWrapper .history .linewrap, .historyWrapper .history:after{ left: 0;}
.historyWrapper .history > div ul{ padding-left: 23%;}
.historyWrapper .history > div ul:before{ left: 7.5%}
.historyWrapper .history > div ul:after{ left: 4%; width: 36px; height: 36px;}
.historyWrapper .history > div ul li{ font-size: 1.3em; gap: 1em; flex-direction: column;}

/* 연구기술 */
.researchWrapper .researchContent .box_wrap .box{ width: 100%; }

/* 찾아오시는 길 */
.map_btn > li .btn{ padding: .65rem 1rem;}
.map_wrap .map_info{ padding: 2.5em 2.5em 2.5em;}
.map_wrap .map_info .left .con > h2{ font-size: 1.3em;}

/* 칫솔 사업부 */
.subPageTop{padding: 2em;}
.subPageTop .inner > .txtCon > .tit{ font-size: 1.7em;}
.subPageTop .inner > .txtCon > .cate{ font-size: 1.15em;}
.maintenBox .item .leftB{ padding: 1em;}
/* .maintenBox .item .leftB .btmT .tit{ font-size: 2em;} */
.board_search_wrap .total .t1{ margin-right: 1.5em;}

/* 주요고객사 */
.board_gallery.w3 > li{ width: 100%;}

/* 자사제품 */
.product_wrapper .product_list li{ width: 100%;}

/* 고객센터 견적문의 */

}

@media screen and (max-width:320px) {
.main-tab{ gap: 0.4em;}
.map_wrap .map_info{ gap: 1rem;}
.main-tab .tab-btn{ padding: 0em 0.8em; }


/* 공통 */
#contents .sub_page_menu .drop_menu .drop_tit{ min-width: 12em;}
#contents .doc{ padding: 2vw 0  0em 0;}

.page_tit .t4.s1{ font-size: 2em;}
.companyWrapper .companyTit .tt{ font-size: 1.2em;}
.companyWrapper .companyTit .t1{ font-size: 6em;}
.companyValu .value_list{ margin-bottom: 2em;}
.companyValu .value_list li{ padding: 2em;}
.companyValu .value_list li .txt_box .tit{ font-size: 1.4em;}
.companyValu .value_list li .txt_box .tt{ font-size: 1.12em;}

.page_tit .t9{ font-size: 1.4em;}

/* ceo 인사말 */
.greet_wrap .greet-con .txt_wrap p.ceo{margin-bottom: 7em;}

/* 연혁 */
.historyWrapper .history{ padding: 2.375rem 0 5rem;}
.historyWrapper .history > div .decade{ padding: 0.5em 0 0 1.33em;}
.historyWrapper .history > div ul:after{ width: 35px; height: 35px; left: 3.7%; top: 24px;}

/* 찾아오시는 길 */
.map_wrap > .tt{ font-size: 1rem;}
.map_wrap .map_info{ margin-bottom: 1.5em;}

/* 칫솔사업부 : 사업장 정보 */
.subPageTop {padding: 1.3em;}
.subPageTop .inner > .txtCon{ margin-bottom: 0;}
.maintenBox{ margin-bottom: 0em;}
/* 사업장 사진 */
.board_search_wrap .search_inner .label_select .selectTit{ width: 4em; margin-left: 0.5em;}
.board_search_wrap .search_inner{ width: 94%;}
.board_search_wrap .search_inner .input_search .search{ right: 22px;}
.board_paging{ margin-top: 4em; margin-bottom: 4em;}
/* 설비현황 */
.board_st2{margin-bottom: 2em;}

/* 고객센터 견적문의 */
.mr10{ margin-right: 2px !important;}
.ml10{margin-left: 2px !important;}
.flex.hc{ margin-bottom: 4em;}
}