@charset "utf-8";

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

/*타이틀*/
.photo_recent .title{padding-bottom:30px;}
.photo_recent .title a{display:inline-block;font-family: 'Noto Bold';font-size:30px;color: #fff;line-height:1;position:relative;padding:5px 5px 0 0;cursor:text;}
.photo_recent .inner > li.active .title a{}

/*목록*/
.photo_recent .list{}
.photo_recent .list ul{}
.photo_recent .list ul li{
    padding-bottom: 39px;
}

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

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

/*썸네일*/
.photo_recent .thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;width:265px;height:185px;position:relative;}
.photo_recent .thumb img{max-width:unset;width:100%;height:100%;}
.photo_recent .thumb::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5) url(../images/more.png) no-repeat center;position:absolute;left:0;top:0;opacity:0;}
.photo_recent .thumb::after{content:"";display:block;width:50px;height:50px;border:4px solid #FFF;border-radius:100%;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);opacity:0;}

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

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

/*내용*/
.photo_recent .content{font-size:14px;color:#c0c0c0;line-height:1.5;height:45px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:15px 0;}

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

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

.photo_recent .readMore{display:none;}

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

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

/*HOVER*/
@media only screen and (min-width:1281px){
	.photo_recent a.subject:hover .thumb::before,
	.photo_recent a.subject:hover .thumb::after{opacity:1;transition:0.5s;}
	.photo_recent a.subject:hover .con{background:rgba(0,0,0,0.6);transition:0.5s;}
}
@media all and (max-width:1700px) {
	.photo_recent .container{padding:0;}
}
@media only screen and (max-width:1280px){
	.photo_recent .list ul li{padding-bottom:20px;}
	.photo_recent .title a{font-size:25px;}
	.photo_recent .thumb{width:200px;height:140px;}
	.photo_recent .con{padding:30px;width:calc(100% - 200px);}
	.photo_recent .content{line-height:1;height:unset;word-wrap:unset;white-space:nowrap;}
}
@media only screen and (max-width:768px){
	.photo_recent .list ul li{padding-bottom:10px;}
	.photo_recent .title{padding-bottom:20px;}
	.photo_recent .title a{font-size:22px;}
	.photo_recent .thumb{width:125px;height: 105px;}
	.photo_recent .con{padding:20px;width:calc(100% - 125px);}
	.photo_recent .subjectText{font-size:16px;line-height:1.5;height:50px;white-space:unset;word-wrap:break-word;}
	.photo_recent .content,
	.photo_recent .dateA{display:none;}
}