.blog-section-title {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.1em;
}

.top-more-btn {
  display: block;
  padding: 15px;
  margin: 10px auto;

  height: 50px;
  left: 21px;

  font-size: 15px;
  line-height: 20px;
  color: #000000;

  background: #FFFFFF;
  border: 0.5px solid #000000;
}

.blog-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 1200px){
  .blog-list-item {
    width: 33.3%;
    height: 360px;
    padding: 0 2px;
  }
  .blog-list-img-wapper {
    max-width: 360px;
    height: 270px;
    width: 100%;
    margin: 0 auto;
  }
  .blog-list-item-img {
    width: 100%;
    height: 270px;
    object-fit: contain;
  }
  .blog-title-wrapper {
    width: 100%;
    max-width: 360px;
    padding-top: 9px;
    margin: 0 auto;
  }
  .top-more-btn {
    width: 333px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px){
  .blog-list-item {
    width: 33.3%;
    height: 250px;
    padding: 0 2px;
  }
  .blog-list-img-wapper {
    max-width: 210px;
    height: 160px;
    width: 100%;
    margin: 0 auto;
  }
  .blog-list-item-img {
    width: 100%;
    height: 160px;
    object-fit: contain;
  }
  .blog-title-wrapper {
    width: 100%;
    max-width: 210px;
    padding-top: 9px;
    margin: 0 auto;
  }
  .top-more-btn {
    width: 333px;
  }
}
@media screen and (max-width: 749px){
  .blog-list-item {
    width: 50%;
    height: 215px;
    padding: 0 2px;
  }
  .blog-list-img-wapper {
    height: 120px;
    width: 100%;
    margin: 0 auto;
  }
  .blog-list-item-img {
    width: 100%;
    height: 120px;
    object-fit: contain;
  }
  .blog-title-wrapper {
    width: 100%;
    max-width: 160px;
    padding-top: 9px;
    margin: 0 auto;
  }
}



.blog-title {
  font-size: 10px;
  margin-bottom: 0;
}
.blog-date {
  font-size: 8px;
}