@charset "utf-8";

/*전체감싸기*/
.wrap-rct{box-sizing:border-box;position:relative;padding-left:150px;}
/*타이틀*/
.wrap-rct h2{color:#3b454a;font-size:22px;font-family:'Noto Medium';line-height:1;width:150px;text-align:center;position:absolute;left:0;top:0;}
.wrap-rct h2:before{content:"";display:block;margin: 0 auto 10px auto;width:43px;height:43px;background:url(/images/citt/main/icon_6.png) no-repeat center;}

/*게시판*/
.wrap-rct > ul{word-break:break-all;}
.wrap-rct > ul > li{}
/*탭*/
.wrap-rct .title{display:none;}
/*목록*/
.wrap-rct .list{}
.wrap-rct .list ul{}
.wrap-rct .list ul li{}
/*noData*/
.wrap-rct .nodata{font-size:18px;text-align:center;padding:20px 0;width:100%;}
/*링크*/
.wrap-rct .subject{display:block;color:#333;line-height:1.3;}
/*썸네일*/
.wrap-rct .thumb{display:none}
.wrap-rct .thumb img{}
/*감싸기*/
.wrap-rct .con{padding:5px 0 5px 15px;position:relative;}
.wrap-rct .con:before{content:"";display:block;width:7px;height:2px;background:#005bac;position:absolute;left:0;top:16px;transform:rotate(-45deg);}
/*카테고리*/
.wrap-rct .cate{display:none;}
/*제목*/
.wrap-rct .subjectText{display:block;font-size:16px;width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*내용*/
.wrap-rct .content{display:none;}
/*날짜*/
.wrap-rct .date{display:block;position:absolute;right:5px;top:6px;font-size:14px;font-family: 'Titillium Web', sans-serif;}
.wrap-rct .date i{font-style:normal;}
.wrap-rct .date em{font-style:normal;}
/*더보기*/
.wrap-rct a.more{display:block;text-indent:-9999px;width:28px;height:28px;background:url(/images/citt/common/plus_1_b.png) center no-repeat;position:absolute;left:65px;top:90px;}
/*활성화*/
.wrap-rct > ul > li .list,
.wrap-rct 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:hover{text-decoration:underline;}
	.wrap-rct a.more:hover{transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media only screen and (max-width:1280px){
	.wrap-rct{background:#FFF;padding:30px;padding-left:150px;}
	.wrap-rct h2{top:30px;}
	.wrap-rct a.more{top:120px;}
}
@media only screen and (max-width:1024px){
	.wrap-rct h2{font-size:25px;}
}
@media only screen and (max-width:768px){
	.wrap-rct h2{font-size:20px;}
}
@media only screen and (max-width:480px){
	.wrap-rct{padding:20px;}
	.wrap-rct h2{text-align:left;width:100%;position:relative;left:auto;top:auto;padding-bottom:15px;}
	.wrap-rct h2:before{display:none;}
	.wrap-rct a.more{width:100%;position:relative;left:auto;top:auto;}
}
@media only screen and (max-width:380px){
	.wrap-rct .subjectText{width:100%;}
	.wrap-rct .list .date{display:none;}
}