@import url(content.css);
.ct1 { width:100%; color:#38578b; margin-bottom:20px;}
.restart_b { display:flex; justify-content:end; margin:20px 0;}
.restart_b a{ display:flex; align-items:center; text-align:right; font-size: 16px; color:#7a7a7a }
.restart_b a span{ width: 20px; height:20px; display:block; margin-left:10px; overflow:hidden; text-indent:-300px; color:transparent; background:url('//img.nocutnews.co.kr/nocut/special/vote2025/ico_restart.png') no-repeat center; background-size:100% auto;}
.state1 { width: 100%; border:solid #acacac; border-width:1px 0; padding:20px 0; display: flex; justify-content:space-between; align-items:end; font-size:24px; }
.state1 li p { display:flex; align-items:center; padding:5px 0; }
.state1 em{ width:105px; flex-shrink:0; display:block; color:#000; font-weight:600; }
.state1 strong { width:100%; display:block; text-align:right; font-weight:900;}
.state1 .st1{ margin-left:0; line-height:1;}
.state1 .st1 em { width:auto; margin-bottom: 5px; display:block; }
.state1 .st1 strong{ width:auto; font-size:44px;}
.state2 { width: 100%; position: relative; display: flex; flex-wrap:wrap;}
.state2 li { width:calc(50% - 7.5px); height:50px; display:flex; margin-right:15px; margin-top:20px; line-height:50px; background:#f6f6f6; }
.state2 li:nth-of-type(2n+2) { margin-right:0;}
.state2 li em{ width: 70px; flex-shrink:0; display:block; color:#fff; text-align:center; font-size:20px;background:#38578b; }
.state2 li strong{ display:block; padding-left:15px; font-size:24px; font-weight:800;  }
.container .info { margin:20px 0 30px;  color: #7a7a7a; }

@media all and (max-width:640px) {
	.ct1 {  padding:0 20px; }
}
@media all and (max-width:530px) {
	.ct1 { padding: 0 20px; }
	.state1 { font-size: 20px; }
	.state1 .st1 strong{ font-size:36px;}
	.state1 em{ width:85px;}
	.state1 li p { padding:3px 0; }
}
@media all and (max-width:400px) {
	.state1 { font-size: 18px; }
	.state1 .st1 strong{ font-size:28px;}
	.state1 em{ width:75px;}
	.state2 { padding-top:10px;}
	.state2 li { margin-top:10px;}
	.state2 li em{ width: 60px; font-size:18px;}
	.state2 li strong{ padding-left:10px; font-size:20px; }
}
@media all and (max-width:360px) {
	.state1 { justify-content: center; align-items:center; flex-direction:column; font-size: 20px; }
	.state1 .st1{ margin:0 auto 15px; text-align:center;}
	.state1 .st1 strong{ font-size:40px; display:inline;}
	.state1 em{ width:105px;}
	.state1 li p { padding:2px 0; }
}