@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* JS */

.show {
  display: flex;
}

.notShow{
  display: none;
}

/* SearchOne */
.searchOne{
  background-color: var(--color-pink);
  padding-top: 100px;
}

 .searchOne-main{
  padding-top: 100px;
  padding-bottom: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

 .searchOne-title{
  font-size: 80px;
  color: var(--color-red);
  font-weight: 800;
  text-align: center;
  margin-bottom: 60px;
}

.searchOne-search{
  position: relative;
}
.searchOne-input{
  width: 800px;
  height: 72px;
  border-radius: 60px;
  font-size: 2.2rem;
  border : none;
  padding: 0 100px;
  outline: none;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
  rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

 .searchOne-icon{
  position: absolute;
  top: calc(50% - 20px);
  left: 50px;
  font-size: 3rem;
  color: #898D99;
  outline: none;
}


 .searchOne-input:focus + .searchOne-icon{
  display: none;
}

 .searchOne-recent{
  margin-top: 24px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.searchOne-recent-box{
  width: 20%;
  margin-bottom: 20px;
}

.searchOne-recent-box:hover{
  text-decoration: none;
  color: var(--color-blue);
}

 .searchOne-recent-box-img{
   text-align: center;
}

 .searchOne-recent-box-img img{
  width: 64%;
  height: auto;
}

.searchOne-recent-box-title{
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

 .searchOne-recent-box-desc{
  font-size: 1.4rem;
  text-align: center;
}
/* End SearchOne */