@charset "utf-8";
/* 새글 스킨 (latest) */
.la_wrap{ border-top: 1px solid var(--hover-b-color);}
.la_wrap ul li{ border-bottom: 1px solid #d7d7d7; padding: 15px 30px; }

.la_date{ text-align: center; border: 1px solid #d7d7d7; padding: 10px;}
.la_date h3{ font-size: 28px; font-weight: 700; color: var(--font-b-color); line-height: 1; margin-bottom: 2px; transition: all .3s;}
.la_date p{ font-size: 12px; font-weight: 500; color: var(--font-s-color); line-height: 1;}

.la_info{ width: 75%; }
.la_info h5 { font-size: 17px; font-weight: 600;   line-height: 1; margin-bottom: 5px; }
.la_info .txt{ line-height: 1; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }

.la_plus{ width: 40px; height: 40px; background-color: var(--bg-color); display: flex; align-items: center; justify-content: center; transition: all .3s;}
.la_plus i{ font-size: 15px !important; font-weight: 600; transition: all .3s;}
.la_wrap li a:hover .la_plus{ background-color: var(--main-color); transition: all .3s;}
.la_wrap li a:hover .la_plus i{ color: var(--w-color) !important; }
.la_wrap li a:hover .la_date h3{ color: var(--main-color);}

@media(max-width: 1230px){
  .la_wrap ul li{ padding: 20px;}
  .la_date h3{ font-size: 22px; }
  .la_plus{ width: 35px; height: 35px; }
  .la_plus i{ font-size: 13px !important; }
  .la_info h5{ font-size: 16px; }
}

@media(max-width: 680px){
  .la_wrap ul li{ padding: 3% 0;}
  .la_date{ padding: 2% 1.5%; }
  .la_date h3{ font-size: 18px; }
  .la_info{ padding: 0 10px;}
  .la_info h5{ font-size: 15px; margin-bottom: 7px; }
  .la_info .txt{ font-size: 13px;  }
}

@media(max-width: 450px){
  .main_sec_03 a.flex{ flex-flow: nowrap;}
  .la_date{ width: 60px; height: 60px; padding: 3.5% 1%;}
  .la_date h3{ font-size: 15px; }
  .la_info{ width: 70%; }
  .la_info h5{ font-size: 0.8rem;  }
  .la_info .txt{ font-size: 0.75rem;}
  .la_plus{ width: 30px; height: 30px; }
  .la_plus i{ font-size: 10px !important;}
}