@charset "utf-8";

.wrap_notice{word-break:break-all;min-height:525px;background:#FFF;}
.wrap_notice:before{content:"";display:block;width:calc(100% - 80px);height:1px;background:#DDD;position:absolute;top:89px;left:40px;}

/*게시판*/
.wrap_notice > ul{display:flex;justify-content:flex-start;align-contents:center;padding:40px;}
.wrap_notice > ul > li{}
/*타이틀*/
.wrap_notice .title{margin-right:30px;}
.wrap_notice .title a{display:inline-block;font-size:22px;font-weight:400;line-height:1;border-bottom:3px solid transparent;padding-bottom:25px;}
.wrap_notice > ul > li.active .title a{color:#000 !important;font-weight:500;border-color:#000;}
/*목록*/
.wrap_notice .list{position:absolute;top:120px;left:40px;width:calc(100% - 80px);}
.wrap_notice .list ul{}
.wrap_notice .list ul li{width:100%;}
/*noData*/
.wrap_notice .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;color:#FFF;}
/*썸네일*/
.wrap_notice .thumb{display:none;}
.wrap_notice .thumb img{}
/*컨텐츠*/
.wrap_notice .con{}
.wrap_notice a.subject{display:block;padding:7px 0;position:relative;}
/*제목*/
.wrap_notice .subjectText{position:relative;font-size:18px;line-height:1.3;width:calc(100% - 100px);}
.wrap_notice .subjectText span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-left:17px;}
.wrap_notice .subjectText span:before{content:"";display:block;width:6px;height:6px;background:#888;border-radius:100%;position:absolute;left:0;top:9px;}
/*내용*/
.wrap_notice .content{display:none;}
/*날짜*/
.wrap_notice .date{font-size:14px;font-family:'Montserrat', sans-serif;position:absolute;right:0;top:10px;}
/*더보기*/
.wrap_notice .more{display:block;text-indent:-9999px;position:absolute;right:28px;top:40px;width:35px;height:35px;border:1px solid #DDD;border-radius:100%;background:url(/sites/style_guide/images/common/plus_1_b.png) center no-repeat;}
/*활성화*/
.wrap_notice .list,
.wrap_notice .more{display:none}
.wrap_notice > ul > li.active .list,
.wrap_notice > ul > li.active .more{display:block}
@media only screen and (min-width:769px){
	.wrap_notice .list ul li:first-child{margin-bottom:20px;}
	.wrap_notice .list ul li:first-child .con{display:flex;}
	.wrap_notice .list ul li:first-child .con:before{content:"";display:block;width:130px;height:137px;background:url(../images/rct_1.png) center no-repeat;margin-right:20px;}
	.wrap_notice .list ul li:first-child .con a.subject{width:calc(100% - 150px);padding:15px 0;}
	.wrap_notice .list ul li:first-child .subjectText{font-size:24px;font-weight:400;color:#000;width:100%;}
	.wrap_notice .list ul li:first-child .subjectText span{padding-left:0;}
	.wrap_notice .list ul li:first-child .subjectText span:before{display:none;}
	.wrap_notice .list ul li:first-child .date{position:relative;right:auto;top:auto;margin-top:10px;}
	.wrap_notice .list ul li:first-child .content{display:block;font-size:16px;line-height:1.3;height:40px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
}
@media only screen and (max-width:768px){
	.wrap_notice{min-height:390px;}
	.wrap_notice .title a{font-size:18px;}
	.wrap_notice .list{top:110px;}
	.wrap_notice .subjectText{font-size:16px;}
	.wrap_notice .date{top:8px;}
	.wrap_notice .more{right:0;top:auto;bottom:15px;width:100%;border-radius:0;border:0;}
}
@media only screen and (max-width:380px){
	.wrap_notice .subjectText{width:100%;}
	.wrap_notice .date{display:none;}
}


/*HOVER****************************************/
@media only screen and (min-width:1025px){
	.wrap_notice .title a:hover{border-color:#888;}
	.wrap_notice .list ul li:first-child .con a.subject:hover .subjectText{color:#fed904;}
	.wrap_notice a.subject:hover .subjectText{font-weight:400;}
}