@charset "utf-8";

.wrap_notice{word-break:break-all;padding-left:45%;}

/*텍스트*/
.wrap_notice .txt_1{font-size:35px;font-family:'Noto Light';letter-spacing:5px;padding-bottom:20px;display:flex;justify-content:space-between;align-items:center;}
.wrap_notice .txt_1::after{content:"";display:block;width:calc(100% - 280px);height:3px;background:#222;}

/*게시판*/
.wrap_notice > ul{display:flex;justify-content:flex-start;align-contents:center;}
.wrap_notice > ul > li{}
/*타이틀*/
.wrap_notice .title{margin-right:20px;display:flex;justify-content:flex-start;align-items:center;position:relative;}
.wrap_notice .title a{display:inline-block;font-size:27px;font-family:'Noto Light';line-height:1;position:relative;}
.wrap_notice > ul > li.active .title a{font-family:'Noto Medium';color:#1f4069;}
.wrap_notice .title::before{content:"";display:none;width:40px;height:25px;background:#a2c4ef;position:absolute;bottom:0;left:calc(50% - 20px);transform:skew(-15deg, -15deg);}
.wrap_notice > ul > li.active .title::before{display:block;}

/*목록*/
.wrap_notice .list{position:absolute;top:130px;right:0;width:calc(100% - 30px);min-height:437px;background:#FFF;border-radius:30px;box-shadow:-8px 5px 8px 0px #5a5a5a;}
.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{padding:0 35px;}
.wrap_notice a.subject{display:flex;justify-content:space-between;padding:25px 0;position:relative;border-bottom:1px solid #d9d9d9;font-size:20px;line-height:1;font-family:'Noto Regular';color:#303030;}
.wrap_notice .list ul li:nth-child(6) a.subject{border:0;}
/*제목*/
.wrap_notice .subjectText{position:relative;width:calc(100% - 120px);}
.wrap_notice .subjectText span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*내용*/
.wrap_notice .content{display:none;}
/*날짜*/
.wrap_notice .date{text-align:right;width:120px;color:#b5b5b6;font-family:'Noto Thin';}
/*더보기*/
.wrap_notice .more{text-indent:-9999px;position:absolute;right:0;top:66px;width:40px;height:40px;border:1px solid #666;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{display:block}
.wrap_notice > ul > li.active .more{display:inline-block}

@media only screen and (max-width:1280px){
	.wrap_notice{padding-left:30%;}
}
@media only screen and (max-width:1024px){
	.wrap_notice .title a{font-size:20px;}
	.wrap_notice a.subject{font-size:18px;}
	.wrap_notice .subjectText{width:100%;}
	.wrap_notice .date{display:none;}
	.wrap_notice .more{top:60px;}
}
@media only screen and (max-width:768px){
	.wrap_notice{padding:30px 20px;}
	.wrap_notice .txt_1{display:none;}
	.wrap_notice .list{top:70px;right:20px;width:calc(100% - 40px);min-height:290px;border-radius:0;box-shadow:none;}
	.wrap_notice .title a{font-size:18px;}
	.wrap_notice .con{padding:0 20px;}
	.wrap_notice a.subject{padding:15px 0;font-size:16px;}
	.wrap_notice .subjectText{width:calc(100% - 120px);}
	.wrap_notice .date{display:block;}
	.wrap_notice .more{top:20px;right:30px;}
}
@media only screen and (max-width:420px){
	.wrap_notice .title{margin-right:10px;}
	.wrap_notice .subjectText{width:100%;}
	.wrap_notice .date{display:none;}
}


/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_notice .title a:hover{color:#303030;font-family:'Noto Medium';}

	.wrap_notice .list ul li:hover{background:#2875cc;}
	.wrap_notice .list ul li:hover a.subject{color:#FFF;border:0;}
	.wrap_notice .list ul li:hover .date{color:#FFF;}
}