@charset "utf-8";

/*전체감싸기*/
.wrap-rct-3{box-sizing:border-box;margin:50px 0;}
/*타이틀*/
.wrap-rct-3 h2{font-size:20px;font-family:'Mont SemiBold';line-height:1;color:#1b60c6;padding-top:15px;}
.wrap-rct-3 h2:after{content:"";display:inline-block;width:calc(100% - 600px);height:1px;background:#c4c6c9;vertical-align:7px;margin-left:15px;}
/*게시판*/
.wrap-rct-3 > ul{word-break:break-all;}
.wrap-rct-3 > ul > li{}
/*탭*/
.wrap-rct-3 .title{position:absolute;top:15px;}
.wrap-rct-3 .title a{display:block;font-size:20px;color:#6e6e6f;font-family:'Noto Regular';line-height:1;}
.wrap-rct-3 .title a:before{content:"";display:inline-block;width:9px;height:9px;background:transparent;border-radius:30px;vertical-align:4px;margin-right:10px;}
.wrap-rct-3 > ul > li.active .title a{color:#1b60c6;}
.wrap-rct-3 > ul > li.active .title a:before{background:#1b60c6;}
.wrap-rct-3 > ul > li:nth-child(1) .title{right:300px;}
.wrap-rct-3 > ul > li:nth-child(2) .title{right:200px;}
.wrap-rct-3 > ul > li:nth-child(3) .title{right:75px;}
/*목록*/
.wrap-rct-3 .list{margin-top:50px;}
.wrap-rct-3 .list ul{overflow:hidden;}
.wrap-rct-3 .list ul li{width:25%;float:left;}
.wrap-rct-3 .list ul li:nth-child(n+5){display:none;}
/*noData*/
.wrap-rct-3 .nodata{font-size:18px;text-align:center;padding:60px 0;width:100%;}
/*링크*/
.wrap-rct-3 .subject{display:block;line-height:1.3;}
/*썸네일*/
.wrap-rct-3 .thumb{display:none}
.wrap-rct-3 .thumb img{}
/*감싸기*/
.wrap-rct-3 .con{position:relative;padding-right:70px;}
/*카테고리*/
.wrap-rct-3 .cate{display:none;}
/*제목*/
.wrap-rct-3 .subjectText{display:block;font-size:20px;color:#000;font-family:'Noto Medium';height:55px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap-rct-3 .content{display:block;font-size:18px;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin-top:15px;}
/*날짜*/
.wrap-rct-3 .date{display:block;font-size:14px;color:#666;font-family:'Mont Light';margin-top:35px;}
.wrap-rct-3 .date i{font-style:normal;}
.wrap-rct-3 .date em{font-style:normal;}
/*더보기*/
.wrap-rct-3 a.more{display:block;text-indent:-9999px;width:46px;height:46px;border:2px solid #1e2e55;background:url(/images/regional/common/plus_5_blue.png) center no-repeat;position:absolute;right:0px;top:0px;}
/*활성화*/
.wrap-rct-3 > ul > li .list,
.wrap-rct-3 a.more{display:none}
.wrap-rct-3 > ul > li.active .list,
.wrap-rct-3 > ul > li.active a.more{display:block}
@media only screen and (min-width:1025px){
	.wrap-rct-3 a:hover{text-decoration:underline;}
	.wrap-rct-3 a.more:hover{transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);background-color:#FFF;}
}
@media only screen and (max-width:1024px){
	.wrap-rct-3 .list ul li{width:33.33%;}
	.wrap-rct-3 .list ul li:nth-child(n+4){display:none;}
}
@media only screen and (max-width:768px){
	.wrap-rct-3 h2{padding-top:5px;}
	.wrap-rct-3 h2:after{display:none;}
	.wrap-rct-3 .title{position:absolute;top:40px;width:33.33%;}
	.wrap-rct-3 .title a{font-size:16px;background:#DDD;text-align:center;padding:10px 0;margin-left:1px;}
	.wrap-rct-3 .title a:before{display:none;}
	.wrap-rct-3 > ul > li.active .title a{background:#1b60c6;color:#FFF;}
	.wrap-rct-3 > ul > li:nth-child(1) .title{right:66.66%;}
	.wrap-rct-3 > ul > li:nth-child(2) .title{right:33.33%;}
	.wrap-rct-3 > ul > li:nth-child(3) .title{right:0;}
	.wrap-rct-3 > ul > li:nth-child(1) .title a{margin-left:0;}
	.wrap-rct-3 .list{margin-top:65px;}
	.wrap-rct-3 .list ul li{width:100%;}
	.wrap-rct-3 .list ul li:nth-child(n+4){display:block;}
	.wrap-rct-3 .list ul li:nth-child(n+5){display:none;}
	.wrap-rct-3 .con{padding:7px 0;}
	.wrap-rct-3 .subjectText{font-family:'Noto Regular';font-size:18px;height:auto;width:calc(100% - 80px);white-space:nowrap;}
	.wrap-rct-3 .content{display:none;}
	.wrap-rct-3 .date{margin-top:0;position:absolute;right:0;top:10px;}
	.wrap-rct-3 a.more{width:30px;height:30px;border-width:1px;background:url(/images/regional/common/plus_1_b.png) center no-repeat;}
}
@media only screen and (max-width:380px){
	.wrap-rct-3 .subjectText{font-size:16px;width:100%;}
	.wrap-rct-3 .date{display:none;}
	.wrap-rct-3 a.more{width:100%;height:auto;border:0;position:relative;top:auto;right:auto;filter:alpha(opacity=100);opacity:1;}
}