@charset "utf-8";


/*헤더 페이지*/
#wrap header{width:100%; position:fixed; top:0; z-index:99;}

.h-logo{float:left; width:10%; position:relative;}
.h-logo a{display:block; text-indent:-9999em; line-height:63px;}
.h-logo a:hover{opacity: 0.5;}
.h-logo a::before{content:"";position:absolute; display:block; background:url('../images/common/h_logo2.png')no-repeat;width:220px; height:26px; top:24px; left:26px;}
.h-logo a::after{content:""; display:block; clear:both;}

.lnb-wrap{float:left; width:89%;}
.lnb{float:right; margin-right:50px; font-family:'Noto Sans KR', sans-serif;}
.lnb li{float:left; text-align:right;}
.lnb li a{display:block; margin-left:15px; padding:30px 18px; font-size:20px; font-weight:500; color:#fff;}
.lnb li a:hover{color:#65c4c0;}
.lnb .sns1{display:block; margin-left:2px; padding:30px 10px; }


@media all and (max-width:1024px){
.h-logo{width:20%;}
.lnb-wrap{width:80%;}
}

@media all and (max-width:800px){
.h-logo a::before{width:134px; height:63px; background-size:contain;}
.lnb{margin-right:10px;}
.lnb li a{padding:30px 13px;}

}

@media all and (max-width:650px){
.h-logo, .lnb-wrap{float:left; width:100%;}
.h-logo a{line-height:70px;}
.h-logo a::before{height:40px; width:52%; left:24%; background-position:50% 50%;}

.lnb{float:none; margin-right:0;}
.lnb li{text-align:center; width:16.6%;}
.lnb li:nth-child(3){width:17%;}
.lnb li:nth-child(3), .lnb li:nth-child(4){padding-left:3%; box-sizing:border-box;}
.lnb li a{margin-left:0; font-size:16px; padding:10% 0;}

}

@media all and (max-width:375px){
/*.h-logo a::before{width:73px;}*/
.lnb li a{font-size:15px;}

}

@media all and (max-width:320px){
.lnb li a{font-size:13px;}
}

/*서브페이지 헤더 공통사항*/
#sub-wrap{width:100%;}
#sub-wrap header{position:relative;}
#sub-wrap header::after{content:""; display:block; clear:both;}
#sub-wrap .h-logo a::before{background: url("../images/common/sh_logo2.png")no-repeat;}
#sub-wrap .lnb li a{color:#65c3bf;}
#sub-wrap .lnb li a:hover{color:#2e776e;}

#sub-wrap header.fixed{position:fixed; background:#fff; box-shadow:-3px 10px 10px rgba(228,228,228,0.5); width:100%; z-index:99;}
#sub-wrap header.fixed .h-logo a::before{width:240px; height:83px; background-size:contain;}

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

}

@media all and (max-width:800px){
#sub-wrap .h-logo a::before, #sub-wrap header.fixed .h-logo a::before{width:134px; height:63px; top:30px; background-size:contain;}
}

@media all and (max-width:650px){
#sub-wrap .h-logo a{line-height:70px;}
#sub-wrap .h-logo a::before, #sub-wrap header.fixed .h-logo a::before{height:40px; width:52%; left:24% background-position:50% 50%;}
}

@media all and (max-width:375px){
/*#sub-wrap .h-logo a::before, #sub-wrap header.fixed .h-logo a::before{width:73px;}*/
}

@media all and (max-width:320px){
}

/*푸터*/
footer{position:absolute; bottom:20px; left:20px;}
footer .copyright{font-size:20px; font-family: 'Noto Sans KR', sans-serif; color:#fff;}
footer .copyright a{color:#fff;}

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

@media all and (max-width:800px){ }

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

footer{bottom:2%; left:2%;}
footer .copyright{font-size:14px;}

}

@media all and (max-width:375px){ }

@media all and (max-width:320px){ }


/*서브푸터*/
#sub-wrap footer{position:relative; bottom:inherit; left:inherit;}
#sub-wrap .copyright{padding:0 0 30px 20px; font-size:20px; font-family: 'Noto Sans KR', sans-serif; color:#000;}
#sub-wrap .copyright a{color:#000;}


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

@media all and (max-width:800px){ 
}

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

#sub-wrap footer{padding:5% 0;}
#sub-wrap footer .copyright{padding:0 0 0 4%; font-size:18px;}

}

@media all and (max-width:375px){ 
}

@media all and (max-width:320px){ 
}