.support-grid {grid-template-columns:repeat(3,1fr); }
.support-card {padding:0;}
.card-title {padding:0.5rem 1.5rem;}
.card-info-box:nth-of-type(3) {display:none;}
.card-info {padding:1rem 1.5rem;}
.card-info-title {
    min-width: 40px;
    text-align: center;
}

.card-image {
    position: relative;
    margin-bottom: 1rem;
    width:100%;
    height:180px;
    overflow:hidden;
}
.card-image img {
    position:absolute;
    min-width:100%;
    width:auto;
    height:100%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    object-fit: cover;
    border-radius: 0;
}
.card-dday {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--orange-color);
    color: white;
    padding: 5px 10px;
    border-radius: 55px;
    font-size: 1rem;
    font-weight: 600;
}

/* 마감된 카드 스타일 */
.support-card.ended {
    filter: grayscale(100%);
    opacity: 0.5;
}

.support-card.ended .card-dday {
    background: #666 !important;
}

/* 이미지 없을 때 대체 표시 */
.card-image .no-image {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 0.9rem;
    border-radius: 8px;
}

/* 이미지 로딩 중 표시 */
.card-image .loading {
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    font-size: 0.8rem;
    border-radius: 8px;
}

@media (max-width:1199px) {
	.support-grid {grid-template-columns:1fr;}
	.card-image {height:initial; padding-top:60%;}
}