/* ==========================================================================
   About us 페이지 전용 스타일 (www/aboutus/index.php) — site.css 뒤에 로드
   레이아웃: 우측 "About us" → 좌측 본문 단락 + 우측 cresc-ai-mirror.png(366×93) → 3칼럼 카드 → "Cert. & Patent" + 카드
   ========================================================================== */

/* --- 소개(인트로) ---------------------------------------------------------- */
.about-intro { padding: 18px 0 30px; }
.about-title { margin-bottom: 20px; }
.about-intro-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; }
.about-intro-text p {
  margin: 0 0 1.5em;
  font-family: var(--ff-body); font-weight: 800;        /* 원본: NanumSquare Neo ExtraBold 17px / 1.5em */
  font-size: 15px; line-height: 1.5; letter-spacing: 0; color: var(--c-black);
}
.about-intro-text p:last-child { margin-bottom: 0; }
/* 문장 중간의 데스크톱용 줄바꿈은 모바일(≤767px)에서 숨김 → 좁은 화면에서 어절이 어색하게 끊기지 않음 */
.about-intro-text .br-desktop { display: none; }
.about-intro-figure { text-align: center; line-height: 0; }
.about-intro-figure img { width: 366px; max-width: 100%; height: auto; }
@media (min-width: 768px) {
  .about-intro-text .br-desktop { display: inline; }
  .about-intro { padding: 20px 0 44px; }
  .about-title { margin-bottom: 26px; }
  .about-intro-text p { font-size: 17px; }
  /* 본문 좌측(남는 폭) + 이미지 우측 366px, 세로 중앙(원본: 이미지가 본문 중간 높이 우측에 위치) */
  .about-intro-grid { grid-template-columns: minmax(0, 1fr) 366px; gap: 40px; align-items: center; }
  .about-intro-figure { text-align: right; }
}

/* --- 3칼럼 카드 ---------------------------------------------------------- */
.about-features { padding: 20px 0 40px; }
@media (min-width: 768px) { .about-features { padding: 26px 0 64px; } }

/* --- Cert. & Patent -------------------------------------------------------- */
.about-cert { padding: 24px 0 40px; }
.about-cert-title { text-align: center; }                /* 원본 모바일: 중앙 정렬 */
@media (min-width: 768px) {
  .about-cert { padding: 30px 0 56px; }
  .about-cert-title { text-align: right; margin-bottom: 24px; }
  .about-cert .cert-grid { padding-left: 22px; }         /* 원본: 카드 열이 제목 좌측선보다 살짝 안쪽 */
}