@charset "utf-8";

.base-latest-photo2{word-break:break-all;position:relative;}

/*게시판*/
.base-latest-photo2 > ul{height:100%;}
.base-latest-photo2 > ul > li{height:100%;}
/*타이틀*/
.base-latest-photo2 .title{display:none;}
.base-latest-photo2 .title a{}

/*목록*/
.base-latest-photo2 .list{height:100%;}
.base-latest-photo2 .list ul{height:100%;}
.base-latest-photo2 .list ul li{height:100%;width:100%;}
.base-latest-photo2 .slick-list,
.base-latest-photo2 .slick-track,
.base-latest-photo2 .slick-slide{height:100%;}
/*noData*/
.base-latest-photo2 .list .nodata{font-size:18px;padding:30px 0;width:100%;}
.base-latest-photo2 a.subject{display:block;position:relative;height:100%;margin:0 10px;}
/*썸네일*/
.base-latest-photo2 .thumb{height:100%;overflow:hidden;}
.base-latest-photo2 .thumb img{width:100%;height:100%;}
/*컨텐츠*/
.base-latest-photo2 .con{position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);width:100%;}
/*제목*/
.base-latest-photo2 .subjectText{font-size:16px;line-height:1.2;color:#FFF;font-family:'Noto Light';padding:20px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
/*내용*/
.base-latest-photo2 .content{display:none;}
/*날짜*/
.base-latest-photo2 .date{display:none;}
/*더보기*/
.base-latest-photo2 .more{text-indent:-9999px;position:absolute;right:0;top:0;width:40px;height:40px;border:1px solid #666;background:url(/sites/style_guide/images/common/plus_1_b.png) center no-repeat;}
/*활성화*/
.base-latest-photo2 .list,
.base-latest-photo2 .more{display:none}
.base-latest-photo2 > ul > li.active .list{display:block}
.base-latest-photo2 > ul > li.active .more{}

/*CONTROL*/
.base-latest-photo2 .control button{display:inline-block;text-indent:-9999px;position:absolute;bottom:calc(50% - 25px);width:50px;height:50px;}
.base-latest-photo2 .control{}
.base-latest-photo2 .paging{display:none;}
.base-latest-photo2 .playstop{display:none;}
.base-latest-photo2 .numbering{display:none;}
.base-latest-photo2 .prevnext{}
.base-latest-photo2 .prevnext button{background:rgba(0,0,0,0.7) url(/sites/style_guide/images/common/arrow_2_w.png) center no-repeat;}
.base-latest-photo2 .prevnext button.prev{transform:rotate(180deg);left:0;}
.base-latest-photo2 .prevnext button.next{right:0;}
@media only screen and (max-width:1024px){
}


/*HOVER****************************************/
@media only screen and (min-width:1025px){
	.base-latest-photo2 .more:hover{border-color:#266ed4;color:#266ed4;}
}