*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#172033;background:#f3f5f7}body{min-height:100vh}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.login-panel{width:100%;max-width:430px;padding:38px;background:#fff;border:1px solid #dfe4e9;box-shadow:0 14px 40px rgba(23,32,51,.08)}.login-brand{display:flex;align-items:center;gap:14px;padding-bottom:26px;border-bottom:1px solid #e6eaee;color:#172033;text-decoration:none}.login-brand img{width:185px;height:auto;background:#111820;padding:9px 12px}.login-brand span{font-size:13px;color:#687281}.login-heading{padding:30px 0 24px}.login-heading p{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.18em;color:#50657b}.login-heading h1{margin:0 0 10px;font-size:28px}.login-heading span{display:block;color:#687281;font-size:13px;line-height:1.6}.login-panel form>label:not(.auto-login){display:block;margin:0 0 7px;font-size:12px;font-weight:700}.login-panel input[type=text],.login-panel input[type=password]{width:100%;height:48px;margin:0 0 17px;padding:0 14px;border:1px solid #cbd3db;background:#fff;font-size:15px;outline:none}.login-panel input:focus{border-color:#1c4771;box-shadow:0 0 0 3px rgba(28,71,113,.1)}.auto-login{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#596574;font-size:12px}.login-panel button{width:100%;height:50px;border:0;background:#17283c;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.login-panel button:hover{background:#213b58}.login-links{display:flex;justify-content:space-between;margin-top:19px}.login-links a{color:#455466;font-size:12px;text-decoration:none}.login-help{margin:28px 0 0;padding-top:20px;border-top:1px solid #e6eaee;color:#8a929b;font-size:11px;text-align:center}@media(max-width:520px){.login-page{padding:0}.login-panel{max-width:none;min-height:100vh;padding:30px 24px;border:0;box-shadow:none}.login-brand img{width:170px}}