@charset "utf-8";


#schdulMain{height:100%;padding:35px;background:url(../images/bg.jpg) no-repeat center;background-size:cover;}
#schdulMain h2{display:flex;align-items:center;padding-bottom:20px;}
#schdulMain h2::before{content:"SCHEDULE";font-family:'Dream Medium';font-size:26px;color:#FFF;line-height:1;}

#schdulMain .scheduleControl{}
#schdulMain .monthDate{display:flex;align-items:center;justify-content:center;line-height:1;}
#schdulMain .monthDate a{display:block;text-indent:-9999px;width:35px;height:20px;}
#schdulMain .monthDate a.prev{background:url(../images/prev_w.png) no-repeat left center;}
#schdulMain .monthDate a.next{background:url(../images/next_w.png) no-repeat right center;}
#schdulMain .monthDate span{font-family:'Play Bold';font-size:45px;color:#FFF;margin:0 20px;width:141px;height:118px;display:flex;align-items:center;justify-content:center;background:url(../images/bg_2.png) no-repeat center;background-size:100%;}
#schdulMain .monthDate span i{display:none;}
#schdulMain .monthDate span em{display:none;}

#schdulMain .scheduleScroll{padding-top:20px;}
#schdulMain .scheduleScroll .noData{text-align:center;color:#FFF;padding:20px 0;width:100%;}
#schdulMain .scheduleScroll ul.event{line-height:1.1;}
#schdulMain .scheduleScroll ul.event li{padding:5px 0;}
#schdulMain .scheduleScroll ul.event li:nth-child(n + 3){display:none;}
#schdulMain .scheduleScroll .beginDay{display:none;}
#schdulMain .scheduleScroll dl{display:flex;}
#schdulMain .scheduleScroll dt{font-family:'Titil Regular';font-size:16px;color:#FFF;position:Relative;padding-left:10px;width:100px;}
#schdulMain .scheduleScroll dt::before{content:"";display:block;width:2px;height:6px;background:#fcaf17;position:absolute;left:0;top:5px;}
#schdulMain .scheduleScroll dt i,
#schdulMain .scheduleScroll dt .end{display:none;}
#schdulMain .scheduleScroll dd{width:calc(100% - 100px);font-family:'Dream regular';font-size:16px;color:#FFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#schdulMain .view_more_schedule{display:flex;align-items:center;justify-content:center;text-indent:-9999px;width:31px;height:31px;position:absolute;right:32px;top:32px;background:url(../images/more_w.png) no-repeat center;}

/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	#schdulMain .more:hover{background:#FFF;color:#000;}
}
@media all and (max-width:1280px) {
	#schdulMain .monthDate a{width:25px;}
	#schdulMain .monthDate span{width:110px;height:92px;font-size:35px;}
}
@media all and (max-width:768px) {
	#schdulMain{padding:25px;}
	#schdulMain h2::before{font-size:20px;}
	#schdulMain .view_more_schedule{width:21px;height:21px;right:20px;top:25px;}
}
@media all and (max-width:420px) {
	#schdulMain .scheduleScroll dl{display:block;}
	#schdulMain .scheduleScroll dd{width:100%;padding:5px 0 0 10px;}
}