*{box-sizing:border-box}html,body{color:#111;background:#0d100e;margin:0;font-family:Arial,Noto Sans KR,sans-serif}.login-page{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:#111512;flex-direction:column;justify-content:space-between;padding:clamp(40px,7vw,110px);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";opacity:.65;background:radial-gradient(circle,#167a56 0,#0000 68%);border-radius:50%;width:520px;height:520px;position:absolute;bottom:-170px;right:-170px}.login-brand p,.login-panel form>p{letter-spacing:.22em;color:#42b987;font-size:12px;font-weight:800}.login-brand h1{letter-spacing:-.055em;margin:28px 0;font-size:clamp(42px,6vw,82px);line-height:1.04}.login-brand small{color:#7f8982;letter-spacing:.12em}.login-panel{background:#f3f4f1;place-items:center;padding:30px;display:grid}.login-panel form{gap:18px;width:min(420px,100%);display:grid}.login-mark{color:#087f5b;font-size:28px}.login-panel h2{margin:0 0 20px;font-size:34px}.login-panel label{gap:9px;font-size:14px;font-weight:700;display:grid}.login-panel input{height:54px;font:inherit;background:#fff;border:1px solid #cfd5d1;padding:0 15px}.login-panel button{color:#fff;cursor:pointer;background:#087f5b;border:0;height:56px;margin-top:6px;font-size:15px;font-weight:800}.login-panel button:disabled{opacity:.6}.login-panel a{color:#68706b;text-align:center;font-size:13px}.login-error{color:#a13b2f;background:#fff0ee;padding:12px;font-size:13px}@media (max-width:800px){.login-page{grid-template-columns:1fr}.login-brand{min-height:34vh;padding:36px}.login-brand h1{font-size:38px}.login-panel{min-height:66vh;padding:36px 22px}}