@charset "utf-8";

.wrap_rct{height:100%;padding-top:40px;}
.wrap_rct::before{content:"";display:block;width:100%;height:calc(100% - 70px);background:rgba(0,0,0,0.3);position:absolute;top:80px;left:0;}
.wrap_rct::after{content:"";display:block;width:100%;height:1px;background:rgba(255,255,255,0.5);position:absolute;top:80px;left:0;}

.wrap_rct .container{}

/*게시판*/
.wrap_rct .inner{width:90%;margin: 0 auto;position:relative;display:flex;}
.wrap_rct .inner > li{}
/*타이틀*/
.wrap_rct .title{margin-right:20px;}
.wrap_rct .title a{font-size:20px;color:#d7ccbe;line-height:1;}
/*목록*/
.wrap_rct .list{position:absolute;top:60px;left:0;width:100%;}
.wrap_rct .list ul{display:flex;}
.wrap_rct .list ul li{width:25%;padding:0 30px;position:relative;border-right:1px solid rgba(255,255,255,0.4);}
.wrap_rct .list ul li:last-child{border:0;padding-right:0;}
.wrap_rct .list ul li:first-child{padding-left:0;}
.wrap_rct .list ul li::before{content:"";display:block;width:10px;height:10px;background:#FFF;border-radius:100%;position:absolute;top:-25px;left:-50px;transform:scale(0);transition:0.3s;}

/*noData*/
.wrap_rct .list .nodata{font-size:18px;color:#FFF;text-align:center;padding:40px 0;width:100%;}
/*링크*/
.wrap_rct a.subject{display:block;padding:5px 0 15px 0;}
/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}
/*컨텐츠*/
.wrap_rct .con{display:flex;flex-direction:column-reverse;}
/*제목*/
.wrap_rct .subjectText{line-height:1.3;position:relative;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrap_rct .subjectText span{font-size:18px;color:#FFF;font-family:'Noto Medium';}
/*내용*/
.wrap_rct .content{display:none;}
/*날짜*/
.wrap_rct .date{font-family:'Noto Regular';font-size:16px;color:#FFF;line-height:1;padding-bottom:10px;}
.wrap_rct .readMore{display:none;}
/*더보기*/
.wrap_rct .more{display:block;text-indent:-9999px;position:absolute;right:0;top:0;width:20px;height:20px;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 Medium';color:#FFF;}

/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct .title a:hover{color:#FFF;}
	.wrap_rct .list ul li:hover::before{transform:scale(1);left:30px;}
	.wrap_rct .list ul li:hover:first-child::before{transform:scale(1);left:0px;}
	.wrap_rct a.subject:hover .subjectText::before{transform: rotatey(360deg);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media only screen and (max-width:1640px){
	.wrap_rct .inner{max-width:96%;}
}
@media only screen and (max-width:1280px){
	.wrap_rct .title a{font-size:20px;}
	.wrap_rct .list ul li{padding:0 15px;width:33.3%;}
	.wrap_rct .list ul li::before{left:15px;transform:scale(1);}
	.wrap_rct .list ul li:first-child::before{left:0px;}
	.wrap_rct .list ul li:nth-child(4){display:none;}
	.wrap_rct .list ul li:nth-child(3){border:0;}
}
@media only screen and (max-width:768px){
	.wrap_rct::before,
	.wrap_rct::after{display:none;}
	.wrap_rct .title a{font-size:18px;color:#666;}
	.wrap_rct .inner > li.active .title a{color:#222;}
	.wrap_rct .list{top:40px;}
	.wrap_rct .list ul{display:block;}
	.wrap_rct .list ul li{width:100%;padding:0;}
	.wrap_rct .list ul li::before{display:none;}
	.wrap_rct .list ul li:nth-child(4){display:block;}
	.wrap_rct .con{display:block;}
	.wrap_rct a.subject{padding:15px 0;border-top:1px solid #EEE;}
	.wrap_rct .subjectText{}
	.wrap_rct .subjectText span{font-size:16px;color:#666;}
	.wrap_rct .date{font-size:13px;padding:5px 0 0 0;color:#888;}
	.wrap_rct .more{background-size:13px;filter: invert(1) brightness(10);}
}