/* 1023px 이하 — 병원 소개 */
@media all and (max-width: 1023px) {

  /* ── 스마트한 특별함 ───────────────────────────────────── */

  /* 대표원장 인사말: 사진과 글을 세로로 쌓고 사진은 원래 비율대로 */
  html body #introduce #section01 .container {
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }
  html body #introduce #section01 .container h2 {
    margin-bottom: 24px !important;
  }
  html body #introduce #section01 .container > .d-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
  }
  html body #introduce #section01 .container > .d-flex > img {
    width: 100% !important;
    max-width: 520px !important;
    height: auto !important;
    max-height: none !important;
    align-self: center;
    object-fit: contain;
  }
  html body #introduce #section01 .container > .d-flex > div {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body #introduce #section01 .container > .d-flex > div h5 {
    margin-bottom: 16px !important;
  }
  html body #introduce #section01 .container > .d-flex > div p {
    margin-bottom: 20px !important;
  }
  html body #introduce #section01 .container > .d-flex > div img {
    width: auto !important;
    max-width: 60% !important;
    height: auto !important;
  }

  /* 누적 숫자: 한 줄에 들어가게 */
  html body #introduce #section02 .container > div {
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    margin-top: 32px !important;
  }
  html body #introduce #section02 .container div div {
    padding-top: 28px !important;
  }
  html body #introduce #section02 .container div div p {
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center;
  }
  html body #introduce #section02 .container div div h2 {
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }
  html body #introduce #section02 .container div div h2 span.counter {
    font-size: 54px !important;
    line-height: 1.3 !important;
  }
  html body #introduce #section02 .container div div h2 span:not(.counter) {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
  html body #introduce #section02 .container div div h2 img {
    width: 22px !important;
    height: auto !important;
    top: 4px !important;
    right: 18px !important;
    padding: 0 !important;
  }
  html body #introduce #section02 .container > img {
    padding: 24px 0 16px !important;
    margin-bottom: 0 !important;
  }

  /* 원데이 세렉: 제목 크기를 맞추고 장비 사진은 제목 아래 흐름으로 */
  html body #introduce #section03 .container {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html body #introduce #section03 .container > div:nth-of-type(1) p {
    margin-bottom: 12px !important;
  }
  html body #introduce #section03 .container > div:nth-of-type(1) h1 {
    margin-bottom: 20px !important;
  }
  html body #introduce #section03 .container > div:nth-of-type(1) h1 span {
    font-size: 30px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }
  html body #introduce #section03 .container > div:nth-of-type(1) > div {
    width: 100% !important;
  }
  html body #introduce #section03 .container > div:nth-of-type(1) img {
    position: static !important;
    display: block;
    width: 100% !important;
    max-width: 440px !important;
    height: auto !important;
    margin: 0 auto 20px !important;
  }
  html body #introduce #section03 .container > div:nth-of-type(2) {
    gap: 24px !important;
    padding-top: 24px !important;
  }
  html body #introduce #section03 .container > div:nth-of-type(2) > div {
    width: 100% !important;
  }
  html body #introduce #section03 .container > div:nth-of-type(2) p {
    width: auto !important;
    height: auto !important;
    margin-bottom: 20px !important;
  }
  /* 영상 칸이 높이 0 으로 접혀 보이지 않던 것 */
  html body #introduce #section03 .vimeo {
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  /* 번호 그림 + 제목 상자: 글이 줄바꿈돼도 상자 안에 들어가게 */
  html body #introduce #section06 .position-relative.mx-auto,
  html body #introduce #section07 .container .position-relative.mx-auto {
    height: auto !important;
    width: 100% !important;
    margin-bottom: 32px !important;
  }
  html body #introduce #section06 .position-relative.mx-auto > img,
  html body #introduce #section07 .container .position-relative.mx-auto > img {
    position: relative !important;
    left: auto !important;
    transform: none !important;
    display: block;
    margin: 0 auto !important;
  }
  html body #introduce #section06 .position-relative.mx-auto > .position-absolute,
  html body #introduce #section07 .container .position-relative.mx-auto > .position-absolute {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    margin-top: -70px;
  }
  html body #introduce #section06 .position-relative .position-absolute p,
  html body #introduce #section07 .container .position-relative .position-absolute p {
    white-space: normal !important;
    margin-bottom: 0 !important;
    padding-bottom: 8px;
  }
  html body #introduce #section06 .position-relative .position-absolute h1,
  html body #introduce #section07 .container .position-relative .position-absolute h1 {
    white-space: normal !important;
    margin-bottom: 12px !important;
  }

  /* 위생 관리: PC 좌표로 띄운 장식과 1430px 상자를 화면 폭으로 */
  html body #introduce #section08 .sect08Top {
    padding-top: 56px !important;
  }
  html body #introduce #section08 .sect08Top h2 {
    margin-bottom: 16px !important;
  }
  html body #introduce #section08 .sect08Top .container img {
    margin-top: 24px !important;
    margin-bottom: 32px !important;
  }
  html body #introduce #section08 .sect08Bottom {
    padding-top: 64px !important;
    overflow: hidden;
  }
  html body #introduce #section08 .sect08Bottom .shield {
    right: 0 !important;
    left: auto !important;
    width: 42% !important;
    max-width: 42% !important;
    height: auto !important;
    opacity: 0.35;
  }
  html body #introduce #section08 .sect08Bottom .box01,
  html body #introduce #section08 .sect08Bottom .box02,
  html body #introduce #section08 .sect08Bottom .box04 {
    width: auto !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  html body #introduce #section08 .sect08Bottom .box01 {
    padding-bottom: 40px !important;
  }
  html body #introduce #section08 .sect08Bottom .box01 h2 {
    margin-bottom: 20px !important;
  }
  html body #introduce #section08 .sect08Bottom .box01 aside {
    display: block !important;
    width: auto !important;
    height: auto !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    padding: 14px 16px !important;
  }
  html body #introduce #section08 .sect08Bottom .box01 aside span {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  html body #introduce #section08 .sect08Bottom .box02 {
    margin-bottom: 40px !important;
  }
  html body #introduce #section08 .sect08Bottom .box02 a {
    position: static !important;
    display: block !important;
    width: fit-content !important;
    height: auto !important;
    margin: 0 auto 16px !important;
  }
  html body #introduce #section08 .sect08Bottom .box02 button {
    width: auto !important;
    height: auto !important;
    min-height: 48px;
    padding: 10px 20px !important;
    font-size: 17px !important;
    gap: 10px !important;
  }
  html body #introduce #section08 .sect08Bottom .box02 > img {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 12px !important;
  }
  html body #introduce #section08 .sect08Bottom .box03 img {
    width: 100% !important;
    height: auto !important;
  }
  html body #introduce #section08 .sect08Bottom .box04 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html body #introduce #section08 .sect08Bottom .box04 h2,
  html body #introduce #section08 .sect08Bottom .box04 h6 {
    margin-bottom: 20px !important;
  }
  html body #introduce #section08 .sect08Bottom .box04 img {
    width: 100% !important;
    max-width: 681px !important;
    height: auto !important;
  }
  /* 살균수 장비 사진: 글 위에 겹치지 않게 글 아래로 */
  html body #introduce #section08 .sect08Bottom .water {
    position: static !important;
    display: block;
    width: 80% !important;
    max-width: 480px !important;
    height: auto !important;
    margin: -24px auto 0 !important;
  }

  /* 소독 장비 카드: 한 화면에 한 장씩 넘긴다(장 수는 m-intro.js) */
  html body #introduce #section09 .container {
    padding-top: 48px !important;
  }
  html body #introduce #section09 .container h2 {
    margin-bottom: 20px !important;
  }
  html body #introduce #section09 .container2 {
    padding-top: 32px !important;
  }
  html body #introduce #section09 .swiper {
    padding: 28px 0 28px 14px !important;
  }
  html body #introduce #section09 .swiper .swiper-slide {
    height: auto !important;
    min-height: 200px;
    padding: 20px 16px 20px 20px !important;
    gap: 12px;
    align-items: center !important;
  }
  html body #introduce #section09 .swiper .swiper-slide .slide-content {
    height: auto !important;
    flex: 1 1 auto;
    min-width: 0;
  }
  html body #introduce #section09 .swiper .swiper-slide h4 {
    font-size: 20px !important;
    line-height: 1.35 !important;
    min-width: 0 !important;
    margin-bottom: 10px !important;
  }
  html body #introduce #section09 .swiper .swiper-slide h6 {
    font-size: 14px !important;
    line-height: 1.55 !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
  }
  html body #introduce #section09 .swiper .swiper-slide p {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }
  html body #introduce #section09 .swiper .swiper-slide > img {
    width: 38% !important;
    max-width: 150px !important;
    height: auto !important;
    flex: 0 0 auto;
  }

  html body #introduce #section10 .container > img {
    width: 100% !important;
    height: auto !important;
  }

  /* ── 의료진 소개 ────────────────────────────────────── */

  /* 원장 이름 탭: 두 줄 격자로, 이름이 쪼개지지 않게 */
  html body #introduce2 #section01 .container > img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 28px !important;
  }
  html body #introduce2 #section01 .container ul.tab-menu {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 6px !important;
    width: 100% !important;
    margin-bottom: 28px !important;
  }
  @media (min-width: 600px) {
    html body #introduce2 #section01 .container ul.tab-menu {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  html body #introduce2 #section01 .container ul.tab-menu li {
    width: auto !important;
    height: auto !important;
  }
  html body #introduce2 #section01 .container ul.tab-menu li button {
    min-height: 48px !important;
    height: 100% !important;
    padding: 8px 6px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.04em !important;
    word-break: keep-all;
  }
  html body #introduce2 #section01 .tab-content-wrap,
  html body #introduce2 #section01 .tab-content {
    min-height: 0 !important;
  }
  html body #introduce2 #section01 .tab-content > img {
    width: 100% !important;
    height: auto !important;
  }

  /* 연구·활동: 제목과 설명을 위아래로 */
  html body #introduce2 #section01 #tab1 .container {
    padding-bottom: 48px !important;
  }
  html body #introduce2 #section01 #tab1 .container > div.d-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }
  html body #introduce2 #section01 #tab1 .container > div.d-flex > div {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body #introduce2 #section01 #tab1 .container p {
    margin-bottom: 12px !important;
  }
  html body #introduce2 #section01 #tab1 .container > em {
    margin-top: 28px !important;
    margin-bottom: 20px !important;
  }
  html body #introduce2 #section01 #tab1 .container > button {
    height: auto !important;
    min-height: 52px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  html body #introduce2 #section01 #tab1 .container > button img {
    width: 20px !important;
    height: auto !important;
  }
  html body #introduce2 #section01 #tab1 .container .media {
    margin-top: 28px !important;
  }
  html body #introduce2 #section01 #tab1 .container .media .swiper-row {
    flex-direction: column !important;
    gap: 28px !important;
    margin-bottom: 28px !important;
  }
  html body #introduce2 #section01 #tab1 .container .media .swiper-section {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body #introduce2 #section01 #tab1 .container .media .swiper-section.ss03 {
    margin-bottom: 28px !important;
  }
  html body #introduce2 #section01 #tab1 .container .media .swiperTitle {
    margin-bottom: 16px !important;
  }
  html body #introduce2 #section01 #tab1 .container .media .ss01 .swiper-slide {
    width: 280px !important;
  }
  html body #introduce2 #section01 #tab1 .container .media .ss01 .swiper-slide img {
    width: 280px !important;
    height: 156px !important;
  }

  /* ── 병원정보 ───────────────────────────────────────── */

  html body #introduce3 #section01 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html body #introduce3 #section01 > div:first-child {
    padding: 0 16px;
    margin-bottom: 24px !important;
  }
  html body #introduce3 #section01 h6 {
    margin-bottom: 0 !important;
  }
  /* 둘러보기: 가운데 사진 한 장이 온전히 보이게 */
  html body #introduce3 #section01 .tour-swiper-wrapper {
    height: auto !important;
    overflow: hidden;
  }
  html body #introduce3 #section01 .swiper-slide {
    width: 84vw !important;
    height: 60vw !important;
    opacity: 0.35;
    transition: opacity 0.3s ease !important;
  }
  html body #introduce3 #section01 .swiper-slide-active {
    opacity: 1;
  }

  /* 주소·전화·주차·교통 목록: 고정 높이를 풀고 글이 칸을 넘지 않게 */
  html body #introduce3 #section02 .container .map ul li {
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 0 !important;
  }
  html body #introduce3 #section02 .container .map ul li .roadBox {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100%;
  }
  html body #introduce3 #section02 .container .map ul li .roadBox .icon {
    width: 56px !important;
    height: auto !important;
    flex: 0 0 56px;
    margin-right: 0 !important;
  }
  html body #introduce3 #section02 .container .map ul li .roadBox > div {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
  }
  html body #introduce3 #section02 .container .map ul li .roadBox > div.d-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  html body #introduce3 #section02 .container .map ul li .roadBox div h5 {
    font-size: 17px !important;
    line-height: 1.45 !important;
    margin-bottom: 8px !important;
  }
  html body #introduce3 #section02 .container .map ul li .roadBox div p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  html body #introduce3 #section02 .container .map ul li .roadBox div img {
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    margin-left: 0 !important;
  }
  html body #introduce3 #section02 .container .map ul li button {
    width: 100% !important;
    max-width: 402px !important;
    height: auto !important;
    min-height: 48px !important;
    margin-top: 12px;
  }
  html body #introduce3 #section02 .container .map ul li button a {
    font-size: 17px !important;
    line-height: 1.4 !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    white-space: nowrap;
  }

  /* 인증서 넘김 단추 — 좌우 끝으로 벌린다 */
  #introduce2 #section01 #tab1 .cert-prev {
    left: 8px !important;
    right: auto !important;
  }
  #introduce2 #section01 #tab1 .cert-next {
    right: 8px !important;
    left: auto !important;
  }
}

/* ── 모바일 글자 통일: 글자가 구워진 이미지를 글자로 대체 ───────────────── */
.mtx { display: none; }

@media all and (max-width: 767px) {
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx { display: block; box-sizing: border-box; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx *, html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx *::before, html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx *::after { box-sizing: border-box; }
  html body .m-hide { display: none !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx p { margin: 0 0 12px !important; font-size: 15px !important; line-height: 1.65 !important; letter-spacing: -0.03em !important; word-break: keep-all; color: #333 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx p:last-child { margin-bottom: 0; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx h4 { margin: 0 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: -0.03em !important; word-break: keep-all; color: #171717 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx .blue { color: #558ed5 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx b { font-weight: 700 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx ul, html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx ol { list-style: none; margin: 0 !important; padding: 0 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx img { max-width: 100%; height: auto; }

  /* 보철물 배너 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s04 { background: #0c111d; padding: 40px 16px 0 !important; overflow: hidden; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s04 p { color: #e8edf5 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s04 .mtx-title { font-size: 22px !important; font-weight: 300 !important; line-height: 1.45 !important; color: #fff !important; margin-bottom: 16px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s04 .mtx-title b { color: #9ac7ff !important; font-weight: 700 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s04 .mtx-mark { background: #2f4f78; color: #fff !important; padding: 10px 12px !important; margin-top: 16px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s04 img { display: block; width: 100%; height: 220px; margin-top: 24px; object-fit: cover; object-position: 60% 40%; }

  /* 카드 공통 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-card { background: #fff; border: 1px solid #e2e2e2; padding: 20px 16px !important; margin-bottom: 12px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx h4.mtx-card-h { margin-bottom: 14px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-card-h.dark { background: #373737; color: #fff !important; text-align: center !important; padding: 10px 12px !important; margin: -20px -16px 16px !important; width: calc(100% + 32px) !important; max-width: none !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-card-h.blue { color: #558ed5 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-tags li { background: #558ed5; color: #fff !important; font-size: 14px !important; line-height: 1.4 !important; padding: 7px 12px !important; }

  /* 통증 완화: 마취 제품 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s05 { margin-top: 28px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s05 figure { margin: 0 !important; text-align: center !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s05 figure img { display: block; width: 100%; height: 150px; object-fit: contain; margin: 0 auto 6px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s05 figcaption { font-size: 14px !important; line-height: 1.4 !important; color: #333 !important; background: #efefef; padding: 6px 4px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s05 .mtx-one img { height: 190px; }

  /* 감염 경로 비교 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s08top { margin: 24px 0 32px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-box { background: rgba(255,255,255,.96); }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) p.mtx-box-h { background: #558ed5; color: #fff !important; text-align: center !important; padding: 10px 12px !important; margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-box ul li { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px !important; font-size: 15px !important; line-height: 1.55 !important; letter-spacing: -0.03em !important; color: #333 !important; border-bottom: 1px solid #e8e8e8; word-break: keep-all; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-box ul li:last-child { border-bottom: 0; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-ic { flex: 0 0 22px; margin-top: 1px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) p.mtx-vs { width: 44px; height: 44px; line-height: 44px !important; border-radius: 50%; background: #fff; text-align: center !important; margin: 10px auto !important; font-weight: 700 !important; color: #333 !important; font-size: 17px !important; }

  /* 엠디세이프 · 우수병원 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s08b2 { margin-bottom: 20px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-md .mtx-md-cert { display: block; width: 78%; max-width: 300px; margin: 0 auto 18px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-md .mtx-md-logo { display: block; width: 150px; margin: 4px 0 14px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-pills li { display: inline-flex; align-items: center; gap: 6px; border: 1.5px solid #558ed5; border-radius: 8px; padding: 6px 12px !important; font-size: 15px !important; line-height: 1.4 !important; color: #333 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-pills .mtx-arr { width: 18px; height: 18px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-plaque img { display: block; width: 100%; max-width: 360px; margin: 18px auto 0 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) p.mtx-badge { display: inline-block; background: #0d59a7; color: #fff !important; padding: 8px 12px !important; font-size: 15px !important; margin-bottom: 14px !important; }

  /* 멸균 9단계 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0 16px 28px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-steps li { display: flex; align-items: center; justify-content: center; text-align: center !important; aspect-ratio: 1.6 / 1; background: #fff; border: 1.5px solid #8fb3e6; border-radius: 999px; font-size: 15px !important; line-height: 1.3 !important; color: #333 !important; padding: 4px 6px !important; word-break: keep-all; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-steps li.last { background: #558ed5; border-color: #558ed5 !important; color: #fff !important; font-weight: 600 !important; }

  /* 진료수 칩 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-chips { display: flex; flex-direction: column; gap: 8px; margin: 18px 0 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-chips li { display: flex; align-items: center; gap: 10px; background: #0d59a7; color: #fff !important; padding: 12px 14px !important; border-radius: 4px; font-size: 15px !important; line-height: 1.4 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-ic.w circle { fill: transparent; stroke: #fff; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-ic.w path { stroke: #fff; }

  /* 꼼꼼한 사후관리 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s10 { margin-top: 24px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s10c { display: flex; align-items: center; gap: 14px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s10c img { flex: 0 0 64px; width: 64px; height: 64px; object-fit: contain; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s10c h4 { margin-bottom: 8px; font-weight: 600 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-s10c p { font-size: 15px !important; color: #555 !important; }

  /* 치료 후 사진 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-course { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 16px !important; margin: 20px 0 8px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-course li:last-child { grid-column: 1 / -1; justify-self: center; width: calc(50% - 4px); }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-course img { display: block; width: 100%; height: auto; }

  /* 의료진 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr { background: #29425e; color: #fff !important; padding: 28px 16px 24px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr.navy { background: #29425e; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr.sky { background: #a9cbe5; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr .m-dr-label { font-size: 13px !important; margin: 0 0 8px !important; color: #fff !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr .m-dr-name { font-size: 26px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: .08em !important; color: #fff !important; margin: 0 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr .m-dr-name span { display: block; font-size: 17px !important; font-weight: 400 !important; letter-spacing: -0.02em !important; margin-top: 6px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr.sky .m-dr-label, html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr.sky .m-dr-name { color: #17324f !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr-photo { flex: 0 0 104px; width: 104px !important; height: 104px !important; border-radius: 50%; object-fit: cover; object-position: 50% 12%; border: 2px solid #fff; background: #dfe9f3; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr-card { background: #fff; padding: 20px 16px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr .m-dr-h { display: flex; align-items: center; gap: 10px; font-size: 15px !important; color: #333 !important; margin: 0 0 14px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr .m-dr-h::after { content: ""; flex: 1; border-top: 1px solid #555; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr .m-dr-badge { display: flex; align-items: center; gap: 8px; border: 1px solid #888; padding: 8px 12px !important; margin: 0 0 8px !important; font-size: 15px !important; line-height: 1.4 !important; color: #222 !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr .m-dr-badge img { flex: 0 0 22px; width: 22px; height: 22px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr-list { margin-top: 14px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr-list li { font-size: 15px !important; line-height: 1.55 !important; letter-spacing: -0.02em !important; color: #333 !important; padding: 7px 0 !important; border-bottom: 1px solid #efefef; word-break: keep-all; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr-list li:last-child { border-bottom: 0; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr-sub { margin-top: 10px !important; padding-top: 6px; border-top: 1px solid #ddd; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .m-dr-sub li { color: #555 !important; border-bottom: 0; padding: 5px 0 !important; word-break: break-word; }

  /* 논문·세미나·방송 포스터: 원본 크기에 가깝게 키워 글씨가 읽히게 */
  html body #introduce2 #section01 #tab1 .container .media .ss02 .swiper-slide,
  html body #introduce2 #section01 #tab1 .container .media .ss03 .swiper-slide,
  html body #introduce2 #section01 #tab1 .container .media .ss04 .swiper-slide {
    width: 240px !important;
  }
  html body #introduce2 #section01 #tab1 .container .media .ss02 .swiper-slide img,
  html body #introduce2 #section01 #tab1 .container .media .ss03 .swiper-slide img,
  html body #introduce2 #section01 #tab1 .container .media .ss04 .swiper-slide img {
    width: 240px !important;
    height: 353px !important;
    object-fit: contain !important;
    background: #fff;
  }

  /* 지하철 */
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-subway { margin-top: 4px; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-subway p { margin: 0 0 6px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-subway .mtx-sub1 b { display: inline-block; background: #558ed5; color: #fff !important; border-radius: 999px; padding: 2px 12px !important; margin-right: 8px; font-size: 15px !important; }
  html body div[id]:is(#introduce,#introduce2,#introduce3) [id^="section"]:not(#_a):not(#_b) .mtx-subway .mtx-sub2 b { color: #558ed5 !important; }

  /* 소독 장비 슬라이드: 글자 크기를 척도에 맞춘다 */
  html body #introduce #section09 .swiper-slide .slide-content h4 { font-size: 17px !important; line-height: 1.4 !important; }
  html body #introduce #section09 .swiper-slide .slide-content h6 { font-size: 15px !important; line-height: 1.55 !important; word-break: keep-all; }
  html body #introduce #section09 .swiper-slide .slide-content p { font-size: 14px !important; line-height: 1.5 !important; word-break: keep-all; }

  /* 꼼꼼한 사후관리 제목: 번호 그림 아래로 내려 화면 안에 들어오게 */
  html body #introduce #section10 .container .position-relative.mx-auto { height: auto !important; width: 100% !important; margin-bottom: 24px !important; }
  html body #introduce #section10 .container .position-relative.mx-auto > img { position: relative !important; left: auto !important; transform: none !important; display: block; margin: 0 auto !important; }
  html body #introduce #section10 .container .position-relative.mx-auto > .position-absolute { position: relative !important; left: auto !important; bottom: auto !important; transform: none !important; width: 100% !important; height: auto !important; margin-top: -70px; }
  html body #introduce #section10 .container .position-relative .position-absolute h1 { white-space: normal !important; text-align: center; }
}

/* 1023px 이하 — 대표원장 지면 하단 병원소식 글 카드 */
@media all and (max-width: 1023px) {
  html body #introduce2 #section01 #tab1 .container .media .swiper-section .swiper-slide.ss-post {
    width: 280px !important;
  }
  html body #introduce2 #section01 #tab1 .container .media .swiper-section .swiper-slide.ss-post img {
    width: 280px !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: cover !important;
  }
}