@charset "utf-8";
/* ==========================================================================
   전체 톤 (1판 · 2026-09-28 월)
   원장 «예약화면만 서울대병원처럼 하면 어떻하냐고 전체 톤이라는게 있는데» ·
        «저런게 나는 에이아이스럽다고 봐» (빨간 동그라미 = 연한 받침 안 아이콘 · 둥근 카드 가운데 글 · 왼쪽 세로줄 상자)
   참고 사이트 결 (서울대병원·삼성브레인·더탄탄·튼튼365·휴병원) =
        네모(모서리 0) · 그림자·유리·그라데이션 없음 · 단색 칸 · 본문 17px 안팎 · 아이콘 받침 없음 · 촘촘
   🔴 이 파일은 8쪽 모두 **맨 마지막**에 읽힌다 — 되돌리기 = 8쪽의 tone.css 링크 한 줄을 빼면 끝(다른 파일은 그대로).
   🔴 색은 **템플릿 그대로**(짙은 남색 --primary #031d3b 등) — 1판은 로고 남색(#1E2B6A)으로 넓은 띠를 칠했으나 원장 09-28 22:12
      «모바일에서 보니까 첫화면에서 바탕 네이비 색이 조금 촌스러운 네이비 … 기존대로» · «밑에 하단바의 색감과 같아서 구분도 잘 안돼» 로 되돌렸다.
      이 파일은 **모양**(모서리·그림자·유리·그라데이션·아이콘 받침·세로줄·장식·글씨 크기)만 바꾼다. 그라데이션을 걷은 자리는 템플릿 남색 단색.
   ========================================================================== */
:root{--t-blue:#1a7ba8; --t-ink:#1f2328; --t-sub:#4b5563; --t-line:#d9dce1; --t-soft:#f4f5f7}

/* 1) 네모 · 그림자 · 뿌연 유리 없음 — 전부 (슬라이더 점·아이콘 칸·사진 틀까지) */
html body *, html body *::before, html body *::after{
  border-radius:0 !important; box-shadow:none !important; text-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important}
/* 예외 — 동그라미가 곧 뜻인 곳: 진료시간표의 ○(진료함) */
html body .schedule-tbl .on{border-radius:50% !important}
/* 아이콘 그림자(drop-shadow)도 뗀다 */
#mainVisual .hero_features .feat_icon svg{filter:none !important}

/* 2) 떠다니는 장식 · 반짝이는 띠 — 뺀다 */
#mainVisual .floating-icons{display:none !important}
#mainVisual .bot_bar .right.stats::before{display:none !important}

/* 3) 그라데이션 → 단색 */
#mainVisual .MainSwiper .swiper-slide.list{background:#fff !important}
#mainVisual .hero_features{background:transparent !important; border:0 !important; border-top:1px solid var(--t-line) !important;
  border-bottom:1px solid var(--t-line) !important; padding-left:0 !important; padding-right:0 !important}
#mainVisual .hero_features .feat+.feat::before{background:var(--t-line) !important}
.two-col-visual{background:var(--t-soft) !important}
.cta, section.cta{background:var(--primary) !important}
.price-table thead, .price-table thead th, .hours-tbl thead, .hours-tbl thead th{background:var(--primary) !important}
#quick_wrap .quick_list{background:#fff !important; border:1px solid var(--t-line) !important}
.reserve-block{background:var(--t-soft) !important; border:1px solid var(--t-line) !important}
#mainVisual .bot_bar .right.stats{background:transparent !important}
#mainVisual .bot_bar .stat-divider{background:rgba(255,255,255,.35) !important}

/* 4) 연한 받침 안 아이콘 — 아이콘째 뺀다 (원장 그림 ①). 제목이 스스로 말한다 */
.feature-icon, .price-section h3 .icon{display:none !important}
/* 머리글 전화 아이콘 · 바닥 SNS — 받침만 걷고 아이콘은 둔다(누르는 자리 표시) */
.h_reserve .h_r_icon{background:transparent !important; color:var(--t-blue) !important}   /* 받침(파랑 원)만 걷고 아이콘은 그 파랑으로 */
#sh_ft .f_sns a{background:transparent !important}

/* 5) 왼쪽 세로줄 상자 → 줄 없는 네모 칸 (원장 그림 ③) */
.info-box{border-left:0 !important; background:var(--t-soft) !important; padding:26px 28px !important}
.info-box h4{color:var(--t-ink) !important}
.info-box li::before, .two-col-text li::before{width:5px !important; height:5px !important; background:var(--t-ink) !important}
.sec-head > h2, .policy-article > h3, .price-notice, .policy-intro{border-left:0 !important; padding-left:0 !important}

/* 6) 둥근 카드 가운데 글 → 네모 칸 · 왼쪽 정렬 · 떠오르는 움직임 없음 (원장 그림 ②) */
.feature-grid{gap:0 !important; border-top:2px solid var(--t-ink) !important}
.feature-card{text-align:left !important; background:#fff !important; border:0 !important; border-bottom:1px solid var(--t-line) !important;
  padding:26px 24px 28px 0 !important; transition:none !important}
.feature-grid > .feature-card + .feature-card{border-left:1px solid var(--t-line) !important; padding-left:24px !important}
.feature-card h3{font-size:22px !important; margin-bottom:10px !important; color:var(--t-ink) !important}
.feature-card p{font-size:18px !important; color:var(--t-sub) !important}
.feature-card:hover, .equip-card:hover, .review-card:hover, .cta-btn:hover{transform:none !important}
@media (max-width:768px){
  .feature-grid > .feature-card + .feature-card{border-left:0 !important; padding-left:0 !important}
  .feature-card{padding:22px 0 !important}
}

/* 7) 단추 — 네모. 흰 바탕 칸 = 남색 채움 / 남색 칸 = 흰 테두리 */
#mainVisual .cta_btn{height:54px; padding:0 26px; font-size:17px}
#mainVisual .cta_primary{background:#fff !important; color:var(--primary) !important; border-color:#fff !important}
.cta-btn.ghost{background:transparent !important; border:1px solid rgba(255,255,255,.8) !important}
#mainVisual .hero_badge{border:0 !important; padding:0 !important; background:transparent !important; color:var(--t-blue) !important;
  font-weight:700 !important; margin-bottom:18px !important}
/* 🔴 크기는 안 건드린다 — mobile_fix.css 가 폭별로 clamp(13px,1.01vw,19px) 로 맞춰 둔 값(1차 「폭이 바뀌어도 안 겹치게」) */

/* 8) 폰 아래 고정 띠 · 폰 첫 화면 띠 — 색·자리·아이콘 색은 템플릿 그대로, 모양만(네모 · 그림자 없음 — 1)이 한다).
      🔴 둘을 같은 색으로 칠하지 말 것 — 원장 22:12 «밑에 하단바의 색감과 같아서 구분도 잘 안돼» */

/* 9) 작은 회색 글씨 → 키운다 (본문 17 안팎 · 보조 15 아래로 안 내림) */
#mainVisual .hero_features .feat_txt{font-size:17px !important; color:var(--t-ink) !important}
#mainVisual .doctor_label .d_top{font-size:14px !important}
.all_s_tit{font-size:17px !important}
.sec-label{font-size:15px !important; letter-spacing:0.5px !important}
.sub-nav a{font-size:17px !important; color:var(--t-sub) !important}
.sub-nav a.active, .sub-nav a:hover{color:var(--primary) !important; border-bottom-color:var(--primary) !important}
/* 🔴 폰 첫 화면(.hv2) 글씨는 **안 건드린다** — 사진 폭이 `100svh − 375px` 로 그 글씨 높이에 묶여 있다(11차 E-3 · Codex 2차 09-28) */
#quick_wrap .quick_list li a span{font-size:12px !important}
@media (max-width:768px){
  .checkup-table, .price-table td, .price-table th{font-size:15px !important}
  .detail-section ul li{font-size:16px !important}
  .mobile-cta-bar a{font-size:14px !important}
}