:root{--white:#fff;--black:#0d0c11;--gray000:#f7f7fa;--gray100:#f3f3f7;--gray200:#eaeaef;--gray300:#e1e1e5;--gray400:#dedee2;--gray500:#d6d6d9;--gray800:#bababe;--gray900:#a8a8ad;--gray1000:#8d8d91;--gray1100:#747476;--gray1200:#646466;--gray1300:#4b4b4c;--gray1400:#38383a;--gray1500:#2d2d2f;--gray1600:#252527;--gray1700:#1b1b1d;--gray1800:#121213;--point:#d9828b;--point-dark:#a34751;--point10:#d9828b1a;--point25:#d9828b40;--point60:#d9828b99;--negative:#7635c5;--negative10:#7635c51a;--negative25:#7635c540;--black10:#0d0c111a;--black80:#0d0c11cc;--white20:#fff3;--r200:4px;--r300:6px;--r400:10px;--r-inf:999px;--sp-tiny200:4px;--sp-tiny300:6px;--sp-tiny400:8px;--sp-tiny500:10px;--sp-tiny600:12px;--sp-regular100:15px;--sp-regular200:20px;--sp-regular300:25px;--sp-regular400:30px;--sp-regular500:35px;--sp-big100:40px;--txt-huge200:40px;--txt-big500:30px;--txt-big300:22px;--txt-big200:20px;--txt-big100:18px;--txt-regular500:16px;--txt-regular400:15px;--txt-regular300:14px;--txt-regular200:13px;--txt-regular100:12px;--max-w:480px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--gray000);color:var(--gray1800);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.shell{max-width:var(--max-w);background:var(--white);flex-direction:column;min-height:100%;margin:0 auto;display:flex}.body{padding:var(--sp-regular400) var(--sp-regular200) 24px;flex:1}h1{white-space:pre-line;font-size:var(--txt-big200);letter-spacing:0;color:var(--gray1800);margin:0;font-weight:600;line-height:1.4}h2{font-size:var(--txt-regular300);margin:0 0 var(--sp-tiny500);color:var(--gray1500);font-weight:600}p{color:var(--gray1000);margin:var(--sp-tiny500) 0 0;line-height:1.4;font-size:var(--txt-regular200)}small{color:var(--gray900);font-size:var(--txt-regular100)}a{color:var(--point)}.obnav{flex:none;height:68px;position:relative}.obnav-title{font-size:var(--txt-regular400);color:var(--gray1800);justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}.obnav-back{left:var(--sp-regular200);border-radius:var(--r-inf);background:var(--white);border:1px solid var(--gray200);cursor:pointer;justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex;position:absolute;top:18px}.footer{background:var(--white);padding:var(--sp-regular200) var(--sp-tiny500) calc(var(--sp-big100) + env(safe-area-inset-bottom));border-top:1px solid var(--gray200);position:sticky;bottom:0}.shell.frame{height:100dvh;min-height:0}.shell.frame>.body,.shell.frame>.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.shell.frame>.footer{flex:none;position:static}button.primary{border-radius:var(--r-inf);background:var(--gray1700);width:100%;color:var(--white);font-family:inherit;font-size:var(--txt-regular500);padding:var(--sp-regular100);cursor:pointer;border:0;font-weight:600}button.primary:disabled{background:var(--gray400);color:var(--gray1000);cursor:default}button.primary:active:not(:disabled){background:var(--gray1800)}button.ghost{width:100%;color:var(--gray1000);font-family:inherit;font-size:var(--txt-regular200);padding:var(--sp-tiny500);cursor:pointer;background:0 0;border:0}.chapterbar{gap:var(--sp-tiny500);display:flex}.chapterbar-seg{height:var(--sp-tiny300);border-radius:var(--r-inf);background:var(--gray200);flex:1;overflow:hidden}.chapterbar-seg>i{background:var(--point);height:100%;transition:width .26s ease-out;display:block}.progress{height:var(--sp-tiny300);background:var(--gray200);border-radius:var(--r-inf);overflow:hidden}.progress>i{background:var(--point);height:100%;transition:width .2s;display:block}.range2{height:24px;margin:0 12px;position:relative}.range2 .rail,.range2 .fill{box-sizing:border-box;border-radius:5px;height:10px;position:absolute;top:7px}.range2 .rail{background:var(--gray200);border:1px solid var(--gray400);left:-12px;right:-12px}.range2 .fill{background:var(--point60);border:1px solid var(--point);margin:0 -12px}.range2 input[type=range]{appearance:none;pointer-events:none;background:0 0;width:calc(100% + 24px);height:24px;margin:0;position:absolute;top:0;left:-12px}.range2 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;cursor:pointer;border:1px solid var(--gray400);background:#fff;border-radius:12px;width:24px;height:24px;box-shadow:0 0 5px #0d0c1126}.range2 input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:pointer;box-sizing:border-box;border:1px solid var(--gray400);background:#fff;border-radius:12px;width:24px;height:24px;box-shadow:0 0 5px #0d0c1126}.range2 input[type=range]::-moz-range-track{background:0 0}input:focus,select:focus,textarea:focus{border-color:var(--gray1800)!important}.benefit-lead em{color:var(--point);font-style:normal;font-weight:600}@media (prefers-reduced-motion:reduce){.cover-video{display:none}}.intro .intro-bg,.intro .intro-text,.intro .intro-btn{opacity:0}.intro-go .intro-bg{animation:.9s ease-in-out .6s forwards intro-fade}.intro-go .intro-text{animation:.5s ease-out 1.6s forwards intro-fade}.intro-go .intro-btn{animation:.4s ease-out 2.2s forwards intro-fade}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.intro .intro-bg,.intro .intro-text,.intro .intro-btn{opacity:1;animation:none}}.job-search::placeholder,.story-input::placeholder{color:var(--gray900)}
