@charset "utf-8";

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

/*게시판*/
.wrap_rct .inner{display:flex;}
.wrap_rct .inner > li{}
/*타이틀*/
.wrap_rct .title{margin-right:20px;}
.wrap_rct .title a{font-size:21px;color:#FFF;font-family:'Dream Medium';}
.wrap_rct .title a::before{width:10px;height:10px;background:#FFF;border-radius:100%;margin:0 auto 10px auto;content:"";display:block;opacity:0;}
.wrap_rct .inner > li.active .title a{color:#b8f329;}
.wrap_rct .inner > li.active .title a::before{opacity:1;background:#b8f329;}
/*목록*/
.wrap_rct .list{position:absolute;top:80px;left:0;width:100%;border-top:2px solid #FFF;}
.wrap_rct .list ul{}
.wrap_rct .list ul li{}

/*noData*/
.wrap_rct .list .nodata{font-size:18px;color:#FFF;text-align:center;padding:40px 0;width:100%;border:0 !important;}
/*링크*/
.wrap_rct a.subject{padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.5);display:block;}
/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}
/*컨텐츠*/
.wrap_rct .con{display:flex;flex-direction:row-reverse;align-items:center;}
.wrap_rct .wrap{width:calc(100% - 80px);padding-left:20px;}
.wrap_rct .heading{display:none;}
/*제목*/
.wrap_rct .subjectText{font-size:18px;color:#FFF;line-height:1;font-family:'Dream Medium';width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*내용*/
.wrap_rct .content{font-size:16px;color:#e4fcaa;line-height:1;font-family:'Dream Regular';width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}
/*날짜*/
.wrap_rct .dateA{display:none;}
.wrap_rct .dateB{width:80px;font-family:'Mont SemiBold';display:block;line-height:1;text-align:center;}
.wrap_rct .dateB .dD{font-size:45px;color:#FFF;letter-spacing:-2px;}
.wrap_rct .dateB .yM{font-size:14px;color:#FFF;display:block;}
/*더보기*/
.wrap_rct .more{display:block;text-indent:-9999px;position:absolute;right:0;top:21px;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}
/*CONTROL*/
.wrap_rct .control{display:none;}

@media only screen and (max-width:1280px){
}
@media only screen and (max-width:768px){
	.wrap_rct .wrap{width:calc(100% - 60px);padding-left:10px;}
	.wrap_rct .dateB{width:60px;}
	.wrap_rct .dateB .dD{font-size:35px;}
}

/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct .title a:hover::before{opacity:1;}
	.wrap_rct a.subject:hover{border-color:#FFF;}
}