/* Rolling Banner Footer Style - Final Button Fix */

.rolling-banner-footer {
    background-color: #ffffff;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.rolling-banner-wrap {
    position: relative;
    padding: 0 50px;
    height: 60px;
    overflow: hidden;
}

/*.swiper-container {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/* 💡 [핵심 수정] 고정 너비 삭제 */
.swiper-slide.banner-item {
    /* width: 160px; */ /* Swiper가 자동으로 계산하도록 삭제 */
    text-align: center;
}

.banner-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.banner-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: opacity 0.3s;
}

.banner-item a:hover img {
    opacity: 0.8;
}

.slider-controls .swiper-button-prev,
.slider-controls .swiper-button-next {
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}

.slider-controls .swiper-button-prev:after,
.slider-controls .swiper-button-next:after {
    font-size: 16px;
    font-weight: bold;
}

.slider-controls .swiper-button-prev {
    left: 0;
}

.slider-controls .swiper-button-next {
    right: 0;
}

.empty-banner {
    text-align: center;
    padding: 20px;
    color: #fff;
    line-height: 60px;
}


/* 💡 [수정] 제목 영역 스타일 (밑줄 강화 및 위치 수정) */
.rolling-banner-footer .bbs_main_wrap_tit {
    margin-bottom: 20px;
    border-bottom: 2px solid #333; /* 💡 밑줄 두께 2px, 색상 진하게(#333) */
    padding-bottom: 7px; /* 💡 [수정] 밑줄과 텍스트 사이 간격 줄임 (15px -> 7px) */
    overflow: hidden; /* 💡 float 해제 (높이 잡기) */
}

.rolling-banner-footer .bbs_main_wrap_tit_l {
    float: left;
}

.rolling-banner-footer .bbs_main_wrap_tit_r {
    float: right;
    padding-top: 5px; /* 버튼 위치 미세 조정 */
}

.rolling-banner-footer .cb {
    clear: both;
}