/* ****************** HTML 편집기  ****************** */

.html_471921_ {overflow:hidden;}
.html_471921_:after {content:''; display:block; clear:both;}

  :root {
    --primary: #0054a6;
    --primary-dark: #004080;
    --bg-page: #f5f8fb;
    --bg-section: #ffffff;
    --text-dark: #333;
    --text-muted: #666;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body {
    font-family:'나눔고딕',sans-serif;
    background:var(--bg-page);
    color:var(--text-dark);
    line-height:1.6;
  }
  a { color:var(--primary); text-decoration:none; }

  /* Hero */
  .hero {
    position:relative; overflow:hidden;
    background:var(--primary); color:#fff;
    text-align:center; padding:80px 20px;
  }
  .hero::before, .hero::after {
    content:""; position:absolute;
    width:200%; height:200%; top:-50%; left:-50%; z-index:0;
  }
  .hero::before { background:rgba(0,84,166,0.8); transform:rotate(45deg); }
  .hero::after  { background:rgba(66,149,245,0.6); transform:rotate(-45deg); }
  .hero .inner { position:relative; z-index:1; max-width:800px; margin:0 auto; }
  .hero h1 { font-size:3rem; margin-bottom:8px; }
  .hero p  { font-size:1.25rem; opacity:0.9; }

  /* --- [수정] Breadcrumb --- */
  .breadcrumb {
    background:#fff; text-align:center;
    padding:16px 20px; border-bottom:1px solid #eee;
  }
  .breadcrumb nav { font-size:14px; color:var(--text-muted); }
  .breadcrumb nav a { color:var(--primary); }
  .breadcrumb nav span {
      color: var(--text-dark);
      font-weight: bold;
  }
  .breadcrumb .page-title {
    font-size:2rem; color:var(--primary-dark); margin-top:4px;
  }

  /* --- [수정] Intro --- */
  .intro {
    max-width:900px; margin:40px auto; text-align:center;
    background: var(--bg-section);
    padding: 32px 24px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }
  .intro h2 { font-size:2rem; color:var(--primary); margin-bottom:12px; }
  .intro p  { font-size:1rem; color:var(--text-muted); white-space:pre-line; }

  /* Clinic Table */
  .clinic-section {
    max-width:800px; margin:40px auto;
    background:var(--bg-section);
    border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1);
    overflow:hidden;
  }
  .clinic-section table { width:100%; border-collapse:collapse; }
  .clinic-section thead th {
    background:var(--primary); color:#fff;
    padding:12px 16px; text-align:left;
  }
  .clinic-section tbody td {
    padding:12px 16px; font-size:1rem;
    border-top:1px solid #eee; vertical-align:top;
  }
  .clinic-section .bg_left {
    width:30%; font-weight:bold; color:var(--primary-dark);
  }

  /* --- [수정] 주요 서비스: 교차 레이아웃 --- */
  .services {
    max-width:1000px; margin:40px auto; padding:0 20px;
  }
  .services h2 {
    text-align:center; font-size:2rem;
    color:var(--primary); margin-bottom:32px;
  }
  .service-list {
    display:flex; flex-direction:column; gap:40px;
  }
  .service-item {
    display:flex; align-items:center; gap:24px;
    background:var(--bg-section); border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
    padding:24px; overflow:hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .service-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.1);
  }
  .service-item:nth-child(odd)  { flex-direction:row; }
  .service-item:nth-child(even) { flex-direction:row-reverse; }
  .service-item .text { flex:1; }
  .service-item .text h3 {
    font-size:1.25rem; color:var(--primary-dark);
    margin-bottom:12px;
  }
  .service-item .text p {
    font-size:1rem; color:var(--text-muted);
    line-height:1.6;
  }
  .service-item .image { flex:1; }
  .service-item .image img {
    width:100%; max-height:200px;
    object-fit:cover; border-radius:8px; display:block;
  }
  @media(max-width:800px) {
    .service-item { flex-direction:column !important; }
    .service-item .text, .service-item .image { width:100%; }
  }

  /* --- [수정] Schedule & Doctor Section Wrapper --- */
  .schedule-doctor, .doctor-section {
    background: var(--bg-section);
    padding: 32px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    margin: 40px auto;
    max-width: 1000px;
  }

  /* --- [수정] Schedule Table --- */
  .schedule-table {
    width:100%; border-collapse:collapse;
    border-style: hidden;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 8px;
    overflow: hidden;
  }
  .schedule-table th, .schedule-table td {
    border:1px solid #ddd; padding:12px;
    font-size:14px; text-align:center; vertical-align:middle;
  }
  .schedule-table th {
    background:#eaf5ff; color:var(--primary-dark);
    font-weight:600;
  }
  .schedule-table th:nth-child(2) {
    font-weight: 600;
    background-color: #f7faff;
  }
  .schedule-table tbody tr:hover td:not(.offday) {
    background-color: #f8f9fa;
  }
  .schedule-table td.offday {
    background:#ffecec; color:#d9534f; font-weight:bold;
  }

  /* --- [수정] Doctor Card --- */
  .doctor-card {
    display:flex; align-items:center; gap:24px;
    background:#fff;
    border: none;
    border-radius:8px; overflow:hidden;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .doctor-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  }
  .doctor-card img {
    width:140px; height:140px; object-fit:contain;
    background:#f5f5f5; flex-shrink:0; border-radius: 50%;
  }
  .doctor-info .title {
    font-size:0.875rem; color:var(--primary-dark);
  }
  .doctor-info .name {
    font-size:1.5rem; margin:8px 0;
  }
  .doctor-info .specialty {
    font-size:0.875rem; line-height:1.4; margin-bottom:12px;
  }
  .doctor-info .btn {
    display:inline-block; padding:8px 16px;
    background:var(--primary); color:#fff;
    border-radius:4px; text-decoration:none;
    transition: background-color 0.3s ease, transform 0.3s ease;
    font-weight: bold;
  }
  .doctor-info .btn:hover {
      background-color: var(--primary-dark);
      transform: scale(1.05);
  }