@charset "utf-8";

.wrap_notice{word-break:break-all;padding-bottom:40px;min-height:510px;}
.wrap_notice:before{content:"";display:block;width:100%;height:70px;position:absolute;top:0;left:0;background:#333;}
.wrap_notice:after{content:"";display:block;width:100%;height:calc(100% - 70px);position:absolute;top:70px;left:0;background:#eff3f8;}
/*게시판*/
.wrap_notice > ul{max-width:1550px;margin: 0 auto;position:relative;z-index:1;display:flex;padding-right:70px;}
.wrap_notice > ul > li{width:16.66666%;}
/*타이틀*/
.wrap_notice .title{}
.wrap_notice .title a{display:block;text-align:center;font-size:24px;color:#FFF;line-height:1;padding:23px 0;background:url(../images/line.png) right center no-repeat;}
.wrap_notice > ul > li:last-child .title a{background-image:none;}
/*목록*/
.wrap_notice .list{position:absolute;top:110px;left:0;width:100%;}
.wrap_notice .list ul{padding-left:25%;font-size:0;}
.wrap_notice .list ul li{width:33.33%;display:inline-block;vertical-align:top;}
/*noData*/
.wrap_notice .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*썸네일*/
.wrap_notice .thumb{display:none}
.wrap_notice .thumb img{}
/*컨텐츠*/
.wrap_notice .con{margin:0 0 15px 15px;}
.wrap_notice a.subject{display:block;padding:30px;background:#FFF;border:1px solid #EEE;}
/*제목*/
.wrap_notice .subjectText{font-size:24px;color:#222;line-height:1.3;font-family:'Noto Regular';height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_notice .content{display:none;}
/*날짜*/
.wrap_notice .date{font-size:15px;color:#BBB;}
.wrap_notice .date:before{content:"";display:block;width:100%;height:28px;background:url(../images/bul_11.png) no-repeat 98% center;filter:alpha(opacity=0);opacity:0;}
/*더보기*/
.wrap_notice a.more{display:block;text-indent:-9999px;position:absolute;right:0;top:0;width:70px;height:70px;background:#000 url(/sites/style_guide/images/common/plus_4_w.png) center no-repeat;}
/*활성화*/
.wrap_notice .list,
.wrap_notice a.more{display:none}
.wrap_notice > ul > li.active .list,
.wrap_notice > ul > li.active a.more{display:block}
.wrap_notice > ul > li.active .title a{font-family:'Noto Medium';background:#0049cf;}

/*첫글*/
@media only screen and (min-width:769px){
	.wrap_notice .list ul li:first-child{width:25%;position:absolute;top:0;left:0;}
	.wrap_notice .list ul li:first-child .con{margin-left:0;}
	.wrap_notice .list ul li:first-child a.subject{height:359px;}
	.wrap_notice .list ul li:first-child .content{display:block;font-size:18px;margin-top:30px;height:110px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
	.wrap_notice .list ul li:first-child .date{position:absolute;bottom:30px;left:30px;width:calc(100% - 60px);}
}
@media only screen and (max-width:1550px){
	.wrap_notice:before{display:none;}
	.wrap_notice:after{height:100%;top:0;}
	.wrap_notice .title a{background-color:#333;}
	.wrap_notice > ul{max-width:100%;}
	
	.wrap_notice .list{left:2%;width:96%;}
}
@media only screen and (max-width:1280px){
	
}
@media only screen and (max-width:1024px){
	.wrap_notice > ul{padding-right:66px;}
	.wrap_notice .title a{font-size:20px;background-image:none;}
	.wrap_notice .subjectText{font-size:20px;height:55px;}
	.wrap_notice .list ul li:first-child .content{font-size:16px;height:120px;}
	.wrap_notice a.more{height:66px;width:66px;}
}
@media only screen and (max-width:768px){
	.wrap_notice{padding-bottom:0;min-height:355px;background:#FFF;}
	.wrap_notice:after{display:none;}
	.wrap_notice > ul{padding-right:0;}
	.wrap_notice .title a{font-size:16px;padding:14.5px 3px;}
	.wrap_notice .list{top:60px;left:5%;width:90%;}
	.wrap_notice .list ul{padding-left:0;}
	.wrap_notice .list ul li{width:100%;}
	.wrap_notice .con{margin:0;}
	.wrap_notice a.subject{padding:7px 0;padding-left:10px;background:none;border:0;position:relative;}
	.wrap_notice a.subject:before{content:"";display:block;width:3px;height:3px;background:#888;position:absolute;left:0;top:17px;}
	.wrap_notice .subjectText{font-size:16px;height:auto;white-space:nowrap;width:calc(100% - 80px);}
	.wrap_notice .date{position:absolute;right:0;top:5px;}
	.wrap_notice .date:before{display:none;}
	.wrap_notice a.more{top:310px;width:100%;height:40px;background:#FFF url(/sites/style_guide/images/common/plus_3_b.png) center no-repeat}
}
@media only screen and (max-width:460px){
	.wrap_notice{min-height:395px;}
	.wrap_notice > ul{flex-wrap:wrap;}
	.wrap_notice > ul > li{width:33.333%;}
	.wrap_notice .list{top:110px;}
	.wrap_notice .subjectText{width:100%;}
	.wrap_notice .date{display:none;}
	.wrap_notice a.more{top:350px;}
}


/*HOVER*/
@media only screen and (min-width:1025px){
	.wrap_notice .title a:hover{background:#5e6263;}
	.wrap_notice a.subject:hover{background:#00A19D;}
	.wrap_notice a.subject:hover .subjectText,
	.wrap_notice a.subject:hover .content,
	.wrap_notice a.subject:hover .date{color:#FFF;}
	.wrap_notice a.subject:hover .date:before{filter:alpha(opacity=100);opacity:1;}
	.wrap_notice a.more:hover{background:#000 url(/sites/style_guide/images/common/arrow_4_w.png) center no-repeat;}
}