@charset "utf-8";
/* calendar_main latest skin - main calendar */
.main-calendar { width:100%; background:#fff; overflow:hidden; }
.cal-header { padding:20px; text-align:center; }
.cal-header .today-link { font-size:22px; text-decoration:none; color:#333; transition:0.3s; }
.cal-header .today-link b { margin-left:8px; color:#047f5e; }
.cal-header .today-link:hover { opacity:0.7; }

.cal-table { width:100%; border-collapse: collapse; table-layout: fixed; }
.cal-table th { padding:12px 0; background:#f9f9f9; font-size:12px; color:#666; border-bottom:1px solid #eee; }
.cal-table td { height:80px; vertical-align: top; padding:5px; border:1px solid #f0f0f0; font-size:13px; }

.day-num { display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; font-weight:bold; margin-bottom:4px; }

/* 오늘 날짜 강조 스타일 */
.cal-table td[style*="background-color:#047f5e"] .day-num { color:#fff !important; }

/*컨텐츠 페이지 테이블*/
.table_wrap_schedule { overflow: auto; }
.table_wrap_schedule table { width: 100%; min-width:850px; border-collapse: collapse; border-top:2px solid #212121; border-bottom:1px solid #e0e0e0; letter-spacing: -1px; }
.table_wrap_schedule table th:not(:last-child), .table_wrap_schedule table td:not(:last-child) { border-right:1px solid #e0e0e0; }
.table_wrap_schedule table thead { border-bottom:1px solid #999; }
.table_wrap_schedule table thead th { text-align: center; background-color: #fff; height: 60px; font-size: 20px; font-weight: 600; color: #666; border-bottom: 1px solid #e0e0e0; }
.table_wrap_schedule table tbody tr:not(:first-child) { border-top:1px solid #ddd; }
.table_wrap_schedule table tbody th { color:#444; background-color: #ecf7fc; font-size: 16px; line-height: 25px; padding:15px 20px; text-align: center; word-break: keep-all; box-sizing: border-box; font-weight: 400; }
.table_wrap_schedule table tbody td { color:#222; font-size: 1rem; padding:15px; height:145px; box-sizing:border-box; }
.table_wrap_schedule.table_h tbody tr { height: 100px; }

#bo_list .add_btn2 { background-color:#222; border-radius:5px; color:#fff; }
.calender_top { margin-bottom:20px; display:flex; align-items:center; justify-content:center; }
.calender_top .today { margin:0 60px; font-size: 28px; font-weight: 500; display:inline-block; }
.calender_top .today b { font-size: 35px; font-weight: 700; color: #212121; margin-left: 15px; }
.calender_top a { transition: all 0.3s ease-out; }
.calender_first { margin-right:10px; width:36px; height:36px; border-radius:50%; border:2px solid var(--point-color-1); background:url(img/calender_first.svg) no-repeat center center; display: none; }
.calender_last { margin-left:10px; width:36px; height:36px; border-radius:50%; border:2px solid var(--point-color-1); background:url(img/calender_last.svg) no-repeat center center; display: none; }
.calender_prev { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; border: 1px solid #ddd; background: #fff url(/theme/wering/img/common/ic_cal_arrow.svg) no-repeat center; transform: rotate(180deg); cursor: pointer; }
.calender_next { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; border: 1px solid #ddd; background: #fff url(/theme/wering/img/common/ic_cal_arrow.svg) no-repeat center; transform: rotate(0); cursor: pointer; }
.calender_first:hover { background:url(img/calender_first_on.svg) no-repeat center center var(--point-color-1); }
.calender_last:hover { background:url(img/calender_last_on.svg) no-repeat center center var(--point-color-1); }

.popup_layer { display:none !important; }

@media screen and (max-width: 1200px){
.table_wrap_schedule table thead th { font-size:16px; line-height: 16px; padding:17px 0; }
.table_wrap_schedule table tbody th { font-size:15px; line-height: 24px; padding:14px 19px; }
.table_wrap_schedule table tbody td { font-size:15px; line-height: 24px; padding:14px 19px; }
}
@media screen and (max-width: 1000px){
.table_wrap_schedule table thead th { font-size:15px; line-height: 15px; padding:16px 0; }
.table_wrap_schedule table tbody th { font-size:14px; line-height: 23px; padding:13px 18px; }
.table_wrap_schedule table tbody td { font-size:14px; line-height: 23px; padding:13px 18px; }
}
@media screen and (max-width: 860px){
.table_wrap_schedule table thead th { font-size:14px; line-height: 14px; padding:15px 0; }
.table_wrap_schedule table tbody th { font-size:13px; line-height: 22px; padding:12px 17px; }
.table_wrap_schedule table tbody td { font-size:13px; line-height: 22px; padding:10px; height:100px; }
}
@media screen and (max-width: 760px){
.calender_top .today { margin:0 10px; font-size:20px; }
.calender_top .today b { font-size: 20px; }
}
@media screen and (max-width: 600px){
.table_wrap_schedule table thead th { font-size:13px; line-height: 13px; padding:14px 0; }
.table_wrap_schedule table tbody th { font-size:12px; line-height: 21px; padding:11px 16px; }
.table_wrap_schedule table tbody td { font-size:12px; line-height: 21px; padding:11px 16px; }
.table_wrap_schedule.table_h tbody tr { height: 70px; }
.table_wrap_schedule table tbody td font { display:block; }
}
@media screen and (max-width: 400px){
.table_wrap_schedule { overflow-x: scroll; }
.table_wrap_schedule table thead th { font-size:12px; line-height: 12px; padding:13px 0; }
.table_wrap_schedule table tbody th { font-size:11px; line-height: 20px; padding:10px 15px; }
.table_wrap_schedule table tbody td { font-size:11px; line-height: 20px; padding:10px 5px; }
.table_wrap_schedule table tbody td a { font-size:11px; }
}