/* [웹프림 M16-C 최소 수정] 절대 /img/ 경로 3건을 테마 자산 상대 경로(../img/)로 변경 — 그 외 원본 무수정 */
@charset "utf-8";
.container {padding-top: var(--header-height);}
.hero-section {max-height: 300px;}

/* 예약 완료 · 마이페이지 예약 확인 공통 */
.reservation-confirm-section .inner {max-width: 1020px; row-gap: var(--fs-60);}
.reservation-confirm-section .reservation-confirm-block + .reservation-confirm-block {padding-top:var(--space-60); border-top: 1px solid var(--color-border2);}
.reservation-confirm-section .reservation-confirm-tit {margin-bottom:var(--fs-40); display:flex; align-items:center; column-gap:var(--fs-16);}
/* .reservation-confirm-section .reservation-confirm-tit::after {content:''; height:1px; flex:1; background-color:var(--color-border1);} */
.reservation-confirm-section .reservation-confirm-tit h3 {flex-shrink:0; color:var(--color-static1);}
.reservation-confirm-section .reservation-confirm-list {display:flex; flex-direction:column; row-gap:var(--fs-28); padding-inline: var(--fs-20);}
.reservation-confirm-section .reservation-confirm-list > div {display:grid; grid-template-columns:110px 1fr; column-gap:var(--fs-30);}
.reservation-confirm-section .reservation-confirm-list dt {color:var(--color-text2);}
.reservation-confirm-section .reservation-confirm-list dd {color:var(--color-text2); font-weight: 500;}
.reservation-confirm-section .reservation-confirm-list dd.desc-box {flex-direction: column; row-gap: 8px; align-items: flex-start;}
.reservation-confirm-section .reservation-confirm-price-info {padding-inline: var(--fs-20);}
.reservation-confirm-section .reservation-confirm-price-list {padding-bottom:var(--fs-30); display:flex; flex-direction:column; row-gap:var(--fs-20); border-bottom:1px solid var(--color-border2);}
.reservation-confirm-section .reservation-confirm-price-list li {display:flex; align-items:center; justify-content:space-between;}
.reservation-confirm-section .reservation-confirm-price-list li span {color:var(--color-text2);}
.reservation-confirm-section .reservation-confirm-price-list li strong {color:var(--color-static1);}
.reservation-confirm-section .reservation-confirm-total {padding-block:var(--fs-30); display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid var(--color-border2);}
.reservation-confirm-section .reservation-confirm-total > span {color:var(--color-text1);}
.reservation-confirm-section .reservation-confirm-total .price-wrap {display:flex; flex-direction:column; align-items:flex-end;}
.reservation-confirm-section .reservation-confirm-total .price-wrap strong {color:var(--color-static1);}
.reservation-confirm-section .reservation-confirm-total .price-wrap span {color: var(--color-text2);}
.reservation-confirm-section .reservation-payment-method {padding-top:var(--fs-30); display:flex; align-items:center; justify-content:space-between;}
.reservation-confirm-section .reservation-payment-method span {color:var(--color-text3);}
.reservation-confirm-section .reservation-payment-method strong {color:var(--color-text1);}
.reservation-confirm-section .reservation-guide-list {display:flex; flex-direction:column; padding-inline: var(--fs-20);}
.reservation-confirm-section .reservation-guide-item {border-bottom:1px solid var(--color-border1);}
.reservation-confirm-section .reservation-guide-item:first-child {border-top:1px solid var(--color-border1);}
.reservation-confirm-section .reservation-guide-btn {width:100%; padding-block: var(--fs-30); display:flex; align-items:center; justify-content:space-between; column-gap: var(--fs-16);}
.reservation-confirm-section .reservation-guide-btn .guide-label {display:flex; align-items:center; column-gap:var(--fs-12); color:var(--color-text2); text-align: left;}
.reservation-confirm-section .reservation-guide-btn > img {transition:transform 0.2s;}
.reservation-confirm-section .reservation-guide-item.open .reservation-guide-btn > img {transform:rotate(180deg);}
.reservation-confirm-section .reservation-guide-item.open .reservation-guide-box {padding-bottom: var(--fs-20);}
.reservation-confirm-section .reservation-guide-item:has(.reservation-guide-btn:disabled) {border: 0 !important;}
.reservation-confirm-section .reservation-guide-btn:disabled {padding-top: 0 !important;}
.reservation-confirm-section .reservation-guide-item .desc {}
.reservation-confirm-section .guide-icon {position:relative; width:18px; height:18px; display:block; flex-shrink:0;}
.reservation-confirm-section .guide-icon::before {content:''; position:absolute; inset:0; background-repeat:no-repeat; background-position:center; background-size:contain;}
.reservation-confirm-section .guide-icon.check::before {background-image:url('../img/sub/check-ico.svg');}
.reservation-confirm-section .guide-icon.notice::before {background-image:url('../img/sub/notice-ico.svg');}
.reservation-confirm-section .guide-icon.card::before {background-image:url('../img/sub/card-ico.svg');}
.reservation-confirm-section .reservation-guide-item .reservation-guide-box {max-height:0; overflow:hidden; transition:max-height 0.25s ease;}
.reservation-confirm-section .reservation-guide-item.open .reservation-guide-box {max-height: 500px;}
.reserved-room-box {padding: var(--fs-20); border-radius: 8px; display: flex; align-items: center; column-gap: var(--fs-40); border: 1px solid var(--color-border1); box-shadow: var(--box-shadow);}
.reserved-room-box .thumb-wrap {flex-shrink: 0; width: var(--space-160); height: var(--space-160); border-radius: 8px; overflow: hidden;}
.reserved-room-box .thumb-wrap img {width: 100%; height: 100%; object-fit: cover;}
.reserved-room-box .txt-wrap strong {color: var(--color-static1);}
.reserved-room-box .txt-wrap ul {margin-top: var(--fs-24);}
.reserved-room-box .txt-wrap li + li {margin-top: var(--fs-12);}
.reserved-room-box .txt-wrap li {display: flex; align-items: center;}
.reserved-room-box .txt-wrap li span + span {padding-left: var(--fs-16); margin-left: var(--fs-16); border-left: 1px solid var(--color-border1);}
.reservation-confirm-section #kakaoShareBtn .mo {display: none;}
.reservation-confirm-section .reservation-home-btn {margin-top: var(--space-120);}

/* 예약완료-예약번호입력 */
.reservation-check-form-section {margin-top: calc(var(--fs-40) * -1);}
.reservation-check-form-section .inner {max-width: 748px; padding: var(--fs-30) var(--fs-20); row-gap: var(--fs-30) !important;}
.reservation-check-form-section .line {width: 100%; height: 1px; background-color: var(--color-border2);}
.reservation-check-form-section .desc-box {padding: 0;}
.reservation-check-form-section .desc-box p {color: var(--color-text3);}

/* 이용안내 */
.guide-hero-section {padding-block: 0 !important;}
.guide-hero-section .section-tit-wrap > * {color: var(--color-white);}
.guide-nav-section {background-color: var(--color-white); position: sticky; top: var(--header-height); left: 0;}
.guide-nav-section .guide-category-list {display: flex; align-items: center; justify-content: center;}
.guide-nav-section .guide-category-item {}
.guide-nav-section .guide-category-item .guide-category-link {transition: border 0.2s; border-bottom: 3px solid transparent; padding-block: var(--fs-28); padding-inline: var(--space-60); display: flex; flex-direction: column; align-items: center; row-gap: var(--fs-12);}
.guide-nav-section .guide-category-item span {color: var(--color-static1); font-weight: 500;}
.guide-nav-section .guide-category-item .guide-category-link:hover {border-color: rgb(var(--rgb-static1) / 10%);}
.guide-nav-section .guide-category-item .guide-category-link.active {border-color: var(--color-static1);}
.guide-content-section {scroll-margin-top: calc(var(--header-height) + var(--space-140));}
.guide-content-section .desc-box {padding: var(--fs-30) var(--fs-40);}
.guide-amenities-section .guide-content {display: flex; flex-direction: column; row-gap: var(--fs-20);}
.guide-amenities-section .guide-amenity-list {display: flex; flex-wrap: wrap; gap: var(--fs-20);}
.guide-amenities-section .guide-amenity-item {width: calc(100% / 4 - var(--fs-20) * 3 / 4); padding: var(--fs-24) var(--fs-30); border-radius: 8px; border: 1px solid var(--color-border1); display: flex; flex-direction: column; align-items: center; row-gap: 8px;}
.guide-amenities-section .guide-amenity-item strong {color: var(--color-static1);}
.guide-amenities-section .guide-amenity-item span {text-align: center; color: var(--color-text3);}
.guide-amenities-section .guide-amenity-item p {text-align: center;}

.guide-information-section .guide-information-list {display: flex; align-items: center; flex-wrap: wrap; gap: var(--fs-20);}
.guide-information-section .guide-information-item {width: calc(100% / 3 - var(--fs-20) * 2 / 3); padding: var(--fs-40) var(--fs-50); border-radius: 8px; border: 1px solid var(--color-border1); display: flex; flex-direction: column; row-gap: var(--fs-20);}
.guide-information-section .guide-information-item .guide-information-title {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--fs-16); padding-bottom: var(--fs-20); border-bottom: 1px solid var(--color-border1);}
.guide-information-section .guide-information-item .guide-information-title img {height: var(--fs-36);}
html[data-theme="blue"] .guide-information-section .guide-information-item .guide-information-title img {filter: brightness(0) saturate(100%) invert(67%) sepia(15%) saturate(659%) hue-rotate(154deg) brightness(90%) contrast(86%);}
html[data-theme="wood"] .guide-information-section .guide-information-item .guide-information-title img {filter: brightness(0) saturate(100%) invert(70%) sepia(15%) saturate(651%) hue-rotate(328deg) brightness(91%) contrast(85%);}
.guide-information-section .guide-information-item .guide-information-title h4 {color: var(--color-static1);}
.guide-information-section .guide-information-item .desc-box {padding: 0;}
.guide-information-section .guide-information-item .desc-box dl dt,
.guide-information-section .guide-information-item .desc-box dl dd,
.guide-information-section .guide-information-item .desc-box li {color: var(--color-text2);}
.guide-information-section .guide-information-item .desc-box li::before {background-color: var(--color-text2);}
.guide-faq-section .guide-faq-list {display:flex; flex-direction:column; padding-inline: var(--fs-20);}
.guide-faq-section .guide-faq-item + .guide-faq-item {border-top:1px solid var(--color-border1);}
.guide-faq-section .guide-faq-btn {width:100%; padding-block: var(--fs-30); display:flex; align-items:center; justify-content:space-between; column-gap: var(--fs-16);}
.guide-faq-section .guide-faq-btn .guide-label {display:flex; align-items:center; column-gap:var(--fs-12); color:var(--color-text2); text-align: left;}
.guide-faq-section .guide-faq-btn .guide-label img {content: url('../img/sub/q-ico.svg');}
html[data-theme="blue"] .guide-faq-section .guide-faq-btn .guide-label img {content: url('../img/sub/q-ico-blue.svg');}
html[data-theme="wood"] .guide-faq-section .guide-faq-btn .guide-label img {content: url('../img/sub/q-ico-wood.svg');}
.guide-faq-section .guide-faq-btn > img {transition:transform 0.2s;}
.guide-faq-section .guide-faq-item.open .guide-faq-btn > img {transform:rotate(180deg);}
.guide-faq-section .guide-faq-item.open .guide-faq-box {padding-bottom: var(--fs-20);}
.guide-faq-section .guide-faq-item:has(.guide-faq-btn:disabled) {border: 0 !important;}
.guide-faq-section .guide-faq-btn:disabled {padding-top: 0 !important;}

/* 오시는길 */
.loc-hero-section {padding-block: 0 !important;}
.loc-hero-section  .section-tit-wrap > * {color: var(--color-white);}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .reserved-room-box {flex-direction: column; align-items: flex-start; row-gap: var(--fs-20);}
}

@media screen and (min-width: 501px) {
    .guide-hero-section {margin-bottom: 0 !important;}
}

@media screen and (max-width: 1024px) {
    .guide-nav-section .guide-category-item {flex: 1;}
    .guide-nav-section .guide-category-item .guide-category-link {padding-block: var(--fs-20); padding-inline: 0;}
    .guide-amenities-section .guide-amenity-item {width: calc(100% / 2 - var(--fs-20) / 2);}
    .guide-information-section .guide-information-item {width: 100%;}
}

@media screen and (max-width: 768px) {
    .reserved-room-box {flex-direction: row; align-items: center; column-gap: var(--fs-20);}
    .reserved-room-box .txt-wrap li {flex-direction: column; align-items: flex-start;}
    .reserved-room-box .txt-wrap li span + span {padding-left: 0; margin-left: 0; border-left: 0;}

    .guide-nav-section .guide-category-nav {width: 100%;}
    .guide-nav-section .guide-category-item .guide-category-link {padding-block: var(--fs-16);}
    .guide-nav-section .guide-category-nav span {font-size: 14px;}
    .guide-information-section .guide-information-item {padding: var(--fs-24) var(--fs-30);}

    .reservation-check-form-section .desc-box {padding: var(--fs-16); background-color: var(--color-bg2);}
    .reservation-check-form-section .desc-box img,
    .reservation-check-form-section .desc-box p br {display: none;}
}

@media screen and (max-width: 500px) {
    .reserved-room-box {flex-direction: column; align-items: flex-start; row-gap: var(--fs-20);}
    .reserved-room-box .txt-wrap li {flex-direction: row; align-items: center;}
    .reserved-room-box .txt-wrap li span + span {padding-left: var(--fs-16); margin-left: var(--fs-16); border-left: 1px solid var(--color-border1);}

    .guide-nav-section {display: none;}
}

@media screen and (max-width: 412px) {
    .reservation-confirm-section .reservation-confirm-list,
    .reservation-confirm-section .reservation-confirm-price-info,
    .reservation-confirm-section .reservation-guide-list {padding-inline: 8px;}
    .reservation-confirm-section .reservation-confirm-list > div {display: flex; flex-direction: column; row-gap: var(--fs-12); align-items: flex-start;}
    .reservation-confirm-section .reservation-confirm-list dd.desc-box {width: 100%;}
    .reservation-confirm-section #kakaoShareBtn .pc {display: none;}
    .reservation-confirm-section #kakaoShareBtn .mo {display: inline-block;}
}

@media screen and (max-width: 375px) {
    .reserved-room-box {padding: var(--fs-16);}
    .reserved-room-box .txt-wrap li {flex-direction: column; align-items: flex-start;}
    .reserved-room-box .txt-wrap li span + span {padding-left: 0; margin-left: 0; border-left: 0;}
    .reserved-room-box .txt-wrap li span {letter-spacing: -1px;}

    .guide-amenities-section .guide-amenity-item {width: 100%;}
    .guide-faq-section .guide-faq-list {padding-inline: 8px;}
}
/* 
잘림방지코드
.common-calendar {min-width: 400px; border-radius:24px; background:var(--color-white);}
.common-calendar .swiper {width: 100%;}
.common-calendar .calendar-month {display:flex; justify-content:space-between; align-items:center; margin-bottom: 14px;}
.common-calendar .calendar-nav {display:flex; align-items:center; column-gap:12px;}
.common-calendar .calendar-nav button {display:flex; justify-content:center; align-items:center; width:40px; height:40px; border:1px solid var(--color-border1); border-radius:8px; background:var(--color-white); font-size:24px; transition:.3s;}
.common-calendar .calendar-nav button:hover {background:var(--bg-2);}
.common-calendar .calendar-b {padding: 20px 24px;}
.common-calendar .calendar-week {display:grid; grid-template-columns:repeat(7,1fr); margin-bottom:24px;}
.common-calendar .calendar-week span {text-align:center; font-size:var(--fs-16); font-weight:500;}
.common-calendar .calendar-week .sun {color:#C0392B;}
.common-calendar .calendar-week .sat {color:#3B82F6;}
.common-calendar .calendar-grid {display:grid; grid-template-columns:repeat(7,1fr); gap:8px;}
.common-calendar .calendar-grid .day {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 90px; cursor: pointer;}
.common-calendar .calendar-grid .day.past {opacity: 0.5;}
.common-calendar .calendar-grid .day.today {border: 1px solid var(--color-border1); border-radius: 6px;}
.common-calendar .calendar-grid .day.selected {background-color: var(--color-static3); border-radius: 6px;}
.common-calendar .calendar-grid .day.selected .date {color: var(--color-white);}
.common-calendar .calendar-grid .day .date {font-size: 16px; font-weight: 500; line-height: 1.7;}

@media screen and (max-width: 768px) {
    .tab-list {column-gap: var(--fs-30);}
} */