@charset "utf-8";

.wrap_rct_2{word-break:break-all;background:#FFF;height:100%;}

/*게시판*/
.wrap_rct_2 > ul{display:flex;justify-content:flex-start;align-contents:center;background:#FFF;height:100%;position:relative;}
.wrap_rct_2 > ul > li{}
/*타이틀*/
.wrap_rct_2 .title{margin-right:20px;display:flex;justify-content:flex-start;align-items:center;}
.wrap_rct_2 .title a{display:inline-block;font-size:30px;font-weight:500;line-height:1;color:#222;}
.wrap_rct_2 > ul > li.active .title a{color:#0d57a7;}

/*목록*/
.wrap_rct_2 .list{position:absolute;top:65px;left:0;width:100%;padding:15px 0;border-top:1px solid #DDD;}
.wrap_rct_2 .list ul{}
.wrap_rct_2 .list ul li{width:100%;}
/*noData*/
.wrap_rct_2 .list .nodata{font-size:22px;text-align:center;padding:50px 0;width:100%;}
/*썸네일*/
.wrap_rct_2 .thumb{display:none;}
.wrap_rct_2 .thumb img{}
/*컨텐츠*/
.wrap_rct_2 .con{}
.wrap_rct_2 a.subject{display:flex;justify-content:space-between;padding:25px 0;position:relative;border-bottom:1px solid #EEE;color:#888;line-height:1;font-size:20px;}
/*제목*/
.wrap_rct_2 .subjectText{position:relative;width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_rct_2 .subjectText span{}
/*내용*/
.wrap_rct_2 .content{display:none;}
/*날짜*/
.wrap_rct_2 .date{text-align:right;width:110px;color:#BBB;}
/*더보기*/
.wrap_rct_2 .more{text-indent:-9999px;position:absolute;right:0px;top:0;width:30px;height:30px;background:url(/sites/style_guide/images/common/plus_2_b.png) center no-repeat;}
/*활성화*/
.wrap_rct_2 .list,
.wrap_rct_2 .more{display:none}
.wrap_rct_2 > ul > li.active .list{display:block}
.wrap_rct_2 > ul > li.active .more{display:inline-block}

@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
	.wrap_rct_2 .title a{font-size:18px;}
	.wrap_rct_2 .list{top:45px;}
	.wrap_rct_2 a.subject{padding:15px 0;font-size:16px;}
	.wrap_rct_2 .more{top:-6px;}
}
@media only screen and (max-width:420px){
	.wrap_rct_2 .title{margin-right:10px;}
	.wrap_rct_2 .subjectText{width:100%;}
	.wrap_rct_2 .date{display:none;}
}


/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_rct_2 .title a:hover{color:#b8c5e0;}
	.wrap_rct_2 a.subject:hover{font-weight:400;}
}