@charset "utf-8";

.wrap_rct2{height:100%;padding-top: 30px;}

/*게시판*/
.wrap_rct2 .inner{position:relative;display:flex;padding-right:40px;align-items: center;}
.wrap_rct2 .inner > li{}

/*타이틀*/
.wrap_rct2 .title{display:flex;align-items:center;}
.wrap_rct2 .title a{font-family:'SUITE SemiBold';font-size:32px;color:#fff;line-height:1;padding:2px 0; transition:.5s;}
.wrap_rct2 .title::before{content:"";display:block;width:1px;height:30px;background:#b7b7b7;margin:0 25px;position: relative;top: -2px;}
.wrap_rct2 .inner > li:first-child .title::before{display:none;}

/*목록*/
.wrap_rct2 .list{position:absolute;top: 80px;left:0;width:100%;padding-top: 20px;}
.wrap_rct2 .list ul{}
.wrap_rct2 .list ul a.subject{background:#fff;display:block;padding: 50px 40px;height: 410px;}

/*noData*/
.wrap_rct2 .list .nodata{font-size:18px;color:#fff;text-align:center;padding:50px 0;background:none !important; font-family: 'HG Regular';}

/*링크*/
.wrap_rct2 a.subject{display:block; transition:background .3s;}

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

/*컨텐츠*/
.wrap_rct2 .con{display:flex;justify-content:space-between;position:relative;flex-direction: column;}

/*제목*/
.wrap_rct2 .subjectText{color:#1d1d1d;line-height:36px;font-family: 'SUITE Bold'; letter-spacing: .025em;}
.wrap_rct2 .subjectText span{font-size:26px; transition:0.3s;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/*내용*/
.wrap_rct2 .content{font-size:16px;color: #1d1d1d;line-height:25px;margin-top: 25px;margin-bottom: 30px;height: 120px;overflow: hidden;font-family: 'HG Regular'; transition:color .3s;}
.wrap_rct2 .slick-slide{margin-right:45px;}
.wrap_rct2 .slick-list{margin-right:-45px;}

/*날짜*/
.wrap_rct2 .date{font-family: 'SUITE Regular';font-size: 14px;color: #666;line-height:1;display: inline-block; transition:color .3s;}
.wrap_rct2 .readMore{display:none;}

/*더보기*/
.wrap_rct2 .more{display:block;text-indent:-9999px;position:absolute;right:0;top: 0;width:30px;height:30px;background:url(../images/org03-more-w.png) center no-repeat; transition:transform .5s;}
.wrap_rct2 .more:hover {transform:rotate(180deg);}
/*활성화*/
.wrap_rct2 .list,
.wrap_rct2 .more{display:none}
.wrap_rct2 .inner > li.active .list,
.wrap_rct2 .inner > li.active .more{display:block;}
.wrap_rct2 .inner > li.active .title a{font-family:'SUITE ExtraBold';color:#fff;font-size: 42px;}
.wrap_rct2 .inner > li.active .title a:before{content:'';width:15px;height:15px;background:#fff;display:inline-block;vertical-align:middle;border-radius:50%;margin-right: 20px;}

/*하단번호*/
.wrap_rct2 .slick-dots{display:flex;margin-top:50px;}
.wrap_rct2 .slick-dots > li{width:100%;}
.wrap_rct2 .slick-dots > li button{width:100%;height: 2px;background:#9d9e9e;text-indent: -9999px;}
.wrap_rct2 .slick-dots > li.slick-active button{background:#fff;}


/* hover */
.wrap_rct2 .list .slick-slide a:hover {background:rgba(0,0,0,0.5);}
.wrap_rct2 .list .slick-slide a:hover .subjectText{color:#fff;}
.wrap_rct2 .list .slick-slide a:hover .content{color:#fff;}
.wrap_rct2 .list .slick-slide a:hover .date{color:#fff;}


@media only screen and (max-width:1280px){
	.wrap_rct2 .inner > li.active .title a{font-size:32px;}
	.wrap_rct2 .inner > li.active .title a:before{width:10px;height:10px;}
	.wrap_rct2 .title a{font-size:24px;}
	.wrap_rct2 .list ul a.subject{padding:25px;height: 350px;}
	.wrap_rct2 .content{margin-top:20px; flex:1;}
}
@media (max-width:1200px) {
	.wrap_rct2 {padding-top: 45px;}
	.wrap_rct2 .title a {font-size: 32px;}
	.wrap_rct2 .inner > li.active .title a {font-size: 36px;}
	.wrap_rct2 .inner > li.active .title a:before {width:15px; height:15px;}
	.wrap_rct2 .list {top:50px;}
	.wrap_rct2 .slick-slide {margin-right: 30px;}
	.wrap_rct2 .list ul a.subject {padding: 60px 40px; height:410px;}
	.wrap_rct2 .con {height:100%;}
	.wrap_rct2 .content {display:-webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow:hidden;}
	.wrap_rct2 .slick-dots {margin-top: 30px;}
}
@media only screen and (max-width:768px){
	.wrap_rct2{padding-top:0;}
	.wrap_rct2 .inner > li.active .title a{font-size: 32px;}
	.wrap_rct2 .title a{font-size: 26px;}
	.wrap_rct2 .title::before{height: 20px;margin:0 25px;}
	.wrap_rct2 .list{top: 40px;}
	.wrap_rct2 .con{padding: 0;height: 100%;}
	.wrap_rct2 .subjectText span {font-size: 24px; line-height: 1.5;}
	.wrap_rct2 .con::before{top:8px;}
	.wrap_rct2 .content{height: auto;margin-bottom: 20px; flex:1;}
	.wrap_rct2 .list ul a.subject{height:378px; padding:40px}
	.wrap_rct2 .date{padding-top:5px;}
	.wrap_rct2 .slick-dots{margin-top:27px;}
}