/* RTL 자동 반전본 — 원본: /en/assets/css/sections/jcurl-sec_8.css (직접 고치지 말 것: ~/kowon-i18n/flip_css.js) src-md5=a3ed9afd0592d038383c2c6eea0d302b */
/* jcurl / Sec_8 — COLUMNS
   연분홍 배경(--brand-tint-2). 좌 타이틀(eyebrow+H2+lead) / 우 하단 See all columns
   아웃라인 버튼, 그 아래 칼럼 카드 3개(태그 칩 2개 + 제목 + 기록자).
   시안 1920 좌표: 섹션 1143 높이 / 상하 여백 140 / 타이틀 140(177 높이) / 카드 377.
   카드 406×626, 사이 31(≈--sp-gap), 이미지 406×406(1:1), 본문 여백 30. */

.jcurl-sec_8{
  /* 시안 상하 여백 140px = --sp-section(120) + 20 */
  padding-block:calc(var(--sp-section) + 20px);
  background:var(--brand-tint-2);
}

/* ── 헤더: 좌 텍스트 / 우 CTA(아래쪽 정렬) ────────────────── */
.jcurl-sec_8__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--sp-stack);
}
.jcurl-sec_8__intro{max-width:886px}   /* 시안 텍스트 블록 폭 — 리드가 2줄로 끊긴다 */

/* 시안 CTA 260×56 — .btn 기본 폭(텍스트+70)보다 넓다 */
.jcurl-sec_8__more{flex:none;min-width:260px}

/* ── 카드 ──────────────────────────────────────────────── */
.jcurl-sec_8__cards{margin-top:var(--sp-block)}   /* 시안 타이틀 아래 60 */

.jcurl-sec_8__card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.jcurl-sec_8__body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:var(--sp-gap);   /* 시안 30 */
}

/* 시안 칩: 높이 40 / 좌우 17 / 사이 10 / 16px 500 / pill
   (공용 .tag 는 28 높이 · 14px · radius-chip · gap 6) */
.jcurl-sec_8__tags{gap:10px}
.jcurl-sec_8__tag{
  height:40px;
  padding-inline:17px;
  border-radius:var(--radius-pill);
  font-size:var(--fs-16);
  line-height:1;
}

.jcurl-sec_8__title{
  margin-top:10px;      /* 시안 칩 아래 10 */
  margin-bottom:34px;   /* 시안 제목 박스 60(행간 1.4=56) + 아래 30 을 합친 값 */
}

/* 제목 줄 수가 달라지는 좁은 폭에서도 기록자 줄은 카드 아래에 붙는다 */
.jcurl-sec_8__meta{
  margin-top:auto;
  line-height:1.4;
}

/* ── 모바일: 헤더 세로 쌓기 ────────────────────────────── */
@media (max-width:767px){
  .jcurl-sec_8__head{
    flex-direction:column;
    align-items:stretch;
    gap:var(--sp-gap);
  }
  .jcurl-sec_8__more{align-self:flex-start}
}