@charset "utf-8";

/*전체감싸기*/
.wrap-rct{padding:100px 60px;background:#FFF;}
/*타이틀*/
.wrap-rct h2{font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:65px;line-height:1;position:absolute;}
/*게시판*/
.wrap-rct > ul{word-break:break-all;}
/*탭*/
.wrap-rct .title{position:absolute;top:0;left:60px;}
.wrap-rct .title a{display:block;font-size:22px;line-height:1;font-family:'Noto Regular';}
.wrap-rct .title a:before{content:"";display:none;width:10px;height:10px;border-radius:100px;background:#004eff;vertical-align:4px;margin-right:10px;}
.wrap-rct > ul > li.active .title a{font-family:'Noto Medium';color:#004eff;}
.wrap-rct > ul > li.active .title a:before{display:inline-block;}
.wrap-rct > ul > li:nth-child(1) .title{top:230px;}
.wrap-rct > ul > li:nth-child(2) .title{top:285px;}
/*noData*/
.wrap-rct .nodata{font-size:18px;text-align:center;padding:60px 0 !important;width:100%;}
/*목록*/
.wrap-rct .list{margin-left:25%;}
.wrap-rct .list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wrap-rct .list ul li{width:33.33%;padding:0 30px 60px 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:block;width:18px;height:3px;background:#004eff;margin-bottom:30px;}
/*썸네일*/
.wrap-rct .thumb{display:none;}
.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:block;margin-top:30px;font-size:16px;color:#666;height:120px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*날짜*/
.wrap-rct .date{display:block;font-size:16px;color:#000;font-family: 'Titillium Web', sans-serif;line-height:1;position:absolute;bottom:0;}
.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:22px;height:22px;background:url(/images/templet_05/common/plus_4_sky.png) center no-repeat;position:absolute;top:229px;left:170px;}
.wrap-rct > ul > li:nth-child(2) a.more{top:284px;}
/*활성화*/
.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 a.more:hover{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);background:url(/images/templet_05/common/plus_4_b.png) center no-repeat;}
}
@media only screen and (max-width:1024px){
	.wrap-rct{padding:100px 30px;}
	.wrap-rct h2{font-size:55px;position:relative;text-align:center;}
	.wrap-rct .title{top:180px !important;}
	.wrap-rct > ul > li:nth-child(1) .title{left:calc(50% - 130px);}
	.wrap-rct > ul > li:nth-child(2) .title{left:calc(50% + 40px);}
	.wrap-rct .list{margin-left:0;margin-top:90px;}
	.wrap-rct .list ul li{padding:0 15px 60px 15px;}
	.wrap-rct a.more{top:117px !important;left:auto;right:30px;background:url(/images/templet_05/common/plus_4_b.png) center no-repeat;}
}
@media only screen and (max-width:768px){
	.wrap-rct h2{font-size:45px;}
	.wrap-rct .title{width:calc(50% - 40px);top:170px !important;}
	.wrap-rct .title a{font-size:18px;text-align:center;padding:9px 0;background:#DDD;border-radius:30px;}
	.wrap-rct .title a:before{display:none !important;}
	.wrap-rct > ul > li.active .title a{background:#004eff;color:#FFF;}
	.wrap-rct > ul > li:nth-child(1) .title{left:30px;}
	.wrap-rct > ul > li:nth-child(2) .title{left:calc(50% + 10px);}
	.wrap-rct .list ul li{width:100%;padding:15px 0;border-right:0;border-bottom:1px solid #DDD;}
	.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 .content{margin-top:5px;height:50px;}
	.wrap-rct .date{position:relative;bottom:auto;text-align:right;padding-top:10px;}
	.wrap-rct a.more{top:112px !important;}
}
@media only screen and (max-width:420px){
	.wrap-rct h2{font-size:35px;}
	.wrap-rct .title{width:calc(50% - 30px);}
		.wrap-rct > ul > li:nth-child(2) .title{left:calc(50% - 0px);}

	.wrap-rct a.more{top:107px !important;}
}