.contents-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
  gap: 20px;
}

.contents-wrap:nth-child(odd) {
  flex-direction: row;
}

.contents-box {
  /* margin-bottom: 15px; */
  /* padding: 10px; */
  width: 18%;
  background-color: #fff;
  /* border: 1px solid #bcbec0; */
  flex-direction: column;
  display: flex;
}

.contents-box img {
  display: block;
  height: auto;
  border-radius: 25px;
}

.contents-box p {
  font-size: 15px;
  text-align: justify;
}

.item-btn {
  margin-top: auto;
}

@media screen and (max-width: 599px) {
  .contents-wrap {
    flex-direction: column;
  }

  .contents-box {
    width: 47%;
  }
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  /* border: 2px solid #b4b1a0; */
  color: #4c4833;
  /* width: 300px; */
  /* height: 80px; */
  box-sizing: border-box;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn:hover {
  /* background: #b4b1a0; */
  color: #ffffff;
}
.remodal {
  position: relative;
  padding: 25px;
}
.remodal img {
  width: 70%;
  height: auto;
  vertical-align: top;
}
.remodal p {
  font-size: 15px;
  text-align: justify;
}
.remodal-text {
  margin: 10px 0;
}
.remodal-cancel {
  color: #fff;
  background: #000000;
  width: 100%;
  margin-top: 25px;
  font-size: 15px;
}
.remodal-cancel:hover {
  background: #333;
}