@charset "utf-8";

.wrap_photo{height:100%;border:10px solid #CCC;background:#FFF;padding:40px;transition:0.5s;}

/*게시판*/
.wrap_photo > ul{}
.wrap_photo > ul > li{}
/*타이틀*/
.wrap_photo .title{}
.wrap_photo .title a{font-size:30px;color:#151515;line-height:1;font-family:'Dream Medium';}
.wrap_photo .title a::after{content:"건국대학교의 소식을 만나보세요.";display:block;padding-top:10px;font-size:16px;color:#666;line-height:1.3;font-family:'Dream Light';}
/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{}
.wrap_photo .list ul li{width:100%;}
/*noData*/
.wrap_photo .list .nodata{font-size:18px;text-align:center;padding:60px;width:100%;}
/*링크*/
.wrap_photo a.subject{display:block;position:relative;margin-top:30px;}
/*썸네일*/
.wrap_photo .thumb{width:100%;height:230px;overflow:hidden;padding:15px 15px 0 0;position:relative;}
.wrap_photo .thumb::before{content:"";display:block;width:100px;height:80px;background:#245e6a;position:absolute;top:0;right:0;}
.wrap_photo .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;position:relative;}
/*컨텐츠*/
.wrap_photo .con{}
/*제목*/
.wrap_photo .subjectText{font-size:20px;color:#000;line-height:1;font-family:'Dream Medium';width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:20px;}
/*내용*/
.wrap_photo .content{font-size:16px;color:#666;line-height:1.3;font-family:'Dream Light';height:42px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin-top:10px;}
/*날짜*/
.wrap_photo .date{display:none;}
/*더보기*/
.wrap_photo .more{display:block;text-indent:-9999px;position:absolute;right:30px;top:40px;width:30px;height:30px;background:url(../images/more.jpg) 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{}
/*CONTROL*/
.wrap_photo .control{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:40px;right:60px;}
.wrap_photo .paging,
.wrap_photo .numbering{display:none;}
.wrap_photo .control button{display:block;text-indent:-9999px;width:30px;height:30px;}
.wrap_photo button.play,
.wrap_photo button.stop{display:none;}
.wrap_photo button.on{display:block !important;}
.wrap_photo button.play{background:url(../images/play.jpg) center no-repeat;}
.wrap_photo button.stop{background:url(../images/pause.jpg) center no-repeat;}
.wrap_photo button.prev{background:url(../images/prev.jpg) center no-repeat;}
.wrap_photo button.next{background:url(../images/next.jpg) center no-repeat;}

@media only screen and (max-width:1280px){
	.wrap_photo{padding:25px;}
	.wrap_photo .title a{font-size:25px;}
	.wrap_photo .more,
	.wrap_photo .control{top:23px;}
	.wrap_photo .more{right:15px;}
	.wrap_photo .control{right:40px;}
}
@media only screen and (max-width:768px){
	.wrap_photo .title a{font-size:22px;}
	.wrap_photo .thumb::before{display:none;}
	.wrap_photo .subjectText{font-size:18px;}
	.wrap_photo .content{font-size:15px;height:40px;}
	.wrap_photo .more,
	.wrap_photo .control{top:21px;}
}


/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo:hover{border-color:#666;}
}