@charset "utf-8";

.box-btn{margin-top:30px; text-align:center;}
.box-btn button{padding:11px 28px; border-radius:22px; background-color:#008191;}
.box-btn button span{padding-right:12px; background:url(../images/ico_arrow2.png) no-repeat 100% 50%; font-size:16px; color:#fff; line-height:1.2;}

.box-vote{display:flex; flex-direction: column; justify-content: center; min-height:100vh; height:100%; background-color:#EAEBFE;}

/* 투표현황 상단 */
.box-voteStateTop{padding-bottom:30px;background-color:#EAEBFE;}
.box-voteStateTop .box-inner{display:flex; justify-content: space-between; align-items: end; width:1280px; margin:0 auto; padding:30px 0 0;}
.box-voteStateTop .box-inner .info{display:flex; justify-content: flex-end;}
.box-voteStateTop .box-inner .info p:first-child{margin-right:16px;}
.box-voteStateTop .box-inner .info .tit span{vertical-align: baseline;}
.box-voteStateTop .box-inner .info .tit .txt1{position:relative; margin-left:8px; padding:0 12px; font-size:16px; font-weight:normal;}
.box-voteStateTop .box-inner .info .tit .txt1:after{content:''; position:absolute; bottom:-3px; left:0; width:100%; height:14px; border-radius:7px; background-color:#6745DF; opacity: .3;}
.box-voteStateTop .box-inner .info .tit .txt2 {margin-left:0px; padding:0px; font-weight:bold; color:#6745DF; font-size:24px;}
.box-voteStateTop .box-inner .info .tit .txt3{margin-left:0px; padding:0px; font-weight:bold; color:#6745DF;}
.box-voteStateTop .box-inner .info .tit .txt4{margin-left:0px; padding:0px; color:#6745DF; font-size:14px;}



/* 투표현황 */
.box-voteState{background-color:#EAEBFE;}
.box-voteState .box-inner{width:1280px; margin:0 auto; padding:30px 0;}
.box-voteState .box-inner .tit{margin-bottom:20px; color:#000; line-height:1.5; font-weight:bold; font-size:20px;}
.box-voteState .box-inner>.tit{font-size:22px;}
.box-voteState .box-inner .voteTabSwiper{margin-bottom:30px;}
.box-voteState .box-inner .voteTabSwiper .swiper-slide{width:auto; background-color:#F6F5F5; border:2px solid #ccc; border-radius:18px; color:#999; font-weight:bold; font-size:15px; line-height:1.2;}
.box-voteState .box-inner .voteTabSwiper .swiper-slide {padding:8px 14px;}
.box-voteState .box-inner .voteTabSwiper .swiper-slide.active{border:2px solid #6745DF; background-color:#6745DF; color:#fff;}
.box-voteState .box-inner .voteTabCont .contTop{display:flex; justify-content: flex-start; margin-bottom:30px;}
.box-voteState .box-inner .voteTabCont .box-left{flex:1 0 42.242%; margin-right:68px; padding-right:68px; border-right:1px solid #ccc;}
.box-voteState .box-inner .voteTabCont .box-right{flex:1 0 41.563%;}
.box-voteState .box-inner .voteTabCont .info1 .tit span{vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .info1 .tit .txt1{position:relative; margin-left:8px; padding:0 8px; font-size:16px; font-weight:normal;}
.box-voteState .box-inner .voteTabCont .info1 .tit .txt1:after{content:''; position:absolute; bottom:3px; left:0; width:100%; height:14px; border-radius:7px; background-color:#6745DF; opacity: .3;}
.box-voteState .box-inner .voteTabCont .info1 .tit .txt2 {margin-left:0px; padding:0px; font-weight:bold; color:#6745DF; font-size:24px;}
.box-voteState .box-inner .voteTabCont .info1 .tit .txt3{margin-left:0px; padding:0px; font-weight:bold; color:#6745DF;}
.box-voteState .box-inner .voteTabCont .info1 .tit .txt4{margin-left:0px; padding:0px; color:#6745DF; font-size:14px;}
.box-voteState .box-inner .voteTabCont .info1 .compet{display:flex; justify-content: space-between;}
.box-voteState .box-inner .voteTabCont .info1 .candidate{display:flex; flex-direction: column; text-align: center;}
.box-voteState .box-inner .voteTabCont .info1 .thumCont{position:relative; width:170px; margin-bottom:8px;}
.box-voteState .box-inner .voteTabCont .info1 .thumCont img{width:100%; height:auto;}
.box-voteState .box-inner .voteTabCont .info1 .thumCont>img{border-radius:50%; border:1px solid #ccc; box-sizing: border-box;}
.box-voteState .box-inner .voteTabCont .info1 .thumCont .label{position:absolute; top:0; left:0;}
.box-voteState .box-inner .voteTabCont .info1 .thumCont .label .txt{padding:5px 14px; border:1px solid #ccc; border-radius:14px; background-color:#F6F5F5; font-size:16px; line-height:1.2; color:#555;}
.box-voteState .box-inner .voteTabCont .info1 .txtCont .party{font-size:14px; color:#555;}
.box-voteState .box-inner .voteTabCont .info1 .txtCont .name{font-size:24px; line-height:1.2; }
.box-voteState .box-inner .voteTabCont .info1 .txtCont .percent{line-height:1.1; font-weight:bold;}
.box-voteState .box-inner .voteTabCont .info1 .txtCont .percent .txt1{font-size:30px; vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .info1 .txtCont .percent .txt2{font-size:24px; vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .info1 .txtCont .percent .txt3{font-size:20px; vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .info1 .txtCont .total{font-size:12px; color:#555; letter-spacing: -.3px;}
.box-voteState .box-inner .voteTabCont .info1 .center{text-align: center;}
.box-voteState .box-inner .voteTabCont .info1 .center .graph{display:flex; justify-content: center; margin-bottom:8px;}
.box-voteState .box-inner .voteTabCont .info1 .center .graph div{position:relative; width:24px; height:193px;margin:0 4px; background-color:#D8D6DC;}
.box-voteState .box-inner .voteTabCont .info1 .center .graph .bar{position:absolute; left:0; bottom:0; width:100%; border-radius:12px 12px 0 0;}
.box-voteState .box-inner .voteTabCont .info1 .center .gap{margin-bottom:8px; padding:4px 8px; border:1px solid #ccc; border-radius:4px; background-color:#F6F5F5; font-size:12px; line-height:1.2; color:#555; letter-spacing: -.3px;}

/* 기초단체장 */
.box-voteState .box-inner .voteTabCont .info2{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.box-voteState .box-inner .voteTabCont .info2 .info{margin-top:4px; font-size:13px; color:#555; line-height:1.5;}
.box-voteState .box-inner .voteTabCont .info2 .partyGroup{display:flex; justify-content: flex-start;}
.box-voteState .box-inner .voteTabCont .info2 .partyGroup .party{flex:0 1 20%; margin-right:8px; text-align:center;}
.box-voteState .box-inner .voteTabCont .info2 .partyGroup .party:last-child{margin-right:0px;}
.box-voteState .box-inner .voteTabCont .info2 .partyGroup .party .name{margin-bottom:4px; font-size:13px; line-height:1.2; color:#555;}
.box-voteState .box-inner .voteTabCont .info2 .partyGroup .party .box{padding:8px 0; border-radius:4px; font-size:16px; color:#fff; font-weight:bold; }

/* 교육감 , 재보궐선거*/
.box-voteState .box-inner .voteTabCont .info3 .tit span{vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .info3 .tit .txt1{position:relative; margin-left:8px; padding:0 8px; font-size:16px; font-weight:normal;}
.box-voteState .box-inner .voteTabCont .info3 .tit .txt1:after{content:''; position:absolute; bottom:3px; left:0; width:100%; height:14px; border-radius:7px; background-color:#6745DF; opacity: .3;}
.box-voteState .box-inner .voteTabCont .info3 .tit .txt2 {margin-left:0px; padding:0px; font-weight:bold; color:#6745DF; font-size:24px;}
.box-voteState .box-inner .voteTabCont .info3 .tit .txt3{margin-left:0px; padding:0px; font-weight:bold; color:#6745DF;}
.box-voteState .box-inner .voteTabCont .info3 .tit .txt4{margin-left:0px; padding:0px; color:#6745DF; font-size:14px;}
.box-voteState .box-inner .voteTabCont .info3 .compet{display:flex; justify-content: space-between;}
.box-voteState .box-inner .voteTabCont .info3 .candidate{display:flex; height:100%; align-items: center;}
.box-voteState .box-inner .voteTabCont .info3 .candidate.right{flex-direction: row-reverse;}
.box-voteState .box-inner .voteTabCont .info3 .candidate .thumCont{position:relative; width:110px; }
.box-voteState .box-inner .voteTabCont .info3 .candidate.left .thumCont{margin-right:20px;}
.box-voteState .box-inner .voteTabCont .info3 .candidate.right .thumCont{margin-left:20px;}
.box-voteState .box-inner .voteTabCont .info3 .candidate.right .txtCont{text-align: right;}
.box-voteState .box-inner .voteTabCont .info3 .thumCont img{width:100%; height:auto;}
.box-voteState .box-inner .voteTabCont .info3 .thumCont>img{border-radius:50%; border:1px solid #ccc; box-sizing: border-box;}
.box-voteState .box-inner .voteTabCont .info3 .thumCont .label{position:absolute; top:0; left:0;}
.box-voteState .box-inner .voteTabCont .info3 .thumCont .label .txt{padding:3px 12px; border:1px solid #ccc; border-radius:14px; background-color:#F6F5F5; font-size:13px; line-height:1.2; color:#555;}
.box-voteState .box-inner .voteTabCont .info3 .thumCont .label img{width:42px; height:auto;}
.box-voteState .box-inner .voteTabCont .info3 .txtCont .party{margin-bottom:4px; font-size:13px; color:#555;}
.box-voteState .box-inner .voteTabCont .info3 .txtCont .name{font-size:18px; line-height:1.2; }
.box-voteState .box-inner .voteTabCont .info3 .txtCont .percent{font-size:22px; line-height:1.5; font-weight:bold;}
.box-voteState .box-inner .voteTabCont .info3 .txtCont .percent .txt1{font-size:18px; vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .info3 .txtCont .percent .txt2{font-size:14px; vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .info3 .txtCont .percent .txt3{font-size:20px; vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .info3 .txtCont .total{font-size:12px; color:#555; letter-spacing: -.3px;}
.box-voteState .box-inner .voteTabCont .info3 .center{text-align: center;}
.box-voteState .box-inner .voteTabCont .info3 .center .graph{display:flex; justify-content: center; margin-bottom:8px;}
.box-voteState .box-inner .voteTabCont .info3 .center .graph div{position:relative; width:24px; height:102px;margin:0 4px; background-color:#D8D6DC;}
.box-voteState .box-inner .voteTabCont .info3 .center .graph .bar{position:absolute; left:0; bottom:0; width:100%; border-radius:12px 12px 0 0;}
.box-voteState .box-inner .voteTabCont .info3 .center .gap{margin-bottom:8px; padding:4px 8px; border:1px solid #ccc; border-radius:4px; background-color:#F6F5F5; font-size:12px; line-height:1.2; color:#555; letter-spacing: -.3px;}
.box-voteState .box-inner .voteTabCont .info3 .center .label img{width:46px;}

/* 재보궐 */
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper{padding-bottom:42px;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide{height:275px; padding:20px; border:1px solid #ccc; border-radius:4px; background-color:#fff; box-sizing: border-box;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide .tit {position:relative; padding-bottom:12px; border-bottom:1px solid #ccc; text-align:center; font-size:16px; }
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide .tit .txt1{position:absolute; top:0; right:0;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide .tit span{vertical-align: baseline;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide .tit .txt1:after{content:''; position:absolute; bottom:1px; left:0; width:100%; height:8px; border-radius:7px; background-color:#6745DF; opacity: .3;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide .tit .txt2 {margin-left:0px; padding:0px; font-weight:bold; color:#6745DF; font-size:13px;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide .tit .txt3{margin-left:0px; padding:0px; font-weight:bold; color:#6745DF; font-size:13px;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide .tit .txt4{margin-left:0px; padding:0px; color:#6745DF; font-size:13px;}

.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-pagination{height:8px;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-pagination-bullet{background-color:#999; opacity: 1;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-pagination-bullet-active{width:24px; border-radius:4px; background-color:#6745DF;}

/* 투표율 */
.box-voteState .box-inner .voteLogo{margin-bottom:30px;}
.timeVote_top{display:flex; justify-content: flex-start; margin-bottom:60px; background-color:#EAEBFE;}
.timeVote_top .info{flex: 0 0 235px; display:flex; justify-content: flex-start; align-items:center; margin-right:32px;}
.timeVote_top .info .txt{margin-right:12px;}
.timeVote_top .info .txt strong{font-size:20px;}
.timeVote_top .info .txt span{display:block; font-size:13px; color:#555; text-align:right;}
.timeVote_top .info .percent{font-size:40px; font-weight:bold; color:#6745DF;}
.timeVote_top .info .percent .p1{font-size:40px;}
.timeVote_top .info .percent .p2{font-size:40px;}
.timeVote_top .graph{position:relative; width:100%; height:40px; border-radius:4px; background-color:#E1E1E1;}
.timeVote_top .graph .bar{position:absolute; top:0; left:0; }
.timeVote_top .graph .pastBar{position:absolute; bottom:-35px; left:50.9%; margin-left:-69px; z-index: 1;}
.timeVote_top .graph .pastBar span{padding:3px 8px; border:2px solid #647184; border-radius:4px; background-color:#fff; color:#647184; font-size:12px; font-weight:bold; }
.timeVote_top .graph .pastBar:before{content:''; position:absolute; top:-3px; left:50%; width:8px; height:8px; margin-left:-4px; background:#647184; z-index: -1; transform:rotate(45deg);}
.timeVote_top .graph .pastBar:after{content:''; position:absolute; top:-42px; left:70px; width:1px; height:42px; border-left:1px dashed #647184;}
.timeVote_top .graph .bar{position:absolute; top:0; left:0; height:40px; border-radius:4px 0 0 4px; background:#6745DF;}
.timeVote_bot .timeTable{display:flex; justify-content: flex-start;}
.timeVote_bot .timeTable div{border:1px solid #E1E1E1; box-sizing: border-box;}
.timeVote_bot .timeTable div p{display:flex; justify-content: center; align-items: center; height:40px; text-align:center; }
.timeVote_bot .timeTable div.txt{flex:0 0 9.914%; background:#647184; color:#fff;}
.timeVote_bot .timeTable div.td{flex:0 0 7.5%; border-left:0px; background-color:#fff;}
.timeVote_bot .timeTable div.td .time{border-bottom:1px solid #e1e1e1; color:#555555; font-size:14px;}
.timeVote_bot .timeTable div.td .percent{font-size:16px; font-weight:bold; color:#6745DF;}

/* 출구조사 */
.exitPoll_top{margin-bottom:52px;}
.exitPoll_top .exitSwiper {padding-bottom:32px;}
.exitPoll_top > .tit{position:relative;}
.exitPoll_top > .tit span{position:absolute; bottom:5px; right:0; margin-left:4px; font-size:13px; color:#555; font-weight:normal; vertical-align: baseline;}
.exitPoll_top .exitSwiper .swiper-slide{display:flex; justify-content: space-between;}
.exitPoll_top .exitSwiper .swiper-slide .hubo{flex:0 0 calc(23.277% - 60px); padding:20px 30px; background-color:#fff; border:1px solid #ccc; border-radius:4px;}
.exitPoll_top .exitSwiper .swiper-slide .tit{margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #ccc; font-size:16px; color:#000; text-align:center;}
.exitPoll_top .exitSwiper .swiper-slide .candidate{display:flex; align-items: center;}
.exitPoll_top .exitSwiper .swiper-slide .candidate .thumCont{width:110px; position:relative; margin-right:20px;}
.exitPoll_top .exitSwiper .swiper-slide .candidate .thumCont img{width:100%; height:auto;}
.exitPoll_top .exitSwiper .swiper-slide .candidate .thumCont>img{border-radius:50%; border:1px solid #ccc; box-sizing: border-box;}
.exitPoll_top .exitSwiper .swiper-slide .candidate .party{margin-bottom:4px; font-size:12px; color:#555; line-height:1.2;}
.exitPoll_top .exitSwiper .swiper-slide .candidate .name{margin-bottom:4px; font-size:18px; color:#000; line-height:1.2;}
.exitPoll_top .exitSwiper .swiper-slide .candidate .percent{font-size:22px; font-weight:bold;}
.exitPoll_top .exitSwiper .swiper-slide .candidate .percent .txt1{font-size:18px; vertical-align: baseline;}
.exitPoll_top .exitSwiper .swiper-slide .candidate .percent .txt2{font-size:14px; vertical-align: baseline;}
.exitPoll_top .exitSwiper .swiper-pagination{top:auto; height:8px;}
.exitPoll_top .exitSwiper .swiper-pagination-bullet{background-color:#999; opacity: 1;}
.exitPoll_top .exitSwiper .swiper-pagination-bullet-active{width:24px; border-radius:4px; background-color:#6745DF;}
.countBox {display:flex; justify-content: flex-start;}
.countBox p{margin-right:16px; font-size:13px; color:#555;}
.countBox p strong{margin-left:8px; font-size:16px;}

.exitPoll_bot{position:relative;}
.exitPoll_bot > .tit span{margin-left:4px; font-size:13px; color:#555; font-weight:normal; vertical-align: baseline;}
.exitPoll_bot .banner{position:absolute; bottom:0; right:0; z-index: 8;}
.exitPoll_bot .exitSwiper2 .swiper-slide{display:flex;}
.exitPoll_bot .exitSwiper2 .swiper-slide .hubo{width:100%; padding:18px 30px; background-color:#fff; border:1px solid #ccc; border-radius:4px;}
.exitPoll_bot .exitSwiper2 .swiper-slide .tit{margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #ccc; font-size:16px; color:#000; text-align:center;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate{display:flex; align-items: center;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate .thumCont{width:110px; position:relative; margin-right:20px;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate .thumCont img{width:100%; height:auto;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate .thumCont>img{border-radius: 50%; border:1px solid #ccc; box-sizing: border-box;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate .party{margin-bottom:4px; font-size:12px; color:#555; line-height:1.2;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate .name{margin-bottom:4px; font-size:18px; color:#000; line-height:1.2;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate .percent{font-size:22px; font-weight:bold;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate .percent .txt1{font-size:18px; vertical-align: baseline;}
.exitPoll_bot .exitSwiper2 .swiper-slide .candidate .percent .txt2{font-size:14px; vertical-align: baseline;}


/* 정당컬러 bg 뒤에 정당 아이디*/
.party.bg100 .box, .bg100 .bar{background-color:#003b96}
.party.bg200 .box, .bg200 .bar{background-color:#e61e2b}
.party.bg5077 .box, .bg5077 .bar{background-color:#0073cf}
.party.bg5070 .box, .bg5070 .bar{background-color:#ff7210}
.party.bg5010 .box, .bg5010 .bar{background-color:#e60020}
.party.bg5035 .box, .bg5035 .bar{background-color:#00d2c3}
.party.bg5071 .box, .bg5071 .bar{background-color:#f58400}
.party.bg2070 .box, .bg2070 .bar{background-color:#F8C400}
.party.bg1970 .box, .bg1970 .bar{background-color:#4F1D12}
.party.bg5054 .box, .bg5054 .bar{background-color:#038ED3}
.party.bg5031 .box, .bg5031 .bar{background-color:#ED2D2F}
.party.bg2060 .box, .bg2060 .bar{background-color:#002B58}
.party.bg4080 .box, .bg4080 .bar{background-color:#EC008B}
.party.bg5069 .box, .bg5069 .bar{background-color:#00A0EA}
.party.bg5064 .box, .bg5064 .bar{background-color:#002758}
.party.bg2020 .box, .bg2020 .bar{background-color:#755191}
.party.bg1988 .box, .bg1988 .bar{background-color:#ff0000}
.party.bg710 .box, .bg710 .bar{background-color:#62bb46}
.party.bg5081 .box, .bg5081 .bar{background-color:#FFEF10}
.party.bg5059 .box, .bg5059 .bar{background-color:#51A776}
.party.bg3010 .box, .bg3010 .bar{background-color:#4B3293}
.party.bg5080 .box, .bg5080 .bar{background-color:#7030A0}
.party.bg4040 .box, .bg4040 .bar{background-color:#171a89}
.party.bg3000 .box, .bg3000 .bar{background-color:#44a0e1}
.party.bg2080 .box, .bg2080 .bar{background-color:#43B02A}
.party.bg4010 .box, .bg4010 .bar{background-color:#8D2650}
.party.bg4070 .box, .bg4070 .bar{background-color:#C9252B}
.party.bg5072 .box, .bg5072 .bar{background-color:#51BDC5}
.party.bg5079 .box, .bg5079 .bar{background-color:#D0121C}
.party.bg5046 .box, .bg5046 .bar{background-color:#6400AA}
.party.bg5000 .box, .bg5000 .bar{background-color:#00a73c}
.party.bg5056 .box, .bg5056 .bar{background-color:#0C5BA7}
.party.bg5082 .box, .bg5082 .bar{background-color:#A50034}
.party.bg3040 .box, .bg3040 .bar{background-color:#0958A7}
.party.bg730 .box, .bg730 .bar{background-color:#ffcc00}
.party.bg5075 .box, .bg5075 .bar{background-color:#503E74}
.party.bg5041 .box, .bg5041 .bar{background-color:#AD469F}
.party.bg5073 .box, .bg5073 .bar{background-color:#FFD700}
.party.bg5058 .box, .bg5058 .bar{background-color:#003793}
.party.bg5066 .box, .bg5066 .bar{background-color:#0056B8}
.party.bg1990 .box, .bg1990 .bar{background-color:#0095DA}
.party.bg5055 .box, .bg5055 .bar{background-color:#733A87}
.party.bg4060 .box, .bg4060 .bar{background-color:#871E60}
.party.bg9999 .box, .bg9999 .bar{background-color:#808080}

/* c 뒤에 정당 아이디 */
.c100 .percent{color:#003b96}
.c200 .percent{color:#e61e2b}
.c5077 .percent{color:#0073cf}
.c5070 .percent{color:#ff7210}
.c5010 .percent{color:#e60020}
.c5035 .percent{color:#00d2c3}
.c5071 .percent{color:#f58400}
.c2070 .percent{color:#F8C400}
.c1970 .percent{color:#4F1D12}
.c5054 .percent{color:#038ED3}
.c5031 .percent{color:#ED2D2F}
.c2060 .percent{color:#002B58}
.c4080 .percent{color:#EC008B}
.c5069 .percent{color:#00A0EA}
.c5064 .percent{color:#002758}
.c2020 .percent{color:#755191}
.c1988 .percent{color:#ff0000}
.c710 .percent{color:#62bb46}
.c5081 .percent{color:#FFEF10}
.c5059 .percent{color:#51A776}
.c3010 .percent{color:#4B3293}
.c5080 .percent{color:#7030A0}
.c4040 .percent{color:#171a89}
.c3000 .percent{color:#44a0e1}
.c2080 .percent{color:#43B02A}
.c4010 .percent{color:#8D2650}
.c4070 .percent{color:#C9252B}
.c5072 .percent{color:#51BDC5}
.c5079 .percent{color:#D0121C}
.c5046 .percent{color:#6400AA}
.c5000 .percent{color:#00a73c}
.c5056 .percent{color:#0C5BA7}
.c5082 .percent{color:#A50034}
.c3040 .percent{color:#0958A7}
.c730 .percent{color:#ffcc00}
.c5075 .percent{color:#503E74}
.c5041 .percent{color:#AD469F}
.c5073 .percent{color:#FFD700}
.c5058 .percent{color:#003793}
.c5066 .percent{color:#0056B8}
.c1990 .percent{color:#0095DA}
.c5055 .percent{color:#733A87}
.c4060 .percent{color:#871E60}
.c9999 .percent{color:#808080}

/* 진보 중립 보수 */
.party.bgLeft .box, .bgLeft .bar{background-color:#003b96}
.party.bgRight .box, .bgRight .bar{background-color:#e61e2b}
.party.bgCent .box, .bgCent .bar{background-color:#808080}

.cLeft .percent{color:#003b96}
.cRight .percent{color:#e61e2b}
.cCent .percent{color:#808080}