/* 예약캘린더 */
.reservCal .date_view { display:flex; height:3.5rem; background:#f7f7f7; border-radius:0.5rem; justify-content:space-between; align-items:center; padding:0 1.8rem; }
.reservCal .date_view > a { font-size:1.6rem; }
.reservCal .date_view .center { text-align:center; }
.reservCal .date_view .center > a { display:inline-block; width:1.7rem; height:1.7rem; border-radius:50%; line-height:1.7rem; vertical-align:middle; }
.reservCal .date_view .center .cal { border:2px solid #007ce8; font-size:0.85rem; line-height:1.5rem; }
.reservCal .date_view .center .today { background:#4299eb; color:#fff; font-size:0.65rem; }
.reservCal .date_view .center .date { font-family:"Montserrat"; font-size:1.2rem; font-weight:700; margin:0 1rem; vertical-align:middle; }
.calendar_table table { height:100%; table-layout:fixed; margin-bottom:1rem; }
.calendar_table table th { padding:0.5rem 0; }
.calendar_table table th:first-child { color:#ff0000; }
.calendar_table table td:first-child em { color:#e00000; }
.calendar_table table th:last-child { color:#0443ac; }
.calendar_table table td:last-child em { color:#0443ac; }
.calendar_table table td { height:100%; padding:0.2rem; vertical-align:top; }
.calendar_table table td div { height:100%; min-height:5.3rem; background:#f4f7fb; padding:0.5rem; }
.calendar_table table td.holiday div { background:#fff0f1; }
.calendar_table table td.event div { background:#fafafa; }
.calendar_table table td.present div { background:#fef2dd; }
.calendar_table table td div em { display:inline-block; width:1.2rem; line-height:1rem; font-weight:600; vertical-align:middle; font-family:"Montserrat"; }
.calendar_table table td.present div em { text-decoration:underline; font-weight:700;}
.calendar_table table td div em + span { position:relative; display:inline-block; width:calc(100% - 1.2rem); line-height:1rem; padding-left:1rem; font-size:0.7rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle; } 
.calendar_table table td div em + span:before { content:""; position:absolute; top:0.4rem; left:0.2rem; width:0.4rem; height:1px; background:#999; }
.calendar_table table td div a { position:relative; display:block; line-height:1.15rem; font-size:0.7rem; font-weight:300; font-family:"Montserrat", "SCDream"; border-radius:3px; margin-top:0.2rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
.calendar_table table td div a:before { position:absolute; left:0.4rem; top:0; font-family:"xeicon"; }
.cal_info { display:inline-block; vertical-align:middle; margin-left:2rem; }
.cal_info li { position:relative; display:inline-block; line-height:1.15rem; font-size:0.7rem; font-family:"Montserrat", "SCDream"; border-radius:3px; padding:0 0.5rem 0 1.5rem; }
.cal_info li:before { position:absolute; left:0.4rem; top:0; font-family:"xeicon"; }
.cal_event1 { background:#007ce8; color:#fff; -webkit-transition:background-color 0.2s; transition:background-color 0.2s;}
.cal_event1:before { content:"\e929"; }
a.cal_event1:hover,
a.cal_event1:focus { background:#0059a7; }
.cal_event2 { background:#6c6c6c; color:#f0f0f0; text-decoration:line-through; cursor:inherit; }
.cal_event2:before { content:"\e9ae"; }
.cal_event3 { background:#cce5fa; color:#000; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
.cal_event3:before { content:"\e91b"; }
a.cal_event3:hover,
a.cal_event3:focus { background:#b0dbff; }

@media (max-width:1240px) { 
	/* 예약캘린더 */
    .calendar_table table td div em + span { position:relative; padding-left:0; }
    .calendar_table table td div em + span:before { display:none; } 
}

@media (max-width:1024px) { 
	/* 예약캘린더 */
    .reservCal .date_view { padding:0 0.5rem; }
    .reservCal .date_view > a { font-size:1.2rem; }
    .calendar_table table colgroup,
    .calendar_table table thead { display:none; }
    .calendar_table table td { display:block; padding:0; }
    .calendar_table table td div { position:relative; height:auto; min-height:2rem; padding:0.5rem 0.5rem 0.5rem 2.5rem; margin:0.4rem 0 0; overflow:hidden; }
    .calendar_table table td div em { position:absolute; left:0.5rem; top:0.5rem; z-index:2;}
    .calendar_table table td div em + span { display:block; width:100%; }
    .calendar_table table td div a { width:49%; float:left; }
    .calendar_table table td div a:nth-child(2n) { margin-right:2%; }
}

@media (max-width:380px) {
	/* 예약캘린더 */ 
    .reservCal .date_view .center .date { font-size:1rem; margin:0 0.2rem; }
    .calendar_table table td div a { width:100%; }
    .calendar_table table td div a:nth-child(2n) { margin-right:0; }
}