@charset "utf-8";
/* 팝업 - 달력 */
#popup .popup_calendar { width: 512px !important; padding: 36px 32px 0; background: #fff; border: 2px solid #3662DF; border-radius: 16px }
#popup .popup_calendar .pop_close { position: absolute; left: 50%; bottom: -60px; transform: translateX(-50%); width: 48px; height: 48px; background: url(../../resources/image/btn/btn_close.svg) no-repeat center center, #525962; background-size: 20px; border-radius: 50%; text-indent: -9999px; overflow: hidden; z-index: 10; }
#popup .popup_calendar .select_date_box { width: calc(100% + 64px); padding: 16px 34px; background: #F2F2F2; border-radius: 0 0 14px 14px; margin: 24px 0 0 -32px; }
#popup .popup_calendar .select_date_box p { font-size: 18px; font-weight: 500; color: #2a2a2a; line-height: 28px; }
#popup .popup_calendar .select_date_box p::before { content: ''; display: inline-block; width: 10px; height: 10px; background: #3eb134; border-radius: 50%; vertical-align: 1px; margin-right: 10px; }
#popup .popup_calendar .select_date_box p .value { display: inline-block; font-size: 22px; font-weight: 700; font-family:'Roboto'; margin-left: 8px; }

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