/* 67차 | 협회소개 첫 번째 영역: 기존 홈페이지 화면과 같은 소개형 레이아웃
   (상단 협회소개 배너/나머지 섹션/홈 메인페이지는 유지) */
.ccaa-about .about-classic-intro {
  background: #fff !important;
  padding: 54px 0 64px !important;
}
.ccaa-about .about-classic-intro .about-hero-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.38fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 38px !important;
  min-height: 0 !important;
}
.ccaa-about .about-classic-intro .about-hero-copy {
  padding: 0 !important;
  min-width:0;
}
.ccaa-about .about-classic-intro .about-overline {
  display:block !important;
  color:#b87357 !important;
  font: 780 11px/1.4 Arial, Helvetica, sans-serif !important;
  letter-spacing:.16em !important;
}
.ccaa-about .about-classic-intro .about-intro-title {
  margin: 19px 0 0 !important;
  color:#293e34;
  font-size:clamp(31px,2.7vw,38px);
  font-weight:770;
  line-height:1.45;
  letter-spacing:-.067em;
  word-break:keep-all;
}
.ccaa-about .about-classic-intro .about-intro-title span{color:#3b5f4b;}
.ccaa-about .about-classic-intro .about-intro-description {
  margin: 22px 0 0 !important;
  max-width:635px;
  color:#728376;
  font-size:13.9px;
  line-height:2.05;
  font-weight:430;
  letter-spacing:-.029em;
  word-break:keep-all;
}
.ccaa-about .about-classic-intro .about-intro-description strong {
  font-weight:760;
  color:#2e4438;
}
.ccaa-about .about-classic-intro .about-hero-actions {
  margin-top: 22px !important;
  gap: 18px !important;
}
.ccaa-about .about-classic-intro .about-hero-art {
  position:relative !important;
  height: 352px !important;
  min-height: 352px !important;
  margin:0 !important;
  isolation:isolate;
}
.ccaa-about .about-classic-intro .about-hero-art::before {
  content:"";
  position:absolute;
  z-index:0;
  top:20px;
  right:16px;
  bottom:0;
  left:0;
  border-radius:20px;
  background:#e3e7dd;
}
.ccaa-about .about-classic-intro .about-hero-image {
  position:absolute !important;
  z-index:1;
  inset:0 0 37px 15px !important;
  border-radius:18px !important;
  background: #f7f8f5 url('../assets/about-exhibition-display-v67.jpg') center center / cover no-repeat !important;
  box-shadow:0 11px 30px rgba(52,69,53,.06) !important;
}
.ccaa-about .about-classic-intro .about-hero-image::after {display:none !important;}
.ccaa-about .about-classic-intro .about-hero-photo-caption {
  display:block !important;
  position:absolute !important;
  z-index:2;
  bottom:12px !important;
  right:26px !important;
  top:auto !important;
  padding:0 !important;
  min-height:0 !important;
  color:#819084 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:9px !important;
  font-weight:450;
  letter-spacing:-.018em;
  line-height:1.2 !important;
  white-space:nowrap;
}
@media (min-width:861px) and (max-width:1120px){
  .ccaa-about .about-classic-intro{padding:45px 0 56px !important;}
  .ccaa-about .about-classic-intro .about-hero-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important;gap:20px !important;}
  .ccaa-about .about-classic-intro .about-intro-title{font-size:31px;}
  .ccaa-about .about-classic-intro .about-intro-description{font-size:12.7px;line-height:1.9;}
  .ccaa-about .about-classic-intro .about-intro-break{display:none;}
  .ccaa-about .about-classic-intro .about-hero-art{height:312px !important;min-height:312px !important;}
}
@media (min-width:651px) and (max-width:860px){
  .ccaa-about .about-classic-intro{padding:42px 0 48px !important;}
  .ccaa-about .about-classic-intro .about-hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) !important;gap:20px !important;}
  .ccaa-about .about-classic-intro .about-intro-title{font-size:27px;line-height:1.42;}
  .ccaa-about .about-classic-intro .about-intro-description{font-size:12px;line-height:1.85;margin-top:16px !important;}
  .ccaa-about .about-classic-intro .about-intro-break{display:none;}
  .ccaa-about .about-classic-intro .about-hero-actions{gap:12px !important;margin-top:17px !important;}
  .ccaa-about .about-classic-intro .about-hero-art{height:280px !important;min-height:280px !important;}
  .ccaa-about .about-classic-intro .about-hero-photo-caption{font-size:7.5px !important;right:16px !important;}
}
@media (max-width:650px){
  .ccaa-about .about-classic-intro{padding:36px 0 49px !important;}
  .ccaa-about .about-classic-intro .about-hero-layout{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:27px !important;}
  .ccaa-about .about-classic-intro .about-overline{font-size:9px !important;}
  .ccaa-about .about-classic-intro .about-intro-title{font-size:clamp(24px,6.2vw,31px);line-height:1.43;margin-top:12px !important;letter-spacing:-.07em;}
  .ccaa-about .about-classic-intro .about-intro-description{font-size:12.3px;line-height:1.9;margin-top:15px !important;}
  .ccaa-about .about-classic-intro .about-intro-break{display:none;}
  .ccaa-about .about-classic-intro .about-hero-actions{margin-top:18px !important;gap:14px !important;}
  .ccaa-about .about-classic-intro .about-hero-art{height:265px !important;min-height:265px !important;width:100%;}
  .ccaa-about .about-classic-intro .about-hero-art::before{top:14px;right:12px;bottom:0;left:0;border-radius:15px;}
  .ccaa-about .about-classic-intro .about-hero-image{inset:0 0 28px 12px !important;border-radius:15px !important;}
  .ccaa-about .about-classic-intro .about-hero-photo-caption{bottom:8px !important;right:18px !important;font-size:8px !important;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:360px){
  .ccaa-about .about-classic-intro .about-intro-title{font-size:23px;}
  .ccaa-about .about-classic-intro .about-hero-art{height:235px !important;min-height:235px !important;}
  .ccaa-about .about-classic-intro .about-hero-photo-caption{font-size:7px !important;}
}