/* 최종 수정: 2023.08.21 세종 - MTLEADER-486 [개발팀][더리더] TOP 기사 수 조정 - UI개발 */
@charset "utf-8";

@import url('base.css');

#wrap {position:relative;}

.lgroup {float:left;}
.rgroup {float:right;}
.sizbx {margin:0 auto; width:1030px;}
.bxcn {position:relative;}
.bx_table {display:table;}
.bx_tbcell {display:table-cell;}
.vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;}
.edge1 {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000; opacity:0.07; filter:alpha(opacity:7);}
.btnarea {text-align:center;}
.btnarea img,
.btnarea button,
.btnarea input {vertical-align:top;}
.btn_more {display:block; width:100%; height:38px; background:none; border:1px solid #b3b3b3;}
.btn_more span {display:inline-block; background:url(../images/commonimg1.png) no-repeat -93px -16px; width:53px; height:23px; font-size:0; line-height:0;}

#header {position:relative; height:139px; background:url(../images/bg_header.gif) repeat-x 0 0;}
#header .logo {position:relative; float:left; margin-top:52px; margin-left:5px;} /*수정 210802 지선*/
#header .gnb {float:right; margin-top:74px;}
#header .gnb .group .bundle {float:left; margin-left:25px;}
#header .gnb .group .bundle:first-child {margin-left:0;} /* 수정 240603 세종 */
#header .gnb .group .bundle .tit {display:block; height:27px; font-size:16px; line-height:24px; letter-spacing:-0.08em; color:#4c4c4c;}
#header .gnb .group .bundle .tit2 {display:block; margin-top:1px; width:72px; height:22px; font-size:13px; line-height:19px; text-align:center; letter-spacing:-0.8px; border:1px solid #7c95d3; border-radius:11px; box-sizing:border-box; color:#7c95d3;}
#header .gnb .group .bundle:hover .tit,
#header .gnb .group .bundle:focus .tit,
#header .gnb .group .bundle.on .tit {text-decoration:none; color:#d80820;}
#header .gnb .group .bundle:hover .tit2,
#header .gnb .group .bundle:focus .tit2,
#header .gnb .group .bundle.on .tit2 {text-decoration:none; font-weight:bold; color:#d80820; border-color:#e55c6d;}
#header .snb {display:none; position:absolute; bottom:0; left:0; width:100%; height:42px; background:#eee; z-index:10;}
#header .gnb .group .bundle:hover > .snb {display:block;}
#header .gnb .group .bundle:hover > .snb:hover,
#header .gnb .group .bundle:hover > .snb:focus {display:block;}
#header .snb .group2 {margin-top:7px; height:35px;}
#header .snb .group2.type1 {margin-left:535px;}
#header .snb .group2.type2 {float:right;}
#header .snb .group2 .bundle2 {float:left; margin-left:23px; height:24px;}
#header .snb .group2 .bundle2:first-child {margin-left:0;}
#header .snb .group2 .bundle2  a {display:block; font-size:14px; line-height:24px; letter-spacing:-0.8px; color:#808080;}
#header .snb .group2 .bundle2:hover a,
#header .snb .group2 .bundle2:focus a,
#header .snb .group2 .bundle2.on a {text-decoration:underline; color:#d80820;}
#header .lst_info {position:absolute; top:22px; right:0;}
#header .lst_info .group {float:left;}
#header .lst_info .group .bundle {float:left; margin-left:5px;}
#header .lst_info .group .bundle:first-child {margin-left:0;}
#header .lst_info .group .bundle a {display:block;}
#header .lst_info .hsearch {float:left; margin-left:15px;}
#header .lst_info .hsearch .int {position:relative; float:left; padding:0 10px 0 11px; width:137px; height:28px; font-size:13px; line-height:28px; letter-spacing:-0.8px; color:#808080; border:0;}
#header .lst_info .hsearch .btn_search {float:left; width:38px; height:28px; background:url(../images/btn_search1.gif) no-repeat 0 0;}

#footer {position:relative; background:#6e6e7e;}
#footer .flogo {position:absolute; bottom:20px; left:0;} /*수정 210802 지선*/
#footer .info {overflow:hidden; }
#footer .info li {float:left; margin-left:19px;}
#footer .info li:first-child {margin-left:0;}
#footer .info li a {display:block; font-size:14px; line-height:20px; letter-spacing:-1px; color:#fff;}
#footer .rellink {overflow:hidden;}
#footer .rellink .tit {float:left; padding-right:16px; background:url(../images/bg_bar1.png) no-repeat right 6px; font-weight:normal; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#fff;}
.ie8 #footer .rellink .tit {background-position:right 5px;}
#footer .rellink ul {float:left;}
#footer .rellink ul li {float:left; margin-left:15px;}
#footer .rellink ul li:first-child {margin-left:12px;}
#footer .rellink ul li a {display:block; font-size:14px; line-height:21px; letter-spacing:-0.6px; color:#fff;}
#footer .copyright {margin-top:16px; padding-left:491px; line-height:21px; letter-spacing:-0.8px; color:#dcdcdc;}
#footer .copyright .copy {margin-top:9px; letter-spacing:0;}

#container {position:relative;}
#container.bgline:after {content:' '; position:absolute; top:-20px; right:295px; padding-bottom:20px; height:100%; border-left:1px solid #e1e1e1;}

.main_thumbx {position:relative; padding-bottom:38px;}
.main_thumbx .top_thum {position:relative;}
.main_thumbx .top_thum .group .bundle {overflow:hidden; width:100%; height:330px;}
.main_thumbx .top_thum .group .bundle a {display:block;}
.main_thumbx .top_thum .group .bundle a img {display:block; width:100%;}
.main_thumbx .top_tit {position:relative;}
.main_thumbx .top_tit .group {display:flex;} /* 추가 230821 세종 */
.main_thumbx .top_tit .group li {flex:1 1 33%; position:relative; overflow:hidden;} /* 수정 230821 세종 */
.main_thumbx .top_tit .group li + li {margin-left:-2px;} /* 추가 230821 세종 */
.main_thumbx .top_tit .group li a {display:block; padding:0 31px 0 36px; word-break:break-all;}
.main_thumbx .top_tit .group li a:hover,
.main_thumbx .top_tit .group li a:focus,
.main_thumbx .top_tit .group li a.on {text-decoration:none;}
.main_thumbx .top_tit .group li a .tit {display:block; overflow:hidden; height:44px; font-size:18px; line-height:21px; letter-spacing:-0.3px; color:#262626;}
.main_thumbx .top_tit .group li a .name {display:block; margin-top:5px; height:21px; line-height:21px; letter-spacing:-1px; color:#808080;}
.main_thumbx .top_tit .group li:hover a .tit,
.main_thumbx .top_tit .group li:hover a .name,
.main_thumbx .top_tit .group li.on a .tit,
.main_thumbx .top_tit .group li.on a .name {color:#d80820;}
.main_thumbx .top_tit .group li a:after {content:' '; position:absolute; top:2px; left:0; right:0; bottom:0; border-left:2px solid #d3cac9; border-right:2px solid #d3cac9;} /* 수정 230821 세종 */
.main_thumbx .top_tit .group li:hover a:after,
.main_thumbx .top_tit .group li.on a:after {border-left:2px solid #d80820; border-right:2px solid #d80820; z-index:10;} /* 수정 230821 세종 */

#content {position:relative;}
#content.w730 {float:left; width:730px;}
#content.w710 {float:left; width:710px;}
#content .tit1 {position:relative; padding-bottom:2px; padding-left:17px; font-size:17px; line-height:24px; font-weight:normal; letter-spacing:-0.6px; color:#d80820;}
#content .tit1:after {content:' '; position:absolute; top:0; left:0; height:100%; border-left:2px solid #d80820;}
#content .tit1 .c1 {color:#262626;}
#content .tit1 .txt {font-size:15px; line-height:24px; letter-spacing:-0.6px; color:#666;}
#content .tit_colum {display:inline-block; margin:5px 0 0 6px; width:172px; height:14px; background:url(../images/commonimg1.png) no-repeat -91px -103px; font-size:0; line-height:0; vertical-align:top;}
#content .navi {position:absolute; top:3px; right:0; font-size:13px; letter-spacing:-0.6px; color:#666;}
#content .navi  a {color:#666;}
#content .infoarea {padding:7px 0 8px; font-size:14px; line-height:20px; letter-spacing:-0.55px; text-align:justify; color:#8c8c8c; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;}

.sort_group {position:absolute; overflow:hidden; top:0; right:40px; padding:3px 0; width:303px; height:20px;}
.sort_group .date_area {float:left; position:relative; width:126px; text-align:center;}
.sort_group .date_area .date {display:block; position:relative; font-size:15px; line-height:18px; font-weight:normal; letter-spacing:-0.06em; color:#8c8c8c;}
.sort_group .date_area button {position:absolute; top:4px; width:8px; height:12px; font-size:0; line-height:0;}
.sort_group .date_area .prev {left:0;  background:url(../images/btn_prev01.png) no-repeat 0 0; background-size:8px 12px;}
.sort_group .date_area .next {right:0; background:url(../images/btn_next01.png) no-repeat 0 0; background-size:8px 12px;}
.sort_group .btn_cal_group {float:left; margin-left:13px; width:62px; height:20px;}
.sort_group .btn_cal_group .btn_calendar {float:left; width:21px; height:20px; background:url(../images/icon_calendar01.png)no-repeat 0 0; background-size:cover;}
.sort_group .btn_cal_group .btn_calendar.on {background:url(../images/icon_calendar01_on.png);}
.sort_group .btn_cal_group .btn_today {float:right; width:36px; height:20px; background:url(../images/icon_calendar_today01.png)no-repeat 0 0; background-size:cover;}
.sort_group .sort_area {float:right; overflow:hidden; width:88px; height:20px; font-size:13px; line-height:20px; letter-spacing:-0.07em;}
.sort_group .sort_area .bundle {float:left; position:relative; color:#808080; cursor:pointer;}
.sort_group .sort_area .bundle.on {font-weight:bold; color:#7388bc;}
.sort_group .sort_area .bundle + .bundle {margin-left:10px;}
.sort_group .sort_area .bundle + .bundle:after {content:'/'; position:absolute; top:-1px; right:39px; color:#808080;}

.bxtab td {width:25%; height:41px; text-align:center; border:1px solid #999;}
.bxtab td a {position:relative; display:block; font-size:14px; line-height:41px; letter-spacing:-0.8px; color:#737373;}
.bxtab td:hover a,
.bxtab td.on a {text-decoration:none; color:#d80820;}
.bxtab td:hover a:after,
.bxtab td.on a:after {content:' '; position:absolute; top:-1px; left:-1px; width:100%; height:41px; border:1px solid #d80820;}

.theinfoarea {position:relative;}
.theinfoarea .top_thum {position:relative;}
.theinfoarea .top_thum .txt {visibility:hidden; position:absolute; top:112px; left:47px; font-size:22px; line-height:28px; color:#000;}
.theinfoarea .txtarea .tit {display:block; overflow:hidden; font-size:20px; font-weight:600; line-height:30px; letter-spacing:-0.6px; color:#262626;}
.theinfoarea .txtarea p {font-size:17px; line-height:30px; letter-spacing:-1.05px; color:#262626;}
.theinfoarea .txtarea .unline {text-decoration:underline; }
.theinfoarea .infothum {margin-right:33px; width:260px; text-align:center;}
.theinfoarea .infothum .txt {display:block; font-size:14px; line-height:30px; letter-spacing:-0.6px; color:#2863be;}
.theinfoarea .infothum .txt .bar {display:inline-block; font-size:13px; font-weight:bold; line-height:28px; vertical-align:top;}
.theinfoarea .tb1 {position:relative;}
.theinfoarea .tb1:after {content:' '; position:absolute; top:0; left:0; width:1028px; height:100%; border:1px solid #fff; border-top:0; border-bottom:0;}
.theinfoarea .tb1 th {padding-left:28px; font-size:14px; line-height:35px; font-weight:normal; text-align:left; letter-spacing:-0.6px; color:#1299da; border:1px solid #b3b3b3;}
.theinfoarea .tb1 th.pdl {padding-left:0; text-align:center;}
.theinfoarea .tb1 td {padding-left:27px; font-size:14px; color:#666; border:1px solid #b3b3b3;}
.theinfoarea .typ1 {overflow:hidden;}
.theinfoarea .typ1 dt {font-size:17px; line-height:30px; letter-spacing:-0.6px; color:#1299da;}
.theinfoarea .typ1 dd {font-size:17px; line-height:30px; letter-spacing:-0.6px; color:#262626;}
.theinfoarea .typ1 ul li {font-size:17px; line-height:30px; letter-spacing:-0.6px; color:#262626;}
.theinfoarea .typ2 {overflow:hidden;}
.theinfoarea .typ2 dt {float:left; width:76px; font-size:17px; line-height:30px; letter-spacing:-0.6px; color:#1299da;}
.theinfoarea .typ2 dd {float:left; font-size:17px; line-height:30px; letter-spacing:-0.6px; color:#262626;}
.theinfoarea .typ2 ul {position:relative;}
.theinfoarea .typ2 ul:before {content:' '; position:absolute; top:8px; left:0; width:2px; height:100%; background:#1299da;}
.theinfoarea .typ2 ul:after {content:' '; position:absolute; bottom:0; left:0; width:2px; height:7px; background:#fff;}
.theinfoarea .typ2 ul li {padding-left:16px;}
.theinfoarea .typ2 ul li .month {display:inline-block; width:40px; letter-spacing:-1px;}
.theinfoarea .typ3 {overflow:hidden;}
.theinfoarea .typ3 dt {margin-top:20px; font-size:17px; line-height:30px; letter-spacing:-0.6px; color:#df3b3b;}
.theinfoarea .typ3 dd {margin-top:7px; font-size:16px; line-height:22px; letter-spacing:-0.6px; color:#666;}
.theinfoarea .typ3 dd.tx1 {margin-top:22px; margin-left:-9px;}
.theinfoarea .typ3 ul {display:inline;}
.theinfoarea .typ3 ul li {display:inline-block; margin-left:9px; padding-left:10px; background:url(../images/bg_dot1.gif) no-repeat 0 9px; font-size:16px; line-height:22px; letter-spacing:-0.6px; color:#666;}
.theinfoarea .btn1 {display:block; width:155px; height:40px; background:#2d2d2d; font-size:17px; line-height:38px; text-align:center; letter-spacing:-0.6px; color:#fff;}
.theinfoarea .btn1:hover, .theinfoarea .btn1:focus {text-decoration:none;}

/* 추가 231106 세종 */
.theinfoarea .co_chart {display:flex; flex-direction:column; align-items:center; letter-spacing:-2px;}
.theinfoarea .co_chart .lv1 {display:flex; flex-direction:column; align-items:center;}
.theinfoarea .co_chart .lv1 .bundle {position:relative; display:flex; justify-content:space-between; padding:9px 0 10px; width:280px; background:#024283; font-size:17px; line-height:30px;}
.theinfoarea .co_chart .lv1 .bundle + .bundle {margin-top:15px;}
.theinfoarea .co_chart .lv1 .bundle + .bundle:after {content:''; position:absolute; top:-15px; left:50%; width:1px; height:15px; background:#888; font-size:0; line-height:0;}
.theinfoarea .co_chart .lv1 .bundle strong {text-indent:16px; color:#a2d0ff;}
.theinfoarea .co_chart .lv1 .bundle ul {flex:0 0 152px; color:#fff;}
.theinfoarea .co_chart .lv1 .bundle ul li em {font-size:14px; font-style:normal;}
.theinfoarea .co_chart .lv2 {position:relative; display:flex;}
.theinfoarea .co_chart .lv1 + .lv2 {margin-top:45px;}
.theinfoarea .co_chart .lv1 + .lv2:before {content:''; position:absolute; top:-45px; left:50%; width:1px; height:23px; background:#888; font-size:0; line-height:0;}
.theinfoarea .co_chart .lv1 + .lv2:after {content:''; position:absolute; top:-23px; left:70px; right:70px; height:1px; background:#888; font-size:0; line-height:0;}
.theinfoarea .co_chart .lv2 .bundle {position:relative; width:140px; background:#e1e1e1;}
.theinfoarea .co_chart .lv2 .bundle + .bundle {margin-left:45px;}
.theinfoarea .co_chart .lv2 .bundle:before {content:''; position:absolute; top:-23px; left:50%; width:1px; height:23px; background:#888; font-size:0; line-height:0;}
.theinfoarea .co_chart .lv2 .bundle strong {display:block; height:40px; background:#0962bc; font-size:17px; font-weight:normal; text-align:center; line-height:40px; color:#fff;}
.theinfoarea .co_chart .lv2 .bundle ul {display:flex; justify-content:space-between; align-content:flex-start; flex-wrap:wrap; padding:13px 21px 15px; min-height:120px; font-size:17px; line-height:30px;}
/* //추가 231106 세종 */

.lst_type1 {position:relative;}
.lst_type1 .bundle {position:relative; float:left; overflow:hidden; margin-left:1px; width:182px; height:295px;}
.lst_type1 .bundle:first-child {margin-left:0; width:181px;}
.lst_type1 .bundle a {display:block;}
.lst_type1 .bundle a:hover {text-decoration:none;}
.lst_type1 .bundle a .thum {position:relative; display:block;}
.lst_type1 .bundle a .thum img {display:block; min-width:182px; height:211px;}
.lst_type1 .bundle a .area {position:relative; padding:9px 20px 11px 20px; background:#737373;}
.lst_type1 .bundle a .area .cls {position:relative; display:block; font-size:12px; line-height:20px; letter-spacing:-0.6px; color:#000; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px;}
.lst_type1 .bundle a .area .cls:after {content:' '; position:absolute; top:6px; right:1px; width:8px; height:8px; background:url(../images/commonimg1.png) no-repeat -93px -39px;}
.lst_type1 .bundle a .area .tit {display:block; overflow:hidden; margin-top:7px; height:38px; font-size:15px; line-height:18px; font-weight:normal; letter-spacing:-0.6px; color:#e5e5e5; word-break:break-all;}
.ie8 .lst_type1 .bundle a .area .tit {height:37px;}
.lst_type2 {position:relative;}
.lst_type2 .group {margin-top:-14px; margin-left:-14px;}
.lst_type2 .bundle {float:left; margin-top:14px; margin-left:14px; width:234px; vertical-align:top;}
.lst_type2 .bundle a {position:relative; display:block;}
.lst_type2 .bundle:hover a:after,
.lst_type2 .bundle:focus a:after {content:' '; position:absolute; top:2px; right:-2px; width:2px; height:100%; background:#dedede;}
.lst_type2 .bundle:hover a:before,
.lst_type2 .bundle:focus a:before {content:' '; position:absolute; bottom:-2px; left:2px; width:100%; height:2px; background:#dedede;}
.lst_type2 .bundle a:hover,
.lst_type2 .bundle a:focus {text-decoration:none;}
.lst_type2 .bundle .thum {position:relative; display:block; overflow:hidden; width:100%; height:234px;}
.lst_type2 .bundle .thum img {display:block; width:100%;}
.lst_type2 .bundle .area {position:relative; padding:14px 15px 16px 19px;}
.lst_type2 .bundle .area:after {content:' '; position:absolute; top:0; bottom:0; right:0; left:0; border:1px solid #cdcdcd; border-top:0;}
.lst_type2 .bundle .area .cls {display:block; overflow:hidden; font-size:13px; line-height:24px; letter-spacing:-0.8px; color:#3092ed;}
.lst_type2 .bundle .area .tit {display:block; overflow:hidden; margin-top:2px; height:49px; font-size:18px; line-height:24px; font-weight:normal; letter-spacing:-0.6px; color:#262626; word-break:break-all;}
.lst_type2 .bundle a:hover .area .tit,
.lst_type2 .bundle a:focus .area .tit {text-decoration:underline; color:#d80820;}
.lst_type2 .bundle .area .nmdate {overflow:hidden; font-size:12px; line-height:22px; letter-spacing:-0.8px; color:#999;}
.lst_type2 .bundle .area .nm {float:left;}
.lst_type2 .bundle .area .date {float:right; margin-right:10px;}
.lst_type3 {position:relative;}
.lst_type3 .group {margin-top:-14px; margin-left:-10px;}
.lst_type3 .bundle {float:left; margin-top:14px; margin-left:10px; width:196px; vertical-align:top; border:1px solid #cfcfcf;}
.lst_type3 .bundle a {display:block; padding:16px 15px 0;}
.lst_type3 .bundle .thum {position:relative; display:block; overflow:hidden; width:100%; height:221px;}
.lst_type3 .bundle .thum img {display:block; width:100%; height:100%;}
.lst_type3 .bundle .area {position:relative; margin:10px 5px 0; height:47px;}
.lst_type3 .bundle .area .no {float:left; font-size:18px; line-height:28px; font-weight:normal; letter-spacing:-0.6px; color:#006cd1;}
.lst_type3 .bundle .area .icon {float:right; width:36px; height:28px; background:url(../images/commonimg1.png) no-repeat -164px -147px; font-size:0; line-height:0;}
.lst_type3 .bundle .area.npdf  .no {color:#666;}
.lst_type3 .bundle .area.npdf .icon {float:right; width:36px; height:28px; background:url(../images/commonimg1.png) no-repeat -209px -147px; font-size:0; line-height:0;}
.lst_type3 .bundle a:hover .no,
.lst_type3 .bundle a:focus .no {text-decoration:none;}
.lst_type4 {position:relative;}
.lst_type4 .group {margin-top:-14px; margin-left:-14px;}
.lst_type4 .bundle {float:left; margin-top:14px; margin-left:14px; width:234px; vertical-align:top;}
.lst_type4 .bundle a {position:relative; display:block;}
.lst_type4 .bundle:hover a:after,
.lst_type4 .bundle:focus a:after {content:' '; position:absolute; top:2px; right:-2px; width:2px; height:100%; background:#dedede;}
.lst_type4 .bundle:hover a:before,
.lst_type4 .bundle:focus a:before {content:' '; position:absolute; bottom:-2px; left:2px; width:100%; height:2px; background:#dedede;}
.lst_type4 .bundle a:hover,
.lst_type4 .bundle a:focus {text-decoration:none;}
.lst_type4 .bundle .thum {position:relative; display:block; overflow:hidden; width:100%; height:145px;}
.lst_type4 .bundle .thum img {display:block; width:100%;}
.lst_type4 .bundle .area {position:relative; padding:14px 15px 16px 19px;}
.lst_type4 .bundle .area:after {content:' '; position:absolute; top:0; bottom:0; right:0; left:0; border:1px solid #cdcdcd; border-top:0;}
.lst_type4 .bundle .area .cls {display:block; overflow:hidden; font-size:13px; line-height:24px; letter-spacing:-0.8px; color:#3092ed;}
.lst_type4 .bundle .area .tit {display:block; overflow:hidden; margin-top:2px; height:49px; font-size:18px; line-height:24px; font-weight:normal; letter-spacing:-0.6px; color:#262626; word-break:break-all;}
.lst_type4 .bundle a:hover .area .tit,
.lst_type4 .bundle a:focus .area .tit {text-decoration:underline; color:#d80820;}
.lst_type4 .bundle .area .nmdate {overflow:hidden; font-size:12px; line-height:22px; letter-spacing:-0.8px; color:#999;}
.lst_type4 .bundle .area .nm {float:left;}
.lst_type4 .bundle .area .date {float:right; margin-right:10px;}
.lst_type5 {overflow:hidden; padding:0 10px; height:43px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.lst_type5.slick-slider {box-sizing:initial;}
.lst_type5 .bundle {position:relative; overflow:hidden; height:43px;}
.lst_type5 .bundle.slick-slide {border:none;}
.lst_type5 .bundle a {display:block; overflow:hidden; margin-top:-1px; outline:none;}
.lst_type5 .bundle .category {float:left; margin-top:12px; width:68px; height:21px; font-size:12px; line-height:20px; text-align:center; color:#fff; background:#7c8db8; border-radius:10px;}
.lst_type5 .bundle .tit {float:left; overflow:hidden; margin-left:10px; width:783px; height:43px; font-size:16px; line-height:43px; letter-spacing:-0.06em; color:#262626; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.lst_type5 .bundle .date {float:left; margin-left:14px; width:112px; height:43px; font-size:12px; line-height:43px; color:#808080;}
.btn_group {position:absolute; top:9px; right:10px; width:13px; height:26px;}
.btn_group button {position:absolute; width:13px; height:8px; background-size:cover;}
.btn_group .prev_up {top:0; background:url(../images/btn_up01.png)no-repeat 0 0;}
.btn_group .next_down {bottom:0; background:url(../images/btn_down01.png)no-repeat 0 0;}
.lst_type6 {position:relative;}
.lst_type6 .bundle {position:relative; padding-right:40px; width:690px; height:120px;}
.lst_type6 .bundle + .bundle {margin-top:40px;}
.lst_type6 .bundle a {display:block;}
.lst_type6 .bundle a:hover,
.lst_type6 .bundle a:focus {text-decoration:none;}
.lst_type6 .bundle .thum {position:absolute; overflow:hidden; top:0; left:0; width:184px; height:120px;}
.lst_type6 .bundle .thum:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.07); box-sizing:border-box;}
.lst_type6 .bundle .thum img {display:block; width:100%; min-height:100%;}
.lst_type6 .bundle .txt_box {display:block; margin-left:204px;}
.lst_type6 .bundle .txt_box .sort {display:block; font-size:13px; line-height:1; letter-spacing:-0.08em; color:#3092ed;}
.lst_type6 .bundle .txt_box .tit {display:block; overflow:hidden; padding-top:12px; height:24px; font-size:18px; font-weight:normal; line-height:24px; letter-spacing:-0.08em; color:#0f0f0f; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.lst_type6 .bundle a:hover .txt_box .tit,
.lst_type6 .bundle a:focus .txt_box .tit {text-decoration:underline; color:#d80820;}
.lst_type6 .bundle .txt_box .txt {display:block; overflow:hidden; padding-bottom:1px; height:36px; margin-top:7px; font-size:14px; line-height:18px; letter-spacing:-0.06em; color:#737373;}
.lst_type6 .bundle a:hover .txt_box .txt,
.lst_type6 .bundle a:focus .txt_box .txt {text-decoration:underline; color:#737373;}
.lst_type6 .bundle .txt_box .info_box {display:block; overflow:hidden; padding-bottom:1px; height:12px; margin-top:14px; font-size:12px; line-height:1; color:#999;}
.lst_type6 .bundle .txt_box .info_box .writer {float:left;}
.lst_type6 .bundle .txt_box .info_box .date {float:left; position:relative; margin-left:17px;}
.lst_type6 .bundle .txt_box .info_box .date:after {content:''; position:absolute; top:2px; left:-8px; width:1px; height:9px; background:#999;}

.lst_grid {position:relative; margin-left:-14px;}
.lst_grid .group {margin-top:-14px;}
.lst_grid .bundle {float:left; width:248px; vertical-align:top;}
.lst_grid .bundle a {position:relative; display:block; margin-left:14px; margin-top:14px;}
.lst_grid .bundle:hover a:after,
.lst_grid .bundle:focus a:after {content:' '; position:absolute; top:2px; right:-2px; width:2px; height:100%; background:#dedede;}
.lst_grid .bundle:hover a:before,
.lst_grid .bundle:focus a:before {content:' '; position:absolute; bottom:-2px; left:2px; width:100%; height:2px; background:#dedede;}
.lst_grid .bundle a:hover,
.lst_grid .bundle a:focus {text-decoration:none;}
.lst_grid .bundle .thum {position:relative; display:block; width:100%;}
.lst_grid .bundle .thum img {display:block; width:100%;}
.lst_grid .bundle .thum .vod {position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; width:60px; height:60px; background:url(../images/commonimg1.png) no-repeat -10px -10px;}
.lst_grid .bundle a .area {position:relative; padding:14px 20px 14px 19px;}
.lst_grid .bundle a .area:after {content:' '; position:absolute; top:0; bottom:0; right:0; left:0; border:1px solid #cdcdcd; border-top:0;}
.lst_grid .bundle a .area .cls {display:block; overflow:hidden; font-size:13px; line-height:24px; letter-spacing:-0.8px; color:#3092ed;}
.lst_grid .bundle a .area .tit {display:block; overflow:hidden; margin-top:2px; height:50px; font-size:18px; line-height:24px; font-weight:normal; letter-spacing:-0.8px; color:#262626; word-break:break-all;}
.lst_grid .bundle a:hover .area .tit,
.lst_grid .bundle a:focus .area .tit {text-decoration:underline; color:#d80820;}
.lst_grid .bundle a .area .txt {overflow:hidden; margin-top:11px; height:84px; font-size:14px; line-height:21px; letter-spacing:-0.8px; text-align:justify; color:#737373; word-break:break-all;}
.lst_grid .bundle a:hover .area .txt,
.lst_grid .bundle a:focus .area .txt {text-decoration:underline; color:#737373;}
.lst_grid .bundle a .area .nmdate {overflow:hidden; margin-top:6px; font-size:12px; line-height:24px; letter-spacing:-0.8px; color:#999;}
.lst_grid .bundle a .area .nm {float:left;}
.lst_grid .bundle a .area .date {float:right; margin-right:10px;}

.lst_lolthum {position:relative; padding:11px 51px 0; width:168px; height:284px; background:#ab1b2c;}
.lst_lolthum .bundle {position:relative; margin:5px 0 0;}
.lst_lolthum .bundle .thum {display:block; width:168px; height:222px;}
.lst_lolthum .bundle .thum a {display:block;}
.lst_lolthum .bundle .thum a img {width:100%; height:100%;}
.lst_lolthum .bundle .num {display:block; margin-top:7px; font-size:15px; line-height:20px; text-align:center; letter-spacing:-0.6px; color:#fff;}
.lst_lolthum .more {position:relative; display:inline-block; font-size:15px; line-height:20px; letter-spacing:-0.6px; color:#fff;}
.lst_lolthum .more:after {content:' '; position:absolute; top:6px; right:-13px; width:8px; height:8px; background:url(../images/commonimg1.png) no-repeat -106px -39px;}
.lst_lolthum .more:hover,
.lst_lolthum .more:focus {text-decoration:none;}
.lst_lolthum .prev {position:absolute; top:36px; left:0; width:48px; height:222px; background:none;}
.lst_lolthum .prev:after {content:' '; position:absolute; top:101px; left:23px; width:13px; height:20px; background:url(../images/commonimg1.png) no-repeat -93px -59px;}
.lst_lolthum .next {position:absolute; top:36px; right:0; width:48px; height:222px; background:none;}
.lst_lolthum .next:after {content:' '; position:absolute; top:101px; right:23px; width:13px; height:20px; background:url(../images/commonimg1.png) no-repeat -114px -59px;}

.no_result li {padding-left:13px; background:url(../images/commonimg1.png) no-repeat -164px -30px; font-size:18px; line-height:32px; letter-spacing:-0.7px; color:#4c4c4c;}
/* 추가 240603 세종 */
.ar_advertising {display:flex; flex-direction:column;}
.ar_advertising a {display:flex; justify-content:center; align-items:center; overflow:hidden;}
.sub .ar_advertising a {display:flex; justify-content:center; align-items:center; overflow:hidden; filter:grayscale(100%); transition:filter 0.3s ease;}
.sub .ar_advertising a:focus,
.sub .ar_advertising a:hover,
.sub .ar_advertising a.active,
.sub .ar_advertising .on a {filter:grayscale(0%);}
.ar_advertising a img {display:block;}
/* //추가 240603 세종 */
#aside {position:relative;}
#aside.w270 {float:right; width:270px;}
#aside .abundle {position:relative;}
#aside .atit1 {font-size:17px; line-height:20px; letter-spacing:-0.8px; color:#000;}
#aside .alst_tab {position:relative;}
#aside .alst_tab .tab li {float:left; margin-left:-1px; width:89px; height:28px; background:#cdcdcd; border:1px solid #c2c2c2;}
#aside .alst_tab .tab li:first-child {margin-left:0; width:88px;}
#aside .alst_tab .tab li a {display:block; font-size:13px; line-height:28px; text-align:center; letter-spacing:-0.8px; color:#666;}
#aside .alst_tab .tab li a.en {font-size:15px;}
#aside .alst_tab .tab li:hover a,
#aside .alst_tab .tab li:focus a,
#aside .alst_tab .tab li.on a {background:#fff; text-decoration:none; color:#262626;}
#aside .alst_tab .lst_best li {overflow:hidden; margin-top:17px;}
#aside .alst_tab .lst_best li:first-child {margin-top:0;}
#aside .alst_tab .lst_best li .num {float:left; margin-top:4px; width:20px; height:20px; font-size:0; line-height:0;}
#aside .alst_tab .lst_best li .num.n1 {background:url(../images/commonimg1.png) no-repeat -155px -10px;}
#aside .alst_tab .lst_best li .num.n2 {background:url(../images/commonimg1.png) no-repeat -180px -10px;}
#aside .alst_tab .lst_best li .num.n3 {background:url(../images/commonimg1.png) no-repeat -206px -10px;}
#aside .alst_tab .lst_best li .num.n4 {background:url(../images/commonimg1.png) no-repeat -232px -10px;}
#aside .alst_tab .lst_best li .num.n5 {background:url(../images/commonimg1.png) no-repeat -255px -10px;}
#aside .alst_tab .lst_best li .subject {float:left; overflow:hidden; width:250px; height:40px; word-break:break-all;}
#aside .alst_tab .lst_best li .subject a {display:block; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#4c4c4c;}
#aside .ar_banner li {margin-top:5px;}
#aside .ar_banner li:first-child {margin-top:0;}
#aside .ar_banner li a {display:block;}
#aside .alst_type1 {position:relative;}
#aside .alst_type1 .group {margin-top:-18px; margin-left:-10px;}
#aside .alst_type1 .bundle {float:left; margin-top:18px; margin-left:10px; width:130px;}
#aside .alst_type1 .bundle .thum {display:block; width:130px; height:130px;}
#aside .alst_type1 .bundle .thum a {display:block; width:130px; height:130px; display:flex; justify-content:center; align-items:center; background-color: #000;}
#aside .alst_type1 .bundle .thum a img {width:100%;}
#aside .alst_type1 .bundle .subject {overflow:hidden; margin-top:5px; height:37px; word-break:break-all;}
#aside .alst_type1 .bundle .subject a {display:block; font-size:14px; line-height:18px; letter-spacing:-0.6px; color:#737373;}
#aside .alst_type2 {position:relative;}
#aside .alst_type2 .bundle {margin-top:5px; background:#aa8052; height:93px;}
#aside .alst_type2 .bundle:first-child {margin-top:0;}
#aside .alst_type2 .bundle a {display:block; width:100%; height:100%;}
#aside .alst_type2 .bundle .thum {float:left; overflow:hidden; width:130px; height:93px;}
#aside .alst_type2 .bundle .thum img {width:100%; min-height:93px;}
#aside .alst_type2 .bundle .ncls {float:left; margin-left:23px; width:100px; height:100%;}
#aside .alst_type2 .bundle .ncls .nm {display:inline-block; overflow:hidden; max-height:40px;  font-size:14px; line-height:20px; vertical-align:middle; letter-spacing:-1px; color:#ffead4;}
#aside .alst_type2 .bundle a:hover .nm {text-decoration:underline;}
#aside .alst_type3 {position:relative;}
#aside .alst_type3 .group {margin-top:-17px; margin-left:-10px;}
#aside .alst_type3 .bundle {float:left; margin-top:17px; margin-left:10px; width:130px;}
#aside .alst_type3 .bundle .thum {position:relative; display:block; overflow:hidden; width:130px; height:90px;}
#aside .alst_type3 .bundle .thum a {display:block; overflow: hidden; width: 130px; height: 90px; background-position: center center; background-size: cover;}
#aside .alst_type3 .bundle .thum a img {width:100%; visibility: hidden;}
#aside .alst_type3 .bundle .subject {overflow:hidden; margin-top:5px; height:37px; word-break:break-all;}
#aside .alst_type3 .bundle .subject a {display:block; font-size:14px; line-height:18px; letter-spacing:-0.6px; color:#737373;}
#aside .alst_type4 {overflow:hidden; margin-top:-5px;}
#aside .alst_type4 li {float:left; margin-top:18px; width:130px;}
#aside .alst_type4 li.rcon {margin-left:8px;}
#aside .alst_type4 li a {display:block; text-decoration:none;}
#aside .alst_type4 li a .thum {position:relative; overflow:hidden; display:block; width:130px; height:130px;}
#aside .alst_type4 li a .thum img {width:100%;}
#aside .alst_type4 li a .txt {overflow:hidden; display:block; margin-top:8px; height:36px; font-size:14px; line-height:18px; letter-spacing:-0.6px; color:#737373; word-break:break-all;}
#aside .alst_type4 li a.on .thum:after,
#aside .alst_type4 li a:hover .thum:after {content:' '; position:absolute; top:0; left:0; display:block; width:122px; height:122px; border:4px solid #d80820; opacity:1; filter:alpha(opacity:100);}

#article .topbx {position:relative; padding-left:23px;}
#article .topbx:before {content:' '; position:absolute; top:5px; left:0; height:100%; border-left:3px solid #4d4d4d;}
#article .topbx:after {content:' '; position:absolute; bottom:-5px; left:0; height:5px; border-left:3px solid #fff;}
#article h1 {font-size:27px; line-height:33px; font-weight:normal; letter-spacing:-1px; color:#000;}
#article h2 {margin-top:9px; font-size:18px; line-height:20px; font-weight:normal; letter-spacing:-0.7px; color:#4c4c4c;}
#article .info {position:relative; margin-top:14px;}
#article h2 + .info {margin-top:23px;}
#article .info .infobx {font-size:14px; line-height:14px; letter-spacing:-0.6px; color:#999;}
#article .info .infobx .bar {position:relative; display:inline-block; margin:0 9px 0 10px; width:2px; height:13px; vertical-align:bottom; background:#c6c6c6;}
.ie8 #article .info .infobx .bar {vertical-align:top;}
#article .info2 {position:relative; margin-top:8px; padding-top:25px; border-top:1px solid #bebebe;}
#article .info2 .btn_list {display:block; width:78px; height:30px; background:#2e2e2e; font-size:15px; line-height:30px; text-align:center; letter-spacing:-0.8px; color:#fff;}
#article .info2 .btn_list:hover,
#article .info2 .btn_list:focus {text-decoration:none;}
#article .share1 {overflow:hidden; padding:24px 0 31px 24px; height:30px;}
#article .share1 li {float:left; width:30px; height:30px; background:url(../images/commonimg2.png) no-repeat 0 0;}
#article .share1 li + li {margin-left:4px;}
#article .share1 li.kt {background-position:0 0;}
#article .share1 li.ks {background-position:-34px 0;}
#article .share1 li.nb {background-position:-68px 0;}
#article .share1 li.fa {background-position:-102px 0;}
#article .share1 li.tw {background: url(../images/icon_sns_x_twitter.svg) no-repeat 0 0 / cover;}
#article .share1 li.prt {margin-left:6px; background-position:right 0;}
#article .share1 li a {display:block; overflow:hidden; width:100%; height:100%; font-size:0; line-height:0; text-indent:-9999px;}
#article .share2 {overflow:hidden;}
#article .share2 li {float:left; width:30px; height:30px; background:url(../images/commonimg2.png) no-repeat 0 0;}
#article .share2 li + li {margin-left:4px;}
#article .share2 li.kt {background-position:0 0;}
#article .share2 li.ks {background-position:-34px 0;}
#article .share2 li.nb {background-position:-68px 0;}
#article .share2 li.fa {background-position:-102px 0;}
#article .share2 li.tw {background: url(../images/icon_sns_x_twitter.svg) no-repeat 0 0 / cover;}
#article .share2 li.prt {margin-left:6px; background-position:right 0;}
#article .share2 li a {display:block; overflow:hidden; width:100%; height:100%; font-size:0; line-height:0; text-indent:-9999px;}
#article .page_num {display:block; font-size:18px; text-align:center; line-height:20px; letter-spacing:-0.6px; color:#333;}
#article .page_num .c1 {color:#ff0000;}
#article .article_view {margin-top:25px;}
#article .article_view .view_text {font-size:17px; line-height:30px; text-align:justify; letter-spacing:-0.6px; color:#000;}
#article .article_view .view_text p {text-align:justify;}
#article .article_view .editor {position:relative; padding-left:70px; padding-bottom:16px; font-size:14px; line-height:21px; letter-spacing:-0.7px; color:#666;}
#article .article_view .editor .title {position:absolute; top:0; left:0; padding-right:9px; background:url(../images/bg_bar2.gif) no-repeat right 4px; color:#d80820;}
#article .article_view .view_text .article_photo {position:relative; width:100px !important;}
#article .article_view .view_text .article_photo img {display: block; margin-bottom: 5px;}
#article .article_view .view_text .article_photo .img img {display: block; margin:0; padding:0; max-width:680px; min-width:100%;}
#article .article_view .view_text .article_photo.left {float:left; margin:5px 20px 10px 0; padding:0;}
#article .article_view .view_text .article_photo.right {float:right; margin:5px 0 10px 20px; padding:0;}
#article .article_view .view_text .article_photo.center {margin:0 auto; min-width:40px; margin-bottom:29px;}
#article .article_view .view_text .article_photo .desc {padding:9px 0 0 0; font-size:13px; line-height:18px; letter-spacing:-0.7px; color:#666;}
#article .article_view .cmsemail {display:block; clear:both; overflow:hidden; margin-top:46px; line-height:30px;}
#article .article_view .copyright {clear:both; overflow:hidden; margin-top:46px; font-size:15px; letter-spacing:-0.6px; color:#999;}
#article .article_view .cmsemail + .copyright {margin-top:0;}
#article .page_num + .article_view {margin-top:13px;}
#article .article_view .cardnews {position:relative; overflow:hidden; width:710px; height:610px; margin-bottom:14px; background:#4d4d4d;}
#article .article_view .cardnews ul {overflow:hidden;}
#article .article_view .cardnews ul li {float:left; overflow:hidden; width:710px; height:610px; text-align:center;}
#article .article_view .cardnews ul li .vm {display:inline-block; width:0; height:100%; vertical-align:middle;}
#article .article_view .cardnews ul li img {display:inline-block;  max-width:710px; max-height:610px; vertical-align:middle;}
#article .article_view .cardnews button {position:absolute; top:50%; margin-top:-32px; width:45px; height:65px; background:none;}
#article .article_view .cardnews .prev {left:0; background:url(../images/commonimg1.png) no-repeat -10px -147px;}
#article .article_view .cardnews .next {right:0; background:url(../images/commonimg1.png) no-repeat -64px -147px;}
#article .article_view .cardnews button.noimg {background:none !important; cursor:default;}

#aside .bn613 {padding-bottom:40px;}
#aside .bn613 a {display:block; overflow:hidden; height:100px; background:url(//menu.mt.co.kr/theleader/images/banner_20180613.jpg) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;}
#aside .alst_tab1 {position:relative; overflow:hidden; margin-top:12px; z-index:1;}
#aside .alst_tab1 .bundle {float:left; margin-left:-1px; width:134px; height:28px; border:1px solid #c2c2c2;}
#aside .alst_tab1 .bundle:first-child {margin-left:0; width:133px;}
#aside .alst_tab1 .bundle button {display:block; width:100%; font-size:13px; line-height:28px; text-align:center; letter-spacing:-0.8px; color:#666; font-family: '맑은고딕','Malgun Gothic'; background:#cdcdcd;}
#aside .alst_tab1 .bundle:hover button,
#aside .alst_tab1 .bundle:focus button,
#aside .alst_tab1 .bundle.on button {background:#fff; text-decoration:none; color:#262626;}

#article .photo_slider {position:relative; margin:0 auto 14px; }
#article .photo_slider .slick-arrow {position:absolute; top:50%; margin-top:-33px; width:45px; height:65px; font-size:0; text-indent:-9999em; z-index:10;}
#article .photo_slider .slick-disabled {display:none !important;}
#article .photo_slider .slick-prev {left:0; background:url(../images/commonimg1.png) no-repeat -10px -147px;}
#article .photo_slider .slick-next {right:0; background:url(../images/commonimg1.png) no-repeat -64px -147px;}

.main_leftBanner {position:absolute; left:-162px; top:5px; z-index:0;}
.main_leftBanner ul li {display:none;}
.main_leftBanner ul li.on {display:block;}

.left_wing_advertising {position: absolute; top:0px; left: -180px; width:160px; height:600px; z-index:10;}
.right_wing_advertising {position: absolute; top:0px; right: -180px; width:160px; height: 600px; z-index: 11;}
.article_floting_advertising {position: absolute; top:570px; left: -80px; z-index: 12;}
.article_inner_advertising {float:right; margin:5px 0px 0px 10px;}
.right_bottom_advertising {position: absolute; top:0px; right: -280px; }
.right_bottom_cover_advertising {position: absolute; top:300px; right: -280px;}