/* ─────────────────────────────────────────────────────────────
   상단 바 — 전 페이지 공통 단일 소스.
   여기만 고치면 랜딩과 하위 페이지가 함께 따라온다.
   색은 페이지 토큰에 기대지 않고 이 파일 안에서 확정한다.
   ───────────────────────────────────────────────────────────── */
.gnb{position:fixed;top:0;left:0;right:0;z-index:90;
  transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.gnb.solid{background:rgba(15,13,12,.92);backdrop-filter:blur(14px);
  border-bottom-color:rgba(255,255,255,.09)}
.gnb .w{display:flex;align-items:center;gap:6px;height:62px;
  max-width:1080px;margin:0 auto;padding:0 24px}

/* 로고 — 위에 실제 브랜드명, 아래 모델명 */
.gnb .mk{margin-right:auto;font-family:"Noto Serif KR","Pretendard Variable",serif;
  font-weight:900;font-size:19px;letter-spacing:-.01em;color:#FBF6EC;text-decoration:none;
  line-height:1.08;padding:2px 0 0}
.gnb .mk i{font-style:normal;color:#E8A33D}
.gnb .mk em{display:block;font-style:normal;
  font-family:"Pretendard Variable",Pretendard,-apple-system,sans-serif;
  font-size:11px;font-weight:700;letter-spacing:.02em;color:#F5C77E;opacity:.9;margin-bottom:2px}
.gnb .mk:hover{color:#fff}

/* 메뉴 */
.gnb a:not(.mk){color:rgba(251,246,236,.62);text-decoration:none;font-size:14px;font-weight:600;
  padding:9px 12px;border-radius:7px;white-space:nowrap;transition:color .2s,background .2s}
.gnb a:not(.mk):hover{color:#FBF6EC}
.gnb a.on{color:#F5C77E;background:rgba(232,163,61,.13)}

/* 자료실 드롭다운 — 마우스 있는 화면에서만 연다 */
.nd{position:relative}
.nd>.menu{display:none}
@media(hover:hover) and (min-width:760px){
  .nd:hover>.menu,.nd:focus-within>.menu{display:block}
  .nd>.menu{position:absolute;top:100%;right:0;min-width:312px;padding:7px;
    background:rgba(18,15,13,.98);backdrop-filter:blur(16px);
    border:1px solid rgba(232,163,61,.22);border-radius:11px;
    box-shadow:0 18px 44px rgba(0,0,0,.5)}
  .nd>.menu::before{content:"";position:absolute;top:-9px;left:0;right:0;height:9px}
  .nd>.menu a{display:flex;align-items:baseline;gap:9px;padding:8px 11px;border-radius:7px;
    font-size:13.5px;font-weight:600;line-height:1.4;white-space:normal;
    color:rgba(251,246,236,.72)}
  .nd>.menu a:hover{background:rgba(232,163,61,.13);color:#fff}
  .nd>.menu a i{flex:0 0 auto;font-style:normal;font-size:10.5px;font-weight:800;
    opacity:.55;letter-spacing:.04em;padding-top:2px}
  .nd>.menu .sep{height:1px;background:rgba(232,163,61,.16);margin:6px 9px}
  .nd>.menu a.tool{color:#F5C77E;font-weight:800}
}

@media(max-width:560px){
  .gnb .w{height:56px;gap:0;padding:0 20px}
  .gnb .mk{font-size:17px}
  .gnb .mk em{font-size:9.5px}
  .gnb a:not(.mk){font-size:12.5px;padding:8px 7px}
}