@charset "utf-8";
/* 팝업 - 달력 */
.popup_calendar { display: none; position: absolute; left: 0; top: calc(100% + 8px); width: 256px !important; min-width: 256px !important; padding: 16px 20px 0; background: #fff; border: 2px solid #3662DF; border-radius: 8px; z-index: 1000; }
.popup_calendar .select_date_box { width: calc(100% + 40px); padding: 8px 16px; background: #F2F2F2; border-radius: 0 0 7px 7px; margin: 16px 0 0 -20px; }
.popup_calendar .select_date_box p { font-size: 13px; font-weight: 400; color: #2a2a2a; line-height: 18px; }
.popup_calendar .select_date_box p::before { content: ''; display: inline-block; width: 5px; height: 5px; background: #3eb134; border-radius: 50%; vertical-align: 2px; margin-right: 10px; }
.popup_calendar .select_date_box p .value { display: inline-block; font-size: 15px; font-weight: 500; line-height: 22px; font-family:'Roboto'; margin-left: 8px; }

.popup_calendar .ui-datepicker-header { position: relative; margin-bottom: 16px; }
.popup_calendar .ui-datepicker-header > a { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; text-indent: -9999px; border-radius: 50%; overflow: hidden; cursor: pointer; }
.popup_calendar .ui-datepicker-header > .ui-datepicker-prev { left: 20px; background: url(../../resources/image/btn/btn_cal_prev.svg) no-repeat center center; background-size: contain; }
.popup_calendar .ui-datepicker-header > .ui-datepicker-next { right: 20px; background: url(../../resources/image/btn/btn_cal_next.svg) no-repeat center center; background-size: contain; }
.popup_calendar .ui-datepicker-title { display: flex; align-items: center; justify-content: center; }
.popup_calendar .ui-datepicker-title .cal_select { position: relative; }
.popup_calendar .ui-datepicker-title .cal_select + .cal_select { margin-left: 14px; }
.popup_calendar .ui-datepicker-title .cal_select select { display: inline-block; font-size: 15px; font-weight: 500; color: #2a2a2a; line-height: 22px; font-family:'Roboto'; text-align: right; padding-right: 30px; background: transparent; cursor: pointer; }
.popup_calendar .ui-datepicker-title .cal_select select option { font-size: 16px; font-weight: 400; }
.popup_calendar .ui-datepicker-title .cal_select em { display: inline-block; position: absolute; right: 0; top: 0; font-size: 15px; font-weight: 400; color: #2a2a2a; line-height: 20px; z-index: -1; }
.popup_calendar .ui-datepicker-title .cal_select em::after { content: ''; display: inline-block; width: 12px; height: 12px; background: url(../../resources/image/icon/icon_arrow_down_gray_bold.svg) no-repeat center center; background-size: contain; vertical-align: -1px; margin-left: 4px; }
.popup_calendar .ui-datepicker-calendar { width: 100%; }
.popup_calendar .ui-datepicker-calendar thead tr th { text-align: center; padding-bottom: 2px; }
.popup_calendar .ui-datepicker-calendar thead tr th span { display: inline-block; font-size: 12px; font-weight: 400; color: #2a2a2a; line-height: 20px; }
.popup_calendar .ui-datepicker-calendar tbody tr td { text-align: center; padding: 6px 0; }
.popup_calendar .ui-datepicker-calendar tbody tr td > * { position: relative; display: inline-block; width: 24px; height: 20px; font-size: 13px; font-weight: 400; color: #2a2a2a; line-height: 20px; font-family:'Roboto'; z-index: 1; }
.popup_calendar .ui-datepicker-calendar tbody tr td span.ui-state-default { color: #ccc; }
.popup_calendar .ui-datepicker-calendar tbody tr td:nth-of-type(1).ui-datepicker-week-end a { color: #CB2626; }
.popup_calendar .ui-datepicker-calendar tbody tr td:nth-of-type(7).ui-datepicker-week-end a { color: #3662DF; }
.popup_calendar .ui-datepicker-calendar tbody tr td a.ui-state-active { color: #fff !important; }
.popup_calendar .ui-datepicker-calendar tbody tr td a.ui-state-active::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background: #3EB134; border-radius: 50%; z-index: -1; }