@charset "utf-8";

.wrap_rct{height:100%;}
.wrap_rct .container{}

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

/*타이틀*/
.wrap_rct .title{position:relative;margin-right:20px;transition:0.3s;}
.wrap_rct .title a{font-size:23px;color:#555;line-height:1;font-family:'Noto Medium';}
.wrap_rct .inner > li.active .title a{color:#8b0029;background-image:linear-gradient(to bottom, transparent 50%, #eccdd6 0%);}

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

/*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;}

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

/*컨텐츠*/
.wrap_rct .con{}

/*제목*/
.wrap_rct .subjectText{font-size:22px;color:#222;line-height:1.4;font-family:'Noto Medium';white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}

/*내용*/
.wrap_rct .content{font-size:18px;color:#666;line-height:1.5;font-family:'Noto Regular';margin-top:10px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}

/*날짜*/
.wrap_rct .date{font-size:13px;color:#888;font-family:'Noto Regular';line-height:1;padding-top:20px;}
.wrap_rct .readMore{display:none;}

/*더보기*/
.wrap_rct .more{display:block;text-indent:-9999px;position:absolute;right:0;top:4px;width:16px;height:15px;background:url(../images/more.png) center no-repeat;opacity:0.5;}

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

@media only screen and (max-width:1280px){
	.wrap_rct .inner{padding-left:200px;}
}
@media only screen and (max-width:768px){
	.wrap_rct .inner{padding-left:0;}
	.wrap_rct .list{top:40px;}
	.wrap_rct .title a{font-size:18px;}
	.wrap_rct .list ul li{padding:15px 0;border-bottom:1px solid #c8d2dd;width:100%;margin-bottom:0;}
	.wrap_rct .list ul li:last-child{border:0;}
	.wrap_rct .subjectText{font-size:16px;}
	.wrap_rct .content{display:none;}
	.wrap_rct .date{padding-top:10px;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct .title a:hover{background-image:linear-gradient(to bottom, transparent 50%, #eccdd6 0%);}
	.wrap_rct a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 50%, #eee7dd 0%);}
}