@charset "UTF-8";
/*
 * 예약 UI 인라인 타입 — 손으로 쓰는 보정 레이어.
 *
 * reserve.css 는 micro 스타일을 기계적으로 옮긴 생성물이라 직접 고치지 않는다(재생성 시 날아감).
 * 홈 레이아웃 안에 들어가면서 생기는 차이만 여기서 덮는다. siteMicroLayout.jsp 에서 reserve.css 다음에 로드.
 */

/* 0) 예약 영역을 독립 쌓임 맥락으로 묶는다.
 *
 * micro 는 자기 화면만 있다고 보고 .schedule-area(z-index:20)·.main-menu(z-index:15) 를 쓴다.
 * 홈 헤더의 드롭다운 메뉴는 z-index:9 라, 그대로 두면 예약 상단 영역이 메뉴 위로 올라와 메뉴를 가린다.
 * isolation 으로 스코프 전체를 z-index:0 한 겹으로 만들면 내부 값들은 스코프 안에서만 경쟁하고
 * 바깥과는 .rsv-scope 하나로 비교되어 헤더 드롭다운이 정상적으로 위에 뜬다.
 * (예약 화면 모달은 <dialog>+showModal 이라 top layer 로 빠져나가므로 영향 없다.) */
.rsv-scope {
	isolation: isolate;
}

/* 1) 폭 정렬 — micro 는 .container 가 1720px/좌우 10px 라 홈(1340px/20px) 안에서 왼쪽 끝에 붙는다. */
.rsv-scope .container {
	max-width: 1340px;
	padding: 0 20px;
}

/* 2) 예약 탭(실시간예약/예약확인) 바도 같은 폭에 맞춘다.
 * (.main-menu 는 홈 메인의 플로팅 메뉴와 이름이 같지만, 인라인에서는 main.css 를 싣지 않아 충돌하지 않는다.) */
.rsv-scope .main-menu {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 20px;
}

/* 3) 미니사이트 자체 로고 숨김 — 홈 헤더 로고와 중복된다(팝업 타입에서는 그게 유일한 로고라 원본은 그대로 둔다). */
.rsv-scope .schedule-area .schedule-row > .title {
	display: none;
}

/* 4) 홈 서브페이지와 같은 상단 여백 */
.rsv-scope .sub-contents {
	padding-top: 20px;
}