#articleList {
  background-color: #F7F7F7;
  position: relative; }
  #articleList:before {
    background-image: url(/images/bg-news.svg?d784556b1f25a0eda03a6398cc269b6a);
    background-position: left bottom;
    left: 0;
    right: 0;
    z-index: 0; }
  #articleList::before {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: 100%; }
  #articleList .list {
    padding: 3rem 0; }
  #articleList label {
    padding-top: 7px; }
  #articleList a:hover {
    font-weight: 400; }
  #articleList article.articleBox a .image {
    height: 18rem; }
  #articleList article.articleBox a .text {
    min-height: 6rem;
    height: auto;
    padding-bottom: 2rem; }
  #articleList article.articleBox:hover a .image {
    opacity: 0.7;
    transition: all 0.5s ease; }