@charset "utf-8";

/* Source: templates/gajobv2/gachanel.html */
.ga-partner-list {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 18px;
    }

    .ga-partner-card {
        display: flex;
        min-width: 0;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        color: var(--ink);
        text-align: center;
    }

    .ga-partner-logo {
        display: flex;
        width: 100%;
        aspect-ratio: 1 / 1;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
        transition: border-color .15s, box-shadow .15s, transform .15s;
    }

    .ga-partner-card:hover .ga-partner-logo {
        border-color: var(--g);
        box-shadow: 0 8px 22px rgba(18, 122, 108, .10);
        transform: translateY(-2px);
    }

    .ga-partner-logo img {
        width: 82%;
        height: 82%;
        object-fit: contain;
    }

    .ga-partner-card b {
        overflow: hidden;
        width: 100%;
        font-size: 14px;
        line-height: 1.45;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ga-partner-empty {
        grid-column: 1 / -1;
        padding: 72px 20px;
        border: 1px solid var(--line);
        border-radius: 8px;
        color: var(--sub);
        text-align: center;
    }

/* begin: media queries - Bootstrap breakpoint 기준
기본 CSS        → 모바일/공통 기본
max-width: 991.98px -> lg 미만 전체
max-width 575  → xs 전용
min 576~767.98 → sm 전용
min 768~991.98 → md 전용
min 992~1199.98 → lg 전용
min 1200~1399.98 → xl 전용
min 1400 → xxl 전용
*/
@media (max-width: 991.98px) {
.ga-partner-list {grid-template-columns: repeat(4, minmax(0, 1fr));}
}

@media (max-width: 575px) {
.ga-partner-list {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px 10px;
        }

        .ga-partner-card b {font-size: 13px;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
.ga-partner-list {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px 10px;
        }

        .ga-partner-card b {font-size: 13px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
}

@media (min-width: 1400px) {
}
/* end: media queries */