@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--blue:#2ca8e9;--ink:#243c50;--muted:#8a9aa8;--line:#e6eef4}*{box-sizing:border-box}body{margin:0;background:#f7fafc;color:var(--ink);font:13px 'Noto Sans KR',sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{transition:color .14s,background-color .14s,transform .12s,box-shadow .14s}button{cursor:pointer;border:0}button:active,a.primary:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:wait}a{text-decoration:none;color:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #88d4fa;outline-offset:3px}.wordmark{display:flex;align-items:center;gap:15px;font-size:17px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.logo{font-size:33px;font-weight:800;letter-spacing:-5px;position:relative;color:#2ba9e9;line-height:1;padding-right:3px}.logo i{position:absolute;right:-4px;top:1px;width:5px;height:5px;background:#ffd387;border-radius:1px}.brand-caption{font-size:8px;letter-spacing:1.7px;color:#90aabb;font-weight:500;margin-left:6px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#79a5bf}.subtle{color:var(--muted);font-size:12px;line-height:1.9}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:8px;padding:12px 19px;font-size:12px;font-weight:500}.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #2ca8e918}.primary:hover{background:#159bdc}.secondary{background:white;border:1px solid #dce8f0;color:#5c819a}.secondary:hover{background:#eff9ff}.wide{width:100%}.text-button{padding:7px 0;background:transparent;color:#91a1ad;font-size:11px}.text-button:hover,.text-link:hover{color:var(--blue)}.text-link{font-size:11px;color:#359ed4}.form-message{font-size:11px;color:#b06f68;line-height:1.8;min-height:16px}.login-layout{min-height:100svh;display:grid;grid-template-columns:55% 45%;background:white}.login-story{position:relative;padding:45px 50px;background:radial-gradient(ellipse at 20% 10%,#f1fbff,#e8f5fc 60%,#dfedf7);overflow:hidden;min-height:700px}.story-copy{position:relative;margin:90px 0 0 20px;z-index:2}.story-copy h1{font-size:clamp(30px,3.4vw,47px);line-height:1.45;letter-spacing:-2.5px;margin:18px 0;font-weight:800}.story-copy p{font-size:13px;line-height:2.1;color:#829eaf}.story-footer{position:absolute;bottom:36px;left:70px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:2px;color:#95afc0}.small-dot{width:5px;height:5px;background:#78c8ef;border-radius:50%}.world-illustration{position:relative;height:270px;margin:0 0 30px}.island{position:absolute;left:calc(50% - 100px);top:80px;width:210px;height:145px;background:#bfe0d5;border:9px solid #d1e9e2;border-radius:12px;transform:rotate(-28deg) skew(18deg,8deg);box-shadow:-8px 12px 0 #aacdc8,-16px 24px 0 #a5c5c8,-22px 34px 0 #c7dce7}.road{position:absolute;top:60px;left:0;right:0;height:14px;background:#e7f0ef;border-top:1px dashed #b9cfd4;border-bottom:1px dashed #b9cfd4}.tower{position:absolute;transform:skew(-5deg,-5deg);border:2px solid #dceaf0;background:repeating-linear-gradient(0deg,#92bcd1 0 5px,#d8edf4 5px 11px);box-shadow:-10px 10px 0 #94bbcb;border-radius:2px}.t1{width:38px;height:80px;left:47px;top:-44px}.t2{width:29px;height:58px;left:114px;top:-20px}.t3{width:27px;height:39px;left:44px;top:72px}.tree{position:absolute;width:26px;height:24px;background:#8bbd9e;box-shadow:-5px 6px 0 #74a58d;border-radius:5px}.tr1{left:152px;top:82px}.tr2{left:10px;top:25px}.pool{position:absolute;left:113px;top:99px;width:31px;height:21px;background:#80c5df;border:3px solid #dfedf0;border-radius:4px}.orbit{position:absolute;left:calc(50% - 175px);top:30px;width:350px;height:220px;border:1px solid #bdddeb80;border-radius:50%;transform:rotate(-15deg)}.o2{width:430px;height:270px;left:calc(50% - 215px);top:4px;border-style:dashed;opacity:.6}.float-label{position:absolute;background:#ffffffd9;padding:10px 15px;box-shadow:0 5px 25px #6394b319;border:1px solid white;border-radius:9px;color:#6d98b3;font-size:10px;z-index:3}.f1{left:8%;top:80px}.f2{right:1%;bottom:10px}.login-side{display:flex;align-items:center;justify-content:center;padding:55px 45px}.login-box{width:100%;max-width:340px}.login-box h2{font-size:26px;letter-spacing:-1.3px;margin:15px 0 8px}.login-box>.subtle{font-size:11px;margin-bottom:28px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:26px}.auth-tabs button{width:50%;padding:13px;background:none;color:#9aa8b2;font-size:12px;border-bottom:2px solid transparent}.auth-tabs button.selected{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}form label{display:block;font-size:11px;color:#637f92;margin-bottom:17px}input:not([type=checkbox]),select{display:block;width:100%;padding:12px;border:1px solid #dfe9f1;background:#fff;border-radius:7px;color:#365469;margin-top:8px;font-size:12px}input::placeholder{color:#b1bec8}input:focus{border-color:#72c6ef}.signup-note{color:#9aabb7;font-size:10px;line-height:1.9;margin:18px 0 0}.login-footnote{font-size:9px;letter-spacing:1.5px;color:#abbac5;margin-top:55px;display:flex;justify-content:space-between}.login-footnote span{font-size:9px;letter-spacing:0}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(30px,calc((100vw - 1120px)/2));gap:55px}.topbar nav{display:flex;align-items:center;gap:30px;height:100%;font-size:12px;color:#8c9ca9}.topbar nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.topbar nav a.current{border-color:var(--blue);color:#359bcf}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.user-menu .text-button{margin-left:13px}.avatar{display:grid;place-items:center;background:#e7f5fd;color:#60afd7;border-radius:50%;width:29px;height:29px;font-weight:700}.home-container{max-width:1120px;margin:0 auto;padding:46px 0 0}.hero{display:grid;grid-template-columns:1fr 300px;gap:65px;align-items:center;padding:12px 4px 45px}.hero h1{font-size:39px;line-height:1.5;letter-spacing:-2px;margin:16px 0;font-weight:800}.hero h1 em{font-style:normal;color:#58b3e2}.hero p{font-size:12px;line-height:2;color:#8ba0af}.hero-tags{display:flex;gap:19px;margin-top:26px;font-size:10px;color:#83a1b4}.welcome-card{background:linear-gradient(120deg,#ebf8ff,#eff8fb);border:1px solid #dfeff8;padding:25px 27px;border-radius:16px;position:relative;overflow:hidden;min-height:250px}.welcome-card h2{font-size:21px;line-height:1.7;letter-spacing:-.8px;margin:13px 0 10px}.welcome-card p{font-size:10px;color:#82a0b2;line-height:1.8;max-width:210px}.welcome-icon{position:absolute;right:20px;top:24px;font-size:41px;color:#9ed8f4}.welcome-stamp{display:block;font-size:8px;letter-spacing:1.8px;color:#aac3d1;margin-top:25px}.notice{display:flex;align-items:center;gap:17px;background:#eef8ff;border:1px solid #deedf8;border-radius:11px;padding:19px 22px;margin:0 0 30px}.notice>span{font-size:24px;color:#6db6df}.notice strong{font-size:12px;font-weight:500}.notice p{font-size:11px;color:#8a9fad;margin:5px 0 0}.notice>button{margin-left:auto;white-space:nowrap;font-size:10px;padding:9px 13px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px;gap:20px}.section-title h2{font-size:22px;letter-spacing:-1px;margin:8px 0 0}.section-title>.subtle{font-size:10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:white;border:1px solid #e1eaf1;border-radius:14px;overflow:hidden;transition:box-shadow .18s,transform .18s}.service-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4267810b}.service-visual{height:165px;position:relative;overflow:hidden}.map-visual{background:#e5f3ed}.map-grid{position:absolute;inset:-70px;background:repeating-linear-gradient(0deg,transparent 0 31px,#cadfd680 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#cadfd680 31px 32px);transform:rotate(-20deg)}.map-river{position:absolute;height:330px;width:45px;background:#abd8e9;left:27%;top:-80px;transform:rotate(35deg);border:6px solid #d9edf1;border-radius:50%}.map-road{position:absolute;height:310px;width:15px;background:#fffaf1;right:27%;top:-70px;transform:rotate(-36deg);border:2px solid #d8e5d9}.map-pin{position:absolute;left:57%;top:45px;display:grid;place-items:center;width:45px;height:45px;background:#4fb7e7;color:white;border:3px solid #fff;border-radius:15px 15px 15px 3px;font-size:25px;font-style:normal;box-shadow:0 5px 12px #3d94ba22}.visual-caption{position:absolute;bottom:15px;left:20px;font-size:8px;letter-spacing:2px;color:#709394}.stocks-visual{background:#edf4fc}.stocks-visual svg{width:100%;height:120px;position:absolute;top:18px;opacity:.8}.stocks-visual .visual-caption{color:#98afc3}.rail-visual{background:#eff3f7}.rail-route{position:absolute;background:#abc1d2;height:6px;width:320px;left:0;top:80px;transform:rotate(-22deg);border-radius:6px}.r2{background:#c3d7ca;transform:rotate(33deg);top:70px}.station{position:absolute;background:#fff;border:3px solid #a8bfd1;border-radius:50%;width:14px;height:14px;top:91px;left:74px}.s2{left:167px;top:53px}.s3{left:243px;top:25px}.s4{left:235px;top:119px;border-color:#b1c9b8}.service-content{padding:24px}.badge{display:inline-block;background:#f0f4f7;color:#92a3b1;border-radius:5px;padding:4px 7px;font-size:8px;line-height:1.5;font-weight:500}.badge.blue{background:#edf8ff;color:#42a5d8}.service-content h3{font-size:20px;letter-spacing:-.7px;margin:11px 0}.service-content p{font-size:11px;line-height:2;color:#94a5b2;margin:0}.service-action{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#4ba6d4}.service-action.locked{color:#a8b4bd;cursor:default}.page-footer{display:flex;align-items:center;gap:24px;padding:30px 0;margin-top:38px;border-top:1px solid var(--line);font-size:9px;color:#a9b7c1}.page-footer strong{color:#91acbd;font-size:15px;letter-spacing:-.7px}.page-footer>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1.5px}.accounts-container{padding-bottom:60px}.section-title h1{font-size:30px;letter-spacing:-1.3px;margin:12px 0}.account-search{display:block;color:#7e96a6;font-size:11px;max-width:340px;margin:27px 0}.user-list{display:flex;flex-direction:column;gap:18px}.user-card{padding:25px;background:white;border:1px solid var(--line);border-radius:12px}.user-card-head strong{font-size:15px;margin-right:13px}.user-card-head{margin-bottom:23px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px 22px;padding-bottom:22px}.permission-grid label{display:flex;gap:9px;align-items:center;margin:0;color:#6d8698;font-size:11px;cursor:pointer}.permission-grid input{accent-color:var(--blue);width:16px;height:16px;margin:0}.user-actions{border-top:1px solid var(--line);padding-top:16px;display:flex;gap:14px;align-items:center}.user-actions select{width:140px;margin:0;padding:9px}.user-actions .primary{margin-left:auto;padding:10px 18px}.coming-soon{max-width:700px;margin:110px auto;text-align:center;padding:30px}.soon-icon{font-size:70px;color:#8fcae9;margin:25px 0}.coming-soon h1{font-size:30px;letter-spacing:-1px}.coming-soon p{font-size:12px;color:#91a4b3;line-height:2;margin-bottom:30px}@media(max-width:1200px){.home-container{margin:0 35px}.topbar{padding:0 35px}.hero{gap:35px}}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-story{min-height:auto;padding:27px 30px 30px}.story-copy{margin:38px 0 0}.story-copy h1{font-size:30px}.story-copy p{font-size:11px}.world-illustration,.story-footer,.brand-caption{display:none}.login-side{padding:40px 28px}.topbar{height:74px;padding:0 22px;gap:25px}.topbar nav{gap:18px;font-size:10px}.user-menu{gap:6px;font-size:10px}.avatar{display:none}.home-container{margin:0 25px;padding-top:30px}.hero{grid-template-columns:1fr 230px;gap:25px}.hero h1{font-size:28px}.hero-tags{gap:9px;font-size:9px}.welcome-card{padding:21px;min-height:220px}.welcome-card h2{font-size:17px}.service-grid{gap:13px}.service-content{padding:18px}.service-content h3{font-size:17px}.service-visual{height:135px}.permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wordmark{font-size:14px;gap:10px}.logo{font-size:29px}.topbar nav{display:none}.user-menu .text-button{margin-left:8px}.hero{grid-template-columns:1fr;padding-bottom:30px}.hero h1{font-size:32px}.welcome-card{min-height:0}.welcome-card h2 br{display:none}.welcome-stamp{margin-top:16px}.section-title>.subtle{display:none}.service-grid{grid-template-columns:1fr}.service-visual{height:150px}.service-content{padding:24px}.service-content h3{font-size:21px}.notice{align-items:flex-start;gap:12px;padding:18px;flex-wrap:wrap}.notice>button{margin-left:35px}.notice p{line-height:1.9}.page-footer{gap:15px}.page-footer>span:last-child{display:none}.permission-grid{grid-template-columns:1fr 1fr;gap:20px 10px}.user-card{padding:20px}.user-actions{flex-wrap:wrap}.user-actions .form-message{order:3;width:100%}.section-title h1{font-size:24px}.coming-soon{margin:50px auto}.coming-soon h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}