:root{--brand-primary:#071c4d;--brand-accent:#d8c18d;--navy:var(--brand-primary);--navy-2:color-mix(in srgb,var(--brand-primary) 82%,white);--navy-soft:color-mix(in srgb,var(--brand-primary) 8%,white);--navy-deep:color-mix(in srgb,var(--brand-primary) 84%,black);--navy-lift:color-mix(in srgb,var(--brand-primary) 72%,white);--navy-pale:color-mix(in srgb,var(--brand-primary) 48%,white);--gold:color-mix(in srgb,var(--brand-accent) 74%,black);--gold-line:var(--brand-accent);--ink:#161c26;--sub:#3d4657;--muted:#6b7484;--hint:#97a0b0;--line:#e5e8ef;--line-2:#d3d9e4;--surface:#ffffff;--surface-2:#f7f8fb;--surface-3:#eff2f7;--warn-bg:#fff6e8;--warn-ink:#7a4a08;--warn-line:#a8761a;--ok:#12724a;--kakao:#fee500;--kakao-ink:#191919;--tel-green:#128c4a;--naver:#03c75a;--font:Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;--fw-body:400;--fw-med:500;--fw-semi:600;--fw-bold:700;--fw-strong:800;--ls-tight:-.022em;--ls-normal:-.012em;--fs-body:17px;--fs-small:15px;--fs-tiny:13px;--fs-lead:17px;--fs-btn:17px;--fs-btn-sub:16px;--fs-h3:19px;--fs-h2:clamp(23px,6vw,34px);--fs-h1:clamp(32px,9vw,58px);--tap:60px;--tap-sub:52px;--tap-min:48px;--radius-sm:4px;--radius:6px;--radius-lg:8px;--radius-xl:10px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(9,24,56,.04);--shadow-sm:0 2px 8px rgba(9,24,56,.05),0 1px 2px rgba(9,24,56,.03);--shadow:0 8px 24px rgba(9,24,56,.07);--shadow-md:0 14px 34px rgba(9,24,56,.10);--shadow-lg:0 24px 60px rgba(4,17,47,.18);--shadow-up:0 -4px 20px rgba(9,24,56,.08);--ring:inset 0 0 0 2px var(--navy);--ic-sm:18px;--ic:22px;--ic-lg:26px;--ic-chip:44px;--gap:clamp(12px,3vw,20px);--pad-section:clamp(36px,8vw,72px);--pad-x:18px;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.3,.5,1);--dur-fast:.15s;--dur:.26s;--dur-slow:.42s;--focus-w:3px;--focus-gap:3px;--focus-out:calc(var(--focus-w) + var(--focus-gap));--max:1240px;--max-narrow:880px;--header-h:56px;--bottom-h:68px;--cart-w:300px;--cart-gap:20px;--callball-h:76px;--screen:calc(100vh - var(--header-h));--screen:calc(100dvh - var(--header-h))}@media (min-width:720px){:root{--fs-body:17.5px;--fs-small:15.5px;--fs-lead:19px;--fs-btn:18px;--fs-h3:clamp(20px,2vw,23px);--pad-x:24px;--header-h:72px;--tap:62px}}@media (min-width:1080px){:root{--fs-body:18px;--fs-small:16px;--fs-lead:20px;--header-h:84px;--tap:64px;--tap-sub:56px}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:break-word}body,html{overflow-x:clip}body{margin:0;min-width:288px;background:var(--surface);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);font-weight:var(--fw-body);line-height:1.7;letter-spacing:var(--ls-normal);-webkit-font-smoothing:antialiased}dd,dl,dt,figure,h1,h2,h3,h4,ol,p,ul{margin:0;padding:0}h1,h2,h3,h4{letter-spacing:var(--ls-tight)}ol,ul{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;text-align:left}table{border-collapse:collapse}:focus-visible{outline:var(--focus-w) solid var(--navy);outline-offset:var(--focus-gap);border-radius:6px}.is-navy :focus-visible,.on-navy :focus-visible{outline-color:var(--gold-line)}.wrap{width:min(var(--max),calc(100% - var(--pad-x) * 2));margin-inline:auto}.wrap-narrow{width:min(var(--max-narrow),calc(100% - var(--pad-x) * 2));margin-inline:auto}[id]{scroll-margin-top:calc(var(--header-h) + 16px)}@media (max-width:1079px){html{scroll-snap-type:y proximity}.hero,.popular,.steps,.wiz{scroll-margin-top:var(--header-h)}}@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none}}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--navy-2);font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.04em}.eyebrow:before{content:"";flex:0 0 auto;width:18px;height:2px;background:var(--navy)}.sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 22px;margin-bottom:20px}.sec__head h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:1.25;color:var(--navy)}.sec__head .note{margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 22px;border-radius:var(--radius);font-size:var(--fs-btn);font-weight:var(--fw-semi);letter-spacing:var(--ls-normal);text-align:center}.btn--sub{min-height:var(--tap-sub);font-size:var(--fs-btn-sub);padding:0 20px}.btn--full{width:100%}.btn--on-navy{border:1.5px solid var(--gold);background:transparent;color:var(--gold-line)}.btn--on-navy:hover{border-color:var(--gold-line);background:rgba(162,134,68,.18)}.btn--navy{background:var(--navy);color:#fff}.btn--navy:hover{background:var(--navy-2)}.btn--line{border:1px solid var(--line-2);background:#fff;color:var(--navy)}.btn--line:hover{border-color:var(--navy-2);background:var(--surface-2)}.btn--quiet{border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:var(--fw-med)}.btn--quiet:hover{border-color:var(--hint);color:var(--ink)}.btn--kakao{border:1px solid var(--line-2);background:#fff;color:var(--ink);transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease}.btn--kakao:hover{border-color:#d5bc38;background:var(--surface-2)}.btn--kakao svg{flex:0 0 auto;width:30px;height:30px;padding:5px;border-radius:var(--radius-sm);background:var(--kakao);color:var(--kakao-ink)}.warn{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid var(--warn-line);border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn-ink);font-size:var(--fs-small);line-height:1.65}.warn svg{flex:0 0 auto;width:17px;height:17px;margin-top:2px;fill:currentColor}.warn b{font-weight:var(--fw-semi)}.warn--info{border-color:#c3d0ea;background:var(--navy-soft);color:#1d3563}.f__err{margin-top:7px;color:#b4231f;font-size:var(--fs-small);font-weight:var(--fw-med);line-height:1.5}.f input[aria-invalid=true],.f select[aria-invalid=true]{border-color:#b4231f;box-shadow:0 0 0 3px rgba(180,35,31,.12)}.note{color:var(--muted);font-size:var(--fs-small);line-height:1.65}.qnotes{display:grid;grid-gap:7px;gap:7px;margin-top:12px}.qnotes span{position:relative;padding-left:13px;color:var(--sub);font-size:var(--fs-small);line-height:1.6}.qnotes span:before{content:"·";position:absolute;left:3px;color:var(--hint)}.legalnote{color:var(--hint);font-size:var(--fs-tiny);line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}dialog{width:min(760px,calc(100% - 28px));max-height:min(88vh,900px);padding:0;border:0;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);overflow:auto;overscroll-behavior:contain}dialog::-webkit-backdrop{background:rgba(7,28,77,.68)}dialog::backdrop{background:rgba(7,28,77,.68)}html:has(dialog[open]){overflow:hidden}.dlg-head{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:16px;padding:20px clamp(20px,3vw,30px);background:var(--surface);border-bottom:1px solid var(--line)}.dlg-head h2{flex:1 1;min-width:0;font-size:var(--fs-h3);font-weight:var(--fw-bold)}.dlg-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:var(--tap-sub);padding:0 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;font-size:var(--fs-btn-sub);font-weight:var(--fw-semi)}.dlg-close:hover{border-color:var(--navy);color:var(--navy)}.dlg-body{padding:clamp(20px,3vw,30px)}.toast{position:fixed;left:50%;bottom:104px;z-index:300;translate:-50% 16px;opacity:0;pointer-events:none;max-width:min(92vw,480px);padding:15px 22px;border-radius:var(--radius-sm);background:var(--navy);color:#fff;font-size:var(--fs-small);line-height:1.6;box-shadow:var(--shadow-md);transition:translate .22s ease,opacity .22s ease}.toast.on{translate:-50% 0;opacity:1}html[data-cart] .toast{bottom:calc(var(--callball-h) + var(--tap) + 16px)}@media (min-width:1280px){html[data-cart] .toast{bottom:104px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}