/* 서비스 둘러보기 메인 title */
.service_title {
  margin-top: 100px;
  font-size: 30px;
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 640px) {
  .service_title {
    font-size: 20px;
  }
}

.service_title span {
  color: rgb(54, 115, 173);
}

.service {
  margin: 0 auto;
  width: 100%;
}

.service_list {
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  max-width: 1400px;
  width: 100%;
}

@media (max-width: 1024px) {
  .service_list {
    flex-wrap: wrap;
  }
}

.service_item {
  flex-grow: 1;
  margin: 0 10px;
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .service_item {
    margin: 5px 5px;
    width: 30%;
  }
}

.service_item_img {
  position: relative;
  width: 100%;
  height: auto;
}

@media (min-width: 1025px) {
  .service_item_img:hover {
    transition: all 0.3s;
  }
}

.service_item_img img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
}

.service_item_img_over {
  position: absolute;
  margin: 0 auto;
  top: 0%;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(32, 125, 187, .9), rgba(16, 63, 94, .9));
  border-radius: 5px;
  opacity: 0;
}

.service_item_img_over p {
  margin: 0 5%;
  width: 90%;
  text-align: center;
  color: white;
}

.service_item_img_description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

@media (min-width: 1025px) {
  .service_item_img:hover .service_item_img_over {
    opacity: 1;
    transition: all 0.2s;
  }
}