@charset "utf-8";

.scheduleMain{display:inline-block;box-sizing:border-box;position:relative;text-align:left; padding: 16.5px 20px; background: url(../images/bg-calendar.jpg) no-repeat top center; background-size: cover; width: 100%;}
.scheduleMain h2{font-size: 17px; padding-left: 30px; margin-bottom: 20px; font-family:'TitilliumWeb-SemiBold'; background: url(../images/ico-calendar.png) no-repeat left 5px; color: white;}

.scheduleMain .scheduleControl{position:absolute;right:0;top:34px;display: none;}
.scheduleMain .scheduleControl .monthDate a{display:block;text-indent:-9999px;width:30px;height:30px;border-radius:100%;position:absolute;top:-2px;}
.scheduleMain .scheduleControl .monthDate a.prev{background:url(../images/arrow_4_l_g.png) no-repeat center;left:-35px;}
.scheduleMain .scheduleControl .monthDate a.next{background:url(../images/arrow_4_r_g.png) no-repeat center;right:0;}
.scheduleMain .scheduleControl .monthDate a:hover{background-color:rgba( 0,0,0,0.2 );}
.scheduleMain .scheduleControl .monthDate span{display:block;line-height:1;font-family:'Titillium';font-weight:bold;font-size:25px;/*color:#fff;*/margin-right:35px;}
.scheduleMain .scheduleControl .monthDate span i{font-family:'Titillium';}
.scheduleMain .scheduleScroll ul.event{overflow-y:auto;height:100px;}
.scheduleMain .scheduleScroll ul.event li{position:relative; color: white; display: table; width: 100%; margin-bottom: 9px; 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: 113px;}
.scheduleMain .event-subject{display: table-cell; vertical-align: middle;}
.scheduleMain .event-subject span{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.scheduleMain a.view_more_schedule{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/bg-calendar-more.png) no-repeat center;position:absolute;top:26px;right:20px;}

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