@charset "UTF-8";
/* 다이어트 비대면 진료 전용 — 공통은 ../../../common/css/common.css · sub.css (비대면 박스 · 감수 박스 = sub.css 17)
   섹션별로 다른 값은 새 클래스 대신 변수만 덮어씀 */

/* 설명 문장 안 링크 (한신슬림환 · 비대면 진료 안내) */
.process .sec-lead a,.faq-sec .sec-lead a{text-decoration:underline;text-underline-offset:4px}

/* 이런 분께 : 체크 목록 아래 「내원 진료를 먼저 권하는 경우」
   10-13 : 흰 배경 + 얇은 선이라 위 체크 목록과 한 덩어리로 읽혀서 크림 배경 + 왼쪽 금색 띠로 바꿈 */
/* 10-16 : 첩약 건강보험 「적용되지 않는 경우」 박스와 같은 형식 — 왼쪽 금색 띠 · 줄 구분선 대신 × 목록 (배경은 밝게) */
.tele-exc{margin-top:36px;padding:clamp(24px,calc(24px + (100vw - 1000px) * 12 / 920),36px) clamp(24px,calc(24px + (100vw - 1000px) * 16 / 920),40px);border-radius:16px;background:var(--bg-2)}
.tele-exc h3{font-size:19px;line-height:1.45;font-weight:600;letter-spacing:-.04em}
.tele-exc ul{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}
.tele-exc li{display:flex;gap:10px;font-size:16px;line-height:1.6;color:var(--ink-2)}
.tele-exc li::before{content:"!";flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:.14em;border-radius:50%;background:#F3EADA;color:#8A6A28;font-size:12px;font-weight:700;line-height:1}

/* 배송 · 복용 중 확인 : 원내 탕전실 사진 (세로) */
.care-photo img{aspect-ratio:4/5;object-position:45% 50%}

@media (max-width:999px){
  .tele-exc{text-align:left}
  .care-photo{max-width:560px;margin-inline:auto}
  .care-photo img{aspect-ratio:4/3}
  .care .cap{text-align:center}
}
@media (max-width:690px){
  .tele-exc{padding:20px 22px}
  .tele-exc h3{font-size:17px}
  .tele-exc li{font-size:15px;text-align:left}
}

/* 이어서 처방받기
   10-13 : 바로 위 「상담 전 준비」(흰 카드)와 구분되도록 카드 배경만 베이지로 */
/* 10-16 : 일러스트가 크림 배경을 갖고 있어 글자 영역은 흰색으로 */
.again .card{border-color:#E8E1D4;background:#fff}
.again .card .tag{border-color:#DED8CC;background:#fff}
.again .notice{margin-top:32px}

/* 10-16 : 이어서 처방받기 3카드 일러스트 — 3칸이라 카드가 넓어 그림이 커 보임,
   원내 탕전 복용 안내와 같은 크기(73.5%)로 맞추고 둘레는 일러스트 배경색 */
@media (min-width:1000px){
  #again .care-fig{background:#FBF8F2;aspect-ratio:auto;padding:20px 0}
  #again .care-fig img{width:73.5%;height:auto}
}

/* ===== 엘리멘터 max-width · margin · flex 보정 (tools/sync_theme.py 자동 생성 · 직접 고치지 말 것) ===== */
.elementor.elementor.elementor.elementor .tele-exc{margin-top:36px}
.elementor.elementor.elementor.elementor .tele-exc ul{margin-top:16px}
.elementor.elementor.elementor.elementor .tele-exc li::before{flex:none;margin-top:.14em}
@media (max-width:999px){.elementor.elementor.elementor.elementor .care-photo{max-width:560px;margin-inline:auto}}
.elementor.elementor.elementor.elementor .again .notice{margin-top:32px}