@charset "utf-8";

.main_schedule_basic{display:flex;justify-content:flex-start;padding-bottom:40px;}
/* .main_schedule_basic::before{content:"";display:block;width:100%;height:calc(100% - 50px);position:absolute;left:0;bottom:0;background:url(../images/calendar_bg_2.png);} */
.main_schedule_basic::before{content:"";display:block;width:100%;height:calc(100% - 50px);position:absolute;left:0;bottom:0;background-color:#0d57a7;}
.scheduleMain{width:240px;position:relative;}
.scheduleScroll{width:calc(100% - 320px);position:relative;}

.scheduleControl{}
.scheduleControl a{display:none;}
.scheduleControl a.prev{}
.scheduleControl a.next{}
.scheduleControl span{margin:0 auto;line-height:1;display:flex;align-items:center;justify-content:center;flex-direction:column;width:161px;height:185px;background:url(../images/calendar_bg_1.png) no-repeat center;}
.scheduleControl span i{display:block;color:#FFF;}
.scheduleControl span i.i_1{font-size:20px;font-family: 'Roboto', sans-serif;font-weight:300;}
.scheduleControl span i.i_2{font-size:25px;font-weight:500;padding:5px 0 15px 0;}
.scheduleControl span i.i_3{font-size:40px;font-family: 'Roboto', sans-serif;font-weight:600;}

.scheduleScroll{margin-top:80px;}
.scheduleScroll::before{content:"";display:block;width:100%;height:1px;background:rgba(255,255,255,0.5);position:absolute;left:0;top:3px;}
.scheduleScroll ul{display:flex;justify-content:flex-start;position:relative;}
.scheduleScroll li{text-align:center;width:23%;margin:0 1%;line-height:1.25;word-break:keep-all;}
.scheduleScroll li:nth-child(n+5){display:none;}
.scheduleScroll li::before{content:"";display:block;width:8px;height:8px;border-radius:8px;background:#95d3e6;margin:0 auto;}
.scheduleScroll li span{font-size:18px;color:#FFF;font-weight:400;font-family: 'Roboto', sans-serif;display:block;padding:20px 0 5px 0;}
.scheduleScroll li strong{font-size:18px;color:#95d3e6;font-weight:300;}

.scheduleScroll p.noData{text-align:center;color:#FFF;padding:100px 0;}
.scheduleScroll p.noData::before{display:none;}

a.view_more_schedule{display:block;position:absolute;right:20px;top:72px;}
a.view_more_schedule span{color:#FFF;font-size:14px;font-weight:300;display:flex;align-items:center;}
a.view_more_schedule span::after{content:"";display:block;width:12px;height:8px;background:url(../images/more_w.png) right center no-repeat;}

@media only screen and (max-width:768px){
	.main_schedule_basic{flex-wrap:wrap;padding:30px 20px;}
	.main_schedule_basic::before{height:100%;}
	.scheduleMain{width:100%;}
	.scheduleScroll{width:100%;}
	.scheduleControl span{margin:0;justify-content:flex-start;flex-direction:row;width:100%;height:auto;background:none;}
	.scheduleControl span i{display:inline;}
	.scheduleControl span i.i_1{font-size:24px;}
	.scheduleControl span i.i_2{font-size:24px;padding:0 10px;}
	.scheduleControl span i.i_3{font-size:24px;}
	.scheduleScroll{margin-top:30px;}
	a.view_more_schedule{top:30px;}
}
@media only screen and (max-width:520px){
	.scheduleScroll::before{display:none;}
	.scheduleScroll ul{flex-wrap:wrap;}
	.scheduleScroll li{text-align:left;width:100%;margin:0;padding:5px 0 5px 20px;position:relative;}
	.scheduleScroll li::before{left:0;top:14px;position:absolute;}
	.scheduleScroll li span{padding:3px 0;}
}