@charset "utf-8";
/* 새글 스킨 (latest) */
.re_room{border-top: 1px solid #d7d7d7;}
.re_room ul{}
.re_room ul li{width: 100%; border-bottom: 1px solid #d7d7d7; }
.re_room ul li a{width: 100%; display: block; padding: 20px 0 22px;}
.re_flex{display: flex; align-items: center; justify-content: space-between;}
.re_date{width: 20%; text-align: center;}
.re_date h3{font-size: 30px; font-weight: 500; color: #2c3080;}
.re_date p{font-size: 15px; font-weight:700; color: #222;}
.re_info{width: 70%;}
.re_info h2{font-size:20px; font-weight: 500; }
.re_info p{font-size: 15px; color: #888; }
.re_link{width: 5%; font-size: 43px; color: #d7d7d7; font-weight: 300;}
.re_room ul li a:hover .re_link{color: #2c3080;  transition: color .3s ease;}


@media(max-width: 1200px){
  .re_room ul li a{padding: 3% 0;}
  .re_date h3{font-size: 24px;}
  .re_date p{font-size: 14px; }
  .re_info h2{font-size: 18px;}
  .re_info p{font-size: 14px; }
}

@media(max-width: 680px){
  .re_date h3{font-size: 20px;}
  .re_date p{font-size: 13px; }
  .re_info h2{font-size: 16px;}
  .re_info p{font-size: 13px; }
}

@media(max-width: 360px){
  .re_date h3{font-size: 16px;}
  .re_date p{font-size: 12px; }
  .re_info h2{font-size: 14px;}
  .re_info p{font-size: 12px; }
}