@charset "utf-8";
/* 새글 스킨 (latest) */
.noti_wrap{position: relative; width: 100%; margin: 0 auto;}
.noti_in{display: flex; flex-flow: row wrap;}
.noti_in li{width: 23%; margin: 0 2.5% 0 0; }
.noti_in li:nth-child(4){margin: 0 0 0 0;}

.noti_wrap li a{width:100%; display: block;  background:#fff;   padding:35px; text-align: left; position: relative;}
.noti_wrap .noti_tbox1{ transition: all .3s; }
.noti_wrap .noti_tbox1 h3{font-size: 20px; font-weight: 500; color: #212121; line-height: 30px; margin: 0 0 15px;}
.noti_wrap .noti_tbox1 div.noti_mtit{margin-bottom: 50px;}
.noti_wrap .noti_tbox1 div.noti_mtit *{font-size: 15px; line-height: 1.3; color: #686868;}
.noti_wrap .noti_tbox1 p.noti_date{font-size: 14px; font-weight: 500; color: #999;}

.noti_wrap .noti_tbox1 span.plus_more{font-size:30px; font-weight:400;  width:50px; height:50px; display:block;  background:#bdbdbd; color:#fff; position: absolute; right: -1px; bottom: -1px; text-align: center; line-height: 50px; transition: all .3s;}

.noti_wrap .noti_tbox1:hover span.plus_more{background-color: #0b5f90; transition: all .3s;  }

.noti_wrap .slick-current .noti_tbox1 span.plus_more{background-color: #0b5f90; transition: all .3s;}


@media(max-width: 1000px){
	.noti_wrap li a{padding: 10%;}
	.noti_wrap .noti_tbox1 h3{font-size: 16px; line-height: 1.5; margin: 5px 0 10px;}
	.noti_wrap .noti_tbox1 div.noti_mtit *{font-size: 13px; }
	.noti_wrap .noti_tbox1 p.noti_date{font-size: 12px; }
	.noti_wrap .noti_tbox1 span.plus_more{width: 40px; height: 40px; line-height: 40px; font-size: 25px; }
}

@media(max-width: 740px){

	.noti_in li{width: 48%;}
	.noti_in li:nth-child(2){margin: 0 0 0 0;}
	.noti_in li:nth-child(3), .noti_in li:nth-child(4){display: none;}
	.noti_wrap li a{padding: 7%;}
	.noti_wrap .noti_tbox1 h3{font-size: 16px;}
	.noti_wrap .noti_tbox1 div.noti_mtit *{font-size: 13px; }
	.noti_wrap .noti_tbox1 p.noti_date{font-size: 12px; }
}

@media(max-width: 500px){
	.noti_wrap li a{padding: 10%; }
	.noti_wrap .noti_tbox1 h3{font-size: 12px;}
	.noti_wrap .noti_tbox1 div.noti_mtit{ font-size: 11px;}
	.noti_wrap .noti_tbox1 div.noti_mtit *{font-size: 11px; }
	.noti_wrap .noti_tbox1 p.noti_date{font-size: 10px; }
	.noti_wrap .noti_tbox1 span.plus_more{width: 30px; height: 30px; line-height: 30px; font-size: 20px; }
}