@charset "utf-8";

.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px; /* 간격을 15px로 줄여서 조정 */
    padding: 5px;
    max-width: 1100px; /* 최대 너비를 1300px로 설정 */
    margin: 0 auto;
}

.event-item {
    width: 290px; /* 이미지 너비를 300px로 조정 */
    height: 120px;
    margin-right: -15px;
}

.event-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 모바일 환경 (768px 이하) */
@media (max-width: 768px) {
    .image-container {
        flex-direction: column;
        align-items: center;
    }
    
    .event-item {
        max-width: 50%;
        margin-bottom: -15px;
        padding: 1px;
    }
}

@media (max-width: 430px) {
    .image-container {
        flex-direction: column;
        align-items: center;
    }
    
    .event-item {
        max-width: 50%;
        margin-bottom: -30px;
        padding: 1px;
    }
}

@media (max-width: 390px) {
    .image-container {
        flex-direction: column;
        align-items: center;
    }
    
    .event-item {
        max-width: 50%;
        margin-bottom: -40px;
        padding: 1px;
    }
}