@charset "utf-8";

.wrap_notice{word-break:break-all;min-height:265px;display:flex;align-items:flex-start;justify-content:flex-start;}

/*타이틀*/
.wrap_notice h3{font-size:45px;font-family: 'Montserrat', sans-serif;font-weight:600;letter-spacing:-0.05em;line-height:1;padding-top:14px;width:200px;}

/*게시판*/
.wrap_notice > ul{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 200px);}
.wrap_notice > ul > li{}
/*타이틀*/
.wrap_notice .title{margin-right:30px;display:flex;justify-content:flex-start;align-items:center;}
.wrap_notice .title a{display:inline-block;font-size:26px;font-family:'Noto Medium';line-height:1;border-bottom:2px solid transparent;padding:10px 0;color:#666;}
.wrap_notice .title a::before{content:"";display:block;width:8px;height:8px;background:transparent;margin:0 auto 10px auto;border-radius:100%;}
.wrap_notice > ul > li.active .title a{color:#333 !important;}
.wrap_notice > ul > li.active .title a::before{background:#c30034;}

/*목록*/
.wrap_notice .list{position:absolute;top:100px;left:200px;width:calc(100% - 200px);}
.wrap_notice .list ul{display:flex;}
.wrap_notice .list ul li{width:23.5%;margin-right:2%;}
.wrap_notice .list ul li:last-child{margin-right:0;}
/*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{}
.wrap_notice a.subject{line-height:1.3;}
/*제목*/
.wrap_notice .subjectText{font-size:22px;font-family:'Noto Medium';color:#222;height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_notice .content{font-size:17px;font-family:'Noto Light';color:#666;margin-top:20px;height:45px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*날짜*/
.wrap_notice .date{font-size:15px;font-family:'Noto Light';color:#666;margin-top:20px;}
/*더보기*/
.wrap_notice .more{text-indent:-9999px;position:absolute;right:0;top:15px;width:45px;height:45px;border:1px solid #666;background:url(../images/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}

/*콘트롤*/
.wrap_notice .control{}
.wrap_notice .control button{display:inline-block;width:40px;height:20px;font-size:0;position:absolute;top:10px;}
.wrap_notice button.play,
.wrap_notice button.stop{display:none;}
.wrap_notice button.prev{background:url(../images/arrow_2.png) left bottom no-repeat;left:-190px;}
.wrap_notice button.next{background:url(../images/arrow_2_2.png) right bottom no-repeat;left:-120px;}

@media only screen and (max-width:1024px){
	.wrap_notice h3{font-size:35px;}
	.wrap_notice .subjectText{font-size:18px;height:50px;}
}
@media only screen and (max-width:768px){
	.wrap_notice{display:block;min-height:285px;}
	.wrap_notice h3{padding-top:0;padding-bottom:20px;width:100%;font-size:25px;text-align:center;}
	.wrap_notice > ul{width:100%;justify-content:center;}
	.wrap_notice .list{left:0;width:100%;top:130px;}
	.wrap_notice .title a{font-size:20px;}
	.wrap_notice .more{right:50%;margin-right:-77px;top:0;width:30px;height:30px;border:0;background:url(../images/plus_1_b.png) center no-repeat;}

	.wrap_notice .control button{width:30px;height:30px;top:calc(50% - 30px);}
	.wrap_notice button.prev{background:rgba(0,0,0,0.5) url(../images/arrow_2_w.png) center no-repeat;left:0;transform:rotate(180deg);}
	.wrap_notice button.next{background:rgba(0,0,0,0.5) url(../images/arrow_2_w.png) center no-repeat;left:auto;right:0;}

}
@media only screen and (max-width:420px){
}


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