@charset "utf-8";

.wrap_rct{height:100%;}

/*게시판*/
.wrap_rct > ul{display:flex;}
.wrap_rct > ul > li{}

/*타이틀*/
.wrap_rct .title{display:flex;align-items:center;}
.wrap_rct .title a{font-size:36px;color:#777;font-family:'NH Medium';line-height:1;border-bottom:2px solid transparent;padding-bottom:5px;display:block;transition:0.3s;}
.wrap_rct > ul > li.active .title a{color:#1e1e1e}
.wrap_rct .title::before{content:"";display:block;width:6px;height:6px;background:#d9d9d9;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-right:10px;}

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

/*컨텐츠*/
.wrap_rct .con{background:#FFF;padding:60px 35px;border:1px solid #dddddd;}
.wrap_rct .con p{font-size:17px;color:#29a6e8;font-family:'Pretendard Medium';line-height:1;margin-bottom:20px;}

/*제목*/
.wrap_rct .subjectText{font-size:23px;color:#000;font-family:'Pretendard 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:'Pretendard Regular';line-height:1.5;margin-top:20px;height:100px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*날짜*/
.wrap_rct .dateA{font-size:14px;color:#666;font-family:'Pretendard Regular';line-height:1.1;margin-top:49px;padding-left:20px;background:url(../images/clock_1.png) left 0.5px no-repeat;}
.wrap_rct .dateB{display:none;}

/*더보기*/
.wrap_rct .more{font-size: 25px;color: #1e1e1e;font-family:'Pretendard Bold';line-height: .9;position:absolute;left:0;bottom:0;width: 170px;height: 65px;padding-top: 20px;background-color: #d9d9d9;text-align: center;border-radius: 40px;line-height: .9;}
.wrap_rct .more:after{content:"";display:inline-block;margin-left:14px;width:24px;height:22px;background:url(/sites/nonghyupit/images/main/icon-more.png) no-repeat;}
.wrap_rct .more span{display:none;}

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

/*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:50px;border:1px solid #dddddd;border-radius:100%;text-indent:-9999px;position:absolute;bottom:calc(50% - 25px);display:block;}
.wrap_rct .prev{left:-25px;background:#FFF url(../images/prev_1.png) no-repeat center;}
.wrap_rct .next{right:-15px;background:#FFF url(../images/next_1.png) no-repeat center;}

@media only screen and (max-width:1024px){
	.wrap_rct > ul{padding-left:0;}
	.wrap_rct .title a{font-size:30px;border-bottom:0;padding-bottom:0;}
	.wrap_rct .list{top:70px;}
	.wrap_rct a.subject{margin:0 5px;}
	.wrap_rct .con{padding:30px;}
	.wrap_rct .subjectText{font-size:20px;height:55px;}
	.wrap_rct .dateA{margin-top:20px;}
	.wrap_rct .prev,
	.wrap_rct .next{width:50px;height:50px;bottom:unset;top:-78px;}
	.wrap_rct .prev{left:unset;right:60px;}
	.wrap_rct .next{right:5px;}
	.wrap_rct .more{font-size: 20px;width: 172px;height: 58px;padding-top: 17px;}	
	.wrap_rct .more:after{position: relative;top: 2px;margin-left: 10px;background-size: contain;height: 18px;}	
}

@media only screen and (max-width:767px){
	.wrap_rct .title::before{margin:0 10px;}
	.wrap_rct .list{top:50px;}
	.wrap_rct a.subject{margin:2px 0;}
	.wrap_rct .con{padding:20px;}
	.wrap_rct .con p{margin-bottom:10px;}
	.wrap_rct .content{display:none;}
	.wrap_rct .dateA{margin-top:10px;}
	.wrap_rct .prev,
	.wrap_rct .next{width:40px;height:40px;top:-56px;transform:rotate(270deg);overflow: hidden;}
	.wrap_rct .prev{right:50px;}
	.wrap_rct .more{font-size: 20px;width: 154px;height: 58px;padding-top: 17px;}	
	.wrap_rct .more:after{

}

}
/*HOVER*/
@media only screen and (min-width:1024px){
	.wrap_rct .title a:hover{color:#373737;border-color:#373737;}
	.wrap_rct a.subject:focus .subjectText span,
	.wrap_rct a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #bbd7f1 0%);}

}