@charset "utf-8";

.drug-txt{
  padding-right:5%;
}

.drug-feature{
  padding-bottom:7.5rem;
}

.drug-feature::before{
  top:5%;
  height:95%;
  background-image: linear-gradient(90deg, rgba(236, 242, 239, 0), #ECF2EF);
}

.drug-feature .wrap{
  padding-top:0;
    width: 90%;
    margin: 0 0 0 auto;
    align-items: flex-end;
}

.drug h3{
  margin:5rem 0 1.5rem;
  font-size:clamp(1.25rem, 1.159rem + 0.3vw, 1.5rem);
}

.drug-box{
  max-width:780px;
  background:#ECF2EF;
  padding:2rem 1.5rem;
  display:flex;
  margin-bottom:1rem;
      justify-content: space-between;
}

.drug-box img{
  width:160px;
  height:120px;
  object-fit:cover;
}

.drug-box div{
  width:calc(100% - 200px);
}

.drug-box h4{
  font-size:clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
   margin-bottom:1rem;
}

.drug-box p{
  font-size:14px;
  line-height:2;
}

@media screen and (max-width: 1024px) {
.feature-wrap{
  padding:0 5%;
}
}

@media screen and (max-width: 767px) {
  .drug-feature .wrap{
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    padding-bottom:4rem;
  }
  .drug-feature::before {
    top: 10%;
    height: 90%;
  }
  .drug-feature {
    padding-bottom: 4rem;
  }
  #drug,
  #voice{
    padding-top:1rem;
  }
  .drug-txt{
    padding:0 5%;
  }
  .drug-box{
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .drug-box div{
    width:100%;
  }
  .drug-box h4{
    text-align:center;
  }
}