.notice-list {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start
}
@media(min-width: 576px) {
  .notice-list {
    justify-content:space-between
  }
}
.notice-list li {
  flex-basis:50%;
  margin-bottom:1rem;
  text-align:center
}
@media(min-width: 576px) {
  .notice-list li {
    flex-basis:25%;
    text-align:left;
  }
}
@media(min-width: 768px) {
  .notice-list li {
    flex-basis:auto
  }
}
.notice-list li img {
  opacity:.6;
  max-height:130px;
  transition:all .2s ease-in-out
}
.notice-list li a:hover img,
.notice-list li a:focus img,
.notice-list li a:active img {
  opacity:1
}