@import url(./noticeList.css);
.achievement-wrapper{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;  
  column-gap: 3.125rem;
  row-gap: 4.0625rem;
}

.achievement-wrapper .item{
  width: 25.75rem;
  height: 27.1875rem;
  box-sizing: border-box;
  padding: 1.25rem;
  border-bottom: 2px solid #005BAC;
  cursor: pointer;
}

.achievement-wrapper .item:hover{
  background-image: url('../../images/achievement/hover-bg.png');
  background-size: cover;
  color: #fff;
  border: none; 
}

.achievement-wrapper .item:hover .date{
  color: #fff;
}

.achievement-wrapper .item img{
  width: 23.3125rem;
  height: 14.25rem;
  object-fit: cover;
}

.achievement-wrapper .item .date{
  font-weight: bold;
  font-size: 1rem;
  color: #0152B2;
  margin: .625rem 0;
}
.achievement-wrapper .item .date .dd{
  font-size: 1.5rem;
  font-family: DIN, DIN;
}
.achievement-wrapper .item .date .mm{
  font-size: 1.5rem;
  font-family: DIN, DIN;
}

.achievement-wrapper .item .content{
  font-size: 1.25rem;
  font-weight: 500;
}