@charset "utf-8";

/* Schedule */
.wrap-schedule {position: relative; background:url('../images/schd-bg.png') no-repeat center / cover; padding:80px 0 60px; overflow:hidden;}
.wrap-schedule .inner {display: flex; align-items: center;}
.wrap-schedule .section-title {display: flex; flex-direction: column;}
.wrap-schedule .section-title h1,
.wrap-schedule .section-title p {color:#fff;}
.wrap-schedule .section-title h1 span::after {background:#fff;}

.wrap-schedule .control {position: relative; display: flex; margin-top: 90px;}
.wrap-schedule .control .prevnext{position: relative; margin-right: 50px;}
.wrap-schedule .control .prevnext::before {content:''; width:5px; height: 5px; background:rgba(255,255,255,0.4); position: absolute; left:50%; margin-left:-2px; top:50%; margin-top:-2px; border-radius:50%;}
.wrap-schedule .control button {width:17px; height:24px; display: inline-block; text-indent: -9999px; opacity:0.4}
.wrap-schedule .control button:hover {opacity:1;}
.wrap-schedule .control .prev {background:url('../images/schd-prev.png') no-repeat center; margin-right: 24px;}
.wrap-schedule .control .next {background:url('../images/schd-next.png') no-repeat center; margin-left: 24px;}
.wrap-schedule .control .more {font-size: 16px; font-family: 'HG Regular'; color:#fff; position: relative; padding-right:29px;}
.wrap-schedule .control .more::after {content:''; width: 14px; height: 14px; background:url('../images/more.png') no-repeat center; position: absolute; top:50%; margin-top:-7px; right:0; transition: transform .35s;}
.wrap-schedule .control .more:hover::after {transform:rotate(180deg);}
.wrap-schedule .scheduleControl {display: none;}
.wrap-schedule .scheduleMain {width: calc(115% - 380px); color:#fff; position: relative;}
.wrap-schedule .list::before {content:''; width:100%; height: 1px; border-top:1px solid rgba(255,255,255,0.4); position: absolute; top:8px; left:6px;}
.wrap-schedule .list li {padding-top: 22px; padding-right:80px; position: relative;}
.wrap-schedule .list li::after {content:''; width:9px; height:16px; background:#fff; transform: skew(-30deg); position: absolute; top:0px; left:5px;}
.wrap-schedule .date {font-family: 'SUITE SemiBold'; font-size: 22px; margin-bottom: 7px;}
.wrap-schedule .date strong {font-family: 'SUITE ExtraBold'; font-size: 34px;}
.wrap-schedule .sj {font-family: 'SUITE SemiBold'; font-size: 20px; line-height: 30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.wrap-schedule .noData {font-family: 'HG Regular';}
@media screen and (max-width:1023px) {
    .wrap-schedule .section-title {width:360px;}
    .wrap-schedule .section-title p {margin:0;}
}
@media screen and (max-width:768px) {
    .wrap-schedule {padding:37px 0 40px}
    .wrap-schedule .inner {flex-wrap:wrap;}
    .wrap-schedule .section-title {width:auto; margin:0 20px; flex:1; margin-bottom: 30px;}
    .wrap-schedule .control {margin-top:0; position: absolute; right:0; top:5px;}
    .wrap-schedule .scheduleMain {width:100%; margin-left: 20px;}
    .wrap-schedule .list li {padding-top: 25px;}
    .wrap-schedule .date {font-size: 18px; margin-bottom: 0;}
    .wrap-schedule .date strong {font-size: 26px; line-height: 40px;}
    .wrap-schedule .sj {font-size: 16px;line-height: 26px;}
}