/* 메인 요약 데이터가 도착할 때까지 각 박스 안에서만 표시하는 작은 로더 */
.main-data-loading {
    display: flex;
    min-height: 400px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    font-size: 14px;
}

.main-data-loading__spinner {
    width: 28px;
    height: 28px;
    border: 3px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: main-data-loading-spin 0.8s linear infinite;
}

#gong .main-data-loading {
    min-height: 230px;
    color: #2656b6;
}

#gong .main-data-loading__spinner {
    border-color: rgba(38, 86, 182, 0.2);
    border-top-color: #2656b6;
}

.main-data-load-error {
    display: flex;
    min-height: 230px;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-size: 14px;
}

@keyframes main-data-loading-spin {
    to { transform: rotate(360deg); }
}

@media screen and (max-width: 480px) {
    .main-data-loading { min-height: 220px; }
    #gong .main-data-loading { min-height: 160px; }
}