@charset "utf-8";

/*───────────────────────────────────────────────────────────

경북매일 커스텀

───────────────────────────────────────────────────────────*/
* { font-family: 'Noto Sans KR' , sans-serif } 



/*경북매일 공통 */
body { width: 100%; margin: 0 auto; overflow-x: auto; padding: 0; } 
body #wrapper { max-width: 1024px; min-width: 320px; background-color: #fff; } 
#header .header_wrap { width: 100%; height: auto; min-width: auto !important; z-index: 9999; } 
#header .header_wrap .logo { display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); } 
#header .header_wrap .logo img { height: 24px; object-fit: contain; } 
#header .header_wrap img { border-radius: 0 } 
body, th, td, input, select, textarea, button, pre, a {line-height: 1.4;}

img { border-radius: 6px } 
#contents { margin-top: 0; min-height: 420px } 
.contents .flex_wrap { gap:30px } 
.contents .flex_wrap > div:nth-child(1) { border-right: none } 
.contents .section { border-top: 1px solid black; margin-top:25px; overflow: hidden; padding-top: 12px; } 
.contents .section .section_tit { display: flex; align-items: center; font-size: 19px; font-weight: bold; margin: 0 0 16px;  } 
.contents .section .section_tit a {line-height: 1; font-size: 19px; font-weight: bold; background-size: 12px; padding-right: 16px; } 
.contents .rel_gisa li::before { border-color:transparent transparent transparent #28598F } 
.contents .thum_img a { width: 110px; height: 72px; } 
.contents .thum_box a { display: block; max-height: none !important } 

.container { padding: 0 16px; } 
.contents .thum_box h3 a { font-size: 17px; font-weight: 500; -webkit-line-clamp: 3 } 
.contents .thum_box .thum_body { padding-top: 0; width: 100% } 
.contents .thum_box .thum_img { margin-left: 16px;} 
.contents .thum_box { align-items: center; padding: 10px 0; } 
.contents .thum_box:first-child { padding-top: 10px } 
.contents .left_wrap .section .thum_box { align-items: center } 
.contents .left_wrap .section .thum_box a { -webkit-line-clamp: 3 } 
.contents .card_box .card_img { padding-bottom: 10px } 
.contents .pagination { margin: 30px 0 } 
.gnb::-webkit-scrollbar { display: none } 

.popular_box .thum_num {min-width: 36px; text-align: center;}

#wrapper .contents .thum_box a {border-radius: 0;}
#wrapper .contents img {border-radius: 0;}

/*pick color*/
.pick { color:#28598F } 
.red { padding-right: 5px } 
.blue { padding-right: 5px; color:#28598F } 


/*메인 헤더*/
#header { height: 50px } 

.header_wrap.fix { position: fixed; background-color: #fff; z-index: 998; top: 0; left: 0; right: 0; max-width: 1024px; width: 100% } 
.header_wrap.fix .header_area { border-bottom:1px solid #dadce0 } 
.header_wrap.fix .util { display: block } 
.header_wrap.fix .gnb { position: relative; top: auto; left: auto; transform: none } 

.header_wrap { position: relative } 
.header_inner { padding: 0 15px 0; display: flex; justify-content: space-between; align-items: center; border-bottom:3px solid #28598F } 
#header .util { position: relative; top: 0 } 
#header .util_list li a { font-size: 14px; } 

#header .menu_btn { background-size: 18px; cursor: pointer; background-position: left center; } 
#header .menu_btn.on { background-size: 15px; background-position: center; z-index: 9999; left: -4px; } 
#header .search_inner { top: 10px; width: calc(100% + -30px); left:15px; height: auto; } 
#header .search_inner img { position: absolute; right: 10px; width: 21px; height: auto } 
#header .search_inner .form-control { border-radius: 3px; margin-left: 0; line-height: 1; padding:0 35px 0 10px; height: 37px } 
#header .search_inner .form-control::placeholder { font-size: 14px; font-weight: 200; color: #757575 } 

.header_area { position: relative; height: 50px; width: 100%; padding: 0 16px } 
.header_area .searchBtn { width: 24px; height: 24px; text-align: center } 
.header_area .searchBtn img { width: 20px; padding-top:2px } 
.header_area .searchBtn.on img { width: 17px; padding-top: 3px } 
.header_area .home { display: inline-block; width: 90px; position: absolute; left: 45px } 
.user_bar {display: flex; align-items: center; gap:5px}
.user_bar a {display: block; width: 24px; height: 24px; text-indent: -9999999999px; }
.user_bar .go_bk {background: url(../images/ico/bookmark.png) no-repeat left center; background-size: 30px;}
.user_bar .go_user {background: url(../images/ico/user.png) no-repeat right center; background-size: 18px; }

.search_bar { display: flex; position: relative; gap:3px;} 

/*검색버튼*/
#search_bar { z-index: 10; position: fixed; width: 100%; height: 60px; border-bottom:1px solid #28598F; background: #fff; top: 50px; left: 0 } 
#search_bar .search_inner { position: relative } 

.gnb { width:100%; white-space: nowrap; overflow-y: hidden; overflow-x: auto; justify-content: flex-start; align-items: baseline; } 
.gnb .gnb_list { flex-wrap: nowrap; height: 45px; } 
.gnb .gnb_list .gnb_bar { position: relative; padding-left: 5px; margin-right: 0 } 
.gnb .gnb_list .viva a { color:#3063C9 } 
.gnb .gnb_list li { margin: 0 10px; } 
.gnb .gnb_list li:first-child { margin-left: 0 } 
.gnb .gnb_list li.active a { color:#28598F } 
.gnb .gnb_list li:hover a { color:#28598F } 
.gnb .gnb_list li a { padding:0; font-size: 16px; font-weight:600; line-height: 23px } 
 
#wrapper .all_menu { position: fixed; top: 50px; z-index: 999 } 
#wrapper .all_menu_wrap { padding:0; background-color: #fff; width: 100%; height: 100%; overflow-y: scroll; max-width: 1024px; box-shadow: none; -webkit-overflow-scrolling: touch; } 
#wrapper .all_menu_wrap > div { width: 100% !important }    

#wrapper .nav_area { width: 1280px; margin: 0 auto; display: block } 
#wrapper .nav_area > div { display: block; padding-left: 15px; padding-right: 15px; margin-bottom: 25px } 
#wrapper .nav_bottom { margin-top: 0; padding:20px 0; background: #F1F3F5; border:none; } 
#wrapper .sns_list { margin: 20px 0; gap:6px; display: flex;  } 
#wrapper .sns_list li {margin-right: 0;}
#wrapper .sns_list li a img { border-radius: 0; display: block;  width: 36px; height: auto; } 
.util_list li::after { display: none } 
#wrapper .nav_area dd > div { display: flex; justify-content: flex-start; gap:10px } 
#wrapper .nav_area dd a { padding:2px 0 10px; display: block; width: 50%; font-weight: 500; font-size: 15px } 
#wrapper .nav_area dt a { margin-bottom: 10px; display: block; font-weight: bold; font-size: 16px } 

.nav_bottom p { font-weight: 500; margin-bottom: 10px; color:#111 } 
.nav_bottom span { display: block; margin-bottom: 20px; color:#565656; font-size: 13px } 

.nav_area dl { border: none; margin-right: 0; margin-bottom: 20px; margin-top:15px; padding-bottom:10px; border-bottom: 1px solid #dadce0; } 
.nav_area dl { position: relative } 
.nav_area dl dt img { width: 7px; position: relative; top: 4px; margin-left: 7px; } 
.nav_area dl dd a { display: flex } 
.nav_area dl a { display: block } 
.nav_area .util {padding:16px; border-bottom: 1px solid #d7d7d7 } 
.nav_area .util_list { display: inline-block } 
.nav_area .util li img { width: 6px; position: relative; top: 5px; margin-left: 7px; } 
.nav_area .util li:first-child { padding-left: 0 } 
.nav_area .util li::after { display: none } 
.nav_area .util li a { color:#111; font-weight:500; font-size: 15px; padding-right: 7px } 


/*메인 콘텐츠*/
.main_wrap {margin-bottom: 20px}
.main_wrap .top_news h2 { margin: 7px 0 10px } 
.main_wrap .top_news h2 a { font-size: 24px; line-height: 1.4 } 
.main_wrap .top_news h2 pre { font-size: 24px; } 
.main_wrap .top_news > div { width: 100% } 
.main_wrap .top_news .left_wrap {border-bottom: 1px solid #dedce0; margin-bottom: 16px; padding-bottom: 10px;}
.main_wrap .top_news .left_wrap .thum_box > div { margin: 0 } 
.main_wrap .top_news .left_wrap .thum_img a { width: 100%; height: auto;  } 
.main_wrap .top_news .thum_img { position: relative } 
.main_wrap .top_news .thum_box { border-bottom: none } 
.main_wrap .top_news .rel_gisa {margin: 0;}
.main_wrap .top_news .rel_gisa li {margin-bottom: 8px;}
.main_wrap .top_news .rel_gisa li a {font-size: 16px;}
.main_wrap .top_news .card_body {padding-bottom: 0;}
.main_wrap .top_news .card_body h3 a {font-size: 18px;}
.main_wrap .section .card_body h3 a {font-weight: bold; font-size: 18px;}
.event_section .thum_box:last-of-type {border-bottom: none;}
.top_news2 {margin-bottom: 20px;}
.event_section .card_body h3 a {font-size: 17px !important;}

/* 실시간뉴스 롤링 */
.briefing_wrap {width: 100%; margin:0 auto 16px; border-bottom: 1px solid #dadce0; height: 40px;}
.briefing {margin: auto 15px; display: flex; align-items: flex-start; gap: 10px; overflow: hidden; ;}
.briefing strong {flex-shrink: 0; color: #28598F; font-weight: 700; line-height: 40px; font-size: 13px }
.briefing ul {list-style: none; height: 40px; overflow: visible; position: relative;}
.briefing ul li {height: 40px; line-height: 40px; white-space: nowrap; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal}
.briefing ul li a {color: #333; font-size: 14px; font-weight: 500; }

.top_news2 .card_box {margin-bottom: 0; border-bottom: none;}
.top_news2 .card_box:first-child {margin-bottom: 16px;}
.contents .section.juyo {border-top: 1px solid #dadce0; padding-top: 0; margin-top: 0; }
.contents .section.juyo.juyo2 {padding-top: 16px; }
.juyo2 .card_box ~ .card_box {padding-top: 10px;}
#contents .left_wrap .thum_box:first-child { padding-top: 0 } 
.top_news .left_wrap .thum_box { display: block; padding-bottom: 0 } 
.top_news .left_wrap .thum_box .thum_body { margin-left:20px; padding-top: 0 } 
.main_wrap .right_wrap { width: 100% } 
.top_news .right_wrap { border-top: 1px solid #d5d5d5 } 
.top_news .right_wrap .thum_box:last-child { border-bottom: none } 
#contents .thum_box .thum_body h3 a { display: block; -webkit-line-clamp:auto; max-height: none; margin-bottom:0 } 
.top_other { border-bottom: 1px solid #d7d7d7 } 
.top_other:last-child { border-bottom:none } 
.top_other .card_box { border-bottom: none } 
.top_other .thum_box { border-bottom: none } 
.top_other .rel_gisa { margin: 0 !important } 
.top_other .rel_gisa li:last-child { margin-bottom:13px } 
.section h3 a { font-size: 17px; font-weight: 500 } 
.thum_box .description { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal } 

/*기획시리즈*/
.special { position: relative; width: 100%; overflow: hidden; }
.special .swiper-wrapper {margin-bottom: 0;}
.special .swiper-container { width: 100%; height: auto; }
.special .swiper-slide { display: flex;  flex-direction: column; height: 570px; }
.special .card_box { border: none; margin: 0; }
.special .card_box .card_img a { display: block; min-height: 194px; }
.special .card_box .card_img img { width: 100%; height: 100%; object-fit: cover; }
.special .card_box .s_cate a { display: block; font-size: 14px; color: #28598F; }
.special .card_box h3 {height: 51px;}

/*대선카운트*/
.election_box { margin-top:15px; background: #f1f3f5; padding: 20px; } 
.election_box .conunt_box { display: flex; align-items: center; justify-content: space-between; font-size: 24px !important; padding-bottom:15px; border-bottom: 1px solid #fff } 
.election_box .conunt_box strong { color:#22aac5 !important; font-size: 22px !important; background: none; display: block } 
.election_box .conunt_box strong a { color:#22aac5 !important; font-size: 22px !important; background: none; display: block } 
.election_box .conunt_box span { color:#28598F !important; font-size: 26px } 

/*오피니언*/
.bunryu { display: block; font-size:14px; color:#9E7B3F } 
.opinion_box .bunryu {display: inline-block; font-size: 17px;}
.opinion_box h3 .bunryu {display:block; font-size: 14px; margin-bottom: 4px; }
.opinion_box .thum_body a { font-size: 17px; font-weight: 500;} 
.opinion_box .thum_box { align-items: center; justify-content: flex-start; } 
.opinion_box .thum_img a { height: 60px; border-radius: 100% !important}

/*포토*/
.photo .card_img a { position: relative; min-height: 253px } 
.photo .card_img img { min-height: 253px } 
.photo .card_img .photo_tit { position: absolute; padding: 15px; bottom: 0; color:#fff; background:rgba(0,0,0,.57); width: 100% } 
.photo .card_img .photo_tit h3 { color: #fff; font-size: 20px } 
.photo .card_img .photo_tit p { color: #fff; margin-top: 5px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal } 

/*섹션뉴스*/
.article_box .col-md-6 .thum_box h3 a { font-weight:500 } 

/*랭킹뉴스*/
.article_wrap .ad_box_01 { width: 336px; height: 280px; margin: 0 auto 20px; } 
.article_wrap .ad_box_02 { position: relative; z-index: 0; width: 336px; height: 280px; margin: 20px auto; } 
.article_wrap .ad_box_03 { display: block; margin: 20px auto; } 
.article_wrap .ad_box_04 { width: 336px; height: 280px; margin: 20px auto; } 
.article_wrap .ad_box_05 { width: 336px; height: 280px; margin: 20px auto; } 
.article_wrap .ad_box_06 { width: 336px; height: auto; margin: 20px auto; } 
.article_wrap .ad_box_07 { width: 336px; height: auto; margin: 20px auto; } 
 
/*tk*/
.tk { position: relative; margin-bottom: 5px; margin-top: 25px !important } 
.tk .article_box { display: flex; justify-content: space-between; align-items: flex-start; margin: 0; width: 100%; overflow-x: scroll; white-space: nowrap; overflow-y: hidden; -webkit-overflow-scrolling: touch; } 
.tk .article_box .card_img { padding-bottom:10px } 
.tk .article_box .card_img a { padding-top: 0; height: 325px } 
.tk .article_box .card_img a img { position: relative; object-position: center } 
.tk .article_box > div { display: inline-block; width: 48%; float: none; flex-shrink: 0; margin-bottom: 0 !important; border-bottom: none } 

/*시민기자*/
.contents .citizen .thum_img a {width: 60px; height: 60px;}

/*섹션뉴스*/
.news_box { display: flex; justify-content: space-between; align-items: center; gap:16px; align-items: flex-start; } 
.news_box .card_box { border: none !important; margin-bottom: 0; width: 50% } 
.news_box .thum_box { border-bottom: 1px solid #d7d7d7; } 

/*알림*/
.notice {padding-top: 12px !important}
.notice img { width: 7px; position: relative; top: 7px; margin-left: 7px; } 
.notice-wrap { display: flex; align-items: center; padding: 0 0 12px; } 
.notice-title { font-weight: bold; color: #2b5fa9; margin-right: 10px; white-space: nowrap; font-size: 16px; } 
.notice-rolling { overflow: hidden; height: 20px; flex: 1; position: relative } 
.notice-rolling ul { margin: 0; padding: 0; position: relative; } 
.notice-rolling li { list-style: none; height: 20px; line-height: 20px; } 
.notice-rolling a { color: #333; text-decoration: none; display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important; overflow: hidden;  text-overflow: ellipsis; white-space: normal; font-size: 15px; font-weight: 500; } 

/*푸터*/
#footer { margin-top:30px; padding: 30px 16px; background: #F1F3F5; } 
#footer .footer_wrap { width: 100% } 
.footer_wrap img { width:100px; height: auto; border-radius: 0 } 
.footer_wrap .d-flex { gap:12px; margin: 20px 0 10px; } 
.footer_wrap .d-flex a { font-size: 13px; opacity: .8; } 
.footer_wrap p { font-size: 13px; color:#666 } 
.footer_wrap span { display: inline-block; margin-right: 10px; margin-top: 5px; font-size: 13px; color:#565656 } 
.footer_wrap p:last-child { margin:20px 0 0 } 
.footer_wrap .sns_list {justify-content: flex-end;}
/* .section.news .card_box .card_body a { min-height: 48px }  */
.section .card_box { margin-bottom: 0 } 
.section .card_body { padding-bottom: 10px } 

/*서브화면*/
.section_title h1 { display: block; margin: 10px 0 5px; font-size: 30px; font-weight: bold } 
.section_title h1 a { font-size: 30px; font-weight: bold } 
.contents .section_title .gnb { border-bottom: 1px solid #000 } 
.contents .section_title .gnb a { font-size: 16px; color:#222; font-weight: 600 } 
.contents .section_title .gnb a.active { color:#28598F; } 
.sub_wrap .popular_box .section_tit span { color:#28598F } 
.article_wrap .popular_box .section_tit span { color:#28598F } 
.sub_wrap .section_tit { color:#111 !important; font-size: 19px !important } 
.article_wrap .section_tit { color:#111 !important; font-size: 19px !important } 
.section_header_inner .gnb { border-bottom:1px solid #111 } 
.sub_wrap { margin-top: 15px } 
.contents .sub_wrap .top_news .card_box .card_body h3 a { font-size: 18px } 
.pagination span > a { font-size: 12px !important } 
     
/*최신뉴스*/
.new_list .thum_box { position: relative; align-items:flex-start; min-height: 80px } 
.new_list .gisa_date { position: relative; bottom:0; font-weight: 400; font-size: 13px; margin-top: 10px; color:#555 } 
.more_wrap { margin-top: 0; border-top: none } 
.more_wrap .btn_more { width: 40% } 

/*영상*/
.new_list .col-6 .card_box { margin-bottom: 0 } 
.video_wrap .top_news .card_img a::after { content:url(../../common/images/ico/youtube_s.png); display:  inline-block; position: absolute; top:46%; left: 46% } 
.video_wrap .card_img a::after { content:url(../../common/images/ico/youtube_s.png); display: inline-block; position: absolute; top:46%; left: 46% } 
.video_wrap .new_list .card_img a::after { content:url(../../common/images/ico/youtube_s.png); display: inline-block; position: absolute; top:42%; left: 42% } 
.video_rel .card_img a::after { content:url(../../common/images/ico/youtube_s.png); display: inline-block; position: absolute; top:46%; left: 46% } 
.video_rel + div .new_list .card_img a::after { content:url(../../common/images/ico/youtube_s.png); display: inline-block; position: absolute; top:46%; left: 46% } 
.video_box { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; display: block !important } 
.video_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } 

/*오피니언*/
.opinion_wrap .section_tit a { background: none } 
.opinion_wrap .section_tit img { width: 9px; position: relative; top: 4px; margin-left: 7px; } 
.opinion_wrap .opinion_box .thum_box { justify-content: space-between !important } 
.editorial_top .thum_body { display:flex; align-items: center; min-height: 107px; background: #F1F3F5; border-radius: 15px; padding:20px; margin-bottom: 10px } 
.editorial_top .thum_body h3 a { font-size: 19px; font-weight: 600; } 
.column_top { border-top: 1px solid #d7d7d7; margin-top: 30px; padding-top: 17px } 
.column_top .section_tit { margin-bottom: 12px } 
.gnb_list.depth3 { padding-bottom: 0; border-top: 1px solid #d7d7d7 } 
.gnb_list.depth3 li a { font-size: 15px; color:#535353 } 
.gnb_list.depth3 li.active a {  font-weight: bold } 
    
/*포토메인*/
.media_wrap .section_title { padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 30px } 
.media_wrap .card_box:first-child { padding-bottom: 20px } 
.media_wrap .top_news .card_box:first-child h3 a { font-size: 22px !important } 
.media_wrap .card_box { border-bottom: none } 
.media_wrap .card_box h3 a { font-size: 20px !important } 
.media_wrap .new_list .card_box h3 a { font-size: 17px !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal } 

/*기사상세*/
.news_content { padding-bottom: 30px !important; font-size: 18px; line-height: 31px; text-align: justify; } 
.news_tit_wrap { margin-bottom: 30px !important } 
.news_tit_wrap .news_date { line-height: 1.4 !important } 
.news_tit_wrap .news_date span { font-weight: 400 } 
.news_tit_wrap h2 { font-size: 28px !important } 
.sub_tit { padding-left: 10px !important } 
.sub_tit pre { font-size: 18px !important; text-align: left } 
.article_wrap .news_tit_wrap .location a { position: relative; color:#28598F } 
.article_wrap .news_tit_wrap .location a:nth-child(2)::before { content: ""; display: block; width: 1px; height: 15px; background: #363636; position: absolute; top:6px; left:5px } 
.article_wrap .news_tit_wrap .location a:nth-child(2) { padding-left: 14px; color:#363636; font-weight: 500 } 
#wrapper .scrollprogress { top: 50px; background:#28598F } 
.news_tool .dropdown-toggle { opacity: 1 !important } 
.news_tool .dropdown-menu { top: 15px !important; width: 280px } 
.news_tool .dropdown-menu li.sns_link img { width: 25px !important; padding-top: 7px !important } 
.news_tool .dropdown-menu li img { width: auto !important; height: 29px; padding-top: 11px !important } 
.article_detail_area { display: block } 
.article_detail_area .relatied_wrap { padding:15px 0 } 
.article_detail_area .relatied_wrap ul li { margin-bottom:0 } 
.article_detail_area .comment_wrap { margin-bottom: 0 } 
.article_detail_area iframe { width: 100% } 
.relatied_wrap strong { font-size: 18px !important; font-weight: bold !important } 
.comment_cont > p { font-size: 16px !important } 
.article_wrap .section h3 a { font-size: 17px !important } 
.article_wrap .section .section_tit { font-size: 18px !important } 
.article_wrap .section .section_tit a { font-size: 18px !important } 
.article_wrap .section .card_box { margin-bottom: 10px; border-bottom: none } 

.article_wrap .related_wrap { margin: 30px 0 } 
.article_wrap .related_wrap strong { display: block; font-size: 14px; font-weight: 400 } 
.article_wrap .related_wrap li { padding-left: 15px; position: relative } 
.article_wrap .related_wrap li::before { content: "·"; display: block; position: absolute; left: 0; top: 2px } 
.article_wrap .related_wrap li a { display: block; font-size:16px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.8 } 

.comment_wrap .comment_write .reply_txt textarea { height: 95px } 
.reporter_more { text-align: center; width: 100%; margin: 15px 0 0; background-color: #F4F8FC; border-radius: 6px; border: 1px solid #eee } 
.reporter_more a { display: block; padding:12px 0; background: none } 
.series_wrap > a strong { color: #28598F } 
.tag_wrap ul li { margin-bottom: 10px } 
iframe { border-radius: 6px; margin-bottom: 30px } 
.video_rel .card_body { padding-bottom: 5px } 
.reporter_area { background:none; border-radius: 0; padding-bottom: 15px !important } 
.reporter_area .name { font-size: 26px } 
.reporter_area p { margin-bottom:3px } 
.sns_drop .dropdown-menu ul { flex-wrap: wrap; gap:10px } 
.article_wrap .simplebox { margin:10px 0; text-align: left !important } 
.article_wrap .simplebox > div { background: #eef6ff; padding: 13px; } 
.article_wrap .simplebox > div a { font-size: 16px } 
.article_wrap .attach_wrap { margin: 30px 0 } 
.article_wrap .attach_wrap a { font-size: 16px; background: #eef6ff; padding: 13px; display: block; margin: 10px 0 } 

/*정치*/
#NEWS_01 {margin-top: 33px; padding-top: 28px}


/*기자정보*/
.reporter_wrap { border: 1px solid #d7d7d7; padding: 40px 0; margin: 40px 0 } 
.reporter_info { text-align: center } 
.reporter_wrap .reporter_info img { border-radius: 100px !important; width: 64px; height: 64px } 
.reporter_wrap .reporter_info strong { margin-top: 15px; display: block; font-weight: 600; font-size: 15px; text-align: center; line-height: 1 } 
.reporter_wrap .reporter_info p { margin-top: 15px; display: block; font-weight: 600; font-size: 15px; text-align: center; line-height: 1 } 
.reporter_wrap .reporter_info span { font-size: 13px; color:#7d7d7d; display: block } 
.reporter_wrap ul { width: 80%; margin: auto } 
.reporter_wrap li a { padding-left: 15px; display: block; font-size: 14px !important; color:#535353; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal } 
.reporter_wrap li { position: relative; font-weight: 500 } 
.reporter_wrap li::before { content: ""; display: block; position: absolute; top: 8px; left: 6px; width: 3px; height: 3px; background: #535353; border-radius: 100px } 
.reporter_wrap .ohter_link { text-align: center; display: block; margin: 30px auto 0; color:#28598F; font-size: 13px; line-height: 1; font-weight: 500 } 
.reporter_wrap .ohter_link img { width: 6px; margin-left: 5px; position: relative; top: 2px } 
.header_article .h_logo { background: url(../images/etc/logo.png) no-repeat 0 0; background-size: contain; display: inline-block; width: 120px; height: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } 
.header_article .menu_btn { position: relative;  } 


/*지면뷰어*/
.section_box { margin-top:25px; background:#f8f9fa; padding: 30px 35px; letter-spacing: -1px } 
.section_box strong { font-size: 24px; font-weight: 600; display: block; margin-bottom:15px } 
.section_box p { font-size: 15px; color:#454545; padding-bottom: 3px } 
.section_box .btn { background-color: #0072ec !important; color:#fff !important; min-width: 100px; font-size: 14px; border-radius: 100px } 
.section_box .btn_pdf { position: absolute; right: 0; background-color:#252525 !important } 
.section_box .btn_pdf:hover { background-color:#1D1D1B } 
.pdf_date { position: relative; display: flex; margin-top: 20px; padding-top: 25px; border-top: 1px solid #d7d7d7 } 
.pdf_date span { font-size: 20px; font-weight:400; letter-spacing: -1px } 
.pdf_date .date_select { margin-right: 5px; display: flex; align-items: center; cursor: pointer } 
.pdf_date .date_select select { font-size: 15px; line-height: 1; border: 1px solid #d7d7d7; border-radius: 0.375rem; height: 36px; margin-right: 5px; min-width: 130px; padding-left: 8px; cursor: pointer } 
.pdf_date .date_select option { cursor: pointer } 
.pdf_wrap .date_txt { font-size: 20px; margin: 40px 0; display: block; border-bottom: 1px solid #222; padding-bottom: 25px; font-weight: 600; text-align: center } 
.pdf_wrap .card_box { margin-bottom: 30px; padding: 10px 0; text-align: center; border: 1px solid #d7d7d7 } 
.pdf_wrap .card_box:hover img { opacity: .7 } 
.pdf_wrap .card_box a { font-size: 16px; font-weight: 500 } 
.pdf_wrap .card_box a:hover { color: inherit } 
.pdf_wrap .card_box .card_body { padding-bottom: 5px } 
.pdf_wrap .card_box .card_img a { padding-top: 0; background-color: #fff; } 
.pdf_wrap .card_box .card_img a img { position: relative; width: 164px; height: auto } 


/*통합검색*/
.search_total { display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: 5px; margin-bottom: 5px; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7 } 
.search_total:first-child { border: none } 
.search_total .form-control { height: 56px; width:100%; margin: 0 auto !important; border-radius: 6px !important; border:2px solid #28598F; padding-right: 50px } 
.search_total img { position: absolute; right: 15px; width: 30px; height: 30px } 
.search_total p > span { color:#28598F; font-weight: 500 } 
.search_total .btn_detail { font-size: 14px; padding-right: 23px; background: url(../images/ico/search_detail.png) no-repeat 66px 6px; line-height: 1; } 
.search_total .btn_detail:focus { border: none } 
.search_no { padding: 40px; text-align: center; font-size:20px; font-weight: bold } 
.sub_wrap .search_inner { margin-top: 30px } 
.search_option_inner { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #d7d7d7; padding-bottom: 10px } 
.search_option_inner strong { display: block; width: 100%; margin: 11px 0px 5px } 
.search_option_inner .form-check-inline { padding:5px 0; position: relative; margin-right: 10px } 
.search_option_inner .form-check-inline label { display: flex; align-items: center; line-height: 1 } 
.search_option_inner .form-check-inline label span { display: block; width: 60px } 
.search_option_inner .form-check-inline input { margin:0 7px } 
.search_option_inner .form-check-inline input[type="text"] { height: 30px; background: url(../images/ico/date_ico.png) no-repeat calc(100% + -5px) 5px; font-size: 13px } 
.search_option_inner .form-check-inline { display: flex; flex-shrink:0; align-items: center } 
.search_option_inner .chip.form-check-inline span { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; width: auto; align-items: center; border: 1px solid #d7d7d7; border-radius: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; justify-content: center; line-height:1; padding: 7px 15px } 
.search_option_inner .chip .form-check-input:checked + span { background-color: #306bfa; border-color: #306bfa; color: #fff; } 
.search_option_inner .chip .form-check-input { height: 1px; left: 0; opacity: 0; position: absolute; top: 0; width: 1px; } 
.search_option .btn_wrap .btn_blue { background-color: #28598F } 
.search_option .btn_wrap .btn { width: 100px; margin: 0 2px } 
.search_area .btn_wrap { border-bottom: 1px solid #111; position: relative; margin-bottom: 20px; height: 105px } 
.search_area .btn_wrap .btn_blue { width: 100%; height: 40px } 
.search_area .btn_wrap .btn_gray { background-color: #fff !important; position: absolute; left: 0; bottom: 10px; padding: 0; width: auto; color: #666; text-align: center; width: 100%; font-size: 14px } 
.search_no { font-size: 17px !important } 


/* 마이그레이션 기사 안정화 */
.news_content { font-size: 18px; line-height: 31px; font-weight: 400; letter-spacing: -.5px } 
.news_content div { margin-bottom: 20px } 
.news_content div:has(a) { margin-bottom: 5px } 
.news_content div a { font-size: 18px; letter-spacing: -.5px } 
.news_content strong { font-size: 18px; letter-spacing: -.5px } 
.news_content span { font-size: 18px; letter-spacing: -.5px } 
.news_content p { margin-bottom: 25px; letter-spacing: -.5px } 
.news_content a { display: inline } 
.news_content figcaption span { font-size: 13px } 

/* 과거기사관련 */
.news_content .flex_wrap.detail_list .left_flex figure.float-left { float: left; margin-right: 20px; } 
.news_content .flex_wrap.detail_list .left_flex .article_txt_box p img { margin-bottom: 20px; } 
.news_content figure.float-left { float: left; margin-right: 20px; } 
.news_content p img { margin-bottom: 20px; } 
#tem-type-1 { margin-bottom: 48px; font-size: 18px; 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: 18px } 
#tem-type-1::after { content: '\e244'; /* margin-top: 20px; */ font-size: 18px } 
#tem-type-1::before { content: '\e244'; /* margin-bottom: 20px; */ font-size: 18px; transform: rotate(180deg); } 
.news_content em { font-style: italic; font-weight: inherit; } 

/*기사상세 광고*/
.top_banner_box { position: absolute; top: 153px } 
.bottom_banner_box { position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0) } 
.banner_box { margin: 30px auto; text-align: center; z-index: 9999 } 


/*마이스크랩*/
.scrap_wrap .section_title { padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 15px; } 
.scrap_wrap .section_title h1 { line-height: 44px } 
.scrap_wrap .section_title h1 span { font-size: 13px; color: #666; font-weight: 400; padding-left: 7px } 
.scrap_wrap .section_title strong { font-weight: 400; color:#666; font-size: 13px } 
.scrap_list .news_unit_area { padding: 15px 0; display: flex; justify-content: space-between; align-items: center; gap:30px; border-bottom: 1px solid #d7d7d7 } 
.scrap_list .news_unit_area p { font-size: 17px; line-height: 1.375; font-weight: 600; color:#000 } 
.scrap_list .news_unit_area ul { display: flex; margin-top: 10px } 
.scrap_list .news_unit_area li { color:#757575; font-weight: 400; font-size: 13px; line-height:1; position: relative; margin-right: 20px } 
.scrap_list .news_unit_area li:last-child::after { content: ""; display: block; width: 1px; height: 13px; background: #d3d3d3; position: absolute; top:0; left: -9px } 
.scrap_list .news_unit_area .material-icons { font-weight: 200; color:#a7a7a7 } 
.scrap_list .pagination { margin-top: 15px; justify-content: flex-start } 
.scrap_list .pagination a { margin: 0; font-size: 13px; padding: 3px 10px } 
.scrap_list .pagination a:first-child { margin-right: 2px } 
.scrap_list .pagination a:last-child { margin-left: 2px } 
.scrap_list .btn { background: url(../images/ico/close.png) no-repeat center; width: 30px; height: 30px; background-size: 12px } 

.pagination a { font-size: 13px !important } 
.news_content figure { width: 100%; } 



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

/*메인*/
.col-12.col-md-6 > div:first-child { margin-bottom: 0; border-bottom: 1px solid #d7d7d7 } 


/*지면보기*/
.section_box { padding: 20px } 
.section_box strong { font-size: 20px } 
.section_box > p { padding-bottom: 10px } 
.section_box > p > span { display: block; padding-left: 7px } 

.pdf_wrap .pdf_date { display: block; margin-top: 10px; padding-top: 15px } 
.pdf_wrap .pdf_date .btn { width: 49% } 
.pdf_wrap .pdf_date .date_select { justify-content: space-between; margin-right: 0; margin-bottom: 15px } 
.pdf_wrap .pdf_date .date_select select { margin-right: 0; min-width: 33% } 
.pdf_wrap .row .card_box .card_img a img { width: 100% } 

}


/* 20250421 광고추가 */
.right_top_banner_01 { display: flex; width: 100%; height: auto; margin: 16px 0} 
.right_top_banner_01 iframe {margin-bottom: 0;}


/* 기사상세 댓글 하단 광고 */
.reply_ad_box01 { width: 100%; margin: 50px 0; } 


/* 검색결과 */
.search_nav_wrap {width: 100%; margin: 10px auto;}
.search_nav_wrap .search_resultTitle { width: 100%; padding: 10px 0; border-bottom: 1px #363636 solid; } 
.search_nav_wrap .search_resultTitle p { font-size: 26px; font-weight: 600; letter-spacing: -1.2px; } 
.search_nav_wrap .search_title_box { width: 100%; padding: 15px 0; border-bottom: 1px #363636 solid; } 
.search_nav_wrap .search_title_box .result_keyword { font-size: 18px; font-weight: 600; color: #28598F; } 
.search_nav_wrap .search_title_box .result_title { font-size: 18px; } 
.search_nav_wrap .search_title_box .result_title { font-size: 18px; font-weight: 600; } 
.search_nav_wrap .search_title_box .result_num { font-size: 16px; margin-left: 10px; font-weight: 600; color: #3e82ca; } 
.sub_wrap .new_list span.keyword_span { color: #28598F; font-weight: 600; } 


/* 속보배찌 */
.main_wrap .top_news h2 a.breakNews::before {position: relative; bottom:3px; content: '속보'; padding: 4px; background-color: #28598F; color: #fff; display: inline-block; width: 36px; height: 23px; letter-spacing: -0.5px; font-size: 12px; margin-right: 6px; text-align: center; font-weight: 400; position: relative; bottom: 4px;}
#contents .thum_box .thum_body h3 a.breakNews::before { position: relative; bottom:2px; line-height: 1.2; content: '속보'; padding: 3px; background-color: #28598F; color: #fff; display: inline-block; width: 33px; height: 20px; letter-spacing: -0.5px; font-size: 12px; margin-right: 6px; text-align: center; font-weight: 400;}


/* 단독배찌 */
.main_wrap .top_news h2 a.exclusive::before {position: relative; bottom:3px; content: '단독'; padding: 4px; background-color: #28598F; color: #fff; display: inline-block; width: 36px; height: 23px; letter-spacing: -0.5px; font-size: 12px; margin-right: 6px; text-align: center; font-weight: 400;}
#contents .thum_box .thum_body h3 a.exclusive::before {position: relative; bottom:2px; line-height: 1.2; content: '단독'; padding: 3px; background-color: #28598F; color: #fff; display: inline-block; width: 33px; height: 20px; letter-spacing: -0.5px; font-size: 12px; margin-right: 6px; text-align: center; font-weight: 400;}
   

/* 기사상세 자동태깅 */
.autoTag_guide_box {width: auto; padding: 20px; background-color: #F4F4F4; border-radius: 12px; margin-bottom: 30px;}
.autoTag_guide_box .tag_guide_txt {margin-bottom: 0;}
.autoTag_guide_box .tag_guide_txt p {position: relative; display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 0; letter-spacing: -1.2px;}
.autoTag_guide_box .tag_guide_txt p::before {display: inline-block; content: ''; background: url(../images/etc/AI_ico_01.png) no-repeat; width: 24px; height: 23px; margin-right: 7px;}
.autoTag_guide_box .tag_guide_txt p span {position: relative; display: inline-block; font-size: 16px;}
.autoTag_guide_box .tag_guide_txt p span::before {position: absolute; content: ''; background-color: rgba(81, 207, 227, 0.49); width: 133px; height: 7px; bottom: 3px; left: 0;}
.autoTag_guide_box .tag_guide_txt p span::after {position: absolute; display: inline-block; content: ''; background: url(../images/ico/edit-write.png) no-repeat; width: 29px; height: 29px; left: 128px;}

.news_content p {position: relative;}
.txt_marking { background-image: linear-gradient(to right, rgba(250, 242, 4, 0.58) 100%, transparent 0); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 2s ease; font-weight: 600; } 
.txt_marking.active { background-size: 100% 100%; } 

/* 본문스타일 */
.text-tiny { font-size: .7em; } 
.text-small { font-size: .85em; } 
.text-big { font-size: 1.4em; } 
.text-huge { font-size: 1.8em; } 

/*선거배너롤링*/
.election_wrap {width: 100%;max-width: 720px; margin: 0 auto 16px; padding:0;    border-bottom: 1px solid #dadce0;}
.election_single {width: 100%; height: auto !important; line-height: 0; overflow: hidden}
.election_double {width: 100%;height: auto !important; line-height: 0;  overflow: hidden}
.election_wrap img {width: 100%; height: auto; object-fit: cover;  display: block}

/* 컨테이너, 워퍼, 슬라이드 모두 높이 고정 해제 */
.election_wrap .swiper,.election_wrap .swiper-wrapper,.election_wrap .swiper-slide {margin-bottom: 5px;}


.thum_img a img {object-position: center !important }   
.card_img a img {object-position: center !important }