@charset "utf-8";


#schdulMain{height:100%;padding:35px;background:rgba(12,38,98,0.8);}
#schdulMain h2{display:flex;align-items:center;padding-bottom:30px;}
#schdulMain h2::before{content:"SCHEDULE";font-family:'Dream regular';font-size:20px;color:#FFF;line-height:1;}

#schdulMain .scheduleControl{position:absolute;right:35px;top:27px;}
#schdulMain .monthDate{display:flex;align-items:center;justify-content:center;line-height:1;}
#schdulMain .monthDate a{display:block;text-indent:-9999px;width:20px;height:20px;}
#schdulMain .monthDate a.prev{background:url(../images/prev_w.png) no-repeat center;}
#schdulMain .monthDate a.next{background:url(../images/next_w.png) no-repeat center;}
#schdulMain .monthDate span{font-family:'Dream regular';font-size:36px;color:#FFF;display:flex;align-items:flex-end;justify-content:center;}
#schdulMain .monthDate span i{display:none;}
#schdulMain .monthDate span em{font-size:26px;padding:0 0 2px 2px;}

#schdulMain .scheduleScroll{}
#schdulMain .scheduleScroll .noData{text-align:center;color:#FFF;padding:50px 0;width:100%;}
#schdulMain .scheduleScroll ul.event{line-height:1.1;}
#schdulMain .scheduleScroll ul.event li{padding:15px 0;display:flex;align-items:center;justify-content:space-between;}
#schdulMain .scheduleScroll ul.event li:nth-child(n + 5){display:none;}
#schdulMain .scheduleScroll .beginDay{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:100%;font-size:24px;font-family:'Dream regular';color:#FFF;background:#222;}
#schdulMain .scheduleScroll dl{width:calc(100% - 65px);font-size:16px;font-family:'Dream regular';color:#FFF;}
#schdulMain .scheduleScroll dt{padding-bottom:5px;}
#schdulMain .scheduleScroll dt,
#schdulMain .scheduleScroll dd{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#schdulMain .view_more_schedule{display:flex;align-items:center;justify-content:center;width:70px;height:70px;position:absolute;right:35px;bottom:40px;color:#FFF;font-size:14px;border-radius:100%;border:2px solid #FFF;}

/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	#schdulMain .more:hover{background:#FFF;color:#000;}
}
@media all and (max-width:1280px) {
	#schdulMain .view_more_schedule{width:50px;height:50px;margin: 0 auto;position:relative;right:unset;bottom:unset;}
}
@media all and (max-width:768px) {
	#schdulMain .monthDate span{font-size:30px;}
	#schdulMain .monthDate span em{font-size:20px;}
	#schdulMain .scheduleScroll .beginDay{width:45px;height:45px;font-size:18px;}
	#schdulMain .scheduleScroll dt{font-size:14px;}
}