@charset "utf-8";

.smart1 .smart-content-inner{background-image: url(../images/bg-smart1.jpg);}
.smart-title{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.smart-title h1{font-size: 2.8rem; line-height: 4rem; color: #ffffff; font-family: "sm";}
.smart-title a{font-size: 0; width: 1.2rem; height: 1.2rem; background: url(../images/ic-sch-more.png) no-repeat center center; transition: all .5s; transform: rotate(0deg);}
.smart-title a:hover{transform: rotate(180deg);}


.smart-schedule-box{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 4.8rem;}
.smart-schedule-box button{font-size: 0; width: 3rem; height: 4.7rem; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.smart-schedule-box .smart-schedule-prev{background-image: url(../images/ic-sch-prev.png)}
.smart-schedule-box .smart-schedule-next{background-image: url(../images/ic-sch-next.png)}
.smart-schedule-box .smart-schedule-list{width: calc(100% - 6rem);}
.smart-schedule-box .smart-schedule-list .swiper-slide{text-align: center;}
.smart-schedule-box .smart-schedule-list h1{font-size: 2.6rem; color: white; font-family: "sm";}
.smart-schedule-box .smart-schedule-list p{font-size: 2rem; color: white; font-family: "pm"; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}

.smart-schedule-box .no-data {width: 100%;text-align: center;transform: translateY(-.6rem);}

@media screen and (max-width: 1500px) {
    .smart-wrap .smart-title h1{font-size: 2.2rem; line-height: 3rem;}
    .smart-wrap .smart-title h1.smart-logo-title{background-size: 5rem; padding-left: 6.5rem;}
    .smart-wrap .smart-schedule-box .smart-schedule-list h1{font-size: 2.2rem;}
    .smart-wrap .smart-schedule-box .smart-schedule-list p{font-size: 1.6rem;}
    .smart-schedule-box .smart-schedule-list{top: -.3rem;}
    .smart-schedule-box .no-data {transform: translateY(0);}
}

@media screen and (max-width: 768px) {
    .smart-wrap .smart-title h1{font-size: 2.4rem; line-height: 3.2rem;}
    .smart-wrap .smart-schedule-box{margin-top: 3.8rem; margin-bottom: 4.3rem;}
    .smart-wrap .smart-schedule-box .smart-schedule-list h1{font-size: 2.4rem;}
}