table.jCalendar {	
	width:198px;
	background: #FFF;
}

table.jCalendar thead tr {
	background: #B3B3B3;
	color: #fff;
}	
table.jCalendar th {	
	color: #000000;
    height: 28px;
    vertical-align: middle;
    font-size: 13px;
}
table.jCalendar th:last-child { background:none}

table.jCalendar td {
	background: #FFF;
	color: #585755;	
	text-align: center;
	height: 28px;
	padding:0px;
}
table.jCalendar td.other-month {
	background: #FFF;
	color: #CCCCCC;
}
table.jCalendar td.today {
	background: #585755;
	color: #fff;
}
table.jCalendar td.selected {
	background: #1a7aff;;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #b98719;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	color: #000000; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); transition: 0.3s; background: #bbb;
}
table.jCalendar tr.selectedWeek td {
	background: #b98719;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {	
	width: 230px;
    height: 260px;
    background: #fff;
    border: 1px solid #aaa;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    position: absolute;
    left: -4px;
    top: -242px;
    z-index: 1;
}
div#dp-popup {
	position: absolute;
	z-index: 9999;
}
div.dp-popup h2 {
	font-size: 17px;
	text-align: center;
	margin: 2px 0 10px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	margin: 3px 2px 0;
}
div.dp-popup div.calendar_layer_top_left{
    font-size: 17px;
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
    margin-bottom: 10px;
    float: left;
    width: 96px;
    height: 20px;
}
div.dp-popup div .calendar_layer_top_right{
	font-size: 17px;
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
    margin-bottom: 10px;
    float: right;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 8px;
	left: 10px;	
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	font-size:17px;
	color:#333333;
	font-weight: bold;
	letter-spacing:-1px;
	height: 12px;
    display: inline-block;
}
div.dp-popup div.dp-nav-prev a img{     
	width: 14px;
    height: 15px;
    display: inline-block;
    border: 1px solid #f8f8f8;
    vertical-align: middle;
}
div.dp-popup div.dp-nav-prev a img:hover{
background-color: #eee;
    border-radius: 4px;
    border: 1px solid #aaa;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 8px;
	right: 10px;	
}
div.dp-popup div.dp-nav-next a {
	float: right;
	font-size:17px;
	color:#333333;
	font-weight: bold;
	letter-spacing:-1px;
	height: 12px;
    display: inline-block;
}
div.dp-popup div.dp-nav-next a img{     
	width: 14px;
    height: 15px;
    display: inline-block;
    border: 1px solid #f8f8f8;
    vertical-align: middle;
}

div.dp-popup div.dp-nav-next a img:hover{
background-color: #eee;
    border-radius: 4px;
    border: 1px solid #aaa;
}

div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


div.dp-popup div.dp-underline { border-bottom:1px solid #f0f0f0; width:210px; position:absolute; top:34px; left:10px; }

.year01 { padding-top:2px; }
.month01 { padding-top:2px; }