@charset "UTF-8";
/* 산재 치료 전용 — 공통은 ../../../common/css/common.css · sub.css (단계 · 안내 박스 · 감수 박스)
   섹션별로 다른 값은 새 클래스 대신 변수만 덮어씀 */

/* 한눈에 보기 설명 안 「인증 · 지정 현황」 링크 */
.qa-main a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* 산재 치료 절차 : 4단계 (공통 .proc 는 5칸 기준) · 아래 안내 박스 + 안내 문구(가운데) */
@media (min-width:1000px){
  .process .proc{grid-template-columns:repeat(4,minmax(0,1fr))}
  .process .proc li:nth-child(4n){border-right:0}
}
.process .note-split{margin-top:40px}
.process .notice{text-align:center}

/* 한신의 산재 진료 : 왼쪽 세로 사진 (통증 · 교통사고와 같은 4:5) */
.doc-photo img{aspect-ratio:4/5;object-position:50% 28%}
@media (max-width:999px){.doc-photo img{aspect-ratio:4/3;object-position:50% 30%}}

/* 처음 오실 때 : 번호 카드 2열 (10-08) — 항목마다 짧은 설명 한 줄 */
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.visit-grid li{padding:24px 24px 26px;border:1px solid var(--line);border-radius:14px;background:#fff}
.visit-grid .n{display:block;font-family:var(--lat);font-size:12px;letter-spacing:.2em;font-weight:600;color:var(--gold)}
.visit-grid strong{display:block;margin-top:10px;font-size:18px;line-height:1.55;font-weight:600;letter-spacing:-.035em;color:var(--ink)}
.visit-grid .d{display:block;margin-top:10px;font-size:16px;line-height:1.75;font-weight:300;color:var(--ink-2)}
@media (max-width:690px){.visit-grid{grid-template-columns:1fr;gap:12px}.visit-grid li{padding:18px 18px 20px}}

/* 처음 오실 때 : 딥그린 바탕 (10-08) — 카드 · 글자를 어두운 바탕에 맞춤 (포인트는 레몬) */
#visit .visit-grid li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
#visit .visit-grid .n{color:var(--yellow)}
#visit .visit-grid strong{color:#fff}
#visit .visit-grid .d{color:#C7CFCB}
#visit .notice{color:#9FB0A9}
#visit .btn--outline{border-color:rgba(255,255,255,.45);color:#fff}   /* 어두운 바탕 위 흰 테두리 */
#visit .btn--outline:hover{background:#fff;border-color:#fff;color:var(--green)}

/* ===== 엘리멘터 max-width · margin · flex 보정 (tools/sync_theme.py 자동 생성 · 직접 고치지 말 것) ===== */
.elementor.elementor.elementor.elementor .process .note-split{margin-top:40px}
.elementor.elementor.elementor.elementor .visit-grid strong{margin-top:10px}
.elementor.elementor.elementor.elementor .visit-grid .d{margin-top:10px}