#sec1 .counter_area ul {
  height: clamp(300px, 29.17vw, 560px);
}
#sec1 .counter_area ul li {
  width: calc((100% - clamp(40px, 4.17vw, 80px)) / 3);
  height: 100%;
  border: 1px solid #222;
  padding: clamp(30px, 3.13vw, 60px) clamp(20px, 2.08vw, 40px);
  background: #fff;
}
#sec1 .counter_area ul li > span {
  font-size: clamp(20px, 1.56vw, 30px);
  font-weight: 700;
  transition: color 0.3s;
}
#sec1 .counter_area ul li .num {
  font-size: clamp(38px, 4.17vw, 80px);
  font-weight: 700;
  color: var(--color-point);
  transition: color 0.3s;
}
#sec1 .counter_area ul li .num span {
  margin-right: clamp(10px, 1.04vw, 20px);
}
#sec1 .counter_area ul li .txt {
  font-size: clamp(16px, 1.15vw, 22px);
  line-height: 1.7;
  transition: color 0.3s;
}
#sec1 .counter_area ul li:hover {
  background: url(../img/sec2_img1.png);
  background-size: cover;
}
#sec1 .counter_area ul li:hover > span {
  color: #fff;
}
#sec1 .counter_area ul li:hover .num {
  color: #fff;
}
#sec1 .counter_area ul li:hover .txt {
  color: #fff;
}
#sec1 .txt_area p {
  font-size: clamp(23px, 1.35vw, 26px);
  line-height: 1.5;
}
#sec1 .txt_area p span {
  font-weight: 700;
}
#sec1 .info_wrapper {
  background-color: #f5f5f5;
}
#sec1 .cont_info .top > span {
  font-size: clamp(18px, 1.04vw, 20px);
  font-weight: 700;
  color: var(--color-point);
}
#sec1 .cont_info .top h3 {
  font-size: clamp(40px, 2.6vw, 50px);
  font-weight: 700;
}
#sec1 .cont_info .top p {
  font-size: clamp(18px, 1.04vw, 20px);
  color: #666;
  line-height: 1.7;
}
#sec1 .cont_info ul li {
  transition: transform 1s ease, opacity 1s ease, filter 1s ease;
}
#sec1 .cont_info ul li:not(:last-child) {
  margin-bottom: 100px;
}
#sec1 .cont_info ul li .img_wrapper {
  height: clamp(330px, 19.79vw, 380px);
  width: clamp(380px, 32.81vw, 630px);
  margin-right: clamp(40px, 4.69vw, 90px);
}
#sec1 .cont_info ul li .img_wrapper img {
  height: 100%;
  object-fit: cover;
}
#sec1 .cont_info ul li .txt {
  width: calc(100% - clamp(420px, 37.5vw, 720px));
}
#sec1 .cont_info ul li .txt .num {
  font-size: clamp(18px, 1.04vw, 20px);
  font-weight: 700;
  color: var(--color-point);
}
#sec1 .cont_info ul li .txt .num span {
  width: clamp(90px, 6.77vw, 130px);
  height: 1px;
  background-color: var(--color-point);
  margin: 0 10px;
}
#sec1 .cont_info ul li .txt h4 {
  font-size: clamp(34px, 2.08vw, 40px);
  font-weight: 700;
}
#sec1 .cont_info ul li .txt > p {
  font-size: clamp(16px, 0.94vw, 18px);
  color: #444;
  line-height: 1.7;
  font-weight: 300;
}

@media (max-width: 750px) {
  #sec1 .counter_area ul {
    height: auto;
    flex-direction: column;
  }
  #sec1 .counter_area ul li {
    width: 100%;
    padding: clamp(40px, 10.67vw, 80px) clamp(30px, 8vw, 60px);
    height: clamp(350px, 93.33vw, 700px);
  }
  #sec1 .counter_area ul li:not(:last-child) {
    margin-bottom: clamp(30px, 8vw, 60px);
  }
  #sec1 .counter_area ul li > span {
    font-size: clamp(26px, 5.07vw, 38px);
  }
  #sec1 .counter_area ul li .num {
    font-size: clamp(55px, 12.27vw, 92px);
  }
  #sec1 .counter_area ul li .num span {
    margin-right: clamp(10px, 2.67vw, 20px);
  }
  #sec1 .counter_area ul li .txt {
    font-size: clamp(18px, 4vw, 30px);
  }
  #sec1 .counter_area ul .on {
    background: url(../img/sec2_img1.png);
    background-size: cover;
  }
  #sec1 .counter_area ul .on > span {
    color: #fff;
  }
  #sec1 .counter_area ul .on .num {
    color: #fff;
  }
  #sec1 .counter_area ul .on .txt {
    color: #fff;
  }
  #sec1 .txt_area p {
    font-size: clamp(15.5px, 4vw, 30px);
  }
  #sec1 .cont_info .top > span {
    font-size: clamp(14px, 3.2vw, 24px);
  }
  #sec1 .cont_info .top h3 {
    font-size: clamp(30px, 6.4vw, 48px);
    line-height: 1.5;
  }
  #sec1 .cont_info ul li {
    flex-direction: column;
    align-items: flex-start;
  }
  #sec1 .cont_info ul li:not(:last-child) {
    margin-bottom: clamp(50px, 13.33vw, 100px);
  }
  #sec1 .cont_info ul li .img_wrapper {
    width: 100%;
  }
  #sec1 .cont_info ul li .txt {
    margin-left: 0;
    width: 100%;
  }
  #sec1 .cont_info ul li .txt .num {
    font-size: clamp(16px, 3.73vw, 28px);
  }
  #sec1 .cont_info ul li .txt .num span {
    width: clamp(70px, 17.33vw, 130px);
    margin: 0 clamp(10px, 2.67vw, 20px);
  }
  #sec1 .cont_info ul li .txt h4 {
    font-size: clamp(28px, 5.33vw, 40px);
  }
  #sec1 .cont_info ul li .txt > p {
    font-size: clamp(16px, 4vw, 30px);
    font-weight: 400;
    word-break: break-all;
  }
}