:root{--paper:#FFFFFF;--card:#F6F7F9;--panel:#F6F7F9;--ink:#191F28;--ink-2:#4E5968;--ink-3:#8B95A1;--line:#E9EBEE;--accent:#3D5F86;--accent-tint:#EAF1F8;--accent-deep:#31506F;--accent-soft:#BAD5EF;--night:#17181B;--kakao:#FEE500;--rail-line:#C6CBD2;--track:#E4E7EB;--glass:rgba(255,255,255,.7);--tip-bg:rgba(255,255,255,.95);--tip-shadow:rgba(25,31,40,.1);--hero-bg:#141414;--hero-veil:rgba(12,14,18,.46);--vtag-bg:rgba(242,243,245,.9);--gray-50:#F2F4F6;--glass-strong:rgba(255,255,255,.92);--on-dark:rgba(255,255,255,.85);--on-dark-2:rgba(255,255,255,.55);--on-dark-3:rgba(255,255,255,.4);--on-night:rgba(235,238,242,.7);--on-night-2:rgba(235,238,242,.5);--shadow-hair:rgba(25,31,40,.06);--shadow-soft:rgba(25,31,40,.08);--accent-shadow:rgba(61,95,134,.22);--accent-shadow-2:rgba(61,95,134,.14);--accent-shadow-3:rgba(61,95,134,.26);--accent-shadow-4:rgba(61,95,134,.2);--dim:rgba(25,31,40,.45);--handle:#E2E5E9;--radio-line:#D5D9DE;--danger:#B0433B;--kakao-ink:#191919;--danger-tint:#FDEDEB;--hairline-2:#D8DCE1;--placeholder:#C0C6CD;--dadok-shadow:rgba(61,95,134,.16);--warn-tint:#FFF6E3;--pause-tint:#F6F1E7;--warn-ink:#8A6116;--console-bg:#F4F5F7;--console-veil:rgba(244,245,247,.9);--danger-tint-2:#FDE8E6;--danger-line:rgba(176,67,59,.4);--ink-veil:rgba(25,31,40,.5);--sans:"Noto Sans KR",sans-serif;--serif:"Noto Serif KR",serif;--r-card:24px;--r-post:22px;--r-btn:14px;--r-chip:10px}*{box-sizing:border-box;margin:0}a{text-decoration:none;color:inherit}button{font-family:var(--sans);cursor:pointer}[hidden]{display:none!important}html{overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}html{scroll-behavior:smooth}.gnb{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .25s,box-shadow .25s}.gnb .in{max-width:1160px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:18px;font-weight:700;color:var(--paper);transition:color .25s}.wordmark b{color:var(--accent-soft);transition:color .25s}.gm{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500;color:var(--on-dark)}.gnb.solid{background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--shadow-hair)}.gnb.solid .wordmark{color:var(--ink)}.gnb.solid .wordmark b{color:var(--accent)}.gnb.solid .gm{color:var(--ink-2)}.start{font-size:13.5px;font-weight:500;padding:9px 16px;border-radius:9px;background:var(--accent);color:var(--paper)!important}@media(max-width:700px){.gm a:not(.start):not(.arch):not(.mine){display:none}.gm{gap:16px;font-size:13.5px}}.stage{height:190vh}.pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.vid{position:relative;width:100%;height:100%;overflow:hidden;background:var(--hero-bg)}.vid .mov{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:url(/assets/hero-night.jpg) center 55%/cover no-repeat;animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.07) translateY(-1.5%)}}@media(prefers-reduced-motion:reduce){.vid .mov{animation:none}}.vid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-veil)}.hcopy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.hcopy h1{font-size:clamp(30px,5.2vw,56px);font-weight:700;color:var(--paper);line-height:1.32;letter-spacing:-.03em;margin-bottom:20px}.hcopy .sub{font-size:clamp(15px,2vw,20px);color:var(--on-dark);font-weight:500}.hcopy .cue{position:absolute;bottom:34px;left:0;right:0;font-size:12.5px;color:var(--on-dark-2);letter-spacing:.06em}.rail{position:fixed;left:30px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:2px}.rail a{display:flex;align-items:center;height:14px}.rail a i{display:block;width:16px;height:2px;border-radius:1px;background:var(--rail-line);transition:width .28s cubic-bezier(.2,.7,.3,1),background .2s;flex-shrink:0}.rail a .tip{margin-left:10px;white-space:nowrap;font-size:12px;font-weight:500;color:var(--ink-2);opacity:0;transform:translate(-6px);transition:opacity .22s,transform .28s cubic-bezier(.2,.7,.3,1);pointer-events:none}.rail a:hover i{width:36px;background:var(--ink)}.rail a:hover .tip{opacity:1;transform:translate(0)}.rail a.on i{width:28px;background:var(--accent)}.rail a.on:hover i{background:var(--accent-deep)}.rail.dark a i{background:var(--on-dark-3)}.rail.dark a .tip{color:var(--vtag-bg)}.rail.dark a:hover i{background:var(--paper)}.rail.dark a.on i{background:var(--accent-soft)}@media(max-width:900px){.rail{display:none}}section.blk{min-height:100vh;display:flex;align-items:center;padding:120px 24px}.wrapc{max-width:1120px;width:100%;margin:0 auto;text-align:center}.eyebrow{display:inline-block;font-size:15px;font-weight:700;color:var(--accent);margin-bottom:18px}.blk h2{font-size:clamp(30px,5vw,54px);font-weight:700;line-height:1.35;letter-spacing:-.03em;margin-bottom:20px}.blk .desc{font-size:clamp(15.5px,2vw,19px);color:var(--ink-2);line-height:1.75}.blk.gray{background:var(--panel)}.blk.tint{background:var(--accent-tint)}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;text-align:left}.split .eyebrow{margin-bottom:14px}.split h2{margin-bottom:18px}@media(max-width:860px){.split{grid-template-columns:1fr;gap:44px;text-align:center}}.card{background:var(--paper);border-radius:20px;padding:38px 36px;text-align:left;box-shadow:0 8px 30px var(--shadow-soft)}.card .k{font-size:13px;color:var(--ink-3);margin-bottom:12px}.card h3{font-family:var(--serif);font-size:clamp(19px,2.4vw,23px);font-weight:600;line-height:1.55;margin-bottom:12px}.card p{font-family:var(--serif);font-size:16px;color:var(--ink-2);line-height:1.95;margin-bottom:18px}.card .go{font-size:14.5px;color:var(--accent);font-weight:500}.mode{font-size:12px;border-radius:12px;padding:3px 10px;color:var(--ink-2);background:var(--gray-50)}.meta{display:flex;align-items:center;gap:9px;margin-bottom:12px}.name{font-size:13.5px;color:var(--ink-2)}.cardw{max-width:640px;margin:56px auto 0}.quotes{margin-top:44px}.quotes .card p{margin-bottom:10px}.quotes .card .k,#voices-note{margin-bottom:0}#voices-end{margin-top:44px}.steps{max-width:820px;margin:56px auto 0;text-align:left}.step{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:none}.step .no{font-size:15px;font-weight:700;color:var(--accent-soft);width:34px;flex-shrink:0;line-height:1.75}.steps h3,.qa h3{font-family:var(--sans);font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.5;margin-bottom:7px}.steps p,.qa p{font-family:var(--sans);font-size:15.5px;color:var(--ink-2);line-height:1.75;margin:0}.qa{margin-top:48px}@media(max-width:700px){.steps{margin-top:40px}.step{gap:14px;padding:20px 0}.step .no{width:24px;font-size:14px}.steps h3,.qa h3{font-size:17.5px}.steps p,.qa p{font-size:15px}.qa{margin-top:36px}}.dv{width:104px;height:104px;border-radius:50%;border:2px solid var(--paper);box-shadow:0 8px 26px var(--accent-shadow);margin:0 auto 26px;display:block;background:var(--paper)}.bubble{max-width:620px;margin:0 auto;background:var(--paper);border-radius:20px;padding:30px 32px;text-align:left;box-shadow:0 8px 30px var(--accent-shadow-2)}.bubble p{font-family:var(--serif);font-size:16.5px;line-height:1.95;color:var(--ink)}.blk.dark{background:var(--night);min-height:92vh}.blk.dark h2{color:var(--paper)}.blk.dark h2 b{color:var(--accent-soft)}.blk.dark .desc{color:var(--on-night);margin-bottom:44px}.btn-blue{font-size:17px;font-weight:700;padding:18px 40px;border-radius:14px;border:none;background:var(--accent);color:var(--paper);cursor:pointer}.btn-blue:hover{background:var(--accent-deep)}.seats{margin-top:18px;font-size:13.5px;color:var(--on-night-2)}footer.site{padding:36px 24px 44px;text-align:center;font-size:12px;color:var(--ink-3)}footer.site span{margin:0 7px}footer.mega{background:var(--paper);padding:100px 0 20px;overflow:hidden}.mega .fin{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;justify-content:flex-end}.mega .finfo{max-width:600px;font-size:12.5px;color:var(--ink-3);line-height:1.9;text-align:left}.mega .flinks{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px 22px;font-size:13px;color:var(--ink-2)}.mega .flinks a{color:var(--ink-2)}.mega .flinks a.strong{font-weight:700;color:var(--ink)}.mega .giant{font-weight:700;font-size:clamp(84px,16.5vw,236px);letter-spacing:-.055em;line-height:.98;color:var(--ink);white-space:nowrap;margin:64px 0 0;padding-left:max(24px,calc((100vw - 1160px)/2 + 24px));-webkit-user-select:none;user-select:none}.mega .giant b{color:var(--accent)}.mega .copy{padding:14px 24px 0;padding-left:max(24px,calc((100vw - 1160px)/2 + 24px));font-size:12px;color:var(--ink-3)}@media(max-width:700px){.mega{padding-top:70px}.mega .fin{justify-content:flex-start}.mega .giant{margin-top:48px}}.duo{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1000px;margin:56px auto 0;text-align:left}.duo .card{margin:0}.duo .lab{font-size:13px;font-weight:700;color:var(--accent);margin-bottom:12px}@media(max-width:860px){.duo{grid-template-columns:1fr;gap:20px;margin-top:44px}}#s-dadok{position:relative;overflow:visible}.sit{position:absolute;left:clamp(16px,7vw,120px);top:0;width:clamp(150px,19vw,260px);transform:translateY(-49%);filter:drop-shadow(0 16px 24px var(--accent-shadow-3));z-index:2;pointer-events:none}@media(max-width:860px){.sit{width:118px;top:0;left:14px;transform:translateY(-49%)}}.gm a:not(.start){position:relative;padding-bottom:5px}.gm a:not(.start):after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;border-radius:1px;background:var(--accent-soft);transition:width .28s cubic-bezier(.2,.7,.3,1)}.gm a:not(.start):hover:after{width:100%}.gnb.solid .gm a:not(.start):after{background:var(--accent)}.gm .ln{display:flex;align-items:center;height:22px}.gm .ln i{width:16px;height:2px;border-radius:1px;background:var(--on-dark-2);flex-shrink:0;transition:width .28s cubic-bezier(.2,.7,.3,1),background .2s}.gm .ln .tip{max-width:0;overflow:hidden;opacity:0;transform:translate(-6px);white-space:nowrap;font-size:13.5px;font-weight:500;transition:all .28s cubic-bezier(.2,.7,.3,1)}.gm .ln:hover i{width:34px;background:var(--paper)}.gm .ln:hover .tip{margin-left:9px;max-width:110px;opacity:1;transform:none}.gnb.solid .gm .ln i{background:var(--rail-line)}.gnb.solid .gm .ln:hover i{background:var(--ink)}@media(max-width:700px){.gm .ln i{display:none}.gm .ln .tip{max-width:none;opacity:1;transform:none}}.peek{display:inline-flex;align-items:flex-end;width:34px;height:30px;overflow:hidden;margin-left:8px;vertical-align:-7px}.peek img{width:34px;display:block;transform:translateY(112%);animation:dadokrise 1s cubic-bezier(.3,1.4,.5,1) .45s forwards}@keyframes dadokrise{0%{transform:translateY(112%)}56%{transform:translateY(-14%)}74%{transform:translateY(8%)}88%{transform:translateY(-3%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.peek img{animation:none;transform:translateY(0)}}
