@charset "utf-8";
/* 새글 스킨 (latest) */
.movie_pic{position:relative;overflow:hidden;}
.movie_pic .b_tit {display:block;font-weight:bold;font-size:22px;text-align:left;}
.movie_pic ul:after {display:block;visibility:hidden;clear:both;content:""}

.movie_pic ul{}
.movie_pic li{float:left;margin-left:20px; width:calc(50% - 10px);position:relative;}
.movie_pic li:first-child{margin-left:0;}
.movie_pic li .lt_img{display:block;overflow:hidden;}
/* .movie_pic li .lt_img img{width:100%;height:auto} */
.movie_pic li:hover .lt_img img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}
.movie_pic .lt_more:hover .lt_more img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}

.movie_pic li .fa-heart{color:#ff0000;}
.movie_pic li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 11px;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;border:1px solid #a2c6ce}
.movie_pic li .fa-caret-right{color:#bbb}
.movie_pic .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}

.movie_pic .lt_txt{margin-top:10px;}
.movie_pic .lt_txt > a{}
.movie_pic .lt_miri{font-weight:normal; height:50px; margin:10px 0; display:block;}
.movie_pic .lt_date{display:block;font-weight:normal; }
.movie_pic .lt_more img{max-width:100%;}

.movie_pic  .empty_li{line-height:145px ;text-align:center;padding:0;width:100%}
.movie_pic  .empty_li:before{background:none;padding:0}



.movie_pic .lt_txt {
	/*white-space: normal;*/
	white-space: nowrap;
	word-break:break-all;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*.movie_pic  li img{vertical-align: text-bottom;}*/

.movie_pic .play_btn {position:absolute;width:60px;left: calc(50% - 30px);top: calc(36% - 21px);}
.movie_pic .play_btn img{width:60px !important;}


@keyframes rotate180 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(180deg);
	}
}

.lt_more img:hover {
	animation: rotate180 0.3s linear 1; /* 1초 동안 180도 회전, infinite 무한 반복 */
}