/*에스코어드림*/
@font-face {
     font-family: 'S-CoreDream-1Thin';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
            
 body { background: rgb(77,214,244);
background: linear-gradient(180deg, rgba(77,214,244,1) 0%, rgba(160,230,236,1) 50%, rgba(213,239,236,1) 100%); overflow-x:hidden; }


/*로그인*/
#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 { overflow:hidden; background:url(../img/main/cloud.png) center 119px no-repeat, url(../img/main/bottom_bg.png) center bottom no-repeat; min-height:calc(100vh - 66px); }
div.xvote_wrap #header { width:100%; height:94px;  }

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


div.layout2 { width:1300px; margin:0 auto; position:relative; padding:0px 0 0px; height:calc(100vh - 94px); box-sizing:border-box; background:url(../img/main/vote_box.png) center bottom no-repeat; }
.sim_icon::before { content:""; display:block; width:267px; height:225px; background:url(../img/main/vote_sim.png) center top no-repeat; position:absolute; left:-164px; top:calc(50% - 112px); }


#header {font-family:"S-CoreDream-5Medium","Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; z-index:300; position:relative; } 
#header h1 { float:left; margin-top:29px; }
#header h1 a {  font-family: 'S-CoreDream-6Bold'; padding:0px 0 0 63px; display:block; height:46px; background:url(../img/main/logo.png) left top no-repeat;  font-weight:normal; font-size:34px; color:#fff; box-sizing:border-box; margin:0px 0 0 0; line-height:46px; letter-spacing:-0.5px; }

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

/*메뉴*/
#header ul.menu { float:right; margin-top:34px; }
#header ul.menu:after { content:""; display:block; clear:both; }
#header ul.menu li { float:left; color:#fff; margin-left:77px; font-family: 'S-CoreDream-6Bold'; font-size:20px; }
#header ul.menu li a {  color:#fff; }
#header ul.menu li a span {   }
#header ul.menu li.menu1 a span {  }
#header ul.menu li.menu2 a span {   }
#header ul.menu li.menu3 a span {   }
#header ul.menu li.menu4 a span {   }

#header ul.menu li a:hover { text-decoration:underline; }

.m_menu { display:none; }

#footer { background:#ececec; padding:10px 0 10px; font-family:"S-CoreDream-3Light","Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim;}
#footer::after { content:""; display:block; clear:both; }

#footer .layout { padding:0 129px 0 143px; box-sizing:border-box; }

#footer p.address { float:left;  color:#222; line-height:24px; font-size:16px; font-weight:600; margin-top:10px; width:calc(100% - 179px); }
#footer .copyright { float:right; width:169px; }
#footer .copyright a { display:block; width:100%; height:46px; line-height:46px; text-align:center; color:#fff; background:#284469; font-size:15px; font-family:"S-CoreDream-5Medium";}

/*투표없을시*/
.vote_none { text-align:center; font-size:54px; font-family: 'S-CoreDream-8Heavy'; color:#fff; line-height:30px; padding:125px 0 60px;}
.reguide { text-align:center; line-height:30px; font-size:32px; font-family: 'S-CoreDream-6Bold'; color:#fff; margin:48px 0 0; letter-spacing:-0.5px;}
.reguide span { display:inline-block; vertical-align:top; width:31px; height:38px; background:url(../img/main/bell.png) left top no-repeat; position:relative; margin:0 10px 0 0; top:-3px; }

.box1 .list_btn { width:100%; position:absolute; left:0; bottom:0; text-align:center; font-family: 'S-CoreDream-6Bold';}
.box1 .list_btn li { display:inline-block; vertical-align:top; margin:0 -2px 0; width:348px; }
.box1 .list_btn li a { display:block; width:100%; height:109px; border-radius:26px 26px 0 0; color:#fff; position:relative; font-size:25px; box-sizing:border-box; padding:44px 0 0 0; }
.box1 .list_btn li.btcolor1 a { background:#28c2e9; }
.box1 .list_btn li.btcolor2 a { background:#457be9; }
.box1 .list_btn li.btcolor3 a { background:#3f9ee7; }

.box1 .list_btn li a::before { z-index:1; content:""; display:block; width:14px; height:88px; position:absolute; right:-14px; bottom:0px; border-radius:0 50px 0 0; background:rgba(0,0,0,0.3); }
.box1 .list_btn li a:hover { text-decoration:underline; }

#vote_xvote01 .box1 #xvote_join { display:none !important; }

/*후보보기 및 결과버튼*/
.sctitle { text-align:center; font-size:54px; font-family: 'S-CoreDream-8Heavy'; color:#fff; line-height:30px; padding:45px 0 0; } 
.vote_list_date dt { text-align:center; line-height:30px; font-size:32px; font-family: 'S-CoreDream-6Bold'; color:#fff; margin:48px 0 26px; letter-spacing:-0.5px;}
.vote_list_date dt span.bell { display:inline-block; vertical-align:top; width:31px; height:38px; background:url(../img/main/bell.png) left top no-repeat; position:relative; margin:0 10px 0 0; top:-3px; }

.vote_list_date dd { text-align:center; font-family: 'S-CoreDream-8Heavy'; font-size:30px; color:#333; letter-spacing:50px; margin-top:50px; }
.vote_list_date dd span.vdt { position:relative; z-index:1; padding-top:15px;}
.vote_list_date dd span.lrbox { display:block;  height:78px; position:absolute; top:0; z-index:-1;  }
.vote_list_date dd span.lrbox::before, .vote_list_date dd span.lrbox::after { content:""; display:block; width:64px; height:78px; background:#fff;  box-shadow:0 2px 6px rgba(0,0,0,0.15); border-radius:8px; }
.vote_list_date dd span.lrbox::before { float:left; }
.vote_list_date dd span.lrbox::after { float:left; }

.vote_list_date dd strong span { display:inline-block; vertical-align:middle; letter-spacing:0; margin:-14px 37px 0 -17px; color:#fff; }
.vote_list_date dd span.dot { display:inline-block; vertical-align:middle; letter-spacing:0; margin:-5px -21px 0 -70px; }

.vote_list_date dd span.left {left:-23px; }
.vote_list_date dd span.lrbox::before { margin-right:6px; }

.vote_list_date dd span.right { right:27px; }



/*후보자공약*/ 
#xvote_list { width:1300px; margin:0 auto 0; }

#xvote_join { padding:30px 0 0; }
.con_vote { margin:0 auto 30px; }

.xvote_title { text-align:center; padding:11px 0 0; }
.xvote_title .list { text-align:center; font-size:54px; font-family: 'S-CoreDream-7ExtraBold'; color:#fff; line-height:45px; padding:45px 0 13px; margin-bottom:25px; } 

.vote_nm { font-family: 'S-CoreDream-8Heavy'; font-size:35px; color:#333; text-align:center; margin:0px 0 42px; line-height:45px; }
.vote_nm span { color:#0a72db; }
 
ul.box_mem { width:100%; text-align:center; position:relative; }
ul.box_mem li.mem_def { display:inline-block; vertical-align:top; width:414px; height:457px; background:#fff; position:relative; border-radius:40px; margin:0 21px 25px; padding:30px 48px 0; box-sizing:border-box; box-shadow:0px 3px 8px rgba(0,0,0,0.15); transition:width 0.4s; z-index:2; }
ul.box_mem li.mem_def .effect { position:relative; }
ul.box_mem li.mem_def .effect.election::before { content:""; display:block; width:115px; height:119px; background:url(../img/win.png) center top no-repeat; position:absolute; left:-74px; top:-68px; }
ul.box_mem li.mem_def .effect.resignation::before { content:""; display:block; width:70px; height:73px; background:url(../img/lose.png) center top no-repeat; position:absolute; left:-74px; top:-48px; }

ul.box_mem li.mem_def::before, ul.box_mem li.mem_def::after { content:""; display:block; width:10px; height:38px; position:absolute; top:-10px; transition:all 0.4s;}
ul.box_mem li.mem_def::before { background:url(../img/box_side1.png) center top no-repeat; left:40px; }
ul.box_mem li.mem_def::after { background:url(../img/box_side2.png) center top no-repeat; right:40px; }

ul.box_mem li.mem_def dl.memList dt { width:167px; height:167px; border-radius:50%; overflow:hidden; margin:0 auto 9px; }
ul.box_mem li.mem_def dl.memList dt img { display:block; width:100%; height:167px; }

ul.box_mem li.mem_def dl.memList dd span { display:block; }
ul.box_mem li.mem_def dl.memList dd span.nm { color:#444; font-weight:500; font-size:17px; }
ul.box_mem li.mem_def dl.memList dd span.nm strong { font-weight:500; color:#0f72d6; }

ul.box_mem li.mem_def dl.memList dd span.mnm { line-height:34px; font-size:24px; color:#222; font-family: 'S-CoreDream-8Heavy'; }

ul.box_mem li.mem_def .int { border-top:1px dashed #a1a1a1; border-bottom:1px solid #a1a1a1; background:#fafafa; 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:5px; text-align:center; color:#fff; font-size:15px; background:#247fdb;  }
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 a { background:#20c595; }
ul.box_mem li.mem_def .info_btbox li.vt_btn label { display:block; width:100%; overflow:hidden; }
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:47px; line-height:41px; border-radius:5px; text-align:center; color:#20c595; font-size:15px; background:#fff; cursor:pointer; box-sizing:border-box; border:3px solid #20c595;}
ul.box_mem li.mem_def .info_btbox li.vt_btn label input:checked + span { background:#20c595; color:#fff; }
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;  }


/*후보영상*/
.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:102px; top:13px; width:19px; }
ul.box_mem li.me_view .mclo a { display:block; width:100%; height:19px; text-indent:-99999px; border-radius:50%; background:#e7e7e7 url(../img/close.png) center center no-repeat; }

ul.box_mem li.me_view { width:100%; max-width:1024px; border-radius:50px; background:#f6fbff url(../img/mem_pat.png) right bottom no-repeat; }

ul.box_mem li.me_view::before, ul.box_mem li.me_view::after { content:""; display:block; width:16px; height:62px; position:absolute; top:-10px; transition:all 0.4s;}
ul.box_mem li.me_view::before { background:url(../img/box_onside1.png) center top no-repeat; left:40px; }
ul.box_mem li.me_view::after { background:url(../img/box_onside2.png) center top no-repeat; right:40px; }

ul.box_mem li.me_view .effect { box-sizing:border-box; padding:0 102px 0 311px; }
ul.box_mem li.me_view .vmem_info { position:relative; }
ul.box_mem li.me_view dl.memList { position:relative; padding:44px 0 0; }
ul.box_mem li.me_view dl.memList dt { position:absolute; left:-209px; top:56px; }
ul.box_mem li.me_view dl.memList dd { text-align:left; }
ul.box_mem li.me_view dl.memList dd span.nm { display:inline-block; vertical-align:top; text-align:center; color:#444; font-weight:400; font-size:17px; height:37px; line-height:37px; color:#fff !important; background:#2189f4; border-radius:11px; padding:0 18px; }
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:27px; color:#222; font-family: 'S-CoreDream-6Bold'; margin:10px 0 11px; }

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; }


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

ul.box_mem li.me_view .mov_membox_view { display:block; width:100%; height:100%; 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:50px;}
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 { float:left; background:#787878; line-height:40px; width:100%; color:#fff; text-align:center; }
.xresearch_close_popup a {color:#fff;}
.xresearch_close_popup02 { position: absolute; bottom: 0; float:left; background:#787878; line-height:40px; width:100%; color:#fff; text-align:center; }
.xresearch_close_popup02 a {color:#fff;}

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


/*//////////////////////////////////////*/
.xvote_candidate { width:100%;}


/*투표화면*/
.l_vote { padding:0 0 0 0;  }
.l_vote a { display:block; width:100%; max-width:454px; height:78px; line-height:78px; text-align:center; border-radius:150px; font-size:24px; font-family: 'S-CoreDream-8Heavy'; color:#fff; background:#1f92d4; margin:0 auto 52px;}


/*투표결과 레이어*/
#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 31px 60px; border-radius:20px; background:#fff; font-family: 'S-CoreDream-6Bold',"Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; 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:50%; 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:150px; text-align:center; height:58px; box-sizing:border-box; line-height:56px; border:1px solid #dddddd; font-size:19px; color:#000; }
.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:150px; text-align:center; height:58px; box-sizing:border-box; line-height:58px; color:#fff; font-size:19px; font-weight:500; background:#1f92d4; 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:3px; background:#fff3f3; color:#fa3253; 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 { margin: 20px auto 0; border: 1px solid #ccc; width: 125px; height: 35px; background: url(../img/btn_03.png) no-repeat 20px center, linear-gradient(to top,#ebebeb, white); text-align: center; line-height: 34px; font-size: 14px; }
.bottom_btn a { display: block; padding-left: 20px; }
 
/* 결과화면*/
.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:27px; background:#f6f6f6; border-radius:3px; }
.box_result li.mem_def .line_graph span { display:inline-block; text-indent:-99999px; height:27px; border-radius:3px; transition:all 0.5s; width:0; }
.box_result li.mem_def:nth-child(odd) .line_graph span { background:#24c495; }
.box_result li.mem_def:nth-child(even) .line_graph span { background:#22a7f3; }

.box_result li.mem_def .line { position:relative; padding:46px 0 0; margin:13px 0 24px;  }
.box_result li.mem_def .line .score { position:absolute; height:34px; border-radius:150px; width:142px; height:34px; box-sizing:border-box; top:0; font-size:14px; font-weight:500; line-height:32px; letter-spacing:-0.5px; transition:all 0.5s; left:-71px; background:#fff;}
.box_result li.mem_def:nth-child(odd) .line .score { border:1px solid #24c495; color:#24c495; }
.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; }

.box_result li.mem_def .line .score::before { content:""; display:block; width:0; height:0; border-left:4.5px solid transparent; border-right:4.5px solid transparent; border-top:6px solid #24c495; position:absolute; left:calc(50% - 4.5px); bottom:-6px; }
.box_result li.mem_def:nth-child(even) .line .score::before { border-top-color:#22a7f3; }
.box_result li.mem_def .line .score::after { content:""; display:block; width:0; height:0; border-left:3.5px solid transparent; border-right:3.5px solid transparent; border-top:5px solid #fff; position:absolute; left:calc(50% - 3.5px); bottom:-5px; }



/*지난결과*/
#result_list { max-width:1024px; margin:0 auto 0; padding:40px 0 50px 0; }
#xvote_join .memtable { margin:40px 0 40px; }
.memtable table { border-collapse:collapse; font-size:15px; border-left:1px solid #ccc; width:100%; box-sizing:border-box; margin:30px 0 0; border-top:1px solid #dddddd; background:#fff; }

.memtable table th { font-family: 'S-CoreDream-6Bold',"Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; font-size:18px;  border-bottom:1px solid #dddddd; line-height:35px; padding:14px 5px; color:#222; background:#e7f6ff; }
.memtable table td {font-family: 'S-CoreDream-3Light',"Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; font-size:16px;  border-bottom:1px solid #dddddd; line-height:32px; font-weight:bold; padding:28px 5px; color:#333; }
.memtable table td a { color:#333; }

.memtable table td .past_rego { display:inline-block; border-radius:150px; background:#0a72db; width:57px; height:32px; line-height:32px; vertical-align:middle; margin-left:10px; position:relative; top:-1px; color:#fff; }
.memtable table td a:hover { color:#000; }
.memtable table td a:hover .past_rego { background:#084786; }

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

.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 { text-align:center; font-family: 'S-CoreDream-5Medium',"Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim;}
.now_vote_time ul { }
.now_vote_time ul:after { content:""; display:block; clear:both; }
.now_vote_time ul li {  font-size:20px; color:#333; display:inline-block; vertical-align:top; }

.now_vote_time ul li:first-child { line-height:30px; padding:21px 10px; font-size:24px; margin:0 10px 0 0;}

.now_vote_time .votecl { }
.now_vote_time .votecl .time_title { display:none; }
.now_vote_time .votecl p { background:#111; color:#fff; display:inline-block; font-size:28px; padding:12px 15px; border:12px solid #333; position:relative; }
.now_vote_time .votecl p:before { content:""; display:block; width:8px; height:5px; background:#e03939; position:absolute; right:0; top:-17px; border-radius:2px 2px 0 0; }

/*하단버튼*/
.no_btn { width:94%; max-width:819px; margin:0 auto 80px; }
.no_btn a { display:block; width:100%; text-align:center; height:72px; line-height:72px; background:#0e3b55; font-size:23px; border-radius:20px; color:#fff; font-family: 'S-CoreDream-6Bold'; }


@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 { background:url(./img/main/cloud.png) center 99px no-repeat, url(./img/main/bottom_bg.png) center bottom no-repeat; background-size:contain !important; min-height:500px; }
div.xvote_wrap #header { width:100%; height:85px;  }

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

div.layout2 { width:100%; height:calc(100vh - 85px);  margin:0 auto;position:relative; padding:10px 0 25px; min-height:10px;  box-sizing:border-box; background-size:220px !important; }
.sim_icon::before { display:none; }

#header {   } 
#header h1 { margin:18px 0 0 10px; }
#header h1 a { font-size:25px; background:url(./img/main/logo.png) left top no-repeat; }

#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:22px; width:30px; height:35px; background:none; border-radius:5px; box-sizing:border-box; padding:0 0px; cursor:pointer;  }
	#nav-container.trans .m_menu_btn { position:fixed; }
	.m_menu_btn .icon-bar { display:block; width:100%; height:3px; background:#fff; transition:0.4s; }
	.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:70px 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; }

.m_menu { display:none; }

#footer {  padding:20px 3% 20px; }
#footer .layout { padding:0 0 0 0; }
#footer .copyright { float:none; margin:0 auto 15px; }
#footer p.address { float:none; width:100%;}
	

.patbox { width:94%; box-sizing:border-box;  margin:0px 3% 0 !important; }

/*투표없을시*/
 
.vote_none { text-align:center; font-size:30px; font-family: 'S-CoreDream-8Heavy'; color:#fff; line-height:40px; padding:15px 0 0; word-break:keep-all;}
.reguide { text-align:center; line-height:27px; font-size:20px;  margin:35px 0 0; letter-spacing:-0.5px; word-break:keep-all;}
.reguide span { display:inline-block; vertical-align:top; width:31px; height:38px; background:url(./img/main/bell.png) left top no-repeat; position:relative; margin:0 10px 0 0; top:-3px; }

.box1 .list_btn { width:100%; position:static; margin:30px 0 0;}
.box1 .list_btn li { display:inline-block; vertical-align:top; margin:0 8px 15px; width:250px; }
.box1 .list_btn li a { display:block; width:100%; height:55px; line-height:55px; border-radius:10px; color:#fff; position:relative; font-size:20px; box-sizing:border-box; padding:0px 0 0 0; }
.box1 .list_btn li.btcolor1 a { background:#28c2e9; }
.box1 .list_btn li.btcolor2 a { background:#457be9; }
.box1 .list_btn li.btcolor3 a { background:#3f9ee7; }

.box1 .list_btn li a::before { display:none;}

 /*투표있을때*/
.sctitle { text-align:center; font-size:30px; font-family: 'S-CoreDream-8Heavy'; color:#fff; line-height:40px; padding:15px 0 0; word-break:keep-all;}
.vote_list_date dt { font-size:22px; margin:25px 0 26px; letter-spacing:-0.5px;}
.vote_list_date dt span { display:inline-block; vertical-align:top; width:31px; height:38px; background:url(./img/main/bell.png) left top no-repeat; position:relative; margin:0 10px 0 0; top:-3px; }

.vote_list_date dd { text-align:center; font-family: 'S-CoreDream-8Heavy'; font-size:22px; color:#333; letter-spacing:10px; margin-top:10px; }
.vote_list_date dd span.vdt { position:relative; z-index:1; padding-top:15px;}
.vote_list_date dd span.lrbox { display:block;  height:78px; position:absolute; top:7px; z-index:-1;  }
.vote_list_date dd span.lrbox::before, .vote_list_date dd span.lrbox::after { content:""; display:block; width:23px; height:45px; background:#fff;  box-shadow:0 2px 6px rgba(0,0,0,0.15); border-radius:8px; }
.vote_list_date dd span.lrbox::before { float:left; }
.vote_list_date dd span.lrbox::after { float:left; }

.vote_list_date dd strong span { display:inline-block; vertical-align:top; letter-spacing:0; margin:0px 13px 0 6px; letter-spacing:0; color:#333; }
.vote_list_date dd span.dot { display:inline-block; vertical-align:top; letter-spacing:0; margin:0px 0px 0 -10px; }

.vote_list_date dd span.left {left:-4px; }
.vote_list_date dd span.lrbox::before { margin-right:3px; }

.vote_list_date dd span.right { right:4px; }

ul.box_mem li.mem_def .effect.election::before {  left:-24px; top:-58px; }
ul.box_mem li.mem_def .effect.resignation::before {   left:-24px; top:-38px; }



/*후보자공약*/ 
#xvote_list { width:94%; margin:0 3% 0; }
#xvote_join { padding:30px 0 0; }
.con_vote { margin:0 auto 30px; }

.xvote_title { text-align:center; padding:11px 0 0; }
.xvote_title .list { text-align:center; font-size:30px; line-height:35px; padding:15px 0 0; margin-bottom:25px; word-break:keep-all;} 

.vote_nm { font-size:25px; margin:0px 0 42px; line-height:35px; word-break:keep-all;}
.vote_nm span { color:#0a72db; }
 
ul.box_mem { width:100%; text-align:center; position:relative; }
ul.box_mem li.mem_def { display:inline-block; vertical-align:top; width:calc(100% - 20px); max-width:414px; height:auto; min-height:457px; background:#fff; position:relative; border-radius:40px; margin:0 10px 25px; padding:30px 20px; box-sizing:border-box; z-index:2; }
ul.box_mem li.mem_def .effect { position:relative; }
ul.box_mem li.mem_blind_on { display:none;  }
ul.box_mem li.mem_def .info_btbox li { width:45%; }


/*후보영상*/
.mov_mbtn {position:static; margin:0 auto 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:auto; }


/*공약클릭시스타일*/
ul.box_mem li.mem_def .mclo { display:none; }
ul.box_mem li.me_view .mclo { display:block; position:absolute; right:0px; top:45px; width:19px; }
 
ul.box_mem li.me_view { border-radius:50px; }

 
ul.box_mem li.me_view .effect { box-sizing:border-box; padding:0 0px 0 0px; }

ul.box_mem li.me_view dl.memList { position:relative; padding:44px 0 0; }
ul.box_mem li.me_view dl.memList dt { position:static; margin:0 auto 10px; }
ul.box_mem li.me_view dl.memList dd { text-align:center; }
 ul.box_mem li.me_view .info_btbox li.in_more { display:none; }



 

/*투표결과 레이어*/
#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; font-family: 'S-CoreDream-6Bold',"Noto Sans KR", sans-serif, "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; 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; background:#fff3f3; color:#fa3253; 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;}


/* 결과화면*/
.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:1024px; width:94%; margin:0 auto 0; padding:40px 0 50px 0; }
.memtable table th {  font-size:16px;  padding:14px 5px;  }
.memtable table td {  font-size:14px; padding:12px 5px; }
.memtable table td a { color:#333; }

	
}

@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; }


}