@charset "utf-8";

/*구조*/
.wrap_photo{height:100%;background:url(../images/photo_bg.png) 100px center no-repeat;}
.wrap_photo .container{}
.wrap_photo ul.inner{}
.wrap_photo ul.inner > li{}

/*타이틀*/
.wrap_photo .title{display:none;}
.wrap_photo .title a{}
.wrap_photo .inner > li.active .title a{}

/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{padding-left:380px;display:flex;}
.wrap_photo .list ul li{padding:10px;width:27%;margin-left:1%;}

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

/*링크*/
.wrap_photo a.subject{display:block;transition:0.5s;}

/*썸네일*/
.wrap_photo .thumb{width:100%;height:185px;}
.wrap_photo .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;transition:0.5s;}

/*컨텐츠*/
.wrap_photo .con{background:#FFF;padding-top:20px;}

/*제목*/
.wrap_photo .subjectText{font-size:19px;color:#222;line-height:1.3;font-family:'Dream Medium';height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*내용*/
.wrap_photo .content{font-size:15px;color:#888;line-height:1.3;font-family:'Dream Medium';height:40px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin-top:20px;}

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

/*더보기*/
.wrap_photo .more{text-indent:-9999px;position:absolute;left:0;bottom:10px;width:50px;height:50px;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{display:none;}

/*첫글*/
@media only screen and (min-width:769px){
	.wrap_photo .list ul li:first-child{width:44%;margin-left:0;}
	.wrap_photo .list ul li:first-child .thumb{height:340px;}
}
@media only screen and (max-width:1280px){
	.wrap_photo .list ul{padding-left:250px;}
	.wrap_photo .list ul li{padding:0;}
	.wrap_photo .subjectText{font-size:16px;height:40px;}
	.wrap_photo .more{width:34px;height:34px;}
}
@media only screen and (max-width:768px){
	.wrap_photo .list ul{padding-left:0;}
	.wrap_photo .list ul li{width:31.3%;margin:0 1%;}
	.wrap_photo .thumb{height:125px;}
	.wrap_photo .con{padding-top:10px;}
	.wrap_photo .subjectText{font-size:14px;height:35px;}
	.wrap_photo .content{display:none;}
	.wrap_photo .dateA{display:none;}

	.wrap_photo .more{width:30px;height:30px;position:relative;left:calc(50% - 17px);margin-top:30px;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo a.subject:hover .thumb img{transform:scale(1.05);}
}