/* 검정고시 통계 페이지 (stats.php, 2026-09-16) — 시안 gumgosi_stats.html 의 값 그대로, 클래스만 st- 접두사(부트스트랩 .btn 등과 겹치지 않게).
   색·글꼴 변수(--brand·--ink…)는 gj.css 의 :root 것을 쓴다. 본문 폭은 .gj-main(1500px) */
.st-main{padding-bottom:5rem}
.st-sec{background:#fff;border:1px solid #c5d0dc;border-radius:3px;padding:1.5rem;margin-bottom:1.5rem;scroll-margin-top:5.5rem}
.st-sec h2{font-size:20px;font-weight:800;margin:0 0 .25rem;letter-spacing:-.3px}
.st-sec .st-sub{font-size:14px;color:var(--ink2);margin:0 0 1.25rem}
.st-mixh{color:#0f172a;font-weight:700}   /* 머리 설명 첫머리 「수시·정시로 입학한 신입생 전체」 (2026-09-17) */
.st-mix{font-style:normal;font-size:13px;font-weight:700;color:#92400E;background:#FFFBEB;border:1px solid #F59E0B;border-radius:3px;padding:.0625rem .4375rem;margin:0 .125rem;white-space:nowrap}
.sub-hero h1 small.st-src{font-size:14px!important;font-weight:400;letter-spacing:0;color:var(--ink2);margin-left:.25rem;vertical-align:.15em}.sub-hero h1 small.st-src b{font-weight:600}   /* 출처 — 제목 옆 괄호 안 작게 (2026-09-17 사용자 지시). gj.css 의 small 최소 크기(!important)보다 우선하도록 선택자를 올림 */
/* 4년제/전문대 · 연도 고르개 */
.st-kind{display:flex;justify-content:center;align-items:center;gap:.625rem;margin:0 0 1.5rem;flex-wrap:wrap}
.st-kt{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.5rem;border-radius:999px;border:2px solid #cbd5e1;background:#fff;color:#334155;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s}
.st-kt small{font-size:.8125rem;font-weight:500;color:#64748b}
.st-kt:hover{border-color:var(--brand);color:var(--brand-d)}
.st-kt.on{background:var(--brand);border-color:var(--brand);color:#fff}.st-kt.on small{color:#E6F4F8}
.st-ysep{width:1px;height:1.75rem;background:#cbd5e1;margin:0 .5rem}
.st-yt{padding:.45rem 1rem;border-radius:999px;border:1px solid #b6c2d1;background:#fff;color:#334155;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}
.st-yt:hover{border-color:var(--brand);color:var(--brand-d);background:var(--brand-l)}
.st-yt.on{background:#202020;border-color:#202020;color:#fff}
.st-ylb{font-size:13px;font-weight:700;color:var(--ink2)}
.st-years{display:inline-flex;flex-wrap:wrap;gap:.875rem}   /* 연도 알약 사이 간격 (2026-09-16 사용자 지시: 붙어 있던 것을 띄움) */
/* 숫자 타일 */
.st-tsel{font-size:15px;color:var(--ink2);margin:0 0 .625rem;padding-left:.75rem;border-left:3px solid var(--brand)}.st-tsel b{color:var(--ink);font-weight:700}.st-tsel small{font-size:13px;color:var(--mut)}   /* 카드 기준 줄 (2026-09-16) */
.st-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}
.st-tile{background:#fff;border:1px solid #c5d0dc;border-radius:3px;padding:1.125rem 1.25rem;border-top:3px solid var(--brand)}
.st-tile .l{font-size:14px;color:var(--ink2)}   /* 타일 글자 톤 다운 (2026-09-16 사용자 지시: 너무 크고 굵다) */
.st-tile .v{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:-.3px;color:var(--ink);line-height:1.2;margin:.25rem 0}
.st-tile .v small{font-size:14px;font-weight:400;color:var(--ink2);margin-left:2px}
.st-tile .v.txt{font-size:18px;letter-spacing:-.3px}   /* 대학 이름은 숫자보다 작게 (2026-09-16 사용자 지시) */
.st-tile .d{font-size:13px;color:var(--mut)}
.st-up{color:#B91C1C}.st-dn{color:#1D4ED8}.st-eq{color:var(--mut)}   /* 전년 대비 ▲▼ — 색만 다르고 크기·굵기는 옆 글자와 같게 (2026-09-16 사용자 지시) */
/* 추이 */
.st-trend{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.st-tbox{border:1px solid #c5d0dc;border-radius:3px;padding:1rem 1.25rem}
.st-tbox h3{font-size:16px;font-weight:700;margin:0 0 .25rem}
.st-tbox .lg{display:flex;gap:1rem;font-size:13px;color:var(--ink2);margin-bottom:.5rem}
.st-tbox .lg i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:.375rem;vertical-align:-1px}
.st-tbox svg{width:100%;height:auto;display:block;overflow:visible}
.st-tbox svg text{font-family:inherit}
.st-tbox .ax{font-size:12px;fill:var(--mut)}
.st-tbox .vl{font-size:12px;font-weight:700;fill:var(--ink)}
.st-tbox .yl{font-size:13px;font-weight:600;fill:var(--ink2)}
.st-tbox .gl{stroke:#E5E9EE;stroke-width:1}
.st-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 연도 표 — 전년 대비 열 분리(2026-09-16): 값은 오른쪽 정렬, 전년 대비 열은 연한 바탕·굵은 ▲▼, 4년제/전문대 사이는 굵은 세로선 */
.st-mo{display:none}
table.st-yt3{width:100%;border-collapse:collapse;font-size:15px;border:1px solid #b6c2d1;margin-top:1.25rem}
table.st-yt3 th{font-size:15px;color:var(--ink);font-weight:700;text-align:center;padding:.5rem .625rem;background:#F1F5F9;border:1px solid #b6c2d1;border-bottom:2px solid #202020;white-space:nowrap}
table.st-yt3 th.g{font-size:16px;border-bottom:1px solid #b6c2d1}
table.st-yt3 th.d{background:#EEF2F6}   /* 전년 대비 머리글도 다른 머리글과 같은 크기·굵기 (2026-09-16 사용자 지시) */
table.st-yt3 td{padding:.55rem .75rem;border:1px solid #DADADA;border-top:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.st-yt3 td:first-child{font-weight:700;text-align:center}
table.st-yt3 td.df{background:#FAFBFC;text-align:center}
table.st-yt3 td.df small{display:inline-block;margin-left:.375rem;font-size:12px;color:var(--mut)}
table.st-yt3 td:nth-child(6),table.st-yt3 th:nth-child(6):not([colspan]),table.st-yt3 th.g:first-of-type{border-right:2px solid #94A3B8}
table.st-yt3 tr:hover td{background:#FFFBEB}
/* 도넛 */
.st-two{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:center}
.st-donut{position:relative;width:300px;height:300px;margin:0 auto}
.st-donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.st-donut .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 22%;word-break:keep-all;pointer-events:none}
.st-donut .c b{font-size:34px;font-weight:900;letter-spacing:-1px;color:var(--ink);line-height:1.1}
.st-donut .c span{font-size:14px;color:var(--ink2);font-weight:600;line-height:1.35;margin-top:.25rem}
.st-donut path{transition:opacity .15s;cursor:pointer}
.st-donut.hov path{opacity:.35}.st-donut.hov path.on{opacity:1}
table.st-lg{width:100%;border-collapse:collapse;font-size:15px;border:1px solid #b6c2d1}
table.st-lg th{font-weight:700;color:var(--ink);font-size:16px;text-align:center;padding:.5rem;background:#F1F5F9;border:1px solid #b6c2d1;border-bottom:2px solid #202020}
table.st-lg td{padding:.55rem .75rem;border:1px solid #DADADA;border-top:0;vertical-align:middle}
table.st-lg td.n{text-align:right;font-variant-numeric:tabular-nums}   /* 머리글은 모두 가운데 (2026-09-16 사용자 지시) */
.st-sw{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:.5rem;vertical-align:-1px}
table.st-lg tr.gj td{background:var(--brand-l);font-weight:700}
table.st-lg tr:hover td{background:#FFFBEB}
/* 검색·알약 */
.st-bar{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin-bottom:1rem}.st-bar>*{min-width:0}
.st-srch{display:flex;gap:.5rem;max-width:520px}
.st-srch input{flex:1;min-width:0;height:42px;border:1px solid var(--brand);border-radius:999px;padding:0 1rem 0 2.5rem;font:inherit;font-size:15px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230891B2' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 1rem center;outline:0}
.st-srch input::placeholder{color:#8a96a6}
.st-btn{height:42px;padding:0 1.25rem;border-radius:999px;border:1px solid var(--brand);background:var(--brand);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.st-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(8,145,178,.25)}
.st-btn.o{background:#fff;color:#334155;border-color:#b6c2d1}
.st-seg{display:inline-flex;border:1px solid #b6c2d1;border-radius:999px;overflow:hidden;background:#fff;max-width:100%}
.st-seg button{border:0;background:none;padding:.5rem 1rem;font:inherit;font-size:14px;font-weight:600;color:#334155;cursor:pointer}
.st-seg button+button{border-left:1px solid #b6c2d1}   /* 단추 사이 세로 구분선 (2026-09-16 사용자 지시) */
.st-seg button:hover{background:var(--brand-l);color:var(--brand-d)}
.st-seg button.on{background:var(--brand);color:#fff}.st-seg button.on+button{border-left-color:transparent}
.st-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center}
.st-chips .lb{font-size:13px;font-weight:700;color:var(--ink2);width:2.5rem}
.st-pill{border:1px solid #b6c2d1;background:#fff;color:#334155;font-size:.875rem;font-weight:500;line-height:1.3;padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .15s}
.st-pill:hover{color:var(--brand-d);border-color:var(--brand);background:var(--brand-l);transform:translateY(-2px);box-shadow:0 6px 16px rgba(8,145,178,.2)}
.st-pill.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.st-rbar{display:flex;justify-content:space-between;align-items:center;margin:1.25rem 0 .75rem;padding-top:1rem;border-top:1px solid #cbd5e1;font-size:14px;color:var(--ink2)}
.st-rbar b{color:var(--ink);font-size:16px}
/* 순위표 — 엑셀처럼 세로줄, 머리글은 본문보다 크게·가운데 */
table.st-rk{width:100%;border-collapse:collapse;font-size:15px;border:1px solid #b6c2d1}
table.st-rk th{font-size:16px;color:var(--ink);font-weight:700;text-align:center;padding:.625rem .5rem;background:#F1F5F9;border:1px solid #b6c2d1;border-bottom:2px solid #202020;white-space:nowrap}
table.st-rk td{padding:.625rem .75rem;border:1px solid #DADADA;border-top:0;vertical-align:middle}
table.st-rk td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.st-rk td.c{text-align:center;white-space:nowrap}
table.st-rk .rank{width:3.5rem;color:var(--mut);font-weight:700;text-align:center}
table.st-rk tbody tr:nth-child(-n+3) .rank{color:var(--brand)}
table.st-rk .u{font-weight:700;color:var(--ink);text-decoration:none}
table.st-rk a.u:hover{color:var(--brand2);text-decoration:underline}
table.st-rk .tg{display:inline-block;font-size:12px;color:#92400E;background:#FFFBEB;border:1px solid #F59E0B;border-radius:3px;padding:0 .4rem;margin-left:.4rem;font-weight:500;vertical-align:1px}
table.st-rk tbody tr:hover td{background:#FFFBEB}
/* 「3개년」 단추 열 + 펼침(막대 그래프 + 표) (2026-09-16 사용자 지시: ▸ 만으로는 뜻을 모름) */
table.st-rk th.x,table.st-rk td.x{width:6.5rem;text-align:center;white-space:nowrap}
.st-x{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--brand);background:#fff;color:var(--brand-d);font:inherit;font-size:13px;font-weight:600;padding:.25rem .625rem;border-radius:999px;cursor:pointer;transition:all .15s}
.st-x i{display:inline-block;width:0;height:0;border-left:.3rem solid transparent;border-right:.3rem solid transparent;border-top:.35rem solid currentColor}
.st-x:hover{background:var(--brand-l)}
tr.open .st-x{background:var(--brand);color:#fff;border-color:var(--brand)}tr.open .st-x i{transform:rotate(180deg)}
/* 고른 줄 + 펼친 칸을 한 덩어리로 — 선명한 주황 테두리(위·좌우·아래), 바탕은 진한 회청색 (2026-09-16 사용자 지시). > 로 안쪽 표 칸에는 안 걸리게 */
table.st-rk tr.open td{background:#EEF6F9;border-top:2px solid #F97316;border-bottom:0}
table.st-rk tr.open td:first-child{border-left:2px solid #F97316}table.st-rk tr.open td:last-child{border-right:2px solid #F97316}
table.st-rk tr.st-xr>td{background:#E4EEF3;padding:1rem 1.25rem 1.25rem;border-top:2px solid #F97316;border-left:2px solid #F97316;border-right:2px solid #F97316;border-bottom:2px solid #F97316}   /* 대학 줄과 펼친 칸 사이에도 같은 색 가로선 (2026-09-16 사용자 지시) */
table.st-rk tr.st-xr:hover>td{background:#E4EEF3}
.st-xw{font-size:14px;color:var(--ink2)}.st-xh{font-size:15px;margin-bottom:.625rem}.st-xh b{color:var(--ink);font-size:16px;margin-right:.375rem}
.st-xb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:stretch}   /* 그래프·표가 펼친 칸 폭을 반씩 꽉 채움 (2026-09-16 사용자 지시) */
.st-xc{background:#fff;border:1px solid #c5d0dc;border-radius:3px;padding:.625rem .875rem .375rem;display:flex;flex-direction:column}.st-xc svg{flex:1}
.st-xc .t{font-size:12px;color:var(--mut);margin-bottom:.25rem}
.st-xc svg{width:100%;height:auto;display:block;overflow:visible}.st-xc svg text{font-family:inherit}
.st-xc .vl{font-size:12px;font-weight:700;fill:var(--ink)}.st-xc .rl{font-size:11px;fill:var(--brand-d)}.st-xc .yl{font-size:12px;fill:var(--ink2)}
table.st-xt{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid #c5d0dc;height:100%}
table.st-xt th{font-weight:700;color:var(--ink);background:#F1F5F9;border:1px solid #c5d0dc;padding:.375rem .75rem;text-align:center;white-space:nowrap}
table.st-xt td{border:1px solid #DADADA;padding:.375rem .75rem;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff}
table.st-xt td:first-child{text-align:center;font-weight:700}table.st-xt td.na{text-align:center;color:var(--mut)}
table.st-xt .dd{font-size:13px}   /* 전년 대비 (▲591) · (▼0.10%p) — 옆 숫자(14px)보다 한 단계 작게 (2026-09-17 사용자 지시) */
.st-rt{display:flex;align-items:center;gap:.625rem;min-width:200px}
.st-rt .tk{flex:1;height:14px;background:#EEF1F4;border-radius:3px;overflow:hidden;position:relative}
.st-rt .tk i{display:block;height:100%;background:var(--brand);border-radius:0 3px 3px 0}
.st-rt .tk i.avg{position:absolute;top:-3px;bottom:-3px;width:2px;height:auto;background:#EF4444;border-radius:0}
.st-rt b{width:4.25rem;text-align:right;font-variant-numeric:tabular-nums;font-size:15px}
.st-lgd{display:inline-flex;align-items:center;gap:.5rem;font-size:14px;color:var(--ink2)}
.st-lgd .ln{display:inline-block;width:2px;height:16px;background:#EF4444}
.st-lgd b{color:#B91C1C;font-size:16px}
.st-more{display:block;margin:1rem auto 0;min-width:200px}
/* 지역 막대 */
.st-hb{display:grid;grid-template-columns:5.5rem 1fr 7rem;gap:.375rem 1rem;align-items:center;font-size:15px}
.st-hb .k{font-weight:600;text-align:right;color:var(--ink)}
.st-hb .tk{height:22px;background:#EEF1F4;border-radius:3px;overflow:hidden}
.st-hb .tk i{display:block;height:100%;background:var(--brand);border-radius:0 3px 3px 0;transition:width .4s}
.st-hb .v{font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink2)}.st-hb .v b{color:var(--ink);font-size:15px}
.st-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.st-est{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.st-est .bx{border:1px solid #c5d0dc;border-radius:3px;padding:1rem 1.25rem}
.st-est .bx .t{font-size:15px;font-weight:700;color:var(--ink2)}
.st-est .bx .v{font-size:28px;font-weight:900;letter-spacing:-.5px;margin:.125rem 0}
.st-est .bx .v small{font-size:15px;color:var(--ink2);font-weight:700}
.st-est .bx .d{font-size:13px;color:var(--mut)}
.st-est .bx .tk{height:10px;background:#EEF1F4;border-radius:3px;margin-top:.625rem;overflow:hidden}.st-est .bx .tk i{display:block;height:100%;background:var(--brand)}
.st-est .bx.all{grid-column:1/-1;border-color:var(--brand);background:var(--brand-l)}.st-est .bx.all .tk{background:#fff}   /* 4년제 + 전문대학 합계 — 한 줄 전체, 청록 테두리 (2026-09-17 사용자 지시) */
/* 안내 */
.st-info{background:#F8FAFC}
.st-info ul{margin:0;padding-left:1.25rem;font-size:14px;color:var(--ink2)}.st-info li{margin:.25rem 0}
.st-tip{position:fixed;pointer-events:none;background:#202020;color:#fff;font-size:13px;padding:.4rem .625rem;border-radius:3px;z-index:99;display:none;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2)}
@media (max-width:1200px){.st-tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.st-tiles{grid-template-columns:repeat(2,1fr)}.st-tile:last-child{grid-column:1/-1}.st-two{grid-template-columns:1fr}.st-split{grid-template-columns:1fr}.st-bar{grid-template-columns:1fr}.st-trend{grid-template-columns:1fr}}
/* ── 핸드폰(575px 이하) — 글자 단계: 절 제목 16 · 소제목 14 · 본문 13 · 보조 11~12px, 여백 촘촘히. 표는 모두 화면 폭(320px 핸드폰까지) 안에 (2026-09-16) ── */
@media (max-width:575.98px){
 .st-pc{display:none}
 .st-main{padding:.75rem .75rem 2.5rem}.st-sec{padding:.75rem .625rem;margin-bottom:.625rem;scroll-margin-top:3.5rem}.st-sec h2{font-size:16px;margin-bottom:.125rem}.st-sec .st-sub{font-size:12px;line-height:1.5;margin-bottom:.625rem}
 .sub-hero h1 small.st-src{display:block;margin:.25rem 0 0;font-size:11px!important;line-height:1.45;vertical-align:baseline}
 /* 고르개 */
 .st-kind{gap:.375rem;margin-bottom:.625rem}
 .st-kt{flex:1 1 calc(50% - .1875rem);justify-content:center;padding:.4375rem .375rem;font-size:14px;gap:.3125rem;border-width:1.5px}.st-kt small{font-size:11px}
 .st-ysep{display:none}.st-ylb{display:none}.st-years{width:100%;gap:.375rem;justify-content:center;margin-top:.125rem}.st-yt{padding:.25rem .75rem;font-size:12px;min-height:34px;display:inline-flex;align-items:center}   /* 누름 칸 34px (2026-09-23 모바일 검수) */
 /* 숫자 타일 — 한 줄 목록 */
 .st-tsel{font-size:13px;margin-bottom:.5rem;padding-left:.5rem}.st-tsel small{display:block;font-size:11px}
 .st-tiles{grid-template-columns:1fr;gap:.375rem;margin-bottom:.625rem}
 .st-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "d v";column-gap:.625rem;align-items:center;padding:.5rem .75rem;border-top-width:2px}
 .st-tile:last-child{grid-column:auto}
 .st-tile .l{grid-area:l;font-size:12px}.st-tile .d{grid-area:d;font-size:11px;line-height:1.4}
 .st-tile .v{grid-area:v;font-size:17px;margin:0;text-align:right;white-space:normal;overflow:visible;word-break:keep-all;max-width:10rem;letter-spacing:-.3px}.st-tile .v small{font-size:12px}.st-tile .v.txt{font-size:14px;letter-spacing:-.3px}
 /* 추이 */
 .st-trend{gap:.625rem}.st-tbox{padding:.625rem .5rem}.st-tbox h3{font-size:14px}.st-tbox .lg{font-size:11px;gap:.625rem;margin-bottom:.25rem}.st-tbox .lg i{width:10px;height:10px}
 .st-tbox .ax{font-size:11px}.st-tbox .vl{font-size:11px}.st-tbox .yl{font-size:12px}
 .st-mo{display:block;overflow-x:auto}.st-mo-note{font-size:11px;color:var(--mut);margin:.625rem 0 -.375rem;text-align:right}
 table.st-yt3{font-size:12px;margin-top:.625rem}table.st-yt3 th{font-size:12px;padding:.3125rem .125rem;line-height:1.3}table.st-yt3 th.g{font-size:13px}
 table.st-yt3 td{padding:.3125rem .375rem;line-height:1.3;white-space:nowrap;vertical-align:middle}table.st-yt3 td:first-child{padding:.3125rem .25rem}
 table.st-yt3 .dm{display:block;font-size:11px;line-height:1.3}table.st-yt3 .dm span{color:var(--mut)}
 table.st-yt3 td:nth-child(6),table.st-yt3 th.g:first-of-type{border-right:1px solid #DADADA}
 /* 도넛 */
 .st-two{gap:.75rem}.st-donut{width:180px;height:180px}.st-donut .c b{font-size:22px}.st-donut .c span{font-size:11px}
 table.st-lg{font-size:12px}table.st-lg th{font-size:12px;padding:.3125rem .25rem}table.st-lg td{padding:.3125rem .375rem}.st-sw{width:9px;height:9px;margin-right:.3125rem}
 /* 검색·순위 */
 .st-bar{gap:.5rem;margin-bottom:.5rem}.st-srch{max-width:none;gap:.3125rem}.st-srch input{height:34px;font-size:13px;padding-left:2rem;background-position:.6875rem center;background-size:14px}.st-btn{height:34px;padding:0 .6875rem;font-size:12px}
 .st-seg{display:flex}.st-seg button{flex:1;padding:.375rem .25rem;font-size:12px}
 .st-chips{gap:.25rem;margin-bottom:.375rem}.st-chips .lb{font-size:11px;width:1.75rem}.st-pill{font-size:11px;padding:.2rem .5rem;min-height:32px;display:inline-flex;align-items:center}   /* 누름 칸 32px (2026-09-23 모바일 검수) */
 .st-rbar{flex-direction:column;align-items:flex-start;gap:.125rem;margin:.625rem 0 .375rem;padding-top:.5rem;font-size:12px}.st-rbar b{font-size:13px}
 .st-lgd{font-size:11px;flex-wrap:wrap;gap:.125rem .25rem}.st-lgd b{font-size:12px}.st-lgd .ln{height:11px}
 table.st-rk{font-size:12px}table.st-rk th{font-size:12px;padding:.375rem .125rem}table.st-rk td{padding:.375rem .25rem}table.st-rk .rank{width:1.75rem}table.st-rk .tg{display:none}
 table.st-rk .u{font-size:12px;letter-spacing:-.2px;word-break:keep-all}
 table.st-rk a.u{display:inline-block;padding:7px 0;margin:-7px 0}   /* 대학 이름 링크 누름 칸 세로로 넓힘 — 바깥 여백을 같은 만큼 빼 줄 높이는 그대로 (2026-09-23 모바일 검수) */
 table.st-rk th.x,table.st-rk td.x{width:3.25rem;padding:.375rem .0625rem}.st-x{font-size:11px;padding:.15rem .3rem;gap:.15rem;min-height:30px;justify-content:center}   /* 누름 칸 30px (2026-09-23 모바일 검수) */.st-x i{border-left-width:.22rem;border-right-width:.22rem;border-top-width:.28rem}
 table.st-rk tr.st-xr>td{padding:.5rem .5rem .625rem}.st-xw{font-size:12px}.st-xh{font-size:13px;margin-bottom:.375rem}.st-xh b{font-size:14px}.st-xb{grid-template-columns:1fr;gap:.5rem}.st-xc{padding:.5rem .5rem .125rem}
 table.st-xt{min-width:0;width:100%;table-layout:fixed;font-size:11px}table.st-xt th{padding:.25rem .125rem;white-space:normal;line-height:1.3}table.st-xt td{padding:.25rem .3rem;line-height:1.3}table.st-xt th:first-child,table.st-xt td:first-child{width:3.25rem}table.st-xt .dd{display:block;font-size:11px}
 .st-hide-m{display:none}.st-rt{min-width:4.25rem;gap:.2rem}.st-rt .tk{height:9px}.st-rt b{width:2.75rem;font-size:11px}table.st-rk td.n{padding-left:.125rem;padding-right:.25rem}
 .st-more{min-width:0;width:100%;margin-top:.625rem}
 /* 지역·설립 — 설립 상자는 한 줄에 하나(제목 왼쪽·값 오른쪽) */
 .st-split{gap:.625rem}
 .st-hb{grid-template-columns:2.5rem 1fr 5.5rem;gap:.1875rem .375rem;font-size:12px}.st-hb .tk{height:12px}.st-hb .v{font-size:11px}.st-hb .v b{font-size:12px}
 .st-est{grid-template-columns:1fr;gap:.375rem}
 .st-est .bx{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t v" "d v" "k k";column-gap:.5rem;align-items:center;padding:.5rem .625rem}
 .st-est .bx .t{grid-area:t;font-size:12px}.st-est .bx .d{grid-area:d;font-size:11px;line-height:1.35}
 .st-est .bx .v{grid-area:v;font-size:17px;letter-spacing:-.3px;white-space:nowrap;margin:0}.st-est .bx .v small{font-size:11px}
 .st-est .bx .tk{grid-area:k;height:5px;margin-top:.375rem}
 /* 안내 */
 .st-info ul{padding-left:1rem;font-size:12px}.st-info li{line-height:1.55;margin:.2rem 0}
}
@media (max-width:359.98px){table.st-yt3 .dm span{display:none}table.st-yt3 td{padding:.3125rem .25rem}}   /* 아주 좁은 핸드폰(320px)는 증감 % 생략 */
/* ══ 핸드폰 통계 앱처럼 (2026-09-17 사용자 지시: 메인처럼 모바일 친화적으로) — 카드 둥글게 10px · 요약은 2열 타일 · 추이는 탭 · 순위 10개 · 안내 접힘 ══ */
.st-mtab { display: none; }
@media (max-width:575.98px) {
 .st-sec { border-radius: 10px; }
 /* 기준 줄 — 짧게 */
 .st-tsel-t { display: none; }
 .st-tsel { border-left-width: 3px; line-height: 1.55; }
 /* 요약 5장 — 2열 타일(값 크게 · 이름 · 설명), 마지막 장은 한 줄 전체 */
 .st-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
 .st-tile { display: flex; flex-direction: column; gap: 2px; padding: .625rem .75rem; border-radius: 10px; border-top-width: 3px; min-width: 0; text-align: left; align-items: stretch; }
 .st-tile:last-child { grid-column: 1 / -1; }
 .st-tile .l { order: 1; font-size: 12px; line-height: 1.35; color: var(--ink); font-weight: 600; }
 .st-tile .v { order: 2; font-size: 20px; text-align: left; max-width: none; margin: 2px 0 0; white-space: normal; word-break: keep-all; }
 .st-tile .v small { font-size: 12px !important; }   /* gj.css 의 small 최소 14px(!important)보다 우선 */
 .st-tile .v.txt { font-size: 15px; line-height: 1.3; }
 .st-tile .d { order: 3; font-size: 11px; line-height: 1.4; color: var(--ink2); }
 /* 연도별 추이 — 탭으로 하나씩 */
 .st-mtab { display: flex; gap: 0; margin: 0 0 .625rem; border: 1px solid #b6c2d1; border-radius: 999px; overflow: hidden; background: #fff; }
 .st-mtab button { flex: 1; border: 0; background: none; padding: .45rem .25rem; font: inherit; font-size: 13px; font-weight: 700; color: #334155; }
 .st-mtab button + button { border-left: 1px solid #b6c2d1; }
 .st-mtab button.on { background: var(--brand); color: #fff; }
 .st-mtab button.on + button { border-left-color: transparent; }
 #trend[data-v="n"] .st-tbox:nth-child(2), #trend[data-v="n"] .st-mo,
 #trend[data-v="r"] .st-tbox:nth-child(1), #trend[data-v="r"] .st-mo,
 #trend[data-v="t"] .st-trend { display: none; }
 #trend[data-v="t"] .st-mo-note { margin-top: 0; }
 .st-tbox { border-radius: 10px; }
 /* 출신 학교 유형 — 도넛 작게 */
 .st-donut { width: 140px; height: 140px; }
 .st-donut .c b { font-size: 19px; }
 .st-donut .c span { font-size: 11px; }
 /* 순위 — 지역 알약은 한 줄 가로로 밀어 보기 */
 #sidoChips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: none; }
 #sidoChips::-webkit-scrollbar { display: none; }
 #sidoChips .st-pill, #sidoChips .lb { flex: none; }
 .st-srch input, .st-btn { border-radius: 999px; }
 .st-more { border-radius: 10px; height: 38px; font-size: 13px; }
 /* 설립별 비교 — 2열 타일, 합계는 한 줄 전체 */
 .st-est { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
 .st-est .bx { display: flex; flex-direction: column; gap: 2px; padding: .625rem .75rem; border-radius: 10px; min-width: 0; text-align: left; align-items: stretch; }
 .st-est .bx.all { grid-column: 1 / -1; }
 .st-est .bx .t { font-size: 12px; color: var(--ink); line-height: 1.35; }
 .st-est .bx .v { font-size: 18px; white-space: normal; }
 .st-est .bx .v small { font-size: 12px !important; font-weight: 600; color: var(--ink2); margin-left: 2px; }
 .st-est .bx .d { font-size: 11px; color: var(--ink2); }
 .st-est .bx .tk { margin-top: .375rem; }
 /* 이 통계를 읽을 때 — 접힘 */
 .st-info-h { cursor: pointer; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0 !important; }
 .st-info-h::after { content: "\25BE"; font-size: 14px; color: var(--ink2); transition: transform .15s; }
 .st-info.open .st-info-h::after { transform: rotate(180deg); }
 .st-info:not(.open) ul { display: none; }
 .st-info.open ul { margin-top: .5rem; }
}

/* ══ 모바일(≤575) 글자 크기 역할별 통일 + 왼쪽 정렬 문장 양끝 정렬 (2026-10-13 사용자 지시 — 대학입결검색기 기준표 방식)
   대제목 20 · 구역 제목 17 · 상자·카드 제목 15 · 본문 14 · 구역 설명·안내문 13 · 표·칩·탭·보조 단추 13 · 배지·주석·꼬리말 12 · 강조 숫자 22 · 그래프 글자 11
   양끝 정렬은 원래 왼쪽 정렬이던 문장만(가운데 정렬은 그대로) — 글자 단위 줄넘김으로 띄어쓰기가 벌어지지 않게 · 홈 대문(제목·부제·단추·인용)은 그대로 */
@media (max-width:575.98px){
  .st-sec h2{font-size:17px}.st-sec .st-sub{font-size:13px}
  .sub-hero h1 small.st-src{font-size:12px!important}
  .st-kt{font-size:13px}.st-kt small{font-size:12px!important}
  .st-yt{font-size:13px}
  .st-tsel{font-size:13px}.st-tsel small{font-size:12px!important}
  .st-tile .l,.st-tile .d{font-size:12px}.st-tile .v{font-size:22px}.st-tile .v small{font-size:12px!important}.st-tile .v.txt{font-size:15px}
  .st-tbox h3{font-size:15px}.st-tbox .lg{font-size:12px}.st-tbox .ax,.st-tbox .vl,.st-tbox .yl{font-size:11px}
  .st-mo-note{font-size:12px}
  table.st-yt3,table.st-yt3 th,table.st-yt3 th.g{font-size:13px}table.st-yt3 .dm{font-size:12px}
  .st-donut .c b{font-size:22px}.st-donut .c span{font-size:12px}
  table.st-lg,table.st-lg th{font-size:13px}
  .st-btn,.st-seg button,.st-more,.st-mtab button{font-size:13px}
  .st-chips .lb,.st-pill{font-size:13px}
  .st-rbar,.st-rbar b{font-size:13px}
  .st-lgd,.st-lgd b{font-size:12px}
  table.st-rk,table.st-rk th,table.st-rk .u{font-size:13px}
  .st-x{font-size:13px}.st-rt b{font-size:12px;width:3rem}   /* 「18.58%」가 12px 에서 2.75rem 칸을 넘던 것 */
  .st-xw,.st-xh,table.st-xt{font-size:13px}.st-xh b{font-size:15px}
  .st-hb,.st-hb .v,.st-hb .v b{font-size:12px}
  .st-est .bx .t,.st-est .bx .d{font-size:12px}.st-est .bx .v{font-size:22px}.st-est .bx .v small{font-size:12px!important}
  .st-info ul{font-size:13px}
  /* 양끝 정렬 */
  .st-sec .st-sub,.st-tsel,.st-info li,.st-lgd{text-align:justify;text-justify:inter-word;word-break:normal;overflow-wrap:anywhere}
}