/**
 * /college/ (대학 컨설팅) — 모바일(폭 ≤ 767px) 컨셉 재구성 (확정 목업 「나안」)
 * @task mobile-c7-college-20261002
 *
 * 범위: 마크업·스크립트·링크는 그대로 두고 모양만 바꾼다. PC·태블릿(≥ 768px)은 이 파일의 어떤 규칙도 닿지 않는다.
 * 이기는 방법: 탭 본문 공통 접두(.college-tab-content.college-tab-content …)로 style.css 의 기존 규칙(750·650·420 구간 포함)을 이긴다.
 * 숨기는 것(display:none): 「왜 IGE」 목록 줄의 글머리 기호 장식만 — DOM·글은 그대로다.
 */
@media (max-width: 767px) {

  /* ===== 1. 탭 본문 상단(배지·제목·설명 상자) — 탭 4개 공통 ===== */
  .college-tab-content.college-tab-content .college-main-top { min-height: 0 !important; padding: 16px 0 14px !important; }
  .college-tab-content.college-tab-content .college-main-top .college-main-top-inner { padding: 0 16px !important; max-width: none !important; }
  .college-tab-content.college-tab-content .college-hero-badge { padding: 4px 12px !important; margin: 0 0 8px !important; font-size: 11.5px !important; gap: 6px !important; }
  .college-tab-content.college-tab-content .college-hero-badge .material-symbols-outlined { font-size: 14px !important; }
  .college-tab-content.college-tab-content .college-main-top .college-main-title h2 { font-size: 20px !important; line-height: 1.3 !important; margin: 0 0 4px !important; letter-spacing: -0.02em !important; }
  .college-tab-content.college-tab-content .college-main-top .college-main-title p { font-size: 12px !important; line-height: 1.5 !important; margin: 0 0 8px !important; }
  .college-tab-content.college-tab-content .college-main-top .college-main-desc { margin: 8px 0 0 !important; padding: 10px 12px !important; border-radius: 12px !important; }
  .college-tab-content.college-tab-content .college-main-top .college-main-desc p { font-size: 12.5px !important; line-height: 1.55 !important; margin: 0 0 4px !important; }
  .college-tab-content.college-tab-content .college-main-top .college-main-desc p:last-child { margin-bottom: 0 !important; }

  /* ===== 2. 「왜 IGE」·탭별 이유 — 작은 사진 + 글 행 ===== */
  .college-tab-content.college-tab-content .college-main-sub { padding: 0 !important; }
  .college-tab-content.college-tab-content .college-main-sub-title { padding: 14px 16px 6px !important; }
  .college-tab-content.college-tab-content .college-main-sub-title h3 { font-size: 16.8px !important; line-height: 1.35 !important; margin: 0 !important; letter-spacing: -0.01em !important; }
  .college-tab-content.college-tab-content .college-main-img-box:not([style*="display:none"]) { display: flex !important; min-height: 0 !important; padding: 0 !important; margin: 0 14px 8px !important; width: auto !important; max-width: none !important; border: 1px solid var(--warm-200, #e8e5df) !important; border-radius: 14px !important; overflow: hidden !important; background-color: #fff !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: left center !important; }
  .college-tab-content.college-tab-content .college-main-img-box[style*="display:none"] { display: none !important; }
  .college-tab-content.college-tab-content .college-main-img-box .college-main-img-box-inner { padding: 0 !important; margin: 0 0 0 84px !important; background: #fff !important; width: auto !important; flex: 1 1 auto !important; min-width: 0 !important; }
  .college-tab-content.college-tab-content .college-main-img-box .college-main-txt-box { padding: 10px 12px !important; background: #fff !important; color: #222 !important; border-radius: 0 !important; box-shadow: none !important; width: auto !important; max-width: none !important; }
  .college-tab-content.college-tab-content .college-main-txt-box h4 { font-size: 13.6px !important; line-height: 1.35 !important; margin: 0 0 4px !important; color: #161b26 !important; font-weight: 700 !important; }
  .college-tab-content.college-tab-content .college-main-txt-box p,
  .college-tab-content.college-tab-content .college-main-txt-box p.pl { font-size: 12px !important; line-height: 1.5 !important; padding: 0 !important; margin: 0 0 3px !important; color: #444 !important; }
  .college-tab-content.college-tab-content .college-main-txt-box p.pl::before { display: none !important; }
  .college-tab-content.college-tab-content .college-main-txt-box b { color: #0a7f99 !important; }

  /* ===== 3. 서비스 소개 카드(소개 탭) ===== */
  .college-tab-content.college-tab-content .college-main-service { padding: 8px 0 4px !important; background: #f6f7fb !important; }
  .college-tab-content.college-tab-content .college-main-service-title h3, .college-tab-content.college-tab-content .college-main-service-title p, .college-tab-content.college-tab-content .college-main-service-title b { color: #161b26 !important; }
  .college-tab-content.college-tab-content .college-main-service-title { padding: 6px 16px !important; }
  .college-tab-content.college-tab-content .college-main-service-title h3 { font-size: 16.8px !important; line-height: 1.35 !important; margin: 0 0 4px !important; }
  .college-tab-content.college-tab-content .college-main-service-title p { font-size: 12px !important; line-height: 1.5 !important; margin: 0 !important; }
  .college-tab-content.college-tab-content .college-main-service-box { padding: 6px 14px 0 !important; gap: 8px !important; }
  .college-tab-content.college-tab-content .college-main-service-desc { background: #fff !important; border: 1px solid #e6e8ee !important; color: #222 !important; padding: 12px !important; margin: 0 0 8px !important; border-radius: 14px !important; }
  .college-tab-content.college-tab-content .college-main-service-desc h4 { font-size: 14.7px !important; line-height: 1.35 !important; padding-left: 0 !important; margin: 0 0 4px !important; }
  .college-tab-content.college-tab-content .college-main-service-desc h4::before { display: none !important; }
  .college-tab-content.college-tab-content .college-main-service-desc h4, .college-tab-content.college-tab-content .college-main-service-desc p, .college-tab-content.college-tab-content .college-main-service-desc b { color: #222 !important; }
  .college-tab-content.college-tab-content .college-main-service-desc p { font-size: 12.5px !important; line-height: 1.55 !important; margin: 0 0 3px !important; }
  .college-tab-content.college-tab-content .college-main-service-desc button { width: 100% !important; min-height: 44px !important; padding: 10px 12px !important; font-size: 12.5px !important; font-weight: 800 !important; border-radius: 10px !important; margin-top: 8px !important; }

  /* ===== 4. 「IGE 이야기」 큰 사진 5장 — 옆으로 넘기는 띠 ===== */
  .college-new-box.mo { padding: 8px 0 12px !important; }
  .college-new-box.mo ul { display: flex !important; gap: 8px !important; overflow-x: auto !important; padding: 0 14px 6px !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; height: auto !important; }
  .college-new-box.mo ul::-webkit-scrollbar { display: none !important; }
  .college-new-box.mo ul li { flex: 0 0 auto !important; width: auto !important; height: auto !important; display: block !important; }
  .college-new-box.mo ul li img { height: 420px !important; width: auto !important; max-width: none !important; border-radius: 12px !important; display: block !important; }

  /* ===== 5. 프로그램 카드(미국) · 비교표 · 문의 ===== */
  .college-tab-content.college-tab-content .college-main-package { padding: 10px 0 6px !important; }
  .college-tab-content.college-tab-content .college-main-package-title { padding: 6px 16px !important; }
  .college-tab-content.college-tab-content .college-main-package-title h3 { font-size: 16.8px !important; line-height: 1.35 !important; margin: 0 0 4px !important; }
  .college-tab-content.college-tab-content .college-main-package-title p { font-size: 12px !important; line-height: 1.5 !important; margin: 0 !important; }
  .college-tab-content.college-tab-content .college-main-package-list { padding: 8px 14px 0 !important; margin: 0 !important; gap: 10px !important; }
  .college-tab-content.college-tab-content .college-main-package-box { width: auto !important; }
  .college-tab-content.college-tab-content .pk-title { font-size: 17.6px !important; line-height: 1.3 !important; margin: 0 0 4px !important; }
  .college-tab-content.college-tab-content .college-main-package-inner { padding: 12px !important; margin: 0 !important; border-radius: 14px !important; }
  .college-tab-content.college-tab-content .college-main-package-inner h4 { font-size: 14.7px !important; line-height: 1.35 !important; margin: 0 0 6px !important; }
  .college-tab-content.college-tab-content .college-main-package-inner h4 span { font-size: 11.5px !important; }
  .college-tab-content.college-tab-content .college-main-package-inner, .college-tab-content.college-tab-content .college-main-package-desc, .college-tab-content.college-tab-content .college-main-package-item, .college-tab-content.college-tab-content .college-main-service-desc { display: block !important; gap: 0 !important; }
  .college-tab-content.college-tab-content .college-main-package-desc { margin: 8px 0 0 !important; }
  .college-tab-content.college-tab-content .college-main-package-inner h4 span { display: block !important; padding: 2px 0 0 !important; }
  .college-tab-content.college-tab-content .college-main-service-box { justify-content: flex-start !important; align-items: stretch !important; }
  .college-tab-content.college-tab-content .college-main-package-item { margin: 0 0 8px !important; padding: 0 !important; }
  .college-tab-content.college-tab-content .college-main-package-item h5 { font-size: 12.8px !important; line-height: 1.4 !important; margin: 0 0 2px !important; }
  .college-tab-content.college-tab-content .college-main-package-item p { font-size: 12px !important; line-height: 1.5 !important; margin: 0 !important; }

  .college-tab-content.college-tab-content .college-main-program { padding: 10px 0 6px !important; }
  .college-tab-content.college-tab-content .college-main-program-title { padding: 6px 16px !important; }
  .college-tab-content.college-tab-content .college-main-program-title h3 { font-size: 16.8px !important; line-height: 1.35 !important; margin: 0 !important; }
  .college-tab-content.college-tab-content .college-main-program-tbl { padding: 0 14px !important; margin: 6px 0 0 !important; }
  .college-tab-content.college-tab-content .college-main-program-tbl table { width: 100% !important; }
  .college-tab-content.college-tab-content .college-main-program-tbl th { font-size: 12.5px !important; line-height: 1.3 !important; padding: 8px 4px !important; height: auto !important; }
  .college-tab-content.college-tab-content .college-main-program-tbl td { font-size: 12px !important; line-height: 1.35 !important; padding: 8px 6px !important; height: auto !important; }

  .college-tab-content.college-tab-content .college-main-contact { padding: 10px 0 14px !important; }
  .college-tab-content.college-tab-content .college-main-contact-title { padding: 6px 16px !important; }
  .college-tab-content.college-tab-content .college-main-contact-title h3 { font-size: 16.8px !important; line-height: 1.35 !important; margin: 0 0 4px !important; }
  .college-tab-content.college-tab-content .college-main-contact-title p { font-size: 12px !important; line-height: 1.5 !important; margin: 0 !important; }
  .college-tab-content.college-tab-content .college-main-contact-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; padding: 8px 14px 0 !important; margin: 0 !important; }
  .college-tab-content.college-tab-content .college-main-contact-list .btn-call { min-height: 56px !important; padding: 8px 6px !important; border-radius: 12px !important; text-align: center !important; }
  .college-tab-content.college-tab-content .college-main-contact-list .btn-call b { display: block !important; font-size: 11.5px !important; line-height: 1.3 !important; }
  .college-tab-content.college-tab-content .college-main-contact-list .btn-call p { font-size: 10.6px !important; line-height: 1.3 !important; margin: 2px 0 0 !important; overflow-wrap: anywhere !important; }

  /* ===== 6. 캐나다 탭 패키지 카드 ===== */
  .college-tab-content.college-tab-content .cad-pkg-list { margin: 0 !important; padding: 8px 14px 0 !important; gap: 10px !important; }
  .college-tab-content.college-tab-content .cad-pkg-inner { margin: 8px 0 0 !important; padding: 0 12px 12px !important; border-radius: 14px !important; }
  .college-tab-content.college-tab-content .cad-pkg-bar { margin: 0 -12px 12px !important; padding: 10px 12px !important; font-size: 12.5px !important; line-height: 1.35 !important; }
  .college-tab-content.college-tab-content .cad-pkg-target { font-size: 12.5px !important; line-height: 1.55 !important; margin: 8px 0 0 !important; }
  .college-tab-content.college-tab-content .cad-pkg-slabel { font-size: 13.1px !important; line-height: 1.3 !important; margin: 12px 0 0 !important; padding: 0 0 6px !important; }
  .college-tab-content.college-tab-content .cad-pkg-svc li { font-size: 12.5px !important; line-height: 1.5 !important; padding: 7px 0 !important; }
  .college-tab-content.college-tab-content .cad-pkg-extra { margin: 10px 0 0 !important; padding: 12px !important; }
  .college-tab-content.college-tab-content .cad-pkg-chip { font-size: 12px !important; line-height: 1.4 !important; }
  .college-tab-content.college-tab-content .cad-pkg-extra .cad-eh { font-size: 12.8px !important; line-height: 1.35 !important; }

  .college-tab-content.college-tab-content .cad-pkg-pk { font-size: 17px !important; line-height: 1.3 !important; margin: 0 0 2px !important; }
  .college-tab-content.college-tab-content .cad-pkg-inner h4 { font-size: 15px !important; line-height: 1.35 !important; margin: 0 0 4px !important; }
  .college-tab-content.college-tab-content .cad-pkg-svc li b { display: block !important; font-size: 13px !important; line-height: 1.4 !important; }
  .college-tab-content.college-tab-content .cad-pkg-svc li span { display: block !important; font-size: 11.5px !important; line-height: 1.45 !important; }
  .college-tab-content.college-tab-content .cad-pkg-svc li { padding: 6px 0 !important; }
  .college-tab-content.college-tab-content .cad-pkg-chip { padding: 8px 10px !important; }
  .college-tab-content.college-tab-content .college-main-top.college-cad-bottom { padding: 14px 0 !important; }

  /* ===== 7. 진학 Case 탭 — 로고 + 학교 + 이름 한 줄 행 ===== */
  .college-tab-content.college-tab-content .bgw { padding: 0 !important; }
  .college-tab-content.college-tab-content .bgw .contentInner { padding: 12px 16px 2px !important; }
  .college-tab-content.college-tab-content .bgw h2.sub { font-size: 20.8px !important; line-height: 1.3 !important; margin: 0 !important; }
  .college-tab-content.college-tab-content .bgw h2.sub span { font-size: 11.5px !important; margin-bottom: 2px !important; }
  .college-tab-content.college-tab-content .bgw .contentInner h2.sub { position: static !important; display: block !important; width: auto !important; padding: 0 !important; border-bottom: 0 !important; }
  .college-tab-content.college-tab-content .schRank.case { margin: 0 !important; border: 0 !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList { padding: 0 !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList ul li span.uniLogo { position: static !important; background-size: contain !important; }
  .college-tab-content.college-tab-content .bgw .contentTxt { display: none !important; }
  .college-tab-content.college-tab-content .schRank.case { padding: 4px 14px 12px !important; }
  .college-tab-content.college-tab-content .schRank.case h3 { font-size: 16px !important; line-height: 1.35 !important; margin: 8px 2px 6px !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList { margin: 0 0 8px !important; background: #fff !important; border: 1px solid var(--warm-200, #e8e5df) !important; border-radius: 14px !important; overflow: hidden !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList ul { margin: 0 !important; padding: 0 !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList li { display: grid !important; grid-template-columns: 36px 1fr !important; column-gap: 12px !important; align-items: center !important; min-height: 52px !important; padding: 8px 12px !important; margin: 0 !important; border-bottom: 1px solid var(--warm-200, #e8e5df) !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList li:last-child { border-bottom: 0 !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList li .uniLogo { grid-row: 1 / span 2 !important; grid-column: 1 !important; width: 36px !important; height: 36px !important; margin: 0 !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList li p { grid-column: 2 !important; margin: 0 !important; font-size: 13.1px !important; line-height: 1.3 !important; }
  .college-tab-content.college-tab-content .schRank.case .schRankList li p.stud { font-size: 11.2px !important; color: #667085 !important; }
}