@charset "UTF-8";
/* 본문 좌측 세로 구분선 (본점 2000px 캔버스의 x=300 = 화면 중앙에서 왼쪽 700px).
   화면이 좁아 자리가 없으면 왼쪽 20px 로 붙는다. */
#contents.neck_clinic__tonsil_treatment .detail__head h2 {
  color: #222;
}

/* Page controls retained from the verified source. */
#contents.neck_clinic__tonsil_treatment .tonsil__diagnosis .detail__cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
#contents.neck_clinic__tonsil_treatment .tonsil__nonsurgical {
  background: linear-gradient(#fff 130px, #e7f5fc 130px);
}
#contents.neck_clinic__tonsil_treatment .tonsil__nonsurgical .detail__cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#contents.neck_clinic__tonsil_treatment .tonsil__nonsurgical .detail__card {
  padding: 0;
  background: none;
}
#contents.neck_clinic__tonsil_treatment .tonsil__nonsurgical :is(h3,p:where(.bs-heading-h3)) {
  color: #2d73cb;
}
#contents.neck_clinic__tonsil_treatment .tonsil__evolution {
  padding-bottom: 24px;
  background: linear-gradient(#fff 130px, #e7f5fc 130px);
}
#contents.neck_clinic__tonsil_treatment .tonsil__evolution .detail__cards {
  grid-template-columns: 1fr 2fr 1fr;
}
#contents.neck_clinic__tonsil_treatment .tonsil__evolution .detail__card {
  padding: 0;
  background: none;
}
#contents.neck_clinic__tonsil_treatment .tonsil__evolution .detail__img img {
  height: 230px;
  object-fit: contain;
}
#contents.neck_clinic__tonsil_treatment .tonsil__evolution :is(h3,p:where(.bs-heading-h3)) {
  background: #2d73cb;
  border-radius: 28px;
  color: #fff;
  padding: 8px 12px;
  font-size: 18px;
  text-align: center;
}
#contents.neck_clinic__tonsil_treatment .tonsil__evolution_note {
  background: #e7f5fc;
  text-align: center;
  padding-top: 16px;
}
#contents.neck_clinic__tonsil_treatment .tonsil__facts .detail__cards {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}
#contents.neck_clinic__tonsil_treatment .tonsil__facts .detail__card {
  padding: 24px 12px;
  background: none;
  border-right: 1px solid #ccc;
  text-align: center;
}
#contents.neck_clinic__tonsil_treatment .tonsil__facts :is(h3,p:where(.bs-heading-h3)) {
  font-size: 18px;
}
#contents.neck_clinic__tonsil_treatment .tonsil__aftercare {
  text-align: center;
}

/* Shared treatments: size illustrations separately from the text columns. */
body.desktop #sub-wrap #contents.detail__page .bs-surgery {
  align-items: center;
}
body.desktop #sub-wrap #contents.detail__page .bs-surgery .bs-copy-text {
  align-self: center;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__nonsurgical {
  background: #fff;
  position: relative;
  isolation: isolate;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__nonsurgical .detail__cards {
  position: relative;
  padding-top: 28px;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__nonsurgical .detail__cards::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -80px;
  left: calc(50% - 50vw);
  width: 100vw;
  background: #e7f5fc;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__nonsurgical .detail__img {
  width: 316px;
  max-width: 100%;
  margin: 0 auto 28px;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__nonsurgical .detail__img img {
  width: 100%;
  height: auto;
}
body.desktop #sub-wrap #contents.detail__page .tonsillitis__treatment :is(h3,p:where(.bs-heading-h3)) {
  position: relative;
}
body.desktop #sub-wrap #contents.detail__page .tonsillitis__treatment :is(h3,p:where(.bs-heading-h3))::before {
  content: "";
  display: block;
  position: absolute;
  left: -100px;
  top: 0.7em;
  width: 40px;
  height: 1px;
  background: #999;
}

/* Shared visual audit 2026-10-23. */
body.desktop #sub-wrap #contents.detail__page .tonsil__evolution {
  background: #fff;
  position: relative;
  isolation: isolate;
  padding-bottom: 40px;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__evolution .detail__cards {
  position: relative;
  padding-top: 28px;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__evolution .detail__cards::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -40px;
  left: calc(50% - 50vw);
  width: 100vw;
  background: #e7f5fc;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__evolution .detail__img {
  margin: 0 0 24px;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__evolution .bs-image-trim {
  width: 100%;
  height: 230px;
  aspect-ratio: auto;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__evolution .bs-image-trim img {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}
body.desktop #sub-wrap #contents.detail__page .tonsil__evolution .detail__img > img {
  mix-blend-mode: multiply;
}