@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

#content { position:relative; overflow:hidden; }

.news_bnr {position:fixed; left:50%; bottom:284px; margin-left:615px; z-index:45;}
.news_bnr a, .news_bnr img {display:block;}

/* 공통 : 뉴스 기사 */
.newsBox {}
.newsBox .thum {width:276px; height:179px; background-color:#e9e9e9;}
.newsBox .thum>img {width:100%; height:100%;}
.newsBox .info {margin-top:27px;}
.newsBox .info .tit {min-height:66px; color:#010101; font-size:20px; line-height:30px; font-weight:500;}
.newsBox .info .date {margin-top:17px; color:#666;}
.newsBox .info .writer {margin-top:10px; color:#666; overflow:hidden; display:block; line-height:20px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.newsBox .info .summary {min-height:72px; margin-top:17px; font-size:16px; color:#000; line-height:24px; font-weight:300;}
.newsBox .info .keyword {display:inline-block; height:36px; padding:0 25px; line-height:33px; color:#000; font-size:16px; font-weight:350; border:1px solid #ccc; border-radius:18px; background-color:#fff; text-align:center; letter-spacing:-1px;}
.newsBox.type01:after {content:""; display:block; clear:both;}
.newsBox.type01 .thum {float:left; width:98px; height:98px; margin-top:-5px; background-color:#e9e9e9;}
.newsBox.type01 .info {margin:4px 0 0 120px;}
.newsBox.type01 .tit {min-height:60px;}
.newsBox.type02 .info {margin-top:0;}
.newsBox.type02 .info .tit {min-height:auto; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}

/* 뉴스메인 : 구독자, 방문자, 시민기자 수 카운팅 */
.news_user_area {padding:18px 0; /*background-color:#008fd0;*/background-color:#065db8;}
.user_status_list {text-align:right;}
.user_status_list>li {position:relative; display:inline-block; padding-left:33px; color:#1affcb; font-size:16px; font-weight:700;}
.user_status_list>li:after {position:absolute; top:-5px; left:0; width:27px; height:27px; background:url(../images/common/bg_user_status.png) no-repeat 0 0; content:"";}
.user_status_list>li:nth-child(1):after {top:4px; background-position:-26px 0;}
.user_status_list>li:nth-child(2):after {height:25px; background-position:-58px 0;}
.user_status_list>li:nth-child(3):after {width:21px;}
.user_status_list>li+li {margin-left:35px;}
.user_status_list>li>strong {margin-right:12px; color:#fff; font-weight:400;}
.user_status_list>li .btn_news_orders {margin-left:14px;}

/* 뉴스메인 : KV */
.news_best_area:after {content:""; display:block; clear:both;}
.news_best_area .lside {width:616px; color:#fff;}
.news_best_area .rside {width:584px;}
.news_best_wrap {position:relative; width:616px;}
.news_best_wrap .news_best_slider {width:616px;}
.news_best_wrap .news_best_slider .slide {position:relative; display:block; width:616px; height:380px;}
.news_best_wrap .news_best_slider .slide:before {position:absolute; top:0; left:0; width:616px; height:380px; background:url(../images/common/bg_dim.png) no-repeat 0 0; content:"";}
.news_best_wrap .news_best_slider .slide>a {display:block; width:100%; height:100%;}
.news_best_wrap .news_best_slider .thum {width:100%; height:100%; background-color:#e9e9e9;}
.news_best_wrap .news_best_slider .info {position:absolute; left:30px; bottom:30px; width:520px;}
.news_best_wrap .news_best_slider .tit {font-size:32px; line-height:42px; font-weight:700;}
.news_best_wrap .news_best_slider .date {margin-top:20px; font-size:16px;}
.news_best_wrap .news_best_slider .slick-arrow {position:absolute; top:50%; left:0; z-index:1; width:60px; height:60px; margin-top:-30px; text-indent:-999em;}
.news_best_wrap .news_best_slider .slick-prev {background:url(../images/slider/btn_previous01.png) no-repeat 0 0;}
.news_best_wrap .news_best_slider .slick-next {left:auto; right:0; background:url(../images/slider/btn_next01.png) no-repeat 0 0;}
.news_best_wrap .slider-controls {position:absolute; /*bottom:29px;*/bottom:20px; text-align:right;}
.news_best_wrap .slider-controls .dots {margin:0;}
.news_best_wrap .slider-controls .slick-dots button {/*background-color:#737073;*/background-color:#c7cdd2;}
.news_best_wrap .slider-controls .slick-active button {background-color:#fff;}
.news_best_wrap .slider-controls .slickPause, .news_best_wrap .slider-controls .slickPlay {margin:-3px 21px 0 10px;}
.news_best_wrap .news_best_slider .slick-arrow:focus, .news_best_wrap .slider-controls button:focus {outline:1px dotted rgba(255,255,255,0.8); outline-offset:1px;}

/* 뉴스메인 : 많이본뉴스, 추천뉴스 */
.news_best_tab {overflow:hidden;}
.news_best_tab .tab {float:left;}
.news_best_tab .tab>li {width:204px; height:190px;}
.news_best_tab .tab>li>a {position:relative; display:block; width:184px; height:100%; padding:30px; background-color:#333; color:#fff; font-size:24px; font-weight:700;}
.news_best_tab .tab>li>a:after {position:absolute; bottom:23px; right:26px; display:block; width:43px; height:45px; background:url(../images/common/bg_tab.png) no-repeat -48px 0; opacity:.3; content:"";}
.news_best_tab .tab>li:nth-child(2)>a:after {background-position:0 0;}
.news_best_tab .tab>li>a>span {opacity:.5;}
.news_best_tab .tab>li.on>a {background-color:#d60a3c;}
.news_best_tab .tab>li.on>a:after, .news_best_tab .tab>li.on>a>span {opacity:1 !important;}
.news_best_tab .tab>li.on>a:before {position:absolute; top:50%; right:-18px; display:block; width:18px; height:36px; margin-top:-18px; background:url(../images/common/bg_tab.png) no-repeat 0 -52px; content:"";}
.news_best_tab .tab_cont {float:left; width:356px; margin-left:24px; padding:48px 0 0 0;}
.news_best_tab .best_headline:after {content:""; display:block; clear:both;}
.news_best_tab .best_headline>a {display:inline-block; width:100%; height:100%;}
.news_best_tab .best_headline .thum {float:left; width:185px; height:120px; background-color:#e9e9e9;}
.news_best_tab .best_headline .thum img {width:100%;}
.news_best_tab .best_headline .info {float:left; width:150px; margin:10px 0 0 20px;}
.news_best_tab .best_headline .info .tit {font-size:20px; line-height:24px;}
.news_best_tab .best_headline .info .date {margin-top:15px; color:#999; font-weight:400;}
.news_best_tab .best_headline + .news_best_list {margin-top:40px;}
.news_best_tab .news_best_list {}
.news_best_tab .news_best_list>li {}
.news_best_tab .news_best_list>li+li {margin-top:19px;}
.news_best_tab .news_best_list>li>a {display:block; /*color:#999;*/color:#666; font-size:14px; font-weight:400;}
.news_best_tab .news_best_list>li>a>.txt {width:100%; color:#000; font-size:18px; overflow:hidden; display:inline-block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.news_best_tab .news_best_list>li>a>.date {position:relative; top:-3px; display:inline-block; width:102px; text-align:right; font-weight:300;}

/* 뉴스메인 : 바로가기 */
.news_quick_area {margin-top:10px;}
.link_news_quick:after {content:""; display:block; clear:both;}
.link_news_quick>li {float:left; width:33.33%;}
.link_news_quick>li:nth-child(1) .box {background-color:#008fd0;}
.link_news_quick>li:nth-child(1) .tit {position:relative; padding-right:35px;}
.link_news_quick>li:nth-child(1) .tit:after {position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; background:url(../images/common/ico_setup01.png) no-repeat 0 0; content:"";}
.link_news_quick>li:nth-child(2) .box {background-color:#065db8;}
.link_news_quick>li:nth-child(3) .box {background:url(../images/common/bg_news_quick03.jpg) no-repeat 0 0;}
.link_news_quick .box {position:relative; padding:35px 18px 18px 40px; height:220px; color:#fff;}
.link_news_quick .box>a {display:block; margin-right:90px;}
.link_news_quick .tit {display:inline-block; font-size:30px; font-weight:500;}
.link_news_quick .summary {height:60px; margin-top:25px; font-size:20px; line-height:30px; letter-spacing:-1px;}
.link_news_quick .date {margin-top:18px; font-size:16px;}
.link_news_quick .more {position:absolute; bottom:34px; right:31px; width:65px; height:64px; margin-right:0 !important; background:url(../images/common/btn_learn_more2.png) no-repeat 0 0;}
.link_news_quick .click{right:28px; bottom:28px; width:78px; height:76px; background:url(../images/common/btn_news_click.png) no-repeat 0 0;}
.link_news_quick .area{right:28px; bottom:28px; width:64px; height:76px; background:url(../images/common/btn_news_area.png) no-repeat 0 0;}

/* 뉴스메인 : 키워드 뉴스 */
.news_keyword_slider {margin:0 40px;}
.news_keyword_slider .slick-list {padding:1px 0;}
.news_keyword_slider .slick-list .slick-track {padding:1px 0;}
.news_keyword_slider .slick-slide + .slick-slide {margin-left:20px;}
.news_keyword_slider .slide {display:inline-block;}
.news_keyword_slider .slide a {display:inline-block; height:40px; margin-left:2px; padding:0 30px; line-height:38px; color:#000; font-size:18px; font-weight:350; border:1px solid #ccc; border-radius:18px; background-color:#fff; text-align:center; letter-spacing:-1px;}
.news_keyword_slider .slide a.on, .news_keyword_slider .slide a:hover {border:1px solid #0095e9; color:#fff; /*font-weight:700;*/ background-color:#0095e9;}
.news_keyword_slider .slick-arrow {position:absolute; top:50%; left:-40px; z-index:1; width:14px; height:26px; margin-top:-13px; text-indent:-999em;}
.news_keyword_slider .slick-prev {background:url(../images/slider/btn_previous02.png) no-repeat 0 0;}
.news_keyword_slider .slick-prev:hover {background:url(../images/slider/btn_previous02_on.png) no-repeat 0 0;}
.news_keyword_slider .slick-next {left:auto; right:-40px; background:url(../images/slider/btn_next02.png) no-repeat 0 0;}
.news_keyword_slider .slick-next:hover {background:url(../images/slider/btn_next02_on.png) no-repeat 0 0;}
.news_keyword_area .news_keyword_cont {margin-top:40px;}
.news_keyword_area .news_keyword_list:after {content:""; display:block; clear:both;}
.news_keyword_area .news_keyword_list {margin:0 -16px;}
.news_keyword_area .news_keyword_list>li {float:left; width:25%;}
.news_keyword_area .news_keyword_list>li>a {display:inline-block; margin:0 16px;}
.news_keyword_area .news_keyword_list .keyword {margin-top:40px;}
.news_keyword_area .chartBox {width:276px; height:380px; margin:0 16px; padding:17px 34px 30px; background-color:#1e2838; color:#fff; font-size:15px;  font-weight:350;}
.news_keyword_area .chartBox .tit {display:block; margin-bottom:15px; font-size:22px; font-weight:700; text-align:center;}
.news_keyword_area .chartBox .chart {width:180px; height:180px; margin:0 auto;}
.news_keyword_area .chartBox .chartData {}
.news_keyword_area .chartBox .chartData li {font-weight:500;}
.news_keyword_area .chartBox .chartData li+li {margin-top:10px; font-weight:350;}
.news_keyword_area .chartBox .chartData .color {display:inline-block; width:10px; height:10px; margin-right:5px; border-radius:100%;}
.news_keyword_area .chartBox .chartData .stats {float:right;}
.news_keyword_wrap .opacity {position: absolute; top: 101px; right: 25px; width: 50px; height: 40px; background: linear-gradient(270deg,#eff4f8 10%,hsla(0,0%,100%,0));}

/* 뉴스메인 : 최신 뉴스 */
.tab_news_latest {background-color:#ccc; padding:1px;}
.tab_news_latest:after {content:""; display:block; clear:both;}
.tab_news_latest>li {float:left; width:132px; height:118px; background-color:#fff;}
.tab_news_latest>li+li {margin-left:1px;}
.tab_news_latest>li.lst {width:133px;}
.tab_news_latest>li>a {display:block; width:100%; height:100%; background:url(../images/news/bg_news_latest.png) no-repeat 0 0; text-indent:-999em;}
.tab_news_latest .news_tab01>a {background-position:-1px -1px;}
.tab_news_latest .news_tab02>a {background-position:-134px -1px;}
.tab_news_latest .news_tab03>a {background-position:-267px -1px;}
.tab_news_latest .news_tab04>a {background-position:-400px -1px;}
.tab_news_latest .news_tab05>a {background-position:-533px -1px;}
.tab_news_latest .news_tab06>a {background-position:-666px -1px;}
.tab_news_latest .news_tab07>a {background-position:-799px -1px;}
.tab_news_latest .news_tab08>a {background-position:-932px -1px;}
.tab_news_latest .news_tab09>a {background-position:-1066px -1px;}
.tab_news_latest .news_tab01.on>a, .tab_news_latest .news_tab01>a:hover {background-position:-1px -121px;}
.tab_news_latest .news_tab02.on>a, .tab_news_latest .news_tab02>a:hover {background-position:-134px -121px;}
.tab_news_latest .news_tab03.on>a, .tab_news_latest .news_tab03>a:hover {background-position:-267px -121px;}
.tab_news_latest .news_tab04.on>a, .tab_news_latest .news_tab04>a:hover {background-position:-400px -121px;}
.tab_news_latest .news_tab05.on>a, .tab_news_latest .news_tab05>a:hover {background-position:-533px -121px;}
.tab_news_latest .news_tab06.on>a, .tab_news_latest .news_tab06>a:hover {background-position:-666px -121px;}
.tab_news_latest .news_tab07.on>a, .tab_news_latest .news_tab07>a:hover {background-position:-799px -121px;}
.tab_news_latest .news_tab08.on>a, .tab_news_latest .news_tab08>a:hover {background-position:-932px -121px;}
.tab_news_latest .news_tab09.on>a, .tab_news_latest .news_tab09>a:hover {background-position:-1066px -121px;}
.news_latest_area .news_latest_cont {margin-top:40px;}
.news_latest_area .news_latest_list:after {content:""; display:block; clear:both;}
.news_latest_area .news_latest_list {margin:0 -16px;}
.news_latest_area .news_latest_list>li {float:left; width:25%;}
.news_latest_area .news_latest_list>li>a {display:inline-block; margin:0 16px;}

/* 뉴스메인 : 전문칼럼, 특별 기획 */
.news_latest_area .lside {width:892px;}
.news_latest_area .rside {width:276px;}
.news_column_area {float:left; width:430px;}
.news_column_area .news_column_list {}
.news_column_area .news_column_list>li {}
.news_column_area .news_column_list>li+li {margin-top:30px;}
.news_column_area .news_column_list>li>a {display:block;}
.news_project_area {float:right; width:430px;}
.news_spc_wrap {position:relative; width:430px; margin-top:-5px; padding-bottom:49px;}
.news_spc_wrap .news_spc_slider {}
.news_spc_wrap .news_spc_slider .slide>a {display:inline-block;}
.news_spc_wrap .news_spc_slider .thum {width:430px; height:210px; background-color:#e9e9e9;}
.news_spc_wrap .news_spc_slider .info {margin:25px 25px 0; text-align:center;}
.news_spc_wrap .news_spc_slider .tit {font-size:24px; line-height:28px; font-weight:500;}
.news_spc_wrap .news_spc_slider .summary {width:370px; margin-top:20px; color:#333; font-size:16px;  font-weight:400; letter-spacing:-1px; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.news_banner_area .item + .item {margin-top :20px;}

/* 뉴스메인 : 시민기자 뉴스 */
.news_reporter_area {margin:0 -18px;}
.news_reporter_area:after {content:""; display:block; clear:both;}
.news_reporter_area>.boxing {float:left; width:33.33%;}
.news_reporter_area>.boxing>div {margin:0 18px;}
.news_reporter_wrap {position:relative; padding-bottom:60px;}
.news_reporter_wrap .news_reporter_slider .slide a {display:block;}
.news_reporter_wrap .news_reporter_slider .slide a:focus {border:1px dotted rgba(0,0,0,.8);}
.news_reporter_wrap .news_reporter_slider .thum {width:376px; height:242px; background-color:#e9e9e9;}
.news_reporter_wrap .news_reporter_slider .info {position:relative; margin-top:33px; padding-right:82px}
.news_reporter_wrap .news_reporter_slider .writer {color:#666; font-size:16px;}
.news_reporter_wrap .news_reporter_slider .writer>img {position:relative; top:-13px; display:inline-block; margin-right:10px; border-radius:100%; border:1px solid #ccc;}
.news_reporter_wrap .news_reporter_slider .tit {height:56px; font-size:24px; line-height:28px; letter-spacing:-1px; font-weight:500;}
.news_reporter_wrap .news_reporter_slider .info:after {position:absolute; bottom:10px; right:20px; width:42px; height:38px; content:"";}
.news_reporter_wrap .news_reporter_slider.reporterSlider01 .info:after {background:url(../images/common/ico_write.png) no-repeat 0 0;}
.news_reporter_wrap .news_reporter_slider.reporterSlider02 .info:after {bottom:12px; height:32px; background:url(../images/common/ico_photo.png) no-repeat 0 0;}
.news_reporter_wrap .news_reporter_slider.reporterSlider03 .info:after {bottom:4px; width:43px; height:45px; background:url(../images/common/ico_play.png) no-repeat 0 0;}

/* 뉴스메인 : 서울시 해명·설명 자료, 뉴스레터, 태그뉴스 */
.news_data_area {margin-top:12px;}
.news_data_area .news_data_list {margin-top:21px;}
.news_data_area .news_data_list>li {border-bottom:1px solid #ebebeb;}
.news_data_area .news_data_list>li>a {display:block; padding:17px 0;}

.news_letter_area {margin-top:10px;}
.news_letter_area .news_letter_latest>a {display:block;}
.news_letter_area .newsBox .thum {width:376px; height:220px; background-color:#e9e9e9;}
.news_letter_area .newsBox .thum>img {}
.news_letter_area .newsBox .info {margin-top:40px;}
.news_letter_area .newsBox .info .tit {font-size:24px; line-height:32px; font-weight:500;}
.news_letter_area .news_letter_more {display:table; width:100%; height:72px; margin-top:37px; border:1px solid #ccc;}
.news_letter_area .news_letter_more>a {display:table-cell; vertical-align:middle; text-align:center;}
.news_letter_area .news_letter_more .btn_letter_view {width:300px; height:100%; color:#010101; font-size:16px; border-right:1px solid #ccc;}
.news_letter_area .news_letter_more .btn_letter_view>span {color:#0095e9; font-weight:700;}
.news_letter_area .news_letter_more .btn_letter_more>span {position:relative; display:block; padding-top:22px;}
.news_letter_area .news_letter_more .btn_letter_more>span:after {position:absolute; top:0; left:50%; display:block; width:15px; height:15px; margin-left:-7.5px; background:url(../images/common/ico_plus.png) no-repeat 0 0; content:"";}

.news_tag_area {padding:40px 10px 40px 30px; background-color:#d8ebff;}
.news_tag_area .sec_tit_area {margin-bottom:0 !important; text-align:left;}
.news_tag_area .sec_tit_area .sec_tit {color:#182d5c; font-weight:700 !important;}
.news_tag_area .tag {margin-top:5px;}
.news_tag_area .tag>a {display:inline-block; margin:20px 10px 0 0; height:40px; padding:0 17px; line-height:38px; color:#204085; font-size:18px !important; font-weight:400 !important; border-radius:18px; background-color:#fff; text-align:center; letter-spacing:-1px;}

/* 나의 뉴스 */
.my_setting_wrap {padding:50px 0; background-color:#f5f5f5; border-bottom:1px solid #ddd;}
.my_setting_area {position:relative; margin:0 80px;}
.my_setting_area .sec_tit_area {/*margin:0 0 40px 0 !important;*/ margin:0 0 20px 0 !important;}
.my_setting_area .my_setting_msg {color:#333; font-size:18px; font-weight:350; text-align:center;}
.my_setting_area .my_setting_msg .msg {position:relative; padding-left:10px;}
.my_setting_area .my_setting_msg .msg:after {position:absolute; top:5px; left:0; width:4px; height:4px; background-color:#0797d6; border-radius:100%; content:"";}
.my_setting_area .my_setting_msg strong {color:#0797d6; font-size:20px; font-weight:500;}
.my_setting_area .my_setting_control {position:absolute; top:82px; right:-80px; display:block; width:49px; height:31px; border:1px solid #333;}
.my_setting_area .my_setting_control:after {position:absolute; top:50%; left:50%; width:25px; height:13px; margin:-6.5px 0 0 -12.5px; background:url(../images/common/bg_down.png) no-repeat 0 0; content:"";}
.my_setting_area .my_setting_control.on:after {background:url(../images/common/bg_up.png) no-repeat 0 0;}
.my_setting_area .my_setting_box {display:none; margin-bottom:40px;}
.my_setting_area .my_setting_box dl+dl {/*margin-top:30px;*/ margin-top:15px;}
.my_setting_area .my_setting_box dl dt {font-size:20px; font-weight:500;}
.my_setting_area .my_setting_box dl dd {margin-top:15px;}
.my_setting_area .btn_area .setup {display:none;}
.my_setting_area.on .my_setting_box {display:block !important;}
.my_setting_area.on .btn_area .reset,
.my_setting_area.on .my_setting_msg {display:none;}
.my_setting_area.on .btn_area .setup {display:inline-block;}

.my_setting_area .my_list:after,
.my_setting_area .my_area_list:after {content:""; display:block; clear:both;}
.my_setting_area .my_list>li, .my_setting_area .my_area_list>li {float:left; margin-left:-1px;}
.my_setting_area .my_list>li>a,
.my_setting_area .my_area_list>li>a {display:block; width:91px; height:80px; border:1px solid #ddd; background-color:#fff; color:#333; font-size:15px; font-weight:400; text-align:center; background:#fff url(../images/common/bg_my_news.png) no-repeat 0 0;}
.my_setting_area .my_list>li.on>a,
.my_setting_area .my_list>li>a:hover,
.my_setting_area .my_area_list>li.on>a,
.my_setting_area .my_area_list>li>a:hover {position:relative; z-index:1; border:1px solid #0797d6; background-color:#f4fcff; font-weight:500;}
.my_setting_area .my_list>li>a>span, .my_area_list>li>a>span {display:block; margin-top:54px;}
.my_setting_area .my_list .culture a {background-position:-94px 0;}
.my_setting_area .my_list .economy a {background-position:-187px 0;}
.my_setting_area .my_list .welfare a {background-position:-281px 0;}
.my_setting_area .my_list .traffic a {background-position:-373px 0;}
.my_setting_area .my_list .env a {background-position:-466px 0;}
.my_setting_area .my_list .citybuild a {background-position:-559px 0;}
.my_setting_area .my_list .safe a {background-position:-652px 0;}
.my_setting_area .my_list .gov a {background-position:-745px 0;}
.my_setting_area .my_list .photograph a {background-position:-94px -83px;}
.my_setting_area .my_list .video a {background-position:-187px -83px;}
.my_setting_area .my_list .covering a {background-position:-281px -83px;}
.my_setting_area .my_list .card a {background-position:-373px -83px;}
.my_setting_area .my_list .infographic a {background-position:-466px -83px;}

.my_setting_area .my_area_list>li {margin-top:-1px;}
.my_setting_area .my_area_list>li>a {width:93px; background:#fff url(../images/common/bg_area.png) no-repeat 0 0;}
.my_setting_area .my_area_list .all a {background-position:0 0;}
.my_setting_area .my_area_list .all a:hover,
.my_setting_area .my_area_list .all.on a {background-position:0 -166px;}
.my_setting_area .my_area_list .gangnamgu a {background-position:-94px 0;}
.my_setting_area .my_area_list .gangnamgu a:hover,
.my_setting_area .my_area_list .gangnamgu.on a {background-position:-94px -166px;}
.my_setting_area .my_area_list .gangdonggu a {background-position:-186px 0;}
.my_setting_area .my_area_list .gangdonggu a:hover,
.my_setting_area .my_area_list .gangdonggu.on a {background-position:-186px -166px;}
.my_setting_area .my_area_list .gangbukgu a {background-position:-278px 0;}
.my_setting_area .my_area_list .gangbukgu a:hover,
.my_setting_area .my_area_list .gangbukgu.on a {background-position:-278px -166px;}
.my_setting_area .my_area_list .gangseogu a {background-position:-370px 0;}
.my_setting_area .my_area_list .gangseogu a:hover,
.my_setting_area .my_area_list .gangseogu.on a {background-position:-370px -166px;}
.my_setting_area .my_area_list .gwanakgu a {background-position:-462px 0;}
.my_setting_area .my_area_list .gwanakgu a:hover,
.my_setting_area .my_area_list .gwanakgu.on a {background-position:-462px -166px;}
.my_setting_area .my_area_list .gwangjingu a {background-position:-554px 0;}
.my_setting_area .my_area_list .gwangjingu a:hover,
.my_setting_area .my_area_list .gwangjingu.on a {background-position:-554px -166px;}
.my_setting_area .my_area_list .gurougu a {background-position:-646px 0;}
.my_setting_area .my_area_list .gurougu a:hover,
.my_setting_area .my_area_list .gurougu.on a {background-position:-646px -166px;}
.my_setting_area .my_area_list .geumcheonugu a {background-position:-739px 0;}
.my_setting_area .my_area_list .geumcheonugu a:hover,
.my_setting_area .my_area_list .geumcheonugu.on a {background-position:-739px -166px;}
.my_setting_area .my_area_list .nowongu a {background-position:-832px 0;}
.my_setting_area .my_area_list .nowongu a:hover,
.my_setting_area .my_area_list .nowongu.on a {background-position:-832px -166px;}
.my_setting_area .my_area_list .dobonggu a {background-position:-924px 0;}
.my_setting_area .my_area_list .dobonggu a:hover,
.my_setting_area .my_area_list .dobonggu.on a {background-position:-924px -166px;}
.my_setting_area .my_area_list .dongdaemungu a {background-position:-1016px 0;}
.my_setting_area .my_area_list .dongdaemungu a:hover,
.my_setting_area .my_area_list .dongdaemungu.on a {background-position:-1016px -166px;}
.my_setting_area .my_area_list .dongjakgu a {background-position:-1108px 0;}
.my_setting_area .my_area_list .dongjakgu a:hover,
.my_setting_area .my_area_list .dongjakgu.on a {background-position:-1108px -166px;}
.my_setting_area .my_area_list .mapogu a {background-position:0 -83px;}
.my_setting_area .my_area_list .mapogu a:hover,
.my_setting_area .my_area_list .mapogu.on a {background-position:0 -249px;}
.my_setting_area .my_area_list .seodaemungu a {background-position:-94px -83px;}
.my_setting_area .my_area_list .seodaemungu a:hover,
.my_setting_area .my_area_list .seodaemungu.on a {background-position:-94px -249px;}
.my_setting_area .my_area_list .seochogu a {background-position:-186px -83px;}
.my_setting_area .my_area_list .seochogu a:hover,
.my_setting_area .my_area_list .seochogu.on a {background-position:-186px -249px;}
.my_setting_area .my_area_list .seongdonggu a {background-position:-278px -83px;}
.my_setting_area .my_area_list .seongdonggu a:hover,
.my_setting_area .my_area_list .seongdonggu.on a {background-position:-278px -249px;}
.my_setting_area .my_area_list .seongbukgu a {background-position:-370px -83px;}
.my_setting_area .my_area_list .seongbukgu a:hover,
.my_setting_area .my_area_list .seongbukgu.on a {background-position:-370px -249px;}
.my_setting_area .my_area_list .songpagu a {background-position:-462px -83px;}
.my_setting_area .my_area_list .songpagu a:hover,
.my_setting_area .my_area_list .songpagu.on a {background-position:-462px -249px;}
.my_setting_area .my_area_list .yangcheongu a {background-position:-554px -83px;}
.my_setting_area .my_area_list .yangcheongu a:hover,
.my_setting_area .my_area_list .yangcheongu.on a {background-position:-554px -249px;}
.my_setting_area .my_area_list .yeongdeungpogu a {background-position:-646px -83px;}
.my_setting_area .my_area_list .yeongdeungpogu a:hover,
.my_setting_area .my_area_list .yeongdeungpogu.on a {background-position:-646px -249px;}
.my_setting_area .my_area_list .yongsangu a {background-position:-739px -83px;}
.my_setting_area .my_area_list .yongsangu a:hover,
.my_setting_area .my_area_list .yongsangu.on a {background-position:-739px -249px;}
.my_setting_area .my_area_list .eunpyeonggu a {background-position:-832px -83px;}
.my_setting_area .my_area_list .eunpyeonggu a:hover,
.my_setting_area .my_area_list .eunpyeonggu.on a {background-position:-832px -249px;}
.my_setting_area .my_area_list .jongnogu a {background-position:-924px -83px;}
.my_setting_area .my_area_list .jongnogu a:hover,
.my_setting_area .my_area_list .jongnogu.on a {background-position:-924px -249px;}
.my_setting_area .my_area_list .junggu a {background-position:-1016px -83px;}
.my_setting_area .my_area_list .junggu a:hover,
.my_setting_area .my_area_list .junggu.on a {background-position:-1016px -249px;}
.my_setting_area .my_area_list .jungnanggu a {background-position:-1108px -83px;}
.my_setting_area .my_area_list .jungnanggu a:hover,
.my_setting_area .my_area_list .jungnanggu.on a {background-position:-1108px -249px;}

/* 기획·이슈 */
.news_hotissue {background-color:#f5f5f5; border-right:6px solid #0797d6;}
.news_hotissue::after {content:""; display:block; clear:both;}
.news_hotissue>a {display:inline-block;}
.news_hotissue .thum {float:left; width:360px; height:229px; background-color:#e9e9e9;}
.news_hotissue .info {float:left; width:834px; height:229px; padding:30px 40px;}
.news_hotissue .tit {font-size:24px; font-weight:700; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.news_hotissue .summary {margin-top:15px; color:#333; font-size:16px; font-weight:350; line-height:24px; letter-spacing:-0.5px;}
.news_hotissue .info_view {margin-top:15px; /*color:#999;*/color:#666; font-size:16px; font-weight:350;}
.news_hotissue .info_view:after {content:""; display:block; clear:both;}
.news_hotissue .info_view>p {position:relative; float:left;}
.news_hotissue .info_view>p+p {padding-left:14px;}
.news_hotissue .info_view>p:last-child {padding-left:24px;}
.news_hotissue .info_view>p:last-child:after {position:absolute; top:50%; left:12px; width:1px; height:12px; margin-top:-6px; background-color:#dcdcdc; content:"";}
.news_hotissue .info_view .user {font-weight:400;}

.link_tab_area .sec_tit {margin-bottom:20px; font-size:26px; font-weight:700;}
.spc_news_wrap {position:relative; width:1540px; padding-bottom:40px;}
.spc_news_wrap .slick-arrow {position:absolute; top:67px; left:-40px; z-index:10; width:37px; height:42px; text-indent:-999em;}
.spc_news_wrap .slick-arrow:after {position:absolute; top:7px; left:12px; width:28px; height:28px; border-top:3px solid #9e9e9e; border-left:3px solid #9e9e9e; content:''; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.spc_news_wrap .slick-arrow:hover:after{border-top:3px solid #333; border-left:3px solid #333;}
.spc_news_wrap .slick-next {left:auto; right:308px;}
.spc_news_wrap .slick-next:after  {left:-1px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.spc_news_wrap .slider-controls {width:1200px; text-align:center;}
.spc_news_wrap .slider-controls .dots {/*top:11px;*/top:5px; margin:0;}
.spc_news_wrap .slick-dots>li {display:inline-block; margin:0 8px;}
.spc_news_wrap .slick-dots button {width:10px; height:10px; border-radius:50%; background-color:#ccc; text-indent:-999em;}
.spc_news_wrap .slick-dots .slick-active button {width:26px; /*border-radius:5px;*/background-color:#0099fc;}
.spc_news_wrap .slickPause, .spc_news_wrap .slickPlay {position:relative; top:4px; display:inline-block; width:10px; height:13px; margin:0 0 0 5px; padding:10px; text-indent:-999em; background:url(../images/common/btn_pause.png) no-repeat 5px 4px; vertical-align:middle;}
.spc_news_wrap .slickPlay {background:url(../images/common/btn_play.png) no-repeat 5px 4px;}
.spc_news_slider .slick-list> div {margin-left:0;}
.spc_news_slider .slide {float:left; text-align:left;}
.spc_news_slider .slide>a {display:inline-block;}
.spc_news_slider .slide>img {display:block; width:269px; height:174px; vertical-align:top;}
.spc_news_slider .slick-active + .slick-active + .slick-active + .slick-active ~ .slick-active {opacity:0.3;}
.spc_news_slider .thum {width:276px; height:178px; background-color:#e9e9e9;}
.spc_news_slider .info {width:269px; margin-top:22px; text-align:left;}
.spc_news_slider .info .tit {min-height:60px; color:#010101; font-size:20px; font-weight:500; line-height:30px;}
.spc_news_slider .info .info_view {margin-top:23px; color:#999; font-size:16px; font-weight:350;}
.spc_news_slider .info .info_view:after {content:""; display:block; clear:both;}
.spc_news_slider .info .info_view>p {position:relative; float:left;}
.spc_news_slider .info .info_view>p+p {padding-left:14px;}
.spc_news_slider .info .info_view .user {font-weight:400;}

.columnist_area .sec_tit_area .sec_tit {font-size:24px; font-weight:700;}
.columnist_wrap {margin:25px 50px 40px;}
.columnist_wrap .slick-arrow {position:absolute; top:67px; left:-42px; z-index:10; width:37px; height:42px; text-indent:-999em;}
.columnist_wrap .slick-arrow:after {position:absolute; top:7px; left:12px; width:28px; height:28px; border-top:3px solid #9e9e9e; border-left:3px solid #9e9e9e; content:''; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.columnist_wrap .slick-arrow:hover:after{border-top:3px solid #333; border-left:3px solid #333;}
.columnist_wrap .slick-next {left:auto; right:-42px;}
.columnist_wrap .slick-next:after {left:-1px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.columnist_slider .slick-list {padding:2px 0;}
.columnist_slider .slick-list> div {margin-left:0;}
.columnist_slider .slide {text-align:center;}
.columnist_slider .slide>a {display:inline-block; width:calc(100% - 2px); padding:1px;}
.columnist_slider .thum {width:125px; height:124px; margin:0 auto; border:1px solid #dcdcdc; background-color:#e9e9e9;}
.columnist_slider .info {margin-top:15px; font-weight:350;}
.columnist_slider .info>p {font-size:15px; color:#666;}
.columnist_slider .info>p+p {margin-top:7px;}
.columnist_slider .info .user {color:#000; font-size:16px; font-weight:700; line-height:22px;}
.columnist_slider .info .affiliation {color:#333; font-weight:500;}
.columnist_slider .info .user,
.columnist_slider .info .affiliation,
.columnist_slider .info .column {overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}

.hot_keywords_area {}
.hot_keywords_area:after {content:""; display:block; clear:both;}
.hot_keywords_area .keywords_tab {float:left; width:300px;}
.hot_keywords_area .news_hotissue {float:left; width:900px; padding:20px 0 19px 30px;}
.hot_keywords_area .news_hotissue .info {width:504px;}

.all_keyword_area {margin-bottom:57px;}
.all_keyword_wrap {position:relative; margin:0 16px 0 30px;}
.all_keyword_wrap .opacity {position:absolute; top:2px; right:-14px; width:50px; height:44px; background: linear-gradient(270deg,#fff 10%,hsla(0,0%,100%,0));}
.all_keyword_wrap .slick-arrow {position:absolute; top:8px; left:-30px; z-index:10; width:28px; height:28px; text-indent:-999em;}
.all_keyword_wrap .slick-arrow:after {position:absolute; top:6px; left:4px; width:20px; height:20px; border-top:2px solid #666; border-left:2px solid #666; content:''; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.all_keyword_wrap .slick-arrow:hover:after{border-top:2px solid #333; border-left:2px solid #333;}
.all_keyword_wrap .slick-next {left:auto; right:-34px;}
.all_keyword_wrap .slick-next:after {left:-1px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.all_keyword_slider .slick-list {padding:2px 0;}
.all_keyword_slider .slick-list> div {margin-left:0;}
.all_keyword_slider .slick-slide + .slick-slide {margin-left:8px;}
.all_keyword_slider .slide {display:inline-block;}
.all_keyword_slider .slide a {display:inline-block; height:44px; margin-left:1px; padding:0 13px; line-height:42px; color:#666; font-size:16px; font-weight:350; border:1px solid #dcdcdc; border-radius:4px; background-color:#fff; text-align:center;}
.all_keyword_slider .slide a.on, .all_keyword_slider .slide a:hover {border:1px solid #0797d6; color:#0797d6; background-color:#edfaff;}

/* 비주얼 뉴스 */
.news_visual_wrap {min-height:503px; background:url(../images/news/bg_visual_news.jpg) no-repeat 50% 0;}
.news_visual_wrap .news_list {color:#fff;}
.news_visual_wrap .news_list .info {position:relative; margin-top:22px; padding-top:33px;}
.news_visual_wrap .news_list .ico {position:absolute; top:0; left:0; background:url(../images/common/bg_ico.png) no-repeat 0 0;}
.news_visual_wrap .news_list .ico.photo {display:block; width:33px; height:25px;}
.news_visual_wrap .news_list .ico.video {display:block; width:31px; height:31px; background-position:0 -25px;}
.news_visual_wrap .news_list .ico.card {display:block; width:30px; height:30px; background-position:-33px 0;}
.news_visual_wrap .news_list .ico.inforgraphics {display:block; width:37px; height:30px; background-position:-31px -30px;}
.news_visual_wrap .news_list .info_view {margin-top:10px; color:#fff; opacity:.5;}

/* 2021.06.01 비쥬얼뉴스, 우리동네 뉴스 수정 */
.news_visual_wrap .news_list.v2 .info {padding-top:0;}
#content .news_list.v2 .rside {position:relative;}
#content .news_list.v2 .ico {position:absolute; left:auto; right:0; top:-27px; width:20px; height:20px; background:center no-repeat;}
#content .news_list.v2 .ico.news {background-image:url(../images/common/ico_view.png);}
#content .news_list.v2 .ico.photo {background-image:url(../images/common/ico_photo2.png);}
#content .news_list.v2 .ico.video {background-image:url(../images/common/ico_video2.png);}
#content .news_list.v2 .ico.card {background-image:url(../images/common/ico_card.png);}
#content .news_list.v2 .ico.inforgraphics {background-image:url(../images/common/ico_info.png);}
#content .news_visual_wrap .news_list.v2 .ico.photo {background-image:url(../images/common/ico_photo_w2.png);}
#content .news_visual_wrap .news_list.v2 .ico.video {background-image:url(../images/common/ico_video_w2.png);}
#content .news_visual_wrap .news_list.v2 .ico.card {background-image:url(../images/common/ico_card_w2.png);}
#content .news_visual_wrap .news_list.v2 .ico.inforgraphics {background-image:url(../images/common/ico_info_w2.png);}
.news_visual_wrap .news_list.v2 .info_view {opacity:1; color:#dde9f8;}
.news_visual_wrap .news_list.v2 .info_view .user, .news_visual_wrap .news_list.v2 .info_view .date, .news_visual_wrap .news_list.v2 .info_view .count {/*opacity:.5;*/}

/* 우리동네 뉴스 */
.mytown_news_area .news_share {margin-top:21px; color:#7f7f7f; font-weight:350; text-align:center;}
.mytown_news_area .news_share [class^="btn_"] {position:relative; top:-1px; margin-left:8px; vertical-align:middle;}
.news_town_tab {position:relative; height:456px; border-right:6px solid #0797d6;}
.news_town_tab:after {content:""; display:block; clear:both;}
.news_town_tab .tab_section {float:left; width:830px; height:456px;}
.news_town_tab .news_town_latest {float:right; width:364px; height:456px; padding:24px 35px; background-color:#f5f5f5;}
.news_town_tab .tab {position:absolute; top:0; left:0;}
.news_town_tab .tab>li {width:152px; width:152px; height:228px;}
.news_town_tab .tab>li>a {position:relative; display:block; width:140px; height:100%; padding:130px 10px 10px; color:#fff; font-size:20px; font-weight:500; background-color:#4e4e4e; text-align:center;}
.news_town_tab .tab>li>a:after {position:absolute; top:53px; left:50%; display:block; width:64px; height:64px; margin-left:-32px; background:url(../images/common/bg_tab.png) no-repeat -94px 0; content:"";}
.news_town_tab .tab>li:nth-child(2)>a:after {background-position:-158px 0;}
.news_town_tab .tab>li.on>a {background-color:#0797d6;}
.news_town_tab .tab>li.on>a:before {position:absolute; top:50%; right:-12px; display:block; width:12px; height:25px; margin-top:-12.5px; background:url(../images/common/bg_tab.png) no-repeat -18px -52px; content:"";z-index:1}
.news_town_tab .tab_cont {width:830px; padding-left:140px; background-color:#ededed;}
.news_town_tab .mapBoxWrap {width:720px; height:456px; background:url(../images/map/bg_town_map2.png) no-repeat 0 0;}
.news_town_tab #mapBox {position:relative; width:100%; height:100%;} 
.news_town_tab #mapBox.gangnamgu {background:url(../images/map/bg_town_gangnamgu.png) no-repeat 0 0;}
.news_town_tab #mapBox.gangdonggu {background:url(../images/map/bg_town_gangdonggu.png) no-repeat 0 0;}
.news_town_tab #mapBox.gangbukgu {background:url(../images/map/bg_town_gangbukgu.png) no-repeat 0 0;}
.news_town_tab #mapBox.gangseogu {background:url(../images/map/bg_town_gangseogu.png) no-repeat 0 0;}
.news_town_tab #mapBox.gwanakgu {background:url(../images/map/bg_town_gwanakgu.png) no-repeat 0 0;}
.news_town_tab #mapBox.gwangjingu {background:url(../images/map/bg_town_gwangjingu.png) no-repeat 0 0;}
.news_town_tab #mapBox.gurougu {background:url(../images/map/bg_town_gurougu.png) no-repeat 0 0;}
.news_town_tab #mapBox.geumcheonugu {background:url(../images/map/bg_town_geumcheonugu.png) no-repeat 0 0;}
.news_town_tab #mapBox.nowongu {background:url(../images/map/bg_town_nowongu.png) no-repeat 0 0;}
.news_town_tab #mapBox.dobonggu {background:url(../images/map/bg_town_dobonggu.png) no-repeat 0 0;}
.news_town_tab #mapBox.dongdaemungu {background:url(../images/map/bg_town_dongdaemungu.png) no-repeat 0 0;}
.news_town_tab #mapBox.dongjakgu {background:url(../images/map/bg_town_dongjakgu.png) no-repeat 0 0;}
.news_town_tab #mapBox.mapogu {background:url(../images/map/bg_town_mapogu.png) no-repeat 0 0;}
.news_town_tab #mapBox.seodaemungu {background:url(../images/map/bg_town_seodaemungu.png) no-repeat 0 0;}
.news_town_tab #mapBox.seochogu {background:url(../images/map/bg_town_seochogu.png) no-repeat 0 0;}
.news_town_tab #mapBox.seongdonggu {background:url(../images/map/bg_town_seongdonggu.png) no-repeat 0 0;}
.news_town_tab #mapBox.seongbukgu {background:url(../images/map/bg_town_seongbukgu.png) no-repeat 0 0;}
.news_town_tab #mapBox.songpagu {background:url(../images/map/bg_town_songpagu.png) no-repeat 0 0;}
.news_town_tab #mapBox.yangcheongu {background:url(../images/map/bg_town_yangcheongu.png) no-repeat 0 0;}
.news_town_tab #mapBox.yeongdeungpogu {background:url(../images/map/bg_town_yeongdeungpogu.png) no-repeat 0 0;}
.news_town_tab #mapBox.yongsangu {background:url(../images/map/bg_town_yongsangu.png) no-repeat 0 0;}
.news_town_tab #mapBox.eunpyeonggu {background:url(../images/map/bg_town_eunpyeonggu.png) no-repeat 0 0;}
.news_town_tab #mapBox.jongnogu {background:url(../images/map/bg_town_jongnogu.png) no-repeat 0 0;}
.news_town_tab #mapBox.junggu {background:url(../images/map/bg_town_junggu.png) no-repeat 0 0;}
.news_town_tab #mapBox.jungnanggu {background:url(../images/map/bg_town_jungnanggu.png) no-repeat 0 0;}
.news_town_tab #mapBox .map_list>li>a {position:absolute;}
.news_town_tab #mapBox .gangnamgu>a {top:326px; left:439px; width:46px; height:23px;}
.news_town_tab #mapBox .gangdonggu>a {top:235px; right:125px; width:45px; height:26px;}
.news_town_tab #mapBox .gangbukgu>a {top:115px; left:379px; width:49px; height:26px;}
.news_town_tab #mapBox .gangseogu>a {top:216px; left:127px; width:54px; height:32px;}
.news_town_tab #mapBox .gwanakgu>a {top:356px; left:289px; width:51px; height:32px;}
.news_town_tab #mapBox .gwangjingu>a {top:241px; right:201px; width:41px; height:23px;}
.news_town_tab #mapBox .gurougu>a {top:319px; left:156px; width:46px; height:29px;}
.news_town_tab #mapBox .geumcheonugu>a {top:361px; left:232px; width:46px; height:30px;}
.news_town_tab #mapBox .nowongu>a {top:100px; right:220px; width:46px; height:26px;}
.news_town_tab #mapBox .dobonggu>a {top:64px; right:274px; width:43px; height:26px;}
.news_town_tab #mapBox .dongdaemungu>a {top:192px; right:245px; width:53px; height:26px;}
.news_town_tab #mapBox .dongjakgu>a {top:309px; left:290px; width:49px; height:26px;}
.news_town_tab #mapBox .mapogu>a {top:228px; left:243px; width:56px; height:26px;}
.news_town_tab #mapBox .seodaemungu>a {top:197px; left:269px; width:59px; height:29px;}
.news_town_tab #mapBox .seochogu>a {top:342px; right:300px; width:48px; height:25px;}
.news_town_tab #mapBox .seongdonggu>a {top:234px; right:249px; width:47px; height:27px;}
.news_town_tab #mapBox .seongbukgu>a {top:163px; left:382px; width:49px; height:26px;}
.news_town_tab #mapBox .songpagu>a {top:303px; right:168px; width:45px; height:26px;}
.news_town_tab #mapBox .yangcheongu>a {top:281px; left:169px; width:51px; height:29px;}
.news_town_tab #mapBox .yeongdeungpogu>a {top:289px; left:230px; width:56px; height:30px;}
.news_town_tab #mapBox .yongsangu>a {top:258px; left:336px; width:51px; height:29px;}
.news_town_tab #mapBox .eunpyeonggu>a {top:133px; left:269px; width:49px; height:27px;}
.news_town_tab #mapBox .jongnogu>a {top:190px; left:336px; width:43px; height:24px;}
.news_town_tab #mapBox .junggu>a {top:225px; left:356px; width:41px; height:23px;}
.news_town_tab #mapBox .jungnanggu>a {top:167px; right:193px; width:47px; height:24px;}
.news_town_tab #mapBox .btn_md_round {position:absolute; left:20px; bottom:20px;}
.news_town_tab .areaBox {padding:40px;}
.news_town_tab .area_list {margin-left:1px;}
.news_town_tab .area_list:after {content:""; display:block; clear:both;}
.news_town_tab .area_list>li {float:left; margin:-1px 0 0 -1px;}
.news_town_tab .area_list>li>a {display:table; width:102px; height:76px; border:1px solid #e1e2e3; color:#333; font-size:18px; font-weight:400; background-color:#fff; text-align:center;}
.news_town_tab .area_list>li>a>span {display:table-cell; vertical-align:middle;}
.news_town_tab .area_list>li.active>a,
.news_town_tab .area_list>li>a:hover {position:relative; z-index:1; border:1px solid #0797d6; background-color:#edfaff; color:#000; font-weight:500;}


/* S:  지도변경 및 추가 */
.news_town_tab #mapBoxWrap_new{width:720px; height:456px; background:url(../images/map/bg_town_map2_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new {position:relative; width:100%; height:100%;transition: all 0.3s;}
.news_town_tab #mapBox_new.gangnamgu {background:url(../images/map/bg_town_gangnamgu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.gangdonggu {background:url(../images/map/bg_town_gangdonggu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.gangbukgu {background:url(../images/map/bg_town_gangbukgu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.gangseogu {background:url(../images/map/bg_town_gangseogu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.gwanakgu {background:url(../images/map/bg_town_gwanakgu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.gwangjingu {background:url(../images/map/bg_town_gwangjingu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.gurougu {background:url(../images/map/bg_town_gurougu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.geumcheonugu {background:url(../images/map/bg_town_geumcheonugu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.nowongu {background:url(../images/map/bg_town_nowongu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.dobonggu {background:url(../images/map/bg_town_dobonggu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.dongdaemungu {background:url(../images/map/bg_town_dongdaemungu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.dongjakgu {background:url(../images/map/bg_town_dongjakgu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.mapogu {background:url(../images/map/bg_town_mapogu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.seodaemungu {background:url(../images/map/bg_town_seodaemungu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.seochogu {background:url(../images/map/bg_town_seochogu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.seongdonggu {background:url(../images/map/bg_town_seongdonggu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.seongbukgu {background:url(../images/map/bg_town_seongbukgu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.songpagu {background:url(../images/map/bg_town_songpagu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.yangcheongu {background:url(../images/map/bg_town_yangcheongu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.yeongdeungpogu {background:url(../images/map/bg_town_yeongdeungpogu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.yongsangu {background:url(../images/map/bg_town_yongsangu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.eunpyeonggu {background:url(../images/map/bg_town_eunpyeonggu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.jongnogu {background:url(../images/map/bg_town_jongnogu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.junggu {background:url(../images/map/bg_town_junggu_Re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new.jungnanggu {background:url(../images/map/bg_town_jungnanggu_re.png) no-repeat 0 0;}
.news_town_tab #mapBox_new .map_list>li>a {position:absolute;}
.news_town_tab #mapBox_new .gangnamgu>a {top: 318px; left:439px; width:46px; height:34px;}
.news_town_tab #mapBox_new .gangdonggu>a {top:235px; right:125px; width:45px; height:34px;}
.news_town_tab #mapBox_new .gangbukgu>a {top:115px; left:379px; width:49px; height:34px;}
.news_town_tab #mapBox_new .gangseogu>a {top:216px; left:127px; width:54px; height:34px;}
.news_town_tab #mapBox_new .gwanakgu>a {top:356px; left:289px; width:51px; height:34px;}
.news_town_tab #mapBox_new .gwangjingu>a {top:241px; right:201px; width:41px; height:34px;}
.news_town_tab #mapBox_new .gurougu>a {top:319px; left:156px; width:46px; height:34px;}
.news_town_tab #mapBox_new .geumcheonugu>a {top:361px; left:232px; width:46px; height:34px;}
.news_town_tab #mapBox_new .nowongu>a {top:92px; right:220px; width:46px; height:34px;}
.news_town_tab #mapBox_new .dobonggu>a {top:52px; right:276px; width:43px; height:34px;}
.news_town_tab #mapBox_new .dongdaemungu>a {top:192px; right:245px; width:53px; height:34px;}
.news_town_tab #mapBox_new .dongjakgu>a {top:309px; left:290px; width:49px; height:34px;}
.news_town_tab #mapBox_new .mapogu>a {top:228px; left:243px; width:56px; height:34px;}
.news_town_tab #mapBox_new .seodaemungu>a {top:197px; left:269px; width:59px; height:34px;}
.news_town_tab #mapBox_new .seochogu>a {top:336px; right:300px; width:48px; height:34px;}
.news_town_tab #mapBox_new .seongdonggu>a {top:234px; right:249px; width:47px; height:34px;}
.news_town_tab #mapBox_new .seongbukgu>a {top:163px; left:382px; width:49px; height:34px;}
.news_town_tab #mapBox_new .songpagu>a {top:300px;right: 158px; width:45px; height:34px;}
.news_town_tab #mapBox_new .yangcheongu>a {top:281px; left:169px; width:51px; height:34px;}
.news_town_tab #mapBox_new .yeongdeungpogu>a {top:289px; left:230px; width:56px; height:34px;}
.news_town_tab #mapBox_new .yongsangu>a {top:258px; left:336px; width:51px; height:34px;}
.news_town_tab #mapBox_new .eunpyeonggu>a {top:133px; left:269px; width:49px; height:34px;}
.news_town_tab #mapBox_new .jongnogu>a {top:190px; left:336px; width:43px; height:34px;}
.news_town_tab #mapBox_new .junggu>a {top:225px; left:356px; width:41px; height:34px;}
.news_town_tab #mapBox_new .jungnanggu>a {top:167px; right:193px; width:47px; height:34px;}
.news_town_tab #mapBox_new .btn_md_round {position:absolute; left:20px; bottom:20px;}
#btn_info_mouse{display:flex;align-items:center;justify-content:center;position:absolute;left:18px;top:20px;padding:9px 15px;height:auto;background:#fff;border-radius:10px;border:none;cursor:default;}
#btn_info_mouse span{margin-right: 10px;text-align:left;line-height:1.2;font-weight:500;font-size:15px;color:#4e4e4e;}

/* E:  지도변경 및 추가 */


.current_loc {display:inline-block; min-width:120px; height:44px; margin-right:8px; padding:0 10px; line-height:40px; color:#0091d0; font-size:16px; font-weight:500; background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px; text-align:center; vertical-align:top;}
.current_loc:after {position:absolute; top:50%; right:-9px; display:block; width:9px; height:10px; margin-top:-5px; background:url(../images/news/bg_current_loc.png) no-repeat right 0; content:"";}
.board_search_area .current_loc {position:relative; top:-1px; margin-right:27px;}


/* 시민기자 뉴스 */
.link_tab_area {padding-top:30px;}
.reporter_list {margin:0 -18px;}
.reporter_list:after, .reporter_list_area .boxing .info_view:after {content:""; display:block; clear:both;}
.reporter_list .boxing {float:left; width:33.33%;}
.reporter_list.line04 .boxing {width:25%;}
.reporter_list .boxing>a {display:inline-block; margin:0 18px;}
.reporter_list .boxing .thum {width:376px; height:242px; background-color:#e9e9e9;}
.reporter_list .boxing .info {margin-top:20px;}
.reporter_list .boxing .writer {position:relative; height:40px; padding:12px 0 0 50px; color:#666; font-size:16px;}
.reporter_list .boxing .writer .thum {position:absolute; top:0; left:0; display:inline-block; width:40px; height:40px; margin-right:10px; border-radius:100%; border:1px solid #ccc; background-color:#e9e9e9;}
.reporter_list .boxing .writer .thum>img {width:38px; height:38px; border-radius:100%;}
.reporter_list .boxing .tit {position:relative; height:56px; margin-top:20px; padding-right:80px; font-size:24px; line-height:28px; letter-spacing:-1px; font-weight:500;}
.reporter_list .boxing .info_view {margin-top:17px; color:#999; font-size:16px; font-weight:350;}
.reporter_list .boxing .info_view>p {float:left;}
.reporter_list .boxing .info_view>p+p {position:relative; padding-left:25px;}
.reporter_list .boxing .info_view>p+p:after {position:absolute; top:50%; left:12px; width:1px; height:12px; margin-top:-6px; background-color:#dcdcdc; content:"";}
.reporter_list .boxing .tit:after {position:absolute; bottom:10px; right:20px; width:42px; height:38px; content:"";}
.reporter_list .boxing.news .tit:after {background:url(../images/common/ico_write.png) no-repeat 0 0;}
.reporter_list .boxing.photo .tit:after {bottom:12px; height:32px; background:url(../images/common/ico_photo.png) no-repeat 0 0;}
.reporter_list .boxing.video .tit:after {bottom:4px; width:43px; height:45px; background:url(../images/common/ico_play.png) no-repeat 0 0;}

/* 뉴스 상세 */
.news_detail_view {}
.news_detail_view .info:after,
.news_detail_view .util_view:after,
.news_detail_view .util:after,
.news_detail_view .share_sns:after,
.news_detail_view .info_writer:after,
.news_detail_view .info_writer .path:after,
.news_detail_view .com_banner:after {content:""; display:block; clear:both;}

.news_detail_view.fixed .news_detail_top {position:fixed; top:0; left:0; z-index:1; background-color:#fff; width:100%; height:88px; padding:0; box-shadow:0 0 5px #bbb; border-bottom:0 none;}
.news_detail_view.fixed .news_detail_top>.boxing {position:relative; width:1365px; margin:0 auto; padding:27px 86px 33px;}
.news_detail_view.fixed .news_detail_top>.boxing:after {content:""; display:block; clear:both;}
.news_detail_view.fixed .news_detail_top .tit {float:left; width:620px; font-size:26px; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.news_detail_view.fixed .news_detail_top .info {position:relative; top:6px; float:right; margin-top:0;}
.news_detail_view.fixed .news_detail_top .info_view {display:none;}
.news_detail_view.fixed .news_detail_top .prev_news,
.news_detail_view.fixed .news_detail_top .next_news {position:absolute; top:50%; left:0; display:block !important; width:52px; height:36px; margin-top:-18px; background:url(../images/common/bg_board_util.png) no-repeat 0 -57px;}
.news_detail_view.fixed .news_detail_top .next_news {left:auto; right:0; width:50px; background-position:-52px -57px;}
.news_detail_view.fixed .news_detail_top .barProgress {width:0; height:3px; background-color:#0797d6;}

.size02 .news_detail_view .subtit_area {font-size:20px;}
.size02 .news_detail_view .img_area .txt, .size02 .news_detail_view .video_area .txt {font-size:18px;}
.size02 .news_detail_view .photo_area .txt,
.size02 .news_detail_view .summary_area {font-size:20px;}
.size02 .news_detail_view .story_area .tit {font-size:20px;}
.size02 .news_detail_view .story_area .txt {font-size:21px;}
.size02 .news_detail_view .board_cont .tit {font-size:22px;}
.size02 .news_detail_view .program_list>li {font-size:18px;}
.size02 .news_detail_view .program_area .notice {font-size:16px;}
.size02 .news_detail_view .board_area table thead th, .size02 .news_detail_view .board_area table td {font-size:17px;}
.size02 .news_detail_view .infographics_area .txt {font-size:20px;}
.size02 .news_detail_view .oldNews p,
.size02 .news_detail_view .oldNews table td {font-size:18px;}

.size03 .news_detail_view .subtit_area {font-size:22px;}
.size03 .news_detail_view .img_area .txt, .size03 .news_detail_view .video_area .txt {font-size:20px;}
.size03 .news_detail_view .photo_area .txt,
.size03 .news_detail_view .summary_area {font-size:22px;}
.size03 .news_detail_view .story_area .tit {font-size:22px;}
.size03 .news_detail_view .story_area .txt {font-size:23px;}
.size03 .news_detail_view .board_cont .tit {font-size:24px;}
.size03 .news_detail_view .program_list>li {font-size:20px;}
.size03 .news_detail_view .program_area .notice {font-size:18px;}
.size03 .news_detail_view .board_area table thead th, .size03 .news_detail_view .board_area table td {font-size:19px;}
.size03 .news_detail_view .infographics_area .txt {font-size:22px;}
.size03 .news_detail_view .oldNews p,
.size03 .news_detail_view .oldNews table td {font-size:20px;}

.size04 .news_detail_view .subtit_area {font-size:24px;}
.size04 .news_detail_view .img_area .txt, .size04 .news_detail_view .video_area .txt {font-size:22px;}
.size04 .news_detail_view .photo_area .txt,
.size04 .news_detail_view .summary_area {font-size:24px;}
.size04 .news_detail_view .story_area .tit {font-size:24px;}
.size04 .news_detail_view .story_area .txt {font-size:25px;}
.size04 .news_detail_view .board_cont .tit {font-size:26px;}
.size04 .news_detail_view .program_list>li {font-size:22px;}
.size04 .news_detail_view .program_area .notice {font-size:20px;}
.size04 .news_detail_view .board_area table thead th, .size04 .news_detail_view .board_area table td {font-size:21px;}
.size04 .news_detail_view .infographics_area .txt {font-size:24px;}
.size04 .news_detail_view .oldNews p,
.size04 .news_detail_view .oldNews table td {font-size:22px;}


/*********  2022.09.19 newsMain 리뉴얼  *************/
.newsMain.ver2 .ellipsis_40 { height:40px; }
.newsMain.ver2 .ellipsis_52 { height:52px; }
.newsMain.ver2 .ellipsis_66 { height:66px; }
.newMain_tit { position:relative; margin-bottom:18px; font-size:24px; font-weight:500; color:#222; line-height:1em; }
.newMain_tit .bt_nmTit_more { position:relative; top:50%; padding-right:40px; line-height:30px; font-size:16px; color:#666; margin-top:-15px; margin-left:20px;}
.newMain_tit .bt_nmTit_more:before { content:''; display:block; position:absolute; right:0; top:-2px; width:30px; height:30px; background:url('../images/news/ico_newsArr_r.png') center no-repeat #e5f2ff; border-radius:50%; }
.newMain_tit a:not(.bt_nmTit_more) { display:inline-block; width:21px; height:21px; margin-left:10px; background:url('../images/news/ico_plus.png') center no-repeat; vertical-align:-1px; opacity:1; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.newMain_tit a:not(.bt_nmTit_more):hover { opacity:1; }

.top_news { padding:40px 0 0; }
.top_news:after { content:''; display:block; clear:both; }
.top_news_main { float:left; width:590px; }
.top_news_main a { display:block; }
.top_news_main .thum { height:382px; }
.top_news_main .thum img { width:100%; height:100%; }
.top_news_main .info { margin-top:20px; }
.top_news_main .info .tit { margin-bottom:13px; font-size:24px; font-weight:500; color:#222; line-height:1.1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.top_news_main .info .summary { font-size:16px; line-height:22px;color:#666; }
.top_news_list { float:right; width:590px; }
.top_news_list ul:after { content:''; display:block; clear:both; }
.top_news_list li { float:left; width:286px; margin:0 18px 20px 0; }
.top_news_list li:nth-child(2n) { margin-right:0; }
.top_news_list li a { display:block; }
.top_news_list li .thum { height:186px; }
.top_news_list li .thum img { width:100%; height:100%; }
.top_news_list li .tit { margin-top:7px; font-size:18px; line-height:26px; color:#222; }

.news_main_content { padding-top:20px; }
.news_main_content:after { content:''; display:block; clear:both; }
.news_main_content .l_side { float:left; width:855px; }
.news_main_content .special_news .con + .con { margin-top:22px; }
.news_main_content .special_news .sNews_tit { position:relative; display:inline-block; max-width:100%; margin-bottom:8px; padding:0 33px 0 35px; font-size:20px; font-weight:500; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:29px; }
.news_main_content .special_news .sNews_tit:before { content:''; display:block; position:absolute; left:0; top:0; width:25px; height:29px; background:url('../images/news/ico_target.png') center no-repeat; }
.news_main_content .special_news .sNews_tit:after { content:''; display:block; position:absolute; right:0; top:50%; width:22px; height:22px; margin-top:-11px; background:url('../images/news/ico_more.png') center no-repeat; border:1px solid #cecece; border-radius:50%; }
.news_main_content .special_news .sNews_item:after { content:''; display:block; clear:both; }
.news_main_content .special_news .thum { float:left; width:292px; /*height:190px;*/ }
.news_main_content .special_news .thum img { width:100%; height:100%; }
.news_main_content .special_news .list { float:right; width:544px; border-top:1px solid #222; }
.news_main_content .special_news .list li { border-bottom:1px solid #dadada; }
.news_main_content .special_news .list li a { display:block; line-height:36.5px; font-size:16px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news_main_content .special_news .list li a:hover { color:#065db8; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.news_main_content .column_news { margin-top:30px; }
.news_main_content .column_news .list:after { content:''; display:block; clear:both; }
.news_main_content .column_news li { float:left; width:418px; }
.news_main_content .column_news li:first-child { margin-right:19px; }
.news_main_content .column_news li a { display:block; padding:20px 20px 17px; border-radius:15px; background:#f4f4f4; }
.news_main_content .column_news .thum_tit { position:relative; margin-bottom:11px; }
.news_main_content .column_news .thum_tit .thum { width:70px; height:70px; border-radius:10px; overflow:hidden; }
.news_main_content .column_news .thum_tit .thum img { width:100%; height:100%; }
.news_main_content .column_news .thum_tit .tit { position:absolute; left:85px; top:50%; font-size:18px; line-height:26px; font-weight:500; color:#222; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.news_main_content .column_news .info { font-size:16px; color:#666; line-height:19px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news_main_content .column_news .info .name { display:inline-block; margin-right:16px; }
.news_main_content .column_news .info .sub_tit { padding-left:22px; font-weight:700; color:#065db8; background:url('../images/news/ico_pen2.png') left center no-repeat; }
.news_main_content .r_side { float:right; width:304px; }
.news_main_content .popular_news { margin-bottom:37px; }
.news_main_content .popular_news li + li { margin-top:11.4px; }
.news_main_content .popular_news li a { position:relative; display:block; padding-left:28px; font-size:16px; line-height:20px; color:#000; }
.news_main_content .popular_news li .num { position:absolute; left:-4px; top:25%; display:block; width:24px; font-size:16px; line-height:1; letter-spacing:-1px; font-weight:bold; text-align:center; color:#065db8; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }

.keyword_news { position:relative; margin:30px 0; padding:20px 155px 20px 180px; background:linear-gradient(to right, #d5edff, #d5edff 25%, #c2def9 75%, #c2def9); border-radius:15px; }
.keyword_news .newMain_tit { position:absolute; left:20px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.keyword_news .keyword_slider .slide { padding-right:10px; }
.keyword_news .keyword_slider .slide a { display:block; line-height:46px; padding:0 20px; font-size:16px; color:#666; letter-spacing:-0.6px; background:#fff; border-radius:46px; }
.keyword_news .keyword_slider .slide a:hover { color:#fff; font-weight:500; background:#065db8; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.keyword_news .keyword_slider_controls { position:absolute; right:30px; top:50%; margin-top:-23px; }
.keyword_news .keyword_slider_controls:before { content:''; display:block; position:absolute; right:0; top:0; bottom:0; width:140px; background:linear-gradient(270deg,#c2def9 90%,hsla(0,0%,100%,0)); }
.keyword_news .keyword_slider_controls button { position:relative; display:inline-block; width:46px; height:46px; background:url('../images/news/arr_keyword_prev.png') center no-repeat #fff; border-radius:50%; }
.keyword_news .keyword_slider_controls .keyword_next { margin-left:6px; background-image:url('../images/news/arr_keyword_next.png'); }

.citizenNews_slider_wrap { position:relative; height:334px; }
.citizenNews_slider { position:absolute; left:50%; top:0; width:1920px; margin-left:-960px; padding:30px 36px; }
.citizenNews_slider .slick-slide { width:308px; opacity:.5; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.citizenNews_slider .slick-slide.slick-current + .slick-slide, .citizenNews_slider .slick-slide.slick-current + .slick-slide + .slick-slide, .citizenNews_slider .slick-slide.slick-current + .slick-slide + .slick-slide + .slick-slide, .citizenNews_slider .slick-slide.slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide { opacity:1; }
.citizenNews_slider .slide { padding:0 16px; }
.citizenNews_slider .thum { height:178px; }
.citizenNews_slider .thum img { width:100%; height:100%; }
.citizenNews_slider .info .tit { margin:10px 0; font-size:18px; font-weight:500; color:#222; line-height:26px; }
.citizenNews_slider .info .name { padding-left:30px; font-size:16px; line-height:18px; color:#666; background:url('../images/news/ico_paper.png') left center no-repeat; }
.citizenNews_slider .info .name strong { display:inline-block; margin-left:7px; font-weight:500; color:#222; }
/* .citizenNews_slider .slick-arrow { display:block; position:absolute; top:115px; width:50px; height:50px; background:url('../images/news/arr_citizen_prev.png') center no-repeat #fff; border-radius:50%; -webkit-box-shadow:3px 3px 8px rgba(0,0,0,.2); box-shadow:3px 3px 8px rgba(0,0,0,.2); z-index:1; text-indent:-5000px; }
.citizenNews_slider .slick-prev { left:50%; margin-left:-627px; background-position:17px center; }
.citizenNews_slider .slick-next { right:50%; margin-right:-627px; background-image:url('../images/news/arr_citizen_next.png'); } */
.citizenNews_slider .slick-arrow { display:block; position:absolute; top:115px; width:50px; height:50px; background:url('../images/news/arr_keyword_prev.png') center no-repeat #fff; border-radius:50%; -webkit-box-shadow:3px 3px 8px rgba(0,0,0,.2); box-shadow:3px 3px 8px rgba(0,0,0,.2); z-index:1; text-indent:-5000px; }
.citizenNews_slider .slick-prev { left:50%; margin-left:-627px; background-position:17px center; }
.citizenNews_slider .slick-next { right:50%; margin-right:-627px; background-image:url('../images/news/arr_keyword_next.png'); }

.news_main_bottomCon { margin-top:30px; }
.news_main_bottomCon:after { content:''; display:block; clear:both; }
.news_main_bottomCon .info_news { float:left; width:425px; margin-right:40px; }
.news_main_bottomCon .info_news .newMain_tit { line-height:34px; }
.news_main_bottomCon .info_news .list { border-top:1px solid #dadada; }
.news_main_bottomCon .info_news .list li { border-bottom:1px solid #dadada; }
.news_main_bottomCon .info_news .list li a { display:block; line-height:48px; font-size:16px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news_main_bottomCon .info_news .list li a:hover { color:#065db8; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.news_main_bottomCon .news_letter { float:left; width:376px; }
.news_main_bottomCon .news_letter .news_letter_tit { position:relative; margin-bottom:18px; }
.news_main_bottomCon .news_letter .newMain_tit { margin-bottom:0; line-height:34px; }
.news_main_bottomCon .news_letter .news_letter_tit a { position:absolute; right:0; top:0; display:block; line-height:32px; padding:0 20px; font-size:14px; color:#008fd0; border:1px solid #008fd0; border-radius:34px; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.news_main_bottomCon .news_letter .news_letter_tit a:hover { color:#fff; font-weight:500; background:#008fd0; }
.news_main_bottomCon .news_letter .con a { display:block; position:relative; }
.news_main_bottomCon .news_letter .con .thum { height:246px; }
.news_main_bottomCon .news_letter .con .thum img { width:100%; height:100%; }
.news_main_bottomCon .news_letter .con .tit { position:absolute; left:0; right:0; bottom:0; line-height:60px; text-align:center; font-size:18px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,.6); }

.newsMain_services { float:right; width:318px; margin-top:52px; }
.newsMain_services .subscribe { margin-bottom:25px; }
.newsMain_services .subscribe ul:after { content:''; display:block; clear:both; }
.newsMain_services .subscribe li { float:left; width:33.33%; border-left:1px solid #ccc; box-sizing:border-box; }
.newsMain_services .subscribe li:first-child { border-left:none; }
.newsMain_services .subscribe li a { position:relative; display:block; padding:64px 0 3px; text-align:center; font-size:16px; color:#222; line-height:22px; }
.newsMain_services .subscribe li a:before { content:''; display:block; position:absolute; left:0; right:0; top:3px; height:41px; background:url('../images/news/ico_letter.png') center no-repeat; }
.newsMain_services .subscribe li.subscribe2 a:before { background-image:url('../images/news/ico_talk.png'); }
.newsMain_services .subscribe li.subscribe3 a:before { background-image:url('../images/news/ico_note.png'); }
.newsMain_services .app_down { position:relative; padding:28px 0 26px 15px; font-size:18px; line-height:1em; font-weight:500; color:#131729; letter-spacing:-1px; border:1px solid #ccc; border-radius:10px; }
.newsMain_services .app_down:before { content:''; display:block; position:absolute; right:10px; bottom:0; width:96px; height:89px; background:url('../images/news/img_appDown.png') center no-repeat; }
.newsMain_services .app_down .app_link { margin-top:18px; padding-left:5px; }
.newsMain_services .app_down .app_link a { display:inline-block; width:69px; height:16px; margin-left:10px; background:url('../images/news/ico_ios.png') center no-repeat; }
.newsMain_services .app_down .app_link a:first-child { width:74px; margin-left:0; background-image:url('../images/news/ico_aos.png'); }

.newsMain_familysite { margin:45px 0 70px; }
.newsMain_familysite .familysite_tit { position:relative; margin-bottom:23px; }
.newsMain_familysite .familysite_tit .tit { padding-left:48px; font-size:22px; line-height:29px; font-weight:500; color:#222; background:url('../images/news/ico_seoul.png') 1px center no-repeat; }
.newsMain_familysite .familysite_tit .familysite_controls { position:absolute; right:20px; top:7px; }
.newsMain_familysite .familysite_tit .familysite_controls button { position:relative; display:inline-block; width:10px; height:13px; }
.newsMain_familysite .familysite_tit .familysite_controls button:before { content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:url('../images/news/ico_site_play.png') center no-repeat; opacity:.5; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.newsMain_familysite .familysite_tit .familysite_controls button.on:before, .newsMain_familysite .familysite_tit .familysite_controls button:hover:before { opacity:1; }
.newsMain_familysite .familysite_tit .familysite_controls .familysite_pause { margin-right:31px; }
.newsMain_familysite .familysite_tit .familysite_controls .familysite_pause:before { background-image:url('../images/news/ico_site_pause.png'); }
.newsMain_familysite .familysite_tit .familysite_controls .familysite_pause:after { content:''; display:block; position:absolute; right:-16px; top:50%; width:1px; height:13px; margin-top:-7px; background:#d3d3d3; }
.newsMain_familysite .familysite_wrap { height:auto; padding:0 45px; }
.newsMain_familysite .familysite_wrap:before { content:''; display:block; position:absolute; right:0; top:0; bottom:0; width:55px; background:linear-gradient(270deg,#fff 90%,hsla(0,0%,100%,0)); z-index:1; }
.newsMain_familysite .familysite_wrap .familysite_arrow { position:absolute; top:0; width:41px; height:41px; border:1px solid #999; background:center no-repeat; border-radius:50%; }
.newsMain_familysite .familysite_wrap .familysite_arrow:after { display:none; }
.newsMain_familysite .familysite_wrap .familysite_prev { left:-5px; background-image:url('../images/news/arr_site_prev.png'); }
.newsMain_familysite .familysite_wrap .familysite_next { left:auto; right:0; background-image:url('../images/news/arr_site_next.png'); }
.newsMain_familysite .slide { padding-right:10px; }
.newsMain_familysite .slide a { display:block; line-height:40px; padding:0 20px; border-radius:40px; font-size:16px; color:#666; background:#f2f2f2; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.newsMain_familysite .slide a:hover { color:#fff; font-weight:500; background:#327fc7; }

.newsMain_rightBanner { position:absolute; left:50%; /*top:300px;*/ top:110px; margin-left:640px; }
.newsMain_rightBanner a, .newsMain_rightBanner a img { display:block; width:130px; }
.newsMain_rightBanner .r_bnr { position:relative; text-align:center; font-size:16px; font-weight:500; border-radius:15px; }
.newsMain_rightBanner .r_bnr.r_bnr1 { margin-top:11px; color:#008fd0; background:#dff6ff; }
.newsMain_rightBanner .r_bnr.r_bnr2 { margin-top:12px; color:#075db8; background:#d9ebff; }
.newsMain_rightBanner .r_bnr:before { content:''; display:none; position:absolute; left:0; right:0; top:12px; height:26px; background:center no-repeat; }
/* .newsMain_rightBanner .r_bnr.r_bnr1:before { background-image:url('../images/news/r_bnr_mynews.png'); }
.newsMain_rightBanner .r_bnr.r_bnr2:before { background-image:url('../images/news/r_bnr_hometown.png'); } */
.newsMain_footer { border-top:none !important; }
/***************************************************/

/* 2023.02.10  */
/* s :특집기획 리뉴얼 소스 */
.news_main_content.renewal .special_news .con_box{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.news_main_content.renewal .special_news .con_box .con{
    margin-top: 0;
    width:calc((100% - 30px) / 3);
    box-sizing: border-box;
}
.news_main_content.renewal .special_news .con_box .con:nth-child(2){
    margin:0 15px;
}
.news_main_content.renewal .special_news .list{
    width:100%;
}
.news_main_content.renewal .special_news .sNews_tit{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 70px;
    margin-bottom: 0;
    padding: 12px 35px 10px 15px;
    word-break: keep-all;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
    line-height: initial;
    background: #f4f4f4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 1;
}
.news_main_content.renewal .special_news .sNews_tit::before{
    content:'';
    position:absolute; 
    right:0; 
    top:0; 
    width:78px; 
    height:50px; 
    background:url('/images/news/icon_sNews_tit_bg.png') center no-repeat;
    z-index: -1;
}
.news_main_content.renewal .special_news .sNews_tit:after{
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    margin-top: 3px;
    background: url('/images/news/ico_more_re.png') center no-repeat;
    border: 0;
    border-radius: 0;
}
.news_main_content.renewal .special_news .thum{
    width: 100%;
    background:#f4f4f4;
}
.news_main_content.renewal .special_news .list{
    border-top:0;
    border-bottom:1px solid #a0a0a0;
}
.news_main_content.renewal .special_news .list li a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    padding: 6px 10px 0 8px;
    width: 100%;
    height: 50px;
    line-height:20px;
    font-weight:400;
    font-size: 15px;
    color: #000;
    box-sizing: border-box;
    word-break: keep-all;
}
.news_main_content.renewal .special_news .list li a:hover{
    background:#ebf5ff;
    font-weight: 500;
    -webkit-transition-duration: initial;
    -o-transition-duration: initial;
    transition-duration:initial;
}
.news_main_content.renewal .special_news .list li:last-child{
    border-bottom: 0;
}
/* e :특집기획 리뉴얼 소스 */

/* s : 뉴스레터 리뉴얼 소스 */
.news_main_bottomCon .news_letter.renewal .date{
    position: absolute;
    left:98px;
    bottom:5px;
    color:#008fd0;
}
.news_main_bottomCon .news_letter.renewal .news_letter_tit a{
    padding: 0 10px;
}
.news_main_bottomCon .news_letter.renewal .con .thum{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: auto;
    margin-bottom:6px;
}
.news_main_bottomCon .news_letter.renewal .con .thum:nth-child(3){
    margin-bottom:0;
}
.news_main_bottomCon .news_letter.renewal .con .thum .img_box{
    overflow: hidden;
    position: relative;
    margin-right:12px;
    width:114px;
    height:78px;
}
.news_main_bottomCon .news_letter.renewal .con .thum .img_box img{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: 100%;
}
.news_main_bottomCon .news_letter.renewal .con .thum div.txt{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    padding-top: 8px;
    width:calc( 100% - 160px);
    line-height: 23px;
    font-weight: 400;
    font-size:16px;

}
/* e : 뉴스레터 리뉴얼 소스 */

.news_visual_wrap .news_list .info{ margin: 22px 16px 0;}
.reporter_list .boxing .info {margin: 20px 18px 0;}
.reporter_list .boxing .tit {padding-right: 50px;word-break: keep-all;}
.news_hotissue .info_view .user{padding-right:14px;}
.news_hotissue .info_view > a{display: inline-block;}
.news_hotissue .info_view > a > p{display: inline-block;}
.news_hotissue .info_view > a > p.count{position:relative;padding-left: 24px;}
.news_hotissue .info_view > a > p.count:after {position: absolute;top: 50%;left: 12px;width: 1px;height: 12px;margin-top: -6px;background-color: #dcdcdc; content: "";}
.reporter_list .boxing .tit {padding-right: 0;word-break: keep-all;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/* s: 20230524 메인 2023서울사용설명서 배너  */
.newsMain .section.main_banner{padding:40px 0 0;}
.newsMain .main_banner .main_banner_conts{position:relative;}
.newsMain .main_banner .main_banner_conts img{width: 100%;}
.newsMain .main_banner .main_banner_conts .btn_banner_detail{position:absolute;left:50%;transform:translateX(-50%);bottom:24%;padding:14px 55px;font-weight:300;font-size:16px;color:#fff;background:#02486a;border-radius:30px;}
/* e: 20230524 메인 2023서울사용설명서 배너  */

/* s: 202309_자치구특파원리뉴얼  */
.news_town_tab.renew{border-right: none;}
.news_town_latest.correspondent{padding:20px 25px;width:370px;background:url("/images/common/bg_correspondent.png") no-repeat bottom center/contain;}
.news_town_latest.correspondent .correspondent_inner .tit{}
.news_town_latest.correspondent .correspondent_inner .corp_slide{position: relative; padding-top: 16px;}
.news_town_latest.correspondent .correspondent_inner .type{display: flex;align-items: center;justify-content: flex-start;position:relative;z-index:2;}
.news_town_latest.correspondent .correspondent_inner .type strong{display: inline-block;padding: 6px 10px 6px 24px;font-weight:700;font-size:14px;color:#fff; background:#4e4e4e;}
.news_town_latest.correspondent .correspondent_inner .type strong::before{content: "";position:absolute;left:10px;top:50%;transform: translateY(-50%); width:9px;height:12px;background:url("/images/common/ic_correspondent_marker.png") no-repeat center/cover;}
.news_town_latest.correspondent .correspondent_inner .type em{display:inline-block;padding: 6px 10px;font-weight:700;font-size:14px;color:#fff;background:#0797d6;}
.news_town_latest.correspondent .correspondent_inner .corp_slide .slide .img_box{position:relative;margin-top:-12px;width:320px;height: 206px;z-index:1;overflow:hidden;}
.news_town_latest.correspondent .correspondent_inner .corp_slide .slide .img_box img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.news_town_latest.correspondent .correspondent_inner .corp_slide .slide .txt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:30px;padding-top:12px;line-height: 1.2;font-size: 16px;color:#fff;}
.news_town_latest.correspondent .correspondent_inner .corp_slide .slider_counter{position: absolute; left:50%; transform: translateX(-50%); bottom:0;font-weight:500;font-size:15px; color:#fff;z-index:9;}
.news_town_latest.correspondent .correspondent_inner .corp_slide .slick-arrow{position: absolute; bottom:0; width:16px;height:16px; font-size: 0; z-index:9;}
.news_town_latest.correspondent .correspondent_inner .corp_slide .slick-prev{left: 50%; transform: translateX( calc(50% - 56px ) );  background:url("/images/common/ic_correspondent_prev.png") no-repeat center/8px 10px; }
.news_town_latest.correspondent .correspondent_inner .corp_slide .slick-next{left: 50%; transform: translateX( calc(50% + 26px ) );  background:url("/images/common/ic_correspondent_next.png") no-repeat center/8px 10px; }
.news_list.myvillage .thum{margin-top: -14px;}
.news_list.myvillage .thum a{display: block;position: relative;}
.news_list.myvillage .thum a .naming{position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);}
.news_list.myvillage .type{display: flex;align-items: center;justify-content: flex-start;position:relative;z-index:1;}
.news_list.myvillage .type strong{display: inline-block;padding: 6px 10px 6px 24px;font-weight:700;font-size:14px;color:#fff; background:#4e4e4e;}
.news_list.myvillage .type strong::before{content: "";position:absolute;left:10px;top:50%;transform: translateY(-50%); width:9px;height:12px;background:url("/images/common/ic_correspondent_marker.png") no-repeat center/cover;}
.news_list.myvillage .type em{display:inline-block;padding: 6px 10px;font-weight:700;font-size:14px;color:#fff;background:#0797d6;}
/* e: 202309_자치구특파원리뉴얼  */

.news_town_latest.correspondent .correspondent_inner .corp_slide .slide a{display:block;}