@charset "utf-8";

.subRsp-style1{display:flex; justify-content: flex-start; width:1280px; margin:0 auto; padding-top:30px;}

.titStyle1{margin-bottom:12px; font-size:24px; line-height:1.5; font-weight:bold;}
.titStyle1 a{padding-right:20px; background:url(../images/ico_arrow.png) no-repeat 100% 55%; }

.titStyle2{margin-bottom:12px; font-size:20px; line-height:1.5; font-weight:bold;}
.titStyle2 a{padding-right:18px; background:url(../images/ico_arrow.png) no-repeat 100% 4px; background-size:10px 15px}
.titStyle2 span{color:#6745DF;}

.labelBox{line-height:30px;}
.labelBox em{margin-right:4px; }
.labelBox em:last-child{margin-right:0px;}
.label1{padding:2px 5px; border-radius:4px; background-color:#D42018; font-size:15px; color:#fff; line-height:1.5;}
.label2{padding:2px 5px; border-radius:4px; background-color:#008191; font-size:15px; color:#fff; line-height:1.5;}


.header{background:#F2F2FE;}
.header .box-inner{position:relative; width:1280px; margin:0 auto;  background:url(../images/img_header.png) no-repeat 50% 0%;}
.header .box-inner .newsis-logo{position:absolute; top:20px; left:0;}
.header .box-inner .dday{position:absolute; top:20px; right:0; padding:4px 24px; border-radius:25px; background:transparent linear-gradient(117deg, #00B0B9 0%, #27A6B9 32%, #3C62CE 51%, #7A5CFB 100%) 0% 0% no-repeat padding-box; color:#fff; font-size:28px; font-weight:normal; line-height:1.5;}
.header .box-inner .election-logo{margin-bottom:60px; padding-top:40px; text-align:center;}
.header .box-inner nav .swiper-wrapper{justify-content: center;}
.header .box-inner nav .swiper-slide{position:relative; width:auto; margin:0 40px; padding:8px 10px 14px; color:#000; font-size:24px; line-height:1.5; font-weight:bold;}
.header .box-inner nav .swiper-slide.active:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:6px; border-radius:3px; background:transparent linear-gradient(98deg, #53B1CA 0%, #27A6B9 33%, #8570F5 71%, #7A5CFB 100%) 0% 0% no-repeat padding-box;}
.header .box-inner nav a:hover{text-decoration: none;}

.box-mainTop{padding:50px 0;}
.box-mainTop .box-inner{display:flex; justify-content: flex-start; flex-wrap:wrap; width:1280px; margin:0 auto;}
.box-mainTop .box-left{flex:0 0 73.438%;}
.box-mainTop .box-left .topNews {margin-bottom:40px;}
.box-mainTop .box-left .topNews article{display:flex; justify-content: flex-start;}
.box-mainTop .box-left .topNews .thumCont{order:2; flex:0 0 55.32%; overflow:hidden; position:relative; height:0; padding-bottom:34.575%; border-radius:4px;}
.box-mainTop .box-left .topNews .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-mainTop .box-left .topNews .layCont{order:1; margin-right:40px;}
.box-mainTop .box-left .topNews .titCont{margin-bottom:8px;}
.box-mainTop .box-left .topNews .titCont .tit{ font-size:36px; line-height:1.3; font-weight:bold;}
.box-mainTop .box-left .topNews .titCont .tit .labelBox{display:block;}
.box-mainTop .box-left .topNews .titCont .tit a .tit{overflow:hidden; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.box-mainTop .box-left .topNews .txtCont {overflow:hidden; margin-bottom:8px; font-size:14px; color:#555; line-height:1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.box-mainTop .box-left .topNews .linkNews li{overflow:hidden; position:relative; margin-bottom:4px; padding-left:12px; font-size:15px; line-height:1.5; color:#222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.box-mainTop .box-left .topNews .linkNews li:last-child{margin-bottom:0px;}
.box-mainTop .box-left .topNews .linkNews li:after{content:''; position:absolute; top:0; left:0; top:8px; width:4px; height:4px; border-radius:50%; background-color:#4B5564}

.box-mainTop .box-left .subtopNews{display:flex; justify-content: flex-start;}
.box-mainTop .box-left .subtopNews article{flex:0 0 calc(34.576% - 35px); margin-right:35px;}
.box-mainTop .box-left .subtopNews article:last-child{margin-right:0px;}
.box-mainTop .box-left .subtopNews article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:61.38%; border-radius:4px; }
.box-mainTop .box-left .subtopNews article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-mainTop .box-left .subtopNews article .titCont .tit{overflow:hidden; font-size:18px; font-weight:bold; line-height:1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-mainTop .box-left .subtopNews article .titCont .tit .labelBox{margin-right:4px;}

/* 실시간뉴스 */
.box-mainTop .box-right{flex:1 0 0; background:#F2F2FE; margin-left:40px; padding:16px 0 0; border-radius:4px;}
.box-mainTop .box-right .timeNews .titStyle1{padding-left:16px;}
.box-mainTop .box-right .timeNews .listArticle{position:relative;}
.box-mainTop .box-right .timeNews .listArticle:after{content:''; position:absolute; top:4px; left:20px; width:1px; height:100%; background:#ccc; z-index: 1;}
.box-mainTop .box-right .timeNews .box-article{margin-bottom:20px;}
.box-mainTop .box-right .timeNews .box-article article{position:relative; display:flex; justify-content: flex-start; padding:0 16px 0 32px;}
.box-mainTop .box-right .timeNews .box-article article:after{content:''; position:absolute; top:4px; left:17px; width:7px; height:7px; border-radius:50%; background:#6745DF; z-index: 2;}
.box-mainTop .box-right .timeNews .box-article article .titCont{flex:0 0 48.413%;}
.box-mainTop .box-right .timeNews .box-article article .titCont .tit a{overflow:hidden; font-size:16px; line-height:1.5; font-weight:bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-mainTop .box-right .timeNews .box-article article .titCont .tit .labelBox{display: block; line-height:1.2;}
.box-mainTop .box-right .timeNews .box-article article .titCont .tit .labelBox em{font-size:13px; color:#6745DF; font-weight:bold;}
.box-mainTop .box-right .timeNews .box-article article .thumCont{flex:0 0 41.05%; overflow:hidden; position:relative; width:100%; height:0; margin-left:20px; padding-bottom:26.87%; border-radius:4px; object-fit: cover;}
.box-mainTop .box-right .timeNews .box-article article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%;}

/* 많이 본 기사 */
.mostView{margin-bottom:50px;padding:30px 0; background:#F2F2FE; }
.mostView .box-inner{width:1280px; margin:0 auto;}
.mostView .box-inner .listArticle{display: grid; grid-template-columns: calc(27.188% + 30px) 1fr 1fr; grid-template-rows: repeat(3, auto); align-items: start; }
.mostView .box-inner .listArticle .box-article:nth-child(1){grid-column: 1; grid-row: 1 / span 3; margin-right:30px;}
.mostView .box-inner .listArticle .box-article:nth-child(1) article{padding-left:0px;}
.mostView .box-inner .listArticle .box-article:nth-child(1) article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:61.495%; border-radius:4px;}
.mostView .box-inner .listArticle .box-article:nth-child(1) article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.mostView .box-inner .listArticle .box-article:nth-child(1) article .titCont .tit{overflow:hidden; font-size:18px; line-height:1.5; font-weight:bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mostView .box-inner .listArticle .box-article:nth-child(n+2){margin-bottom: 24px; padding-bottom: 24px; box-sizing: border-box; border-bottom:1px solid #ccc;}
.mostView .box-inner .listArticle .box-article:nth-child(2){grid-column: 2; grid-row: 1; margin-right:15px;}
.mostView .box-inner .listArticle .box-article:nth-child(3){grid-column: 2; grid-row: 2; margin-right:15px;}
.mostView .box-inner .listArticle .box-article:nth-child(4){grid-column: 2; grid-row: 3; margin:0px 15px 0px 0; padding-bottom: 0px; border-bottom:none;}
.mostView .box-inner .listArticle .box-article:nth-child(5){grid-column: 3; grid-row: 1; margin-left:15px;}
.mostView .box-inner .listArticle .box-article:nth-child(6){grid-column: 3; grid-row: 2; margin-left:15px;}
.mostView .box-inner .listArticle .box-article:nth-child(7){grid-column: 3; grid-row: 3; margin:0px 0px 0px 15px; padding-bottom: 0px; border-bottom:none;}
.mostView .box-inner .listArticle .box-article:nth-child(n+2) .titCont .tit{overflow:hidden; min-height:54px; font-size:18px; line-height:1.5; font-weight:bold; color:#000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
} 
.mostView .box-inner .listArticle .box-article article{position:relative; padding-left:50px;}
.mostView .box-inner .listArticle .box-article .rank{position:absolute; top:0; left:0; display:inline-block; padding:2px 13px; border-radius:4px 0px 4px 0px; background:#6745DF; font-size:18px; line-height:1.5; font-weight:bold; color:#fff; z-index: 2;}

.box-newsList .box-inner{display:flex; justify-content: flex-start; width:1280px; margin:0 auto;}
.box-newsList .box-inner .box-left{flex:0 0 75.782%;}
.box-newsList .box-inner .box-right{width:100%; margin-left:50px;}
.box-newsList .box-inner .box-right .electionPlan .swiper-wrapper{display:block;}
.box-newsList .box-inner .box-right .electionPlan .plan{margin-bottom:23px; padding:16px 0; border-radius:4px; background-color:#D9D9F3; text-align:center;}
.box-newsList .box-inner .box-right .electionPlan .plan .tit{margin-bottom:4px; font-size:15px; font-weight:bold; line-height:1.5;}
.box-newsList .box-inner .box-right .electionPlan .plan .date{display:flex; justify-content: center; align-items: center; flex-direction: column; height:60px; margin:0 50px; border-radius:30px; background:#fff;}
.box-newsList .box-inner .box-right .electionPlan .plan .txt1{font-size:20px; line-height:1.5; font-weight:bold; color:#6745DF;}
.box-newsList .box-inner .box-right .electionPlan .plan .txt2{font-size:12px; color:#555; line-height:1.5;}
.box-newsList .box-inner .box-right .electionPlan .plan.box1{background-image:url(../images/plan1.png); background-repeat:no-repeat; background-position:100% 100%;}
.box-newsList .box-inner .box-right .electionPlan .plan.box2{background-image:url(../images/plan2.png); background-repeat:no-repeat; background-position:100% 100%;}
.box-newsList .box-inner .box-right .electionPlan .plan.box3{background-image:url(../images/plan3.png); background-repeat:no-repeat; background-position:100% 100%;}
.box-newsList .box-inner .box-right .electionPlan .plan.box4{background-image:url(../images/plan4.png); background-repeat:no-repeat; background-position:100% 100%;}

.box-listArticle2 {margin-bottom:50px;}
.box-listArticle2 .listArticle .box-article{margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ccc;}
.box-listArticle2 .listArticle .box-article:last-child{margin:0; padding:0; border-bottom:none;}
.box-listArticle2 .listArticle .box-article article{display:flex; justify-content: flex-start;}
.box-listArticle2 .listArticle .box-article article .thumCont{flex:0 0 23.506%; overflow:hidden; position:relative; height:0; margin-right:20px; padding-bottom:14.846%; border-radius:4px; }
/* .box-listArticle2.type2 .listArticle .box-article article .thumCont{flex:0 0 25.055%; padding-bottom:15.825%;} */
.box-listArticle2 .listArticle .box-article article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-listArticle2 .listArticle .box-article article .layCont{overflow:hidden; flex:1 0 0;}
.box-listArticle2 .listArticle .box-article article .titCont{margin-bottom:8px;}
.box-listArticle2 .listArticle .box-article article .titCont .cate{display:inline-block; margin-bottom:4px; padding:0 10px; border:1px solid #6745DF; border-radius:10px; font-size:13px; color:#6745DF; font-weight:bold;}
.box-listArticle2 .listArticle .box-article article .titCont .tit{overflow:hidden; font-size:20px; line-height:1.5; color:#000; font-weight:bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; 
}
.box-listArticle2 .listArticle .box-article article .txtCont .txt{overflow:hidden; margin-bottom:8px; font-size:15px; line-height:1.5; color:#555; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
} 
/* 정책,공약 말말말 격전지 본문 3줄 */
.box-listArticle2.type3 .listArticle .box-article article .txtCont .txt{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.box-listArticle2 .listArticle .box-article article .txtCont .info{font-size:13px; line-height:1.2; color:#555;}




.box-cornerList{margin-bottom:50px;}
.box-cornerList .box-inner{display:flex; justify-content: flex-start; gap:40px; width:1280px; margin:0 auto;}
.box-cornerList .box-inner .corner{flex:1; padding:30px; border-radius:16px;}
.box-cornerList .box-inner .corner .tit{margin-bottom:12px; font-size:24px; line-height:1.2; text-align:center; color:#fff; }
.box-cornerList .box-inner .corner.box1{background-color:#42ABD3;}
.box-cornerList .box-inner .corner.box2{background-color:#6745DF;}
.box-cornerList .box-inner .corner.box3{background-color:#03AAB2;}
.box-cornerList .box-inner .corner .box-listArticle{padding:20px; border-radius:16px; background-color:rgba(255,255,255,.95)}
.box-cornerList .box-inner .corner .box-listArticle .box-article{margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ccc;} 
.box-cornerList .box-inner .corner .box-listArticle .box-article:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:none}
.box-cornerList .box-inner .corner .thumCont{overflow:hidden; position:relative; height:0; margin-bottom:8px; padding-bottom:62.67%; border-radius:4px;}
.box-cornerList .box-inner .corner .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-cornerList .box-inner .corner .box-article:first-child .titCont .tit{overflow:hidden; font-size:18px; line-height:1.5; color:#000; text-align:left; font-weight:bold;}
.box-cornerList .box-inner .corner .titCont .tit{overflow:hidden; margin-bottom:0px; font-size:16px; line-height:1.5; color:#222; text-align:left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.box-visualList{margin-bottom:50px; padding:30px 0; background-color:#F2F2FE;}
.box-visualList .photoList {position:relative; overflow:hidden; width:1280px; margin:0 auto;}
.box-visualList .photoList .swiper-slide{flex:0 0 calc(34.375% - 40px);}
.box-visualList .photoList .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:75%; border-radius:8px;}
.box-visualList .photoList .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit:cover;}
.box-visualList .photoList .titCont .tit{overflow:hidden; font-size:18px; line-height:1.5; font-weight:bold; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-visualList .photoList .photoSwiper{overflow:visible}
.box-visualList .photoList .swiper-pagination{position:absolute; top:-36px; height:8px; text-align:right;}
.box-visualList .photoList .swiper-pagination-bullet-active{width:24px; border-radius:4px; background-color:#C41573;}

.box-visualList.type2 {margin-bottom:50px; padding:0px; background-color:#fff;}
.box-visualList.type2 .box-inner{display:flex; justify-content: flex-start; width:1280px; margin:0 auto;}
.box-visualList.type2 .box-inner .graphicList{width:100%;}
.box-visualList.type2 .box-inner .graphicList .box-listArticle{display:flex; justify-content: flex-start; overflow:hidden; width:100%; }
.box-visualList.type2 .box-inner .graphicList .box-listArticle .box-article{flex:0 1 400px; margin-right:40px;}
.box-visualList.type2 .box-inner .graphicList .box-listArticle .box-article:last-child{margin-right:0px;}
.box-visualList.type2 .box-inner .graphicList .box-listArticle .box-article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:75%; border-radius:4px;}
.box-visualList.type2 .box-inner .graphicList .box-listArticle .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-visualList.type2 .box-inner .graphicList .box-listArticle .box-article .titCont .tit{overflow:hidden; font-size:18px; line-height:1.5; font-weight:bold; color:#000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-visualList.type2 .box-inner .surveyList{flex:1;}
.box-visualList.type2 .box-inner .surveyList .survey{width:100%; background-size:#F2F2FE;}

/* 메인 여론조사 */
.box-surveyList{margin-bottom:50px; padding:30px 0; background-color:#F2F2FE; }
.box-surveyList .box-inner{width:1280px; margin:0 auto 0;}

.tap-graph{margin-bottom:16px;}
.tap-graph button{padding:8px 20px 8px; border:1px solid #888; border-radius:4px; color:#888;}
.tap-graph button.on{border:1px solid #4F3B95; color:#fff; background-color:#4F3B95; font-weight:bold;}
.tabCont.on{display:block;}
.tabCont{display:none;}
.highcharts-credits{display:none;}
.graph-description{display:none; font-size:12px; color:#888;}
.graph-description.on{display:block;}

/* 서브페이지 */
.box-content .box-inner.subRsp-style1 .aside-left{overflow:hidden; flex:1 0 70%;}
.box-content .box-inner.subRsp-style1 .aside-right{overflow:hidden; flex:0 0 calc(28.125% - 30px); margin-left:40px; padding:0 0 30px 29px; border-left:1px solid #ccc; box-sizing: border-box;}

.box-subTit {width:1280px; margin:50px auto 0;}
.box-subTit .subtitSwiper{height:45px;}
.box-subTit .subtitSwiper .swiper-wrapper{align-items: center;}
.box-subTit .subtitSwiper .swiper-slide {width:auto; height:auto; margin-right:8px;}
.box-subTit .subtitSwiper .swiper-slide.active a{border:none; background-color:#6745DF; color:#fff;}
.box-subTit .subtitSwiper .swiper-slide:last-child{margin-right:0px;}
.box-subTit .subtitSwiper .swiper-slide a{padding:8px 16px; border-radius:22px; border:1px solid #ccc; background:#F6F5F5; font-size:18px; line-height:1.5; color:#999; font-weight:bold;}

.box-subTab{width:1280px; margin:20px auto 0; background:#F2F2FE;}
.box-subTab .box-inner{display:flex; justify-content: flex-start; flex-wrap: wrap; padding:20px 16px 12px;}
.box-subTab .box-inner button{margin-right:8px; border:2px solid #ccc; border-radius:4px; font-size:16px;}
.box-subTab .box-inner button:last-child{margin-right:0px;}
.box-subTab .box-inner button {margin-bottom:8px; padding:6px 16px; background-color:#F6F5F5; color:#999; font-weight:bold;}
.box-subTab .box-inner button.active{background-color:#fff; border-color:#6745DF; color:#6745DF;}

/* aside 많이 본 기사 */
.asideR-box1{margin-bottom:50px;}
.box-mostView article{padding:16px 0; border-bottom:1px solid #ccc;}
.box-mostView article:first-child{padding-top:0px;}
.box-mostView article:last-child{border-bottom:none;}
.box-mostView article{display:flex; justify-content: flex-start; align-items: center;}
.box-mostView article:hover {text-decoration:none;}
.box-mostView article:hover .txtCont {text-decoration: underline;}
.box-mostView article p.rank{flex:0 0 28px; font-size:24px; font-weight:bold; line-height:24px; text-align:left;}
.box-mostView article p.rank.c{color:#6745DF;}
.box-mostView article .titCont{flex:1 0 51.33%; margin:0 20px 0 11px;}
.box-mostView article .titCont .tit{overflow:hidden; font-size:16px; font-weight:bold; line-height:25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-mostView article .thumCont{overflow:hidden; position:relative; flex:1 1 28.33%; height:0; padding-bottom:21.334%; border-radius:4px;}
.box-mostView article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}

/* aside 포토 */

.box-asidePhotoG{margin-bottom:50px;}
.box-asidePhotoG article{margin-bottom:16px;}
.box-asidePhotoG article:last-child{margin-bottom:0px;}
.box-asidePhotoG .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:8px; padding-bottom:75%; border-radius:4px;}
.box-asidePhotoG .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.box-asidePhotoG .titCont .tit{overflow:hidden; font-size:18px; font-weight:bold; line-height:1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 포토페이지,그래픽뉴스페이지 */
.box-listArticle3{margin-bottom:200px;}
.box-listArticle3 .listArticle{display:flex; justify-content: flex-start; flex-wrap:wrap}
.box-listArticle3 .listArticle .box-article{flex:0 0 calc(25% - 18px); margin:0 24px 24px 0;}
.box-listArticle3 .listArticle .box-article:nth-child(4n){margin-right:0px;}
.box-listArticle3 .listArticle .box-article .thumCont{overflow: hidden; position: relative; width: 100%; height: 0; margin-bottom: 8px; padding-bottom: 74.17%; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box;}
.box-listArticle3 .listArticle .box-article .thumCont img{max-width: 100%; width: auto; height: auto; max-height: 100%; margin: 0 auto;}
.box-listArticle3 .listArticle .box-article .thumCont figure{position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%;}
.box-listArticle3 .listArticle .box-article .thumCont a{display: flex; width: 100%; height: 100%; text-align: center; align-items: center;}
.box-listArticle3 .listArticle .box-article .titCont .tit{overflow:hidden; font-size:18px; line-height:1.5; font-weight:bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 영상 */
.box-listArticle4{margin-bottom:200px;}
.box-listArticle4 .listArticle{display:flex; justify-content: flex-start; flex-wrap:wrap}
.box-listArticle4 .listArticle .box-article{flex:0 0 calc(25% - 18px); margin:0 24px 24px 0;}
.box-listArticle4 .listArticle .box-article:nth-child(4n){margin-right:0px;}
.box-listArticle4 .listArticle .box-article .thumCont{overflow: hidden; position: relative; width: 100%; height: 0; margin-bottom: 8px; padding-bottom: 55.961%; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box;}
.box-listArticle4 .listArticle .box-article .thumCont img{position:absolute; top:0; left:0; width:100%; height:100%;}
.box-listArticle4 .listArticle .box-article .thumCont a:after{content:''; position:absolute; top:50%; left:50%; width:38px; height:38px; margin:-19px 0 0 -19px; background:url(../images/ico_movie.png) no-repeat 0 0; z-index: 2;}
.box-listArticle4 .listArticle .box-article .thumCont a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .3); z-index: 1;}
.box-listArticle4 .listArticle .box-article .thumCont figure{position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%;}
.box-listArticle4 .listArticle .box-article .thumCont a{display: flex; width: 100%; height: 100%; text-align: center; align-items: center;}
.box-listArticle4 .listArticle .box-article .titCont .tit{overflow:hidden; font-size:18px; line-height:1.5; font-weight:bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 페이징 */
.box-page{display:flex; justify-content: center; align-items: center; margin-top:30px; padding-bottom:30px; }
.box-page button{opacity:.5;}
.box-page button:hover{opacity: 1;}
.box-page button.prev{margin-right:18px;}
.box-page button.pprev{margin-right:18px;}
.box-page button.next{margin-left:18px;}
.box-page button.nnext{margin-left:18px;}
.box-page a{display:block; width:34px; height:34px; margin:0 6px; line-height:32px; text-align:center; color:#555; font-size:14px;}
.box-page a.active{background-color:#6745DF; color:#fff; border-radius:50%;}


/* 투표현황 */
.box-voteState{background-color:#EAEBFE;}
.box-voteState .box-inner{width:1160px; margin:0 auto; padding:30px 0;}
.box-voteState .box-inner .tit{position:relative; 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:auto; 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; font-size:13px;}
.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;}

/* 지도 현황판 */
.tap-info{width:calc(1280px - 120px); margin:0 auto; padding:30px 60px 20px}
.tap-info .swiper-slide{width:auto;}
.tap-info .swiper-slide button{padding:10px 18px 10px; border:2px solid #ccc; border-radius:22px; color:#999; font-size:18px; box-sizing: border-box; letter-spacing: -.45px; box-sizing: border-box; font-weight:bold;}
.tap-info .swiper-slide.on button{border:1px solid #6745DF; color:#fff; background-color:#6745DF; font-weight:bold;}

/* 지도영역 */
.box-voteMap{position:relative; max-width:1280px; margin:0 auto;}
.box-voteMap .voteMap{position:absolute; top:0; left:0; }
.box-voteMap .voteMap .map{flex:0 0 42.242%;}

.box-voteState2{margin-bottom:50px; background-color:#F2F2FE;}
.box-voteState2 .box-inner{display:flex; justify-content: flex-start; width:calc(1280px - 120px); min-height:615px; margin:0 auto; padding:30px 60px; }
.box-voteState2 .box-left{flex:0 0 42.242%; margin-right:90px; background:transparent;}
.box-voteState2 .box-right{flex:1 0 0; padding-left:90px; border-left:1px solid #ccc;}

.box-voteState2 .box-inner .info1 {margin-bottom:48px; padding-bottom:48px; border-bottom:1px solid #ccc; }
.box-voteState2 .box-inner .info1 .tit{margin-bottom:20px; font-weight:bold; font-size:20px;}
.box-voteState2 .box-inner .info1 .tit span{vertical-align: baseline;}
.box-voteState2 .box-inner .info1 .tit .txt1{position:relative; margin-left:8px; padding:0 8px; font-size:16px; font-weight:normal;}
.box-voteState2 .box-inner .info1 .tit .txt1:after{content:''; position:absolute; bottom:-3px; left:0; width:100%; height:14px; border-radius:7px; background-color:#6745DF; opacity: .3;}
.box-voteState2 .box-inner .info1 .tit .txt2 {margin-left:0px; padding:0px; font-weight:bold; color:#6745DF; font-size:24px;}
.box-voteState2 .box-inner .info1 .tit .txt3{margin-left:0px; padding:0px; font-weight:bold; color:#6745DF;}
.box-voteState2 .box-inner .info1 .tit .txt4{margin-left:0px; padding:0px; color:#6745DF; font-size:14px;}
.box-voteState2 .box-inner .info1 .compet{display:flex; justify-content: space-between;}
.box-voteState2 .box-inner .info1 .candidate{display:flex; flex-direction: column; text-align: center;}
.box-voteState2 .box-inner .info1 .thumCont{position:relative; width:170px; margin-bottom:8px;}
.box-voteState2 .box-inner .info1 .thumCont img{width:100%; height:auto;}
.box-voteState2 .box-inner .info1 .thumCont>img{border-radius:50%; border:1px solid #ccc; box-sizing: border-box;}
.box-voteState2 .box-inner .info1 .thumCont .label{position:absolute; top:0; left:0;}
.box-voteState2 .box-inner .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-voteState2 .box-inner .info1 .txtCont .party{font-size:13px; color:#555;}
.box-voteState2 .box-inner .info1 .txtCont .name{font-size:24px; line-height:1.2; }
.box-voteState2 .box-inner .info1 .txtCont .percent{line-height:1.1; font-weight:bold;}
.box-voteState2 .box-inner .info1 .txtCont .percent .txt1{font-size:30px; vertical-align: baseline;}
.box-voteState2 .box-inner .info1 .txtCont .percent .txt2{font-size:24px; vertical-align: baseline;}
.box-voteState2 .box-inner .info1 .txtCont .percent .txt3{font-size:20px; vertical-align: baseline;}
.box-voteState2 .box-inner .info1 .txtCont .total{font-size:12px; color:#555; letter-spacing: -.3px;}
.box-voteState2 .box-inner .info1 .center{text-align: center;}
.box-voteState2 .box-inner .info1 .center .graph{display:flex; justify-content: center; margin-bottom:8px;}
.box-voteState2 .box-inner .info1 .center .graph div{position:relative; width:24px; height:193px;margin:0 4px; background-color:#D8D6DC;}
.box-voteState2 .box-inner .info1 .center .graph .bar{position:absolute; left:0; bottom:0; width:100%; border-radius:12px 12px 0 0;}
.box-voteState2 .box-inner .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-voteState2 .box-inner .info3 .tit{margin-bottom:20px; font-weight:bold; font-size:20px;}
.box-voteState2 .box-inner .info3 .tit span{vertical-align: baseline;}
.box-voteState2 .box-inner .info3 .tit .txt1{position:relative; margin-left:8px; padding:0 8px; font-size:16px; font-weight:normal;}
.box-voteState2 .box-inner .info3 .tit .txt1:after{content:''; position:absolute; bottom:-3px; left:0; width:100%; height:14px; border-radius:7px; background-color:#6745DF; opacity: .3;}
.box-voteState2 .box-inner .info3 .tit .txt2 {margin-left:0px; padding:0px; font-weight:bold; color:#6745DF; font-size:24px;}
.box-voteState2 .box-inner .info3 .tit .txt3{margin-left:0px; padding:0px; font-weight:bold; color:#6745DF;}
.box-voteState2 .box-inner .info3 .tit .txt4{margin-left:0px; padding:0px; color:#6745DF; font-size:14px;}
.box-voteState2 .box-inner .info3 .partyGroup{display:flex; justify-content: space-between; flex-wrap: wrap; }
.box-voteState2 .box-inner .info3 .party {width:38%; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:16px;}
.box-voteState2 .box-inner .info3 .party .name{flex: 1 0 0; margin-right:12px; font-size:13px; color:#555;}
.box-voteState2 .box-inner .info3 .party .box{width:56.19%; padding:8px 0; border-radius:4px; text-align:center; color:#fff; font-size:16px;}
.box-voteState2 .box-inner .info3+.info3{margin-top:48px; padding-top:48px; border-top:1px solid #ccc;}

.box-voteState2 .box-inner .name{}

/* 지도 현황판 국회의원 */
.box-voteState2 .box-inner.type2{flex-wrap:wrap; padding-top:0px;}
.box-voteState2 .box-inner.type2 .info3{flex:0 0 calc(50% - 16px); margin-bottom:16px; padding:20px; border-radius:4px; border:1px solid #ccc; background-color:#fff; box-sizing: border-box;}
.box-voteState2 .box-inner.type2 .info3:nth-child(even){margin-left:16px}
.box-voteState2 .box-inner.type2 .info3:nth-child(odd){margin-right:16px}
.box-voteState2 .box-inner.type2 .info3+.info3{margin-top:0;}
.box-voteState2 .box-inner.type2 .info3 .tit {position:relative; padding-bottom:12px; border-bottom:1px solid #ccc; text-align:center; font-size:16px; }
.box-voteState2 .box-inner.type2 .info3 .tit .txt1{position:absolute; top:0; right:0; font-size:13px;}
.box-voteState2 .box-inner.type2 .info3 .tit .txt2{font-size:14px;}
.box-voteState2 .box-inner.type2 .info3 .tit .txt3{font-size:14px;}

.box-voteState2 .box-inner .info3 .tit span{vertical-align: baseline;}
.box-voteState2 .box-inner .info3 .tit .txt1{position:relative; margin-left:8px; padding:0 8px; font-size:16px; font-weight:normal;}
.box-voteState2 .box-inner .info3 .tit .txt1:after{content:''; position:absolute; bottom:1px; left:0; width:100%; height:8px; border-radius:7px; background-color:#6745DF; opacity: .3;}
.box-voteState2 .box-inner .info3 .tit .txt2 {margin-left:0px; padding:0px; font-weight:bold; color:#6745DF; font-size:24px;}
.box-voteState2 .box-inner .info3 .tit .txt3{margin-left:0px; padding:0px; font-weight:bold; color:#6745DF;}
.box-voteState2 .box-inner .info3 .tit .txt4{margin-left:0px; padding:0px; color:#6745DF; font-size:13px;}
.box-voteState2 .box-inner .info3 .compet{display:flex; justify-content: space-between;}
.box-voteState2 .box-inner .info3 .candidate{display:flex; height:100%; align-items: center;}
.box-voteState2 .box-inner .info3 .candidate.right{flex-direction: row-reverse;}
.box-voteState2 .box-inner .info3 .candidate .thumCont{position:relative; width:110px; }
.box-voteState2 .box-inner .info3 .candidate.left .thumCont{margin-right:20px;}
.box-voteState2 .box-inner .info3 .candidate.right .thumCont{margin-left:20px;}

.box-voteState2 .box-inner .info3 .candidate.right .txtCont{text-align: right;}
.box-voteState2 .box-inner .info3 .candidate.right .txtCont .party{justify-content: flex-end;}
.box-voteState2 .box-inner .info3 .thumCont img{width:100%; height:auto;}
.box-voteState2 .box-inner .info3 .thumCont>img{border-radius:50%; border:1px solid #ccc; box-sizing: border-box;}
.box-voteState2 .box-inner .info3 .thumCont .label{position:absolute; top:0; left:0;}
.box-voteState2 .box-inner .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-voteState2 .box-inner .info3 .thumCont .label img{width:42px; height:auto;}
.box-voteState2 .box-inner .info3 .txtCont .party{width:100%; margin-bottom:8px; font-size:13px; color:#555;}
.box-voteState2 .box-inner .info3 .txtCont .name{font-size:18px; line-height:1.2; }
.box-voteState2 .box-inner .info3 .txtCont .percent{font-size:22px; line-height:1.5; font-weight:bold;}
.box-voteState2 .box-inner .info3 .txtCont .percent .txt1{font-size:18px; vertical-align: baseline;}
.box-voteState2 .box-inner .info3 .txtCont .percent .txt2{font-size:14px; vertical-align: baseline;}
.box-voteState2 .box-inner .info3 .txtCont .percent .txt3{font-size:20px; vertical-align: baseline;}
.box-voteState2 .box-inner .info3 .txtCont .total{font-size:12px; color:#555; letter-spacing: -.3px;}
.box-voteState2 .box-inner .info3 .center{text-align: center;}
.box-voteState2 .box-inner .info3 .center .graph{display:flex; justify-content: center; margin-bottom:4px;}
.box-voteState2 .box-inner .info3 .center .graph div{position:relative; width:24px; height:102px; margin:0 4px; background-color:#D8D6DC;}
.box-voteState2 .box-inner .info3 .center .graph .bar{position:absolute; left:0; bottom:0; width:100%; border-radius:12px 12px 0 0;}
.box-voteState2 .box-inner .info3 .center .gap{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-voteState2 .box-inner .info3 .center .label img{width:46px;}

/* 투표율 */
.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.m{display:none;}
.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:-45px; left:68px; width:1px; height:40px; 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{margin-left:4px; font-size:13px; color:#555; font-weight:normal; vertical-align: baseline;}
.exitPoll_top > .tit span{position:absolute; bottom:5px; right:0px;}
.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{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 .banner{position:absolute; bottom:0; right:0; z-index: 8;}
.exitPoll_bot > .tit span{margin-left:4px; font-size:13px; color:#555; font-weight:normal; vertical-align: baseline;}
.exitPoll_bot .exitSwiper2 .swiper-slide{display:flex;}
.exitPoll_bot .exitSwiper2 .swiper-slide .hubo{width:100%; padding:16px 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}


footer{background:#4F3B95; color:#fff; font-size:13px; line-height:1;}
footer .box-inner{display:flex; justify-content: flex-start; align-items: center; width:1200px; margin:0 auto; padding:30px 0;}
footer .box-inner .logo{margin-right:64px;}
footer .box-inner .info ul {display:flex; justify-content: flex-start; flex-wrap: wrap;}
footer .box-inner .info ul li{position:relative; margin:0 12px 12px 0; padding-right:12px;} 
footer .box-inner .info ul li:after{content:''; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
footer .box-inner .info p{width:100%; padding-top:12px; border-top:1px solid #ccc;}