@charset "utf-8";

/*전체감싸기*/
.wrap-rct{}
/*타이틀*/
.wrap-rct h2{display:none;}
/*게시판*/
.wrap-rct > ul{word-break:break-all;padding-top:90px;}
.wrap-rct > ul > li{}

/*탭*/
.wrap-rct .title{position:absolute;top:0;left:50%;}
.wrap-rct .title a{display:block;font-family:'Noto Medium';text-align:center;color:#FFF;font-size:45px;line-height:1;position:relative;padding-left:40px;margin-left:40px;}
.wrap-rct > ul > li:first-child .title{margin-left:-125px;}
.wrap-rct > ul > li:last-child .title{margin-left:-42px;}
.wrap-rct .title a:before{content:"";display:block;width:3px;height:30px;background:#FFF;position:absolute;left:0;top:8px;}
.wrap-rct > ul > li:first-child .title a{padding-left:0;margin-left:0;}
.wrap-rct > ul > li:first-child .title a:before{display:none;}


/*noData*/
.wrap-rct .nodata{font-size:18px;text-align:center;padding:20px 0;width:100% !important;}
/*목록*/
.wrap-rct .list{padding:45px 0 75px 0;background:#FFF;}
.wrap-rct .list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wrap-rct .list ul li{width:25%;padding:0 30px;position:relative;border-right:1px solid #DDD;}
.wrap-rct .list ul li:last-child{border:0;}
/*링크*/
.wrap-rct .subject{display:block;line-height:1.5;width:100%;}
.wrap-rct .subject:before{content:"";display:none;width:18px;height:3px;background:#004eff;margin-bottom:30px;}
/*썸네일*/
.wrap-rct .thumb{max-height:210px;overflow:hidden;margin-top:20px;position:relative;}
.wrap-rct .thumb img{max-width:100%;}
/*감싸기*/
.wrap-rct .con{}
/*카테고리*/
.wrap-rct .cate{display:none;}
/*제목*/
.wrap-rct .subjectText{display:block;font-family:'Noto Regular';font-size:20px;height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap-rct .content{display:none;background-color:rgba(0,0,0,0.6);padding:25px;color:#FFF;font-size:16px;position:absolute;top:0;left:0;width:100%;height:100%;}
/*날짜*/
.wrap-rct .date{display:block;font-size:16px;color:#666;font-family: 'Titillium Web', sans-serif;line-height:1;margin-top:10px;}
.wrap-rct .date i,
.wrap-rct .date i em{font-style:normal;}
/*더보기*/
.wrap-rct a.more{display:block;box-sizing:border-box;text-indent:-9999px;width:40px;height:40px;background:url(/images/global/common/plus_5_w.png) center no-repeat;position:absolute;top:10px;right:0;}
/*활성화*/
.wrap-rct > ul > li .list,
.wrap-rct > ul > li a.more{display:none}
.wrap-rct > ul > li.active .list,
.wrap-rct > ul > li.active a.more{display:block}
@media only screen and (min-width:1025px){
	.wrap-rct > ul > li.active .title a{color:#3992de;}
	.wrap-rct .subject:hover .content{display:block;}
	.wrap-rct a.more:hover{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media only screen and (max-width:1400px){

}
@media only screen and (max-width:1024px){
	.wrap-rct h2{font-size:40px;}
	.wrap-rct .title a{font-size:40px;}
	.wrap-rct .title a:before{height:30px;top:5px;}
	.wrap-rct > ul > li:first-child .title{margin-left:-117px;}
	.wrap-rct .list ul li{padding:0 15px;}
	.wrap-rct a.more{top:3px;}
}
@media only screen and (max-width:768px){
	.wrap-rct > ul{padding:20px;padding-top:60px;}
	.wrap-rct h2{font-size:30px;}
	.wrap-rct .title a{font-size:30px;}
	.wrap-rct .title a:before{height:22px;top:5px;}
	.wrap-rct > ul > li:first-child .title{margin-left:-99px;}
	.wrap-rct .list{padding:20px;}
	.wrap-rct .list ul li{width:50%;margin:10px 0;border:0;}
	.wrap-rct .subject:before{margin-bottom:10px;}
	.wrap-rct a.more{width:100%;height:60px;position:relative;top:auto;left:auto;background:url(/images/global/common/plus_5_w.png) center no-repeat;}
}
@media only screen and (max-width:480px){
	.wrap-rct .list ul li{width:100%;margin:0;padding:15px 0;border-bottom:1px solid #DDD;}
	.wrap-rct .thumb{display:none;}
	.wrap-rct .subjectText{font-size:18px;height:auto;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.wrap-rct .subject:before{display:none;}
	.wrap-rct .date{display:none;}
}
@media only screen and (max-width:320px){
	.wrap-rct .subjectText{width:100%;}
	.wrap-rct .date{display:none;}
}