@charset "utf-8";

/*전체감싸기*/
.wrap_notice{padding:80px 60px;background:#FFF;}
/*게시판*/
.wrap_notice > ul{word-break:break-all;min-height:350px;position:relative;}
.wrap_notice > ul > li{}
/*탭*/
.wrap_notice .title{margin-bottom:40px;}
.wrap_notice .title a{display:block;font-size:22px;line-height:1;}
.wrap_notice .title a:before{content:"";display:inline-block;width:0;height:0;border-radius:100px;vertical-align:4px;margin-right:10px;}
.wrap_notice > ul > li.active .title a{font-weight:400;color:#0090ff;}
.wrap_notice > ul > li.active .title a:before{width:10px;height:10px;background:#0090ff !important;}
/*noData*/
.wrap_notice .nodata{font-size:18px;text-align:center;padding:60px 0 !important;width:100% !important;}
/*목록*/
.wrap_notice .list{position:absolute;top:0;left:250px;}
.wrap_notice .list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wrap_notice .list ul li{width:33.33%;padding:0 30px 60px 30px;position:relative;border-right:1px solid #DDD;}
.wrap_notice .list ul li:last-child{border:0;}
/*링크*/
.wrap_notice .subject{display:block;line-height:1.5;width:100%;}
.wrap_notice .subject:before{content:"";display:block;width:18px;height:3px;background:#0090ff;margin-bottom:30px;}
/*썸네일*/
.wrap_notice .thumb{display:none;}
.wrap_notice .thumb img{max-width:100%;}
/*감싸기*/
.wrap_notice .con{}
/*카테고리*/
.wrap_notice .cate{display:none;}
/*제목*/
.wrap_notice .subjectText{display:block;font-size:20px;height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_notice .content{display:block;margin-top:30px;font-size:16px;color:#666;height:120px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*날짜*/
.wrap_notice .date{display:block;font-size:16px;color:#000;font-family: 'Titillium Web', sans-serif;font-weight:400;line-height:1;position:absolute;bottom:0;}
.wrap_notice .date i,
.wrap_notice .date i em{font-style:normal;}
/*더보기*/
.wrap_notice a.more{display:block;box-sizing:border-box;text-indent:-9999px;width:50px;height:50px;background:#EEE url(/sites/style_guide/images/common/plus_3_b.png) center no-repeat;position:absolute;bottom:-50px;right:-20px;}
/*활성화*/
.wrap_notice > ul > li .list,
.wrap_notice > ul > li a.more{display:none}
.wrap_notice > ul > li.active .list,
.wrap_notice > ul > li.active a.more{display:block}
@media only screen and (max-width:1280px){
	.wrap_notice{padding:50px;}
	.wrap_notice > ul{display:flex;min-height:380px;}
	.wrap_notice > ul > li{margin-right:20px;}
	.wrap_notice .list{left:0;top:70px;width:100%;}
	.wrap_notice .list ul li{padding:0 20px 20px 20px;}
	.wrap_notice a.more{bottom:-20px;right:-20px;}
}
@media only screen and (max-width:768px){
	.wrap_notice{padding:50px 20px;}
	.wrap_notice > ul{min-height:520px;}
	.wrap_notice .title a{font-size:18px;}
	.wrap_notice > ul > li.active .title a{border-bottom:2px solid #0090ff;padding-bottom:5px;}
	.wrap_notice > ul > li.active .title a:before{display:none;}
	.wrap_notice .list{top:50px;}
	.wrap_notice .list ul{display:block;}
	.wrap_notice .list ul li{width:100%;padding:10px 0;border-right:0;border-bottom:1px solid #DDD;}
	.wrap_notice .subjectText{font-size:18px;height:auto;white-space:nowrap;font-weight:400;}
	.wrap_notice .subject:before{display:none;}
	.wrap_notice .content{margin-top:10px;height:50px;}
	.wrap_notice .date{position:relative;margin-top:10px;}
	.wrap_notice a.more{bottom:0;right:0;width:100%;height:40px;}
}


/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_notice .subject:hover .subjectText{font-weight:400;}
	.wrap_notice .subject:hover:before{width:50px;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}

	.wrap_notice .title a:hover:before{width:10px;height:10px;background:#888;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
}