/* ── 협회소개: 시안의 에디토리얼 레이아웃 + 사이트 색/폰트/박스 토큰 ── */
.ab-sec{padding:56px 0;background:#fff}
.ab-sec.alt{background:var(--n100)}
.ab-sec.ab-top{padding-top:44px}
.ab-wrap{max-width:1080px;margin:0 auto;padding:0 24px}

/* 히어로 */
.about-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.about-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--p600);margin-bottom:14px}
.about-eyebrow::before{content:"";width:24px;height:1px;background:var(--p500);display:inline-block}
.about-hero-copy h1{font-size:32px;line-height:1.34;margin:0 0 16px}
.about-hero-copy .lead{font-size:15.5px;color:var(--n600);line-height:1.72;margin:0;text-align:left}
.about-hero-photo{margin:0}
.about-hero-photo img{width:70%;display:block;margin:0 auto;border-radius:16px;border:1px solid var(--n200);
  box-shadow:0 26px 50px -30px rgba(20,30,45,.5)}
.about-hero-photo figcaption{margin-top:10px;font-size:12px;color:var(--n500);text-align:right;
  width:70%;margin-left:auto;margin-right:auto}

/* 핵심 지표 (라운드 카드 + 내부 세로 구분선) */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;
  border:1px solid var(--n200);border-radius:var(--radius);overflow:hidden;background:#fff}
.about-stat{padding:24px 26px;border-left:1px solid var(--n200)}
.about-stat:first-child{border-left:none}
.about-stat .n{font-size:27px;font-weight:800;color:var(--n900);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.about-stat .l{margin-top:6px;font-size:13px;color:var(--n500)}

/* 섹션 헤드(스택형: kicker 위 · 제목 아래) + Vision&Mission 2단 본문 */
.ab-kicker{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--n500)}
.ab-head{margin-bottom:26px}
.ab-head .ab-kicker{display:block;margin-bottom:11px}
.ab-head h2{font-size:24px;font-weight:700;margin:0;letter-spacing:-.01em;line-height:1.4;text-align:left}
.ab-head p{margin:11px 0 0;font-size:14px;color:var(--n600);line-height:1.65;max-width:680px}
.ab-twocol{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}
.ab-body h3{font-size:21px;font-weight:700;margin:0 0 14px;line-height:1.4}
.ab-body>p{font-size:15px;color:var(--n600);line-height:1.75;margin:0 0 20px;max-width:640px}

/* 헤어라인 행 리스트 */
.ab-rows{border-top:1px solid var(--n200)}
.ab-row{display:grid;grid-template-columns:190px 1fr;gap:40px;padding:18px 0;border-bottom:1px solid var(--n200)}
.ab-row .k{font-size:14.5px;font-weight:600;color:var(--n900)}
.ab-row .yr{font-size:14px;font-weight:700;color:var(--p600)}
.ab-row .v{font-size:14px;color:var(--n600);line-height:1.65}

/* 2열 미니 그리드 (사업 분야) */
.ab-mini{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--n200)}
.ab-mini-item{padding:18px 28px 18px 0;border-bottom:1px solid var(--n200)}
.ab-mini-item:nth-child(odd){border-right:1px solid var(--n200)}
.ab-mini-item:nth-child(even){padding-left:28px}
.ab-mini-item .t{font-size:14.5px;font-weight:600;color:var(--n900);margin-bottom:4px}
.ab-mini-item .d{font-size:13.5px;color:var(--n600);line-height:1.55}

/* 하이라이트 (테두리형) */
.ab-highlight{margin-top:26px;border:1px solid var(--n300);border-radius:var(--radius);padding:28px 32px;background:#fff}
.ab-highlight h3{font-size:18px;font-weight:700;margin:0 0 8px}
.ab-highlight p{font-size:14px;color:var(--n600);line-height:1.7;margin:0 0 14px;max-width:680px}
.ab-link{font-size:14px;font-weight:700;color:var(--p600);text-decoration:none}
.ab-link:hover{color:var(--p700);text-decoration:underline}

.ab-sec .cert-gallery{margin-top:28px}

/* 다운로드 */
.ab-dl{border-top:1px solid var(--n200)}
.ab-dl-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:18px 0;border-bottom:1px solid var(--n200)}
.ab-dl-info b{display:block;font-size:14.5px;font-weight:700;color:var(--n900)}
.ab-dl-info small{font-size:12.5px;color:var(--n500)}
.ab-dl-links{display:flex;gap:8px;flex-wrap:wrap}
.ab-dl-links .btn{height:36px;font-size:13px;padding:0 14px}

@media(max-width:820px){
  .ab-sec{padding:44px 0}
  .about-hero{grid-template-columns:1fr;gap:26px}
  .about-hero-photo img{max-width:480px;margin:0 auto}
  .about-hero-photo figcaption{text-align:left}
  .about-hero-copy h1{font-size:25px}
  .about-stats{grid-template-columns:repeat(2,1fr)}
  .about-stat:nth-child(odd){border-left:none}
  .about-stat:nth-child(n+3){border-top:1px solid var(--n200)}
  .ab-twocol{grid-template-columns:1fr;gap:14px}
  .ab-head{margin-bottom:18px}
  .ab-head h2{font-size:21px}
  .ab-row{grid-template-columns:1fr;gap:4px;padding:16px 0}
  .ab-mini{grid-template-columns:1fr}
  .ab-mini-item{padding:16px 0 !important;border-right:none !important}
}