/* 사이트 전용 datepicker 스타일 - 기존 css/hp/jquery-ui.css(1.12.1) 하단에서 분리 (2026-10-12). jquery-ui-1.13.2.min.css 다음에 로드 */
/* Datepicker */
.ui-datepicker{width:300px;}
.ui-datepicker table{width:calc(100% - 34px);margin:0 auto 20px;}
.ui-datepicker th{padding:20px 0;}
.ui-datepicker td{padding:3px 0;}
.ui-datepicker td span, .ui-datepicker td a{padding:0;}
.ui-datepicker .ui-datepicker-header{padding:9px 0;}
.ui-widget.ui-widget-content{padding:0;border:0;border-radius:0;box-shadow:0 5px 6px rgba(0,0,0,0.2)}
.ui-widget-header{font-size:18px;background:#f04040;color:#fff;border:0;border-radius:0;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{margin:0 auto;width:30px;font-size:13px;color:#666;line-height:30px;text-align:center;border:0;background:none;border-radius:30px;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{background:none;border:0;color:#666;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,
.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-active{background:#545454;color:#fff;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:11px;width:30px;height:30px;}
.ui-datepicker .ui-datepicker-prev{left:20px;}
.ui-datepicker .ui-datepicker-next{right:20px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-top:-9px;margin-left:-4px;width:10px;height:18px;background-position:0;}
.ui-datepicker .ui-datepicker-prev span{background:url(../../img/hp/ico/ico-datepicker-prev.png) no-repeat;}
.ui-datepicker .ui-datepicker-next span{background:url(../../img/hp/ico/ico-datepicker-next.png) no-repeat;}