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

.PC{ display:none !important}
.PHONE{ display:block !important}
@media screen and (max-width:1660px){
.box2,
.box1{ max-width: 94%;}

#header .all_wrap .all_layer .all_inner > .wrap_in{ gap: 2em;}
#header .all_wrap .all_layer .wrap_middle .gnb{gap: 0em; flex-direction: unset;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex-direction: column; justify-content: start; width: 24%; flex: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ flex-direction: column; width: auto; gap: 0 2em;} 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.75em;}



}

@media screen and (max-width:1440px){
.box2,
.box1{ max-width: 92%;}

#header .gnb_wrap .gnb > li .dp1{padding: 0 1.8em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{font-size: 1em;}

/* main */
.main_prod .prodSlide .prod_control .paging{gap: 0;}
.main_prod .prodSlide .el .prodContainer{gap: 3em; margin: 0 auto;}
.main_prod.active .prodSlide .prod_control .paging{transform: translateX(-127px);}
.main_prod .prodSlide .el.prodAni.swiper-slide-active .prodContainer .prodImg{margin-left: 0;}
.main_prod .prodSlide .el .prodContainer .prodImg{min-width: 28rem; height: 28rem;}
.main_prod .prodSlide .prod_control .Pbtn{ font-size: 1.063em;}
.main_prod .prodSlide .el .prodContainer .info .tit{font-size: 2.25em;}
.main_prod .prodSlide .el .prodContainer .info .txt{font-size: 1.015em;}
.prodSlide_wrap{ width: 80%; margin: 0 auto;}


/* section1 */
#section1{overflow: hidden;}

/* section3 */
.ComWrap .Circle_wrap{width: 72%;}
#section3 .countUp{font-size: 0.8em;}

/* footer */
#footer .etc_wrap{align-items: unset;}
.sub #footer .menu_wrapper{display: none;}
.sub #footer .etc_wrap{width: auto;}

/* 제품소개 */
.dp1_product #contents .menu_wrap .dp2 > li > .va_wrap > .va > .tt{ font-size: 0.963em;}

/*인증서*/
.page_certificate .list > li{ min-width: auto;}
.page_certificate .list > li .img-area .imgfix{ width: auto; height: auto;}
}

@media screen and (max-width:1024px){
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{height: 4.5em;}
#header .gnb_wrap{ display: none;}
#header .all_wrap .all_btn{width: 3em;}
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_middle{ width: 100%; padding-top: 0;}
#header .all_wrap .all_layer .wrap_middle .gnb{gap: 0;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{width: calc((100% - 4.2em) / 2); padding: 2.5em 1em; box-sizing: border-box;}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{gap: 0em;}


#header .logo{ width: 8em;}
#header .logo .in{ gap: .5em;}
#header .logo .in > .mark{width: 2em;}
#header .snb-list{margin-right: 10px;}

#header .all_wrap .all_layer .all_inner > .wrap_in{ flex-direction: column; gap: 0;}
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img{height: auto; width: 100%; height: 10em; padding: 0; z-index: 99;}
#header .all_wrap .all_layer .all_header .all_close .close_btn{ z-index: 100; top: 2.6em;}

#contents .sub_page_top{ height: 20em;}
#contents .sub_page_tit .sub_tit .tt{ font-size: 2.815em;}

#nav{display: none;}

#quickBtn{ right: 2em;}
#quickBtn .group.side-btns{font-size: 0.8em;}
#quickBtn .group.side-btns a{padding: 6px; justify-content: center;}

/*font*/
.page_tt.s6{ font-size: 1.315em;}
.page_tt.s10{ font-size: 2.315em;}
.page_tt.s11 { font-size: 2.5em; }

/* main */
.visualSlide_wrap .slogan .t1{font-size: 2.95em;}
.visualSlide_wrap .slogan .t2{font-size: 1.115em;}

/* section1 */
#section1{ margin: 5em 0;}
.main_prod .prodSlide .el .prodContainer{ flex-direction: column-reverse;}
.main_prod .prodSlide .el .prodContainer .info{ margin-top: 8em;}
.main_prod .prodSlide .el .prodContainer .prodImg{width: 24em; height: 24em; min-width: auto;}
.main_prod .prodSlide .prod_control .paging{top: 1em; right: auto; left: 50%; padding-left: 0; transform: translateX(-50%) !important; width: max-content;}
.main_prod .move_titW{ top: 73%;}

/* section3 */
#section3 .box1,
#section3 .ComWrap {width: 100%;}
#section3 .ComWrap .Circle_wrap{ width: 100%; border-radius: 20px; padding: 4em 2em;}
#section3 .ComWrap .Circle_wrap .Cir_list > li > .con{display: flex; flex-direction: column; align-items: center;}
#section3 .countUp{font-size: 0.6em;}

/* section4 */
.section .Inner { margin-top: 6em; } 
.main_notice .notice_wrap .imgWrap{display: none;}
.main_notice .infoWrap{width: 100%; padding-left: 0;}

/* footer */
.footerB_wrap{flex-direction: column;}

#footer .wrapIn{flex-direction: column-reverse; padding: 1.5em 0 4em; gap: 2.5em;}
#footer .menu_wrapper{display: none;}
#footer .cs_wrap{text-align: left;}
#footer .logo_wrap{ width: 100%;}
#footer .etc_wrap{width: auto;}

/* sub */
/* #contents .sub_page_menu .gnb .dp2 > li > a .tt{font-size: 0.988em;} */
#contents .sub_page_menu .gnb{display: none;}
#contents .sub_top_wrap .wrap_con .nav_wrap .tit,
#contents .sub_top_wrap .wrap_con .nav_wrap .wrap_in .in{ flex-direction: column; align-items: center; gap: 0.5em;}

/* 인사말 */
.greeting_wrap{flex-direction: column;  gap: 4em;}
.greeting_wrap > .left{width: 100%; height: 45vh;}
.greeting_wrap > .right{margin-left: 0;}

/* 회사개요 */
.overview-wrapper .overview-img .filTit > .tit{ font-size: 3.7em;}
.overview-wrapper .overview-img .filTit > .txt{ font-size: 1.615em;}
.overview-wrapper .overview_txt .tit{font-size: 1.75em;}
.overview-wrapper .overview_txt .txt{font-size: 1.215em;}
.overviewList > li{ width: calc(50% - 2rem); padding: 2rem; height: 19rem;}
.page_tit .fs48.st1{font-size: 2.7em !important;}

/* 회사연혁 */
.history-list > li{padding-bottom: 6rem;}
.history-list > li::before{left: 35px; right: auto;}
.history-list > li > dl{padding-left: 0; width: 60%;}
.history-list > li > dl > dt{padding-right:0; padding-left: 60px; right: auto; position: relative;}
.history-list > li > dl > dd{ position: relative; margin-left: 0 !important; padding-left: 60px;}
.history-list > li:nth-child(odd) > dl{padding-right: 0; padding-left: 0;}
.history-list > li:nth-child(odd) > dl > dt{left: auto; text-align: left; }
.history-list > li:nth-child(odd) > dl > dd{text-align: left;}
.history-list > li > dl > dt::before{right: auto !important; left: 30px !important;}
/* .history-list > li:nth-child(odd) > dl > dt::before{right: auto;} */

/* 오시는 길 */
.root_daum_roughmap .wrap_map{height: 320px !important;}
.location_info > .con{padding: 30px; flex-direction: column;}
.location_info > .con > .address{width: 100%;}
.location_info > .con > .map_view{margin-left: auto; width: auto;}

/* 제품소개 */
.dp1_product #contents .menu_wrap .dp2 > li{flex: 1 1 33.33%; max-width: 33.33%;}
.dp1_product #contents .menu_wrap .dp2 > li > .va_wrap{ height: 2.8em;}
.dp1_product #contents .menu_wrap .dp2 > li > .va_wrap > .va > .tt{ font-size: 0.813em;}

.ProWarp .proList_con .proList > li{ flex: 1 1 33.33%; max-width: 33.33%;}
.ProWarp .proList_con .proList > li > .in > .proinfo > .title{ font-size: 1.215em;}

.pro-tab{ gap: 0.8em 0.5em;}
.pro-tab > li > .tabT{font-size: 0.915em;}
.ProWarp .proTop > .con{flex-direction: column-reverse; align-items: flex-end;}

.ProWarp .proTop > .con > .tabT > .tit{ font-size: 1.715em;}

/*제품 view*/
.agency-view-top{ flex-direction: column;}
.agency-view-top .view-img{ flex: 1 1 100%;}
.agency-view-top .page_txt{ flex: 1 1 100%; padding-top: 0em;}

/*카탈로그*/
.page_certificate .list > li{ flex: 0 0 calc(33.33% - 1.333em)}
html.pop .popWrap.img{ width: 45vw;}
}

@media screen and (max-width:768px){
.visualSlide_wrap .slogan .t1 br{display: none;}
.greeting_wrap > .right > .tit{ font-size: 2.015em;}

.prodSlide_wrap{ padding-top: 0em;}

/**/
.board_search{flex-direction: column; gap: 1em;}
.board_search .search,
.board_search .search form,
.board_search .search form .inp .input_st{width: 100%;}
.board_search .search form .select,
.board_search .search form .input_st.c5.re{width: 20%; }
.board_search .search form  select.input_st{min-width: 0; width: 100%;}
.board_search .search form .inp{width: 58%;}
.board_search .search .btn{padding: 0 0.5em;}

/* main */
.main_prod .prodSlide .prod_control .Pbtn{ font-size: 0.88em;}
.main_prod .prodSlide .prod_control .paging{margin: 0 1em; }



/**/
#footer .menu_wrapper .gnb{ flex-direction: column;}

/* 인사말 */
.greeting_wrap > .right > .tit br{display: none;}

/* 회사개요 */
.page_tit .fs48.st1{font-size: 1.8em !important;}
.overview-wrapper .overview_txt .txt{ font-size: 1.015em;}
.overview-wrapper .overview_txt .txt br{display: none;}
.overviewList{gap: 1em; margin: 0;}
.overviewList > li{margin: 0; width: calc(50% - 0.5em); height: 16rem;}
.overviewList > li > .info-bottom .sub_tit{font-size: 1em;}
.overviewList > li > .info-bottom .tit > .tt{font-size: 2.6em;}
.overviewList > li > .info-bottom .tit > .tt.s1{font-size: 1.6em;}
.overviewList > li > .info-bottom .tit > .tt.s2{ font-size: 2em;}

/* 회사연혁 */
.history-list > li > dl{ width: 100%;}

/* 제품소개 */
.dp1_product #contents .menu_wrap .dp2 > li{flex: 1 1 50%; max-width: 50%;}
.ProWarp .proList_con .proList > li > .in > .prod-img{ padding: 1em 0;}
.agency-view-top .view-img .img-wrap .imgfix{ height: 420px;}

/*카탈로그*/
.board_gallery{ margin: 0 0 -2em -2em;}
.board_gallery > li{ width: 50%;}
.board_gallery > li .wrap_in{ margin: 0 0 2em 2em;}
.board_gallery > li .wrap_in .con_wrap .t1{ font-size: 1.063em;}

/*문의*/
.form_wrap .form > li:not(.w100){ width: calc(100%);}
}


@media screen and (max-width:500px){
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img{ height: 5em; justify-content: flex-start;}
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .wrap_img_txt{margin-left: 1em;}
#header .snb-list li:last-of-type a{display: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ width: calc((100%) / 1); padding: 2.5em 1.3em; gap: 0.6em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li a{ padding: .7em .5em 0.1em 0.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.35em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size: 0.93em;}

#header .all_wrap .all_layer .all_header .close_btn{ width: 3.5em; height: 3.5em;}
#header .all_wrap .all_layer .all_header .all_close .close_btn{ top: 0.8em; right: 1em;}

/* */
#quickBtn{width: 3.2em;}
#quickBtn .group.side-btns{}
#quickBtn .link-btn {border-radius: 200px;}
#quickBtn .group.side-btns a{height: 5em; font-size: 0.8em; flex-direction: column-reverse;}
#quickBtn .link-btn .xi{margin-left: 0;}

/* main */
.visualSlide_wrap .slogan .t1{font-size: 1.95em;}
.visualSlide_wrap .slogan .t2 br{display: none;}
.visualSlide_wrap .el.swiper-slide-active .slogan .t2{font-size: 1.015em;}

.main_prod.active .prodSlide .prod_control .paging{flex-wrap: wrap; width: 100%; justify-content: center; transform: translateX(-55%) !important;}
.main_prod .prodSlide,
.main_prod .prodSlide .el .prodContainer{ height: 80vh; gap: 1em 0;}
.main_prod .prodSlide .el .prodContainer .prodImg{width: 16em; height: 16em;}
.main_prod.active .prodSlide .el .prodContainer{ justify-content: flex-end; margin-top: 1em;}
.main_prod .prodSlide .el .prodContainer .info .tit{ font-size: 1.95em;}
.main_prod .prodSlide .prod_control .paging{padding-left: 1vw;}

.main_prod .Abtn .more{ font-size: 13px; }
.main_prod .Abtn { margin-top: 1em !important;}

#contents .sub_con_tit .tt{ font-size: 2em;}
#contents .sub_con_tit{ padding-top: 3em;}
#contents .sub_page_tit .sub_tit .tt{ font-size: 2.315em;}

/* sub */
#contents .doc{padding: 2em 0 7em 0;}
#contents .sub_top_wrap .wrap_con .nav_wrap .tit{ gap: 0.4em 0;}
#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t1{padding-left: 0; font-size: 1.05em;}
#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2{font-size: 2.515em;}
#contents .sub_top_wrap .wrap_con .nav_wrap .nav > li{ font-size: 0.76em;}
#contents .sub_top_wrap .wrap_con .nav_wrap .nav > li:not(.home):before{ margin: 0 0.3em;}

/* section1 */
#section1{margin: 0;}
.page_mq .mv_tit .tit.fs2{ font-size: 9em;}


/* section3 */
.main_tit.en .t1{ font-size: 2.75em;}
#section3 .ComWrap .Circle_wrap{ padding: 3em 2em;}
#section3 .ComWrap .Circle_wrap .Cir_list{flex-wrap: wrap; gap: 3em 2em;}
#section3 .ComWrap .Circle_wrap .Cir_list > li{ flex: none; width: calc((100% - 2em) / 2);}

/* section4 */
.section .Inner{ margin-top: 4em;}
.main_notice .infoWrap .news_wrap li a{ padding: 20px 0.5em 20px 60px;}
.main_notice .infoWrap .news_wrap li a .news_number{left: 0.5em;}
.main_notice .infoWrap .news_wrap li a .news_number h4{ font-size: 28px;}
.main_notice .infoWrap .news_wrap li a .news_cont p{ font-size: 17px;}


/* footer */
#section4{margin: -14vh 0;}
.footerB_wrap{ margin-top: 2em; margin-bottom: 4em; gap: 1em;}
.footerB_wrap .con > .inner{ padding: 2em;}
#footer .foot_top .box0.flex{ margin: 0.7em 0 0.3em; gap: 2em; flex-direction: column; position: relative;}
#footer .foot_top .box0.flex::before{content: ''; position: absolute; left: 0; bottom: 36px; width: 100%; height: 1px; background-color: #2c2c2c;}
#footer .foot_top .link_wrap{margin-right: auto;}
#footer .foot_top .link_wrap > li{font-size: 0.9em;}

/**/
.board_search .search{font-size: 0.8em;}
.board_search .search form .inp{width: 54%;}
.board_search  select.input_st{ padding-right: 2em !important;}

/* 인사말 */
.greeting_wrap{gap: 2em;}
.greeting_wrap > .left{ height: 35vh;}
.greeting_wrap > .right > .tit{font-size: 1.615em;}
.greeting_wrap > .right > .sub_tit{ font-size: 1.215em; margin-bottom: 1.7em;}
.greeting_wrap > .right > .desc > .tt{font-size: 0.899em;}
.greeting_wrap > .right > .desc > .ceo{font-size: 1.115em;}

/* 회사개요 */
/* .overviewList > li{ padding: 1.2rem; height: 12rem; justify-content: flex-start; width: 100%; flex-direction: row; justify-content: space-between; align-items: center;}
.overviewList > li > .info-top > .xi{font-size: 4.15em;} */
.overviewList > li{height: 13rem;  padding: 1.2rem; justify-content: flex-start;}
.overviewList > li > .info-top > .xi{ font-size: 2.85em;}
.overviewList > li > .info-bottom .tit > .tt{ font-size: 1.6em;}
.overviewList > li > .info-bottom .tit > .tt.s1{font-size: 1em;}
.overviewList > li > .info-bottom .tit > .tt.s2{font-size: 1.3em;}
.overviewList > li > .info-bottom .sub_tit{margin-top: .5em;}

/* 회사연혁 */
.history-list > li{ padding-bottom: 3.5rem;}
.history-list > li::before{ left: 1px; top: 32px;}
.history-list > li > dl > dd{ font-size: 0.825rem; padding-left: 1.6em;}
.history-list > li > dl > dt{ padding-left: .4em !important;}
.history-list > li > dl > dt::before{ left: -1px !important; width: 5px; height: 5px;}
.history-list > li > dl .fs48{font-size: 2.3em !important;}

/* 찾아오시는 길 */
.location_Bg .map_con{ margin-bottom: 4em;}
.location_info > .con{ gap: 1.5em;}
.location_info > .con > .map_view{ margin-top: -0.7em;}
.location_info > .con > .address > h3{ font-size: 18px;}
.location_info > .con > .address > .add_info{ flex-direction: column; align-items: flex-start; gap: 0.4em;}
.location_info > .con > .address > .add_info > li > .call_con > .tt{ font-size: 1.015em;}

/* 제품소개 */
/* .dp1_product #contents .menu_wrap .dp2 > li > .va_wrap{ padding: .5em 0.75em;} */

.ProWarp .proTop > .con > .tabT > .tit{ font-size: 1.115em;}
.ProWarp .proTop > .con > .tabT > .total{font-size: 13px;}
.ProWarp .proTop > .con form{width: 100%;}
.ProWarp .proTop > .con form .pro_searchWarp{font-size: 0.8em;}
.ProWarp .proTop > .con form .pro_searchWarp .pro_search{ width: 100%;}
.ProWarp .proTop > .con form .pro_searchWarp select.input_st{min-width: 6.7em;}
}

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

/*제품*/
.ProWarp .proList_con .proList > li{ flex: 1 1 50%; max-width: 50%;}
.agency-view-top .view-img .img-wrap .imgfix{ height: 320px;}

/*font*/
.page_tt.s6{ font-size: 1.215em;}
.page_tt.s10{ font-size: 1.815em;}
.page_tt.s11 { font-size: 1.715em; }

/*카탈로그*/
.page_certificate .list > li{ flex: 0 0 calc(50% - 1em)}
html.pop .popWrap.img{ width: 80vw;}

/**/
.board_gallery > li{ width: 100%;}

/**/
.board_table .w_no,
.board_table .w_name{ display: none;}
.board_table th, .board_table td{ text-align: left;}

/*문의*/
.form_wrap .form > li .inp_wrap .input_st:not(textarea){ padding-left: 1em;}
.form_wrap .form > li .inp_wrap .tit{ position: relative; padding-left: 1em; min-height: auto; padding-top: 1em;}

}

@media screen and (max-width:320px){
#section3 .countUp{ font-size: 0.5em;}

/* 찾아오시는 길 */
.location_info > .con{ padding: 25px;}

/* 제품소개 */
.dp1_product #contents .menu_wrap .dp2 > li > .va_wrap > .va > .arrow{display: none;}
}