@charset "utf-8";

.wrap_rct{min-height:440px;}

/*게시판*/
.wrap_rct > ul{display:flex;justify-content:flex-start;align-contents:center;}
.wrap_rct > ul > li{}
/*타이틀*/
.wrap_rct .title{position:relative;margin-right:30px;}
.wrap_rct .title::before{content:"";display:block;width:100%;height:15px;background:transparent;position:absolute;left:0;bottom:10px;}
.wrap_rct .title a{display:inline-block;font-size:24px;font-family:'Noto Medium';line-height:1;border-bottom:2px solid transparent;padding:10px 0;color:#666;}
.wrap_rct .title a::before{content:"◆ ◆ ◆";display:block;margin:0 auto 10px auto;font-size:10px;text-align:center;color:transparent;}
.wrap_rct .title a span{position:relative;}
.wrap_rct > ul > li.active .title::before{background:#bcdcfa;}
.wrap_rct > ul > li.active .title a{color:#00428e !important;font-family:'Noto Bold';}
.wrap_rct > ul > li.active .title a::before{color:#00428e;}

/*목록*/
.wrap_rct .list{position:absolute;top:100px;left:0;width:100%;}
.wrap_rct .list ul{display:flex;flex-wrap:wrap;}
.wrap_rct .list ul li{width:48%;padding:0 2% 5% 0;}
/*noData*/
.wrap_rct .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;}
/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}
/*컨텐츠*/
.wrap_rct .con{}
.wrap_rct a.subject{display:block;padding-bottom:10px;border-bottom:2px solid transparent;}
/*제목*/
.wrap_rct .subjectText{font-size:24px;font-family:'Noto Medium';color:#222;height:70px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_rct .content{display:none;}
/*날짜*/
.wrap_rct .date{font-size:15px;font-family:'Noto Light';color:#666;margin-top:10px;}
/*더보기*/
.wrap_rct .more{text-indent:-9999px;position:absolute;right:25px;top:25px;width:30px;height:30px;background:url(../images/plus.png) center no-repeat;}
/*활성화*/
.wrap_rct .list,
.wrap_rct .more{display:none}
.wrap_rct > ul > li.active .list{display:block}
.wrap_rct > ul > li.active .more{display:inline-block}

@media only screen and (max-width:1280px){
	.wrap_rct .title{margin-right:20px;}
	.wrap_rct .title a{font-size:22px;}
	.wrap_rct a.subject{padding-bottom:0;border-bottom:0;}
	.wrap_rct .subjectText{font-size:20px;height:60px;}
}
@media only screen and (max-width:768px){
	.wrap_rct .title{margin-right:15px;}
	.wrap_rct .title a{font-size:20px;}
	.wrap_rct .list{top:70px;}
	.wrap_rct .list ul li{width:100%;padding:15px 0;border-top:1px solid #222;}
	.wrap_rct .subjectText{font-size:18px;height:unset;width:100%;white-space:nowrap;}
	.wrap_rct .date{margin-top:0;}
	.wrap_rct .more{right:0;}
}



/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_rct > ul > li .title a:hover{color:#222 !important;}
	.wrap_rct > ul > li .title a:hover::before{color:#222;}
	.wrap_rct a.subject:hover{border-color:#666;}
}