/* Tailwind Preflight 중 이 페이지 렌더링에 영향을 주는 리셋만 발췌 (빌드 도구 제거 전과 동일하게 보이도록) */
*,::before,::after { box-sizing:border-box; margin:0; padding:0; border:0 solid; }
html { line-height:1.5; -webkit-text-size-adjust:100%; tab-size:4; }
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:inherit; }
a { color:inherit; text-decoration:inherit; }
b,strong { font-weight:bolder; }
small { font-size:80%; }
ol,ul,menu { list-style:none; }
img,svg,video,canvas,iframe { display:block; vertical-align:middle; }
img,video { max-width:100%; height:auto; }
button,input,select,textarea { font:inherit; font-feature-settings:inherit; font-variation-settings:inherit; letter-spacing:inherit; color:inherit; border-radius:0; background-color:transparent; opacity:1; }
::placeholder { opacity:1; color:color-mix(in oklab,currentcolor 50%,transparent); }
button,input:where([type="button"],[type="reset"],[type="submit"]) { appearance:button; }
[hidden] { display:none!important; }


@font-face { font-family:"Pretendard Variable"; src:url("/fonts/PretendardVariable.woff2") format("woff2-variations"); font-style:normal; font-weight:45 920; font-display:swap; }

:root { --ink:#1a1640; --forest:#1a1640; --mint:#a89ff5; --ivory:#f0eeff; --paper:#ffffff; --coral:#6659ee; --line:rgba(26,22,64,.13); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif; word-break:keep-all; }
.desktop-break { display:block; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.site-header { height:76px; padding:0 clamp(24px,5vw,80px); display:flex; align-items:center; justify-content:space-between; background:white; color:var(--ink); border-bottom:1px solid #e2e0f4; position:relative; z-index:2; }
.brand { font-size:22px; font-weight:900; letter-spacing:-1.5px; }
.header-logo { display:flex; align-items:center; height:52px; }
.header-logo img { display:block; width:112px; height:52px; object-fit:contain; object-position:left center; }
.header-cta { border:1px solid #6659ee; color:#6659ee; border-radius:999px; padding:10px 20px; font-size:14px; font-weight:800; transition:.2s; }
.header-cta:hover { background:#6659ee; color:white; }
.hero { min-height:670px; padding:88px clamp(24px,7vw,120px) 100px; background:linear-gradient(135deg,#f0eeff 0%,#f6f5fd 50%,#eeedf9 100%); color:var(--ink); display:grid; grid-template-columns:minmax(0,1.2fr) minmax(330px,.7fr); align-items:center; gap:clamp(50px,8vw,130px); position:relative; overflow:hidden; }
.hero::before { content:""; position:absolute; width:520px; height:520px; right:-180px; bottom:-310px; border:1px solid rgba(102,89,238,.24); border-radius:50%; box-shadow:0 0 0 70px rgba(102,89,238,.04),0 0 0 140px rgba(102,89,238,.025); }
.hero-glow { width:360px; height:360px; position:absolute; left:40%; top:15%; border-radius:50%; background:rgba(102,89,238,.12); filter:blur(60px); }
.hero-copy,.feature-carousel { position:relative; z-index:1; }
.partnership-badge { width:min(100%,590px); height:68px; margin:0 0 28px; padding:6px 14px; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:10px; overflow:hidden; background:#f0eeff; border:2px solid #6659ee; border-radius:999px; box-shadow:0 10px 25px rgba(102,89,238,.1); }
.partnership-jangboo { display:block; justify-self:center; color:#1a1640; font-size:23px; line-height:1; letter-spacing:-.055em; font-weight:900; white-space:nowrap; }
.partnership-x { color:#6659ee; font-size:28px; font-weight:400; line-height:1; }
.semas-logo-window { position:relative; display:block; width:100%; height:48px; overflow:hidden; }
.semas-logo-window img { position:absolute; display:block; width:330px; height:330px; max-width:none; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:contain; mix-blend-mode:multiply; }
.eyebrow { width:fit-content; margin:0 0 22px; padding:8px 16px; border-radius:999px; background:#6659ee; color:white; text-transform:uppercase; font-weight:900; font-size:13px; letter-spacing:.05em; }
.eyebrow.dark { color:#6659ee; background:#f0eeff; }
.hero h1 { margin:0; font-size:clamp(45px,6vw,82px); line-height:1.12; letter-spacing:-.065em; font-weight:900; }
.hero h1 em { color:var(--coral); font-style:normal; }
.hero-lead { margin:34px 0 0; color:#4a4670; font-size:clamp(17px,2vw,21px); line-height:1.75; letter-spacing:-.03em; }
.mobile-break { display:none; }
.hero-actions { display:flex; align-items:center; gap:30px; margin-top:40px; }
.button { display:inline-flex; min-height:56px; align-items:center; justify-content:center; border-radius:10px; padding:0 27px; font-weight:900; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button.primary { background:var(--coral); color:white; box-shadow:0 12px 30px rgba(102,89,238,.25); }
.text-link { color:#6659ee; font-size:15px; font-weight:800; border-bottom:1px solid rgba(102,89,238,.4); padding-bottom:5px; }
.text-link span { margin-left:8px; }
.hero-note { max-width:620px; margin:32px 0 0; font-size:12px; line-height:1.6; color:#9490b8; }
.feature-carousel { width:100%; min-width:0; }
.feature-carousel-stage { position:relative; aspect-ratio:16/9; overflow:hidden; background:#fff; border:1px solid #dedbef; border-radius:20px; box-shadow:18px 18px 0 rgba(102,89,238,.12),0 20px 45px rgba(26,22,64,.13); }
.feature-carousel-stage::after { content:""; position:absolute; inset:0; z-index:3; border:1px solid rgba(255,255,255,.72); border-radius:inherit; pointer-events:none; }
.feature-slide { position:absolute; inset:0; margin:0; padding:22px; background:#fff; opacity:0; transform:scale(1.015); transition:opacity .65s ease,transform .8s ease; pointer-events:none; }
.feature-slide.active { z-index:1; opacity:1; transform:scale(1); }
.feature-slide img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; background:#fff; border:1px solid #eceaf5; border-radius:11px; }
.feature-slide figcaption { position:absolute; top:34px; left:34px; display:flex; align-items:center; gap:9px; padding:9px 14px; color:#fff; background:rgba(26,22,64,.9); border:1px solid rgba(255,255,255,.25); border-radius:999px; box-shadow:0 8px 20px rgba(26,22,64,.18); backdrop-filter:blur(8px); }
.feature-slide figcaption span { color:#c9c6f5; font-size:10px; font-weight:800; letter-spacing:.04em; }
.feature-slide figcaption strong { font-size:16px; line-height:1; letter-spacing:-.03em; }
.feature-carousel-controls { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:25px; }
.feature-carousel-controls button { width:8px; height:8px; padding:0; border:0; border-radius:999px; background:#c4c0dc; cursor:pointer; transition:width .25s ease,background-color .25s ease,transform .25s ease; }
.feature-carousel-controls button:hover { transform:scale(1.25); background:#8e85ed; }
.feature-carousel-controls button.active { width:30px; background:#6659ee; }
.feature-carousel-controls button:focus-visible { outline:3px solid rgba(102,89,238,.28); outline-offset:4px; }
.numbers { background:var(--forest); color:white; padding:34px clamp(24px,7vw,120px); display:grid; grid-template-columns:repeat(4,1fr); }
.numbers div { min-height:82px; padding:8px 34px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.16); }
.numbers div:first-child { padding-left:0; }.numbers div:last-child { border-right:0; }
.numbers strong { font-family:Georgia,serif; color:var(--mint); font-size:30px; line-height:1; }.numbers span { margin-top:10px; color:rgba(255,255,255,.66); font-size:13px; }
.numbers .savings-highlight b { margin-top:13px; color:white; font-size:clamp(17px,1.45vw,21px); line-height:1.32; letter-spacing:-.035em; font-weight:900; }
.section { padding:120px clamp(24px,7vw,120px); }
.section-heading h2,.timeline h2,.apply-copy h2 { margin:0; font-size:clamp(36px,4.3vw,58px); line-height:1.18; letter-spacing:-.055em; font-weight:900; }
.section-heading>p:last-child { margin:26px 0 0; color:#4a4670; font-size:17px; line-height:1.7; }
.eligibility { display:block; background:#e4e1f9; text-align:left; }
.eligibility .section-heading { width:100%; max-width:none; margin:0; }.eligibility h2 { font-size:clamp(30px,3.8vw,52px); line-height:1.35; text-align:center; }
.check-list { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }
.check-list li { display:grid; grid-template-columns:52px 1fr; gap:26px; align-items:center; padding:29px 10px; border-bottom:1px solid var(--line); }
.check-list span { font-family:Georgia,serif; color:#6659ee; font-size:15px; font-weight:800; }.check-list p { margin:0; font-size:18px; font-weight:800; line-height:1.55; letter-spacing:-.025em; }
.process { background:var(--paper); }
.centered { text-align:center; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:64px; }
.process-grid article { min-height:265px; padding:30px; border:1px solid #e2e0f4; border-radius:16px; background:white; transition:.25s; }.process-grid article:hover { transform:translateY(-5px); border-color:#7b70f2; box-shadow:0 18px 35px rgba(102,89,238,.1); }
.process-grid span { display:block; color:var(--coral); font-family:Georgia,serif; font-weight:800; margin-bottom:45px; }.process-grid h3 { margin:0 0 16px; font-size:19px; letter-spacing:-.04em; }.process-grid p { margin:0; color:#4a4670; font-size:14px; line-height:1.75; }
.timeline { background:#e4e1f9; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:9vw; }
.timeline-copy>p:last-child { max-width:560px; color:#4a4670; line-height:1.75; font-size:16px; margin-top:25px; }
.date-card { background:var(--ink); color:white; min-height:260px; padding:42px; display:flex; flex-direction:column; justify-content:center; border-radius:16px; box-shadow:14px 14px 0 rgba(102,89,238,.18); }
.date-card p { color:var(--mint); font-weight:900; margin:0 0 24px; }.date-card strong { font-family:Georgia,serif; font-size:clamp(45px,6vw,76px); white-space:nowrap; }.date-card strong span { color:var(--coral); }.date-card small { color:rgba(255,255,255,.5); margin-top:22px; }
.brand-proof { padding:110px clamp(24px,7vw,120px); background:var(--paper); }
.brand-proof-heading { width:100%; max-width:none; margin:0 0 58px; text-align:left; }
.brand-proof-heading h2 { margin:0; font-size:clamp(34px,4vw,54px); line-height:1.25; letter-spacing:-.055em; font-weight:900; text-align:center; }
.brand-proof-heading h2 em { color:var(--coral); font-style:normal; }
.brand-logo-grid { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.brand-logo-card { height:150px; display:flex; align-items:center; justify-content:center; padding:22px; background:white; border:1px solid #e2e0f4; border-radius:16px; }
.brand-logo-card img { display:block; width:100%; height:100%; object-fit:contain; }
.apply-section { background:var(--ink); color:white; padding:120px clamp(24px,7vw,120px); display:grid; grid-template-columns:1fr minmax(380px,520px); gap:clamp(60px,10vw,150px); align-items:center; }
.apply-copy>p:not(.eyebrow) { color:rgba(255,255,255,.67); max-width:530px; line-height:1.7; font-size:17px; margin:28px 0; }.apply-copy ul { list-style:none; padding:0; margin:34px 0 0; display:grid; gap:13px; }.apply-copy li { color:rgba(255,255,255,.85); font-size:14px; }.apply-copy li::before { content:"✓"; color:var(--mint); font-weight:900; margin-right:12px; }
.apply-copy .support-disclaimer { max-width:620px; margin:30px 0 0; padding-top:22px; border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.58); font-size:12px; line-height:1.75; }
.support-disclaimer a { color:#a89ff5; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.support-disclaimer a:hover { color:white; }
.limited-spots { margin-left:7px; color:#fee500; font-weight:900; }
.application-form { background:var(--paper); color:var(--ink); padding:38px; border-radius:16px; box-shadow:14px 14px 0 rgba(102,89,238,.16); }
.form-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; }.form-heading span { font-size:24px; font-weight:900; }.form-heading small { color:#9490b8; }
.application-form>label:not(.consent) { display:block; font-size:13px; font-weight:900; margin-bottom:17px; }.application-form input[type="text"],.application-form input[type="tel"] { display:block; width:100%; margin-top:8px; border:1px solid #c4c2e0; background:white; padding:15px 16px; outline:none; border-radius:8px; transition:.2s; }.application-form input:focus { border-color:#6659ee; box-shadow:0 0 0 3px rgba(102,89,238,.12); }.application-form input::placeholder { color:#9490b8; }
.consent { display:flex; align-items:flex-start; gap:9px; margin:22px 0 16px; color:#4a4670; font-size:12px; line-height:1.5; }.consent input { margin-top:2px; accent-color:#6659ee; }
.application-form button { width:100%; min-height:56px; border:0; border-radius:8px; background:var(--coral); color:white; font-weight:900; cursor:pointer; transition:.2s; }.application-form button:hover { background:#5548dd; }.application-form button:disabled { opacity:.65; cursor:wait; }
.form-message { min-height:0; margin:14px 0 0; font-size:13px; font-weight:700; line-height:1.5; }.form-message:empty { display:none; }.form-message.success { color:#1c6a53; }.form-message.error { color:#c23f2d; }
footer { background:#12103a; color:white; padding:48px clamp(24px,7vw,120px); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:32px; border-top:1px solid rgba(255,255,255,.08); }footer p { color:rgba(255,255,255,.56); font-size:13px; }footer small { color:rgba(255,255,255,.4); font-size:11px; text-align:right; }
.footer-copy { display:grid; gap:7px; }.footer-copy .customer-service { color:rgba(255,255,255,.82); font-weight:700; }
.footer-logo { display:block; width:112px; height:56px; object-fit:contain; object-position:left center; }
@media (max-width:900px) { .desktop-break { display:none; }.hero { grid-template-columns:1fr; padding-top:70px; }.feature-carousel { max-width:620px; width:100%; margin:auto; }.numbers { grid-template-columns:repeat(2,1fr); }.numbers div:nth-child(2) { border-right:0; }.numbers div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.16); }.numbers div:nth-child(3) { padding-left:0; }.eligibility,.timeline,.apply-section { grid-template-columns:1fr; }.process-grid { grid-template-columns:repeat(2,1fr); }.apply-section { gap:55px; }.application-form { max-width:580px; width:100%; }.timeline { gap:50px; }footer { grid-template-columns:1fr; gap:10px; }footer small { text-align:left; } }
@media (max-width:560px) { .site-header { height:64px; }.brand { font-size:19px; }.header-cta { padding:8px 15px; }.hero { padding:58px 22px 72px; min-height:auto; gap:52px; }.partnership-badge { height:58px; padding:5px 9px; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:6px; }.partnership-jangboo { font-size:17px; }.partnership-x { font-size:22px; }.semas-logo-window { height:40px; }.semas-logo-window img { width:220px; height:220px; }.hero h1 { font-size:42px; }.hero-lead { font-size:16px; }.mobile-break { display:block; }.hero-actions { align-items:flex-start; flex-direction:column; gap:22px; }.button { width:100%; }.hero-note { margin-top:25px; }.feature-carousel-stage { border-radius:14px; box-shadow:9px 9px 0 rgba(102,89,238,.12),0 14px 30px rgba(26,22,64,.12); }.feature-slide { padding:10px; }.feature-slide img { border-radius:7px; }.feature-slide figcaption { top:18px; left:18px; gap:6px; padding:7px 10px; }.feature-slide figcaption span { display:none; }.feature-slide figcaption strong { font-size:13px; }.feature-carousel-controls { margin-top:19px; }.numbers { padding:20px 22px; }.numbers div { padding:20px 14px; min-height:100px; }.numbers strong { font-size:24px; }.section,.apply-section { padding:82px 22px; }.section-heading h2,.timeline h2,.apply-copy h2 { font-size:36px; }.eligibility { gap:52px; }.check-list li { grid-template-columns:38px 1fr; gap:15px; padding:23px 4px; }.check-list p { font-size:16px; }.process-grid { grid-template-columns:1fr; margin-top:45px; }.process-grid article { min-height:auto; }.process-grid span { margin-bottom:30px; }.date-card { padding:31px 24px; min-height:220px; }.date-card strong { font-size:43px; }.application-form { min-width:0; padding:28px 20px; box-shadow:8px 8px 0 rgba(102,89,238,.14); }footer { padding:38px 22px; } }
@media (max-width:900px) { .brand-logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .header-logo,.header-logo img { width:94px; height:46px; } .footer-logo { width:100px; height:50px; } .brand-proof { padding:82px 22px; } .brand-proof-heading { margin-bottom:38px; } .brand-proof-heading h2 { font-size:31px; } .brand-logo-grid { gap:10px; } .brand-logo-card { height:118px; padding:14px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }