@charset "utf-8";

.wrap-sch {padding: 94px 0 78px 0; background: url('../images/bg-sch.jpg') no-repeat center top; background-size: cover; color: #fff;}
.wrap-sch .container {position: relative;}
.wrap-sch .title {margin: 0 0 72px 0;}
.wrap-sch .title p {font-family: 'Mont Medium'; font-size: 20px;}
.wrap-sch .title strong {font-family: 'Noto Bold'; font-size: 60px;}
.wrap-sch .control {position: absolute; right: 0; top: 40px;}
.wrap-sch .control strong {display: inline-block; padding: 0 40px; font-family: 'Mont Bold'; font-size: 50px; vertical-align: middle;}
.wrap-sch .control button {display: inline-block; width: 22px; height: 41px; text-indent: -99999px; vertical-align: middle;}
.wrap-sch .control button.prev {background: url('../images/btn-sch-prev.png') no-repeat left center;}
.wrap-sch .control button.prev:hover {background-position: right center !important; transition: .5s;}
.wrap-sch .control button.next {background: url('../images/btn-sch-next.png') no-repeat right center;}
.wrap-sch .control button.next:hover {background-position: left center !important; transition: .5s;}
.wrap-sch .list li.noData {width: 100%; padding: 29px 0; text-align: center;}
.wrap-sch .list .date {display: block; font-family:'Mont ExtraLight'; font-size: 30px; line-height: 1.2;}
.wrap-sch .list .subject {overflow: hidden; display: block; width: 100%; padding: 0 0 10px 0; font-family: 'Noto Regular'; font-size: 30px; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis;}
.wrap-sch .list .subject span {position: relative;}
.wrap-sch .list .subject span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: rgba(255,255,255,.5);}
.wrap-sch .list .subject:hover span::after {width: 100%; transition: .4s;}
.wrap-sch .more {margin: 70px 0 0 0; text-align: center;}
.wrap-sch .more a {display: inline-block; padding: 17px 95px 17px 35px; background: url('../images/btn-sch-more.png') no-repeat 85% center; border: 1px solid rgba(255,255,255,.6); border-radius: 100px; font-family: 'Noto Regular'; font-size: 16px; letter-spacing: -1px; color: #fff;}
.wrap-sch .more a:hover {background: #fff url('../images/btn-sch-more-on.png') no-repeat 85% center; color: #091655; transition: .4s;}

@media all and (max-width: 1620px) {
    .wrap-sch .title strong {font-size: 45px;}
    .wrap-sch .list .date {font-size: 25px;}
    .wrap-sch .list .subject {width: 80%; font-size: 25px;}
    .wrap-sch .list li.noData {padding: 23px 0;}
    .wrap-sch .control {right: 20px;}
    .wrap-sch .control strong {font-size: 35px;}
}

@media all and (max-width: 1200px) {
    .wrap-sch .container {padding: 0 50px;}
    .wrap-sch {padding: 46px 0 50px 0;}
    .wrap-sch .title {margin: 0 0 50px 0;}
    .wrap-sch .title p {font-size: 14px;}
    .wrap-sch .title strong {font-size: 30px;}
    .wrap-sch .list .date {font-size: 20px;}
    .wrap-sch .list .subject {margin: 10px 0 0 0; font-size: 20px;}
    .wrap-sch .list li.noData {padding: 22px 0;}
    .wrap-sch .control {right: 50px; top: 15px;}
    .wrap-sch .control strong {font-size: 30px;}
    .wrap-sch .more {margin: 60px 0 0 0;}
    .wrap-sch .more a {padding: 7px 60px 7px 20px; font-size: 14px;}
}

@media all and (max-width: 800px) {
    .wrap-sch .container {padding: 0 20px;}
    .wrap-sch .title p {font-size: 12px;}
    .wrap-sch .control {right: 20px;}
    .wrap-sch .control strong {padding: 0 20px; font-size: 20px;}
}

@media all and (max-width: 570px) {
    .wrap-sch .list .date {font-size: 16px;}
    .wrap-sch .list .subject {font-size: 16px;}
    .wrap-sch .list li.noData {padding: 17px 0;}
    .wrap-sch .control {top: 26px;}
    .wrap-sch .control button {height: 22px;}
    .wrap-sch .more {margin: 30px 0 0 0;}
}