@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');*/

.book-rev {
	position:absolute;
	z-index:300;
	width:300px;
	left:auto;
	right:60px;
	bottom:55px;
	font-family:"Montserrat","Noto Sans KR",serif;
	text-align:center;
}
.book-rev .inner {
	position:relative;
	width:100%;
}
.book-rev .book-choice-btn-out {
	position:relative;
	width:100%;
	text-align:right;
}
.book-rev .book-choice-btn {
	position:relative;
	display:inline-block;
	width:300px;
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:500;
	height:50px;
	line-height:48px;
	padding:0 10px 2px;
	color:#fff;
	text-transform:uppercase;
	/*background-color: rgba(0,0,0,.2);*/
	border:1px solid rgba(255,255,255,1);
	
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.book-rev .book-choice-btn:after { 
	position: absolute; 
	top: 0px; 
	right: 15px;
	bottom: 0; 
	font-family: 'themify'; content: "\e65f";
	font-family: 'themify'; content: "\e65c";
	-webkit-font-smoothing: antialiased; text-indent: 0; -moz-osx-font-smoothing: grayscale; 
}
.book-rev .book-choice-btn:hover {
	border:1px solid rgba(255,255,255,1);
}
.book-pc .book-choice-btn:hover {
	/*color:#000;
	width:100%;
	background:rgba(255,255,255,1);*/
}
.book-rev.on .book-choice-btn { 
	/*color:#000;*/
	border:1px solid rgba(255,255,255,0);
	background:rgba(0,0,0,.35);
	width:100%;
}
.book-pc.on .book-choice-btn { 
	color:#000;
	background:rgba(255,255,255,1);
}
.book-rev.on .book-choice-btn:after { 
	font-family: 'themify'; content: "\e65f";
}

.book-rev-info {
	position:relative;
	padding:0 10px 10px;
	color:#fff;
	background:rgba(0,0,0,.35);
	height:260px;
	display:none;
}

.book-pc .book-rev-info {
	color:#000;
	background:rgba(255,255,255,1);
	padding:0 10px 10px;
	font-weight:400;
}
.book-check-inout {
	position:relative;
	display:block;
	width:100%;
	background:transparent;
	margin:0px 0px 10px;
	border:1px solid rgba(255,255,255,.3);
	/*border-bottom:none;*/
}

.book-room-info {
	position:relative;
	display:block;
	width:100%;
	background:transparent;
	margin:0 0px 10px;
	border:1px solid rgba(255, 255, 255,.3);
}

.book-pc .book-check-inout {
	border:1px solid rgba(0,0,0,.1);
	background:rgba(0,0,0,0);
	border-left:0;
	border-right:0;
	margin:0 0px 0px;
}
.book-pc .book-room-info  {
	border:1px solid rgba(0,0,0,0);
	background:rgba(0,0,0,0);
	border-left:0;
	border-right:0;
	margin:0 0px 0px;
}
.book-seacrch {
	position:relative;
	padding:6px 0 0;
}

.book-pc .book-seacrch {
	position:relative;
	padding:6px 0 0;
}


.book-check-inout .date {
	position:relative;
}
.book-rev .book-info-btn {
	position:relative;
	display:block;
	padding:15px 0;
}
.book-pc .book-info-btn {
	padding:20px 0;
}
.book-rev .tit {
	position:relative;
	display:block;
	font-size:12px;
	margin:0px 0 10px;
	text-transform:uppercase;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}
.book-rev .book-info-group {
	position:relative;
	display:table;
	width:100%;
}
.book-rev .book-info-group .group-cell {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	width:33.33333%;
	text-transform:uppercase;
}
.book-rev .group-cell strong {
	position:relative;
	display:block;
	font-size:16px;
	font-weight:400;
	line-height:1;
	vertical-align:middle;
	padding:5px 0;
}
.book-pc .group-cell strong {
	font-weight:400;
}
.book-rev .group-cell strong em {
	font-size:25px;
	font-weight:500;
	margin-right:2px;
	line-height:1;
}
.book-rev .group-cell strong em.room {
	font-size:20px;
}

.book-rev .group-cell span {
	position:relative;
}

.book-pc .group-cell span {
	font-weight:400;
}

.book-rev .group-cell > div {
	position:relative;
	display:block;
}


.book-rev .group-cell .checkIn, 
.book-rev .group-cell .checkOut {
	position:relative;
	display:inline-block;
	text-align:left;
}
.book-rev .group-cell .dayCount {
	position:relative;
	display:inline-block;
	text-align:center;
	font-weight:400;
}

.book-rev .group-cell .adultCount:after, 
.book-rev .group-cell .childCount:after {
	content:'';
	position:absolute;
	top:50%;
	margin-top:-16px;
	display:block;
	width:1px;
	height:32px;
	background:rgba(255,255,255,.3);
}
.book-rev .dayCount {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:100%;
	background:rgba(0,0,0,.2);
	background:rgba(255,255,255,.25);
	box-sizing:border-box;
	text-align:center;
	padding:0
}
.book-pc .dayCount {
	background: rgba(0,0,0,.15);
}

.book-search {
	position:relative;
}
.book-rev .btnSearch {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	background:#000;
	background:rgba(160,40,40,1);	
	height:48px;
	font-size:15px;
	font-weight:400;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.book-pc .btnSearch { 
	/*background:rgba(160,40,40,1);*/
}

.book-pc .btnSearch:hover { 
	background:#000;
}
.btnSearch[disabled]{color:#b2b2b2!important;border-color:#e6e6e6!important;background:#e6e6e6!important;cursor:default}
.btnSearch[disabled]:before{display:none}

.book-main-text {
	position:relative; 
	display:block;
	white-space: nowrap;
	word-break:keep-all;
	margin:0px 0px 20px 0;
	text-align:left;
	display:none;
}
.book-main-text h1 {
	font-size: 30px;
    line-height: 130%;
	color:rgba(255,255,255,1);
	letter-spacing:0px;
	padding:0px 0 10px;
	font-weight:700;
	font-family:"Noto Sans KR", serif;
	text-transform:uppercase;
	/*font-family:'Justus Roman','Noto Sans KR', sans-serif;*/
}
.book-main-text h2 {
	color:rgba(255,255,255,1);
	font-size: 22px;
	letter-spacing:0px;
	line-height:140%;
	position:relative;
	font-weight:300;
	/*font-family:"Noto Serif KR", serif;*/
}
.book-main-text h2 strong {
	font-weight:500;
}

@media screen and (max-width: 1400px) {
	.book-rev {
		right:40px;
		bottom:45px;
	}	
}

@media screen and (max-width: 1280px) {
	.book-rev {
		right:40px;
		bottom:40px;
		width:300px;
	}	
}
@media screen and (max-width: 1024px) {
	.book-rev {
		right:30px;
		bottom:30px;
	}
	
	/*.main-visualText {
		left:20px !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}
	.main-visualText .in {
		text-align:left !important;
	}*/
}
@media screen and (max-width: 768px) {
	.book-rev {
		right:20px;
		bottom:25px;
	}	
	.center-bar-scroll {display:none}
	.main-visualText {
		left:40px; 
		-ms-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}	
	.main-visualText .in {
		text-align:left !important;
	}
}
@media screen and (max-width: 480px) {
	.main-visualText {
		/*top:80px !important;
		bottom:auto !important;*/
		display:none;
	}
	.book-main-text {
		display:block;
	}
	.book-rev {
		right:auto;
		bottom:60px;
		width:100%;
		padding:20px;
	}	
	.book-rev .book-choice-btn {
		width:100%;
	}
	.center-bar-scroll {display:block}
}

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

/* main pop layout */
.book-view-layout {
	position:relative;
	z-index:2;
}
.book-search-pop {
	display:none;
	position: absolute; 
	z-index: 1; 
	left: auto; 
	top: auto;
	right:0px;
	bottom:0;
	min-width:300px;
}
.book-search-pop .inner {
	position: relative; 
	display:block;
	padding: 20px 20px; 
	background: #fff; 
	text-align: left; 
	/*width:100%;*/
	height:100%;
	white-space: nowrap;
	word-break:keep-all;
	border:1px solid rgba(0,0,0,.1);
	min-height:310px;
}
.book-search-pop .select-option {}
.book-search-pop .select-option li {overflow: hidden; margin-bottom: 10px;}
.book-search-pop .opt-ment {
	border-top:1px solid rgba(0,0,0,.1);
	margin-top:20px;
	padding-top:20px;
}
.dot-list {
	position: relative; font-size: 14px; color: #666; line-height: 1.4em; 
	padding-left: 8px; margin-bottom: 2px; letter-spacing: -0.01em;
}
.dot-list:before {content: ''; display: inline-block; position: absolute; left: 0; top: 9px; width: 2px; height: 2px; background: #666;}

.opt-tbl {
	position:relative;
	display:table;
	width:100%;
}
.opt-tbl .opt-tit {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	width:auto;
	color:#333;
	font-weight:500;
}
.opt-tbl .opt-value {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	width:160px;
	white-space: nowrap;
	word-break:keep-all;
}
.opt-tbl .opt-value .opt-counter-input {
	overflow:hidden;position:absolute;width:0px;height:0px;opacity:0;
	font-size: 0px;
	line-height: 0;
	border:none;
	-webkit-box-shadow: none;
}
.opt-tbl .opt-value .opt-counter-group {
	position:relative;
}
.opt-tbl .opt-value .opt-counter-view {
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	height:40px;
	border:1px solid #d8d8d8;
	background:rgba(245,245,245,1);
	background:rgba(255,255,255,1);
	font-size:18px;
	line-height:40px;
	text-align:center;
	pointer-events:none;
	font-weight:500;
}
.opt-counter-btn{overflow:hidden;background-color:#fff;border:1px solid #d8d8d8;}
.opt-counter-btn span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;opacity:0}
.opt-counter-btn[disabled] {
	background-color:rgba(240,240,240,1) !important;
}
.opt-counter-btn[disabled]:after,
.opt-counter-btn[disabled]:before {
	background-color:#999 !important
}

.opt-counter-btn.increase{width:40px;height:40px;position:absolute;top:0;right:0;z-index:2}
.opt-counter-btn.increase:before{content:'';display:block;width:14px;height:1px;background-color:#000;margin:-1px auto;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.opt-counter-btn.increase:after{content:"";display:block;width:16px;height:1px;background-color:#000;margin:0px auto;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}

.opt-counter-btn.decrease{width:40px;height:40px;position:absolute;top:0;left:0;z-index:2}
.opt-counter-btn.decrease:after{content:"";display:block;width:16px;height:1px;background-color:#000;margin:0 auto;-webkit-transform:rotate(0);-khtml-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}

.book-rev .ui-state-hover,
.book-rev .ui-state-focus {
	background: none;
	font-weight: inherit;
}


/* pop booking */
.pop-booking-area {
	visibility:hidden;
	display:block;
	position: fixed; 
	width: 100%;
	/*height: 100vh;*/
	top: 0px;
	left: 0;
    right: 0;
	bottom: 0;
	z-index: 3999;
	font-family:"Montserrat","Noto Sans KR",serif;
}
.pop-booking-area .pop-back {
	visibility:hidden;
	position: absolute; 
	width: 100%;
	/*height: 100vh;*/
	top: 0px;
	left: 0;
    right: 0;
	bottom: 0;
	background:rgba(0,0,0,1);
	
	opacity:0;
	-webkit-transition: opacity .3s ease-out;
       -moz-transition: opacity .3s ease-out;
        -ms-transition: opacity .3s ease-out;
         -o-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out;
	z-index: 1;
}

.pop-booking-area .pop-panel {
    position: absolute;
    top: 0;
    right: 0;
	bottom: 0;
    width: 30%;
    /*height: 100vh;*/
	background:rgba(255,255,255,1);
	z-index: 2;
	display: none;
	-webkit-transform: translateX(100%,0);
	-moz-transform: translateX(100%,0);
	-ms-transform: translateX(100%,0);
	-o-transform: translateX(100%,0);
	transform: translateX(100%,0);
}
.pop-booking-area .pop-panel {
	width:640px;
}

.pop-booking-area.fix {
	visibility:visible;
}

.pop-booking-area.fix .pop-back {
	opacity:.6;
	visibility:visible;
}
.pop-booking-area .bgGrey {
    background: #f2f3f5;
}

.layerPop {
	position:relative;
	color:#000;
	height:100%;
}

.layerPop .layerInner {
	position:relative;
	padding:68px 20px 84px;
	height:100%;
	overflow-y:auto;
	overflow-scrolling:touch;
	-webkit-overflow-scrolling:touch;
}

.layerPop .layerInner .inner {
	position:relative;
	padding:32px 0 40px;
}
.layerPop .btnClose{
	position:fixed;
	overflow:hidden;
	text-indent:-9999px;
	top:5px;
	right:10px;
	width:48px;
	height:48px;
	z-index:3;
	background:url(/js/booking/btn_close_36x36.png) no-repeat 50% 50%;
	background-size:18px 18px;
}
.layerPop .pop-btnArea {
	position:fixed;
	position:absolute;
	left:0;right:0;bottom:0;
	z-index:3;
	padding:10px 20px;
}
.layerPop .btnSearch {
	position:relative;display:block;width:100%;text-align:center;vertical-align:middle;color:#fff;
	background:rgba(160,40,40,1);
	font-size:20px;font-weight:500;padding:15px 0
}	
.layerPop .btnSearch.black {
	background:#000;	
}
.layerPop .btnSearch.gray {
	background:#333;	
}
.layerPop .btnSearch.brown {
	background:#ba998c;	
}

.layerPop .btnSearch[disabled]{color:#b2b2b2!important;border-color:#e6e6e6!important;background:#e6e6e6!important;cursor:default}
.layerPop .btnSearch[disabled]:before{display:none}

.layerPop .topArea {
	padding:50px 20px 20px
}

.layerPop .pop-tit {
	position:fixed;
	position:absolute;
	left:0;right:0;top:0;
	height:56px;line-height:56px;
	font-weight:500;
	font-size:20px;
	padding:0 20px;
	background:#fff;
	z-index:3;
	margin:0;overflow:hidden;
	text-align:center;
	text-transform:uppercase;
}

.layerPop .pop-tit2 {
	font-weight:400;
	font-size:24px;
	margin:0px 0 0px;
	text-align:center;
}



.pop-book {
}
.pop-book-rev-info {
	position:relative;
	color:#000;
	font-weight:400;
}

.pop-book-check-inout {
	position:relative;
	display:block;
	width:100%;
	background:transparent;
	margin:0px 0px 10px;
	background:rgba(255,255,255,1);
}

.pop-book-room-info {
	position:relative;
	display:block;
	width:100%;
	background:transparent;
	margin:0 0px 10px;
	background:rgba(255,255,255,1);
}
.pop-book-check-inout .date {
	position:relative;
}
.pop-book-info-btn {
	position:relative;
	display:block;
	padding:20px 0;
}
.pop-book .tit {
	position:relative;
	display:block;
	font-size:12px;
	margin:0px 0 10px;
	text-transform:uppercase;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}
.pop-book .book-info-group {
	position:relative;
	display:table;
	width:100%;
}
.pop-book .book-info-group .group-cell {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	width:33.33333%;
	text-transform:uppercase;
}
.pop-book .group-cell strong {
	position:relative;
	display:block;
	font-size:16px;
	font-weight:400;
	line-height:1;
	vertical-align:middle;
	padding:5px 0;
}

.pop-book .group-cell strong em {
	font-size:25px;
	font-weight:500;
	margin-right:2px;
	line-height:1;
}
.pop-book .group-cell strong em.room {
	font-size:20px;
}

.pop-book .group-cell span {
	position:relative;
	font-weight:400;
}

.pop-book .group-cell > div {
	position:relative;
	display:block;
}


.pop-book .group-cell .checkIn, 
.pop-book .group-cell .checkOut {
	position:relative;
	display:inline-block;
	text-align:left;
}
.pop-book .group-cell .dayCount {
	position:relative;
	display:inline-block;
	text-align:center;
	font-weight:400;
}

.pop-book .group-cell .adultCount:after, 
.pop-book .group-cell .childCount:after {
	content:'';
	position:absolute;
	top:50%;
	margin-top:-16px;
	display:block;
	width:1px;
	height:32px;
	background:rgba(255,255,255,.3);
}
.pop-book .dayCount {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:100%;
	background:rgba(0,0,0,.2);
	background:rgba(255,255,255,.25);
	box-sizing:border-box;
	text-align:center;
	padding:0
}
.pop-book .dayCount {
	background: rgba(0,0,0,.15);
}

.pop-search-layer {
	display:none;
	z-index: 10; 
	position:fixed;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:#fff;
	width:100%;
	height:100%;
	overflow:hidden;
}

.layerPop .layer-top {
	position:relative;
	z-index:3;
}
.layerPop .layer-tit {
	position:relative;
	height:56px;line-height:56px;
	font-weight:500;
	font-size:20px;
	padding:0 20px;
	background:#fff;
	z-index:3;
	margin:0;overflow:hidden;
	text-align:center;
	text-transform:uppercase;
}

.layerPop .layer-tit2 {
	font-weight:400;
	font-size:24px;
	margin:0px 0 0px;
	text-align:center;
}


.pop-search-layer .select-option {}
.pop-search-layer .select-option li {overflow: hidden; margin-bottom: 10px;}
.pop-search-layer .opt-ment {
	border-top:1px solid rgba(0,0,0,.1);
	margin-top:20px;
	padding-top:20px;
	font-size:16px;
}
.pop-search-layer .opt-ment .dot-list {
	font-size: 15px;
	margin-bottom: 5px;
}

.selDate {
	/*position:fixed;
	position:absolute;
	left:0;
	top:56px;
	right:0;*/
	position:relative;
	padding:20px 20px 20px;
	background:#fff;
	
	text-align:center;
}
.selDate .in {
	position:relative;
	display:inline-block;
}
.selDate .book-info-group {
	position:relative;
	display:table;
}
.selDate .book-info-group .group-cell {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	width:33.33333%;	
	text-transform:uppercase;
}
.selDate .group-cell strong {
	font-size:16px;
	font-weight:600;
	margin-right:5px;
}

.selDate .group-cell .checkIn, 
.selDate .group-cell .checkOut {
	position:relative;
	display:inline-block;
	text-align:center;
}
.selDate .dayCount {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	font-weight:400;
	border-radius:100%;
	background: rgba(0,0,0,.15);
	box-sizing:border-box;
	text-align:center;
	padding:0
}

.pop-search-layer .scrollarea {
	position:relative;
	z-index:1;
	height:100%; 
	margin:-156px 0 -84px 0; 
	padding:166px 0 84px 0;
}
.scroll {overflow:auto;}
.scrollarea .scroll {height:100%;}

/* 달력
------------------------------------------------------------------------------- */

.datepicker-basic {background-color:#fff; font-size:16px;color:#000;}
.datepicker-basic.is-expanded {display:block;}
.datepicker-basic .ui-datepicker-header {position:relative; width:auto; margin:20px auto 5px auto;}
.datepicker-basic .ui-datepicker-title {text-align:center;font-size:18px;font-weight:500;}
.datepicker-basic .ui-datepicker-year {margin-right:4px;}
.datepicker-basic .ui-datepicker-month {margin-left:1px; font-weight:700; font-size:22px; font-weight:600;}
.datepicker-basic .ui-datepicker-prev, .datepicker-basic .ui-datepicker-next {display:none;}
.datepicker-basic .ui-datepicker-next.ui-state-disabled {width:20px; height:5px; background:url(ico_angle02.png) 0 0 no-repeat;}
.datepicker-basic .ui-datepicker-calendar {position:relative; width:auto; margin:0 auto 30px auto;}
.datepicker-basic thead th, 
.datepicker-basic tbody td {min-width:40px; font-size:14px; vertical-align:middle; font-weight:400;}
.datepicker-basic thead th {height:30px; font-size:14px; text-align:center;}
.datepicker-basic tbody td {text-align:center; border-width:7px 0 0 6px; border-style:solid; border-color:#fff transparent transparent transparent;}
.datepicker-basic .ui-state-default {
	width:40px; height:40px; margin:auto; line-height:38px; display:block;border:1px solid transparent;border-radius:50%;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}
.datepicker-basic .ui-datepicker-today {/*position:relative;*/}
.datepicker-basic .ui-datepicker-today .ui-state-default {background-color:#f0f0f0;}
.datepicker-basic .ui-datepicker-today:after {
	/*position:absolute; top:1px; left:50%; width:4px; height:4px; border-radius:4px; margin-left:-3px; background-color:#ba998c; content:"";*/
	/*content: ''; 
	position: absolute; 
	display:inline-block;
	width: 40px; 
	height: 40px; 
	border-radius: 50%; 
	background:#f0f0f0; 
	top: 0; 
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);*/
}

.datepicker-basic tbody td:first-child .ui-state-default,.datepicker-basic thead th:first-child {font-weight:400; color: #f2404e;}
.datepicker-basic .ui-state-hover {border-color:#ba998c !important;border-radius:50%;}
.datepicker-basic .ui-state-disabled .ui-state-default {color:#c9c9c9 !important;}
.datepicker-basic .ui-datepicker-current-day .ui-state-active {font-weight:500; color:#fff !important; border-radius:50%; background-color:#ba998c;}
.datepicker-basic .ui-datepicker-range-start-day {line-height:0; background-color:#d6c2ba;}
.datepicker-basic .ui-datepicker-range-start-day:before, .datepicker-basic .ui-datepicker-range-end-day:before {float:left; width:23px; height:40px; margin-right:-23px; margin-left:-3px; background:#fff; display:block; content:"";}
.datepicker-basic .ui-datepicker-range-start-day .ui-state-default {position:relative; font-weight:500; color:#fff !important; border-radius:50%; background-color:#ba998c;}
.datepicker-basic .ui-datepicker-range-end-day {border-radius:0 50% 50% 0; background-color:#d6c2ba;}
.datepicker-basic .ui-datepicker-range-end-day:before {float:right; margin-left:-23px; margin-right:-3px;}
.datepicker-basic .ui-datepicker-range-end-day .ui-state-default {position:relative; font-weight:500; color:#fff !important; border-radius:50%; background-color:#ba998c;}
.datepicker-basic .ui-datepicker-range-day {background-color:#d6c2ba;}
.datepicker-basic .ui-datepicker-range-day .ui-state-default, .datepicker-basic .ui-datepicker-range-day:first-child .ui-state-default {font-weight:500; color:#fff;}
/*.datepicker-basic .ui-datepicker-group {position:relative; float:left; width:50%;}
.datepicker-basic .ui-datepicker-group + .ui-datepicker-group:after {position:absolute; top:30px; left:0; bottom:30px; border-left:1px solid #e6e6e6; content:"";}
.datepicker-basic .ui-datepicker-group .ui-datepicker-prev {left:25px;}
.datepicker-basic .ui-datepicker-group .ui-datepicker-next {right:25px;}
.datepicker-basic--inline {position:absolute; top:100%; left:0; right:0; display:none;}*/
.datepicker-basic--inline .ui-datepicker {width:100% !important;}

@media only screen and (max-width:320px) {
    .datepicker-basic thead th, .datepicker-basic tbody td {width:41px;}
    .datepicker-basic .ui-state-default {width:35px; height:35px; line-height:33px;}
    .datepicker-basic .ui-datepicker-range-start-day:before, .datepicker-basic .ui-datepicker-range-end-day:before {height:35px;}
	
	.selDate {
		padding:20px 10px 20px;
	}
	
	.selDate .group-cell strong {
		display:block;
		margin-right:0;
	}
	.layerPop .btnClose{
		right:0px;
	}
}


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

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

@media screen and (max-width: 640px) {
	.pop-booking-area .pop-panel {
		width: 80%;
	}
}
@media screen and (max-width: 480px) {
	.pop-booking-area .pop-panel {
		width: 100%;
	}
	.layerPop .pop-btnArea {
		position:fixed;
	}
}
@media screen and (max-width: 414px) {
	
}
@media screen and (max-width: 375px) {
}

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