/* ================================================
   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; }

/* ================================================
   mp_order: 주문조회 스타일 리뉴얼 v2 (2026-06-12)
   ================================================ */
#myOrder .tit-page-2 { margin-bottom:20px !important; padding-bottom:16px !important; border-bottom:2px solid #2563EB !important; }
#myOrder .tit-page-2 h2 { font-size:18px !important; font-weight:700 !important; color:#0F172A !important; margin:0 0 4px !important; }
#myOrder .tit-page-2 .dsc { font-size:13px !important; color:#64748B !important; margin:0 !important; }
#myOrder .tit-page-2 .fc-blue { color:#2563EB !important; font-weight:600 !important; }

/* 기간조회 버튼 영역 (메이크샵 서버 주입) */
#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; }

/* 테이블 래퍼 */
#myOrder .table-d2-list { margin-top:0 !important; overflow:hidden !important; border-radius:8px !important; border:1px solid #E2E8F0 !important; }
#myOrder .table-d2-list table { width:100% !important; border-collapse:collapse !important; }
/* caption 숨김 */
#myOrder .table-d2-list caption { display:none !important; }
/* thead: 수직 중앙 정렬 + 구분선 */
#myOrder .table-d2-list thead th,
#myOrder .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; }
/* tbody: td에 구분선 (border-collapse시 tr border 무효) */
#myOrder .table-d2-list tbody td,
#myOrder .table-d2-list tbody td .tb-center,
#myOrder .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; }
#myOrder .table-d2-list tbody tr:last-child td { border-bottom:none !important; }
#myOrder .table-d2-list tbody tr:hover td { background:#F8FAFC !important; }
/* 빈 행: 시원한 여백 + 흐린 회색 */
#myOrder .table-d2-list tbody td[colspan] { padding:60px 0 !important; color:#64748B !important; font-size:14px !important; border-bottom:none !important; }

/* 버튼 (주문상세·배송조회) */
#myOrder .CSSbuttonWhite, #myOrder .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; }
#myOrder .CSSbuttonWhite:hover, #myOrder .CSSbuttonMin:hover { border-color:#2563EB !important; color:#2563EB !important; background:#EFF6FF !important; }
#myOrder .CSSbuttonBlue, #myOrder .CSSbuttonSkyblue { background:#2563EB !important; border-color:#2563EB !important; color:#fff !important; border-radius:6px !important; }
#myOrder .CSSbuttonBlue:hover, #myOrder .CSSbuttonSkyblue:hover { background:#1D4ED8 !important; border-color:#1D4ED8 !important; color:#fff !important; }

/* 페이징 */
#myOrder .paging { margin-top:20px !important; display:flex !important; justify-content:center !important; gap:4px !important; flex-wrap:wrap !important; }
#myOrder .paging a, #myOrder .paging span, #myOrder .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; }
#myOrder .paging strong, #myOrder .paging .on { background:#2563EB !important; border-color:#2563EB !important; color:#fff !important; font-weight:700 !important; }

/* 안내 문구 */
#myOrder .foot-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; }
#myOrder .foot-dsc li { font-size:12px !important; color:#64748B !important; line-height:1.7 !important; padding-left:0 !important; list-style:none !important; }
#myOrder .foot-dsc li::before { content:"" !important; }

/* ================================================
   #footer: 마이페이지 모든 경로 푸터 스타일 강제 통일
   원인: 메이크샵 mp_*.css가 li/line-height를 초기화
   ================================================ */
/* 전화번호 겹침 수정: line-height:30px → 1.6 */
#footer .tel.fe { font-size:20px !important; line-height:1.6 !important; margin-bottom:20px !important; height:auto !important; word-break:keep-all !important; }
/* 네비 불릿 복원 */
#footer .infoBx.linkInfo li { list-style:disc !important; display:list-item !important; }
#footer .infoBx.linkInfo li::before { content:none !important; display:none !important; }