.swiper-container {
    width:100%;
    height:auto;
    position:relative;
 }
 .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     width:fit-content;
     border-radius:10px;
 }
 .swiper-slide img {
     max-height: 300px;
     width: auto;
     height: 100%; /* 이미지의 높이를 100%로 설정하여 비율 유지 */
 }
 .swiper-pagination-bullet-active {
     background-color:#ddd;
 }
 
 .lazy {
     opacity: 0;
     transition: opacity 0.3s ease-in;
 }
 .loaded {
     opacity: 1;
 }
 .placeholder {
     background-color: #f0f0f0;
     width: 100%;
     height: 200px;		
 }