@charset "UTF-8";
/* ==========================================================================
   autobase — 대리점 및 협력업체 반응형 (모든 @media 는 이 파일에만)
   ========================================================================== */

/* ── 1440 이하 ───────────────────────────────────────────────────────── */
@media (max-width: 1440px) {
  .ag__title { font-size: 52px; }
  .ag__desc { font-size: 18px; }
  .ag__group { font-size: 34px; }
}

/* ── 1200 이하 ───────────────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .ag__title { font-size: 42px; }
}

/* ── 1024 이하 : 카드 1열 ────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .ag { margin-top: 100px; }
  .ag__title { font-size: 34px; }
  .ag__desc { font-size: 16px; }

  .ag__group { margin-top: 64px; font-size: 28px; }
  /* 원본 태블릿 구간: min-height 240, padding 24/24/20, radius 8, 태그 28h */
  .ag__grid { grid-template-columns: 1fr; gap: 16px; margin-top: 24px; }
  .ag__card { min-height: 240px; padding: 24px 24px 20px; border-radius: 8px; }
  .ag__card-txt { gap: 16px; }
  .ag__tag { height: 28px; padding: 0 8px; border-radius: 2px; font-size: 14px; }

  .ag__recruit { margin-top: 64px; }
  .ag__recruit strong { font-size: 26px; }
}

/* ── 768 이하 : 모바일 ───────────────────────────────────────────────── */
@media (max-width: 768px) {
  .ag { margin-top: 72px; }
  .ag__title { font-size: 26px; }
  .ag__desc { margin-top: 16px; font-size: 15px; }

  .ag__group { margin-top: 48px; font-size: 22px; }
  .ag__card { min-height: 0; gap: 20px; }
  .ag__name { font-size: 19px; }
  .ag__rows p { font-size: 15px; }
  /* 좁은 화면에선 구분선 대신 줄바꿈 */
  .ag__rows .bar { display: block; width: 0; height: 0; margin: 0; }
  .ag__link { font-size: 14px; }

  .ag__recruit { margin-top: 48px; padding: 40px 24px; border-radius: 20px; }
  .ag__recruit strong { font-size: 21px; }
  .ag__recruit p { font-size: 15px; }
  .ag__recruit .ag__recruit-contact { font-size: 14px; }
  .ag__recruit .bar { display: block; width: 0; height: 0; margin: 0; }
}