@charset "utf-8";
/* latestContact__01 */

.latestBoard__01{ }
.latestBoard__01 .tWrapper{ overflow: hidden; }
.latestBoard__01 .tContent{ display:flex; flex-wrap: nowrap;  }
.latestBoard__01 .info{ width:35%; }
.latestBoard__01 .board{ width:65%; padding-left:100px; padding-top:20px; position:relative; }
@media screen and (max-width:1024px){
  .latestBoard__01 .tContent{ flex-wrap: wrap; }
  .latestBoard__01 .info{ width:100%; }
  .latestBoard__01 .board{ width:100%; padding-left:0; padding-top:0; margin-top:20px;}
}
@media screen and (max-width:560px){
  .latestBoard__01 .pd_L20 { padding-left: 10px; }
  .latestBoard__01 .pd_R20 { padding-right: 10px; }
}

.latestBoard__01 .thumb{position:relative; width:100%; aspect-ratio: 100 / 71; border-radius: 20px; overflow: hidden;}
.latestBoard__01 .thumb img{position:absolute; width:100%; height:100%; object-fit: cover;}


.latestBoard__01 .list{border-top:1px solid #e1e1e1;}
.latestBoard__01 .list li{ display:flex; flex-wrap:nowrap; align-items: center; border-bottom:1px solid #e1e1e1;  }
.latestBoard__01 .list li .tit a {text-decoration: none;
  background-image: linear-gradient(#222b40, #222b40),
    linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)),
    linear-gradient(#222, #222);
  background-size: 20px 2px, 100% 2px, 0 2px;
  background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size .3s linear, background-position .3s linear;}
.latestBoard__01 .list li:hover .tit a { background-size: 20px 2px, 0 2px, 100% 2px; background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;}
.latestBoard__01 .list .list_cont{ flex-grow: 1;}
.latestBoard__01 .list_cont .date{ display:flex; flex-wrap: wrap; justify-items: center;}