@charset "euc-kr";
/* ------------------------------------------
* Filename: vote.css
* Description: º¸³»±â
* Author: workyj@gmail.com
------------------------------------------ */

.vote {  }

/* ------------------------------------------------------------------------------------
submain ¼±°Å¹®ÀÚ ¸ÞÀÎ 
------------------------------------------------------------------------------------ */
/* ¼±°Å¸ÞÀÎ ·¹À̾ƿô */
.submain #aside, .submain #quick { display: none; }
.submain #wrapper { *zoom:1; width: 100%; margin: 0 auto; padding: 0; background: none; }
.submain #contents { position: relative; *zoom: 1; width: 100%; margin: 0 auto; float: none; } 

/* ¼±°Å¹ý üũ */
.check-law { position: relative; zoom: 1; z-index: 1; text-align: center; }
.check-law a.action { display: inline-block; width: 115px; height: 34px; line-height: 33px; font-size: 15px; margin-left: -965px; padding-left: 20px; text-align: left; color: #fff; background: url('../../img/vote/vote_check_off.png') no-repeat right top; }
.check-law a.action.active {  background-position: left bottom; }
.check-law .toggle { overflow: hidden; height: 0; text-align: center; background-color: #eaeaee; }
.check-law .toggle.in { border-bottom: 1px solid #dbdbde; background: #eaeaee url('../../img/vote/bg_law.png') no-repeat center bottom; }
.check-law .toggle .inner { width: 1100px; margin: 0 auto; padding: 30px 0 20px; text-align: left; }
.check-law .toggle h2 { float: left; width: 230px; margin: 0; font-size: 18px;}
.check-law .toggle h2 strong { display: block; color: #d45117; padding-top: 7px; }
.check-law .toggle ul { overflow: hidden; width: 870px; margin: 0; padding: 0 0 10px 0; }
.check-law .toggle li { float: left; padding: 0 0 2px 10px; width: 55%; }
.check-law .toggle li.odd { width: 42%;  letter-spacing: 0px; }


/* ¼±°Å ÀÌ¿ë¹æ¹ý */
.vote-way { background: url("../../img/vote/vote_h1_bg2_end.png") no-repeat left top; width: 1000px; margin: -34px auto 0; height: 440px; text-align: center; }
.vote-way p.notice { font-size: 15px; line-height: 22px; color: #333; margin: 0; padding-top: 153px; }
.vote-way ul.v-way { width: 1050px; margin: 0 auto; padding: 0; overflow: hidden; list-style: none; }
.vote-way ul.v-way li { float: left; font-weight: 600; font-size: 18px; line-height: 24px; padding-top: 23px; }
.vote-way ul.v-way span { color: #333; font-weight: normal; font-size: 14px; line-height: 24px; letter-spacing: -1px; padding-top: 66px; display: block; }
.vote-way ul.v-way li.way4 span { padding-top: 80px;  }
.vote-way ul.v-way li a { color: #fff; padding-top: 25px; }
.vote-way ul.v-way li.way1 a { display: block; width: 125px; margin-right: 48px; }
.vote-way ul.v-way li.way2 a { display: block; width: 130px; margin-right: 25px; }
.vote-way ul.v-way li.way3 a { display: block; width: 168px; margin-right: 0px; }
.vote-way ul.v-way li.way4 a { display: block; width: 183px; margin-right: 10px; padding-top: 35px; }
.vote-way ul.v-way li.way4 strong { font-size: 16px; letter-spacing: -1.5px; }
.vote-way ul.v-way li.way5 a { display: block; width: 145px; margin-right: 35px; }
.vote-way ul.v-way li.way6 a { display: block; width: 137px; }

/* ¼±°Å ȸ¿ø°¡ÀÔ/Á¦¾È¼­ ¹öÆ° */
.vote-btn { text-align: center; width: 100%; margin: 0 auto; height: 95px; }
.vote-btn .btn { position: relative; width: 395px; margin: 0 auto; }
.vote-btn .btn ul.votejoin { position: absolute; left: 0px; top: 0px; margin:0; padding: 0; list-style: none; width: 192px;  background-color: #549a29; border-radius: 5px; text-align: left; }
.vote-btn .btn ul.votejoin li { font-size: 16px; font-weight: 600; height: 55px; background: url("../../img/vote/join_go_icon2.png") no-repeat 163px center; }
.vote-btn .btn ul.votejoin li a span { color: #fff; display: block; line-height: 53px; background: url("../../img/vote/moajoin_mark2.png") no-repeat 13px center; padding-left: 45px; }
.vote-btn .btn ul.proposal { position: absolute; right: 0; top: 0px; margin:0; padding: 0; list-style: none; width: 192px; border: 1px solid #73777b; border-radius: 5px; text-align: left; }
.vote-btn .btn ul.proposal li { font-size: 16px; font-weight: 600; height: 55px; background: url("../../img/vote/go_icon.png") no-repeat 163px center; }
.vote-btn .btn ul.proposal li a span { color: #333; display: block; line-height: 53px; background: url("../../img/vote/proposal_mark2.png") no-repeat 13px center; padding-left: 43px; }



/* ¼±°Å¸Þ´º */
.vmenu { width: 100%; margin: 0 auto; background-color: #e5e8ee; padding: 45px 0; }
.vmenu .vote-menu { overflow: hidden;  width: 1000px; margin: 0 auto; height: 155px; text-align: center; background: url("../../img/vote/vote_menu_bg2.png") no-repeat center top; }
.vmenu .vote-menu ul.v-menu { overflow: hidden; list-style: none; padding: 0; margin: 0; }
.vmenu .vote-menu ul.v-menu li { float: left; width: 155px; margin-right: 14px; color: #333; font-weight: 600; font-size: 15px; letter-spacing: -1px; }
.vmenu .vote-menu ul.v-menu li.last-m { margin-right: 0; }
.vmenu .vote-menu ul.v-menu li a { display: block; width: 155px; height: 155px; padding-top: 111px; }

/* ¼±°Å °­Á¡ a */
.strength-a { width: 100%; height: 304px; background: url("../../img/vote/vote_strength_bg1.png") no-repeat center top; }
.strength-a .strength-inner { width: 1000px; margin: 0 auto; overflow: hidden; padding-top: 32px; }
.strength-a .strength-inner .charge { width: 500px; float: left; }
.strength-a .strength-inner .speed { width: 500px; float: right; text-align: right; }
.strength-a .strength-inner  p { padding-top: 5px; font-size: 15px; color: #fff; font-weight: 600; line-height: 23px; }

/* ¼±°Å °­Á¡ b */
.strength-b { width: 1000px; margin: 0 auto; height: 224px; background: url("../../img/vote/vote_strength_bg2.png") no-repeat; margin-top: 40px; }
.strength-b ul.strength-inner { overflow: hidden; list-style: none; padding: 88px 0 0; margin: 0; text-align: left; }
.strength-b ul.strength-inner li { float: left; color: #333; font-weight: 600; font-size: 18px; letter-spacing: -1px; }
.strength-b ul.strength-inner span { color: #666; font-weight: normal; font-size: 14px; line-height: 24px; padding-top: 10px; display: block; }
.strength-b ul.strength-inner li.st1 { width:215px; }
.strength-b ul.strength-inner li.st2 { width:211px; }
.strength-b ul.strength-inner li.st3 { width:210px; }
.strength-b ul.strength-inner li.st4 { width:227px; }
.strength-b ul.strength-inner li.st5 { width:137px; }




/* ¼±°Å footer */
.vote-foot { width: 100%; background-color: #4a4c4e; height: 127px; }
.vote-foot .vfoot-inner { width: 1000px; height: 127px; margin: 0 auto; }
.vote-foot .vfoot-inner .vtel { margin: 0; text-align: center; color: #fff; width: 1000px; padding-top: 34px; font-size: 18px; text-decoration: none; font-weight: 600; line-height: 28px; }
.vote-foot .vfoot-inner .vtel span { color: #c4c3c3;  font-size: 14px; font-weight: normal; }