@charset "utf-8";

@font-face {
	font-family: "NotoSansKR-Regular";
	src:
	local("NotoSansKR-Regular"),
		url("/fonts/NotoSansKR-Regular.woff2") format("woff2"),
		url("/fonts/NotoSansKR-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: "NotoSansKR-Medium";
	src:
	local("NotoSansKR-Medium"),
		url("/fonts/NotoSansKR-Medium.woff2") format("woff2"),
		url("/fonts/NotoSansKR-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: "NotoSansKR-Bold";
	src:
	local("NotoSansKR-Bold"),
		url("/fonts/NotoSansKR-Bold.woff2") format("woff2"),
		url("/fonts/NotoSansKR-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

* {font-family: AppleSDGothicNeo-Regular,'NotoSansKR-Regular',sans-serif;letter-spacing: -.5px;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;}

html {height: 100%;}
body {margin:0;padding:0;background-color: #F2F4F7;}
input:focus,textarea:focus,select:focus,button:focus {outline:0;}
img {border:0;}
a, a:hover, a:visited{text-decoration: none;}
a {-o-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;}


#footer { clear:both; margin:10px 0px 50px 0px}
#footer .copyright { color:#fff; font-size:14px;text-align:center;}

::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}

.form-control::-moz-placeholder {color: #ccc;}
.form-control:-ms-input-placeholder {color: #ccc;}
.form-control::-webkit-input-placeholder {color: #ccc;}
textarea::-webkit-scrollbar {width: 5px;}
textarea::-webkit-scrollbar-track {background: #f9f9f9;}
textarea::-webkit-scrollbar-thumb {background: #c3c3c3;}
textarea::-webkit-scrollbar-thumb:hover {background: #7d7d7d;}
.form-control:disabled, .form-control[readonly] {background-color: #b7b7b7;}
.float-label {color: #9d9d9d;font-size: 0.85rem;}

.row-no-margin {margin-left: 0px;margin-right: 0px;}
.t-0 {margin-top: 0px;padding-top: 0px;}
.r-0 {margin-right: 0px;padding-right: 0px;}
.b-0 {margin-bottom: 0px;padding-bottom: 0px;}
.l-0 {margin-left: 0px;	padding-left: 0px;}
.invalid-feedback {font-size: 0.75rem;line-height: 1;margin-top: 0.5rem;margin-left: 0.2rem;}

.modal-header {font-size: 1.1rem;background-color: #f9f9f9;	padding: 0.64rem 1rem 0.5rem 1rem;}
.modal-title {font-size: 1.1rem;}
.modal-footer {border-top: 0px;padding: 15px 25px 25px 25px;}
.modal-footer .btn {cursor: pointer;}

.btn-w50 {width: 50px;}
.btn-w60 {width: 60px;}
.btn-w70 {width: 70px;}
.btn-w80 {width: 80px;}
.btn-w90 {width: 90px;}
.btn-w100 {width: 100px;}
.btn-grey {color: #212529;background-color: #E6E6E6;border-color: #ccc;}
.btn-grey:hover {background-color: #D6D6D6;}
.btn-right {border-top-right-radius: 3px!important;border-bottom-right-radius: 3px!important;}
.btn-list {width:100px;}

.bd-callout {padding: 1.25rem;margin-top: 1.25rem;margin-bottom: 1.25rem;border: 1px solid #eee;border-left-width: .25rem;border-radius: .25rem;}
.bd-callout-yellow {border-left-color: #f0ad4e!important;}
.bd-callout-teal {border-left-color: #5bc0de!important;}
.bd-callout-blue {border-left-color: #007bff!important}
.bd-callout-purple {border-left-color: #7955b1!important}

.bd-callout-proposition {padding: 1.25rem;margin-top: 1.25rem;margin-bottom: 1.25rem;border: 1px solid #82abd6;border-left-width: .25rem;border-left-color: #3691f2!important;border-radius: .25rem;}

.big-badge {font-size: 14px;padding: 5px 15px;}

.hidden {display: none;}
.valid-use {color: #0d6efd;font-size: 0.75rem;margin-top: 0.5rem;margin-left: 0.2rem;}
.invalid-use {color: #AA0000;font-size: 0.75rem;margin-top: 0.5rem;margin-left: 0.2rem;}

.bg-grey {background-color:#dddddd}




.top-header {font-size: 0.8rem;}

.logo {text-align: center;padding-top: 35px;padding-bottom: 30px;background-color: #fff;}
.logo img {height:60px;}

.nav-menu-bar {border-top: 1px solid #d0d0d0;border-bottom: 2px solid #dc3545;background-color:#fff;}
.nav-scroller {position: relative;z-index: 2;width:100%;overflow-y: hidden;}
.nav-scroller .nav {display: flex;flex-wrap: nowrap;overflow-x: auto;text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.nav-scroller .nav .nav-link {font-size: 1.3rem;text-align: center;line-height: 100%;height: 38px;color:#000;}
.nav-scroller .nav .nav-link:hover {color:#dc3545;}
.active {background-color: #dc3545;color: #fff!important;border-radius: 5px;}
.active:hover {color: #fff!important;}
.ios-nav {height:34px!important;}

.nav-scroller .nav::-webkit-scrollbar {display: none;}
.nav-scroller .nav { -ms-overflow-style: none;scrollbar-width: none;}

.sec-01 {padding-top: 5px;}
.sec-02 {margin-top: 30px;}
.sec-03 {margin-top: 30px;}
.sec-04 {margin-top: 30px;}
.sec-05 {margin-top: 30px;}

.bg-body-tertiary {background-color:unset!important;}

.tip {font-size: 14px;color: #999;}

.sponsor {width: 100%;max-width: 970px;background-color: #fff;border-radius: 16px;padding: 25px 50px;margin: auto;text-align: center;border: 1px solid #6a9bb4;margin-top:30px;}
.sponsor-title {font-size: 1.1rem;font-weight:bold;}
#sponsor-one {max-width: 250px;}
.sponsor-normal .img-fluid {max-width: 90%;}


.round-box {background-color: #fff;border-radius: 16px;padding: 25px 50px;}

.election-trends h1 {line-height: 120%;font-size: 1.9;margin:55px 20px 20px 20px!important;}

.no-result {padding: 10px;width: 65%;margin: 0 auto;display: none;}
.loading {display: none;}


.ko-can {font-size:15px;margin-top: 3px;}
.ko-can-description {color:#656565;}

.news-list {}
.news-item {position: relative;margin-bottom: 20px;display: flex;}
.news-item .news-thumbnail-wrap {min-width: 230px;margin-right: 0;overflow: hidden;position: relative;}
.news-item .news-thumbnail-wrap .news-thumbnail {display: block;overflow: hidden;border-radius: 5px;}
.news-item .news-thumbnail-wrap .news-thumbnail img {height: 151px;width: 100%;object-fit: cover;border-radius: 5px;transition: 0.5s;}
.news-item .news-content {margin-left: 21px;min-width: 550px;}
.news-item .news-content a, .news-item .news-content a:hover, .news-item .news-content a:visited{text-decoration: none;color:#333;}
.news-item .news-content h3.news-title {font-size: 24px;font-weight: 400;margin-top: 15px;margin-bottom: 10px;line-height: 109%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-item .news-content .publish-date {font-size: 14px;font-weight: 500;line-height: 14px;}
.news-item .news-content .news-description {font-size: 15px;font-weight: 500;line-height: 20px;-webkit-line-clamp: 3;margin-bottom: 10px;color:#656565;}
.no-left {margin-left: 0px;}

.live-time {font-size:1rem;color: #666;}
.live-video {border-radius: 5px;}
.live-poster {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;cursor:pointer}
.live-play {display:none;margin: auto;}
.play {padding-top: 40px;}

.home-proposition, .home-voterstatus {font-size: 30px;line-height: 100%;font-weight: 600;color: #000;}

.home-poll-trends .candidate {text-align:center;}
.home-poll-trends .candidate .rep  {width: 120px;height: 120px;border-radius: 50%;vertical-align: bottom !important;border: rgb(255, 0, 0) solid 2px;padding: 2px;}
.home-poll-trends .candidate .demo {width: 120px;height: 120px;border-radius: 50%;vertical-align: bottom !important;border: rgb(70, 148, 246) solid 2px;padding: 2px;}
.home-poll-trends .candidate .percent {font-size:3.2rem;margin-top:0px!important;margin-bottom:0px;font-family: arial;font-weight: 600;color: #333;line-height: 100%;}
.home-poll-trends .candidate .polition {font-size:1.1rem;margin-top:0.4rem!important;margin-bottom:5px;vertical-align: sub;}
.home-poll-trends .candidate .polition img {vertical-align: baseline;height: 17px;}
.home-poll-trends .candidate .name {font-size:1.4rem;margin-top:0px!important;margin-bottom:0.35rem;}
.home-poll-trends .progress {height: 24px;font-size: 14px;}
.home-poll-trends .progress .progress-bar {padding: 12px;}

.donation .candidate {text-align:center;}
.donation .candidate .rep  {width: 80px;height: 80px;border-radius: 50%;vertical-align: bottom !important;border: rgb(255, 0, 0) solid 2px;padding: 2px;}
.donation .candidate .demo {width: 80px;height: 80px;border-radius: 50%;vertical-align: bottom !important;border: rgb(70, 148, 246) solid 2px;padding: 2px;}
.donation .candidate .percent {font-size:3.2rem;margin-top:0px!important;margin-bottom:0px;font-family: arial;font-weight: 600;color: #333;line-height: 100%;}
.donation .candidate .polition {font-size:1.1rem;margin-top:0.4rem!important;margin-bottom:5px;vertical-align: sub;}
.donation .candidate .polition img {vertical-align: baseline;height: 17px;}
.donation .candidate .name {font-size:1.1rem;margin-top:0px!important;margin-bottom:0.35rem;}
.donation .progress {height: 24px;font-size: 14px;}
.donation .progress .progress-bar {padding: 12px;}
.donation .money-description {color:#6f42c1;font-size: 15px;}

.trends h1 {font-size:1.9rem}
.trends h2 {font-size:1.6rem}
.trends h4 {font-size:1.4rem}
.trends .card-header {text-align: center;font-size: 1.2rem;}
.trends .progress {height: 30px;font-size: 20px;}
.trends .vote-card {padding:0px 5px;cursor:pointer;}
.trends .vote-card .trump-box {margin:10px 0px 10px 0px;border: 5px solid white;}
.trends .vote-card .harris-box {margin:10px 0px 10px 0px;border: 5px solid white;}
.trends .vote-card .party {margin-bottom: 5px;font-size: 1.2rem;}
.trends .vote-card .party img {vertical-align: baseline;height: 17px;}
.trends .vote-card .card-body {padding: 0.75rem 1.25rem 1rem 1.25rem;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
.trends .vote-card .btn-lg {font-size: 18px;}
.trends .vote-card ul li {color: #707070;}
.trends .candidate {text-align:center;}
.trends .candidate .rep  {width: 120px;height: 120px;border-radius: 50%;vertical-align: bottom !important;border: rgb(255, 0, 0) solid 2px;padding: 2px;}
.trends .candidate .demo {width: 120px;height: 120px;border-radius: 50%;vertical-align: bottom !important;border: rgb(70, 148, 246) solid 2px;padding: 2px;}
.trends .candidate .percent {font-size:3.2rem;margin-top:0px!important;margin-bottom:0px;font-family: arial;font-weight: 600;color: #333;line-height: 100%;}
.trends .candidate .polition {font-size:1.1rem;margin-top:0.4rem!important;margin-bottom:5px;vertical-align: sub;}
.trends .candidate .polition img {vertical-align: baseline;height: 17px;}
.trends .candidate .name {font-size:1.4rem;margin-top:0px!important;margin-bottom:0.35rem;}
.ready {font-size:1.3rem;color:#888;}
.trends .q1 {font-size:1.25rem;text-align: center;}
.trends .q2 {font-size: 1.1rem;color: #777;text-align: center;}
.trends .swing-state {margin-bottom:15px;}
.trends .swing-state .progress {height: 25px;font-size: 15px;}
.trends .swing-state .swing-name {font-size:1.2rem;margin: 2px 0px 0px 2px;}
.trends .swing-state .swing-legend {font-size:1.2rem;}



.live-circle-pulse {position: relative;width: 20px;height: 20px;border-radius: 50%;background-color: #f0f0f0}
.live-circle-pulse:before {content: "";width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 8px;top: 7px;background-color: #fb0002}
.live-circle-pulse:after {content: "";border-radius: 50%;height: 12px;width: 12px;position: absolute;left: 7px;top: 6px;-webkit-animation: pulse 1.5s ease-out;animation: pulse 1.5s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;opacity: 0;border: 3px solid #fb0002}
.live-circle-title {margin-left:30px;color:#888;font-size: 17px;color:#fb0002;}

@-webkit-keyframes pulse {
	0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3)}
	30% {opacity: 1;-webkit-transform: scale(.75);transform: scale(.75)}
	to {opacity: 0;-webkit-transform: scale(2.3);transform: scale(2.3)}
}

@keyframes pulse {
	0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3)}
	30% {opacity: 1;-webkit-transform: scale(.75);transform: scale(.75)}
	to {opacity: 0;-webkit-transform: scale(2.3);transform: scale(2.3)}
}


.live-vote-status .candidate {text-align:center;}
.live-vote-status .candidate .rep  {width: 120px;height: 120px;border-radius: 50%;vertical-align: bottom !important;border: rgb(255, 0, 0) solid 2px;padding: 2px;}
.live-vote-status .candidate .demo {width: 120px;height: 120px;border-radius: 50%;vertical-align: bottom !important;border: rgb(70, 148, 246) solid 2px;padding: 2px;}
.live-vote-status .candidate .percent {font-size:3.2rem;margin-top:0px!important;margin-bottom:0px;font-family: arial;font-weight: 600;color: #333;line-height: 100%;}
.live-vote-status .candidate .name {font-size:1.4rem;margin-top:0px;margin-bottom:0px;font-weight: bold;color: #4d4a4a;}
.live-vote-status .candidate .polition {font-size:1rem;margin-top:0px;margin-bottom:0px;margin-left:2px;margin-right:2px;vertical-align: sub;}
.live-vote-status .candidate .polition img {vertical-align: baseline;height: 15px;}
.live-vote-status .candidate .delegate {font-size: 2.2rem;margin-top: 0;margin-bottom: 0px;font-family: arial;font-weight: bold;line-height: 100%;}
.live-vote-status .candidate .status-info-dem {text-align:left;margin-left:20px;margin-top: 5px;}
.live-vote-status .candidate .status-info-rep {text-align:right;margin-right:20px;margin-top: 5px;}
.live-vote-status .candidate .harris {margin-left:5px;}
.live-vote-status .candidate .trump {margin-right:5px;}

.live-vote-status .senate-house h2 {font-size:1.4rem;margin-top:0px;margin-bottom:0px;font-weight: bold;}
.live-vote-status .senate-house h3 {font-size:1.1rem;margin-top:0px;margin-bottom:0px;font-weight: bold;}
.live-vote-status .senate-house .party img {vertical-align: baseline;height: 15px;}

.states-status h2 {font-size:1.4rem;margin-top:0px;margin-bottom:0px;font-weight: bold;}
.states-status .state-list {list-style: none;padding-inline-start: 0px;margin-bottom: 0;columns: 2;-webkit-columns: 2;-moz-columns: 2;margin-top: 10px;}
.states-status .state-list li {margin-bottom: 15px;}
.states-status .race-state {margin-bottom:15px;}
.states-status .race-state .state-code {font-weight:bold;color: #000;}
.states-status .race-state .votes {color: #666;}
.states-status .race-state .progress {height: 20px;font-size: 13px;}
.states-status .race-state .state {}
.states-status .race-state .state-name {font-size:1rem;margin: 2px 0px 0px 2px;}
.states-status .race-state .reporting {font-weight: 600;font-family: system-ui;font-size: 12px;margin: 2px 0px 0px 15px;color: #888;}
.states-status .race-state .state-legend {font-size:12px;margin-top:1px}
.states-status .race-state .state-legend .v {font-family: system-ui;font-size: 12px;}

.label-center-bar-small::before {width:1px;border:1px dashed #fff;height:20px;content: "";display: block;position: absolute;top: 0px;left: 50%;margin-left:-1px}
.label-center-bar-small {position: relative;}
.label-center-bar::before {width:1px;border:1px dashed #222;height:30px;content: "";display: block;position: absolute;top: -34px;left: 50%;margin-left:-1px}
.label-center-bar {position: relative;}
.label-center::before {content: "";display: block;position: absolute;top: -5px;left: 50%;margin-left: -7px;width: 0;height: 0;border-style: solid;border-width: 0 7px 6px 7px;border-color: transparent transparent #222 transparent}
.label-center .v {font-family: system-ui;font-weight:700!important;}
.label-center {position: relative;}
.live-vote-status .total {height:30px;font-size:16px;margin-top: 10px;}
.live-vote-status .votes_total .v {font-family: system-ui;font-size: 15px;}
.live-vote-status .pct {font-size:14px;}
.p0-left {padding-left: 0px!important;}
.p0-right {padding-right: 0px!important;}
.poll-done h1 {font-size:1.9rem;}
.poll-done h2 {font-size:1.4rem;color:#444;}
.house-top {margin-top:0px;}


.voting {letter-spacing: -0.05em;}
.voting h1 {font-size:1.9rem}
.voting h2 {font-size:1.6rem}
.voting h3 {font-size:1.4rem;}
.voting .districts .area {font-size: 15px;color:#666;}
.voting .map img {border: 1px solid #ccc;}
.voting .sq {font-size: 27px;}
.voting .progress {height:25px;font-size: 14px;}
.voting .person ul {margin-top: 10px;font-size:17px;list-style-type: disc;padding-inline-start: 24px;}
.voting .person ul li {position: relative;min-height: 22px;padding: 0px 0 9px 120px;}
.voting .person ul li.fu {position: relative;min-height: 22px;padding: 0px 0 4px 0px;color:#555;}
.voting .person ul li.fu a { color: #007bff; }
.voting .person ul li.fu a:hover { text-decoration: underline; }
.voting .person ul li .ti {max-width: 110px;position: absolute;left: 0;top: 0px;font-size: 17px;overflow: hidden;white-space: nowrap;word-break: break-all;}
.voting .person ul li .te {line-height: 22px;word-break: break-all;}

.ec-map-img {width:90%;}

.dash-bd {}
.dash-bd h2 {font-size:1.4rem;}
.dash-bd h3 {font-size:1.2rem;}

.vote-reg {background-color: rgba(0,0,0,.05);border-radius: 5px;padding:20px;font-size:17px;}
.vote-reg h2 {font-size:1.4rem;margin-top: 0rem!important;}
.vote-reg h3 {font-size:1.2rem;}

.korean-candidates .logo {text-align:center;margin:60px 0px 30px 0px;}
.korean-candidates .topic {font-size:1.9rem;text-align:center;margin-bottom:30px;}
.korean-candidates .news-body {font-size:1.15rem;line-height: 140%;margin-bottom: 50px;background-color: #f5f5f5;border-radius: 5px;padding: 20px;}
.korean-candidates h1 {font-size:1.9rem}
.korean-candidates h2 {font-size:1.6rem;color:#174698}
.korean-candidates h3 {font-size:1.4rem;}
.korean-candidates h3 .sm {font-size:1.1rem;}
.korean-candidates h4 {font-size:1.2rem}
.korean-candidates .candidate .sq-s {font-size: 27px;display: unset;}
.korean-candidates .candidate .party-logo {height: 20px;margin-top: -5px;}
.korean-candidates .candidate .person ul {margin-top: 15px;font-size: 16px;list-style-type: disc;padding-inline-start: 21px;}
.korean-candidates .candidate .person ul li.fu {position: relative;min-height: 22px;padding: 0px 0 2px 0px;color: #555;word-break: break-all;}
.korean-candidates .candidate .person .progress {height: 20px;font-size: 14px;}
.korean-candidates .candidate .person .confirm {color: #6c757d;font-size: 0.9rem;}
.korean-candidates .candidate .person .primary {margin-left:5px;padding-left: 0px;padding-right: 0px;}
.korean-candidates .candidate .person .present {margin-right:10px;padding-left: 0px;padding-right: 0px;text-align:right}


.proposition {letter-spacing: -0.05em;}
.proposition h1 {font-size:2.1rem;margin-top: 75px;}
.proposition h2 {font-size:1.6rem}
.proposition h3 {font-size:1.6rem;font-weight:bold;}
.proposition h4 {font-size:1.3rem;font-weight: bold;}
.proposition .t-m {margin-top:20px;}
.proposition .inner-space {padding: 1.5rem 3rem;}

.rk-comments {color: #dd2f95;font-size: 15px;}


.proposition-detail {padding-inline-start: 20px;}
.proposition-detail li {margin-top:5px;}

#paging_nav { padding-top:15px;padding-bottom:15px;text-align:center; }
#paging_nav span.btn { border:1px solid #DFDFDF;padding:3px 12px;line-height:25px;text-decoration:none;color:#333; }
#paging_nav a { line-height:25px;text-decoration:none;color:#333; }
#paging_nav a:hover, #paging_nav a:active, #paging_nav a:focus { line-height:25px;text-decoration:none; }
#paging_nav span.bar { color:#CCCCCC;font-size:10px; }
#paging_nav a.l { padding:3px 8px;line-height:25px;text-decoration:none;color:#333; }
#paging_nav a.l:hover { padding:3px 8px;line-height:25px;text-decoration:none;color:#e66c00; }


.ios-audio {height: 150px;}
.copyright {font-size: 0.8rem;}

.summary a.link-a {color:#333;}
.summary .circle-pulse {position: relative;width: 20px;height: 20px;border-radius: 50%;background-color: #f0f0f0}
.summary .circle-pulse:before {content: "";width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 8px;top: 6px;background-color: #fb0002}
.summary .circle-pulse:after {content: "";border-radius: 50%;height: 12px;width: 12px;position: absolute;left: 7px;top: 5px;-webkit-animation: pulse 1.5s ease-out;animation: pulse 1.5s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;opacity: 0;border: 3px solid #fb0002}
.summary .circle-pulse-ios {position: relative;width: 20px;height: 20px;border-radius: 50%;background-color: #f0f0f0}
.summary .circle-pulse-ios:before {content: "";width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 8px;top: 1px;background-color: #fb0002}
.summary .circle-pulse-ios:after {content: "";border-radius: 50%;height: 12px;width: 12px;position: absolute;left: 7px;top: 0px;-webkit-animation: pulse 1.5s ease-out;animation: pulse 1.5s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;opacity: 0;border: 3px solid #fb0002}
.summary .circle-title {margin-left:30px;color:#888;font-size: 1.4rem;color:#333;margin-bottom:10px;}

.summary .live-vote-status .candidate {text-align:center;}
.summary .live-vote-status .candidate .rep  {width: 120px;height: 120px;border-radius: 50%;vertical-align: bottom !important;border: rgb(255, 0, 0) solid 2px;padding: 2px;}
.summary .live-vote-status .candidate .demo {width: 120px;height: 120px;border-radius: 50%;vertical-align: bottom !important;border: rgb(70, 148, 246) solid 2px;padding: 2px;}
.summary .live-vote-status .candidate .percent {font-size:3.2rem;margin-top:0px!important;margin-bottom:0px;font-family: arial;font-weight: 600;color: #333;line-height: 100%;}
.summary .live-vote-status .candidate .name {font-size:1.4rem;margin-top:0px;margin-bottom:0px;font-weight: bold;color: #4d4a4a;}
.summary .live-vote-status .candidate .polition {font-size:1rem;margin-top:0px;margin-bottom:0px;margin-left:2px;margin-right:2px;vertical-align: sub;}
.summary .live-vote-status .candidate .polition img {vertical-align: baseline;height: 15px;}
.summary .live-vote-status .candidate .delegate {font-size: 2.2rem;margin-top: 0;margin-bottom: 0px;font-family: arial;font-weight: bold;line-height: 100%;}
.summary .live-vote-status .candidate .status-info-dem {text-align:left;margin-left:20px;margin-top: 5px;}
.summary .live-vote-status .candidate .status-info-rep {text-align:right;margin-right:20px;margin-top: 5px;}
.summary .live-vote-status .candidate .harris {margin-left:5px;}
.summary .live-vote-status .candidate .trump {margin-right:5px;}

.summary .senate-house h2 {font-size:1.4rem;margin-top:0px;margin-bottom:0px;font-weight: bold;}
.summary .senate-house h3 {font-size:1.1rem;margin-top:0px;margin-bottom:0px;font-weight: bold;}
.summary .senate-house .party img {vertical-align: baseline;height: 15px;}

.summary .states-status h2 {font-size:1.4rem;margin-top:0px;margin-bottom:0px;font-weight: bold;}
.summary .states-status .state-list {list-style: none;padding-inline-start: 0px;margin-bottom: 0;columns: 2;-webkit-columns: 2;-moz-columns: 2;margin-top: 10px;}
.summary .states-status .state-list li {margin-bottom: 15px;}
.summary .states-status .race-state {margin-bottom:15px;}
.summary .states-status .race-state .state-code {font-weight:bold;color: #000;}
.summary .states-status .race-state .votes {color: #666;}
.summary .states-status .race-state .progress {height: 20px;font-size: 13px;}
.summary .states-status .race-state .state {}
.summary .states-status .race-state .state-name {font-size:1rem;margin: 2px 0px 0px 2px;}
.summary .states-status .race-state .reporting {font-weight: 600;font-family: system-ui;font-size: 12px;margin: 2px 0px 0px 15px;color: #888;}
.summary .states-status .race-state .state-legend {font-size:12px;margin-top:1px}
.summary .states-status .race-state .state-legend .v {font-family: system-ui;font-size: 12px;}

.summary .label-center-bar-small::before {width:1px;border:1px dashed #fff;height:20px;content: "";display: block;position: absolute;top: 0px;left: 50%;margin-left:-1px}
.summary .label-center-bar-small {position: relative;}
.summary .label-center-bar::before {width:1px;border:1px dashed #222;height:34px;content: "";display: block;position: absolute;top: -34px;left: 50%;margin-left:-1px}
.summary .label-center-bar {position: relative;}
.summary .label-center::before {content: "";display: block;position: absolute;top: -5px;left: 50%;margin-left: -7px;width: 0;height: 0;border-style: solid;border-width: 0 7px 6px 7px;border-color: transparent transparent #222 transparent}
.summary .label-center .v {font-family: system-ui;font-weight:700!important;}
.summary .label-center {position: relative;}
.summary .live-vote-status .total {height:30px;font-size:16px;margin-top: 10px;}
.summary .live-vote-status .votes_total .v {font-family: system-ui;font-size: 15px;}
.summary .live-vote-status .pct {font-size:14px;}
.summary .p0-left {padding-left: 0px!important;}
.summary .p0-right {padding-right: 0px!important;}
.summary .poll-done h1 {font-size:1.9rem;}
.summary .poll-done h2 {font-size:1.4rem;color:#444;}
.summary .house-top {margin-top:0px;}


/* desktop */
@media only screen and (min-width: 720px) {

}

/* mobile */
@media only screen and (max-width: 900px) {
	.logo img {height:40px;}

	.round-box {background-color: #fff;border-radius: 16px;padding: 20px 25px;}
	.sponsor {padding: 20px 25px;}
	#sponsor-one {max-width: 200px;}
	.sponsor-normal .img-fluid {max-width:100%;}

	.home-proposition {margin-bottom: 1rem!important;}
	.home-proposition, .home-voterstatus {font-size: 24px;line-height: 100%;font-weight: 600;color: #000;}

	.news-item .news-content {min-width: 100%!important;margin-right: 0;margin-bottom: 50px;margin-left: 0px;}
	.news-item .news-thumbnail-wrap {min-width: 100%!important;}
	.news-item .news-thumbnail-wrap .news-thumbnail img {width: 100%;object-fit: cover;border-radius: 5px;}
	.news-item {margin-bottom: 30px!important;display: block;}

	.korean-candidates h1 {line-height: 120%;font-size: 1.8rem!important;margin:25px 20px 25px 20px!important;}
	.korean-candidates h2 {font-size: 1.4rem;text-align: center;margin: 0px 20px;}
	.korean-candidates h3 {text-align:center;}
	.korean-candidates h4 {text-align:center;}
	.korean-candidates .topic {line-height: 120%;font-size: 1.8rem!important;margin:30px 35px 20px 35px!important}

	.election-trends h1 {line-height: 120%;font-size: 1.8rem!important;margin:35px 20px 15px 20px!important;}

	.proposition .inner-space {padding: 0;}
	.proposition .pros-cons .summary-short {margin-top: 5px;margin-bottom: 10px;}

	.p0-left {margin-right: 0px;padding-right: 0px;}
	.p0-right {margin-left: 0px;padding-left: 0px;}


	.live-vote-status .state-list {columns: 1;-webkit-columns: 1;-moz-columns: 1;}
	.live-vote-status .candidate .rep  {width: 80px;height: 80px;}
	.live-vote-status .candidate .demo {width: 80px;height: 80px;}
	.live-vote-status .candidate .name {width: 70%;font-size: 1rem;display: inline-block;}
	.live-vote-status .candidate .polition {display:none;}
	.live-vote-status .candidate .delegate {font-size: 1.8rem;}
	.live-vote-status .candidate .status-info-dem {margin-left:10px;}
	.live-vote-status .candidate .status-info-rep {margin-right:10px;}
	.live-vote-status .total {height:20px;font-size:16px;margin-top:0px;}
	.live-vote-status .votes_total .v {font-size: 13px;}

	.label-center::before {}
	.label-center-bar::before {height: 23px;top: -23px;}

	.states-status .race-state .state-name {font-size:0.9rem;}
	.house-top {margin-top:20px;}

	.summary .live-vote-status .state-list {columns: 1;-webkit-columns: 1;-moz-columns: 1;}
	.summary .live-vote-status .candidate .rep  {width: 80px;height: 80px;}
	.summary .live-vote-status .candidate .demo {width: 80px;height: 80px;}
	.summary .live-vote-status .candidate .name {width: 70%;font-size: 1rem;display: inline-block;}
	.summary .live-vote-status .candidate .polition {display:none;}
	.summary .live-vote-status .candidate .delegate {font-size: 1.8rem;}
	.summary .live-vote-status .candidate .status-info-dem {margin-left:10px;}
	.summary .live-vote-status .candidate .status-info-rep {margin-right:10px;}
	.summary .live-vote-status .total {height:20px;font-size:16px;margin-top:0px;}
	.summary .live-vote-status .votes_total .v {font-size: 13px;}
}