@charset "utf-8";

#schdulMain{height:100%;padding:40px;box-sizing:border-box;background-color: rgba( 12,38,98,0.8 );}
#schdulMain h2{font-family: 'Titillium Web', sans-serif;font-size:16px;color:#FFf;line-height:1;}
#schdulMain .scheduleControl{position:absolute;right:70px;top:30px;}
#schdulMain .scheduleControl .monthDate{text-align:center;}
#schdulMain .scheduleControl .monthDate a{display:inline-block;width:20px;height:20px;text-indent:-9999px;background:url(/images/templet_05/common/play_2_w.png) no-repeat center;}
#schdulMain .scheduleControl .monthDate a.prev{transform:rotate(180deg);margin-right:5px;}
#schdulMain .scheduleControl .monthDate a.next{margin-left:5px;}
#schdulMain .scheduleControl .monthDate span{display:inline-block;font-size:25px;color:#08629a;line-height:1;}
#schdulMain .scheduleControl .monthDate span i{font-size:26px;display:inline-block;vertical-align:3px;}
#schdulMain .scheduleControl .monthDate span.year{display:none;}
#schdulMain .scheduleControl .monthDate span.month{font-size:36px;font-family:'Mont Medium';color:#FFF;vertical-align:1px;}
#schdulMain .scheduleScroll{margin-top:60px;}
#schdulMain .scheduleScroll ul{max-height:300px;overflow-y:auto;}
#schdulMain .scheduleScroll ul li{padding:10px 0 30px 80px;position:relative;min-height:55px;color:#FFF;}
#schdulMain .scheduleScroll ul li span{display:block;line-height:1.3;}
#schdulMain .scheduleScroll ul li span.date{font-size:0;position:absolute;left:0;top:0;}
#schdulMain .scheduleScroll ul li span.date i{font-size:24px;font-family:'Mont Medium';color:#FFF;display:block;background:#222222;border-radius:100px;width:55px;height:55px;text-align:center;box-sizing:border-box;padding-top:12px;}
#schdulMain .scheduleScroll ul li span.period{font-family: 'Titillium Web', sans-serif;font-size:16px;color:#FFf;line-height:1;}
#schdulMain .scheduleScroll ul li span.subject{font-size:18px;font-size:16px;color:#FFf;line-height:1.5;padding-top:5px;}
#schdulMain .scheduleScroll ul li:nth-child(n+6){display:none}
#schdulMain a.more{display:block;text-indent:-9999px;width:30px;height:30px;background:url(/images/templet_05/common/plus_1_w.png) center no-repeat;position:absolute;top:33px;right:30px;}
#schdulMain a.more:hover{border-color:#FFF}
@media only screen and (min-width:1025px){
	#schdulMain .scheduleControl .monthDate a:hover{background-position:right center !important;}
}