section.controllable-data-container {
  background-color: #212121;

  color: white;
}

div.controllable-data-content {
  display: flex;
  flex-direction: column;
  row-gap: 100px;
}

span.controllable-data-content__title {
  font-size: 44px;
  font-family: Pretendard;
  font-weight: 800;
  line-height: 60px;
}

div.controllable-data-content-container {
  display: flex;
  flex-direction: column;
  row-gap: 120px;
}

div.controllable-data-list-with-caption {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: 100%;
}

ul.controllable-data-list {
  display: flex;
  column-gap: 32px;

  height: 260px;
}

li.controllable-data-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 32px;

  flex: 1;
}

/* img.controllable-data-list-item__image {

} */

span.controllable-data-list-item__text {
  text-align: center;
  font-size: 32px;
  font-family: Pretendard;
  font-weight: 700;
  line-height: 44px;
}

span.controllable-data-caption {
  font-size: 18px;
  font-family: Pretendard;
  line-height: 24px;

  color: #5f656a;
}

div.data-utilization-proposal {
  display: flex;
  flex-direction: column;
  row-gap: 42px;
}

span.data-utilization-proposal__title {
  font-size: 32px;
  font-family: Pretendard;
  font-weight: 700;
  line-height: 60px;
}

ul.data-utilization-proposal__list {
  display: flex;
  justify-content: space-between;
  column-gap: 32px;
}

li.data-utilization-proposal__list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 32px;

  flex: 1;
}

span.data-utilization-proposal__list-item__text {
  text-align: center;
  font-size: 32px;
  font-family: Pretendard;
  font-weight: 700;
  line-height: 44px;
}

@media screen and (max-width: 1024px) {
  div.controllable-data-content {
    row-gap: 68px;
    padding: 0 20px;
  }

  span.controllable-data-content__title {
    font-size: 28px;
    line-height: 40px;
  }

  div.controllable-data-content-container {
    row-gap: 78px;
  }

  div.controllable-data-list-with-caption {
    row-gap: 28px;
  }

  ul.controllable-data-list {
    flex-direction: column;
    column-gap: 0;
    row-gap: 28px;

    height: unset;
  }

  li.controllable-data-list-item {
    justify-content: center;
    row-gap: 26px;

    padding: 24px 0 20px 0;

    flex: unset;
  }

  /* img.controllable-data-list-item__image {

} */

  span.controllable-data-list-item__text {
    font-size: 24px;
    line-height: 40px;
  }

  span.controllable-data-caption {
    font-size: 14px;
    line-height: 20px;
  }

  div.data-utilization-proposal {
    display: flex;
    flex-direction: column;
    row-gap: 42px;
  }

  span.data-utilization-proposal__title {
    font-size: 28px;
    line-height: 40px;
  }

  ul.data-utilization-proposal__list {
    flex-direction: column;
    justify-content: flex-start;
    column-gap: 0;
    row-gap: 28px;
  }

  li.data-utilization-proposal__list-item {
    justify-content: center;
    row-gap: 26px;

    padding: 24px 0 20px 0;

    flex: unset;
  }

  span.data-utilization-proposal__list-item__text {
    font-size: 24px;
    line-height: 40px;
  }
}