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

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

      /* Reset & 기본 설정 */
      * { margin:0; padding:0; box-sizing:border-box; }
      body {
          font-family:'Noto Sans KR','Segoe UI',sans-serif;
          color:#333; background:#f5f7fa; line-height:1.6;
      }
      .scontents {
          max-width:1100px; margin:40px auto; padding:0 20px;
      }

      /* 헤더 */
      header.header {
          display:flex; flex-wrap:wrap;
          background:#fff; border-radius:8px;
          box-shadow:0 2px 6px rgba(0,0,0,0.1);
          overflow:hidden; margin-bottom:40px;
      }
      .header .thumb {
          flex:1 1 360px;
          display:flex; align-items:center; justify-content:center;
          padding:10px;
      }
      .header .thumb img {
          width:350px; height:200px; object-fit:cover;
      }
      .header .intro {
          flex:2 1 500px; padding:30px;
      }
      .header .intro h2 {
          font-size:2rem; margin-bottom:10px; color:#2a4365;
      }
      .header .intro p {
          margin-bottom:12px;
      }

      /* 치료 서비스 */
      .card-group {
          display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
          gap:20px; margin-bottom:40px;
      }
      .card-group .card {
          background:#fff; border-radius:8px; padding:20px;
          box-shadow:0 1px 5px rgba(0,0,0,0.08);
      }
      .card-group .card h3 {
          font-size:1.25rem; margin-bottom:15px; color:#2a4365;
      }
      .services-list {
          display:grid; grid-template-columns:repeat(2,1fr);
          gap:8px 24px;
      }
      .services-list li {
          display:flex; align-items:flex-start;
      }
      .services-list .num {
          width:28px; height:28px; background:#2a4365; color:#fff;
          border-radius:50%; display:flex; align-items:center;
          justify-content:center; margin-right:8px; font-weight:bold;
      }
      .services-list .txt { flex:1; }

      /* 주요 장비 및 효과 테이블 */
      .equipment-table { margin-bottom:40px; }
      .equipment-table h3 {
          color:#2a4365; font-size:1.25rem; margin-bottom:15px;
      }
      .equipment-table table {
          width:100%; border-collapse:collapse; background:#fff;
          border-radius:8px; overflow:hidden;
          box-shadow:0 1px 5px rgba(0,0,0,0.08);
      }
      .equipment-table th,
      .equipment-table td {
          padding:12px; border-top:1px solid #eee; text-align:left;
      }
      .equipment-table thead tr {
          background:#2a4365; color:#fff;
      }

      /* 치료 과정 */
      .steps { margin-bottom:40px; }
      .steps h3 {
          color:#2a4365; font-size:1.25rem; margin-bottom:20px;
      }
      .steps ul {
          display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
          gap:20px;
      }
      .steps li {
          background:#fff; border-radius:8px; overflow:hidden;
          box-shadow:0 1px 5px rgba(0,0,0,0.08);
          display:flex; flex-direction:column; align-items:center;
          padding:20px;
      }
      .steps li img {
          width:60px; height:60px; margin-bottom:12px;
      }
      .steps dt {
          font-weight:bold; margin-bottom:6px; color:#2a4365;
      }
      .steps dd {
          color:#555; font-size:0.95rem;
          text-align:center; line-height:1.4;
      }

      /* 이용 안내 */
      .notice { margin-bottom:40px; }
      .notice h3 {
          color:#2a4365; 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:#e67e22; color:#fff;
          border-radius:50%; display:flex; align-items:center;
          justify-content:center; margin-right:12px; font-weight:bold;
      }
      .notice .txt { flex:1; }

      /* 장비 하이라이트 슬라이더 */
      .equipment-highlights { margin-bottom:40px; }
      .equipment-highlights h3 {
          color:#2a4365; font-size:1.25rem; margin-bottom:20px;
          text-align:center; position:relative;
      }
      .equipment-highlights h3::after {
          content:""; display:block; width:60px; height:3px;
          background:#2a4365; margin:8px auto 0; border-radius:2px;
      }
      .highlight-grid {
          position:relative; overflow:hidden; padding:20px 0;
      }
      .highlight-grid .track {
          display:flex; transition:transform .5s ease;
          will-change:transform;
      }
      .highlight-grid .card {
          flex:0 0 calc((100% - 40px)/3);
          margin:0 10px;
          background:#fff; border-radius:8px;
          box-shadow:0 1px 5px rgba(0,0,0,0.08);
          overflow:hidden; transition:transform .3s;
          position:relative;
      }
      .highlight-grid .card.active {
          transform:scale(1.1); z-index:2;
      }
      .highlight-grid .card img {
          width:100%; height:180px; object-fit:contain;
          background:#f5f7fa;
      }
      .highlight-grid .card .info {
          padding:15px;
      }
      .highlight-grid .card .info strong {
          display:block; margin-bottom:8px; color:#2a4365;
      }
      .highlight-grid .card .info p {
          font-size:0.95rem; color:#555;
      }
      .highlight-grid .slider-btn {
          position:absolute; top:50%; transform:translateY(-50%);
          background:rgba(42,67,101,0.8); border:none; color:#fff;
          width:36px; height:36px; border-radius:50%;
          cursor:pointer; font-size:18px; line-height:36px;
          text-align:center; z-index:3;
      }
      .highlight-grid .slider-btn.prev { left:10px; }
      .highlight-grid .slider-btn.next { right:10px; }