.banner-container {
            max-width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            width: 100%;
            background: #000;
            cursor: grab;
        }

        .banner-container:active {
            cursor: grabbing;
        }

        .banner-wrapper {
            display: flex;
            transition: transform 0.5s ease-in-out;
            width: 100%;
        }

        .banner-slide {
            min-width: 100%;
            position: relative;
        }

        .banner-slide img {
            width: 100%;
            height: auto;
            pointer-events: none;
            user-select: none;
        }

        /* 기본: PC 이미지만 표시 */
        .pc-image {
            display: block;
        }

        .mobile-image {
            display: none;
        }

        /* 860px 이하: 모바일 이미지만 표시 */
        @media (max-width: 860px) {
            .pc-image {
                display: none;
            }
            
            .mobile-image {
                display: block;
            }
        }