/* ================================================ EZ배터리 D4  공통 CSS 맨 끝에 추가할 override ================================================ */ /* Pretendard 폰트 로드 */ @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@latest/dist/web/static/pretendard.css"); /* 헤더/메인/푸터 전체 폰트 override */ #ezHeaderWrap, #ezHeaderWrap *, #ezMainWrap, #ezMainWrap *, #ezFooterWrap, #ezFooterWrap * { font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important; letter-spacing: 0 !important; word-spacing: 0 !important; } /* h 태그 굵기 복원 (h2~h4만, h1은 main.css에서 직접 제어) */ #ezMainWrap h2, #ezMainWrap h3, #ezMainWrap h4, #ezHeaderWrap h2, #ezHeaderWrap h3 { font-weight: inherit !important; } /* body/html 기본 여백 제거 */ html, body { margin: 0 !important; padding: 0 !important; } /* D4 기본 여백 전체 제거 */ .design_body, .design_body > div, #contents, #content, #wrap, #container, #main, .main, .content_wrap, #contents_wrap, .design_area, #ezMainWrap, body > div:not(#ezHeaderWrap):not(#ezMainWrap):not(#ezFooterWrap) { margin-top: 0 !important; padding-top: 0 !important; } #ezMainWrap { margin-top: 0 !important; } /* D4 편집기가 주입하는 빈 태그 제거 */ #ezMainWrap > br, #ezMainWrap > p:empty { display: none !important; height: 0 !important; } /* a 태그 색상 복원 */ #ezMainWrap a, #ezHeaderWrap a, #ezFooterWrap a { color: inherit !important; } /* SUBPAGES: 마이페이지 서브페이지 레이아웃 + 사이드바 (2026-06-12) */ #contentWrap { display:flex !important; flex-direction:row !important; align-items:stretch !important; } #aside { width:200px !important; flex-shrink:0 !important; box-sizing:border-box !important; } #content { flex:1 !important; min-width:0 !important; } #aside .aside-tit { display:none !important; } #aside .lnb-bx .txt { display:none !important; } #aside .lnb-wrap { padding:4px 0 !important; background:#fff !important; border:1px solid #E2E8F0 !important; border-radius:12px !important; box-shadow:0 1px 6px rgba(15,23,42,.06) !important; height:100% !important; box-sizing:border-box !important; } #aside .lnb-bx { border:none !important; margin-left:-1px !important; padding:0 !important; } #aside .lnb-bx + .lnb-bx { border-top:1px solid #F1F5F9 !important; } #aside .lnb-bx ul { padding:0 !important; margin:0 !important; } #aside .lnb-bx ul li { float:none !important; list-style:none !important; padding:0 !important; } #aside .lnb-bx ul li::before, #aside .lnb-bx .blt { display:none !important; } #aside .lnb-bx ul li a { display:block !important; padding:9px 18px !important; color:#64748B !important; font-size:13px !important; font-weight:500 !important; text-decoration:none !important; background-image:none !important; } #aside .lnb-bx ul li a:visited { color:#64748B !important; } #aside .lnb-bx ul li a:hover, #aside .lnb-bx ul li.on a { color:#2563EB !important; font-weight:700 !important; background:#EFF6FF !important; } /* SUBPAGES-WRAP: contentWrap 간격·너비 (2026-06-12) */ #contentWrap { gap:24px !important; padding:36px 20px 80px !important; max-width:1100px !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; background-color:#F8FAFC !important; } /* SUBPAGES-CARD: 서브페이지 콘텐츠 흰 카드 (2026-06-12) */ #content > div { background:#fff !important; border:1px solid #E2E8F0 !important; border-radius:12px !important; box-shadow:0 1px 6px rgba(15,23,42,.06) !important; padding:24px !important; } /* ================================================ MYPAGE 공통: 모든 서브페이지 공통 스타일 (2026-06-12) ================================================ */ /* 페이지 제목 */ #content .tit-page-2 { margin-bottom:20px !important; padding-bottom:16px !important; border-bottom:2px solid #2563EB !important; } #content .tit-page-2 h2 { font-size:18px !important; font-weight:700 !important; color:#0F172A !important; margin:0 0 4px !important; } #content .tit-page-2 .dsc { font-size:13px !important; color:#64748B !important; margin:0 !important; } #content .tit-page-2 .fc-blue { color:#2563EB !important; font-weight:600 !important; } /* 테이블 래퍼 (리스트형) */ #content .table-d2-list { margin-top:0 !important; overflow:hidden !important; border-radius:8px !important; border:1px solid #E2E8F0 !important; } #content .table-d2-list table { width:100% !important; border-collapse:collapse !important; } #content .table-d2-list caption { display:none !important; } #content .table-d2-list thead th, #content .table-d2-list thead th .tb-center { background:#fff !important; color:#64748B !important; font-size:13px !important; font-weight:600 !important; padding:14px 0 !important; line-height:1 !important; vertical-align:middle !important; border:none !important; border-bottom:1px solid #E2E8F0 !important; text-align:center !important; } #content .table-d2-list tbody td, #content .table-d2-list tbody td .tb-center, #content .table-d2-list tbody td .tb-left { background:#fff !important; color:#374151 !important; font-size:13px !important; padding:16px 0 !important; border:none !important; border-bottom:1px solid #E2E8F0 !important; vertical-align:middle !important; text-align:center !important; } #content .table-d2-list tbody tr:last-child td { border-bottom:none !important; } #content .table-d2-list tbody tr:hover td { background:#F8FAFC !important; } #content .table-d2-list tbody td[colspan] { padding:60px 0 !important; color:#64748B !important; font-size:14px !important; border-bottom:none !important; } /* 버튼 */ #content .CSSbuttonWhite, #content .CSSbuttonMin { display:inline-flex !important; align-items:center !important; justify-content:center !important; height:30px !important; padding:0 12px !important; border:1px solid #E2E8F0 !important; border-radius:6px !important; background:#F8FAFC !important; color:#374151 !important; font-size:12px !important; font-weight:500 !important; text-decoration:none !important; } #content .CSSbuttonWhite:hover, #content .CSSbuttonMin:hover { border-color:#2563EB !important; color:#2563EB !important; background:#EFF6FF !important; } #content .CSSbuttonBlue, #content .CSSbuttonSkyblue { background:#2563EB !important; border-color:#2563EB !important; color:#fff !important; border-radius:6px !important; } #content .CSSbuttonBlue:hover, #content .CSSbuttonSkyblue:hover { background:#1D4ED8 !important; border-color:#1D4ED8 !important; color:#fff !important; } /* 페이징 */ #content .paging { margin-top:20px !important; display:flex !important; justify-content:center !important; gap:4px !important; flex-wrap:wrap !important; } #content .paging a, #content .paging span, #content .paging strong { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:32px !important; height:32px !important; border:1px solid #E2E8F0 !important; border-radius:6px !important; font-size:13px !important; color:#64748B !important; text-decoration:none !important; background:#fff !important; } #content .paging strong, #content .paging .on { background:#2563EB !important; border-color:#2563EB !important; color:#fff !important; font-weight:700 !important; } /* 하단 안내 문구 (foot-dsc / use-dsc 공용) */ #content .foot-dsc, #content ul.use-dsc { margin-top:16px !important; padding:14px 18px !important; background:#F8FAFC !important; border:1px solid #E2E8F0 !important; border-radius:6px !important; list-style:none !important; } #content .foot-dsc li, #content ul.use-dsc li { font-size:12px !important; color:#64748B !important; line-height:1.7 !important; padding-left:0 !important; list-style:none !important; } #content .foot-dsc li::before, #content ul.use-dsc li::before { content:"" !important; } /* 하단 버튼 영역 */ #content .btn-foot { margin-top:16px !important; display:flex !important; justify-content:flex-end !important; gap:8px !important; } /* ================================================ mp_order 전용: 기간조회 버튼 영역 ================================================ */ #myOrder .srch-area, #myOrder .period-srch, #myOrder .search-area { display:flex !important; align-items:center !important; gap:6px !important; margin-bottom:16px !important; flex-wrap:wrap !important; } #myOrder .srch-area a, #myOrder .srch-area button, #myOrder .period-srch a, #myOrder .period-srch button, #myOrder .btn-period { display:inline-flex !important; align-items:center !important; justify-content:center !important; height:40px !important; padding:0 16px !important; border:1px solid #E2E8F0 !important; border-radius:6px !important; background:#fff !important; color:#374151 !important; font-size:13px !important; font-weight:500 !important; text-decoration:none !important; cursor:pointer !important; box-sizing:border-box !important; } #myOrder .srch-area a:hover, #myOrder .srch-area button:hover, #myOrder .period-srch a:hover, #myOrder .period-srch button:hover { border-color:#2563EB !important; color:#2563EB !important; } #myOrder .srch-area a.on, #myOrder .srch-area a.active, #myOrder .srch-area button.on, #myOrder .period-srch a.on, #myOrder .period-srch button.on { background:#2563EB !important; border-color:#2563EB !important; color:#fff !important; font-weight:700 !important; } /* ================================================ mp_reserve 전용: 적립금 요약 + 소제목 ================================================ */ #myReserv .table-att { margin-bottom:20px !important; overflow:hidden !important; border-radius:8px !important; border:1px solid #E2E8F0 !important; } #myReserv .table-att table { width:100% !important; border-collapse:collapse !important; } #myReserv .table-att caption { display:none !important; } #myReserv .table-att th { background:#F8FAFC !important; color:#64748B !important; font-size:13px !important; font-weight:600 !important; padding:12px 16px !important; border:none !important; border-bottom:1px solid #E2E8F0 !important; text-align:center !important; vertical-align:middle !important; } #myReserv .table-att td { background:#fff !important; color:#0F172A !important; font-size:15px !important; font-weight:700 !important; padding:12px 16px !important; border:none !important; border-bottom:1px solid #E2E8F0 !important; text-align:center !important; vertical-align:middle !important; } #myReserv .table-att tr:last-child th, #myReserv .table-att tr:last-child td { border-bottom:none !important; } #myReserv .tit-tb-list { font-size:14px !important; font-weight:700 !important; color:#0F172A !important; margin:20px 0 10px !important; } /* ================================================ mp_email 전용: 문의 폼 테이블 ================================================ */ #myEmail .table-d2-view { overflow:hidden !important; border-radius:8px !important; border:1px solid #E2E8F0 !important; } #myEmail .table-d2-view table { width:100% !important; border-collapse:collapse !important; } #myEmail .table-d2-view caption { display:none !important; } #myEmail .table-d2-view th { background:#F8FAFC !important; color:#64748B !important; font-size:13px !important; font-weight:600 !important; padding:12px 16px !important; border:none !important; border-bottom:1px solid #E2E8F0 !important; text-align:left !important; vertical-align:middle !important; width:120px !important; } #myEmail .table-d2-view td { background:#fff !important; padding:10px 12px !important; border:none !important; border-bottom:1px solid #E2E8F0 !important; vertical-align:middle !important; } #myEmail .table-d2-view tr:last-child th, #myEmail .table-d2-view tr:last-child td { border-bottom:none !important; } #myEmail .table-d2-view input[type="text"], #myEmail .table-d2-view select { height:36px !important; padding:0 10px !important; border:1px solid #E2E8F0 !important; border-radius:6px !important; font-size:13px !important; color:#374151 !important; box-sizing:border-box !important; } #myEmail .table-d2-view textarea { padding:10px !important; border:1px solid #E2E8F0 !important; border-radius:6px !important; font-size:13px !important; color:#374151 !important; box-sizing:border-box !important; resize:vertical !important; } /* ================================================ #footer FINAL: footer.1.css 선택자 specificity(1,3,0) 완전 제압 footer.1.css: #footer .footerTop .csInfo .tel { font-size:30px; line-height:30px; } → 동일 선택자 + !important 로 모든 경로에서 완벽 통일 ================================================ */ #footer .footerTop .csInfo .tel { font-size:20px !important; line-height:1.6 !important; color:#1e293b !important; letter-spacing:0 !important; padding-bottom:0 !important; height:auto !important; margin-bottom:16px !important; word-break:keep-all !important; overflow:visible !important; } #footer .footerTop .csInfo .tx { font-size:13px !important; line-height:1.6 !important; height:auto !important; } #footer .footerTop .linkInfo li { list-style:disc !important; display:list-item !important; padding-bottom:8px !important; } #footer .footerTop .linkInfo li::before { content:none !important; display:none !important; } /* ================================================ idinfo.html: 비밀번호 재확인 버튼 리뉴얼 ================================================ */ #reconfirmPasswd { max-width:520px !important; margin:0 auto !important; } #reconfirmPasswd .reconfirmTop { margin-bottom:24px !important; padding-bottom:16px !important; border-bottom:2px solid #2563EB !important; } #reconfirmPasswd .reconfirmTop h2 { font-size:18px !important; font-weight:700 !important; color:#0F172A !important; margin:0 0 8px !important; } #reconfirmPasswd .reconfirmTop .txt { font-size:13px !important; color:#64748B !important; line-height:1.6 !important; margin:0 !important; } #reconfirmPasswd .frm ul { list-style:none !important; padding:0 !important; margin:0 0 20px !important; } #reconfirmPasswd .frm ul li { display:flex !important; align-items:center !important; gap:12px !important; padding:10px 0 !important; border-bottom:1px solid #F1F5F9 !important; } #reconfirmPasswd .frm ul li::before { display:none !important; } #reconfirmPasswd .frm ul li .lab { font-size:13px !important; font-weight:600 !important; color:#374151 !important; min-width:80px !important; } #reconfirmPasswd .btns { display:flex !important; justify-content:center !important; gap:8px !important; margin-top:20px !important; } #reconfirmPasswd .btns a { display:inline-flex !important; align-items:center !important; justify-content:center !important; height:40px !important; padding:0 24px !important; border-radius:6px !important; font-size:14px !important; font-weight:600 !important; text-decoration:none !important; cursor:pointer !important; box-sizing:border-box !important; } #reconfirmPasswd .btns a.CSSbuttonBlack { background:#2563EB !important; border:1px solid #2563EB !important; color:#fff !important; } #reconfirmPasswd .btns a.CSSbuttonBlack:hover { background:#1D4ED8 !important; border-color:#1D4ED8 !important; color:#fff !important; } #reconfirmPasswd .btns a.CSSbuttonWhite { background:#F1F5F9 !important; border:1px solid #E2E8F0 !important; color:#64748B !important; } #reconfirmPasswd .btns a.CSSbuttonWhite:hover { background:#E2E8F0 !important; color:#374151 !important; } /* ================================================ MYPAGE 공통: input/select 곡률 통일 ================================================ */ #content input[type="text"], #content input[type="password"], #content input[type="number"], #content input[type="email"], #content select { border:1px solid #E2E8F0 !important; border-radius:6px !important; height:36px !important; padding:0 10px !important; font-size:13px !important; color:#374151 !important; box-sizing:border-box !important; background:#fff !important; vertical-align:middle !important; } /* textarea는 height 고정 안 함 */ #content textarea { border:1px solid #E2E8F0 !important; border-radius:6px !important; padding:10px !important; font-size:13px !important; color:#374151 !important; box-sizing:border-box !important; resize:vertical !important; } /* E-MAIL 폼 레이아웃 방어 (침범 방지) */ #myEmail .page-body, #myEmail form, #myEmail fieldset { max-width:100% !important; box-sizing:border-box !important; overflow:hidden !important; } #myEmail fieldset { border:none !important; padding:0 !important; margin:0 !important; } #myEmail fieldset legend { display:none !important; } /* 오늘 본 상품 하단 버튼 */ #myTodayView .btn-del { margin-top:16px !important; display:flex !important; justify-content:flex-end !important; gap:8px !important; }