input[type=text]::-ms-clear { display: none !important; } 
p { margin-bottom:0 !important } 
em { font-style:normal } 
p, a, h1, h2, h3, h4, h5, h6, dt, dd, th, td, span, strong, li { transform: skew(-0.1deg) !important } 
ul { padding:0 } 
li { list-style: none } 


.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 { width:100%; letter-spacing: 0 } 

.br_green::after { border-color:#13c0cb !important } 
.br_purple::after { border-color:#9c27b0 !important } 

.point_color { color:#660000 !important } 


/**************************************
 common 
**************************************/

/*위로 올라가기*/
.top_move { position: fixed; z-index: 9999; right: 5%; bottom: 10%; width:40px; height:40px; border-radius:50%; background-color:#fff; border: 1px solid rgba(0,0,0,.05); box-shadow: 1px 2px 2px rgb(0 0 0 / 25%); opacity:.8; cursor: pointer } 
.top_move > img { display:block; margin:8px auto; width: 23px } 


/*헤더 */
.header { position:relative; display:block; width:100%; height:56px; padding:0.875rem 1.25rem; color:#fff; background-color:#069 } 
.header h1 { display: inline-block; /*width:50%; */ height:100%; font-size:initial; vertical-align: middle } 
.header h1 img { width:125px; height:25px; vertical-align: top } 
.header .header_right { display:inline-block; text-align:right; vertical-align: middle } 
.header .header_right a { width:30px; height:25px } 
.header .header_right img { width:25px; height:25px } 
.header .header_right .btn_jb { margin-right:8px; padding: .25rem .313rem; font-size: .938rem; font-weight:600; vertical-align: middle; color: #069; background-color: #fff } 
.header .header_right .btn_srch { padding-right:3px; width:25px; height:25px; opacity:.8 } 
.header .header_right .m_menu_ico_area { } 

/*헤더 검색창*/
.header_search { position:absolute; width: 100%; height:56px; top: 0; border-bottom: 1px solid #fff; left: 0; right: 0; background-color: #069; display: none } 
.header_search .search_input_area { display: flex; justify-content: space-between } 
.header_search .search_input_area input { margin-top:13px; width: calc(100% - 88px); height: 27px; font-size: 1rem; color: rgba(255,255,255,.95); background: transparent; border: 0 } 
.header_search .search_input_area input::placeholder { color:#c8c8c8 } 
.header_search .search_input_area span { width:56px; height:56px; text-align:center; line-height:52px } 
.header_search .search_input_area span:first-child img { width:18px; height:18px; opacity: .6 } 
.header_search .search_input_area span img { right:0; width:25px; height:28px } 


/*사이드메뉴*/
.m-side-menu { width: 80% !important; background-color:#ececec; left: -1903px; position: fixed; } 
.m-side-menu .menu-title-container { padding:0 1.25rem; display: flex; justify-content: space-between; height:52px; background-color: #fff } 
.m-side-menu .menu-title-container img.m_side_logo { margin-top:17px; width: 102px; display: inline-block } 

.menu-title-container a { display: inline-block; width:1.25rem } 
.nav_user { width:21px } 

.side_menu_layout_01 { padding: 0 0 15px 0 } 

.logout_obj { display:flex; align-items: center; font-size:32px } 
.logout_obj a { margin-right:.625rem } 
.logout_obj .menu_close { font-size:33px; margin-right:-7px } 

.login_obj { display: flex; align-items: center } 
.login_obj a:first-child { margin-right:10px } 
.login_obj a i { color: #7f7f7f } 
.login_obj .menu_close { top: inherit !important; margin-left: 10px; font-size:33px } 

.menu_search { width: 100%; background-color: #1f2127 } 
.menu_search .menu_search_input { width:calc(100% - 47px); display: inline-block; padding: 10px 20px; height: 50px; color:#fff; font-size:.875rem; background-color:transparent; border: 0 } 
.menu_search .menu_search_input::placeholder { font-size:.875rem; opacity:.5 } 
.menu_search img { width:25px; } 

.menu_category_wrap { width:100%; padding:1rem 0; background-color:#fff } 
.menu_category_wrap .category_menu { display: flex; align-items: center; } 
.menu_category_wrap .category_menu a { display: block; width: 100%; padding:0.625rem 1.25rem } 

.menu_category_wrap02 { width: 100%; background-color: #fff; margin-top: 0.625rem } 
.menu_category_wrap02 .category_menu02 { display: flex; width: 100% } 
.menu_category_wrap02 .category_menu02 a { width:100%; display: block; padding: 1rem .625rem; text-align: center; border: 1px #ececec solid } 
.menu_category_wrap02 .category_menu02 a:nth-child(even) { border-left:0; border-right:0 } 

.menu_category_wrap02 .category_menu02 i { font-size: 20px; display:block; height:30px } 
.menu_category_wrap02 .category_menu02 .material-icons { font-size:23px; display:block; height:30px } 
.menu_category_wrap02 .category_menu02 .material-icons-outlined { font-size:23px; display:block; height:30px } 


.menu_category_wrap02 .category_menu02 .fa-clock { color:#5d88fb } 
.menu_category_wrap02 .category_menu02:first-child a:nth-child(2) .material-icons { color:#2cc1ca } 
.menu_category_wrap02 .category_menu02 .fa-crown { color:#f19927 } 

.menu_category_wrap02 .category_menu02 .fa-youtube { color:#f14b5c } 
.menu_category_wrap02 .category_menu02 .menu_ico1 { color:#0d5d9e } 
.menu_category_wrap02 .category_menu02 .menu_ico2 { color:#812c7f } 

.menu_category_wrap02 .category_menu02 a span { display: block; text-align: center; font-size: 0.8125rem; } 






.menu_footer { width: 100%; margin:2.125rem 0 1.25rem; padding:0 1.25rem } 
.menu_footer .pc_btn { padding: 7px; background-color: #fff; display: block; margin: auto; border-radius: 25px; text-align: center; font-size:.9375rem } 

.menu_footer .company { display: block; text-align: center; margin:1rem auto 0; padding-bottom: 10px; border-bottom: 1px #d7d7d7 solid } 
.menu_footer .company span { text-align: center; font-size: 0.8125rem; color: #7f7f7f } 
.menu_footer .company a:first-child span::after { content: 'ㅣ'; padding-left: 5px; color:#ddd } 

.menu_footer .address { display: block; margin: auto; font-size:.75rem } 
.menu_footer .address p { text-align: center; font-size: 0.75rem; color: #7f7f7f; margin-top: 15px } 
.menu_footer .address .num_box { text-align: center; margin-top: .375rem } 
.menu_footer .address .num_box span { display: inline-block; font-size: 0.8125rem; color: #7f7f7f } 
.menu_footer .address .num_box span:first-child { margin-right: 10px } 


/*푸터*/
.footer { margin-top:30px; padding-bottom:30px; text-align:center; background-color:#2a2c32; clear:both } 

.footer_nav { text-align: left; } 
.footer_nav a { display:inline-block; text-align:center; width: 32.333%; padding: 0.625rem; margin-bottom: -1px; line-height: 1.25; color: #fff !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } 

.copyright { display:block; padding:30px 0; color:#fff; border-top:1px solid rgba(255,255,255,.1); font-size:.875rem; color:#fff !important } 

.quick_menu { text-align: center } 
.quick_menu a { display:inline-block; width:30%; font-size:.813rem; line-height:50px; color:rgba(255,255,255,.6) !important } 
.quick_menu a:nth-child(2) { color:rgba(255,255,255,.9) !important } 


/**************************************
 메인화면 
**************************************/

.container_wrap { margin:0 auto; width:100%; max-width:728px } 
.container_wrap .article { position:relative } 
.container_wrap .article h2 { padding-bottom:.688rem; font-size:22px; font-weight:700; line-height:1; letter-spacing: -.0.05em; } 
.container_wrap .article h2::after { content: ''; overflow: hidden; position: absolute; z-index: 1; bottom: 0; left: 0; width: 37px; height: 0; border-top: 3px solid #ffc847; } 


.headnews { position:relative; margin:0 auto; width:100%; max-width:728px } 
.headnews_thumbnail { max-width:100%; height:auto; padding-bottom:85%; background-repeat: no-repeat !important; background-position:50% 30% !important; background-size: cover !important } 
.headnews_tit { width:100%; position:absolute; padding:15px 30px; bottom:0; line-height:1.25; color:#fff; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(31,33,39,.75) 75%, rgba(31,33,39) 100%) } 
.headnews_tit em { display:block; font-size:15px; } 
.headnews_tit strong { display:block; margin:15px 0 20px; font-size:27px; -webkit-box-orient: vertical; max-height:65px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2 } 
.headnews_tit span { display:block; font-size:17px; font-weight:500; color:rgba(255,255,255,.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 


.section { width:100%; padding:0 1.25rem; font-size:18px } 
.section > .article { margin-top:30px } 

.news_box { margin-top:16px } 
.news_box .news_media_body { padding-top:8px; overflow: hidden } 
.news_box .news_media_body > p { display:block; font-size:18px; font-weight:500; color:rgba(0,0,0,.95) !important; max-height:2.75em; line-height:1.375; -webkit-line-clamp: 2; overflow: hidden } 
.news_box .news_media_body > span { display:block; margin-top:.75rem; font-size:12px; line-height:1.25; color:rgba(0,0,0,.55); letter-spacing:0; word-break:break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.news_box .news_thumb_box { margin-left: 30px; width:105px; height:90px; background-position:50% 30% !important; background-repeat:no-repeat !important; background-size: cover !important } 


.editorial_box a { display:block; font-size:18px; border-bottom:1px solid #eee; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.editorial_box a:last-child { border-bottom:0 } 

.notice_box > div { margin-top:10px; padding:0 10px; font-weight: 700; border:1px solid #ccc } 
.notice_box a { display: block; height:46px; font-size:15px; line-height:46px; border-bottom:1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.notice_box a:last-child { border-bottom:0 } 

.main_media { margin-top:30px; padding:35px 30px 15px; background-color:#F7F6F2; } 
.main_media h2 { color:#5684FF } 
.main_media h2::after { border-top:0 !important } 

.media_img_box { display: block !important; white-space: nowrap; overflow-x: scroll } 

.media_news { display:inline-block; margin-right:0; width:140px; height:auto; overflow: hidden } 
.media_news .media_thumnail { width:140px; height:140px; background-repeat: no-repeat !important; background-position:50% 30% !important; background-size: cover !important } 
.media_news .media_tit { display:inline-block; width:140px; height:65px; padding: 12px 25px 12px 0; max-height:3.25em; font-size:15px; line-height:1.25; white-space: initial; overflow:hidden } 

.ranking_box a { display:flex; padding:15px 0; border-bottom:1px solid #eaeaea } 
.ranking_box a:last-child { border-bottom:none } 
.ranking_box a em { display:inline-block; width:30px; vertical-align: middle; margin:auto 0 } 
.ranking_box a em::after { content: ''; display:block; width: 30px; height: 24px; background-image: url(../images/etc/num_img.png); background-repeat:no-repeat; background-size: 30px auto } 
.ranking_box a em.rank1::after { background-position:0 0 !important } 
.ranking_box a em.rank2::after { background-position:0 -50px !important } 
.ranking_box a em.rank3::after { background-position:0 -100px !important } 
.ranking_box a em.rank4::after { background-position:0 -150px !important } 
.ranking_box a em.rank5::after { background-position:0 -200px !important } 
.ranking_box a em.rank6::after { background-position:0 -245px !important } 
.ranking_box a em.rank7::after { background-position:0 -300px !important } 
.ranking_box a em.rank8::after { background-position:0 -345px !important } 
.ranking_box a em.rank9::after { background-position:0 -400px !important } 
.ranking_box a em.rank10::after { background-position:0 -450px !important } 
.ranking_box a > span { width: calc(100% - 30px); padding-left: 15px; max-height:48px; font-size:16px; font-weight:500; letter-spacing:-.075em; color:rgba(0,0,0,.95) !important; overflow: hidden; } 

.colum_box > a { display:flex; margin-top:15px } 
.column_thumnail { display:inline-block; margin-right:15px; width:82px; overflow: hidden; vertical-align: middle } 
.column_thumnail span { display:inline-block; width:62px; height:62px; border-radius:50%; background-position:50% 30% !important; background-repeat:no-repeat !important; background-size: cover !important } 
.column_tit { display:inline-block; width:100%; min-width: calc(100% - 85px); vertical-align: middle; align-self: center } 
.column_tit p { font-size:18px; font-weight: 500; line-height: 1.375; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.column_tit span { font-size:12px; color: rgba(0,0,0,.5) } 

.girin419 .swiper { margin-top:10px; width:100%; overflow: hidden } 
.girin419 .girin_box { display:inline-block; width: 90% } 
.girin419 .girin_thumnail { height:0; height:180px; background-position:50% 30% !important; background-repeat:no-repeat !important; background-size: cover !important } 
.girin_tit { margin-top:10px; font-size:15px; font-weight:600; line-height:1.375; max-height:2.75em; color:rgba(0,0,0,.95)!important; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } 
.girin_pagination { top:0 !important; text-align:right !important; right:0; height:0 } 
.girin_pagination > span { margin-left:5px } 
.girin419 .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background:rgba(0,0,0,.25) } 
.girin419 .swiper-pagination-bullet-active { opacity: 1; background: #660000 !important } 

.jbissue h2 { margin:30px 1.25rem 10px } 
.jbissue .issue_top { position:relative } 
.jbissue .issue_top .headnews_thumbnail { padding-bottom:68% } 
.jbissue .issue_top .headnews_tit strong { margin:10px 0; font-size:22px; line-height:1.375; font-weight: 500 } 
.jbissue .issue_list { padding:0 1.25rem } 
.jbissue .issue_list .news_box .news_thumb_box { margin-left:0; margin-right:20px; width:102px; height:80px } 
.jbissue .issue_list .news_box .news_media_body span { margin-top:0; margin-bottom:6px; color:#ffc847 } 


.silsigan { display:flex !important; padding:0 10px; border:1px solid #d7d7d7; margin-bottom:30px !important } 
.silsigan > div { display: inline-block; font-size:14px; vertical-align: middle } 
.silsigan > div a { display: inline-block; height:50px; line-height:50px } 
.silsigan > div:first-child a { margin-top:8px !important; font-size: .75rem; line-height: 1; height: auto; padding: 10px 0; width: 48px; font-weight:600; text-align: center; color:#fff; background-color:#660000 } 
.silsigan .board_banner { border: 0 !important; margin-top:0 !important } 
.silsigan .board_banner .swiper-wrapper a { padding-top:4px !important } 
.silsigan > div .rolling_arrow { border-right:0 !important; padding-top:15px !important } 


.board_box { height:50px; display: block; margin-bottom: 85px } 
.board_box .board_banner { margin-top:10px; width:100%; padding-left:15px; border:1px solid #d7d7d7; overflow: hidden } 
.board_box .board_banner a { padding-top:8px !important; display: inline-block; width:100%; line-height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 700; } 

.board_box .rolling_arrow { border-right: 1px solid #d7d7d7; position: absolute; right: 0; padding-top: 20px; padding-left: 20px; padding-right: 20px; background: #fff; z-index: 99; background: #fff } 
.board_box .rolling_arrow span { display: inline-block; margin-left: -4px; border: 1px solid #ccc; width: 16px; height: 16px; } 
.board_box .rolling_arrow span > img { width: 15px; opacity: .4; vertical-align: top } 
.board_box .rolling_arrow span.swiper_arrow_prev img { transform:rotate(180deg) !important } 


/**************************************
 기사상세화면 
**************************************/
.tit_br { display: inline-block; border-bottom: 5px solid #f5df4d } 


/*기사타이틀*/
.article_wrap { max-width: 1080px; margin:0 auto; } 
.article_wrap h3 { margin:1.375rem 0; font-size: 1.875rem; font-weight:bold; line-height: 1.375; } /* 20220525 수정 */

.location_area { transform: skew(-0.1deg) } 
.location_area a { padding-right:4px; font-size:16px; font-weight:bold; line-height:1; letter-spacing:-.05em; color:#222 } 
.location_area a::after { content:">"; margin-left:8px; font-family: "fontello"; font-weight:400; color:#aaa } 
.location_area a:last-child::after { content:none } 
.location_area a img { width:16px; vertical-align: text-top } 

.byline_box { text-align: center; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #d7d7d7 } 
.byline_box li { display: inline-block } 
.byline_box li a { display: inline-block; font-size: .813rem; font-weight: 400; line-height: 1.125; color: #707070; vertical-align: middle } 
.byline_box li::after { content: '|'; position: relative; top: -2px; margin: 0 0.5rem; font-size: .8em; color: #cacaca } 
.byline_box li:last-child::after { content:none } 
.byline_box li:first-child img { width:12px } 
.byline_box li img { margin-right:3px; width:14px; opacity:.5; vertical-align:top } 

.control_tool > div { display:inline-block; margin:0 4px } 
.control_tool button { float:left; padding:0; width:36px; height:32px; font-size:.875rem; line-height:32px; font-weight:bold; border:1px solid #d7d7d7; background: #fff } 
.control_tool > div:last-child button:first-child { border-right:none } 
.control_tool button > strong { font-size:1.125rem; } 
.control_tool button > img { display:inline-block; width:15px; height:15px; vertical-align:middle } 

.article_social { display:table; margin:40px auto; clear:both } 
.article_social .btn { float:left; width:36px; height:36px; line-height:1; color:#fff; background-color:#555; vertical-align: super } 
.btn_social_fbook { background-color:#3a5795 !important } 
.btn_social_twit { background-color:#0084b4 !important } 
.btn_social_kastory { background-color:#f9e000 !important } 
.btn_social_kastory img { width:20px; vertical-align:baseline; margin-left:-4px !important } 
.btn_social_link { background-color:#13c0cb !important } 
.btn_social_mail { background-color:#ff8522 !important } 
.btn_social_share { background-color:#47c29e !important } 
.btn_social_bookmark { background-color:#660000 !important } 
.btn_social_kakao { background:#f9e000 url(../images/ico/m_ico.png) no-repeat 4px 4px !important; } 
.btn_social_kakao:hover { background-image: url(../images/ico/m_ico.png) !important; background-position: -29px 4px !important } 





/* 20211223 책갈피아이콘 활성화 추가 */
.btn_social_bookmark i.active { color: #f9e000 } 


/*기사본문*/
.article_sub_tit { clear:both; padding-bottom: 3px; border-left:3px #aeaeae solid; margin-bottom: 1.875rem; padding-left: 0.75rem; letter-spacing: -.025em; font-size: 1.125rem; line-height:1.25 } 

.article_view { position: relative } 
.article_view .class_div_main { margin-top: 30px !important; display: table; margin: auto; margin-bottom: 50px; } 
/*.article_view figure { position: relative; margin-top:20px } */
.article_view .class_div_main img { display: block; margin: 0 auto; height: auto } 
.article_view .class_div_main figcaption { padding: 0.7rem 0; font-size: .8rem; line-height: 1.6em; color: #919191 } 
.article_view figcaption { padding: 0.7rem 0; font-size: .8rem; line-height: 1.6em; color: #919191 } 
.article_view .article_img { position:relative; width:100% } 
.article_view img { display: block; margin: 0 auto; height: auto; max-width:100% } 

.article_view .float-right { margin-left:15px } 


/*960px 이상일 때 줌아이콘 나옴 .big_size */
.article_view .article_img::before { content: ''; position: absolute; right: 0.625rem; top: 0.625rem; z-index: 99; width: 35px; height: 35px; background: url(../images/ico/zoom_ico.svg) 0 0 no-repeat } 

.article_view p { margin-bottom:1rem !important; font-weight: 400; line-height: 1.8; color: #3c3e40; word-break: normal; word-wrap: break-word; letter-spacing: -.5px } 

.article_related { margin:30px 0 } 
.article_related > strong { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.125; letter-spacing: -.075em } 
.article_related > a { display:block; margin-bottom:.75rem; padding-left:1rem; font-size: 1.063rem; line-height: 1.25; letter-spacing: -.05em; font-weight: 700; color: #660000 !important; background: url(../images/ico/bullet_01.png) no-repeat 0 50% } 

.tag_box a { display: inline-block; padding: 0 0.625rem; margin-right: 5px; margin-bottom:5px; font-size: .875rem; line-height: 32px; color: #555; background-color: #eee; border-radius: 2rem; white-space: nowrap; vertical-align: middle } 

.reporter_box { margin-top:30px; padding:10px 0 5px; border-top:1px solid #d7d7d7 } 
.reporter_box .reporter_photo { display:inline-block } 
.reporter_box .reporter_photo span { display: inline-block; width:45px; height:45px; border-radius:50%; overflow: hidden; background-repeat: no-repeat !important; background-position:50% 30% !important; background-size: cover !important } 

.reporter_box .reporter_info { display: inline-block; width:calc(100% - 50px); height:45px; line-height: 45px } 
.reporter_box .reporter_info .reporter_name { float:left; display:inline-block; font-size: .9375rem; color: #222; white-space: nowrap; font-weight: bolder; letter-spacing: -.075em } 
.reporter_box .reporter_info .reporter_name .reporter_mail { display:none; font-size: .75rem; line-height: 1.125; letter-spacing: -.025em; color: #707070; white-space: nowrap } 
.reporter_box .reporter_info .reporter_more { float:right; display:inline-block; font-size: .813rem; color: rgba(0,0,0,.65); font-weight: bolder; background-image: linear-gradient(transparent 0,transparent calc(50% - 8px),rgba(0,174,239,.25) calc(50% - 8px),rgba(0,174,239,.25) 100%); background-position: 0 0 !important; background-size: 100% 200%; transition: background-position 120ms ease-in-out,color 120ms ease-in-out } 

.reporter_copy { display: block; margin-bottom: 3rem; padding: 1.5rem 0; font-size: .813rem; font-weight: 400; line-height: 1.25; letter-spacing: -.025em; color: #707070; border-top: 1px solid rgba(0,0,0,.7); text-align: right; clear: both } 


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



/*인기기사*/
.related_article_container { color:rgba(0,0,0,.95) !important; } 
.related_article_container article { margin-top:15px; padding-top:15px; clear:both } 

.popular_list { margin-top:15px; } 
.popular_list strong { color:#660000 } 
.popular_list .news_box { margin-top:0 !important } 
.popular_list .news_box .popular_thumnail { margin-bottom:10px; padding-bottom:50%; background-position: 50% 30% !important; background-repeat: no-repeat !important; background-size: cover !important } 

.popular_list .news_box { display:block; padding:15px 0; border-bottom:1px solid #eaeaea; } 
.popular_list .news_box:last-child { border-bottom:0 !important } 
.popular_list .news_box .news_media_body { margin:auto; padding-top:0 } 
.popular_list .news_box strong { font-size:20px; font-weight: 500 } 
.popular_list .news_box em { display:inline-block; margin:auto; width:35px; font-style: italic; font-size:22px; font-weight:bold; color:#660000 !important } 
.popular_list .news_box p { font-size:17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } 
.popular_list .news_box .news_thumb_box { margin-left:15px !important; width:120px; height:80px; border:1px solid #d7d7d7 } 

/*최신뉴스*/
.newnews { border-top:1px solid #aaa; padding-top:15px } 
.newnews strong { color:#660000 } 
.newnews .news_box { margin-top:0 !important; padding:15px 0; border-bottom:1px solid #eaeaea; } 
.newnews .news_box:last-child { border-bottom:0 !important } 
.newnews .news_box .news_media_body { margin:auto; padding-top:0 } 
.newnews .news_box p { font-size:17px !important } 
.newnews .news_box em { margin-right: 8px; font-size: inherit; color: #660000 !important; } 
.newnews .news_box .news_thumb_box { margin-left:0 !important; margin-right:15px; width:120px; height:80px; border:1px solid #d7d7d7 } 


/*댓글*/
.comment_tit { display:inline-block; margin-bottom:5px; font-size:1.25rem; font-weight: normal; line-height:35px } 
.comment_write { clear:both; margin-bottom:2.1875rem; padding:1.25rem 1.25rem 0.75rem; overflow:hidden; font-size:.8125rem; border:1px solid #d7d7d7; border-radius:.3125rem } 
.comment_logout > a { display:inline-block; font-size:.9375rem; line-height:28px; text-decoration:underline } 
.comment_logout > a > img { margin-right:5px; width:10px; vertical-align:inherit } 
.comment_logout form { margin-top:5px } 
.comment_logout input { width:calc(50% - .125rem); display: inline-block; height:28px; font-size:.8125rem; border-radius:2rem } 
.comment_logout input::placeholder { color:#ccc } 

.comment_login { font-size: .9375rem; line-height: 28px } 

.comment_txt { clear:both; margin-top:15px; } 
.comment_txt textarea { display:block; margin:5px 0; width:100%; font-size:initial; line-height: 1.625; min-height:80px; border:0 !important } 
.comment_txt textarea::placeholder { font-size:; color:#ccc } 

.under_wrap { padding-top:15px; border-top:1px solid #d7d7d7; clear:both } 
.under_wrap > span { color:#989898; font-size:.75rem; letter-spacing: 0 } 
.under_wrap > span > em { padding-right:5px; color:#000; line-height:32px } 
.save_btn { float:right; height: 32px; padding: 0 1.125rem !important; font-size: .8125rem !important; line-height: 1 !important; color:#fff !important; background-color:#660000 !important; border-radius:.25rem } 

.comment_best { text-align:right; padding-bottom:5px; font-size:.8125rem; font-weight:600; border-bottom:1px solid #aaa; letter-spacing:-0.005em; color:#858585 } 
.comment_best .material-icons-outlined { padding-right:5px; font-size:15px; vertical-align:text-bottom; color:#888 } 
.comment_best #dropdownMenuButton { cursor:pointer; display: inline-block } 
.comment_best .dropdown-menu { width:180px; display: table; background: #f8f8f8; font-size: smaller; padding: 15px; opacity: 1; right: 0 !important; left: auto; color: #888; border-radius: 0 !important } 
.comment_best .dropdown-menu p { margin-bottom:5px !important } 

.comment_box { display: flex; padding:15px 0; border-top:1px solid #e7e7e7 } 
.comment_box:first-child { border-top:0 } 
.comment_box .user_photo span { display: inline-block; width:45px; height:45px; border-radius:50%; overflow: hidden; background-repeat: no-repeat !important; background-position:50% 30% !important; background-size: cover !important } 

.comment_box .user_reply { margin-left:10px; width:100% } 
.comment_box .user_reply .reply_01 { display:inline-block; margin:5px 0 10px; height:25px; line-height: 25px; } 
.comment_box .user_reply .reply_01 > strong { font-size:.9375rem; } 
.comment_box .user_reply .reply_01 > strong::after { content:"|"; padding-right:5px; padding-left:5px; color:#ddd } 
.comment_box .user_reply .reply_01 > span { font-size:.8125rem; color:#888; } 
.comment_box .user_reply .reply_01 > span:first-child { font-size:1rem !important; font-weight: bolder } 
.comment_box .user_reply .reply_01 em { display:inline-block; margin-left:5px; font-size:.625rem; font-weight: normal; color:#222; letter-spacing: 0 } 

.comment_box .user_reply .reply_02 a { display:inline-block; overflow: hidden; padding: 0 0.375rem; font-size:.6875rem; font-weight: lighter; line-height: 18px; background-color: #fff; font-weight:400; border: 1px solid #d7d7d7; border-radius: 0.125rem } 

.comment_box .user_reply .reply_03 { padding:5px 0 10px; font-size: .9375rem; line-height: 1.375; color:#444 } 



.btn_more { display:block; margin:15px 0; width:100%; height:45px; font-size:.875rem !important; font-weight:400 !important; letter-spacing: -.075em; border-radius: 3px; opacity:.75; border:1px solid #bbb !important; background-color: #fff !important } 
.btn_more > i { padding-left:3px; font-size:8px; opacity: .6; vertical-align:inherit } 


/*기사상세 공유아이콘 팝업*/
#share_pop .btn { float: left; width: calc(20% - 10px); height: 63px; margin: 5px; padding: 1rem 0; font-size: 1.25rem; text-align: center; color:#fff } 
#share_pop .btn_social_kastory { padding-bottom: 0.438rem !important } 
#share_pop .btn_social_kastory > img { box-sizing: content-box; padding-left: 6px; width:30px } 

#share_pop .btn_social_kakao { background:#f9e000 url(../images/ico/m_s_kakao.png) no-repeat center center !important; } 
#share_pop .btn_social_band { background:#2cb149 url(../images/ico/m_s_band.png) no-repeat center center !important; } 
#share_pop .btn_social_blog { background:#2cb149 url(../images/ico/m_s_blog.png) no-repeat center center !important; } 
#share_pop .btn_social_line { background:#2cb149 url(../images/ico/m_s_line.png) no-repeat center center !important; } 




/*로봇이아닙니다 */
.comment_write .g-recaptcha { margin-bottom:15px } 
.comment_write .g-recaptcha > div { margin:0 auto } 



/**************************************
 섹션메인화면 
**************************************/

.section_main_wrap { margin:30px auto; max-width:1080px } 

.section_tit { display: flex; justify-content: space-between; margin-bottom:30px } 
.section_tit h2 { margin-bottom: 0; width:50%; font-size: 1.25rem; letter-spacing:0 } 
.section_tit h2 span { font-size: .625em; line-height: 1.125; letter-spacing:0; color: rgba(0,0,0,.5) } 
.section_tit .veiw_type a { float:left; margin-left:2px; padding: 0.5rem 0.75rem !important; font-size: .688rem; line-height:1; color: #686868; background-color: #fff; border-color: #ced2db; border-radius: 3px } 
.section_tit .veiw_type a.active { color: #ffff !important; background-color: #660000; border-color: #660000 } 
.section_tit .veiw_type a span { display:none; padding-left:3px } 


/*제목형 기사목록*/
#view_title_wrap .news_box { margin-bottom:1.375rem } 
#view_title_wrap .news_box:nth-child(5n+1) { margin-top:1.375rem; padding-top:1.375rem; border-top:1px solid rgba(0,0,0,.08) } 

/*.section_main_wrap .news_box { margin-bottom:15px; border-top:1px solid #d7d7d7 } */
.section_main_wrap .news_box:first-child { padding-top:0 !important; border-top:0 !important } 
/*.section_main_wrap .news_media_body { margin-top:1rem; display: block } */
.section_main_wrap .news_media_body p { font-size:1.063rem !important; color:#222; font-weight:bolder; letter-spacing:-0.075em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } 
.section_main_wrap .news_info { margin-top:5px !important; color:#737475 !important } 
.section_main_wrap .news_info span::after { content:"|"; padding:0 5px; opacity: .5 } 
.section_main_wrap .news_info span:last-child::after { content:none } 
 

/*요약형 기사목록 재수정*/
#view_summary_wrap .news_box { margin-top:0; display: flex; align-items: center; min-height: 72px; padding: 15px 0; border-bottom: 1px #d7d7d7 solid } 
#view_summary_wrap .news_box_tit { width: 100%; height: auto; } 
#view_summary_wrap .news_box p { font-size: 1.063rem !important; color: #222; font-weight: bolder; letter-spacing: -0.075em; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; max-height: 80px; overflow: hidden; } 
#view_summary_wrap .news_box span { color:#737475 } 

#view_summary_wrap .news_media_body { margin-top:0 !important; padding-top:0 !important; margin-bottom:15px; padding-bottom:15px; border-bottom: 1px solid rgba(0,0,0,.05); } 
#view_summary_wrap .news_info { width: 100%; margin-top: 10px; font-size: 12px; line-height: 1.25; color: rgba(0,0,0,.55); } 

#view_summary_wrap .section_thumnail { width: 160px !important; height: 120px !important; margin-right: 15px; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: cover !important; border: 1px solid rgba(0,0,0,.08); } 




/*포토형 기사목록*/
#view_photo_wrap ul { display: flex; flex-flow: row wrap; } 
#view_photo_wrap ul::after { content: ''; display: table; clear: both; } 

#view_photo_wrap li { display:block; width: 22.75%; min-height: 1px; margin-left: 3%; margin-bottom:3%; border-top:0 !important } 
#view_photo_wrap li:nth-child(n) { width: 31%; margin-left: 3.5%; } 
#view_photo_wrap li:nth-child(3n+1) { margin-left: 0 } 
#view_photo_wrap li:nth-child(-n+3) { margin-top: 0 } 
#view_photo_wrap li a { display: block } 

#view_photo_wrap .news_media_body p { font-size:inherit; white-space: normal; max-height: none } 

#view_photo_wrap .news_info span { display: block; } 
#view_photo_wrap .news_info span:first-child { margin-bottom:3px } 
#view_photo_wrap .news_info span::after { content:none } 

#view_photo_wrap .section_thumnail { width: 100%; margin-right: 15px; padding-bottom: 74%; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: cover !important; border: 1px solid rgba(0,0,0,.08); } 





#view_photo_wrap .no_image { padding: 1.25rem !important; flex-direction: column; background: #f8f8fa; border: 1px solid rgba(0,0,0,.08); text-align: center; border-top:1px solid rgba(0,0,0,.08) !important; justify-content: center; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; padding: 1.25rem; background: #f8f8fa; border: 1px solid rgba(0,0,0,.08); text-align: center; } 

#view_photo_wrap .no_image .news_media_body { margin-top:1rem } 
#view_photo_wrap .no_image .news_info { margin-top:1rem } 

.category { display: block; margin-bottom: 0.375rem; font-weight: 400; line-height: 1.375; font-size: .875rem; letter-spacing: -.075em; color:#660000 !important } 


/**************************************
 게시판 
**************************************/
.notice_tit_big { margin:2rem auto; text-align:center; font-size: 2.5rem; font-weight: bolder; line-height: 1.125; letter-spacing: -.0.05em; color: #222; } 
.notice_table tbody tr.notice_back { background-color: rgba(0,0,0,.035) } 

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


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


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




/**************************************
 상세화면 카드 / 슬라이드 
**************************************/


.card_slide_box { margin-bottom:5rem; overflow: hidden } 
.card_slide_box .swiper-slide { text-align: center } 
.card_slide_box .swiper-slide > img { max-width:100% } 

.card_slide_box .slide_btn { position: absolute; z-index: 1; padding: 2.6rem 2.25rem; font-size: 3rem; color: rgba(255,255,255,.3); background-size:2.5rem; background-color: rgba(0,0,0,.3); top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all .25s } 

.card_slide_box .swiper-button-next { right:0; background-image:url(../images/ico/arrow_right.svg) } 
.card_slide_box .swiper-button-prev { left:0; background-image:url(../images/ico/arrow_left.svg) } 

.card_slide_box .slide_btn:hover { background-color: rgba(0,0,0,1) } 



/**************************************
 상세화면 사진 포토 / 슬라이드 
**************************************/
h3.gallery_tit { margin-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; letter-spacing: -.08em; font-weight:400; text-align: center } 

.gallery_slide_box { margin-bottom:20px; overflow: hidden } 

.gallery_slide_box .swiper { width: 100%; height: 100% } 

.gallery_slide_box .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } 

.gallery_slide_box .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; } 
.gallery_slide_box .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto } 
.gallery_slide_box .swiper-slide { background-size: cover !important; background-position: center !important } 
.gallery_slide_box .mySwiper2 { height: auto; width: 100%; max-width:960px } 
.gallery_slide_box .mySwiper2 .swiper-slide { overflow:hidden; height:300px; background-color: #fff } 
.gallery_slide_box .mySwiper2 .swiper-slide img { width: 100%; height: 100%; } 
.gallery_slide_box .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0 } 

.gallery_slide_box .mySwiper .swiper-slide { width:120px; height:80px; } 
.gallery_slide_box .mySwiper .swiper-slide-thumb-active { border:3px solid #660000 } 

.gallery_slide_box .slide_btn { overflow: hidden; width: 80px !important; height: 130px !important; background-color: #f8f8fa; border-radius: 0; background-size:2.5rem; position: absolute; z-index: 1; padding: 2.6rem 2.25rem; font-size: 3rem; z-index:888; } 

.gallery_slide_box .swiper-button-next { right:0; background-image:url(../images/ico/arrow_right_b.svg) } 
.gallery_slide_box .swiper-button-prev { left:0; background-image:url(../images/ico/arrow_left_b.svg) } 

.slider_play_box .btn.active { background-color: #631004; } 
.slider_play_box .btn.active i { color: #fff } 


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

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


/**************************************
 동영상 뉴스 
**************************************/

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

.movie_wrap { margin-top:30px; width: 100%; font-size: 18px } 
.top_movie_box { position:relative; display:flow-root; margin:0 1.25rem 1.875rem; height:auto; border:1px solid #d7d7d7; clear:both } 

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

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

.movie_list { clear:both; padding:2rem 1rem; } 
.movie_list > strong { display: block; margin-bottom:1rem; font-size: 1.375rem; font-weight: 400; letter-spacing: -.075rem; } 
.movie_list .row { margin:0 !important } 

.movie_list .movie_box { float: left; margin-bottom:1rem; width: 18%; min-height: 1px; margin-left: 2.5%; background: #fff; border:1px solid rgba(0,0,0,.12) } 
.movie_list .movie_box:first-child { margin-left: 0 } 

.movie_list .movie_box .movie_thumnail { position: relative } 
.movie_list .movie_box .movie_thumnail .thumnail { width:100%; height:auto; padding-bottom:56.25%; background-repeat: no-repeat !important; background-position:50% 30% !important; background-size: cover !important } 
.movie_list .movie_box .movie_thumnail .thumnail img { width:100% } 
.movie_list .movie_box .movie_thumnail em { display: inline-block; position: absolute; z-index: 10; left: 0; top: 0; padding: 8px 12px; font-size:16px; font-weight: 700; line-height:1; color:#fff; background-color: #660000 } 
.movie_list .movie_box .movie_thumnail i { position: absolute; z-index: 2; right: 0; bottom: 0; padding: 4px 8px; font-size: 18px; line-height: 1; color: #fff; background: #000; opacity: .5; } 
.movie_list .movie_box .movie_txt { display: block; position: relative; min-height: 75px; padding: 15px; overflow: hidden; } 
.movie_list .movie_box .movie_txt span { display: block; overflow: hidden; line-height: 1.375; max-height: 2.75em; font-size:16px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } 

.all_movie { position:relative; display: block; margin-top:1.25rem; padding:0 1.25rem; width:100%; height:auto; clear:both } 
.all_movie .movie_box { border:0 } 
.all_movie .movie_box .movie_thumnail .thumnail { border:1px solid rgba(0,0,0,.12) } 
.all_movie .movie_box .movie_txt { padding:15px 0 } 
.all_movie .movie_box .movie_txt em { font-size: 12px; letter-spacing: -.025em; color: rgba(0,0,0,.55) !important; } 



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

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

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

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

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

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

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


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

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

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


.modal_login { } 

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

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

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

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

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


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

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

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















/*부가서비스 반응형 차장님*/

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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


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

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

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




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

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


/*20211230*/
.btn_print { padding: 10px; background-color: #631004; color: #fff; font-weight: 600; display: flex; align-items: center; border-radius: 5px } 
.btn_print span { font-size: 15px; padding-right: 7px } 
.btn_print:hover { color: #fff; background-color: #440c03 } 



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



/***************************************************************************220105 회원가입부분 반응형 차장님 추가*******************************************************************************/

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

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

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


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


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


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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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



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


/* css추가 220107*/
.btn_navy_02 { padding: 10px; background-color: #747a8c; border: 1px #d7d7d7 solid; font-weight: 600; display: flex; align-items: center; border-radius: 5px; color: #fff } 
.btn_navy_02:hover { background-color: #505461; color: #fff } 

input[type="password"] { color: #363636; font-family: "malgun gothic"; } 


/* css추가 220118*/
.table_btn_01 { padding: 10px; background-color: #5684ff; font-size: 12px !important; color: #fff; letter-spacing: -0.8px; border-radius: 5px; font-weight: 400 } 
.table_btn_01:hover { background-color: #1468a0; color: #fff } 



/*0207 인용문추가*/
#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; } 
blockquote::before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; border-left: 4px solid #000; } 
blockquote p { margin: 0; padding: 0; line-height: 38px; text-align: left; font-weight: 400; color: #3c3e40; word-break: normal; word-wrap: break-word; font-size: 21px } 

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

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

.yj-yellow-box { width: 100%; border: 2px #d7d7d7 solid } 
.yj-yellow-box .titles { width: 100%; padding: 15px; background-color: #f7f7f7; font-weight: 600; text-align: center } 
.yj-yellow-box .contents { width: 100%; padding: 15px } 
.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 } 

/* 배너광고 */
.banner_ad_01 { width: 100%; margin-top: 20px; } 
.banner_ad_01 img { width: 100%; height: auto; } 

/* 기사상세 광고 */
.top_floating { width: 320px; height: 100px; position: fixed; margin: 30px 0; } 
.m_article_area { margin: 30px 0; } 
.m_article_area .m_article_banner { display: block; margin: auto; width: 336px; height: 280px; } 
.m_under_txtArea { margin: 30px 0; } 
.m_under_txtArea .m_under_txtAd { width: 336px; height: 280px } 
.under_float_area { width: 100%; position: fixed; margin: 30px 0; bottom: 0; } 
.under_float_area .under_float_banner { width: 320px; height: 100px; display: block; margin: auto; } 

/* pre 태그 수정 스타일 추가 */
.headnews_tit .m_top_pre { display:block; margin:15px 0 20px; font-size:27px; -webkit-box-orient: vertical; max-height:65px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; color: #fff; font-family: 'Nanum Square'; font-weight: 600; white-space: inherit; } 
.headnews_tit .m_top_preSub { display:block; font-size:17px; font-weight:500; color:rgba(255,255,255,.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Nanum Square'; } 

.news_box .news_media_body > .m_list_title { display:block; font-size:18px; font-weight:500; color:rgba(0,0,0,.95) !important; max-height:2.75em; line-height:1.375; -webkit-line-clamp: 2; overflow: hidden; white-space: inherit; font-family: 'Nanum Square'; } 
.news_box .news_media_body > .m_list_summary { display:block; margin-top:.75rem; font-size:12px; line-height:1.25; color:rgba(0,0,0,.55); letter-spacing:0; word-break:break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Nanum Square'; } 

.jbissue .issue_top .headnews_tit pre { margin:10px 0; font-size:22px; line-height:1.375; font-weight: 500; color: #fff; font-weight: 600; white-space: inherit; display: block; -webkit-box-orient: vertical; max-height: 65px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; font-family: 'Nanum Square'; } 
.news_box .news_media_body > pre { display:block; font-size:18px; font-weight:500; color:rgba(0,0,0,.95) !important; max-height:2.75em; line-height:1.375; -webkit-line-clamp: 2; overflow: hidden; font-family: 'Nanum Square'; white-space: inherit; } 

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

/* 광고영역 추가 */
.under_widjet_ad { width: 336px; height: auto; margin: auto; margin-top: 20px; margin-bottom: 30px; } 

/* 기사상세 동영상 */
.article_view .class_div_main.yjVideoTemplate { position: relative; overflow: hidden; height: 0; padding-bottom: 59%; margin-bottom: 15px; display: block; } 
.article_view .class_div_main.yjVideoTemplate iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 


/*블라인드댓글*/
.blind_box { color:#777 !important; font-size: .9375rem; background-color: #f7f7f7; justify-content: center; } 

/* 탑매너광고 추가 */ /* 20230912 마진값 삭제 */
.headline_top_banner { width: 100%; height: auto; } 

/*네이버메인버튼추가*/
.naver_m { width: auto !important; background: none !important; padding:0 !important; margin-right: 5px !important; border:none !important } 
.naver_m button { height: 36px !important; } 
.naver_m button i { width:16px !important; height: 30px !important; background-position: -19px -22px !important; } 

/* 20230202 광고배너추가 */
.article_banner_01 { display: block; margin: auto; width: 360px; height: 280px; margin-top: 325px; margin-bottom: 20px } 

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

/* 하단광고위젯 */
.right_widjet_ad iframe { display: block; margin: auto } 

/*창간73주년*/
.open73 { padding-left: 5px; display: inline-block } 
.open73 span:first-child { color:#ff0; font-size:0.8em; letter-spacing:-0.05em } 
.open73 span:last-child { font-size: 0.5em; color:#fff; letter-spacing:-0.05em } 

@media (max-width:465px){
 .open73 span { display: block; } 
 }

@media (max-width:405px){
 .open73 { position: absolute; width: 100%; top: -6px; left: 130px; line-height: 1.3; width:100px } 
.open73 em { display: block } 
 }


/* 기사상세 시리즈 기사 */
.series_list_line { width: 100%; padding-top: 30px; margin-top: 30px; margin-bottom: 30px; border-top: 1px #d7d7d7 solid } 
.series_list_line > strong { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.125; letter-spacing: -.075em; } 
.series_list_line > a { display: block; margin-bottom: .75rem; padding-left: 1rem; font-size: 1.063rem; line-height: 1.25; letter-spacing: -.05em; font-weight: 700; color: #660000 !important; background: url(../images/ico/bullet_01.png) no-repeat 0 50%; } 

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

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

/* 선거콘텐츠*/
.election_wrap { width: 100%; height: 863px; background-color: #EFEBE0; margin-top: 30px; padding: 20px; background-image: url(../images/etc/image-1.png); background-repeat: no-repeat; background-position: 50% 545px } 
.election_wrap .election_title { margin-bottom: 30px } 
.election_wrap .election_title p { display: flex; align-items: center; font-size: 23px; font-weight: 600; color: #0960A5; letter-spacing: -1.2px } 
.election_wrap .election_title p::before { content: url(../images/etc/objects.png); margin-right: 7px } 
.election_wrap .election_title p span { color: #ff0000 } 
.election_wrap .election_title .title_round { text-align: center } 
.election_wrap .election_title .title_round span { padding: 7px 20px; background-color: #01AAAD; border-radius: 50px; font-weight: 600; color: #fff } 

.election_wrap .election_hdNews { width: 100%; height: auto; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #363636 solid } 
.election_wrap .election_hdNews .hdNews_thumb { width: 100%; height: 253px } 
.election_wrap .election_hdNews .hdNews_title { margin-top: 10px; } 
.election_wrap .election_hdNews .hdNews_title p { font-weight: 600; font-size: 22px; letter-spacing: -1.2px } 

.election_wrap .election_newsList .election_media { display: flex; align-items: center; margin-bottom: 20px } 
.election_wrap .election_newsList .election_media .media_thumb { width: 84px; height: 64px; margin-right: 15px; flex-shrink: 0 } 
.election_wrap .election_newsList .election_media .election_body p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; font-weight: 600; font-size: 18px } 

/* sns 공유 */
.share_area { display: flex; margin: 12px 0 } 
.share_area .btn { color: #fff; margin-right: 5px; width: 38px; } 

/* 미디어영역 수정 */
.main_media ul.nav { margin-bottom: 10px; border-bottom: 1px #7f7f7f solid; } 
.main_media ul.nav li { margin-right: 10px; font-size: 20px; margin-bottom: 0; } 
.main_media ul.nav li a { border: 0; } 
.main_media ul.nav li a.active { border: 0; font-weight: 600; border-bottom: 5px #f5df4d solid; background-color: #F7F6F2 } 




/* 240705 국회의원페이지 추가*/

@media screen and (max-width: 767px) {.candidate { display:block !important } 
.candidate > img { margin: 15px auto 15px; display: block; } 
.event_wrap .candidate_wrap > div { border-bottom: 1px solid #ddd; padding-bottom: 30px } 
.event_wrap .mb30 { width: 100%; margin-bottom: 0 !important } 
.event_wrap .jb_tree { display: block } 
.event_wrap .tree { width: 100% } 
.event_wrap .promise_02 .form-control { position: relative; width: 100% !important; top: 15px } 

}


@media screen and (max-width: 1020px) {.event_wrap > div { margin-bottom: 30px !important } 
.event_wrap .promise_tit { display: block; text-align: center } 
.event_wrap .promise_tit img.mans { margin-top: 30px } 
.event_wrap .candidate_wrap { display: block; width: 100% } 
.event_wrap .candidate_wrap > div:first-child { margin-bottom: 30px } 
}

.event_wrap > div { margin-bottom: 50px } 
.promise_tit { position: relative; padding:30px 15px; background-image: linear-gradient(140deg, #073994 0%, #591b86 50%, #075f67 75%); background-color:#073994; display: flex; justify-content: space-evenly } 
.promise_tit img { width: auto; max-width: 100%; height: 100; } 
.promise_tit .mans { max-width: 500px; width: 80% } 
.event_wrap .mb30 { margin-bottom: 30px } 
.candidate_wrap { display: flex; justify-content: space-between; margin-bottom: 30px; } 
.candidate { display: flex; flex-shrink: 0; justify-content: flex-start; column-gap: 30px } 


.candidate .info { display: flex } 
.candidate .info span { width: 50%; text-align: center; background: #070064; color:#fff; line-height: 28px; font-weight: bold; letter-spacing: -1px } 
.candidate .info .go { width: 50%; text-align: center; font-weight: bold; letter-spacing: -1px } 

.candidate > img { width: 150px; height: auto; } 
.candidate .circle { display: flex; justify-content: space-between } 
.candidate .circle > div { flex-shrink: 0; border-radius: 100px; width: 55px; height: 55px; color:#fff; font-size: 32px; font-weight: bold; text-align: center; line-height: 60px; margin-right: 22px; margin-top: 32px } 
.candidate .circle .blue { background-color: #000066 } 
.candidate .circle .green { background-color: #006600 } 
.candidate .circle .black { background-color: #333333 } 
.candidate .circle .red { background-color: #990000 } 

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

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

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


/* 기사상세 중간배너광고 */
.middle_banner_box { width: 320px; height: auto; margin-bottom: 10px; } 

.image-style-align-right , .image-style-align-left { float: none !important; } 

/* 기사상세 부제목 */
.article_sub_tit pre { white-space: break-spaces; font-size: 18px; font-weight: 600; font-family: "Apple SD Gothic Neo", "Helvetica Neue", "Nanum Square", "dotum", "Arial", sans-serif; margin-bottom: 0; }