/* 63차 | 협회소개 페이지 전체 비율을 기존 홈페이지의 컴팩트한 정보 밀도에 맞춰 조정.
   디자인, 사진, 내용 및 메인페이지는 유지. */

/* PC: 본문 너비를 좁히고 타이포그래피/섹션 간 여백을 일괄 축소 */
@media (min-width:861px) {
 .ccaa-about .wrap {width:min(1060px,calc(100% - 80px));}
 .ccaa-about .about-page-hero-inner{padding:31px 0 35px;}
 .ccaa-about .about-page-breadcrumb{font-size:11px;gap:9px;margin-bottom:13px;}
 .ccaa-about .about-page-kicker{font-size:10px;letter-spacing:.13em;margin-bottom:7px;}
 .ccaa-about .about-page-hero h1{font-size:38px;line-height:1.14;letter-spacing:-.06em;}
 .ccaa-about .about-page-summary{font-size:13.5px;margin-top:13px;line-height:1.65;}

 .ccaa-about .about-hero{padding-top:40px;}
 .ccaa-about .about-hero-layout{grid-template-columns:57% minmax(0,43%);min-height:400px;}
 .ccaa-about .about-hero-copy{padding:20px 20px 38px 0;}
 .ccaa-about .about-hero-copy .about-breadcrumb{display:none;}
 .ccaa-about .about-overline{font-size:9.5px;letter-spacing:.12em;}
 .ccaa-about .about-overline-bar{width:22px;}
 .ccaa-about .about-hero h1{font-size:clamp(30px,2.65vw,39px);line-height:1.31;margin-top:15px;}
 .ccaa-about .about-hero-lead{font-size:15px;line-height:1.5;margin-top:13px !important;}
 .ccaa-about .about-hero-description{font-size:12px;line-height:1.75;margin-top:9px !important;}
 .ccaa-about .about-hero-actions{margin-top:17px;gap:19px;}
 .ccaa-about .about-btn-primary{padding:11px 15px;font-size:11px;gap:20px;}
 .ccaa-about .about-btn-text{font-size:11px;}
 .ccaa-about .about-hero-art{min-height:400px;}
 .ccaa-about .about-hero-image{inset:18px 6px 33px 14px;border-radius:17px;background-position:56% 48%;}
 .ccaa-about .about-art-card{min-width:116px;padding:11px 14px;gap:3px;left:-3px;bottom:46px;border-radius:10px;}
 .ccaa-about .about-art-card span{font-size:7px;}
 .ccaa-about .about-art-card b{font-size:28px;}
 .ccaa-about .about-art-card small{font-size:8px;}
 .ccaa-about .about-hero-bottom{bottom:11px;font-size:8px;}

 .ccaa-about .about-story{padding:66px 0 73px;}
 .ccaa-about .about-story-grid{grid-template-columns:22% minmax(0,1fr);gap:28px;}
 .ccaa-about .about-story-year{margin-top:43px;}
 .ccaa-about .about-story-year strong{font-size:67px;}
 .ccaa-about .about-story-content h2{font-size:31px;line-height:1.5;margin-top:10px;}
 .ccaa-about .about-story-text{margin-top:20px;padding-top:17px;}
 .ccaa-about .about-story-text p{font-size:12.5px;line-height:1.88;margin-bottom:10px;}
 .ccaa-about .about-signature{font-size:13px;gap:11px;padding-top:5px;}
 .ccaa-about .about-signature-mark{font-size:49px;}

 .ccaa-about .about-areas{padding:68px 0 72px;}
 .ccaa-about .about-section-head{margin-bottom:25px;}
 .ccaa-about .about-section-head h2{font-size:31px;margin-top:10px;}
 .ccaa-about .about-head-side{font-size:11.5px;}
 .ccaa-about .about-areas-grid{gap:12px;}
 .ccaa-about .about-area-card{min-height:242px;padding:18px 16px 14px;border-radius:13px;}
 .ccaa-about .about-area-top{font-size:8.5px;}
 .ccaa-about .about-area-arrow{width:23px;height:23px;flex-basis:23px;font-size:15px;}
 .ccaa-about .about-area-icon{width:42px;height:42px;margin-top:12px;}
 .ccaa-about .about-area-body{margin-top:13px;gap:7px;}
 .ccaa-about .about-area-body strong{font-size:18px;}
 .ccaa-about .about-area-body small{font-size:11px;line-height:1.65;}
 .ccaa-about .about-area-bottom{font-size:10px;padding-top:12px;}

 .ccaa-about .about-records{padding:65px 0;}
 .ccaa-about .about-records-layout{gap:55px;}
 .ccaa-about .about-records-intro h2{font-size:31px;margin:11px 0 13px;}
 .ccaa-about .about-records-intro>p:not(.about-kicker){font-size:12.5px;line-height:1.8;}
 .ccaa-about .about-records-highlight{padding:24px 29px;border-radius:13px;}
 .ccaa-about .about-records-number{margin:11px 0 5px !important;}
 .ccaa-about .about-records-number strong{font-size:78px;}
 .ccaa-about .about-records-highlight h3{font-size:19px;}
 .ccaa-about .about-records-highlight>p:not(.about-records-number){font-size:11.5px;line-height:1.7;}
 .ccaa-about .about-records-tags{margin-top:14px;}

 .ccaa-about .about-philosophy{padding:72px 0;}
 .ccaa-about .about-philosophy-visual{min-height:325px;padding:18px 54px 23px 0;}
 .ccaa-about .about-philosophy-photo{height:305px;border-top-right-radius:105px;}
 .ccaa-about .about-philosophy-stamp{width:104px;height:104px;right:22px;bottom:8px;font-size:9px;}
 .ccaa-about .about-philosophy-copy h2{font-size:33px;line-height:1.4;margin-top:12px;margin-bottom:15px;}
 .ccaa-about .about-philosophy-copy>p:not(.about-kicker){font-size:12.5px;line-height:1.8;margin-top:10px;}
 .ccaa-about .about-outline-link{font-size:11px;gap:12px;margin-top:18px;padding-bottom:10px;}

 .ccaa-about .about-director-section{padding:66px 0;}
 .ccaa-about .about-director-layout{gap:55px;}
 .ccaa-about .about-director-mark{min-height:205px;padding:24px 28px;border-radius:13px;}
 .ccaa-about .about-director-mark>strong{font-size:78px;margin:14px 0 9px;}
 .ccaa-about .about-director-copy h2{font-size:31px;line-height:1.42;margin:10px 0 15px;}
 .ccaa-about .about-director-copy>p:not(.about-kicker){font-size:12.7px;line-height:1.85;}
 .ccaa-about .about-director-footer{margin-top:18px;padding-top:12px;}
 .ccaa-about .about-contact{padding:65px 0;}
}

/* PC 노트북: 넓은 화면과 유사한 비율, 타이틀 충돌 예방 */
@media (min-width:861px) and (max-width:1120px) {
 .ccaa-about .about-hero h1{font-size:31px;}
 .ccaa-about .about-hero-layout{grid-template-columns:54% 46%;}
 .ccaa-about .about-hero-image{inset:24px 6px 36px 9px;}
 .ccaa-about .about-areas-grid{gap:9px;}
 .ccaa-about .about-area-card{padding:15px 11px;}
 .ccaa-about .about-area-body strong{font-size:16px;}
 .ccaa-about .about-director-layout{gap:35px;}
}

/* 태블릿: 메인 구조를 유지하면서 지나치게 큰 폰트와 이미지 축소 */
@media (min-width:651px) and (max-width:860px) {
 .ccaa-about .about-page-hero-inner{padding:29px 0 34px;}
 .ccaa-about .about-page-breadcrumb{font-size:11px;margin-bottom:11px;}
 .ccaa-about .about-page-kicker{font-size:10px;margin-bottom:7px;}
 .ccaa-about .about-page-hero h1{font-size:35px;}
 .ccaa-about .about-page-summary{font-size:13px;margin-top:13px;}
 .ccaa-about .about-hero{padding-top:36px;}
 .ccaa-about .about-hero-layout{min-height:390px;}
 .ccaa-about .about-hero-copy{padding:18px 0 30px;}
 .ccaa-about .about-hero-copy .about-breadcrumb{display:none;}
 .ccaa-about .about-hero-art{min-height:390px;}
 .ccaa-about .about-hero-image{inset:20px 5px 30px 6px;border-radius:16px;}
 .ccaa-about .about-hero h1{font-size:31px;}
 .ccaa-about .about-hero-lead{font-size:14px;margin-top:12px !important;}
 .ccaa-about .about-hero-description{font-size:11.5px;}
 .ccaa-about .about-hero-actions{margin-top:18px;gap:12px;}
 .ccaa-about .about-art-card{left:-6px;min-width:95px;bottom:40px;padding:9px 10px;}
 .ccaa-about .about-art-card b{font-size:24px;}
 .ccaa-about .about-story,.ccaa-about .about-areas,.ccaa-about .about-records,.ccaa-about .about-philosophy,.ccaa-about .about-director-section{padding:58px 0;}
 .ccaa-about .about-story-content h2,.ccaa-about .about-section-head h2,.ccaa-about .about-records-intro h2,.ccaa-about .about-director-copy h2{font-size:28px;}
 .ccaa-about .about-area-card{min-height:210px;}
 .ccaa-about .about-philosophy-photo{height:280px;}
 .ccaa-about .about-philosophy-visual{min-height:300px;}
 .ccaa-about .about-philosophy-copy h2{font-size:28px;}
 .ccaa-about .about-director-mark{min-height:200px;}
 .ccaa-about .about-director-mark>strong{font-size:73px;}
}

/* 모바일: PC와 같은 절대 크기로 축소하지 않고 한 손으로 보기 좋은 밀도로만 정리 */
@media (max-width:650px) {
 .ccaa-about .about-page-hero-inner{padding:28px 0 30px;}
 .ccaa-about .about-page-breadcrumb{font-size:10px;margin-bottom:10px;}
 .ccaa-about .about-page-kicker{font-size:9px;letter-spacing:.13em;margin-bottom:7px;}
 .ccaa-about .about-page-hero h1{font-size:31px;line-height:1.16;}
 .ccaa-about .about-page-summary{font-size:12px;line-height:1.6;margin-top:11px;}
 .ccaa-about .about-hero{padding-top:29px;padding-bottom:25px;}
 .ccaa-about .about-hero-copy{padding:0;}
 .ccaa-about .about-hero-copy .about-breadcrumb{display:none;}
 .ccaa-about .about-overline{font-size:8px;}
 .ccaa-about .about-hero h1{font-size:clamp(27px,7.5vw,33px);line-height:1.3;margin-top:13px;}
 .ccaa-about .about-hero-lead{font-size:14px;line-height:1.45;margin-top:12px !important;}
 .ccaa-about .about-hero-description{font-size:11.7px;line-height:1.74;margin-top:8px !important;}
 .ccaa-about .about-hero-actions{margin-top:15px;gap:14px;}
 .ccaa-about .about-btn-primary{padding:10px 12px;font-size:10px;gap:15px;}
 .ccaa-about .about-btn-text{font-size:10px;}
 .ccaa-about .about-hero-art{min-height:214px;height:214px;margin-top:21px;}
 .ccaa-about .about-hero-image{border-radius:15px;background-position:52% 48%;}
 .ccaa-about .about-art-card{bottom:9px;left:8px;min-width:98px;padding:8px 10px;border-radius:9px;gap:2px;}
 .ccaa-about .about-art-card span{font-size:6px;}
 .ccaa-about .about-art-card b{font-size:25px;}
 .ccaa-about .about-art-card small{font-size:7px;}
 .ccaa-about .about-story{padding:48px 0 50px;}
 .ccaa-about .about-story-content h2{font-size:clamp(23px,5.8vw,29px);line-height:1.48;}
 .ccaa-about .about-story-text{margin-top:15px;padding-top:14px;}
 .ccaa-about .about-story-text p{font-size:12px;line-height:1.82;margin-bottom:9px;}
 .ccaa-about .about-areas{padding:52px 0 54px;}
 .ccaa-about .about-section-head h2{font-size:clamp(23px,6.1vw,29px);margin-top:9px;}
 .ccaa-about .about-head-side{margin-top:8px;}
 .ccaa-about .about-area-card{min-height:205px;padding:12px 11px;border-radius:12px;}
 .ccaa-about .about-area-icon{width:36px;height:36px;margin-top:12px;}
 .ccaa-about .about-area-body{margin-top:10px;gap:5px;}
 .ccaa-about .about-area-body strong{font-size:clamp(15px,4vw,18px);}
 .ccaa-about .about-area-body small{font-size:10px;line-height:1.57;}
 .ccaa-about .about-area-bottom{padding-top:9px;font-size:9.3px;}
 .ccaa-about .about-records{padding:50px 0;}
 .ccaa-about .about-records-intro h2{font-size:clamp(24px,6vw,30px);}
 .ccaa-about .about-records-highlight{padding:20px 22px;}
 .ccaa-about .about-records-number strong{font-size:67px;}
 .ccaa-about .about-philosophy{padding:52px 0;}
 .ccaa-about .about-philosophy-visual{min-height:234px;padding-right:27px;}
 .ccaa-about .about-philosophy-photo{height:222px;border-top-right-radius:65px;}
 .ccaa-about .about-philosophy-stamp{width:79px;height:79px;font-size:8px;}
 .ccaa-about .about-philosophy-copy{padding-top:20px;}
 .ccaa-about .about-philosophy-copy h2{font-size:clamp(24px,6.5vw,31px);}
 .ccaa-about .about-director-section{padding:51px 0;}
 .ccaa-about .about-director-layout{gap:21px;}
 .ccaa-about .about-director-mark{padding:17px 22px;}
 .ccaa-about .about-director-mark>strong{font-size:59px;margin:8px 0 5px;}
 .ccaa-about .about-director-copy h2{font-size:clamp(24px,6vw,29px);}
 .ccaa-about .about-contact{padding:50px 0;}
}
@media (max-width:360px) {
 .ccaa-about .about-page-hero h1{font-size:29px;}
 .ccaa-about .about-hero h1{font-size:27px;}
 .ccaa-about .about-hero-art{height:190px;min-height:190px;}
 .ccaa-about .about-area-card{min-height:211px;}
 .ccaa-about .about-area-body strong{font-size:14.5px;}
}