@charset "utf-8";

/*전체감싸기*/
.wrap-notice{background:#f1f1f1;padding:40px 0;}
.wrap-notice h2{text-align:center;font-size:35px;font-family:'Dream Bold';line-height:1;padding-bottom:35px;}
.wrap-notice h2:before,
.wrap-notice h2:after{content:"";display:inline-block;width:11px;height:11px;border-radius:30px;margin:0 20px;background:#2067e9;vertical-align:8px;}
/*게시판*/
.wrap-notice > ul{word-break:break-all;max-width:1400px;margin: 0 auto;}
.wrap-notice > ul > li{}
/*타이틀*/
.wrap-notice .title{display:none;}
/*목록*/
.wrap-notice .list{}
.wrap-notice .list ul{font-size:0}
.wrap-notice .list ul li{display:inline-block;width:23.87%;margin-left:1.5%;vertical-align:top;font-size:20px;}
.wrap-notice .list ul li:first-child{margin-left:0;}
/*noData*/
.wrap-notice .nodata{font-size:18px;text-align:center;padding:60px 0;width:100%;}
/*썸네일*/
.wrap-notice .thumb{display:none}
.wrap-notice .thumb img{}
/*제목*/
.wrap-notice .con{}
.wrap-notice .con a{display:block;position:relative;color:#333;line-height:1.3;padding:30px 30px 70px 30px;background:#FFF;border-top:3px solid #2067e9;}
.wrap-notice .con a:after{content:"more";display:inline-block;border:1px solid #b3b3b3;position:absolute;bottom:30px;right:30px;font-size:13px;padding:3px 10px;border-radius:30px;color:#747474;font-family:'Noto Regular';}
.wrap-notice .cate{display:none;}
.wrap-notice .subjectText{display:block;font-family:'Noto Regular';height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;padding-left:70px;}
/*내용*/
.wrap-notice .content{display:block;margin-top:15px;font-size:15px;height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;padding-left:70px;}
/*날짜*/
.wrap-notice .date{display:block;font-size:14px;color:#000;line-height:1;font-family:'Mont SemiBold';position:absolute;left:30px;top:30px;text-align:center;padding-top:45px;width:55px;}
.wrap-notice .date i{display:block;font-style:normal;font-size:40px;position:absolute;top:0;width:100%;}
.wrap-notice .date i em{display:none;}
/*더보기*/
.wrap-notice a.more{display:block;text-indent:-9999px;width:50px;height:50px;margin:40px auto 0 auto;background:#c3c3c3 url(/images/grad/common/plus_1_w.png) center no-repeat;border-radius:100px;}
/*활성화*/
.wrap-notice > ul > li .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:769px){
	.wrap-notice .con a:hover{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);box-shadow:0px 9px 9px #888;}
	.wrap-notice a.more:hover{transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);box-shadow:0px 5px 5px #222;}
}
@media only screen and (max-width:1400px){
	.wrap-notice > ul{max-width:96%;}
}
@media only screen and (max-width:1024px){
	.wrap-notice .con a{padding:20px;}
	.wrap-notice .con a:after{display:none;}
	.wrap-notice .subjectText,
	.wrap-notice .content{padding-left:0;}
	.wrap-notice .subjectText{font-size:18px;height:45px;}
	.wrap-notice .date{text-align:right;font-family:'Mont SemiBold';padding-top:15px;position:relative;left:auto;top:auto;width:auto;}
	.wrap-notice .date i{display:inline;font-size:14px;position:relative;top:auto;}
	.wrap-notice .date i em{display:inline;}
}
@media only screen and (max-width:768px){
	.wrap-notice{background:#FFF;padding:35px 0;}
	.wrap-notice h2{text-align:left;font-size:25px;padding-bottom:25px;padding-left:15px;}
	.wrap-notice h2:before,
	.wrap-notice h2:after{display:none;}
	.wrap-notice > ul{border-top:1px solid #DDD;}
	.wrap-notice .list ul li{width:100%;margin-left:0;}
	.wrap-notice .list .con a{border-top:0;padding:15px 0;background:none;border-bottom:1px solid #DDD;overflow:hidden;}
	.wrap-notice .list .subjectText{font-size:16px;height:auto;width:calc(100% - 80px);}
	.wrap-notice .content{display:none;}
	.wrap-notice .list .date{position:absolute;right:10px;top:2px;}
	.wrap-notice a.more{width:30px;height:30px;margin:0;border-radius:0;background:url(/images/grad/common/plus_1_b.png) center no-repeat;position:absolute;right:15px;top:32px;}
}
@media only screen and (max-width:320px){
	.wrap-notice .list .subjectText{width:100%;}
	.wrap-notice .list .date{display:none;}
	.wrap-notice a.more{right:10px;}
}