/*
 * service-benefit 「글 왼쪽·사진 오른쪽」 배치 — YSK 2026-09-29 기술문서 슬라이드 4
 * 「품질관리와 장기 운영 체계」, 디자인팀 시안(신유진 2026-09-30).
 *
 * 스코프: .service-benefit--text-left 만. 배치를 비워 둔 글(언어 서비스 글들의 이점
 * 섹션)은 클래스가 없어 public/index.css 의 예전 규칙 그대로다. 빌드 무접촉.
 *
 * 시안: 제목·도입·목록 모두 왼쪽 정렬, 항목 제목은 본문 크기 굵은 줄, 맺음 문장은
 * 목록과 사진 아래 박스 전폭에 굵게. 좌우 안쪽 여백은 위 content_sections 회색 박스와
 * 같은 4rem 이라 두 섹션의 글줄 시작점이 맞는다.
 */

section.service-benefit--text-left article {
	padding: 3.5rem 4rem;
}

.service-benefit--text-left .section-title {
	text-align: left;
	margin-bottom: 2rem;
}

.service-benefit--text-left .section-title p {
	font-size: 1.125rem;
	word-break: keep-all;
	overflow-wrap: break-word;
}

/* base: section.service-benefit article .desc ul li { margin-bottom: 2rem } (0,2,4) —
 * 같은 골격에 수식 클래스를 더해 명시도로 이긴다. */
section.service-benefit--text-left article .desc ul li {
	margin-bottom: 1.5rem;
	word-break: keep-all;
	overflow-wrap: break-word;
}

section.service-benefit--text-left article .desc ul li:last-child {
	margin-bottom: 0;
}

section.service-benefit--text-left article .desc ul li h5 {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0.25rem;
}

section.service-benefit--text-left article .desc ul li p {
	margin-bottom: 0;
}

.service-benefit--text-left .benefit-outro {
	margin: 3rem 0 0;
	word-break: keep-all;
	overflow-wrap: break-word;
}

@media (max-width: 992px) {
	section.service-benefit--text-left article {
		padding: 2rem 1.5rem;
	}

	.service-benefit--text-left .benefit-outro {
		margin-top: 2rem;
	}
}