.divWrap {
    position: relative;
    max-width: 1430px;
    width: 100%;
    margin: 0 auto;
}

/* 버튼 네비게이션 */
.nav { width: 100%; position: absolute; top: 20px; z-index: 10; pointer-events: none; }
.nav button { 
    width: 28px; height: 28px; 
    background: url(/img/common/com_img.png); 
    border: 1px solid #ddd; border-radius: 50%; 
    cursor: pointer; pointer-events: auto;
    position: absolute;
}
.nav button.prev { background-position: -10px -231px; left: -40px; }
.nav button.next { background-position: -44px -231px; right: -40px; } /* left 대신 right 사용 권장 */

.nav button:hover { background-color: #f66d4b; border-color: #f66d4b; }
.nav button:hover.prev { background-position: -10px -259px; }
.nav button:hover.next { background-position: -44px -259px; }

/* 배너 컨테이너 */
.RollDiv { 
    width: 100%; max-width: 1400px; height: 72px; 
    overflow: hidden; margin: 0 auto; position: relative;
    opacity: 0; transition: opacity 0.3s; /* 초기 배치 전 숨김 */
}

/* 실제로 움직이는 기차 (JS의 id="rollTrack") */
#rollTrack { 
    display: flex !important; 
    flex-wrap: nowrap !important; 
    width: max-content !important; /* 고정너비 3014px 삭제 (핵심) */
    position: absolute; left: 0; top: 0; 
    margin: 0; padding: 0; gap: 30px; /* 마진 대신 gap 사용 */
}

#rollTrack a { 
    flex: 0 0 auto !important; 
    display: block; 
    border: 1px solid #ddd; border-radius: 20px; 
    background: #fff; overflow: hidden; 
    box-sizing: border-box;
}

#rollTrack a img { height: 68px; display: block; -webkit-user-drag: none; }

/* 테블릿/모바일 */
@media all and (max-width:1480px) {
    .nav button.prev { left: 10px; }
    .nav button.next { right: 10px; }
}
@media all and (max-width:980px) {	
    .nav { display: none; }
    .RollDiv { width: 96%; margin: 10px auto; }  
}