@charset "utf-8";

.wrap_rct_media{word-break:break-all;min-height:550px;}

/*게시판*/
.wrap_rct_media > ul{display:flex;justify-content:flex-start;align-items:center;padding-right:50px;}
.wrap_rct_media > ul > li{}
/*타이틀*/
.wrap_rct_media .title{position:relative;z-index:1;word-break:keep-all;}
.wrap_rct_media .title a{display:flex;align-items:center;text-align:center;font-size:18px;font-weight:300;color:#000;padding:10px 0;background:#FFF;border:1px solid transparent;}
.wrap_rct_media .title a span{border-right:1px solid #DDD;line-height:1;padding:0 15px;}
.wrap_rct_media > ul > li.active .title a{font-weight:700;border-color:#979797;}
.wrap_rct_media > ul > li.active .title a span,
.wrap_rct_media > ul > li:last-child .title a span{border:0;}

/*목록*/
.wrap_rct_media .list{position:absolute;top:0;left:0;width:100%;}
.wrap_rct_media .list ul{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.wrap_rct_media .list ul li{width:100%;margin-bottom:10px;}
/*noData*/
.wrap_rct_media .list .nodata{display:block;font-size:20px;text-align:center;padding:50px;width:100% !important;}
/*썸네일*/
.wrap_rct_media .thumb{overflow:hidden;height:165px;display:flex;align-items:center;justify-content:center;}
.wrap_rct_media .thumb img{width:100%;max-width: none !important;}
/*컨텐츠*/
.wrap_rct_media .con{}
.wrap_rct_media a.subject{display:block;padding-bottom:20px;background:#FFF;position:relative;}
/*제목*/
.wrap_rct_media .subjectText{display:inline-block;font-size:18px;font-weight:400;color:#000;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:20px;}
.wrap_rct_media .subjectText::after{content:"";display:block;width:0;height:10px;background:rgba(1,161,255,0.2);margin-top:-6px;}
/*내용*/
.wrap_rct_media .content{font-size:15px;font-weight:300;color:#000;line-height:1.4;height:45px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*날짜*/
.wrap_rct_media .date{display:none;}
/*더보기*/
.wrap_rct_media .more{position:absolute;left:720px;top:10px;}
.wrap_rct_media .more i{display:none;}
.wrap_rct_media .more span{color:#265aa6;font-size:14px;font-weight:500;display:flex;align-items:center;}
.wrap_rct_media .more span::after{content:"";display:block;width:12px;height:8px;background:url(../images/more_blue.png) right center no-repeat;}
/*활성화*/
.wrap_rct_media .list,
.wrap_rct_media .more{display:none}
.wrap_rct_media > ul > li.active .list{display:block}
.wrap_rct_media > ul > li.active .more{display:inline-block}

@media only screen and (min-width:1281px){
	/*첫글*/
	.wrap_rct_media .list{padding-left:55%;}
	.wrap_rct_media .list ul li{width:48%;margin:0 0 0 2%;}
	.wrap_rct_media .list ul li:first-child{width:55%;position:absolute;top:55px;left:0;margin:0;}
	.wrap_rct_media .list ul li:first-child .thumb{height:395px;}
	.wrap_rct_media .list ul li:first-child .con{}
	.wrap_rct_media .list ul li:first-child a.subject{}
	.wrap_rct_media .list ul li:first-child .subjectText{font-size:25px;}
	.wrap_rct_media .list ul li:first-child .content{height:auto;white-space:nowrap;}
}
@media only screen and (max-width:1400px){
	.wrap_rct_media .more{left:560px;}
}
@media only screen and (max-width:1280px){
	.wrap_rct_media{min-height:580px;}
	.wrap_rct_media .list{top:85px;}
	.wrap_rct_media .list ul li{display:flex;justify-content:space-between;}
	.wrap_rct_media a.subject{padding:5px 0 5px 220px;overflow:hidden;}
	.wrap_rct_media .thumb{width:200px;height:auto;height:110px;position:absolute;left:0;top:0;}
	.wrap_rct_media .thumb img{width:100%;height:auto;}
	.wrap_rct_media .subjectText{margin-top:0;}
	.wrap_rct_media .more{left:auto;right:0;}
}
@media only screen and (max-width:480px){
	.wrap_rct_media{min-height:410px;}
	.wrap_rct_media .title a{font-size:16px;}
	.wrap_rct_media a.subject{padding-left:150px;}
	.wrap_rct_media .thumb{width:130px;height:70px;}
	.wrap_rct_media .subjectText{display:block;white-space:normal;word-wrap:break-word;height:45px;}
	.wrap_rct_media .content{display:none;}
}


/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_rct_media .title a:hover{font-weight:700;}
	.wrap_rct_media a.subject:hover .thumb img{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1.1);}
	.wrap_rct_media a.subject:hover .subjectText::after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}