@charset "utf-8";

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

.photo_common1 div,
.photo_common1 ul,
.photo_common1 a,
.photo_common1 li{height:100%;}

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

/*목록*/
.photo_common1 .list{}
.photo_common1 .list ul{}
.photo_common1 .list ul li{}

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

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


/*썸네일*/
.photo_common1 .thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;height:100%;position:relative;background:#222;}
.photo_common1 .thumb img{max-width:unset;height:100%;}
.photo_common1 .thumb::before,
.photo_common1 .thumb::after{content:"";display:block;transition:0.5s;}
.photo_common1 .thumb::before{width:100%;height:100%;background:rgba(0,0,0,0.5) url(../images/more.png) no-repeat center;position:absolute;left:0;top:0;opacity:0;}
.photo_common1 .thumb::after{width:50px;height:50px;border:4px solid #FFF;border-radius:100%;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);opacity:0;}

/*컨텐츠*/
.photo_common1 .con{position:absolute;left:0;bottom:0;padding:20px 40px;background:rgba(0,0,0,0.5);height:unset;transition:0.5s;}

/*제목*/
.photo_common1 .subjectText{font-family:'Dream Medium';font-size:16px;color:#FFF;line-height:1.4;text-align:center;}

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

/*날짜*/
.photo_common1 .dateA,
.photo_common1 .dateB{display:none;}

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

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

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

/*HOVER*/
@media only screen and (min-width:1281px){
	.photo_common1 a.subject:hover .thumb::before,
	.photo_common1 a.subject:hover .thumb::after{opacity:1;}
	.photo_common1 a.subject:hover .con{display:none;}
}
@media all and (max-width:1700px) {
}
@media only screen and (max-width:1280px){
	.photo_common1 .thumb{height:205px;height:unset;}
	.photo_common1 .con{padding:10px;}
	.photo_common1 .list ul li{margin:0 0.5px;}
}
@media only screen and (max-width:1024px){
	.photo_common1 .list ul li{width:33.3%;}
	.photo_common1 .list ul li:nth-child(n + 4){display:none;}
}
@media only screen and (max-width:768px){
	.photo_common1 .subjectText{font-size:14px;height:40px;}
}
@media only screen and (max-width:580px){
	.photo_common1 .list ul li{width:50%;}
	.photo_common1 .list ul li:nth-child(n + 3){display:none;}
}