@charset "utf-8";

.wrap_rct{height:100%;}

/*게시판*/
.wrap_rct > ul{display:flex;justify-content:center;}
.wrap_rct > ul > li{}

/*타이틀*/
.wrap_rct .title{display:flex;align-items:center;}
.wrap_rct .title a{font-family:'Dream Medium';font-size:26px;color:#888;line-height:1;padding:2px 0;}
.wrap_rct .title::after{content:"";display:block;width:15px;height:9px;border-radius:100%;background:url(../images/active.png) no-repeat center;margin:0 30px 0 10px;opacity:0;transition:0.5s;}
.wrap_rct > ul > li.active .title a{font-family:'Dream Bold';color:#02a396;}

/*목록*/
.wrap_rct .list{position:absolute;top:70px;left:0;width:100%;}
.wrap_rct .list ul{display:flex;flex-wrap:wrap;}
.wrap_rct .list ul li{width:25%;margin:25px 0;}

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

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

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

/*컨텐츠*/
.wrap_rct .con{border-bottom:2px solid #CCC;transition:0.5s;}

/*제목*/
.wrap_rct .subjectText{font-family:'Dream Medium';font-size:22px;color:#000;line-height:1.5;height:65px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;transition:0.5s;}

/*내용*/
.wrap_rct .content{font-size:17px;color:#666;line-height:1.5;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:30px 0;}

/*날짜*/
.wrap_rct .date{font-size:14px;color:#00387a;line-height:1;margin-bottom:30px;}

/*더보기*/
.wrap_rct .more{display:block;width:200px;border-radius:30px;padding:15px 30px;font-size:15px;color:#FFF;line-height:1;background:#222 url(../images/more.png) 90% center no-repeat;position:absolute;bottom:0;left:calc(50% - 100px);transition:0.5s;}
.wrap_rct .more span{display:none;}

/*꾸미기*/
.wrap_rct .readMore{display:none;}

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

/*CONTROL*/
.wrap_rct .control{display:none;}
@media only screen and (max-width:1280px){
	.wrap_rct a.subject{padding:0 10px;}
	.wrap_rct .subjectText{font-size:20px;}
}
@media only screen and (max-width:768px){
	.wrap_rct > ul{justify-content:flex-start;}
	.wrap_rct .title a{font-size:18px;}
	.wrap_rct .title::after{margin:0 10px;}
	.wrap_rct .list{top:40px;}
	.wrap_rct .list ul li{width:100%;margin:0;border-bottom:1px solid #CCC;}
	.wrap_rct .list ul li:last-child{border:0;}
	.wrap_rct a.subject{padding:0;}
	.wrap_rct .con{border:0;padding:20px 0;display:flex;justify-content:space-between;align-items:center;}
	.wrap_rct .subjectText{font-family:'Dream Medium';font-size:16px;max-width:calc(100% - 85px);height:unset;white-space:nowrap;}
	.wrap_rct .content{display:none;}
	.wrap_rct .date{color:#666;margin-bottom:0;}
	.wrap_rct .more{width:22px;height:22px;padding:0;font-size:0;bottom:unset;left:unset;right:0;top:0;background:url(../images/plus.png) center no-repeat;}
}
@media only screen and (max-width:420px){
	.wrap_rct .subjectText{max-width:100%;}
	.wrap_rct .date{display:none;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct .title:hover::after{opacity:1;}
	.wrap_rct .title a:hover{color:#000;border-color:#000;}
	.wrap_rct a.subject:hover .con{border-color:#02a396;}
	.wrap_rct a.subject:hover .subjectText{color:#02a396;}
	.wrap_rct .more:hover{background-color:#02a396;}
}