/* 70차 | 대표소개 페이지. 상단은 협회소개(63차)의 헤더를 동일하게 사용.
   아래 본문은 사용자가 제공한 기존 대표소개 HTML/CSS를 기반으로 조정. */

/* Container hierarchy. Association intro has max width 1060px on PC. */
.ccaa-director { background:#fff; }
.ccaa-director #ccaa-leader { color:#29352f; background:#fff; }
.ccaa-director #ccaa-leader .rp-shell {
  width: min(1060px, calc(100% - 80px));
  max-width: 1060px;
  padding: 62px 0 77px;
}
/* The title is already on the identical introductory banner; prevent duplication. */
.ccaa-director #ccaa-leader .rp-hero { border-radius:16px; min-height:354px; }
.ccaa-director #ccaa-leader .rp-photo-wrap { min-height:354px; }
.ccaa-director #ccaa-leader .rp-profile { padding:35px 39px 32px; }
.ccaa-director #ccaa-leader .rp-name { font-size:41px; margin-bottom:13px; }
.ccaa-director #ccaa-leader .rp-name span { font-size:23px; }
.ccaa-director #ccaa-leader .rp-tagline { font-size:20px; line-height:1.6; margin-bottom:21px; }
.ccaa-director #ccaa-leader .rp-photo { object-position:center 33%; }
.ccaa-director #ccaa-leader .rp-section { margin-top:56px; }
.ccaa-director #ccaa-leader .rp-section-title { font-size:24px; }
.ccaa-director #ccaa-leader .rp-certs { gap:12px; }
.ccaa-director #ccaa-leader .rp-cert { border-radius:12px; min-height:135px; padding:22px 21px; }
.ccaa-director #ccaa-leader .rp-cert-name { font-size:16px; }
.ccaa-director #ccaa-leader .rp-career-item { min-height:69px; }
.ccaa-director #ccaa-leader .rp-message { margin-top:59px; border-radius:15px; padding:39px 45px; }
.ccaa-director #ccaa-leader .rp-message blockquote { font-size:18px; }
.ccaa-director #ccaa-leader .rp-message blockquote p { margin:0 0 17px; }
.ccaa-director #ccaa-leader .director-page-links { display:flex; justify-content:flex-end; gap:14px 26px; flex-wrap:wrap; padding-top:23px; }
.ccaa-director #ccaa-leader .director-page-links a { display:inline-flex; align-items:center; gap:9px; color:#45684e; font-size:12px; font-weight:740; padding:9px 0; border-bottom:1px solid #b8c9b5; text-decoration:none; }
.ccaa-director #ccaa-leader .director-page-links a:hover {color:#244735;border-bottom-color:#244735;}
.ccaa-director #ccaa-leader .director-page-links a:focus-visible { outline:2px solid #63896c; outline-offset:3px; }
.ccaa-director .director-contact { padding:64px 0; }
.ccaa-director #ccaa-leader .rp-section-title { margin:0 0 9px; }
.ccaa-director #ccaa-leader .rp-section-sub { margin:0 0 18px; }

@media(max-width:900px){
 .ccaa-director #ccaa-leader .rp-hero,.ccaa-director #ccaa-leader .rp-photo-wrap{min-height:335px;}
 .ccaa-director #ccaa-leader .rp-profile{padding:28px 26px;}
 .ccaa-director #ccaa-leader .rp-name{font-size:35px;}
 .ccaa-director #ccaa-leader .rp-name span{font-size:20px;}
 .ccaa-director #ccaa-leader .rp-tagline{font-size:18px;}
}
@media (min-width:651px) and (max-width:860px){
 .ccaa-director #ccaa-leader .rp-shell{width:calc(100% - 48px);padding:48px 0 62px;}
 .ccaa-director #ccaa-leader .rp-hero{grid-template-columns:minmax(0,34%) minmax(0,66%);}
 .ccaa-director #ccaa-leader .rp-photo-wrap{min-height:320px;}
 .ccaa-director #ccaa-leader .rp-profile{padding:24px;}
 .ccaa-director #ccaa-leader .rp-name{font-size:32px;}
 .ccaa-director #ccaa-leader .rp-tagline{font-size:16px;}
 .ccaa-director #ccaa-leader .rp-section{margin-top:49px;}
}
@media(max-width:650px){
 .ccaa-director #ccaa-leader .rp-shell{width:calc(100% - 38px);padding:28px 0 50px;}
 .ccaa-director #ccaa-leader .rp-hero{min-height:0;grid-template-columns:1fr;border-radius:14px;}
 .ccaa-director #ccaa-leader .rp-photo-wrap{width:71%;max-width:240px;min-height:0;aspect-ratio:619 / 840;margin:19px auto 0;border-radius:11px;}
 .ccaa-director #ccaa-leader .rp-profile{padding:21px 21px 23px;}
 .ccaa-director #ccaa-leader .rp-name{font-size:31px;margin-bottom:10px;}
 .ccaa-director #ccaa-leader .rp-name span{font-size:18px;}
 .ccaa-director #ccaa-leader .rp-tagline{font-size:17px;margin-bottom:15px;}
 .ccaa-director #ccaa-leader .rp-mini{font-size:9px;margin-bottom:8px;}
 .ccaa-director #ccaa-leader .rp-section{margin-top:42px;}
 .ccaa-director #ccaa-leader .rp-section-title{font-size:21px;}
 .ccaa-director #ccaa-leader .rp-section-sub{font-size:12px;}
 .ccaa-director #ccaa-leader .rp-certs{grid-template-columns:1fr;gap:9px;}
 .ccaa-director #ccaa-leader .rp-cert{min-height:0;padding:16px 18px;}
 .ccaa-director #ccaa-leader .rp-cert-index{margin-bottom:5px;}
 .ccaa-director #ccaa-leader .rp-cert-name{font-size:15px;}
 .ccaa-director #ccaa-leader .rp-career{grid-template-columns:1fr;gap:8px;}
 .ccaa-director #ccaa-leader .rp-career-item{min-height:57px;padding:12px 14px;}
 .ccaa-director #ccaa-leader .rp-award{grid-template-columns:55px minmax(0,1fr);gap:12px;}
 .ccaa-director #ccaa-leader .rp-message{margin-top:45px;padding:26px 22px;}
 .ccaa-director #ccaa-leader .rp-message blockquote{font-size:16px;}
 .ccaa-director #ccaa-leader .rp-message blockquote br{display:none;}
 .ccaa-director #ccaa-leader .director-page-links{justify-content:flex-start;gap:11px 22px;}
 .ccaa-director .director-contact{padding:50px 0;}
}
@media(max-width:360px){
 .ccaa-director #ccaa-leader .rp-photo-wrap{width:75%;max-width:218px;}
 .ccaa-director #ccaa-leader .rp-profile{padding:20px 17px;}
 .ccaa-director #ccaa-leader .rp-name{font-size:29px;}
 .ccaa-director #ccaa-leader .rp-tagline{font-size:15.5px;}
 .ccaa-director #ccaa-leader .rp-award{grid-template-columns:48px minmax(0,1fr);gap:10px;}
 .ccaa-director #ccaa-leader .rp-message{padding:22px 18px;}
}
@media(prefers-reduced-motion: reduce){.ccaa-director #ccaa-leader *{scroll-behavior:auto!important;transition:none!important}}