@charset "utf-8";

/* 새글 스킨 (latest) */
.bannerList {height:185px; background:linear-gradient(90deg, #5390CD 17%, #62B852); border-radius: 200px; margin-top: 85px !important; overflow: hidden; padding-top: 30px !important; padding-bottom: 30px !important;}

/* 움직이는 레이어 */
.bannerList::before {
    content: '';
    position: absolute;
    inset: 0;

    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 30%,
        rgba(255,255,255,0.2) 45%,
        rgba(255,255,255,0) 60%
    );

    background-size: 200% 100%;
    animation: flowGradient 10s linear infinite;
}
@keyframes flowGradient {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.bannerList > ul {display: flex; justify-content: center; align-items: center; max-width: 1200px; height: 100%; margin: 0 auto; overflow: hidden;}
.bannerList > ul > li {display: flex; justify-content: center; align-items: center; height: 100%; margin:0 1.8vw;}
.bannerList > ul > li > img {max-width: 100%; max-height: 100%;}
.empty_li {font-size: 0;}

  @media screen and (max-width: 1200px) {
    .bannerList {width: 94% !important; height:148px; padding-top: 40px !important; padding-bottom: 40px !important;}
    .bannerList > ul > li {margin:0 1vw;}
  }

    @media screen and (max-width: 992px) {
     .bannerList {height:111px; margin-top: 68px !important; padding-top: 35px !important; padding-bottom: 35px !important;}
    }

    @media screen and (max-width: 576px) {
      .bannerList {margin-top: 51px !important;}
    }

    @media screen and (max-width: 375px) {
    }