@charset "utf-8";

/* 추천 서버와 서버 스케줄을 좌우 2열로 배치. */
.pnodex-top-grid {
    display: grid;
    grid-template-columns: 390px 1040px;
    gap: 20px;
    align-items: stretch;
    justify-content: space-between;
}

.pnodex-top-server,
.pnodex-top-schedule {
    min-width: 0;
}

.pnodex-top-server {
    display: flex;
    flex-direction: column;
}

.pnodex-top-server .pnodex-featured-heading,
.pnodex-top-server .pnodex-server-featured {
    width: 100%;
    box-sizing: border-box;
}

.pnodex-top-schedule,
.pnodex-top-schedule .pnodex-schedule-latest {
    width: 1040px;
    max-width: 1040px;
    box-sizing: border-box;
}

@media (max-width: 1498px) {
    .pnodex-top-grid {
        grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
        justify-content: stretch;
    }

    .pnodex-top-schedule,
    .pnodex-top-schedule .pnodex-schedule-latest {
        width: 100%;
        max-width: 1040px;
    }
}

@media (max-width: 720px) {
    .pnodex-top-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
}

/* 추천 서버 최신글 내부의 중복 3열 계산 해제. */
.pnodex-top-server > :not(.pnodex-section-heading),
.pnodex-top-server > :not(.pnodex-section-heading) > * {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.pnodex-top-server ul,
.pnodex-top-server ol,
.pnodex-top-server [class*="featured-list"],
.pnodex-top-server [class*="server-list"],
.pnodex-top-server [class*="latest-list"] {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: none;
}

.pnodex-top-server li,
.pnodex-top-server [class*="featured-item"],
.pnodex-top-server [class*="server-item"] {
    width: 100%;
    max-width: none;
    min-width: 0;
}