/* collection-intro.css - 모금함 소개 페이지 스타일 */

.collection-intro-container {
    background: var(--lightgray2-color);
}

.collection-intro-content {
    padding: 0 20px;
}

.collection-intro-header {
    padding: 24px 0;
}

.collection-intro-subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 23.8px;
    letter-spacing: -0.4px;
    margin: 0;
}

.collection-intro-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.5px;
    margin: 0;
}

.collection-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    padding-bottom: 24px;
}

.collection-card {
    position: relative;
    height: 84px;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
}

.collection-card.middle img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.collection-card.active {
    background-color: #358AE3;
}

.collection-card.inactive {
    background-color: #fff;
}

.collection-card-title {
    position: absolute;
    left: 14px;
    top: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.5px;
}

.collection-card.active .collection-card-title {
    color: #FFF;
}

.collection-card.inactive .collection-card-title {
    color: #000;
}

.collection-card-icon {
    position: absolute;
    right: 10px;
}

.collection-card-icon.bottom-10 {
    bottom: 10px;
}

.collection-card-icon.bottom-0 {
    bottom: 0;
}

.collection-card-icon.dolgo {
    right: 16px;
    height: 52px;
    width: auto;
}