
.player_wrap {}
.player_wrap .playerBlock {}

.tbGallBasic {margin:0 -20px;}
.tbGallBasic > li { padding-left: 20px; padding-right: 20px; }

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

/*리스트 안에 이미지, 멘트*/
.tbGallBasic .gall-thum {position:relative; padding-bottom: 82%; background-color:#fff; }
.tbGallBasic .gall-thum .thumWrap { position: absolute; bottom:0; left:0; width:100%; height:100%;}
.tbGallBasic .gall-thum .thumWrap img {width:100%; height:100%; object-fit: contain;}

.tbGallBasic .gall-description { width:100%; padding: 1.7em 0.8em 1.2em; background-color: #343434; display:inline-block; text-align:center; }
.tbGallBasic .gall-description .galltit { font-size:2rem; line-height:1.5em; font-weight:400; color:#FFF; text-align:center; }
.tbGallBasic .gall-description p { font-size: 2.5rem; line-height: 2em; font-weight:600; color: #FF642D;}


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

@media screen and (max-width:560px){
  .tbGallBasic > li.li33 { width: 50%;}
  .tbGallBasic .gall-description .galltit { font-size:1.6rem; }
  .tbGallBasic .gall-description p { font-size: 2rem; }
 
}

@media screen and (max-width:480px){
  .tbGallBasic .gall-description h4 { opacity:1;  }
}