@charset "utf-8";
/* ==========================================================================
   메인 새 디자인 (2026-10-13, 목업 3안 「남색 대문」)
   - index.php 에서만 불러오고 모든 규칙을 body.main-v2 안으로 묶는다 → 다른 화면 영향 없음
   - 공용 CSS(main.css·response.css·component.css)는 손대지 않고 여기서 덮어쓴다
   - 구성: 남색 대문(문구·로그인 | 바로가기 8칸) → 광고주 배너 → 공지사항·자주 묻는 질문
           → 예비번호 충원 확인 → 소개 두 편(사진 뒤 노란 판) → 수록 입결 자료·방문자 통계
   ========================================================================== */
body.main-v2{
  --mv-blue:#006fff; --mv-blue-d:#0057cc; --mv-blue-l:#eef4ff;
  --mv-ink:#111827; --mv-ink2:#374151; --mv-ink3:#4b5563;
  --mv-line:#e5e7eb; --mv-line2:#d1d5db; --mv-bg2:#f6f7f9; --mv-navy:#0f1f3d; --mv-red:#dc2626;
}
/* 바깥 틀: 구역마다 바탕을 화면 끝까지 칠하므로 기본 여백·간격을 없앤다 */
body.main-v2 #portal-mcontainer .page-content{padding:0}
body.main-v2 #portal-mcontainer .page-content .dev-content{display:block}
body.main-v2 .mv-wrap{width:150rem;max-width:calc(100% - 4.8rem);margin:0 auto}
body.main-v2 .mv-num{font-variant-numeric:tabular-nums}
body.main-v2 .mv-jt{text-align:justify;word-break:normal;overflow-wrap:break-word}
body.main-v2 .mv-sec h2,body.main-v2 .mv-sec h3,body.main-v2 .mv-hero h2{word-break:keep-all}

/* 단추 */
body.main-v2 .mv-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;height:5rem;padding:0 2.8rem;border:1px solid transparent;border-radius:6px;font-family:inherit;font-size:1.6rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-sizing:border-box}
body.main-v2 .mv-btn-p{background:var(--mv-blue);color:#fff}
body.main-v2 .mv-btn-p:hover{background:var(--mv-blue-d)}
body.main-v2 .mv-btn-o{background:#fff;color:var(--mv-ink);border-color:var(--mv-line2)}
body.main-v2 .mv-btn-o:hover{border-color:var(--mv-ink)}
body.main-v2 .mv-btn-w{background:#fff;color:var(--mv-navy)}
body.main-v2 .mv-btn-w:hover{background:#e6edf8}
body.main-v2 .mv-btn-line{background:transparent;color:#fff;border-color:#4a5d84}
body.main-v2 .mv-btn-line:hover{border-color:#fff}

/* 구역 공통 */
body.main-v2 .mv-sec{padding:9.6rem 0}
body.main-v2 .mv-sec.gray{background:var(--mv-bg2)}
body.main-v2 .mv-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3.2rem}
body.main-v2 .mv-sec-h h3{margin:0;color:var(--mv-ink);font-size:3.2rem;font-weight:700;line-height:1.3;letter-spacing:-0.03em}
body.main-v2 .mv-sec-h .k{display:block;margin-bottom:0.8rem;color:var(--mv-blue);font-size:1.4rem;font-weight:600;letter-spacing:0}
body.main-v2 .mv-more{display:inline-flex;align-items:center;gap:0.6rem;color:var(--mv-ink2);font-size:1.5rem;font-weight:500;white-space:nowrap}
body.main-v2 .mv-more:hover{color:var(--mv-blue)}
body.main-v2 .mv-more i{font-size:1.8rem}

/* ── 1. 남색 대문 ── */
body.main-v2 .mv-hero{padding:8rem 0;background:var(--mv-navy);color:#fff}
body.main-v2 .mv-hero .mv-wrap{display:grid;grid-template-columns:minmax(0,1fr) 64rem;gap:6.4rem;align-items:center}
body.main-v2 .mv-hero-k{color:#8fbcff;font-size:1.5rem;font-weight:600}
body.main-v2 .mv-hero h2{margin:1.6rem 0 0;color:#fff;font-size:5.2rem;font-weight:700;line-height:1.25;letter-spacing:-0.04em}
body.main-v2 .mv-hero h2 em{font-style:normal;color:#8fbcff}
body.main-v2 .mv-hero-sub{max-width:62rem;margin:2rem 0 0;color:#d7deea;font-size:1.8rem;line-height:1.6;word-break:keep-all}
body.main-v2 .mv-hero-login{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem 1.6rem;margin-top:3.6rem}
body.main-v2 .mv-hero-login .mv-btn{padding:0 3.2rem}
body.main-v2 .mv-hero-login p{margin:0;color:#d7deea;font-size:1.5rem}
body.main-v2 .mv-hero-login p b{color:#fff;font-weight:700}
/* 바로가기 8칸 */
body.main-v2 .mv-qm{display:grid;grid-template-columns:1fr 1fr;column-gap:3.2rem;border-top:1px solid #34476e}
body.main-v2 .mv-qm a{position:relative;display:flex;flex-direction:column;gap:0.2rem;padding:1.8rem 4rem 1.8rem 0;border-bottom:1px solid #34476e;color:#fff}
body.main-v2 .mv-qm .g{color:#a9b8d3;font-size:1.3rem}
body.main-v2 .mv-qm a.hot .g{color:#8fbcff}
body.main-v2 .mv-qm strong{color:#fff;font-size:1.9rem;font-weight:700}
body.main-v2 .mv-qm i{position:absolute;right:0.4rem;top:50%;transform:translateY(-50%);color:#a9b8d3;font-size:2rem}
body.main-v2 .mv-qm a:hover strong,body.main-v2 .mv-qm a:hover i{color:#8fbcff}

/* ── 2. 광고주 배너 (넘김·노출 기록은 banner-swiper.js 그대로) ── */
body.main-v2 .mv-ad{padding:4.8rem 0 0}
body.main-v2 .mv-ad .ad-swiper-container{gap:2.4rem}
body.main-v2 .mv-ad .ad-swiper{flex:1 1 calc(50% - 1.2rem);min-width:0;border-radius:6px;box-shadow:0 .2rem 1rem rgba(0,0,0,0.1)}   /* 살짝 그림자 (2026-10-13) */   /* min-width:0 — 없으면 큰 배너 그림 폭만큼 칸이 늘어남 */
body.main-v2 .mv-ad .ad-swiper .swiper-slide{border-radius:6px}
/* 배너 자리를 처음부터 잡아 둠 — 배너는 페이지가 다 그려진 뒤 스크립트가 채우므로, 자리가 없으면 0 → 182px(모바일 90px)로 튀어나오며 아래 내용이 밀렸다.
   배너와 같은 비율(730:180)의 옅은 회색 칸을 먼저 그려 그 안에 채워지게 한다 (2026-10-13) */
body.main-v2 .mv-ad .ad-swiper{aspect-ratio:73/18;background:#eef1f5}
/* 배너 칸 폭을 정수 px 로 내림 — 칸 폭이 364.39px 처럼 소수면 슬라이더는 한 장을 364px 로 계산해
   오른쪽 끝에 다음 배너 가장자리가 0.4px 비쳐 세로줄로 보인다 (2026-10-13) */
@supports (width: round(down, 100%, 1px)){
  body.main-v2 .mv-ad .desktop-only .ad-swiper{flex:0 0 round(down, calc(50% - 1.2rem), 1px)}
  body.main-v2 .mv-ad .desktop-only{justify-content:space-between}
  body.main-v2 .mv-ad .mobile-only .ad-swiper{flex:0 0 round(down, 100%, 1px)}
}
body.main-v2 .mv-ad .ad-swiper .swiper-slide img{height:auto;aspect-ratio:73/18;object-fit:fill}

/* ── 3. 공지사항 · 자주 묻는 질문 ── */
body.main-v2 .mv-nf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6.4rem}   /* minmax(0,…) — 긴 공지 제목(한 줄 말줄임)이 칸 폭을 밀어 화면 밖으로 잘리던 것 막음 */
body.main-v2 .mv-nf>div,body.main-v2 .mv-ntc li,body.main-v2 .mv-ntc li>a{min-width:0}
body.main-v2 .mv-nf .mv-sec-h{margin-bottom:1.6rem;padding-bottom:1.6rem;border-bottom:2px solid var(--mv-ink)}
body.main-v2 .mv-nf .mv-sec-h h3{font-size:2.4rem}
/* 한 줄씩 테두리 상자 — 예전 메인 값 그대로(흰 바탕·#e8e8e8 테두리·모서리 2rem·옅은 그림자·간격 0.8rem·올리면 살짝 떠오름) */
body.main-v2 .mv-ntc,body.main-v2 .mv-faq{display:flex;flex-direction:column;gap:0.8rem;margin-top:2.4rem}
body.main-v2 .mv-ntc a,body.main-v2 .mv-faq a{min-height:6.4rem;padding:1.2rem 2rem;background:#fff;border:1px solid #e8e8e8;border-radius:2rem;box-shadow:0 .2rem 1rem rgba(0,0,0,0.06);transition:all .3s ease;box-sizing:border-box}
body.main-v2 .mv-ntc a:hover{box-shadow:0 .4rem 1.2rem rgba(0,0,0,0.1);transform:translateY(-0.2rem)}
body.main-v2 .mv-faq a:hover{border-color:var(--mv-blue);box-shadow:0 .4rem 1.2rem rgba(0,0,0,0.1);transform:translateY(-0.2rem)}
body.main-v2 .mv-ntc a{display:flex;align-items:center;gap:1.2rem;color:var(--mv-ink)}
/* 하나씩 선택되는 듯한 그림자 — 예전 메인 「수시 검색 트렌드」(main.css shadow-sequence: 7초 주기·0.8초 간격) 모양을 70% 느리게(×1.7 → 11.9초 주기·1.36초 간격).
   공지사항과 자주 묻는 질문은 각자 위에서부터 한 줄씩 돌되, 질문 쪽을 반 칸(0.68초) 늦게 시작해 서로 엇갈리게 (2026-10-13) */
@keyframes mv-shadow-seq{0%{box-shadow:0 .4rem 1.2rem rgba(0,0,0,0)}10%{box-shadow:0 .4rem 1.2rem rgba(0,0,0,.12)}25%{box-shadow:0 .4rem 1.2rem rgba(0,0,0,0)}100%{box-shadow:0 .4rem 1.2rem rgba(0,0,0,0)}}
body.main-v2 .mv-ntc li>a,body.main-v2 .mv-faq li>a{animation:mv-shadow-seq 11.9s infinite backwards}
body.main-v2 .mv-ntc li:nth-child(1)>a{animation-delay:0.0s}
body.main-v2 .mv-ntc li:nth-child(2)>a{animation-delay:1.36s}
body.main-v2 .mv-ntc li:nth-child(3)>a{animation-delay:2.72s}
body.main-v2 .mv-ntc li:nth-child(4)>a{animation-delay:4.08s}
body.main-v2 .mv-ntc li:nth-child(5)>a{animation-delay:5.44s}
body.main-v2 .mv-ntc li:nth-child(6)>a{animation-delay:6.8s}
body.main-v2 .mv-faq li:nth-child(1)>a{animation-delay:0.68s}
body.main-v2 .mv-faq li:nth-child(2)>a{animation-delay:2.04s}
body.main-v2 .mv-faq li:nth-child(3)>a{animation-delay:3.4s}
body.main-v2 .mv-faq li:nth-child(4)>a{animation-delay:4.76s}
body.main-v2 .mv-faq li:nth-child(5)>a{animation-delay:6.12s}
@media (prefers-reduced-motion:reduce){body.main-v2 .mv-ntc li>a,body.main-v2 .mv-faq li>a{animation:none}}
/* 두 칸 높이 맞춤 — 칸 높이는 더 긴 쪽(자주 묻는 질문 5줄 + 입결이란)에 맞춰지고, 공지사항 상자들이 남는 높이를 나눠 늘어남 (2026-10-13) */
body.main-v2 .mv-nf>div{display:flex;flex-direction:column}
body.main-v2 .mv-ntc,body.main-v2 .mv-faq{flex:1}
body.main-v2 .mv-ntc li,body.main-v2 .mv-faq li{flex:1;display:flex}
body.main-v2 .mv-ntc li>a,body.main-v2 .mv-faq li>a{flex:1}
body.main-v2 .mv-ntc a:hover .t{color:var(--mv-blue)}
body.main-v2 .mv-ntc .b{flex:none;padding:0.1rem 0.8rem;border:1px solid var(--mv-blue);border-radius:3px;color:var(--mv-blue);font-size:1.2rem;font-weight:700}
body.main-v2 .mv-ntc .t{flex:1;min-width:0;overflow:hidden;font-size:1.6rem;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
body.main-v2 .mv-ntc .m{flex:none;display:flex;gap:1.6rem;color:var(--mv-ink3);font-size:1.4rem}
body.main-v2 .mv-ntc .none{padding:4rem 0;color:var(--mv-ink3);font-size:1.5rem;text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:2rem}
body.main-v2 .mv-faq a{display:flex;align-items:center;gap:1.4rem;color:var(--mv-ink)}
body.main-v2 .mv-faq a:hover .t{color:var(--mv-blue)}
body.main-v2 .mv-faq .q{flex:none;width:1.8rem;color:var(--mv-blue);font-size:1.8rem;font-weight:700}
body.main-v2 .mv-faq .t{flex:1;font-size:1.6rem;font-weight:500}
body.main-v2 .mv-faq i{flex:none;color:#6b7280;font-size:1.8rem}
body.main-v2 .mv-guide{display:flex;align-items:center;gap:1.6rem;margin-top:1.6rem;padding:1.6rem 2rem;background:#fff;border:1px solid #e8e8e8;border-radius:2rem;box-shadow:0 .2rem 1rem rgba(0,0,0,0.06);transition:all .3s ease;color:var(--mv-ink)}
body.main-v2 .mv-guide:hover{border-color:var(--mv-blue);box-shadow:0 .4rem 1.2rem rgba(0,0,0,0.1);transform:translateY(-0.2rem)}
body.main-v2 .mv-guide div{flex:1}
body.main-v2 .mv-guide strong{display:block;font-size:1.6rem;font-weight:700}
body.main-v2 .mv-guide em{display:block;font-style:normal;color:var(--mv-ink2);font-size:1.4rem}
body.main-v2 .mv-guide i{color:var(--mv-blue);font-size:2rem}

/* ── 4. 4년제 대학교 예비번호 충원 확인 (자료·판정은 main-yebi.js 그대로, 꾸밈만) ── */
body.main-v2 .mv-yb{display:grid;grid-template-columns:1fr 1fr;gap:6.4rem;align-items:start}
body.main-v2 .mv-yb-desc{margin:-1.2rem 0 0;color:var(--mv-ink2);font-size:1.7rem;line-height:1.7}
body.main-v2 .mv-yb-desc strong{color:var(--mv-ink);font-weight:600}
body.main-v2 .mv-yb-mo-h{display:none}
body.main-v2 .yb-form{gap:1.6rem;margin-top:3.2rem}
body.main-v2 .yb-f label{margin-bottom:0.6rem;color:var(--mv-ink2);font-size:1.4rem}
body.main-v2 .yb-f input,body.main-v2 .yb-f select{height:5rem;border:1px solid var(--mv-line2);border-radius:6px;background-color:#fff;color:var(--mv-ink)}
body.main-v2 .yb-f input:focus,body.main-v2 .yb-f select:focus{border-color:var(--mv-blue);box-shadow:0 0 0 1px var(--mv-blue)}
body.main-v2 .yb-f input:disabled{background:#eef0f3;color:var(--mv-ink3)}
body.main-v2 .yb-f input::placeholder{color:#6b7280}
body.main-v2 .yb-list{border-radius:6px;box-shadow:none;border-color:var(--mv-line2)}
body.main-v2 .yb-btns{display:flex;gap:1.2rem;margin-top:2.4rem}
body.main-v2 .yb-note{margin-top:2.4rem;padding-top:2rem;border-top:1px solid var(--mv-line2)}
body.main-v2 .yb-note li{color:var(--mv-ink3);font-size:1.4rem;line-height:1.7}
body.main-v2 .yb-note li:before{top:1.1rem;background:var(--mv-ink3)}
body.main-v2 .yb-card{padding:3.2rem;background:#fff;border:1px solid var(--mv-line);border-radius:6px;box-shadow:none}
/* 결과 카드 뒤 노란 판 — 소개 사진과 같은 색, 살짝만 비어져 나오게(사진보다 작게 어긋남, 기울기 없음) (2026-10-13)
   오른쪽 칸을 쌓임 맥락으로 묶어 노란 판이 회색 구역 바탕 위·카드 아래에 그려지게 한다 */
body.main-v2 .mv-yb>div:last-child{position:relative;z-index:0}
body.main-v2 .yb-card{position:relative}
body.main-v2 .yb-card::after{content:'';position:absolute;inset:-1px;z-index:-1;border-radius:6px;background:rgba(252,211,77,.75);transform:translate(0.8rem,0.8rem);pointer-events:none}
body.main-v2 .yb-flag{border-radius:3px}
body.main-v2 .yb-sum{margin-top:1.6rem;padding:2rem;background:var(--mv-blue-l);border-radius:6px}
body.main-v2 .yb-track .bg,body.main-v2 .yb-track .fill{border-radius:2px}
body.main-v2 .yb-row.in .fill{background:var(--mv-blue)}
body.main-v2 .yb-ticks .me{border-radius:3px}
body.main-v2 .yb-mo-go{display:none}
/* 안내 상태(대학만 고른 때 등) — 결과 틀은 남기고 가운데에 안내 상자 (main-yebi.js msg) */
body.main-v2 .yb-card.wait{position:relative}
body.main-v2 .yb-card.wait .yb-row .bg{background:#eef1f5}
body.main-v2 .yb-card.wait .yb-score b{color:var(--mv-ink3)}
body.main-v2 .yb-card.wait .yb-row .v{color:var(--mv-ink3)}
body.main-v2 .yb-card.wait .yb-msg{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;margin:0;padding:2rem}
body.main-v2 .yb-card.wait .yb-msg span{max-width:40rem;padding:1.6rem 2.4rem;background:#fff;border:1px solid var(--mv-line2);border-radius:6px;color:var(--mv-ink);font-size:1.6rem;line-height:1.6;text-align:center;word-break:keep-all}

/* ── 5. 소개 두 편 — 사진 뒤 노란 판(예전 메인과 같은 색, 기울기 없이 어긋나게만 — 2026-10-13) ── */
body.main-v2 .mv-about{display:grid;grid-template-columns:1fr 1fr;gap:6.4rem}
body.main-v2 .mv-about-img{position:relative;aspect-ratio:16/9}
body.main-v2 .mv-about-img .fr{position:relative;z-index:2;width:100%;height:100%;overflow:hidden;border-radius:6px;background:var(--mv-bg2)}
body.main-v2 .mv-about-img img{display:block;width:100%;height:100%;object-fit:cover}
body.main-v2 .mv-about-img::after{content:'';position:absolute;inset:0;z-index:1;border-radius:6px;background:rgba(252,211,77,.75);transform:translate(-1.2rem,1.2rem);pointer-events:none}
body.main-v2 .mv-about>div:nth-child(2) .mv-about-img::after{transform:translate(1.2rem,1.2rem)}
body.main-v2 .mv-about .k{display:block;margin-top:5.2rem;color:var(--mv-blue);font-size:1.4rem;font-weight:600}
body.main-v2 .mv-about h3{margin:0.8rem 0 0;color:var(--mv-ink);font-size:2.8rem;font-weight:700;letter-spacing:-0.03em}
body.main-v2 .mv-about p{margin:1.6rem 0 0;color:var(--mv-ink2);font-size:1.6rem;line-height:1.85}
body.main-v2 .mv-about>div{display:flex;flex-direction:column}
body.main-v2 .mv-about>div>p{flex-grow:1}
body.main-v2 .mv-about p strong{color:var(--mv-ink);font-weight:600}
body.main-v2 .mv-about .act{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}
body.main-v2 .mv-about .act .mv-btn{height:4.8rem;padding:0 2.2rem;font-size:1.5rem}

/* ── 6. 수록 입결 자료 · 방문자 통계 ── */
body.main-v2 .mv-dstat{display:grid;grid-template-columns:20rem 1fr 1fr;margin-bottom:6.4rem;background:#fff;border:1px solid var(--mv-line);border-radius:6px}
body.main-v2 .mv-dstat-h{display:flex;align-items:center;padding:2.4rem 3.2rem;border-right:1px solid var(--mv-line);color:var(--mv-ink);font-size:1.8rem;font-weight:700}
body.main-v2 .mv-dstat-c{padding:2.4rem 3.2rem}
body.main-v2 .mv-dstat-c+.mv-dstat-c{border-left:1px solid var(--mv-line)}
body.main-v2 .mv-dstat-k{color:var(--mv-ink3);font-size:1.5rem;font-weight:500}
body.main-v2 .mv-dstat-k b{color:var(--mv-ink);font-weight:600}
body.main-v2 .mv-dstat-k .new{display:inline-block;margin-left:0.6rem;padding:0.1rem 0.6rem;border-radius:3px;background:var(--mv-red);color:#fff;font-size:1.2rem;font-weight:700;vertical-align:0.15rem}
body.main-v2 .mv-dstat-v{margin-top:0.6rem;color:var(--mv-ink);font-size:2.6rem;font-weight:700;line-height:1.1;letter-spacing:-0.03em}
body.main-v2 .mv-dstat-v small{margin-left:0.3rem;font-size:1.6rem;font-weight:600}
body.main-v2 .mv-dstat-v em{margin-left:1.2rem;color:var(--mv-ink2);font-style:normal;font-size:1.5rem;font-weight:500;letter-spacing:0}
body.main-v2 .mv-dstat-v em b{color:var(--mv-ink);font-size:1.8rem}
body.main-v2 .mv-vs{display:grid;grid-template-columns:30rem 1fr 1fr 1fr;background:#fff;border:1px solid var(--mv-line);border-radius:6px}
body.main-v2 .mv-vs-tot{display:flex;flex-direction:column;justify-content:space-between;gap:3.2rem;padding:3.2rem;background:var(--mv-navy);border-radius:6px 0 0 6px;color:#fff}
body.main-v2 .mv-vs-tot .yr{color:#c7d6f2;font-size:1.5rem;font-weight:600}
body.main-v2 .mv-vs-tot .k{color:#c7d6f2;font-size:1.5rem}
body.main-v2 .mv-vs-tot .v{margin-top:0.4rem;font-size:3.4rem;font-weight:700;line-height:1.1;letter-spacing:-0.03em}
body.main-v2 .mv-vs-tab{display:none}
body.main-v2 .mv-vs-col{padding:2.8rem 3.2rem;border-left:1px solid var(--mv-line)}
body.main-v2 .mv-vs-col h4{margin:0 0 1.2rem;color:var(--mv-ink);font-size:1.6rem;font-weight:700}
body.main-v2 .mv-vs-col li{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #f0f1f3;font-size:1.5rem}
body.main-v2 .mv-vs-col li:last-child{border-bottom:0}
body.main-v2 .mv-vs-col li span:first-child{color:var(--mv-ink3)}
body.main-v2 .mv-vs-col li span:last-child{color:var(--mv-ink);font-weight:600}
body.main-v2 .mv-vs-col li.now span{color:var(--mv-blue)}
body.main-v2 .mv-vs-foot{margin:1.6rem 0 0;color:var(--mv-ink3);font-size:1.4rem}

/* 정시 합격예측 준비 중 안내창 */
body.main-v2 .mv-ready{width:min(92vw,44rem);border-radius:6px;box-shadow:none}
body.main-v2 .mv-ready .modal-header{height:6.4rem;padding:0 2.4rem;border-radius:6px 6px 0 0}
body.main-v2 .mv-ready .modal-body{padding:2.8rem 2.4rem 2.4rem;text-align:center}
body.main-v2 .mv-ready .modal-body p{margin:0;color:var(--mv-ink);font-size:1.6rem;line-height:1.6}
body.main-v2 .mv-ready .modal-body .mv-btn{width:100%;margin-top:2.4rem}

/* ── 태블릿 ── */
@media all and (max-width:1200px){
  body.main-v2 .mv-hero .mv-wrap{grid-template-columns:1fr;gap:4.8rem}
  body.main-v2 .mv-yb,body.main-v2 .mv-about{grid-template-columns:1fr;gap:4.8rem}
  body.main-v2 .mv-about{gap:6.4rem}
  body.main-v2 .mv-dstat{grid-template-columns:1fr 1fr}
  body.main-v2 .mv-dstat-h{grid-column:1/-1;padding:1.8rem 3.2rem;border-right:0;border-bottom:1px solid var(--mv-line)}
  body.main-v2 .mv-dstat-c:nth-child(2){border-left:0}
  body.main-v2 .mv-vs{grid-template-columns:1fr 1fr 1fr}
  body.main-v2 .mv-vs-tot{grid-column:1/-1;flex-direction:row;align-items:flex-end;border-radius:6px 6px 0 0}
  body.main-v2 .mv-vs-col:nth-of-type(1){border-left:0}
}
@media all and (max-width:1000px){
  body.main-v2 .mv-nf{grid-template-columns:minmax(0,1fr)}
}
/* ── 모바일 ── */
@media all and (max-width:800px){
  body.main-v2 .mv-wrap{max-width:calc(100% - 3.2rem)}
  /* 모바일 대문 높이 = 휴대전화 화면 높이(주소창·아래 막대가 보이는 상태, svh) − 헤더(8.4rem) − 배너 위 간격(2rem) − 배너 높이 − 배너 아래 여유(1.6rem)
     → 어떤 휴대전화든 광고 배너가 첫 화면 맨 아래에 딱 들어온다. 화면이 짧으면 내용 최소 높이까지만 줄어든다 (2026-10-13)
     배너 높이 = 칸 폭(화면 폭 − 3.2rem) × 180/730 */
  body.main-v2 .mv-hero{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:3.2rem 0 2.8rem;
    min-height:calc(100vh - 8.4rem - 2rem - (100vw - 3.2rem) * 0.24658 - 1.6rem);
    min-height:calc(100svh - 8.4rem - 2rem - (100vw - 3.2rem) * 0.24658 - 1.6rem)}
  body.main-v2 .mv-hero .mv-wrap{gap:2.4rem}
  body.main-v2 .mv-hero-k{font-size:1.3rem}
  body.main-v2 .mv-hero h2{margin-top:1rem;font-size:2.9rem}
  body.main-v2 .mv-hero-sub{margin-top:1.2rem;font-size:1.45rem;line-height:1.55}
  body.main-v2 .mv-hero-login{margin-top:2rem}
  body.main-v2 .mv-hero-login .mv-btn{height:4.4rem;padding:0 2.4rem;font-size:1.5rem}
  body.main-v2 .mv-hero-login p{font-size:1.4rem}
  body.main-v2 .mv-qm{column-gap:2rem}
  body.main-v2 .mv-qm a{padding:1.1rem 2.8rem 1.1rem 0;gap:0}
  body.main-v2 .mv-qm .g{font-size:1.1rem}
  body.main-v2 .mv-qm strong{font-size:1.6rem}
  body.main-v2 .mv-qm i{font-size:1.8rem}
  body.main-v2 .mv-ad{padding-top:2rem}
  body.main-v2 .mv-sec{padding:6.4rem 0}
  body.main-v2 .mv-sec-h h3{font-size:2.6rem}
  body.main-v2 .mv-ntc .m .vw{display:none}
  /* 모바일 공지: 제목은 말줄임 없이 다 보이게(줄바꿈), 날짜는 아래 줄 */
  body.main-v2 .mv-ntc a{flex-wrap:wrap;row-gap:0.4rem}
  body.main-v2 .mv-ntc .t{flex:1 1 0;white-space:normal;overflow:visible;text-overflow:clip;word-break:keep-all;overflow-wrap:anywhere;line-height:1.45}
  body.main-v2 .mv-ntc .m{flex-basis:100%}
  /* 모바일은 공지사항·자주 묻는 질문 3개씩만 (2026-10-13 사용자 지시) */
  body.main-v2 .mv-ntc li:nth-child(n+4),body.main-v2 .mv-faq li:nth-child(n+4){display:none}
  body.main-v2 .mv-faq .t{word-break:keep-all;overflow-wrap:anywhere;line-height:1.45}
  /* 예비번호: 제목 → 결과 카드 → 다른 대학교·학과로 확인하기 → 안내 (입력칸은 숨김 — 예전 메인 모바일과 같음) */
  body.main-v2 .mv-yb{display:flex;flex-direction:column-reverse;align-items:stretch;gap:0}   /* stretch — PC 의 align-items:start 가 남아 카드·단추가 내용 폭으로 줄던 것 */
  body.main-v2 .mv-yb-txt .mv-sec-h,body.main-v2 .mv-yb-desc,body.main-v2 .yb-form,body.main-v2 .yb-btns{display:none}
  body.main-v2 .mv-yb-mo-h{display:flex}
  body.main-v2 .yb-card{padding:2.4rem 2rem;background:#fff;border:1px solid var(--mv-line);border-radius:6px}
  body.main-v2 .yb-card::after{transform:translate(0.5rem,0.5rem)}
  body.main-v2 .yb-sum{background:var(--mv-blue-l);border-radius:6px}
  body.main-v2 .yb-track .bg{background:#eef0f3}
  body.main-v2 .yb-mo-go{display:flex;width:100%;height:5rem;margin-top:1.6rem;border-radius:6px;box-shadow:none;background:var(--mv-blue);color:#fff;font-size:1.6rem;font-weight:600}
  body.main-v2 .yb-note{text-align:left}
  body.main-v2 .mv-about h3{font-size:2.4rem}
  body.main-v2 .mv-about .k{margin-top:4rem}
  body.main-v2 .mv-about-img::after{transform:translate(-0.7rem,0.7rem)}
  body.main-v2 .mv-about>div:nth-child(2) .mv-about-img::after{transform:translate(0.7rem,0.7rem)}
  body.main-v2 .mv-dstat{grid-template-columns:1fr;margin-bottom:4.8rem}
  body.main-v2 .mv-dstat-h,body.main-v2 .mv-dstat-c{padding:1.8rem 2rem}
  body.main-v2 .mv-dstat-c+.mv-dstat-c{border-left:0;border-top:1px solid var(--mv-line)}
  body.main-v2 .mv-vs{grid-template-columns:1fr}
  body.main-v2 .mv-vs-tot{grid-column:auto;flex-direction:column;align-items:flex-start;gap:1.6rem;padding:2.4rem 2rem}
  body.main-v2 .mv-vs-tab{display:flex;border-top:1px solid var(--mv-line)}
  body.main-v2 .mv-vs-tab button{flex:1;height:4.8rem;border:0;border-left:1px solid var(--mv-line);background:#fff;color:var(--mv-ink2);font-family:inherit;font-size:1.5rem;cursor:pointer}
  body.main-v2 .mv-vs-tab button:first-child{border-left:0}
  body.main-v2 .mv-vs-tab button.on{background:var(--mv-blue-l);color:var(--mv-blue);font-weight:700}
  body.main-v2 .mv-vs-col{display:none;padding:1.6rem 2rem;border-left:0;border-top:1px solid var(--mv-line)}
  body.main-v2 .mv-vs-col.on{display:block}
  body.main-v2 .mv-vs-col h4{display:none}
  body.main-v2 .mv-vs-foot{word-break:keep-all}
  /* 모바일 숫자 크기 — 입결 건수 2.4rem, 총 방문자 수 3rem (PC 는 2.6rem·3.4rem, 2026-10-13 둘 다 줄임) */
  body.main-v2 .mv-dstat-v{font-size:2.4rem}
  body.main-v2 .mv-dstat-v small{font-size:1.4rem}
  body.main-v2 .mv-dstat-v em{font-size:1.3rem}
  body.main-v2 .mv-dstat-v em b{font-size:1.5rem}
  body.main-v2 .mv-vs-tot .v{font-size:3rem}
}