@charset "utf-8";

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

.rct_departB ul.inner{padding-top:100px;}
.rct_departB ul.inner > li{display:flex;}

/*타이틀*/
.rct_departB .title{max-width:25%;margin-bottom:25px;}
.rct_departB .title a{font-family:'Dream Medium';font-size:20px;color:#6b6b6b;line-height:1;display:flex;align-items:center;}
.rct_departB .title a::before{content:"";display:block;width:10px;height:10px;border-radius:100%;background:#004eff;margin-right:10px;transform:scale(0);transition:0.5s;}

/*목록*/
.rct_departB .list{width:75%;position:absolute;top:0;left:25%;}
.rct_departB .list ul{display:flex;flex-wrap:wrap;}
.rct_departB .list ul li{width:33.3%;}

/*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 20px;border-right:1px solid #DDD;}
.rct_departB .con::before{content:"";display:block;width:18px;height:3px;background:#004eff;transition:0.3s;}
.rct_departB .list ul li:last-child .con{border-right:0;}

/*제목*/
.rct_departB .subjectText{font-family:'Dream Medium';font-size:18px;color:#000;line-height:1.5;margin-top:30px;height:55px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*썸네일*/
.rct_departB .thumb{}
.rct_departB .thumb img{}

/*내용*/
.rct_departB .content{font-size:14px;color:#666;line-height:1.8;margin-top:40px;height:175px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

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

/*더보기*/
.rct_departB .more{display:block;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 all and (max-width:1700px) {
}
@media only screen and (max-width:1280px){
	.rct_departB{padding:50px;}
	.rct_departB ul.inner{padding-top:0;display:flex;flex-wrap:wrap;}
	.rct_departB ul.inner > li{display:block;}
	.rct_departB .title{max-width:unset;margin-bottom:15px;margin-right:20px;}
	.rct_departB .title a{position:relative;}
	.rct_departB .title a::before{width:7px;height:7px;margin-right:unset;position:absolute;top:-10px;left:calc(50% - 3.5px);}
	.rct_departB .list{width:100%;top:60px;left:0;}
	.rct_departB .more{margin-left:0;position:absolute;top:0;right:0;}
}
@media only screen and (max-width:768px){
	.rct_departB{padding:30px;}
	.rct_departB .title{margin-right:10px;}
	.rct_departB .title a{font-size:18px;}
	.rct_departB .list ul li{width:100%;}
	.rct_departB .con{padding:15px 0;border-bottom:1px solid #DDD;border-right:0;}
	.rct_departB .con::before{display:none;}
	.rct_departB .subjectText{font-size:16px;line-height:1;margin-top:0;height:unset;word-wrap:unset;white-space:nowrap;}
	.rct_departB .content{margin-top:10px;height:43px;line-height:1.5;}
	.rct_departB .dateA{margin-top:10px;}
	.rct_departB .more{top:515px;right:calc(50% - 9px);}
}
@media only screen and (max-width:380px){
}