@font-face{font-family:JK;src:url("/guides/assets/design-v22-font.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{color-scheme:light;--jk-canvas:#f6f5fb;--jk-surface:#ffffff;--jk-soft:#eeebf8;--jk-glass:rgba(255,255,255,.84);--jk-text:#201a32;--jk-muted:#696278;--jk-brand:#7134d8;--jk-brand-hover:#5923b6;--jk-accent:#5e27be;--jk-tint:#eee5ff;--jk-border:#e2deed;--jk-control:#90879f;--jk-success:#14684d;--jk-success-bg:#e6f5ef;--jk-danger:#b32949;--jk-danger-bg:#fff0f3;--jk-warning:#79550a;--jk-warning-bg:#fff3d6;--jk-focus:#6232bd;--jk-shadow:0 8px 30px #34216008;--jk-floating:0 24px 70px #4f2c8b17;--jk-gradient:linear-gradient(125deg,#f8f4ff 0%,#ede6fc 52%,#e8effc 100%);--jk-action:linear-gradient(115deg,#8439e7,#6628c8);--jk-chart:#8249e9;--jk-overlay:rgba(19,13,33,.50);--jk-font:JK,Pretendard,"Noto Sans CJK KR",system-ui,sans-serif;--jk-radius:22px;--jk-radius-control:12px;--jk-space-1:4px;--jk-space-2:8px;--jk-space-3:12px;--jk-space-4:16px;--jk-space-5:20px;--jk-space-6:24px;--jk-space-8:32px;--jk-space-10:40px;--jk-space-12:48px;--jk-space-16:64px;--jk-duration:160ms}
[data-theme=dark]{color-scheme:dark;--jk-canvas:#0c0c12;--jk-surface:#15151f;--jk-soft:#1d1c29;--jk-glass:rgba(22,22,33,.94);--jk-text:#f4f1fc;--jk-muted:#aaa5bb;--jk-brand:#b796ff;--jk-brand-hover:#c9b0ff;--jk-accent:#c8afff;--jk-tint:#2e2248;--jk-border:#30303f;--jk-control:#777184;--jk-success:#8ad9b6;--jk-success-bg:#16332b;--jk-danger:#ff9caf;--jk-danger-bg:#3c1d2a;--jk-warning:#f0ce85;--jk-warning-bg:#382f1f;--jk-focus:#c2a4ff;--jk-shadow:0 8px 35px #00000026;--jk-floating:0 26px 80px #00000055;--jk-gradient:radial-gradient(ellipse at 95% 0%,#422369 0%,#20172e 35%,#18151f 80%);--jk-action:linear-gradient(115deg,#8a40e8,#6a2bd0);--jk-chart:#b48aff;--jk-overlay:rgba(0,0,0,.72)}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafafa;color:var(--jk-text);font:16px/1.85 JK,system-ui,sans-serif}a{color:var(--jk-accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img{max-width:100%}.skip{position:absolute;left:16px;top:-80px;background:var(--jk-surface);padding:12px;z-index:4}.skip:focus{top:8px}:focus-visible{outline:3px solid var(--jk-focus);outline-offset:4px}header{border-bottom:1px solid var(--jk-border);background:var(--jk-surface)}.header-inner{max-width:1100px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;gap:9px;align-items:center;text-decoration:none}.logo .mark{width:31px;height:35px}.logo .word{width:52px;height:33px;object-fit:contain}.logo-en{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--jk-text)}.only-dark{display:none}nav{display:flex;gap:22px;align-items:center;font-size:14px}nav a{text-decoration:none;white-space:nowrap}.cta{background:var(--jk-action);color:#fff;padding:9px 17px;border-radius:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}main{max-width:1100px;margin:auto;padding:38px 24px 72px}.crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--jk-muted);margin-bottom:26px}.crumb a{color:inherit}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750;color:var(--jk-accent)}h1{font-size:clamp(27px,4.3vw,44px);line-height:1.32;letter-spacing:-1.2px;word-break:keep-all;overflow-wrap:anywhere;margin:12px 0 20px}h2{font-size:23px;line-height:1.45;letter-spacing:-.6px;margin:0 0 14px;word-break:keep-all;overflow-wrap:anywhere}h3{font-size:20px;line-height:1.5;margin:12px 0}p{margin:0 0 18px;overflow-wrap:anywhere}.intro{font-size:19px;color:var(--jk-text);max-width:790px}.meta{font-size:13px;color:var(--jk-muted);margin:22px 0}.badge{display:inline-block;background:var(--jk-tint);color:var(--jk-accent);padding:5px 11px;font-size:12px;font-weight:700;border-radius:8px}.planned{border-left:4px solid var(--jk-warning);padding:16px 20px;background:var(--jk-warning-bg);color:var(--jk-warning);border-radius:10px;margin:22px 0}.layout{display:grid;grid-template-columns:minmax(0,760px) minmax(160px,1fr);gap:46px;align-items:start}.layout>*{min-width:0}.body{background:var(--jk-surface);border:1px solid var(--jk-border);border-radius:22px;padding:36px}section+section{margin-top:36px;padding-top:32px;border-top:1px solid var(--jk-border)}ol{padding-left:25px;margin:0}li{margin:0 0 16px;padding-left:6px;overflow-wrap:anywhere}.toc{font-size:14px;border-left:1px solid var(--jk-border);padding-left:20px}.toc a{display:block;margin-bottom:13px;text-decoration:none}.toc h2{font-size:14px;letter-spacing:1px;margin-bottom:18px}.faq details{border-top:1px solid var(--jk-border);padding:16px 0}.faq summary{cursor:pointer;font-weight:700;min-height:44px;line-height:1.6}.faq details p{margin:12px 0 0}.related{margin-top:40px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tile{background:var(--jk-surface);border:1px solid var(--jk-border);border-radius:22px;padding:26px;color:var(--jk-text);text-decoration:none;display:flex;flex-direction:column;min-width:0}.tile:hover{border-color:var(--jk-brand)}.tile p{color:var(--jk-muted);font-size:15px}.tile .arrow{color:var(--jk-accent);font-size:14px;font-weight:700;margin-top:auto}.hero{max-width:810px;margin-bottom:38px}.hero p{color:var(--jk-muted);font-size:18px}.index-section{margin-top:48px}.callout{background:var(--jk-tint);border-radius:18px;padding:24px;margin-top:32px}.callout p{margin-bottom:14px}footer{border-top:1px solid var(--jk-border);padding:28px 24px;color:var(--jk-muted);font-size:13px}.footer-inner{max-width:1100px;margin:auto;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:inherit}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--jk-canvas:#0c0c12;--jk-surface:#15151f;--jk-soft:#1d1c29;--jk-text:#f4f1fc;--jk-muted:#aaa5bb;--jk-brand:#b796ff;--jk-accent:#c8afff;--jk-tint:#2e2248;--jk-border:#30303f;--jk-warning:#f0ce85;--jk-warning-bg:#382f1f;--jk-focus:#c2a4ff}body{background:var(--jk-canvas)}.only-light{display:none}.only-dark{display:block}}
@media(max-width:760px){.layout{grid-template-columns:1fr;gap:22px}.toc{grid-row:1;padding:18px;border:1px solid var(--jk-border);border-radius:14px}.toc a{display:inline-block;margin:0 16px 8px 0}.body{padding:24px}.header-inner{padding:16px 20px;gap:12px;flex-wrap:wrap}.logo{flex-shrink:0}.logo-en{display:none}nav{gap:14px;width:100%;justify-content:space-between}main{padding:26px 20px 52px}.grid{grid-template-columns:1fr}.intro{font-size:17px}.hero p{font-size:16px}h2{font-size:21px}}
@media(max-width:370px){.header-inner{padding:14px 16px;flex-wrap:wrap}nav{width:100%;justify-content:space-between}main{padding:22px 16px 44px}.body{padding:20px}.tile{padding:22px}}