@charset "utf-8";


/************************************************************************
* HEADER *
************************************************************************/
header .depth1>li:nth-child(2)>a{padding:0 85px;}

header .depth2>li>a{padding:11px 0;letter-spacing:-0.04em;}

@media screen and (max-width:2000px) {
header .depth1>li:nth-child(2)>a{padding:0 80px;}
}
@media screen and (max-width:1950px) {
header .depth1>li:nth-child(2)>a{padding:0 70px;}
}
@media screen and (max-width:1800px) {
header .depth1>li:nth-child(2)>a{padding:0 65px;}
}
@media screen and (max-width:1500px) {
header .depth2>li>a{padding:10px 0;}
}
@media screen and (max-width:1280px) {
header .depth2>li>a{padding:9px 0;}
}
@media screen and (max-width:1199px) {
header .depth2>li>a{padding:8px 0;}
}





@media screen and (max-width:1950px) {
header .langBox{right:50px;}
}
@media screen and (max-width:1800px) {
header .langBox{right:40px;}
}







/************************************************************************
* allMenu *
************************************************************************/
.allMenu .depth2>li>a br{display:none;}





/************************************************************************
* main_visual *
************************************************************************/
@media screen and (max-width:1280px){
.visual .item .txt_wrap .tit br{display:none;}
}






/************************************************************************
* sub_visual *
************************************************************************/
@media screen and (max-width:860px){
.svis .sv_txt br{display:none;}
}







/************************************************************************
* sub tab menu *
************************************************************************/
.subPtabmenu{display:table;margin:0 auto;}
.subPtabmenu ul{border:solid 1px #e6e6e6;border-radius:60px;padding:10px 20px;}
.subPtabmenu li{margin:0 2px;border-radius:60px;transition:all 0.2s ease;}
.subPtabmenu li a{padding:14px 30px;font-size:18px;font-family:'NanumSquareNeoBold';font-weight:bold;text-align:center;line-height:120%;transition:all 0.2s ease;display:block;}

.subPtabmenu li:hover,
.subPtabmenu li.active{background:#0563c2;transition:all 0.2s ease;}
.subPtabmenu li:hover a,
.subPtabmenu li.active a{color:#fff;transition:all 0.2s ease;}

@media screen and (max-width:1500px){
.subPtabmenu{padding:0 2%;}
.subPtabmenu ul{padding:8px 18px;}
.subPtabmenu li{margin:0 1px;}
.subPtabmenu li a{padding:12px 25px;font-size:17px;}
}
@media screen and (max-width:1280px){
.subPtabmenu ul{padding:6px 16px;}
.subPtabmenu li a{padding:10px 22px;font-size:16px;}
}
@media screen and (max-width:1100px){
.subPtabmenu ul{padding:4px;border-radius:10px;}
.subPtabmenu li{border-radius:10px;}
.subPtabmenu li a{padding:8px 20px;font-size:15px;}
}
@media screen and (max-width:960px){
.subPtabmenu{width:100%;}
.subPtabmenu ul{width:100%;padding:4px;border-radius:5px;}
.subPtabmenu li{border-radius:5px;}
.subPtabmenu li a{padding:8px 0;font-size:15px;word-wrap:break-word;display:block;word-break:keep-all;}

.subPtabmenu ul.menu-num1 li{width:100%;}
.subPtabmenu ul.menu-num2 li{width:calc(100%/2 - 2px);}
.subPtabmenu ul.menu-num3 li{width:calc(100%/3 - 2px);}
.subPtabmenu ul.menu-num4 li{width:calc(100%/4 - 2px);}
.subPtabmenu ul.menu-num5 li{width:calc(100%/5 - 2px);}
.subPtabmenu ul.menu-num6 li{width:calc(100%/6 - 2px);}
}
@media screen and (max-width:767px){
.subPtabmenu li a{font-size:14px;}
}
@media screen and (max-width:640px){
.subPtabmenu li a{font-size:13px;}

.subPtabmenu ul.menu-num4 li{width:calc(100%/2 - 2px);}
.subPtabmenu ul.menu-num5 li{width:calc(100%/3 - 2px);}
.subPtabmenu ul.menu-num6 li{width:calc(100%/3 - 2px);}
}
@media screen and (max-width:560px){
.subPtabmenu li a{font-size:12px;}
}







/************************************************************************
* Machinery Electric *
************************************************************************/
.meBox h1{font-size:100px;}

@media screen and (max-width:1500px){
.meBox h1{font-size:9px;}
}
@media screen and (max-width:1280px){
.meBox h1{font-size:80px;}
}
@media screen and (max-width:1100px){
.meBox h1{font-size:70px;}
}
@media screen and (max-width:960px){
.meBox h1{font-size:60px;}
}
@media screen and (max-width:767px){
.meBox h1{font-size:50px;}
}
@media screen and (max-width:640px){
.meBox h1{font-size:40px;}
}
@media screen and (max-width:560px){
.meBox h1{font-size:35px;}
}
@media screen and (max-width:460px){
.meBox h1{font-size:30px;}
}






/************************************************************************
* FOOTER *
************************************************************************/
footer .lsBox .siteMap div{width:calc(100%/4);}
footer .lsBox .siteMap div *{text-align:left !important;}

@media screen and (max-width:1100px){
footer .lsBox .siteMap div{width:calc(100%/2);margin-bottom:20px;}
}
@media screen and (max-width:460px){
footer .lsBox .siteMap div{width:100%;margin-bottom:10px;}
footer .lsBox .siteMap div *{text-align:center !important;}
}








/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
/******************************* sec-1 *******************************/
@media screen and (max-width:960px) {
.es-s1 br{display:none;}
}






/******************************* sec-2 *******************************/
@media screen and (max-width:1500px){
.mainprod .pagination_tab li{width:calc(100%/3 - 10px);margin:2px 5px;padding:13px 0;border:solid 1px #0563c2;margin-bottom:10px;text-align:center;letter-spacing:-0.02em;word-wrap:break-word;word-break:keep-all;display:flex;align-items:center;justify-content:center;}
.mainprod .pagination_tab li:hover{border:solid 1px #0563c2;background:#fff;color:#000;}
.mainprod .pagination_tab li.on{background:#0563c2;color:#fff;}
.mainprod .pagination_tab li:after{display:none;}
}
@media screen and (max-width:860px){
.mainprod .pagination_tab li{width:calc(100%/2 - 4px);margin:2px;}
}









/************************************************************************
* SUB_CONTENTS *
************************************************************************/
/********************************* 회사소개 *********************************/
/*********** 인사말 ***********/





/*********** 사업영역 ***********/
.businessarea .txtBox{aspect-ratio:5/4;}
@media screen and (max-width:1500px){
.businessarea .txtBox{aspect-ratio:5/5;}
}
@media screen and (max-width:1360px){
.businessarea .txtBox{aspect-ratio:5/6;}
}
@media screen and (max-width:1280px){
.businessarea .txtBox{aspect-ratio:5/5;}
}
@media screen and (max-width:1150px){
.businessarea .txtBox{aspect-ratio:5/6;}
}
@media screen and (max-width:1100px){
.businessarea .txtBox{aspect-ratio:auto;padding-right:25px !important;}
}
@media screen and (max-width:920px){
.businessarea img{width:450px;}
.businessarea .txtBox{width:calc(100% - 450px);}
}
@media screen and (max-width:860px){
.businessarea .item{display:block;}
.businessarea img{width:100%;}
.businessarea .txtBox{width:100%;padding:20px !important;}
}







/*********** 오시는길 ***********/
.mappage li{width:100%;margin-bottom:25px;}






/********************************* 제품소개 *********************************/
/*********** list ***********/
.listbox a{aspect-ratio:1 / 1.55;}
@media screen and (max-width:1280px){
.listbox a{aspect-ratio:1 / 1.7;}
}




/*********** view ***********/
.viewBox dl dt{width:200px;}
.viewBox dl dd{width:calc(100% - 200px);padding-left:50px;}

@media screen and (max-width:1280px){
.viewBox dl dt{width:100%;}
.viewBox dl dd{width:100%;padding-left:0;}
}





/** 버튼 **/
@media screen and (max-width:360px){
.btBox a{margin:0 1px;}
.btBox a.blue{width:calc(40% - 2px);text-align:center;}
.btBox a.sky{width:calc(60% - 2px);text-align:center;}
}
@media screen and (max-width:300px){
.btBox a{padding:11px 15px;}
}