/* 60차 | 협회소개 내용 보강. 메인페이지/기존 협회소개 구조와 색상 유지. */
.ccaa-about .about-records{padding:96px 0;background:#fff;}
.ccaa-about .about-records-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.83fr);align-items:center;gap:clamp(40px,6vw,95px);}
.ccaa-about .about-records-intro h2{margin:15px 0 20px;font-size:clamp(29px,3.2vw,43px);font-weight:760;line-height:1.47;letter-spacing:-.072em;word-break:keep-all;color:#2b4939;}
.ccaa-about .about-records-intro h2 span{color:#688970;}
.ccaa-about .about-records-intro>p:not(.about-kicker){font-size:13.8px;line-height:2;letter-spacing:-.03em;color:#748478;max-width:500px;word-break:keep-all;}
.ccaa-about .about-records-highlight{position:relative;min-width:0;padding:32px 38px 31px;border:1px solid #dfe7df;background:linear-gradient(135deg,#f7f8f4,#f0f4ef);border-radius:17px;overflow:hidden;}
.ccaa-about .about-records-highlight:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(145,166,142,.2);top:-105px;right:-48px;pointer-events:none;}
.ccaa-about .about-records-label{display:flex;gap:8px;align-items:center;color:#b2765d;font:800 10px Arial,sans-serif;letter-spacing:.12em;}
.ccaa-about .about-records-dot{width:6px;height:6px;border-radius:50%;background:#b67e64;}
.ccaa-about .about-records-number{display:flex;align-items:baseline;gap:8px;margin:17px 0 8px !important;color:#3c634c;}
.ccaa-about .about-records-number strong{font:750 clamp(72px,8vw,112px)/1 Arial,sans-serif;letter-spacing:-.075em;}
.ccaa-about .about-records-number span{font-size:22px;font-weight:760;color:#6b846d;}
.ccaa-about .about-records-highlight h3{font-size:22px;font-weight:760;line-height:1.45;letter-spacing:-.05em;color:#294c39;}
.ccaa-about .about-records-highlight>p:not(.about-records-number){font-size:12.7px;line-height:1.8;color:#738677;letter-spacing:-.02em;margin-top:9px;word-break:keep-all;}
.ccaa-about .about-records-tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;}
.ccaa-about .about-records-tags span{border:1px solid #d7e1d7;color:#66806c;border-radius:30px;padding:6px 13px;font-size:10px;font-weight:700;background:#ffffffb3;}

.ccaa-about .about-director-section{background:#f6f8f4;padding:89px 0;}
.ccaa-about .about-director-layout{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:clamp(36px,6vw,90px);align-items:center;}
.ccaa-about .about-director-mark{display:flex;flex-direction:column;min-height:280px;justify-content:center;padding:35px 36px;background:#eaf0e8;border:1px solid #dce6d9;border-radius:15px;position:relative;overflow:hidden;}
.ccaa-about .about-director-mark:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #d4dfd0;border-radius:50%;bottom:-110px;right:-65px;pointer-events:none;}
.ccaa-about .about-director-mark>span{font:760 11px Arial,sans-serif;letter-spacing:.13em;color:#9f745e;}
.ccaa-about .about-director-mark>strong{font:740 clamp(78px,8vw,114px)/1 Arial,sans-serif;letter-spacing:-.08em;color:#3e684e;margin:20px 0 14px;}
.ccaa-about .about-director-mark>strong em{font-style:normal;font-size:.52em;vertical-align:top;margin-left:5px;color:#73927a;}
.ccaa-about .about-director-mark>small{font:730 10px Arial,sans-serif;letter-spacing:.14em;color:#809483;}
.ccaa-about .about-director-copy h2{margin:14px 0 22px;color:#2a4a37;font-size:clamp(29px,3vw,43px);line-height:1.48;font-weight:760;letter-spacing:-.065em;word-break:keep-all;}
.ccaa-about .about-director-copy h2 span{color:#62886b;}
.ccaa-about .about-director-copy>p:not(.about-kicker){font-size:14px;line-height:2;color:#708273;word-break:keep-all;letter-spacing:-.025em;}
.ccaa-about .about-director-copy>p strong{color:#3b6147;font-weight:760;}
.ccaa-about .about-director-footer{border-top:1px solid #dce5dc;margin-top:27px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;}
.ccaa-about .about-director-footer>span{font-size:12px;color:#647b68;font-weight:680;letter-spacing:-.03em;}
.ccaa-about .about-director-footer i{display:inline-block;width:1px;height:11px;background:#c0d0c2;margin:0 8px;vertical-align:-1px;}
.ccaa-about .about-director-footer .about-outline-link{margin:0;font-size:11.5px;padding:9px 0 10px;}

@media(max-width:860px){
 .ccaa-about .about-records{padding:75px 0;}
 .ccaa-about .about-records-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);}
 .ccaa-about .about-records-highlight{padding:25px 25px 27px;}
 .ccaa-about .about-records-highlight h3{font-size:19px;}
 .ccaa-about .about-director-layout{gap:27px;}
 .ccaa-about .about-director-mark{padding:25px;min-height:242px;}
}
@media(max-width:650px){
 .ccaa-about .about-records{padding:65px 0 70px;}
 .ccaa-about .about-records-layout{display:flex;flex-direction:column;align-items:stretch;gap:24px;}
 .ccaa-about .about-records-intro h2{font-size:clamp(25px,6.5vw,33px);margin:12px 0 13px;}
 .ccaa-about .about-records-intro>p:not(.about-kicker){font-size:12.5px;line-height:1.9;}
 .ccaa-about .about-records-intro .about-outline-link{margin-top:12px;}
 .ccaa-about .about-records-highlight{padding:23px 24px 24px;border-radius:14px;}
 .ccaa-about .about-records-number{margin:12px 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:12px;line-height:1.75;}
 .ccaa-about .about-records-tags{margin-top:16px;}
 .ccaa-about .about-director-section{padding:65px 0 71px;}
 .ccaa-about .about-director-layout{display:flex;flex-direction:column;align-items:stretch;gap:27px;}
 .ccaa-about .about-director-mark{min-height:0;padding:21px 25px 22px;}
 .ccaa-about .about-director-mark>span{font-size:9px;}
 .ccaa-about .about-director-mark>strong{font-size:66px;margin:11px 0 7px;}
 .ccaa-about .about-director-mark>small{font-size:9px;}
 .ccaa-about .about-director-copy h2{font-size:clamp(26px,6.5vw,34px);margin:11px 0 17px;}
 .ccaa-about .about-director-copy>p:not(.about-kicker){font-size:12.6px;line-height:1.9;}
 .ccaa-about .about-director-footer{margin-top:19px;}
}
@media(max-width:360px){
 .ccaa-about .about-records-highlight{padding:22px 20px;}
 .ccaa-about .about-records-highlight h3{font-size:17px;}
 .ccaa-about .about-director-mark{padding:20px;}
 .ccaa-about .about-director-copy h2{font-size:25px;}
}