@charset "UTF-8";
/* 본문 좌측 세로 구분선 (본점 2000px 캔버스의 x=300 = 화면 중앙에서 왼쪽 700px).
   화면이 좁아 자리가 없으면 왼쪽 20px 로 붙는다. */
#contents .tc-about-title {
  width: min(1200px, 100% - 40px);
  margin: auto;
  padding: 64px 0 40px;
}
#contents .tc-about-title :is(h2,h1:where(.bs-heading-h2),p:where(.bs-heading-h2)) {
  margin: 0;
  font: 400 44px/1.4 Pretendard, sans-serif;
}

#contents .tc-about-content {
  padding: 100px 0 125px;
  overflow: hidden;
  color: #272727;
  background: #fff;
  text-align: left;
}
#contents .tc-about-content .tc-about-intro, #contents .tc-about-content .tc-about-photos, #contents .tc-about-content .tc-about-philosophy {
  width: min(1200px, 100% - 40px);
  margin: auto;
}
#contents .tc-about-content .tc-about-intro :is(h3,p:where(.bs-heading-h3)) {
  margin: 0 0 8px;
  font: 700 30px/1.2 Pretendard, sans-serif;
}
#contents .tc-about-content .tc-about-intro p:not(:where(.bs-heading-h2,.bs-heading-h3)) {
  margin: 0;
  font: 400 20px/1.5 Pretendard, sans-serif;
}
#contents .tc-about-content .tc-about-intro strong {
  color: #3782ff;
}
#contents .tc-about-content .tc-surgery, #contents .tc-about-content .tc-team, #contents .tc-about-content .tc-reception {
  background-image: url("/img/incheon/sub/intro/img/sub_1/2.jpg");
  background-repeat: no-repeat;
}
#contents .tc-about-content .tc-surgery {
  aspect-ratio: 450/600;
  background-size: 444.4444% auto;
  background-position: 25.8065% 27.7457%;
}
#contents .tc-about-content .tc-team {
  aspect-ratio: 754/383;
  background-size: 265.252% auto;
  background-position: 68.2183% 32.3475%;
}
#contents .tc-about-content .tc-reception {
  aspect-ratio: 1100/420;
  background-size: 181.8182% auto;
  background-position: 100% 88.0383%;
}
#contents .tc-about-content .tc-about-photos {
  position: relative;
  height: 680px;
  margin-top: 36px;
}
#contents .tc-about-content .tc-about-photos .tc-surgery {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 37.5%;
  box-shadow: 8px 12px 18px rgba(0, 0, 0, 0.2666666667);
}
#contents .tc-about-content .tc-about-photos .tc-team {
  position: absolute;
  top: 110px;
  right: 0;
  width: 62.8333%;
}
#contents .tc-about-content .tc-about-photos .tc-building {
  display: none;
}
#contents .tc-about-content .tc-about-philosophy {
  display: grid;
  grid-template-columns: 500px 1100px;
  gap: 0;
}
#contents .tc-about-content .tc-about-philosophy p:not(:where(.bs-heading-h2,.bs-heading-h3)), #contents .tc-about-content .tc-about-philosophy li {
  font: 400 20px/1.5 Pretendard, sans-serif;
}
#contents .tc-about-content .tc-about-philosophy p:not(:where(.bs-heading-h2,.bs-heading-h3)) {
  margin: 0;
}
#contents .tc-about-content .tc-about-philosophy ul {
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}
#contents .tc-about-content .tc-about-philosophy li {
  font-weight: 600;
}
#contents .tc-about-content .tc-about-philosophy li + li {
  margin-top: 12px;
}

@media (max-width: 1279px) {
  #contents .tc-about-content .tc-about-photos {
    height: auto;
    aspect-ratio: 1200/680;
  }
  #contents .tc-about-content .tc-about-photos .tc-team {
    top: 16.18%;
  }
  #contents .tc-about-content .tc-about-philosophy {
    grid-template-columns: 42% 58%;
  }
  #contents .tc-about-content .tc-about-philosophy-copy {
    padding-right: 20px;
  }
}
@media (max-width: 959px) {
  #contents .tc-about-content .tc-about-philosophy {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}