@charset "utf-8";

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

/*타이틀*/
.photo_etcB .title{}
.photo_etcB .title a{font-family:'Dream Medium';font-size:20px;color:#FFF;line-height:1;}
.photo_etcB .inner > li.active .title a{}

/*목록*/
.photo_etcB .list{margin-top:50px;}
.photo_etcB .list ul{}
.photo_etcB .list ul li{padding-left:50px;}
.photo_etcB .list .slick-current li{padding-left:0;}

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

/*링크*/
.photo_etcB a.subject{display:block;position:relative;}


/*썸네일*/
.photo_etcB .thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;height:360px;position:relative;}
.photo_etcB .thumb img{width:100%;height:100%;object-fit:cover;}
.photo_etcB .thumb::before{content:"";display:block;transition:0.5s;width:100%;height:50%;position:absolute;left:0;top:50%;background:rgb(0,0,0);background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);}

/*컨텐츠*/
.photo_etcB .con{position:absolute;left:0;bottom:0;width:100%;padding:25px;}

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

/*내용*/
.photo_etcB .content{display:none;}

/*날짜*/
.photo_etcB .dateA{font-family:'Play Regular';font-size:13px;color:#FFF;line-height:1;padding-top:5px;}
.photo_etcB .dateB{display:none;}

/*더보기*/
.photo_etcB .more{display:none !important;}

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

/*CONTROL*/
.photo_etcB .control{}
.photo_etcB .control .prev,
.photo_etcB .control .next{display:block;text-indent:-9999px;width:14px;height:10px;position:absolute;top:0;transition:0.5s;}
.photo_etcB .control .prev{right:25px;background:url(../images/prev.png) no-repeat center;}
.photo_etcB .control .next{right:0;background:url(../images/next.png) no-repeat center;}
.photo_etcB .control .paging,
.photo_etcB .control .numbering,
.photo_etcB .control .play,
.photo_etcB .control .stop{display:none;}

/*HOVER*/
@media only screen and (min-width:1281px){
}
@media only screen and (max-width:1280px){
	.photo_etcB .list ul li{padding-left:0;}
	.photo_etcB .thumb{height:unset;max-height:360px;}
	.photo_etcB .thumb img{width:100%;height:unset;}
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:580px){
}