@charset "utf-8";

.dp-clearfix {
  clear: both;
  height: 0;
  font-size: 0;
}
.date-picker-wrapper {
	position:absolute;
	background:#fff;
	/*border: 1px solid #646464;
	border-radius: 10px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);*/
	padding: 0px;
	overflow: hidden;
	z-index: 1;
	
}
.date-picker-wrapper.inline-wrapper {
	position:relative;
	display: block;
	width:100%;
	height:100%;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.date-picker-wrapper.single-date {width:auto}
.date-picker-wrapper.no-shortcuts {}
.date-picker-wrapper.no-topbar {}
.date-picker-wrapper .footer {
	display:none;
}
.range-wrap {width: 100%; text-align: center; margin-top: 8px; color:#000; line-height: 1.9em;}
.range-wrap .stay-day {padding-left: 12px;}
.range-wrap .stay-day:before {content: ''; display: inline-block; width: 2px; height: 13px; background: #bdc2c9; margin-right: 8px; vertical-align: -2px;}
.date-picker-wrapper .close-bt {position: absolute; bottom: 15px; right: 18px; background: url(/_images/wingsbooking/common/cancel_02.png) no-repeat; width: 15px; height: 15px; text-indent: -9999px; cursor: pointer;}

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

.date-picker-wrapper .month-wrapper { position:relative;cursor:default;display:table;}
.date-picker-wrapper .month-wrapper .month-inner {position:relative;display:table-cell;width:50%;padding:0 20px 0 0;min-width:300px;}
.date-picker-wrapper .month-wrapper .month-inner + .month-inner {padding:0 0 0 20px;/*border-left:1px solid rgba(0,0,0,.1);*/}
.date-picker-wrapper .month-wrapper table {position:relative;width:100%; color:#000;}

.date-picker-wrapper table .caption {height:36px;}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
	cursor:pointer;
	font-size:0;
	text-align:center;
	border:0;border-radius:0;
	background:0;
	color:#333;
	letter-spacing:-1px;
	vertical-align:top;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	display:inline-block;
	position:relative;
	top:-2px;
	z-index:1;
	width:100%;
	height:100%;
	width:36px;
	height:36px;
}
.date-picker-wrapper table .caption .next:before,
.date-picker-wrapper table .caption .prev:before,
.date-picker-wrapper table .caption .next:after,
.date-picker-wrapper table .caption .prev:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background-color: #333;
    content: '';
}
.date-picker-wrapper table .caption .disable {
	display:none;
}

.date-picker-wrapper table .caption .next[disabled]:after,
.date-picker-wrapper table .caption .next[disabled]:before,
.date-picker-wrapper table .caption .prev[disabled]:after,
.date-picker-wrapper table .caption .prev[disabled]:before{background-color:#bbb}

.date-picker-wrapper table .caption .prev{left:0}
.date-picker-wrapper table .caption .prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-3px;margin-left:-5px}
.date-picker-wrapper table .caption .prev:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-top:3px;margin-left:-5px}
.date-picker-wrapper table .caption .next{right:0}
.date-picker-wrapper table .caption .next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-top:-3px;margin-left:-5px}
.date-picker-wrapper table .caption .next:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:3px;margin-left:-5px}


.date-picker-wrapper .month-name {text-transform:uppercase;line-height:100%;font-size:18px;vertical-align:bottom;font-weight:500;}
.date-picker-wrapper .month-element {display:inline-block; margin:0 2px;font-weight:500;}
.date-picker-wrapper .do-month {font-size:22px;  margin:0 2px;font-weight:600;}


.date-picker-wrapper .gap {
	position: relative;
    z-index: 1;
    width: 0;
    height: 100%;
    background-color:none;
    font-size: 0;
    line-height: 0;
    float: left;
}

.date-picker-wrapper .month-wrapper table td,
.date-picker-wrapper .month-wrapper table th {margin:0; text-align:center; line-height:100%; vertical-align:middle; padding:0; border-bottom:1px solid #fff;min-width:30px;}
.date-picker-wrapper .month-wrapper table th {font-weight:400;}
.date-picker-wrapper .month-wrapper table th.sun { color: #f2404e;}
.date-picker-wrapper .month-wrapper table th.sat { /*color: #0382e4;*/}

.date-picker-wrapper .month-wrapper table .day {
	position:relative;display:block;
	color:#b5b5b5;
	font-weight:400;
	font-size:14px;
	height:30px;
	line-height:30px;
	cursor:default;	
	overflow:hidden;
}
.date-picker-wrapper .month-wrapper table .day span {position: relative; z-index: 10;}

.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:#d6c2ba;}
.date-picker-wrapper .month-wrapper table .day.checked span {position: relative; z-index: 10; color: #fff;}
.date-picker-wrapper .month-wrapper table .day.checked.first-date-selected, .date-picker-wrapper .month-wrapper table .day.checked.last-date-selected {background: none; position: relative;}

.date-picker-wrapper .month-wrapper table .day.checked.first-date-selected:after,
.date-picker-wrapper .month-wrapper table .day.checked.last-date-selected:after {
	content: ''; 
	position: absolute; 
	width: 30px;
	height: 100%; 
	border-radius: 100%; 
	background: #ba998c; 
	top: 0; 
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.date-picker-wrapper .month-wrapper table .day.checked.first-date-selected:before,
.date-picker-wrapper .month-wrapper table .day.checked.last-date-selected:before {
	content: ''; 
	position: absolute; 
	width: 50%; 
	height: 100%; 
	background: #d6c2ba; 
	left: 50%;
	top: 0; 
	z-index: 1;
}

.date-picker-wrapper .month-wrapper table .day.checked.last-date-selected:before {
	right: 50%;
	left:auto;
}

.date-picker-wrapper .month-wrapper table .week-name {
	line-height:100%; 
	text-transform:uppercase; 
	font-size:14px; 
	font-weight:400;
}
.date-picker-wrapper .month-wrapper table .week-name th {padding:20px 0 10px;}
.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:#000; cursor:pointer}
.date-picker-wrapper .month-wrapper table .day.toMonth.invalid {color:#b5b5b5; }
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {background-color:#e9d9d3}

.date-picker-wrapper .month-wrapper table tr td:first-child .day.toMonth.valid { color:#f2404e;}
.date-picker-wrapper .month-wrapper table tr td:last-child div { /*color:#0382e4;*/}

.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:#f9e100;*/ background: transparent; position: relative;}
.date-picker-wrapper .month-wrapper table .day.real-today:after {
	content: ''; 
	position: absolute; 
	display:inline-block;
	width: 30px; 
	height: 100%; 
	border-radius: 100%; 
	background:#f0f0f0; 
	top: 0; 
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.date-picker-wrapper .month-wrapper table .day.real-today span {/*color:#fff;*/}
.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {/*background-color:#f9e100*/}



.date-picker-wrapper .selected-days {display:none}
.date-picker-wrapper .drp_top-bar {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:none;}
.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 .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));
	z-index:10;
}
.date-picker-wrapper .date-range-length-tip:after {
	position:absolute; 
	left:50%; 
	margin-left:-4px; 
	border-top:4px solid #ff0; 
	border-right:4px solid transparent; 
	border-left:4px solid transparent; 
	content:''; 
	bottom:-4px;
}*/

.date-picker-wrapper .date-range-length-tip {
	position:absolute;
	margin-top:-4px;
	margin-left:-8px;
	display:none;
	background-color:#fff;
	border:1px solid #ccc;
	padding:0 6px;
	border-radius:2px;
	font-size:12px;
	line-height:16px;
	z-index:10;
	color:#000;
	font-family:"Noto Sans KR",serif;
}
.date-picker-wrapper .date-range-length-tip:after,
.date-picker-wrapper .date-range-length-tip:before{
	display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:0;width:0;border-style:solid;content:''
}
.date-picker-wrapper .date-range-length-tip:before{border-width:6px 4px 0;border-color:#ccc transparent;bottom:-6px}
.date-picker-wrapper .date-range-length-tip:after{border-width:5px 3px 0;border-color:#fff transparent;bottom:-5px}


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