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

/***** contTab1 *****/
#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:16%; display:inline-block; border:1px solid #ccd0d0; padding:7px 0 5px; 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:14px;}
#contentsWrap .container .contTab li:hover, #contentsWrap .container .contTab li.active {background:#666; border-color:#666; 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-weight:bold; color:#0e1a35; background-color:#fff;} 

/***** contTab3 *****/
#contentsWrap .container .contTab3 li {width:20%;}

/* certification */
#contentsWrap .container .certifiBox {display:block; width:500px; height:auto; padding:10px 20px; margin:0 auto; border:1px solid #ccd0d0; border-radius:4px;}
#contentsWrap .container .certifiBox .tblcommon-01 table, 
#contentsWrap .container .certifiBox .tblcommon-01 table th, 
#contentsWrap .container .certifiBox .tblcommon-01 table td {border:none; background:none;}
.tblcommon-01 table th span.timer, .tblcommon-01 table td span.timer {display:inline-block; color:#ff0000;}
.tblcommon-01 table td button.resend {min-width:82px; color:#fff; background:#ab3600; border-color:#ab3600;}

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


/* login */
#contentsWrap .container .loginBox .tblcommon-01 table, 
#contentsWrap .container .loginBox .tblcommon-01 table th, 
#contentsWrap .container .loginBox .tblcommon-01 table td {border:none; background:none; padding:6px 5px;}
#contentsWrap .container .loginBox .tblcommon-01 table {width:400px; margin:0 auto; padding:0;}
#contentsWrap .container .loginBox {display:block; height:auto; margin:0 auto; padding:20px 0 30px; border:1px solid #ccd0d0; border-radius:6px; width:100%;}

#contentsWrap .container .pwBox { width:700px;}
#contentsWrap .container .pwBox p.desc {text-align:center; margin:12px 0 20px;}
#contentsWrap .container .pwBox span {font-size:12px; margin-left:12px;}

#contentsWrap .container .loginBox .tblcommon-01 table th {color:#4c5054; font-weight:bold; padding-left:0;}
#contentsWrap .container .loginBox .tblcommon-01 {text-align:center;}
#contentsWrap .container .loginBox .tblcommon-01 .login {display:inline-block; margin:5px 2px 0; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:3px; background:#666;}
#contentsWrap .container .loginBox .tblcommon-01 .login:hover {background-color:#333;}
#contentsWrap .container .loginBox .tblcommon-01 .login.admin1 {width:106px;}
#contentsWrap .container .loginBox .tblcommon-01 .login.admin2 {width:210px;}
#contentsWrap .container .loginBox .tblcommon-01 .login.admin3 {width:400px;}
#contentsWrap .container .loginBox .tblcommon-01 .login.voter {height:80px; line-height:80px;}
.tblcommon-01 table td.polloud {font-size:16px; font-weight:bold; letter-spacing:0.6px;}
.tblcommon-01 table th.scrImg, .tblcommon-01 table td.scrImg {padding-top:0 !important; padding-bottom:0 !important;}
.tblcommon-01 table .scrImg div {display:inline-block; width:160px; height:46px; font-size:0; background-color:#f8f8f8;}
.tblcommon-01 table td button.refresh {height:26px; background:url("../images/btn_ico_refresh.png") no-repeat left center; padding:6px 0 6px 23px; border:0;}
.tblcommon-01 table td button.listen {height:26px; background:url("../images/btn_ico_listen.png") no-repeat left center; padding:6px 0 6px 23px; border:0; margin-left:8px;}
.tblcommon-01 table td button.reissuance {width:100%; border:0; color:#fff; background:#929490;}
.tblcommon-01 table td button.reissuance:hover {background:#5f6885;}

#contentsWrap .container .loginInner {width:500px; margin:0 auto;}
#contentsWrap .container .loginInner p.logtype {font-size:28px; font-weight:bold; text-align:center; margin:80px 0 0;}
#contentsWrap .container .loginInner p.desc {text-align:center; margin:0 0 35px; font-size:12px; position:relative;}
#contentsWrap .container .loginInner p.desc:after {position:absolute; bottom:-15px; left:50%; transform:translateX(-50%); width:28px; height:2px; background-color:#ccd0d0; content:'';}
#contentsWrap .container .loginInner p.desc strong {color:#ff6600;}
#contentsWrap .container .loginInner p.msg {height:145px; background:url("../images/login_msg.png") no-repeat top center; margin:0;}

#contentsWrap .container .loginInner {width:90%; margin:25px auto 0;}
#contentsWrap .container .loginInner .loginTab {float:left; display:block; width:25%; height:auto; margin:0 auto;}
#contentsWrap .container .loginInner .loginTab:after {content:""; display:block; clear:both;}
#contentsWrap .container .loginInner .loginTab li {width:100%; display:inline-block; height:175px; border:1px solid #cacfd4; padding:40px 0 0; position:relative; cursor: pointer;}
#contentsWrap .container .loginInner .loginTab li:nth-child(1), #contentsWrap .container .logInner .loginTab li:nth-child(2) {border-bottom:0;}
#contentsWrap .container .loginInner .loginTab li a {display:block; width:100%; padding-top:36px; text-align:center; font-size:18px; background:url("../images/ico_radio01.png") no-repeat top center;}
#contentsWrap .container .loginInner .loginTab li p {display:block; width:90%; font-size:13px; text-align:center; word-break:keep-all; margin:0 auto;}
#contentsWrap .container .loginInner .loginTab li.active a {background:url("../images/ico_radio02.png") no-repeat top center;}
#contentsWrap .container .loginInner .loginTab li.active {border-right:0;}
#contentsWrap .container .loginInner .loginTab li .arr {width:55px; height:25px; background:url("../images/bg_login_arr.png") no-repeat; background-size:auto 100%; position:absolute; top:80px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform: translateX(-50%); display:none;}
#contentsWrap .container .loginInner .loginTab li.active .arr {display:block;}

#contentsWrap .container .loginInner .loginBox .tblcommon-01 table, 
#contentsWrap .container .loginInner .loginBox .tblcommon-01 table th, 
#contentsWrap .container .loginInner .loginBox .tblcommon-01 table td {border:none; background:none;}
#contentsWrap .container .loginInner .loginBox .tblcommon-01 table {margin:auto 0 0;}
#contentsWrap .container .loginInner .loginBox {float:left; display:block; height:525px; margin:0 auto; border:1px solid #cacfd4; border-left:0; width:75%; padding:60px 60px 30px; border-radius:0;}
#contentsWrap .container .loginInner .pwBox {border-left:1px solid #cacfd4; float:none;}
#contentsWrap .container .loginInner .pwBox .tblcommon-01 table {width:100%;}
#contentsWrap .container .loginInner .loginBox .gInner {width:450px; margin:0 auto; height:auto; padding-bottom:80px; position:relative;}
#contentsWrap .container .loginInner .loginBox .gInner .msgBox {width:300px; height:auto; border-radius:6px; 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);}
#contentsWrap .container .loginInner .loginBox .gInner .msgBox .msg_top {padding:8px 15px 6px; border-radius:6px 6px 0 0; background-color:#454545;}
#contentsWrap .container .loginInner .loginBox .gInner .msgBox .msg_top p {background:url("../images/ico_msg_top.png") no-repeat 0 1px; background-size:20px auto; padding-left:30px; color:#fff; font-size:15px;}
#contentsWrap .container .loginInner .loginBox .gInner .msgBox .msg_middle {padding:8px 15px; border-radius:0 0 6px 6px; background-color:#f6f6f6;} 
#contentsWrap .container .loginInner .loginBox .gInner .msgBox .msg_middle p {word-break:keep-all;}
#contentsWrap .container .loginInner .loginBox .gInner .msgBox .msg_middle strong {background-color:#fe6e00; color:#fff; padding:8px 10px 0; vertical-align:middle; font-size:20px; font-weight:normal; letter-spacing:3px; margin:0 4px; line-height:2.2;}

#contentsWrap .container .loginInner .loginBox .gInner p.desc {position:absolute; left:234px; bottom:0px; width:auto; text-align:left; color:#ff6600; font-size:13px; font-weight:bold; word-break:keep-all; line-height:1.3;}
#contentsWrap .container .loginInner .loginBox .gInner p.desc:before {position:absolute; bottom:13px; left:-34px; width:24px; height:50px; border-left:3px solid #ff6600; border-bottom:3px solid #ff6600; content:'';}

#contentsWrap .container .loginInner .loginBox .tblcommon-01 table th {text-align:center;}
#contentsWrap .container .loginInner .loginBox .tblcommon-01 {position:relative;}
#contentsWrap .container .loginInner .loginBox .tblcommon-01 .login {position:absolute; top:0; right:30px; background-color:#e36e66; width:105px; text-align:center; color:#fff; font-size:15px;}
#contentsWrap .container .loginInner .loginBox .tblcommon-01 .login.voter {height:75px; line-height:75px;}
.logInner .tblcommon-01 table th button.refresh {width:25px; height:25px; background:url("../images/btn_ico_refresh.png") no-repeat center; background-size:16px auto; font-size:0; border:0;}
.logInner .tblcommon-01 table th button.listen {width:25px; height:25px; background:url("../images/btn_ico_listen.png") no-repeat center; background-size:16px auto; font-size:0; border:0;}


/*servInner*/
#contentsWrap .container h4 {font-weight:bold; font-size:22px; text-align:center; margin-bottom:10px;}
#contentsWrap .container h5 {font-weight:bold; font-size:15px;}
#contentsWrap .container h5 strong {color:#ff0000;}
#contentsWrap .container h5 span {margin-left:4px;}
#contentsWrap .container .servInner .txtform {width:100%; height:200px; resize:none; overflow-y:auto; border:1px solid #ccd0d0; padding:10px 14px; color:#212121;}
#contentsWrap .container .servInner .txtform p {}
#contentsWrap .container .servInner .txtform p.detail {font-size:12px;}
#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:2.2;}
#contentsWrap .container .servInner .necform p {display:block; text-align:center;}
#contentsWrap .container .servInner .necform p.txt {font-size:14px;}
#contentsWrap .container .servInner .necform p.date {font-size:16px;}
#contentsWrap .container .servInner .necform .sign {display:block; width:100%; text-align:right; font-size:14px;}
#contentsWrap .container .servInner .necform .sign span {display:inline-block; float:left; font-size:14px;}
#contentsWrap .container .servInner .necform button {width:auto; padding:10px 30px; color:#fff; background:#383838;}
#contentsWrap .container .servInner .necform button:hover {background:#0055a2;}

/*votemakeInner*/
#contentsWrap .container .votemakeNav {width:180px; height:auto; position:absolute; right:-180px; top:0; 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);}
#contentsWrap .container .votemakeNav .navTop {display:block; text-align:center; background:#666; height:36px; position:relative;}
#contentsWrap .container .votemakeNav .navTop p {width:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); font-size:15px; color:#fff;}
#contentsWrap .container .votemakeNav .navOption {display:inline-block; width:100%; height:auto; padding:10px 12px;}
#contentsWrap .container .votemakeNav .navOption li {display:block; width:100%; height:auto; margin-top:10px;}
#contentsWrap .container .votemakeNav .navOption li:first-child {margin-top:0;}
#contentsWrap .container .votemakeNav .navPreview {display:inline-block; width:100%; height:auto; border:1px solid #0055a2; border-left:0; border-right:0;}
#contentsWrap .container .votemakeNav .navPreview li {display:block; float:left; width:50%; height:100%; padding:15px 10px 8px; border-left:1px solid #0055a2; text-align:center;}
#contentsWrap .container .votemakeNav .navPreview li:first-child {border-left:0;}
#contentsWrap .container .votemakeNav .navPreview li a {display:block; padding-top:45px; color:#3c4f90; font-size:15px; font-weight:bold;}
#contentsWrap .container .votemakeNav .navPreview li a.pc {background:url("../images/ico_preview_pc.png") no-repeat center top; background-size:auto 40px;}
#contentsWrap .container .votemakeNav .navPreview li a.phone {background:url("../images/ico_preview_phone.png") no-repeat center top; background-size:auto 40px;}

#contentsWrap .container .votemakeNav .preview {display:block; width:100%; text-align:center; background:#fff; border-top:1px solid #666; border-bottom:1px solid #666; height:60px; position:relative;}
#contentsWrap .container .votemakeNav .storage {display:block; width:100%; text-align:center; background:#fff; height:55px; position:relative;}
#contentsWrap .container .votemakeNav .done {display:block; width:100%; text-align:center; background:#e53c30; height:55px; position:relative;}
#contentsWrap .container .votemakeNav .preview a, #contentsWrap .container .votemakeNav .storage a, #contentsWrap .container .votemakeNav .done a {display:inline-block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); height:32px; font-weight:bold; font-size:14px;}
#contentsWrap .container .votemakeNav .preview a {width:120px; padding:14px 0 0 40px; height:52px; background:url("../images/ico_preview_step.png") no-repeat 8px 5px; background-size:40px auto;}
#contentsWrap .container .votemakeNav .storage a {padding:4px 0 0 36px; background:url("../images/ico_preview_storage.png") no-repeat; color:#282c33;}
#contentsWrap .container .votemakeNav .done a {width:100px; padding:6px 0 0 44px; background:url("../images/ico_preview_done.png") no-repeat; color:#fff; font-weight:normal;}
#contentsWrap .container .votemakeInner {width:95%;}
#contentsWrap .container .votemakeInner .inputLayer {position:absolute; z-index:1; width:370px; padding:10px 20px; height:auto; background:#fff; border:1px solid #454545; display:block; box-shadow:2px 4px 6px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow:2px 4px 6px 0px rgba(0, 0, 0, 0.3);}
#contentsWrap .container .votemakeInner .inputLayer.sellist {left:510px;}
#contentsWrap .container .votemakeInner .inputLayer.sellist label {float:none !important; margin:10px 0; display:block;}
#contentsWrap .container .votemakeInner .inputLayer.intbl {left:16px; width:660px; padding:12px;}
#contentsWrap .container .votemakeInner .inputLayer .tblvote-03 {}
#contentsWrap .container .votemakeInner .inputLayer .tblvote-03 label {margin-right:10px;}
#contentsWrap .container .votemakeInner .inputLayer .tblvote-03 .pack {margin-top:-3px;}

/*searchForm01*/
#contentsWrap .container .searchForm01 {display:block; width:100%; height:auto; border:1px solid #ccd0d0; border-radius:6px; padding:8px 45px; margin:0 auto;}
#contentsWrap .container .searchForm01.tabBottom {border-top:0; border-radius:0 0 6px 6px;}
#contentsWrap .container .searchForm01.voteset {padding:12px 100px;}
#contentsWrap .container .searchForm01 .tblcommon-01 table, #contentsWrap .container .searchForm01 .tblcommon-01 table th, #contentsWrap .container .searchForm01 .tblcommon-01 table td {border:none; background:none; padding-top:3px; padding-bottom:3px;}
#contentsWrap .container .searchForm01 .tblcommon-01 table th {padding-left:0;}
#contentsWrap .container .searchForm01 button.etc {min-width:100px; padding:8px 20px; border-radius:0; color:#fff; background:#666; border-color:#666;}
#contentsWrap .container .searchForm01 button.search {width:100px; padding:8px 0;border-radius:0; color:#fff; background:#e36e66; border-color:#e36e66;}
#contentsWrap .container .searchForm01 .tblcommon-01 table th.ti {font-size:17px; font-weight:bold;}
#contentsWrap .container .searchForm01 .tblcommon-01 table td.ti select {width:100% !important;}
#contentsWrap .container .searchForm01 button.result1 {min-width:108px; padding:8px 20px; border-radius:3px; color:#282c33; border:1px solid #ccd0d0; background:#fff;}
#contentsWrap .container .searchForm01 button.result2 {min-width:108px; padding:8px 20px; border-radius:3px; color:#fff; border:1px solid #454545; background:#454545;}

/*votelistInner*/
.votelistInner {width:100%;}
.votelistInner .votelist-thead {width:100%; border-top:1px solid #ccd0d0; background-color:#f8f8f8;}
.votelistInner .votelist-thead ul {width:100%; border-bottom:1px solid #e8e8e8;}
.votelistInner .votelist-thead ul: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 25px; height:30px; line-height:30px;}
.votelistInner .votelist-thead li a:hover {font-weight:bold;}
.votelistInner .votelist-thead li a.sort {background:url("../images/tbl_th_ico02.png") no-repeat 84px 7px; background-size:16px auto;}
.votelistInner .votelist-thead li a.change {background:url("../images/tbl_th_ico02_change.png") no-repeat 84px 7px; background-size:16px auto;}
.votelistInner .votelist-thead li:nth-child(1) {width:100px;}
.votelistInner .votelist-thead li:nth-child(2) {width:460px;}
.votelistInner .votelist-thead li:nth-child(3) {width:140px;}
.votelistInner .votelist-thead li:nth-child(4) {width:280px;}
.votelistInner .votelist-thead li:nth-child(5) {width:100px;}
.votelistInner .votelist-thead li:nth-child(6) {width:460px;}
.votelistInner .votelist-thead li:nth-child(7) {width:140px;}
.votelistInner .votelist-body .item {display:inline-block; width:100%; margin-top:5px; height:96px; padding:14px 254px 12px 78px; border:1px solid #e8e8e8; background-color:#fefefe; border-radius:6px; transition:0.3s linear; -webkit-transition:0.3s linear; position:relative;}
.votelistInner .votelist-body .item:hover {background-color:#fff; border-color:#666; box-shadow:0 1px 3px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 1px 3px 0px rgba(0, 0, 0, 0.5);}
.votelistInner .votelist-body .item button.important {position:absolute; left:28px; width:28px; height:28px; background-position:bottom; font-size:0; top:12px; background:url("../images/ico_important.png") no-repeat; background-size:100% auto; background-position:bottom;}
.votelistInner .votelist-body .item button.memo {position:absolute; left:28px; width:28px; height:28px; background-position:bottom; font-size:0; bottom:12px; background:url("../images/ico_memo.png") no-repeat; background-size:100% auto; background-position:bottom;}
.votelistInner .votelist-body .item .memoInner {position:absolute; top:82px; left:40px; z-index:1; width:280px; padding:6px 8px; height:auto; background-color:#fff; border:2px solid #a7a7a7; border-radius:6px; text-align:right;}
.votelistInner .votelist-body .item .memoInner p {width:100%; font-size:13px; line-height:1.3; text-align:left; color:#282c33;}
.votelistInner .votelist-body .item .memoInner textarea {width:100%; height:80px; padding:8px; text-align:left;}
.votelistInner .votelist-body .item .memoInner button {border:1px solid #ccd0d0; padding:6px 10px 5px; border-radius:3px; margin-top:5px;}
.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%; height:100%; line-height:1.9; border-right:1px solid #dfe2e5; position:relative;}
.votelistInner .votelist-body .item .infoBox .company {display:block; width:58%; font-size:16px; position:absolute; top:0; left:0;}
.votelistInner .votelist-body .item .infoBox .period {display:block; width:32%; font-size:14px; text-align:right; position:absolute; top:2px; right:20px;}
.votelistInner .votelist-body .item .infoBox p.title {display:block; width:76%; font-size:15px; 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; position:absolute; bottom:6px; left:0;}
.votelistInner .votelist-body .item .infoBox .voters {display:block; width:20%; font-size:14px; text-align:right; position:absolute; bottom:4px; right:20px;}
.votelistInner .votelist-body .item .stateBox {position:absolute; top:14px; right:18px; width:234px; padding:0 10px; text-align:center; height:74px; overflow:hidden;}
.votelistInner .votelist-body .item .stateBox .stateInner {display:table-cell; width:214px; height:36px; text-align:center; vertical-align:middle; position:relative;}
.votelistInner .votelist-body .item .stateBox .stateInner .state {display:inline-block; width:auto; height:30px; font-size:17px;}
.votelistInner .votelist-body .item .stateBox .stateInner button {width:60px; padding-left:0; height:28px; border:1px solid #ccd0d0; background-color:#fff; color:#202224; position:absolute; top:4px; right:0;}
.votelistInner .votelist-body .item .stateBox button {width:100px; padding-left:20px; height:32px; color:#fff; border-radius:4px; 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 18px 8px; background-size:auto 14px; background-color:#2444b1;}
.votelistInner .votelist-body .item .stateBox button.approval:hover {background-color:#0e1157;}
.votelistInner .votelist-body .item .stateBox button.approval2 {background:url("../images/btn_ico_state04_2.png") no-repeat 20px 8px; background-color:#8C3FC5;}
.votelistInner .votelist-body .item .stateBox button.approval2:hover {background-color:#542576;}
.votelistInner .votelist-body .item .stateBox button.return {background:url("../images/btn_ico_state02.png") no-repeat 18px 9px; background-size:auto 14px; 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 18px 9px; background-size:auto 14px; background-color:#c1c7cd;}
.votelistInner .votelist-body .item .stateBox button.reason:hover {background-color:#9ba4ad;}
.votelistInner .votelist-body .item .stateBox button.open {background:url("../images/btn_ico_state05.png") no-repeat 18px 9px; background-size:auto 14px; background-color:#369933;}
.votelistInner .votelist-body .item .stateBox button.open:hover {background-color:#20591F;}



#contentsWrap .container .votelistInner h5 {width:100%; height:32px; position:relative;}
#contentsWrap .container .votelistInner h5 button {position:absolute; right:0; width:124px; padding-left:28px; height:32px; color:#202224; border:1px solid #ccd0d0; background:url("../images/btn_ico_excel.png") no-repeat 18px 6px; background-size:auto 58%; 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:17px; letter-spacing:-1.5px;}
.votelistInner .votelist-body .item .stateBox .stateInner .turnout span {font-size:20px; margin-left:12px; color:#ff5400;}
.votelistInner .votelist-body .item .stateBox .progressInner {display:block; width:100%; height:26px; margin-top:2px; text-align:center;}

/***** progressBar *****/ 
.progressBar {width:100%; height:100%; line-height:normal; background:#f5f5f5; border-radius:3px; text-align:left;}
.progressBar div {display:inline-block; border-radius:3px; height:100%; width:0; background:#d84036;}
.progressBar.result {width:100% !important;}
.progressBar.aCenter {text-align:center;}
.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 {color:#ff0000; background:url("../images/prg_ico_001.png") no-repeat left; background-size:auto 68%; width:auto; padding-left:30px; height:30px; line-height:30px; display:inline-block;}

/*voteinfo*/
.voteinfo-btnArea {display:block; width:100%; padding-left:12%; text-align:center;}
.voteinfo-btnArea button {display:inline-block; background:url("../images/ico_voteinfo_edit.png") no-repeat 22px center; background-size:auto 22px; padding:0 24px 0 52px; font-size:14px; height:34px; border:2px solid #666; border-radius:6px;} 
.voteinfo-btnArea p {display:inline-block; width:auto; margin-left:10px; color:#ff4400; text-align:left;}
.voteinfo-turnout {display:block; width:100%; height:544px; position:relative;}
.turnoutTab {display:block; width:17%; height:100%; position:absolute; top:1px; left:0;}
.turnoutTab ul {display:block; width:100%; height:100%; margin-top:-1px;}
.turnoutTab ul li {display:block; width:100%; text-align:center; height:56px; line-height:56px; font-size:14px; margin-bottom:8px; background:#f0f2f4; border:1px solid #ccd0d0; border-right:0; border-radius:6px 0 0 6px; cursor:pointer;}
.turnoutTab ul li:last-child(6) {margin-bottom:0;}
.turnoutTab ul li:hover, .turnoutTab ul li.active {font-weight:bold; background:#fff; border-color:#666; position:relative; right:-1px; z-index:2;}
.turnoutCont {display:block; width:83%; height:100%; position:absolute; top:0; right:0; z-index:1; border-radius:0 6px 6px 6px; background-color:#fff; border:1px solid #666;}
.turnoutCont .period {display:block; width:100%; text-align:center; margin:18px 0;}
.turnoutCont .period p {display:inline-block; margin:0 10px;}
.turnoutCont .period p span {display:inline-block; margin-right:10px; border:1px solid #868c91; width:92px; text-align:center; height:26px; line-height:26px; font-size:12px; border-radius:18px;}
.turnoutCont .graphArea {display:block; width:92%; height:420px; margin:0 auto;}
.turnoutCont textarea {display:block; width:92%; height:360px; margin:15px auto 0; padding:10px 14px; line-height:1.4; font-size:inherit;}
.buttonArea {display:block; width:92%; text-align:center; margin:15px auto;}
.buttonArea.aRight {text-align:right;}
.buttonArea button {width:auto; padding:0 50px; text-align:center; height:36px; background:#fff; border:1px solid #ccd0d0;}
.buttonArea button:hover, .buttonArea button.active {background:#d84036; border-color:#d84036; color:#fff;}
.buttonArea button.refresh {padding:0 40px; border-radius:4px; background-color:rgba(0,0,0,0.3); color:#222; border-bottom:0;}
.turnoutCont .searchForm01 {background-color:#fff !important; padding:0 85px !important; border-radius:0 !important; border-left:0 !important; border-right:0 !important;}

#contentsWrap .container .voteNav {width:180px; height:auto; position:absolute; right:-200px; top:0; border:1px solid #ccd0d0; 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);}
#contentsWrap .container .voteNav .navTop {display:block; text-align:center; background:#454545; height:36px; position:relative;}
#contentsWrap .container .voteNav .navTop p {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); font-size:15px; color:#fff;}
#contentsWrap .container .voteNav .navOption {display:inline-block; width:100%; height:auto;}
#contentsWrap .container .voteNav .navOption li {display:inline-block; width:100%; height:auto;}
#contentsWrap .container .voteNav .navOption li button {width:100%; padding:0 16px; text-align:left; height:36px; line-height:36px;}
#contentsWrap .container .voteNav .navOption li button:hover {background:#0055a2; color:#fff;}

#contentsWrap .container .voteNav .navOption li a.nav {display:block; width:100%; padding:0 20px 0 30px; text-align:left; height:46px; line-height:46px; font-size:1.000em;}
#contentsWrap .container .voteNav .navOption li a.nav:hover {background:#3c4f90; color:#fff;}

.votelistInner .votelist-sort {width:100%;}
.votelistInner .votelist-sort:after {content:""; display:block; clear:both;}
.votelistInner .votelist-sort li {float:right; display:inline-block; text-align:center;}
.votelistInner .votelist-sort li a {display:inline-block; width:auto; padding:0 24px; font-size:inherit; height:30px; line-height:30px;}
.votelistInner .votelist-sort li a:hover {font-weight:bold;}
.votelistInner .votelist-sort li a.sort {background:url("../images/tbl_th_ico02.png") no-repeat right; background-size:auto 16px;}
.votelistInner .votelist-sort li:nth-child(1) {width:120px;}
.votelistInner .votelist-sort li:nth-child(2) {width:120px;}
.votelistInner .votelist-sort li:nth-child(3) {width:100px;}

.votelistInner .votelist-detail a {display:inline-block; width:100%; height:auto;}
.votelistInner .votelist-detail .item {display:inline-block; width:100%; margin-top:5px; min-height:96px; height:auto; padding:18px 30px 17px; border:1px solid #ccd0d0; border-radius:6px; transition:0.3s linear; -webkit-transition:0.3s linear; position:relative;}
.votelistInner .votelist-detail .item .infoBox {display:block; width:800px; height:auto; padding:0 0 10px; border-right:1px solid #d8dde2;}
.votelistInner .votelist-detail .item .infoBox p {display:block; width:94%; font-size:15px; 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-detail .item .infoBox p span {display:inline-block; width:120px; font-size:14px;}
.votelistInner .votelist-detail .item .stateBox {width:800px; height:24px; 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:120px; font-size:20px; letter-spacing:-1.5px; color:#ff5400;}
.votelistInner .votelist-detail .item .stateBox .progressInner {float:left; display:block; width:68%; height:24px; line-height:28px; text-align:center; font-size:16px;}
.votelistInner .votelist-detail .item .stateBox .progressInner div span {display:inline-block; height:24px; line-height:24px; text-align:center; margin:0 20px; font-size:11px;}
.votelistInner .votelist-detail .item .stateBox .progressInner .fLeft {float:left;}
.votelistInner .votelist-detail .item .stateBox .progressInner .fRight {float:right;}
.votelistInner .votelist-detail .item .stateBox .voter {float:left; width:15%; text-align:center; font-size:inherit; line-height:28px; padding:0 0 0 20px;}
.votelistInner .votelist-detail .item .detail-close {position:absolute; top:18px; right:20px; width:120px; height:60px; line-height:38px; text-align:center; font-size:16px; background:url("../images/btn_ico_detail_close.png") no-repeat center 40px; background-size:auto 12px; 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 40px; background-size:auto 12px;}
.votelistInner .votelist-detail .item .detail-open {position:absolute; top:18px; right:20px; width:120px; height:60px; line-height:38px; text-align:center; font-size:16px; background:url("../images/btn_ico_detail_open.png") no-repeat center 40px; background-size:auto 12px; 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 40px; background-size:auto 12px;}
.votelistInner .votelist-detail .item:hover {border-color:#000;}
.votelistInner .votelist-detail .item .detailArea {display:block; width:100%; margin-top:18px; height:442px; border-top:1px solid #ccd0d0;}
/*detailInner*/
.detailInner {display:block; width:100%; height:100%;} 
.detailInner textarea {width:100%; font-size:12px; line-height:1.3; padding:8px 10px; resize:none; background-color:#f7f7f7; border-color:#e8e8e8; overflow-y:auto;}
.detailInner .type1 li button, .detailInner .type2 li button {width:170px; font-size:12px; height:30px; line-height:30px; text-align:center; border:1px solid #454545; background:#454545; color:#fff; border-radius:20px;}
.detailInner .type1 li button:hover, .detailInner .type2 li button:hover {background:#fff; color:#000;}
.detailInner .type2 li button.download {border:1px solid #757575; background:#757575;}
.detailInner .type2 li button.download:hover {background:#fff; color:#000;}

.detailInner .type1 li {float:left; width:33%; padding:0 2.2%; text-align:center; height:380px; padding-top:15px; border-top:1px dotted #ccd0d0;}
.detailInner .type1 li:nth-child(1), .detailInner .type1 li:nth-child(2), .detailInner .type1 li:nth-child(3) {padding-top:0; border-top:0;}
.detailInner .type1:after {content:""; display:block; clear:both;}
.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 .imgArea.freeimg {width:auto; height:170px; overflow:hidden;}
.detailInner .type1 li .imgArea.freeimg img {width:auto; height:100%;}
.detailInner .type1 li .txtArea {display:block; width:100%; height:40px; margin:10px auto 0; font-weight:bold;}
.detailInner .type1 li .txtArea:after {content:""; display:block; clear:both;}
.detailInner .type1 li .txtArea .number {float:left; width:auto; font-size:44px; color:#ff4400; line-height:.88; margin-right:10px;}
.detailInner .type1 li .txtArea .name {float:left; width:auto; font-size:14px; line-height:1.3; margin-right:10px;}
.detailInner .type1 li .txtArea2 {display:block; width:100%; height:auto; margin:8px auto; line-height:1.2; text-align:left;}
.detailInner .type1 li textarea {height:120px;}

.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:10%; }
.detailInner .type2 li:nth-child(3) {padding-right:10%;}
.detailInner .type2:after {content:""; display:block; clear:both;}
.detailInner .type2 li .imgArea {display:block; margin:0 auto; width:100%; height:150px; 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:16px; line-height:1.3; font-weight:bold; position:absolute; left:50%; transform:translateX(112px); -webkit-transform:translateX(84px);-ms-transform: translateX(112px); bottom:10%;}
.detailInner .type2 li .txtArea {display:block; width:100%; height:22px; margin:12px auto 8px; font-size:16px; font-weight:bold; text-align:left;}
.detailInner .type2 li .txtArea2 {display:block; width:75%; height:auto; margin:12px auto 0; line-height:1.2; text-align:center;}
.detailInner .type2 li textarea {height:130px;}
.detailInner .type2 li:nth-child(1) textarea {width:80%; height:350px;}
.detailInner .type2 button.measure {width:520px; border:1px solid #ccd0d0; border-radius:4px; padding-left:90px; text-align:left; height:46px; margin:6px 0; font-size:15px; font-weight:bold; color:#202224;}
.detailInner .type2 button.m1, .detailInner .type2 button.m1:hover {background:url("../images/ico_stamp_01.png") no-repeat 30px center; background-size:auto 70%;}
.detailInner .type2 button.m2, .detailInner .type2 button.m2:hover {background:url("../images/ico_stamp_02.png") no-repeat 30px center; background-size:auto 70%;}
.detailInner .type2 button.m3, .detailInner .type2 button.m3:hover {background:url("../images/ico_stamp_03.png") no-repeat 30px center; background-size:auto 70%;}
.detailInner .type2 button.m4, .detailInner .type2 button.m4:hover {background:url("../images/ico_stamp_04.png") no-repeat 30px center; background-size:auto 70%;}
.detailInner .type2 button.m5, .detailInner .type2 button.m5:hover {background:url("../images/ico_stamp_05.png") no-repeat 30px center; background-size:auto 70%;}
.detailInner .type2 button.measure:hover {border-color:#000;}

.voteinfo-home {display:block; width:100%; height:auto; position:relative;}
.voteinfo-home p {font-size:14px; margin:12px 0; line-height:1.5; display:block !important;}
.voteinfo-home p span {font-size:14px;}
.voteinfo-home p span.company {font-weight:bold;}
.voteinfo-home p span.title {color:#2444b1; font-weight:bold;}
.voteinfo-home p span.period {color:#ff4400;}

.voteinfo-home .menuInner {width:100%; max-width:980px; margin:0 auto; padding:10px 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:200px; 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:200px; border:1px solid #ccd0d0; background:#fff; 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:80px; text-align:center;}
.voteinfo-home .menuInner ul.link li.link-01 .link-ico {background:url("../images/ico_voteinfo_home1.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li.link-02 .link-ico {background:url("../images/ico_voteinfo_home2.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li.link-03 .link-ico {background:url("../images/ico_voteinfo_home3.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li.link-04 .link-ico {background:url("../images/ico_voteinfo_home4.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li.link-05 .link-ico {background:url("../images/ico_voteinfo_home5.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li h4 {font-weight:normal; font-size:18px !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; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li.link-02:hover .link-ico {background:url("../images/ico_voteinfo_home2_white.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li.link-03:hover .link-ico {background:url("../images/ico_voteinfo_home3_white.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li.link-04:hover .link-ico {background:url("../images/ico_voteinfo_home4_white.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li.link-05:hover .link-ico {background:url("../images/ico_voteinfo_home5_white.png") no-repeat center !important; background-size:auto 75px !important;}
.voteinfo-home .menuInner ul.link li:hover {border-color:#e53c30; background:#e53c30; color:#fff;}

/*voteresultsInner*/
.voteresultsInner h5 {width:90%; margin:0 auto;}
.voteresultsInner .tblcommon-01 {width:90%; margin:0 auto;}
.voteresultsInner .tblcommon-01 table th {padding:8px; text-align:center; background:#f3f6f9;}
.voteresultsInner .tblcommon-01 table td {padding:8px; text-align:center;}
.voteresultsInner .tblcommon-01 table td span {font-size:smaller;}
.voteresultsInner .graphArea {display:block; width:90%; height:380px; margin:0 auto; background:#fff; position:relative;}
.voteresultsInner .graphArea button {display:block; width:80px; padding-top:50px; height:70px; position:absolute; top:44%; font-size:11px; line-height:1.25; word-break:keep-all;}
.voteresultsInner .graphArea button.arr_prev {background:url("../images/layer_prv_arr_prev.png") no-repeat top center; background-size:auto 58%; left:-80px;} 
.voteresultsInner .graphArea button.arr_next {background:url("../images/layer_prv_arr_next.png") no-repeat top center; background-size:auto 58%; right:-80px;}
.voteresultsInner .graphArea button.inert {opacity:0.1; cursor:no-drop; font-size:0;}

/*message*/
.msg-write {display:inline-block; float:left; width:30%; height:auto; text-align:center;}
.msg-write h5 {text-align:left; font-weight:bold;}
/* msgArea */
#msgArea {width:auto; height:auto; display:inline-block; text-align:center; position:relative; z-index:1;}
.msgInner {display:inline-block; width:270px; height:100%; border-radius:6px; -webkit-box-shadow:0px 2px 8px 2px rgba(0, 0, 0, 0.3); box-shadow:0px 2px 8px 2px rgba(0, 0, 0, 0.3); position:relative; z-index:2;}
.msgInner>.titArea {display:block; background:none; background-color:#454545; border-radius:5px 5px 0 0; height:36px; 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:14px; line-height:1.8; color:#fff; background:url("../images/ico_msg.png") no-repeat left; background-size:auto 28px; padding:2px 0 2px 34px;}
.msgInner>select {width:100%; padding-left:3.2%; height:30px; text-align:center !important; background-color:#fff; border-color:#d5dada;}
.msgInner>.msgCont {display:block; width:100%; height:280px; background-color:#f6f6f6; padding:10px; border-radius:0 0 4px 4px; position:relative;}

.msgInner>.msgCont> div p {width:100%; height:100%; line-height:1.4; word-break:break-word; font-size:12px;}
.msgInner>.msgCont> div.desc {color:#ff4400; text-align:center; 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.1); box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.1);}
.msgInner>.msgCont> div.desc p {padding-top:4px;}
.msgInner>.msgCont> div.desc p span {display:block; margin-bottom:5px;}
.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-mms {height:auto; min-height:110px;}
.msgInner>.msgCont> div.msg p span {display:inline-block; border:1px solid #e8a900; border-radius:3px; padding:2px 4px 1px; font-size:12px; margin:2px; position:relative;}
.msgInner>.msgCont> .exInner, .msgInner>.msgCont> .switchInner {display:block; position:absolute; width:240px; z-index:1;}
.msgInner>.msgCont> .exInner p, .msgInner>.msgCont> .switchInner p {width:auto; max-width:100%; height:auto; margin-bottom:0; padding:6px 12px; background-color:#14aae0; color:#fff; border:1px solid #fff; border-radius:0 8px 8px; -webkit-box-shadow:0px 1px 4px 2px rgba(0, 0, 0, 0.4); box-shadow:0px 1px 4px 2px rgba(0, 0, 0, 0.4); line-height:1.4; word-break:break-word; text-align:left;}
.msgInner>.msgCont> .byte, .msgInner>.msgCont> .to {display:inline-block; width:80%; position:absolute; bottom:8px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);-ms-transform: translateX(-50%); font-size:11px; color:#777; text-align:center;}
#msgArea .setInner {display:block; width:100%; height:auto; margin:12px auto 8px; position:relative;}
#msgArea .setInner .tblcommon-01 table, #msgArea .setInner .tblcommon-01 table th, #msgArea .setInner .tblcommon-01 table td {border:none; background:none;}

.msg-switch {display:block; position:absolute; top:96px; right:-36px; z-index:0; width:190px; height:auto; text-align:left; padding:6px; border-radius:0 6px 6px 0; background-color:#fff; box-shadow:3px 0px 5px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow:3px 0px 5px 2px rgba(0, 0, 0, 0.4);}
.msg-switch a.pulldown {writing-mode:tb-rl; text-align:left; background:url("../images/btn_ico_pulldown.png") no-repeat top; background-size:8px 12px; position:absolute; right:10px; top:15px; padding-top:20px; height:120px;}
.msg-switch ul {display:inline-block; width:100%; height:auto; margin-top:4px;}
.msg-switch ul .item {width:145px; background-color:#f5f5f5; border-bottom:0; border-radius:3px; margin-bottom:3px; padding:3px 10px;}
.msg-switch ul .item p {display:inline-block; padding-left:8px; height:24px; line-height:24px; font-size:12px; float:left;}
.msg-switch ul .item button {float:left; height:24px; line-height:24px; padding:0 10px 0 22px; font-size:12px; background:#e36e66 url("../images/ico_msg_ok.png") no-repeat 4px 3px; background-size:16px auto; border-radius:3px; color:#fff;}
.msg-switch ul .item:after {content:""; display:block; clear:both;}
.msg-switch.active {right:-180px; z-index:0;}
.msg-switch.active a.pulldown {background:url("../images/btn_ico_pulldown_active.png") no-repeat top; background-size:8px 12px; }

.msg-example {display:inline-block; float:left; width:66%; margin-left:4%; height:auto; text-align:center;}
.msg-example h5 {text-align:left; font-weight:bold;}
.msg-example ul {display:inline-block; width:100%; height:auto;}
.msg-example ul .item {width:46%; height:200px; background-color:#fff; margin:1%; border:1px solid #cad8e1; padding:7px 10px 8px; border-radius:5px; position:relative; display: inline-block; vertical-align: top; float:left;}
.msg-example ul .item.active{height:295px;}
.msg-example ul .item:after {content:""; display:block; clear:both;}
.msg-example ul .item .sort {width:100%; border-bottom:1px solid #ccd0d0; padding-bottom:4px; margin-bottom:4px; font-weight:bold; text-align:center;}
.msg-example ul .item p {width:76%; text-align:left; margin-bottom:3px; position:relative;}
.msg-example ul .item p span.byte {display:inline-block; position:absolute; right:0; bottom:2px; font-size:smaller; color:#777;}
.msg-example ul .item .example {float:left; width:76%; height:auto; padding:0; font-size:inherit;}
.msg-example ul .item .example .msg {display:none;}
.msg-example ul .item .example p {width:100%; margin-bottom:0; padding:4px 8px; background-color:#f3f6f9; border:1px solid #d5dada; border-radius:0 5px 5px 5px; font-size:12px; line-height:1.4; word-break:keep-all; cursor:pointer;}
.msg-example ul .item .example p span {display:inline-block; background-color:#fff; border:1px solid #e8a900; border-radius:3px; font-size:12px; padding:1px 4px; margin:2px;}
.msg-example ul .item .example:hover .exInner {display:block;}
.msg-example ul .item .exInner {display:none; position:absolute; top:50px; left:255px; width:240px; z-index:2;}
.msg-example ul .item .exInner p {width:100%; height:auto; margin-bottom:0; padding:6px 10px; background-color:#fff; font-size:inherit; border:2px solid #e36e66; border-radius:0 10px 10px; -webkit-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.3); line-height:1.4; word-break:break-word;}
.msg-example ul .item button {float:right; height:24px; line-height:24px; padding:0 10px 0 22px; font-size:12px; background:#e36e66 url("../images/ico_msg_ok.png") no-repeat 4px 3px; background-size:16px auto; border-radius:3px; color:#fff;}

.msglist-01 {width:auto; height:auto; border-top:1px solid #ccd0d0;}
.msglist-01 ul li {float:left; width:33.3333%; border:1px solid #ccd0d0; border-top:0; border-left:0;}
.msglist-01 ul li:nth-child(3n+1) {border-left:1px solid #ccd0d0;}
.msglist-01 #msgArea {width:100%; padding:2px 25px 10px;}
.msglist-01 .msgInner {width:100%; box-shadow:none !important;}
.msglist-01 .msgInner>.titArea {background-color:#a7a7a7;}
.msglist-01 .msgCont {border:1px solid #d5dada;}
.msglist-01 .msgInner>.msgCont> div p {width:100%;}
.msglist-01 .setInner button {position:absolute; top:-5px; right:0; padding:0 8px; height:30px; line-height:30px; border:1px solid #ccd0d0;}

.msglist-02 {width:100%;}
.msglist-02 .msglist02-thead {width:100%; border-top:1px solid #ccd0d0; border-bottom:1px dotted #ccd0d0;}
.msglist-02 .msglist02-thead:after {content:""; display:block; clear:both;}
.msglist-02 .msglist02-thead li {width:25%; float:left; display:inline-block; text-align:center;}
.msglist-02 .msglist02-thead li a {display:inline-block; width:100%; padding:0 26px; background-color:#f5f5f5; font-size:14px; height:56px; line-height:56px;}
.msglist-02 .msglist02-thead li a p {width:100%; height:56px; border-top:1px solid #ccd0d0;}
.msglist-02 .msglist02-thead li a p:after {content:""; display:block; clear:both;}
.msglist-02 .msglist02-thead li a p span {display:block; float:left; width:50%; height:28px; line-height:28px;}
.msglist-02 .msglist02-thead li:nth-child(4) a {height:56px; line-height:28px;}

.msglist-02 .msglist02-item {width:100%; margin-top:10px; border:1px solid #ccd0d0; padding:12px; border-radius:6px; position:relative;}
.msglist-02 .msglist02-item:hover {}
.msglist-02 .msglist02-item:after {content:""; display:block; clear:both;}
.msglist-02 .msglist02-item li {width:25%; float:left; display:inline-block; text-align:center;}
.msglist-02 .msglist02-item li a {display:inline-block; width:100%; height:auto; padding:0 26px; font-size:1.063em; height:70px; line-height:70px;}
.msglist-02 .msglist02-item li a p {width:100%; height:70px; border-top:1px solid #ccd0d0;}
.msglist-02 .msglist02-item li a p:after {content:""; display:block; clear:both;}
.msglist-02 .msglist02-item li a p span {display:block; float:left; width:50%; height:35px; line-height:35px;}
.msglist-02 .msglist02-item li a p span.fail {color:#ff4400;}
.msglist-02 .msglist02-item li:nth-child(4) a {height:70px; line-height:35px;}
.msglist-02 .msglist02-item li:nth-child(5) {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; text-align:center; border-radius:6px; background:#fff; opacity:0; transition:0.3s linear; -webkit-transition:0.3s linear;}
.msglist-02 .msglist02-item li:nth-child(5) button {padding:0 36px; height:34px; line-height:34px; background:#666; color:#fff; display:inline-block; cursor:pointer; margin:28px 2px 0;}
.msglist-02 .msglist02-item li:nth-child(5) button.brown {background:#666;}
.msglist-02 .msglist02-item li:nth-child(5) button.brown:hover {background:#333;}
.msglist-02 .msglist02-item li:nth-child(5) button.green {background:#e36e66;}
.msglist-02 .msglist02-item li:nth-child(5) button.green:hover {background:#333;}
.msglist-02 .msglist02-item:hover  li:nth-child(5) {opacity:0.94; 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);}

/*votesetInner*/
.votesetInner .tblcommon-01 table th, .votesetInner .tblcommon-01 table td {text-align:center; padding:10px 16px;}
.votesetInner .tblcommon-01 table th label, .votesetInner .tblcommon-01 table td label {float:none; display:inline-block;}
.votesetInner .tblcommon-01 table th label.checkcommon-01 .check-icon, .votesetInner .tblcommon-01 table td label.checkcommon-01 .check-icon {margin-right:0;}
.votesetInner .tblcommon-01 table th a {display:inline-block; width:auto; padding:0 26px; font-size:inherit;}
.votesetInner .tblcommon-01 table th a:hover {font-weight:bold;}
.votesetInner .tblcommon-01 table th a.sort {background:url("../images/tbl_th_ico02.png") no-repeat right; background-size:auto 16px;}
.votesetInner .tblcommon-01 table th a.change {background:url("../images/tbl_th_ico02_change.png") no-repeat right; background-size:auto 16px;}
#contentsWrap .container .votesetInner h5 {position:relative;}
#contentsWrap .container .votesetInner h5 .btnArea {position:absolute; right:0; width:auto; display:inline-block;}
#contentsWrap .container .votesetInner h5 .btnArea button {display:inline-block; width:auto; padding:0 22px; margin:0 2px; height:30px; color:#fff;}
#contentsWrap .container .votesetInner h5 .btnArea button.edit {background-color:#858585;}
#contentsWrap .container .votesetInner h5 .btnArea button.add {background-color:#59b7bf;}
#contentsWrap .container .votesetInner h5 .btnArea button.del {background-color:#e96d6d;}
#contentsWrap .container .votesetInner .boxInner {border:1px solid #ccd0d0; padding:20px 25px; position:relative;}
#contentsWrap .container .votesetInner .boxInner .tblcommon-01 table td {position:relative;}
#contentsWrap .container .votesetInner .boxInner .tblcommon-01 table td .long {width:100%;}
#contentsWrap .container .votesetInner .boxInner .tblcommon-01 table td .long,
#contentsWrap .container .votesetInner .boxInner .tblcommon-01 table td input {text-align:center;}
#contentsWrap .container .votesetInner .boxInner .tblcommon-01 table td .errormsg {position:absolute; right:-164px; top:10px; width:180px; display:block; background:#ff0000; padding:5px 8px; color:#fff; z-index:1;}

#contentsWrap .container .votesetInner .pwBox {width:100%; height:100%; position:relative; border-top:0; border-left:0;}
#contentsWrap .container .votesetInner .pwBox li {display:block; width:170px; height:170px; border:2px solid #ddd; background-color:#fff; border-radius:50%; text-align:center; line-height:1.6; padding:38px 0 0; transition: 0.3s linear; -webkit-transition: 0.3s linear;}
#contentsWrap .container .votesetInner .pwBox li .name {display:inline-block; font-size:15px;}
#contentsWrap .container .votesetInner .pwBox li .number {display:block;}
#contentsWrap .container .votesetInner .pwBox li input {width:62%; text-align:center; height:32px; margin-top:4px; background-color:#f8f8f8; font-size:12px;}
#contentsWrap .container .votesetInner .pwBox li.value {border-color:#858585; color:#222;}
#contentsWrap .container .votesetInner .pwBox li.value input, #contentsWrap .container .votesetInner .pwBox li.active input {background-color:#fff;}
#contentsWrap .container .votesetInner .pwBox li.active {border-color:#d84036; color:#fff; background:#f4594c;}
#contentsWra p .container .votesetInner .pwBox li.active input {background-color:none;}

#contentsWrap .container .votesetInner .pw_pentagon {margin:0 auto; width:694px; height:670px; background:url("../images/bg_pw_pentagon.png") no-repeat center center; position:relative;}
#contentsWrap .container .votesetInner .pw_pentagon .pwBox li:nth-child(1) {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);-ms-transform: translateX(-50%);}
#contentsWrap .container .votesetInner .pw_pentagon .pwBox li:nth-child(2) {position:absolute; top:200px; left:0;}
#contentsWrap .container .votesetInner .pw_pentagon .pwBox li:nth-child(3) {position:absolute; top:200px; right:0;}
#contentsWrap .container .votesetInner .pw_pentagon .pwBox li:nth-child(4) {position:absolute; bottom:0; left:106px;}
#contentsWrap .container .votesetInner .pw_pentagon .pwBox li:nth-child(5) {position:absolute; bottom:0; right:106px;}

#contentsWrap .container .votesetInner .pw_triangle {margin:0 auto; width:750px; height:604px; background:url("../images/bg_pw_triangle.png") no-repeat center center; position:relative;}
#contentsWrap .container .votesetInner .pw_triangle .pwBox li:nth-child(1) {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);-ms-transform: translateX(-50%);}
#contentsWrap .container .votesetInner .pw_triangle .pwBox li:nth-child(2) {position:absolute; bottom:0; left:0;}
#contentsWrap .container .votesetInner .pw_triangle .pwBox li:nth-child(3) {position:absolute; bottom:0; right:0;}


#contentsWrap .container .votesetInner .pw_rectangle {margin:0 auto; width:702px; height:552px; background:url("../images/bg_pw_rectangle.png") no-repeat center center; position:relative;}
#contentsWrap .container .votesetInner .pw_rectangle .pwBox li:nth-child(1) {position:absolute; top:0; left:0;}
#contentsWrap .container .votesetInner .pw_rectangle .pwBox li:nth-child(2) {position:absolute; top:0; right:0;}
#contentsWrap .container .votesetInner .pw_rectangle .pwBox li:nth-child(3) {position:absolute; bottom:0; left:0;}
#contentsWrap .container .votesetInner .pw_rectangle .pwBox li:nth-child(4) {position:absolute; bottom:0; right:0;}

#contentsWrap .container .votesetInner .pw_pentagon .pwCheckBox {display:inline-block; width:auto; height:auto; position:absolute; top:52%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
#contentsWrap .container .votesetInner .pw_triangle .pwCheckBox {display:inline-block; width:auto; height:auto; position:absolute; top:58%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
#contentsWrap .container .votesetInner .pw_rectangle .pwCheckBox {display:inline-block; width:auto; height:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}




#contentsWrap .container .votesetInner .pwCheckBox li {display:block; width:330px; padding-top:108px; background:url("../images/ico_voteset_pw.png") no-repeat top center; text-align:center; transition: 0.3s linear; -webkit-transition: 0.3s linear;}
#contentsWrap .container .votesetInner .pwCheckBox li p {word-break:keep-all; font-size:16px; color:#7b8085; text-align:center; margin-bottom:8px;}
#contentsWrap .container .votesetInner .pwCheckBox li p span {font-size:16px; color:#ff4400;}
#contentsWrap .container .votesetInner .pwCheckBox li button {width:52%; height:38px; font-size:15px; color:#fff; background-color:#d6dae1; border:1px solid #d6dae1; border-radius:2px;}
#contentsWrap .container .votesetInner .pwCheckBox li.active {background:url("../images/ico_voteset_pw_active.png") no-repeat top center;}
#contentsWrap .container .votesetInner .pwCheckBox li.active p {display:none;}
#contentsWrap .container .votesetInner .pwCheckBox li.active button {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2fc5ff+0,009ad6+100 */
background: #2fc5ff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1a92ed 0%, #1a4492 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #1a92ed 0%,#1a4492 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #1a92ed 0%,#1a4492 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fc5ff', endColorstr='#009ad6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border:1px solid #059fdb;}

.votesetInner-02 {display:block; width:982px; margin:0 auto; height:auto; border:1px solid #ccd0d0;}
.votesetInner-02 ul:after {content:""; display:block; clear:both;}
.votesetInner-02 ul li {float:left; display:block; height:270px; padding:20px 24px; position:relative; box-sizing:border-box;}
.votesetInner-02 ul li .item {width:100%; text-align:left; margin-bottom:24px;}
.votesetInner-02 ul li.state {width:630px; text-align:center;}
.votesetInner-02 ul li.state .stateTi {display:inline-block; width:90%; padding-top:12px; font-size:22px; font-weight:bold; text-align:center;}
.votesetInner-02 ul li.state button {width:70%; height:60px; margin:32px 0 12px; font-size:20px; font-weight:bold; color:#fff; background:#e36e66;}
.votesetInner-02 ul li.state button.play {padding-right:34px; background:#e36e66 url("../images/btn_ico_vote_play.png") no-repeat 260px center; background-size:auto 32px;}
.votesetInner-02 ul li.state button.half {width:48%; margin:32px 0.5% 12px;}
.votesetInner-02 ul li.state button.half.play {background:#e36e66 url("../images/btn_ico_vote_play.png") no-repeat 184px center; background-size:auto 32px;}
.votesetInner-02 ul li.state button.play:hover {background-color:#e53c30;}
.votesetInner-02 ul li.state button.pus {padding-right:44px; background:#b2b9c3 url("../images/btn_ico_vote_pus.png") no-repeat 260px center; background-size:auto 32px;}
.votesetInner-02 ul li.state button.pus:hover {background-color:#9ba4b1;}
.votesetInner-02 ul li.state button.stop {padding-right:34px; background:#b2b9c3 url("../images/btn_ico_vote_stop.png") no-repeat 260px center; background-size:auto 32px;}
.votesetInner-02 ul li.state button.stop:hover {background-color:#9ba4b1}
.votesetInner-02 ul li.state button.half.stop {background:#b2b9c3 url("../images/btn_ico_vote_stop.png") no-repeat 184px center; background-size:auto 32px;}
.votesetInner-02 ul li.state button.lock {padding-right:34px; background:#ffa302 url("../images/btn_ico_vote_lock.png") no-repeat 260px center; background-size:auto 32px;}
.votesetInner-02 ul li.state button.lock:hover {background-color:#ff8b02}
.votesetInner-02 ul li.state .desc {display:inline-block; width:70%; line-height:1.35; word-break:keep-all;}
.votesetInner-02 ul li.msg {width:350px; border-left:1px solid #ccd0d0; position:relative;}
.votesetInner-02 ul li.msg .arr {display:block; width:26px; height:51px; background:url("../images/bg_vote_arr.png") no-repeat; position:absolute; top:55%; left:-26px;}
.votesetInner-02 ul li.msg .message {width:100%; padding:20px; word-break:keep-all; height:auto; min-height:180px; background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:10px; display:block;}

.votesetInner-03 .prvInner {width:100%; height:450px; position:relative;}
.votesetInner-03 .prvInner .active {display:block;}
.votesetInner-03 .prvInner .prvPc {width:606px; height:400px; display:block; margin:0 auto; background:url("../images/layer_prvPc.png") no-repeat; background-size:100%; position:relative; display:none;}
.votesetInner-03 .prvInner .prvPc .contBox {position:absolute; top:20px; left:44px; width:511px; height:303px; background:#303030; font-size:0; clear:both;}
.votesetInner-03 .prvInner .prvPphone {width:333px; height:400px; display:block; margin:0 auto; background:url("../images/layer_prvPhone.png") no-repeat; background-size:100%; position:relative; display:none;}
.votesetInner-03 .prvInner .prvPphone .contBox {position:absolute; top:30px; left:57px; width:221px; height:344px; background:#303030; font-size:0; clear:both;}
.votesetInner-03 .prvInner button {display:block; width:50px; height:78px; position:absolute; top:38%; font-size:0;}
.votesetInner-03 .prvInner button.arr_prev {background:url("../images/layer_prv_arr_prev.png") no-repeat center; background-size:100% auto; left:-70px;} 
.votesetInner-03 .prvInner button.arr_next {background:url("../images/layer_prv_arr_next.png") no-repeat center; background-size:100% auto; right:-70px;}
.votesetInner-03 .prvInner button.inert {opacity:0.1; cursor:no-drop;}  
.votesetInner-03 .layerArea {position:static; transform:none; -webkit-transform:none;-ms-transform: none;}

/*support*/
/* suppList */
.suppList .suppList-thead, .faqList .faqList-thead {width:100%; border-top:1px solid #ccd0d0;}
.suppList .suppList-thead:after, .faqList .faqList-thead:after {content:""; display:block; clear:both;}
.suppList .suppList-thead li, .faqList .faqList-thead li {float:left; display:inline-block; text-align:center; height:34px; line-height:34px;}
.suppList .suppList-thead li:nth-child(1), .faqList .faqList-thead li:nth-child(1) {width:70%;}
.suppList .suppList-thead li:nth-child(2), .faqList .faqList-thead li:nth-child(2),
.suppList .suppList-thead li:nth-child(3), .faqList .faqList-thead li:nth-child(3) {width:15%;}

.suppList dl {border-top:1px solid #ccd0d0;}
.suppList dt a {display:block; overflow:hidden; height:42px; line-height:42px; border-bottom:1px dotted #ccd0d0;}
.suppList dt a:after {content:""; display:block; clear:both;}
.suppList dt a .title {float:left; display:block; width:70%; padding-left:90px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; position:relative;}
.suppList dt a .etc {float:left; width:15%; text-align:center;}
.suppList dt a .etc.file {background:url("../images/ico_file.png") no-repeat center;}
.suppList dt a .title.strong:before {position:absolute; top:10px; left:18px; content:"중요"; background-color:#e53c30; color:#fff; border-radius:12px; width:52px; height:20px; line-height:20px; font-size:12px; text-align:center;}
.suppList dt a:hover {text-decoration:none;}
.suppList dt a.active {background-color:#757575; color:#fff; border-bottom:none;}
.suppList dt a.active .etc.file {background:url("../images/ico_file_on.png") no-repeat center;}
.suppList dd {display:none; padding:16px 88px; background:#fff; line-height:1.4; border-bottom:1px solid #757575;}
.suppList dd img {margin-top:30px; width:auto; max-width:100%;}
.suppList .fileBox {display:inline-block; width:100%; border-top:1px solid #ccd0d0; margin-top:16px; padding:12px 0 0;}
.suppList .fileBox li {float:left; width:18%; display:inline-block;}
.suppList .fileBox li button {line-height:1.8; background:url("../images/ico_file_s.png") no-repeat 10px 5px; padding:2px 10px 1px 34px; font-size:12px; border:1px solid #ccd0d0;}
.suppList .fileBox li button:focus, .suppList .fileBox li button:hover {border-color:#059fdb;}
.suppList .fileBox li:first-child {width:82%;}
.suppList .fileBox li:first-child button {background:url("../images/ico_file_s.png") no-repeat 0 4px; padding:0 0 0 22px; margin-right:32px; border:0;}
.suppList .fileBox li:first-child button span {margin-left:.4em;}
.suppList .fileBox li:first-child button:focus, .suppList .fileBox li:first-child button:hover {color:#212121; text-decoration:underline;}

/* listBtn */
.listBtn {position:relative; width:100%; border:1px solid #ccd0d0; border-radius:30px; height:60px; margin-bottom:12px; text-align:center;}
.listBtn button {position:absolute; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); left:50%; font-weight:bold; color:#282c33; font-size:20px; padding:12px 20px 6px 60px; background:url("../images/ico_faq.png") no-repeat left center; background-size:auto 34px; height:50px;}
.listBtn.system {margin-top:12px;}
.listBtn.system button.notice {background:url("../images/ico_notice.png") no-repeat left center; background-size:auto 34px;}
.listBtn.system button.reference {background:url("../images/ico_reference.png") no-repeat left center; background-size:auto 34px;}

/* faqList */
.faqList dl {border-top:1px solid #ccd0d0;}
.faqList dt a {position:relative; display:block; overflow:hidden; height:42px; line-height:42px; color:#757575; border-bottom:1px solid #ccd0d0;}
.faqList dt a .title {float:left; display:block; width:70%; padding-left:106px; position:relative;}
.faqList dt a .title strong {display:block; padding-left:30px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; background:url("../images/icon_faq_title.png") no-repeat 0 center;}
.faqList dt a .etc {float:left; width:15%; text-align:center;}
.faqList dt a .title.done:before {position:absolute; top:10px; left:18px; content:"답변 완료"; background-color:#fff; border:1px solid #ccd0d0; box-sizing:border-box; color:#202224; border-radius:14px; width:70px; height:20px; line-height:20px; font-size:12px; text-align:center;}
.faqList dt a:hover {text-decoration:none;}
.faqList dt a.active {background-color:#757575; color:#fff; border-bottom:none;}
.faqList dt a.active strong {background:url("../images/icon_faq_title_on.png") no-repeat 0 center; background-size:auto 18px;}
.faqList dd {display:none; padding:16px 106px; color:#757575; line-height:1.4; border-bottom:1px solid #757575;}
.faqList dd p {word-break:keep-all; text-align:center;}
.faqList dd p.question {background:#fff url("../images/icon_faq_title.png") no-repeat 0 2px; background-size:auto 18px; padding-left:30px; text-align:left;}
.faqList dd p.answer {background:#fff url("../images/icon_faq_answer.png") no-repeat 0 18px; background-size:auto 16px; margin-top:16px; border-top:1px solid #ccd0d0; padding:16px 0 0 30px; text-align:left;}
.faqList dd p.answer span {display:block; margin-top:6px;}
.faqList dd p.user {display:none;}
.faqList dd.lock p.user {display:block;}
.faqList dd.lock p.question, .faqList dd.lock p.answer {display:none;}
.faqList dd input {margin:0 0 0 12px;}
.faqList dd button {width:64px; height:30px; line-height:30px; border:1px solid #ccd0d0; border-left:0;}

.suppList.system .suppList-thead li:nth-child(1), .faqList.system .faqList-thead li:nth-child(1) {width:57%;}
.suppList.system .suppList-thead li:nth-child(4), .faqList.system .faqList-thead li:nth-child(4) {width:13%;}
.suppList.system dt a .title, .faqList.system dt a .title {width:57%;}
.suppList.system .edit, .faqList.system .edit {float:left; width:13%; text-align:center;}
.suppList.system .edit button, .faqList.system .edit button {width:50px; height:27px; line-height:27px; background:#fff; border:1px solid #ccd0d0; margin:7px 2px;}

.suppInner {}
.suppInner h5 {font-weight:bold;}
.suppInner .msg-example {display:inline-block; width:100%; margin:0; height:auto;}

.suppInner .msg-example ul {display:inline-block; width:100%; height:auto;}
.suppInner .msg-example ul .item {float:left; width:23.8%; margin-left:1.6%; height:220px; background-color:#fff; border:1px solid #ccd0d0; padding:8px 12px; border-radius:5px; margin-bottom:8px; position:relative;}
.suppInner .msg-example ul li:nth-child(4n+1) {margin-left:0;}

.suppInner .msg-example ul .item p {font-weight:bold; width:100%; letter-spacing:-1px;}
.suppInner .msg-example ul .item p span.byte {font-weight:normal;}
.suppInner .msg-example ul .item .example {width:100%; height:148px; overflow-y:auto; margin-bottom:6px;}
.suppInner .msg-example ul .item .example p {font-weight:normal;}
.suppInner .msg-example ul .item button {padding:0 12px; background:#fff; border:1px solid #ccd0d0; color:#282c33;}
.suppInner .msg-example ul .item button.reset {padding:0 12px 0 28px; background:#fff url("../images/ico_msg_reset.png") no-repeat 10px 3px; background-size:auto 14px; margin-right:4px;}
.suppInner .msg-example ul .item.edit {border-color:#333;}
.suppInner .msg-example ul .item button.edit {padding:0 24px 0 12px; border:0; background:#333 url("../images/ico_msg_edit.png") no-repeat 52px 3px; background-size:auto 16px; color:#fff;}

.suppInner .msg-example.msg-edit {width:68%; margin-right:2%;}
.suppInner .msg-example.msg-edit ul .item {width:32.5%; margin-left:1.25%;}
.suppInner .msg-example.msg-edit ul li:nth-child(3n+1) {margin-left:0;}

/*message*/
.suppInner .msg-write {display:inline-block; float:left; width:30%; height:auto; text-align:right;}
.suppInner #msgArea {text-align:right;}
.suppInner .msgInner>.msgCont {height:320px; padding:10px 10px 34px; overflow-y:auto;}

.suppInner .msgInner>.msgCont> div p {width:100%; height:100%;}
.suppInner .msgInner>.msgCont> div.desc {height:110px;}
.suppInner .msgInner>.msgCont> div.msg {min-height:110px;}
.suppInner .msgInner> .byte {display:inline-block; width:80%; position:absolute; bottom:8px; left:52%; -webkit-transform:translateX(-50%); transform:translateX(-50%);-ms-transform: translateX(-50%); color:#777; text-align:center;}
.suppInner .msg-switch {right:-36px;}
.suppInner .msg-switch.active {right:-180px;}
.suppInner .buttonBox ul li {margin:0 1px;}
.suppInner .buttonBox ul li a.normal {padding:0; width:84px;}

.suppInner .linkList {}
.suppInner .linkList {display:block; width:25%; height:auto; border-top:1px solid #ccd0d0;}
.suppInner .linkList li {width:100%; display:block;}
.suppInner .linkList li a {display:block; width:100%; border:1px solid #ccd0d0; border-top:0; padding:8px 0 6px; text-align:center; font-size:14px; background:url("../images/ico_src_link.png") no-repeat 204px 9px;}
.suppInner .linkList li:hover a {color:#fff; background:url("../images/ico_src_link_white.png") no-repeat 204px 9px; border-color:#454545; background-color:#454545;}

/*about*/
#contentsWrap .container .aboutTab {display:block; width:100%; height:auto; margin:0 auto; border-bottom:1px solid #ccd0d0;}
#contentsWrap .container .aboutTab:after {content:""; display:block; clear:both;}
#contentsWrap .container .aboutTab li {float:left; width:33.3333%; display:inline-block; border:1px solid #ccd0d0; padding:7px 0 5px; border-right:0; border-bottom:0; position:relative;}
#contentsWrap .container .aboutTab li:last-child {border-right:1px solid #ccd0d0;}
#contentsWrap .container .aboutTab li a {display:block; width:100%; text-align:center; font-size:14px;}
#contentsWrap .container .aboutTab li.active {background:#666; border-color:#666; color:#fff;}
#contentsWrap .container .aboutTab li .arr {width:44px; height:20px; background:url("../images/bg_login_arr.png") no-repeat; background-size:100% auto; position:absolute; top:24px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);-ms-transform: translateX(-50%); display:none;}
#contentsWrap .container .aboutTab li.active .arr {display:block;}
#contentsWrap .container .aboutInner p {word-break:keep-all;}
#contentsWrap .container .aboutTab2 li {width:50%;}

/*about_001*/
#contentsWrap .container h5.bbottom {border-bottom:1px solid #ccd0d0; padding-bottom:4px;}
.aboutInner .feature {width:100%; height:auto; display:inline-block; padding:12px 50px; border:1px solid #dfe2e5; border-radius:6px; position:relative;}
.aboutInner .feature ul {width:33.3333%; box-sizing:border-box; float:left; text-align:center; border-radius:12px;}
.aboutInner .feature ul li {width:100%; padding:12px 10px; height:150px; display:inline-block; }
.aboutInner .feature ul.type1 li p {float:left; width:100%; margin-bottom:8px; display:inline-block; height:36px; text-align:left; padding-top:6px; padding-left:48px;}
.aboutInner .feature ul.type1 li p.ico1 {background:url("../images/ico_feature_type1_01.png") no-repeat 4px top; background-size:auto 30px;}
.aboutInner .feature ul.type1 li p.ico2 {background:url("../images/ico_feature_type1_02.png") no-repeat left top; background-size:auto 30px;}
.aboutInner .feature ul.type1 li p.ico3 {background:url("../images/ico_feature_type1_03.png") no-repeat left top; background-size:auto 30px;}
.aboutInner .feature ul.type2 li p {float:left; width:100%; margin-bottom:8px; display:inline-block; height:36px; text-align:left; padding-top:6px; padding-left:48px;}
.aboutInner .feature ul.type2 li p.ico1 {background:url("../images/ico_feature_type2_01.png") no-repeat left top; background-size:auto 34px;}
.aboutInner .feature ul.type2 li p.ico2 {background:url("../images/ico_feature_type2_02.png") no-repeat left top; background-size:auto 32px;}
.aboutInner .feature ul.type2 li p.ico3 {background:url("../images/ico_feature_type2_03.png") no-repeat left top; background-size:auto 32px;}
.aboutInner .feature ul.type3 li p {float:left; width:100%; margin-bottom:8px; display:inline-block; height:36px; text-align:left; padding-top:6px; padding-left:48px;}
.aboutInner .feature ul.type3 li p.ico1 {background:url("../images/ico_feature_type3_01.png") no-repeat 6px top; background-size:auto 30px;}
.aboutInner .feature ul.type3 li p.ico2 {background:url("../images/ico_feature_type3_02.png") no-repeat left top; background-size:auto 30px;}
.aboutInner .feature ul.type3 li p.ico3 {background:url("../images/ico_feature_type3_03.png") no-repeat left top; background-size:auto 30px;}

.aboutTypeBox-01 {width:100%; padding:12px; border:1px solid #dfe2e5; border-radius:6px; position:relative;}
.aboutTypeBox-01 table {width:100%; padding:0;}
.aboutTypeBox-01 table thead th {padding:6px 0; font-size:14px;}
.aboutTypeBox-01 table thead tr.strong th {font-size:15px;}
.aboutTypeBox-01 table th, .aboutTypeBox-01 table td {height:48px; text-align:center; vertical-align:middle;}
.aboutTypeBox-01 table th {border:1px solid #fff; background-color:#edf0f2; font-weight:bold;}
.aboutTypeBox-01 table td {padding:16px 16px; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.aboutTypeBox-01 table td:first-child {border-left:0;}
.aboutTypeBox-01 table td span.line {text-decoration:line-through;}
.aboutTypeBox-01 table td strong {color:#ff4400;}
.aboutTypeBox-01 table tr:last-child td {border-bottom:0;} 

.aboutInner .process {margin-top:25px;}
.aboutInner .process ul li {display:block; width:324px; height:160px; float:left; background:url("../images/layer_prv_arr_next.png") no-repeat 284px 56px; background-size:12px auto;}
.aboutInner .process ul li .item {display:block; width:258px; height:160px;}
.aboutInner .process ul li p.step {display:block; width:100%; height:40px; padding-top:10px; font-size:15px; font-weight:bold; text-align:center; background-color:#f3f6f9; border-radius:10px;}
.aboutInner .process ul li .desc {display:table-cell; text-align:center; vertical-align:top; padding-top:10px; width:180px; height:80px;}
.aboutInner .process ul li .desc p {width:140px; text-align:left; display:block; padding-left:12px; font-size:14px; word-break:break-all !important; margin:0 auto; 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:nth-child(1) .item {background:url("../images/main/about_process_ico01.png") no-repeat 185px 56px; background-size:auto 56px;}
.aboutInner .process ul li:nth-child(2) .item {background:url("../images/main/about_process_ico02.png") no-repeat 185px 56px; background-size:auto 56px;}
.aboutInner .process ul li:nth-child(3) .item {background:url("../images/main/about_process_ico03.png") no-repeat 185px 56px; background-size:auto 56px;}
.aboutInner .process ul li:nth-child(4) .item {background:url("../images/main/about_process_ico04.png") no-repeat 185px 56px; background-size:auto 56px;}
.aboutInner .process ul li:nth-child(5) .item {background:url("../images/main/about_process_ico05.png") no-repeat 175px 56px; background-size:auto 56px;}
.aboutInner .process ul li:nth-child(6) .item {background:url("../images/main/about_process_ico06.png") no-repeat 175px 56px; background-size:auto 56px;}
.aboutInner .process ul li:nth-child(6) {background:none;}
/*about_002*/
.aItemBox-02 {width:100%; padding:12px; border:1px solid #edf0f2; border-radius:6px; position:relative;}
.aItemBox-02 table {width:100%;}
.aItemBox-02 table thead th {padding:10px 0; font-size:13px;}
.aItemBox-02 table thead tr.strong th {font-size:17px;}
.aItemBox-02 table th {text-align:center; vertical-align:middle; background-color:#f5f5f5; border:1px solid #fff;}
.aItemBox-02 table th {background-color:#edf0f2; font-size:17px; font-weight:bold;}
.aItemBox-02 table td {height:140px; text-align:center; vertical-align:middle; padding:16px 16px; background-color:#f7f7f7; border:1px solid #fff;}
.aItemBox-02 .boxlayer {position:absolute; top:120px; left:157px; width:810px; background:url("../images/bg_arr_boxlayer.png") no-repeat 78px 10px; background-size:76.2% auto;}
.aItemBox-02 .boxlayer ul {height:140px;}
.aItemBox-02 .boxlayer ul li {float:left; width:144px; height:auto; text-align:center;}
.aItemBox-02 .boxlayer ul li .item {width:85.8%; height:auto; padding:4px 2px 4px 6px; border-radius:4px; border:2px solid #ccd0d0; background-color:#fff; display:inline-block;}
.aItemBox-02 .boxlayer ul li p {display:none; font-size:12px; padding-left:5px; position:relative;}
.aItemBox-02 .boxlayer ul li p:after {position:absolute; top:8px; left:0; width:2px; height:2px; border-radius:50%; background-color:#ccd0d0; display:block; content:"";}
.aItemBox-02 .boxlayer ul li .item:hover p {display:block; text-align:left;}
.aItemBox-02 .boxlayer ul li:nth-child(5) {width:110px;}
.aItemBox-02 .boxlayer ul li:nth-child(6) {width:120px;}
/*about_003*/
.aboutInner .voterGuidebox {width:100%; padding:12px; border:1px solid #e9eef3; border-radius:6px; position:relative; text-align:center;}
.aboutInner .guideTab {width:100%;}
.aboutInner .guideTab ul {width:100%; height:auto; padding:15px 0 30px; margin-bottom:30px; border-bottom:2px solid #e9eef3; text-align:center;}
.aboutInner .guideTab ul li {width:202px; background:url("../images/layer_prv_arr_next.png") no-repeat 186px 10px; background-size:8px auto; background-color:#fff; display:inline-block; text-align:left;}
.aboutInner .guideTab ul li:nth-child(4) {width:170px;}
.aboutInner .guideTab ul li button {width:170px; padding:8px 10px 8px; border-radius:4px; border:1px solid #ccd0d0; background-color:#fff; font-size:14px; display:inline-block;}
.aboutInner .guideTab ul li.active button {border-color:#000; font-weight:bold; color:#000;} 
.aboutInner .guideImg {width:100%; text-align:center; margin-bottom:10px; height:520px; position:relative;}
.aboutInner .guideImg ul li {display:none;}
.aboutInner .guideImg ul li.area {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 .guideImg ul li img {}
.aboutInner .voterGuidebox button.ctrl {border:1px solid #4c4c4c; border-radius:50%; width:30px; height:30px; margin:0 2px; opacity:.4;}
.aboutInner .voterGuidebox button.active {opacity:1;}
#contentsWrap .container .layerArea {position:absolute; top:0 !important; left:50% !important; transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; -webkit-transform:translateX(-50%) !important;}
#contentsWrap .container .layerArea .prvPphone .msgInner {width:221px;}
#contentsWrap .container .layerArea .prvPphone .msgInner>.titArea {border-radius:0;}
#contentsWrap .container .layerArea .prvPphone .msgInner>.msgCont {height:308px; border-radius:0;}
/*use*/
.useInner {}
.useInner p {background:url("../images/tbl_th_ico03.png") no-repeat 0 3px; padding-left:15px; word-break:keep-all; margin-bottom:3px;}
.useInner p.indent {background:none; padding-left:30px; word-break:keep-all; margin-bottom:3px; position:relative;}
.useInner p.indent:before {position:absolute; top:10px; left:16px; width:6px; height:1px; background-color:#282c33; content:'';}
.useInner p.unit {background:none; padding:0; text-align:right;}
.useInner p.ti {background:none; padding:0; font-weight:bold;}
.useInner span {display:block; margin:5px 0;}
.useBox-01 {width:100%; padding:12px; border:1px solid #dfe2e5; border-radius:6px; position:relative;}
.useBox-01 table {width:100%;}
.useBox-01 table thead th {padding:6px 0; font-size:14px;}
.useBox-01 table thead tr.strong th {font-size:15px;}
.useBox-01 table th {text-align:center; vertical-align:middle; border:1px solid #fff; background-color:#edf0f2; font-weight:bold;}
.useBox-01 table td {height:60px; text-align:center; vertical-align:middle; padding:16px 16px; background-color:#f7f7f7; border:1px solid #fff; font-weight:bold;}
.useBox-01 table td span.line {text-decoration:line-through;}
.useBox-01 table td strong {color:#ff4400;}
.useBox-01.kvotingStyle {padding:0; border:0; border-radius:0;}
.useBox-01.kvotingStyle table {border-top:1px solid #d7d7d7;}
.useBox-01.kvotingStyle table th {background-color:#edf0f2; border:0; border-left:1px solid #d7d7d7; border-bottom:1px dashed #d7d7d7;}
.useBox-01.kvotingStyle table td {background-color:#fff; border:0; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
.useBox-01.kvotingStyle table th:nth-child(1), .useBox-01.kvotingStyle table td:nth-child(1) {border-left:0;}
.useBox-01.kvotingStyle table td.bleft {border-left:1px solid #d7d7d7;}
.useBox-01.kvotingStyle table td span {display:block; margin:30px 0;}


/* voteset_001 / ppInner */
.ppInner .linkList {}
.ppInner .linkList {display:block; width:25%; height:auto; border-top:1px solid #ccd0d0;}
.ppInner .linkList li {width:100%; display:block;}
.ppInner .linkList li a {display:block; width:100%; border:1px solid #ccd0d0; border-top:0; padding:10px 0 8px 40px; text-align:left; font-size:15px; background:url("../images/ico_src_link.png") no-repeat 18px 10px;}
.ppInner .linkList li:hover a {color:#fff; background:url("../images/ico_src_link_white.png") no-repeat 18px 10px; border-color:#454545; background-color:#454545;}
.tblvote-03 table {width:100%;}
.tblvote-03 table tr:first-child th, .tblvote-03 table tr:first-child td {border-top:1px solid #ccd0d0;}
.tblvote-03 table th {padding:6px 0 6px 8px; min-height:48px; vertical-align:middle; border-left:1px solid #ccd0d0; border-bottom:1px solid #ccd0d0; background:#f8f8f8;}
.tblvote-03 table td {padding:6px 8px; min-height:48px; vertical-align:middle; border-left:1px solid #ccd0d0; border-bottom:1px solid #ccd0d0;}
.tblvote-03 table th:last-child {border-right:1px solid #ccd0d0;}
.tblvote-03 table td:last-child {border-right:1px solid #ccd0d0;}
.tblvote-03 table td button {min-width:60px; height:30px; padding:8px 16px 8px 36px; color:#fff; border:0; border-radius:16px;}
.tblvote-03 table td button.add {background:#59b7bf url("../images/ico_voteadd_001.png") no-repeat 16px 7px; background-size:15px auto;}
.tblvote-03 table td button.del {background:#e96d6d url("../images/layer_close_white.png") no-repeat 17px 9px; background-size:11px auto;}
.tblvote-03 table td .pack {display:inline-block; width:auto;}
.tblvote-03 table td .pack:nth-child(1) {padding-bottom:5px; margin-bottom:8px; border-bottom:1px solid #ccd0d0;}
.tblvote-03 table td .pack:after {content:"" ; display:block; clear:both;}
.tblvote-03 table td .pack span {float:left; display:block; width:180px; margin-right:10px; text-align:center;}
.tblvote-03 table td .pack input {float:left; display:block; width:180px; margin-right:10px;}
.tblvote-03 table td .pack button {background:#ffffff; color:#3a3a3a; border:1px solid #999; padding:8px 20px}
.tblvote-03 table td button.large {padding:8px 18px 8px 36px;}
.tblvote-03 table td img.star {width:auto; height:26px; margin:-2px 5px 0;}
.tblvote-03 table td .w320 {width:320px;}

/* pp_gradient - admin.pc.tablet */
.pp_gradient {height:100vh; position:relative; text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c8fdc+0,0877c4+100 */
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f8f8f8 0%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f8f8f8 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f8f8f8 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c8fdc', endColorstr='#0877c4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.pp_gradient .loginBox {position:absolute; top:28%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); height:auto; width:530px; padding:20px 40px; background:#fff url("../images/main/visual.png") no-repeat -32px 78px; background-size:198px auto; border:1px solid #e7e7e7;}
.pp_gradient .loginBox h3 {font-size:22px; text-align:center; margin:14px 0;}
.pp_gradient .loginBox table {position:relative; width:260px; margin-left:12px; display:inline-block;}
.pp_gradient .loginBox table th {padding:4px 6px; font-size:14px; text-align:right;}
.pp_gradient .loginBox table td {padding:4px 6px; font-size:14px; text-align:left;}
.pp_gradient .loginBox table input {width:100%; height:32px; font-size:14px;} 
.pp_gradient .loginBox table button {width:100%; height:32px; line-height:32px; text-align:center; font-size:14px; border:1px solid #ccd0d0;}
.pp_gradient .loginBox table button:hover {background-color:#454545; border-color:#454545; color:#ffffff;}
.pp_gradient .loginBox .timer {position:absolute; top:172px; right:70px; width:auto; font-size:15px; color:#ff0000;}
.pp_gradient .loginBox .login {position:absolute; top:86px; right:58px; background-color:#e36e66; width:84px; height:70px; line-height:70px; text-align:center; color:#fff; font-size:16px;}
.pp_gradient .loginBox .login:hover {background-color:#454545;}
.pp_gradient .loginBox p.desc {text-align:center; margin:14px 0 0; font-size:14px;}
.pp_gradient .loginBox.pc {background:#fff url("../images/main/visual.png") no-repeat -32px 70px; background-size:198px auto; padding:20px 30px 20px 60px;} 
.pp_gradient .tabletInner {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); width:660px; height:auto; display:inline-block;}
.pp_gradient .tabletInner:after {content:"" ; display:block; clear:both;}
.pp_gradient .tabletInner .loginBox {position:static; transform:none; -webkit-transform:none; display:block; float:left; width:460px; margin-right:10px; background:#fff url("../images/main/visual.png") no-repeat -28px 74px; background-size:170px auto; padding:20px 10px 20px 40px;} 
.pp_gradient .keypad {display:block; float:right; margin-top:0; width:180px; height:auto;}
.pp_gradient .keypad ul:after {content:"" ; display:block; clear:both;}
.pp_gradient .keypad ul li {width:54px; height:54px; display:block; float:left; margin:3px;}
.pp_gradient .keypad ul li button {width:54px; height:54px; line-height:50px; font-size:18px; border-radius:50%; background-color:#e36e66; color:#fff;}
.pp_gradient .keypad ul li button.txt {font-size:1.000em; line-height:1.2;}
.pp_gradient .keypad ul li button:hover {background-color:#fff; color:#000;}

/*ppadminInner*/
.ppadmin_Ti {width:100%; height:auto; padding:20px 0 12px; display:inline-block;}
.ppadmin_Ti p.title {display:block; width:auto; max-width:980px; margin:0 auto; font-size:20px; font-weight:bold; line-height:1; text-align:left; word-break:keep-all; z-index:1;}
.ppadmin_state {width:100%; height:auto;}
.ppadmin_state .stateInner {width:auto; max-width:980px; margin:0 auto; border-bottom:1px solid #ccd0d0; position:relative;}
.ppadmin_state .stateInner ul {width:100%; height:auto; padding:0 0 10px;}
.ppadmin_state .stateInner ul:after {content:"" ; display:block; clear:both;}
.ppadmin_state .stateInner ul li {width:24%; float:left; font-size:15px;}
.ppadmin_state .stateInner ul li strong {font-size:15px;}
.ppadmin_state .stateInner ul li:nth-child(1) {width:28%;}
.ppadmin_state .stateInner .renew {position:absolute; right:0; top:-14px; width:38px; height:38px; background:#ff7700 url("../images/main/ico_renew.png") no-repeat center; background-size:24px auto; font-size:0; border:1px solid #ff6600; border-radius:50%;}
.ppInner .viewport {width:680px; margin:20px auto 0;}
.ppInner .viewport.mleft {margin:20px auto 0 0; min-height:600px;}
.pp-resultBox {width:100%; padding:12px; border:1px solid #ccd0d0; border-radius:5px;}
.ppInner {position:relative;}
.ppInner .panel {width:260px; height:auto; display:inline-block; position:absolute; top:0; right:0;} 
.ppInner .panel .ti {width:100%; padding:12px 0 10px; font-size:16px; text-align:center; color:#fff; background-color:#666; border-radius:8px 8px 0 0;}
.ppInner .panel .scrBox {display:block; width:100%; padding:2%; height:430px; border-left:1px solid #ccd0d0; border-right:1px solid #ccd0d0; overflow-y:auto;}
.ppInner .panel .scrBox ul {width:100%;}
.ppInner .panel .scrBox ul li {width:92%; height:auto; padding:6px 0; border:1px solid #ccd0d0; margin-top:3px; position:relative;}
.ppInner .panel .scrBox ul li:nth-child {margin-top:0;}
.ppInner .panel .scrBox ul li p {padding-left:34px;}
.ppInner .panel .scrBox ul li p span {position:absolute; right:8px;}
.ppInner .panel .scrBox ul li .incomplete {background:url("../images/ico_pp_state1.png") no-repeat 8px center; background-size:auto 18px;}
.ppInner .panel .scrBox ul li .incomplete span {color:#ff4400;}
.ppInner .panel .scrBox ul li button.send {display:block; margin:0 3px 0 auto; background-color:#ff6600; font-size:12px; color:#fff; padding:6px 7px 5px; border-radius:3px;}
.ppInner .panel .scrBox ul li button.send:hover {background-color:#ff4400;}
.ppInner .panel .scrBox ul li button.resend {display:block; margin:0 4px 0 auto; background-color:#6cc874; color:#fff; padding:6px 8px; border-radius:4px;}
.ppInner .panel .scrBox ul li button.resend:hover {background-color:#096;}
.ppInner .panel .scrBox ul li button.del {display:block; width:18px; height:18px; background:url("../images/ico_pp_del.png") no-repeat center; background-size:12px auto; border:1px solid #f6f8f9; border-radius:4px; font-size:0; position:absolute; right:-22px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.ppInner .panel .scrBox button.add {display:block; width:92%; padding-left:34px; height:34px; margin-top:3px; background:#f5f5f5 url("../images/ico_pp_add.png") no-repeat 74px center; background-size:auto 18px; border:1px solid #ccd0d0; border-radius:3px; font-size:14px;}
.ppInner .panel .scrBox button.add:hover {background-color:#fff; border-color:#454545;}
.ppInner .panel .scrBox ul li .completion {background:url("../images/ico_pp_state2.png") no-repeat 8px center; background-size:auto 18px;}
.ppInner .panel .scrBox ul li .completion span {color:#096;}
.ppInner .panel button.save {width:100%; height:42px; display:block; padding-left:25px; background:#f5f5f5 url("../images/ico_pp_save.png") no-repeat 41px center; background-size:auto 22px; border:1px solid #ccd0d0; color:#282c33; margin-bottom:6px; border-radius:0 0 6px 6px; font-size:15px;}
.ppInner .panel button.outline {width:100%; height:42px; display:block; padding-left:25px; background:#f5f5f5 url("../images/ico_pp_print2.png") no-repeat 42px center; background-size:auto 22px; border:1px solid #ccd0d0; color:#282c33; border-radius:6px; font-size:15px;}
.ppInner .panel button.authzno {width:100%; height:42px; display:block; padding-left:32px; background:#f5f5f5 url("../images/ico_pp_sms.png") no-repeat 45px center; background-size:auto 22px; border:1px solid #ccd0d0; color:#282c33; border-radius:6px; font-size:15px;}
.ppInner .panel button:hover {background-color:#fff;}

.payInner h5 {width:100%; height:44px; position:relative;}
.payInner h5 button.print {position:absolute; right:0; width:126px; padding-left:30px; height:32px; color:#202224; border:1px solid #ccd0d0; background:url("../images/ico_pp_print2.png") no-repeat 16px 6px; background-size:auto 58%; transition:0.3s linear; -webkit-transition:0.3s linear;}
.payInner h5 button.print:hover {border-color:#383838;}
.pay_ti {padding-top:10px;}
.payInner2 {border:1px solid #ccd0d0; background-size:auto 44px; border-bottom:0; padding-top:25px;}
.payInner2 h6 {padding-left:10px;}
.payInner2 .tbllayer-04 table th {border-left:0;}
.payInner2 .tbllayer-04 table td {border-right:0;}
.payInner2 .tbllayer-04 table td:first-child {border-left:0;}

.previewBox {position:relative; margin:0 0 12px 80px; padding:80px 90px 70px 90px; width:680px; color:#575753; font-family:바탕; font-weight:bold; border:dashed 1px #b5b194;}
.previewBox .logo {margin:0 auto; text-align:center; font-size:24px;}
.previewBox .preview_tbl {width:100%;margin-top:35px; border-spacing: 0; clear: both; border-collapse: collapse;}
.previewBox .preview_tbl th {text-align:center; font-size:14px;border:1px solid #575753; letter-spacing:2px; font-weight:bold;}
.previewBox .preview_tbl td {height:30px; padding:12px 10px 10px 10px; text-align:center; font-size:18px;border:1px solid #575753; letter-spacing:4px; font-weight:bold;}
.previewBox .preview_tbl td.vote {font-size:14px; letter-spacing:0;}
.previewBox .preview_direction {padding-top:50px;width:510px; font-size:13px; color:#ff6c00;}
.previewBox .preview_direction p{padding-top:5px;font-size:12px; color:#ff6c00; font-weight:normal; line-height:16px;}
.previewBox_impossibility {margin:0 0 12px 80px; padding:100px 50px 70px 50px; width:574px; color:red; font-size:16px; font-weight:bold; border:dashed 1px #b5b194;}

.ppTbl_top {width:100%;height:43px;background-color: #6d7aaf; position:relative;text-align:center;}
.ppTbl_top p {font-size:16px;font-weight:bold;color:white;display:block; padding-top:10px;}
.ppTbl_top a {position:absolute; top:10px; right:10px;display:block;}
.ppTbl_body {border:1px solid #bbc6f4;border-top:none;padding:40px;}
.ppTbl_body .code_ti {margin-bottom:12px; padding-left:24px;background:url(../images_new/ppadmin/icon_03.gif) no-repeat 0 0; color:#3259ca; font-size:14px; font-weight:bolder;}
.commonList{height:250px;overflow:auto;border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5; border-bottom:2px solid #5067c3;}
.commonList2{height:500px;overflow:auto;border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5; border-bottom:2px solid #5067c3;}
.commonTbl {width:100%;}
.commonTbl th{padding:10px 0 9px 0;background-color:#f6f6f6;;border-left:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;text-align:center; font-weight:bolder;}
.commonTbl th:first-child{border-left:none;}
.commonTbl td{border-left:1px dotted #c5c5c5;border-bottom:1px dotted #c5c5c5;padding:10px 0 9px 0;text-align:center;}
.commonTbl td:first-child{border-left:none;}

/*charge*/
#contentsWrap .container .chargeTab {display:block; width:100%; height:auto; margin:0 auto; border-bottom:1px solid #ccd0d0;}
#contentsWrap .container .chargeTab:after {content:""; display:block; clear:both;}
#contentsWrap .container .chargeTab li {float:left; width:25%; display:inline-block; border:1px solid #ccd0d0; padding:7px 0 5px; border-right:0; border-bottom:0; position:relative;}
#contentsWrap .container .chargeTab li:last-child {border-right:1px solid #ccd0d0;}
#contentsWrap .container .chargeTab li a {display:block; width:100%; text-align:center; font-size:14px;}
#contentsWrap .container .chargeTab li.active {background:#666; border-color:#666; color:#fff;}
#contentsWrap .container .chargeTab li .arr {width:28px; height:14px; background:url("../images/bg_login_arr.png") no-repeat; background-size:100% auto; position:absolute; top:30px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);-ms-transform: translateX(-50%); display:none;}
#contentsWrap .container .chargeTab li.active .arr {display:block;}
#contentsWrap .container .chargeInner h5 {position:relative;}
#contentsWrap .container .chargeInner h5.extend {width:100%; height:auto; display:inline-block;}
#contentsWrap .container .chargeInner h5.logo {padding-left:80px; background:url("../images/main/h1_logo.png") no-repeat left center; background-size:auto 100%;}
#contentsWrap .container .chargeInner h5 .radioArea {width:auto; display:block; margin-top:10px;}
#contentsWrap .container .chargeInner h5 .btnArea {position:absolute; right:0; bottom:0; width:auto; display:inline-block;}
#contentsWrap .container .chargeInner h5 .btnArea button {display:inline-block; width:auto; padding:0 22px; margin-right:-1px; height:30px; color:#fff;}

/*#contentsWrap .container .chargeInner h5 .btnArea button.edit {background-color:#059fdb;}
#contentsWrap .container .chargeInner h5 .btnArea button.add {background-color:#59b7bf;}*/

#contentsWrap .container .chargeInner h5 .btnArea button.listup {width:auto; padding:0 16px 0 40px; color:#202224; border:1px solid #ccd0d0; background:url("../images/btn_ico_list_up.png") no-repeat 16px 7px; background-size:auto 60%; transition:0.3s linear; -webkit-transition:0.3s linear;}
#contentsWrap .container .chargeInner h5 .btnArea button.listdown {width:auto; padding:0 16px 0 40px; color:#202224; border:1px solid #ccd0d0; background:url("../images/btn_ico_list_down.png") no-repeat 16px 7px; background-size:auto 60%; transition:0.3s linear; -webkit-transition:0.3s linear;}
#contentsWrap .container .chargeInner h5 .btnArea button.sms {width:auto; padding:0 16px 0 40px; color:#202224; border:1px solid #ccd0d0; background:url("../images/ico_pp_sms.png") no-repeat 16px 6px; background-size:auto 60%; transition:0.3s linear; -webkit-transition:0.3s linear;}
#contentsWrap .container .chargeInner h5 .btnArea button.imgdown {width:auto; padding:0 16px 0 40px; color:#202224; border:1px solid #ccd0d0; background:url("../images/ico_pp_save.png") no-repeat 16px 6px; background-size:auto 60%; transition:0.3s linear; -webkit-transition:0.3s linear;}
#contentsWrap .container .chargeInner h5 .btnArea button.form {width:auto; padding:0 16px 0 40px; color:#202224; border:1px solid #ccd0d0; background:url("../images/btn_ico_form.png") no-repeat 16px 6px; background-size:auto 60%; transition:0.3s linear; -webkit-transition:0.3s linear;}
#contentsWrap .container .chargeInner h5 .btnArea button.listup:focus, #contentsWrap .container .chargeInner h5 .btnArea button.listup:hover, 
#contentsWrap .container .chargeInner h5 .btnArea button.listdown:focus, #contentsWrap .container .chargeInner h5 .btnArea button.listdown:hover,
#contentsWrap .container .chargeInner h5 .btnArea button.sms:focus, #contentsWrap .container .chargeInner h5 .btnArea button.sms:hover,
#contentsWrap .container .chargeInner h5 .btnArea button.form:focus, #contentsWrap .container .chargeInner h5 .btnArea button.form:hover {background-color:#454545; border-color:#454545; color:#fff;}

#contentsWrap .container .chargeInner .tblTiArea {display:block; width:100%; height:30px; text-align:center; position:relative;}
#contentsWrap .container .chargeInner .tblTiArea span {display:inline-block; font-size:17px; font-weight:bold;}
#contentsWrap .container .chargeInner .tblTiArea .tabBtn {position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit- transform:translateY(-50%); display:block; width:auto; text-align:center;}
#contentsWrap .container .chargeInner .tblTiArea .tabBtn button {width:140px; padding-left:34px; text-align:center; height:32px; background-color:#fff; border:1px solid #ccd0d0;}
#contentsWrap .container .chargeInner .tblTiArea .tabBtn button.table {background:url("../images/btn_ico_table.png") no-repeat 22px center; background-size:auto 55%;}
#contentsWrap .container .chargeInner .tblTiArea .tabBtn button.chart {background:url("../images/btn_ico_chart.png") no-repeat 22px center; background-size:auto 58%;}
#contentsWrap .container .chargeInner .tblTiArea .tabBtn button:hover, #contentsWrap .container .chargeInner .tblTiArea .tabBtn button.active {background-color:#454545; border:1px solid #454545; color:#fff;}
#contentsWrap .container .chargeInner .graphArea {display:block; width:100%; height:500px; margin:0 auto;}

.chargeInner .searchForm01 .tblcommon-01 table th, .chargeInner .searchForm01 .tblcommon-01 table td {text-align:left; position:relative;}
.chargeInner .searchForm01 .tblcommon-01 table td label {margin-right:20px;}
.chargeInner .searchForm01 .tblcommon-01 table.div1 {position:relative;}
.chargeInner .searchForm01 .tblcommon-01 table.div1:after {position:absolute; display:block; top:10%; left:44%; width:1px; height:48%; content:""; background-color:#ccd0d0;}
.chargeInner .searchForm01 .tblcommon-01 table.div2 {position:relative;}
.chargeInner .searchForm01 .tblcommon-01 table.div2:after {position:absolute; display:block; top:10%; left:38%; width:1px; height:30%; content:""; background-color:#ccd0d0;}
.chargeInner .searchForm01 button.search {position:absolute; right:0; bottom:0; height:64px;}
	
.chargeInner .tblcommon-01 table th, .chargeInner .tblcommon-01 table td {text-align:center; padding:6px 8px;}
.chargeInner .tblcommon-01 table th:first-child {border-left:0;}
.chargeInner .tblcommon-01 table th {border-left:1px solid #ccd0d0;}
.chargeInner .tblcommon-01 table td button {word-break:keep-all; padding:6px 6px 5px; border-radius:3px; border-color:#333;}
.chargeInner .tblcommon-01.p8 table th, .chargeInner .tblcommon-01.p8 table td {padding-left:8px; padding-right:8px;}
.chargeInner .tblcommon-01.p8 table .bl333 {border-left:2px solid #666;}

.chargeInner .tblcommon-01 table .bgSky {background-color:#85d9ff;}
.chargeInner .tblcommon-01 table .bgSky2 {background-color:#57caff;}
.chargeInner .tblcommon-01 table .bgBlue {background-color:#daf1ff;}
.chargeInner .tblcommon-01 table .bgGreen {background-color:#e9f8ea;}
.chargeInner .tblcommon-01 table .bgBlue2 {background-color:#b3e1ff;}
.chargeInner .tblcommon-01 table .bgGreen2 {background-color:#cceece;}
.chargeInner .tblcommon-01 table .bgOrg {background-color:#ffd18d; font-weight:bold;}
.chargeInner .tblcommon-01 table .bgOrg2 {background-color:#ffe6c1;}
.chargeInner .tblcommon-01 table .aRight {text-align:right;}
.chargeInner .tblcommon-01.even table tbody > tr:nth-child(even) > td {background:#fafafa;}

/*tblcommon*/
.tblcommon-01 table {width:100%; border-top:1px solid #ccd0d0;}
.tblcommon-01 table th {text-align:left; padding:6px 0 5px 14px; vertical-align:middle;}
.tblcommon-01 table td {text-align:left; padding:6px 5px; vertical-align:middle;}
.tblcommon-01 table th {border:1px solid #ccd0d0; border-left:0; border-right:0; border-top:0; background:#f5f5f5;}
.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 dotted #ccd0d0; color:#3a3a3a;}
.tblcommon-01 table td .date {width:55px; text-align:center;}
.tblcommon-01 table td .year {width:100px; text-align:center;}
.tblcommon-01 table td .telnum, .tblcommon-01 table td .year, .tblcommon-01 table td .num_short {width:60px; text-align:center;}
.tblcommon-01 table td .num {width:120px; text-align:center;}
.tblcommon-01 table td .short {width:130px;}
.tblcommon-01 table td .short2 {width:110px;}
.tblcommon-01 table td .short3 {width:220px;}
.tblcommon-01 table td .short4 {width:90px;}
.tblcommon-01 table td .short5 {width:80px; display:inline-block;}
.tblcommon-01 table td .short6 {width:90px; display:inline-block;}
.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 input {width:100%;} 
.tblcommon-01 table td button {width:auto; padding:8px 6px 7px; border:1px solid #ccd0d0;}
.tblcommon-01 table td button.p60 {padding-left:60px; padding-right:60px;}
.tblcommon-01 table td button.calendar {width:30px; height:30px; background:url("../images/tbl_td_cal.png") no-repeat center; background-size:86% auto; font-size:0; border:0;}

.tblcommon-01 table td label.checkcommon-01 .check-icon {margin-top:3px;}
.tblcommon-01 table td label span {color:#3a3a3a;}
.tblcommon-01 table td.aCenter {text-align:center;}
.tblcommon-01 table td label {float:left;}
/*tblvote*/
.tblvote-01 table {width:100%;}
.tblvote-01 table th {text-align:left; padding:6px 0 5px 8px; min-height:52px; vertical-align:text-top;}
.tblvote-01 table td {text-align:left; padding:6px 5px; 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 0 5px;}
.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:120px; text-align:center;}
.tblvote-01 table td .num2 {width:50px; padding:0 4px; text-align:center;}
.tblvote-01 table td .num3 {width:100px; padding:0 4px; text-align:center;}
.tblvote-01 table td .name, .tblvote-01 table td .write {width:140px;}
.tblvote-01 table td .short {width:170px;}
.tblvote-01 table td input {width:100%; background:#f5f5f5;}
.tblvote-01 table td select {background:#f5f5f5;}
.tblvote-01 table td button {width:auto; min-width:90px; padding:6px 14px; border-radius:22px; background:#fff; border:1px solid #ccd0d0;}
.tblvote-01 table td button.calendar {width:30px; min-width:30px; margin:0 6px; height:30px; border:0; background:url("../images/tbl_td_cal.png") no-repeat center; background-size:86% auto; font-size:0;}
.tblvote-01 table td button.advice {width:25px; margin-top:-2px; min-width:25px; height:25px; background:url("../images/tbl_td_advice.png") no-repeat center; background-size:90% auto; font-size:0; border:0;}
.tblvote-01 table td button.list01 {width:36.5%; height:35px; line-height:35px; padding:0; background:#4b699b; color:#fff; border-radius:0;}
.tblvote-01 table td button.list02 {width:36.5%; margin-left:6px; height:35px; line-height:35px; padding:0; background:#828ea5; color:#fff; border-radius:0;}
.tblvote-01 table td span.voter {margin-left:12px; font-weight:bold; letter-spacing:-0.5px; color:#222;}
.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:#db7b02; display:inline-block; padding-left:14px; background:url("../images/tbl_th_ico01.png") no-repeat 0 4px;}

.tblvote-02 table {width:100%;border-top:1px solid #ccd0d0; border-bottom:1px solid #ccd0d0;}
.tblvote-02 table th {padding:6px 0 6px 8px; min-height:48px; vertical-align:middle; border-left:1px solid #ccd0d0; background:#f5f5f5;}
.tblvote-02 table th:last-child {border-right:1px solid #ccd0d0;}
.tblvote-02 table td:last-child {border-right:1px solid #ccd0d0;}
.tblvote-02 table td {padding:6px 5px; min-height:48px; vertical-align:middle; border-left:1px solid #ccd0d0;}
.tblvote-02 table p span {color:#db7b02;}
.tblvote-02 table td button.security {margin-top:10px; height:35px; line-height:35px; border-radius:24px; padding:0 60px; background:#858585; color:#fff; border:0;}
.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; color:#fff; border-radius:16px;}
.tblvote-02 table td button.candidate, .tblvote-02 table td button.info {background:#1c228f; color:#fff; border:0;}
.tblvote-02 table td button.resend {background:#ab3600; color:#fff; border:0;}
.tblvote-02 table td button.del {min-width:60px; background:#e96d6d; padding:6px 12px; margin-left:4px; color:#fff; border:0;}
.tblvote-02 table td button.add {min-width:60px; background:#59b7bf; padding:6px 12px; margin-left:4px; color:#fff; border:0;}
.tblvote-02 table td img.star {width:auto; height:20px; margin:-2px 5px 0;}

/* label.check */
label.checkcommon-01 {cursor:pointer; display:block;}
label.checkcommon-01 .check-icon {float:left; margin-right:10px; display:inline-block; width:24px; height:24px; background:url("../images/ico_check01.png") no-repeat; overflow:hidden;}
label.checkcommon-01 input[type=checkbox] {display:none;}
label.checkcommon-01 input[type=checkbox]:checked + .check-icon {background:url("../images/ico_check01.png") no-repeat bottom;}
label.checkcommon-01 input[type=checkbox]:disabled + .check-icon {background:url("../images/ico_check02.png") no-repeat;}
label.checkcommon-01 span {float:left; width:auto; margin-top:2px;}
label:after {content:""; display:block; clear:both;}

/* label.radio */
label.radiocommon-01 {cursor:pointer; float:left; margin-right:30px;}
label.radiocommon-01.accSearch {text-align:left; margin-right:0;}
label.radiocommon-01 .radio-icon {float:left; margin-right:6px; display:inline-block; width:20px; height:20px; background:url("../images/ico_radio01.png") no-repeat; background-size:100% auto; overflow:hidden;}
label.radiocommon-01 input[type=radio] {display: none;}
label.radiocommon-01 input[type=radio]:checked + .radio-icon {background:url("../images/ico_radio02.png") no-repeat bottom; background-size:100% auto;}
label.radiocommon-01 input[type=radio]:disabled + .radio-icon {background:url("../images/ico_radio04.png") no-repeat bottom; background-size:100% auto;}
label.radiocommon-01 input[type=radio]:disabled:checked + .radio-icon {background:url("../images/ico_radio03.png") no-repeat bottom; background-size:100% auto;}
label.radiocommon-01 span {float:left; width:auto; margin-top:1px;}
label:after {content:""; display:block; clear:both;}

/* filebox */
.filebox {display:inline-block; width:100%;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
.filebox label {display:inline-block; height:30px; padding:0 10px; color:#fff; line-height:30px; vertical-align:middle; background-color:#858585; cursor:pointer; border-radius:3px; margin-left:5px;} /* named upload */ 
.filebox .upload-name {display:inline-block; width:220px; height:30px; padding:0 10px; /* label의 패딩값과 일치 */ font-family:inherit; line-height:normal; vertical-align:middle; background-color:#f5f5f5; border:1px solid #ccd0d0; -webkit-appearance:none; /* 네이티브 외형 감추기 */ -moz-appearance:none; appearance:none;}


/* buttonBox */
.buttonBox {width:100%; text-align:center;}
.buttonBox ul:after {content:""; display:block; clear:both;}
.buttonBox.aRight {text-align:right;}
.buttonBox ul {width:auto; display:inline-block;}
.buttonBox ul li {float:left; display:block; margin:0 2px;}
.buttonBox ul li a {padding:0 22px; height:30px; line-height:30px; color:#fff; display:block; cursor:pointer;}
.buttonBox ul li a, .buttonBox ul li a.normal {background:#666;}
.buttonBox ul li a:hover, .buttonBox ul li a.normal:hover {background:#222;}
.buttonBox ul li a.votetype-add {background:#666 url("../images/ico_voteadd_001.png") no-repeat 50px 5px; background-size:18px auto; padding:0 50px 0 76px; color:#fff;}
.buttonBox ul li a.votetype-add:hover {background-color:#333;}

.buttonBox ul li a.pp-sms {background:#454545 url("../images/ico_pp_sms.png") no-repeat 26px center; background-size:auto 34px; padding:0 25px 0 70px; height:55px; line-height:55px; color:#fff;}
.buttonBox ul li a.pp-sms:hover {background:#222 url("../images/ico_pp_sms.png") no-repeat 26px center; background-size:auto 34px;}
.buttonBox ul li a.pp-print {background:#454545 url("../images/ico_pp_print.png") no-repeat 26px center; background-size:auto 36px; padding:0 25px 0 70px; height:55px; line-height:55px; color:#fff;}
.buttonBox ul li a.pp-print:hover {background:#222 url("../images/ico_pp_print.png") no-repeat 26px center; background-size:auto 36px;}
.buttonBox ul li a.pp-hand {background:#f5f5f5 url("../images/ico_pp_hand.png") no-repeat center 15px; background-size:auto 42px; padding:62px 0 0; width:260px; height:104px; font-size:15px; font-weight:bold; color:#282c33; border:1px solid #ccd0d0; border-radius:6px;}
.buttonBox ul li a.pp-hand:hover {background:#fff url("../images/ico_pp_hand.png") no-repeat center 15px; background-size:auto 42px; box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-color:#454545;}
.buttonBox ul li a.pp-pc {background:#f5f5f5 url("../images/ico_pp_pc.png") no-repeat center 15px; background-size:auto 42px; padding:62px 0 0; width:260px; height:104px; font-size:15px; font-weight:bold; color:#282c33; border:1px solid #ccd0d0; border-radius:6px;}
.buttonBox ul li a.pp-pc:hover {background:#fff url("../images/ico_pp_pc.png") no-repeat center 15px; background-size:auto 42px; box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-color:#454545;}

.buttonBox span.green {color:#e8ff51;}
.buttonBox span.org {color:#ff993e;}

.buttonBox a.brown {background:#b06f51;}
.buttonBox a.brown:hover {background:#8d5033;}
.buttonBox a.green {background:#3c8190;}
.buttonBox a.green:hover {background:#276471;}
.buttonBox a.small {padding:0 25px;}

.buttonBox.paging ul li {margin:0;}
.buttonBox.paging ul li a {width:30px; height:30px; line-height:30px; padding:0; margin:0 2px; text-align:center; border:1px solid #ccd0d0; background:#fff; display:block; color:#202224; border-radius:0;}
.buttonBox.paging ul li a:hover {border:1px solid #454545; background:#454545; color:#ffffff;}
.buttonBox.paging ul li a.on {border:1px solid #666; background:#666; color:#ffffff;}
.buttonBox.paging ul li a.prev {background:url("../images/ico_paging_prev.png") no-repeat center, #ffffff;}
.buttonBox.paging ul li a.prev:hover {background:url("../images/ico_paging_prev_hover.png") no-repeat center, #454545;}
.buttonBox.paging ul li a.next {background:url("../images/ico_paging_next.png") no-repeat center, #ffffff;}
.buttonBox.paging ul li a.next:hover {background:url("../images/ico_paging_next_hover.png") no-repeat center, #454545;}
.buttonBox.paging ul li a.normal {width:auto; padding:0 22px; background:#666; border-color:#666; color:#fff;}


/* Margin Style */
.m8 {margin:0 8px;}
/* margin-top */
.mt8	 {margin-top:8px !important;}
.mt10	 {margin-top:10px !important;}
.mt15	 {margin-top:15px !important;}
.mt20	 {margin-top:20px !important;}
.mt40	 {margin-top:40px !important;}
.mt60	 {margin-top:60px !important;}
.mt80	 {margin-top:80px !important;}
.mt110	 {margin-top:110px !important;}

/* margin-bottom */
.mb10	 {margin-bottom:10px !important;}
.mb20	 {margin-bottom:20px !important;}
.mb60	 {margin-bottom:60px !important;}
.mb110   {margin-bottom:110px !important;}

/* margin-left */
.ml10	 {margin-left:10px !important;}
.ml15	 {margin-left:15px !important;}
.ml25	 {margin-left:25px !important;}
.ml30	 {margin-left:30px !important;}
.ml50	 {margin-left:50px !important;}
.ml60	 {margin-left:60px !important;}
.ml80	 {margin-left:80px !important;}

/* margin-right */
.mr10	 {margin-right:10px !important;}


/* skip navigation */
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {visibility : visible; display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#039;color:#fff;text-align:center;}

/* blind */
.blind {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}

/* Picker Calendar */
.pickerCalendar {position:absolute; z-index:1; width:320px; padding:10px 20px; height:auto; background:#fff; border:1px solid #1c228f; display:block; box-shadow:2px 4px 6px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow:2px 4px 6px 0px rgba(0, 0, 0, 0.3);}
.pickerCaldendar button {    width: 36.5%;height: 43px;line-height: 44px;padding: 0;background: #1c228f;color: #fff;border-radius: 0;}


/* advice */
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; border:0;}