:root{color-scheme:dark;--bg:#06080d;--panel:#0f131b;--panel2:#141925;--line:rgba(196,203,216,.16);--text:#eef0f4;--muted:#aeb5c1;--accent:#b2b3f2;--gold:#c8aa70;--danger:#e9a2a2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 80% 28% at 50% -8%,rgba(137,139,227,.13),transparent 70%),var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.78;word-break:keep-all;overflow-wrap:break-word}.site-header{border-bottom:1px solid var(--line);background:rgba(6,8,13,.92);backdrop-filter:blur(16px)}.site-header__inner{width:min(1080px,calc(100% - 32px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:#fff;text-decoration:none}.brand strong{display:block;font-family:"Noto Serif KR",serif;font-size:22px;letter-spacing:.18em}.brand span{display:block;margin-top:2px;color:#858b98;font-size:10px;font-weight:800;letter-spacing:.18em}.topnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.topnav a{padding:8px 11px;border-radius:8px;color:#bfc4ce;text-decoration:none;font-size:13px;font-weight:750}.topnav a:hover,.topnav a[aria-current="page"]{background:rgba(178,179,242,.09);color:#d9dafb}.topnav .order-link{border:1px solid rgba(178,179,242,.34);color:var(--accent)}main{width:min(940px,calc(100% - 32px));margin:auto;padding:54px 0 74px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#777f8d;font-size:12px}.breadcrumbs a{color:#969dab;text-decoration:none}.hero{padding:38px 0 30px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.18em}.hero h1{max-width:780px;margin:9px 0 12px;font-family:"Noto Serif KR",serif;font-size:clamp(31px,5vw,48px);line-height:1.28;letter-spacing:-.035em;text-wrap:balance}.hero p{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.8}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 0}.summary div{padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:rgba(15,19,27,.72)}.summary strong{display:block;color:#fff;font-size:13px}.summary span{display:block;margin-top:3px;color:#8f97a5;font-size:12px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:34px;align-items:start;margin-top:30px}.article h2{margin:40px 0 12px;padding-top:6px;color:#f5f6f8;font-size:23px;letter-spacing:-.025em}.article h2:first-child{margin-top:0}.article h3{margin:25px 0 8px;color:#d9dafb;font-size:17px}.article p{margin:10px 0;color:#c7cbd3}.article ul,.article ol{padding-left:23px;color:#c7cbd3}.article li+li{margin-top:8px}.article strong{color:#fff}.note,.warning,.tip{margin:22px 0;padding:17px 18px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.note strong,.warning strong,.tip strong{display:block;margin-bottom:4px}.warning{border-color:rgba(233,162,162,.3);background:rgba(87,31,39,.16)}.warning strong{color:#ffc3c3}.tip{border-color:rgba(200,170,112,.3);background:rgba(69,54,27,.16)}.tip strong{color:#e4c890}.step-list{counter-reset:steps;display:grid;gap:10px;margin:20px 0}.step{position:relative;padding:18px 18px 18px 58px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.step:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:17px;top:18px;color:var(--gold);font-weight:900;font-size:12px}.step strong{display:block}.step p{margin:3px 0 0;font-size:14px}.toc{position:sticky;top:20px;padding:16px;border:1px solid var(--line);border-radius:10px;background:rgba(15,19,27,.84)}.toc strong{display:block;margin-bottom:8px;font-size:12px;color:#d8dbe2}.toc a{display:block;padding:6px 0;color:#929aa8;text-decoration:none;font-size:12px;line-height:1.45}.toc a:hover{color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.content-card{display:flex;min-height:180px;flex-direction:column;padding:21px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(20,25,37,.96),rgba(11,14,21,.96));color:inherit;text-decoration:none;transition:.18s}.content-card:hover{transform:translateY(-2px);border-color:rgba(178,179,242,.36)}.content-card span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.12em}.content-card h2{margin:8px 0 7px;font-size:19px}.content-card p{margin:0;color:var(--muted);font-size:14px}.content-card b{margin-top:auto;padding-top:16px;color:var(--accent);font-size:12px}.faq details{margin:9px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.faq summary{padding:16px 18px;cursor:pointer;font-weight:850}.faq details p{margin:0;padding:0 18px 17px;color:#b8bec9}.page-cta{margin-top:48px;padding:24px;border:1px solid rgba(178,179,242,.26);border-radius:12px;background:rgba(87,88,145,.11);display:flex;align-items:center;justify-content:space-between;gap:20px}.page-cta strong{display:block;font-size:18px}.page-cta span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.page-cta a{flex:none;padding:11px 15px;border-radius:9px;background:#a6a7ea;color:#080910;text-decoration:none;font-size:13px;font-weight:900}.site-footer{border-top:1px solid var(--line);padding:25px 16px 35px;text-align:center;color:#737b88;font-size:11px}.site-footer a{color:#959dab}.ad-safe-zone{margin:36px 0;padding:13px;border:1px dashed rgba(150,157,170,.22);border-radius:9px;color:#747b87;text-align:center;font-size:11px}.ad-safe-zone:before{content:"향후 광고 검토 영역 · 주문/다운로드 버튼과 분리"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.site-header__inner{padding:13px 0;align-items:flex-start}.brand strong{font-size:18px}.topnav{gap:3px}.topnav a{padding:6px 7px;font-size:11px}.hero{padding-top:32px}.hero p{font-size:15px}.summary{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1}.card-grid{grid-template-columns:1fr}.content-card{min-height:150px}.page-cta{align-items:flex-start;flex-direction:column}.page-cta a{width:100%;text-align:center}}@media(max-width:480px){main{width:min(100% - 24px,940px);padding-top:34px}.site-header__inner{width:min(100% - 24px,1080px);display:block}.topnav{margin-top:10px;justify-content:flex-start}.hero h1{font-size:29px}.article h2{font-size:21px}}