@charset "utf-8";

.wrap_photo{word-break:break-all;}

/*게시판*/
.wrap_photo > ul{}
.wrap_photo > ul > li{}
/*타이틀*/
.wrap_photo .title{display:none;}
.wrap_photo .title a{}
/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{}
.wrap_photo .list ul li{margin-left:30px;}
/*noData*/
.wrap_photo .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;color:#FFF;}
/*링크*/
.wrap_photo a.subject{display:block;}
/*썸네일*/
.wrap_photo .thumb{width:100%;height:160px;overflow:hidden;position:relative;border-top-left-radius:10px 10px;border-top-right-radius:10px 10px;}
/*
.wrap_photo .thumb::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);}
*/
.wrap_photo .thumb img{width:100%;}
/*감싸기*/
.wrap_photo .con{background:#001225;padding:10px 20px;border-bottom-left-radius:10px 10px;border-bottom-right-radius:10px 10px;}
/*제목*/
.wrap_photo .con .subjectText{font-size:15px;color:#FFF;line-height:1.3;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*내용*/
.wrap_photo .con .content{display:none;}
/*날짜*/
.wrap_photo .con .date{display:none;}
/*더보기*/
.wrap_photo .more{display:none !important;}
/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none}
.wrap_photo > ul > li.active .list,
.wrap_photo > ul > li.active .more{display:block}
/*CONTROL*/
.wrap_photo .control{display:none;}
.wrap_photo .paging,
.wrap_photo .playstop,
.wrap_photo .numbering{display:none;}
.wrap_photo .prevnext button{display:inline-block;width:50px;height:50px;font-size:0;background:url(/sites/style_guide/images/common/arrow_8_w.png) center no-repeat;position:absolute;top:calc(50% - 25px);}
.wrap_photo .prevnext button.prev{transform:rotate(180deg);left:0;}
.wrap_photo .prevnext button.next{right:0;}
@media only screen and (max-width:1024px){
	.wrap_photo .list ul li{margin:0 30px 0 30px;}
	.wrap_photo .control{display:block;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	/*
	.wrap_photo a.subject:hover .thumb::before{background:rgba(0,0,0,1);}
	*/
	.wrap_photo a.subject:hover .thumb img{transform:scale(1.2);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}