/***************************************
common
***************************************/
.wrapper { margin: 0 auto; overflow-y: hidden } 
.wrapper .content_wrapper { width: 1080px; display: block; margin: auto; position: relative; /* overflow-y: hidden */ } 
/* gnb */
.wrapper .content_wrapper .gnb_line { width: 100%; padding: 7px 0; border-bottom: 1px #d7d7d7 solid; display: flex; justify-content: space-between } 
.wrapper .content_wrapper .gnb_line .left_info span { font-size: 13px; font-weight: 300 } 
.wrapper .content_wrapper .gnb_line .left_info span:first-child { color: red } 

.wrapper .content_wrapper .gnb_line .right_info { display: flex; align-items: center } 
.wrapper .content_wrapper .gnb_line .right_info .ico_link { margin-right: 10px; height: 21px } 
.wrapper .content_wrapper .gnb_line .right_info span { font-size: 13px; color: #7f7f7f; letter-spacing: -0.8px } 
.wrapper .content_wrapper .gnb_line .right_info .top_tip { display: inline-block; padding: 3px 7px; background-color: #631004; margin-left: 5px } 
.wrapper .content_wrapper .gnb_line .right_info .top_tip span { color: #fff } 
.wrapper .content_wrapper .gnb_line .right_info .material-icons-outlined { vertical-align: middle } 

/* header & menu */
.top_head { padding: 30px 0 20px } 
.top_head a { width: 310px; display: block; margin: auto } 
.top_menu { padding: 10px 0; border-bottom: 1px #363636 solid; margin-top: 5px; display: flex; justify-content: space-between } 
.top_menu .menu_list { display: flex; align-items: center; margin: 0; padding-left: 0; width: 98px } 
.top_menu .menu_list li { margin-right: 25px; list-style: none; font-weight: 600; font-size: 18px } 
.top_menu .menu_list li a:hover { color: #660000 } 
.top_menu .menu_list li .material-icons-outlined { vertical-align: middle; cursor: pointer } 


/***************************************
index
***************************************/

/* contents */
.top_contents_wrap { width: 100%; margin-top: 30px; position: relative; float: left } 
.top_contents_wrap .top_left_container { width: 740px; float: left; margin-right: 40px } 
.top_contents_wrap .top_left_container .left_top_news { width: 100%; height: auto; padding-bottom: 30px; /*border-bottom: 1px #d7d7d7 solid*/ } 
.top_contents_wrap .top_left_container .left_top_news .topNews_img { width: 100%; height: 345px; background-color: #d7d7d7 } 
.top_contents_wrap .top_left_container .left_top_news .topNews_title { margin-top: 40px } 
.top_contents_wrap .top_left_container .left_top_news .topNews_title h1 { font-size: 34px; font-weight: 600; letter-spacing: -2px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#631004; text-align: center; margin-bottom: 0 } 
.top_contents_wrap .top_left_container .left_top_news .topNews_title h1:hover { text-decoration: underline } 
.top_contents_wrap .top_left_container .left_top_news .topNews_title h2 { font-size: 20px; color: #7f7f7f; letter-spacing: -0.8px; margin-top: 10px; text-align: center } 
/*20230131 메인탑뉴스 기사아래 수정*/
.top_contents_wrap .top_left_container .left_top_list { float: left; /* margin-bottom: 50px */ } 
.top_contents_wrap .top_left_container .left_top_list .article_list_box { margin-bottom: 25px; display: block } 
.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .list_thumb { width: 145px; height: 97px; margin-right: 19px; background-color: #d7d7d7 } 
.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .article_body { position: relative; overflow: hidden; } 
.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .article_body h1 { font-size: 20px; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .article_body span { display: block; color: #7f7f7f; font-size: 15px; letter-spacing: -0.8px; height: 46px; overflow: hidden } 
.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .article_body span:hover { text-decoration: underline } 

.top_contents_wrap .top_left_container .left_top_list .top_second_list { /* margin-top: 50px; */ display: block } 
.top_contents_wrap .top_left_container .left_top_list .top_second_list .article_list_box .article_body span { width: 100%; display: block; height: 46px; overflow: hidden; } 
.top_contents_wrap .top_left_container .main_relation_news { width: 100%; margin-top: 25px !important; max-width: 500px; display: block; margin: auto } 
.top_contents_wrap .top_left_container .main_relation_news li { display: block } 
.top_contents_wrap .top_left_container .main_relation_news li a { display: inline-block } 
.top_contents_wrap .top_left_container .main_relation_news li a span { position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.8px; display: block; font-size: 17px; font-weight: 600 } 
.top_contents_wrap .top_left_container .main_relation_news a:last-child span { margin-bottom: 0 } 
.top_contents_wrap .top_left_container .main_relation_news a span:hover { text-decoration: underline } 
.top_contents_wrap .top_left_container .main_relation_news a span::before { content: ''; background: url(../images/ico/relation_front.png)no-repeat; width: 11px; height: 13px; display: inline-block; margin-right: 8px } 
.top_contents_wrap .top_right_container { width: 300px; float: left; } 

/* 많이 본 뉴스 */
.top_contents_wrap .top_right_container .right_top_contents .main_popNews { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid } 

/*사설 및 컬럼 (20211208 UI수정)*/ 
.right_top_contents .column_area { margin-top: 20px; margin-bottom: 30px } 
.right_top_contents .column_area .column_nav { background-color: #f7f7f7 } 
.right_top_contents .column_area h1 { font-size: 20px; font-weight: 600; display: inline-block; padding-bottom: 5px; border-bottom: 5px #f5df4d solid } 
.right_top_contents .column_area .opinion_txt_box { width: 100%; height: 219px; border: 1px #d7d7d7 solid; padding: 20px; display: none; border-top: 0 } 
.right_top_contents .column_area .opinion_txt_box ul { display: block; width: 100% } 
.right_top_contents .column_area .column_txt_box { width: 100%; height: 219px; border: 1px #d7d7d7 solid; padding: 20px; } 
.right_top_contents .column_area .column_txt_box.swiper { width: 100%; position: relative; overflow: hidden; } 
.right_top_contents .column_area .column_txt_box .swiper-slide { display: flex } 
.right_top_contents .column_area .column_txt_box .swiper-slide h1 { font-size: 17px; font-weight: 400; border-bottom: 0; text-align: left; display: block; color: #363636; padding-top: 20px } 
.right_top_contents .column_area .column_txt_box .swiper-slide span { font-size: 14px; font-weight: 300; line-height: 1.5; display: block; height: 43px; overflow: hidden; margin-top: 20px } 
.right_top_contents .column_area .column_txt_box .swiper-slide p { font-size: 15px; color: #631004; margin-top: 20px } 
.swiper-pagination-bullet { border-radius: 0 !important } 
.swiper-pagination-bullet-active { background-color: #631004 !important } 

.tab-pane { position: relative } 
.tab-pane.active .opinion_txt_box { display: flex; align-items: center } 
.tab-pane.active .column_txt_box.swiper { position: relative } 
.column_txt_box.swiper { position: relative } 

.column_nav { margin-top: 10px } 
.column_nav .toggle_btn { font-size: 14px } 
.column_nav .active .toggle_btn { font-weight: 600; color: #660000 } 

.right_top_contents .opinion_txt_box ul li { width: 100%; overflow: hidden; } 
.right_top_contents .opinion_txt_box ul li a { display: flex; align-items: center; height: 100px; border-bottom: 1px #d7d7d7 solid; } /* 20220208 수정 */
/* .right_top_contents .opinion_txt_box ul li a span:nth-child(1) { margin-right: 10px; transform: rotateY(179deg) } */
.right_top_contents .opinion_txt_box ul li a .opinion_list_txt { color: #7f7f7f; width: 100%; overflow: hidden; font-weight: 600; letter-spacing: -0.8px; max-height: 60px; font-size: 19px; text-align: center; color: #440c03 } /* 20220208 수정 */
.right_top_contents .opinion_txt_box ul li a:nth-child(2) { border-bottom: 0; padding-bottom: 0; } /* 20220208 수정 */
.right_top_contents .opinion_txt_box ul li a .opinion_list_txt:hover { text-decoration: underline } 

/* 기린대로 */
.right_top_contents .girin_area h1 { font-size: 20px; font-weight: 600; display: inline-block; padding-bottom: 5px; border-bottom: 5px #f5df4d solid } 
.right_top_contents .girin_area .prv_girin_box { width: 100%; height: 330px; border: 1px #d7d7d7 solid } 
.right_top_contents .left_ad01 { margin-top: 20px; border: 1px #d7d7d7 solid } 


/* 전북일보 알림 */
.right_top_contents .notice_area { margin-top: 20px } 
.right_top_contents .notice_area h1 { font-size: 20px; font-weight: 600; display: inline-block; padding-bottom: 5px; border-bottom: 5px #f5df4d solid } 
.right_top_contents .notice_area .notice_list { width: 100%; padding: 10px; border: 1px #d7d7d7 solid } 
.right_top_contents .notice_area .notice_list ul li { display: inline-block; width: 100%; border-bottom: 1px #d7d7d7 solid; margin-bottom: 5px; padding-bottom: 5px } 
.right_top_contents .notice_area .notice_list ul li a { display: block } 
.right_top_contents .notice_area .notice_list ul li a:hover { text-decoration: underline } 
.right_top_contents .notice_area .notice_list ul li a span { font-size: 17px; letter-spacing: -0.8px; font-weight: 600 } 
.right_top_contents .notice_area .notice_list ul li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0 } 


/* 미디어 */
.right_top_contents .media_area { margin-top: 20px; margin-bottom: 30px; } 
.right_top_contents .media_area h1 { font-size: 20px; font-weight: 600; display: inline-block; padding-bottom: 5px; border-bottom: 5px #f5df4d solid } 
.right_top_contents .media_area .media_txt_box { width: 100%; height: 341px; border: 1px #d7d7d7 solid; } 
.right_top_contents .media_area .media_txt_box.swiper { width: 100%; position: relative; overflow: hidden; } 
.right_top_contents .media_area .media_txt_box .swiper-wrapper { width: 100%; height: 341px; } 
.right_top_contents .media_area .media_txt_box .swiper-wrapper .swiper-slide { width: 100%; height: 341px } 
.right_top_contents .media_area .media_txt_box .swiper-wrapper .swiper-slide .slide_photo_container { display: block; width: 100%; height: 291px; overflow: hidden; } 
.right_top_contents .media_area .media_txt_box .swiper-wrapper .swiper-slide .media_photo { width: 100%; height: 292px; border-bottom: 1px #d7d7d7 solid; transition: transform 1s ease, -ms-transform 1s ease } 

.right_top_contents .media_area .media_txt_box .swiper-wrapper .swiper-slide .media_photo_title { width: 200px; padding: 10px; display: flex; justify-content: space-between; background-color: #fff } 
.right_top_contents .media_area .media_txt_box .swiper-wrapper .swiper-slide .media_photo_title .media_title { font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 

.right_top_contents .media_area .media_txt_box:hover .media_photo { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2) } 
.right_top_contents .media_area .media_txt_box:hover .media_title { text-decoration: underline } 

.right_top_contents .media_area .media_txt_box .swiper-pagination { right: 10px; left: auto !important; width: auto !important; bottom: 14px } 
.right_top_contents .media_area .media_txt_box .swiper-pagination-bullet { margin-right: 5px } 


/* 섹션별 뉴스 */
.section_news_container { float: left; width: 100%; margin-top: 30px; padding-top: 30px; border-top: 1px #d7d7d7 solid } 
.section_news_container .section_list_wrap { display: flex; margin-bottom: 15px; } 
.section_news_container .section_list_wrap:last-child { margin-bottom: 0 } 
.section_news_container .section_list_wrap .list_box { width: 100%; height: 260px; margin-right: 15px; border: 1px #d7d7d7 solid } 
.section_news_container .section_list_wrap .list_box:last-child { margin-right: 0 } 
.section_news_container .section_list_wrap .list_box a .section_thumb { width: 100%; height: 150px; position: relative } 
.section_news_container .section_list_wrap .list_box a .section_thumb .thumb_tag span { padding: 5px 10px; background-color: #631004; display: inline-block; color: #fff; font-weight: 600; font-size: 14px } 
.section_news_container .section_list_wrap .list_box .card_under { padding: 10px } 
.section_news_container .section_list_wrap .list_box .card_under a { display: block } 
.section_news_container .section_list_wrap .list_box .card_under a .section_top_title { width: 236px; display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 8px; border-bottom: 1px #d7d7d7 solid; color: #631004 } 
.section_news_container .section_list_wrap .list_box .card_under a .section_top_title:hover { text-decoration: underline } 
.section_news_container .section_list_wrap .list_box .card_under a .under_news_list { width: 236px; font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px } 
.section_news_container .section_list_wrap .list_box .card_under a .under_news_list::before { content: ''; width: 3px; height: 3px; display: inline-block; background-color: #363636; position: relative; bottom: 4px; margin-right: 5px; } 
.section_news_container .section_list_wrap .list_box .card_under a .under_news_list:hover { text-decoration: underline } 

.section_news_container .section_list_wrap .list_box .local_box_container { width: 100%; height: 258px; } 
.section_news_container .section_list_wrap .list_box .local_list { padding: 10px; display: block } 
.section_news_container .section_list_wrap .list_box .local_list .badge_local { color: #fff; background-color: #631004; } 
.section_news_container .section_list_wrap .list_box .local_list a { display: block; width: 236px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 600; margin-bottom: 9px } 
.section_news_container .section_list_wrap .list_box .local_list .under_news_list:hover { text-decoration: underline } 


/* 전북&이슈 */
.issue_container { float: left; margin-top: 40px; width: 100% } 
.issue_container .issue_title_area { padding: 20px 0; width: 100%; text-align: center } 
.issue_container .issue_title_area h1 { font-size: 25px; font-weight: 600; padding-bottom: 5px; border-bottom: 5px #f5df4d solid; text-align: center; display: inline-block } 
.issue_container .issue_slide_container { margin-top: 20px; display: flex } 
.issue_container .issue_slide_container .issue_slide_article { margin-right: 20px; width: 100%; overflow: hidden } 
.issue_container .issue_slide_container .issue_slide_article:nth-child(4) { margin-right: 0 } 
.issue_container .issue_slide_container .issue_slide_article h1 { font-size: 20px; letter-spacing: -0.8px; color: #631004; font-weight: 600; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.issue_container .issue_slide_container .issue_slide_article .issue_swiper_box { width: 100%; position: relative; overflow: hidden; height: 350px } 
.issue_container .issue_slide_container .issue_slide_article .issue_swiper_box ul .swiper_slide { height: 350px; position: relative } 
.issue_container .issue_slide_container .issue_slide_article .issue_swiper_box ul .swiper_slide a { display: block } 
.issue_container .issue_slide_container .issue_slide_article .issue_swiper_box ul .swiper_slide span { display: block; width: 100%; height: 350px; z-index: 0; transition: transform 1s ease, -ms-transform 1s ease } 
.issue_container .issue_slide_container .issue_slide_article .issue_swiper_box ul .swiper_slide:hover a > span { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2) } 
.issue_container .issue_slide_container .issue_slide_article .issue_swiper_box ul .swiper_slide .slide_title_back { position: absolute; bottom: 0; width: 100%; padding: 15px; background-color: rgba(0,0,0,.5); height: 80px } 
.issue_swiper_box ul .swiper_slide .slide_title_back > span { font-size: 15px; color: #fff; font-weight: 500; height: 43px !important; overflow: hidden } 
.issue_swiper_box ul .swiper_slide:hover a .slide_title_back > span { text-decoration: underline } 

/* 피플&연재 */
.people_container { float: left; width: 100% } 
.people_container .people_title_area { padding: 20px 0; width: 100%; text-align: center } 
.people_container .people_title_area h1 { font-size: 25px; font-weight: 600; padding-bottom: 5px; border-bottom: 5px #f5df4d solid; text-align: center; display: inline-block } 

.people_con_container { width: 100%; padding: 20px; background-color: #262930; display: flex; } 
.people_con_container .people_news_conBox { width: 100%; padding-right: 30px; overflow: hidden } 
.people_con_container .people_news_conBox:nth-child(2) { padding-right: 20px; border-right: 1px #696969 solid } 
.people_con_container .people_news_conBox:nth-child(3) { padding-right: 0; padding-left: 20px } 
.people_con_container .people_news_conBox .sub_scroll_box { height: 266px; overflow: hidden } 
.people_con_container .people_news_conBox .people_news_thumb { position: relative; width: 100%; height: 184px; overflow: hidden } 
.people_con_container .people_news_conBox .people_news_thumb span { width: 100%; height: 184px; display: block; transition: transform 1s ease, -ms-transform 1s ease } 
.people_con_container .people_news_conBox .people_news_thumb .p_thumb_badge { position: absolute; bottom: 0; left: 0; background-color: #631004; padding: 6px; color: #fff; font-size: 14px; letter-spacing: -0.8px; font-weight: 400 } 
.people_con_container .people_news_conBox .people_news_title { width: 100%; margin-top: 15px; height: 48px; overflow: hidden } 
.people_con_container .people_news_conBox .people_news_title span { color: #fff; font-size: 18px } 
.people_con_container .people_news_conBox:hover .people_news_thumb span { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2) } 
.people_con_container .people_news_conBox:hover .people_news_title span { text-decoration: underline } 

.people_con_container .people_news_conBox a { display: block; margin-bottom: 20px } 
.people_con_container .people_news_conBox a .p_title { font-size: 13px; color: #f5df4d; font-weight: 400; margin-bottom: 5px } 
.people_con_container .people_news_conBox a .p_subTitle { font-size: 16px; display: block; color: #fff; font-weight: 500; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.people_con_container .people_news_conBox a .p_subTitle:hover { text-decoration: underline } 

.popnews_container { margin-top: 30px; width: 100%; float: left; margin-bottom: 30px } 
.popnews_container .tabs { width: 100%; padding: 15px 0 } 
.popnews_container .tabs .tabs_menu { width: 33.33333%; text-align: center; float: left } 
.popnews_container .tabs .tabs_menu a { position: relative; padding-top: 1.375rem; padding-bottom: 1.063rem; font-size: 1.125rem; font-weight: 500; line-height: 1.125; color: #747474; border-width: 1px 0 2px; border-color: #747474 transparent #e2e2e2; display: block; padding: 15px 0; border: 1px solid rgba(0,0,0,.1); text-decoration: none } 
.popnews_container .tabs .tabs_menu a::before { border-width: 12px; border-bottom-color: #e2e2e2; content: ''; overflow: hidden; position: absolute; left: 50%; bottom: -2px; width: 0; height: 0; border-style: solid; border-color: transparent; -ms-transform: translateX(-50%); transform: translateX(-50%) } 
.popnews_container .tabs .tabs_menu a::after { border-width: 10px; border-bottom-color: #fff; content: ''; overflow: hidden; position: absolute; left: 50%; bottom: -2px; width: 0; height: 0; border-style: solid; border-color: transparent; -ms-transform: translateX(-50%); transform: translateX(-50%) } 


/* 많이본 기사 */
#tab_01 > :first-child:nth-last-child(2), #tab_01 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group { float:left; width:50% } 
#tab_01 > :first-child:nth-last-child(2) { padding-right:1.375rem } 
#tab_01 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group { padding-left:1.375rem } 
#tab_01 .item { display:block; margin-top:1.125rem; padding-top:20px; border-top:1px solid rgba(0,0,0,.08); text-align:left } 
#tab_01 > :first-child > :first-child,
#tab_01 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group > :first-child { margin-top:0; padding-top:0; border-top:0 } 
#tab_01 .auto-num { overflow:hidden; width:55px } 
#tab_01 .auto-num::before { content:''; display:block; overflow:hidden; width:45px; height:32px; background:url(../images/etc/skin-13-best.png) no-repeat } 
#tab_01 .auto-num.ing-1::before { background-position:0 0 } 
#tab_01 .auto-num.ing-2::before { background-position:0 -50px } 
#tab_01 .auto-num.ing-3::before { background-position:0 -100px } 
#tab_01 .auto-num.ing-4::before { background-position:0 -150px } 
#tab_01 .auto-num.ing-5::before { background-position:0 -200px } 
#tab_01 .auto-num.ing-6::before { background-position:0 -250px } 
#tab_01 .auto-num.ing-7::before { background-position:0 -300px } 
#tab_01 .auto-num.ing-8::before { background-position:0 -350px } 
#tab_01 .auto-num.ing-9::before { background-position:0 -400px } 
#tab_01 .auto-num.ing-10::before { background-position:0 -450px } 
#tab_01 .auto-titles { width:calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 

#tab_02 > :first-child:nth-last-child(2), #tab_02 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group { float:left; width:50% } 
#tab_02 > :first-child:nth-last-child(2) { padding-right:1.375rem } 
#tab_02 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group { padding-left:1.375rem } 
#tab_02 .item { display:block; margin-top:1.125rem; padding-top:20px; border-top:1px solid rgba(0,0,0,.08); text-align:left } 
#tab_02 > :first-child > :first-child,
#tab_02 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group > :first-child { margin-top:0; padding-top:0; border-top:0 } 
#tab_02 .auto-num { overflow:hidden; width:55px } 
#tab_02 .auto-num::before { content:''; display:block; overflow:hidden; width:45px; height:32px; background:url(../images/etc/skin-13-best.png) no-repeat } 
#tab_02 .auto-num.ing-1::before { background-position:0 0 } 
#tab_02 .auto-num.ing-2::before { background-position:0 -50px } 
#tab_02 .auto-num.ing-3::before { background-position:0 -100px } 
#tab_02 .auto-num.ing-4::before { background-position:0 -150px } 
#tab_02 .auto-num.ing-5::before { background-position:0 -200px } 
#tab_02 .auto-num.ing-6::before { background-position:0 -250px } 
#tab_02 .auto-num.ing-7::before { background-position:0 -300px } 
#tab_02 .auto-num.ing-8::before { background-position:0 -350px } 
#tab_02 .auto-num.ing-9::before { background-position:0 -400px } 
#tab_02 .auto-num.ing-10::before { background-position:0 -450px } 
#tab_02 .auto-titles { width:calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 

#tab_03 > :first-child:nth-last-child(2), #tab_03 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group { float:left; width:50% } 
#tab_03 > :first-child:nth-last-child(2) { padding-right:1.375rem } 
#tab_03 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group { padding-left:1.375rem } 
#tab_03 .item { display:block; margin-top:1.44rem; padding-top:24px; border-top:1px solid rgba(0,0,0,.08); text-align:left } 
#tab_03 > :first-child > :first-child,
#tab_03 > :first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .auto-group > :first-child { margin-top:0; padding-top:0; border-top:0 } 
#tab_03 .auto-num { overflow:hidden; width:10px } 
#tab_03 .auto-num::before { content:'·'; display:block; overflow:hidden; font-size:1rem; } 
#tab_03 .auto-num.ing-1::before { background-position:0 0 } 
#tab_03 .auto-num.ing-2::before { background-position:0 -50px } 
#tab_03 .auto-num.ing-3::before { background-position:0 -100px } 
#tab_03 .auto-num.ing-4::before { background-position:0 -150px } 
#tab_03 .auto-num.ing-5::before { background-position:0 -200px } 
#tab_03 .auto-num.ing-6::before { background-position:0 -250px } 
#tab_03 .auto-num.ing-7::before { background-position:0 -300px } 
#tab_03 .auto-num.ing-8::before { background-position:0 -350px } 
#tab_03 .auto-num.ing-9::before { background-position:0 -400px } 
#tab_03 .auto-num.ing-10::before { background-position:0 -450px } 
#tab_03 .auto-titles { width:calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 

#popular-wrapper.tabs-wrap { float: left; width: 100%; margin-top: 40px; margin-bottom: 40px } 
#popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item a { position:relative; padding-top:1.375rem; padding-bottom:1.063rem; font-size:1.125rem; font-weight:500; line-height:1.125; color:#747474; border-width:1px 0 2px; border-color:#747474 transparent #e2e2e2 } 
#popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item a::before, #popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item a::after { content:''; overflow:hidden; position:absolute; left:50%; bottom:-2px; width:0; height:0; border-style:solid; border-color:transparent; -ms-transform:translateX(-50%); transform:translateX(-50%) } 
#popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item a::before { border-width:12px; border-bottom-color:#e2e2e2 } 
#popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item a::after { border-width:10px; border-bottom-color:#fff } 
#popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item.active a { color:rgba(0,0,0,.95); border-bottom-color:#343434 } 
#popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item.active a::before, #popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item.active a::after { top:100%; bottom:auto } 
#popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item.active a::before { border-width:14px; border-color:#343434 transparent transparent } 
#popular-wrapper.tabs-wrap.for-best .tabs-navs .tabs-item.active a::after { border-width:12px; border-color:#fff transparent transparent } 
#popular-wrapper.tabs-wrap.for-best .tabs-panel { padding-top:2.125rem } 

article, aside, footer, header, nav, section { display: block } 
.tabs-navs.expanded { position: relative; } 
.tabs-wrap .tabs-navs { position: relative; padding: 0; margin: 0; list-style: none; float: left; width: 100% } 
.tabs-navs.expanded .tabs-item:first-child:nth-last-child(3), .tabs-navs.expanded .tabs-item:first-child:nth-last-child(3):first-child:nth-last-child(3)~.tabs-item { display: inline-block; width: 33.33333%; } 
.tabs-wrap .tabs-navs .tabs-item { float: left; position: relative; z-index: 2; text-align: center } 
.tabs-wrap .tabs-navs .tabs-item a { display: block; padding: .5rem .9375rem; font-size: .8rem; border: 1px solid rgba(0,0,0,.1); text-decoration: none; } 
.tabs-wrap .tabs-panel { padding: 1.25rem 0 0; background-color: #fff; border: 0; float: left; width: 100% } 
.auto-article { display: block; text-align: left; float: left; width: 100% } 
.auto-article::after, .auto-article::before, .auto-article>ul::after { content: ''; display: table; } 
.auto-article .item>a, .auto-article>.item { display: block; } 
.auto-valign { text-align: left } 
.auto-valign>.for-middle { display: inline-block; vertical-align: middle; } 
.show-for-sr, .show-on-focus { position: absolute!important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); } 
.auto-article .line-4, .auto-article .line-4x1, .auto-article .line-4x2, .auto-article .line-4x3 { line-height: 1.375; } 
.auto-article em, .auto-article i { font-style: normal !important; font-size: 0 } 

/* 게시판 */
.board_container { width: 100%; margin-bottom: 20px; border: 1px #d7d7d7 solid; display: flex; align-items: center } 
.board_container .board_conBox { display: inline-block; width: 100%; padding:5px 0 } 
.board_container .board_conBox .slide_sub_container { display: flex; justify-content: space-between } 
.board_container .board_conBox .slide_con { display: flex; align-items: center } 
.board_container .board_conBox .slide_con .board_item { padding-left: 15px; padding-top:10px } 
.board_container .board_conBox .slide_con .board_item a { width: calc(100% + -10px); text-align: left; font-size: 14px; line-height: 24px; letter-spacing: -1.2px; color: #7f7f7f; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board_container .board_conBox .slide_con .board_item a span:hover { text-decoration: underline } 

.board_container .board_conBox .slide_control { margin-top:8px; width: 61px; height:24px; border: 1px #d7d7d7 solid; position: relative; margin-right: 9px } 
.board_container .board_conBox .slide_control .carousel-control-prev span:first-child { border-right: 1px #d7d7d7 solid } 

.board_container .board_front { padding: 15px; background-color: #631004; display: inline-block } 
.board_container .board_front span { color: #fff; font-weight: 500; font-size: 15px } 


/* 배너슬라이드 */
.banner_slide_Container { float: left; width: 100%; margin-top: 30px; overflow: hidden } 
.banner_slide_Container .banner_contents .banner_item { width: 115px !important; height: 40px; margin-right: 5px !important } 

.under_b_container { width: 100%; float: left; margin-top: 30px } 

/* footer */
.footer_container { float: left; width: 100%; margin-top: 30px; margin-bottom: 40px } 
.footer_container .company_menu { width: 100%; float: left; padding: 15px 0; border-top: 2px #363636 solid; border-bottom: 1px #d7d7d7 solid } 
.footer_container .company_menu ul { text-align: center; margin-bottom: 0 } 
.footer_container .company_menu ul a { display: inline-block; margin-right: 15px } 
.footer_container .company_menu ul a li { font-size: 15px; color: #631004; letter-spacing: -1.2px; list-style: none } 
.footer_container .company_menu ul a:last-child { margin-right: 0 } 

.footer_container .footer_info { width: 100%; float: left; margin-top: 30px } 
.footer_container .footer_info .under_logo { width: 200px; float: left; margin-right: 20px } 
.footer_container .footer_info .under_logo img { width: 160px } 
.footer_container .footer_info .under_infoTxt { width: 800px; float: left } 
.footer_container .footer_info .under_infoTxt ul { margin-bottom: 0 } 
.footer_container .footer_info .under_infoTxt ul li { font-size: 13px; color: #7f7f7f; letter-spacing: -0.8px; display: inline-block } 
.footer_container .footer_info .under_infoTxt ul li::after { content: 'ㅣ'; padding-left: 5px; margin-right: 5px } 
.footer_container .footer_info .under_infoTxt ul li:last-child::after { content: ''; padding-right: 10px; margin-right: 0 } 
.footer_container .footer_info .under_infoTxt p { font-size: 13px; display: block; margin-top: 20px; letter-spacing: -0.8px } 

/* 사이드메뉴 */
#Sidemenu.Menu_container { width: 249px !important; background: #fff; position: absolute; z-index: 9999; height: 100%; right: 0; position: fixed; margin-right: -600px; top: 0; /*padding: 15px*/ } 
#Sidemenu.Menu_container .menu_area .sidemenu_cancel { padding: 15px 15px 45px } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap p { font-size: 17px; font-weight: 500; padding: 15px } 

#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box { font-size: 13px; padding: 15px; background:url(../images/ico/menu_arrow_down.png)no-repeat 214px 21px; cursor: pointer } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box:hover { color:#fff; background: #631004 url(../images/ico/menu_arrow_down_02.png)no-repeat 214px 21px } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box.active { font-size: 13px; background:url(../images/ico/menu_arrow_up.png)no-repeat 214px 21px; cursor: pointer; background-color: #631004; color: #fff } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box span { font-weight: 600; font-size: 17px; transform: skew(-0.03deg); list-style: none } 

#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box_01 { font-size: 13px; padding: 15px; cursor: pointer } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box_01.active { font-size: 13px; cursor: pointer; background-color: #631004; color: #fff } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box_01 span { font-weight: 600; font-size: 17px; transform: skew(-0.03deg) } 

#Sidemenu.Menu_container .menu_area .menu_list_wrap .newsmenu_menu_list01 ul { cursor: pointer } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap .newsmenu_menu_list01 ul li a { display:block; padding: 5px 0 12px 29px; font-size: 14px } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap .newsmenu_menu_list01 ul li:hover a { color: #631004 } 
div[data-simplesidebar="active"].Menu_container { box-shadow: 0 0 10px hsl(0deg 0% 4% / 70%) } 

/* 검색 슬라이드 */
.search_slide_container { width: 100%; height: auto; background-color: #fff; border: 1px #d7d7d7 solid; position: absolute; box-shadow: 0 2px 15px -0.5px rgba(68, 68, 68, .15); z-index: 9999; overflow: hidden; right: 0; padding: 25px } 
.search_slide_container .search_keyword_area { width: 100%; padding-top: 30px; margin-bottom: 40px } 
.search_slide_container .search_keyword_area .search_inputBox { width: 640px; display: block; margin: auto; border-bottom: 3px #f5df4d solid } 
.search_slide_container .search_keyword_area .search_inputBox .search_input_01 { width: 90%; padding: 10px; border: 0; outline: none } 
.search_slide_container .search_keyword_area .search_inputBox .search_input_01::placeholder { font-size: 20px; font-weight: 500; color: #d7d7d7 !important } 
.search_slide_container .search_news_title p { display: inline-block; border-bottom: 1px #660000 solid; padding-bottom: 5px; letter-spacing: -0.8px; margin-bottom: 20px; color: #660000; font-weight: 600; font-size: 20px } 
.search_slide_container .trend_news_list { display: flex; margin-top: 0 } 
.search_slide_container .trend_news_list .trend_news_box { margin-right: 40px; overflow: hidden } 
.search_slide_container .trend_news_list .trend_news_box ul li { list-style: none } 
.search_slide_container .trend_news_list .trend_news_box ul li .news_list_unit a { display: flex; margin-bottom: 10px } 
.search_slide_container .trend_news_list .trend_news_box ul li:last-child .news_list_unit a { margin-bottom: 0 } 
.search_slide_container .trend_news_list .trend_news_box ul li .news_list_unit a span:nth-child(1) { font-size: 18px; color: #660000; padding-right: 15px; font-weight: 600; width: 40px; text-align: center } 
.search_slide_container .trend_news_list .trend_news_box ul li .news_list_unit a span:nth-child(2) { width: 500px; font-size: 16px; color: #363636; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block } 
.search_slide_container .trend_news_list .trend_news_box ul li .news_list_unit a span:nth-child(2):hover { text-decoration: underline } 

/* 위로가기 */
.top_move { position: fixed; /*left: 5%; */ float: left; z-index: 999; right: 3%; bottom: 12% } 
.top_move img { width: 44px; height: 44px; } 


/***************************************
 섹션메인
***************************************/

/* 섹션메인탑메뉴 */
.top_menu .section_menu { width: auto; display: block; margin: auto } 
.top_menu .section_menu li { margin-right: 21px; list-style: none; font-weight: 600; font-size: 18px; display: inline-block } 
.top_menu .section_menu li a:hover { color: #660000 } 

/* 상세화면 로케이션 */
.section_nav { display: inline-block; padding-bottom: 2px; border-bottom: 4px #f5df4d solid } 
.section_nav a span { font-size: 20px; font-weight: 600; } 
.section_nav a span:hover { color: #660000 } 
.section_nav .nav_ico { color: #d7d7d7; vertical-align: middle } 

/* 뉴스리스트 */
.section_list { margin-top: 30px; width: 100%; overflow: hidden; display: block } 
.section_list .section_news { padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 20px } 
.section_list .section_news:last-child { padding-bottom: 0; border-bottom: 0 } 
.section_list .section_news .news_thumb { width: 144px; height: 108px; margin-right: 18px } 
.section_list .section_news .news_body { width: 100%; height: 108px; overflow: hidden } 
.section_list .section_news .news_body h1 { font-size: 18px; font-weight: 600; letter-spacing: -0.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.section_list .section_news .news_body p { font-size: 13px; color: #7f7f7f; line-height: 1.6; height: 40px; overflow: hidden; display: block; width: 100%; margin-bottom: 0 } 
.section_list .section_news .news_body h1:hover { text-decoration: underline } 
.section_list .section_news .news_body p:hover { text-decoration: underline } 
.section_list .section_news .news_body .line_info { margin-top: 13px } 
.section_list .section_news .news_body .line_info ul li { display: inline-block; font-size: 13px; transform: skew(-0.03deg); font-weight: 500 } 
.section_list .section_news .news_body .line_info ul li::after { content: 'ㅣ'; padding-left: 5px; margin-right: 5px } 
.section_list .section_news .news_body .line_info ul li:last-child::after { content: '' } 

/* 많이 본 정치뉴스 */
.pop_poli_news h1 { font-size: 20px; font-weight: 600; padding-bottom: 5px; border-bottom: 5px #f5df4d solid; text-align: center; display: inline-block } 
.pop_poli_news h1 span { color: #660000 } 
.pop_poli_news .pop_news_container { margin-top: 10px } 
.pop_poli_news .pop_news_container ul li { display: flex; overflow: hidden; margin-bottom: 5px } 
.pop_poli_news .pop_news_container ul li span { width: 40px; text-align: center; font-weight: 600; padding-right: 15px; display: inline-block; font-size: 17px } 
.pop_poli_news .pop_news_container ul li p { width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; font-size: 15px; letter-spacing: -0.8px; margin-bottom: 0 } 
.pop_poli_news .pop_news_container ul li p:hover { text-decoration: underline } 


/* 정치 연재리스트 */
.series_select { width: 100%; padding: 10px; background-color: #631004; margin-top: 30px } 
.series_select .select_flex { display: flex; align-items: center } 
.series_select .select_flex span { font-size: 15px; color: #f5df4d; letter-spacing: -0.8px; margin-right: 25px; flex-shrink: 0 } 
.series_select .select_flex .s_select01 { font-size: 14px; border-radius: 5px; border: 0 } 


/* 페이지네이션 */
.list_pagination { display: block; width: 740px } 
.list_pagination .pagination { display: flex; justify-content: center; margin-top: 30px !important; text-align: center; margin-left: 0; margin-bottom:16px !important; margin: auto; width: 510px } 
.list_pagination .pagination li { float: left; font-size: 13px; margin: 0 3px } 
.list_pagination .pagination::after,.list_pagination .pagination::before { display: table; content: '' } 
.list_pagination .pagination .pagination-start:first-child,.list_pagination .pagination .pagination-start:last-child { display: inline-block } 
.list_pagination .pagination .pagination-start { margin-right: 4px; font-size: 12px; line-height: 1; vertical-align: middle; } 
.list_pagination .pagination .pagination-start > a, .list_pagination .pagination .pagination-previous > a, .list_pagination .pagination .pagination-next > a, .list_pagination .pagination .pagination-end > a { background-color: #f5df4d } 
.show-for-sr, .show-on-focus { position: absolute!important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); } 
.pagination a, .pagination button { color: #262626; font-size: 13px; transition: background-color .3s ease-in-out; } 
.pagination .current, .pagination .pagination-item, .pagination a, .pagination button { float: left; padding: .438rem .625rem; line-height: 1; letter-spacing: -.025em; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 3px; text-align: center; } 
.user-bg { background-color: #631004 !important; color: #fff } 
.pagination a:hover, .pagination button:hover { background-color: #f8f8fa } 



/***************************************
 기사상세
***************************************/

/* 기사상세 상단 인디케이터 */
.top_header_navigation { background: #fff; z-index: 999; border-bottom: 1px #d7d7d7 solid; position: fixed; width: 100%; /*padding: 20px; */ border-bottom: 1px #d7d7d7 solid; display: flex; justify-content: space-around; align-items: center; transition: height .2s ease; -webkit-transition: height .2s ease; visibility: hidden; transform: translateY(-100%); } 
.top_header_navigation .navi_header_container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: auto; min-width: 1200px; padding: 20px 0 } 

.header_left { display: flex; align-items: center } 
.header_left span:nth-child(1) { margin-left: 15px } 
.header_left p:nth-child(2) { font-size: 1.0625rem; letter-spacing: -0.8px; font-weight: 500; margin-left: 30px; width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0 } 
.left_header_arrow { padding-left: 20px } 
.header_left span a img { width: 150px } 

.header_right .left_obj { display: inline-block; margin-right: 10px } 
.header_right .left_obj a { float: left } 
.header_right .left_obj a:nth-child(2) { margin-left: -1px } 
.header_right .left_obj a .opt_obj { width: 35px; height: 35px; border: 1px #d7d7d7 solid; padding: 6px 8px } 

.header_right { display: flex; align-items: center } 
.header_right .right_obj { display: inline-block } 
.header_right .right_obj a { float: left } 
.header_right .right_obj a:nth-child(2) { margin-left: -1px } 
.header_right .right_obj a .opt_obj { width: 35px; height: 35px; border: 1px #d7d7d7 solid; padding: 6px 8px } 
.right_header_arrow { margin-left: 15px; padding-right: 20px } 

.scrollprogress { position: absolute; width: 100%; height: 3px; bottom: 0; background: #631004; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease } 

.headroom--pinned { transform: translateY(-100%); } 
.headroom--unpinned { transform: translateY(0) } 
.headroom { transition: transform .25s ease-in-out; will-change: transform; } 
.header--fixed { position: fixed; z-index: 999; right: 0; left: 0; top: 0; } 

.headroom--pinned_02 { transform: translateY(0); } 
.headroom--unpinned_02 { transform: translateY(100%); } 
.headroom_02 { transition: transform .25s ease-in-out; will-change: transform; } 


/* 기사상세 헤더 */
.top_article_head { width: 100%; margin-bottom: 30px } 
.top_article_head .article_head { width: 100%; padding: 25px 0 20px; border-bottom: 1px #d7d7d7 solid; margin-top: 30px } 
.top_article_head .article_head h1 { font-size: 32px; letter-spacing: -1.8px } 
.article_txt_container { width: 100% } 
.top_article_head .article_head .byline_container { display: flex; justify-content: space-between; align-items: center; margin-top: 30px } 
.top_article_head .article_head .byline_container .byline_info_wrap span { font-size: 13px; color: #7f7f7f; float: left; letter-spacing: -1.5px } 
.top_article_head .article_head .byline_container .byline_info_wrap span::after { content: 'ㅣ'; padding-left: 5px; margin-right: 5px } 
.top_article_head .article_head .byline_container .byline_info_wrap span:last-child::after { content: '' } 

.article_txt_container .article_sub_titleWrap { width: 640px; display: block; margin-bottom: 20px } 
.article_txt_container .article_sub_titleWrap p { font-size: 1.25rem; letter-spacing: -0.8px; font-weight: 600; display: block; word-wrap: break-word; word-break: normal; padding-left: 15px; border-left: 4px #aeaeae solid; } 

.article_txt_container .detail_figure,.class_div_main { position: relative; margin-top: 30px !important; display: table; margin: auto; margin-bottom: 50px } 
.article_txt_container .detail_figure figcaption,.class_div_main figcaption { display: table-caption; margin-top: 15px; font-size: 13px; color: #7f7f7f; caption-side: bottom; letter-spacing: -0.8px; transform: skew(-0.03deg) } 
.article_txt_container p { font-size: 17px; letter-spacing: -0.3px; line-height: 2; margin-bottom: 16px; text-align: justify } /* 20221111 수정 */
.article_txt_container p img { width: 100% } 
.arti_copy { display: block; margin-top: 30px; font-size: 13px; letter-spacing: -0.8px } 
.article_reporter { display: flex; margin-top: 50px; justify-content: space-between; align-items: center } 
.article_reporter .reporter_area { display: flex; align-items: center } 
.article_reporter .reporter_area .reporter_thumb { width: 40px; height: 40px; border-radius: 100% } 
.article_reporter .reporter_area span:nth-child(2) { font-size: 15px; font-weight: 600; letter-spacing: -1px; margin-left: 10px; display: inline-block } 
.article_reporter .reporter_area a { font-size: 13px; letter-spacing: -0.8px; color: #7f7f7f; margin-left: 10px } 
.article_reporter .reporter_area a:hover { text-decoration: underline } 
.article_reporter .other_article a span { font-size: 13px; font-weight: 600; letter-spacing: -0.8px } 

.share_container { display: flex; align-items: center } 
.share_container .left_share { display: flex; margin-right: 20px } 
.share_container .left_share a { display: inline-block; margin-right: 10px; width: 30px; height: 30px } 
.share_container .left_share a .facebook_ico { background: url(../images/ico/sns_ico.png)no-repeat -30px -30px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .facebook_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -30px -90px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .twitter_ico { background: url(../images/ico/sns_ico.png)no-repeat -90px -30px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .twitter_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -90px -90px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .kas_ico { background: url(../images/ico/sns_ico.png)no-repeat -150px -30px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .kas_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -150px -90px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .link_ico { background: url(../images/ico/sns_ico.png)no-repeat -210px -30px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .link_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -210px -90px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .mail_ico { background: url(../images/ico/sns_ico.png)no-repeat -270px -30px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .mail_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -270px -90px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .share_ico { background: url(../images/ico/sns_ico.png)no-repeat -330px -30px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .share_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -330px -90px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .bookmark_ico { background: url(../images/ico/sns_ico.png)no-repeat -390px -30px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .bookmark_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -390px -90px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .bookmark_ico.active { background: url(../images/ico/sns_ico.png)no-repeat -450px -30px; width: 30px; height: 30px; display: inline-block } 

.share_container .left_share a .kakao_ico { background: url(../images/ico/sns_ico.png )no-repeat -30px -150px; width: 30px; height: 30px; display: inline-block } 
.share_container .left_share a .kakao_ico:hover { background: url(../images/ico/sns_ico.png) no-repeat -60px -150px; width: 30px; height: 30px; display: inline-block } 


.right_share { display: flex } 
.right_share .left_obj { display: inline-block; margin-right: 10px } 
.right_share .left_obj a { float: left } 
.right_share .left_obj a:nth-child(2) { margin-left: -1px } 
.right_share .left_obj a:nth-child(3) { margin-left: -1px } 
.right_share .left_obj a .opt_obj { width: 35px; height: 35px; border: 1px #d7d7d7 solid; padding: 6px 8px } 

.right_share .right_obj { display: inline-block } 
.right_share .right_obj a { float: left } 
.right_share .right_obj a:nth-child(2) { margin-left: -1px } 
.right_share .right_obj a .opt_obj { width: 35px; height: 35px; border: 1px #d7d7d7 solid; padding: 6px 8px } 

.under_social { width: 100%; margin-top: 70px; text-align: center; padding-bottom: 50px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 50px } 
.under_social .social_share { display: block; margin: auto } 
.under_social .social_share a { display: inline-block; margin-right: 5px; width: 50px; height: 50px } 
.under_social .social_share a .u_kakao { background: url(../images/ico/sns_ico.png)no-repeat -50px -400px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_kakao:hover { background: url(../images/ico/sns_ico.png)no-repeat -50px -500px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_facebook { background: url(../images/ico/sns_ico.png)no-repeat -50px -200px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_facebook:hover { background: url(../images/ico/sns_ico.png)no-repeat -50px -300px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_twitter { background: url(../images/ico/sns_ico.png)no-repeat -150px -200px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_twitter:hover { background: url(../images/ico/sns_ico.png)no-repeat -150px -300px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_kas { background: url(../images/ico/sns_ico.png)no-repeat -250px -200px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_kas:hover { background: url(../images/ico/sns_ico.png)no-repeat -250px -300px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_link { background: url(../images/ico/sns_ico.png)no-repeat -350px -200px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_link:hover { background: url(../images/ico/sns_ico.png)no-repeat -350px -300px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_mail { background: url(../images/ico/sns_ico.png)no-repeat -450px -200px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_mail:hover { background: url(../images/ico/sns_ico.png)no-repeat -450px -300px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_share { background: url(../images/ico/sns_ico.png)no-repeat -550px -200px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_share:hover { background: url(../images/ico/sns_ico.png)no-repeat -550px -300px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_bookmark { background: url(../images/ico/sns_ico.png)no-repeat -650px -200px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_bookmark:hover { background: url(../images/ico/sns_ico.png)no-repeat -650px -300px; width: 50px; height: 50px; display: inline-block } 
.under_social .social_share a .u_bookmark.active { background: url(../images/ico/sns_ico.png)no-repeat -650px -400px; width: 50px; height: 50px; display: inline-block } 

/* 댓글 */
.reply_container { display: block; margin-top: 30px } 
.reply_container h1 { font-size: 20px; letter-spacing: -0.8px; margin-bottom: 15px } 
.reply_container h1 span { color: #660000 } 
.reply_container .reply_txt_area { width: 100%; border: 1px #d7d7d7 solid; border-radius: 5px } 
.reply_container .reply_txt_area .reply_user_login { display: flex; justify-content: space-between; padding: 15px; padding-bottom: 0; align-items: center } 
.reply_container .reply_txt_area .reply_user_login span { font-size: 15px; letter-spacing: -0.8px; font-weight: 600 } 
.reply_container .reply_txt_area .reply_user_login .reply_input { height: 28px; border-radius: 25px; float: left; margin-right: 5px } 
.reply_container .reply_txt_area .reply_user_login .reply_input:last-child { margin-right: 0 } 
.reply_container .reply_txt_area .txtarea_type_01 { border: 0; margin-top: 10px; outline: none !important; min-height: 69px; padding: 15px; display: inline-block } 
.reply_container .reply_txt_area .txtarea_type_01:focus { outline: none; border-color: 0; box-shadow: none } 
.reply_container .reply_txt_area .txtarea_type_01 ::placeholder { display: inline-block; transform: skew(-0.001deg) } 
.reply_container .reply_txt_area .reply_under { padding: 15px; border-top: 1px #d7d7d7 solid; display: flex; align-items: center; justify-content: space-between } 
.reply_container .reply_txt_area .reply_under .txt_num { font-size: 13px; color: #7f7f7f; letter-spacing: -0.8px; } 
.reply_container .reply_txt_area .reply_under .txt_num span:first-child { color: #363636; font-weight: 600 !important } 
.reply_btn { background-color: #660000; color: #fff; padding: 5px 20px; border-radius: 5px } 
.reply_btn:hover { background-color: #3f0000; color: #fff } 

.reply_list_container { width: 100%; margin-top: 30px } 
.reply_list_container .best_re_title { display: flex; justify-content: flex-end; padding-bottom: 7px; border-bottom: 1px #d7d7d7 solid } 
.reply_list_container .best_re_title .right_best { display: flex; align-items: center; cursor: pointer; } 
.reply_list_container .best_re_title .right_best span { font-size: 13px; letter-spacing: -0.8px } 
.reply_list_container .best_re_title .right_best > span:first-child { margin-right: 5px } 
.reply_list_container .best_re_title .right_best > span:nth-child(2):hover { text-decoration: underline } 
.reply_list_container .best_re_title .right_best .bestReply { padding: 15px } 
.reply_list_container .best_re_title .right_best .bestReply p { font-size: 14px; font-weight: 600; margin-bottom: 7px } 
.reply_list_container .best_re_title .right_best .bestReply span { font-size: 13px; letter-spacing: -0.8px; } 

.reply_list_area { margin-top: 15px; padding-bottom: 10px; border-bottom: 1px #d7d7d7 solid } 
.reply_list_area:last-child { border-bottom: 0 } 
.reply_list_area .talk_info { display: flex; } 
.reply_list_area .talk_info .reply_user_thumb { width: 52px; height: 45px; border-radius: 50%; margin-right: 15px } 
.reply_list_area .talk_info .reply_user_txt { width: 100% } 
.reply_list_area .talk_info .reply_user_txt .user_info { display: flex; justify-content: space-between } 
.reply_list_area .talk_info .reply_user_txt .user_info span { display: inline-block } 
.reply_list_area .talk_info .reply_user_txt .user_info .user_name { font-size: 16px; font-weight: 600; letter-spacing: -0.8px; } 
.reply_list_area .talk_info .reply_user_txt .user_info .user_level { font-size: 12px; letter-spacing: -0.8px } 
.reply_list_area .talk_info .reply_user_txt .user_info .user_level::after { content: 'ㅣ'; padding-left: 7px; margin-right: 7px } 
.reply_list_area .talk_info .reply_user_txt .user_info .write_date { font-size: 14px; letter-spacing: -0.8px; font-weight: 700; color: #7f7f7f } 
.reply_list_area .talk_info .reply_user_txt .user_info .reply_delete a { font-size: 13px } 
.reply_list_area .talk_info .reply_user_txt .user_info .user_byline > .write_ip { display: inline-block; vertical-align: middle; margin-left: 5px } 
.reply_list_area .talk_info .reply_user_txt .user_info .user_byline .write_ip { overflow: hidden; width: 25px; padding: 0 .375rem; font-size: .625rem; font-weight: 500; line-height: 14px; background-color: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; cursor: pointer; transition: width .25s; } 
.reply_list_area .talk_info .reply_user_txt .user_info .user_byline .write_ip:hover { width: 98px } 
.reply_list_area .talk_info .reply_user_txt .user_info .user_byline .write_ip:hover > .viewing { display: inline-block } 
.reply_list_area .talk_info .reply_user_txt .user_info .user_byline .write_ip > .viewing { display: none; font-style: normal; } 

.reply_list_area .talk_info .reply_txt { margin-top: 20px; width: 100%; word-break: break-all } 
.reply_list_area .talk_info .reply_txt p { margin-bottom: 0; font-size: 15px } 
.reply_list_area .reply_eval { width: 100%; padding: 10px 0 0; display: flex; justify-content: flex-end } 
.reply_list_area .reply_eval .finger_eval { margin-right: 10px } 
.reply_list_area .reply_eval .finger_eval span { display: inline-block } 
.reply_list_area .reply_eval .finger_eval a .thumb_up { background: url(../images/ico/reply_ico_01.png)no-repeat -41px -41px; width: 16px; height: 13px; display: inline-block } 
.reply_list_area .reply_eval .finger_eval a .thumb_up.active { background: url(../images/ico/reply_ico_01.png)no-repeat -73px -41px; width: 16px; height: 13px; display: inline-block } 
.reply_list_area .reply_eval .finger_eval a .thumb_down { background: url(../images/ico/reply_ico_01.png)no-repeat -39px -73px; width: 16px; height: 13px; display: inline-block } 
.reply_list_area .reply_eval .finger_eval a .thumb_down.active { background: url(../images/ico/reply_ico_01.png)no-repeat -71px -73px; width: 16px; height: 13px; display: inline-block } 
.reply_list_area .reply_eval .finger_eval span { font-size: 13px; font-weight: 600 } 



/***************************************
 기획섹션메인
***************************************/
.section_list .section_news .plan_news_thumb { width: 210px; height: 140px; margin-right: 18px } 
.section_list .section_news .plan_news_body { width: 100%; height: 140px; overflow: hidden } 
.section_list .section_news .plan_news_body h1 { font-size: 20px; font-weight: 600; letter-spacing: -0.8px } 
.section_list .section_news .plan_news_body p { font-size: 14px; color: #7f7f7f; line-height: 1.6; height: 68px; overflow: hidden; display: block; width: 100%; margin-bottom: 0 } 
.section_list .section_news .plan_news_body h1:hover { text-decoration: underline } 
.section_list .section_news .plan_news_body p:hover { text-decoration: underline } 

.plan_news_body .title_tag { font-size: 13px; padding: 3px 5px; background-color: #631004; color: #fff; margin-bottom: 10px; display: inline-block } 


/***************************************
 오피니언 섹션메인
***************************************/
.opinion_section_list { margin-top: 30px; width: 100%; overflow: hidden; display: block } 
.opinion_section_list .opinion_list { margin-bottom: 30px } 
.opinion_section_list .opinion_list .section_news { padding-bottom: 10px; } 
.opinion_section_list .opinion_list .section_news:last-child { padding-bottom: 0; border-bottom: 0 } 
.opinion_section_list .opinion_list .section_news .opinion_news_thumb { width: 40px; height: 140px; margin-right: 18px } 
.opinion_section_list .opinion_list .section_news .opinion_news_thumb span { font-size: 44px !important; transform: rotate( 180deg); } 
.opinion_section_list .opinion_list .section_news .opinion_news_body { width: 100%; height: 140px; overflow: hidden } 
.opinion_section_list .opinion_list .section_news .opinion_news_body h1 { font-size: 23px; font-weight: 500; letter-spacing: -0.7px; margin-bottom: 15px } 
.opinion_section_list .opinion_list .section_news .opinion_news_body p { font-size: 14px; color: #7f7f7f; line-height: 1.8; height: 68px; overflow: hidden; display: block; width: 100%; margin-bottom: 0; letter-spacing: -0.8px } 
.opinion_section_list .opinion_list .section_news .opinion_news_body h1:hover { text-decoration: underline } 
.opinion_section_list .opinion_list .section_news .opinion_news_body p:hover { text-decoration: underline } 
.opinion_list .title_tag { font-size: 20px; padding: 2px 5px; background-color: #631004; color: #fff; margin-bottom: 10px; display: inline-block; font-weight: 600 } 

.opinion_section_list .opinion_list .section_news .opinion_column_thumb { width: 140px; height: 110px; margin-right: 18px } 

.name_column_container { margin-bottom: 30px } 
.name_column_container h1 { font-size: 20px; font-weight: 600; padding-bottom: 5px; border-bottom: 5px #f5df4d solid; text-align: center; display: inline-block } 
.name_column_container h1 span { color: #660000 } 
.column_list .column_unit { padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-top: 20px; overflow: hidden } 
.column_list .column_unit:last-child { border-bottom: 0 } 
.column_list .column_unit .column_img { width: 70px; height: 70px; border-radius: 50%; border: 1px #d7d7d7 solid; margin-right: 15px; overflow: hidden; } 
.column_list .column_unit .column_img span { width: 70px; height: 70px; display: block; transition: transform 1s ease, -ms-transform 1s ease; } 
.column_list .column_unit .column_img span:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2) } 
.column_list .column_unit .column_body { overflow: hidden; } 
.column_list .column_unit .column_body h5 { font-size: 14px; color: #631004 !important; letter-spacing: -0.8px; margin-bottom: 7px; font-weight: 600 } 
.column_list .column_unit .column_body .txt_body ul li { font-size: 16px; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: skew(0.03deg); padding-bottom: 4px; padding-left: 10px } 
.column_list .column_unit .column_body .txt_body ul li:hover { text-decoration: underline } 
.column_list .column_unit .column_body .txt_body ul li::before { content: ''; position: absolute; z-index: 1; left: 0; top: 50%; width: 3px; height: 3px; background-color: rgba(0,0,0,.35); border-radius: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } 
.column_list .column_unit .column_body .txt_body ul li:last-child { padding-bottom: 0 } 


/***************************************
 기린대로 섹션메인
***************************************/
.girin_list { margin-bottom: 30px } 
.girin_list li { display: inline-block; margin-right: 17px; height:233px } 
.girin_list li:last-child { margin-right: 0 } 

.girin_list li { width: 169px; overflow: hidden; } 
.girin_list li .girin_thumb { width: 169px; height: 112px; border: 1px #d7d7d7 solid; position: relative } 
.girin_list li .girin_thumb img { position: absolute; max-width: 167px; max-height: 110px; top: 0; bottom: 0; left: 0; right: 0; display: block; margin: auto } 
.girin_list li .girin_section span { display: block; font-size: 14px; color: #660000; letter-spacing: -0.8px; margin-top: 7px } 
.girin_list li .girin_title { max-height: 165px; overflow: hidden; } 
.girin_list li .girin_title span { font-size: 17px; font-weight: 600; letter-spacing: -1.5px; line-height: 0 } 
.girin_list li .girin_title span:hover { text-decoration: underline } 
.girin_list li .girin_byline { margin-top: 5px } 
.girin_list li .girin_byline p { font-size: 12px; color: #7f7f7f; margin-bottom: 2px } 


/***************************************
 상세검색 서비스
***************************************/
.detail_top h1 { font-size: 22px; letter-spacing: -1.5px; font-weight: 600; display: inline-block } 
.detail_top h1::after { width: 1px; height: 10px; content: 'ㅣ'; margin-right: 30px; color: #d7d7d7; font-weight: 300 !important; padding-left: 20px } 
.detail_top span { font-size: 14px; color: #7f7f7f; font-weight: 500; letter-spacing: -0.8px } 

.d_search_container { margin-top: 30px; padding: 20px; border: 1px #d7d7d7 solid; width: 100% } 
.d_search_container li { border: 1px #d7d7d7 solid; margin-right: -1px } 
.d_search_container li a { border-radius: 0 !important } 
.d_search_container .search_nav .search_tab { padding: 12px 20px } 
.d_search_container .search_nav .nav-link.active,.d_search_container .search_nav .show > .nav-link { color: #fff; background-color: #660000; } 

.dSearch_content { width: 100%; margin-top: 20px } 
.dSearch_content .dsearch_box { display: block; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; padding-top: 15px } 
.dSearch_content .dsearch_box:last-child { border-bottom: 0 } 
.dSearch_content .dsearch_box .dSearch_table { width: 100%; } 
.dSearch_content .dsearch_box .dSearch_table tbody tr th { font-size: 14px; text-align: left; letter-spacing: -1px; padding: 15px; color: #878787 } 
.dSearch_content .dsearch_box .dSearch_table tbody tr td .search_radio label { font-size: 14px; font-weight: 600 } 

.btn_navy { background: #fff; border-radius: 20px; padding: 3px 14px; font-size: 14px; margin-right: 6px; cursor: pointer; margin-bottom: 5px !important } 
.btn_navy:hover { color: #fff; background-color: #d3b4b4; border-color: #d3b4b4; } 
.btn_navy.focus,
.btn_navy:focus { box-shadow: 0 0 0 .2rem rgba(255, 102, 0, 0.25) } 
.btn_navy.disabled,
.btn_navy:disabled { color: #fff; background-color: #660000; border-color: #660000; } 
.btn_navy:not(:disabled):not(.disabled).active,
.btn-btn_navy:not(:disabled):not(.disabled):active,
.show > .btn_navy.dropdown-toggle { color: #fff; background-color: #660000; border-color: #660000; transition:all .3s ease-in-out } 

.btn_navy:not(:disabled):not(.disabled).active:focus,
.btn_navy:not(:disabled):not(.disabled):active:focus,
.show > .btn_navy.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 102, 0, 0.25) } 

.btn_search_toggle.btn-group > .btn_search_toggle.btn-group:not(:last-child) > .btn, 
.btn_search_toggle.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important; } 
.btn_search_toggle.btn-group > .btn_search_toggle.btn-group:not(:first-child) > .btn, 
.btn_search_toggle.btn-group > .btn:not(:first-child) { border-top-left-radius: 20px !important; border-bottom-left-radius: 20px !important; } 

.btn_search_toggle { display: inline-block } 
.btn_search_toggle input[type=checkbox]+label::before, .btn_search_toggle input[type=radio]+label::before { transition: all .3s ease-in-out; } 
.input_table_wrap { display: flex } 
.input_table_wrap .input_span { font-size: 14px; height: 35px } 
.dSearch_btn { background-color: #660000; color: #fff; padding: 5px 20px } 
.dSearch_btn:hover { background-color: #3f0000; color: #fff } 
.dSearch_btn i { font-size: 12px } 


/***************************************
로그인
***************************************/
.login_wrap { width: 420px; display: block; margin: auto; margin-top: 125px } 
.login_wrap a { display: block; text-align: center } 
.login_wrap .login_input_container { margin-top: 50px; width: 100%; height: 470px; border: 1px #d7d7d7 solid; border-radius: 5px; padding: 30px } 
.login_wrap .login_input_container .login_title { font-size: 22px; letter-spacing: -1px; text-align: center; margin-top: 30px; font-weight: 600; margin-bottom: 30px !important } 
.login_wrap .login_input_container .input_login { margin-bottom: 7px; border-radius: 5px; height: 50px } 
.login_wrap .login_input_container .login_under_unit { display: flex; margin-top: 10px; justify-content: space-between; width: 100% } 
.login_wrap .login_input_container .login_under_unit .check_unit { line-height: 1.8 } 
.login_wrap .login_input_container .login_under_unit .check_unit label { font-size: 14px; display: inline-block; font-weight: 600; transform: skew(-0.04deg); } 
.login_wrap .login_input_container .login_under_unit .check_unit input { border: 1px #660000 solid !important } 
.login_wrap .login_input_container .login_under_unit .check_unit input[type="checkbox"] + .check_unit input::before { border-color: #660000 } 
.login_wrap .login_input_container .login_under_unit .search_user a span { font-size: 13px; color: #7f7f7f } 
.login_wrap .login_input_container .login_under_unit .search_user a { display: inline-block } 
.login_wrap .login_input_container .login_under_unit .search_user a:first-child::after { content: 'ㅣ'; margin-right: 5px; margin-left: 5px; color: #7f7f7f } 

.login_btn { width: 100%; padding: 15px; background-color: #660000; margin-top: 20px; color: #fff; font-size: 18px !important; border-radius: 5px } 
.login_btn:hover { background-color: #461a14; color: #fff } 
.join_guideTxt { margin-top: 30px; font-size: 14px; letter-spacing: -0.8px; display: inline-block; width: 100%; text-align: center } 
.join_guideTxt a { display: inline-block } 
.join_guideTxt a span { font-weight: 600; color: #660000; text-decoration: underline } 

.login_copyright { margin-top: 30px; width: 100%; text-align: center } 
.login_copyright p { font-size: 13px; letter-spacing: -0.8px; margin-bottom: 50px !important } 
.login_copyright p span { color: #660000; font-weight: 600; display: inline-block } 


/***************************************
아이디 / 비번찾기
***************************************/
.infoSearch_wrap { width: 580px; display: block; margin: auto; margin-top: 125px } 
.infoSearch_wrap a { display: block; text-align: center; margin-bottom: 50px } 
.infoSearch_wrap .login_input_container { margin-top: 50px; width: 100%; height: auto; border: 1px #d7d7d7 solid; border-radius: 5px; padding: 60px } 
.infoSearch_wrap .login_input_container .login_title { font-size: 22px; letter-spacing: -1px; text-align: center; margin-top: 30px; font-weight: 600; margin-bottom: 30px; } 
.infoSearch_wrap .login_input_container .infoSearch_nav { width: 100%; background-color: #f7f7f7 } 
.infoSearch_wrap .login_input_container .infoSearch_nav li { width: 50%; } 
.infoSearch_wrap .login_input_container .infoSearch_nav li .toggle_btn { font-size: 13px; font-weight: 600; letter-spacing: -0.8px; color: #7f7f7f } 
.infoSearch_wrap .login_input_container .infoSearch_nav li .active .toggle_btn { color: #363636 } 
.infoSearch_wrap .login_input_container .infoSearch_nav li .infoSearch_tab { padding: 12px 0; margin-bottom: 0 } /* 20220111 수정 */
.infoSearch_wrap .login_input_container .idSearch_table { width: 100%; padding-top: 20px; display: block } 
.infoSearch_wrap .login_input_container .idSearch_table tbody tr td { padding: 6px } 
.infoSearch_wrap .login_input_container .idSearch_table tbody tr td input { border-radius: 5px } 
.infoSearch_wrap .login_input_container .idSearch_table tbody tr th { font-size: 14px } 


/***************************************
회원가입
***************************************/
.login_input_container .join_title { font-size: 27px; font-weight: 600; letter-spacing: -0.8px; width: 100%; text-align: center } 
.login_input_container > p:nth-child(2) { font-size: 16px; letter-spacing: -0.8px; width: 100%; text-align: center; margin-top: 10px; color: #7f7f7f } 
.login_input_container .member_choice_container { margin-top: 50px } 
.login_input_container .member_choice_container p { font-size: 14px; letter-spacing: -0.8px; width: 100%; text-align: center } 
.member_btn { width: 100%; background-color: #e4e7ee; font-size: 15px !important; transform: skew(-0.03deg); display: inline-block; padding: 10px } 
.member_btn:hover { background-color: #b9bcc4 } 


/***************************************
이용약관
***************************************/
.login_input_container .terms_title { display: block; font-size: 27px; font-weight: 600; letter-spacing: -0.8px; } 
.login_input_container.terms_container > p:nth-child(2) { font-size: 16px; letter-spacing: -0.8px; color: #7f7f7f; text-align: left !important; width: 100% } 

.terms_content_container { margin-top: 50px } 
.terms_content_container .check_unit_terms label { font-size: 13px; transform: skew(-0.03deg); display: inline-block; font-weight: 600 } 
.terms_content_container .terms_agree_txt { font-size: 13px !important; letter-spacing: -0.8px; width: 100%; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid } 
.terms_content_container .terms_agree_01 { margin-top: 28px; } 
.terms_content_container .terms_agree_01 label span { font-size: 12px; font-weight: 400; display: inline-block } 
.terms_content_container .terms_agree_01 .terms_list { margin-top: 10px; width: 100%; overflow-y: scroll; height: 244px; border: 1px #d7d7d7 solid; border-radius: 5px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt { padding: 15px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit { padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-top: 25px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit:last-child { border-bottom: 0 } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit h1 { font-size: 15px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 15px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit p { font-size: 12px; letter-spacing: -0.8px; color: #7f7f7f } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit ol { display: inline-block; padding: 10px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit ol li { font-size: 12px; letter-spacing: -0.8px; color: #7f7f7f; transform: skew(-0.03deg); padding-bottom: 15px; padding-left: 5px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit ol li span { display: block; line-height: 1.8 } 
.terms_check_01 { margin-top: 20px } 

.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table { margin-top: 15px; width: 100%; margin-bottom: 40px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table h1 { font-size: 16px; font-weight: 600 } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info { width: 100%; border-top: 1px #d7d7d7 solid; border-bottom: 1px #d7d7d7 solid } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr { border-bottom: 1px #d7d7d7 solid } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr th { font-size: 13px; text-align: center; border-right: 1px #d7d7d7 solid; font-weight: 600; padding: 16px; letter-spacing: -0.8px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td { padding: 15px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td p { margin-bottom: 0; font-size: 13px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td ul li { list-style:disc; font-size: 13px; color: #7f7f7f; margin-left: 13px; margin-bottom: 6px; letter-spacing: -0.8px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td .table_numList li { font-size: 13px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td a { display: inline-block } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td span { color: #7f7f7f; display: inline-block; letter-spacing: -0.8px; font-size: 13px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td a span { color: #363636; } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td a span:hover { text-decoration: underline } 


/***************************************
회원정보
***************************************/
.top_txt01 { font-size: 15px; letter-spacing: -0.8px; font-weight: 600; transform: skew(-0.03deg); margin-bottom: 15px; display: inline-block } 
.top_txt01 span { color: #696969 } 
.join_input_container { margin-top: 50px } 
.join_input_container p { font-size: 15px; font-weight: 600; letter-spacing: -0.8px; padding-bottom: 10px; border-bottom: 1px #363636 solid } 
.join_input_container .join_table { margin-top: 20px } 
.join_input_container .join_table tbody tr th { font-size: 14px } 
.join_input_container .join_table tbody tr td { padding: 10px } 
.join_input_container .join_table tbody tr td input { border-radius: 5px } 
.member_btn02 { width: 100%; background-color: #747a8c; font-size: 15px !important; transform: skew(-0.03deg); display: inline-block; padding: 10px; color: #fff; border-radius: 5px } 
.member_btn02:hover { background-color: #4e525f; color: #fff } 

.join_info_input { width: 100%; margin-top: 80px; } 
.join_info_input p { font-size: 15px; font-weight: 600; letter-spacing: -0.8px; padding-bottom: 10px; border-bottom: 1px #363636 solid } 
.join_info_input .join_table { margin-top: 20px; padding-bottom: 15px; display: block; border-bottom: 1px #d7d7d7 solid } 
.join_info_input .join_table tbody tr { width: 100% } 
.join_info_input .join_table tbody tr th { font-size: 14px } 
.join_info_input .join_table tbody tr td { padding: 10px } 
.join_info_input .join_table tbody tr td input { border-radius: 5px } 
.join_info_input .join_table tbody tr td .profile_thumb_box .profile_thumb { width: 45px; height: 45px; border-radius: 50%; } 

.member_btn03 { width: 100%; background-color: #747a8c; color: #fff; border-radius: 5px; font-size: 13px !important } 
.member_btn03:hover { background-color: #4e525f; color: #fff } 
.psword_guide { font-size: 12px; letter-spacing: -0.8px; line-height: 0.8; } 
.alarm { font-size: 12px; letter-spacing: -0.8px; display: block } 
.down_btn01 { background-color: #747a8c; font-size: 14px !important; transform: skew(-0.03deg); display: inline-block; padding: 10px; color: #fff; border-radius: 5px; font-weight: 500; letter-spacing: -0.8px } 
.down_btn01:hover { background-color: #4e525f; color: #fff } 
.agree_down { display: block; margin: auto } 
.down_btn01 span { display: inline-block; vertical-align: middle } 

.login_input_container .cele_title { display: block; font-size: 27px; font-weight: 600; letter-spacing: -0.8px; text-align: center } 
.cele_input_container { margin-top: 50px } 
.cele_input_container .cele_para_title { font-size: 13px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 20px } 
.cele_input_container .cele_para_txt { color: #7f7f7f; font-size: 13px; letter-spacing: -0.8px } 

.num_guide { padding: 10px; background-color: #f7f7f7; border: 1px #d7d7d7 solid; margin-top: 30px } 
.num_guide .num_notice_box { text-align: center } 
.num_guide .num_notice_box div { display: inline-block } 
.num_guide .num_notice_box div span { font-size: 12px; display: inline-block } 

.carousel .carousel-inner .carousel-item { cursor: pointer } 
.carousel .carousel-inner.article_card_inner { max-width: 640px; display: block; margin: auto } 
.carousel .drt_arrow { padding: 15px; background-color: rgba(130,130,130,.5); } 
.modify_under { margin-top: 20px; display: flex; justify-content: flex-end; border-bottom: 1px #d7d7d7 solid; padding-bottom: 17px } 
.modify_under button { display: inline-block } 

.btn_negative_02 { padding: 10px 15px; background-color: #fff; border: 1px #d7d7d7 solid; font-weight: 600; display: flex; align-items: center; border-radius: 5px } 
.btn_negative_02 span { font-size: 15px; padding-right: 7px; vertical-align: middle } 
.btn_negative_02:hover { background-color: #e0e0e0 } 


/**************************************
 게시판 
**************************************/
.notice_txt { margin: 1.875rem 0; padding-bottom: 10px; text-align: left; width: 100%; line-height: 20px; font-size:initial; color: #1f1f1f; transform: skew(-0.03deg) } 
.search_box { display: block; padding: 1.25rem; background-color: #f4f4f4; border-radius: 5px; margin-bottom: 1rem; text-align: center } 
.search_box select { display:inline-block; height: 2.4375rem; padding: 0.5rem; width:90px; min-height: 40px; font-size: .813rem; letter-spacing: -.05em; border-radius:5px } 
.search_box input { display:inline-block; width:calc (100% - 30px); height: 2.4375rem; padding: 0.5rem; width:180px; min-height: 40px; font-size: .813rem; border-radius: 5px 0 0 5px; } 
.search_box input::placeholder { opacity: .5 } 
.search_box .btn { position:absolute; height: 2.5rem; padding-top: 0; padding-bottom: 0; font-size: 1rem; background-color: #747a8c; color:#fff; border-radius: 0 5px 5px 0; vertical-align:top } 
.search_box .btn:hover { color:#fff } 


.notice_table { width:100%; text-align: center; } 
.notice_table em { font-style: normal } 
.notice_table thead { width:100%; border-top:2px solid #838383; border-bottom: 1px solid #838383 } 
.notice_table thead th { padding: 1rem 0.625rem; font-size: .9375rem; line-height: 1.375; letter-spacing: -.025em; } 
.notice_table tbody tr { border-bottom:1px solid #f1f1f1 } 
.notice_table tbody tr td:nth-child(2):hover { text-decoration: underline } 
.notice_table tbody td { padding: 0.875rem 0.625rem; font-size: .8rem; color: rgba(0,0,0,.65); letter-spacing: -.05em; border-bottom:1px solid #f1f1f1 } 
.notice_table tbody td > a { font-size: 1rem; font-weight: bolder; letter-spacing: -.05em; color: rgba(0,0,0,.95) } 
.notice_table tbody td .tb_hot { margin-left: 0.5rem !important; padding: 0.15rem 0.25rem !important; vertical-align: middle; color: #fff; background: #f44e5c; font-size: .6rem !important; font-weight: 400; letter-spacing:0 !important; border-radius: 2rem; } 
.notice_table tbody td .material-icons { font-size: .8rem; } 


/*페이지네이션*/
.pasgination_nav { margin-top: 1.875rem; text-align: left } 
.pasgination_nav ul { display: inline-block } 
.pasgination_nav li { display:inline-block; margin-right: .25rem; font-size: .75rem; font-weight: 400; font-weight: var(--wgt400, 400); line-height: 1; vertical-align: middle } 
.pasgination_nav li a { padding: .438rem .625rem; line-height: 1; color:#838383; border: 1px solid rgba(0,0,0,.08); border-radius: 3px; text-align: center } 
.pasgination_nav .page-link { font-size:smaller } 
.pasgination_nav .page-item a:hover { color:#660000 !important; color: #fff } 
.pasgination_nav .page-item.active .page-link { background-color: #660000 !important; border-color: #660000 !important } 
.pasgination_nav .page-item.active .page-link:hover { color: #fff !important; background-color: #461a14 !important } 
.page-link, .page-link:focus, .page-link.focus, .page-link:focus, .page-link:not(:disabled):not(.disabled).active:focus, .page-link:not(:disabled):not(.disabled):active:focus { box-shadow: none !important } 
.article_list_wrap .btn_view_wrap, .more_list { display:none } 


/**************************************
 상세화면 사진 / 슬라이드 
**************************************/
h3.gallery_tit { margin-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; letter-spacing: -.08em; font-weight:400; text-align: center; margin-top: 30px } 
.gallery_slide_box { margin-bottom:20px; overflow: hidden } 
.gallery_slide_box .swiper { width: 100%; height: 100% } 
.gallery_slide_box .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } 

.gallery_slide_box .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover } 
.gallery_slide_box .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto } 
.gallery_slide_box .swiper-slide { background-size: cover; background-position: center } 
.gallery_slide_box .mySwiper2 { height: auto; width: 100%; max-width:960px; position: relative } 
.gallery_slide_box .mySwiper2 .swiper-slide { overflow:hidden; height:500px; background-color: #fff; position: relative; display: block } 
.gallery_slide_box .mySwiper2 .swiper-slide img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; bottom: 0; left: 0; right: 0; width: initial; height: initial } 
.gallery_slide_box .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0 } 
.gallery_slide_box .mySwiper .swiper-slide { width:120px; height:80px; cursor: pointer } 
.gallery_slide_box .mySwiper .swiper-slide-thumb-active { border:3px solid #660000 } 
.gallery_slide_box .slide_btn { overflow: hidden; width: 80px !important; height: 130px !important; background-color: #f8f8fa; border-radius: 0; background-size:2.5rem; position: absolute; z-index: 1; padding: 2.6rem 2.25rem; font-size: 3rem; z-index:888; } 
.gallery_slide_box .swiper-button-next { right:-18px; background-image:url(../images/ico/arrow_right_b.svg) } 
.gallery_slide_box .swiper-button-prev { left:-18px; background-image:url(../images/ico/arrow_left_b.svg) } 

.slider_play_box { margin:10px 0; text-align: center; } 
.slider_play_box .btn { padding: 0.25rem 0.5rem; font-size: .688rem; color: #686868 !important; background-color: #fff; border-color: #ced2db; border-radius: 3px; } 
.slider_play_box .btn > i { font-size:10px; vertical-align: middle } 
.slider_play_box .btn.active { background-color: #631004; } 
.slider_play_box .btn.active i { color: #fff } 


/**************************************
 동영상 뉴스 
**************************************/
.btn_more { display:block; margin:15px 0; width:100%; height:45px; font-size:.875rem !important; font-weight:400 !important; letter-spacing: -.075em; border-radius: 3px; opacity:.75; border:1px solid #bbb !important; background-color: #fff !important } 
.btn_more > span { vertical-align: middle } 

.movie_wrap { width: 100%; font-size: 18px } 
.movie_wrap .top_movie_box { position:relative; display:flow-root; height:auto; border:1px solid #d7d7d7; float: left } 

.movie_wrap .top_movie_box .main_movie { float: left; width: calc(100% - 380px) } 
.movie_wrap .top_movie_box .main_movie .movie_thumnail { width:100% } 
.movie_wrap .top_movie_box .main_movie .movie_thumnail img { width:100% } 
.movie_wrap .top_movie_box .main_movie .movie_tit { display: flex; justify-content: space-between; position: relative; padding:20px; } 
.movie_wrap .top_movie_box .main_movie .movie_tit div:first-child strong { display:block; padding-bottom:10px; max-height: 2.75em; line-height: 1.375; letter-spacing:-.075em; overflow: hidden; text-overflow: ellipsis; font-size:30px } 
.movie_wrap .top_movie_box .main_movie .movie_tit div:first-child span { font-size:14px; color: rgba(0,0,0,.55) !important } 
.movie_wrap .top_movie_box .main_movie .movie_tit div:last-child span { padding:15px; font-size: 20px; line-height: 1; color: rgba(0,0,0,.35); border: 1px solid rgba(0,0,0,.12) } 
.movie_wrap .top_movie_box .main_movie .movie_tit div:last-child span:hover { color: rgba(0,0,0,1) } 

.movie_wrap .top_movie_box .new_movie { float: right; position: relative; width: 380px; padding: 20px; overflow: hidden; } 
.movie_wrap .top_movie_box .new_movie .movie_tit { display: flex; justify-content: space-between; padding-bottom: 16px; font-size: 17px; font-weight: 500; line-height:22px; border-bottom:1px solid #d7d7d7 } 
.movie_wrap .top_movie_box .new_movie .movie_tit > div:first-child i { padding-right:5px; font-size:13px; opacity:.5 } 
.movie_wrap .top_movie_box .new_movie .movie_tit .movie_navi .btn { float:left; padding:5px; font-size:10px; line-height:0; border:1px solid #d7d7d7; opacity:.8 } 
.movie_wrap .top_movie_box .new_movie .movie_tit .movie_navi .btn:first-child { border-right:none } 
.movie_wrap .top_movie_box .new_movie .movie_box .movie_thumnail { position:relative; max-width:100%; width:130px; height:auto; padding-bottom:22%; background-repeat: no-repeat; background-position:50% 30%; background-size: cover } 
.movie_wrap .top_movie_box .new_movie .movie_box .movie_txt { width: calc(100% - 130px); padding-top:5px; padding-left: 12px; } 
.movie_wrap .top_movie_box .new_movie .movie_box .movie_txt p { display:block; max-height: 2.75em; font-size:15px; line-height: 1.375; letter-spacing:-.075em; overflow: hidden; text-overflow: ellipsis; margin-bottom: 7px } 
.movie_wrap .top_movie_box .new_movie .movie_box .movie_txt span { font-weight: 300; font-size: 12px; letter-spacing: -.025em; display: block } 
.movie_wrap .top_movie_box .new_movie .movie_box .play_btn { position: absolute; left:100px; top:45px } 
.movie_wrap .top_movie_box .new_movie .new_movie_list { height:475px; overflow: hidden; } 
.movie_wrap .top_movie_box .new_movie .new_movie_list ul .movie_box { margin:20px 0; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 

.movie_wrap .movie_list { margin-top: 50px } 
.movie_wrap .movie_list.pop_video { padding: 25px; background-color: #d7d7d7; float: left } 
.movie_wrap .movie_list > strong { display: block; margin-bottom:1rem; font-size: 1.375rem; font-weight: 400; letter-spacing: -.075rem; } 
.movie_wrap .movie_list .row { margin:0 !important } 
.movie_wrap .movie_list .movie_box { float: left; margin-bottom:1rem; width: 18%; min-height: 1px; background: #fff; border:1px solid rgba(0,0,0,.12); margin-right: 27px } 
.movie_wrap .movie_list.pop_video .movie_box { margin-right: 25px; width: 186px; margin-bottom: 0 } 
.movie_wrap .movie_list .movie_box:nth-child(5n) { margin-right: 0 } 
.movie_wrap .movie_list .movie_box .movie_thumnail { position: relative } 
.movie_wrap .movie_list .movie_box .movie_thumnail .thumnail { width:100%; height:auto; padding-bottom:56.25%; background-repeat: no-repeat; background-position:50% 30%; background-size: cover } 
.movie_wrap .movie_list .movie_box .movie_thumnail .thumnail img { width:100% } 
.movie_wrap .movie_list .movie_box .movie_thumnail em { display: inline-block; position: absolute; z-index: 10; left: 0; top: 0; padding: 8px 12px; font-size:16px; font-weight: 700; line-height:1; color:#fff; background-color: #660000 } 
.movie_wrap .movie_list .movie_box .movie_thumnail i { position: absolute; z-index: 2; right: 0; bottom: 0; padding: 4px 8px; font-size: 18px; line-height: 1; color: #fff; background: #000; opacity: .5; } 
.movie_wrap .movie_list .movie_box .movie_txt { display: block; position: relative; min-height: 75px; padding: 15px; overflow: hidden; } 
.movie_wrap .movie_list .movie_box .movie_txt span { display: block; overflow: hidden; line-height: 1.375; max-height: 2.75em; font-size:16px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 600; color: #686868 } 
.movie_wrap .movie_box .movie_txt span:hover { text-decoration: underline } 

.movie_wrap .all_movie { position:relative; display: block; margin-top:1.25rem; width:100%; height:auto; float: left } 
.movie_wrap .all_movie .movie_box { border:0 } 
.movie_wrap .all_movie .movie_box .movie_thumnail .thumnail { border:1px solid rgba(0,0,0,.12) } 
.movie_wrap .all_movie .movie_box .movie_txt { padding:15px 0 } 
.movie_wrap .all_movie .movie_box .movie_txt em { font-size: 12px; letter-spacing: -.025em; color: rgba(0,0,0,.55)!important; font-style: normal; transform: skew(-0.03deg); display: block; padding-top: 7px } 


/**************************************
 기사상세 공유팝업 
**************************************/
.pop_header_style h5 { font-size: 18px; display: inline-block; font-weight: 500 } 
.pop_header_style button span { font-size: 23px } 
.pop_conBox .sns_share_container { width: 350px; display: block; margin: auto } 
.pop_conBox .sns_share_container a { display: inline-block; margin-right: 10px; width: 30px; height: 30px } 
.pop_conBox .sns_share_container a .facebook_ico { background: url(../images/ico/sns_ico.png)no-repeat -30px -30px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .facebook_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -30px -90px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .twitter_ico { background: url(../images/ico/sns_ico.png)no-repeat -90px -30px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .twitter_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -90px -90px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .kas_ico { background: url(../images/ico/sns_ico.png)no-repeat -150px -30px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .kas_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -150px -90px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .link_ico { background: url(../images/ico/sns_ico.png)no-repeat -210px -30px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .link_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -210px -90px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .kakao_ico { background: url(../images/ico/sns_ico.png)no-repeat -30px -150px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .kakao_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -60px -150px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .band_ico { background: url(../images/ico/sns_ico.png)no-repeat -90px -150px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .band_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -120px -150px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .blog_ico { background: url(../images/ico/sns_ico.png)no-repeat -150px -150px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .blog_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -180px -150px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .line_ico { background: url(../images/ico/sns_ico.png)no-repeat -210px -150px; width: 30px; height: 30px; display: inline-block } 
.pop_conBox .sns_share_container a .line_ico:hover { background: url(../images/ico/sns_ico.png)no-repeat -240px -150px; width: 30px; height: 30px; display: inline-block } 



/**************************************
기사 인쇄 윈도우팝업
**************************************/
.btn_print { padding: 10px; background-color: #631004; color: #fff; font-weight: 600; display: flex; align-items: center; border-radius: 5px } 
.btn_print span { font-size: 15px; padding-right: 7px } 
.btn_print:hover { color: #fff; background-color: #440c03 } 
.article_print_container .print_btn_area { display: flex; padding: 20px; border-bottom: 1px #d7d7d7 solid; justify-content: flex-end } 
.article_print_container .article_reporter { padding-bottom: 20px; padding-top: 20px; border-bottom: 1px #363636 solid; border-top: 1px #d7d7d7 solid } 
.article_print_container .under_copyright { display: flex; justify-content: flex-end; padding-top: 15px; font-size: 13px; letter-spacing: -0.8px } 


/**************************************
모바일 사이드 메뉴
**************************************/
.m-sub-menu { width: 100%; background-color: #fff; position: fixed; z-index: 99999; height: 100%; overflow: auto; margin-left: -100%; display: none } 
.m-sub-menu .menu-title-container { padding:15px 15px 5px; display: flex; justify-content: flex-end } 
.m-sub-menu .menu-title-container img { width: 127px; display: inline-block } 
.m-sub-menu .menu-title-container .cancel-ico-01 { float: right; width: 21px !important; position: relative; top: 5px; cursor: pointer } 

.side_menu_layout_01 { padding: 0 0 25px 0 } 
.side_menu_layout_01 .m_side_front { padding: 0 0 0 30px; } 
.side_menu_layout_01 .m_side_front p { margin-bottom:10px; color:#6c757d } 
.side_menu_layout_01 .m_side_front .m_side_btn_area { display:inline-block; text-align:right !important; padding-right:15px; } 
.side_menu_layout_01 .m_sns_share { padding: 25px 0 0 15px } 
.side_menu_layout_01 .m_sns_share ul a { margin-right: 15px } 
.side_menu_layout_01 .m_sns_share ul a li { display: inline-block } 
.side_menu_layout_01 .center_layout { display: block; text-align: center } 
.side_menu_layout_01 .center_layout a { padding-right: 15px } 
.side_menu_layout_01 .center_layout a .menu_txt { font-weight: 500 } 
.side_menu_layout_01 .footer_logo_contents { width: 100%; padding-top: 30px } 
.side_menu_layout_01 .footer_logo_contents .btn_login { padding: 3px 8px; background-color: #363636; color: #fff; font-size: 13px; font-weight: 400 } 
.side_menu_layout_01 .m_menu_listWrap { padding: 15px; } 
.side_menu_layout_01 .m_menu_listWrap .menu_layout_box { display: block; border-top: 1px #363636 solid; padding: 15px 15px 5px } 
.side_menu_layout_01 .m_menu_listWrap .menu_layout_box .menu_title { display: block; font-weight: 600; font-size: 17px; padding-bottom: 15px; color: #0075c1 } 
.side_menu_layout_01 .m_menu_listWrap .menu_layout_box ul { display: flex; padding-bottom: 12px } 
.side_menu_layout_01 .m_menu_listWrap .menu_layout_box ul li { display: inline-block; width: 100%; margin-right: 20px } 
.side_menu_layout_01 .m_menu_listWrap .menu_layout_box ul li { font-size: 15px } 
.side_menu_layout_01 .m_menu_listWrap .m_menu_under { padding-left: 0 !important } 
.side_menu_layout_01 .m_menu_listWrap .m_menu_under ul li { width: 50% !important } 
.side_menu_layout_01 .m_menu_listWrap .m_menu_under ul li { font-size: 14px !important; } 
.line_inline_side { display: inline-block; width: 1px; height: 25px; background: #b2b2b2; vertical-align: middle; margin-left: 20px } 


/**************************************
모바일 footer
**************************************/
.m_footer_container { width: 100%; background-color: #131313; padding: 60px 20px 40px; float: left; display: none } 
.m_footer_container .m_footer_content { text-align: center } 
.m_footer_container .m_footer_content p { font-size: 12px; font-weight: 600; color: #b2b2b2; margin-bottom: 0; line-height: 1.7 } 
.m_footer_container .m_footer_content p:last-child { padding-top: 40px; color: #fff } 


/**************************************
고객센터
**************************************/
/* 고충처리인 */
.list_contents_container { margin-top: 30px; padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid; } 
.list_contents_container .policy_title { padding-bottom: 15px; } 
.list_contents_container .policy_title h6 { font-size: 1.125rem; font-weight: 600; } 
.list_contents_container ul { margin-bottom: 0; } 
.list_contents_container ul li { font-size: 14px; color: #7f7f7f; letter-spacing: -0.6px; line-height: 1.8; font-weight: 500; list-style: inherit; transform: skew(-0.03deg); display: block } 
.list_contents_container .indent_style { text-indent: 5px } 
.list_contents_container p { text-align: center; margin-bottom: 0; font-size: 13px } 
.under_info_wrap { display: flex; margin-top: 30px; justify-content: space-between; align-items: flex-end } 
.under_info_wrap .member_thumb_info { display: flex; align-items: center } 
.under_info_wrap .member_thumb_info .info_thumb { width: 107px; height: 133px; margin-right: 15px } 
.under_info_wrap .member_thumb_info .right_info_unit p { margin-bottom: 0; font-size: 14px; letter-spacing: -0.8px; padding-bottom: 5px } 
.under_info_wrap .member_thumb_info .right_info_unit p:first-child { padding-bottom: 20px } 
.under_info_wrap .member_thumb_info .right_info_unit p span { font-weight: 600; } 
.under_info_wrap span { font-size: 12px; color: #006f97 } 

/* 기사제보 */
.sub_content_unit .contents_question_form { margin-top: 40px; } 
.sub_content_unit .contents_question_form .form_title { width: 100%; text-align: center } 
.sub_content_unit .contents_question_form .form_title h6 { font-weight: 600; font-size: 2rem; letter-spacing: -1.5px; display: inline-block; border-bottom: 1px #d7d7d7 solid; padding-bottom: 10px } 
.sub_content_unit .contents_question_form p { font-size: 1.125rem; letter-spacing: -0.8px; padding: 10px 0 } 
.sub_content_unit .contents_question_form .privacy_rule_box { width: 100%; height: 180px; overflow: hidden; overflow-y: scroll; border: 1px #d7d7d7 solid; background-color: #f7f7f7; padding: 15px; font-size: 14px; letter-spacing: -0.8px; border-radius: 5px } 
.sub_content_unit .contents_question_form .privacy_rule_box pre { font-size: 1rem; font-weight: 300; line-height: 2 } 
.sub_content_unit .contents_question_form .privacy_check { padding: 15px 0; text-align: center; border-bottom: 1px #d7d7d7 solid } 
.sub_content_unit .contents_question_form .privacy_check label { font-size: 0.9375rem } 
.sub_content_unit .contents_question_form .user_qa_form { padding-top: 30px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 25px } 
.sub_content_unit .contents_question_form .user_qa_form .form_label { font-size: 0.875rem; /*display: block !important; */ width: 100px; margin-bottom: 10px !important; font-weight: 500; justify-content: flex-start } 
.sub_content_unit .contents_question_form .user_qa_form .sign_form_input { border-radius: 0; width: 80% !important; font-size: 0.875rem; font-weight: 300; height: 39px; border-radius: 5px } 
.sub_content_unit .contents_question_form .user_qa_form .user_txtarea { width: 80%; min-height: 100px; border-radius: 5px } 
.sub_content_unit .contents_question_form .user_qa_form .necessary_ico { color: #ff0000 } 
.sub_content_unit .contents_question_form .user_qa_form .news_check_style { font-size: 0.8125rem; } 
.sub_content_unit .contents_question_form .user_qa_form .fileInput_round { border: 1px #d7d7d7 solid; padding: 7px; width: 70%; font-size: 0.875rem; border-radius: 5px } 
.sub_content_unit .contents_question_form .user_qa_form .input_guide { color: #7f7f7f; font-size: 0.875rem; display: block !important; margin-top: 7px; padding-left: 98px } 
.sub_content_unit .under_btn_container button { display: inline-block } 
.btn_negative { padding: 10px; background-color: #fff; border: 1px #d7d7d7 solid; font-weight: 600; display: flex; align-items: center; border-radius: 5px } 
.btn_negative span { font-size: 15px; padding-right: 7px; vertical-align: middle } 
.btn_negative:hover { background-color: #e0e0e0 } 

/* 구독신청 */
.user_qa_form .subs_form_container { border-bottom: 1px #d7d7d7 solid; padding-bottom: 40px; } 
.user_qa_form .subs_form_container .applicant_info { width: 100%; text-align: center; padding: 60px 0 20px; } 
.user_qa_form .subs_form_container .applicant_info h6 { font-size: 1.125rem; letter-spacing: -0.8px; font-weight: 400; display: inline-block; border-bottom: 1px #d7d7d7 solid; padding-bottom: 10px; } 
.user_qa_form .subs_form_container .applicant_info span { font-size: 0.8125rem; letter-spacing: -0.8px; color: #7f7f7f; display: block; } 


/**************************************
매체소개 
**************************************/
/* common */
.company_header_container { display: flex; justify-content: space-between; padding: 40px 15px 20px 0; border-bottom: 2px #363636 solid; align-items:flex-end } 
.company_header_container .sub_left_menu a { padding-right: 20px } 
.company_header_container .sub_left_menu a:last-child { padding-right: 0 } 
.company_header_container .sub_left_menu a span { display: inline-block; font-weight: 600; color: #5a5a5a } 
.company_header_container .sub_left_menu a span.active { font-weight: 800; color: #631004 } 
/* .company_header_container .sub_left_menu a span:hover { font-weight: 700; color: #631004 } */
.company_header_container .m_sub_left_menu { display: none } 

.sub_main_container { width: 100%; position: relative; margin-top: 35px; float: left; padding-bottom: 20px; min-height: 588px } 
.sub_main_container .left_sub_container { width: 200px; min-height: 700px; position: relative; float: left } 
.sub_main_container .left_sub_container .sub_main_title { width: 100%; padding: 15px 0; border-bottom: 1px #d7d7d7 solid } 
.sub_main_container .left_sub_container .sub_main_title span { font-size: 24px; color: #660000; font-weight: 700; padding-left: 10px } 
.sub_main_container .left_sub_container .sub_list_container { width: 100%; padding: 15px; display: inline-block } 
.sub_main_container .left_sub_container .sub_list_container ul li { padding: 10px 0; font-size: 16px; cursor: pointer; display: block; font-weight: 600; } 
.sub_main_container .left_sub_container .sub_list_container ul li a { display: block; color: #5a5a5a } 
.sub_main_container .left_sub_container .sub_list_container ul li.active a { font-weight: 800; color: #660000; } 
.sub_main_container .left_sub_container .sub_list_container ul li a:hover { font-weight: 800; color: #660000 } 
.right_sub_container { width: 970px; min-height: 700px; float: left; position: relative; margin-left: 40px; /* border: 1px #d7d7d7 solid; */ border-left: 1px #d7d7d7 solid; padding-left: 40px; margin-bottom: 60px } 
.sub_main_container .right_sub_container .sub_contents_area { width: 100%; position: relative; float: left; margin-top: 0; } 
.sub_main_container .right_sub_container .sub_contents_area.history_contents p { line-height: 2.2 } 
.sub_main_container .right_sub_container .sub_contents_area .top_title { border-bottom: 3px #660000 solid; display: inline-block; } 
.sub_main_container .right_sub_container .sub_contents_area .top_title span { font-size: 26px; color: #363636; font-weight: 600; padding: 10px; letter-spacing: -1.8px; padding-left: 0; display: block; border-top: 3px #660000 solid; } 

/* ceo 인사말 */
.right_sub_container .sub_contents_area .sub_content_unit { margin: 30px 0 120px } 
.right_sub_container .sub_contents_area .sub_content_unit .top_con { display: flex; margin-bottom: 40px } 
.right_sub_container .sub_contents_area .sub_content_unit .top_con .top_left_thumb { width: 148px; height: 163px; position: relative; margin-right: 15px; flex-shrink: 0 } 
.right_sub_container .sub_contents_area .sub_content_unit .top_con .top_right_txt .top_intro_title { margin-bottom: 10px; line-height: 1.3 } 
.right_sub_container .sub_contents_area .sub_content_unit .top_con .top_right_txt .top_intro_title p { font-size: 23px; letter-spacing: -1.5px; margin-bottom: 0 } 
.right_sub_container .sub_contents_area .sub_content_unit .top_con .top_right_txt .top_intro_title p span { color: #660000; font-weight: 600 } 
.right_sub_container .sub_contents_area .sub_content_unit .top_con .top_right_txt .top_intro_txt { margin-bottom: 0; font-size: 14px; letter-spacing: -0.8px; color: #777777; width: 493px } 

.right_sub_container .sub_contents_area .sub_content_unit .greetings_unit { margin-bottom: 30px } 
.right_sub_container .sub_contents_area .sub_content_unit .greetings_unit .greet_txt_title { font-size: 20px; letter-spacing: -1.2px; font-weight: 600; color: #660000; margin-bottom: 10px } 
.right_sub_container .sub_contents_area .sub_content_unit .greetings_unit .greet_txt_title span:nth-child(1) { color: #777777; transform: rotateZ(180deg) } 
.right_sub_container .sub_contents_area .sub_content_unit .greetings_unit .greet_txt_title span:nth-child(2) { color: #024087 } 
.right_sub_container .sub_contents_area .sub_content_unit .greetings_unit .greet_txt_title span:nth-child(3) { color: #777777 } 
.right_sub_container .sub_contents_area .sub_content_unit .greetings_unit .greet_txt { font-size: 15px; color: #777777; letter-spacing: -0.8px; line-height: 1.6 } 
.right_sub_container .sub_contents_area .sub_content_unit .sign_under_unit { margin-top: 60px; display: flex; justify-content: flex-end } 

/* 연혁 */
.sub_content_unit.h_type_01 { position: relative; text-align: left; float: left; width: 970px } 
.sub_content_unit.h_type_01::before { content: ''; overflow: hidden; position: absolute; z-index: 1; left: 50%; top: 0; width: 0; height: 100%; border-left: 1px solid rgba(0,0,0,.08); } 
.sub_content_unit .h_group { display: block; position: relative; z-index: 2; padding-right: calc(50% + 10px); margin-bottom: 38px; float: left } 
.sub_content_unit .h_group::before { content: ''; position: absolute; z-index: 1; left: 50%; top: 22px; width: 14px; height: 14px; margin-left: -1px; background-color: #fff; border: 3px solid #e73f72; transform: rotate(-45deg) translateX(-50%); } 
.sub_content_unit .h_group .h_year { display: block; position: relative; margin-bottom: 1.875rem; font-family: Georgia, serif; font-size: 65px; line-height: 1; letter-spacing: -.05em; text-align: right; } 
.sub_content_unit .h_group .h_year::before { content: ''; overflow: hidden; position: absolute; z-index: 1; right: -42px; top: 50%; width: 30px; height: 0; border-top: 1px dotted #bbb; } 
.sub_content_unit .h_group .h_content { display: block; padding: 0 10px; float: left } 
.sub_content_unit .h_group .h_content .days { float: left; width:25%; width:110px; font-size:13px; font-weight:700; letter-spacing:-.025em; color:rgba(0,0,0,.95); } 
.sub_content_unit .h_group .h_content .sums { float: left; width:75%; width:calc(100% - 110px); font-size:14px; letter-spacing:-.05em; color:rgba(0,0,0,.75); line-height: 1.5; padding-top: 0 } 
/* .sub_content_unit .h_group .h_content dd span { font-family: 'Malgun Gothic' } */
.sub_content_unit .h_group:nth-child(even) { padding-left: calc(50% + 10px); padding-right: 0; } 
.sub_content_unit .h_group:nth-child(even) .h_year { text-align: left } 
.sub_content_unit .h_group:nth-child(even) .h_year::before { left: -42px; right: auto; } 

/* 조직도 */
.sub_content_unit .org_num_table table { width:100%; margin-bottom:1.5rem; border-collapse:collapse; table-layout:fixed } 
.sub_content_unit .org_num_table table thead td { font-weight: bold; font-size: 17px; color: #fff; background-color: #a80958; text-align: center; } 
.sub_content_unit .org_num_table table tbody { border:0; border-top:1px solid #ddd } 
.sub_content_unit .org_num_table table tr { border-bottom: 1px #dddddd solid; } 
.sub_content_unit .org_num_table table th { text-align:center; background:rgba(0,0,0,.05); border-bottom:1px solid #ddd; font-weight:600; color:rgba(0,0,0,.85) } 
.sub_content_unit .org_num_table table td { text-align:left; color:rgba(0,0,0,.8) } 
.sub_content_unit .org_num_table table th,
.sub_content_unit .org_num_table table td { padding:10px; font-size:.9rem; line-height:1.25em; word-break:break-all } 
.sub_content_unit .org_num_table:not(:first-child) { margin-top:2rem } 
.sub_content_unit .org_num_table::after { content:''; display:table; clear:both } 

/* 사업소개 */
.sub_content_unit .about-group { display: block; width: 100%; float: left; margin-bottom: 25px } 
.sub_content_unit .about-group .info-img { float:left; margin-right:20px; margin-bottom: 15px } 
.sub_content_unit .about-group .info-title { font-size:14px; transform: skew(-0.03deg); color: #7f7f7f; line-height: 1.7 } 

/* 광고문의 */
.ad_table_container .about-group .user-point { font-size: 25px; padding-top: 0; font-weight: 700; text-align: center; color: #660000 } 
.ad_table_container .about-group table { width:100%; border-collapse:collapse; table-layout:fixed; margin-top: 15px } 
.ad_table_container .about-group table tbody { border:0; border-top:1px solid #ddd } 
.ad_table_container .about-group table tr { border-bottom: 1px #d7d7d7 solid } 
.ad_table_container .about-group table thead tr { background-color: #363636; color: #fff !important } 
.ad_table_container .about-group table thead tr th { color: #fff !important } 
.ad_table_container .about-group table th { text-align:center; background:rgba(0,0,0,.05); border-bottom:1px solid #ddd; font-weight:600; color:rgba(0,0,0,.85) } 
.ad_table_container .about-group table td { text-align:left; color:rgba(0,0,0,.8); border-left: 1px #d7d7d7 solid } 
.ad_table_container .about-group table th,
.ad_table_container .about-group table td { padding:10px; font-size:.9rem; line-height:1.25em; word-break:break-all } 
.ad_table_container .about-group table td:last-child { text-align: center } 
.ad_table_container .about-group:not(:first-child) { margin-top:2rem } 
.ad_table_container .about-group::after { content:''; display:table; clear:both } 

.table_titleUnit_01 .neon_ad_unit { margin-bottom: 50px; display: block } 
.table_titleUnit_01 .neon_ad_unit h1 { font-size: 16px; color: #1772bd; letter-spacing: -0.8px; display: block; font-weight: 600; margin-bottom: 10px } 
.table_titleUnit_01 .neon_ad_unit p { margin-bottom: 0; display: block; font-size: 13px } 
.table_titleUnit_01 .neon_ad_unit .under_alert { font-size: 13px; letter-spacing: -0.8px; margin-top: 15px } 
.table_titleUnit_01 .neon_ad_unit .under_alert_02 { font-size: 15px; letter-spacing: -0.8px; margin-top: 15px; text-align: center } 
.center_ctrl tr td { text-align: center !important } 

/* 홍보영상 */
.sub_content_unit .promotion_video { display: block; margin: auto } 
.under_unit .under_logo_unit { text-align: center; margin-top: 25px } 
.btn_down_set { background-color: #660000; padding: 10px; border-radius: 25px; color: #fff; font-size: 20px !important } 
.btn_down_set:hover { color: #fff; background-color: #461a14 } 
.btn_down_set.btn_center span { vertical-align: middle } 

/* 역사 전시실 */
.sub_content_unit .com_unit img { margin-bottom: 30px } 
.sub_content_unit .com_unit .ex_guide_01 { margin-bottom: 50px } 
.sub_content_unit .com_unit .ex_guide_01 h1 { display: inline-block; font-size: 18px; letter-spacing: -0.8px; font-weight: 600; color: #631004; padding-bottom: 10px; border-bottom: 2px #631004 dotted } 
.sub_content_unit .com_unit .ex_guide_01 p { margin-bottom: 0; font-size: 15px; letter-spacing: -0.8px; color: #7f7f7f; line-height: 1.7 } 
.sub_content_unit .ex_photo p { font-size: 14px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 10px } 

/* 찾아오시는 길 */
.sub_content_unit .com_unit .root_daum_roughmap { height: 361px } 
.sub_content_unit .com_unit .location_under_unit { display: flex; width: 100%; margin-top: 30px } 
.sub_content_unit .com_unit .location_under_unit .left_txt { padding: 0 40px; border-right: 1px #d7d7d7 solid; width: 200px } 
.sub_content_unit .com_unit .location_under_unit .left_txt span { vertical-align: middle; font-size: 20px; } 
.sub_content_unit .com_unit .location_under_unit .left_txt span:last-child { font-weight: 600 } 
.sub_content_unit .com_unit .location_under_unit .right_adress { padding: 0 40px; font-size: 15px; width: 100% } 
.sub_content_unit .com_unit .location_under_unit .right_adress dt { width: 85px; float: left } 
.sub_content_unit .com_unit .location_under_unit .right_adress dd { width: calc(100% - 85px) } 


/**************************************
규약 및 강령
**************************************/
/* 편집규약 */
.sub_content_unit .com_unit .top_rule_list { width: 100%; border: 2px #d7d7d7 solid; padding: 20px 20px 30px } 
.sub_content_unit .com_unit .top_rule_list ul { display: block; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 20px } 
.sub_content_unit .com_unit .top_rule_list ul li { display: flex; justify-content: flex-end; font-weight: 500; transform: skew(-0.03deg); font-size: 15px; line-height: 1.7 } 
.sub_content_unit .com_unit .top_rule_list p { margin-bottom: 0; line-height: 1.7; letter-spacing: -0.8px } 
.list_contents_container .rule_ordered li { font-size: 13px; transform: skew(-0.03deg); line-height: 1.7; color: #7f7f7f; letter-spacing: -0.8px; margin-left: 11px; padding-bottom: 10px } 
.list_contents_container .rule_ordered li span { display: block; } 
.sub_content_unit .com_unit .under_end_unit { display: block; margin-top: 20px } 
.sub_content_unit .com_unit .under_end_unit li { display: flex; justify-content: flex-end; text-align: right; line-height: 1.7 } 
.sub_content_unit .com_unit .under_end_unit li { font-size: 14px; transform: skew(-0.03deg); color: #7f7f7f } 
.sub_content_unit .com_unit .under_txCenter { width: 100%; text-align: center; font-size: 14px; display: block; margin-top: 20px; letter-spacing: -1px } 

/* 신문광고 윤리강령 */
.sub_content_unit .com_unit .list_top_txt { font-size: 14px; color: #7f7f7f; text-align: left; margin-bottom: 15px } 

/* 신문판매 윤리강령 */
.list_contents_container .policy_title h1 { font-size: 20px; font-weight: 600; padding-bottom: 10px } 
.list_contents_container:last-child { border-bottom: 0 } 


/**************************************
약관 및 정책
**************************************/
/* 디지털 뉴스콘텐츠 이용규칙 */
.list_contents_container p.padding_txt { padding: 15px; background-color: #f7f7f7; font-size: 14px; text-align: left; margin-top: 20px; margin-bottom: 20px } 
.list_contents_container div.padding_txt { padding: 15px; background-color: #f7f7f7; font-size: 14px; text-align: left; margin-top: 20px; margin-bottom: 20px } 
.list_contents_container div.padding_txt p { text-align: left; font-size: 14px; line-height: 1.7 } 
.sub_content_unit .list_top_txt02 { font-size: 14px; color: #7f7f7f; line-height: 1.7 } 

/* 이용약관 */
.terms_title_list { width: 100%; padding: 15px; border: 2px #d7d7d7 solid } 
.terms_title_list .title_flex { display: flex } 
.terms_title_list .title_flex ul { width: 100% } 
.terms_title_list .title_flex ul a li:hover { text-decoration: underline } 
.terms_title_list .title_flex ul a:last-child li { margin-bottom: 0 } 
.terms_title_list .title_flex ul a li { margin-bottom: 14px; font-size: 15px; transform: skew(-0.03deg); } 
.terms_title_list .title_flex ul a li span { letter-spacing: -0.8px; font-weight: 600 } 
.terms_title_list .title_flex ul a li span:first-child { padding-right: 7px } 

/* 개인정보처리방침 */
.top_list_guide { padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 20px } 
.top_list_guide p { font-size: 15px; letter-spacing: -0.8px; margin-bottom: 0 } 

.list_contents_container .table_info { width: 100%; border-top: 1px #d7d7d7 solid; border-bottom: 1px #d7d7d7 solid } 
.list_contents_container .table_info tr { border-bottom: 1px #d7d7d7 solid } 
.list_contents_container .table_info tr th { font-size: 13px; text-align: center; border-right: 1px #d7d7d7 solid; font-weight: 600; padding: 16px; letter-spacing: -0.8px } 
.list_contents_container .table_info tr td { padding: 15px; text-align: left } 
.list_contents_container .table_info tr td p { margin-bottom: 0; font-size: 13px; text-align: left; } 
.list_contents_container .table_info tr td ul li { display: list-item; list-style:disc; font-size: 13px; color: #7f7f7f; margin-left: 13px; margin-bottom: 6px; letter-spacing: -0.8px } 
.list_contents_container .table_info tr td .table_numList li { font-size: 13px } 
.list_contents_container .table_info tr td a { display: inline-block } 
.list_contents_container .table_info tr td span { color: #7f7f7f; display: inline-block; letter-spacing: -0.8px; font-size: 13px; text-align: left } 
.list_contents_container .table_info tr td a span { color: #363636; } 
.list_contents_container .table_info tr td a span:hover { text-decoration: underline } 
.rule_ordered li span { display: block !important; line-height: 1.8 } 
.list_contents_container .privacy_table_title { font-size: 16px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 10px; margin-top: 20px } 

/* 저작권보호정책 */
.table_btn_01 { padding: 10px; background-color: #5684ff; font-size: 12px !important; color: #fff; letter-spacing: -0.8px; border-radius: 5px; font-weight: 400 } 
.table_btn_01:hover { background-color: #1468a0; color: #fff } 


/**************************************
나의 스크랩 
**************************************/
.scrap_container { width: 100%; padding: 25px; border: 1px #d7d7d7 solid } 
.scrap_container h1 { font-size:25px; font-weight: 600; letter-spacing: -1.2px; margin-bottom: 30px; margin-top: 20px } 
.scrap_container h1 span { font-size: 13px; font-weight: 300; margin-left: 10px } 
.scrap_container .scrap_title_unit { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 2px #363636 solid } 
.scrap_container .scrap_title_unit span { font-size: 13px; font-weight: 300; letter-spacing: -0.8px } 
.scrap_container .scrap_title_unit .scrap_ctr_box button { display: inline-block } 
.scrap_container .scrap_table { width: 100% } 
.scrap_container .scrap_table tbody tr { border-bottom: 1px #d7d7d7 solid; cursor: pointer; } 
.scrap_container .scrap_table tbody tr:last-child { border-bottom: 0 } 
.scrap_container .scrap_table tbody tr td { padding: 20px 0; text-align: center } 
.scrap_container .scrap_table tbody tr td:nth-child(2) { text-align: left; } 
.scrap_container .scrap_table tbody tr td:nth-child(2) p { max-width: 600px; font-size: 16px; letter-spacing: -0.8px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0 } 
.scrap_container .scrap_table tbody tr td:nth-child(2) p:hover { text-decoration: underline } 
.scrap_container .scrap_table tbody tr td:nth-child(2) .table_sub span { font-size: 13px; display: inline-block; color: #7f7f7f } 
.scrap_container .scrap_table tbody tr td:nth-child(2) .table_sub span::after { content: 'ㅣ'; } 
.scrap_container .scrap_table tbody tr td:nth-child(2) .table_sub span:last-child::after { content: '' } 
.scrap_container .scrap_table tbody tr td:nth-child(3) { font-size: 13px; color: #7f7f7f } 
.scrap_container .scrap_table tbody tr td:nth-child(4) span { color: #7f7f7f; font-size: 20px } 
.btn_navy_02 { padding: 10px; background-color: #747a8c; border: 1px #d7d7d7 solid; font-weight: 600; display: flex; align-items: center; border-radius: 5px; color: #fff } 
.btn_navy_02:hover { background-color: #505461; color: #fff } 


/**************************************
상세검색결과 
**************************************/
.news_section_box { margin-top: 30px; width: 100% } 
.news_section_box .news_list_result { padding-bottom: 10px; border-bottom: 1px #d7d7d7 solid; margin-top: 20px } 
.news_section_box .news_list_result .all_news_list li a { display: inline-flex } 
.news_section_box .news_list_result .all_news_list li a h1 { font-size: 16px; font-weight: 600; letter-spacing: -0.8px; max-width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 15px; letter-spacing: -0.8px } 
.news_section_box .news_list_result .all_news_list li { padding-bottom: 5px; list-style: none } 
.news_section_box .news_list_result .all_news_list li a h1:hover { text-decoration: underline } 
.news_section_box .news_list_result .all_news_list li span { font-size: 12px; color: #7f7f7f } 
.news_section_box .news_list_result .all_news_list li > em::after,
.news_section_box .news_list_result .all_news_list li > span::after { content: 'ㅣ'; padding-left: 7px; margin-right: 7px } 
.news_section_box .news_list_result .all_news_list li em { font-weight: 500; font-size: 12px; color: #7f7f7f; font-style: normal } 
.news_section_box .news_list_result .all_news_list li em > span { vertical-align: middle } 
.news_section_box .news_list_result .all_news_list li > span:last-child::after { content: '' } 


/*게시판 상세*/
.article_view { position: relative } 
.article_view .class_div_main { position: relative; margin-top:20px } 
.article_view figure { position: relative; margin-top:20px } 
.article_view .class_div_main img { display: block; margin: 0 auto; height: auto; max-width: 740px } 
.article_view .class_div_main figcaption { padding: 0.7rem 0; font-size: .8rem; line-height: 1.6em; letter-spacing: -.05em; color: #919191 } 
.article_view figcaption { padding: 0.7rem 0; font-size: .8rem; line-height: 1.6em; letter-spacing: -.05em; color: #919191 } 
.article_view .article_img { position:relative; width:100% } 
.article_view img { display: block; margin: 0 auto; height: auto; max-width:100% } 
.comment_write { clear:both; margin-bottom:2.1875rem; padding:1.25rem 1.25rem 0.75rem; overflow:hidden; font-size:.8125rem; border:1px solid #d7d7d7; border-radius:.3125rem } 
.comment_txt { clear:both; margin-top:15px; } s
.comment_txt textarea { display:block; margin:5px 0; width:100%; font-size:initial; line-height: 1.625; min-height:80px; border:0 !important } 
.comment_txt textarea::placeholder { color:#ccc } 

.save_btn { float:right; height: 32px; padding: 0 1.125rem; font-size: .8125rem; line-height: 1; color:#fff; background-color:#660000; border-radius:.25rem } 

.point_color { color:#660000 } 

.comment_box .user_reply { margin-left:10px; width:100% } 
.comment_box .user_reply .reply_01 { display:inline-block; margin:5px 0 10px; height:25px; line-height: 25px; } 
.comment_box .user_reply .reply_01 > strong { font-size:.9375rem; } 
.comment_box .user_reply .reply_01 > strong::after { content:"|"; padding-right:5px; padding-left:5px; color:#ddd } 
.comment_box .user_reply .reply_01 > span { font-size:.8125rem; color:#888; } 
.comment_box .user_reply .reply_01 em { display:inline-block; margin-left:5px; font-size:.625rem; font-weight: normal; color:#222; letter-spacing: 0 } 
.comment_box .user_reply .reply_02 a { display:inline-block; overflow: hidden; padding: 0 0.375rem; font-size:.6875rem; font-weight: lighter; line-height: 18px; background-color: #fff; font-weight:400; border: 1px solid #d7d7d7; border-radius: 0.125rem } 
.comment_box .user_reply .reply_03 { padding:5px 0 10px; font-size: .9375rem; line-height: 1.375; color:#444 } 

.under_wrap { padding-top:15px; border-top:1px solid #d7d7d7; clear:both } 
.under_wrap > span { color:#989898; font-size:.75rem; letter-spacing: 0 } 
.under_wrap > span > em { padding-right:5px; color:#000; line-height:32px } 

/*//////////////*/


.notice_detial_frame { border-top:2px solid #555 } 
.notice_detial_frame > div { float: left; width: 33.33333%; } 
.notice_detial_frame dl { display: table; width: 100%; margin: 0; border-bottom: 1px solid #d7d7d7; table-layout: fixed } 
.notice_detial_frame dt { width: 142px; padding-left: 1.875rem !important; margin: 0; font-size: 1rem; font-weight: bolder; letter-spacing: -.075em; color: #555; background-color: #f7f7f7 } 
.notice_detial_frame dd { width: 100%; letter-spacing: -.025em; overflow: hidden; font-size: .875rem; font-weight: 400; color: #222; text-overflow: ellipsis; white-space: nowrap } 
.notice_detial_frame dd > strong { display:inline-block; width: calc(100% - 45px); padding-right: 1.375rem; font-size: 1.063rem; font-weight: bolder; vertical-align:inherit; line-height: 1.25; letter-spacing: -.1em; white-space: normal } 
.notice_detial_frame dd a:hover { text-decoration: underline } 
.notice_detial_frame dt , dd { display: table-cell; padding: 1.125rem 0.9375rem; line-height: 1.125; vertical-align: middle; word-wrap: break-word; word-break: break-all } 
.notice_detial_frame .material-icons { margin-right:3px; font-size: 16px; color: #888 } 
.notice_detial_frame .btn_noti_print { display:inline-block; right: 0.9375rem; width: 40px; height: 40px; font-size: 1rem; line-height: 1; color: #303030; background:#fff; opacity:1 !important; border: 1px solid #d7d7d7; border-radius: 3px; transition:border-color .25s; } 
.notice_detial_frame .btn_noti_print .material-icons { color:#555 } 

.ip_date { margin: 1.875rem 0 0 !important; padding: 0.75rem 1.25rem; background-color: #f8f8f8; border-top:1px solid #d7d7d7; text-align: right; margin-right: 0.875rem; font-size: .875rem; line-height: 1.375; color: rgba(0,0,0,.95); vertical-align: middle } 
.prev_next { border-top:1px solid #555 !important; border-bottom:1px solid #555 !important } 
.prev_next dt { padding-left: 1.875rem; } 
.prev_next dt .material-icons { padding-left: .75rem; vertical-align: inherit } 

.btn_list { display:inline-block; padding: 0.5rem .65rem; font-size: .9rem; color:#fff !important; border-radius: 3px; background-color:#747a8c } 

.comment_tit02 { display: block; margin:.25rem 0; font-size: 1.25rem; padding:.75rem 0 .25rem; letter-spacing: -.1em; border-bottom:1px solid #555; border-top:1px solid #d7d7d7 } 

.reply_box .reply_03 p { margin-bottom: 1.25rem; font-size: .8rem; line-height: 1.375; letter-spacing: -.05em; } 
.reply_box .reply_eval { width:auto !important; padding:0 !important } 
.btn_delete { position: absolute; right:1.25rem; opacity:.3 } 
.delete_box { position: absolute; right:1.25rem; display: block; font-size: .75rem; line-height: 1; letter-spacing: -.05em; text-align: center; border:1px solid #d7d7d7; cursor: pointer } 
.delete_box { display: block; padding: 0.625rem 1.25rem; color: #555; cursor: pointer; z-index:50 } 
.delete_box .material-icons { font-size:.75rem; vertical-align: text-top } 

.reply_tab { display: block; margin:20px 0 10px; padding-bottom: 0.5rem; border-bottom:1px solid #d7d7d7 } 
.reply_tab a { display: inline-block; margin-right: 1rem; font-size: .9375rem; line-height: 1.125; letter-spacing: -.075em; color: rgba(0,0,0,.65); cursor: pointer } 
.reply_tab a.active { font-weight:700; color:#333; padding-left:1.25rem; background: url(../images/ico/check_ico.svg) 0 0 no-repeat; background-size:contain; } 

.reply_login .re_txtarea { background: #fff !important; border-bottom: 1px solid #d7d7d7 !important } 


.btn_ok { float:right; color: #fff !important; background-color: #660000 !important } 
.btn_ok .material-icons { vertical-align: middle } 

.btn_re_write { float: left; padding: 0 0.625rem; font-size: .75rem; line-height: 30px; letter-spacing: -.05em; color: #555; background-color: #fff; border: 1px solid #d7d7d7 !important; cursor: pointer; transition: border-color .25s; } 

.re_write { clear:both; position:relative; margin-bottom: 1rem; padding:0 1rem 1.75rem; background-color: #f9f9f9; border-top: 1px solid #d7d7d7 } 
.re_write::before { content: ''; position: absolute; width: 8px; height: 8px; border-left: 2px solid #ddd; border-bottom: 2px solid #ddd; left: 0.9375rem; top:0.9375rem; } 
.re_write .re_txtarea::placeholder { color:#ccc } 
.login_notice { margin-top:.75rem; margin-bottom:.75rem; font-size: .75rem; line-height: 1.125; letter-spacing: -.075em; color: #a0a0a0; } 
.re_txtarea { margin:0 !important; width:100%; overflow: hidden; min-height: 95px; margin: 0; padding: 1rem; font-size: .875rem !important; font-weight: 400; line-height: 1.625; letter-spacing: -.05em; border-radius: 0 !important; transition: background-color .25s ease-in-out; background-color: rgba(0,0,0,.025); border:0; border-bottom:1px solid #dedede !important } 
.re_txtarea::placeholder { color:#353535 } 
.re_under_wrap { padding:0 0 .313rem 1.125rem; border-top:0 !important } 


.modal_login { } 

.modal_login .modal-header { display: block !important; background-color: #5684ff; position: relative; overflow: hidden; padding: 1.875rem 1.25rem; color:#fff; text-align: center; } 

.modal_login .modal-header > strong { display: block; font-size: 1.563rem; font-weight: 500; line-height: 1.125; letter-spacing: -.1em; } 
.modal_login .modal-header > span { display: block; padding: 0 1.25rem; margin-top: 1rem; font-size: 1.25rem; font-weight: 700; line-height: 1.375; } 
.modal_login .modal_close { display: block; overflow: hidden; position: absolute; z-index: 5; right: 20px; top: 0; width: 42px; height: 42px; font-size: 1.375rem; color: #fff; background-color: #596689; border-radius: 0 0 5px 5px; text-align: center; cursor: pointer; opacity: .7; transition: opacity .25s ease-in-out; box-shadow: none !important; border:0 !important } 
.modal_login .modal_close > span { padding-top:8px } 
.modal_login .modal_close:hover { opacity: 1 } 
.modal_login .modal-body { display: block; padding: 1.875rem 1.25rem; background:#fafbfc } 

.modal_login .modal-body > a { float:left; display: inline-block; width: calc(50% - 1px); margin-right: 1px; color: #686868 !important; padding: 0.75rem 1.063rem; background-color: #fff; border:1px solid #ced2db !important; transition: color .3s, border-color .3s; border-radius: 3px !important; text-align: center } 
.modal_login .modal-body .btn_no_login { float:left; display: inline-block; width: calc(50% - 1px); margin-right: 1px; color: #686868 !important; padding: 0.75rem 1.063rem; background-color: #fff; border:1px solid #ced2db !important; transition: color .3s, border-color .3s; border-radius: 3px !important; text-align: center; font-size: 16px !important } 

.modal_login .modal-body .ico_user { display: block; overflow: hidden; width: 60px; height: 60px; margin: 0 auto 0.75rem; font-size: 2.375rem; line-height: 60px; color: rgba(0,0,0,.75); background-color: #f7f7f7; border-radius: 50%; text-align: center } 
 
.modal_login .modal-body .modal_close { margin-right: -6px !important } 
.modal_login .modal-body .modal_close.active { color: #fff !important; background-color: rgba(0,0,0,.75); border-color: transparent !important; } 

.modal_login_input { padding: 01.25rem 1.875rem; background:#fafbfc } 
.modal_login_input > div { margin-bottom:.35rem; clear:both; display: flow-root; } 
.modal_login_input .input_tit { display:inline-block; float:left; font-size: .875rem; font-weight: 700; line-height:38px } 
.modal_login_input .form-control { width: calc(100% - 8rem) !important; float: right; border-radius: 3px } 
.modal_login_input .form-control::placeholder { opacity:.5; letter-spacing: -.05px } 

.m_btn_delete { margin-top:10px; padding: .45rem .75rem; font-size: .875rem; letter-spacing: -.075em; border-radius: 3px; color: #fff!important; background-color: #5684ff; border: none !important } 
.m_btn_delete > .material-icons { vertical-align:middle; font-size:1rem; padding-right:3px } 

.not_robot { position: absolute; left: 158px; margin-right:1.25rem; } 
.not_robot > img { max-width: 100% } 

.modal_under_wrap { margin-top: 10%; text-align: center } 
.modal_under_wrap .btn { border-radius:3px; padding: 0.65rem 1.063rem } 
.modal_under_wrap .btn .material-icons { font-size:.75rem; margin-right:5px; vertical-align: inherit } 
.modal_under_wrap .btn_ok { float: none !important } 
.modal_under_wrap .btn_no { border:1px solid #ccc; } 

.reply_eval { width: 100%; padding: 10px 0 0; display: flex; justify-content: flex-end; } 
.reply_eval .finger_eval { margin-right: 10px } 
.reply_eval .finger_eval span { display: inline-block } 
.reply_eval .finger_eval a .thumb_up { background: url(../images/ico/reply_ico_01.png) no-repeat -41px -41px; width: 16px; height: 13px; display: inline-block } 
.reply_eval .finger_eval a .thumb_up.active { background: url(../images/ico/reply_ico_01.png) no-repeat -73px -41px; width: 16px; height: 13px; display: inline-block } 
.reply_eval .finger_eval a .thumb_down { background: url(../images/ico/reply_ico_01.png) no-repeat -41px -74px; width: 16px; height: 13px; display: inline-block } 
.reply_eval .finger_eval a .thumb_down.active { background: url(../images/ico/reply_ico_01.png) no-repeat -73px -74px; width: 16px; height: 13px; display: inline-block } 
.reply_eval .finger_eval span { font-size: 13px; font-weight: 600 } 

.point_color_02 { color: #660000 !important; font-weight: 600 !important } 


/**************************************
포토리스트
**************************************/
.photo_container { width: 100%; padding: 25px; border: 1px #d7d7d7 solid } 
.photo_container h1 { font-size:25px; font-weight: 600; letter-spacing: -1.2px; margin-bottom: 30px; margin-top: 20px } 
.photo_container h1 span { font-size: 13px; font-weight: 300; margin-left: 10px } 
.photo_container .photoList_container { margin-top: 20px } 
.photo_container .photoList_container li { display: inline-block; width: 242px; margin-right: 15px; margin-top: 15px } 
.photo_container .photoList_container li .list_box_area { border: 1px #d7d7d7 solid; padding: 15px; } 
.photo_container .photoList_container li .list_box_area .unit_thumb { width: 100%; height: 134px; } 
.photo_container .photoList_container li .list_box_area .unit_prv_txt { width: 100%; height: 38px; overflow: hidden; margin-top: 20px; margin-bottom: 10px } 
.photo_container .photoList_container li .list_box_area .unit_prv_txt p { font-size: 13px; letter-spacing: -0.8px; color: #7f7f7f } 
.photo_container .photoList_container li .list_box_area .unit_under_date { font-size: 13px; color: #7f7f7f } 
.photo_container .photoList_container li .list_box_area .list_unit_btn { width: 100%; display: block; } 
.photo_container .photoList_container li:nth-child(4n) { margin-right: 0 } 
.btn_card { padding: 10px 0; width: 100%; border: 1px #d7d7d7 solid; background-color: #fff; font-size: 12px !important; display: inline-block; transform: skew(-0.03deg); color: #7f7f7f } 
.btn_card span { font-size: 12px; vertical-align: middle } 
.btn_card_under { padding: 10px 25px; border: 1px #d7d7d7 solid; background-color: #fff; display: inline-block; transform: skew(-0.03deg); color: #7f7f7f } 
.btn_card_under span { font-size: 14px; vertical-align: middle; padding-right: 5px } 
.photo_container .photoList_container li .list_box_area .list_unit_btn button { display: block; margin: auto } 

/* 사진미리보기 팝업 */
.prv_thumb { width: 100%; height: 320px; margin-bottom: 15px } 
.prv_txt { width: 100%; height: auto; } 
.prv_txt p { font-size: 14px; letter-spacing: -0.8px; color: #7f7f7f } 


/* 기사상세 연관기사 */
.top_left_container .relation_news { width: 100%; margin-top: 40px; } 
.top_left_container .relation_news h1 { font-size: 18px; font-weight: 600; color: #631004 } 
.top_left_container .relation_news a span { position: relative; padding-left: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.8px; display: block; margin-bottom: 5px; font-size: 15px; font-weight: 400 } 
.top_left_container .relation_news a:last-child span { margin-bottom: 0 } 
.top_left_container .relation_news a span:hover { text-decoration: underline } 
.top_left_container .relation_news a span::before { content: ''; width: 8px; height: 8px; border-bottom: 2px #7f7f7f solid; border-left: 2px #7f7f7f solid; display: block; position: absolute; top: 5px; left: 0 } 

/* 기사상세 키워드 */
.relation_keyword { width: 100%; margin-top: 40px; margin-bottom: 30px } /*20210406 수정*/
.relation_keyword h6 { font-size: 14px; font-weight: 600; margin-bottom: 15px; color: #28a0ee } 
.relation_keyword .keyword_inline_area a { margin-right: 8px } 
.relation_keyword .keyword_inline_area a span { background-color: #e6e6e6; padding: 5px 10px; color: #363636; font-size: 14px; border-radius: 15px; font-weight: 600; display: inline-block; margin-bottom: 10px } 

/* rss 서비스 */
.service_container { display: flex } 
.service_container .service_unit_01 { width: 260px; margin-right: 30px } 
.service_container .service_unit_01 h1 { padding-top: 10px; border-top: 1px #363636 solid; font-size: 32px; letter-spacing: -1.5px } 
.service_container .service_unit_02 { width: 100%; } 
.service_container .service_unit_02 p { font-size: 16px; line-height: 1.7; margin-bottom: 0 } 
.txt_w { color: #fff !important; font-weight: 400; font-size: 12px } 
.badge-purple { background-color:#9b59b6 } 
.btn_table { color: #fff !important; background-color: #660000 !important; } 
.service_table { margin-top: 30px; width: 100% } 
.service_table thead { border-top: 2px #363636 solid; border-bottom: 1px #363636 solid } 
.service_table thead tr th { padding: 13px } 
.service_table tbody tr { border-bottom: 2px #e5e5e5 solid } 
.service_table tbody tr:nth-child(2) { background-color: #f1f1f1 } 
.service_table tbody tr td { font-size: 14px; padding: 13px } 
.service_table tbody tr td:last-child { text-align: center } 
.service_table tbody tr td:nth-child(2) a:hover { text-decoration: underline } 
.service_table tbody tr td button span { font-size: 13px; vertical-align: middle; padding-right: 5px } 

.notice_table tbody td .tb_new { margin-left: 0.5rem !important; padding: 0.15rem 0.25rem !important; vertical-align: middle; color: #fff; background: #13c0cb; font-size: .6rem !important; font-weight: 400; letter-spacing:0 !important; border-radius: 2rem; } 
.notice_tit_big { margin:2rem auto; text-align:center; font-size: 2.5rem; font-weight: bolder; line-height: 1.125; letter-spacing: -.1em; color: #222; } 
.notice_table tbody td:nth-child(2):hover { text-decoration: none !important } 
.notice_table tbody td:nth-child(2) a:hover { text-decoration: underline } 
.notice_table tbody tr.notice_back { background-color: rgba(0,0,0,.035) } 

/* 본인확인팝업 */
.modal_login .modal-header > .identi_txt { font-size: 15px } 
.content_middle { width: 394px; height: 220px; display: flex; margin: auto; } 
.content_middle a { width: 100%; } 
.content_middle a:nth-child(1) { margin-right: 20px } 
.content_middle .left_unit { width: 100%; height: 200px; border: 1px #d7d7d7 solid; margin-right: 20px; float: left; background-color: #fff; padding: 20px } 
.content_middle .left_unit p { text-align: center } 
.content_middle .left_unit p:nth-child(1) { font-size: 22px; color: #631004; letter-spacing: -0.8px; font-weight: 600 } 
.content_middle .left_unit p:nth-child(2) { font-size: 15px } 
.content_middle .left_unit span { font-size: 30px; color: #a0a0a0; display: block; text-align: center } 
.content_middle .right_unit { width: 100%; height: 200px; border: 1px #d7d7d7 solid; float: left; background-color: #fff; padding: 20px } 
.content_middle .right_unit p { text-align: center } 
.content_middle .right_unit p:nth-child(1) { font-size: 22px; color: #631004; letter-spacing: -0.8px; font-weight: 600 } 
.content_middle .right_unit p:nth-child(2) { font-size: 15px } 
.content_middle .right_unit span { font-size: 30px; color: #a0a0a0; display: block; text-align: center } 


/* 기린대로 수정 */
.girin_area { margin-top: 20px; } 
.girin_area .issue_swiper_box { width: 100%; position: relative; overflow: hidden; height: 350px; border: 1px #d7d7d7 solid; } 
.girin_area .issue_swiper_box ul .swiper_slide { height: 350px; position: relative } 
.girin_area .issue_swiper_box ul .swiper_slide a { display: block } 
.girin_area .issue_swiper_box ul .swiper_slide span { display: block; width: 100%; height: 350px; z-index: 0; transition: transform 1s ease, -ms-transform 1s ease } 
.girin_area .issue_swiper_box ul .swiper_slide:hover a > span { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2) } 
.girin_area .issue_swiper_box ul .swiper_slide .slide_title_back { position: absolute; bottom: 0; width: 100%; padding: 15px; background-color: rgba(0,0,0,.5); height: 80px } 
.girin_area .issue_swiper_box ul .swiper_slide .slide_title_back > span { font-size: 15px; color: #fff; font-weight: 500; height: 43px !important; overflow: hidden } 
.girin_area .issue_swiper_box ul .swiper_slide:hover a .slide_title_back > span { text-decoration: underline } 

/* 20220114 추가 */
#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box_01.active a { display:block } 
#Sidemenu.Menu_container .menu_area .menu_list_wrap .nav_title_box_01.active a span { color:#fff } 
.article_txt_container figure.float-right { margin-left: 24px !important } 

.article_txt_container .photo-layout { margin-top:30px !important; margin-bottom: 50px !important; display: table !important; margin: auto } 
.article_txt_container .photo-layout figcaption { display: table-caption; margin-top: 15px; font-size: 13px; color: #7f7f7f; caption-side: bottom; letter-spacing: -0.8px; transform: skew(-0.03deg); text-align: left } 

.floating_banner { position: absolute; width: auto; height: auto; top: 0; height: auto; left: calc(100% + 30px); } 
.floating_banner .wing_close { width: 100%; padding: 5px 10px; background-color: #000; font-size: 14px; color: #fff; text-align: right; cursor: pointer; } 
.floating_banner .wing_close span { font-size: 13px } 
.floating_banner .ad_banner { margin-top: 5px } 

.align_left { float:left !important; margin-right: 12px !important; } 
.align_center { text-align:center !important } 
.align_right { float:right !important; margin-left: 30px !important; margin-top: 10px !important } 

/* 20220204 추가 */
#tem-type-2 { position: relative; padding-left: 20px; text-align: left; margin-bottom: 48px; font-weight: 400 !important } 
#tem-type-2::before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; border-left: 4px solid #000; } 
#tem-type-2 p { margin: 0; padding: 0; line-height: 38px; text-align: left; font-weight: 400; color: #3c3e40; word-break: normal; word-wrap: break-word; font-size: 21px } 

blockquote { position: relative; padding-left: 20px; text-align: left; margin-bottom: 20px; font-weight: 400 !important; margin-inline-start: 0; margin-inline-end: 0; } /* 20220207 수정 */
blockquote::before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; border-left: 4px solid #000; } 
blockquote p { margin: 0; padding: 0; line-height: 38px; text-align: left; font-weight: 400; color: #3c3e40; word-break: normal; word-wrap: break-word; font-size: 21px } 

#tem-type-1 { margin-bottom: 48px; font-size: 21px; font-weight: 400!important; text-align: center; } 
#tem-type-1::after,#tem-type-1::before { display: block; font-family: 'Material Icons'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; } 
#tem-type-1 p { margin: 0; padding: 0; line-height: 37px; text-align: center; font-weight: 400; color: #3c3e40; word-break: normal; word-wrap: break-word; font-size: 21px } 
#tem-type-1::after { content: '\e244'; margin-top: 20px; font-size: 39px } 
#tem-type-1::before { content: '\e244'; margin-bottom: 20px; font-size: 39px; transform: rotate(180deg); } 

.article_editor_container { margin-bottom: 48px; font-size: 21px; font-weight: 400!important; text-align: center; } 
.article_editor_container::after,.article_editor_container::before { display: block; font-family: 'Material Icons'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; } 
.article_editor_container p { margin: 0; padding: 0; line-height: 37px; text-align: center; font-weight: 400; color: #3c3e40; word-break: normal; word-wrap: break-word; font-size: 21px } 
.article_editor_container::after { content: '\e244'; margin-top: 20px; font-size: 39px } 
.article_editor_container::before { content: '\e244'; margin-bottom: 20px; font-size: 39px; transform: rotate(180deg); } 

.yj-yellow-box { width: 100%; border: 2px #d7d7d7 solid } 
.yj-yellow-box .titles { width: 100%; padding: 15px; background-color: #f7f7f7; font-weight: 600; text-align: center } 
.yj-yellow-box .titles p { margin-bottom:0 !important } /*220211 타이틀마진 수정*/
.yj-yellow-box .contents { width: 100%; padding: 15px; display: inline-block } 
.yj-yellow-box .contents p { margin-bottom: 0 } 

#tem-type-10 { width: 100%; border: 2px #d7d7d7 solid } 
#tem-type-10 .titles { width: 100%; padding: 15px; background-color: #f7f7f7; font-weight: 600; text-align: center } 
#tem-type-10 .contents { width: 100%; padding: 15px; display: inline-block } 
#tem-type-10 .contents p { margin-bottom: 0 } 

.class_div_main img { max-width: 740px } 

/* 메인오피니언 수정 */
.right_top_contents .column_area .column_txt_box .swiper-wrapper .edito_txt h1 { text-align: left } 

/* 포토메인 광고배너 추가 */
.right_banner { position: relative; width: 250px; height: auto; top: 0; margin-top: 20px; } 
.right_banner .wing_close { width: 100%; padding: 5px 10px; background-color: #000; font-size: 14px; color: #fff; text-align: right; cursor: pointer; } 
.right_banner .wing_close span { font-size: 13px } 
.right_banner .ad_banner { margin-top: 5px } 

.ad_banner a { display: block; margin-bottom:10px } 

/* 기사상세 광고배너 */
.top_banner_01 { margin: 30px 0; width: 100% } 
.top_banner_01 .banner_area { display: block; margin: auto; width: 970px; height: 250px; } 
.txt_ad { margin-top: 30px; width: 100%; height: auto; } 
.floating_area { position: fixed; margin-top: 30px; width: 300px; height: 250px; z-index: 999; top: 650px; } 
.article_banner { display: inline-block; margin-top: 30px; width: 100%; margin-bottom: 40px } 
.article_banner .middle_banner_contents { display: block; margin: auto; width: 707px; } 
.article_banner .middle_banner_contents .left_article_ad { display: inline-block; width: 336px; height: 280px; margin-right: 30px; } 
.article_banner .middle_banner_contents .right_article_ad { display: inline-block; width: 336px; height: 280px; } 
.under_ad { margin-top: 30px; width: 100%; } 
.under_ad .under_banner_contents { display: block; margin: auto; width: 707px; } 
.under_ad .left_under_ad { display: inline-block; width: 336px; height: 280px; margin-right: 30px; } 
.under_ad .right_under_ad { display: inline-block; width: 336px; height: 280px; } 

/* pre태그 스타일 추가 */
.top_contents_wrap .top_left_container .left_top_news .topNews_title .top_title_pre { font-size: 34px; font-weight: 600; letter-spacing: -2px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#631004; text-align: center; margin-bottom: 0 } 
.top_contents_wrap .top_left_container .left_top_news .topNews_title .top_title_pre:hover { text-decoration: underline } 
.top_contents_wrap .top_left_container .left_top_news .topNews_title .top_sTitle_pre { font-size: 20px; color: #7f7f7f; letter-spacing: -0.8px; margin-top: 10px; text-align: center } 

.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .article_body pre { font-size: 20px; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; } 
.issue_container .issue_slide_container .issue_slide_article .issue_swiper_box ul .swiper_slide span { display: block; width: 100%; height: 350px; z-index: 0; transition: transform 1s ease, -ms-transform 1s ease } 
.issue_swiper_box ul .swiper_slide .slide_title_back > pre { font-size: 15px; color: #fff; font-weight: 500; height: 43px !important; overflow: hidden; white-space: inherit; } 
.issue_swiper_box ul .swiper_slide:hover a .slide_title_back > pre { text-decoration: underline } 

.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .article_body .main_news_title { font-size: 20px; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; } 
.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .article_body .main_news_summary { display: block; color: #7f7f7f; font-size: 15px; letter-spacing: -0.8px; height: 46px; overflow: hidden; white-space: inherit; font-weight: 400; } 
.top_contents_wrap .top_left_container .left_top_list .article_list_box .media .article_body .main_news_summary:hover { text-decoration: underline } 

/* 기사상세 타이틀 배찌 */
.title_badge_01 { display: none; background-color: #003499; padding: 4px 4px 2px; color: #fff; font-weight: 600; font-size: 13px; margin-bottom: 10px; min-width: 53px; text-align: center; } 
.title_badge_02 { display: none; background-color: #9a0000; padding: 4px 4px 2px; color: #fff; font-weight: 600; font-size: 13px; margin-bottom: 10px; min-width: 53px; text-align: center; } 
.title_badge_03 { display: none; background-color: #026701; padding: 4px 4px 2px; color: #fff; font-weight: 600; font-size: 13px; margin-bottom: 10px; min-width: 53px; text-align: center; } 
.title_badge_04 { display: none; background-color: #656600; padding: 4px 4px 2px; color: #fff; font-weight: 600; font-size: 13px; margin-bottom: 10px; min-width: 53px; text-align: center; } 
.title_badge_05 { display: none; background-color: #333333; padding: 4px 4px 2px; color: #fff; font-weight: 600; font-size: 13px; margin-bottom: 10px; min-width: 53px; text-align: center; } 
.title_badge_06 { display: none; background-color: #653300; padding: 4px 4px 2px; color: #fff; font-weight: 600; font-size: 13px; margin-bottom: 10px; min-width: 53px; text-align: center; } 
.title_badge_07 { display: none; background-color: #320001; padding: 4px 4px 2px; color: #fff; font-weight: 600; font-size: 13px; margin-bottom: 10px; min-width: 53px; text-align: center; } 
.title_badge_08 { display: none; background-color: #333333; padding: 4px 4px 2px; color: #fff; font-weight: 600; font-size: 13px; margin-bottom: 10px; min-width: 53px; text-align: center; } 

/* 기사상세 부제목 */
.article_sub_titleWrap .contentTitle { line-height: 1.5 } 

/* 광고추가 */
.side_floating { position: absolute; width: 160px; height: 600px; background-color: #f7f7f7; left: -204px; margin-top: -113px } 
.under_widjet_ad { width: 100%; margin-bottom: 30px; margin-top: 30px } 

/*실시간뉴스 메인 상단 추가 221110*/
.silsigan { background:#fff; padding:10px; z-index: 9 } 
.silsigan span { display: inline-block; padding:5px 7px; color:#fff; font-size:.75rem; background: #631004; } 

.top_board .board_conBox .slide_con .board_item { padding-top:8px; } 
.top_board .board_conBox .slide_con .board_item a { width: calc(100% + -110px) !important; font-size: 16px; color:#212529; } 
.top_board .board_conBox .slide_control { margin-top: 13px !important } 


/* 인쇄화면 수정 */
.article_head .print_logo { margin-bottom: 12px } 

/*블라인드 댓글*/
.re_blind { background: #f7f7f7; margin-top: 0; padding: 30px 15px 15px; text-align: center; color: #777; } 


/* 20230120 상단광고 추가 */ 
.top_banner_02 { width: 100%; margin-top: 20px } 

/* GNB 구독신청 추가 및 정렬수정 */
.right_info span:nth-child(4) { height: 16px; } 


/* 20230202 기사상세 바이라인 하단 광고추가 */
.article_banner_01 { display: block; margin: auto; width: 640px; height: 360px; margin-top: 30px; margin-bottom: 30px } 

/* 첨부파일 스타일 추가 */
.article_txt_container p a { padding: 3px; margin: 0px 5px 0px 0px; background-color: #f7f7f7; font-size: 15px; font-weight: 600; color: #900; border: 1px #d7d7d7 solid; } 

.re_blind > p { font-size:14px !important; text-align:center !important } 

/* 연관기사 수정 */
.top_right_container .relation_news { width: 100%; margin-top: 40px; margin-bottom: 40px } 
.top_right_container .relation_news h1 { font-size: 20px; font-weight: 600; padding-bottom: 5px; border-bottom: 5px #f5df4d solid; text-align: center; display: inline-block; } 
.top_right_container .relation_news a span { position: relative; padding-left: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.8px; display: block; margin-bottom: 5px; font-size: 15px; font-weight: 400 } 
.top_right_container .relation_news a:last-child span { margin-bottom: 0 } 
.top_right_container .relation_news a span:hover { text-decoration: underline } 
.top_right_container .relation_news a span::before { content: ''; width: 5px; height: 5px; background-color: #363636; display: block; position: absolute; top: 8px; left: 0 } 

/* 우측 하단 광고위젯 */
.right_widjet_ad { margin : 40px 0 } 


/*20230421 기사상세 타이틀 좌측정렬 */

@media (max-width:1200px){
 .top_header_navigation { display: block !important } 
.top_header_navigation > span { display: none !important } 
 }

/*창간73주년*/
.top_head .open73 { display: block; margin:10px auto 0 } 

/* 기획시리즈 추가 */
.right_top_contents .right_series_wrapper { border-top: 1px #d7d7d7 solid; margin-top: 30px } 
.series_list_container { margin-top: 30px } 
.series_list_container h1 { font-size: 20px; font-weight: 600; padding-bottom: 5px; border-bottom: 5px #f5df4d solid; text-align: center; display: inline-block } 
.series_list_container h1 span { color: #660000 } 
.series_list_container .pop_news_container { margin-top: 10px } 
.series_list_container .pop_news_container ul li { display: flex; overflow: hidden; margin-bottom: 5px } 
.series_list_container .pop_news_container ul li span { width: 40px; text-align: center; font-weight: 600; padding-right: 15px; display: inline-block; font-size: 17px } 
.series_list_container .pop_news_container ul li p { width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; font-size: 15px; letter-spacing: -0.8px; margin-bottom: 0 } 
.series_list_container .pop_news_container ul li p:hover { text-decoration: underline } 
.series_list_container .pop_news_container ul li p::before { content: ''; width: 5px; height: 5px; display: inline-block; background-color: #5d5d5d; position: relative; bottom: 4px; margin-right: 5px; } 

/* 기사상세 시리즈기사 추가 */
.series_news_line { width: 100%; padding-top: 30px; margin-top: 30px; border-top: 1px #d7d7d7 solid } 
.series_news_line h1 { font-size: 18px; font-weight: 600; color: #631004; } 
.series_news_line a span { position: relative; padding-left: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.8px; display: block; margin-bottom: 5px; font-size: 15px; font-weight: 400; } 
.series_news_line a span::before { content: ''; width: 8px; height: 8px; border-bottom: 2px #7f7f7f solid; border-left: 2px #7f7f7f solid; display: block; position: absolute; top: 5px; left: 0; } 


/* 댓글 하단 가이드 */
.reply_caution { width: 100%; padding: 15px } 
.reply_caution p { font-size: 13px; color: #7f7f7f } 
.reply_caution p:first-child { font-weight: 600 } 
.reply_caution p:last-child { margin-bottom: 0 } 

/* 기사상세 이미지확대 아이콘 */
figure img.article_img_zoom { position: absolute; left: 7px; top: 9px; cursor: pointer; } 

/* 2024선거콘텐츠 */
.election_contents_wrap { background: url(../images/etc/election_back.png) no-repeat; width: 100%; height: 100%; float: left; margin-bottom: 20px; padding: 20px; background-color: #EFEBE0 } 
.election_title_round { display: flex; align-items: center } 
.election_title_round h2 { display: flex; align-items: center; margin: 0; font-size: 26px; font-weight: 600; letter-spacing: -1.2px } 
.election_title_round h2::before { content: url(../images/etc/objects.png); margin-right: 12px } 
.election_title_round h2 > span { color: #E51616 } 
.election_title_round .election_count { padding: 4px 23px; background-color: #01AAAD; font-size: 20px; color: #fff; border-radius: 50px; margin-left: 15px; font-weight: 600; letter-spacing: 0.5px; } 
.election_contents_wrap .election_news_container02 { display: flex; margin-top: 10px; } 
.election_contents_wrap .election_news_container02 .ele_thumb_box { float: left; width: 328px; margin-right: 28px; } 
.election_contents_wrap .election_news_container02 .ele_thumb_box a .eleNews_thumb { width: 328px; height: 253px; } 
.election_contents_wrap .election_news_container02 .ele_thumb_box a p { font-size: 20px; margin-top: 10px; font-weight: 600; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; letter-spacing: -1px } 
.election_contents_wrap .election_news_container02 .ele_thumb_box a span { display: block; font-size: 13px; color: #a9a9a9; margin-top: 10px; overflow: hidden; height: 40px; } 

.election_contents_wrap .election_news_container02 .eleThumb_list_box { float: left; width: 310px; margin-right: 30px; flex-shrink: 0 } 
.election_contents_wrap .election_news_container02 .eleThumb_list_box:last-child { margin-right: 0; } 
.election_contents_wrap .election_news_container02 .eleThumb_list_box .thumb_list_unit { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px #d7d7d7 solid; } 
.election_contents_wrap .election_news_container02 .eleThumb_list_box .thumb_list_unit:first-child { padding-top: 0; } 
.election_contents_wrap .election_news_container02 .eleThumb_list_box .thumb_list_unit:last-child { border-bottom: 0; } 
.election_contents_wrap .election_news_container02 .eleThumb_list_box .thumb_list_unit a .unit_tumb { width: 84px; height: 60px; margin-right: 18px; flex-shrink: 0; } 
.election_contents_wrap .election_news_container02 .eleThumb_list_box .thumb_list_unit a:nth-child(2) { overflow: hidden; } 
.election_contents_wrap .election_news_container02 .eleThumb_list_box .thumb_list_unit a:nth-child(2) p { font-weight: 600; width: 100%; height: 50px; overflow: hidden; } 
.election_contents_wrap .election_news_container02 .eleThumb_list_box .thumb_list_unit a:nth-child(2) span { font-weight: 300; width: 100%; height: 20px; overflow: hidden; display: block; font-size: 13px; margin-top: 5px; color: #7f7f7f; } 

.under_menu { display: flex; justify-content: center; align-items: center; padding: 30px 0 20px } 
.under_menu span { display: flex; font-size: 14px; font-weight: 600; margin-right: 30px } 
.under_menu span a:hover { color: #01AAAD } 
.under_menu span:nth-child(3) { margin-right: 0 } 
.under_menu span:nth-child(1)::before { content: url(../images/ico/base-zoom-in.png); margin-right: 2px } 
.under_menu span:nth-child(2)::before { content: url(../images/ico/hardware-microphone-one.png); margin-right: 2px } 
.under_menu span:nth-child(3)::before { content: url(../images/ico/base-camera.png); margin-right: 2px } 

/* 미디어 슬라이드 수정 */
.media_area ul.nav { margin-bottom: 10px; border-bottom: 1px #7f7f7f solid } 
.media_area ul.nav li { font-size: 20px; margin-bottom: 0 } 
.media_area ul.nav li a.nav-link { width: 150px; border-bottom: 5px #f5df4d solid; text-align: center; } 
.media_area ul.nav li a.active { border: 0; font-weight: 600; border-bottom: 5px #631004 solid; } 
/* .media_area ul.nav li a:hover { border-bottom: 5px #631004 solid; border-top: 0; border-left: 0; border-right: 0 } */
.media_area ul.nav li a.active:hover { border-bottom: 5px #631004 solid; } 

.right_top_contents .media_area .video_txt_box { width: 100%; height: 341px; border: 1px #d7d7d7 solid; } 
.right_top_contents .media_area .video_txt_box.swiper { width: 100%; position: relative; overflow: hidden; } 
.right_top_contents .media_area .video_txt_box .swiper-wrapper { width: 100%; height: 341px; } 
.right_top_contents .media_area .video_txt_box .swiper-wrapper .swiper-slide { width: 100%; height: 341px } 
.right_top_contents .media_area .video_txt_box .swiper-wrapper .swiper-slide .slide_photo_container { display: block; width: 100%; height: 291px; overflow: hidden; } 
.right_top_contents .media_area .video_txt_box .swiper-wrapper .swiper-slide .media_photo { width: 100%; height: 292px; border-bottom: 1px #d7d7d7 solid; transition: transform 1s ease, -ms-transform 1s ease } 
.right_top_contents .media_area .video_txt_box .swiper-wrapper .swiper-slide .media_photo_title { width: 200px; padding: 10px; display: flex; justify-content: space-between; background-color: #fff } 
.right_top_contents .media_area .video_txt_box .swiper-wrapper .swiper-slide .media_photo_title .media_title { font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.right_top_contents .media_area .video_txt_box:hover .media_photo { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2) } 
.right_top_contents .media_area .video_txt_box:hover .media_title { text-decoration: underline } 
.right_top_contents .media_area .video_txt_box .swiper-pagination { right: 10px; left: auto !important; width: auto !important; bottom: 14px } 
.right_top_contents .media_area .video_txt_box .swiper-pagination-bullet { margin-right: 5px } 
/* .tab-content .tab-pane.show.active { display: block } 
.tab-content .tab-pane.active { display: none } */

.media_area .nav-tabs .nav-link { border: 0 } 
.fade:not(.show) { opacity: 0; } 
#video.tab-pane { height: 341px; position: absolute; } 
.right_top_contents .media_area .video_txt_box { width: 300px !important; height: 341px; position: absolute !important; top: -341px; } 


/*240704 국회의원공약 페이지*/

.event_wrap {margin-bottom: 30px }
.event_wrap > div {position: relative; margin-bottom: 90px}
.candidate_wrap {position: absolute;  width:100%; display: flex; }
.candidate_wrap.candi01 {top:203px;}
.candidate_wrap.candi02 {top:398px;}
.candidate_wrap.candi03 {top:593px;}
.candidate_wrap.candi04 {top:788px;}
.candidate_wrap.candi05 {top:983px;}
.candidate { flex-shrink: 0; width: 50%; padding-left: 184px ;}
.candidate .go {display: inline-block; width: 157px; height: 33px; margin-top: 3px; background:#fff; text-align: center; font-weight:800; font-size: 16px; line-height: 32px;float: right; margin-right: 28px;}
.candidate .go:hover {background:#e9ecef }
.candidate .circle {display: flex; margin-top: 22px}
.candidate .circle > div { flex-shrink: 0; border-radius: 100px; width: 55px; height: 55px; color:#fff; font-size: 32px; font-weight: bold; text-align: center; line-height: 60px; margin-right: 22px; margin-top: 32px}
.candidate .circle .blue {background-color: #000066}
.candidate .circle .green {background-color: #006600}
.candidate .circle .black {background-color: #333333}
.candidate .circle .red {background-color: #990000}

.jb_tree {display: flex; justify-content: space-evenly; column-gap: 10px; margin-top: 30px }
.tree {width: 208px; border-radius: 20px;  }
.jb_tree .tree:nth-child(1) {background-color: #eaf6fe}
.jb_tree .tree:nth-child(2) {background-color: #edf9eb}
.jb_tree .tree:nth-child(3) {background-color: #f7ecff}
.jb_tree .tree:nth-child(4) {background-color: #ffeef0}
.jb_tree .tree:nth-child(5) {background-color: #ffeef0}
.jb_tree dl {padding: 15px 20px 30px}
.jb_tree dt {text-align: center; font-weight: 800; padding-bottom: 8px; font-size:17px; border-bottom: 2px solid #222}
.jb_tree dd {padding:0}
.jb_tree dd a {display: block; width: 100%;  font-size: 14px; color: #777; margin-top: 15px}
.jb_tree dd span {display: inline-block; font-size: 11px; font-weight: 600; text-align: center; width:16px; height: 16px; background-color: #777; color:#fff; line-height: 18px; border-radius: 100px; margin-right: 10px; letter-spacing: -2px; padding-right: 2px}

.jb_tree02 dt {display: flex; text-align: left; border: none; align-items: center}
.jb_tree02 dt span {margin-right: 10px; display: inline-block; background: #fff; border-radius: 100px; margin-right: 6px; font-size: 10px; font-weight: 800; line-height: 1.2; padding: 9px; width: 48px; height: 48px; text-align: center}
.jb_tree02 dt span em {font-style: normal; font-weight: 800; font-size: 18px; padding-top: 1px; display: block;  }

.promise_02 .form-control {position: absolute; right: 0; top: 45px; cursor: pointer !important}

/* 20240807 추가 */
.section_news_article {width: 100%; margin-bottom: 40px; font-size: 18px; font-weight: 600; border-bottom: 1px #d7d7d7 solid; padding-bottom: 12px;}
.section_news_article a {display: block;}
.section_news_article a:hover {text-decoration: underline;}
.section_news_article a::before {display: inline-block; content: ''; width: 12px; height: 12px; background-color: #631004;}