/* bnstyles.css */
.banners-container {
    display: flex;
    flex-wrap: wrap;
}

.banners-container > .b-width {
    flex: 1 0 25%;
    /* PC에서는 25% 너비로 4개씩 옆으로 */
    padding: 5px;
}

@media (max-width: 767px) {
    .banners-container > .b-width {
        flex: 1 0 100%;
        /* 모바일에서는 100% 너비로 1개씩 세로로 */
    }

    .banner-3,
    .banner-4,
    .banner-5,
    .banner-6,
    .banner-7,
    .banner-8 {
        display: none;
    }
}

@keyframes scroll {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}


@media (max-width: 767px) {

    /* 화면 너비가 767px 이하인 경우에 적용 */
    div.video-container {
        display: none;
    }
}