.swiper-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.swiper-wrapper {
    display: flex;
    align-items: center;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    /* height: 340px; */
}

.swiper-slide video {
    width: 100%;
    height: auto; /* 비디오와 이미지를 비율대로 맞추기 */
    object-fit: cover; /* 비디오가 부모 컨테이너를 가득 채우도록 */
    cursor: pointer; /* 클릭할 수 있음을 시각적으로 표현 */
}

.swiper-slide img {
	 width: 99%; 
    object-fit: cover; /* 이미지도 가득 채우기 */
}
span.swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(/images/icon/icon-arrow-left_2.png);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(/images/icon/icon-arrow-right_2.png);
}

.video-wrapper {
    position: relative;
    width: 100% !important;
    height: 100% !important; /* 슬라이드 높이에 맞춤 */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-wrapper video {
    width: 100%;
    height: 100%; /* 슬라이드 높이에 맞춤 */
    object-fit: cover; /* 비율 유지하며 슬라이드 채우기 */
    display: block;
}
/* 반응형 디자인을 위한 미디어 쿼리 */
@media (max-width: 768px) {
    .swiper-slide {
        /* max-height: 424px; */ /* 모바일에서 슬라이드 최대 높이 설정 */
    }
}

@media (max-width: 480px) {
    .swiper-slide {
        /* max-height: 220px; */ /* 더 작은 화면에서 슬라이드 최대 높이 설정 */
    }
}