@charset "utf-8";

.wrap_rct{word-break:break-all;min-height:340px;}

.wrap_rct .mainTitle{position:absolute;}

/*게시판*/
.wrap_rct > ul{display:flex;justify-content:flex-start;align-items:center;padding:5px 0 0 300px;}
.wrap_rct > ul > li{}
/*타이틀*/
.wrap_rct .title{}
.wrap_rct .title::after{content:"";display:inline-block;width:5px;height:5px;background:#000;border-radius:100%;margin:0 30px;vertical-align:7px;}
.wrap_rct .title a{display:inline-block;font-size:26px;font-family:'Noto Regular';line-height:1;border-bottom:3px solid transparent;color:#666;padding-bottom:10px;}
.wrap_rct > ul > li.active .title a{color:#000 !important;font-family:'Noto Medium';border-color:#1e51a2;}
.wrap_rct > ul > li:last-child .title::after{display:none;}

/*목록*/
.wrap_rct .list{position:absolute;top:80px;left:0;width:100%;}
.wrap_rct .list ul{}
.wrap_rct .list ul li{width:100%;}
/*
.wrap_rct .list ul{display:flex;}
.wrap_rct .list ul li{width:22%;margin-right:4%;}
.wrap_rct .list ul li:last-child{margin-right:0;}
*/
/*noData*/
.wrap_rct .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;}
/*썸네일*/
.wrap_rct .thumb{display:none;}
.wrap_rct .thumb img{}
/*컨텐츠*/
.wrap_rct .con{}
.wrap_rct a.subject{ display: flex; align-items: center; padding: 9px 0; position: relative; font-size: 18px; line-height: 1.3; }
/*
.wrap_rct a.subject{display:block;line-height:1.3;position:relative;}
.wrap_rct a.subject::before{content:"";display:block;width:100px;height:2px;background:transparent;margin-bottom:20px;}
*/
/*제목*/
.wrap_rct .subjectText{ display: inline-block; position: relative; max-width: calc(100% - 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*
.wrap_rct .subjectText{font-size:26px;color:#222;height:70px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;position:relative;padding-top:5px;}
.wrap_rct .subjectText::before{content:"";display:block;width:30px;height:30px;background:transparent;position:absolute;left:0;top:0;border-radius:100%;}
.wrap_rct .subjectText span{position:relative;}
*/
/*내용*/
.wrap_rct .content{display:none;}
/*
.wrap_rct .content{font-size:16px;font-family:'Noto Light';color:#444;margin-top:20px;height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
*/
/*날짜*/
.wrap_rct .date{ text-align: right; width: 80px; font-family: 'Play', sans-serif; color: #999; font-size: 14px; position: absolute; right: 2px; top: 12px;}
/*
.wrap_rct .date{font-size:15px;color:#666;padding:20px 0;margin-bottom:20px;border-bottom:2px solid #000;}
*/
/*learnMore*/
.wrap_rct .learnMore{display:none;}
/*
.wrap_rct .learnMore{display:flex;align-items:center;border-bottom:1px solid #000;width:115px;padding-bottom:5px;}
.wrap_rct .learnMore span{font-size:16px;font-family:'Noto Medium';color:#000;}
.wrap_rct .learnMore::after{content:"";display:block;width:24px;height:10px;background:url(/sites/style_guide/images/common/arrow_23_b.png) right center no-repeat;}
*/
/*더보기*/
.wrap_rct .more{text-indent:-9999px;position:absolute;left:200px;top:0;width:50px;height:50px;border:2px solid #000;border-radius:100%;background:url(/sites/style_guide/images/common/plus_3_b.png) center no-repeat;}
/*활성화*/
.wrap_rct .list,
.wrap_rct .more{display:none}
.wrap_rct > ul > li.active .list{display:block}
.wrap_rct > ul > li.active .more{display:inline-block}

@media only screen and (max-width:1400px){
	.wrap_rct{min-height:340px;}
	.wrap_rct .mainTitle{position:relative;}
	.wrap_rct > ul{padding:30px 0;}
	.wrap_rct .list{top:120px;}
}
@media only screen and (max-width:1024px){
	.wrap_rct .more{left:auto;right:0;width:35px;height:35px;}
	.wrap_rct .title a{font-size:22px;}
	.wrap_rct .subjectText{font-size:20px;height:60px;}
}
@media only screen and (max-width:768px){
	.wrap_rct{min-height:340px;}
	.wrap_rct .title a{font-size:20px;}
	.wrap_rct .title::after{margin:0 15px;}

	.wrap_rct .list ul{display:flex;flex-wrap:wrap;}
	.wrap_rct .list ul li{width:100%;margin:0;}
	.wrap_rct a{padding:10px 0;border-bottom:1px solid #EEE;}
	.wrap_rct a.subject::before{display:none;}
	.wrap_rct .subjectText{font-size:18px;height:auto;white-space:nowrap;padding:0;width:calc(100% - 80px);}

	.wrap_rct .date{padding:0;margin-bottom:0;border-bottom:0;position:absolute;right:0;top:13px;}
	.wrap_rct .content{display:none;}
	.wrap_rct .learnMore{display:none;}

	.wrap_rct .more{width:25px;height:25px;border:0;}
}


/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_rct .title a:hover{color:#000;border-color:#222;}
	.wrap_rct a.subject:hover .subjectText::before{background:#f18a33;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_rct a.subject:hover::before{background:#000;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}