.ui-datepicker-div > select {
    clear: both;
    color: rgb(128, 128, 128) !important;
}

div.ui-jqgrid-caption {
    height: 1px;
}

.ui-datepicker {
    font-size: 12px;
}

.ui-datepicker select.ui-datepicker-month {
    width: 30%;
    font-size: 12px;
}

.ui-datepicker select.ui-datepicker-year {
    width: 40%;
    font-size: 12px;
}

.ui-datepicker-sun {
    color: rgb(255, 51, 0) !important;
}

.ui-datepicker-sat {
    color: rgb(0, 77, 153) !important;
}

.ui-datepicker-others {
    opacity: 0.5 !important;
}

.ui-datepicker-select-month {
    background: rgb(255, 255, 255);
}

.ui-datepicker table, .ui-datepicker th, .ui-datepicker td {
    font-family: Pretendard, "Noto Sans KR", tahoma, Arial, Helvetica, sans-serif !important;
}

.ui-datepicker.ui-widget-content {
    border: 1px solid rgb(204, 204, 204) !important;
}

.ui-datepicker .ui-state-default {
    background: rgb(255, 255, 255);
    border-radius: 2px;
    box-sizing: border-box;
    border: none !important;
}

.ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-state-default:focus {
    color: rgb(51, 51, 51);
    background: rgb(238, 238, 238) !important;
}

.ui-datepicker .ui-state-active, .ui-datepicker .ui-state-active:hover, .ui-datepicker .ui-state-active:focus {
    border: 1px solid rgb(87, 116, 230);
    color: rgb(255, 255, 255);
    background: rgb(87 116 230) !important;
}

.ui-datepicker .ui-state-highlight {
    border: 1px solid rgb(120, 196, 255);
    color: rgb(42, 175, 238);
    background: rgb(234, 248, 255) !important;
}

.ui-datepicker-title select {
    color: rgb(17, 17, 17);
    border: none !important;
}