@charset "UTF-8";
/* ============================================================
 * 4개년 수시입결(4년제) susi.php 전용 디자인 (2026-10-11, 목업 A안)
 * - 모든 규칙은 body.susiv-v2 안에서만 적용 → 전문대(susi-vocational)·합격예측 등 공용 스타일을 쓰는 화면에는 영향 없음
 * - 디자인만 바꾼다. 동작은 susi.js 그대로
 * ============================================================ */
body.susiv-v2{--sv-blue:#0891b2; --sv-blue-l:#ecfeff; --sv-blue-m:#a5f3fc; --sv-navy:#164e63; --sv-ink:#202020; --sv-ink2:#4b5563; --sv-mut:#6b7280; --sv-line:#d6dce6; --sv-line2:#e8ecf2; --sv-bg:#f5f7fa; --sv-red:#e03131}

/* ── 광고 · 이용 흐름 안내 ── */
body.susiv-v2 .banner-panel{padding:0; background:none; border-radius:0; box-shadow:none}
body.susiv-v2 .main-flow-guide{display:none}   /* 단계 상자의 1~4 번호가 같은 역할 */

/* ── 고른 경로 줄 (학과까지 고르면 단계 상자 위에) ── */
body.susiv-v2 .susi-path{display:flex; align-items:center; gap:0.6rem; flex-wrap:wrap; margin-top:3rem; padding:1.2rem 1.6rem; background:var(--sv-navy); color:#fff; font-size:1.4rem; border-radius:0.4rem 0.4rem 0 0}
body.susiv-v2 .susi-path[hidden]{display:none}
body.susiv-v2 .susi-path i{color:#7dd3e6; font-size:1.6rem}
body.susiv-v2 .susi-path b{font-weight:700}
body.susiv-v2 .susi-path:not([hidden]) + .filter-sec{margin-top:0; border-top:0; border-radius:0 0 0.4rem 0.4rem}

/* ── 단계 상자: 한 상자 안 네 줄 (왼쪽 단계 이름) ── */
body.susiv-v2 .filter-sec{margin-top:3rem; border:1px solid var(--sv-line); border-radius:0.4rem; counter-reset:svstep; background:#fff}
body.susiv-v2 .filter-step{display:grid; grid-template-columns:13rem minmax(0,1fr); grid-auto-flow:row; column-gap:0; row-gap:0; margin:0; padding:0 1.6rem 1.6rem 0; background:#fff; border:0; border-bottom:1px solid var(--sv-line2); border-left:0; border-radius:0; box-shadow:none; counter-increment:svstep}
body.susiv-v2 .filter-step:last-child{border-bottom:0}
body.susiv-v2 .filter-step > *{grid-column:2}
body.susiv-v2 .filter-step .filter-step-top,
body.susiv-v2 #departmentStep .filter-step-top,
body.susiv-v2 #admissionTypeStep .filter-step-top{display:contents}
body.susiv-v2 .filter-step .filter-step-top .step-tit{grid-column:1; grid-row:1 / span 6; align-self:stretch; margin:0; padding:1.6rem; background:var(--sv-bg); border-right:1px solid var(--sv-line2); font-family:'PretendardGOV', sans-serif; font-size:0; font-weight:700; color:var(--sv-ink); letter-spacing:-0.02rem}
body.susiv-v2 .filter-step .filter-step-top .step-tit::before{content:counter(svstep); display:inline-flex; align-items:center; justify-content:center; width:2.2rem; height:2.2rem; margin-right:0.8rem; background:var(--sv-ink); color:#fff; border-radius:0.3rem; font-size:1.3rem; vertical-align:0.1rem}
body.susiv-v2 .filter-step .filter-step-top .step-tit strong{color:var(--sv-ink); font-size:1.4rem; font-weight:700}
body.susiv-v2 .filter-step > .filter-step-top + *,
body.susiv-v2 .filter-step .filter-step-top .step-help{margin-top:1.4rem}
body.susiv-v2 .filter-step > *:not(.filter-step-top){margin-left:1.6rem; margin-top:1.2rem}
body.susiv-v2 #departmentStep .step-help,
body.susiv-v2 #admissionTypeStep .step-help{grid-column:2; justify-self:start; margin-left:1.6rem; padding:0; border:0; background:none; font-size:1.3rem; color:var(--sv-mut); gap:0.4rem}
body.susiv-v2 #departmentStep .step-help .hd-dot,
body.susiv-v2 #admissionTypeStep .step-help .hd-dot{width:0.7rem; height:0.7rem; border-radius:1px}
body.susiv-v2 #departmentStep .step-help .hd-dot + span,
body.susiv-v2 #admissionTypeStep .step-help .hd-dot + span,
body.susiv-v2 #departmentStep .step-help .step-help-note,
body.susiv-v2 #admissionTypeStep .step-help .step-help-note{color:var(--sv-mut)}
/* 아직 열리지 않은 단계도 틀은 보인다 — 안의 내용은 숨기고 안내 한 줄만 */
body.susiv-v2 #admissionTypeStep.hidden,
body.susiv-v2 #departmentStep.hidden{display:grid !important}   /* 공용 .hidden(display:none !important)보다 우선 — 틀만 보이고 안은 아래에서 숨김 */
body.susiv-v2 .filter-step.hidden > *:not(.filter-step-top),
body.susiv-v2 .filter-step.hidden .step-help{display:none !important}
body.susiv-v2 .filter-step.hidden::after{grid-column:2; margin:1.6rem 0 0 1.6rem; color:var(--sv-mut); font-size:1.3rem}
body.susiv-v2 #admissionTypeStep.hidden::after{content:'대학을 먼저 선택하세요.'}
body.susiv-v2 #departmentStep.hidden::after{content:'전형을 먼저 선택하세요.'}
/* 안내 칸 */
body.susiv-v2 .filter-step .filter-grid .filter-placeholder{flex:1; justify-content:flex-start; padding:0.2rem 0 0; border-top:0}
body.susiv-v2 .filter-step .filter-grid .filter-placeholder span{min-width:0; padding:0; background:none; border:0; border-radius:0; color:var(--sv-mut); font-size:1.3rem; text-align:left; box-shadow:none}
/* 초성 막대 */
body.susiv-v2 .filter-step .chosung-bar{gap:0.3rem; padding-bottom:0; border-bottom:0}
body.susiv-v2 .filter-step .chosung-bar .chosung-btn{min-width:3rem; height:2.8rem; padding:0 0.6rem; color:var(--sv-ink2); font-size:1.3rem; background:#fff; border:1px solid var(--sv-line2); border-radius:0.3rem; box-shadow:none}
body.susiv-v2 .filter-step .chosung-bar .chosung-btn:hover{color:var(--sv-blue); border-color:var(--sv-blue); background:#fff}
body.susiv-v2 .filter-step .chosung-bar .chosung-btn.active{color:#fff; background:var(--sv-ink); border-color:var(--sv-ink); box-shadow:none; font-weight:700}
body.susiv-v2 .filter-step .chosung-bar .chosung-btn.disabled{color:#c4cad3; background:#fff; border-color:var(--sv-line2)}
/* 선택 단추: 각진 칸, 그림자 없음 */
body.susiv-v2 .filter-step .filter-grid{gap:0.6rem}
body.susiv-v2 .filter-step .filter-grid .filter-item{min-height:3.8rem; padding:0.6rem 1.3rem; color:var(--sv-ink); font-size:1.3rem; font-weight:400; background:#fff; border:1px solid var(--sv-line); border-radius:0.4rem; box-shadow:none; transition:none}
body.susiv-v2 .filter-step .filter-grid .filter-item:hover{color:var(--sv-blue); border-color:var(--sv-blue); background:#fff}
body.susiv-v2 .filter-step .filter-grid .filter-item.selected,
body.susiv-v2 .filter-step .filter-grid .filter-item.active{color:#fff; font-weight:700; background:var(--sv-blue); border:1px solid var(--sv-blue); box-shadow:none}
body.susiv-v2 #regionGrid .filter-item{width:95%; justify-self:start}   /* 지역 단추 가로폭 5% 줄임 — 칸 수·줄 수는 그대로 (2026-10-13) */
body.susiv-v2 .filter-group-row{gap:1rem}
body.susiv-v2 .filter-group-row + .filter-group-row{margin-top:0.8rem}
body.susiv-v2 .filter-group-label{min-width:5rem; min-height:3.8rem; padding:0 0.8rem; color:var(--sv-ink2); font-family:'PretendardGOV', sans-serif; font-size:1.3rem; font-weight:700; background:var(--sv-bg); border:1px solid var(--sv-line2); border-radius:0.4rem; box-shadow:none}
body.susiv-v2 .filter-group-buttons{gap:0.6rem}
/* 연도 자료 표시: 동그라미 → 작은 네모 */
body.susiv-v2 #departmentGrid .dept-year-dot,
body.susiv-v2 #admissionButtons .dept-year-dot{width:0.7rem; height:0.7rem; border-radius:1px; background:#d6dce6}
body.susiv-v2 #departmentGrid .dept-year-dot.full,
body.susiv-v2 #admissionButtons .dept-year-dot.full{background:var(--sv-blue)}
body.susiv-v2 #departmentGrid .dept-item.selected .dept-year-dot,
body.susiv-v2 #admissionButtons .dept-item.selected .dept-year-dot{background:rgba(255,255,255,0.35)}
body.susiv-v2 #departmentGrid .dept-item.selected .dept-year-dot.full,
body.susiv-v2 #admissionButtons .dept-item.selected .dept-year-dot.full{background:#fff}
body.susiv-v2 #departmentGrid .dept-item,
body.susiv-v2 #admissionButtons .dept-item{flex-direction:column; align-items:flex-start; gap:0.3rem}
body.susiv-v2 #departmentGrid .dept-year-section{margin-bottom:1.6rem}
body.susiv-v2 #departmentGrid .dept-year-section-title,
body.susiv-v2 #departmentGrid .dept-year-section-latest .dept-year-section-title{padding:0; margin-bottom:0.8rem; background:none; border:0}
body.susiv-v2 #departmentGrid .dept-year-section-title .dys-year{font-size:1.3rem; color:var(--sv-ink)}
body.susiv-v2 #departmentGrid .dept-year-section-title .dys-year::before{display:none}
body.susiv-v2 #departmentGrid .dept-year-section-title .dys-desc,
body.susiv-v2 #departmentGrid .dept-year-section-latest .dept-year-section-title .dys-desc{font-size:1.3rem; color:var(--sv-mut)}
body.susiv-v2 #departmentGrid .dept-year-section-latest .dept-year-grid{padding:0; background:none; border:0}
body.susiv-v2 #departmentGrid .dept-year-section-latest .dept-year-grid .filter-item{border:1px solid var(--sv-line)}
body.susiv-v2 #departmentGrid .dept-year-section-latest .dept-year-grid .filter-item.selected{border-color:var(--sv-blue)}
/* 대학비교 중 단계 상자 */
body.susiv-v2 .filter-sec.compare-active{border-color:#67e8f9; box-shadow:inset 0 0 0 1px #67e8f9}
body.susiv-v2 .filter-sec.compare-active .filter-step{background:#fff; border-left:0; box-shadow:none; border-bottom-color:var(--sv-line2)}
body.susiv-v2 .filter-sec.compare-active .filter-step .filter-step-top{border-bottom:0}
body.susiv-v2 .filter-sec.compare-active .filter-step .filter-step-top .step-tit{background:#ecfeff}
body.susiv-v2 .filter-sec.compare-active .filter-step .filter-step-top .step-tit strong{color:var(--sv-ink)}

/* ── 상단 대학 검색 목록 ── */
body.susiv-v2 .page-current .current-search .key-record{border-radius:0.4rem; box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.08); border-color:var(--sv-line)}
body.susiv-v2 .page-current .current-search .key-record .key-record-item{gap:1rem; padding:1.1rem 1.4rem; border-bottom:1px solid var(--sv-line2)}
body.susiv-v2 .page-current .current-search .key-record .key-record-item:hover{background:var(--sv-blue-l)}
body.susiv-v2 .page-current .current-search .key-record .key-record-item .item-name{display:flex; align-items:center; gap:0.8rem}
body.susiv-v2 .sv-rg{flex:none; min-width:3.6rem; padding:0.1rem 0.5rem; border:1px solid var(--sv-line); border-radius:0.3rem; font-size:1.3rem; color:var(--sv-ink2); text-align:center; background:#fff; line-height:1.6}

/* ── 결과 ── */
body.susiv-v2 .results-section{margin-top:4rem}
body.susiv-v2 .sv-res-hd{display:flex; justify-content:space-between; align-items:flex-end; gap:1.6rem; flex-wrap:wrap; padding-bottom:1.4rem; border-bottom:2px solid var(--sv-ink); margin-bottom:1.6rem}
body.susiv-v2 .sv-res-hd .stit-area{margin:0}
body.susiv-v2 h3.stit03{font-family:'PretendardGOV', sans-serif; font-size:1.4rem; font-weight:400; color:var(--sv-ink2); line-height:1.4; display:flex; flex-direction:column}
body.susiv-v2 h3.stit03 span.title-dept{display:block; margin-top:0.2rem; font-size:2.4rem; font-weight:700; color:var(--sv-ink); letter-spacing:-0.06rem; line-height:1.3}
body.susiv-v2 h3.stit03 span.title-dept em{font-style:normal; color:var(--sv-blue)}
body.susiv-v2 .sv-tools{display:flex; flex-wrap:wrap; gap:0.6rem; align-items:center}
body.susiv-v2 .sv-tools .compare-action-bar{display:flex; align-items:center; gap:0.6rem; margin:0}
body.susiv-v2 .sv-tools .compare-action-bar .grade-convert-toggle{flex:none}
body.susiv-v2 .sv-tools .pdf-download-bar{display:flex; gap:0.6rem; margin:0}
/* 5등급 변환 묶음 */
body.susiv-v2 .grade-convert-toggle{flex-wrap:nowrap; gap:0.8rem; margin:0; height:3.6rem; padding:0 1.2rem; background:#fff; border:1px solid var(--sv-line); border-radius:0.4rem}
body.susiv-v2 .toggle-switch{width:3.4rem; height:1.9rem}
body.susiv-v2 .toggle-slider{background:#c4cad3; border-radius:1rem}
body.susiv-v2 .toggle-slider::before{width:1.5rem; height:1.5rem; left:0.2rem; bottom:0.2rem}
body.susiv-v2 .toggle-switch input:checked + .toggle-slider{background:var(--sv-blue)}
body.susiv-v2 .toggle-switch input:checked + .toggle-slider::before{transform:translateX(1.5rem)}
body.susiv-v2 .toggle-label{font-size:1.3rem; font-weight:600}
body.susiv-v2 .grade-convert-info-btn{padding:0 0 0 0.8rem; border:0; border-left:1px solid var(--sv-line2); border-radius:0; font-size:1.4rem; font-weight:600; color:var(--sv-blue); background:none}
body.susiv-v2 .grade-convert-info-btn:hover{background:none; color:var(--sv-blue); text-decoration:underline}
body.susiv-v2 .notice-toggle-btn{display:none}
body.susiv-v2 .grade-convert-toggle .grade-convert-notice{display:none}
body.susiv-v2 .sv-g5note{margin:-0.6rem 0 1.4rem; padding:1rem 1.4rem; border:1px solid #b9e3d2; background:#f0faf5; border-radius:0.4rem; font-size:1.3rem; line-height:1.6; color:#1d5e47}
/* 대학비교 · 대학 추가 */
body.susiv-v2 .compare-add-btn,
body.susiv-v2 .compare-action-bar .compare-add-btn{height:3.6rem; margin:0; padding:0 1.3rem; font-size:1.4rem; font-weight:600; color:#fff; background:var(--sv-blue); border:1px solid var(--sv-blue); border-radius:0.4rem; animation:none; box-shadow:none}
body.susiv-v2 .compare-add-btn:hover{background:#0e7490; border-color:#0e7490; box-shadow:none}
body.susiv-v2 .compare-add-btn .compare-count{font-size:1.2rem; opacity:0.85}
body.susiv-v2 .compare-count-label{height:3.6rem; padding:0 1rem; font-size:1.3rem; color:var(--sv-ink2); background:#fff; border:1px dashed var(--sv-line); border-radius:0.4rem}
/* PDF · 관심 */
body.susiv-v2 .pdf-download-btn{height:3.6rem; padding:0 1.3rem; color:var(--sv-ink); font-size:1.4rem; background:#fff; border:1px solid var(--sv-line); border-radius:0.4rem; box-shadow:none}
body.susiv-v2 .pdf-download-btn i{color:var(--sv-red)}
body.susiv-v2 .pdf-download-btn:hover{background:#fff; border-color:var(--sv-ink2); box-shadow:none}
body.susiv-v2 .fav-save-btn{height:3.6rem; padding:0 1.3rem; color:var(--sv-ink); font-size:1.4rem; background:#fff; border:1px solid var(--sv-line); border-radius:0.4rem}
body.susiv-v2 .fav-save-btn i{color:#f59f00}
body.susiv-v2 .fav-save-btn:hover{background:#fff; border-color:var(--sv-ink2)}
body.susiv-v2 .fav-save-btn.fav-saved{background:#fff8e1; border-color:#f2c94c; color:#7a5b00}
body.susiv-v2 .fav-save-btn.fav-saved i{color:#f59f00}
/* 공개자료없음 채우기 */
body.susiv-v2 .year-match-panel{margin:0 0 1.6rem; padding:1.2rem 1.4rem; background:#fffaf0; border:1px solid #f0c36d; border-radius:0.4rem}
body.susiv-v2 .year-match-header{margin-bottom:1rem; gap:0.6rem}
body.susiv-v2 .year-match-header i{color:#b7791f; font-size:1.6rem}
body.susiv-v2 .year-match-header span{font-family:'PretendardGOV', sans-serif; font-size:1.4rem; font-weight:700; color:#7a4f00}
body.susiv-v2 .year-match-buttons{gap:0.6rem}
body.susiv-v2 .year-match-buttons .filter-item{min-height:3.6rem; padding:0 1.2rem; font-size:1.3rem; color:var(--sv-ink); background:#fff; border:1px solid #e6cf9c; border-radius:0.4rem; transition:none}
body.susiv-v2 .year-match-buttons .filter-item:hover{color:#7a4f00; background:#fff}
body.susiv-v2 .year-match-buttons .filter-item.selected{color:#7a4f00; font-weight:700; background:#fff4d6; border:1px solid #b7791f; box-shadow:inset 0 0 0 1px #b7791f}
body.susiv-v2 .year-match-buttons .filter-item .match-years{font-size:1.2rem; color:var(--sv-mut); opacity:1}
body.susiv-v2 .year-match-panel.year-match-complete{display:flex; align-items:center; flex-wrap:wrap; gap:0.4rem 1rem; padding:1rem 1.4rem; background:#f1faf4; border-color:#b9e3c6}
body.susiv-v2 .year-match-panel.year-match-complete .year-match-header{margin:0}
body.susiv-v2 .year-match-panel.year-match-complete .year-match-header i{color:#1b6b35}
body.susiv-v2 .year-match-panel.year-match-complete .year-match-header span{color:#1b6b35; font-size:1.4rem}
body.susiv-v2 .year-match-desc{font-size:1.3rem; color:#4b6b55}
/* 요약 수치 · 흐름 그림 */
body.susiv-v2 .sv-sum{display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--sv-line); border-radius:0.4rem; margin-bottom:1.6rem}
body.susiv-v2 .sv-sum > div{padding:1.4rem 1.6rem; border-right:1px solid var(--sv-line2)}
body.susiv-v2 .sv-sum > div:last-child{border-right:0}
body.susiv-v2 .sv-sum .k{font-size:1.3rem; color:var(--sv-ink2)}
body.susiv-v2 .sv-sum .v{margin-top:0.4rem; font-size:2.4rem; font-weight:800; letter-spacing:-0.06rem; color:var(--sv-ink); line-height:1.2}
body.susiv-v2 .sv-sum .v small{margin-left:0.2rem; font-size:1.3rem; font-weight:600; color:var(--sv-ink2)}
body.susiv-v2 .sv-sum .v.na{color:#c4cad3}
body.susiv-v2 .sv-sum .d{margin-top:0.2rem; font-size:1.3rem; color:var(--sv-mut)}
body.susiv-v2 .sv-sum .d b{color:#0b7a55}
body.susiv-v2 .sv-charts{display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin-bottom:1.6rem}
body.susiv-v2 .sv-cbox{border:1px solid var(--sv-line); border-radius:0.4rem; padding:1.2rem 1.4rem}
body.susiv-v2 .sv-cbox h5{display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin:0 0 0.6rem; font-size:1.5rem; font-weight:700; color:var(--sv-ink)}
body.susiv-v2 .sv-cbox h5 span{display:inline-flex; gap:1rem; font-size:1.3rem; font-weight:500; color:var(--sv-mut)}
body.susiv-v2 .sv-cbox h5 span i{display:inline-block; width:1rem; height:1rem; margin-right:0.4rem; border-radius:0.2rem; vertical-align:-0.1rem}
body.susiv-v2 .sv-cbox svg{display:block; width:100%; height:auto}
body.susiv-v2 .sv-cbox .eb{height:20rem; background:repeating-linear-gradient(180deg,#fff 0,#fff 3.6rem,#eef1f5 3.6rem,#eef1f5 3.7rem)}
/* 4개년 표 */
body.susiv-v2 .ipgyul-table{margin-top:0 !important; border:1px solid var(--sv-line); border-radius:0.4rem}
body.susiv-v2 .ipgyul-table table{font-variant-numeric:tabular-nums}
body.susiv-v2 .ipgyul-table table > thead > tr > th{padding:1.2rem 1rem; background:var(--sv-navy); color:#fff; font-size:1.4rem; font-weight:700; border:0}
body.susiv-v2 .ipgyul-table table > thead > tr > th:first-child{text-align:center}
body.susiv-v2 .ipgyul-table table > thead > tr > th:nth-child(3){background:var(--sv-blue)}   /* 최신 연도 (시기·구분 다음 칸) */
body.susiv-v2 .ipgyul-table table > thead > tr > th small.sv-latest{display:none}   /* 「최신」 표시 안 함 — 최신 연도 열은 배경색으로 구분 */
body.susiv-v2 .ipgyul-table table > tbody{border-top:0}
body.susiv-v2 .ipgyul-table table > tbody > tr > th{padding:1.1rem 1rem; background:var(--sv-bg); color:var(--sv-ink2); font-size:1.4rem; font-weight:600; text-align:center; border:0; border-bottom:1px solid var(--sv-line2); border-right:1px solid var(--sv-line2)}
body.susiv-v2 .ipgyul-table table > tbody > tr > td{padding:1.1rem 1rem; font-size:1.4rem; border:0; border-bottom:1px solid var(--sv-line2)}
body.susiv-v2 .ipgyul-table table > tbody > tr:last-child > *{border-bottom:0}
body.susiv-v2 .ipgyul-table tr.sv-grp > th{text-align:left; padding:0.8rem 1.2rem; background:var(--sv-blue-l); color:var(--sv-navy); font-size:1.4rem; font-weight:800; letter-spacing:-0.02rem; border-right:0; border-bottom:1px solid var(--sv-blue-m); box-shadow:inset 3px 0 0 var(--sv-blue)}   /* 묶음 제목: 연한 파란 띠 + 왼쪽 막대 */
body.susiv-v2 .ipgyul-table tr.sv-key > td{font-size:1.5rem; font-weight:700; color:var(--sv-ink)}
body.susiv-v2 .ipgyul-table tr.sv-key > th{color:var(--sv-ink)}
body.susiv-v2 .con-table table tbody th.calc-field sup{color:var(--sv-red)}
body.susiv-v2 .ipgyul-table .no-data,
body.susiv-v2 .compare-merged-table .no-data{font-size:1.3rem; color:#8a94a0}
body.susiv-v2 .matched-type-row th{font-size:1.4rem; color:var(--sv-ink2)}
body.susiv-v2 .matched-type-row td{font-size:1.4rem; color:var(--sv-ink)}
body.susiv-v2 .grade5-sub{display:block; margin-top:0.2rem; padding:0; border:0; font-size:inherit; font-weight:700; color:#0b7a55}
body.susiv-v2 .grade5-sub::before{content:'5등급 '; font-weight:600; font-size:0.8em; color:#5b8f7c}
body.susiv-v2 .sv-tcap{margin:0.8rem 0 0; font-size:1.3rem; color:var(--sv-mut)}
body.susiv-v2 .sv-tcap b{color:var(--sv-red); font-weight:400}
/* 대학비교 탭 줄 */
body.susiv-v2 .compare-tab-bar{gap:0.6rem; margin:0 0 1.6rem; padding:0; background:#f0fdff; border:1px solid #67e8f9; border-radius:0.4rem}
body.susiv-v2 .compare-tab-header{margin:0; padding:1rem 1.4rem; border-bottom:1px solid #cffafe}
body.susiv-v2 .compare-tab-header i{color:#155e75; font-size:1.6rem}
body.susiv-v2 .compare-tab-header span{font-family:'PretendardGOV', sans-serif; font-size:1.4rem; font-weight:700; color:#155e75}
body.susiv-v2 .compare-tab-list{gap:0.6rem; padding:0 0 1.2rem 1.4rem; flex-wrap:wrap; overflow:visible}
body.susiv-v2 .compare-tab-item{height:3.8rem; padding:0 0.6rem 0 1rem; font-size:1.4rem; color:var(--sv-ink); background:#fff; border:1px solid var(--sv-line); border-radius:0.4rem; box-shadow:none}
body.susiv-v2 .compare-tab-item:hover{color:var(--sv-blue); border-color:var(--sv-blue)}
body.susiv-v2 .compare-tab-item.active{color:#fff; font-weight:700; background:var(--sv-blue); border:1px solid var(--sv-blue); border-left-width:3px; box-shadow:none}
body.susiv-v2 .compare-tab-item .tab-label{max-width:24rem}
body.susiv-v2 .compare-tab-item .tab-close{width:2.4rem; height:2.4rem; border-radius:0.3rem; font-size:1.6rem; opacity:0.7}
body.susiv-v2 .compare-merge-btn{background:#fff; border:1px solid var(--sv-line); color:var(--sv-ink); font-weight:600}
body.susiv-v2 .compare-merge-btn:hover{border-color:var(--sv-navy); color:var(--sv-navy)}
body.susiv-v2 .compare-merge-btn.active{color:#fff; background:var(--sv-navy); border:1px solid var(--sv-navy); box-shadow:none; font-weight:600}
body.susiv-v2 .compare-tab-actions{padding:0 1.4rem 1.2rem 0; align-self:flex-start}
body.susiv-v2 .compare-exit-btn{height:3.8rem; padding:0 1.2rem; color:var(--sv-red); font-size:1.4rem; background:#fff; border:1px solid #f1b4b4; border-radius:0.4rem}
body.susiv-v2 .compare-exit-btn:hover{color:#fff; background:var(--sv-red); border-color:var(--sv-red)}
/* 합쳐보기 표 */
body.susiv-v2 .compare-merged-table{margin-top:0 !important; border:1px solid var(--sv-line); border-radius:0.4rem}
body.susiv-v2 .compare-merged-header th{padding:1rem !important; font-size:1.3rem !important; background:var(--sv-navy) !important; border:0 !important}
body.susiv-v2 .compare-merged-table tbody tr:not(.compare-merged-header) th{text-align:left !important; padding-left:1.2rem !important; font-size:1.3rem !important; font-weight:500 !important; background:#fff !important; border:0; border-bottom:1px solid var(--sv-line2); border-right:1px solid var(--sv-line2)}
body.susiv-v2 .compare-merged-header th{color:#fff !important; text-align:center}
body.susiv-v2 .compare-merged-header th:first-child{text-align:left}
body.susiv-v2 .compare-merged-table tbody tr:not(.compare-merged-header){background:#fff !important}
body.susiv-v2 .compare-merged-table tbody tr td{border:0; border-bottom:1px solid var(--sv-line2)}
body.susiv-v2 .merged-univ-num{width:2rem; height:2rem; line-height:2rem; margin-right:0.4rem; border-radius:0.3rem; color:#fff !important; font-size:1.2rem; font-weight:800}
/* 알림 · 확인 창 · 불러오는 중 */
body.susiv-v2 .compare-toast{flex-direction:row; align-items:flex-start; gap:1.2rem; padding:1.4rem 1.8rem; background:#202020; border-radius:0.4rem; box-shadow:none; font-size:1.4rem; text-align:left; max-width:42rem}
body.susiv-v2 .compare-toast i{font-size:2.2rem; color:#67e8f9}
body.susiv-v2 .compare-toast .toast-sub{display:block; font-size:1.3rem; color:#c9ced6; opacity:1}
body.susiv-v2 .compare-toast{flex-wrap:wrap}
body.susiv-v2 .compare-toast > span:not(.toast-sub){flex:1}
body.susiv-v2 .compare-toast .toast-sub{flex-basis:100%; padding-left:3.4rem; margin-top:-0.8rem}
body.susiv-v2 .compare-confirm{gap:0; padding:0; width:36rem; max-width:90vw; border-radius:0.4rem; box-shadow:none; border:1px solid var(--sv-line); overflow:hidden}
body.susiv-v2 .compare-confirm i{margin-top:2.4rem; font-size:2.8rem; color:var(--sv-red)}
body.susiv-v2 .compare-confirm .confirm-msg{padding:0.8rem 2rem 2rem; font-size:1.6rem; font-weight:700}
body.susiv-v2 .compare-confirm .confirm-btns{display:grid; grid-template-columns:1fr 1fr; gap:0; width:100%; margin:0; border-top:1px solid var(--sv-line2)}
body.susiv-v2 .compare-confirm .confirm-cancel,
body.susiv-v2 .compare-confirm .confirm-ok{height:5rem; padding:0; border:0; border-radius:0; font-size:1.4rem}
body.susiv-v2 .compare-confirm .confirm-cancel{background:#fff}
body.susiv-v2 .compare-confirm .confirm-ok{background:var(--sv-red)}
body.susiv-v2 .compare-spinner{width:2.4rem; height:2.4rem; border-width:0.3rem}
/* 내 등급 위치 */
/* 내 등급 위치: 파란 테두리 + 남색 머리 띠로 부각 */
body.susiv-v2 .my-position-panel{margin-top:2.4rem; padding:0; background:#fff; border:2px solid var(--sv-blue); border-radius:0.4rem}
body.susiv-v2 .my-position-header{margin:0; padding:1.2rem 1.8rem; background:var(--sv-navy); border-bottom:0; border-radius:0.2rem 0.2rem 0 0}
body.susiv-v2 .my-position-header i{color:#a5f3fc}
body.susiv-v2 .my-position-header .mp-title{color:#fff; font-size:1.6rem; font-weight:800}
body.susiv-v2 .mp-mode-toggle{border:1px solid #fff; border-radius:0.4rem; background:#fff}
body.susiv-v2 .mp-mode-btn{padding:0.6rem 1.4rem; font-size:1.4rem; color:var(--sv-ink2); background:#fff}
body.susiv-v2 .mp-mode-btn + .mp-mode-btn{border-left:1px solid var(--sv-line)}
body.susiv-v2 .mp-mode-btn.active{color:#fff; background:var(--sv-blue)}
body.susiv-v2 .mp-mode-btn:hover:not(.active){color:var(--sv-blue); background:#fff}
body.susiv-v2 .mp-grade-summary{display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding:0; border-bottom:1px solid var(--sv-line2)}
body.susiv-v2 .mp-grade-summary > span:not(.mp-grade-sep){display:flex; flex-direction:column; padding:1.2rem 1.8rem; font-size:1.3rem; color:var(--sv-ink2); border-right:1px solid var(--sv-line2)}
body.susiv-v2 .mp-grade-summary > span:not(.mp-grade-sep):last-child{border-right:0}
body.susiv-v2 .mp-grade-summary strong{margin-top:0.2rem; font-size:2rem; font-weight:800; color:var(--sv-ink)}
body.susiv-v2 .mp-grade-summary > span:last-child strong{color:#155e75}
body.susiv-v2 .mp-grade-sep{display:none}
body.susiv-v2 .mp-mode-desc{margin:0; padding:1.2rem 1.8rem 0; font-size:1.4rem; color:var(--sv-ink2)}
body.susiv-v2 .mp-mode-desc strong{color:var(--sv-ink)}
body.susiv-v2 .mp-bar-container{margin:0; padding:1.2rem 1.8rem 1.6rem}
body.susiv-v2 .mpl-track{border-radius:0.2rem; border-color:var(--sv-line2)}
body.susiv-v2 .mpl-track.univ{background:#fff; border-color:var(--sv-line2)}
body.susiv-v2 .mpl-range{border-radius:0.2rem; border-style:solid; border-color:#22d3ee; background:rgba(6,182,212,0.14)}
body.susiv-v2 .mpl-avgpin,
body.susiv-v2 .mpl-pin{box-shadow:none}
body.susiv-v2 .mpl-span{background:#f7c9a8; opacity:1; border-radius:0}
body.susiv-v2 .mpl-bdg{border-radius:0.3rem}
body.susiv-v2 .mp-legend{margin:0; padding:0 1.8rem 1.4rem; border-top:0; gap:0.6rem 1.8rem}
body.susiv-v2 .mp-legend-item{font-size:1.3rem; color:var(--sv-ink2)}
body.susiv-v2 .mp-guide{margin:0; padding:1.2rem 1.8rem 1.4rem; border:0; border-top:1px solid var(--sv-line2); border-radius:0 0 0.4rem 0.4rem}
body.susiv-v2 .mp-guide p{font-size:1.4rem; color:var(--sv-ink2)}
body.susiv-v2 .mp-guide-link{background:none; color:var(--sv-blue); padding:0; border-radius:0}
body.susiv-v2 .mp-guide-link i{color:var(--sv-blue)}
body.susiv-v2 .mp-guide-link:hover{background:none; text-decoration:underline}
body.susiv-v2 .mp-empty{display:grid; grid-template-columns:1fr auto; align-items:center; gap:0.4rem 1.6rem; margin-top:2rem; padding:1.6rem 2rem; background:var(--sv-blue-l); border:1px solid var(--sv-blue-m); border-radius:0.4rem; text-align:left}
body.susiv-v2 .mp-empty > i{display:none}
body.susiv-v2 .mp-empty .mp-empty-msg{grid-column:1; margin:0; font-size:1.6rem; font-weight:700; color:var(--sv-ink)}
body.susiv-v2 .mp-empty .mp-empty-sub{grid-column:1; margin:0; font-size:1.4rem; color:var(--sv-ink2)}
body.susiv-v2 .mp-empty a{grid-column:2; grid-row:1 / span 2; margin:0; height:3.8rem; padding:0 1.6rem; border-radius:0.4rem; background:var(--sv-blue)}
/* 데이터 안내 */
body.susiv-v2 .data-info-panel{margin-top:2rem; padding:0; background:#fff; border:1px solid var(--sv-line); border-radius:0.4rem}
body.susiv-v2 .data-info-panel .info-panel-header{margin:0; padding:1.4rem 1.8rem; border-bottom:1px solid var(--sv-line2)}
body.susiv-v2 .data-info-panel .info-panel-header i{display:none}
body.susiv-v2 .data-info-panel .info-panel-header span{font-family:'PretendardGOV', sans-serif; font-size:1.6rem; font-weight:700}
body.susiv-v2 .data-info-panel .info-panel-content{gap:1.4rem; padding:1.4rem 1.8rem 1.8rem}
body.susiv-v2 .data-info-panel .info-section h5{margin-bottom:0.6rem; padding-left:1rem; border-left:0.3rem solid var(--sv-blue); font-size:1.4rem; color:var(--sv-ink)}
body.susiv-v2 .data-info-panel .info-section ul li,
body.susiv-v2 .data-info-panel .info-section .info-desc,
body.susiv-v2 .info-official-list li{font-size:1.4rem; line-height:1.75; color:var(--sv-ink2)}
body.susiv-v2 .data-info-panel .info-section .info-desc strong,
body.susiv-v2 .info-official-list li strong,
body.susiv-v2 .data-info-panel .info-section ul li strong{color:var(--sv-ink)}
body.susiv-v2 .data-info-panel .info-section .info-desc.info-highlight{padding:0; background:none; border:0}
body.susiv-v2 .info-official-list li::before{color:var(--sv-ink2); font-weight:400}
body.susiv-v2 .info-official-list li.info-highlight-tip,
body.susiv-v2 .info-official-list li.info-highlight-tip strong{color:#c92a2a}
body.susiv-v2 .data-info-panel .info-section ul li::before{background:var(--sv-ink2); border-radius:0; width:4px; height:4px}
/* 변환기준 창 */
body.susiv-v2 .grade-convert-modal{max-width:72rem; padding:0 2rem 2rem; border-radius:0.4rem; box-shadow:none; border:1px solid var(--sv-line)}
body.susiv-v2 .grade-convert-modal .modal-close{margin:1.2rem -0.8rem 0 0; background:none; border:0; border-radius:0.3rem; font-size:2.6rem}
body.susiv-v2 .grade-convert-modal h3{padding-top:1.8rem; font-size:2rem}
body.susiv-v2 .grade-convert-modal .modal-subtitle{margin:0 -2rem 0; padding:0 2rem 1.6rem; color:var(--sv-ink2); border-bottom:1px solid var(--sv-line2)}
body.susiv-v2 .grade-convert-modal .modal-section{margin:2rem 0 0}
body.susiv-v2 .grade-convert-modal .modal-section h4{padding:0 0 0 1rem; border:0; border-left:0.3rem solid var(--sv-blue); font-size:1.5rem}
body.susiv-v2 .grade-convert-modal .modal-table thead th{background:var(--sv-navy); border:0}
body.susiv-v2 .grade-convert-modal .modal-table tbody td{border:0; border-bottom:1px solid var(--sv-line2)}
body.susiv-v2 .grade-convert-modal .modal-table tbody tr:nth-child(odd){background:#fff}
body.susiv-v2 .grade-convert-modal .modal-compare{display:grid; grid-template-columns:1fr 1fr}
body.susiv-v2 .grade-convert-modal .compare-item,
body.susiv-v2 .grade-convert-modal .qa-item{background:#fff; border:1px solid var(--sv-line2); border-radius:0.4rem}
body.susiv-v2 .grade-convert-modal .step-item{background:#fff; border:1px solid var(--sv-line2); border-radius:0.4rem}
body.susiv-v2 .grade-convert-modal .step-item strong{color:var(--sv-blue); margin-right:0.6rem}
body.susiv-v2 .grade-convert-modal .step-example{display:inline-block; margin-top:0.4rem; padding:0.2rem 0.8rem; background:var(--sv-bg); border-radius:0.3rem; color:var(--sv-ink2)}
body.susiv-v2 .grade-convert-modal .modal-notice{background:#fffaf0; border-color:#f0c36d; border-radius:0.4rem}

/* ── 처음 접속 (아무것도 고르지 않음): 결과 틀 + 안내 한 줄 ── */
body.susiv-v2 .sv-empty{display:none; margin-top:4rem}
body.susiv-v2 .results-section.hidden + .sv-empty{display:block}
body.susiv-v2 .sv-empty .sv-res-hd .u{font-size:1.4rem; color:#b4bcc8}
body.susiv-v2 .sv-empty .sv-res-hd h2{margin:0.2rem 0 0; font-size:2.4rem; color:#b4bcc8}
body.susiv-v2 .sv-empty .sv-tools{opacity:0.45; pointer-events:none}
body.susiv-v2 .sv-empty .sv-tbtn{display:inline-flex; align-items:center; gap:0.5rem; height:3.6rem; padding:0 1.3rem; font-size:1.4rem; font-weight:600; color:var(--sv-ink); background:#fff; border:1px solid var(--sv-line); border-radius:0.4rem}
body.susiv-v2 .sv-empty .sv-tbtn.pri{color:#fff; background:var(--sv-blue); border-color:var(--sv-blue)}
body.susiv-v2 .sv-empty .ipgyul-table td{color:#b4bcc8}
body.susiv-v2 .sv-emp-wrap{position:relative}
body.susiv-v2 .sv-emp-msg{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; gap:0.8rem; padding:1.4rem 2.2rem; background:#fff; border:1px solid var(--sv-blue-m); border-radius:0.4rem; font-size:1.5rem; font-weight:700; color:#155e75; white-space:nowrap; box-shadow:0 0 0 0.6rem rgba(255,255,255,0.85)}
body.susiv-v2 .sv-emp-msg i{font-size:2rem; color:var(--sv-blue)}

/* ── 모바일 (800px 이하) ── */

/* 글자 크기 통일(2026-10-12) — 공통 CSS(contents·component)에 있는 글자 중 이 화면 것만, PC에서만 맞춤 */
@media all and (min-width:801px){
  body.susiv-v2 .mpl-vals .v1{font-size:2rem}
  body.susiv-v2 .mpl-vals .v3{font-size:2rem}
  body.susiv-v2 .mpl-lbl{font-size:1.3rem}
  body.susiv-v2 .mpl-bdg{font-size:1.2rem}
  body.susiv-v2 .mpl-name .k{font-size:1.3rem}
  body.susiv-v2 .mpl-ticks{font-size:1.2rem}
  body.susiv-v2 .mpl-none{font-size:1.3rem}
  body.susiv-v2 .mp-guide-link{font-size:1.4rem}
  body.susiv-v2 .mp-empty a{font-size:1.4rem}
  body.susiv-v2 .grade-convert-modal .compare-item strong{font-size:1.4rem}
  body.susiv-v2 .grade-convert-modal .compare-item span{font-size:1.4rem}
  body.susiv-v2 .grade-convert-modal .step-item{font-size:1.4rem}
  body.susiv-v2 .grade-convert-modal .qa-item .qa-a{font-size:1.4rem}
  body.susiv-v2 .grade-convert-modal .modal-notice strong{font-size:1.4rem}
  body.susiv-v2 .grade-convert-modal .modal-notice p{font-size:1.4rem}
  body.susiv-v2 .grade-convert-modal .step-example{font-size:1.3rem}
  body.susiv-v2 .grade-convert-modal .modal-source strong{font-size:1.3rem}
  body.susiv-v2 .grade-convert-modal .modal-source ul li{font-size:1.3rem}
  body.susiv-v2 .grade-convert-modal .modal-table thead th{font-size:1.3rem}
  body.susiv-v2 .compare-loading{font-size:1.5rem}
  body.susiv-v2 .loading-spinner span{font-size:1.5rem}
  body.susiv-v2 .search-tab-btn{font-size:1.4rem}
  body.susiv-v2 .search-results-accordion .accordion-header h4{font-size:1.6rem}
}
/* 페이지 제목 위 「최신입결오픈」 */
body.susiv-v2 .page-current .tit-new-badge{font-size:1.3rem}

@media all and (max-width:800px){
  /* 글자 크기 통일(2026-10-12)은 PC 기준 — 800px 이하 값 중 response.css 모바일 기준표(html.fs-std)에 있는 것은 그쪽이 다시 덮음 */
  body.susiv-v2 .page-current .tit-new-badge{font-size:1.4rem}
  body.susiv-v2 .filter-step .filter-step-top .step-tit::before{font-size:1.2rem}
  body.susiv-v2 .filter-step .filter-step-top .step-tit strong{font-size:1.5rem}
  body.susiv-v2 #departmentStep .step-help, body.susiv-v2 #admissionTypeStep .step-help{font-size:1.2rem}
  body.susiv-v2 .filter-step.hidden::after{font-size:1.35rem}
  body.susiv-v2 .filter-step .filter-grid .filter-placeholder span{font-size:1.35rem}
  body.susiv-v2 .filter-step .chosung-bar .chosung-btn{font-size:1.25rem}
  body.susiv-v2 .filter-step .filter-grid .filter-item{font-size:1.35rem}
  body.susiv-v2 .filter-group-label{font-size:1.25rem}
  body.susiv-v2 #departmentGrid .dept-year-section-title .dys-desc, body.susiv-v2 #departmentGrid .dept-year-section-latest .dept-year-section-title .dys-desc{font-size:1.25rem}
  body.susiv-v2 .sv-rg{font-size:1.15rem}
  body.susiv-v2 h3.stit03 span.title-dept{font-size:2.6rem}
  body.susiv-v2 .grade-convert-info-btn{font-size:1.2rem}
  body.susiv-v2 .sv-g5note{font-size:1.25rem}
  body.susiv-v2 .compare-add-btn, body.susiv-v2 .compare-action-bar .compare-add-btn{font-size:1.3rem}
  body.susiv-v2 .compare-count-label{font-size:1.25rem}
  body.susiv-v2 .pdf-download-btn{font-size:1.3rem}
  body.susiv-v2 .fav-save-btn{font-size:1.3rem}
  body.susiv-v2 .year-match-header span{font-size:1.35rem}
  body.susiv-v2 .year-match-buttons .filter-item .match-years{font-size:1.15rem}
  body.susiv-v2 .year-match-panel.year-match-complete .year-match-header span{font-size:1.3rem}
  body.susiv-v2 .year-match-desc{font-size:1.2rem}
  body.susiv-v2 .sv-sum .k{font-size:1.25rem}
  body.susiv-v2 .sv-sum .v{font-size:2.6rem}
  body.susiv-v2 .sv-sum .d{font-size:1.2rem}
  body.susiv-v2 .sv-cbox h5{font-size:1.35rem}
  body.susiv-v2 .sv-cbox h5 span{font-size:1.15rem}
  body.susiv-v2 .ipgyul-table table > thead > tr > th{font-size:1.5rem}
  body.susiv-v2 .ipgyul-table table > tbody > tr > th{font-size:1.45rem}
  body.susiv-v2 .ipgyul-table tr.sv-key > td{font-size:1.55rem}
  body.susiv-v2 .ipgyul-table .no-data, body.susiv-v2 .compare-merged-table .no-data{font-size:1.2rem}
  body.susiv-v2 .matched-type-row th{font-size:1.45rem}
  body.susiv-v2 .matched-type-row td{font-size:1.35rem}
  body.susiv-v2 .sv-tcap{font-size:1.2rem}
  body.susiv-v2 .compare-tab-header span{font-size:1.35rem}
  body.susiv-v2 .compare-tab-item{font-size:1.3rem}
  body.susiv-v2 .compare-exit-btn{font-size:1.3rem}
  body.susiv-v2 .merged-univ-num{font-size:1.1rem}
  body.susiv-v2 .compare-toast{font-size:1.45rem}
  body.susiv-v2 .compare-toast .toast-sub{font-size:1.25rem}
  body.susiv-v2 .compare-confirm .confirm-msg{font-size:1.55rem}
  body.susiv-v2 .compare-confirm .confirm-cancel, body.susiv-v2 .compare-confirm .confirm-ok{font-size:1.45rem}
  body.susiv-v2 .mp-mode-btn{font-size:1.3rem}
  body.susiv-v2 .mp-grade-summary > span:not(.mp-grade-sep){font-size:1.2rem}
  body.susiv-v2 .mp-mode-desc{font-size:1.3rem}
  body.susiv-v2 .mp-legend-item{font-size:1.2rem}
  body.susiv-v2 .mp-guide p{font-size:1.25rem}
  body.susiv-v2 .mp-empty .mp-empty-msg{font-size:1.5rem}
  body.susiv-v2 .mp-empty .mp-empty-sub{font-size:1.3rem}
  body.susiv-v2 .data-info-panel .info-panel-header span{font-size:1.45rem}
  body.susiv-v2 .data-info-panel .info-section ul li, body.susiv-v2 .data-info-panel .info-section .info-desc, body.susiv-v2 .info-official-list li{font-size:1.3rem}
  body.susiv-v2 .grade-convert-modal h3{font-size:1.9rem}
  body.susiv-v2 .sv-empty .sv-res-hd h2{font-size:2.6rem}
  body.susiv-v2 .sv-empty .sv-tbtn{font-size:1.3rem}
    body.susiv-v2 .filter-step{grid-template-columns:minmax(0,1fr); padding:0 1.2rem 1.2rem}
    body.susiv-v2 .filter-step > *,
    body.susiv-v2 .filter-step .filter-step-top .step-tit,
    body.susiv-v2 #departmentStep .step-help,
    body.susiv-v2 #admissionTypeStep .step-help,
    body.susiv-v2 .filter-step.hidden::after{grid-column:1; margin-left:0}
    body.susiv-v2 .filter-step .filter-step-top .step-tit{grid-row:auto; margin:0 -1.2rem; padding:1rem 1.2rem; border-right:0; border-bottom:1px solid var(--sv-line2)}
    body.susiv-v2 .filter-step > *:not(.filter-step-top){margin-left:0}
    body.susiv-v2 .filter-step.hidden::after{margin-top:1.2rem}
    body.susiv-v2 .filter-step .filter-grid .filter-item{min-height:3.4rem; padding:0.5rem 1rem; font-size:1.25rem}
    body.susiv-v2 .filter-group-label{min-height:3.4rem}
    body.susiv-v2 .sv-tools{width:100%}
    body.susiv-v2 .sv-tools .compare-action-bar,
    body.susiv-v2 .sv-tools .pdf-download-bar{flex:1 1 100%; flex-wrap:wrap}
    body.susiv-v2 .sv-tools .compare-action-bar > *,
    body.susiv-v2 .sv-tools .pdf-download-bar > *{flex:1 1 auto; justify-content:center}
    body.susiv-v2 .compare-action-bar{flex-direction:row}
    body.susiv-v2 .compare-action-bar .compare-add-btn{width:auto; padding:0 1.2rem; font-size:1.3rem}
    body.susiv-v2 h3.stit03 span.title-dept{font-size:2rem}
    body.susiv-v2 .sv-sum{grid-template-columns:1fr 1fr}
    body.susiv-v2 .sv-sum > div:nth-child(2){border-right:0}
    body.susiv-v2 .sv-sum > div:nth-child(-n+2){border-bottom:1px solid var(--sv-line2)}
    body.susiv-v2 .sv-sum .v{font-size:2.1rem}
    body.susiv-v2 .sv-charts{grid-template-columns:1fr}
    body.susiv-v2 .ipgyul-table table > thead > tr > th{padding:0.9rem 0.4rem; font-size:1.3rem}
    body.susiv-v2 .ipgyul-table table > tbody > tr > th{padding:0.9rem 0.5rem; font-size:1.3rem; word-break:keep-all}
    body.susiv-v2 .ipgyul-table table > tbody > tr > td{padding:0.9rem 0.4rem; font-size:1.25rem}
    body.susiv-v2 .ipgyul-table tr.sv-key > td{font-size:1.35rem}
    body.susiv-v2 .ipgyul-table tr.sv-grp > th{font-size:1.3rem; padding:0.7rem 1rem}
    body.susiv-v2 .compare-tab-list{padding:0 1.2rem 0 1.2rem; width:100%}
    body.susiv-v2 .compare-tab-item{width:100%}
    body.susiv-v2 .compare-tab-actions{padding:0 1.2rem 1.2rem; width:100%}
    body.susiv-v2 .mp-grade-summary{grid-template-columns:1fr}
    body.susiv-v2 .mp-grade-summary > span:not(.mp-grade-sep){border-right:0; border-bottom:1px solid var(--sv-line2)}
    body.susiv-v2 .mp-grade-summary > span:not(.mp-grade-sep):last-child{border-bottom:0}
    body.susiv-v2 .mp-empty{grid-template-columns:1fr}
    body.susiv-v2 .mp-empty a{grid-column:1; grid-row:auto; margin-top:0.8rem; justify-self:start}
    body.susiv-v2 .grade-convert-modal .modal-compare{grid-template-columns:1fr}
    body.susiv-v2 .sv-emp-msg{white-space:normal; width:86%; justify-content:center; text-align:center; font-size:1.35rem; padding:1.2rem 1.4rem}
}

/* 768px 이하: 안내 문구를 접어 두고 「안내」로 연다 (원래 contents.css 와 같은 기준 폭) */
/* 5등급 안내 문구는 5등급 변환을 켰을 때만 그려진다(susi.js) — 모바일도 바로 보이므로 「안내」 단추는 쓰지 않음 */
@media screen and (max-width:768px){
    body.susiv-v2 .grade-convert-toggle .notice-toggle-btn{display:none}
}

/* ============================================================
 * 전문대 전용 (시기 구분 표 · 수시1차·2차 내 등급 위치)
 * ============================================================ */
/* 시기 구분 표: 시기 글자색은 지금 그대로(수시1차 주황 · 수시2차 파랑), 시기별 바탕색도 그대로 */
body.susiv-v2 .ipgyul-table table > tbody > tr > th.period-label-1{color:#c2410c; font-weight:800; background:#fff7ed}
body.susiv-v2 .ipgyul-table table > tbody > tr > th.period-label-2{color:#1d4ed8; font-weight:800; background:#eff6ff}
body.susiv-v2 .ipgyul-table table > tbody > tr.period-2:first-of-type > *{border-top:0}
body.susiv-v2 .ipgyul-table table > tbody > tr.period-1 + tr.period-2 > *{border-top:2px solid var(--sv-line)}
body.susiv-v2 .sv-sum .k .sv-pdot{display:inline-block; width:0.9rem; height:0.9rem; margin-right:0.5rem; border-radius:0.15rem; vertical-align:0}

/* 내 등급 위치(수시1차·2차 묶음): 청록 테두리 + 진한 청록 머리 띠로 부각 */
body.susiv-v2 .my-position-section{margin-top:2.4rem !important; padding:0 0 1.6rem !important; background:#fff !important; border:2px solid var(--sv-blue) !important; border-radius:0.4rem !important}
body.susiv-v2 .my-position-section > .my-position-header{margin:0 !important; padding:1.2rem 1.8rem !important; background:var(--sv-navy); border-radius:0.2rem 0.2rem 0 0; border-bottom:0}
body.susiv-v2 .my-position-section > .my-position-header i{color:#a5f3fc}
body.susiv-v2 .my-position-section > .my-position-header .mp-title{color:#fff; font-size:1.6rem; font-weight:800}
body.susiv-v2 .my-position-section > .mp-grade-summary{margin:0 0 0.4rem}
/* 시기별 칸: 얇은 테두리 + 왼쪽 시기 색 막대 */
body.susiv-v2 .my-position-section .my-position-panel{margin:1.4rem 1.8rem 0; padding:0; border:1px solid var(--sv-line); border-radius:0.4rem; background:#fff}
body.susiv-v2 .my-position-section .my-position-panel[data-period="수시1차"]{border-left:3px solid #c2410c}
body.susiv-v2 .my-position-section .my-position-panel[data-period="수시2차"]{border-left:3px solid #1d4ed8}
body.susiv-v2 .my-position-section .my-position-panel .my-position-header{margin:0; padding:1rem 1.4rem; background:var(--sv-bg); border-bottom:1px solid var(--sv-line2); border-radius:0.3rem 0.3rem 0 0}
body.susiv-v2 .my-position-section .my-position-panel .my-position-header i{color:var(--sv-ink2)}
body.susiv-v2 .my-position-section .my-position-panel .my-position-header .mp-title{color:var(--sv-ink); font-size:1.4rem; font-weight:700}
body.susiv-v2 .my-position-section .my-position-panel[data-period="수시1차"] .mp-title{color:#c2410c}
body.susiv-v2 .my-position-section .my-position-panel[data-period="수시2차"] .mp-title{color:#1d4ed8}
body.susiv-v2 .my-position-section > .mp-legend{margin:1.4rem 0 0}
body.susiv-v2 .my-position-section > .mp-guide{margin:0.6rem 0 -1.6rem; border-radius:0 0 0.3rem 0.3rem}
@media all and (max-width:800px){
    body.susiv-v2 .my-position-section .my-position-panel{margin:1.2rem 1.2rem 0}
}

/* 아주 좁은 모바일(374px 이하): 표 글자가 단어 중간에서 끊기지 않게 — 「2026학년/도」·「KU지역균/형」 방지 */
@media all and (max-width:374px){
    body.susiv-v2 .ipgyul-table table > thead > tr > th{padding:0.8rem 0.25rem; font-size:1.15rem; letter-spacing:-0.03rem; word-break:keep-all}
    body.susiv-v2 .ipgyul-table table > thead > tr > th + th{box-shadow:inset 1px 0 0 rgba(255,255,255,0.22)}   /* 머리 칸 사이 구분선 */
    body.susiv-v2 .ipgyul-table table > tbody > tr > td{padding:0.8rem 0.2rem; word-break:keep-all; overflow-wrap:anywhere}   /* 띄어쓰기 없는 긴 전형명은 칸을 넘을 때만 줄바꿈(옆 칸과 겹침 방지, 2026-10-13) */
    body.susiv-v2 .ipgyul-table table > tbody > tr > th{padding:0.8rem 0.25rem}
    body.susiv-v2 .ipgyul-table .no-data{font-size:1.1rem; letter-spacing:-0.04rem}   /* 「공개자료없음」 여섯 글자가 한 칸에 들어가게(원본 모바일 크기 수준) */
}

/* 대학비교 합쳐 보기 표(모바일): 글자가 단어 중간에서 끊기지 않게 + 칸 사이 구분선 */
@media screen and (max-width:768px){
    body.susiv-v2 .compare-merged-header th{padding:0.9rem 0.25rem !important; font-size:1.2rem !important; letter-spacing:-0.03rem; word-break:keep-all}
    body.susiv-v2 .compare-merged-header th:first-child{padding-left:0.6rem !important}
    body.susiv-v2 .compare-merged-table tbody tr:not(.compare-merged-header) th{padding:0.8rem 0.3rem 0.8rem 0.6rem !important; font-size:1.15rem !important; word-break:keep-all}
    body.susiv-v2 .compare-merged-table tbody tr td{padding:0.8rem 0.2rem; word-break:keep-all}
    body.susiv-v2 .compare-merged-table tbody tr td + td{border-left:1px solid var(--sv-line2)}
    body.susiv-v2 .compare-merged-table .no-data{font-size:1.05rem; letter-spacing:-0.05rem}
    body.susiv-v2 .compare-merged-table table colgroup col:first-child{width:27% !important}   /* 대학·학과 */
    body.susiv-v2 .compare-merged-table table colgroup col:nth-child(2){width:13% !important}   /* 시기 */
    body.susiv-v2 .compare-merged-table table colgroup col:nth-child(n+3){width:15% !important}   /* 연도 4칸 */
}
@media all and (max-width:374px){
    body.susiv-v2 .compare-merged-header th{font-size:1.05rem !important; letter-spacing:-0.05rem}
    body.susiv-v2 .compare-merged-table tbody tr:not(.compare-merged-header) th{font-size:1.05rem !important; letter-spacing:-0.04rem; padding-left:0.4rem !important}
}
/* 입력칸 안내 문구 = 그 칸의 입력 글자 크기 (2026-10-12) */
body.susiv-v2 input::placeholder{font-size:inherit}
/* 틀 통일 B안 (2026-10-12) — 모서리 6px, PC·태블릿·모바일 */
@media all{
    /* 단계 상자의 1~4 번호가 같은 역할 */

/* ── 고른 경로 줄 (학과까지 고르면 단계 상자 위에) ── */
body.susiv-v2 .susi-path{border-radius:6px 6px 0 0}
    body.susiv-v2 .susi-path:not([hidden]) + .filter-sec{border-radius:0 0 6px 6px}
    /* ── 단계 상자: 한 상자 안 네 줄 (왼쪽 단계 이름) ── */
body.susiv-v2 .filter-sec{border-radius:6px}
    body.susiv-v2 .filter-step .filter-step-top .step-tit::before{border-radius:6px}
    body.susiv-v2 .filter-step .chosung-bar .chosung-btn{border-radius:6px}
    body.susiv-v2 .filter-step .filter-grid .filter-item{border-radius:6px}
    body.susiv-v2 .filter-group-label{border-radius:6px}
    /* ── 상단 대학 검색 목록 ── */
body.susiv-v2 .page-current .current-search .key-record{border-radius:6px}
    body.susiv-v2 .sv-rg{border-radius:6px}
    /* 5등급 변환 묶음 */
body.susiv-v2 .grade-convert-toggle{border-radius:6px}
    body.susiv-v2 .toggle-slider{border-radius:6px}
    body.susiv-v2 .sv-g5note{border-radius:6px}
    /* 대학비교 · 대학 추가 */
body.susiv-v2 .compare-add-btn,
body.susiv-v2 .compare-action-bar .compare-add-btn{border-radius:6px}
    body.susiv-v2 .compare-count-label{border-radius:6px}
    /* PDF · 관심 */
body.susiv-v2 .pdf-download-btn{border-radius:6px}
    body.susiv-v2 .fav-save-btn{border-radius:6px}
    /* 공개자료없음 채우기 */
body.susiv-v2 .year-match-panel{border-radius:6px}
    body.susiv-v2 .year-match-buttons .filter-item{border-radius:6px}
    /* 요약 수치 · 흐름 그림 */
body.susiv-v2 .sv-sum{border-radius:6px}
    body.susiv-v2 .sv-cbox{border-radius:6px}
    /* 4개년 표 */
body.susiv-v2 .ipgyul-table{border-radius:6px}
    /* 대학비교 탭 줄 */
body.susiv-v2 .compare-tab-bar{border-radius:6px}
    body.susiv-v2 .compare-tab-item{border-radius:6px}
    body.susiv-v2 .compare-tab-item .tab-close{border-radius:6px}
    body.susiv-v2 .compare-exit-btn{border-radius:6px}
    /* 합쳐보기 표 */
body.susiv-v2 .compare-merged-table{border-radius:6px}
    body.susiv-v2 .merged-univ-num{border-radius:6px}
    /* 알림 · 확인 창 · 불러오는 중 */
body.susiv-v2 .compare-toast{border-radius:6px}
    body.susiv-v2 .compare-confirm{border-radius:6px}
    /* 내 등급 위치 */
/* 내 등급 위치: 파란 테두리 + 남색 머리 띠로 부각 */
body.susiv-v2 .my-position-panel{border-radius:6px}
    body.susiv-v2 .mp-mode-toggle{border-radius:6px}
    body.susiv-v2 .mpl-bdg{border-radius:6px}
    body.susiv-v2 .mp-guide{border-radius:0 0 6px 6px}
    body.susiv-v2 .mp-empty{border-radius:6px}
    body.susiv-v2 .mp-empty a{border-radius:6px}
    /* 데이터 안내 */
body.susiv-v2 .data-info-panel{border-radius:6px}
    /* 변환기준 창 */
body.susiv-v2 .grade-convert-modal{border-radius:6px}
    body.susiv-v2 .grade-convert-modal .modal-close{border-radius:6px}
    body.susiv-v2 .grade-convert-modal .compare-item,
body.susiv-v2 .grade-convert-modal .qa-item{border-radius:6px}
    body.susiv-v2 .grade-convert-modal .step-item{border-radius:6px}
    body.susiv-v2 .grade-convert-modal .step-example{border-radius:6px}
    body.susiv-v2 .grade-convert-modal .modal-notice{border-radius:6px}
    body.susiv-v2 .sv-empty .sv-tbtn{border-radius:6px}
    body.susiv-v2 .sv-emp-msg{border-radius:6px}
    /* 내 등급 위치(수시1차·2차 묶음): 청록 테두리 + 진한 청록 머리 띠로 부각 */
body.susiv-v2 .my-position-section{border-radius:6px !important}
    /* 시기별 칸: 얇은 테두리 + 왼쪽 시기 색 막대 */
body.susiv-v2 .my-position-section .my-position-panel{border-radius:6px}
    body.susiv-v2 .my-position-section .my-position-panel .my-position-header{border-radius:6px 6px 0 0}
    body.susiv-v2 .my-position-section > .mp-guide{border-radius:0 0 6px 6px}
}
/* 틀 통일 B안 (2026-10-12) — 큰 검색칸·주 단추 50 · 조건 줄 입력칸·보조/선택 단추 40 · 모서리 6, PC·태블릿·모바일(rem 이라 폭 따라 줄어듦) */
@media all{
    body.susiv-v2 .filter-step .filter-grid .filter-item{min-height:4rem}
    body.susiv-v2 .compare-action-bar .compare-add-btn,body.susiv-v2 .compare-add-btn,body.susiv-v2 .pdf-download-btn,body.susiv-v2 .fav-save-btn,body.susiv-v2 .compare-exit-btn,body.susiv-v2 .sv-empty .sv-tbtn{height:4rem}
}
/* 틀 통일 B안 (2026-10-12) — 구역 사이 40px, PC·태블릿·모바일 */
@media all{
    body.susiv-v2 .filter-sec{margin-top:4rem}
}
/* 틀 통일 B안 (2026-10-12) — 상자 안 여백: 글이 들어가는 큰 상자 24 · 작은 상자 16, PC·태블릿·모바일 */
@media all{
    body.susiv-v2 .sv-cbox{padding:1.6rem}
}
/* 틀 통일 B안 (2026-10-12) — 모바일 상자 안 여백: 큰 상자 16 · 작은 상자 12 */
@media all and (max-width:800px){
    body.susiv-v2 .sv-cbox{padding:1.5rem}
}

/* 흐름 그림 — 실제 폭으로 그림(높이 20rem) · PC 커서 올림 안내 상자 (2026-10-12) */
body.susiv-v2 .sv-line{width:100%; min-height:20rem}
body.susiv-v2 .sv-line svg{display:block}
body.susiv-v2 .sv-line .sv-hit{cursor:default}
body.susiv-v2 .sv-tip{position:fixed; z-index:60; pointer-events:none; opacity:0; min-width:16rem; padding:1.2rem 1.4rem; background:#2b2b2b; color:#fff; font-size:1.3rem; line-height:1.6; border-radius:0}
body.susiv-v2 .sv-tip.on{opacity:1}
body.susiv-v2 .sv-tip h4{margin:0 0 0.6rem; font-size:1.4rem; font-weight:700; color:#fff}
body.susiv-v2 .sv-tip dl{display:grid; grid-template-columns:auto 1fr; gap:0.2rem 1.6rem; margin:0}
body.susiv-v2 .sv-tip dt{color:#e0e0e0; white-space:nowrap}
body.susiv-v2 .sv-tip dt i{display:inline-block; width:0.9rem; height:0.9rem; margin-right:0.6rem; vertical-align:0}
body.susiv-v2 .sv-tip dd{margin:0; text-align:right; font-weight:700; font-variant-numeric:tabular-nums}