@charset "utf-8";

.wrap_rct{height:100%;}

/*게시판*/
.wrap_rct > ul{display:flex;min-height: 430px;gap: 40px;}
.wrap_rct > ul > li{}
.wrap_rct > ul > li:nth-child(n+4){display:none;}

/*타이틀*/
.wrap_rct .title{display:flex;align-items:center;position:relative;}
.wrap_rct > ul > li + li .title:after{content:'';width:1px;height:15px;background:#c9c9c9;position:absolute;left:-5px;top:50%;margin-top:-7.5px;}
.wrap_rct .title a{font-size:22px;color:#666;line-height:1;padding:2px 0;font-family: 'S-CoreDream-4Regular';}
.wrap_rct .title::before{content:"";display:block;width: 30px;height: 17px;background:url(../images/active.png) no-repeat center;opacity:0;}

/*목록*/
.wrap_rct .list{position:absolute;top: 60px;left:0;width:100%;}
.wrap_rct .list ul{display:flex;flex-wrap:wrap;gap:35px 50px;}
.wrap_rct .list ul li{width:calc(100% / 2 - 25px);}
.wrap_rct .list ul li:nth-child(n+5){display:none;}

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

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

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

/*컨텐츠*/
.wrap_rct .con{border-top:2px solid #3a3a3a;}
.wrap_rct .con > p{display:none;}

/*제목*/
.wrap_rct .subjectText{font-size: 20px;color:#333;line-height: 1.4;overflow:hidden;margin-bottom: 30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;padding-top: 25px;padding-left: 15px;font-family: 'S-CoreDream-5Medium';}
.wrap_rct .subjectText:before{content:'';width:25px;height:25px;background:#b2cde6;border-radius:50%;position:absolute;left: 5px;top: 27px;z-index: -1;opacity: 0;transition: all ease .5s;}
.wrap_rct .subjectText span{
    background-image: linear-gradient(#333, #333);
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-position: left 100%;
    transition: background-size .55s;
    }
.wrap_rct .con:hover .subjectText span {background-size: 100% 2px;}

/*내용*/
.wrap_rct .content{font-size:17px;color:#666;line-height:1.5;display:none;}

/*날짜*/
.wrap_rct .date{font-size: 16px;color: #999;line-height:1;padding-left: 15px;margin-bottom: 30px;font-family: 'S-CoreDream-4Regular';}

/*더보기*/
.wrap_rct .more{position:absolute;right:0;top:0;letter-spacing:-0.5px;color:#333;font-size:18px;line-height: 1.4;font-family: 'S-CoreDream-5Medium';}
.wrap_rct .more:after{content:'';width:10px;height:4px;display:inline-block;vertical-align:middle;margin-left:12px;background:#005bac;position:relative;top:-2px;transition:all ease 0.75s;}

/*꾸미기*/
.wrap_rct .readMore{display:none;}

/*활성화*/
.wrap_rct .list,
.wrap_rct .more{display:none}
.wrap_rct > ul > li.active .title::before{opacity: 1;}
.wrap_rct > ul > li.active .list,
.wrap_rct > ul > li.active .more{display:block}
.wrap_rct > ul > li.active .title a{color:#1557b0;font-family: 'S-CoreDream-5Medium';}
.wrap_rct > ul > li.active .title::after{opacity:1;}


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

/*HOVER*/
.wrap_rct a.subject:hover .subjectText:before{opacity: 1;}
.wrap_rct .more:hover:after{width:35px;}

@media only screen and (max-width:1280px){
	.wrap_rct > ul{min-height: 260px;gap: 20px;}
	.wrap_rct .list{top:40px;}
	.wrap_rct .list ul{gap:20px;}
	.wrap_rct .list ul li{width:calc(100% / 2 - 10px);}
	.wrap_rct a.subject{}
	.wrap_rct .title a{font-size:16px;}
	.wrap_rct .title::before{width:22px;height: 13px;background-size:contain;}
	.wrap_rct > ul > li + li .title:after{left:1px;}
	.wrap_rct .subjectText{font-size: 15px;padding-top: 20px;padding-left: 10px;margin-bottom: 20px;}
	.wrap_rct .date{margin-bottom: 0;font-size: 13px;}
	.wrap_rct .more{font-size:13px;}
	.wrap_rct a.subject .subjectText:before{width:15px;height:15px;top:18px;}
}
@media only screen and (max-width:768px){
	.wrap_rct > ul{min-height: 270px;gap: 20px;}
	.wrap_rct .list ul{flex-wrap:wrap;}
	.wrap_rct .list ul li{width:100%;}
	.wrap_rct .subjectText{margin-bottom:15px;font-size: 18px;height: 71px;}
	.wrap_rct .list ul li:nth-child(n+3){display:none;}
	.wrap_rct .more{font-size:15px;}
	.wrap_rct .title a{font-size:18px;}
	.wrap_rct > ul > li + li .title:after{left:5px;}
}
@media only screen and (max-width:480px){

}