@charset "utf-8";

.wrap_rct{height:100%;border-bottom:2px solid #000;}

/*게시판*/
.wrap_rct .inner{position:relative;display:flex;padding-right:40px;}
.wrap_rct .inner > li{}

/*타이틀*/
.wrap_rct .title{display:flex;align-items:center;}
.wrap_rct .title a{font-family:'Noto Medium';font-size:20px;color:#868686;line-height:1;padding:2px 0;border-bottom:1px solid transparent;}
.wrap_rct .title::before{content:"";display:block;width:6px;height:6px;border-radius:100%;background:#7f7f7f;margin:0 15px;}
.wrap_rct .inner > li:first-child .title::before{display:none;}

/*목록*/
.wrap_rct .list{position:absolute;top:60px;left:0;width:100%;}
.wrap_rct .list ul{}
.wrap_rct .list ul li{}

/*noData*/
.wrap_rct .list .nodata{font-size:18px;color:#000;text-align:center;padding:50px 0;background:none !important;}

/*링크*/
.wrap_rct a.subject{display:block;}

/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}

/*컨텐츠*/
.wrap_rct .con{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 15px;position:relative;}
.wrap_rct .con::before{content:"";display:block;width:5px;height:5px;border-radius:100%;background:#d7ccbe;position:absolute;left:0;top:16px;}

/*제목*/
.wrap_rct .subjectText{font-size:16px;color:#333;line-height:1.1;width:calc(100% - 130px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_rct .subjectText span{border-bottom:1px solid transparent;transition:0.3s;}

/*내용*/
.wrap_rct .content{display:none;font-size:16px;color:#666;line-height:1.5;margin-top:20px;}

/*날짜*/
.wrap_rct .date{font-family:'Noto Regular';font-size:14px;color:#888;line-height:1;}
.wrap_rct .readMore{display:none;}


/*더보기*/
.wrap_rct .more{display:block;text-indent:-9999px;position:absolute;right:0;top:0;width:25px;height:25px;background:url(../images/more.png) center no-repeat;}

/*활성화*/
.wrap_rct .list,
.wrap_rct .more{display:none}
.wrap_rct .inner > li.active .list,
.wrap_rct .inner > li.active .more{display:block}
.wrap_rct .inner > li.active .title a{font-family:'Noto Bold';color:#8b0029;border-color:#8b0029;}

/*첫글*/
@media only screen and (min-width:769px){
	.wrap_rct .list ul li:first-child{background:url(../images/icon_noti.png) left 2px no-repeat;}
	.wrap_rct .list ul li:first-child .con{display:block;padding:0 0 20px 100px;}
	.wrap_rct .list ul li:first-child .con::before{display:none;}
	.wrap_rct .list ul li:first-child .subjectText{font-size:21px;font-family:'Noto Medium';width:100%;}
	.wrap_rct .list ul li:first-child .content{display:block;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;}
	.wrap_rct .list ul li:first-child .date{display:none;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct .title a:hover{color:#000;border-color:#000;}
	.wrap_rct a.subject:hover .subjectText{font-family:'Noto Medium';color:#000;}
	.wrap_rct a.subject:hover .content{font-family:'Noto Medium';}
}
@media only screen and (max-width:768px){
	.wrap_rct .title a{font-size:18px;}
	.wrap_rct .list{top:50px;}
	.wrap_rct .con{padding:0 0 15px 15px;display:block;}
	.wrap_rct .subjectText{font-size:16px;line-height:1.3;width:100%;}
	.wrap_rct .con::before{top:8px;}
	.wrap_rct .date{padding-top:5px;}
	.wrap_rct .more{width:12px;height:12px;top:2px;background-size:12px;}
}