@charset "utf-8";

.wrap_photo{word-break:break-all;background:rgba(0,0,0,0.7);}

.wrap_photo,
.wrap_photo > ul,
.wrap_photo > ul > li,
.wrap_photo .list,
.wrap_photo .list ul,
.wrap_photo .list ul li,
.wrap_photo .slick-list,
.wrap_photo .slick-track,
.wrap_photo .slick-slide,
.wrap_photo .con,
.wrap_photo .thumb{height:100%;}

/*게시판*/
.wrap_photo > ul{}
.wrap_photo > ul > li{position:relative;}
/*타이틀*/
.wrap_photo .title{}
.wrap_photo .title a{font-size:24px;color:#8b8986;line-height:1;cursor:auto;position:absolute;top:30px;left:calc(50% + 30px);z-index:1;}
/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{}
.wrap_photo .list ul li{}
/*noData*/
.wrap_photo .list .nodata{font-size:18px;padding:50px;width:100%;text-align:center;}
/*컨텐츠*/
.wrap_photo .con{display:flex;justify-content:space-between;}
/*썸네일*/
.wrap_photo .thumb{width:50%;}
.wrap_photo .thumb img{width:100%;height:100%;}
/*링크*/
/*.wrap_photo a.subject{display:flex;justify-content:center;flex-direction:column;width:50%;background:rgba(0,0,0,0.5);padding:0 30px;}*/
.wrap_photo a.subject{display:flex;justify-content:center;flex-direction:column;width:50%;background:#FFF;padding:0 30px;}
/*제목*/
.wrap_photo .subjectText{font-size:20px;color:#000;line-height:1.2;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_photo .content{display:none;}
/*날짜*/
.wrap_photo .date{font-size:14px;color:#666;margin-top:20px;}
/*더보기*/
.wrap_photo .more{display:block;text-indent:-9999px;position:absolute;right:30px;top:25px;width:35px;height:35px;background:#007d77 url(../images/plus_1_w.png) center no-repeat;border-radius:100%;}
/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none}
.wrap_photo > ul > li.active .list,
.wrap_photo > ul > li.active .more{display:block}
.wrap_photo > ul > li.active .title a{}
/*CONTROL*/
.wrap_photo .control{position:absolute;bottom:0;left:calc(50% + 30px);width:100%;display:flex;align-items:center;padding:30px 0;}
.wrap_photo .paging{}
.wrap_photo .paging ul{display:flex;align-items:center;}
.wrap_photo .paging ul li{margin-right:5px;line-height:0;}
.wrap_photo .paging ul li button{display:inline-block;font-size:0;width:8px;height:8px;background:#8b8986;border-radius:100%;}
.wrap_photo .paging ul li.slick-active button{background:#000;width:13px;height:13px;}
.wrap_photo .playstop{line-height:0;}
.wrap_photo .playstop button{display:none;font-size:0;width:20px;height:20px;}
.wrap_photo .playstop button.on{display:inline-block;}
.wrap_photo .playstop button.play{background:url(../images/play_2_w.png) no-repeat center;}
.wrap_photo .playstop button.stop{background:url(../images/pause_2_w.png) no-repeat center;}
.wrap_photo .numbering{display:none;}
.wrap_photo .prevnext{display:none;}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:480px){
	.wrap_photo .title a{font-size:20px;left:30px;}
	.wrap_photo .con{flex-wrap:wrap;}
	.wrap_photo .thumb{width:100%;}
	.wrap_photo a.subject{width:100%;padding:20px;}
	.wrap_photo .subjectText{font-size:16px;}
	.wrap_photo .date{margin-top:0px;text-align:right;}
	.wrap_photo .control{left:0;padding:30px 15px 10px 15px;justify-content:center;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.wrap_photo a.subject:hover{background:rgba(0,0,0,0.3);}
	.wrap_photo a.subject:hover .subjectText,
	.wrap_photo a.subject:hover .date{color:#FFF;}

}