@charset "utf-8";

.wrap_rct{word-break:break-all;min-height:325px;}

.wrap_rct h3{color:#FFF;font-size:32px;line-height:1.2;font-family:'Play', sans-serif;margin-bottom:20px;display:flex;align-items:center;position:absolute;top:0;left:0.5%;}
.wrap_rct h3::after{content:"";display:block;width:40px;height:1px;background:#FFF;margin:0 20px;}

/*게시판*/
.wrap_rct > ul{display:flex;padding:3px 0 0 150px;}
.wrap_rct > ul > li{}
/*타이틀*/
.wrap_rct .title{margin-left:25px;}
.wrap_rct .title a{color:#c0c3c5;font-size:22px;}
/*목록*/
.wrap_rct .list{position:absolute;bottom:0;left:0;width:100%;}
.wrap_rct .list ul{display:flex;flex-wrap:wrap;}
.wrap_rct .list ul li{width:24%;margin:0 0.5%;}
/*noData*/
.wrap_rct .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;color:#FFF;}
/*링크*/
.wrap_rct a.subject{display:block;background:rgba(0,0,0,0.4);padding:30px;}
.wrap_rct a.subject::before{content:"";display:block;width:45px;height:50px;background:url(../images/notice_icon_w.png) no-repeat center top;}
.wrap_rct .con{}
/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}
/*컨텐츠*/
.wrap_rct .inner{}
/*제목*/
.wrap_rct .subjectText{color:#FFF;font-size:18px;font-family:'S-CoreDream-5Medium';}
/*내용*/
.wrap_rct .content{color:#b8b8b8;font-size:16px;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:50px;line-height:25px;margin-top:20px;}
/*날짜*/
.wrap_rct .date{color:#b8b8b8;font-size:14px;margin-top:20px;}
/*더보기*/
.wrap_rct .more{display:block;width:30px;height:30px;background:url(../images/plus_w.png) no-repeat center center;position:absolute;top:5px;right:5px;}
.wrap_rct .more span{text-indent:-9999px;}
/*활성화*/
.wrap_rct .list,
.wrap_rct .more{display:none;}
.wrap_rct > ul > li.active .list{display:block;}
.wrap_rct > ul > li.active .more{display:flex;align-items:center;justify-content:center;}
.wrap_rct > ul > li.active .title a{color:#FFF;font-family:'S-CoreDream-6Bold';}

@media only screen and (min-width:769px){
.wrap_rct .subjectText{display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:50px;line-height:25px;}
}
@media only screen and (max-width:768px){
	.wrap_rct h3{display:none;}
	.wrap_rct > ul{padding:0;}
	.wrap_rct .title{margin-left:0;margin-right:25px;}
	.wrap_rct .title a{font-size:20px;}
	.wrap_rct .list{bottom:40px;}
	.wrap_rct .list ul li{width:100%;margin:0 0 1% 0;}
	.wrap_rct a.subject{padding:15px;}
	.wrap_rct .subjectText{font-size:16px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.wrap_rct a.subject::before,
	.wrap_rct .content,
	.wrap_rct .date{display:none;}
	.wrap_rct .more{bottom:0;top:auto;right:50%;margin-right:-15px;}
}


/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct a.subject:hover{background:#FFF;}
	.wrap_rct a.subject:hover::before{background:url(../images/notice_icon_b.png) no-repeat center top;}
	.wrap_rct a.subject:hover .subjectText{color:#222;}
	.wrap_rct a.subject:hover .content{color:#666;}
	.wrap_rct a.subject:hover .date{color:#999;}
}