/* -start- title-area -공통- */
.title-area { position: relative; }
.title-area .top-main-img-box { width: 100%; max-width: 1920px; height: 350px; }
.title-area .top-main-img-box .d-img-top-main { width: 100%; height: 100%; display: block; object-fit: cover; }
.title-area .top-main-text-box { position: absolute; top: 35%; left: 0; right: 0; }
.title-area .top-main-text-box .area-title-h1 { font-size: 1.875rem; font-weight: 500; text-align: center; color: #fff; padding-bottom: 1.25rem; }
.title-area .top-main-text-box .area-category-list { font-size: 1rem; font-weight: normal; text-align: center; color: #fff; }
.title-area .top-main-text-box .icon-next { vertical-align: bottom; }
/* -end- title-area -공통- */

/* -start- 공통사항 */
.title-h1 { font-size: 2.5rem; font-weight: bold; letter-spacing: 6px; text-align: center; color: #202020; }
.text-red { color: #d7163a; }
.text-green { color: #005c5e; }
.text-500 { font-weight: 500; }
.btn-cancel:link,
.btn-cancel:visited,
.btn-cancel:hover,
.btn-cancel { border: 1px solid #202020; background-color: #fff; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #202020; width: 100%; max-width: 122px; display: inline-block; }
.btn-reservations:link,
.btn-reservations:visited,
.btn-reservations:hover,
.btn-reservations { border: 1px solid #202020; background-color: #202020; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #fff; width: 100%; max-width: 122px; display: inline-block; }
.btn-reservations-modify:link,
.btn-reservations-modify:visited,
.btn-reservations-modify:hover,
.btn-reservations-modify { border: 1px solid #202020; background-color: #fff; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #202020; width: 100%; max-width: 122px; display: inline-block; }
.btn-reservations-cancel:link,
.btn-reservations-cancel:visited,
.btn-reservations-cancel:hover,
.btn-reservations-cancel { border: 1px solid #202020; background-color: #fff; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #202020; width: 100%; max-width: 122px; display: inline-block; }
.btn-enter:link,
.btn-enter:visited,
.btn-enter:hover,
.btn-enter { border: 1px solid #005c5e; background-color: #005c5e; font-size: 0.937rem; font-weight: 500; text-align: center; color: #fff; width: 100%; max-width: 208px; padding: 0.625rem 0; display: block; }
#ap-slides { width: calc(100% / 3); height: 100%; overflow: hidden; float: left; text-align: center; }
#hour-slides { width: calc(100% / 3); height: 100%; overflow: hidden; float: left; text-align: center; }
#time-slides { width: calc(100% / 3); height: 100%; overflow: hidden; float: left; text-align: center; }
#ap-slides .swiper-container,
#hour-slides .swiper-container,
#time-slides .swiper-container,
#ap-slides .swiper-wrapper,
#hour-slides .swiper-wrapper,
#time-slides .swiper-wrapper { height: 100%; }
#ap-slides .swiper-slide,
#hour-slides .swiper-slide,
#time-slides .swiper-slide { font-size: 1.125rem; font-weight: 500; color: #202020; vertical-align: middle; }
#ap-slides .swiper-slide-duplicate-prev,
#ap-slides .swiper-slide-duplicate-next,
#hour-slides .swiper-slide-duplicate-prev,
#hour-slides .swiper-slide-duplicate-next,
#time-slides .swiper-slide-duplicate-prev,
#time-slides .swiper-slide-duplicate-next { color: rgba(167, 167, 167, 0.9); }
#ap-slides .swiper-slide-prev,
#ap-slides .swiper-slide-next,
#hour-slides .swiper-slide-prev,
#hour-slides .swiper-slide-next,
#time-slides .swiper-slide-prev,
#time-slides .swiper-slide-next { color: rgba(167, 167, 167, 0.9); }
/* -end- 공통사항 */

/* -start- 예약하기 */
.wrap-reservations { width: 100%; max-width: 1100px; margin: 7.5rem auto; }

.wrap-reservations .text-reservations-check { font-size: 1rem; font-weight: bold; letter-spacing: 2.4px; text-align: right; color: #202020; margin-top: -1.5rem; }

.wrap-reservations .wrapper-reservations-day-time { padding-top: 3.75rem; width: 100%; }
.wrap-reservations .wrapper-reservations-day-time .title-reservations-day-time { font-size: 1.25rem; font-weight: 500; line-height: 1; color: #202020; padding-bottom: 1rem; border-bottom: 2px solid #202020; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time { margin-top: 2.5rem; display: flex; justify-content: space-between; align-items: flex-start; padding-left: 0; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-day-box { width: 100%; max-width: 535px; height: 323px; background-color: #d9d9d9; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box { width: 100%; max-width: 471px; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .title-select-time { font-size: 1.125rem; font-weight: 500; line-height: 1; text-align: center; color:#202020; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-request-select { display: block; font-size: 1.125rem; font-weight: 500; line-height: 1; text-align: center; color: #202020; padding-bottom: 2.812rem; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-select-time { display: none; font-size: 1.125rem; font-weight: 500; line-height: 1; text-align: center; color: #202020; padding-bottom: 2.812rem; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-select-time-notice { font-size: 0.812rem; font-weight: 500; color: #666; line-height: 1.7; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .reservations-select-box { height: 160px; overflow: hidden; position: relative; margin: 2.5rem 0; }
.wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .reservations-select-box .select-box { border-radius: 5px; border: 2px solid #202020; width: 100%; height: 48px; position: absolute; top: 36%; }

.wrap-reservations .wrapper-reservations-info-input { padding-top: 6.125rem; }
.wrap-reservations .wrapper-reservations-info-input .title-reservations-info-input { display: flex; justify-content: space-between; align-items: flex-end; font-size: 1.25rem; font-weight: 500; color: #202020; padding-bottom: 1rem; border-bottom: 2px solid #202020; }
.wrap-reservations .wrapper-reservations-info-input .title-reservations-info-input .text-essential-input { font-size: 0.875rem; font-weight: normal; text-align: right; color: #202020; margin-bottom: -0.375rem; }
.wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail { padding-left: 0; margin-bottom: 0; padding-top: 2.5rem; }
.wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 1.25rem; }
.wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list .title-list { font-size: 1.125rem; color:#202020; width: 100%; max-width: 100px; }
.wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list input { font-size: 1rem; font-weight: 500; color: #d9d9d9; border-radius: 0; border: 1px solid #d9d9d9; line-height: 1; width: 100%; max-width: 347px; }
.wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list input:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list .input-content { width: 100%; padding: 1.062rem 1.25rem; font-size: 1rem; font-weight: 500; color: #d9d9d9; border-radius: 0; border: 1px solid #d9d9d9; line-height: 1; height: 145px; }

.wrap-reservations .wrapper-reservations-privacy { padding-top: 6.25rem; }
.wrap-reservations .wrapper-reservations-privacy .title-reservations-privacy { font-size: 1.25rem; font-weight: 500; color: #202020; border-bottom: 2px solid #202020; padding-bottom: 1rem; }
.wrap-reservations .wrapper-reservations-privacy .privacy-content { padding: 1.35rem 1.631rem; border: 1px solid #e9e9e9; background-color: #f8f8f8; margin: 2.5rem 0 1.25rem; height: 180px; overflow-y: auto; font-size: 0.812rem; font-weight: 300; color: #666; }
.wrap-reservations .wrapper-reservations-privacy .privacy-content::-webkit-scrollbar { width: 7.2px; border-radius: 10px; background-color: #e8e8e8; }
.wrap-reservations .wrapper-reservations-privacy .privacy-content::-webkit-scrollbar-thumb { background-color: #666; }
.wrap-reservations .wrapper-reservations-privacy .box-agree { box-sizing: border-box; }
.wrap-reservations .wrapper-reservations-privacy .box-agree .box-checkbox { width: 3%; display: inline-block; }
.wrap-reservations .wrapper-reservations-privacy .box-agree .checkbox-container { position: relative; margin: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wrap-reservations .wrapper-reservations-privacy .box-agree .checkbox-container input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.wrap-reservations .wrapper-reservations-privacy .box-agree .checkbox-container input#accept-privacy:checked ~ .checkmark { color: #fff;  background-color: #005c5e; border: 1px solid #005c5e; }
.wrap-reservations .wrapper-reservations-privacy .box-agree .checkbox-container .checkmark { position: absolute; top: -17px; left: 0; height: 23px; width: 23px; background-color: #fff; border: 1px solid #666; border-radius: 1px;  }
.wrap-reservations .wrapper-reservations-privacy .box-agree .checkbox-container .checkmark .material-icons { font-size: 20px; position: absolute; left: 0; }
.wrap-reservations .wrapper-reservations-privacy .box-agree .agree-label { font-size: 0.937rem; font-weight: 500; color: #202020; display: inline-block; cursor: pointer; }

.wrap-reservations .wrapping-btn { width: 100%; margin: 2.25rem auto 0; text-align: center; }
.wrap-reservations .wrapping-btn .btn-cancel,
.wrap-reservations .wrapping-btn .btn-reservations { margin: 0 0.375rem; }
/* -end- 예약하기 */

/* -start- 예약 내역 */
.wrap-check-login { width: 100%; max-width: 300px; margin: 7.5rem auto; }
.wrap-check-login .text-check-login { font-size: 1.062rem; font-weight: 500; text-align: center; color: #202020; padding: 3.75rem 0 1.25rem; }
.wrap-check-login .wrapping-check-login { padding-left: 0; width: 100%; max-width: 208px; margin: 0 auto; }
.wrap-check-login .wrapping-check-login .check-login-list { padding-bottom: 0.75rem; }
.wrap-check-login .wrapping-check-login .check-login-list .input-check-login-name,
.wrap-check-login .wrapping-check-login .check-login-list .input-check-login-phone { font-size: 1rem; font-weight: 500; line-height: 1; color: #d9d9d9; border: 1px solid #cfcfcf; background-color: #fff; padding: 0.812rem 1rem; border-radius: 0; }
.wrap-check-login .wrapping-check-login .check-login-list .input-check-login-name:focus,
.wrap-check-login .wrapping-check-login .check-login-list .input-check-login-phone:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-reservations-detail { width: 100%; max-width: 1100px; margin: 7.5rem auto; }
.wrap-reservations-detail .title-reservations-detail { padding: 3.75rem 0 1rem; font-size: 1.25rem; font-weight: 500; line-height: 1; color: #202020; border-bottom: 2px solid #202020; }
.wrap-reservations-detail .wrapper-reservations-detail { padding: 2.5rem 0; border-bottom: 0.6px solid #d2d2d2; margin-bottom: 0; }
.wrap-reservations-detail .wrapper-reservations-detail .list-reservations-detail { display: flex; justify-content: flex-start; align-items: flex-start; padding-bottom: 1.25rem; }
.wrap-reservations-detail .wrapper-reservations-detail .list-reservations-detail:nth-child(3) { padding-bottom: 0; }
.wrap-reservations-detail .wrapper-reservations-detail .list-reservations-detail .title-detail { width: 100%; max-width: 90px; font-size: 1rem; font-weight: 500; line-height: 1; color: #666; }
.wrap-reservations-detail .wrapper-reservations-detail .list-reservations-detail .content-deatil { width: 100%; font-size: 1rem; font-weight: 500; line-height: 1; color: #202020; }
.wrap-reservations-detail .wrapper-reservations-detail .list-btn { padding-top: 1.5rem; }
.wrap-reservations-detail .wrapper-reservations-detail .list-btn .btn-reservations-modify { margin-right: 0.75rem; }
.wrap-reservations-detail .wrapper-reservations-detail.last-detail { border-bottom: 0.6px solid #202020; }
/* -end- 예약 내역 */

/* -start- 예약 내용 수정 */
.wrap-reservations-edit { width: 100%; max-width: 1100px; margin: 7.5rem auto; }

.wrap-reservations-edit .wrapper-reservations-day-time { padding-top: 3.75rem; width: 100%; }
.wrap-reservations-edit .wrapper-reservations-day-time .title-reservations-day-time { font-size: 1.25rem; font-weight: 500; line-height: 1; color: #202020; padding-bottom: 1rem; border-bottom: 2px solid #202020; }
.wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time { margin-top: 2.5rem; display: flex; justify-content: space-between; align-items: flex-start; padding-left: 0; }
.wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-day-box { width: 100%; max-width: 535px; height: 323px; background-color: #d9d9d9; }
.wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box { width: 100%; max-width: 471px; }
.wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .title-select-time { font-size: 1.125rem; font-weight: 500; line-height: 1; text-align: center; color:#202020; }
.wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-select-time { font-size: 1.125rem; font-weight: 500; line-height: 1; text-align: center; color: #202020; padding-bottom: 2.812rem; }
.wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-select-time-notice { font-size: 0.812rem; font-weight: 500; color: #666; line-height: 1.7; }
.wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .reservations-select-box { height: 160px; overflow: hidden; position: relative; margin: 2.5rem 0; }
.wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .reservations-select-box .select-box { border-radius: 5px; border: 2px solid #202020; width: 100%; height: 48px; position: absolute; top: 36%; }


.wrap-reservations-edit .wrapper-reservations-info-input { padding-top: 6.125rem; }
.wrap-reservations-edit .wrapper-reservations-info-input .title-reservations-info-input { display: flex; justify-content: space-between; align-items: flex-end; font-size: 1.25rem; font-weight: 500; color: #202020; padding-bottom: 1rem; border-bottom: 2px solid #202020; }
.wrap-reservations-edit .wrapper-reservations-info-input .title-reservations-info-input .text-essential-input { font-size: 0.875rem; font-weight: normal; text-align: right; color: #202020; margin-bottom: -0.375rem; }
.wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail { padding-left: 0; margin-bottom: 0; padding-top: 2.5rem; }
.wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 1.25rem; }
.wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list .title-list { font-size: 1.125rem; color:#202020; width: 100%; max-width: 100px; }
.wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list input { font-size: 1rem; font-weight: 500; color: #202020; border-radius: 0; border: 1px solid #d9d9d9; line-height: 1; width: 100%; max-width: 347px; }
.wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list input:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list .input-content { width: 100%; padding: 1.062rem 1.25rem; font-size: 1rem; font-weight: 500; color: #d9d9d9; border-radius: 0; border: 1px solid #d9d9d9; line-height: 1; height: 145px; }

.wrap-reservations-edit .wrapper-reservations-privacy { padding-top: 6.25rem; }
.wrap-reservations-edit .wrapper-reservations-privacy .title-reservations-privacy { font-size: 1.25rem; font-weight: 500; color: #202020; border-bottom: 2px solid #202020; padding-bottom: 1rem; }
.wrap-reservations-edit .wrapper-reservations-privacy .privacy-content { padding: 1.35rem 1.631rem; border: 1px solid #e9e9e9; background-color: #f8f8f8; margin: 2.5rem 0 1.25rem; height: 180px; overflow-y: auto; font-size: 0.812rem; font-weight: 300; color: #666; }
.wrap-reservations-edit .wrapper-reservations-privacy .privacy-content::-webkit-scrollbar { width: 7.2px; border-radius: 10px; background-color: #e8e8e8; }
.wrap-reservations-edit .wrapper-reservations-privacy .privacy-content::-webkit-scrollbar-thumb { background-color: #666; }
.wrap-reservations-edit .wrapper-reservations-privacy .box-agree { box-sizing: border-box; }
.wrap-reservations-edit .wrapper-reservations-privacy .box-agree .box-checkbox { width: 3%; display: inline-block; }
.wrap-reservations-edit .wrapper-reservations-privacy .box-agree .checkbox-container { position: relative; margin: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wrap-reservations-edit .wrapper-reservations-privacy .box-agree .checkbox-container input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.wrap-reservations-edit .wrapper-reservations-privacy .box-agree .checkbox-container input:checked ~ .checkmark { color: #fff;  background-color: #005c5e; border: 1px solid #005c5e; }
.wrap-reservations-edit .wrapper-reservations-privacy .box-agree .checkbox-container .checkmark { position: absolute; top: -17px; left: 0; height: 23px; width: 23px; background-color: #fff; border: 1px solid #666; border-radius: 1px;  }
.wrap-reservations-edit .wrapper-reservations-privacy .box-agree .checkbox-container .checkmark .material-icons { font-size: 20px; position: absolute; left: 0; }
.wrap-reservations-edit .wrapper-reservations-privacy .box-agree .agree-label { font-size: 0.937rem; font-weight: 500; color: #202020; display: inline-block; cursor: pointer; }

.wrap-reservations-edit .wrapping-btn { width: 100%; margin: 2.25rem auto 0; text-align: center; }
.wrap-reservations-edit .wrapping-btn .btn-cancel,
.wrap-reservations-edit .wrapping-btn .btn-reservations { margin: 0 0.375rem; }
/* -end- 예약 내용 수정 */

/* 캘린더 */
#datepicker { width:calc(50% - 10px); float:left; margin-right:20px; position: relative; }
.ui-widget.ui-widget-content{ width:100%; height:340px; padding:0; overflow:hidden; }
.ui-datepicker table { width: 100%; height:calc(100% - 50px); margin:0; text-align: center; }
.ui-datepicker .ui-datepicker-header { display: flex; justify-content: center; align-items: center; position: relative; height:50px; padding:0; }
.ui-datepicker .ui-state-default { width: auto; }
.ui-datepicker .ui-state-active { position: relative; background: #ea5498 }
.ui-datepicker .ui-state-default:hover { background: #ea5498; }
.ui-datepicker .ui-datepicker-title{ margin: 0; line-height: 50px; text-align: center; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:70px; text-align-last: center; margin: 0; font-size: 1em; font-family: 'Noto Sans','Nanum Gothic','Malgun Gothic',sans-serif; font-weight: 500; margin-left: 5px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50% !important; transform: translateY(-50%); }
.ui-datepicker .ui-datepicker-next { right: 15px!important; }
.ui-datepicker .ui-datepicker-prev { left: 15px!important; }
.ui-datepicker th:first-of-type { color: #df4545; }
.ui-datepicker th:last-of-type { color: #3d82bc; }
/* -end- 캘린더 */

@media (max-width: 600px) {
  /* -start- submenu -공통- */
  .wrap-mobile-submenu { background-color: #202020; width: 100%; overflow: hidden; padding: 1.062rem 0 1rem; position: fixed; top: 50px; z-index: 10; }
  #m-submenu-slides .list-submenu { font-size: 0.937rem; font-weight: 500; color: rgba(255, 255, 255, 0.5); }
  #m-submenu-slides .list-submenu.on { color: #fff; }
  #m-submenu-slides .swiper-container { padding-left: 1.562rem; padding-right: 1.25rem; }
  #m-submenu-slides .list-1 { width: 65px; }
  #m-submenu-slides .list-2 { width: 85px; }
  #m-submenu-slides .list-3 { width: 85px; }
  #m-submenu-slides .list-4 { width: 95px; }

  .wrap-mobile-fulldownmenu { background-color: #fff; width: 100%; overflow: hidden; border-bottom: 1px solid #d9d9d9; position: fixed; top: 105px; padding-left: 1.562rem; display: block; z-index: 10; }
  .wrap-mobile-fulldownmenu .wrapper-fulldownmenu { display: flex; justify-content: flex-start; align-items: center; }
  .wrap-mobile-fulldownmenu .wrapper-fulldownmenu .list-fulldown-menu { font-size: 0.937rem; font-weight: 500; line-height: 1; color: #202020; margin-right: 3rem; padding: 1rem 0 0.812rem; }
  .wrap-mobile-fulldownmenu .wrapper-fulldownmenu .list-fulldown-menu.on { border-bottom: 4px solid #005c5e; }
  /* -end- submenu -공통- */
  
  /* -start- 공통사항 */
  .title-h1 { font-size: 1.562rem; letter-spacing: 3.75px; padding-bottom: 1.625rem; }
  .btn-cancel:link,
  .btn-cancel:visited,
  .btn-cancel:hover,
  .btn-cancel { font-weight: normal; max-width: 100%; }
  .btn-reservations:link,
  .btn-reservations:visited,
  .btn-reservations:hover,
  .btn-reservations { font-weight: normal; max-width: 100%; }
  .btn-reservations-modify:link,
  .btn-reservations-modify:visited,
  .btn-reservations-modify:hover,
  .btn-reservations-modify { padding: 0.812rem 0; font-size: 1rem; max-width: 100%; display: block; }
  .btn-reservations-cancel:link,
  .btn-reservations-cancel:visited,
  .btn-reservations-cancel:hover,
  .btn-reservations-cancel { padding: 0.812rem 0; font-size: 1rem; max-width: 100%; display: block; }
  .btn-enter:link,
  .btn-enter:visited,
  .btn-enter:hover,
  .btn-enter { max-width: 200px; }
  /* -end- 공통사항 */

  /* -start- 예약하기 */
  .wrap-reservations { width: 88.88%; max-width: 88.88%; margin: 8.5rem auto 5rem; }

  .wrap-reservations .text-reservations-check { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.5px; margin-top: -3rem; margin-bottom: 1.625rem; }

  .wrap-reservations .wrapper-reservations-day-time { padding-top: 0; }
  .wrap-reservations .wrapper-reservations-day-time .title-reservations-day-time { font-size: 1rem; line-height: normal; color: #202020; padding-bottom: 0.375rem; }
  .wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time { margin-top: 1.75rem; display: block; }
  .wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-day-box { max-width: 100%; height: 100%; }
  .wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box { max-width: 100%; padding-top: 2.5rem; }  
  .wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .title-select-time { font-size: 1rem; text-align: left; }
  .wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .reservations-select-box { margin: 0 0 2.5rem; }
  .wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-select-time { font-size: 1rem; padding-bottom: 2.5rem; }
  .wrap-reservations .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-select-time-notice { font-size: 0.75rem; line-height: 1.7; }

  .wrap-reservations .wrapper-reservations-info-input { padding-top: 3.75rem; }
  .wrap-reservations .wrapper-reservations-info-input .title-reservations-info-input { font-size: 1rem; padding-bottom: 0.375rem; }
  .wrap-reservations .wrapper-reservations-info-input .title-reservations-info-input .text-essential-input { font-size: 0.75rem; margin-bottom: -2.2rem; }
  .wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list { display: block; padding-bottom: 1.512rem; }
  .wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list .title-list { font-size: 0.875rem; max-width: 100%; padding-bottom: 0.737rem; }
  .wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list input { font-size: 0.875rem; max-width: 100%; padding: 0.812rem 1rem 0.793rem; }  
  .wrap-reservations .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list .input-content { width: 100%; padding: 0.687rem 1rem; font-size: 0.875rem; height: 160px; }

  .wrap-reservations .wrapper-reservations-privacy { padding-top: 3.75rem; }
  .wrap-reservations .wrapper-reservations-privacy .title-reservations-privacy { font-size: 1rem; padding-bottom: 0.375rem; }
  .wrap-reservations .wrapper-reservations-privacy .privacy-content { padding: 0.937rem 0.812rem; margin: 1.75rem 0 0.875rem; height: 152px; }
  .wrap-reservations .wrapper-reservations-privacy .privacy-content::-webkit-scrollbar { width: 3.5px; }
  .wrap-reservations .wrapper-reservations-privacy .box-agree .box-checkbox { width: 9%; }
  
  .wrap-reservations .wrapping-btn { margin: 1.812rem auto 0; }
  .wrap-reservations .wrapping-btn .btn-cancel,
  .wrap-reservations .wrapping-btn .btn-reservations { margin: 0 0 0.312rem; }
  /* -end- 예약하기 */


  /* -start- 예약 내역 */
  .wrap-check-login { width: 88.88%; max-width: 88.88%; margin: 8.5rem auto 5rem; }
  .wrap-check-login .text-check-login { padding: 0 0 1.25rem; }
  .wrap-check-login .wrapping-check-login { max-width: 200px; }
  .wrap-check-login .wrapping-check-login .check-login-list .input-check-login-name,
  .wrap-check-login .wrapping-check-login .check-login-list .input-check-login-phone { font-size: 0.875rem; padding: 0.875rem 1rem; }

  .wrap-reservations-detail { width: 88.88%; max-width: 88.88%; margin: 8.5rem auto 5rem; }
  .wrap-reservations-detail .title-reservations-detail { padding: 0 0 0.375rem; font-size: 1rem; line-height: normal; }
  .wrap-reservations-detail .wrapper-reservations-detail { padding: 1.25rem 0 1.212rem; }
  .wrap-reservations-detail .wrapper-reservations-detail .list-reservations-detail { padding-bottom: 0.75rem; }
  .wrap-reservations-detail .wrapper-reservations-detail .list-reservations-detail .title-detail { max-width: 72px; font-size: 0.875rem; }
  .wrap-reservations-detail .wrapper-reservations-detail .list-reservations-detail .content-deatil { font-size: 0.875rem; }
  .wrap-reservations-detail .wrapper-reservations-detail .list-btn { padding-top: 1.25rem; }
  .wrap-reservations-detail .wrapper-reservations-detail .list-btn .btn-reservations-modify { margin-right: 0; margin-bottom: 0.375rem; }
  /* -end- 예약 내역 */

  /* -start- 예약 내용 수정 */
  .wrap-reservations-edit { width: 88.88%; max-width: 88.88%; margin: 8.5rem auto 5rem; }

  .wrap-reservations-edit .wrapper-reservations-day-time { padding-top: 0; }
  .wrap-reservations-edit .wrapper-reservations-day-time .title-reservations-day-time { font-size: 1rem; line-height: normal; color: #202020; padding-bottom: 0.375rem; }
  .wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time { margin-top: 1.75rem; display: block; }
  .wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-day-box { max-width: 100%; height: 100%; }
  .wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box { max-width: 100%; padding-top: 2.5rem; }  
  .wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .title-select-time { font-size: 1rem; text-align: left; }
  .wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-select-time { font-size: 1rem; padding-bottom: 2.5rem; }
  .wrap-reservations-edit .wrapper-reservations-day-time .wrapping-reservations-day-time .reservations-time-box .text-select-time-notice { font-size: 0.75rem; line-height: 1.7; }

  .wrap-reservations-edit .wrapper-reservations-info-input { padding-top: 3.75rem; }
  .wrap-reservations-edit .wrapper-reservations-info-input .title-reservations-info-input { font-size: 1rem; padding-bottom: 0.375rem; }
  .wrap-reservations-edit .wrapper-reservations-info-input .title-reservations-info-input .text-essential-input { font-size: 0.75rem; margin-bottom: -2.2rem; }
  .wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list { display: block; padding-bottom: 1.512rem; }
  .wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list .title-list { font-size: 0.875rem; max-width: 100%; padding-bottom: 0.737rem; }
  .wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list input { font-size: 0.875rem; max-width: 100%; padding: 0.812rem 1rem 0.793rem; }  
  .wrap-reservations-edit .wrapper-reservations-info-input .wrapping-reservations-detail .reservations-detail-list .input-content { width: 100%; padding: 0.687rem 1rem; font-size: 0.875rem; height: 160px; }

  .wrap-reservations-edit .wrapper-reservations-privacy { padding-top: 3.75rem; }
  .wrap-reservations-edit .wrapper-reservations-privacy .title-reservations-privacy { font-size: 1rem; padding-bottom: 0.375rem; }
  .wrap-reservations-edit .wrapper-reservations-privacy .privacy-content { padding: 0.937rem 0.812rem; margin: 1.75rem 0 0.875rem; height: 152px; }
  .wrap-reservations-edit .wrapper-reservations-privacy .privacy-content::-webkit-scrollbar { width: 3.5px; }
  .wrap-reservations-edit .wrapper-reservations-privacy .box-agree .box-checkbox { width: 9%; }

  .wrap-reservations-edit .wrapping-btn { margin: 1.812rem auto 0; }
  .wrap-reservations-edit .wrapping-btn .btn-cancel,
  .wrap-reservations-edit .wrapping-btn .btn-reservations { margin: 0 0 0.312rem; }
  /* -end- 예약 내용 수정 */
}