@charset "UTF-8";
/* 온라인 상담 전용 — 공통은 ../../common/css/common.css · sub.css
   입력 폼은 sub.css 14번 신청서 부품(.fs · .fg · .fi · .opts · .agree)을 그대로 쓰고, 흰 박스 · 스팸 방지 · 보내기 줄 · 접수 완료만 여기서 추가 */

/* 상담 안내 : 카드 아래 안내 문구 링크 */
.guide .card{text-align:center}   /* 10-16 : 카드 가운데 정렬 (전 페이지 공통 어법) */
.guide .notice{text-align:center}
.guide .card--green .n{color:var(--yellow)}
.guide .card--green h3{color:#fff}
.guide .card--green{justify-content:flex-start}

/* 신청서 : 위는 흰색 · 아래는 연베이지 그라데이션 + 가운데 흰 박스 (10-16) */
.sec.counsel{background:linear-gradient(180deg,#FFFFFF 0%,#F9F6F2 28%)}   /* 흰색은 타이틀 자리까지만 — 흰 폼 박스가 바탕에 묻히지 않게 */
.counsel .sec-lead .req{font-style:normal;color:#A5483C}
.counsel-box{max-width:860px;margin-inline:auto;padding:clamp(28px,calc(28px + (100vw - 1000px) * 22 / 920),50px) clamp(24px,calc(24px + (100vw - 1000px) * 30 / 920),54px);border-radius:20px;background:#fff;box-shadow:0 16px 44px rgba(31,38,34,.07)}
.counsel-form .fs{margin-bottom:30px}
.counsel-form .fs legend{font-size:14px}
.counsel-form .fg{gap:18px 18px}
.counsel-form .fi label,.counsel-form .fi .lb{font-size:14.5px}
.counsel-form .fi label small,.counsel-form .fi .lb small{margin-left:8px;font-size:13px;font-weight:300;color:var(--muted)}
.counsel-form .fi textarea{height:180px}
.counsel-form .fi input[type=file]{height:auto;padding:11px 14px;font-size:14px;background:var(--bg-2)}
.counsel-form .opts label{height:42px;padding:0 16px;font-size:14.5px}
.counsel-form .opts label:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff}
.counsel-form .agree{margin-top:0;padding:20px 22px}
.counsel-form .agree small{margin-top:4px;line-height:1.75}
.agree-more{margin-top:6px;padding-left:24px;font-size:13px}
.agree-more a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}


/* 보내기 줄 */
/* 10-16 : 보내기 줄 — 안내글 위 · 버튼은 가운데 크게 */
.counsel-ft{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:28px;padding-top:26px;border-top:1px solid var(--line);text-align:center}
.counsel-ft p{max-width:560px;font-size:13.5px;line-height:1.7;color:var(--muted)}
.counsel-ft .btn{height:62px;padding:0 52px;font-size:17px}

/* 접수 못 한 경우 안내 */
.counsel-err{margin:0 0 22px;padding:14px 18px;border-radius:10px;background:#FBE9DE;color:#8C3A12;font-size:14.5px;line-height:1.7}
.counsel-form[hidden]{display:none}

/* 접수 완료 (시안 : 보내기를 누르거나 주소 뒤 #done) */
.counsel-done{display:none;padding:40px 0 20px;text-align:center}
.counsel-done.on{display:block}
.counsel-done h3{font-size:26px;font-weight:600;letter-spacing:-.045em}
.counsel-done p{margin-top:12px;font-size:16px;line-height:1.8;font-weight:300;color:var(--ink-2)}
.counsel-done .acts{justify-content:center;margin-top:26px}
.counsel .notice{text-align:center}

@media (max-width:999px){
}
@media (max-width:690px){
  .counsel-box{padding:24px 18px;border-radius:14px}
  .counsel-form .fi textarea{height:150px}
  .counsel-form .opts label{height:40px;padding:0 13px;font-size:14px}
  .counsel-ft .btn{width:100%;padding:0 20px}
  .counsel-ft .acts{width:100%}
}


/* 답변 절차 (09-23 추가) : 단계 아래 개인정보 안내 박스 */
/* 10-16 : 답변 절차 단계 가운데 정렬 (10-07 공통 어법) */
.reply .proc li{text-align:center}
.reply .proc .tags{justify-content:center}   /* STEP 05 버튼도 가운데 */
/* 10-20 : 개인정보 안내 = 비대면 진료 신청 「어려운 경우」 상자(sub.css .tele-exc)와 같은 구성 — 제목 + 목록, 아이콘만 체크
   (예전 p 줄 + 점 방식은 엘리멘터에서 문단마다 위젯으로 감싸져 점 · 들여쓰기가 빠졌음) */
.reply-note{margin-top:40px}
.reply-note li::before{content:"";background:#F3EADA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.8 6.2l2.1 2.1 4.3-4.6' fill='none' stroke='%238A6A28' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.reply .notice a{font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* ===== 엘리멘터 max-width · margin · flex 보정 (tools/sync_theme.py 자동 생성 · 직접 고치지 말 것) ===== */
.elementor.elementor.elementor.elementor .guide .card--green{justify-content:flex-start}
.elementor.elementor.elementor.elementor .counsel-box{max-width:860px;margin-inline:auto}
.elementor.elementor.elementor.elementor .counsel-form .fs{margin-bottom:30px}
.elementor.elementor.elementor.elementor .counsel-form .fi label small,.elementor.elementor.elementor.elementor .counsel-form .fi .lb small{margin-left:8px}
.elementor.elementor.elementor.elementor .counsel-form .agree{margin-top:0}
.elementor.elementor.elementor.elementor .counsel-form .agree small{margin-top:4px}
.elementor.elementor.elementor.elementor .agree-more{margin-top:6px}
.elementor.elementor.elementor.elementor .counsel-ft{flex-direction:column;align-items:center;margin-top:28px}
.elementor.elementor.elementor.elementor .counsel-ft p{max-width:560px}
.elementor.elementor.elementor.elementor .counsel-err{margin:0 0 22px}
.elementor.elementor.elementor.elementor .counsel-done p{margin-top:12px}
.elementor.elementor.elementor.elementor .counsel-done .acts{justify-content:center;margin-top:26px}
.elementor.elementor.elementor.elementor .reply .proc .tags{justify-content:center}
.elementor.elementor.elementor.elementor .reply-note{margin-top:40px}

/* 엘리멘터 배경 보정 (자동 생성 · 배경 그림만 되살림) */
.elementor.elementor.elementor.elementor.elementor .sec.counsel{background-image:linear-gradient(180deg,#FFFFFF 0%,#F9F6F2 28%) !important}