@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{max-width:1600px;margin: 0 auto 30px auto;}
.wrap_photo .title a{color:#000;font-size:45px;font-family: 'Play', sans-serif;font-weight:700;line-height:1;}
/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{display:flex;flex-wrap:wrap;}
.wrap_photo .list ul li{width:25%;}
/*noData*/
.wrap_photo .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*링크*/
.wrap_photo a.subject{}
.wrap_photo .con{position:relative;}
/*썸네일*/
.wrap_photo .thumb{width:100%;height:270px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;}
.wrap_photo .thumb img{height:100%;max-width:none;}
/*컨텐츠*/
.wrap_photo .inner{display:none;position:absolute;top:40px;left:40px;width:calc(100% - 80px);height:calc(100% - 80px);padding:40px;background:rgba(174,0,85,0.8);}
/*제목*/
.wrap_photo .subjectText{color:#FFF;font-size:20px;line-height:30px;height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_photo .content{display:none;}
/*날짜*/
.wrap_photo .date{color:#FFF;font-size:14px;line-height:1;margin-top:20px;}
/*더보기*/
.wrap_photo .more{display:block;width:30px;height:30px;background:url(../images/plus_b.png) no-repeat center center;position:absolute;top:11px;right:50%;margin-right:-780px;}
.wrap_photo .more span{display:none;}
/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none;}
.wrap_photo > ul > li.active .list{display:block;}
.wrap_photo > ul > li.active .more{display:block;}
.wrap_photo > ul > li.active .title a{}

@media only screen and (min-width:1701px){
	.wrap_photo .thumb img{height:auto;width:125%;}
}
@media only screen and (max-width:1600px){
	.wrap_photo .title{max-width:96%;}
	.wrap_photo .more{right:10px;margin-right:0;}
}
@media only screen and (max-width:1280px){
	.wrap_photo .title a{font-size:35px;}
	.wrap_photo .thumb{height:240px;}
	.wrap_photo .more{top:3px;}
}
@media only screen and (max-width:1024px){
	.wrap_photo .thumb{height:220px;}
}
@media only screen and (max-width:768px){
	.wrap_photo .title a{font-size:25px;}
	.wrap_photo .list ul li{width:33.3%;}
	.wrap_photo .list ul li:nth-child(4){display:none;}
	.wrap_photo .thumb{height:200px;}
	.wrap_photo .more{top:-1px;}
}
@media only screen and (max-width:480px){
	.wrap_photo .list ul li{width:50%;}
	.wrap_photo .list ul li:nth-child(3){display:none;}
	.wrap_photo .thumb{height:170px;}
}


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