@charset "utf-8";

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

/*게시판*/
.wrap_photo > ul{height:100%;}
.wrap_photo > ul > li{height:100%;position:relative;}
/*타이틀*/
.wrap_photo .title{display:none;}
.wrap_photo .title a{}
/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{display:flex;flex-wrap:wrap;}
.wrap_photo .list ul li{width:23%;margin:0 0 1% 1%;}
/*noData*/
.wrap_photo .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;color:#FFF;}
/*링크*/
.wrap_photo a.subject{display:block;text-align:left;}
.wrap_photo .con{}
/*썸네일*/
.wrap_photo .thumb{width:100%;height:215px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;}
.wrap_photo .thumb img{max-width:none;height:100%;}
/*컨텐츠*/
.wrap_photo .inner{}
/*제목*/
.wrap_photo .subjectText{color:#FFF;font-size:16px;line-height:1.2;margin-top:15px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*내용*/
.wrap_photo .content{display:none;}
/*날짜*/
.wrap_photo .date{display:none;}
/*더보기*/
.wrap_photo .more{padding:12.5px 0;width:115px;border:1px solid #FFF;border-radius:30px;margin:15px auto 0 auto;display:flex;justify-content:center;align-items:center;}
.wrap_photo .more span{color:#FFF;font-size:16px;line-height:1;}
.wrap_photo .more::before{content:"";display:inline-block;width:10px;height:10px;margin-right:15px;background:url(../images/plus_w.png) no-repeat center center;}
/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none;}
.wrap_photo > ul > li.active .list{display:block;}
.wrap_photo > ul > li.active .more{display:flex;align-items:center;justify-content:center;}
.wrap_photo > ul > li.active .title a{}

@media only screen and (max-width:768px){
	.wrap_photo .list ul li:nth-child(4){display:none;}
	.wrap_photo .list ul li{width:32.3%;margin:0 0 2% 0.5%;}
}
@media only screen and (max-width:480px){
	.wrap_photo .list ul li{width:100%;margin:2% 0;}
	.wrap_photo .thumb{height:auto;max-height:auto;}
	.wrap_photo .thumb img{width:100%;height:auto;}
	.wrap_photo .more span{font-size:14px;}
}


/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo a.subject:hover .thumb img{transform:scale(1.1);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_photo .more:hover{border-color:#4c0047;background:#4c0047;}
}