/* 613 전국지방선거 배너*/
.local-elect61{position: relative;display: block;overflow: hidden;letter-spacing: -0.05em;background: url(/special/local-election2022/images/top-bg.png) no-repeat bottom; background-size: cover;display: block;clear: both}
.local-elect61.exitpoll::after, .election-613.ballot::after{content: none}
.local-elect61 .top-wrap{position: relative;display: block; margin-bottom: 5px;}
.local-elect61 .top-wrap h1{position: relative;display: inline-block;background-image: url(/special/local-election2022/images/region2022_display.svg);background-repeat: no-repeat;background-size: contain;height: 24px;width: 130px;top: auto;left: auto;margin: 8px 0 0 15px;color: transparent}
.local-elect61 .top-wrap h1::after{content: "";position: absolute;top: 8px;right: -8;display: block;background-image: url(/images/mobile_2017/arrow_rt_b.svg);width: 10px;height: 10px}

.local-elect61 .top-wrap .right{position: absolute;top: 10px;right: 18px;float: right}
.local-elect61 .top-wrap .right > strong{display:inline-block;color: #6756ff;font-weight: normal;font-size: 13px}
.local-elect61 .top-wrap .right > strong::after{display:inline-block;content: "";width: 2px;height: 2px;border-radius: 50%;background-color: #00143c;margin: 0 2px 4px 5px}
.local-elect61 .top-wrap .right > strong > b{font-weight: bold}
.local-elect61 .top-wrap .right > span{display:inline-block;color: #3f4f6e;font-size: 11px}
.local-elect61 .top-wrap .right > small{display: none}
.local-elect61 > div[class*="-wrap"]:last-child{position: relative;box-sizing: border-box;text-align: right;padding: 15px 10px 13px}
.local-elect61 div[class*="-wrap"] > span > *{display: inline-block;vertical-align: middle}
.local-elect61 div[class*="-wrap"] > span > small{color: #3f4f6e;margin-right: 5px}
.local-elect61 div[class*="-wrap"] > span > strong{color: #000;font-family: 'helvetica', sans-serif}

.local-elect61 .per-wrap{/*display: -webkit-flex;display: -ms-flexbox;display: flex;*/}
.local-elect61 .per-wrap > .last-per{order: 1;width: 65%;opacity: 0.6; padding-left: 10px; box-sizing: border-box;}
.local-elect61 .per-wrap > .last-per > small{font-size: 11px}
.local-elect61 .per-wrap > .now-per{order: 2;width: 35%}
.local-elect61 .per-wrap > .now-per > small{font-size: 13px}
.local-elect61 .per-wrap > .last-per > strong{font-size: 20px}
.local-elect61 .per-wrap > .now-per > strong{font-size: 30px;letter-spacing: -0.05em}
.local-elect61 .per-wrap > .last-per > strong::after{content: "%";font-size: 11px;color: #000;margin-left: 3px;vertical-align: middle}
.local-elect61 .per-wrap > .now-per > strong::after{content: "%";font-size: 11px;color: #000;margin-left: 3px;vertical-align: middle}

.local-elect61.exitpoll .party-wrap.clearfx{padding: 5px 20px 10px 30px;border-top: 1px solid #dfe2eb;margin-top: 3px;}
.local-elect61.exitpoll .party-wrap .pt-box{/*display: inline-block;*/vertical-align: middle;}
.local-elect61.exitpoll .party-wrap .pt-box li{position: relative;float: left; width: 25%; padding: 0 15px; text-align: center; color:#000;box-sizing: border-box;font-family: -apple-system,BlinkMacSystemFont,'AppleSDGothicNeo-Light','Apple SD Gothic Neo','Noto Sans KR','Helvetica Neue','Helvetica-light','Malgun Gothic','맑은 고딕','Dotum','돋움','sans-serif';}
.local-elect61.exitpoll .party-wrap .pt-box li:nth-last-child(2){width: 20%;}
.local-elect61.exitpoll .party-wrap .pt-box li small{display: inline-block;font-size: 0px; height: 13px;letter-spacing: -1px;color:transparent;}
.local-elect61.exitpoll .party-wrap .pt-box li small::before{content: ""; display: inline-block; width: 50px; height: 15px; background-repeat: no-repeat; background-size: 50px;border-radius: 0;}
.local-elect61.exitpoll .party-wrap .pt-box li strong{display: block; margin-top: 6px; font-size: 20px; font-weight: 600; font-family: 'helvetica', sans-serif; letter-spacing: -.75px;}
/*
.local-elect61.exitpoll .party-wrap > span{width: 25%; display: inline-block;text-align: center;}
.local-elect61.exitpoll .party-wrap > span:last-child{width: 25%}
.local-elect61.exitpoll .party-wrap > span:first-child{text-align: left;width: 40%;position: absolute;left: 20px}
.local-elect61 .party-wrap small{font-size: 11px}
.local-elect61 .party-wrap small::before{content: "";display: inline-block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;margin-right: 5px}
*/
.local-elect61.exitpoll .party-wrap strong{font-size: 20px}
.local-elect61.exitpoll .party-wrap > span:first-child strong{font-size: 26px}

.local-elect61 .party00::before{background-color: #6756ff}/* 기타*/
.local-elect61 .party01::before{background-color: #1face6}/* 더불어민주당 00a0e2 */
.local-elect61 .party02::before{background-color: #e61e2b}/* 국민의힘 ef426f */
.local-elect61 .party03::before{background-color: #ffca00}/* 정의 ef426f */
.local-elect61 .party04::before{background-color: #999}/* 무소속   #999999 */
.local-elect61 .partyimg00::before{background-image: url(/special/local-election2022/images/logo-00.svg); background-position: 0 0; }/* 기타*/
.local-elect61 .partyimg01::before{background-image: url(/special/local-election2022/images/logo-01.svg); background-position: 0 bottom; }/* 더민주*/
.local-elect61 .partyimg02::before{background-image: url(/special/local-election2022/images/logo-02.svg); background-position: 0 bottom; }/* 국민의힘*/
.local-elect61 .partyimg03::before{background-image: url(/special/local-election2022/images/logo-03.svg); background-position: -6px 1px; }/* 정의당*/
.local-elect61 .partyimg04::before{background-image: url(/special/local-election2022/images/logo-04.svg); background-position: 0 bottom; }/* 기타*/

.local-elect61 .rate-wrap{width: 100%;height: 40px; overflow: hidden;}
.local-elect61 .rate-wrap > ul{display: block;}
.local-elect61 .rate-wrap > ul > li{position: relative; height: 30px; padding: 5px 10px 0; margin-top: 2px; border-top:dotted 1px rgb(255 255 255 / 70%);}
.local-elect61 .rate-wrap > ul > li h2{display: inline-block; /*float: left;*/font-size: 9px;letter-spacing: -0.75px;color: #fff; margin-right: 8px; margin-bottom: 4px; padding: 2px 6px; background-color: #6756ff; vertical-align: middle;}
.local-elect61 .rate-wrap > ul > li .r-box{ display: inline-block;float: right;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box{text-align: center;padding-right: 15px;/* padding-left: 5px; */box-sizing: border-box;line-height: 20px; vertical-align: top;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box:last-child{padding-right: 0;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > strong{position: relative; display: inline-block;font-size: 20px;line-height: 20px;color: #000;vertical-align: top;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box:first-child > strong:after{content: "vs";display: inline-block;font-weight: 100;font-size: 16px;color: #777;position: absolute;right: -21px;top: 0px;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > strong > em{font-size: 16px;font-weight: 400;line-height: 20px; color:#666; letter-spacing: -.7px;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > strong > em:after{content: "%";font-size: 9px; font-weight: lighter; color: #4b5a77; vertical-align: middle;padding-left: 2px;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > strong > em.no01{font-size: 17px; font-weight: 600; color:#000;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > small{font-size: 0px; vertical-align: middle; letter-spacing: -.5px;color: #898f9d;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > small::before{content: "";display: inline-block; width: 60px;height: 20px; background-repeat: no-repeat;background-size: 60px;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > small > em{font-size: 9px;color: #000; margin-right: 12px;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > p{display: inline-block;font-size: 9px;letter-spacing: -.7px;color: #898f9d;/* line-height: 20px; */vertical-align: super;padding-left: 5px;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > p::before{content: "";display: inline-block;width: 5px;height: 5px;border-radius: 50%;margin-right: 3px;margin-left: 5px;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > p > em{color: #000; font-size: 12px; font-weight: 600; padding-right: 3px; position: relative; font-family: -apple-system,BlinkMacSystemFont,'AppleSDGothicNeo-Light','Apple SD Gothic Neo','Noto Sans KR','Helvetica Neue','Helvetica-light','Malgun Gothic','맑은 고딕','Dotum','돋움','sans-serif'; letter-spacing: -.75px;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > p > em > i{width: 20px; height: 13px; position: absolute; left: -20px; bottom: 0px; font-size: 0;}
.local-elect61 .rate-wrap > ul > li .r-box > .p-box > p > em > i.win{background: url(/special/local-election2022/images/icon-win.png)0 0 no-repeat; background-size: 18px 14px;}

.local-elect61.ballot .rate-wrap.clearfx{/*border-top: 1px solid #d0caed;margin-top: 12px;*/padding: 0}
.local-elect61.ballot .top-wrap .right > small{position: absolute;top:17px;right: 0;background-image: url(/special/local-election2022/images/nec-text.png);background-repeat: no-repeat;background-size: 80px; width: 80px;height: 10px;display: block;color: transparent}

@media only screen and (max-width: 320px){
	.local-elect61 .top-wrap h1{width: 115px}
	.local-elect61 .top-wrap h1::after{content: none}
	.local-elect61 .top-wrap .right > strong::after{margin: 0 0px 4px 4px}
	.local-elect61 .per-wrap > .now-per{width: 40%}
	.local-elect61 .per-wrap > .last-per{width: 60%}
}