/* 달력 */
.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; border: 1px solid var(--gray-300); border-radius: 4px; overflow: hidden; cursor: pointer; z-index: 5; }
.ui-datepicker-header .ui-datepicker-prev { left: 0; transform: scaleX(-1); background: url(../../resources/image/icon/icon_arrow_right.svg) no-repeat center center, #ffffff; background-size: 20px; }
.ui-datepicker-header .ui-datepicker-next { left: 100px; background: url(../../resources/image/icon/icon_arrow_right.svg) no-repeat center center, #ffffff; background-size: 20px; }
.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 { opacity: 0.5; 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 { width: 140px; font-size: 32px; font-weight: 700; line-height: 40px; text-align: center; }
.ui-datepicker-title .ui-datepicker-year { width: 120px; height: 40px; font-family: 'Pretendard'; font-size: 16px; font-weight: 700; color: var(--gray-900); line-height: 38px; padding: 0 36px 0 12px; background: url(../../resources/image/icon/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 { width: 46px; height: 46px; font-size: 18px; font-weight: 400; line-height: 45px; text-align: center; border: 1px solid transparent; border-radius: 50%; display: block; margin: 0 auto; }
.ui-datepicker-calendar thead tr th span { font-weight: 700; }
.ui-datepicker-calendar thead tr th:first-of-type span,
.ui-datepicker-calendar tbody tr td:first-of-type > a { color: var(--error); }
.ui-datepicker-calendar thead tr th:last-of-type span,
.ui-datepicker-calendar tbody tr td:last-of-type > a { color: var(--success-deep); }
.ui-datepicker-calendar tbody tr td > span { color: var(--gray-300); }
.ui-datepicker-calendar tbody tr td a.ui-state-highlight { border: 1px solid var(--gray-400); }
.ui-datepicker-calendar tbody tr td a.ui-state-active { color: #ffffff; background: var(--primary); border: 1px solid var(--primary); }