@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	

}

@media screen and (max-width:1440px){
.mainSlider .el .slogan .t2 > i{font-size:2.5em;}
.main_business > li > .in .info{padding:3em;}
}

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

}

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

}

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

.section{height:auto !important;}
.main_wrap{padding:5em 0;}
#section2 .box0{margin:0;}
.main_wrap .bg_wrap{width:100vw; left:0;}
#section2 .main_wrap{padding:5em 5%;}
#section3 .main_wrap{padding:5em 0;}
.main_business > li > .in .info{padding:2em;}
#footer .inner{flex-direction:column; align-items:flex-start}
}

@media screen and (max-width:1024px){
.pcHide{ display:block !important; line-height:5.5em;}
.moHide{display:none;}

.main_tit .t1{font-size:1.65em;}
.main_business > li > .in .info .t1{font-size:1.2em;}

.main_service > li{height:30vh;}
.main_service > li > a{padding-top:5vh;}
.main_service > li > a:hover{padding-top:3vh;}

.prod_tab_wrap{flex-wrap:wrap;}
.prod_tab_wrap .prod_tab{width:49%;}
.prod_tab_wrap .prod_tab.n1,.prod_tab_wrap .prod_tab.n2{margin-bottom:1em;}

.prod_ctt_wrap .product_list li{width:33%; margin-right:.5%; margin-bottom:.5%;}
.prod_ctt_wrap .product_list li.li_txt{width:calc(100% - 33.33% - .5%);}
.prod_ctt_wrap .product_list li:nth-of-type(3n){margin-right:0;}
.prod_ctt_wrap .product_list li:nth-of-type(4n){margin-right:.5%;}
.prod_ctt_wrap .product_list li:nth-of-type(12n){margin-right:0;}

.prod_ctt_wrap .product_list.st2 li{width:33%; margin-right:.5%; margin-bottom:.5%;}

#footer .menu_wrap .menu{display:none;}
#footer .inner .con{width:100%;}
}

@media screen and (max-width:900px){
.mainSlider .el .slogan .t2 > i{font-size:2em;}
.main_business > li{width:100%;}
}

@media screen and (max-width:768px){
body{ font-size:13px;}
#header .gnb_wrap{display:none;}
#contents .con_page_top .con_tit{font-size:2em;}
#contents .sub_page_top .sub_tit .tit2 .tt{font-size:2em;}
.prod_ctt_wrap .product_list li{width:49.5%;}
.prod_ctt_wrap .product_list li.li_txt{width:calc(100% - 49.5% - .5%);}
.prod_ctt_wrap .product_list.st2 li{width:49.5%}
.prod_ctt_wrap .product_list li:nth-of-type(2n){margin-right:0;}
.prod_ctt_wrap .product_list li:nth-of-type(3n){margin-right:.5%;}
.prod_ctt_wrap .product_list li:nth-of-type(4n){margin-right:0;}
.prod_ctt_wrap .product_list li:nth-of-type(6n){margin-right:0;}
.prod_ctt_wrap .product_list li:nth-of-type(12n){margin-right:0;}

.prod_ctt_wrap .product_list.st2 li:nth-of-type(3n){margin-right:.5%;}
.eng_turnkey_wrap .bg_box{height:250px;}

.eng_turnkey_wrap .turnkey_icons_wrap .turnkey_icon{width:50%;}
.eng_turnkey_wrap .turnkey_icons_wrap .turnkey_icon .icon_box{width:120px; height:120px;}

.branch_list .branch{width:100% !important; padding-left:0 !important;}
}

@media screen and (max-width:600px){
.mainSlider .el .slogan{padding:20vh 1em 0 2em;}
.mainNav{display:none;}
.main_csm > li{width:100%;}
.main_service > li{flex:1 1 33.33%;}
.main_service > li:nth-of-type(4){border-left:none;}

#contents .sub_page_top .inner > .box1{width:100vw; max-width:none; margin:0; display:flex; flex-direction:column; height:100%;}
#contents .sub_page_top .sub_tit{margin-bottom:auto;}
#contents .sub_page_top.box2{padding:0;}
#contents .sub_page_top .sub_menu .gnb > li .dp2{flex-wrap:wrap;}
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li{flex:1 1 33.33%}

.eng_service_wrap .dv45{flex-direction:column;}
.eng_service_wrap .dv45 .service_l:first-of-type{margin-bottom:1em;}
.ul_testing{flex-direction:column;}
.ul_testing > li{margin-bottom:0;}
.ul_testing > li:nth-of-type(2){margin:0; margin-bottom:.5rem;}

}

@media screen and (max-width:500px){
.main_business > li .in .resize{padding-bottom:45%;}

.prod_tab_wrap .prod_tab{width:100%; margin-bottom:1em;}
.prod_tab_wrap.st2 .prod_tab{width:100%; margin-bottom:1em;}
.main_service > li > a .info .t1{font-size:1.125em;}

.eng_turnkey_wrap .turnkey_icons_wrap .turnkey_icon{width:100%;}
}

@media screen and (max-width:420px){
.mainSlider .el .slogan .t2 > i{font-size:1.5em;}
}

@media screen and (max-width:360px){
.main_service > li{flex:1 1 50%;}
.main_service > li:nth-of-type(3){border-left:none;}
.main_service > li:nth-of-type(4){border-left:1px solid rgba(255,255,255,.2);}
.main_service > li:last-of-type{border-left:none;}
.prod_ctt_wrap .page_ctt_box .img_box{flex-direction:column}
.prod_ctt_wrap .page_ctt_box .img_box .img_cv{margin-bottom:1em;}
.prod_ctt_wrap .page_ctt_box .img_box .img_cv:last-of-type{margin-bottom:0;}
.prod_ctt_wrap .product_list li{width:100%; margin-right:0; margin-bottom:1em;}
.prod_ctt_wrap .product_list li.li_txt{width:100%;}
.prod_ctt_wrap .product_list li:nth-of-type(2n){margin-right:0;}
.prod_ctt_wrap .product_list li:nth-of-type(3n){margin-right:0%;}
.prod_ctt_wrap .product_list li:nth-of-type(4n){margin-right:0;}
.prod_ctt_wrap .product_list li:nth-of-type(6n){margin-right:0;}
.prod_ctt_wrap .product_list li:nth-of-type(12n){margin-right:0;}
.prod_ctt_wrap .product_list.st2 li{width:100%}
.prod_ctt_wrap .product_list li:nth-of-type(3n){margin-right:0;}
.main_business > li .in .resize{padding-bottom:60%;}

}

@media screen and (max-width:320px){
.mainSlider .el .slogan .t2 > i{font-size:1.25em;}
}

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


}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}