/* BASIC css start */
/* EZ배터리 로그인 페이지 CSS   #ezLoginWrap 스코핑 */
#ezLoginWrap { font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif !important; color:#0F172A; font-size:14px; line-height:1.5; min-width:1200px; }
#ezLoginWrap *, #ezLoginWrap *::before, #ezLoginWrap *::after { box-sizing:border-box; }
#ezLoginWrap a { text-decoration:none; color:inherit; }

#ezLoginWrap .ezl-page { background:#F8FAFC; min-height:60vh; padding:60px 0 80px; }
#ezLoginWrap .ezl-wrap { max-width:860px; margin:0 auto; padding:0 28px; }

/* 2열 그리드   높이 맞춤 */
#ezLoginWrap .ezl-grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:32px !important; align-items:stretch !important; }

/* 로그인 박스 */
#ezLoginWrap .ezl-box { background:#fff !important; border:1px solid #E2E8F0 !important; border-radius:16px !important; padding:40px !important; display:flex !important; flex-direction:column !important; }
#ezLoginWrap .ezl-box-title { font-size:20px !important; font-weight:800 !important; color:#0F172A !important; margin-bottom:6px !important; }
#ezLoginWrap .ezl-box-sub { font-size:13px !important; color:#94A3B8 !important; margin-bottom:28px !important; }

/* 폼 필드 */
#ezLoginWrap .ezl-form { display:flex !important; flex-direction:column !important; gap:14px !important; flex:1 !important; }
#ezLoginWrap .ezl-field { display:flex !important; flex-direction:column !important; gap:6px !important; }
#ezLoginWrap .ezl-label { font-size:13px !important; font-weight:600 !important; color:#475569 !important; }
#ezLoginWrap .ezl-field input { width:100% !important; padding:11px 14px !important; border:1px solid #E2E8F0 !important; border-radius:8px !important; font-size:14px !important; color:#0F172A !important; background:#fff !important; outline:none !important; font-family:inherit !important; }
#ezLoginWrap .ezl-field input:focus { border-color:#2563EB !important; box-shadow:0 0 0 3px rgba(37,99,235,.1) !important; }

/* 옵션 */
#ezLoginWrap .ezl-options { display:flex !important; gap:18px !important; align-items:center !important; }
#ezLoginWrap .ezl-check-label { display:flex !important; align-items:center !important; gap:5px !important; font-size:13px !important; color:#64748B !important; cursor:pointer; }
#ezLoginWrap .ezl-sec-link { color:#2563EB !important; }

/* 로그인 버튼 */
#ezLoginWrap .ezl-btn-login { display:block !important; width:100% !important; padding:13px !important; background:#2563EB !important; color:#fff !important; border-radius:10px !important; font-size:15px !important; font-weight:700 !important; text-align:center !important; transition:background .15s; margin-top:4px !important; }
#ezLoginWrap .ezl-btn-login:hover { background:#1D4ED8 !important; color:#fff !important; }

/* 아이디/비밀번호 찾기 */
#ezLoginWrap .ezl-find-links { display:flex !important; justify-content:center !important; align-items:center !important; gap:6px !important; padding:12px 0 0 !important; border-top:1px solid #F1F5F9 !important; margin-top:8px !important; }
#ezLoginWrap .ezl-find-btn { display:inline-flex !important; align-items:center !important; gap:5px !important; font-size:13px !important; color:#475569 !important; padding:7px 14px !important; border-radius:7px !important; border:1px solid #E2E8F0 !important; background:#F8FAFC !important; transition:all .15s; font-weight:500 !important; }
#ezLoginWrap .ezl-find-btn:hover { border-color:#2563EB !important; color:#2563EB !important; background:#EFF6FF !important; }
#ezLoginWrap .ezl-divider { color:#E2E8F0; font-size:12px; }

/* 사이드   높이 100% 분할 */
#ezLoginWrap .ezl-side { display:flex !important; flex-direction:column !important; gap:16px !important; height:100% !important; }
#ezLoginWrap .ezl-side-box { background:#fff !important; border:1px solid #E2E8F0 !important; border-radius:16px !important; padding:28px !important; flex:1 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
#ezLoginWrap .ezl-side-icon { margin-bottom:14px !important; }
#ezLoginWrap .ezl-side-title { font-size:16px !important; font-weight:800 !important; color:#0F172A !important; margin-bottom:8px !important; }
#ezLoginWrap .ezl-side-desc { font-size:13px !important; color:#64748B !important; line-height:1.7 !important; margin-bottom:20px !important; }

/* 회원가입 버튼 */
#ezLoginWrap .ezl-btn-join { display:block !important; width:100% !important; padding:11px !important; background:#2563EB !important; color:#fff !important; border-radius:8px !important; font-size:13px !important; font-weight:700 !important; text-align:center !important; transition:background .15s; }
#ezLoginWrap .ezl-btn-join:hover { background:#1D4ED8 !important; color:#fff !important; }

/* 비회원 조회 버튼 */
#ezLoginWrap .ezl-btn-nonmember { display:block !important; width:100% !important; padding:11px !important; background:#fff !important; color:#334155 !important; border:1.5px solid #CBD5E1 !important; border-radius:8px !important; font-size:13px !important; font-weight:700 !important; text-align:center !important; transition:all .15s; }
#ezLoginWrap .ezl-btn-nonmember:hover { border-color:#2563EB !important; color:#2563EB !important; background:#EFF6FF !important; }

/* 비회원 박스 강조 */
#ezLoginWrap .ezl-side-guest { background:#F8FAFC !important; }
#ezLoginWrap .ezl-side-guest .ezl-side-title { color:#334155 !important; }

/* 이미 로그인 상태 */
#ezLoginWrap .ezl-already { text-align:center !important; padding:80px 20px !important; }
#ezLoginWrap .ezl-already-icon { margin-bottom:20px !important; }
#ezLoginWrap .ezl-already-msg { font-size:18px !important; font-weight:700 !important; color:#0F172A !important; margin-bottom:28px !important; }
#ezLoginWrap .ezl-already-btns { display:flex !important; justify-content:center !important; gap:12px !important; }
#ezLoginWrap .ezl-btn-primary { display:inline-block !important; padding:11px 28px !important; background:#2563EB !important; color:#fff !important; border-radius:8px !important; font-size:14px !important; font-weight:700 !important; }
#ezLoginWrap .ezl-btn-primary:hover { background:#1D4ED8 !important; color:#fff !important; }
#ezLoginWrap .ezl-btn-outline { display:inline-block !important; padding:11px 28px !important; background:#fff !important; color:#475569 !important; border:1px solid #E2E8F0 !important; border-radius:8px !important; font-size:14px !important; font-weight:700 !important; }
#ezLoginWrap .ezl-btn-outline:hover { border-color:#2563EB !important; color:#2563EB !important; }
/* BASIC css end */