@charset "utf-8";

/* * { */
/* outline: 1px solid red; */
/* } */

.archive_product {
  width: 100%;
  padding-top: 11rem;
  margin-bottom: 15rem;
}

.product_inner_wap {
  width: 102rem;
  margin: 0 auto;
}

.section_title {
  width: 72rem;
  display: flex;
  margin-top: 1rem;
  margin: 0 auto;
}

.product_name {
  width: 58rem;
  font-size: 3.2rem;
  font-weight: bold;
  color: #262626;
  letter-spacing: .102rem;
}

.product_category {
  margin-left: 3rem;
  width: 10.8rem;
  height: 3.6rem;
  background-color: #003790;
  border-radius: 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

.product_description {

  width: 72rem;
  margin: 0 auto;
  margin-top: 2rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: calc(35/20);
  color: #262626;
}

.main_image {
  margin-top: 3rem;
  width: 102rem;
  /* height: 40rem; */
}
.sing_noimg_bg {
  background-color: #262626;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sing_no_img {
  width: 12rem;
  height: 5.9rem;
}

.product_feature_list {
  width: 72rem;
  display: flex;
  margin: 4rem auto;
  justify-content: space-between;
  text-align: center;
}

.feature {
  width: 15rem;
  height: 15rem;
  font-size: 2rem;
  font-weight: bold;
  color: #003790;
  background-color: #FFFFFF;
  border: .1rem solid #003790;
  border-radius: .8rem;
  line-height: calc(30/20);
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_overview {
  margin-top: 10rem;
}

.overview_title {
  font-size: 3.2rem;
  font-weight: bold;
  color: #262626;
  letter-spacing: .102rem;
}

.overview_text {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #262626;
  line-height: calc(32/16);
}

.product_catalog {
  width: 35.3rem;
  height: 5.6rem;
  border-radius: .6rem;
  margin: 6rem auto 0 auto;
  background-color: #003790;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: 400;
}

.product_achievements {
  margin-top: 9rem;
}

.achievements_title {
  font-size: 3.2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  letter-spacing: .202rem;
}

.achievements_detail {
  display: flex;
  margin-bottom: 8rem;
  justify-content: space-between;

}

.detail_img {
  width: 50rem;
  height: 35rem;
  background-color: gray;
  max-width: none;
}

.detail_item {
  width: 47rem;
}

.client_title,
.problem_title,
.solution_title {
  font-size: 2rem;
  font-weight: bold;
  color: #003790;
}

.problem_title,
.solution_title {
  margin-top: 3rem;
}

.client_text,
.problem_text,
.solution_text {
  font-size: 1.6rem;
  font-weight: 400;
  color: #262626;
  line-height: calc(24/16);
}

.achievements_detail:nth-child(even) {
  flex-direction: row-reverse;
}


.maker_list_title {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3rem;
  letter-spacing: .1rem;
}

@keyframes infinity_scroll_left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.scroll_maker_wrap {
  height: 7.5rem;
  display: flex;
  overflow: hidden;
}

.scroll_maker_list {
  display: flex;
  list-style: none;
  padding: 0
}

.scroll_list_left {
  animation: infinity_scroll_left 80s infinite linear 0.5s both;
}

.maker_image_item {
  width: calc(100vw / 5);
}

.maker_image_item img {
  width: 20rem;
  height: 7.5rem;
}

@media screen and (max-width: 699.98px) {
  .archive_product {
    padding-top: 10.4rem;
    margin-bottom: -6rem;
  }

  .product_inner_wap {
    width: 100%;
  }
  .section_title {
  width: 34.5rem;
}

  .product_name {
    width: 20.4rem;
    /* height: 2.9rem; */
    margin-left: .3rem;
    font-size: 2.4rem;
    letter-spacing: .058rem;
  }

  .product_category {
    margin-top: 0;
  }

  .product_description {
    width: 34.5rem;
    margin-left: 1.5rem;
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: calc(32/16);
    color: #262626;
  }

  .main_image {
    margin-top: 3.5rem;
    width: 100%;
    /* height: 40rem; */
  }

  .product_feature_list {
    width: 28rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin: 4rem auto;
    text-align: center;
  }

  .feature {
    width: 12rem;
    height: 12rem;
    font-size: 1.6rem;
    line-height: calc(24/16);
  }

  .product_overview {
    width: 34.5rem;
    margin: 8rem auto 8rem auto;
  }

  .overview_title {
    font-size: 2.4rem;
  }

  .overview_text {
    margin-top: .5rem;
  }

  .product_catalog {
    width: 32.1rem;
    height: 5.3rem;
    margin: 3.5rem auto 0 auto;
    font-size: 1.8rem;
  }

  .product_achievements {
    width: 34.5rem;
    margin: 8rem auto 0 auto;
  }

  .achievements_title {
    font-size: 2.4rem;
    letter-spacing: .095rem;
    margin-bottom: 1rem;
  }

  .achievements_detail {
    display: block;
    margin-bottom: 4rem;
  }

  .detail_img {
    width: 100%;
    height: 25rem;
  }

  .detail_item {
    width: 34.5rem;
    margin: 2rem auto 0 auto;
  }

  .client_title,
  .problem_title,
  .solution_title {
    font-size: 2rem;
    font-weight: bold;
    color: #003790;
    margin-bottom: .5rem;
    margin-top: 1.6rem;
  }

  .client_text {
    margin-top: .5rem;
  }

  .problem_text,
  .solution_text {
    margin-top: 1rem;
  }

  .maker_list_title {
    margin-left: 1.5rem;
    font-size: 2.4rem;
    text-align: left;
    margin-top: 7.5rem;
    letter-spacing: .05rem;
  }


  .scroll_maker_wrap {
    width: 34.5rem;
    margin: 3rem auto 15rem auto;
    height: 100vh;
    display: flex;
    justify-content: space-between;

  }

  .scroll_list_left{
    height: 5rem;
    animation: none;
    flex-wrap: wrap;
  }

  .maker_image_item {
    width: 15rem;
    height: 5rem;
    margin-right: 4.6rem;
    margin-bottom: 4.6rem;
  }

  .maker_image_item img {
    width: 15rem;
    height: 5rem;
  }

}