@charset "utf-8";

.rct_graduatedB{height:100%;}

/*게시판*/
.rct_graduatedB > ul{position:relative;display:flex;flex-wrap:wrap;padding:0 50px;}
.rct_graduatedB > ul > li{}

/*타이틀*/
.rct_graduatedB .title{margin:0 10px 10px 0;}
.rct_graduatedB .title a{display:block;font-family:'Dream Medium';font-size:19px;color:rgba(255,255,255,0.7);line-height:1.1;margin:0 20px 0px 20px;}
.rct_graduatedB .title::after{content:"";display:block;width:100%;height:15px;border:3px solid rgba(255,255,255,0.7);border-top:0;}

/*목록*/
.rct_graduatedB .list{position:absolute;top:90px;left:0;width:100%;padding:0 30px;}
.rct_graduatedB .list ul{}
.rct_graduatedB .list ul li{}

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

/*링크*/
.rct_graduatedB a.subject{display:block;border:1px solid rgba(255,255,255,0.5);background:rgba(0,0,0,0.3);padding:40px 30px;margin:20px 20px;}

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

/*컨텐츠*/
.rct_graduatedB .con{position:relative;}

/*제목*/
.rct_graduatedB .subjectText{margin-left:70px;font-family:'Dream Regular';font-size:18px;color:#FFF;line-height:1.4;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.rct_graduatedB .subjectText span{}

/*내용*/
.rct_graduatedB .content{font-family:'Dream Light';font-size:15px;color:#FFF;line-height:1.4;height:43px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin-top:20px;}

/*날짜*/
.rct_graduatedB .dateA{display:none;}
.rct_graduatedB .dateB{color:#FFF;line-height:1;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;}
.rct_graduatedB .dateB .dD{font-family:'Dream Bold';font-size:30px;}
.rct_graduatedB .dateB .yM{font-family:'Dream Medium';font-size:15px;padding-top:5px;}

/*더보기*/
.rct_graduatedB .more{display:block;text-indent:-9999px;position:absolute;right:50px;top:3px;width:23px;height:23px;background:url(../images/more_w.png) center no-repeat;}

/*활성화*/
.rct_graduatedB .list,
.rct_graduatedB .more{display:none}
.rct_graduatedB > ul > li.active .list,
.rct_graduatedB > ul > li.active .more{display:block}
.rct_graduatedB > ul > li.active .title::after{border-color:#FFF;}
.rct_graduatedB > ul > li.active .title a{font-family:'Dream Bold';color:#FFF;}

/*CONTROL*/
.rct_graduatedB .control{}
.rct_graduatedB .paging,
.rct_graduatedB .numbering,
.rct_graduatedB button.play,
.rct_graduatedB button.stop{display:none;}
.rct_graduatedB button.prev,
.rct_graduatedB button.next{display:block;text-indent:-9999px;width:34px;height:74px;position:absolute;top:calc(50% - 37px);}
.rct_graduatedB button.prev{background:url(../images/prev_w.png) left center no-repeat;left:0;}
.rct_graduatedB button.next{background:url(../images/next_w.png) right center no-repeat;right:0;}

/*HOVER*/
@media only screen and (min-width:1281px){
	.rct_graduatedB .title:hover::after{border-color:#FFF;}
	.rct_graduatedB .title:hover a{color:#FFF;}
	.rct_graduatedB a.subject:hover .subjectText{font-family:'Dream Medium';}
	.rct_graduatedB a.subject:hover .subjectText span{border-color:#000;transition:0.5s;}
	.rct_graduatedB a.subject:hover .content{font-family:'Dream Medium';}
	.rct_graduatedB a.subject:hover .readMore span{font-family:'Dream Bold';color:#000;}
	.rct_graduatedB a.subject:hover .readMore span::after{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.rct_graduatedB button.prev:hover{background:url(../images/prev_w.png) center no-repeat;}
	.rct_graduatedB button.next:hover{background:url(../images/next_w.png) center no-repeat;}
}
@media only screen and (max-width:1280px){
	.rct_graduatedB a.subject{padding:20px;margin:10px;}
}
@media only screen and (max-width:768px){
	.rct_graduatedB > ul{padding:0 45px 0 0;}
	.rct_graduatedB .list{padding:0 45px 0 0;}
	.rct_graduatedB a.subject{margin:5px 0;}
	.rct_graduatedB .title a{font-size:16px;margin:0 10px 0px 10px;text-align:center;}

	.rct_graduatedB .subjectText{margin-left:60px;font-size:16px;height:45px;}
	.rct_graduatedB .content{margin-top:10px;}
	.rct_graduatedB .dateB .dD{font-size:23px;}
	.rct_graduatedB .dateB .yM{font-size:14px;}

	.rct_graduatedB .more{right:0;}
	.rct_graduatedB button.prev,
	.rct_graduatedB button.next{width:35px;height:35px;transform:rotate(90deg);right:0;background-position:0 -19px;}
	.rct_graduatedB button.prev{left:unset;top:6px;}
	.rct_graduatedB button.next{top:50px;}
}