@charset "utf-8";
@import url("../../board/_mtc_board_common/common.css?v=20260527-layout-v3");

.mtc-sports-content {
    width: 100%;
    margin: 0;
    color: #d1dae3;
    font-family: var(--mtc-board-font, -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif);
}

.mtc-sports-board-output {
    display: block !important;
    padding: 12px;
}

.mtc-sports-frame {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: min(76svh, 760px);
    height: min(76dvh, 760px);
    min-height: 640px;
    background: #050a0f;
    border: 0;
    border-radius: 6px;
    overflow: hidden;
}

.mtc-sports-frame iframe {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #050a0f;
}

.mtc-sports-frame-loading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #050a0f;
    color: #d1dae3;
    font-size: 14px;
    text-align: center;
}

.mtc-sports-frame.is-loaded .mtc-sports-frame-loading {
    display: none;
}

@media (min-width: 1025px) {
    body.mtc-sports-content-page {
        --mtc-sports-pc-frame-height: 990px;
    }

    body.mtc-sports-content-page .mtc-shell.mtc-board-shell-main,
    body.mtc-sports-content-page .mtc-board-shell-main {
        width: min(1280px, calc(100% - 80px)) !important;
        max-width: 1280px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        box-sizing: border-box !important;
    }

    body.mtc-sports-content-page .mtc-board-shell-main > .mtc-layout {
        width: 100% !important;
        max-width: 1280px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        grid-template-columns: var(--mtc-desktop-sidebar-width) minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 16px !important;
        padding: 24px 24px 40px !important;
        box-sizing: border-box !important;
    }

    body.mtc-sports-content-page .mtc-board-content-area,
    body.mtc-sports-content-page #container,
    body.mtc-sports-content-page #ctt {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.mtc-sports-content-page .mtc-sidebar {
        width: var(--mtc-desktop-sidebar-width) !important;
        max-width: var(--mtc-desktop-sidebar-width) !important;
    }

    body.mtc-sports-shell-page .mtc-board-shell-main > .mtc-layout {
        align-items: start !important;
    }

    body.mtc-sports-shell-page .mtc-board-content-area {
        display: block !important;
        align-self: start !important;
        min-height: 0 !important;
    }

    body.mtc-sports-shell-page .mtc-sports-content {
        display: block !important;
        align-self: start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.mtc-sports-shell-page .mtc-sports-board-output {
        display: block !important;
        min-height: 0 !important;
    }

    body.mtc-sports-shell-page .mtc-sports-frame {
        height: var(--mtc-sports-pc-frame-height) !important;
        min-height: var(--mtc-sports-pc-frame-height) !important;
    }
}

@media (min-width: 1280px) and (max-width: 1365px) {
    body.mtc-sports-content-page {
        --mtc-sports-pc-frame-height: 1120px;
    }
}

@media (min-width: 1200px) and (max-width: 1279px) {
    body.mtc-sports-content-page {
        --mtc-sports-pc-frame-height: 1136px;
    }
}

@media (min-width: 1100px) and (max-width: 1199px) {
    body.mtc-sports-content-page {
        --mtc-sports-pc-frame-height: 1180px;
    }
}

@media (min-width: 1025px) and (max-width: 1099px) {
    body.mtc-sports-content-page {
        --mtc-sports-pc-frame-height: 1485px;
    }
}

.mtc-sports-body {
    margin-top: 14px;
    padding: 18px;
    background: #071018;
    border: 1px solid rgba(149, 163, 175, 0.22);
    border-radius: 10px;
    color: #d1dae3;
    line-height: 1.65;
}

@media (min-width: 1440px) {
    body.mtc-sports-content-page .mtc-shell.mtc-board-shell-main,
    body.mtc-sports-content-page .mtc-board-shell-main {
        width: 1280px !important;
        max-width: 1280px !important;
        margin-left: max(80px, calc((100% - 1280px) / 2)) !important;
        margin-right: max(80px, calc((100% - 1280px) / 2)) !important;
    }

    body.mtc-sports-content-page .mtc-board-shell-main > .mtc-layout {
        width: 1280px !important;
        max-width: 1280px !important;
    }
}

@media (max-width: 1024px) {
    body.mtc-sports-content-page {
        overflow-x: hidden;
    }

    body.mtc-sports-content-page #wrapper,
    body.mtc-sports-content-page #container_wr,
    body.mtc-sports-content-page #container {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    body.mtc-sports-content-page #container_wr {
        padding: 0 10px !important;
    }

    body.mtc-sports-content-page #container {
        padding: 0 !important;
    }

    body.mtc-sports-content-page #aside {
        display: none !important;
    }

    body.mtc-sports-content-page #container_title {
        margin: 0 0 12px !important;
    }

    .mtc-sports-frame {
        height: max(720px, calc(100svh - 132px));
        height: max(720px, calc(100dvh - 132px));
        min-height: 720px;
    }
}

@media (max-width: 480px) {
    .mtc-sports-board-output {
        padding: 8px;
    }

    .mtc-sports-frame {
        height: max(620px, calc(100svh - 128px));
        height: max(620px, calc(100dvh - 128px));
        min-height: 620px;
    }

}