﻿.ui-monthpicker .ui-datepicker-calendar tbody td {
	width:2.5rem;
	text-align: center;
	padding:0;
}
	.ui-monthpicker .ui-monthpicker .ui-datepicker-calendar tbody td a {
		display:block;
		padding:0;
		color:#000;
		font-weight:600 !important;
		font-size:0.8rem;
		text-decoration:none;
		text-align:center;
		line-height:2rem;
		transition: 0.3s all;
	}
	.ui-monthpicker .ui-datepicker-calendar tbody td a:hover {	
		background-color:#E0F2F1;
	}
	.ui-monthpicker .ui-datepicker-calendar tbody td a.ui-state-active {
		background-color:#009688 !important;
		border-radius:5px;
		color:#fff !important;
	}
.ui-monthpicker .ui-state-default,
.ui-monthpicker .ui-widget-content .ui-state-default,
.ui-monthpicker .ui-widget-header .ui-state-default,
.ui-monthpicker .ui-button,
html .ui-monthpicker .ui-button.ui-state-disabled:hover,
html .ui-monthpicker .ui-button.ui-state-disabled:active {
	display:block;
	height:auto !important;
	min-height:35px !important;
	background-color:#fff;
	border:0px;
}

.ui-monthpicker .ui-datepicker-header {
	padding:0.5rem;
	background-color:#fff;
	border:0px;
	position:relative;
}
	.ui-monthpicker .ui-datepicker-header a.ui-corner-all {
		width:2rem;
		height:2rem;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		transition:0.3s all ease-in-out;
		cursor:pointer;
	}
	
	.ui-monthpicker .ui-datepicker-header a.ui-corner-all:hover {
		background-color:#efefef;
		border:0px;
	}
	.ui-monthpicker .ui-datepicker-header a.ui-corner-all.ui-datepicker-next { right:5px; }
	.ui-monthpicker .ui-datepicker-header a.ui-corner-all.ui-datepicker-prev { left:5px; } 
	
.ui-monthpicker .ui-datepicker-title {}
	.ui-monthpicker .ui-datepicker-title .ui-datepicker-year {
		display:block;
		width:auto;
		text-align: center;
		line-height:2rem;
		font-size: 1.2rem;
		font-weight:600;
		letter-spacing:-1.2px;
		font-family:"SEBANG_Gothic_Regular", sans-serif;
	}

.ui-monthpicker .ui-state-highlight, 
.ui-monthpicker .ui-widget-content .ui-state-highlight, 
.ui-monthpicker .ui-widget-header .ui-state-highlight {
	background-color: #009688;
	border-radius: 5px;
	color: #fff;
}

.ui-monthpicker.ui-datepicker td span,
.ui-monthpicker.ui-datepicker td a {
	padding:0.5rem 0.2rem;
	font-weight:600;
	font-family:'NanumGothic', sans-serif;
	font-size:0.8rem;
}

@media screen and (max-width:540px) {
	.ui-monthpicker { width:100%; left:0px !important; }	
}