.section1 {
  display: flex;
  width: 100%;
  gap: 24px;

  @media (max-width: 1024px) {
    flex-direction: column;
    gap: 102px;
  }

  .headline {
    display: flex;
    flex-direction: column;
    gap: 8px;

    width: 100%;
    max-width: 384px;

    .subtitle {
      color: var(--color-neutral-800);
      text-align: left;

      font-size: var(--font-size-desktop-heading-5);
      line-height: var(--lineheight-desktop-heading-5);
      font-weight: var(--font-weight-bold);
      @media (max-width: 1024px) {
        font-size: var(--font-size-mobile-heading-5);
        line-height: var(--lineheight-mobile-heading-5);
      }
    }
    .title {
      color: var(--color-neutral-800);
      text-align: left;

      font-size: var(--font-size-desktop-heading-3);
      line-height: var(--lineheight-desktop-heading-3);
      font-weight: var(--font-weight-bold);

      @media (max-width: 1024px) {
        font-size: var(--font-size-mobile-heading-3);
        line-height: var(--lineheight-mobile-heading-3);
      }
      & > span {
        display: block;
      }
    }
  }

  .content-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 기본 3열 그리드 */
    row-gap: 72px;
    width: 100%;

    @media (min-width: 1025px) {
      max-width: 792px;
      margin-top: 32px;
    }
    @media (max-width: 767px) {
      grid-template-columns: repeat(1, 1fr); /* 기본 3열 그리드 */
    }
    .item {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0px 24px;
      & img {
        max-width: 168px;
        height: auto;
      }
    }
  }
}