@charset "utf-8";

.wrap_vod{height:100%;}
.wrap_vod h2{color:#121619;font-family:'Pre Bold';font-size:30px;letter-spacing:-2px;line-height:1.1;margin-bottom:50px;}
.wrap_vod a.subject{display:block;}
.wrap_vod .item_1{
		padding-top: 55.87%;
		border-radius:10px;
		position:relative;
		overflow:hidden;
}
.wrap_vod .item_1 img{
	position:absolute;
	object-fit: contain;
	top: 50%;
    transform: translateY(-50%);
	border-radius:10px;
	transform-origin: center center; 
	transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
	width:100%;
	
}
.wrap_vod .item_1::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-radius:10px;position:absolute;left:0;top:0;z-index:1;transition:0.3s;}
.wrap_vod .item_1::after{content:"";display:block;width:65px;height:65px;background:#343A3F url(../images/btnPlay.png) no-repeat center;border-radius:100%;position:absolute;left:calc(50% - 32.5px);top:calc(50% - 32.5px);opacity:0.8;z-index:2;}
.wrap_vod .item_2{color:#343A3F;font-family:'Pre Bold';font-size:18px;line-height:1.3;margin-top:30px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}

@media only screen and (max-width:768px){
	.wrap_vod .item_1{height:220px;}
	.wrap_vod h2{font-size:28px;margin-bottom:30px;}
	.wrap_vod .item_2{margin-top:20px;}
}
@media only screen and (min-width:1281px){
	.wrap_vod a.subject:hover .item_1 img{
		transform: translate(0, -50%) scale(1.1);	
	}
	.wrap_vod a.subject:hover .item_1::before{background:rgba(0,0,0,0.5);}
	.wrap_vod a.subject:hover .item_1::after{opacity:1;transition:0.6s;}
}

#_contentBuilder ._fnctWrap.wrap_vod > a.more {
    display: block;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #DCEBFF url(../images/more.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 2px;
}