@charset "UTF-8";
/* 기능성 소화불량 (첩약 건강보험 클리닉) 전용 — 공통은 ../../../common/css/common.css · sub.css
   네 질환 페이지(월경통 · 안면신경마비 · 알레르기 비염 · 기능성 소화불량)가 같은 값을 씀 · 섹션별로 다른 값은 새 클래스 대신 변수만 덮어씀 */

/* 한의학적 치료 : 왼쪽 사진 (보약 「다른 점」과 같은 4:5) */
.treat-photo img{aspect-ratio:4/5}

/* 첩약 건강보험 적용 : 조건 카드 3 + 대상 질환 6 태그(링크) + 안내 · 자세히 보기 버튼 (모두 가운데) */
.ins .card h3{font-size:26px}
.ins-list{margin-top:48px;text-align:center}
.ins-list__title{font-size:17px;line-height:1.5;font-weight:600;letter-spacing:-.03em}
.ins-list .tags{justify-content:center;gap:8px;margin-top:16px}
.ins-list .tag{height:36px;padding:0 16px;border-radius:30px;background:#fff;color:var(--ink-2);font-size:14.5px;transition:.3s var(--ease)}
.ins-list a.tag:hover{background:var(--ink);color:#fff}
.ins-list .tag.is-current{background:var(--green);color:#fff}   /* 지금 보고 있는 질환 */
.ins-list .tag--gray{background:transparent;border:1px dashed #CFCBC3;color:var(--muted)}   /* 따로 페이지가 없는 질환 (내원 상담) */
.ins .notice,.process .notice{text-align:center}   /* 박스 밖 안내 문구는 가운데 */
.ins .notice{margin-top:36px}
.ins-foot{justify-content:center;margin-top:24px}

@media (max-width:999px){
  .ins .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}   /* 조건 카드 3장은 한 줄 유지 */
  .ins .card{padding:26px 20px;text-align:center}
  .ins .card h3{font-size:22px}
  .ins-list{margin-top:var(--head-gap)}
}
@media (max-width:690px){
  .ins-list .tag{height:34px;padding:0 13px;font-size:13.5px}
  .ins .grid-3{grid-template-columns:1fr;gap:10px}
}

/* 첩약 복용 · 수령 안내 : 카드 4 + 관련 페이지 2 (09-23 추가) */
.care .card h3{font-size:19px}
.care .card p{font-size:15px}
.care .rel{margin-top:40px}
@media (max-width:999px){
  .care .card{padding:26px 22px}
  .care .card h3{font-size:18px}
}

/* 10-14 : 「첩약 건강보험 적용」을 딥그린으로 — 이 페이지의 핵심인데 흰 배경 · 흰 카드라 가장 조용했음.
           허리통증 #insurance 와 같은 어법(반투명 카드 · 번호 레몬 · 흰 테두리 버튼) · 카드 글자는 가운데 */
.ins .card{text-align:center;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
.ins .card:hover{border-color:rgba(255,255,255,.34)}
.ins .card .n{color:var(--yellow)}
.ins .card p{color:#C7CFCB}
.ins .notice{color:#9FB0A9}
.ins-list__title{color:#fff}
.ins-list .tag{background:rgba(255,255,255,.1);color:#D7DEDB;border:0}
.ins-list a.tag:hover{background:#fff;color:var(--green)}
.ins-list .tag.is-current{background:var(--yellow);color:#1E3029;font-weight:600}
.ins-list .tag--gray{background:transparent;border:1px dashed rgba(255,255,255,.34);color:#9FB0A9}
.ins .btn--outline{border-color:rgba(255,255,255,.45);color:#fff}
.ins .btn--outline:hover{background:#fff;border-color:#fff;color:var(--green)}

/* ===== 엘리멘터 max-width · margin · flex 보정 (tools/sync_theme.py 자동 생성 · 직접 고치지 말 것) ===== */
.elementor.elementor.elementor.elementor .ins-list{margin-top:48px}
.elementor.elementor.elementor.elementor .ins-list .tags{justify-content:center;margin-top:16px}
.elementor.elementor.elementor.elementor .ins .notice{margin-top:36px}
.elementor.elementor.elementor.elementor .ins-foot{justify-content:center;margin-top:24px}
@media (max-width:999px){.elementor.elementor.elementor.elementor .ins-list{margin-top:var(--head-gap)}}
.elementor.elementor.elementor.elementor .care .rel{margin-top:40px}