@charset "UTF-8";
/* ==========================================================================
   autobase — 대리점 및 협력업체 (데스크톱)
   시안 없음 — 기존 페이지(회사소개·제품리스트·오시는 길)의 디자인 언어를 재사용.
   ※ @media 는 m.agency.css 에만.
   ========================================================================== */

.ag { margin-top: 140px; }
.ag__title { font-size: 64px; font-weight: 700; line-height: normal; }
.ag__desc { margin-top: 32px; font-size: 20px; line-height: 1.5; }

/* 그룹 제목 — 제품리스트 카테고리 제목 언어 */
.ag__group { margin-top: 80px; font-size: 40px; font-weight: 600; line-height: normal; }

/* 대리점 카드 — poscoflow.com .location_card 구조·수치 이식 (포인트 색만 브랜드 var(--brand) 로 치환)
   원본: flex column + space-between(하단 링크 고정), gap 24, min-height 280,
         padding 36/36/28, border #D1D2D4, radius 12, 태그 칩 32h, 주소 18px 회색 */
.ag__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 32px;
}
.ag__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 280px;
  padding: 36px 36px 28px;
  border: 1px solid #d1d2d4;
  border-radius: 12px;
  background: #fff;
}
.ag__card-txt { display: flex; flex-direction: column; gap: 20px; }

/* 태그 칩 — 테두리형(국내) / 채움형(해외) */
.ag__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--brand);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: var(--brand);
}
.ag__tag--filled { background: var(--brand); color: #fff; }

.ag__info { display: flex; flex-direction: column; gap: 4px; }
.ag__name { font-size: 24px; font-weight: 700; line-height: 1.3; }
.ag__rows p { font-size: 18px; line-height: 1.5; color: #666; }

/* 하단 링크 — 원본 mail 링크 스타일(회색, hover 시 포인트색) */
.ag__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  transition: color .3s ease;
}
.ag__link .chev {
  width: 6.06px;
  height: 10.71px;
  background: #666;
  mask: url('../../images/icons/chevron-blue.svg') center / contain no-repeat;
  transition: background .3s ease;
}
.ag__link:hover { color: var(--brand); }
.ag__link:hover .chev { background: var(--brand); }

/* 모집 안내 — 회색 섹션 배경 언어 + 파랑 포인트 */
.ag__recruit {
  margin-top: 80px;
  padding: 56px 40px;
  border-radius: 30px;
  background: #f8f8f8;
  text-align: center;
}
.ag__recruit strong { display: block; font-size: 32px; font-weight: 600; line-height: 1.3; color: var(--brand); }
.ag__recruit p { margin-top: 16px; font-size: 18px; line-height: 1.5; }
.ag__recruit-contact { color: #333; }
.ag__recruit .ag__recruit-contact { margin-top: 12px; font-size: 16px; }