@charset "utf-8";

/*공통css*/

.wrap{width:1920px; margin:0 auto; position:relative;}
.wrap:after{content:""; display:block; clear:both;}



/*S:header*/

#head{width:100%; height:110px; position:relative;  z-index:2; background:#fff; /*box-shadow:0 2px 5px rgba(0,0,0,0.33); */}
#head:after{content:""; display:block; clear:both;}

#h-logo {
  position: absolute;
  top: 25px;
  left: 35px;
  z-index: 3;
}

#h-logo img {
  width: 220px; /* 원하는 너비 */
  height: auto; /* 이미지 비율 유지 */
}



#lnb-warp{position:relative; float:right; font-family: 'Pretendard';}
#lnb-warp:after{content:"";  display:block; clear:both;}

/*head-menu*/
#lnb{font-size:25px; font-weight:700; letter-spacing:0px; margin-left:100px;  padding-right:20px; padding-top:45px;  padding-bottom:24px; }
#lnb:after{content:""; display:block; clear:both;}
#lnb li{width:143px; float:left; line-height:62px; text-align:center; position:relative;}

/*depth_menu*/
ul.mm>li a{display:block; transform:skew(-0.001deg);}
ul#lnb li ul.depth{background:#333; display:none; width:160px; position:absolute; z-index:9999; top:48px; left:16px; padding: 10%; box-sizing:border-box; box-shadow:5px 7px 6px rgba(88, 88, 88, 0.32);}
ul#lnb li ul.depth li{line-height:28px; text-align:left;  font-size:14px; font-weight:600; float:none; width:95%;}
ul#lnb li ul.depth li:last-child{border:none;}
ul#lnb li ul.depth li::after{background:none;}

ul#lnb li ul.depth li a{color:#ddd; display:block; padding-bottom:5px; transform:skew(-0.001deg);}
ul#lnb li ul.depth li a:hover{background:#333; color:#fff;}
ul li .fix-color{color:#333; }
ul li:hover .fix-color{color:#555;  background:#fff;}


/*all-menu*/
#all-menu{top:-62px;}
.all-menu-wrap{position:fixed; width:1200px; display:block; z-index:9999;}
#all-menu{position:absolute; top:45px; /*right:300px;*/right:-45px; z-index:9999;}
.hamburger .line{width:30px; height: 3px; background-color:#666; display: block; margin:5px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
#ham.is-active{-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#ham.is-active .line:nth-child(2){width:0px;}
#ham.is-active .line:nth-child(1), #ham.is-active .line:nth-child(3){ -webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s; transition-delay: 0.3s;}
#ham.is-active .line:nth-child(1){-webkit-transform:translateY(13px); -ms-transform:translateY(13px); -o-transform:translateY(13px); transform:translateY(13px); background-color:#fff;}
#ham.is-active .line:nth-child(3){-webkit-transform:translateY(-3px) rotate(90deg); -ms-transform:translateY(-3px) rotate(90deg); -o-transform:translateY(-3px) rotate(90deg); transform:translateY(-3px) rotate(90deg); background-color:#fff;}

.menu-hide{width:100%; right:-100%; height:100%; /*position:fixed;*/ position:absolute; z-index:999; top:0px; transition:all .6s ease-in-out;}
.menu-hide nav .menu-all{margin:200px auto 0 auto;}
.menu-hide nav .menu-all li{margin-left:20px; padding-left:10px; width:22%; float:left; text-align:center; transition:all .5s ease;}

.menu-hide nav .menu-all li a{color:#fff; display:block; font-size:22px; }
.menu-hide nav .menu-all li a:hover{color:#fff; ransition:all .5s ease;}
.menu-hide.show{right:0px; background-color:rgba(0, 0, 0, 0.8); transition: all .6s ease-in-out;}

.all-depth{display:block;}
.menu-hide nav .menu-all li .all-depth{padding:17px 0 !important; height:auto !important;}
.menu-hide nav .menu-all li .all-depth li{border-bottom:none; width:100%; float:none; margin:0 !important;}
.menu-hide nav .menu-all li .all-depth li a{font-size:18px; font-weight:400; color:#c7c7c7; line-height:40px; position:relative;}
.menu-hide nav .menu-all li .all-depth li a:after{content:""; display:block; border-bottom:solid 3px #a9cef3; transform:scaleX(0); transition:transform 250ms ease-in-out;}
.menu-hide nav .menu-all li .all-depth li a:hover:after{transform:scaleX(1); transform-origin:0% 50%;}

.menu-hide nav .menu-all li:hover .fix-color{color:#a9cef3;}
.menu-hide nav .menu-all li .all-depth li a:hover{background-color:unset; color:#a9cef3;}

/*E:header*/

/* Footer Style */
footer { width: 100%; height: auto; background-color: #422081; padding: 30px; margin: 0 auto; color: #e7e7e7; box-sizing: border-box; }
footer address { width: calc(100% - 50px); max-width:1920px; margin: 0 auto; position: relative; }
footer address ul { margin: 0; padding: 0; list-style: none; text-align: left; }
footer address ul li { margin: 10px 0; line-height: 1.6; }
footer address ul .main-text { font-size: 41px; font-weight: 700; line-height: 1.6; text-align: left; margin-bottom: 20px; }
footer address ul .get-in-touch { font-size: 19px; font-weight: 400; margin-top: 20px; margin-bottom: 100px; margin-left: 10px; display: inline-block; border: 2px solid #e7e7e7; padding: 10px 20px; cursor: pointer;  }
footer address ul .get-in-touch a{ color: #fff; }
footer address ul .get-in-touch:hover { background-color: #e7e7e7; color: #422081; }
footer address ul .get-in-touch:hover a{ background-color: #e7e7e7; color: #422081; }
footer address ul .highlight-text { font-size: 23px; font-weight: 700; margin-top: 23px; text-align: left; }
footer address ul .footer-info { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 30px; font-size: 16px; }
footer address ul .footer-info li { margin: 0 0px; text-align: left; color: #e7e7e7; }

/* 반응형 */
@media (max-width: 1024px) {
    footer address ul .footer-info { flex-direction: column; text-align: center; }
    footer address ul .footer-info li { margin: 5px 0; }
    footer address ul .main-text { font-size: 35px; }
    footer address ul .get-in-touch { font-size: 17px; padding: 8px 15px; }
    footer address ul .highlight-text { font-size: 20px; }
}

@media (max-width: 800px) {
    footer address ul .get-in-touch { margin-bottom: 50px; text-align: center; } /* 마진 줄이고 중간 정렬 */
    footer address ul .highlight-text { text-align: center; } /* 중간 정렬 */
}

@media (max-width: 650px) {
    footer { padding: 20px; } /* 전체적으로 패딩 줄임 */
    footer address ul li { margin: 5px 0; } /* 요소 간 여백 줄임 */
    footer address ul .main-text { font-size: 30px; margin-bottom: 10px; } /* 텍스트 크기 축소 */
    footer address ul .get-in-touch { font-size: 16px; padding: 6px 10px; margin-bottom: 30px; }
    footer address ul .highlight-text { font-size: 18px; }
    footer address ul .footer-info li { font-size: 14px; margin: 3px 0; }
}






.back-top{position:absolute; top:0; right:0; z-index:2;}
.back-top a{display: block;}

/*E:footer*/











/*S:max-width:1780*/
@media all and (max-width:1780px) {


}

/*S:max-width:1580*/
@media all and (max-width:1580px) {
#h-logo{position:absolute; top:7px;  z-index:3; }
#all-menu{position:absolute; top:45px; /*right:300px;*/right:-10px; z-index:9999;}
#lnb{ padding-top:30px;  }
}

/*S:max-width:1280*/
@media all and (max-width:1280px) {
#head{position:fixed; }
#h-logo{position:absolute; top:7px; left:20px; z-index:9999; position:fixed;}
#lnb{font-size:20px; letter-spacing:-0.2px; padding-top:24px;  }
}


/*media*/

/*S:max-width:1024*/
@media all and (max-width:1024px) {
.wrap{width:100%;}

/*S:header*/

#h-logo{left:15px;z-index:9999; position:fixed;}
#h-logo img{width:200px;}


/*all_menu*/
#all-menu{display:none;}
.menu-hide{display:none;}




}
/*E:max-width:1024*/

/*S:max-width:800*/
@media all and (max-width:800px){
/*header*/
#head{ height:90px;}
#h-logo{margin-left:5px; margin-top:0%;}
#h-logo img{ width:180px;}
#lnb li{width:100px; font-size:18px; letter-spacing:-0.2px; margin-top:-10px;}



/*E:max-width:800*/

/*S:max-width:650*/
@media all and (max-width:650px){

/*header*/
#h-logo{width:18%; margin-left:5px; margin-top:1%; }
#s-logo{left:5px; margin-top:2%;z-index:9999; position:fixed;}
#s-logo img{width:100%;}


/*E:max-width:650*/


/*S:max-width:430*/
@media all and (max-width:430px){
#h-logo img{ width:160px;}
#lnb li{width:80px; font-size:16px; letter-spacing:-0.2px; margin-top:-10px; margin-right:-10px; }
ul#lnb li ul.depth{background:#333; display:none; width:150px;  left:0px; padding: 10%; }

#s-logo img{width:90%;}


/*S:max-width:375*/
@media all and (max-width:375px){
/*header*/
#h-logo{width:24%;}
#s-logo{left:5px; margin-top:2%;z-index:9999; position:fixed;}
#s-logo img{width:84%;}



}
/*E:max-width:375*/

/*S:max-width:320*/
@media all and (max-width:320px){
/*header*/
#h-logo{width:26%;}



.back-top{width:14%;}
.back-top a img{width:100%;}


}
/*E:max-width:320*/