/* header */
#header {position:absolute; left:0; top:0; width:calc(100% - 420px); height:90px; box-sizing:border-box; border-bottom:0px solid rgba(255,255,255,0.3); z-index:300;}
#header1 {position:absolute; left:0; top:0; width:100%; height:90px; box-sizing:border-box; border-bottom:0px solid rgba(255,255,255,0.3); z-index:300;}

#logo {position:absolute; left:40px; top:10px; width:150px;  border:0px solid red; height:90px; background:url('/images/common/logo_2025.png?ver=1') no-repeat center center; background-size:95%; font-size:0; text-indent:-9999px;}
#logo a {display:block; width:100%; height:100%;}

#pcGnb {width:100%; text-align:center;}
#pcGnb > ul{width:calc(100% - 180px);  border:0px solid red; floaT:right;}
#pcGnb > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#pcGnb > ul > li > a {text-decoration:none; font-weight:500; font-family: 'S-CoreDream', sans-serif; display:block; font-size:17px; color:#fff; line-height:90px; letter-spacing:-0.5px; position:relative; padding:0 30px;}
#pcGnb > ul > li > ul {display:none; width:100%; background:#109ac8; overflow:hidden;}
#pcGnb > ul > li > ul > li > a {display:block; width:100%; font-size:15px; text-decoration:none; color:rgba(255,255,255,0.9); padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.1)}
#pcGnb > ul > li > ul > li > a:hover{background:rgba(0,0,0,.1)}
#pcGnb > ul > li > ul > li:last-child > a {border-bottom:0;}
#pcGnb > ul > li:hover > a  {color:#fff;}
#pcGnb > ul > li:hover {background:#30acd5;}

.menuToggle {display:none; float:right; width:26px; height:22px; position:relative; margin:21px 5% 0 0; cursor:pointer;}
.menuToggle span {display:block; width:100%; height:2px; background: #fff; position:absolute; left:0; transition:all 0.5s}
.menuToggle span.t {top:0;}
.menuToggle span.m {top:50%; margin-top:-1px;}
.menuToggle span.b {bottom:0;}


.allmenu{z-index:55555; position:absolute; top:0px; right:0px; height:90px; width:90px; line-height:90px; border-left:1px solid rgba(255,255,255,0.2); }


#moGnb {display:none; position:fixed; top:60px; left:0; width:100%; height:100%; background:rgba(22,29,44,0.9); overflow-y:scroll; padding-bottom:100px; -ms-overflow-style:none;}
#moGnb > ul > li > a {display:block; width:100%; font-size:1.05em; color:#fff; line-height:48px; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box; padding:0 2%; position:relative;}
#moGnb > ul > li > a:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:10px; top:50%; margin-top:-1px;}
#moGnb > ul > li > a:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:15px; top:50%; margin-top:-6px; transition:all 0.5s;}
#moGnb > ul > li > ul {display:none;}
#moGnb > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#fff; line-height:45px; border-bottom:1px solid rgba(255,255,255,0.1); background:#1a263f; box-sizing:border-box; padding:0 2%;}

#moGnb > ul > li > a.active:before {transform:rotate(90deg)}


#header.mo_on {background:#fff; border-bottom:1px solid rgba(0,0,0,0.1)}
#header.mo_on #logo {background-image:url(/kor/nimg/logo.png)}

#header.mo_on .menuToggle span {background:#222;}
#header.mo_on .menuToggle span.t {transform:translateY(9.5px) rotate(45deg)}
#header.mo_on .menuToggle span.m {width:0;}
#header.mo_on .menuToggle span.b {transform:translateY(-10.5px) rotate(-45deg)}

#header.mo_on #moGnb {display:block;}








@media screen and (max-width: 1400px) {
	#header {width:calc(100% - 380px); }

	#logo {left: 30px; top:5px; width: 135px; height:80px}
	#pcGnb > ul {width: calc(100% - 170px);}
	#pcGnb > ul > li > a { font-size:16px;  line-height:80px;padding:0 22px;}
	#pcGnb > ul > li > ul > li > a {font-size:14px;}

}



@media screen and (max-width: 1230px) {
	#header {width:calc(100% - 300px); }


	#logo {left: 2%;width: 120px; height:70px}
	#pcGnb {text-align:right;}
	#pcGnb > ul {width: calc(100% - 150px);}
	#pcGnb > ul > li > a { font-size:15px;  line-height:70px;padding:0 20px;}
	#pcGnb > ul > li > ul > li > a {font-size:13px;}
}



@media screen and (max-width: 1023px) {
	#header {width:100%; height:60px; }
	#logo {left:1%; top:10px; width:150px; height:90px;}
	#logo a{width:90%;}
	#pcGnb {display:none;}
	.menuToggle {display:block !important; border:0px solid red;}
}



@media screen and (max-width:768px){
	#logo {top:6px; width:120px;height:70px;}
	#visual .visual_p {height:auto; overflow:hidden}
}