.datepicker--cells
{
	/* display: flex;
	display: -ms-flexbox;
	display: -webkit-flex; */
	flex-wrap: wrap;
	ms-flex-wrap: wrap;
	webkit-flex-wrap: wrap;
	display:block;overflow:hidden;
}


.datepicker--cell
{
	align-items: center;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
	/* display: flex;
	display: -ms-flexbox;
	display: -webkit-flex; */
	float:left; display:block;text-align:center;
	height: 30px;
	justify-content: center;
	ms-flex-align: center;
	ms-flex-pack: center;
	position: relative;
	webkit-align-items: center;
	webkit-justify-content: center;
	z-index: 1; line-height:42px;
}
.datepicker--cell.-focus-
{
	/* background: #f0f0f0; */
}
.datepicker--cell.-current-
{
	color: #4a4a4a;
	background:#f0f0f0;
}
.datepicker--cell.-current-.-focus-
{
	color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range-
{
	color: #23589b;font-weight:700
}
.datepicker--cell.-in-range-
{
	background: rgba(92,196,239,.1);
	border-radius: 0;
	color: #4a4a4a;
}
.datepicker--cell.-in-range-.-focus-
{
	background-color: rgba(92,196,239,.2);
}
.datepicker--cell.-disabled-
{
	color: #aeaeae;
	cursor: default;
}
.datepicker--cell.-disabled-.-focus-
{
	color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range-
{
	color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus-
{
	color: #aeaeae;
}
.datepicker--cell.-range-from-
{
	background-color: rgba(92,196,239,.1);
	border: 1px solid rgba(92,196,239,.5);
	border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to-
{
	background-color: rgba(92,196,239,.1);
	border: 1px solid rgba(92,196,239,.5);
	border-radius: 0 4px 4px 0;
}
.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-
{
	background: #23589b;
	color: #fff;
}
.datepicker--cell.-range-from-.-range-to-
{
	border-radius: 4px;
}
.datepicker--cell.-selected-
{
	border: none;
}
.datepicker--cell.-selected-.-focus-
{
	background: #23589b;
}
.datepicker--cell:empty
{
	cursor: default;
}
.datepicker--days-names
{
	/* display: flex;
	display: -ms-flexbox;
	display: -webkit-flex; */
	display:block;
	flex-wrap: wrap;
	margin: 0;
	ms-flex-wrap: wrap;
	webkit-flex-wrap: wrap;
	/* padding-right:3px; */
	overflow:hidden;
}
.datepicker--day-name
{
	width:28px; margin:3px 3px;
	align-items: center;
	color: #444;
	/* display: flex;
	display: -ms-flexbox;
	display: -webkit-flex; */
	float:left;
	flex: 1;
	font-weight:700;
	font-size: 12px;
	justify-content: center;
	ms-flex: 1;
	ms-flex-align: center;
	ms-flex-pack: center;
	text-align: center;
	text-transform: uppercase;
	webkit-align-items: center;
	webkit-flex: 1;
	webkit-justify-content: center;
}
.datepicker--day-name.-weekend-{color:#dc1d1d}
.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer
{
	display: none;
}
.datepicker--cell-day
{
	font-size:12px;
	width: 30px; margin:1px 2px; line-height:30px; border-radius:100% !important;
}
.datepicker--cells-months
{
	height: 170px;
}
.datepicker--cell-month
{
	height: 25%;
	width: 33.33%;
}
.datepicker--cells-years,.datepicker--years
{
	height: 170px;
}
.datepicker--cell-year
{
	height:42px;
	width: 25%;
}
.datepickers-container
{
	left: 0;
	position: absolute;
	top: 0;width:100%;
	z-index:9999
}
.datepicker:before{background:rgba(0,0,0,0.5); display:none; content:"";z-index:1; position:fixed; left:0; top:0; width:100%;height:100%;}
@media print
{
	.datepickers-container
	{
		display: none;
	}
}

.datepicker
{	
	margin-left:0px;
	background: #fff;padding:10px 10px 10px 10px; box-sizing:border-box;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	box-sizing: border-box;;
	color: #4a4a4a;
	font-size: 14px;
	left: -200000px;
	opacity: 0;
	position: absolute;
	/* transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
	transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;
	transition: opacity .3s ease,transform .3s ease,left 0s .3s; */
	width: 260px;
	z-index: 9999;
	margin-left:0; margin-top:-10px;
}
@media only screen and (max-width:580px) {
	.datepicker--pointer{display:none !important;}
	.datepicker.active{position:absolute; ; margin-top:-5px;left:50% !important; margin-left:-130px;}
}

/* .datepicker:after{content:"*현재날짜부터 90일 이내 예약만 가능합니다."; display:block; text-align:center; color:#4a4a4a; font-size:12px;font-family:'Spoqa Han Sans'; margin-top:5px;} */
.datepicker.-from-top-
{
	transform: translateY(-8px);
	webkit-transform: translateY(-8px);
}
.datepicker.-from-right-
{
	transform: translateX(8px);
	webkit-transform: translateX(8px);
}
.datepicker.-from-bottom-
{
	transform: translateY(8px);
	webkit-transform: translateY(8px);
}
.datepicker.-from-left-
{
	transform: translateX(-8px);
	webkit-transform: translateX(-8px);
}
.datepicker.active
{
	opacity: 1;
	transform: translate(0);
	transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
	transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease;
	transition: opacity .3s ease,transform .3s ease,left 0s 0s;
	webkit-transform: translate(0);
}
.datepicker-inline .datepicker
{
	border-color: #d7d7d7;
	box-shadow: none;
	left: auto;
	opacity: 1;
	position: static;
	right: auto;
	transform: none;
	webkit-transform: none;
}
.datepicker--content
{
	box-sizing: content-box;
	padding: 0px;
}
.datepicker--pointer
{
	background: #fff;
	border-right: 1px solid rgba(0,0,0,0.08);
	border-top: 1px solid rgba(0,0,0,0.08);
	height: 10px;
	position: absolute;
	width: 10px;
	z-index: -1; 
}
.datepicker--nav-action:hover,.datepicker--nav-title:hover
{
	/* background: #f0f0f0; */
}
.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer
{
	top: calc(100% - 4px);
	transform: rotate(135deg);
	webkit-transform: rotate(135deg);
}
.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer
{
	right: calc(100% - 4px);
	transform: rotate(225deg);
	webkit-transform: rotate(225deg);
}
.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer
{
	bottom: calc(100% - 4px);
	transform: rotate(315deg);
	webkit-transform: rotate(315deg);
}
.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer
{
	left: calc(100% - 4px);
	transform: rotate(45deg);
	webkit-transform: rotate(45deg);
}
.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer
{
	left: 20px;
}
.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer
{
	right: 10px;
}
.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer
{
	left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer
{
	top: 10px;
}
.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer
{
	bottom: 10px;
}
.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer
{
	top: calc(50% - 10px / 2);
}
.datepicker--body.active
{
	display: block;
}
.datepicker--nav
{	
	position:relative;
	/* border-bottom: 1px solid #efefef; */
	display: block;;
	
	min-height: 22px;
	ms-flex-pack: justify;
	padding: 4px 0;
	webkit-justify-content: space-between;
}
.datepicker--nav:after{position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:""; z-index:55}
.-only-timepicker- .datepicker--nav
{
	display: none;
}
.datepicker--nav-action{ position:absolute; left:0; top:0; z-index:56;}
.datepicker--nav-action.next{left:auto ;right:0;;top:0; z-index:156;}
.datepicker--nav-action.prev{left:auto ;left:0;;top:0; z-index:156;}
.datepicker--nav-action,.datepicker--nav-title
{
	z-index:-1;
	align-items: center;
	cursor: pointer;
	text-align:Center;
	display:block;
	justify-content: center;
	ms-flex-align: center;
	ms-flex-pack: center;
	webkit-align-items: center;
	webkit-justify-content: center;
}

.datepicker--nav-action .prev{display:block; width:32px;height:32px; background:url(../../img/calendar-prev.png) no-repeat center center; background-size:16px auto;}
.datepicker--nav-action .next{display:block; width:32px;height:32px; background:url(../../img/calendar-next.png) no-repeat center center; background-size:16px auto;}


.datepicker--nav-action
{
	border-radius: 4px;
	moz-user-select: none;
	ms-user-select: none;
	user-select: none;
	webkit-user-select: none;
	width: 32px;height:32px;
}
.datepicker--nav-action.-disabled-
{
	visibility: hidden;
}
.datepicker--nav-action svg
{
	height: 32px;
	width: 32px;
}
.datepicker--nav-action path
{
	fill: none;
	stroke: #9c9c9c;
	stroke-width: 2px;
}
.datepicker--nav-title
{	
	font-weight:500;
	border-radius: 0;
	padding: 0 8px;
	font-size:17px;
	color: #111; position:Relative ;z-indeX:92;
}
.datepicker--buttons,.datepicker--time
{
	border-top: 1px solid #efefef;
	padding: 4px;
}
.datepicker--nav-title i
{
	color: #000;
	font-style: normal;
	margin-left: 5px;
	font-size:17px;

}
.datepicker--nav-title.-disabled-
{
	background: 0 0;
	cursor: default;
}
.datepicker--buttons
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.datepicker--button
{
	align-items: center;
	border-radius: 4px;
	color: #4EB5E6;
	cursor: pointer;
	display: inline-flex;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	flex: 1;
	height: 32px;
	justify-content: center;
	ms-flex: 1;
	ms-flex-align: center;
	ms-flex-pack: center;
	webkit-align-items: center;
	webkit-flex: 1;
	webkit-justify-content: center;
}
.datepicker--button:hover
{
	background: #f0f0f0;
	color: #4a4a4a;
}
.datepicker--time
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	ms-flex-align: center;
	position: relative;
	webkit-align-items: center;
}
.datepicker--time.-am-pm- .datepicker--time-sliders
{
	flex: 0 1 138px;
	max-width: 138px;
	ms-flex: 0 1 138px;
	webkit-flex: 0 1 138px;
}
.-only-timepicker- .datepicker--time
{
	border-top: none;
}
.datepicker--time-sliders
{
	flex: 0 1 153px;
	margin-right: 10px;
	max-width: 153px;
	ms-flex: 0 1 153px;
	webkit-flex: 0 1 153px;
}
.datepicker--time-label
{
	display: none;
	font-size: 12px;
}
.datepicker--time-current
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex: 1;
	font-size: 14px;
	margin: 0 0 0 10px;
	ms-flex: 1;
	ms-flex-align: center;
	text-align: center;
	webkit-align-items: center;
	webkit-flex: 1;
}
.datepicker--time-current-colon
{
	line-height: 1;
	margin: 0 2px 3px;
}
.datepicker--time-current-hours,.datepicker--time-current-minutes
{
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	font-size: 19px;
	line-height: 1;
	position: relative;
	z-index: 1;
}
.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after
{
	background: #f0f0f0;
	border-radius: 4px;
	bottom: -2px;
	content: '';
	left: -2px;
	opacity: 0;
	position: absolute;
	right: -2px;
	top: -3px;
	z-index: -1;
}
.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after
{
	opacity: 1;
}
.datepicker--time-current-ampm
{
	align-self: flex-end;
	color: #9c9c9c;
	font-size: 11px;
	margin-bottom: 1px;
	margin-left: 6px;
	ms-flex-item-align: end;
	text-transform: uppercase;
	webkit-align-self: flex-end;
}
.datepicker--time-row
{
	align-items: center;
	background: linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	font-size: 11px;
	height: 17px;
	ms-flex-align: center;
	webkit-align-items: center;
}
.datepicker--time-row:first-child
{
	margin-bottom: 4px;
}
.datepicker--time-row input[type=range]
{
	background: 0 0;
	cursor: pointer;
	flex: 1;
	height: 100%;
	margin: 0;
	ms-flex: 1;
	padding: 0;
	webkit-appearance: none;
	webkit-flex: 1;
}
.datepicker--time-row input[type=range]::-ms-tooltip
{
	display: none;
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb
{
	border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb
{
	border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:hover::-ms-thumb
{
	border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:focus
{
	outline: 0;
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb
{
	background: #23589b;
	border-color: #23589b;
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb
{
	background: #23589b;
	border-color: #23589b;
}
.datepicker--time-row input[type=range]:focus::-ms-thumb
{
	background: #23589b;
	border-color: #23589b;
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb
{
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	height: 12px;
	margin-top: -6px;
	transition: background .2s;
	webkit-appearance: none;
	width: 12px;
}
.datepicker--time-row input[type=range]::-moz-range-thumb
{
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	height: 12px;
	transition: background .2s;
	width: 12px;
}
.datepicker--time-row input[type=range]::-ms-thumb
{
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	height: 12px;
	transition: background .2s;
	width: 12px;
}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track
{
	background: 0 0;
	border: none;
	color: transparent;
	cursor: pointer;
	height: 1px;
}
.datepicker--time-row input[type=range]::-moz-range-track
{
	background: 0 0;
	border: none;
	color: transparent;
	cursor: pointer;
	height: 1px;
}
.datepicker--time-row input[type=range]::-ms-track
{
	background: 0 0;
	border: none;
	color: transparent;
	cursor: pointer;
	height: 1px;
}
.datepicker--time-row input[type=range]::-ms-fill-lower
{
	background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-fill-upper
{
	background: 0 0;
}
.datepicker--time-row span
{
	padding: 0 12px;
}
.datepicker--time-icon
{
	border: 1px solid;
	border-radius: 50%;
	color: #9c9c9c;
	font-size: 16px;
	height: 1em;
	margin: 0 5px -1px 0;
	position: relative;
	width: 1em;
}
.datepicker--time-icon:after,.datepicker--time-icon:before
{
	background: currentColor;
	content: '';
	position: absolute;
}
.datepicker--time-icon:after
{
	height: .4em;
	left: calc(50% - 1px);
	top: calc(50% + 1px);
	transform: translateY(-100%);
	webkit-transform: translateY(-100%);
	width: 1px;
}
.datepicker--time-icon:before
{
	height: 1px;
	left: calc(50% - 1px);
	top: calc(50% + 1px);
	width: .4em;
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-
{
	color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover
{
	color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-
{
	color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-
{
	/* background: #a2ddf6; */
	color: #fff;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-
{
	/* background: #8ad5f4; */
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-
{
	background-color: rgba(92,196,239,.1);
	color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-
{
	background-color: rgba(92,196,239,.2);
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty
{
	background: 0 0;
	border: none;
}