@charset "utf-8";

#schdulMain{background:#1e61af;height:100%;padding:50px;}
.scheduleMain{}
.scheduleMain .topWrap{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;}
.scheduleMain .mainTitle{color:#FFF;}
.scheduleControl{}
.monthDate{display:flex;align-items:center;justify-content:space-between;}
.monthDate span{line-height:1;font-size:36px;color:#FFF;font-family:'Noto Medium';display:flex;align-items:center;}
.monthDate .year{display:none;}
.monthDate span i{font-size:26px;font-family:'Noto Light';}
.monthDate a{display:block;text-indent:-9999px;width:30px;height:30px;border-radius:100%;background:url(/sites/style_guide/images/common/arrow_14_w.png) no-repeat center;}
.monthDate a.pre{transform:rotate(180deg);}
.monthDate a.next{}
.scheduleScroll{}
ul.event{overflow-y:auto;height:340px;display:flex;flex-wrap:wrap;justify-content:space-between;}
ul.event li{position:relative;width:46%;padding:10px 0 10px 15px;}
ul.event li:nth-child(n+9){display:none;}
ul.event li::before{content:"";display:block;width:5px;height:5px;background:#01a1ff;border-radius:100%;position:absolute;left:0;top:20px;}
ul.event li p{}
ul.event li .date{font-family:'Noto Medium';font-size:16px;color:#DDD;}
ul.event li .sub{color:#FFF;}

.scheduleMain .more{display:block;width:50px;height:50px;position:absolute;top:47px;left:250px;text-indent:-9999px;background:url(/sites/style_guide/images/common/plus_3_w.png) center no-repeat;border:2px solid #FFF;border-radius:100%;}

.scheduleMain .noData{text-align:center;color:#FFF;}

@media only screen and (max-width:1280px){
}
@media only screen and (max-width:1024px){
	#schdulMain{padding:30px;}
	.scheduleMain .more{left:180px;top:31px;width:35px;height:35px;}
}
@media only screen and (max-width:768px){
	.scheduleMain .topWrap{padding-right:25px;padding-bottom:20px;}
	.scheduleMain .more{left:auto;right:20px;border:0;}
}
@media only screen and (min-width:481px) and (max-width:1024px){
	ul.event{flex-wrap:wrap;}
	ul.event li{width:100%;}
}
@media only screen and (max-width:480px){
	ul.event{flex-wrap:wrap;}
	ul.event li{width:100%;}
}