@charset "utf-8";

.rct_departB{height:100%;background:#FFF;padding:100px 60px;}
.rct_departB .container{position:relative;}

.rct_departB ul.inner{}
.rct_departB ul.inner > li{}

/*타이틀*/
.rct_departB .title{display:none;}

/*목록*/
.rct_departB .list{width:100%;position:absolute;top:0;left:0;}
.rct_departB .list ul{display:flex;flex-wrap:wrap;}
.rct_departB .list ul li{width:21%;margin:2%;border-bottom:1px solid #DDD;}

/*noData*/
.rct_departB .list .nodata{font-size:18px;color:#000;text-align:center;padding:40px 0;width:100%;}
.rct_departB .list .nodata::before{display:none;}

/*링크*/
.rct_departB a.subject{}

/*컨텐츠*/
.rct_departB .con{padding:0 0 20px 0;}
.rct_departB .con::before{content:"";display:block;width:18px;height:3px;background:#004eff;transition:0.3s;}

/*제목*/
.rct_departB .subjectText{font-family:'Dream Medium';font-size:18px;color:#000;line-height:1.5;margin-top:15px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}

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

/*내용*/
.rct_departB .content{font-size:14px;color:#666;line-height:1.8;margin-top:15px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}

/*날짜*/
.rct_departB .dateA{font-size:15px;color:#666;margin-top:15px;line-height:1;}
.rct_departB .dateB{display:none;}

/*더보기*/
.rct_departB .more{display:none !important;text-indent:-9999px;width:18px;height:18px;background:url(../images/more.png) center no-repeat;margin-left:15px;}

/*활성화*/
.rct_departB .list,
.rct_departB .more{display:none}
.rct_departB .inner > li.active .list,
.rct_departB .inner > li.active .more{display:block}
.rct_departB .inner > li.active .title a{color:#004eff;}
.rct_departB .inner > li.active .title a::before{transform:scale(1);}

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

/*HOVER*/
@media only screen and (min-width:1281px){
	.rct_departB .title a:hover{color:#004eff;}
	.rct_departB .title a:hover::before{transform:scale(1);}
	.rct_departB a.subject:hover .con::before{width:36px;}
	.rct_departB a.subject:hover .subjectText{font-family:'Dream Bold';color:#004eff;}
	.rct_departB a.subject:hover .content{font-family:'Dream Medium';color:#000;}
}
@media only screen and (max-width:1280px){
	.rct_departB{padding:50px;}
	.rct_departB .list ul li{width:30.3%;margin:1.5%;}
}
@media only screen and (max-width:768px){
	.rct_departB{padding:30px;}
	.rct_departB .list ul li{width:100%;margin:0;}
	.rct_departB .con{padding:15px 0;display:flex;align-items:center;justify-content:space-between;}
	.rct_departB .con::before{display:none;}
	.rct_departB .subjectText{font-size:16px;line-height:1;margin-top:0;-webkit-line-clamp:1;}
	.rct_departB .content{display:none;}
	.rct_departB .dateA{margin-top:0;}
}