.footer{
  &__inner{
    padding: 68px 0 80px;
    background: #3B3B40;
    
    &__content{
      @extend .content-extend;
      &__logo{
        width: 102px;
        margin: auto;
        img{
          display: block;
          width: 100%;
        }
      }
      &__list{
        margin-top: 50px;
      }
    }
  }
  &__bottom{
    background: #43434C;
    padding: 15px 0;
    @include mediaS{
      padding: 15px 0 32px;
    }
    &__inner{
      @extend .content-extend;
      display: flex;
      justify-content: space-between;
      align-items: center;
      @include mediaS{
        flex-direction: column;
        width: calc(100% - 36px);
        align-items: flex-start;
      }
      &__list{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        @include mediaS{
          flex-wrap: wrap;
        }
        li{
          margin-right: 10px;
          color: #83838C;
          @include mediaS{
            margin-right: 4px;
          }
          a{
            color: #83838C;
            font-weight: 500;
            font-size: 0.75rem;
            display: inline-block;
          }
        }
      }
      &__small{
        display: inline-block;
        color: #C4C4C4;
        font-size: 0.625rem;
        @include mediaS{
          margin-top: 32px;
        }
      }
    }
  }
  
}