/* 평생모심이란? — 설명 이미지 세로 나열 */
.subimg { text-align: center; }
.subimg + .subimg { margin-top: 17px; } /* 원본은 첫 이미지 뒤   가 한 줄 내려가 생긴 간격 */
@media (min-width: 1100px) {
  .subimg { width: 70%; margin: 0 auto; }
}

/* ---------- 이미지 속 글자를 HTML 로 옮김 ---------- */
.pms_intro, .pms_story { max-width: 900px; margin: 0 auto; }
.pms_title { margin-bottom: 36px; font-size: 24px; font-weight: 800; text-align: center; word-break: keep-all; }
.pms_title span { display: block; margin-bottom: 4px; font-size: .6em; font-weight: 700; letter-spacing: .08em; color: var(--point2); }
.pms_feat { margin-bottom: 70px; }
.pms_feat li { display: flex; flex-direction: column; gap: 18px; margin-bottom: 22px; padding: 18px; border: 1px solid var(--line, #eadfcd); border-radius: 16px; background: var(--paper, #faf6ef); }
.pms_feat .pic img { display: block; width: 100%; border-radius: 10px; }
.pms_feat h3 { margin-bottom: 10px; font-size: 18px; font-weight: 800; line-height: 1.5; word-break: keep-all; }
.pms_feat p { font-size: 15px; line-height: 1.85; color: #4a3d30; word-break: keep-all; }
@media (min-width: 768px) {
  .pms_title { font-size: 32px; }
  .pms_feat li { flex-direction: row; align-items: center; gap: 30px; padding: 24px; }
  .pms_feat .pic { flex: 0 0 232px; }
  .pms_feat h3 { font-size: 21px; }
  .pms_feat p { font-size: 16px; }
}

/* 동자승 설명: 사진 위에 같은 모양의 말풍선(글자는 HTML). 글자 크기는 사진 폭에 비례 */
.pms_story .story { container-type: inline-size; position: relative; margin: 0 0 24px; }
.pms_story .story img { display: block; width: 100%; height: auto; border-radius: 14px; }
.pms_story .bubble { position: absolute; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 50%; background: #fff; text-align: center; }
.pms_story .bubble_in { width: 82%; font-size: 2.7cqw; line-height: 1.75; color: #222; word-break: keep-all; }
.pms_story .bubble_in p { margin: 0 0 1.1em; }
.pms_story .bubble_in p:last-child { margin-bottom: 0; }
.pms_story .bubble_in .tt { font-size: 1.1em; font-weight: 700; }
.pms_story .bubble_in .sm { font-weight: 400; }
.pms_story .bubble_in b { font-weight: 800; }
@media (min-width: 1100px) { .subimg { width: 70%; margin: 0 auto; } }

/* 카드 사진 설명(원래 사진 안 글자) */
.pms_feat .pic img { aspect-ratio: 4 / 3; object-fit: cover; }
.pms_feat .cap { margin-top: 10px; text-align: center; line-height: 1.5; }
.pms_feat .cap b { display: block; font-size: 15px; font-weight: 800; color: var(--point); }
.pms_feat .cap span { display: block; margin-top: 4px; font-size: 12.5px; color: #6b5a47; word-break: keep-all; }
/* 사진에 박혀 있던 로고 글자 위에 실제 로고를 얹음 */
.pms_story .mark { position: absolute; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 8px; background: rgba(255,255,255,.92); }
.pms_story .mark img { width: 90%; height: auto; border-radius: 0; }