@charset "utf-8";

/*.wings-fast-book * {box-sizing: border-box;}
.wings-fast-book{max-width:1200px; margin:0 auto; height:50px; position:absolute; z-index:51; width:100%; left:0; right:0; bottom:38%;}
.wings-fast-book select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.wings-fast-book select::-ms-expand {display: none;}
.wings-fast-book .bookIns{margin:0 auto;width:90%; min-width: 1080px;}
.wings-fast-book .bookIns p{width:20%; float:left; padding:0 4px; box-sizing: border-box}
.wings-fast-book .bookIns ul{float:left; width:80%; padding: 0; overflow: hidden;}
.wings-fast-book .bookIns ul li{float:left; width:25%; padding:0 4px; box-sizing: border-box; color:#fff; list-style:none;}
.wings-fast-book .bookIns ul li.ci_date{width:362px;}
.wings-fast-book .bookIns ul li.rooms{width:120px;}
.wings-fast-book .bookIns ul li.adults{width:120px;}
.wings-fast-book .bookIns ul li.child{width:120px;}
.wings-fast-book .bookIns ul li.company{width:140px;}

.wings-fast-book .bookIns input,
.wings-fast-book .bookIns select,
.wings-fast-book .bookIns button{width:100%; line-height:49px; color:#333; font-size:14px; height:50px; padding:0 18px; border:none; background:#fff; outline-style:none; border-radius:5px; cursor:pointer;}
.wings-fast-book .bookIns .wings_input input{cursor:pointer;}
.wings-fast-book .bookIns .ci_date .date_range:after{content:'';clear:both;display: block;}
.wings-fast-book .bookIns .ci_date .wings_input input{background:url(../_images/icon_date.jpg) 92% 50% no-repeat #fff;}
.wings-fast-book .bookIns button{background:#d09f0c !important; border:none; color:#fff !important; font-size:15px; }
.wings-fast-book .bookIns .innerBox{position:relative;}
.wings-fast-book .bookIns li.ci_date .innerBox{width: 173px;float: left;}
.wings-fast-book .bookIns li.ci_date .innerBox:nth-child(2n){padding-left: 8px;}
.wings-fast-book .bookIns .innerBox.sel::after{content:url(../_images/icon_sel.jpg); position:absolute; right:5px; top:15px; display:block; z-index:97; width:20px; background:#fff}*/

	.datepicker {
	    background-color: #fff;
	    display: inline-block;
	    position: relative;
	    vertical-align: middle;
	    width:173px;
	}
	.date-picker-wrapper * {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
	    -webkit-font-smoothing: antialiased;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    font-family: Lora, Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;
	}
	 .calendar-range-container { position:relative; z-index:10;}
	 
	 .date-picker {position:relative; width:170px; height:25px; padding:0; padding-left:10px; border:0; color:#303030; font-size:12px; font-weight:700; font-family:Arial,sans-serif; line-height:25px; cursor:pointer; z-index:2}
	
	.date-picker-wrapper {position:absolute;max-width: 90%;background-color:#fff;z-index:9999999;border:1px solid #ccc;box-shadow:0 3px 6px #ccc;box-sizing:content-box;-webkit-box-sizing:content-box;-webkit-box-shadow: 0 13px 35px rgba(0,0,0,0.05);-moz-box-sizing:content-box;}
	.date-picker-wrapper.inline-wrapper {position:relative;}
	.date-picker-wrapper.single-date {width:auto}
	.date-picker-wrapper .footer {display: none;}

	.date-picker-wrapper b {color:#666; font-weight:700}
	.date-picker-wrapper a {color:#6bb4d6; text-decoration:underline}

	.date-picker-wrapper .month-name {text-transform:uppercase}
	.date-picker-wrapper .select-wrapper {display:inline-block; position:relative; overflow:hidden; vertical-align:middle; padding:7px 3px 10px;}
	.date-picker-wrapper .select-wrapper .select {display: block;position: relative; width:80px;}
	.date-picker-wrapper .select-wrapper .select select {position: relative;height: 40px;line-height: 28px;font-size: 15px;color:#010101;font-weight:700;border:none;padding: 8px 24px 8px 8px;background: #fff;}
	.date-picker-wrapper .select-wrapper .select:after {
	    content: '';
	    position: absolute;
	    right: 8px;
	    top: 15px;
	    width: 0;
	    height: 0;
	    display: block;
	    border-top: 5px solid #AEB1BA;
	    border-bottom: 5px solid transparent;
	    border-right: 5px solid transparent;
	    border-left: 5px solid transparent;
	}
	.date-picker-wrapper .select-wrapper .select:after { top:20px;}
	.date-picker-wrapper .select-wrapper:hover {text-decoration:underline}
	.date-picker-wrapper .month-element {display:inline-block; vertical-align:middle}
	.date-picker-wrapper .select-wrapper .select select {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-weight: 600;}
	.date-picker-wrapper .select-wrapper .select select::-ms-expand {display: none;}
	.wings-fast-book .bookIns .ci_date .wings_input input::-ms-clear {display:none;}

	/*
	.date-picker-wrapper .select-wrapper select {position:absolute; top:-1px; left:0; margin:0; padding:0; border:0; outline:0; background:0 0; color:inherit; font-style:inherit; font-size:inherit; font-weight:inherit; text-transform:inherit; cursor:pointer; appearance:none;opacity:.01filter:alpha(opacity=1); -webkit-appearance:none; -moz-appearance:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}
	*/

	.date-picker-wrapper .month-wrapper { position:relative; cursor:default; padding:0 10px;}

	.date-picker-wrapper .month-wrapper table {width:245px; float:left; border: 0; background: inherit;}
	.date-picker-wrapper .month-wrapper table.month2 {width:246px; float:left;}

	.date-picker-wrapper .month-wrapper table td,
	.date-picker-wrapper .month-wrapper table th {margin:0; text-align:center; line-height:14px; vertical-align:middle; padding:0; border: 0;}
	.date-picker-wrapper .month-wrapper table th {padding-bottom:10px;color:#999;font-size: 13px;}
	.date-picker-wrapper .month-wrapper table th.sun { color: #C64A4A;}
	.date-picker-wrapper .month-wrapper table th.sat {color: #004aa6;}

	.date-picker-wrapper .month-wrapper table .day {margin-bottom:1px;padding:8px 0;color: #c9c9c9;font-size:12px;line-height:1;cursor:default;}

	.date-picker-wrapper .month-wrapper table div.day.lastMonth,
	.date-picker-wrapper .month-wrapper table div.day.nextMonth {color:#999; cursor:default}

	.date-picker-wrapper .month-wrapper table .day.checked {background-color: #f5f2f0;}
	.date-picker-wrapper .month-wrapper table .week-name {height:20px; font-weight:100; line-height:20px; text-transform:uppercase}
	.date-picker-wrapper .month-wrapper table .day.has-tooltip {cursor:help!important}
	.date-picker-wrapper .time label {white-space:nowrap}
	.date-picker-wrapper .month-wrapper table .day.toMonth.valid {color: #040404;cursor:pointer;}
	.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {background-color: #f5f2f0;}

	.date-picker-wrapper .month-wrapper table .day.lastMonth,
	.date-picker-wrapper .month-wrapper table .day.nextMonth {display:none}

	.date-picker-wrapper .month-wrapper table .day.real-today {background-color: #62503c;color: #fff !important;}
	.date-picker-wrapper .month-wrapper table .day.real-today.checked,
	.date-picker-wrapper .month-wrapper table .day.real-today.hovering {background-color:#70ccd5}

	.date-picker-wrapper table .caption {height:40px}
	.date-picker-wrapper table .caption .next,
	.date-picker-wrapper table .caption .prev {padding:0 5px; cursor:pointer; font-size:0;}
	.date-picker-wrapper table .caption .next:hover,
	.date-picker-wrapper table .caption .prev:hover {background-color:#ccc; color:#fff}
	
	.date-picker-wrapper table .caption .prev { background:#fff url(../_images/btn_prev.png) no-repeat left top; position:absolute; left:15px; top:19px; width:24px; height:24px;}
	.date-picker-wrapper table .caption .next { background:#fff url(../_images/btn_next.png) no-repeat left top; position:absolute; right:15px; top:19px; width:24px; height:24px;}

	.month-wrapper:before { content:'';  position:absolute; left:0; right:0; top:59px; background-color:#F4F4F4; height:30px; z-index:-1;}

	.date-picker-wrapper .gap {float:left; width:20px;}

	.date-picker-wrapper .selected-days {display:none}
	.date-picker-wrapper .drp_top-bar {position:relative; line-height:1.4; padding:10px 40px 10px 0; display:none;}
	.date-picker-wrapper .drp_top-bar .error-top {display:none}
	.date-picker-wrapper .drp_top-bar .normal-top {display:none}
	.date-picker-wrapper .drp_top-bar .default-top {display:block}
	.date-picker-wrapper .drp_top-bar.error .default-top {display:none}
	.date-picker-wrapper .drp_top-bar.error .error-top {display:block; color:red}
	.date-picker-wrapper .drp_top-bar.normal .default-top {display:none}
	.date-picker-wrapper .drp_top-bar.normal .normal-top {display:block}
	.date-picker-wrapper .drp_top-bar .apply-btn{position:absolute; top:6px; right:0; margin:0; padding:3px 5px; border:solid 1px #0076a3; border-radius:4px; background:#0095cd; background:-moz-linear-gradient(top,#00adee,#0078a5); color:#d9eef7; color:#fff; font-size:12px; cursor:pointer; line-height:initialfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
	.date-picker-wrapper .drp_top-bar .apply-btn.disabled {border:solid 1px #b7b7b7; background:#fff; background:-moz-linear-gradient(top,#fff,#ededed); color:#606060; cursor:pointer; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}

	.date-picker-wrapper .time {position:relative}
	.date-picker-wrapper.single-month .time {display:block}
	.date-picker-wrapper .time input[type=range] {width:129px; margin:0; padding:0; vertical-align:middle; height:20px}
	.date-picker-wrapper .time1,.time2 {width:180px; padding:0 5px; text-align:center}
	.date-picker-wrapper .time1 {float:left}
	.date-picker-wrapper .time2 {float:right}

	.date-picker-wrapper .hour,
	.minute {text-align:right}

	.date-picker-wrapper .hide {display:none}

	.date-picker-wrapper .first-date-selected {background-color: #c6a582 !important;color:#fff!important;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
	.date-picker-wrapper .last-date-selected {background-color: #c6a582 !important;color:#fff!important;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}

	.date-picker-wrapper .date-range-length-tip {display:none; position:absolute; margin-top:-4px; margin-left:-8px; padding:0 6px; border-radius:2px; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,.3); font-size:12px; line-height:16px; filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3))-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -o-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));}
	.date-picker-wrapper .date-range-length-tip:after {position:absolute; left:50%; margin-left:-4px; border-top:4px solid #fff; border-right:4px solid transparent; border-left:4px solid transparent; content:''; bottom:-4px}

	.date-picker-wrapper.two-months.no-gap .month1 .next,
	.date-picker-wrapper.two-months.no-gap .month2 .prev {display:none}

	.date-picker-wrapper .week-number {margin-bottom:1px; padding:5px 0; color:#999; font-size:12px; line-height:1; cursor:pointer}
	.date-picker-wrapper .week-number.week-number-selected {color:#49e; font-weight:700}
	
	
/** BOOKING **/
.bookArea-wrap{width:100%;position: absolute;left: 0;bottom: 7vh;}
#bookArea{width:1200px;margin:0 auto;z-index:96;position:relative;/* background:#d6d6d6; */}
#bookArea .bookIns{padding:10px;}
#bookArea .bookIns .innerBox{position:relative;}
#bookArea .title{text-align:center; margin-bottom:24px;}
#bookArea .title h1{font-size:25px; font-weight:700; color:#000; line-height:1}
#bookArea .bookIns ul{overflow: hidden;}
#bookArea .bookIns ul:after{content:''; display:block; clear:both;}
#bookArea .bookIns ul li{float:left;}
#bookArea .bookIns ul li .innerBox{box-sizing: border-box;}

#bookArea .bookIns ul li.ci_date{width:30.5%;}
#bookArea .bookIns ul li .dateWrap:after{content:''; display:block; clear:both;}
#bookArea .bookIns ul li.ci_date .innerBox{width:50%;float:left;box-sizing:border-box;}
#bookArea .bookIns ul li.rooms{width:14.2%;}
#bookArea .bookIns ul li.adults{width:14.2%}
#bookArea .bookIns ul li.child{width:14.2%}
#bookArea .bookIns ul li.company{width:13%;}
#bookArea .bookIns ul li.search{width:13.9%;height: inherit;padding: 0;border-bottom: 0;border-right: 0 !important;}
 
#bookArea .bookIns input,
#bookArea .bookIns select,
#bookArea .bookIns button{position: relative;background:#fff;width:100%;line-height: 65px;color:#333;font-size:14px;height: 65px;padding: 0 15px 0 19px;outline-style:none;margin: 0;}
#bookArea .bookIns select::-ms-expand {display: none;}
#bookArea .bookIns select, 
#bookArea .bookIns option {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;}
#bookArea .bookIns input::placeholder {color: #666;}

#bookArea .bookIns .fb_rsvn button{background: #c6a582;border:none;color:#fff;padding:0;cursor: pointer;}
#bookArea .bookIns ul li.company input{padding:0;text-align:center;border: none;}

#bookArea .bookIns .innerBox.input input{background:url(../_images/icon_date.jpg) #fff calc(100% - 15px) center no-repeat;font-weight: 700;border: none;font-size: 13px;}
#bookArea .bookIns .innerBox.sel select{background:url(../_images/icon_sel.jpg) #fff calc(100% - 15px) center no-repeat;font-family: nunito, Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;border-right: 1px
 solid #ddd !important;}



@media all and (max-width: 1220px) {
	#bookArea{width:100%; max-width:100%; overflow:hidden; box-sizing:border-box}
}

@media all and (max-width: 1150px) {

	#bookArea .bookIns ul li.ci_date{width:36.5%}
	#bookArea .bookIns ul li.rooms{width:12.2%}
	#bookArea .bookIns ul li.adults{width:12.2%}
	#bookArea .bookIns ul li.child{width:12.2%}
}

@media all and (max-width: 1024px) {	
	#bookArea .bookIns ul li.ci_date{width:38.5%}
	#bookArea .bookIns ul li.rooms{width:11.2%}
	#bookArea .bookIns ul li.adults{width:11.2%}
	#bookArea .bookIns ul li.child{width:11.2%}
	#bookArea .bookIns ul li.search{width:14.9%;}
}

@media all and (max-width: 970px){    
	#bookArea .bookIns{padding: 10px 10px 8px;}
	#bookArea .bookIns ul li{margin-bottom:8px;}
	#bookArea .bookIns ul li.ci_date{width:100%;}
	#bookArea .bookIns ul li.rooms{width:33.33%}
	#bookArea .bookIns ul li.adults{width:33.33%}
	#bookArea .bookIns ul li.child{width:33.33%}
	#bookArea .bookIns ul li.company{width:50%;}
	#bookArea .bookIns ul li.search{width:50%;}	
	.bookArea-wrap {
		bottom: 0;
	}
}

@media all and (max-width:640px) {
	#bookArea .bookIns ul li.company{width:100%;}
	#bookArea .bookIns ul li.search{width:100%;}
	#bookArea .bookIns input,
	#bookArea .bookIns select,
	#bookArea .bookIns button{height:40px;line-height:40px;border-radius: 0;}
	#bookArea .bookIns ul li{margin-bottom:0px;}
	#bookArea .bookIns ul li{border-bottom:1px solid #ddd;}
}

#bookArea .bookIns ul li {list-style: none;}
#bookArea .bookIns input {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border-right: 1px solid #ddd !important;box-sizing: border-box;font-family: Lora, Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
#bookArea .bookIns ul li .innerBox {margin: 0;}
#bookArea .bookIns .innerBox.sel select {border: none;}