/* main / Sec_4 — Right After 케이스 (3열 × 2행 before/after) */

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

/* 시안 격자: 열 간격 31px(406 3열이 1280 에 정확히 들어간다), 행 간격 51px */
.main-sec_4__grid{row-gap:51px;column-gap:31px;margin-top:calc(var(--sp-block) - 2px)}
.main-sec_4__more{margin-top:calc(var(--sp-block) + 2px)}

.main-sec_4__case{display:flex;flex-direction:column}
.main-sec_4__media{border-radius:var(--radius-card)}

/* 캡션: 이미지 하단에서 20px, 18/1.3 회색 좌측 정렬 */
.main-sec_4__cap{
  margin-top:20px;
  font-weight:400;font-size:var(--fs-18);line-height:1.3;
  letter-spacing:var(--ls-tight);color:var(--text-secondary);
  word-break:keep-all;
}

/* 고지: 시안은 공용 .disclaimer 보다 크고 진하다 (18/1.5, text-secondary) */
.main-sec_4 .main-sec_4__note{
  margin-top:var(--sp-gap);
  font-size:var(--fs-18);line-height:1.5;color:var(--text-secondary);
}

/* 1280 미만: 격자 간격은 공용 토큰으로 되돌린다 */
@media (max-width:1279px){
  .main-sec_4__grid{row-gap:var(--sp-stack);column-gap:var(--sp-gap)}
}