/* 봉수 intel 레이어 v1 (2026-09-24) — site.css 위에 얹는 '정보기관 문서' 톤.
   원칙: 짙은 남색·절제된 금색·세리프 제목·가는 선·각진 모서리. 특정 기관의 이름·문장(紋章)·표식은 쓰지 않는다. */
:root{--gold:#C9A45C;--gold2:#E3C98F;--rule:rgba(201,164,92,.35);--serif:"Noto Serif KR","Nanum Myeongjo",serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace}
.classbar{background:#070C16;color:var(--gold2);font:600 .68rem/1 var(--mono);letter-spacing:.28em;text-align:center;padding:7px 12px;border-bottom:1px solid var(--rule);text-transform:uppercase}
.classbar span{opacity:.6;margin:0 .8em}
.nav .wrap{height:62px}
.brand{white-space:nowrap}
.brand small{white-space:nowrap}
.nav .menu a{font-size:.88rem;letter-spacing:.01em}
.nav .menu a.on{color:var(--gold2)}
.btn{border-radius:6px;letter-spacing:.02em}
.hero h1,.sec h2,.doc h1,.hero2 h1{font-family:var(--serif);font-weight:700;letter-spacing:-.015em}
.eyebrow{font-family:var(--mono);letter-spacing:.22em;font-size:.72rem;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.card{border-radius:8px}
.dark .card{border-color:#223050}
/* ── 지식·정보 서가(#library) ── */
.archive{background:linear-gradient(180deg,#0A1120 0%,#0D1628 100%);color:#E6EBF5;padding:88px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.archive .eyebrow{color:var(--gold)}
.archive h2{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.4rem);margin:4px 0 14px;color:#F3F5FA}
.archive .lead{color:#A9B4C8;max-width:760px;margin-bottom:40px}
.arch-grid{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start}
.arch-seal{text-align:center}
.arch-seal img{width:100%;max-width:280px;margin:0 auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
.arch-seal .cap{font:600 .7rem/1.6 var(--mono);letter-spacing:.22em;color:var(--gold);margin-top:16px;text-transform:uppercase}
.arch-kpi{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule);margin-bottom:26px}
.arch-kpi div{padding:18px 20px;border-right:1px solid var(--rule)}
.arch-kpi div:last-child{border-right:0}
.arch-kpi b{display:block;font:700 2rem/1.1 var(--mono);color:var(--gold2)}
.arch-kpi span{font-size:.82rem;color:#A9B4C8}
table.arch{width:100%;border-collapse:collapse;font-size:.93rem}
table.arch th{font:600 .7rem/1 var(--mono);letter-spacing:.18em;color:var(--gold);text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);text-transform:uppercase}
table.arch td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:#DCE3EF}
table.arch td.code{font-family:var(--mono);color:var(--gold);font-size:.8rem;letter-spacing:.12em;width:64px}
table.arch td.n{font-family:var(--mono);text-align:right;width:90px}
table.arch td.bar{width:34%}
table.arch .b{height:6px;background:rgba(255,255,255,.08);position:relative}
table.arch .b i{position:absolute;left:0;top:0;bottom:0;background:var(--gold)}
table.arch .b em{position:absolute;left:0;top:0;bottom:0;background:#5B7BA6}
.arch-legend{font-size:.78rem;color:#8E9AB0;margin-top:10px}
.arch-legend i{display:inline-block;width:10px;height:6px;background:var(--gold);margin:0 5px 0 12px}
.arch-legend em{display:inline-block;width:10px;height:6px;background:#5B7BA6;margin:0 5px 0 12px}
.arch-doors{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rule);margin-top:34px}
.arch-doors a{padding:18px 18px;border-right:1px solid var(--rule);display:block;transition:.15s}
.arch-doors a:last-child{border-right:0}
.arch-doors a:hover{background:rgba(201,164,92,.08)}
.arch-doors .k{font:600 .66rem/1 var(--mono);letter-spacing:.2em;color:var(--gold)}
.arch-doors b{display:block;font-family:var(--serif);font-size:1.12rem;margin:8px 0 4px;color:#F3F5FA}
.arch-doors span{font-size:.82rem;color:#A9B4C8}
.arch-note{display:flex;gap:18px;align-items:center;margin-top:30px;padding:18px 20px;border-left:3px solid var(--gold);background:rgba(255,255,255,.03)}
.arch-note img{width:84px;height:auto;border-radius:6px;flex:none}
.arch-note p{margin:0;color:#C4CCDA;font-size:.9rem}
@media(max-width:900px){.arch-grid{grid-template-columns:1fr}.arch-kpi{grid-template-columns:1fr}.arch-kpi div{border-right:0;border-bottom:1px solid var(--rule)}.arch-doors{grid-template-columns:1fr 1fr}.arch-doors a{border-bottom:1px solid var(--rule)}table.arch td.bar{display:none}}
.hero .stats .num{color:var(--gold2)}
.nav .cta .btn{padding:9px 13px;font-size:.86rem}
@media(max-width:1480px){.nav .brand small{display:none}}
@media(max-width:1440px){.nav .menu a[href="#domains"],.nav .menu a[href="#company"]{display:none}}
@media(max-width:900px){.nav .menu{display:none}.classbar{font-size:.6rem;letter-spacing:.16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* 상단 메뉴 개편 (2026-10-08) — 메뉴 간격 넓힘 + 유튜브 버튼을 메뉴 밖으로 빼서 항상 보이게 */
.nav .wrap{max-width:1560px;gap:22px}
.nav .menu{flex:1 1 auto;min-width:0;justify-content:safe center;gap:12px}
.nav .menu a{padding:8px 12px}
.yt-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 13px;border-radius:6px;background:#E0301E;color:#fff;font-size:.86rem;font-weight:700;white-space:nowrap;transition:background .15s}
.yt-btn:hover{background:#FF3B26;color:#fff}
.yt-btn svg{flex:none}
@media(max-width:1680px){.nav .menu{gap:8px}.nav .brand small{display:none}}
@media(max-width:1440px){.nav .menu{gap:2px}.nav .menu a{padding:8px 9px}}
@media(max-width:1240px){.yt-btn span{display:none}.yt-btn{padding:8px 10px}.nav .menu a[href="en/"]{display:none}.nav .wrap{gap:12px}}
@media(max-width:900px){.yt-btn{display:none}}