@charset "utf-8";

.rct_departD{height:100%;background:rgba(0,31,59,0.9);padding:30px;}
.rct_departD .container{position:relative;}

/*게시판*/
.rct_departD .inner{display:flex;}
.rct_departD .inner > li{}

/*타이틀*/
.rct_departD .title{line-height:1;position:relative;padding-top:10px;}
.rct_departD .title::before{content:"";display:block;width:12px;height:12px;border-radius:100%;background:#007dff;border-radius:100%;position:absolute;top:3px;left:-3px;transform:scale(0);}
.rct_departD .title::after{content:"/";font-family:'Mont Bold';font-size:13px;color:#CCC;margin:0 10px;}
.rct_departD .title a{font-family:'Dream Regular';font-size:16px;color:#FFF;position:relative;}
.rct_departD .inner > li:last-child .title::after{display:none;}

/*목록*/
.rct_departD .list{position:absolute;top:50px;left:0;width:100%;}
.rct_departD .list ul{}
.rct_departD .list ul li{position:relative;padding-left:10px;}
.rct_departD .list ul li::before{content:"";display:block;width:3px;height:3px;background:#c2ceda;border-radius:100%;position:absolute;top:15px;left:0;}

/*noData*/
.rct_departD .list .nodata{font-size:18px;color:#c2ceda;text-align:center;padding:40px 0;width:100%;}

/*링크*/
.rct_departD a.subject{display:block;padding:8px 0;}

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

/*컨텐츠*/
.rct_departD .con{}

/*제목*/
.rct_departD .subjectText{font-size:15px;color:#c2ceda;line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*내용*/
.rct_departD .content{display:none;}

/*날짜*/
.rct_departD .dateA,
.rct_departD .dateB{display:none;}

/*더보기*/
.rct_departD .more{display:block;text-indent:-9999px;position:absolute;right:0;top:10px;width:14px;height:14px;background:url(../images/more_w.png) center no-repeat;}

/*활성화*/
.rct_departD .list,
.rct_departD .more{display:none}
.rct_departD .inner > li.active .list,
.rct_departD .inner > li.active .more{display:block}
.rct_departD .inner > li.active .title a{font-family:'Dream Medium';}
.rct_departD .inner > li.active .title::before{transform:scale(1);}

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

/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.rct_departD .title a:hover{font-family:'Dream Medium';}
	.rct_departD .title:hover::before{transform:scale(1);}
	.rct_departD .list ul li:hover::before{background:#FFF;}
	.rct_departD a.subject:hover:hover .subjectText{font-family:'Dream Medium';color:#FFF;}
}

@media only screen and (max-width:1280px){
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:380px){
}