@charset "UTF-8";
/* ============================================================
 * 4개년 입결 → 정시 (1개년) jeongsi.php 전용 (2026-10-17)
 * - 틀·단계 상자·요약·표·내 위치·데이터 안내는 susi.css(body.susi-v2)를 그대로 쓴다
 * - 여기에는 정시에만 있는 것만 : 과목별 백분위 막대 · 표의 탐구 영역 표시 · 내 수능 위치 눈금 · 과목 대조표 · 영어 등급 줄
 * - 모든 규칙은 body.jeongsi-v2 안에서만
 * ============================================================ */
body.jeongsi-v2{--js-c50:#dc2626; --js-c70:#ea580c; --js-me:#006fff}

/* ── 전형·학과 단추의 4개년 도트 — 모양·자리·채운 색은 수시(susi.css) 그대로, 자료 없는 학년도만 테두리만 ── */
body.jeongsi-v2 #departmentGrid .dept-year-dot.empty,
body.jeongsi-v2 #admissionButtons .dept-year-dot.empty{background:transparent; box-shadow:inset 0 0 0 1px #8a96a8}
body.jeongsi-v2 #departmentGrid .dept-item.selected .dept-year-dot.empty,
body.jeongsi-v2 #admissionButtons .dept-item.selected .dept-year-dot.empty{background:transparent; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.75)}

/* ── 과목별 백분위 막대 (요약 아래, 수시의 흐름 그림 자리) ── */
body.jeongsi-v2 .js-sbox{margin-bottom:1.6rem}
/* 세로 묶음 막대 (2026-10-17 목업 A안) — 높이 = 백분위(0~100) */
body.jeongsi-v2 .js-va{position:relative; height:24rem; margin:3.2rem 0 4.8rem 3.2rem}
body.jeongsi-v2 .js-grid i{position:absolute; left:0; right:0; border-top:1px solid var(--sv-line2); font-style:normal}
body.jeongsi-v2 .js-grid span{position:absolute; left:-3.2rem; top:-0.8rem; width:2.6rem; text-align:right; font-size:1.2rem; color:var(--sv-ink2)}
body.jeongsi-v2 .js-cols{position:absolute; inset:0; display:flex}
body.jeongsi-v2 .js-col{position:relative; flex:1; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; cursor:default}
body.jeongsi-v2 .js-col.avg{background:var(--sv-bg)}
@media (hover:hover){ body.jeongsi-v2 .js-col:hover{background:#eaf2ff} }
body.jeongsi-v2 .js-vbars{display:flex; align-items:flex-end; gap:0.6rem; height:100%}
body.jeongsi-v2 .js-vb{position:relative; width:2.6rem; min-height:1px}
body.jeongsi-v2 .js-vb em{position:absolute; top:-2rem; left:50%; transform:translateX(-50%); font-style:normal; font-size:1.3rem; font-weight:700; color:var(--sv-ink); font-variant-numeric:tabular-nums}
body.jeongsi-v2 .js-cl{position:absolute; top:calc(100% + 0.8rem); left:0; right:0; font-size:1.4rem; font-weight:600; color:var(--sv-ink); text-align:center; white-space:nowrap}
body.jeongsi-v2 .js-cl small{display:block; width:max-content; margin:0.2rem auto 0; padding:0 0.5rem; border:1px solid var(--sv-line); border-radius:6px; font-size:1.2rem; font-weight:400; color:var(--sv-ink2); background:#fff}

/* ── 표 : 탐구 영역 · 공개하지 않은 과목 ── */
body.jeongsi-v2 .js-table .js-area,
body.jeongsi-v2 .js-merged .js-area{margin-left:0.6rem; padding:0.1rem 0.5rem; border:1px solid var(--sv-line); border-radius:6px; font-size:1.2rem; font-weight:400; color:var(--sv-ink2); background:#fff}
body.jeongsi-v2 .js-table .js-dash{color:var(--sv-ink2)}
/* 표 머리 두 줄(학년도 / 50%컷·70%컷) — 수시 표의 「두 번째 칸 = 최근 연도」 칠하기 대신 최근 학년도 묶음(.js-ly)을 칠한다 */
body.jeongsi-v2 .js-table col:first-child{width:16%}
body.jeongsi-v2 .js-tmo{display:none}   /* 모바일 표는 800px 이하에서만 (아래 모바일 묶음) */
/* 자료가 없는 학년도 — 몸통을 한 칸으로 합쳐 안내 (K안, 2026-10-17)
   빗금 바탕 + 빈 학년도 사이 세로 구분선(.js-e3 = 세 해 · .js-e2 = 두 해 · .js-e1 = 한 해) + 가운데 흰 상자(제목 · 구분선 · 설명, 가운데 정렬) */
body.jeongsi-v2 .js-table table > tbody > tr > td.js-empty{padding:3.2rem; border-left:1px solid var(--sv-line2); vertical-align:middle;
    background:repeating-linear-gradient(135deg,#f5f7fa 0,#f5f7fa 1rem,#eceff3 1rem,#eceff3 2rem)}
body.jeongsi-v2 .js-table table > tbody > tr > td.js-empty.js-e3{background:
    linear-gradient(90deg,transparent calc(33.333% - 0.5px),#c4cad3 calc(33.333% - 0.5px),#c4cad3 calc(33.333% + 0.5px),transparent calc(33.333% + 0.5px),transparent calc(66.666% - 0.5px),#c4cad3 calc(66.666% - 0.5px),#c4cad3 calc(66.666% + 0.5px),transparent calc(66.666% + 0.5px)),
    repeating-linear-gradient(135deg,#f5f7fa 0,#f5f7fa 1rem,#eceff3 1rem,#eceff3 2rem)}
body.jeongsi-v2 .js-table table > tbody > tr > td.js-empty.js-e2{background:
    linear-gradient(90deg,transparent calc(50% - 0.5px),#c4cad3 calc(50% - 0.5px),#c4cad3 calc(50% + 0.5px),transparent calc(50% + 0.5px)),
    repeating-linear-gradient(135deg,#f5f7fa 0,#f5f7fa 1rem,#eceff3 1rem,#eceff3 2rem)}
body.jeongsi-v2 .js-table td.js-empty .js-nb{max-width:42rem; margin:0 auto; padding:2.4rem; background:#fff; border:1px solid var(--sv-line); border-radius:6px; text-align:center}
body.jeongsi-v2 .js-table td.js-empty .js-nb strong{display:block; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid var(--sv-line2); font-size:1.6rem; font-weight:700; color:var(--sv-ink); word-break:keep-all}
body.jeongsi-v2 .js-table td.js-empty p{margin:0; font-size:1.4rem; line-height:1.7; color:var(--sv-ink2); text-align:center; word-break:keep-all; overflow-wrap:anywhere}   /* 한글 단어 중간에서 줄이 바뀌지 않게 */
body.jeongsi-v2 .js-table table > thead > tr > th:nth-child(2){background:var(--sv-navy)}
body.jeongsi-v2 .js-table table > thead > tr > th.js-ly{background:var(--sv-blue)}
body.jeongsi-v2 .js-table table > thead > tr + tr > th{padding:0.9rem 1rem; font-size:1.3rem; box-shadow:inset 0 1px 0 rgba(255,255,255,0.3)}
body.jeongsi-v2 .js-table table > thead > tr + tr > th + th{box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 1px 0 0 rgba(255,255,255,0.3)}
body.jeongsi-v2 .js-table table > tbody > tr > td:nth-child(2){background-color:transparent}
body.jeongsi-v2 .js-table table > tbody > tr > td.js-ly{background-color:#f5f9ff}

/* 표 바로 아래 「대학 발표 자료 그대로」 안내 — 빨간 글자로 눈에 띄게 */
body.jeongsi-v2 .sv-tcap.js-asis{margin-top:1.2rem; color:var(--sv-red)}

/* ── 내 수능 위치 ── */
/* 내 평균 계산 옵션 (전체 과목 · 입결 발표 과목만, 2026-10-17) — 상자 맨 위 단추 줄 */
body.jeongsi-v2 .js-avgmode{display:flex; flex-wrap:wrap; align-items:center; gap:0.8rem; padding:1.6rem 1.8rem 0; font-size:1.4rem}
body.jeongsi-v2 .js-avgmode .k{margin-right:0.4rem; font-weight:600; color:var(--sv-ink)}
body.jeongsi-v2 .js-avgmode button{height:4rem; padding:0 1.6rem; border:1px solid var(--sv-line); border-radius:6px; background:#fff; color:var(--sv-ink2); font-family:inherit; font-size:1.4rem; cursor:pointer}
body.jeongsi-v2 .js-avgmode button.on{background:var(--sv-blue); border-color:var(--sv-blue); color:#fff; font-weight:600}
body.jeongsi-v2 .js-mp-msg{margin:0; padding:1.6rem 1.8rem 2rem; font-size:1.4rem; line-height:1.6; color:var(--sv-ink2)}
body.jeongsi-v2 .js-mp-msg a{margin-left:0.4rem; color:var(--sv-blue); font-weight:600}
body.jeongsi-v2 .js-mypos .mp-grade-summary > span small.js-df{margin-top:0.2rem; font-size:1.3rem}
body.jeongsi-v2 .js-df em{font-style:normal; font-weight:700}
body.jeongsi-v2 .js-df .js-up{color:#0b7a55}
body.jeongsi-v2 .js-df .js-dn{color:#c92a2a}
body.jeongsi-v2 .js-df .js-eq{color:var(--sv-ink)}
body.jeongsi-v2 .js-gauge{padding:3.2rem 0 0.4rem}
body.jeongsi-v2 .js-track{position:relative; height:1.2rem; margin-bottom:5.2rem; background:#eef1f5; border:1px solid var(--sv-line2)}
body.jeongsi-v2 .js-pin{position:absolute; top:-0.6rem; bottom:-0.6rem; width:0.3rem; margin-left:-0.15rem}
body.jeongsi-v2 .js-pin b{position:absolute; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:1.3rem; font-weight:700; color:#fff; padding:0.2rem 0.6rem; border-radius:6px; font-variant-numeric:tabular-nums}
body.jeongsi-v2 .js-pin.me{background:var(--js-me)}
body.jeongsi-v2 .js-pin.me b{bottom:calc(100% + 0.4rem); background:var(--js-me)}
body.jeongsi-v2 .js-pin.c50{background:var(--js-c50)}
body.jeongsi-v2 .js-pin.c50 b{top:calc(100% + 0.4rem); background:var(--js-c50)}
body.jeongsi-v2 .js-pin.c70{background:var(--js-c70)}
body.jeongsi-v2 .js-pin.c70 b{top:calc(100% + 2.8rem); background:var(--js-c70)}
body.jeongsi-v2 .js-ticks{position:relative; height:1.8rem; font-size:1.2rem; color:var(--sv-ink2)}
body.jeongsi-v2 .js-ticks span{position:absolute; top:0; transform:translateX(-50%)}
body.jeongsi-v2 .js-ticks span:first-child{transform:none}
body.jeongsi-v2 .js-ticks span:last-child{transform:translateX(-100%)}
body.jeongsi-v2 .js-mysub{padding:0 1.8rem 1.6rem}
body.jeongsi-v2 .js-mysub table{width:100%; border:1px solid var(--sv-line); border-collapse:collapse; font-variant-numeric:tabular-nums}
body.jeongsi-v2 .js-mysub th,
body.jeongsi-v2 .js-mysub td{padding:0.9rem 1rem; font-size:1.4rem; text-align:center; border-bottom:1px solid var(--sv-line2)}
body.jeongsi-v2 .js-mysub thead th{background:var(--sv-bg); color:var(--sv-ink2); font-weight:600}
body.jeongsi-v2 .js-mysub tbody th{text-align:left; font-weight:600; color:var(--sv-ink)}
body.jeongsi-v2 .js-mysub td strong{color:var(--js-me); font-weight:800}
body.jeongsi-v2 .js-eng{display:flex; flex-wrap:wrap; align-items:center; gap:0.6rem 2.4rem; padding:1.2rem 1.8rem 1.6rem; border-top:1px solid var(--sv-line2); font-size:1.4rem; color:var(--sv-ink2)}
body.jeongsi-v2 .js-eng .k{font-weight:700; color:var(--sv-ink)}
body.jeongsi-v2 .js-eng strong{margin-left:0.4rem; color:var(--sv-ink)}

/* ── 모바일 (800px 이하) ── */
@media all and (max-width:800px){
    body.jeongsi-v2 .js-va{height:20rem; margin:2.8rem 0 5.2rem 2.6rem}
    body.jeongsi-v2 .js-grid span{left:-2.6rem; width:2rem}
    body.jeongsi-v2 .js-vbars{gap:0.3rem}
    body.jeongsi-v2 .js-vb{width:1.6rem}
    body.jeongsi-v2 .js-vb em{font-size:1.1rem}
    body.jeongsi-v2 .js-cl{font-size:1.2rem; white-space:normal; word-break:keep-all; line-height:1.3}
    body.jeongsi-v2 .js-table .js-area{display:block; width:max-content; margin:0.2rem auto 0}
    /* 모바일 표 — 수시입결처럼 「구분 + 4개년」 다섯 칸이 화면 폭 안에 다 들어감 (가로 스크롤 없음) */
    body.jeongsi-v2 .js-tpc{display:none}
    body.jeongsi-v2 .js-tmo{display:block}
    body.jeongsi-v2 .js-tmo col:first-child{width:22%}
    body.jeongsi-v2 .js-tmo td{word-break:keep-all; overflow-wrap:anywhere}
    body.jeongsi-v2 .js-tmo .js-c{display:block; white-space:nowrap}
    body.jeongsi-v2 .js-tmo .js-c + .js-c{margin-top:0.3rem}
    body.jeongsi-v2 .js-tmo .js-c i{margin-right:0.4rem; font-style:normal; font-size:1.1rem; font-weight:400; color:var(--sv-ink2)}
    body.jeongsi-v2 .js-tmo .js-area{margin:0.2rem auto 0}
    body.jeongsi-v2 .js-table table > tbody > tr > td.js-empty{padding:0.8rem}
    body.jeongsi-v2 .js-table td.js-empty .js-nb{padding:1.2rem}
    body.jeongsi-v2 .js-table td.js-empty .js-nb strong{padding-bottom:0.8rem; margin-bottom:0.8rem; font-size:1.3rem}
    body.jeongsi-v2 .js-table td.js-empty p{font-size:1.2rem; line-height:1.6}
    body.jeongsi-v2 .js-mysub{padding:0 1.2rem 1.2rem}
    body.jeongsi-v2 .js-mysub th, body.jeongsi-v2 .js-mysub td{padding:0.8rem 0.4rem; font-size:1.3rem}
    body.jeongsi-v2 .js-eng{padding:1.2rem; gap:0.4rem 1.6rem; font-size:1.3rem}
    body.jeongsi-v2 .mp-bar-container{padding:1.2rem}
}