@charset "UTF-8";

@import url("https://img.seoul.co.kr/css/webfont_pretendard.css");
/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"); */

/* 대선관련 헤더, 푸터 추가 */
.vote25Header{ background: #eff1f9; border-bottom: 1px solid var(--text-gray-400); overflow: hidden; }

.vote25Header 
.headerWrap { position: relative; height: 220px; display: flex; flex-direction: column; margin: 0 auto; max-width: 1280px; justify-content: space-between; }

.vote25Header
.header { display: flex; gap: 16px; justify-content: space-between; padding: 37px 0 23px; }

.vote25Header 
.headerLogoWrap { display: flex; flex-direction: column; gap: 16px; }
.vote25Header 
.headerlogo { display: block; width: 96px; }
.vote25Header 
nav .voteMenuList { position: relative; z-index: 10; display: flex; gap: 80px; padding: 0 0 12px; }
.vote25Header 
nav .voteMenuList li { position: relative; }
.vote25Header nav .voteMenuList .menu:hover,
.vote25Header nav .voteMenuList .menu.on { transition: all 0.3s ease-in-out; position: relative; color: #111; font-weight: 700; }
.vote25Header nav .voteMenuList .menu:hover:after,
.vote25Header nav .voteMenuList .menu.on:after { transition: all 0.3s; background: linear-gradient(60deg, #3d73eb 13.4%, #de8fff 65.37%); width: 100%; }

.vote25Header nav .voteMenuList .menu:after { content: ""; display: block; position: absolute; z-index: 100; bottom: -12px; left: 0; width: 0; height: 4px; border-radius: 12px; background: linear-gradient(60deg, #3d73eb 13.4%, #de8fff 65.37%); transition: all 0.3s ease-in-out; clip-path: inset(0); }

.vote25Header .bgImage { z-index: 0; position: absolute; top: 0; right: -170px; width: 100%; height: 100%; background: url("https://img.seoul.co.kr/img/election2025/header-dDay-bg.png") no-repeat right; }

.vote25Header .dDayWrap { position: relative; display: flex; flex-direction: column; gap: 2px; justify-content: center; align-items: center; margin-top: 20px; }

.vote25Header .dDayWrap .dDaySub { color: #394888; }
.vote25Header .dDayWrap .dDayTit { font-family: Pretendard; font-size: 60px; font-style: normal; font-weight: 700; line-height: 60px; /* 105.263% */ letter-spacing: -0.6px; background: -webkit-linear-gradient(60deg, #3d73eb 13.4%, #de8fff 65.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* 전국 투표율/개표율 */
.vote25Header .topResultWrap{ min-width: 124px; }
.vote25Header .topResultWrap .resultTit{ font-size: 52px; }
.vote25Header .topResultWrap .resultTit .persent{ font-size: 26px; }

/* 디데이 -- openDdayTit */
.vote25Header .dDayWrap .openDdayTit{ font-size:46px; }

/* 선거종료 --- endTit */
.vote25Header .topResultWrap .endTit{ font-size:38px; }

.bg-vote2025{ background: #C8C4F1; }

.bg-vote2025 .viewHeader-wrapper{ border-bottom: 0; }

.vote25Bottom { background: var(--text-gray-600); }
.vote25Bottom .footerWrap { width: 100%; display: flex; justify-content: center; text-align: center; padding: 60px 0; }

@media screen and (max-width: 1280px) {
  .min1280{ min-width: 1280px };
}