@font-face{font-family:Pretendard;src:url('fonts/Pretendard-Regular.subset.woff2');font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url('fonts/Pretendard-SemiBold.subset.woff2');font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url('fonts/Pretendard-ExtraBold.subset.woff2');font-weight:800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Pretendard,'Malgun Gothic',sans-serif;color:#1A1D21;background:#EEF0F1;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #0A6B78;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(42px,5.1vw,74px);font-weight:600;max-width:850px}h2{font-size:clamp(30px,3.5vw,48px);font-weight:600}h3{font-size:30px;font-weight:600}p{max-width:65ch}.header{height:100px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:27px;font-weight:800;min-height:48px}.brand img{width:42px;height:42px}nav{display:flex;gap:32px}nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:16px}.hero{position:relative;isolation:isolate;min-height:760px;display:flex;align-items:center;overflow:clip}.hero-scene{position:absolute;inset:-50px 0;z-index:-2;will-change:transform}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.08))}.hero-copy{position:relative;padding-block:90px}.lead{font-size:21px;margin-top:32px;line-height:1.7}.action{display:inline-flex;align-items:center;justify-content:center;background:#ECEEF0;color:#16181B;min-height:54px;padding:12px 24px;margin-top:32px;text-decoration:none;font-weight:600;border-radius:4px}.hero-note{font-size:15px;margin-top:28px;line-height:1.7}.scene-note{position:absolute;right:32px;bottom:22px;font-size:12px;background:rgba(0,0,0,.7);color:white;padding:4px 10px}.direction-2 .hero{min-height:780px;align-items:flex-start}.direction-2 .hero-copy{padding-top:80px}.direction-2 .hero-shade{background:linear-gradient(90deg,rgba(238,240,241,.95),rgba(238,240,241,.82) 32%,rgba(238,240,241,0) 64%)}.direction-2 .hero-copy h1{max-width:650px}.direction-2 .action{background:#262A30;color:#fff}.direction-2 .hero-copy .lead{max-width:490px}.direction-2 .hero-scene img{object-position:center}
.how{padding:120px 0 100px;background:#F6F7F8}.how-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end}.how-intro>p{font-size:20px;max-width:31ch}.walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:96px;position:relative;margin-top:80px;align-items:start}.step{min-height:76vh;display:flex;flex-direction:column;justify-content:center;gap:24px;max-width:470px;padding:48px 0}.step-label{color:#0A6B78;font-weight:600;font-size:17px}.step p{font-size:19px}.step p.small{font-size:16px;color:#4D545C}.app-stage{position:sticky;top:48px;text-align:center;display:flex;align-items:center;flex-direction:column;min-width:0}.phone{width:270px;max-width:100%;padding:10px;background:#202328;border-radius:37px;border:1px solid #727A82;box-shadow:0 28px 60px -28px #1a1d2155;position:relative}.phone-top{height:12px;width:65px;border-radius:8px;background:#4D545C;margin:2px auto 9px}.screen{display:block;width:100%;height:auto;border-radius:23px;aspect-ratio:375/812;object-fit:cover}.screen-result{margin-top:20px}.app-stage figcaption{font-size:14px;line-height:1.6;color:#4D545C;max-width:340px;margin-top:24px}.motion-ready .screen-result{position:absolute;left:10px;top:33px;width:calc(100% - 20px);margin:0;opacity:0;transition:opacity .45s,transform .45s;transform:translateY(12px)}.motion-ready .app-stage[data-current="2"] .screen-result{opacity:1;transform:none}.motion-ready .screen-input{transition:opacity .45s}.motion-ready .app-stage[data-current="2"] .screen-input{opacity:0}.motion-ready .step{transition:opacity .5s,transform .5s}.motion-ready .step:not(.current){opacity:.94;transform:translateY(12px)}.section{padding:110px 0}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:56px}.status-grid h3{font-size:22px;margin-bottom:18px}.status-grid p{font-size:17px}.status-grid article{border-top:1px solid #727A82;padding-top:24px}details{margin-top:36px}summary{min-height:48px;cursor:pointer;display:list-item;padding:12px 0;font-weight:600}details p{margin-top:16px;max-width:75ch}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.intro{font-size:24px}.note{font-size:17px;color:#4D545C;margin-top:22px}.small{font-size:16px;color:#4D545C;margin-top:24px}.legal{font-size:15px;padding-top:48px;margin-top:56px;border-top:1px solid #727A82;max-width:90ch}footer{padding:48px 0;border-top:1px solid #727A82;font-size:14px}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.foot-row>a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.end{background:#E5E8EA;color:#1A1D21}
footer .wrap{flex-direction:column;align-items:stretch;gap:28px}.biz h2{font-size:14px;font-weight:600;letter-spacing:0;line-height:1.5;margin:0 0 12px}.biz h2 span{font-weight:400;color:#4D545C;margin-left:6px}.biz dl{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 40px;margin:0}.biz dl div{min-width:0}.biz dt{font-size:13px;color:#4D545C;line-height:1.5}.biz dd{margin:2px 0 0;font-size:14px;line-height:1.5}.biz [data-placeholder]{color:#4D545C}.foot-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;border-top:1px solid #C9CED3}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.header{height:88px}nav{gap:16px}.hero{min-height:720px}.hero-scene img{object-position:65% center}.hero-copy{padding-block:72px}.how-intro,.split{gap:40px}.walkthrough{gap:40px}.phone{width:245px}.status-grid{gap:28px}.direction-2 .hero-shade{background:linear-gradient(90deg,rgba(238,240,241,.97),rgba(238,240,241,.7) 50%,rgba(238,240,241,.05))}.biz dl{grid-template-columns:repeat(3,auto)}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:92px;flex-wrap:wrap;padding-block:14px;gap:6px}.brand{font-size:23px;gap:10px}.brand img{width:34px;height:34px}nav{width:100%;justify-content:space-between;gap:10px}nav a{font-size:14px;min-height:44px}.hero{min-height:650px;align-items:flex-start}.hero-copy{padding:64px 0 76px}h1{font-size:40px;line-height:1.22;letter-spacing:-.04em}.lead{font-size:17px;margin-top:24px}.hero-note{font-size:14px;margin-top:26px}.action{margin-top:26px;font-size:15px;min-height:50px}.hero-scene{inset:-20px 0}.hero-scene img{object-position:68% center}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.25))}.scene-note{right:20px;bottom:18px;font-size:11px}.direction-2 .hero{min-height:690px}.direction-2 .hero-copy{padding-top:38px}.direction-2 .hero-scene img{object-position:72% bottom}.direction-2 .hero-shade{background:linear-gradient(180deg,rgba(238,240,241,1),rgba(238,240,241,.94) 44%,rgba(238,240,241,.05) 85%)}.direction-2 h1{font-size:38px}.how{padding:72px 0}.how-intro,.split{grid-template-columns:1fr;gap:26px}h2{font-size:31px}.how-intro>p{font-size:18px}.walkthrough{grid-template-columns:1fr;gap:36px;margin-top:38px}.steps{grid-row:2}.step{min-height:auto;padding:44px 0;gap:18px;max-width:none}.step h3{font-size:28px}.step p{font-size:17px}.app-stage{grid-row:1;position:static}.phone{width:236px}.app-stage figcaption{font-size:13px}.motion-ready .walkthrough{display:block}.motion-ready .steps{padding-top:430px}.motion-ready .step{min-height:75vh;justify-content:center;padding-top:50px;padding-bottom:50px}.motion-ready .app-stage{position:sticky;top:16px;height:400px;margin-bottom:0;z-index:1;background:#F6F7F8;padding:12px 0}.motion-ready .phone{width:153px;border-radius:25px;padding:7px}.motion-ready .phone-top{height:7px;width:40px;margin:0 auto 6px}.motion-ready .screen{border-radius:16px}.motion-ready .screen-result{left:7px;top:20px;width:calc(100% - 14px)}.motion-ready .app-stage figcaption{font-size:12px;margin-top:12px;line-height:1.5}.motion-ready .step:not(.current){opacity:.94}.section{padding:72px 0}.status-grid{grid-template-columns:1fr;margin-top:36px;gap:32px}.intro{font-size:21px}.note{font-size:16px}footer .wrap{align-items:flex-start;flex-direction:column}.legal{padding-top:28px;margin-top:36px}.motion-ready .walkthrough{display:flex;flex-direction:column}.motion-ready .app-stage{order:0;width:100%;margin-bottom:-400px}.motion-ready .steps{order:1;width:100%}.biz dl{grid-template-columns:1fr;gap:8px}.biz dl div{display:grid;grid-template-columns:7.5em 1fr;gap:12px;align-items:baseline}.biz dd{margin:0}.foot-row{flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}}
@media(max-width:340px){h1,.direction-2 h1{font-size:33px}.wrap{width:calc(100% - 32px)}nav{flex-wrap:wrap}.hero{min-height:690px}.hero-note{font-size:13px}.motion-ready .phone{width:130px}.motion-ready .app-stage{height:350px;margin-bottom:-350px}.motion-ready .steps{padding-top:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;will-change:auto!important}.hero-scene,.step,.screen{transform:none!important;opacity:1!important}.app-stage{position:static!important}.motion-ready .walkthrough{display:grid}.motion-ready .steps{padding-top:0}.motion-ready .step{min-height:auto;opacity:1!important}.motion-ready .app-stage{height:auto;margin:0}.motion-ready .screen-result{position:static;width:100%;margin-top:20px}.motion-ready .screen-input{opacity:1!important}}