/* CCAA / ABOUT · 59차 협회소개 페이지 / 58차 메인 페이지 불변 */
.ccaa-about { overflow:clip; color:#283f33; font-family:'Noto Sans KR','Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif; }
.ccaa-about * { box-sizing:border-box; }
.ccaa-about a { text-decoration:none; }
.ccaa-about h1,.ccaa-about h2,.ccaa-about h3,.ccaa-about p { margin:0; }
.ccaa-about .about-kicker { color:#b67a61; font:750 11px/1.4 Arial,'Noto Sans KR',sans-serif; letter-spacing:.13em; }
.ccaa-about .about-hero { position:relative; padding:0; background:linear-gradient(125deg,#f7f8f3 0%,#f5f7f2 44%,#e8eee6 100%); isolation:isolate; }
.ccaa-about .about-hero-layout { min-height:610px; display:grid; grid-template-columns: 54% minmax(0,46%); align-items:center; position:relative; gap:0; }
.ccaa-about .about-hero-copy { z-index:2; padding:46px 0 68px; position:relative; }
.ccaa-about .about-breadcrumb { display:flex;gap:11px;align-items:center;color:#879d8b;letter-spacing:.08em;font:750 10px Arial,sans-serif;margin-bottom:68px; }
.ccaa-about .about-breadcrumb a { color:#64816b; }
.ccaa-about .about-breadcrumb a:hover { text-decoration:underline;text-underline-offset:4px; }
.ccaa-about .about-overline { display:flex;align-items:center;gap:11px;white-space:normal;font:800 10px/1.6 Arial,sans-serif;color:#b1785e;letter-spacing:.14em; }
.ccaa-about .about-overline-bar { width:26px;height:1px;background:#b1785e;flex:0 0 auto; }
.ccaa-about .about-hero h1 { margin-top:22px;color:#284b3c;font-size:clamp(38px,4.45vw,67px);font-weight:780;line-height:1.26;letter-spacing:-.074em;word-break:keep-all; }
.ccaa-about .about-hero h1 span { color:#476d58; }
.ccaa-about .about-hero-lead { color:#375a49;font-size:clamp(17px,1.45vw,21px);font-weight:670;line-height:1.65;letter-spacing:-.06em;margin-top:25px !important; }
.ccaa-about .about-hero-description {color:#809183;font-size:13.5px;line-height:1.95;letter-spacing:-.035em;margin-top:13px !important;word-break:keep-all;}
.ccaa-about .about-hero-actions {margin-top:27px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.ccaa-about .about-btn-primary {background:#305b46;color:#fff;display:inline-flex;align-items:center;gap:32px;justify-content:space-between;padding:15px 19px;border-radius:5px;font-size:12px;font-weight:770;transition:background .25s,transform .25s;}
.ccaa-about .about-btn-primary:hover { background:#244936; transform:translateY(-2px); }
.ccaa-about .about-btn-text { color:#3b614d;display:inline-flex;gap:7px;align-items:center;border-bottom:1px solid #a9bca9;padding:8px 2px;font-size:12px;font-weight:740; }
.ccaa-about .about-hero-art {position:relative;height:100%;min-height:610px;align-self:stretch;isolation:isolate;}
.ccaa-about .about-hero-image {position:absolute;inset:40px -3vw 52px 16px;border-radius:220px 220px 17px 17px;overflow:hidden;background:#eeeae2 url('../assets/hero-banner-source.png') no-repeat 73% 50% / auto 100%;box-shadow:0 30px 70px rgba(63,74,53,.085);}
.ccaa-about .about-hero-image:after { content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(248,249,244,.2),rgba(255,255,255,0) 70%); }
.ccaa-about .about-art-card {position:absolute;left:-13px;bottom:93px;z-index:2;background:#fffdf9;border:1px solid #e1e8de;padding:21px 26px;min-width:188px;box-shadow:0 12px 35px rgba(40,67,48,.09);display:flex;flex-direction:column;gap:6px;}
.ccaa-about .about-art-card span {font:750 9px Arial,sans-serif;letter-spacing:.12em;color:#ae775e;}
.ccaa-about .about-art-card b {font:800 42px/.97 Arial,sans-serif;color:#416c50;letter-spacing:-.095em;}
.ccaa-about .about-art-card small {font:760 10px Arial,sans-serif;letter-spacing:.12em;color:#a1aca1;}
.ccaa-about .about-art-accent {position:absolute;width:140px;height:140px;right:-70px;top:25px;border-radius:50%;border:1px solid #d1ddcf;z-index:-1;}
.ccaa-about .about-hero-bottom {position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;gap:16px;color:#93a298;font:750 9px Arial,sans-serif;letter-spacing:.12em;}
.ccaa-about .about-hero-bottom span:last-child span {padding-left:8px;font-size:16px;vertical-align:middle;}
.ccaa-about .about-story {padding:104px 0 105px;background:#fff;}
.ccaa-about .about-story-grid {display:grid;grid-template-columns:26% minmax(0,1fr);gap:48px;}
.ccaa-about .about-section-id {display:flex;flex-direction:column;align-items:flex-start;color:#a6b4a5;font:780 11px Arial,sans-serif;letter-spacing:.10em;padding-top:9px;}
.ccaa-about .about-index-line {width:34px;height:2px;background:#b97a60;display:block;margin-bottom:18px;}
.ccaa-about .about-story-year {color:#c5d2c7;font:730 16px/1.2 Arial,sans-serif;letter-spacing:.09em;margin-top:66px;}
.ccaa-about .about-story-year strong {font-size:clamp(54px,6.3vw,92px);line-height:1;font-weight:680;letter-spacing:-.06em;display:block;margin-top:8px;color:#e4eae3;}
.ccaa-about .about-story-content h2 {margin-top:13px;font-size:clamp(28px,3vw,42px);line-height:1.53;letter-spacing:-.07em;font-weight:750;word-break:keep-all;}
.ccaa-about .about-story-content h2 em {font-style:normal;color:#5a8167;}
.ccaa-about .about-story-text {max-width:710px;margin-top:30px;border-top:1px solid #e2e9e2;padding-top:26px;}
.ccaa-about .about-story-text p {font-size:14px;line-height:2.05;letter-spacing:-.034em;color:#728678;word-break:keep-all;margin-bottom:13px;}
.ccaa-about .about-story-text strong {color:#426951;}
.ccaa-about .about-signature {display:flex;align-items:center;gap:14px;padding-top:10px;color:#4e7259;font-size:15px;font-weight:500;letter-spacing:-.035em;line-height:1.5;}
.ccaa-about .about-signature-mark {font:900 62px Georgia,serif;color:#d1a18b;line-height:1;}
.ccaa-about .about-signature b {font-weight:780;color:#2e523d;}
.ccaa-about .about-areas {background:#f6f8f4;padding:95px 0 106px;}
.ccaa-about .about-section-head {display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px;}
.ccaa-about .about-section-head h2 {font-size:clamp(28px,3.1vw,42px);line-height:1.35;font-weight:750;letter-spacing:-.075em;margin-top:15px;word-break:keep-all;}
.ccaa-about .about-section-head h2 span {color:#63866c;}
.ccaa-about .about-head-side {color:#8a9b8d;font-size:12.5px;line-height:1.7;text-align:right;letter-spacing:-.035em;}
.ccaa-about .about-areas-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
.ccaa-about .about-area-card {position:relative;display:flex;flex-direction:column;min-height:302px;border:1px solid #e0e7db;border-radius:15px;padding:23px 20px 18px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;overflow:hidden;color:#2e503d;}
.ccaa-about .about-area-card:hover {transform:translateY(-5px);border-color:#bfd0be;box-shadow:0 15px 28px rgba(39,65,42,.07);}
.ccaa-about .about-area-hobby {background:#eff3ee;}
.ccaa-about .about-area-cert {background:#f6f3ea;}
.ccaa-about .about-area-teacher {background:#f3eee8;}
.ccaa-about .about-area-outreach {background:#edf0ee;}
.ccaa-about .about-area-top {display:flex;justify-content:space-between;align-items:start;gap:5px;color:#b0785d;font:800 9.5px/1.35 Arial,sans-serif;letter-spacing:.06em;}
.ccaa-about .about-area-arrow {display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #d7e1d6;border-radius:50%;background:#fffaf7;color:#587a61;font-size:17px;font-weight:400;line-height:1;}
.ccaa-about .about-area-icon {display:flex;width:53px;height:53px;margin-top:18px;color:#89a08e;opacity:.95;}
.ccaa-about .about-area-icon svg {width:100%;height:100%;}
.ccaa-about .about-area-body {display:flex;flex-direction:column;margin-top:20px;gap:10px;}
.ccaa-about .about-area-body strong {font-size:21px;line-height:1.3;letter-spacing:-.06em;font-weight:770;word-break:keep-all;}
.ccaa-about .about-area-body small {font-size:12.4px;line-height:1.8;color:#78887b;letter-spacing:-.034em;word-break:keep-all;}
.ccaa-about .about-area-bottom {display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto;padding-top:19px;border-top:1px solid rgba(90,120,88,.13);font-size:11px;letter-spacing:-.03em;font-weight:710;color:#55735b;}
.ccaa-about .about-area-bottom span {font-size:15px;}
.ccaa-about .about-philosophy {background:#fff;padding:115px 0;}
.ccaa-about .about-philosophy-grid {display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);align-items:center;gap:0;}
.ccaa-about .about-philosophy-visual {position:relative;min-height:430px;padding:25px 65px 30px 0;}
.ccaa-about .about-philosophy-photo {height:400px;background:#f6f6ef;border-radius:6px 170px 6px 6px;border:1px solid #e3e8df;overflow:hidden;}
.ccaa-about .about-philosophy-photo img {width:100%;height:100%;display:block;object-fit:cover;object-position:55% center;transform:scale(1.23);}
.ccaa-about .about-philosophy-stamp {position:absolute;bottom:12px;right:25px;background:#f4f0e6;border:1px solid #e2ded4;color:#719077;width:127px;height:127px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font:760 11px/1.55 Arial,sans-serif;letter-spacing:.075em;transform:rotate(9deg);}
.ccaa-about .about-philosophy-stamp span {margin-top:3px;font-size:17px;color:#c68b69;}
.ccaa-about .about-philosophy-copy {padding:0 0 0 7%;}
.ccaa-about .about-philosophy-copy h2 {font-size:clamp(29px,3.5vw,47px);line-height:1.46;font-weight:760;letter-spacing:-.075em;word-break:keep-all;margin-top:17px;margin-bottom:22px;}
.ccaa-about .about-philosophy-copy h2 span {color:#67916f;}
.ccaa-about .about-philosophy-copy>p:not(.about-kicker) {font-size:13.8px;color:#748478;line-height:2.0;letter-spacing:-.035em;margin-top:13px;word-break:keep-all;}
.ccaa-about .about-outline-link {display:inline-flex;align-items:center;gap:20px;color:#365d45;border-bottom:1px solid #a6bea7;padding:10px 1px 13px;font-size:12px;font-weight:750;margin-top:26px;}
.ccaa-about .about-contact {padding:86px 0;}
.ccaa-about .about-contact h2 {font-weight:740;}
.ccaa-about [data-reveal] {transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .65s ease;}
.ccaa-about [data-reveal].about-reveal-ready {opacity:0;transform:translateY(18px);}
.ccaa-about [data-reveal].about-reveal-ready.is-visible {opacity:1;transform:translateY(0);}
.ccaa-about a:focus-visible {outline:3px solid #b1836c;outline-offset:4px;}
@media (max-width:1150px) and (min-width:861px) {
 .ccaa-about .about-hero-layout {min-height:555px;grid-template-columns:55% 45%;}
 .ccaa-about .about-hero-art {min-height:555px;}
 .ccaa-about .about-hero h1 {font-size:clamp(37px,4.1vw,54px);}
 .ccaa-about .about-hero-image {inset:45px -2vw 55px 5px;}
 .ccaa-about .about-areas-grid {gap:11px;}
 .ccaa-about .about-area-card {padding:18px 13px;}
 .ccaa-about .about-area-body strong {font-size:18px;}
}
@media (max-width:860px) {
 .ccaa-about .about-hero-layout {min-height:510px;grid-template-columns: 58% 42%;}
 .ccaa-about .about-hero-copy {padding:29px 0 60px;}
 .ccaa-about .about-breadcrumb {margin-bottom:40px;}
 .ccaa-about .about-hero h1 {font-size:clamp(33px,4.7vw,43px);}
 .ccaa-about .about-hero-lead {font-size:16px;}
 .ccaa-about .about-hero-description {font-size:12px;}
 .ccaa-about .about-hero-art {min-height:510px;}
 .ccaa-about .about-hero-image {inset:54px -2vw 65px 0;border-radius:130px 130px 12px 12px;}
 .ccaa-about .about-art-card {left:-30px;bottom:95px;min-width:125px;padding:15px;}
 .ccaa-about .about-art-card b {font-size:30px;}
 .ccaa-about .about-art-accent {display:none;}
 .ccaa-about .about-story {padding:70px 0;}
 .ccaa-about .about-story-grid {grid-template-columns:23% 1fr;gap:22px;}
 .ccaa-about .about-areas {padding:67px 0 80px;}
 .ccaa-about .about-areas-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .ccaa-about .about-area-card {min-height:250px;}
 .ccaa-about .about-philosophy {padding:70px 0;}
 .ccaa-about .about-philosophy-visual {padding-right:40px;min-height:350px;}
 .ccaa-about .about-philosophy-photo {height:320px;border-top-right-radius:110px;}
 .ccaa-about .about-philosophy-stamp {right:10px;width:95px;height:95px;font-size:9px;}
 .ccaa-about .about-philosophy-copy {padding-left:3%;}
}
@media (max-width:650px) {
 .ccaa-about .about-hero {padding:0 0 27px;}
 .ccaa-about .about-hero-layout {display:flex;flex-direction:column;align-items:stretch;min-height:0;}
 .ccaa-about .about-hero-copy {padding:29px 0 0;}
 .ccaa-about .about-breadcrumb {font-size:9px;margin-bottom:32px;}
 .ccaa-about .about-overline {font-size:8.8px;letter-spacing:.085em;gap:8px;}
 .ccaa-about .about-overline-bar {width:20px;}
 .ccaa-about .about-hero h1 {margin-top:18px;font-size:clamp(34px,8.7vw,44px);line-height:1.29;}
 .ccaa-about .about-hero-lead {font-size:16px;margin-top:19px !important;}
 .ccaa-about .about-hero-description {font-size:12.3px;line-height:1.8;margin-top:10px !important;}
 .ccaa-about .about-desktop-break {display:none;}
 .ccaa-about .about-hero-actions {margin-top:20px;gap:17px;}
 .ccaa-about .about-btn-primary {padding:12px 14px;font-size:11px;gap:23px;}
 .ccaa-about .about-btn-text {font-size:11px;}
 .ccaa-about .about-hero-art {min-height:244px;height:244px;margin-top:28px;}
 .ccaa-about .about-hero-image {inset:0;border-radius:15px 110px 15px 15px;background-position:73% 51%;background-size:auto 117%;box-shadow:none;}
 .ccaa-about .about-art-card {bottom:17px;left:-5px;min-width:117px;padding:11px 13px;gap:4px;}
 .ccaa-about .about-art-card span {font-size:6.8px;}
 .ccaa-about .about-art-card b {font-size:30px;}
 .ccaa-about .about-art-card small {font-size:7px;}
 .ccaa-about .about-hero-bottom {display:none;}
 .ccaa-about .about-story {padding:65px 0;}
 .ccaa-about .about-story-grid {display:block;}
 .ccaa-about .about-section-id {font-size:10px;flex-direction:row;align-items:center;gap:9px;padding:0 0 17px;}
 .ccaa-about .about-index-line {margin:0;width:22px;}
 .ccaa-about .about-story-year {display:none;}
 .ccaa-about .about-story-content h2 {font-size:clamp(24px,6.5vw,31px);line-height:1.55;margin-top:13px;}
 .ccaa-about .about-story-text {margin-top:20px;padding-top:18px;}
 .ccaa-about .about-story-text p {font-size:12.4px;line-height:1.9;margin-bottom:12px;}
 .ccaa-about .about-signature {font-size:13px;padding-top:5px;}
 .ccaa-about .about-signature-mark {font-size:51px;}
 .ccaa-about .about-areas {padding:62px 0 74px;}
 .ccaa-about .about-section-head {display:block;margin-bottom:23px;}
 .ccaa-about .about-section-head h2 {font-size:clamp(25px,6.4vw,33px);margin-top:12px;}
 .ccaa-about .about-head-side {font-size:11px;text-align:left;margin-top:10px;}
 .ccaa-about .about-head-side br {display:none;}
 .ccaa-about .about-areas-grid {gap:11px;grid-template-columns:repeat(2,minmax(0,1fr));}
 .ccaa-about .about-area-card {min-height:232px;padding:15px 13px 14px;border-radius:13px;}
 .ccaa-about .about-area-top {font-size:8px;letter-spacing:0;}
 .ccaa-about .about-area-arrow {width:21px;height:21px;flex-basis:21px;font-size:13px;}
 .ccaa-about .about-area-icon {height:42px;width:42px;margin-top:18px;}
 .ccaa-about .about-area-body {margin-top:10px;gap:6px;}
 .ccaa-about .about-area-body strong {font-size:clamp(16px,4.2vw,19px);}
 .ccaa-about .about-area-body small {font-size:10.7px;line-height:1.6;}
 .ccaa-about .about-area-bottom {font-size:10px;padding-top:12px;}
 .ccaa-about .about-philosophy {padding:66px 0 73px;}
 .ccaa-about .about-philosophy-grid {display:flex;flex-direction:column;align-items:stretch;}
 .ccaa-about .about-philosophy-visual {padding:0 35px 12px 0;min-height:264px;}
 .ccaa-about .about-philosophy-photo {height:252px;border-top-right-radius:96px;}
 .ccaa-about .about-philosophy-stamp {width:89px;height:89px;right:1px;bottom:0;}
 .ccaa-about .about-philosophy-copy {padding:27px 0 0;}
 .ccaa-about .about-philosophy-copy h2 {font-size:clamp(27px,7vw,34px);margin-top:10px;margin-bottom:16px;}
 .ccaa-about .about-philosophy-copy>p:not(.about-kicker) {font-size:12.5px;line-height:1.9;}
 .ccaa-about .about-outline-link {margin-top:18px;font-size:11px;}
 .ccaa-about .about-contact {padding:61px 0;}
}
@media (max-width:360px) {
 .ccaa-about .about-hero h1 {font-size:33px;}
 .ccaa-about .about-overline {font-size:8px;}
 .ccaa-about .about-hero-description {font-size:11.9px;}
 .ccaa-about .about-hero-art {height:215px;min-height:215px;}
 .ccaa-about .about-area-card {padding:13px 10px;}
 .ccaa-about .about-area-top {font-size:7px;}
 .ccaa-about .about-area-body strong {font-size:15px;}
 .ccaa-about .about-area-body small {font-size:10px;}
 .ccaa-about .about-area-bottom {font-size:9px;}
}
@media (prefers-reduced-motion:reduce) { .ccaa-about [data-reveal] {opacity:1 !important;transform:none !important;transition:none !important;} .ccaa-about .about-area-card {transition:none !important;} }