/* ============================================================
   USBID v3 Layout
   사이트 골격: 상단 공지바(topbar), 글로벌 내비(nav.main),
   언어 스위처, 모바일 메뉴, 푸터, 카카오 플로팅 버튼.
   app.v3.layout.php 가 사용한다.
   ============================================================ */

/* ── 공지바 (옵션: 비워두면 미노출) ── */
.topbar{background:var(--navy-900);color:#fff;text-align:center;padding:9px 16px;font-size:12.5px;font-weight:500;letter-spacing:0}
.topbar b{color:#E8D9A8}
.topbar a{color:#E8D9A8;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ── 내비 ── */
nav.main{position:sticky;top:0;z-index:100;background:rgba(250,250,248,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;flex-shrink:0}
.logo-img{height:44px;width:auto;display:block}
.logo-fallback{display:none;align-items:center;gap:10px}
.logo-mark{width:38px;height:38px;border-radius:7px;background:var(--navy-900);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#E8D9A8}
.logo-text{font-weight:800;font-size:16.5px;color:var(--navy-900);line-height:1.15}
.logo-text small{display:block;font-family:var(--mono);font-size:8px;font-weight:500;color:var(--muted);letter-spacing:.2em}
.nav-links{display:flex;gap:2px;list-style:none}
.nav-links a{display:block;color:var(--ink-soft);text-decoration:none;font-size:14px;font-weight:600;padding:8px 12px;border-radius:6px;transition:all .14s;cursor:pointer;white-space:nowrap}
.nav-links a:hover{color:var(--navy-900);background:var(--bg-soft)}
.nav-links a.active{color:var(--navy-900);background:var(--gold-100)}
.nav-cta{display:flex;align-items:center;gap:8px;flex-shrink:0}

/* 언어 스위처 */
.lang-switch{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.lang-switch .lang-btn{font-family:var(--mono);font-size:11px;font-weight:600;padding:7px 10px;background:var(--card);color:var(--muted);border:none;cursor:pointer;letter-spacing:.05em;text-decoration:none;line-height:1}
.lang-switch .lang-btn.on{background:var(--navy-900);color:#fff}

.hamburger{display:none;background:none;border:none;color:var(--navy-900);font-size:24px;cursor:pointer;line-height:1}

/* ── 푸터 ── */
footer.v3-foot{background:var(--navy-900);color:rgba(226,232,242,.72);padding:50px 24px 36px;margin-top:auto}
.foot-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.foot-logo{height:40px;width:auto;margin-bottom:14px;display:block}
.foot-info{font-size:12.5px;line-height:2}
.foot-info strong{color:#fff;font-size:14px;display:block;margin-bottom:4px}
.foot-links{display:flex;gap:22px;font-size:12.5px;align-items:flex-start}
.foot-links a{color:rgba(226,232,242,.55);text-decoration:none;cursor:pointer}
.foot-links a:hover{color:#E2C77E}
.foot-bottom{max-width:1180px;margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11.5px;color:rgba(226,232,242,.42)}
.foot-bottom .mono{font-family:var(--mono);letter-spacing:.1em}

/* ── 반응형 ── */
@media (max-width:1000px){
  .hamburger{display:block}
  .nav-links{position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 16px;box-shadow:var(--shadow-md);display:none}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 10px;border-radius:0;border-bottom:1px solid var(--line-soft)}
  .nav-links li:last-child a{border-bottom:none}
}
@media (max-width:600px){
  .nav-cta .nav-cta-hide-sm{display:none}
}