@charset "utf-8";
@import url(base.css?20240115);

html{background-color:#F6F6FA;}

/* 공통 */
article .thumCont img{-webkit-transform:scale(1); -webkit-transition:.2s; -webkit-translate:(0,0);
    transform:scale(1); transition:.2s; translate:(0,0)}
article:hover .thumCont img{-webkit-transform:scale(1.02); -webkit-transition:.2s; -webkit-translate:(0,0);
    transform:scale(1.02); transition:.2s; translate:(0,0)}
.top .tit{margin-bottom:20px; font-size:20px; font-weight:700; }
.top .tit.center{text-align:center;}
.top .tit.img a{background:none; padding-right:0px;}
.top .tit a{position:relative; display:inline-block; padding-right:16px; background:url(../images/ico-link.png) no-repeat 100% 5px; font-size:20px; font-weight:700; }
.top .tit a:hover{text-decoration: none;}

/* 디폴트 이미지 */
.thumCont.noImg img{height:100%;}
/* 페이징 */
#paging_t1 {overflow:hidden; clear:both; width:100%; height:26px; margin-top:50px; text-align:center;} 
#paging_t1 button {display:inline-block; width:18px; height:18px; margin:4px 0 0 4px; vertical-align:middle; font-size:0; line-height:0;}
#paging_t1 .first {background:url(../images/btn_paging_first.png) no-repeat 0 0;}
#paging_t1 .prev {background:url(../images/btn_paging_prev.png) no-repeat 0 0;}
#paging_t1 .next {background:url(../images/btn_paging_next.png) no-repeat 0 0;}
#paging_t1 .end {background:url(../images/btn_paging_end.png) no-repeat 0 0;}
#paging_t1 a {display:inline-block; font-size:14px; vertical-align:top;}
#paging_t1 .num a {display:inline-block; overflow:hidden; width:26px; height:26px; line-height:26px; letter-spacing:-0.6px; text-align:center; color:#747474;}
#paging_t1 .num a strong,
#paging_t1 .num a:hover,
#paging_t1 .num a:focus {display:inline-block; width:26px; height:26px; background:transparent linear-gradient(133deg, #F87694 0%, #E05DA1 52%, #B053A0 100%) 0% 0% no-repeat padding-box; border-radius:50%; font-weight:normal; color:#fff;}

/* wrap */
#wrap{position:relative; background:url(../images/header-img2.png) no-repeat 50% 0;}
#wrap:after{content:''; position:absolute; top:0; left:0; width:100%; height:793px; background-color:#41359F; z-index: -2;}
/* 개표 */
#wrap.type2{position:relative; background:url(../images/header-img2.png) no-repeat 50% 0;}
#wrap.type2:after{content:''; position:absolute; top:0; left:0; width:100%; height:279px; background-color:#41359F; z-index: -2;}


/* header */
header {position:relative;}
header:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:801px; z-index: -1; }
header .inner{width:1280px; margin:0 auto;}
header .inner .top{margin-bottom:77px; padding-top:16px; text-align:right;}
header .inner .cont{position:relative;}
header .inner .cont .info{position:relative; margin:0 0 67px 243px;}
header .inner .cont .info:after{content:''; position:absolute; top:-90px; left:-243px; width:220px; height:240px; background:url(../images/img-2024.png) no-repeat 0 0 ;}
header .inner .cont .info .dday{display:inline-block; width:124px; height:61px; border-radius:8px; border:1px solid #CCC9E5; background-color:#544BA9; font-size:35px; color:#fff; font-weight:100; text-align:center; line-height:60px;}
header .inner .cont .info .dday span{font-size:37px; color:#F37097; font-weight:300; }
header .inner .cont nav ul{display:flex; justify-content: flex-start; margin-left:220px;}
header .inner .cont nav ul li a{position:relative; display:block; width:120px; padding:8px 0 7px; color:#FFFFFF; font-weight: bold; font-size:17px; text-align:center;}
header .inner .cont nav ul li:hover a{text-decoration: none;}
header .inner .cont nav ul li.on a:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-top-right-radius:20px; background:transparent linear-gradient(107deg, #E45EA1 0%, #E45EA1 49%, #B053A0 100%) 0% 0% no-repeat padding-box; z-index: -1; opacity: 1;}
header .inner .cont nav ul li a:before{content:''; display:block; position:absolute; top:0; left:0; width:0%; height:100%; border-top-right-radius:20px; background:transparent linear-gradient(107deg, #E45EA1 0%, #E45EA1 49%, #B053A0 100%) 0% 0% no-repeat padding-box; z-index: -1; opacity: 0; transition: .2s;}
header .inner .cont nav ul li:hover a:before{width:100%; opacity: 1;}
header .inner .cont .info2{position:absolute; bottom:-11px; right:40px; display:block; width:274px; height:184px; background:url(../images/header-img1.png) no-repeat 0 0;}
header .inner .cont .info2 p{position:absolute; bottom:11px; left:6px; width:250px; height:42px; text-align:center; line-height: 42px; font-size:14px; color:#41359F; font-weight:bold;}
header .inner .cont .info2 p span{font-size:24px; font-weight:700; vertical-align: bottom;}

/* container */
.elec-box{width:calc(1280px - 80px); margin:0 auto; padding:36px 40px; background:#F6F6FA;}
.elec-box .box1{display:flex; justify-content: flex-start; }
.elec-box .box1 article{position:relative; flex:0 1 1; width:580px; height:439px;}
.elec-box .box1 article:first-child{margin-right:40px;}
.elec-box .box1 article .thumCont{position:relative; overflow:hidden; width:100%; height:364px; border-radius:8px;}
.elec-box .box1 article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.elec-box .box1 article .titCont{position:absolute; left:0; bottom:0px; display:flex; align-items: center; width:calc(500px - 40px); height:90px; padding:5px 20px; border-radius:0 20px 0 0;}
/* 국민의힘 더불어민주당 개혁신당 무소속  */
.elec-box .box1 article .titCont.c1{background-color:#E61E2B;} /*국민의힘*/
.elec-box .box1 article .titCont.c2{background-color:#152484;} /*더불어민주당*/
.elec-box .box1 article .titCont.c3{background-color:#FF7920;} /*개혁신당*/
.elec-box .box1 article .titCont.c4{background-color:#808080;} /*무소속*/
.elec-box .box1 article .titCont p{width:100%;}
.elec-box .box1 article .titCont p a{overflow:hidden; display:block; width:100%; max-height:80px; line-height:40px; font-size:30px; font-weight:bold; color:#fff;}



#container{padding-bottom:80px; background-color:#F6F6FA; }

/* 총선뉴스 */
.time-news {background-color:#EFEEFC;}
.time-news .inner{width:calc(1280px - 80px); margin:0 auto; padding:40px;}
.time-news .inner .cont{display:flex; justify-content: flex-start;}
.time-news .inner .cont .box{width:276px; margin-right:32px;}
.time-news .inner .cont .box .time {position:relative; margin-bottom:16px; padding-left:22px; background:url(../images/ico-clock.png) no-repeat 0 50%; }
.time-news .inner .cont .box .time.today{position:relative; margin-bottom:16px; padding-left:22px; background:url(../images/ico-clock2.png) no-repeat 0 50%; }
.time-news .inner .cont .box .time:before{content:''; display:block; position:absolute; right:0; bottom:9px; width:76%; height:1px; background-color:#ccc;}
.time-news .inner .cont .box .time p{display:inline-block; padding-right:8px; background-color:#EFEEFC; font-size:15px; font-weight:bold; color:#a1a1a1; line-height:16px;}
.time-news .inner .cont .box .time.today p{color:#41359F; }
.time-news .inner .cont .box .thumCont{position:relative; overflow:hidden; width:276px; height:206px; margin-bottom:12px; border-radius:4px;}
.time-news .inner .cont .box .thumCont img{object-fit: cover; width:276px; min-height:206px;}
.time-news .inner .cont .box .thumCont .label{position:absolute; top:0; left:0; padding:4px 8px; background-color:#41359F; color:#fff; font-weight:bold;}
.time-news .inner .cont .box .txtCont p{overflow:hidden; max-height:56px; font-size:18px; line-height:28px; font-weight:bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 총선 핫플 격전지 */
.box-slide {background:#DEDCF1;}
.box-slide .inner{position:relative; width:calc(1280px - 80px); margin:0 auto; padding:40px;}
.box-slide .swiper-slide{width:330px; height:300px; border-radius:16px;}
.box-slide .swiper-button-prev{text-indent:-9999; left:-42px; width:62px; height:62px; background:url(../images/btn-prev-on.png) no-repeat 0 0;}
.box-slide .swiper-button-prev:after{display: none;}
.box-slide .swiper-button-prev.swiper-button-disabled{background:url(../images/btn-prev.png) no-repeat 0 0; opacity: 1;}
.box-slide .swiper-button-next{text-indent:-9999; right:-42px; width:62px; height:62px; background:url(../images/btn-next-on.png) no-repeat 0 0;}
.box-slide .swiper-button-next:after{display: none;}
.box-slide .swiper-button-next.swiper-button-disabled{background:url(../images/btn-next.png) no-repeat 0 0; opacity: 1;}
.box-slide .swiper-pagination{display:flex; justify-content: center; align-items: center; bottom:12px !important ;}
.box-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{width:18px; height:18px; border:2px solid #41359F; background-color:#fff; box-sizing: border-box;}
.box-slide .swiper-pagination-bullet{width:14px; height:14px; margin:0 8px !important ; border:2px solid #ccc; background-color:#fff; opacity: 1; box-sizing: border-box;}

/* 정책/공약 말말말 */
.attack-word {padding-top:40px;}
.attack-word .inner{display:flex; justify-content: flex-start; width:calc(1280px - 80px); margin:0 auto; padding:0 40px 40px;}
.attack-word .attack{width:596px; margin-right:50px;}
.attack-word .attack .box{margin-bottom:30px;}
.attack-word .attack .box:last-child{margin-bottom:0px;}
.attack-word .attack .box a{display:flex; justify-content: flex-start; align-items: center;}
.attack-word .attack .box .txtCont{width:405px; margin-right:20px;}
.attack-word .attack .box .txtCont p.tit{overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:16px; font-size:20px; line-height:25px; font-weight:bold;}
.attack-word .attack .box .txtCont p.txt{overflow:hidden; max-height:48px; font-size:16px; line-height:24px; color:#666;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.attack-word .attack .box .thumCont{overflow:hidden; width:170px; height:128px; border-radius:4px;}
.attack-word .attack .box .thumCont img{object-fit: cover; width:170px; min-height:128px;}
.attack-word .word{position:relative; width:calc(555px - 40px); height:calc(318px - 60px); margin-top:14px; padding:40px 20px 20px; border-radius:50px; background-color:#EFEEFC; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='50' ry='50' stroke='%23999999FF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");}
.attack-word .word:after{content:''; position:absolute; bottom:-12px; right:30px; width:49px; height:30px; background:url(../images/ico-twin2.png) no-repeat 0 0;}
.attack-word .word .tit{position:absolute; top:-12px; left:80px;}
.attack-word .word .tit:after{content:''; position:absolute; top:0; left:-60px; width:49px; height:30px; background:url(../images/ico-twin.png) no-repeat 0 0;}
.attack-word .word .tit a{padding:0px;}
.attack-word .word article{position:relative; display:flex; align-items: center; width:469px; height:76px; margin-bottom:15px;}
.attack-word .word article:last-child{margin-bottom:0px;}
.attack-word .word .green{background:url(../images/bg-green.png) no-repeat 0 0;}
.attack-word .word .green:after{content:''; position:absolute; top:-5px; right:-56px; width:46px; height:46px; background:url(../images/ico-green.png) no-repeat 0 0;}
.attack-word .word .yellow{margin-left:45px; background:url(../images/bg-yellow.png) no-repeat 0 0;}
.attack-word .word .yellow:after{content:''; position:absolute; top:-5px; left:-46px; width:46px; height:46px; background:url(../images/ico-yellow.png) no-repeat 0 0;}
.attack-word .word a{overflow:hidden; min-width:0; padding:0 16px; font-size:16px; line-height:26px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 총선/포토 */
.photo-area .inner{width:calc(1280px - 80px); margin:0 auto; padding:0 40px 40px;}
.photo-area .cont {display:flex; justify-content: flex-start;}
.photo-area .cont .top{position:relative; width:580px; margin-right:30px;}
.photo-area .cont .top:hover .txtCont p{text-decoration: underline;}
.photo-area .cont .top .thumCont{overflow:hidden; width:580px; height:435px; border-radius:4px;}
.photo-area .cont .top .thumCont img{object-fit: cover; width:580px; min-height:435px;}
.photo-area .cont .top .txtCont{position:absolute; left:0; bottom:0; width:calc(520px - 40px); padding:5px 20px; border-top-right-radius: 20px; background:transparent linear-gradient(104deg, #F97794 0%, #E45EA1 48%, #B053A0 100%) 0% 0% no-repeat padding-box;}
.photo-area .cont .top .txtCont p{overflow:hidden; max-height:80px; line-height:40px; font-size:30px; font-weight:bold; color:#fff; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.photo-area .cont .sub{display:flex; justify-content: space-between; flex-wrap: wrap; width:590px;}
.photo-area .cont .sub .box{width:280px; margin-bottom:20px;}
.photo-area .cont .sub .box:nth-child(3){margin-bottom:0px;}
.photo-area .cont .sub .box:nth-child(4){margin-bottom:0px;}
.photo-area .cont .sub .box .thumCont{overflow:hidden; width:280px; height:210px; margin-bottom:8px; border-radius:4px;}
.photo-area .cont .sub .box .thumCont img{object-fit: cover; width:280px; min-height: 210px;}
.photo-area .cont .sub .box .txtCont p {font-size:16px; line-height:21px; 
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 여론조사 그래픽뉴스 */
.search-graph .inner{display:flex; justify-content: flex-start; width:calc(1280px - 80px); margin:0 auto; padding:0 40px 40px;}
.search-graph .search{width:850px; margin-right:50px;}
.search-graph .search .box{width:770px; min-height:auto; height:auto; padding:0 40px; background-color:#fff;}
.search-graph .graph{width:300px; }
.search-graph .graph .box{margin-bottom:20px;}
.search-graph .graph .box:last-child{margin-bottom:0px;}
.search-graph .graph .thumCont{overflow:hidden; width:300px; height:220px; margin-bottom:8px;}
.search-graph .graph .thumCont img{object-fit: cover; width:300px; min-height:220px; }
.search-graph .graph .txtCont p{font-size:16px; line-height:21px; 
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tap-graph{max-width:1200px; margin:0 auto; padding:20px 0px 0px;}
.tap-graph button{padding:8px 20px 10px; border:1px solid #888; border-radius:8px; color:#888;}
.tap-graph button.on{border:1px solid #41359F; color:#fff; background-color:#41359F; font-weight:bold;}
.tabCont.on{display:block;}
.tabCont{display:none;}

/* 하이차트 */
.highcharts-credits{display:none;}
.graph-description{display:none; padding:0 8px; font-size:12px; color:#888;}
.graph-description.on{display:block;}
.highcharts-no-tooltip{}

/* 총선 핫이슈 총선일정 */
.hot-plan .inner{display:flex; justify-content: space-between; width:calc(1200px - 80px); margin:0 auto; padding:40px; background:#EFEEFC;}
.hot-plan .plan {width:100%; }
.hot-plan .plan .cont{margin-top:36px;}
.hot-plan .plan .day-line{position:relative; }
.hot-plan .plan .day-line.line1{display:flex; justify-content: space-between;}
.hot-plan .plan .day-line.line2{display:flex; justify-content: space-between; flex-direction: row-reverse; margin-top:66px;}
.hot-plan .plan .day-line.line2 .box{height:62px;}
.hot-plan .plan .day-line.line2 .box:last-child{height:auto;}
.hot-plan .plan .day-line:after{content:''; position:absolute; top:-17px; left:117px; width:886px; height:1px; background:#ccc;}
.hot-plan .plan .day-line.line1:before{content:''; position:absolute; top:-13px; right:125px; width:1px; height:120px; background:#ccc;}
.hot-plan .plan .day-line .box{position:relative; width:250px; padding:8px 0; border:1px solid #CCCCCC; border-radius:46px; background-color:#fff; text-align:center; box-sizing: border-box;}
.hot-plan .plan .day-line .box:after{content:''; position:absolute; top:-26px; left:50%; width:16px; height:16px; margin-left:-8px; background:url(../images/ico-dot.png) no-repeat 0 0; z-index: 1;}
.hot-plan .plan .day-line .box:last-child{margin-bottom:0px;}
.hot-plan .plan .day-line .box .txt1{margin-bottom:4px; font-size:18px; line-height:24px; color:#41359F;}
.hot-plan .plan .day-line .box .txt1 span{font-weight:bold;}
.hot-plan .plan .day-line .box .txt2{font-size:14px; color:#848484; font-weight:300;}
.hot-plan .plan .day-line .box.on{background-color:#41359F;}
.hot-plan .plan .day-line .box.on .txt1 span{padding-left:30px; background:url(../images/ico-check.png) no-repeat 0 50%; color:#F8AB30;}
.hot-plan .plan .day-line .box.on .txt2{color:#fff;}

/* 대선영상 */
.box-video .inner{width:1200px; margin:0 auto; padding:40px 0;}
.box-video .inner .cont{display:flex; justify-content:space-between;}
.box-video .inner .cont .video{overflow:hidden; width:584px;}
.box-video .inner .cont .video .thumCont{position:relative; overflow:hidden; width:584px; height:328px; margin-bottom:12px; border-radius:8px;}
.box-video .inner .cont .video .thumCont:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .3); background-image:url(../images/ico_video.png); background-position: 50% 50%; background-repeat:no-repeat;}
.box-video .inner .cont .video .thumCont img{width:100%; height:auto;}
.box-video .inner .cont .video .tit{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:20px; font-weight:bold;}


/* 서브페이지 */
.content.sub .cont{display:flex; justify-content:space-between; flex-wrap: wrap; width:1280px; margin:0 auto;}
.content.sub .sub-top{width:1280px; margin:0 auto 20px; padding-top:30px; border-bottom:1px solid #333; }
.content.sub .sub-top .tit{padding-bottom:10px; font-size:20px; line-height:26px; font-weight:bold;}
.content.sub .tab {width:1280px; margin:0 auto 40px;}
.content.sub .tab a{display:inline-block; padding:11px 14px; border-radius:23px; background-color:#fff; border:1px solid #CCC; font-size:18px; font-weight:bold; box-sizing: border-box; color:#999;}
.content.sub .tab a.on{border:none; background:transparent linear-gradient(124deg, #43369F 0%, #8D69B4 48%, #B053A0 100%) 0% 0% no-repeat padding-box; color:#fff;}
.content.sub .tab a span{font-size:14px; line-height:24px; vertical-align: text-bottom;}
.content.sub .tab a.c1.on{background: #E61E2B;}
.content.sub .tab a.c2.on{background: #152484;}
.content.sub .tab a.c3.on{background: #FF7920;}

.content.sub .area-list{margin-bottom:40px; padding:22px 0; background:#EFEEFC;}
.content.sub .area-list .inner{display:flex; justify-content: flex-start; width:1200px; margin:0 auto;}
.content.sub .area-list .inner a{margin-right:7px; padding:5px 14px 7px; border:2px solid #ccc; border-radius:4px; background:#F6F5F5; font-size:16px; line-height:21px; box-sizing: border-box; color:#999;}
.content.sub .area-list .inner a.on{border-color:#41359F; background-color:#fff; color:#41359F; font-weight:bold;}
.content.sub .area-list .inner a:last-child{margin-right:0px;}
.content.sub .area-list .inner a:hover{text-decoration: none; border-color:#41359F; background-color:#fff; font-weight:bold; color:#41359F;}
.content.sub .news-list{width:940px;}
.content.sub .news-list .list.group .box{margin-bottom:0; border-bottom:0px;}
.content.sub .news-list .list.group .box:nth-child(5n){margin-bottom:20px; border-bottom:1px solid #ccc;}
.content.sub .news-list .box{margin-bottom:20px; padding-bottom:21px; border-bottom:1px solid #ccc;}
.content.sub .news-list .box article a{display:flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; width:100%; text-decoration: none;}
.content.sub .news-list .box article a:hover .news{text-decoration: underline;}
.content.sub .news-list .box article a .time{width:calc(87px - 32px); margin-right:21px; padding-left:32px; background:url(../images/ico-clock3.png) no-repeat 0 50%; background-size:22px 22px;}
.content.sub .news-list .box article a .time.today{background:url(../images/ico-clock4.png) no-repeat 0 50%; }
.content.sub .news-list .box article a .time .txt1{margin-bottom:2px; font-size:18px; line-height:27px; font-weight:bold; color:#666;}
.content.sub .news-list .box article a:hover .time .txt1{text-decoration: none !important ;}
.content.sub .news-list .box article a .time.today .txt1{color:#41359F;}
.content.sub .news-list .box article a .time .txt2{font-size:14px; line-height:20px; color:#666; }
.content.sub .news-list .box article a .news{display:flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; width:100%;}
.content.sub .news-list .box article a .news .thumCont{overflow:hidden; width:190px; height:142px; min-width:190px; margin-right:20px; border-radius:4px;}
.content.sub .news-list .box article a .news .thumCont img { /*object-fit: cover;*/ width:100%; height:auto; min-height:142px;}
.content.sub .news-list .box article a .time+.news .txtCont{width:587px;}
.content.sub .news-list .box article a .news .txtCont{flex:1; overflow:hidden;}
.content.sub .news-list .box article a .news .txtCont .label{display:inline-block; margin-bottom:8px;  padding:4px 8px; border-top-left-radius: 4px; background-color:#41359F; font-size:15px; color:#fff; font-weight:bold; }
.content.sub .news-list .box article a .news .txtCont .tit{overflow:hidden; margin-bottom:8px; font-size:20px; line-height:23px; font-weight:bold; color:#000;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content.sub .news-list .box article a .news .txtCont .txt{overflow:hidden; max-height:52px; font-size:15px; line-height:26px; color:#666;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content.sub .news-list .box article a .news .write{margin-top:12px; font-size:13px; line-height:17px; color:#666;}
.content.sub .news-list .box article a .news .write span:first-child{position:relative; margin-right:6px; padding-right:6px;}
.content.sub .news-list .box article a .news .write span:first-child:after{content:''; position:absolute; top:4px; right:0px; width:1px; height:12px; background:#ccc;}
/* 후보자 */
.content.sub .news-list .card{display:flex; justify-content: flex-start; width:calc(100% - 60px); margin-bottom:40px; padding:30px; border-radius:16px; background-color:#EDEDF3; box-shadow:0px 3px 6px rgba(0,0,0, .29)}
.content.sub .news-list .card .txtCont{margin-left:30px;}
.content.sub .news-list .card .txtCont ul li{margin-bottom:14px; line-height:23px; font-size:17px;}
.content.sub .news-list .card .txtCont ul li:last-child{margin-bottom:0px;}
.content.sub .news-list .card .txtCont ul li strong{margin-right:16px; font-weight:bold;}
.content.sub .news-list .tit{margin-bottom:20px; font-size:20px; font-weight:bold; line-height:27px;}
.content.sub .news-list .tit span{font-weight:bold;}
.content.sub .news-list .tit span.c1{color:#E61E2B;}
.content.sub .news-list .tit span.c2{color:#152484;}
.content.sub .news-list .tit span.c3{color:#FF7920;}
.content.sub .news-list .offerList{height:auto;}
.content.sub .news-list .offerList.c1 .offerSwiper{min-height:281px;}
.content.sub .news-list .offerList.c1 .offerSwiper .swiper-slide{min-height:210px;}
.content.sub .news-list .offerList.c2 .offerSwiper{min-height:198px;}
.content.sub .news-list .offerList.c2 .offerSwiper .swiper-slide{min-height:132px;}
.content.sub .news-list .offerList.c3 .offerSwiper{min-height:240px;}
.content.sub .news-list .offerList.c3 .offerSwiper .swiper-slide{min-height:174px;}
.content.sub .news-list .offerSwiper{margin-bottom:48px; }
.content.sub .news-list .offerSwiper .swiper-slide{position:relative; width:calc(340px - 40px); margin-right:30px; padding:30px 20px; border-radius:16px; background-color:#EDEDF3; box-shadow:3px 3px 6px rgba(0,0,0, .29)}
.content.sub .news-list .offerSwiper .swiper-slide:last-child{margin-right:0px;}
.content.sub .news-list .offerSwiper .swiper-slide .tit{margin-bottom:14px; font-size:17px; line-height:22px;}
.content.sub .news-list .offerSwiper .swiper-slide ul li{position:relative; margin-bottom:16px; padding-left:14px;}
.content.sub .news-list .offerSwiper .swiper-slide ul li:after{content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#777;}
.content.sub .news-list .offerSwiper .swiper-slide ul li:last-child{margin-bottom:0px;}

/* 총선포토 */
.content.sub .photo-list .list{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.content.sub .photo-list .box {width:305px; margin:0 20px 20px 0;}
.content.sub .photo-list .box:nth-child(4n){margin-right:0px;}
.content.sub .photo-list .box article .thumCont{position:relative; overflow:hidden; width:305px; height:228px; margin-bottom:8px; border-radius:4px;}
.content.sub .photo-list .box article .thumCont img{position:absolute; top:0; left:0; object-fit: cover; width:100%; height:100%; }
.content.sub .photo-list .box article .txtCont{overflow:hidden; max-height:55px; font-size:17px; line-height:27px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 총선 그래픽 */
.content.sub .graph-top-bg{padding-top:40px; background:#EFEEFC;}
.content.sub .graph-top-bg .inner{position:relative; width:1280px; margin:0 auto;}
.content.sub .graph-top-bg .swiper-button-prev{text-indent:-9999; left:-82px; width:62px; height:62px; margin-top:-62px; background:url(../images/btn-prev-on.png) no-repeat 0 0; z-index: 10;}
.content.sub .graph-top-bg .swiper-button-prev.swiper-button-disabled{background:url(../images/btn-prev.png) no-repeat 0 0; opacity: 1; z-index: 10;}
.content.sub .graph-top-bg .swiper-button-prev:after{display:none;}
.content.sub .graph-top-bg .swiper-button-next{text-indent:-9999; right:-82px; width:62px; height:62px; margin-top:-62px; background:url(../images/btn-next-on.png) no-repeat 0 0; z-index: 10;}
.content.sub .graph-top-bg .swiper-button-next.swiper-button-disabled{background:url(../images/btn-next.png) no-repeat 0 0; opacity: 1; z-index: 10;}
.content.sub .graph-top-bg .swiper-button-next:after{display:none;}
.content.sub .graph-top-bg .swiper-pagination{display:flex; justify-content: center; align-items: center; bottom:40px !important ;}
.content.sub .graph-top-bg .swiper-pagination-bullet.swiper-pagination-bullet-active{width:18px; height:18px; border:2px solid #41359F; background-color:#fff; box-sizing: border-box;}
.content.sub .graph-top-bg .swiper-pagination-bullet{bottom:40px; width:14px; height:14px; margin:0 8px !important ; border:2px solid #ccc; background-color:#fff; opacity: 1; box-sizing: border-box;}

.content.sub .graph-top{width:1200px; margin:0 auto 40px; padding-bottom:78px; }
.content.sub .graph-top .box{position:relative; width:580px; height:425px;  margin-right:40px}
.content.sub .graph-top .box:last-child{margin-right:0px;}
.content.sub .graph-top .box .thumCont{overflow:hidden; width:580px; height:425px; margin-bottom:8px; border-radius:4px; }
.content.sub .graph-top .box .thumCont img{object-fit: cover; width:100%; min-height:425px;}
.content.sub .graph-top .box .txtCont {overflow:hidden; position:absolute; bottom:0; left:0; width:calc(100% - 40px); max-height:55px; padding:20px; background:rgba(255,255,255, .7); font-size:24px; font-weight:bold; line-height:27px;}
.content.sub .graph-top .box .txtCont p{font-weight:bold;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content.sub .graph-list .list{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.content.sub .graph-list .list .box{position:relative; width:305px; height:228px; margin:0 20px 20px 0;}
.content.sub .graph-list .list .box:nth-child(4n){margin-right:0px;}
.content.sub .graph-list .list .box .thumCont{overflow:hidden; width:305px; height:228px; border-radius:4px;}
.content.sub .graph-list .list .box .thumCont img{object-fit: cover; width:100%; min-height:209px;}
.content.sub .graph-list .list .box .txtCont{display:none; position:absolute; justify-content: center; align-items: center; top:0; left:0; width:100%; height:100%; border-radius:4px;  background-color:rgba(0,0,0, .6)}
.content.sub .graph-list .list .box .txtCont p{overflow:hidden; max-height:54px; padding:0 22px; font-size:18px; line-height:27px; color:#fff; font-weight:bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content.sub .graph-list .list .box:hover .txtCont{display:flex ;}

/* 여론조사 */
.content.sub .search-top{margin-bottom:40px;}
.content.sub .search-top .box{width:1280px; min-height:auto; background-color:#fff;}
.content.sub .search-list .list{display:flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom:40px;}
.content.sub .search-list .list .box{width:386px; margin-right:20px;}
.content.sub .search-list .list .cont .box:last-child{margin-right:0px;}
.content.sub .search-list .list:first-child .cont .box .thumCont{overflow:hidden; width:386px; height:288px; margin-bottom:8px; border-radius:4px;}
.content.sub .search-list .list:first-child .cont .box .thumCont img{object-fit: cover; width:100%; min-height:288px;}
.content.sub .search-list .list:last-child .cont .box .thumCont{overflow:hidden; width:386px; height:320px; margin-bottom:8px; border-radius:4px;}
.content.sub .search-list .list:last-child .cont .box .thumCont img{object-fit: cover; width:100%; min-height:320px;}
.content.sub .search-list .list .cont .box .txtCont{overflow:hidden; max-height:28px;  line-height:28px; 
    text-overflow: ellipsis;
    white-space: nowrap;

}
.content.sub .search-list .list .cont .box .txtCont p{ overflow:hidden; font-size:20px; font-weight:bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 하이차트 */
.highcharts-figure, .highcharts-data-table table {min-width: 360px; max-width: 1200px; margin:0 auto; padding:20px 0;}
.highcharts-data-table table {font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 100%; max-width: 500px;}
.highcharts-data-table caption {padding: 1em 0; font-size: 1.2em; color: #555;}
.highcharts-data-table th {font-weight: 600; padding: 0.5em;}
.highcharts-data-table td,.highcharts-data-table th,.highcharts-data-table caption {padding: 0.5em;}
.highcharts-data-table thead tr,.highcharts-data-table tbody tr:nth-child(even) {background: #f8f8f8;}
.highcharts-data-table tr:hover {background: #f1f7ff;}
.highcharts-axis-line{stroke:#eee}
.highcharts-axis-labels.highcharts-xaxis-labels text{font-size:12px; fill:rgb(187, 187, 187) !important; }
.highcharts-axis-labels.highcharts-yaxis-labels text{font-size:12px; fill:rgb(187, 187, 187) !important;}
.tooltipBox {padding:16px;}
.tooltipBox .tooltipHead{margin-bottom:12px; text-align:center; font-size:14px;}
.tooltipBox .seriesLine{display:flex; justify-content: space-between; margin-bottom:8px;}
.tooltipBox .seriesName{font-size:14px;}
.tooltipBox .seriesData{margin-left:16px; font-size:14px;}

/* aside */
.content.sub .aside{overflow:hidden; width:300px;}
.content.sub .aside .box-news{width:100%; margin-bottom:30px;}
.content.sub .aside .box-news .top{height:61px; margin-bottom:0px; padding-left:16px; border-top-left-radius:16px; border-top-right-radius:16px; background:transparent linear-gradient(101deg, #41359F 0%, #E8A8CD 100%) 0% 0% no-repeat padding-box;}
.content.sub .aside .box-news .top span{position:relative; padding-left:32px; color:#fff; font-weight: normal; font-size:20px; line-height:61px;}
.content.sub .aside .box-news .top .tit.type1 span:after{content:''; position:absolute; top:2px; left:0; width:26px; height:26px; background:url(../images/img-type1.png) no-repeat 0 0;}
.content.sub .aside .box-news .top .tit.type2 span:after{content:''; position:absolute; top:2px; left:0; width:26px; height:26px; background:url(../images/img-type2.png) no-repeat 0 0;}
.content.sub .aside .box-news .top .tit.type3 span:after{content:''; position:absolute; top:2px; left:0; width:26px; height:26px; background:url(../images/img-type3.png) no-repeat 0 0;}
.content.sub .aside .box-news .cont{width:100%; border:1px solid #ccc; box-sizing: border-box; background-color:#F8F3F8; }
.content.sub .aside .box-news .cont article{position:relative; width:100%; padding:18px 15px;}
.content.sub .aside .box-news .cont article:first-child:after{content:''; position:absolute; bottom:0; left:18px; width:calc(100% - 36px); height:1px;border-bottom:1px dashed #ccc; }
.content.sub .aside .box-news .cont article a{position:relative; overflow:hidden; height:48px; font-size:15px; line-height:24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content.sub .aside .box-photo{width:300px; margin-bottom:30px;}
.content.sub .aside .box-photo .top .tit{margin-bottom:8px;}
.content.sub .aside .box-photo .cont .thumCont{position:relative; overflow:hidden; width:300px; height:220px; border-radius:4px; margin-bottom:8px;}
.content.sub .aside .box-photo .cont .thumCont img{position:absolute;top:0; left:0; object-fit: cover; width:100%; min-height:100%;}
.content.sub .aside .box-photo .cont .thumCont.type2{height:190; }
.content.sub .aside .box-photo .cont .thumCont.type2 img{min-height:190; }
.content.sub .aside .box-photo .cont .txtCont{width:260px; }
.content.sub .aside .box-photo .cont .txtCont p{overflow:hidden; width:100%; font-size:16px; line-height:21px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content.sub .aside .box-rank{margin-bottom:22px}
.content.sub .aside .box-rank .top .tit{margin-bottom:8px; font-size:20px; font-weight:700; }
.content.sub .aside .box-rank .cont{width:100%;}
.content.sub .aside .box-rank .cont article{margin-bottom:8px;}
.content.sub .aside .box-rank .cont article a {display:flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center;}
.content.sub .aside .box-rank .cont article a .rank{width:33px;}
.content.sub .aside .box-rank .cont article a .rank p{font-size:24px; font-weight:bold;}
.content.sub .aside .box-rank .cont article a .txtCont{flex:1 0 0; margin-right:20px;}
.content.sub .aside .box-rank .cont article a .thumCont{overflow:hidden; width:80px; height:60px; border-radius:4px;}
.content.sub .aside .box-rank .cont article a .thumCont img{object-fit: cover; width:100%; min-height: 60px;}
.content.sub .aside .box-rank .cont article a .txtCont p{ overflow:hidden; width:167px; max-height:48px; font-size:15px; line-height:24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 개표시작 */
.elec-box.type2{width:1280px; padding:36px 40px 0 36px;}
.elec-box.type2:after{content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#fff; }
.elec-box.type2>.top{position:relative; height:29px; padding:5px 0; background:#41359F; border-radius:0px 50px 0px 0px; text-align:center;}
.elec-box.type2>.top .tit2{font-size:20px; color:#fff; line-height:29px;}
.elec-box.type2>.top .tit2 span.percent{margin-left:6px; font-size:22px; color:#F1C0FC;}
.elec-box.type2>.top .tit2 span.percent em{font-size:15px; vertical-align:baseline;}
.elec-box.type2>.top .tit2 span.vote{margin-left:6px; font-size:22px; color:#F1C0FC;}
.elec-box.type2>.top .tit2 span.vote em{font-size:15px; vertical-align:baseline;}
.elec-box.type2>.top .tit2 span.time{margin-left:5px; vertical-align:baseline; font-size:12px; color:#D4D4D4;}
.elec-box.type2>.cont{position:relative; padding:30px 40px; background-color:#EFEEFC; }
.elec-box.type2>.cont .inner{display:flex; flex-wrap: wrap; background-color:#EFEEFC; }
.elec-box.type2 .cont.type2{padding:20px 0px 0px;}
.elec-box.type2 .cont.type2 .inner{display:flex; justify-content: space-between;}
.elec-box.type2 .cont.type2 .inner .thumCont{position:relative; }
.elec-box.type2 .cont.type2 .inner .thumCont .img{overflow:hidden; width:160px; height:174px;}
.elec-box.type2 .cont.type2 .inner .thumCont .img img{width:100%; min-height:100%; object-fit: cover;}
.elec-box.type2 .cont.type2 .inner .pep{display:flex; }
.elec-box.type2 .cont.type2 .inner .pep:nth-child(2){flex-direction: row-reverse; text-align: right;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(1) .thumCont{margin-right:16px; }
.elec-box.type2 .cont.type2 .inner .pep:nth-child(1) .thumCont .state{position:absolute; top:0; right:0;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(1) .thumCont .rank{position:absolute; bottom:0; right:0;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(2) .thumCont{margin-left:16px;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(2) .thumCont .rank{position:absolute; bottom:0; left:0;}
.elec-box.type2 .cont.type2 .inner .pep .txtCont{margin-top:17px;}
.elec-box.type2 .cont.type2 .inner .pep .txtCont .name{display:flex; align-items:center; font-size:22px; line-height:33px; font-weight:bold;}
.elec-box.type2 .cont.type2 .inner .pep .txtCont .name span{font-size:14px; line-height:20px; font-weight:bold;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(1) .txtCont .name span{margin-left:6px;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(2) .txtCont .name span{margin-right:6px;}
.elec-box.type2 .cont.type2 .inner .pep .txtCont .percent{font-size:38px; font-weight:bold; letter-spacing: -1px; line-height:56px;}
.elec-box.type2 .cont.type2 .inner .pep .txtCont .percent span{font-size:20px; line-height:20px; vertical-align: baseline;}
.elec-box.type2 .cont.type2 .inner .pep .txtCont .vote{font-size:14px; color:#555;}
.elec-box.type2 .cont.type2 .inner .pep .bar{display:flex; position:absolute; bottom:0px; height:40px; width:calc(100% - 320px);}
.elec-box.type2 .cont.type2 .inner .pep .bar b{height:100%;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(1) .bar{left:160px; justify-content: flex-start;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(1) .bar b{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(2) .bar{right:160px; justify-content: flex-end;}
.elec-box.type2 .cont.type2 .inner .pep:nth-child(2) .bar b{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.elec-box.type2 .total_vote{position:absolute; top:22px; left:50%; width:210px; margin-left:-105px; text-align:center;}
.elec-box.type2 .total_vote .tit{font-size:14px; font-weight:bold; color:#000; line-height:20px;}
.elec-box.type2 .total_vote .box{display:flex; flex-direction: column; align-items: center; height:62px; background:url(../images/bg_vote.png) no-repeat 0 0;}
.elec-box.type2 .total_vote .box p{color:#fff;}
.elec-box.type2 .total_vote .box p.percent{font-size:24px; line-height:34px;}
.elec-box.type2 .total_vote .box p.percent span{font-size:16px; vertical-align: baseline;}
.elec-box.type2 .total_vote .box p.vote{margin-bottom:6px;}


.elec-box.type3{width:1280px; padding:36px 40px 0 36px;}
.elec-box.type3:after{content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#fff; }
.elec-box.type3>.top{position:relative; height:29px; padding:5px 0; background:#41359F; border-radius:0px 50px 0px 0px; text-align:center;}
.elec-box.type3>.top .tit2{font-size:20px; color:#fff; line-height:29px;}
.elec-box.type3>.top .tit2 span.percent{margin-left:6px; font-size:22px; color:#F1C0FC;}
.elec-box.type3>.top .tit2 span.percent em{font-size:15px; vertical-align:baseline;}
.elec-box.type3>.top .tit2 span.vote{margin-left:6px; font-size:22px; color:#F1C0FC;}
.elec-box.type3>.top .tit2 span.vote em{font-size:15px; vertical-align:baseline;}
.elec-box.type3>.top .tit2 span.time{margin-left:5px; vertical-align:baseline; font-size:12px; color:#D4D4D4;}
.elec-box.type3 .cont .inner{display:flex; flex-wrap: wrap; background-color: #EFEEFC;}
.elec-box.type3 .cont.type3{position:relative; padding:0px;}
.elec-box.type3 .cont.type3 .inner .pep{display:flex; align-items: center; width:50%;}
.elec-box.type3 .cont.type3 .inner .pep:nth-child(2){flex-direction: row-reverse; text-align:right;}
.elec-box.type3 .cont.type3 .inner .pep .thumCont{position:relative; }
.elec-box.type3 .cont.type3 .inner .pep .thumCont .state{position:absolute; top:14px; right:7px;}
.elec-box.type3 .cont.type3 .inner .pep .txtCont p.percent{line-height:74px; font-weight:bold; font-size:50px; color:#FFEA29; letter-spacing: -1px;}
.elec-box.type3 .cont.type3 .inner .pep .txtCont p.percent span{font-size:30px; vertical-align: baseline;}
.elec-box.type3 .cont.type3 .inner .pep .txtCont p.vote{margin-bottom:18px; color:#fff; font-size:16px; line-height:24px;}
.elec-box.type3 .cont.type3 .inner .pep .txtCont p.name{display:flex; align-items:center; font-size:26px; line-height:38px; color:#fff;}
.elec-box.type3 .cont.type3 .inner .pep .txtCont p.name span{font-size:16px; color:#fff;}
.elec-box.type3 .cont.type3 .inner .pep:nth-child(1) .txtCont p.name span{margin-left:6px;}
.elec-box.type3 .cont.type3 .inner .pep:nth-child(2) .txtCont p.name span{margin-right:6px}

/* 국민의힘 */
.elec-box.type3 .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.type3 .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.type3 .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.type3 .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.type2 .top .tit a{background:none;}
.elec-box.type3 .top .tit a{background:none;}

.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: 6px;
}
.elec-box .cont.type3 .total_vote {position: absolute; top: 95px; left:50%; width:210px; margin-left:-105px; background: url(../images/bg_vote2.png) no-repeat 0 0; text-align:center;}
.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.map{width:1280px; padding:36px 40px 0 36px;}
.elec-box.map:after{content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#fff; }
.elec-box.map>.top{position:relative; height:29px; padding:5px 0; background:#41359F; border-radius:0px 50px 0px 0px; text-align:center;}
.elec-box.map>.top .tit2{font-size:20px; color:#fff; line-height:29px;}
.elec-box.map>.top .tit2 span.percent{margin-left:6px; font-size:22px; color:#F1C0FC;}
.elec-box.map>.top .tit2 span.percent em{font-size:15px; vertical-align:baseline;}
.elec-box.map>.top .tit2 span.vote{margin-left:6px; font-size:22px; color:#F1C0FC;}
.elec-box.map>.top .tit2 span.vote em{font-size:15px; vertical-align:baseline;}
.elec-box.map>.top .tit2 span.time{margin-left:5px; vertical-align:baseline; font-size:12px; color:#D4D4D4;}
.elec-box.map .inner{flex-wrap:wrap; padding:30px;}
.elec-box.map .cont{position:relative; padding:30px 40px; background-color:#EFEEFC; }
.elec-box.map .cont .inner{display:flex; flex-wrap: wrap; justify-content: space-between; border-radius:20px; background-color:#fff; box-shadow:0px 3px 6px rgba(0,0,0, .29);}
.elec-box.map .mapCont{flex:1 0 0; margin-right:80px;}
.elec-box.map .mapCont .map{height:550px;}
.elec-box.map .mapCont .infoBox{display:inline-block; margin-bottom:54px; padding:0 30px; border:2px solid #CBC9D8; border-radius:8px; background-color:#ECEAF6;}
.elec-box.map .mapCont .infoBox p{display:flex; align-items: center; font-weight:bold; font-size:20px; line-height:47px;}
.elec-box.map .mapCont .infoBox p .percent{margin:0 6px; font-size:32px; color:#41359F; font-weight:bold;}
.elec-box.map .mapCont .infoBox p .percent em{font-size:20px; font-weight:normal;}
.elec-box.map .mapCont .infoBox p .vote{font-size:14px; color:#555555;}

.elec-box.map .rankCont{width:582px; }
.elec-box.map .rankCont .infoBox {display:flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; margin-bottom:30px;}
.elec-box.map .rankCont .infoBox .area{position:relative; margin-right:16px; padding:0 12px; line-height:29px; z-index:1; font-size:20px; font-weight:bold; letter-spacing: -1px;}
.elec-box.map .rankCont .infoBox .area:after{content:''; position:absolute; left:0; bottom:0px; width:100%; height:14px; border-radius:8px; background-color:#E0CDF2; z-index:-1;}
.elec-box.map .rankCont .infoBox .info{display:flex; flex-wrap: nowrap;padding:0 30px; border:2px solid #CBC9D8; border-radius:8px; background-color:#ECEAF6;}
.elec-box.map .rankCont .infoBox .info p{display:flex; align-items: center; font-weight:bold; font-size:20px; line-height:47px; }
.elec-box.map .rankCont .infoBox .info .percent{margin:0 6px; font-size:32px; color:#41359F; font-weight:bold;}
.elec-box.map .rankCont .infoBox .info .percent em{font-size:20px; font-weight:normal;}
.elec-box.map .rankCont .infoBox .info .percent:first-child{position:relative; margin-right:16px; padding-right:16px;}
.elec-box.map .rankCont .infoBox .info .percent:first-child:after{content:''; position:absolute; top:8px; right:0; width:1px; height:36px; background-color:#ccc;}
.elec-box.map .rankCont .infoBox .info .vote{font-size:14px; color:#555555;}
.elec-box.map .rankCont .pep{display:flex; margin-bottom:20px;}
.elec-box.map .rankCont .pep:last-child{margin-bottom:0px;}
.elec-box.map .rankCont .pep .thumCont{position:relative; margin-right:12px;}
.elec-box.map .rankCont .pep .thumCont .state{position:absolute; bottom:0; left:0;}
.elec-box.map .rankCont .pep .txtCont{flex:1 0 0;}
.elec-box.map .rankCont .pep .txtCont .rank{margin-top:7px;}
.elec-box.map .rankCont .pep .txtCont .name{display:flex; align-items: center; font-size:22px; font-weight:bold; line-height:33px;}
.elec-box.map .rankCont .pep .txtCont .name span{margin-left:6px; font-size:14px; font-weight:bold;}
.elec-box.map .rankCont .pep .txtCont .percent{line-height:56px; font-size:38px; letter-spacing: -1px; font-weight:bold;}
.elec-box.map .rankCont .pep .txtCont .percent span{font-size:20px; }
.elec-box.map .rankCont .pep .txtCont .vote{margin-bottom:2px; font-size:14px; color:#555;}
.elec-box.map .rankCont .pep .txtCont .bar{width:100%; height:30px; background-color:#E1E1E1;}
.elec-box.map .rankCont .pep .txtCont .bar b{display:block; height:30px; border-top-right-radius:15px; border-bottom-right-radius:15px;}

/* 국민의힘 */
.elec-box .cont .inner .pep.c1 .txtCont .name span{color:#E61E2B;}
.elec-box .cont .inner .pep.c1 .txtCont .percent{color:#E61E2B;}
.elec-box .cont .inner .pep.c1 .bar b{background-color:#E61E2B}

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

/* 하이차트 맵 지역 라벨 */
.map-label{position:relative; margin:0 0 -2px -6px; padding:1px 5px; border-radius:3px; background-color:rgba(255,255,255 ,.65); color:#000; font-size:11px;}
.map-label:after{content:''; position:absolute; bottom:-8px; left:5px; width:7px; height:8px; background:url(../images/bg-data-label.png) no-repeat 0 0;}

/* footer */
footer{background-color:#41359F;}
footer .inner{display:flex; align-items: center; width:calc(1280px - 80px); margin:0 auto; padding:60px 40px;}
footer .inner .logo{margin-right:35px;}
footer .inner p{margin-bottom:4px; color:#fff; }
footer .inner p span{font-weight:300;}

@media only screen and (max-width:480px){
    
}