/* CSS Document */


/***********************************************************/
/********************** announcements **********************/

.box--announcement{ height: 100%; }
.box--announcement a{ display: flex; flex-direction: column; border: 1px solid var(--gray);  padding: 30px; background-color: var(--white); height: 100%; }
.box--announcement .content .title{ font-size: var(--t-head5); line-height: 1.2; font-weight: bold; color: var(--dark); margin-bottom: 10px; 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.box--announcement .content p {
  font-size: var(--t-text); line-height: 1.6; font-weight: 300; color: var(--dark);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.box--announcement .content .linktext {
  color: var(--primary);
  font-weight: bold;
}
.box--announcement a:hover{ border-color: var(--primary); }
.box--announcement a:hover .content .title{ color: var(--primary); }



.detail-dateview{ padding-top: 30px; color: #999; font-family: var(--font-Bebas_Neue); font-size: 16px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.detail-dateview img{ filter: invert(66%) sepia(0%) saturate(1%) hue-rotate(143deg) brightness(95%) contrast(81%); margin-right: 5px; }
.detail-dateview i{ line-height: 0; }


.announcement--columnlist {
  /* counter-reset: box;
  column-count: 3; */
  display: flex; flex-flow: row wrap; margin-left: -10px; margin-right: -10px;
}
.itemlist {
  /* position: relative;
  break-inside: avoid; */
  width: 33.333333%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;
}



@media (max-width: 1199px) {

  .box--announcement a{ padding: 20px; }

}
@media (max-width: 991px) {

  .itemlist{ width: 50%; }

}
@media (max-width: 576px) {

  .itemlist{ width: 100%; }

}




/***********************************************************/
/***********************************************************/