.page_head.news { background-image: url('../../img/head/bg_head_news.jpg'); }

#news_section_1 { padding: 50px 0; }
#news_section_1 .section_label { margin: 0; color: var(--Text-primary, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; }
#news_section_1 .section_title { margin: 0; color: var(--Text-primary, #000); font-family: Roboto; font-size: 48px; font-style: normal; font-weight: 700; line-height: 120%; }
#news_section_1 .featured_title { margin: 80px 0 0 0; color: var(--Text-primary, #000); font-family: Roboto; font-size: 24px; font-style: normal; font-weight: 700; line-height: 140%; }
#news_section_1 .common_board_list { margin-top: 30px; }
#news_section_1 .common_board_list .list_item { cursor: pointer; }
#news_section_1 .common_board_list .list_item .contents { margin-top: 10px; }
#news_section_1 .common_board_list .list_item .thumb { padding-top: 56.25%; }
#news_section_1 .common_board_list .list_item .img_box { left: 0; top: 0; width: 100%; height: 100%; background-image: url('../../img/common/bg_thumb_default.jpg'); background-size: cover; }
#news_section_1 .common_board_list .list_item .link { display: flex; justify-content: flex-start; align-items: center; margin-top: 5px; text-decoration: none; color: var(--Text-primary, #000); font-family: Roboto; font-size: 16px; line-height: 24px; font-style: normal; font-weight: 400; }
#news_section_1 .common_board_list .list_item .link i { display: inline-flex; width: 24px; height: 20px; margin-top: 2px; margin-left: .3em; background: url('../../img/common/icn_arrow_right.svg') 50%; background-size: contain; }
#news_section_1 .common_board_list .list_item:hover .thumb .img_box { transform: scale(1.12); }

#news_detail_section { padding: 50px 0; }
#news_detail_section .detail_header { padding: 10px 10px 20px 10px; border-top: 2px solid #280847; border-bottom: 1px solid #a8a8a8; }
#news_detail_section .detail_header .title { display: block; font-size: 34px; line-height: 1.38; color: #000; font-weight: 700; }
#news_detail_section .detail_header .label_line { width: 100%; margin-top: 1em; font-size: 16px; padding-right: 30px; color: #999; }
#news_detail_section .detail_content { padding: 30px 0 30px 0; font-size: 18px; line-height: 2; font-family: NotoSansKR,sans-serif; }
#news_detail_section .detail_content p + p { margin-top: 1.2em; }
#news_detail_section .detail_content img,
#news_detail_section .detail_content video,
#news_detail_section .detail_content iframe { max-width: 100%; }
#news_detail_section .detail_footer { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 10px; }
#news_detail_section .detail_footer .page_navi .item { display: block; height: 35px; line-height: 35px; cursor: pointer; font-size: 16px; color: #555; overflow: hidden; }
#news_detail_section .detail_footer .page_navi .item:hover { color: #000; text-decoration: underline; text-underline-position: under; }
#news_detail_section .detail_footer .page_navi .title { display: inline-block; width: 3.5em; color: #000; font-weight: bold; }
#news_detail_section .btn_wrap { margin: 3em auto 0; text-align: center; }
#news_detail_section .btn_wrap .btn_common_round.big { padding-left: 2em; padding-right: 2em; }

@media screen and (max-width: 1024px) {
    #news_section_1 { padding: 40px 0; }
    #news_section_1 .section_label { font-size: 14px; }
    #news_section_1 .section_title { font-size: 28px; }
    #news_section_1 .featured_title { margin-top: 40px; }
    #news_section_1 .common_board_list { margin-top: 20px; }
    #news_section_1 .common_board_list .list_item .link { font-size: 14px; }

    #news_detail_section { padding: 35px 0; }
    #news_detail_section .detail_header { padding: 7px 7px 14px 7px; border-top: 1px solid #280847; border-bottom: 1px solid #a8a8a8; }
    #news_detail_section .detail_header .title { font-size: 24px; }
    #news_detail_section .detail_header .label_line { font-size: 13px; padding-right: 21px; }
    #news_detail_section .detail_content { padding: 21px 0 21px 0; font-size: 14px; }
    #news_detail_section .detail_footer { padding: 7px; }
    #news_detail_section .detail_footer .page_navi .item { height: 25px; line-height: 25px; font-size: 13px; }
    #news_detail_section .detail_footer .page_navi .title { width: 4em; }
}
@media screen and (max-width: 640px) {
    #news_section_1 { padding: 20px 0 40px; }
}