@charset "utf-8";
/* =========================================================================
 * 레거시 프로그램 페이지 ↔ JDH 공통 헤더 보정  (2026-09-09)
 *
 * 회원·게시판·쇼핑·예약 등 모듈에서 내려온 페이지는 <div id="wrap"> 골격을 쓰고,
 * 예전에는 /include/header.jsp 가 devMenu.jsp(관리자 leftmenu)를 그리면서
 * 그 안의 인라인 style 로 #wrap 여백(margin-left:225px; padding:95px 20px 70px)을 잡아 줬다.
 * devMenu 를 걷어내고 /include/jdh_header.jsp(메인과 같은 GNB)로 바꾸면서
 * 그 여백이 통째로 사라졌으므로, 여기서 헤더 높이만큼만 다시 밀어 준다.
 *
 * · 헤더 높이는 main_hero.css 기준 72px (≤1024px 은 60px).
 * · main_hero.css 의 `#wrap,.wrap{padding:0!important}` 보다 뒤에 로드되어야 이긴다
 *   (headHtml.jsp 의 로드 순서: main_hero → jdh_sub → jdh_legacy).
 * · .jdh_sub 골격을 쓰는 JDH 서브페이지는 #wrap 을 쓰지 않으므로 영향을 받지 않는다.
 * ========================================================================= */

#wrap,
.wrap {
	padding-top: 72px !important;
	padding-bottom: 60px !important;
	min-height: 60vh;
}

@media all and (max-width: 1024px) {
	#wrap,
	.wrap {
		padding-top: 60px !important;
	}
}

/* 헤더가 fixed 라 본문 위에 겹친다 — 레거시 페이지의 팝업/레이어가 헤더를 덮도록 하지 않는다 */
.jdh_sub_header { z-index: 900; }