@charset "utf-8";

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

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

/*타이틀*/
.departB_rct .title{line-height:1;position:relative;padding-top:10px;}
.departB_rct .title::after{content:"/";font-family:'Mont Bold';font-size:13px;color:#DDD;margin:0 10px;vertical-align:1px}
.departB_rct .title a{font-family:'Dream Bold';font-size:16px;color:#DDD;position:relative;}
.departB_rct .title a::before{content:"";display:block;width:7px;height:7px;border-radius:100%;background:#00a79e;border-radius:100%;position:absolute;top:-10px;left:calc(50% - 3.5px);transform:scale(0);}
.departB_rct .inner > li:last-child .title::after{display:none;}

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

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

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

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

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

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

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

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

/*더보기*/
.departB_rct .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;}

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

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

/*HOVER*/
@media only screen and (min-width:1281px){
	.departB_rct .title a:hover{font-family:'Dream Medium';}
	.departB_rct .title a:hover::before{transform:scale(1);}
	.departB_rct .list ul li:hover::before{background:#FFF;}
	.departB_rct a.subject:hover .subjectText span{color:#FFF;}
}
@media only screen and (max-width:768px){
	.departB_rct{padding:30px 20px;}
	.departB_rct .title::after{margin:0 5px;}
}