@charset "utf-8";

.wrap_rct{word-break:break-all;min-height:300px;}
.wrap_rct:before{content:"";display:block;width:100%;height:1px;background:rgba(255,255,255,0.5);position:absolute;left:0;top:60px;}

/*게시판*/
.wrap_rct > ul{display:flex;align-items:center;}
.wrap_rct > ul > li{}
/*타이틀*/
.wrap_rct .title{margin-right:25px;position:relative;}
.wrap_rct .title a{display:inline-block;font-size:18px;color:#FFF;font-weight:400;line-height:1;padding-bottom:5px;border-bottom:2px solid transparent;}
.wrap_rct > ul > li.active .title a{font-size:22px;color:#049efe;border-color:#049efe;}
/*목록*/
.wrap_rct .list{position:absolute;top:85px;left:0;width:100%;}
.wrap_rct .list ul{display:flex;justify-content:flex-start;align-contents:center;}
.wrap_rct .list ul li{width:23.5%;position:relative;margin-right:2%;}
.wrap_rct .list ul li:last-child{margin-right:0;}
.wrap_rct .list ul li:before{content:"";display:block;width:10px;height:10px;background:#FFF;border-radius:100%;position:absolute;left:0;top:-30px;}
/*noData*/
.wrap_rct .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100% !important;color:#FFF;}
/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}
/*컨텐츠*/
.wrap_rct .con{}
.wrap_rct a.subject{display:block;padding:5px 0;position:relative;}
/*제목*/
.wrap_rct .subjectText{position:relative;font-size:18px;color:#FFF;line-height:1.3;padding-left:90px;}
.wrap_rct .subjectText span{display:inline-block;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_rct .content{display:none;}
/*날짜*/
.wrap_rct .date{font-size:16px;color:#FFF;font-family:'Montserrat', sans-serif;font-weight:500;position:absolute;left:0;top:5px;}
/*더보기*/
.wrap_rct .more{display:block;text-indent:-9999px;position:absolute;right:0;top:0;width:40px;height:40px;background:url(/sites/style_guide/images/common/plus_3_w.png) center no-repeat;}
/*활성화*/
.wrap_rct .list,
.wrap_rct .more{display:none}
.wrap_rct > ul > li.active .list,
.wrap_rct > ul > li.active .more{display:block}
@media only screen and (max-width:1024px){
	.wrap_rct{padding:50px 0;min-height:240px;}
	.wrap_rct .subjectText{padding-left:0;}
	.wrap_rct .date{position:relative;left:auto;top:auto;}
	.wrap_rct .list{top:100px;width:100%;}
	.wrap_rct:before,
	.wrap_rct .list ul li:before{display:none;}
	.wrap_rct .more{top:45px;}
}
@media only screen and (max-width:768px){
	.wrap_rct{min-height:310px;}
	.wrap_rct > ul > li.active .title a{font-size:18px;}
	.wrap_rct .list{top:110px;}
	.wrap_rct .list ul{display:block;}
	.wrap_rct .list ul li{width:100%;margin-right:0;}
	.wrap_rct .subjectText{font-size:16px;}
	.wrap_rct .subjectText span{height:auto;white-space:nowrap;width:calc(100% - 100px);}
	.wrap_rct .date{position:absolute;right:0;top:5px;}
	.wrap_rct .more{right:auto;top:auto;bottom:20px;width:100%;}
}


/*HOVER****************************************/
@media only screen and (min-width:1025px){
	.wrap_rct .title a:hover{border-color:#FFF;}
	.wrap_rct .list ul li:hover:before{width:8px;height:13px;background:url(/sites/style_guide/images/common/arrow_2_w.png) center no-repeat;left:50%;top:-31px;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
}