@charset "utf-8";

.main_schedule_grad1 {display:block;box-sizing:border-box;position:relative;text-align:left; padding: 50px 0; background: url("../images/schedule_bg.png") no-repeat right bottom; padding-right: 6%;}

.schedule-top {position: relative;}
.main_schedule_grad1 .schedule-title {float: left;}
.main_schedule_grad1 h2{display: inline-block; vertical-align: middle; font-size:36px;line-height:1;letter-spacing: -0.25px; font-family: "TitilliumWeb-SemiBold"; color: #282828;}
.main_schedule_grad1 h2 span {color: #1674cb;}
.main_schedule_grad1 h2 i{font-style:italic;}
.main_schedule_grad1 p {font-size: 16px; line-height: 18px; letter-spacing: -0.5px; color: #616161; font-family: "Noto Regular"; margin-top: 15px;}

.main_schedule_grad1 a.view_more_schedule{position: absolute; right: 0; top: 10px; display: inline-block; vertical-align: middle; width:21px;height:21px;text-indent:-9999px;background:url(../images/btn_news_more.png) no-repeat center; margin-left: 30px;}
.main_schedule_grad1 a.view_more_schedule:hover{}

.main_schedule_grad1 .scheduleControl{display: none; float: right; overflow: hidden; margin: 13px 0 25px;}
.main_schedule_grad1 .scheduleControl .monthDate a{float: left; display:block;text-indent:-9999px;width:6px;height:36px;border-radius:100%;}
.main_schedule_grad1 .scheduleControl .monthDate a.prev{background:url(../images/btn_schedule_prev.png) no-repeat center;}
.main_schedule_grad1 .scheduleControl .monthDate a.next{background:url(../images/btn_schedule_next.png) no-repeat center;}
.main_schedule_grad1 .scheduleControl .monthDate a:hover{background-color:rgba( 0,0,0,0.2 );}
.main_schedule_grad1 .scheduleControl .monthDate > span{float: left; display:block;line-height:1;font-family:'Noto DemiLight';font-size:26px;color:#fff; margin: 0 20px;}
.main_schedule_grad1 .scheduleControl .monthDate span .num {font-size: 36px; font-family:'S-CoreDream-4Regular';}

.main_schedule_grad1 .scheduleScroll {margin-top: 15px;}
.main_schedule_grad1 .scheduleScroll ul.event{overflow-y:auto;height:181px;}
.main_schedule_grad1 .scheduleScroll ul.event::after {content: ""; display: block; clear: both;}
.main_schedule_grad1 .scheduleScroll ul.event li {position:relative; float: left; width: 50%; border-top: 1px dashed #DFDFDF;}
.main_schedule_grad1 .scheduleScroll ul.event li:first-child, .main_schedule_grad1 .scheduleScroll ul.event li:nth-child(2) {border-top: 0;}
.main_schedule_grad1 .scheduleScroll ul.event li dl{overflow:hidden;font-size:16px; padding: 15px 0;}
.main_schedule_grad1 .scheduleScroll ul.event li dl dt{color:#dee9f8;float:left; width: 55px;}
.main_schedule_grad1 .scheduleScroll ul.event li dl dt .day-icon {width: 60px; height: 60px; text-align: center; border-radius: 50%; background: url("../images/schedule_date_bg.png") no-repeat center; font-family:'TitilliumWeb-Regular'; font-size: 20px; line-height: 20px; color: #fff; letter-spacing: -0.5px; padding-top: 12px; box-sizing: border-box; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);}
.main_schedule_grad1 .scheduleScroll ul.event li dl dt .day-icon span {display: block; text-align: center; font-size: 11px; color: #fff; margin-top: 5px; line-height: 11px;}
.main_schedule_grad1 .scheduleScroll ul.event li dl dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 60px); box-sizing: border-box; padding-left: 5%; font-family: "Noto Regular"; font-size: 14px; color: #9d9d9d;padding-top: 5px;}
.main_schedule_grad1 .scheduleScroll ul.event li dl dd p {font-family: "Noto Light"; letter-spacing: -0.5px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size: 18px; color: #525252; margin-top: 10px;}

.main_schedule_grad1 .scheduleScroll ul.event li p.noData{text-align:center; color: #282828;}
.main_schedule_grad1 .scheduleScroll ul.event li.noData {width: 100%;}


@media only screen and (max-width:1200px){
	.main_schedule_grad1 h2 {font-size: 30px;}
}
@media only screen and (max-width:1024px){

}

@media all and (max-width: 768px){
	.main_schedule_grad1 .schedule-title {float: none;}
	.main_schedule_grad1 h2 {font-size: 40px;}
	.main_schedule_grad1 .scheduleControl {float: none; margin: 10px 0;}

	.main_schedule_grad1 .scheduleScroll ul.event {height: auto;}
	.main_schedule_grad1 .scheduleScroll ul.event li {float: none; width: 100%;}
	.main_schedule_grad1 .scheduleScroll ul.event li:nth-child(2) {border-top: 1px dashed #dfdfdf;}
}