@charset "utf-8";
@import url("./default.css"); 


body {   }

/*로그인*/
#xresearch_login { width:1300px; margin:30px auto 70px; position:relative; padding:70px 0 0;}
#xresearch_login .join_box {  }
#xresearch_login .join_box h3 { line-height:36px; font-size:48px; color:#000; font-family: "GmarketSansBold"; }
#xresearch_login .join_box h3 span { color:#3993ff; }
#xresearch_login .join_box .l_guide { line-height:30px; font-size:20px; color:#000; margin:25px 0; }

.new_log_def { display:flex; justify-content:center; margin:20px auto 30px; background:rgba(255,255,255,0.5); max-width:600px; border-radius:10px; padding:25px 15px; box-sizing:border-box; box-shadow:inset 4px 4px 5px rgba(255,255,255,0.4), 0px 3px 5px rgba(0,0,0,0.12); flex-wrap:wrap; }
.new_log_def li { margin:5px 15px; font-size:18px; font-weight:600; color:#333; flex-grow:1; display:flex; align-items:center; }
.new_log_def li input { font-size:16px; height:50px; line-height:48px; margin-left:10px; width:100%; box-sizing:border-box; border-radius:10px; text-align:center; box-sizing:border-box; border:1px solid #dddddd; color:#000; background:#fff; flex-grow:1;}

.log_box .log_conf input { max-width:204px;  width:100%; display:block; height:57px; box-sizing:border-box; border:2px solid #3f65b7; line-height:53px; padding:0 0px; font-size:18px; color:#fff; font-weight:600; background:#3f65b7; transition:all 0.4s; margin:0 auto 0; text-align:center; cursor:pointer; }
.log_box .log_conf input:hover {  }




/*투표메인화면*/
div.xvote_wrap { min-height: calc(100vh - 118px); min-width:1300px; overflow-x:hidden; background:url(../img/skin3/wrap_bg4.png) left 15px bottom 54px no-repeat, url(../img/skin3/mwrap_bg2.png) right center no-repeat, url(../img/skin3/wrap_bg2.png) right top no-repeat, #dce9fb url(../img/skin3/wrap_bg5.png) no-repeat center bottom / cover; }
div.wrap_bgbox { background:url(../img/skin3/wrap_bg2.png) right top no-repeat, #dce9fb url(../img/skin3/wrap_bg1.png) center bottom no-repeat; }

div.xvote_wrap #header {  padding:30px 0 0; }

div.layout { width:1300px; margin:0 auto 0; position:relative;  }
div.layout::after { content:""; display:block; clear:both; }
div.layout2 { width:1300px; margin:30px auto 70px; position:relative;  }



div.xvote_wrap #header .layout { border-radius:150px; background:rgba(255,255,255,0.4); box-shadow:inset 4px 4px 5px rgba(255,255,255,0.4), 4px 4px 7px rgba(0,0,0,0.12); height:100px; }
#header { position:relative; z-index:1; } 
#header h1 { float:left; margin:35px 0 0 50px; }
#header h1 a { font-size:24px; color:#000000; display:block; padding:0 0 0 41px; background:url(../img/skin2/logo.png) left top no-repeat; line-height:31px; }

/*모바일메뉴 관련 안보임처리*/
p.menu_btn {display:none;}
.m_menu_btn { display:none; }
.m_nav_bg { display:none; }

/*메뉴*/
#header ul.menu { float:right; margin:16px 34px 0 0;  }
#header ul.menu:after { content:""; display:block; clear:both; }
#header ul.menu li { float:left; margin:0 17px; }
#header ul.menu li a:hover { text-decoration:underline; }
#header ul.menu li a { display:block; font-size:15px; color:#333; text-align:center; }
#header ul.menu li a::before { content:""; display:block; width:48px; height:48px; box-sizing:border-box; border-radius:50%; margin:0 auto 1px; border:2px solid #3993ff; }
#header ul.menu li.menu1 a::before { background:#fff url(../img/skin2/top_util_ic1.png) center center no-repeat; }
#header ul.menu li.menu4 a::before { background:#fff url(../img/skin2/top_util_ic2.png) center center no-repeat; }
#header ul.menu li.menu2 a::before { background:#fff url(../img/skin2/top_util_ic3.png) center center no-repeat; }
#header ul.menu li.menu3 a::before { background:#fff url(../img/skin2/top_util_ic4.png) center center no-repeat; }

.m_menu { display:none; }

#footer { padding:39px 0; }
#footer::after { content:""; display:block; clear:both; }

#footer .layout {  box-sizing:border-box; display:flex; align-items:center; justify-content: space-between; line-height:30px; }

#footer p.address { font-size:16px; color:#555; }
#footer .copyright { order:2; }
#footer .copyright a { box-sizing:border-box; display:inline-block; line-height:29px; border-bottom:1px solid #3f65b7; font-size:18px; color:#3f65b7; font-weight:600; padding:0 0 0 0; }
#footer .copyright a::after { content:""; display:inline-block; vertical-align:top; width:20px; height:18px; background:url(../img/skin2/link.png) left top no-repeat; margin:5px 0 0 20px; }

/*투표없을시*/
.box1 .vnone_alltitle { display:block !important; font-family: "GmarketSansBold"; font-size:60px; line-height:35px; color:#000; padding:140px 0 63px;}
.box1 .vnone_alltitle::before { content:""; display:block; width:397px; height:407px; position:absolute; right:-60px; bottom:0px; background:url(../img/skin3/wrap_bg3.png) left top no-repeat; }
.box1 .vnone_alltitle span { color:#3993ff; }
.vote_none { line-height:30px; font-size:20px; color:#000; }
.reguide { line-height:30px; font-size:20px; color:#000; }
.reguide span {   }

.box1 .list_btn { margin:41px 0 0px; padding-bottom:330px;}
.box1 #xvote_join + .list_btn { padding-bottom:30px; }
.box1 .list_btn li { display:inline-block; vertical-align:top; margin:0 10px; }
.box1 .list_btn li a { display:block; width:226px; height:57px; box-sizing:border-box; border:2px solid #22333b; line-height:53px; padding:0 50px 0 20px; font-size:18px; color:#22333b; font-weight:600; background:url(../img/skin2/arrow1.png) right 18px center no-repeat; transition:all 0.4s; }
.box1 .list_btn li a:hover { background:url(../img/skin2/arrow1.png) right 11px center no-repeat; }
.box1 .list_btn li.btcolor1 a {   }
.box1 .list_btn li.btcolor2 a {   }
.box1 .list_btn li.btcolor3 a {   }

.box1 .list_btn li a::before {  }
.box1 .list_btn li a:hover {  }


/*후보보기 및 결과버튼*/
.layout2 .patbox { padding:70px 0 0 0; position:relative; }
.sctitle { line-height:36px; font-size:48px; color:#000; font-family: "GmarketSansBold"; width:100%; } 
.vote_list_date { display:inline-block; vertical-align:top; border-radius:10px;  background:rgba(255,255,255,0.4); box-shadow:inset 4px 4px 5px rgba(255,255,255,0.4), 4px 4px 7px rgba(0,0,0,0.12); padding:23px 30px; font-size:30px; color:#333; margin:32px 0 50px; line-height:32px; max-width:calc(100% - 342px);}
.vote_list_date:after { content:""; display:block; clear:both; }

.vote_list_date dt { float:left; font-weight:600; padding:0 0 0 40px; background:url(../img/skin2/clock.png) left top no-repeat; }
.vote_list_date dt span.bell {  }

.vote_list_date dd { float:left; margin-left:15px; color:#3993ff; }
.layout2 .patbox .box1 .list_btn { text-align:center;  position:relative; z-index:1;}
.layout2 .patbox .box1 .list_btn li { text-align:left; }
.layout2 .patbox .box1 .list_btn li.btcolor1 { position:absolute; right:0; top:50px; }
.layout2 .patbox .box1 .list_btn li.btcolor1 a { background:#3993ff url(../img/skin2/arrow2.png) right 18px center no-repeat; border-color:#3993ff; color:#fff; }
.layout2 .patbox .box1 .list_btn li.btcolor1 a:hover { background:#3993ff url(../img/skin2/arrow2.png) right 11px center no-repeat; }

/*후보자공약*/ 
#xvote_list { width:1300px;  padding-bottom:30px; margin:0 auto 0;  }
.xvote_title { line-height:36px; font-size:30px; color:#000; font-family: "GmarketSansBold"; margin:60px auto 50px;  } 

#xvote_join {   }
.vote_nm  { text-align:center; font-size:30px; color:#3f65b7; font-family: "GmarketSansBold"; margin-bottom:10px; }
.vote_nm span {  color:#000; }

.con_vote {  margin-bottom:60px; }

.xvote_title {   }
.xvote_title .list {   } 

.vote_go {  margin:0 auto 0; }
.vote_go a { display: block;
    width: 100%;
    max-width: 317px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    background: #fe7235;
    margin: 0 auto 52px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2); }

ul.box_mem { width:100%; text-align:center; position:relative;  }
ul.box_mem .slick-track { text-align:center; margin-left: auto;
  margin-right: auto; }
ul.box_mem .slick-slide { padding:30px 27px; box-sizing:border-box; margin:0 0px 15px 0; float:none; display:inline-block;}
ul.box_mem li.mem_def { display:inline-block; vertical-align:top; background:#fff; border-radius:10px; padding:20px; box-sizing:border-box; box-shadow:3px 3px 8px rgba(0,0,0,0.15); width:380px;  transition:all 0.4s; }
ul.box_mem li.mem_def .effect { position:relative; }
ul.box_mem li.mem_def .effect.election::before { content:""; display:block; width:151px; height:137px; background:url(../img/skin2/result.png) center top no-repeat; position:absolute; left:-44px; top:-35px; z-index:10; }
ul.box_mem li.mem_def .effect.resignation::before { content:""; display:block; width:127px; height:127px; background:url(../img/skin2/result2.png) center top no-repeat; position:absolute; left:-44px; top:-35px; z-index:10; }


ul.box_mem li.mem_def dl.memList dt { width:100%; }
ul.box_mem li.mem_def dl.memList dt img { width:100%; height:250px; display:block; border-radius:10px; overflow:hidden; max-width:340px;}

ul.box_mem li.mem_def dl.memList dd { text-align:center; font-size:22px; color:#333; line-height:30px; padding:15px 0; }
ul.box_mem li.mem_def dl.memList dd span {  }
ul.box_mem li.mem_def dl.memList dd span.nm {   }
ul.box_mem li.mem_def dl.memList dd span.nm strong { color:#4298ff;  }

ul.box_mem li.mem_def dl.memList dd span.mnm { font-size:26px; color:#333; font-family: "GmarketSansBold"; margin-left:15px; }

ul.box_mem li.mem_def .int { display:none; border:1px solid #ddd; border-radius:10px;  background:#f8f8f8; box-sizing:border-box; padding:17px 19px; margin:5px 0 14px; text-align:left; }
ul.box_mem li.mem_def .int_txt { font-size:15px; line-height:25px; height:50px; color:#666; overflow:hidden;  /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  }

ul.box_mem li.mem_def .info_btbox { text-align:center; }
ul.box_mem li.mem_def .info_btbox li { width:143px; display:inline-block; vertical-align:top; }
ul.box_mem li.mem_def .info_btbox li:nth-child(2) { margin-left:9px; }
ul.box_mem li.mem_def .info_btbox li a { display:block; width:100%; height:47px; line-height:47px; border-radius:150px; text-align:center; color:#fff; font-size:15px; background:#3993ff;  }
ul.box_mem li.mem_def .info_btbox li a:hover { font-weight:500;  }


ul.box_mem li.mem_def .info_btbox li.vt_btn { display:block; width:100%; margin:20px auto 0; }
ul.box_mem li.mem_def .info_btbox li.vt_btn a { background:#20c595; }
ul.box_mem li.mem_def .info_btbox li.vt_btn label { display:block; width:100%;  }
ul.box_mem li.mem_def .info_btbox li.vt_btn label input { opacity:0; position:absolute;  }
ul.box_mem li.mem_def .info_btbox li.vt_btn label input + span { display:block; width:100%; height:58px; line-height:54px; border-radius:150px;  color:#333; font-size:18px; background:#fff; cursor:pointer; box-sizing:border-box; border:2px solid #f26d6d; padding:0 90px 0 36px; text-align:left; position:relative; box-shadow:none; transition:all 0.4s; }
ul.box_mem li.mem_def .info_btbox li.vt_btn label input + span::before { content:""; display:block; width:31px; height:31px; background:url(../img/skin2/stamp1.png) center center no-repeat; position:absolute; right:38px; top:12px; }
ul.box_mem li.mem_def .info_btbox li.vt_btn label input:checked + span { background:#f6dbdb; box-shadow:0px 0px 4px 4px rgba(246,219,219,0.4);  }
ul.box_mem li.mem_def .info_btbox li.vt_btn label input:checked + span::before { background:url(../img/skin2/stamp2.png) center center no-repeat; }
ul.box_mem li.mem_def .info_btbox li.vt_btn label input + span:hover { font-weight:500; }
ul.box_mem li.mem_blind_on { display:none;  }

.slick-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:1; cursor:pointer; display:block; width:73px; height:73px; text-indent:-99999px; border:0 none; border-radius:50%; }
.slick-prev { left:-15px; background:rgba(51,51,51,0.8) url(../img/skin2/bt1.png) center center no-repeat; }
.slick-next { right:-15px; background:rgba(51,51,51,0.8) url(../img/skin2/bt2.png) center center no-repeat;}
.slick-disabled { opacity:0;  }

/*후보영상*/
.mov_membox { width:0; height:0; overflow:hidden; transition:all 0.4s; position:absolute; left:0; top:0;}


/*공약클릭시스타일*/
ul.box_mem li.mem_def .mclo { display:none; }
ul.box_mem li.me_view .mclo { display:block; position:absolute; right:50px; top:50px; width:19px; }
ul.box_mem li.me_view .mclo a { display:block; width:100%; height:19px; text-indent:-99999px;  background:url(../img/skin2/close.png) center center no-repeat; }

ul.box_mem li.me_view { width:100%; max-width:1300px; min-height:500px; margin:30px 0 15px;}


ul.box_mem li.me_view .effect { box-sizing:border-box; padding:0 30px 0 411px; }
ul.box_mem li.me_view .vmem_info { position:relative; }
ul.box_mem li.me_view dl.memList { position:relative; padding:30px 0 0; }
ul.box_mem li.me_view dl.memList dt { position:absolute; left:-390px; top:30px; }
ul.box_mem li.me_view dl.memList dd { text-align:left; padding:0 0 15px;}
ul.box_mem li.me_view dl.memList dd span.nm { display:block;  text-align:center; color:#fff; font-weight:500; font-size:20px; height:41px; line-height:41px; color:#fff !important; background:#2189f4; border-radius:150px; padding:0 0px; width:102px; margin-bottom:16px; }
ul.box_mem li.me_view dl.memList dd span.nm strong { font-weight:400; color:#fff; }

ul.box_mem li.me_view dl.memList dd span.mnm { line-height:34px; font-size:30px; color:#222; font-family: "GmarketSansBold";  margin:10px 0 11px; }

ul.box_mem li.me_view .int { display:block; }
ul.box_mem li.me_view .int_txt { font-size:15px; line-height:25px; height:auto; max-height:150px; color:#666; overflow-y:auto;  /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display:block;
    -webkit-line-clamp:none;
    -webkit-box-orient: vertical;  }
ul.box_mem li.me_view .info_btbox li.in_more { display:none; }
ul.box_mem li.me_view .info_btbox { text-align:left; }
ul.box_mem li.me_view .info_btbox li:nth-child(2) { margin:0 0 0 0; }
ul.box_mem li.me_view  .info_btbox li.vt_btn { max-width:338px; }

/*후보영상*/
.mov_mbtn { display:none; width:340px; position:absolute; left:-390px; top:296px;}
ul.box_mem li.me_view .mov_btview .mov_mbtn { display:block; }
.mov_mbtn a { display:block; width:100%; height:58px; line-height:58px; text-align:center; color:#fff; background:#3f65b7; border-radius:150px; font-size:18px; }

ul.box_mem li.me_view .mov_membox_view { display:block; width:100%; height:calc(100% - 15px); z-index:100; }
ul.box_mem li.me_view .mov_membox_view span.bg { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); border-radius:10px;}
ul.box_mem li.me_view .mov_membox_view .mov_viewer { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; }
ul.box_mem li.me_view .mov_membox_view .mov_viewer iframe { display:block; border:0 none; }

/*오늘 하루종일 열지 않기*/
.xresearch_close_popup {   }
.xresearch_close_popup a { }
.xresearch_close_popup02 {   }
.xresearch_close_popup02 a { }

 
/*설문 리스트*/
.clear_fix{clear:both;}


/*//////////////////////////////////////*/
.xvote_candidate {  }


/*투표화면*/
.l_vote { padding:0 0 0 0;  }
.l_vote a { display:block; width:100%; max-width:317px; height:72px; line-height:72px; text-align:center; font-weight:600;  font-size:24px; color:#fff; background:#fe7235; margin:0 auto 52px; box-shadow:2px 2px 4px 0px rgba(0,0,0,0.2);}


/*투표결과 레이어*/
#VoteLayer { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; overflow:auto; box-sizing:border-box;  }

.vlayer { width:449px; margin-bottom:40px; box-sizing:border-box; padding:36px 61px 60px; border-radius:20px; background:#fff;  position:absolute; left:calc(50% - 221px);  top:120px;}
.vlayer .vote_fine { }
.vlayer .vote_fine li { }
.vlayer .vote_fine li:first-child { border-bottom:1px dashed #a1a1a1; padding-bottom:19px; margin-bottom:30px; }
.vlayer .vote_fine li .vote_nm { margin:0 0 29px 0; }

.vlayer .vote_fine dl { width:100%; }
.vlayer .vote_fine dl::after { content:""; display:block; clear:both; }
.vlayer .vote_fine dl dt { float:left; width:100px; height:100px; border-radius:10px; overflow:hidden; text-align:center; background:#eef6fe; }
.vlayer .vote_fine dl dt img { width:100%; height:100px; }
.vlayer .vote_fine dl dd { float:right; width:calc(100% - 129px); }

 
.vlayer .codebox { margin:15px 0px 10px; }
.vlayer .codebox input { width:100%; box-sizing:border-box; border-radius:10px; text-align:center; height:58px; box-sizing:border-box; line-height:56px; border:1px solid #dddddd; font-size:19px; color:#000; background:#f8f8f8; }
.vlayer .codebox input::placeholder { color:#999999; font-family:"Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; }

.vlayer .codebtn { }
.vlayer .codebtn a { display:block;  width:100%; box-sizing:border-box; border-radius:10px; text-align:center; height:58px; box-sizing:border-box; line-height:58px; color:#fff; font-size:19px; font-weight:500; background:#fe7235; font-family:"Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; }
.vlayer .codebtn a:hover {  }

.vlayer .fine_close { position:absolute; right:36px; top:34px; }
.vlayer .fine_close a { display:block; width:32px; height:32px; border-radius:50%; text-indent:-99999px; background:#616161 url(../img/layer_close.png) center center no-repeat; }

.vlayer .vote_fine .nm.n_c0 { display:inline-block; height:31px; line-height:31px; text-align:center; vertical-align:top; padding:0 13px; font-weight:400; border-radius:150px; background:#4298ff; color:#fff; font-size:14px; margin:8px 0 17px; }

.vlayer .vote_fine .mnm { color:#f93f3f; font-size:26px; font-family: 'S-CoreDream-6Bold'; display:block; padding-top:33px;}
.vlayer .vote_fine .mnm.n_c1 { color:#222; padding-top:0px;}
/*운영위 레이어 자녀정보*/
.vlayer .par_codebox { margin:0 0 20px 0; }
.par_codebox .cd_title { font-size:18px; color:#333; font-weight:bold; letter-spacing:-1px; margin-bottom:5px; }
.par_codebox .cd_title span { font-size:16px; color:#555; font-weight:normal; margin-left:3px; }

.par_codebox .cinput { display:flex; width:100%; margin:0 0 10px; }
.par_codebox .cinput li { flex-grow:1; font-size:16px; color:#333; }
.vlayer .par_codebox .cinput li input { max-width:69px; font-size:16px; height:50px; line-height:48px; margin-right:10px; }  

.vlayer .cd_wrong li input { border-color:#f26d6d; }

.par_codebox #stu_name { height:50px; line-height:48px; }
.cd_wrong #stu_name { border-color:#f26d6d; }

.par_codebox .cd_fail { font-size:15px; color:#f26d6d; font-weight:600; margin-top:3px; }


.bottom_btn {   }
.bottom_btn a {   }
 
/* 결과화면*/
.now_vote_time p { text-align:center; line-height:30px; font-size:26px; font-family: 'S-CoreDream-7ExtraBold'; color:#1c1b1b; margin:48px 0 26px; letter-spacing:-0.5px;}
.now_vote_time p span.bell { display:inline-block; vertical-align:top; width:43px; height:61px; background:url(../img/clock.png) left top no-repeat; position:relative; margin:0 13px 0 0; top:-22px; }

.now_vote_time .time_cont { position:relative; z-index:1; display:inline-block; vertical-align:top; height:56px; margin-left:22px; }
.now_vote_time .time_cont #showtime { display:block; position:relative; z-index:1; letter-spacing:31px;  }

.now_vote_time .time_cont #showtime span { color:#fff; display:inline-block; vertical-align:top; margin:0 -10px 0 -10px; }
.now_vote_time .time_cont span.vti { display:block;  height:56px; position:absolute; top:-13px; z-index:-1;  }
.now_vote_time .time_cont span.vti::before, .now_vote_time .time_cont span.vti::after { content:""; display:block; width:42px; height:56px; background:#fff;  box-shadow:0 2px 6px rgba(0,0,0,0.15); border-radius:3px; }
.now_vote_time .time_cont span.vti::before { float:left; }
.now_vote_time .time_cont span.vti::after { float:left; }
.now_vote_time .time_cont span.vti::before { margin-right:4px; }

.now_vote_time .time_cont span.vti1 { left:-12px; }
.now_vote_time .time_cont span.vti2 { left:101px; }
.now_vote_time .time_cont span.vti3 { right:19px; } 


.box_result li.mem_def .int { display:none; }  
.box_result li.me_view .int { display:block; }
.box_result li.mem_def .line_graph { display:block; text-align:left; width:100%; overflow:hidden; height:40px; background:#f6f6f6; border-radius:3px; }
.box_result li.mem_def .line_graph span { display:inline-block; text-indent:-99999px; height:40px; border-radius:3px; transition:all 0.5s; width:0; }
.box_result li.mem_def:nth-child(odd) .line_graph span { background:#3f65b7; }
.box_result li.mem_def:nth-child(even) .line_graph span { background:#22a7f3; }

.box_result .slick-slide:nth-child(odd) li.mem_def .line_graph span { background:#3f65b7 !important; }
.box_result .slick-slide:nth-child(even) li.mem_def .line_graph span { background:#22a7f3 !important; }

.box_result li.mem_def .line { position:relative; padding:0px 0 0; margin:0px 0 24px;  }
.box_result li.mem_def .line .score { position:absolute; height:34px; border-radius:5px; width:142px; height:27px; box-sizing:border-box; top:50%; font-size:14px; font-weight:500; line-height:25px; letter-spacing:-0.5px; transition:all 0.5s; left:50%; background:#fff; transform:translate(-50%, -50%);}
.box_result .slick-slide:nth-child(odd) li.mem_def .line .score { border:1px solid #3f65b7 !important; color:#3f65b7 !important; }
.box_result .slick-slide:nth-child(even) li.mem_def .line .score { border:1px solid #22a7f3 !important; color:#22a7f3 !important; }
.box_result li.mem_def:nth-child(odd) .line .score { border:1px solid #3f65b7; color:#3f65b7; }
.box_result li.mem_def:nth-child(even) .line .score { border:1px solid #22a7f3; color:#22a7f3; }

.box_result li.mem_def .line .score .reper { color:#777777; }


#xvote_join p.vote_none { border-radius:10px; text-align:center; 
    background: rgba(255, 255, 255, 0.4);
    box-shadow: inset 4px 4px 5px rgba(255, 255, 255, 0.4), 4px 4px 7px rgba(0, 0, 0, 0.12); 
	padding:25px 10px;
}


/*지난결과*/
#result_list { max-width:1300px; margin:0 auto 0; padding:40px 0 50px 0; }
#xvote_join .memtable { margin:40px 0 40px; }

.re_title { line-height: 36px;
    font-size: 30px;
    color: #000;
    font-family: "GmarketSansBold";
    margin:20px auto 10px; text-align:left; }

.table_cont { border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: inset 4px 4px 5px rgba(255, 255, 255, 0.4), 4px 4px 7px rgba(0, 0, 0, 0.12); 
	padding:35px 50px; margin-top:30px; }
.memtable table { border-collapse:collapse; width:100%; box-sizing:border-box; margin:0px 0 0; line-height:30px; font-size:18px;}

.memtable table th {  color:#000; font-weight:bold; border-bottom:2px solid #000; padding:15px 10px; }
.memtable table td { padding:20px 8px; color:#333; border-bottom:1px solid #ddd; }
.memtable table td a { color:#333;  }

.memtable table td .past_rego { display:none; }
.memtable table td a:hover { color:#3993ff;  }
.memtable table td a:hover .past_rego {  }

/*///////////////////////////////////////////////////////////////////////페이지카운터///////////////////////////////////////////////////////////////////////*/

.page_list_cont{float:left; width:100%; display:block; margin:20px 0 0 0; text-align:center; font-size:14px; vertical-align:top;}

.page_list_num {display:inline-block; width:60px; line-height:33px; border:1px #d0d0d0 solid; border-right:0px; color:#6f6f6f;  vertical-align:top;}

.page_first {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; border-right:0px; background:url(../data_files/images/board/page_first_bg.jpg) center 14px no-repeat; text-indent:-999999px;  vertical-align:top;}
.page_first:hover {background:#f1f1f1 url(../data_files/images/board/page_first_bg.jpg) center 14px no-repeat;}

.page_prev {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; margin:0 10px 0 0; background:url(../data_files/images/board/page_prev_bg.jpg) center 14px no-repeat; text-indent:-999999px; vertical-align:top;}
.page_prev:hover {background:#f1f1f1 url(../data_files/images/board/page_prev_bg.jpg) center 14px no-repeat;}

.page_on {display:inline-block; width:40px; line-height:33px; border:1px #1e98d3 solid; margin:0 0 0 -1px; font-weight:bold;  color:#fff; background:#1e98d3; vertical-align:top; text-align:center;}


.page_num {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; margin:0 0 0 -1px;  color:#6f6f6f;  vertical-align:top; text-align:center;}
.page_num:hover {background:#f1f1f1;}

.page_next {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; margin:0 0 0 10px; background:url(../data_files/images/board/page_next_bg.jpg) center 14px no-repeat; text-indent:-999999px; vertical-align:top;}
.page_next:hover {background:#f1f1f1 url(../data_files/images/board/page_next_bg.jpg) center 14px no-repeat;}

.page_last {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; border-left:0px; background:url(../data_files/images/board/page_last_bg.jpg) center 14px no-repeat; text-indent:-999999px; vertical-align:top;}
.page_last:hover {background:#f1f1f1 url(../data_files/images/board/page_last_bg.jpg) center 14px no-repeat;}


.question_no { font-family: 'S-CoreDream-6Bold',"Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; font-size:24px; color:#333; padding:40px 10px; }


/*전자투표*/
.now_vote_time {  }
.now_vote_time ul { }
.now_vote_time ul:after { content:""; display:block; clear:both; }
.now_vote_time ul li {   }

.now_vote_time ul li:first-child {  }

.now_vote_time .votecl { }
.now_vote_time .votecl .time_title { display:none; }
.now_vote_time .votecl p {   }
.now_vote_time .votecl p:before {   }

/*하단버튼*/
.no_btn { margin:31px 0 0px; padding-bottom:60px; text-align:center; }
.no_btn li { display:inline-block; vertical-align:top; margin:0 10px; }
.no_btn a { display:block; width:226px; height:57px; box-sizing:border-box; border:2px solid #22333b; line-height:53px; padding:0 50px 0 20px; font-size:18px; color:#22333b; font-weight:600; background:url(../img/skin2/arrow1.png) right 18px center no-repeat; transition:all 0.4s; text-align:left; }

.no_btn a:hover { background:url(../img/skin2/arrow1.png) right 11px center no-repeat; }


@media all and (max-width:1024px) {
body {   }

/*로그인*/
#xresearch_login { width:94%; margin:30px 3% 70px; position:relative; padding:70px 0 0;}
#xresearch_login .join_box {  }
#xresearch_login .join_box h3 { line-height:35px; font-size:32px; }
#xresearch_login .join_box .l_guide { line-height:30px; font-size:18px; color:#000; margin:25px 0; }


 
	/*투표메인화면*/
div.xvote_wrap {  min-height:500px; min-width:10px; background:url(../img/skin3/mwrap_bg2.png) right center no-repeat, #dce9fb url(../img/skin3/mwrap_bg.png) center bottom no-repeat; background-size:contain; }
div.xvote_wrap #header { width:100%; height:100px;  }

div.layout { width:100%; margin:0 auto;position:relative; }
div.layout:after { content:""; display:block; clear:both; }

div.layout2 {  width:94%; }
.sim_icon::before { display:none; }

#header {   } 
#header h1 { float:left; margin:33px 0 0 20px; }
#header h1 a { font-size:24px; color:#000000; display:block; padding:0 0 0 41px; background:url(../img/skin2/logo.png) left top no-repeat; line-height:31px; }
div.xvote_wrap #header .layout { border-radius:0px; background:rgba(255,255,255,0.4);    }

#nav-container { position:absolute; right:0; top:0; }
	#nav-container.trans {  width:100%; height:auto; min-height:100%;  }
	#nav-container.trans .m_nav_bg {display:block; width:100%; height:100vh; background:#000; position:fixed; left:0; top:0; opacity:0.6; }
	.m_menu_btn { z-index:2; display:flex; flex-direction:column; justify-content:center;   position:absolute; right:10px; top:33px; width:30px; height:35px; background:none; border-radius:5px; box-sizing:border-box; padding:0 0px; cursor:pointer;  }
	#nav-container.trans .m_menu_btn {   }
	.m_menu_btn .icon-bar { display:block; width:100%; height:3px; background:#111; transition:0.4s; }
	#nav-container.trans .m_menu_btn .icon-bar { background:#fff; }
	.m_menu_btn .icon-bar + .icon-bar { margin-top:8px; }
	#nav-container.trans .icon-bar:nth-of-type(1) { transform: translate3d(0,11px,0) rotate(45deg); }
	#nav-container.trans .icon-bar:nth-of-type(2) { opacity:0; }
	#nav-container.trans .icon-bar:nth-of-type(3) { transform: translate3d(0,-11px,0) rotate(-45deg); }
	
	
	/*상단메뉴*/
	#nav-container #m_nav_box {position:fixed; width:80%; max-width:310px; height:100vh; min-height:100%;right:0; top:0; overflow:hidden;    background:#5a85cb; transform: translateX(100%); }
	#nav-container.trans #m_nav_box { transform: translateX(0%); }


	#header ul.menu { float:none; margin:7px 0 0 0; padding:120px 0 50px; z-index:1; box-sizing:border-box; }
	#header ul.menu:after { content:""; display:block; clear:both; }
	#header ul.menu li { float:none; color:#fff; margin:0 0px 0px; padding:0 0; border-bottom:1px solid #8bb4f5; }
	#header ul.menu li:first-child { border-top:1px solid #8bb4f5; }
	#header ul.menu li a { font-size:17px; text-align:left; color:#fff; display:block; font-family:"S-CoreDream-3Light"; line-height:30px; padding:12px 15px; }
	#header ul.menu li a span { display:inline-block; margin:0px 10px 1px 0; width:50px; height:50px; border-radius:50%; vertical-align:middle; }
	#header ul.menu li a::before { display:none !important; }
	
	
	.m_menu { display:none; }
	
	#footer { padding:25px 3%; }
	#footer::after { content:""; display:block; clear:both; }
	
	#footer .layout {  box-sizing:border-box; display:block; line-height:30px; }
	
	#footer p.address { font-size:16px; color:#555; }
	#footer .copyright { margin-bottom:15px; }
	
	/*투표없을시*/
	.box1 .vnone_alltitle { display:block !important; font-size:30px; line-height:35px; color:#000; padding:28px 0 15px;}
	.box1 .vnone_alltitle::before { content:""; display:block; width:250px; height:256px; position:static; background:url(../img/skin3/wrap_bg3.png) left top no-repeat; background-size:cover !important; margin:0 auto 30px; }
	.box1 .vnone_alltitle span { color:#3993ff; }
	.vote_none { font-size:18px; word-break:keep-all; }
	.reguide { font-size:18px; word-break:keep-all; }
	.reguide span {   }
	
	.box1 .list_btn { margin:21px 0 0px; padding-bottom:50px;}
	.box1 .list_btn li { margin:10px; }

	/*후보보기 및 결과버튼*/
	.layout2 .patbox { padding:30px 0 0 0; position:relative; }
	.sctitle { line-height:36px; font-size:30px; color:#000; font-family: "GmarketSansBold"; width:100%; } 
	.vote_list_date { display:inline-block; vertical-align:top; border-radius:10px;  padding:23px 15px; font-size:18px; color:#333; margin:32px 0 20px; line-height:32px; max-width:100%; text-align:center;}
	.vote_list_date:after { content:""; display:block; clear:both; }
	
	.vote_list_date dt { float:left; font-weight:600; padding:0 0 0 40px; background:url(../img/skin2/clock.png) left top no-repeat; }
	.vote_list_date dt span.bell {  }
	
	.vote_list_date dd { float:right; margin:0 10px 0; color:#3993ff; }
	.layout2 .patbox .box1 .list_btn li.btcolor1 { position:static; }
	
	.slick-arrow {  width:55px; height:55px; text-indent:-99999px; border:0 none; border-radius:50%; background-size:15px; }
	.slick-prev { left:-10px; }
	.slick-next { right:-10px; }

	/*후보자공약*/ 
	.xvote_title { font-size:24px; margin: 50px 3% 40px;}
	.vote_nm { line-height:35px; margin-bottom:10px; }
	#xvote_list { width:94%; margin:60px 3% 0px; padding-bottom:30px;  }
	ul.box_mem li.mem_def { width:calc(100% - 20px); max-width:380px; margin:0 10px 25px;}
	ul.box_mem li.mem_def dl.memList dt { width:100%; max-width:340px; }
	ul.box_mem li.mem_def dl.memList dt img { width:100%; height:250px; display:block; margin:0 auto 0; border-radius:10px; overflow:hidden; max-width:340px;}
	ul.box_mem .slick-slide { padding:20px 20px; }
	.con_vote { margin-bottom:20px; }
	
	/*공약클릭시스타일*/
	ul.box_mem li.me_view {  width:calc(100% - 20px); max-width:1300px; min-height:500px; margin:30px 0 15px;}
	ul.box_mem li.me_view dl.memList dt {  width:340px;}
	
	
	/*투표결과 레이어*/
	#VoteLayer {   position:fixed; z-index:999;  box-sizing:border-box;  }
	
	.vlayer { width:94%; margin-bottom:40px; box-sizing:border-box; padding:36px 20px 60px; border-radius:20px; background:#fff;   position:absolute; left:3%;  top:100px;}
	 
	.vlayer .fine_close { position:absolute; right:20px; top:34px; }
	 
	.vlayer .vote_fine .nm.n_c0 { display:inline-block; height:31px; line-height:31px; text-align:center; vertical-align:top; padding:0 13px; font-weight:400; border-radius:3px;   font-size:14px; margin:8px 0 17px; }
	
	.vlayer .vote_fine .mnm { color:#f93f3f; font-size:26px;  display:block; padding-top:33px;}
	.vlayer .vote_fine .mnm.n_c1 { color:#222; padding-top:0px;}

	/* 결과화면*/
	.now_vote_time p { text-align:center; line-height:32px; font-size:23px;   color:#1c1b1b; margin:30px 3% 15px; letter-spacing:-0.5px;}
	.now_vote_time p span.bell { display:block;  width:100%; height:61px; background:url(./img/clock.png) center top no-repeat; position:relative; margin:0 0 15px 0; top:0px; }
	
	.now_vote_time .time_cont { position:relative; z-index:1; display:block; vertical-align:top; height:auto; margin:15px auto 0; width:250px; }
	.now_vote_time .time_cont #showtime { display:block; position:relative; z-index:1; letter-spacing:12px;   }
	
	.now_vote_time .time_cont #showtime span { color:#333; display:inline-block; vertical-align:top; margin:0 6px; }
	
	.now_vote_time .time_cont span.vti { display:block;  height:56px; position:absolute; top:-4px; z-index:-1;  }
	.now_vote_time .time_cont span.vti::before, .now_vote_time .time_cont span.vti::after { content:""; display:block; width:23px; height:40px; background:#fff;  box-shadow:0 2px 6px rgba(0,0,0,0.15); border-radius:3px; }
	.now_vote_time .time_cont span.vti::before { float:left; }
	.now_vote_time .time_cont span.vti::after { float:left; }
	.now_vote_time .time_cont span.vti::before { margin-right:4px; }
	
	.now_vote_time .time_cont span.vti1 { left:10px; }
	.now_vote_time .time_cont span.vti2 { left:95px; }
	.now_vote_time .time_cont span.vti3 { right:21px; } 

	
	/*지난결과*/
#result_list { max-width:1300px; margin:0 3% 0; padding:40px 0 50px 0; }
#xvote_join .memtable { margin:40px 0 40px; }

.re_title { line-height: 36px;
    font-size: 30px;
    color: #000;
    font-family: "GmarketSansBold";
    margin:20px auto 10px; text-align:left; }

.table_cont { padding:35px 20px; margin-top:30px; }
.memtable table { border-collapse:collapse;  width:100%; box-sizing:border-box; margin:0px 0 0; line-height:30px; font-size:15px;}

.memtable table th {  color:#000; font-weight:bold; border-bottom:2px solid #000; padding:15px 10px; }
.memtable table td { padding:20px 8px; color:#333; border-bottom:1px solid #ddd; }
.memtable table td a { color:#333;  }
	
}

@media all and (max-width:800px) {
	
 /*공약클릭시스타일*/
	
	ul.box_mem li.mem_def .mclo { display:none; }
	ul.box_mem li.me_view .mclo { display:block; position:absolute; right:20px; top:15px; width:19px; }
	
	ul.box_mem li.me_view { padding:10px; }
	ul.box_mem li.me_view .effect { box-sizing:border-box; padding:0 0px 0 0px; }
	ul.box_mem li.me_view .vmem_info { position:relative; }
	ul.box_mem li.me_view dl.memList { position:relative; padding:40px 0 0; }
	ul.box_mem li.me_view dl.memList dt { position:static; width:100%; margin:0 auto 10px; }
	ul.box_mem li.me_view dl.memList dd { text-align:center; padding:0 0 15px;}
	ul.box_mem li.me_view dl.memList dd span.nm { display:block; margin:0 auto 16px;  }

	/*후보영상*/
	.mov_mbtn { display:none; width:100%; position:static; max-width:340px; margin:0 auto 15px; }
	ul.box_mem li.me_view .mov_btview .mov_mbtn { display:block; }
	
	ul.box_mem li.me_view .mov_membox_view { display:block; width:100%; height:calc(100% - 15px); z-index:100; }
	ul.box_mem li.me_view .mov_membox_view span.bg { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); border-radius:10px;}
	ul.box_mem li.me_view .mov_membox_view .mov_viewer { position:absolute; width:94%; }
	ul.box_mem li.me_view .mov_membox_view .mov_viewer iframe { display:block; border:0 none; width:100%; height:300px;  }

}
 
@media all and (max-width:749px) {
 
ul.box_mem .slick-slide { padding: 30px 10px 0;
  box-sizing: border-box;
  margin: 0 0px 5px 0; }
  
ul.box_mem li.mem_def { margin: 0 0px 25px; }


}

@media all and (max-width:606px) {
	
.new_log_def { flex-direction:column;  }
.new_log_def li { margin:5px 15px; flex-direction:column; align-items:flex-start; }
.new_log_def li input {  margin:5px 0 10px 0; }

.log_box .log_conf input { max-width:204px;  width:100%; display:block; height:57px; box-sizing:border-box; border:2px solid #3f65b7; line-height:53px; padding:0 0px; font-size:18px; color:#fff; font-weight:600; background:#3f65b7; transition:all 0.4s; margin:0 auto 0; text-align:center; cursor:pointer; }
.log_box .log_conf input:hover {  }

}



@media all and (max-width:470px) {
 
.par_codebox .cinput { flex-wrap:wrap; }
.par_codebox .cinput li { flex-grow:1; font-size:16px; color:#333; margin:5px; }


}