/* v40 최종 상단 메뉴 */
.nav{display:flex;align-items:center;gap:4px}
.nav>a,.nav-group>.nav-trigger{
  height:42px;padding:0 13px;border:0;border-radius:11px;
  display:flex;align-items:center;gap:7px;background:transparent;
  color:#b8c8dc;font-size:13px;font-weight:950;white-space:nowrap;
  cursor:pointer;font-family:inherit
}
.nav>a:hover,.nav>a.active,.nav-group:hover>.nav-trigger,
.nav-group.active>.nav-trigger,.nav-group:focus-within>.nav-trigger{
  background:#0d1927;color:#fff
}
.nav-group{position:relative}
.nav-trigger:after{
  content:"";width:6px;height:6px;border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.72
}
.nav-dropdown{
  position:absolute;top:calc(100% + 9px);left:50%;
  transform:translate(-50%,-7px);width:230px;padding:9px;
  border:1px solid rgba(40,80,106,.9);background:rgba(6,16,25,.98);
  border-radius:16px;box-shadow:0 24px 65px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;pointer-events:none;transition:.18s;
  z-index:150;backdrop-filter:blur(18px)
}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)
}
.nav-dropdown a{
  display:block;padding:12px 13px;border-radius:11px;
  color:#c9d6e6;font-size:13px;font-weight:900
}
.nav-dropdown a:hover,.nav-dropdown a.active{
  background:linear-gradient(90deg,rgba(25,217,255,.12),rgba(22,231,162,.08));color:#fff
}
.nav-dropdown a span{
  display:block;margin-top:4px;color:#71859e;font-size:10px;font-weight:800
}
.nav-dropdown:before{
  content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;
  background:#061019;border-left:1px solid rgba(40,80,106,.9);
  border-top:1px solid rgba(40,80,106,.9);transform:translateX(-50%) rotate(45deg)
}
.actions .lang-link{
  min-width:42px;padding:0 10px;border:1px solid rgba(40,80,106,.75);
  background:#07111c;color:#9eb2c9
}

/* 모바일 */
.mobile-menu-link{
  display:block;padding:14px 4px;border-bottom:1px solid rgba(29,51,72,.65);
  font-weight:950;color:#e4eefb
}
.mobile-menu-section{border-bottom:1px solid rgba(29,51,72,.65)}
.mobile-menu-section summary{
  list-style:none;padding:14px 4px;display:flex;align-items:center;
  justify-content:space-between;color:#e4eefb;font-size:14px;font-weight:950;cursor:pointer
}
.mobile-menu-section summary::-webkit-details-marker{display:none}
.mobile-menu-section summary:after{content:"+";color:#8195ae;font-size:20px;font-weight:400}
.mobile-menu-section[open] summary:after{content:"−";color:#16e7a2}
.mobile-submenu{padding:0 0 10px 10px;display:grid;gap:5px}
.mobile-submenu a{
  display:block;padding:11px 12px;border-radius:11px;background:#0b1623;
  color:#b9c8db;font-size:13px;font-weight:900
}
.mobile-submenu a:hover,.mobile-submenu a.active{background:rgba(25,217,255,.1);color:#fff}

@media(max-width:1220px){
  .nav>a,.nav-group>.nav-trigger{padding:0 10px}
}
@media(max-width:1100px){
  .nav{display:none!important}
}