/* redesign 2026-10-29 — main.css 뒤에 로드. Pretendard, 얇은 테두리, 넉넉한 여백 */
@font-face{font-family:'Pretendard Variable';src:url('https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');font-weight:45 920;font-display:swap}
:root{
  --primary:#1a4a4a;--primary-hover:#24635f;--primary-light:#e8f4f2;--accent:#2d7a6a;
  --bg-light:#f8fafc;--bg-alt:#f1f5f4;--footer-bg:#1e293b;
  --text-dark:#1a2e2e;--text-body:#374151;--text-muted:#6b7280;--border:#e2e8f0;
  --card-radius:4px;--card-shadow:none;--card-shadow-hover:0 6px 18px rgba(26,74,74,.12);
  --navy:#1a4a4a;
}
html{font-size:16px}
body{font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;letter-spacing:-.008em;-webkit-font-smoothing:antialiased}

/* 섹션 구분 */
section{padding:clamp(56px,8vw,96px) 1.5rem}
section+section{border-top:1px solid var(--border)}
#symptoms{background:#fff}
#services{background:var(--bg-light)}
#price{background:#fff}
#portfolio{background:var(--bg-light)}
#process{background:#fff}
#faq{background:var(--bg-light)}
.btn-hero-cta,.floating-cta{box-shadow:none}
.section-label{color:var(--primary)}
.section-title{letter-spacing:-.015em;margin-bottom:.9rem}
.section-title::after{content:"";display:block;width:44px;height:3px;background:var(--primary);margin-top:14px}
[style*="text-align:center"] .section-title::after,.section-header[style*="center"] .section-title::after{margin-left:auto;margin-right:auto}
.section-inner h3{font-size:1.15rem;font-weight:700;color:var(--text-dark);line-height:1.4;margin:1.75rem 0 .5rem}
.section-inner h3.faq-h3{margin:0;font-size:inherit;font-weight:inherit}
.faq-h3 .faq-q{width:100%}
.card,.card-wrap,.service-card,.process-card,.faq-item{border-radius:var(--card-radius)}

/* 섹션 마커 숫자 제거 */
.step-num,.process-num{display:none}

/* 버튼 터치 영역 */
.btn-hero-cta,.btn-cta-main,.btn-header-cta,.btn-load-more,.btn-main-link,.footer-cta-btn,.btn-cta-mobile{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--card-radius)}
.faq-q{min-height:48px}

/* 증상 체크리스트 */
.symptom-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 2rem}
.symptom-list li{display:flex;gap:12px;align-items:flex-start;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--bg-light);color:var(--text-dark);font-weight:600}
.symptom-list li::before{content:"";flex:0 0 20px;height:20px;margin-top:3px;border:2px solid var(--primary);border-radius:3px;background:#fff}
.need-box{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.need-box>div{border-top:3px solid var(--navy);padding-top:1rem}
.need-box ul{padding-left:1.1rem;margin-top:.5rem}
.need-box li{margin-bottom:.35rem}

/* 표 */
.table-scroll{overflow-x:auto}
.info-table{width:100%;border-collapse:collapse;font-size:1rem;background:#fff}
.info-table th,.info-table td{border:1px solid var(--border);padding:.85rem 1rem;text-align:left;vertical-align:top}
.info-table th{background:var(--bg-alt);color:var(--text-dark);font-weight:700;white-space:nowrap}
.table-note{margin-top:.75rem;font-size:.95rem;color:var(--text-muted)}

/* 하단 사진 카드 */
.page-cards{background:#fff}
.page-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-card{display:block;border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:box-shadow .2s,border-color .2s}
.page-card:hover{border-color:var(--primary);box-shadow:var(--card-shadow-hover)}
.page-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.page-card-body{padding:1rem 1.1rem 1.2rem}
.page-card-title{font-weight:700;color:var(--text-dark);font-size:1.05rem;line-height:1.4}
.page-card-desc{margin-top:.35rem;font-size:.95rem;color:var(--text-muted);line-height:1.6}

/* 하단 고정 전화/문자 바 (모바일) */
.mbar{display:none}

footer{opacity:1}

@media(max-width:900px){.page-cards-grid{grid-template-columns:repeat(2,1fr)}.need-box{grid-template-columns:1fr}}
@media(max-width:640px){
  body{padding-bottom:68px;font-size:16px}
  section{padding-left:1.1rem;padding-right:1.1rem}
  .symptom-list{grid-template-columns:1fr}
  .btn-hero-cta,.btn-cta-main,.btn-main-link,.footer-cta-btn,.btn-load-more{display:flex;width:100%}
  .card-desc,.service-desc,.process-desc,.faq-a,.section-desc,.footer-brand-desc,.page-card-desc,.step-text,.trust-badge{font-size:1rem}
  .page-cards-grid{grid-template-columns:1fr}
  #floating-btn{display:none}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1100;background:#fff;border-top:1px solid var(--border);padding:8px 10px;gap:8px}
  .mbar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--card-radius);font-weight:700;font-size:1rem;text-decoration:none;border:1px solid var(--primary);color:var(--primary);background:#fff}
  .mbar a.mbar-call{background:var(--primary);color:#fff}
}