@charset "utf-8";

/*LAYOUT*/
.wrap-photo{height:100%;}
.wrap-photo .container{}
.wrap-photo ul.inner{display:flex;}
.wrap-photo ul.inner > li{}

/*TAB*/
.wrap-photo .title{ background-color:#26a1a8; min-height:51px; display:flex; align-items:center; }
.wrap-photo .title a{font-size:18px;color:#fff; display:block; padding-left:30px; }

/*LIST*/
.wrap-photo .list{}
.wrap-photo .list ul{display:flex;flex-wrap:wrap;}
.wrap-photo .list ul li{width:100%;padding:0;}

/*NoData*/
.wrap-photo .list .nodata{font-size:18px;color:#000;text-align:center;padding:40px 0;width:100%;}

/*LINK*/
.wrap-photo a.subject{display:block;}

/*THUM*/
.wrap-photo .thumb{width:100%;height:auto;overflow:hidden;margin:0 auto;}
.wrap-photo .thumb img{object-fit:cover;object-position:center;width:100%;height:100%;}

/*컨텐츠*/
.wrap-photo .con{padding:5px 0;display:flex;justify-content:space-between;line-height:1.1;}

/*TITLE*/
.wrap-photo .con .subjectText{text-align:center;padding-top:5px;}
.wrap-photo .con .subjectText span{font-size:13px;color:#444;line-height:1;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}


/*CONTENT*/
.wrap-photo .con .content{display:none;}
.wrap-photo .con .content span{}

/*DATE*/
.wrap-photo .con .date{display:none;}
.wrap-photo .con .date .yearStr{}
.wrap-photo .con .date .monthStr{}
.wrap-photo .con .date .dayStr{}

/*DECO*/
.wrap-photo .readMore{display:none;}

/*MORE*/

.wrap-photo .more{font-size:0;width:40px;height:40px;background:url("../images/plus_1_b.png") no-repeat center;position:absolute;right:0px;top:3px;display:block;}



/*ACTIVE*/
.wrap-photo .list{display:none}
.wrap-photo .more{display:none}
.wrap-photo .inner > li.active .list{display:block}
.wrap-photo .inner > li.active .more{display:block}

/*CONTROL*/
.wrap-photo .control{display:none;}

/*HOVER*/
@media only screen and (min-width:1281px){
}

@media only screen and (max-width:1280px){
}
@media only screen and (max-width:768px){
	.wrap-photo .list ul li{width:100%;padding:0 5px 10px 5px;}
	.wrap-photo .list ul li:nth-child(n+5){display:none;}
}
