@charset "utf-8";

.wrap_rct{height:100%;}

/*게시판*/
.wrap_rct > ul{position:relative;display:flex;padding:0 30px 0 280px;}
.wrap_rct > ul > li{}

/*타이틀*/
.wrap_rct .title{position:relative;margin-right:20px;transition:0.3s;}
.wrap_rct .title a{font-family:'Dream Medium';font-size:21px;color:#666;line-height:1;display:block;padding:6px 0 5px 0;}
.wrap_rct > ul > li.active .title a{color:#000;background-image:linear-gradient(to bottom, transparent 50%, #d3eaf8 0%);}

/*목록*/
.wrap_rct .list{position:absolute;top:85px;left:0;width:100%;}
.wrap_rct .list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wrap_rct .list ul li{width:25%;}

/*noData*/
.wrap_rct .list .nodata{font-size:18px;color:#000;text-align:center;padding:50px 0;width:100% !important;}

/*링크*/
.wrap_rct a.subject{display:block;padding:20px;}

/*썸네일*/
.wrap_rct .thumb{display:none;}

/*컨텐츠*/
.wrap_rct .con{border:1px solid #dcdcdc;padding:30px;background:#FFF;transition:0.5s;}

/*제목*/
.wrap_rct .subjectText{font-size:20px;color:#121212;line-height:1.3;font-family:'Dream Medium';height:55px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*내용*/
.wrap_rct .content{font-size:18px;color:#666;line-height:1.5;font-family:'Dream Regular';height:55px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:15px 0;}

/*날짜*/
.wrap_rct .dateA{font-size:14px;color:#888;line-height:1;font-family:'Dream Light';}

/*더보기*/
.wrap_rct .more{display:block;text-indent:-9999px;position:absolute;right:0;top:0;width:35px;height:35px;background:#2b2e41 url(../images/more.png) center no-repeat;}

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

/*CONTROL*/
.wrap_rct .control{display:none;}

@media only screen and (max-width:1280px){
	.wrap_rct > ul{padding-left:0;}
	.wrap_rct .list{top:55px;}
	.wrap_rct .list ul li{width:24%;}
	.wrap_rct a.subject{padding:0;}
	.wrap_rct .con{padding:20px;}
	.wrap_rct .subjectText{font-size:18px;height:47px;}
	.wrap_rct .content{font-size:16px;height:48px;}
}
@media only screen and (max-width:768px){
	.wrap_rct .title a{font-size:18px;}
	.wrap_rct .list ul li{width:100%;margin:1px 0;}
	.wrap_rct .subjectText{font-size:16px;height:43px;}
	.wrap_rct .content{display:none;}
	.wrap_rct .dateA{margin-top:5px;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct .title a:hover{background-image:linear-gradient(to bottom, transparent 50%, #DDD 0%);}
	.wrap_rct a.subject:hover .con{background:#FFF;box-shadow:0 0 20px rgba(0,0,0,0.2);}
	.wrap_rct .more:hover{background-color:#666;}
}