@charset "utf-8";

.wrap_notice{word-break:break-all;background:#0598d8;padding:35px;}

/*게시판*/
.wrap_notice > ul{display:flex;justify-content:flex-start;align-contents:center;}
.wrap_notice > ul > li{margin-right:10px;}
/*타이틀*/
.wrap_notice .title{}
.wrap_notice .title a{display:inline-block;font-size:18px;color:#cce3f4;line-height:1;}
.wrap_notice > ul > li.active .title a{font-size:22px;color:#FFF;}
/*목록*/
.wrap_notice .list{position:absolute;top:85px;left:35px;width:calc(100% - 70px);}
.wrap_notice .list ul{}
.wrap_notice .list ul li{}
/*noData*/
.wrap_notice .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;color:#FFF;}
/*글감싸기*/
.wrap_notice a.subject{}
.wrap_notice a.subject .con{padding:5px 0;}
/*썸네일*/
.wrap_notice .thumb{display:none;}
.wrap_notice .thumb img{}
/*제목*/
.wrap_notice .subjectText{position:relative;font-size:15px;color:#d1ebfe;line-height:1.3;padding-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.wrap_notice .subjectText:before{content:"";display:block;width:5px;height:5px;background:#a0d8ff;border-radius:100%;position:absolute;top:7px;left:0;}
.wrap_notice .subjectText span{}
/*내용*/
.wrap_notice .content{display:none;}
/*날짜*/
.wrap_notice .date{display:none;}
/*더보기*/
.wrap_notice .more{display:block;text-indent:-9999px;position:absolute;right:28px;top:28px;width:30px;height:30px;background:url(/sites/style_guide/images/common/plus_3_w.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}
/*첫글*/
.wrap_notice .list ul li:first-child{margin-bottom:20px;}
.wrap_notice .list ul li:first-child a{display:block;height:82px;padding-left:100px;background:url(../images/icon_noti.png) left top no-repeat;}
.wrap_notice .list ul li:first-child .subjectText{font-size:20px;color:#FFF;padding-left:0;}
.wrap_notice .list ul li:first-child .subjectText:before{display:none;}
.wrap_notice .list ul li:first-child .content{display:block;margin-top:10px;font-size:16px;color:#d1ebfe;line-height:1.3;height:43px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
	.wrap_notice{padding-bottom:30px;}
	.wrap_notice .more{right:0;top:auto;bottom:15px;width:100%;}
	.wrap_notice .list ul li:first-child a{padding-left:70px;background-size:60px;}
	.wrap_notice .list ul li:first-child .subjectText{font-size:18px;}
}
@media only screen and (max-width:420px){
}


/*HOVER****************************************/
@media only screen and (min-width:1025px){
}