@charset "utf-8";
/*------------------------  news  ------------------------*/


/*-----  title  -----*/
#news .title_content { padding: 0 5%; }
#news .title_content .title_block { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 150px; font-weight: 700; line-height: 1.3; text-align: center; z-index: 101; }
#news .title_content .title { font-size: 32px; }


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

 #news .title_content {}
 #news .title_content .title_block { height: 84px; }
 #news .title_content .title { font-size: 24px; }

}



/*-----  news index  -----*/
#news .news_idx { padding: 60px 5% 80px; border-top: 1px solid #e6e6e6; }

#news .news_idx .news_category { margin: 0 auto; padding: 0 0 40px; }
#news .news_idx .news_category .category { display: flex; }
#news .news_idx .news_category .nav { font-weight: 500; margin: 4px 0; font-size: 14px; line-height: 1.3; }
#news .news_idx .news_category .nav:not(:last-of-type) { border-right: 1px solid #ddd; }
#news .news_idx .news_category .link { display: block; padding: 4px 22px; }
#news .news_idx .news_category .active { font-weight: 700; color: #a00e14; }

#news .news_idx .news_list {}
#news .news_idx .news_list .item { font-size: 15px; border-bottom: 1px solid #e6e6e6; line-height: 1.5; }
#news .news_idx .news_list .item:first-of-type { border-top: 1px solid #e6e6e6; }
#news .news_idx .news_list .link { display: flex; align-items: center; padding: 22px 10px; }
#news .news_idx .news_list .nolink { display: flex; align-items: center; padding: 22px 10px; }
#news .news_idx .news_list .date { flex-basis: 6.4em; font-family: 'Roboto', sans-serif; font-weight: 500; }
#news .news_idx .news_list .cat { display: flex; justify-content: center; align-items: center; width: 94px; background: #e6e6e6; height: 22px; font-weight: 500; font-size: 12px; border-radius: 2px; }
#news .news_idx .news_list .news_title { flex: 1; padding: 0 0 0 20px; }



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

 #news .news_idx { padding: 30px 5% 50px; }

 #news .news_idx .news_category { padding: 0 0 30px; }
 #news .news_idx .news_category .category { white-space: nowrap; overflow-x: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; }
 #news .news_idx .news_category .category::-webkit-scrollbar { display: none; }
 #news .news_idx .news_category .nav { font-size: 13px; }
 #news .news_idx .news_category .link { padding: 4px 20px; }

 #news .news_idx .news_list .item { font-size: 14px; }
 #news .news_idx .news_list .link { flex-wrap: wrap; padding: 15px 0; }
 #news .news_idx .news_list .nolink { flex-wrap: wrap; padding: 15px 0; }
 #news .news_idx .news_list .cat { width: 84px; height: 20px; font-size: 11px; }
 #news .news_idx .news_list .date { flex-basis: 6em; }
 #news .news_idx .news_list .news_title { flex: none; width: 100%; padding: 4px 0 0; }

}




/*----- news detail  -----*/
#news .news_detail { padding: 60px 5% 70px; border-top: 1px solid #e6e6e6; }
#news .news_detail .detail { margin: 0 0 50px; border-bottom: 1px solid #e6e6e6; }
#news .news_detail .title_block { display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 30px; border-bottom: 1px solid #e6e6e6; }
#news .news_detail .title_block .date { padding: 0 20px 0 0; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 15px; }
#news .news_detail .title_block .cat { display: flex; justify-content: center; align-items: center; width: 98px; height: 24px; background: #e6e6e6; font-weight: 500; font-size: 13px; border-radius: 2px; }
#news .news_detail .title_block .news_title { width: 100%; padding: 15px 0 0; font-weight: 700; font-size: 26px; line-height: 1.4; }
#news .news_detail .detail_block { display: flex; margin: 60px 0; }
#news .news_detail .txt_block { flex: 1; padding: 0 4% 0 0; font-size: 16px; line-height: 1.8; }
#news .news_detail .txt_block a { text-decoration: underline; color: #a00e14; }
#news .news_detail .txt_block .txt { margin: 0 0 50px; }
#news .news_detail .txt_block .btn_block { margin: 0 0 40px; }
#news .news_detail .txt_block .btn_block .docs_btn { margin: 0 0 12px; }
#news .news_detail .txt_block .docs_btn .link { position: relative; display: inline-block; padding: 12px 18px 12px 40px; background: #fff; border: 1px solid #ccc; font-weight: 500; font-size: 15px; line-height: 1.3; text-decoration: none; color: #111; border-radius: 3px; }
#news .news_detail .txt_block .docs_btn .link::after { content: ''; position: absolute; top: 50%; left: 10px; width: 22px; height: 22px; background: url(/images/icon_pdf.png) no-repeat center; background-size: contain; transform: translate(0, -50%); }
#news .news_detail .txt_block .signature { padding: 20px 0 0; }
#news .news_detail .img_block { flex-basis: 420px; display: flex; flex-wrap: wrap; }
#news .news_detail .img_block .img { padding: 0 0 12px; }
#news .news_detail .img_block.one {}
#news .news_detail .img_block.two {}
#news .news_detail .img_block.three {}
#news .news_detail .img_block.three .img:nth-child(2) { flex-basis: 50%; padding: 0 6px 12px 0; }
#news .news_detail .img_block.three .img:nth-child(3) { flex-basis: 50%; padding: 0 0 12px 6px; }
#news .news_detail .news_idx_btn { margin: 0 auto; width: 200px; }


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

 #news .news_detail { padding: 30px 5% 40px; }
 #news .news_detail .detail { margin: 0 0 26px; }
 #news .news_detail .title_block { padding: 0 0 18px; }
 #news .news_detail .title_block .date { padding: 0 13px 0 0; font-size: 14px; }
 #news .news_detail .title_block .cat { width: 88px; height: 22px; font-size: 12px; }
 #news .news_detail .title_block .news_title { padding: 10px 0 0; font-size: 20px; }
 #news .news_detail .detail_block { display: block; margin: 30px 0; }
 #news .news_detail .txt_block { padding: 0 0 30px; font-size: 14px; line-height: 1.8; }
 #news .news_detail .txt_block .txt { margin: 0 0 35px; }
 #news .news_detail .txt_block .btn_block { margin: 0 0 20px; }
 #news .news_detail .txt_block .docs_btn { margin: 0 0 10px; }
 #news .news_detail .txt_block .docs_btn .link { font-size: 14px; }
 #news .news_detail .img_block { display: block; padding: 5px 0 0; }
 #news .news_detail .img_block.three .img:nth-child(2) { padding: 0 0 12px; }
 #news .news_detail .img_block.three .img:nth-child(3) { padding: 0 0 12px; }
 #news .news_detail .news_idx_btn { width: 180px; }

}