@font-face{font-family:IBM Plex Sans KR;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSansKR-Regular.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans KR;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexSansKR-SemiBold.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans KR;font-weight:700;font-display:swap;src:url(/fonts/IBMPlexSansKR-Bold.woff2)format("woff2")}@font-face{font-family:Black Han Sans;font-weight:400;font-display:swap;src:url(/fonts/BlackHanSans-Regular.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-Medium.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format("woff2")}:root{--bg:#fff;--surface:#fff;--chip:#f2f1ec;--line:#e6e4de;--line-2:#d9d7cf;--line-3:#8a8881;--text:#0e0e0c;--muted:#4a4944;--faint:#6e6c66;--gold:#f2b33d;--gold-hi:#f8c75c;--gold-lo:#e6a12a;--gold-ink:#8a5a00;--gold-wash:#fdf4df;--on-gold:#0e0e0c;--danger:#b42318;--danger-wash:#fdf1ef;--ok:#0f7a4a;--tile:#15171c;--on-tile:#f4efe6;--ui:"IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--head:"Black Han Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--data:"IBM Plex Mono", "IBM Plex Sans KR", ui-monospace, Menlo, Consolas, monospace;--r:16px;--r-sm:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--ui);background:var(--bg);color:var(--text);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.65;display:flex}::selection{background:var(--gold);color:var(--on-gold)}a{color:var(--text);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:3px;text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--text);outline-offset:2px}h1,h2,h3{letter-spacing:-.02em;line-height:1.3}h1{font-family:var(--head);letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(26px,6vw,34px);font-weight:400}h2{margin:40px 0 12px;font-size:20px;font-weight:700}h3{margin:28px 0 10px;font-size:16px;font-weight:700}p{margin:0 0 12px}ul,ol{padding-left:1.2em}li{margin:4px 0}li::marker{color:var(--gold-ink)}hr{border:0;border-top:1px solid var(--line);margin:32px 0}.container{flex:1;width:100%;max-width:760px;margin:0 auto;padding:32px 16px 64px}.header{border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:10px;height:56px;padding:0 16px;display:flex}.logo{font-family:var(--head);letter-spacing:-.01em;color:inherit;flex:none;align-items:center;gap:9px;font-size:20px;font-weight:400;text-decoration:none;display:inline-flex}.logo img{border-radius:7px;width:26px;height:26px}.header nav{align-items:center;gap:6px;min-width:0;display:flex}.header nav a{color:inherit;border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;flex:none;padding:5px 11px;font-size:13px;font-weight:600;text-decoration:none;position:relative}.header nav a:after{content:"";position:absolute;inset:-8px 0}.header nav .header-me{flex:0 auto;min-width:0;max-width:9em;display:flex}.header-me span{text-overflow:ellipsis;overflow:hidden}@media (hover:hover){.header nav a:hover{background:var(--chip)}}.footer{border-top:1px solid var(--line);width:100%;max-width:760px;color:var(--muted);margin:0 auto;padding:24px 16px 32px;font-size:12.5px;line-height:1.6}.footer a{color:var(--text)}.biz{gap:4px;margin:0 0 12px;display:grid}@media (min-width:640px){.biz{flex-wrap:wrap;gap:4px 20px;display:flex}.biz div{white-space:nowrap}}.biz div{gap:6px;display:flex}.biz dt{color:var(--faint);white-space:nowrap;font-weight:600}.biz dd{margin:0}.legal-links{flex-wrap:wrap;gap:6px 14px;margin-top:8px;display:flex}:where(.buy,.button,button){background:linear-gradient(180deg, var(--gold-hi), var(--gold-lo));min-height:46px;color:var(--on-gold);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:0 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s ease-out,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #8a5a0038}@media (hover:hover){:where(.buy,.button,button):where(:hover){transform:translateY(-1px);box-shadow:inset 0 0 0 1px #8a5a004d,0 6px 16px #e6a12a4d}}:where(.buy,.button,button):where(:active){transform:translateY(1px)}:where(button):where(:disabled){opacity:.5;cursor:default;transform:none}:where(.home) :where(button,.button){min-height:0;box-shadow:none;padding:12px 18px;transform:none}:where(.button.ghost,button.ghost){background:var(--bg);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--text)}@media (hover:hover){:where(.button.ghost,button.ghost):where(:hover){background:var(--chip);box-shadow:inset 0 0 0 1.5px var(--text)}}a:where(.buy,.button){color:var(--on-gold)}a:where(.button.ghost){color:var(--text)}:where(button.danger){background:var(--bg);color:var(--danger);box-shadow:inset 0 0 0 1.5px var(--danger)}@media (hover:hover){:where(button.danger):where(:hover){background:var(--danger-wash);box-shadow:inset 0 0 0 1.5px var(--danger)}}.kakao{color:#000000d9;background:#fee500;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.google{color:#1f1f1f;background:#fff;border:1px solid #dadce0;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.notice{border-left:3px solid var(--gold);border-radius:var(--r-sm);background:var(--gold-wash);margin:0 0 16px;padding:12px 14px}.notice[role=alert],.notice.test-mode{border-left-color:var(--danger);background:var(--danger-wash)}.notice.test-mode{font-weight:600}.small{color:var(--muted);font-size:13px}.user-code{font-family:var(--data);letter-spacing:3px;color:var(--text);font-size:32px;font-weight:600}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 6px}th{color:var(--faint);font-size:12.5px;font-weight:600}input[type=email],input[type=text],input[type=tel],input:not([type]){border:1px solid var(--line-3);border-radius:var(--r-sm);background:var(--bg);min-height:42px;color:var(--text);font:inherit;padding:8px 12px}input::placeholder{color:var(--faint);opacity:1;font-weight:400}input:where([type=email],[type=text],[type=tel],[type=search],:not([type])):focus-visible{outline-offset:-1px}input[type=checkbox],input[type=radio]{accent-color:var(--gold-ink);vertical-align:-3px;width:18px;height:18px}dl{margin:0}dt{font-weight:700}dd{color:var(--muted);margin:4px 0 16px}.login-buttons{flex-wrap:wrap;gap:10px;display:flex}.login-buttons .small{flex-basis:100%;margin:4px 0 0}html:has(.home){overflow:hidden}body:has(.home){grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;line-height:1.5;display:grid;overflow:hidden}body:has(.home) .header{height:44px;padding:0 18px}body:has(.home) .container{max-width:none;min-height:0;margin:0;padding:0}body:has(.home) .footer{border:0;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 14px;max-width:none;margin:0;padding:6px 18px 8px;font-size:11.5px;line-height:1.45;display:flex}body:has(.home) .footer a{color:inherit}body:has(.home) .biz{flex-wrap:wrap;gap:0 10px;margin:0;display:flex}body:has(.home) .biz div{gap:3px}body:has(.home) .legal-links{gap:12px;margin:0}body:has(.home) .biz dt{color:inherit}.home{height:100%;position:relative;overflow:hidden}.home:before,.home:after{content:"";z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(circle calc(var(--fr,0px) + 1px) at var(--fx,50%) var(--fy,50%), transparent 35%, #000 100%);-webkit-mask-image:radial-gradient(circle calc(var(--fr,0px) + 1px) at var(--fx,50%) var(--fy,50%), transparent 35%, #000 100%);mask-image:radial-gradient(circle calc(var(--fr,0px) + 1px) at var(--fx,50%) var(--fy,50%), transparent 35%, #000 100%);position:absolute;inset:0}.home:before{opacity:var(--fon,0);background:#ffffff59}.home:after{background:radial-gradient(58% 54%,#fffffff5 45%,#ffffff8c 100%)}.home-cells{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:6px;padding:6px;display:grid;position:absolute;inset:0}.home-cells video{object-fit:cover;background:var(--chip);border-radius:10px;width:100%;height:100%;min-height:0;display:block}.home-hero{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2.6vh,22px);padding:12px 16px;display:flex;position:absolute;inset:0}.home-hero h1{word-break:keep-all;text-wrap:balance;margin:0;font-size:clamp(20px,min(3.7vw,5.8vh),54px);line-height:1.18}.home-hero h1 span{display:block}.home-hero h1 em{background:linear-gradient(transparent 58%, var(--gold) 58%);padding:0 .12em;font-style:normal}.home-sub,.home-legal,.home-products p{text-shadow:0 0 2px var(--bg), 0 0 10px var(--bg)}.home-sub{word-break:keep-all;margin:calc(-1*clamp(4px,1.2vh,12px)) 0 0;font-size:clamp(13px,min(1.6vw,2.5vh),20px);font-weight:600}.home-cta{color:var(--on-gold);letter-spacing:-.01em;background:linear-gradient(105deg, transparent 42%, #ffffff8c 50%, transparent 58%), radial-gradient(circle at var(--hx,50%) var(--hy,30%), #fff4d699, transparent 55%), linear-gradient(180deg, var(--gold-hi), var(--gold-lo));transform:translate(var(--px,0px), calc(var(--py,0px) + var(--lift,0px))) scale(var(--press,1));background-position:150% 0,0 0,0 0;background-repeat:no-repeat;background-size:300% 100%,100% 100%,100% 100%;border-radius:999px;align-items:center;gap:.5em;padding:.9em 2em;font-size:clamp(15px,min(1.4vw,2.6vh),20px);font-weight:700;text-decoration:none;transition:transform .15s ease-out,box-shadow .2s;animation:4s ease-in-out 1.2s infinite home-sheen;display:inline-flex;box-shadow:inset 0 0 0 1px #8a5a0038,0 8px 22px #e6a12a57}@keyframes home-sheen{0%{background-position:150% 0,0 0,0 0}22%,to{background-position:-50% 0,0 0,0 0}}@media (hover:hover){.home-cta:hover{--lift:-3px;box-shadow:inset 0 0 0 1px #8a5a004d,0 12px 28px #e6a12a73}}.home-cta:active{--lift:1px;--press:.97}@media (prefers-reduced-motion:reduce){.home-cta{transition:none;animation:none;--lift:0px!important;--press:1!important}}.home-cta svg{width:1em;height:1em}.home-notice{z-index:3;background:var(--tile);width:max-content;max-width:calc(100% - 24px);color:var(--on-tile);text-align:center;border-radius:999px;margin:0;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:10px;left:50%;transform:translate(-50%)}.home-kakao{color:#000000d9;align-items:center;padding:.9em 2em;font-size:clamp(15px,min(1.4vw,2.6vh),20px);font-weight:700;display:inline-flex}.home-legal{color:var(--muted);word-break:keep-all;margin:calc(-1*clamp(4px,1.4vh,14px)) 0 0;font-size:11.5px}.home-legal a{color:inherit}.home-cta-sub{border:1px solid var(--line-3);background:var(--bg);min-height:44px;color:var(--text);border-radius:999px;align-items:center;margin-top:calc(-1*clamp(2px,.8vh,8px));padding:0 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:640px){body:has(.home) .header{padding:0 14px}body:has(.home) .footer{padding:5px 14px 7px;font-size:10.5px}.home-cells{grid-template-columns:repeat(2,1fr);gap:5px;padding:5px}.home-cells [data-wide]{display:none}.home-hero h1{font-size:clamp(18px,min(6.6vw,4.2vh),30px)}.home-sub{font-size:clamp(12px,3.6vw,15px)}.home-sub span{display:block}.home-cta,.home-kakao{font-size:clamp(15px,2.4vh,18px)}}@media (max-height:500px){.home-cells{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr)}.home-cells [data-wide]{display:none}.home-hero{gap:8px}.home-cta,.home-kakao{padding-block:.75em}body:has(.home) .footer{font-size:10.5px}}.home-products{flex-direction:column;align-items:center;gap:6px;margin-top:calc(-1*clamp(2px,.8vh,8px));display:flex}.home-products p{color:var(--muted);margin:0;font-size:12px;font-weight:600}.home-products ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.home-chip{border:1px solid var(--line-2);background:var(--chip);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 7px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s;display:inline-flex}.home-chip img{background:var(--tile);border-radius:5px;width:18px;height:18px}@media (hover:hover){.home-chip:hover{border-color:var(--text)}}.home-steps{border:1px solid var(--line-2);background:var(--bg);pointer-events:none;contain:content;border-radius:14px;padding:10px 14px 9px}.home-steps ol{grid-template-columns:repeat(5,8.6em);gap:6px;margin:0;padding:0;font-size:12.5px;list-style:none;display:grid}.home-steps li{min-width:0;color:var(--faint);white-space:nowrap;flex-direction:column;align-items:center;gap:4px;font-weight:600;display:flex}.home-steps li[data-state=now]{color:var(--text)}.home-steps li[data-state=done]{color:var(--muted)}.home-steps b{color:var(--gold-ink)}.home-steps-mark{border:1.5px solid;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.home-steps li[data-state=now] .home-steps-mark{border-color:var(--gold-ink);color:var(--gold-ink)}.home-steps li[data-state=done] .home-steps-mark{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.home-steps-mark svg{width:12px;height:12px}.home-steps-bar{background:var(--gold);transform-origin:0;border-radius:2px;width:70%;height:2px;animation:1.1s linear both home-step-fill;display:block}.home-steps li:not([data-state=now]):after{content:"";height:2px;display:block}.home-steps-bar.full{animation:none}@keyframes home-step-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.home-steps-line{display:none}@media (prefers-reduced-motion:reduce){.home-steps-bar{animation:none}}@media (max-width:640px){.home-chip{font-size:12px}.home-products ul{max-width:300px}.home-steps{width:min(260px,100%);padding:7px 12px 6px}.home-steps ol{display:none}.home-steps-line{text-align:left;grid-template-columns:1fr auto;column-gap:10px;margin:0;font-size:12.5px;font-weight:600;display:grid}.home-steps-line span:last-of-type{color:var(--muted);font-family:var(--data);font-weight:500}.home-steps-line .home-steps-bar{grid-column:1/-1;width:100%;height:3px;margin-top:4px}}@media (max-height:500px){.home-steps{display:none}}
