/* 파일명: site.css | 경로: public_html/assets/css/ | 기능: stmarysmedicalcenter.org 홈 전용(공용 header.php 가 홈에서만, home.css 뒤에 불러온다) | 작성일: 2026-10-25
   틀: 원천 docs/clone/templates/concept-site.css (3호 i-healing·7호 ilikecinema 와 같은 구성). 새로 넣은 두 섹션(분석 분야·점검 포인트)만 꾸민다. 색은 공용 토큰(app.css :root)만 쓴다. */

.concept-fields,.concept-points{margin-top:56px}
.concept-fields .section-head,.concept-points .section-head{margin-bottom:20px}

/* ── 분석 분야: 다섯 칸 카드 ── */
.concept-field-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.concept-field{min-width:0;padding:20px 18px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:var(--radius)}
.concept-field h3{margin:0 0 8px;font-size:16px;line-height:1.4}
.concept-field p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}

/* ── 점검 포인트: 번호 목록 ── */
.concept-points-intro{margin:0 0 20px;color:var(--muted);max-width:760px}
.concept-point-list{list-style:none;margin:0;padding:0;counter-reset:point;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.concept-point{position:relative;min-width:0;padding:22px 22px 20px 64px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);counter-increment:point}
.concept-point::before{content:counter(point);position:absolute;left:20px;top:20px;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--brand);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.concept-point h3{margin:0 0 8px;font-size:16px;line-height:1.45}
.concept-point p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.concept-point .concept-point-area{margin-top:10px;font-size:13px;font-weight:600;color:var(--brand)}

@media(max-width:991px){.concept-field-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.concept-fields,.concept-points{margin-top:44px}.concept-point-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:575px){.concept-field-list{grid-template-columns:minmax(0,1fr)}.concept-point{padding:18px 18px 18px 58px}.concept-point::before{left:16px;top:17px}}