:root {
    --primary-color: #573cfa;
    --sub1-color: #BFC3FF;
    --sub2-color: #CCFC06;
    --font-primary1: "NanumSquareNeoBold";
    --font-primary2: "NanumSquareNeoExtraBold";
    --font-primary3: "NanumSquareNeoHeavy";
}

body.modal-open {
    overflow: hidden;
    padding-right: var(--scrollbar-width, 0px);
}

/* ====== 호텔/리조트 카테 ====== */
.cate-bt {padding-top: 15px;}
.cate-bt.cus {padding-top: 0px;}
.cate-bt.cus .sticky-cate {padding: 5px 0 10px 0; border: none; }
.cate-detail .search-wrap {border-bottom: none; padding-bottom: 0;}
/* .cate-detail .search-wrap.reg {position: sticky; top: 45px; z-index: 20;}
.cate-detail .search-wrap.reg .de-search {padding-top: 10px;} */
.cate-pro-wrap {display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 25px; padding: 0 20px;}
.cate-pro-wrap .de-con {width: calc((100% - 10px)/2) !important;}

/* .cate-col .de-con {display: flex; align-items: center; gap: 15px; width: 100% !important; flex-direction: row;} */
.cate-col .de-con {display: flex; align-items: flex-start; gap: 12px; width: 100% !important; flex-direction: row; }
.cate-col .de-con .pro-img {width: 100px;}
.cate-pro-wrap.cate-col {flex-direction: column; gap: 25px;}
.store-detatil-wrap .cate-pro-wrap.cate-col {margin-top:22px;}
.cate-pro-wrap2 {margin-bottom:25px;margin-top:5px;}
.cate-bt .down {border-top: 8px solid #f5f5f5;}
.cate-col .pro-review ul {margin-top: 0;}
.cate-col .pro-name > p {font-size: 17px;}
.cate-col .h-sub-info p {font-size: 13px;}
.cate-col .de-con .pro-info {padding: 0 0 8px;}
.pri-wrap {display: flex; flex-direction: column; gap: 3px;}

/* ====== 내주변 ====== */
.km {font-size: 13px !important; display: flex; align-items: center; gap: 2px; margin-top: 2px; margin-bottom: 7px;}
.km p, .km span {color: #8E8E8E; font-weight: 500;font-size: 13px !important; display: block !important;}
.km span {margin-top: 2px;}
.map-wrap { width: 100%; height: calc(100vh - 95px);}
.map2-wrap .map-wrap { height: calc(100vh - 55px);}
.map-top {position: fixed; top: 0px; left: 0; width: 100%; background-color: #fff; z-index: 111; box-shadow: 0 1px 7px rgba(113, 113, 113, .1);}
.bk-search {padding: 8px 20px !important; border-bottom: 1px solid #ddd; display: flex !important; align-items: center; gap: 10px; flex-direction: row; position: static !important; flex-direction: row !important;}
/* .de-search .in-search {width: calc(100% - 22px);} */
.de-search .close-btn {background: url(../img/back.png) no-repeat center/cover; width: 22px; height: 36px; flex-shrink: 0;}

.map-wrap .map2 {width: 100%; height: 100%;}

/* 내주변 헤더 */
.mp-sr .mp-per {display: flex; align-items: center; gap: 10px; padding-left: 12px; position: relative;}
.mp-sr .mp-per::after {content: ""; display: block; width: 1px; height: 70%; background-color: #ccc; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.mp-sr input {flex: 1;}
.mp-sr .mp-p, .mp-sr .mp-date {display: flex; align-items: center; }
.mp-sr .mp-p p, .mp-sr .mp-date p {font-size: 13px; position: relative;}
.mp-sr .mp-p p:first-child {padding-right: 6px;}
.mp-sr .mp-p p:last-child {padding-left: 6px;}
.mp-sr .mp-p p:last-child::after {content: ""; display: block; width: 2px; height: 2px; background-color: #888; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.m-filter-top {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background-color: #fff;border-bottom: 1px solid #eee;}
.m-filter-top ul {display: flex; align-items: center; gap: 20px;}
.m-filter-top ul li {font-size: 15px; color: #aaa;cursor: pointer;}
.m-filter-top ul li.on {color: var(--primary-color); font-weight: 600;}

.reset {display: flex; align-items: center; gap: 6px;cursor: pointer;}
.reset p {font-size: 13px; padding-top: 1px;cursor: pointer;}
.reset i {font-size: 13px; font-weight: 800;cursor: pointer;}

.filter-bt {padding: 10px 0; width: 100%; overflow: hidden;}
.filter-bt ul { display: flex; overflow-y: auto; gap: 10px;}
.filter-bt ul li label {padding: 5px 12px; border-radius: 6px; border: 1px solid #eee; display: inline-block; display: flex; align-items: center; gap: 4px;}
.map-wrap .filter-bt ul li label {font-size:14px;cursor: pointer;}
.filter-bt ul li label p {font-size: 14px;}
/* 스크롤바 안보이게 xxxxxx */
.filter-bt ul::-webkit-scrollbar {
    display: none;
    }

.filter-bt ul li label i {display: none;}
.filter-bt ul li input:checked + label {background-color: var(--sub1-color); color: #fff; border-color: var(--sub1-color);}
.filter-bt ul li input:checked + label i {display: block; color: #fff;}
.filter-bt ul li input:checked + label p {color: #fff; font-weight: 500;}


.re-search-wrap {position:fixed;transform:translateX(-50%);z-index:5000;display: flex;gap:5px;align-items: center;background:#fff;padding:6px 20px; border-radius: 100px;box-shadow: 0 0 10px #00000011;cursor:pointer;top:180px;left:50%;}
.re-search-wrap figure {width:13px;}
.re-search-wrap p {color:#573cfa; font-size:13px;font-weight:500;}



.floating {display: flex; flex-direction: column; align-items: center; gap: 8px; position: fixed; top: 180px; right: 20px; z-index: 2;}
.floating li {width: 40px; height: 40px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); display: flex; align-items: center; justify-content: center;}
.floating li em {width: 20px; height: 20px;}
.fl-icon1 em {background: url(../img/map1.png) no-repeat center/cover;}
.fl-icon1.on em {background: url(../img/map1_on.png) no-repeat center/cover;}
.fl-icon2 em {background: url(../img/map2.png) no-repeat center/cover;}
.fl-icon2.on em {background: url(../img/map2_on.png) no-repeat center/cover;}
.fl-icon3 em {background: url(../img/map3.png) no-repeat center/cover;}
.fl-icon3.on em {background: url(../img/map3_on.png) no-repeat center/cover;}

.map-bt-fixed {position: fixed; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 10px; width: fit-content; align-items: center; z-index: 102;}
.map-bt-nav { display: flex; align-items: center;padding: 10px 30px; border-radius: 50px; background-color: #fff;gap:15px;margin-bottom:15px;}
.map-bt-nav div {width: fit-content; display: flex; flex-direction: column; align-items: center;}
.map-bt-nav div em {width: 35px; height: 35px;}
.map-bt-nav div p {text-align: center; font-size: 10px;}
.map-bt-nav div.on p {color: var(--primary-color); font-weight: 600;}
.bt-icon1 {background: url(../img/bt_icon1.png) no-repeat center/cover;}
.map-bt-nav div.on .bt-icon1 {background: url(../img/bt_icon1_on.png) no-repeat center/cover;}
.bt-icon2 {background: url(../img/bt_icon2.png) no-repeat center/cover;}
.map-bt-nav div.on .bt-icon2 {background: url(../img/bt_icon2_on.png) no-repeat center/cover;}
.bt-icon3 {background: url(../img/bt_icon3.png) no-repeat center/cover;}
.map-bt-nav div.on .bt-icon3 {background: url(../img/bt_icon3_on.png) no-repeat center/cover;}
.bt-icon4 {background: url(../img/bt_icon4.png) no-repeat center/cover;}
.map-bt-nav div.on .bt-icon4 {background: url(../img/bt_icon4_on.png) no-repeat center/cover;}
.bt-icon5 {background: url(../img/bt_icon5.png) no-repeat center/cover;}
.map-bt-nav div.on .bt-icon5 {background: url(../img/bt_icon5_on.png) no-repeat center/cover;}

.map-bt-fixed ul li {padding: 8px 15px; border-radius: 50px; border: 1px solid #573cfa; background-color: #fff; display: flex; align-items: center; gap: 5px;}
.map-bt-fixed ul li em {width: 18px; height: 18px;}
.map-bt-fixed ul li p {font-size: 13px; color: var(--primary-color); font-weight: 500;}
.map-bt-fixed ul li.v-list em {background: url(../img/v-list.png) no-repeat center/cover;}
.map-bt-fixed ul li.v-map em {background: url(../img/v-map.png) no-repeat center/cover;}

.con-list {background-color: #fff; padding: 0 20px; position: fixed; z-index: 101; width: 100%; height: calc(100vh - 146px); top:146px; left: 0;overflow-y: scroll;} 
.con-list::-webkit-scrollbar {
    display: none;
}


/* ====== 커뮤니티 ====== */
.video-wrap {padding: 20px 0; width: 100%; overflow: hidden;}
.video-wrap ul {display: flex; align-items: center; gap: 10px; overflow-y: auto; padding: 0 20px;}

.co-input {background-color: #fff;border:1px solid #eee; border-radius: 6px; display: flex; align-items: center; gap: 10px; height: 36px; padding: 0 10px;}
.co-input em {background: url(../img/co-search.png) no-repeat center/cover; width: 16px; height: 16px; flex-shrink: 0;}
.co-input input {background-color: transparent; }
/* .co-input input::placeholder {color: #555;} */
.de-search .back-btn {background: url(../img/back.png) no-repeat center/cover; width: 22px; height: 36px; }
.co-search.de-search {flex-direction: row; align-items: center;}
.search2 .search-wrap {border-bottom: none;}
.co-recent-sr ul {display: flex; flex-wrap: wrap; gap: 10px;}
.co-recent-sr ul li {padding: 5px 8px; border: 1px solid #eee; border-radius: 6px; background-color: #fff; display: flex; align-items: center; gap: 5px;}
.co-recent-sr ul li p {font-size: 14px; color: #333;}
.co-recent-sr ul li i {color: #333; font-size: 21px; color: #c5c5c5;}

/* 스크롤바 안보이게 xxxxxx */
.video-wrap ul::-webkit-scrollbar {
    display: none;
}

.video-wrap ul li {width: 25%; aspect-ratio: 1 / 1.1; border-radius: 6px; overflow: hidden; flex-shrink: 0; position: relative; will-change: transform;}
.video-wrap ul li::after {content: ""; display: block; width: 100%; height: 30%; position: absolute; top: 0; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.2) 95%);}
.video-wrap ul li::before {content: ""; display: block; width: 100%; height: 30%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.2) 95%);}
.video-wrap ul li figure {width:100%;height:100%;}
.video-wrap ul li figure img {width:100%;height:100%;object-fit: cover;}
video {object-fit: cover; width: 100%; height: 100%;}
.vi-profile {position: absolute; top: 10px; left: 10px; display: flex; align-items: center; gap: 5px; z-index: 2;}
.vi-profile em {width: 20px; height: 20px; overflow: hidden; border-radius: 6px;}
.vi-profile p {font-size: 13px; color: #fff; font-weight: 500;}
.vi-like {display: flex; align-items: center; gap: 5px; position: absolute; bottom: 6px; left: 10px; z-index: 2;}
.vi-like em {width: 15px; height: 15px;}
.vi-like p {font-size: 14px; color: #fff; font-weight: 500;}
.commu .tab1 ul li {white-space: nowrap;}

.comm-list {display: flex; flex-direction: column; }
.com-con {padding-top: 10px;border-bottom: 8px solid #f5f5f5;}
.com-tit {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px;}
.com-tit .more {background: url(../img/more.png) no-repeat right/13px 2px; width: 13px; height: 2px;padding:10px 0 10px 30px;}
.com-tit .com-profile {display: flex; align-items: center; gap: 5px;}
.com-p-img {width: 35px; height: 35px; border-radius: 6px; border: 1px solid #eee; overflow: hidden; flex-shrink: 0;}
.com-p-txt {display: flex; flex-direction: column; gap: 1px;}
.com-p-txt > p {font-size: 14px; font-weight: 600; }
.com-p-txt span {font-size: 12px; color: #888;}

.ed-commu {display: flex; gap: 20px; align-items: center;}
.ed-commu .com-img {width: 90px; height: 90px; flex-shrink: 0;}
.ed-commu .com-p {display: flex; flex-direction: column; gap: 8px; width: calc(100% - 110px); flex: 1;}
.commu-detail .com-img {width: 100%; aspect-ratio: 1 / 1;}

.com-contents {padding: 0 20px; display: flex; flex-direction: column; gap: 10px; margin: 10px 0 20px 0;}
.com-contents .com-img { border-radius: 6px; overflow: hidden; will-change: transform;position:relative;}
.com-contents .com-img.feed-video::after {display: block;content:"";background:url(../img/feed-video.png);width:15%;aspect-ratio: 1/1;background-size:cover;position:absolute;top:6px;right:6px;z-index:10;opacity:0.75;}
.com-contents .com-img.feed-videos::after {display: block;content:"";background:url(../img/feed-videos.png);width:15%;aspect-ratio: 1/1;background-size:cover;position:absolute;top:6px;right:6px;z-index:10;opacity:0.75;}
.com-contents .com-img.feed-pics::after {display: block;content:"";background:url(../img/feed-pics.png);width:15%;aspect-ratio: 1/1;background-size:cover;position:absolute;top:6px;right:6px;z-index:10;opacity:0.75;}
.com-p {display: flex; flex-direction: column; gap: 8px; width: 100%;}
.com-p h3 {font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com-p p {font-size: 15px; color: #555; display: -webkit-box ;   -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.com-comment .comment-bar {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; border-bottom: 1px solid #f1f1f1;}
.comment-bar > div {display: flex; align-items: center; gap: 10px;}
.comment-bar > div > div {display: flex; align-items: center; gap: 7px;}
.comment-bar > div > div em {width: 20px; height: 20px;}
.comment-bar > div > div p {font-size: 15px; padding-top: 2px;}
.com-like em {background: url(../img/comm-like.png) no-repeat center/cover; }
.com-like.on em {background: url(../img/comm-like-on.png) no-repeat center/cover; }
.comment em {background: url(../img/comm-coment.png) no-repeat center/cover; }
.share em {background: url(../img/comm-sr.png) no-repeat center/cover; }
.mark em {background: url(../img/comm-mark.png) no-repeat center/cover; }
.mark.on em {background: url(../img/comm-mark-on.png) no-repeat center/cover; }

.prev-comm {padding: 15px 20px;}
.prev-comm p.all-com {font-size: 12px; font-weight: 500; color: #888; text-decoration: underline; margin-bottom: 15px;}
.com-profile {display: flex; align-items: flex-start; gap: 10px;}
.re-comm .com-p-txt {display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 6px;}
.txt-area {width: calc(100% - 50px);}
.re-comm .txt-area > p {font-size: 14px; display: -webkit-box ;   -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.none-comm {padding: 15px; border-radius: 6px; background-color: #f5f5f5;  text-align: center; font-size: 14px;}
.none-comm p {color: #777;}

.com-map {padding: 5px 10px; border-radius: 6px; background-color: #f5f5f5; display: flex; align-items: center; gap: 4px; width: fit-content;}
.com-map em {background: url(../img/commu-map.png) no-repeat center/cover; width: 13px; height: 13px;}
.com-map ul {display: flex; align-items: center;}
.com-map ul li {font-size: 13px; color: #555; padding: 0 6px; position: relative; font-weight: 500;}
.com-map ul li:first-child {padding-left: 0;}
.com-map ul li:first-child::after {content: ""; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: #555; top: 50%; right: 0; transform: translateY(-50%); position: absolute;}


/* 커뮤니티 게시판 */
.commu-detail .com-con {padding-top: 0; border-bottom: none;}
.commu-detail .com-p p {display: block; font-size: 15px; margin-top: 3px;}
.comm {display: flex; flex-direction: column; padding: 20px; gap: 20px;}
.com-etc {display: flex; align-items: center; margin-top: 10px;}
.com-etc p {font-size: 12px; color: #888; padding: 0 8px; position: relative; display: flex; align-items: center; gap: 3px;}
.com-etc p em {background: url(../img/c-like.png) no-repeat center/cover; width: 12px; height: 12px; margin-bottom: 2px;}
.com-etc p.on {color: #222; font-weight: 500;}
.com-etc p.on em {background: url(../img/c-like-on.png) no-repeat center/cover; width: 12px; height: 12px; margin-bottom: 2px;}
.com-etc p::after {content: ""; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: #ddd; position: absolute; top: 50%; left: 0; transform: translateX(-50%);}
.com-etc p:first-child {padding-left: 0;}
.com-etc p:first-child::after {content: none;}

.comment-fixed {width: 100%; position: fixed; bottom: 0; left: 0; padding: 8px 20px; box-shadow: 0 0 5px rgba(219, 219, 219, .8); display: flex; align-items: center; gap: 5px; background-color: #fff;}
.comment-fixed > span {padding: 6px 8px; background-color: #f5f5f5; border-radius: 6px; color: #aaa; font-size: 14px; flex-shrink: 0;}
.comment-fixed > span.on {background-color: var(--primary-color); color: #fff;}
.comment-fixed > div {width: -webkit-fill-available; display: flex; flex-direction: column; gap: 5px;}
.comment-fixed > div .re {font-size: 13px; color: #888;}
.re-nick {font-size: 13px; color: var(--primary-color); font-weight: 600; margin-right: 3px;}
.comment-fixed textarea {width: 100%; height: 40px; outline: none; padding: 5px; font-size: 15px;}
.comment-fixed textarea::placeholder { color: #aaa;}


.rere-comm {padding-left: 40px;}
.cu-floating {display: flex; flex-direction: column; position: fixed; bottom: 92px; right: 15px; gap: 10px;}
.write-btn {width: 50px; height: 50px; border-radius: 6px; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center;  box-shadow: 0 0 10px rgba(63, 81, 181, .38);}
.write-btn img {width: 24px; height: 24px;}
.feed-wrap .cu-floating {bottom: 20px;}
.cu-floating .my-f-btn {background-color: var(--sub2-color); font-size: 14px; color: #573cfa; font-weight: 600;}


.cm-board-title input {padding:0;border:unset;height:unset;}




/* 커뮤니티 전시 */

.co-dis .sr-box {padding-top: 10px;}
.c-display {padding: 20px 20px 30px; border-bottom: 8px solid #f5f5f5;}
.c-display .dis-tit {margin-bottom: 15px;}
.c-display .dis-tit h3 {font-size: 18px; font-family: var(--font-primary1);}
.c-display .dis-tit h3 b {font-family: var(--font-primary2); color: var(--primary-color);}
/* 스크롤바 안보이게 xxxxxx */
.dis-wrap ul::-webkit-scrollbar {
    display: none;
  }
.dis-wrap {border: 1px solid #eee; border-radius: 6px; padding: 20px 16px;}
.dis-wrap ul {display: flex; flex-direction: column; height: 250px; overflow-y: auto;}
.dis-wrap ul li {padding: 10px 0; border-bottom: 1px solid #eee;cursor: pointer;}
.dis-wrap ul li:first-child {padding-top: 0;}
.dis-wrap ul li div {display: flex; align-items: center; justify-content: space-between;}
.dis-wrap ul li div p {font-size: 15px; font-weight: 600;}
.dis-wrap ul li div span {font-size: 12px; font-weight: 500; color: var(--primary-color);}
.dis-wrap ul li b {font-size: 12px; color: #b2b2b2;}
.dis-wrap ul li b span { color: #b2b2b2;}
.display-con-wrap {display: flex; flex-direction: column; gap: 25px; margin-top: 30px;}
.display-con {padding: 30px 20px;}
.dis-img {aspect-ratio: 1 / .5; position: relative;}
.dis-img img {border-radius: 6px; overflow: hidden;}
.dis-tag {font-size: 12px; padding: 5px 8px; border-radius: 6px; background: var(--primary-color); color: #fff; width: fit-content;}
.dis-img .dis-tag {position: absolute; top: 15px; left: 15px; z-index: 10;}
.dis-tag.done {background-color: #dbdbdb; color: #333; margin-top: 0; padding-top: 5px;}

.dis-txt {margin-top: 10px;}
.dis-txt ul {display: flex; align-items: center; gap: 7px; margin-bottom: 5px;}
.dis-txt ul li {font-size: 13px; color: #888;}
.dis-txt ul li:last-child {padding-left: 7px; position: relative;}
.dis-txt ul li:last-child::after {content: ""; display: block; width: 1px; height: 50%; background-color: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.dis-txt p {font-size: 17px; font-weight: 600; color: #222;}
.dis-txt span {font-size: 12px; color: #b2b2b2;}

.d-detail-con {padding: 30px 0; display: flex; flex-direction: column; gap: 30px; width: 100%;}
.d-detail-con ul {display: flex; flex-direction: column; gap: 15px;}
.d-detail-con ul li {display: flex; align-items: center; gap: 15px;}
.d-detail-con ul li p {width: 70px; font-weight: 600;}
.d-detail-con ul li span, .d-detail-con ul li a {font-size: 15px; color: #555;}
.d-detail-con ul li a {text-decoration: underline;}
.d-detail-con ul li.d-map span {display: flex; align-items: center; gap: 5px;}
.d-detail-con ul li.d-map span em {background: url(../img/commu-map.png) no-repeat center/cover;   width: 15px; height: 16px;}

/* 상품 상세페이지 */
.b-bt {border-bottom: 8px solid #f5f5f5;}
.bd-bt {border-bottom: 8px solid #f5f5f5;}
.pro-header {background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; padding: 0 20px; height: 55px; display: flex; align-items: center; gap: 9px; z-index: 2;}
.pro-header p {font-weight: 600;}
.detail-img {height: 270px;}
.proSwiper .swiper-pagination {width: fit-content; bottom: 15px !important; left: auto !important; right: 20px; padding: 5px 12px; border-radius: 20px; background: rgba(0, 0, 0, .5); color: #fff; font-size: 12px;font-weight: 600;}
.proSwiper .swiper-pagination span {font-size: 12px; color: #fff; font-weight: 600;}
.detail {padding-bottom: 20px;}

.hotel-info {border-bottom: 8px solid #f5f5f5;}
.hd-no-heart .hd-heart {display: none;}
.m-home-hd {background:#fff;justify-content: space-between;}
.mo-home-only .mo-hd-home {display:block;}
.mo-home-only .mo-header {display:none;}
.no-home-btn .home {display:none;}

.hotel-tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px;}
.hotel-tit p {font-size: 18px; font-weight: 600;}
.hotel-tit ul {display: flex; gap: 15px;}
.hotel-tit ul li {width: 20px; height: 20px;}
.hotel-tit ul li.icon1 {background: url(../img/share.png) no-repeat center/cover;}
.hotel-tit ul li.icon2 {background: url(../img/like_de.png) no-repeat center/cover;}
.hotel-tit ul li.icon2.on {background: url(../img/like_on.png) no-repeat center/cover;}

.distance {margin-top:-1px;}
.distance p {color:#777 !important;}
.distance>p:last-child {position:relative;padding-left:8px;}
.distance>p:last-child:before {content: "";display: block;width: 3px; height: 3px; border-radius: 50%; background-color: #d9d9d9; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.h-sub-info2 {display:block !important;}
.h-sub-info2 p:first-of-type:before {display:none !important;}
.h-sub-info2 div {display:flex;}
.h-sub-info2 ul li {font-size:13px !important;}

.ho-top {padding: 20px; border-bottom: 1px solid #eee;}
.ho-sub-info {display: flex; flex-direction: column; gap: 6px;}
.ho-sub-info div {display: flex; align-items: center; gap: 5px;}
.ho-sub-info div em {width: 12px;}
.ho-sub-info div p {font-size: 14px; display: flex; align-items: center; padding-top: 2px; color: #555;}
.ho-sub-info div p i {color: #555;cursor: pointer;}
.ho-sub-info ul {display: flex; align-items: center; gap: 8px;}
.ho-sub-info ul li {display: flex; align-items: center; gap: 5px;}
.ho-sub-info ul li em {width: 15px;}
.ho-sub-info ul li p {font-size: 14px; display: flex; align-items: center; gap: 2px;}
.ho-sub-info ul li p.re-num {font-weight: 600;}
.ho-sub-info ul li span {font-size: 12px; color: #777; text-decoration: underline; font-weight: 500;}
.ho-sub-info ul li span b {color: #777; font-weight: 500;}
.ho-sub-info ul li:last-child {padding-left: 8px; position: relative;}
.ho-sub-info ul:last-child li:last-child::after {content: "";display: block;width: 3px; height: 3px; border-radius: 50%; background-color: #d9d9d9; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.oper-h li:last-child::after  {content: "/";display: block; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%);}

.store-sub ul li {padding-left: 0 !important;}
.store-sub ul li::after {content: none !important;}

.store-info div ul li {display: flex; align-items: center;}
.store-info div ul li p {width: 50px; font-size: 14px; color: #555;}
.store-info div ul li b {font-size: 14px; color: #222;}

.chk-point {padding: 12px 15px; background-color: #fafafa; border-radius: 6px; margin-top: 15px;}
.chk-point > p {font-size: 14px; color: var(--primary-color); font-weight: 700; margin-bottom: 6px;}
.chk-point ul {display: flex; flex-wrap: wrap ; gap: 5px !important;flex-direction: column;}
.chk-point ul li {width:100%; display: flex; gap: 4px;}
.chk-point ul li em {background: url(../img/chkp.png) no-repeat center/cover; width: 8px !important; height: 6px;margin-top:5px;}
.chk-point ul li p {font-size: 13px;}

/* 스크롤바 안보이게 xxxxxx */
.fcli-wrap ul::-webkit-scrollbar {
    display: none;
}
.fcli-wrap {width: 100%; overflow: hidden;}
.fcli-wrap ul {padding: 10px 20px; overflow-y: auto; display: flex; gap: 26px; justify-content: flex-start;}
.fcli-wrap ul li {display: flex; flex-direction: column; align-items: center; gap: 5px;}
.fcli-wrap ul li em {width: 30px;}
.fcli-wrap ul li p {font-size: 12px; color: #333; text-wrap: nowrap;}

.down {padding: 20px; display: flex; flex-direction: column; gap: 10px;}
.pc-sticky .d-coupon {margin-top:50px;cursor: pointer;}

.pc-sticky .event-wrap {display:none;}
.d-coupon {padding: 0px; height: 45px; border-radius: 6px; border: 1px solid transparent; position: relative; background-origin: border-box; border-image-slice: 1; background-clip: content-box, border-box; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #ED4264 0%,  #FFD6BC 100%); display: flex; align-items: center; justify-content: space-between;}
.d-coupon p {padding-left: 15px; color: #EE4B69; font-size: 14px; font-weight: 600;}
.d-coupon em {background: url(../img/down.png) no-repeat center/cover; width: 15px; height: 15px;margin-right: 15px;}
.d-point {padding: 0 15px; height: 45px; background-color: #f7f7f7; display: flex; align-items: center; justify-content: space-between; border-radius: 6px;}
.d-point em {background: url(../img/point.png) no-repeat center/cover; width: 18px; height: 18px;}
.d-point p {font-size: 14px; color: #333; font-weight: 500;}

.room {padding: 25px 0; border-bottom: 1px solid #f1f1f1;}
.room:last-child {border-bottom: none;}
.room-wrap {margin:5px 20px 0;}
.ho-room {padding: 20px 0;}
.ho-room .date-wrap {margin:0 20px;}
.room-img {aspect-ratio: 1 / .6; border-radius: 6px; overflow: hidden; will-change: transform; margin-bottom: 10px;}
.room-img .proSwiper .swiper-pagination {bottom: 10px !important; right: 10px !important;}

.room-info .room-tit > p {font-size: 18px; font-weight: 600; margin-bottom: 5px; display: flex; align-items: center; gap: 11px;word-break:break-all;align-items:flex-start;}
.room-info .room-tit > p span {display: none; align-items: center; gap: 3px; font-size: 14px; color: var(--sub1-color); cursor: pointer;}
.room-info .room-tit > p span i {color: var(--sub1-color); font-size: 12px; margin-bottom: 2px;}
.room-info .room-tit .sub1 {display: flex; align-items: center; gap: 6px; margin-bottom: 3px;}
.room-info .room-tit .sub1 p {font-size: 14px; color: #777; position: relative;}
.room-info .room-tit .sub1 p:last-child {padding-left: 6px; }
.room-info .room-tit .sub1 p:last-child::after {content: "/"; display: block; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%);}
/* .room-info .room-tit .sub1 p:last-child::after {content: ""; display: block; width: 1px; height: 50%; background: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} */
.room-info .room-tit .sub2 {display: flex; align-items: center; gap: 6px;}
.room-info .room-tit .sub2 p {font-size: 14px; color: #777;  position: relative;}
/* .room-info .room-tit .sub2 p:last-child {padding-left: 6px;} */
/* .room-info .room-tit .sub2 p:last-child::after {content: "/"; display: block; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%);} */
/* .room-info .room-tit .sub2 p:last-child::after {content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #ddd; position: absolute; top: 49%; left: -2px; transform: translateY(-50%);} */

.room-pri {display: flex; flex-direction: column; align-items: flex-end;}
.room-pri .price-de {display: flex; flex-direction: column; align-items: flex-end;}
.price-de div {display: flex; align-items: center; gap: 3px;}
.price-de div span {font-size: 14px; color: var(--primary-color); font-weight: 600;}
.price-de div p {font-size: 14px; color: #aaa; text-decoration: line-through;}
.price-de > p {font-size: 18px; font-weight: 700;}
.room-pri ul {display: flex; align-items: center; gap: 5px;}
.room-pri ul li {display: flex; align-items: center; gap: 3px;}
.room-pri ul li:last-child {padding-left: 6px; position: relative;}
.room-pri ul li:last-child::after {content: ""; display: block; width: 2px; height: 2px;border-radius: 50%; background-color: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.room-pri ul li p {font-size: 12px; color: #666;}
.room-pri ul li span {font-size: 12px; color: #444; font-weight: 500;}
.room-sold {padding: 8px 10px; border-radius: 6px; background-color:#e5e5e5; color: #555; font-size: 14px; font-weight: 500; cursor: pointer;border:1px solid #e5e5e5;margin-top:10px;}
.room-ava {padding: 8px 10px; border-radius: 6px; background-color:var(--primary-color); color: #fff; font-size: 14px; font-weight: 500; display: none; cursor: pointer;border:1px solid var(--primary-color);}
.play-rebtn {display:flex;flex-direction:row;gap:5px;}
.room-ava.room-ava1 {background:#fff;color:var(--primary-color)}

.play-info {display:flex; gap:12px;background:#f8f8f8;border-radius:6px;padding:10px 15px;font-size:12px;margin-top:14px;width:100%;}
.play-info span {color:#666 !important;font-weight:600 !important;font-size:12px !important;}
.play-info p {color:#777 !important;font-size: 12px !important;font-weight:400 !important;}


/* 숙소 상세페이지 이벤트배너 기존 */
/* .detail .event-wrap {padding: 0;}
.event-wrap .d-detail-con div {color: #555;} */


.detail .event-wrap {padding: 0;}
.event-wrap .d-detail-con div {color: #555;}
.event-wrap .swiper-slide {aspect-ratio: 2.2 / 1;border-radius:6px !important;}
.event-wrap .banner4 {margin-top:20px;margin-bottom:20px;}
.event-wrap .d-detail-con img {width:100% !important;}

.event-title-wrap {display: flex;gap:15px;flex-direction: column;}
.event-meta-wrap {display: flex;gap:17px;}
.event-meta-wrap span:last-child {position:relative;}
.event-meta-wrap span:last-child::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #ccc;
    top: 50%;
    left: -9px;
    transform: translateY(-53%);}

    .event-title-wrap .tab1 {padding-top:20px;margin-bottom:0;padding-left:20px;}


    /* 어플 */

    .event-app-wrap .event-wrap {padding-top:0;}
    .event-app-wrap .tab1 {padding-top:20px;margin-bottom:0;}


.info-wrap {padding: 20px;}
.info-wrap div p {font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break:break-all;}
.info-wrap div span {width: 100%; text-align: end; font-size: 14px; color: var(--primary-color); padding: 5px 0; position: relative; font-weight: 500;cursor: pointer;}
.info-wrap div span::after {content: ""; display: block; width: 100%; position: absolute; top: -132%; left: 0; background: linear-gradient(rgba(255,255,255,0) 40%, rgba(255,255,255) 95%); z-index: 1; height: 40px;}

.pet-btn {font-size: 12px; color: #fff; gap: 5px; padding: 7px 10px; height: fit-content; border-radius: 6px !important;}
.pet-btn em {width: 10px;}
.ho-map {padding: 20px;}

/* 더보기 클릭시 텍스트 노출 */
.in-txt.on span::after {content: none;}
.in-txt.on p {display: block;}
.re-txt p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all;}
.re-txt.on p {display: block;}


.map-con {display: flex; flex-direction: column; gap: 15px;}
.map-con .map {width: 100%; height: 180px; background-color: #fafafa; position: relative;}
.map-con .map p {position: absolute; font-size: 12px; padding: 5px 10px; border-radius: 6px; border: 1px solid #eee; background-color: #fff; top: 10px; right: 10px;}
.map-con ul {display: flex; flex-direction: column; gap: 5px;}
.map-con ul li {display: flex; align-items: center;}
.map-con ul li p {font-size: 14px; font-weight: 500; width: 60px;flex-shrink: 0;}
.map-con ul li span {font-size: 14px; color: #555;}
.map-con button {width: 100%; margin-top: -5px; height: 40px;}

.review-wrap {padding: 20px;}
.total-re {margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between;}
.total-re div {display: flex; align-items: center; gap: 5px;}
.total-re div em {width: 30px;}
.total-re div p {font-size: 24px; font-weight: 700; 
    /* margin-top: 5px; */
}
.total-re div span {font-size: 15px; color: #8e8e8e;}

.re-btn {display: flex; align-items: center; gap: 5px; padding: 8px 18px; background-color: #f5f5f5; border-radius: 30px; cursor: pointer;}
.re-btn em {background: url(../img/re-btn.png) no-repeat center/cover; width: 12px; height: 12px;}
.re-btn p {font-size: 14px; color: var(--primary-color); font-weight: 600;}

.re-con {padding: 15px 0; border-bottom: 1px solid #eee;}
.re-con:last-child {border: none;}
.re-con .re-pro {display: flex; align-items: center; justify-content: space-between;}
.re-con .re-pro > div {display: flex; align-items: center; gap: 10px;}
.re-con .re-pro em {width: 32px; height: 32px; border-radius: 6px; overflow: hidden;}
.re-con .re-pro > div p {font-size: 14px; color: #333; font-weight: 500 ;}
.re-con .re-pro > span {font-size: 12px; color: #959595;}
.re-img {display: flex; align-items: center; gap: 2px; margin-top: 10px;}
.re-img em {width: 12px; height: 12px;}
.re-img em.star {background: url(../img/star.png) no-repeat center/cover;}
.re-img em.em-star {background: url(../img/star_em.png) no-repeat center/cover;}
.re-img p {font-size: 13px; font-weight: 500; margin-left: 3px;}
.re-room {font-size: 14px; color: #666; font-weight: 600; margin-top: 10px;}
.re-txt {font-size: 14px; color: #444; margin-top: 15px;}
.re-txt span {color: var(--primary-color); font-weight: 600; margin-top: 5px;}
.re-photo {width: 100%; overflow: hidden; margin-top: 15px;}
.re-photo ul {display: flex; align-items: center; gap: 10px; overflow-y: auto;}
.re-photo ul li {width: 105px; height: 105px; border-radius: 6px; overflow: hidden; flex-shrink: 0;}
.re-txt ul {display: flex; flex-wrap: wrap; gap: 10px;}
.re-txt ul li {padding: 8px; border-radius: 6px; border: 1px solid #eee;}


.detail2 .info-wrap div p {display: block;}
.detail2 .room-info {padding: 20px;}

/* 결제페이지 */
.pay .my-tit h3 {font-size: 18px;}
.check-t {display: flex; margin-top: 20px;}
.check-t > div {width: 50%; display: flex; flex-direction: column;}
.check-t > div p {font-size: 13px; color: #666; margin-bottom: 3px;}
.check-t > div span {font-size: 14px; color: #444; font-weight: 600;}
.check-t > div b {font-size: 14px; color: #555;}
.cancle {padding: 8px 10px; background-color: #f5f5f5; border-radius: 6px; margin-top: 15px;}
.cancle p, .cancle span {font-size: 12px; color: #fb2727; position: relative;}
.cancle p::before {content: "※"; display: inline-block; color: #fb2727; margin-right: 3px;}

.cancle>span {font-size: 12px; color: #444444; position: relative;}

.visit-info label {display:flex; gap:5px;align-items:center;}
.visit-info p {font-size:16px;}
.visit-info em {width:20px; height:20px;}
.visit-info input:checked + label em  {width:20px; height:20px;overflow:hidden;}

.pay-input .my-tit {margin-bottom: 25px;}
.pay-input-wrap {display: flex; flex-direction: column; gap: 20px;}
.own {display: flex; align-items: center; gap: 5px;}
.own p {color: #8b8b8b;}
.own span {font-size: 13px; color: var(--primary-color); font-weight: 600;}
.pay-input .input-edit span {color: var(--primary-color); font-weight: 500;}

.input-txt2 {display:flex;gap:10px;width:100%;}
.input-txt2 .input {width:100%;}
.input-txt2 select {padding: 14px 15px 13px;}
/* .pay-info-delete {width:fit-content;background:#fb2727;color:#fff;padding:6px 16px; font-size:14px;border-radius:6px;margin-left:auto;} */
.pay-info-delete {margin-left:auto;width:fit-content;padding:10px 0 0 10px;}
.pay-info-delete i {font-size:26px;color:#999;}
.pay-pet-info .pay-input-wrap {gap:0;}
.pay-pet-info .pay-input-wrap>div:last-child .input-txt2 {border-bottom: 0;padding-bottom:0;}
.pay-pet-info .input-txt2 {border-bottom:1px solid #e9e9e9; padding-bottom:10px;}
.pay-pet-info .my-tit {margin-bottom:0;padding-bottom:15px;justify-content: flex-start;gap:15px; border-bottom:1px solid #e9e9e9;}
.pay-pet-add {background:var(--primary-color);color:#fff !important;width:fit-content; padding:6px 12px;border-radius:6px;}

.pay-information-wrap p {font-size:14px;}


.pay-price > ul {display: flex; flex-direction: column; gap: 12px; padding-bottom: 15px; border-bottom: 1px dashed #eee;}
.pay-price ul li {display: flex; align-items: center; justify-content: space-between;}
.pay-price ul li span {font-size: 14px; color: #7a7a7a;}
.pay-price ul li p {font-size: 16px; color: #333; font-weight: 500;}
.pay-price ul li.deduc p {color: #fb2727;}
.pay-price .total-p {padding-top: 15px;}
.pay-price .total-p ul li span {font-size: 15px; color: #333; font-weight: 500;}
.pay-price .total-p ul li p {font-size: 20px; color: var(--primary-color); font-weight: 700;}
.pay-price .total-p ul li.total-ded p {color: #fb2727;}
.p-pro .cancle-info {margin-bottom: 25px; background-color: #fff0f0; padding: 15px;}
.cancel-detail-wrap .p-pro{
    margin:0 20px 0px;
    border-bottom: 1px solid #eee; 
    padding:0;
}

.cancel2-list-con {
    padding-bottom:20px;
    border-bottom:1px solid #eee;
}

.cancel-detail-wrap .p-pro-wrap,.cancel2-list-wrap {
    display:flex;
    flex-direction: column;
    gap:20px;
}

.cancel-margin {margin-top:10px;margin-bottom:10px !important;}
.pay-price-de ul {border-bottom: none;}

.pc-payment {display: none;}
.pay-btn {padding: 20px;}
.pay-btn button {width: 100%; gap: 5px; font-weight: 600;}
.pay-btn button p {color: #fff; font-weight: 600;}
.pay-mat {display: flex; align-items: center; gap: 20px;}
.pay-mat label {display: flex; align-items: center; gap: 5px;}
.pay-mat label p {font-size: 15px;}
.pay-mat input:checked + label p {font-weight: 600;}
.cou-none {color: #aaa;}
.card-py {display: flex; flex-direction: column; gap: 10px; margin-top: 20px;}
.bank-py {margin-top: 20px; padding: 15px; border-radius: 6px; border: 1px solid #ddd;}
.bank-py ul {display: flex; flex-direction: column; gap: 7px;}
.bank-py ul li {display: flex; justify-content: space-between;}
.bank-py ul li p {font-size: 15px; font-weight: 600; width: 100px;}
.bank-py ul li span {font-size: 15px; font-weight: 400; color: #555;}

.st-re-tit > div {display: flex; flex-direction: column; gap: 5px; padding-bottom: 12px; border-bottom: 1px solid #eee;}
.st-re-tit > div > p {font-size: 18px; font-weight: 600;}
.v-date {display: flex; align-items: center; gap: 20px;}
.v-date p {font-size: 14px; font-weight: 500; color: #555 !important;}
.v-date span {font-weight: 600; font-size: 16px !important; color: #222 !important;}
.v-date span::after {content: none !important;}
.st-re-tit ul {padding-top: 12px;}
ul.prod-list {width: 100%; display: flex; flex-direction: column; gap: 5px;}
ul.prod-list li {display: flex; justify-content: space-between; align-items: center;}
ul.prod-list li p {width: 100px; font-size: 15px; font-weight: 600; width: fit-content;}
ul.prod-list li span {font-size: 17px; font-weight: 700;}
ul.prod-list li div {display: flex; align-items: center; gap: 5px;}

/* 예약완료 */
.p-done .p-done-tit {display: flex; flex-direction: column; gap: 5px; align-items: center; padding: 30px 0;}
.p-done-tit h2 {font-family: var(--font-primary2); font-size: 22px;}
.p-done-tit span {font-size: 15px; color: #555; text-align: center;}

.p-pro {padding: 0 20px;}
.p-pro .his-txt > p {font-size: 14px; color: #909090;}
.p-pro .check-t {padding: 15px 12px; border-radius: 6px; background-color: #f8f8f8;}

.inq-btn {display: flex; padding: 10px 0; border: 1px solid #f1f1f1; border-radius: 6px; margin-top: 10px;}
.inq-btn li {text-align: center; width: 50%; font-size: 14px; color: #6d6d6d; position: relative; display: flex; align-items: center; gap: 5px; justify-content: center;cursor: pointer;}
.inq-btn li em {width: 14px;height: 14px; }
.inq-btn li:last-child:after {content: ""; display: block; width: 1px; height: 75%; background: #eee; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.p-pro-info {display: flex; flex-direction: column; gap: 20px;}
.p-pro-info .pay-info > ul {border-bottom: none;}
.p-pro-info .total-p ul li span {font-size: 14px; color: #7a7a7a; font-weight: 400;}
.p-pro-info .total-p > p {font-size: 13px; text-align: right; color: #888; margin-top: 3px;}
.p-pro-info button {margin-top: 20px;}


/* ====== 장바구니 ====== */
.cart {background-color: #fafafa; padding: 20px; width: 100%;}
.cart-del {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.cart-del div label {display: flex; align-items: center; gap: 6px;}
.cart-del div label p {font-size: 14px;}
.cart-del div input:checked + label p {font-weight: 600;}
.cart-del > span {font-size: 13px; color: #888;}

.cart-wrap {display: flex; flex-direction: column; gap: 25px; margin-bottom: 30px;}
.cart-con {padding: 20px 12px; border-radius: 6px; background-color: #fff;}
.cart-con h2 {font-size: 16px; font-weight: 600; color: #222; margin-bottom: 15px;}
.cart-in {display: flex; align-items: flex-start; gap: 10px;}
.cart-in .cart-pro {display: flex; flex-direction: column; gap: 15px; width: 100%;}
.cart-in .cart-pro .c-pro-tp {display: flex; align-items: flex-start; gap: 5px;}
.c-pro-tp {position: relative;}
.c-pro-tp > em {width: 70px; height: 70px; border-radius: 6px; overflow: hidden; flex-shrink: 0;}
.c-pro-tp .c-pro-txt > p {font-size: 16px; color: #222; font-weight: 500;}
.c-pro-tp .c-pro-txt ul li {display: flex; align-items: center; gap: 2px; flex-wrap: wrap;}
.c-pro-txt ul li p {font-size: 12px; color: #777; display: flex; align-items: center; gap: 2px;  font-weight: 500;}
.c-pro-txt ul li.c-date p {font-size: 13px; margin-bottom: 2px; color: #333;}
.c-pro-txt ul li.c-chk span {color: #222; font-weight: 500;}
.c-pro-txt ul li.c-chk {column-gap: 7px;}
/* .c-pro-txt ul li.c-chk p:last-child {padding-left: 5px;} */
.c-pro-txt ul li.c-per {gap: 5px; margin-top: 2px;}
.c-pro-txt ul li.c-per p:last-child {padding-left: 5px; position: relative;}
.c-pro-txt ul li.c-per p:last-child::after {content: ""; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.c-pro-tp em.close {position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: url(../img/close.png) no-repeat center/cover;}


.c-pro-bt {display: flex; align-items: center; justify-content: space-between;}
.c-pro-bt .opt {padding: 4px 6px; border-radius: 6px; border: 1px solid #eee; background-color: #f6f6f6; color: #555; font-size: 12px;}
.c-pro-bt .c-price {display: flex; align-items: center; gap: 5px;}
.c-pro-bt .c-price span {font-size: 12px; color: #9e9e9e;}
.c-pro-bt .c-price p {font-size: 18px; color: #222; font-weight: 700;}
.cart-in .cart-pro .c-pro-tp {gap: 10px;}

.c-total-box {padding: 20px 20px 30px 20px; background-color: #fff;}
.c-total-box h4 {font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.c-total-box .c-total-inner {display: flex; flex-direction: column;}
.c-total-inner ul li {display: flex; align-items: center; justify-content: space-between;}
.c-total-inner ul li p {font-size: 14px; color: #7a7a7a;}
.c-total-inner ul li span {font-size: 16px; color: #333; font-weight: 500;}
.c-total-inner ul li.c-t-price {padding-bottom: 15px; border-bottom: 1px dashed #eee;}
.c-total-inner > div {padding-top: 15px; display: flex; align-items: center; justify-content: space-between;}
.c-total-inner > div span {font-size: 15px; color: #333; font-weight: 500;}
.c-total-inner > div p {font-size: 20px; color: var(--primary-color); font-weight: 700;}

.c-t-info {width: 100%; padding: 8px 0; border-radius: 6px; background-color: #f5f5f5;justify-content: center !important; font-size: 13px; font-weight: 500; color: #3b3b3b; margin-bottom: 15px;}

/* ====== 리뷰 ====== */

.review {padding: 20px;}
.review .review-pro > h3 {font-family: var(--font-primary); font-size: 18px;}
.review .review-pro > h3 b {font-family: var(--font-primary2);}
.review-pro-con {display: flex; align-items: center; gap: 10px; padding: 12px 10px; border: 1px solid #eee; border-radius: 6px; margin-top: 20px; margin-bottom: 30px;}
.review-pro-con em {width: 60px; height: 60px; border-radius: 6px; overflow: hidden; flex-shrink: 0;}
.review-pro-con .r-pro-txt > p {font-size: 14px; font-weight: 500;}
.review-pro-con .r-pro-txt ul li {font-size: 13px; color: #555; display: flex; gap: 5px;}
.review-pro-con .r-pro-txt ul li p {color: #555; font-size: 13px;}
.review-pro-con .r-pro-txt ul li p:last-child {padding-left: 7px; position: relative;}
.review-pro-con .r-pro-txt ul li p:last-child::after {content: ""; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.review-w {display: flex; flex-direction: column; gap: 50px;}
.review-w .rev-tit {font-size: 16px; font-weight: 600; margin-bottom: 15px; display: flex; align-items: center; gap: 6px;}
.rev-star ul {display: flex; align-items: center; justify-content: center; gap: 3px;}
.rev-star ul li {width: 42px; height: 38px; background: url(../img/rev.png) no-repeat center/cover;}
.rev-star ul li.on {width: 42px; height: 38px; background: url(../img/rev_on.png) no-repeat center/cover;}

.rev-opt ul {display: flex; flex-wrap: wrap; gap: 10px; flex-wrap: wrap;}
.rev-opt ul li {padding: 8px 15px; border: 1px solid #eee; border-radius: 6px; font-size: 15px; cursor: pointer;}
.rev-opt ul li.on {border-color: var(--primary-color); background-color: #F6F5FE;}

.re-txt-wrap {display: flex; flex-direction: column; gap: 10px;}
.re-txt-wrap textarea {border: 1px solid #ddd; width: 100%; height: 150px; font-size: 15px; outline: none;}
ul.photo-wrap {display: flex; gap: 8px;}
ul.photo-wrap2 {flex-wrap:nowrap;}
ul.photo-wrap li {width: 72px; aspect-ratio: 1 / 1; position: relative; border-radius: 6px; overflow: hidden;}
ul.photo-wrap li em {width: 100%; height: 100%; }
ul.photo-wrap li span {position: absolute; width: 18px; height: 18px; background: url(../img/rev-del.png) no-repeat center/cover; top: 5px; right: 5px;}
button.up-btn {width: 100%;  gap: 5px;}
button.up-btn em {background: url(../img/camera_p.png) no-repeat center/cover; width: 16px; height: 13px;}

.re-txt-wrap input[type="file"] {display: none;}
.re-txt-wrap label {display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 0; border-radius: 6px; border: 1px solid #573cfa; gap: 5px;cursor: pointer;}
.re-txt-wrap label em {background: url(../img/camera_p.png) no-repeat center/cover; width: 16px; height: 13px;}
.re-txt-wrap label p {font-size: 14px;color: var(--primary-color); font-weight: 500;}

.review-w .rev-tit em {width: 16px;cursor: pointer;}

/* ====== 카테 서브 - (랭킹, 특가) ====== */
.rank-wrap .cate-pro-rank {margin-top:0 !important;}
.rank-wrap .con-row-img {padding-top:2px;}


.rank {position: absolute; top: 0; left: 10px; background: url(../img/img-label.png) no-repeat center/cover; width: 30px; height: 36px; border-radius: 6px 0 6px 0; display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-primary3); font-size: 13px;padding-bottom:7px;}


.rank-tag {position: absolute; top: 0; left: 0; height: 28px; width: 28px; border-radius: 0px 0 6px 0; background-color: rgba(0, 0, 0, .5);  color: #fff; font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.rank-tag.top {background-color: var(--primary-color);}

.special-tag {position: absolute; bottom: 0; left: 0; background: #9796f0 ; font-size: 11px; width: 100%; padding: 5px 0; text-align: center; font-family: var(--font-primary1);}
.special-tag2 {position: absolute; bottom: 0; left: 0; background: #FF5F6D 33%; font-size: 11px; width: 100%; padding: 5px 0; text-align: center; font-family: var(--font-primary1);}


/* ====== 이벤트 페이지 ====== */
.event-wrap {padding: 20px 20px 20px; display: flex; flex-direction: column; }
.event-wrap .event-con {padding: 20px 0; border-bottom: 1px solid #eee; display: flex; flex-direction: column; gap: 10px;cursor: pointer;}
.event-wrap .event-con em {display: block; width: 100%; aspect-ratio: 1 / .5; border-radius: 6px; overflow: hidden;}
.event-wrap .event-tit {display: flex; flex-direction: column; gap: 10px;}
.event-wrap .event-tit h3 {font-size: 16px; font-weight: 600;}
.event-wrap .event-tit span {font-size: 13px; color: #888;}
.e-detail-tit {display: flex; flex-direction: column; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid #eee; width: 100%;}
.e-detail-tit h3 {font-size: 17px; font-weight: 600;}
.e-detail-tit ul {display: flex; align-items: center; gap: 9px;}
.e-detail-tit ul li {font-size: 13px; color: #888;}
.e-detail-tit ul li {padding-left: 10px; position: relative;}
.e-detail-tit ul li:first-child {padding-left: 0}
.e-detail-tit ul li::after {content: ""; display: block; position: absolute; width: 1px; height: 50%; background-color: #ddd; top: 50%; left: 0; transform: translateY(-50%);}
.e-detail-tit ul li:first-child:after {display: none;}
.e-detail-con {padding: 30px 0 50px 0;}
.e-detail-con div {font-size: 15px; margin-top: 15px;}


/* 지역 카테 */
.region-bg {position: relative; aspect-ratio: 1 / 1;}
.region-bg::after {content: ""; display: block; position: absolute; width: 100%; bottom: 0; left: 0; height: 40%; background: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(85, 85, 85, 0.5) 95%); z-index: 1;}
.region-bg div {position: absolute; bottom: 30px; left: 20px; display: flex; flex-direction: column; gap: 5px; z-index: 2;}
.region-bg div span {font-family: var(--font-primary2); color: #fff; font-size: 22px;}
.region-bg div p {font-size: 16px; color: rgba(255,255,255,0.8);}

.sub-cate {width: 100%; overflow: hidden; margin-bottom: 13px; transition: transform 0.3s ease, opacity 0.3s ease;overflow: hidden;}
.sub-cate.hidden {display: none;}
.hide-sub {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}
.sub-cate ul {display: flex; gap: 12px; overflow-x: auto;}
.sub-cate ul li {display: flex; flex-direction: column; gap: 5px; align-items: center; text-align: center; cursor: pointer;}
.sub-cate ul li div {width: 60px; height: 60px; border-radius: 6px; background-color: #fff; display: flex; align-items: center; justify-content: center;border:1px solid #eee;}
.sub-cate ul li.on div {border: 1px solid #573cfa;}
.sub-cate ul li.on p {color: var(--primary-color); font-weight: 600;width:100%;}
.sub-cate ul li em.sub-icon1 {background: url(../img/sub-cate1.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon2 {background: url(../img/sub-cate2.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon3 {background: url(../img/sub-cate3.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon4 {background: url(../img/sub-cate4.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon5 {background: url(../img/sub-cate5.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon6 {background: url(../img/sub-cate6.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon7 {background: url(../img/sub-cate7.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon8 {background: url(../img/sub-cate8.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon9 {background: url(../img/sub-cate9.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon10 {background: url(../img/sub-cate10.png) no-repeat center/cover; width: 35px; height: 35px;}

/* 카테고리 아이콘 클릭시 class li 추가하여 아이콘 바뀌게 */
.sub-cate ul li em.sub-icon1.on {background: url(../img/c-sub-cate1.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon2.on {background: url(../img/c-sub-cate2.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon3.on {background: url(../img/c-sub-cate3.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon4.on {background: url(../img/c-sub-cate4.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon5.on {background: url(../img/c-sub-cate5.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon6.on {background: url(../img/c-sub-cate6.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon7.on {background: url(../img/c-sub-cate7.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon8.on {background: url(../img/c-sub-cate8.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon9.on {background: url(../img/c-sub-cate9.png) no-repeat center/cover; width: 35px; height: 35px;}
.sub-cate ul li em.sub-icon10.on {background: url(../img/c-sub-cate10.png) no-repeat center/cover; width: 35px; height: 35px;}

.sub-cate ul li p {font-size: 12px; color: #000; font-family: var(--font-primary1); font-weight: 500; white-space: nowrap;}

.play-detail-wrap .sub-cate ul li,
.store-detatil-wrap .sub-cate ul li {
    display:none;
}

.play-detail-wrap .sub-cate ul li.playon, 
.store-detatil-wrap .sub-cate ul li.storeon {
    display:flex;
}

.sub-filter2 {
    height: auto;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    display:none;
}


.play-detail-wrap .sub-filter2, .cate-detail-wrap .sub-filter2, .store-detatil-wrap .sub-filter2 {display:block;}

.sub-filter2 ul {
    display:flex;
    gap:12px;
    overflow-x:auto;
    margin-top:15px;
    padding-bottom:15px;
}

.sub-filter2 ul li {
    padding: 7px 15px;
    border-radius: 6px;
    border: 1px solid #eee;
    font-size: 14px;
    cursor: pointer;
    white-space:nowrap;
}

.sub-filter2 ul li.on {
    border:1px solid var(--primary-color);
}

.sub-filter2 ul li.on em {
    color:var(--primary-color);
}


.play-detail-wrap .sub-filter2-con li,
.store-detatil-wrap .sub-filter2-con li,
.cate-detail-wrap .sub-filter2-con li,
.play-detail-wrap .fi-conv li,
.store-detatil-wrap .fi-conv li,
.cate-detail-wrap .fi-conv li {
    display:none;
}


.cate-detail-wrap .sub-filter2-con li.cateon ,
.play-detail-wrap .sub-filter2-con li.playon ,
.store-detatil-wrap .sub-filter2-con li.storeon,
.cate-detail-wrap .fi-conv li.cateon ,
.play-detail-wrap .fi-conv li.playon ,
.store-detatil-wrap .fi-conv li.storeon {
    display:block;
}




/* 스크롤바의 폭 너비 */
.sub-filter2-con::-webkit-scrollbar,.sub-cate ul::-webkit-scrollbar {
    display: none;
}


/* 커뮤니티 글쓰기 */

/* .write {padding: 20px;} */
.write .write-c div {display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; border-bottom: 1px solid #f1f1f1;}
.write .write-c p {font-size: 16px; font-weight: 500;}
.write textarea {width: 100%; outline: none; height: 260px; font-size: 15px; padding: 20px;}

.write .up-photo {padding: 20px; border-top: 8px solid #f5f5f5;}
.up-photo > div {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.up-photo > div.up-photo-info {margin-bottom:10px;position: relative;top:-15px;font-size:14px;color:#999}
.up-photo > div p {font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 4px;}
.up-photo > div p span {font-size: 12px; color: #949494; font-weight: 500;}
.up-photo > div div {display: flex; align-items: center; font-size: 14px; color: #c7c7c7;}
.up-photo > div div span {color: #c7c7c7;}
/* .up-photo .up-btn {margin-top: 10px;} */
.up-wrap {gap:10px;width:100%;margin-bottom:20px}

.up-btn {padding:3px 8px;border-radius:6px;background:#eee;color:#555}
.up-btn-wrap button.col1 {width:100%;}

/* 프리미엄 페이지 */
.cate-bg {aspect-ratio:  1 / 1; position: relative;}
.cate-bg .swiper-slide{position: relative;}
.cate-bg .swiper-slide::after {content: ""; display: block; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, .0) 10%, rgba(37, 37, 37, 0.6) 95%); z-index: 1;}
.cate-bg div.bg-txt {position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; z-index: 2; padding-left: 20px;}
.cate-bg div.bg-txt h3 {font-size: 26px; font-weight: 600; text-align: left; color: #fff; line-height: 1.3;}
.cate-bg div.bg-txt p {font-size: 14px; color: rgba(255, 255, 255, .9);}
.cate-detail .sub-banner-wrap {margin: 7px 0;}

.cate-bg .page , .event-bg .page {width: fit-content; right: 10px !important; bottom: 10px !important; left: auto !important; padding: 4px 13px; background-color: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, .7); border-radius: 50px; font-size: 12px; font-weight: 700;}
.cate-bg .page span,.event-bg .page span {color: rgba(255, 255, 255, .7); font-weight: 700;}
.cate-bg .page .swiper-pagination-current, .event-bg .page .swiper-pagination-current {color: #fff;}

.event-bg {aspect-ratio: 1 / 1; position: relative;}
.event-bg .swiper-slide{position: relative;}
.event-bg .swiper-slide::after {content: ""; display: block; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, .0) 10%, rgba(37, 37, 37, 0.6) 95%); z-index: 1;}
.event-bg div.bg-txt {position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; z-index: 2; padding-left: 20px;}
.event-bg div.bg-txt h3 {font-size: 26px; font-weight: 600; text-align: left; color: #fff; line-height: 1.3;}
.event-bg div.bg-txt p {font-size: 14px; color: rgba(255, 255, 255, .9);}
.n-sr-sticky .de-search {position: sticky; top: 55px; padding: 10px 20px;}
.n-sr-sticky .sticky-cate {top: 101px;}
.filter-no-img .sticky-cate {top:55px !important;}
.filter-no-img .pc-wrap {margin-top:25px;}

/* 컨텐츠 없을때 노출 */
.none-con {display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 100px 0; width: 100%;}
.none-con em {width: 60px;}
.none-con p {font-size: 16px; color: #888; font-weight: 500;}
.pc-tit {display: none;}
.list-btn {display: none;}
.filter-side {display: none;}
.none-con2 {padding: 50px 0;}

/* 페이지네이션 */

.page-n {display: flex; align-items: center; width: 100%; justify-content: center; margin-top: 20px;}
.page-n ul {display: flex; align-items: center;}
.page-n ul li {cursor: pointer;}
.page-prev {background: url(../img/p_prev.png) no-repeat center/cover; width: 25px; height: 20px; background-size:10px 15px; }
.page-n ul li.page-prev:first-child {background: url(../img/p_prevv.png) no-repeat center/cover; width: 25px; height: 20px;background-size:15px 15px;}
.page-prev.on {background: url(../img/p_prev_on.png) no-repeat center/cover;}
.page-next {background: url(../img/p_next.png) no-repeat center/cover; width: 25px; height: 20px;background-size:10px 15px;}
.page-n ul li.page-next:last-child {background: url(../img/p_nextt.png) no-repeat center/cover; width: 25px; height: 20px;background-size:15px 15px;}
.page-next.on {background: url(../img/p_next_on.png) no-repeat center/cover;}
.page-num {width: 23px; height: 25px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size:14px;}
.page-num.active {background: var(--primary-color); color: #fff;width:25px;}

/* 상세페이지 (pc) */
.pc-detail-img {display: none;}
.pc-chk-p {display: none;}
.fcli-tit {display: none;}
.review-wrap .page-n {margin-top: 30px;}

.pc-cate-tit {display: none;}

/* 25.05.02 수정사항 */ 
.n-sr-sticky2 .sticky-cate {
    padding:10px 0 !important;
    border-bottom:1px solid #eee !important;
    display:flex;flex-direction: column;gap:10px;
}
.n-sr-sticky2 .sub-cate {margin-bottom:0;}
.n-sr-sticky2 .de-search {padding-top:0; padding-bottom:0 !important;}
.n-sr-sticky2 .filter {padding-bottom:0;}
.n-sr-sticky2 .filter-side {top:0;}


/* 놀러와 매거진 추가 */
.hot-wrap .de-con {width: 100% !important;}
.hot-wrap .de-con .pro-img {aspect-ratio: 1 / .6;}
.hot-wrap .pro-name p {font-size: 18px; font-weight: 700;}
.hot-wrap .hot-sub {font-size: 14px; color: #666; margin-top: 6px;}
.hot-wrap .hot-tag {display: flex; gap: 7px;flex-wrap:wrap;row-gap: 3px;}
.hot-tag p {font-size: 12px !important; margin-top: 9px; font-weight: 500 !important; color: #777; padding: 4px 9px; background: #f5f5f5; border-radius: 50px;}
.hot-wrap .pro-info {width: 100%; gap: 0; padding: 12px 0;}
.hot-wrap .pro-price div {justify-content: flex-end;}

.hot-bg {position: relative;}
.hot-bg em {aspect-ratio: 1 / 1;}
.hot-bg .hot-tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; width: 100%;}
.hot-tit h3 {font-size: 23px; font-weight: 600; color: #fff;}
.hot-tit span {color: #fff; margin-top: 8px; font-weight: 400;}
.hot-bg::after {content: ""; display: block; width: 100%; height: 60%; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0) 100%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 1;}

.hot-detail .hot-txt {padding: 40px 20px;}
.hot-detail .hot-txt h4 {font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.hot-detail .hot-txt p {font-size: 16px; color: #555; line-height: 1.5; font-weight: 400;}

.hot-de-con .de-con .pro-img {aspect-ratio: 1 / .6; border-radius: 0;}
.hot-de-con .pro-info {padding: 0px 0px 15px 0px; width: 100%; gap: 0;}
.hot-de-con .pro-name > p {font-size: 20px;  margin-top: 5px; color: #222; font-weight: 600;}
.hot-de-con .pro-price div {justify-content: flex-end;}
.hot-de-txt {padding: 10px 20px;}
.hot-de-txt p {font-size: 16px; color: #555; line-height: 1.5; font-weight: 400;}
.hot-de-txt button {width: 100%; margin-top: 30px;}
.hot-de-wrap {display: flex; gap: 60px; flex-direction: column;}
.hot-de-wrap .h-sub-info p, .hot-de-wrap .h-sub-info ul li,.hot-de-wrap .pro-name span {font-size: 14px;}
.hot-wrap {row-gap: 10px;}


/* 플레이존 예약 - 시간 및 유료옵션 추가 */
.min-ho, .min-ho b {font-size: 14px; color: #777; margin-top: 8px;}
.time-ch {padding: 20px 20px 30px; width: 100%;}
.time-con {padding: 9px 15px; background-color: #ebe8fe; font-size: 15px; color: #333; width: fit-content !important; border-right: 1px solid #ddd;}
.time-con.on {background-color: var(--primary-color); color: #fff;}
.time-con.none {background-color: #f1f1f1; color: #888;}
.time-con:last-child {border-right: none;}
.time-ch .swiper {border-radius: 6px;}

.time-info {display: flex; gap: 10px; margin-top: 15px; padding-bottom: 15px;}
.time-info li {display: flex; align-items: center; gap: 3px;}
.time-info li em {width: 15px; height: 15px; border-radius: 6px;}
.time-info li p {font-size: 14px; color: #555;}
em.ava {background-color: #dcd8f1;}
em.dis-ava {background-color: #ebe9e9;}

.time-set {display: flex; align-items: center; justify-content: space-between;padding-top: 15px; border-top: 1px solid #eee;}
div.ch-date {display: flex; flex-direction: column; gap: 2px;}
.ch-date p, .ch-date span {font-weight: 600; font-size: 15px;}
.ch-pri {display: flex; align-items: center; gap: 5px;}
.ch-pri p {font-size: 14px; color: #666; margin-top: 2px;}
.ch-pri span {font-size: 18px; color: #222; font-weight: 700;}


/* 05.13 커뮤니티 수정 */
.commu .tab1 ul {padding: 15px 20px 0;}
.co-dis .tab1 ul {padding: 0;}
/* 스크롤바 안보이게 xxxxxx */
.commu .tab1 ul::-webkit-scrollbar {
display: none;
}

.comment_cancel {padding:2px 5px;border:1px solid #ccc;color:#999;border-radius:6px;margin-left:10px;}

/* 상세페이지 수정 */
.cst-input {padding: 10px 20px; position: sticky; top: 55px; left: 0; background-color: #fff; z-index: 10;}
.cst-cate .cate-bt {padding-top: 75px;}

/* 플레이존 상품상세 수정 (05.20) */
.play-pri div p {font-size: 17px; color: #222; text-decoration: none; font-weight: 700;}
.play-pri div span {color: #aaa; font-weight: 400;}
.play-pri ul li:last-child::after {content: none;}
.play-pri ul {margin-top: 3px;}
.play-pri ul li p, .play-pri ul li span {font-size: 14px; color: #666; font-weight: 400;}
.room-info .room-tit .sub1 p span {color: #777;}
.oper-h, .oper-h li, .oper-h li p, .oper-h li b {font-size: 14px; font-weight: 400; color: #777; }
.oper-h {gap: 5px !important; margin-top: -1px;}
.oper-h li {position: relative;}
/* .oper-h li:last-child {padding-left: 8px;} */
/* .oper-h li:last-child::before {content: "/"; color: #777; font-size: 14px;} */
.play-pri .room-ava {display: block; margin-top: 10px !important;}

.play-prod {padding: 20px;}
.play-prod > p {font-size: 18px; margin-bottom: 5px; font-weight: 600;}
.play-prod .sub1 {display: flex; align-items: center; gap: 6px; margin-bottom: 3px;}
.play-prod .sub1 p, .play-prod .sub1 span {font-size: 14px; color: #777; position: relative;}
.play-prod .sub1 p:last-child {padding-left: 6px; }
.play-prod .sub1 p:last-child::after {content: ""; display: block; width: 1px; height: 50%; background: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.play-prod .sub2 {display: flex; align-items: center; gap: 6px;}
.play-prod .sub2 p {font-size: 14px; color: #777;  position: relative;}
.play-prod .sub2 p:last-child {padding-left: 6px;}
.play-prod .sub2 p:last-child::after {content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #ddd; position: absolute; top: 49%; left: -2px; transform: translateY(-50%);}
.play-prod ul {margin-top: 15px; display: flex; flex-direction: column; gap: 8px;}
.play-prod ul li {display: flex; align-items: center; justify-content: space-between;}
.play-prod ul li > p {font-size: 14px; font-weight: 600; color: #5e6a7c; width: 100px;}
.play-prod ul li div {display: flex; align-items: center; gap: 2px;}
.play-prod ul li div p, .play-prod ul li span {font-size: 15px; color: #222;}
.add-info {margin-top: 10px; padding: 15px; border-radius: 6px; background-color: #f9f9f9;}
.add-info .add-tit {display: flex; align-items: center; justify-content: space-between;}
.add-tit p {font-size: 13px; color: #777;}
.add-tit span {font-size: 13px; color: var(--primary-color); font-weight: 600;}
.if-txt {margin-top: 10px; font-size: 14px; color: #555;}
.h-sub-cst {margin-top: 2px !important;}
.ho-room > button {width: 100%;}




/* 어플 상세페이지 css */
.app-cate .cate-bt {padding-top: 0;}




/* 카테고리 상세페이지 순서 250711 */

.cate-con-wrap {display:flex;flex-direction: column;gap:25px;}
.cate-con-wrap>div:nth-child(1) {order:2;}
.cate-con-wrap>div:nth-child(2) {order:3;}
.cate-con-wrap>div:nth-child(3) {order:1;}
.cate-con-wrap>div:nth-child(4) {order:4;}

.cate-con-wrap2 {display:flex;flex-direction: column;gap:25px;margin-top:20px;}


.cate-con-slide {position:relative;}

.cate-top-m-wrap .co-input {box-shadow: 0 0 5px #f3f3f3;}
.play-co-input {box-shadow: 0 0 5px #f3f3f3;}
.co-input {box-shadow: 0 0 5px #f3f3f3;}
/* .de-search .in-search {box-shadow: 0 0 5px #f3f3f3;} */
/* .de-search .in-search {border: 1px solid transparent;
    background-color: #fff;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #573cfa 0%, #2fa1ff 50%, #06fc3b 100%);
    background-origin: border-box;
    border-image-slice: 1;
    background-clip: content-box, border-box;
    padding:0 !important;}
.de-search .in-search em {margin-left:15px;}
.date-wrap-color {border: 1px solid transparent;
    background-color: #fff;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #573cfa 0%, #2fa1ff 50%, #06fc3b 100%);
    background-origin: border-box;
    border-image-slice: 1;
    background-clip: content-box, border-box;
    padding:1px !important;}
.date-wrap-color .date {padding:7px 0 7px 10px;} */
.de-search .in-search-color {border: 1px solid var(--primary-color) !important}
.date-wrap-color {border: 1px solid var(--primary-color) !important}




.side-flex2 .cate-detail {width:100%;}

.pd-80 {padding-bottom:10px;}

.rank-wrap .con-row-img img {border-radius:6px;}
.like-wrap .con-row {cursor: pointer;}
.store-wrap .cst-detail .cst-input {padding-top:0;padding-bottom:0;}


/* 카테고리 상세페이지 모바일 간격맞추기 250711 */


/* 어플버전 간격 수정 250714 */

.m-special-wrap .sticky-cate {padding:0 0 10px 0;border-bottom:1px solid #eee;}
.m-special-wrap .filter {padding:0;}
.m-special-wrap .cate-bt.cus {margin-top:25px;}


.cate-detail-wrap .date-bg {position:static !important;top:unset;}

.app-cate .cate-bt-app {display:flex;flex-direction: column;gap:25px;}
.app-cate .cate-bt-app .de-margin2 {margin:0;}
.app-cate .cate-bt-app>div:first-child {margin-top:25px;}
.app-cate .filter {padding-bottom:10px;}



.m-premium-wrap .n-sr-sticky .sticky-cate {top:55px;border-bottom:1px solid #eee;padding:0;}
.m-premium-wrap .filter {padding-bottom:10px;}
.m-premium-wrap .side-banner-wrap-m {margin-top:25px; margin-bottom:25px !important;}


.m-store-wrap .sticky-cate {top:55px !important;border-bottom:1px solid #eee;padding:0;}
.m-store-wrap .cst-input {padding-bottom:10px !important;}
.m-store-wrap .sub-cate {margin-bottom:10px !important;}
.m-store-wrap .filter {padding-bottom:10px !important;}
.m-store-wrap .side-banner-wrap-m {margin:25px 0 !important;}


.m-region-wrap .sticky-cate {top:55px !important;border-bottom:1px solid #eee;padding:0;}
.m-region-wrap .filter {padding-bottom:10px !important;}


.m-rank-wrap .sticky-cate {top:55px !important;border-bottom:1px solid #eee;padding:0;}
.m-rank-wrap .filter {padding-bottom:10px !important;}
.m-rank-wrap .cate-bt {margin-top:25px;}


/* 사이드 배너 조절 */
.rank-wrap .side-banner-wrap {display:none;}



.wrong-info {margin-top:10px;
    /* border-top: 8px solid #f5f5f5;border-bottom: 8px solid #f5f5f5; */
}
.wrong-info2 {border-top:0px;margin-top:0;}
/* .wrong-info2 .wrong-info-title p {padding-left: 0 !important; } */
.wrong-info>div {background:#fff;}
.wrong-info .wrong-info-title {display:none;align-items: center;gap:10px;cursor: pointer;}
.wrong-info .wrong-info-title.turn i {transform: rotate(180deg);transition:0.3s}
.wrong-info .wrong-info-title i {font-size:18px;transition:0.3s}
.wrong-info .wrong-info-title p {padding:30px 0 30px 30px;color:#444;font-size:16px;font-weight:600;}

.wrong-info-text {border-radius:6px;overflow:hidden;margin:20px;}
.wrong-info-text>div {background:#f9f9f9;padding:20px;display:flex;flex-direction: column;gap:3px;}
.wrong-info-text p {color:#444;font-size:12px;}
.wrong-info-text a.wrong-info-link {color:#999;font-size:12px;}


/* 20250805 추가, 패키지 */
.room-info-pkg {border-bottom:1px solid #eee;padding:15px 0;}
.room-info-pkg-wrap>div:last-child {border-bottom:unset;padding-bottom:0;} 

.p-pro.reserve-list-con {padding-left:0;padding-right:0; margin:0 20px;
margin-top:20px;}

.p-pro.reserve-list-con:first-child {margin-top:0;}

.filter-count {font-size:14px;color:var(--primary-color);font-weight:700;line-height:1}
/* 
.lng {
    display: block;
    text-overflow: unset;
    overflow: unset;
    height: fit-content;
} */



/* 250912 추가, 리뷰페이지 분리 */


.review_score {
    padding-top:25px;
    padding-bottom:25px;
}

.review_score div {
    display:flex; 
    gap:15px;
    justify-content: center;
    align-items: center;
}

.review_score div figure {
    width:40px;
}

.review_score div figure img {
    width:100%;
    height:100%;
    object-fit: contain;
}

.review_score div span {
    font-size:30px;
    font-weight:700;
}

.review_score p {
    text-align: center;
    font-size:14px;
    color:#999;
    margin-top:15px;
}

.review_score p em {
    color:#999;
}

.more-review {
    margin-top:30px;
    width:100%;
}

.login-inquire {text-align: center;margin:25px auto 0;padding: 7px 10px;border: 1px solid #e2e2e2;border-radius: 6px;width: fit-content;font-size:14px;cursor: pointer;}

.play-detail-wrap .book-ok, .store-detatil-wrap .book-ok {display: none;}

.withdraw-text {text-align:right;font-size:15px;color:#777;}

.mypage-edit-btn {width:65px;height:65px;display: flex;align-items: center;justify-content: flex-end;cursor: pointer;}

/* 지도 */

.mapwrap {margin-top:95px;}

.map2-wrap .mapwrap {margin-top:55px;}

.set-alarm-tt p {font-size:16px !important;}


/* 매거진 목록으로 버튼 */
.mgz-btn {margin:0 auto;width:fit-content;padding:10px 20px;border-radius:6px;background:#333 !important;border-color: #333 !important;}




@media screen and (max-width: 860px) {


.side-banner-wrap-m {padding:0 20px;margin-bottom:15px !important;}
    .rank-wrap .side-banner-wrap-m {margin-bottom:5px !important;}
    .premium-wrap .side-banner-wrap-m {margin-bottom:0px !important;}
.side-banner-wrap-m figure {overflow: hidden;border-radius:6px;}
.store-wrap .side-banner-wrap-m {margin-top:25px !important;margin-bottom:25px !important;}

.cate-top-m-wrap {
    position:sticky;
    top:55px;
    z-index: 90;
    background:#fff;
    border-bottom:1px solid #eee;
}

.cate-top-m1 {position:static !important;padding-bottom:0;}
.cate-top-m2 {position:static !important;padding:10px 20px !important;}
.cate-top-m3 {position:static !important;padding: 0 0 10px !important;}
.cate-top-m3 .filter {padding-bottom:0;}

}

.pay-pet-info .type {margin-top:0;border-bottom:unset;}

.m-play-detail-wrap #sub_cate_wrap .new-wrap {margin-top:20px;}
.m-play-detail-wrap #sub_cate_wrap .new-wrap:first-child {margin-top:0px;}

.m-hotel-detail2-wrap .detail2 {padding-bottom:74px;}



.sale-tag {font-size:13px;background:#eaeaff;border-radius:4px;padding:2px 7px;color:#794fdb;margin-bottom:5px;width: fit-content;}

.map-phone {width:20px;background:#573cfa;padding:4px;border-radius:4px;overflow: hidden;margin-bottom:2px;margin-left:5px;}
.map-phone img {width:100%;height:100%;}



/* -------- 320px -------- */
@media screen and (min-width: 320px) {
    .map-bt-nav {width: 100%;}
    .map-bt-nav div p {font-size: 12px;}

    .check-t > div span {font-size: 16px;}
    .check-t > div b {font-size: 16px;}
}

/* -------- 360px -------- */
@media screen and (min-width: 360px) {
    .c-pro-tp > em {width: 80px; height: 80px;}
    .cart-con {padding: 20px 15px;}
}

/* -------- 390px -------- */
@media screen and (min-width: 390px) {


    .page-num {width: 30px; height: 30px; border-radius: 6px;font-size:15px;}
    .page-num.active {width:30px;}



}

@media screen and (min-width: 480px) {
	/* 중형 모바일 스타일 */
}

@media screen and (min-width: 640px) {
	/* 대형 모바일 스타일 */
    .fold-con ul {flex-direction: row; column-gap: 0; row-gap: 25px;}
    .fold-con ul li {width: 50%;}
    .fold-con ul li div {gap: 15px;}
    .fold-con ul li div > em {width: 85px; border-radius: 6px;}

    .event-wrap {flex-direction: row; flex-wrap: wrap; gap: 15px;}
    .event-wrap .event-con {width: calc((100% - 15px) / 2);}

    .cate-bg {aspect-ratio: 1 / .8;}
    .event-bg {aspect-ratio: 1 / .9;}

    .hot-wrap {padding-top: 30px;}
    .hot-wrap .de-con {width: calc((100% - 10px) / 2) !important;}

    .hot-bg em {width: 100%; height: 500px; aspect-ratio: auto;}
    .hot-tit h3 {font-size: 25px;}
    .hot-detail .hot-txt h4 {font-size: 22px;}
    .hot-detail .hot-txt {padding: 50px 20px;}
    .hot-de-con .h-sub-info {margin-top: 8px;}
    .hot-de-con .pro-price div p {font-size: 19px;}

    
    .page-num {width: 35px; height: 35px; border-radius: 6px;}
    .page-num.active {width:35px;}


}

@media screen and (min-width: 768px) {
	/* 태블릿 모바일 스타일 */
    .hot-inner {width: 768px; margin: 0 auto;}
    .hot-de-txt p {line-height: 1.7;}
    .hot-detail .hot-txt p {line-height: 1.7;}

    .rank-wrap .cate-pro-rank {margin-top:0 !important;}
    .rank-wrap .con-row-img {padding-top:2px;}


    .rank {position: absolute; top: 0; left: 10px; background: url(../img/img-label.png) no-repeat center/cover; width: 40px; height: 46px; border-radius: 6px 0 6px 0; display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-primary3); font-size: 16px;padding-bottom:7px;}

    .page-num {width: 40px; height: 40px; border-radius: 6px;}
    .page-num.active {width:40px;}

    .page-next {background: url(../img/p_next.png) no-repeat center/cover; width: 10px; height: 15px; margin-left: 25px;}
    .page-next.on {background: url(../img/p_next_on.png) no-repeat center/cover;}


    
}




@media screen and (min-width: 860px) {


    
        .p-done {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px 40px;
        }

    /* 스크롤바의 폭 너비 */
    .sub-filter2-con::-webkit-scrollbar,.sub-cate ul::-webkit-scrollbar {
        height:6px;margin-top:10px;border-radius:50px;overflow: hidden;display: block;
    }

    .sub-filter2-con::-webkit-scrollbar-thumb,.sub-cate ul::-webkit-scrollbar-thumb {
        background: #ccc; /* 스크롤바 색상 */
        border-radius: 50px; /* 스크롤바 둥근 테두리 */
    }

    .sub-filter2-con::-webkit-scrollbar-track, .sub-cate ul::-webkit-scrollbar-track {
        background: #eee;  /*스크롤바 뒷 배경 색상*/
        border-radius:50px;
    }


    .filter-tt-wrap {display: flex;gap:10px;align-items: center;}
    
    .book-ok p {
        padding: 4px 8px;
        border-radius: 6px;
        border: 1px solid #eee;
        font-size: 14px !important;
        cursor: pointer;
        font-weight:500 !important;
        white-space: nowrap;
    }

    .book-ok.on p {border:1px solid var(--primary-color);color:var(--primary-color)}

    
    .detail {padding-bottom: 50px;} /* 원래 100px */

    .wrong-info-text {margin:0px;}
    .wrong-info-text p {font-size:13px;}
    .wrong-info-text>div {padding:30px;}
    
    .wrong-info-text a.wrong-info-link {font-size:13px;}
    .wrong-info .wrong-info-title p {font-size:18px;}
    .wrong-info .wrong-info-title i {font-size:20px;transition:0.3s}

    .pay-wrap .pc-wrap {width:70% !important;}

    .hote-detail-wrap .swiper-slide {aspect-ratio:2.2/1;}
    
    .display-con {padding: 30px 0px;}
    .c-display {padding: 20px 00px 30px;}

    .display-wrap {width:1280px;}
    .filter-no-img .pc-wrap {margin-top:0px;}
    .pd-80 {padding-bottom:80px !important;}

    /* 카테고리 페이지 추가 250711 */

    .play-style .cate-con-wrap2 .cate-pro-wrap {order:3;padding-bottom:0 !important;}
    .play-style .cate-con-wrap2 .page-n {order:2;padding-bottom:80px;}
    .play-style .cate-con-wrap2 .new-wrap {order:1;}

    .store-wrap .page-n {margin-top:40px;}


    .cate-con-wrap {display:flex;flex-direction: column;}
    .cate-con-wrap>div:nth-child(1) {order:1;}
    .cate-con-wrap>div:nth-child(2) {order:2;}
    .cate-con-wrap>div:nth-child(3) {order:3;overflow-x:hidden;}
    .cate-con-wrap>div:nth-child(4) {order:4;overflow-x:hidden;}

    .cate-side {flex-direction: row-reverse;padding-bottom:100px !important;}
    
    .play-style.pd-b1 {padding-bottom:0;}
    .rank-wrap.pd-b1 {padding-bottom:0;}
    .premium-wrap.pd-b1 {padding-bottom:0;}
    .special-wrap.pd-b1 {padding-bottom:0;}

    .side-banner-wrap-m {display:none !important;}
    .side-banner-wrap {width:100%;margin-bottom:25px;border-radius:6px;overflow: hidden;}
    .side-banner-wrap .side-banner {border-radius:6px;overflow: hidden;width:100%;aspect-ratio: 2.2 / 1 !important;}


    .pc-tit {display: block; font-size: 24px;}
    /* .fold-con ul li p {font-size: 18px;} */
    .cart-con {padding: 25px;}
    .c-pro-tp > em {width: 100px; height: 100px; border-radius: 6px;}
    .cart-con h2 {font-size: 18px; margin-bottom: 18px;}
    .c-pro-tp .c-pro-txt > p {font-size: 18px; margin-bottom: 2px; font-weight: 600;}
    .c-pro-txt ul li.c-date p {font-size: 15px;}
    .c-pro-txt ul li p {font-size: 14px;}
    .c-pro-bt .c-price p {font-size: 20px;}
    .c-pro-bt .c-price span {font-size: 14px;}
    .c-pro-bt .opt {font-size: 14px;}
    .c-pro-tp .c-pro-txt ul li.c-date {margin-bottom: 3px;}
    .cart-del div label p {font-size: 16px;}
    .c-total-box h4 {font-size: 18px;}
    .c-t-info {padding: 12px 0; font-size: 15px; margin-bottom: 20px;}
    .c-total-inner ul li span {font-size: 18px;}
    .c-total-inner > div p {font-size: 22px;}
    .event-wrap .event-tit {gap: 6px;}
    .event-wrap .event-tit h3 {font-size: 18px;}
    .event-wrap .event-tit span {font-size: 15px;}

    .event {margin-top: 110px; padding: 40px 20px 80px;}
    .event-wrap {padding: 0;}
    .event-title-wrap .tab1 {padding-top:0px;padding-left:0px;}


    .event_detail {margin-top: 130px; padding-bottom: 80px;}
    .e-detail-tit {width: 100%; padding: 20px 0; align-items: center; gap: 15px;}
    .e-detail-tit h3 {font-size: 21px; font-weight: 700;}
    .e-detail-tit ul {gap: 11px;}
    .e-detail-tit ul li {font-size: 15px;}
    .e-detail-tit ul li:last-child {padding-left: 10px;}

    .list-btn {display: block; margin: 50px auto 0; padding: 0 15px;}

    .p-pro .check-t {padding: 20px;}
    select {background-position: 98% 50%;}
    .check-t > div p {margin-bottom: 5px;}
    .check-t > div span {margin-bottom: 3px;}

    .pc-none .de-search {display: none;}
    .pc-none .banner4 {display: none;}
    .pc-none .sticky-cate {display: none;}

    .side-flex2 {gap: 50px !important; display: flex; padding: 0 20px; overflow: visible !important;} 
    
    .filter-side {display: block; position: sticky;top: 150px; width: 25%;overflow-y: scroll; overscroll-behavior:none;height: calc(100vh - 200px);scrollbar-width: none;align-self: flex-start; }

    .side-flex2 .pc-wrap {width: 100%;overflow:hidden;}
    .side-flex2.cate-side2 .filter-side {margin-top:50px;}
    .side-flex2 .cate-detail {width:70%;}
    .cate-con-wrap2 {margin-top:0px;}
    
    .pc-wrap.cate-detail {margin-top: 0;}
    .pc-wrap .cate-pro-wrap {padding: 0; column-gap: 15px; margin-top: 0;}
    .cate-pro-rank {margin-top: 20px !important;}
    .pc-wrap.cate-detail .cate-pro-wrap.cate-col {margin-top: 0 !important;}
    .pc-wrap .cate-pro-wrap.cate-col {margin-top: 35px !important;}
    .pc-wrap .cate-pro-wrap .de-con {width: calc((100% - 15px) / 2) !important;}
    .pc-wrap .cate-bt {padding-top: 0;}
    .pc-wrap .de-con .pro-img {aspect-ratio: 1 / .85;}

    .cate-bg {aspect-ratio: 1 / .55;}
    .event-bg {margin-top: 120px; aspect-ratio: 1 / .5;}
    .region-bg {aspect-ratio: 1 / .55;}
    .pc-none.cate-detail {margin-top: 50px;}
    .pc-none .bd , .pc-none .pd-left {padding: 0 !important;}
    .cate-bg div.bg-txt {bottom: 40px; padding-left: 40px;}
    .cate-bg .page, .event-bg .page {right: 30px !important; bottom: 30px !important;}
    .total p {margin-bottom: 15px; font-size: 14px;}
    .pc-none .sub-banner-wrap {padding: 0;}

    .pc-wrap .cate-col .de-con {width: 100% !important;}
    .pc-wrap .cate-col .de-con .pro-img {width: 280px; aspect-ratio: 1 / .7;}
    .sub-cate ul li div {width: 58px; height: 58px;}
    .cate-col .pro-name > p {font-size: 18px;}

    .pri-wrap {align-items: flex-end;}
    .pro-price div p {font-size: 19px;}
    .cate-col .de-con .pro-info {padding: 6px 0;}
    .pc-none .search-wrap {display: none;}
    .mt0 {margin-top: 0 !important;}
    .c-display .dis-tit h3 {font-size: 20px;}
    /* .commu {padding-top: 30px;} */
    .dis-wrap ul {height: 285px;}
    .dis-wrap ul li div p {font-size: 17px;}
    .dis-wrap ul li b {font-size: 13px;}
    .dis-wrap ul li div {margin-bottom: 5px;}
    .dis-wrap ul li div span {font-size: 14px;}

    .display-con-wrap {flex-direction: row; flex-wrap: wrap; column-gap: 20px; row-gap: 40px;}
    .display-con-wrap > div {width: calc((100% - 20px) / 2);cursor: pointer;}
    .dis-txt p {font-size: 18px;}
    .dis-txt span {font-size: 14px;}
    /* .cate-col {padding-bottom: 200px !important;} */

    /* 상세페이지 (pc) */

    #img_detail_modal .swiper-slide {height:unset;max-height:80vh;background:unset;}
    #img_detail_modal .swiper-slide img {object-fit:contain}
    .mo-detail-img {display: none;}
    .pc-detail-img {display: flex; gap: 10px; margin-top: 140px; padding: 0; position: relative;height:500px;}
    .pc-detail-img > div {width: 50%;}
    .pc-detail-img > div:first-child {border-radius: 6px; overflow: hidden;}
    /* .pc-de-wrap {display: flex; flex-wrap: wrap; gap: 10px;} */
    .pc-de-wrap {display: grid;grid-template-columns: 1fr 1fr; gap: 10px;}
    /* .pc-de-wrap em {width: calc((100% - 10px) / 2); border-radius: 6px; overflow: hidden;} */
    .pc-de-wrap em {width: 100%; border-radius: 6px; overflow: hidden;}
    .img-total {position: absolute; bottom: 20px; right: 20px; width: fit-content !important; font-size: 13px; padding: 5px 10px; border-radius: 50px; background: rgba(24, 24, 24, .82); color: #fff; cursor: pointer;}
    .pc-none .bt-fixed {display: none;}
    .pc-chk-p {display: block !important; margin-top: 0; padding: 16px 20px;}
    .chk-point > p {font-size: 16px; margin-bottom: 8px;}
    .chk-point {display: none;}
    .pc-chk-p ul {flex-wrap: wrap; flex-direction: row; padding: 0;column-gap: 0; row-gap: 6px !important;}
    .pc-chk-p ul li {flex-direction: row; gap: 8px;width:calc((100% - 5px)/2)}
    .pc-chk-p ul li em {flex-shrink: 0; width: 12px !important; height: 9px;}
    .ho-top {border-bottom: none; padding: 15px 20px;}
    /* .hotel-tit {margin-bottom: 5px;} */
    .hotel-tit p {font-size: 20px;}
    .ho-sub-info div p {font-size: 16px;}
    .ho-sub-info div em {width: 14px;}
    .hotel-tit ul {gap: 25px;}
    .hotel-tit ul li {width: 25px; height: 25px;cursor: pointer;}
    .ho-sub-info ul li p {font-size: 15px;cursor: pointer;}
    .ho-sub-info ul li span {font-size: 13px;}
    .ho-sub-info ul li em {width: 17px;}
    .ho-sub-info {gap: 8px;}
    .pc-ho-bt {display: flex; gap: 10px;padding: 10px 20px 20px 20px;}
    .pc-ho-bt > div {width: 50%;}
    .fcli-wrap {padding: 16px 20px; border-radius: 6px; border: 1px solid #eee; display: flex; flex-direction: column; justify-content: space-around;}
    .fcli-tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;}
    .fcli-tit span {font-size: 15px; font-weight: 500;}
    .fcli-tit em {font-size: 14px; font-weight: 500; color: var(--primary-color);cursor: pointer;}
    .fcli-wrap ul {padding: 0; overflow: hidden; gap: 10px;}
    .fcli-wrap ul li {width: calc((100% - 10px) / 6);}
    .chk-point ul li p {font-size: 14px;}
    .room {display: flex; gap: 15px;flex-wrap:wrap;}
    .play-info {margin-top:0;}
    .room:first-child {padding-top: 10px;}
    .room-img {width: 300px; aspect-ratio: 1 / .7; margin-bottom: 0;}
    .room-info {display: flex; flex-direction: column; justify-content: space-between; flex: 1;}
    .detail-flex {display: flex; gap: 15px;}
    .detail-flex .pc-wrap {width: 70%;}
    .detail-flex .pc-sticky {width: 30%; position: sticky; top: 70px; height: fit-content; display: flex; flex-direction: column; gap: 10px; padding: 20px 20px 0 0;}
    .pc-sticky .banner4 {display: block; padding: 0; border-radius: 6px; overflow: hidden; position: relative;margin-top:50px;}
    .detail .down {display: none;}
    .ho-room .date-wrap {display: none;}
    .event-wrap.pc-none, .down.pc-none {display: none;}

    .pc-map {display: flex; padding-top: 80px; margin-top: 0;}
    .map-wrap {width: 50%;}
    .map-wrap em {width: 100%; height: 100%;}
    .root_daum_roughmap {margin: 0;}
    .pc-map-pro {flex: 1;}

    .reverse {display: flex; flex-direction: column-reverse; height: fit-content;}
    
    .play-detail-wrap .reverse {flex-direction: column;}
    .new-wrap {position: relative;}
    .reverse .cate-col {padding-bottom: 80px !important;}
    .reverse .new-wrap { margin-bottom: 0;}
    .reverse .cate-pro-wrap.cate-col {margin-top: 0 !important;}

    .room-info.pc-none , .pay-input.pc-none, .pay-btn.pc-none {display: none;}
    .pc-payment .check-t {flex-direction: column; gap: 10px;}
    .pc-payment {position: sticky; top: 150px; display: flex; flex-direction: column; gap: 10px; padding-bottom: 50px;
        overflow-y: scroll;
        overscroll-behavior: auto;
        height: calc(100vh - 150px);
        scrollbar-width: none;}
    .pc-payment .room-info {border: 1px solid #eee; border-radius: 6px;}
    .pc-payment .check-t > div {width: 100%; flex-direction: row; flex-wrap: wrap;}
    .pc-payment  .check-t > div p {width: 100%;}
    .pc-payment  .check-t > div span {margin-right: 8px;}
    .pc-payment .pay-input {border: 1px solid #eee; border-radius: 6px;}
    .pc-payment  .pay-btn {padding: 0;}
    .pc-payment .pay-input .my-tit {margin-bottom: 15px;}
    .pc-payment .all-ag {padding: 12px 15px;}
    .pc-wrap .pay-input.pd3 {padding: 25px 0px;}
    .pay {padding-bottom: 100px;}
    .pay .my-tit h3 {font-size: 20px;}

    .event-wrap .d-detail-con .d-wrap {width: 100%; aspect-ratio: 1 / .4;}
    .d-wrap .swiper {width: 100%; overflow: hidden !important;}

    .pc-map-wrap {height: 100vh; overflow: hidden;}
    .pc-map-pro {height: calc(100vh - 95px); overflow-y: auto; padding-bottom: 50px;}
    .floating {top: 145px; right: 25px;}
    .pc-map-pro .cate-pro-wrap {margin-top: 20px !important; padding-bottom: 50px !important; gap: 15px !important;}
    .pc-map-pro .cate-pro-wrap .pro-img {width: 190px; aspect-ratio: 1 / .75;}
    /* 스크롤바 안보이게 xxxxxx */
    .pc-map-pro::-webkit-scrollbar {
    display: none;
  }
  .map-top .de-search {display: none !important;}
  .map-wrap {width: 100%; display: flex; flex-direction: row-reverse;}
  .pc-map-wrap .map-top {position: sticky;}
  .map-wrap .map2 {width: 50%;  display: block;}
    .map2-wrap .map2 {width:100%;}
  .pc-map-wrap {flex: 1; margin-top: 0;}
  .con-list {display: block !important;position: static; margin-top: 20px;height: calc(100vh - 200px);}
  .map-bt-fixed {display: none;}
  .map2-wrap .map-bt-fixed {display: block;}

  
    
    .re-search-wrap {top:145px;left:75%;}
    .re-search-wrap figure {width:16px;}
    .re-search-wrap p {font-size:16px;}


  .review {padding: 30px 20px;}
  .rev-star ul {gap: 8px;}
  .rev-star ul li {width: 50px; height: 45px; cursor: pointer;}
  .rev-star ul li.on {width: 50px; height: 45px;}
  .review-w .rev-tit {font-size: 18px; margin-bottom: 18px;}
  .review .review-pro > h3 {font-size: 21px;}
  .review-pro-con .r-pro-txt > p {font-size: 16px;}
  .review-pro-con .r-pro-txt ul li {font-size: 14px;}
  .review-pro-con em {width: 75px; height: 75px;}
  .review-pro-con {padding: 15px;}

  .room-ava {display: block; margin-top: 10px;}
  .room-info .room-tit > p span {display: flex;margin-top:5px;}

  .pc-cate-tit {display: block; font-size: 24px;}
  .pc-auto {height: auto;}

  .sr-hd .wrap {margin-top: 55px;}

  .cst-input {display: none;}

  .reverse .sub-banner-wrap {display: none;} 
  .cst-detail .sub-banner-wrap, .cst-cate .sub-banner-wrap {margin-bottom: 20px;}
  .cst-sub-ban {margin-bottom: 20px !important;}

  .co-dis .sr-box {display: none;}

  .hot-wrap {padding-top: 50px; column-gap: 15px; row-gap: 25px;}
  .hot-wrap .de-con {width: calc((100% - 30px) / 3) !important;}
  .review-w {gap: 80px;}



  /* 20250805 추가, 패키지 */

    .room-pkg {display:grid;gap:20px;grid-template-columns: 6fr 7fr;}
    .room-img-pkg {height:250px;width:100% !important;position:sticky;top:140px;}
    .room-info-pkg {min-height:250px;border-radius:6px;border:1px solid #eee !important;padding:20px !important;margin-top:20px;}
    .room-info-pkg-wrap>div:first-child {margin-top:unset;}


    /* payment 추가 */

    .pc-pro-wrap {display:flex;flex-direction: column;gap:10px;}
    .pay-wrap {margin-bottom:50px;}
    .visit-with>div {width:50%;}

}


@media screen and (min-width: 1024px) {
    
    .event {padding: 40px 0px 80px;}
    .cate-bg {height: 500px; width: 100%;}
    .event-bg {height: 550px; width: 100%;}
    .region-bg {height: 500px; width: 100%;}

    .dis-img .swiper {overflow: hidden !important;}

    .pc-map-pro .cate-pro-wrap .pro-img {width: 210px;}
    /* .map-wrap {width: 60%;} */
    .pc-map-pro .con-row-img {width: 210px;}
    .map-wrap .map2 {width: 55%;}
    .map2-wrap .map2 {width:100%;}
    
    
    .re-search-wrap {top:145px;left:72%;}
    .re-search-wrap figure {width:16px;}
    .re-search-wrap p {font-size:16px;}



    .hot-wrap {padding-left: 0; padding-right: 0;}
    .hot-de-txt {padding: 10px 0;}
    .hot-detail .hot-txt {padding: 50px 0;}

    .hot-tit h3 {font-size: 30px;}
    .hot-tit span {font-size: 18px; margin-top: 12px;}
    


    .rank-wrap .cate-pro-rank {margin-top:0 !important;}
    .rank-wrap .con-row-img {padding-top:2px;}


    .rank {position: absolute; top: 0; left: 13px; background: url(../img/img-label.png) no-repeat center/cover; width: 50px; height: 66px; border-radius: 6px 0 6px 0; display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-primary3); font-size: 20px;padding-bottom:14px;}

}

@media screen and (min-width: 1280px) {

    .map-phone {width:22px;background:#573cfa;padding:4px;border-radius:5px;overflow: hidden;margin-bottom:2px;margin-left:5px;}

    .event-wrap .event-con {width: calc((100% - 30px) / 3);}
    .event-wrap .event-con {gap: 15px;}

    .side-flex2 {justify-content: space-between;}
    .filter-side {width: 25%;overflow-y: scroll; overscroll-behavior:none;height: calc(100vh - 200px);scrollbar-width: none;}
    .side-flex2 .cate-con-wrap2 {margin-top:0;}
    .pc-wrap .de-con .pro-img {aspect-ratio: 1 / .65;width: 100%;}
    .pc-wrap .cate-pro-wrap {column-gap: 20px;}
    .pc-wrap .cate-pro-wrap .de-con {width: calc((100% - 20px) / 2) !important;}
    .cate-bg div.bg-txt {width: 1280px; left: 50%; padding: 0; padding-left: 40px;}
    .cate-bg div.bg-txt h3 {font-size: 30px;}
    .cate-bg div.bg-txt p {font-size: 16px;}

    .pc-wrap .cate-col .de-con {width: 100% !important;}
    .pc-wrap .cate-col .de-con .pro-img {width: 395px; aspect-ratio: 1 / .6;}
    .cate-col .de-con {gap: 15px;}
    .cate-col .pro-name > p {font-size: 19px;}
    .cate-pro-wrap.cate-col {gap: 25px;}
    .rank-tag {width: 35px; height: 35px; font-size: 19px;}

    .room-img {width: 355px;}
    .ov-vi .wd {overflow: visible;}
    .price-de > p {font-size: 20px;}
    .room-pri ul {margin-top: 3px;}
    .room-pri ul li p, .room-pri ul li span {font-size: 14px;}
    .price-de div span {font-size: 16px;}
    .info-wrap div p {font-size: 15px;}
    .map-con ul li p {font-size: 15px;}
    .map-con ul li span {font-size: 15px;}
    .map-con ul {gap: 8px;}
    .map-con {gap: 20px;}
    .map-con .map {height: 300px;}
    .re-con .re-pro > span {font-size: 13px;}
    .re-img em {width: 15px; height: 14px;}
    .re-img p {font-size: 15px;}
    .re-txt p {font-size: 15px;}
    .re-txt span {margin-top: 15px;}
    .re-photo ul li {width: 180px; height: 180px;}

    .pc-map-pro .cate-pro-wrap .pro-img {width: 230px;}
    /* .map-wrap {width: 60%;} */
    .map-wrap .map2 {width: 60%;}
    .map2-wrap .map2 {width:100%;}

    .re-search-wrap {top:145px;left:70%;}
    .re-search-wrap figure {width:16px;}
    .re-search-wrap p {font-size:16px;}


    .cate-bg {width: 1280px; margin: 0 auto; overflow: hidden;}
    .event-bg {width: 1280px; margin: 120px auto 0; overflow: hidden;}
    .side-flex2 {padding: 0;}
    .wd {padding: 0;}

    .hot-wrap {row-gap: 45px;}
    .hot-detail {margin-bottom: 100px;}
    .hot-wrap {margin-bottom: 100px;}

}

@media screen and (min-width: 1500px) {
    .map-wrap .map2 {width: 71%;}
    .map2-wrap .map2 {width:100%;}
    
    .re-search-wrap {top:145px;left:65%;}
    .re-search-wrap figure {width:16px;}
    .re-search-wrap p {font-size:16px;}
}


@media screen and (min-width: 768px) {
    .h-sub-info2 ul li {font-size:14px !important;}
    }


@media screen and (max-width: 380px) {

    .date-wrap .date p {
        gap:3px !important;
    }
    .date-wrap {
        gap:5px !important;
    }
    .date-wrap .party {
        padding-left:7px !important;
    }

    .date-wrap .party p {
        font-size:14px !important;
    }

    .date-wrap .date p {
        font-size:14px !important;
    }

}

/* @media screen and (max-width: 380px) {

    .date-wrap {flex-direction: column;}
    .date-wrap .party {padding-left:0px !important;margin-left:24px;border-top:1px solid #eee;padding-top:5px;}
    .ho-room .date-wrap {gap:5px;}
    .date-wrap .party::after {display: none !important;}

} */