@charset "utf-8";

.rct_etcB_2{height:100%;}

/*게시판*/
.rct_etcB_2 > ul{position:relative;}
.rct_etcB_2 > ul > li{}

/*타이틀*/
.rct_etcB_2 .title{display:flex;}
.rct_etcB_2 .title a{font-family:'Dream Medium';font-size:20px;color:#FFF;line-height:1;}

/*목록*/
.rct_etcB_2 .list{margin-top:50px;}
.rct_etcB_2 .list ul{}
.rct_etcB_2 .list ul li{}

/*noData*/
.rct_etcB_2 .list .nodata{font-size:18px;color:#000;text-align:center;padding:50px 0;}

/*링크*/
.rct_etcB_2 a.subject{display:block;}

/*썸네일*/
.rct_etcB_2 .thumb{display:none;}
.rct_etcB_2 .thumb img{}

/*컨텐츠*/
.rct_etcB_2 .con{border:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.1);padding:25px;margin-bottom:20px;transition:0.5s;}

/*제목*/
.rct_etcB_2 .subjectText{font-family:'Dream Bold';font-size:17px;color:#FFF;line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*내용*/
.rct_etcB_2 .content{font-size:15px;color:rgba(255,255,255,0.5);line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}

/*날짜*/
.rct_etcB_2 .date{display:none;}

/*더보기*/
.rct_etcB_2 .more{position:absolute;right:0;top:2px;font-family:'Play Bold';font-size:15px;color:#FFF;align-items:center;line-height:1;}
.rct_etcB_2 .more::after{content:"";display:block;width:14px;height:10px;margin-left:10px;transition:0.2s;background:url(/sites/templet_guide//images/common/arrow_23_w.png) no-repeat left center;}
.rct_etcB_2 .more span{display:none;}

/*활성화*/
.rct_etcB_2 .list,
.rct_etcB_2 .more{display:none;}
.rct_etcB_2 > ul > li.active .list{display:block;}
.rct_etcB_2 > ul > li.active .more{display:flex;}
.rct_etcB_2 > ul > li.active .title a{font-family:'Dream Bold';color:#FFF;}

/*CONTROL*/
.rct_etcB_2 .control{display:none;}

/*HOVER*/
@media only screen and (min-width:1281px){
	.rct_etcB_2 a.subject:hover .con{border:1px solid rgba(255,255,255,1);background:rgba(255,255,255,1);}
	.rct_etcB_2 a.subject:hover .subjectText{color:#000;}
	.rct_etcB_2 a.subject:hover .content{color:#000;}
	.rct_etcB_2 .more:hover::after{margin-left:15px;}
}
@media only screen and (max-width:768px){
}