/* news
-----------------------------*/
#sub_contents .webgene-item{width: 100%;}
#sub_contents .webgene-item figure img{width: 100%;aspect-ratio: 1/1;object-fit: cover; margin-bottom: 0px;}
#sub_contents .news_list {margin-top:-50px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;}
#sub_contents .webgene-blog .news__date{font-family: "Raleway", sans-serif; margin-top: 10px; display:inline-block;font-size:16px;}
#sub_contents .webgene-blog .news__cate{margin-left: 10px; display:inline-block; color: #EE626C; padding:3px 10px;font-size:14px;}
#sub_contents .webgene-blog .news_ttl{font-weight:normal; display:block; margin:10px 0 20px 0; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:16px;}

/* detail_news
-----------------------------*/
#sub_contents .news_detail .webgene-item-main-image{display: none;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 30px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-weight:500;font-family: "Raleway", sans-serif;font-weight:600;}
#sub_contents .news_text{background: #fff2f2; padding:15px 15px;border-radius:20px;}
#sub_contents .news_detail .news_datail_ttl {font-size:18px;margin-bottom:20px;text-align:center;}

/* page_navi*/
------------------------------
#sub_contents .wp-pagenavi {text-align:center;margin-top:50px;}
#sub_contents .wp-pagenavi a,.wp-pagenavi span {display: inline-block;color: #171717;background-color: #fff;; padding: 12px 15px;margin: 0 2px 5px;white-space: nowrap;text-align: center;text-decoration: none; border-radius: 5px; line-height: 100%;}
#sub_contents .wp-pagenavi span.pages {display: none;}
#sub_contents .wp-pagenavi a:hover{color: #171717;background-color: #f3bc18;}
#sub_contents .wp-pagenavi span.current{color: #171717;background-color: #f3bc18;font-weight: bold;}*/


/* pager */
#sub_contents .webgene-pagination{
  margin-top: 100px;
  text-align: center;    
  display: block;
    width: 100%;
}
#sub_contents .webgene-pagination ul{
  margin-top:30px;
  display: flex;
  justify-content: center;
  column-gap: 20px;
}
#sub_contents .webgene-pagination ul li a{
  display: inline-block;
  padding: 5px 15px;
  background: #ee626c;
  color:#fff;
  border-radius:20px;
}

@media screen and (min-width: 768px) {
/* news
-----------------------------*/
  #sub_contents .webgene-blog{display:flex;justify-content: start;column-gap: 1%;row-gap: 20px;flex-wrap: wrap;}
#sub_contents .webgene-item{width: 32.5%;}
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;}
#sub_contents .webgene-blog .news__date{font-family: "Raleway", sans-serif; /* margin-left: 10px; */display:inline-block;font-size:16px;}
#sub_contents .webgene-blog .news__cate{margin-left: 10px; display:inline-block; color: #EE626C; padding:3px 10px;font-size:14px;}
#sub_contents .webgene-blog .news_ttl{font-weight:normal; display:block; margin:10px 0; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:16px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-item.detail{width: 100%;}
#sub_contents .news_detail{width: 100%;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-weight:500;font-family: "Raleway", sans-serif;font-weight:600;}
#sub_contents .news_text{background: #fff2f2; padding: 50px;border-radius:20px;}
#sub_contents .news_detail .news_datail_ttl {font-size:22px;margin-bottom:20px;text-align:center;}
  
/* pager */
#sub_contents .webgene-pagination{
  margin-top: 50px;
  text-align: center;    
  display: block;
    width: 100%;
}
#sub_contents .webgene-pagination ul{
  margin-top:0px;
   text-align: center;
  display: flex;
  justify-content: center;
  column-gap: 20px;
}
#sub_contents .webgene-pagination ul li a{
  display: inline-block;
  padding: 5px 15px;
  background: #ee626c;
  color:#fff;
  border-radius:20px;
}

}