@charset "utf-8";

/*구조*/
.wrap_photo{height:100%;padding-top:40px;}

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

/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{}
.wrap_photo .list ul li{padding-bottom:20px;}
.wrap_photo .list ul li:last-child{padding-bottom:0;}

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

/*링크*/
.wrap_photo a.subject{display:flex;}

/*썸네일*/
.wrap_photo .thumb{width:265px;height:174px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.wrap_photo .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;}

/*컨텐츠*/
.wrap_photo .con{padding:35px;width:calc(100% - 265px);background:rgba(0,0,0,0.3);transition:0.5s;}

/*제목*/
.wrap_photo .subjectText{font-size:19px;color:#FFF;font-family:'Dream Medium';line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*내용*/
.wrap_photo .content{font-size:14px;color:#c0c0c0;font-family:'Dream Regular';line-height:1.5;height:40px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:15px 0;}

/*날짜*/
.wrap_photo .dateA{font-size:15px;color:#c0c0c0;line-height:1;}
.wrap_photo .dateB{display:none;}

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

/*활성화*/
.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 .list ul li{padding-bottom:20px;}
	.wrap_photo .title a{font-size:24px;}
	.wrap_photo .thumb{width:150px;height:120px;}
	.wrap_photo .con{padding:20px;width:calc(100% - 150px);}
	.wrap_photo .content{line-height:1;height:unset;word-wrap:unset;white-space:nowrap;}
}
@media only screen and (max-width:768px){
	.wrap_photo .list ul li{padding-bottom:10px;}
	.wrap_photo .title{padding-bottom:20px;}
	.wrap_photo .title a{font-size:20px;}
	.wrap_photo .thumb{width:120px;height:87px;}
	.wrap_photo .con{width:calc(100% - 120px);}
	.wrap_photo .subjectText{line-height:1.3;height:50px;white-space:unset;word-wrap:break-word;}
	.wrap_photo .subjectText span{font-size:16px;}
	.wrap_photo .content,
	.wrap_photo .dateA{display:none;}
	.wrap_photo .more{top:4px;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo a.subject:hover .con{background:rgba(0,0,0,0.7);}
	.wrap_photo a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 1%, #585857 0%);}
}