:root{--fs-xs:10px;--fs-sm:11px;--fs-base:12px;--fs-md:13px;--fs-lg:15px}*{font-family:'Malgun Gothic','맑은 고딕',sans-serif;font-size:var(--fs-md);box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a3a6a 0,#2563a8 50%,#1a4a8a 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.login-wrap{width:300px;max-width:95vw}.login-logo{text-align:center;margin-bottom:16px}.login-logo .brand{font-size:12px;font-weight:700;color:#fff;letter-spacing:0.5px;white-space:nowrap}.login-logo .sub{font-size:17px;font-weight:700;color:#fff;margin-top:5px}.login-card{background:#fff;border-radius:8px;padding:24px 20px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.login-card h2{font-size:13px;font-weight:700;color:#1a4a8a;margin-bottom:14px;text-align:center}.form-group{margin-bottom:11px}.form-group label{display:block;font-size:var(--fs-sm);color:#555;margin-bottom:3px;font-weight:700}.form-group .input-wrap{position:relative}.form-group .input-wrap i{position:absolute;left:7px;top:50%;transform:translateY(-50%);color:#aaa;font-size:var(--fs-md)}.form-group input{width:100%;border:1px solid #d0d8e8;border-radius:4px;padding:8px 8px 8px 28px;font-size:var(--fs-md);transition:border .2s}.form-group input:focus{outline:0;border-color:#2563a8;box-shadow:0 0 0 2px rgba(37,99,168,.12)}.btn-login{width:100%;background:linear-gradient(135deg,#2563a8,#1a4a8a);color:#fff;border:none;border-radius:4px;padding:9px;font-size:var(--fs-base);font-weight:700;cursor:pointer;margin-top:4px;transition:opacity .2s}.btn-login:hover{opacity:.88}.btn-login:disabled{opacity:.5;cursor:not-allowed}#errMsg{display:none;background:#fff0f0;border:1px solid #f5c6c6;border-radius:4px;padding:5px 8px;color:#c33;font-size:var(--fs-sm);margin-top:8px;text-align:center}#errMsg.show{display:block}#loader{display:none;position:fixed;inset:0;background:rgba(255,255,255,.4);z-index:999;align-items:center;justify-content:center}#loader.show{display:flex}#loader i{font-size:20px;color:#2563a8;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:10px;color:#acf;font-size:var(--fs-xs)}#login-id-dropdown .lid-item{display:flex;align-items:center;padding:5px 8px;font-size:var(--fs-md);color:#333;cursor:pointer;white-space:nowrap}#login-id-dropdown .lid-item:hover{background:#e8f4ff}#login-id-dropdown .lid-del{margin-left:auto;padding-left:8px;color:#bbb;font-size:11px;font-weight:700;flex-shrink:0}#login-id-dropdown .lid-del:hover{color:#e53e3e}