@import "src/styles/common"

.container
  font-size: 20px
  p
    margin-bottom: 24px
    line-height: 1.7
  main
    @include container
    padding-top: 64px
    padding-bottom: 64px
    color: #3e3e3e


.banner
  width: 100%
  height: auto

.filter
  display: flex
  flex-wrap: wrap
  &_item
    margin: 8px
    padding: 4px 12px
    border: 1px solid transparent
    border-radius: 16px
    background-color: #f9f9f9
    cursor: pointer
    display: flex
    align-items: center
    color: #1e2969
    &_icon
      margin-right: 4px
    &_label
      font-size: 15px
      line-height: 1.8
    &_selected
      background: #1e2969
      color: #fff

.list
  margin-top: 32px

.item
  display: block
  //margin-bottom: 32px
  //padding-bottom: 32px
  //border-bottom: 1px solid #ddd
  box-shadow: rgba(0,0,0,.1) 0 10px 20px -2px
  height: 100%
  transition: all 0.25s
  &:hover
    transform: scale(1.1, 1.1)
  &_logo
    height: 128px
    padding: 32px
    text-align: center
    img
      //width: 100%
      height: 100%
  &_title
    font-size: 24px
    font-weight: 500
    color: #142848
  &_date
    margin-top: 16px
    font-size: 16px
    color: #6a737d
  &_summary
    border-top: 1px solid #f5f7f8
    padding: 16px
    //margin-top: 16px
    font-weight: 400
    font-size: 16px
    line-height: 1.5
    color: #3E3E3E