/* 65차 | 협회소개 대표 사진 하단 캡션 겹침 수정
   - 캡션을 사진 프레임 내부 하단에 배치
   - 반투명 배경과 패딩을 주어 읽기 쉽게 조정
   - 기존 하단 보조문구와 겹치지 않도록 위치 상향 */

.ccaa-about .about-hero-photo-caption {
  right: 20px;
  bottom: 50px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(248, 249, 244, 0.92);
  box-shadow: 0 6px 16px rgba(63, 74, 53, 0.06);
  color: #6e7c72;
  font-size: 10px;
  line-height: 1;
  letter-spacing: -0.01em;
}

@media (min-width:861px) and (max-width:1120px) {
  .ccaa-about .about-hero-photo-caption { right:18px; bottom:48px; font-size:9px; padding:5px 9px; }
}

@media (min-width:651px) and (max-width:860px) {
  .ccaa-about .about-hero-photo-caption { right:16px; bottom:40px; font-size:8px; padding:5px 8px; }
}

@media (max-width:650px) {
  .ccaa-about .about-hero-photo-caption {
    right: 12px;
    bottom: 34px;
    font-size: 7.5px;
    padding: 4px 7px;
    max-width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width:360px) {
  .ccaa-about .about-hero-photo-caption { right: 10px; bottom: 30px; font-size: 7px; padding: 4px 6px; }
}