/* Shared large body text: use serim-body-lg on paragraphs or text groups.
 * vf-body-lg and vf-body-longform remain as aliases for existing content.
 * Mobile: 16px / 24px. From 768px: 18px / 27px.
 * Sections own their colors, alignment, widths and paragraph spacing.
 * Independent of vf-body-1, which retains its 1.5 line height.
 */
.serim-body-lg,
.vf-body-lg,
.vf-body-longform {
  font-family: "VFR Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: normal;
  letter-spacing: normal;
  line-height: 1.5;
  text-transform: none;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-wrap: wrap;
}

@media (min-width: 768px) {
  .serim-body-lg,
  .vf-body-lg,
  .vf-body-longform {
    font-size: 18px;
  }
}