@charset "utf-8";
/* ==========================================================================
   페이지 머리 새 디자인 (2026-10-13, 목업 6안 「남색 경로 줄 + 흰 바탕 제목」)
   - 공통 페이지 머리를 쓰는 12개 화면의 head 맨 끝에서만 불러온다(공용 layout.css·response.css 는 그대로)
   - 머리 = 경로 줄(includes/page_head_crumb.php) + 흰 바탕 [제목(옆에 표시) / 설명] (+ 4개년 수시입결은 오른쪽 검색칸)
   - 모든 규칙은 .ph2-crumb 또는 .page-current.ph-v2 안 — 다른 화면 영향 없음
   기준값(cutoff 디자인 기준): 머리 높이 PC 200(경로 44 + 본문 156) · 태블릿 180 · 대제목 3.2rem · 설명 1.6rem · 배지 1.3rem · 입력칸 5rem · 모서리 6px
   ========================================================================== */

/* ── 경로 줄 ── */
.ph2-crumb{background:#0f1f3d;color:#c7d6f2;font-size:1.3rem}
.ph2-crumb-in{display:flex;align-items:center;gap:0.8rem;width:150rem;height:4.4rem;margin:0 auto;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.ph2-crumb .hm{display:flex;align-items:center;color:#fff;font-size:1.6rem;text-decoration:none}
.ph2-crumb .hm:hover{color:#8fbcff}
.ph2-crumb .sep{font-style:normal;color:#6f82a8}
.ph2-crumb .cur{color:#fff;font-weight:600}
/* 오른쪽 끝 로그인·로그아웃 (2026-10-14, page_head_crumb.php) */
.ph2-auth{display:flex;align-items:center;gap:1.2rem;flex-shrink:0;margin-left:auto}
.ph2-auth .nm{max-width:24rem;overflow:hidden;text-overflow:ellipsis;color:#c7d6f2}
.ph2-auth .ph2-btn{display:inline-flex;align-items:center;height:2.8rem;padding:0 1.2rem;border:1px solid #c7d6f2;border-radius:6px;background:none;color:#fff;font-family:inherit;font-size:1.3rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer}
.ph2-auth .ph2-btn:hover{background:#fff;border-color:#fff;color:#0f1f3d}
.ph2-auth .ph2-btn i{display:none}
/* 스크롤해도 얇은 헤더 바로 아래에 붙어 있음 — 고정은 includes/header.php 「얇은 헤더」 스크립트가 is-fixed 로 (2026-10-14) */
.ph2-crumb.is-fixed{position:fixed;top:5.6rem;left:0;right:0;z-index:998}

/* ── 머리 본문: 흰 바탕 ── */
.page-current.ph-v2{height:auto;background:#fff;border-bottom:1px solid #e5e7eb}
.page-current.ph-v2 .current-container{height:auto;min-height:15.6rem;padding:3.2rem 0;gap:4rem}
/* PC·태블릿(801px 이상)은 모든 화면 머리 높이를 같게 고정 — 경로 줄 4.4rem + 본문 15.6rem = 1920 200px · 1500 이하 180px(기준 크기 9px)
   제목·설명은 세로 가운데. pc-std 를 붙여 공용 「flat 머리 높이 20rem·여백 0」 규칙(성적분석)보다 우선 (2026-10-13) */
@media all and (min-width:801px){
  .page-current.pc-std.ph-v2,.page-current.pc-std.ph-v2.flat{height:auto}
  .page-current.pc-std.ph-v2 .current-container,
  .page-current.pc-std.ph-v2.flat .current-container{height:15.6rem;min-height:0;padding-top:0;padding-bottom:0}
}
.page-current.ph-v2 .current-container:before,
.page-current.ph-v2 .current-container:after{display:none}
.page-current.ph-v2 .current-tit{gap:1rem;min-width:0}
.page-current.ph-v2 .current-tit .tit-row{flex-wrap:wrap;gap:0.8rem 1.2rem}
.page-current.ph-v2 .current-tit .tit{color:#111827;font-family:'PretendardGOV';font-weight:700;line-height:1.3;letter-spacing:-0.03em;word-break:keep-all}
.page-current.ph-v2 .current-tit .tit .tit-accent-4year{color:#006fff}
.page-current.ph-v2 .current-tit .tit .tit-accent-voc{color:#06b6d4}
.page-current.ph-v2 .current-tit .info{color:#374151;font-weight:400;line-height:1.6;letter-spacing:-0.02em;word-break:keep-all}
/* 한 줄을 차지하던 안내 문장은 설명 뒤에 이어 붙임 */
.page-current.ph-v2 .current-tit .info .info-more{color:#4b5563}
/* 제목 옆 표시 — 최신입결오픈(빨강) · 입결이란 · 대학 발표 자료 기반 */
.page-current.ph-v2 .current-tit .tit-new-badge{display:inline-block;padding:0.3rem 0.8rem;border-radius:3px;background:#dc2626;color:#fff;font-size:1.3rem;font-weight:700;line-height:1.4;white-space:nowrap}
.page-current.ph-v2 .current-tit .btn-guide-link{padding:0.3rem 0.9rem;border:1px solid #d1d5db;border-radius:3px;color:#374151;font-size:1.3rem;line-height:1.5}
.page-current.ph-v2 .current-tit a.btn-guide-link:hover{background:#fff;border-color:#006fff;color:#006fff}
.page-current.ph-v2 .current-tit span.btn-guide-link{background:#f6f7f9;border-color:#e5e7eb;color:#4b5563}

/* ── 검색칸 (4개년 수시입결) ── */
.page-current.ph-v2 .current-search{min-width:44rem;max-width:44rem}
.page-current.ph-v2 .current-search .search-key .key-form .form-input{height:5rem;border:1px solid #d1d5db;border-radius:6px;box-shadow:none}
.page-current.ph-v2 .current-search .search-key .key-form .form-input:before{left:1.6rem;font-size:2rem;color:#4b5563}
.page-current.ph-v2 .current-search .search-key .key-form .form-input input{height:4.8rem;padding-left:4.8rem;font-weight:400}
.page-current.ph-v2 .current-search .search-key .key-form .form-input:focus-within{border-color:#006fff;box-shadow:0 0 0 1px #006fff}

/* ── 1500px 이하: 좌우 여백 2rem (공용 규칙과 같게) ── */
@media all and (max-width:1500px){
  .ph2-crumb-in{width:100%;padding:0 2rem}
}
/* ── 1200px 이하: 좌우 여백만 (높이는 위 801px 이상 고정 규칙) ── */
@media all and (max-width:1200px){
  .page-current.ph-v2 .current-container{padding-left:2rem;padding-right:2rem}
}
/* ── 모바일 ── */
@media all and (max-width:800px){
  .ph2-crumb-in{height:3.6rem}
  .ph2-crumb.is-fixed{top:4.8rem}
  .ph2-auth .nm{display:none}
  /* 모바일: 단추는 글자 대신 아이콘(글자는 화면 읽기 프로그램용으로 남김) */
  .ph2-auth .ph2-btn{justify-content:center;width:3rem;height:2.8rem;padding:0;border:0;font-size:1.8rem}
  .ph2-auth .ph2-btn i{display:block;line-height:1}
  .ph2-auth .ph2-btn .tx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .page-current.ph-v2 .current-container{min-height:0;padding:2.4rem 2rem;gap:2rem}
  .page-current.ph-v2 .current-tit{gap:0.8rem}
  .page-current.ph-v2 .current-search{min-width:0;max-width:none;width:100%;margin-top:0}
  .page-current.ph-v2 .current-search .search-key .key-form .form-input,
  .page-current.ph-v2 .current-search .search-key .key-form .form-input input{height:4.6rem}
}