@charset "UTF-8";
@import url("common.css");

/* ※ 뉴스페이지 ※*/
.newsView_section {padding-top: 10px;}
.news .navi > ul > li:nth-child(5) {color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/navi_active.png) 0 -5px repeat-x;}

/* 최신뉴스 */
.hot_news ul {height: auto;}
.hot_news ul li {width: 100%; max-width:inherit; overflow: hidden; margin-top: 34%; margin-left: 0;}
.hot_news ul li:nth-child(n+2) {margin-top: 20px;}
.hot_news ul li a .hotNews_photo, .hot_news ul li a .hotNews_txt, .hot_news ul li a .news_date {float: left;}
.hot_news ul li a .hotNews_photo {width: 40%; max-width: 200px; margin-bottom: 2%;}
.hot_news ul li a .hotNews_txt {width: 54%; margin-top: 0; margin-left: 6%;}
.hot_news ul li a {overflow: hidden;}
.hot_news ul li a .news_photo:before {display: none;}
.hot_news ul li a .news_date {display: inline-block; margin-left: 6%;}
.hot_news ul li a .news_date span {display: inline; font-size: 12px; color: #787878;}

/* 영상 공통 */
.videoList_wrap {padding: 20px;}
.videoList_section {padding-bottom: 40px; border-bottom: 0;}
.videoList_Title {width: 100%; height: 50px; border-bottom: 1px solid #f1f1f1; font-size: 16px; font-weight: bold; line-height: 50px; overflow: hidden;}
.videoList_Title .newsTitle_ico {width: 30px; height: 50px; display: inline-block; float: left;}
.videoList_Title p {float: left; display: inline-block; height: 50px; line-height: 50px; margin-left: 12px;}
.videoList_more {width: 100%; max-width: 660px; border: 1px solid #e6e6e6; margin: 15px auto 0; background: #fff;}
.videoList_more ul {overflow: hidden;}
.videoList_more ul li {width: 50%; height: 40px; line-height: 40px; text-align: center; color: #000; float: left;}
.videoList_more ul li:nth-child(2) {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/videoList_lst_ico.jpg) 0 14px no-repeat; -webkit-background-size: 1px; background-size: 1px;}
.videoList_more ul li button {display: block; width: 100%; height: 100%;}
.videoList_more ul li .vnlst_btn {display: inline-block; width: 11px; height: 7px; margin-left: 6px;}
.videoList_more ul li .up_ico {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/vnlst_btn_02.png) 0 0 no-repeat; background-size: 10px;}
.videoList_more ul li .down_ico {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/vnlst_btn_01.png) 0 0 no-repeat; background-size: 10px;}

/* 영상뉴스 */
.newsSecondTitle .nt_ic_01 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/nt_ic_01.png) 0 10px no-repeat; background-size: 30px;}
.newsSecondTitle .nt_ic_02 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/nt_ic_02.png) 0 10px no-repeat; background-size: 30px;}
.newsSecondTitle .nt_ic_03 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/nt_ic_03.png) 0 10px no-repeat; background-size: 30px;}
.newsSecondTitle .nt_ic_04 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/nt_ic_04.png) 0 10px no-repeat; background-size: 30px;}
.newsSecondTitle .nt_ic_05 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/vdo_ic_vote.png) 0 10px no-repeat; background-size: 30px;}

/* ※ 뉴스 상세 페이지 ※*/
.newsView_wrap {padding: 0; margin-top: 20px; padding-bottom: 40px;}
.newsView_text {padding: 0 20px; letter-spacing: -0.06em;}
.newsView_title {font-size: 20px; font-weight: bold;}
.newsView_info {margin: 10px 0 20px;}
.newsView_info .editor_name {font-size: 12px; font-family: 'notokr-bold';}
.newsView_info .article_date {font-size: 12px; color: #787878; display: inline-block; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/article_date_ico.jpg) 0 3px no-repeat; background-size: 1px; margin-left: 10px; padding-left: 10px;}
.newsView_photo {width: 100%; max-width: 720px;}
.newsView_photo img {width: 100%;}
.newsView_txt {font-size: 15px; line-height: 24px; margin: 30px 0 50px;}
.newsChart_link {width: 90%; margin: 0 20px; height: 40px; line-height: 40px; color: #000; font-size: 15px; text-align: center; border: 1px solid #e6e6e6;}

/* ※ 판세 페이지 ※*/
/* .research .navi > ul > li:nth-child(2) {color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/navi_active.png) 0 -5px repeat-x;} */
.mbc-research {border-bottom: 0; padding-bottom: 20px;}
.mbc-research .news_bx ul li a .news_photo:before {display: none;}
.newsTop_bx {width: 100%; max-width: 640px;}
.newsTop_bx a {display: block; width: 100%;height: 100%;}
.newxTop_img {border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 5px rgb(0 0 0 / 15%); margin: 20px auto;}
.newxTop_img img {width: 100%;}
.newsTop_txt {font-size: 16px; line-height: 24px; color: #000; display: block;}
.newsTop_date {font-size: 12px; line-height: 24px; color: #787878;}

/* ※ 영상 페이지 ※*/
.video .videoList_section {padding-bottom: 0; border-bottom: 0;}
.video .videoList_section > div:last-child {padding-bottom: 80px;}
/* .video .navi > ul > li:nth-child(3) {color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/navi_active.png) 0 -5px repeat-x;} */
.video_radio {background: #fffaf8;}
.video_mbignews, .video_vote {background: #f5fbff;}
.videoList_Title .vdo_ic_radio {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/vdo_ic_radio.png) 0 10px no-repeat; background-size: 30px;}
.videoList_Title .vdo_ic_toron {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/vdo_ic_toron.png) 0 10px no-repeat; background-size: 30px;}
.videoList_Title .vdo_ic_mbignews {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/vdo_ic_mbignews.png) 0 10px no-repeat; background-size: 30px;}
.videoList_Title .vdo_ic_vote {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/vdo_ic_vote.png) 0 10px no-repeat; background-size: 30px;}

.video .news_bx ul li a .news_photo {padding-bottom: 56.248462236563476%;}
.video .news_bx ul li a .news_photo img {position: absolute; top: -16.66826923076923%;}

/* ※ 공약 페이지 ※*/
/* .candidate .navi > ul > li:nth-child(4) {color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/navi_active.png) 0 -5px repeat-x;} */
.candidate_section {width: 100%; max-width: 720px; min-width: 320px; margin: 0 auto; padding: 20px 0 0;}
.candidate_section:last-child {border-bottom: 0;}
.hubo_tabs ul {overflow: hidden; margin-left: 20px;}
.hubo_tabs ul li {width: 105px; float: left; font-size: 14px; height: 30px; line-height: 30px; text-align: center; background: #ebebeb; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-left: 5px;}
.hubo_tabs ul li:first-child {margin-left: 0;}
.hubo_tabs ul li.on {background: #000032;}
.hubo_tabs ul li button {color: #000032;}
.hubo_tabs ul li.on button {color: #fff; font-weight: bold;}
.gradient-border {background: linear-gradient(to right, #000032 35%, #FCA792); width: 100%; height: 2px;}
.hubo_wrap {display: none;}
.hubo_wrap ul .hubo {padding: 20px 20px 40px;}
.hubo_wrap ul .hubo:nth-child(even) {background: #fffaf8;}
.hubo_wrap ul .hubo .hubo_title {overflow: hidden;}
.hubo_wrap ul .hubo .hubo_title .hubo_img {width: 45px; height: 45px; float: left;}
.hubo_wrap ul .hubo .hubo_title .hubo_name {font-weight: bold; font-size: 16px; height: 45px; line-height: 45px; float: left; margin-left: 10px;}
.hubo_wrap ul .hubo .hubo_title .hubo_name .hubu_party {font-weight: normal; display: inline-block; font-size: 12px; color: #787878; margin-left: 5px;}
.hubo_txt {padding-left: 56px;}
.hubo_txt ul li {font-size: 14px; line-height: 24px; padding-left: 8px; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/hubo_txt_ico.jpg) 0 10px no-repeat; background-size: 3px; letter-spacing: -0.04em;}

.candidate .candi_info {font-size: 12px; width: 100%; margin: 20px auto; text-align: center;}

/* 대선 알고보니 */
.algoboni_section {padding-bottom: 0;}
.algoboni_section .news_bx {overflow: hidden; overflow-x: auto; white-space: nowrap;}
#algoboni_area li {width: 250px; margin-left: 20px; margin-top: 0;}
#algoboni_area li:first-child {margin-left: 0;}

/* ※ 이벤트 페이지 */
.event_section {width: 100%; max-width: 720px; margin: 0 auto; position: relative; border-bottom: 0;}
/*.event_section .linkBx {width: 100%; position: absolute; bottom: 47%;}*/
.event_section .linkBx {width: 100%; position: absolute; bottom: 12%;}
.event_section .linkBx .event_link {display: block; width: 72.22222222222221%; max-width: 520px; margin: 0 auto;}
.event_section .snsLink {width: 100%; position: absolute; bottom: 7%; display: none;}
.event_section .snsLink ul {overflow: hidden; display: block; width: 61.80555555555556%; max-width: 445px; margin: 0 auto;}
.event_section .snsLink ul li {float: left; width: 27.415730337078653%; max-width: 122px; margin-left: 8.539325842696629%;}
.event_section .snsLink ul li:first-child {margin-left: 0;}
.event_section .sl2 {position: relative; padding: 5.555555555555555% 0 8.333333333333332%; background: #fafafa;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 220215 event3 추가 */
.event3 .event_section{margin:0 auto}
.event3 .event_section *{font-family:inherit;margin:0}
.event3 .event_tit{display:inline-block;width:100px;margin-bottom:25px;padding:8px 0 5px;box-sizing:border-box;border-radius:24px;color:#fff;background-color:#0c006c;font-size:15px;font-weight:bold;line-height:1;text-align:center}
.event3 .event_spot{margin-bottom:25px}
.event3 .event_player{margin-bottom:28px}
.event3 .event_player .player_select{text-align:center;margin-bottom:10px}
.event3 .event_player .player_select button {width:120px;text-align:center;border:1px solid #d2d2d2;padding:6px 0 3px;margin:0 5px;border-radius:20px;color:#787878;font-size:16px;box-sizing:border-box}
.event3 .event_player .player_select button.on{background-color:#ffa992;border:1px solid #ffa992;color:#fff;font-weight:bold}
.event3 .event_player .player {margin-bottom:14px;border-top:5px solid #ffa992;border-bottom:5px solid #ffa992}
.event3 .event_player .player iframe{display:block;height:56.25vw;*height:404px;max-height:404px}
.event3 .event_player p.player_tit{text-align:center;font-size:13px}
.event3 .event_player p.player_tit span{color:#ffa992;font-weight:bold}
.event3 .event_info{padding:0 20px;margin-bottom:40px}
.event3 .event_info dl{display:flex;align-items:center;margin-top:20px;}
.event3 .event_info dl:first-child{margin-top:0}
.event3 .event_info dt{margin:0 10px 0 0;font-weight:bold} 
.event3 .event_info dd{margin-top:2px}
.event3 .event_info dd b{font-weight:bold}
.event3 .event_how{padding:0 20px;margin-bottom:40px}
.event3 .event_how .event_tit{margin-bottom:14px}
.event3 .event_how .how_box{margin-bottom:15px;}
.event3 .event_how .how_box:last-child{margin-bottom:0}
.event3 .event_how .how_box strong{display:block;margin-bottom:8px;font-size:15px;font-weight:bold;font-weight:bold}
.event3 .event_how .how_top{margin-bottom:30px}
.event3 .event_how .how_top .how_box p:before{content:'-';display:inline-block;width:10px;vertical-align:top;font-size:14px;line-height:21px}
.event3 .event_how .how_top .how_box p span{display:inline-block;width:calc(100% - 10px);font-size:14px;line-height:21px}
.event3 .event_how .how_top .how_box p a{margin-left:6px;}
.event3 .event_how .how_top .how_box p a img{display:inline-block;width:17px;vertical-align:top;}
.event3 .event_how .how_top .how_box ol{padding-left:12px}
.event3 .event_how .how_top .how_box ol li{font-size:14px;line-height:21px;list-style:decimal;margin-top:5px;word-break:keep-all;}
.event3 .event_how .how_top .how_box ol li:first-child{margin-top:0}
.event3 .event_how .how_top .how_box ol li b{font-weight:bold;color:#0c006b}
.event3 .event_how .how_bottom p{text-align:center;font-size:13px;color:#787878;margin-bottom:18px;}
.event3 .event_how .how_bottom ul {overflow: hidden; display: block; width: 61.80555555555556%; max-width: 445px; margin: 0 auto;}
.event3 .event_how .how_bottom ul li {float: left; width: 27.415730337078653%; max-width: 122px; margin-left: 8.539325842696629%;}
.event3 .event_how .how_bottom ul li:first-child {margin-left: 0;}
.event3 .event_give{padding:0 20px;margin-bottom:58px}
.event3 .event_give .give_tit{margin-bottom:20px}
.event3 .event_give .give_tit h3{display:inline-block;vertical-align:middle;margin-bottom:0}
.event3 .event_give .give_tit span{display:inline-block;width:calc(100% - 115px);margin-left:7px;margin-top:2px;font-size:11px;color:#787878;vertical-align:middle;line-height:16px;word-break:keep-all;}
.event3 .event_give .give_box{margin-bottom:28px}
.event3 .event_give .give_box:last-child{margin-bottom:0}
.event3 .event_give .give_box strong{display:block;margin-bottom:15px;font-weight:bold;font-size:14px}
.event3 .event_give .give_box ul{display:flex;justify-content:center;}
.event3 .event_give .give_box ul li{max-width:193px;margin-left:15px;text-align:center}
.event3 .event_give .give_box ul li:first-child{margin-left:0}
.event3 .event_give .give_box ul li span{display:block;font-size:12px}
.event3 .event_give .give_box ul li span.name{font-weight:bold;margin:10px 0 5px}
.event3 .event_give .give_box ul li span.product{padding:0 10px;word-break:keep-all;}
.event3 .event_note{padding:28px 20px;background:url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/event3_bg_note.jpg) no-repeat 0 0;background-size:100%}
.event3 .event_note strong{font-size:15px;font-weight:bold;display:block;margin-bottom:18px;}
.event3 .event_note ol{padding-left:15px}
.event3 .event_note ol li{margin-top:6px;font-size:14px;line-height:18px;list-style:decimal}
.event3 .event_note ol li:first-child{margin-top:0}
.event3 .event_note ol li em{text-decoration:underline;font-weight:bold}
.event3 .event_note ol li b{color:#0c006b;font-weight:bold}

/* ※ 투개표 모바일 페이지 */
.tugaepyo .header .logo_wrap .logo_day {text-align: right;}
.tugaepyo .header .logo_wrap .logo_day .d_day {color: #e60012; position: relative;}
.tugaepyo .header .logo_wrap .logo_day .d_day:after {content: ''; display: block; width: 6px; height: 6px; background: #eb6100; border-radius: 50%; background-size: 6px; position: absolute; top: 9px; right: 46px; animation-duration: 1s; animation-name: ani; animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes ani { 0% { opacity: 0 } 100% { opacity: 1 } } @media screen and (max-width: 1700px) { aside{left:91%} }
.tupyoTitle_ico {display: inline-block; width: 20px; height: 27px; margin-right: 8px; vertical-align: middle;}
.tp_ic_01 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/tp_ic_01.png) 0 0 no-repeat; background-size: 20px;}
.tp_ic_02 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/tp_ic_02.png) 0 0 no-repeat; background-size: 20px;}
.tp_ic_03 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/tp_ic_03.png) 0 0 no-repeat; background-size: 20px;}
.tp_ic_04 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/tp_ic_04.png) 0 0 no-repeat; background-size: 20px;}
.tp_ic_05 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/tp_ic_05.png) 0 0 no-repeat; background-size: 20px;}
.tp_ic_06 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/tp_ic_06.png) 0 0 no-repeat; background-size: 20px;}
.tp_ic_07 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/tp_ic_07.png) 0 0 no-repeat; background-size: 20px;}
.tp_ic_08 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/tp_ic_08.png) 0 0 no-repeat; background-size: 20px;}
.tugaepyo .section:last-child {border-bottom: 0;}
.tugaepyo .section {color: #535353; max-width: 720px;}
.tugaepyo .section_top {border-bottom: 0;}
.vote_current .navi > ul > li:first-child {color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/navi_active.png) 0 -5px repeat-x;}
.rate_section {background: #0f0048 url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/rate_section_bg.png) no-repeat; margin-top: 10px; padding: 15px 20px 0; height: 65px; border-bottom: 0; background-size: cover;}
.rate_section .rate_onair {width: 100%; max-width: 340px; min-width: 320px; margin: 0 auto; overflow: hidden;}
.rate_section .rate_onair p {color: #fff; float: left;}
.rate_section .rate_onair .r_o_time {font-size: 13px; padding-top: 4px;}
.rate_section .rate_onair .r_o_percent {font-size: 40px; height: 37px; line-height: 37px; font-family: 'notokr-medium'; border-left: 1px solid #33335b; margin-left: 15px; padding-left: 15px; letter-spacing: -0.05em;}
.rate_section .rate_onair .r_o_percent .font_small {font-size: 20px;}
/*.rate_section .rate_onair .r_o_percent span {display: inline-block; width: 82px; text-align: right;}*/
.rate_section .rate_onair .r_o_txt {color: #000032; font-family: 'notokr-bold'; background: #fff; height: 40px; line-height: 40px; width: 60px; text-align: center; border-radius: 10px; float: right;}

/*투표현황 - 지역별*/
.result_section .rate-cont {width: 100%; margin: 0 auto 44px; position: relative;}
.result_section .rate-cont .rate-city-graph {width: 100%; height: 240px; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/bg-city-rate.png) repeat-x; background-size: 400px; background-position: 0 17px; margin-bottom: 40px;}
.result_section .rate-cont .rate-city-graph .vert-box {width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; height: 100%;}
.result_section .rate-cont .rate-city-graph .vert-box::-webkit-scrollbar, .reBoiling_section .reBoiling_bx::-webkit-scrollbar {height: 3px;}
.result_section .rate-cont .rate-city-graph .vert-box::-webkit-scrollbar-thumb, .reBoiling_section .reBoiling_bx::-webkit-scrollbar-thumb {background: #c1c1c1;}
.result_section .rate-cont .rate-city-graph .vert-box::-webkit-scrollbar-track, .reBoiling_section .reBoiling_bx::-webkit-scrollbar-track {background: #f1f1f1;}
.result_section .rate-cont .rate-city-graph .vert {width: 704px; height: 178px; top: 195px; position: relative; margin: 0 20px;}
.result_section .rate-cont .rate-city-graph .vert li {width: 22px; height: 178px; float: left; margin-right: 20px; position: relative; text-align: center;}
.result_section .rate-cont .rate-city-graph .vert li:last-child {margin-right: 0;}
.result_section .rate-cont .rate-city-graph .vert li .data {position: absolute; width: 36px; text-align: center; top: -20px; left: 50%; margin-left: -18px; color: #333; font-size: 13px;}
.result_section .rate-cont .rate-city-graph .vert .city-name {line-height: 36px; font-size: 12px;}
.result_section .rate-cont .rate-city-graph .vert li .bar {display: block; position: absolute; bottom: 0; left: 0; width: 22px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; background: #000032; z-index: 2;}
.result_section .rate-cont .rate-city-graph .vert li .high:before {content: "최고"; display: block; position: absolute; left: 0; top: -35px; width: 25px; height: 15px; /*background: url(https://vote2018.imbc.com/images/ico-high.png) no-repeat; background-size: 25px;*/font-family: 'notokr-bold'; color: #e50112;}
.result_section .rate-cont .rate-city-graph .vert li .low:before {content: "최저"; display: block; position: absolute; left: 0; top: -35px; width: 25px; height: 15px; /*background: url(https://vote2018.imbc.com/images/ico-low.png) no-repeat; background-size: 25px;*/font-family: 'notokr-bold'; color: #0069b7;}
.result_section .rate-cont .rate-city-graph .vert li:after {content: ""; display: block; position: absolute; top: -178px; left: 0; width: 22px; height: 178px; background: #eee; z-index: 1;}

/*투표현황 - 시간별*/
.result_section .sort-time .rate-cont {width: 1032px; height: 432px; margin: 0 auto 28px; position: relative; background: none; padding-left: 20px;}
.result_section .sort-time .line-chart {position: relative;}
.result_section .sort-time .line-chart #holder {width: 1020px; height: 446px; background: url(https://vote2018.imbc.com/images/vote-bg-time-v2.jpg) no-repeat; padding-left: 46px; padding-top: 16px; overflow: hidden;}
.result_section .sort-time .line-chart .holder-cover {position: absolute; background: #fff; top: 12px; left: 0; height: 22px; width: 1020px;}
.result_section .sort-time .time-table {width: 996px; margin: 0 auto; text-align: center; margin-bottom: 50px;}
.result_section .sort-time .time-table td, .result_section .sort-time .time-table th {line-height: 30px; border-top: 1px solid #dddee4; border-right: 1px solid #dddee4; color: #333333;}
.result_section .sort-time .time-table th {border-right: 0;}
.result_section .sort-time .time-table .seventh td {color: #f2321b;}
.result_section .sort-time .time-table .fifth th, .result_section .sort-time .time-table .fifth td {border-bottom: 1px solid #dddee4;}
.result_section .sort-time .time-table td.bg {background: #f4f5f9; border-right: 0;}
.result_section .rate-past {width: 100%; max-width: 996px; margin: 0 auto; text-align: center; padding: 0 20px;}
.result_section .rate-past table {margin-bottom: 40px; text-align: center;}
.result_section .rate-past table th {font-size: 14px; color: #000; background: #e8e8ef; line-height: 38px; border-top: 1px solid #dddee4; font-family: 'notokr-bold'; text-align: center;}
.result_section .rate-past table td {font-size: 14px; line-height: 38px; border-top: 1px solid #dddee4;}
.result_section .rate-past table tbody {border-bottom: 1px solid #dddee4;}
.result_section .rate-past table .past {}
.result_section .rate-past table .past td {font-family: 'notokr-bold';}
.result_section .rate-past table .high {padding-left: 14px; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/ico-high-2.png) left center no-repeat; background-size: 10px;}
.result_section .rate-past table .low {padding-left: 14px; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/ico-low-2.png) left center no-repeat; background-size: 10px;}
.tupyo_section .tupyo_exe {margin: 25px auto 20px; width: 340px;}
.tupyo_section .tupyo_exe ul {overflow: hidden;}
.tupyo_section .tupyo_exe ul li {float: left; width: 100px; text-align: center; font-size: 12px;}
.tupyo_section .tupyo_exe ul li:first-child {width: 140px;}
.tupyo_section .tupyo_exe ul li span {margin-right: 5px;}
.tupyo_section .tupyo_exe ul li .vote_color1 {color: #eb6100;}
.tupyo_section .tupyo_exe ul li .vote_color2 {color: #bab9e3;}
.tupyo_section .tupyo_exe ul li .vote_color3 {color: #e7e7e7;}
.highcharts-figure, .highcharts-data-table table {min-width: 320px; max-width: 900px; margin: 0 auto;}
.highcharts-series-1 text, .highcharts-series-1 text * {fill: #ccc !important; color: #ccc !important; font-size: 12px !important;}

.tupyo_section .tupyo_intro {font-size: 12px; text-align: center; margin-bottom: 30px;}

/*사전 투표율*/
.pre_section {padding-bottom: 40px;}
.pre_section .rate-cont {width: 100%; margin: 0 auto; position: relative;}
.pre_section .rate-cont .rate-city-graph {width: 100%; height: 200px; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/bg-pre-rate.png) repeat-x; background-size: 400px; background-position: 0 21px;}
.pre_section .rate-cont .rate-city-graph .vert-box {width: 100%; height: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap;}
.pre_section .rate-cont .rate-city-graph .vert-box::-webkit-scrollbar, .reBoiling_section .reBoiling_bx::-webkit-scrollbar {height: 3px;}
.pre_section .rate-cont .rate-city-graph .vert-box::-webkit-scrollbar-thumb, .reBoiling_section .reBoiling_bx::-webkit-scrollbar-thumb {background: #c1c1c1;}
.pre_section .rate-cont .rate-city-graph .vert-box::-webkit-scrollbar-track, .reBoiling_section .reBoiling_bx::-webkit-scrollbar-track {background: #f1f1f1;}
.pre_section .rate-cont .rate-city-graph .vert {width: 740px; height: 90px; top: 154px; position: relative; margin: 0 20px;}
.pre_section .rate-cont .rate-city-graph .vert li {width: 22px; height: 178px; float: left; margin-right: 20px; position: relative; text-align: center;}
.pre_section .rate-cont .rate-city-graph .vert li:last-child {margin-right: 0;}
.pre_section .rate-cont .rate-city-graph .vert li .data {position: absolute; width: 36px; text-align: center; top: -20px; left: 50%; margin-left: -18px; color: #333; font-size: 13px;}
.pre_section .rate-cont .rate-city-graph .vert .city-name {line-height: 36px; font-size: 12px;}
.pre_section .rate-cont .rate-city-graph .vert li .bar {display: block; position: absolute; bottom: 0; left: 0; width: 22px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; background: #a4a2b8; z-index: 2;}
.pre_section .rate-cont .rate-city-graph .vert li:nth-child(1) .bar {background: #605f89;}
.pre_section .rate-cont .rate-city-graph .vert li .high:before {content: "최고"; display: block; position: absolute; left: 0; top: -35px; width: 25px; height: 15px; /*background: url(https://vote2018.imbc.com/images/ico-high.png) no-repeat; background-size: 25px;*/font-family: 'notokr-bold'; color: #e50112;}
.pre_section .rate-cont .rate-city-graph .vert li .low:before {content: "최저"; display: block; position: absolute; left: 0; top: -35px; width: 25px; height: 15px; /*background: url(https://vote2018.imbc.com/images/ico-low.png) no-repeat; background-size: 25px;*/font-family: 'notokr-bold'; color: #0069b7;}
.pre_section .rate-cont .rate-city-graph .vert li:after {content: ""; display: block; position: absolute; top: -132px; left: 0; width: 22px; height: 132px; background: #eee; z-index: 1;}

/*2022 대선 안보이게*/
.highcharts-series-label{display: none;}
.highcharts-tooltip .tooltips{padding: 10px 4px;background:#f0eff5;border-radius: 10px;font-family: 'notokr-regular';letter-spacing: -.03rem; font-size: 12px;}
.highcharts-tooltip .tooltips span.bold {font-weight: bold;font-size: 16px;}
g.highcharts-label.highcharts-tooltip.highcharts-color-undefined {display: none;}
.highcharts-credits{display: none;}
.highcharts-figure #container {height: 250px; padding-right: 20px;}
.highcharts-figure #container, .highcharts-figure #container .highcharts-container {overflow: visible !important}
.highcharts-axis-labels text {font-family: 'notokr-normal'; font-size: 12px;}
.highcharts-axis-labels text.active{font-family: 'notokr-bold';}
.highcharts-series-0, .highcharts-series-0 path {opacity: 1 !important;}
.itr_ara_ctt.filter {z-index: 100; position: relative; padding: 0 20px; margin-bottom: 12px; font-size: 0; text-align: left; min-width: 320px; overflow: hidden;}
.area_select {width: 50%; float: left;}
.area_select form {position: relative;}
.area_select form:after {content: ""; position: absolute; right: 12px; top: 10px; width: 14px; height: 11px; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/icon-dropdown.png) no-repeat; background-size: 14px;}
.area_select form select {width: 100%; height: 30px; line-height: 30px; padding: 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background: #fff; color: #000;}
.area_select form select:focus {border: 1px solid #cdcdcd; outline: none;}
.sido_select form select {border-right: 0;}
.itr_ara_txt {margin-top: 35px;}
.itr_ara_txt p {text-align: center;}
.itr_ara_txt .now_situ {font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 40px;}
.itr_ara_txt .now_situ span {font-family: 'notokr-bold'; color: #000032;}
.itr_ara_txt .now_time {font-size: 14px; color: #7d7d7d; margin-top: 10px; margin-bottom: 38px;}
.itr_ara_txt .now_situ .guArea {padding-left: 3px;}
.prevVote_section .prevVote_img {width: 100%; max-width: 640px; margin: 0 auto; padding: 0 20px; margin-bottom: 45px;}
.tugaepyo .reBoiling_section {max-width: 100%;}
.reBoiling_section .section_top {max-width: 720px;}
.sectiontop_txt .reBil_time {font-size: 14px; font-weight: normal; color: #7d7d7d; margin-left: 5px;}
.reBoiling_section .reBoiling_bx {overflow: hidden; overflow-x: auto; white-space: nowrap; margin-bottom: 50px;}
.reBoiling_section .reBoiling_bx .reBoiling_list {width: 100%; background: #9e9eb1;}
.reBoiling_section .reBoiling_bx .reBoiling_list ul {width: 460px; padding: 20px; margin-bottom: 20px; background: #9e9eb1; overflow: hidden;}
.reBoiling_section .reBoiling_bx .reBoiling_list ul li {float: left; width: 75px; height: 115px; background: #fff; margin-right: 10px; text-align: center;}
.reBoiling_section .reBoiling_bx .reBoiling_list ul li:last-child {margin-right: 0;}
.reBoiling_section .reBoiling_bx .reBoiling_list ul li span {display: block; margin: 0 10px;}
.reBoiling_section .reBoiling_bx .reBoiling_list ul li .reBil_area {font-size: 12px; line-height: 18px; font-family: 'notokr-bold'; margin-top: 20px; margin-bottom: 10px;}
.reBoiling_section .reBoiling_bx .reBoiling_list ul li .reBil_percent {font-size: 16px; color: #898989; padding-top: 10px; border-top: 1px solid #d3d3d3;}

/* ※ 출구조사 페이지 ※ */
.vote_forecast .navi > ul > li:nth-child(2) { color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/navi_active.png) 0 -5px repeat-x;}
/* Party Color */
.pre-graph-wrap .party_1 .bar {background:#1e4d9b;}
.pre-graph-wrap .party_2 .bar {background:#d93a35;}
.pre-graph-wrap .party_3 .bar {background:#ce5f2c;}
.pre-graph-wrap .party_4 .bar {background:#f7cc46;}
.pre-graph-wrap .party_5 .bar {background:#666;}
.pre-graph-wrap .party_9 .bar {background:#aaa;}
.exit_section {border-bottom: 0;}
.exit_section .exit_bx {padding: 25px 0;}
.exit_section .exit_top {background: #ebedf1; position: relative;}
.exit_section .exit_bx .top_lank {overflow: hidden; max-width: 680px; position: relative;}
.exit_section .exit_bx .top_lank .candi_bx {width: 50%; float: left;}
.exit_section .exit_bx .top_lank .candi_bx .candi_top {position: relative; max-width: 300px;}
.exit_section .exit_bx .top_lank .candi_bx .candi_top img {width: 90%; display: block; margin: 0 auto;}
.exit_section .exit_bx .top_lank .candi_bx .candi_top p {font-size: 16px; font-family: 'notokr-bold'; width: 100px; text-align: center; height: 30px; line-height: 30px; background: #fff; border: 1px solid #b4b4b4; border-radius: 12px; position: absolute; bottom: 0; left: 50%; margin-left: -50px; color: #000;}
.exit_win .candi_top:after {display: block; width: 60px; height: 70px; position: absolute; bottom: -5px; text-indent: -99999px; left: 50%; margin-left: -75px;}
.exit_win.definite .candi_top:after {content: '확실'; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/open_definite_img.png) 0 0 no-repeat; background-size: 100%;}
.exit_win.reliable .candi_top:after {content: '유력'; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/open_reliable_img.png) 0 0 no-repeat; background-size: 100%;}
.exit_win.elected .candi_top:after {content: '당선'; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/open_elected_img.png) 0 0 no-repeat; background-size: 100%;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom {overflow: hidden; position: relative;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom .candi_txt .candi_name {font-size: 23px; font-family: 'notokr-bold'; color: #000; margin-top: 15px;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom .candi_txt .candi_party, .exit_section .exit_bx .top_lank .candi_bx .candi_bottom .candi_txt .candi_polltxt {font-size: 12px; color: #7d7d7d;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom .candi_txt .candi_party {margin-top: 5px;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom .candi_txt .candi_polltxt {margin-top: 3px;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom .candi_txt .data-rate {font-size: 30px; font-family: 'notokr-bold'; color: #000;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom .candi_txt .eltd_vote {font-size: 12px; color: #000; margin-top: 5px;}
.graph {width: 20px; height: 160px; position: absolute;}
.graph .vert {position: relative;}
.graph .vert li {position: relative; width: 20px; float: left;}
.graph .vert li:first-child {margin-right: 9px;}
.graph .vert li .bar {display: block; background: #435e9c; position: absolute; bottom: 0; left: 0; width: 20px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.graph .vert .bar {background: #774fd1;}

.graph .vert li .bar.party_thumin {border: 1px solid #5996cc; background: #5996cc;}
.graph .vert li .bar.party_liberty {border: 1px solid #ae4a4a; background: #ae4a4a;}
.graph .vert li .bar.party_justice {border: 1px solid #cfa84d; background: #cfa84d;}
.graph .vert li .bar.party_peoples {border: 1px solid #c67148; background: #c67148;}

.graph .vert li .bar.party_peace {border: 1px solid #78b600; background: #78B600;}
.graph .vert li .bar.party_minjung {border: 1px solid #f47920; background: #f47920;}
.graph .vert li .bar.party_gkpp {border: 1px solid #113066; background: #113066;}
.graph .vert li .bar.party_kgreens {border: 1px solid #62bb47; background: #62bb47;}
.graph .vert li .bar.party_ourfuture {border: 1px solid #e60063; background: #e60063;}
.graph .vert li .bar.party_gokr {border: 1px solid #ef383d; background: #ef383d;}
.graph .vert li .bar.party_newpolitics {border: 1px solid #0c449b; background: #0c449b;}
.graph .vert li .bar.party_etc {border: 1px solid #888; background: #AFB1BD;}
.graph .vert li .bar.party_no {border: 1px solid #888; background: #7F8189;}
.exit_section .exit_bx .top_lank .exit_party1 .candi_bottom .candi_txt {float: left; text-align: left; margin-left: 12px;}
.exit_section .exit_bx .top_lank .exit_party2 .candi_bottom .candi_txt {float: right; text-align: right; margin-right: 12px;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom .graph {height: 160px; bottom: -160px;}
.exit_section .exit_bx .top_lank .candi_bx .candi_bottom .graph .vert li {height: 150px;}
.exit_section .exit_bx .top_lank .exit_party1 .candi_bottom .graph {right: 0px; margin-right: 5px;}
.exit_section .exit_bx .top_lank .exit_party2 .candi_bottom .graph {left: 0; margin-left: 5px;}
.exit_section .exit_bottom {background: #fff;}
.exit_section .exit_bottom .exit_overflow {width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; padding-bottom: 20px;}
.exit_section .exit_bottom .exit_overflow::-webkit-scrollbar, .reBoiling_section .reBoiling_bx::-webkit-scrollbar {height: 3px;}
.exit_section .exit_bottom .exit_overflow::-webkit-scrollbar-thumb, .reBoiling_section .reBoiling_bx::-webkit-scrollbar-thumb {background: #c1c1c1;}
.exit_section .exit_bottom .exit_overflow::-webkit-scrollbar-track, .reBoiling_section .reBoiling_bx::-webkit-scrollbar-track {background: #f1f1f1;}
.exit_section .exit_bx .ect_lank {overflow: hidden; text-align: center; color: #000; display: flex; width: 1270px;}
.exit_section .exit_bx .ect_lank .exit_party {float: left; width: 100px; margin-right: 15px;}
.exit_section .exit_bx .ect_lank .exit_party .candi_top {position: relative;}
.exit_section .exit_bx .ect_lank .exit_party .candi_top p {width: 60px; height: 30px; line-height: 30px; font-size: 13px; bottom: 0; border: 1px solid #b4b4b4; background: #ececf4; position: absolute; bottom: 20px; left: 50%; margin: -30px; font-weight: bold; font-weight: bold; border-radius: 12px;}
.exit_section .exit_bx .ect_lank .exit_party .candi_top img {width: 100px; height: 100px;}
.exit_section .exit_bx .ect_lank .exit_party .candi_bottom {margin-top: 15px;}
.exit_section .exit_bx .ect_lank .exit_party .candi_bottom .candi_txt {}
.exit_section .exit_bx .ect_lank .exit_party .candi_bottom .candi_txt .candi_name {font-family: 'notokr-bold'; font-size: 16px;}
.exit_section .exit_bx .ect_lank .exit_party .candi_bottom .candi_txt .candi_party, .exit_section .exit_bx .ect_lank .exit_party .candi_bottom .candi_txt .candi_vote {font-size: 12px; color: #7d7d7d; margin-top: 5px;}
.exit_section .exit_bx .ect_lank .exit_party .candi_bottom .candi_txt .data-rate {font-family: 'notokr-bold'; font-size: 16px;}

/* § 출구조사 지도영역 § */
/* txt 정당공통 */
.party_1 .clr_chg {color: #5a97cd !important;}
.party_2 .clr_chg {color: #ae4a4a !important;}
.party_3 .clr_chg {color: #cfa84d !important;}
.party_4 .clr_chg {color: #c67148 !important;}
.party_5 .clr_chg {color: #1693d4 !important;}
.party_6 .clr_chg, .party_7 .clr_chg, .party_8 .clr_chg, .party_9 .clr_chg, .party_10 .clr_chg, .party_11 .clr_chg, .party_12 .clr_chg, .party_13 .clr_chg, .party_14 .clr_chg {color: #86725c !important;}
.party_15 .clr_chg {color: #666 !important;}

/* bg 정당공통 */
.top-rank .party_1 .bar, .candy-map .party_1 .ptn, .pre-graph-wrap .party_1 .bar {background: #5a97cd;}
.top-rank .party_2 .bar, .candy-map .party_2 .ptn, .pre-graph-wrap .party_2 .bar {background: #ae4a4a;}
.top-rank .party_3 .bar, .candy-map .party_3 .ptn, .pre-graph-wrap .party_3 .bar {background: #cfa84d;}
.top-rank .party_5 .bar, .candy-map .party_4 .ptn, .pre-graph-wrap .party_4 .bar {background: #c67148;}
.bar-vertical .bar:after {width: 50%; height: 100%;}
.bar-horizontal .bar:after {width: 100%; height: 50%;}
.low-browser #voting .fl_right .vote2017 .bar em:after, .low-browser .bar:after {display: none;}

/* 종합상황판 */
#total-situation {position: relative; padding-top: 20px; padding-bottom: 20px; background: #fafafa;}
#total-situation h3 {padding: 50px 0 30px;}
.select-box li a {height: 29px; border-top: 1px solid #e3e3e3; background: #fff;}

/* 타이틀 */
.clearfix:after {content: ''; clear: both; display: block;}

/* 전국판세 */
#nationwide {position: relative; width: 360px; margin: 0 auto; background: #fafafa;}
.map-btn {width: 184px; height: 27px; margin: 0 auto;}
.map-btn:after {content: ''; clear: both; display: block;}
.map-btn a {display: block; float: left; padding: 0 10px; width: 86px; text-align: center; height: 32px; line-height: 28px; margin-left: -1px; border: 1px solid #bfbfbf; font-size: 13px; color: #7d7d7d; line-height: 30px; background: #fff; border-radius: 15px; margin-left: 10px;}
.map-btn a:first-child {margin-right: 0;}
.map-btn a.map-navi-1 {margin-left: 0;}
.map-btn a.on {border-color: #000032; background: #000032; color: #fff; z-index: 1; font-weight: bold;}
.candy-map {width: 270px; height: 80px; margin: 15px auto; overflow: hidden;}
.candy-map:after {content: ''; clear: both; display: block;}
.candy-map a {position: relative; display: block; float: left; width: 80px; height: 80px; padding: 5px 5px 0 5px; margin-left: 12px; padding-bottom: 5px; overflow: hidden;}
.candy-map a img {display: block; max-width: 80px; position: relative; right: 4px;}
.candy-map .ptn {display: block; position: absolute; top: 75px; left: 0; width: 100%; height: 5px;}
.candy-map.sup .ptn {background: none !important;}
.candy-map.sup a {padding-bottom: 0; border-bottom: 5px solid #5a97cd;}
.candy-map.sup a.on {padding: 0; border: 5px solid #5a97cd;}
.candy-map a.party_1 {margin-left: 0;}
.candy-map a.party_2 {border-color: #ae4a4a !important;}
.candy-map a.party_3 {border-color: #cfa84d !important;}
.candy-map a.party_4 {border-color: #c67148 !important;}
.candy-map a.party_5 {border-color: #cfa84d !important;}
.candy-map a.party_6, .candy-map a.party_7, .candy-map a.party_8, .candy-map a.party_9, .candy-map a.party_10, .candy-map a.party_11, .candy-map a.party_12, .candy-map a.party_13, .candy-map a.party_14 {border-color: #86725c !important;}
.candy-map a.party_15 {border-color: #666666 !important;}
#map-wrap {position: relative; width: 300px; margin: 0 auto;}
#map-wrap .color-chip {position: absolute; bottom: 15px; left: 0; width: 100%; text-align: right;}
#area-txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/map_bar.png) no-repeat 45px 72px; background-size: 210px auto;}
#area-txt > span {display: inline-block; position: absolute; top: 0; left: 0; width: 75px; color: #333; *display: inline; *zoom: 1; font-size: 12px; font-weight: bold;}
#area-txt em {display: inline-block;}
#area-txt strong {}
#area-txt .area_9, #area-txt .area_10, #area-txt .area_11, #area-txt .area_18, #area-txt .area_13, #area-txt .area_14, #area-txt .area_15, #area-txt .area_16, #area-txt .area_17 {width: 55px; text-align: center; color: #fff;}
#area-txt .area_9.empty, #area-txt .area_10.empty, #area-txt .area_11.empty, #area-txt .area_12.empty, #area-txt .area_13.empty, #area-txt .area_14.empty, #area-txt .area_15.empty, #area-txt .area_16.empty, #area-txt .area_17.empty, #area-txt .area_18.empty {color: #333;}
#area-txt .area_9 strong, #area-txt .area_10 strong, #area-txt .area_11 strong, #area-txt .area_13 strong, #area-txt .area_14 strong, #area-txt .area_15 strong, #area-txt .area_16 strong, #area-txt .area_17 strong {display: block; text-align: center; margin-left: 0;}
#area-txt.party_3 .area_9, #area-txt.party_3 .area_10, #area-txt.party_3 .area_11, #area-txt.party_3 .area_12, #area-txt.party_3 .area_13, #area-txt.party_3 .area_14, #area-txt.party_3 .area_15, #area-txt.party_3 .area_16, #area-txt.party_3 .area_17, #area-txt.party_3 .area_18 {color: #333;}
#area-txt.party_4 .area_9, #area-txt.party_4 .area_10, #area-txt.party_4 .area_11, #area-txt.party_4 .area_12, #area-txt.party_4 .area_13, #area-txt.party_4 .area_14, #area-txt.party_4 .area_15, #area-txt.party_4 .area_16, #area-txt.party_4 .area_17, #area-txt.party_4 .area_18 {color: #333;}
#area-txt.party_5 .area_9, #area-txt.party_5 .area_10, #area-txt.party_5 .area_11, #area-txt.party_5 .area_12, #area-txt.party_5 .area_13, #area-txt.party_5 .area_14, #area-txt.party_5 .area_15, #area-txt.party_5 .area_16, #area-txt.party_5 .area_17, #area-txt.party_5 .area_18 {color: #333;}
#area-txt .area_1 {top: 88px; left: -25px; text-align: right;}
#area-txt .area_2 {top: 259px; left: 255px;}
#area-txt .area_3 {top: 210px; left: 255px;}
#area-txt .area_4 {top: 68px; left: -25px; text-align: right;}
#area-txt .area_5 {top: 254px; left: -25px; text-align: right;}
#area-txt .area_6 {top: 168px; left: -25px; text-align: right;}
#area-txt .area_7 {top: 234px; left: 255px;}
#area-txt .area_9 {top: 106px; left: 93px;}
#area-txt .area_10 {top: 56px; left: 149px;}
#area-txt .area_11 {top: 130px; left: 128px;}
#area-txt .area_12 {top: 130px; left: -5px; width: 90px;}
#area-txt .area_13 {top: 210px; left: 95px;}
#area-txt .area_14 {top: 282px; left: 79px;}
#area-txt .area_15 {top: 160px; left: 175px;}
#area-txt .area_16 {top: 240px; left: 150px;}
#area-txt .area_17 {top: 353px; left: 60px;}
#area-txt .area_18 {top: 140px; left: 82px;}
#area-txt .area_17 em, #area-txt .area_17 strong {line-height: 8px;}
#svg-wrap {width: 230px; height: 388px; margin: 0 auto;}
#svg-wrap svg {width: 100%; height: 100%;}
.low-browser #map-wrap {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/bg_ie_map.gif) no-repeat 0 0;}
.low-browser #area-txt {background: none;}

/* 1·2위 예상 득표율 */
.expect_section {padding-bottom: 40px;}
/* Horizontal */
.expect_section .wrap-horizontal {width: 100%; max-width: 720px; padding: 0 20px; margin: 0 auto;}
.expect_section .wrap-horizontal .hor {display: none;}
.expect_section .wrap-horizontal .hor:first-child {display: block;}
.expect_section .hor .pre-graph-wrap li {height: 40px; max-width: calc(100% - 100px); /*margin-top: 15px;*/}
.expect_section .hor .pre-graph-wrap li:after {content: ''; clear: both; display: block;}
.expect_section .hor .pre-graph-wrap li > div {position: relative; float: left; width: calc(50% - 30px); height: 20px; /*background: #f1f1f1; border-radius: 10px;*/ padding: 20px 0; line-height: 0px;}
.expect_section .hor .pre-graph-wrap li > div.txt {width: 60px; text-align: center; background: none;}
.expect_section .hor .pre-graph-wrap li:first-child {margin-top: 0 !important;}
.expect_section .hor .pre-graph-wrap li > div > .ft_rbt {position: absolute; top: 0; font-size: 14px; color: #fff; line-height: 20px; z-index: 1; margin-top: 10px; font-weight: bold;}
.expect_section .hor .pre-graph-wrap li .win1 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/expect_graph_bg1.png) 0 0 no-repeat; background-position: right; background-size: 25px;}
.expect_section .hor .pre-graph-wrap li .win2 {background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/expect_graph_bg2.png) 0 0 no-repeat; background-position: left; background-size: 25px;}
.expect_section .hor .pre-graph-wrap .bar {position: absolute; top: 10px; height: 20px;}
.expect_section .hor .pre-graph-wrap .win1 .bar {right: 0; /*border-radius: 10px 0 0 10px;*/}
.expect_section .hor .pre-graph-wrap .win2 .bar {left: 0; /*border-radius: 0 10px 10px 0;*/}
.expect_section .hor .pre-graph-wrap .win1 .ft_rbt {right: 7px;}
.expect_section .hor .pre-graph-wrap .win2 .ft_rbt {left: 7px;}
.expect_section .hor .pre-graph-wrap .win1 .txt-out {padding-right: 3px; color: #333 !important;}
.expect_section .hor .pre-graph-wrap .win2 .txt-out {padding-left: 3px; color: #333 !important;}
.wrap-horizontal .graph-tab {width: 260px; margin: 0 auto;}
.wrap-horizontal .graph-tab ul {overflow: hidden;}
.wrap-horizontal .graph-tab ul li {float: left; width: 80px; text-align: center; height: 27px; line-height: 27px; color: #707070; background: #fff; border: 1px solid #bfbfbf; margin-left: 10px; border-radius: 15px;}
.wrap-horizontal .graph-tab ul li.on {font-weight: bold; color: #fff; background: #000032; border-color: #000032;}
.wrap-horizontal .graph-tab ul li:first-child {margin-left: 0;}
.wrap-pre-party {overflow: hidden; max-width: 320px; margin: 20px auto 30px;}
.wrap-pre-party .pre-party-bx {float: left; width: 50%; overflow: hidden;}
.wrap-pre-party .pre-party-bx .pre-party-img, .wrap-pre-party .pre-party-bx .pre-party-txt {width: 48%;}
.wrap-pre-party .pre-party-bx .pre-party-img {max-width: 70px;}
.wrap-pre-party .pre-party-bx .pre-party-txt p {font-size: 15px; color: #000; font-weight: bold; margin-top: 30px;}
.wrap-pre-party .pre-party-bx .pre-party-txt span {font-size: 12px; color: #898989; display: block;}
.wrap-pre-party .win1 .pre-party-img, .wrap-pre-party .win1 .pre-party-txt {float: left;}
.wrap-pre-party .win1 .pre-party-txt p, .wrap-pre-party .win1 .pre-party-txt span  {text-align: left;}
.wrap-pre-party .win1 .pre-party-txt {margin-left: 4%;}
.wrap-pre-party .win2 .pre-party-img, .wrap-pre-party .win2 .pre-party-txt {float: right;}
.wrap-pre-party .win2 .pre-party-txt {margin-right: 4%;}
.wrap-pre-party .win2 .pre-party-txt p, .wrap-pre-party .win2 .pre-party-txt span  {text-align: right;}
.deepcg_section .section_top {background: #000032; color: #fff;}
.deepcg_section .section_top .sectiontop_txt {overflow: hidden;}
.deepcg_section .section_top .deepcg_link {float: right; width: 140px; text-align: center; font-size: 12px; color: #000032; font-weight: normal; background: #fff url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/deepcg_ico.png) 128px 10px no-repeat; background-size: 5px; border-radius: 15px; height: 30px; line-height: 30px; display: inline-block; margin-top: 15px; margin-right: 20px;}

/* 1·2위 예상 득표율 */
.expect_bx {position: relative;}
/*막대 그래프2 */
.expect_bx .graph-horizontal {position: relative; margin-top: 30px;}
.expect_bx .graph-horizontal > li {position: relative; height: 40px; padding: 10px 0 10px 20px; border-bottom: 1px solid #d9d9d9; overflow: hidden;}
.expect_bx .graph-horizontal > li:first-child {border-top: 1px solid #d9d9d9; background: #f8f8fa;}
.expect_bx .graph-horizontal > li .txt {width: 170px; height: 20px; line-height: 20px; display: inline-block; text-align: left; font-size: 13px; float: left;}
.expect_bx .graph-horizontal > li .txt span {display: inline-block; margin-right: 10px; font-size: 14px; letter-spacing: -0.075em; color: #000; font-family: 'notokr-regular';}
.expect_bx .graph-horizontal > li .txt span.lank {width: 30px;}
.expect_bx .graph-horizontal > li .txt span.hubo_name {width: 36px;}
.expect_bx .graph-horizontal > li .txt span.party_txt {font-size: 12px; color: #7d7d7d; width: 75px;}
.expect_bx .graph-horizontal > li .txt span:last-child {margin-right: 0;}
.expect_bx .graph-horizontal .move {float: left; padding-left: 5px;}
.expect_bx .graph-horizontal .gr_bx {width: calc(100% - 170px); height: 20px; float: left; overflow: hidden;}
.expect_bx .graph-horizontal .bar {max-width: calc(100% - 50px); height: 20px; background: #000032; position: relative; float: left;}

/* 지역별예측순위 */
.areaExpect_section {position: relative; padding-top: 10px; padding-bottom: 20px;}
.areaExpect_section .area_select {width: 125px; float: none; position: absolute; top: 25px; right: 20px;}
.areaExpect_section .sido_select form select {border-right: 1px solid #bbb;}

/* ※ 개표현황 페이지 ※ */
.vote_open .navi > ul > li:nth-child(3) {color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/navi_active.png) 0 -5px repeat-x;}

/* 후보 리스트 상단 영역 */
.exit_section .exit_bx .top_lank .candi_bx .candi_top .reliable_img {width: 60px; position: absolute; bottom: 0;}
.exit_section .exit_bx .top_lank .exit_party1 .candi_top .reliable_img {left: 0;}
.exit_section .exit_bx .top_lank .exit_party2 .candi_top .reliable_img {right: 0;}
.differen_vote {width: 90px; height: 70px; background: #fff; text-align: center; position: absolute; bottom: 25px; left: 50%; margin-left: -45px; color: #000; border: 1px solid #cdcdcd; border-radius: 12px;}
.differen_vote p {font-size: 12px; margin-top: 2px;}
.differen_vote .dfr_txt {font-family: 'notokr-bold'; margin-top: 7px;}
.vote_open .map-btn {width: 278px; height: 32px;}

/* 전국/지역별 개표현황 */
.exit_section .elected_bottom .ect_lank {width: 1495px;}
.allarea_section {padding-bottom: 60px;}
.allarea_section .itr_ara_txt .now_situ span {color: #000;}
.allarea_bx {overflow: hidden; padding: 0 20px;}
.votepercent_txt {text-align: center; overflow: hidden; width: 50%; position: absolute; top: 0; right: 0; z-index: 1; padding-right: 10px;}
.votepercent_txt span {font-size: 10px; color: #7d7d7d; width: 50%; float: left;}
/*.votepercent_txt span:nth-child(1) {padding-right: 10px;}*/
.votepercent_txt span:nth-child(2) {text-align: right; padding-right: 15px;}
.allarea_section .itr_ara_txt {margin-bottom: 30px;}
.openvote_area {position: relative; margin-top: 2px; min-width: 340px;}
.openvote_area li {width: 100%; max-width: 720px; line-height: 40px; display: block; text-align: left; font-size: 13px; position: relative; height: 40px; padding: 0 20px; border-bottom: 1px solid #d9d9d9; overflow: hidden; white-space: nowrap;}
.openvote_area li:first-child {border-top: 1px solid #d9d9d9; background: #f8f8fa;}
.openvote_area li span {display: inline-block; font-size: 14px; letter-spacing: -0.075em; color: #000; width: 25%;}
.openvote_area li span:last-child {margin-right: 0;}
.openvote_area li .lank, .openvote_area li .hubo_name {width: 12%;}
.openvote_area li .party_txt {font-size: 12px; color: #7d7d7d; text-align: center;}
.openvote_area li .hubo_percent {font-size: 14px; font-family: 'notokr-bold'; text-align: center;}
.openvote_area li .hubo_vote {font-size: 12px; color: #7d7d7d; text-align: right;}
.votepercent_addition {width: 200px; height: 20px; line-height: 20px; text-align: center; background: #000032; color: #fff; font-size: 12px; position: absolute; font-family: 'notokr-bold'; top: 30px; left: 50%; margin-left: -100px;}
.votepercent_addition .add_percent {margin-left: 4px;}
.votepercent_addition .add_vote {margin-left: 15px;}
.elected_top {width: 100%; max-width: 720px; border-top: 1px solid #cfd3d6; border-bottom: 1px solid #cfd3d6; position: relative;}
.elected_top .elected_ico {width: 34.72222222222222%; max-width: 250px; position: absolute; top: 12px; left: 4.166666666666666vw;}
.elected_top .elected_txt_bx {position: absolute; width: 34.72222222222222%; max-width: 250px; top: 50vw; left: 4.166666666666666vw;}
.elected_top .elected_txt_bx p {color: #313131; font-size: 3.888888888888889vw;}
.elected_top .elected_txt_bx p span {padding-left: 1.3888888888888888vw;}
.elected_top .elected_txt_bx .eltd_name {font-size: 10vw; font-family: 'notokr-bold'; color: #000;}
.elected_top .elected_txt_bx .eltd_party {font-size: 4.444444444444445vw; margin-top: 3.0555555555555554vw;}
.elected_top .elected_txt_bx .eltd_percent {margin-top: 3.0555555555555554vw; padding-top: 3.0555555555555554vw; border-top: 1px solid #bebec3;}
.elected_top .elected_txt_bx .eltd_vote {}

/* ※ 재보궐선거 페이지 ※ */
.vote_byelection .navi > ul > li:nth-child(4) { color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/navi_active.png) 0 -5px repeat-x; }
.byelec_section {padding-bottom: 30px;}
.byelec_wrap {padding-bottom: 24px; border-bottom: 1px solid #cdcdcd; margin-bottom: 40px;}
.byelec_wrap:last-child {margin-bottom: 0;}
.byelec_wrap .byelec_info {background: #000032; overflow: hidden; margin: 0 20px;}
.byelec_wrap .byelec_info p {color: #fff; height: 40px; line-height: 40px;}
.byelec_wrap .byelec_info .byelec_zone {font-size: 16px; font-family: 'notokr-medium'; float: left; text-align: left; margin-left: 20px;}
.byelec_wrap .byelec_info .byelec_open {font-size: 12px; float: right; text-align: right; margin-right: 20px;}
.byelec_wrap .byelec_bx {overflow: hidden; margin: 30px auto; max-width: 375px;}
.byelec_wrap .byelec_bx .byelec_candi {width: 50%; float: left;}
.byelec_wrap .byelec_bx .byelec_candi .byelec_top {position: relative;}
.byelec_wrap .byelec_bx .byelec_candi .byelec_top .byelec_img {width: 100px; height: 100px; border: 1px solid #cdcdcd; overflow: hidden;}
.byelec_wrap .byelec_bx .byelec_candi .byelec_top p {font-size: 14px; font-family: 'notokr-bold'; width: 60px; height: 30px; line-height: 28px; text-align: center; background: #ececf4; border: 1px solid #b4b4b4; border-radius: 12px; position: absolute; bottom: -15px; left: 50%; margin-left: -30px;}
.byelec_wrap .byelec_bx .byelec_candi .byelec_bottom {margin-top: 30px; position: relative;}
.byelec_wrap .byelec_bx .byelec_candi .byelec_bottom .byelec_txt {text-align: center;}
.byelec_wrap .byelec_bx .byelec_candi .byelec_bottom .byelec_txt p {margin-top: 2px;}
.byelec_wrap .byelec_bx .byelec_candi .byelec_bottom .byelec_txt .byelec_name, .byelec_wrap .byelec_bx .byelec_candi .byelec_bottom .byelec_txt .data-rate {font-size: 16px; color: #000; font-family: 'notokr-bold';}
.byelec_wrap .byelec_bx .byelec_candi .byelec_bottom .byelec_txt .byelec_party, .byelec_wrap .byelec_bx .byelec_wrap .byelec_candi .byelec_bottom .byelec_txt .byelec_polltxt {font-size: 12px; color: #7d7d7d;}
.byelec_wrap .byelec_candi .byelec_bottom .graph {height: 100px; bottom: 10px;}
.byelec_wrap .byelec_candi .byelec_bottom .graph .vert li {height: 100px;}
.byelec_wrap .bel_cd1 .byelec_bottom .graph {right: 4px;}
.byelec_wrap .bel_cd2 .byelec_bottom .graph {left: 4px;}
.byelec_wrap .byelec_bx .byelec_win .byelec_top:after {display: block; width: 40px; height: 50px; position: absolute; bottom: -10px; left: 50%; margin-left: -60px; text-indent: -99999px;}
.byelec_win.definite .byelec_top:after{content: '확실'; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/open_definite_img.png) 0 0 no-repeat; background-size: 100%;}
.byelec_win.reliable .byelec_top:after{content: '유력'; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/open_reliable_img.png) 0 0 no-repeat; background-size: 100%;}
.byelec_win.elected .byelec_top:after{content: '당선'; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/open_elected_img.png) 0 0 no-repeat; background-size: 100%;}
.byelec_wrap .openvote_area {padding: 0 20px;}
.byelec_wrap .openvote_area li {padding: 0;}
.byelec_area li:first-child {background: none;}

/* ※ 2022 대선 심층 출구조사 ※ */
.vote_deepcg .navi > ul > li:nth-child(2) {color: #000032; font-weight: bold; background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/tgp/navi_active.png) 0 -5px repeat-x;}
.deep_section {}
.deep_section .section_top {margin-top: 10px;}
.deep_section .section_top .sectiontop_txt {width: 220px; margin: 0 auto; text-align: center;}
.deep_section .deep_tab {padding: 10px 20px; margin: 0 auto; width: 360px; display: flex;}
.deep_section .deep_tab ul {overflow: hidden;}
.deep_section .deep_tab ul li {float: left; color: #707070; border: 1px solid #bfbfbf; border-radius: 15px; cursor: pointer; padding: 5px 15px; margin-left: 10px;}
.deep_section .deep_tab ul li:nth-child(1) {margin-left: 0;}
.deep_section .deep_tab ul li.on {font-weight: bold;  color: #fff; background: #000032;}
.deep_section .deep_wrap {display: none; padding: 20px;}
.deep_section .deep_wrap.on {display: inherit;}
.deep .area_nav {margin-bottom: 0;}
.deep .deep_wrap {padding-bottom: 20px;}
.deep .deep_spot {margin-bottom: 15px;}
.deep .deep_list {margin-bottom: 15px;}
.deep .deep_list ul li.type {margin-top: 22px; padding-top: 20px; border-top: 1px solid #ebebeb;}
.deep .deep_wrap .deep_list ul li:first-child {padding-top: 0; border-top: 0;}
.deep .deep_list ul li.type:first-child {margin-top: 0;}
.deep .deep_list ul li.type .question {margin-bottom: 15px; font-size: 14px; line-height: 22px; word-break: keep-all;}
.deep .deep_list ul li.type .question span.q {font-weight: 700; color: #060642;}
.deep .deep_list ul li.type .question strong {text-decoration: underline; font-weight: bold; color: #060642;}
.deep .deep_list ul li.type .bar {margin-bottom: 15px;}
.deep .deep_list ul li.type .bar ul {width: 100%; overflow: hidden; font-size: 0;}
.deep .deep_list ul li.type_1 .bar ul {display: flex;}
.deep .deep_list ul li.type .bar .bar_graph {overflow: hidden; position: relative; height: 40px; display: inline-block; background-color: #586e85;}
.deep .deep_list ul li.type .bar .bar_1 {background-color: #023958;}
.deep .deep_list ul li.type .bar .bar_2 {background-color: #603c7a;}
.deep .deep_list ul li.type .bar .bar_3 {background-color: #7d7d7d;}
.deep .deep_list ul li.type .bar .bar_4 {background-color: #49a550;}
.deep .deep_list ul li.type .bar .bar_5 {background-color: #5f91b6;}
.deep .deep_list ul li.type .bar .bar_6 {background-color: #e36d69;}
.deep .deep_list ul li.type .bar .bar_7 {background-color: #91a4ce;}
.deep .deep_list ul li.type .bar .bar_8 {background-color: #f6be67;}
.deep .deep_list ul li.type .bar .bar_9 {background-color: #f6be67;}
.deep .deep_list ul li.type .bar .bar_10 {background-color: #005752;}
.deep .deep_list ul li.type .bar .bar_11 {background-color: #448aca;}
.deep .deep_list ul li.type .bar .bar_12 {background-color: #586e85;}
.deep .deep_list ul li.type .bar .bar_graph:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #fff;}
.deep .deep_list ul li.type .bar .bar_graph:first-child:after {display: none;}
.deep .deep_list ul li.type .bar .percent {position: absolute; right: 5px; bottom: 5px; font-size: 12px; font-weight: 700; color: #fff;}
.deep .deep_list ul li.type .bar .about {font-size: 13px;}
.deep .deep_list ul li.type .answer ul li {margin-top: 5px;}
.deep .deep_list ul li.type .answer ul li:first-child {margin-top: 0;}
.deep .deep_list ul li.type .answer ul li:before {content: ''; display: inline-block; width: 8px; height: 8px; margin-top: -2px; vertical-align: middle; background-color: #586e85; border-radius: 50%;}
.deep .deep_list ul li.type .answer ul li.bar_1:before {background-color: #023958;}
.deep .deep_list ul li.type .answer ul li.bar_2:before {background-color: #603c7a;}
.deep .deep_list ul li.type .answer ul li.bar_3:before {background-color: #7d7d7d;}
.deep .deep_list ul li.type .answer ul li.bar_4:before {background-color: #49a550;}
.deep .deep_list ul li.type .answer ul li.bar_5:before {background-color: #5f91b6;}
.deep .deep_list ul li.type .answer ul li.bar_6:before {background-color: #e36d69;}
.deep .deep_list ul li.type .answer ul li.bar_7:before {background-color: #91a4ce;}
.deep .deep_list ul li.type .answer ul li.bar_8:before {background-color: #f6be67;}
.deep .deep_list ul li.type .answer ul li.bar_9:before {background-color: #f6be67;}
.deep .deep_list ul li.type .answer ul li.bar_10:before {background-color: #005752;}
.deep .deep_list ul li.type .answer ul li.bar_11:before {background-color: #448aca;}
.deep .deep_list ul li.type .answer ul li.bar_12:before {background-color: #586e85;}
.deep .deep_list ul li.type .answer ul li:last-child:before {background-color: #586e85;}
.deep .deep_list ul li.type .answer ul li span {display: inline-block; font-size: 13px; line-height: 16px; vertical-align: top;}
.deep .deep_list ul li.type .answer ul li span.percent {letter-spacing: 0; margin: 0 3px;}
.deep .deep_list ul li.type .answer ul li span.about {max-width: 79%;}
.deep .deep_list ul li.type_1 .bar ul li:last-child {background-color: #586e85;}
.deep .deep_list ul li.type .bar .bar_tit {font-weight: 700; font-size: 13px; margin-bottom: 10px;}
.deep .deep_list ul li.type_1 .bar .bar_tit {font-weight: normal; margin: 20px auto 10px;}
.deep .deep_list ul li.type_2 .bar .bar_tit {margin-bottom: 10px;}
.deep .deep_list ul li.type_2 .bar .bar_wrap {width: 100%; margin-bottom: 7px; background-color: #f4f4f4;}
.deep .deep_list ul li.type_2 .bar li {margin-top: 15px;}
.deep .deep_list ul li.type_2 .bar li:first-child {margin-top: 0;}
.deep .deep_list ul li.type_2 .bar .bar_graph {width: 50%; height: 26px; overflow: visible;}
.deep .deep_list ul li.type_2 .bar li:last-child .bar_graph {background-color: #586e85;}
.deep .deep_list ul li.type_2 .bar .percent {top: 50%; margin-top: -6px; font-size: 12px; color: #2d2d2d; right: -37px;}
.deep .deep_info ul li {color: #ae5da1; font-size: 12px; line-height: 18px; word-break: keep-all;}
.deep .deep_list ul li.q-group > ul {padding: 0 20px;}
.deep .deep_list ul li.q-group > ul li {padding-top: 0; border-top: 0;}
.deep_intro {padding: 20px; border-top: 1px solid #ebebeb;}
.deep_intro p {font-size: 14px; color: #535353; font-weight: bold; margin-bottom: 20px;}
.deep_intro ul {}
.deep_intro ul li {font-size: 12px; color: #535353; margin-top: 5px;}
.deep_intro ul li:first-child {margin-top: 0;}
.deep_intro ul li strong {font-weight: bold;}

@media all and (min-width: 720px) {
    
    .event_section .linkBx {bottom: 180px;}
    .video .news_bx ul li a .news_photo {padding-bottom: 0; height: 168px;}
    .video .news_bx ul li a .news_photo img {top: -28px;}
    .result_section .rate-cont .rate-city-graph .vert {margin: 0 auto;}
    .rate_section {background-size: 720px; background-position: center;}
    .elected_top .elected_ico {left: 30px;}
    .elected_top .elected_txt_bx {top: 360px; left: 30px;}
    .elected_top .elected_txt_bx p {font-size: 28px;}
    .elected_top .elected_txt_bx p span {padding-left: 10px;}
    .elected_top .elected_txt_bx .eltd_name {font-size: 72px;}
    .elected_top .elected_txt_bx .eltd_party {font-size: 32px; margin-top: 22px;}
    .elected_top .elected_txt_bx .eltd_percent {margin-top: 22px; padding-top: 22px;}
    .deep .deep_list ul li.type_2 .bar ul {font-size: 0;}
    .deep .deep_list ul li.type_2 .bar li {width: calc(50% - 2%); margin-right: 4%; display: inline-block; box-sizing: border-box;;}
    .deep .deep_list ul li.type_2 .bar li:nth-child(2n) {margin-right: 0; margin-top: 0;}

}