.sec-link_box {display: flex; align-items: center; justify-content: center; flex-flow: column; padding: 109px 0; box-sizing: border-box;}
.sec-link_box .link-tit {font-size: var(--size23); font-weight: 500; line-height: 1.17; letter-spacing: -0.23px; color: var(--black140);}
.sec-link_box .link-btn {display: flex; align-items: center; justify-content: center; width: 156px; height: 38px; margin-top: 18px; border-radius: 5px; background: var(--black); font-size: var(--size15); font-weight: bold; line-height: 1.27; letter-spacing: -0.75; color: var(--white);}


/* mypage-area */
.mypage-area {width: 100%; max-width: 500px; background-color: #fff; min-height: calc(100vh - 60px); height: auto; margin: 60px auto 0;}
.mypage-area .container {padding: 0 20px 20px;}
/* //mypage-area */

/* reservation_list */
.reservation_list {width: 100%; height: auto;}
.reservation_list ul {width: 100%; height: auto;}
.reservation_list ul li {width: 100%; height: auto; margin-bottom: 20px;}
.reservation_list ul li:last-of-type {margin-bottom: 0;}
.reservation_list ul li .child-box {position: relative; padding: 15px; box-sizing: border-box; border-radius: 10px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); box-shadow: 0 0 10px 0 rgba(126, 126, 126, 0.25); background: var(--white);}
.reservation_list ul li.disabled .child-box:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; border-radius: 11px; background: transparent; z-index: 1;}
.reservation_list ul li.disabled .child-box {-webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); box-shadow: 0 0 10px 0 rgba(126, 126, 126, 0.25); background: var(--grayd6);}
.reservation_list ul li.disabled .child-box > div {opacity: .3;}
.reservation_list ul li .child-box .label-area {display: flex; align-items: center; gap: 5px; margin-bottom: 15px;}
.reservation_list ul li .child-box .label-area .label {display: flex; align-items: center; justify-content: center; padding: 7px 10px; background: var(--grayee); border-radius: 8px; box-sizing: border-box; font-size: var(--size11); font-weight: 300; line-height: 1.18; letter-spacing: -0.33px; color: var(--gray94);}
.reservation_list ul li .child-box .txt-box {width: 100%; height: auto;}
.reservation_list ul li .child-box .txt-box .txt-tit {margin-bottom: 1px; font-size: var(--size15); font-weight: bold; line-height: 1.2; letter-spacing: -0.45px; color: var(--black);}
.reservation_list ul li .child-box .txt-box .txt-sub {font-size: var(--size16); font-weight: 600; line-height: 1.19; letter-spacing: -0.48px; color: var(--pr2);}
.reservation_list ul li .child-box .cancellation-btn {width: 100%; height: auto; margin-top: 13px; }
.reservation_list ul li .child-box .cancellation-btn button {display: flex; align-items: center; justify-content: center; width: 100%; height: 55px; border-radius: 3px; border: 1px solid var(--grayed); background: var(--white); font-size: var(--size17); font-weight: 600; line-height: 1.18; letter-spacing: -0.17px; color: var(--black);}
/* //reservation_list */

/* detail-area */
.detail-area {width: 100%; height: auto; margin-top: 60px; background: var(--whitef6);}
.detail-area .container {position: relative;}
.detail-area .detail-swiper {width: 100%; height: auto;}
.detail-area .detail-swiper ul {width: 100%; height: auto;}
.detail-area .detail-swiper ul li {width: 100%; height: auto;}
.detail-area .detail-swiper ul li img {width: 100%; height: 100%; object-fit: cover;}
.slide-count {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; padding: 3px 16px; background: rgba(0, 0, 0, 0.2); box-sizing: border-box; border-radius: 20px; font-size: var(--size15); font-weight: 500; line-height: 1.2; letter-spacing: 0.3px; color: var(--black140); z-index: 1;}
/* //detail-area */

/* detail-area 2 */
.detail-area .swiper-pagination {bottom: 15px; left: 50%; transform: translate(-50%); display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; padding: 0 20px; margin: 0 auto;}
.detail-area .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width: 100%; height: 3px; border-radius: initial;}
.detail-area .swiper-pagination-bullet {background: var(--white); opacity: 1;}
.detail-area .swiper-pagination-bullet-active {background: var(--pr3);}
/* //detail-area */

/* booking-area */
.detail-sec {max-width: 500px; margin: 0 auto; padding: 27px 0 25px; box-sizing: border-box; background: var(--white);}
.detail-area .description-area {padding-top:10px;}
.booking-area {width: 100%; height: auto;}
.booking-tit_box {margin-bottom: 25px; padding: 0 20px 25px; border-bottom: 1px solid var(--grayed);}
.booking-tit_box .booking-tit {font-size: var(--size24); font-weight: 600; line-height: 1.2; letter-spacing: -0.25px; color: var(--black140);}
.booking-tit_box .booking-sub {margin-top: 13px; font-size: var(--size15); font-weight: 500; line-height: 1.19; letter-spacing: -0.16px; color: var(--black140);}
.booking-tit_box .booking-txt {margin-bottom: 35px; font-size: var(--size11); font-weight: 500; line-height: 1.18; letter-spacing: -0.44px; color: var(--gray52);}

.booking-content {width: 100%; height: auto; padding: 0 20px; box-sizing: border-box;}
.booking-content .booking-btn {width: 100%; height: 55px; margin-bottom: 25px; background: var(--pr2); border-radius: 5px; font-size: var(--size17); font-weight: 600; line-height: 1.18; letter-spacing: -0.17px; color: var(--white);}
.booking-content .txt-box {width: 100%; height: auto;}
.booking-content .txt-box .txt-tit {font-size: var(--size20); font-weight: 500; line-height: 1.2; letter-spacing: -0.6px; color: var(--black140);}
.booking-content .txt-box .txt-txt {margin-top: 14px; font-size: var(--size14); font-weight: 300; line-height: 1.43; letter-spacing: -0.56px; color: var(--black);}

.booking-content2 {display: flex; align-items: center; justify-content: space-between;}
.booking-content2 .booking-btn {margin-bottom: 0; background: var(--pr4_gt);}
.booking-content2 .number-slelct {min-width: 75px; height: 53px; margin-right: 8px; background: var(--white); border-radius: 5px; border: 1px solid var(--black);}
.booking-content2 .number-slelct select {width: 100%; height: 100%; text-align: center; appearance: none; font-size: var(--size18); font-weight: 500; line-height: 1.17; letter-spacing: -0.72; color: var(--black);}
/* //booking-area */

/* price-area */
.price-area {width: 100%; padding: 0 20px; margin-bottom: 20px; box-sizing: border-box;}
.price-area .price {margin-bottom: 6px; font-size: var(--size22); font-weight: 500; line-height: 1.32; letter-spacing: -0.88px; color: var(--black);}
.price-area .price-dateil {font-size: var(--size10); font-weight: 300; line-height: 1.8; letter-spacing: -0.4px; color: var(--black);}
/* //price-area */

/* map-area */
.map-area {width: 100%; height: auto;}
.map-area .container {padding: 0 20px;}
.sec-tit {font-size: var(--size16); font-weight: 600; line-height: 1.19; letter-spacing: -0.16px; color: var(--black140);}
.sec-sub {margin-top: 8px; font-size: var(--size14); font-weight: 400; line-height: 2; letter-spacing: -0.26px; color: var(--black140);}
.map-area .map {width: 100%; height: 190px; margin-top: 20px; background: #f4f4f4;}
/* //map-area */

/* detail-information */
.detail-information {padding: 25px 20px; box-sizing: border-box; background: var(--whitef4);}
/* //detail-information */

/* toggle-btn */
.toggle-btn {width: 100%; box-sizing: border-box; background: var(--white);}
.toggle-btn ul {width: 100%;}
.toggle-btn ul li {padding: 14px 0; border-bottom: 1px solid rgba(112, 112, 112, 0.23); cursor: pointer;}
.toggle-btn ul li .toggle-tit {display: flex; align-items: center; justify-content: space-between; font-size: var(--size16); font-weight: 600; line-height: 1.14; letter-spacing: -0.56px; color: var(--black);}
.toggle-btn ul li .toggle-tit img {width: 15.4px; height: auto;}
.toggle-btn ul li.active .toggle-tit img {transform: rotate(-180deg);}
.toggle-btn ul li .toggle-content {display: none; width: 100%; height: auto; padding: 20px; margin-top: 17px; background: var(--whitef4); box-sizing: border-box; font-size: var(--size14); font-weight: 400; line-height: 1.2; letter-spacing: -0.56; color: var(--black);}
/* //toggle-btn */

.description-area .container {padding: 0 20px;}
/* call-btn */
.call-btn {display: flex; align-items: center; justify-content: center; width: 156px; height: 38px; margin-top: 20px; border: 1px solid var(--black); box-sizing: border-box; font-size: var(--size14); font-weight: 500; line-height: 1.36; letter-spacing: -0.7px; color: var(--black);}
/* //call-btn */