@charset "utf-8";

.wrap_rct_hb{word-break:break-all;min-height:450px;}

/*게시판*/
.wrap_rct_hb > ul{display:flex;justify-content:flex-start;align-items:center;}
.wrap_rct_hb > ul > li{width:100%;}
/*타이틀*/
.wrap_rct_hb .title{}
.wrap_rct_hb .title a{display:block;text-align:center;font-size:20px;font-weight:400;line-height:1.2;color:#111;padding:15px 0;background:#FFF;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd;}
.wrap_rct_hb > ul > li.active .title a{font-weight:600; background:linear-gradient(315deg,rgba(103, 103, 181, 1) 0%, rgba(0, 212, 255, 1) 100%); color:#FFF;}
/*목록*/
.wrap_rct_hb .list{position:absolute;top:100px;left:0;width:100%;}
.wrap_rct_hb .list ul{display:flex;flex-wrap:nowrap;justify-content:space-evenly;text-align: center;}
/* .wrap_rct_hb .list ul li{width:100%;margin-bottom:0.2%;} */
.wrap_rct_hb .list ul li{width:100%;margin:0 10px;}
.wrap_rct_hb .list ul li .con a:hover{border:2px solid rgb(145 145 145 / 55%);}
.wrap_rct_hb .list ul li .con .subjectText:hover{font-weight:600;}
/*noData*/
.wrap_rct_hb .list .nodata{font-size:20px;text-align:center;padding:50px;width:100% !important;}
/*썸네일*/
.wrap_rct_hb .thumb{display:block;}
.wrap_rct_hb .thumb img{width:640px; height:250px; display:block; object-fit: cover;}
/*컨텐츠*/
.wrap_rct_hb .con{}
.wrap_rct_hb a.subject{display:block;padding:20px;background:#FFF;position:relative;/*border:2px solid rgb(59 89 199 / 55%);*/ height: 340px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
/*제목*/
.wrap_rct_hb .subjectText{font-size:18px;font-weight:400;color:#111;line-height:1.3;height:35px;text-overflow:ellipsis;word-wrap:break-word;margin-bottom: 15px;}
/*내용*/
.wrap_rct_hb .content{display:block;}
/*날짜*/
.wrap_rct_hb .date{font-size:14px;font-weight:300;color:#505050;margin-top:10px;}
/*더보기*/
.wrap_rct_hb .more{position:absolute;right:0;top:65px;}
.wrap_rct_hb .more i{display:none;}
.wrap_rct_hb .more span{color:#265aa6;font-size:14px;font-weight:500;display:flex;align-items:center;}
.wrap_rct_hb .more span::after{content:"";display:block;width:12px;height:8px;background:url(../images/more_blue.png) right center no-repeat;}
/*활성화*/
.wrap_rct_hb .list,
.wrap_rct_hb .more{display:none}
.wrap_rct_hb > ul > li.active .list{display:block}
.wrap_rct_hb > ul > li.active .more{display:inline-block}


@media only screen and (max-width:1024px){
	.wrap_rct_hb .subjectText{font-size:18px;font-weight:400;color:#111;line-height:1.3;height:40px;width:unset;max-width:427px;text-overflow:ellipsis;word-wrap:break-word;}
}

@media only screen and (max-width:768px){
	.wrap_rct_hb{min-height: 480px;}
	.wrap_rct_hb a.subject{padding:15px; height:350px; margin:10px;}
	.wrap_rct_hb .thumb img{width:680px; height:265px;}
	.wrap_rct_hb .list ul{display:flex; flex-wrap:nowrap;}
	.wrap_rct_hb .subjectText{max-width:670px;}
}

@media only screen and (max-width:425px){
	.wrap_rct_hb{min-height: 835px;}
	.wrap_rct_hb a.subject{height:350px;}
	.wrap_rct_hb .list ul{display:flex; flex-wrap:wrap;}
}

/* @media only screen and (max-width:1024px){
	.wrap_rct_hb{min-height:525px;}
	.wrap_rct_hb a.subject{padding:15px 20px;}
	.wrap_rct_hb .subjectText{font-weight:400;height:auto;width:calc(100% - 80px);white-space:nowrap;}
	.wrap_rct_hb .date{margin-top:0;position:absolute;right:20px;top:15px;}
}
@media only screen and (max-width:768px){
	.wrap_rct_hb{min-height:1100px;}
	.wrap_rct_hb .title a{font-weight:600;font-size:20px;}
	.wrap_rct_hb .thumb img{width:100%;height:auto;display:block;object-fit: cover;padding-top:10px;}
}
@media only screen and (max-width:480px){
	.wrap_rct_hb{min-height:630px;}
	.wrap_rct_hb .title a{font-size:16px;}
	.wrap_rct_hb .list{top:110px;}
	.wrap_rct_hb .more{top:80px;}
	.wrap_rct_hb .subjectText{width:100%;}
	.wrap_rct_hb .date{display:none;}
} */


/*HOVER****************************************/
/* @media only screen and (min-width:1281px){
	.wrap_rct_hb .title a:hover{font-weight:700;}
	.wrap_rct_hb a.subject:hover{border-color:#DDD;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_rct_hb .list ul li:first-child a:hover.subject{border-color:#000;}
} */