@charset "utf-8";

/*구조*/
.wrap_photo{height:100%;}
.wrap_photo .container{}
.wrap_photo ul.inner{}
.wrap_photo ul.inner > li{}

/*타이틀*/
.wrap_photo .title{text-align:center;padding-bottom:60px;}
.wrap_photo .title a{font-size:50px;color:#000;font-family:'Dream Bold';line-height:1;}
.wrap_photo .inner > li.active .title a{}

/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wrap_photo .list ul li{width:32.5%;margin-bottom:25px;}

/*noData*/
.wrap_photo .list .nodata{font-size:18px;color:#FFF;text-align:center;padding:40px 0;width:100%;}

/*링크*/
.wrap_photo a.subject{display:block;border:1px solid #EEE;box-shadow:0 0 10px rgba(0,0,0,0.1);}

/*썸네일*/
.wrap_photo .thumb{width:100%;height:250px;overflow:hidden;}
.wrap_photo .thumb img{object-fit:cover;object-position:center;width:100%;height:100%;}

/*컨텐츠*/
.wrap_photo .con{padding:15px;}

/*제목*/
.wrap_photo .subjectText{line-height:1.4;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrap_photo .subjectText span{font-size:18px;color:#4b4b4b;font-family:'Dream Medium';}

/*내용*/
.wrap_photo .content{display:none;}

/*날짜*/
.wrap_photo .dateA{font-size:14px;color:#afafaf;line-height:1;font-family:'Mont Medium';margin-top:15px;}
.wrap_photo .dateB{display:none;}

/*더보기*/
.wrap_photo .more{display:block;text-indent:-9999px;width:25px;height:25px;background:url(../images/more.png) no-repeat center;position:absolute;right:0;top:0px;}

/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none}
.wrap_photo .inner > li.active .list,
.wrap_photo .inner > li.active .more{display:block}

/*CONTROL*/
.wrap_photo .control{display:none;}

@media only screen and (max-width:1280px){
	.wrap_photo .title{padding-bottom:40px;}
	.wrap_photo .title a{font-size:40px;}
}
@media only screen and (max-width:768px){
	.wrap_photo .title{padding-bottom:30px;}
	.wrap_photo .title a{font-size:30px;}
	.wrap_photo .list ul li{width:48%;}
	.wrap_photo .thumb{height:150px;}
	.wrap_photo .subjectText span{font-size:16px;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #92fc4a  0%);}
}