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

/* Page controls retained from the verified source. */
#contents.introduce__safety .safety__diagram {
  padding-top: 0;
}
#contents.introduce__safety .safety__diagram .detail__img {
  max-width: 1200px;
}
#contents.introduce__safety .safety__diagram img {
  width: 100%;
  max-height: none;
}
#contents.introduce__safety {
  /* 가로선 왼쪽 끝은 structure.scss 의 덮개가 가려 준다. */
}
#contents.introduce__safety .bs-heading-only {
  border-top: 1px solid #ccd0d4;
}
#contents.introduce__safety .safety__details {
  padding-top: 0;
}
#contents.introduce__safety .safety__photos {
  display: grid;
  grid-template-columns: minmax(0, 20fr) minmax(0, 11fr);
  gap: 40px;
}
#contents.introduce__safety .safety__photos .detail__img {
  max-width: none;
}
#contents.introduce__safety .safety__photos img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}
#contents.introduce__safety .safety__copy :is(h3,p:where(.bs-heading-h3)) {
  margin-top: 40px;
  font-weight: 400;
}
#contents.introduce__safety {
  /* 본점처럼 본문이 사진 폭 근처에서 접히도록. 한 줄로 길게 늘어지지 않게 한다. */
}
#contents.introduce__safety .safety__copy p:not(:where(.bs-heading-h2,.bs-heading-h3)) {
  max-width: 62%;
}

#contents.introduce__safety .safety__mobile_pairs {
  display: grid;
  gap: 40px;
}

#contents.introduce__safety .safety__mobile_pairs img {
  display: block;
  width: 100%;
  height: auto;
}

#contents.introduce__safety .safety__mobile_pairs :is(h3,p:where(.bs-heading-h3)) {
  margin-top: 24px;
}

body.desktop #sub-wrap #contents.introduce__safety .safety__details > .detail__wrapper {
  width: 1560px;
  max-width: none;
  margin-left: calc(50% - 600px);
  margin-right: 0;
}

body.desktop #sub-wrap #contents.introduce__safety .safety__photos {
  grid-template-columns: 1000px 520px;
  gap: 40px;
}