
/* 썸네일 정사각형으로 만들기 */
.gallery-item-img {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1:1 비율 (정사각형) */
    overflow: hidden;
    border-radius: 10px;
}
.gallery-item-img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.gallery-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* 추가된 총점 표시 스타일 */
.total-score-display {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
}
.total-score-display .label {
    font-size: 11px;
    color: #666;
}
.total-score-display .score {
    font-size: 18px;
    color: #000;
}
.total-score-display .total {
    font-size: 12px;
    color: #999;
}


@media all and (max-width:1024px) { 
    .gallery-item-img {
        padding-bottom: 100%; /* 모바일에서도 정사각형 유지 */
    }
}