:root{--bg:#fff;--surface:#f8fafc;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-soft:#eff6ff;--ok:#166534;--ok-soft:#f0fdf4;--ok-line:#86efac;--warn:#9a3412;--warn-soft:#fff7ed;--warn-line:#fdba74;--danger:#b91c1c;--danger-soft:#fef2f2;--danger-line:#fecaca;--shadow:0 18px 40px #0f172a0f;--font:var(--font-noto), "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:16.5px;line-height:1.65;overflow-x:clip}a{color:inherit}img{max-width:100%}.skip{background:var(--bg);color:var(--ink);z-index:20;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip:focus{top:12px}.utility{background:var(--surface);color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:.01em;margin:0;padding:8px 20px;font-size:.82rem}.header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;position:sticky;top:0}.header-inner,.wrap{width:min(1120px,100% - 40px);margin:0 auto}.header-inner{align-items:center;gap:20px;min-height:76px;display:flex}.logo{color:var(--ink);flex-direction:column;margin-right:auto;text-decoration:none;display:flex}.logo-mark{letter-spacing:-.045em;color:var(--ink);font-size:1.65rem;font-weight:700;line-height:1}.logo-toy{color:var(--brand)}.logo-service{letter-spacing:.12em;color:var(--muted);margin-top:4px;font-size:.72rem;font-weight:700}.nav-panel{align-items:center;gap:18px;display:flex}.nav-panel a{color:var(--ink);font-size:.95rem;font-weight:700;text-decoration:none}.nav-panel a:hover{color:var(--brand-hover)}.nav-panel a[aria-current=page]{color:var(--brand)}.header-apply{flex:none}.menu-toggle{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:0 12px;font-weight:700;display:none}.menu-toggle:hover{background:var(--surface);border-color:var(--brand)}.btn{min-height:48px;font:inherit;cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover);color:#fff}.btn-secondary{background:var(--bg);border-color:var(--line);color:var(--ink)}.btn-secondary:hover{background:var(--surface);border-color:var(--brand);color:var(--brand-hover)}.btn-quiet{color:var(--brand);background:0 0;min-height:44px;padding:0}.btn-quiet:hover{color:var(--brand-hover)}.btn:disabled,.btn:disabled:hover{background:var(--line);color:var(--muted);border-color:var(--line);cursor:not-allowed}.hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:36px;padding:56px 0 28px;display:grid}.kicker{color:var(--brand);letter-spacing:.14em;margin:0 0 12px;font-size:.78rem;font-weight:700}h1,h2,h3{color:var(--ink)}h1{letter-spacing:-.035em;margin:0;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.18}.lede{max-width:38rem;color:var(--muted);margin:18px 0 0;font-size:1.22rem;line-height:1.55}.hero-body{max-width:40rem;margin-top:14px}.actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.fine{color:var(--muted);font-size:.92rem}.ticket{background:var(--bg);border:1px solid var(--line);border-top:6px solid var(--brand);box-shadow:var(--shadow);border-radius:16px;padding:22px 22px 8px}.ticket h2{margin:0 0 8px;font-size:1.15rem}.pricing-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0;display:grid}.pricing-plan{min-width:0}.pricing-plan h2{font-size:1.5rem}.pricing-plan-featured{border:2px solid var(--brand)}.plan-price{white-space:nowrap;font-size:clamp(1.6rem,2.8vw,2.1rem);font-weight:700}.plan-price span{font-size:1rem;font-weight:400}@media (max-width:800px){.pricing-plans{grid-template-columns:1fr}}.ticket ol{margin:0;padding:0;list-style:none}.ticket li{border-top:1px solid var(--line);grid-template-columns:36px max-content minmax(0,1fr);align-items:baseline;gap:8px;padding:11px 0;display:grid}.section{background:var(--surface);box-shadow:0 0 0 100vmax var(--surface);clip-path:inset(0 -100vmax);padding:64px 0}.rule{border-top:1px solid var(--line)}.section h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.25}.flow{gap:14px;margin-top:28px;display:grid}.flow article{background:var(--bg);border:1px solid var(--line);border-radius:14px;grid-template-columns:72px 1fr;gap:12px;padding:18px;display:grid}.step-no{color:var(--brand);font-size:1.2rem;font-weight:700}.actor{border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.actor-store{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.actor-catch{background:var(--brand-soft);color:var(--brand-hover)}.roles{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.role{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:22px}.role-brand{background:var(--brand-soft);color:var(--ink);border-color:#bfdbfe}.role-brand .fine{color:var(--muted)}.role ul{margin:12px 0 0;padding-left:18px}.role li+li{margin-top:6px}.note,.panel,.banner,.banner-info,.mock-banner,.dev-panel{border-radius:14px;padding:16px 18px}.note{background:var(--brand-soft);color:var(--ink);border:1px solid #bfdbfe}.panel{background:var(--bg);border:1px solid var(--line)}.mock-banner,.banner,.banner-info{align-items:flex-start;gap:10px;margin:0;display:flex}.mock-banner,.banner-info{background:var(--brand-soft);color:var(--ink);border:1px solid #bfdbfe}.mock-banner{margin-bottom:18px}.banner{background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn)}.banner-alert{background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger)}.dev-panel{border:1px dashed var(--line);background:var(--surface);color:var(--ink);margin-top:28px}.status-mark{background:var(--bg);border:1px solid;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:24px;padding:0 8px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:8px 0}.faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.faq summary:hover{color:var(--brand-hover)}.faq p{color:var(--muted);margin-top:0}.page-intro{padding:42px 0 10px}.page-intro h1{font-size:clamp(2rem,4vw,3.2rem)}.price-sheet{background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:280px 1fr;gap:22px;padding:22px;display:grid}.price-amount{letter-spacing:-.04em;color:var(--ink);font-size:2.6rem;font-weight:700;line-height:1}.price-sheet dl{margin:0}.price-sheet dt{margin-top:14px;font-weight:700}.price-sheet dd{color:var(--muted);margin:4px 0 0}.stack{gap:14px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}fieldset{border:0;margin:0;padding:0}legend.label{padding:0}label,.label{color:var(--ink);margin-bottom:6px;font-weight:700;display:block}.field{margin:0}.help{color:var(--muted);font-size:.92rem}.error{color:var(--danger);align-items:flex-start;gap:8px;margin:6px 0 0;font-size:.92rem;display:flex}.error:before{content:"오류";border:1px solid var(--danger-line);background:var(--danger-soft);border-radius:999px;flex:none;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1.6}input,select,textarea{border:1px solid var(--line);background:var(--bg);width:100%;min-height:48px;font:inherit;color:var(--ink);border-radius:8px;padding:10px 12px}input:hover,select:hover,textarea:hover{border-color:#cbd5e1}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:3px solid var(--brand);outline-offset:2px}textarea{resize:vertical;min-height:120px}input[type=checkbox],input[type=radio]{accent-color:var(--brand)}.check-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.check,.check-row{align-items:flex-start;gap:10px;font-weight:500;display:flex}.check input,.check-row input{width:auto;min-height:0;margin-top:4px}.steps{flex-wrap:wrap;gap:8px;margin:12px 0 18px;padding:0;list-style:none;display:flex}.steps li{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.88rem}.steps li[data-current=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.milestones{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.milestones li{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:10px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.milestones li[data-state=done]{background:var(--ok-soft);border-color:var(--ok-line)}.milestones li[data-state=warn]{background:var(--warn-soft);border-color:var(--warn-line)}.milestones li[data-state=alert]{background:var(--danger-soft);border-color:var(--danger-line)}.milestones li[data-state=off]{color:var(--muted);background:var(--surface)}.state-icon{margin-right:6px;font-weight:700}.state-icon-done:before{content:"✓";color:var(--ok)}.state-icon-wait:before{content:"○";color:var(--muted)}.state-icon-warn:before{content:"!";color:var(--warn)}.state-icon-alert:before{content:"!";color:var(--danger)}.state-icon-off:before{content:"–";color:var(--muted)}.summary{gap:6px;display:grid}.summary div{grid-template-columns:140px 1fr;gap:8px;display:grid}.summary dt{font-weight:700}.quote{background:var(--bg);border-left:4px solid var(--brand);color:var(--ink);margin:0;padding:12px 14px}pre{background:var(--ink);color:#fff;border-radius:10px;margin:0;padding:14px;font-size:.82rem;line-height:1.5;overflow:auto}main a:not(.btn):not(.logo){color:var(--brand);text-underline-offset:3px}main a:not(.btn):not(.logo):hover{color:var(--brand-hover)}.footer{border-top:1px solid var(--line);background:var(--bg);color:var(--muted);margin-top:40px;padding:28px 0 48px}.footer-links{flex-wrap:wrap;gap:14px;margin-bottom:10px;display:flex}.footer a{color:var(--brand);font-weight:700}.footer a:hover{color:var(--brand-hover)}.loading{color:var(--muted)}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (max-width:860px){.menu-toggle{order:2;display:inline-flex}.header-apply{order:1}.header-inner{flex-wrap:wrap;padding:10px 0}.nav-panel{flex-direction:column;order:3;align-items:stretch;width:100%;padding-bottom:12px;display:none}.nav-panel.open{display:flex}.nav-panel a{align-items:center;min-height:44px;display:inline-flex}.hero,.roles,.price-sheet,.grid-2,.check-grid,.summary div{grid-template-columns:1fr}.ticket li{grid-template-columns:28px max-content minmax(0,1fr)}.flow article{grid-template-columns:48px 1fr}}@media (max-width:640px){.header-inner,.wrap{width:min(1120px,100% - 28px)}.actions .btn,.stack .btn{width:100%}}
