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

/* Page controls retained from the verified source. */
#contents.neck_clinic__tonsil_disease .stones__faq .neck__faq > div:has(.tonsil__faq_model) {
  position: relative;
  min-height: 220px;
}
#contents.neck_clinic__tonsil_disease .tonsil__faq_model {
  position: absolute;
  left: -28px;
  bottom: -144px;
  width: 396px;
  max-width: none;
  margin: 0;
  z-index: 2;
}
#contents.neck_clinic__tonsil_disease .stones__faq .neck__faq > div:has(.tonsil__faq_model) dd > :is(h3,p:where(.bs-heading-h3)) {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}
#contents.neck_clinic__tonsil_disease .stones__faq .neck__faq > div:has(.tonsil__faq_model) dd > p:not(:where(.bs-heading-h2,.bs-heading-h3)) {
  max-width: 750px;
  margin: 0 auto;
  line-height: 24px;
}
#contents.neck_clinic__tonsil_disease .stones__faq .neck__faq > div:has(.tonsil__faq_model) dd::before,
#contents.neck_clinic__tonsil_disease .stones__faq .neck__faq > div:last-child > dd::before,
#contents.neck_clinic__tonsil_disease .stones__faq .neck__faq .detail__card::before {
  content: "A :";
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  font-weight: 400;
}
#contents.neck_clinic__tonsil_disease .tonsil__faq_model img {
  height: auto;
  max-height: none;
  object-fit: contain;
}
#contents.neck_clinic__tonsil_disease .tonsil__cause_note {
  background: #e7f6fd;
  padding: 24px;
  margin-top: 24px;
  display: flow-root;
}
#contents.neck_clinic__tonsil_disease .tonsil__cause_note > img {
  float: right;
  width: 220px;
  max-width: 35%;
  height: auto;
  margin: 0 0 16px 24px;
}

#contents.neck_clinic__tonsil_disease .tonsil__faq_model img {
  mask-image: url("/page/neck-clinic/img/tonsil-disease/faq-model-original.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 85.353535% 78.571429%;
  mask-position: 48.275862% 50.877193%;
}

body.desktop #sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__types_band :is(h3,p:where(.bs-heading-h3)) {
  line-height: 27px;
}
body.desktop #sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__types_intro .detail__img {
  transform: translateY(calc(55px + 3.4%));
}

#sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__types_intro .detail__img img, #sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__types_band .detail__img img {
  mix-blend-mode: darken;
  clip-path: inset(0 0 4%);
}
#sub-wrap #contents.neck_clinic__tonsil_disease .bs-problem-chips {
  justify-content: center;
}
#sub-wrap #contents.neck_clinic__tonsil_disease .bs-problem-chips span {
  text-align: center;
}
#sub-wrap #contents.neck_clinic__tonsil_disease .tonsillitis__severity .detail__img img {
  width: 100%;
  height: auto;
  max-height: none;
  mask: url("/page/neck-clinic/img/tonsil-disease/severity-original-mask.png") center/100% 100% no-repeat;
}

body.desktop #sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__types_intro .detail__img {
  transform: translateY(calc(55px + 4%));
}

body.desktop #sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__types_intro {
  mix-blend-mode: darken;
}

body.desktop #sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__types_intro .detail__img {
  mix-blend-mode: darken;
}

#sub-wrap #contents img[src="/page/neck-clinic/img/tonsil-stones/stones-anatomy.jpg"] {
  mask: url("/page/neck-clinic/img/tonsil-stones/stones-anatomy-mask.svg") center/100% 100% no-repeat;
}

#sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__cause_note {
  display: flex;
  align-items: center;
  gap: 32px;
}
#sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__cause_note > img {
  float: none;
  order: 2;
  flex: none;
  margin: 0;
}
#sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__cause_note .tonsil__cause_copy {
  flex: 1;
  min-width: 0;
}
#sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__cause_note .tonsil__cause_copy p:not(:where(.bs-heading-h2,.bs-heading-h3)):last-child {
  margin-bottom: 0;
}

/* Align the visible mask edge, not the padded JPEG canvas, to the band bottom. */
body.desktop #sub-wrap #contents.detail__page .tonsillitis__severity {
  position: relative;
  padding-bottom: 100px;
  background: linear-gradient(to top, #e7f5fc 100px, #fff 100px);
}
body.desktop #sub-wrap #contents.detail__page .tonsillitis__severity .detail__wrapper {
  position: static;
}
body.desktop #sub-wrap #contents.detail__page .tonsillitis__severity .detail__cards {
  position: relative;
}
body.desktop #sub-wrap #contents.detail__page .tonsillitis__severity .detail__img {
  position: absolute;
  z-index: 1;
  width: 546px;
  max-width: 100%;
  left: calc(50% - 622px);
  bottom: -18px;
  margin: 0;
}
body.desktop #sub-wrap #contents.detail__page .tonsillitis__severity .detail__img img {
  display: block;
}

/* 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;
}

body.desktop #sub-wrap #contents.neck_clinic__tonsil_disease .tonsil__types_band .detail__txt {
  position: relative;
  top: -54px;
}