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

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

    :root {
      --primary: #005a9c;
      --accent: #e67e22;
      --bg-page: #fafafa;
      --bg-box: #fff;
      --text-dark: #333;
      --text-muted: #555;
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body {
      font-family:'Noto Sans KR','Segoe UI',sans-serif;
      background: var(--bg-page);
      color: var(--text-dark);
      line-height:1.6;
    }
    img { display:block; max-width:100%; height:auto; }
    .scontents {
      max-width:1100px;
      margin:40px auto;
      padding:0 20px;
    }
    /* —— 헤더 —— */
    .header {
      display:flex; flex-wrap:wrap;
      background: var(--bg-box);
      border-radius:8px;
      box-shadow:0 2px 8px rgba(0,0,0,0.1);
      overflow:hidden;
      margin-bottom:40px;
    }
    .header .thumb { flex:1 1 300px; }
    .header .thumb img { width:100%; height:auto; }
    .header .intro { flex:2 1 400px; padding:30px; }
    .header .intro h2 { font-size:2rem; color:var(--primary); margin-bottom:10px; }
    .header .intro p { margin-bottom:12px; color:var(--text-muted); }

    /* —— 중요성 · 대상 · 기타 카드 그룹 —— */
    .card-group {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:20px;
      margin-bottom:40px;
    }
    .card {
      background: var(--bg-box);
      border-radius:8px;
      padding:20px;
      box-shadow:0 1px 5px rgba(0,0,0,0.08);
    }
    .card h3 { font-size:1.25rem; color:var(--primary); margin-bottom:15px; }
    .card ul { display:grid; gap:10px; }
    .card li { display:flex; align-items:flex-start; }
    .card .num {
      width:28px; height:28px; background:var(--primary); color:#fff;
      border-radius:50%; display:flex; align-items:center; justify-content:center;
      margin-right:12px; font-weight:bold;
    }
    .card .txt { flex:1; color:var(--text-dark); }

    /* —— 검진 절차 —— */
    .steps {
      margin-bottom:40px;
    }
    .steps h3 {
      color:var(--primary);
      font-size:1.25rem;
      margin-bottom:20px;
      text-align:center;
    }
    .steps ul {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      flex-wrap:wrap;
      list-style:none;
      padding:0;
    }
    .steps ul li {
      background:var(--bg-box);
      border-radius:8px;
      box-shadow:0 1px 5px rgba(0,0,0,0.08);
      width:calc(20% - 10px);
      min-width:140px;
      text-align:center;
      padding:20px;
      position:relative;
    }
    .steps ul li:not(:last-child)::after {
      content: '';
      position:absolute;
      top:50%;
      right:-10px;
      transform:translateY(-50%);
      width:20px; height:2px;
      background:var(--text-muted);
    }
    .steps li img {
      width:60px; height:60px; margin-bottom:12px;
    }
    .steps li dt {
      font-weight:bold; margin-bottom:8px; color:var(--text-dark);
    }
    .steps li dd {
      font-size:0.95rem; color:var(--text-muted);
    }

    /* —— 검진 전 유의사항 —— */
    .notice {
      margin-bottom:40px;
    }
    .notice h3 {
      color:var(--primary);
      font-size:1.25rem;
      margin-bottom:15px;
    }
    .notice ul { display:grid; gap:10px; }
    .notice li { display:flex; align-items:flex-start; }
    .notice .num {
      width:28px; height:28px; background:var(--accent); color:#fff;
      border-radius:50%; display:flex; align-items:center; justify-content:center;
      margin-right:12px; font-weight:bold;
    }
    .notice .txt { flex:1; color:var(--text-dark); }

    /* —— 가격 & 공단검진 —— */
    .extras {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:20px;
      margin-bottom:60px;
    }
    .extras .img-box {
      background: var(--bg-box);
      padding:20px;
      border-radius:8px;
      box-shadow:0 1px 5px rgba(0,0,0,0.08);
      text-align:center;
    }
    .extras .img-box h3 { margin-bottom:10px; color:var(--primary); }
    .extras .img-box p { margin-bottom:12px; color:var(--text-muted); }