@charset "UTF-8"; 
@font-face{font-family:'AppleSDGothicNeoB00'; font-style:normal; font-weight:normal; src:url(../font/AppleSDGothicNeoB00.woff) format('woff');}
@font-face{font-family:'AppleSDGothicNeoEB00'; font-style:normal; font-weight:normal; src:url(../font/AppleSDGothicNeoEB00.woff) format('woff');}
@font-face{font-family:'AppleSDGothicNeoM00'; font-style:normal; font-weight:normal; src:url(../font/AppleSDGothicNeoM00.woff) format('woff');}
@font-face{font-family:'AppleSDGothicNeoL00'; font-style:normal; font-weight:normal; src:url(../font/AppleSDGothicNeoL00.woff) format('woff');}
@font-face{font-family:'AppleSDGothicNeoSB00'; font-style:normal; font-weight:normal; src:url(../font/AppleSDGothicNeoSB00.woff) format('woff');}body{line-height:normal;}

.body-warp{width:46.875rem; margin:0 auto; position:relative;}

/* 05_08_01_해외리스트(new) */
.overseas-list{padding:100px 0 0 0!important;}
.fixed{position:fixed !important; top:0; background:#fff; z-index:100; width:100%; display: flex; flex-direction: column;}
.fiexd-normal-padding{padding:6.25rem 0 0;}
/* width */
.body-warp .nav::-webkit-scrollbar{width:0px; height:9px; border-radius:50px;}
/* Track */
.body-warp .nav::-webkit-scrollbar-track{background:#d6d6d6; border-radius:50px;}
/* Handle */
.body-warp .nav::-webkit-scrollbar-thumb{background:#b1b1b1; border-radius:50px;}
/* Handle on hover */
.body-warp .nav::-webkit-scrollbar-thumb:hover{background:#555; border-radius:50px;}
.header-wrap{display: flex;    justify-content: space-around;    max-width: 1024px;    width: 100%;     margin: 0 auto;}
.top-title-warp{padding:0 2rem;}
.top-title-warp{display:flex; align-items:center; width:100%; justify-content:space-between; position:relative; border-bottom:solid 1px #cfcfcf; height:55px;}
.btn-back{background:url(../images/back.svg) no-repeat left center; width:27px; height:24px; display:block; background-size:contain; cursor:pointer; z-index:1;}
.btn-back.white{background:url(../images/back_white.svg) no-repeat left center; background-size:contain;}
.top-title-warp .title{font-family:AppleSDGothicNeoB00; font-size:21px !important; margin:0; font-weight:normal; display:inline; color:#2a2a2a; width:100%; text-align:center; background:#fff;}
.btn-right{z-index:1; display:flex; align-items:center;}
.btn-home{background:url(../images/home.svg) no-repeat left center; width:27px; height:24px; display:block; background-size:contain; cursor:pointer;}
.btn-loation{background:url(../images/location.svg) no-repeat left center; width:27px; height:24px; display:block; background-size:contain; cursor:pointer; margin-left:2rem;}
.btn-heart{background:url(../images/heart.svg) no-repeat left center; width:2.554rem; height:100%; display:block; background-size:contain; cursor:pointer;}
.btn-share{background:url(../images/share.svg) no-repeat left center; height:100%; display:block; background-size:contain; cursor:pointer; width:2.097rem; margin-left:1.5rem;}
.date-warp{display:grid; max-width:1024px; grid-template-columns:1fr 1fr; margin-top:18px; gap:0 0.625rem;padding: 0 2rem;    margin: 5px auto 0;    width: 100%;}
.location{width:100%; height:32px; display:flex; align-items:center; padding:0 calc(0.875rem + 20px); font-family:AppleSDGothicNeoL00; font-size:12px; color:#575757; background:#f2f2f2 url(../images/room.svg) no-repeat 0.875rem center; background-size:20px;}
.date-count{width:100%; height:32px; display:flex; align-items:center; padding:0 5px 0 calc(0.875rem + 20px); font-family:AppleSDGothicNeoL00; font-size:12px; color:#575757; background:#f2f2f2 url(../images/cal.svg) no-repeat 0.875rem center; justify-content:space-between; background-size:20px;}
.date-count .date{padding:0 0 0 0.5rem;}
.date-count .count{font-family:AppleSDGothicNeoM00; font-weight:700; color:#2e2e2e;}
.body-warp .nav{font-family:AppleSDGothicNeoM00; font-size:12.5px; white-space:nowrap; display:flex; flex-direction:row; flex-wrap:nowrap;padding:0 4rem 1rem; background:#fff; max-width:50.875rem; left:calc(50% - (50.875rem /2));}
.body-warp .nav .recomond{color:#3d50b0;}
.body-warp .nav a{margin-right:40px;}
.body-warp .nav a:last-child{margin-right:0;}
.body-warp h3{height:3.938rem; background:#3d50b0; font-family:AppleSDGothicNeoM00; font-size:1.563rem; line-height:initial; margin:0; color:#fff; font-weight:normal; display:flex; align-items:center; padding:0.2rem 0 0 2rem; justify-content:space-between; margin-bottom:1.875rem; position:relative;}
.body-warp h3.sticky{position:sticky;top: 104px !important;z-index:999;border-bottom: 0;}
.body-warp h3 .ad{width:7.281rem; text-align:center; border-left:1px solid #fff; height:100%; display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:0;}
.hotel-name-warp{margin:0 2rem;}
.hotel-name-warp .img{width:100%; height:21.89rem; border-radius:0.625rem; position:relative; overflow:hidden;}
.hotel-name-warp .img img{width:100%; height:21.89rem; position:relative;}
.hotel-name-warp .img .heart{position:absolute; right:1rem; top:1rem; background:url(../images/heart.svg) no-repeat; width:2.391rem; height:2.172rem; background-size:contain; z-index:1; cursor:pointer;}
.hotel-name-warp .img .ad{position:absolute; width:4.688rem; height:2.563rem; border-radius:50px; background-color:hsl(0deg 0% 18% / 80%); z-index:1; color:#fff; display:flex; align-items:center; justify-content:center; right:1rem; bottom:1rem;}
.hotel-deatil{margin:0 0.75rem 1rem;}
.hotel-score-warp{margin:1.86rem 0 1rem; display:flex; align-items:center; justify-content:space-between;}
.hotel-score{width:6.188rem; height:2.438rem; background-color:#333646; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.375rem; font-family:AppleSDGothicNeoM00; padding:0;}
.star-warp{font-family:AppleSDGothicNeoL00; font-size:1.563rem; line-height:2rem; text-align:left; color:#2a2a2a; margin:0; background:url(../images/star.svg)no-repeat left 0.2rem; padding:0 0 0 1.8rem; background-size:1.4rem;}
.star-warp strong{margin:0 0.4rem;}
.title-hotel{margin:0 0 0.5rem; font-family:AppleSDGothicNeoB00; font-size:16px; text-align:left; color:#414141;}
.title-sub{font-family:AppleSDGothicNeoL00; font-size:1.7rem; text-align:left; color:#575757; margin:0 0 0;}
.align-bottom2{position: absolute;right: 0;bottom: 0;}
.through-num{font-family:AppleSDGothicNeoL00; font-size:1.8rem; text-align:right; color:#bcbcbc; text-decoration:line-through; margin:0 0 0; clear:both; min-height:2.2rem;}
.through-num span{font-size:1.1rem; text-decoration:none;}
.cost-warp{display:flex; align-items:center; justify-content:flex-end; font-family:AppleSDGothicNeoL00; font-size:1.375rem; color:#959595; margin:0;}
.cost-warp .c-red{color:#e56060; margin-right:0.875rem;}
.cost-warp .cost{font-family:AppleSDGothicNeoEB00; font-size:2.3rem; color:#2a2a2a; font-weight:600;}
.cost-warp .text{font-family:AppleSDGothicNeoL00; font-size:1.75rem;}
.division{height:0.938rem; background-color:#f6f6f6; border:none; margin:0;}
/*.banner{height:7.813rem; margin:1rem 0 1rem; padding:2.625rem 0 2.688rem 9rem; font-family:AppleSDGothicNeoM00; font-size:1.813rem; color:#3d50b0; background:#fff8f3 url(../images/banner.svg) no-repeat 6rem 2.4rem; background-size:2.5rem;}*/
.banner{ /*liha*/font-family:'appleL'; margin-bottom:0.9375rem; background-size:contain; background-position:right bottom; background-repeat:no-repeat;}
.hot-type-warp{display:grid; cursor: pointer; grid-template-columns:15rem repeat(1, minmax(0, 1fr)); justify-content:space-between; gap:0 2.3rem; margin:0 1.75rem 1.892rem; border-bottom:1px solid #ebebeb; padding-bottom:1.892rem;}
.hot-type-warp .img{position:relative;}
.hot-type-warp .remain-room{width:7.4rem; height:2.563rem; border-radius:50px; background-color:rgb(46 46 46 / 80%); color:#fff; display:flex; align-items:center; justify-content:center; font-family:'AppleSDGothicNeoL00'; position:absolute; bottom:1rem; left:1rem; font-size:1.375rem; padding-bottom:0.2rem;}
.member-specialprice{position:absolute; background:#e56060; color:#fff; width:3.875rem; height:3.875rem; border-radius:50%; display:flex; align-items:center; justify-content:center; line-height:1.3rem; padding:0; left:1rem; top:1rem; font-size:1.3rem; font-weight:bold; z-index:99;}
.member-specialprice-wide{background:#e56060; color:#fff; border-radius:50px; display:flex; width:fit-content; align-items:center; font-size:1.5rem; padding:0.3rem 1rem 0.3rem; float:right; margin:0;}
.member-coupon{background:#eeeeee; color:#000; border-radius:50px; display:flex; width:fit-content; align-items:center; font-size:1.5rem; padding:0.3rem 1rem 0.3rem; float:right; margin:0;}
.hot-type-warp .heart{position:absolute; right:1rem; top:1rem; background:url(../images/heart.svg) no-repeat; width:2.391rem; height:2.172rem; background-size:contain; z-index:1; cursor:pointer;}
.btn-heart.on.heart{background:url(../images/heart_on.svg) no-repeat left center; background-size:contain;}
.hotel-name-warp .img .heart.on,.hot-type-warp .heart.on{background:url(../images/heart_on.svg) no-repeat; background-size:contain;}
.hotel-warp>div:last-child{border:none;}
.hot-type-warp .img,.hot-type-warp .img img{height:21rem;}
.hot-type-warp .img img{width:100%; object-fit:cover; border-radius:0.625rem;}
.detail-hotel{position:relative;}
.detail-hotel .hotel-score-list-warp{display:flex;}
.member-specialprice-text{width:6.188rem; height:2.438rem; display:flex; align-items:center; justify-content:center; font-size:1.375rem; font-family:AppleSDGothicNeoM00; padding:0; color:#E56060; border:1px solid #E56060;}
.detail-hotel .hotel-score{margin-bottom:0.874rem;}
.detail-hotel .title-hotel{font-size:2.4rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:100%; margin-right:0; padding:0;}
.detail-hotel .title-sub{font-size:1.5rem; margin-bottom:0.46rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:28rem;}
.detail-hotel .star-warp{color:#707070;}
.btn-filter-button{border:none;}
.btn-filter{min-width:60px; height:35px; border-radius:0.3125rem; backdrop-filter:blur(30px); box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.16); font-family:AppleSDGothicNeoM00; font-size:19px; color:#000; display:inline-flex; align-items:center; padding:0px 10px 0 30px; position:fixed; background:#fff url(../images/filter.svg) no-repeat 10px center; text-align:right; justify-content:flex-end; background-size:15px; left:calc(50% - (7.75rem / 2)); bottom:1.892rem; cursor:pointer; border : 2px solid #3d50b0;border-radius: 5px;}
#hotelListArea h3{    z-index: 999;    top: 139px !important;    position: sticky;}
.btn-secondary {display:flex; align-items: center;}
/* 05_08_01_해외리스트(new) 끝*/
.overseas-view{}
.overseas-view .top-title-warp{position:absolute; top:0; z-index:10; width:calc(100% - (2rem * 1)); border:none; padding:0 2rem;}
.viewer-slide-warp{overflow:hidden; height:35.917rem; position:relative;}
.viewer-slide-warp .swiper-slide{cursor:pointer;}
.viewer-slide-warp .swiper-slide img{height:35.917rem; object-fit:cover; width:100%;}
.viewer-slide-warp .swiper-pagination{width:4.875rem; height:2.688rem; background:rgb(46 46 46 / 80%); color:#fff; display:flex; align-items:center; justify-content:center; border-radius:50px; position:absolute; right:2.25rem; left:auto; margin:0; bottom:2rem !important; font-size:1.4rem; padding:0;}
.overseas-view .hotel-name-warp{margin:2.458rem 2.5rem 0;}
.icon-star-warp{display:flex; align-items:center;}
.icon-star-warp .rate-num{font-size:1.8rem; position:relative; top:0.4rem;}
.icon-star{background:url(../images/star_off.svg) no-repeat; width:1.4375rem; height:1.4375rem; background-size:contain; display:block; margin:0 0.2rem 0.3rem;}
.icon-star.on{background:url(../images/star.svg) no-repeat; background-size:contain;}
.score-num{font-family:AppleSDGothicNeoSB00; font-size:1.5rem; color:#878787; margin-left:0.23em;}
.overseas-view .title-sub{color:#808080; display:flex; justify-content:space-between; align-items:center;}
.overseas-view .title-sub span{width:8.5rem; height:2.625rem; border-radius:50px; display:flex; align-items:center; justify-content:center; background:#efefef url(../images/room.svg) no-repeat 0.7rem 0.55rem; background-size:1.5rem; padding:0.2rem 0 0 0.6rem; color:#2e2e2e; font-family:AppleSDGothicNeoM00; font-size:1.438rem; cursor:pointer; display:none;}
.banner-coupon{padding:3.3rem 1.5rem; color:#fff;}
.banner-coupon .coupon-wrap.type1{max-width:none; width:100%; margin:0 auto; height:7.5rem; font-size:2.1rem;}
.banner-coupon .coupon-wrap.type1 .icon-gift{background-size:contain; width:2.5rem; height:2.5rem;}
.banner-coupon .icon-coupondown{width:2.7rem; height:2.7rem; background-size:contain;}
.banner-coupon span{color:#C1E1FF;}
.map{height:23.688rem; /*margin:0 2.5rem;  liha*/border-radius:0.625rem; overflow:hidden; position:relative;}
.map .map-api-container{height:23.688rem;}
.modal-map{width:8.125rem; height:2.438rem; z-index:10; position:absolute; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.375rem; background:#3d55dc url(../images/location_white.svg) no-repeat 0.9rem 0.65rem; padding:0 0 0 1rem; left:1.58rem; bottom:1.58rem; cursor:pointer; background-size:0.8rem;}
.map-name{font-family:AppleSDGothicNeoL00; font-size:1.563rem; color:#2a2a2a; margin:1.625rem 2.5rem 3.43rem; display:flex; justify-content:space-between; background:url(../images/room.svg) no-repeat 0rem 0.2rem; padding-left:1.87rem; background-size:1.9rem;}
.map-name span{font-family:AppleSDGothicNeoM00; font-size:1.563rem; cursor:pointer;}
.review-warp{margin:1.625rem 2.5rem 3.43rem;}
.review-warp p{font-family:AppleSDGothicNeoM00; font-size:2.125rem; background:url(/nm/images/modify.svg) no-repeat left center; background-size:2rem; padding:0 0 0 2.5rem;}
.review-warp a{height:5rem; width:100%; border:solid 1px #3d55dc; background-color:#fff; display:flex; align-items:center; justify-content:center; font-family:AppleSDGothicNeoM00; font-size:1.8rem; color:#3d55dc;}
.hotel-detail-infor{display:flex; justify-content:center; align-items:center; margin:1.8rem 0;}
.hotel-detail-infor>div{text-align:center; font-family:AppleSDGothicNeoL00; font-size:1.563rem; border-right:1px solid #999; padding:0 2.6rem; cursor:pointer;}
.hotel-detail-infor>div:last-child{border:none;}
.hotel-detail-infor>div p{margin:0; padding:0;}
.hotel-detail-infor>div .text{font-family:AppleSDGothicNeoL00; font-size:1.8rem;}
.hotel-detail-infor>div .data{font-family:AppleSDGothicNeoSB00; font-size:1.813rem; color:#3d55dc;}
.sort-warp{background:#f6f6f6; padding:1.8rem 2.5rem 5rem;}
.sort-type{font-size:1.563rem; display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem;}
.sort-type select{border:none; background:url(../images/down.svg) no-repeat right 0.5rem; font-family:AppleSDGothicNeoM00; background-size:0.9rem; width:fit-content; height:auto; margin:0; padding:0 1.3rem 0 0; -webkit-appearance:none;}
.sort-type span{font-family:AppleSDGothicNeoM00; font-size:1.563rem; background:url(../images/fillter_icon.svg) no-repeat left 0.2rem; padding-left:1.5rem; background-size:1.1rem;}
.sort-item{margin:0 0 1.875rem; background-color:#fff; padding:1.875rem 1.875rem 1.875rem; border-radius:10px;}
.sort-item.no-data{height:20rem; display:flex; flex-direction:column; justify-content:center;}
.sort-item.no-data p{text-align:center; font-size:1.8rem; color:#575757;}
.sort-item.no-data .change-date{width:12.5rem; height:3.813rem; color:#3d55dc; border:solid 0.1rem #3d55dc; border-radius:50px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; font-weight:600; margin:2rem auto 0; padding:0.1rem 0 0;}
.sort-item .img{height:21.908rem; position:relative; margin-bottom:2.2rem;}
.sort-item .img img{height:21.908rem; object-fit:cover; border-radius:0.625rem;}
.sort-item .img span{z-index:1; width:7.188rem; height:2.563rem; border-radius:50px; background-color:rgb(46 46 46 / 80%); position:absolute; right:1.5rem; bottom:1.5rem; color:#fff; display:flex; align-items:center; justify-content:center; font-family:AppleSDGothicNeoL00; font-size:1.375rem; padding:0.2rem 0 0 0; text-align:center;}
.sort-item .title{font-family:AppleSDGothicNeoB00; font-size:2rem; color:#414141; margin-bottom:2rem; background:#fff; font-weight:800;  /*liha add*/}
.sort-item .option{border-radius:0.625rem; background-color:rgb(242 242 242 / 70%); padding:2rem 1.8rem 1.6rem; font-family:AppleSDGothicNeoL00; font-size:1.625rem; margin-bottom:3rem; position:relative; overflow:hidden;}
.sort-item .option p{padding:0; margin:0 0 0.4rem; display:flex;}
.sort-item .option p:nth-child(n+3){display:none;}
.sort-item .option.on p:nth-child(n+3){display:block;}
.division2{margin:3.125rem 0;}
.sort-item .option p:nth-last-child(2){margin:0;}
.sort-item .option p::before{content:'·'; margin-right:0.5rem;}
.sort-item .option .btn-more2{font-family:AppleSDGothicNeoM00; font-size:1.563rem; color:#3d55dc; position:absolute; right:1.8rem; bottom:1.6rem; cursor:pointer;}
.sort-item .option .btn-more2:before{content:'더보기';}
.sort-item .option.on .btn-more2:before{content:'닫기';}
.option-warp{}
.option-warp>div:first-child{margin:0; padding:0; border:none;}
.option-warp.on>div:first-child{padding-bottom:3.125rem; margin-bottom:3.125rem; border-bottom:1px solid rgb(38 38 38 / 10%);}
.option-warp.more-option>div:nth-child(n+2){display:none;}
.option-warp.on>div:nth-child(n+2){display:block;}
.option-warp.on .btn-more-option{display:none;}
.option-warp>div:last-child{border:none; margin:0; padding:0;}
.option-item{border-bottom:1px solid rgb(38 38 38 / 10%); padding-bottom:3.125rem; margin-bottom:3.125rem;}
.option-item .title{font-size:1.75rem; margin-bottom:1rem; font-weight:800;  /*liha add*/}
.option-detail{display:flex; align-items:flex-end; justify-content:space-between; position:relative;}
.option-text{font-family:AppleSDGothicNeoL00; font-size:1.5rem; color:#575757;}
.option-text p{margin:0; padding:0; max-width:25rem;}
.option-text p:nth-child(n+5){display:none}
.option-text p.option-controll{display:block;}
.option-text p.option-controll:before{content:'- 전체보기'; color:#ccc;}
.option-text.on p.option-controll:before{content:'- 닫기'; color:#ccc;}
.option-text.on p:nth-child(n+5){display:block;}
.option-cost p{margin:0;}
.option-cost .text1{font-family:AppleSDGothicNeoL00; font-size:1.4rem; color:#bbb; text-align:right;}
.option-cost .text2{font-family:AppleSDGothicNeoEB00;font-size:2.125rem;display:flex;align-items:center;font-weight:600;justify-content: flex-end;}
.option-cost .text2 .color{font-family:AppleSDGothicNeoL00; font-size:1.375rem; color:#3d55dc;}
.option-cost .text2 .color.sale{color:#E56060;}
.option-cost .text2 .text{font-family:AppleSDGothicNeoL00; font-size:1.375rem; color:#959595; margin:0.5rem 0 0 0;}
.option-cost .text2 .text:first-child{color:#3d55dc;}
.option-cost .text2 .text3{font-family:AppleSDGothicNeoL00; font-size:1.375rem; color:#959595; margin:0.5rem 0.5rem 0 0; color:#959595;}
.btn-reservation{-webkit-appearance:none; border:none; height:5rem; border-radius:0.625rem; background-color:#343953; width:100%; font-family:AppleSDGothicNeoB00; font-size:1.9rem; color:#fff; font-weight:normal; margin:3.15rem 0 0;}
.btn-reservation.fixed{position:fixed; top:auto; bottom:2rem; width:calc(100% - 5rem); margin:0;max-width: 46.875rem;}
.btn-more-option{background:url(../images/arrow_down.svg) no-repeat calc(50% - -5rem) 1.5rem; -webkit-appearance:none; border:none; height:5rem; border-radius:0.625rem; background-color:#e8f3ff; width:100%; font-family:AppleSDGothicNeoB00; font-size:1.75rem; color:#3d50b0; font-weight:normal; margin:1.875rem 0 0; background-size:2rem;}
.aside-hotel{padding:3.75rem 2.5rem;}
.aside-hotel h4{font-family:AppleSDGothicNeoB00; font-size:2.125rem; font-weight:normal; margin:0 0 1.8rem;}
.aside-slide{height:27rem; overflow:hidden; width:100%;}
.slide-item{width:17.313rem;}
.slide-item .img img{width:17.313rem; height:18.672rem; object-fit:cover;}
.slide-item .name-warp{font-family:AppleSDGothicNeoM00; font-size:1.75rem; display:flex; overflow:hidden; align-items:center; margin:1.9rem 0 0; color:#AAAAAA;}
.slide-item .name-warp .locaton{margin:0 0.5rem 0 0; padding:0 0.8rem 0 0; display:flex; align-items:center; position:relative; min-width:fit-content;}
.slide-item .name-warp .locaton::after{content:''; border-right:1px solid #aaa; height:1.5rem; overflow:hidden; display:block; position:absolute; right:0; top:0.1rem;}
.slide-item .name-warp .hotel-name{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.slide-item .cost{font-family:AppleSDGothicNeoEB00; font-size:2rem; text-overflow:ellipsis; width:100%; white-space:nowrap; overflow:hidden; display:block;}
.slide-item .cost span{font-family:AppleSDGothicNeoL00; font-size:1.625rem;}
.aside-slide .owl-carousel.owl-drag .owl-item{}
.footer-info{background:#f6f6f6; padding:4.3rem 2.5rem 5.74rem; text-align:center; overflow:hidden;}
.footer-info .text1{font-family:AppleSDGothicNeoSB00; font-size:2rem; font-weight:normal;}
.footer-info .text2{font-weight:normal; font-family:AppleSDGothicNeoL00; font-size:1.75rem; margin:1rem 0 2rem;}
.footer-info .text3{font-family:AppleSDGothicNeoSB00; font-size:1.625rem; font-weight:normal; line-height:3rem;}
.footer-info .text4{font-family:AppleSDGothicNeoL00; font-size:1.625rem; font-weight:normal; color:#a1a1a1;}
.btn-kakao{width:100%; display:flex; height:6.688rem; align-items:center; justify-content:center; font-family:AppleSDGothicNeoSB00; font-size:2rem; margin:2.4rem 0 2rem; background:url(../images/kakao.svg) no-repeat calc(50% - 9.8rem) center; padding:0 0 0 2.1rem; background-size:2rem;}
.btn-kakao:hover{color:inherit;}
.footer-info .go-top{font-family:AppleSDGothicNeoL00; font-size:1.625rem; color:#2a2a2a; height:3.625rem; display:flex; align-items:center; justify-content:center; float:right; padding:0.4rem 1.5rem 0; background:#EFEFEF; font-weight:500;}
.footer-info .go-top:before{content:''; background:#efefef url(../images/arrow_up.svg) no-repeat center center; background-size:contain; display:block; width:1rem; height:1rem; margin:-0.3rem 0.5rem 0 0;}

/* 05_08_07_해외상세_상품상세(new) */
.overseas-detail{}
.overseas-detail .viewer-slide-warp,.overseas-detail .viewer-slide-warp .swiper-slide img{/*height:24.563rem;  liha moid, 상품상세 이미지 짤림*/}
.overseas-detail .title-hotel{line-height:3.2rem; margin:0 0 1.5rem 0;}
.overseas-detail .option-detail{position:relative; margin:1.93rem 2rem;}
.overseas-detail .option-text p{display:flex; align-items:center; font-size:1.75rem;}
.overseas-detail .option-text p::before{content:'·'; font-weight:bold; margin-right:0.5rem;}
.option-cost{min-width:fit-content; position:absolute; right:0; bottom:0;}
.option-nomal-information{padding:2.5rem 2.5rem 9rem;}
.option-nomal-information dl{position:relative; margin-bottom:4.3rem;}
.option-nomal-information dl dd:nth-child(n+7){display:none;}
.option-nomal-information dl.on dd:nth-child(n+7){display:block;}
.option-nomal-information dl:nth-last-child(2){margin-bottom:0;}
.option-nomal-information dt{font-family:AppleSDGothicNeoB00; font-size:2rem; margin-bottom:1rem;}
.option-nomal-information dd{font-family:AppleSDGothicNeoL00; font-size:1.75rem; margin:0;}
.option-nomal-information dd.infor{font-family:AppleSDGothicNeoL00; font-size:1.5rem; margin:1.7rem 0 0;}
.option-nomal-information dd.infor::before{display:none;}
.c-red{color:#e56060;}
.option-nomal-information dd::before{content:'·'; font-weight:bold; margin-right:0.5rem;}
.option-nomal-information dl .btn-more{font-family:AppleSDGothicNeoM00; font-size:1.375rem; position:absolute; right:0; bottom:0; cursor:pointer;}
.option-nomal-information dl .btn-more:before{content:'더보기 +'; font-size:1.75rem;}
.option-nomal-information dl.on .btn-more:before{content:'닫기 -';}
/* 05_08_07_해외상세_상품상세(new) 끝*/

.container.px-0.mb-3.banner{background:none;  margin:0 !important;  padding:0;}
#wrap.no-overflow-x{overflow-x:initial;}article.review-article{padding:2.8rem 0;}
div#wrap{padding-bottom:0;}
/* 이용후기 */
.container.tab-content.reivew{padding-top: 30px;max-width: 750px;}
.container-fluid.px-0.fixed-tab.reivew{max-width: 750px;margin: 0 auto;top: 44px;}
.container-fluid.px-0.fixed-tab.reivew .container{max-width:100%;padding: 0 20px;}
article.review-article .review-header .rate-num,article.review-article .review-header .name{font-size:1.75rem;}
.reivew-tab{font-size: 1.8rem;font-weight: 500;width: 100%;text-align: center;display: grid;grid-template-columns: 1fr 1fr;align-items: center;color: #bfbfbf;}
.reivew-tab li{border-bottom: 1px solid #bfbfbf;height: 5rem;display: flex;align-items: center;justify-content: center;}
.reivew-tab li.on{border-bottom: 1px solid #3D50B0;color: #3D50B0;}
.reivew-tab li.on,.reivew-tab li.on a{color: #3D50B0; font-weight:bold;}
/* 이용후기 끝*/

/* 객실 및 투숙인원 */
.lay_pop.lay_schRoomabr.RoomStay .lay_header h3{display: flex;align-items: center;justify-content: center;}
.lay_pop.lay_schRoomabr.RoomStay .schRoomabrTop_v3{padding: 0;height: 60px;display: flex;align-items: center;justify-content: space-between;font-size: 15px;width: 100%;padding: 0 15px;}
.lay_pop.lay_schRoomabr.RoomStay .count a:first-child{background:#fff url(/nm/images/i_minus.svg?v=2) no-repeat center center;background-size: 10px;text-indent: -10000px;border: 1px solid #ddd;border-radius: 50%;}
.lay_pop.lay_schRoomabr.RoomStay .count span{border: none;display: flex;align-items: center;justify-content: center;}
.lay_pop.lay_schRoomabr.RoomStay .count.people span{background:#eee;}
.lay_pop.lay_schRoomabr.RoomStay .count span em{margin-right: 3px;font-weight: bold;}
.lay_pop.lay_schRoomabr.RoomStay .count a:last-child{background:#fff url(/nm/images/i_plus.svg?v=2) no-repeat center center;background-size: 10px;text-indent: -10000px;border: 1px solid #ddd;border-radius: 50%;}
.lay_pop.lay_schRoomabr.RoomStay .schRoomsabrBox .roomTit{background: #F2F2F2;border: none;display: flex;align-items: center;padding: 0 15px;height: 40px;font-size: 14px;}
.RoomStaywarp{padding:0 0 127px;}
.RoomStaywarp .schRoomsabrBox ul{padding: 10px 0;}
.RoomStaywarp .schRoomsabrBox li{width: 100%;padding: 0 15px;height: 40px;display: flex;align-items: center;justify-content: space-between;font-size: 14px;line-height: normal;}
.lay_pop.lay_schRoomabr.RoomStay span.childbtn {float: right;width: 98px;height: 25px;border: none;background: #eee;display: flex;align-items: center;justify-content: space-between;text-align: center;}
.lay_pop.lay_schRoomabr.RoomStay span.childbtn em{width:100%;}
.lay_pop.lay_schRoomabr.RoomStay span.childbtn a {float: right;width: 25px;height: 25px;background: #fff url(/nm/images/i_select.svg?v=2) no-repeat center center;background-size: 10px;text-indent: -10000px;border: 1px solid #ddd;min-width: 25px;}
.bottombtn-warp{bottom: 0;position: fixed;width: 100%;max-width: 1024px;}
.bottombtn-warp .lay_Mpeople{position: relative;bottom: 0;min-width: 0;padding: 0;width: 100%;max-width: 100%;height: min(8rem,70px);display: flex;align-items: center;justify-content: center;border: none;}
.bottombtn-warp .lay_Mpeople .boxClose{top: calc(50% - 7.5px);}
.bottombtn-warp .lay_Mpeople p{margin: 0;font-size: min(3rem,16px);}
.RoomStay .lay_schbtnSel{padding: 0;margin: 0;height: min(9.5rem,74px);border: none;bottom: 0;position: relative;width: 100%;max-width: 100%;}
.RoomStay .lay_schbtnSel > span{font-size: 17px;height: 100%;display: flex;align-items: center;justify-content: center; margin:0;}
.lay_pop.lay_schRoomabr.RoomStay .count.people a:first-child,
.lay_pop.lay_schRoomabr.RoomStay .count.people a:last-child{border-radius:0;}
.RoomStay .lay_close{width: 2rem;height: 2rem;background-size: contain;top: calc(50% - 1rem);}
/* 객실 및 투숙인원 끝*/


/* 쿠폰목록 */
.new-coupon{width: 100%;margin: 0 auto;}
.new-coupon .coupon-warp{background: url(/nm/images/bg_coupon.svg) no-repeat center center;background-size: contain;width: 100%;height: 21rem;display: grid;grid-template-columns: minmax(0, 35rem) minmax(9rem, 8rem);padding: 2rem 0;align-items: center;margin-bottom: 1rem;}
.new-coupon .coupon-detail{font-weight: bold;padding: 0 0 0 min(35px,4rem);line-height: 3rem;}
.new-coupon .color-red{color: #E54949;}
.new-coupon .color-blue{color:#3D50B0;}
.new-coupon p{line-height: normal;font-size: min(20px,1.8rem);}
.new-coupon .text1{font-size: min(23px,4rem);letter-spacing: -2px;padding:0;margin:0;height: min(6.5rem, 50px);line-height: inherit;display: flex;align-items: center;}
.new-coupon .text1 strong{font-size: min(41px,4.5rem);position: relative;top: 0.3rem;margin-right: 0.5rem;}
.new-coupon .text2{padding:0;margin: 1rem 0 0;font-size: min(22px,2.3rem);}
.new-coupon .text3{padding:0;margin: 0 0 0;color:#777;}
.new-coupon .text4{padding:0;margin:0;color:#777;font-weight: normal;}
.new-coupon .text-st1{font-family: 'appleB';font-size: min(5rem, 18px);margin: 0;}
.new-coupon .text-st2{font-family: 'appleM';font-size: min(3rem, 15px);color: #2A2A2A;}
.coupon-Dday{display: flex;justify-content: center;font-size: min(24px,2rem);line-height: min(28px,2.5rem);font-weight: bold;}
/* 쿠폰목록 끝*/

#login_pop .login input[type="text"],#login_pop .login input[type="password"] {display: flex;align-items: center;padding: 0;height: 7rem;font-size: 2rem;padding: 0 2rem;}
.custom-popup .custom-popup-footer .btn-save.full {font-size: min(14px,2rem);}
.custom-popup .modal-body {font-size: min(18px,2rem);}
.modal.fade.custom-popup .modal-header .modal-title {font-size: min(20px,2rem);}
@media all and (max-width:750px){
	html{font-size:2vw !important; line-height:normal;}body{font-size:inherit !important; line-height:normal; font-weight:normal;}
	.body-warp{width:100%;}
	.body-warp .nav{width: 100%;left: 0;}
	.body-warp .nav::-webkit-scrollbar{width:0px; height:0px;}
	
	.fixed{max-width:none;}
}
@media all and (min-width:751px){
	.body-warp .nav{padding:0 2rem 1rem;top:13.5rem;max-width:46.875rem;left:calc(50% - (46.875rem /2));width: 100%;}
	.hot-type-warp .remain-room{padding-bottom:0;}
	.container-fluid.px-0.fixed-tab.reivew{left: calc(50% - (750px / 2));}
	.container.tab-content.reivew{padding-top: 0rem;}
	.new-coupon .coupon-warp{grid-template-columns: minmax(0, 40rem) minmax(9rem, 8rem); height: 24rem;}
}

/* PC 2컬럼 그리드 레이아웃 (768px 이상) */
@media all and (min-width:768px){
	/* 호텔 리스트 2컬럼 그리드 */
	.hotel-warp {
		display: grid;
		gap: 0 1.5rem;
	}
	
	/* 이미지 영역 */
	.hot-type-warp .img,
	.hot-type-warp .img img {
		height: 180px;
		width: 100%;
	}
	
	.hot-type-warp .img img {
		object-fit: cover;
		border-radius: 8px;
	}
	
	/* 상세 정보 영역 */
	.detail-hotel {
		position: relative;
		padding-top: 12px;
		min-height: 130px;
	}
	
	.detail-hotel .title-hotel {
		font-size: 16px;
		margin-bottom: 6px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.hotel-deatil .title-sub {
		font-size: 13px;
	}
	
	.detail-hotel .title-sub {
		font-size: 13px;
		max-width: 100%;
		margin-bottom: 6px;
	}
	
	.detail-hotel .star-warp {
		font-size: 13px;
		margin-bottom: 8px;
	}
	.hotel-deatil .star-warp {
		font-size: 13px;
		margin-bottom: 8px;
	}
	
	/* 가격 영역 */
	.align-bottom2 {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 8px;
		text-align: right;
	}
	
	.through-num {
		font-size: 13px;
		min-height: auto;
	}
	
	.cost-warp {
		font-size: 12px;
	}
	
	.cost-warp .cost {
		font-size: 18px;
	}
	
	.cost-warp .text {
		font-size: 13px;
	}
	
	/* 투데이 포커스 - 풀 width */
	.hotel-name-warp {
		margin: 0 0 2rem 1.5rem;
		cursor: pointer;
	}
	
	.hotel-name-warp .img,
	.hotel-name-warp .img img {
		height: 280px;
	}
	
	/* 남은 객실 뱃지 */
	.hot-type-warp .remain-room {
		font-size: 11px;
		width: auto;
		height: auto;
		padding: 4px 10px;
	}
	
	/* 프로모션 뱃지 */
	.member-specialprice {
		width: 45px;
		height: 45px;
		font-size: 11px;
		line-height: 1.2;
	}
	
	/* 성급 뱃지 */
	.hotel-score {
		width: auto;
		height: auto;
		padding: 4px 8px;
		font-size: 12px;
	}
	
	.member-specialprice-text {
		width: auto;
		height: auto;
		padding: 4px 8px;
		font-size: 11px;
		margin-left: 6px;
	}
	
	/* 헤더 타이틀 */
	.body-warp h3 {
		margin: 0 0 2rem 1rem;
		height: auto;
		padding: 10px 16px;
		font-size: 14px;
	}
	
	.body-warp h3.sticky {
		margin: 0 0 2rem 1rem;
	}
	
	/* 구분선 */
	.division {
		margin: 0 0 2rem 1rem;
		height: 1px;
		background: #eee;
	}
	.date-count,.location{
		font-size: 13.5px;
		background-size: 20.5px;
	}
	.date-count{
		padding: 0 15px 0 calc(0.875rem + 20px);
	}

	#hotelListArea{
		max-width: 1096px;
	}
	.hotel-name-warp .hotel-score-warp{
		font-size: 12px;
	}

	.review-warp p{
		font-size: 21px;
	}
	.review-warp a {
		height: 50px;
		font-size: 18px;
	}
	.hotel-detail-infor>div .text,
	.hotel-detail-infor>div .data {
		font-size: 18px;
	}
	
}
@media all and (min-width:1100px){
	.date-warp{padding: 0 12px;}
	.option-warp,.content-wrap{
		width: 50%;
		padding: 0 3%;
	}
	.sort-item{
		display: flex;
	}
}