@charset "utf-8";


.main_elected {
    width: 1280px;
    margin-top: -5px;
    margin-left: -70px;
    padding-bottom: 50px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 50px;

}
.main_elected+.new_template{
    margin-top: 0;
}
.main_elected + .main_left{
    margin-top: 0;
}
.main_elected  + .main_left + .main_right{
    margin-top: 0;
}
.main_elected *{    
    font-family: "Pretendard", sans-serif;
    letter-spacing: var(--letter-spacing-1);
    line-height: normal;
}
.visual_tit{
    height: 55px;
    display: flex;
    align-items: center;
    background:#44007b url(https://img.sedaily.com//Event/Election/2025/visual_top.jpg) no-repeat 38% 100%;
    border-radius: var(--border-radius-3);
    color: #fff;
    position: relative;
    z-index: 1;
}
.visual_tit.result{
    border-radius:  var(--border-radius-3)  var(--border-radius-3) 0 0 ;
}
.visual_tit .left{
    flex-grow: 1;
    text-align: left;
    padding-left: 15px;
}
.visual_tit .left .symbol{    
    display: inline-block;
    font-size: 10px;
    position: relative;
    padding-left: 43px;
    padding-top: 7px;
}
.visual_tit .left .symbol:before{
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top:-9px;
    background: url(https://img.sedaily.com//Event/Election/2025/pre_year.png) no-repeat 1px 0;
    width: 43px;
    height: 37px;
    background-size: 43px;

}
.visual_tit .left .tit{
    display: inline-block;
    font-size: 23px;
    font-weight: var(--extra-bold);
    padding-left: 7px;
}
.visual_tit .left .status{
    border-radius: 25px;
    padding: 0 10px;
    height: 25px;
    line-height: 23px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid rgba(255,255,255,.5);
    display: inline-block;
    color: #dab2ff;
    margin-left: 10px;
    margin-top: 1px;
}
.visual_tit .right{
    padding-right: 20px;    
}
.visual_tit .right a{
    color:#dab2ff;
    font-size: 13px;
    display: inline-block;
}
.visual_tit .right a:after{
 display:inline-block;   
 content: '';
 background: url(https://img.sedaily.com/Event/Election/2025/arr_purple.svg) no-repeat;
 background-size: 6px;
 width: 6px;
 height: 11px;
 vertical-align: middle;
 margin-left: 5px;
 margin-top: -1px;
}
/*당선자 */
.elected{
    height: 230px;
    background:#44007b url(https://img.sedaily.com//Event/Election/2025/bg_result.png) no-repeat -234px 0;
    overflow: hidden;
    border-radius: 0 0 var(--border-radius-3)  var(--border-radius-3);
}
.elected_area {
    width: 1280px;
    margin-inline: auto;
    display: flex;
    justify-content: center;
    height: 230px;
    
}
.elec_photo {
    width: 243px;
}
.elected_area .left{
    position: relative;
  align-content: flex-end;
}
.elected_area .elec_badge{
  display: inline-block;
  width: 93px;
  position: absolute;
  top:30px;
  left:-70px
}
.cand_area .elec_badge img{
    width: 100% !important;
}
.elected_area .elected_photo{
    width: 303px;
}
.elected_area .right{
    color:var(--point-white);
    margin-left: 90px;
    align-content: center;
    text-align: center;
}
.elected_area .right .history_num{
    color:#eed67a;
    font-size: 18px;
    font-weight: var(--extra-bold);

}
.elected_area .right .elec_name{
    font-size: 52px;
    font-weight: var(--bold-bold);
    margin-top: 10px;
}
.elected_area .right .parti{
    font-size: 14px;
    margin-top: 10px;
}
.elected_area .right .result_num{
    border-top: 1px solid #8740b3;
    display: flex;
    justify-content: space-between;
    font-size: 0;
    margin-top: 13px;
    padding-top: 11px;
}
.elected_area .right .result_num>div{
    display: flex;
    align-items: center;
    height: 20px;
}

.elected_area .right .result_num .txt{
    font-size: 12px;
}
.elected_area .right .result_num .num{
    font-size: 15px;
    font-weight: var(--semi-bold);
    margin-left: 10px;
}

/*elec bar graph*/
.vote_info{
    font-size: 0;
    margin-top: 24px;
    text-align: left;
}
.vote_info span{
    display: inline-block;
    vertical-align: middle;
}
.vote_info .vote_count{
    color: var(--gray-60);
    font-size: var(--s-txt-5);
    font-weight: var(--extra-bold);
    margin-right: 10px;
}
.vote_info .vote_left,.vote_info .vote_time{
    color: var(--gray-40);
    font-size: var(--s-txt-1);
    font-weight: var(--medium-bold);
    position: relative;
    margin-right: 15px;
    margin-top: -1px;
}
.vote_info .vote_time:before{
   display: inline-block;
   content: '';
   width: 12px;
   height: 12px;
   background: url(https://img.sedaily.com//Event/Election/2025/ico_time.svg) 50% 50% no-repeat;
   background-size: 12px;
    opacity: .6;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -3px;
}
.cand_area {
    margin-top: 40px;
    display: inline-flex;
    width: 100%;
    justify-content:space-between;
}

.cand_area .rank{
    display: flex;
}
.cand_area .rank.rank_2{
    padding-left: 5px;
}
.cand_area .rank img{
    width: auto;
}
.cand_area .rank .cand_info{
    font-size: 0;
}
.cand_area .rank .cand_info span{
    display: block;
    text-align: center;
}
.cand_area .photo{
    position: relative;
    
}

.cand_area .photo .rank_num{ 
    display:block;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: var(--border-circle);
    top:-10px;
    color:var(--point-white);
    text-align: center;
    font-weight: var(--bold-bold);
    font-size: 24px;
    line-height: 50px;
}
.cand_area .photo .rank_num.ms{
   font-size: var(--s-txt-5);
}
.cand_area  .rank.rank_1 .elec_badge{
    width: 88px;
    display:block;
    position: absolute;
    top:-10px;
    left:-20px;
}
.cand_area  .rank.rank_2 .elec_badge{
    width: 88px;
    display:block;
    position: absolute;
    top:-10px;
    right:-20px;
}
.cand_area .photo .rank_num em{ 
    font-size:15px ;
    display: inline-block;
    line-height: 50px;
}
.cand_area  .rank.rank_1  .photo .rank_num{ 
 left:0; 
 background: #1D6BE9;
 background: conic-gradient(from 310deg at 50% 50%, #0f3f8b, #0f408d, #114599, #1555ba, #1a65dc, #1d6be9, #1d6ceb);
}
.cand_area  .rank.rank_2  .photo .rank_num{ 
    right:0; 
    background: #f71a0d;
    background: conic-gradient(from 310deg at 50% 50%, #be180f, #c7180f, #d0190f, #d9190f, #e2190f, #eb190e, #f41a0e, #fd1a0d);
   }
.cand_area .majority{
    border: 5px solid  var(--gray-border-7);
    border-radius: var(--border-radius-4);
    width: 114px;
    height: 114px;
    box-sizing: border-box;
    flex-shrink: 0;
    align-content: center;
}
.cand_area .majority span{
    display: block;
    text-align: center;
}
.cand_area .majority .txt{
    color: var(--gray-50);
    font-weight: var(--extra-bold);
    font-size: 15px;
}
.cand_area .majority .per{
    color: var(--gray-50);
    font-weight: var(--black-bold);
    font-size: 25px;
}
.cand_area .majority .per em{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-top: -4px;
}
.cand_area .majority .count{
    color: var(--gray-40);
    font-weight: var(--medium-bold);
    font-size: 13px;
    margin-top: 4px;
}
.cand_area .rank .cand_info {
    font-size: 0;
}
.cand_area .rank .cand_info .parti{
  font-size: 13px;
  color:var(--gray-30);
  font-weight: var(--medium-bold);
}
.cand_area .rank .cand_info .cand_name{
    font-size: 22px;
    color:var(--gray-60);
    font-weight: var(--extra-bold);
    margin-top: 2px;
  }
  .cand_area .rank .cand_info .per{
    font-size: 48px;
    font-weight: var(--extra-bold);
    margin-top: 1px;
    
  }
  .cand_area .rank .cand_info .per em{
    font-size: 31px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -8px;
  }
  .cand_area  .rank.rank_1 .cand_info .per{
    background: linear-gradient(to right,#104190 0%, #1a60d2 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .cand_area  .rank.rank_2 .cand_info .per{
    background: linear-gradient(to right,#eb190e 0%, #b61810 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .cand_area .rank .cand_info .count{
    color:var(--gray-50);
    font-size: 14px;
    font-weight: var(--extra-bold);
  }
  .bar_graph{
    position: relative;
    background: #f1f1f1;
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
    height: 36px;
  }
  .bar_graph .bar{
   position: absolute;
   height: 100%;
   top:0;
   
  }
  .bar_graph .bar.bar_rank_1{
    background: #1d6ceb;
    width: 57.7%;
    left: 0;
    border-radius: 0 50px 50px  0;
  }
  .bar_graph .bar.bar_rank_2{
    background: #ff1a0d;
    width: 42.3%;
    right: 0;    
    border-radius: 50px 0  0 50px  ;

  }
  .notice {
    font-size: var(--s-txt-1);
    color: var(--gray-30);
    margin-top: 11px;
    text-align: left;
  }
  .notice li{
    line-height: 1.5em;
  }
  .notice a{
    color: var(--gray-50);
    font-weight: var(--semi-bold);    
    line-height: 1.5em;
  }
  .ex_cand_list >.btn_area a {
    display: block;
    width: 30px;
    height: 77px;
    background: url("https://img.sedaily.com//Event/Election/2025/swiper_button.png") 0 50% no-repeat;
    position: absolute;
    top: 0;
    z-index: 10;
}
.ex_cand_list >.btn_area a.btn_prev {
    left: 0;
}
.ex_cand_list >.btn_area  a.btn_next {
    right: 0;
    transform: rotate(180deg);
}
.ex_cand_list >.btn_area a[aria-disabled="true"]{
    opacity: .2;
    pointer-events: none;
}
  .ex_cand_list {
    position: relative;
    overflow: hidden;
    margin-top: 36px;
    padding: 0 50px ;
    box-sizing: border-box;
    width: 100%;
    height:77px;
  }
  .ex_cand_list .ex_swipe{
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .ex_cand_list .ex_swipe .swiper-wrapper {
    justify-content: space-evenly;
}
  .ex_cand_list .photo{
    width: 73px;
    height: 73px;
    background: var(--gray-bg4);
    border-radius: var(--border-circle);
    overflow: hidden;
  }
  .ex_cand_list .swiper-slide {
    width: auto;
  }
  .ex_cand_list .swiper-slide>div{
    display: flex;
    column-gap: 15px;
    position: relative;
    padding-left: 28px;
    padding-top: 4px;
    align-items: center;
  }
  .ex_cand_list .swiper-slide span{
    display: block;
    text-align: left;
  }
  .ex_cand_list .swiper-slide>div .rank_num{
    color: var(--point-white);
    width: 28px;
    height: 28px;
    position: absolute;
    border-radius: var(--border-circle);
    background: var(--gray-50);
    font-size: var(--s-txt-4);
    line-height: 28px;
    text-align: center;
    left: 0;
    top:0;
    font-weight: var(--medium-bold);
  }
  .ex_cand_list .swiper-slide>div .parti{
    font-size: var(--s-txt-1);
    color: var(--gray-30);
    font-weight: var(--medium-bold) ;
  }
  .ex_cand_list .swiper-slide>div .cand_name{
    color: var(--gray-60);
    font-size:  var(--s-txt-3);
    font-weight: var(--extra-bold);
    margin-top: 5px;
  }
  .ex_cand_list .swiper-slide>div .cand_name em{
    margin-left: 9px;
  }
  .ex_cand_list .swiper-slide>div .count{
    margin-top: 5px;
    font-size:  var(--s-txt-4);
    color: var(--gray-30);
  }
  /*투표율*/
  .pan.hide{
    display: none;
  }
  .turn_per{
    display: flex;
    column-gap: 50px;
    flex-wrap: wrap;
  }
  .turn_per .chart{
    height: 500px !important;
  }
  .turn_per p{
    border-bottom: 1px solid var(--gray-border-4);
    height: 53px;
    line-height: 52px;
    font-size: var(--s-txt-2);
    color: var(--gray-60);
    font-weight: var(--medium-bold);
    padding-left: 20px;
  }
  .turn_per .turn_left{
    width: 880px;
    flex-shrink: 0;
  }
  .turn_per .turn_right{
    flex-grow: 1;
  }

  .main_banner_president{
    position: relative;
    background: url(https://img.sedaily.com/Html/content/main/banner_main_pre.png) no-repeat;
    height: 98px;
    text-align: left;
    
  }
  .main_banner_president a{
    font-family: "Pretendard", sans-serif;
    display: block;
    position: relative;
    height: 100%;
  }
  .main_banner_president .tit{
    padding:8px 0 0 15px ;
    color:rgba(255,255,255,.5)
  }
  .main_banner_president .tit_img{
    width: 118px;
  }
  .main_banner_president .tit .elec_time{
    font-size: 12px;
    vertical-align:middle;
    display: inline-block;
    margin-top: 21px;
    margin-left: 10px;
  }
  .main_banner_president .go{
    position: absolute;
    width: 63px;
    height: 27px;
    top:50%;
    right: 30px;
    margin-top: -13.5px;

  }
  .main_banner_president .per{
    color:var(--point-white);
   margin-left: 30px;
    padding-top: 13px;
    position: relative;
    display: inline-block;

  }
  .main_banner_president span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 10;
  }
  .main_banner_president .txt{
    font-size: 16px;
    font-weight: var(--bold-bold);
  }
  .main_banner_president .num{
    margin-left: 5px;
    font-size:38px;
    font-weight: var(--extra-bold);
  }
  .main_banner_president .num em{
    font-size: 24px;
  }
  .main_banner_president .per:after{
    display: block;
    content: '';
    position: absolute;
    bottom:-11px;
    left: -5px;
    background: #a102b9;
    right: -5px;
    height: 10px;
    border-radius: 25px;
    z-index: 1;
   mix-blend-mode: multiply;
  }