@font-face{font-family:Guide;src:url('/guide/first-use/Pretendard.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#172337;--muted:#59677b;--blue:#2058d8;--line:#e0e6ee;--soft:#f2f6fc;--white:#fff;font-family:Guide,'Malgun Gothic',sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.8}a{color:var(--blue);text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7fa7ff;outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1{font-size:48px;line-height:1.22;letter-spacing:-1.8px}h2{font-size:30px;line-height:1.4;letter-spacing:-1px}h3{font-size:24px;line-height:1.5;letter-spacing:-.6px}.container{max-width:1200px;margin:auto;padding:0 36px}.top{border-bottom:1px solid var(--line);background:white}.top .container{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px}.wordmark{font-size:20px;font-weight:750;letter-spacing:-.8px;text-decoration:none;color:var(--ink)}.wordmark b{color:var(--blue)}.top-right{display:flex;align-items:center;gap:20px;font-size:14px}.top-right a{text-decoration:none}.eyebrow{font-size:13px;letter-spacing:1.5px;font-weight:650;color:var(--blue);text-transform:uppercase}.hero{padding:58px 0 48px;display:grid;grid-template-columns:1fr 1.13fr;gap:48px;align-items:center}.hero h1{margin:15px 0 20px}.hero .lead{color:var(--muted);max-width:450px}.hero img{width:100%;height:auto;border-radius:16px;aspect-ratio:1672/941;object-fit:cover}.meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px;margin-top:20px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;line-height:1.5}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:46px}.path{display:block;padding:23px 22px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff}.path small{display:block;color:var(--blue);font-weight:650;font-size:12px;letter-spacing:1px}.path strong{display:block;font-size:19px;margin:7px 0}.path span{font-size:14px;color:var(--muted)}.reading{display:grid;grid-template-columns:190px minmax(0,1fr);gap:56px;border-top:1px solid var(--line);padding-top:40px}.toc{position:sticky;top:24px;align-self:start;font-size:14px}.toc strong{display:block;font-size:13px;color:var(--muted);margin-bottom:13px}.toc a{display:block;padding:9px 12px;text-decoration:none;border-radius:6px;color:var(--muted);margin:3px 0}.toc a.active{background:#eaf1ff;color:var(--blue);font-weight:650}.toc .small{font-size:12px;margin:22px 12px;color:var(--muted)}.preflight{padding:26px 28px;background:var(--soft);border-radius:12px;margin-bottom:54px}.preflight h2{font-size:22px}.preflight ul{padding-left:20px;margin:14px 0 0}.preflight li+li{margin-top:10px}.chapter{scroll-margin-top:24px;margin-bottom:56px}.chapter-head{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.chapter-head .eyebrow{margin-bottom:9px}.chapter-head p{color:var(--muted);margin-top:10px}.step{scroll-margin-top:26px;margin:34px 0 60px}.step-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.step-number{display:flex;justify-content:center;align-items:center;flex:none;background:#eaf1ff;color:var(--blue);width:36px;height:36px;border-radius:9px;font-size:15px;font-weight:700;margin-top:1px}.step-intro{color:var(--muted);margin:0 0 18px}.step ol{padding-left:23px;margin:0 0 24px}.step li{padding-left:5px;margin:10px 0}.step figure{margin:24px 0;background:#f5f7fb;border:1px solid var(--line);padding:24px;border-radius:12px}.step figure img{max-width:480px;width:100%;height:auto;margin:0 auto;border-radius:8px}.step figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}.zoom{display:block;margin:12px auto 0;padding:8px 14px;font-size:13px;background:white;border:1px solid var(--line);border-radius:7px;min-height:40px;color:var(--blue)}.result{padding:17px 20px;border-left:3px solid var(--blue);background:#f3f7ff;margin-top:22px}.result b{display:block;font-size:13px;color:var(--blue);margin-bottom:4px}.note{font-size:14px;color:var(--muted);margin-top:16px}.inline-links{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:14px;margin-top:17px}.faq{margin-bottom:50px}.faq h2{margin-bottom:20px}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{font-weight:600;cursor:pointer;padding:20px 28px 20px 0;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:2px;color:var(--blue)}.faq details[open] summary::after{content:'−'}.faq details p{color:var(--muted);padding:0 0 22px}.closing{background:var(--soft);padding:28px;border-radius:12px;margin-bottom:40px}.closing h2{font-size:22px}.closing p{color:var(--muted);font-size:14px;margin-top:8px}.sources{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding:26px 0 56px}.sources a{display:inline-block;margin:6px 16px 0 0}.sources p{margin-bottom:10px}.footer{padding:22px 36px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);text-align:center}.mobile-toc{display:none}.skip{position:absolute;top:-90px;left:16px;padding:12px;background:white;z-index:20}.skip:focus{top:12px}dialog{border:1px solid var(--line);border-radius:12px;padding:18px;max-width:calc(100vw - 24px);max-height:90vh;width:980px;background:white;color:var(--ink)}dialog::backdrop{background:rgba(15,23,42,.65)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.dialog-head button{border:1px solid var(--line);background:white;border-radius:6px;padding:8px 16px;min-height:44px}.zoom-body{overflow:auto;max-height:74vh;background:var(--soft);padding:15px}.zoom-body img{margin:auto;max-width:none;width:560px;height:auto}.preview-note{background:#eaf1ff;color:#214887;padding:8px 20px;text-align:center;font-size:13px}
@media(max-width:900px){.container{padding:0 24px}.hero{gap:26px}.hero h1{font-size:38px}.reading{grid-template-columns:160px minmax(0,1fr);gap:28px}.step figure{padding:16px}.path{padding:19px 16px}.path strong{font-size:17px}}
@media(max-width:680px){.container{padding:0 20px}.top .container{min-height:64px}.top-right{gap:12px}.top-right .version{display:none}.hero{grid-template-columns:1fr;padding:34px 0;gap:26px}.hero h1{font-size:38px}.hero img{order:2}.paths{grid-template-columns:1fr;gap:10px;padding-bottom:30px}.path{padding:17px 19px}.path small{float:left;margin:4px 14px 0 0}.path strong{margin:0 0 4px;font-size:18px}.path span{display:block}.reading{grid-template-columns:1fr;gap:0;padding-top:24px}.toc{display:none}.mobile-toc{display:block;border-bottom:1px solid var(--line);padding:12px 0 18px;margin-bottom:26px}.mobile-toc nav{display:flex;flex-wrap:wrap;gap:12px 20px;padding-top:14px}.mobile-toc a{font-size:14px}.preflight{padding:22px 20px}.chapter-head h2{font-size:27px}.step h3{font-size:22px}.step figure{padding:12px;margin:22px -6px}.step-number{width:32px;height:32px;font-size:14px}.step-heading{gap:11px}.step li{margin:12px 0}.result{padding:15px 17px}.sources{overflow-wrap:anywhere}.zoom-body{padding:0}.zoom-body img{width:560px}.footer{padding:20px}.actions .button{flex:1}.preview-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}