@charset "utf-8";

/*구조*/
.wrap_photo{height:100%;}
.wrap_photo,
.wrap_photo .container,
.wrap_photo ul.inner,
.wrap_photo ul.inner > li{}
.wrap_photo ul.inner{display:flex;border-bottom:1px solid #DDD;}

/*타이틀*/
.wrap_photo .title{}
.wrap_photo .title a{padding:10px 20px;font-size:21px;color:#909090;line-height:1;font-family:'S-CoreDream-5Medium';border-bottom:5px solid transparent;display:block;}
.wrap_photo .inner > li.active .title a{color:#000;border-color:#014099;}

/*목록*/
.wrap_photo .list{position:absolute;left:0;top:60px;width:100%;}
.wrap_photo .list ul{}
.wrap_photo .list ul li{margin-top:20px;}

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

/*링크*/
.wrap_photo a.subject{display:flex;align-items:center;}

/*썸네일*/
.wrap_photo .thumb{width:175px;height:120px;overflow:hidden;}
.wrap_photo .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;transition:0.5s;}

/*컨텐츠*/
.wrap_photo .con{width:calc(100% - 175px);padding-left:20px;}

/*제목*/
.wrap_photo .subjectText{font-size:20px;color:#222;line-height:1.3;height:55px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

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

/*날짜*/
.wrap_photo .dateA{font-size:15px;color:#333;line-height:1;font-family:'S-CoreDream-3Light';padding:5px 0 5px 30px;margin-bottom:10px;background:url(../images/icon_clock.png) left center no-repeat;}
.wrap_photo .dateB{display:none;}

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

/*활성화*/
.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{}

@media only screen and (max-width:1280px){
	.wrap_photo .thumb{width:150px;height:100px;}
	.wrap_photo .con{width:calc(100% - 150px);}
}
@media only screen and (max-width:768px){
	.wrap_photo .title a{padding:10px 15px;font-size:19px;}
	.wrap_photo .subjectText{font-size:18px;height:50px;}
	.wrap_photo .dateA{font-size:13px;} 
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo .title a:hover{border-color:#909090;}
	.wrap_photo a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #b2d0f7 0%);}
}