:root{--blue:#2563eb;--blue-600:#1d4ed8;--blue-soft:#eff4ff;--blue-line:#c7d7fe;--ink:#0f172a;--muted:#64748b;--muted-2:#94a3b8;--paper:#f7f8fb;--card:#fff;--line:#e7ebf2;--line-soft:#eef1f6;--amber:#d97706;--amber-bg:#fffbeb;--amber-line:#fde7b3;--pink:#db2777;--pink-bg:#fdf2f8;--pink-line:#fbcfe8;--green:#16a34a;--slate-bg:#f1f5f9;--radius:14px;--sidebar-w:274px;--toc-w:214px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,system-ui,sans-serif;font-size:15.5px;line-height:1.6}:where(.layout,.topbar) a{color:inherit;text-decoration:none}::selection{background:#dbe6ff}.topbar{z-index:55;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:10px 16px;display:none;position:sticky;top:64px}.topbar .logo{letter-spacing:-.03em;color:var(--ink);font-weight:800}.topbar .logo b{color:var(--blue)}.hamb{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.layout{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--toc-w);align-items:start;padding-top:64px;display:grid}@media (max-width:1180px){.layout{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.toc{display:none}}@media (max-width:860px){.layout{grid-template-columns:1fr}.topbar{display:flex}.sidebar{z-index:70;width:290px;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-102%);box-shadow:6px 0 24px #0f172a24}.sidebar.open{transform:translate(0)}.scrim{z-index:65;background:#0f172a66;display:none;position:fixed;inset:0}.scrim.show{display:block}}.sidebar{border-right:1px solid var(--line);background:#fff;height:calc(100vh - 64px);padding:20px 14px 60px;position:sticky;top:64px;overflow-y:auto}.brand{padding:6px 10px 16px}.brand .name{letter-spacing:-.035em;font-size:19px;font-weight:800}.brand .name b{color:var(--blue)}.brand .tag{color:var(--muted-2);margin-top:2px;font-size:11.5px}.nav-search{margin:0 6px 14px;position:relative}.nav-search input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:8px 10px 8px 32px;font-family:inherit;font-size:13px}.nav-search input:focus{border-color:var(--blue-line);background:#fff}.nav-search .si{color:var(--muted-2);position:absolute;top:8px;left:9px}.nav-cat{margin-bottom:4px}.nav-cat>.cat-head{text-align:left;cursor:pointer;width:100%;color:var(--ink);letter-spacing:-.01em;background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;padding:9px 10px;font-family:inherit;font-size:13.5px;font-weight:700;display:flex}.nav-cat>.cat-head:hover{background:var(--paper)}.cat-head .num{color:var(--blue);min-width:15px;font-size:12.5px;font-weight:800}.cat-head .chev{color:var(--muted-2);margin-left:auto;transition:transform .18s}.nav-cat.collapsed .chev{transform:rotate(-90deg)}.cat-pages{flex-direction:column;gap:1px;margin:1px 0 6px;padding-left:22px;display:flex}.nav-cat.collapsed .cat-pages{display:none}.nav-link{color:var(--muted);cursor:pointer;letter-spacing:-.01em;border-left:2px solid #0000;border-radius:8px;margin-left:2px;padding:6.5px 11px;font-size:13px;display:block}.nav-link:hover{background:var(--paper);color:var(--ink)}.nav-link.active{background:var(--blue-soft);color:var(--blue-600);border-left-color:var(--blue);font-weight:700}.content-wrap{min-width:0}.content{max-width:812px;margin:0 auto;padding:40px 40px 100px}@media (max-width:860px){.content{padding:26px 18px 80px}}.eyebrow{color:var(--blue);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.content h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 14px;font-size:33px;font-weight:800;line-height:1.18}@media (max-width:860px){.content h1{font-size:27px}}.lede{color:var(--muted);margin:0 0 30px;font-size:17px;line-height:1.62}.content h2{letter-spacing:-.03em;margin:44px 0 12px;padding-top:8px;scroll-margin-top:90px;font-size:22px;font-weight:800}.content h3{letter-spacing:-.02em;margin:26px 0 8px;scroll-margin-top:90px;font-size:17px;font-weight:700}.content p{color:#1f2937;margin:0 0 14px}.content strong{color:var(--ink);font-weight:700}.content ul{flex-direction:column;gap:7px;margin:0 0 16px;padding-left:2px;list-style:none;display:flex}.content ul li{color:#374151;padding-left:22px;position:relative}.content ul li:before{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:6px}.kbd{background:var(--slate-bg);border:1px solid var(--line);color:#334155;border-radius:7px;padding:1px 7px;font-size:13px;font-weight:600;display:inline-block}.hl{background:linear-gradient(#0000 62%,#dbe6ff 62%);padding:0 1px;font-weight:700}.steps{flex-direction:column;gap:6px;margin:8px 0 6px;display:flex}.step{gap:16px;display:flex}.step-rail{flex-direction:column;align-items:center;display:flex}.step-n{background:var(--blue);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 6px #2563eb52}.step-line{background:var(--line);flex:1;width:2px;margin:5px 0}.step:last-child .step-line{display:none}.step-body{flex:1;min-width:0;padding-bottom:26px}.step-body h3{margin-top:2px}.callout{border:1px solid;border-radius:12px;gap:12px;margin:16px 0;padding:13px 15px;font-size:14.5px;line-height:1.55;display:flex}.callout .ci{flex:none;font-size:17px;line-height:1.4}.callout b{letter-spacing:-.01em;margin-bottom:2px;font-size:13px;font-weight:800;display:block}.callout p{color:#334155;margin:0}.callout.tip{background:var(--blue-soft);border-color:var(--blue-line)}.callout.tip b{color:var(--blue-600)}.callout.warn{background:var(--amber-bg);border-color:var(--amber-line)}.callout.warn b{color:var(--amber)}.callout.oops{background:var(--pink-bg);border-color:var(--pink-line)}.callout.oops b{color:var(--pink)}.callout.note{background:var(--paper);border-color:var(--line)}.callout.note b{color:#475569}details.adv{border:1px solid var(--line);background:#fff;border-radius:12px;margin:18px 0;padding:2px 16px}details.adv summary{cursor:pointer;color:#334155;align-items:center;gap:9px;padding:12px 0;font-size:14.5px;font-weight:700;list-style:none;display:flex}details.adv summary::-webkit-details-marker{display:none}details.adv summary .tw{color:var(--muted-2);margin-left:auto;transition:transform .18s}details.adv[open] summary .tw{transform:rotate(180deg)}details.adv .adv-body{border-top:1px solid var(--line-soft);padding:2px 0 14px}details.adv .adv-body p:first-child{margin-top:12px}.next-link{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:52px;padding:18px 22px;transition:border-color .15s,box-shadow .15s;display:flex}.next-link:hover{border-color:var(--blue-line);box-shadow:0 6px 18px #2563eb14}.next-link .nl-label{color:var(--muted-2);font-size:12px;font-weight:600}.next-link .nl-title{letter-spacing:-.02em;color:var(--blue-600);font-size:16px;font-weight:700}.next-link .nl-arrow{color:var(--blue)}.toc{height:calc(100vh - 64px);padding:44px 18px 60px 4px;position:sticky;top:64px;overflow-y:auto}.toc .toc-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px;font-size:11.5px;font-weight:800}.toc a{color:var(--muted);border-left:2px solid var(--line-soft);cursor:pointer;padding:5px 10px;font-size:12.7px;line-height:1.4;display:block}.toc a.lv3{padding-left:22px;font-size:12.3px}.toc a:hover{color:var(--ink)}.toc a.active{color:var(--blue-600);border-left-color:var(--blue);font-weight:700}figure.shot{margin:20px 0 8px}.frame{background:#fff;border:1px solid #dfe4ec;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px -14px #0f172a47,0 2px 6px #0f172a0f}.frame-bar{background:#eef1f6;border-bottom:1px solid #e2e7ef;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.frame-bar i{background:#d3d9e3;border-radius:50%;width:10px;height:10px;display:block}.frame-bar i:first-child{background:#f2a4a4}.frame-bar i:nth-child(2){background:#f4d29a}.frame-bar i:nth-child(3){background:#a8d6a0}.frame-bar .url{color:#94a3b8;background:#fff;border:1px solid #e2e7ef;border-radius:6px;flex:1;max-width:280px;margin-left:12px;padding:2px 12px;font-size:10.5px}figure.shot figcaption{text-align:center;color:var(--muted-2);margin-top:9px;font-size:12.5px}.app{background:#fff;min-height:200px;display:flex}.app-side{background:#fbfcfe;border-right:1px solid #eef1f6;flex:none;width:150px;padding:9px 8px;font-size:10px}@media (max-width:560px){.app-side{display:none}}.app-side .a-logo{letter-spacing:-.02em;color:var(--ink);padding:2px 6px;font-size:11px;font-weight:800}.app-side .a-logo b{color:var(--blue)}.app-side .a-tag{color:#b3bccb;padding:0 6px 8px;font-size:8px}.app-side .a-brand{background:#fff;border:1px solid #e9edf3;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:9px;padding:5px 8px;font-size:9.5px;font-weight:700;display:flex}.app-side .a-sect{letter-spacing:.05em;color:#aab4c3;text-transform:uppercase;padding:7px 6px 3px;font-size:7.5px;font-weight:700}.app-item{color:#5b6675;border-radius:6px;align-items:center;gap:6px;padding:4.5px 7px;font-weight:500;display:flex}.app-item .d{text-align:center;filter:grayscale(.2);width:12px;font-size:10px}.app-item.on{background:var(--blue-soft);color:var(--blue-600);font-weight:700}.app-side .a-foot{color:#aab4c3;border-top:1px solid #eef1f6;justify-content:space-between;margin-top:10px;padding:6px;font-size:8.5px;display:flex}.app-main{background:#fff;flex:1;min-width:0;padding:16px 18px}@media (max-width:560px){.app-main{padding:14px}}.a-h1{letter-spacing:-.02em;margin:0 0 2px;font-size:17px;font-weight:800}.a-sub{color:#94a3b8;margin:0 0 14px;font-size:11px}.a-card{background:#fff;border:1px solid #e9edf3;border-radius:11px;margin-bottom:11px;padding:13px 14px}.a-btn{background:var(--blue);color:#fff;border-radius:8px;align-items:center;gap:5px;padding:7px 13px;font-size:11px;font-weight:700;display:inline-flex}.a-btn.ghost{color:var(--blue);border:1px solid var(--blue-line);background:#fff}.a-btn.gray{color:#aab4c3;background:#eef1f6}.a-chip{color:#5b6675;background:#f4f6fa;border:1px solid #e9edf3;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.a-tag{border-radius:999px;padding:2px 7px;font-size:8.5px;font-weight:700}.a-tag.blue{background:var(--blue-soft);color:var(--blue-600)}.a-tag.green{color:#15803d;background:#eafaf0}.a-tag.dark{color:#fff;background:#111827}.a-tag.pink{color:#be185d;background:#fdeef4}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.ring{outline-offset:2px;border-radius:9px;outline:2.5px solid #ef4444;position:relative}.ring-tag{z-index:3;color:#fff;white-space:nowrap;letter-spacing:-.01em;background:#ef4444;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;box-shadow:0 3px 8px #ef444466}.ring-tag.tr{top:-11px;right:-6px}.ring-tag.tl{top:-11px;left:-6px}.ring-tag.br{bottom:-11px;right:-6px}.ring-tag.bl{bottom:-11px;left:-6px}.ring-tag.tc{top:-11px;left:50%;transform:translate(-50%)}.ch-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}@media (max-width:560px){.ch-grid{grid-template-columns:1fr}}.ch-card{text-align:center;background:#fff;border:1.5px solid #e9edf3;border-radius:11px;padding:11px;position:relative}.ch-card.sel{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.ch-card .ch-ic{color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;margin:0 auto 7px;font-size:14px;font-weight:800;display:flex}.ch-card .ch-t{font-size:11.5px;font-weight:700}.ch-card .ch-s{color:#94a3b8;margin-top:2px;font-size:9px}.ch-card .ch-check{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:7px;right:7px}.ic-naver{background:#03c75a}.ic-insta{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.ic-thread{background:#000}.tgl{background:#dfe4ec;border-radius:999px;flex:none;width:34px;height:19px;position:relative}.tgl:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.tgl.on{background:var(--blue)}.tgl.on:after{left:17px}.stat3{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:11px;display:grid}@media (max-width:560px){.stat3{grid-template-columns:1fr 1fr}}.stat{background:#fff;border:1px solid #e9edf3;border-radius:11px;padding:11px 12px}.stat .s-l{color:#94a3b8;margin-bottom:3px;font-size:9.5px}.stat .s-v{letter-spacing:-.02em;font-size:20px;font-weight:800}.stat .s-v.blue{color:var(--blue)}.prog{background:#eef1f6;border-radius:999px;height:6px;overflow:hidden}.prog>span{background:var(--blue);border-radius:999px;height:100%;display:block}.tp-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:560px){.tp-grid{grid-template-columns:1fr}}.tp-card{background:#fff;border:1px solid #e9edf3;border-radius:10px;padding:10px 11px;position:relative}.tp-card .tp-t{padding-right:44px;font-size:11px;font-weight:700}.tp-card .tp-s{color:#94a3b8;margin-top:3px;font-size:9.5px;line-height:1.4}.tp-card .tp-badge{position:absolute;top:9px;right:9px}.bd-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}@media (max-width:560px){.bd-grid{grid-template-columns:1fr 1fr}}.bd-card{background:#fff;border:1px solid #e9edf3;border-radius:10px;overflow:hidden}.bd-thumb{background:linear-gradient(135deg,#eef2fb,#e2e9f7);justify-content:center;align-items:center;height:56px;font-size:20px;display:flex}.bd-body{padding:8px 9px}.bd-title{font-size:10.5px;font-weight:700;line-height:1.3}.bd-meta{color:#94a3b8;margin-top:4px;font-size:8.5px}.bd-top{justify-content:space-between;align-items:center;padding:6px 8px 0;display:flex}.bd-check{border:1.5px solid #cbd3df;border-radius:4px;width:13px;height:13px}.chat-area{color:#a3adbd;background:#f7f9fc;border:1px dashed #d7deea;border-radius:11px;justify-content:center;align-items:center;height:120px;margin:10px 0;font-size:11px;display:flex}.chat-input{align-items:center;gap:8px;display:flex}.chat-input .ci-box{color:#b3bccb;border:1px solid #e2e7ef;border-radius:999px;flex:1;padding:8px 13px;font-size:10.5px}.chat-send{background:var(--blue);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.stepbar{align-items:center;gap:0;margin-bottom:14px;display:flex}.stepbar .sd{flex:1;align-items:center;display:flex}.stepbar .dot{border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:flex}.stepbar .dot.done{background:var(--blue);color:#fff}.stepbar .dot.now{background:var(--blue-soft);color:var(--blue-600);border:1.5px solid var(--blue)}.stepbar .dot.todo{color:#aab4c3;background:#eef1f6}.stepbar .lbl{color:#94a3b8;white-space:nowrap;margin-left:4px;font-size:8px}.stepbar .bar{background:#e2e7ef;flex:1;height:2px;margin:0 4px}.stepbar .bar.done{background:var(--blue)}.met5{gap:6px;display:flex}.met{text-align:center;border:1px solid #eef1f6;border-radius:9px;flex:1;padding:8px 4px}.met .m-i{font-size:13px}.met .m-v{font-size:15px;font-weight:800}.met .m-l{color:#94a3b8;font-size:8px}.hist-row{background:#fff;border:1px solid #e9edf3;border-radius:10px;margin-bottom:8px;padding:10px 11px}.hist-actions{color:#94a3b8;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:9px;display:flex}.hist-actions .cvt{color:var(--blue);font-weight:700}.tnote{border:1px solid var(--line);border-left:4px solid var(--blue);background:#fff;border-radius:12px;margin:14px 0;padding:16px 18px}.tnote .tn-k{color:var(--blue);letter-spacing:.02em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:800}.tnote ol{flex-direction:column;gap:9px;margin:0;padding-left:20px;display:flex}.tnote ol li{color:#374151;padding-left:4px}.tnote ol li b{color:var(--ink)}.kv{border-bottom:1px solid var(--line-soft);justify-content:space-between;padding:7px 0;font-size:11px;display:flex}.kv:last-child{border-bottom:none}.kv .k{color:#94a3b8}.kv .v{font-weight:600}.deduct{background:var(--paper);border:1px solid var(--line);color:#475569;border-radius:9px;padding:10px 12px;font-size:10.5px}.deduct .dr{justify-content:space-between;padding:3px 0;display:flex}.num{font-variant-numeric:tabular-nums}details.faq{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:10px;padding:0 16px}details.faq summary{cursor:pointer;letter-spacing:-.01em;align-items:center;gap:10px;padding:15px 0;font-size:15px;font-weight:700;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary .q{color:var(--blue);font-weight:800}details.faq summary .tw{color:var(--muted-2);margin-left:auto;transition:transform .18s}details.faq[open] summary .tw{transform:rotate(180deg)}details.faq .faq-a{color:#374151;border-top:1px solid var(--line-soft);padding:12px 0 15px 26px;font-size:14.5px}.home-cards{grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 8px;display:grid}@media (max-width:640px){.home-cards{grid-template-columns:1fr}}.hc{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s}.hc:hover{border-color:var(--blue-line);transform:translateY(-2px);box-shadow:0 10px 24px -12px #2563eb47}.hc .hc-ic{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:11px;justify-content:center;align-items:center;margin-bottom:11px;font-size:19px;display:flex}.hc .hc-t{letter-spacing:-.02em;font-size:15.5px;font-weight:800}.hc .hc-d{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.hc .hc-n{color:var(--blue);margin-top:9px;font-size:11px;font-weight:700}.facts{grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 8px;display:grid}@media (max-width:640px){.facts{grid-template-columns:1fr}}.fact{border:1px solid var(--line);background:linear-gradient(#fff,#fbfcff);border-radius:12px;padding:14px 16px}.fact .f-v{color:var(--blue);letter-spacing:-.02em;font-size:22px;font-weight:800}.fact .f-l{color:var(--muted);margin-top:2px;font-size:12.5px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}