@charset "utf-8";

.main-schedule-wrap{background: url(../images/schedule_background.jpg) no-repeat center center / cover; padding: 90px 0 135px;}
.main-schedule-wrap .main-schedule-header{position: relative; top: -100px; opacity: 0; filter: blur(5px); transition: filter .3s;}
.main-schedule-wrap .main-schedule-header .container{max-width: 1860px; margin: 0 auto; padding: 0 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; margin-bottom: 56px;}
.main-schedule-wrap .main-schedule-title h1{font-size: 50px; color: #ffffff; font-family: "SBA Medium"; display: inline-block; position: relative;}
.main-schedule-wrap .main-schedule-title h1::after{content:""; display: block; position: absolute; right: -28px; top: 0; width: 18px; height: 18px; background: url(../images/schedule_dots.png) no-repeat center center / cover;}
.main-schedule-wrap .main-schedule-title p{font-size: 18px ;color: white; letter-spacing: .025em; margin-top: -11px;}
.main-schedule-wrap .main-schedule-link{margin-top: 20px;}
.main-schedule-wrap .main-schedule-link a{border: 1px solid white; border-radius: 50px; display: inline-block; font-family: "SBA Medium"; font-size: 12px; color: White; padding: 18px 46px 17px 20px; margin-right: 10px; position: relative; line-height: 1.5;}
.main-schedule-wrap .main-schedule-link a:last-child{margin-right: 0;}
.main-schedule-wrap .main-schedule-link a::after{content:""; display: block; position: absolute; right: 20px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../images/research_more.png) no-repeat center center; transition: transform .5s;}
.main-schedule-wrap .main-schedule-link a:hover{background-color: #1174ff; border: 1px solid #1174ff;}
.main-schedule-wrap .main-schedule-link a:hover::after{transform: rotate(180deg);}
.main-schedule-wrap .main-schedule-content{margin-top: -15px;}
.main-schedule-wrap .schedule-month{padding-left: 155px; margin-bottom: 8px;}
.main-schedule-wrap .schedule-month p{font-family: "SBA Medium"; font-size: 18px; color: white; position: relative; top: -100px; opacity: 0; filter: blur(5px); transition: filter .3s;}
.main-schedule-wrap .schedule-month p .current-year{font-size: 24px;}
.main-schedule-wrap .schedule-month p .current-month{font-size: 40px; display: inline-block; margin-right: 7px;}
.main-schedule-wrap .schedule-slider{position: relative;}
.main-schedule-wrap .schedule-slider > button{font-size: 0; width: 21px; height: 38px; background: url(../images/schedule_arrow.png) no-repeat; position: absolute; top: -14px; z-index: 2;}
.main-schedule-wrap .schedule-slider > button.schedule-prev{left: 60px;}
.main-schedule-wrap .schedule-slider > button.schedule-next{background-position: right center; right: 60px;}
.main-schedule-wrap .schedule-slide-box{padding-right: 100px; padding-top: 16px; position: relative; top: 100px; opacity: 0; padding-left: 6px; display: block !important;}
.main-schedule-wrap .schedule-slide-box::before{content:""; display: block; position: absolute; left: -6px; top: -6px; width: 12px; height: 12px; border-radius: 50%; background-color: white;}
.main-schedule-wrap .slick-list{padding: 0 160px; position: relative; padding-top: 6px;}
.main-schedule-wrap .slick-list::before{content:""; display: block; position: absolute; left: 0; top: 5px; width: 100%; height: 1px; background: rgba(255,255,255,.4);}
.main-schedule-wrap .schedule-date p{font-size: 22px; color: #ffffff; font-family: "SBA Medium";}
.main-schedule-wrap .schedule-date p span{font-size: 34px;}
.main-schedule-wrap .schedule-slide-box h2{font-size: 18px; line-height: 24px; color: #ffffff; font-family: "SBA Light"; margin-top: 4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}

.mCSB_container .main-schedule-wrap .main-schedule-header{top: 0; opacity: 1;}
.mCSB_container .main-schedule-wrap .schedule-slide-box{top: 0; opacity: 1;}

@media screen and (min-width: 1921px) {
    .main-schedule-wrap .main-schedule-content{position: relative}
    .main-schedule-wrap .main-schedule-content::before{content:""; display: block; position: absolute; left: 0; top: 86px; width: 100%; height: 1px; background-color:rgba(255,255,255,.4);}
    .main-schedule-wrap .schedule-month{max-width: 1920px; margin: 0 auto;}
    .main-schedule-wrap .schedule-slider{max-width: 1920px; margin: 0 auto;}
    .main-schedule-wrap .slick-list::before{display: none;}
}

@media screen and (max-width: 1400px) {
    .main-schedule-wrap .schedule-month{padding-left: 60px;}
    .main-schedule-wrap .slick-list{padding: 6px 70px 0;}
}

@media screen and (max-width: 1200px) {
    .main-schedule-wrap{padding: 75px 0 126px;}
    .main-schedule-wrap .main-schedule-header .container{margin-bottom: 53px;}
    .main-schedule-wrap .main-schedule-link{margin-top: -5px; right: 11px;}
    .main-schedule-wrap .main-schedule-title h1{font-size: 30px; margin-top: -7px;}
    .main-schedule-wrap .main-schedule-title p{font-size: 14px; margin-top: -7px;}
    .main-schedule-wrap .schedule-month p{font-size: 16px;}
    .main-schedule-wrap .schedule-month p .current-year{font-size: 20px;}
    .main-schedule-wrap .schedule-month p .current-month{font-size: 30px;}
    .main-schedule-wrap .schedule-slider > button.schedule-prev{left: 40px;}
    .main-schedule-wrap .schedule-slider > button.schedule-next{right: 40px;}    
    .main-schedule-wrap .schedule-slide-box{padding-right: 40px;}
    .main-schedule-wrap .schedule-month{margin-bottom: 16px; padding-left: 84px;}
    .main-schedule-wrap .schedule-date p{font-size: 18px; margin-top: -5px;}
    .main-schedule-wrap .schedule-date p span{font-size: 26px;}
    .main-schedule-wrap .schedule-slide-box{padding-right: 106px; padding-top: 30px;}
    .main-schedule-wrap .slick-list{padding: 6px 160px 0 90px;}
    .main-schedule-wrap .schedule-slide-box h2{font-size: 16px; line-height: 24px; margin-top: 1px;}
}

@media screen and (max-width: 768px) {
    .main-schedule-wrap{padding: 47px 0 33px;}
    .main-schedule-wrap .container{padding: 0 20px;}
    .main-schedule-wrap .main-schedule-header{position: relative; left: -5px;}
    .main-schedule-wrap .main-schedule-header .container{margin-bottom: 50px;}
    .main-schedule-wrap .main-schedule-title h1{font-size: 24px;}   
    .main-schedule-wrap .main-schedule-title p{font-size: 12px; margin-top: -3px;}
    .main-schedule-wrap .main-schedule-link{margin-top: 10px;}
    .main-schedule-wrap .main-schedule-link a{padding: 12.5px 38px 12.5px 18px;}
    .main-schedule-wrap .schedule-month{padding-left: 50px;}
    .main-schedule-wrap .slick-list{padding: 6px 0 0 51px;}
    .main-schedule-wrap .schedule-slide-box{padding-right: 47px;}
    .main-schedule-wrap .schedule-slider > button.schedule-prev{left: 10px;}
    .main-schedule-wrap .schedule-slider > button.schedule-next{right: 10px;}
    .main-schedule-wrap .schedule-date p{font-size: 16px; margin-top: 2px;}
    .main-schedule-wrap .schedule-date p span{font-size: 22px;}
    .main-schedule-wrap .schedule-slide-box{padding-left: 6px;}
    .main-schedule-wrap .schedule-slide-box::before{left: 0;}
    .main-schedule-wrap .schedule-slide-box h2{font-size: 14px; margin-top: 6px;}
}