/* RTL 자동 반전본 — 원본: /en/assets/css/sections/main-sec_7.css (직접 고치지 말 것: ~/kowon-i18n/flip_css.js) src-md5=357754e109e2a52e6ecbe15bc6282ef3 */
/* main / Sec_7 — HANDWRITTEN REVIEWS
   시안 1920×1051. 1280 컨테이너: 좌 제목블록 / 우 CTA 2개(하단 정렬),
   그 아래 손편지 스캔 4장(300×427, 간격 26.667) 가로 배열, 맨 아래 고지. */

/* 시안 섹션 상하 여백 140px (--sp-section 120 + 20) */
.main-sec_7{padding-block:calc(var(--sp-section) + 20px)}

/* 시안의 텍스트 상자는 타이트 bbox 라 CSS 라인박스보다 작다.
   리드 위치(와 그에 맞춰 아랫변이 정해지는 CTA)를 시안과 맞추는 보정 3px. */
.main-sec_7 .sec-lead{margin-top:calc(var(--sp-tight) + 3px)}

/* 제목블록과 CTA 는 같은 행, 아랫변을 맞춘다 (시안 CTA bottom = 제목블록 bottom) */
.main-sec_7__head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:var(--sp-gap);
}

/* 시안 버튼 간격 15px, 두 버튼 모두 260px 고정폭.
   기본 .btn 패딩(35)으로는 첫 버튼이 260 을 넘으므로 이 섹션만 24 로 줄인다. */
.main-sec_7__cta{gap:15px;flex:none}
.main-sec_7__btn{min-width:260px;padding-inline:24px}

/* 시안 격자: 300×4 + 26.667×3 = 1280 */
.main-sec_7__list{gap:26.667px}

/* 스캔 이미지는 카드 비율(300:427)로 채운다 — .card 가 20px 라운드로 잘라준다 */
.main-sec_7__scan{width:100%;aspect-ratio:300/427;object-fit:cover;object-position:center}

/* 고지: 시안은 공용 .disclaimer 보다 크고(16/1.5) 카드에서 60px 떨어져 있다 */
.main-sec_7 .main-sec_7__note{
  margin-top:var(--sp-block);
  font-size:var(--fs-16);line-height:1.5;
}

/* 1280 미만: 제목블록 위 / CTA 아래로 쌓고, 격자 간격은 공용 토큰으로 되돌린다 */
@media (max-width:1279px){
  .main-sec_7__head{flex-direction:column;align-items:flex-start;gap:var(--sp-stack)}
  .main-sec_7__list{gap:var(--sp-gap)}
}
/* 모바일: 버튼은 .actions 규칙에 따라 전폭 — 고정폭을 푼다 */
@media (max-width:767px){
  .main-sec_7__cta{width:100%}
  .main-sec_7__btn{min-width:0}
}