@charset "utf-8";
.wrap_rct{height:100%;}

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

/*타이틀*/
.wrap_rct .title{display: block;align-items:center;position:relative;line-height: 1.1;}
.wrap_rct .title a{font-size:22px;color:#666;line-height:1;padding:2px 0;font-family: 'Dream Bold';}
.wrap_rct .title::before{content:"";display:block;width: 12px;height: 14px;margin-bottom:10px;background:url(./../images/active.png) no-repeat center;opacity:0;margin: 0 auto 15px;}
.wrap_rct > ul > li + li .title{margin-left: 20px;padding-left: 20px;}
.wrap_rct > ul > li + li .title:after{content:'';width:1px;height:15px;background:#c9c9c9;position:absolute;left: 0;bottom: 3px;}

/*목록*/
.wrap_rct .list{position:absolute;top: 80px;left:0;width:100%;height: 100%;}
.wrap_rct .list ul{}
.wrap_rct .list ul li{height: 100%; padding:5px;}

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

/*링크*/
.wrap_rct a.subject{display:flex; align-items:center; border: 1px solid #ddd;padding: 35px;height: 100%;min-height: 230px;}

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

/*컨텐츠*/
.wrap_rct .con{}
.wrap_rct .con > p{color:#147ac7;font-size:18px;margin-bottom: 10px;font-family: 'Dream Regular';display: none;}

/*제목*/
.wrap_rct .subjectText{font-size: 22px;height: 70px;color:#333;line-height: 1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;margin-bottom: 25px;font-family: 'Dream Medium';}

/*내용*/
.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;}
.wrap_rct .dateB{display:none;}

/*더보기*/
.wrap_rct .more{text-indent:-9999px;width:20px;height:20px;display:block;}
.wrap_rct .more{background: url(./../images/more.png) center no-repeat;}

/*꾸미기*/
.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;}
.wrap_rct > ul > li.active .title::after{opacity:1;}
.wrap_rct a.subject{background-position:240% 0;}
.wrap_rct a.subject:hover{border: 2px solid #147ac7; background:url(./../images/item_bg.png) 140% 0 no-repeat;}

.wrap_rct > ul > li .more{transition:ease all .5s;}
.wrap_rct > ul > li .more:hover{transform:rotate(180deg);}

/*CONTROL*/
.wrap_rct .control{position: absolute;right: 0;top: -50px;display: flex;align-items: center;gap: 10px;}
.wrap_rct .control-btn{display: flex;gap: 10px;}
.wrap_rct .control-btn button{width: 20px;height: 20px;display: block;text-indent: -9999px;}
.wrap_rct .control-btn button.prev{background:url(./../images/prev.png) no-repeat center;}
.wrap_rct .control-btn button.next{background:url(./../images/next.png) no-repeat center;}

.wrap_rct .control-btn button.stop{display:none; background:url(./../images/pause.png) no-repeat center;}
.wrap_rct .control-btn button.play{display:none; background:url(./../images/play.png) no-repeat center;}

.wrap_rct .control-btn button.stop.on,
.wrap_rct .control-btn button.play.on{display:block;}

/*HOVER*/
@media only screen and (max-width:1280px){

}
@media only screen and (max-width:768px){
	.wrap_rct > ul > li.active .list{padding: 0;}
	.wrap_rct .subjectText{font-size:22px;}
}