/* 기존 모바일웹 참고 css */
.lay_pop {z-index: 999 !important; display: none; top: 0; margin: 0 auto; width: 100%; min-width: 220px; max-width: 1024px; height: 100%; background-color: #fff;}
.cover {position: fixed; z-index: 99999; top: 0; margin: 0 auto; width: 100%; min-width: 220px; max-width: 1024px; height: 100%; 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%;}
.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;}

.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: 77px; 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: #282d46; font-size: 1.1rem;}

.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;}
.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;}
.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;}

.lay_schRooms2 {position: absolute; top: 35%; width: calc(90% - 20px); margin: 0 5%; background-color: #fff;}
.lay_schRooms2 h3 {font-size: 1rem; padding-top:15px; 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 28px 0 28px; 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 20px 0 20px; 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: 134px; padding: 4px; font-size:0.7rem; 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; }
/* 리스트형 이벤트 특전 */
.recom-benefit { display: flex; align-items: center; font-size: 0.75rem; color: #4655c8; font-family: "appleM"; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.icon-benefit::before { content: '✦'; margin-right: 4px; font-size: 0.65rem; }
.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);}
/*로딩 */


/* 해외지역선택 */
.lay_schType_abr .lay_header {background: linear-gradient(135deg, #1a6fd4 0%, #1558b0 100%); border-bottom: none;}
.lay_schType_abr .lay_header h3 {color: #fff; font-weight: 600; letter-spacing: -0.3px;}
.lay_schType_abr .lay_close {background-image: url('/nm/images/ico_close_w.png'); opacity: 0.85;}
.lay_schType_abr .lay_close:hover {opacity: 1;}

.schAbrlist {width: 100%; padding-top: 43px; margin: 0 auto; background: #f7f9fc;}
.schAbrlist > ul {overflow: hidden;}
.schAbrlist li {position: relative; float: left; width: calc(50% - 0.5px); border-bottom: 1px solid #e4ebf5; background: #fff;}
.schAbrlist > ul > li:nth-child(odd) {border-right: 1px solid #e4ebf5;}
.schAbrlist > ul li span {display: block;}
.schAbrlist ul li span.loca {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 13px 32px 13px 12px;
    font-size: 0.92rem;
    color: #333;
    transition: background-color 0.15s;
    cursor: pointer;
    min-height: 50px;
    box-sizing: border-box;
}
.schAbrlist ul li span.loca:hover {background-color: #f0f5ff;}
.schAbrlist ul li span.loca.on {background-color: #e8f0ff; color: #1558b0; font-weight: 600;}
.schAbrlist ul li span.loca .country-flag {font-size: 1.4rem; line-height: 1; flex-shrink: 0;}
.schAbrlist ul li span.loca::after {content: '›'; position: absolute; top: 50%; right: 12px; transform: translateY(-50%) rotate(90deg); font-size: 1.2rem; color: #bbb; transition: transform 0.2s, color 0.2s;}
.schAbrlist ul li span.loca.on::after {content: '›'; transform: translateY(-50%) rotate(-90deg); color: #1558b0;}
.schAbrlist .schAbrlistIn {display: none; z-index: 999; position: absolute; width: 200%; border-collapse: separate; border-spacing: 0; box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.schAbrlist ul li:nth-child(even) .schAbrlistIn {left: -100%;}
.schAbrlist .schAbrlistIn td {
    height: 44px;
    padding: 0 12px;
    background: linear-gradient(to bottom, #eef4ff, #dceaff);
    border: 1.5px solid #fff;
    font-size: 0.88rem;
    color: #1d3a6e;
    transition: background 0.15s, color 0.15s;
    cursor: pointer;
    font-weight: 500;
}
.schAbrlist .schAbrlistIn td:hover {background: #1a6fd4; color: #fff;}

/* 지도 */
.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 */