@charset "utf-8";

.scheduleMain{display:inline-block;box-sizing:border-box;position:relative;text-align:left; padding: 30px 40px 80px 40px; background: rgba(12, 38, 98, 0.8); width: 100%;}
.scheduleMain h2{font-size: 16px; margin-bottom: 80px; font-family:'TitilliumWeb-SemiBold'; color: white;}

.scheduleMain .scheduleControl{position:absolute; right:40px; top:19px; font-size: 0px;}
.scheduleMain .scheduleControl .prev,
.scheduleMain .scheduleControl .next,
.scheduleMain .scheduleControl .month-now {display: inline-block; vertical-align: middle;}
.scheduleMain .scheduleControl .prev,
.scheduleMain .scheduleControl .next {width: 6px; height: 8px; text-indent: -999999px;}
.scheduleMain .scheduleControl .prev {background: url('../images/prev-month.png') no-repeat center center;}
.scheduleMain .scheduleControl .next {background: url('../images/next-month.png') no-repeat center center;}
.scheduleMain .scheduleControl .month-now {padding: 0 10px; font-family: 'Mont regular'; font-size: 36px; color: #fff;}
.scheduleMain .scheduleControl .month-now i {position: relative; top: -2px; font-family: 'Noto DemiLight'; font-size: 28px;}
.scheduleMain .scheduleScroll ul.event li{position:relative; color: white; display: table; width: 100%; margin-bottom: 24px; table-layout: fixed;}
.scheduleMain .scheduleScroll ul.event li dl{overflow:hidden;font-size:16px}
.scheduleMain .scheduleScroll ul.event li dl dt{color:#dee9f8;float:left;width:165px;}
.scheduleMain .scheduleScroll ul.event li dl dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 165px);}
.scheduleMain .scheduleScroll ul.event li p.noData{text-align:center;}
.scheduleMain .event-date{display: table-cell; vertical-align: middle; font-family: 'Noto Light'; font-size: 16px; width: 70px;}
.scheduleMain .event-date span {display: inline-block; width: 55px; height: 55px; background: #222; border-radius: 100%; font-family: 'Mont Medium'; font-size: 24px; line-height: 55px; color: #fff; text-align: center;}
.scheduleMain .event-subject{display: table-cell; vertical-align: middle;}
.scheduleMain .event-subject .sub-data {font-family:'TitilliumWeb-Light'; font-size: 18px;}
.scheduleMain .event-subject .sub-subject{font-family: 'Noto Light'; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.scheduleMain a.view_more_schedule{position:absolute;right:40px;bottom:40px;display:block;width:70px;height:70px;line-height: 65px;border: 1px solid #fff; border-radius: 100%; font-family:'TitilliumWeb-Regular'; font-size: 16px; text-align: center; color: #fff;}
.scheduleMain a.view_more_schedule:hover{background: #fff; color: #333;}

@media all and (max-width:1023px) {
    .scheduleMain {padding: 20px 20px 10px 20px;}
}