.carousel {
    padding: 10px 0;
}

.carousel-cell {
    width: 240px;
    /* 또는 420px */
    height: 620px;
    /* ✅ 고정 높이 */
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-right: 12px;
    overflow: hidden;
    border-radius: 8px;
}

/* 이미지는 비율 기반 height + 넓이 100% */
.carousel-cell img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
    /* 또는 contain */
    display: block;
}

/* ✅ 높이 비율 클래스 (슬라이드 높이 400 기준) */
.h30 {
    height: 30%;
}

/* 120px */
.h40 {
    height: 40%;
}

/* 160px */
.h45 {
    height: 45%;
}

/* 180px */
.h50 {
    height: 50%;
}

/* 200px */
.h55 {
    height: 55%;
}

/* 220px */
.h60 {
    height: 60%;
}

/* 240px */
.h70 {
    height: 70%;
}

/* 280px */
.h100 {
    height: 100%;
}

/* 400px */

/* 넓이에 따라 구분 */
.column-slide {
    width: 240px;
}

.single-slide {
    width: 420px;
}

.wide-slide {
    width: 330px;
}