@charset "utf-8";

.wrap_rct{min-height:408px;}
/*게시판*/
.wrap_rct > ul{height:100%;display:flex;align-items:center;justify-content:flex-start;}
.wrap_rct > ul > li{}
/*타이틀*/
.wrap_rct .title{margin-right:30px;}
.wrap_rct .title a{display:block;font-size:35px;color:#FFF;font-family:'Sebang Regular';line-height:1;cursor:auto;cursor:pointer;}
.wrap_rct > ul > li.active .title a{color:#b6ffe1;}

/*목록*/
.wrap_rct .list{position:absolute;top:80px;left:0;width:100%;background:#FFF;}
.wrap_rct .list ul{display:flex;}
.wrap_rct .list ul li{width:25%;}
/*noData*/
.wrap_rct .list .nodata{font-size:18px;text-align:center;padding:50px 0;width:100%;}
/*컨텐츠*/
.wrap_rct .con{}
/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}
/*링크*/
.wrap_rct a.subject{display:block;padding:40px;position:relative;}
.wrap_rct a.subject::before{content:"";display:block;width:0;height:4px;background:#222;position:absolute;left:40px;top:120px;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
/*제목*/
.wrap_rct .subjectText{font-size:23px;color:#000;font-family:'Dream Medium';line-height:1.4;height:62px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin-top:30px;}
/*내용*/
.wrap_rct .content{font-size:15px;color:#666;font-family:'Dream Regular';line-height:1.5;height:70px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin-top:30px;}
/*날짜*/
.wrap_rct .dateA{display:none;font-size:14px;color:#666;line-height:1;font-family:'Sebang Bold';}
.wrap_rct .dateB{color:#666;line-height:1;font-family:'Sebang Bold';}
.wrap_rct .dateB .dD{font-size:45px;display:block;}
.wrap_rct .dateB .yM{font-size:14px;padding-left:3px;}
/*더보기*/
.wrap_rct .more{text-indent:-9999px;position:absolute;right:0;top:0;width:35px;height:35px;border:1px solid #FFF;background:url(/sites/style_guide/images/common/plus_4_w.png) center no-repeat;}
/*활성화*/
.wrap_rct .list,
.wrap_rct .more{display:none}
.wrap_rct > ul > li.active .list,
.wrap_rct > ul > li.active .more{display:block}
@media only screen and (max-width:1280px){
	.wrap_rct{min-height:356px;}
	.wrap_rct .title a{font-size:30px;}
	.wrap_rct a.subject{padding:25px;}
	.wrap_rct a.subject::before{display:none;}
	.wrap_rct .subjectText{font-size:18px;height:50px;}
	.wrap_rct .dateB .dD{font-size:35px;}
	.wrap_rct .more{width:30px;height:30px;}
}
@media only screen and (max-width:768px){
	.wrap_rct{min-height:367px;}
	.wrap_rct .title{margin-right:15px;}
	.wrap_rct .title a{font-size:25px;}
	.wrap_rct .list{top:60px;background:none;}
	.wrap_rct .list ul{flex-wrap:wrap;}
	.wrap_rct .list ul li{width:100%;margin:1px 0;}
	.wrap_rct a.subject{padding:15px 20px;background:#FFF;}
	.wrap_rct .content{display:none;}
	.wrap_rct .subjectText{font-size:16px;height:45px;margin-top:0;padding-right:80px;}
	.wrap_rct .dateA{display:block;position:absolute;right:20px;top:19px;}
	.wrap_rct .dateB{display:none;}
	.wrap_rct .more{width:25px;height:25px;}
}
@media only screen and (max-width:380px){
	.wrap_rct .subjectText{padding-right:0;}
	.wrap_rct .dateA{display:none;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_rct .title a:hover{color:#CCC;}
	.wrap_rct a.subject:hover::before{width:60px;}
	.wrap_rct .more:hover{border-color:#000;background-color:#000;}
}