body { min-width: 350px;}
section.sec_start { width: 100%; padding-top:0px;}
.m_grayheader_election { display: none;}

@media screen and (max-width:1200px){ 
    #Top_story, section.sec1, section.sec2, section.sec3, section.sec4, section.sec6 { padding-left:10px !important; padding-right:10px !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
@media screen and (max-width:900px){ 
    #Top_story, section.sec1, section.sec2, section.sec3, section.sec4, section.sec5, section.sec6 { padding-left:15px !important; padding-right:15px !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    section.sec_start { padding-top:0;}
    .m_grayheader_election { display: block; width: 100%; height:30px; border-bottom: 1px solid #dcdcdc; text-align: left; background: #fff;}
    .m_grayheader_election span { display: inline-block; font-size: 14px; margin-top:7px;}
    .m_grayheader_election span:nth-child(2) { color:#0078bd}
}
/* -------------------------------------- section header --------------------------------------*/
#header { width: 100%; height: 40px; overflow: hidden; position: fixed; top:0; left: 0; z-index:999; background: #fff;}
#header > div { max-width:1198px; height: 40px; margin:0 auto; position: relative;}
#header > div h1 { width: 89px; height: 23px; position: absolute; top:9px; left: 0; }
#header > div h1 a { display: block; height: 100%;}
#header .big_menu { text-align: right; height: 40px; line-height: 39px; padding-right:97px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header .big_menu li { display: inline-block; }
#header .big_menu li a{ display: block; height: 100%; position: relative; padding: 0 4px 0 6px; font-size: 13px; color:#666; font-weight: bold;}
#header .big_menu li a:after { display: block; content: ""; width: 1px; height:11px; background:#dadada; position: absolute; top:14px; left:0;}
#header .big_menu li a:hover, #header .big_menu li a:focus { color:#333; }
#header .big_menu li a.m1:after{ display: none;}
#header .head_btn { position: absolute; top:0; right:0; width: 81px; height: 100%;}
#header .head_btn li {width: 40px; height: 100%; float:left;}
#header .head_btn li.serch_pop { width: 41px;}
#header .head_btn li a { display: block; height: 100%;}
#header .head_btn li a img{ display: block; width: 100%; height:100%;}
#header .head_btn_m, #header > div h2, #header > div h3 { display: none;}

.section_header { width: 100%; height: 55px; position: fixed; top:40px; left: 0; background: #034275; z-index:999;}
.section_header:after { display: block; content: ""; width: 100%; height: 9px; position: absolute; top:55px; left: 0; background: url("../../images/head/bg_header_03.png") repeat-x;}
.section_header ul { display: inline-block; height: 100%; margin: 0 auto; padding-left: 47px;}
.section_header ul li { width: 190px; height: 100%; float:left; /*transition: all 0.3s ease-out;*/}
.section_header ul li a { display: block; position: relative; height: 100%; padding-right:47px;}
.section_header ul li a:before { display: block; content: ""; width:47px; height:55px; background:url("../../images/election/el0613_gnbbg_03.png") no-repeat; position: absolute; top:0; right:0; }
.section_header ul li:first-child a:after { display: block; content: ""; width:47px; height:55px; background:url("../../images/election/el0613_gnbbg_03.png") no-repeat; position: absolute; top:0; left:-47px; }
.section_header ul li a img { display: inline-block; margin-top:18px;}
.section_header ul li.click { background:#4489cc; }
.section_header ul li.click a:after { display: block; content: ""; width:47px; height:55px; background:url("../../images/election/el0613_gnbbg_01.jpg") no-repeat; position: absolute; top:0; left:-47px; }
.section_header ul li.click a:before { display: block; content: ""; width:47px; height:55px; background:url("../../images/election/el0613_gnbbg_02.png") no-repeat; position: absolute; top:0; right:0; }
section.sec_start { width: 100%; padding-top: 95px;}
.section_header_m { display: none;}
.sns_pop {display: none}

@media screen and (max-width:1200px){ 
    #header > div h1 { left: 10px; }
}
@media screen and (max-width:900px){ 
    #header { height: 55px; background: #0078bd;}
    #header > div { height:100%; }
    #header > div h1,
    #header .big_menu,
    #header .head_btn { display: none; }
    #header > div h2 { display: block; width:60px; height:100%; position: absolute; top:0px; left: 0; background: #325794; border-right:1px solid #2289c4;}
    #header > div h2 a, #header > div h3 a { display: block; height: 100%;}
    #header > div h2 a img { width:35px; margin-top: 9px}
    #header > div h3 { display: block; width:118; height:100%; position: absolute; top:0px; left:70px;}
    #header > div h3 a img { margin-top: 16px}
    #header > div h3 a img.tm1 { width:46.5px; }
    #header > div h3 a img.tm2 { width:99px; }
    #header .head_btn_m { display: block; position: absolute; top:0; right:0; width: 56px; height: 100%;}
    #header .head_btn_m li {width:55px; height: 100%; float:left; border-left:solid 1px #2289c4;}
    #header .head_btn_m li a { display: block; height: 100%;}
    #header .head_btn_m li a img{ display: block; width: 100%; height:100%;}

    .section_header {display: none;}
    .section_header_m {display: block; min-width: 350px; width: 100%; height:43px; position: fixed; top:55px; left: 0; background: #fff; z-index:999; border-bottom: 1px solid #dcdcdc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .section_header_m ul {height: 100%; margin: 0 auto; text-align: center; font-size: 0; }
    .section_header_m ul li {display:inline-block; width: 25%; border-left: 1px solid #ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;} 
    .section_header_m ul li:first-child{border-left: 0 none;}
    .section_header_m ul li.on:after { display: block; content: ""; width: 100%; height:3px; position: absolute; bottom:0; left:0; background: #0078bd;}
    .section_header_m ul li a {display:block; width: 100%; height:43px; position: relative; }
    .section_header_m ul li a span {display:inline-block; font-size: 16px; line-height: 43px; font-weight: bold; color:#000;}
    .section_header_m ul li.on a span {color:#0078bd;}
    section.sec_start { padding-top: 98px;}
}
@media screen and (max-width:430px){ 
    
}

/*common.css*/
.search{position:fixed;left:50%; margin-left:-599px; top:40px;*top:110px;width:1198px;z-index:1001; display: none;}
.search > div{padding:30px 10px;background:#f4f4f4;border:solid 1px #ced2d7;border-top:none;}
.search h3{margin-bottom:10px;font-size:36px;font-weight:bold;color:#444;letter-spacing:0;text-align: center}
.search .search_word{position:relative;max-width:454px;margin:0 auto 20px;overflow:hidden;}
.search .search_word p{position:relative;max-width:388px;padding-left:10px;border:solid 1px #b0b0b0;border-right:none;background:#fff;}
.search .search_word input{width:100%;height:53px;line-height:53px;padding:0;font-size:16px;color:#444;border:none;*margin-top:-1px}
.search .search_word label{position:absolute;left:20px;top:0;line-height:53px;font-size:16px;color:#444;}
.search .search_word label:hover{cursor:text;}
.search .search_word > a{position:absolute;right:0;top:0;display:block;width:55px;height:37px;padding-top:18px;background:#444}
.search .popularity_search{margin-bottom:25px;}
.search .popularity_search li{display:inline-block;zoom:1;*display:inline;padding:0 5px;line-height:20px;}
.search .popularity_search li a{font-size:14px;color:#0078bd;}
.black_layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222; z-index: 1000; zoom: 1; opacity: 0.7; display: none;}
@media screen and (max-width:1200px){ 
    .search{position:fixed;left:0; margin-left:0; top:40px;*top:110px;width:100%;z-index:1001;}
}
@media screen and (max-width:900px){ 
    .search{top:55px;}
    .search > div{border:none;border-bottom:solid 1px #ced2d7}
}
@media screen and (max-width:640px){ 
    .search > div{padding:20px 10px;}
    .search h3{font-size:24px;}
    .search .search_word{margin-bottom:10px;}
    .search .search_word input{height:33px;line-height:33px;font-size:16px;}
    .search .search_word label{line-height:33px;font-size:14px;}
    .search .search_word > a{height:28px;padding-top:7px;}
    .search .popularity_search{margin-bottom:15px;}
    .search .popularity_search li a{font-size:13px}
}

/* -------------------------------------- section 0 : banner img --------------------------------------*/
section.sec0 { height:165px; position: relative; }
section.sec0, section.sec0 * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
section.sec0 img.head2000 { position: absolute; top: 0; left: 50%; margin-left: -1000px; max-width: none}
section.sec0 img.head1200,
section.sec0 img.head900,
section.sec0 img.head480 { display: none}
section.sec0 div { max-width: 1198px; height: 100%; margin: 0 auto; position: relative}
.sec0_sns { display: inline-block; height: 35px; position: absolute; top: 15px; right:-3px;}
.sec0_sns li { width: 35px; height: 35px; position: relative; float: left; margin-right: 3px}
.sec0_sns li a { overflow: hidden; display: block; width: 100%; height: 100%; border-radius: 50%; text-indent: -9999em; float: left}
.sec0_sns li a span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.sec0_sns li a .line { z-index: 30; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 50%; opacity: .5; transition: all .5s ease-out; border: 1px solid #034274}
.sec0_sns li a .bg { z-index: 10; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: all .5s ease-out; border-radius: 50%}
.sec0_sns li a:hover .line { opacity: 0}
.sec0_sns li a:hover .bg { background-color: #034274}
.sec0_sns li a .ico {z-index: 20; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: all .5s ease-out}
.sec0_sns li.faceBook a .ico {  background: url(../../images/election/face_b.png) no-repeat; background-position: center; }
.sec0_sns li.faceBook a:hover .ico { background: url(../../images/election/face_w.png) no-repeat; background-position: center}
.sec0_sns li.twiter a .ico {  background: url(../../images/election/tw_b.png) no-repeat; background-position: center; }
.sec0_sns li.twiter a:hover .ico { background: url(../../images/election/tw_w.png) no-repeat; background-position: center}
.sec0_sns li.kakao a .ico {  background: url(../../images/election/kaka_b.png) no-repeat; background-position: center; }
.sec0_sns li.kakao a:hover .ico { background: url(../../images/election/kaka_w.png) no-repeat; background-position: center}
@media screen and (max-width:1200px) { 
    section.sec0 img.head1200 { display: block; position: absolute; top: 0; left: 50%; margin-left: -600px; max-width: none}
    section.sec0 img.head2000, section.sec0 img.head900 { display: none}
    .sec0_sns { right: 25px}
}
@media screen and (max-width:900px) {
    section.sec0 { height: 146px; position: relative; border-top: 10px solid #eceeef; border-bottom:1px solid #d8dbdf }
    section.sec0.sub {display: none;}
    section.sec0 img.head900 { display: block; position: absolute; top: 0; left: 50%; margin-left: -450px; max-width: none}
    section.sec0 img.head2000, section.sec0 img.head1200 { display: none}
    .sec0_sns { display:none}
    .m_share {display: block; width: 28px; height: 28px; position: absolute; top:10px; right:10px; border:1px solid #2e70a4; border-radius:50%;}
    .m_share span {display: block; width:100%; height:100%; background: url(../../images/election/share_m.svg) no-repeat 4px center; background-size: 16px; }
    .pop_bg {display: none; width: 100%; height: 100%; background: #000; position: absolute; top:0; left: 0; z-index:10000; opacity: 0.6}
    .sns_pop {display: none; width: 320px; height: 167px; background: #fff; position:fixed; left:50%; margin-left: -160px; top:70px; z-index: 10001}
    .sns_pop h2 { height: 61px; line-height: 60px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color:#333}
    .sns_pop ul { display: inline-block; height: 56px; margin-top: 25px;}
    .sns_pop ul li{ width: 56px; height: 56px; float:left; margin:0 10px;}
    .sns_pop ul li a{display: block; height: 100%; font-size: 0; border-radius: 50%; text-indent:-9999px;}
    .sns_pop ul li a span { display: block; height: 100%; }
    .sns_pop ul li:nth-child(1) a{ background: #4d67a2;}
    .sns_pop ul li:nth-child(1) a span{ background: url("../../images/election/facebook_white.svg") no-repeat center; background-size:12px 20px; }
    .sns_pop ul li:nth-child(2) a{ background: #1da1f3;}
    .sns_pop ul li:nth-child(2) a span{ background: url("../../images/election/twitter_white.svg") no-repeat center; background-size:19px 16px; }
    .sns_pop ul li:nth-child(3) a{ background: #f2d320;}
    .sns_pop ul li:nth-child(3) a span{ background: url("../../images/election/kakao.svg") no-repeat center; background-size:22px 19px; }
    .sns_pop > a { position: absolute; top:0; right:0; width:60px; height:60px; font-size: 0; text-indent:-9999px;}
    .sns_pop > a span{ display: block; height: 100%; background: url("../../images/election/pop_close.svg") no-repeat center; background-size:14px 13px;}
}
@media screen and (max-width:480px) {
    section.sec0 img.head900 { display: none}
    section.sec0 img.head480 { display: block; position: absolute; top: 0; left: 50%; margin-left: -240px; max-width: none}
}



/* Top stories */
#Top_story { width:100%; height:40px; border-bottom: 1px solid #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin-bottom: 55px;}
#cube_flash { max-width:1198px; height:100%;  margin:0 auto; text-align: left; position: relative; box-sizing: border-box; padding-right:55px; }
#cube_flash .cube_flash { display: inline-block; height: 100%; overflow: hidden; float:left; position: relative;}
#cube_flash .cube_flash strong {display:inline-block; height: 100%; line-height: 39px; font-size: 18px; font-weight: bold; color:#333; position: absolute; top:0; left:0; letter-spacing:0 !important; font-family: 'Titillium Web'!important;}
#cube_flash .cube_flash strong { *letter-spacing:-0.5px !important;  } /*ie7*/
#cube_flash .cube_flash strong { letter-spacing:-0.5px \0/IE8+9 !important; letter-spacing:-0.5px\- !important; } /*ie8~9*/
#cube_flash .cube_flash strong { letter-spacing:-0.5px\-!important; } /*ie9~10*/
_:-ms-fullscreen, :root #cube_flash .cube_flash strong { letter-spacing:-0.5px !important; } /*ie11*/
#cube_flash .cube_flash .flash_btn { display:inline-block; height:18px; position: absolute; top:8px; left:110px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin-top:2px}
#cube_flash .cube_flash .flash_con a:hover {color:#333;}
#cube_flash .cube_flash .flash_btn a {display: block; width:18px; height:18px;background:#fff; float:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align: center;}
#cube_flash .cube_flash .flash_btn a:hover {background:#f5f5f5}
#cube_flash .cube_flash .flash_btn img { display: inline-block; width: 4px; vertical-align: middle; margin-top:1px; *margin-top:-2px; margin-top:-2px \0/IE8+9 ; margin-top:-2px\-;}
_:-ms-fullscreen, :root #cube_flash .cube_flash .flash_btn img { margin-top:-2px } 
#cube_flash .cube_flash .flash_con { display:inline-block; height:100%; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; padding-left: 180px; padding-right:60px;  }
#cube_flash .cube_flash .flash_con a { display: block; width: 100%; height: 18px; line-height:19px; font-size: 16px; margin-left: 5px; margin-top: 10px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
#cube_flash .cube_flash .flash_time { display:inline-block; height:12px; position: absolute; top:14px; right:0;}
#cube_flash .cube_flash .flash_time span { display:inline-block; height:12px; line-height: 12px; font-size: 12px; color:#999;}
#cube_flash .cube_flash .flash_time img { display: inline-block; width: 11px; height:11px; padding-left: 10px; padding-right:3px;}
.flash_btn_m { display: none;}
@media screen and (max-width:1200px){ 
    #Top_story { border-bottom: 0 none; }
    #cube_flash { border-bottom: 1px solid #eaeaea; }
}
@media screen and (max-width:900px){ 
    #Top_story { display: none;}
}

/* -------------------------------------- content/ common class style --------------------------------------*/

.imgFormWrap {display: block; width: 100%;height: 0;position: relative;overflow: hidden;padding:0 0 56.005% 0;}
.imgFormWrap span{display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.imgFormWrap span:after, .c_best_li .thumb:after {display: block; content: ""; width: 100%; height: 100%; border:1px solid rgba(0,0,0,0.05); position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.imgFormWrap span img{display: block; width: 100%; height: auto; min-height: 100%; max-width: none; }
.imgFormWrap .imgFormIcon {left: inherit; top:inherit; bottom:7px !important; right:7px !important; width:21px; height: 21px; background: rgba(255,255,255,0.8); border-radius: 50%; overflow: hidden; border:0 none; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);}
.imgFormWrap .imgFormIcon:after {display: block; content: ""; border:0 none; position: absolute; }
.imgFormWrap .imgFormIcon.play:after {width: 9px; height: 11px; top:5px; left:7px; background: url("../../images/common/m_play_icon.svg") no-repeat center; background-size: 100%;}
.imgFormWrap .imgFormIcon.jpg:after {width: 16px; height: 11px; top:5px; left:3px; background: url("../../images/common/m_img_icon.svg") no-repeat center; background-size: 100%;}
.imgFormWrap .imgFormTag {width:38px; height:20px; border:0 none; background: #ff42c6; color:#fff; font-size:15px; letter-spacing: 0; text-align: center; font-weight: bold }
.mm_hd {display: none;}
#photo_sec5 .imgFormWrap {padding:0 0 111.745% 0;}
#photo_sec6 .imgFormIcon {display: none;}

.contPadding, .contPadding2{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contPadding { width: 100%; padding:0 15px;} 
.contPadding2 { width: 100%; padding:0 10px;} 
.contPadding2 ul:after { content:""; display:block; clear:both; }
.contPadding2 ul li {width: 25%; float:left; padding:0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.m_lev2345_t {display: block; height: 40px; line-height: 20px; font-size: 15px; text-align: left;color:#000; margin:6px 0 15px 0; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break: break-all; }
/*photo*/
.photoLev .contPadding2 {margin:25px 0 0 0; padding:0 20px;}
.photoLev .contPadding2 a {display: block; height: 100%;}
.photoLev .contPadding2 ul li {padding:0 10px;}
.m_lev2345_t2 {display: block; width: 100%; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; font-size: 15px; font-weight: bold; margin: 10px auto; position: relative;}
.m_lev2345_t2:hover {text-decoration: underline}
.photoLev .m_lev2345_t {color:#666; height: 34px; line-height: 17px; font-size: 13px; margin-bottom:15px}

@media screen and (max-width:900px){
    .photoLev .contPadding2 {margin-top:10px; padding:0 10px;}
    .photoLev .contPadding2 ul li {padding:0 5px;}
    #photo_sec6 .imgFormIcon {display: block;}
    
    .mm_hd {display: block; margin-bottom: 10px; text-align: left; position: relative; z-index: 1; line-height: 0;}
    .mm_hd > div {border-bottom:1px solid #dcdcdc; position: relative}
    .mm_hd .htitle {height: 100%; display: inline-block; line-height: 45px; font-size: 17px; font-weight: bold; color:#000}
    .mm_hd .htitle .live {margin: 12px 3px 0 0; width: 44px;}
    .mm_hd_more {display: block; width: 40px; height: 40px; position: absolute; top:0; right:0; font-size: 0; text-indent: -9999px;}
    .mm_hd_more .arr {display:inline-block; width: 8px; height: 16px; position: absolute; top:15px; right:0; background:url("../../images/mainpage/mm_hd_more.svg") no-repeat; background-size: 100%; opacity: 0.5}
    
    .sec4_best_click .mm_hd, 
    .sec6 .mm_hd,
    .right_news_zone .mm_hd,
    .right_flash .mm_hd,
    .right_comment .mm_hd{margin-bottom: 0}
    .sec3 .contPadding, .sec_map .contPadding, .right_comment .contPadding{padding:0}
    .right_sub_con .mm_hd .htitle span, .photo_box .mm_hd .htitle span { color:#257bcd; }
    .right_comment .mm_hd .htitle {text-indent: 15px;}
    .sec6 .mm_hd {width: auto; margin:0 -15px; padding: 0; text-indent: 15px;}
    
    .m_lev2345_t2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; height: 40px; font-size: 15px; text-align: left; color: #000; margin: 6px 0 15px 0; white-space: inherit; font-weight: normal; position: relative; }
    .m_lev2345_t2:hover {text-decoration: none;}
    .photoLev .m_lev2345_t {display: none !important}
}

/* -------------------------------------- section 1 : news --------------------------------------*/
section.sec1 { max-width: 1198px; margin:0 auto; position: relative; }
section.sec1, section.sec1 *, section.sec1_m, section.sec1_m * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
section.sec1_m { display: none;}
section.sec1 h2{ position: absolute; left: -9999%; width: 1px; height: 1px; font-size: 0px; line-height: 0px;}
#oly_lev { width:100%; }
#oly_lev:after { content:""; display:block; clear:both; }

.ratio {position: relative; width: 100%; height: 0; overflow: hidden; }
.ratio_son {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.oly_lev1 {  width:57%; float:left; position: relative;}
.oly_lev1 .ratio {padding-bottom: 69.414%;}
.oly_lev1 .ratio_son {padding-right: 1.48%;}
.flip_wrap { width:20%; float:left; position: relative;}
.flip_wrap .ratio {padding-bottom: 197.84%;}
.flip_wrap .ratio_son {padding-right: 4.3103%;}
.map_chart { width: 23%; float:left; background:#fdfdfd;}
.map_chart .ratio {padding-bottom: 172.035%;}



/*sns common*/
.snsCircle { display: inline-block; font-size: 0; transition:all 0.3s ease-out;}
.snsCircle li{ display: inline-block; margin:0 2px;}
.snsCircle li a{display: block; height: 100%; font-size: 0; border-radius: 50%; text-indent:-9999px; transition:all 0.3s ease-out;}
.snsCircle li a span { display: block; height: 100%; }
.snsCircle li:nth-child(1) a{ background: #4d67a2;}
.snsCircle li:nth-child(1) a:hover{ background: #30487c;}
.snsCircle li:nth-child(1) a span{ background: url("../../images/election/facebook_white.svg") no-repeat center; }
.snsCircle li:nth-child(2) a{ background: #1da1f3;}
.snsCircle li:nth-child(2) a:hover{ background: #248fbe;}
.snsCircle li:nth-child(2) a span{ background: url("../../images/election/twitter_white.svg") no-repeat center; }
.snsCircle li:nth-child(3) a{ background: #f2d320;}
.snsCircle li:nth-child(3) a:hover{ background: #d4b91d;}
.snsCircle li:nth-child(3) a span{ background: url("../../images/election/kakao.svg") no-repeat center; }

.snsCircle.s1 { display: inline-block; width: auto;height: 66px; position: absolute; top:50%; left:50%; margin:-33px 0 0 -114px; opacity: 0; transition: none;}
.snsCircle.s1 li { width:66px; height: 66px; margin:0 5px;}
.snsCircle.s1 li:nth-child(1) a span{background-size:23px 32px; }
.snsCircle.s1 li:nth-child(2) a span{ background-size:25px 22px; }
.snsCircle.s1 li:nth-child(3) a span{ background-size:15px 28px; }
.snsCircle.s1 a:after {display: none;}

.snsCircle.s2 { height:38px; position: absolute; top:50%; left:50%; margin:-17px 0 0 -63px; z-index: 20; opacity: 0;}
.snsCircle.s2 li { width:38px; height: 38px; margin:0 2.5px;}
.snsCircle.s2 li:nth-child(1) a span{background-size:12px 20px; }
.snsCircle.s2 li:nth-child(2) a span{ background-size:19px 16px; }
.snsCircle.s2 li:nth-child(3) a span{ background-size:11px 19px; }
.card:nth-child(2) .snsCircle.s2 {margin:-13px 0 0 -63px;}

.snsCircle.s3 { margin-top: 15px;}
.snsCircle.s3 li{ width: 32px; height: 32px; margin:0 2px;}
.snsCircle.s3 li:nth-child(1) a:hover{ background: #4d67a2;}
.snsCircle.s3 li:nth-child(2) a:hover{ background: #1da1f3;}
.snsCircle.s3 li:nth-child(3) a:hover{ background: #f2d320;}
.snsCircle.s3 li:nth-child(1) a span{background-size:12px 20px; }
.snsCircle.s3 li:nth-child(2) a span{ background-size:19px 16px; }
.snsCircle.s3 li:nth-child(3) a span{ background-size:11px 19px; }

.snsCircle.s4 { height:38px; width:auto; position: absolute; top:67px; left:50%; margin:0 0 0 -63px; z-index: 20; opacity: 0;}
.snsCircle.s4 li { width:38px; height: 38px; margin:0 2.5px; }
.sec4_best_click > ul .snsCircle.s4 li a { border:0 none;}
.snsCircle.s4 li:nth-child(1) a span{background-size:12px 20px; }
.snsCircle.s4 li:nth-child(2) a span{ background-size:19px 16px; }
.snsCircle.s4 li:nth-child(3) a span{ background-size:11px 19px; }


@media screen and (max-width:1100px){ 
    .snsCircle.s1 {height: 60px; top:40%; margin:-33px 0 0 -105px;}
    .snsCircle.s1 li {width: 60px; height: 60px; margin:0 5px;}
}
@media screen and (max-width:1050px){
    .snsCircle.s2 { height:32px; margin:-13px 0 0 -54px; }
    .snsCircle.s2 li { width:32px; height: 32px; margin:0 2px;}
    .card:nth-child(2) .snsCircle.s2 {margin:-11px 0 0 -54px;}
    .snsCircle.s2 li:nth-child(1) a span{background-size:10px 18px; }
    .snsCircle.s2 li:nth-child(2) a span{ background-size:17px 14px; }
    .snsCircle.s2 li:nth-child(3) a span{ background-size:20px 17px; }
}
@media screen and (max-width:995px){
    .snsCircle.s2 { margin:-19px 0 0 -54px; }
    .card:nth-child(2) .snsCircle.s2 {margin:-15px 0 0 -54px;}
}
@media screen and (max-width:900px){
.snsCircle.s3 { margin-top: 0;}
}



/* 레벨 1 */
.levRatioCon { width: 100%; height: 100%; overflow: hidden; position: relative;}
.levRatioCon:after { display: block; content: ""; width:100%; height:100%; position: absolute; top:0; left: 0; border:1px solid #d6d6d6; opacity: 0.5;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1}
.levRatioCon ul { width: 200%;/*임시*/ height: 100%; }
.levRatioCon ul li {width: 50%; height: 100%; float:left; position: relative;}
.levRatioCon ul li a { display: block; height: 100%; width: 100%; overflow: hidden; position: relative;}
.levRatioCon ul li a img { display: block; height:auto; width:100%; min-height: 100%; }
.levRatioCon .lev_text { display: block; width:100%; height:100%; position: absolute; bottom:0; left:0px; overflow: hidden; content: ""; text-align: left; z-index: 10; }
.levRatioCon .lev_text:after { display: block; width: 100%; height:169px; content: ""; position: absolute; bottom:0; left: 0; background:rgba(0,0,0,0.5); transition:all 0.3s ease-out; z-index: 0}
.levRatioCon .lev_text div { height: 169px; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 10;}
.levRatioCon .lev_text div:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.levRatioCon .lev_text dl { display: inline-block; vertical-align: middle; color:#fff; padding:0 20px; z-index: 10; position: relative;}
.levRatioCon .lev_text dt { font-size: 24px; line-height: 30px; max-height:60px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-weight: bold; margin-top: -4px;}
.levRatioCon .lev_text dd.lev_text_con { font-size: 13px; line-height: 18px; max-height:36px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-top:7px; opacity: 0.65}
.levRatioCon .lev_text dd.lev_text_info { font-size:11px; opacity: 0.5; margin-top:14px;  }
.levRatioCon .lev_text dd.lev_text_info span { display: inline-block; padding-right: 12px; position: relative; line-height: 13px;}
.levRatioCon .lev_text dd.lev_text_info span:after { display: block; content:""; width: 1px; height:8px; position: absolute; top:3px; right:5px; background: #fff; opacity: 0.7; }
.levRatioCon .lev_text dd.lev_text_info span.last:after { display: none;}

/*hover*/
.levRatioCon.hover .lev_text:after {height: 100%; transition:all 0.3s ease-out;}
.levRatioCon.hover .snsCircle.s1 { opacity: 1; z-index: 50; }
.oly_lev1 > ul { width: 100%; height: 30px; position: absolute; bottom:-30px; left: 0; text-align: center}
.oly_lev1 > ul li { display: inline-block; width: 11px; height:11px; margin-right: 3px;}
.oly_lev1 > ul li a { display: block; width: 100%; height:100%; background: #fff; border-radius: 50%; margin-top:17px; border:1px solid #b0b0b0; }
.oly_lev1 > ul li.click a { background: #0283ff; border:1px solid #0283ff;}

@media screen and (max-width:1100px){ 
    .levRatioCon ul li a img { display: block; height:100%; width:100%; max-width:100%;}
}
@media screen and (max-width:900px){ 
    section.sec1 { display: none;}
    section.sec1_m { display: block; }

    .sec1_1_m {padding-top: 15px; border-top: 9px solid #eceeef; border-bottom: 1px solid #d8dbdf;}
    .sec1_2_m { width: 100%; height:100px;  border-top:9px solid #eceeef; padding: 5px 15px 5px 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; text-align: left;}
    .sec1_2_m li { width: 50%; height: 40px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height: 40px;  }
    .sec1_2_m li a { display: block; height: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:5px; font-size: 15px; color:#333; border-bottom: 1px solid #eceeef; }
    .sec1_2_m li.lev6_m a, .sec1_2_m li.lev7_m a{ border-bottom: 0 none;}
    .lev5_m, .lev7_m { padding-left: 10px;}/*right*/
    .lev2_m, .lev3_m { display: none;}
    
    
    .sec1_3_m { width: 100%; height:86px; border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; background: #bdc946; position: relative;}
    .sec1_3_m .sec1_3_m_t { width: 400px; position: absolute; top:15px; left:50%; margin-left: -200px; z-index: 10; text-align: left; }
    .sec1_3_m span { display:block; font-size: 16px; color:#36587e;}
    .sec1_3_m strong { display:block; font-size: 22px; color:#ff0000;}
    .sec1_3_m .sec1_3_m_bg { display: block; width: 480px; height:76px; position: absolute; top:0; left: 50%; margin-left:-240px; background: url("../../images/politics/900_01.jpg") no-repeat top right; z-index:1;}
}

@media screen and (max-width:640px){ 
    .contPadding2 ul li {width: 50%; }
    .sec1_1_m li:nth-child(3), .sec1_1_m li:nth-child(4) {display: none;}
    .sec1_2_m { height:210px; padding: 0 10px; }
    .sec1_2_m li { width: 100%; float:none; }
    .sec1_2_m li a { display: block; height: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:5px; font-size: 15px; }
    .lev5_m{ padding-left:0px;}
    .lev2_m, .lev3_m { display: block;}
    .sec1_2_m li.lev7_m a { border-bottom:0 none;}
    .lev7_m {display: none;}
}
@media screen and (max-width:480px){ 
    .sec1_3_m .sec1_3_m_t { width:310px; margin-left:-155px; top:20px; padding-left: 10px;}
    .sec1_3_m span { font-size: 14px; }
    .sec1_3_m strong { font-size: 18px; }
    .sec1_3_m .sec1_3_m_bg { width:320px; top:0; left: inherit; right:-50px; margin-left:0;}
}

/* CARD FLIP / 레벨 2 3 4 */
.card { width:100%; height:50%; position: relative} 
.card:nth-child(1) {padding-bottom: 2.109%;} 
.card:nth-child(2) {padding-top:2.109%;} 
.card > a { display: block; width:100%; height:100%; padding:10px; text-align: left; border:1px solid #d9d9d9; position: relative; z-index: 10;}
.cardThumb { display: block; height:55%; background:gray; border:0 none; overflow: hidden; position: relative;} 
.cardThumb:after { display: block; content: ""; width:100%; height:100%; position: absolute; top:0; left: 0; border:1px solid #d5d5d5; opacity: 0.5; }
.cardThumb:before { display: block; content: ""; width:100%; height:100%; position: absolute; top:0; left: 0; background: #000; opacity: 0; transition:all 0.3s ease-out;}
.cardThumb img { display: block; width: 100%; min-height: 100%;}
.card a dl { width: 100%; height: 45%; overflow: hidden;padding:13px 0 0 5px; }
.card a dt { width: 100%; height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size: 15px; color:#333; letter-spacing: -1px; font-size: 15px; font-weight: bold;}
.card a dd { width:100%; height:34px; line-height:17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size: 12px; color:#999; margin-top: 6px; letter-spacing: -1px; font-size: 12px;}
/*box*/.levRatioCon ul li:after, .levRatioCon .lev_text dl, .card > div a, .card > div, .card a dl, .cardThumb:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cover_box {display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; padding:10px;}
.cover_box > div { width: 100%; height:54%; position: relative}
/*hover*/
.card.hover a span:before { opacity: 0.5; }
.card.hover a dt {color:#000}
.card.hover a dd {color:#666}
.card.hover .snsCircle.s2{opacity: 1}

@media screen and (max-width:1148px){ 
    .card a dd { height:17px; -webkit-line-clamp:1; }
}
@media screen and (max-width:995px){ 
    .card > a { padding:0; }
    .card a dl {padding: 0; position: relative}
    .card a dt {position: absolute; top:50%; left: 0;padding: 0 10px; margin-top:-20px;}
    .card a dd { display: none;}
}


.mapchartCon {position: relative; height: 100%;}
.mapchartCon h4{width: 100%; height: 40px; background:#494949; line-height:38px; font-size:16px; font-weight: bold; color:#fff; text-align: left; text-indent: 15px; border:1px solid #151515; position: absolute; top:0; left: 0; }
.mapchartCon > a{position: absolute; right: 0; top: 0; display: block; height: 26px; padding: 13px 12px 0;}
.mapchartCon > a img {opacity: 0.4}
.mapchartCon > a:hover img {opacity: 1}
.mapchartCon > div { height: 100%; border:1px solid #d1d5d9; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding:50px 10px 10px 10px;}
.mapchartCon > div > div {width: 100%; height: 100%; /*border:1px solid rgba(0,0,0,0.05);*/ overflow: hidden}
.right_sub_con .mapchartCon > div {border:0 none; height: 430px;}
.right_sub_con .mapchartCon h4 {left:-1px;}
.mapchartCon > div:after {display: block; content: ""; width:100%; height:100%; position: absolute; top:0; left: 0; -webkit-box-shadow: inset 0px 0px 91px 0px rgba(0,0,0,0.09); -moz-box-shadow: inset 0px 0px 91px 0px rgba(0,0,0,0.09); box-shadow: inset 0px 0px 91px 0px rgba(0,0,0,0.09); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sec_map {display: none;}
@media screen and (max-width:900px){ 
    .sec_map {display:block;}
    section.sec_map { display: block; border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; position: relative; padding:0 15px;}
    .mapchartCon {height: 350px; margin-bottom:10px;}
    .mapchartCon > div { padding:10px; }
    .right_sub_con .mapchartCon h4, .right_sub_con .mapchartCon > a {display: none;}
    .right_sub_con .mapchartCon {padding:0 15px;}
    .right_sub_con .mapchartCon > div {border:1px solid #d1d5d9; width: 100%;}
    .map_chart_mNon {display: none;}
}




/* -------------------------------------- section 2 : timeline -------------------------------------- */
section.sec2_m { display: none;}
section.sec2 { width:100%; margin:70px auto 0 auto;}
section.sec2 h2 { width: 100%; height:33px;}
section.sec2 h2 img { display:inline-block; width:33px; height:33px; }
section.sec2 h2 > span { display: inline-block; height: 33px; line-height: 33px; color:#333; font-size: 24px; font-weight: bold; padding-left: 10px; }
section.sec2 h2 > span span {color:#328ce4}

.action .hover {display: none !important; }
.action .Nonhover {display: inline-block !important; }
.action:hover .hover {display:inline-block !important;}
.action:hover .Nonhover {display:none !important;}

.timeline {position:relative; max-width:1198px; height: 280px; margin: 25px auto 20px auto; box-sizing: border-box; }
.timeline * {box-sizing: border-box;}
.timeline:before {display:block; position: absolute; top:75px; left:0; width:100%; height:2px; background:url(../../images/election/blockchain_07.jpg) repeat-x; content: '';}
/*button*/
.timeline .time_btn { display:block; position: absolute; z-index: 30;}
.timeline .time_btn.count_front { width:39px; height: 23px; top:64px; left: -15px;}  
.timeline .time_btn.arrow_front { width:14px; height: 23px; top:64px; left: 22px;} 
.timeline .time_btn.arrow_back { width:14px; height: 23px; top:64px; right: 24px; } 
.timeline .time_btn.count_back { width:39px; height: 23px; top:64px; right: -15px; }
.visible-area {position:relative;  max-width:1050px; width: 100%; height: 250px; margin:0 auto; }

.visible-area .left_space_in { display:block; position: absolute; top:0; left:-74px; width:74px; height:203px; background-color:#fff; content: '';  }
.visible-area .left_space_in span { display: block; position: relative; width: 100%; height:2px; background:url(../../images/election/blockchain_07.jpg) repeat-x; margin-top: 75px; }
.visible-area .right_space_in { display:block; position: absolute; top:0; right:-74px; width:74px; height:203px; background-color:#fff; content: '';  }
.visible-area .right_space_in span { display: block; position: relative; width: 100%; height:2px; background:url(../../images/election/blockchain_07.jpg) repeat-x; margin-top: 75px; }
.issue-list {position: absolute; top:17px; left:0; max-width: 1198px; width: 100%;}
.issue-list li{display: block; position: relative; float:left; width:20%; height:213px; }
.issue-list li a {display: block; position:absolute; top:0; left:0; width:100%; height:100%; padding:5px 15px 0 15px; }
.issue-list .date {display:inline-block; height: 24px; padding:0 8px; position:relative; border: 1px solid #6f6f6f; background-color: #eaeaea; color: #666; line-height: 22px; text-align: center; font-size: 12px; letter-spacing: 0}
.issue-list .date:before {position: absolute; top:45px; left:50%; margin-left:-7.5px; display: block; width:15px; height:15px; border-radius:50%; border:1px solid #646464; background-color: #fff; content: ''; box-sizing: border-box; transition:all 0.4s ease-out;}  
.issue-list .date:after { display: block; content: ""; width:10px; height:11px; position: absolute; bottom:-11px; left:50%; background: url(../../images/politics/politics_10.png); margin-left: -5px;}

.issue-list .maintit {display: block; margin-top:65px; }
.issue-list .maintit > span { display: inline-block; position: relative}
.issue-list .title {display: inline-block; text-align: center; font-size:18px; line-height:24px; height:48px; overflow: hidden; font-weight:bold;}
.issue-list .subtitle{display: block; position:relative; overflow:hidden; height: 20px; line-height: 20px; font-size: 14px; color:#888; margin-top: 15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.issue-list .more { display:inline-block; width: 66px; height: 27px; font-size: 12px; text-align: center; color:#888; border:1px solid #b9b9b9; border-radius: 15px; line-height: 24px; margin-top: 5px;}
.issue-list .more span {}
.issue-list .more span img {display: inline-block; width: 7px; height: 7px; margin-top:9px;}
.issue-list .new_icon {display: none;}
/*Blue Contents*/
.issue-list .new .date {border: 1px solid #266bae; background: #4392dd; color: #fff;}
.issue-list .new .date:after { background: url(../../images/politics/politics_10_p.png);}
.issue-list .new .date:before {border:1px solid #266bae; background-color: #4392dd;}  
.issue-list .new .title {color:#247acd;}
.issue-list .new .new_icon { display: block; width: 27px; height: 13px; position: absolute; top:-15px; left:0;}
/*hover effect*/
.issue-list li a:hover .more { color:#fff; background: #555; border:1px solid #555; transition:all 0.3s ease-out; line-height: 26px;}
.issue-list li a:hover .title { color:#333;}
.issue-list li a:hover .date { color:#fff; background: #555;}
.issue-list li a:hover .date:before {border:1px solid #555; background-color: #555; width: 25px; height: 25px; top:40px; left:50%; margin-left:-12.5px;}
.issue-list li a:hover .date:after { background: url("../../images/election/blockchain_09.png");}
.issue-list li.new a:hover .more { color:#fff; background: #2b4680; border:1px solid #2b4680; transition:all 0.3s ease-out;}
.issue-list li.new a:hover .title { color:#2b4680;}
.issue-list li.new a:hover .date { background: #2b4680; border:1px solid #2b4680;}
.issue-list li.new a:hover .date:before {border:1px solid #2b4680; background-color: #2b4680;}
.issue-list li.new a:hover .date:after { background: url("../../images/election/blockchain_10.png");}

@media screen and (max-width:1198px){
    .visible-area .left_space_in,
    .visible-area .right_space_in {display: none;}
}

@media screen and (max-width:900px){
    section.sec2 { display: none;}
    section.sec2_m { display: block; border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; padding-bottom: 10px; position: relative;}
    section h3{ height:45px; font-size: 20px; font-weight:bold; color:#333; text-align: left; }
    section.sec2_m h3 span {display: block; width: 100%; height: 100%; border-bottom: 1px solid #e8e9ec; font-weight:bold;}

    /*모바일 스와이프 / 이슈 타임라인 */    
    .m_timeline_wrap { width: 100%; position: relative; }              
    .m_timeline_wrap div { width:100%; height:182px; margin-top: 10px;}
    .m_timeline_wrap div > ul { width: 100%; height:100%; position: absolute; top: 0; left:15px; overflow: hidden;}
    .m_timeline_wrap div > ul:after{ content:""; display:block; clear:both; }
    .m_timeline_wrap div > ul > li { width:210px; height:100%; float:left; text-align: center; padding-right: 5px;}
    .m_timeline_wrap div > ul > li a { display: block; width:100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px; text-align: left; color:#fff; position: relative;}
    .m_timeline_wrap div > ul > li a .date{ display: inline-block; width: 100%; height: 16px; font-size: 12px;}
    .m_timeline_wrap div > ul > li a .date span { display: inline-block; padding-left:17px; }
    .m_timeline_wrap div > ul > li a strong{ display: block; color:#fff; margin-top:25px; font-size: 16px; color:#fff; font-weight: normal; height:60px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
    .m_timeline_wrap div > ul > li a .new { display:inline-block; width: 27px; height: 13px; position: absolute; top:39px; left:16px; background: #fff; font-family: 'Titillium Web' !important; font-size: 10px; font-weight: bold; text-align: center; line-height: 13px;}
    .m_timeline_wrap div > ul > li a .issue_tit { display: block; opacity: 0.6; margin-top: 20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    .m_timeline_wrap div > ul > li a .more {display:inline-block; position: absolute; bottom:10px; right:15px; font-size: 12px;}
    
    /*type color*/
    .m_timeline_wrap div > ul > li.i_type01 a { background: #7b8e36; }
    .m_timeline_wrap div > ul > li.i_type01 a .date {color:#c3e254}
    .m_timeline_wrap div > ul > li.i_type01 a .new {color:#7b8e36; }
    .m_timeline_wrap div > ul > li.i_type01 a .date span { background: url("../../images/election/clock_type04.svg")no-repeat; background-size: 14px;}
    
    .m_timeline_wrap div > ul > li.i_type02 a { background: #34798d; }
    .m_timeline_wrap div > ul > li.i_type02 a .date {color:#5ac6e5}
    .m_timeline_wrap div > ul > li.i_type02 a .new {color:#34798d; }
    .m_timeline_wrap div > ul > li.i_type02 a .date span { background: url("../../images/election/clock_type03.svg")no-repeat; background-size: 14px;}
    
    .m_timeline_wrap div > ul > li.i_type03 a { background: #34508d; }
    .m_timeline_wrap div > ul > li.i_type03 a .new {color:#34508d; }
    .m_timeline_wrap div > ul > li.i_type03 a .date {color:#9bceff;}
    .m_timeline_wrap div > ul > li.i_type03 a .date span { background: url("../../images/election/clock_type01.svg")no-repeat; background-size: 14px;}
    
    .m_timeline_wrap div > ul > li.i_type04 a { background: #8a3564; }
    .m_timeline_wrap div > ul > li.i_type04 a .date {color:#e975b5}
    .m_timeline_wrap div > ul > li.i_type04 a .new {color:#8a3564; }
    .m_timeline_wrap div > ul > li.i_type04 a .date span { background: url("../../images/election/clock_type05.svg")no-repeat; background-size: 14px;}

    .m_timeline_wrap div > ul > li.i_type05 a { background: #43358a; }
    .m_timeline_wrap div > ul > li.i_type05 a .date {color:#a492ff}
    .m_timeline_wrap div > ul > li.i_type05 a .new {color:#43358a; }
    .m_timeline_wrap div > ul > li.i_type05 a .date span { background: url("../../images/election/clock_type02.svg")no-repeat; background-size: 14px;}
}

@media screen and (max-width:480px){
    section.sec2_m { padding-bottom: 10px;}
}
@media screen and (max-width:440px){
    section h3{ font-size:18px;}
}




/*-------------------------------------- section 3: tab --------------------------------------*/
section.sec3 { width: 100%; height:auto; background: #f0f0f0;}
section.sec3 h2 { width: 100%; height:37px; padding:70px 0 18px 0; }
section.sec3 h2 img { display:inline-block; width:33px; height:37px; }
section.sec3 h2 > span { display: inline-block; height: 37px; line-height: 37px; color:#333; font-size: 24px; font-weight: bold; padding-left: 10px; }
section.sec3 h6 { margin-bottom: 18px;}
section.sec3 h2 a { display: inline-block; width:21px; height: 21px; background: #333; border-radius: 50%; margin-top:7px; margin-left:7px;}
section.sec3 h2 a span { display: block; height: 100%; background: url("../../images/politics/politics_71.png") no-repeat; background-size:11px 12px; background-position: center;}
section.sec3 h2 a.close span { display: block; height: 100%; background: url("../../images/politics/politics_72.png") no-repeat; background-size:11px 12px; background-position: center;}
section.sec3 h6 span { display: block; font-size: 13px; color:#333; line-height: 20px; }
#tab_wrap { max-width: 1198px; margin: 5px auto 0 auto; }
#tab_wrap .tabs { height: 38px; font-size:0; text-align: center;}
#tab_wrap .tabs li { display: inline-block; width: 135px; height:40px; cursor: pointer; line-height:40px; overflow: hidden; position: relative; font-size:16px; color:#666; border-radius: 20px; background: #fff; margin-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#tab_wrap .tabs li:first-child {margin-left: 0;}
#tab_wrap .tabs li.active { color:#fff; font-weight: bold; background: #2c4985;}
#tab_wrap .tab_container { width: 100%; height:380px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
#tab_wrap .tab_container .tab_content { width: 100%; height: 300px; font-size: 12px; display: none; margin-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#tab_wrap .tab_container > span.click_drag { display: block; width: 100%; position: absolute; top:-12px; right:11px; text-align: right; font-size: 11px; color:#999;}
#tab_wrap .tab_container > span.click_drag .mobile_text { display: none;}
#tab_wrap .tab_container > span.tab_sns { display: block; width: 100%; height: 60px; line-height: 60px; position: absolute; bottom: 0; left: 0; border-top: 1px solid #cecece;}
#tab_wrap .tab_container > span.tab_sns > span { display: inline-block; margin-right: 10px; color: #666; font-size: 13px;}

@media screen and (max-width:900px){
    section.sec3 { width: 100%; height: auto; background: #fff; display: block; border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; }
    section.sec3 h2 { display: none;}
    section.sec3 h4 a {display: block; display: inline-block; width:21px; height: 21px; background: #333; border-radius: 50%; margin-top:10px; margin-left:7px;}
    section.sec3 h4 a span { display: block; height: 100%; background: url("../../images/politics/politics_71.png") no-repeat; background-size:11px 12px; background-position: center;}
    section.sec3 h4 a.close span { display: block; height: 100%; background: url("../../images/politics/politics_72.png") no-repeat; background-size:11px 12px; background-position: center;}
    section.sec3 h6 {display: none;}
    .trend_m {display: block; margin-bottom: 10px; line-height: 17px; }
    
    #tab_wrap .tabs { height: 80px; border-top:1px solid #eceeef;}
    #tab_wrap .tabs li { width: 33.33%; line-height:40px; border-bottom:1px solid #eceeef; border-right:1px solid #eceeef;font-size: 15px; border-radius: 0;margin:0}
    #tab_wrap .tabs li:nth-child(3n+1) {border-left:1px solid #eceeef;}
    #tab_wrap .tabs li.active { color:#333; padding-left:0; position: relative; font-weight: bold; background: #999; color:#fff; font-weight: normal;}
    #tab_wrap .tabs li.active:after { display: none; }

    #tab_wrap .tab_container { height: 363px;}   
    #tab_wrap .tab_container .tab_content { margin-top: 25px;}
    #tab_wrap .tab_container > span.click_drag .pc_text { display: none;}
    #tab_wrap .tab_container > span.click_drag .mobile_text { display: inline-block;}
    #tab_wrap .tab_container > span.tab_sns { height:32px; line-height:32px; padding: 15px 0;}
    #tab_wrap .tab_container > span.tab_sns a { margin-top:0;}    
}

@media screen and (max-width:480px){
    section.sec3 h2 > span { font-size: 18px; margin-bottom: 10px; margin-top: 10px; }
    section.sec3 h2 a { margin-top:10px; }
    #tab_wrap { margin-bottom: 0; }
    #tab_wrap .tabs { height: 120px; }
    #tab_wrap .tabs li { width: 50%; }
    #tab_wrap .tabs li:nth-child(3n+1) {border-left:0 none;}
    #tab_wrap .tabs li:nth-child(2n+1) {border-left:1px solid #eceeef;}
    #tab_wrap .tab_container { height: 355px;}   
    #tab_wrap .tab_container > span.tab_sns {padding: 10px 0;}
}

/*-------------------------------------- section 4: bestClick --------------------------------------*/
section.sec4 { max-width:1198px; margin:0 auto; position: relative; margin:70px auto;}
section.sec4 h2 { position: absolute; left: -9999%; width: 1px; height: 1px; overflow: hidden; font-size: 0px; line-height: 0px;}
section.sec4 > div:after { content:""; display:block; clear:both; }
section.sec4 > div > div { height: 100%; overflow: hidden; float:left;}
section.sec4 > div > div h3 { height: 27px; text-align: left; color:#333; font-size: 18px; font-weight: bold; position: relative;}
section.sec4 > div > div ul { width: 100%; }
section.sec4 > div > div ul li a { display: block; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*bestClick*/
.sec4_best_click { width:65.1%; }
.sec4_best_click > ul { width: 100%; height: 333px;}
.sec4_best_click > ul > li { width: 33.33%; float: left; height: 100%; position: relative;}
.sec4_best_click > ul > li > a { display: block; height: 100%; border:1px solid #d5d5d5; border-left:0 none; position: relative; background:#fff; transition:all 0.3s ease-out }
.sec4_best_click > ul > li:first-child a { border-left:1px solid #d5d5d5; }
.sec4_best_click > ul > li a .thumb { width: 100%; height:162px; overflow: hidden; position: relative;}
.sec4_best_click > ul > li a .thumb img { min-height: 100%; width:259px; position: absolute; top:0; left: 50%; margin-left: -129.5px; max-width: inherit}
.sec4_best_click > ul > li a dl { height: 169px; padding: 15px 10px 17px 10px; text-align: left;}
.sec4_best_click > ul > li a dl dt { height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size: 16px; color:#000; font-weight: bold; }
.sec4_best_click > ul > li:nth-child(1) a dl dt, .sec4_best_click > ul > li:nth-child(2) a dl dt{border-top: 0 none;}
.sec4_best_click > ul > li a dl dt strong { display:none;}
.sec4_best_click > ul > li a dl dd.best_con { height:56px; line-height:18px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; font-size: 13px; color:#666; margin-top: 10px;}
.sec4_best_click > ul > li a dl dd.best_date {font-size: 11px; color:#999; margin-top: 15px;}
.sec4_best_click > ul > li a dl dd.best_date span { display: inline-block; padding-right: 10px; position: relative;}
.sec4_best_click > ul > li a dl dd.best_date span:after { display: block; content: ""; width: 1px; height: 9px; background: #dcdcdc; position: absolute; top:2px; right:4px;}
.sec4_best_click > ul > li a dl dd.best_date span.last:after { display: none;}
.sec4_best_click > ul > li a dl dd.best_cube { width: 30px; height:30px; position: absolute; bottom:0; right:0; background: #ff8626; color:#fff; font-size: 14px; text-align: center; line-height: 29px;}
.sec4_best_click > ul > li.mobile_none { display: none;}
.sec4_best_click .cover_box {position: static; padding:0; height: inherit; width: inherit; display: none;}
/*hover*/
.sec4_best_click li.over .cover_box {display: block;}
.sec4_best_click li.over .cover_box .snsCircle.s4{opacity: 1}
.sec4_best_click > ul > li.over > a {background: #ff8626;}
.sec4_best_click > ul > li.over a .thumb:after {display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background:rgba(0,0,0,0.5)}
.sec4_best_click > ul > li.over a dl dt { color:#fff; }
.sec4_best_click > ul > li.over a dl dd.best_con { color:#fff; opacity: 0.7; }
.sec4_best_click > ul > li.over a dl dd.best_date { color:#fff; opacity: 0.5; }
.sec4_best_click > ul > li.over a dl dd.best_cube { background: #c7691e; }
/*photo*/ 
section.sec4 > div > div h3.sec4_tit_m { display: none;}
section.sec4 > div > div h3 a { display: inline-block; text-align: right; height: 27px; line-height: 20px; position: absolute; top:0; right:0; font-size:11px; color:#999; font-weight: normal; padding-right: 2px;}
section.sec4 > div > div h3 a img { display: inline-block; width:7px; height:7px; margin-top:6px;}
section.sec4 > div > div h3 a:hover { color:#666; }
.sec4_photo { width:34.9%; padding-left:20px; }
.photo_con_m {display: none;}
.photo_con ul { width: 100%; height: 333px;}
.photo_con ul li { width:50%; float:left; height:50%; position: relative; border-right:1px solid #dadada; }
.photo_list1, .photo_list2 {border-top:1px solid #dadada;}
.photo_list1, .photo_list3 {border-left:1px solid #dadada;}
.photo_list3, .photo_list4 { border-bottom:1px solid #dadada;}
.photo_con ul li .thumb { width: 100%; height:113px; overflow: hidden; position: relative}
.photo_con ul li .thumb img { display: block; width: 243px; min-height: 100%; max-width: inherit; position: absolute; top:0; left: 50%; margin-left:-121.5px; }
.photo_con ul li a dl { width: 100%; height:53px; position: absolute; bottom: 0; left: 0; background:#fff; padding:8px 10px; text-align: left;}
.photo_con ul li a dl dt { width: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 13px; }
.photo_con ul li a dl dd { display: inline-block; height:10px; position: absolute; bottom:10px; right:10px;}
.photo_con ul li a dl dd img { display: inline-block; width: 10px; height:10px;}
.photo_con ul li a dl dd span {display: inline-block; height: 10px; line-height: 10px; padding-left:3px; color:#fc4848; font-size: 10.2px}
/*hover*/
.photo_con ul li a.over dl {background: #f3f3f3; }
.photo_con ul li a.over dl dt { color:#000; }
/*box*/
section.sec4 > div .best_click ul li a, .sec4_best_click > ul > li a dl,
.sec4_photo, .photo_con ul li, .photo_con ul li dl{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width:1100px){ 
    .sec4_best_click { width:75%; }
    .sec4_photo { width:25%; padding-left:20px; }
    .photo_con ul li { width: 100%; float:none;}
    .photo_list2, .photo_list4 { display: none;}
}

@media screen and (max-width:900px){
    section.sec4 { max-width:100%; height: auto; margin:0 auto; position: relative; margin-top:0px; padding:0!important;}
    section.sec4 > div > div { height: 100%; overflow: hidden; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    section.sec4 > div > div h3 {display: none;}
    
    /*bestClick*/
    .sec4_best_click { width:100%; height: 271px; border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; padding:0 0 7px 0}
    .sec4_best_click > ul { width: 100%; height:200px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 5px;}
    .sec4_best_click > ul > li { width: 50%; height:40px;}
    .sec4_best_click > ul > li.mobile_none { display: block;}
    .sec4_best_click > ul > li a { border:0 none; position: relative;}
    .sec4_best_click > ul > li a dl { height:40px; padding:0 10px ; }
    .sec4_best_click > ul > li a dl dt { height:40px; line-height:40px; -webkit-line-clamp:1;font-size: 15px; color:#333; font-weight: normal; border-top:1px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 5px; }
    .sec4_best_click > ul > li a dl dt strong { display:inline-block; color:#0078bd; font-size: 15px; font-weight: bold; padding: 0 13px 0 7px}
    .sec4_best_click > ul > li a dl dt strong.mobile_num10 { text-indent: -4px; padding: 0 10px 0 7px}
    .sec4_best_click > ul > li a .thumb, .sec4_best_click > ul > li a dl dd { display: none !important;}
    .sec4_best_click > ul > li:first-child a { border-left:0 none; }
    .sec4_best_click > ul > li.over a dl dt { color:#333; }
    /*hover*/
    .sec4_best_click li.over .cover_box {display: none;}
    .sec4_best_click li.over .cover_box .snsCircle.s4{opacity:0}
    .sec4_best_click > ul > li.over > a {background: none;}
    
    /*photo*/
    section.sec4 > div > div h3.sec4_tit_pc { display: none;} 
    /*.sec4_photo a span {position:relative; display:inline-block; height: 22px; font-size: 22px; vertical-align: top; }
    .sec4_photo a span:before {position: absolute; top:0; left:43px; width:18px; height:18px; border-radius:50%;  background-color:#333; content: '';}
    .sec4_photo a span:after  {position: absolute; top:0; left:43px; width:18px; height:18px; background:url('../../images/politics/politics_29_2.png') no-repeat; content: '';}*/
    .sec4_photo { width:100%; height: auto; padding-left:0px; border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; }
    .photo_con {display: none; } 
    .photo_con_m {display: block;}
   
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
    .sec4_best_click { padding-bottom:0px}
    .sec4_best_click > ul > li { width: 100%;}
    .sec4_best_click > ul > li.best5to10 { display: none;}
}

/*-------------------------------------- section 5: multi --------------------------------------*/
section.sec5 { width: 100%; background: #f0f0f0; padding-bottom:70px; }
section.sec5_m { display: none;}
section.sec5 h2 { width: 100%; height:40px; padding:70px 0 34px 0; }
section.sec5 h2 img { display:inline-block; width:40px; height:40px; }
section.sec5 h2 span { display: inline-block; height: 40px; line-height: 40px; color:#333; font-size: 24px; font-weight: bold; padding-left: 10px; }
.usa { max-width: 1198px; margin:0 auto; position: relative;  }
.usa > a {width: 35px !important; height: 35px !important; position: absolute; top:50%; margin-top: -17.5px; font-size: 0; text-indent: -9999px; border:1px solid #ced2d7; border-radius: 50%; transition:all 0.3s ease-out}
.usa > a:hover {border:1px solid #666;}
.usa > a span {display: block; width:8px; height: 16px; background: url("../../images/mainpage/sec3_arr.png") no-repeat;}
.usa > a.left_arr { left:-45px;background: #fff; transition:all 0.3s ease-out}
.usa > a.left_arr:hover, .usa > a.right_arr:hover { background:#666; }
.usa > a.left_arr span {background-position: 0 0; margin: 9px 0 0 12px;}
.usa > a.left_arr:hover span {background-position: 0 -16px;}
.usa > a.right_arr { right:-45px;background: #fff;}
.usa > a.right_arr span {background-position: -8px 0; margin: 9px 0 0 14px;}
.usa > a.right_arr:hover span {background-position: -8px -16px;}

.bnrs-wrap { box-sizing:border-box; position: relative; max-width: 100%; height: 0; overflow: hidden; padding-bottom: 27.5%; }
.bnrs-wrap > div  {position:relative; overflow:hidden; position: absolute; top:0; left:0; width: 100%; height: 100%;}
.bnrs-list {position:relative; height:100%; }
.bnrs-list li { width: 25%; height: auto; background-color: #fff; float:left}
.bnrs-list li a { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 110.6%;}
/* 1278 */
@media screen and (max-width:1278px){
.usa { padding-right: 55px; padding-left: 55px; }
.usa > a.left_arr { left:9px; }
.usa > a.right_arr { right:9px; }
}
/* 900 */
@media screen and (max-width:900px){
    .bnrs-wrap { padding-bottom: 36%; }
    .bnrs-list li { width: 33.33%; }
    
    section.sec5 { display: none; }
    section.sec5_m { display: block; width: 100%; height:310px; border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    /*모바일 스와이프 */    
    .m_multi { width: 100%; position: relative; }              
    .m_multi div { width:100%; height:234px; }
    .m_multi div > ul { width: 100%; height:100%; position: absolute; top: 0; left:15px; overflow: hidden;}
    .m_multi div > ul:after{ content:""; display:block; clear:both; }
    .m_multi div > ul > li { width:215px; height:234px; float:left; text-align: center; }
    .m_multi div > ul > li a { display: block; width:210px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
    .m_multi div > ul > li a img { width: 100%; height:100%;}
}
@media screen and (max-width:640px){
    .bnrs-wrap { padding-bottom: 55%; }
    .bnrs-list li { width: 50%; }
    .usa { padding-right:40px; padding-left:40px;}
}


/*-------------------------------------- section 6: flash --------------------------------------*/
section.sec6 { width:100%; overflow: hidden; position: relative;}
section.sec6 h2 { max-width: 1198px; height: 36px; line-height: 35px; margin:70px auto 62px auto; position: relative; z-index: 10; font-size: 24px; color:#333; font-weight: bold;}
section.sec6 h2 span { display: inline-block; height: 36px; line-height: 35px; }
section.sec6 h2 img { display: inline-block; width:76px; height: 36px; margin-right:8px;}
/*contents*/
section.sec6 ul { max-width: 1198px; margin:0 auto; position: relative;}
section.sec6 ul li { width: 100%; height: 116px; overflow: hidden; text-align: left; margin-bottom:45px;}
section.sec6 ul li:after { display: block; content: ""; width: 1px; height:100%; position: absolute; top:0; left:67px; background: #646464; }/*시계줄*/
section.sec6 ul li a { display: block; height: 100%; position: relative;}
section.sec6 ul li .sec6_time { width: 144px; height: 100%; float: left; position: absolute; top:0; left: 0;}
section.sec6 ul li .sec6_time:after { display: block; content: ""; width:28px; height:28px; position: absolute; top:0; left:54px; background:url(../../images/politics/politics_15.png); z-index: 10; } /*시계*/
section.sec6 ul li .sec6_time:before { display: block; content: ""; width: 7px; height:13px; position: absolute; top:7px; right:15px; background:url(../../images/politics/politics_16.png);}
section.sec6 ul li .sec6_time span { display: block; width: 50px; height: 29px; line-height: 29px; text-align: right; color:#646464; font-size: 12px;}
section.sec6 ul li dl { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:220px; position: relative; padding-left: 144px;}
section.sec6 ul li a dl dt { width: 100%; line-height: 27px; font-size:20px; color:#000; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
section.sec6 ul li dl dd.sec6_news_con { width: 100%; height:57px; line-height:19px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; font-size: 13px; margin-top: 13px; color:#666;}
section.sec6 ul li dl dd.sec6_news_info { font-size: 11px; color:#999; margin-top: 6px;}
section.sec6 ul li dl dd.sec6_news_info > span { display: inline-block; padding-right: 13px; position: relative;}
section.sec6 ul li dl dd.sec6_news_info > span:after { display: block; content: ""; width:1px; height:8px; position: absolute; top:3px; left:-6px; background:#dcdcdc; z-index: 10; } 
section.sec6 ul li dl dd.sec6_news_info > span.first_info:after { display: none;}
section.sec6 ul li dl dd.sec6_news_info > span:nth-child(2) { letter-spacing: 0;}
section.sec6 ul li a .sec6_news_img { width: 190px; height: 110px; overflow: hidden; position: absolute; top:6px; right:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
section.sec6 ul li a .sec6_news_img img { display:block; width:100%; min-height: 100%;}
section.sec6 ul li a .sec6_news_img:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border:1px solid #e6e8eb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0.5}
/*first:red*/
section.sec6 ul li.sec6_red { margin-top:0; }
section.sec6 ul li.sec6_red .sec6_time:after {background:url(../../images/politics/politics_14.png);}
section.sec6 ul li.sec6_red .sec6_time span { color:#ff0000;}
/*img(:not)*/
section.sec6 ul li.sec6_noimg dl { padding-right:10px;}
section.sec6 ul li.sec6_noimg dl dd.sec6_news_img { display: none;}
/*more btn*/
section.sec6 .sec6_m_more { display: none;}.sec6_pc_more { height: 47px; margin-top: -15px; }.sec6_pc_more a:link,.sec6_pc_more a:visited { display: block; height:100%; background: url(../../images/politics/politics_17.png) no-repeat top center;}.sec6_pc_more a:hover,.sec6_pc_more a:focus { background: url(../../images/politics/politics_17_on.png) no-repeat top center;}.sec6_pc_more a span { display: block; padding-top: 30px; color:#333; font-size: 15px;}.sec6_pc_more a:hover span,.sec6_pc_more a:focus span{ color:#ff0000;}


@media screen and (max-width:900px){
    section.sec6 { border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 15px; padding:0 !important; }
    section.sec6 h2 {display: none;}
    section.sec6 .mm_hd img { width:44px; height: 23px; margin-right:5px; margin-top: 11px;}
    /*contents*/
    section.sec6 ul{margin-top: -1px;}
    section.sec6 ul li { height: 113px; overflow: hidden; margin-bottom:0; border-bottom: 1px solid #e6e8eb; }
    section.sec6 ul li.sec6_first_li, section.sec6 ul li:first-child { border-top: 1px solid #dcdcdc; }
    section.sec6 ul li .sec6_time { width:62px; background: #efefef; border-right: 1px solid #e6e8eb; }
    section.sec6 ul li .sec6_time:after { width:18px; height:18px; top:38px; left:50%; margin-left:-9px; background-size:18px; background-repeat: no-repeat; } /*시계*/
    section.sec6 ul li .sec6_time span { width:100%; height: 25px; line-height: 25px; text-align: center; color:#333; margin-top: 56px; }
    
    section.sec6 ul li .sec6_con { width: 100%; height:100%;}
    section.sec6 ul li .sec6_con:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
    section.sec6 ul li dl { display:inline-block; vertical-align: middle; height: auto; padding-right:180px; position: relative; padding-left:83px;}
    section.sec6 ul li a dl dt { font-size:18px; color:#333; font-weight: normal; white-space:inherit; overflow:hidden; text-overflow: ellipsis; max-height:44px; line-height:22px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
    section.sec6 ul li dl dd.sec6_news_info { font-size: 12px; margin-top:10px;}
    section.sec6 ul li dl dd.sec6_news_info span:after { top:3px;} 
    section.sec6 ul li dl dd.sec6_news_info span:nth-child(2) span { display: none;}
    section.sec6 ul li a .sec6_news_img { width:151px; height:83px; top:15px; right:15px; }
    section.sec6 ul li a .sec6_news_img span { display: block; height: 100%; position: relative;}
    /*first:red*/ section.sec6 ul li.sec6_red .sec6_time:after {background-size:18px; background-repeat: no-repeat; }
    /*btn*/
    section.sec6 .sec6_m_more { display: block; width: 100%; height:28px; margin-top: 15px; margin-bottom: 15px;}
    section.sec6 .sec6_m_more img { display: inline-block; height: 28px; width: 28px; margin-right: 5px; background: #257acd; border-radius: 50%;}
    section.sec6 .sec6_m_more span { display: inline-block; height: inherit; line-height:inherit; color:#257bcd; font-size:15px; padding-top:5px;}
    /*none*/.sec6_pc_more,
    section.sec6 ul li:after,
    section.sec6 ul li .sec6_time:before,
    section.sec6 ul li dl dd.sec6_news_con,
    section.sec6 ul li dl dd.sec6_news_info span.first_info:after { display: none;}
}

@media screen and (max-width:480px){
    section.sec6 h2 { height: 22px; line-height: 22px; font-size:18px; margin-bottom: 10px; margin-top: 10px; }
    section.sec6 h2 span { font-size:18px; }
    section.sec6 h2 img { height: 22px; }
    /*contents*/
    section.sec6 ul li { height:90px;}
    section.sec6 ul li .sec6_time { width:48px; }
    section.sec6 ul li .sec6_time:after { top:29px; } /*시계*/
    section.sec6 ul li .sec6_time span { height:16px; line-height:16px; margin-top: 50px; font-size: 11px; }
    section.sec6 ul li dl { padding-right:125px; padding-left:58px;}
    section.sec6 ul li a dl dt { font-size:15px; max-height:40px; line-height:20px; }
    section.sec6 ul li dl dd.sec6_news_info { font-size: 12px; margin-top:5px;}
    section.sec6 ul li a .sec6_news_img { width:107px; height:59px; top:15px; right:10px; }
    /*btn*/
    section.sec6 .sec6_m_more { margin-top: 10px; margin-bottom: 10px;}
    
}
@media screen and (max-width:380px){ 
    section.sec6 ul li dl dd.sec6_news_info span:nth-child(3) { display: none; }
}


/*-------------------------------------- sub2: 뉴스페이지 --------------------------------------*/
.sub_wrap { max-width: 1198px; margin:0 auto; position: relative;}
.block2{  min-height: 1984px }
.sub_wrap3 { max-width: 1198px; margin:0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px;} /*photo*/
.sub_wrap > * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto;}
.sub_wrap .left_sub_con { max-width:1198px; }
.sub_wrap .left_sub_con h3 { text-align: left; font-weight: bold; font-size:16px; color:#000; padding-bottom:8px; }
.sub_wrap .right_sub_con { max-width:300px; position: absolute; top:0; right:0;}
/*왼쪽 컨텐츠 860만들기 */
.newest, .gg { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; }

@media screen and (max-width:1218px){ 
    .data_sec_wrap {padding:0 10px;}
}
@media screen and (max-width:1200px){ 
    .sub_wrap #l-left.left_sub_con { padding-left:10px; width: 71%;}
    .sub_wrap .right_sub_con { padding-right: 10px; }
}
@media screen and (max-width:1023px){ 
    .sub_wrap #l-left.left_sub_con { padding-left:10px; width: 70%;}
    .sub_wrap .right_sub_con { padding-right: 10px; }
    .sub_wrap3 { margin-bottom: 50px;}
}
@media screen and (max-width:900px){ 
    .sub_wrap3 { padding:0;} 
    .data_sec_wrap {padding:0;}
    .sub_wrap #l-left.left_sub_con { padding:0 0; width: 100%; }
    .sub_wrap .right_sub_con { position: static; max-width:100%; padding:0 0px; }
    /*왼쪽 컨텐츠 860만들기 */
    .newest, .gg { padding-right: 0px; }
    #l-left, #l-right {padding:0 !important; margin:0;}
    #contents-article-list {margin:0}
}
@media screen and (max-width:768px){ 
    .sub_wrap3 { margin-bottom:0px;}
}
/*-------------- 왼쪽 콘텐츠 ------------*/
/*이 시각 주요 뉴스*/
.sub_wrap .left_sub_con .core_news h3 { padding:5px 0 10px 0;}
.core_news { width: 100%; position: relative; padding-bottom:40px; margin-bottom: 0; }
/*sns 스르르 버튼 호버*/
.core_control { width:51px; height: 24px; position: absolute; top:0; right:10px;  }
.core_control li { width: 24px; height:24px; position:relative; float:left;}
.core_control li:first-child { margin-right: 3px}
.core_control li a {overflow: hidden; display:block; width:100%; height:100%; border-radius:50%; text-indent: -9999em; }
.core_control li a span {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.core_control li a .line {z-index:30; position:absolute; top:0; left:0; display:block; width:100%; height:100%; border-radius:50%; opacity:0.5; transition:all 0.5s ease-out; border:1px solid #ced2d7;}
.core_control li a .bg {z-index:10; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transition:all 0.5s ease-out; border-radius:50%;  }
.core_control li a:hover .line {opacity: 0;}
.core_control li a:hover .bg   {background-color: #4c4c4c; }
.core_control li:first-child a .ico  {z-index:20; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url("../../images/politics/politics_52.png") no-repeat; background-position: center center; transition:all 0.5s ease-out;}
.core_control li:first-child a:hover .ico  {background: url("../../images/politics/politics_52_on.png") no-repeat; background-position: center center;}
.core_control li a .ico  {z-index:20; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url("../../images/politics/politics_53.png") no-repeat; background-position: center center; transition:all 0.5s ease-out;}
.core_control li a:hover .ico  {background: url("../../images/politics/politics_53_on.png") no-repeat; background-position: center center;}
.cube_box { width: 100%; overflow: hidden;}
.cube_box > div > ul { width: 100%; /*임시*/ height: 100%; }
.cube_box > div > ul > li { width: 33.33333333%; height: 100%; float:left; padding-right: 10px; }
.cube_box > div > ul > li a { display: block; width: 100%; height: 100%; border:1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cube_box .imgFormWrap span:after{display: none;}
.cube_box strong { display: block; height: 38px; font-size: 16px; color:#fff; font-weight: bold; line-height: 38px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; background: #4990d5; padding:0 10px 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center}
.bxconLi { text-align: left; padding:12px 15px 15px 15px; height:125px;}
.bxconLi li { white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.bxconLi .cube_con { position:relative; color:#666; text-indent: 5px; font-size: 14px; line-height: 25px; }
.bxconLi .cube_con:after { display: block; content: ""; width:2px; height:3px; position: absolute; top:12px; left: 0; background: url("../../images/politics/politics_47.png") no-repeat; }
.bxconLi .cube_date { color:#999; font-size: 12px; letter-spacing: 0;  text-align: center; margin-top: 9px;}
.bxconLi .cube_date img { display: inline-block; width: 7px; height:7px; margin-top:4px; padding-right: 4px;}
.cube_box > div > ul, .cube_box > div > ul > li, .bxconLi { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

@media screen and (max-width:900px){ 
    .core_news {border-bottom:1px solid #d8dbdf; border-top:9px solid #eceeef; padding-bottom: 10px;}
    .sub_wrap .left_sub_con h3 { text-align: center; font-size:22px; color:#333; padding-bottom:0px; }
    .sub_wrap .left_sub_con .core_news h3 {display: none;}
    .core_control { display: none; }
    .cube_box { width: 100%; height:inherit; overflow: hidden; position: relative;}
    .cube_box > div { width:100%; height:275px; }
    .cube_box > div > ul { width: 100%; /*임시*/ height: 100%; position: absolute; top: 0; left:15px; }
    .cube_box > div > ul:after{ content:""; display:block; clear:both; }
    .cube_box > div > ul > li { width: 215px; height:100%; float:left; text-align: center; padding-right:0; }
    .cube_box > div > ul > li a { width: 210px; border:0 none; }
    .cube_box .imgFormWrap span:after{display: block; border:1px solid #e1e1e1; border-bottom: 0 none;}
    .bxconLi { height: 118px; text-align: left; padding:9px 10px; border:1px solid #e1e1e1; border-bottom:1px solid #bfc1c3; border-top: 0;}
    .bxconLi .cube_con { position:relative; color:#666; text-indent: 5px; line-height: 24px; font-size: 13px; text-align: left;}
    .bxconLi .cube_con:after { width:3px; height:3px; top:10px; background: url("../../images/politics/politics_28.png") no-repeat; }
}
@media screen and (max-width:480px){
    .sub_wrap .left_sub_con h3 { text-align: center; font-size:18px; color:#333; padding-bottom:0px; }
    .sub_wrap .left_sub_con .core_news h3 { padding:10px 0 10px 0;}
    .bxconLi .cube_con:after { display: none;}
    .bxconLi .cube_con { text-indent: 0;}
}



/*최신뉴스*/
.newest { width:100%;}
.newest li { border-top: 1px solid #ced2d7; padding: 25px 0 22px 0; position: relative;}
/*img*/
.newest li .newest_img { display: block; width: 235px; position: absolute; top:25px; right:0;}
.newest li .newest_img span.newest_thumb{ display: block; width:235px; height: 143px; position: relative; overflow: hidden; }
.newest li .newest_img span.newest_thumb:after { display: block; content: ""; width: 100%; height:100%; border:1px solid #e8e9ec; position: absolute; top: 0; left: 0; z-index: 50; opacity: 0.5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.newest li .newest_img span img { display: block; width: 100%; min-height: 100%;}
.newest li .newest_img span:nth-child(2) { display: block; font-size: 12px; text-align: left; padding-top:15px; height:32px; line-height:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; color:#666;}
.newest li .newest_img:hover span:nth-child(2), .newest li .newest_img:focus span:nth-child(2) { color:#000}
/*big title*/
.newest li .newest_lev1#m { display: none;}
.newest li .newest_lev1 { display: block; width: 100%; padding-right: 265px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: left;}
.newest li .newest_lev1 strong { display: block; font-size: 22px; color:#333; line-height: 28px; max-height:56px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.newest li .newest_lev1 span.newest_lev1_con { display: block; height:40px; line-height:20px; margin:10px 0 18px 0; color:#999; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.newest li .newest_lev1 span.newest_lev1_img, .newest li .newest_lev1 span.newest_lev1_info { display: none;}
.newest li .newest_lev1:hover strong, .newest li .newest_lev1:focus strong, 
.newest_lev234:hover, .newest_lev234:focus  { color:#247acd; }
.newest li .newest_lev1:hover span, .newest li .newest_lev1:focus span { color:#333; }
/*small title*/
.newest_lev234 { display: block; width: 100%; padding-right: 290px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: left; line-height:35px; font-size: 16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.newest_lev5 { display: none;}
.newest .lev1 {display: none;}


@media screen and (max-width:900px){
    .newest > h3 { display: none; }
    .newest li { border-top:9px solid #eceeef; border-bottom:1px solid #d8dbdf; padding:0 15px 0 15px; }
    .newest li .newest_img, 
    .newest li .newest_lev1 {display: none;}
    .newest .lev1, .newest .lev1 * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .newest .lev1 { display: block; padding: 0 200px 0 0; position: relative; min-height: 121px; /*display: table;*/ text-align: left}
    .newest .lev1.no_img { padding:0; min-height:auto; }
    .newest .lev1:after { display: block; content: ""; width:200px; height:1px; background:#eceeef;  position: absolute; bottom:-1px; left: 50%; margin-left: -100px; padding: 0 10px; }
    .newest .lev1 .cateText { display: block; height: 100%; }
    .newest .lev1 strong { max-height:52px; line-height: 24px; font-size: 17px; color:#000; margin-top: 15px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all;}
    .newest .lev1.no_img strong { margin:15px 0}
    .mmsn_con { display: block; height:40px; line-height: 20px; overflow:hidden; margin:6px 0 7px 0; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all;}
    .mmsn_con span {height:100%; line-height:20px; color:#666; font-size: 14px; }
    .cateImg { display: block; width:190px; position: absolute; top:0; right:0;}
    .mCon_writer { display: block; font-size: 13px; color:#999; margin-bottom:10px;}
    .mCon_writer > span { display: inline-block; padding-right: 13px; position: relative;}
    .mCon_writer > span:after { display: block; content: ""; width:1px; height:8px; position: absolute; top:3px; left:-6px; background:#dcdcdc; z-index: 10; } 
    .mCon_writer > span:nth-child(2) { letter-spacing: 0;}
    .mCon_writer > span:first-child:after { display: none; }
    .newest_lev234_wrap { display: block; width: 100%; height: 82px; box-sizing: border-box; clear: both; }
    .newest_lev234_wrap span:nth-child(2n+1) {padding-right: 7.5px;}
    .newest_lev234_wrap span:nth-child(2n+2) {padding-left: 7.5px;}
    .newest_lev234_wrap span { display: block; width: 50%; height: 41px; float:left; box-sizing: border-box;}
    .newest_lev234 { width:100%; padding-right:5px; line-height:40px; font-size: 15px; border-top: 1px solid #eceeef;}
    .newest_lev5 { display: block;}  
}
@media screen and (max-width:640px){
    .newest .lev1 {min-height:100px;}
    .mCon_rel { padding-right:10px; }
    .cateImg { width:35%; position: static; float:right; margin:15px 0}
    .cateText {width: 65%; float:left; padding-right: 10px; }
    .newest .lev1.no_img .cateText {width: 100%; float:none; padding-right:0; }
    .newest .lev1 {padding:0}
    .newest .lev1:after { display: none; }
    .mmsn_con {margin:6px 0 0 0; margin-bottom: 13px;}
    .mCon_writer { display: none;}
    .newest_lev234_wrap { height:164px; }
    .newest_lev234_wrap span { width: 100%; height: 41px; float:none; }
    .newest_lev234_wrap span:nth-child(2n+1) {padding-right:0;}
    .newest_lev234_wrap span:nth-child(2n+2) {padding-left:0;}
}




/*-------------- 오른쪽 콘텐츠 ------------*/

/*common*/
.right_sub_con > div {  width:100%; position: relative; border:solid 1px #ced2d7; margin-bottom: 10px;}
.right_sub_con > div h3 { text-align: left; position:relative;height:38px;line-height:38px;padding-left:20px;font-size:16px;font-weight:bold;color:#444;letter-spacing:0;border-bottom:solid 1px #d1d5d9;background:#f2f2f2; }
.right_sub_con > div h3 span { color:#0d7fbe; }
.right_news_zone ol{padding:2px 15px 10px}
.right_news_zone ol li{position:relative;max-height:49px;padding-top:8px;margin-bottom:7px;border-top:solid 1px #ced2d7;overflow:hidden;}
.right_news_zone ol li:first-child{border-top:none;}
.right_news_zone ol li > span{position:absolute;left:0;top:50%;display:block;width:16px;height:16px;line-height:16px;margin-top:-4px;text-align:center;font-size:11px;color:#fff;background:url("../../images/content/bg_best_off.png") no-repeat left top}
.right_news_zone ol li.best > span{background:url("../../images/content/bg_best_on.png") no-repeat left top}
.right_news_zone ol li > p a{position:relative;line-height:22px;color:#666;padding:0 90px 0 25px;*font-size:12px; overflow: hidden;text-overflow: ellipsis;white-space: normal;height:44px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; display:table-cell;vertical-align:middle}
.right_news_zone ol li.best > p a{font-weight:bold;color:#444; padding-right: 90px;}
.right_news_zone ol li > p a.no_img{padding-right:0;}
.right_news_zone ol li > p{width:100%;display:table;}
.right_news_zone .thumb{position:absolute;display:block;top:0;right:0;width:76px;height:42px;border:1px solid #e2e2e2;text-align:center;overflow:hidden}
.right_news_zone .thumb span{display:block;width:100%;height:100%;line-height:38px}
.right_news_zone .thumb img{max-width:100%;max-height:100%;vertical-align:middle}
.right_news_zone > p{display:none}
.right_news_zone h4{ display: none; }
#li_best_6, #li_best_7, #li_best_8, #li_best_9, #li_best_10 { display: none;}
@media screen and (max-width:900px){ 
    .right_sub_con > div { border-top:9px solid #eceeef; border-bottom:1px solid #d8dbdf; border-left: 0 none; border-right: 0 none; margin-bottom:0; text-align: center}
    .right_sub_con > div h3 { display: none;}
    .right_news_zone ol{height:205px; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:15px; margin-top: -1px;}
    .right_news_zone ol li{width: 50%; height: 41px; float:left; position:relative;max-height:inherit;padding-top:0px;margin-bottom:0px;border-top:0 none;overflow:hidden;}
    .right_news_zone ol li:first-child{border-top:0 none;}
    .right_news_zone ol li > span{position:absolute;left:5px;top:50%;display:block;width:16px;height:16px;line-height:16px;margin-top:-8px;font-size:15px;color:#0078bd;background:none; font-weight: bold}
    .right_news_zone ol li.best > span{background:none;}
    .right_news_zone ol li > p{width:100%;display:table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 15px;}
    .right_news_zone ol li > p a.no_img{padding:0 10px 0 28px;}
    .right_news_zone ol li.best > p a{font-weight:bold;color:#333; padding:0 10px 0 28px;}
    .right_news_zone ol li > p a{ height:auto; position:relative; display:table-cell; padding:0 10px 0 28px;vertical-align:middle; line-height:40px;color:#333;*font-size:15px; font-size:15px; text-align: left; border-top: 1px solid #eceeef; font-weight: normal !important;
    overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap: break-word; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
    .right_news_zone .thumb{display: none; }
    #li_best_6, #li_best_7, #li_best_8, #li_best_9, #li_best_10 { display: block}
}
@media screen and (max-width:480px){ 
    .right_sub_con > div h3 { font-size:18px;padding: 10px 0;}
    .right_news_zone ol li{width:100%; float:none; }
    #li_best_6, #li_best_7, #li_best_8, #li_best_9, #li_best_10 { display: none}
}


/*대선 뉴스 속보*/
.right_sub_con > .right_flash h3 span { color:#333;}
.right_flash > h3 img { width: 44px; margin:9px 3px 0 0;}
.right_flash > div{ height:293px; overflow: hidden;}
.right_flash > div ul { width:100%; margin:0 auto; position: relative;}
.right_flash > div ul li { width: 100%; /*height: 100px;*/ text-align: left; position: relative;}
.right_flash > div ul li:after { display: block; content: ""; width: 1px; height:100%; position: absolute; top:0; left:27px; background: #ced2d7; }/*시계줄*/
.right_flash > div ul li a { display: block; height: 100%; position: relative;}
/*clock*/
.right_flash > div ul li .sec6_time { width:48px; height: 100%; float: left; position: absolute; top:0; left: 0;}
.right_flash > div ul li .sec6_time:after { display: block; content: ""; width:19px; height:19px; position: absolute; top:24px; left:18px; background:url(../../images/politics/politics_15.png);  background-size: contain; z-index: 10; } /*시계*/
.right_flash > div ul li .sec6_time span { display: block; width: 49px; height: 14px; line-height: 14px; text-align: right; color:#999; font-size: 11px; background: #fff; z-index: 11; position: relative; top:5px; left:0; text-align: center; letter-spacing:-1px;}
/*con*/
.right_flash > div ul li dl { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:15px; position: relative; padding-left: 48px;}
.right_flash > div ul li a dl dt { width: 100%; line-height: 27px; font-size:13px; color:#666; height:32px; line-height:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; padding-top: 20px; }
.right_flash > div ul li a dl dt .sec6_info { display: none;}
.right_flash > div ul li a dd { display: none;}
/*first*/
.right_flash > div ul li.rf_first a dd { display: block; width: 134px; height: 76px; overflow: hidden; margin-top: 8px; }
.right_flash > div ul li.rf_first a dd img { display: block; width: 100%; }
/*red*/
.right_flash > div ul li.rf_red .sec6_time:after {background:url(../../images/politics/politics_14.png); background-size: contain;}
.right_flash > div ul li.rf_red .sec6_time span { color:#ff0000; letter-spacing: -1px; width: 100%; left: 0;}
.right_flash > div ul li.rf_red a dl dt { color:#444; font-weight: bold; }
.right_flash > ul { width:100%; height: 35px; border-top:1px solid #ced2d7; background:#f7f7f7; position: relative; z-index: 20;}
.right_flash > ul li { width: 50%; height: 35px; float: left; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.right_flash > ul li:first-child { border-right:1px solid #ced2d7; }
.right_flash > ul li a { display: block; height: 100%;}
.right_flash > ul li a img { display:inline-block; width: 14px; height: 9px; padding-top: 14px }
.right_flash .sec6_m_more { display: none;}
@media screen and (max-width:900px){ 
    .right_sub_con > .right_flash h3 { }
    .right_sub_con > .right_flash h3 span { display: inline-block; height:100%; color:#333;}
    .right_flash > h3 img { display:inline-block; width:44px; height: 23px; margin-right:5px; margin-top:-1px;}
    .right_flash > div{ height:auto; margin-top: -1px;}
    .right_flash > div ul li { height: 114px; border-bottom: 1px solid #e6e8eb}
    .right_flash > div ul li.rf_noimg a dl { padding-right: 10px;}    
    .right_flash > div ul li.rf_noimg a dl dd { display: none;}
    .right_flash > div ul li.rf_topline { border-top: 1px solid #e6e8eb}    
    .right_flash > div ul li:after { display:none }/*시계줄*/
    /*clock*/
    .right_flash > div ul li .sec6_time { width:61px; background:#efefef; border-right: 1px solid #e6e8eb;}
    .right_flash > div ul li .sec6_time:after { width:18px; height:18px; top:38px; left:22px; } /*시계*/
    .right_flash > div ul li .sec6_time span { width: 52px; text-align: center; color:#333; font-size:12px; background: none; position: relative; top:59px; left:4px; }
    /*con*/
    .right_flash > div ul li a dl { padding-right:185px; padding-left:82px; }
    .right_flash > div ul li a dl:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
    .right_flash > div ul li a dl dt {display:inline-block; width: 100%; height:auto; vertical-align: middle; font-size:18px; color:#222; line-height:22px; padding-top:0px;overflow: inherit; text-overflow: inherit; -webkit-line-clamp:inherit; -webkit-box-orient:inherit; word-wrap:normal;  }
    .right_flash > div ul li.rf_red a dl dt { color:#222; font-weight: normal; }
    .right_flash > div ul li a dl dt .sec6_dt { display: block; height: 100%; max-height: 44px; vertical-align: middle; line-height:22px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; display: -webkit-box;}
    .right_flash > div ul li a dl dt .sec6_info { display: block; font-size: 12px; color:#999; margin-top:6px; }
    .right_flash > div ul li a dl dt .sec6_info > span { display: inline-block; padding-right: 13px; position: relative;}
    .right_flash > div ul li a dl dt .sec6_info > span:after { display: block; content: ""; width:1px; height:8px; position: absolute; top:7px; left:-6px; background:#dcdcdc; z-index: 10; } 
    .right_flash > div ul li a dl dt .sec6_info > span.first_info:after { display: none;}
    .right_flash > div ul li a dl dt .sec6_info > span:nth-child(2) { letter-spacing: 0;}
    .right_flash > div ul li a dd { display: block; width: 151px; height: 83px; margin-top: 0px; position: absolute; top:15px; right:15px; overflow: hidden;}
    .right_flash > div ul li.rf_first a dd { width: 151px; height:83px; margin-top:0px; }    
    .right_flash > div ul li a dd span { display: block; width: 100%; height: 100%; position: relative;}
    .right_flash > div ul li a dd span:after { display: block; content: ""; width: 100%; height:100%; border:1px solid #e8e9ec; position: absolute; top: 0; left: 0; z-index: 50; opacity: 0.5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .right_flash > div ul li a dd img { display: block; width: 100%; min-height: 100%; }    
    .right_flash > ul { display: none;}
    /*btn*/
    .right_flash .sec6_m_more { display:inline-block; width:auto; height:28px; margin-top: 15px; margin-bottom: 15px;}
    .right_flash .sec6_m_more img { display: inline-block; height: 28px; width: 28px; margin-right: 5px; background: #257acd; border-radius: 50%;}
    .right_flash .sec6_m_more span { display: inline-block; padding-top:5px; color:#257bcd; font-size:15px;}
}
@media screen and (max-width:480px){ 
    .right_flash > h3 img { width: 43px; height: 21px;}
    .right_flash > div ul li { height:91px; }
    .right_flash > div ul li .sec6_time { width:49px;}
    .right_flash > div ul li .sec6_time:after { top:29px; left:16px; } /*시계*/
    .right_flash > div ul li .sec6_time span { font-size: 11px; top:49px; left:0; width: 100%; }
    .right_flash > div ul li a dl { padding-right:130px; padding-left:60px; }
    .right_flash > div ul li a dl dt { font-size:15px; line-height:20px; }
    .right_flash > div ul li a dl dt .sec6_dt { max-height: 40px; line-height:20px; }
    .right_flash > div ul li a dl dt .sec6_info {  margin-top:3px; }
    .right_flash > div ul li a dd { width: 107px; height:59px; right:10px;}
    .right_flash > div ul li.rf_first a dd { width: 107px; height:59px; } 
    .right_flash .sec6_m_more { margin-top: 10px; margin-bottom: 10px;}
}

/*실시간 독자 의견*/
.commentCon{ height:293px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px;}
.commentCon ul { width:100%; margin:0 auto; position: relative; }
.commentCon ul li { width: 100%; text-align: left; border-bottom: 1px solid #e6e8eb; margin-bottom: 15px; }
.commentCon ul li a { display: block; height: 100%; padding-bottom: 5px;}
.commentCon ul li a h4 { font-size: 13px; font-weight: bold; color:#444; margin-bottom: 13px; }
.commentCon ul li a dl { width: 100%; position: relative; margin-bottom:8px;}
.commentCon ul li a dl > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.commentCon ul li a dt { padding-left:50px; font-size: 12px; line-height: 16px; color:#247acd; margin-bottom:4px}
.commentCon ul li a dt span { display: inline-block; color:#999; padding-left: 12px; position: relative;}
.commentCon ul li a dt span:after { display: block; content: ""; width: 1px; height: 8px; position: absolute; top:4px; left:6.5px; background: #d5d5d5; }
.commentCon ul li a dd { padding-left:50px; font-size: 12px; color:#666; line-height: 16px;}
.commentCon ul li a dd.coment_img { width:27px; height: 27px; position: absolute; top:0; left:15px; padding:0;}
.commentCon ul li a dd.coment_img > span { display: block; width: 100%; height: 100%; position: relative;}
.commentCon ul li a dd.coment_img > span:after { display: block; content: ""; width:8px; height:8px; position: absolute; top:6px; left:-9px; border-bottom: 1px solid #62a9ee; border-left: 1px solid #62a9ee;  }
.commentCon ul li a dd.coment_img > span span { display: block; width: 100%; height:100%; border-radius: 50%; overflow: hidden; background: #7aaeda; position: relative; overflow: hidden;}
.commentCon ul li a dd.coment_img > span span img { display: block; width: 30px; max-width: 30px; height: 30px; position: absolute; bottom:-1.5px; left:-1.5px; }
/*버튼*/
.right_comment > ul { width:100%; height: 35px; border-top:1px solid #ced2d7; background:#f7f7f7; position: relative; z-index: 20;}
.right_comment > ul li { width: 50%; height: 35px; float: left; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.right_comment > ul li:first-child { border-right:1px solid #ced2d7; }
.right_comment > ul li a { display: block; height: 100%;}
.right_comment > ul li a img { display:inline-block; width: 14px; height: 9px; padding-top: 14px }




/*-------------------------------------- sub3: 데이터센터 --------------------------------------*/

.data_sec1, .data_sec1 *, .data_sec2, .data_sec2 *, .data_sec3, .data_sec3 *, .sub_boxCon, .sub_boxCon *, #sub_tab_wrap, #sub_tab_wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.data_sec1 {margin-bottom: 20px;}
.data_sec2{border-left:1px solid #ced2d7;}
.data_sec2:after { content:""; display:block; clear:both; }
.data_m_tab {display: none;}
.dts_box {position:relative; border:1px solid #ced2d7; }
.data_sec2 .dts_box {width: 33.3333333333%; float:left; border-left: 0 none;}
.data_sec3 .dts_box{border-top:0 none;}
.dts_h3 {height: 36px; line-height: 36px; background:#f2f2f2; color:#333; font-size: 16px; text-align: left; padding-left: 15px; font-weight: bold; border-bottom:1px solid #ced2d7}
.dts2_con {padding:15px;}
.dts2_con > div {border:1px solid #f0f4f8; height: 211px;} 
.dts2_con .ratio {padding-bottom: 57.513%;}
.dts3_con {height:578px; }
.dts3_con > div {float:left;height: 100%; position: relative;}
.dts_map {width: 30%; border-right: 1px solid #ced2d7; padding: 10px;}
.dts_map > div {width: 100%; height: 100%; /*border:1px solid rgba(0,0,0,0.05)*/}
.dts_map:after {display: block; content: ""; width:11px; height: 100%; position: absolute; top:0; right:-12px;  background: url(../../images/election/dts_shadow.png) repeat-y;}
.dts_map:before {display: block; content: ""; width:12px; height:21px; position: absolute; top:50%; right:-12px; margin-top:-10px; background: url(../../images/election/dts_box_arr.png) no-repeat; z-index: 10}
.dts_right {width: 70%;}
.dts_select {border-bottom: 1px solid #ced2d7; padding: 22px 20px;}
.dts_table {width:100%; height: 221px; position: relative;}
.dts3_r_padding {width: 100%; padding:20px;}
.dts3_r_padding .dts_table {margin-bottom: 20px;}
@media screen and (max-width:900px){ 
    .dts2_con {padding:10px 15px;}
    .data_sec1 {border-top:9px solid #eceeef; border-bottom: 1px solid #d8dbdf; padding-bottom: 10px; margin-bottom: 0}
    .data_sec2 {border-top:9px solid #eceeef; border-bottom: 1px solid #d8dbdf; }
    .data_sec3 {border-top:9px solid #eceeef; border-bottom: 1px solid #d8dbdf; padding-bottom: 10px; }
    .dts3_con {height:auto; }
    .dts3_con > div {float:none;height: auto; }
    .dts_map {display: none;}
    .dts_right {width:100%;}
    .dts_h3 {display: none;}
    .dts_box {border:0 none;}
    .data_sec2 .dts_box {width: 100%; float:none; }
    .data_sec2 .dts_box:nth-child(4) {display: none;}/*임시*/
    .data_sec2 .dts_box:nth-child(5) {display: none;}/*임시*/
    .dts_select {border-bottom:0 none; padding: 0 15px 10px 15px;}
    .dts3_r_padding {width: 100%; padding:0 15px;}
    .dts3_r_padding .dts_table {margin-bottom: 10px;}
    .data_m_tab {display: block;}
}

/*banner*/
.dts_banner, .dts_r_chart {width: 100%; height: 215px; border:1px solid #dddddd; overflow: hidden;}
.dts_banner_bg {width: 100%; height: 100%; position: relative}
.dts_banner_bg:after {display: block; content: "";  width: 338px; height: 100%; position: absolute; top:0; left: 0; background: url(../../images/election/chart_bg_l.jpg) no-repeat;}
.dts_banner_bg:before {display: block; content: "";  width: 335px; height: 100%; position: absolute; top:0; right: 0; background: url(../../images/election/chart_bg_r.jpg) no-repeat;}
.dts_banner_con {width: 100%; height: 100%; display: inline-block;}
.dts_banner_con:before {display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.dts_banner_con div { display: inline-block; vertical-align: middle; z-index: 10; position: relative;}
.dtsB_thumb {display:block; width: 175px; height: 175px; position: absolute; top:50%; left: 0; margin-top: -87.5px; border-radius: 50%; overflow: hidden; }
.dtsB_thumb img {width: 100%; min-height: 100%;}
.textBlock {display: inline-block;text-align: left; padding-left: 205px; margin-top: 20px;}
.tb_1 {display: inline-block; height:31px; line-height: 31px; padding:0 17px 0 14px; color:#fff; font-size: 16px; font-weight: bold; background: #4a4a40; border-radius: 10px; }
.tb_2 {display: block; margin-top: -5px;}
.tb_2 * {line-height:79px;}
.tb_2 strong {display: inline-block; font-size: 36px; color:#4a4a40; letter-spacing: -3px;}
.tb_2 span {display: inline-block; font-size: 17px; color:#4a4a40; margin:0 10px 0 15px }
.tb_2 img {display: inline-block;}
.tb_3 {display: block; margin-top: -10px;}
.tb_3 strong {display: inline-block; font-size:44px; color:#ff0000; font-family: sans-serif; line-height: 44px;}
.tb_3 span {display: inline-block; font-size: 17px; color:#ff0000; margin:0 0 0 10px; line-height: 60px; font-weight: bold;}
@media screen and (max-width:660px){ 
    .dts_banner_bg:after {left: -50px; }
    .dts_banner_bg:before {right: -50px; }
    .dtsB_thumb {width: 150px; height: 150px; margin-top: -75px;}
    .textBlock {padding-left: 170px;}
    .tb_2 span {margin:0 5px 0 10px}
    .tb_2 img {width: 65px; margin-top: 7px }
    .tb_3 strong {font-size: 40px;}
}
@media screen and (max-width:660px){ 
    .dts_banner_bg:after, .dts_banner_bg:before {display: none;}
    .dts_banner_bg {background: url(../../images/election/chart_bg640.jpg) no-repeat; background-size: 100% 100%;}
}
@media screen and (max-width:560px){ 
    .dts_banner {height: 170px}
    .dts_banner_bg:after {left: -90px; }
    .dts_banner_bg:before {right: -90px; }
    .dtsB_thumb {width: 120px; height: 120px; margin-top: -60px;}
    .textBlock {padding-left: 130px;}
    .tb_2 strong {font-size: 30px;}
    .tb_2 span {margin:0 2px 0 5px}
    .tb_2 img {width: 60px; margin-top: 9px }
    .tb_3 {margin-top:-20px;}
    .tb_3 strong {font-size: 35px;}
    .tb_3 span {line-height: 55px; font-size: 15px; margin:0 0 0 5px}
}
@media screen and (max-width:450px){
    .dts_banner {height: 140px}
    .dts_banner_bg:after {left: -130px; }
    .dts_banner_bg:before {right: -130px; }
    .dtsB_thumb {width: 100px; height: 100px; margin-top: -50px;}
    .textBlock {padding-left: 110px;}
    .tb_1 {font-size: 13px; padding:0 10px 0 8px; height: 25px; line-height: 25px; border-radius: 5px;}
    .tb_2 {margin-top: -13px;}
    .tb_2 strong {font-size: 25px;}
    .tb_2 span {margin:0 0 0 5px; font-size: 14px;}
    .tb_2 img {width: 55px; margin-top: 12px }
    .tb_3 {margin-top:-27px;}
    .tb_3 strong {font-size: 28px;}
    .tb_3 span {line-height: 50px; font-size: 14px;}   
}
@media screen and (max-width:400px){
    .dtsB_thumb {width: 80px; height: 80px; margin-top: -40px;}
    .textBlock {padding-left: 90px;}
}

/*table*/
.scroll_R, .scroll_L {display: none;}
.dts_table table{ width: 100%; table-layout: fixed; word-break: break-all; border-collapse: collapse; }
.dts_table table th > span, .dts_table table td > span {display: block; width: 100%; height: 100%; position: relative; font-size: 14px; line-height: 18px;}
.dts_table.start th:nth-child(1), .dts_table.start td:nth-child(1) { width: 40px;}
.dts_table.start th:nth-child(2), .dts_table.start td:nth-child(2) { width: 70px;}
.dts_table.start th:nth-child(3), .dts_table.start td:nth-child(3) { width: 100px;}
.dts_table.start th:nth-child(4), .dts_table.start td:nth-child(4) { width: 80px;}
.dts_table.start th:nth-child(5), .dts_table.start td:nth-child(5) { width: 220px;}
.dts_table.start td:nth-child(5), .dts_table.start td:nth-child(6) { text-align:left;}
.dts_table.end th:nth-child(1), .dts_table.end td:nth-child(1) { width: 20%;}
.dts_table.end th:nth-child(2), .dts_table.end td:nth-child(2) { width: 20%;}
.dts_table.end th:nth-child(3) {text-align: center; padding-left: 7px;}
.dts_table.end td:nth-child(3) { text-align: left; padding-left: 15px;}
.dts_table.end th:nth-child(3), .dts_table.end td:nth-child(3) { width: 20%;}
.dts_table.end th:nth-child(4), .dts_table.end td:nth-child(4) { width: 20%;}
.dts_table.end th:nth-child(5), .dts_table.end td:nth-child(5) { width: 20%;}
.tableHD {position: absolute; top:0; left: 0; width: 100%; height: 44px; border-top: 2px solid #838383; border-bottom: 1px solid #ced2d7; padding-right: 17px;}
.tableHD:after {display: block; content: ""; width: 100%; height: 2px; position: absolute; bottom:-3px; left: 0; background: #f3f3f3; }
.tableHD tr{height: 41px; }
.tableHD tr th {border-left:1px solid #e6e8eb;}
.tableHD tr th:first-child, .tableBody tr td:first-child {border-left: 0 none;}
.tableHD tr span {font-weight: bold; color:#333;}
.tableBody {height: 100%; padding-top: 45px; background: #fff;}
.tableBody:after {display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background: #ced2d7;}
.tableBody > div {height: 100%; overflow-y: scroll;}
.tableBody tr{min-height:35px; border-top:1px solid #e6e8eb; }
.tableBody tr:last-child { border-bottom: 1px solid #e6e8eb;}
.tableBody tr:hover {background:#f4f4f4 }
.tableBody tr.on { background:#e0effe; }
.tableBody tr td{ border-left:1px solid rgba(0,0,0,0.08); color:#666; padding:7px }
.tableBody tr td .unline {display: inline-block; position: relative; font-weight: bold; color:#000;}
.tableBody tr.on td .unline {color:#0b4b8b;}
.tableBody tr td .unline:after {display:block; content: ""; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background: #000; }
.tableBody tr.on td .unline:after {background: #0b4b8b; }
.tableBody tr.win td span {font-weight: bold; }
.tableBody tr.win td:nth-child(1) span, .tableBody tr.win td:nth-child(3) span{ color:#0b4b8b;}
.tableBody tr.win td:nth-child(4) span, .tableBody tr.win td:nth-child(5) span{ color:#ff0000; letter-spacing: 0;}
.dts_table.start.pos {display: none;}
.dts_table.end.pos {display: none;}
@media screen and (max-width:1150px){ 
    .dts_table.start th:nth-child(5), .dts_table.start td:nth-child(5) { width: 20%;}
}
@media screen and (max-width:900px){ 
    .dts_table {height: auto; overflow: hidden}
    .tableBody > div {overflow-y: auto;}
    .tableHD {padding-right: 0}
    .scroll_R, .scroll_L {display: none; position: absolute; top:15px; right:15px; z-index: 20;}
    .scroll_L {left:15px; display: block;}
    .tableBody tr:hover {background:none }
}
@media screen and (max-width:700px){ 
    .dts_table.start .tableHD,
    .dts_table.start .tableBody{width: 1000px;}
    .dts_table.start .scroll_R{display: block;}
    
    .m_table_wrap {position: relative}
    .dts_table.start.pos {display:block; width: 110px; position: absolute; top:0; left: 0; overflow: inherit}
    .dts_table.shadow:after {display: block; content: ""; width: 6px; height: 100%; position: absolute; top: 0; right: -6px; background: url(../../images/stock/stock_73.png) repeat-y; z-index: 10;}
    .dts_table.shadow:before {display: block; content: ""; width: 12px; height: 12px; position: absolute; top: 15px; right: -14px; background: url(../../images/stock/arrow_left_round.svg) repeat-y; background-size: 100%; z-index: 10; }
    .dts_table.start.pos .tableHD,
    .dts_table.start.pos .tableBody{width: 110px;}
    .dts_table table th > span, .dts_table table td > span {display: inline-block; height: auto}
    .dts_table.start th:nth-child(5), .dts_table.start td:nth-child(5) { width:30%;}
    .dts_table.start .tableBody tr td {padding:0 7px; height: 50px;}
    .dts_table.start.pos tr td, .dts_table.start.pos tr th {background: #fff;}
}
@media screen and (max-width:600px){ 
    .dts_table.end th:nth-child(1), .dts_table.end td:nth-child(1) { width: 40px;}
    .dts_table.end th:nth-child(2), .dts_table.end td:nth-child(2) { width: 80px;}
    .dts_table.end th:nth-child(3), .dts_table.end td:nth-child(3) { width: 100px;}
}
@media screen and (max-width:450px){ 
    .dts_table.end .tableHD,
    .dts_table.end .tableBody{width: 450px;}
    .dts_table.end .scroll_R {display: block;}
    .dts_table.end.pos .scroll_R {display: none;}
    
    .dts_table.end.pos {display:block; width: 120px; position: absolute; top:0; left: 0; overflow: inherit}
    .dts_table.end.pos .tableHD,
    .dts_table.end.pos .tableBody{width: 120px;}
    /*.dts_table.end.shadow:after {right: -8px; }
    .dts_table.end.shadow:before {right: -16px; }*/
    

    .dts_table.end th:nth-child(4), .dts_table.end td:nth-child(4) { width: 115px;}
    .dts_table.end th:nth-child(5), .dts_table.end td:nth-child(5) { width: 115px;}
    
    .dts_table table th > span, .dts_table table td > span {display: inline-block; height: auto}
    .dts_table.end .tableBody tr td {padding:0 7px; height: 40px;}
    .dts_table.end.pos tr th {background: #fff;}
}

/* select box style */
.dts_select {font-size: 0}
.dts_select > div {display:inline-block; height: 36px; font-size: 0}
.dts_select > div:nth-child(2) {margin-left:30px;}
.dtsSelect_tit {display: inline-block; line-height: 36px; font-size: 15px; font-weight: bold; color:#333; padding-right: 10px;}
.dts_right .select_box,
.sec_map .select_box{display: inline-block;text-align:left;position:relative;}
.dts_right .select_box .select_go,
.sec_map .select_box .select_go{display:block;width:240px; height:100%; line-height:35px; padding:0 10px; position:relative; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 14px; font-weight: bold;background:#fff;border:1px solid #ced2d7; border-radius: 5px; z-index: 30;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ 
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05);}
.dtsSelect_arr { display:block; width:10px; height:7px; position:absolute; top:13px; right:10px; background : url("../../images/election/select_arr.svg") no-repeat; background-size:100%;}
.dtsSelect_arr.reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dts_right .select_box ul{width:100%;max-height:293px;position:absolute;top:33px;left:0;display:none;z-index:20;overflow-y:auto;border-bottom:1px solid #ced2d7;border-right:1px solid #ced2d7; border-left:1px solid #ced2d7; padding-top:4px;}
.dts_right .select_box ul li{background:#fff;height:36px;border-top:1px solid #eaeaea;border-bottom:0 none;}
.dts_right .select_box ul li:first-child{border-top:0 none;}
.dts_right .select_box ul li a{display:block;height:100%;line-height:36px;padding-left:10px;font-size:14px;color:#666;}
.dts_right .select_box ul li a:hover{color:#333;font-weight:bold;background:#f4f4f4;}
a.dts_conform, a.dts_conform:hover {display: inline-block; width: 60px; height: 100%; line-height:36px; font-weight: bold; font-size: 14px; color:#fff; border-radius: 5px; margin-left: 10px;
background: rgb(101,101,101); /* Old browsers */
background: -moz-linear-gradient(top, rgba(101,101,101,1) 0%, rgba(69,69,69,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(101,101,101,1) 0%,rgba(69,69,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(101,101,101,1) 0%,rgba(69,69,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);}
.dts_right .m_select, .sgm_tit_m {display: none;}
@media screen and (max-width:1110px){
    .dts_right .select_box .select_go{width:200px;}
}
@media screen and (max-width:1000px){
    .dts_right .select_box .select_go{width:160px;}
}
@media screen and (max-width:900px){
    .dts_select > div {width: 50%;}
    .dts_select > div:nth-child(1) {padding-right:2.5px;}
    .dts_select > div:nth-child(2) {margin-left:0; padding-left:2.5px;}
    .sec_map .dts_select, .sec_map .dts_select * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .sec_map .dts_select {padding: 0 0 10px 0}
    .dts_right .select_box, .sec_map .select_box {width: 100%;}
    .dts_right .select_box .select_go, .sec_map .select_box .select_go{width:100%;font-size:15px;}
    .dts_right .select_box ul li a{font-size:15px;}
    .dts_right .m_select,
    .sec_map .m_select{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height:36px;border: 0;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;outline: 0;cursor: pointer;z-index:30;opacity: 0;}
    .sgm_tit_m {display: inline-block;}
    .sgm_tit_pc, a.dts_conform, .dtsSelect_tit {display: none;}
}


.sub_boxCon h5{font-size: 24px; color:#000000; margin: 70px 0 20px 0;}
.sub_boxCon ul:after { content:""; display:block; clear:both; }
.sub_boxCon ul li{ width:19.10968%; float:left; margin-left:1.1129%; margin-bottom:1.1129%; }
.sub_boxCon ul li:nth-child(5n+1) {margin-left: 0}
.sub_boxCon ul li a{ display: block; width: 100%; border:1px solid #d5d5d5; transition: all 0.3s ease-out;}
.sub_boxCon .imgFormWrap span:after {display: block; border-top:none; border-left: none; border-right: none;}
.sbcCon {display: block; padding:20px 15px;text-align:left}
.sbcc_1 {display: block; font-size: 16px; height: 44px; color: #333; line-height: 22px; margin-bottom: 10px; padding-bottom: 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.sbcc_2 { display: block; position: relative; color: #666; font-size: 13px; line-height: 18px; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.sbcc_3 { color: #999; font-size: 12px; letter-spacing: 0; margin-top: 9px; position: relative; max-width: 100%; display: inline-block;}
.sbcc_3 span {position: relative; display: inline-block;}
.sbcc_3 span:first-child { position: relative; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 75px;}
.sbcc_3 span:nth-child(2) {position: absolute; top: 0; right: 0;}
.sbcc_3 span:nth-child(2):after { display: block; content: ""; width: 1px; height: 9px; position: absolute; top: 3px; left: -6px; background: #dcdcdc;}
.sub_boxCon ul li a:hover { background: #034275; border:1px solid #034275; transition: all 0.3s ease-out;}
a:hover .sbcc_1 {color:#fff;}
a:hover .sbcc_2 {color:#fff; opacity: 0.8}
a:hover .sbcc_3 {color:#fff; opacity: 0.6}
.m_sub_boxCon {display: none;}
.sub_boxCon .sec6_pc_more {margin-top:20px}
.no_contents {font-size:16px; padding: 50px 10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}

@media screen and (max-width:1218px){
    .sub_boxCon {padding:0 10px;}
}
@media screen and (max-width:1100px){
    .sub_boxCon ul li{ width:24.138025%; margin-left:1.1493%; margin-bottom:1.1493%; }
    .sub_boxCon ul li:nth-child(5n+1) {margin-left:1.1493%;}
    .sub_boxCon ul li:nth-child(4n+1) {margin-left: 0}
}
@media screen and (max-width:900px){
    .sub_boxCon {display: none;}
    .m_sub_boxCon {display: block;}
    section.sec6.m_sub_boxCon ul li dl {padding-left: 15px;}
    .no_contents {font-size:14px; padding: 30px 10px; border-top:0 none; border-bottom: 9px solid #eceeef; width: 100%; box-sizing: border-box; position: relative;}
    .no_contents:before {display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background:#d8dbdf;}
}
@media screen and (max-width:640px){
    .no_contents {border-bottom:0 none;}
    .no_contents:before {display: none;}
}
/*
@media screen and (max-width:640px){
    .sub_boxCon ul li{ width:32.24046666%; margin-left:1.6393%; margin-bottom:1.6393%; }
    .sub_boxCon ul li:nth-child(5n+1), .sub_boxCon ul li:nth-child(4n+1) {margin-left:1.6393%;}
    .sub_boxCon ul li:nth-child(3n+1) {margin-left: 0}
    .sub_boxCon ul li:nth-child(8),.sub_boxCon ul li:nth-child(7){display: none;}
}
@media screen and (max-width:480px){
    .sub_boxCon ul li{ width:48.83725%; margin-left:2.3255%; margin-bottom:2.3255%; }
    .sub_boxCon ul li:nth-child(5n+1), .sub_boxCon ul li:nth-child(4n+1), .sub_boxCon ul li:nth-child(3n+1) {margin-left:2.3255%;}
    .sub_boxCon ul li:nth-child(2n+1) {margin-left: 0}
    .sub_boxCon ul li:nth-child(6),.sub_boxCon ul li:nth-child(5){display: none;}
}*/

/*----------------mobile chart tab -----------------*/
@media screen and (max-width:900px){ 
    #sub_tab_wrap { padding: 0; width: 100%;}
    #sub_tab_wrap .tabs { width: 100%; height:39px; font-size:12px; text-align: center; position: relative; padding: 0 15px;}
    #sub_tab_wrap .tabs:after { display: none; content: ""; width: 100%; height: 1px; position: absolute; bottom:0; left:0; background: #ced2d7;}
    
    #sub_tab_wrap .tabs li { width:33.3333%; height:37px; line-height: 37px; cursor: pointer; position: relative; font-size: 15px; float:left; border-top:1px solid #e6e8eb; border-bottom:1px solid #e6e8eb; font-size: 15px; color:#888; }
    #sub_tab_wrap .tabs li:first-child { border-left:0 none;  }
    #sub_tab_wrap .tabs li.active { color:#0c7ebf; position: relative; background: #fff; }
    #sub_tab_wrap .tabs li.active:after { display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:-1px; left:0; background: #0c7ebf; z-index: 10 }
    #sub_tab_wrap .tabs li.active:before { display: block; content: ""; width:5px; height:3px; position: absolute; bottom:-4px; left:50%; background: url("../../images/politics/politics_66.jpg") no-repeat; z-index: 50; margin-left: -1.5px; }
    #sub_tab_wrap .tabs li a {display: block; height: 100%;}
}
@media screen and (max-width:460px){ 
    #sub_tab_wrap .tabs {height: 47px;}
    #sub_tab_wrap .tabs li { height:45px; line-height: 45px;}
    #sub_tab_wrap .tabs li a span:first-child { margin-top:4px;}
    #sub_tab_wrap .tabs li a span {display: block; line-height: 18px;}
    
}



/*-------------------------------------- sub5: 멀티미디어뉴스(포토) --------------------------------------*/

.photo_box { width:100%; border:1px solid #ced2d7; border-top:0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.photo_box h3 { width:100%; height:40px; background:#f2f2f2; font-size: 17px; font-weight: bold; border-bottom: 1px solid #ced2d7; text-align: left; line-height: 40px; text-indent: 20px; position: relative; }
.photo_box h3 a { color:#222;}
.photo_box h3 span { color:#247acd;}
.photo_box h3 .sec_button {width:40px; height:40px; position:absolute; top:0; right:0; text-indent: 0px; border-left:1px solid #ced2d7}
.photo_box h3 .sec_button img { width:100%; height:100%;  }
.photo_box h3 .more { display: none;}
.photo_box h3 .more img { max-width: 100%;}
#photo_sec2 {border-top:1px solid #ced2d7;}
#photo_sec3 {background-color:#575758; }
#photo_sec3 h3 { background:#49494a; border-bottom: 1px solid #424242;}
#photo_sec3 h3 a { color:#fff; }
#photo_sec3 h3 span { color:#fc4848;}
#photo_sec3 h3 div { border-left:1px solid #424242}
#photo_sec3 h3:after{display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:-2px; left:0; background:#686869; }
#photo_sec3 h3 .sec3_btn {border-left:1px solid #323232; width:40px; height:40px; position:absolute; top:0; right:0; text-indent: 0px; }
#photo_sec3 h3 .sec3_btn img { width:100%; height:100%; }
#photo_sec3 .imgFormWrap span:first-child:after { display: block; position:absolute; top:0; left:0; width:100%; height:100%; content:''; box-shadow: inset 1px 1px 6px 2px rgba(0, 0, 0, 0.34); -webkit-box-shadow: inset 1px 1px 6px 2px rgba(0, 0, 0, 0.34); -moz-box-shadow: inset 1px 1px 6px 2px rgba(0, 0, 0, 0.34); border:1px solid #3e3e3f} 
.m_lev2345_t3 { display: block; position: relative; height: 40px; background:#232323; color:#fff; font-size: 13px; padding:0 10px; margin-bottom: 15px;}
.m_lev2345_t3 strong { line-height: 40px; display:block; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right: 45px;}
.m_lev2345_t3 span{ display: block; height:40px; line-height:40px; text-align: right; color:#fc4848; position: absolute; top:0; right:10px; padding-left: 14px; vertical-align:inherit!important;} 
.m_lev2345_t3 span:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 10px; height: 100%; background: url('../../images/photo/photo_more.png') no-repeat center; }
#photo_sec5 .contPadding2 ul {margin-bottom: 10px;}
#photo_sec6 .imgFormWrap span:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../../images/photo/vod_wrap2.png) no-repeat; background-size: 100%; }

@media screen and (max-width:900px){
    .photo_box { border-right:0 none; border-left: 0 none; border-bottom:1px solid #d8dbdf;}
    .photo_box h3 { display: none; }

    .photo_box {border-top: 9px solid #eceeef; border-bottom: 1px solid #d8dbdf;}
    #photo_sec2 { margin-top:0; border-top: 9px solid #eceeef; }
    #photo_sec3 {background-color:#fff;}
    #photo_sec3 .imgFormWrap span:first-child:after { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border:1px solid rgba(0,0,0,0.05)}
    .m_lev2345_t3 {height: auto; background:#fff; padding:0; margin:0 }
    .m_lev2345_t3 strong {  padding-right:0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; height: 40px; line-height:20px; font-size: 15px; text-align: left; color: #000; margin: 6px 0 15px 0; white-space: inherit; font-weight: normal; position: relative; }
    
    .photo_box .swiper-container {margin-bottom: 10px;}
    .photo_box .swiper-container-free-mode>.swiper-wrapper {margin-left: 15px; margin-right: 15px;}
    
    .m_lev2345_t3 span{ display: none; } 
    #photo_sec5 .contPadding2 ul {width: 200%;} /*임시*/
    #photo_sec5 .contPadding2 ul li {width: 22%;} /*임시*/
    #photo_sec6 .imgFormWrap span:before {display: none;}
}
@media screen and (max-width:480px){ 
    .photo_box h3 { font-size: 18px; padding: 10px 0 10px 0; }
}


/*더보기*/
.po_photo_more { width:100%; height:20px; margin:0 auto 20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0}
#plus { display:inline-block; height:20px; margin:0 auto; line-height:1; font-size:16px; font-weight: bold; }
#plus a { display:inline-block; width: 100%; height: 100%; position: relative;}
#plus a:after { display: block; content: ""; width: 10px; height:2px; position: absolute; top:9px; left:5px; background:#fff; opacity: 0.85}
#plus a:before { display: block; content: ""; width: 2px; height:10px; position: absolute; top:5px; left:9px; background:#fff; z-index:10;  opacity: 0.85}
/*마이너스*/#plus.minus a:before { display: none;}
#plus a span { display:block; height: 100%; position: relative; padding-left:25px; text-align:left; line-height: 20px;}
#plus a span:after { display: block; content: ""; width: 20px; height: 20px; position: absolute; top:0; left: 0; background:#666; border-radius: 50% }
/*hover*/
#plus a:hover span:after { background:#257bcd; }
#plus a:hover span { color:#257bcd;}
/*sec3*/
#photo_sec3 #plus a span { color:#ccc}
#photo_sec3 #plus a span:after { background:#909090; }
.m_Sbtn {display: none;}
@media screen and (max-width:900px){ 
    .po_photo_more { display: none;}
    .m_Sbtn {display: block; width: 100%; height: 40px; background:#f6f6f6; line-height: 40px; border-top:1px solid #e6e8eb; font-size: 14px; clear: both}
    .m_Sbtn:hover {background:#f6f6f6; }
    .m_Sbtn .point_b {color:#000; padding-right: 3px;}
    .m_Sbtn .arr {display: inline-block; width: 7px; height: 13px; background: url("../../images/head/mm_sec3_3.svg") no-repeat; background-size: 100%; margin:13px 0 0 10px}
    .m_Sbtn .arr2 {display: inline-block; width: 13px; height: 7px; background: url("../../images/head/mm_sec3_3_1.svg") no-repeat; background-size: 100%; margin:16px 0 0 5px}
    .m_Sbtn .arr2.off {background: url("../../images/head/mm_sec3_3_2.svg") no-repeat; background-size: 100%; }
    #photo_sec5 .po_photo_more { display: none;}
}
@media screen and (max-width:480px){ 
}

/*-------------------------------------- sub6: issue today --------------------------------------*/
.issue2017el { min-height: 1825px;}
.election2017 #container .issue_list_top .title span { font-family: 'Titillium Web' !important; text-align: left}
.election2017 #container .issue_list_top dl{ text-align: left;}
.election2017 #container .paging{ margin-top:0px !important; }
.election2017 #container .news_list.issue li > div dt { text-align: left;}
.election2017 #container .news_list.issue li > div dd { line-height: 16px;}
.election2017 #container .news_list.issue li > div {padding-left:154px;}
@media screen and (max-width:1024px){ 
    .election2017 #container .news_list.issue li > div {padding-left:128px;}
}
@media screen and (max-width:900px){ 
    .election2017 #container.footercontainer { border-top: 0 none;}
    .election2017 #container.issue2017el { min-height: auto; }
    .election2017 .sub_wrap .right_sub_con { display: none; }
}
@media screen and (max-width:480px){ 
    .election2017 #container .news_list.issue li > div {padding-left:118px;}
}
/*-------------------------------------- sub7: article --------------------------------------*/
.election2017 #container { padding-top: 0; }
.election2017 #container .sub_view h2{padding-top:0px}
.election2017 #container .side_bar.view_right{margin-top:0px}
.election2017 #container .view_cate{ top:0px;}

@media screen and (max-width:900px){ 
    .election2017 #container { margin:0; padding:0; border-top:9px solid #eceeef;}
    .election2017 #container .m_location .location{height:30px;font-size:16px;color:#444;padding-top: 10px;}
    .election2017 #container .sub_view h2{padding-top:15px}
    .election2017 #container #v-right{float:none;width:auto}
    .election2017 #container #v-left{float:none;width:auto;border-bottom:1px solid #d8dbdf;}
    .election2017 #container #v-right-scroll-start{margin-left:0px}
    /*title*/
    .election2017 #container .right_sub_con > div { border-top:9px solid #eceeef; border-bottom:1px solid #d8dbdf; border-left: 0 none; border-right: 0 none; margin-bottom:0;}
    .election2017 #container .right_sub_con > div > h3 { text-align: center; height:inherit;line-height: inherit; padding:15px 0 13px 0;font-size:22px;font-weight:bold;color:#333;letter-spacing:-1px;border-bottom:0 none;background:#fff; }
    .election2017 #container .right_sub_con > div > h3 span { color:#257bcd; }
    .election2017 #container .right_sub_con > .right_flash > h3 span { display: inline-block; height:100%; color:#333;}
    .election2017 #container .side_bar > .right_flash .sec6_m_more{ text-align:center }
    /*padding*/
    .election2017 #container .m_location{padding:0 10px;}
    .election2017 #container .sub_view h2,
	.election2017 #container .sub_view .subject_info,
	.election2017 #container .sub_view .view_top,
	.election2017 #container .sub_view .view_con,
	.election2017 #container .sub_view .relation_list{padding-left:10px;padding-right:10px;}
    .election2017 #container .sub_view .view_top .btn_info{right:10px;}
    .election2017 #container .relation_mobile { padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width:480px){ 
    .election2017 #container .right_sub_con > div > h3 { font-size:18px;padding: 10px 0;}
}

/*-------------------------------------- sub8: gallery --------------------------------------*/
@media screen and (max-width:900px){ 
    .election2017 #container #gallery_container h2 {margin-top:0px; padding-top: 20px;}
    .election2017 #container.elphoto #contents-article-view{ padding:0 10px; }
}
@media screen and (max-width:640px){ 
    .election2017 #container.elphoto #contents-article-view{ padding:0; }
}

/*-------------------------------------- common Important! --------------------------------------*/
#l-right:after, #m-right:after {display: none !important;}