.ListBlock_wrap {}
.ListBlock-wrap .ListBlock {}

.tbGallBasic {margin:0 -15px;}
.tbGallBasic > li { padding-left: 15px; padding-right: 15px; }
.tbGallBasic > li:hover .tbGallBasic .gall-description h4:after {width:100%;}

.ListBlock-wrap .ListBlock ul li {padding-left: 10px; padding-right: 10px; padding-bottom: 20px; vertical-align: top; display: inline-block;}


/*리스트 안에 이미지, 멘트*/
.tbGallBasic .gall-thum {padding-bottom: 40%; }
.tbGallBasic .gall-thum img { position: absolute; width:100%; height:100%; object-fit:cover; }
.ListBlock-wrap .ListBlock ul li .li_border .gall-thum { border-radius: 10px 10px 0 0;}

.tbGallBasic .gall-description { padding: 1.2em 0;}
.tbGallBasic .gall-description h4 {position:relative; font-size:2rem;  color:#222; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; }
.tbGallBasic .gall-description h4:after {content:""; position:absolute; bottom:0; }
.tbGallBasic .gall-description p {padding-top:15px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; }


@media screen and (max-width:768px){
  .tbGallBasic .gall-description h4 { font-size:1.8rem; }
  .tbGallBasic {margin:0 -10px;}
  .tbGallBasic > li { padding-left: 10px; padding-right: 10px; }
}

@media screen and (max-width:560px){
  .tbGallBasic .gall-description h4 { font-size:1.6rem; }
  .ListBlock-wrap .ListBlock ul li:nth-child(n+11) {display:none;}
}