@charset "UTF-8";
@import 'main.css';
@import 'tovote.css';
@import 'reset.css';

/***** depthmenu / About *****/
.container .depthmenu-2 {display:block; width:100%; height:32px; border-bottom:1px solid #ccd0d0; margin-bottom:12px;}
.container .depthmenu-2 ul {width:100%; padding:0 15%; height:31px; text-align:center;}
.container .depthmenu-2 ul:after {content:""; display:block; clear:both;}
.container .depthmenu-2 ul li {float:left; display:block; width:50%; height:31px; line-height:30px; text-align:center; font-size:0.813em; color:#a5a5a5;}
.container .depthmenu-2 ul li a {display:inline-block;}
.container .depthmenu-2 ul li:hover, .container .depthmenu-2 ul li.active {color:#000;}

.container .depthmenu-3 {display:block; width:94%; height:auto; margin:0 auto; border-bottom:1px solid #ccd0d0;}
.container .depthmenu-3:after {content:""; display:block; clear:both;}
.container .depthmenu-3 li {float:left; width:33.3333%; display:inline-block; border:1px solid #ccd0d0; padding:8px 0 6px; border-right:0; border-bottom:0; position:relative;}
.container .depthmenu-3 li:last-child {border-right:1px solid #ccd0d0;}
.container .depthmenu-3 li a {display:block; width:100%; text-align:center; font-family: 'nanum-square-b'; font-size:0.875em;}
.container .depthmenu-3 li.active {background:#666; color:#fff;}
.container .depthmenu-3 li .arr {width:33px; height:15px; background:url("../images/bg_tab_arr.png") no-repeat; background-size:100% auto; position:absolute; top:26px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:none;}
.container .depthmenu-3 li.active .arr {display:block;}

.container .aboutBox {display:block; width:94%; padding:22px 10px 12px; height:auto; border:1px solid #ccd0d0; border-top:0; margin:0 auto;}
.container .aboutBox p {font-size:0.813em; word-break:keep-all;}
.container .pageArr button {display:block; width:52px; height:52px; position:absolute; top:48%; font-size:0; border-radius:50%; opacity:.6;}
.container .pageArr button.arr_prev {background:#000 url("../images/page_arr_prev.png") no-repeat center; background-size:auto 50%; left:10px;} 
.container .pageArr button.arr_next {background:#000 url("../images/page_arr_next.png") no-repeat center; background-size:auto 50%; right:10px;}
.container .pageArr button.inert, .container .pageArr button.inert:hover {opacity:0.1; cursor:no-drop; background-color:#f6f6f6;}  
.container .pageArr button:hover {background-color:#7a9944;}
/*about*/
/*about_001*/
#contentsWrap .container h5 {font-size:0.813em;}
#contentsWrap .container h5.bbottom {border-bottom:1px solid #ccd0d0; padding-bottom:4px;}
.aboutInner .feature {width:100%; height:auto; display:inline-block;}
.aboutInner .feature ul {width:100%; box-sizing:border-box; text-align:center; border-radius:6px; margin-bottom:8px;}
.aboutInner .feature ul.type1 {background-color:#e2e8ef; border-top:5px solid #f6f6f6; border-bottom:5px solid #e2e8ef;}
.aboutInner .feature ul.type2 {background-color:#e2e8ef; border-top:5px solid #f6f6f6; border-bottom:5px solid #e2e8ef;}
.aboutInner .feature ul li:first-child {padding:12px 10px 10px; font-size:0.875em; text-align:left;}
.aboutInner .feature ul li:first-child .desc {font-size:0.813em; display:inline-block; margin-left:4px;}
.aboutInner .feature ul li:nth-child(2) {width:97%; padding:5px 0; height:auto; display:inline-block; background-color:#fff; border-radius:4px;}
.aboutInner .feature ul.type1 li:nth-child(2) p {width:90%; display:inline-block; height:35px; line-height:36px; text-align:left; padding-left:36px;}
.aboutInner .feature ul.type1 li:nth-child(2) p.ico1 {background:url("../images/ico_feature_type1_01.png") no-repeat left center; background-size:auto 24px;}
.aboutInner .feature ul.type1 li:nth-child(2) p.ico2 {background:url("../images/ico_feature_type1_02.png") no-repeat left center; background-size:auto 24px;}
.aboutInner .feature ul.type1 li:nth-child(2) p.ico3 {background:url("../images/ico_feature_type1_03.png") no-repeat left center; background-size:auto 21px;}
.aboutInner .feature ul.type1 li:nth-child(2) p.ico4 {background:url("../images/ico_feature_type1_04.png") no-repeat left center; background-size:auto 20px;}
.aboutInner .feature ul.type1 li:nth-child(2) p.ico5 {background:url("../images/ico_feature_type1_05.png") no-repeat left center; background-size:auto 22px;}
.aboutInner .feature ul.type2 li:nth-child(2) p {width:90%; display:inline-block; height:35px; line-height:36px; text-align:left; padding-left:36px;}
.aboutInner .feature ul.type2 li:nth-child(2) p.ico1 {background:url("../images/ico_feature_type2_01.png") no-repeat left center; background-size:26px auto;}
.aboutInner .feature ul.type2 li:nth-child(2) p.ico2 {background:url("../images/ico_feature_type2_02.png") no-repeat left center; background-size:auto 24px;}
.aboutInner .feature ul.type2 li:nth-child(2) p.ico3 {background:url("../images/ico_feature_type2_03.png") no-repeat left center; background-size:auto 22px;}
.aboutInner .feature ul.type2 li:nth-child(2) p.ico4 {background:url("../images/ico_feature_type2_04.png") no-repeat left center; background-size:auto 24px;}
.aboutInner .feature ul.type2 li:nth-child(2) p.ico5 {background:url("../images/ico_feature_type2_05.png") no-repeat left center; background-size:28px auto;}
.aboutInner .process ul:after {content:""; display:block; clear:both;}
.aboutInner .process ul li {display:block; width:100%; padding-bottom:14px; margin-bottom:6px; height:auto; background:url("../images/btn_ico_detail_close.png") no-repeat bottom center; background-size:18px auto;}
.aboutInner .process ul li .item {display:block; width:100%; height:auto; border:solid 1px #008ad9; text-align:left;}
.aboutInner .process ul li p.step {display:inline-block; width:100%; height:32px; line-height:32px; color:#fff; text-align:center; background-color:#008ad9;}
.aboutInner .process ul li p.step strong { margin-right:10px;}
.aboutInner .process ul li .desc {display:inline-block; text-align:center; width:100%; padding:5px 8px; height:auto;}
.aboutInner .process ul li .desc p {width:30%; float:left; text-align:left; padding-left:10px; line-height:1.4; position:relative;}
.aboutInner .process ul li .desc p:after {position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background-color:#000; display:block; content:"";}
.aboutInner .process ul li:last-child {padding-bottom:0; margin-bottom:0; background:none;}
/*about_002*/
.aboutInner table {width:100%;}
.aboutInner table th.strong {font-size:0.875em;}
.aboutInner table th {text-align:center; vertical-align:middle; background-color:#f7f9fb; border:1px solid #fff; padding:5px 0; background-color:#e9eef3; font-size:0.813em; font-weight:bold;}
.aboutInner table td {height:140px; text-align:center; vertical-align:middle; padding:16px 16px; background-color:#f7f9fb; border:1px solid #fff;}
.aboutInner .boxlayer {position:absolute; top:150px; left:38%; width:56%; background:url("../images/m_bg_arr_boxlayer.png") no-repeat; background-size:100% 100%;}
.aboutInner .boxlayer ul {height:140px;}
.aboutInner .boxlayer ul li {float:left; width:50%; height:auto; text-align:center;}
.aboutInner .boxlayer ul li .item {width:92%; height:auto; padding:5px 0 4px; border-radius:4px; border:2px solid #ccd0d0; background-color:#fff; display:inline-block; font-size:0.813em; letter-spacing:-0.8px;}
.aboutInner .boxlayer ul li p {display:none; font-size:12px; padding-left:5px; margin-left:5px; letter-spacing:-1.2px; position:relative;}
.aboutInner .boxlayer ul li p:after {position:absolute; top:5px; left:0; width:2px; height:2px; border-radius:50%; background-color:#282c33; display:block; content:"";}
.aboutInner .boxlayer ul li .item:hover p {display:block; text-align:left;}
.aboutInner .boxlayer ul:nth-child(5) {height:76px;}
.aboutInner .boxlayer ul:nth-child(6) {height:50px;}
/*about_003*/
.aboutInner .voterGuidebox {width:100%; border:1px solid #e9eef3; border-radius:6px; position:relative; text-align:center;}
.aboutInner .guideTab {width:100%; text-align:center;}
.aboutInner .guideTab ul {display:inline-block; width:auto; height:auto; padding:15px 8px 15px; margin-bottom:15px; border-bottom:2px solid #e9eef3; text-align:center;}
.aboutInner .guideTab ul:after {content:""; display:block; clear:both;}
.aboutInner .guideTab ul li {float:left; width:26.5%; padding-right:15px; background:url("../images/ico_paging_next.png") no-repeat right center; background-size:14px auto; background-color:#fff; display:inline-block; text-align:left; box-sizing:border-box;}
.aboutInner .guideTab ul li:nth-child(4) {width:20.5%; padding-right:0; background:none;}
.aboutInner .guideTab ul li button {width:100%; padding:8px 0; height:64px; border-radius:5px; border:2px solid #ccd0d0; background-color:#fff; display:inline-block; word-break:keep-all; letter-spacing:-0.5px;}
.aboutInner .guideTab ul li button span {display:block; color:#ccd0d0; margin-bottom:5px;}
.aboutInner .guideTab ul li.active button {border-color:#d84036; font-weight:bold; color:#000;} 
.aboutInner .guideTab ul li.active button span {color:#d84036;}
.aboutInner .guideImg {width:100%; text-align:center; margin-bottom:12px;}
.aboutInner .guideImg ul li {display:none; box-shadow:0 0px 8px 1px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 0px 8px 1px rgba(0, 0, 0, 0.35); border-radius:10px;}
.aboutInner .guideImg ul li.active {display:inline-block;}
.aboutInner .voterGuidebox button.ctrl {border:1px solid #4c4c4c; border-radius:50%; width:34px; height:34px; margin:0 3px 15px; opacity:.4;}
.aboutInner .voterGuidebox button.active {opacity:1;}
/* guideImg */
#msgArea {width:100%; height:auto; display:inline-block; text-align:center; position:relative;}
.msgInner {display:inline-block; width:100%; height:100%;}
.msgInner>.titArea {display:block; background:none; background-color:#454545; height:27px; border-bottom:3px solid #d84036; position:relative;}
.msgInner>.titArea .number {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);-ms-transform: translateY(-50%); left:4.4%; font-size:12px; line-height:1.7; color:#fff; background:url("../images/ico_msg.png") no-repeat left; background-size:auto 28px; padding:2px 0 2px 34px;}
.msgInner>.msgCont {display:block; width:100%; background-color:#f6f6f6; padding:10px; overflow-y:auto; position:relative;}
.msgInner>.msgCont> div p {width:100%; height:100%; line-height:1.4; word-break:keep-all; font-size:11px;}
.msgInner>.msgCont> div.msg {height:auto; min-height:74px; padding:0; margin-bottom:6px; padding:6px; background-color:#fff; border-radius:0 6px 6px; -webkit-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.3); text-align:left;}
.msgInner>.msgCont> div.msg p span {display:inline-block; border:1px solid #89b41f; border-radius:3px; padding:1px 4px 0; font-size:12px; margin:2px; position:relative;}
#contentsWrap .guideImg .prvInner {width:100%; height:334px; position:relative;}
/* prview - prvPphone  */
#contentsWrap .guideImg .prvPphone {width:278px; height:334px; display:block; margin:0 auto 0; background:url("../images/layer_prvPhone.png") no-repeat; background-size:100%; position:relative;}
#contentsWrap .guideImg .prvPphone .contBox {position:absolute; top:25px; left:48px; width:185px; height:287px; background:#f6f6f6; font-size:0; clear:both; overflow-x:hidden; overflow-y:auto;}
#contentsWrap .guideImg .prvPphone .contBox #msgArea .msgInner>.msgCont {height:257px;}
/* prview - Fphone */
#contentsWrap .guideImg .prvFphone {width:215px; height:332px; display:block; margin:0 auto; background:url("../images/layer_prvFphone.png") no-repeat; background-size:100%; position:relative;}
#contentsWrap .guideImg .prvFphone .contBox {position:absolute; top:62px; left:21px; width:175px; height:222px; background:#303030; font-size:0; clear:both;}
#contentsWrap .guideImg .prvFphone .contBox #msgArea .msgInner>.titArea {height:28px;}
#contentsWrap .guideImg .prvFphone .contBox #msgArea .msgInner>.titArea .number {text-align:center; position:static; transform:none; -webkit-transform:none; line-height:28px; padding:0; background:none;}
#contentsWrap .guideImg .prvFphone .contBox #msgArea .msgInner>.msgCont {height:auto; background:none;}
#contentsWrap .guideImg .prvFphone .contBox #msgArea .msgInner>.msgCont> div.msg {min-height:auto; padding-bottom:8px;}
#contentsWrap .guideImg .prvFphone .contBox #msgArea .msgInner>.msgCont> div.msg-re {width:86%; margin-left:14%; border-radius:6px 0 6px 6px; background-color:#f5f2c0;}

.container .loginBox {display:block; width:90%; padding:12px; height:auto; border:1px solid #ccd0d0; border-radius:6px; margin:12px auto 0;}
.container .loginBox p {text-align:center;}
.container .loginBox p.desc {width:97%; font-size:0.813em; margin:10px auto 4px; word-break:keep-all;}
.container .loginBox p img {display:inline-block; width:100%; max-width:340px; height:auto;}
.container .loginBox .tblcommon-01 table, 
.container .loginBox .tblcommon-01 table th, 
.container .loginBox .tblcommon-01 table td {border:none; background:none;}

/*tblcommon*/
.tblcommon-01 table {width:100%; border-top:1px solid #ccd0d0; font-size:0.813em;}
.tblcommon-01 table th {text-align:left; padding:8px 0 8px 6px; vertical-align:middle;}
.tblcommon-01 table td {text-align:left; padding:8px 6px; vertical-align:middle;}
.tblcommon-01 table th {border:1px solid #ccd0d0; border-left:0; border-right:0; border-top:0; background:#f7f9fb; color:#282c33;}
.tblcommon-01 table th .ico {display:inline-block; width:10px; height:10px; background:url("../images/tbl_th_ico01.png") no-repeat; margin:0 0 2px 10px;}
.tblcommon-01 table td {border-bottom:1px solid #ccd0d0; color:#3a3a3a;}
.tblcommon-01 table td input {width:100%;} 
.tblcommon-01 table td button {width:auto; padding:10px 14px; font-size:inherit; border:1px solid #ccd0d0;}
.tblcommon-01 table td .year {width:62px; text-align:center;}
.tblcommon-01 table td .date {width:48px; text-align:center;}
.tblcommon-01 table td .num1 {width:160px; text-align:center;}
.tblcommon-01 table td .num2 {width:100px; text-align:center;}
.tblcommon-01 table td .num_short {width:74px; text-align:center;}
.tblcommon-01 table td span.timer {display:inline-block; color:#ff0000; margin-top:6px;}
.tblcommon-01 table td.timer {display:inline-block; color:#ff0000; margin-top:0; padding:0 8px;}
.tblcommon-01 table td .scrImg {display:inline-block; width:100%; height:60px; margin-bottom:10px; font-size:0; background-color:#f8f8f8;}
.tblcommon-01 table td button.refresh {padding:6px 10px 5px 26px; background:#c16c44 url("../images/btn_ico_refresh.png") no-repeat 10px 7px; background-size:auto 10px;}
.tblcommon-01 table td button.listen {padding:6px 10px 5px 26px; background:#5c9f69 url("../images/btn_ico_listen.png") no-repeat 9px 7px; background-size:auto 10px;}
.tblcommon-01 table td button.resend {background:#ab3600; border-color:#ab3600;}

/***** progressBar *****/ 
.progressBar {width:100%; height:100%; line-height:normal; background:#f6f6f6; border-radius:5px; text-align:left;}
.progressBar div {display:inline-block; border-radius:3px; height:100%; width:0; background:#0099ff;}
.progressBar.result {width:100% !important;}
.progressBar .result_type1 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc43b+0,ff991c+100 */
background: #ffcf3b; /* Old browsers */
background: -moz-linear-gradient(left, #ffcf3b 0%, #d84036 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffcf3b 0%,#d84036 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffcf3b 0%,#d84036 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc43b', endColorstr='#ff991c',GradientType=0 ); /* IE6-9 */}
.progressBar .result_type2 {background:#ffd399;}
.progressBar span.hand {font-size:large; color:#ff0000; background:url("../images/prg_ico_001.png") no-repeat left; background-size:auto 68%; width:98px; padding-left:30px; height:32px; line-height:32px; display:block; margin:0 auto;}

/*voteinfo*/
#contentsWrap .container h4 {width:100%; padding:12px 5%; word-break:keep-all; font-family: 'nanum-square-b'; font-size:0.938em; color:#222; background-color:#fff; text-align:center;}
.voteinfo-turnout {display:block; width:94%; margin:12px auto 8px; height:310px; border-radius:5px; border:1px solid #666; background-color:#fff; box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.5); position:relative;}
.voteinfo-turnout .tInner {display:block; width:100%; height:auto; position:absolute; top:0; right:0; z-index:1;}
.voteinfo-turnout .tInner .period {display:block; width:auto; text-align:left; margin:12px 10px 4px;}
.voteinfo-turnout .tInner .period p {display:inline-block; font-size:0.813em; margin-bottom:4px;}
.voteinfo-turnout .tInner .period p span {display:inline-block; margin-right:8px; background-color:#282c33; color:#fff; width:64px; font-size:smaller; text-align:center; height:21px; line-height:22px; border-radius:11px;}
.voteinfo-turnout .tInner .graphArea {display:block; width:92%; height:180px; font-size:1.000em; text-align:center; margin:0 auto; background:#fff;}
.voteinfo-turnout .btnArea {display:block; width:92%; text-align:center; margin:12px auto 15px;}
.voteinfo-turnout .btnArea button {width:150px; text-align:center; height:38px; font-size:1.000em; color:#fff; border-radius:2px; background:#e53c30;}
.voteinfo-turnout .btnArea button:hover, .voteinfo-turnout .btnArea button.active {background-color:#343434;}
.voteinfo-turnout .btnArea button.disable {background-color:#dbe0e9;}

.votelistInner .votelist-detail {text-align:center;}
.votelistInner .votelist-detail a {display:inline-block; width:94%; height:auto;;}
.votelistInner .votelist-detail .item {display:inline-block; width:100%; margin-top:5px; height:auto; padding:12px 10px 12px; border:1px solid #ccd0d0; border-radius:4px; transition:0.3s linear; -webkit-transition:0.3s linear; position:relative; background-color:#fff}
.votelistInner .votelist-detail .item .infoBox {display:block; width:84%; height:auto; padding:0 0 10px; border-right:1px solid #d8dde2;}
.votelistInner .votelist-detail .item .infoBox p {display:block; width:100%; padding-right:2%; font-size:0.813em; text-align:left;word-break: break-word; overflow:hidden;text-overflow: initial;-o-text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.votelistInner .votelist-detail .item .infoBox p span {display:inline-block; width:20%; font-size:smaller;}
.votelistInner .votelist-detail .item .stateBox {width:84%; height:20px; overflow:hidden; border-right:1px solid #d8dde2;}
.votelistInner .votelist-detail .item .stateBox:after {content:""; display:block; clear:both;}
.votelistInner .votelist-detail .item .stateBox .turnout {float:left; width:22%; font-size:0.938em; text-align:left; line-height:20px; letter-spacing:-1.5px; color:#ff5400;}
.votelistInner .votelist-detail .item .stateBox .progressInner {float:left; display:block; width:52%; height:20px; line-height:20px; text-align:center; font-size:0.688em;}
.votelistInner .votelist-detail .item .stateBox .progressInner div span {display:inline-block; height:20px; line-height:20px; font-size:inherit; text-align:center; margin:0 8px;}
.votelistInner .votelist-detail .item .stateBox .progressInner .fLeft {float:left;}
.votelistInner .votelist-detail .item .stateBox .voter {float:left; width:26%; text-align:right; font-size:0.688em; line-height:20px; padding-right:2%;}
.votelistInner .votelist-detail .item .detail-close {position:absolute; top:4px; right:5px; width:50px; height:60px; line-height:42px; text-align:center; font-size:0.813em; color:#030644; background:url("../images/btn_ico_detail_close.png") no-repeat center 36px; background-size:20px auto; transition:0.3s linear; -webkit-transition:0.3s linear;}
.votelistInner .votelist-detail .item:hover .detail-close {background:url("../images/btn_ico_detail_close_ht.png") no-repeat center 36px; background-size:20px auto;}
.votelistInner .votelist-detail .item .detail-open {position:absolute; top:0; right:0; width:50px; height:60px; line-height:42px; text-align:center; font-size:0.813em; color:#030644; background:url("../images/btn_ico_detail_open.png") no-repeat center 36px; background-size:20px auto; transition:0.3s linear; -webkit-transition:0.3s linear;}
.votelistInner .votelist-detail .item:hover .detail-open {background:url("../images/btn_ico_detail_open_ht.png") no-repeat center 36px; background-size:20px auto;}
.votelistInner .votelist-detail .item:hover {border-color:#282c33;}
.votelistInner .votelist-detail .item .detailArea {display:block; width:100%; margin-top:12px; height:auto; border-top:1px solid #ccd0d0;}

/*voteinfo - detailInner*/
.detailInner {display:block; width:100%; height:100%;} 
.detailInner .textBox {width:100%; height:auto; font-size:0.813em; line-height:1.3; padding:10px; text-align:left; background-color:#f7f7f7; border:1px solid #e8e8e8;}
.detailInner .textBox.history {line-height:1.8; }
.detailInner .type1 li button, .detailInner .type2 li button {width:120px; font-size:0.688em; height:28px; line-height:28px; text-align:center; border:1px solid #454545; background:#454545; color:#fff; border-radius:20px; margin-bottom:12px;}
.detailInner .type1 li button:hover, .detailInner .type2 li button:hover {background:#fff; color:#222;}
.detailInner .type2 li button.download {border:1px solid #757575; background:#757575;}
.detailInner .type2 li button.download:hover {background:#fff; color:#000;}

.detailInner .type1 li {display:block; width:100%; padding:15px 2% 0; margin-top:15px; text-align:center; border-top:1px dotted #ccd0d0;}
.detailInner .type1 li:nth-child(1) {padding-top:0; margin-top:0; border-top:0;}
.detailInner .type1 li .imgArea {display:block; margin:0 auto; width:100%; height:120px;}
.detailInner .type1 li .imgArea img {width:auto; height:100%; border:1px solid #f5f5f5;}
.detailInner .type1 li .txtArea {display:block; width:100%; height:auto; margin:10px auto 4px; font-family: 'nanum-square-b';}
.detailInner .type1 li .txtArea .number {display:block; width:100%; font-size:1.563em; color:#e53c30; line-height:1; margin-right:10px;}
.detailInner .type1 li .txtArea .number span {font-size:smaller; color:#030644; margin-right:2px;}
.detailInner .type1 li .txtArea .name {display:block; width:100%; font-size:1.063em; line-height:1.3; margin-top:4px;}
.detailInner .type1 li .txtArea .name span {margin-right:10px; font-family: 'nanum-square-r';}
.detailInner .type1 li .txtArea2 {display:block; width:100%; height:auto; margin-bottom:10px; font-size:0.835em; text-align:left;}
.detailInner .type1 li .floatBox { margin-bottom:12px;}
.detailInner .type1 li .floatBox:after {content:""; display:block; clear:both;}
.detailInner .type1 li .imgArea.freeimg {float:left; width:52%; height:120px; overflow:hidden;}
.detailInner .type1 li .imgArea.freeimg img {width:auto; height:100%;}
.detailInner .type1 li .txtArea.test {float:left; width:46%; margin:12% 0 0 2%; text-align:left;}
.detailInner .type1 li .txtArea.test .number {margin-right:0;}
.detailInner .type1 li .txtArea.test button {display:inline-block; margin-top:18px;}

.detailInner .type2 {margin-top:12px;}
.detailInner .type2 li {float:left; width:50%; padding:0 1.6%; text-align:center;}
.detailInner .type2 li:nth-child(1) {width:100%;}
.detailInner .type2 li:nth-child(2) {padding-left:2%;}
.detailInner .type2 li:nth-child(3) {padding-right:2%;}
.detailInner .type2:after {content:""; display:block; clear:both;}
.detailInner .type2 .textBox {min-height:100px; padding-bottom:15px;}
.detailInner .type2 li .imgArea {display:block; margin:0 auto 10px; width:100%; height:120px; text-align:center; position:relative;}
.detailInner .type2 li .imgArea img {width:auto; height:100%; border:1px solid #f5f5f5;}
.detailInner .type2 li .imgArea span {display:inline-block; font-size:1.063em; line-height:1.3; font-family: 'nanum-square-b'; position:absolute; left:50%; transform:translateX(65px); -webkit-transform:translateX(65px); bottom:10%;}
.detailInner .type2 li .txtArea {display:block; width:100%; height:20px; margin:0 auto 6px; font-size:0.938em; font-family: 'nanum-square-b';}
.detailInner .type2 li .txtArea2 {display:block; width:100%; height:auto; margin-bottom:10px; font-size:0.835em; text-align:left;}
.detailInner .type2 li:nth-child(1) textarea {width:80%; height:430px;}
.detailInner .type2 button.measure {width:280px; border:1px solid #ccd0d0; border-radius:4px; padding-left:15px; text-align:left; height:50px; margin:4px 0; font-size:0.938em; font-family: 'nanum-square-b'; color:#030644;}
.detailInner .type2 button.m1, .detailInner .type2 button.m1:hover {background:url("../images/ico_stamp_01.png") no-repeat 232px center; background-size:auto 70%; margin-top:0;}
.detailInner .type2 button.m2, .detailInner .type2 button.m2:hover {background:url("../images/ico_stamp_02.png") no-repeat 232px center; background-size:auto 70%;}
.detailInner .type2 button.m3, .detailInner .type2 button.m3:hover {background:url("../images/ico_stamp_03.png") no-repeat 232px center; background-size:auto 70%;}
.detailInner .type2 button.m4, .detailInner .type2 button.m4:hover {background:url("../images/ico_stamp_04.png") no-repeat 232px center; background-size:auto 70%;}
.detailInner .type2 button.m5, .detailInner .type2 button.m5:hover {background:url("../images/ico_stamp_05.png") no-repeat 232px center; background-size:auto 70%;}
.detailInner .type2 button.measure:hover {border-color:#000;}

.detailInner .topBtnArea, 
.voteresultsInner .topBtnArea {display:block; width:94%; text-align:center; margin:12px auto 15px;}
.aboutInner .topBtnArea {display:block; width:94%; text-align:center; margin:0 auto 15px;}
.detailInner .topBtnArea button,
.voteresultsInner .topBtnArea button,
.aboutInner .topBtnArea button {width:30%; text-align:center; height:32px; font-size:0.813em; border:1px solid #ccd0d0; background-color:#fff;}
.detailInner .topBtnArea button:hover, .detailInner .topBtnArea button.active,
.voteresultsInner .topBtnArea button:hover, .voteresultsInner .topBtnArea button.active,
.aboutInner .topBtnArea button:hover, .aboutInner .topBtnArea button.active {border:1px solid #d84036; background-color:#d84036; color:#fff;}

/*voteresultsInner*/
/*searchForm01 */
#contentsWrap .container .searchForm {display:block; width:100%; height:auto; background-color:#f6f6f6; border-top:1px solid #ccd0d0; border-bottom:1px solid #ccd0d0; padding:12px 4%;}
#contentsWrap .container .searchForm .tblcommon-01 table, #contentsWrap .container .searchForm .tblcommon-01 table th, #contentsWrap .container .searchForm .tblcommon-01 table td {border:none; background:none; padding:0;}
#contentsWrap .container .searchForm .tblcommon-01 table th {padding-left:0;}
#contentsWrap .container .searchForm .tblcommon-01 table th.ti {font-family: 'nanum-square-b';}
#contentsWrap .container .searchForm .tblcommon-01 table td.ti select {width:100% !important;}

.voteresultsInner {display:block; width:94%; margin:12px auto 0;}
.voteresultsInner .tblcommon-01 {width:100%%; margin:0 auto;}
.voteresultsInner .tblcommon-01 table th {padding:8px; text-align:center; background:#f6f6f6;}
.voteresultsInner .tblcommon-01 table td {padding:8px; text-align:center;}
.voteresultsInner .tblcommon-01 table td span {font-size:smaller;}
.voteresultsInner .graphArea {display:block; width:100%; height:240px; margin-bottom:15px; font-size:1.000em; text-align:center; background:#fff; position:relative;}

.voteresultsInner .graphArea button {display:block; width:52px; height:52px; position:absolute; top:42%; font-size:0; border-radius:50%; opacity:.2;}
.voteresultsInner .graphArea button.arr_prev {background:#192c7f url("../images/page_arr_prev.png") no-repeat center; background-size:auto 50%; left:-10px;} 
.voteresultsInner .graphArea button.arr_next {background:#192c7f url("../images/page_arr_next.png") no-repeat center; background-size:auto 50%; right:-10px;}
.voteresultsInner .graphArea button.inert {opacity:0.05; cursor:no-drop; font-size:0;}
.voteresultsInner .graphArea button:hover {background-color:#059fdb;}



/*



.tblcommon-01 table td .short2 {width:140px;}
.tblcommon-01 table td .short3 {width:280px;}
.tblcommon-01 table td .long {width:80%;}
.tblcommon-01 table td .time {width:70px;}
.tblcommon-01 table td .error {color:#ff0000;}

.tblcommon-01 table td button.p60 {padding-left:60px; padding-right:60px;}
.tblcommon-01 table td button.calendar {width:40px; height:35px; background:url("../images/tbl_td_cal.png") no-repeat center; font-size:0;}

.tblcommon-01 table td label.checkcommon-01 .check-icon {margin-top:3px;}
.tblcommon-01 table td label span {color:#3a3a3a; font-size:inherit;}
.tblcommon-01 table td.aCenter {text-align:center;}
.tblcommon-01 table td label {float:left;}
.container .certifiBox {display:block; width:94%; padding:12px 16px; height:auto; border:1px solid #ccd0d0; margin:12px auto 0;}
*/




/*

#contentsWrap .container .contTab {display:block; width:100%; height:auto; border-bottom:1px solid #ccd0d0;}
#contentsWrap .container .contTab:after {content:""; display:block; clear:both;}
#contentsWrap .container .contTab li {float:left; width:25%; display:inline-block; border:1px solid #ccd0d0; padding:12px 0 10px; border-right:0; border-bottom:0;}
#contentsWrap .container .contTab li:last-child {border-right:1px solid #ccd0d0;}
#contentsWrap .container .contTab li a {display:block; width:100%; text-align:center; font-size:1.313em;}
#contentsWrap .container .contTab li:hover, #contentsWrap .container .contTab li.active {background:#192c7f; color:#fff;}
#contentsWrap .container .contTab li.inactive:hover, #contentsWrap .container .contTab li.inactive {background:none; color:#c5c6ce;}


/***** contTab2 
#contentsWrap .container .contTab2 {width:100%; border-bottom:3px solid #009beb;}
#contentsWrap .container .contTab2:after {clear:both; content:''; display:block;}
#contentsWrap .container .contTab2 a {width:200px; float:left; display:inline-block; padding:10px 0 8px; margin-bottom:-3px; font-size:1.250em; color:#ccd0d0; border:1px solid #ccd0d0; border-bottom:0; background-color:#fff; text-align:center;}
#contentsWrap .container .contTab2 a.on {padding:10px 0 10px; border:3px solid #009beb; border-bottom:0; font-family: 'nanum-square-b'; color:#0e1a35; background-color:#fff;} 

/* certification, login 





.container .loginBox .logGuideBox {width:100%; height:auto; display:inline-block;}
.container .loginBox .logGuideBox:after {content:""; display:block; clear:both;}
.container .loginBox .logGuideBox 
.container .loginBox .logDesc {float:left; width:374px; height:320px; position:relative;}
.container .loginBox .logDesc p {width:100%; font-size:1.188em; color:#059fdb; line-height:1.8; text-align:center; word-break:keep-all; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
.container .loginBox .logDesc p strong {color:#e53c30;}
.container .loginBox .msgLogin {float:right; width:320px; height:auto;}
.container .loginBox .msgLogin .msgInner {width:320px;}
.container .loginBox .msgLogin .msgCont {font-size:inherit; height:270px;}
.container .loginBox .msgLogin .msgCont span.logGuide {min-width:77px; padding:6px 4px 0; font-size:inherit; color:#030644; letter-spacing:2.5px;}

.container .certifiBox table thead {border-bottom:1px dashed #ccd0d0;}
.container .certifiBox table thead th {padding-bottom:20px !important;}

/*servInner
#contentsWrap .container h5 {font-size:1.313em;}
#contentsWrap .container h5 strong {color:#ff0000;}
#contentsWrap .container h5 span {margin-left:5px; font-size:medium;}
#contentsWrap .container .servInner .txtform {width:100%; height:400px; resize:none; overflow-y:auto; border:1px solid #b7b7b7; padding:16px 20px; color:#212121;}
#contentsWrap .container .servInner .txtform p {font-size:1.000em;}
#contentsWrap .container .servInner .txtform p.detail {font-size:0.938em;}
#contentsWrap .container .servInner label.checkcommon-01, #contentsWrap .container .serv-001 label.checkcommon-01 span {color:#212121;}

#contentsWrap .container .servInner .necform {padding:20px 0; text-align:right; line-height:3;}
#contentsWrap .container .servInner .necform p {display:block; text-align:center;}
#contentsWrap .container .servInner .necform p.txt {font-size:1.000em;}
#contentsWrap .container .servInner .necform p.date {font-size:1.125em;}
#contentsWrap .container .servInner .necform .sign {display:block; width:100%; text-align:right; font-size:1.125em;}
#contentsWrap .container .servInner .necform .sign span {display:inline-block; float:left;}
#contentsWrap .container .servInner .necform button {width:auto; min-width:130px; padding:8px 34px; border-radius:16px; font-size:1.063em; color:#282c33; background:#f7f9fb; border:1px solid #ccd0d0;}
#contentsWrap .container .servInner .necform button:hover {background:#fff; border-color:#595959;}


/*votelistInner
.votelistInner {width:100%;}
.votelistInner .votelist-thead {width:100%; border-top:2px solid #192c7f;}
.votelistInner .votelist-thead:after {content:""; display:block; clear:both;}
.votelistInner .votelist-thead li {float:left; display:inline-block; text-align:center;}
.votelistInner .votelist-thead li a {display:inline-block; width:auto; padding:0 28px; font-size:inherit; height:46px; line-height:46px;}
.votelistInner .votelist-thead li a:hover {font-weight:bold;}
.votelistInner .votelist-thead li a.sort {background:url("../images/tbl_th_ico02.png") no-repeat right;}
.votelistInner .votelist-thead li a.change {background:url("../images/tbl_th_ico02_change.png") no-repeat right;}
.votelistInner .votelist-thead li:nth-child(1) {width:100px;}
.votelistInner .votelist-thead li:nth-child(2) {width:108px;}
.votelistInner .votelist-thead li:nth-child(3) {width:170px;}
.votelistInner .votelist-thead li:nth-child(4) {width:150px;}
.votelistInner .votelist-thead li:nth-child(5) {width:150px;}
.votelistInner .votelist-thead li:nth-child(6) {width:160px;}
.votelistInner .votelist-thead li:nth-child(7) {width:322px;}
.votelistInner .votelist-body .item {display:inline-block; width:100%; margin-top:10px; height:156px; padding:24px 314px 16px 110px; border:1px solid #ccd0d0; border-radius:8px; transition:0.3s linear; -webkit-transition:0.3s linear; position:relative;}
.votelistInner .votelist-body .item:hover {box-shadow:2px 3px 10px 0px rgba(0, 0, 0, 0.6); -webkit-box-shadow:2px 3px 10px 0px rgba(0, 0, 0, 0.6);}
.votelistInner .votelist-body .item button.important {position:absolute; left:32px; width:42px; height:42px; background-position:bottom; font-size:0; top:22px; background:url("../images/ico_important.png") no-repeat; background-size:100% auto; background-position:bottom;}
.votelistInner .votelist-body .item button.memo {position:absolute; left:32px; width:42px; height:42px; background-position:bottom; font-size:0; bottom:30px; background:url("../images/ico_memo.png") no-repeat; background-size:100% auto; background-position:bottom;}
.votelistInner .votelist-body .item .memoInner {position:absolute; top:120px; left:40px; z-index:1; width:280px; padding:10px 12px; height:auto; background-color:#fff; border:2px solid #059fdb; border-radius:6px;}
.votelistInner .votelist-body .item .memoInner p {width:100%; line-height:1.3; text-align:left; color:#282c33;}
.votelistInner .votelist-body .item .memoInner textarea {width:100%; height:80px; padding:8px;}
.votelistInner .votelist-body .item button.memo:hover, .votelistInner .votelist-body .item button.active {background-position:top;}

.votelistInner .votelist-body .item .infoBox {display:block; width:100%; padding-right:3%; height:100%; line-height:1.9; border-right:1px solid #dfe2e5;}
.votelistInner .votelist-body .item .infoBox .company {display:block; width:100%; font-size:1.250em; position:relative;}
.votelistInner .votelist-body .item .infoBox .company span {display:inline-block; position:absolute; right:0;}
.votelistInner .votelist-body .item .infoBox .period {display:block; width:100%; font-size:1.063em;}
.votelistInner .votelist-body .item .infoBox p.title {display:block; width:100%; font-size:1.250em; line-height:1.3; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.votelistInner .votelist-body .item .stateBox {position:absolute; top:16px; right:26px; width:264px; height:120px; overflow:hidden;}
.votelistInner .votelist-body .item .stateBox .stateInner {display:table-cell; width:264px; height:82px; font-size:1.375em; text-align:center; vertical-align:middle;}
.votelistInner .votelist-body .item .stateBox .stateInner .state {display:inline-block; width:220px; height:30px; padding:0 64px 0 0; margin-bottom:10px; position:relative;}
.votelistInner .votelist-body .item .stateBox .stateInner .state:after {display:block; position:absolute; top:0; right:0; width:63px; height:30px; line-height:29px; box-sizing:border-box; border-radius:16px; font-size:medium;}
.votelistInner .votelist-body .item .stateBox .stateInner .accept:after {content:'접수'; border:1px solid #282c33;}
.votelistInner .votelist-body .item .stateBox .stateInner .approval:after {content:'승인'; background:#2444b1; color:#fff;}
.votelistInner .votelist-body .item .stateBox .stateInner .return:after {content:'반려'; background:#d4422a; color:#fff;}
.votelistInner .votelist-body .item .stateBox button {width:130px; padding-left:25px; height:38px; font-size:large; color:#fff; transition:0.3s linear; -webkit-transition:0.3s linear;}
.votelistInner .votelist-body .item .stateBox button.approval {background:url("../images/btn_ico_state01.png") no-repeat 28px 8px; background-color:#2444b1;}
.votelistInner .votelist-body .item .stateBox button.approval:hover {background-color:#0e1157;}
.votelistInner .votelist-body .item .stateBox button.return {background:url("../images/btn_ico_state02.png") no-repeat 28px 9px; background-color:#d4422a;}
.votelistInner .votelist-body .item .stateBox button.return:hover {background-color:#931c08;}
.votelistInner .votelist-body .item .stateBox button.reason {background:url("../images/btn_ico_state03.png") no-repeat 28px 9px; background-color:#ea684a;}
.votelistInner .votelist-body .item .stateBox button.reason:hover {background-color:#cc5135;}
#contentsWrap .container .votelistInner h5 {width:100%; height:44px; position:relative;}
#contentsWrap .container .votelistInner h5 button {position:absolute; right:0; width:198px; padding-left:50px; height:44px; font-size:smaller; color:#030644; border:1px solid #ccd0d0; background:url("../images/btn_ico_excel.png") no-repeat 32px 6px; background-size:auto 70%; transition:0.3s linear; -webkit-transition:0.3s linear;}
#contentsWrap .container .votelistInner h5 button:hover {border-color:#2e7d32;}

/*votemanagement
.votelistInner .votelist-body .item .stateBox .stateInner .turnout {font-size:1.125em; letter-spacing:-1.5px;}
.votelistInner .votelist-body .item .stateBox .stateInner .turnout span {font-size:1.125em; margin-left:12px; color:#ff5400;}
.votelistInner .votelist-body .item .stateBox .progressInner {display:block; width:100%; height:32px; text-align:center;}



.voteinfo-home {display:block; width:100%; height:auto; position:relative;}
.voteinfo-home p {font-size:1.125em; margin:20px 0; line-height:1.5; display:block !important;}
.voteinfo-home p span.company {font-family: 'nanum-square-b';}
.voteinfo-home p span.title {color:#2444b1; font-family: 'nanum-square-b';}
.voteinfo-home p span.period {color:#e53c30;}

.voteinfo-home .menuInner {width:100%; max-width:1160px; margin:0 auto; padding:30px 0; text-align:center;}
.voteinfo-home .menuInner ul {width:100%; display:block; margin:0 auto; text-align:center;}
.voteinfo-home .menuInner ul:after {content:"" ; display:block; clear:both;}
.voteinfo-home .menuInner ul.link a {float:left; width:32%; height:250px; margin-left:2%;}
.voteinfo-home .menuInner ul.link a:first-child {margin-left:0;}
.voteinfo-home .menuInner ul.link li {width:100%; padding-top:30px; height:250px; border:1px solid #ccd0d0; background:#fff; color:#061c60; transition: 0.3s linear; -webkit-transition: 0.3s linear; position:relative; text-align:center;}
.voteinfo-home .menuInner ul.link li .link-ico {display:inline-block; font-size:0; cursor:pointer; width:100%; height:124px; text-align:center;}
.voteinfo-home .menuInner ul.link li.link-01 .link-ico {background:url("../images/ico_voteinfo_home1.png") no-repeat center !important;}
.voteinfo-home .menuInner ul.link li.link-02 .link-ico {background:url("../images/ico_voteinfo_home2.png") no-repeat center !important;}
.voteinfo-home .menuInner ul.link li.link-03 .link-ico {background:url("../images/ico_voteinfo_home3.png") no-repeat center !important;}
.voteinfo-home .menuInner ul.link li h4 {font-family: 'nanum-square-r' !important; font-size:1.500em !important; margin-bottom:20px !important;}
.voteinfo-home .menuInner ul.link li.link-01:hover .link-ico {background:url("../images/ico_voteinfo_home1_white.png") no-repeat center !important;}
.voteinfo-home .menuInner ul.link li.link-02:hover .link-ico {background:url("../images/ico_voteinfo_home2_white.png") no-repeat center !important;}
.voteinfo-home .menuInner ul.link li.link-03:hover .link-ico {background:url("../images/ico_voteinfo_home3_white.png") no-repeat center !important;}
.voteinfo-home .menuInner ul.link li:hover {background:#192c7f; color:#fff;}



/*tblvote*/
.tblvote-01 table {width:100%; font-size:1.000em;}
.tblvote-01 table th {text-align:left; padding:12px 0 12px 20px; min-height:52px; vertical-align:text-top;}
.tblvote-01 table td {text-align:left; padding:12px 20px; min-height:52px; vertical-align:middle; position:relative;}
.tblvote-01 table th {border:1px solid #ccd0d0; border-left:0; border-right:0; border-top:0; color:#282c33;}
.tblvote-01 table th .ico {display:inline-block; width:10px; height:10px; background:url("../images/tbl_th_ico01.png") no-repeat; margin:0 0 2px 10px;}
.tblvote-01 table td {border-bottom:1px solid #ccd0d0; color:#3a3a3a;}
.tblvote-01 table td .telnum {width:80px; text-align:center;}
.tblvote-01 table td .num {width:145px; text-align:center;}
.tblvote-01 table td .num2 {width:54px; padding:0 6px; text-align:center;}
.tblvote-01 table td .num3 {width:100px; padding:0 6px; text-align:center;}
.tblvote-01 table td .name, .tblvote-01 table td .write {width:150px;}
.tblvote-01 table td .short {width:200px;}
.tblvote-01 table td input {width:100%; background:#f7f9fb;}
.tblvote-01 table td select {background:#f7f9fb;}
.tblvote-01 table td button {width:auto; min-width:100px; padding:10px 14px; border-radius:22px; font-size:inherit; color:#fff; background:#059fdb;}
.tblvote-01 table td button.calendar {width:40px; min-width:40px; margin:0 10px; height:35px; background:url("../images/tbl_td_cal.png") no-repeat center; font-size:0;}
.tblvote-01 table td button.advice {width:30px; margin-top:-2px; min-width:30px; height:30px; background:url("../images/tbl_td_advice.png") no-repeat center; font-size:0;}
.tblvote-01 table td button.list01 {width:49%; height:56px; line-height:56px; padding:0; background:#1c228f; font-size:1.063em; color:#fff; border-radius:0;}
.tblvote-01 table td button.list02 {width:49%; margin-left:2%; height:56px; line-height:56px; padding:0; background:#828ea5; font-size:1.063em; color:#fff; border-radius:0;}
.tblvote-01 table td label {float:left;}
.tblvote-01 table td label span {color:#3a3a3a;}
.tblvote-01 table td span.timer {display:inline-block; color:#ff0000; font-size:smaller;}
.err_msg {color:#db029b; display:inline-block; padding-left:16px; background:url("../images/tbl_th_ico01.png") no-repeat 0 6px;}

.tblvote-02 table {width:100%; font-size:inherit;}
.tblvote-02 table th {padding:12px 0 12px 16px; min-height:52px; vertical-align:middle; border:1px solid #ccd0d0; background:#e8edf3;}
.tblvote-02 table td {padding:12px 16px; min-height:52px; vertical-align:middle; border:1px solid #ccd0d0;}
.tblvote-02 table p span {color:#db029b;}
.tblvote-02 table td button.security {margin-top:10px; height:48px; line-height:48px; border-radius:24px; padding:0 60px; background:#334998;}
.tblvote-02 table.aCenter th {text-align:center; padding-left:0; padding-right:0;}
.tblvote-02 table .fRight {float:right;}
.tblvote-01 table td textarea {width:100%; height:100px; resize:none; overflow-y:auto; border:1px solid #b7b7b7; padding:8px; color:#212121;}
.tblvote-02 table td span.count {display:inline-block; font-size:small; margin-top:4px;}
.tblvote-02 table td button.votedel {width:110px; height:36px; line-height:36px; padding:0; background:#828ea5; font-size:1.000em; color:#fff; border-radius:16px;}
.tblvote-02 table td button.candidate, .tblvote-02 table td button.info {background:#1c228f;}
.tblvote-02 table td button.resend {background:#ab3600;}
.tblvote-02 table td button.del {min-width:60px; background:#e96d6d; padding:10px 12px; margin-left:4px;}
.tblvote-02 table td button.add {min-width:60px; background:#59b7bf; padding:10px 12px; margin-left:4px;}
.tblvote-02 table td img.star {width:auto; height:26px; margin:-2px 5px 0;}