@media (max-width: 767px) {
  .smp-small .txtSize-small {
    font-size: 12px;
    line-height: 1.4;
  }
}

.fade-in {
    opacity: 0;
    margin-top: 100px;
}

.slick-dots > li.slick-active {
    background: #333;
}
.slick-dots > li {
    background: #d1d1d1;
}

.footerMain {
    max-width: 100%;
    padding: 20px 0 0;
}
.footerCarousel-wrapper {
    background: #ed5400;
}
.footerCarousel-wrapper .hero-section .cardBox .cardBox-ctr {
    border: 4px solid #fff;
}
.footerCarousel-wrapper .hero-section .slick-dots > li {
    width: 14px;
    height: 14px;
}
.footerCarousel-wrapper .hero-section .slick-dots > li + li {
    margin-left: 20px;
}
.footerCarousel-wrapper .hero-section .hero-switcher {
    display: none!important;
}

@media (max-width: 767px) {
    .lineup h1 {
        font-size: 20px;
    }
}

.card-fix .cardBox-cont {
    width: 100%;
}

.cardBox.cardBox-newsBox .cardBox-ctr a.cardBox-cont:hover [class*="link-"].ul-none, .cardBox .cardBox-ctr a.cardBox-cont:hover .cardBox-body .cardBox-bodyCont [class*="link-"].ul-none {
text-decoration: none;
color: #7777;
}
.cardBox .cardBox-ctr a.cardBox-cont:hover [class*="link-window"].ul-none::after, .cardBox .cardBox-ctr a.cardBox-cont:hover .cardBox-body .cardBox-bodyCont [class*="link-window"].ul-none::after {
background-position: -11.5px -100px;
}