@charset "utf-8";

.noticeBox {display:flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 50px 0;}
.noticeBox .noticeItem { position: relative; margin: .6% 0; width: 33%; min-height: 200px; padding: 20px; background-color: #fff;  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.noticeBox .noticeItem:hover{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}

.noticeBox .noticeItem .category{ color: #328822; font-weight: 500;}
.noticeBox .noticeItem .subject{ font-size: 20px; font-weight: 600;}
.noticeBox .noticeItem .date{ color: #8a8a8a; position: absolute; right: 5%; bottom:10%;}
@media screen and (max-width:1024px){
  .noticeBox .noticeItem{ width: 49.5%; margin: .5% 0;}
}
@media screen and (max-width:767px) {
  .noticeBox .noticeItem{ width: 100%; margin: 1% 0;}
  .noticeBox .noticeItem:nth-child(4),.noticeBox .noticeItem:nth-child(5),.noticeBox .noticeItem:nth-child(6)
  {display: none;}
}