body { font-family:'Noto Sans KR','Roboto','Malgun Gothic','dotum','Arial',sans-serif; word-break: break-all } 
/*p, a, h1, h2, h3, h4, h5, h6, dt, dd, th, td, span, strong, li { transform: rotate(-0.001deg) !important } */
input[type=text]::-ms-clear { display: none !important; } 
p { margin-bottom:0 } 
em { font-style:normal } 
ul { padding:0 } 
li { list-style: none } 
a { color:#030303 } 
#wrapper { width:100%; letter-spacing:-0.05em } 
#wrapper .media { align-items:center } 
#wrapper .material-icons { vertical-align: middle } 
#wrapper textarea:focus { outline: none; } 
/*#wrapper .form-control:active, .form-control:focus { border: none; box-shadow: none; } */
#wrapper .btn { padding:.375rem .5rem; font-weight:normal; border-radius: 3px; border:0; cursor: pointer !important } 
#wrapper .btn:active, .btn:focus { border: none; box-shadow: none; } 


.flex_wrap { display:flex; justify-content: space-between; align-items: center } 

.txt_hidden { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0); white-space: nowrap } 

#wrapper .top_move { position: fixed; bottom:5%; right:3%; width: 55px; height: 55px; border: 1px solid #ddd; border-radius:100%; background:rgba(255, 255, 255, .75) url(../images/ico/top_ico.svg) 50% 50% no-repeat; z-index: 100; } 

#wrapper .line_horizon { clear:both; border-bottom: 1px #363636 solid; padding-top: 30px; margin-bottom: 30px } 



/**************************************
 common 
**************************************/
.bar01 { display:inline-block; width:1px; height:16px; background-color:#ddd; vertical-align: text-bottom } 

.borderT_b { border-top:1px solid #212529 } 
.borderT_g { border-top:1px solid #ddd } 

.pick_color { color:#0637a7 !important } 
.pick_bg { color:#fff !important; background-color:#083190 } 

.bg_sky { background-color:#edf6ff } 

h3 .tag_red:nth-child(2) { color:#99011d; border:1px solid #99011d; } 
.tag_red { display:inline-block; position:relative; padding: 1px 6px 0; bottom:1px; margin-right:4px; font-size:13px; font-weight:700; line-height:17px; color:#c01515; border:1px solid #c01515; border-radius: 3px; vertical-align: middle } 
.tag_series a { font-weight:bold; color:#084b90 } 

.thumbnail_img { width:100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 30% !important; height:auto } 


.container_wrap h2 { margin-top:13px; margin-bottom:15px; font-size:18px; font-weight:700; word-break:break-all; color:#030303 } 
.container_wrap h2 .material-icons-outlined { position:relative; left:-6px; vertical-align:text-bottom } 
.container_wrap h3 { font-size:17px; font-weight:500; line-height:24px; word-break:break-all; color:#212529 } 

.section { position:relative; display:table; width:100%; margin-top:40px; border-top:1px solid #212529; clear:both; word-break: break-all } 

.news_tit h3:hover a { opacity: .8; } 
.news_tit pre:hover a { opacity: .8; } 



/**************************************
 index 
**************************************/
#header { position: relative; margin:0 auto; width:100%; height:168px } 

/*header_left / slide_banner */
.header_wrap { /*display:table; */ padding:25px 0 20px; margin:0 auto; height:115px; width:1200px; clear:both; position:relative } 
.header_wrap h1 { position:absolute; left:501px; } 
.header_l { float:left; position: relative; overflow: hidden } 
.header_l i { opacity: .2 } 
.ad_banner_wrap { width:280px } 
.ad_banner_wrap .carousel-inner { margin-left:15px; width:250px } 
.ad_btn01 { position: absolute; top:20px; cursor: pointer; } 
.arrow_next { right:0 } 


/*header_right*/
.header_r { display:inline-block; position: absolute; right:0; width:335px } /*275*/
.header_r > .flex { margin-top:0 !important; float:right !important } 
.header_date { font-size:13px; line-height:20px; font-weight: 700; letter-spacing: -.5px; font-family:"roboto"; color:#333; } 
.header_date > span { position: absolute; right:0 } 

.c_best { color:#1565c0 } 
.c_common { color:#73bb39 } 
.c_bad { color:#e53935 } 

.header_weather { height:20px; overflow: hidden; letter-spacing: -1px; font-size:13px; } 
.header_weather ul { height:19px; overflow:hidden; position: absolute; left:60px } 
.header_weather li { display:block; height:20px; } 
.header_weather li span:first-child { width:36px; text-align: right !important; margin-right:2px } 
.header_weather li span:nth-child(3) { width:37px; } 
.header_weather li span { float:left; margin-left:3px; text-align: center; width:auto } 
.header_weather i { color:#1041ac } 
.header_weather svg { width:12px; height:20px } 



.btn_pdf { display:inline-flex; margin-top:12px; height:32px; background: #f2f6fa; font-size:13px; font-weight:500; color:#0637a7 !important; letter-spacing: -.05em; flex-shrink: 0; } 
.btn_pdf > span { margin-left:3px; margin-top:1px; font-size:18px; color:#084b90; } 
.search_box { display:flex; height:32px; box-sizing: border-box; border:1px solid #ccc; border-radius:3px; margin-top:12px !important } 
.search_box input { box-sizing: border-box; margin-top:2px; padding: 6px; width:96px; height:25px; font-size:13px; border:0; z-index:888; letter-spacing: -.3px } 
.search_box input::placeholder { font-size:11px; font-weight:300; letter-spacing:-1px; color:#acacac } 
.search_box .material-icons { padding-top:3px; padding-right:5px; padding-left:3px; cursor:pointer } 

/*header_nav*/
.header_nav { clear:both; position:relative; margin:0 auto; width:1200px; height:53px; line-height:49px; border-top:1px solid #e7e7e7; border-bottom:2px solid #252525; background:#fff; z-index:999 } 
.header_nav .btn { padding-left:0 !important; } 
.header_nav .btn .material-icons { font-size:28px; } 
.header_nav ul { float:left; display: block; } 
.header_nav ul li { display: inline-block } 
.header_nav ul li:first-child a { padding-left:0 } 
.header_nav ul li a { display: block; padding:0 10px; font-size:16px; line-height:51px; font-weight:500; letter-spacing:-.5px; } 
.header_nav .blue_li { position: absolute; left: 811px; display: inline-block; width: 120px; } 

.user_sns { float:right } 
.user_sns a { margin-left:7px; font-size:13px; font-weight:400; letter-spacing:-1px; color:#222 } 
.user_sns a:first-child { color:#535353; } 
.user_sns a:nth-child(2) { margin-left:7px; margin-right:3px; color:#535353; } 
.user_sns a > i { font-size:17px; opacity:.7 } 
.user_sns a > img { margin-bottom:5px; opacity:.68 } 
.user_sns a:hover i { color:#030303; opacity: 1 !important } 
.user_sns a:hover img { color:#030303; opacity: 1 !important } 


.nav_fix { position:fixed; top:0; } 
.header_nav.nav_fix { width:100%; height:56px; border-bottom:1px solid #c5c5c5 !important } 
.header_nav.nav_fix .user_sns { margin-top:1px } 
.nav_box { position:relative; margin:0 auto; width:1200px } 
.menu_fix { position: fixed !important; top: 56px; } 
.nav_box > .btn { float: left; padding-top:12px !important } 



/*header_menu*/
#header_menu { position:absolute; width:100%; height:auto; background-color:#fff; box-shadow: 0 6px 7px -4px rgb(0 0 0 / 10%); z-index: 999; border-bottom:1px solid #fafafa; clear:both } 
.menu_wrap { display:flex; margin:0 auto; width:1200px } 
.menu_list { padding:20px 0 25px; font-size:14px; line-height: 1; clear:both } 
.menu_list > li { float:left; display: block; padding: 0 20px; width:14.28571%; height:260px; text-align: left } 
.menu_list > li > a { display: block; overflow: hidden; position: relative; margin-bottom: 10px; padding-top: 10px; font-weight: 700; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap } 
.menu_list > li .sub_list li > a { display: inline-block; width:100%; padding:7px 0; color:#737373; } 


/*1_topnews*/
.section_l { float:left; margin-right:30px; width:892.5px } 

.top_box { float:left; display:inline-block; margin-right:30px; width:277.5px } 
.top_box .top_news .news_thumb .thumbnail_img { height:158px } 
.top_box .top_news .news_tit { margin-top:10px } 
.top_box .top_news .news_tit h3 { font-size: 20px; line-height:28px; max-height:83px; overflow: hidden } 
.top_box .top_news .news_tit p { display: -webkit-box; margin-top:5px; max-height:75px; font-size: 15px; line-height:24px; opacity: .8; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.top_box .head_news { margin-top:15px; padding-top:15px; border-top:1px solid #ddd; } 
.top_box .head_news .news_tit h3 { font-size: 20px; line-height:28px; } 
/*.top_box .head_news .news_tit h3 { font-size: 20px; line-height:28px; max-height:52px; display: -webkit-box; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical } */
.top_box .head_news .news_thumb { margin-left:15px } 
.top_box .head_news .news_thumb .thumbnail_img { width:62px; height:62px } 

.top_box .tag_series { font-size:14px } 

.head_box { float:left; display: inline-block; width:585px } 
.head_box .news_thumb .thumbnail_img { height:315px; background-position: 70% 30% !important; } 
.head_box .news_tit { padding-top:15px; text-align: center } 
.head_box .news_tit h3 { margin-top:10px; margin-bottom:15px; font-size:34px; line-height: 40px; max-height:122px; font-weight:600; letter-spacing:-1.8px; color:#000; overflow: hidden } 
.head_box .news_tit h3 > a { color:#000 } 
.head_box .news_tit h3 .tag_red { bottom:3px; font-size:20px; line-height:26px } 
.head_box .news_tit p { margin-bottom:5px } 

.head_box .youtube_box { margin-bottom:20px; width:100%; overflow: hidden; height:394px } 
.head_box .youtube_box > img { width:100%; height:100% } 

.related_link { display:inline-grid; font-size:15px; text-align: left } 
.related_link li::before { content:"•"; color: #adb6ca; margin-right:6px; padding: 0; top:0; left:0; bottom:0; } 


.briefing { display: inline-flex; margin-top:15px; width:100%; height:45px; font-size:16px; line-height:45px; clear:both; background-color:#f2f6fa; overflow: hidden; align-items: flex-start; } 
.briefing > strong { width:35%; text-align: center; font-weight:500 } 
.briefing > strong .material-icons-outlined { margin-right:8px; font-size:20px; line-height:45px; vertical-align:middle; opacity:.8 } 
.briefing .latest-newsList { display: inline-block; margin-bottom: 0; overflow: hidden; height: auto; position: relative; width: 500px; padding-left: 0; margin-left: -12px; flex-grow: 2 } 
.briefing .latest-newsList li { list-style: none; cursor: pointer; height: 45px; display: flex; align-items: center; position: relative; text-align: left; } 
.briefing .latest-newsList li a { position: relative; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.section_r { float:left; width:277.5px; } 
.section_r .right_list li { padding:15px 0 } 
.container_wrap .section:first-child .right_list li .news_tit h3 { overflow: hidden; max-height: 65px } 

.right_list li { padding:15px 0; min-height:60px; border-bottom:1px solid #ddd; align-items: center } 
.right_list li:first-child { padding-top:0 !important; min-height: 0 } 
.right_list li .news_tit h3 { font-size:16px; line-height:22px } 
.right_list li .tag_series { display:inline-block; font-size:12px } 
.right_list li .news_thumb { margin-left:15px } 
.right_list li .news_thumb .thumbnail_img { width:62px; height:62px } 


/*container*/
.container_wrap { position:relative; margin:0 auto; width:1200px; clear:both } 

.row_list_04 { display:inline-block } 
.row_list_04 li { float:left; width:277.5px !important; margin-right:30px } 
.row_list_04 li:last-child { margin-right:0 } 
.row_list_04 .news_thumb .thumbnail_img { height:155px; } 
.row_list_04 .news_tit h3 { margin-top:10px; margin-bottom:3px; overflow: hidden; display: -webkit-box; max-height: 46px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } 
.row_list_04 .news_tit p { height:24px; opacity:.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap:break-word } 

.row_list_03 { display:inline-block } 
.row_list_03 li { float:left; width:277.5px; margin-right:30px; } 
.row_list_03 li:last-child { margin-right:0 !important } 
.row_list_03 .news_thumb .thumbnail_img { height:155px; } 
.row_list_03 .news_tit h3 { margin-top:10px; margin-bottom:5px; overflow: hidden; display: -webkit-box; max-height: 46px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } 
.row_list_03 .news_tit p { opacity:.8 } 


/*2_sepcial*/
.swiper { position: relative; width: 1200px; height: 100%; display: block; overflow: hidden } 
.section .swiper_btn { width:36px; height:36px; background-color:#fff; border-radius:50%; border:1px solid #cdcdcd; background-size:20px; opacity: 1; box-shadow: 0 6px 7px -4px rgb(0 0 0 / 15%); } 
.section .swiper-button-prev { background-image:url(../images/ico/prev_ico.svg); background-size:26px; left:-18px } 
.section .swiper-button-next { background-image:url(../images/ico/next_ico.svg); background-size:26px; right:-22px } 
 


/*3_issuepick*/
.issuepick { border-top:none !important; margin-top:20px !important } 
.issuepick .bg_sky { margin-top:20px; padding:15px; background:#f2f6fa; } 
.issuepick h2 { margin:0; padding-left:11px } 
.issuepick h3 a { display: block; padding:12px 15px; } 
.issuepick h3 span { vertical-align: bottom } 
.issuepick .thumbnail_img { height:160px; } 
.issuepick .row { margin:0 } 
.issuepick .col-3 { max-width:23%; margin-top:15px; margin-bottom:10px; margin-right:1%; margin-left:1%; padding:0; background: #fff; border:1px solid #e8e8e9; } 
.issuepick .news_tit { margin:0 15px; padding:10px 0; border-bottom:1px solid #ddd } 
.issuepick .news_tit:last-child { border-bottom:0; padding:10px 0 14px } 
.issuepick .news_tit pre { overflow:hidden } 
.issuepick .news_tit a { display:block; font-size:16px; line-height: 22px; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.66em; } 




/*4_news opinion*/
.middle_box { overflow: hidden } 
.middle_box .fl h3 { max-height:47px; overflow:hidden } 
.middle_box .media { justify-content: flex-start; } 

/*현장의목소리 수정요청 220614*/
.section_l .borderT_b .right_list li .news_tit p { display: -webkit-box; margin-top: 10px; max-height: 40px; font-size: 15px; line-height: 20px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.section_l .borderT_b .right_list li .news_tit p a { color:#363636 } 

.section_l .borderT_b .fl .news_tit pre { margin-top:15px } 
.section_l .borderT_b .right_list .news_tit pre { margin-top:4px !important } 
.section_l .borderT_b .right_list .news_tit pre a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 


.middle_box .news_thumb .thumbnail_img { height:219px } 
.middle_box .news_tit { align-items: center } 
.middle_box .news_tit h3 { font-size:17px; line-height:24px } 
.middle_box .news_tit p { opacity: .8 } 
.middle_box .news_tit.media-body p { display: -webkit-box; margin-top: 5px; max-height: 96px; font-size: 15px; line-height: 24px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical } 
.middle_box .right_list li { padding-top:15px; padding-left: 0; } 
.middle_box .right_list li:last-child { padding-bottom:0; border-bottom: 0 !important; } 
.middle_box .right_list .news_thumb { margin-left:0; margin-right:15px } 
.middle_box .right_list .news_thumb .thumbnail_img { width:124px; height:94px } 
.middle_box .right_list li .news_tit p { font-size:14px; width:290px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap:break-word } 
.middle_box .right_list li .news_tit h3 { font-size:17px; max-height:43px; overflow: hidden } 

.opinion_list li .news_tit h3 { font-weight: 500; font-size:16px; line-height:23px } 
.opinion_list li .news_tit p { margin-top:5px; font-size:13px; opacity: .8 } 
.opinion_list li .news_tit h3 .pick_color { margin-right:6px } 
.opinion_list li .news_thumb .thumbnail_img { width:52px; height:52px; border-radius:50%; border:1px solid #eee } 
.opinion_list li:first-child { padding-top:15px !important; border-top:1px solid #ddd !important } 
.opinion_list li:last-child { border:none !important } 

.manpyung { margin-bottom:15px } 
.manpyung .pick_color { display:block; font-weight:500; margin-bottom:3px } 
.manpyung .thumbnail_img { height:180px; background-size:277.5px 180px !important } 
 

/*5_adverdise*/
.ad_wrap01 { display:table; margin-top:30px } 
.ad_wrap01 > div { float:left; width: 228px; margin-right:15px } 
.ad_wrap01 > div:last-child { margin-right:0 !important } 
.ad_wrap01 > div img { width:100%; height: 80px } 


/*6_area*/
.ad_box_slide { margin: 0 auto; padding-top: 51px; width: 210px; overflow: hidden; } 
.ad_box_slide > div { text-align: center } 
.ad_box_slide img { width:auto; height:267px } 

.notice_box { margin-top:31px !important } 
.notice_box h2 { display:block; width:20%; margin-bottom:0; font-size:16px; font-weight: 700; text-align: center } 
.notice_box ul { clear:both } 
.notice_box ul li { margin-bottom:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 277px } 
.notice_box ul li:before { content: "·"; margin-right:5px } 

.notice_box .link_box { margin: 7px 0 7px; } 
.notice_box .link_box a { display: inline-block; text-align:center; font-weight: 500; font-size: 1rem; padding-left:10px } 
.notice_box .link_box a::after { content: "|"; padding-left:10px; opacity: .35 } 
.notice_box .link_box a:last-child::after { content:none; display: none } 



/*7_media center*/
.media_wrap { margin-bottom:15px; display:inline-block !important } 
.media_wrap > div { float:left; width:585px; } 
.big_tit { display:inline-block; margin-top:10px; font-size: 26px; line-height: 40px; overflow: hidden; max-height:80px } 
.media_wrap .thumbnail_img { height:360px } 
.media_wrap > div:last-child { width:615px } 
.media_list li { float:left; width:277.5px; margin-left:30px; margin-bottom:15px } 
.media_list li .news_thumb .thumbnail_img { height:155px; } 
.media_list li .news_tit { margin-top:10px; margin-bottom:5px; display: -webkit-box; min-height:25px; height:50px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical } 
.media_wrap .news_thumb { position: relative } 
.media_wrap .material-icons { position: absolute; bottom:15px; right: 15px; color: #fff; font-size: 36px !important } 
.media_wrap li .material-icons { bottom: 8px; right: 8px; cursor:pointer } 
.media_wrap .media_list li .news_thumb .photo_ico { font-size:30px !important; bottom: 12px; right: 12px; } 



/*10_paper*/
.paper_wrap { display: block; font-size: 0; text-align: left; float: left; margin-bottom: 35px; } 
.paper_wrap a { overflow: hidden; padding: 0.375rem 0; padding-top: 0; width: calc(100% / 14); text-align: center; display: inline-block; } 


/*footer*/
#footer { padding:30px 0px; width:100%; border-top:1px solid #c5c5c5; clear:both } 
.footer_wrap { display:flex; margin:0 auto; width:1200px; justify-content: space-between } 
.footer_wrap .f_logo > img { width:130px } 
.footer_wrap ul li { float:left; font-size:14px; } 
.footer_wrap ul li::after { content:"｜"; display: inline-block; padding:0 2px; color:#a5a5a5 } 
.footer_wrap ul li:last-child::after { content:""; } 
.footer_wrap p { display: block; margin-top:3px; font-size:13px; opacity: .8; clear:both } 



/**************************************
 section 
**************************************/


/*profile*/
.profile_thumb { margin-right:30px; width:100px; height:100px; border-radius:50%; background-size: cover; background-repeat: no-repeat; background-position: 50% 30%; border:1px solid #eee } 
.profile_tit > p { font-size:20px; font-weight: 600; margin-bottom:3px } 
.profile_tit > sapn { margin-top:10px; font-size:14px; opacity: .8 } 


/*top menu*/
.top_sub_menu { border-bottom:1px solid #888 } 
.top_sub_menu > h2 { display:inline-block; margin-top:28px; margin-bottom:20px; line-height: 1; font-size:32px; } 
.sub_menu_list { display:inline-block; margin-left:30px } 
.sub_menu_list > li { display:inline-block; padding-right:35px } 
.sub_menu_list li.active { font-weight:bold; } 



/*submenu drop*/
.sub_menu_tit { position: relative; display: inline-block } 
.sub_menu_tit.active { font-weight: bold !important } 
.sub_menu_tit a { margin-right:22px; color:#2a2a2c; display: inline-block } 
.sub_menu_tit .dropdown-menu { margin-top:19px; background: #fff; border:1px solid #ddd; border-radius:0 } 
.sub_menu_tit .dropdown-menu li a { display:inline-block; padding:10px; font-size:14px; color:#444 } 
.sub_menu_tit .dropdown-menu li:hover a { font-weight:bolder } 
.sub_menu_tit .dropdown-toggle { margin-right:25px } 


.section_r .aside_box_area { border-bottom:1px solid #252525 !important } 
/*.section_r .aside_box:first-child { border-bottom:1px solid #252525 !important } */
.aside_box { padding-bottom:5px; } 
.aside_box h2 { margin-bottom:10px; width:100%; height: auto } 

.s_list li { margin-bottom:10px; font-size:14px; font-weight:500; overflow: hidden !important; text-overflow: ellipsis; } 
.s_list li a { color:#2a2a2c; white-space: nowrap; } 
.s_list li > a:hover { opacity:.9 } 
.s_list li .material-icons { font-size:21px; vertical-align:top !important } 

.aside_box .right_list { margin-bottom:30px; } 
.aside_box .right_list li { min-height: auto !important } 
.aside_box .right_list li .news_thumb { margin-left:0 } 
.aside_box .right_list li .news_thumb .thumbnail_img { width:100%; height:158px } 
.aside_box .right_list li .news_tit h3 { display: -webkit-box; font-size:15px; line-height:21px; font-weight:500; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; } 


/*article_list*/
.article_list { padding:25px 0; border-bottom:1px solid #ddd; } 
.article_list .news_thumb { margin-right:25px } 
.article_list .news_thumb .thumbnail_img { width:180px; height:115px; background-size:contain !important; } 
.article_list .news_tit h3 { font-size:18px; max-height: 48px; font-weight:600; overflow: hidden } 
.article_list .news_tit h3 a { display:block } 
.article_list .news_tit p { display: -webkit-box; margin-top:10px; max-height:50px; font-size:15px; line-height:24px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; } 
.article_list .news_tit p > a { color:#757575 } 
.article_list .news_tit .byline { display:inline-block; margin-top:7px; font-size:13px; letter-spacing:-.025em; opacity:.55 } 
.article_list .news_tit .byline > span::after { content:" ㅣ "; } 
.article_list .news_tit .byline > span:last-child::after { content:""; } 


/*pagenation*/
.pagenation_wrap { width: 100%; position: relative; float: left; padding: 15px 0; margin-top: 30px; margin-bottom: 50px; text-align: center } 
.pagination_list { padding-left: 0 } 
.pagination_list li { display: inline-block } 
.pagination_list li a { display: inline-block; min-width:30px; height:auto; font-size: 14px; color:#454545; vertical-align: middle; transition: color .15s ease-in-out; } 
.pagination_list li a:hover { font-weight:bolder; } 
.pagination_list li a.active { font-weight:bolder; text-decoration: underline } 
.pagination_list li.arrow_list { width:25px; opacity:.6 } 
.pagination_list li.arrow_list .material-icons { font-size:18px; line-height:24px; } 
.pagination_list li.arrow_list:hover { opacity:1 } 


.ad_box_aside img { margin-bottom:10px; width:100% } 



/**************************************
 article 
**************************************/
#article_wrap #header_menu { top:56px; position:fixed !important; border-top:1px solid #c5c5c5 } 

.header_tit_wrap { position: fixed; width:100%; background-color:#fff; z-index:999; border-bottom:1px solid #c5c5c5 } 
.header_tit_wrap .header_nav { display: flex; justify-content: space-between; width:1200px; margin:0 auto; height:56px; line-height:52px; border:0 !important; background:#fff } 
.header_tit_wrap .header_tit { max-width: 700px; line-height:57px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.header_tit_wrap .header_nav .search_box input { width:110px } 



.article_view { position: relative; margin:0 auto; top:80px; /* padding-bottom:110px; */ width:585px; margin-bottom: 130px; } 
.article_view .class_div_main { margin: auto; margin-bottom: 30px; display: table; } 
.article_view .class_div_main img { position: relative; width: 100%; } 
.article_view .yjVideoTemplate { display: block; width:585px } 
.article_view .yjVideoTemplate iframe { width:100% } 
.article_view .article_image { margin-top: 30px !important; display: table; margin: auto; margin-bottom: 30px; position:relative; } 
.article_view .article_image img { width:700px; } 
.article_view figcaption { display: table-caption; caption-side: bottom; padding-top:10px; font-size:13px; opacity: .7; text-align: left } 
.article_view em { font-style:italic } 

.article_view .align_right { margin-left: 15px !important; } 
.article_view .align_left { margin-right: 15px !important; } 

.article_view .float-right { margin-left:15px } 
.article_view .float-left { margin-right:15px } 

.article_view .photo-layout img { max-width: 585px; height: 100% } 


/*수정 기사상세 이미지 크기
.article_view .photo-layout { position:relative; left: 50%; transform: translateX(-50%) } 
.article_view .photo-layout img { max-width: 700px } 
.article_view .float-right { margin-left:-35px } 
.article_view .float-left { margin-right:-35px } 

.article_view .align_right { float: right !important; margin-left: 12px !important; left: auto !important; transform: inherit !important; width: auto !important; } 
.article_view .align_left { float: left !important; margin-right: 12px !important; right: auto !important; transform: inherit !important; width: auto !important; position: inherit !important } 
*/

.article_tit_wrap { margin-bottom:15px; font-size:14px; letter-spacing: -.075em; border-bottom:1px solid #d7d7d7 } 
.article_tit { margin-top:10px; font-size:32px; line-height: 42px; font-weight: 600 } 
.article_location { } 
.article_location a::after { content:""; display:inline-block; margin:0 8px; width: 2px; height: 12px; background-color:#c5c5c5 } 
.article_location a:last-child::after { content:none; } 
.article_date { margin:20px 0; letter-spacing: 0; opacity: .6 } 


#control_wrap { display:inline-block; border:1px solid #c5c5c5; border-radius: 3px; background:#fff; position: absolute; left: -150px; width: 60px; height: 160px; } 

#control_nav { height: 0 !important; z-index:99 !important } 
#control_nav .dropdown-toggle > .btn { position:relative; display: block; padding:15px; margin:0 auto; text-align:center; border-bottom:1px solid #ddd; border-radius:0 } 
#control_nav .dropdown-toggle:last-child > .btn { border-bottom:0 } 
#control_nav .fab { font-size:16px; vertical-align:middle } 

#control_nav .dropdown-toggle::after { display:none !important } 

.control_box { left:50px !important; background:#fff; padding:20px; width:auto; z-index: 9; border:1px solid #c5c5c5; border-radius: 3px; } 

.contol_tit { font-size:14px; font-weight: 600; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; display:flex; justify-content: space-between; } 
.contol_tit .material-icons { font-size:20px; opacity:.6; cursor:pointer } 


.control01 { transform: translate3d(10px, 0px, 0px) !important } 
.control01 .sns_box { width:342px; white-space:normal } 
.control01 .sns_box .btn { display:inline-table; padding:0; width:83px; text-align:center } 
.control01 .sns_box .btn:nth-child(n+5) { margin-top:7px } 
.control01 .sns_box span { display: block } 
.control01 .sns_box span:first-child { padding:7px 0; height: 30px } 
.control01 .sns_box span:last-child { margin:5px 0 } 

.control02 { transform: translate3d(10px, 100px, 0px) !important } 
.control02 .btn { vertical-align:text-bottom; align-items: center; justify-content: space-between; line-height: 22px !important; } 
.control02 .btn.active { font-weight: bold; text-decoration: underline } 
.control02 .btn_ga01 { font-size:11px; } 
.control02 .btn_ga02 { font-size:14px; } 
.control02 .btn_ga03 { font-size:18px; } 
.control02 .btn_ga04 { font-size:20px; } 
.control02 .btn_ga05 { font-size:22px; } 


.scrollprogress { position:fixed; top:56px; left:0; height:3px; background:#083190; width:0%; } 



.article_cont_wrap { position: relative } 
/*.article_cont_wrap .photo-layout { width:585px } */
/*.article_cont_wrap .photo-layout img { width:585px } */
.article_cont_wrap p { font-size: 18px; line-height: 1.56; font-weight: 400; color: #000; letter-spacing: -.3px; margin-bottom: 3px; } 

.article_cont_wrap .report_box { margin-bottom:20px; font-size:14px; } 
.article_cont_wrap .report_box .media > div { display: table-cell; } 
.article_cont_wrap .report_box .profile_thumb { width:50px; height:50px; margin-right: 0 } 
.article_cont_wrap .report_box .profile_tit > div { font-size:14px; font-weight:500 } 
.article_cont_wrap .report_box .profile_tit { padding-left: 15px } 

/*기자더보기 추가*/
.article_cont_wrap .report_box .media { margin-bottom:15px } 
.report_box>div:nth-child(n+2) { display: none } 
.more_rpt { display:none; font-size:13px; color:#54535a; font-weight: bold !important; position: absolute; top:0; right:0 } 


.sub_tit { margin-top:30px; margin-bottom:15px; width:585px; overflow: hidden } 
.sub_tit pre { padding-left:10px; border-left:3px solid #222; font-weight:500; font-family: 'Noto Sans KR','Malgun Gothic','dotum','Arial',sans-serif; margin-bottom:0; font-size:1rem; color:#121212; overflow: auto; white-space: pre-wrap; line-height:160%; } 

.sky_box { margin-bottom:30px; padding:15px 15px 20px; background-color: #f7fbff; } 
.sky_box .editor { display: block; margin-bottom:5px; line-height: 2; color:#083190 } 
.sky_box p { font-size:16px; color:#333 } 



.tag_wrap { margin:30px 0 20px } 
.tag_wrap a { display:inline-block; margin-right:5px; margin-bottom: 10px; padding:5px 8px; font-size:15px; line-height:1.2; text-decoration: none; border:1px solid #c8c8c8; border-radius:3px; background-color: #fbfcfe } 

.article_cont_wrap .related_link li { font-size:16px; font-weight:500; margin-bottom:7px } 
.article_cont_wrap .related_link li:last-child { margin-bottom:0 } 


/* play size */
.article_cont_wrap .simplebox iframe { width: 100% !important; height: 344px !important; } 
.article_cont_wrap .iframe iframe { width: 100% !important; height: 344px !important; } 

/*동영상
.article_cont_wrap .iframe { position: relative; overflow: hidden; height: 0; padding-bottom: 60%; margin-bottom: 15px; } 
.article_cont_wrap .iframe iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
*/



/*comment*/
.comment_wrap { margin-bottom:30px; padding-top:20px; border-top:1px solid #888 } 

.modal_comment { color:#444; } 

.comment_login { padding:10px 15px; width:100%; font-size:13px; text-align:left; color:#a5a5a5; border:1px solid #ddd; background-color:#fff } 

.comment_list { margin-bottom:50px } 
.comment_list .comment_box:first-child { border-top:none } 
.comment_box { clear:both; padding-top:15px; border-top:1px solid #ddd; font-size:14px; line-height:22px; } 
.comment_box .reply_03 p { word-break: break-all } 
.comment_box .btn_thumb { padding-right:0 !important } 
.comment_box .btn_thumb:first-child .active { color:#d9534f !important } 
.comment_box .btn_thumb:last-child .active { color:blue !important } 
.comment_box p { word-break:break-all } 
.comment_time { padding-left:3px; font-size:13px; color:#757575 } 

.btn_delete .btn { opacity: .5 } 
.btn_delete .dropdown-menu { padding:0; font-size:13px; min-width: inherit; border-radius:3px; border:1px solid #ccc; transform: translate3d(-59px, 25px, 0px) !important; } 
.btn_delete .dropdown-item { padding:5px 15px; color:#666; font-weight:300; letter-spacing:-0.01em } 
.btn_delete .dropdown-item:hover { background-color:transparent; cursor: pointer } 
.btn_delete .dropdown-item:active { color:#333; background-color:transparent } 

.delete_box { position: absolute; right:1.25rem; display: block; font-size:12px; line-height: 1; 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 } 

.comment_tab { display: block; margin-top:25px; padding-bottom: 0.5rem; border-bottom:1px solid #888 } 
.comment_tab a { display: inline-block; margin-right:10px; font-size:14px; line-height: 1.125; opacity: .7 } 
.comment_tab a.active { font-weight:bolder; opacity: 1 } 

.re_write { clear:both; position:relative; padding:0 15px 15px; 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:15px; top:20px } 
.re_write .re_txtarea::placeholder { color:#ccc } 
.re_write .re_under_wrap { } 
.login_notice { display:inline-block; margin-top:15px; margin-left:15px; padding:0; font-size:14px; color: #222; text-align: left; background: none } 
.re_txtarea { display:block; width:100%; overflow-y: auto; height: 85px; padding: 15px; font-size: 14px !important; line-height: 1.625; border:0; } 
.re_txtarea::placeholder { color:#a5a5a5 } 

.re_under_wrap { display:flex; padding:5px 15px; justify-content: space-between; align-items: center; border-top:1px solid #ddd } 
.re_under_wrap > span { font-size:12px; opacity: .6; letter-spacing: 0 } 
.re_under_wrap > .btn { padding:.375rem 1rem } 

.g-recaptcha {  padding: 7px } 

.reply_login { margin-top:2px } 

/*recommend news*/
.article_view .row_list_03:last-child li { margin-top:20px } 
.article_view .row_list_03 li { width:185px; margin-right:15px; font-size:14px } 
.article_view .row_list_03 li h3 { font-size:15px } 
.article_view .row_list_03 .news_thumb .thumbnail_img { height:115px } 

.ad_box_t_b { width:100%; height:150px; overflow: hidden; display: none !important } 
.ad_box_t_b img { width:100%; height:150px } 
.ad_box_left { position:absolute; margin-top:35px; width:277.5px; height:624px; right:calc(100% + 30px); overflow: hidden; display: none !important } 
.ad_box_left img { width:100%; height:624px } 
.ad_box_right { position:absolute; margin-top:35px; width:277.5px; height:624px; left:calc(100% + 30px); overflow: hidden; display: none !important } 
.ad_box_right img { width:100%; height:624px } 



/**************************************
 photo article 
**************************************/

.gallery_wrap { position: relative; top:-75px } 
.gallery_wrap .article_view { /*width:700px; */ } 
.gallery_wrap .mySwiper3 { } 


.gallery_tit { margin:15px 0 } 
.gallery_slide_box { clear:both; margin-top:0; margin-bottom:20px; overflow: hidden } 
.gallery_slide_box .swiper { margin:0 auto; width:585px; 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%; position: relative } 
.gallery_slide_box .mySwiper2 .swiper-slide { overflow:hidden; position:relative; height:450px; background-color: #fff; } 
.gallery_slide_box .mySwiper2 .swiper-slide img { position: absolute; display: block; margin: auto; 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:138px; height:80px; cursor: pointer } 
.gallery_slide_box .mySwiper .swiper-slide-thumb-active { border:3px solid #083190 } 
.gallery_slide_box .slide_btn { overflow: hidden; width: 50px; height: 100px !important; background-color: #f8f8fa; border-radius: 0; background-size:2.5rem; position: absolute; z-index: 1; padding: 0; font-size: 3rem; z-index:888; opacity:.7 } 
.gallery_slide_box .swiper-button-next { right:0; background-image:url(../images/ico/arrow_right_b.svg); background-size: 30px } 
.gallery_slide_box .swiper-button-prev { left:0; background-image:url(../images/ico/arrow_left_b.svg); background-size: 30px } 

.slider_play_box { margin:20px 0 0; text-align: center; } 
.slider_play_box .btn { padding: 5px 12px !important; font-size: .688rem; color: #686868 !important; background-color: #fff; border-color: #ced2db; border-radius: 3px; border:1px solid #ddd !important } 
.slider_play_box .btn > i { font-size:10px; vertical-align: middle } 
.slider_play_box .btn.active { background-color: #083190; } 
.slider_play_box .btn.active i { color: #fff } 




.swiper-button-next, .swiper-button-prev { top:40% } 

.gallery_slide_box figcaption { display: block !important; padding-bottom: 18px; background-color:#fff; caption-side: bottom; display: table-caption !important; } 


.gallery_slide_box .mySwiper2 .swiper-slide { overflow: hidden; height: auto; background-color: #fff; position: relative; margin-top: 30px; } /* 20220331 수정 */

.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 .mySwiper2 .swiper-slide .slide_imgBox { display: block; margin: auto; position: relative; overflow:hidden; background-color: #fff; /* width: 500px; height: 500px; */ } 
.gallery_slide_box .mySwiper2 .swiper-slide .slide_imgBox img { position: inherit; width: 585px !important; display: none; margin: auto; width: auto; height: auto; } 
.gallery_slide_box .mySwiper2 .swiper-slide-active .slide_imgBox img { display: inherit } 
.gallery_slide_box .mySwiper2 .swiper-slide .figcaption { display: block !important; padding-bottom: 18px; text-align: center; font-size: 13px; margin-top: 10px; color: #7f7f7f; } 




/**************************************
 search 
**************************************/

.search_area_container .search_box input { z-index: 1 } 

.date_search_form { display: flex !important; flex-direction: row; align-items: flex-start; margin-top: 15px; opacity: .7 } 
.date_search_form input { margin-bottom: 10px; width: 100%; margin-right: 10px; margin-left: 10px; border: 1px #aaa solid; padding: 5px 10px 10px; height: 40px; font-size: 16x; border-radius: 3px } 
.date_search_form input::placeholder { font-size: 14px; } 
.date_search_form input:first-child { margin-left: 0 !important } 
.date_search_form input:nth-child(2) { margin-right: 0 !important } 

.date-input { padding-right: calc(1.5em + .75rem); background: url(../images/ico/date_ico.svg) no-repeat; background-size:20px; background-position: center right calc(.375em + .1875rem); cursor: pointer } 
.input-style-02 { padding: 10px; height: 42px; border: 1px #d7d7d7 solid; font-weight: 300; width: calc(100% - 72px); } 

.result_txt { width: 100%; padding:15px 0; border-bottom: 1px #d7d7d7 solid } 
.result_txt span { font-size: 14px; letter-spacing: -0.8px } 
.result_txt span:first-child { font-weight: 600; color: #0637a7 } 
.search_area_container .search_opt_container { margin-bottom:10px !important } 
.search_opt_container span { font-size: 14px; cursor: pointer } 
.search_opt_container span.active { font-weight: 600 } 
.line-inline-01 { display: inline-block; width: 1px; height: 11px; background: #ccc; vertical-align: middle; margin: 0 10px; } 
.point_color_01 { background: #083190; color: #fff; padding: 10px 20px; font-size: 0.875rem; border-radius:3px !important } 
.indie_right_layout { margin-top: 30px } 
.search_bold { color: #0637a7; font-style: normal } 

.section_l .search_box { height:45px; } 
.section_l .search_box input { margin-top:0; padding:0 10px; width:100% !important; font-size:16px; height:40px; } 
.section_l .search_box .material-icons { padding:9px 10px 0 } 



/**************************************
 media center 
**************************************/
.md_news_area_01 { margin:30px -15px 0; height:auto; font-weight: 500; letter-spacing: -1.5px; } 
.md_news_area_01 .col-4 .col-12 { margin-right:-15px } 

.md_news_area_01 .play_ico { position:absolute; z-index: 99; color: #fff; font-size:50px; border:0 !important } 
.md_news_area_01 .md_top_news_left .play_ico { right:30px; top:362px } 
.md_news_area_01 .md_top_news_right .play_ico { right:30px; top:115px } 

.md_news_area_01 .md_top_news_left { background-color: #fff; width: 100%; height: 462px; } 
.md_news_area_01 .md_top_news_left .thumbnail_img { position: relative; width: 100%; height: 427px } 
.md_news_area_01 .md_top_news_left .news_tit p { margin-top:10px; font-size: 20px; overflow: hidden; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 

.md_news_area_01 .md_top_news_right { height: 462px; background-color: #fff } 
.md_news_area_01 .md_top_news_right .news_thumb .thumbnail_img { position: relative; width: 100%; height:180px; background-position: 50% 90% !important } 
.md_news_area_01 .md_top_news_right .news_tit p { margin-top:10px; margin-bottom:30px !important; font-size: 16px; max-height:27px; overflow: hidden; } 

.md_news_area_02 { padding-top:5px } 
.md_news_area_02 .play_ico { position:absolute; z-index: 99; color: #fff; font-size:50px; right:30px; top:150px; border:0 !important } 
.md_news_area_02 .thumbnail_img { width: 100%; height: 215px; position: relative; margin-bottom: 10px } 
.md_news_area_02 .news_tit p { font-size: 16px; font-weight:500; max-height: 45px; overflow: hidden; margin-bottom:30px } 

.btn_more { margin-top:15px; width: 100%; padding: 15px 0 !important; border: 1px #d7d7d7 solid; margin-bottom: 100px; text-align: center; font-size:14px; background-color: #f7f7f7; transition: background-color .3s } 


/**************************************
 pdf list 
**************************************/

.calendar_box { display:inline-block; margin-top:10px; padding:5px; text-align: center; border:1px solid #d7d7d7 } 
.calendar_box .ui-widget-content { display:inline-block; width:265px; } 

.pdf_list_wrap { width:891px; height: auto; margin-bottom: 30px; } 
.pdf_list_wrap .pdf_thumb { position: relative; border: 1px #d7d7d7 solid; } 
.pdf_list_wrap .pdf_thumb img { width: 100% } 
.pdf_list_wrap .pdf_tit { width: 100%; text-align: center; margin-top: 10px; margin-bottom:30px; } 


/**************************************
 print 
**************************************/
#print_wrap { padding:20px 40px; } 
.print_header { border-bottom:2px solid #252525; } 
.print_header h1 { display:inline-block; padding-bottom:20px } 
#print_wrap .article_view { top:0; padding-top:15px; padding-bottom:50px; width:100% } 
/* #print_wrap .article_view .class_div_main { display: block !important } */
#print_wrap .article_view .class_div_main img { width:100% } 
/* #print_wrap .article_view .article_image { display: block !important } */
#print_wrap .article_view .article_image img { width:100% } 

.btn_print { display:inline-block; float:right; margin-top:22px; padding:5px 20px; font-size:14px; font-weight:500; border-radius:3px; background-color:#e6ebf3; letter-spacing: 0 } 


/*header_nav fixed*/

@keyframes down { 
 0% { transform: translateY(-50px) } 
 100% { transform: translateY(0px) } 
 }



.quick_menu { position: sticky } 





/*인용문*/

#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: justify } 
.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 } 


/*에디터 두줄 박스 템플릿 추가*/
.yj-line-box { display: block; margin-bottom:30px; padding: 15px 0; font-size: 19px; font-weight: 600; border-top: 2px solid #000; border-bottom: 1px solid #000 } 
.yj-line-box p { font-size: 19px !important; font-weight: 600 !important; margin-bottom:0 !important } 

.yj-line-box.article_editor_container::before { content: none !important; } 
.yj-line-box.article_editor_container::after { content: none !important; } 



/***********************************************************************************************************************************************
 respond (comany page) 0207 
***********************************************************************************************************************************************/


/******************************
 로그인 (반응형)
******************************/
.login_con { display: block; width: 500px; margin: auto; margin-top: 125px } 
.login_con a { display: block; text-align: center } 
.login_con .login_input_container { margin-top: 50px; width: 100%; height: auto; border: 1px #d7d7d7 solid; border-radius: 5px; padding: 30px } 
.login_con .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_con .login_input_container .input_login { margin-bottom: 7px; height: 50px; border: 1px #d7d7d7 solid; padding: 5px } 
.login_con .login_input_container .login_under_unit { display: flex; margin-top: 10px; justify-content: space-between; width: 100% } 
.login_con .login_input_container .login_under_unit .check_unit { line-height: 1.8 } 
.login_con .login_input_container .login_under_unit .check_unit label { font-size: 14px; display: inline-block; font-weight: 600; transform: skew(-0.04deg); } 
.login_con .login_input_container .login_under_unit .check_unit input { border: 1px #660000 solid !important } 
.login_con .login_input_container .login_under_unit .check_unit input[type="checkbox"] + .check_unit input::before { border-color: #660000 } 
.login_con .login_input_container .login_under_unit .search_user a span { font-size: 13px; color: #7f7f7f } 
.login_con .login_input_container .login_under_unit .search_user a { display: inline-block } 
.login_con .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: #242d5b; margin-top: 20px; color: #fff; font-size: 18px !important; border-radius: 5px } 
.login_btn:hover { background-color: #161d38; 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: #242d5b; 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: #242d5b; font-weight: 600; display: inline-block } 

.login_input_container .pass_sr { margin-top: 40px; padding-top: 40px; border-top: 1px #d7d7d7 solid } 


/**************************************
 회원가입 (반응형)
**************************************/
.sub_wrapper.container { max-width: 990px; min-width: 990px; display: block; margin: auto } 
.sub_header { width: 100%; padding: 46px 0; border-bottom: 1px #363636 solid } 
.sub_header a img { display: block; margin: auto } 

/*약관동의*/
.sign_container { margin-top: 30px } 
.sign_container .top_title span { font-size: 1.625rem; color: #28a0ee; font-weight: 400; padding: 15px; border-bottom: 1px #d7d7d7 solid; letter-spacing: -1.8px; padding-left: 0; display: block; padding-top: 0 } 

.sign_container .scrap_container { width: 100%; margin-top: 25px } 
.sign_container .scrap_container .privacy_title_style { font-size: 0.875rem !important; margin-bottom: 20px; display: inline-block; color: #363636 !important; font-weight: 500 } 
.sign_container .scrap_container .privacy_rule_box { width: 100%; height: 300px; overflow: hidden; overflow-y: scroll; border: 1px #d7d7d7 solid; background-color: #f7f7f7; padding: 15px; font-size: 14px; letter-spacing: -0.8px } 
.sign_container .scrap_container .privacy_rule_box pre { line-height: 2 !important; font-size: 0.875rem; font-weight: 300 } 
.sign_container .agree_container { width: 100%; margin: 35px 0 15px 0 } 
.sign_container .agree_container .check_label_style01 { font-size: 0.8125rem } 
.sign_container .member_name { width: 100%; border: 1px #d7d7d7 solid; padding: 10px; display: block } 
.sign_container .member_name .input_style_01 { border-radius: 0; width: 250px; height: 40px; border: 1px #d7d7d7 solid; } 
.btn-type-blue02 { width: auto; padding: 9px 15px !important; background-color: #219af6 !important; color: #fff !important; /*font-size: 0.875rem !important; */ font-weight: 400 !important } 
.btn-type-blue02:hover { background-color: #1d75b9 !important } 
.btn-type-blue03 { width: auto; padding: 6px 30px !important; background-color: #219af6 !important; color: #fff !important; font-size: 0.8125rem !important; font-weight: 400 !important } 
.btn-type-blue03:hover { background-color: #1d75b9 !important } 

/*회원가입*/
.scrap_container .sub_guideTxt { display: inline-block; font-size: 0.875rem; color: #7f7f7f } 
.scrap_container .sub_guideTxt strong { color: #ff0000 } 
.signup_form_container { clear: both } 
.signup_form_container .form_label { font-size: 0.875rem; display: block !important; width: 100%; margin-bottom: 10px !important } 
.signup_form_container .sign_form_input { border-radius: 0; width: 300px !important; margin-right: 10px; font-size: 0.875rem; font-weight: 300; height: 39px } /*20201214 ìˆ˜ì •*/
.signup_form_container .form_container_set { width: 300px; flex-flow: row } 
.signup_form_container .form_container_set .sign_form_input02 { border-radius: 0; margin-right: 10px; width: 100% !important; margin-right: 10px; font-size: 0.875rem; font-weight: 300; height: 38px } 
.signup_form_container .form_container_set .sign_form_input02:last-child { margin-right: 10px } 
.signup_form_container .sub_title_guide { font-size: 0.8125rem; font-weight: 300; margin-left: 15px; color: #898989 } 
.signup_form_container .necessary_ico { color: #ff0000 } 
.btn-type-gray02 { width: auto; padding: 9px 10px !important; background-color: #ebebeb !important; color: #363636 !important; font-size: 0.8125rem !important; font-weight: 500 } 
.btn-type-gray02:hover { background-color: #c4c4c4 !important } 
.btn-type-gray03 { width: auto; padding: 6px 30px !important; background-color: #ebebeb !important; color: #363636 !important; font-size: 0.8125rem !important; font-weight: 500 } 
.btn-type-gray03:hover { background-color: #c4c4c4 !important } 
.form_container_set select { border-radius: 0; margin-right: 10px; font-size: 0.875rem; height: 38px } 

.under_check_area { margin-top: 60px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid } 
.under_check_area .form-check-label { font-size: 0.8125rem; font-weight: 300 } 
.under_btn_container { width: 100%; text-align: center; padding-top: 20px; border-top: 1px #d7d7d7 solid; } 
.num_select { font-size: 0.875rem; font-weight: 300 } 
.btn_right_area { position: absolute; right: 15px } 
.btn-type-on { width: auto; padding: 6px 30px !important; background-color: #242d5b !important; color: #fff !important; font-size: 0.8125rem !important; font-weight: 400 !important } 
.btn-type-on:hover { background-color: #161d38 !important } 

/*회원정보 수정*/
.under_btn_opt_container { width: 100%; display: flex; justify-content: space-between; padding-top: 15px; border-top: 1px #d7d7d7 solid } 

/* PC 부가화면 footer */
.sub_footer { width: 100%; margin-top: 50px; padding-top: 30px; border-top: 1px #363636 solid; padding-bottom: 80px; float: left; background-color: #f7f7f7; } 
.sub_footer .footer_float { display: block } 
.sub_footer .footer_float .left_logo { margin-right: 50px; margin-bottom: 30px } 
.sub_footer .footer_float .left_logo img { width: 144px } 
.sub_footer .footer_float .right_txt p { font-size: 13px; margin-bottom: 0; color: #7f7f7f } 
.sub_footer .footer_float .right_txt p:last-child { margin-top: 20px } 

/**************************************
 회원가입 양식 (반응형)
**************************************/
.sign_container { margin-top: 30px } 
.sign_container .top_title span { font-size: 1.625rem; color: #28a0ee; font-weight: 400; padding: 15px; border-bottom: 1px #d7d7d7 solid; letter-spacing: -1.8px; padding-left: 0; display: block; padding-top: 0 } 
.sign_container .scrap_container { width: 100%; margin-top: 25px } 
.sign_container .scrap_container .privacy_title_style { font-size: 0.875rem !important; margin-bottom: 20px; display: inline-block; color: #363636 !important; font-weight: 500 } 
.sign_container .scrap_container .privacy_rule_box { width: 100%; height: 300px; overflow: hidden; overflow-y: scroll; border: 1px #d7d7d7 solid; background-color: #f7f7f7; padding: 15px; font-size: 14px; letter-spacing: -0.8px } 
.sign_container .scrap_container .privacy_rule_box pre { line-height: 2 !important; font-size: 0.875rem; font-weight: 300 } 
.sign_container .agree_container { width: 100%; margin: 35px 0 15px 0 } 
.sign_container .agree_container .check_label_style01 { font-size: 0.8125rem } 
.sign_container .member_name { width: 100%; border: 1px #d7d7d7 solid; padding: 10px; display: block } 
.sign_container .member_name .input_style_01 { border-radius: 0; width: 250px; height: 40px } 
.sign_container .under_opt_container { width: 100%; display: flex; justify-content: space-between; padding-top: 15px; border-top: 1px #d7d7d7 solid } 
.btn-type-blue02 { width: auto; padding: 9px 15px !important; background-color: #219af6 !important; color: #fff !important; /*font-size: 0.875rem !important; */ font-weight: 400 !important } 
.btn-type-blue02:hover { background-color: #1d75b9 !important } 
.btn-type-blue03 { width: auto; padding: 6px 30px !important; background-color: #219af6 !important; color: #fff !important; font-size: 0.8125rem !important; font-weight: 400 !important } 
.btn-type-blue03:hover { background-color: #1d75b9 !important } 


/**************************************
경기일보 (반응형)
**************************************/

/*회사소개*/
.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_logo { width: 168px } 
.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.active { font-weight: 600; color: #242d5b } 
.company_header_container .sub_left_menu a span:hover { font-weight: 600; color: #242d5b } 
.company_header_container .m_sub_left_menu img { width: 21px; height: 19px; } 

.side_menu_layout_01 .sub_side_category { border-top: 2px #363636 solid } 
.side_menu_layout_01 .sub_side_category .m_menu_category h6 { color: #242d5b; padding-bottom: 10px } 
.side_menu_layout_01 .sub_side_category .m_menu_category .category_menu_wrap .m_menu_box { font-weight: 300; font-size: 0.875rem } 
.pc_none { display: none } 

.sub_main_container { width: 100%; position: relative; margin-top: 50px; 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: #363636; font-weight: 600; padding-left: 10px } 
.sub_main_container .left_sub_container .sub_list_container { width: 100%; padding: 15px } 
.sub_main_container .left_sub_container .sub_list_container ul { padding-inline-start: 0 } 
.sub_main_container .left_sub_container .sub_list_container ul li { padding: 10px 0; font-size: 16px; cursor: pointer; list-style: none } 
.sub_main_container .left_sub_container .sub_list_container ul li.active { font-weight: 600; color: #242d5b } 
.sub_main_container .left_sub_container .sub_list_container ul li:hover { font-weight: 600; color: #242d5b } 

.right_sub_container { width: 978px; 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 } 
.right_sub_container .sub_contents_area { width: 100%; position: relative; float: left; margin-top: 0 } 
.right_sub_container .sub_contents_area .top_title { border-bottom: 3px #242d5b solid; display: inline-block } 
.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 #242d5b solid } 
.right_sub_container .sub_content_area { margin: 30px 0 120px } 
.right_sub_container .sub_content_area.history_contents p { line-height: 2.2 } 

/*회사소개 수정 221114*/
.right_sub_container .sub_content_area .intro_txt { margin-top: 20px; width:740px } 
.right_sub_container .sub_content_area dl { padding-top:30px; clear:both; width:100%; } 
.right_sub_container .sub_content_area dt { overflow: hidden; float: left; width: 22%; padding-top: 23px; height: auto; color: #0b318f; font-size: 1.25rem; font-weight: 500; font-weight: 400; letter-spacing: -1px; border-top: 3px solid #0b318f; } 
.right_sub_container .sub_content_area dt span { display: block; width: 100% } 
.right_sub_container .sub_content_area dd { float: right; width: 74%; line-height: 1.6; } 
.right_sub_container .sub_content_area dd p { margin-top:10px; font-weight: 300 } 
.right_sub_container .sub_content_area dd p:first-child { margin-top:0 } 

/*
.right_sub_container .sub_content_area .intro_txt .in_front span { letter-spacing: -1.5px; color: #7f7f7f; font-size: 18px } 
.right_sub_container .sub_content_area .intro_txt .in_front span:nth-child(1) { font-size: 30px; font-weight: 600; color: #242d5b; } 
.right_sub_container .sub_content_area .intro_txt .in_front span:nth-child(3) { font-size: 40px !important; color: #242d5b } 
.right_sub_container .sub_content_area .intro_txt .in_back { margin-top: 20px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; } 
.right_sub_container .sub_content_area .intro_txt .in_back p { margin-bottom: 0; font-weight: 300; letter-spacing: -1.5px } 
.right_sub_container .sub_content_area .intro_txt .under_back { margin-top: 30px; } 
.right_sub_container .sub_content_area .intro_txt .under_back p { margin-bottom: 0; font-weight: 300; font-size: 17px; line-height: 1.7; letter-spacing: -1.5px } 
.right_sub_container .sub_content_area .intro_txt .under_back p:nth-child(3) { margin-bottom: 30px } 
*/

/*회사개요*/
.sub_content_area .summary_table { margin-top: 50px; display: block } 
.sub_content_area .summary_table tbody tr { padding: 10px 0; border-bottom: 1px #d7d7d7 solid; /* display: flex; align-items: center */ } 
.sub_content_area .summary_table tbody tr th { padding: 10px 10px 10px 0; flex-shrink: 0; width: 140px; letter-spacing: -1.3px } 
.sub_content_area .summary_table tbody tr td { font-weight: 300; letter-spacing: -1.3px; padding: 10px 0 } 

.sub_content_area .history_wrap { display: flex } 
.sub_content_area .history_year { flex-shrink: 0; position: fixed; width: 123px } 
.sub_content_area .history_year .year_focus { border: none; font-weight: 600; color: #2a9d8f; transition: all 0.3s ease-out; text-align: center; } 
.sub_content_area .history_txt { width: 793px; position: relative; margin-left: 20px; background-color: #f7f7f7; padding: 42px; left: 122px } 
.sub_content_area .history_txt .h_round .h_year_round { margin-bottom: 30px } 
.sub_content_area .history_txt .h_round .h_year_round .title_year { font-size: 30px; font-weight: 600; color: #242d5b; } 
.sub_content_area .history_txt .h_round .h_year_round .h_conTxt { margin-bottom: 50px } 
.sub_content_area .history_txt .h_round .h_year_round .h_conTxt .contxt_line { margin-bottom: 20px } 
.sub_content_area .history_txt .h_round .h_year_round .h_conTxt .contxt_line p { margin-bottom: 0 } 
.sub_content_area .history_txt .h_round .h_year_round .h_conTxt .contxt_line p:nth-child(1) { font-weight: 400; font-size: 20px; margin-top: 15px } 
.sub_content_area .history_txt .h_round .h_year_round .h_conTxt .contxt_line p:nth-child(2) { font-weight: 300; letter-spacing: -1.5px } 

/* 전화번호 */
.sub_content_area .sub_container { margin-top: 30px } 
.sub_content_area .sub_container .num_title { font-size: 20px; font-weight: 500; letter-spacing: -1.5px } 
.sub_content_area .sub_container .num_table { margin-top: 10px; width: 100%; border-top: 2px #d7d7d7 solid } 
.sub_content_area .sub_container .num_table tbody tr { border-bottom: 1px #d7d7d7 solid } 
.sub_content_area .sub_container .num_table tbody tr th { padding: 20px 15px; background-color: #f7f7f7; font-weight: 600; text-align: center; border-right: 1px #d7d7d7 solid; font-size: 14px } 
.sub_content_area .sub_container .num_table tbody tr td { padding: 20px; font-weight: 300 } 
.sub_content_area .sub_container .num_table tbody tr td p { margin-bottom: 5px } 
.sub_content_area .sub_container .num_table tbody tr td p:last-child { margin-bottom: 0 } 

/* 오시는 길 */
.root_daum_roughmap .wrap_controllers { display: none } 


/**************************************
행사.사업 (반응형)
*************************************/
/* 문화행사 */
.sub_container.event_unit { padding-bottom: 40px; width: 800px; margin-bottom: 50px } 
.sub_container.event_unit h1 { font-size: 25px; font-weight: 500; color: #242d5b; letter-spacing: -1.5px; margin-bottom: 30px !important; display: block } 
.sub_container.event_unit .con_unit { display: flex; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px #d7d7d7 solid } 
.sub_container.event_unit .con_unit .txt_unit { width: 100% } 
.sub_container.event_unit .con_unit .txt_unit p { font-size: 18px; font-weight: 600; letter-spacing: -1.5px; margin-bottom: 10px } 
.sub_container.event_unit .con_unit .txt_unit span { font-size: 17px; letter-spacing: -1.5px; font-weight: 300; line-height: 1.6 } 
.sub_container.event_unit .con_unit .event_thumb { width: 272px; height: 160px; background-color: #f7f7f7; margin-left: 30px; flex-shrink: 0 } 
.sub_container.event_unit .con_unit:last-child { border-bottom: 0 } 

/* 출판사업 */
.sub_container.split_top { display: flex } 
.sub_container .t_top { font-size: 15px; font-weight: 300; line-height: 1.8; margin-bottom: 50px } 
.sub_container .t_top span { font-size: 17px; font-weight: 400; color: #242d5b } 
.sub_container .t_top strong { font-size: 17px } 

.sub_container.ad_point { font-size: 25px; letter-spacing: -1.5px; color: #242d5b; margin-bottom: 80px; margin-top: 50px; display: block; text-align: center } 
.sub_container.ad_point span:first-child { transform: rotate(0.5turn) } 
.sub_container .od_list { margin-top: 30px; padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid } 
.sub_container .od_list h1 { font-weight: 600; letter-spacing: -1.5px; font-size: 20px; margin-bottom: 15px !important } 
.sub_container .od_list p { margin-bottom: 0 } 
.sub_container .od_list:last-child { border-bottom: 0 } 


/**************************************
고객센터 (반응형)
*************************************/

/* 기사제보 */
.sub_content_area .contents_question_form { margin-top: 40px; } 
.sub_content_area .contents_question_form .form_title { width: 100%; text-align: center } 
.sub_content_area .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_area .contents_question_form p { font-size: 18px; letter-spacing: -0.8px; padding: 10px 0 } 
.sub_content_area .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_area .contents_question_form .privacy_rule_box pre { font-size: 16px; font-weight: 300; line-height: 1.7; letter-spacing: -1.5px; overflow: hidden } 
.sub_content_area .contents_question_form .privacy_check { padding: 15px 0; text-align: center; border-bottom: 1px #d7d7d7 solid } 
.sub_content_area .contents_question_form .privacy_check label { font-size: 0.9375rem } 
.sub_content_area .contents_question_form .user_qa_form { padding-top: 30px; /* border-bottom: 1px #d7d7d7 solid; */ margin-bottom: 25px } 
.sub_content_area .contents_question_form .user_qa_form .form_label { font-size: 0.875rem; /*display: block !important; */ width: 100px; font-weight: 500; justify-content: flex-start } 
.sub_content_area .contents_question_form .user_qa_form .sign_form_input { border-radius: 0; width: 80% !important; font-size: 0.875rem; font-weight: 300; height: 39px; } 
.sub_content_area .contents_question_form .user_qa_form .user_txtarea { width: 80%; min-height: 100px; } 
.sub_content_area .contents_question_form .user_qa_form .necessary_ico { color: #ff0000 } 
.sub_content_area .contents_question_form .user_qa_form .news_check_style { font-size: 0.8125rem; } 
.sub_content_area .contents_question_form .user_qa_form .fileInput_round { border: 1px #d7d7d7 solid; padding: 7px; width: 70%; font-size: 0.875rem; } 
.sub_content_area .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_area .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; } 
.btn_negative span { font-size: 15px; padding-right: 7px; vertical-align: middle } 
.btn_negative:hover { background-color: #e0e0e0 } 
.btn_on { padding: 10px; background-color: #28a0ee; font-weight: 600; display: flex; align-items: center; color: #fff } 
.btn_on:hover { background-color: #0d6aa8; color: #fff } 
.btn_on span { font-size: 15px; padding-right: 7px; vertical-align: middle } 

/* 구독신청 */
.user_qa_form .subs_form_container { 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; margin-top: 10px } 
.c_radio .form-check-inline label { font-size: 15px; font-weight: 300 } 
.sub_content_area .contents_question_form .under_g_txt { margin-top: 30px; text-align: center } 
.sub_content_area .contents_question_form .under_g_txt p { margin-bottom: 0; font-size: 14px; font-weight: 300; padding: 0; line-height: 1.5 } 
.member_btn03 { width: 100%; background-color: #747a8c; color: #fff; border-radius: 5px; font-size: 13px !important } 
.member_btn03:hover { background-color: #4e525f; color: #fff } 

/* 출판문의 */
.sub_content_area .intro_top { margin-top: 30px; margin-bottom: 40px; padding: 20px; background-color: #f7f7f7 } 
.sub_content_area .intro_top h1 { font-size: 22px; letter-spacing: -1.5px; font-weight: 500; color: #242d5b; padding-bottom: 10px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 10px !important } 
.sub_content_area .intro_top p { margin-bottom: 0; font-weight: 300; letter-spacing: -1px } 


/**************************************
보도편집상 (반응형)
*************************************/
.sub_container.award_unit { padding-bottom: 30px; border-bottom: 1px #363636 solid; margin-top: 60px; float: left } 
.sub_container.award_unit:last-child { border-bottom: 0 } 
.sub_container.award_unit .top_title_area { padding-bottom: 33px; border-bottom: 1px #d7d7d7 solid; width: 100%; float: left } 
.sub_container.award_unit .top_title_area .award_title { display: flex; width: 600px; margin: auto; align-items: center } 
.sub_container.award_unit .top_title_area .award_title .split_img { margin-right: 25px } 
.sub_container.award_unit .top_title_area .award_title .split_txt { line-height: 1.8; letter-spacing: -1.3px } 
.sub_container.award_unit .top_title_area .award_title .split_txt h1 { font-size: 18px; font-weight: 600; color: #242d5b } 
.sub_container.award_unit .top_title_area .award_title .split_txt h1 span { color: #28a0ee } 
.sub_container.award_unit .top_title_area .award_title .split_txt p { font-size: 16px; font-weight: 300; margin-bottom: 0 } 
.sub_container.award_unit .top_title_area .award_title .split_txt p:last-child { margin-top: 20px; font-size: 14px; font-weight: 400 } 

.sub_container.award_unit .award_contents_area { margin-top: 30px; word-break: break-all; float: left } 
.sub_container.award_unit .award_contents_area figure { display: table; margin: auto; position: relative; margin-bottom: 30px } 
.sub_container.award_unit .award_contents_area figure img { max-width: 100% } 
.sub_container.award_unit .award_contents_area figure figcaption { font-size: 13px; caption-side: bottom; display: table-caption !important; margin-top: 12px; color: #888787; text-align: left; letter-spacing: -0.7px; font-weight: 300; } 
.sub_container.award_unit .award_contents_area p { margin-bottom: 30px; font-weight: 300; color: #636363 } 
.sub_container.award_unit .award_contents_area .float_img { float: left; margin-right: 20px; margin-bottom: 15px } 

/* 연관기사 */
.relation_article_listArea { position: relative; float: left } 
.relation_article_listArea a { display: inline-block } 
.relation_article_listArea a p { padding-left: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 7px; font-size: 17px; font-weight: 600 !important; color: #363636 } 
.relation_article_listArea a p::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_article_listArea a p:hover { text-decoration: underline } 


/**************************************
보도준칙 (반응형)
*************************************/

/* 편집위원회 언론윤리강령 기자윤리강령 */
.sub_content_area .com_unit .top_rule_list { width: 100%; border: 2px #d7d7d7 solid; padding: 20px 20px 30px } 
.sub_content_area .com_unit .top_rule_list ul { display: block; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 20px } 
.sub_content_area .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_area .com_unit .top_rule_list p { margin-bottom: 0; line-height: 1.7; letter-spacing: -0.8px; font-weight: 300 } 
.sub_content_area .com_unit .list_contents_container { margin-top: 30px; padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid; } 
.sub_content_area .com_unit .list_contents_container .policy_title { padding-bottom: 15px; } 
.sub_content_area .com_unit .list_contents_container .policy_title h6 { font-size: 1.125rem; font-weight: 600; } 
.sub_content_area .com_unit .list_contents_container ul { margin-bottom: 0; } 
.sub_content_area .com_unit .list_contents_container ul li { font-size: 14px; color: #7f7f7f; letter-spacing: -0.6px; line-height: 1.8; font-weight: 300; list-style: inherit; transform: skew(-0.03deg); display: block } 
.sub_content_area .com_unit .list_contents_container .indent_style { text-indent: 5px } 
.sub_content_area .com_unit .list_contents_container p { text-align: center; margin-bottom: 0; font-size: 13px } 
.sub_content_area .com_unit .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-style: inherit; font-weight: 300; padding-left: 3px; } 
.sub_content_area .com_unit .list_contents_container .rule_ordered li span { display: block; } 
.sub_content_area .com_unit .under_end_unit { display: block; margin-top: 20px } 
.sub_content_area .com_unit .under_end_unit li { display: flex; justify-content: flex-end; text-align: right; line-height: 1.7 } 
.sub_content_area .com_unit .under_end_unit li { font-size: 14px; transform: skew(-0.03deg); color: #7f7f7f } 
.sub_content_area .com_unit .under_txCenter { width: 100%; text-align: center; font-size: 14px; display: block; margin-top: 20px; letter-spacing: -1px } 
.sub_content_area .com_unit .list_top_txt { font-size: 14px; color: #7f7f7f; text-align: left; margin-bottom: 15px } 
.sub_content_area .com_unit .list_contents_container .policy_title h1 { font-size: 20px; font-weight: 600; padding-bottom: 10px } 
.sub_content_area .com_unit .list_contents_container:last-child { border-bottom: 0 } 
.sub_content_area .com_unit .list_contents_container .n_phara { text-align: left; margin-bottom: 15px; font-size: 14px; font-weight: 300; color: #7f7f7f } 
.reporter_split .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #242d5b; } 
.reporter_split .tab-pane .ethic_title { font-size: 25px !important; font-weight: 600; color: #242d5b; margin-bottom: 15px !important } 

/* 고충처리 */
.sub_container.sol_unit { padding-bottom: 30px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 50px } 
.sub_container.sol_unit:last-child { border-bottom: 0 } 
.sub_container.sol_unit p { font-weight: 300 } 
.sub_container.sol_unit h1 { font-weight: 600; font-size: 20px; margin-bottom: 15px !important; } 
.sub_container.sol_unit .m_con_split { display: flex; } 
.sub_container.sol_unit .m_con_split .s_left_thumb { width: 78px; height: 102px; margin-right: 25px } 
.sub_container.sol_unit .m_con_split .s_right_txt .name_txt { line-height: 1.5 } 
.sub_container.sol_unit .m_con_split .s_right_txt .name_txt span { font-weight: 300 } 
.sub_container.sol_unit .m_con_split .s_right_txt .name_txt span:nth-child(1) { font-weight:600 } 
.sub_container.sol_unit .m_con_split .s_right_txt .name_txt p { font-size: 14px; margin-bottom: 0 } 
.sub_container.sol_unit .s_table_unit { margin-bottom: 30px } 
.sub_container.sol_unit .s_table_unit h2 { font-weight: 500; font-size: 17px; letter-spacing: -1.5px; margin-bottom: 15px; color: #28a0ee } 
.sub_container.sol_unit .s_table_unit .s_table { border: 1px #d7d7d7 solid; width: 100% } 
.sub_container.sol_unit .s_table_unit .s_table thead tr { border-bottom: 1px #d7d7d7 solid } 
.sub_container.sol_unit .s_table_unit .s_table thead tr th { padding: 15px; background-color: #f7f7f7; text-align: center } 
.sub_container.sol_unit .s_table_unit .s_table tbody tr { border-bottom: 1px #d7d7d7 solid } 
.sub_container.sol_unit .s_table_unit .s_table tbody tr td { padding: 15px; font-weight: 300; border-right: 1px #d7d7d7 solid; font-size: 15px; letter-spacing: -1px } 

/* 독자권익위원회 */
.sub_container.reader_unit { padding-bottom: 30px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 50px } 
.sub_container.reader_unit:last-child { border-bottom: 0 } 
.sub_container.reader_unit p { font-weight: 300 } 
.sub_container.reader_unit img { width: 100% } 


/**************************************
운영규칙 (반응형)
*************************************/
/* 디지털뉴스 이용규칙 */
.sub_container.d_rule { margin-bottom: 30px } 
.sub_container.d_rule h1 { font-size: 18px; font-weight: 600; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 15px !important } 
.sub_container.d_rule .rule_txt { margin-bottom: 28px } 
.sub_container.d_rule .rule_txt p { font-size: 14px; font-weight: 300; margin-bottom: 5px } 
.sub_container.d_rule .rule_txt .point_rule { padding: 15px; background-color: #f7f7f7; margin-bottom: 5px } 
.sub_container.d_rule .rule_txt .point_rule p { margin-bottom: 0; font-size: 14px; font-weight: 400 } 

/* 개인정보처리방침 */
.sub_content_area .list_item_box { padding: 15px; border: 2px #d7d7d7 solid } 
.sub_content_area .list_item_box > p { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px #d7d7d7 solid; font-size: 15px; font-weight: 300 } 
.sub_content_area .list_item_box .p_split { display: flex; width: 100% } 
.sub_content_area .list_item_box .p_split ul { width: 100%; } 
.sub_content_area .list_item_box .p_split ul:last-child { margin-left: 40px } 
.sub_content_area .list_item_box .p_split ul li { padding-bottom: 10px; font-size: 15px } 
.sub_content_area .list_item_box .p_split ul li:hover { text-decoration: underline } 
.sub_content_area .sub_container.op_unit { padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid } 
.sub_content_area .sub_container.op_unit:last-child { border-bottom: 0 } 
.sub_content_area .sub_container.op_unit h1 { font-size: 18px; font-weight: 600; margin-bottom: 15px !important } 
.sub_content_area .sub_container.op_unit p { font-size: 14px; font-weight: 300; line-height: 1.7 } 
.sub_content_area .sub_container.op_unit .op_table { margin-top: 30px; border-top: 2px #d7d7d7 solid; width: 100% } 
.sub_content_area .sub_container.op_unit .op_table tbody tr { border-bottom: 1px #d7d7d7 solid } 
.sub_content_area .sub_container.op_unit .op_table tbody tr th { font-weight: 600; padding: 15px; background-color: #f7f7f7; font-size: 14px; text-align: center } 
.sub_content_area .sub_container.op_unit .op_table tbody tr td { font-weight: 300; padding: 15px; font-size: 14px } 
.sub_content_area .sub_container.op_unit .op_table tbody tr td ul { padding-left: 20px } 
.sub_content_area .sub_container.op_unit .op_table tbody tr td ul li { list-style: disc } 
.sub_content_area .sub_container.op_unit .op_table tbody tr td a:hover { text-decoration: underline } 
.sub_content_area .sub_container.op_unit .op_numList li { list-style: inherit; font-size: 14px; font-weight: 300; padding-left: 3px } 
.sub_content_area .sub_container.op_unit h2 { font-size: 15px; margin-bottom: 10px } 

.e_article_btn { margin-bottom: 15px; display: flex; justify-content: flex-end } 
.r_article_btn { margin-top: 20px } 

.ad_split { width: 80% } 
.ad_split .d_adress { width: 100%; margin-top: 7px } 


/* 모바일 사이드메뉴 */
.m-side-menu { width: 100%; background-color: #fff; position: fixed; z-index: 99999; height: 100%; overflow: auto; margin-left: -100%; display: block } 
.m-side-menu .menu-title-container { padding:15px 15px 5px; display: flex; justify-content: flex-end } 
.m-side-menu .menu-title-container img { width: 127px; display: inline-block } 
.m-side-menu .menu-title-container .cancel-ico-01 { float: right; width: 30px !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-bottom: 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: 16px; 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 a { display: inline-block; width: 100% } 
.side_menu_layout_01 .m_menu_listWrap .menu_layout_box ul a 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 a { width: 50% !important } 
.side_menu_layout_01 .m_menu_listWrap .m_menu_under ul a li { font-size: 14px !important; } 
.media_m_list { padding: 0 20px 15px; border-bottom: 1px #363636 solid } 
.media_m_list ul { padding-top: 15px } 
.media_m_list ul li { list-style: none; display: inline-block; margin-right: 15px } 
.media_m_list ul li:first-child a img { width: 24px; height: 18px } 
.media_m_list ul li:nth-child(2) a img { width: 24px; height: 22px } 
.media_m_list ul li:nth-child(3) a img { width: 18px; height: 22px } 
.media_m_list ul li a span { font-weight: 600; letter-spacing: -1px } 
.under_menu { padding:20px 15px } 
.under_menu ul li { display: inline-block; margin-right: 15px } 
.under_menu ul li a { font-weight: 600; letter-spacing: -1px } 
.m_under { padding-bottom: 40px; margin-top: 40px } 
.m_under .m_under_txt { padding-bottom: 15px; border-bottom: 1px #363636 solid } 
.m_under .m_under_txt p { font-size: 14px; letter-spacing: -1.5px; } 
.m_under .m_underLogo { display: flex; justify-content: flex-end; padding-top: 15px } 
.m_under .m_underLogo img { width: 100px; } 


/* 위로가기 */
.top_move_02 { position: fixed; /*left: 5%; */ float: left; z-index: 999; right: 5%; bottom: 19% } 
.top_move_02 img { width: 41px; height: 41px; } 


/* 메인화면 타이틀 pre태그 변환관련 속성 추가 */
.top_box .top_news .news_tit pre { display: grid; font-size: 20px; line-height: 28px; min-height:28px; max-height: 83px; overflow: hidden; white-space: pre-line; margin-bottom: 7px; font-family: inherit; font-weight: 600; } 
.top_box .head_news .news_tit pre { display: grid; font-size: 20px; line-height: 28px; min-height:30px; max-height: 83px; overflow: hidden; white-space: pre-line; margin-bottom: 0; font-family: inherit; font-weight: 600; } 

.head_box .news_tit pre { display: block; margin-top:10px; margin-bottom:10px; font-size:34px; line-height: 45px; max-height:122px; font-weight:600; letter-spacing:-1.8px; color:#000; overflow: hidden; font-family: inherit; } 
.head_box .news_tit pre > a { color:#000 } 
.head_box .news_tit pre .tag_red { bottom:3px; font-size:20px; line-height:26px } 
.container_wrap pre .tag_red:nth-child(2) { color:#99011d; border:1px solid #99011d; } 
.container_wrap .section:first-child .right_list li .news_tit pre { display: grid; overflow: hidden; max-height: 65px; font-family: inherit; margin-bottom: 0; } 
.right_list li .news_tit pre { font-size:16px; line-height:22px; font-family: inherit; } 
.container_wrap pre { display: block; font-size:17px; font-weight:500; line-height:24px; word-break:break-all; color:#212529; white-space: pre-line; font-family: inherit; margin-bottom: 0; overflow: hidden} 

.row_list_04 .news_tit pre { margin-top:5px; margin-bottom:0; overflow: hidden; height:24px; text-overflow: ellipsis; white-space:nowrap; font-family: inherit; height:24px; opacity:.8; font-size:16px; word-wrap:break-word; font-weight: normal } 



.middle_box .news_tit pre { font-size:17px; line-height:24px; white-space: pre-line; font-family: inherit; margin-bottom: 0; } 
.middle_box .fl pre { max-height:47px; overflow:hidden; margin-bottom: 10px; display: block; } 
.middle_box .right_list li .news_tit pre { margin-top:6px; font-size:17px; max-height:43px; overflow: hidden; margin-bottom: 0; display: block; } 
.opinion_list li .news_tit pre { font-weight: 500; font-size:16px; line-height:23px; white-space: pre-line; font-family: inherit; margin-bottom: 0; } 
.opinion_list li .news_tit pre .pick_color { margin-right:6px } 
.row_list_03 .news_tit pre { margin-top:10px; margin-bottom:5px; overflow: hidden; display: -webkit-box; max-height: 46px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: pre-line; font-family: inherit; } 

.header_r .btn_mobile { display: inline-flex; margin-top: 12px; margin-right:5px !important; height: 32px; background: #f7f7f7; font-size: 13px; font-weight: 500; color: #093c6a !important; letter-spacing: -.05em; flex-shrink: 0; } 
.article_view figure { display: table !important; margin: auto; margin-bottom: 30px; } 

.user_sns a:nth-child(5) img { opacity:1 } 


/* 지방선거 섹션메인 */
.elec_section.section_l { width: 100%; margin-right: 0; } 
.elec_section.section_l .elec_banner_container { margin: 30px 0 10px; } 
.elec_notice { padding: 3px; background-color: #363636; border-radius: 3px 3px 0 0; } 
.elec_notice p { color: #fff; font-size: 10px; letter-spacing: 0.5px; } 
.elec_notice p.wing_guide { color: #fff; font-size: 13px; transform: scale(0.62); transform-origin: left; width: 383px; font-weight: 300; letter-spacing: 0.5px; line-height: 0.8; } 
.elec_banner_container .elec_div { border:1px solid #363636; padding:5px 5px 0; border-radius: 0 0 3px 3px; } 
.elec_banner_container .elec_div ul { display: inline-table } 
.elec_banner_container .elec_div ul li { margin-right: 7px; margin-bottom: 10px; width: 231px; } 
.elec_banner_container .elec_div ul li:nth-child(5) { margin-right: 0; } 
.elec_banner_container .elec_div ul li img { width: 232px; height: 100px } 
.elec_banner_container .elec_div ul:last-child li { margin-right:0 !important } 

.left_elec_banner { position: absolute; top:-3px; left: -268px; width: 244px; height: 100%; } 
.right_elec_banner { position: absolute; top:-3px; right: -268px; width: 244px; height: 100%; } 

.side_elec_banner ul { border:1px solid #363636; padding:5px; border-radius: 0 0 3px 3px; } 
.side_elec_banner li { margin-bottom: 10px } 
.side_elec_banner li img { width:100%; height:100px } 

/*지방선거 인덱스*/
.elec_index { display: table; margin-top:40px; width:100% } 
.elec_index .elec_notice { margin-bottom:5px } 
.elec_index > div > div { float:left; width:288px; margin-right:16px } 
.elec_index > div > div:last-child { margin-right: 0 } 
.elec_index > div img { width:288px; } 


/* 지방선거 콘텐츠 */
.container_wrap .election_contents { display: flex; justify-content: space-between; width: 100%; align-items: center; } 
.container_wrap .election_contents .sub_elec_menu ul li { display: inline-block; } 
.container_wrap .election_contents .sub_elec_menu ul li a { font-weight: 600; } 
.container_wrap .election_contents h2 { color: #0637a7; } 

.container_wrap .election_news_container { margin-top: 10px; } 
.container_wrap .election_news_container .ele_thumb_box { float: left; width: 278px; margin-right: 28px; } 
.container_wrap .election_news_container .ele_thumb_box a .eleNews_thumb { width: 278px; height: 190px; } 
.container_wrap .election_news_container .ele_thumb_box a p { font-size: 16px; margin-top: 10px; font-weight: 500; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.container_wrap .election_news_container .ele_thumb_box a span { display: block; font-size: 13px; color: #a9a9a9; margin-top: 10px; overflow: hidden; height: 40px; } 
.container_wrap .election_news_container .eleThumb_list_box { float: left; width: 278px; margin-right: 30px; } 
.container_wrap .election_news_container .eleThumb_list_box:last-child { margin-right: 0; } 
.container_wrap .election_news_container .eleThumb_list_box .thumb_list_unit { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px #d7d7d7 solid; } 
.container_wrap .election_news_container .eleThumb_list_box .thumb_list_unit:first-child { padding-top: 0; } 
.container_wrap .election_news_container .eleThumb_list_box .thumb_list_unit:last-child { border-bottom: 0; } 
.container_wrap .election_news_container .eleThumb_list_box .thumb_list_unit a .unit_tumb { width: 74px; height: 50px; margin-right: 18px; flex-shrink: 0; } 
.container_wrap .election_news_container .eleThumb_list_box .thumb_list_unit a:nth-child(2) { overflow: hidden; } 
.container_wrap .election_news_container .eleThumb_list_box .thumb_list_unit a:nth-child(2) p { font-weight: 500; width: 100%; height: 50px; overflow: hidden; } 
.container_wrap .election_news_container .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; } 
.container_wrap .election_news_container .eleThumb_list_box_02 { float: left; width: 278px; } 
.container_wrap .election_news_container .eleThumb_list_box_02 .sThumb_list_unit { display: flex; align-items: center; padding: 5px 0; } 
.container_wrap .election_news_container .eleThumb_list_box_02 .sThumb_list_unit:first-child { padding-top: 0; } 
.container_wrap .election_news_container .eleThumb_list_box_02 .sThumb_list_unit a .unit_tumb { width: 52px; height: 36px; margin-right: 18px; flex-shrink: 0; } 
.container_wrap .election_news_container .eleThumb_list_box_02 .sThumb_list_unit a:nth-child(2) { width: 100%; overflow: hidden; } 
.container_wrap .election_news_container .eleThumb_list_box_02 .sThumb_list_unit a:nth-child(2) p { width: 100%; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.election_title_round h2 { display: inline-block; } 
.election_title_round .election_count { padding: 5px 17px; background-color: #363636; font-size: 15px; color: #fff; border-radius: 5px; margin-left: 15px; font-weight: 600; letter-spacing: 0.5px; } 

/* 메인좌측 날개배너 */
.main_left_banner { position: absolute; top:0; left: -154px; width: 130px; height: 350px } 

/* 디지털리포트 슬라이드 */
/* .d_report_slide .swiper_btn { width:36px; height:36px; background-color:#fff; border-radius:50%; border:1px solid #cdcdcd; background-size:20px; opacity: 1; box-shadow: 0 6px 7px -4px rgb(0 0 0 / 15%); } */ 
.section .d_report_slide .issue-swiper-button-prev { background-image:url(../images/ico/issue_arrow_prv.png); background-size:22px; left:-3px } 
.section .d_report_slide .issue-swiper-button-next { background-image:url(../images/ico/issue_arrow_next.png); background-size:22px; right:-1px } 

.issue-swiper-button-next,
.issue-swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } 

.issue-swiper-button-next.swiper-button-disabled,
.issue-swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } 

#group49Cycle .cycle-slide a { position: relative; display: block; width: 275px; height: 172px; background-color: #222222; } 
#group49Cycle .cycle-slide a img { width: 275px; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; margin: auto; } 

/*함께토닥토닥 경기일보연중기획 추가 220724*/
.yjgh { color:#888687; font-size:20px; font-weight:500; letter-spacing: -1.8px; margin-right:20px; vertical-align: text-bottom } 

/* 섹션리스트 좌측 광고배너추가 */
.list_left_banner { position: absolute; top: 0; left: -154px; width: 130px; height: 350px; } 


/* tv_wrap */
.tv_wrap > div { width:50% !important; float:left !important } 
.tv_wrap > div { padding-right:15px } 
.tv_wrap > div:last-child { padding-left:15px; padding-right:0 !important } 
.tv_wrap .thumbnail_img { background-size: 585px 329.06px !important; height:329.06px !important } 
.tv_wrap .material-icons { font-size:50px; right:252px; bottom:125px; font-size:80px !important } 
 


/* 사이드 플로팅광고 */
.side_ad_left { position: fixed; /*left: 181px; */ top: 165px; } 
.side_ad_left .horizon_side { left:-180px; width: 130px; height: 350px; position: relative; background-color: #e1e1e1 } 
.side_ad_left .vertical_side { width: 250px; height: 80px; background-color: #e1e1e1; position: relative; left: -300px; margin-top: 25px; } 
.side_ad_right { position: fixed; /*right: 181px; */ top: 165px; } 
.side_ad_right .horizon_side { width: 130px; height: 350px; background-color: #e1e1e1; position: relative; left: 1250px } 
.side_ad_right .vertical_side { width: 250px; height: 80px; background-color: #e1e1e1; position: relative; left: 1250px; margin-top: 25px; } 
.side_ad_left > div:first-child { margin-top:0 !important } 

.side_ad_left img, .side_ad_right img { max-width: 130px; max-height: 350px; } 
.vertical_side img { max-width: 250px; max-height: 80px; } 


/*기사상세 네이버배너*/
.naver_box { margin:5px 0 45px } 
.naver_box img { width: 100%; height: auto } 


/*사이드 플로팅광고*/
.side_ad_right02 { position: fixed; top:0 } 
.side_ad_right02 .vertical_side { width:123px; height:260px; margin-top: 120px; position: absolute; left:675px; background-color: #e1e1e1 } 

.side_ad_right02 .vertical_side img { max-height: 100% !important } 




/*광고스크립트 추가*/
.side_ad01 { position: absolute; left:-350px; width:160px; height: 600px; background: #f7f7f7 } 
.side_ad02 { position: absolute; right:-350px; width:160px; height: 600px; background: #f7f7f7 } 
.side_ad03 { position: absolute; right:-155px; width:123px; height: 260px; background: #f7f7f7 } 

.btm_ad_box01 { display: flex; justify-content: space-between; margin: 50px 0 } 
.btm_ad_box01 > div { width:250px; height: 250px; background: #f7f7f7; } 

.btm_ad_box02 { display: block; margin:30px 0; } 

/* PDF 리스트 추가 */
.section_r .cal_opt { margin-top: 30px } 
.section_r .cal_opt input { margin-right: 5px; width: 114px; display: inline-block; } 
.section_r .cal_opt .search_ico_btn { cursor: pointer; display: inline-block; vertical-align: bottom; } 

/* 하단토스트배너 */
.under_floating { width: 300px; height: 250px; position: fixed; bottom: 0; right: 0; z-index: 99; } 
.under_floating.show-banner { opacity: 1; transition: all 0.6s ease-in; } 
.under_floating.hide-banner { opacity: 0; transition: all 0.6s ease-in; } 

/* 기사상세 중간배너광고 */
.center_ad_box01 { display: flex; justify-content: space-between; margin: 50px 0; } 
.center_ad_box01 > div { width: 250px; height: 250px; } 
.top_banner_box {width: 580px; height: 200px; margin:30px 0 }



/* 조직도 수정 */
.org_map_tab { position: absolute; top: 35px; width: 250px; height: 327px; z-index: 9999; right: 317px; } 
.org_map_tab .nav-item:nth-child(1) { margin-bottom: -1px; width: 250px; display: block; height: 73px; top: 0px; position: relative; } 
.org_map_tab .nav-item:nth-child(2) { margin-bottom: -1px; width: 250px; display: block; height: 73px; top: 0px; position: relative; } 
.org_map_tab .nav-item:nth-child(3) { margin-bottom: -1px; width: 250px; display: block; height: 73px; top: 0px; position: relative; } 
.org_map_tab .nav-item a { display: block; height: 73px; background: 0 } 
.branch_office_org img { display: block; margin: auto } 
.branch_office_org:nth-child(1) img { width: 100% } 
.sub_content_area .nav-tabs { border: 0 } 
.sub_content_area .nav-tabs .nav-link { border: 0; padding: 0; background: 0 } 
.sub_content_area > div { position: relative } 


/* 20231010 하단 광고추가 */
.btm_ad_box03 {width: 100%; margin: 40px 0}


/**************************************
 지면보기 수정 20231218
**************************************/
.jimyun_box {margin-top: 30px}
.jimyun_box > div {margin-bottom: 20px}
.jimyun_box > div:nth-child(1) strong {background:url(../images/ico/news.png) no-repeat left center; }
.jimyun_box > div:nth-child(2) strong {background:url(../images/ico/info.png) no-repeat left center; }
.jimyun_box > div:nth-child(2) p {font-size: 14px; line-height: 20px}

.jimyun_box strong {display: block; padding-left: 22px; background-size: 19px !important; font-weight: 500; margin-bottom: 5px  }
.jimyun_box p {font-size: 15px; padding-bottom: 2px; line-height: 22px; color: #454545 } 
.jimyun_box span {margin-top:2px; padding-left:10px; font-size: 14px; display: inline-block; line-height: 1.4; color:#757575 } 

.jimyun_box .go1 {display: block; margin-top: 10px; padding-right: 17px; font-size: 14px; color: #454545;   border-bottom: 1px solid #dadce0; padding-bottom: 30px; font-weight: 500 }
.jimyun_box .go1 em {padding-right: 20px; background:url(../images/ico/go.png) no-repeat right 4px; background-size: 14px; }
.jimyun_box .go2 {display: block; width: 100%; padding: 20px; margin-top: 30px; text-align: center; 
	line-height:1;	background-color:#0637a7; border-radius: 6px; color: #fff; font-weight: 500
}



/*지면보기 모듈 메인 20231107 

#wrap {font-family: 'pretendard' , 'Malgun Gothic', '맑은 고딕 '; pointer-events:auto; letter-spacing: -.35px } 
#wrap a {cursor: pointer !important}
.header {width: 100%; height: 75px; padding:0 30px; justify-content: space-between; background-color: #fff; display: flex; align-items: center; border-bottom:1px solid #e7e7e7; z-index: 999; } 
.header .logo a {display: inline-block; width: 125px; height: 25px; }
.header .logo img {width: 100%; height: auto; object-fit: contain}
.header .login a {position:relative; display:inline-block; margin-right:20px; font-size:14px; font-weight:300}
.header .login a:hover {font-weight: 500}
.header .login a:nth-child(2)::before {content: ""; display: block; position: absolute; top:4px; left: -14px; width: 1px; height: 12px; background: #e7e7e7; }

.content_wrap {position: relative; width: 1300px; padding:35px 0; overflow-x: auto; margin: 0 auto; }
.content_wrap .jm_tit {display: block; margin:0 auto; width: 710px;  }
.content_wrap .jm_tit h2 {display: inline-block; font-size: 32px; font-weight: bold; padding-bottom: 15px }
.content_wrap .jm_tit p {font-size: 15px; color:#484848; line-height: 1.5}

.content_wrap .d-flex {margin-top:50px; display: flex; justify-content: space-between; align-items: flex-start }

.left_area {margin-top: 39px; width: 294px; flex-shrink: 0 }

.swpier-wrap {width: 632px; padding-bottom:30px; overflow: hidden}
.swiper-slide {box-shadow: 5px 5px 15px rgba(0,0,0,0.15) }
.swiper-slide a {display: block; background: #fff; }
.swiper-slide img {width: 382px !important; height: 530px !important }
.swiper-slide {width: 390px !important;  height: 540px !important }
.swiper-slide-prev {width: 390px !important;  height: 540px !important }
.swiper-slide-active {border: 1px solid #D9D9D9; }
.swiper-slide-active a {padding: 0 !important }
.swiper-slide-active img {width:100% !important; }
.swiper-slide-next {width: 390px !important;  height: 540px !important }

.swpier-wrap .swiper-button-next {width:auto; background-image:none !important; background-size:auto !important}
.swpier-wrap .swiper-button-prev {width:auto; background-image:none !important; background-size:auto !important}

.right_area {margin-top: 39px; width: 294px}
.right_area .today {text-align: center; line-height: 50px; font-size: 18px; background:#4880EB; width: 100%; height: 50px; color:#fff; display: inline-block }
.right_area .jm_list {}
.right_area .jm_list strong {margin:25px 0 20px; display: inline-block; width: 100%; font-size: 24px; color: #353535}
.right_area .jm_list ul {}
.right_area .jm_list li a {display: block; font-size: 15px; line-height: 2; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
.right_area .jm_list li a:hover {text-decoration: underline}

#wrap .copyright {position:absolute; left: 50%; transform: translate(-50%, 0); bottom: 30px; color:#5B6067; font-size: 13px; font-weight: 300; opacity: .85 }

*/