body.login-page{background:#f3f4f6!important;}
body.login-page #hd_login_msg{display:none!important;}

.even-login{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",sans-serif;}
.even-login *,.even-login *::before,.even-login *::after{box-sizing:border-box;}

.even-login-main{background:#f3f4f6;padding-top:62px;padding-bottom:56px;min-height:100vh;}
@media (min-width:768px){.even-login-main{padding-bottom:0;}}

.even-login-wrap{min-height:calc(100vh - 62px);display:flex;flex-direction:column;background:#f3f4f6;}
@media (min-width:1024px){.even-login-wrap{flex-direction:row;}}

.even-login-hero{display:none;position:relative;width:50%;min-height:calc(100vh - 62px);}
@media (min-width:1024px){.even-login-hero{display:flex;}}
.even-login-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;}
.even-login-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);}
.even-login-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;text-align:center;color:#fff;width:100%;}
.even-login-hero-logo{height:80px;width:auto;margin-bottom:16px;}
.even-login-hero h1{font-size:30px;font-weight:700;line-height:1.4;margin:0;white-space:pre-line;}
.even-login-hero-sub{margin-top:16px;font-size:18px;color:#93c5fd;}
.even-login-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-top:40px;width:100%;max-width:576px;color:#fde047;}
.even-login-stats strong{display:block;font-size:20px;font-weight:700;}
.even-login-stats span{display:block;margin-top:4px;font-size:14px;color:#d1d5db;}

.even-login-form-wrap{width:100%;display:flex;align-items:center;justify-content:center;padding:16px;min-height:calc(100vh - 62px);}
@media (min-width:1024px){.even-login-form-wrap{width:50%;min-height:auto;overflow-y:auto;}}

.even-login-card{background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);width:100%;max-width:448px;text-align:center;}
.even-login-card-head{padding:24px 24px 16px;}
.even-login-card-head h2{font-size:24px;font-weight:700;color:#1f2937;margin:0;}
.even-login-alert{margin:0 24px 16px;padding:12px 16px;border-radius:8px;font-size:14px;text-align:left;}
.even-login-alert.is-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;}
.even-login-alert.is-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;}

.even-login-form{padding:8px 24px 24px;text-align:left;}
.even-login-field{margin-bottom:16px;}
.even-login-field label{display:block;font-size:14px;font-weight:500;color:#4b5563;margin-bottom:4px;}
.even-login-field input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;}
.even-login-field input:focus{border-color:transparent;box-shadow:0 0 0 2px #60a5fa;}
.even-login-password{position:relative;}
.even-login-password input{padding-right:40px;}
.even-login-password button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;}
.even-login-password button:hover{color:#4b5563;}

.even-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-top:4px;}
.even-login-remember{display:flex;align-items:center;gap:8px;color:#374151;cursor:pointer;}
.even-login-remember input{width:16px;height:16px;accent-color:#2563eb;}
.even-login-forgot{border:0;background:transparent;color:#2563eb;cursor:pointer;padding:0;font-size:14px;font-family:inherit;}
.even-login-forgot:hover{text-decoration:underline;}

.even-login-submit{width:100%;margin-top:24px;padding:12px 16px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;font-family:inherit;}
.even-login-submit:hover{background:#1d4ed8;}
.even-login-submit:disabled{opacity:.5;cursor:not-allowed;}

.even-login-foot{padding:0 24px 24px;font-size:14px;color:#6b7280;}
.even-login-foot a{color:#2563eb;font-weight:600;text-decoration:none;}
.even-login-foot a:hover{text-decoration:underline;}

.even-login-social{margin:0 24px 16px;}

/* forgot modal */
.even-login-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;}
.even-login-modal.is-open{display:flex;}
.even-login-modal-box{background:#fff;border-radius:16px;max-width:448px;width:100%;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;}
.even-login-modal-head{padding:24px;text-align:center;border-bottom:1px solid #f3f4f6;}
.even-login-modal-head h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px;}
.even-login-modal-head p{font-size:14px;color:#4b5563;margin:0;line-height:1.6;white-space:pre-line;}
.even-login-modal-body{padding:24px;}
.even-login-modal-actions{display:flex;flex-direction:column;gap:12px;}
@media (min-width:640px){.even-login-modal-actions{flex-direction:row;}}
.even-login-modal-actions button{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;}
.even-login-modal-cancel{border:1px solid #d1d5db;background:#fff;color:#374151;}
.even-login-modal-cancel:hover{background:#f9fafb;}
.even-login-modal-send{border:0;background:#2563eb;color:#fff;}
.even-login-modal-send:hover{background:#1d4ed8;}
.even-login-modal-send:disabled{opacity:.5;cursor:not-allowed;}
