/* =====================================================================
   예전 화면을 새 머리말·꼬리말 아래에 맞추는 손질
   (예약신청서·예약 접수 완료·이용약관·주의사항·게시판 글 보기/쓰기·로그인 등)
   - 예전 머리말은 화면 맨 위에 떠 있어서(고정) 본문 위에 170px(휴대폰 68px)의
     빈칸을 두었음 → 새 머리말은 떠 있지 않으므로 그 빈칸을 줄임
   - 휴대폰의 회색 제목 띠(#mobile-header)는 새 머리말과 겹쳐 보여서 숨김
     (같은 제목이 바로 아래 큰 글씨로 다시 나옴)
   - body.gbp-legacy 에서만 적용. 화면 구조·글은 바꾸지 않음
   ===================================================================== */

/* ---------- 본문 위 빈칸 ---------- */
.gbp-legacy #cost,
.gbp-legacy #information,
.gbp-legacy #section2,
.gbp-legacy #review_section { padding-top: 40px; }

@media (max-width: 767px) {
  .gbp-legacy #cost,
  .gbp-legacy #information,
  .gbp-legacy #section2,
  .gbp-legacy #review_section { padding-top: 16px; }
  .gbp-legacy #mobile-header { display: none; }
}

/* ---------- 새 꼬리말: 예전 css 의 'footer p 가운데 정렬'(휴대폰) 되돌림 ---------- */
.gbp-legacy .gbp-ft,
.gbp-legacy .gbp-ft p { text-align: left; }

/* ---------- 예약 접수 완료 화면 (form_complete · form_ok_complete) ---------- */
/* 표가 휴대폰 화면 밖으로 밀려 나가지 않게 (긴 주소·영문 글자 줄바꿈) */
.gbp-p-form_done #cost table { max-width: 100%; }
.gbp-p-form_done #cost td { overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 767px) {
  .gbp-p-form_done #cost .container123 { padding: 0 12px; }
}