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

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

.box1{ width: 92%;}
}
@media screen and (max-width:1024px){
body{ font-size: 13px;}


/*font*/
.main_tit .tit .t1{ font-size: 4em;}

/*all 메뉴*/
#header .all_wrap .all_layer .all_inner > .wrap_in{ padding: 8vh 4em 6vw;}
.allGnbOn #header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.85em;}
#header .all_wrap .all_layer .all_inner > .wrap_in .site_mapT > p{ font-size: 3.15em;}

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

/*메인 비주얼*/
.visualSlide_wrap .slogan .t1{ font-size: 3.8em;}
.main_brand .list > li .wrap_in .conW .tit .t1{ font-size: 4.25em;}
.mainFix .wrapTit .t1{ font-size: 3em;}

/*메인*/
.main_brand .list > li{ width: 55%; margin-bottom: 3em;}
.main_brand .list > li:last-of-type{ margin-bottom: 0em;}
.main_brand .list > li:nth-child(odd){ margin-left: 12em;}

/*메인 제품*/
.main_prod{ padding: 0em;}
.main_prod .pin-spacer{ height: auto !important;}
.main_prod #horizontal{ width: 100% !important; max-width: 100% !important; height: auto !important; max-height: auto !important; padding-bottom: 4em;}
.main_prod #horizontal .list{ flex-wrap: wrap; gap: 0em; margin: 0 0 -1.5em -1.5em;}
.main_prod #horizontal .panel{ flex: 1 1 33.33%; max-width: 33.33%; transform: translateX(0%) !important;}
.main_prod .list .wrap_in{ margin: 0 0 1.5em 1.5em;}


/****sub****/

/*공통*/
.board_search{ flex-wrap: wrap; justify-content: end;}
.board_search .search{ margin-top: .85em;}

/*font*/
.page_txt > .t8{ font-size: 2.45em;}

/*sub 탑*/
#contents .sub_top_wrap .tit_wrap .tit .t1{ font-size: 4.85em;}
.slogan_wrap{ padding: 1em;}
#contents .sub_top_wrap .nav > li:not(.home):before{ width: 18px; left: -34px;}

/*인사말*/
.gree_box .con .tit{ font-size: 22px;}
.gree_box .con .tt{ font-size: 18px;}
.g_img_con.wrapImg{ height: 250px; background: url(../images/sub/greeting_img01_m.jpg) no-repeat center / cover;}

/*연혁*/
.sub_container .history_ctt.on h4{ font-size: 62px;}
.sub_container .history_ctt span{ font-size: 16px;}

/*오시는 길*/
.map_wrap .cnt_con .map_box{ flex-direction: column;}
.map_wrap .cnt_con .map_box .c_info{ padding: 4.5em 4.25em;}

/*제품*/
.product_wrap .pro_top .pro_tit .t1{ font-size: 3.15em;}
.product_wrap .pro_top .pro_tit .t2{ font-size: 2.15em;}
.product_wrap .product_scroll .txt_box h3{ font-size: 1.85em;}
.product_wrap .product_scroll{ height: 40vh;}
.productW .info_con .info_conT{ padding: 5.5em 6em 5.5em 5em;}
.productW .info_con .Tinfo .txt{ font-size: 1.95em;}

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

/*인증서*/
.certi_list > li > .in .certi_imgbox{ padding: 30px;}
.certi_list > li > .in .certi_tit > p{ font-size: 18px;}

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


/*all 메뉴*/
.allGnbOn #header .all_wrap .all_layer .wrap_middle .gnb > li{ flex: 1 1 33.33%; max-width: 33.33%;}
.allGnbOn #header .all_wrap .all_layer .wrap_middle .gnb > li:nth-child(1),
.allGnbOn #header .all_wrap .all_layer .wrap_middle .gnb > li:nth-child(4){ border-left: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size: 1.25em;}

/*메인*/
.mainFix .wrapTit .t1{ font-size: 2.5em;}

/*font*/
.main_tit .tit .t1{ font-size: 4em;}
.main_tit .tt .t1{ font-size: 1.15em;}
.main_brand .list > li .wrap_in .conW .tit .t1{ font-size: 3.5em;}

.main_inquiry .mainFlex{ flex-direction: column; gap: 0em;}
.main_inquiry .mainFlex .wrapTit{ position:relative; width: 100%;}
.main_inquiry .formSt{ padding: 0em;}

/****sub****/

/*공통*/
.sub_page_tit{ font-size: 1.85em;}

/*sub 탑*/
#contents .sub_top_wrap .tit_wrap .tit .t1{ font-size: 4.35em;}
#contents .sub_top_wrap .visual_wrap{ height: 40vh;}
#contents .sub_top_wrap .tit_wrap .wrapIn{ height: 16em;}
#contents .sub_top_wrap .nav{ gap: 3.8em;}
.slogan_wrap .h_slogan{ font-size: 1.1em;}

/*인사말*/
.gree_box .con .tit{ font-size: 18px;}
.gree_box .con .tt{ font-size: 14px;}

/*연혁*/
.sub_container .history_ctt h4{ width: 180px;}
.sub_container .history_ctt ol{ width: calc(100%); padding-left: 2em;}
.sub_container .history_ctt.on h4{ font-size: 47px; line-height: 1;}

/*오시는 길*/
.map_wrap .cnt_con .map_box .c_map .root_daum_roughmap .wrap_map{ height: 300px !important;}
.map_wrap .cnt_con .map_box .c_info .link_btn .tit_wrap > span{ font-size: 14px;}

/*제품*/
.product_wrap .product_scroll{ height: 35vh;}
.pro_wide{ margin-left: 7.5%;}
.productW .info_con .info_conB .list_con .page_dot_list>li{ font-size: 1.05em;}
.page_dot_list>li:before{ top: 6px; width: 4px; height: 4px;}
.productW .info_con .info_conB .list_con .page_dot_list>li:before{ top: 6px;}

.proImg .flex_box .fst3 > li{ flex: 1 1 50%; max-width: 50%;}
.proImg .img_con{ height: 17.5em;}

.flex_box.work_list .fst4 > li,
.flex_box.work_list .fst3 > li{ flex: 1 1 50%; max-width: 50%;}

/*인증서*/
.certi_list > li > .in .certi_tit > p{ font-size: 14px;}
.certi_list > li{ flex: 1 1 33.33%; max-width: 33.33%;} 
.layer_wrap .layer_img .img img{ max-width: 70vw; min-height: 45vh;}


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

/*공통*/
#contents .doc{ padding: 3.5em 0 8em 0;}
.sub_page_tit{ font-size: 1.715em;}

/*all 메뉴*/
.allGnbOn #header .all_wrap .all_layer .wrap_middle .gnb > li{ flex: 1 1 50%; max-width: 50%; padding: 0em; border-left: none; margin-bottom: 4em;}
#header .all_wrap .all_layer .all_inner > .wrap_in .site_mapT > p{ font-size: 2.65em;}

/*메인*/
.visualSlide_wrap .slogan .t1{ font-size: 2.8em;}
.main_brand{ padding: 5em 0;}
.main_brand .mainFlex{ flex-direction: column; gap: 0em;}
.main_brand .mainFlex .wrapTit{ position:relative; width: 100%;}
.mainFix .wrapTit .t1{ font-size: 3.1em;}
.main_tit .tit .t1{ font-size: 3.25em;}
.main_brand .list > li .wrap_in .conW .tit .t1{ font-size: 3.65em;}
.main_tit .tit .t1.s1{ font-size: 3.15em;}
.mainFix .wrapTit .t1{ font-size: 2em;}
.mainFlex .wrapTit{ padding: 0em;}
.main_news .mainFlex{ flex-wrap: wrap;}
.main_news .mainFlex .wrapTit{ width: 100%;}
.main_news .mainFlex .wrapCon{ width: 100%;}
.main_prod #horizontal .panel{ flex: 1 1 50%; max-width: 50%;}
.main_prod .list .wrap_in .con_wrap .tit{ height: 1em;}

/****sub****/

/*sub 탑*/
#contents .sub_top_wrap .tit_wrap .tit .t1{ font-size: 3.85em;}
#contents .sub_top_wrap .visual_wrap{ height: 30vh;}
#contents .sub_top_wrap .tit_wrap .wrapIn{ height: 14em;}

/*font*/
.page_txt > .t8{ font-size: 2.15em;}

/*인사말*/
.gree_box{ flex-direction: column; gap: 2em;}
.gree_box .profile_con,
.gree_box .con{ width: 100%;}
.g_img_con.wrapImg{ height: 125px; background: url(../images/sub/greeting_img01_m2.jpg) no-repeat center / cover;}

/*연혁*/
.contentBox{ width: 94%; margin: 0 auto;}
.his_wrap{ flex-direction: column;}
.dp2_history .mbS{ width: 100%; max-width: 100%;}
.sub_container .sub_menu ul li{ margin-bottom: 0px;}
.his_wrap .sub_menu.stickyT{ transition: transform 1s; z-index: 99; }
.scroll .his_wrap .sub_menu.stickyT{ top: 0em; transition: transform 1s }
.scroll.up .his_wrap .sub_menu.stickyT{ transform: translateY(4em);}
.his_wrap .sub_menu .stab{ display: flex; flex-wrap: wrap;}
.his_wrap .sub_menu .stab > li{ flex: 1 1 33.33%; max-width: 33.33%;}
.his_wrap .sub_menu .stab > li > a{ display: block; width: 100%; text-align: center; padding: 1em; box-sizing: border-box; background: #f5f5f5; color: #333;}
.his_wrap .sub_menu .stab > li > a.on{ background: var(--siteC); color: #fff;}

.sub_container .history_ctt{ flex-direction: column;}
.sub_container .history_ctt ol{ padding-left: 0em;}
.sub_container .history_ctt h4{ margin-bottom: .5em;}
.sub_container .history_ctt.on h4,
.sub_container .history_ctt h4{ font-size: 40px;}
.sub_container .history_ctt{ padding: 35px 0 58px;}

.sub_container .history_ctt strong,
.sub_container .history_ctt span{ font-size: 14px;}

/*오시는 길*/
.product_wrap .product_scroll .txt_box h3{ font-size: 1.65em; margin-bottom: 20px;}
.map_wrap .cnt_con .map_box .c_info .link_btn .ibox{ height: 50px;}
.map_wrap .cnt_con .map_box .c_info .link_btn{ width: 50px;}
.map_wrap .cnt_con .map_box .c_info{ padding: 3.5em 3.25em;}
.map_wrap .cnt_con .map_box .c_info .link_btn .tit_wrap > span{ font-size: 11px;}
.map_wrap .cnt_con .map_box .c_info .info_box .tit{ font-size: 1.7em;}
.map_wrap .cnt_con .map_box .c_info .link_btn .inner_box .inner{ padding-top: 2em;}
.map_wrap .cnt_con .map_box .c_map .root_daum_roughmap .wrap_map{ height: 200px !important;}

/*제품*/
.proImg .img_con{ height: 12.5em;}
.productW .info_con .info_conB{ padding: 3.5em 4em 0 3em;}
.productW .info_con .info_conT{ padding: 3.5em 4em 3.5em 4em;}
.productW .info_con.s1{ width: 100%;}
.productW .img_con>img{ max-height: 300px;}
.pro_wide{ width: 94%; margin: 0 auto;}
.productW{ flex-direction: column;}
.wrap_idx .sub-tab > li{ flex: 1 1 33%; max-width: 33%;}
.product_wrap .product_scroll{ height: 30vh;}
.product_wrap .product_scroll .bg{ width: 100%;}
.product_wrap .pro_top .pro_tit .t1{ font-size: 2.65em;}
.product_wrap .pro_top .pro_tit .t2{ font-size: 1.75em;}

.flex_box.pro_boxA.ps3{ margin-top: 1.5em !important;}
.flex_box.pro_boxA .fst2 > li{ flex: 1 1 100%; max-width: 100%;}
.flex_box.work_list .fst4 > li,
.flex_box.work_list .fst3 > li{ flex: 1 1 100%; max-width: 100%;}

/*인증서*/
.certi_list > li > .in .certi_tit > p{ font-size: 13px;}
.certi_list > li{ flex: 1 1 50%; max-width: 50%;} 

/*문의하기*/
.table_form .wrap_in .ti_wrap{ width: 8em;}
.contact_wrap .form_wrap{ font-size: 1em;}
.contact_wrap .form_wrap{ padding: 0em; background: none;}
.table_form > li:first-child{ border-top: 1px solid #ddd;}


}
@media screen and (max-width:375px){
body{ font-size: 10px;}
}
@media screen and (max-width:320px){
body{ font-size: 9px;}

/******sub******/

/*공통*/
.w_date{ display: none;}

/*서브 탑*/
#contents .sub_top_wrap .tit_wrap .tit .t1{ font-size: 3.2em;}

/*인증서*/
.layer_wrap .layer_img .img img{ max-width: 70vw; min-height: 35vh;}
}