@charset "utf-8";

:root {
  --max-width: 1840px;
}

body {
  padding-top: 80px;
}

img {
  display: block;
}

a,
button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* 나래원치과 공통 */
.page-index #wrapper,
.page-index #container_wr,
.page-index #container {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.page-index #container {
  padding: 0;
}

/* 상단 고정 헤더 */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 80px;
  background: #fff;
}

.site-header__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  margin: 0 auto;
  padding: 0 40px;
  max-width: var(--max-width);
}

.site-logo {
  margin: 0;
  line-height: 0;
}

.site-logo a {
  display: block;
}

.site-logo__img {
  display: block;
  width: 179px;
  height: 36px;
}

.site-header__menu-btn,
.site-mobile-menu {
  display: none;
}

.site-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 80px;
}

.site-nav__list {
  display: flex;
  align-items: center;
  height: 100%;
}

.site-nav__item {
  height: 100%;
}

.site-nav__list a {
  font-size: 16px;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.02em;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
  height: 100%;
  display: flex;
  align-items: center;
  width: 186px;
  justify-content: center;
  padding: 0 20px;
  background: transparent;
}

.site-nav__item--active > a {
  color: #fff;
  background: #06447f;
}

@media (hover: hover) and (pointer: fine) {
  .site-nav__list a:hover,
  .site-nav__item:hover > a {
    color: #fff;
    background: #06447f;
  }
}

.site-mega {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  height: auto;
  background: #fff;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    visibility 0.22s ease;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .site-header:hover .site-mega,
  .site-header:focus-within .site-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
}

.site-mega__inner {
  width: 930px;
  display: flex;
  justify-content: center;
  max-width: calc(100% - 80px);
  height: 100%;
  margin: 0 auto;
}

.site-mega__menus {
  display: grid;
  grid-template-columns: repeat(5, 186px);
  align-items: stretch;
  height: 100%;
}

.site-mega__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 186px;
  padding: 32px 20px 28px;
  color: #222;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
  border-top: 1px solid #fff;
}

.site-mega__group--active {
  background: #06447f;
  color: #fff;
}

@media (hover: hover) and (pointer: fine) {
  .site-mega__group:hover {
    background: #06447f;
    color: #fff;
  }
}

.site-mega__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-mega__list a {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.64px;
  color: inherit;
  text-align: center;
  white-space: nowrap;
  transition: opacity 0.2s ease;
  opacity: 0.7;
}

@media (hover: hover) and (pointer: fine) {
  .site-mega__list a:hover {
    opacity: 1;
  }
}

@supports selector(.site-header:has(.site-nav__item:hover)) {
  @media (hover: hover) and (pointer: fine) {
  .site-header:has(.site-nav__item[data-menu-group="sub1"]:hover)
    .site-mega__group,
  .site-header:has(.site-nav__item[data-menu-group="sub2"]:hover)
    .site-mega__group,
  .site-header:has(.site-nav__item[data-menu-group="sub3"]:hover)
    .site-mega__group,
  .site-header:has(.site-nav__item[data-menu-group="sub4"]:hover)
    .site-mega__group,
  .site-header:has(.site-nav__item[data-menu-group="sub5"]:hover)
    .site-mega__group {
    background: #fff;
    color: #222;
  }

  .site-header:has(.site-nav__item[data-menu-group="sub1"]:hover)
    .site-mega__group[data-menu-group="sub1"],
  .site-header:has(.site-nav__item[data-menu-group="sub2"]:hover)
    .site-mega__group[data-menu-group="sub2"],
  .site-header:has(.site-nav__item[data-menu-group="sub3"]:hover)
    .site-mega__group[data-menu-group="sub3"],
  .site-header:has(.site-nav__item[data-menu-group="sub4"]:hover)
    .site-mega__group[data-menu-group="sub4"],
  .site-header:has(.site-nav__item[data-menu-group="sub5"]:hover)
    .site-mega__group[data-menu-group="sub5"] {
    background: #06447f;
    color: #fff;
  }

  .site-header:has(.site-nav__item[data-menu-group="sub1"]:hover)
    .site-nav__item[data-menu-group="sub1"]
    > a,
  .site-header:has(.site-nav__item[data-menu-group="sub2"]:hover)
    .site-nav__item[data-menu-group="sub2"]
    > a,
  .site-header:has(.site-nav__item[data-menu-group="sub3"]:hover)
    .site-nav__item[data-menu-group="sub3"]
    > a,
  .site-header:has(.site-nav__item[data-menu-group="sub4"]:hover)
    .site-nav__item[data-menu-group="sub4"]
    > a,
  .site-header:has(.site-nav__item[data-menu-group="sub5"]:hover)
    .site-nav__item[data-menu-group="sub5"]
    > a,
  .site-header:has(.site-mega__group[data-menu-group="sub1"]:hover)
    .site-nav__item[data-menu-group="sub1"]
    > a,
  .site-header:has(.site-mega__group[data-menu-group="sub2"]:hover)
    .site-nav__item[data-menu-group="sub2"]
    > a,
  .site-header:has(.site-mega__group[data-menu-group="sub3"]:hover)
    .site-nav__item[data-menu-group="sub3"]
    > a,
  .site-header:has(.site-mega__group[data-menu-group="sub4"]:hover)
    .site-nav__item[data-menu-group="sub4"]
    > a,
  .site-header:has(.site-mega__group[data-menu-group="sub5"]:hover)
    .site-nav__item[data-menu-group="sub5"]
    > a {
    color: #fff;
    background: #06447f;
  }
  }
}

#hd_h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* 메인 슬라이더 */
.main-slider-wrap {
  margin-top: 0 !important;
}

.main-slider {
  position: relative;
  height: 720px;
  border-radius: 24px;
  overflow: hidden;
  width: calc(100% - 80px);
  max-width: calc(var(--max-width) - 80px);
  margin: 0 auto;
  border-radius: 24px;
}

.main-slider .main-slider__slide {
  position: relative;
  width: 100%;
  height: 720px;
  overflow: hidden;
}

.main-slider__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: cover;
  transform: scale(1);
  will-change: transform;
}

.main-slider__bg.main-slider__bg--zoom {
  animation: main-slider-bg-zoom 5s ease-out forwards;
}

@keyframes main-slider-bg-zoom {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.12);
  }
}

.main-slider__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 0 80px 72px 155px;
}

.main-slider__badge {
  display: inline-block;
  width: fit-content;
  margin-bottom: 20px;
  padding: 8px 16px 7px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.24;
  color: #fff;
  border-radius: 4px;
  letter-spacing: -0.4px;
}

.main-slider__badge1 {
  background-color: #00abdf;
}

.main-slider__badge2 {
  background-color: #9bb065;
}

.main-slider__badge3 {
  background-color: #fbb040;
}

.main-slider__badge4 {
  background-color: #003974;
}
.main-slider__controls {
  display: flex;
  align-items: center;
  gap: 16px;
}

.main-slider__title {
  margin: 0 0 80px;
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  letter-spacing: -0.96px;
  white-space: pre-line;
}

.main-slider__controls-wrap {
  position: absolute;
  bottom: 72px;
  left: 155px;
  z-index: 10;
  pointer-events: none;
}

.main-slider__controls-wrap .main-slider__controls {
  pointer-events: auto;
}

.main-slider__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.2s;
}

.main-slider__arrow:hover {
  opacity: 0.4;
}

.main-slider__arrow svg {
  width: 24px;
  height: 24px;
}

.main-slider__pagination .slick-dots {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-slider__pagination .slick-dots li {
  display: flex;
  align-items: center;
  margin: 0;
}

.main-slider__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s;
  font-size: 0;
  line-height: 0;
}

.main-slider__pagination .slick-active .main-slider__dot {
  width: 48px;
  border-radius: 4px;
  background: #fff;
}

/* 슬라이더 자체 애니메이션 */
[data-sanim="fade-up"] {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition-property: opacity, transform;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sanim="fade-up"].sanim-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* 섹션2 - 소개 */
.main-section2 {
  background: #fff;
}

.main-section2__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1530px;
  height: 652px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
  gap: 48px;
}

.main-section2__left {
  flex: 0 0 42%;
  height: 100%;
  overflow: hidden;
}

.main-section2__right {
  flex: 1;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}

.main-section2__content {
  display: flex;
  flex-direction: column;
  padding-top: 80px;
  height: 100%;
}

.main-section2__image {
  width: 820px;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  display: flex;
  align-items: flex-end;
}

.main-section2__img-card {
  width: 820px;
  max-width: 100%;
  height: 652px;
  border-radius: 20px;
  object-fit: cover;
}

.main-section2__subtitle {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -0.32px;
  color: #003974;
}

.main-section2__title {
  margin: 0 0 32px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  color: #222;
  white-space: pre-line;
}

.main-section2__desc p {
  margin: 0 0 20px;
  white-space: pre-line;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  color: #666;
}

.main-section2__desc p:last-child {
  margin-bottom: 0;
}

[data-sanim="fade-right"] {
  opacity: 0;
  transform: translate3d(-40px, 0, 0);
  transition-property: opacity, transform;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sanim="fade-right"].sanim-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* 섹션3 - 진료 슬라이더 */
.main-section3 {
  background: #fff;
  overflow: hidden;
}

.main-section3__header {
  max-width: 1200px;
  margin: 0 auto 52px;
  padding: 0 40px;
  text-align: center;
}

.main-section3__title {
  margin: 0 0 20px;
  white-space: pre-line;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  color: #222;
}

.main-section3__desc {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
}

.main-section3__slider-wrap {
  width: 100%;
}

.main-section3-image-slider {
  width: 100%;
  height: 520px;
  overflow: hidden;
}

.main-section3-image-slider .slick-list {
  overflow: visible;
}

.main-section3-image-slider .slick-track {
  display: flex;
  align-items: flex-start;
}

.main-section3-image-slider__slide {
  width: 440px;
  box-sizing: border-box;
  padding-right: 20px;
}

.main-section3__card {
  cursor: pointer;
  position: relative;
  width: 420px;
  height: 420px;
  border-radius: 12px;
  overflow: hidden;
  transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-section3-image-slider
  .main-section3-image-slider__slide--active
  .main-section3__card {
  height: 520px;
}

.main-section3__card-img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 420px;
  height: 420px;
  background: #d8d8d8 no-repeat center / cover;
  transform: scale(1.3);
  transform-origin: center top;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-section3-image-slider
  .main-section3-image-slider__slide--active
  .main-section3__card-img {
  transform: scale(1);
  height: 520px;
}

.main-section3__card-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 48px 24px 32px;
  text-align: center;
}

.main-section3__card-title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.36;
  letter-spacing: -0.48px;
  text-align: center;
  color: #fff;
}

.main-section3__card-subtitle {
  margin: 0;
  max-height: 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.52;
  letter-spacing: -0.32px;
  text-align: center;
  color: #fff;
  opacity: 0;
  white-space: pre-line;
  transition:
    max-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    margin 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-section3-image-slider
  .main-section3-image-slider__slide--active
  .main-section3__card-subtitle {
  max-height: 80px;
  margin-top: 10px;
  opacity: 1;
}

.main-section3__progress {
  display: none;
  width: 420px;
  max-width: calc(100% - 40px);
  height: 4px;
  margin: 52px auto 0;
  background: #e5e5e5;
  border-radius: 2px;
  overflow: hidden;
}

.main-section3__progress-bar {
  width: 0;
  height: 100%;
  background: #00abdf;
  border-radius: 2px;
  transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 섹션4 - 의료진 슬라이더 */
.main-section4 {
  background: #fff;
}

.main-section4__inner {
  position: relative;
  width: 1220px;
  max-width: calc(100% - 80px);
  height: 640px;
  margin: 0 auto;
}

.main-section4-staff-slider {
  width: 100%;
  height: 640px;
  overflow: hidden;
}

.main-section4-staff-slider .slick-list,
.main-section4-staff-slider .slick-track {
  height: 100%;
}

.main-section4-staff-slider__slide {
  width: 1220px;
  height: 640px;
  outline: none;
}

.main-section4__card {
  display: flex;
  width: 100%;
  height: 100%;
}

.main-section4__card-img {
  flex: 0 0 520px;
  width: 520px;
  height: 640px;
  border-radius: 20px;
  background: #b8d4e8 no-repeat center / cover;
}

.main-section4__card-img--2 {
  background-color: #c5d9c8;
}

.main-section4__card-content {
  flex: 1;
  min-width: 0;
  padding: 48px 0 48px 60px;
  box-sizing: border-box;
}

.main-section4__nav {
  position: absolute;
  top: 80px;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 8px;
}

.main-section4__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid #222;
  border-radius: 50%;
  background: #fff;
  color: #111;
  cursor: pointer;
  transition:
    border-color 0.2s,
    color 0.2s;
}

.main-section4__arrow:hover {
  border-color: #0066cc;
  color: #0066cc;
}

.main-section4__arrow svg {
  width: 20px;
  height: 20px;
}

.main-section4__label {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -0.32px;
  color: #003974;
}

.main-section4__name {
  margin: 0 120px 20px 0;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.36;
  letter-spacing: -0.84px;
  color: #222;
}

.main-section4__name strong {
  font-weight: 600;
}

.main-section4__divider {
  width: 100%;
  height: 1px;
  margin-bottom: 24px;
  background: #e5e5e5;
}

.main-section4__quote {
  margin: 0 0 32px;
  font-family: AritaBuriKR;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: -0.4px;
  color: #222;
}

.main-section4__tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}

.main-section4__tab {
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #999;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.main-section4__tab:hover {
  background: #00abdf;
  color: #fff;
}

.main-section4__tab--active {
  background: #00abdf;
  color: #fff;
}

.main-section4__panel {
  display: none;
  margin-bottom: 42px;
}

.main-section4__panel--active {
  display: block;
}

.main-section4__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-section4__list li {
  position: relative;
  padding-left: 14px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.36px;
  text-align: left;
  color: #666;
}

.main-section4__list li::before {
  content: "";
  position: absolute;
  top: 0.85em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #0066cc;
}

.main-section4__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  border: 1px solid #111;
  border-radius: 999px;
  transition:
    background 0.2s,
    color 0.2s;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.36;
  letter-spacing: -0.36px;
  color: #222;
}

.main-section4__cta:hover {
  background: #111;
  color: #fff;
}

.main-section4__cta svg {
  width: 20px;
  height: 20px;
}

/* 섹션5 - 치료환경 갤러리 슬라이더 */
.main-section5 {
  width: 100%;
  background: #f5f5f5;
  overflow: hidden;
  padding: 100px 0;
  height: 620px;
  position: relative;
}

.main-section5__wrap {
  width: 1530px;
  height: 420px;
  margin: 0 auto;
  position: relative;
}

.main-section5__inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 420px;
  gap: 48px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-section5__left {
  flex: 0 0 480px;
  padding-left: max(40px, calc((100% - var(--max-width)) / 2 + 40px));
  box-sizing: content-box;
}

.main-section5__right {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.main-section5__label {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -0.32px;
  color: #003974;
}

.main-section5__title {
  margin: 0 0 24px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.32;
  color: #111;
  letter-spacing: -0.84px;
}

.main-section5__desc {
  margin: 0 0 52px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  color: #666;
}

.main-section5__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 48px;
  padding: 12px 28px;
  border: 1px solid #111;
  border-radius: 999px;
  transition:
    background 0.2s,
    color 0.2s;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.36;
  letter-spacing: -0.36px;
  color: #222;
}

.main-section5__cta:hover {
  background: #111;
  color: #fff;
}

.main-section5__cta svg {
  width: 20px;
  height: 20px;
}

.main-section5__progress {
  width: 120px;
  height: 3px;
  background: #ddd;
  border-radius: 2px;
  overflow: hidden;
}

.main-section5__progress-bar {
  width: 0;
  height: 100%;
  background: #00abdf;
  border-radius: 2px;
  transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-section5-gallery-slider {
  width: 100%;
  height: 420px;
  overflow: hidden;
}

.main-section5-gallery-slider .slick-list {
  overflow: hidden;
}

.main-section5-gallery-slider .slick-track {
  display: flex;
  align-items: flex-end;
}

.main-section5-gallery-slider__slide {
  position: relative;
  z-index: 1;
  display: flex !important;
  justify-content: start;
  width: 310px;
  height: 420px;
  box-sizing: border-box;
  padding-right: 20px;
  overflow: hidden;
}

.main-section5-gallery-slider__slide--active {
  width: 620px;
  z-index: 2;
  overflow: visible;
}

.main-section5__img {
  flex: 0 0 auto;
  width: 600px;
  height: 420px;
  border-radius: 12px;
  background: #d8d8d8 no-repeat center / cover;
  filter: blur(0);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.4833, 0.4762);
  transform-origin: bottom left;
  will-change: transform, filter, opacity;
  transition:
    transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    visibility 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-section5-gallery-slider__slide--next .main-section5__img,
.main-section5-gallery-slider__slide--next2 .main-section5__img {
  opacity: 1;
  visibility: visible;
  transform-origin: bottom left;
}

.main-section5-gallery-slider__slide--outgoing .main-section5__img {
  opacity: 1;
  visibility: visible;
  transform: scale(0.4833, 0.4762);
  transform-origin: bottom left;
}

.main-section5-gallery-slider__slide--outgoing.main-section5-gallery-slider__slide--active
  .main-section5__img {
  transform: scale(1);
}

.main-section5-gallery-slider__slide--active .main-section5__img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transform-origin: bottom left;
}

.main-section5-gallery-slider--normalizing .main-section5__img {
  transition: none !important;
}

.main-section5__img--1 {
  background-image: url("/img/main/section5_1.png");
}

.main-section5__img--2 {
  background-image: url("/img/main/section5_1.png");
}

.main-section5__img--3 {
  background-image: url("/img/main/section5_1.png");
}

.main-section5__img--4 {
  background-image: url("/img/main/section5_1.png");
}

.main-section5__img--5 {
  background-image: url("/img/main/section5_1.png");
}

.main-section5__img--6 {
  background-image: url("/img/main/section5_1.png");
}

/* 섹션6 - 오시는 길 */
.main-section6 {
  background: #fff;
  margin-bottom: 160px;
}

.root_daum_roughmap .cont {
  display: none !important;
}

.main-section6__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 1530px;
  height: 512px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
  gap: 48px;
}

.main-section6__left {
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.main-section6__right {
  flex: 0 0 755px;
  width: 755px;
  max-width: 100%;
}

.main-section6__label {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -0.32px;
  color: #003974;
}

.main-section6__title {
  margin: 0 0 24px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.35;
  color: #111;
  letter-spacing: -0.84px;
  white-space: pre-line;
}

.main-section6__desc {
  margin: 0 0 40px;
  white-space: pre-line;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  color: #666;
}

.main-section6__hours {
  margin: 0 0 12px;
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 445px;
}

.main-section6__hours-row {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.main-section6__hours-row:last-child {
  margin-bottom: 0;
}

.main-section6__hours-row dt,
.main-section6__hours-row dd {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.36px;
  color: #222;
}

.main-section6__hours-row dt {
  flex: 0 0 100px;
  font-weight: 600;
  color: #111;
  width: 100px;
  position: relative;
}

.main-section6__hours-row dt::after {
  content: "|";
  font-weight: 400;
  color: #ddd;
  position: absolute;
  right: 16px;
}

.main-section6__notes {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-section6__notes li {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.52;
  letter-spacing: -0.36px;
  color: #999;
}

.main-section6__map {
  width: 755px;
  height: 420px;
  border-radius: 12px;
  background: #e8e8e8;
}

.root_daum_roughmap {
  width: 100% !important;
  height: 100%;
}

.main-section6__contact {
  margin-top: 20px;
}

.main-section6__contact-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}

.main-section6__contact-row:last-child {
  margin-bottom: 0;
}

.main-section6__contact-label {
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: left;
  color: #222;
  width: 105px;
  position: relative;
}

.main-section6__contact-label::after {
  content: "|";
  font-weight: 400;
  color: #ddd;
  position: absolute;
  right: 16px;
}

.main-section6__contact-value {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: -0.4px;
  color: #222;
}

/* 진료 안내/위치 */
.location-section {
  padding: 72px 0 140px;
  background: #fff;
}

.location-section__inner {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
}

.location-block__title {
  margin: 0 0 26px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: left;
  color: #222;
}

.location-hours__table {
  margin: 0;
  border-top: 1px solid #222;
}

.location-hours__row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  min-height: 78px;
  border-bottom: 1px solid #e8e8e8;
}

.location-hours__row dt,
.location-hours__row dd {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 20px 32px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: -0.4px;
  color: #222;
}

.location-hours__row dt {
  justify-content: center;
  font-weight: 600;
  background: #fafafa;
}

.location-hours__row dd {
  font-weight: 400;
}

.location-hours__row .location-hours__closed {
  color: #d60000;
}

.location-directions {
  margin-top: 120px;
}

.location-directions__address {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 0 0 22px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: -0.4px;
  color: #222;
}

.location-directions__address strong {
  font-weight: 700;
  position: relative;
  width: 50px;
}

.location-directions__address strong::after {
  content: "|";
  font-weight: 400;
  color: #ddd;
  position: absolute;
  right: -7px;
}

.location-map {
  width: 1220px;
  height: 520px;
  overflow: hidden;
  border-radius: 12px;
}

.location-map-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.location-map-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 25px;
  border: 1px solid #222;
  border-radius: 26px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.36;
  letter-spacing: -0.36px;
  text-align: left;
  color: #222;
}

.location-map-link img {
  width: 24px;
  object-fit: contain;
  margin-right: 8px;
}

/* 3D CT 비교 */
.ct-comparison-section {
  padding: 60px 0 140px;
  background: #fff;
}

.ct-comparison__inner {
  display: grid;
  grid-template-columns: repeat(2, 600px);
  gap: 20px;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
}

.ct-comparison-card {
  width: 600px;
  overflow: hidden;
  border-radius: 12px;
  background: #fafafa;
}

.ct-comparison-card__image {
  width: 600px;
  height: 404px;
  background: #222;
}

.ct-comparison-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  padding: 24px 30px;
  text-align: center;
  color: #666;
  background: #fafafa;
}

.ct-comparison-card__content h2 {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.48px;
  text-align: center;
  color: #666;
}

.ct-comparison-card__content p {
  margin: 0;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.52;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
}

.ct-comparison-card--active .ct-comparison-card__content {
  color: #fff;
  background: #003974;
}

.ct-comparison-card--active .ct-comparison-card__content h2 {
  color: #fff;
}

.ct-comparison-card--active .ct-comparison-card__content p {
  color: #fff;
}

.computer_3d-section {
  padding: 60px 0 140px;
  background: #fff;
}

.minimal_incision-section {
  padding: 60px 0 140px;
  background: #fff;
}

/* 디지털 임플란트 */
.digital_implant-section {
  padding: 60px 40px 140px;
  background: #fff;
}

.digital-implant__inner {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
}

.digital-implant__hero {
  width: 100%;
  height: 520px;
  overflow: hidden;
  border-radius: 12px;
  background: #222;
}

.digital-implant__cards {
  display: grid;
  grid-template-columns: repeat(3, 396px);
  gap: 16px;
  margin-top: 16px;
}

.digital-implant-card {
  width: 396px;
  overflow: hidden;
  margin: 0;
  border-radius: 12px;
  background: #222;
}

.digital-implant-card__image {
  width: 396px;
  height: 320px;
  background: #222;
}

.digital-implant-card__caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 16px 20px;
  text-align: center;
  color: #fff;
  background: #004987;
}

.digital-implant-card__caption p,
.digital-implant-card__caption strong {
  margin: 0;
  font-size: 20px;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: center;
  color: #fff;
}

.digital-implant-card__caption p {
  font-weight: 200;
}

.digital-implant-card__caption strong {
  font-weight: 600;
}

/* 의료진 소개 */
.doctors-section {
  padding: 100px 40px 140px;
  background: #fff;
}

.doctors-section__inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.doctor-profile {
  display: grid;
  grid-template-columns: 520px minmax(0, 1fr);
  align-items: start;
  gap: 100px;
}

.doctor-profile + .doctor-profile {
  margin-top: 120px;
}

.doctor-profile__image {
  width: 520px;
  height: 640px;
  overflow: hidden;
  border-radius: 12px;
}

.doctor-profile__content {
  padding-top: 16px;
}

.doctor-profile__label {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -0.32px;
  color: #003974;
}

.doctor-profile__name {
  margin: 0;
  padding-bottom: 19px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.36;
  letter-spacing: -0.84px;
  text-align: left;
  color: #222;
}

.doctor-profile__name strong {
  font-weight: 600;
}

.doctor-profile__message {
  margin: 24px 0 32px;
  font-family: AritaBuriKR;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.4px;
  color: #222;
}

.doctor-profile__tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}

.doctor-profile__tab {
  padding: 11px 24px;
  border: none;
  border-radius: 999px;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #999;
  letter-spacing: -0.04em;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.doctor-profile__tab:hover {
  font-weight: 700;
  color: #fff;
  background: #08add9;
}

.doctor-profile__tab--active {
  font-weight: 700;
  color: #fff;
  background: #08add9;
}

.doctor-profile__panel {
  display: none;
}

.doctor-profile__panel--active {
  display: block;
}

.doctor-profile__career {
  margin: 0;
  padding: 0;
  list-style: none;
}

.doctor-profile__career li {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.36px;
  color: #666;
}

/* 치과 둘러보기 */
.fast_procedure-section {
  position: relative;
}

.fast-procedure-slider {
  width: 100%;
}

.fast-procedure-slide {
  display: flex !important;
  gap: 72px;
}

.fast-procedure-slide__image-wrap {
  flex: 0 0 600px;
  width: 600px;
  height: 404px;
  overflow: hidden;
  border-radius: 12px;
}

.fast-procedure-slide__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fast-procedure-slide__content {
  flex: 1;
  min-width: 0;
  padding-top: 60px;
}

.fast-procedure-slide__number {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.4px;
  text-align: left;
  color: #00abdf;
}

.fast-procedure-slide__title {
  margin: 0 0 12px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.64px;
  color: #222;
}

.fast-procedure-slide__description {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.36px;
  color: #666;
}

.fast-procedure-slider__controls {
  position: absolute;
  left: 672px;
  bottom: 186px;
  z-index: 5;
  display: flex;
  gap: 12px;
}

.fast-procedure-slider__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  color: #222;
  background: #fff;
  border: 1px solid #222;
  border-radius: 50%;
  cursor: pointer;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.fast-procedure-slider__arrow:hover {
  color: #fff;
  background: #222;
}

.fast-procedure-slider__arrow span {
  display: block;
  margin-top: -3px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
}

/* 치과 둘러보기 */
.gallery-section {
  padding: 72px 0 140px;
  overflow: hidden;
  background: #fff;
}

.gallery-slider-wrap {
  position: relative;
}

.gallery-slider {
  width: 100%;
}

.gallery-slider .slick-list {
  overflow: visible;
}

.gallery-slider .slick-track {
  display: flex;
  align-items: center;
}

.gallery-slider__slide {
  width: 910px;
  margin: 0 85px;
  opacity: 1;
  transition: opacity 0.4s ease;
}

.gallery-slider__image {
  display: block;
  width: 910px;
  height: 620px;
  object-fit: cover;
  border-radius: 12px;
}

.gallery-slider__arrow {
  position: absolute;
  top: 310px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  color: #222;
  background: #fff;
  border: 1px solid #222;
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    color 0.2s ease,
    background-color 0.2s ease;
}

.gallery-slider-wrap.is-sliding .gallery-slider__arrow {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.gallery-slider__arrow:hover {
  color: #fff;
  background: #222;
}

.gallery-slider__arrow span {
  display: block;
  margin-top: -3px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
}

.gallery-slider__arrow--prev {
  left: calc(50% - 550px);
}

.gallery-slider__arrow--next {
  right: calc(50% - 550px);
}

.gallery-slider__progress {
  position: relative;
  width: 910px;
  height: 4px;
  margin: 52px auto 0;
  overflow: hidden;
  background: #eee;
}

.gallery-slider__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% / 6);
  height: 100%;
  background: #08add9;
  transition:
    width 0.5s ease,
    transform 0.5s ease;
}

/* 배너 애니메이션 */
.computer_implant-section {
  display: block;
}
.computer-implant {
  overflow: hidden;
  border-radius: 12px;
  margin: 72px auto 0;
  display: block;
  width: 1220px;
  height: 520px;
}
.computer-implant-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.computer-implant-image[data-aos="reveal-effect"] {
  filter: blur(10px) brightness(0.5);
  transform: scale(1.1);
}

.computer-implant-image[data-aos="reveal-effect"].aos-animate {
  filter: blur(0) brightness(1);
  transform: scale(1);
  transition:
    filter 1.5s ease-out,
    transform 1.5s ease-out;
}

/* 컴퓨터분석 임플란트 */
.computer-implant-benefits {
  width: 100%;
  margin-top: 160px;
  padding: 100px 0;
  overflow: hidden;
  background-color: #f9f9f9;
}

.computer-implant-benefits__slider {
  margin-top: 72px;
}

.computer-implant-benefits__slider .slick-list {
  overflow: visible;
}

.computer-implant-benefits__slider .slick-track {
  display: flex;
}

.computer-implant-benefits__slide {
  width: 460px;
  margin: 0 36px;
}

.computer-implant-benefits__card {
  width: 460px;
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
}

.computer-implant-benefits__image {
  display: block;
  width: 460px;
  height: 320px;
  object-fit: cover;
  background: #222;
}

.computer-implant-benefits__content {
  min-height: 220px;
  padding-top: 32px;
  text-align: center;
  box-sizing: border-box;
}

.computer-implant-benefits__title {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: -0.48px;
  text-align: center;
  color: #003974;
}

.computer-implant-benefits__line {
  display: block;
  width: 32px;
  height: 1px;
  margin: 19px auto 20px;
  background: #e5e5e5;
}

.computer-implant-benefits__description {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.32px;
  text-align: center;
  color: #666;
  white-space: pre-line;
}

.implant-accuracy {
  display: flex;
  width: 1220px;
  height: 420px;
  margin: 160px auto 140px;
  overflow: hidden;
  background: #f8f8f8;
  border-radius: 12px;
}

.implant-accuracy__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding-left: 80px;
  box-sizing: border-box;
}

.implant-accuracy__title {
  margin: 0 0 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.64px;
  text-align: left;
  color: #222;
  white-space: pre-line;
}

.implant-accuracy__title strong {
  color: #00abdf;
  font-weight: 600;
}

.implant-accuracy__description {
  margin: 0;
  white-space: pre-line;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  color: #666;
}

.implant-accuracy__image-wrap {
  flex: 0 0 620px;
  width: 620px;
  height: 420px;
  overflow: hidden;
}

.implant-accuracy__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.implant-comparison__intro {
  padding: 0 36px;
  text-align: center;
}

.gum-treatment-about {
  margin-top: 160px;
  background: #f8f8f8;
}

.gum-treatment-about__wrap {
  display: flex;
  align-items: center;
  width: 1220px;
  padding: 100px 0;
  margin: 0 auto;
  box-sizing: border-box;
  background: #f8f8f8;
  border-radius: 12px;
}

.gum-treatment-about__content {
  flex: 1;
  min-width: 0;
  padding-right: 40px;
  box-sizing: border-box;
}

.gum-treatment-about__logo {
  display: block;
  width: 38px;
  height: auto;
}

.gum-treatment-about__title {
  margin: 22px 0 32px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: left;
  color: #222;
}

.gum-treatment-about__subtitle {
  margin: 0 0 22px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.4px;
  color: #222;
  white-space: pre-line;
}

.gum-treatment-about__subtitle strong {
  color: #00abdf;
}

.gum-treatment-about__description {
  margin: 0;
  white-space: pre-line;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  color: #666;
}

.gum-treatment-about__image-wrap {
  flex: 0 0 465px;
  width: 465px;
  height: 472px;
  border-radius: 12px;
}

.gum-treatment-about__image {
  display: block;
  width: 100%;
  height: auto;
}

.implant-recommend {
  width: 100%;
  margin: 160px auto 0;
}

.implant-recommend2 {
  padding: 100px 0;
  background-color: #f9f9f9;
}

.implant-recommend__wrap {
  display: flex;
  justify-content: space-between;
  width: 1220px;
  margin: 0 auto;
}
.implant-recommend__intro {
  flex: 1;
  padding-top: 3px;
}

.implant-recommend__title {
  margin: 0 0 24px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  color: #222;
  white-space: pre-line;
}

.implant-recommend__description {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  color: #666;
}

.implant-recommend__list {
  display: flex;
  flex: 0 0 600px;
  flex-direction: column;
  gap: 20px;
  width: 600px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.implant-recommend__list li {
  display: flex;
  align-items: center;
  width: 600px;
  height: 66px;
  padding: 0 32px;
  background: #f4fbfe;
  border-radius: 999px;
  box-sizing: border-box;
}

.implant-recommend__list span {
  flex: 0 0 63px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.4px;
  text-align: left;
  color: #00abdf;
}

.implant-recommend__list p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: -0.36px;
  color: #222;
}

.implant-slide2 {
  overflow: hidden;
  margin-top: 160px;
  position: relative;
}

.implant-slide2__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 1220px;
  margin: 0 auto 48px;
}

.implant-slide2__title {
  margin: 0;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  color: #222;
  white-space: pre-line;
}

.implant-slide2__controls {
  display: flex;
  gap: 12px;
  padding-top: 57px;
}

.implant-slide2__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  color: #222;
  background: #fff;
  border: 1px solid #222;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    color 0.2s ease,
    background-color 0.2s ease;
}

.implant-slide2.is-sliding .implant-slide2__arrow {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.implant-slide2__arrow:hover {
  color: #fff;
  background: #222;
}

.implant-slide2__arrow span {
  display: block;
  margin-top: -3px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
}

.implant-slide2__slider-wrap {
  width: 100%;
}

.implant-slide2__slider-inner {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  position: relative;
}
.implant-slide2__slider-data {
  position: absolute;
  top: 0;
  left: calc(50% - 610px);
  width: calc(50% + 610px);
  height: 100%;
  overflow: hidden;
}

.implant-slide2__slider .slick-list {
  overflow: visible;
}

.implant-slide2__slider .slick-track {
  display: flex;
}

.implant-slide2__slide {
  display: flex !important;
  gap: 60px;
  width: 1100px;
  margin-right: 48px;
}

.implant-slide2__image-wrap {
  flex: 0 0 445px;
  width: 445px;
  height: 300px;
  overflow: hidden;
  border-radius: 12px;
}

.implant-slide2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.implant-slide2__content {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
  padding-right: 80px;
}

.implant-slide2__number {
  display: block;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.4px;
  color: #00abdf;
}

.implant-slide2__title-item {
  margin: 0 0 12px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.64px;
  color: #222;
}

.implant-slide2__description {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  color: #666;
  white-space: pre-line;
}

.bone_implant-section {
  display: block;
}

.bone-graft-materials {
  width: 1220px;
  margin: 160px auto 140px;
}

.bone-graft-materials__title {
  margin: 0 0 31px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  color: #222;
}

.bone-graft-materials__table {
  width: 1220px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 16px;
  color: #333;
  border-top: 2px solid #222;
}

.bone-graft-materials__table th,
.bone-graft-materials__table td {
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  box-sizing: border-box;
}

.bone-graft-materials__table th {
  width: 244px;
  background: #f9f9f9;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
}

.bone-graft-materials__table td {
  background: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: left;
  color: #222;
  padding: 24px 0 24px 32px;
}

.bone-graft-materials__cell-split {
  display: flex;
  flex-direction: column;
}

.bone-graft-materials__cell-heading {
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: left;
  color: #222;
}

.bone-graft-materials__cell-split .bone-graft-materials__list {
  padding-top: 20px;
}

.bone-graft-materials__list {
  margin: 0;
  list-style: none;
}

.bone-graft-materials__list li {
  position: relative;
  padding-left: 12px;
  color: #555;
}

.bone-graft-materials__list li::before {
  content: "";
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #555;
}

.bone-graft-materials__list li + li {
  margin-top: 4px;
}

.banner-implant-section {
  margin: 0 auto;
  display: block;
  width: 1220px;
  background: #000;
}
.banner-implant-section__image {
  overflow: hidden;
  border-radius: 12px;
  width: 1220px;
  height: 520px;
  object-fit: cover;
}

.banner-implant-section__content {
  padding-top: 52px;
  background: #fff;
}

.banner-implant-section__content p {
  margin: 0;
  white-space: pre-line;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.4px;
  text-align: center;
  color: #666;
}

.banner-implant-section__content p em {
  margin-bottom: 20px;
  font-style: normal;
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: -0.48px;
  text-align: center;
  color: #222;
}

.implant-benefits {
  width: 100%;
  margin-top: 160px;
  overflow: hidden;
}

.implant-benefits__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1530px;
  height: 652px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
  gap: 48px;
}

.implant-benefits__left {
  flex: 0 0 42%;
  height: 100%;
  overflow: hidden;
}

.implant-benefits__right {
  flex: 1;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}

.implant-benefits-text-slider {
  width: 100%;
  height: 100%;
}

.implant-benefits-image-slider {
  width: 820px;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  margin-left: auto;
}

.implant-benefits-image-slider .slick-list {
  overflow: visible;
}

.implant-benefits-image-slider .slick-track {
  display: flex;
  align-items: flex-end;
}

.implant-benefits-image-slider__slide {
  width: 620px;
  box-sizing: border-box;
  padding-right: 20px;
}

.implant-benefits__img-card {
  width: 600px;
  height: 600px;
  border-radius: 20px;
  background: #e5e5e5 no-repeat center / cover;
  transform: translateY(52px);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.implant-benefits-image-slider
  .implant-benefits-image-slider__slide--active
  .implant-benefits__img-card {
  transform: translateY(0);
}

.implant-benefits-text-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.implant-benefits__icon {
  display: block;
  width: 25px;
  height: auto;
  margin: 0 0 20px;
}

.implant-benefits__title {
  margin: 0 0 32px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  color: #111;
  letter-spacing: -0.64px;
}

.implant-benefits__desc p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #666;
  letter-spacing: -0.64px;
}

.implant-benefits__desc p:last-child {
  margin-bottom: 0;
}

.implant-quote {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 396px;
  margin-top: 160px;
}

.implant-quote__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.implant-quote__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}

.implant-quote__mark {
  height: 30px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  font-size: 69px;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 0.3);
}

.implant-quote__text {
  margin: 15px 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.32;
  color: #fff;
  letter-spacing: -0.64px;
  white-space: pre-line;
}

.upper-implant-process {
  width: 1220px;
  margin: 160px auto 160px;
}

.upper-implant-process__title {
  margin: 0 0 52px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: left;
  color: #222;
}

.upper-implant-process__list {
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.upper-implant-process__item {
  width: 290px;
  text-align: center;
}

.upper-implant-process__image {
  display: block;
  width: 290px;
  height: 195px;
  object-fit: cover;
  border-radius: 12px;
}

.upper-implant-process__item p {
  margin: 20px 0 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
  white-space: pre-line;
}

.upper-implant-process__item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #00abdf;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: -0.32px;
  text-align: center;
  color: #fff;
}

.implant-comparison {
  margin-top: 160px;
}

.implant-comparison__content {
  width: 1220px;
  margin: 0 auto;
}

.implant-comparison__icon {
  display: block;
  width: 38px;
  height: auto;
  margin: 0 auto;
}

.implant-comparison__title {
  margin-top: 22px;
  white-space: pre-line;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: center;
  color: #222;
}

.implant-comparison__description {
  margin: 32px 0 0;
  white-space: pre-line;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  text-align: center;
  color: #222;
}

.implant-comparison__description strong {
  font-weight: 600;
  color: #00abdf;
}

.implant-comparison__emphasis {
  margin-top: 36px;
  white-space: pre-line;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
}

.implant-comparison__emphasis strong {
  color: #00abdf;
  font-weight: 600;
}

.implant-comparison__table {
  width: 100%;
  max-width: 1220px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 16px;
  color: #333;
  margin: 72px auto 0;
}

.implant-comparison__table th,
.implant-comparison__table td {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

.implant-comparison__table tr > :first-child {
  width: 13.11%;
}

.implant-comparison__table tr > :not(:first-child) {
  width: 43.44%;
}

.implant-comparison__table thead th {
  height: 78px;
  background: #999;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: -0.48px;
  text-align: center;
  color: #fff;
}

.implant-comparison__table thead th:first-child {
  color: #222;
  background: #f9f9f9;
}

.implant-comparison__table thead .implant-comparison__recommended {
  background: #00abdf;
}

.implant-comparison__table tbody th {
  height: 78px;
  background: #f9f9f9;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
}

.implant-comparison__table tbody td {
  height: 78px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
}

.implant-comparison__images th,
.implant-comparison__images td {
  height: 300px !important;
}

.implant-comparison__images img {
  display: block;
  width: 100%;
  max-width: 530px;
  height: 300px;
  margin: 0 auto;
  object-fit: contain;
}

.implant-comparison__blocks {
  display: none;
}

.extraction-treatment {
  background-color: #f9f9f9;
  padding: 100px 0;
}

.extraction-treatment2 {
  background-color: #fff;
  padding: 0 !important;
}

.extraction-treatment2 .implant-comparison__title {
  padding: 0 36px;
}

.extraction-treatment .implant-comparison__emphasis {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.36px;
  color: #666;
}

.extraction-treatment .implant-comparison__emphasis em {
  font-weight: 700;
  font-style: normal;
}

.extraction-treatment2 .implant-comparison__description strong {
  color: #222;
}

.extraction-treatment2 .implant-comparison__description strong em {
  color: #00abdf;
  font-weight: 700;
  font-style: normal;
}

.insurance-info__table {
  width: 910px;
  margin: 72px auto 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 16px;
  color: #333;
}

.insurance-info__table th,
.insurance-info__table td {
  box-sizing: border-box;
  vertical-align: middle;
}

.insurance-info__table thead th {
  height: 76px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: -0.4px;
  color: #fff;
}

.insurance-info__table thead th:first-child {
  width: 200px;
  background: #222;
}

.insurance-info__table thead th:last-child {
  background: #00abdf;
}

.insurance-info__table tbody th,
.insurance-info__table tbody td {
  border-bottom: 1px solid #eee;
}

.insurance-info__table tbody th {
  width: 200px;
  height: 108px;
  text-align: center;
  background: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: -0.4px;
  color: #222;
}

.insurance-info__table tbody td {
  padding-left: 32px;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
  letter-spacing: -0.035em;
  background: #fff;
}

.insurance-info__table tbody td ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 24px 0;
}

.insurance-info__table tbody td li {
  position: relative;
  padding-left: 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: left;
  color: #222;
}

.insurance-info__table tbody td li::before {
  content: "";
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333;
}

.insurance-info__table tbody td li + li {
  margin-top: 4px;
}
.insurance-info__table tbody td li strong {
  color: #00abdf;
}

.implant__cards {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 60px;
}

.implant__card {
  width: 600px;
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
}

.implant__card h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  margin: 0;
  background: #666;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: -0.48px;
  text-align: center;
  color: #fff;
}

.implant__card p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: left;
  color: #666;
}

.implant__card span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 110px;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #666;
  text-align: center;
  letter-spacing: -0.035em;
  white-space: pre-line;
  padding: 40px 0;
}

.implant__card--immediate h3 {
  background: #00abdf;
}

.implant__card--immediate p {
  color: #00abdf;
}

.cavity-stages {
  display: grid;
  grid-template-columns: repeat(2, 600px);
  gap: 20px;
  justify-content: center;
  margin-top: 60px;
}

.cavity-stages__card {
  display: flex;
  align-items: center;
  width: 600px;
  height: 270px;
  overflow: hidden;
  background: #f5f6f7;
  border-radius: 16px;
}

.cavity-stages__image {
  flex: none;
  width: 240px;
  height: 270px;
  object-fit: cover;
}

.cavity-stages__body {
  padding: 0 20px 0 36px;
}

.cavity-stages__num {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.32;
  letter-spacing: -0.4px;
  color: #00abdf;
}

.cavity-stages__title {
  margin: 16px 0 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.48px;
  text-align: left;
  color: #222;
}

.cavity-stages__desc {
  margin: 0;
  font-weight: 400;
  letter-spacing: -0.035em;
  white-space: pre-line;
  font-size: 18px;
  line-height: 1.52;
  letter-spacing: -0.36px;
  color: #666;
  word-break: keep-all;
}

.cavity-stages__note {
  font-weight: 700;
}

@media (max-width: 700px) {
  .cavity-stages {
    display: block;
    margin-top: 60px;
  }

  .cavity-stages .slick-list {
    padding: 0 20px;
  }

  .cavity-stages .slick-track {
    display: flex;
  }

  .cavity-stages .slick-slide {
    margin-right: 20px;
  }

  .cavity-stages .slick-slide:last-child {
    margin-right: 0;
  }

  .cavity-stages__card {
    width: 574px;
    height: auto;
    flex-direction: column;
    align-items: stretch;
  }

  .cavity-stages__image {
    width: 574px;
    height: 645px;
    object-fit: cover;
  }

  .cavity-stages__body {
    padding: 24px 24px 28px;
  }
}

.extraction-advantages {
  width: 1220px;
  margin: 120px auto;
}

.extraction-advantages__header {
  text-align: center;
  padding-bottom: 42px;
  border-bottom: 1px solid #222;
}

.extraction-advantages__icon {
  display: block;
  width: 38px;
  height: auto;
  margin: 0 auto;
}

.extraction-advantages__title {
  margin: 22px auto 0;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: center;
  color: #222;
}

.extraction-advantages__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 16px;
  color: #333;
}

.extraction-advantages__table th,
.extraction-advantages__table td {
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  box-sizing: border-box;
}

.extraction-advantages__table th {
  width: 240px;
  min-height: 78px;
  text-align: center;
  background: #f7f7f7;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: -0.4px;
  color: #222;
}

.extraction-advantages__table td {
  padding: 24px 0 24px 32px;
  background: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: left;
  color: #222;
}

.extraction-advantages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.extraction-advantages__list li {
  position: relative;
  padding-left: 16px;
  color: #555;
}

.extraction-advantages__list li + li {
  margin-top: 10px;
}

.extraction-advantages__list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #555;
}

.insurance-faq {
  width: 1220px;
  margin: 140px auto;
}

.insurance-faq__header {
  margin-bottom: 71px;
  text-align: center;
}

.insurance-faq__icon {
  display: block;
  width: 38px;
  height: auto;
  margin: 0 auto;
}

.insurance-faq__title {
  margin: 22px auto 0;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: center;
  color: #222;
}

.insurance-faq__list {
  border-top: 1px solid #777;
}

.insurance-faq__item h3 {
  margin: 0;
}

.insurance-faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 96px;
  padding: 0 20px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  color: #222;
  background: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: left;
  color: #222;
}

.insurance-faq__question i {
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  margin-left: 24px;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  transform: rotate(225deg);
  transition: transform 0.25s ease;
}

.insurance-faq__question[aria-expanded="false"] i {
  transform: rotate(45deg);
}

.insurance-faq__answer {
  display: flex;
  align-items: center;
  min-height: 110px;
  padding: 28px 20px;
  border-bottom: 1px solid #ddd;
  background: #f9f9f9;
  box-sizing: border-box;
}

.insurance-faq__answer[hidden] {
  display: none;
}

.insurance-faq__answer p {
  margin: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: left;
  color: #666;
}

.canal-treatment-targets {
  margin-top: 160px;
  padding: 100px 0;
  background-color: #f9f9f9;
}

.canal-treatment-targets__wrap {
  width: 910px;
  margin: 0 auto;
}

.canal-treatment-targets__header {
  margin-bottom: 32px;
  text-align: center;
}

.canal-treatment-targets__logo {
  display: block;
  width: 38px;
  height: auto;
  margin: 0 auto;
}

.canal-treatment-targets__heading {
  margin: 22px auto 0;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: center;
  color: #222;
}

.canal-treatment-targets__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.canal-treatment-targets__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 910px;
  min-height: 240px;
  padding: 32px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}

.canal-treatment-targets__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: #00abdf;
  border-radius: 50%;
}

.canal-treatment-targets__icon img {
  display: block;
  width: 32px;
  height: 32px;
}

.canal-treatment-targets__card h3 {
  margin: 20px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.48px;
  text-align: center;
  color: #222;
}

.canal-treatment-targets__card p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
  white-space: pre-line;
}

.canal-treatment-targets__card--crack .canal-treatment-targets__icon {
  background: #ffad3b;
}

.canal-treatment-targets__card--cavity .canal-treatment-targets__icon {
  background: #95b45b;
}

.canal-treatment-targets__card--prosthetic .canal-treatment-targets__icon {
  background: #004987;
}

.dental-scaling-process {
  margin-top: 160px;
  padding: 100px 0;
  background-color: #f9f9f9;
}

.dental-scaling-process__wrap {
  width: 1104px;
  margin: 0 auto;
}

.dental-scaling-process__header {
  margin-bottom: 60px;
  text-align: center;
}

.dental-scaling-process__logo {
  display: block;
  width: 38px;
  margin: 0 auto;
}

.dental-scaling-process__heading {
  margin: 20px 0 32px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: center;
  color: #222;
}

.dental-scaling-process__description {
  white-space: pre-line;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
}

.dental-scaling-process__list {
  display: flex;
  justify-content: center;
  gap: 72px;
  margin-top: 52px;
}

.dental-scaling-process__item {
  flex: none;
  width: 320px;
}

.dental-scaling-process__card {
  position: relative;
  width: 320px;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.dental-scaling-process__badge {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #00abdf;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  letter-spacing: -0.02em;
}

.dental-scaling-process__image {
  display: block;
  width: 320px;
  height: 240px;
  object-fit: cover;
}

.dental-scaling-process__image2 {
  width: 320px;
  height: 348px;
  object-fit: cover;
}

.dental-scaling-process__caption {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
}

.dental-scaling-cycle {
  margin-top: 160px;
}

.dental-scaling-cycle__wrap {
  width: 1104px;
  margin: 0 auto;
}

.dental-scaling-cycle__header,
.dental-scaling-cycle__footer {
  text-align: center;
}

.dental-scaling-cycle__logo {
  display: block;
  width: 38px;
  height: auto;
  margin: 0 auto;
}

.dental-scaling-cycle__heading {
  margin: 20px 0 32px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: center;
  color: #222;
}

.dental-scaling-cycle__description {
  white-space: pre-line;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
}

.dental-scaling-cycle__circles {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 67px;
  margin: 52px 0;
}

.dental-scaling-cycle__circles::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 307px;
  border-top: 1px dashed #ddd;
  transform: translate(-50%, -50%);
}

.dental-scaling-cycle__circle {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  text-align: center;
}

.dental-scaling-cycle__circle--age {
  background: #00aeef;
}

.dental-scaling-cycle__circle--frequency {
  background: #ffb040;
}

.dental-scaling-cycle__icon {
  display: block;
  width: 32px;
  margin-bottom: 8px;
  object-fit: contain;
}

.dental-scaling-cycle__label {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: -0.48px;
  text-align: center;
  color: #fff;
}

.dental-scaling-cycle__subheading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
}

.dental-scaling-cycle__note {
  margin-top: 12px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
  white-space: pre-line;
}

.wisdom-tooth-problems {
  padding: 100px 0;
  margin-top: 160px;
  background-color: #f9f9f9;
}

.wisdom-tooth-problems__wrap {
  width: 910px;
  margin: 0 auto;
}

.wisdom-tooth-problems__header {
  margin-bottom: 52px;
  text-align: center;
}

.wisdom-tooth-problems__logo {
  display: block;
  width: 38px;
  height: auto;
  margin: 0 auto;
}

.wisdom-tooth-problems__heading {
  margin: 20px 0 32px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.84px;
  text-align: center;
  color: #222;
}

.wisdom-tooth-problems__subtitle {
  margin: 24px 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
}

.wisdom-tooth-problems__list {
  display: grid;
  grid-template-columns: repeat(2, 445px);
  gap: 20px;
}

.wisdom-tooth-problems__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 445px;
  height: 262px;
  padding: 28px 32px;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.wisdom-tooth-problems__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: #00abdf;
  border-radius: 50%;
}

.wisdom-tooth-problems__icon img {
  display: block;
  width: 32px;
  height: 32px;
}

.wisdom-tooth-problems__card h3 {
  margin: 20px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.48px;
  text-align: center;
  color: #222;
}

.wisdom-tooth-problems__card p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
}

.wisdom-tooth-problems__card--pregnancy .wisdom-tooth-problems__icon {
  background: #ffad3b;
}

.wisdom-tooth-problems__card--inflammation .wisdom-tooth-problems__icon {
  background: #95b45b;
}

.wisdom-tooth-problems__card--root .wisdom-tooth-problems__icon {
  background: #004987;
}

/* 푸터 */
.site-footer {
  width: 100%;
  background: #222;
  margin-top: 160px;
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  width: 1560px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
  padding: 52px 0 32px;
  box-sizing: border-box;
}

.site-footer__logo {
  margin-bottom: 20px;
  line-height: 0;
}

.site-footer__logo a {
  display: inline-block;
}

.site-footer__logo-img {
  display: block;
  width: 176px;
  height: 36px;
}

.site-footer__body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex: 1;
  min-height: 0;
  gap: 40px;
}

.site-footer__content {
  min-width: 0;
}

.site-footer__info {
  margin-bottom: 24px;
}

.site-footer__info-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 20px;
  margin: 0 0 6px;
}

.site-footer__info-row:last-child {
  margin-bottom: 0;
}

.site-footer__info-item {
  display: inline-flex;
  align-items: center;
}

.site-footer__info-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.32px;
  color: #666;
}

.site-footer__info-label::after {
  content: "|";
  margin: 0 8px;
  font-weight: 400;
  color: #555;
}

.site-footer__info-value {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.32px;
  color: #666;
}

.site-footer__copyright {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.32px;
  color: #666;
}

.site-footer__nav {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0;
}

.site-footer__nav a {
  transition: color 0.2s;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: -0.32px;
  color: #666;
}

.site-footer__nav a:not(:last-child)::after {
  content: "|";
  margin: 0 12px;
  font-weight: 400;
  color: #555;
}

.site-footer__nav-link--emphasis {
  color: #fff;
  font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
  .site-footer__nav a:hover {
    color: #fff;
    font-weight: 500;
  }
}

/* 우측 퀵 메뉴 */
.quick-menu {
  position: fixed;
  top: 65%;
  right: 24px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transform: translateY(-50%);
}

.quick-menu__capsule {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #00b4e2;
  border-radius: 36px;
  padding: 24px 0;
}

.quick-menu__item {
  display: block;
  opacity: 1;
  transition: opacity 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .quick-menu__item:hover {
    opacity: 0.4;
  }
}

.quick-menu__item img {
  display: block;
  width: 72px;
  height: auto;
}

.quick-menu__top {
  display: block;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  line-height: 0;
}

.quick-menu__top img {
  display: block;
  width: 88px;
  height: auto;
}

body.mobile-menu-open {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}

/* 터치 환경에서 sticky hover로 인한 링크/버튼 깜빡임 방지 */
@media (hover: none), (pointer: coarse) {
  .main-slider__arrow:hover,
  .main-section4__arrow:hover {
    opacity: 1;
    border-color: #e5e5e5;
    color: #111;
  }

  .main-section4__tab:hover:not(.main-section4__tab--active),
  .doctor-profile__tab:hover:not(.doctor-profile__tab--active) {
    background: transparent;
    color: #999;
    font-weight: 500;
  }

  .main-section4__cta:hover,
  .main-section5__cta:hover {
    background: transparent;
    color: #222;
  }

  .fast-procedure-slider__arrow:hover,
  .gallery-slider__arrow:hover,
  .implant-slide2__arrow:hover {
    color: #222;
    background: transparent;
  }

  .quick-menu__item:hover {
    opacity: 1;
  }

  .site-footer__nav a:hover:not(.site-footer__nav-link--emphasis) {
    color: #666;
  }

  .site-logo a:hover,
  .site-logo a:active {
    opacity: 1;
  }

  a {
    transition-duration: 0s;
  }
}

@media (min-width: 701px) and (max-width: 1440px) {
  .site-header__inner {
    justify-content: flex-start;
    gap: clamp(24px, 4vw, 72px);
    padding: 0 clamp(24px, 3vw, 40px);
  }

  .site-logo {
    flex: 0 0 auto;
  }

  .site-logo__img {
    width: clamp(145px, 14vw, 179px);
    height: auto;
  }

  .site-nav {
    position: static;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: auto;
    transform: none;
  }

  .site-nav__list {
    justify-content: flex-end;
  }

  .site-nav__list a {
    width: clamp(92px, 10.5vw, 148px);
    padding: 0 8px;
    font-size: clamp(14px, 1.25vw, 16px);
    letter-spacing: 0;
  }

  .site-mega__inner {
    width: clamp(460px, 52.5vw, 740px);
    max-width: calc(100% - 48px);
    margin-left: auto;
    margin-right: clamp(24px, 3vw, 40px);
  }

  .site-mega__menus {
    grid-template-columns: repeat(5, clamp(92px, 10.5vw, 148px));
  }

  .site-mega__group {
    width: clamp(92px, 10.5vw, 148px);
    padding: 28px 10px 24px;
  }

  .site-mega__list {
    gap: 18px;
  }

  .site-mega__list a {
    font-size: clamp(14px, 1.25vw, 17px);
    letter-spacing: 0;
    white-space: normal;
    word-break: keep-all;
  }
}

@media (min-width: 701px) and (max-width: 1280px) {
  body {
    overflow-x: hidden;
  }

  .section {
    margin-top: 120px;
  }

  section.section2 {
    margin-top: 72px;
  }

  .main-section2__inner,
  .main-section6__inner,
  .location-section__inner,
  .digital-implant__inner,
  .ct-comparison__inner,
  .implant-comparison__content,
  .implant-slide2__header,
  .bone-graft-materials,
  .upper-implant-process,
  .extraction-advantages,
  .insurance-faq,
  .canal-treatment-targets__wrap,
  .dental-scaling-process__wrap,
  .dental-scaling-cycle__wrap,
  .wisdom-tooth-problems__wrap {
    width: min(100% - 64px, 1100px);
    max-width: 1100px;
  }

  .location-section,
  .gallery-section,
  .digital_implant-section,
  .ct-comparison-section,
  .computer_3d-section,
  .minimal_incision-section,
  .doctors-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .location-block__title,
  .sub-title__eyebrow,
  .implant-comparison__title,
  .implant-recommend__title,
  .implant-slide2__title,
  .bone-graft-materials__title,
  .upper-implant-process__title,
  .extraction-advantages__title,
  .insurance-faq__title,
  .canal-treatment-targets__heading,
  .dental-scaling-process__heading,
  .dental-scaling-cycle__heading,
  .wisdom-tooth-problems__heading,
  .gum-treatment-about__title {
    font-size: 38px;
    line-height: 1.34;
  }

  .main-section2__inner {
    width: min(100% - 64px, 1100px);
    height: auto;
    gap: 36px;
  }

  .main-section2__left,
  .main-section2__right {
    min-width: 0;
  }

  .main-section2__image {
    width: min(48vw, 520px);
    height: auto;
  }

  .main-section2__img-card {
    width: 100%;
    height: auto;
  }

  .main-section2__title,
  .main-section6__title {
    font-size: 42px;
  }

  .main-section2__desc p,
  .main-section6__desc,
  .implant-comparison__description,
  .implant-comparison__emphasis,
  .banner-implant-section__content p,
  .gum-treatment-about__description {
    word-break: keep-all;
    white-space: normal;
  }

  .main-section6__inner {
    gap: 44px;
    height: auto;
  }

  .main-section6__left {
    height: auto;
  }

  .main-section6__right {
    flex: 1 1 52%;
    width: auto;
    min-width: 0;
  }

  .main-section6__hours {
    width: 100%;
  }

  .main-section6__map,
  .main-section6__map .root_daum_roughmap,
  .main-section6__map .wrap_map {
    width: 100% !important;
    height: 390px !important;
  }

  .location-map {
    width: 100%;
    height: 440px;
  }

  .location-hours__row {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .ct-comparison__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .ct-comparison-card,
  .ct-comparison-card__image {
    width: 100%;
  }

  .ct-comparison-card__image {
    height: auto;
    aspect-ratio: 600 / 404;
    object-fit: cover;
  }

  .digital-implant__hero {
    height: auto;
    aspect-ratio: 1220 / 520;
    object-fit: cover;
  }

  .digital-implant__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .digital-implant-card,
  .digital-implant-card__image {
    width: 100%;
  }

  .digital-implant-card__image {
    height: auto;
    aspect-ratio: 396 / 320;
    object-fit: cover;
  }

  .doctor-profile {
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    gap: clamp(40px, 6vw, 72px);
  }

  .doctor-profile__image {
    width: 100%;
    height: auto;
    aspect-ratio: 520 / 640;
    object-fit: cover;
  }

  .doctor-profile__name {
    font-size: 36px;
  }

  .doctor-profile__career li {
    font-size: 17px;
  }

  .gallery-slider__slide {
    width: min(72vw, 780px);
    margin: 0 40px;
  }

  .gallery-slider__image {
    width: 100%;
    height: auto;
    aspect-ratio: 910 / 620;
  }

  .gallery-slider__arrow {
    top: min(24.5vw, 265px);
  }

  .gallery-slider__arrow--prev {
    left: 32px;
  }

  .gallery-slider__arrow--next {
    right: 32px;
  }

  .gallery-slider__progress {
    width: min(72vw, 780px);
  }

  .computer-implant {
    width: min(100% - 64px, 1100px);
    height: auto;
    aspect-ratio: 1220 / 520;
  }

  .computer-implant-benefits__slide,
  .computer-implant-benefits__card,
  .computer-implant-benefits__image {
    width: 380px;
  }

  .computer-implant-benefits__image {
    height: 264px;
  }

  .implant-accuracy {
    width: min(100% - 64px, 1100px);
    height: auto;
  }

  .implant-accuracy__content {
    padding: 48px 40px;
  }

  .implant-accuracy__image-wrap {
    flex-basis: 45%;
    width: 45%;
    height: auto;
  }

  .implant-recommend__wrap {
    width: min(100% - 64px, 1100px);
    gap: 48px;
  }

  .implant-recommend__list,
  .implant-recommend__list li {
    width: 100%;
  }

  .implant-recommend__list {
    flex-basis: min(50%, 540px);
  }

  .implant-slide2__slider-data {
    left: 32px;
    width: calc(100% - 32px);
  }

  .implant-slide2__slide {
    width: min(86vw, 980px);
    gap: 42px;
  }

  .implant-slide2__content {
    padding-right: 24px;
  }

  .bone-graft-materials__table,
  .banner-implant-section,
  .banner-implant-section__image,
  .implant-comparison__table,
  .insurance-info__table,
  .canal-treatment-targets__card,
  .extraction-advantages__table {
    width: 100%;
  }

  .banner-implant-section {
    background: transparent;
  }

  .banner-implant-section__image {
    height: auto;
    aspect-ratio: 1220 / 520;
  }

  .implant-benefits__inner {
    width: min(100% - 64px, 1100px);
    max-width: none;
    height: auto;
    min-height: 520px;
  }

  .implant-benefits__left {
    flex-basis: 40%;
  }

  .implant-benefits-image-slider {
    width: min(52vw, 620px);
  }

  .implant-benefits-image-slider__slide {
    width: min(44vw, 500px);
  }

  .implant-benefits__img-card {
    width: calc(100% - 20px);
    height: auto;
    aspect-ratio: 1;
  }

  .upper-implant-process__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .upper-implant-process__item,
  .upper-implant-process__image {
    width: 100%;
  }

  .upper-implant-process__image {
    height: auto;
    aspect-ratio: 290 / 195;
  }

  .implant__cards,
  .cavity-stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100% - 64px, 1100px);
    margin-left: auto;
    margin-right: auto;
  }

  .implant__cards {
    display: grid;
  }

  .implant__card,
  .cavity-stages__card {
    width: 100%;
  }

  .cavity-stages__image {
    width: 40%;
    min-width: 200px;
  }

  .gum-treatment-about__wrap {
    width: min(100% - 64px, 1100px);
    gap: 40px;
  }

  .gum-treatment-about__image-wrap {
    flex-basis: 40%;
    width: 40%;
    height: auto;
  }

  .gum-treatment-about__image {
    width: 100%;
  }

  .canal-treatment-targets__card {
    min-height: 0;
  }

  .dental-scaling-process__list {
    gap: 28px;
  }

  .dental-scaling-process__item,
  .dental-scaling-process__card,
  .dental-scaling-process__image,
  .dental-scaling-process__image2 {
    width: 100%;
  }

  .dental-scaling-process__item {
    flex: 1 1 0;
  }

  .dental-scaling-process__image,
  .dental-scaling-process__image2 {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .wisdom-tooth-problems__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wisdom-tooth-problems__card {
    width: 100%;
    height: auto;
    min-height: 250px;
  }
}

@media (min-width: 701px) and (max-width: 1024px) {
  .main-section2__inner,
  .main-section6__inner,
  .doctor-profile,
  .implant-recommend__wrap,
  .implant-benefits__inner,
  .gum-treatment-about__wrap {
    display: block;
  }

  .main-section2__right,
  .main-section6__right,
  .doctor-profile__content,
  .implant-recommend__list,
  .implant-benefits__right,
  .gum-treatment-about__image-wrap {
    margin-top: 48px;
  }

  .main-section2__image,
  .implant-benefits-image-slider,
  .gum-treatment-about__image-wrap {
    width: 100%;
  }

  .main-section2__image {
    max-width: 720px;
    margin-left: 0;
  }

  .doctor-profile {
    width: min(100% - 64px, 760px);
    margin-left: auto;
    margin-right: auto;
  }

  .doctor-profile__image {
    max-width: 520px;
  }

  .digital-implant__cards,
  .ct-comparison__inner,
  .implant__cards,
  .cavity-stages,
  .wisdom-tooth-problems__list {
    grid-template-columns: 1fr;
  }

  .digital-implant-card__image {
    aspect-ratio: 16 / 10;
  }

  .ct-comparison-card__image {
    aspect-ratio: 16 / 10;
  }

  .upper-implant-process__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 20px;
  }

  .implant-accuracy {
    display: block;
  }

  .implant-accuracy__image-wrap {
    display: none;
  }

  .implant-slide2__slider-inner {
    height: auto;
  }

  .implant-slide2__slider-data {
    position: relative;
    left: 0;
    width: 100%;
    padding-left: 32px;
  }

  .implant-slide2__slide {
    flex-direction: column;
    width: min(70vw, 620px);
    gap: 28px;
  }

  .implant-slide2__image-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 445 / 300;
    flex-basis: auto;
  }

  .implant-slide2__content {
    padding-right: 0;
  }

  .cavity-stages__card {
    height: auto;
  }

  .cavity-stages__image {
    width: 36%;
  }

  .dental-scaling-process__list,
  .dental-scaling-cycle__circles {
    gap: 24px;
  }

  .dental-scaling-cycle__circle {
    width: 220px;
    height: 220px;
  }
}

@media (max-width: 700px) {
  body {
    padding-top: 130px;
  }

  #hd {
    background: transparent;
  }

  .section {
    margin-top: 140px;
  }

  section.section2 {
    margin-top: 60px;
  }

  .computer-implant {
    padding: 0 36px;
    height: 268px !important;
    width: 100% !important;
  }

  .implant-comparison__icon {
    width: 48px;
  }
  .implant-comparison__icon2 {
    margin-left: 0 !important;
    text-align: left;
  }

  .implant-accuracy {
    padding: 92px 36px 96px;
    width: calc(100% - 72px);
    height: 504px;
    margin: 92px auto 0;
  }
  .implant-accuracy__image-wrap {
    display: none;
  }

  .implant-accuracy__content {
    padding-left: 0;
  }
  .implant-accuracy__title {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.72px;
    color: #222;
    margin: 0 0 36px;
  }
  .implant-accuracy__description {
    text-align: center;
    white-space: normal;
    font-size: 29px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.57px;
    color: #666;
    word-break: keep-all;
  }
  .implant-recommend {
    margin: 140px auto 0;
    padding: 0;
  }
  .implant-recommend2 {
    padding: 92px 0;
  }
  .implant-recommend__wrap {
    flex-direction: column;
    width: 628px;
    margin: 0 auto;
  }
  .implant-recommend__title {
    font-size: 43px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.86px;
    color: #222;
    margin: 0 0 36px;
    white-space: normal;
    word-break: keep-all;
  }
  .implant-recommend__description {
    font-size: 29px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.57px;
    color: #666;
    margin: 0 0 48px;
  }
  .implant-recommend__list {
    flex: 1;
    width: 628px;
    margin: 0 auto;
  }
  .implant-recommend__list span {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.56px;
    color: #00abdf;
  }
  .implant-recommend__list p {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.32;
    letter-spacing: -0.56px;
    color: #222;
    padding: 28px 0;
    word-break: keep-all;
  }
  .implant-recommend__list li {
    padding: 0 25px;
    height: auto;
    width: 628px;
  }

  .implant-slide2__header {
    width: 100%;
    padding: 0 36px;
    margin: 0 auto 60px;
  }

  .implant-quote {
    height: 344px;
    padding: 0 36px;
  }
  .implant-quote__text {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #fff;
    white-space: normal;
    word-break: keep-all;
  }

  /* 메인 */
  .main-slider {
    width: 100%;
    height: 826px;
    margin: 0 auto;
    border-radius: none;
  }

  .main-slider .main-slider__slide {
    height: 826px;
  }

  .main-slider__bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .main-slider__badge {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -0.48px;
    color: #fff;
  }

  .main-slider__content {
    padding: 0 40px 72px 40px;
  }
  .main-slider__title {
    font-size: 52px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -1.04px;
    color: #fff;
  }

  .main-slider__controls-wrap {
    left: 36px;
  }
  .main-slider__pagination .slick-dots {
    gap: 10px;
  }
  .main-slider__arrow {
    display: none !important;
  }

  .main-slider__dot {
    height: 12px;
    width: 12px;
  }

  .main-section2__inner {
    display: block;
    width: calc(100% - 72px);
    max-width: 628px;
    height: auto;
    margin: 0 auto;
  }

  .main-section2__left,
  .main-section2__right {
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .main-section2__right {
    margin-top: 60px;
  }

  .main-section2__content {
    height: auto;
    padding-top: 0;
  }

  .main-section2__image {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .main-section2__img-card {
    width: 100%;
    height: auto;
  }
  .main-section2__subtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: -0.48px;
    color: #003974;
  }
  .main-section2__title {
    font-size: 52px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -1.04px;
    color: #222;
  }
  .main-section2__desc p {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.56px;
    color: #666;
    word-break: keep-all;
    white-space: normal;
  }

  .main-section3__title {
    font-size: 52px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -1.04px;
    text-align: center;
    color: #222;
  }

  .main-section3__desc {
    font-size: 29px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.57px;
    text-align: center;
    color: #666;
    word-break: keep-all;
  }

  .main-section3__card-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: -0.72px;
    text-align: center;
    color: #fff;
  }

  .main-section3__progress {
    display: block;
  }

  .main-section3__card-subtitle {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fff;
  }

  .main-section4__inner {
    width: 100dvw;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }

  .main-section4__inner .slick-list {
    padding-left: 36px;
  }

  .main-section4-staff-slider,
  .main-section4-staff-slider .slick-list,
  .main-section4-staff-slider .slick-track,
  .main-section4-staff-slider__slide {
    height: auto;
  }

  .main-section4-staff-slider__slide {
    width: 572px;
    max-width: 100dvw;
    margin-right: 20px;
  }

  .main-section4__card {
    display: block;
    width: 572px;
    max-width: 100%;
    height: auto;
  }

  .main-section4__card-img {
    display: block;
    width: 572px;
    max-width: 100%;
    height: 708px;
    flex: none;
    border-radius: 8px;
    object-fit: cover;
  }

  .main-section4__card-content {
    padding: 32px 0 0;
  }

  .main-section4__label {
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: -0.48px;
    color: #003974;
  }

  .main-section4__name {
    margin: 0 0 24px;
    font-size: 42px;
    line-height: 1.3;
  }

  .main-section4__divider {
    display: none;
  }

  .main-section4__quote {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 1.55;
    word-break: keep-all;
  }

  .main-section4__tabs {
    display: none;
  }

  .main-section4__panel {
    display: block;
    margin-bottom: 42px;
  }

  .main-section4__panel[data-panel="career"]::before,
  .main-section4__panel[data-panel="cert"]::before {
    display: block;
    margin-bottom: 22px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: -0.64px;
    color: #222;
  }

  .main-section4__panel[data-panel="career"]::before {
    content: "주요 약력";
  }

  .main-section4__panel[data-panel="cert"]::before {
    content: "주요 인증 및 활동";
  }

  .main-section4__list li {
    padding-left: 0;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.52px;
    color: #666;
  }

  .main-section4__list li::before {
    display: none;
  }

  .main-section4__cta {
    margin-top: 12px;
    padding: 16px 36px;
    font-size: 24px;
  }

  .main-section4__cta svg {
    width: 24px;
    height: 24px;
  }

  .main-section4__nav {
    display: none;
  }

  .doctors-section {
    padding: 80px 0 120px;
    overflow: hidden;
  }

  .doctors-section__inner {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .doctors-section__inner .slick-list {
    overflow: visible;
    padding-left: 36px;
  }

  .doctors-section__inner .slick-track {
    display: flex;
    align-items: flex-start;
  }

  .doctor-profile {
    display: block !important;
    width: 572px;
    max-width: calc(100vw - 72px);
    margin: 0;
    padding-right: 18px;
    box-sizing: border-box;
  }

  .doctor-profile + .doctor-profile {
    margin-top: 0;
  }

  .doctor-profile__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 572 / 708;
    border-radius: 8px;
    object-fit: cover;
  }

  .doctor-profile__content {
    padding-top: 46px;
  }

  .doctor-profile__label {
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: -0.4px;
  }

  .doctor-profile__name {
    padding-bottom: 0;
    border-bottom: 0;
    font-size: 42px;
    line-height: 1.32;
    letter-spacing: -0.84px;
  }

  .doctor-profile__message {
    margin: 34px 0 42px;
    font-size: 28px;
    line-height: 1.55;
    letter-spacing: -0.56px;
    word-break: keep-all;
  }

  .doctor-profile__tabs {
    display: none;
  }

  .doctor-profile__panel {
    display: block;
    margin-bottom: 42px;
  }

  .doctor-profile__panel[data-panel="career"]::before,
  .doctor-profile__panel[data-panel="cert"]::before {
    display: block;
    margin-bottom: 22px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: -0.52px;
    color: #222;
  }

  .doctor-profile__panel[data-panel="career"]::before {
    content: "주요 약력";
  }

  .doctor-profile__panel[data-panel="cert"]::before {
    content: "주요 인증 및 활동";
  }

  .doctor-profile__career li {
    font-size: 22px;
    line-height: 1.78;
    letter-spacing: -0.44px;
    color: #666;
  }

  .main-section5 {
    height: auto;
    padding: 92px 0 180px;
  }

  .main-section5__wrap {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .main-section5__inner {
    position: static;
    display: block;
    height: auto;
  }

  .main-section5__label {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: -0.48px;
    color: #003974;
  }

  .main-section5__left {
    padding: 0 36px;
    position: relative;
  }

  .main-section5__right {
    overflow: visible;
  }

  .main-section5-gallery-slider .slick-list {
    padding-left: 36px;
  }

  .main-section5-gallery-slider {
    height: 402px;
  }

  .main-section5-gallery-slider__slide {
    width: 297px;
    height: 402px;
    padding-right: 20px;
  }

  .main-section5-gallery-slider__slide--active {
    width: 594px;
  }

  .main-section5__img {
    width: 574px;
    height: 402px;
  }

  .main-section5__progress {
    display: none;
  }

  .main-section5__desc {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.56px;
    color: #666;
    word-break: keep-all;
  }

  .main-section5__cta {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: -0.64px;
    color: #222;
    position: absolute;
    bottom: -560px;
    margin-bottom: 0;
  }

  .main-section5__cta svg {
    width: 34px;
    height: 34px;
  }

  .main-section5__title {
    margin-bottom: 32px;
  }

  .section.main-section6 {
    margin-top: 80px;
  }

  .main-section6 {
    margin-bottom: 0;
    padding: 80px 0;
  }

  .main-section6__inner {
    display: block;
    width: calc(100% - 72px);
    max-width: 628px;
    height: auto;
    margin: 0 auto;
  }

  .main-section6__left {
    display: block;
    height: auto;
  }

  .main-section6__right {
    width: 100%;
    max-width: none;
    margin-top: 48px;
  }

  .main-section6__label {
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: -0.48px;
    color: #003974;
  }

  .main-section6__title {
    margin-bottom: 32px;
    font-size: 52px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -1.04px;
    color: #222;
  }

  .main-section6__desc {
    margin-bottom: 54px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.56px;
    color: #666;
  }

  .main-section6__hours {
    width: 100%;
    margin-bottom: 22px;
    padding: 24px 0;
  }

  .main-section6__hours-row {
    margin-bottom: 18px;
  }

  .main-section6__hours-row dt,
  .main-section6__hours-row dd {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.56px;
    color: #222;
  }

  .main-section6__hours-row dt {
    flex-basis: 150px;
    width: 150px;
    font-weight: 500;
  }

  .main-section6__hours-row dt::after {
    right: 24px;
  }

  .main-section6__notes li {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.48px;
    color: #999;
  }

  .main-section6__map,
  .main-section6__map .root_daum_roughmap,
  .main-section6__map .wrap_map {
    width: 100% !important;
    max-width: 628px;
    height: 320px !important;
  }

  .main-section6__map {
    border-radius: 8px;
    overflow: hidden;
  }

  .main-section6__contact {
    margin-top: 24px;
  }

  .main-section6__contact-row {
    margin-bottom: 12px;
  }

  .main-section6__contact-label {
    width: 150px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: left;
    color: #222;
  }

  .main-section6__contact-label::after {
    right: 24px;
  }

  .main-section6__contact-value {
    flex: 1;
    min-width: 0;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.56px;
    color: #222;
    word-break: keep-all;
  }

  .site-header {
    height: 130px;
    background: #fff;
    box-shadow: none;
  }

  .site-header__inner {
    max-width: none;
    padding: 0 36px;
  }

  .site-logo {
    position: relative;
    z-index: 1005;
  }

  .site-logo a {
    display: flex;
    align-items: center;
    width: 216px;
  }

  .site-logo__img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .site-header__menu-btn {
    display: inline-flex;
    position: absolute;
    top: 28px;
    right: 36px;
    z-index: 1005;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border: 0;
    background: #fff;
    cursor: pointer;
    padding: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .site-header__menu-btn span {
    display: block;
    width: 48px;
    height: 6px;
    background: #222;
  }

  .site-header__menu-btn span + span {
    margin-top: 9px;
  }

  .site-nav,
  .site-mega {
    display: none;
  }

  .site-mobile-menu {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1006;
    width: 100vw;
    height: 100dvh;
    background: #fff;
    overflow: hidden;
  }

  .site-mobile-menu.is-open,
  .site-mobile-menu[aria-hidden="false"] {
    display: block;
  }

  .site-mobile-menu__panel {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 100vh;
    min-height: 100dvh;
    background: #fff;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  .site-mobile-menu__head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 130px;
    padding: 0 36px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
  }

  .site-mobile-menu__close {
    position: relative;
    width: 60px;
    height: 60px;
    border: 0;
    background: transparent;
    margin-right: 10px;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .site-mobile-menu__close::before,
  .site-mobile-menu__close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 6px;
    background: #222;
    border-radius: 2px;
    transform-origin: center;
    transition: background 0.2s;
  }

  .site-mobile-menu__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .site-mobile-menu__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .site-mobile-menu__group {
    border-bottom: 1px solid #ececec;
  }

  .site-mobile-menu__group-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    border: 0;
    background: #fff;
    padding: 36px;
  }
  .site-mobile-menu__group-toggle span {
    cursor: pointer;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -0.72px;
    color: #000;
  }

  .site-mobile-menu__group--active .site-mobile-menu__group-toggle {
    background: #06447f;
    color: #fff;
  }

  .site-mobile-menu__group--active span .site-mobile-menu__group-toggle span {
    color: #fff;
  }

  .site-mobile-menu__group--active .site-mobile-menu__group-toggle span {
    color: #fff;
  }

  .site-mobile-menu__list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #06447f;
  }

  .site-mobile-menu__group--active .site-mobile-menu__list {
    display: block;
    border-top: 1px solid #fff;
  }

  .site-mobile-menu__list a {
    display: block;
    padding: 29px 0 29px 58px;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.32;
    letter-spacing: -0.65px;
    -webkit-tap-highlight-color: transparent;
  }

  .site-mobile-menu__list a:active {
    color: #fff;
    background: transparent;
  }

  .site-mobile-menu__group-toggle:active {
    background: #fff;
    color: #000;
  }

  .site-mobile-menu__group--active .site-mobile-menu__group-toggle:active {
    background: #06447f;
    color: #fff;
  }

  .site-mobile-menu__list li + li a {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .site-footer__inner {
    width: 100%;
    max-width: none;
    padding: 40px 0 60px 38px;
    background: #222;
  }

  .site-footer__logo {
    margin-bottom: 54px;
  }

  .site-footer__logo-img {
    width: 216px;
    height: auto;
  }

  .site-footer__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .site-footer__nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    order: -1;
    overflow: hidden;
  }

  .site-footer__nav a {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.48px;
    color: #666;
  }

  .site-footer__nav a:not(:last-child)::after {
    margin: 0 18px;
    color: #555;
  }

  .site-footer__nav-link--emphasis {
    color: #fff;
  }

  .site-footer__info {
    margin-bottom: 40px;
  }

  .site-footer__info-row {
    display: block;
    margin-bottom: 18px;
  }

  .site-footer__info-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }

  .site-footer__info-row:last-child .site-footer__info-item {
    margin-bottom: 0;
  }

  .site-footer__info-label,
  .site-footer__info-value,
  .site-footer__copyright {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.48px;
    text-align: left;
    color: #666;
  }

  .site-footer__info-label {
    flex: 0 0 auto;
  }

  .site-footer__info-label::after {
    display: inline;
    margin: 0 18px;
    color: #555;
  }

  .site-footer__copyright {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -1px;
    color: #666;
  }

  .quick-menu {
    transform: none;
    position: sticky;
    display: block;
    width: 100%;
    bottom: 0;
    top: auto;
    right: 0;
    left: 0;
    height: 163px;
  }

  .quick-menu__capsule {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    width: 100%;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
    background: #00abdf;
  }

  .quick-menu__item {
    display: flex;
    justify-content: center;
  }

  .quick-menu__item img {
    width: 139px;
    height: auto;
    padding: 12px 0;
  }

  .quick-menu__top {
    display: none;
  }

  .site-footer {
    margin-top: 140px;
  }

  .gallery-slider .slick-list {
    padding-left: 36px;
  }

  .gallery-slider__slide {
    width: 574px;
    margin: 0 20px 0 0;
  }

  .gallery-slider__image {
    width: 574px;
    height: 402px;
  }

  .gallery-slider__progress {
    width: 574px;
    height: 14px;
    margin: 44px auto 0;
    border-radius: 12px;
  }

  .gallery-section {
    padding: 0;
  }

  .location-section {
    padding: 0 36px;
  }
  .location-map {
    width: 628px;
  }
  .location-map-links {
    gap: 16px;
    margin-top: 36px;
  }
  .location-map-link {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: -0.48px;
    text-align: left;
    color: #222;
    padding: 27px 0;
    border-radius: 50px;
  }
  .location-map-link img {
    width: 36px;
  }

  .location-hours__row {
    grid-template-columns: 216px minmax(0, 1fr);
  }

  .location-hours__row dt,
  .location-hours__row dd {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 20px 32px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.56px;
    color: #222;
    padding: 0;
  }
  .location-hours__row dt {
    width: 216px;
  }

  .location-hours__row dd {
    padding-left: 20px;
    font-weight: 400;
  }

  .location-block__title {
    margin-bottom: 20px;
  }

  .location-directions__address {
    margin-bottom: 32px;
  }

  .location-directions__address strong {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.56px;
    color: #222;
  }

  .location-directions__address span {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.56px;
    color: #222;
  }

  /* 디지털 임플란트 */
  .digital_implant-section {
    padding: 0 36px;
    margin-top: 64px;
  }
  .digital-implant__hero {
    display: none;
  }

  .digital-implant__cards {
    grid-template-columns: repeat(1, 628px);
    gap: 20px;
  }

  .digital-implant-card {
    width: 100%;
    border: 1px solid #eee;
    background: transparent;
  }

  .digital-implant-card__image {
    width: 100%;
    height: 509px;
    background: transparent;
  }

  .digital-implant-card__caption p {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #fff;
  }

  .digital-implant-card__caption strong {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #fff;
  }

  .digital-implant-card__caption {
    padding: 29px 0 31px;
    box-sizing: content-box;
  }

  /* 저선량 3D CT */
  .ct-comparison-section {
    padding: 0 36px;
    margin-top: 64px;
  }

  .ct-comparison__inner {
    grid-template-columns: repeat(1, 628px);
    gap: 20px;
  }

  .ct-comparison-card__content h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
  }

  .ct-comparison-card__content p {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
  }

  /* 3D 컴퓨터 모의수술 */
  .computer_3d-section {
    padding: 0 36px;
    margin-top: 64px;
  }

  /* 최소절개 시술 */
  .minimal_incision-section {
    padding: 0 36px;
    margin-top: 64px;
  }

  /* 빠르고 안전한 시술 */
  .fast_procedure-section {
    margin-top: 64px !important;
  }
  .implant-slide2 {
    margin-top: 140px !important;
  }
  .implant-slide2__slider-inner {
    height: 667px !important;
  }

  .implant-slide2__slider {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }

  .implant-slide2__slider .slick-list {
    overflow: hidden;
    padding-left: 36px;
  }

  .implant-slide2__slider-data {
    position: relative;
    left: 0;
    width: 100%;
    display: flex;
  }

  .implant-slide2__slide {
    flex-direction: column;
    width: 574px;
    gap: 36px;
    margin-right: 36px !important;
  }

  .implant-slide2__image-wrap {
    width: 574px !important;
    height: 388px !important;
    flex: 0 0 388px !important;
  }

  .implant-slide2__image {
    height: 388px !important;
  }

  .implant-slide2__content {
    margin-top: 0 !important;
    padding-right: 0 !important;
  }

  .implant-slide2__number {
    font-size: 27px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.54px;
    text-align: left;
    color: #00abdf;
  }

  .implant-slide2__description {
    font-size: 29px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.57px;
    color: #666;
    white-space: normal;
    word-break: keep-all;
  }

  .implant-slide2__controls {
    display: none;
  }

  /* 컴퓨터분석 임플란트 */
  .computer_implant-section {
    margin-top: 0;
  }

  .computer-implant-benefits__slide {
    width: 574px;
    margin: 0 20px 0 0;
  }

  .computer-implant-benefits__slide .slick-list {
    padding-left: 36px;
  }

  .computer-implant-benefits__card {
    width: 574px;
  }

  .computer-implant-benefits__image {
    width: 574px;
    height: 396px;
  }

  .computer-implant-benefits__content {
    padding: 42px 36px;
    height: 345px;
  }

  .computer-implant-benefits__title {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.64px;
    text-align: center;
    color: #003974;
  }

  .computer-implant-benefits__description {
    font-size: 29px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.57px;
    text-align: center;
    color: #666;
    white-space: normal;
  }

  /* 뼈이식 임플란트 */
  .articel_box2__content {
    padding-top: 0 !important;
  }
  .articel_box2__title {
    font-size: 44px !important;
    font-weight: 600 !important;
    line-height: 1.32 !important;
    letter-spacing: -0.88px !important;
    color: #222 !important;
  }
  .articel_box2__desc p {
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: -0.56px !important;
    color: #666 !important;
  }
  .articel_box2__wrap {
    width: 664px !important;
    height: auto !important;
    margin-left: 36px !important;
    margin-right: 0 !important;
  }
  .articel_box2__inner {
    align-items: start !important;
    flex-direction: column;
    width: 664px !important;
    height: auto !important;
  }
  .articel_box2__image {
    width: 628px !important;
    height: 505px !important;
  }
  .articel_box2__img-card {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .articel_box2__left {
    width: 100%;
  }

  .bone-graft-materials {
    width: 628px;
    margin: 140px 36px 0 36px;
  }
  .bone-graft-materials__title {
    font-size: 43px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.86px;
    color: #222;
    margin: 0 0 36px;
  }
  .bone-graft-materials__table {
    width: 100%;
  }
  .bone-graft-materials__table th {
    width: 195px;
    font-size: 28px;
    word-break: keep-all;
  }
  .bone-graft-materials__cell-heading {
    font-size: 28px;
  }
  .bone-graft-materials__table td {
    font-size: 28px;
  }
  .upper-implant-process {
    width: 100%;
    margin: 140px 0;
    overflow: hidden;
  }

  .upper-implant-process__title {
    padding: 0 36px;
    font-size: 43px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.86px;
    color: #222;
    margin: 0 0 36px;
  }

  .upper-implant-process__list.slick-initialized {
    display: block;
    gap: 0;
  }

  .upper-implant-process__list .slick-list {
    overflow: hidden;
    padding-left: 36px;
  }

  .upper-implant-process__list .slick-track {
    display: flex;
    align-items: flex-start;
  }

  .upper-implant-process__list .slick-slide {
    display: block;
    height: auto;
  }

  .upper-implant-process__item {
    display: block !important;
    width: 610px;
    padding-right: 36px;
    margin-right: 0;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  .upper-implant-process__image {
    width: 574px;
    height: 388px;
  }

  .upper-implant-process__item {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
  }

  .upper-implant-process__item span {
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.54px;
    text-align: left;
    color: #00abdf;
    display: block;
    order: 1;
    margin-top: 36px;
    margin-bottom: 16px;
  }

  .upper-implant-process__item p {
    font-size: 29px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.57px;
    color: #666;
    text-align: left;
    white-space: normal;
    word-break: keep-all;
    order: 2;
    margin: 0;
  }

  /* 임플란트 틀니 */
  .implant-comparison {
    padding: 92px 36px;
    width: 100%;
    margin: 140px auto 0;
  }

  .implant-comparison__description {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.52;
    letter-spacing: -0.56px;
    color: #666;
    text-align: left;
    white-space: normal;
    word-break: keep-all;
  }
  .implant-comparison__emphasis {
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1.52 !important;
    letter-spacing: -0.56px !important;
    color: #666 !important;
    text-align: left;
    white-space: normal;
    word-break: keep-all;
  }

  .implant-comparison__table--pc {
    display: none;
  }

  .implant-comparison__blocks {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 628px;
    margin: 60px auto 0;
  }

  .implant-comparison__block-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 105px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.52;
    letter-spacing: -0.64px;
    text-align: center;
    color: #fff;
    background: #999;
  }

  .implant-comparison__block--recommended .implant-comparison__block-title {
    background: #00abdf;
  }

  .implant-comparison__block-row {
    display: grid;
    grid-template-columns: 28% 1fr;
    border-bottom: 1px solid #e5e5e5;
  }

  .implant-comparison__block-label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 8px;
    background: #f9f9f9;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #222;
    word-break: keep-all;
  }

  .implant-comparison__block-value {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 12px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #222;
    word-break: keep-all;
  }

  .implant-comparison__block-row--image .implant-comparison__block-label,
  .implant-comparison__block-row--image .implant-comparison__block-value {
    min-height: 220px;
  }

  .implant-comparison__block-value img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: contain;
    margin: 0 auto;
  }

  /* 발치즉시 임플란트 */
  .implant-comparison__content {
    width: 100%;
  }
  .implant__cards {
    flex-direction: column;
    gap: 36px;
  }

  .implant__card h3 {
    height: 105px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.64px;
    text-align: center;
    color: #fff;
    background: #666;
  }

  .implant__card p {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.64px;
    text-align: center;
    padding: 36px 110px 40px;
    height: auto;
  }

  .extraction-advantages {
    width: 100%;
    padding: 0 36px;
  }

  .extraction-advantages__title {
    font-size: 44px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.88px;
    color: #222;
  }
  .extraction-advantages__table th {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #222;
    word-break: keep-all;
    width: 196px;
  }
  .extraction-advantages__table td {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #222;
    word-break: keep-all;
    padding: 32px 20px;
  }

  /* 보험 임플란트/틀니 */
  .insurance-info__table {
    width: auto;
  }
  .insurance-info__table thead th {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    word-break: keep-all;
    width: 216px;
  }
  .insurance-info__table tbody th {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #222;
    word-break: keep-all;
    width: 216px;
  }
  .insurance-info__table tbody td li {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: left;
    color: #222;
    word-break: keep-all;
    padding: 0 20px;
    width: 412px;
  }

  .insurance-faq {
    padding: 0 36px;
    width: 100%;
  }
  .insurance-faq__question {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: left;
    color: #222;
    word-break: keep-all;
    height: auto;
    padding: 36px 40px 36px 36px;
    border-bottom: 2px solid #e5e5e5;
  }

  .insurance-faq__question i {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-left: 36px;
    border-right: 4px solid #222;
    border-bottom: 4px solid #222;
    transform: rotate(225deg);
    transition: transform 0.25s ease;
  }
  .insurance-faq__answer {
    padding: 36px 40px 36px 36px;
  }
  .insurance-faq__answer p {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: left;
    color: #666;
    word-break: keep-all;
  }

  /* 충치치료 */
  .implant__card span {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.52;
    letter-spacing: -0.56px;
    color: #666;
    word-break: keep-all;
    white-space: normal;
    padding: 40px 36px;
  }

  .implant-comparison__title {
    text-align: left;
    padding: 0 !important;
  }

  .cavity-stages__num {
    font-size: 27px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.54px;
    text-align: left;
    display: block;
  }

  .cavity-stages__title {
    font-size: 33px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.54px;
    text-align: left;
    display: block;
    margin: 16px 0;
  }

  .cavity-stages__desc {
    font-size: 29px;
    font-weight: 400;
    line-height: 1.32;
    letter-spacing: -0.54px;
    text-align: left;
    display: block;
  }

  .extraction-advantages__list li {
    text-align: left;
  }
  .extraction-advantages__list li {
    padding-left: 20px;
  }
  .banner-implant-section {
    margin: 40px 36px 0 36px;
    width: 628px;
  }
  .banner-implant-section__content {
    padding-top: 0;
  }
  .banner-implant-section__content p {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.32;
    letter-spacing: -0.54px;
    white-space: normal;
    word-break: keep-all;
  }
  .banner-implant-section__content p em {
    font-size: 33px;
    font-weight: 400;
    line-height: 1.32;
    letter-spacing: -0.54px;
    white-space: normal;
    word-break: keep-all;
  }
  .canal-treatment-targets {
    padding: 92px 36px;
  }
  .canal-treatment-targets__wrap {
    width: 100%;
  }
  .canal-treatment-targets__card {
    width: 100%;
    padding: 60px 36px;
  }
  .canal-treatment-targets__list {
    gap: 32px;
  }
  .canal-treatment-targets__icon {
    width: 92px;
    height: 92px;
  }
  .canal-treatment-targets__icon img {
    display: block;
    width: 52px;
    height: 52px;
  }

  .canal-treatment-targets__card h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.54px;
    margin: 36px 0 20px;
  }
  .canal-treatment-targets__card p {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.54px;
    word-break: keep-all;
    white-space: normal;
  }

  /* 잇몸치료 */
  .gum-treatment-about {
    padding: 0 36px;
  }
  .gum-treatment-about__wrap {
    width: 100%;
    padding: 100px 0;
  }
  .gum-treatment-about__image-wrap {
    display: none;
  }
  .gum-treatment-about__title {
    font-size: 43px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.86px;
    color: #222;
    white-space: normal;
    margin: 20px 0 36px;
  }
  .gum-treatment-about__subtitle {
    text-align: left;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -0.72px;
    color: #222;
    margin: 0 0 36px;
    word-break: keep-all;
    white-space: normal;
  }
  .gum-treatment-about__description {
    text-align: left;
    white-space: normal;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -0.57px;
    color: #666;
    word-break: keep-all;
  }

  /* 사랑니 발치 */
  .wisdom-tooth-problems {
    padding: 92px 36px;
    width: 100%;
  }
  .wisdom-tooth-problems__wrap {
    width: 100%;
  }
  .wisdom-tooth-problems__header {
    width: 100%;
  }
  .wisdom-tooth-problems__subtitle {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.54px;
    word-break: keep-all;
    white-space: normal;
  }
  .wisdom-tooth-problems__list {
    gap: 32px;
    grid-template-columns: repeat(1, 628px);
  }
  .wisdom-tooth-problems__card {
    width: 100%;
    padding: 60px 36px;
    height: auto;
  }
  .wisdom-tooth-problems__icon {
    width: 92px;
    height: 92px;
  }
  .wisdom-tooth-problems__icon img {
    display: block;
    width: 52px;
    height: 52px;
  }
  .wisdom-tooth-problems__card h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.54px;
    margin: 36px 0 20px;
  }
  .wisdom-tooth-problems__card p {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.54px;
    word-break: keep-all;
    white-space: normal;
  }
  .implant-slide2__title {
    word-break: keep-all;
    white-space: normal;
  }

  /* 스케일링 */
  .dental-scaling-process {
    padding: 92px 36px;
    width: 100%;
  }
  .dental-scaling-process__wrap {
    width: 100%;
  }
  .dental-scaling-process__header {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.54px;
    margin: 36px 0 20px;
  }
  .dental-scaling-process__description {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -0.54px;
    word-break: keep-all;
    white-space: normal;
  }
  .dental-scaling-process__list {
    flex-direction: column;
    gap: 56px;
  }
  .dental-scaling-process__item {
    width: 100%;
  }
  .dental-scaling-process__card {
    width: 100%;
  }
  .dental-scaling-process__badge {
    width: 56px;
    height: 56px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.56px;
    color: #fff;
    top: 36px;
    left: 36px;
  }
  .dental-scaling-process__image {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .dental-scaling-process__caption {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.52;
    letter-spacing: -0.72px;
    text-align: center;
    color: #222;
    margin-top: 36px;
  }

  .dental-scaling-cycle {
    padding: 0 36px;
    width: 100%;
  }
  .dental-scaling-cycle__wrap {
    width: 100%;
  }
  .dental-scaling-cycle__header {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.54px;
    margin: 36px 0 20px;
  }
  .dental-scaling-cycle__description {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.56px;
    word-break: keep-all;
    white-space: normal;
  }
  .dental-scaling-cycle__circle {
    width: 272px;
    height: 272px;
  }
  .dental-scaling-cycle__icon {
    width: 56px;
    margin-bottom: 12px;
  }
  .dental-scaling-cycle__label {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.52;
    letter-spacing: -0.56px;
    text-align: center;
    color: #fff;
  }
  .dental-scaling-cycle__subheading {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.64px;
    text-align: center;
    color: #222;
  }
  .dental-scaling-cycle__note {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.56px;
    text-align: center;
    color: #666;
    margin-top: 20px;
    word-break: keep-all;
    white-space: normal;
  }

  .implant-comparison__intro {
    padding: 0;
  }

  .extraction-treatment2 .implant-comparison__intro {
    padding: 0 36px;
  }
}