/* 기존 모바일웹 참고 css */
.lay_pop {z-index: 999 !important; display: none; top: 0; margin: 0 auto; width: 100%; min-width: 220px;  height: 100%; background-color: #fff;}
.cover {position: fixed; z-index: 99999; top: 0; margin: 0 auto; width: 100%; min-width: 220px;  height: 100%; background-color: rgba(0,0,0,0.7); overflow: hidden !important;}
.cover2 {position: fixed; z-index: 99999; top: 0; margin: 0 auto; width: 100%; min-width: 220px; max-width: 1024px; height: 180%; background-color: rgba(0,0,0,0.7); overflow: hidden !important;}
.lay_header {z-index: 999; position: fixed; top: 0; width: 100%; min-width: 220px; max-width: 1024px; height: 43px; line-height: 2; margin: 0 auto; background-color: #fff; text-align: center; border-bottom: 1px solid #afafaf;}
.lay_header h3 {width: 70%; height: 43px; margin: 0 auto; font-size: 1.3rem; line-height:2; ellipsis; white-space: nowrap; overflow: hidden;}
.lay_header > span {display: block; width: 20px; height: 20px; text-indent: -9999px;}
.lay_close {position: absolute; top: 10px; right: 15px; background: url('/nm/images/ico_close.png') no-repeat center center; background-size: 20px, 100%;cursor: pointer;}
.schSub {z-index: 999; position: fixed; top: 0; width: 100%; min-width: 220px; max-width: 1024px; height: auto; margin: 0 auto; background: #fff;}
.tool-device-touch{-webkit-overflow-scrolling: touch;}
.lay_schType_abr {background: #fff;}
.tab-content{max-width: 1024px;}
.lay_mainS li{margin-bottom:1px;}
.lay_mainS .webViewBox{width:100%;height:100%; }
.lay_mainS #web_view{width:100%;height:100%;}

.lay_schType { z-index: 999; position: fixed; top: 0; width: 100%; min-width: 220px; max-width: 1024px; height: 100%; margin: 0 auto; background-color: #fff; text-align: center; border-bottom: 1px solid #afafaf; overflow-y: scroll;}
.lay_schType, .lay_schType_abr {background: #fff;}

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('/nm/common/css/font.min.css');
/* reset 영영 */

.lay_calendar ul, .lay_calendar ol, .lay_calendar li {list-style: none;}
.lay_calendar a {text-decoration: none; color: #323232; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
.lay_calendar table {width: 100%; padding: 0; margin: 0; font-size: 1rem; border-collapse: collapse; border-spacing: 0; empty-cells: show;}
.lay_calendar table td, .lay_calendar table th {padding: 0; border-collapse: collapse; -webkit-user-select: element;}
.lay_calendar select {padding-right: 35px; -webkit-box-shadow: none; background: url('/nm/images/bg_select.png') no-repeat right center; background-size: 37px auto, 100% 37px; color: #323232;}
.lay_calendar button {margin: 0; padding: 0; font-weight: 400; font-size: 10px; line-height: normal; font-family: 'NotoSansKR', 'Noto Sans KR' !important, sans-serif; vertical-align: middle; border: none; overflow: visible; background: none;}
.lay_calendar button:disabled {opacity: 0.75;}
.lay_calendar textarea {width: 100%; padding: 10px; font-weight: 400; font-size: 10px; line-height: normal; font-family: 'NotoSansKR', 'Noto Sans KR' !important, sans-serif; color: #323232; background: #fff; border: 1px solid #afafaf; border-radius: 3px; box-shadow: inset 3px 2px 2px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lay_calendar hr {height: 0; padding: 0; margin: 0; border: none; overflow: hidden;}
.lay_calendar h1 {font-size: 1.5rem;}
.lay_calendar h3 {font-size: 1.3rem;}
.lay_calendar caption {width: 0; height: 0; font-size: 0; line-height: 0; padding: 0; margin: 0; text-indent: -999999px; overflow: hidden; visibility: hidden;}


/* reset 영영 */
/* 달력 */
.lay_calendar { font-size: 10px; line-height:2;}
.lay_calendar em { font-style: normal; }
.lay_calendar h3 { line-height:2.3; font-size:1.7em;}
.lay_calendar div:nth-child(2) {padding-top:30px; padding-bottom: 80px; padding-left:13px; width: calc(100% - 30px); min-width: 220px; max-width: 994px;}
.lay_calendar .days {position: fixed; z-index: 999; top: 43px; width: calc(100% - 30px); min-width: 220px; max-width: 994px; padding: 5px 0; margin: 0 auto; text-align: center; font-size: 1.3rem; border-bottom: 1px solid #afafaf; background-color: #fff;}
.lay_calendar .days li {float: left; width: calc(100% / 7); font-size: 0.9rem; font-weight: bold;}
.lay_calendar table {text-align: center; font-size: 1.3rem;}
.lay_calendar table tbody tr:first-child {font-size: 1.1rem; }
.lay_calendar table tbody td {border: 2px solid #fff;}
.lay_calendar table tbody td button {width: 100%; padding: 17px 0 5px 0; font-size: 1rem;}
.lay_calendar table tbody td:first-child em, .lay_calendar table tbody td.red {color: #eb4664; font-style: normal;}
.lay_calendar table tbody td:last-child em {color: #4655c8; font-style: normal;}
.lay_calendar table tbody td.daystit {padding: 25px 0 5px 0;}
.lay_calendar table tbody td.endday em {font-size: 1rem; color: #e6e6e6;font-style: normal;}
.lay_calendar table tbody td.duration {background-color: rgba(40,45,70,0.1);}
.lay_calendar table tbody td.duration em {color: #fff;font-style: normal;}
.lay_calendar table tbody td.checkin {position: relative; background-color: #3d50b0; border-radius: 7px;}
.lay_calendar table tbody td.checkout {position: relative; background-color: #282d46; border-radius: 7px;}
.lay_calendar table tbody td.checkin em, .lay_calendar table tbody td.checkout em {color: #fff;font-style: normal;}
.lay_calendar table tbody td.checkin::before {content: '체크인'; position: absolute; width: 100%; font-size: 0.9rem; font-weight: 400; color: #fff;}
.lay_calendar table tbody td.checkout::before {content: '체크아웃'; position: absolute; width: 100%; font-size: 0.9rem; font-weight: 400; color: #fff;}
.calen_btn {z-index: 999; position: fixed; bottom: 0;
width: calc(100% - 0px);

min-width: 220px; max-width: 994px; height: 60px; padding: 0 15px; border-top: 1px solid #afafaf; background: #fff;}
.calen_btn span {display: block; width: 100%; height: 40px; line-height: 2.7; margin: 10px 0; color: #fff; text-align: center;
 background: #e30051; font-size: 1.1rem;}
.lay_pop.lay_schType{max-width: none;}
.lay_pop_nonscroll{position:fixed;top:0;width:100%; min-width: 220px; max-width: 1024px; height:100%;  margin: 0 auto;z-index:9999;background:#fff;display: none;}
.lay_njoyRull3{ overflow: auto;}
.headerR.on {top: 0; width: 100%; min-width: 220px; max-width: 1024px; height: 43px; line-height: 2.3; margin: 0 auto; background-color: #fff; text-align: center; border-bottom: 1px solid #afafaf;}
.headerR.on h3 {display: block; width: 70%; height: 43px; margin: 0 auto; font-size: 1.1rem; line-height:2.3 !important; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.headerR span.backBtn {background-position: 0 1px;}
.headerR.on span.backBtn {background-position: 0 -140px;}
.headerR span {display: block; position: relative; float: left; width: 25px; height: 25px; margin: 10px 15px; background:url('/nm/images/icon/btn_roomHeader.png') no-repeat center top; background-size: 100% auto; text-indent: -9999px;}

/* 객실 수 선택 */
.lay_schRooms {position: absolute; top: 35%; width: calc(90% - 20px); margin: 0 5%; padding: 10px; background-color: #fff; text-align: center; max-width: 1024px;}
.lay_schRooms h3 {font-size: 1rem;}
.lay_close2 {
	position: absolute; top: 10px; right: 10px;
	 width: 15px; height: 15px;
	  background: url('/nm/images/ico_close.png') no-repeat center center; background-size: 15px, 100%;}
.lay_schRooms ul {display: inline-block; width: 100%; padding: 15px 0;}
.lay_schRooms li {float: left; width: 50%; font-size: 1rem; text-align: center;}
.lay_schRooms .count {position: relative; width: 100px; margin: 0 auto;}
.lay_schRooms .count a {display: block; position: absolute; top: 0; width: 25px; height: 25px; line-height: 1.2; background-color: #e6e6e6; border:1px solid #afafaf; font-size: 1.5rem ;cursor: pointer;; display: flex; justify-content: center; align-items: center;}
.lay_schRooms .count a:first-child {left: 0;}
.lay_schRooms .count a:last-child {right: 0;}
.lay_schRooms .inRoom{ font-style: normal;}
.lay_schRooms .count span {display: block; height: 25px; border:1px solid #afafaf;}
.lay_schRooms span.btn_selc, .lay_schRooms span.btn_cancel {display: block; width: 100%; padding: 10px 0; background-color: #282d46; color: #fff; font-size: 1rem;cursor: pointer;}

.modal-body2 {position: absolute;overflow-y: scroll;}
.lay_schRooms2 {position: absolute; top: 10%; width: calc(90% - 20px); margin: 0 5%; background-color: #fff;}
.lay_schRooms2 h3 {font-size: 1rem; padding-top:10px; text-align: center;}
.lay_schRooms2 ul {display: inline-block; width: 100%; padding: 2px 0;}
.lay_schRooms2 li {float: left; width: 50%; font-size: 1rem; padding-left: 30px;}
.lay_schRooms2 input[type=text] {width:20px; height: 30px; background-color: #f5f5f5; border:none; text-align: right; read-only}
.lay_schRooms2 .inRoom{font-style: normal;}
.lay_schRooms2 span.btn_selc, .lay_schRooms span.btn_cancel {display: block; width: 100%; padding: 10px 0; background-color: #282d46; color: #fff; font-size: 1rem; text-align: center;}
.lay_schRooms2 .new-count div {width: 30px; height: 30px; font-size:18pt; border: solid 1px #e0e0e0; padding: 10px; float: left; border-radius: 50%; line-height: 10px; padding-left: 8px; font-weight: bold;}
.lay_schRooms2 .new-count span {padding: 4px 20px 0 20px; float: left; font-size: 16px; font-style:normal;}
.lay_schRooms2 .num-count div {width: 30px; height: 30px; font-size:18pt; border: solid 1px #e0e0e0; padding: 10px; float: left; line-height: 10px; padding-left: 8px; font-weight: bold;}
.lay_schRooms2 .num-count span {height: 30px; line-height: 30px; padding: 0 14px 0 14px; float: left; font-size: 16px; font-style:normal; background-color: #f5f5f5;}
.lay_schRooms2 .room-count .room-body li {font-size: 0.8rem;}
.lay_schRooms2 .room-count .room-head {font-size: 0.9rem; background-color:#f2f2f2; text-align: left; padding: 8px 0 8px 30px; margin-bottom: 10px; font-weight:bold;}
.lay_schRooms2 select {width: 120px; padding: 5px; font-size:0.8rem; border: 1px solid #e0e0e0; background: url('/nm/images/num-select_icon_arrow.png') no-repeat 100% 50%; background-size: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.lay_schRooms2 select option {background: #f5f5f5;}
select::-ms-expand{	display: none; /* IE 10, 11 */}

/* 최근검색 */
.lay_schDetail .schSlider {float: left; width: calc(100% - 30px); padding: 15px;}
.lay_schDetail .allDelete {float: right; right: 0; margin-top:-30px; color: #afafaf; cursor: pointer;}
.lay_schDetail .search_txt {color: #323232;}
.lay_schDetail .swisch1 .swiper-slide {background-color: #fff; min-height: 300px;}
.lay_schDetail .swisch1 .swiper-slide dl dt {font-size: 1.3rem;}
.lay_schDetail .swisch1 .swiper-slide dl dd a {font-size: 1.3rem; color: #afafaf;}
.lay_schDetail .swisch1 h3 {font-size: 1.5rem; font-weight: 500; color: #323232; padding-bottom: 15px;}
.lay_schDetail .swisch1 p {margin-top:20%;margin-left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #e6e6e6; text-align: center;}
.lay_schDetail .swisch1 ul li {position: relative; padding-bottom: 15px;}
.lay_schDetail .swisch1 ul li dl {display: inline-block;}
.lay_schDetail .swisch1 ul li dd {color: #999;}
.lay_schDetail .swisch1 ul li > span.schdateClose {position: absolute; top: 10px; right: 0; width: 20px; height: 20px; background: url('/nm/images/ico_close.png') no-repeat center center; background-size: 10px auto;}
/* 최근검색 */

/* 통합검색 검색결과 */
.lay_schDetail .schnear {padding-top:10px;}
.lay_schDetail .searchDate { cursor: pointer; }
.lay_schDetail .schnear h3 {font-size: 1.1rem; font-weight: 700; color: #323232;}
.lay_schDetail .schnear dl {padding: 7px 0; line-height: 0.9rem; font-weight:600;}
.lay_schDetail .schnear dt {display: inline-block; margin-right: 5px; color: #323232; font-weight:600;}
.lay_schDetail .schnear dt span {display: inline-block; font-size: unset; padding: 0; margin: 0 5px 0 0;}
.lay_schDetail .schnear dt span::after {content: ':'; margin-left: 5px;}
.lay_schDetail .schnear dd {display: inline-block; color: #323232;}
.lay_schDetail .schnear dd::before {content: '>'; margin-right: 5px;}
/* 통합검색 검색결과 */

/* 리스트형 이벤트 달력버튼 */
.lay_rcListBox{ margin-bottom : 50px; }
.lay_Fbtn {position: fixed; bottom: 10px; width: calc(100% - 30px); min-width: 220px; max-width: 994px; height: 40px; margin: 0 15px; background-color: rgba(70,85,200,0.7); text-align: center; color: #fff; z-index: 999999;}
.lay_Fbtn span {font-size: 1.5rem; line-height: 2; cursor:pointer;}
/* 리스트형 이벤트 달력버튼 */

/*로딩 */
#loading {display: none; position: fixed; z-index: 999999; top: 0; margin: 0 auto; width: 100%; min-width: 220px; height: 100%; background-color: rgba(0,0,0,0.7); overflow: hidden !important;}
#loading #loading_div {position: absolute; top: 45%; left: calc((100% - 50px) / 2); width: 70px; height: 70px;}
#loading #loading_div:before {content: ''; position: absolute; width: 50px; height: 50px; border-radius: 100% 100% 100% 0; box-shadow: 0px 0px 0px 2px rgba(255,255,255,1); -webkit-animation: mapping 1s linear infinite; -moz-animation: mapping 1s linear infinite; animation: mapping 1s linear infinite; -webkit-transform: rotate(-46deg); -moz-transform: rotate(-46deg); transform: rotate(-46deg);}
#loading #loading_div:after {z-index: -1; content: ''; position: absolute; top: 57px; width: 50px; height: 15px; border-radius: 100%;	background-color: rgba(255, 255, 255, 0.2);}
/*로딩 */


/* 해외지역선택 */
.schAbrlist {width: 90%; padding-top: 43px; margin: 0 auto;max-width: 1024px;}
.schAbrlist li {position: relative; float: left; width: calc(50% - 1px); border-bottom: 1px solid #e6e6e6;}
.schAbrlist > ul > li:nth-child(odd) {border-right: 1px solid #e6e6e6;}
.schAbrlist > ul li span {display: block;}
.schAbrlist ul li span.loca {padding: 10px 15px; font-size: 1rem;cursor: pointer;}
.schAbrlist ul li span.loca::after {content: '∨'; position: absolute; width: 10px; height: 10px; top: 10px; right: 15px; font-size: 1.3rem; color: #afafaf;}
.schAbrlist ul li span.loca.on::after {content: '∧'; position: absolute; width: 10px; height: 10px; top: 10px; right: 15px; font-size: 1.3rem; color: #afafaf;}
.schAbrlist .schAbrlistIn {display: none; z-index: 999; position: absolute; width: 200%; border-collapse: collapse;}
.schAbrlist ul li:nth-child(even) .schAbrlistIn {left: -100%;}
.schAbrlist .schAbrlistIn td {height: 40px; padding: 0 9px; background-color: #deebff; border: 0.1px solid #fff; font-size: 0.9rem; color: #323232;}
.abr_area {cursor: pointer;}
/* 지도 */
.schMaplist {display: none; z-index: 999 !important; position: fixed; margin: 0 auto; width: 100%; min-width: 220px; max-width: 1024px; height: 100%;}
.schMaplist div.test {width: 100%; height: 100%; background: #e6e6e6;}
.schMaplist div.test #map {position: relative; width: 100%; height: 100%; overflow: hidden;}
/*.schMaplist div.test #map > div:last-child {top: 222px !important;}*/
.schMapslide {position: fixed; bottom: 60px; width: 100%; min-width: 220px; max-width: 1024px; margin: 0 auto;}
.schMapslide .schListFilter {bottom: 170px;}
.schMapslide .swisch5-kor {width: 90%; margin-bottom: 5px; border: 1px solid #afafaf; background-color: #fff;}
.schMapslide .swisch5-kor .sk_left {display: block; float: left; width: 65%; padding: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.schMapslide .swisch5-kor .sk_left li {display: inline-block; margin-bottom: 3px; font-size: 1.2rem;}
.schMapslide .swisch5-kor .sk_left li .icon_bluish {float: left; padding: 3px 7px; margin-right: 5px; letter-spacing: -1px; color: #fff;}
.schMapslide .swisch5-kor .sk_left li .tit {font-size: 1.7rem; font-weight: 700; letter-spacing: -1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.schMapslide .swisch5-kor .sk_left li .add {display: inline-block; color: #afafaf;}
.schMapslide .swisch5-kor .sk_right {float: right; position: absolute; right: 0; bottom: 0; width: 25%; padding: 10px; text-align: right;}
.schMapslide .swisch5-kor .sk_right b {font-size: 1.5rem;}
.schMapslide .swisch5-kor .sk_right .aver {display: block; letter-spacing: -1px;}
.schMapslide .swisch5 {width: 90%; border: 1px solid #afafaf; background-color: #fff;}
.schMapslide .schMapfilter {z-index: 99999; position: fixed; left: calc((100% - 65px) / 2); bottom: 170px; width: 65px; height: 35px; margin: 0 auto;}
.schMapslide .schMapfilter .schFil {position: absolute; width: 63px; height: 33px; line-height: 2.7; border: 1px solid #afafaf; background: #fff url('/nm/images/icon/ico_filter.png') no-repeat 5px center; background-size: 20px auto; border-radius: 1px; font-size: 1.2rem; text-indent: 26px;}
.schMapslide .swisch5 .sk_left {display: block; float: left; width: 65%; padding: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.schMapslide .swisch5 .sk_left li {display: inline-block; margin-bottom: 5px; font-size: 1.2rem;}
.schMapslide .swisch5 .sk_left .tit {font-size: 1.7rem; font-weight: 700; letter-spacing: -1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.schMapslide .swisch5 .sk_right {float: right; position: absolute; right: 0; bottom: 0; width: 25%; padding: 10px; text-align: right;}
.schMapslide .swisch5 .sk_right b {font-size: 1.5rem;}
.tripA {display: inline-block; width: 114px; height: 15px; margin: 0 3px 0 0; background: url('/nm/images/icon/tripA.png') no-repeat left 3px; background-size: 100% auto;}
.tripA5 {background-position: 0 0;}
.tripA4 {background-position: 0 -11px;}
.tripA3 {background-position: 0 -24px;}
.tripA2 {background-position: 0 -37px;}
.tripA1 {background-position: 0 -50px;}
.tripA0 {background-position: 0 -63px;}
.tripB {display: inline-block; width: 83px; height: 16px; background: url('/nm/images/icon/tripB.png') no-repeat left top; background-size: 100% auto; text-indent: -9999px;}
.tripB0 {display: none;}
.tripB1 {background-position: 0 0;}
.tripB2 {background-position: 0 -20px;}
.tripB3 {background-position: 0 -40px;}
.tripB4 {background-position: 0 -60px;}
.tripB5 {background-position: 0 -80px;}
.tripB6 {background-position: 0 -100px;}
.tripB7 {background-position: 0 -120px;}
.tripB8 {background-position: 0 -140px;}
.tripB9 {background-position: 0 -160px;}
.tripB10 {background-position: 0 -180px;}

/* 베드타입선택 */
.lay_resBed {display: none;}
.lay_resBed .lay_resBedBox {position: fixed; bottom: 0; width: 100%; min-width: 220px; max-width: 1024px; margin: 0 auto; background: #fff;}
.lay_resBed .lay_resBedH {width: 100%; min-width: 220px; max-width: 1024px; height: 43px; line-height: 2.3; margin: 0 auto; background-color: #fff; text-align: center; border-bottom: 1px solid #afafaf;}
.lay_resBed .lay_resBedH h3 {width: 70%; height: 43px; margin: 0 auto; font-size: 1.2rem; line-height:2.3; text-overflow: ellipsis; white-space: nowrap;	overflow: hidden;}
.lay_resBed .lay_resBedB {padding: 15px;}
.lay_resBedB p {font-weight: bold;}
.lay_resBedB span {display: block; padding: 10px 0; margin-top: 5px; text-align: center; border: 1px solid #e6e6e6; font-size: 0.9rem; font-weight: bold;}
.lay_resBedB span.on {border: 1px solid #282d46; background: #282d46; color: #fff;}

/* 성인수 선택*/
.lay_resPeoAdult {display: none;}
.lay_resPeoAdult .lay_resPeoAdultBox {position: fixed; bottom: 0; width: 100%; min-width: 220px; max-width: 1024px; margin: 0 auto; background: #fff;}
.lay_resPeoAdult .lay_resPeoAdultH {width: 100%; min-width: 220px; max-width: 1024px; height: 43px; line-height: 2.3; margin: 0 auto; background-color: #fff; text-align: center; border-bottom: 1px solid #afafaf;}
.lay_resPeoAdult .lay_resPeoAdultH h3 {width: 70%; height: 43px; margin: 0 auto; font-size: 1.2rem;	line-height:2.3; text-overflow: ellipsis; white-space: nowrap;	overflow: hidden;}
.lay_resPeoAdult .lay_resPeoAdultH .coverClose {position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; background: url('/nm/images/ico_close.png') no-repeat center center; background-size: 15px, 100%;}
.lay_resPeoAdult .lay_resPeoAdultB li {padding: 10px 0; text-align: center; border-bottom: 1px solid #e6e6e6; font-size: 1rem; color: #afafaf;}
.lay_resPeoAdult .lay_resPeoAdultB li.on {color: #323232; font-weight: bold;}

/* 소아수 선택 */
.lay_resPeoChild {display: none;}
.lay_resPeoChild .lay_resPeoChildBox {position: fixed; bottom: 0; width: 100%; min-width: 220px; max-width: 1024px; margin: 0 auto; background: #fff;}
.lay_resPeoChild .lay_resPeoChildH {width: 100%; min-width: 220px; max-width: 1024px; height: 43px; line-height: 2.3; margin: 0 auto; background-color: #fff; text-align: center; border-bottom: 1px solid #afafaf;}
.lay_resPeoChild .lay_resPeoChildH h3 {width: 70%; height: 43px; margin: 0 auto; font-size: 1.2rem;	line-height:2.3; text-overflow: ellipsis; white-space: nowrap;	overflow: hidden;}
.lay_resPeoChild .lay_resPeoChildH .coverClose {position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; background: url('/nm/images/ico_close.png') no-repeat center center; background-size: 15px, 100%;}
.lay_resPeoChild .lay_resPeoChildB li {padding: 10px 0; text-align: center; border-bottom: 1px solid #e6e6e6; font-size: 1rem; color: #afafaf;}
.lay_resPeoChild .lay_resPeoChildB li.on {color: #323232; font-weight: bold;}

/* 소아나이 선택 */
.lay_childAge {display: none;}
.lay_childAge .lay_childAgeBox {z-index: 999999; position: fixed; bottom: 0; width: 100%; min-width: 220px; max-width: 1024px; max-height: 300px; margin: 0 auto; background: #fff; overflow-x: hidden; overflow-y: scroll;}
.lay_childAge .lay_childAgeH {position: fixed; width: 100%; min-width: 220px; max-width: 1024px; height: 43px; line-height: 2.3; margin: 0 auto; background-color: #fff; text-align: center; border-bottom: 1px solid #afafaf;}
.lay_childAge .lay_childAgeH h3 {width: 70%; height: 43px; margin: 0 auto; font-size: 1.2rem; line-height:2.3; text-overflow: ellipsis; white-space: nowrap;	overflow: hidden;}
.lay_childAge .lay_childAgeH .coverClose {position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; background: url('/nm/images/ico_close.png') no-repeat center center; background-size: 15px, 100%;}
.lay_childAge .lay_childAgeB {margin-top: 44px;}
.lay_childAge .lay_childAgeB li {padding: 10px 0; text-align: center; border-bottom: 1px solid #e6e6e6; font-size: 1rem; color: #afafaf;}
.lay_childAge .lay_childAgeB li.on {color: #323232; font-weight: bold;}

/* 옵션선택 */
.lay_resOpt{display:none;}
.lay_resOptBox{background:#fff;position:fixed;bottom:0; width:100%; min-width: 220px; max-width: 1024px; margin: 0 auto;}
.lay_resOptH{position:relative;}
.lay_resOptH span{display:block;width:95%;padding:10px 0px 0 3%;text-align:right;font-size: 1rem; font-weight:bold;}
.lay_resOptB li{padding:10px 0;text-align:center;border-bottom:1px solid #ccc;font-size: 1rem;}
.lay_resOptB li a{color:#999;}
.lay_resOptB li.on{font-weight:bold;}
.lay_resOptB li.on a {color: #111;}

/*옵션 동적생성창 */
.roomRes_Opt{ width: 100%; padding:0 !important; margin-bottom:10px; height:125px;}
.roomRes_Opt div {display: inline-block; width: 100%; margin: 5px 0; font-size: 1.3rem;}
.roomRes_Opt li > div{padding:0 !important;}
.roomRes_Opt ul{border:1px solid #ccc; display:none; width:94%; margin-left:3%; padding: 1.5% 3%;}
.roomRes_Opt li{float:left;width:30%;height:90%;position:relative;}
.roomRes_Opt li:first-child{width:70%;}
.roomRes_Opt li .optBox{border:1px solid #ccc; width:100px; height:90px; padding:0; display:block; position:absolute; right:0;}
.roomRes_Opt li .opBox1{float:left; width:49%; height:100%; padding:0; position:relative; border-right:1px solid #ccc; margin:0;}
.roomRes_Opt li .opBox1 > div{position:absolute;top:0;height:100%;padding:0;text-align: center; margin:0;}
.roomRes_Opt li .opBox1 > div span{font-size:25px; color: #111; margin-top:20px; display:block;}
.roomRes_Opt li .opBox1 > div em{font-size:13px;font-style: normal;}
.roomRes_Opt li .opMinus{border-top:1px solid #ccc;}
.roomRes_Opt li .opBox2{float:right; width:50%;height:50%;padding:0; vertical-align: middle; text-align:center;position:relative; margin:0; display:block;}
.roomRes_Opt li .opBox2 img {width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px;}
.roomRes_Opt li .topBox span{font-size:13px; display:block;font-family: 'appleB';}
.roomRes_Opt li .bottomBox .opt_price{font-weight:bold; color: #111; line-height:15px;}
.roomRes_Opt li .bottomBox .closeRes {background: url('/nm/images/icon/btn_closeRes.gif') no-repeat 0 0; width: 15px; height: 15px; background-size: 100% auto; text-indent: -9999px; bottom: 0; margin-top: 14px;}

[v-cloak] > * {
    display: none;
}
/* 기존 모바일웹 참고 css */
.bd {border: solid 1px red}

/* ===================================================
   768px 이상 : 성인수 / 소아수 / 소아나이 선택 - 센터 팝업 모달
   모바일(~767px)은 기존 바텀시트 유지
   =================================================== */
@media (min-width: 768px) {

    /* ── 성인수 선택 팝업 ── */
    .lay_resPeoAdult .lay_resPeoAdultBox {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
        width: 420px;
        max-width: 90vw;
        max-height: 72vh;
        margin: 0;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
        display: flex;
        flex-direction: column;
    }
    .lay_resPeoAdult .lay_resPeoAdultH {
        flex-shrink: 0;
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: unset;
        height: 52px;
        line-height: 52px;
        border-radius: 18px 18px 0 0;
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
    }
    .lay_resPeoAdult .lay_resPeoAdultH h3 {
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-size: 1.05rem;
        font-weight: 700;
        color: #1a1a2e;
    }
    .lay_resPeoAdult .lay_resPeoAdultH .coverClose {
        top: 50%;
        transform: translateY(-50%);
    }
    .lay_resPeoAdult .lay_resPeoAdultB {
        overflow-y: auto;
        flex: 1;
        background: #fff;
    }
    .lay_resPeoAdult .lay_resPeoAdultB li {
        padding: 15px 0;
        font-size: 1rem;
        cursor: pointer;
        transition: background 0.15s ease, color 0.15s ease;
        border-bottom: 1px solid #f2f2f2;
    }
    .lay_resPeoAdult .lay_resPeoAdultB li:last-child { border-bottom: none; }
    .lay_resPeoAdult .lay_resPeoAdultB li:hover { background: #f5f6ff; }
    .lay_resPeoAdult .lay_resPeoAdultB li.on {
        color: #282d46;
        font-weight: 700;
        background: #eef0ff;
    }

    /* ── 소아수 선택 팝업 ── */
    .lay_resPeoChild .lay_resPeoChildBox {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
        width: 420px;
        max-width: 90vw;
        max-height: 72vh;
        margin: 0;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
        display: flex;
        flex-direction: column;
    }
    .lay_resPeoChild .lay_resPeoChildH {
        flex-shrink: 0;
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: unset;
        height: 52px;
        line-height: 52px;
        border-radius: 18px 18px 0 0;
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
    }
    .lay_resPeoChild .lay_resPeoChildH h3 {
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-size: 1.05rem;
        font-weight: 700;
        color: #1a1a2e;
    }
    .lay_resPeoChild .lay_resPeoChildH .coverClose {
        top: 50%;
        transform: translateY(-50%);
    }
    .lay_resPeoChild .lay_resPeoChildB {
        overflow-y: auto;
        flex: 1;
        background: #fff;
    }
    .lay_resPeoChild .lay_resPeoChildB li {
        padding: 15px 0;
        font-size: 1rem;
        cursor: pointer;
        transition: background 0.15s ease, color 0.15s ease;
        border-bottom: 1px solid #f2f2f2;
    }
    .lay_resPeoChild .lay_resPeoChildB li:last-child { border-bottom: none; }
    .lay_resPeoChild .lay_resPeoChildB li:hover { background: #f5f6ff; }
    .lay_resPeoChild .lay_resPeoChildB li.on {
        color: #282d46;
        font-weight: 700;
        background: #eef0ff;
    }

    /* ── 소아나이 선택 팝업 ── */
    .lay_childAge .lay_childAgeBox {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
        width: 420px;
        max-width: 90vw;
        max-height: 72vh;
        margin: 0;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
        display: flex;
        flex-direction: column;
    }
    .lay_childAge .lay_childAgeH {
        position: relative;       /* fixed → relative 로 override */
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        min-width: unset;
        height: 52px;
        line-height: 52px;
        border-radius: 18px 18px 0 0;
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
        z-index: 10;
    }
    .lay_childAge .lay_childAgeH h3 {
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-size: 1.05rem;
        font-weight: 700;
        color: #1a1a2e;
    }
    .lay_childAge .lay_childAgeH .coverClose {
        top: 50%;
        transform: translateY(-50%);
    }
    .lay_childAge .lay_childAgeB {
        margin-top: 0;             /* fixed 헤더 보정 margin 제거 */
        overflow-y: auto;
        flex: 1;
        background: #fff;
    }
    .lay_childAge .lay_childAgeB li {
        padding: 15px 0;
        font-size: 1rem;
        cursor: pointer;
        transition: background 0.15s ease, color 0.15s ease;
        border-bottom: 1px solid #f2f2f2;
    }
    .lay_childAge .lay_childAgeB li:last-child { border-bottom: none; }
    .lay_childAge .lay_childAgeB li:hover { background: #f5f6ff; }
    .lay_childAge .lay_childAgeB li.on {
        color: #282d46;
        font-weight: 700;
        background: #eef0ff;
    }
}