.ui-widget-header { border: 0px solid #dddddd; background: #fff; } 

.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; } 

.ui-datepicker .ui-datepicker-header { position: relative; padding: 7px 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 { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; font-family: 'Pretendard'; color: #454545; text-align: center; }

.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }
.ui-datepicker .ui-datepicker-title select{
    width: 30%; border: 1px solid #ddd; border-radius: 2px; outline: none; padding: 3px 4px; font-family: 'Pretendard';
    -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('./jquery/arrow-bottom.svg') no-repeat 92% 50%/6px auto;
}
.ui-datepicker .ui-datepicker-title select::-ms-expand{display: none;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{margin-right: 4px;}

.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 0px; margin-left: 0px; margin-right: 0px; padding: 10px 20px; width: 208px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); } 

.ui-widget.ui-widget-content { border: 1px solid #eee; } 

#datepicker:focus>.ui-datepicker { display: block; } 

.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; top: 9px !important; border: 0px !important; }

.ui-datepicker-prev { left: 2px !important; } 
.ui-datepicker-next { float: right; right: 2px !important; } 

.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 

.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; } 

.ui-datepicker-calendar { width: 100%; } 

.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; } 

.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: 500 !important; text-decoration: none;}

.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 

.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 2px; font-weight: 100; text-align: center; font-size: 12px; } 

.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; } 

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #ccc; background-color: transparent; font-weight: normal; color: #2b2b2b; } 

.ui-widget-header .ui-icon { background-image: url('./jquery/arrow.png'); }

.ui-icon-circle-triangle-e { background-position: -20px -1px; background-size: 36px; } 

.ui-icon-circle-triangle-w { background-position: -0px -1px; background-size: 36px; } 

.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red; } 

.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff; } 

.ui-datepicker-calendar>thead>tr>th:first-child { color: red; } 

.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff; } 

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding: 3px 0; }

.ui-state-active, .ui-widget-content .ui-state-active{ border: 0px; background: #03a9f5; border-radius: 50%; padding: 3px 0; color: #fff !important; }

.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; } 

.inp:focus { outline: none; background-color: #eee; } 