@charset "utf-8";

.mh2title span.blue{color: #114B94;}

.main_schedule_basic{box-sizing:border-box;position:relative;text-align:left;}

.main-sch-top {margin-bottom: 30px;}
.main-sch-top > h2 {float: left; font-family: 'Roboto'; font-weight: 900; font-size: 40px; color: #111111; line-height: 60px;}
/* .main-sch-top .main-sch-more {float: right; position: relative; display: block; width:200px; height:60px; border: 1px solid #004E96; font-family: 'Roboto'; font-size: 14px; text-align: center; line-height: 60px; letter-spacing: 1px; color: #004E96; overflow: hidden;}
.main-sch-top .main-sch-more::before {content: ""; position: absolute; width: 0; left: -40px; top: 0; height: 100%; background: #004E96; transform: skewX(-40deg); transition: width 0.5s;}
.main-sch-top .main-sch-more span {position: relative; z-index: 3;}

.main-sch-top .main-sch-more:hover {color: #fff;}
.main-sch-top .main-sch-more:hover::before {width: 150%;} */

.main-sch-top .main-sch-more {position: relative; float: right; display: inline-block; text-indent:-99999px;  width:45px; height:45px; border: 1px solid #BDBDBD;}
.main-sch-top .main-sch-more::after {content: ""; position: absolute; width: 17px; height: 17px; background:url('../images/btn_notice_more.png') no-repeat center center; left: 50%; margin-left: -8.5px; top: 50%; margin-top: -8.5px; transform: rotate(0deg); transition: transform 0.3s;}
.main-sch-top .main-sch-more:hover::after {transform: rotate(180deg);}

.main_schedule_basic .scheduleScroll ul.event {position: relative; overflow: hidden;}
.main_schedule_basic .scheduleScroll ul.event::before {content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid #bdbdbd; left: 0; top: 0; z-index: 1;}
.main_schedule_basic .scheduleScroll ul.event li{position:relative; float: left; width: 20%;}
.main_schedule_basic .scheduleScroll ul.event li a {position: relative; display: block; padding: 12px 7% 20px 7%; background: transparent; transition: all 0.3s; z-index: 3;}

.main_schedule_basic .scheduleScroll ul.event li a::before, .main_schedule_basic .scheduleScroll ul.event li a::after {content: ""; position: absolute; width: 1px; height: 50px; left: 0; background: #bdbdbd; opacity: 1; transition: opacity 0.3s;}
.main_schedule_basic .scheduleScroll ul.event li a::before {top: 0;}
.main_schedule_basic .scheduleScroll ul.event li:nth-child(2) a::before {content: none;}
.main_schedule_basic .scheduleScroll ul.event li a::after {bottom: 0;}
.main_schedule_basic .scheduleScroll ul.event li:nth-child(2) a::after {content: none;}

.main_schedule_basic .scheduleScroll ul.event li:first-child a::before, .main_schedule_basic .scheduleScroll ul.event li:first-child a::after {display: none;}

.main_schedule_basic .main-sch-bx {height: 48px; margin-top: 10px;}
.main_schedule_basic .main-sch-bx .main-sch-info {font-size: 16px; letter-spacing: -0.5px; color: #111; font-family: "Noto Regular"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color 0.3s;}

.main_schedule_basic .main-sch-day {margin-top: 10px;}
.main_schedule_basic .main-sch-day .today {float: left; display: inline-block; width: 50px; height: 25px; text-align: center; font-size: 14px; line-height: 25px; background: #004E96; color: #fff;}
.main_schedule_basic .main-sch-day .dayVal {float: right; display: inline-block; font-size: 18px; color: #888888; transition: color 0.3s; line-height: 25px; font-family: 'Roboto';}

.main_schedule_basic .main-sch-date {position: relative; font-size: 40px; color: #111111; font-family: 'Roboto'; font-weight: 600; line-height: 46px; padding-right: 45px; transition: color 0.3s; letter-spacing: -3px;}
.main_schedule_basic .main-sch-date::after {content: ""; position: absolute; right: 0; top: 7px; width: 31px; height: 31px; background: url("../images/btn_calendar_more.png") no-repeat; opacity: 0; transition: opacity 0.3s;}

.main_schedule_basic .scheduleScroll ul.event li.noData {float: none; width: 100%;}
.main_schedule_basic .scheduleScroll ul.event li.noData p {text-align:center; font-size: 20px; color: #111; font-family: "Noto Medium"; padding: 20px 0;}

.main_schedule_basic .scheduleScroll ul.event li a:hover {background: #0099D9;}
.main_schedule_basic .scheduleScroll ul.event li a:hover::before, .main_schedule_basic .scheduleScroll ul.event li a:hover::after, .main_schedule_basic .scheduleScroll ul.event li:hover + li a::before, .main_schedule_basic .scheduleScroll ul.event li:hover + li a::after {opacity: 0;}

.main_schedule_basic .scheduleScroll ul.event li a:hover .main-sch-bx .main-sch-info {color: #fff;}

.main_schedule_basic .scheduleScroll ul.event li a:hover .main-sch-day .dayVal {color: rgba(255, 255, 255, 0.5);}

.main_schedule_basic .scheduleScroll ul.event li a:hover .main-sch-date {color: #fff;}
.main_schedule_basic .scheduleScroll ul.event li a:hover .main-sch-date::after {opacity: 1;}

/* today */
.main_schedule_basic .scheduleScroll ul.event li a.today {background: #0099D9;}
.main_schedule_basic .scheduleScroll ul.event li a.today::before, .main_schedule_basic .scheduleScroll ul.event li a.today::after, .main_schedule_basic .scheduleScroll ul.event li.today + li a::before, .main_schedule_basic .scheduleScroll ul.event li.today + li a::after {opacity: 0;}

.main_schedule_basic .scheduleScroll ul.event li a.today .main-sch-bx .main-sch-info {color: #fff;}

.main_schedule_basic .scheduleScroll ul.event li a.today .main-sch-day .dayVal {color: rgba(255, 255, 255, 0.5);}

.main_schedule_basic .scheduleScroll ul.event li a.today .main-sch-date {color: #fff;}


@media only screen and (min-width:1056px){
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {width: 100% !important; }
}
@media only screen and (max-width:1055px){
	.main-sch-top > h2 {font-size: 36px; line-height: 60px;}
	.main-sch-top .main-sch-more {}

	.scheduleScroll {overflow-x: auto;}
	.scheduleScroll .event {width: 1200px;}
	.main-sch-top {margin-bottom: 30px;}
}
@media only screen and (max-width:768px){
	#mCSB_1_container {width: 1000px !important;}
	.main-sch-top > h2 {font-size: 30px; line-height: 50px;}
	.main-sch-top .main-sch-more {}

	.scheduleScroll .event {width: 1000px;}
	.main-sch-top {margin-bottom: 20px;}

	.main_schedule_basic .scheduleScroll ul.event li a {padding: 15px;}

	.main_schedule_basic .main-sch-date {font-size: 30px; line-height: 40px;}
}