@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);.turnout_main_body{max-width:100%;min-width:inherit}.turnout_main{background:#fff;max-width:100%}.turnout_main .header{align-items:center;background:#25274e;border-radius:8px 8px 0 0;display:flex;height:48px;justify-content:space-between;padding:0 12px}.turnout_main .header .title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;text-decoration:none}.turnout_main .header .title .logo_img{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' fill='none' viewBox='0 0 24 23'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23009BD4' d='M7.612 9.792c-.252-.5-.89-.91-1.421-.91H.912c-.8 0-1.137.609-.756 1.365l5.6 11.064c.124.245.343.47.596.633l3.707-7.335z'/%3E%3Cpath fill='%2352EAFF' d='M6.352 21.944c.257.169.557.27.826.27h5.278c.8 0 1.138-.607.757-1.363l-3.154-6.247-3.707 7.335z'/%3E%3Cpath fill='url(%23b)' d='M18.138.25c-.532 0-1.17.409-1.422.91l-6.658 13.449h6.433c.53 0 1.17-.409 1.421-.91l5.971-12.085c.38-.75.043-1.364-.756-1.364z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='17.049' x2='17.049' y1='14.609' y2='.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B043CA'/%3E%3Cstop offset='1' stop-color='%235133B4'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .25h24v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;height:22px;margin-right:4px;width:24px}.turnout_main .header .intime_wrap{align-items:center;display:flex}.turnout_main .header .intime_wrap .intime{color:#d7d7d7;font-size:12px;margin-right:4px}.turnout_main .header .intime_wrap .button_gray{height:20px;width:20px}.turnout_main .turnout_main_info{border:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 0}.turnout_main .turnout_main_info .item{text-align:center;width:50%}.turnout_main .turnout_main_info .item:first-child{border-right:1px solid #eaeaea}.turnout_main .turnout_main_info .item .tt{color:#222;font-size:16px}.turnout_main .turnout_main_info .item .num{font-size:30px;font-weight:700}.turnout_main .turnout_main_info .item .num .per{font-size:18px;font-weight:500}.turnout_main .turnout_main_info .slider_wrap{margin:0 auto;position:relative;width:150px}.turnout_main .turnout_main_info .slider_wrap .slider_item .tt{color:#222;font-size:16px}.turnout_main .turnout_main_info .slider_wrap .slider_item .val{color:#222;font-size:24px;font-weight:700}.turnout_main .turnout_main_info .slider_wrap .slider_item .val .per{font-size:18px;font-weight:500}.turnout_main .turnout_main_info .slider_wrap .btns{height:24px;left:50%;position:absolute;top:25px;transform:translateX(-50%);width:127px;z-index:999}.turnout_main .turnout_main_info .slider_wrap .btns .prev{left:0}.turnout_main .turnout_main_info .slider_wrap .btns .next{right:0}.turnout_main .turnout_main_info .slider_wrap .btns .next img{transform:rotateY(180deg)}.turnout_main .turnout_main_info .slider_wrap .btns button{height:24px;position:absolute;width:24px}.turnout_main .turnout_main_info .slider_wrap .btns button img{width:100%}.turnout_main .chart_wrap{border:1px solid #eaeaea;border-top:none;padding:16px}.turnout_main .chart_wrap .title{color:#222;font-size:16px;font-weight:700;margin-bottom:6px}.turnout_main .chart_wrap .title em{color:#3503c9}.turnout_main .chart_wrap .labels{display:flex;margin-bottom:10px}.turnout_main .chart_wrap .labels li{align-items:center;color:#707070;display:flex;font-size:12px;margin-left:10px}.turnout_main .chart_wrap .labels li:first-child{margin-left:0}.turnout_main .chart_wrap .labels li:before{background:#999;border-radius:100%;content:"";height:10px;margin-right:4px;width:10px}.turnout_main .chart_wrap .labels li:first-child:before{background-color:#4a3e95}.turnout_main .chart_wrap .labels li:nth-child(2):before{background-color:#abadb6}.turnout_main .chart_wrap .labels li:nth-child(3):before{background-color:#eb8f70}.turnout_main .chart_wrap .realtime_ele{height:195px}.turnout_main .chart_wrap .data_info{color:#5840a5;font-size:12px;margin-top:6px;text-align:right}.turnout_main .line_tooltip{background:#fff;border:1px solid #d7d7d7;box-sizing:border-box;padding:8px 12px;width:150px;z-index:9999}.turnout_main .line_tooltip .tt{font-size:14px;margin-bottom:4px;padding:0}.turnout_main .line_tooltip li{align-items:center;color:#222;display:flex;font-size:14px;margin-top:2px}.turnout_main .line_tooltip li em{border-radius:10px;height:10px;margin-right:4px;width:10px}.turnout_main .line_tooltip li:first-child{margin-top:0}.turnout_main .line_tooltip li span{margin-right:4px}.counting_main .election_container{padding:20px 16px}.counting_main .map_container{padding-bottom:0;position:relative}.counting_main .map_container .map_box{height:740px;max-width:452px;padding:0}.counting_main .map_container .map_info_txt{color:#707070;font-size:14px;position:absolute;z-index:10}.counting_main .map_container .map_info_txt.info_txt_bot{bottom:0;display:flex;font-size:12px;left:0}.counting_main .map_container .map_info_txt.info_txt_bot .intime_target{align-items:center;display:flex}.counting_main .map_container .map_info_txt.info_txt_bot .intime_target:after{background:#999;content:"";height:10px;margin:0 8px;width:1px}.counting_main .map_container .color_info_container,.counting_main .map_container .refresh_btn{right:0}.counting_main .election_tooltip{position:relative;width:231px;z-index:999}.counting_main .election_tooltip .top{align-items:center;background:#2f2065;color:#fff;display:flex;justify-content:space-between;padding:8px 12px}.counting_main .election_tooltip .top .city_name{font-size:16px;font-weight:700}.counting_main .election_tooltip .top .count_num{font-size:12px}.counting_main .election_tooltip .top .count_num em{font-weight:700}.counting_main .election_tooltip .hubo_list{padding:8px 10px;position:relative}.counting_main .election_tooltip .hubo_list li{align-items:center;display:flex;justify-content:space-between}.counting_main .election_tooltip .hubo_list li:first-child{border-bottom:1px solid #eaeaea;margin-bottom:13px;padding-bottom:13px}.counting_main .election_tooltip .hubo_list li:last-child{border-top:1px solid #eaeaea;margin-top:13px;padding-top:13px}.counting_main .election_tooltip .hubo_list .hubo_name{color:#222;font-size:14px;font-weight:700}.counting_main .election_tooltip .hubo_list .jd{color:#707070;font-size:10px;font-weight:500}.counting_main .election_tooltip .hubo_list .count{color:#707070;font-size:12px}.counting_main .election_tooltip .hubo_list .hl_right{align-items:center;display:flex}.counting_main .election_tooltip .hubo_list .rate{font-size:18px;font-weight:700;margin-left:4px}.counting_main .election_tooltip .hubo_list .rate em{font-size:12px;font-weight:400}.counting_main .election_tooltip .add_info{color:#222;font-size:12px;left:0;margin:0 auto;position:absolute;text-align:center;top:72px;width:100%}.counting_main .election_tooltip .add_info .inner{background:#f7f7f7;border:1px solid #eaeaea;border-radius:11px;box-sizing:border-box;display:inline-block;margin:0 auto;padding:3px 10px}.counting_main .election_tooltip .add_info .inner>div{display:inline-block}.counting_main .election_tooltip .add_info .inner .num2{margin-left:10px;padding-left:10px;position:relative}.counting_main .election_tooltip .add_info .inner .num2:after{background:rgba(34,34,34,.2);content:"";height:100%;left:0;position:absolute;top:0;width:1px}.counting_main .election_tooltip .bot p{align-items:center;background-color:#fff;display:flex;font-size:16px;font-weight:500;padding:8px 12px}body.hubo_order_body{max-width:100%;min-width:inherit}.hubo_order{background:#fff;max-width:100%}.hubo_order .header{align-items:center;background:#25274e;border-radius:8px 8px 0 0;display:flex;height:48px;justify-content:space-between;padding:0 12px}.hubo_order .header .title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700}.hubo_order .header .title .logo_img{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' fill='none' viewBox='0 0 24 23'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23009BD4' d='M7.612 9.792c-.252-.5-.89-.91-1.421-.91H.912c-.8 0-1.137.609-.756 1.365l5.6 11.064c.124.245.343.47.596.633l3.707-7.335z'/%3E%3Cpath fill='%2352EAFF' d='M6.352 21.944c.257.169.557.27.826.27h5.278c.8 0 1.138-.607.757-1.363l-3.154-6.247-3.707 7.335z'/%3E%3Cpath fill='url(%23b)' d='M18.138.25c-.532 0-1.17.409-1.422.91l-6.658 13.449h6.433c.53 0 1.17-.409 1.421-.91l5.971-12.085c.38-.75.043-1.364-.756-1.364z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='17.049' x2='17.049' y1='14.609' y2='.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B043CA'/%3E%3Cstop offset='1' stop-color='%235133B4'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .25h24v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;height:22px;margin-right:4px;width:24px}.hubo_order .intime_wrap{align-items:center;display:flex}.hubo_order .intime_wrap .intime{color:#707070;font-size:12px;margin-right:4px}.hubo_order .bot{border:1px solid #c1c1ca;padding:16px 14px 12px}.hubo_order .bot .label_wrap{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hubo_order .bot .label_wrap .labels{display:flex}.hubo_order .bot .label_wrap .labels li{align-items:center;color:#707070;display:flex;font-size:12px;margin-left:10px}.hubo_order .bot .label_wrap .labels li:first-child{margin-left:0}.hubo_order .bot .label_wrap .labels li em{background-color:red;border-radius:100%;height:10px;margin-right:4px;width:10px}.hubo_order .bot .chart_wrap{height:175px}.hubo_order .bot .chart_wrap .order_chart{height:100%}@container (max-width: 300px){.hubo_order{width:250px}}.hubo_order .line_tooltip2{background:#fff;border:1px solid #d7d7d7;box-sizing:border-box;padding:8px 12px;width:109px;z-index:9999}.hubo_order .line_tooltip2 .tt{color:#222;font-size:14px;font-weight:500;margin-bottom:4px;padding:0}.hubo_order .line_tooltip2 li{align-items:center;color:#222;display:flex;font-size:14px;font-weight:700;margin-top:2px}.hubo_order .line_tooltip2 li em{font-size:12px;font-weight:500}.hubo_order .line_tooltip2 li:first-child{margin-top:0}.hubo_order .line_tooltip2 li span{border-radius:100%;height:10px;margin-right:4px;width:10px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;margin:0;padding:0}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}body,html{width:100%}body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}h1,h2,h3,h4,h5,h6{font-size:16px;text-align:left}fieldset,iframe,img{border:0}li,ul{list-style:none}ol{list-style:decimal inside}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}address,em{font-style:normal}input,select{vertical-align:middle}button,label{cursor:pointer;_cursor:hand}caption,hr,legend{display:none}td{vertical-align:middle}a{color:#333;text-decoration:none}a:visited{color:#666}a:hover{text-decoration:underline}@media print{body{color:#000}}.clear{clear:both;font-size:0;line-height:0;margin:0!important;padding:0!important}.hrgrey{border-bottom:1px solid #c8c8c8;display:block;font-size:0;height:0;margin-bottom:10px;width:100%}.hide{display:none}.blind,.show{display:block}.blind{left:0;overflow:hidden;position:absolute;top:-5000px}button,input[type=button],input[type=reset],input[type=submit]{background:none;border:1px solid #ccc;padding:0}*{box-sizing:border-box}body,html{background-color:#f7f7f7;height:100%;overflow:inherit}html{text-size-adjust:none}body{min-width:300px;word-break:keep-all;word-wrap:break-word;color:#000;white-space:inherit}body,button,input,textarea{font:16px/1.56 Noto Sans KR,AppleSDGothicNeo-Regular,맑은 고딕,Malgun Gothic,나눔고딕,돋움,Dotum,굴림,Gulim,Apple SD Gothic Neo,sans-serif;font-weight:400;letter-spacing:-.5px}button{border:none}a,a:visited{color:#000;text-decoration:none}.desktop{display:block!important}.mobile{display:none!important}@media (max-width:767px){.desktop{display:none!important}.mobile{display:block!important}}button.refresh{height:20px;width:20px}