﻿@import url(content.css);
.container .vote_b { width:100%; padding:20px; position:relative;}

.container .vote_b.v_count2 { width:100%; z-index:5;}
.container .vote_b.v_count2 .select_btn{ width:100%; height:40px; line-height:40px; font-size:18px; text-align:center; border:1px solid #646464; position:relative;}
.container .vote_b.v_count2 .select_btn:after{ content:'┘';position:absolute; left:calc(100% - 30px); top:3px; transform:rotate(45deg)}
.container .vote_b.v_count2 .select_btn a{ display:block;}
.container .vote_b.v_count2 ul {max-width:600px; width:calc(100% - 40px); padding:15px 0 0 10px; position:absolute; top:100px; left:50%; transform:translateX(-50%); display:flex; flex-wrap:wrap; border:1px solid #646464; background:#fff;}
.container .vote_b.v_count2 ul li {width:calc(20% - 10px); margin:0 10px 15px 0; border:1px solid #d6d6d6; display:block; line-height:44px; font-size:16px; color:#7a7a7a; text-align:center; background:#f9f9f9;}
.container .vote_b.v_count2 ul li.active { border-color:#646464; background:#fff; box-shadow:2px 2px 7px rgba(74,50,48,0.3);}
.restart_b { display:flex; justify-content:end; margin-bottom:15px;}
.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;}

.container .vote_b.v_list {  }
.container .vote_b.v_list li{ width:100%; margin-bottom:40px; display:flex; flex-wrap:wrap; position:relative;}
.container .vote_b.v_list li:last-child{ margin-bottom:0; }
.container .vote_b.v_list  .img { width:117px; height:118px; background:#e9e9e9; display:block; margin:0 20px;}
.container .vote_b.v_list  .img img { width:100%; }
.container .vote_b.v_list  .txt{ padding-top:16px; color:#212644;}
.container .vote_b.v_list  .txt em { display:block; margin-bottom:15px; font-weight:900; font-size:30px; }
.container .vote_b.v_list  .txt strong { font-weight:400; font-size:18px; }
.container .vote_b.v_list  .txt small{ color:#505050; font-weight:400;}
.container .vote_b.v_list  .txt span { display:block; position:absolute; right:0; top:24px; color:#38578b; font-weight:900; font-size:36px; text-align:right;}
.container .vote_b.v_list  .txt strong small{ font-size:18px; padding-left:5px;}
.container .vote_b.v_list  .txt span small{ font-size:16px; display:block; }
.container .vote_b.v_list .bar_b { width: 100%; height:36px; position:relative; display:flex; background:#f6f6f6;}
.container .vote_b.v_list .bar_b span { display:block; height:100%;flex-shrink:0;  text-indent:-300px; overflow:hidden; color:transparent; }
.container .vote_b.v_list .dang1 .bar_b span { background-color: #003b95; } /*더불어민주당*/
.container .vote_b.v_list .dang2 .bar_b span { background-color: #e61e2b; } /*국민의힘*/
.container .vote_b.v_list .dang4 .bar_b span { background-color: #ff7210; } /*개혁신당*/
.container .vote_b.v_list .dang5 .bar_b span { background-color: #f6e507; } /*민주노동당*/
.container .vote_b.v_list .dang6 .bar_b span { background-color: #7f145e; } /*자유통일당*/
.container .vote_b.v_list .dang7 .bar_b span,
.container .vote_b.v_list .dang8 .bar_b span { background-color: #5d6470; } /*무소속*/
.container .vote_b.v_list .dang1 .txt span { color:#003b95; } /*더불어민주당*/
.container .vote_b.v_list .dang2 .txt span { color:#e61e2b; } /*국민의힘*/
.container .vote_b.v_list .dang4 .txt span { color:#ff7210; } /*개혁신당*/
.container .vote_b.v_list .dang5 .txt span { color:#e1d20b; } /*민주노동당*/
.container .vote_b.v_list .dang6 .txt span { color:#7f145e; } /*자유통일당*/
.container .vote_b.v_list .dang7 .txt span,
.container .vote_b.v_list .dang8 .txt span { color:#5d6470; } /*무소속*/

.container .vote_b.v_result {padding:0; height:302px; background:url('//img.nocutnews.co.kr/nocut/special/vote2025/bg_vote2.jpg') repeat-x center;}
.container .vote_b.v_result p { width:100%; height:100%; display:flex; align-items:end; justify-content:center; }
.container .info { margin-bottom:40px; padding:0 20px; color: #7a7a7a; }
@media all and (max-width:460px) {
	.container .vote_b.v_list { padding:20px 0;}
	.container .vote_b.v_list .txt { padding-top: 0; }
	.container .vote_b.v_list  .txt em { margin-bottom:10px; font-size:28px; }
	.container .vote_b.v_list .txt span { position: static; top: 0; font-size:32px; text-align: left; }
	.container .vote_b.v_list .txt span small{ display:inline}
	.container .vote_b.v_list  .txt strong small,
	.container .vote_b.v_list  .txt span small{ font-size:14px;}


}
@media all and (max-width:360px) {
	.container .vote_b.v_list .txt { padding-top: 5px; }
	.container .vote_b.v_list  .txt em {  font-size:25px; }
	.container .vote_b.v_list .txt span { font-size:28px; }


}

