@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% 8px; 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{margin-bottom:20px; color:#000; line-height:1.5; font-weight:bold; font-size:20px;}
.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:0 0 42.242%; margin-right:136px;}
.box-voteState .box-inner .voteTabCont .box-right{flex:0 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 .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{margin-bottom:8px; font-size:13px; 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{margin-bottom:4px;  line-height:1.5; 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;}
.box-voteState .box-inner .voteTabCont .info2 .partyGroup{display:flex; justify-content: flex-start;}
.box-voteState .box-inner .voteTabCont .info2 .partyGroup .party{flex:0 0 100px; margin-right:8px; text-align:center;}
.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 .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 .txtCont .party{margin-bottom:8px; 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 .area{margin-bottom:12px; border-bottom:1px solid #ccc; text-align:center;}
.box-voteState .box-inner .voteTabCont .contBot .voteSwiper .swiper-slide .area p{margin-bottom:12px; font-size:16px; line-height:1.2;}
.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;}


/* 정당컬러 bg 뒤에 정당 아이디*/
.party.bg100 .box, .bg100 .bar{background-color:#152484}
.party.bg200 .box, .bg200 .bar{background-color:#E61E2B}
.party.bg5070 .box, .bg5070 .bar{background-color:#FF7920}
.party.bg5077 .box, .bg5077 .bar{background-color:#0073CF}
.party.bg9999 .box, .bg9999 .bar{background-color:#808080}

/* c 뒤에 정당 아이디 */
.candidate.c100 .percent{color:#152484}
.candidate.c200 .percent{color:#E61E2B}
.candidate.c5070 .percent{color:#FF7920}
.candidate.c5077 .percent{color:#0073CF}
.candidate.c9999 .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;}