#stay-product { width: 100%; margin: 0 auto; padding: 0; line-height: 1.5; font-size: 16px; } 

.-top-image {
  padding-top: 30px !important;
}
.-top-info-padding { padding-bottom: 30px !important; }

.-top-info {
  .-flex-box { display: flex; gap: 72px; margin-bottom: 64px; } 
  .-room-intro { width: 60%; } 
  .-room-name { font-size: 32px; font-weight: 700; margin-bottom: 16px; } 
  .-room-intro .-room-txt-box { line-height: 1.8rem; } 
  .-room-info { width: 40%; } 
  .-room-list-box { width: 100%; } 
  .-room-list-box .-list-item { list-style: none !important; padding: 12px 0; border-top: 1px solid #eee; display: flex; } 
  .-room-list-box .-list-item:last-child { border-bottom: 1px solid #eee; } 
  .-room-list-box .-list-item .-list-item-left { width: 30%; color: #333; font-weight: 400; } 
  .-room-list-box .-list-item .-list-item-right { font-weight: 700; } 

}
.-interview {
  .-flex-box { display: flex; gap: 72px; margin-bottom: 64px; } 
  .-interview-intro { width: 60%; } 
  .-interview-name { font-size: 32px; font-weight: 700; margin-bottom: 16px; } 
  .-interview-intro .-interview-txt-box { line-height: 1.8rem; } 
  .-interview-info { width: 40%; } 
  .-interview-list-box { width: 100%; } 
  .-interview-list-box .-list-item { list-style: none !important; padding: 12px 0; border-top: 1px solid #eee; display: flex; } 
  .-interview-list-box .-list-item:last-child { border-bottom: 1px solid #eee; } 
  .-interview-list-box .-list-item .-list-item-left { width: 30%; color: #333; font-weight: 400; } 
  .-interview-list-box .-list-item .-list-item-right { font-weight: 700; } 

}


.-room-txt-title { font-weight: 600; margin-bottom: 8px; color: #9e9e9e; } 

.-spec-swiper { padding-bottom: 120px; } 

.-spec-swiper .swiper-slide { height: fit-content !important; } 

.-spec-swiper .swiper-slide img { border-radius: 0px; margin-bottom: 8px; } 

.-spec-swiper-text h3 { margin-bottom: 4px; } 

.-spec-swiper-text p { font-size: 16px; line-height: 1.6; } 

.-spec-swiper-text .-spec-more-button { font-size: 16px; margin-top: 12px; display: inline-block; text-decoration: none; color: darkred; border-bottom: 1px solid darkred; cursor: pointer; } 

@media screen and (max-width: 767px){
 .-spec-swiper-text .-spec-more-button { font-size: 14px} 
 }

/* .-kit-swiper { padding:0; overflow: hidden; text-align: left; } 
.-kit-swiper .swiper-wrapper { height:fit-content!important; } 
.-kit-swiper .swiper-slide { height:fit-content!important; } 
.-kit-swiper .swiper-slide img { border-radius: 0px; margin-bottom:8px; } 
.-kit-swiper-text h3 { margin-bottom: 4px; } 
.-kit-swiper-text p { font-size: 15px; line-height:1.6; } 
.-kit-swiper-text .-spec-more-button { font-size: 14px; margin-top: 12px; display: inline-block; text-decoration: none; color: darkred; border-bottom: 1px solid darkred; } */

/* Custom Styles */
.-spec-swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; } 

.-stay-top-img-swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; position: relative; width: 100%; aspect-ratio: 4 / 2.6; min-height: 0; z-index: 0; overflow: hidden; } 

.-spec-swiper .swiper-slide img { width: 100%; } 

.-stay-top-img-swiper .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover !important; object-position: center; z-index: 97; } 

.-stay-top-img-swiper .swiper-slide .videoWrapper { padding: 0 !important; position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; } 

.-stay-top-img-swiper[data-swiper-disabled="true"] .swiper-slide { aspect-ratio: unset; overflow: visible; } 

.-stay-top-img-swiper[data-swiper-disabled="true"] .swiper-slide img { position: static; top: auto; left: auto; width: 100%; height: auto; object-fit: unset; object-position: unset; aspect-ratio:3/2 !important } 

/* .swiper-autoheight, .swiper-autoheight .swiper-slide { height: -webkit-fill-available !important; } */
/* .-stay-top-img-swiper .swiper-wrapper { height: 75vh !important; } */
.xans-product-additional #prdDetail .-top-image > img {
  aspect-ratio: 4/3;
}
.swiper-button-next,
.swiper-button-prev { font-size: 30px !important; color: white !important; /* Customize button color */}

.-stay-top-img-swiper,
.-spec-swiper { position: relative; margin-bottom: 0px; } 

.-stay-top-img-swiper { overflow: hidden; /* height: 80vh */}

.-spec-swiper { overflow: hidden}

.-spec-swiper .swiper-wrapper { min-height: 50vh !important; } 

/* .-spec-swiper .swiper-button-wrap { position: absolute; top:40%; } */
.-spec-swiper-text { text-align: left; } 

/* 편의시설 */
.-room-facilities { margin-bottom: 64px; border-top: 1px solid #eee; padding-top: 24px; } 

.-factilites-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; grid-auto-rows: minmax(40px, auto); margin-top: 20px; } 

.-factilites-list .-factilites-item { list-style: none !important; } 

/* 아코디언 */
.noticeAccordion { text-align: left; font-size: 16px; margin: 96px 0; padding: 32px 0 24px; } 

.acc-container { width: 100%; margin-top: 18px; text-align: left; } 

.acc { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; } 

.acc:last-of-type { border-bottom: 0; } 

.acc-head { font-size: 16px; font-weight: 600; padding: 15px 0px;; position: relative; cursor: pointer}

/* .acc-head::before,
.acc-head::after { content: ''; position: absolute; top: 50%; background-color: #555; transition: all .5s } 
.acc-head::before { right: 30px; width: 3px; height: 20px; margin-top: -10px } 
.acc-head::after { right: 21px; width: 20px; height: 3px; margin-top: -2px } */
.acc-head p { color: #555; font-weight: 700}

.acc-content { padding: 8px 0px 15px; display: none; } 

.acc-head.active::before { transform: rotate(90deg)}

.noticeOneDepth { padding-left: 20px; } 

.oneDepList { list-style: disc; margin-bottom: 24px; } 

.oneDepTit { font-size: 15px; font-weight: 600; margin-bottom: 4px}

.noticeTwoDepth { padding-left: 20px; } 

.noticeTwoDepth>li { list-style: circle; line-height: 1.9; font-size: 15px !important}

.notBullet { list-style: none !important}





.bolder>td { border: 3px solid darkred !important; color: darkred}

.expample { font-size: 16px; color: #555; } 


:root { --swiper-navigation-size: 50px !important; } 

/* 모달 */


body.-stay-prd-no-scroll { overflow: hidden; } 

#-stay-prd-openModal { cursor: pointer; } 

.-stay-prd-modal { display: none; border-radius: 8px; /* 기본적으로 모달은 보이지 않음 */
 position: fixed; z-index: 999999; left: 50%; padding-bottom: 16px; top: 50%; transform: translate(-50%, -50%); width: 60%; background-color: white; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } 

.-stay-prd-modal-content { padding: 40px; border-radius: 2px; } 

.-stay-prd-close { color: #aaa; display: flex; justify-content: flex-end; font-size: 28px; font-weight: 400; cursor: pointer; margin-bottom: 0px}

.-stay-prd-close:hover,
.-stay-prd-close:focus { color: #000; text-decoration: none; cursor: pointer; } 

.-stay-prd-dimmed { display: none; /* 기본적으로 dimmed 배경은 보이지 않음 */
 position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } 

.-stay-prd-modal-title { font-size: 20px; text-align: left; margin: 24px 0 40px; font-weight: 700; } 

.-stay-prd-modal.membership-lahan-modal {
  max-width: 600px;
  height: auto !important;
}

.membership-lahan-modal .membership-lahan-modal-content {
  padding: 24px;
}
.membership-lahan-modal .membership-lahan-title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 16px;
  text-align: left;
}

.membership-lahan-modal .membership-lahan-desc {
  font-size: 14px;
  color: #555;
  margin-bottom: 16px;
}

.membership-lahan-modal .membership-lahan-code-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
}

.membership-lahan-modal .membership-lahan-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #f5f5f5;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.membership-lahan-modal .membership-lahan-copy-btn,
.membership-lahan-modal .membership-lahan-go-btn {
  border: none;
  border-radius: 4px;
  padding: 12px 18px;
  font-size: 15px;
  cursor: pointer;
}

.membership-lahan-modal .membership-lahan-copy-btn {
  background-color: #eeeeee;
  color: #333333;
}

.membership-lahan-modal .membership-lahan-go-btn {
  background-color: #1b2278;
  color: #ffffff;
  width: 100%;
  margin-top: 4px;
  max-width: 600px;
  height: 54px;

}

.membership-lahan-modal .membership-lahan-actions {
  margin-top: 8px;
}


/* 태연 : 객실 브랜드 섹션 추가 */
.scList { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; grid-auto-rows: minmax(64px, auto); margin-top: 20px; justify-items: center}

.stayBrand li { list-style: none !important; text-align: center; line-height: normal !important; color: #222 !important; font-weight: 500; margin-bottom: 40px !important; width: 49% !important}

.stayBrand .categoryTit { font-size: 13px; display: block; margin: 6px 0;; color: #aaaaaa; font-weight: 400; } 

.stayBrand .stayBrandTxt { font-weight: 600; } 

.stayBrandLogo { margin: 0 auto 4px; width: 60px; } 

.stayBrandLogo>img { border: 1px solid #eee; width: 100%; border-radius: 100px; } 

.stayBrandLogo .stayBrandImg { border: 1px solid #eee; width: 100%; border-radius: 100px; margin-right: 12px; padding: 1px; } 


/* 객실 키트 그리드 섹션 */

.-stay-kit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; grid-auto-rows: minmax(56px, auto); margin-top: 20px; justify-items: center}

.-stay-kit-grid .-kit-box-text { margin: 8px 0 16px; } 

.-stay-kit-grid .-kit-box-text h3 { font-size: 16px !important; font-weight: 600; } 

.-stay-kit-grid .-kit-box-text p { font-size: 14px; font-weight: 500; color: #555; margin-bottom: 8px; } 


/* 객실 스펙 리스트 */

ul.-spec-list { display: block; margin-top: 4px;}

ul.-spec-list li { font-size: 14px; color: #a0a0a0; padding: 1px 0; } 

@media screen and (max-width: 767px) { ul.-spec-list li { font-size: 13px; } 
 }

.videoWrapper { padding: 56.25% 0 0 0; position: relative; } 

@media screen and (max-width: 767px) { body main section { gap: 0; } 

 #stay-product { font-size: 14px; } 

 .-stay-top-img-swiper { margin-bottom: 12px; /* height: auto!important; */}

 /* .-stay-top-img-swiper .swiper-wrapper { height: auto !important}*/

 /* .-stay-top-img-swiper .swiper-slide,
 .-spec-swiper .swiper-slide { height: auto !important}*/

 .-spec-swiper { margin-bottom: 64px; padding-bottom: 0; } 

 .-top-info {
   .-flex-box { display: block; margin-bottom: 64px; } 
    .-room-intro,
    .-room-info { width: 100%; } 
    .-room-intro { margin-bottom: 40px; } 
    .-room-name { font-size: 24px; } 
    .-room-intro .-room-txt-box { line-height: 1.45rem; } 
    .-room-list-box .-list-item { padding: 12px 0; } 
    .-room-list-box .-list-item .-list-item-left { width: 40%; } 
 }
 .-interview {
   .-flex-box { display: block; margin-bottom: 64px; } 
    .-interview-intro,
    .-interview-info { width: 100%; } 
    .-interview-intro { margin-bottom: 40px; } 
    .-interview-name { font-size: 24px; } 
    .-interview-intro .-interview-txt-box { line-height: 1.45rem; } 
    .-interview-list-box .-list-item { padding: 12px 0; } 
    .-interview-list-box .-list-item .-list-item-left { width: 40%; } 
 }




 .-room-txt-title { margin-bottom: 8px; } 



 #prdDetail,
 #prdInfo,
 #prdReview,
 #prdQnA { padding-right: 0; } 

 .-spec-swiper-text h3 { font-size: 15px; } 

 .-spec-swiper-text p { font-size: 14px; line-height: 1.6}


 .-factilites-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; grid-auto-rows: minmax(24px, auto); margin-top: 12px; } 

 .acc-head { font-size: 15px; padding: 8px 0; } 

 .oneDepTit { font-size: 14px; } 

 .noticeTwoDepth>li { font-size: 14px !important; line-height: 1.6; } 

 .-stay-prd-modal { width: 90%; border-radius: 0; box-shadow: none; height: fit-content; } 

 .-stay-prd-modal-title { font-size: 16px; margin-top: 12px; margin-bottom: 24px; text-align: center; } 

 .-stay-kit-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 8px; grid-auto-rows: minmax(24px, auto); margin-top: 16px; justify-items: center}

 .-stay-kit-grid .-kit-box-text { margin: 4px 0 12px; } 

 .-stay-kit-grid .-kit-box-text h3 { font-size: 14px !important; font-weight: 600; margin: 2px 0; } 

 .-stay-kit-grid .-kit-box-text p { font-size: 13px; font-weight: 500; color: #555; margin-bottom: 4px; } 

 .-stay-prd-modal-content { padding: 24px 20px; } 

 .modal-02,
 .modal-01 { width: 90%; height: 80%; padding-bottom: 24px; overflow-y: scroll; } 

 .scList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; grid-auto-rows: minmax(32px, auto); margin-top: 16px; justify-items: center}

 .stayBrand li { list-style: none !important; text-align: center; line-height: normal !important; color: #222 !important; font-weight: 500; margin-bottom: 40px !important; width: 100% !important}

}



.priceTable { display: table !important; margin: 16px 0; width: 100%; max-width:600px; border-spacing: 0; border-collapse: collapse; } 

.priceTable tr td { padding: 16px 20px; border: 1px solid #555; font-weight: 500; } 

.priceTable small { display: block; font-size: 13px; color: yellow; margin-top: 2px; } 

.priceTable thead { display: table-header-group; } 

.priceTable thead tr td { background-color: #272727; color: white; } 

.priceTable thead tr td:first-of-type { border-right: 1px solid #eee; } 

@media (max-width: 768px){
  .-top-info-padding { padding-top: 0 !important; }

 .priceTable-container { overflow-x: auto; /* Enable horizontal scrolling */
 -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
 margin-bottom: 24px; } 

 .priceTable { width: 100%; /* Minimum width to maintain table structure */}

 .priceTable tr td{padding: 12px; font-size: 0.9em !important;}

 .priceTable-container::-webkit-scrollbar { height: 4px; /* Adjust the height of the horizontal scrollbar */}

 .priceTable-container::-webkit-scrollbar-thumb { background-color: #f1f1f1; /* Scrollbar color */
 border-radius: 4px; /* Rounded corners */}

 .priceTable-container::-webkit-scrollbar-track { background: #ffffff; /* Scrollbar track color */
 border-radius: 4px; /* Rounded corners */}

 .-stay-top-img-swiper .swiper-button-next,
 .-stay-top-img-swiper .swiper-button-prev { top: 50% !important; } 

 .reservation_area .swiper-button-next,
 .reservation_area .swiper-button-prev { background-color: transparent !important; } 

 
 }

/* 어메니티 툴팁 */
.tooltip { position: relative; display: inline-block; margin-left: 3px; cursor: pointer; } 

.tooltip::before { font-family: 'Material Symbols Outlined';
  content: '\e8fd'; font-weight: 400; /* regular 스타일 */
 color: #333; } 

.tooltip .tooltip-text { visibility: hidden; width: 140px; font-size: 12px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 100%; /* 변경: 아이콘 바로 위에 위치 */
 left: 50%; transform: translateX(-50%); /* 추가: 중앙 정렬을 위해 */
 margin-bottom: 5px; /* 추가: 아이콘과의 간격 */
 opacity: 0; transition: opacity 0.3s; } 

.tooltip .tooltip-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } 

.tooltip:hover .tooltip-text { visibility: visible; opacity: 1; } 

.-reservation-caution ul li { line-height: 1.55rem; } 


.-room-video { margin-bottom: 64px; } 



.swiper-horizontal>.swiper-pagination-progressbar { top: 0 !important; bottom: unset !important; height: 5px; left: 0px}

@media (max-width: 768px) {
 .swiper-horizontal>.swiper-pagination-progressbar { height: 3px; } 
 }

.swiper-pagination-progressbar { background: #eee !important}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #111 !important}

.caution-highlights { color:darkred; font-weight:700; } 

/* 간단 요약설명 부분 css */

.stay-promotion-summary { margin: 16px 0 8px; font-size:16px; padding:16px 24px; border-radius:0px; border:1px solid #e0e0e0; text-align: left; background-color:#eee; } 
.stay-promotion-summary .stay-promotion-box { display:block; font-weight:600; } 
.stay-promotion-summary .stay-promotion-box a { display:block; color:darkred; margin-top:4px; } 

@media (max-width: 768px){
 .stay-promotion-summary { margin: 12px 3% 4px; font-size:14px; padding:12px 20px; border-radius:4px; } 
}


/* 도원 추가 - 관련상품 */
.-room-relPrd .xans-product-relationlist { position: relative; } 
.-room-relPrd .detail_title ,.-room-relPrd .xans-product-relationlist > a,.-room-relPrd .xans-product-relationlist > a img,.-room-relPrd .xans-product-relationlist .product_price_area { display: none !important; } 
.-room-relPrd .xans-product-relationlist .description .name a { font-size: 15px; } 
.-room-relPrd .xans-product-relationlist { margin-top: 10px; } 
.-room-relPrd .xans-product-relation .thumbnail a:after {  font-size: 0.9rem; position: absolute; color: #fff; background: rgb(33 78 33 / 81%); font-size: 15px; padding: 5px 10px; left: 0; top: 0; z-index: 1; } 
.-room-relPrd .xans-product-relation .thumbnail a:after { content: "추가 7% 할인 쿠폰"; } 
/*.-room-relPrd .xans-product-relation .thumbnail a:after { content: "추가 10% 할인 쿠폰"; }  11월 24일 원복 */
.-room-relPrd .xans-product-relation .thumbnail.item20percent a:after { content: "추가 20% 할인 쿠폰"; } 
.-room-relPrd .xans-product-relation .thumbnail.item15percent a:after { content: "추가 15% 할인 쿠폰"; } 
.-room-relPrd .xans-product-relation .recommended_products_swiper .description { padding-top: 0 !important; } 
.-room-relPrd .xans-product-relationlist .swiper-wrapper { gap: 10px !important; padding-bottom: 40px; flex-wrap: wrap;transform: translate(0) !important; } 
.-room-relPrd .xans-product-relationlist .swiper-wrapper li { width: calc(20% - 10px) !important; margin-right: 0 !important; } 
.-room-relPrd .xans-product-relation .thumbnail a { position: relative; } 

.-room-relPrd .-mvlX .titWrap { background: #214E21; color: #fff; padding: 30px; margin-bottom:40px; display:flex; flex-direction:column; gap:10px; } 
.-room-relPrd .-mvlX .titWrap { width:100%; } 
.-room-relPrd .-mvlX small { width: fit-content; padding: 6px 12px; background: rgb(255 255 255 / 19%); border-radius: 3px; color: #fcffe4; display: block; } 
.-room-relPrd .-mvlX small i { margin-right: 6px; } 
.-room-relPrd .-mvlX .stepWrap .tcCont { padding: 13px 20px; border-radius: 2px; font-size: 14px; background: #f6f6f6; width: calc(33.333% - 7px); color: #343a40; display: flex; gap: 10px; flex-direction: column; } 
.-room-relPrd .-mvlX .stepWrap .tcCont .type08 { font-size: 1.2em; } 
.-room-relPrd .-mvlX .stepWrap .tcCont .type09 { opacity:0.8 } 
.-room-relPrd .-mvlX .stepWrap { display: flex; gap: 10px; margin: 40px 0 60px 0; } 
.-room-relPrd .-mvlX .btnBase.btnNorm { font-weight: 500; justify-content: center; text-align: center; background: #ffffff; color: #214e21; border-radius: 100px; padding: 9px 20px; width: fit-content; margin: 20px 0 0; font-size: 15px; } 


/* .-room-relPrd > .-mvlX { display: block !important; }  */
.reservation_option_area .scrollWrap>.mvlStayList { padding: 0 12px !important; margin: 0 0 60px; overflow: hidden;/* background: #fcfcfc;border: 1px solid #f5f5f5 !important;*/  position: relative; top: 2px; border-radius: 4px; } 
.mvlStayList .relPslide { overflow: hidden; } 
.mvlStayList h3 { display: block; font-size: var(--text-size-label1) !important; font-weight: 400; opacity: 0.5; margin-bottom: 7px; } 
.mvlStayList .prdList { width: 100%; margin-top: 0; margin-bottom: 10px; gap: 0px; justify-content: flex-start; flex-wrap: nowrap; display: flex; } 
.mvlStayList .prdList > li ,.mvlStayList .prdList > li:nth-child(4n) { width: calc(25% - 6px) !important;  margin-right: 6px !important;  } 
.mvlStayList .prdList :where(a,li) { font-size: 11px; font-weight: 400; } 
.mvlStayList .prdList .box > a { border-radius: 2px; width: 100%; display: block; position: relative !important;  height: 0; padding-bottom: 105%; overflow: hidden; z-index: 0; margin-bottom: 10px; } 
.mvlStayList .prdList .box { font-size: 13px !important; } 
.mvlStayList .prdList .box a img.thumb { position: absolute !important; z-index: 97; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } 
.mvlStayList .prdList .box strong { font-weight: 400; } 
.mvlStayList .swiper-pagination { bottom: 0%; } 
.mvlStayList .swiper-pagination-bullet { width: 4px; height: 4px; } 
.reservation_area .price_wrap { display: none !important; } 
.reservation_area .scrollWrap>div.-review { margin-bottom: var(--space-small) !important; font-size: var(--text-size-label1); line-height: var(--text-height-label1); letter-spacing: var(--text-spacing-label1); font-weight: 300; padding: 13px 0; display: flex; gap: 20px; gap: 4px; flex-wrap: nowrap; } 
.reservation_area .scrollWrap>div.-review a { text-decoration: none; font-weight: 500; font-size: 14px; color: var(--color-service-red); text-align: center; border: 1px solid #dcdcdc; width: 100%; padding: 10px 10px; border-radius: 3px; } 
.stay-promotion-summary {background-color: #f7f7f7;border-radius: 4px;margin: 0 !important;}
.stay-promotion-summary .stay-promotion-box{font-weight: 400;    font-size: 15px;line-height: 1.4;color: #888888;}
.secondM{margin-top: -2rem; margin-bottom: 20px;}

/* 상세 우측영역 */
.datepicker--nav{border: none !important;}
[alt="accodionArrow"]{opacity: 0.4 !important;}
/* .datepicker--nav{position: absolute;top: 5px;left: 50%;transform: translate(-50%);} */
.reservation_option_area .datepicker--nav{margin-top: -15px !important;}
.reservation_area .accordionWrap .item{border-radius: 4px !important;}
.reservation_area .accordionWrap .item .itemName .d-pc span{font-weight: 400;}
.itemOption .name{font-size: 14px !important;}
.datepicker--content{margin-bottom: 5px;}
.reservation_option_area .item-option2 .desc{color: #616161 !important;margin-top: 10px;}
/* .reservation_option_area .item-option2 .d-pc  .desc{    position: absolute;left: 103px;bottom: 68px;} */
.reservation_option_area .item-option2 .d-pc  span{margin-top: 4px;}
.reservation_option_area .item-option2.ac .d-pc .desc{display: none;}
.reservation_area .itemOption>li,.reservation_option_area .option{border-top: none !important;}
.item-option2 .d-pc > div:first-child {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.reservation_area .information .thumbnail img{max-width: 100%; max-height: unset;}
.reservation_area .itemOption>li, .reservation_option_area .option,.reservation_area .itemOption .option .reservation_option_select select{margin-top: 0 !important;padding-top: 0 !important;}
#totalProducts:has(tr) ~ .mvlStayList{margin-top: 20px;}
.reservation_area{position: relative;}
.reservation_area .reservation_detail_area{position: relative; top: 0; height: fit-content;padding-bottom: 30px;}
.reservation_area .reservation_option_area{position: sticky;top: var(--height-header);height: calc(100dvh - var(--height-header));overflow-y: scroll;overflow-x: hidden;padding-top: 30px;}
.reservation_area .reservation_option_area::-webkit-scrollbar{display: none;}


@media (max-width: 767px) { 
    .reservation_area .scrollWrap>div.-review { margin-top: var(--space-medium); padding: 4px 10px 0px !important; flex-wrap: wrap; } 
    .reservation_area .scrollWrap>div.-review a  { text-decoration: none; font-weight: 600; font-size: 12px; width: 100%; flex-shrink: 0; padding: 8px 10px; } 
    .reservation_area .reservation_option_area{top: unset;height: fit-content;padding-top: 18px;}

    .stay-promotion-summary .stay-promotion-box{font-size: 12px;}
 }



.bnpl_ex { position: relative;font-size: 14px; margin-bottom: 3%; border-radius: 4px; } 
.reservation_area .scrollWrap>div.bnpl_ex { margin-bottom: var(--space-small) !important; } 
.bnpl_ex > .title { font-size: clamp( 14px, 1.5rem , 18px) !important;font-weight: 600; font-weight: 700; background: #f5f5f5; background: #f7fbff; border: 1px solid #e0f1ff; border-radius: 4px; padding: 15px 10px 15px 15px; margin-bottom: 10px; width: 100%; display:flex; align-items:center; /* color: #fff; */
 justify-content:space-between; }
.bnpl_ex > .title * { color: #000000; font-size: clamp( 14px, 1.5rem , 15px) !important; } 
.bnpl_ex > .title i.fa-angle-right { margin-left:4px; color: #000000; } 
.bnpl_ex > .title b {font-weight:bold; } 
.bnpl_ex .btnJoinmem { display:flex; align-items:center; font-size: clamp( 10px, 1rem , 12px) !important; font-weight: 400; background: #ffffff; padding:6px 8px; color: #898989; border-radius:100px; border:1px solid #e0f1ff}
.bnpl_ex * { font-size: clamp(12px,0.85rem,12px ); font-weight: 400; color: var(--color-gray-080); } 
.bnpl_ex .memIcon { display: flex; gap: 10px; background: #ffffff; width: fit-content; padding: 8px 8px; border-radius: 4px; margin-bottom: 10px; border: 1px solid #eee; } 
.bnpl_ex i { transition: 0.3s; } 
.bnpl_ex.active i { transform: rotate(180deg); } 
.bnpl_ex > span { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 500; position: absolute; right: 0; top: -30px; } 
.bnpl_exPrice { position: relative; font-weight: 400;}
table.bnpl_exPrice { display: table; width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } 
.bnpl_exPrice thead { display: table-header-group; }
.bnpl_exPrice tbody { display: table-row-group}
.bnpl_exPrice tr { display: table-row}
.bnpl_exPrice td { padding: 2px 10px; line-height: var(--text-height-title3); text-align: center;} 
.bnpl_exPrice td.date {text-align: left;}
.bnpl_exPrice thead * { font-weight: 600; } 
.bnpl_exPrice thead .memberPrice.-repurchase span { background: #2f2f2f; color: #ffffff; padding: 3px 7px; border-radius: 3px; font-weight: 400; } 
tbody td.memberPrice.-first { font-weight: 600;}
tbody td.memberPrice.-repurchase { font-weight: 700; color: #1B2278;}
.bnpl_exPrice { border-collapse: collapse}
.bnpl_exPrice col:nth-child(1){width: 100px;}
.bnpl_exPrice thead tr { color: #999999; } 
.for-bnpl_ex .notice { line-height: 1.4; font-weight: 400; list-style: disc; text-indent: 0; margin-left: 1rem; } 
.for-bnpl_ex .notice ul { padding-left: 7px; text-indent: -0.4rem; } 

.reservation_area .reservation_detail_area{overflow-y: scroll; overflow-x: hidden;}
.reservation_area{margin-bottom: 0 !important;}
html > body main{gap: 0;}
@media only screen and (max-width: 1400px) 
 {
 .-room-relPrd .xans-product-relationlist .swiper-wrapper li { width: calc(33.33% - 10px) !important;; } 
}


@media only screen and (max-width: 767px){
 .prdList > li { width:48%; margin-right: 2%; } 
 .mvlStayList { padding: var(--space-normal); } 
 .mvlStayList .prdList .box strong { font-size: 9px; } 
 .mvlStayList .prdList p a { font-size: 12px !important; } 
 .reservation_area .scrollWrap>div.bnpl_ex { margin: 3% !important; border-radius: 6px; } 
 .bnpl_ex { padding-top: 14px; margin-top: 15px; } 
 .bnpl_ex > span { right: unset; top: unset; position: relative; font-size: 14px; } 
 .for-bnpl_ex .notice { margin-left: 0; } 
 table.bnpl_exPrice { border-top: none; border-bottom: none; } 
 .bnpl_exPrice thead * { font-size: 11px; font-weight: 600; } 
 .bnpl_exPrice thead .memberPrice.-repurchase span { color: #fff; padding: 3px 5px; border-radius: 3px; } 
 .bnpl_exPrice td { padding: 1px 4px; text-align: left; } 
 .bnpl_exPrice thead  td.memberPrice.-repurchase { padding: 1px 0px;  } 
 td.normalPrice,td.memberPrice { text-align: right; } 
 .reservation_option_area .infoArea .mvlStayList { margin: 0; } 
 .mvlStayList .prdList .box { font-size: 12px !important; } 
 .bnpl_exPrice col:nth-child(1){width: 70px !important;}
 .bnpl_exPrice td.date {padding: 0;}
 .bnpl_ex > .title { font-size: clamp( 12px, 1.5rem , 13px) !important; padding: 15px 10px 15px 15px; } 
 .bnpl_ex > .title * { color: #000000; font-size: clamp( 12px, 1.5rem , 13px) !important; } 
 .bnpl_ex .btnJoinmem { font-size: clamp( 10px, 1rem , 11px) !important; color: #898989; } 
 .reservation_area .reservation_option_area { min-width: unset } 
 .mvlStayList .prdList > li ,.mvlStayList .prdList > li:nth-child(4n) { width: calc(50% - 6px) !important; } 
 }


 /* 딱지 */
.onlyview_stay{display: none;}
:has(#stay-product ) .onlyview_stay{display: block;}
.timesale_stay {padding: 1rem 1.2rem;background-color: #ffefeb;color: #ed331e !important;font-weight: 500 !important;font-size: 0.8rem !important;border-radius: 6px; position: relative;gap: 10px;margin-bottom: 20px;}
#stay-product .timesale_stay {display: block;}
.timesale_stay._festa{color: #fff !important; background: #9d9185 !important; border-radius: 0;}
.timesale_stay._festa div{color: #fff  !important;}
.timesale_stay div{font-size: 1rem; margin-top: 0.8rem;color: #585858 !important;}
.timesale_stay small{display: block;}
.timesale_stay i {margin-right: 0.2rem;}
.timesale_sta.displaynone{display: none !important;}
.stayIcheonTopImg + .timesale_stay{margin-top: 1rem;}
 /* 마감임박 */
/* :has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="21"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="22"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="23"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="24"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="25"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="26"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="27"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="28"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="29"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="30"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after,
:has(#stay-product ) .reservation_area  .accordionWrap:has([data-date="31"][data-month="6"][data-year="2025"].-selected-) .item-date .itemName span:after{content:'7월 잔여 객실 20% 할인';color: #ed331e !important;font-size:0.75rem !important;font-weight:500; margin-left:0.8rem; border:1px solid #ffdcdc; border-radius:100px;padding:0.2rem 0.6rem;width:fit-content;display:inline-block; } */



.prod_summary .titWrap{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.reservation_option_area .item-option2.ac .prod_summary .desc{display: none !important;}
.prod_summary .desc{margin-top: 0;}
.prod_summary .desc ul li{list-style: disc; padding-left: 0.5rem; text-indent: -0.5rem; margin-left: 1rem;}
.prod_summary .desc ul li + li{margin-top: 0.2rem;}
.prod_summary .desc small{font-size: 0.9em !important; margin-top: 0.2rem; display: block;}
.prod_summary [alt="accodionArrow"]{width: 12px;}
.prod_summary .arrow{display: flex; justify-content: center; align-items: center;}



/* 파크하얏트 안내사항 + 라한호텔 + 네스트호텔 추가 */
.info_stay_parkhyatt_busan,
.info_stay_lahan,
.info_stay_nesthotel {

  &{
    width: 100% !important;
    max-width: 100vh !important;
    margin-top:  50px;
   
  background: #f9f9f9;
  padding: 16px;
  border-radius: 4px;
  color: #333;
  display: flex;
  flex-direction: column;
      gap: 20px !important;
  }
  & > div{ display: flex !important;
    flex-direction: column;    width: 100% !important;
    max-width: 100%;
        gap: 10px !important;}
  h6 {
  display: flex !important;
  gap: 4px;
  align-items: center;
  font-size: 0.95rem;
  font-weight: 500;
}
   ul {
      display: flex !important;
      flex-direction: column;
      gap: 10px;
      font-size: 0.9rem;
      font-weight: 400;
      color: #666;
      width: 100% !important;
      max-width: 100%;
   }
  ul li{display: flex !important;flex-direction: row;gap: 10px;align-items: center;     width: 100% !important;
    max-width: 100%;}
  ul li > .imgWrap{width: 40%; flex-shrink: 0 ; flex-grow: 0; overflow: hidden;}
  /* ul li > .imgWrap *{    width: 100% !important;
    max-width: 100%;} */
      ul li > .txtCon{width: calc(60% - 10px); ;}
    ul li .txtCon small{margin-top:10px; display: block;    width: 100% !important;
      max-width: 100%;}
     ul li .txtCon small + small{margin-top:0px}
     .basicS{position: relative;}
     .swiper-pagination-bullet-active{background:  #000 !important;}
}

.reservation_option_area .btn_stay_parkhyatt_busan,.mobileBtn .btn_stay_parkhyatt_busan,.reservation_option_area .btn_stay_lahan,.mobileBtn .btn_stay_lahan,.reservation_option_area .btn_stay_nesthotel,.mobileBtn .btn_stay_nesthotel{
  &{width: 100%;height: 77px;position: relative !important;border-radius: 4px;background: linear-gradient(-53.62deg, rgba(0, 0, 0, 0), #000), #1b2278;display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;text-align: left;font-size: 20px;color: #fff; margin-top: 20px !important;}
small{
  white-space: nowrap;
  width: fit-content;
  position: absolute !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #eee !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 20px;
  text-align: center;
  font-size: 0.85rem;
  color: #1b2278;
  font-weight:500;
  left: 50%;
  top: -20px;
  transform: translate(-50%, 0);
  }
  div{display: flex !important;justify-content: space-between;align-items: center;font-weight: 500;font-size: 1.1rem;}
   div i{position: absolute !important;right: 20px;font-size: 1rem;font-weight: 400;}

   /* & + .reservBtn {display: none !important;} */
}

.floatLayer.viewMobile{display: none;}





 @media (max-width: 1200px){
 .-room-relPrd .-mvlX .stepWrap .tcCont { width: 100%; } 
 }

@media (max-width: 768px){

  .info_stay_parkhyatt_busan div:first-of-type ul li,
.info_stay_lahan div:first-of-type ul li,
.info_stay_nesthotel div:first-of-type ul li {
  margin-bottom: 28px;
}

 .-room-relPrd .xans-product-relationlist .swiper-wrapper { gap: 6px !important; margin-top:20px; } 
 .-room-relPrd .xans-product-relationlist .swiper-wrapper li { width: calc(33.333% - 6px) !important; } 
 .-room-relPrd .xans-product-relationlist .description .name a { font-size: 11px !important; font-weight: 400 !important; } 
 .-room-relPrd .xans-product-relationlist .product_price_area,.-room-relPrd .xans-product-relationlist .recommended_products_swiper .description { margin-top: 0px; padding-top: 0px; } 
 .-room-relPrd .xans-product-relation .thumbnail a:after { font-size: 9px; } 

 .-room-relPrd .-mvlX .titWrap { padding: 20px; width: calc(100% + 30px); margin-left: -15px; } 
.-room-relPrd .-mvlX small { padding: 4px 8px; } 
.-room-relPrd .-mvlX .stepWrap .tcCont { padding: 12px; font-size: 12px; gap: 6px; } 
.-room-relPrd .-mvlX .stepWrap .tcCont .type08 { font-size: 1em; font-weight: 600; } 
.-room-relPrd .-mvlX .btnBase.btnNorm { font-size: 12px; } 


 /* 딱지 */
 .timesale_stay h3{font-size: 16px !important;}
 .timesale_stay div{font-size: 12px; margin-top: 5px;}

 .reservation_option_area .accordionWrap .item .itemName .insertData{justify-content: flex-end;width: calc(100% - 50px);}
 .reservation_option_area  .accordionWrap .item-date .itemName{position: relative;}
 .reservation_option_area .accordionWrap .item .itemName .d-mobile{flex-wrap: wrap !important;justify-content: right !important;}
 /* 마감임박 */
/* :has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="21"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="22"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="23"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="24"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="25"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="26"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="27"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="28"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="29"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="30"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after,
:has(#stay-product )  .reservation_option_area  .accordionWrap:has([data-date="31"][data-month="6"][data-year="2025"].-selected-) .item-date .d-mobile:after{content:'7월 잔여 객실 20% 할인';color: #ed331e !important;font-size:9px !important;font-weight:500; margin-top:0.6rem; border:1px solid #ffdcdc; border-radius:100px;padding:0.2rem 0.6rem;width:fit-content;display:block !important;} */

.reservation_area .mobileBtn:has(.btn_stay_parkhyatt_busan,.btn_stay_lahan,.btn_stay_nesthotel){height: fit-content !important;}
.mobileBtn .btn_stay_parkhyatt_busan,.mobileBtn .btn_stay_lahan,.mobileBtn .btn_stay_nesthotel{
  &{border-radius: 0px;text-align: center; height: fit-content; justify-content: center; padding: 24px 30px; margin-top: 0!important;}
small{
  /* width: fit-content;
  position: absolute !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #eee !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center; */
  padding: 5px 20px;
  /* text-align: center; */
  font-size: 10px;
  /* color: #1b2278;
  font-weight:500;
  left: 50%;*/
  top: -16px; 
  width: max-content !important;
  /* transform: translate(-50%, 0); */
  }
  div{font-size: 15px !important;}
  /* div{display: flex !important;justify-content: space-between;align-items: center;font-weight: 500;font-size: 1.1rem;}

   div i{position: absolute !important;right: 20px;font-size: 1rem;font-weight: 400;} */

   /* & + .reservBtn {display: none !important;} */
}

.floatLayer.viewMobile {
&{
  display: flex !important;
  /* min-width: 100vw !important; */
  width: 100% !important;
}
 .scrollWrap{width: 100%;}

.floatLayerBtn,.accordionWrap .item, .totalPrice, .-dynamic-price-info {
  display: none !important;
}
.-review a {
margin: 0 !important;
}

.-dynamic-price-info {
  border: none !important;
  padding: 0 17px !important;
}
}


}



 /* 슬라이드 */
 .swiper-container {
    position: static !important;
  }

  .ssSlide {
    margin-bottom: 16px;
    padding-bottom: 67.56%;
    height: 0;
    overflow: hidden;
    position: relative;
  }

  .ssSlide .swiper-button-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    color: #fff !important;
    --swiper-theme-color: #fff !important;
    fill: #fff !important;
  }

  .ssSlide .swiper-button-next {
    position: absolute;
    right: 10px;
    top: 50%;
    color: #fff !important;
    --swiper-theme-color: #fff !important
  }

  .swiper-button-prev:hover {
    opacity: 1
  }

  .swiper-button-next:hover {
    opacity: 1
  }

  .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 24px !important;
  }

  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 24px !important;
  }

  .ssSlide .swiper-pagination-bullet-active {
    background: #000 !important;
  }

  .ssSlide .swiper-pagination {
    bottom: 16px !important;
    margin: -32px 0 !important
  }

  .ssSlide img {
    width: 100%;
  }


  .-spec-swiper img{aspect-ratio: 1/1;}





  .reservation_area .accordionWrap .item .itemName[data-target] ul li{list-style: disc; padding-left: 0.5rem; text-indent: -0.5rem; margin-left: 1rem;}
  .reservation_area .accordionWrap .item .itemName[data-target] ul li + li{margin-top: 0.2rem;}

  .infoTable *{font-size:14px !important; text-align:left;}
.infoTable th {width: 100px;}
.infoTable td{padding: 1rem 0;}


@media (max-width: 768px){
  .infoTable table{margin: 0  15px !important;}
  .reservation_area .scrollWrap>div.-review a{margin: 0 5px;}
}




/* 로스테이 프로모션 배너 추가 - 0325 스테이 프로모션으로 교체 */
.stayIcheonTopImg + a {
  margin-top: 28px;
}

.-top-image + a,
.stayIcheonTopImg + a {
  width: 100%;
}
.promotion-banner {
  background-image: url('/mvlstay/img/stay_promotion_banner_detail_spring.jpg');
  background-blend-mode: lighten;
  background-size: cover;
  /* background-position: bottom right; */
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px 24px;
  border-radius: 8px;
  margin-top: 0;
  margin-bottom: 28px;
}

.banner-container {
  /* width: 60% !important; */
  /* margin-left: 70% !important; */
  margin: 0 auto;
  display: flex;
  gap: 90px;
  justify-content: space-between;
}

.banner-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #2a2522;
  margin-bottom: 12px;
}

.banner-desc {
  font-size: 16px;
  line-height: 1.5;
  color: #3f3632;
  opacity: 0.7;
}

@media (max-width: 768px) {
  .promotion-banner {
    background-image: url('/mvlstay/img/stay_promotion_banner_detail_spring_mo.jpg');
    padding: 14px 16px;
    border-radius: 6px;
    margin-bottom: 28px;
  }
  .banner-title {
    font-size: 16px !important;
    margin-bottom: 10px;
    line-height: 1.4 !important;
  }
  .banner-desc {
    font-size: 12px !important;
  }
  .stayIcheonTopImg + a {
    margin-top: 14px;
  }
}