@charset "utf-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none;} 
body{width:100%; margin:0; padding:0; font-family:'Noto Sans KR', 'Malgun Gothic', 'Sans-serif'; color:#000; font-size:14px; font-weight:400; letter-spacing:-0.07em;}
#wrap {max-width:600px; position:relative; margin:0 auto;}

/* 공통 시작 */
.bt {border-top:1px solid #e8e8e8;}
.bb {border-bottom:1px solid #e8e8e8;}
.br {border-right:1px solid #e8e8e8;}
.bl {border-left:1px solid #e8e8e8;}

.h10 { height: 10px; clear: both }
.h12 { height: 12px; clear: both }
.h15 { height: 15px; clear: both }
.h20 { height: 20px; clear: both }
.h23 { height: 23px; clear: both }
.h25 { height: 25px; clear: both }
.h30 { height: 30px; clear: both }
.h35 { height: 35px; clear: both }
.h40 { height: 40px; clear: both }
.h43 { height: 43px; clear: both }
.h45 { height: 45px; clear: both }
.h50 { height: 50px; clear: both }
.h55 { height: 55px; clear: both }

.m_t_15 {margin-top:15px !important;}
.m_t_30 {margin-top:30px;}
.m_b_15 {margin-bottom:15px;}
.m_b_20 {margin-bottom:20px;}
.m_b_25 {margin-bottom:25px;}
.m_b_30 {margin-bottom:30px;}
.m_b_40 {margin-bottom:40px;}
.p_b_20 {padding-bottom:20px;}
.p_b_25 {padding-bottom:25px;}

.image_caption { box-sizing: border-box; display:block; position:relative; background-color:#333; color:white; font-size:12px; padding: 5px 10px; max-width: 100%!important; text-align: left!important;}
.blind{ display:none; }
.clear{clear:both;}
.clear_fix:after {content:'';  display:block; clear:both; }

.date {letter-spacing:-0.05em;}

.txtl {text-align:left;}
.txtc {text-align:center;}

.p_space {height:10px; background-color:#ddd;}
.li_space {height:25px; background-color:#ddd;}
.banner {width:100%; display:block;}

.btn_top_wrap {position:fixed; bottom:60px; width:100%; max-width:600px; z-index:1001;}
.btn_top_wrap > div {position:relative; width:100%; margin:0 auto;}
.btn_top_wrap .btn_top {background:#fff url(../m_img/btn_top.png) center center no-repeat; width:35px; height:35px; border:1px solid #d3d3d3; cursor:pointer; position:absolute; right:10px; bottom:10px; z-index:1000;}

.move_top {position: fixed; bottom: 65px; right: 15px; display: block; width: 42px; height: 42px; background:#fff url("../m_img/btn_top.png") no-repeat center center; background-size:42px;}
/* 공통 끝 */

/* 헤더 시작 */
#header {width:100%; background-color:#fff; position:relative; height:50px; border-bottom:1px solid #ebebeb;}
#header .left {float:left; width:30%; height:100%;}
#header .left .btn_menu {position:absolute; left:15px; top:15px;}
#header .left .btn_menu img {display:none;}
#header .left .btn_menu, .btn_menu span {display: inline-block; transition: all .4s; box-sizing: border-box;}
#header .left .btn_menu {position: relative; width: 22px; height: 19px; }
#header .left .btn_menu span {position: absolute; left: 0;width: 100%;height: 3px;background-color: #333;border-radius: 4px;}
#header .left .btn_menu span:nth-of-type(1) {	top: 0;}
#header .left .btn_menu span:nth-of-type(2) {	top: 8px;}
#header .left .btn_menu span:nth-of-type(3) {	bottom: 0;}
#header .left .btn_menu.active-1 span:nth-of-type(1) {-webkit-transform: translateY(13px) rotate (-45deg); transform: translateY(13px) rotate(-45deg);}
#header .left .btn_menu.active-1 span:nth-of-type(2) {opacity: 0;}
#header .left .btn_menu.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-7px) rotate(45deg); transform: translateY(-7px) rotate(45deg);}
#header h1 {float:left; width:40%;}
#header h1 img {position:absolute; left:50%; top:13px; margin-left:-50px; width:105px;}
#header .right {float:right; width:30%; height:100%;}
#header .right .btn_search {position:absolute; right:11px; top:14px; width:20px;}
#header .right .ipt_search {width:100px; display:inline-block; position:absolute; right:20px;  margin-right:15%; display:none;}
#header .section_main_title {display:none;}
#header.section_main h1 {float:none; position:absolute; left:0; top:0;}
#header.section_main h1 img {position:absolute; left:70px; top:17px; margin-left:-28px; width:73px;}
#header.section_main .section_main_title {display:block; float:left; width:40%; font-size:19px; line-height:50px; text-align:center;}
.search_wrap {width:100%; padding:5px 10px; background-color:#fff; position:relative; display:none;}
.search_wrap .ipt_search_wrap {display:block; width:100%; padding-right:60px; height:35px;}
.search_wrap .ipt_search_wrap .ipt_search {height:30px; padding:0 10px; vertical-align:middle; width:100%; border:1px solid #ddd;}
.search_wrap .search_submit {position:absolute; top:5px; right:10px; padding:0; width:61px; height:30px; line-height:23px; text-align:center; vertical-align:middle; background-color:#fff; border:1px solid #ddd; font-size:14px; font-family:'Malgun Gothic','맑은고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;}
.search_wrap .ipt_search_wrap .ipt_search::-webkit-input-placeholder { /* WebKit browsers */ color: #ddd; } 
.search_wrap .ipt_search_wrap .ipt_search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ddd; } 
.search_wrap .ipt_search_wrap .ipt_search::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ddd; } 
.search_wrap .ipt_search_wrap .ipt_search:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ddd; }

.tab_menu {border-bottom:1px solid #ddd; padding:0 5px; height:40px; width:100%; overflow-x:auto; overflow-y:hidden; clear:both;}
.tab_menu ul:after {content:'';  display:block; clear:both;}
.tab_menu ul {width:1000px;}
.tab_menu ul li {float:left; font-size:16px; line-height:37px; text-align:center; margin:0 10px;}
.tab_menu ul li a {display:block; color:#272727;}
.tab_menu ul li.on, .tab_menu ul li:hover {border-bottom:3px solid #e62117}
.tab_menu ul li.on a, .tab_menu ul li:hover a {display:block; color:#e62117;}

.tab_menu::-webkit-scrollbar {display: none;}
/* 헤더 끝 */

/* 메뉴 시작 */
.menu_back {position:fixed; width:100%; height:100%; background-color:#000; opacity:0.3; z-index:100; overflow:hidden;}
#menu {position:fixed; left:-260px; top:0; width:260px; height:100%; background-color:#fff; z-index:1002; font-size:10px; overflow:auto;}
#menu .top {height:50px; padding:0 15px;  position:relative; border-bottom:1px solid #d7d7d7;}
#menu .top .menu_logo {position: absolute; left:20px; top: 50%; margin-top: -10px; width:100px; }
#menu .top .menu_close {position:absolute; right:20px; top:50%; margin-top:-8px; cursor:pointer; width:16px;}
#menu .menu_sns_wrap {width:100%; padding:10px 20px; position:relative; border-bottom:1px solid #d7d7d7; text-align:center;}
#menu .menu_sns_wrap .sns_link {display:inline-block; vertical-align:middle;}
#menu .menu_sns_wrap .sns_link a {display:inline-block; margin:0 6px;}
#menu .menu_report_wrap {padding:0 15px 15px 15px;}
#menu .menu_report_wrap .menu_report {width:100%; height:30px; line-height:28px; background:#fff; border:1px solid #dddddd; text-align:center; font-size:15px; color:#424242;}
#menu .menu_search_wrap {width:100%; padding:10px 20px; position:relative; border-bottom:1px solid #d7d7d7;}
#menu .menu_search_wrap .ipt_search_wrap {display:block; width:100%; padding-right:60px; height:30px;}
#menu .menu_search_wrap .ipt_search_wrap .ipt_search {height:30px; padding:0 10px; vertical-align:middle; width:100%; border:0; background:#edecec; color:#909090; font-size:13px;}
#menu .menu_search_wrap .search_submit {position:absolute; top:10px; right:20px; padding:0; width:61px; height:30px; line-height:23px; text-align:center; vertical-align:middle; background-color:#fff; border:1px solid #ddd; font-size:14px; font-family:'Malgun Gothic','맑은고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;}
#menu #lnb {border-bottom:1px solid #d7d7d7;}
#menu #lnb:after {content:''; display:block; clear:both;}
#menu #lnb {padding:0;}
#menu #lnb > ul.lnb { width:100%; }
#menu #lnb > ul.lnb > li {width:100%; font-size:16px; text-align:left; background-color:#fff; letter-spacing:-0.075em; }
#menu #lnb > ul.lnb > li.title {background-color:#fff; font-weight:100; font-size:16px;}
#menu #lnb > ul.lnb > li.title a { color:#333333;}
#menu #lnb > ul.lnb > li > a {padding-left:20px; color:#000; display:block; line-height:40px;}
#menu #lnb ul li ul {border-bottom:0; border-top:0; }
#menu #lnb ul li ul:after {content:''; display:block; clear:both;}
#menu #lnb ul li ul li {font-size:14px; line-height:30px;}
#menu #lnb ul li ul li a {color:#888; padding:5px 0 5px 20px;}

/* 메뉴 끝 */
/* 컨테이너 시작 */
#container {width:100%; background:#fff;}
#container .banner {width:100%;}
#container .banner img {width:100%;}

/* 컨테이너 끝 */

/* 리스트 시작 */
.page {text-align:center; padding:20px 0; background-color:#fff;}
.page > a {display:inline-block; width:38px; height:31px; line-height:31px; border:1px solid #d6d6d6; vertical-align:middle;}
.page > a.prev {background:transparent url(../m_img/page_prev.gif) center center no-repeat; text-indent:-99999px;}
.page > a.next {background:transparent url(../m_img/page_next.gif) center center no-repeat; text-indent:-99999px;}
.page > .paging {display:inline-block; margin:0 5px;}
.page > .paging > a {float:left; width:38px; height:31px; line-height:29px; border:1px solid #d6d6d6; color:#7d807d; vertical-align:middle; font-size:2em;}
.page > .paging > a.on {background-color:#757575; border:0; color:#fff; line-height:31px;}
.page > .paging > a+a {border-left:0;}
/* 리스트 끝 */

/* 푸터 시작 */
.bottom_menu {border:15px solid #f2f2f2;}
.bottom_menu:after {content:'';  display:block; clear:both;}
.bottom_menu a {float:left; width:33.333%; height:38px; line-height:38px; font-size:15px; color:#7f7f7f; text-align:center; background-color:#fff; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb;}
.bottom_menu a:last-child {border-right:1px solid #ebebeb;}

#footer {width:100%; padding:20px 0 0 0; margin-top:15px;}
#footer .logo {margin-bottom:17px; text-align:center;}
#footer .logo img {width:150px;}
#footer .util {text-align:center; margin-bottom:10px;}
#footer .util .pc_mode {display:inline-block; vertical-align:middle; line-height:15px; font-size:13px; color:#5e5e5e; padding-right:20px; border-right:1px solid #ababab; margin-right:12px; }
#footer .util .sns_link {display:inline-block; vertical-align:middle;}
#footer .util .sns_link a {display:inline-block; margin:0 4px;}
#footer .suggestion {font-size:12px; color:#4c4c4c; line-height:16px; text-align:center; margin-bottom:15px;}
#footer .suggestion a {color:#e70c0c;}
#footer .caution {font-size:12px; color:#9c9c9c; line-height:16px; text-align:center; margin-bottom:15px;}
#footer .copyright {background:#161616; font-size:12px; color:#c3c3c3; line-height:30px; text-align:center;}
/* 푸터 끝 */

/* 기사본문 시작 */
.article_view {padding:0 15px;}
.article_view .article_head {margin-bottom:20px;}
.article_view .article_head:after {content:''; clear:both; display:block;}
.article_view .article_head h2 {font-size:23px; font-weight:500; line-height:30px; color:#000; margin:17px 0 3px 0;}
.article_view .article_head .utils {position:relative;}
.article_view .article_head .utils .byline {float:left; padding-top:13px; font-weight:300; color:#777; font-size:12px; letter-spacing:-0.05em;}
.article_view .article_head .utils .byline .split {color:#d5d5d5; font-size:9px; margin:0 3px;}
.article_view .article_head .utils .tools {float:right;}
.article_view .article_head .utils .tools .btns {display:inline-block; margin-left:16px; background-size: 50%;}
.article_view .article_head .utils .tools .btns:after {content:''; clear:both; display:block;}
.article_view .article_head .utils .tools .btns li {float:left; width:30px; height:30px; border:1px solid #e3e3e3; border-radius:50%; text-align:center; line-height:28px; margin-left:4px; color:#444; cursor:pointer;}
.article_view .article_head .utils .tools .btns li.share {background:#FFF url("../m_img/article_view_icon_share.png") no-repeat center center; transition:0.3s}
.article_view .article_head .utils .tools .btns li.share:hover {background:#7A9FDF url("../m_img/article_view_icon_share_over.png") no-repeat center center}
.article_view .article_head .utils .tools .btns li.share.activity {background:#7A9FDF url("../m_img/article_view_icon_share_over.png") no-repeat center center}
.article_view .article_head .utils .tools .btns li.font_up {background:#FFF url("../m_img/article_view_icon_fontup.png") no-repeat center center; transition:0.3s}
.article_view .article_head .utils .tools .btns li.font_up:hover {background:#7A9FDF url("../m_img/article_view_icon_fontup_over.png") no-repeat center center}
.article_view .article_head .utils .tools .btns li.font_down {background:#FFF url("../m_img//article_view_icon_fontdown.png") no-repeat center center; transition:0.3s}
.article_view .article_head .utils .tools .btns li.font_down:hover {background:#7A9FDF url("../m_img/article_view_icon_fontdown_over.png") no-repeat center center}

.article_view .article_head .share_tools_mask {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:3; background:#000; opacity:0.5; }
.article_view .article_head .share_tools {display:none;position:absolute;right:0;top:52px; width:100%; padding:23px 17px;border:1px solid #D7D7D7;background-color:#FFF;z-index:80}
.article_view .article_head .share_tools .top {padding:0 0 20px;}
.article_view .article_head .share_tools .top:after {content:''; clear:both; display:block;}
.article_view .article_head .share_tools .top .title {float:left; font-size:18px; color:#000;}
.article_view .article_head .share_tools .top .close {float:right; margin-top:7px; width:15px; height:15px; background:url(../m_img/btn_close.png) 0 0 no-repeat;}
.article_view .article_head .share_tools .lists {margin-bottom:9px}
.article_view .article_head .share_tools .lists:after {content:"";clear:both;display:block}
.article_view .article_head .share_tools .lists li {float:left;width:25%;text-align:center; margin-bottom:15px;}
.article_view .article_head .share_tools .lists li a img {margin-bottom:10px; width:100%; max-width:75px; padding:0 10px;}
.article_view .article_head .share_tools .lists li a span {display:block;font-size:13px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_view .article_head .share_tools .lists li:first-child {margin-left:0}
.article_view .article_head .share_tools .url_copy:after {content:"";clear:both;display:block}
.article_view .article_head .share_tools .url_copy input[type="text"] {float:left;padding:0 5px;width:75%;height:25px;font-size:13px;color:#ACACAC;letter-spacing:0em;font-weight:300;line-height:23px;border:1px solid #EBEBEB}
.article_view .article_head .share_tools .url_copy span {float:left;display:block;width:25%;height:25px;font-size:13px;line-height:23px;letter-spacing:0em;border:1px solid #EBEBEB;border-left:0;text-align:center}

.article_view .article_content {padding-bottom:35px;}
.article_view .article_content figure img {width:100%;}
.article_view .article_content figure figcaption {font-size:12px; color:#575757; line-height:15px; margin:6px 0 11px;}
.article_view .article_content p {font-size:15px; color:#000; line-height:25px; margin-bottom:1.3em;}
.article_view .article_content .tag {padding-left:50px; margin-top:30px; font-weight:400; line-height:20px; background:url(../m_img/icon_tag.png) 0 0 no-repeat;}
.article_view .article_content .tag ul:after {content:''; clear:both; display:block;}
.article_view .article_content .tag ul li {float:left; line-height:18px; height:20px; font-size:12px; border:1px solid #e1e1e1; padding:0 5px; margin-right:5px;}
.article_view .article_content .tag ul li a {color:#000;}
.article_view .article_content .tag ul li:hover {background-color: #4db2ec; border-color: #4db2ec;}
.article_view .article_content .tag ul li:hover a {color:#fff;}

.real_news {padding:0 15px;}
.real_news h2 {font-size:17px; margin:15px 0 3px 0; color:#000; font-weight:500;}
.real_news ul {margin-bottom:20px;}
.real_news ul li {padding-left:16px; background:url(../m_img/icon_real_news.png) 5px 6px no-repeat; line-height:27px; font-size:15px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.real_news ul li a {color:#000;}

.favorite_news {padding:0 0 25px 15px;}
.favorite_news h2 {font-size:18px; color:#000; line-height:53px; }
.favorite_news .lists {overflow-x:auto; width:100%; }
.favorite_news ul {width:100%; max-width:100%; display:table;}
.favorite_news ul:after {content:'';  display:block; clear:both;}
.favorite_news ul li {display:table-cell; padding-right:17px;}
.favorite_news ul li .thumb {position:relative; width:275px; height:265px;}
.favorite_news ul li .thumb .title {position:absolute; left:0; bottom:0; z-index:5; color:#fff; line-height:24px; font-size:16px; padding:0 15px; margin-bottom:14px;}
.favorite_news ul li .thumb .keyword {position:absolute; left:15px; top:11px; z-index:5; color:#f1f1f1; line-height:24px; font-size:14px;}
.favorite_news ul li .thumb .btn_share {position:absolute; right:14px; top:16px; z-index:5; display:block; width:15px; height:16px; background:url(../m_img/icon_share1.png) 0 0 no-repeat;}
.favorite_news ul li .thumb .mask {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../m_img/favorite_mask.png) 0 0 no-repeat; background-size:cover;}
/* 기사본문 끝 */

/*** 서브메인 시작 ***/
.submain_headline img {width:100%;}
.college_list {}
.college_list .top {text-align:center; font-size:15px; color:#000; margin:15px 0 9px 0;}
.college_list .list {overflow-x:auto; margin-bottom:20px;}
.college_list .list ul {margin:0 -7px; padding:0 15px; width:1455px;}
.college_list .list ul:after {content:'';  display:block; clear:both;}
.college_list .list ul li {float:left; padding:0 7px;}
.college_list .list ul li img {width:75px; height:75px; border:1px solid #f1f1f1;}
/*** 서브메인 끝 ***/


/************** 스킨 시작 **************/
.btn_article_more {width:100%; padding:0 15px; margin:15px 0 25px;}
.btn_article_more a {display:block; width:100%; height:40px; line-height:38px; border:1px solid #d7d7d7; text-align:center; color:#000; font-size:16px;}
/* 헤드라인 01 시작 */
.headline_01 {width:100%;}
.headline_01 .thumb {width:100%; overflow: hidden; position: relative; padding-top: 56.25%; background: #f1efef;}
//.headline_01 .thumb img {display:block; width: 100%; height: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.headline_01 .thumb img {display: block; width: auto; height: 100%; max-width: initial !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.headline_01 .box {position: absolute; padding:0 15px;bottom: 32px;left: 0; width:100%; z-index:10;}
.headline_01 .box .title {font-size:18px;color: #fff;font-weight:500;line-height:27px;max-height:54px;overflow:hidden;}
.headline_01 .box .title a {color: #fff;}
.headline_01 .box .btn_share {display:none; position:absolute; right:15px; top:18px;}
.headline_01 .bx-wrapper .bx-pager, .headline_01 .bx-wrapper .bx-controls-auto {bottom:13px;}
.headline_01 .bx-wrapper .bx-pager.bx-default-pager a:hover, .headline_01 .bx-wrapper .bx-pager.bx-default-pager a.active, .headline_01 .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff; opacity:1;}
.headline_01 .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; opacity:0.5; margin:0 6px;}
.headline_01 .mask {position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; background:url(../../nwcms/custom/site/m_img/arl_126_mask.png) left bottom repeat-x;}
/* 헤드라인 01 끝 */

/* 헤드라인 02 시작 */
.headline_02 {width:100%;}
.headline_02 .thumb {position:relative; width:100%; height:175px;}
.headline_02 .thumb img {display:block; width:100%; height:100%;}
.headline_02 .thumb .cate {position:absolute; left:0; top:0; z-index:3; display:block; background:#4d77dd; color:#fff; font-size:14px; height:30px; line-height:30px; padding:0 15px;}
.headline_02 .thumb .title {position:absolute; left:0; bottom:15px; z-index:3; padding:0 15px; font-size:19px; line-height:25px; max-height:50px; overflow:hidden; color:#fff;}
.headline_02 .thumb .mask {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#000; opacity:0.2;}
.headline_02 .bx-wrapper .bx-pager {padding-top:0; text-align:right;}
.headline_02 .bx-wrapper .bx-pager, .headline_02 .bx-wrapper .bx-controls-auto {top:8px; right:12px; bottom:auto;}
.headline_02 .bx-wrapper .bx-pager.bx-default-pager a:hover, .headline_02 .bx-wrapper .bx-pager.bx-default-pager a.active, .headline_02 .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff; opacity:1;}
.headline_02 .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; opacity:0.5; margin:0 3px; width:8px; height:8px; border-radius:4px;}
/* 헤드라인 02 끝 */
/* 헤드라인 03 시작 */
.headline_03 {width:100%;}
.headline_03 .box {position:relative; width:100%; border:10px solid #92abeb; padding:15px 15px 30px 15px;}
.headline_03 .box .cate {display:inline-block; background:#4d77dd; color:#fff; font-size:14px; height:30px; line-height:30px; padding:0 15px; margin-bottom:12px;}
.headline_03 .box .title {font-size:19px; font-weight:500; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222;  margin-bottom:7px;}
.headline_03 .box .title a {color:#222;}
.headline_03 .box .body {font-size:14px; line-height:20px; max-height:40px; overflow:hidden;}
.headline_03 .box .body a {color:#636363;}
.headline_03 .bx-wrapper .bx-pager {padding-top:0; text-align:right;}
.headline_03 .bx-wrapper .bx-pager, .headline_03 .bx-wrapper .bx-controls-auto {top:18px; right:22px; bottom:auto;}
.headline_03 .bx-wrapper .bx-pager.bx-default-pager a:hover, .headline_03 .bx-wrapper .bx-pager.bx-default-pager a.active, .headline_03 .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#456ac5; opacity:1;}
.headline_03 .bx-wrapper .bx-pager.bx-default-pager a {background:#a8bcee; opacity:1; margin:0 3px; width:8px; height:8px; border-radius:4px;}
/* 헤드라인 03 끝 */
/* 헤드라인 04 시작 */
.headline_04 {width:100%; padding:17px 15px;}
.headline_04 .lists {margin:0 -10px}
.headline_04 .lists:after {content:"";clear:both;display:block}
.headline_04 .lists li {position:relative;float:left;padding:0 10px; width:50%;}
.headline_04 .lists li .thumb {position:relative;width:100%;height:110px;overflow:hidden}
.headline_04 .lists li .thumb img {display:block;width:100%;height:100%}
.headline_04 .lists li .box {padding:5px 10px 7px; border:1px solid #e1e1e1;}
.headline_04 .lists li .title {height:40px;overflow:hidden; font-weight:500;}
.headline_04 .lists li .title a {font-size:15px;color:#000;line-height:20px}
.headline_04 .lists li .byline {margin-top:8px; overflow:hidden}
.headline_04 .lists li .byline .name {font-size:12px;color:#afafaf; font-weight:300; letter-spacing:-0.05em}
/* 헤드라인 04 끝 */
/* 헤드라인 05 시작 */
.headline_05 {width:100%; padding:17px 15px;}
.headline_05 ul:after {content:''; clear:both; display:block;}
.headline_05 ul {margin:0 -13px;}
.headline_05 ul li {float:left; padding:0 7px; width:33.333%;}
.headline_05 ul li .box {position:relative; padding:14px 20px; border:1px solid #ebebeb;}
.headline_05 ul li .box .cate {position:absolute; top:6px; left:10px; color:#e41515; font-size:12px; font-weight:400;}
.headline_05 ul li .box .thumb {margin:0 auto; width:45px; height:45px; border-radius:50%; margin-top:8px;}
.headline_05 ul li .box .thumb img {display:block; width:100%; height:100%;}
.headline_05 ul li .box .title {line-height:15px; font-size:12px; height:30px; overflow:hidden; text-align:center; margin:8px 0 3px 0;}
.headline_05 ul li .box .title a {color:#222;}
.headline_05 ul li .box .body {line-height:15px; height:30px; overflow:hidden; font-size:11px; text-align:center;}
.headline_05 ul li .box .body a {color:#777;}
.headline_05 ul li .box .byline {text-align:center; margin-top:5px; margin-bottom:1px;}
.headline_05 ul li .box .byline .name {font-size:12px; color:#000;}
.headline_05 ul li .box .byline .name:after {content:''; display:inline-block; vertical-align: middle; width:1px; height:11px; background:#000; margin:0 2px 0 7px;}
.headline_05 ul li .box .byline .dept {font-size:12px; color:#000;}
/* 헤드라인 05 끝 */
/* 기사리스트 01 시작 */
.article_list_01 {}
.article_list_01 ul {padding:0 15px;}
.article_list_01 ul li {border-bottom:1px solid #d7d7d7;}
.article_list_01 ul li:last-child {border-bottom:0;}
.article_list_01 ul li .real_news {display:inline-block; padding:0; margin-right:7px; background:#000; width:80px; height:22px; line-height:22px; color:#fff; font-size:14px; text-align:center;}
.article_list_01 ul li .title > a {display:block; height:40px; line-height:40px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.article_list_01 ul li:after {content:''; display:block; clear:both;}
.article_list_01 ul li.picture {padding:15px 0;}
.article_list_01 ul li.picture .thumb {float:left; width:95px; height:65px; margin-right:15px;}
.article_list_01 ul li.picture .thumb img {display:block; width:100%; height:100%;}
.article_list_01 ul li.picture .title {font-size:16px; height:48px; line-height:24px; overflow:hidden; text-overflow:clip; white-space:normal;}
.article_list_01 ul li.picture .title a {color:#000; height:48px; line-height:24px;}
.article_list_01 ul li.picture .date {font-size:12px; color:#afafaf;}
/* 기사리스트 01 끝 */
/* 기사리스트 02 시작 */
.article_list_02 {width:100%;}
.article_list_02 ul li {border-bottom:1px solid #d7d7d7;}
.article_list_02 ul li > .title > a {height:40px; line-height:40px; font-size:16px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.article_list_02 ul li.picture {height:auto;}
.article_list_02 ul li.picture .thumb {width:100%; overflow: hidden; position: relative; padding-top: 56.25%; background: #f1efef;}
.article_list_02 ul li.picture .thumb img {display:block; width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.article_list_02 ul li.picture .box {position:relative; padding:10px 15px 21px;}
.article_list_02 ul li.picture .box .title {font-size:16px; color:#000; line-height:22px; height:44px; overflow:hidden; text-overflow:clip; white-space:normal;}
.article_list_02 ul li.picture .box .title .cate {color:#3165ac; margin-right:5px;}
.article_list_02 ul li.picture .box .title a {color:#000;}
.article_list_02 ul li.picture .box .date {font-size:12px; color:#afafaf; line-height:24px; margin-top:1px;}
.article_list_02 ul li.picture .box .btn_share {display:none; position:absolute; right:15px; top:18px;}
/* 기사리스트 02 끝 */
/* 기사리스트 03 시작 */
.article_list_03 {margin-bottom:20px;}
.article_list_03 .top {position:relative; height:50px; padding:0 15px;}
.article_list_03 .top h2{line-height:50px; color:#224193; font-size:17px; font-weight:500;}
.article_list_03 .top .btn_share {position:absolute; right:15px; top:17px; display:block; width:15px; height:16px; background:url(../m_img/icon_share.png) center center no-repeat;}
.article_list_03 .box {position:relative; width:100%; height:175px;}
.article_list_03 .box .thumb {width:100%; height:175px;}
.article_list_03 .box .thumb img {display:block; width:100%; height:100%;}
.article_list_03 .box .title {position:absolute; bottom:0; left:0; z-index:2; width:100%; line-height:40px; font-size:15px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_list_03 .box .title a {color:#fff;}
.article_list_03 .box .mask {position:absolute; bottom:0; left:0; z-index:1; width:100%; height:40px; background:#000; opacity:0.5;}
.article_list_03 .box .play {position:absolute; top:50%; left:50%; width:60px; height:62px; margin-left:-30px; margin-top:-31px; background:url(../m_img/icon_play.png) center center no-repeat; }
/* 기사리스트 03 끝 */
/* 기사리스트 04 시작 */
.article_list_04 {width:100%;}
.article_list_04 ul {padding:0 15px;}
.article_list_04 ul li {border-bottom:1px solid #d7d7d7; padding:12px 0;}
.article_list_04 ul li:last-child {border-bottom:0;}
.article_list_04 ul li:after {content:''; display:block; clear:both;}
.article_list_04 ul li .title {line-height:24px; max-height:48px; font-size:17px;margin:5px 0; overflow:hidden;}
.article_list_04 ul li .title a {color:#000;}
.article_list_04 ul li .title .cate {color:#3165ac;}
.article_list_04 ul li.picture .thumb {float:right; margin-left:20px; width:80px; height:58px; overflow: hidden; position: relative; background: #f1efef;}
.article_list_04 ul li.picture .thumb img {display:block; width: 100%; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.article_list_04 ul li.picture .title {font-size:16px; overflow:hidden; line-height:24px; height:48px;}
.article_list_04 ul li.picture .title .cate {display:inline-block; margin-right:5px;}
/* 기사리스트 04 끝 */
/* 기사리스트 05 시작 */
.article_list_05 {overflow:hidden;}
.article_list_05 .top {position:relative; height:50px; padding:0 15px;}
.article_list_05 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.article_list_05 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_05 ul {margin:0 -5px; padding:0 15px;}
.article_list_05 ul:after {content:''; display:block; clear:both;}
.article_list_05 ul li {float:left; width:50%; padding:0 5px;}
.article_list_05 ul li .thumb {position:relative; width:100%; height:120px;}
.article_list_05 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_05 ul li .thumb .cate {position:absolute; left:0; bottom:0; display:block; padding:0 15px; line-height:23px; font-size:12px; color:#fff; background:#5f8edf;}
.article_list_05 ul li:nth-child(even) .thumb .cate {background:#364994;}
.article_list_05 ul li .title {font-size:15px; line-height:20px; height:40px; margin:6px 0 18px 0;}
.article_list_05 ul li .title a {color:#000;}
/* 기사리스트 05 끝 */
/* 기사리스트 06 시작 */
.article_list_06 .top {position:relative; height:50px; padding:0 15px; }
.article_list_06 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500; border-bottom:1px solid #d7d7d7;}
.article_list_06 ul {padding:0 15px;}
.article_list_06 ul li {border-bottom:1px solid #d7d7d7; padding:17px 0;}
.article_list_06 ul li:after {content:''; display:block; clear:both;}
.article_list_06 ul li .title {font-size:16px; line-height:24px; height:48px; overflow:hidden; margin:-5px 0 8px; color:#000;}
.article_list_06 ul li .title a {color:#000;}
.article_list_06 ul li .date {font-size:12px; color:#afafaf;}
.article_list_06 ul li .thumb {float:right; width:88px; height:65px; margin-left:20px;}
.article_list_06 ul li .thumb img {display:block; width:100%; height:100%;}
/* 기사리스트 06 끝 */
/* 기사리스트 07 시작 */
.article_list_07 {background:#ddd;}
.article_list_07 ul {margin:0 -2px;}
.article_list_07 ul:after {content:''; display:block; clear:both;}
.article_list_07 ul li {float:left; width:50%; padding:0 2px; margin-bottom:5px;}
.article_list_07 ul li .thumb {position:relative; width:100%; height:115px;}
.article_list_07 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_07 ul li .thumb .title {position:absolute; left:0; z-index:5; bottom:7px; padding:0 15px; color:#f2f2f2; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_list_07 ul li .thumb .mask {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.4;}
/* 기사리스트 07 끝 */
/* 기사리스트 08 시작 */
.article_list_08 {padding:20px 15px;}
.article_list_08:after {content:''; display:block; clear:both;}
.article_list_08 .thumb {float:right; margin-left:20px; width:110px; height:115px;}
.article_list_08 .thumb img {display:block; width:100%; height:100%;}
.article_list_08 .title {font-size:17px; line-height:26px; margin-bottom:7px;}
.article_list_08 .title a {color:#000;}
.article_list_08 .body {font-size:13px; line-height:19px;}
.article_list_08 .body a {color:#4e4e4e;}
/* 기사리스트 08 끝 */
/* 기사리스트 09 시작 */
.article_list_09 {padding:20px 15px;}
.article_list_09 ul {margin:0 -5px;}
.article_list_09 ul:after {content:''; display:block; clear:both;}
.article_list_09 ul li {float:left; width:50%; padding:0 5px;}
.article_list_09 ul li .box {border:1px solid #eaeaea;}
.article_list_09 ul li .box .top {background:#ebebeb; padding:7px 10px;}
.article_list_09 ul li .box .top .title {font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.article_list_09 ul li .box .bottom {padding:0 10px; position:relative;}
.article_list_09 ul li .box .bottom .writer {line-height:36px; color:#000; font-size:14px;}
.article_list_09 ul li .box .bottom .writer span {color:#747474; font-size:12px;}
.article_list_09 ul li .box .bottom .btn_share {position:absolute; right:8px; top:11px; width:15px; height:16px; background:url(../m_img/icon_share.png) center center no-repeat; cursor:pointer;}
/* 기사리스트 09 끝 */
/* 기사리스트 10 시작 */
.article_list_10 {background:#ddd; padding:15px;}
.article_list_10 ul {margin:0 -2px;}
.article_list_10 ul:after {content:''; display:block; clear:both;}
.article_list_10 ul li {float:left; width:50%; padding:0 2px; margin-bottom:5px;}
.article_list_10 ul li .thumb {position:relative; width:100%; height:115px;}
.article_list_10 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_10 ul li .thumb .title {position:absolute; left:0; z-index:5; bottom:7px; padding:0 15px; color:#f2f2f2; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_list_10 ul li .thumb .mask {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../m_img/article_list_10_mask.png) left bottom repeat-x;}
/* 기사리스트 10 끝 */
/* 기사리스트 11 시작 */
.article_list_11 {padding:0 15px 15px;}
.article_list_11 .top {position:relative; height:50px;}
.article_list_11 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.article_list_11 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_11 ul li:after {content:''; display:block; clear:both;}
.article_list_11 ul li .thumb {float:left; width:150px; height:95px; margin-right:15px;}
.article_list_11 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_11 ul li .title {font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 8px 0;}
.article_list_11 ul li .title a {color:#000;}
.article_list_11 ul li .title .cate {color:#1f47a8;}
.article_list_11 ul li .body {font-size:14px; line-height:20px; height:40px; overflow:hidden; margin-bottom:13px;}
.article_list_11 ul li .body a {color:#636363;}
.article_list_11 ul li .date {font-size:12px; color:#a3a3a3;}
/* 기사리스트 11 끝 */
/* 기사리스트 12 시작 */
.article_list_12 {padding:0 15px 8px;}
.article_list_12 .top {position:relative; height:50px;}
.article_list_12 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.article_list_12 .top h2 span {color:#4d77dd;}
.article_list_12 ul {margin:0 -5px;}
.article_list_12 ul:after {content:''; display:block; clear:both;}
.article_list_12 ul li {float:left; width:25%; padding:0 5px; margin-bottom:10px; text-align:center;}
.article_list_12 ul li img {width:100%;}
.article_list_12 ul li .cate {font-size:12px; line-height:15px; color:#1f47a8; margin-top:4px;}
.article_list_12 ul li .title {font-size:14px; line-height:17px; color:#000;}
/* 기사리스트 12 끝 */
/* 기사리스트 13 시작 */
.article_list_13 {padding:0 15px 15px;}
.article_list_13 .top {position:relative; height:50px;}
.article_list_13 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.article_list_13 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_13 ul li {margin-bottom:26px;}
.article_list_13 ul li:last-child {margin-bottom:0;}
.article_list_13 ul li:after {content:''; display:block; clear:both;}
.article_list_13 ul li .thumb {float:left; width:68px; height:68px; margin-right:15px;}
.article_list_13 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_13 ul li .title {font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 8px 0;}
.article_list_13 ul li .title a {color:#000;}
.article_list_13 ul li .title .cate {color:#1f47a8;}
.article_list_13 ul li .body {font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.article_list_13 ul li .body a {color:#636363;}
.article_list_13 ul li .date {font-size:12px; color:#a3a3a3;}
/* 기사리스트 13 끝 */
/* 기사리스트 14 시작 */
.article_list_14 {padding:0 15px 15px;}
.article_list_14 .top {position:relative; height:50px;}
.article_list_14 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.article_list_14 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_14 ul li {margin-bottom:22px;}
.article_list_14 ul li:last-child {margin-bottom:0;}
.article_list_14 ul li .thumb {position:relative; width:100%; height:200px;}
.article_list_14 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_14 ul li .thumb .icon_play {position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:transparent url(../m_img/icon_play.png) 50% 55% no-repeat;}
.article_list_14 ul li .thumb .mask {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;}
.article_list_14 ul li .title {font-size:16px; line-height:22px; max-height:44px; overflow:hidden; margin:6px 0 5px 0;}
.article_list_14 ul li .title a {color:#000;}
.article_list_14 ul li .date {font-size:12px; color:#aeaeae;}
/* 기사리스트 14 끝 */
/* 기사리스트 15 시작 */
.article_list_15 {padding:0 15px;}
.article_list_15 .top {position:relative; height:50px;}
.article_list_15 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.article_list_15 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_15 ul {margin:0 -7px;}
.article_list_15 ul:after {content:''; display:block; clear:both;}
.article_list_15 ul li {float:left; width:50%; margin-bottom:20px; padding:0 7px;}
.article_list_15 ul li:last-child {margin-bottom:0;}
.article_list_15 ul li .thumb {position:relative; width:100%; height:105px;}
.article_list_15 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_15 ul li .thumb .date {position:absolute; left:0; bottom:0; z-index:5; display:inline-block; background:rgba(0,0,0,0.7); color:#fff; font-size:12px; font-weight:300; padding:0 8px; line-height:20px;}
.article_list_15 ul li .thumb .icon_play {position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:transparent url(../m_img/icon_play2.png) 50% 55% no-repeat;}
.article_list_15 ul li .thumb .mask {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;}
.article_list_15 ul li .title {font-size:15px; line-height:20px; height:40px; overflow:hidden; margin:6px 0 0 0;}
.article_list_15 ul li .title a {color:#000;}
/* 기사리스트 15 끝 */
/* 기사리스트 16 시작 */
.article_list_16 {}
.article_list_16 .top {position:relative; padding:0 15px;}
.article_list_16 .top h2 {color:#000; font-size:17px; font-weight:500; margin-top:10px;}
.article_list_16 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_16 ul li:after {content:''; display:block; clear:both;}
.article_list_16 ul li:first-child {padding:13px 15px 20px 15px;}
.article_list_16 ul li {width:100%; padding:20px 15px; border-bottom:1px solid #e1e1e1;}
.article_list_16 ul li .thumb {float:left; width:70px; height:95px; margin-right:15px;}
.article_list_16 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_16 ul li .cate {display:block; font-size:14px; line-height:16px; color:#1f47a8; }
.article_list_16 ul li .title {font-size:16px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:1px 0 10px 0;}
.article_list_16 ul li .title a {color:#000;}
.article_list_16 ul li .body {font-size:14px; line-height:22px;}
.article_list_16 ul li .body a {color:#686868;}
/* 기사리스트 16 끝 */
/* 기사리스트 17 시작 */
.article_list_17 {}
.article_list_17 .top {position:relative; height:50px; padding:0 15px;}
.article_list_17 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.article_list_17 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_17 ul:after {content:''; display:block; clear:both;}
.article_list_17 ul {border-top:1px solid #e1e1e1;}
.article_list_17 ul li {float:left; width:50%; padding:26px 15px 13px; border-bottom:1px solid #e1e1e1; background:url(../m_img/icon_quoto.png) 15px 13px no-repeat;}
.article_list_17 ul li .cate {font-size:12px; color:#4d77dd;}
.article_list_17 ul li:nth-child(odd) {border-right:1px solid #e1e1e1;}
.article_list_17 ul li .title {font-size:16px; line-height:21px; height:42px; overflow:hidden; margin:6px 0 4px 0;}
.article_list_17 ul li .title a {color:#000;}
.article_list_17 ul li .date {font-size:12px; color:#686868;}
/* 기사리스트 17 끝 */
/* 기사리스트 18 시작 */
.article_list_18 {padding:0 15px;}
.article_list_18 .top {position:relative;}
.article_list_18 .top h2 {color:#000; font-size:17px; font-weight:500; margin-top:10px;}
.article_list_18 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_18 ul li {border-bottom:1px solid #d7d7d7; padding:17px 0 15px;}
.article_list_18 ul li:after {content:''; display:block; clear:both;}
.article_list_18 ul li .thumb {float:right; width:88px; height:65px; margin-left:20px; overflow: hidden; position: relative; background: #f1efef;}
.article_list_18 ul li .thumb img {display:block; width: 100%; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.article_list_18 ul li .title {font-size:16px; line-height:24px; height:48px; overflow:hidden; margin:-5px 0 11px 0;}
.article_list_18 ul li .title a {color:#000;}
.article_list_18 ul li .date {font-size:12px; line-height:14px; color:#afafaf;}
/* 기사리스트 18 끝 */
/* 기사리스트 19 시작 */
.article_list_19 h2 {font-size:17px; font-weight:400; color:#3165ac; height:50px; line-height:50px; padding:0 15px; }
.article_list_19 ul li {position:relative;}
.article_list_19 ul li .thumb {width:100%; width: 100%; overflow: hidden; position: relative; padding-top: 56.25%; background: #f1efef;}
.article_list_19 ul li .thumb img {display:block; width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.article_list_19 ul li .title {position:absolute; bottom:0; left:0; width:100%; z-index:5; font-size:15px; color:#fff; padding:0 15px; height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_list_19 ul li .title a {color:#fff;}
.article_list_19 ul li .mask {position:absolute; bottom:0; left:0; z-index:3; width:100%; height:40px; background:#000; opacity:0.5;}
/* 기사리스트 19 끝 */
/* 기사리스트 20 시작 */
.article_list_20 h2 {font-size:17px; font-weight:400; color:#3165ac; height:50px; line-height:50px; padding:0 15px; }
.article_list_20 ul li {position:relative;}
.article_list_20 ul li .thumb {width:100%; overflow: hidden; position: relative; padding-top: 56.25%; background: #f1efef;}
.article_list_20 ul li .thumb img {display:block; width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.article_list_20 ul li .title {position:absolute; bottom:0; left:0; width:100%; z-index:5; font-size:15px; color:#fff; padding:0 15px; height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_list_20 ul li .title a {color:#fff;}
.article_list_20 ul li .mask {position:absolute; bottom:0; left:0; z-index:3; width:100%; height:40px; background:#000; opacity:0.5;}
.article_list_20 ul li .play {position:absolute; bottom:0; left:0; z-index:3; width:100%; height:100%; background:url(../m_img/icon_play.png) 50% 50% no-repeat;}
/* 기사리스트 20 끝 */
/* 기사리스트 21 시작 */
.article_list_21 {}
.article_list_21 ul li {padding:0 15px;  width:100%; line-height:39px; border-bottom:1px solid #d7d7d7; }
.article_list_21 ul li .cate {display:inline-block; background:#333; margin-right:10px; padding:0 10px; height:22px; line-height:22px; color:#fff; font-size:14px;}
.article_list_21 ul li .title {font-size:16px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_list_21 ul li .title a {color:#000;}
/* 기사리스트 21 끝 */
/* 기사리스트 22 시작 */
.article_list_22 h2 {font-size:17px; padding:12px 15px 0; font-weight:400; color:#3165ac;}
.article_list_22 ul li {padding:15px 15px 18px;  width:100%; border-bottom:1px solid #d7d7d7; }
.article_list_22 ul li:after {clear:both; content:''; display:block;}
.article_list_22 ul li .thumb {float:left; width:80px; height:70px; margin-right:15px; margin-top:4px; overflow: hidden; position: relative; background: #f1efef;}
.article_list_22 ul li .thumb img {display:block; width: auto; height:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.article_list_22 ul li .name {display:none; color:#9a9a9a; margin-bottom:5px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_list_22 ul li .title {font-size:16px; line-height:20px; margin-bottom:2px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_list_22 ul li .title a {color:#000;}
.article_list_22 ul li .body {font-size:14px; line-height:18px; max-height:36px;  color:#888; overflow:hidden;}
.article_list_22 ul li .body a {color:#888;}
.article_list_22 ul li .date {color:#afafaf; font-size:12px;}
/* 기사리스트 22 끝 */
/* 기사리스트 23 시작 */
.article_list_23 ul li {padding:12px 15px 12px;  width:100%; border-bottom:1px solid #d7d7d7; }
.article_list_23 ul li:after {clear:both; content:''; display:block;}
.article_list_23 ul li .thumb {float:right; width:80px; height:58px; margin-left:15px; overflow: hidden; position: relative; background: #f1efef;}
.article_list_23 ul li .thumb img {display:block; width: 100%; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.article_list_23 ul li .cate {color:#3165ac; font-size:16px;}
.article_list_23 ul li .title {font-size:17px; line-height:24px; max-height:48px; color:#000; overflow:hidden;}
.article_list_23 ul li .title a {color:#000;}
/* 기사리스트 23 끝 */
/* 기사리스트 24 시작 */
.article_list_24 {padding:0 15px;}
.article_list_24 .top {position:relative; height:50px; }
.article_list_24 .top h2 {line-height:50px; font-weight:400; color:#3165ac; font-size:17px;}
.article_list_24 .top .more {position:absolute; top:18px; right:0; width:15px; height:15px; background:url(../m_img/icon_plus.png) 0 0 no-repeat;}
.article_list_24 ul {margin:0 -5px;}
.article_list_24 ul:after {clear:both; content:''; display:block;}
.article_list_24 ul li {float:left; width:50%; padding:0 5px;}
.article_list_24 ul li:after {clear:both; content:''; display:block;}
.article_list_24 ul li .thumb  {width:100%; width: 100%; overflow: hidden; position: relative; padding-top: 56.25%; background: #f1efef;}
.article_list_24 ul li .thumb img {display:block; width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.article_list_24 ul li .title {margin:10px 0 18px; font-size:15px; line-height:20px; height:40px; color:#000; overflow:hidden;}
.article_list_24 ul li .title a {color:#000;}
/* 기사리스트 24 끝 */
/* 기사리스트 25 시작 */
.article_list_25 {padding:0 15px;}
.article_list_25 .top {position:relative;}
.article_list_25 .top h2 {color:#000; font-size:17px; font-weight:500; margin-top:10px;}
.article_list_25 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_25 ul li {border-bottom:1px solid #d7d7d7; padding:17px 0 15px;}
.article_list_25 ul li:after {content:''; display:block; clear:both;}
.article_list_25 ul li .thumb {float:left; width:68px; height:70px; margin-right:20px;}
.article_list_25 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_25 ul li .name {font-size:16px; color:9a9a9a; color:#9a9a9a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.article_list_25 ul li .title {font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 7px 0;}
.article_list_25 ul li .title a {color:#000;}
.article_list_25 ul li .date {font-size:12px; line-height:14px; color:#afafaf;}
/* 기사리스트 25 끝 */
/* 기사리스트 26 시작 */
.article_list_26 {padding:0 15px 0;}
.article_list_26 .top {position:relative; height:50px;}
.article_list_26 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.article_list_26 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.article_list_26 ul:after {content:''; clear:both; display:block;}
.article_list_26 ul li {margin-bottom:22px; padding:0 7px; float:left; width:50%;}
.article_list_26 ul li:last-child {margin-bottom:0;}
.article_list_26 ul li .thumb {position:relative; width:100%; height:110px;}
.article_list_26 ul li .thumb img {display:block; width:100%; height:100%;}
.article_list_26 ul li .thumb .icon_play {position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:transparent url(../m_img/icon_play.png) 50% 55% no-repeat;}
.article_list_26 ul li .thumb .mask {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;}
.article_list_26 ul li .thumb .date {position:absolute; left:0; bottom:0; height:20px; line-height:20px; padding:0 7px; color:#fff; font-size:12px; font-weight:300; background-color:rgba(0, 0, 0, 0.5);}
.article_list_26 ul li .title {font-size:15px; line-height:20px; max-height:40px; overflow:hidden; margin:4px 0 0 0;}
.article_list_26 ul li .title a {color:#000;}
/* 기사리스트 26 끝 */
.rel_title {clear:both; display:block; font-size:15px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px; margin:7px 0; background:transparent url(../m_img/under.png) 2px 6px no-repeat; padding-left:11px;}
.rel_title a {color:#555;}

/* 많이 본 기사 시작 */
.many_article {padding:10px 15px 0;}
.many_article .tab ul:after {content:''; display:block; clear:both;}
.many_article .tab ul li { width:100%; text-align:left; line-height:44px; font-size:17px; color:#3165ac; border-bottom:1px solid #d7d7d7;}
.many_article .list ul {counter-reset: section; display:none;}
.many_article .list ul.on {display:block;}
.many_article .list ul li {position:relative; padding:10px 0 10px 25px; border-bottom:1px solid #d7d7d7;}
.many_article .list ul li:before {counter-increment: section; content:counter(section); position:absolute; left:0; top:20px; font-size:24px; color:#224193;}
.many_article .list ul li:after {content:''; display:block; clear:both;}
.many_article .list ul li:last-child {border-bottom:0;}
.many_article .list ul li .title {font-size:16px; line-height:24px; height:48px; margin:3px 0; overflow:hidden;}
.many_article .list ul li .title a {color:#000;}
.many_article .list ul li .thumb {float:right; width:80px; height:58px; margin-left:20px; overflow: hidden; position: relative; background: #f1efef;}
.many_article .list ul li .thumb img {display:block; width: 100%; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* 많이 본 기사 끝 */
/* swipe_box 시작 */
.swipe_box {background:#25304d; height:340px; width:100%; position:relative;}
.swipe_box .swiper_prev {position:absolute; top:158px; left:0; z-index:100;}
.swipe_box .swiper_next {position:absolute; top:158px; right:0; z-index:100;}
.swipe_box .swiper-container {width:100%; margin:0 auto;}
.swipe_box .swiper-container .bx-viewport {padding:0 0 0 28px;}
.swipe_box .swiper-container .swiper-slide {width:100%;}
.swipe_box .swiper-container .swiper-slide[aria-hidden = "true"] {opacity:0.5;}
.swipe_box h2 {width:90%; color:#fff; font-size:18px; font-weight:400; margin:14px auto 12px auto; letter-spacing:-0.075em;}
.swipe_box .thumb {width:90%; height:142px; margin:0 auto;}
.swipe_box .thumb img {display:block; width:100%; height:100%;}
.swipe_box .box {width:90%; margin:0 auto; background:#fff; padding:14px 25px 22px;}
.swipe_box .box .title {font-size:17px; line-height:22px; height:44px; overflow:hidden; margin-bottom:10px;}
.swipe_box .box .title a {color:#000; letter-spacing:-0.075em;}
.swipe_box .box .writer {font-size:15px; line-height:18px; color:#000; font-weight:700;}
.swipe_box .box .byline {color:#4d76dd; font-weight:400;}
/* swipe_box 끝 */

/* 서브메인 헤드라인 01 시작 */
.submain_headline_01 {padding:0 15px;}
.submain_headline_01 .top {position:relative; height:50px;}
.submain_headline_01 .top h2 {line-height:50px; color:#000; font-size:17px; font-weight:500;}
.submain_headline_01 .top .btn_more {position:absolute; right:16px; top:19px; display:block; width:15px; height:15px; background:url(../m_img/btn_plus.png) center center no-repeat;}
.submain_headline_01 ul li {padding-bottom:18px; margin-bottom:7px; border-bottom:1px solid #d7d7d7;}
.submain_headline_01 ul li:last-child {margin-bottom:0;}
.submain_headline_01 ul li .thumb {position:relative; width:100%; height:175px;}
.submain_headline_01 ul li .thumb img {display:block; width:100%; height:100%;}
.submain_headline_01 ul li .thumb .icon_play {position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:transparent url(../m_img/icon_play.png) 50% 55% no-repeat;}
.submain_headline_01 ul li .thumb .mask {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;}
.submain_headline_01 ul li .title {font-size:16px; line-height:22px; max-height:44px; overflow:hidden; margin:6px 0 5px 0;}
.submain_headline_01 ul li .title a {color:#000;}
.submain_headline_01 ul li .date {font-size:12px; color:#aeaeae;}
/* 서브메인 헤드라인 01 끝 */
/* 시군별 뉴스 시작 */
.city_box table {width:100%;}
.city_box table tr th {font-size:17px; color:#3165ac; height:40px; line-height:39px; font-weight:400; border:1px solid #f0f0f0;}
.city_box table tr td {font-size:16px; color:#000; height:40px; line-height:39px; text-align:center; border:1px solid #f0f0f0;}
.city_box table tr td a {color:#000;}
/* 시군별 뉴스 끝 */

/************** 스킨 끝 **************/


/* 탭메뉴 시작 */
.tab_container .tab_nav ul:after {content:''; clear:both; display:block;}
.tab_container .tab_nav ul li {float:left; width:50%; font-size:16px; font-weight:600; border-bottom:1px solid #ddd; line-height:37px; height:40px; vertical-align:top; text-align:center;}
.tab_container .tab_nav ul li a {color:#000;}
.tab_container .tab_nav ul li.on {border-bottom:3px solid #e41f24; color:#e41f24; }
.tab_container .tab_nav ul li.on a {color:#e41f24;}
.tab_container .tab_content > div {display:none;}
.tab_container .tab_content > div.on {display:block;}
/* 탭메뉴 끝 */