@charset "utf-8";

.wrap_rct{height:100%;}

/*게시판*/
.wrap_rct > ul{display:flex;padding-left:860px;}
.wrap_rct > ul > li{}

/*타이틀*/
.wrap_rct .title{margin-top:10px;display:flex;align-items:center;}
.wrap_rct .title a{font-size:30px;color:#666;font-family:'Noto Regular';line-height:1;border-bottom:2px solid transparent;padding-bottom:5px;display:block;transition:0.3s;}
.wrap_rct > ul > li.active .title a{color:#373737;font-family:'Noto Bold';}
.wrap_rct .title::before{content:"";display:block;width:6px;height:6px;background:#7a7a7c;border-radius:100%;margin:0 20px;}
.wrap_rct > ul > li:first-child .title::before{display:none;}

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

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

/*링크*/
.wrap_rct a.subject{display:block;margin:0 15px;}

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

/*컨텐츠*/
.wrap_rct .con{background:#FFF;padding:60px 35px;border:1px solid #dddddd;transition:0.3s;}
.wrap_rct .con p{font-size:17px;color:#b772ff;font-family:'Noto regular';line-height:1;margin-bottom:20px;}
.wrap_rct > ul > li:nth-child(1) .con p{color:#b772ff;}
.wrap_rct > ul > li:nth-child(2) .con p{color:#f99349;}
.wrap_rct > ul > li:nth-child(3) .con p{color:#54c4ab;}
.wrap_rct > ul > li:nth-child(4) .con p{color:#29a6e8;}

/*제목*/
.wrap_rct .subjectText{font-size:24px;color:#000;font-family:'Noto Medium';line-height:1.4;height:65px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*내용*/
.wrap_rct .content{font-size:17px;color:#666;font-family:'Noto Light';line-height:1.5;margin-top:20px;height:75px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*날짜*/
.wrap_rct .dateA{font-size:14px;color:#666;font-family: 'Noto';line-height:1.1;margin-top:49px;}
.wrap_rct .dateB{display:none;}

/*더보기*/
.wrap_rct .more{font-size:18px;color:#323232;font-family:'Noto Regular';line-height:1;position:absolute;right:0;top:0;align-items:center;}
.wrap_rct .more span{display:none;}
.wrap_rct .more::before{content:"";display:block;width:50px;height:50px;margin-right:-30px;background:#DDD;border-radius:100%;}
.wrap_rct .more::after{content:"";display:block;width:13px;height:9px;margin-left:10px;background:url(../images/more_5.png) no-repeat center;transition:all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}

/*활성화*/
.wrap_rct .list,
.wrap_rct .more{display:none}
.wrap_rct > ul > li.active .list{display:block;}
.wrap_rct > ul > li.active .more{display:flex;}

/*CONTROL*/
.wrap_rct .control{}
.wrap_rct .paging,
.wrap_rct .numbering,
.wrap_rct .play,
.wrap_rct .stop{display:none;}
.wrap_rct .prev,
.wrap_rct .next{width:50px;height:100px;text-indent:-9999px;position:absolute;bottom:calc(50% - 50px);display:block;transition:0.3s;}
.wrap_rct .prev{left:-50px;background:url(../images/prev_4.png) no-repeat center;}
.wrap_rct .next{right:-50px;background:url(../images/next_4.png) no-repeat center;}

@media only screen and (max-width:1780px){
	.wrap_rct > ul{padding-left:0;}
	.wrap_rct .list{padding:0 10px;}
	.wrap_rct a.subject{margin:0 5px;}
	.wrap_rct .prev{left:-15px;}
	.wrap_rct .next{right:-15px;}
}
@media only screen and (max-width:1023px){
	.wrap_rct .title::before{margin:0 10px;}
	.wrap_rct .title a{font-size: 18px;}
	.wrap_rct .list{padding:0;top:70px;}
	.wrap_rct a.subject{margin:2px 0 3px 0;}
	.wrap_rct .con{padding:20px;}
	.wrap_rct .con p{margin-bottom:10px;}
	.wrap_rct .subjectText{font-size:22px;height:60px;}
	.wrap_rct .content{display:none;}
	.wrap_rct .dateA{margin-top:10px;font-size: 16px;}
	.wrap_rct .more{right:calc(50% - 65px);top:unset;bottom:0;}
	.wrap_rct .prev,
	.wrap_rct .next{width:50px;height:35px;bottom:unset;top:-65px;}
	.wrap_rct .prev{left:unset;right:55px;}
	.wrap_rct .next{right:0;}
}

@media only screen and (max-width:767px){
.wrap_rct .list{top:50px;}
.wrap_rct .title a{font-size: 20px;padding-top: 7px;}
.wrap_rct > ul{}
.wrap_rct .con p{font-size: 18px;}
.wrap_rct .subjectText{font-size:18px;}
.wrap_rct .prev,
.wrap_rct .next{transform:rotate(90deg);top: -25px;height: 20px;width: 20px;background-size:contain;}
.wrap_rct .prev{right: 0;top: -45px;}
.wrap_rct .title::before{width:4px;height:4px;}
.wrap_rct .more{font-size:14px;bottom: 30px;}
.wrap_rct .more::before{width:45px;height:45px;}
}

/*HOVER*/
@media only screen and (min-width:1024px){
	.wrap_rct .title a:hover{color:#373737;border-color:#373737;}
	.wrap_rct a.subject:hover .con{box-shadow:0 5px 5px rgba(0,0,0,0.2);}
	.wrap_rct > ul > li:nth-child(1) a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #e0c3ff 0%);}
	.wrap_rct > ul > li:nth-child(2) a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #ffd8bc 0%);}
	.wrap_rct > ul > li:nth-child(3) a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #c4fff2 0%);}
	.wrap_rct > ul > li:nth-child(4) a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #c2e5f8 0%);}
	.wrap_rct .prev:hover{left:-60px;}
	.wrap_rct .next:hover{right:-60px;}
	.wrap_rct .more:hover::after{transform:rotatex(360deg);}
}