@charset "utf-8";
/* ==========================================================================
   대학별 학과 이야기(/dept/) 전용 — 2026-10-24 (목업 Downloads\블로그_디자인_목업_20 · 도구 = 000…/학과소개 및 입결 블로그/도구_목업생성/build_blog3.py)
   틀은 사이트 공용(경로 줄 · 흰 페이지 머리 page-head-v2) 그대로, 본문만 여기서. 모든 규칙은 .dp 안 — 다른 화면 영향 없음
   기준값 = cutoff 디자인 기준(메모리 cutoff-design-standard · 2026-10-12 확정): 글자 크기 표(PC 1920 px = rem×10 · 모바일 ≤800 은 기준 크기 8px라 rem 그대로 0.8배) · 입력칸/단추 50/40 · 모서리 6px · 그림자 없음 · 표 = 대학별 입결 .uv-ut 와 같은 값 · 그래프 = 4개년 수시입결 svDrawLine 값(형광 바탕만 뺌)
   ========================================================================== */
.dp{--ink:#111827;--ink2:#374151;--ink3:#4b5563;--line:#e5e7eb;--line2:#d1d5db;--bg2:#f6f7f9;--blue:#006fff;letter-spacing:-0.02rem;color:var(--ink)}
.page-content .dev-content.dp{display:block}
.dp a{color:inherit}
.dp img{display:block;max-width:100%}
.dp .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.dp-none{padding:4rem 0;font-size:1.5rem;color:#4b5563;text-align:center}
.dp-none a{color:#006fff;text-decoration:underline}

/* ── 틀: 글(왼쪽) + 대학·학과 목차(오른쪽) ── */
.bp-wrap{display:grid;grid-template-columns:minmax(0,1fr) 28rem;gap:0 4rem;max-width:130rem;margin:0 auto;align-items:start}
.bp-wrap > .sd{grid-column:2;grid-row:1}
.bp-wrap > .bp{grid-column:1;grid-row:1}
.bp{min-width:0}   /* 본문이 목차 바로 앞까지 — 사이 여백은 gap 4rem(사용자 지시 2026-10-25) */

/* ── 글 ── */
.bp .cat{margin:0;font-size:1.4rem;font-weight:700;color:var(--blue)}
.bp h1{margin:1rem 0 1.4rem;font-size:3.2rem;font-weight:800;line-height:1.4;letter-spacing:-0.04em;word-break:keep-all}
.bp .meta{display:flex;flex-wrap:wrap;gap:0.4rem 1.2rem;padding-bottom:2.4rem;border-bottom:1px solid var(--line2);font-size:1.4rem;color:var(--ink3)}
.bp .meta span+span:before{content:"";display:inline-block;width:1px;height:1.1rem;margin-right:1.2rem;background:var(--line2);vertical-align:-0.1rem}
.bp .toc{margin:3.2rem 0;padding:2rem 2.4rem;background:var(--bg2);border-radius:6px}
.bp .toc b{display:block;font-size:1.6rem;margin-bottom:0.8rem}   /* 상자 제목 16 */
.bp .toc ol{list-style:decimal;padding-left:2rem;columns:2;column-gap:4rem}
.bp .toc li{font-size:1.4rem;line-height:2}   /* 상자 본문 14 */
.bp .toc a:hover,.bp .toc a.on{color:var(--blue);text-decoration:underline}
.bp p{margin:0 0 1.6rem;font-size:1.6rem;line-height:1.9;color:#222;text-align:justify;word-break:normal}
.bp h2{margin:5.6rem 0 1.8rem;font-size:2.4rem;font-weight:800;line-height:1.45;letter-spacing:-0.04em;word-break:keep-all;scroll-margin-top:12rem}
.bp h3{margin:3.2rem 0 1.2rem;font-size:1.8rem;font-weight:700}
.bp strong{font-weight:700;color:var(--ink)}
.bp figure{margin:2.8rem 0}
.bp figure img{display:block;width:auto;max-width:100%;margin:0 auto;border-radius:6px}   /* 원본보다 크게 늘리지 않음 */
.bp figcaption{margin-top:0.8rem;font-size:1.3rem;color:var(--ink3);text-align:center}
.bp .src{font-size:1.3rem;color:var(--ink3)}   /* 주석 13 */
.bp .two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.bp .two img{aspect-ratio:4/3;object-fit:cover}
.bp .two figcaption{grid-column:1 / -1}
.bp ul.li{margin:0 0 1.6rem;padding-left:2rem;list-style:disc}
.bp ul.li li{font-size:1.6rem;line-height:1.9;color:#222}
.bp ul.li a{color:var(--blue);text-decoration:underline;text-underline-offset:0.3rem}
.bp blockquote{margin:2.4rem 0;padding:0.4rem 0 0.4rem 2rem;border-left:3px solid var(--ink)}
.bp blockquote p{margin:0;font-size:1.6rem;line-height:1.8;color:var(--ink)}   /* 본문 16 */
.bp blockquote cite{display:block;margin-top:0.6rem;font-style:normal;font-size:1.4rem;color:var(--ink3)}
.bp .qa{margin:0 0 2rem}
.bp .qa dt{font-size:1.6rem;font-weight:700;line-height:1.8;margin-top:1.6rem}
.bp .qa dd{margin:0.2rem 0 0;font-size:1.6rem;line-height:1.9;color:#222}
.bp .tags{display:flex;flex-wrap:wrap;gap:0.6rem 1.2rem;margin-top:4.8rem;padding-top:2.4rem;border-top:1px solid var(--line2);font-size:1.4rem;color:var(--ink3)}

/* 표 — 대학별 입결 페이지 .uv-ut 와 같은 값 */
.bp .tbl{margin:2rem 0 0.8rem;overflow-x:auto}
.dp-t{width:100%;border-collapse:collapse;border-top:2px solid #202020;font-size:1.4rem}
.dp-t th{padding:0.8rem 1rem;border-bottom:1px solid #dadada;background:#f8f8f8;font-weight:400;text-align:center;white-space:nowrap;color:#202020}
.dp-t td{padding:0.8rem 1rem;border-bottom:1px solid #dadada;text-align:center;font-variant-numeric:tabular-nums;color:#202020;line-height:1.6}
.dp-t th+th,.dp-t td+td{border-left:1px solid #dadada}
.dp-t td.l{text-align:left;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
.dp-t td:first-child{white-space:nowrap}   /* 칸 이름(전형 · 영역 · 진출 분야)은 한 줄로 */

/* 그래프 — 4개년 수시입결 svDrawLine 값 · 툴팁 .sv-tip 값 */
.bp .fig{padding:2rem 2.4rem 1.6rem;border:1px solid var(--line2);border-radius:6px}
.bp .fig .sv-line{width:100%;min-height:20rem}
.bp .fig .sv-line svg{display:block}
.bp .fig figcaption{margin-top:1.2rem}
.dp-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;letter-spacing:0}
.dp-tip.on{opacity:1}
.dp-tip h4{margin:0 0 0.6rem;font-size:1.4rem;font-weight:700;color:#fff}
.dp-tip dl{display:grid;grid-template-columns:auto 1fr;gap:0.2rem 1.6rem;margin:0}
.dp-tip dt{color:#e0e0e0;white-space:nowrap}
.dp-tip dt i{display:inline-block;width:0.9rem;height:0.9rem;margin-right:0.6rem;vertical-align:0}
.dp-tip dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}

/* 이전 글 · 다음 글 · 목록으로 */
.bp .pn{display:grid;grid-template-columns:1fr 1fr;margin-top:4rem;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.bp .pn a,.bp .pn span{display:block;padding:1.6rem 0}
.bp .pn a+a,.bp .pn span+a,.bp .pn a+span{padding-left:2rem;border-left:1px solid var(--line2);text-align:right}
.bp .pn small{display:block;font-size:1.3rem;color:var(--ink3);margin-bottom:0.4rem}
.bp .pn b{font-size:1.6rem}
.bp .pn b.na{color:var(--ink3)}
.bp .pn a:hover b{color:var(--blue)}
.bp .tolist{display:flex;justify-content:center;margin-top:2.4rem}
.bp .tolist a{display:inline-flex;align-items:center;height:4rem;padding:0 2.4rem;border:1px solid var(--line2);border-radius:6px;font-size:1.4rem;font-weight:600}
.bp .tolist a:hover{border-color:var(--ink)}

/* ── 목록 ── */
.bp .lh{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.2rem;border-bottom:2px solid var(--ink)}
.bp .lh b{font-size:1.8rem}
.bp .lh em{font-style:normal;color:var(--blue)}
.bp .lh select{height:4rem;padding:0 0.8rem;border:1px solid var(--line2);border-radius:6px;font-size:1.5rem;background:#fff}   /* 작은 입력칸 40 · 선택 15 */
.bp .li-item{display:grid;grid-template-columns:24rem minmax(0,1fr);gap:2.8rem;padding:2.8rem 0;border-bottom:1px solid var(--line)}
.bp .li-item .th img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
.bp .li-item span.th{display:block;aspect-ratio:16/10;background:var(--bg2);border-radius:6px}
.bp .li-item a.th.nm{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.4rem;aspect-ratio:16/10;padding:2.8rem 1rem 1rem;box-sizing:border-box;background:#fff;border:1px solid #dadada;border-radius:6px;color:#202020;text-align:center;word-break:keep-all}
.bp .li-item a.th.nm b{font-size:1.8rem;font-weight:700;line-height:1.3}
.bp .li-item a.th.nm span{font-size:1.5rem;line-height:1.3;color:#444}
.bp .li-item a.th.nm img.lo{position:absolute;top:0.8rem;left:0.8rem;width:auto;max-width:60%;height:2.2rem;aspect-ratio:auto;object-fit:contain;border-radius:0}
.bp .li-item a.th.nm img.lo.dk{box-sizing:content-box;background:#0f1f3d;padding:0.3rem 0.5rem;border-radius:3px}
.bp .li-item .c{margin:0;font-size:1.4rem;font-weight:700;color:var(--blue)}
.bp .li-item h2{margin:0.6rem 0 1rem;font-size:1.8rem;font-weight:700;line-height:1.45;letter-spacing:-0.02rem;word-break:keep-all}
.bp .li-item h2 a:hover{text-decoration:underline}
.bp .li-item .ex{margin:0;font-size:1.4rem;line-height:1.75;color:var(--ink2)}
.bp .li-item .m{margin:1rem 0 0;font-size:1.4rem;color:var(--ink3)}

/* ── 오른쪽 대학·학과 목차 — 글과 한 덩어리로 보이게 테두리 상자 없이 왼쪽 선 하나 ── */
.sd{position:sticky;top:12rem;max-height:calc(100vh - 14rem);overflow-y:auto;padding-left:2.4rem;border-left:1px solid var(--line)}
.sd .ttl{margin:0;font-size:1.6rem;font-weight:800;padding-bottom:1.2rem;border-bottom:2px solid var(--ink)}
.sd .q{position:relative;margin-top:1.4rem}
.sd .q i{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.8rem;color:var(--ink3)}
.sd .q input{width:100%;height:4rem;padding:0 1.2rem 0 4rem;border:1px solid var(--line2);border-radius:6px;font-size:1.6rem;box-sizing:border-box}   /* 입력칸 16 */
.sd .q input:focus{outline:0;border-color:var(--blue)}
.sd .opt{display:flex;gap:0.6rem;margin-top:0.8rem}
.sd .opt select{flex:1;min-width:0;height:4rem;padding:0 0.8rem;border:1px solid var(--line2);border-radius:6px;font-size:1.5rem;background:#fff;color:var(--ink2)}
.sd .ix{display:grid;grid-template-columns:repeat(7,1fr);gap:0.4rem;margin-top:1rem}   /* 가나다 색인(B안) */
.sd .ix button{height:3.2rem;padding:0;border:1px solid var(--line2);border-radius:6px;background:#fff;font-size:1.4rem;font-weight:700;color:var(--ink2);cursor:pointer}
.sd .ix button:hover{border-color:var(--ink)}
.sd .ix button.on{border-color:var(--ink);background:var(--ink);color:#fff}
.sd .ix button:disabled{color:#9aa1ab;background:var(--bg2);border-color:var(--line);cursor:default}
.sd .cnt{margin:1.2rem 0 0;font-size:1.3rem;color:var(--ink3)}
.sd .pg{display:flex;flex-wrap:wrap;gap:0.4rem;margin:1rem 0 0.4rem}   /* 목차 쪽 번호 */
.sd .pg:empty{display:none}
.sd .pg button{min-width:3.2rem;height:3.2rem;padding:0 0.6rem;border:1px solid var(--line2);border-radius:6px;background:#fff;font-size:1.4rem;font-weight:600;color:var(--ink2);cursor:pointer}
.sd .pg button i{font-size:1.6rem;vertical-align:-0.3rem}
.sd .pg button:hover{border-color:var(--ink)}
.sd .pg button.on{border-color:var(--ink);background:var(--ink);color:#fff}
.sd .pg button:disabled{color:#9aa1ab;border-color:var(--line);cursor:default}
.sd .tree{margin-top:0.6rem}
.sd .u[hidden],.sd .u li[hidden]{display:none}
.sd .u > button{display:flex;align-items:center;gap:0.6rem;width:100%;padding:0.9rem 0;border:0;background:none;font-size:1.5rem;font-weight:700;color:var(--ink);text-align:left;cursor:pointer}
.sd .u > button i{font-size:1.6rem;color:var(--ink3);transition:transform .15s}
.sd .u.open > button i{transform:rotate(90deg)}
.sd .u > button small{margin-left:auto;font-size:1.2rem;font-weight:500;color:var(--ink3)}
.sd .u ul{display:none;margin:0 0 0.6rem 2.2rem;border-left:1px solid var(--line)}
.sd .u.open ul{display:block}
.sd .u li a{display:block;padding:0.5rem 0 0.5rem 1.2rem;font-size:1.4rem;color:var(--ink2)}
.sd .u li a:hover{color:var(--blue)}
.sd .u li a.on{color:var(--blue);font-weight:700;margin-left:-1px;border-left:2px solid var(--blue)}
.sd .none{margin:0;padding:1.6rem 0;font-size:1.5rem;color:var(--ink3)}

@media all and (max-width:1200px){ .bp-wrap{grid-template-columns:minmax(0,1fr) 24rem;gap:0 4rem} }
/* 모바일(≤800, 기준 크기 8px) — 기준표: 대제목 19.2 · 구역 제목 17.6 · 상자·목록 제목 12.8 · 본문·안내 11.2 · 입력칸 12.8 · 단추·표·부가정보 10.4 · 배지·주석 9.6 · 상자 여백 12 */
@media all and (max-width:800px){
  .bp-wrap{display:flex;flex-direction:column;align-items:stretch}
  .bp-wrap > .sd{order:2}   /* 모바일은 글 먼저, 목차는 글 아래 */
  .sd{position:static;max-height:none;overflow:visible;padding:2rem 0 0;border-left:0;border-top:1px solid var(--line);margin-top:4rem}
  .sd .tree{max-height:30rem;overflow-y:auto}
  .bp h1{font-size:2.4rem}
  .bp h2{font-size:2.2rem;margin-top:4rem}
  .bp h3,.bp .toc b,.bp .lh b,.bp .li-item h2,.bp .pn b,.sd .ttl{font-size:1.6rem}
  .bp p,.bp ul.li li,.bp .qa dt,.bp .qa dd,.bp blockquote p,.bp .toc li{font-size:1.4rem}
  .sd .q input{font-size:1.6rem}
  .bp .cat,.bp .meta,.bp .tags,.bp .li-item .c,.bp .li-item .m,.bp .tolist a,.bp .lh select,.sd .opt select,.sd .u > button,.sd .u li a,.sd .none,.dp-t{font-size:1.3rem}
  .bp figcaption,.bp .src,.bp blockquote cite,.bp .pn small,.sd .cnt,.sd .u > button small{font-size:1.2rem}
  .bp .toc{padding:1.5rem}
  .bp .toc ol{columns:1}
  .bp .two{grid-template-columns:1fr}
  .bp .fig{padding:1.5rem}
  .dp-t th,.dp-t td{padding:0.9rem 0.5rem}
  .bp .tbl .dp-t.w{min-width:56rem}   /* 넓은 표는 칸 안 가로 스크롤 — 안내(.hscroll-hint)는 header.php 가 자동으로 붙임 */
  .bp .pn{grid-template-columns:1fr}
  .bp .pn a+a,.bp .pn span+a,.bp .pn a+span{padding-left:0;border-left:0;border-top:1px solid var(--line2);text-align:left}
  .bp .li-item{grid-template-columns:11rem minmax(0,1fr);gap:1.4rem;padding:2rem 0}
  .bp .li-item .ex{display:none}
  .bp .li-item a.th.nm{padding:1.8rem 0.4rem 0.4rem;gap:0.1rem}
  .bp .li-item a.th.nm b{font-size:1.28rem}
  .bp .li-item a.th.nm span{font-size:1.04rem}
  .bp .li-item a.th.nm img.lo{top:0.4rem;left:0.4rem;height:1.3rem}
}
/* 페이지 머리 제목 = 글 목록 바로가기(2026-10-24) — 글자 모양은 그대로 · 커서를 올려도 밑줄 없음(2026-10-29 사용자 지시) */
.ph-v2 .tit a.dp-home,
.ph-v2 .tit a.dp-home:hover{color:inherit;text-decoration:none}

/* 옆 칸 고정(sticky) — 공용 틀의 overflow-x:hidden 이 고정 기준을 막아서, 이 메뉴 화면에서만 clip 으로(가로 넘침 막는 효과는 같음) 2026-10-24 */
body:has(.dp), body:has(.dp) .portal-layout{overflow-x:clip}

/* 나무위키 검색창 모양 링크 — 옆 칸 검색칸과 같은 모양(사용자 지시 2026-10-24) */
.bp .nwq{display:flex;align-items:center;max-width:52rem;height:5rem;margin:2rem 0 0;border:1px solid var(--line2);border-radius:6px;background:#fff;text-decoration:none;color:var(--ink)}
.bp .nwq .lg{display:flex;align-items:center;gap:0.6rem;height:100%;padding:0 1.4rem;border-right:1px solid var(--line);font-size:1.4rem;font-weight:700;color:var(--ink2);white-space:nowrap}
.bp .nwq .lg img{display:block;width:2rem;height:2rem;margin:0;border-radius:0}
.bp .nwq .in{flex:1;padding:0 1.4rem;font-size:1.6rem;color:var(--ink)}
.bp .nwq .bt{display:flex;align-items:center;justify-content:center;width:5rem;height:100%;font-size:2rem;color:var(--ink3)}
.bp .nwq:hover{border-color:var(--ink)}
.bp .nwq:hover .bt{color:var(--ink)}
@media (max-width:800px){.bp .nwq{height:4rem}.bp .nwq .in{font-size:1.4rem}.bp .nwq .lg{font-size:1.3rem;padding:0 1rem}}