@charset "utf-8";

.wrap_photo{word-break:break-all;}
.wrap_photo h3{font-size: 50px;font-family: 'Noto Medium';color: #222;line-height: 1;padding-bottom: 30px;}

/*게시판*/
.wrap_photo > ul{height:100%;}
.wrap_photo > ul > li{height:100%;position:relative;}
/*타이틀*/
.wrap_photo .title{display:none;}
.wrap_photo .title a{font-size:32px;color:#253369;font-family: 'Montserrat', sans-serif;font-weight:600;letter-spacing:2px;line-height:1;cursor:auto;}
/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{}
.wrap_photo .list ul li{margin-bottom:10px;padding:5px 0;border-bottom:1px solid #EEE;}
.wrap_photo .list ul li:last-child{margin-bottom:0;border-bottom:0;}
/*noData*/
.wrap_photo .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*링크*/
.wrap_photo a.subject{display:flex;justify-content:space-between;align-items:center;}
/*썸네일*/
.wrap_photo .thumb{width:130px;height:90px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.wrap_photo .thumb img{width:100%;height:100%;}
/*컨텐츠*/
.wrap_photo .con{width:calc(100% - 150px);}
/*제목*/
.wrap_photo .subjectText{font-family:'Noto Medium';color:#222;line-height:1.3;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_photo .content{display:none;}
/*날짜*/
.wrap_photo .date{font-size:16px;margin-top:5px;}
/*더보기*/
.wrap_photo .more{display:block;text-indent:-9999px;position:absolute;right:0;top:-69px;width:30px;height:30px;background:url(/sites/style_guide/images/common/plus_1_b.png) center no-repeat;}
/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none}
.wrap_photo > ul > li.active .list,
.wrap_photo > ul > li.active .more{display:block}
.wrap_photo > ul > li.active .title a{}
@media only screen and (max-width:1280px){
	.wrap_photo{display:block;}
	.wrap_photo > ul{width:100%;padding-left:0;}
	.wrap_photo .list ul li{margin:0 15px;}
	.wrap_photo .more{top:-50px;}
}
@media only screen and (max-width:1024px){
	.wrap_photo h3{font-size:30px;padding-bottom:20px;}
}
@media only screen and (max-width:768px){
	.wrap_photo .subjectText{font-size:16px;height:40px;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1025px){
	.wrap_photo a.subject:hover img{box-shadow:-5px 5px 5px #888;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
}