/* 64차 | 협회소개 대표 사진은 유지하고 테두리 프레임 디자인만 교체.
   첨부된 예시처럼 뒷면 연한 세이지 톤 사각 판이 왼쪽/아래로 살짝 드러나는 방식.
   기존 CCAA/EST. 2009 장식 박스는 HTML에서 제거. 메인페이지 CSS 변경 없음. */

.ccaa-about .about-hero-art {position:relative; isolation:isolate;}
.ccaa-about .about-hero-art::before {
  content:"";
  position:absolute;
  top:37px;
  right:21px;
  bottom:12px;
  left:0;
  z-index:0;
  border-radius:18px;
  background:#e4e9de;
  pointer-events:none;
}
.ccaa-about .about-hero-image {
  position:absolute;
  inset:18px 6px 40px 15px;
  z-index:1;
  border-radius:18px;
  box-shadow:none;
  /* background image/url are retained from v61; photo contents are unchanged */
}
.ccaa-about .about-hero-photo-caption {
  position:absolute;
  right:25px;
  bottom:19px;
  z-index:2;
  color:#829187;
  font-size:9px;
  line-height:1;
  font-weight:500;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.ccaa-about .about-art-card,
.ccaa-about .about-art-accent { display:none !important; }

@media (min-width:861px) and (max-width:1120px) {
  .ccaa-about .about-hero-art::before{top:41px;right:21px;bottom:15px;left:0;}
  .ccaa-about .about-hero-image{inset:24px 6px 42px 14px;}
  .ccaa-about .about-hero-photo-caption{bottom:20px;right:24px;}
}
@media (min-width:651px) and (max-width:860px) {
  .ccaa-about .about-hero-art::before{top:38px;right:15px;bottom:9px;left:0;border-radius:15px;}
  .ccaa-about .about-hero-image{inset:20px 4px 35px 12px;border-radius:15px;}
  .ccaa-about .about-hero-photo-caption{right:19px;bottom:15px;font-size:8px;}
}
@media (max-width:650px) {
  .ccaa-about .about-hero-art{height:224px;min-height:224px;}
  .ccaa-about .about-hero-art::before{top:14px;right:14px;bottom:0;left:0;border-radius:15px;}
  .ccaa-about .about-hero-image{inset:0 0 25px 13px;border-radius:15px;}
  .ccaa-about .about-hero-photo-caption{right:21px;bottom:7px;font-size:8px;}
}
@media (max-width:360px) {
  .ccaa-about .about-hero-art{height:200px;min-height:200px;}
  .ccaa-about .about-hero-art::before{top:12px;right:12px;bottom:0;left:0;border-radius:13px;}
  .ccaa-about .about-hero-image{inset:0 0 23px 12px;border-radius:13px;}
  .ccaa-about .about-hero-photo-caption{right:18px;bottom:6px;font-size:7.5px;}
}