@charset "utf-8";

.wrap_rct_noti{word-break:break-all;min-height:365px;}

/*게시판*/
.wrap_rct_noti > ul{display:flex;justify-content:flex-start;align-items:center;}
.wrap_rct_noti > ul > li{width:100%;}
/*타이틀*/
.wrap_rct_noti .title{}
.wrap_rct_noti .title a{display:block;text-align:center;font-size:20px;font-weight:400;line-height:1.2;color:#333;padding:15px 0;background:#FFF;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd;}
.wrap_rct_noti > ul > li.active .title a{font-weight:700;background:#0d57a7;color:#FFF;}

/*목록*/
.wrap_rct_noti .list{position:absolute;top:100px;left:0;width:100%;}
.wrap_rct_noti .list ul{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.wrap_rct_noti .list ul li{width:100%;margin-bottom:0.2%;}
/*noData*/
.wrap_rct_noti .list .nodata{font-size:20px;text-align:center;padding:50px;width:100% !important;}
/*썸네일*/
.wrap_rct_noti .thumb{display:none;}
.wrap_rct_noti .thumb img{}
/*컨텐츠*/
.wrap_rct_noti .con{}
.wrap_rct_noti a.subject{display:block;padding:20px;background:#FFF;position:relative;border:3px solid transparent;}
/*제목*/
.wrap_rct_noti .subjectText{font-size:18px;font-weight:400;color:#333;line-height:1.3;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_rct_noti .content{display:none;}
/*날짜*/
.wrap_rct_noti .date{font-size:14px;font-weight:200;color:#555;margin-top:10px;}
/*더보기*/
.wrap_rct_noti .more{position:absolute;right:0;top:65px;}
.wrap_rct_noti .more i{display:none;}
.wrap_rct_noti .more span{color:#888;font-size:14px;font-weight:500;display:flex;align-items:center;}
.wrap_rct_noti .more span::after{content:"";display:block;width:12px;height:8px;background:url(../images/more_888.png) right center no-repeat;}
/*활성화*/
.wrap_rct_noti .list,
.wrap_rct_noti .more{display:none}
.wrap_rct_noti > ul > li.active .list{display:block}
.wrap_rct_noti > ul > li.active .more{display:inline-block}

@media only screen and (min-width:1025px){
	/*첫글*/
	.wrap_rct_noti .list{padding-left:25%;}
	.wrap_rct_noti .list ul li{width:32.9%;margin:0.2%;}
	.wrap_rct_noti .list ul li:first-child{position:absolute;top:0;left:0;width:24%;height:100%;margin:0;min-height:262px;}
	.wrap_rct_noti .list ul li:first-child .con{height:100%;}
	.wrap_rct_noti .list ul li:first-child a.subject{height:100%;border-color:#265aa6;}
	.wrap_rct_noti .list ul li:first-child .content{display:block;color:#000;font-size:15px;font-weight:300;margin-top:15px;height:90px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
	.wrap_rct_noti .list ul li:first-child .date{margin-top:15px;}
}
@media only screen and (max-width:1024px){
	.wrap_rct_noti{min-height:525px;}
	.wrap_rct_noti a.subject{padding:15px 20px;}
	.wrap_rct_noti .subjectText{font-weight:300;height:auto;width:calc(100% - 80px);white-space:nowrap;}
	.wrap_rct_noti .date{margin-top:0;position:absolute;right:20px;top:15px;}
}
@media only screen and (max-width:768px){
	.wrap_rct_noti .title a{font-size:18px;}
}
@media only screen and (max-width:480px){
	.wrap_rct_noti .title a{font-size:16px;}
	.wrap_rct_noti .list{top:110px;}
	.wrap_rct_noti .more{top:80px;}
	.wrap_rct_noti .subjectText{width:100%;}
	.wrap_rct_noti .date{display:none;}
}


/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_rct_noti .title a:hover{font-weight:700;}
	.wrap_rct_noti a.subject:hover{border-color:#DDD;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_rct_noti .list ul li:first-child a:hover.subject{border-color:#000;}
}