.nav{position:relative; width:100%; z-index:100; margin:0 auto; height:100px; position:fixed; transition:.4s; background:#fff;}
.nav:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; opacity:0; backdrop-filter:blur(20px); transition:.4s;}
/*.nav:hover{background:#fff;}*/
.nav:hover #cssmenu ul > li > a{color:#222;}
.nav:hover #cssmenu ul > li > a:hover{color:#004da3;}


/* 상단 고정 */
.hdWrap{width:100%; position:fixed; height:100px; top:0; z-index:100; transition:.4s;}
.hdWrap.scrollFx{width:100%; position:fixed; height:100px; top:0; }
.hdWrap.scrollFx .nav{height:100px;background:rgba(255, 255, 255, .85); box-shadow:0 0 10px rgba(0,0,0,0.2);}
.hdWrap.scrollFx .nav:before{opacity:1;}
.hdWrap.scrollFx #cssmenu ul > li > a{color:#222;}
.hdWrap.scrollFx #cssmenu ul > li > a:hover{color:#004da3;}

/* 서브일때-흰색 */
.sub-hd{/*background:#fff; border-bottom: 1px solid #ddd;*/}
.sub-hd #cssmenu ul > li > a{color:#222;}

.sub-hd.scrollFx{margin-top:0px;}
.sub-hd.scrollFx .headDiv{margin-top:0px !important;}
.hdWrap.scrollFx .cs-logo a.logo-top{height:50px !important;}
.hdWrap.scrollFx #gnb .oneD{color:#333;}
.hdWrap.scrollFx #gnb .oneD{line-height:75px;}
.hdWrap.scrollFx .hd-right .login-top a{color:#10344a !important; border:1px solid rgb(16,52,74,.5) !important;}
.hdWrap.scrollFx .hd-right .login-top a:hover{background:#082b4c !important; border-color:#082b4c !important; color:#fff !important;}
.hdWrap.scrollFx .hd-right .lang-top a{color:#333 !important;}
.hdWrap.scrollFx .hd-right .lang-top li a:before{background:#333 !important;}

.nav .hd-wrap{position:relative; width:96%; margin:0 auto; height:100%; max-width: 1600px; display:flex; align-items:center; justify-content:space-between;}

.nav.active{box-shadow:0px 1px 3px rgba(0,0,0,12%);}
.nav .cs-logo{}
.nav .cs-logo a.logo-1 img{height:40px; transition:all .1s;}
.nav .cs-logo a.logo-1 img:hover{opacity:.8;}


.hrWrap{display: flex; align-items: center; height: 100%;}

#cssmenu{display:inline-block; height:100%; margin-right: 95px;}
#cssmenu a{display:block;}
#cssmenu > ul{display:flex; justify-content:center; gap:95px; transition:all 0.8s ease; height:100%;}
#cssmenu > ul > li{position:relative; text-align:left;}
#cssmenu > ul > li > ul{height:0; position:absolute; display:none; background:#fff; width:200px; padding:15px 25px 20px; box-shadow: 0px 5px 24.3px 2.7px rgb(0 0 0 / 9%);}
#cssmenu > ul > li:hover > ul{transition:all 0.8s ease; top:75px; left:-20px; z-index:999; text-align:left; display:block; opacity:1; height:auto;}
/*#cssmenu > ul > li:nth-of-type(6):hover > ul > li > a{width:140px;}*/
#cssmenu > ul > li > a{font-size:21px; font-weight:600; color:#222; letter-spacing:-0.01em; height:100%; display:flex; line-height:1; align-items:center; justify-content:center;}
#cssmenu > ul > li > a:hover{color:#004da3;}
#cssmenu > ul > li > ul > li > a{font-size:15px;line-height:1.2;font-weight:400; word-break: keep-all;}
#cssmenu > ul > li > ul > li + li{margin-top: 10px;}
#cssmenu > ul > li > ul > li > a:hover{text-decoration:underline;}

.nav .nav-right{display:flex; align-items:center;}
.nav .nav-right .hdLang a{display: inline-block; padding: 5px 10px; border-radius: 100px; background: #eee; transition:0.3s;}
.nav .nav-right .hdLang a i{margin-right: 4px;}
.nav .nav-right .hdLang a:hover{color: #fff; background: #004da3;}

/*햄버거메뉴*/
.nav h1.pc-menu{display:none; justify-content:center; align-items:center; margin-left: 20px; transition:0.3s;}
.nav h1.pc-menu button.pc-sm{background: none; border:none;}
.nav h1.pc-menu button.pc-sm span{width: 20px; height:2px; border-radius:1px; background:#333; display:block; transition:0.3s;}
.nav h1.pc-menu button.pc-sm span+span{margin-top: 4px;}

.shadow{
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1530px){
	#cssmenu{margin-right: 60px;}
	#cssmenu > ul{gap: 60px;}
	#cssmenu > ul > li > a{font-size: 20px;}
}
@media (max-width: 1280px){
	.nav .cs-logo a.logo-1 img{height:30px;}
	#cssmenu{margin-right: 40px;}
	#cssmenu > ul{gap: 40px;}
	#cssmenu > ul > li > a{font-size: 18px;}
	#cssmenu > ul > li > ul{width:160px; padding: 15px;}
	#cssmenu > ul > li > ul > li + li{margin-top: 6px;}
	.nav .nav-right .hdLang a{font-size: 16px;}
}
@media (max-width: 1024px){
	.nav{height:80px;}
	.hdWrap{height:80px;}
	.hdWrap.scrollFx{height:80px;}
	.hdWrap.scrollFx .nav{height:80px;}
	#cssmenu{display:none;}
	.nav h1.pc-menu{display: block;} 
}
@media (max-width: 640px){
	.nav{height:70px;}
	.hdWrap{height:70px;}
	.hdWrap.scrollFx{height:70px;}
	.hdWrap.scrollFx .nav{height:70px;}
	.nav .cs-logo a.logo-1 img{height: 25px;}
	.nav h1.pc-menu{margin-left: 10px;}
	.nav .nav-right .hdLang a{font-size: 14px;}
}
@media (max-width: 420px){
	.nav .cs-logo a.logo-1 img{height: 20px;}
	.nav .nav-right .hdLang a{font-size: 12px;}
}

.nav .nav_logo a img{opacity:0; transform:translate(20px, 0%); transition:all 1s 0.2s ease;}
.nav .nav_logo.in-view a img{opacity:1; transform:translate(0, 0%); transition:all 1s 0.2s ease;}

.nav #cssmenu > ul > li{opacity:0; transition:all 1s 0.2s ease;}
.nav.in-view #cssmenu > ul > li{opacity:1; transition:all 1s 0.2s ease;}

/* 우측-전체메뉴 */
.all-menu{position:fixed; top:0; left:calc(100% - 0px); width:370px; height:100%; background:#093b73; overflow:hidden; z-index:110; font-weight:400; transition:1.4s 0.1s;}
.all-menu.open{left:calc(100% - 370px);}
.all-menu > *{color:#fff;}
.all-menu .inner{position:relative;}
.all-menu .menu-h{position:relative; width:100%; height:100px; padding:37px 60px 0 60px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.all-menu .menu-h .sub-logo{position:relative; font-size:30px;}
.all-menu .menu-h .sub-logo a{position:relative; color:#fff; letter-spacing:1px;}
.all-menu .menu-h .close{position:relative; width:33px; height:33px; background:none; border:0;}
.all-menu .menu-h .close span{position:absolute; top:0; background:#fff; width:2px; height:100%;}
.all-menu .menu-h .close span:first-child{transform:rotate(-45deg); left:15px;}
.all-menu .menu-h .close span:last-child{transform:rotate(45deg); left:15px;}
.all-menu .right-info{padding:0 60px; display:flex;}
.all-menu .right-info li{position:relative;}
.all-menu .right-info li a{color:#fff; font-size:13px;}
.all-menu .right-info > li + li:before{content:""; display:inline-block; width:1px; height:8px; background:#b2b2b2; margin:0 8px;}
.all-menu .side-lang{display:none; padding:0px 60px;}
.all-menu .side-lang span{display:inline-block; padding-right:15px; padding-top:20px;}
.all-menu .side-lang span a{font-size:14px; color:#fff;}
.all-menu .menu-box{padding-top:30px; height:calc(100% - 100px); overflow-y:auto;}
.all-menu .menu-box .box{position:relative; padding:25px 60px; transition:0.5s;}
.all-menu .menu-box .box:hover{background:#7d7d7d; transition:0.7s;}
.all-menu .menu-box .box:after{display:block; content:""; position:absolute; bottom:0; transform:translateX(-50%); left:50%; width:calc(100% - 120px); height:1px; background:rgba(255,255,255,0.2);}
.all-menu .menu-box h2{font-weight:700; font-size:22px; color:#fff; letter-spacing:-0.25px; line-height:1; margin-bottom:15px;}
.all-menu .menu-box h2 a{color:#fff;}
.all-menu .menu-box ul{display:flex; flex-wrap:wrap;}
.all-menu .menu-box ul li + li:before{display:inline-block;content:"";width:1px;height:11px;background:rgba(255,255,255,0.4);margin: 0 12px;vertical-align:top;margin-top: 7px;}
.all-menu .menu-box ul li a{display:inline-block; font-size:15px; line-height:1.6; color:rgba(255,255,255,0.5); font-weight:400; vertical-align:top; transition:0.2s;}
.all-menu .menu-box ul li a:hover{color:#fff; transition:0.2s;}
.all-menu .menu-box ul li.detph2:before{display:none;}

@media(max-width: 1280px){
	.all-menu .menu-h{padding:15px 5% 0 5%;}
	.all-menu .right-info{padding:0 5%;}
	.all-menu .menu-box{height: calc(100% - 100px);padding: 0;}
	.all-menu .menu-box .box{padding: 25px 5%;}
	.all-menu .menu-box .box:after{width:calc(100% - 10%);}
	.all-menu .menu-box .box:hover{background:transparent;}
}
@media(max-width:767px){
	.all-menu .menu-h{height:55px;}
	.all-menu .menu-h .sub-logo{width:168px; height:32px; font-size:25px;}
	.all-menu .menu-h .close{width:27px; height:27px; margin-top:-3px;}	
	.all-menu .menu-box{height:calc(100% - 105px);}
	.all-menu .menu-box .box{padding:15px 5%;}
	.all-menu .right-info li a{color:#fff; font-size:12px;}
	.all-menu .menu-box h2{font-size:15px;}
	.all-menu .menu-box ul{margin-top:10px;}
	.all-menu .menu-box ul li a{font-size:12px;}
	.all-menu .menu-box ul li + li:before{height:9px; margin:0 10px 0 9px; margin-top:4px;}
}
@media(max-width:640px){
	.all-menu .side-lang{display:block; padding:0px 5%;}
}   
@media(max-width:420px){
	.all-menu{width:90%;}
	.all-menu.open{left:10%;}
}