/* news
----------------------------------- */
#sub_contents .illustration {position: relative;}
#sub_contents .illustration::after {content: "";position: absolute;    position: absolute;top: 48px;left: 858px;width: 350px;height: 150px;display: inline-block;background: url(../images/illust.png) no-repeat center;  z-index: -10;}
#sub_contents .webgene-blog:has(.categorylist) {justify-content: flex-cnt; margin-bottom: 30px;} 
#sub_contents .webgene-item.categorylist {display: inline-block; margin-right: 1%; width: 100%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a {display: block; width: 100%; background: #eadfcc; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist a:hover {opacity: .8;} 
#sub_contents .news__img {width: 100%;} 
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;    display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;color:#fff;}
#sub_contents .webgene-blog:has(.categorylist) {margin-bottom: 50px; justify-content: center;} 
#sub_contents .subnews_flex{border-bottom: solid 1px #eadfcc;padding-bottom: 1em;;}
@media screen and (min-width: 768px) {
#sub_contents .news__img {width: 80%;} 
#sub_contents .webgene-blog:has(.categorylist) {margin-bottom: 50px;  justify-content: center;} 
#sub_contents .webgene-item.categorylist {margin-right: 1%; width: 25%; margin-bottom: 0px; }
} 
#sub_contents .webgene-blog:has(.news__item) {display: block; justify-content: flex-start; flex-wrap: wrap; position: relative; row-gap: 40px;} 
#sub_contents .webgene-blog:has(.news__item)::after {content: ""; display: block; width: 100%;} 
#sub_contents .webgene-blog .news__item {width: 100%;} 
#sub_contents .webgene-blog .news__item a {display: block;    justify-content: center;} 
#sub_contents .webgene-blog .news__item .news__img {margin-bottom: 20px;} 
 /* #sub_contents .webgene-blog .news__item .news__img img {aspect-ratio: 3 / 2; object-fit: cover;}  */
#sub_contents .webgene-blog .news__item .news__title {     font-weight: normal;   width: 100%; line-height: 1.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  margin-top: 1.2em; font-size: 15px;} 
#sub_contents .webgene-blog .news__item a:hover .news__title {opacity: .8;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;  font-weight: normal;   font-family: "Montserrat", sans-serif;} 
#sub_contents .webgene-blog .news__item .news__cate {padding: 5px 10px;} 
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;    display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;background: #5fd4d8;color:#fff;}
#sub_contents .subnews_flex{display: flex;align-items: baseline;}
@media screen and (min-width: 768px){
#sub_contents .webgene-blog:has(.news__item) {row-gap: 40px;} #sub_contents .webgene-blog:has(.news__item)::after {width: 100%;}
#sub_contents .webgene-blog .news__item {width: 100%;}
} 
 @media screen and (min-width: 1024px) {
#sub_contents .webgene-blog .news__item {width: 100%;}
}

      
/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:normal;position: relative;}
#sub_contents .new_ttl:before { z-index: -20; content: '';position: absolute;top: -31px;display: inline-block;width: 130px;height: 130px; right: 0;left: 0;margin: 0 auto;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:normal;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;width: 80%;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 30px;object-fit: cover;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;    font-size: 24px;font-family: "Montserrat", sans-serif;}
#sub_contents .news_text{background: rgba(255,255,255,.7); padding:15px 15px;}
@media screen and (min-width:768px) {
#sub_contents .new_ttl span{text-align: center;font-size:28px;font-weight:normal;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;width: 50%; }
#sub_contents .news_detail .news_img img{width: 100%; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;        font-size: 26px;font-family: "Montserrat", sans-serif;}
#sub_contents .news_text{background: rgba(255,255,255,.7); padding: 50px;}
}