@charset "utf-8";


/* 개표 현황 폰트 family */
.flora{font-family:'Lora','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif;}
.fnanums{transform: skew(-0.03deg); font-family:'NanumSquare','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif;}
.fnoto{font-family:'Noto Sans KR','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif;}

/* 뉴시스메인_투표율 */
.elec-line{position:relative; margin-top:-30px; margin-bottom:30px; padding-bottom:30px;}
.elec-line:after{content:''; position:absolute; top:-1px; left:0; width:100%; height:1px; background-color:#fff;}
.elec-line:before{content:''; position:absolute; bottom:0px; left:0; width:100%; height:1px; background-color:#ccc;}
.elec-box {position:relative; width:1280px; margin:30px auto 16px;}
.elec-box:after{content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#fff; }
.elec-box>.top{position:relative; height:29px; padding:5px 0 5px 40px; background:#41359F; border-radius:0px 50px 0px 0px; text-align:center;}
.elec-box>.top .tit{position:absolute; top:9px; left:40px;}
.elec-box>.top .tit span{padding-right:16px; background:url(../images/event/election2025/ico-arrow.png) no-repeat 100% 4px;}
.elec-box>.top .tit2{font-size:20px; color:#fff; line-height:29px;}
.elec-box>.top .tit2 span.percent{margin-left:6px; font-size:22px; color:#F1C0FC;}
.elec-box>.top .tit2 span.percent em{font-size:15px; vertical-align:baseline;}
.elec-box>.top .tit2 span.vote{margin-left:6px; font-size:22px; color:#F1C0FC;}
.elec-box>.top .tit2 span.vote em{font-size:15px; vertical-align:baseline;}
.elec-box>.top .tit2 span.time{margin-left:5px; vertical-align:baseline; font-size:12px; color:#D4D4D4;}
.elec-box>.top .tit3{position:absolute; top:14px; right:40px; padding-left:22px; background:url(../images/event/election2025/txt4.png) no-repeat 0 2px; font-size:12px; color:#D4D4D4; }
.elec-box>.top .tit3 span{font-size:16px; font-weight:bold;}
.elec-box>.top .tit3 span em{font-size:14px; font-weight:bold; vertical-align: baseline;}
.elec-box>.top .tit3.btn{top:7px;}
.elec-box>.top .tit3 button{padding:3px 14px 4px; border-radius:14px; background-color:#DDD9F1; color:#41359F; font-weight:bold; line-height:19px;}
.elec-box>.top .tit3 button span{padding-right:12px; font-size:13px; background:url(../images/event/election2025/ico-arrow3.png) no-repeat 100% 50%; }
.elec-box>.cont{position:relative; padding:30px 40px; background-color:#EFEEFC; }
.elec-box>.cont .inner{display:flex; flex-wrap: wrap; background-color:#EFEEFC; }

/* 출구조사 */
.elec-box .cont.type2{padding:20px 0px 0px;}
.elec-box .cont.type2 .inner{display:flex; justify-content: space-between;}
.elec-box .cont.type2 .inner .thumCont{position:relative; }
.elec-box .cont.type2 .inner .thumCont .img{overflow:hidden; width:160px; height:174px;}
.elec-box .cont.type2 .inner .thumCont .img img{width:100%; min-height:100%; object-fit: cover;}
.elec-box .cont.type2 .inner .pep{display:flex; }
.elec-box .cont.type2 .inner .pep:nth-child(2){flex-direction: row-reverse; text-align: right;}
.elec-box .cont.type2 .inner .pep:nth-child(1) .thumCont{margin-right:16px; }
.elec-box .cont.type2 .inner .pep:nth-child(1) .thumCont .state{position:absolute; top:0; right:0;}
.elec-box .cont.type2 .inner .pep:nth-child(1) .thumCont .rank{position:absolute; bottom:0; right:0;}
.elec-box .cont.type2 .inner .pep:nth-child(2) .thumCont{margin-left:16px;}
.elec-box .cont.type2 .inner .pep:nth-child(2) .thumCont .rank{position:absolute; bottom:0; left:0;}
.elec-box .cont.type2 .inner .pep .txtCont{margin-top:17px;}
.elec-box .cont.type2 .inner .pep .txtCont .name{display:flex; align-items:center; font-size:22px; line-height:33px; font-weight:bold;}
.elec-box .cont.type2 .inner .pep .txtCont .name span{font-size:14px; line-height:20px;}
.elec-box .cont.type2 .inner .pep:nth-child(1) .txtCont .name span{margin-left:6px;}
.elec-box .cont.type2 .inner .pep:nth-child(2) .txtCont .name span{margin-right:6px;}
.elec-box .cont.type2 .inner .pep .txtCont .percent{font-size:38px; font-weight:bold; letter-spacing: -1px; line-height:56px;}
.elec-box .cont.type2 .inner .pep .txtCont .percent span{font-size:20px; line-height:20px; vertical-align: baseline;}
.elec-box .cont.type2 .inner .pep .txtCont .vote{font-size:14px; color:#555;}
.elec-box .cont.type2 .inner .pep .bar{display:flex; position:absolute; bottom:0px; height:40px; width:calc(100% - 320px);}
.elec-box .cont.type2 .inner .pep .bar b{height:100%;}
.elec-box .cont.type2 .inner .pep:nth-child(1) .bar{left:160px; justify-content: flex-start;}
.elec-box .cont.type2 .inner .pep:nth-child(1) .bar b{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.elec-box .cont.type2 .inner .pep:nth-child(2) .bar{right:160px; justify-content: flex-end;}
.elec-box .cont.type2 .inner .pep:nth-child(2) .bar b{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
/* 전국 개표 */
.elec-box .total_vote{position:absolute; top:22px; left:50%; width:210px; margin-left:-105px; text-align:center;}
.elec-box .total_vote .tit{font-size:14px; font-weight:bold; color:#000; line-height:20px;}
.elec-box .total_vote .box{display:flex; flex-direction: column; align-items: center; height:62px; background:url(../images/event/election2025/bg_vote.png) no-repeat 0 0;}
.elec-box .total_vote .box p{color:#fff;}
.elec-box .total_vote .box p.percent{font-size:24px; line-height:34px;}
.elec-box .total_vote .box p.percent span{font-size:16px; vertical-align: baseline;}
.elec-box .total_vote .box p.vote{margin-bottom:10px;}

/* 국민의힘 */
.elec-box .cont.type2 .inner .pep.c1 .txtCont .name span{color:#E61E2B;}
.elec-box .cont.type2 .inner .pep.c1 .txtCont .percent{color:#E61E2B;}
.elec-box .cont.type2 .inner .pep.c1 .bar b{background-color:#E61E2B}
/* 더불어민주당 */
.elec-box .cont.type2 .inner .pep.c2 .txtCont .name span{color:#152484;}
.elec-box .cont.type2 .inner .pep.c2 .txtCont .percent{color:#152484;}
.elec-box .cont.type2 .inner .pep.c2 .bar b{background-color:#152484}
/* 개혁신당 */
.elec-box .cont.type2 .inner .pep.c3 .txtCont .name span{color:#FF7920;}
.elec-box .cont.type2 .inner .pep.c3 .txtCont .percent{color:#FF7920;}
.elec-box .cont.type2 .inner .pep.c3 .bar b{background-color:#FF7920}
/* 무소속 */
.elec-box .cont.type2 .inner .pep.c4 .txtCont .name span{color:#808080;}
.elec-box .cont.type2 .inner .pep.c4 .txtCont .percent{color:#808080;}
.elec-box .cont.type2 .inner .pep.c4 .bar b{background-color:#808080}

/* 개표 */
.elec-box .cont.type3{padding:0px;}
.elec-box .cont.type3 .inner .pep{display:flex; align-items: center; width:50%;}
.elec-box .cont.type3 .inner .pep:nth-child(2){flex-direction: row-reverse; text-align:right;}
.elec-box .cont.type3 .inner .pep .thumCont{position:relative; }
.elec-box .cont.type3 .inner .pep .thumCont .state{position:absolute; top:14px; right:7px;}
.elec-box .cont.type3 .inner .pep .txtCont p.percent{line-height:74px; font-weight:bold; font-size:50px; color:#FFEA29; letter-spacing: -1px;}
.elec-box .cont.type3 .inner .pep .txtCont p.percent span{font-size:30px; vertical-align: baseline;}
.elec-box .cont.type3 .inner .pep .txtCont p.vote{margin-bottom:18px; color:#fff; font-size:16px; line-height:24px;}
.elec-box .cont.type3 .inner .pep .txtCont p.name{display:flex; align-items:center; font-size:26px; line-height:38px; color:#fff;}
.elec-box .cont.type3 .inner .pep .txtCont p.name span{font-size:16px;}
.elec-box .cont.type3 .inner .pep:nth-child(1) .txtCont p.name span{margin-left:6px;}
.elec-box .cont.type3 .inner .pep:nth-child(2) .txtCont p.name span{margin-right:6px}
.elec-box .cont.type3 .total_vote{position:absolute; top:95px; background:url(../images/event/election2025/bg_vote2.png) no-repeat 0 0;}
.elec-box .cont.type3 .total_vote .tit{margin-top:6px; color:#FFF; font-weight:normal;}
.elec-box .cont.type3 .total_vote .box{background:none;}
.elec-box .cont.type3 .total_vote .box .percent{color:#FFEA29; font-weight:bold; line-height:30px;}
.elec-box .cont.type3 .total_vote .box .percent span{font-weight:normal;}
.elec-box .cont.type3 .total_vote .box p.vote {margin-bottom:0px; line-height:20px;}

/* 국민의힘 */
.elec-box .cont.type3 .inner .pep:nth-child(1).c1{background:transparent linear-gradient(124deg, #F6AEB6 0%, #ED8893 38%, #DC0019 100%) 0% 0% no-repeat padding-box;}
.elec-box .cont.type3 .inner .pep:nth-child(2).c1{background:transparent linear-gradient(236deg, #F6AEB6 0%, #ED8893 38%, #DC0019 100%) 0% 0% no-repeat padding-box;}
/* 더불어민주당 */
.elec-box .cont.type3 .inner .pep:nth-child(1).c2{background:transparent linear-gradient(298deg, #192887 0%, #192887 0%, #8B95D5 76%, #91C5F3 100%) 0% 0% no-repeat padding-box;}
.elec-box .cont.type3 .inner .pep:nth-child(2).c2{background:transparent linear-gradient(62deg, #192887 0%, #192887 0%, #8B95D5 76%, #91C5F3 100%) 0% 0% no-repeat padding-box;}
/* 개혁신당 */
/* 무소속 */



/* 이 시간 전국 투표율 */
.elec-box .graph_bar{position:relative; width:100%;}

.elec-box .graph_bar .bar{position:relative; width:100%; height:60px; margin:28px 0; background-color:#E1E1E1; z-index: 2;}
.elec-box .graph_bar .bar .b1{position:relative; height:100%; background-color:#41359F;}
.elec-box .graph_bar .bar .b1 .txt1{padding-right:16px; color:#fff; font-size:25px; line-height:58px; text-align:right;}
.elec-box .graph_bar .bar .b1 .txt1 span{font-size:20px; vertical-align: baseline;}
.elec-box .graph_bar .bar .b1 .txt2{position:absolute; top:0px; left:100%; width:100px; padding-left:20px; line-height:60px; color:#666; font-size:16px;}
.elec-box .graph_bar .grid{position:absolute; top:28px; left:0; width:100%; height:60px;}
.elec-box .graph_bar .grid .g1{position:absolute; top:72px; left:0; color:#666666; font-size:12px;}
.elec-box .graph_bar .grid .g1:before{content:''; position:absolute; top:-82px; left:0; width:1px; height:80px; background-color:#CCCCCC; }
.elec-box .graph_bar .grid .g2{position:absolute; top:72px; left:calc(50% - 1px); color:#666666; font-size:12px; text-indent: -10px;}
.elec-box .graph_bar .grid .g2:before{content:''; position:absolute; top:-82px; left:0; width:1px; height:80px; background-color:#CCCCCC; }
.elec-box .graph_bar .past .txt1{display:inline-block; position:absolute; bottom:-3px; left:77.1%; margin-left:-44px; padding:3px 8px; border-radius:4px; background-color:#888; color:#fff; font-size:12px;}
.elec-box .graph_bar .past .txt1:after{content:''; position:absolute; top:-6px; left:50%; margin-left:-4px; width:10px; height:6px; background:url(../images/event/election2025/ico20.png) no-repeat 0 0; transform: rotate(-180deg);}
.elec-box .graph_bar .past .txt1:before{content:''; position:absolute; left:50%; bottom:30px; width:1px; height:60px; border-left:1px dashed #888888; z-index: 2;}


/* 투표 현황 */
.elec-box .cont.type2 .left{flex-basis: 170px; width:170px; min-height:calc(353px - 25px); margin-right:20px; padding:25px 0 0; background-color:#594BC5; background-image:url(../images/event/election2025/bg_box.png); background-repeat:no-repeat; background-position:0% 100%; border-radius:50px 0 0 0; text-align:center;}
.elec-box .cont.type2 .left .box{margin-bottom:25px;}
.elec-box .cont.type2 .left .tit{display:flex; justify-content:center; align-items: center; height:21px; margin-bottom:8px; font-size:16px; line-height:21px; font-weight:bold; color:#F1C0FC;}
.elec-box .cont.type2 .left .tit img{margin-right:4px;}
.elec-box .cont.type2 .left .count{display:inline-block; width:auto; height:48px; padding:0 17px; border:2px solid #fff; border-radius:24px; background-color:#7B70D2; text-align:center; font-size:26px; color:#fff; line-height:44px; box-sizing: border-box;}
.elec-box .cont.type2 .left .count span{vertical-align: baseline;}
.elec-box .cont.type2 .left .count span.f26{font-size:26px;}
.elec-box .cont.type2 .left .count span.f20{font-size:20px;}
.elec-box .cont.type2 .left .count span.f18{font-size:18px;}
.elec-box .cont.type2 .left .count span.f16{font-size:16px;}
.elec-box .cont.type2 .left .count span.f13{font-size:13px;}
.elec-box .cont.type2 .box:last-child .count{line-height:38px;}

.elec-box .cont.type2 .right{position:relative; width:1050px; height:352px;}
.elec-box .cont.type2 .right .battleSwiper{ overflow:hidden;}
.elec-box .cont.type2 .right .swiper-slide{width:324px !important ; height:calc(100% - 16px); padding:8px; border-radius:16px; background: transparent linear-gradient(134deg, #41359F 0%, #E8A8CD 100%) 0% 0% no-repeat padding-box;}
.elec-box .cont.type2 .right .swiper-slide .top{margin-bottom:8px; text-align:center;}
.elec-box .cont.type2 .right .swiper-slide .top .area{margin-bottom:2px; font-weight:bold; color:#F1C0FC; font-size:21px;}
.elec-box .cont.type2 .right .swiper-slide .top .detail{color:#FFF; font-size:16px;}
.elec-box .cont.type2 .right .swiper-slide .cont{position:relative; display:flex; justify-content: space-between; padding:6px; border-radius:16px; background:#E9E7FE; }
.elec-box .cont.type2 .right .swiper-slide .cont .box{width:136px; text-align:center;}
.elec-box .cont.type2 .right .swiper-slide .cont .box .thum-cont{position:relative; margin-bottom:8px;}
.elec-box .cont.type2 .right .swiper-slide .cont .box .thum{overflow:hidden; width:136px; height:136px; border-radius:50%;}
.elec-box .cont.type2 .right .swiper-slide .cont .box .thum img{width: 136px; margin:-3px 0 0 -3px;}
.elec-box .cont.type2 .right .swiper-slide .cont .box .label{position:absolute; top:0; left:-7px;}
.elec-box .cont.type2 .right .swiper-slide .cont .name{margin-bottom:8px; font-size:20px; line-height:27px; font-weight:bold; color:#000;}
.elec-box .cont.type2 .right .swiper-slide .cont .dang{display:flex; justify-content: center; align-items:flex-end; height:25px; margin-bottom:8px; }
.elec-box .cont.type2 .right .swiper-slide .cont .percent{height:44px; font-size:32px; line-height:35px; font-family:'Lora','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif; font-weight:bold; letter-spacing:-1px;}
.elec-box .cont.type2 .right .swiper-slide .cont .percent span{vertical-align: baseline;}
.elec-box .cont.type2 .right .swiper-slide .cont .percent span.f20{font-size:20px;}
.elec-box .cont.type2 .right .swiper-slide .cont .percent span.f14{font-size:14px;}
.elec-box .cont.type2 .right .swiper-slide .cont .total{color:#666; font-size:15px; line-height:20px;}
.elec-box .cont.type2 .right .swiper-slide .cont .gap{position:absolute; width:100px; bottom:30px; left:112px; text-align:center;}
.elec-box .cont.type2 .right .swiper-slide .cont .gap .tit{font-size:12px; font-weight:bold; line-height:16px;}
.elec-box .cont.type2 .right .swiper-slide .cont .gap div{height:27px; background:url(../images/event/election2025/vote.png) no-repeat 0 0; line-height:26px; font-size:15px; color:#666;}
.elec-box .cont.type2 .right .swiper-slide .cont .compete{position:absolute; top:152px; left:134px; width:57px; height:41px; }
.elec-box .cont.type2 .right .swiper-pagination {position:absolute; display:flex; justify-content: center; align-items: center; bottom:-42px; left:0; width:1050px; z-index: 8;}
.elec-box .cont.type2 .right .swiper-pagination-bullet{margin:0 8px; width:14px; height:14px; border:2px solid #ccc; background:#fff; box-sizing: border-box; opacity: 1;}
.elec-box .cont.type2 .right .swiper-pagination .swiper-pagination-bullet-active{width:18px; height:18px; border:2px solid #41359F; background-color:#fff; box-sizing: border-box;}
.elec-box .cont.type2 .right .slideNext-btn.swiper-button-disabled{width:46px; height:46px; background:url(../images/event/election2025/btn_next_off.png) no-repeat 0 0;}
.elec-box .cont.type2 .right .slidePrev-btn.swiper-button-disabled{width:46px; height:46px; background:url(../images/event/election2025/btn_prev_off.png) no-repeat 0 0;}
.elec-box .cont.type2 .right .slideNext-btn{position:absolute; right:-19px; top:155px; width:46px; height:46px; background:url(../images/event/election2025/btn_next_on.png) no-repeat 0 0; z-index: 9;}
.elec-box .cont.type2 .right .slidePrev-btn{position:absolute; left:-19px; top:155px; width:46px; height:46px; background:url(../images/event/election2025/btn_prev_on.png) no-repeat 0 0; z-index: 9;}
.elec-box .cont.type2 .right .slideNext-btn,.elec-box .cont.type2 .right .slidePrev-btn,.elec-box .cont.type2 .right .swiper-pagination-bullet:hover{cursor: pointer;}

/* 뉴시스메인_선거결과 */
.elec-box .cont.type3>.inner>.top {display:flex; justify-content: space-between; width:100%; margin-bottom:30px;}
.elec-box .cont.type3 .top .info{width:calc(100% - 32px); min-height:340px; padding:16px; border-radius:20px; background-color:#fff; box-shadow: 0px 3px 6px rgba(0,0,0, .29);}
.elec-box .cont.type3 .mid{position:relative; width:calc(100% - 46px); padding:30px 23px 68px; border-radius:20px; background-color:#fff; box-shadow: 0px 3px 6px rgba(0,0,0, .29);}
.elec-box .cont.type3 .mid .tit{margin-bottom:20px; color:#000; font-size:22px; line-height:29px; font-weight:bold;}
.elec-box .cont.type3 .mid .stateSwiper{overflow:hidden;}
.elec-box .cont.type3 .mid .swiper-slide{width:168px !important ; padding:6px; border-radius:16px; background: transparent linear-gradient(151deg, #41359F 0%, #AD7FBD 69%, #E8A8CD 100%) 0% 0% no-repeat padding-box; text-align:center;}
.elec-box .cont.type3 .mid .swiper-slide .top{margin-bottom:6px;}
.elec-box .cont.type3 .mid .swiper-slide .top .area{margin-bottom:3px; font-weight:bold; color:#F1C0FC; font-size:18px;}
.elec-box .cont.type3 .mid .swiper-slide .top .detail{color:#FFF; font-size:12px; letter-spacing:-1px;}
.elec-box .cont.type3 .mid .swiper-slide .cont{padding:6px; border-radius:16px; background-color:#E9E7FE}
.elec-box .cont.type3 .mid .box .thum-cont{position:relative; margin-bottom:8px; }
.elec-box .cont.type3 .mid .box .thum{overflow:hidden; width:136px; height:136px; margin:0 auto; border-radius:50%;}
.elec-box .cont.type3 .mid .box .thum img{width: 136px; margin:-3px 0 0 -3px;}
.elec-box .cont.type3 .mid .box .label{position:absolute; top:0; left:0px;}
.elec-box .cont.type3 .mid .name{margin-bottom:8px; font-size:20px; line-height:27px; font-weight:bold; color:#000;}
.elec-box .cont.type3 .mid .dang{display:flex; justify-content: center; align-items:flex-end; height:25px; margin-bottom:8px; }
.elec-box .cont.type3 .mid .percent{height:35px; font-size:32px; line-height:35px; font-family:'Lora','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif; font-weight:bold;}
.elec-box .cont.type3 .mid .percent span{vertical-align: baseline;}
.elec-box .cont.type3 .mid .percent span.f20{font-size:20px;}
.elec-box .cont.type3 .mid .percent span.f14{font-size:14px;}
.elec-box .cont.type3 .mid .total{color:#666; font-size:15px; line-height:20px;}
.elec-box .cont.type3 .mid .swiper-pagination2 {position:absolute; display:flex; justify-content: center; align-items: center; bottom:30px; left:0; width:100%; z-index: 8;}
.elec-box .cont.type3 .mid .swiper-pagination-bullet{margin:0 8px; width:14px; height:14px; border:2px solid #ccc; background:#fff; box-sizing: border-box; opacity: 1;}
.elec-box .cont.type3 .mid .swiper-pagination2 .swiper-pagination-bullet-active{width:18px; height:18px; border:2px solid #41359F; background-color:#fff; box-sizing: border-box;}
.elec-box .cont.type3 .mid .slideNext2-btn.swiper-button-disabled{width:46px; height:46px; background:url(../images/event/election2025/btn_next_off.png) no-repeat 0 0;}
.elec-box .cont.type3 .mid .slidePrev2-btn.swiper-button-disabled{width:46px; height:46px; background:url(../images/event/election2025/btn_prev_off.png) no-repeat 0 0;}
.elec-box .cont.type3 .mid .slideNext2-btn{position:absolute; right:0px; top:235px; width:46px; height:46px; background:url(../images/event/election2025/btn_next_on.png) no-repeat 0 0; z-index: 9;}
.elec-box .cont.type3 .mid .slidePrev2-btn{position:absolute; left:0px; top:235px; width:46px; height:46px; background:url(../images/event/election2025/btn_prev_on.png) no-repeat 0 0; z-index: 9;}
.elec-box .cont.type3 .mid .slideNext2-btn,.elec-box .cont.type3 .mid .slidePrev2-btn,.elec-box .cont.type3 .mid .swiper-pagination-bullet:hover{cursor: pointer;}

/* 뉴시스메인_선거결과지도 */
.elec-box .cont.type4{padding:30px;}
.elec-box .cont.type4>.inner{background:transparent; box-shadow: none;}
.elec-box .cont.type4 .left{width:calc(560px - 40px); min-height:calc(788px - 60px); margin-right:40px; padding:30px 20px; border-radius:20px; background-color:#fff; box-shadow: 0px 3px 6px rgba(0,0,0, .29);}
.elec-box .cont.type4 .left .tit{margin-bottom:20px; color:#000; font-size:22px; line-height:29px; font-weight:bold;}
.elec-box .cont.type4 .left .tit span{padding-right:18px; background:url(../images/event/election2025/ico-arrow2.png) no-repeat 100% 6px;}
.elec-box .cont.type4 .left .info{overflow:hidden; width:520px; max-height:733px; margin:0 auto;}
.elec-box .cont.type4 .left .info img{width:520px; height:auto;}
.elec-box .cont.type4 .right{width:610px;}
.elec-box .cont.type4 .right .box{padding:30px 20px; border-radius:20px; background-color:#fff; box-shadow: 0px 3px 6px rgba(0,0,0, .29);}
.elec-box .cont.type4 .right .info{width:calc(610px - 40px); min-height:calc(271px - 60px); margin-bottom:30px;}
.elec-box .cont.type4 .right .tit{margin-bottom:20px; color:#000; font-size:22px; line-height:29px; font-weight:bold;}
.elec-box .cont.type4 .right .stateSwiper2{overflow:hidden; padding-bottom:40px;}
.elec-box .cont.type4 .right .swiper-slide{width:168px !important ; padding:6px; border-radius:16px; background: transparent linear-gradient(151deg, #41359F 0%, #AD7FBD 69%, #E8A8CD 100%) 0% 0% no-repeat padding-box; text-align:center;}
.elec-box .cont.type4 .right .swiper-slide .top{margin-bottom:6px;}
.elec-box .cont.type4 .right .swiper-slide .top .area{margin-bottom:3px; font-weight:bold; color:#F1C0FC; font-size:18px;}
.elec-box .cont.type4 .right .swiper-slide .top .detail{color:#FFF; font-size:12px; letter-spacing:-1px;}
.elec-box .cont.type4 .right .swiper-slide .cont{padding:6px; border-radius:16px; background-color:#E9E7FE}
.elec-box .cont.type4 .right .swiper-slide .box{padding:0px; border-radius:0px; background-color:transparent; box-shadow:none;}
.elec-box .cont.type4 .right .box{position:relative; }
.elec-box .cont.type4 .right .box .thum-cont{position:relative; margin-bottom:8px; }
.elec-box .cont.type4 .right .box .thum{overflow:hidden; width:136px; height:136px; margin:0 auto; border-radius:50%;}
.elec-box .cont.type4 .right .box .thum img{width: 136px; margin:-3px 0 0 -3px;}
.elec-box .cont.type4 .right .box .label{position:absolute; top:0; left:0px;}
.elec-box .cont.type4 .right .name{margin-bottom:8px; font-size:20px; line-height:27px; font-weight:bold; color:#000;}
.elec-box .cont.type4 .right .dang{display:flex; justify-content: center; align-items:flex-end; height:25px; margin-bottom:8px; }
.elec-box .cont.type4 .right .percent{height:35px; font-size:32px; line-height:35px; font-family:'Lora','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif; font-weight:bold;}
.elec-box .cont.type4 .right .percent span{vertical-align: baseline;}
.elec-box .cont.type4 .right .percent span.f20{font-size:20px;}
.elec-box .cont.type4 .right .percent span.f14{font-size:14px;}
.elec-box .cont.type4 .right .total{color:#666; font-size:15px; line-height:20px;}
.elec-box .cont.type4 .right .swiper-pagination3 {position:absolute; display:flex; justify-content: center; align-items: center; bottom:30px; left:0; width:100%; z-index: 8;}
.elec-box .cont.type4 .right .swiper-pagination-bullet{margin:0 8px; width:14px; height:14px; border:2px solid #ccc; background:#fff; box-sizing: border-box; opacity: 1;}
.elec-box .cont.type4 .right .swiper-pagination3 .swiper-pagination-bullet-active{width:18px; height:18px; border:2px solid #41359F; background-color:#fff; box-sizing: border-box;}
.elec-box .cont.type4 .right .slideNext3-btn.swiper-button-disabled{width:46px; height:46px; background:url(../images/event/election2025/btn_next_off.png) no-repeat 0 0;}
.elec-box .cont.type4 .right .slidePrev3-btn.swiper-button-disabled{width:46px; height:46px; background:url(../images/event/election2025/btn_prev_off.png) no-repeat 0 0;}
.elec-box .cont.type4 .right .slideNext3-btn{position:absolute; right:0px; top:235px; width:46px; height:46px; background:url(../images/event/election2025/btn_next_on.png) no-repeat 0 0; z-index: 9;}
.elec-box .cont.type4 .right .slidePrev3-btn{position:absolute; left:0px; top:235px; width:46px; height:46px; background:url(../images/event/election2025/btn_prev_on.png) no-repeat 0 0; z-index: 9;}
.elec-box .cont.type4 .right .slideNext3-btn,.elec-box .cont.type4 .right .slidePrev3-btn,.elec-box .cont.type4 .right .swiper-pagination3 .swiper-pagination-bullet:hover{cursor: pointer;}