#header .bg_box{position: absolute; top:var(--head-height); left: 0; width:100%; background:#fff; opacity:0; border-top:1px solid var(--border-Color); z-index:0; clip-path: inset(0 0 0 0 round 0 0 1rem 1rem);}


/*주메뉴 풀드롭 */
#nav {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: clamp(2rem, 0.75rem + 6.25vw, 8.25rem); height:100%; --ul-width:10rem; transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
#nav ul {clear:both;  position:relative; height:100%;}
#nav ul li {position:relative; display:inline-block; height:100%;}
#nav ul li div{position:relative; height:100%; }
#nav ul li div a{width:10rem; position:relative; text-align:center; display: flex; align-items: center; justify-content: center; height:100%; color:var(--head-color); font-size:var(--font-size-20); font-weight:500; text-transform: uppercase;  padding:0 var(--num-32); white-space: nowrap; transition: all .2s; -webkit-transition: all .2s; position:relative;}
#nav ul li div a:after {content:''; display:block; width:0; height:2px; background:var(--Brand-Color-main); position:absolute; bottom:-1px; left:0; transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
#nav ul li ul {z-index: 10; display:none; position: absolute; left:0%; top: var(--head-height); width:100%;  box-sizing:border-box; text-align:center;  height:auto; padding:var(--num-20); transition: background 0.3s; overflow: hidden;}
#nav ul li ul li {display:block; margin:0; height: auto;}
#nav ul li ul li a{display:block;  color:var(--Text-Color-Black); font-size:var(--font-size-17);  padding:var(--num-8) 0; height:auto;  transition: all .2s; -webkit-transition: all .2s;}
#nav ul li ul li a.newBlank:after{content: "\e980"; font-family: 'xeicon'; display:inline-block; margin-left:0.2rem;}
#nav ul li ul li a:hover{ text-decoration:underline; text-underline-position: under; }
#nav ul li.on div a{color:var(--Brand-Color-main);}
#nav ul li.on div a:after {width:100%;}
#nav ul li.on ul {background: #f6f6f6; border-top:none;} 

.headerOver#header .bg_box{opacity:1;}

#nav:not(.is-ready) ul li ul {
    display: none !important;
}
#nav.is-ready ul li ul {
    display: none;
}

@media (max-width:1700px){	
	#nav {margin-left: 2rem;}
	#nav ul li div a {padding: 0 var(--num-24); width:8.75rem;}
}
@media (max-width:1440px){	
	#nav{display:none;}
}