/* mtc-bundle 767bc321ec74 combine of css/mtc-home.css, css/mtc-partner-status.css, css/mtc-story-promo-banner.css (include/mtc_assets.inc.php mtc_css_combine). Edit the sources, not this file. */
/* ---- css/mtc-home.css ---- */


/*
 * 메인 본문 전용 (include/mtc_home.inc.php). 2026-10-04.
 * 메인 본문 칸의 모양은 이 파일 하나가 정한다. 안내문 3개(이용 가이드·운영 원칙·선택 기준)는 게시판 하단과 같은
 * mtc_hub_guide_render() 마크업을 쓰지만, 메인에서는 guide.css 를 불러오지 않고 여기서 그린다(게시판 화면은 그대로).
 *
 * 기준
 * - 상자: 테두리는 바깥 패널 한 겹만. 패널 안의 카드·질문은 바탕색 차이와 아주 옅은 안쪽 윤곽(그림자)으로만 나눈다.
 * - 강조선: 머리(H1) 패널 왼쪽 한 곳만. 청록은 링크·번호·숫자, 금색은 보증금과 주의 상자에만 쓴다.
 * - 글자: 크기는 css/mtc-typography.css 변수(제목 22/18/16, 본문 15, 작은 글자 13) + 머리말 12px.
 *   굵기는 본문 500, 제목·숫자 700. 색은 제목·본문·보조·흐림 네 단계.
 * - 여백: 8px 단위. 패널 안쪽 28px(좁은 화면 16px), 블록 사이 20px(좁은 화면 12px).
 * - 칸 수는 본문 칸의 실제 폭(@container)으로 정한다. PC에서는 사이드바 때문에 화면 폭이 같아도 본문 칸이 521~856px로
 *   달라진다. @container 를 모르는 브라우저는 한 줄 배치(기본값)로 보인다.
 * - 누르는 곳은 높이 44px 이상.
 */

.mtc-home {
    container: mtc-home / inline-size;
    --mtc-home-pad: 28px;
    color: var(--mtc-home-text);
    font-family: var(--mtc-font);
    font-size: var(--mtc-type-body-size);
    font-weight: 500;
    line-height: var(--mtc-type-body-line);
    letter-spacing: 0;
}

/* 제목: default.css 의 h1~h3 크기보다 무거워야 해서 클래스 무게로 둔다(제목 크기를 바꾸는 블록 규칙은 없다) */
.mtc-home h1,
.mtc-home h2,
.mtc-home h3 {
    margin: 0;
    color: var(--mtc-home-ink);
    font-family: var(--mtc-font);
    font-weight: 700;
    letter-spacing: 0;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.mtc-home h1 {
    text-wrap: balance;
}

.mtc-home h3 {
    font-size: var(--mtc-type-subsection-title-size);
    line-height: var(--mtc-type-subsection-title-line);
}

/* 여백 기본값은 :where() 로 무게를 0으로 둔다. 아래 블록 규칙(클래스 하나)이 항상 이긴다. */
:where(.mtc-home) p,
:where(.mtc-home) li,
:where(.mtc-home) dt,
:where(.mtc-home) dd {
    margin: 0;
}

/* 낱말 단위 줄바꿈. default.css 의 p { word-break: break-all } 보다 무거워야 해서 클래스 무게로 둔다 */
.mtc-home p,
.mtc-home li,
.mtc-home dt,
.mtc-home dd {
    word-break: keep-all;
    overflow-wrap: anywhere;
}

:where(.mtc-home) ul,
:where(.mtc-home) ol,
:where(.mtc-home) dl {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mtc-home a:focus-visible {
    outline: 2px solid var(--mtc-home-accent);
    outline-offset: 2px;
}

/* ---- 패널: 바깥 틀 (테두리는 여기 한 겹) ---- */
.mtc-home-panel,
.mtc-home .mtc-board-guide--hub {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 1px solid var(--mtc-home-border);
    border-radius: 14px;
    background: var(--mtc-home-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 20px 40px -28px rgba(0, 0, 0, 0.8);
    overflow: hidden;
}

/* 구역 머리: 머리말 · 제목 · 설명 */
.mtc-home-head,
.mtc-home .mtc-hub-head {
    position: relative;
    padding: 12px var(--mtc-home-pad);
    border-bottom: 1px solid var(--mtc-home-divider);
}

.mtc-home .mtc-hub-eyebrow {
    margin: 0 0 6px;
    color: var(--mtc-home-accent);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.08em;
}

.mtc-home-lead,
.mtc-home .mtc-hub-lead {
    max-width: 46em;
    margin-top: 8px;
    color: var(--mtc-home-sub);
}

/* 제목 링크. 위아래 여백으로 누르는 높이를 44px 이상으로 만든다(겉모양은 그대로) */
.mtc-home-head h2 a,
.mtc-home-feed__head h2 a {
    display: block;
    flex:1;
    min-width:0;
    white-space:normal;
    margin: -10px 0;
    padding: 10px 0;
    color: inherit;
    text-decoration: none;
}

.mtc-home-head h2 a:hover,
.mtc-home-feed__head h2 a:hover {
    color: #ffffff;
}

.mtc-home-more {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    color: var(--mtc-home-link);
    font-size: var(--mtc-type-meta-size);
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
}

/* 누르는 범위를 높이 44px 로 넓힌다 */
.mtc-home-more::before {
    content: "";
    position: absolute;
    inset: -12px -8px;
}

.mtc-home-more::after {
    content: "";
    width: 6px;
    height: 6px;
    margin-left: 1px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.15s;
}

.mtc-home-more:hover {
    color: #ffffff;
}

.mtc-home-more:hover::after {
    transform: translateX(2px) rotate(45deg);
}

.mtc-home-hero .mtc-home-head {
    display: grid;
    gap: 4px;
    padding: 14px var(--mtc-home-pad);
    border-bottom: 0;
}

/* 설명은 줄 길이가 비슷하게 나뉜다(넓은 화면에서 두 줄) */
.mtc-home-hero .mtc-home-lead {
    max-width: none;
    margin-top: 0;
    text-wrap: balance;
}

/* ---- 공식보증업체 ---- */
.mtc-home-head--more {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "title more" "lead lead";
    align-items: center;
    column-gap: 16px;
    row-gap: 2px;
}

.mtc-home-head--more h2 {
    grid-area: title;
}

.mtc-home-head--more .mtc-home-lead {
    grid-area: lead;
}

.mtc-home-head--more .mtc-home-more {
    grid-area: more;
}

/* 줄마다 칸 수를 채우고, 남는 마지막 줄은 왼쪽부터 놓는다 */
.mtc-home-partner-list {
    --mtc-home-partner-cols: 1;
    --mtc-home-partner-gap: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--mtc-home-partner-gap);
    padding: 16px var(--mtc-home-pad) var(--mtc-home-pad);
}

.mtc-home-partner {
    flex: 0 0 calc((100% - (var(--mtc-home-partner-cols) - 1) * var(--mtc-home-partner-gap)) / var(--mtc-home-partner-cols));
    min-width: 0;
}

.mtc-home-partner a {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    height: 100%;
    padding: 10px;
    border-radius: 12px;
    background: var(--ds-field);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.15s, transform 0.15s;
    border: 1px solid var(--ds-border);
}

.mtc-home-partner a:hover {
    transform: translateY(-2px);
    border-color: var(--ds-gold-ring);
}

.mtc-home-partner__thumb {
    display: block;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    background: var(--ds-page);
    overflow: hidden;
}

.mtc-home-partner__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mtc-home-partner__noimage {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 8px;
    color: var(--mtc-home-sub);
    font-size: var(--mtc-type-meta-size);
    font-weight: 700;
    text-align: center;
}

.mtc-home-partner__info {
    display: grid;
    gap: 2px;
    min-width: 0;
    line-height: 1.5;
}

.mtc-home-partner__name {
    margin-bottom: 4px;
    color: var(--mtc-home-ink);
    font-size: var(--mtc-type-subsection-title-size);
    font-weight: 700;
    line-height: 1.4;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.mtc-home-partner__fact {
    color: var(--mtc-home-mute);
    font-size: var(--mtc-type-meta-size);
}

.mtc-home-partner__fact b {
    margin-left: 4px;
    color: var(--mtc-home-text);
    font-weight: 700;
}

.mtc-home-partner__fact--deposit b {
    color: var(--mtc-home-gold);
}

/* ---- 상황별 바로가기: 패널과 같은 한 겹 ---- */
.mtc-home-paths {
    display: grid;
    gap: 12px;
}

.mtc-home-path {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "when" "title" "text";
    align-content: start;
    min-width: 0;
    border: 1px solid var(--mtc-home-border);
    border-radius: 14px;
    background: var(--mtc-home-surface);
}

.mtc-home-path__when {
    grid-area: when;
    font-weight: 700;
    line-height: 1.5;
}

.mtc-home-path__title {
    display: flex;
    grid-area: title;
    align-items: center;
    gap: 8px;
    color: var(--mtc-home-accent);
    font-weight: 700;
    line-height: 1.4;
}

/* 링크는 이름과 화살표. 위아래 여백으로 누르는 높이를 44px 이상으로 만든다 */
.mtc-home-path__title a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: -9px 0;
    padding: 9px 0;
    color: var(--mtc-home-ink);
    text-decoration: none;
}

.mtc-home-path__text {
    grid-area: text;
}

/* ---- 게시판 새 글 ---- */
.mtc-home-feeds {
    display: grid;
    gap: inherit; /* .mtc-main 의 블록 간격과 같게 */
    min-width: 0;
}

.mtc-home-feed__head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 22px 14px;
    border-bottom: 1px solid var(--mtc-home-divider);
}

.mtc-home-feed__list {
    padding: 6px 22px 10px;
}

.mtc-home-feed__list li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
    border-bottom: 1px solid var(--mtc-home-divider);
}

.mtc-home-feed__list li:last-child {
    border-bottom: 0;
}

/* 줄 위아래 여백을 링크가 가져 누르는 높이 44px 이상 */
.mtc-home-feed__list a {
    display: -webkit-box;
    box-sizing: border-box;
    min-height: 44px;
    padding: 11px 0;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: color 0.15s;
}

.mtc-home-feed__list a:hover {
    color: #ffffff;
}

.mtc-home-feed__list time {
    padding-top: 13px;
    font-variant-numeric: tabular-nums;
    line-height: 1.5;
    white-space: nowrap;
}

/* 오늘 올라온 글의 날짜 */
.mtc-home-feed__list time.is-today {
    font-weight: 700;
}

.mtc-home-feed__empty {
    padding: 24px 22px;
    color: var(--mtc-home-mute);
}

/* ---- 안내문 3개 (이용 가이드·운영 원칙·선택 기준) ---- */
.mtc-home .mtc-hub-body {
    display: block;
    padding: 20px var(--mtc-home-pad) var(--mtc-home-pad);
}

/* 카드: 패널보다 어두운 상자 + 머리 띠(번호·소제목). 긴 글을 항목 단위로 끊어 보이게 한다 */
.mtc-home .mtc-hub-cards {
    display: grid;
    gap: 14px;
}

.mtc-home .mtc-hub-card {
    min-width: 0;
    padding: 0 0 18px;
    border: 1px solid var(--ds-border);
    border-radius: 12px;
    background: var(--ds-field);
    overflow: hidden;
}

.mtc-home .mtc-hub-card__top {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 16px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--ds-border);
    background: var(--ds-band);
}

.mtc-home .mtc-hub-card__num {
    flex: 0 0 auto;
    color: var(--ds-gold);
    font-size: var(--mtc-type-subsection-title-size);
    font-weight: 700;
    line-height: var(--mtc-type-subsection-title-line);
    font-variant-numeric: tabular-nums;
}

.mtc-home .mtc-hub-card__top h3 {
    min-width: 0;
}

.mtc-home .mtc-hub-card p + p {
    margin-top: 12px;
}

/* 자주 묻는 질문 */
.mtc-home .mtc-hub-faq {
    padding: 0 0 18px;
    margin-top: 14px;
    border: 1px solid var(--ds-border);
    border-radius: 12px;
    background: var(--ds-field);
    overflow: hidden;
}

.mtc-home .mtc-hub-faq h3 {
    margin: 0 0 16px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--ds-border);
    background: var(--ds-band);
}

/* 자주 묻는 질문: 질문마다 한 줄씩, 사이는 가는 선 */
.mtc-home .mtc-hub-faq__item {
    padding: 14px 0;
    border-top: 1px solid var(--mtc-home-divider);
}

.mtc-home .mtc-hub-faq__item:first-child {
    padding-top: 0;
    border-top: 0;
}

.mtc-home .mtc-hub-faq__item:last-child {
    padding-bottom: 0;
}

.mtc-home .mtc-hub-faq dt {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--mtc-home-ink);
    font-weight: 700;
    line-height: 1.55;
}

.mtc-home .mtc-hub-faq dt::before {
    content: "Q";
    flex: 0 0 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 6px;
    background: var(--ds-ok-tint);
    color: var(--ds-ok);
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}

.mtc-home .mtc-hub-faq dd {
    margin: 6px 0 0 32px;
    line-height: 1.7;
}

/* 알림 문장 */
.mtc-home .mtc-hub-note {
    padding: 0;
    color: var(--mtc-home-mute);
    font-size: var(--mtc-type-meta-size);
    line-height: 1.7;
    margin-top: 14px;
}

/* ---- 본문 칸 폭에 따른 칸 수 ---- */
@container mtc-home (min-width: 560px) {
    .mtc-home-partner-list {
        --mtc-home-partner-cols: 2;
    }
}

@container mtc-home (min-width: 600px) {
    .mtc-home-feeds,
    .mtc-home .mtc-hub-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mtc-home-feed__list a {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@container mtc-home (min-width: 640px) {
    /* 공식보증업체: 한 줄에 4개. 배너 그림을 카드 폭에 꽉 채워 보여 준다 */
    .mtc-home-partner-list {
        --mtc-home-partner-cols: 4;
        --mtc-home-partner-gap: 14px;
    }

    .mtc-home-partner a {
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        gap: 0;
        padding: 0;
        overflow: hidden;
        text-align: center;
    }

    .mtc-home-partner__thumb {
        border-radius: 0;
    }

    .mtc-home-partner__info {
        padding: 14px 10px 16px;
    }

    .mtc-home-paths {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* ---- 좁은 화면 ---- */
@media (max-width: 767px) {
    .mtc-home {
        --mtc-home-pad: 16px;
    }

    .mtc-home-hero .mtc-home-head {
        padding: 12px var(--mtc-home-pad);
    }

    .mtc-home-partner-list {
        padding-top: 16px;
    }

    .mtc-home-path {
        padding: 16px;
    }

    .mtc-home-feed__head {
        padding: 16px 16px 14px;
    }

    .mtc-home-feed__list {
        padding: 4px 16px 8px;
    }

    .mtc-home-feed__empty {
        padding: 20px 16px;
    }

    .mtc-home .mtc-hub-faq dd {
        margin-left: 0;
    }
}

/* ---- 사이트 공통 기준(css/mtc-shell.css 의 --ds-*)에 맞춘 값 ---- */
/* ================= 메인 본문: 기준 연결(색·면·글자 크기) ================= */
.mtc-home {
    --mtc-home-surface: var(--ds-surface);
    --mtc-home-border: var(--ds-border);
    --mtc-home-divider: var(--ds-divider);
    --mtc-home-ink: var(--ds-ink);
    --mtc-home-text: var(--ds-text);
    --mtc-home-sub: var(--ds-sub);
    --mtc-home-mute: var(--ds-mute);
    --mtc-home-accent: var(--ds-accent);
    --mtc-home-link: var(--ds-accent-soft);
    --mtc-home-gold: var(--ds-gold);
    --mtc-type-body-size: 16px;
    --mtc-type-meta-size: 14px;
    --mtc-type-subsection-title-size: 17px;
}

.mtc-main.mtc-home {
    gap: 12px;
}

.mtc-home .mtc-hub-eyebrow {
    font-size: 13px;
}

.mtc-home .mtc-hub-faq dt::before {
    font-size: 13px;
}

/* --- 상황별 바로가기 카드: 표시(언제) → 제목 → 설명, 오른쪽 위에 화살표 --- */
.mtc-home-path {
    padding: 22px 24px 24px;
    box-shadow: var(--ds-panel-shadow);
}

.mtc-home-path__when {
    justify-self: start;
    padding: 3px 10px;
    border-radius: 6px;
    background: var(--ds-accent-tint);
    color: var(--ds-accent-soft);
    font-size: 13px;
    letter-spacing: 0;
}

.mtc-home-path__title {
    margin-top: 14px;
    padding-right: 44px;
    font-size: 19px;
}

.mtc-home-path__title span {
    position: absolute;
    top: 18px;
    right: 20px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--ds-accent-tint);
    color: var(--ds-accent);
    font-size: 16px;
    line-height: 1;
    transition: background-color 0.15s, color 0.15s, transform 0.15s;
}

.mtc-home-path__title a:hover span,
.mtc-home-path__title a:focus-visible span {
    transform: none;
    box-shadow: 0 0 0 1px currentColor;
}

.mtc-home-path__text {
    margin-top: 8px;
}

.mtc-home h1 {
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: -0.01em;
}

.mtc-home h2 {
    font-size: 20px;
    line-height: 1.4;
}

.mtc-home-hero .mtc-home-lead {
    color: var(--ds-sub);
    font-size: 15px;
    line-height: 1.65;
}

.mtc-home-feed__head h2 {
    font-size: 18px;
}

/* 새 글 목록: 제목은 가장 밝게, 날짜는 한참 어둡고 작게. 오늘 글의 날짜만 주황 */
.mtc-home-feed__list a {
    color: var(--ds-ink);
}

.mtc-home-feed__list time {
    color: var(--ds-mute);
    font-size: 13px;
}

.mtc-home-feed__list time.is-today {
    color: var(--ds-today);
}

@container mtc-home (min-width: 600px) {
    /* 두 칸으로 놓이는 폭에서는 새 글 제목이 한 줄(말줄임)이라 한 단계 작게 써서 더 많이 보이게 한다 */
    .mtc-home-feed__list a {
        font-size: 15px;
    }

}

@media (max-width: 767px) {
    .mtc-main.mtc-home {
        gap: 12px;
    }

    .mtc-home h1 {
        font-size: 20px;
        line-height: 1.45;
    }

    .mtc-home h2,
    .mtc-home-feed__head h2 {
        font-size: 18px;
    }

}

/* ---- 안내문 상자 안의 글: 양옆 여백, 첫 문단은 본문색·이어지는 보강 문단과 답은 한 단계 낮게 ---- */
.mtc-home .mtc-hub-card > p,
.mtc-home .mtc-hub-card > ul,
.mtc-home .mtc-hub-faq > dl {
    margin-right: 18px;
    margin-left: 18px;
}

.mtc-home .mtc-hub-card p,
.mtc-home-path__text {
    color: var(--ds-text);
}

.mtc-home .mtc-hub-card p + p,
.mtc-home .mtc-hub-card ul + p,
.mtc-home .mtc-hub-faq dd {
    color: var(--ds-sub);
}

/* ---- 게시판 색 약속: 공식보증업체 금색 · 먹튀사이트 주홍 · 먹튀검증 초록 · 먹튀신고 주황 · 토토정보 청회색 ---- */
/* 구역 제목 앞 색 표시 */
.mtc-home-partners .mtc-home-head h2::before,
.mtc-home-feed__head h2::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    margin-right: 10px;
    border-radius: 2px;
    background: var(--ds-accent);
    vertical-align: -2px;
}

.mtc-home-partners .mtc-home-head h2::before {
    background: var(--ds-gold);
}

.mtc-home-feed[aria-labelledby="mtc-home-feed-title-11"] h2::before {
    background: var(--ds-warn);
}

.mtc-home-feed[aria-labelledby="mtc-home-feed-title-12"] h2::before {
    background: var(--ds-ok);
}

.mtc-home-feed[aria-labelledby="mtc-home-feed-title-25"] h2::before {
    background: var(--ds-report);
}

/* 상황별 바로가기 카드: 순서는 include/mtc_home_content.php (먹튀사이트 조회 · 먹튀검증 요청 · 먹튀신고) */
.mtc-home-path:nth-child(1) :is(.mtc-home-path__when, .mtc-home-path__title span) {
    background: var(--ds-warn-tint);
    color: var(--ds-warn);
}

.mtc-home-path:nth-child(2) :is(.mtc-home-path__when, .mtc-home-path__title span) {
    background: var(--ds-ok-tint);
    color: var(--ds-ok);
}

.mtc-home-path:nth-child(3) :is(.mtc-home-path__when, .mtc-home-path__title span) {
    background: var(--ds-report-tint);
    color: var(--ds-report);
}

/* Title marker is a fixed flex item aligned with the first title line. */
.mtc-home-head h2,.mtc-home-feed__head h2{display:flex;align-items:flex-start;min-width:0}
.mtc-home-head h2::before,.mtc-home-feed__head h2::before{flex:0 0 4px;margin-top:5px;transform:none}
@media(max-width:767px){.mtc-home-head--more{column-gap:8px}}


/* Offscreen text layout is deferred only in the one-column home layout.
 * The two-column trial did not improve return navigation and was not retained.
 * Reserved component sizes are from stage30 width/scroll measurements; auto
 * remembers actual sizes after rendering. Native HTML and typography are intact. */
@supports (content-visibility: auto) {
 @container mtc-home (width < 600px) {

  .mtc-home .mtc-hub-card,
  .mtc-home .mtc-hub-faq__item,
  .mtc-home .mtc-hub-note {
    content-visibility: auto;
    contain-intrinsic-block-size: auto var(--mtc-home-reserved-block);
  }
  .mtc-home [aria-labelledby="mtc-board-guide-title-home-guide"] .mtc-hub-card { --mtc-home-reserved-block: 480px; }
  .mtc-home [aria-labelledby="mtc-board-guide-title-home-guide"] .mtc-hub-card:last-child { --mtc-home-reserved-block: 250px; }
  .mtc-home [aria-labelledby="mtc-board-guide-title-home-principle"] .mtc-hub-card { --mtc-home-reserved-block: 180px; }
  .mtc-home [aria-labelledby="mtc-board-guide-title-home-criteria"] .mtc-hub-card { --mtc-home-reserved-block: 140px; }
  .mtc-home .mtc-hub-faq__item { --mtc-home-reserved-block: 200px; }
  .mtc-home .mtc-hub-note { --mtc-home-reserved-block: 72px; }

  .mtc-home .mtc-home-feed {content-visibility:auto;contain-intrinsic-block-size:auto var(--mtc-home-feed-reserved-block,360px)}
  .mtc-home .mtc-home-feed[aria-labelledby="mtc-home-feed-title-11"] {--mtc-home-feed-reserved-block:420px}
  .mtc-home .mtc-home-feed[aria-labelledby="mtc-home-feed-title-12"] {--mtc-home-feed-reserved-block:396px}
  .mtc-home .mtc-home-feed[aria-labelledby="mtc-home-feed-title-25"] {--mtc-home-feed-reserved-block:300px}
  .mtc-home .mtc-home-feed[aria-labelledby="mtc-home-feed-title-22"] {--mtc-home-feed-reserved-block:372px}
  .mtc-home .mtc-home-feed:has(.mtc-home-feed__empty){--mtc-home-feed-reserved-block:120px}
 }
}

@media print {
 .mtc-home .mtc-hub-card,.mtc-home .mtc-hub-faq__item,.mtc-home .mtc-hub-note,.mtc-home .mtc-home-feed {
  content-visibility:visible;contain-intrinsic-block-size:none;
 }
}

/* ---- css/mtc-partner-status.css ---- */
/* BO01 status only. Empty status adds no classes, overlay, facts or layout changes. */
.mtc-partner-status-media{position:relative;isolation:isolate}
.mtc-partner-status-media::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(8,16,23,.52);pointer-events:none}
.mtc-partner-status-media.is-ended img{filter:grayscale(1)}
.mtc-partner-status-media.is-ended::after{background:rgba(7,14,20,.72)}
.mtc-partner-status-media .mtc-partner-status-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;pointer-events:none;line-height:1.35}
.mtc-partner-status-overlay strong{display:block;padding:10px 14px;border-top:1px solid #bca27777;border-bottom:1px solid #bca27777;background:#101a2280;color:#e0c38f;font-family:var(--mtc-font);font-size:clamp(11px,1.6vw,23px);font-weight:700;letter-spacing:-.6px;white-space:nowrap;text-align:center}
.is-ended .mtc-partner-status-overlay strong{color:#c3cbd2;border-color:#71808b88;background:#0b151dcc;letter-spacing:1px}
.mtc-partner-status-fact dd{color:#e0c38f}
.mtc-partner-status-fact.is-ended dd{color:#a5b2bd}
.mtc-partner-card.has-partner-status .mtc-partner-card__facts{grid-template-rows:repeat(3,minmax(0,1fr))}
.mtc-partner-view-summary.has-partner-status .mtc-partner-view-summary__table{grid-template-rows:repeat(5,minmax(0,1fr))}
.mtc-partner-view-summary__media .mtc-partner-status-overlay strong{font-size:clamp(20px,2.3vw,30px);padding:12px 22px}
.mtc-home-partner__thumb .mtc-partner-status-overlay strong{font-size:12px;padding:7px 2px;width:100%}
.mtc-partner-status-notice{border-left:2px solid #5c6c79;background:#16232d;color:#b3c1cc;font-size:13px;line-height:1.65;padding:10px 12px;margin:0 0 20px}
@media(max-width:1024px){.mtc-partner-card__media .mtc-partner-status-overlay strong{font-size:12px;padding:7px 2px;width:100%}.mtc-partner-card__media.is-ended .mtc-partner-status-overlay strong{font-size:16px}}

/* ---- css/mtc-story-promo-banner.css ---- */
.mtc-story-banner {
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
    font-family: inherit;
}

.mtc-story-banner__link {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) auto;
    align-items: center;
    min-height: 108px;
    color: #fff;
    text-decoration: none;
}

.mtc-story-banner__media {
    align-self: center;
    width: 100%;
    aspect-ratio: 4 / 5;
    min-height: 0;
    overflow: hidden;
    background: #080c29;
}

.mtc-story-banner__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.mtc-story-banner__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}

.mtc-story-banner__eyebrow {
    line-height: 1.4;
}

.mtc-story-banner__eyebrow b {
    margin: 0 .14em;
}

.mtc-story-banner__title {
    line-height: 1.35;
    word-break: keep-all;
}

.mtc-story-banner__description {
    line-height: 1.55;
    word-break: keep-all;
}

.mtc-story-banner__description em {
    font-style: normal;
}

.mtc-story-banner__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    line-height: 1.3;
    white-space: nowrap;
}

.mtc-story-banner__cta span {
    margin-left: 7px;
}

.mtc-story-banner__link:focus-visible {
    outline: 3px solid #43bfe3;
    outline-offset: -3px;
}

@media (max-width: 1024px) {
    .mtc-story-banner__link {
        grid-template-columns: 92px minmax(0, 1fr);
        min-height: 112px;
    }

    .mtc-story-banner__media {
        grid-row: 1 / 3;
        min-height: 0;
    }

    .mtc-story-banner__copy {
        align-self: end;
        gap: 2px;
    }

    .mtc-story-banner__cta {
        grid-column: 2;
        align-self: start;
        justify-self: start;
        min-height: 32px;
        border: 0;
        color: #bfc7ff;
    }

    .mtc-story-banner__link:hover .mtc-story-banner__cta,
    .mtc-story-banner__link:focus-visible .mtc-story-banner__cta {
        color: #fff;
    }
}

@media (max-width: 360px) {
    .mtc-story-banner__link {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .mtc-story-banner__copy {
        padding-right: 10px;
        padding-left: 12px;
    }

    .mtc-story-banner__title {
        font-size: 17px;
    }

    .mtc-story-banner__cta {
        margin-right: 10px;
        margin-left: 12px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .mtc-story-banner__cta {
        transition: color .18s ease, background .18s ease;
    }
}

/* ================= 이벤트 배너: 금색 = 혜택 ================= */
.mtc-story-banner {
    border: 1px solid rgba(216, 182, 111, 0.24);
    border-radius: 14px;
    background: radial-gradient(70% 160% at 12% 50%, rgba(216, 182, 111, 0.1), rgba(216, 182, 111, 0) 70%), var(--ds-surface);
    box-shadow: var(--ds-panel-shadow);
}

.mtc-story-banner__copy {
    gap: 2px;
    padding: 16px 22px;
}

.mtc-story-banner__eyebrow {
    color: var(--ds-sub);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.mtc-story-banner__eyebrow b {
    color: var(--ds-gold);
}

.mtc-story-banner__title {
    color: var(--ds-ink);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
}

.mtc-story-banner__description {
    color: var(--ds-text);
    font-size: 16px;
    font-weight: 500;
}

.mtc-story-banner__description em {
    color: var(--ds-gold-soft);
    font-weight: 700;
}

.mtc-story-banner__cta {
    margin-right: 22px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: var(--ds-gold-tint);
    box-shadow: inset 0 0 0 1px var(--ds-gold-ring);
    color: var(--ds-gold-soft);
    font-size: 15px;
    font-weight: 700;
}

.mtc-story-banner__link:hover .mtc-story-banner__cta,
.mtc-story-banner__link:focus-visible .mtc-story-banner__cta {
    background: rgba(216, 182, 111, 0.22);
    color: #ffffff;
}

@media (max-width: 1024px) {
    .mtc-story-banner__copy {
        padding: 13px 14px 3px;
    }

    .mtc-story-banner__title {
        font-size: 18px;
    }

    .mtc-story-banner__description {
        font-size: 15px;
    }

    /* 좁은 화면의 배너 버튼은 글자 링크 */
    .mtc-story-banner__cta {
        margin: 5px 14px 12px;
        padding: 0;
        background: none;
        box-shadow: none;
        font-size: 14px;
    }

    .mtc-story-banner__link:hover .mtc-story-banner__cta,
    .mtc-story-banner__link:focus-visible .mtc-story-banner__cta {
        background: none;
    }

}