@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@600&display=swap');
:root{--paper:#f7f7f2;--ink:#172f35;--muted:#52676c;--line:#d7dfd8;--accent:#176657;--note:#edf1e8;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;line-height:1.85;font-size:16px}a{color:var(--accent);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{margin:0 0 20px}h1,h2,h3{line-height:1.4}h3{font-size:18px;margin:30px 0 12px}li{padding-left:6px;margin:8px 0}ol,ul{padding-left:25px;margin:12px 0 28px}
.skip-link{position:absolute;top:-100px;left:20px;padding:8px 18px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:12px}.guide-header{max-width:1180px;margin:auto;padding:27px 36px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-header>a{font-size:13px;text-decoration:none}.guide-header .guide-brand{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.6px}.guide-brand b{color:var(--accent);font-weight:500}
.guide-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:76px;padding:56px 36px 40px}.guide-nav{position:sticky;top:28px;align-self:start}.guide-nav p{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--muted);margin-bottom:18px}.guide-nav a{display:flex;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;text-decoration:none;color:var(--ink)}.guide-nav a span{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.guide-nav small{display:block;color:var(--muted);font-size:11px;margin-top:32px}
.guide-intro{padding-bottom:24px}.guide-intro>span{font-size:12px;letter-spacing:.7px;color:var(--accent)}.guide-intro h1{font-family:'Noto Serif KR',serif;font-size:clamp(36px,4vw,53px);font-weight:600;letter-spacing:-2px;line-height:1.35;margin:20px 0 25px}.guide-intro>p{font-size:16px;color:var(--muted);max-width:540px}.guide-section{border-top:1px solid var(--line);padding:32px 0 30px;scroll-margin-top:26px}.guide-section h2{display:flex;gap:20px;align-items:baseline;font-size:23px;letter-spacing:-.8px;font-weight:600;margin:0 0 28px}.guide-section h2>span{font-size:13px;letter-spacing:0;font-weight:500;color:var(--accent);min-width:22px}
.guide-downloads{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 32px}.guide-downloads>a{padding:19px 21px;background:var(--ink);color:#fff;text-decoration:none;border:1px solid var(--ink);display:flex;flex-direction:column;gap:5px;border-radius:2px}.guide-downloads>a:nth-child(2){background:transparent;color:var(--ink)}.guide-downloads>a>span{display:flex;justify-content:space-between;gap:12px;font-weight:600}.guide-downloads small{font-size:11px;letter-spacing:.5px;opacity:.8}.guide-note{background:var(--note);border-left:3px solid var(--accent);padding:20px 23px;margin:26px 0 18px}.guide-note strong{display:block;font-size:15px;margin-bottom:9px}.guide-note p{font-size:14px;line-height:1.9;margin:0}.guide-links{font-size:14px}.guide-links a{display:inline-block;margin-right:20px}.guide-plans{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:26px 0}.guide-plans>div{padding:18px 22px;display:flex;flex-direction:column;gap:4px}.guide-plans>div+div{border-left:1px solid var(--line)}.guide-plans span{font-size:13px;color:var(--muted)}.guide-plans strong{font-size:24px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.guide-footer{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;gap:12px 26px;font-size:11px;color:var(--muted)}
@media(max-width:820px){.guide-layout{grid-template-columns:160px minmax(0,1fr);gap:30px;padding:35px 24px}.guide-header{padding:20px 24px}.guide-downloads{grid-template-columns:1fr}.guide-section h2{font-size:21px;gap:14px}}
@media(max-width:600px){body{font-size:15px}.guide-layout{display:block;padding:25px 22px}.guide-header{padding:18px 22px}.guide-nav{position:static;display:flex;flex-wrap:wrap;gap:7px 17px;margin-bottom:35px}.guide-nav p,.guide-nav small{display:none}.guide-nav a{border:0;gap:6px;font-size:12px;padding:3px 0}.guide-intro h1{font-size:37px}.guide-intro>p{font-size:14px}.guide-section h2{font-size:20px}.guide-plans>div{padding:14px}.guide-plans strong{font-size:21px}.guide-note{padding:17px}.guide-footer{padding-bottom:18px}}
@media print{body{background:white;font-size:11pt}.guide-header,.guide-nav,.guide-downloads,.guide-footer{display:none}.guide-layout{display:block;padding:0}.guide-intro h1{font-size:25pt}.guide-section{break-inside:avoid}.guide-note{background:white;border:1px solid #ccc}a{color:inherit}}