/* news
----------------------------------- */
#sub_contents .subnews_flex{border-bottom: solid 1px #600609;padding-bottom: 1em;;}
#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 .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;font-weight: normal;color:#fff;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px; font-family: "Josefin Sans", sans-serif; padding-left:25px; position:relative;}
#sub_contents .webgene-blog .news__item .news__date::before{content:""; width:8px; height:8px; background:#600609;border-radius:50px; position:absolute; left:0; top:30%;}
#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: #ffd83b;color:#fff;}
#sub_contents .subnews_flex{display: flex;align-items: baseline;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:500;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:normal;line-height: 1.8em;margin-bottom: 20px;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;width: 100%;}
#sub_contents .news_detail .news_img img { width: 100%; text-align: center; margin: 0 auto 30px; object-fit: cover; padding: 10px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 20px rgba(0, 0, 0, 0.03); border: 1px solid #e3d0af; }
#sub_contents .news_detail .news_date{text-align: center; color:#fff;display: block;margin: 0 auto 20px;font-size: 17px;font-family: "Josefin Sans", sans-serif;}
#sub_contents .news_text{border: solid 1px #600609; padding:15px 15px;line-height: 2em;color:#fff;}
#sub_contents .new_ttl span{text-align: center;font-size:28px;font-weight:normal;}

@media screen and (min-width: 1024px) {

/* news
----------------------------------- */
#sub_contents .subnews_flex{padding-bottom: 1em;;}
#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 .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;font-weight: normal;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px; font-family: "Josefin Sans", sans-serif; padding-left:25px; position:relative;}
#sub_contents .webgene-blog .news__item .news__date::before{content:""; width:8px; height:8px; background:#ffd83b;border-radius:50px; position:absolute; left:0; top:30%;}
#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;}
#sub_contents .subnews_flex{display: flex;align-items: baseline;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:500;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:normal;line-height: 1.8em;margin-bottom: 20px;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;width: 80%;}
#sub_contents .news_detail .news_img img { width: 100%;max-width: 800px; text-align: center; margin: 0 auto 30px; object-fit: cover; padding: 20px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 20px rgba(0, 0, 0, 0.03);  }
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-size: 17px;font-family: "Josefin Sans", sans-serif;}
#sub_contents .news_text{ padding:15px 15px;line-height: 2em;}
#sub_contents .new_ttl span{text-align: center;font-size:28px;font-weight:normal;}
}