:root{--navy:#17233c;--blue:#1261e8;--blue2:#3c82f6;--light:#eaf2ff;--bg:#f7f9fc;--surface:#fff;--title:#172033;--body:#465064;--muted:#758095;--border:#e2e7ef;--success:#168a5b;--warning:#b56a00;--danger:#c63d45}*{box-sizing:border-box}body{background:var(--bg);color:var(--body);margin:0;font-family:Arial,Noto Sans KR,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.utility{text-align:center;color:var(--muted);padding:.35rem;font-size:.88rem}.header-main{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:.75rem 1rem;display:flex}.brand{color:var(--navy);align-items:center;gap:.65rem;font-size:1.5rem;font-weight:900;display:flex}.search-link,.button,.actions a{background:var(--blue);color:#fff;border-radius:8px;padding:.75rem 1rem;font-weight:800}.primary-nav{gap:.35rem;max-width:1180px;margin:auto;padding:0 1rem .7rem;display:flex;overflow:auto}.primary-nav a,.chips a{border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:8px;padding:.55rem .75rem}.mobile-menu{display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;max-width:1180px;margin:auto;padding:3rem 1rem;display:grid}.hero img{border:1px solid var(--border);-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:8px;justify-self:end;width:min(100%,520px)}.hero h1{color:var(--title);margin:.3rem 0;font-size:3rem;line-height:1.15}.eyebrow,.pill{color:var(--blue);font-weight:900}.lead{color:var(--body);max-width:780px;font-size:1.1rem}.actions{gap:.75rem;margin-top:1.2rem;display:flex}.actions a+a{background:var(--navy)}.section{max-width:1180px;margin:auto;padding:2.5rem 1rem}.section h1,.section h2,.article h1,.article-body h2{color:var(--title);line-height:1.25}.band{background:var(--surface);border-block:1px solid var(--border);max-width:none;padding-inline:calc(50% - 590px + 1rem)}.grid{gap:1rem;display:grid}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem}.card img{background:var(--light);aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;border-radius:8px}.card h3,.card h2{color:var(--title);margin:.35rem 0;line-height:1.35}.compact{grid-template-columns:130px 1fr;gap:1rem;display:grid}.meta{color:var(--muted);font-size:.9rem}.tags,.chips{flex-wrap:wrap;gap:.4rem;display:flex}.tags span{border:1px solid var(--border);border-radius:999px;padding:.1rem .45rem;font-size:.82rem}.two{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.row{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;gap:1rem;padding:.9rem;display:flex}.row span{color:var(--muted);font-size:.9rem}.steps{gap:.75rem;display:grid}.steps li{border:1px solid var(--border);background:#fff;border-radius:8px;padding:1rem}.steps a{color:var(--navy);font-weight:900;display:block}.footer{background:var(--navy);color:#fff;margin-top:3rem;padding:2rem 1rem}.footer>*{max-width:1180px;margin:.7rem auto}.footer nav{flex-wrap:wrap;gap:.75rem;display:flex}.business{color:#d8e2f7}.article{max-width:880px;margin:auto;padding:2rem 1rem}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:.4rem;font-size:.9rem;display:flex}.cover{border:1px solid var(--border);background:var(--light);border-radius:8px}.article-body{font-size:1.05rem}.article-body table,table{border-collapse:collapse;background:#fff;width:100%}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow:auto}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.75rem}.faq,.note,.result,.term{border:1px solid var(--border);background:#fff;border-radius:8px;margin:1rem 0;padding:1rem}.prev-next{gap:.7rem;margin:2rem 0;display:grid}.search-box{gap:.4rem;max-width:760px;display:grid}.search-box input{font:inherit;border:1px solid var(--border);border-radius:8px;padding:.9rem}.glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.term h2 span{color:var(--muted);font-size:1rem}.diagram-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.diagram-grid figure{border:1px solid var(--border);background:#fff;border-radius:8px;margin:0;padding:1rem}@media (max-width:820px){.primary-nav{display:none}.mobile-menu{display:block}.mobile-menu nav{border:1px solid var(--border);background:#fff;border-radius:8px;padding:1rem;display:grid;position:absolute;top:5rem;right:1rem;box-shadow:0 14px 30px #17233c22}.hero,.two{grid-template-columns:1fr}.hero{padding-top:1.5rem}.hero img{justify-self:start;width:100%;max-width:520px}.hero h1{font-size:2.1rem}.cards,.glossary-list,.diagram-grid{grid-template-columns:1fr}.compact{grid-template-columns:96px 1fr}.utility{text-align:left;padding-left:1rem}}