@charset "utf-8";

.wrap_video{word-break:break-all;}

/*게시판*/
.wrap_video > ul{}
.wrap_video > ul > li{}
/*타이틀*/
.wrap_video .title{padding:0 0 10px 58px;}
.wrap_video .title a{cursor:pointer;font-family:'S-CoreDream-5Medium';font-size:20px;color:#FFF;}
/*목록*/
.wrap_video .list{}
.wrap_video .list ul{max-width:410px;margin: 0 auto;}
.wrap_video .list ul li{}
/*noData*/
.wrap_video .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;color:#FFF;}
/*링크*/
.wrap_video a.subject{display:block; position:relative; margin:0 5px;}
/*썸네일*/
.wrap_video .thumb{width:100%;height:280px;}
.wrap_video .thumb img{width:100%;height:100%;}
.wrap_video .thumb::after{content:"";display:block;width:100%;height:71px;background:url(../images/videp_play.png) center no-repeat;position:absolute;top:30%;left:0;}
/*감싸기*/
.wrap_video .con{background:rgba(0,0,0,0.55);width:100%;height:80px;padding:20px;position:absolute;left:0;bottom:0;}
/*제목*/
.wrap_video .subjectText{font-family:'Noto Light';font-size:16px;color:#FFF;line-height:1.2;text-align:center;height:40px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_video .content{display:none;}
/*날짜*/
.wrap_video .date{display:none;}
/*더보기*/
.wrap_video .more{display:block;text-indent:-9999px;position:absolute;right:0;top:0;width:29px;height:24px;background:url(../images/icon_more.png) center no-repeat;filter:alpha(opacity=50);opacity:0.5;}
/*활성화*/
.wrap_video .list,
.wrap_video .more{display:none}
.wrap_video > ul > li.active .list,
.wrap_video > ul > li.active .more{display:block}
.wrap_video > ul > li.active .title a{}
/*CONTROL*/
.wrap_video .paging,
.wrap_video .playstop,
.wrap_video .numbering{display:none;}
.wrap_video .prevnext button{display:inline-block;width:60px;height:80px;font-size:0;background:#2f5e97 url(/sites/style_guide/images/common/arrow_11_w.png) center no-repeat;position:absolute;top:40px;}
.wrap_video .prevnext button.prev{transform:rotate(90deg);transform:scaleX(-1);filter: FlipH;margin-left:-265px;left:50%;}
.wrap_video .prevnext button.next{margin-right:-265px;right:50%;}

@media only screen and (max-width:1280px){
	.wrap_video .title{padding-left:0;text-align:center;}
}
@media only screen and (min-width:769px) and (max-width:910px){
	.wrap_video .prevnext button.prev{margin-left:0;left:0;}
	.wrap_video .prevnext button.next{margin-right:0;right:0;}
}
@media only screen and (max-width:560px){
	.wrap_video .prevnext button.prev{margin-left:0;left:0;}
	.wrap_video .prevnext button.next{margin-right:0;right:0;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.wrap_video .prevnext button:hover{background-color:#000;}
}