@charset "UTF-8";

.movie_sum{clear:both;margin-top:40px;padding:30px 0;border-top:2px solid #343947;border-bottom:1px solid #dadada;}
.movie_sum:after{display:block;content:"";clear:both}
.movie_sum li{float:left;margin-left:10px;margin-bottom:20px;min-height:212px;}
.movie_sum li:first-child{margin-left:0}
.movie_sum li > a{display:block;height:140px;text-align:center;}
.movie_sum li > a.btn-youtube-modify{height:auto;}
.movie_sum li img{max-width:100%;max-height:100%;object-fit:cover;}
.movie_sum li p{display:flex;gap:2px;margin:5px 0 3px;font-size:16px;color:#34363d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.movie_sum li p .article-title{display:-webkit-box;line-height:140%;-webkit-line-clamp:2;-webkit-box-orient:vertical; white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.movie_sum li span{color:#989898;font-size:13px;}

.movie_sum li.no-margin{ margin-left: 0.5% !important;}
.movie_sum li.marginLeft{ margin-left: 0.5% !important;}


@media screen and (max-width: 760px){
  .movie_sum{padding:0 0 15px}
  .movie_sum li{margin-top:20px;margin-bottom:0;padding:0 5px;min-height:unset;}
  .movie_sum li:nth-child(2n+1){margin-left:0;}
  .movie_sum li img{width:100%;height:100%;}
}