@charset "utf-8";

.wrap_gallery{word-break:break-all;background:#FFF;padding:35px;}

/*게시판*/
.wrap_gallery > ul{display:flex;justify-content:flex-start;align-contents:center;}
.wrap_gallery > ul > li{}
/*타이틀*/
.wrap_gallery .title{}
.wrap_gallery .title a{display:inline-block;font-size:22px;color:#222;font-weight:400;line-height:1;}
.wrap_gallery > ul > li.active .title a{color:#222;}
/*목록*/
.wrap_gallery .list{position:absolute;top:85px;left:35px;width:calc(100% - 70px);}
.wrap_gallery .list ul{display:flex;justify-content:space-between;}
.wrap_gallery .list ul li{width:48%;}
/*noData*/
.wrap_gallery .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*감싸기*/
.wrap_gallery a.subject{display:block;position:relative;}
/*썸네일*/
.wrap_gallery .thumb{height:270px;overflow:hidden;}
.wrap_gallery .thumb img{height:100%;width:100%;}
/*컨텐츠*/
.wrap_gallery .con{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.8);}
/*제목*/
.wrap_gallery .subjectText{font-size:16px;color:#FFF;line-height:1.2;padding:17px;display:flex;justify-content:space-between;}
/*내용*/
.wrap_gallery .content{display:none;}
/*날짜*/
.wrap_gallery .date{color:#DDD;padding:0 0 0 10px;}
/*더보기*/
.wrap_gallery .more{display:block;text-indent:-9999px;position:absolute;right:32px;top:32px;width:30px;height:30px;background:url(/sites/style_guide/images/common/plus_3_b.png) center no-repeat;}
/*활성화*/
.wrap_gallery .list,
.wrap_gallery .more{display:none}
.wrap_gallery > ul > li.active .list,
.wrap_gallery > ul > li.active .more{display:block}
@media only screen and (max-width:1024px){
	.wrap_gallery .subjectText{flex-wrap:wrap;text-align:center;}
	.wrap_gallery .subjectText span{width:100%;}
	.wrap_gallery .date{padding:10px 0 0 0;}
}
@media only screen and (max-width:768px){
	.wrap_gallery .more{right:0;top:auto;bottom:15px;width:100%;}
}
@media only screen and (max-width:420px){
	.wrap_gallery .list ul li{width:100%;}
	.wrap_gallery .list ul li:nth-child(n+2){display:none;}
}


/*HOVER****************************************/
@media only screen and (min-width:1025px){
}