/******************** VOTEMAP CSS ********************
- 작성자 : 안홍주(an0552@wavus.co.kr)
- 최종수정일 : 2025-07-29
- 버전 : 1.1 */

/* font */
/* pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@font-face {
	font-family: 'pre Medium';
	font-style: normal;
	src: url(font/pretendard/woff/Pretendard-Medium.woff),
	url(font/pretendard/woff/Pretendard-Medium.woff) format('woff');
}

/* Gmarket Sans */
@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 700;
	src: url(font/GmarketSans/woff/GmarketSansBold.woff) format('woff'),
	url(font/GmarketSans/woff/GmarketSansBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 500;
	src: url(font/GmarketSans/woff/GmarketSansMedium.woff),
	url(font/GmarketSans/woff/GmarketSansMedium.woff2) format('woff2');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 300;
	src: url(font/GmarketSans/woff/GmarketSansLight.woff),
	url(font/GmarketSans/woff/GmarketSansLight.woff2) format('woff2');
}

/* reset */
/* HTML5 display-role reset for older browsers */
body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'pretendard', "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;
	font-size: 16px;
	color: #333;
	letter-spacing: -0.03rem;
	user-select: none;
}
html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body:has(#voteMain) {
	font-size: 1rem;
	overflow: hidden;
}

/* common */
.disable {
	pointer-events: none;
	color: #aaa !important;
	padding: 5px 32px 5px 10px;
}
.voteHeaderBottomItem.disable {
	padding: 0;
}

#voteMain .voteHeaderNav .voteHeaderNavList.disable {
	padding: unset;
}

/* input type="date" */
.voteTimeSet {
	width: 178px;
	height: 32px;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	font-size: 15px;
	padding: 0 5px;
	position: relative;
	top: -3px;
}

/* 세미콜론 */
.semi {
	display: flex;
	justify-content: space-between;
}
.semi::before {
	content: ":";
	margin-right: 5px;
	line-height: 27px;
}
#voteMain.preset .semi {
	line-height: 28px;
}

/* voteMain */
#voteMain {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* voteHeader - 헤더 */
#voteMain .serviceHeader {
    background-color: rgba(49, 67, 107, 0.85);
}

.voteHeaderNav, .voteHeaderBottom .voteHeaderBottomBtnArea {
	display: flex;
	background-color: #fff;
	border-radius: 30px;
	line-height: 43px;
	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.16);
	text-align: center;
	position: relative;
}

/* voteHeader - voteLogoArea 선거지도 */

.serviceLogoArea {
	font-family: 'Gmarket Sans';
}

.serviceLogoArea > span {
	font-size: 21px;
	position: relative;
	top: 2px;
	color: #fff;
}

/* voteHeader - voteHeaderNav 버튼 슬라이드 - 중앙 */
.voteHeaderNav {
	position: relative;
	left: 100px;
}

.voteHeaderNav .voteHeaderNavUl {
	padding: 3px 4px;
	display: flex;
}

.voteHeaderNav .voteHeaderNavList {
	color: #444444;
	width: 143px;
	text-align: center;
	font-size: 18px;
	border-radius: 25px;
	font-weight: 500;
	position: relative;
	z-index: 10;
	cursor: pointer;
	transition: 0.2s;
	font-family: 'pre Medium';
}

.voteHeaderNav .voteHeaderNavList.on {
	color: #fff;
	font-weight: 500;
}

.voteHeaderNav .voteHeaderNavList.on:hover {
	color: #fff;
}

.voteHeaderNav .voteHeaderNavList > a {
	display: block;
}

/* 슬라이드 버튼 */
.voteHeaderNav .voteHeaderNavBtn {
	position: absolute;
	z-index: 0;
	top: 3px;
	left: 147px;
	width: 143px;
	height: 42px;
	border-radius: 23px;
	background-color: #A57F52;
	color: #fff;
	font-weight: 400;
	transition: 0.2s;
}

.voteHeaderNav .voteHeaderNavUl.total22 + .voteHeaderNavBtn {
	left: 5px;
}

.serviceMyArea {
	font-family: "pretendard";
}

.serviceMyArea .serviceMyInfo {
	padding: 12px 0 !important;
}

.serviceMyArea .serviceMyInfo span {
	top: -1px;
}

/* 에디터모드 슬라이드 버튼 */
.voteHeaderNav .voteHeaderNavUl.edit + .voteHeaderNavBtn {
	left: 291px;
}

/* voteRecentBtn */
.voteRecent {
	display: none;
	position: absolute;
	top: 60px;
	left: -30px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.16);
	color: #555;
	text-align: center;
	padding: 5px 3px 3px;
	font-size: 15px;
	z-index: 20;
	line-height: 100%;
	width: 203px;
}

.voteRecentBtn.on + .voteRecent {
	display: block;
}

.voteRecentBtnList {
	display: flex;
	padding: 3px;
	gap: 5px;
	width: 100%;
}

.voteRecentBtnItem {
	flex: 1;
	border-radius: 4px;
	padding: 9px 0 8px;
	border: 1px solid #cccccc;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
	transition: 0.5s;
	font-size: 14px;
}

.voteRecentBtnItem:hover {
	border: 1px solid #666666;
	background-color: #49515C;
	color: #fff;
	font-weight: 400;
}

/* voteHeader - hover 폰트 */
.voteHeaderNav .voteHeaderNavList > a, .voteHeaderBottom .voteHeaderBottomList .voteHeaderBottomItem > a, .voteDownloadBtn > a {
	transition: 0.2s;
}

.voteHeaderNav .voteHeaderNavList:hover > a, .voteHeaderBottom .voteHeaderBottomList .voteHeaderBottomItem:hover > a, .voteDownloadBtn:hover > a {
	font-weight: 700;
}

/* header 우측 - 카토그램/지도 & 다운로드 */
/* voteHeader - voteHeaderBottom - 카토그램/지도 */
.voteHeaderBottom {
	display: flex;
	gap: 5px;
	z-index: 10;
}

.voteHeaderBottom .voteHeaderBottomBtnArea {
	padding: 3px 5px;
}

.voteHeaderBottomBtnArea .voteHeaderBottomList {
	display: flex;
}

.voteHeaderBottomBtnArea .voteHeaderBottomItem {
	width: 100px;
	border-radius: 25px;
	font-weight: 600;
	color: #555555;
	transition: 0.3s;
	flex: 1;
	z-index: 10;
	cursor: pointer;
}

.voteHeaderBottom .voteHeaderBottomBtnArea .voteHeaderBottomItem.on {
	color: #fff;
	font-weight: 500;
}

.voteHeaderBottomBtn {
	background-color: #49515C;
	width: 100px;
	height: 42px;
	position: absolute;
	left: 4px;
	border-radius: 24px;
	z-index: 0;
	transition: 0.2s;
}

/* voteDownloadBtnArea - 다운로드 버튼 영역 */
.voteDownloadBtnArea {
	position: relative;
	width: 100px;
}

/* voteDownloadBtn */
.voteDownloadBtn {
	width: 100%;
	background-color: #fff;
	height: 48px;
	border-radius: 30px;
	line-height: 48px;
	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.24);
	text-align: center;
	font-weight: 600;
	color: #555555;
}
.voteDownloadBtn.disable {
	padding: 0;
}

.voteDownloadBtn.on {
	color: #333333;
	font-weight: 800;
}

.voteDownload {
	position: absolute;
	top: 63px;
	left: 25px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.16);
	color: #555;
	text-align: center;
	padding: 7px 3px 5px;
	width: 70px;
	font-size: 14px;
	z-index: 20;
	display: none;
}

.voteDownloadBtn.on + .voteDownload {
	display: block;
}

/* 다운로드 화살표 */
.voteDownloadArrow {
	padding: 3px;
	background: #49515C url(../../images/electionMap/arrow_down_white.png) no-repeat center center/14px 8px;
	position: absolute;
	top: -12px;
	left: calc(50% - 10px);
	width: 20px;
	height: 15px;
	z-index: 100;
	border-radius: 5px;
	box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.16);
}

/* 파일 다운로드 */
.voteDownloadBtnItem {
	border-radius: 5px;
	padding: 45px 3px 5px;
	font-family: 'Gmarket Sans';
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.01rem;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	transition: 0.3s;
	cursor: pointer;

	background: #d9d9d9 url(../../images/electionMap/ico_file_svg.png) no-repeat center 7px / 32px;
}

.voteDownloadBtnItem:nth-child(2){
	background-image: url(../../images/electionMap/ico_file_jpg.png);
}

.voteDownloadBtnItem:nth-child(3){
	background-image: url(../../images/electionMap/ico_file_png.png);
}

/* 파일 다운로드 hover */
.voteDownloadBtnItem:hover {
	color: #333;
	font-weight: 700;
	border: 1px solid #31436B;
	background-image: url(../../images/electionMap/ico_file_svg.on.png);
}

.voteDownloadBtnItem:nth-child(2):hover{
	background-image: url(../../images/electionMap/ico_file_jpg.on.png);
}

.voteDownloadBtnItem:nth-child(3):hover{
	background-image: url(../../images/electionMap/ico_file_png.on.png);
}

.voteDownloadBtnItem:not(:last-of-type){
	margin-bottom: 3px;
}

/* voteBodyArea - BODY영역 */
.voteBodyArea {
	position: absolute;
	height: calc(100vh - 64px);
	overflow: hidden;
	width: 100%;
	top: 64px;
	right: 0;
	background-color: #fff;
}

/* voteBodyArea.edit */
.voteBodyArea.edit {
	width: calc(100% - 380px);
	display: inline-block;
}

/* voteBodyArea - catoMap  카토그램 영역 */
.catoMap {
	height: 100%;
	width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	top: 0;
	/* background-color: #f5f5f5; */
}

/* SVG맵 영역 */
.catogramMap {
    display: flex;

	height: calc(100vh - 64px);
    flex-direction: column;
	position: relative;
	left: calc(50% - 350px);
}
.catoList {
	/* 육각지도 가로줄 - 홀수 */
    width: 100%;
    display: flex;
    height: 31px;
}
.catoList.even {
	/* 육각지도 가로줄 - 짝수 */
    margin-left: 17.5px;
}

/* 육각형 catoItem */
.catoItem {
	width: 35px;
}
.catoItem.partyColor01, .catoItem.partyColor02, .catoItem.partyColor03, .catoItem.partyColor04 {
    cursor:none;
}

/* 육각형 catoItem:hover */
.catoItem.partyColor01:hover, .catoItem.partyColor02:hover, .catoItem.partyColor03:hover, .catoItem.partyColor04:hover {
    transform: scale(1.65);
    z-index: 0;
}
.catoItem.partyColor01:hover .catoHex, .catoItem.partyColor02:hover .catoHex, .catoItem.partyColor03:hover .catoHex, .catoItem.partyColor04:hover .catoHex {
    stroke-width: 1px;
}

.catoItem.partyColor01:hover svg, .catoItem.partyColor02:hover svg, .catoItem.partyColor03:hover svg, .catoItem.partyColor04:hover svg {
	width: 100%;
	height: 120%;
}

/* catoItem - svg */
.catoItem svg {
    transition: 0.2s;
}

.catoItem svg text {
	font-size: 0.4rem;
    fill: #fff;
	width: 30px;
	font-family: 'Gmarket Sans';
	font-weight: 400;
	text-overflow: ellipsis;
}

.catoItem svg text .catoParty {
    font-size: 0.3rem;
	letter-spacing: -0.02rem;
}

.catoItem svg text .catoParty.long {
    font-size: 0.20rem;
}

.catoItem svg text .catoName {
	letter-spacing: 0rem;
}

/* catoItem - polygon */
.catoItem .catoHex {
    fill: #eeeeee;
    stroke: #f5f5f5;
    transition: 0.2s;
    position: relative;
}

/* catoItem.partyColor - 정당색상 */
.catoItem.partyColor01 .catoHex {
    fill: #5b85f0;
}
.catoItem.partyColor02 .catoHex {
    fill: #fc3f7e;
}
.catoItem.partyColor03 .catoHex {
    fill: #ffcd27;
}
.catoItem.partyColor03 text {
	fill: #444444;
}
.catoItem.partyColor04 .catoHex {
    fill: #989898;
}

/* voteTopArea - 지도 타이틀 영역 */
.voteTop {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
}

.voteTopArea {
	width: 450px;
	background-color: #fff;
	padding: 25px 20px 20px;
	border-radius: 10px;
	box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.16);
	z-index: 1;
}

/* voteTopTit - 지도 타이틀 */
.voteTopArea .voteTopTit {
	font-family: 'Gmarket Sans';
	font-size: 32px;
	width: 410px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.edit .voteTopArea .voteTopTit {
	cursor: pointer;
}

.voteTopArea .voteTopTit span {
	font-family: 'pretendard';
	font-size: 18px;
	font-weight: 500;
	color: #666666;
	display: block;
}

/* voteTopSeat - 의석수 */
.voteTopArea .voteTopSeat {
	display: flex;
	width: 101%;
	gap: 5px;
	overflow-y: auto;
	padding-bottom: 5px;
}

.voteTopSeat li {
	flex: 1;
	text-align: center;
	background-color: #fff;
	max-width: 100px;
	min-width: 99px;
}

/* 의석수 - 정당이름 */
.voteTopSeat .voteSeatTop {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;

	padding: 5px 0 2px;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	letter-spacing: -1px;
}

.voteTopSeat .voteSeatTop p {
	width: 75px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-family: 'pretendard';
}

.voteTopSeat .voteSeatTop .voteSeatLogo {
	background: url(../../images/electionMap/topSeat01.png) no-repeat center 1px / 16px;
	padding: 10px;
	display: inline-block;
	position: relative;
}

.voteTopSeat .voteSeat02 .voteSeatTop .voteSeatLogo {
	background-image: url(../../images/electionMap/topSeat02.png);
	top: 0px;
}

.voteTopSeat .voteSeat03 .voteSeatTop .voteSeatLogo {
	background-image: url(../../images/electionMap/topSeat03.png);
}

.voteTopSeat .voteSeat04 .voteSeatTop .voteSeatLogo {
	background-image: url(../../images/electionMap/topSeat04.png);
	top: 0px;
}

/* 의석수 - 의석 수 */
.voteTopSeat .voteSeatBottom {
	padding: 12px 0;
}

/* 의석수 - border 컬러 */
.voteSeat01 {
	border-bottom: 3px solid #4169CE;
}

.voteSeat02 {
	border-bottom: 3px solid #F04848;
}

.voteSeat03 {
	border-bottom: 3px solid #F9D412;
}

.voteSeat04 {
	border-bottom: 3px solid #989898;
}

.voteTopSeat .voteSeatBottom b {
	font-size: 28px;
}

/* voteTimeArea - 기준 시점 */
.voteTimeArea p {
	color: #666666;
	font-weight: 500;
	display: inline-block;
}

.voteTimeArea .voteTimeEdit {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	padding: 2px;
	margin-left: 7px;
	background: #49515C url(../../images/electionMap/voteSetting.svg) no-repeat center/calc(100% - 6px);
	position: relative;
	top: 2px;
	transition: 0.2s;
}

.voteTimeArea .voteTimeEdit:hover {
	background-color: #333;
}

.voteTimeArea b {
	font-size: 22px;
	color: #333333;
	margin: 0 1px;
	font-weight: 600;
}

/* voteTopBtnArea - 역대 선거 선택 */
.voteTopBtnArea {
	width: 410px;
	display: flex;
	gap: 5px;
	overflow-x: auto;
	padding-bottom: 5px;
}

.voteTopBtnArea .voteTopBtn {
	flex: 1;
	min-width: 133px;
	border: 1px solid #d9d9d9;
	padding: 7px 0;
	border-radius: 5px;
	color: #444444;
	font-weight: 500;
	font-size: 15px;
	transition: 0.2s;
	background-color: #fff;
}

.voteTopBtnArea .voteTopBtn.on, .voteTopBtnArea .voteTopBtn:hover {
	background-color: #49515C;
	border: 1px solid #49515C;
	font-weight: 400;
	color: #fff;
}

.voteTopBtnArea .voteTopBtn.disable {
	pointer-events: none;
	color: #aaa;
	font-size: 14px;
	padding: 3px 0 1px;
}

.voteTopBtnArea .voteTopBtn.disable::after {
	content: "coming soon";
	display: block;
	color: #cdcdcd;
	font-size: 11px;
	position: relative;
	top: -2px;
}

/* voteGnb - 지역선택 영역 */
.voteGnb {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.voteGnbRegion {
	border-radius: 3px;
	text-align: center;
	width: 90px;
	background-color: #A57F52;
	color: #fff;
	margin-bottom: 5px;
	padding: 6px 0;
	font-size: 14px;
}

.voteGnbArea {
	display: flex;
	flex-direction: column;
	gap: 5px;
	text-align: center;
}

/* 지역선택 - 광역시도 범위 */
.voteGnbList {
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.voteGnbList > a {
	background-color: #F5F5F5;
	border: 1px solid #d9d9d9;
	color: #444444;
	display: inline-block;
	width: 90px;
	border-radius: 3px;
	padding: 8px 0;
	transition: 0.2s;
}

.voteGnbList > .voteGnbAnchor:hover, .voteGnbList > .voteGnbAnchor.on {
	background-color: #2C5274;
	border: 1px solid #2C5274;
	color: #fff;
}

.voteGnbList > .voteGnbAnchor.on + .voteGnbItem {
	display: inline-block;
}

/* 지역선택 - 시도 범위 */
.voteGnbList .voteGnbItem {
	transition: 0.2s;
	border-radius: 3px;
	background-color: #f5f5f5;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.16);
	max-width: 258px;
	display: none;
	padding: 4px 4px 1px;
	vertical-align: middle;
}

.voteGnbList .voteGnbItem.scroll {
	padding: 3px 4px;
}

.voteGnbList .voteGnbItem > div {
	overflow-x: auto;
	height: 100%;
}

.voteGnbList .voteGnbItem > div .voteGnbUl {
	display: flex;
	gap: 5px;
	height: calc(100% - 3px);
}

.voteGnbList .voteGnbItem .voteGnbLi {
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	display: inline-block;
	font-weight: 500;
	min-width: 80px;
	height: 100%;
	font-size: 14px;
	transition: 0.2s;
	cursor: pointer;
}

.voteGnbList .voteGnbItem .voteGnbLi:hover, .voteGnbList .voteGnbItem .voteGnbLi.on {
	background-color: #49515C;
	border: 1px solid #49515C;
	color: #fff;
	font-weight: 400;
}

.voteGnbList .voteGnbItem .voteGnbLi .voteGnbBtn {
	display: block;
	margin-top: 5px;
}

.voteGnbList .voteGnbItem.scroll .voteGnbLi .voteGnbBtn {
	margin-top: 3px;
}

/* voteBoardArea - 선거 보드 popup */
.voteBoardArea {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 354px;
	/* height: calc(100vh - 64px); */
	box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.16);
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	display: none;
	background-color: #fff;
}

.voteBoardArea.on {
	display: block;
}

/* 선거 보드 - 타이틀 */
.voteBoardArea .voteBoardTop {
	padding: 15px 20px;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	border-radius: 9px;
	transition: 0.2s;
}

.voteBoardArea.edit .voteBoardTop.on::after {
	transform: rotate(180deg);
	top: calc(50% - 10px);
}

.voteBoardArea .voteBoardTop h4 {
	font-family: 'Gmarket Sans';
	font-size: 18px;
	position: relative;
	top: 2px;
	transition: 0.3s;
}

.voteBoardArea .voteBoardTop h4::before {
	content: "";
	padding: 10px;
	background: url(../../images/electionMap/ico_vote_pointer.svg) no-repeat center 6px;
	margin-right: 8px;
}

/* 선거 보드 - 타이틀 close 버튼 */
.voteBoardArea .voteBoardTop .voteBoardClose {
	text-indent: -9999px;
	padding: 13px 15px;
	background: url(../../images/electionMap/voteBoardClose.svg) no-repeat center/20px;
	transition: 1s;
	margin-top: -4px;
}

.voteBoardArea .voteBoardTop .voteBoardClose:hover {
	transform: rotate(90deg);
}

/* 에디터모드 */
/* aside */
.voteEditorMenu {
	width: 380px;
	background-color: #f5f5f5;
	display: inline-block;
	height: calc(100vh - 64px);
	padding: 20px;
}

.voteBoardArea.edit {
	width: 340px;
	display: inline-block;
	position: unset;
	margin-top: 20px;
}

.voteBoardArea.edit.top {
	margin-top: 0;
}

.voteBoardArea.edit.top h3 {
	text-align: center;
	width: 100%;
	display: block;
	font-family: 'Gmarket Sans';
	font-size: 24px;
}

.voteBoardArea.edit .voteBoardTop::after {
	content: "";
	background: url(../../images/electionMap/arrow_down_gray.png) no-repeat 0 0 / 20px;
	padding: 8px 10px;
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
}

.voteBoardArea.edit .voteBoardTop.on + .voteBoardBottom {
	height: auto;
	margin-bottom: 25px;
}

.voteBoardArea.edit .voteBoardTop + .voteBoardBottom .voteBoardList {
	display: none;
}

.voteBoardArea.edit .voteBoardTop.on + .voteBoardBottom .voteBoardList {
	display: block;
}

.voteBoardArea.edit .voteBoardTop:hover {
	background-color: #f9f9f9;
}

.voteBoardArea.edit .voteBoardBottom {
	transition: 0.3s;
	height: 0;
	margin-bottom: 0;
}

/* 선거보드 */
.voteBoard {
	overflow-y: auto;
}

.voteBoard, .voteBoardBottom {
	padding: 0 20px;
	margin-bottom: 25px;
	max-height: 715px;
}

.voteBoardList {
	border: 1px solid #d9d9d9;
	border-top-left-radius: 13px;
	border-bottom-right-radius: 13px;
}

.voteBoardList:not(:last-of-type) {
	margin-bottom: 20px;
}

.voteBoardDetail {
	padding: 12px 20px 8px;
	font-size: 13px;
	color: #555555;
	line-height: 100%;
	white-space: unset;
	cursor: pointer;
}

.voteBoardDetail:hover + span {
	display: block;
}

.voteBoardList h5 {
	background-color: #f5f5f5;
	border-top-left-radius: 12px;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 600;
	color: #555555;
}

.voteBoardList h5::before {
	content: "";
	background-image: url(../../images/electionMap/dataHead.png);
	padding: 2px 10px;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.voteBoardList > ul, .voteBoardInner {
	padding: 20px 23px;
}

/* 22대 - 선거 판세 */
.voteBoardList.total22 .voteBoardItem {
	gap: 10px;
	padding: 10px 20px;
}

.voteBoardList.total22 .voteBoardItem .votePartyRight {
	padding: 0 0 0 0;
	flex: 1;
}

.voteBoardList.total22 .voteBoardItem .votePartyRight > .votePart {
	background-color: #f5f5f5;
	padding: 10px 0;
	margin-bottom: 10px;
}

/* 선거 득표율 정당 */
.voteBoardList .voteBoardItem {
	display: flex;
}

.voteBoardList .voteBoardItem:not(:last-of-type) {
	margin-bottom: 15px;
}

.voteBoardList .voteBoardItem .votePartyLeft {
	height: 90px;
	width: 150px;
}

.voteBoardList .voteBoardItem .votePartyLeft{
	border-radius: 2px;
}
/*더불어민주당*/
.voteBoardList .voteBoardItem.partyColor01 .votePartyLeft {
	background: #f5f5f5 url(../../images/electionMap/voteSeat01.png) no-repeat center;
}
/*미래통합당*/
.voteBoardList .voteBoardItem.partyColor02 .votePartyLeft {
	background: #f5f5f5 url(../../images/electionMap/voteSeat03.svg) no-repeat center;
    background-size: contain;
}
/*정의당*/
.voteBoardList .voteBoardItem.partyColor03 .votePartyLeft {
	background: #f5f5f5 url(../../images/electionMap/voteSeat04.jpg) no-repeat center;
    background-size: cover;
}

/* 선거 득표율 - 후보/득표율/득표수 */
.voteBoardList .voteBoardItem .votePartyRight {
	padding: 8px 0 5px 10px;
	font-weight: 600;
	text-align: center;
}

.voteBoardList .voteBoardItem .votePartyRight p {
	color: #666666;
	font-size: 12px;
	letter-spacing: 0rem;
	width: 110px;
}

.voteBoardList .voteBoardItem .votePartyRight p:last-of-type {
	color: #999999;
}

.voteBoardList .voteBoardItem .votePartyRight p:last-of-type i {
	color: #666666;
	font-size: 13px;
	letter-spacing: -0.03rem;
	font-family: Gmarket Sans;
	font-weight: 500;
}

.voteBoardList .voteBoardItem .votePartyRight em {
	font-size: 14px;
	color: #333333;
	font-weight: 500;
	font-family: Gmarket Sans;
	position: relative;
	top: -1px;
}

.voteBoardList .voteBoardItem .votePartyRight .votePartyPercent {
	font-family: 'Gmarket Sans';
	font-weight: 600;
	color: #31436B;
	font-size: 34px;
	margin: 5px 0 0;
}

.voteBoardList .voteBoardItem .votePartyRight .votePartyPercent::after {
	content: "%";
	color: #333333;
	font-size: 20px;
}

.voteBoardList .voteBoardItem .voterLeft {
	height: 130px;
	width: 140px;
	background: url(../../images/electionMap/voter_age.png) no-repeat 30px center/contain;
}

.voteBoardList .voteBoardItem .voterRight {
	padding: 25px 0 0 10px;
}

.voteBoardList .voteBoardItem .voterRight p {
	color: #555555;
	font-size: 13px;
	font-weight: 600;
}

.voteBoardList .voteBoardItem .voterRight p:not(:last-of-type) {
	margin-bottom: 10px;
}

.voteBoardList .voteBoardItem .voterRight p::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 3px;
	background-color: #C6C1F0;
	position: relative;
	top: 3px;
	margin-right: 8px;
}

.voteBoardList .voteBoardItem .voterRight p.voter02::before {
	background-color: #FFBED1;
}

.voteBoardList .voteBoardItem .voterRight p.voter03::before {
	background-color: #7C7270;
}

/* 에디터모드 버튼 선택 */
.voteBtnArea {
	display: flex;
	width: 100%;
	gap: 3px;
}

.voteBoardInner > div:not(:last-of-type) {
	margin-bottom: 15px;
}

.voteBtnArea.mt7 {
	margin-top: 7px;
}

.voteBtnArea button {
	background-color: #fff;
	color: #666;
	border: 1px solid #D9D9D9;
	font-size: 14px;
	flex: 1;
	padding: 8px 0;
	transition: 0.2s;
}

.voteBtnArea button.on {
	background-color: #49515C;
	border: 1px solid #49515C;
	color: #fff;
}

.voteBtnArea button.voteEditBtn:hover {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
}

.voteBtnArea button.voteEditBtn.save {
	padding: 5px 0;
}

.voteBtnArea button:first-of-type {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.voteBtnArea button:last-of-type {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* .voteBtnArea.edit */
.voteBoardEdit {
	display: none;
}

.voteBoardEdit.on {
	display: block;
}

.voteBoardInnerArea p {
	color: #666;
	font-size: 14px;
}

/* select 옵션 */
.voteSelect {
	position: relative;
}

.voteSelect .selectBtn {
	width: 100%;
	border: 1px solid #F5F5F5;
	background-color: #F5F5F5;
	text-align: left;
	padding: 6px 14px;
	font-weight: 500;
	font-size: 14px;
	color: #333;
	border-radius: 5px;
	transition: 0.3s;
	display: inline-block;
	position: relative;
}

.selectBtn::after {
	content: "";
	background: url(../../images/electionMap/arrow_select_down.png) no-repeat 0 0 / 14px;
	padding: 4px 7px;
	display: inline-block;
	position: absolute;
	top: calc(50% - 4px);
	right: 12px;
}

.selectBtn.on::after {
	transform: rotate(180deg);
}

.voteSelect .selectBtn:hover, .voteSelect .selectBtn.on {
	border: 1px solid #aaa;
}

.voteSelect .selectOption {
	display: none;
	border: 1px solid #F5F5F5;
	background-color: #f5f5f5;
	margin-top: 3px;
	border-radius: 5px;
	position: absolute;
	width: 100%;
	padding: 3px;
	border: 1px solid #aaaaaa;
	max-height: 167px;
	overflow-y: auto;
}

.selectBtn.on + .selectOption {
	display: block;
	z-index: 10;
}

.voteSelect .selectOptionBtn {
	font-weight: 500;
	font-size: 14px;
	color: #555;
	padding: 7px 32px 7px 10px;
	width: 100%;
	text-align: left;
	text-overflow: ellipsis;
	border: 1px solid #F5F5F5;
	border-radius: 5px;
	transition: 0.2s;
	background-color: #fff;
	position: relative;
	cursor: pointer;
}

.voteSelect.preset .selectOptionBtn .voteSelectCloseBtn {
	width: 18px;
	height: 18px;
	background: url(../../images/electionMap/voteClose_gray.png) no-repeat center/60%;
	position: absolute;
	top: calc(50% - 10px);
	right: 5px;
	border-radius: 50%;
	transition: 0.4s;
}

.voteSelect.preset .selectOptionBtn:hover .voteSelectCloseBtn {
	background: url(../../images/electionMap/voteClose_white.png) no-repeat center/60%;
}

.voteSelect.preset .selectOptionBtn .voteSelectCloseBtn:hover {
	transform: rotate(90deg);
}

.voteSelect.preset + .voteBtnArea {
	margin-top: 15px;
}

.voteSelect .selectOptionBtn:hover, .voteSelect .selectOptionBtn.on {
	background-color: #2C5274;
	color: #fff;
}

.voteSelect .selectOptionBtn:not(:last-of-type) {
	border-bottom: 2px solid #e9e9e9;
}

.voteSelectList {
	margin-top: 15px;
	max-height: 102px;
	overflow-x: auto;
	background-color: #f5f5f5;
	padding: 7px 3px 0 7px;
	font-size: 0;
	border-radius: 5px;
}

.voteSelectList .voteSelectItem {
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 3px;
	padding: 3px 20px 3px 4px;
	font-size: 15px;
	display: inline-block;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
	margin-right: 5px;
	margin-bottom: 5px;
}

.voteSelectList:has(.voteSelectItem)::before {
	content: "";
}

.voteSelectList .voteSelectItem:hover {
	background-color: #f5f5f5;
	border: 1px solid #555;
}

.voteSelectList .voteSelectCloseBtn {
	width: 11px;
	height: 11px;
	margin-left: 5px;
	background: url(../../images/electionMap/voteClose_black.png) no-repeat center/cover;
	position: absolute;
	top: calc(50% - 6px);
	right: 4px;
	transition: 0.3s;
}

/* 에디터모드 - 저장하기 */
.voteBoardInner.save .voteSaveTxt {
	white-space: nowrap;
	position: relative;
	top: 5px;
	display: inline-block;
}

.popup .inner:has(.voteBoardInner.save) {
	padding: 30px 20px;
}

.voteSaveInput {
	width: 100%;
	height: 32px;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	padding: 0 8px;
	transition: 0.3s;
	color: #555;
}

/* 직접 수정 */
.voteColorPicker {
	display: flex;
	gap: 4px;
	padding: 0 20px 8px;
}

.votePartyCancel {
	width: 32px;
	height: 32px;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	background: #F5F5F5 url(../../images/electionMap/ico_trash.png) no-repeat center / 24px;
	transition: 0.3s;
}

.voteColorPicker .colorPicker {
	height: 32px;
	width: 32px;
	border-radius: 3px;
	border: 1px solid #aaaaaa;
	padding: 0 2px;
	background-color: #F5F5F5;
	cursor: pointer;
	transition: 0.3s;
}

.voteColorPicker .colorPicker + .voteSaveInput {
	background-color: #F5F5F5;
	width: calc(100% - 70px);
	font-size: 14px;
	font-weight: 500;
}

.voteSaveInput:hover, #html5colorpicker:hover, .votePartyCancel:hover {
	border: 1px solid #555;
}

/*정당 추가 버튼*/
.votePartyAdd {
	margin: 5px 55px 20px;
	width: calc(100% - 110px);
	border: 1px solid #aaaaaa;
	padding-bottom: 5px;
	border-radius: 3px;
	font-weight: 600;
	color: #31436B;
	background-color: #e9e9e9;
	transition: 0.3s;
}

.votePartyAdd:hover {
	color: #fff;
	border: 1px solid #49515C;
	background-color: #49515C;
}

.votePartyAdd span {
	position: relative;
	top: 1px;
	font-size: 24px;
	display: inline-block;
}

/* 선거구 편집 - voteEditRegion */
.voteEditRegion:not(:last-of-type) {
	margin-bottom: 15px;
}

.voteBoardInner.save {
	padding: 20px 23px 0;
}

.regionTit {
	display: inline-block;
	width: 59px;
	font-size: 15px;
	line-height: 30px;
	flex-shrink: 0;
}

.popup .regionTit {
	font-size: 18px;
}

.regionTit::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #49515C;
	display: inline-block;
	margin-right: 8px;
	border-radius: 3px;
	position: relative;
	top: -2px;
}

.regionConts {
	color: #555555;
	font-weight: 500;
	display: flex;
	width: 100%;
}

.regionConts.tit {
	line-height: 30px;
}

.voteEditTxt {
	margin-top: 5px;
	text-align: right;
	font-size: 14px;
}

.regionConts:has(time) {
	flex-direction: column;
	gap: 10px;
}

.regionConts.tit::before {
	margin-right: 10px;
}

.regionConts .voteSelect .selectBtn {
	width: 191px;
}

.voteSelect .selectBtn .selectBtnSpan {
	width: 200px !important;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* svg 선거구 - 미리보기 영역 */
.votePrevArea {
	width: calc(100% - 46px);
	margin: 0 23px;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	position: relative;
	background-color: #fff;
}

.votePrevArea .votePrev{
	text-align: center;
	padding: 20px 0;
}

.votePrev .votePrevSVG {
	scale: 99%;
}

/* 저장 */
.voteBtnArea.editSave {
	padding: 20px 23px;
}

/* 프리셋 */
#voteMain.preset .serviceLogoArea {
	min-width: 360px;
}

#voteMain.preset .serviceLogoArea {
	position: relative;
	top: 2px;
}

#voteMain.preset .catoMap {
	width: calc(100% - 400px);
	margin-left : 0;
}

.voteConts {
    display: flex;
    gap: 5px;
}

.electionMapDetail .table.type01.overflow-x{
  overflow-x: auto;
}

/* 토스트팝업 색상 mui base.scss > $common_higlight_background_color */
.Vue-Toastification__toast--success {
	background-color: #035AA6 !important;
}

/* voteLabel */
.voteLabelArea {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 14px;
	border-radius: 3px;
	z-index: 100;
	padding: 5px 0;
	background-color: #F5F5F5;
	border: 1px solid #d9d9d9;
	color: #444444;
	width: 120px;
	margin-top: 20px;
}

.voteLabel label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	padding: 0 7px;
}

.voteLabel label input[type="checkbox"] {
	appearance: none;
	position: relative;
	border: max(2px, 0.1em) solid #49515C;
	background-color: #fff;
	border-radius: 1.25rem;
	width: 2.25em;
	height: 1.25em;
	cursor: pointer;
}

.voteLabel label input[type="checkbox"]::before {
	content: "";
	position: absolute;
	left: 0;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	transform: scale(0.8);
	background-color: #49515C;
	transition: left 250ms linear;
}

.voteLabel label input[type="checkbox"]:checked::before {
	background-color: white;
	left: 1em;
}

.voteLabel label input[type="checkbox"]:checked {
	background-color: #31436B;
	border-color: #31436B;
}

/* scrollbar */
#voteMain ::-webkit-scrollbar {
	border-radius: 2px;
	margin-bottom: 3px;
	height: 4px;
	width: 5px;
	background-color: #d9d9d9; /* 스크롤 바의 배경색 */
}

#voteMain ::-webkit-scrollbar-thumb {
	background-color: #989898; /* 스크롤 바의 색상 */
	border-radius: 2px;
	border: none;
}

/* M_downloadPop */
#M_downloadPop .electionMapAppPreview .voteTopArea{
	width: 100%;
	margin: 0 auto;
	position: unset;
	padding: 0;
	box-shadow: none;
}

#M_downloadPop .electionMapAppPreview .voteTopArea .voteTopTit {
	font-size: 24px;
	margin-bottom: 10px;
	width: 100%;
}

#M_downloadPop .electionMapAppPreview .voteTopArea .voteTopTit span {
	display: inline-block;
	margin-left: 5px;
	font-size: 16px;
	color: #666;
}

#M_downloadPop .electionMapAppPreview .voteTopArea .voteTopSeat {
	width: 100%;
	margin-bottom: 0;
	font-family: 'pre Medium';
}

#M_downloadPop .electionMapAppPreview .voteTopArea .voteTopSeat li {
	max-width: unset;
	min-width: unset;
	background-color: #fff;
}

#M_downloadPop .electionMapAppPreview .voteTopArea .voteTopSeat .voteSeatTop p {
	width: 100%;
}

#M_downloadPop .electionMapAppPreview .voteTopArea .voteTopSeat .voteSeatBottom {
	padding: 5px 0;
}

#M_downloadPop .electionMapAppPreview .nameArea {
	padding: 0 0 0;
	z-index: 10;
}

#M_downloadPop .electionMapAppPreview .nameArea .download {
	border-radius: 5px;
	font-family: 'Gmarket Sans';
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.01rem;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	transition: 0.3s;
	width: 50px;
	height: 55px;
	cursor: pointer;
}
#M_downloadPop .electionMapAppPreview .voteTopArea .voteDownloadPrev {
	display: flex;
	gap: 20px;
}
#M_downloadPop .electionMapAppPreview .nameArea .download > span {
	font-family: inherit;
	font-size: 0;
}

#M_downloadPop .electionMapAppPreview .nameArea .download:hover {
	color: #333;
	font-weight: 700;
	border: 1px solid #31436B;
}

#M_downloadPop .electionMapAppPreview .nameArea .download.svg {
	background: #d9d9d9 url(../../images/electionMap/ico_file_svg.png) no-repeat center center;
}

#M_downloadPop .electionMapAppPreview .nameArea .download.svg:hover {
	background-image: url(../../images/electionMap/ico_file_svg.on.png);
}

#M_downloadPop .electionMapAppPreview .nameArea .download.png {
	background: #d9d9d9 url(../../images/electionMap/ico_file_png.png) no-repeat center center;
}

#M_downloadPop .electionMapAppPreview .nameArea .download.png:hover {
	background-image: url(../../images/electionMap/ico_file_png.on.png);
}

#M_downloadPop .electionMapAppPreview .nameArea .download.jpg {
	background: #d9d9d9 url(../../images/electionMap/ico_file_jpg.png) no-repeat center center;
}

#M_downloadPop .electionMapAppPreview .nameArea .download.jpg:hover {
	background-image: url(../../images/electionMap/ico_file_jpg.on.png);
}

#M_downloadPop .electionMapAppPreview .voteBottomArea {
	position: absolute;
	bottom: 30px;
	right: 30px;
	font-family: 'pre Medium';
	color: #aaa;
	z-index: 1040;
}

#M_downloadPop .electionMapAppPreview .voteBottomArea .voteEditedArea {
	font-size: 15px;
	width: 100%;
	text-align: right;
}

#M_downloadPop .electionMapAppPreview .voteBottomArea .voteEditedArea .voteEditedBy {
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
}

#M_downloadPop .electionMapAppPreview .voteBottomArea .voteEditedArea .voteEditedBy span {
	font-size: 15px;
	color: inherit;
}

#M_downloadPop .electionMapAppPreview .downloadControl {
	display: flex;
	background-color: #fff;
	border: 1px solid #aaa;
	box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.16);
	padding: 5px;
	border-radius: 10px;
	gap: 5px;
	margin: 7px 0;
}

#M_downloadPop .electionMapAppPreview .downloadControl .inputBox {
	margin: 10px;
}

#M_downloadPop .electionMapAppPreview .downloadControl .inputBox label {
	margin-right: 10px;
	margin-left: 10px;
	font-family: "pre SemiBold";
}

#M_downloadPop .electionMapAppPreview .downloadControl .inputBox input[type=text] {
	height: 30px;
	width: 200px;
	padding-left: 10px;
	text-align: right;
}

/* mobilePopup */
.mobilePopup {
	position: fixed;
	display: none;
    left: 50vw;
    top: 50vh;
    -webkit-transform: translate(-50vw, -50%);
    transform: translate(-50vw, -50%);
    width: 100.05vw;
    height: 100.1vh;
    background-color: rgba(0, 0, 0, 0.70);
}

/* voteFoldBtn */
.voteFoldBtn {
	display: none;
    width: 80px;
    height: 20px;
    position: absolute;
    transition: 0.3s;
    padding: 10px 0;
    bottom: -21px;
    left: calc(50% - 40px);
    border: 1px solid #d9d9d9;
	border-top: none;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.voteFoldBtn span {
	transform: rotate(180deg);
	background: url(../images/electionMap/arrow_down_gray_fold.png) no-repeat center;
	height: 20px;
	display: block;
	position: relative;
	top: -10px;
}

.voteFoldBtn:hover {
	background-color: #f5f5f5;
}

.voteFoldBtn.fold {
	display: block;
}

.voteFoldBtn.fold span {
	transform: rotate(0deg);
}

.voteFoldBtn.fold + .voteFold {
	display: none;
}


@media (max-width: 768px){
	#voteMain ::-webkit-scrollbar {
		height: 4px;
	}

	.voteBodyArea {
		top: 46px;
		height: calc(100% - 46px);
	}

	.voteHeaderNav, .voteHeaderBottom {
		display: none;
	}

	/* voteTop */
	.voteTop {
		display: block;
		position: relative;
		top: 0;
		left: 0;
	}

	.voteTopArea {
		width: 100%;
		padding: 10px 10px 10px;
		border-radius: 0;
	}

	#voteMain .voteTopArea h3.voteTopTit {
		margin-bottom: 5px;
		font-size: 20px;
	}

	.voteTopArea .voteTopTit span {
		display: inline-block;
		margin-left: 3px;
		font-size: 12px;
	}

	.voteTopSeat .voteSeatTop {
		padding: 3px 0 0;
		font-size: 13px;
	}

	.voteTopSeat .voteSeatBottom {
		padding: 0 0;
	}

	.voteTopSeat .voteSeatBottom b {
		font-size: 20px;
	}

	.voteTopBtnArea {
		width: calc(100vw - 20px);
	}

	.voteTopBtnArea .voteTopBtn {
		height: 24px;
		padding: 0 0;
		font-size: 13px;
		min-width: px;
	}

	.voteTopBtnArea .voteTopBtn.disable::after {
		display: none;
	}

	/* voteLabelArea */
	.voteLabelArea {
		display: none;
	}

	/* 데이터보드 영역 */
	.voteBoardArea.on {
		display: none;
	}

	#voteMain #M_downloadPop {
		display: none;
	}

	.mobilePopup.on {
		display: block;
	}

	/* Editor mobile -> PC권장  */
	.mobilePopup {
		z-index: 1050;
		color: #fff;
		position: absolute;

		font-size: 14px;
		line-height: 20px;
		background-color: rgba(0, 0, 0, 0.7);
		padding: 5px;
		transition: 0.3s;
	}

	.MPopupTxt {
		width: 80vw;
		height: 300px;
		background-color: #fff;
		color: #444;
		font-size: 17px;
		line-height: 24px;
		padding: 45px 30px;
		position: absolute;
		top: calc(50vh - 150px);
		left: 10vw;
		border-radius: 5px;
		text-align: center;
	}

	.MPopupTxt span {
		background: url(../../images/electionMap/vote_PC.png) no-repeat 50% 0;
		background-size: 40px;
		padding: 20px 0 30px;
		display: block;
	}

	.MPopupTxt b {
		font-size: 20px;
		color: #49515C;
	}

	/* 지역선택 gnb */
	.voteGnb {
		left: 5px;
		bottom: 5px;
	}

	.voteGnbRegion {
		margin-bottom: 3px;
		padding: 3px 0;
		font-size: 12px;
		width: 70px;
	}

	.voteGnbArea {
		gap: 3px;
	}

	.voteGnbList > a {
		width: 70px;
		padding: 5px 0;
		font-size: 13px;
	}

	.voteGnbList > .voteGnbAnchor.on + .voteGnbItem {
		display: none;
	}

	/* voteFoldBtn */
	.voteFoldBtn {
		display: block;
	}

}

@media (max-width: 486px){
	#voteMain .MPopupTxt {
		font-size: 15px;
		line-height: 22px;
		padding: 30px 30px;
	}

	#voteMain .MPopupTxt span {
		margin: 10px 0;
	}

	#voteMain .MPopupTxt b {
		font-size: 18px;
	}
}

/* 에디터 > 테이블 편집 - 버튼 */
#voteMain button.btn.fmType01 {
    font-family: "SUIT";
}

#voteMain button.btn.bgWhite.type02 {
    color: #333;
}

/* M_downloadPop */
#M_downloadPop.popup .inner {
	padding: 40px 36px 46px 36px;
	width: 100%;
}

.popup .inner {
	background-color: #fff !important;
}