@charset "utf-8";

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

/*타이틀*/
.wrap_photo .title{display:none;}

/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{overflow:hidden;}
.wrap_photo .list ul li{width:20%;margin-left:5%;margin-bottom:40px;float:left;}

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

/*링크*/
.wrap_photo a.subject{}

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

/*컨텐츠*/
.wrap_photo .con{height:50px;}

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

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

/*날짜*/
.wrap_photo .dateA{display:none;}
.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 (min-width:1281px){
	.wrap_photo .list ul{}
	.wrap_photo .list ul li:nth-child(1),
	.wrap_photo .list ul li:nth-child(2){width:22.5%;}
	.wrap_photo .list ul li:nth-child(1){margin-left:0;}
	.wrap_photo .list ul li:nth-child(1) a.subject,
	.wrap_photo .list ul li:nth-child(2) a.subject{flex-direction:column;align-items:flex-start;}
	.wrap_photo .list ul li:nth-child(1) .thumb,
	.wrap_photo .list ul li:nth-child(2) .thumb{width:100%;height:280px;margin-right:0;}
	.wrap_photo .list ul li:nth-child(1) .con,
	.wrap_photo .list ul li:nth-child(2) .con{width:100%;}
	.wrap_photo .list ul li:nth-child(1) .subjectText,
	.wrap_photo .list ul li:nth-child(2) .subjectText{margin:20px 0;}
	.wrap_photo .list ul li:nth-child(1) .subjectText span,
	.wrap_photo .list ul li:nth-child(2) .subjectText span{font-size:24px;color:#000;}
	.wrap_photo .list ul li:nth-child(1) .content,
	.wrap_photo .list ul li:nth-child(2) .content{line-height:1.4;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;}
	.wrap_photo .list ul li:nth-child(1) .content span,
	.wrap_photo .list ul li:nth-child(2) .content span{font-size:16px;color:#222;font-family:'Dream Regular';}
	.wrap_photo .list ul li:nth-child(2){left:30%;}
}
@media only screen and (max-width:1280px){
	.wrap_photo .title a{font-size:25px;}
	.wrap_photo .list ul li{width:31.3%;margin-left:1%;margin-right:1%;}
}
@media only screen and (max-width:768px){
	.wrap_photo .title a{font-size:20px;}
	.wrap_photo .list ul li{width:48%;}
	.wrap_photo .subjectText span{font-size:14px;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #c6f554  0%);}
}