/**
 * ITF Korea — 지도자 교육
 * Figma 6164:4643 지도자교육-sect
 */

.itf-site .leader-training-sect {
    --leader-training-radius: 8px;
    padding: var(--subContM) 0 var(--subContPd);
    background: #fff;
}

/* .in2 / __block / __group gap → site-page-rhythm */
.itf-site .leader-training-sect > .in2 {
    display: flex;
    flex-direction: column;
}

.itf-site .leader-training-sect__block {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.itf-site .leader-training-sect__group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.itf-site .leader-training-sect__tit {
    margin: 0;
    font-size: var(--mainH2);
    font-weight: 700;
    line-height: var(--titLine);
    color: var(--txtBlack1, #000);
}

.itf-site .leader-training-sect__sub {
    margin: 0;
    font-size: var(--lgTxt);
    font-weight: 700;
    line-height: 1.5;
    color: var(--txtBlack1, #000);
}

.itf-site .leader-training-sect__copy {
    margin: 0;
    font-size: var(--txt);
    font-weight: 400;
    line-height: 1.8;
    color: var(--txtGray1);
}

.itf-site .leader-training-sect__link {
    color: var(--txtGray1);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-underline-position: from-font;
}

@media (hover: hover) {
    .itf-site .leader-training-sect__link:hover {
        color: var(--primary, #162038);
    }
}

/* —— 본문 리스트 (Figma disc · txtGray1)
 * reset.css가 ul/li에 list-style:none · flex면 마커 미표시 → li에 disc + list-item 필수
 */
.itf-site .leader-training-sect__bullets {
    margin: 0;
    padding: 0 0 0 2.7rem;
    list-style: disc outside;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.itf-site .leader-training-sect__bullets > li {
    margin: 0;
    padding: 0;
    display: list-item;
    list-style: disc outside;
    font-size: var(--txt);
    font-weight: 400;
    line-height: 1.8;
    color: var(--txtGray1);
}

.itf-site .leader-training-sect__bullets--dark > li {
    color: var(--txtGray1);
}

/* —— 경고 박스 (Figma #fff0f0 / #da0000) —— */
.itf-site .leader-training-sect__alert {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    align-self: start;
    padding: 20px;
    border: 1px solid #da0000;
    border-radius: var(--leader-training-radius);
    background: #fff0f0;
    box-sizing: border-box;
}

.itf-site .leader-training-sect__bullets--alert {
    padding-left: 2.4rem;
}

.itf-site .leader-training-sect__bullets--alert > li {
    font-size: var(--smTxt);
    font-weight: 400;
    line-height: 1.8;
    color: #da0000;
}

/* —— 절차: 2×2 그리드 — 회색 행 / 빨간 행 각각 높이 맞춤 —— */
.itf-site .leader-training-sect__cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 40px;
    width: 100%;
    align-items: stretch;
}

.itf-site .leader-training-sect__panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 1px solid var(--borderColor1, #e6e6e6);
    border-radius: var(--leader-training-radius);
    background: var(--primaryBg, #f7f7f7);
    box-sizing: border-box;
}

.itf-site .leader-training-sect__panel-tit {
    margin: 0;
    font-size: var(--midTxt);
    font-weight: 700;
    line-height: 1.5;
    color: var(--txtBlack1, #000);
}

/* —— 완료 카드 —— */
.itf-site .leader-training-sect__cards {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 40px;
    width: 100%;
}

.itf-site .leader-training-sect__card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 20px;
    border: 1px solid var(--borderColor1, #e6e6e6);
    border-radius: var(--leader-training-radius);
    background: var(--primaryBg, #f7f7f7);
    box-sizing: border-box;
}

.itf-site .leader-training-sect__card-tit {
    margin: 0;
    font-size: var(--midTxt);
    font-weight: 700;
    line-height: 1.5;
    color: var(--txtBlack1, #000);
}

/* —— 표: koritf TablePress 3·4 구조·색 1:1
 * wrap 바깥선 + table border:hidden → 겹침 없이 8px 라운드
 */
.itf-site .leader-training-sect .leader-training-table-wrap {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #999;
    border-radius: var(--leader-training-radius);
    background: #fff;
}

.itf-site .leader-training-sect .leader-training-table {
    width: 100%;
    min-width: 64rem;
    margin: 0;
    border-collapse: collapse;
    border-style: hidden;
    table-layout: fixed;
    font-size: var(--txt);
    line-height: 1.6;
}

.itf-site .leader-training-sect .leader-training-table--fee {
    min-width: 80rem;
}

.itf-site .leader-training-sect .leader-training-table th,
.itf-site .leader-training-sect .leader-training-table td {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #999;
    background-color: #fff;
    color: var(--txtGray1);
    font-weight: 400;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.itf-site .leader-training-sect .leader-training-table thead th {
    font-weight: 700;
}

/* 교육대상: 파랑 / 노랑 / 회색 헤더 (실사이트) — th 기본 #fff보다 특이도 높게 */
.itf-site .leader-training-sect .leader-training-table thead th.leader-training-table__h--blue {
    background-color: #deebf7;
}

.itf-site .leader-training-sect .leader-training-table thead th.leader-training-table__h--yellow {
    background-color: #fff2cc;
}

.itf-site .leader-training-sect .leader-training-table thead th.leader-training-table__h--gray {
    background-color: #f2f2f2;
}

/* 접수비용: 헤더 전체 파랑 · 총비용 열 노랑 · 비고행 회색 */
.itf-site .leader-training-sect .leader-training-table--fee thead th {
    background-color: #deebf7;
}

.itf-site .leader-training-sect .leader-training-table--fee td.leader-training-table__col-total,
.itf-site .leader-training-sect .leader-training-table--fee th.leader-training-table__col-total {
    background-color: #fff2cc;
}

.itf-site .leader-training-sect .leader-training-table tbody tr.leader-training-table__note-row td {
    background-color: #f2f2f2;
}

/*
 * 예전 시안: 일부 보조문구만 빨간·작게 (__sub).
 * CPT 줄바꿈 2행에 자동 적용하지 않음 — 스타일 계약은 추후 합의.
 */
.itf-site .leader-training-sect .leader-training-table__sub {
    display: inline-block;
    color: #da0000;
    font-size: var(--smTxt, 14px);
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .itf-site .leader-training-sect__cols,
    .itf-site .leader-training-sect__cards {
        grid-template-columns: 1fr;
    }

    .itf-site .leader-training-sect__panel,
    .itf-site .leader-training-sect__alert,
    .itf-site .leader-training-sect__card {
        padding: 16px;
    }

    /* 모바일: 1단계 패널→경고 → 2단계 패널→경고 순서 */
    .itf-site .leader-training-sect__cols .leader-training-sect__panel:nth-child(1) {
        order: 1;
    }

    .itf-site .leader-training-sect__cols .leader-training-sect__alert:nth-child(3) {
        order: 2;
    }

    .itf-site .leader-training-sect__cols .leader-training-sect__panel:nth-child(2) {
        order: 3;
    }

    .itf-site .leader-training-sect__cols .leader-training-sect__alert:nth-child(4) {
        order: 4;
    }
}