@charset "utf-8";

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

/*게시판*/
.wrap_notice > ul{display:flex;justify-content:flex-start;align-contents:center;padding-right:45px;}
.wrap_notice > ul > li{}
/*타이틀*/
.wrap_notice .title{display:flex;margin-right:1px;}
.wrap_notice .title a{display:inline-block;font-size:18px;font-family:'Noto Regular';line-height:1;color:#FFF;background:#84a3af;padding:10px 30px;text-align:center;}
.wrap_notice > ul > li.active .title a{background:#014099;}

/*목록*/
.wrap_notice .list{position:absolute;top:120px;left:0;width:100%;padding:0 35px;}
.wrap_notice .list ul{}
.wrap_notice .list ul li{width:100%;}
/*noData*/
.wrap_notice .list .nodata{font-size:18px;text-align:center;padding:60px;width:100%;}
/*썸네일*/
.wrap_notice .thumb{display:none;}
.wrap_notice .thumb img{}
/*컨텐츠*/
.wrap_notice a.subject{}
.wrap_notice .con{display:flex;justify-content:space-between;align-items:center;position:relative;}
.wrap_notice .con::before{content:"";display:inline-block;width:9px;height:3px;background:#008edd;position:absolute;left:0;top:15px;}
/*제목*/
.wrap_notice .subjectText{width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-family:'Noto Light';line-height:1;padding:8px 0 8px 20px;}
.wrap_notice .subjectText span{}
/*내용*/
.wrap_notice .content{display:none;}
/*날짜*/
.wrap_notice .date{text-align:right;width:100px;color:#BBB;}
/*더보기*/
.wrap_notice .more{text-indent:-9999px;position:absolute;right:35px;top:35px;width:38px;height:38px;border:1px solid #888;background:url(/sites/style_guide/images/common/plus_4_b.png) center no-repeat;}
/*활성화*/
.wrap_notice .list,
.wrap_notice .more{display:none}
.wrap_notice > ul > li.active .list{display:block}
.wrap_notice > ul > li.active .more{display:inline-block}

@media only screen and (max-width:768px){
	.wrap_notice{padding:25px;}
	.wrap_notice .title a{font-size:16px;}
	.wrap_notice .list{padding:0 25px;top:90px;}
	.wrap_notice a.subject{font-size:16px;}
	.wrap_notice .more{top:24px;right:25px;}
}
@media only screen and (max-width:420px){
	.wrap_notice .subjectText{width:100%;}
	.wrap_notice .date{display:none;}
}

/*첫글*/
@media only screen and (min-width:768px){
	.wrap_notice .list ul li:first-child{margin-bottom:30px;}
	.wrap_notice .list ul li:first-child a.subject{display:flex;align-items:center;justify-content:space-between;}
	.wrap_notice .list ul li:first-child a.subject::before{content:"";display:block;width:110px;height:110px;background:url(../images/noti_1.png) center no-repeat;}
	.wrap_notice .list ul li:first-child .con{display:block;padding:0;width:calc(100% - 130px);}
	.wrap_notice .list ul li:first-child .con::before{display:none;}
	.wrap_notice .list ul li:first-child .subjectText{width:100%;font-size:24px;margin-bottom:20px;font-family:'Noto Regular';padding:0;}
	.wrap_notice .list ul li:first-child .content{display:block;height:80px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
	.wrap_notice .list ul li:first-child .date{display:none;}
}


/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_notice .title a:hover{background:#222;}
}