@import "https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";
.guide-article{--ink:#191f28;--ink2:#4e5968;--ink3:#8b95a1;--ink4:#b0b8c1;--line:#eaecef;--line2:#f2f4f6;--surface:#f8fafb;--bg:#fff;--teal:#1d606a;--teal-deep:#154852;--teal-100:#d3e4e6;--teal-50:#ebf3f4;--red:#e5484d;--red-deep:#c2363b;--red-50:#fdf1f1;--solid:#1c2024;--hdr:64px;--font:"Wanted Sans Variable", "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;padding:0 var(--page-gutter);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;word-break:keep-all;text-wrap:pretty;line-height:1.7}.guide-article *{box-sizing:border-box}.guide-article a{color:inherit;text-decoration:none}.guide-article ::selection{background:var(--teal-100)}.guide-article .breadcrumb{color:var(--ink3);align-items:center;gap:8px;padding:26px 0 0;font-size:13.5px;font-weight:500;display:flex}.guide-article .breadcrumb a:hover{color:var(--ink2)}.guide-article .breadcrumb .sep{color:var(--ink4)}.guide-article .breadcrumb .here{color:var(--ink2);font-weight:600}.guide-article .doc-head{border-bottom:1px solid var(--line);margin-bottom:48px;padding:30px 0 36px}.guide-article .eyebrow{letter-spacing:-.2px;align-items:center;gap:10px;margin-bottom:20px;font-size:13.5px;font-weight:700;display:flex}.guide-article .eyebrow .tag{background:var(--teal-50);color:var(--teal-deep);border-radius:2px;padding:5px 11px;font-size:13px;font-weight:700}.guide-article .eyebrow .meta{color:var(--ink3);font-weight:600}.guide-article h1.title{letter-spacing:-1.4px;text-wrap:balance;margin:0 0 22px;font-size:42px;font-weight:800;line-height:1.32}.guide-article .lede{color:var(--ink2);letter-spacing:-.4px;max-width:760px;font-size:19px;line-height:1.7}.guide-article .lede .q{color:var(--ink);font-weight:600}.guide-article .summary{background:var(--surface);border:1px solid var(--line);border-radius:2px;align-items:stretch;gap:0;margin-top:30px;display:flex;overflow:hidden}.guide-article .summary .label{background:var(--teal-50);border-right:1px solid var(--teal-100);color:var(--teal-deep);white-space:nowrap;flex:none;align-items:center;gap:9px;padding:20px 22px;font-size:15px;font-weight:800;display:flex}.guide-article .summary .label .dot{background:var(--teal);border-radius:2px;width:7px;height:7px}.guide-article .summary .points{flex-wrap:wrap;align-items:center;gap:12px 34px;padding:20px 24px;display:flex}.guide-article .summary .points .pt{color:var(--ink);letter-spacing:-.3px;font-size:15.5px;font-weight:600}.guide-article .summary .points .bar{background:var(--line);width:1px;height:14px}.guide-article .metachips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.guide-article .metachips .mc{color:var(--ink2);background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:6px 12px;font-size:13.5px;font-weight:700}.guide-article .metachips .mc b{color:var(--ink)}.guide-article .metachips .mc-risk{color:var(--red-deep);background:var(--red-50);border-color:#f6cfd0}.guide-article .layout{grid-template-columns:212px minmax(0,1fr);align-items:start;gap:72px;padding-bottom:80px;display:grid}.guide-article .toc{top:calc(var(--hdr) + 28px);position:sticky}.guide-article .toc .toc-cap{color:var(--ink3);letter-spacing:.2px;margin-bottom:14px;font-size:12.5px;font-weight:700}.guide-article .toc ol{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.guide-article .toc li{margin:0}.guide-article .toc a{color:var(--ink3);letter-spacing:-.3px;border-left:2px solid #0000;margin-left:-2px;padding:9px 0 9px 16px;font-size:14px;font-weight:500;line-height:1.45;transition:color .15s,border-color .15s;display:block}.guide-article .toc a:hover{color:var(--ink2)}.guide-article .toc a.active{color:var(--teal-deep);border-left-color:var(--teal);font-weight:700}.guide-article .toc .progress{margin-top:24px}.guide-article .toc .progress .ptop{color:var(--ink3);justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.guide-article .toc .progress .ptop .pct{color:var(--teal-deep);font-weight:700}.guide-article .toc .progress .track{background:var(--line2);border-radius:2px;height:5px;overflow:hidden}.guide-article .toc .progress .fill{background:var(--teal);border-radius:2px;width:0%;height:100%;transition:width .12s linear}.guide-article .article-body{min-width:0}.guide-article .sec{scroll-margin-top:calc(var(--hdr) + 24px);padding-top:8px}.guide-article .sec+.sec{margin-top:60px}.guide-article .sec h2{letter-spacing:-.8px;text-wrap:balance;align-items:baseline;gap:12px;margin:0 0 22px;font-size:24px;font-weight:700;display:flex}.guide-article .sec h2 .num{color:var(--teal);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.guide-article .sec p{color:var(--ink2);letter-spacing:-.3px;margin:0 0 18px;font-size:17px;line-height:1.86}.guide-article .sec p .hl{color:var(--ink);font-weight:700}.guide-article .sec p.q{color:var(--ink);font-weight:600}.guide-article figure.section-fig{border:1px solid var(--line);background:#fff;border-radius:2px;margin:28px 0 8px;overflow:hidden}.guide-article .fig-head{border-bottom:1px solid var(--line2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.guide-article .fig-head .ft{color:var(--ink);letter-spacing:-.3px;text-wrap:balance;font-size:17px;font-weight:800}.guide-article .legend{color:var(--ink2);align-items:center;gap:16px;font-size:13px;font-weight:600;display:flex}.guide-article .legend .it{align-items:center;gap:7px;display:flex}.guide-article .legend .sw{border-radius:4px;width:15px;height:15px}.guide-article .legend .sw.solid{background:var(--solid)}.guide-article .legend .sw.empty{border:1.5px solid var(--ink3);background:#fff}.guide-article .fig-body{padding:26px 24px 22px}.guide-article .fig-body svg{width:100%;height:auto;display:block}.guide-article figcaption{color:var(--ink2);letter-spacing:-.2px;padding:0 24px 22px;font-size:14.5px;font-weight:500}.guide-article .table-wrap{border:1px solid var(--line);border-radius:2px;margin:24px 0 6px;overflow:hidden}.guide-article table{border-collapse:collapse;width:100%;font-size:15.5px}.guide-article thead th{background:var(--ink);color:#fff;text-align:left;letter-spacing:-.3px;padding:16px 22px;font-size:14.5px;font-weight:700}.guide-article thead th:first-child{width:118px}.guide-article tbody td{border-top:1px solid var(--line2);color:var(--ink2);letter-spacing:-.3px;vertical-align:middle;padding:17px 22px}.guide-article tbody tr td:first-child{color:var(--ink);font-weight:700}.guide-article tbody tr td:nth-child(2){color:var(--ink);font-weight:500}.guide-article tbody tr:nth-child(2n){background:var(--surface)}.guide-article .muted-cell{font-weight:500;color:var(--ink3)!important}.guide-article .cards-2{grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 6px;display:grid}.guide-article .vs-card{border:1px solid var(--line);background:#fff;border-radius:2px;padding:24px 24px 26px}.guide-article .vs-card .ch{letter-spacing:-.5px;align-items:center;gap:9px;margin-bottom:4px;font-size:18px;font-weight:800;display:flex}.guide-article .vs-card .ch .pin{border-radius:3px;width:9px;height:9px}.guide-article .vs-card.pub .ch .pin{background:var(--solid)}.guide-article .vs-card.priv .ch .pin{background:var(--teal)}.guide-article .vs-card .sub{color:var(--ink3);letter-spacing:-.2px;margin-bottom:18px;font-size:13.5px;font-weight:600}.guide-article .vs-card ul{margin:0;padding:0;list-style:none}.guide-article .vs-card li{color:var(--ink2);letter-spacing:-.3px;margin-bottom:11px;padding-left:18px;font-size:15px;line-height:1.5;position:relative}.guide-article .vs-card li:before{content:"";background:var(--ink4);border-radius:2px;width:5px;height:5px;position:absolute;top:9px;left:2px}.guide-article .vs-card.priv li:before{background:var(--teal)}.guide-article .vs-card li:last-child{margin-bottom:0}.guide-article .callout{border-radius:2px;margin:24px 0 6px;padding:22px 24px}.guide-article .callout .co-head{letter-spacing:-.4px;text-wrap:balance;align-items:center;gap:10px;margin-bottom:10px;font-size:16px;font-weight:800;display:flex}.guide-article .callout .co-head .chip{letter-spacing:.2px;border-radius:2px;padding:3px 9px;font-size:11.5px;font-weight:800}.guide-article .callout p{letter-spacing:-.3px;margin:0;font-size:15.5px;line-height:1.78}.guide-article .callout p+p{margin-top:6px}.guide-article .callout.info{background:var(--teal-50);border:1px solid var(--teal-100)}.guide-article .callout.info .co-head{color:var(--teal-deep)}.guide-article .callout.info .co-head .chip{background:var(--teal);color:#fff}.guide-article .callout.info p{color:var(--ink2)}.guide-article .callout.info p .hl{color:var(--teal-deep);font-weight:700}.guide-article .callout.warn{background:var(--red-50);border:1px solid #f6cfd0}.guide-article .callout.warn .co-head{color:var(--red-deep)}.guide-article .callout.warn .co-head .chip{background:var(--red);color:#fff}.guide-article .callout.warn p{color:#73484a}.guide-article .callout.warn p .q{color:var(--red-deep);font-weight:700}.guide-article .callout.warn p .hl{color:#5c2d2f;font-weight:700}.guide-article .cmp{align-items:stretch;gap:14px;display:flex}.guide-article .cmp .panel{flex:1 1 0;min-width:0}.guide-article .cmp .panel svg{width:100%;height:auto;display:block}.guide-article .door-wrap{justify-content:center;margin-bottom:20px;display:flex}.guide-article .door-wrap svg{width:100%;max-width:236px;height:auto;display:block}.guide-article .ico-legend{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.guide-article .ico-legend .il{align-items:flex-start;gap:11px;display:flex}.guide-article .ico-legend .iln{background:var(--teal);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;font-weight:800;display:flex}.guide-article .ico-legend .ilt{color:var(--ink);font-size:15.5px;font-weight:800;line-height:1.3}.guide-article .ico-legend .ild{color:var(--ink2);margin-top:3px;font-size:14px;font-weight:500;line-height:1.45}.guide-article .checklist{border:1px solid var(--line);background:#fff;border-radius:2px;margin:24px 0 6px;overflow:hidden}.guide-article .checklist .ci{align-items:flex-start;gap:14px;padding:18px 22px;display:flex}.guide-article .checklist .ci+.ci{border-top:1px solid var(--line2)}.guide-article .checklist .ck{background:var(--teal-50);border-radius:2px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.guide-article .checklist .ck svg{width:16px;height:16px}.guide-article .checklist .ctext{color:var(--ink2);letter-spacing:-.3px;font-size:15.5px;line-height:1.62}.guide-article .checklist .ctext b{color:var(--ink);font-weight:700}.guide-article .checklist .ctext .ck-lead{color:var(--ink);margin-bottom:3px;font-size:15.5px;font-weight:700;line-height:1.45;display:block}.guide-article .checklist .ctext .ck-desc{color:var(--ink2);font-size:14.5px;font-weight:400;line-height:1.62;display:block}.guide-article .oneline{background:var(--teal-50);border-radius:2px;align-items:center;gap:13px;margin:28px 0 4px;padding:18px 22px;display:flex}.guide-article .oneline .lab{color:#fff;background:var(--teal);white-space:nowrap;border-radius:2px;flex:none;padding:6px 12px;font-size:12.5px;font-weight:800}.guide-article .oneline .txt{color:var(--teal-deep);letter-spacing:-.4px;font-size:16px;font-weight:700;line-height:1.5}.guide-article .termdef{background:var(--teal-50);border-left:3px solid var(--teal);color:var(--ink2);letter-spacing:-.3px;border-radius:2px;margin:6px 0 4px;padding:13px 17px;font-size:15px;line-height:1.72}.guide-article .termdef b{color:var(--teal-deep);font-weight:800}.guide-article .src{color:var(--ink3);margin:9px 0 2px;font-size:12.5px}.guide-article .related{border-top:1px solid var(--line);padding:56px 0 80px}@media (min-width:1024px){.guide-article .related{padding:64px 0 120px}}.guide-article .related h3{letter-spacing:-.7px;text-wrap:balance;margin:0 0 24px;font-size:23px;font-weight:800}.guide-article .rel-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.guide-article .rel-card{border:1px solid var(--line);background:#fff;border-radius:2px;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden}.guide-article .rel-card:hover{border-color:var(--teal-100);transform:translateY(-3px);box-shadow:0 12px 28px #191f2812}.guide-article .rel-thumb{border-bottom:1px solid var(--line2);background:#eaecef;flex-shrink:0;height:178px;position:relative;overflow:hidden}.guide-article .rel-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .32s ease-out;display:block;position:absolute;inset:0}.guide-article .rel-card:hover .rel-thumb img{transform:scale(1.05)}.guide-article .rel-body{background:#fff;flex-direction:column;flex:auto;padding:18px 20px 22px;display:flex}.guide-article .rel-cat{color:var(--teal-deep);letter-spacing:.1px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.guide-article .rel-ttl{letter-spacing:-.5px;color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:800;line-height:1.35;display:block}.guide-article .rel-desc{color:var(--ink3);letter-spacing:-.2px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.guide-article .ml-br{display:none}.guide-article .pc-br{display:inline}@media (max-width:980px){.guide-article .layout{grid-template-columns:1fr;gap:0}.guide-article .toc{display:none}.guide-article h1.title{font-size:34px}}@media (max-width:680px){.guide-article h1.title{letter-spacing:-1px;font-size:29px}.guide-article .lede{font-size:17px}.guide-article .summary{flex-direction:column}.guide-article .summary .label{border-right:none;border-bottom:1px solid var(--teal-100)}.guide-article .cards-2,.guide-article .rel-grid{grid-template-columns:1fr}.guide-article .ml-br{display:inline}.guide-article .pc-br{display:none}.guide-article .oneline{flex-direction:column;align-items:flex-start;gap:11px}.guide-article .oneline .txt{font-size:15.5px;line-height:1.6}}@media (max-width:560px){.guide-article .cmp{flex-direction:column}.guide-article .ico-legend{grid-template-columns:1fr;gap:13px}}@media (prefers-reduced-motion:reduce){.guide-article{scroll-behavior:auto}.guide-article *{transition:none!important}}
