section.summary-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

div.summary-section__contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 100px;
}

div.summary-section__inspection {
  display: flex;
  align-items: center;
  gap: 64px;
}

img.summary-section__inspection-image {
  width: 640px;
  height: 460px;
  flex-shrink: 0;

  background: #2a3035;
}

div.summary-section__inspection-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 371px;
  /* flex: 1 0 0; */
}

span.summary-section__inspection-title {
  color: var(--grayscale-gray-900, #212121);
  font-size: 44px;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 800;
  line-height: 60px;
}

p.summary-section__inspection-description {
  color: var(--grayscale-gray-700, #4d5256);
  font-size: 20px;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
}

div.summary-section__guide {
  display: flex;
  align-items: center;
  gap: 64px;
}

img.summary-section__guide-image {
  width: 640px;
  height: 460px;
  flex-shrink: 0;
  background: #111213;
}

div.summary-section__guide-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 371px;
}

span.summary-section__guide-title {
  color: #212121;
  font-size: 44px;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 800;
  line-height: 60px;
}

p.summary-section__guide-description {
  color: var(--grayscale-gray-700, #4d5256);
  font-size: 20px;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
}

@media screen and (max-width: 1024px) {
  div.summary-section__contents {
    gap: 65px;

    padding: 0 24px;
  }

  div.summary-section__guide,
  div.summary-section__inspection {
    flex-direction: column;
    gap: 32px;
  }

  img.summary-section__guide-image,
  img.summary-section__inspection-image {
    width: 100%;
    height: 235px;
  }

  div.summary-section__guide-text,
  div.summary-section__inspection-text {
    gap: 20px;

    width: 100%;
  }

  span.summary-section__guide-title,
  span.summary-section__inspection-title {
    font-size: 28px;
    line-height: 40px;
  }

  p.summary-section__guide-description,
  p.summary-section__inspection-description {
    font-size: 16px;
    line-height: 28px;
  }
}