@charset "utf-8";

.wrap_rct{height:100%;}

/*게시판*/
.wrap_rct .inner{display:flex;align-items:center;padding-right:150px;}
.wrap_rct .inner > li{}

/*타이틀*/
.wrap_rct .title{margin-right:30px;}
.wrap_rct .title a{font-size:30px;color:#FFF;font-family:'Noto Light';line-height:1.1;display:inline-block;}

/*목록*/
.wrap_rct .list{position:absolute;top:70px;left:0;width:100%;background:#FFF;}
.wrap_rct .list ul{display:flex;flex-wrap:wrap;}
.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%;}

/*링크*/
.wrap_rct a.subject{display:block;padding:50px;}

/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}

/*컨텐츠*/
.wrap_rct .con{}

/*제목*/
.wrap_rct .subjectText{line-height:1.5;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrap_rct .subjectText span{font-size:20px;color:#000;font-family:'Noto Medium';transition:0.5s;}

/*내용*/
.wrap_rct .content{line-height:1.5;margin:10px 0 30px 0;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;}
.wrap_rct .content span{font-size:16px;color:#333;font-family:'Noto Regular';}

/*날짜*/
.wrap_rct .date{font-size:14px;color:#222;font-family:'Noto Regular';line-height:1;border-top:1px solid #CCC;padding-top:30px;position:relative;}
.wrap_rct .date::before{content:"";display:block;width:10px;height:10px;background:url(../images/arrow_b.png) no-repeat center;position:absolute;left:0;top:-5px;opacity:0;transition:0.3s;}

/*더보기*/
.wrap_rct .more{display:block;width:120px;border-radius:30px;padding:9.5px 20px;font-size:12px;color:#FFF;font-family:'Play Regular';line-height:1;background:url(../images/plus.png) 90% center no-repeat;border:1px solid #FFF;position:absolute;top:0;right:0;transition:0.5s;}
.wrap_rct .more span{display:none;}

/*꾸미기*/
.wrap_rct .readMore{display:none;}

/*활성화*/
.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 Medium';color:#d7ccbe;}

/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct .title a:hover{color:#d7ccbe;}
	.wrap_rct a.subject:hover .date{border-color:#000;}
	.wrap_rct a.subject:hover .date::before{opacity:1;left:100%;}
	.wrap_rct .more:hover{background-color:#8b0029;}
}
@media only screen and (max-width:1280px){
	.wrap_rct a.subject{padding:25px;}
}
@media only screen and (max-width:768px){
	.wrap_rct .inner{padding-right:0;}
	.wrap_rct .inner::after{display:none;}
	.wrap_rct .title{margin-right:20px;}
	.wrap_rct .title a{font-size:20px;}
	.wrap_rct .list{top:50px;padding:20px 0;}
	.wrap_rct .list ul li{width:100%;}
	.wrap_rct a.subject{padding:0 15px;}
	.wrap_rct .con{border-bottom:1px solid #EEE;padding-bottom:15px;margin-bottom:15px;}
	.wrap_rct .list ul li:last-child .con{border:0;}
	.wrap_rct .list ul li a.subject:last-child{border:0;}
	.wrap_rct .subjectText span{font-size:16px;}
	.wrap_rct .content{display:none;}
	.wrap_rct .date{color:#888;font-family:'Play Regular';padding-top:5px;border-top:0;}
	.wrap_rct .date::before{display:none;}
	.wrap_rct .more{width:26px;height:26px;font-size:0;padding:0;border:0;background:url(../images/plus.png) center no-repeat;}
}