.sub_top .banner_bg {background: url(/img/sub_top5.png) no-repeat center center; background-size: cover;}

#news .news {padding: 70px 0 150px 0;}
#news .news_wrap {width: 104%; margin-left: -2%; flex-wrap: wrap; align-items: flex-start;}
#news .news_wrap li {width: 29.3333%; margin: 0 2% 50px 2%;}
#news .news_wrap li .img_wrap {position: relative; overflow: hidden; height: 0; padding-bottom: 76%;}
#news .news_wrap li .img_wrap img {transition: all 0.3s; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#news .news_wrap li .txt {font-weight: 500;}
#news .news_wrap li .txt .title {font-size: 1.125em; margin: 20px 0 15px 0; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;}
#news .news_wrap li .txt .date {font-size: 0.9375em; color: #888;}
#news .news_wrap li:hover img {transform: translate(-50%, -50%) scale(1.05);}
#news .news_wrap li:hover .title {text-decoration: underline;}

#news .view_table {border-top: 2px solid #111; border-bottom: 1px solid #e6e6e6; background: #fff; font-size: 1.125em;}
#news .view_table .thead {border-bottom: 1px solid #e6e6e6; padding: 15px; display: flex; justify-content: space-between; align-items: center;}
#news .view_table .thead .lt {padding-right: 30px; width: 80%;}
#news .view_table .thead .rt {width: 20%; opacity: 0.5; display: flex; align-items: center; justify-content: center;}
#news .view_table .thead .rt .date {margin-left: 30px; font-size: 1rem;}
#news .view_table .tcont {padding: 50px 30px;/* text-align: center;*/}
/*#news .view_table .tcont p {line-height: 170%;}
*/
#news .view_table .tcont p img {max-width: 100%; margin-bottom: 15px;}
#news .btn_wrap {display: flex; justify-content: center; margin-top: 70px;}




@media screen and (max-width: 1240px) {

}

@media screen and (max-width: 1024px) {
  #news .view_table .thead .lt {width: 75%; padding-right: 20px;}
  #news .view_table .thead .rt {width: 25%;}
}

@media screen and (max-width: 768px) {
  #news .news {padding: 10% 0 20% 0;}
  #news .news_wrap li {width: 46%; margin: 0 2% 8% 2%;}
  #news .view_table .thead {display: block;}
  #news .view_table .thead .lt {width: 100%; padding-right: 0;}
  #news .view_table .thead .rt {width: 100%; justify-content: flex-end; margin-top: 3%; font-size: 1rem;}
  #news .view_table .thead .rt .date {margin-left: 20px;}
  #news .btn_wrap {margin-top: 10%;}
}

@media screen and (max-width: 540px) {
  .pager {margin-top: 5%;}
  #news .news {padding: 12% 0 20% 0;}
  #news .news_wrap li .txt .title {font-size: 1em; margin: 5% 0 10% 0;}
  #news .news_wrap li .txt .date {font-size: 0.875em;}
  #news .view_table .thead {padding: 10px 12px;}
  #news .view_table .tcont {padding: 5% 3%; font-size: 1rem;}
  #news .view_table .tcont p {line-height: 150%;}
  #news .view_table .tcont p img {margin-bottom: 10px;}
}

@media screen and (max-width: 414px) {

}
