/* 달력/시간대 */
.calendar_wrap .cal_el { width: 100%;text-align: left; }

/* 달력부분 */
.date_default .cal_head { display: block !important; }
.date_default .cal_table { display: table !important; }
.date_default .cal_table td span { color: #aaa !important; cursor: not-allowed !important; }
.calendar_wrap .cal_el .cal_head, .calendar_wrap .cal_el .cal_table { text-align:Center; }
.calendar_wrap .cal_el .cal_head {position: relative; padding: 10px 0;/* background: #d0d4df; border: 1px solid #d0d4df; */}
.calendar_wrap .cal_el .cal_head .cal_head_text { font-size: 1.5rem; font-weight: 400; }
.calendar_wrap .cal_el .cal_head .move_btn { position: absolute; cursor: pointer;font-size: 30px;line-height: 1; }
.calendar_wrap .cal_el .cal_head .move_btn.prev { left: 20px; }
.calendar_wrap .cal_el .cal_head .move_btn.next { right: 20px; }
.calendar_wrap .cal_el .cal_table { width: 100%; /*border: 1px solid #d0d4df; border-top: none;*/ }
.calendar_wrap .cal_el .cal_table thead tr th { color: #000; font-size: 1rem; font-weight: 700; /*border-bottom: 1px dotted #eaeaea;*/ }
.calendar_wrap .cal_el .cal_table thead tr th.sun { color: #d80707; }
.calendar_wrap .cal_el .cal_table thead tr th.sat { color: #084db4; }

.calendar_wrap .cal_el .cal_table th { padding: 10px 0; }
.calendar_wrap .cal_el .cal_table td span { padding: 15px 0; display: block; }
.calendar_wrap .cal_el .cal_table td .no { color: #aaa; font-weight: 400;}
.calendar_wrap .cal_el .cal_table td .nor { color: #000; font-weight: 400; }
.calendar_wrap .cal_el .cal_table td .sun { color: #d80707; }
.calendar_wrap .cal_el .cal_table td .sat { color: #084db4; }
.calendar_wrap .cal_el .cal_table td .nor, .calendar_wrap .cal_el .cal_table td .sun, .calendar_wrap .cal_el .cal_table td .sat { font-weight: 700; width: 100%; height: 100%; cursor: pointer; border-radius: 50%; display:flex;align-items: center;justify-content: center;padding: 0;aspect-ratio: 1/1;font-weight: 500;}
.calendar_wrap .cal_el .cal_table td .on { background: rgba(var(--markcolor),0.5); color: #fff; }

/* 시간대부분 */
.timeset .rsv_time_table { position: relative; height: 100%; }
.timeset .rsv_time_table .rsv_times { height: 100%; }
.timeset .rsv_time_table .rsv_table_li_wrap { display: flex; align-items: center; flex-wrap: wrap;}
.timeset .rsv_time_table .rsv_table_li_wrap li {width: calc((100% - 8px)/4 );background: #fff;text-align: center; padding: 10px; border-radius: 150px ; border: 1px solid rgba(var(--markcolor),0.8); font-weight: 400; box-sizing: border-box; cursor: pointer; margin: 1px;margin-top:10px; }
.timeset .rsv_time_table .rsv_table_li_wrap .time-disabled { background: #eaeaea; cursor: not-allowed; color: #aaa; }
.timeset .rsv_time_table .rsv_table_li_wrap li:nth-child(-n+4){margin-top:0}
.timeset .rsv_time_table .rsv_table_li_wrap li:hover { background: var(--pointcolor); color: #fff; }
.timeset .rsv_time_table .rsv_table_li_wrap li.active { background: var(--pointcolor); color: #fff; }
.timeset .rsv_time_table .rsv_table_li_wrap .time-disabled:hover { background: #eaeaea; color: #aaa; }
.date_default, .rsv_default { width: 100%; min-height: 50px;  font-weight: 700; color: #aaa; }

/* 결과값 */
.calendar_cont { flex-wrap: wrap; }
/* .calendar_select {display:block; width: 100%; text-align: left; margin-bottom: 10px; border-bottom: 1px dotted #aaa; }
.calendar_select .cal_input { display: inline-block; margin: 3px 0; padding: 0 10px 5px; } */

@media (max-width: 991px) {
    .calendar_wrap { flex-wrap: wrap; }
    .calendar_wrap .cal_el { width: 100%; margin-bottom: 10px; }
    .calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap li { width: 23.5%; }
}