@charset "utf-8";

/**************************************
	주요 일정
**************************************/

.scheduleWrap {display:flex; flex-wrap:wrap; justify-content:space-between; margin:-3rem -2rem; align-items:start;}
.scheduleWrap h4 {margin-top:.7rem; margin-bottom:1.6rem;}
.scheduleWrap > * {flex-grow:1; width:50%; padding:3rem 2rem;}
.scheduleWrap .scheduleCalendar,
.scheduleWrap .scheduleToday {width:50%;}
.scheduleWrap .scheduleMonth {width:100%;}
.scheduleWrap .scheduleCalendar {min-width:50rem;}
@media all and (max-width:530pX) {
	.scheduleWrap .scheduleCalendar {min-width:0; width:100%;}
}

.scheduleWrap table {border-top:1px solid #606060;}
.scheduleWrap table tr > * {height:6.6rem; border-bottom:1px solid #E9EDF4; vertical-align:middle; padding:1rem;}
.scheduleWrap table thead tr {background:#F8F9FC;}
.scheduleWrap table thead th {text-align:center; vertical-align:middle; color:#222; font-weight:600;}
.scheduleWrap table tbody td {color:#596273;}
.scheduleWrap table tbody th {font-weight:700; color:#2F353D; font-family:'Kanit','Pretendard';}
.scheduleWrap table tbody a:hover,
.scheduleWrap table tbody a:focus {font-weight:700;}

.scheduleWrap .scheduleControl {display:flex; align-items:end; justify-content:space-between; margin-bottom:1.6rem;}
.scheduleWrap .scheduleControl h4 {font-family:'Kanit'; padding-left:0; font-size:3.2rem; font-weight:400; margin:0;}
.scheduleWrap .scheduleControl h4:before {display:none;}

@media all and (max-width:530pX) {
	.scheduleWrap .scheduleControl h4 {display:none;}
}
@media all and (max-width:340pX) {
	.scheduleWrap .selectBox {display:flex; flex-wrap:wrap; align-items:center; margin:-.5rem;}
	.scheduleWrap .selectBox > * {margin:.5rem; flex-grow:1;}
	.scheduleWrap .selectBox .btn {width:80%;}
}

.scheduleWrap .calendarTable tr > * {padding:0;}
.scheduleWrap .calendarTable thead tr > *:first-child {color:#FF4A57;}
.scheduleWrap .calendarTable thead tr > *:last-child {color:#0C64B9;}
.scheduleWrap .calendarTable tbody a {display:block; position:relative; width:100%; height:6.6rem; padding:1rem; font-size:1.4rem; font-family:'Kanit';}
.scheduleWrap .calendarTable tbody a .day {line-height:1.5em; font-size:1.4rem;}
.scheduleWrap .calendarTable tbody a .count {display:block; position:absolute; right:1rem; bottom:1rem; display:block; min-width:2.4rem; height:2.4rem; line-height:2.4rem; text-align:center; padding:0 .5rem; border-radius:9em; color:#fff; background:#003365;}
.scheduleWrap .calendarTable tbody a.selected:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #FF4A57;}
.scheduleWrap .calendarTable tbody a.today {background:#F8F9FC;}

.scheduleWrap .scheduleList {border-top:2px solid #17212D;}
.scheduleWrap .scheduleList li {border-bottom:1px solid #E9EDF4;}
.scheduleWrap .scheduleList a {display:block; padding:2.5rem 1rem;}
.scheduleWrap .scheduleList a > * {display:block;}
.scheduleWrap .scheduleList .subject {font-size:2rem; font-weight:700; color:#596273; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.scheduleWrap .scheduleList .date {color:#FF4A57; margin-right:1rem;}
.scheduleWrap .scheduleList .info {display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-top:1rem; color:#93A1B9; font-size:1.6rem;}
.scheduleWrap .scheduleList .info .bar {display:block; width:1px; height:1rem; background:#E2E7EF; margin:0 1rem;}