:root{--bg:#fff;--soft:#f4f7fb;--line:#e1e6ee;--text:#17202e;--muted:#5d6879;--accent:#2f6fe4;--accent-2:#1b4fb8;--ok:#1d8a4e;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:anywhere;font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}img{max-width:100%;display:block}kbd{text-align:center;white-space:nowrap;background:#fff;border:1px solid #c9d1de;border-bottom-width:2px;border-radius:5px;min-width:1.6em;padding:1px 6px;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.wrap{width:min(1120px,100%);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.top{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffe8;position:sticky;top:0}.top .wrap{align-items:center;gap:18px;height:58px;display:flex}.brand{color:var(--text);align-items:center;gap:9px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.top nav{align-items:center;gap:18px;margin-left:auto;display:flex}.top nav a{color:var(--muted);font-size:15px;font-weight:600;text-decoration:none}.top nav a:hover{color:var(--text)}.top nav a.btn{color:#fff}.btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-2)}.btn-line{color:var(--text);background:#fff;border-color:#c8d3e6}.btn-line:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:7px 14px;font-size:14px}.hero{text-align:center;background:linear-gradient(#eef4ff 0%,#fff 100%);padding:clamp(40px,7vw,84px) 0 40px}.eyebrow{color:var(--accent-2);background:#e2ecff;border-radius:99px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.02em;max-width:16em;margin:16px auto 14px;font-size:clamp(32px,5.4vw,56px);line-height:1.18}.hero h1 em{color:var(--accent);font-style:normal}.lead{max-width:40em;color:var(--muted);margin:0 auto;font-size:clamp(16px,2vw,19px)}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 10px;display:flex}.cta-note{color:var(--muted);font-size:14px}.shot{border:1px solid var(--line);background:#fff;border-radius:14px;margin:36px auto 0;overflow:hidden;box-shadow:0 24px 60px -24px #1b4fb84d,0 4px 14px #0000000f}.points{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:16px;padding:44px 0 20px;display:grid}.point{background:var(--soft);border-radius:14px;padding:22px}.point .ico{font-size:26px}.point h3{margin:8px 0 6px;font-size:19px}.point p{color:var(--muted);margin:0}section.block{padding:56px 0 24px}.block>.wrap>h2,.block h2.title{letter-spacing:-.01em;text-align:center;margin:0 0 8px;font-size:clamp(26px,3.4vw,36px)}.block .sub{text-align:center;color:var(--muted);max-width:40em;margin:0 auto 32px}.features{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:22px;display:grid}.feature{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.feature img{aspect-ratio:16/10;object-fit:cover;object-position:center;border-bottom:1px solid var(--line);background:var(--soft);width:100%}.feature img.at-bottom{object-position:left bottom;object-fit:cover;aspect-ratio:16/7;margin-top:auto}.feature div{padding:16px 18px 18px}.feature h3{margin:0 0 4px;font-size:18px}.feature p{color:var(--muted);margin:0;font-size:15px}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.step{border:1px solid var(--line);border-radius:14px;padding:22px 22px 22px 70px;position:relative}.step:before{counter-increment:step;content:counter(step);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid;position:absolute;top:20px;left:20px}.step h3{margin:0 0 4px;font-size:18px}.step p{color:var(--muted);margin:0}.faq{max-width:780px;margin:0 auto}.faq details{border-bottom:1px solid var(--line);padding:14px 4px}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"＋";color:var(--accent);margin-right:10px}.faq details[open] summary:before{content:"－"}.faq details p{color:var(--muted);margin:8px 0 0 28px}.final{color:#fff;text-align:center;background:#142037;margin:56px 0 0;padding:56px 0}.final h2{margin:0 0 10px;font-size:clamp(24px,3vw,32px)}.final p{color:#b9c5da;margin:0}.final .btn-line{color:#fff;background:0 0;border-color:#fff5}footer.foot{color:var(--muted);padding:24px 0 36px;font-size:14px}footer.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}footer.foot a{color:var(--muted)}.guide{grid-template-columns:220px minmax(0,1fr);gap:40px;padding-top:32px;padding-bottom:40px;display:grid}.toc{align-self:start;max-height:calc(100vh - 100px);font-size:14px;position:sticky;top:78px;overflow:auto}.toc b{margin-bottom:8px;display:block}.toc ol{margin:0;padding-left:18px}.toc li{margin:3px 0}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent)}.doc h1{margin:0 0 8px;font-size:clamp(30px,4vw,40px)}.doc h2{border-top:1px solid var(--line);margin:56px 0 10px;padding-top:12px;scroll-margin-top:70px;font-size:26px}.doc h3{margin:32px 0 6px;scroll-margin-top:70px;font-size:19px}.doc p,.doc li{color:#2c3646}.doc figure{margin:14px 0 22px}.doc figure img{border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 26px -14px #1b4fb840}.doc figcaption{color:var(--muted);margin-top:6px;font-size:14px}.doc ol.how,.doc ul.how{padding-left:22px}.doc ol.how li,.doc ul.how li{margin:5px 0}.tip{border-left:4px solid var(--accent);background:#eef4ff;border-radius:10px;margin:12px 0;padding:12px 16px}.tip.warn{background:#fff6e6;border-left-color:#e3a13b}table.keys{border-collapse:collapse;width:100%;margin:10px 0 18px;font-size:15px}table.keys th,table.keys td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}table.keys th{background:var(--soft);font-size:14px}table.keys td:first-child{white-space:nowrap;width:1%}.doc .faq{margin:0}@media (max-width:860px){.guide{grid-template-columns:1fr;gap:8px}.toc{background:var(--soft);border-radius:10px;max-height:none;padding:14px 16px;position:static}.top nav a:not(.btn){display:none}}button.linkish{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.page{max-width:780px;padding-top:40px;padding-bottom:56px}.page h1{margin:0 0 8px;font-size:clamp(28px,4vw,36px)}.page h2{margin:36px 0 8px;font-size:21px}.page p,.page li,.page td{color:#2c3646}.page table{border-collapse:collapse;width:100%;font-size:15px}.page th,.page td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 10px}.page th{background:var(--soft);width:26%}