@charset "utf-8";
/* newsroom-view */
.newsroom-view-wrap { padding:120px 0; }

.newsroom-view-wrap .newsroom-view-box {}
.newsroom-view-wrap .newsroom-view-box ul {}
.newsroom-view-wrap .newsroom-view-box ul li {}

.newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject { text-align:center; margin-bottom:50px;  }
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject h5.classification { font-size:24px; margin-bottom:20px; font-weight:700; text-decoration:underline; color:#bf2222; text-decoration-thickness:3px; text-underline-offset:4px; }
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject p.title { font-size:34px; font-weight:700; line-height:1.5;}
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject p.sub_title { font-size:18px; font-weight:300; margin-top:20px; line-height:1.4; }


.newsroom-view-wrap .newsroom-view-box ul li .newsroom_info { text-align:center; display:flex; justify-content: center; margin-bottom:50px; color:#666; }
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_info p { font-weight:500; font-size:18px; }
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_info p.date { }

.newsroom-view-wrap .newsroom-view-box ul li .newsroom_inner { padding:50px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 300px; }
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_inner p { word-wrap:break-word; }
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_inner img { width:auto; max-width:100%; }

.newsroom-view-wrap .newsroom-view-box ul li .newsroom_latest { display: flex; border-bottom: 1px solid #ccc; font-size:16px; }
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_latest p { width: 150px; background: #f9f9f9; padding: 20px; text-align:center; }
.newsroom-view-wrap .newsroom-view-box ul li .newsroom_latest a {width: calc(100% - 150px); line-height: 1.4; padding: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #aaa;}

.newsroom-view-wrap .newsroom_bt { text-align: center; margin-top:50px; } 
.newsroom-view-wrap .newsroom_bt a { display: flex; justify-content: center; align-items: center; width: 200px; height: 50px; background:#bf2222; color: #fff; border-radius: 5px; margin: 0 auto; font-size:15px; font-weight:500; }


/* //newsroom-view */

@media screen and (max-width:1440px) {


}
@media screen and (max-width:1280px) {
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject h5.classification { font-size:22px; }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject p.title { font-size:30px; }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject p.sub_title { font-size:17px }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_info p { font-size:17px }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_latest { font-size:15px; }
    .newsroom-view-wrap .newsroom_bt a { font-size:14px; }
}
@media screen and (max-width:1024px) {
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject p.title { font-size:27px; }
}
@media screen and (max-width:768px) {
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject { margin-bottom:30px; }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject h5.classification { font-size:18px; }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject p.title { font-size:23px;  }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_subject p.sub_title { font-size:15px; margin-top:10px; }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_info { margin-bottom:30px; }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_info p { font-size:15px }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_latest { font-size:14px; }
    .newsroom-view-wrap .newsroom_bt a { font-size:13px; width:150px; height:40px;  }
}
@media screen and (max-width:640px) {
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_latest p { width:100px; padding:15px;  }
    .newsroom-view-wrap .newsroom-view-box ul li .newsroom_latest a { width:calc(100% - 100px); padding:15px; }
}
@media screen and (max-width:500px) {
    
}