/* Swiper 컨테이너 */
        .swiper-container {
            width: 100%;
            height: 100%;
        }

        /* Swiper 슬라이드 스타일 */
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            /* background-color: #fff; */
            /* 이미지 비율 유지를 위해 flex-direction: column 또는 text-align: center 사용 */
        }



        .swiper-slide img {
            object-fit: cover; /* 이미지 비율 유지하며 컨테이너에 맞춤 */
            display: block; /* 이미지 하단 공백 제거 */
           /* width: 99% !important; */
        }

        /* 커스텀 내비게이션 버튼 스타일 */
        .custom-swiper-button-prev,
        .custom-swiper-button-next {

        }

        .custom-swiper-button-prev {
            /* right: 70px;  */
            border-right: none; /* 이미지에 있는 것 처럼 두 버튼이 붙어있도록 */
        }

        .custom-swiper-button-next {
            right: 20px; /* 우측 끝에서 20px */
        }

        .custom-swiper-button-prev:hover,
        .custom-swiper-button-next:hover {
            background-color: #f0f0f0;
            border-color: #aaa;
        }

        /* 버튼 비활성화 시 스타일 (Swiper가 자동으로 추가하는 클래스) */
        .custom-swiper-button-prev.swiper-button-disabled,
        .custom-swiper-button-next.swiper-button-disabled {
            opacity: 0.5;
            cursor: not-allowed;
            background-color: #f9f9f9;
            border-color: #ddd;
        }  



@media all and (max-width:780px) {
        .swiper-slide img {
            object-fit: cover; /* 이미지 비율 유지하며 컨테이너에 맞춤 */
            display: block; /* 이미지 하단 공백 제거 */
			width:100% ;
          
        }
}