/* 달력 */
.ui-datepicker-header { position: relative; }
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next { position: absolute; top: 0; width: 40px; height: 40px; 4px; overflow: hidden; cursor: pointer; z-index: 5; }
.ui-datepicker-header .ui-datepicker-prev { right: 50px; transform: scaleX(-1); background: url(../../dist/res/img/calendar/icon_arrow_right.svg) no-repeat center center; background-size: 24px; }
.ui-datepicker-header .ui-datepicker-next { right: 0px; background: url(../../dist/res/img/calendar/icon_arrow_right.svg) no-repeat center center; background-size: 24px; }
.ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker-header .ui-datepicker-next span { display: none; }
.ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-header .ui-datepicker-next.ui-state-disabled { filter: invert(81%) sepia(28%) saturate(0%) hue-rotate(202deg) brightness(97%) contrast(110%); cursor: auto; }
.ui-datepicker-title { display: flex; align-items: stretch; justify-content: space-between; width: 100%; margin-bottom: 8px; }
.ui-datepicker-title .ui-datepicker-month {font-family: 'Pretendard'; font-size: 18px; font-weight: 700; line-height: 40px; text-align: center; padding: 0 15px;}
.ui-datepicker-title .ui-datepicker-year { display: none; width: 120px; height: 40px; font-family: 'Pretendard'; font-size: 16px; font-weight: 700; color: #101828; line-height: 38px; padding: 0 36px 0 12px; background: url(../../dist/res/img/calendar/icon_arrow_down.svg) no-repeat calc(100% - 8px) center, #ffffff; background-size: 20px; border: 1px solid var(--gray-300); border-radius: 4px; }
.ui-datepicker-calendar { width: 100%; min-width: 312px; background: #ffffff; }
.ui-datepicker-calendar tbody tr td { padding: 2px 0; }
.ui-datepicker-calendar thead tr th span,
.ui-datepicker-calendar tbody tr td > a,
.ui-datepicker-calendar tbody tr td > span {position: relative; width: 36px; height: 36px; font-size: 16px; font-weight: 400; line-height: 36px; text-align: center; border: 1px solid transparent; border-radius: 50%; display: block; margin: 0 auto; color: #222;}
.ui-datepicker-calendar thead tr th span { font-weight: 500; color: #757575; font-size: 13px;}
.ui-datepicker-calendar tbody tr td > span { color: #aaa; }
/* 날짜 비활성화 컬러 css */
.future-date > span {color: #ddd !important;}
.ui-datepicker-calendar tbody tr td.ui-datepicker-today span::before { content: ""; position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%);  width: 4px; height: 4px; display: block; border-radius: 50%; background-color: #2aad5c;}
.ui-datepicker-calendar tbody tr td a.ui-state-active { width: 36px; height: 36px; border-color: #2aad5c; background-color: #f1fbf5; line-height: 36px; color: #2aad5c;}
.ui-datepicker-calendar tbody tr td a.ui-state-active.ui-state-highlight::before {bottom: -8px;}