@font-face{font-family:'Noto Sans KR';src:url('/static/fonts/NotoSansKR.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#172d4d;background:#78a5da;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column}body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,38,97,.38),rgba(30,76,136,.06) 58%,rgba(226,241,255,.08)),url('/static/images/login-blue-glass.png') center/cover no-repeat}body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,38,80,.12),transparent 35%,rgba(4,28,66,.18))}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{text-decoration:none;color:inherit}.header{height:92px;min-height:92px;width:100%;padding:0 5vw;display:flex;align-items:center;gap:23px;color:white}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:-1px}.brand img{border:1px solid #ffffff5c;border-radius:12px;box-shadow:0 3px 14px #10346720}.brand-blue{color:#fff}.header-label{font-size:11px;letter-spacing:1.1px;border-left:1px solid #ffffff60;padding-left:23px;color:#f0f6ff}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;color:#153962;background:#edf7ff99;border:1px solid #ffffff60;padding:8px 13px;border-radius:30px;backdrop-filter:blur(16px)}.mini-dot{width:5px;height:5px;background:#3578ce;border-radius:50%}main{width:min(1240px,90%);margin:15px auto 30px;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:90px;align-items:center;flex:1}.hero{color:white;padding:10px 0 30px;align-self:center;max-width:530px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:3px;color:#edf6ff;margin-bottom:28px}.eyebrow>span{width:6px;height:6px;background:#dfedff;border-radius:50%;box-shadow:0 0 12px #e7f5ff}h1{font-size:clamp(44px,4.8vw,68px);font-weight:650;line-height:1.28;letter-spacing:-3px;margin:0 0 26px;text-shadow:0 4px 30px #103c6638}h1>span{color:#fff}.hero-description{font-size:15px;font-weight:350;line-height:1.95;color:#f1f7ff;margin:0;text-shadow:0 1px 8px #16476c45}.orbit{display:none}.hero-bottom{display:flex;align-items:center;gap:12px;margin-top:100px;padding-top:22px;border-top:1px solid #ffffff55;max-width:325px}.shield{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff65;border-radius:10px;background:#ffffff18;font-size:24px;backdrop-filter:blur(8px)}.hero-bottom strong{font-size:11px;font-weight:500;color:#fff}.hero-bottom p{font-size:10px;color:#eaf3ff;margin:6px 0 0}.account-panel{width:100%;background:linear-gradient(145deg,#fffffff0,#f5faffeb);border:1px solid #ffffffdb;border-radius:25px;box-shadow:0 25px 80px #153d6b27,0 2px 8px #20467708;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:28px 34px 0;overflow:hidden;animation:arrive .45s ease-out}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-tag{font-size:9px;font-weight:650;letter-spacing:2px;color:#607a9d}.secure-label{font-size:10px;color:#5f7798;display:flex;align-items:center;gap:5px}.secure-label>span{font-size:17px;color:#487db6}.tabs{display:flex;background:#dfe9f378;border:1px solid #dce5ef;padding:4px;border-radius:10px;gap:4px}.tab{width:50%;border:0;padding:11px 5px;border-radius:7px;background:transparent;color:#667a94;font-size:12px;font-weight:550}.tab.active{background:#fff;color:#2059b9;box-shadow:0 2px 7px #1d466d0d}.form-heading{margin:24px 0 20px}h2{font-size:24px;line-height:1.4;font-weight:650;letter-spacing:-1px;margin:0 0 9px}.form-heading p{font-size:11px;line-height:1.8;color:#647994;margin:0}.field{margin-top:15px}.field label{display:block;font-size:11px;font-weight:600;color:#344e70;margin-bottom:7px}.input-wrap{position:relative}input{width:100%;height:44px;border:1px solid #cbd9e8;border-radius:8px;background:#ffffffc7;padding:0 13px;font-size:13px;color:#193553;transition:border-color .15s,box-shadow .15s}input::placeholder{font-size:11px;color:#7c8fa6}input[type=password],input[autocomplete=new-password],input[autocomplete=current-password]{padding-right:44px}input:focus{outline:0;border-color:#6c98d4;box-shadow:0 0 0 3px #3475ce15;background:white}.show-password{position:absolute;right:5px;top:4px;width:36px;height:36px;background:none;border:0;color:#7388a3;display:grid;place-items:center}.show-password svg{width:18px;height:18px}.field-hint{font-size:9px;color:#677f9a;margin:7px 0 0;line-height:1.6}.privacy-note{display:flex;gap:8px;margin:19px 0 17px;padding:11px 12px;background:#e9f0f880;border:1px solid #e0e9f1;border-radius:8px}.privacy-note>span{color:#6889ae;font-size:20px}.privacy-note p{font-size:9px;color:#657d9b;line-height:1.8;margin:0}.primary{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #1e62c8;background:linear-gradient(180deg,#357ae4,#2565d0);border-radius:9px;color:white;padding:13px;width:100%;font-size:12px;font-weight:600;box-shadow:0 5px 12px #245ed02b,inset 0 1px #ffffff20;transition:background .15s,transform .15s}.primary:hover{background:#225dc0;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.primary>span{font-size:18px;font-weight:400}form>.primary{margin-top:21px}.switch-prompt{text-align:center;font-size:10px;color:#6c8099;margin:18px 0 23px}.text-button{border:0;background:transparent;color:#2360b8;padding:5px;font-size:11px;font-weight:600}.text-button:hover{text-decoration:underline}.panel-footer{margin:0 -34px;background:#ffffff45;border-top:1px solid #dce7f0;padding:15px 10px;text-align:center;font-size:9px;color:#69819c}.footer-lock{color:#5f83ac;padding-right:5px}.footer{display:flex;justify-content:space-between;gap:20px;padding:0 5vw 24px;color:#fff;font-size:10px;text-shadow:0 1px 5px #15375470}.footer strong{font-weight:400;margin-left:5px}.notice{margin:16px 0 0;padding:12px;border-radius:9px;line-height:1.7;font-size:11px}.notice.success{color:#20558e;background:#e3efffe8;border:1px solid #cddff3}.notice.error{color:#a13342;background:#fff1f3;border:1px solid #f2d5dc}.notice[hidden]{display:none}.profile-strip{display:flex;align-items:center;gap:10px;border:1px solid #dbe6f1;background:#eaf2fb80;padding:11px;border-radius:10px}.profile-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d9e8fc;color:#3168b4;font-weight:600}.profile-strip strong{font-size:12px}.profile-strip small{display:block;color:#68809d;font-size:9px;margin-top:4px}.profile-strip button{margin-left:auto}.optional{margin-left:6px;font-weight:400;font-size:9px;color:#7188a3}.save-note{font-size:10px;color:#6b829d;margin:17px 0 22px;text-align:center}.welcome{text-align:center;padding:32px 0 24px}.welcome-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#e3effe;color:#3375d2;font-size:28px;margin:0 auto 23px}.welcome .section-tag{display:block;margin-bottom:12px}.welcome h2{overflow-wrap:anywhere}.welcome p{font-size:12px;line-height:1.9;color:#627a96}.user-summary{background:#eaf2fc80;padding:18px;border:1px solid #dce8f5;border-radius:10px;margin:24px 0}.user-summary span{display:block;color:#6c819d;font-size:10px;margin-bottom:8px}.user-summary strong{font-size:13px;overflow-wrap:anywhere}.welcome>.text-button{margin-top:14px}.loading{text-align:center;padding:60px 0;font-size:12px;color:#627b98}.login-avatar{display:grid;place-items:center;width:74px;height:74px;margin:4px auto 19px;border-radius:50%;background:linear-gradient(145deg,#eff7ff,#c5dcfa);border:1px solid #fff;box-shadow:0 5px 15px #2b67941c,inset 0 1px #fff}.login-avatar svg{width:42px;height:42px;fill:#5481bb}body[data-view=login] .form-heading{text-align:center;margin:28px 0}body[data-view=login] .account-panel{padding-top:30px}body[data-view=login] .field{margin-top:20px}body[data-view=login] input{height:49px}body[data-view=login] .show-password{top:7px}body[data-view=login] form>.primary{margin-top:26px}body[data-view=login] .switch-prompt{margin:23px 0 28px}:focus-visible{outline:3px solid #4e8cde;outline-offset:3px}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{gap:140px}.hero-bottom{margin-top:130px}}@media(max-width:1050px){main{gap:40px;grid-template-columns:minmax(0,1fr) 440px}h1{font-size:46px}.hero-description{font-size:13px}.header{padding:0 4vw}.hero-bottom{margin-top:65px}}@media(max-width:800px){.header{height:75px;min-height:75px;padding:0 23px}.header-label{display:none}.header-right{font-size:9px;padding:7px 10px}.brand{font-size:21px}.brand img{width:33px;height:33px}main{display:flex;flex-direction:column;gap:25px;width:min(470px,calc(100% - 36px));margin:10px auto 26px;flex:1;justify-content:center}.hero{width:100%;text-align:center;padding:6px 0 0}.eyebrow{justify-content:center;font-size:9px;letter-spacing:2.5px;margin-bottom:14px}h1{font-size:36px;letter-spacing:-1.8px;line-height:1.25;margin-bottom:12px}h1 br{display:initial}h1{word-break:keep-all}.hero-description{font-size:11px;line-height:1.8}.hero-description br{display:initial}.hero-bottom{display:none}.account-panel{padding:23px 24px 0;border-radius:21px}.panel-footer{margin:0 -24px}.panel-top{margin-bottom:17px}.form-heading{margin:21px 0 18px}h2{font-size:22px}.footer{padding:0 22px 20px;font-size:8px;gap:10px}body:before{background-position:35% center}body[data-view=login] .hero-description{display:none}body[data-view=login] main{gap:24px}input{font-size:16px}body[data-view=login] .login-avatar{width:64px;height:64px}body[data-view=login] .form-heading{margin:23px 0}}@media(max-width:370px){.header-right{display:none}.account-panel{padding-left:19px;padding-right:19px}.panel-footer{margin-left:-19px;margin-right:-19px}h1{font-size:32px}.secure-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Google Material Icons Outlined, served locally. */
.material-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.icon-verified_user{mask-image:url("/static/icons/verified_user.svg");-webkit-mask-image:url("/static/icons/verified_user.svg")}
.icon-lock{mask-image:url("/static/icons/lock.svg");-webkit-mask-image:url("/static/icons/lock.svg")}
.icon-arrow_forward{mask-image:url("/static/icons/arrow_forward.svg");-webkit-mask-image:url("/static/icons/arrow_forward.svg")}
.icon-check_circle{mask-image:url("/static/icons/check_circle.svg");-webkit-mask-image:url("/static/icons/check_circle.svg")}
.icon-visibility{mask-image:url("/static/icons/visibility.svg");-webkit-mask-image:url("/static/icons/visibility.svg")}
.icon-visibility_off{mask-image:url("/static/icons/visibility_off.svg");-webkit-mask-image:url("/static/icons/visibility_off.svg")}
.icon-person{mask-image:url("/static/icons/person.svg");-webkit-mask-image:url("/static/icons/person.svg")}
.shield .material-icon{width:21px;height:21px}.secure-label .material-icon,.footer-lock .material-icon{width:14px;height:14px}.privacy-note>.material-icon{width:18px;height:18px;color:#6889ae;margin-top:2px}.primary>.material-icon{width:19px;height:19px}.show-password .material-icon{width:19px;height:19px}.login-avatar .material-icon{width:42px;height:42px;color:#5481bb}.welcome-icon .material-icon{width:33px;height:33px}.footer-lock{display:inline-flex;align-items:center;vertical-align:middle}

.service-links{display:flex;justify-content:center;gap:22px;padding:0 20px 24px;color:#fff;font-size:11px;text-shadow:0 1px 5px #173759}.service-links a:hover{text-decoration:underline}

/* Shared signed-in navigation */
.header.app-header{height:64px;min-height:64px;padding:0 28px;background:#fff;border-bottom:1px solid #d9e2ee;box-shadow:0 1px 3px #2538580a;color:#173d73;gap:18px}
.header.app-header .brand{font-size:20px;color:#173d73;white-space:nowrap}
.header.app-header .brand img{width:34px;height:34px;border-color:#dbe6f3;border-radius:9px;box-shadow:none}
.header.app-header .brand-blue{color:#2563d9}
.header.app-header .header-label{color:#60758f;border-left-color:#d8e1ed}
.account-nav{display:flex;align-items:center;gap:4px;margin-left:auto;height:100%;font-size:13px}
.account-nav[hidden]{display:none!important}
.account-nav a,.nav-logout{display:flex;align-items:center;height:38px;padding:0 13px;border:0;border-radius:4px;background:transparent;color:#344965;font:inherit;white-space:nowrap}
.account-nav a:hover,.account-nav a[aria-current=page]{background:#edf4ff;color:#174ea6;text-decoration:none}
.nav-logout{margin-left:4px;background:#2563d9;color:#fff;cursor:pointer}
.nav-logout:hover{background:#174ea6}
.nav-logout:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){.header.app-header{height:116px;min-height:116px;padding:10px 16px;align-items:flex-start;flex-wrap:wrap}.header.app-header:has(.account-nav[hidden]){height:64px;min-height:64px;align-items:center}.header.app-header .brand{height:42px}.header.app-header .header-label{height:42px;display:flex;align-items:center}.account-nav{order:2;width:100%;height:48px;overflow-x:auto;gap:1px;border-top:1px solid #e5ebf2}.account-nav a,.nav-logout{height:36px;padding:0 10px;font-size:12px}.account-nav a:first-child{margin-left:auto}}
@media(max-width:440px){.header.app-header .header-label{display:none}.account-nav a,.nav-logout{padding:0 8px;font-size:11px}}