@charset "utf-8";
/*전체감싸기*/
.wrap-notice{position:relative;word-break:break-all;background:#f1f1f1;padding: 80px 0 60px;min-height: 600px;}
.wrap-notice:before{content:"BOARD";display:block;position:absolute;width:100%;left:0;top:0;text-align:center;color:#e3e3e3;font-size:100px;font-family:'Dream ExtraBold';}
.wrap-notice h2{display:none;}
/*게시판*/
.wrap-notice > ul{position:relative;max-width:1400px;margin: 0 auto;/* padding-top:115px; */display: flex;justify-content: center;}
.wrap-notice > ul > li{
}
/*타이틀*/
.wrap-notice .title{/* position:absolute; */top: 20px;line-height:1;left:50%;margin: 0 10px;text-align: center;word-break: keep-all;}
.wrap-notice .title a{display:block;cursor:pointer;font-size: 35px;color:#828181;font-family:'Noto Light';}
.wrap-notice > ul > li.active .title a{color:#fa7f77;font-family:'Noto Medium';}
.wrap-notice > ul > li:nth-child(1) .title{/* margin-left: -270px; */}
.wrap-notice > ul > li:nth-child(2) .title{margin-left:10px;}
/*목록*/
.wrap-notice .list{padding:50px 25px;background:#FFF;position: absolute;left: 0;top: 90px;width: 100%;}
.wrap-notice .list ul{font-size:0;}
.wrap-notice .list ul li{display:inline-block;vertical-align:top;width:25%;padding:0 25px;box-sizing:border-box;}
/*noData*/
.wrap-notice .list ul li.nodata{font-size:18px;text-align:center;width:100%}
/*썸네일*/
.wrap-notice .thumb{display:none}
.wrap-notice .thumb img{}
/*제목*/
.wrap-notice .con{}
.wrap-notice a.subject{display:block;position:relative;padding-top:80px;}
.wrap-notice a.subject .subjectText{font-size:23px;color:#333;line-height:1.5;height:70px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*날짜*/
.wrap-notice a.subject .date{position:absolute;left:0;top:0;line-height:1;}
.wrap-notice a.subject .date span{display:block;text-align:center;}
.wrap-notice a.subject .date .dD{font-size:50px;color:#666;font-family:'Noto Bold';padding-bottom:3px;}
.wrap-notice a.subject .date .yM{font-size:14px;color:#666;}
/*내용*/
.wrap-notice a.subject .content{font-size:15px;color:#666;line-height:1.5;margin-top:20px;height:70px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*더보기*/
.wrap-notice a.more{display:block;position:absolute;top: 0;right:0;border:1px solid transparent;text-indent:-9999px;width:40px;height:40px;background:url(../images/plus_3_b.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}
@media only screen and (min-width:1024px){
	.wrap-notice .title a:hover{color:#222;border-color:#222;}
	.wrap-notice a.subject:hover .subjectText{text-decoration:underline;}
	.wrap-notice a.more:hover{border-color:#000}
}
@media only screen and (max-width:1400px){
	.wrap-notice > ul{max-width:96%;}
}
@media only screen and (max-width:1024px){
	.wrap-notice .list ul li{width:33.33%;}
	.wrap-notice .list ul li:last-child{display:none;}
}
@media only screen and (max-width:768px){
	.wrap-notice{padding:30px 0;min-height: 290px;}
	.wrap-notice:before{display:none;}
	.wrap-notice > ul{/* padding-top:50px; */justify-content: flex-start;}
	.wrap-notice .title{top:0;left:0;}
	.wrap-notice .title a{font-size:23px;}
	.wrap-notice > ul > li:nth-child(1) .title{margin-left:0;}
	.wrap-notice > ul > li:nth-child(2) .title{margin-left:0;left:100px;}

	.wrap-notice .list ul li{width:100%;padding:0;}
	.wrap-notice .list ul li:last-child{display:inline-block;}
	.wrap-notice .list{padding:15px 20px;top: 50px;}
	.wrap-notice a.subject{padding:5px 0;}
	.wrap-notice a.subject .subjectText{font-size:18px;width:100%;height:auto;white-space:nowrap;}
	.wrap-notice a.subject:after{display:none;}
	.wrap-notice a.subject .content{display:none;}
	.wrap-notice a.subject .date{display:none;}

	.wrap-notice a.more{top:-8px;background:url(../images/plus_1_b.png) center no-repeat}
}