/* 뼈이식 임플란트 지면 전용 레이어 — 공통 치수는 newn-figma-2nd.css 를 쓴다 */

/* 테두리 있는 큰 그림 — 테두리는 안쪽으로 그어져 상자 크기를 바꾸지 않는다 */
.bg14-frame { margin: 0; border: 1px solid #e4e4e4; line-height: 0; }
.bg14-frame__media {
  width: 100%;
  height: 400px;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
}

/* 뼈이식이 필요한 경우 — 이 자리의 높이는 위아래 여백과 맞물려 있다 */
.bg14-when { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 22px; row-gap: 32px; }
.bg14-when__card {
  height: 216px;
  border: 1px solid #e4e4e4;
  padding: 30px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.bg14-when__title {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #0a0a0a;
}
.bg14-when__desc {
  margin: 4px 0 0;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #6b6b6b;
}

/* 이식 재료 넉 장 — 두 줄 두 칸 */
.bg14-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 16px; row-gap: 40px; }
.bg14-mat { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.bg14-mat__media {
  width: 100%;
  height: 300px;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  background: #ffffff;
}
.bg14-mat__text { display: flex; flex-direction: column; gap: 0; }

/* 테두리만 있고 배경이 비는 안내 상자 */
.bg14-noterows { display: flex; flex-direction: column; gap: 14px; }
.bg14-note--outline { background: transparent; border: 1px solid #e4e4e4; }

/* 장비 사진에는 옅은 테두리가 있다 */
.bg14-techcol__media { border: 1px solid #dedede; }

/* 두 번째 칩만 좌우 여백이 좁다 */
.bg14-chip--narrow { padding-left: 14px; padding-right: 14px; }

/* 모의수술 화면 */
.bg14-figure--300 { height: 300px; object-position: 50% 50%; }

/* 좁은 화면 — 사진을 주인공으로 두고 글은 위아래로 몰아 가운데를 비운다 */
@media (max-width: 1023px) {
  .bg14-frame__media { height: 240px; }
  .bg14-when { grid-template-columns: 1fr; row-gap: 14px; }
  .bg14-when__card { height: auto; padding: 24px; }
  .bg14-grid { grid-template-columns: 1fr; row-gap: 28px; }
  .bg14-mat__media { height: 200px; }
  .bg14-figure--300 { height: 200px; }
  .bg14-techcol__media { height: 240px !important; }
  .bg14-when__desc { line-height: 26px; }
}