@charset "utf-8";

.wrap-schedule {position: relative;padding: 60px 60px 50px;background: url('../images/sch-bg.png') no-repeat left top / cover;min-height: 440px;border-radius: 20px;overflow: hidden;}
.wrap-schedule:after{content:'';width:100%;height: 120px;position:absolute;bottom:0;left:0;background-image:linear-gradient(to top, rgba(25, 128, 224, 1) 40%, rgba(255, 255, 255, 0) 100% );}
.wrap-schedule .title {display: block;padding: 0 0 35px 0;font-family: 'Pretendard Bold';font-size: 36px;line-height: 1;color: #fff;}
.wrap-schedule .listWrap{display:flex;}
.wrap-schedule .left-date{width:100px;height:100px;background: #266497;display: flex;justify-content: center;align-items: center;flex-direction: column;border-radius:10px;}
.wrap-schedule .left-date span{font-size:20px;font-family:'Pretendard Medium';color:rgba(255,255,255,0.7);display:block;}
.wrap-schedule .left-date strong{color:#fff;font-family:'Pretendard Bold';color:#fff;font-size:48px;line-height:1;}

.wrap-schedule .list {overflow: hidden;width:calc(100% - 100px);padding-left:30px;position:relative;}
.wrap-schedule .list:after{}
.wrap-schedule .list dl {display: flex;width: 100%;padding: 0 0 9px 0;align-items: center;position:relative;}
.wrap-schedule .list dt {position: relative;font-family:'Pretendard Light';font-size: 24px;color: #fff;vertical-align: middle;width: 190px;letter-spacing:-0.025em;}
.wrap-schedule .list dd {overflow: hidden;font-size: 28px;color: #fff;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;max-width: calc(100% - 190px);font-family: 'Pretendard Semibold';letter-spacing:-0.025em;}
.wrap-schedule .sch-arrows{position:absolute;right:100px;top: 67.5px;display: flex;align-items: center;}
.wrap-schedule .sch-arrows button{width:21px;height:12px;text-indent:-9999px;display:block;margin:0 5px;}
.wrap-schedule .sch-arrows .sch-prev{background:url('../images/sch-arr.png') no-repeat;}
.wrap-schedule .sch-arrows .sch-next{background:url('../images/sch-arr.png') no-repeat;transform:rotate(180deg);}
.wrap-schedule .more {position: absolute; right: 60px; top: 62.5px; width: 22px; height: 22px; background: url('../images/sch-more.png') no-repeat center center; text-indent: -9999px;}


@media (max-width: 1680px) {
    .wrap-schedule {min-height: 340px;padding: 50px 40px 50px 40px;}
    .wrap-schedule .title {font-size: 30px;}
    .wrap-schedule .list dt {width: 150px;font-size: 23px;}
    .wrap-schedule .list dd {font-size: 25px;}
    .wrap-schedule .sch-arrows {right: 50px;}
    .wrap-schedule .sch-arrows {right: 80px;}
}

@media (max-width: 1100px) {
    .wrap-schedule {min-height: 340px;padding: 50px 20px 50px 30px;margin: 0 0 30px}
    .wrap-schedule .list {padding-left: 20px;}
    .wrap-schedule .list dd {width: calc(100% - 150px);}
    .wrap-schedule .list dt {width: 135px;}
}

@media (max-width: 1024px) {
    .wrap-schedule {padding: 40px 20px 50px 30px;}
    .wrap-schedule .sch-arrows {right: 62px;top: 48.5px;}
    .wrap-schedule .title {font-size: 26px;}
    .wrap-schedule .more {right: 30px; top: 42px;}
    .wrap-schedule .list {padding-left: 25px;}
    .wrap-schedule .list dt {width: 155px;}
    
}

@media all and (max-width: 768px) {
    .wrap-schedule {padding: 35px 20px 10px 30px;min-height: auto;}
    .wrap-schedule:after {height: 50px;}
    .wrap-schedule .left-date {width: 90px;height: 90px;}
    .wrap-schedule .left-date span {font-size: 21px;}
    .wrap-schedule .left-date strong {font-size: 31px;}
    .wrap-schedule .list dt {width: 130px;font-size: 20px;}
    .wrap-schedule .list dd {width: calc(100% - 160px);font-size: 20px;}
    .wrap-schedule .title {padding: 0 0 20px;}
    .wrap-schedule .sch-arrows {top: 41.5px;}
    .wrap-schedule .more {top: 34px;}
}

@media (max-width: 499px) {
    .wrap-schedule {padding: 35px 5px 10px 20px;}
    .wrap-schedule .list {width: 100% !important;padding-left: 10px;}
    .wrap-schedule .title {font-size: 22px;}
    .wrap-schedule .left-date {flex-shrink: 0;width: 65px;height: 65px;}
    .wrap-schedule .left-date span {font-size: 18px;}
    .wrap-schedule .left-date strong {font-size: 25px;}
    .wrap-schedule .list dl {width: 100%;font-size: 18px;}
    .wrap-schedule .list dt {width: 95px;font-size: 17px;flex-shrink: 0;}
    .wrap-schedule .list dd {width: 100%;font-size: 18px;transform: translateY(-1px);}
}