@charset "utf-8";

/* ************** reset ************** */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;box-sizing:border-box;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;word-break:keep-all;}
body{font-family:'Malgun Gothic', sans-serif;font-size:15px;font-weight:400;color:#333;letter-spacing:-0.5px;}
input,textarea,select,button,table,pre{}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;max-width:100%;}
img,input,button,label,select{vertical-align:middle;}
input[type='text'],input[type='password'],input[type='number']{text-indent:5px;}
input[type='submit'],input[type='button'],button{cursor:pointer;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
.clear{display:none;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';overflow:hidden;clear:both;}
.inner{display:block;position:relative;margin:0 auto;width:1180px;box-sizing:border-box;}
.inner:after{display:block;content:'';clear:both;}
.soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}
caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
.txtRed{color:#ee312b !important;}
.txt_or{color:#ff3f38 !important;}
.txtBlue{color:#27A1C6 !important;}
.txtBlue2{color:#2358ae !important;}
.txtGreen{color:#0ab174 !important;}
.txtGray{color:#aaaaaa !important}
.mobileOnly{display:none;}
input[type='text'].small{min-width:auto;height:30px;font-size:13px;}
.color-black { color: #000 !important; }
.color-white { color: #FFF !important; }
.color-gray { color: #202229 !important; }
.color-deep-blue { color: #122967 !important; }
.color-sky { color: #1986F5 !important; }
.color-green { color: #224E06 !important; }
.color-red { color: #ED1C24 !important; }
.color-yellow { color: #FFFF80 !important; }
.color-orange { color: #E34B00 !important; }

.font-size-mini{font-size:14px !important;}
.font-size-small{font-size:16px !important;}
.font-size-normal{font-size:18px !important;}
.font-size-large{font-size:20px !important;}
.fn{float:none !important; margin:0 auto;}
/* ************** size ************** */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}.w2000{width:2000px !important;}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w95{width:95px}
.w1p{width:1%}.w2p{width:2%}.w3p{width:3%}.w4p{width:4%}.w5p{width:5%}.w6p{width:6%}.w7p{width:7%}.w8p{width:8%}.w9p{width:9%}.w10p{width:10%}
.w11p{width:11%}.w12p{width:12%}.w13p{width:13%}.w14p{width:14%}.w15p{width:15%}.w16p{width:16%}.w17p{width:17%}.w18p{width:18%}.w19p{width:19%}.w20p{width:20%}
.w21p{width:21%}.w22p{width:22%}.w23p{width:23%}.w24p{width:24%}.w25p{width:25%}.w26p{width:26%}.w27p{width:27%}.w28p{width:28%}.w29p{width:29%}.w30p{width:30%}
.w31p{width:31%}.w32p{width:32%}.w33p{width:33%}.w34p{width:34%}.w35p{width:35%}.w36p{width:36%}.w37p{width:37%}.w38p{width:38%}.w39p{width:39%}.w40p{width:40%}
.w41p{width:41%}.w42p{width:42%}.w43p{width:43%}.w44p{width:44%}.w45p{width:45%}.w46p{width:46%}.w47p{width:47%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}
.w51p{width:51%}.w52p{width:52%}.w53p{width:53%}.w54p{width:54%}.w55p{width:55%}.w56p{width:56%}.w57p{width:57%}.w58p{width:58%}.w59p{width:59%}.w60p{width:60%}
.w61p{width:61%}.w62p{width:62%}.w63p{width:63%}.w64p{width:64%}.w65p{width:65%}.w66p{width:66%}.w67p{width:67%}.w68p{width:68%}.w69p{width:69%}.w70p{width:70%}
.w71p{width:71%}.w72p{width:72%}.w73p{width:73%}.w74p{width:74%}.w75p{width:75%}.w76p{width:76%}.w77p{width:77%}.w78p{width:78%}.w79p{width:79%}.w80p{width:80%}
.w81p{width:81%}.w82p{width:82%}.w83p{width:83%}.w84p{width:84%}.w85p{width:85%}.w86p{width:86%}.w87p{width:87%}.w88p{width:88%}.w89p{width:89%}.w90p{width:90%}
.w91p{width:91%}.w92p{width:92%}.w93p{width:93%}.w94p{width:94%}.w95p{width:95%}.w96p{width:96%}.w97p{width:97%}.w98p{width:98%}.w99p{width:99%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h20{height:30px}.h30{height:40px}.h40{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}
.pl10{padding-left:10px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}.pl60{padding-left:60px;}.pl70{padding-left:70px;}.pl80{padding-left:80px;}.pl90{padding-left:90px;}.pl100{padding-left:100px;}
.mbDesc{margin-bottom:50px;}

/* ************** component ************** */
/* form */
input, textarea, button{-webkit-appearance:none;appearance:none;}
input, textarea, button, select{-webkit-border-radius:0;border-radius:0;}
input[type='text'],input[type='password'],input[type='number'],select{margin:2px 1px;height:37px;min-width:60px;max-width:100%;font-size:15px;text-indent:5px;background-color:#fff;border:none;border:1px #dcdcdc solid;box-sizing:border-box;}
textarea{margin:2px 1px;padding:5px;font-family:'Malgun Gothic', sans-serif;background:#fff;border:1px solid #dcdcdc;box-sizing:border-box;resize:vertical;}
input[type='submit']{margin:2px 1px;border:none;vertical-align:middle;box-sizing:border-box;}
input[type='text']:focus,
input[type='password']:focus,
input[type='number']:focus,
select:focus,
textarea:focus{border-color:#2590b3;border-width:2px;outline:none;}
*:disabled,
.mnldisabled{color:#777 !important;background:#eee !important;}
input.readOnly{color:#777 !important;background:#eee !important;}
input[type='text'] + label{margin-left:20px;}
input[type='checkbox'] + label,input[type='radio'] + label{margin-right:20px;}
input[type=checkbox],
input[type=radio]{-webkit-user-select:initial;user-select:initial;-webkit-appearance:none;appearance:none;margin-right:7px;width:18px;height:18px;background:transparent;border:transparent;vertical-align:middle;border-radius:50%;box-sizing:border-box;}
input[type=radio]:disabled:before,
input[type=radio].mnldisabled:before{background:#ddd;opacity:0.6;}
input[type=radio].noCheck:disabled:before{background-color:#eee;}
input[type=radio]:before{display:inline-block;content:'';width:18px;height:18px;background:#fff; border:1px solid #b4b4b4;border-radius:50%;box-sizing:border-box;}
input[type=radio]:checked:before{background:#fff url(../images/icon_rdo_checked.png) no-repeat center;border:1px solid #f95c56;}
input[type=radio].readonly:checked:before{background:#fff url(../images/icon_rdo_readonly.png) no-repeat center;border:1px solid #505050;opacity:0.6;}
input[type=checkbox]:before{display:inline-block;content:'';width:18px;height:18px;background:#fff; border:1px solid #b4b4b4;border-radius:3px;box-sizing:border-box;}
input[type=checkbox]:checked:before{background:#f15d58 url(../images/icon_chk_checked.png) no-repeat center;border:none;}
input[type=checkbox]:disabled:before,
input[type=checkbox].mnldisabled:before{background:#ddd;opacity:0.6;}
input[type=checkbox].readonly:checked:before{background-color:#505050;opacity:0.6;}
input::-webkit-input-placeholder{font-size:13px;color:#5e5e5e;}
input:-ms-input-placeholder{font-size:13px;color:#5e5e5e;}
textarea::-webkit-input-placeholder{font-size:13px;color:#5e5e5e;}
textarea:-ms-input-placeholder{font-size:13px;color:#5e5e5e;}
.inputSet li{display:inline-block;vertical-align:middle;}

.input-period{}
.input-time{white-space:nowrap;}

.input-radio-group{padding:4px 0;}
.input-radio-group .item{white-space:nowrap;display:inline-block;padding:4px 0 4px 25px; vertical-align:top;position:relative;}
.input-radio-group .item input{position:absolute;left:0;top:7px;}
.input-radio-group.item-block .item{display:block;white-space:normal;}

.input-checkbox-group{padding:4px 0;}
.input-checkbox-group .item{white-space:nowrap;display:inline-block;padding:4px 0; vertical-align:top;}
.input-checkbox-group.item-block .item{display:block;padding:3px 0;}

.input-checkbox-group.withForm .item{padding:10px 0;}
.input-checkbox-group .item-group{white-space:nowrap;margin-right:20px;}
.input-checkbox-group .item-group .item + .opt{margin-left:-15px;}


/* button */
.btnArea{position:relative;margin:40px 0;text-align:center;}
.btnArea.left{text-align:left;}
.btnArea.right{text-align:right;}
.btnArea .leftDesc{position:absolute;left:0;line-height:52px;}
.btnArea .rightDesc{position:absolute;right:0;line-height:52px;}
.btn{display:inline-block;min-width:115px;margin:2px 1px;padding:0 40px;height:52px;line-height:52px;font-size:18px;color:#fff;font-weight:600;text-align:center;background-color:#505050;border:none;border-radius:5px;box-sizing:border-box;vertical-align:middle;}
.btn:focus{outline:1px solid #ff0000;}
.btn.focus:focus{border:1px solid #ff0000;}
.btn.focus{background-color:#4f4f4f;}
.btn.blue{background-color:#4f4f4f;}
.btn.blue2{background-color:#4f4f4f;}
.btn.green{background-color:#4f4f4f;}
.btn.pink{background-color:#f95c56;}
.btn.gray{background-color:#dcdcdc;color:#b5b5b5;}
.btn.dgray{background-color:#888;color:#fff;}
.btn.color1{background-color:#ee2f27;}
.btn.color2{background-color:#ed7400;}
.btn.color3{background-color:#ffac22;}
.btn.color4{background-color:#4bb748;}
.btn.color5{background-color:#2d76bb;}
.btn.color6{background-color:#38add0;}
.btn.color7{background-color:#c52a90;}
.btn.color8{background-color:#6d429a;}
.btn.color9{background-color:#724c40;}
.btn.color10{background-color:#505050;}
.btn.color11{background-color: #9ea49d;}
.btn.color12{background-color:#444444;}
.btn.line{line-height:50px;color:#2358ae;background-color:#fff;border:1px solid #2358ae;}
.btn.prev{padding:0 45px 0 55px;background-image:url(../images/icon_prev.png);background-repeat:no-repeat;background-position:20px center;}
.btn.next{padding:0 55px 0 45px;background-image:url(../images/icon_next.png);background-repeat:no-repeat;background-position:right 20px center;}
.btn.big{min-width:190px;height:68px;line-height:68px;font-size:22px;font-weight:600;letter-spacing:-1px;}
.btn.inline{padding:0 20px;min-width:75px;height:37px;line-height:37px;font-size:15px;font-weight:400;border-radius:3px;}
.btn.small{padding:0 10px;min-width:50px;height:34px;line-height:34px;font-size:13px;font-weight:400;}
.btn.small2{padding:0 10px;min-width:100px;height:40px;line-height:40px;font-size:15px;font-weight:400;}
.btn.small3{padding:0 10px;min-width:50px;height:24px;line-height:24px;font-size:11px;font-weight:400;}
.btn_icon{display:inline-block;margin:2px 1px;width:37px;height:37px;text-indent:-9999px;text-align:center;border:none;border-radius:3px;box-sizing:border-box;vertical-align:middle;}
.btn_icon.preview{background:#dcdcdc url(../images/icon_preview.png) no-repeat center;}
.btn_icon.plus{background:#dcdcdc url(../images/icon_plus.png) no-repeat center;}
.btn_icon.minus{background:#dcdcdc url(../images/icon_minus.png) no-repeat center;}
.btn_icon.trash{text-indent:-9999px;background:#dcdcdc url(../images/icon_trash.png) no-repeat center;}
.btn_icon.trashB{text-indent:-9999px;background:#505050 url(../images/icon_trashB.png) no-repeat center;}
.btn_icon.open{background:#505050 url(../images/icon_open.png) no-repeat center;}
.btn_icon.close{background:#fff url(../images/icon_close.png) no-repeat center;border:1px solid #505050;}
.btn_icon.delete{width:30px;background:url(../images/icon_delete.png) no-repeat center;}
.btn_icon.sort{background:url(../images/icon_sort.png) no-repeat center;border:1px solid #dcdcdc;}
.btn_icon.small{width:30px;height:30px;}
.btn_icon.small.plus{background:#fff url(../images/icon_plus.png) no-repeat center;border:1px solid #b5b5b5;}
.btn_icon.small.sort{width:30px;background:url(../images/icon_sortS.png) no-repeat center;}
.btn_icon.sectionDelete{width:50px;height:50px;background:url(../images/icon_section_delete.png) no-repeat center;}
.btn_down{display:inline-block;margin-left:15px;padding:0 38px 0 10px;height:34px;background: url(../images/icon_download.png) no-repeat right 5px center;border:1px solid #343434;border-radius:5px;line-height:34px;border-radius:5px;}
.btn_down.type2{padding-right:45px;border:0px none;font-size:15px;}
.btn.check{position:relative;}
.btn.check:before{display:inline-block;content:'';margin-left:-15px;width:30px;height:17px;background:url(../images/icon_btn_check.png) no-repeat center;}
.btn.inquiry{position:relative;}
.btn.inquiry:before{display:inline-block;content:'';margin-left:-15px;width:30px;height:30px;background:url(../images/icon_btn_inquiry.png) center center / 22px auto no-repeat; vertical-align:middle;margin-top:-6px;}
.btn:hover{box-shadow:2px 3px 7px rgba(0,0,0,0.3);}
.btn_goLink{display:inline-block;padding-right:15px;background:url(../images/icon_goLink.gif) no-repeat right center;}
.btn_round{display:inline-block;padding:0 15px;height:34px;box-sizing:border-box;border:1px solid #f95c56;border-radius:17px;line-height:32px;font-size:15px;font-weight:bold;color:#fa1d1d;}
.btn_round.blue{background-color:#1787AC;border-color:#1787AC;color:#fff; padding:0 25px;}
.btn_round.blue2{background-color:#2d76bb;border-color:#2d76bb;color:#fff; padding:0 25px;}
.btn_round.brown{background-color:#765c23;border-color:#765c23;color:#fff; padding:0 25px;}
.btn_round.black{background-color:#4f4f4f;border-color:#4f4f4f;color:#fff; padding:0 25px;}
.btn_round.gray{background-color:#dcdcdc;border-color:#dcdcdc;color:#fff; padding:0 25px;}
.btn_round.red{background-color:#fa1d1d;border-color:#fa1d1d;color:#fff; padding:0 25px;}
.btn_round.green{background-color:#0f7851;border-color:#0f7851;color:#fff; padding:0 25px;}
.btn_round.small{padding: 0 10px;min-width: 6px;height: 28px;line-height: 28px;font-size: 13px;}
.btn_round.middle{height:40px;line-height:40px;border-radius:20px;}
.btn_round.check:before{display:inline-block;content:'';margin:0 5px 0 -5px;width:15px;height:12px;background:url(../images/icon_btn_check.png) center center / cover no-repeat;}
.paging + .btnArea{margin-top:-75px;}
.btn_print{display:inline-block;padding-right:42px;background:url(../images/btn_print.png) no-repeat right center;line-height:34px;}
.btn_serverCon{display:inline-block;margin-top:20px;padding-right:42px;background:url(../images/btn_serverCon.png) no-repeat right center;line-height:34px;}
/* .btnArea p + a,
.btnArea a + p{margin-top:15px;} */
.btn.code{padding-left:90px;background-image:url(../images/btn_code.png);background-repeat:no-repeat;background-position:left 40px center;}
.icon_incomplete{display:inline-block;vertical-align:middle;padding-left:35px;background:url(../images/icon_incomplete.gif) no-repeat left center;color:#f95c56;line-height:24px;font-weight:bold;}
.btn_reset{display:inline-block;padding-left:22px;background:url(../images/btn_reset.png) no-repeat left center;}
.btn_excel{display:inline-block;width:38px;height:38px;background:#489417 url(../images/icon_excel.png) no-repeat center;text-indent:-9999em;vertical-align:middle;border-radius:4px;}
.btn_excel.small{width:38px;height:34px;}
.btn_excel2{display:inline-block;vertical-align:middle;width:34px;height:34px;margin:2px 0;background:#0ab174 url(../images/icon_excel.png) no-repeat center;border-radius:5px;text-indent:-9999em;}
.btnSearch:focus{outline:2px dashed #ff0000;}

/* selectWrap -> 검색이 없는 선택조회 창 */
.selectWrap{margin-bottom:30px;padding:15px 30px;font-size:14px;text-align:center;background:#f5f5f5;border:1px solid #eee;}
.selectWrap .btnSearch{display:inline-block;padding:0 10px 0 30px;min-width:75px;height:37px;border:0px none;line-height:37px;font-size:15px;color:#fff;background:#2358ae url(../images/icon_search.png) 12px center no-repeat;border-radius:3px;}
.selectWrap select,
.selectWrap input[type="text"]{min-width:120px;}
.selectWrap ul li{padding:2px 0;}
.selectWrap .col{display:inline-block;}
.selectWrap .col b{display:inline-block;margin-right:10px;font-weight:normal;min-width:54px;}
.selectWrap.type2{position:relative;padding-right:100px;text-align:left;}
.selectWrap.type2 .col{margin-right:30px;}
.selectWrap.type2 .col.mgr0{margin-right:0px;}
.selectWrap.type2 .btnSearch{position:absolute;right:35px;bottom:17px;}
.selectWrap.type3{padding:40px 10px;background:#fff;border:1px solid #dcdcdc;}
.selectWrap.type3 .col + .col,
.selectWrap.type3 .btn_print{margin-left:40px;}
.selectWrap.type3 .col b{font-weight:bold;}
.selectWrap > .listCon{margin:10px 0;}
.selectWrap > .listCon > li{margin:5px 0;}

/* search -> 검색 창 */
.searchWrap{margin-bottom:30px;padding:15px 30px;font-size:14px;text-align:center;background:#f5f5f5;border:1px solid #eee;}
.searchWrap .btnSearch{display:inline-flex;padding:0 10px 0 35px;align-items:center;height:37px;border:0px none;font-size:15px;color:#fff;background:#4f4f4f url(../images/icon_search.png) 12px center no-repeat;border-radius:3px;}/* [231206퍼블]수정  [20240906버튼 배경색변경 2358ae -> 4f4f4f] */
.searchWrap select{width:110px;font-size:13px;}
.searchWrap input[type="text"]{min-width:110px;}
.searchWrap ul li{padding:2px 0;display:flex;flex-wrap:wrap;}
.searchWrap .col{display:flex;align-items:center;}
.searchWrap .col b{display:inline-block;margin-right:10px;font-weight:normal;min-width:54px;}
.searchWrap.type2{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;text-align:left;}
.searchWrap.type2>form{flex:1;}
.searchWrap.type2>div:last-child{display:inline-flex;justify-content:end;}
.searchWrap.type2 .col{margin-right:30px;}
.searchWrap.type2 .col.mgr0{margin-right:0px;}
.searchWrap.type2 .col>label{display:flex;}
.searchWrap.type2 .col span.com{display:inline-flex;flex-wrap:wrap;}
/*.searchWrap.type2 .btnSearch{position:absolute;right:35px;bottom:17px;}*/
.searchWrap.type3{padding:40px 10px;background:#fff;border:1px solid #dcdcdc;}
.searchWrap.type3 .col + .col,
.searchWrap.type3 .btn_print{margin-left:40px;}
.searchWrap.type3 .col b{font-weight:bold;}
.searchWrap > .listCon{margin:10px 0;}
.searchWrap > .listCon > li{margin:5px 0;}

/* table */
.required{display:inline-block;width:20px;height:20px;text-indent:-9999px;background:url(../images/bg_required.png) no-repeat center;}
.tableTopBox{margin-bottom:25px;padding:10px 30px;background:#f6f6f6;border-top:1px solid #888;}
.tableTopBox ul li{margin-bottom:5px;}
.tableTopBox ul li:after{display:block;content:'';clear:both;}
.tableTopBox ul li b{position:relative;display:table-cell;width:50px;}
.tableTopBox ul li b:after{display:block;content:'';position:absolute;right:0;top:5px;width:1px;height:10px;background:#e0e0e0;}
.tableTopBox ul li span{display:table-cell;padding-left:15px;font-size:16px;color:#2358ae;font-weight:600;box-sizing:border-box;}
.tableTitle{margin-bottom:5px;}
.tableTitle .left { text-align:left; line-height:38px; display:inline-block; vertical-align:middle; height:auto; overflow:hidden; min-height:38px; }
.tableTitle .left .bar { color:#d6dae3; }
.tableTitle .left .tt_dep02 { font-size:14px; line-height:inherit; color:#202229; font-weight:bold; padding-left:18px; display:inline-block; background:url(../img/common/bull_dep02.png) no-repeat 0 13px !important; }/*181204 수정*/
.tableTitle .left { text-align:left; line-height:38px; display:flex; vertical-align:middle; height:auto; overflow:hidden; min-height:38px; }
.tableTitle h5,
.tableTitle h6:after{top:14px;}
/* .tableTitle{margin-bottom:5px;font-size:13px;} */
.tableTitle:after{display:block;content:'';clear:both;}
.tableTitle .num{font-size:14px;color:#333;}
.tableTitle .left{float:left;}
.tableTitle .right{float:right;}
.tableTitle .rightchart{float:right;}
.tableTitle .rightchart{text-align:right;line-height:38px;display:flex;vertical-align:middle;height:auto;overflow:hidden;min-height:38px;}
.tableTitle .btns{margin-top:-7px;}
.tableTitle p{font-size:14px;}
h5 + .tableTitle{margin-top:-40px;}
.tableSearch{background-color:#f6f6f6; padding:20px;}
.tableBottom{font-size:13px;}
.tableBox{margin-bottom:20px;}
.tableBox table{width:100%}
.tableBox table table{width:auto;table-layout:auto;}
.tableBox .form{border-top:2px solid #666;}
.tableBox .form.topline-none{border-top:none;}
.tableBox .form th,
.tableBox .form td{padding:10px 0;height:70px;text-align:left;border-bottom:1px solid #eee;box-sizing:border-box;}
.tableBox .form .top td{vertical-align:top;}
.tableBox .form th{position:relative;padding-right:40px;}
.tableBox .form.slim th,
.tableBox .form.slim td{height:auto;}

.form td.oneLineTxt{height:37px;}
.tableBox .list{border-top:2px solid #333;}
.tableBox .list.topline-none{border-top:none;}
.tableBox .list th,
.tableBox .list td{padding:10px;height:55px;color:#333;text-align:center;box-sizing:border-box;word-break: break-all;}



.tableFixDiv {overflow-y:auto;max-height:450px;margin-bottom:0px;}

.tableBox .list2 thead th {position:sticky;top:0;background:#fff;}
.tableBox .list2 tbody {}
.tableBox .list2 th,
.tableBox .list2 td{background:#fff;padding:10px;height:0px;color:#333;text-align:center;box-sizing:border-box;word-break: break-all;}


/*  
.tableBox .list2 colgroup {display:table;}
.tableBox .list2 thead {display:table; width:calc(100% - 17px);}
.tableBox .list2 tbody {display:block; max-height:400px; overflow-y:auto;}
.tableBox .list2 tr {display:table; width:100%; box-sizing:border-box;}
.tableBox .list2 th,
.tableBox .list2 td {padding:10px;height:0px;color:#333;text-align:center;box-sizing:border-box;word-break: break-all;}
 */











#urgeMsgDenyTb td{border-bottom:solid 1px #aaa;}
.tableBox .list th{height:45px;border-bottom:1px solid #aaa;}
.tableBox .list td{border-bottom:1px solid #dedede;}
.tableBox .list td .title{display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.tableBox .list td .title:hover{text-decoration:underline;}
.tableBox .list td .file{display:inline-block;width:13px;height:17px;text-indent:-9999px;background:url(../images/icon_file.png) center no-repeat;}
.tableBox .list td .notice{display:inline-block;padding:5px 10px;color:#fff;background:#2358ae;border-radius:5px;}
.tableBox .list tr:last-child td{border-color:#aaa;}
.tableBox .list tfoot th, 
.tableBox .list tfoot td{background:#fededd;}
.tableBox .info{border-top:2px solid #333;}
.tableBox .info.no_b{border-top:solid 1px #eee;}
.tableBox .info.no_b th{text-align:left;}
.tableBox .info.topline-none{border-top:none;}
.tableBox .info th,
.tableBox .info td{padding:15px 25px;border-bottom:1px solid #eee;}
.tableBox .info th{background:#f6f6f6;}
.tableBox .info.blue th{background:#eaf6ff;color:#1d3b8b;}
.tableBox table .left{text-align:left;}
.tableBox table .right{text-align:right;}
.tableBox table .center{text-align:center;}
.tableBox table .empty{padding:50px 0;}
.tableGrp .tableBox{position:relative;margin-bottom:10px;padding:20px 35px;border:2px solid #2590b3;}
.tableGrp .tableIndex{display:inline-block;position:absolute;left:-7px;top:7px;width:35px;height:35px;line-height:35px;font-size:15px;color:#fff;text-align:center;background:#1787AC;}
.tableGrp .form{border:none;}
.tableGrp .form th,
.tableGrp .form td{padding:5px 0;height:50px;border:none;}
.formList li{margin-bottom:20px;}
.fileUpload{padding-top:18px;}
.fileList{margin-top:10px;padding:15px 30px;background:#f7f7f7;}
.fileList li a{display:block;padding:5px 0 5px 20px;font-size:15px;color:#333;background:url(../images/icon_file.png) left 5px no-repeat;}
.fileList li a:hover{text-decoration:underline;}
.btn.inline.for_file_btn{padding:0 10px;}
.tableTip{display:inline-block;position:absolute;right:15px;top:50%;margin-top:-10px;width:20px;height:20px;text-indent:-9999px;background:url(../images/icon_tableTip.png) center no-repeat;vertical-align:middle;}
.fileLimit{margin-top:-22px;text-align:right;}
.colSet{display:table;width:100%;}
.colSet span{display:table-cell;}

.tableBottom{background-color:#f6f6f6; padding:20px; border:1px solid #eee; position:relative;}
.tableBottom fieldset{border:none;padding:0;}
.tableBottom .row1{line-height:34px;}
.tableBottom .row2{margin-top:7px;}
.tableBottom .btn-log{position:absolute;right:20px;top:20px;bottom:20px;padding-left:20px; border-left:1px solid #eee; display:flex;align-items:center;}

.tableBox .grid{position:relative;}	
.tableBox .grid:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}	
.tableBox .grid th,	
.tableBox .grid td{padding:8px;text-align:center;}	
.tableBox .grid th{background:#dadfe1;border-right:1px solid #c5cacc;}	
.tableBox .grid td{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}	
.tableBox .grid th input[type="text"],	
.tableBox .grid th select{background:#fff;border:1px solid #b5b5b5;}	
.tableBox .grid td input[type="text"],	
.tableBox .grid td select{background:#fff;border:1px solid #dcdcdc;}

/* paging */
.paging{margin:30px 0;text-align:center;}
.paging a{display:inline-block;margin:0 1px;width:34px;height:34px;line-height:34px;color:#333;text-align:center;border:none;}
.paging a.active{color:#fff;font-weight:bold;background:#2590b3;box-shadow:2px 2px 5px rgba(48,161,198,0.3);border-radius:50%;border:none;}
.paging a.first{text-indent:-9999px;background:url(../images/icon_paging_first.png) center no-repeat;}
.paging a.prev{text-indent:-9999px;background:url(../images/icon_paging_prev.png) center no-repeat;}
.paging a.next{text-indent:-9999px;background:url(../images/icon_paging_next.png) center no-repeat;}
.paging a.last{text-indent:-9999px;background:url(../images/icon_paging_last.png) center no-repeat;}
.mobilePaging{display:none;}

/* paging */
.pagingDboard{margin:30px 0;text-align:center;}
.pagingDboard a{display:inline-block;margin:0 1px;width:32px;height:32px;line-height:32px;color:#eeeeee;text-align:center;border:none;}
.pagingDboard a.active{color:#fff;font-weight:bold;background:#4768e2;box-shadow:2px 2px 5px rgba(48,161,198,0.3);border-radius:8px;border:none;}
.pagingDboard a.first{text-indent:-9999px;background:url(../images/icon_paging_first.png) center no-repeat;}
.pagingDboard a.prev{text-indent:-9999px;background:url(../images/icon_paging_prev.png) center no-repeat;}
.pagingDboard a.next{text-indent:-9999px;background:url(../images/icon_paging_next.png) center no-repeat;}
.pagingDboard a.last{text-indent:-9999px;background:url(../images/icon_paging_last.png) center no-repeat;}

/* board view */
.boardView{margin-bottom:20px;border-top:2px solid #333;border-bottom:1px solid #aaa;}
.boardView strong.title{display:block;padding:20px 35px;font-size:20px;color:#222;border-bottom:1px solid #dedede;}
.boardView .info{padding:15px 35px;border-bottom:1px solid #dedede;}
.boardView .info li{display:inline-block;margin-right:40px;font-size:14px;color:#222;}
.boardView .info li b{display:inline-block;position:relative;padding-right:10px;margin-right:10px;}
.boardView .info li b:after{display:block;content:'';position:absolute;top:50%;right:0;margin-top:-7px;width:1px;height:14px;background:#dcdcdc;}
.boardView .info li:last-child{margin-right:0;}
.boardView .fileList{margin:0;padding:10px 35px;background:#fff;border-bottom:1px solid #dedede;}
.boardView .fileList li a{font-size:14px;color:#666;}
.boardView .viewCon{padding:35px;line-height:1.5;}
.boardBtm{border-top:1px solid #dedede;}
.boardBtm li{display:block;position:relative;padding:15px 0;padding-left:140px;border-bottom:1px solid #dedede;}
.boardBtm li b{position:absolute;left:0;top:50%;margin-top:-10px;margin-right:35px;padding:0 35px;color:#222;}
.boardBtm li b:after{display:block;content:'';position:absolute;top:50%;right:0;margin-top:-7px;width:1px;height:14px;background:#dcdcdc;}
.boardBtm li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.boardBtm li a:hover{text-decoration:underline;}

/* accoList */
.accoList{border-top:2px solid #333;border-bottom:1px solid #aaa;}
.accoList li{border-bottom:1px solid #dedede;}
.accoList li:last-child{border-bottom:0;}
.accoList li.head{display:table;width:100%;text-align:center;border-bottom:1px solid #aaa;}
.accoList li.head span{font-weight:bold;}
.accoList li .titleWrap{display:table;width:100%;height:70px;}
.accoList li span{display:table-cell;padding:10px 30px;width:20%;vertical-align:middle;}
.accoList li span.title{width:auto;}
.accoList li .titleWrap span{text-align:center;}
.accoList li .titleWrap span.title{position:relative;padding-left:60px;text-align:left;cursor:pointer;}
.accoList li .titleWrap span.title a{display:block;}
.accoList li .titleWrap span.title em{position:absolute;left:15px;top:20px;font-size:20px;font-weight:bold;}
.accoList li .con{display:none;position:relative;padding:30px 30px 30px 60px;background:#f8fbff;border-top:1px solid #dedede;}
.accoList li .con em{position:absolute;left:30px;top:30px;font-size:20px;color:#2358ae;font-weight:bold;}
.accoList li .con pre{word-break:break-all !important;}
.accoList li.active .titleWrap{color:#fff;background:#2358ae;}
.accoList li.active .titleWrap .title a{color:#fff;}
.accoList li.head span.btnCol,
.accoList li .btnSet{width:18%;}
.accoList li.empty{padding:30px 0;text-align:center;}

/* message */
.descMsg{font-size:14px;color:#333;line-height:150%;}
span.descMsg{padding-left:10px;vertical-align:middle;}
p.descMsg{padding-top:5px;}
.errorMsg{display:block;padding-top:5px;font-size:12px;color:#fa1d1d;line-height:150%;z-index:80;}
.btmMsgBox{padding:10px 0 30px;}
.btmMsgBox p{padding:5px 0;font-size:18px;color:#333;line-height:170%;text-align:center;}
.btmMsgBox .left{padding-left:35px;font-size:16px;text-align:left;}
.btmMsgBox .right{padding-right:35px;font-size:16px;text-align:right;}
.descMsg.type2{display:inline-block;margin-left:5px;padding:5px 10px;border:1px solid;border-radius:3px;box-shadow:1px 1px 7px #d7d7d7;font-size:14px;}
.grayBox{padding:20px 35px;background:#f8f8f8;}
.grayBox .listCon{margin-bottom:10px;}

/* tab */
.tabBar{margin-bottom:25px;}
.tabBar:after{display:block;content:'';clear:both;}
.tabBar li{float:left;margin:2px;}
.tabBar li a{display:block;padding:0 20px;min-width:110px;height:50px;line-height:48px;font-size:15px;text-align:center;background:#ededed;border:1px solid #dcdcdc;border-radius:5px;box-sizing:border-box;}
.tabBar li.active a{color:#fff;font-weight:bold;background:#2590b3;box-shadow:3px 3px 7px rgba(48,161,198,0.3);border:1px solid #2590b3;}
.tabBar li a:hover{font-weight:600;box-shadow:3px 3px 7px #f3f3f3;}
.tabPage{display:none;}
.tabPage.active{display:block;}
/* 그리드 사용시 교체
.tabPage{position:relative;height:0;overflow:hidden;}
.tabPage.active{display:block;height:auto;overflow:inherit;}*/

/* datepicker */
input.useDatepicker{font-size:13px;width:110px;background:#fff url(../images/bg_inputDate.png) no-repeat 95% center;}
input.useMonthpicker{width:90px;background:#fff url(../images/bg_inputDate.png) no-repeat 95% center;}
#ui-datepicker-div{display:none;width:180px;background:#fff;border:1px #ccc solid;z-index:102 !important;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px;}
.ui-datepicker table thead th{height:24px;color:#777;line-height:24px;text-align:center;}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:22px;}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center;}
.ui-datepicker table tbody td span{color:#aaa;}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c;}
.ui-datepicker tr td:first-child *{color:#eb0f0f;}
.ui-datepicker tr td:last-child *{color:#3478c5;}
.ui-datepicker th{padding:0;}
.ui-datepicker .ui-datepicker-today{background:#d7d7d7;}
.useDatepicker2 .ui-datepicker .ui-datepicker-today{background:none;}
/* .ui-datepicker td a.ui-state-active{color:#fff;background:#4b4b4b;} */
/* .ui-datepicker td a.ui-state-highlight{color:#4b4b4b;background:#dfdfdf;} */
.ui-datepicker .ui-datepicker-header{position:relative;margin-bottom:5px;padding:0;}
.ui-datepicker .ui-datepicker-title{margin:0;height:30px;line-height:30px;font-size:14px;font-weight:400;color:#242424;letter-spacing:-1px;text-align:center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;left:50%;top:7px;width:20px;height:20px;line-height:26px;border-radius:2px;border:none;text-indent:-9999em;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{margin-left:-85px;background:url(../images/icon_calendarPrev.png) no-repeat center center;}
.ui-datepicker .ui-datepicker-next{margin-left:65px;background:url(../images/icon_calendarNext.png) no-repeat center center;}
.ui-datepicker .ui-datepicker-year{min-width:60px;height:30px;font-size:13px;}
.ui-datepicker .ui-datepicker-month{min-width:50px;height:30px;font-size:13px;}
#ui-monthpicker-div.ui-datepicker{display:none;width:200px;background:#fff;border:1px #ccc solid;z-index:10 !important;box-sizing:border-box;}
#ui-monthpicker-div.ui-datepicker td{height:28px;}
#ui-monthpicker-div.ui-datepicker td a{cursor:pointer;}
#ui-monthpicker-div.ui-datepicker td a.ui-state-active{background:#4b4b4b;color:#fff;}
#ui-monthpicker-div.ui-datepicker tr td:first-child *{color:#4b4b4b;}
#ui-monthpicker-div.ui-datepicker tr td:last-child *{color:#4b4b4b;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-header{margin-bottom:8px;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-title .ui-datepicker-year{min-width:75px;padding:0 0 0 10px;}

/* modal */
.modalWrap{display:none;position:fixed;top:150px;left:50%;transform:translateX(-50%);padding:25px 0;width:700px;background:#fff;box-sizing:border-box;z-index:10;}
.modalWrap.active{display:block;}
.modalWrap.small{width:500px;}
.modalWrap.big2{width:1000px;}
.modalWrap.bigGrp{width:1000px; max-height:800px}
.modalWrap.bigEv{width:1000px;}
.modalWrap.bigSql{width:850px;}
.modalWrap.depth2{z-index:11;}
.modalWrap.depth3{z-index:12;}
.modalWrap.depth4{z-index:13;}
.modalWrap .modalTitle{position:relative;min-height:60px;background:#fff; padding:0 30px;}
.modalWrap .modalTitle strong.title,
.modalWrap .modalTitle h3.title{display:block;font-size:24px;font-weight:600;color:#000;padding-bottom:10px; line-height:30px;border-bottom:1px solid #888;}
.modalWrap .modalTitle .btn_modalClose{display:block;position:absolute;top:-25px;right:0;width:55px;height:55px;text-indent:-9999em;background:url(../images/icon_modalClose.png) no-repeat center center;}
.modalWrap > .btn_modalClose{display:block;position:absolute;top:0;right:0;width:55px;height:55px;text-indent:-9999em;background:url(../images/icon_modalClose.png) no-repeat center center;}
.modalWrap .modalContent{padding:30px 30px 10px;max-height:600px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;}
.modalWrap.big2 .modalContent{height:auto; max-height:100% !important;padding:30px 30px 10px;}
.modalWrap.bigGrp .modalContent{height:auto; max-height:100% !important;padding:0px 30px 10px;}
.modalWrap.bigEv .modalContent{height:auto; max-height:100% !important;padding:30px 30px 10px;}
.modalWrap.bigSql .modalContent{height:auto; max-height:100% !important;padding:30px 30px 10px;}
.modalWrap .modalContent .title{display:block;margin-bottom:10px;font-size:20px;color:#1787ac;font-weight:600;letter-spacing:-2px;}
.modalWrap .modalContent .con{margin-bottom:20px;}
.modalWrap .modalContent .tabContent{padding:35px 0;border-top:1px solid #dcdcdc;}
.modalWrap .modalContent .tabBar li a{padding:0 15px;min-width:50px;height:45px;line-height:45px;border:none;}
.modalWrap .modalContent .tabBar li.active a{background:#0ab174;box-shadow:3px 3px 7px rgba(10,177,116,0.3);}
.modalWrap .modalContent .tabContent.type2{border:0px none;}
.modalWrap .modalContent .tabContent.type2 .tabBar{position:relative;border-left:1px solid #dcdcdc;}
.modalWrap .modalContent .tabContent.type2 .tabBar:before{display:block;content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #2590b3;}
.modalWrap .modalContent .tabContent.type2 .tabBar li{margin:0;}
.modalWrap .modalContent .tabContent.type2 .tabBar li a{border-radius:0;border:1px solid #dcdcdc;border-left:0px none;}
.modalWrap .modalContent .tabContent.type2 .tabBar li a:hover{font-weight:normal;}
.modalWrap .modalContent .tabContent.type2 .tabBar li.active a{position:relative;background:#fff;border:1px solid #2590b3;border-bottom:0px none;color:#2590b3;box-shadow:none;}
.modalWrap .modalContent .tabContent.type2 .tabBar li.active a:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #fff;}
.modalWrap .modalContent .btnArea{margin:30px 0 0px;}
.modalWrap .modalContent .msg{font-size:18px;text-align:center;}
.modalWrap .modalContent + .btnArea{padding:20px 0 0 0; margin:0;}
.modalWrap.msgWrap{padding:20px 35px;width:500px;}
.modalWrap.msgWrap .modalTitle{height:50px; padding:0;}
.modalWrap.msgWrap .modalTitle strong.title{line-height:50px;}
.modalWrap.msgWrap .modalTitle .btn_modalClose{top:-20px;right:-35px;}
.modalWrap.msgWrap .modalContent{padding:30px 0 10px;}
.modalWrap.window{display:block !important;position:relative;top:inherit;left:inherit;margin:0;padding:0;width:auto;opacity:1;z-index:1;transform:translateX(0);}
.modalWrap.window .modalTitle{position:relative;top:0;left:0;right:0;z-index:2;padding:0;}
.modalWrap.window .modalTitle strong.title{padding:0 20px;background:#343434;color:#fff;font-weight:500; line-height:60px;}
.modalWrap.window .modalTitle .btn_winClose{display:block;position:absolute;top:8px;right:8px;width:45px;height:45px;text-indent:-9999em;background:#fff url(../images/icon_modalClose.png) no-repeat center center;}
.modalWrap.window > .btn_winClose{display:block;position:absolute;top:8px;right:8px;width:45px;height:45px;text-indent:-9999em;background:#fff url(../images/icon_modalClose.png) no-repeat center center;z-index:2;}
.modalWrap.window .modalContent{padding:25px 45px;}

.modalWrap.popup{display:block !important;position:relative;top:inherit;left:inherit;margin:0;padding:0;width:auto;opacity:1;z-index:1;transform:translateX(0);}
.modalWrap.popup .modalTitle{position:relative;top:0;left:0;right:0;z-index:2;padding:0;}
.modalWrap.popup .modalTitle strong.title{padding:0 20px;background:#343434;color:#fff;font-weight:500;}
.modalWrap.popup .modalTitle .btn_winClose{display:block;position:absolute;top:8px;right:8px;width:45px;height:45px;text-indent:-9999em;background:#fff url(../images/icon_modalClose.png) no-repeat center center;}
.modalWrap.popup > .btn_winClose{display:block;position:absolute;top:8px;right:8px;width:45px;height:45px;text-indent:-9999em;background:#fff url(../images/icon_modalClose.png) no-repeat center center;z-index:2;}
.modalWrap.popup .modalContent{padding:25px 45px;max-height:inherit;}

.modalWrap .titleArea{margin-bottom:10px;}
.modalWrap .tableBox .info th, 
.modalWrap .tableBox .info td{padding:10px;font-size:14px;}
.printPop{max-height:none !important;width:880px;box-sizing:border-box;}
.printPop h1{display:block;margin-bottom:20px;text-align:center;font-size:25px;font-weight:500;}
.blindInd{display:block;background:#939cad; width:100px; height:34px; display:inline-block; vertical-align:middle; cursor: pointer;}
.printSection + .printSection{margin-top:50px;padding-top:40px;border-top:1px dashed #777;}
.modalWrap.window .modalContent{max-height:none;}
.modalWrap .arsNum{margin:0 auto;width:200px;height:55px;border:1px solid #dcdcdc;font-size:30px;text-align:center;line-height:55px;font-weight:bold;}
.miniLayerPop{margin:0;padding:18px;width:220px;border:1px solid #6e788b;}
.miniLayerPop .modalContent{padding:0;font-size:14px;}
.miniLayerPop .modalContent .btnArea{margin:20px 0 0;}

/* 20230911 main.jsp 내부 스타일시트 정의된 부분 ui_base 로 옮김 (팝업창 에서만 적용되도록 class 지정) */
.modalWrap.window.mainPop {background:#393939;border-radius:5px;padding:4px 0px;}
.modalWrap.window.mainPop .modalTitle{background:#393939;min-height:initial;}
.modalWrap.window.mainPop .btn_winClose{top:15px;right:15px;width:20px;height:20px;background:url(/static/images/icon_mobileGnbClose.png) no-repeat center center !important;}
.modalWrap.window.mainPop .modalTitle strong.title{background:none;font-size:18px;line-height:50px;font-weight:bold;border-bottom:none;}
.modalWrap.window.mainPop .modalTitle .btn_winClose{top:15px;right:15px;width:20px;height:20px;background:url(/static/images/icon_mobileGnbClose.png) no-repeat center center !important;}
.modalWrap.mainPop .popupClose{height:36px;line-height:36px;background:#393939;color:#fff;letter-spacing:-1px;}
.modalWrap.mainPop .popupClose a{background:none;color:#fff;}

/* loading */
#loadingWrap{display:none;position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.5);z-index:999;}
#loadingWrap.active{display:block;}
.loadingBox{display:block;position:absolute;left:50%;top:50%;margin-left:-125px;margin-top:-50px;width:250px;height:100px;}
.loadingBox p{margin-top:20px;color:rgba(255,255,255,0.9);text-align:center;z-index:1000;}
.loading{width:100%;height:30px;background:rgba(255,255,255,0.3);}
.loading > div{position:absolute;top:0;left:0;height:30px;text-indent:10px;line-height:30px;font-size:16px;color: black;background:rgba(48,161,198,0.9);box-sizing:border-box;z-index:1000;}

/* overlay */
#overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9;}
#overlay.active{display:block;}

/* ************** Layout ************** */
#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0;}
#wrap{min-width:320px;background:#f1f0f5 url(../images/bg_wrap_bl.jpg) no-repeat center top;}/* 20240416, 이미지 변경 bg_wrap.png -> bg_wrap_bl.jpg */
#header{position:relative;height:160px;}
#header:before{display:block;content:'';position:absolute;left:0;right:0;top:40px;height:1px;background:#4f4f4f;} /* 20240417, background  #477abb -> #4f4f4f*/
#header > .inner{display:block;content:'';clear:both;}
#header h1{position:absolute;left:0;top:70px;}
#header h1 a img{vertical-align:top;}
#header h1 a span{display:inline-block;padding:13px 0 0 15px;font-size:28px;color:#fff;font-weight:400;letter-spacing:-2px;}
#header .hTop{padding:12px 10px;font-size:13px;color:#fff;line-height:120%;text-align:right;}
#header .hTop .msg{display:inline-block;position:relative;margin-right:40px;padding-left:25px;}
#header .hTop .msg:before{display:block;position:absolute;left:0;top:0;content:'';width:16px;height:14px;background:url(../images/icon_msg.png) no-repeat center;}
#header .hTop a{color:#fff;}
#header .hTop a.login{margin-left:15px;padding-left:15px;border-left:1px solid #4f4f4f;} /* 20240417, border-left #658dc5 -> #4f4f4f */
#header .hTop a:hover{font-weight:600;text-decoration:underline;}
.btn_dachboard{display:inline-block;padding-left:23px;background:url(../images/btn_dachboard.png) no-repeat left center;font-weight:bold;margin-right:15px;}
#gnb{float:right;padding:40px 120px 0 0;}
#gnb ul{display:block;}
#gnb ul:after{display:block;content:'';clear:both;}
#gnb ul li{display:block;float:left;padding:0 20px;}
#gnb ul li a{display:block;position:relative;font-size:17px;color:#fff;line-height:50px;}
#gnb ul li a:hover,
#gnb ul li.active a{color:#fff;font-weight: bold;} /* 20240416, #78deff-> #fff 변경, bold추가 */
#gnb ul li a:before{display:block;content:'';position:absolute;left:50%;top:0;width:0%;height:2px;background:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition-duration:0.3s;transition-duration:0.3s;}/* 20240416, #78deff-> #fff 변경*/
#gnb ul li a:hover:before,
#gnb ul li.active a:before{width:60%;}
.hTop-btns{position:absolute;right:0;bottom:0;display:flex;}
.btn_allMenuOpen{display:inline-block;width:50px;height:50px;text-indent:-9999px;background:url(../images/icon_allMenuOpen.png) no-repeat center;vertical-align:middle;}
.btn_totalSearchOpen{display:inline-block;width:50px;height:50px;text-indent:-9999px;background:url(../images/icon_totalSearchOpen.png) center no-repeat;vertical-align:middle; margin-left:5px;}
#totalSearchWrap{display:none;position:fixed;top:210px;left:50%;right:0;margin-left:-410px;padding:80px 60px 110px;width:820px;background:#fff;border-radius:5px;z-index:10;box-sizing:border-box;}
#totalSearchWrap .totalSearch{position:relative;padding-right:60px;border-bottom:2px solid #000;}
#totalSearchWrap .totalSearch input[type="text"]{margin:0;width:100%;height:60px;background:transparent;border:none;font-size:20px;}
#totalSearchWrap .totalSearch .btn_totalSearch{display:block;position:absolute;right:0;top:0;width:60px;height:60px;text-indent:-9999px;background:url(../images/icon_totalSearch.png) center no-repeat;border:none;}
#totalSearchWrap .totalSearch input::-webkit-input-placeholder{font-size:20px;}
#totalSearchWrap .totalSearch input:-ms-input-placeholder{font-size:20px;}
#totalSearchWrap .btn_totalSearchClose{display:block;position:absolute;top:0;right:0;width:60px;height:60px;text-indent:-9999px;background:url(../images/icon_totalSearchClose.png) center no-repeat;}
#totalSearchWrap.active{display:block;}
#allMenu{display:none;position:fixed;top:80px;left:50%;margin-left:-590px;width:1180px;background:#fff;border-radius:10px;z-index:100;}
#allMenu .top{display:none;}
#allMenu ul,
#allMenu ul li,
#allMenu ul li a{display:block;}
#allMenu .menu{border-radius:10px;overflow:hidden;max-height:700px;overflow-y:auto;}
#allMenu .menu:after{display:block;content:'';clear:both;}
#allMenu .menu > li{float:left;position:relative;width:20%;min-height:500px;}
#allMenu .menu.col1 > li{width:100%;}
#allMenu .menu.col2 > li{width:50%;}
#allMenu .menu.col3 > li{width:33.3333%;}
#allMenu .menu.col4 > li{width:25%;}
#allMenu .menu.col5 > li{width:20%;}
#allMenu .menu > li:before{display:block;content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(0,0,0,0.1);}
#allMenu .menu > li:first-child:before{display:none;}
/* #allMenu .menu > li > a{height:90px;line-height:90px;font-size:20px;color:#fff;font-weight:700;text-align:center;background:#2590b3;} */
#allMenu .menu > li > a{height:90px;line-height:90px;font-size:20px;color:#fff;font-weight:700;text-align:center;background:#2b9abf;}
#allMenu .menu > li > a:after{display:none;content:'';position:absolute;height:90px;left:0;top:0;right:0;bottom:0;border:3px dashed #ff0000;}
#allMenu .menu > li > a:focus:after{display:block;}
#allMenu .menu > li > ul{padding:30px;}
#allMenu .menu > li > ul > li{margin-bottom:20px;}
#allMenu .menu > li > ul > li > a{padding:7px 0;font-size:16px;color:#333;font-weight:700;}
#allMenu .menu > li > ul > li:hover > a,
#allMenu .menu > li > ul > li.active > a{color:#1787ac;}
#allMenu .menu > li > ul > li > ul > li > a{display:inline-block;padding:7px 0;font-size:14px;color:#666;}
#allMenu .menu > li > ul > li > ul > li > a:hover,
#allMenu .menu > li > ul > li > ul > li.active > a{color:#1787AC;text-decoration:underline;}
#allMenu .btn_allMenuClose{display:block;position:absolute;top:-40px;right:0;width:60px;height:40px;text-indent:-9999px;background:url(../images/icon_allMenuClose.png) center no-repeat;}
#allMenu.active{display:block;}
#rightQuick{position:fixed;top:160px;left:calc(50% + 700px);text-align:center;z-index:2;}
#rightQuick > ul{margin-bottom:15px;padding:10px 0;width:70px;background:#fff;border-radius:5px;box-sizing:border-box;}
#rightQuick li{display:block;border-top:1px solid #dadada;}
#rightQuick li.item1{border-top:none;}
#rightQuick li a{display:inline-block;padding:45px 5px 10px;font-size:13px;color:#5e5e5e;line-height:130%;letter-spacing:-1px;}
#rightQuick li.item1 > a{background:url(../images/icon_quick1.png) no-repeat center 10px;}
#rightQuick li.item2 > a{background:url(../images/icon_quick2.png) no-repeat center 10px;}
#rightQuick li.item3 > a{background:url(../images/icon_quick3.png) no-repeat center 10px;}
#rightQuick li.item4 > a{background:url(../images/icon_top.png) no-repeat center 10px;}
#rightQuick li ul.depth2{display:none;position:relative;padding:10px 0;background:#2590b3;z-index:3;}
#rightQuick li ul.depth2:before{display:block;content:'';position:absolute;left:0;right:0;top:-8px;height:16px;background:url(../images/bg_guick_line.png) no-repeat center;}
#rightQuick li ul.depth2 li{border:none;}
#rightQuick li ul.depth2 li a{color:#fff;}
#rightQuick li ul.depth2 li.item1_1 a{background:url(../images/icon_quick1_1.png) no-repeat center 10px;}
#rightQuick li ul.depth2 li.item1_2 a{background:url(../images/icon_quick1_2.png) no-repeat center 10px;}
#rightQuick li.item1.active > a{color:#2590b3;font-weight:600;background:url(../images/icon_quick1_on.png) no-repeat center 10px;}
#rightQuick li a:hover{font-weight:600;text-decoration:underline;}
#rightQuick .btn_top{display:block;margin:0 auto;padding-top:20px;width:50px;height:50px;font-size:13px;color:#fff;letter-spacing:0;background:#5e5e5e url(../images/icon_top.png) no-repeat center 15px;border-radius:50%;box-sizing:border-box;}
#mQuick{display:none;position:fixed;bottom:30px;right:10px;text-align:center;z-index:2;}
#mQuick > ul{display:none;position:absolute;bottom:90px;right:-10px;width:60px;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.2);box-sizing:border-box;}
#mQuick li{display:block;border-top:1px solid #dadada;}
#mQuick li.item1{border-top:none;}
#mQuick li a{display:inline-block;padding:45px 5px 10px;font-size:13px;color:#5e5e5e;line-height:130%;letter-spacing:-1px;background-size:auto 26px !important;}
#mQuick li.item1 > a{background:url(../images/icon_quick1_m.png) no-repeat center 10px;}
#mQuick li.item2 > a{background:url(../images/icon_quick2_m.png) no-repeat center 10px;}
#mQuick li.item3 > a{background:url(../images/icon_quick3_m.png) no-repeat center 10px;}
#mQuick li ul.depth2{display:none;position:relative;padding:10px 0 0;background:#2590b3;z-index:3;}
#mQuick li ul.depth2:before{display:block;content:'';position:absolute;left:0;right:0;top:-8px;height:16px;background:url(../images/bg_guick_line.png) no-repeat center;}
#mQuick li ul.depth2 li{border:none;}
#mQuick li ul.depth2 li a{color:#fff;}
#mQuick li ul.depth2 li.item1_1 a{background:url(../images/icon_quick1_1_m.png) no-repeat center 10px;}
#mQuick li ul.depth2 li.item1_2 a{background:url(../images/icon_quick1_2_m.png) no-repeat center 10px;}
#mQuick li.item1.active > a{color:#2590b3;font-weight:600;background:url(../images/icon_quick1_on_m.png) no-repeat center 10px;}
#mQuick .btn_mQuickOpen{display:block;margin:2px 0;width:40px;height:40px;text-indent:-9999px;background:#5e5e5e url(../images/btn_quick_m.png) no-repeat center;background-size:auto 16px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.2);box-sizing:border-box;}
#mQuick .btn_top{display:block;margin:0 auto;margin:2px 0;padding-top:15px;width:40px;height:40px;font-size:11px;color:#5e5e5e;letter-spacing:0;background:#fff url(../images/btn_top_m.png) no-repeat center 8px;background-size:auto 4px;border:1px solid #b9b9b9;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.2);box-sizing:border-box;}
#mQuick .btn_mQuickOpen.active{background-color:#f95c56;}
#footer{padding:40px 0 70px;font-size:14px;color:#5e5e5e;}
#footer .fMenu{margin-bottom:20px;font-size:0;}
#footer .fMenu li{display:inline-block;position:relative;}
#footer .fMenu li a{padding:0 20px;font-size:14px;}
#footer .fMenu li:first-child:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-7px;width:1px;height:14px;background:#dedede;}
#footer .fMenu li:first-child a{padding-left:0;color:#222;font-weight:700;}
#footer p{padding:5px 0;}
#footer p a{color:#5e5e5e;}
#footer .mark{display:block;position:absolute;right:0;top:0;}

/* ************** sub ************** */
#container > .inner{width:1380px;}
#subContent{line-height:150%;}
#subContent:after{display:block;content:'';clear:both;}

#leftMenu{float:left;padding:0 10px;width:200px;background:#4F4F4F;border-radius:5px;box-sizing:border-box;position:relative; margin-bottom:100px;min-height:290px;} /* 20240416, leftMenu #1787AC -> #4F4F4F */
#leftMenu h2{width:100%;height:114px;font-size:21px;color:#fff;text-align:center;border-bottom:1px solid #fff;display:flex;align-items:center;justify-content:center;} /* 20240417, border-bottom #59b4d1 -> #fff */

#leftMenu ul,
#leftMenu ul li,
#leftMenu ul li a{display:block;}
#leftMenu .menu{padding:5px 0;}
#leftMenu .menu > li{padding:5px 0;}
#leftMenu .menu > li > a{display:block;margin-bottom:2px;padding:10px 20px 10px 15px;font-size:15px;color:#fff;}
#leftMenu .menu > li.active > a{color:#000;font-weight:700;border-radius:5px;background:#fff url(../images/icon_leftMenu_on.png) no-repeat right 15px center;} /* 20240416, #1787AC -> #000 변경*/
#leftMenu .menu > li > a:hover{font-weight:700;}
#leftMenu .menu > li > ul{display:none;padding:10px 15px;background:#fff;border-radius:5px;}
#leftMenu .menu > li.active > ul{display:block;}
#leftMenu .menu > li > ul > li{padding:2px 0;}
#leftMenu .menu > li > ul > li > a{display:inline-block;padding:5px 0;font-size:14px;color:#333;}
#leftMenu .menu > li > ul > li.active > a,

#leftMenu .menu > li > ul > li > a:hover{color:#000;font-weight:700;text-decoration:underline;}/* 20240416, #1787AC -> #000 변경*/

#leftMenu .side-btns{position:absolute;left:0;top:calc(100% + 20px);right:0;}
#leftMenu .side-btns a{display:block;width:100%;margin-bottom:5px;}
#content{float:right; position:relative; width:calc(100% - 210px);padding:50px 75px;min-height:700px;background:#fff;border-radius:5px;box-sizing:border-box;}/* [231206퍼블]수정 */
#conTop{position:relative;margin-bottom:50px;height:64px;border-bottom:1px solid #888;}
#conTop h3{font-size:32px;color:#333;line-height:64px;letter-spacing:-3px;}
#conTop .langWrap{position:absolute;top:0;right:0;}/* [231206퍼블]수정 */
#mConTop{display:none;position:relative;margin-bottom:50px;height:64px;border-bottom:1px solid #888;}
#mConTop h3{font-size:32px;color:#333;line-height:64px;letter-spacing:-2px;}
#mConTop h3 a{display:block; background:url(../images/icon_mMenu_open.png) no-repeat 98% center; background-size:auto 10px !important;}
#mConTop h3 a.active{background:url(../images/icon_mMenu_close.png) no-repeat 98% center;}

#mConTop > ul{display:none;position:absolute;left:0;right:0;top:64px;padding:10px;background:#2590b3;border-top:1px solid #888;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:3;max-height:550px; overflow-y:auto;}
#mConTop > ul > li > a{display:block;padding:10px 20px;font-size:16px;color:#fff;border-radius:5px;}
#mConTop > ul > li + li{border-top:1px solid rgba(255,255,255,0.3);}
#mConTop > ul > li.active{background:#fff;border-radius:5px;}
#mConTop > ul > li.active > a{color:#1787ac;background:#fff url(../images/icon_leftMenu_on.png) no-repeat right 15px center; font-weight:600;}
#mConTop ul.dep3{border-top:1px solid #2590b3;}
#mConTop ul.dep3 li a{display:block;padding:15px 20px;color:#555;}
#mConTop ul.dep3 li + li{border-top:1px solid rgba(0,0,0,0.2);}
#mConTop ul.dep3 li.active a{color:#1787ac;font-weight:600;}
/*
#mobileLnb{display:none;position:absolute;left:0;right:0;top:64px;padding:10px;background:#2590b3;border-top:1px solid #888;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:3;max-height:550px; overflow-y:auto;}
#mobileLnb > li > a{display:block;padding:10px 20px;font-size:16px;color:#fff;border-radius:5px;}
#mobileLnb > li + li{border-top:1px solid rgba(255,255,255,0.3);}
#mobileLnb > li.active{background:#fff;border-radius:5px;}
#mobileLnb > li.active > a{color:#1787ac;background:#fff url(../images/icon_leftMenu_on.png) no-repeat right 15px center; font-weight:600;}
#mobileLnb ul.dep3{border-top:1px solid #2590b3;}
#mobileLnb ul.dep3 li a{display:block;padding:15px 20px;color:#555;}
#mobileLnb ul.dep3 li + li{border-top:1px solid rgba(0,0,0,0.2);}
#mobileLnb ul.dep3 li.active a{color:#1787ac;font-weight:600;}
*/

/* title */
h4{margin-bottom:20px;font-size:24px;color:#1787ac;font-weight:600;letter-spacing:-2px;}
h4 .smallTxt{font-size:18px;}
h5{margin-bottom:15px;font-size:18px;color:#333;line-height:140%;}
h5.em{color:#1787ac;}
h6{display:block;margin-bottom:10px;position:relative;padding-left:15px;font-size:16px;}
h6:after{display:block;content:'';position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;border:3px solid #1787ac;box-sizing:border-box;}
.h4Content{margin-bottom:50px;}
.h5Content{margin-bottom:35px;}
.titleArea{margin-bottom:30px;}
.view-preview{display:flex; justify-content:space-between; width:100%;}
.view-preview h3{font-size:24px; color:#1787ac;}
.view-preview .titleRight{padding:5px 15px;font-size:14px;border-radius:20px;border:1px solid #dcdcdc;}
.view-preview .titleRight span{display:inline-block;position:relative;padding:0 10px;}
.view-preview .titleRight span:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#cdcdcd;}
.view-preview .titleRight span:first-child:before{display:none;}

.view-preview:after{display:none !important;}
.titleArea:after{display:block;content:'';clear:both;}
.titleArea h4{display:inline-block;margin:0 15px 0 0;line-height:130%;}
.titleArea h5{display:inline-block;margin:0 15px 0 0;line-height:150%;}
.titleArea .desc{font-size:15px;color:#27A1C6;}
.titleArea .right{display:flex; align-items:center; float:right;font-size:14px;color:#000;line-height:35px;}/*  padding-right:25px; */
.titleArea .right a{margin-right:4px;}
.titleArea .right a:focus{outline:1px solid #ff0000;}
.titleArea .state{display:inline-block;padding:0 15px;height:35px;line-height:33px;font-size:15px;color:#fa1d1d;font-weight:600;border:1px solid #f95c56;border-radius:20px;vertical-align:top;box-sizing:border-box;}
.titleArea h5 + .right{margin-top:-5px;}
.h4Content .titleArea{margin-bottom:15px;}

/* list */
.dotCon{position:relative;padding-left:10px;text-align:left;}
.dotCon:before{display:block;content:'';position:absolute;left:0;top:11px;width:3px;height:3px;background:#727272;border-radius:50%;}
.listCon > li{position:relative;padding:2px 0;text-align:left;}
.listCon.dot > li{padding-left:10px;  font-size:14px; line-height:22px; word-break:break-all;}
.listCon.dot > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:3px;height:3px;background:#2358ae;}
.listCon.minus > li{padding-left:10px;}
.listCon.minus > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:5px;height:1px;background:#727272;}/* [231206퍼블]수정 */
.listCon.num > li{padding-left:20px;text-indent:-20px;}

/* infobox */
.topInfoBox{margin-bottom:20px;padding:20px 30px;background:#f6f6f6;}
.topInfoBox:after{display:block;content:'';clear:both;}
.topInfoBox > .listCon.dot > li.txtBlue{color: #1787AC !important;}
.topInfoBox.type2{padding:35px 45px;background:#eff7fa;}
.topInfoBox.type2 h5{color:#2358ae;}
.topInfoBox.type2 .listCon{margin:0 -2%;}
.topInfoBox.type2 .listCon:after{display:block;content:'';clear:both;}
.topInfoBox.type2 .listCon li{display:block;float:left;margin:0 2%;width:46%;border-bottom:1px solid #dcdcdc;line-height:50px;box-sizing:border-box;}
.topInfoBox.type2 .listCon.dot > li:before{top:27px;}
.topInfoBox.type2 .listCon li .head{display:inline-block;vertical-align:middle;width:130px;}
.topInfoBox.type2.bgRed{background:#fef6ee;}
.topInfoBox.type2.bgRed h5{color:#f95c56;}
.topInfoBox .left{float:left;}
.topInfoBox .left h6{margin:10px 0 0;}
.topInfoBox .right{float:right;}
#transactionHash {
    background-color:white !important;
    color: black !important;
    cursor: pointer;
}
.allimTxt + .topInfoBox.type2{margin-top:35px;}

/* 선거 명부 마감 */
.closeVoterList {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    padding: 30px;
    min-height: 52px;
    background: #ecf7fb;
    line-height: 52px;
}

.closeVoterList .flexRow {
    display: flex;
    justify-content: space-between;
}

.closeVoterList .flexColumn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 50%;
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;
}

.closeVoterList .state {
    display: flex;
    vertical-align: middle;
    color: #f95c56;
    font-weight: bold;
    font-size: 20px;
}

/* tooltip */
.tooptipWrap{display:inline-block;position:relative;}
.tooptipWrap .tooltipBox{display:none;position:absolute;right:-50px;top:45px;padding:20px 25px;width:400px;background:#fff;border:1px solid #505050;z-index:2;}
.tooptipWrap .tooltipBox:before{display:block;content:'';position:absolute;right:80px;top:-5px;width:9px;height:5px;background:url(../images/bg_tooltip.png) no-repeat center;}
.tooptipWrap p{margin-bottom:5px;font-size:14px;}
.tooptipWrap input[type="text"]{height:35px;border:1px solid #b5b5b5;}
.tooptipWrap .btn_tooltipClose{display:inline-block;position:absolute;right:0;top:0;width:40px;height:40px;text-indent:-9999px;background:url(../images/icon_delete.png) no-repeat center;padding:0 !important;}
.tooptipWrap.active .tooltipBox{display:block;}
.tooltipItem{position:relative;}
.tooltipItem .tooltip{display:none;position:absolute;left:100%;top:0;padding:5px 8px;width:max-content;border:1px solid #b7b7b7;border-radius:5px;background:#ededed;}
.tooltipItem.active .tooltip{display:block;}
.tooltipItem.active a{color:#2590b3;text-decoration: underline;}
.tooltipItem .tooltip p{font-size:13px;text-align:left;}

/* 로그인 */
.loginForm{margin:50px auto;width:600px;}
.loginForm h4{text-align:center;}
.loginForm li{padding:0 45px 20px 45px;}
.loginForm li:after{display:block;content:'';clear:both;}
.loginForm li.id{background:url(../images/icon_login_id.png) no-repeat left 5px;}
.loginForm li.pw{background:url(../images/icon_login_pw.png) no-repeat left 5px;}
.loginForm li.sc{background:url(../images/icon_login_sc.png) no-repeat left 5px;}
.loginForm li.last{text-align:center;}
.loginForm li .txt{display:block;margin-bottom:5px;font-size:13px;color:#333;letter-spacing:-1px;}
.loginForm li .captcha{display:block;float:left;width:210px;text-align:center;}
.loginForm li .captcha img{margin-bottom:5px;}
.loginForm li .captcha a{display:inline-block;margin:0 10px;padding-left:20px;font-size:12px;color:#7e7e7e;}
.loginForm li .captcha .btn_refresh{background:url(../images/icon_login_refresh.png) no-repeat left center;}
.loginForm li .captcha .btn_audio{background:url(../images/icon_login_audio.png) no-repeat left center;}
.loginForm li .captcha .btn_email{background:url(../images/icon_login_email.png) no-repeat left center;}
.loginForm li .time{display:block;float:right;margin-top:10px;width:235px;}
.loginForm li .time input{margin-bottom:5px;}
.loginForm li .time .captchaTime{font-size:13px;color:#333;line-height:24px;}
.loginForm li .time .captchaTime b{margin-left:5px;color:#fa1d1d;}
.loginForm li .time .btn_delay{display:inline-block;float:right;padding:0 10px;height:24px;line-height:24px;font-size:12px;color:#fff;background:#505050;border-radius:5px;}
.loginForm li .time .btn_delay:focus{border:2px dotted #ff0000;}
/* .loginForm .btn_login{display:block;height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:600;text-align:center;background:#2590b3;border-radius:5px;} */
.loginForm .btn_login{display:block;height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:600;text-align:center;background:#4f4f4f;border-radius:5px;}
.loginForm .btn_login:focus{outline:2px dashed #ff0000;}
.loginForm input::-webkit-input-placeholder{font-size:15px;color:#5e5e5e;}
.loginForm input:-ms-input-placeholder{font-size:15px;color:#5e5e5e;}
.loginForm .time input::-webkit-input-placeholder{font-size:15px;color:#2358ae;font-weight:600;}
.loginForm .time input:-ms-input-placeholder{font-size:15px;color:#2358ae;font-weight:600;}
.loginForm li.sel select{width:49%;}
.login_ex {width:600px; margin:0 auto 20px; position:relative; height:auto; min-height:136px; color:#202229; border-bottom:2px solid #a0d6ff; background:url(../images/bg_login3.png) no-repeat;}
.login_ex .sms_ex {padding:44px 0 0 50px; font-size:13px; line-height:19px;}
.login_ex .sms_ex02 {position:absolute; top:57px; left:320px; line-height:22px;}
.login_ex .box_code {border:1px solid #f45b0f; background:#ffecd9; display:inline-block;}
.login_ex .sms_ex .box_code {width:60px; height:15px; margin-left:5px; padding-left:3px; font-weight:bold;vertical-align:top;margin-top:2px;}
.login_ex .sms_ex02 .box_code {width:40px; height:15px; margin-right:2px;vertical-align:top;margin-top:2px;}
.loginForm.type2{width:600px;}
.loginForm.type2 li{padding-left:60px;}
.loginForm.type2 li.sc{background-position:20px 5px;}
.loginForm li.loginInput{padding:10px 0 30px 0;text-align:center;line-height:36px;}
.loginForm li.loginInput .title{display:inline-block;margin-right:18px;font-weight:bold;vertical-align:top;}
.loginForm li.loginInput .txt_url{vertical-align:top;}
.loginForm li.loginInput .box_code{vertical-align:top;}
.loginInput .txt_url {color:#202229; font-size:21px; font-weight:bold; margin-right:5px; height:36px; vertical-align:middle;}
.loginInput .box_code {border:2px solid #f45b0f; background:#ffecd9; display:inline-block; width:180px; height:36px; vertical-align:middle; color:#202229; font-weight:bold;font-size:18px;}
#securityLoginFrm .form .authznoTime{font-size:13px;color:#333;line-height:24px;}
#securityLoginFrm .form .authznoTime b{margin-left:5px;color:#fa1d1d;}

/* 현장투표 단말기 로그인 */

.ppadminLoginForm{margin:50px auto;}
.ppadminLoginForm h4{text-align:center;}
.ppadminLoginForm li{padding:0 45px 20px 45px;}
.ppadminLoginForm li:after{display:block;content:'';clear:both;}
.ppadminLoginForm li.id{background:url(../images/icon_login_id.png) no-repeat left 5px;}
.ppadminLoginForm li.pw{background:url(../images/icon_login_pw.png) no-repeat left 5px;}
.ppadminLoginForm li.sc{background:url(../images/icon_login_sc.png) no-repeat 50px 10px;}
.ppadminLoginForm li.last{text-align:center;}
.ppadminLoginForm li .txt{display:block;margin-bottom:5px;font-size:13px;color:#333;letter-spacing:-1px;}
.ppadminLoginForm li .captcha{display:block;text-align:center;}
.ppadminLoginForm li .captcha img{margin-bottom:5px;}
.ppadminLoginForm li .captcha a{display:inline-block;margin:0 10px;padding-left:20px;font-size:12px;color:#7e7e7e;}
.ppadminLoginForm li .captcha .btn_refresh{background:url(../images/icon_login_refresh.png) no-repeat left center;}
.ppadminLoginForm li .captcha .btn_audio{background:url(../images/icon_login_audio.png) no-repeat left center;}
.ppadminLoginForm li .time{display:block;margin-top:10px;}
.ppadminLoginForm li .time input{margin-bottom:5px;}
.ppadminLoginForm li .time .captchaTime{font-size:13px;color:#333;line-height:24px;}
.ppadminLoginForm li .time .captchaTime b{margin-left:5px;color:#fa1d1d;}
.ppadminLoginForm li .time .btn_delay{display:inline-block;padding:0 10px;height:24px;line-height:24px;font-size:12px;color:#fff;background:#505050;border-radius:5px;}
.ppadminLoginForm .btn_login{display:block;height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:600;text-align:center;background:#2590b3;border-radius:5px;}
.ppadminLoginForm input::-webkit-input-placeholder{font-size:15px;color:#5e5e5e;}
.ppadminLoginForm input:-ms-input-placeholder{font-size:15px;color:#5e5e5e;}
.ppadminLoginForm .time input::-webkit-input-placeholder{font-size:15px;color:#2358ae;font-weight:600;}
.ppadminLoginForm .time input:-ms-input-placeholder{font-size:15px;color:#2358ae;font-weight:600;}
.ppadminLoginForm li.sel select{width:49%;}
.ppadminLoginForm.type2{width:600px;}
.ppadminLoginForm.type2 li{padding-left:60px;}
.ppadminLoginForm.type2 li.sc{background-position:20px 5px;}
.ppadminLoginForm li.loginInput{padding:10px 0 30px 0;text-align:center;line-height:36px;}
.ppadminLoginForm li.loginInput .title{display:inline-block;margin-right:18px;font-weight:bold;vertical-align:top;}
.ppadminLoginForm li.loginInput .txt_url{vertical-align:top;}
.ppadminLoginForm li.loginInput .box_code{vertical-align:top;}


/* 동의 */
.agreeWrap > p{margin:10px 0;font-size:14px;color:#7e7e7e;}
.agreeWrap .agreeCon{margin-bottom:20px;font-size:14px;}
.agreeWrap .agreeCon label{margin-right:0;font-size:14px;color:#333;}
.agreeWrap .agreeCon .box{margin-bottom:10px;padding:20px 25px;height:200px;color:#333;border:1px solid #dcdcdc;box-sizing:border-box;overflow:auto;}
.agreeWrap .agreeCon .box strong{display:inline-block;margin-bottom:10px;font-size:18px;color:#000;}
.agreeWrap .agreeCon .box p{margin:10px 0;}
.agreeWrap .agreeCon .box .listCon{margin:0 0 10px 10px;}
.agreeWrap h4 {text-align:center; font-size:21px; font-weight:bold; color:#202229;}
.agreeWrap h4>span {display:block; font-size:13px; color:#1989ff;}
.agreeWrap .sec {margin-top:40px;}
.agreeWrap .sec_line {border-bottom:1px dotted #d6dae3; padding-bottom:20px;}
.agreeWrap .sec_line+.sec {margin-top:20px;}
.agreeWrap .agreeCon .box ol ul{padding-left:15px;}
.agreeWrap li.sec_tit {font-size:17px; font-weight:bold; padding-bottom:5px; color:#1d3b8b; margin-bottom:30px;}
.agreeWrap li.sec_tit ul li {font-size:14px; color:#393e49; margin-top:3px; margin-left:20px;font-weight:normal;}
.agreeWrap li.sec_tit ul li:first-child {margin-top:6px;}
.agreeWrap li.sec_tit ul li.sec_box {background-color:#ecf7ff; border:1px solid #a0d6ff; padding:15px 25px; margin-top:10px; margin-bottom:10px;}
.agreeWrap li.sec_tit ul li.sec_box p {padding-left:10px; margin-top:5px;}
.agreeWrap li.sec_tit ul li.sec_txt {margin-top:6px; margin-bottom:10px;}
.agreeWrap li.sec_tit ul li.sec_txt p {margin-top:5px;}
.agreeWrap li.sec_tit,
.agreeWrap li.sec_tit ul li {font-size:13px;}
.agreeWrap .sec:first-child {margin-top:0;}
.agreeWrap .sec {margin-top:20px;}
.agreeWrap li.sec_tit {margin-bottom:10px; margin-top:10px;}
.agreeWrap li.sec_tit ul li span {display:inline;}

/* 주소검색 */
.postBox{margin-bottom:30px;}
.postBox .desc{margin-bottom:10px;}
.postList{border-top:2px solid #333;border-bottom:1px solid #aaa;}
.postList li{border-bottom:1px solid #dedede;}
.postList li:last-child{border-bottom:none;}
.postList li a{display:table;padding:10px 0;width:100%;}
.postList li span{display:table-cell;color:#666;line-height:160%;vertical-align:middle;}
.postList li span.num{width:20%;text-align:center;}
.postList li b{color:#333;}
.postList li a:hover b{text-decoration:underline;}
.postList li.empty{padding:30px 0;text-align:center;}

/* 카드형 목록 */
.boardList{clear:both;margin:30px -15px;}
.boardList:after{display:block;content:'';clear:both;}
.boardList li{float:left;padding:15px;width:350px;box-sizing:border-box;}
.boardList li a{display:block;border:1px solid #dedede;}
.boardList li span{display:block;}
.boardList li .img{height:200px;background:#f5f5f5 url(../images/photo_default.png) center no-repeat;background-size:120px 100px;border-bottom:1px solid #dedede;}
.boardList li .img img{width:100%;height:100%;}
.boardList li .con{position:relative;padding:20px 15px;}
.boardList li .state{margin-bottom:7px;font-size:14px;color:#666;}
.boardList li .title{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.boardList li .hit{position:absolute;right:15px;top:20px;padding-left:20px;font-size:14px;color:#666;background:url(../images/icon_hit.png) no-repeat left center;}
.boardList li a:hover{border-color:#2590b3;}
.boardList li a:hover .title{text-decoration:underline;}
.boardList li.empty{float:none;margin:0 15px 30px;padding:30px 0;width:auto;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;text-align:center;}
.boardList.type2 li > div{position:relative;border:1px solid #dedede;text-align:center;}
.boardList.type2 li .con{position:absolute;top:0;left:0;right:0;padding-top:45px;height:200px;background:rgba(0,0,0,.7);color:#fff;box-sizing:border-box;}
.boardList.type2 li .con .cate{display:block;position:relative;margin-bottom:20px;padding-bottom:20px;font-size:24px;}
.boardList.type2 li .con .cate:after{display:block;content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;border-top:3px solid #fff;}
.boardList.type2 li .btn{display:inline-block;margin:20px auto;border:0px none;}
.boardList.type2 li .title{display:-webkit-box;height:46px;line-height:23px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:inherit;text-align:center;font-weight:normal;}

/* 후보자/안건 관리 */
.tableBox .enrollForm{width:100%;}
.tableBox .enrollForm th,
.tableBox .enrollForm td{padding:10px 5px;height:auto;border-bottom:0px none;}
.tableBox .enrollForm thead th{background:#e1e6e8;text-align:center;}
.tableBox .enrollForm tbody td{padding:5px;}
.tableBox .enrollForm .leftArea,
.tableBox .enrollForm .rightArea{padding-top:20px;}
.tableBox .enrollForm.type2 thead th{padding:10px 20px;background:#e0f1f7;color:#2358ae;}
.tableBox .enrollForm.type3 tbody td{border-bottom:1px solid #dcdcdc;border-right:1px solid #ededed;}
.tableBox .enrollForm.type3 thead tr{border-left:1px solid #dcdcdc;}
.tableBox .enrollForm.type3 thead th{border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.tableBox .enrollForm.type3 tbody td:last-child{border-right:0px none;}
.tableBox .enrollForm .title:hover{text-decoration:underline;color:#2358ae;font-weight:bold;}
.candiInfo{padding-top:10px;}
.candiInfo:after{display:block;content:'';clear:both;}
.candiInfo .leftArea{float:left;width:30%;text-align:center;}
.candiInfo .leftArea .img{display:block;margin-bottom:10px;width:170px;height:220px;border:1px solid #dcdcdc;border-radius:10px;overflow:hidden;text-align:center;line-height:220px;}
.candiInfo .leftArea .img img{display:inline-block;vertical-align:middle;}
.candiInfo .rightArea{float:right;width:68%;}
.candiInfo .floatRight{margin-top:-50px;}
.candiInfo .infoList{clear:both;}
.candiInfo .infoList dt{margin-bottom:5px;font-size:15px;font-weight:bold;}
.candiInfo .infoList dd + dt{margin-top:15px;}
.candiInfo .infoList .btn_add{display:block;float:right;margin-top:-25px;border-bottom:1px solid;color:#2358ae;font-weight:bold;font-size:13px;}
.candiInfo .infoList .numLimit{display:block;float:right;margin-top:-25px;font-size:13px;}
.candiInfo .infoList .numLimit b{color:#2358ae;}
.candiInfo .infoList .lPlges li{display:flex;align-items:center;}

/* 러닝메이트 모달팝업 */
.candiInfo .rm-row{padding:20px 0; border-bottom:1px solid #ddd; }
.candiInfo .rm-row:first-child{border-top:1px solid #ddd; }
.candiInfo .rm-row h4{margin-bottom:10px;color:#222;}
.candiInfo .rm-row .infoList dt{color:#2358ae;}

/* 설문참여 */
.surveyViewWrap{position:relative;}
.surveyViewWrap .snsArea{position:absolute;right:0;top:15px;}
.snsArea a{display:inline-block;width:30px;height:30px;text-indent:-9999px;}
.sns1{background:url(../images/icon_sns1.png) no-repeat center;}
.sns2{background:url(../images/icon_sns2.png) no-repeat center;}
.sns3{background:url(../images/icon_sns3.png) no-repeat center;}
.sns4{background:url(../images/icon_sns4.png) no-repeat center;}
.sns5{background:url(../images/icon_sns5.png) no-repeat center;}
.surveyTabView .box{padding:40px;font-size:16px;line-height:180%;border:1px solid #dcdcdc;}
.surveyTabView .box .img{display:block;margin-bottom:30px;}
.surveyTabView .box .cont{padding-left:10px;}
.surveyTabView .box .cont:after{display:block;content:'';clear:both;}
.surveyTabView .box .cont .qrCode{float:right;display:block;position:relative;margin-left:10px;width:165px;height:165px;border:1px solid #dcdcdc;box-sizing:border-box;}
.surveyTabView .box .cont .qrCode img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}
.surveyTabView .box .cont p{margin-bottom:20px;word-break: break-all;}
.tableBox .list td.etcBox {word-break: break-all;}
.agreeWrap > p{margin:10px 0;font-size:14px;color:#7e7e7e;}
.agreeWrap .agreeCon label{margin-right:0;font-size:14px;color:#333;}
.agreeWrap .agreeCon .box{margin:25px 0 10px;padding:20px 25px;height:200px;color:#333;border:1px solid #dcdcdc;box-sizing:border-box;overflow:auto;}
.agreeWrap .agreeCon .box strong{display:inline-block;margin-bottom:10px;font-size:18px;color:#000;}
.agreeWrap .agreeCon .box p{margin:10px 0;}
.agreeWrap .agreeCon .box .listCon{margin:0 0 10px 10px;}

/* 설문결과 */
.surveyTitle{margin-bottom:25px;font-size:20px;color:#0ab174;font-weight:600;text-decoration:underline;}
.surveyWrap > ol{display:block;counter-reset:li;padding-left:60px;}
.surveyWrap > ol > li{position:relative;margin-bottom:30px;}
.surveyWrap > ol > li:before{content:counter(li);counter-increment:li;position:absolute;left:-60px;top:0;background:#e0f1f7;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;}
.surveyWrap .surveyBox input[type='text'],
.surveyWrap .surveyBox input[type='password'],
.surveyWrap .surveyBox input[type='number'],
.surveyWrap .surveyBox select{height:30px;}
.surveyWrap .surveyBox .survey-title{margin-bottom:25px;}	
.surveyWrap.result .surveyBox.divide .title{width:50%;}
.surveyWrap.result .surveyBox .cont:after{display:block;content:'';clear:both;}
.surveyWrap.result .surveyBox .contLeft{float:left;width:49%;}
.surveyWrap.result .surveyBox .contRight{float:right;margin-top:-50px;width:49%;}
.surveyWrap.result .surveyBox .dashboard{min-height:200px;border:1px solid #ddd;}
.surveyWrap.result .surveyBox .etcResult{position:relative;margin-bottom:20px;}
.surveyWrap.result .surveyBox .etcResult .txt{display:block;margin-bottom:15px;padding-right:170px;font-size:16px;color:#333;}
.surveyWrap.result .surveyBox .etcResult .txt b{font-size:18px;color:#111;}
.surveyWrap.result .surveyBox .etcResult .list{padding:15px 30px 0;border:1px solid #dcdcdc;}
.surveyWrap.result .surveyBox .etcResult .list li{margin-bottom:0;padding:17px 0 17px 50px;color:#333;background:url(../images/icon_etcResult.png) no-repeat left 11px;border-bottom:1px solid #eaeaea;}
.surveyWrap.result .surveyBox .etcResult .list .btn_list_more{display:block;padding:15px 0;text-align:center;}
.surveyWrap.result .surveyBox .etcResult .list .btn_list_more > span{padding-left:20px;background:url(../images/icon_list_more.png) no-repeat left center;}
.surveyWrap.result .surveyBox .etcResult .list .btn_list_more:hover > span{text-decoration:underline;}
.btn_userView{display:inline-block;position:absolute;right:0;top:0;padding-left:25px;font-size:12px;background:url(../images/icon_userView.png) no-repeat left center;text-decoration:underline;}
.btn_etcView{display:inline-block;position:absolute;right:95px;top:0;padding:0 10px;font-size:12px;border:1px solid #dcdcdc;border-radius:5px;}

/* 설문결과 : 그래프 */
.voteStatusBar{display:flex; flex-direction:column; padding:20px;margin-bottom:20px;background:#F7F7F7;box-sizing:border-box;}
.voteStatusBar b{margin-bottom:45px;}

.graph{position:relative;border-radius:12px;margin-bottom:20px;}
.graph .txt{display:block;margin-bottom:10px;padding-right:170px;font-size:16px;color:#333;}
.graph .txt b{font-size:18px;color:#111;}
.graph .barWrap{width:calc(100%);height:24px;background:#ededed;box-sizing:border-box;border-radius:12px;}
.graph .barWrap:before{display:block;content:'';width:100%;height:24px;background:#ededed; position:absolute;left:0;top:0;border-radius:12px;}
.graph .barWrap .bar{position:relative;display:inline-block;position:relative;height:24px;border-radius:12px;}
.graph.type1 .barWrap .bar{background-image:linear-gradient(to right, #66E0E8 , #1B9FA8);}
.graph.type2 .barWrap .bar{background-image:linear-gradient(to right, #E3DF6B , #B7B013);}
.graph.type3 .barWrap .bar{background-image:linear-gradient(to right, #F7C18B , #DF730A);}
.graph.type4 .barWrap .bar{background-image:linear-gradient(to right, #F3C0DC , #BE578F);}
.graph.type5 .barWrap .bar{background-image:linear-gradient(to right, #90CA9A , #229E54);}
.graph.type6 .barWrap .bar{background-image:linear-gradient(to right, #CCBBFC , #8F65E8);}
.graph.type7 .barWrap .bar{background-image:linear-gradient(to right, #8DB4EE , #4073BF);}
.graph .barWrap .bar em{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:-22px;top:-40px;padding:5px 10px;font-weight:600;color:#fff;border-radius:8px;box-sizing:border-box;font-size:12px;}
.graph .barWrap .bar em:before{content:'';position:absolute;bottom:-12px;width:0;height:0; border-bottom:solid 6px transparent;border-right:solid 6px transparent; border-left:solid 6px transparent;}
.graph.type1 .barWrap .bar em{background-color:#1B9FA8;}
.graph.type1 .barWrap .bar em:before{border-top:solid 6px #1B9FA8;}
.graph.type2 .barWrap .bar em{background-color:#B7B013;}
.graph.type2 .barWrap .bar em:before{border-top:solid 6px #B7B013;}
.graph.type3 .barWrap .bar em{background-color:#DF730A;}
.graph.type3 .barWrap .bar em:before{border-top:solid 6px #DF730A;}
.graph.type4 .barWrap .bar em{background-color:#BE578F;}
.graph.type4 .barWrap .bar em:before{border-top:solid 6px #BE578F;}
.graph.type5 .barWrap .bar em{background-color:#229E54;}
.graph.type5 .barWrap .bar em:before{border-top:solid 6px #229E54;}
.graph.type6 .barWrap .bar em{background-color:#8F65E8;}
.graph.type6 .barWrap .bar em:before{border-top:solid 6px #8F65E8;}
.graph.type7 .barWrap .bar em{background-color:#4073BF;}
.graph.type7 .barWrap .bar em:before{border-top:solid 6px #4073BF;}
.graph .btn_more_area{display:inline-block;margin-left:5px;width:20px;height:20px;text-indent:-9999px;background:#fff url(../images/icon_moreArea.png) no-repeat center;border:1px solid #dcdcdc;border-radius:5px;}
.graph .depth2Group{display:none;margin:20px 0 30px;}
.graph.depth2{margin-bottom:5px;}
.graph.depth2 .percent{font-size:14px;color:#009f65;}
.graph.depth2 .txt{margin-bottom:5px;font-size:14px;}
.graph.depth2 .txt b{font-size:14px;}
.graph.depth2 .barWrap{width:100%;height:14px;line-height:100%;background:#ededed;}
.graph.depth2 .barWrap .bar{display:inline-block;position:relative;height:14px;background:#5e5e5e;}
.graph.active .btn_more_area{background:#fff url(../images/icon_moreArea_on.png) no-repeat center;}
.vtGraphOption{margin-bottom:25px;text-align:right;}
.vtGraphOption > span{position:relative;margin-right:15px;padding-left:25px;font-size:13px;color:#555;}
.vtGraphOption > span.type5{margin-right:0;}
.vtGraphOption > span:before{display:block;content:'';position:absolute;left:0;top:0;width:20px;height:20px;background:#0ab174;border-radius:50%;}
.vtGraphOption > span.type1:before{background:#0ab174;}
.vtGraphOption > span.type2:before{background:#0f90b0;}
.vtGraphOption > span.type3:before{background:#1958b6;}
.vtGraphOption > span.type4:before{background:#cbc51f;}
.vtGraphOption > span.type5:before{background:#de2a12;}
.vtGraphList{overflow:hidden;margin:-25px;}
.vtGraphList:after{display:block;content:'';clear:both;}
.vtGraphList .txt{display:block;margin-bottom:15px;font-size:16px;color:#333;}
.vtGraphList .txt b{font-size:18px;color:#111;}
.vtGraphList .btn_userView{position:static;padding:0 5px 0 25px;font-size:12px;background-position:5px center;background-size:auto 10px;border:1px solid #dcdcdc;border-radius:5px;text-decoration:none;}
.vtGraphList .box{float:left;padding:25px;width:50%;box-sizing:border-box;}
.vtGraphList .box .vtGraph{height:200px;border-bottom:1px solid #7e7e7e;box-sizing:border-box;}
.vtGraphList .box .vtGraph ul:after{display:block;content:'';clear:both;}
.vtGraphList .box .vtGraph ul li{float:left;position:relative;margin-bottom:0;width:20%;height:200px;text-align:center;}
.vtGraphList .box .vtGraph .vtBar{display:inline-block;position:absolute;left:50%;bottom:0;margin-left:-12px;width:24px;height:20%;line-height:100%;background:#0ab174;}
.vtGraphList .box .vtGraph .vtBar.type1{background:#0ab174;}
.vtGraphList .box .vtGraph .vtBar.type2{background:#0f90b0;}
.vtGraphList .box .vtGraph .vtBar.type3{background:#1958b6;}
.vtGraphList .box .vtGraph .vtBar.type4{background:#cbc51f;}
.vtGraphList .box .vtGraph .vtBar.type5{background:#de2a12;}
.vtGraphList .box .vtGraph .vtBar em{display:inline-block;position:absolute;left:50%;top:0;margin-top:-20px;margin-left:-20px;width:40px;height:40px;line-height:35px;color:#029c64;font-weight:600;text-align:center;background:#fff;border:2px solid #029c64;border-radius:50%;box-sizing:border-box;font-size:12px;}
.vtGraphList .box .vtGraph .vtBar.type1 em{color:#029c64;border-color:#029c64;}
.vtGraphList .box .vtGraph .vtBar.type2 em{color:#0080a0;border-color:#0080a0;}
.vtGraphList .box .vtGraph .vtBar.type3 em{color:#0047b1;border-color:#0047b1;}
.vtGraphList .box .vtGraph .vtBar.type4 em{color:#b9b300;border-color:#b9b300;}
.vtGraphList .box .vtGraph .vtBar.type5 em{color:#ca1800;border-color:#ca1800;}
.vtGraphList .box .vtGraphBtm{margin-top:15px;}
.vtGraphList .box .vtGraphBtm ul:after{display:block;content:'';clear:both;}
.vtGraphList .box .vtGraphBtm ul li{float:left;position:relative;margin-bottom:0;width:20%;text-align:center;}
.vtGraphList .box .vtGraphBtm ul li .num{display:block;margin-bottom:2px;}

/* 설문개요 */
.surveyInfoWrap .btnArea{margin:40px 0;}
.surveyInfoTop{padding:30px;background:#f6f6f6;}
.surveyInfoTop:after{display:block;content:'';clear:both;}
.surveyInfoTop h4{margin-bottom:15px;}
.surveyInfoTop > div{float:left;padding:0 15px;width:25%;box-sizing:border-box;}
.surveyInfoTop strong.title{display:block;position:relative;margin-bottom:15px;padding-left:10px;font-size:16px;color:#333;}
.surveyInfoTop strong.title:before{display:block;content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#333;border-radius:50%;}
.surveyInfoTop .set1{width:50%;}
.surveyInfoTop .set1 ul{display:block;content:'';clear:both;}
.surveyInfoTop .set1 li{padding:12px 0;font-size:16px;color:#333;border-bottom:1px solid #dcdcdc;display:flex;}	
.surveyInfoTop .set1 li .lb{position:relative;width:120px;box-sizing:border-box;padding-left:10px;font-weight:600}	
.surveyInfoTop .set1 li .lb:before{display:block;content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#333;border-radius:50%;}	
.surveyInfoTop .set1 li .data{width:calc(100% - 120px);}	
.surveyInfoTop .set1 li .data em{white-space:nowrap;}
.surveyInfoTop .set2 .qrCode{display:block;position:relative;width:100%;height:155px;background:#fff;border:1px solid #dcdcdc;box-sizing:border-box;text-align:center;}
.surveyInfoTop .set2 .qrCode img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}
.surveyInfoTop .set2 .btnGroup{margin-top:12px;text-align:center;}
.surveyInfoTop .set2 .btnGroup a{padding:0 5px;}
.surveyInfoTop .stateBox{padding:0 20px;height:200px;background:#fff;}
.surveyInfoTop .stateBox .sta{padding:35px 0;font-size:26px;color:#2590b3;font-weight:600;text-align:center;}
.surveyInfoTop .stateBox .msg{padding:20px 0 0 30px;font-size:14px;line-height:140%;background:url(../images/icon_staMsg.png) no-repeat left 20px;border-top:1px solid #ededed;}
.surveyInfoTop .stateBox.row1 .sta{padding:0;line-height:200px;}
.surveyInfoBox{margin-top:70px;padding:30px 15px;border:1px solid #dcdcdc;}
.surveyInfoBox:after{display:block;content:'';clear:both;}
.surveyInfoBox h4{margin-bottom:20px;}
.surveyInfoBox > div{float:left;padding:0 30px;box-sizing:border-box;}
.surveyInfoBox .left{width:70%;}
.surveyInfoBox .right{width:30%;border-left:1px solid #dcdcdc;}
.surveyInfoBox .right li{margin-bottom:15px;line-height:140%;}
.surveyInfoBox .right li b{display:block;color:#333;font-weight:400;}
.surveyInfoBox .right li span{font-size:14px;color:#b5b5b5;}

/* 문항입력 */
.sectionTab{position:relative;}
.sectionTab .tabBar{overflow:hidden;height:52px;}
.sectionTab .tabPage{position:relative;}
.sectionTab .tabPage .sectionTitle{margin-bottom:20px;height:45px;}	
.sectionTab .tabPage .sectionTitle input[type="text"]{height:45px;font-size:18px;color:#1787ac;font-weight:bold;border-bottom:1px solid #1787ac;text-indent:10px;}
.sectionTab .tabPage .h4Content{position:relative;margin-bottom:0;padding:30px 40px;background:#f6f6f6;}
.sectionTab .tabPage .surveyTabSortable{display:block;counter-reset:li;padding-left:60px;}
.sectionTab .tabPage .surveyTabSortable > li.active{display:block;position:relative;font-size:20px;color:#111;}
.sectionTab .tabPage .surveyTabSortable > li:before{content:counter(li);counter-increment:li;position:absolute;left:-60px;top:5px;background:#e0f1f7;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;}
.sectionTab .tabPage .sectionDelete{position:absolute;right:0;top:0;}
.sectionTab .tabPage .surveyBox{background:#f6f6f6;}
.sectionTab .tabPage .surveyBox .survey-title{margin-bottom:15px;}
.sectionTab .tabPage .surveyBox input[type="text"],
.sectionTab .tabPage .surveyBox select{}	
.sectionTab .tabPage .surveyBox .option{display:none;margin-bottom:15px;padding:10px;line-height:40px;text-align:center;background:#e6e6e6;border-radius:5px;box-sizing:border-box;}
.sectionTab .tabPage .surveyBox .option select{background-color:#e6e6e6;border-color:#b5b5b5;}
.sectionTab .tabPage .surveyBox .tableBox .grid:after{background:#f6f6f6;}
.sectionTab .tabPage .surveyBox .tableBox .grid input[type="text"],
.sectionTab .tabPage .surveyBox .tableBox .grid select{background-color:#fff;}
.sectionTab .tabPage .surveyBox .cont{margin:20px 0;}
.surveyBox .cont .conArea .exList input[type="text"]{width:calc(100% - 150px);}
.sectionTab .tabDrection a{position:absolute;top:0;display:inline-block;width:30px;height:50px;text-indent:-9999px;}
.sectionTab .tabDrection .btn_tabPrev{left:0;background:url(../images/icon_tab_prev.png) no-repeat center;}
.sectionTab .tabDrection .btn_tabNext{right:0;background:url(../images/icon_tab_next.png) no-repeat center;}

.surveyBox .tableBox{overflow-x:auto;}	
.surveyBox .tableBox .grid{min-width:600px;}	
#contentQuick{position:fixed;top:275px;left:50%;margin-left:625px;width:40px;text-align:center;background:#fff;box-sizing:border-box;z-index:3;}	
#contentQuick li{position:relative;margin:1px 0;}	
#contentQuick li a{display:block;height:40px;text-indent:-9999px;}	
#contentQuick li.item1.off a{background:#ebebeb url(../images/poll/icon_conquick1_off.png) no-repeat center;}	
#contentQuick li.item2.off a{background:#ebebeb url(../images/poll/icon_conquick2_off.png) no-repeat center;}	
#contentQuick li.item3.off a{background:#ebebeb url(../images/poll/icon_conquick3_off.png) no-repeat center;}	
#contentQuick li.item4.off a{background:#ebebeb url(../images/poll/icon_conquick4_off.png) no-repeat center;}	
#contentQuick li.item5.off a{background:#ebebeb url(../images/poll/icon_conquick2_off.png) no-repeat center;}	
#contentQuick li.item1 a{background:#ebebeb url(../images/poll/icon_conquick1.png) no-repeat center;}	
#contentQuick li.item2 a{background:#ebebeb url(../images/poll/icon_conquick2.png) no-repeat center;}	
#contentQuick li.item3 a{background:#ebebeb url(../images/poll/icon_conquick3.png) no-repeat center;}	
#contentQuick li.item4 a{background:#ebebeb url(../images/poll/icon_conquick4.png) no-repeat center;}	
#contentQuick li.item5 a{background:#ebebeb url(../images/poll/icon_conquick2.png) no-repeat center;}	
#contentQuick li.item5.active a{background:#ebebeb url(../images/poll/icon_conquick5_on.png) no-repeat center;}	
#contentQuick li .tooltip{display:none;position:absolute;left:35px;top:2px;padding:5px 10px;min-width:50px;font-size:13px;color:#1787ac;background:#fff;border:1px solid #1787ac;border-radius:2px;z-index:3;}	
#contentQuick li:hover .tooltip{display:block;}
#contentQuick li .tooltip:before{display:block;content:'';position:absolute;left:-5px;top:0;bottom:0;width:6px;background:url(/static/images/icon_conquick_tip.png) no-repeat center;}	
#contentQuick li.on .tooltip{display:block;}	
.required_div { position:relative;margin:-30px 0 10px;text-align:right;}	
.required_display { font-size:12px; margin-left:165px;white-space:nowrap;}	
.required_em { color:red; font-weight: 700;}	
.errorSecSpace { left: 45px !important; font-weight:normal !important;}	
.errorHide { display:none; }	
.intoplaceholder::placeholder { color:red; font-style:italic; }	
.errorSpace { font-weight:normal !important;}

/* 위탁설문 */
.surveyBox{position:relative;padding:10px 0;background:#fff;}
.surveyBox .title{position:relative;margin-bottom:10px;font-size:18px;font-weight:bold;}
.surveyBox .title input[type="text"]{font-size:18px;font-weight:bold;}
.surveyBox .title .desc{font-weight:400;}
.surveyBox .cont{display:table;width:100%;}
.surveyBox .cont li{margin-bottom:10px;}
.surveyBox .cont .imgArea,
.surveyBox .cont .conArea{display:table-cell;vertical-align:top;}
.surveyBox .imgArea{width:190px;}
.surveyBox .imgArea .img{display:block;position:relative;width:170px;height:180px;font-size:13px;color:#7e7e7e;line-height:140%;text-align:center;background:#fff url(../images/bg_noimg.png) no-repeat center 40px;border:1px solid #dcdcdc;border-radius:10px;box-sizing:border-box;}
.surveyBox .imgArea .img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}
.surveyBox .imgArea .img .btn_delete{z-index: 9;position:absolute;right:-1px;bottom:-1px;width:30px;height:30px;text-indent:-9999px;background:#fff url(../images/icon_delete.png) no-repeat center;border:1px solid #b5b5b5;border-radius:5px;box-sizing:border-box;z-index:9;}
.surveyBox .imgArea .img .btn_imgZoom{position:absolute;right:0;bottom:0;width:40px;height:40px;text-indent:-9999px;background:#e5e5e5 url(../images/icon_preview.png) no-repeat center;border-radius:5px;box-sizing:border-box;}
.surveyBox .btn_icon.sort{display:none;}
.surveyBox .btn_icon.sort.active{display:inline-block;}
.surveyBox .subTitle{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;}
.surveyBox .subCon{margin-bottom:20px;}
.surveyBox .imgViewWrap{margin-bottom:25px;}
.surveyWrap .surveyBox .imgViewWrap .btn_imgView{display:inline-block;padding:0 15px 0 40px;min-width:120px;height:40px;line-height:40px;text-align:center;background:#e5e5e5 url(../images/icon_preview.png) no-repeat 15px center;border-radius:5px;box-sizing:border-box;}
.surveyWrap .surveyBox .imgViewWrap .imgArea{display:none;}
.surveyWrap .surveyBox .imgViewWrap.active .btn_imgView{display:none;}
.surveyWrap .surveyBox .imgViewWrap.active .imgArea{display:block;}

/* 통계정보 */
.surveySortable{display:block;counter-reset:li;padding-left:60px;}
.surveySortable > li{display:none;}
.surveySortable > li.active{display:block;position:relative;font-size:20px;color:#111;}
.surveySortable > li:before{content:counter(li);counter-increment:li;position:absolute;left:-60px;top:0;background:#e0f1f7;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;}

.inputList li ul{padding-left:20px;}
.inputList li .errorMsg{padding:0 0 10px 25px;}


/* 20211021 선거개설 미리보기 */
.stepArea{margin:-50px 0 60px;padding:35px 20%;background:#eff7fa;}
.stepArea:after{display:block;content:'';clear:both;}
.stepArea li{float:left;position:relative;width:33.33%;font-size:24px;color:#7e7e7e;line-height:130%;text-align:center;letter-spacing:-2px;}
.stepArea li:after{display:block;content:'';position:absolute;left:50%;right:-25%;top:25px;margin-left:45px;border:1px solid #e6e6e6;}
.stepArea li.active:after,
.stepArea li.end:after{border:1px solid #2590b3;}
.stepArea li:last-child:after{display:none;}
.stepArea li.end,
.stepArea li.active{color:#1787ac;font-weight:700;}
.stepArea li em{display:inline-block;margin-bottom:5px;width:47px;height:47px;background:#e6e6e6;border:3px solid #e6e6e6;font-weight:700;line-height:41px;font-size:24px;text-align:center;border-radius:50%;box-sizing:border-box;}
.stepArea li.end em{text-indent:-9999px;background:url(../images/icon_step_end.png) no-repeat center;border:3px solid #2590b3;}
.stepArea li.active em{color:#fff;background:#2590b3;border:3px solid #2590b3;}
h4.title{margin-bottom:20px;color:#000;}
.previewSrchArea{margin-bottom:40px;padding:0 20px;background:#f6f6f6;border:1px solid #eee;}
.previewSrchArea .rowGrp{padding:10px 0;}
.previewSrchArea .rowGrp + .rowGrp{border-top:1px solid #dcdcdc;}
.previewSrchArea .rowGrp:after{display:block;content:'';clear:both;}
.previewSrchArea .rowGrp .row{padding:6px 0;vertical-align:middle;}
.previewSrchArea .rowGrp .row .title{display:inline-block;padding-right:15px;vertical-align:middle;box-sizing:border-box;}
.previewSrchArea .rowGrp .row .col{display:inline-block;margin-right:40px;}
.previewSrchArea .rowGrp .row .col:first-child .title{min-width:140px;}
.previewSrchArea .rowGrp .row .col:first-child .title.widAuto{min-width:inherit;}
.previewSrchArea .rowGrp .row .col:last-child{margin-right:0;}

.previewArea{position:relative;margin:0 auto 40px;letter-spacing:-1px;}
.previewArea .tip{padding-left:35px;line-height:130%;background:url(../images/icon_previewTip.png) no-repeat left 3px;}

/* type1 사진있는 */
.previewArea.web .voteList.type1{margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;align-items:center; justify-content:left;}
.previewArea.web .voteList.type1 li{margin-bottom:20px;padding:0 10px;box-sizing:border-box;}
.previewArea.web .voteList.type1 li a{display:block;box-sizing:border-box;text-align:center;  word-break:break-all; border:1px solid #dedede;background-color:#fff;position:relative;margin:0 auto;padding:20px 5px 15px 5px;}	
.previewArea.web .voteList.type1 li .num{display:block;width:90px;height:auto; min-height:30px;border-radius:0 0 50px 50px; background-color:#eaedff;line-height:30px;font-size:14px;margin:-20px auto 10px auto;}
.previewArea.web .voteList.type1 li .belong{font-size:14px;color:#787878; min-height:18px; height:auto;}
.previewArea.web .voteList.type1 li .name{font-size:20px;color:#343434; min-height:38px; height:auto; word-break:break-all; line-height:36px; font-weight:bold;}
.previewArea.web .voteList.type1 li .photo{position:relative;margin:0 auto;width:123px;height:158px;box-sizing:border-box;border:1px solid #eee;}
.previewArea.web .voteList.type1 li .photo img{width:100%;height:100%;}
.previewArea.web .voteList.type1 li .status{position:absolute;left:0;bottom:0;right:0;height:38px;line-height:38px;color:#fff;font-size:17px;font-weight:600; background-color:rgba(161,150,138,0.9);}
.previewArea.web .voteList.type1 li .stamp{position:absolute;left:calc(50% + 35px);bottom:10px;width:50px;height:50px;background:url(../images/icon_previewVote.png) center center / cover no-repeat;text-align:left;text-indent:-9999px;}
.previewArea.web .voteList.type1 li.active a{border-color:#ff5c55;box-shadow:0 0 0 3px #ff5c55;}/* 202400912, red 변경 */
.previewArea.web .voteList.type1 li.active .stamp{background-image:url(../images/icon_previewVote_on.png); }

.previewArea.web .voteList.type1{max-width:750px;}
.previewArea.web .voteList.type1 li a{width:210px;height:auto; min-height:277px;}
.previewArea.web .voteList.type1.col1{}
.previewArea.web .voteList.type1.col1 li{width:100%;}
.previewArea.web .voteList.type1.col2{max-width:700px;}
.previewArea.web .voteList.type1.col2 li{width:50%;}
.previewArea.web .voteList.type1.col3 li{width:calc(100% / 3);}
.previewArea.web .voteList.type1.col4{max-width:100%;}
.previewArea.web .voteList.type1.col4 li{width:25%;}

.previewArea.mobile .voteList{padding-top:20px;}
.previewArea.mobile .voteList.type1{text-align:center;display:flex;flex-wrap:wrap;align-items:center; justify-content:left;}
.previewArea.mobile .voteList.type1 li{float:left;margin-bottom:20px;padding:0 3px;box-sizing:border-box;}
.previewArea.mobile .voteList.type1 li a{display:block;width:140px;max-width:100%;box-sizing:border-box;text-align:center;border:1px solid #dedede;background-color:#fff;position:relative;margin:0 auto;padding:20px 5px 15px 5px;}
.previewArea.mobile .voteList.type1 li .num{display:block;width:70px;height:25px;border-radius:0 0 40px 40px; background-color:#eaedff;line-height:25px;font-size:12px;margin:-20px auto 8px auto;}
.previewArea.mobile .voteList.type1 li .belong{font-size:12px;color:#787878; height:15px; line-height:1em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;}
.previewArea.mobile .voteList.type1 li .name{font-size:16px;color:#343434; height:28px; line-height:1.5em; font-weight:bold; white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;}
.previewArea.mobile .voteList.type1 li .photo{position:relative;margin:0 auto;width:60px;height:70px;box-sizing:border-box;border:1px solid #eee;}
.previewArea.mobile .voteList.type1 li .photo img{width:100%;height:100%;}
.previewArea.mobile .voteList.type1 li .stamp{position:absolute;left:calc(50% + 13px);bottom:5px;width:30px;height:30px;background:url(../images/icon_previewVote.png) center center / cover no-repeat;text-align:left;text-indent:-9999px;}
.previewArea.mobile .voteList.type1 li .status{position: absolute;left:0;bottom:0;right:0;height:30px;line-height:30px;color:#fff;font-size:13px;font-weight:600; background-color:rgba(161,150,138,0.9);}
.previewArea.mobile .voteList.type1 li.active a{border-color:#ff5c55;box-shadow:0 0 0 3px #ff5c55;}
.previewArea.mobile .voteList.type1 li.active .stamp{background-image:url(../images/icon_previewVote_on.png); }

.previewArea.mobile .voteList.type1.col1{}
.previewArea.mobile .voteList.type1.col1 li{width:100%;}
.previewArea.mobile .voteList.type1.col2 li{width:50%;}
.previewArea.mobile .voteList.type1.col3 li{width:calc(100% / 3);}

/* [퍼블]231206 투표미리보기 모바일 */
.previewArea.mobile .vote_yes_no{width:100%;padding:30px 0 20px 0;box-sizing:border-box;}
.previewArea.mobile .vote_yes_no .expInfo{width:90% !important;margin-bottom:0;}
.previewArea.mobile .voteList.yesNo {width:90%;}
.previewArea.mobile .voteList.yesNo li{margin-bottom:10px;}

/* type1 사진없는 */
.previewArea .voteList.type1-1{text-align:center; display:flex;justify-content:space-between;flex-wrap:wrap;max-width:700px;margin:0 auto;}
.previewArea .voteList.type1-1 li{width:318px;background:#fff; position:relative; border:1px solid #dedede; box-sizing:border-box;height:80px; margin-bottom:20px;}
.previewArea .voteList.type1-1 li a{display:flex;width:100%;height:80px; align-items:center; position:relative;overflow:hidden;box-sizing:border-box;padding-right:70px;}
.previewArea .voteList.type1-1 li a:before{display:block;width:90px;height:80px;content:'';background-color:#eaedff; margin-left:-20px; transform:skew(-10deg); position:absolute;left:0;top:0;}
.previewArea .voteList.type1-1 li .num{width:70px;height:80px;line-height:80px;position:relative; font-size:16px; box-sizing:border-box; padding-right:10px;}
.previewArea .voteList.type1-1 li .num br{display:none;}
.previewArea .voteList.type1-1 li .name{font-size:20px;color:#343434;font-weight:bold; margin-left:20px;}
.previewArea .voteList.type1-1 li .info{width:calc(100% - 140px);box-sizing:border-box;height:80px;display:flex;align-items:center; padding-left:20px;text-align:left;}
.previewArea .voteList.type1-1 li .info .name{display:block; margin-bottom:3px; margin-left:0;}
.previewArea .voteList.type1-1 li .info .belong{font-size:14px;color:#787878; display:block;}
.previewArea .voteList.type1-1 li.active{border-color:#ff5c55;box-shadow:0 0 0 3px #ff5c55;overflow:hidden;}
.previewArea .voteList.type1-1 li .stamp{display:block;content:'';position:absolute;right:20px;top:50%;margin-top:-25px;width:50px;height:50px;background:url(../images/icon_previewVote.png) center center / cover no-repeat;text-align:left;text-indent:-9999px;overflow:hidden;}
.previewArea .voteList.type1-1 li.active .stamp{background-image:url(../images/icon_previewVote_on.png);}
.previewArea .voteList.type1-1 li .status{position:absolute;right:20px;top:50%;transform:translateY(-50%);height:44px;line-height:1.25em;font-size:16px;border-radius:10px;background-color:#a1968a;color:#fff;display:flex;align-items:center;justify-content:center; padding:0 10px;box-sizing:border-box;}
.previewArea .voteList.type1-1 li .status br{display:none}

.previewArea .voteList.type1-1.col1 li{width:440px;max-width:94%; margin:0 auto 10px auto;}
.previewArea .voteList.type1-1.col2 li{width:330px;max-width:48%; margin:0 1% 20px 1%; vertical-align:top;}

.previewArea.mobile .voteList.type1-1{}
.previewArea.mobile .voteList.type1-1 li{height:48px;margin-bottom:10px;}
.previewArea.mobile .voteList.type1-1 li a{height:48px;}
.previewArea.mobile .voteList.type1-1 li .num{font-size:13px;}
.previewArea.mobile .voteList.type1-1 li .name{margin-left:0;font-size:16px;}
.previewArea.mobile .voteList.type1-1 li .info .name{font-size:15px !important;margin-bottom:0;}
.previewArea.mobile .voteList.type1-1 li .info .belong{font-size:13px;}
.previewArea.mobile .voteList.type1-1 li .status{position:absolute;right:5px;width:42px;height:auto;line-height:1.25em;border-radius:5px;font-size:14px;padding:5px;word-break:break-all;}
.previewArea.mobile .voteList.type1-1 li .status br{display:block;}
.previewArea.mobile .voteList.type1-1.col1 li .status{right:10px;}
.previewArea.mobile .voteList.type1-1.col2 li{max-width:100%;}
.previewArea.mobile .voteList.type1-1.col2 li a{height:48px; padding-right:50px;}
.previewArea.mobile .voteList.type1-1.col2 li a:before{margin-left:-50px;}
.previewArea.mobile .voteList.type1-1.col2 li .num{width:50px;line-height:1.25em;display:flex;align-items:center;justify-content:center;}
.previewArea.mobile .voteList.type1-1.col2 li .num br{display:block;}
.previewArea.mobile .voteList.type1-1.col2 li .info{width:calc(100% - 70px);padding-left:0;}
.previewArea.mobile .voteList.type1-1 li .stamp{right:5px;top:28px;margin-top:-15px;width:22px;height:22px; background-size:100% 100%;}
.previewArea.mobile .voteList.type1-1 li .stamp img{width:100%; height:100%;}
.previewArea.mobile .voteList.type1-1.col2 li .status{right:5px;}


/* 찬반 사진있는 */
.previewArea .candidateWrap{text-align:center; margin-bottom:30px;}
.previewArea .candidate{padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:210px;max-width:100%;border:1px solid #dedede;margin:0 auto;box-sizing:border-box;}
.previewArea .candidate .info{width:100%; min-height:60px; display:flex; align-items:center; justify-content:center;text-align:center;}
.previewArea .candidate .belong{font-size:14px;color:#787878; margin-bottom:5px;}
.previewArea .candidate .name{font-size:24px; color:#343434; display:block; font-weight:bold; margin-bottom:10px; word-break:break-all;}
.previewArea .candidate .photo{position:relative;/*margin:0 auto;*/width:123px;height:158px;box-sizing:border-box;border:1px solid #eee;}
.previewArea .candidate .photo img{width:100%;height:100%;}
/*
.previewArea .voteList.yesNo{max-width:720px;margin:0 auto 40px;text-align:center;display:flex;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.previewArea .voteList.yesNo li{width:calc(50% - 10px);height:100px;padding:10px 0;box-sizing:border-box;text-align:center;border:1px solid #dedede;background-color:#fff;position:relative;}
.previewArea .voteList.yesNo .vote a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:relative;}
.previewArea .voteList.yesNo .vote a img{width:100%;height:100px;}
.previewArea .voteList.yesNo .vote .desc{width:calc(100% - 90px);display:block;line-height:60px;font-size:20px;}
.previewArea .voteList.yesNo .vote .stamp{width:60px;height:60px;}
.previewArea .voteList.yesNo .vote .stamp span{display:block;width:100%;height:100%;background:url(../images/icon_previewVote_big.png) center center / cover no-repeat;text-align:left;text-indent:-9999px;overflow:hidden;}
.previewArea .voteList.yesNo .vote.active .stamp span{background-image:url(../images/icon_previewVote_big_on.png);}
.previewArea .voteList.yesNo .vote.active{border-color:#6e6a73;}
.previewArea .voteList.yesNo .vote.active:after{display:block;content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #6e6a73;}
*/
/*.vote_yes_no{text-align:center;margin:0 auto;max-width:680px;min-width:320px;} */
.vote_yes_no{display:block;width:840px;margin:0 auto;text-align:center;border:1px solid rgba(161,150,138,0.9);padding:60px 0 50px 0;}/* [231206퍼블]수정 */
.vote_yes_no > .desc{margin-bottom:20px;border:solid 2px #9f8ee1;background:#fff;font-weight:normal;border-radius:5px;padding:20px;font-size:24px;line-height:28px;min-width:180px;}/* [231206퍼블]수정 */
.previewArea .vote_yes_no .expInfo{max-width:680px;background-color:#fff;}/* [231206퍼블]수정 */

.previewArea .voteList.yesNo{text-align:center; display:flex;justify-content:space-between;flex-wrap:wrap;max-width:680px;margin:0 auto;}

.previewArea .voteList.yesNo li{width:calc(50% - 10px);background:#fff; position:relative; border:1px solid rgba(161,150,138,0.9); box-sizing:border-box;height:80px;overflow:hidden;margin-bottom:20px;}/* [231206퍼블]수정 */

.previewArea .voteList.yesNo li div{}
.previewArea .voteList.yesNo li.active{border-color:#ff5c55;box-shadow:0 0 0 3px #ff5c55;}
.previewArea .voteList.yesNo li a{display:block;height:80px;line-height:80px;font-size:21px;font-weight:bold;align-items:center; position:relative;overflow:hidden; padding-right:50px; box-sizing:border-box;}
.previewArea .voteList.yesNo li a:after{display:block;content:'';position:absolute;right:20px;top:50%;margin-top:-25px;width:50px;height:50px;background:url(../images/icon_previewVote.png) center center / cover no-repeat;}
.previewArea .voteList.yesNo li.active a:after{background-image:url(../images/icon_previewVote_on.png);}
.previewArea .voteList.yesNo li a:focus{outline: 3px dashed #000; outline-offset: -3px;}

.previewArea.mobile .candidateWrap{margin-bottom:20px;}
.previewArea.mobile .candidate{width:100%;}
.previewArea.mobile .voteList.yesNo li{width:calc(50% - 5px);}
.previewArea.mobile .voteList.yesNo li a{font-size:18px;}

/* 
.previewArea.mobile .voteList.type2{margin-bottom:20px;}
.previewArea.mobile .voteList.type2:after{display:block;content:'';clear:both;}
.previewArea.mobile .voteList.type2 .vote .stamp{height:40px;width:40px;}
*/

.previewArea .voteList2{margin:0 auto;max-width:750px;}
.previewArea .voteList2:after{display:block;content:'';clear:both;}
.previewArea .voteList2 li{display:table;float:left;position:relative;margin:0 0 20px;padding:0;width:calc(50% - 10px);min-height:100px;background:#fff;box-sizing:border-box;border:1px solid #dedede;}
.previewArea .voteList2 li:nth-child(odd){clear:both;}
.previewArea .voteList2 li:nth-child(even){float:right;}
.previewArea .voteList2 li a{display:table-row;height:100%;position:relative;}
.previewArea .voteList2 li .num{display:table-cell;vertical-align:middle;padding-right:20px;width:80px;height:100%; font-size:16px;text-align:center;position:relative;overflow:hidden;}
.previewArea .voteList2 li .num:before{display:block;content:'';width:80px;background-color:#eaedff; margin-left:-20px; transform:skew(-10deg); position:absolute;left:0;top:0;bottom:0;}
.previewArea .voteList2 li .num em{position:relative;}
.previewArea .voteList2 li .img{display:block;position:absolute;left:80px;top:50%;margin-top:-40px;width:60px;height:80px;background:#fff;z-index:2;overflow:hidden;box-sizing:border-box;}
.previewArea .voteList2 li .img img{width:100%;height:100%;}
.previewArea .voteList2 li .name,
.previewArea .voteList2 li .rank{display:table-cell;vertical-align:middle;font-size:18px;}
.previewArea .voteList2 li .rank.regin{width:80px;height:80px;background:url(../images/resign_3.png) no-repeat center;}
.previewArea .voteList2 li .rank.regin em{display:none;}
.previewArea .voteList2 li .name{padding-left:80px;text-align:left;}
.previewArea .voteList2 li .rank{padding-right:20px;width:18%;}
.previewArea .voteList2 li .rank.active{color:#f95c56;}
.previewArea .voteList2 li .rank em{display:inline-block;vertical-align:baseline;margin-right:5px;font-size:25px;font-weight:bold;}
.previewArea .voteList2 li .rank span{font-size:18px;vertical-align:baseline;font-weight:bold;}
.previewArea .voteList2 li .cate{display:block;float:left;width:150px;font-size:20px;font-weight:700;background:#ecf7fb;line-height:140px;}
.previewArea .voteList2 li.stamp{background:#fff url(../images/icon_previewVote_big.png) no-repeat 65% center;background-size:80px auto;}
.previewArea .voteList2 li.stamp.active{background:#fff url(../images/icon_previewVote_big_on.png) no-repeat 65% center;background-size:80px auto;}
/* .previewArea .voteList2 li.active:after{display:block;content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:5px solid #f95c56;border-radius:10px;} */
.previewArea .voteList2 li.active{border-color:#ff5c55;box-shadow:0 0 0 3px #ff5c55;box-sizing:border-box;}
.previewArea .voteList2 li.active .cate{line-height:130px;}

.previewArea .voteList2 li .right{display:table-cell;width:18%;border-left:1px solid #d7d7d7;vertical-align:middle;}
.previewArea .voteList2 li .right.regin{width:80px;height:80px;background:url(../images/resign_3.png) no-repeat center;}

.previewArea .voteList2 li .right.regin img {max-width:100%;}
.previewArea .voteList2 li .right.vote_mark{height:50px;background:url(../images/icon_previewVote.png) center center no-repeat;}
.previewArea .voteList2 li.active .right.vote_mark{background:url(../images/icon_previewVote_on.png) center center no-repeat;}
.previewArea .voteList2 li .right input{border:2px #03a9f4 solid;font-size:20px;text-align:center;text-indent:0;}
.previewArea .voteList2 li .right img{max-width:70%;}
.previewArea .voteList2 li .right.rank{float:none;padding-right:0;font-weight:600;}

.previewArea .voteList2.col1{max-width:500px;}
.previewArea .voteList2.col1 li{float:none !important;width:100% !important;}

.previewArea .voteList2.type2 li{display:table;margin-bottom:20px;}
.previewArea .voteList2.type2 li a{display:table-row;}
.previewArea .voteList2.type2 li *{word-break: break-all;vertical-align:middle;}
.previewArea .voteList2.type2 li .num{display:table-cell;float:none;padding-right:20px;background:#fff;box-sizing:border-box;}
.previewArea .voteList2.type2 li .num.regin{width:150px;height:80px;background:url(../images/resign_3.png) no-repeat 15px center;}
.previewArea .voteList2.type2 li .num.regin em{display:none;}
.previewArea .voteList2.type2 li .num.type2 em{width:auto;background:none;}

.previewArea .voteList2.type2 li .name-wrap{display:table-cell;float:none;margin:0;padding:10px;width:auto;text-align:left;}
.previewArea .voteList2.type2 li .name{width:auto;font-weight:600;padding:0;}
.previewArea .voteList2.type2 li .name em{display:inline-block;}
.previewArea .voteList2.type2 li .name em + input{margin-left:5px;}
.previewArea .voteList2.type2 li .name em.yes_img{margin-left:10px;}
.previewArea .voteList2.type2 li .name-wrap .belong{display:inline-block;font-size:14px; color:#787878;}
.previewArea .voteList2.type2 li .img + .name{padding-left:70px;}
.previewArea .voteList2.type2 li .img + .name-wrap{padding-left:80px;}
.previewArea .voteList2.type2 li .img + .name-wrap .belong{display:inline-block;font-size:12px; color:#787878;margin-bottom:3px;}
.previewArea .voteList2.type2 li .img + .name-wrap .name em{display:block;margin-bottom:5px;}
.previewArea .voteList2.type2 li .img + .name-wrap .name em.yes_img{margin:0 0 5px 0;}
.previewArea .voteList2.type2 li .img + .name-wrap .name em + input{margin:0;}

.previewArea .voteList2.type2 li .scoreSet{display:table-cell;width:15%;text-align:center;}
.previewArea .voteList2.type2 li .scoreSet a{display:inline;}
.previewArea .voteList2.type2 li .scoreSet img{max-width:70%;}
.previewArea .voteList2.type2.col1 li{float:none;width:98%;}

.previewArea.mobile .voteList2 li .num{width:80px;height:60px; font-size:16px;}
.previewArea.mobile .voteList2 li .num:before{width:80px; height:98px; margin-left:-25px;}
.previewArea.mobile .voteList2 li .img{width:40px;height:60px;margin-top:-30px;left:75px;}
.previewArea.mobile .voteList2 li .right{width:20%;}
.previewArea.mobile .voteList2.type2 li{height:60px;float:none;width:100%;margin-bottom:10px;}
.previewArea.mobile .voteList2.type2 li .num em{margin-top:10px;width:30px;height:30px;font-size:13px;line-height:30px !important;}
.previewArea.mobile .voteList2.type2 li .num.type2 em{margin-top:0;}
.previewArea.mobile .voteList2.type2 li .img + .name{padding-left:60px;padding-right:10px;}
.previewArea.mobile .voteList2.type2 li .img + .name-wrap{padding-left:60px;}
.previewArea.mobile .voteList2 li .right.vote_mark{background-size:40px auto;}
.previewArea.mobile .voteList2 li .rank{padding-right:0;font-size:18px;}

/*
.previewArea.mobile .voteList2 li .num{display:block;padding-left:0;line-height:30px;font-size:14px;}
.previewArea.mobile .voteList2 li .num{display:block !important;width:auto !important;text-align:center !important;}
.previewArea.mobile .voteList2 li .num em{line-height:40px !important;}
.previewArea.mobile .voteList2 li .name,
.previewArea.mobile .voteList2 li .right{display:block !important;padding:8px 5px 10px 5px;width:auto !important;border-left:0px none;text-align:center !important;}
.previewArea.mobile .voteList2 li .right img{max-width:50px;}
.previewArea.mobile .voteList2 li .cate,
.previewArea.mobile .voteList li .desc,
.previewArea.mobile .expInfo p{font-size:14px;}
.previewArea.mobile .expInfo{padding:15px 2%;}
.previewArea.mobile .voteList2 li .cate{width:35%;line-height:80px;}
.previewArea.mobile .voteList2 li.active .cate{line-height:80px;}
.previewArea.mobile .voteList2 li.stamp{background-size:50px auto !important;}
.previewArea.mobile .voteList2 li .num.type2 em{height:auto;font-size:14px !important;}
.previewArea.mobile .voteList2 li .name, 
.previewArea.mobile .voteList2 li .rank{margin-left:0px;font-size:14px;}
.previewArea.mobile .voteList2 li .rank{display:block;padding-bottom:8px;padding-right:0px;width:auto;}
.previewArea.mobile .voteList2 li .rank em{font-size:25px;}
.previewArea.mobile .voteList2 li .num{width:30%;}
.previewArea.mobile .voteList2 li .img{position:static;margin:5px auto 0;}

.previewArea.mobile .voteList2 li .right.rank{padding-right:5px;}
*/
.previewArea.mobile .expInfo.table span{font-size:14px;}

.previewArea.mobile .voteList2.type2.col1 li .num,
.previewArea.mobile .voteList2.type2.col1 li .name, 
.previewArea.mobile .voteList2.type2.col1 li .rank,
.previewArea.mobile .voteList2.type2.col1 li .right{display:table-cell !important;}
.previewArea.mobile .voteList2.type2.col1 li .num em{margin-top:0;}
.previewArea.mobile .voteList2.type2.col1 li .num{width:20% !important;}
.previewArea.mobile .voteList2.type2.col1 li .right{width:25% !important;}
.previewArea.mobile .voteList2.type2.col1 li .name{text-align:left !important;}
.previewArea.mobile .voteList2.type2 li .name em + input{margin:5px auto 0 auto;display:block;}

.previewArea.mobile .voteList2.col1 li{margin:0 auto 10px;width:100%;}


/* 인명 점수 */
.previewArea.web .voteList.type3{margin:0 auto 40px;text-align:center;display:flex;flex-wrap:wrap;align-items:center; justify-content:left;}
.previewArea.web .voteList.type3 li{margin-bottom:20px;padding:0 10px;box-sizing:border-box;}
.previewArea.web .voteList.type3 li .box,
.previewArea.web .voteList.type3 li a{width:210px;max-width:100%;display:block;box-sizing:border-box;text-align:center;border:1px solid #dedede;background-color:#fff;position:relative;margin:0 auto;padding:0 5px 10px 5px;}
.previewArea.web .voteList.type3 li .num{display:block;width:90px;height:30px;border-radius:0 0 50px 50px; background-color:#eaedff;margin:0 auto 7px auto; line-height:30px;font-size:14px;}
.previewArea.web .voteList.type3 li .belong{font-size:14px;color:#787878; height:18px;}
.previewArea.web .voteList.type3 li .name{font-size:20px;color:#343434; min-height:38px; word-break:break-all;  line-height:36px; font-weight:bold;}
.previewArea.web .voteList.type3 li .name em{display:block; margin-bottom:2px;}
.previewArea.web .voteList.type3 li .img{display:block;position:relative;margin:0 auto;width:123px;height:158px;box-sizing:border-box;border:1px solid #eee;}
.previewArea.web .voteList.type3 li .img img{width:100%;height:100%;}
.previewArea.web .voteList.type3 li.active a{border-color:#6e6a73;box-shadow:0 0 0 2px #6e6a73;}

.previewArea.web .voteList.type3{max-width:750px;}
.previewArea.web .voteList.type3 li a{width:210px;}
.previewArea.web .voteList.type3.col1{}
.previewArea.web .voteList.type3.col1 li{width:100%;}
.previewArea.web .voteList.type3.col2{max-width:700px;}
.previewArea.web .voteList.type3.col2 li{width:50%;}
.previewArea.web .voteList.type3.col3 li{width:calc(100% / 3);}
.previewArea.web .voteList.type3.col4{max-width:100%;}
.previewArea.web .voteList.type3.col4 li{width:25%;}

.previewArea.mobile .voteList.type3{margin:0 auto 20px;text-align:center;display:flex;flex-wrap:wrap;align-items:center; justify-content:left;}
.previewArea.mobile .voteList.type3 li{float:left;margin-bottom:20px;padding:0 3px;box-sizing:border-box;}
.previewArea.mobile .voteList.type3 li .box,
.previewArea.mobile .voteList.type3 li a{display:block;width:140px;max-width:100%;box-sizing:border-box;text-align:center;border:1px solid #dedede;background-color:#fff;position:relative;margin:0 auto;padding:0 5px 15px 5px;}
.previewArea.mobile .voteList.type3 li .num{display:block;width:80px;height:30px;border-radius:0 0 50px 50px; background-color:#eaedff;margin:0 auto 7px auto; line-height:30px;font-size:13px;}
.previewArea.mobile .voteList.type3 li .belong{font-size:14px;color:#787878; height:14px; line-height:1em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;}
.previewArea.mobile .voteList.type3 li .name{font-size:16px;color:#343434; height:38px; line-height:1.5em;}
.previewArea.mobile .voteList.type3 li .name em{display:block; margin-bottom:2px; font-weight:bold;}
.previewArea.mobile .voteList.type3 li .img{display:block;position:relative;margin:0 auto;width:70px;height:90px;box-sizing:border-box;border:1px solid #eee;}
.previewArea.mobile .voteList.type3 li .img img{width:100%;height:100%;}
.previewArea.mobile .voteList.type3 li.active a{border-color:#6e6a73;box-shadow:0 0 0 2px #6e6a73;}

.previewArea.mobile .voteList.type3.col1{}
.previewArea.mobile .voteList.type3.col1 li{width:100%;}
.previewArea.mobile .voteList.type3.col2 li{width:50%;}
.previewArea.mobile .voteList.type3.col3 li{width:calc(100% / 3);}

.previewArea .voteList.type3-1{margin:0 auto 20px;text-align:center;display:flex;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.previewArea .voteList.type3-1 li{min-height:100px; float:left;margin-bottom:20px;padding:0 3px;box-sizing:border-box;}
.previewArea .voteList.type3-1 li .a,
.previewArea .voteList.type3-1 li .box,
.previewArea .voteList.type3-1 li a{display:flex; align-items:center; max-width:100%;height:100%; min-height:100px; box-sizing:border-box;text-align:center;border:1px solid #dedede;background-color:#fff;position:relative;margin:0 auto;}
.previewArea .voteList.type3-1 li .num{vertical-align:middle;width:100px;padding-right:20px;height:100%; font-size:16px;text-align:left;position:absolute;left:0;top:0;overflow:hidden; display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
.previewArea .voteList.type3-1 li .num:before{display:block;content:'';width:100px;height:100%;background-color:#eaedff; margin-left:-20px; transform:skew(-10deg); position:absolute;left:0;top:0;}
.previewArea .voteList.type3-1 li .num em{position:relative;}
.previewArea .voteList.type3-1 li .belong{font-size:14px;color:#787878; height:14px; line-height:1em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;}
.previewArea .voteList.type3-1 li .name{display:flex;align-items:center; width:100%;  margin-left:100px; text-align:left;}
.previewArea .voteList.type3-1 li .name .name-wrap{}
.previewArea .voteList.type3-1 li .name em{width:60%; font-size:20px;color:#343434; line-height:1.5em; font-weight:bold; word-break:break-all;}
.previewArea .voteList.type3-1 li .name input{position:absolute;right:20px;top:50%;margin-top:-18px;}
.previewArea .voteList.type3-1 li.active a{border-color:#ff5c55;box-shadow:0 0 0 2px #ff5c55;}

.previewArea .voteList.type3-1.col1{max-width:500px;}
.previewArea .voteList.type3-1.col1 li{width:100%;float:none;margin-bottom:10px;}
.previewArea .voteList.type3-1.col1 li .a,
.previewArea .voteList.type3-1.col1 li a{width:100%;}
.previewArea .voteList.type3-1.col2{max-width:750px;}
.previewArea .voteList.type3-1.col2 li{width:calc(50% - 10px);}
.previewArea .voteList.type3-1.col2 li a{width:100%;}

.previewArea.mobile .voteList.type3-1 li{height:50px !important; min-height:inherit !important;}
.previewArea.mobile .voteList.type3-1.col2 li{width:calc(50% - 5px);}
.previewArea.mobile .voteList.type3-1 li .num{width:70px;font-size:13px;}
.previewArea.mobile .voteList.type3-1 li .num:before{width:70px;}
.previewArea.mobile .voteList.type3-1 li .name{margin-left:70px;}
.previewArea.mobile .voteList.type3-1.col2 li .name{margin-left:70px;align-content:center;flex-wrap:wrap;text-align:left;}
.previewArea.mobile .voteList.type3-1.col2 li .name em{display:block;width:100%;margin-bottom:3px; padding-right:4px;}
.previewArea.mobile .voteList.type3-1.col2 li .name input{position:relative;margin:0;right:inherit;top:inherit; height:25px;}

.previewArea.mobile .voteList.type3-1 li .a,
.previewArea.mobile .voteList.type3-1 li .box,
.previewArea.mobile .voteList.type3-1 li a{min-height:50px;}
.previewArea.mobile .voteList.type3-1 li{height:50px;}

.previewArea .voteList.type3-2{margin:0 auto 20px;text-align:center;max-width:500px;}
.previewArea .voteList.type3-2 li{height:100px; margin-bottom:20px;box-sizing:border-box;}
.previewArea .voteList.type3-2 li a,
.previewArea .voteList.type3-2 li .box{height:100%;display:flex;align-items:center;box-sizing:border-box;border:1px solid #dedede;position:relative;}
.previewArea .voteList.type3-2 li .num{vertical-align:middle;width:100px;padding-right:20px;height:100%; font-size:18px;text-align:left;position:absolute;left:0;top:0;overflow:hidden; display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
.previewArea .voteList.type3-2 li .num:before{display:block;content:'';width:100px;height:100%;background-color:#eaedff; margin-left:-20px; transform:skew(-10deg); position:absolute;left:0;top:0;}
.previewArea .voteList.type3-2 li .num em{position:relative;}
.previewArea .voteList.type3-2 li .belong{font-size:14px;color:#787878; height:14px; line-height:1em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;}
.previewArea .voteList.type3-2 li .img{display:block;margin-left:100px;height:80px;width:60px;}
.previewArea .voteList.type3-2 li .img img{height:100%;width:100%;}
.previewArea .voteList.type3-2 li .name{display:flex;align-items:center; height:100%; margin-left:20px; align-items:center;width:calc(100% - 160px);}
.previewArea .voteList.type3-2 li .name em{font-size:18px;color:#343434; line-height:1.5em; font-weight:bold;display:block;width:calc(100% - 80px);text-align:left;word-break:break-all;box-sizing:border-box;}
.previewArea .voteList.type3-2 li .name input{position:absolute;right:20px;top:50%;margin-top:-18px;}
.previewArea .voteList.type3-2 li.active a{border-color:#6e6a73;box-shadow:0 0 0 2px #6e6a73;}

.previewArea .voteList.type3-2.col1{max-width:500px;}

.previewArea.mobile .voteList.type3-2 li{height:80px;margin-bottom:10px;}
.previewArea.mobile .voteList.type3-2 li .num{width:80px;padding-right:20px;font-size:16px;}
.previewArea.mobile .voteList.type3-2 li .num:before{width:80px;}
.previewArea.mobile .voteList.type3-2 li .img{margin-left:70px;width:70px;}
.previewArea.mobile .voteList.type3-2 li .img img{width:40px;height:60px;margin:10px 0;}
.previewArea.mobile .voteList.type3-2 li .name{margin-left:0;width:calc(100% - 120px);}
.previewArea.mobile .voteList.type3-2 li .name em{padding-right:10px;}
.previewArea.mobile .voteList.type3-2 li .name input{right:10px;}

/*척도투표*/
#pv_scalesBtn { width:auto; height:auto; margin-bottom:0;padding:30px 0;background:#fff;}
.pv_criterion { position:relative; width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; }
.pv_criterion ul { width:500px; margin:0 auto; background:url(../images/bg_criterion.png) no-repeat 0 0; }
.pv_criterion ul li { text-align:left; margin-bottom:20px;}
.pv_criterion ul li:first-child a { margin-top:0; }
.pv_criterion ul li:last-child a{}

.pv_criterion ul li a { display:block; width:100%; height:58px; font-size:16px; padding:16px 0 0 156px; color:#6e788b; background:url(../images/bg_criterion_stamp.png) no-repeat 0 center; box-sizing:border-box;}
.pv_criterion ul li a:hover,
.pv_criterion ul li a.on { color:#202229 !important; font-weight:bold; background:url(../images/bg_criterion_stamp_on.png) no-repeat 0 center; }
.pv_criterion ul li a.font-size-small, .pv_criterion ul li a .font-size-small  { font-size:15px; }
.pv_criterion ul li a.font-size-large, .pv_criterion ul li a .font-size-large { font-size:17px; }
.pv_criterion ul li a span{display:inline-block;}
/* .pv_criterion ul li:nth-child(2) a span{margin-top:8px;}
.pv_criterion ul li:nth-child(3) a span{margin-top:8px;}
.pv_criterion ul li:nth-child(4) a span{margin-top:8px;} */
.pv_criterion ul li .crit_01 { padding:19px 0 0 156px; background:url(../images/bg_criterion_stamp.png) no-repeat 0 2px; }
.pv_criterion ul li .crit_01:hover,
.pv_criterion ul li .crit_01.on { padding:19px 0 0 156px; background:url(../images/bg_criterion_stamp_on.png) no-repeat 0 2px; }
.pv_criterion ul li .crit_05 { padding:12px 0 0 156px; background:url(../images/bg_criterion_stamp.png) no-repeat 0 -7px; }
.pv_criterion ul li .crit_05:hover,
.pv_criterion ul li .crit_05.on { padding:12px 0 0 156px; background:url(../images/bg_criterion_stamp_on.png) no-repeat 0 -7px; }

.previewArea.mobile .pv_criterion ul li a{padding-left:135px !important; font-size:14px;}
.previewArea.mobile .pv_criterion ul{width:auto;}

/* 평가항목 */
.appraisal-wrap{max-width:680px;margin:0 auto;}
.appraisal-wrap .voteList2.col1{max-width:100%;}

.appraisal{background:#fff;max-width:680px;margin:0 auto;}
.appraisal table{width:100%;}
.appraisal table th{background:#eee;height:55px;}
.flex_box{border:solid 1px #eee;;margin:20px 0;display:flex;align-items:center;min-height:80px;position:relative;}
.flex_box>div{height:100%;border-left:solid 1px #eee;position:relative;padding:20px 0;box-sizing:border-box;}
/* .flex_box>div>div:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:#eee;} */
.flex_box .item1{width:70%;padding:20px;border-left:none;display:flex;align-items:center;}
.flex_box .item1.wid80p{width:80%;}
.flex_box .item2{width:10%;text-align:center; background:url(../images/stamp_41_gray.png) 50% 50% no-repeat;}
.flex_box .item3{width:10%;text-align:center;background:url(../images/stamp_41_gray.png) 50% 50% no-repeat;}
.flex_box .item4{width:10%;text-align:center; background:url(../images/stamp_41_gray.png) 50% 50%  no-repeat;}
.flex_box .item1 span{display:inline-block;vertical-align:middle;}
.flex_box .item1 span.img{width:70px;height:60px; margin-right:10px;}
.flex_box .item1 span.img img{width:100%;height:100%;}
/*
.flex_box .item1 span.num{width:25px;height:25px;background:#194182;border-radius:50%;color:#fff;text-align:center;} 
*/
.appraisal .flex_box .item1 span.num{vertical-align:middle;width:100px;padding-right:20px;height:100%; font-size:18px;text-align:left;position:absolute;left:0;top:0;overflow:hidden; display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
.appraisal .flex_box .item1 span.num:before{display:block;content:'';width:100px;height:100%;background-color:#eaedff; margin-left:-20px; transform:skew(-10deg); position:absolute;left:0;top:0;}
.appraisal .flex_box .item1 span.num em{position:relative;}
.appraisal .flex_box .item1 span.name{margin-left:80px;}
.appraisal .flex_box .item1 span.img{margin-left:80px;}
.appraisal .flex_box .item1 span.img + .num + .name{max-width:55%; margin-left:20px;}

.appraisal td[colspan="4"] .flex_box .item1{width:70%;}
.appraisal td[colspan="3"] .flex_box .item1{width:80%;}

.previewArea.mobile .appraisal table th{width:20%;}
.previewArea.mobile .appraisal table tr th:first-child{width:auto;}
.previewArea.mobile .flex_box{margin:10px 0;}
.previewArea.mobile .flex_box .item1{padding:20px 10px;}
.previewArea.mobile .flex_box .item2,
.previewArea.mobile .flex_box .item3,
.previewArea.mobile .flex_box .item4{width:20%; background-size:35px auto !important;}
.previewArea.mobile .flex_box .item1 span.img{width:60px;height:50px;margin-right:0;}
.previewArea.mobile .appraisal .flex_box .item1 span.num{width:60px;font-size:16px;}
.previewArea.mobile .appraisal .flex_box .item1 span.num:before{width:60px;}
.previewArea.mobile .appraisal .flex_box .item1 span.img{margin-left:50px;display:block; margin-bottom:5px;}
.previewArea.mobile .appraisal .flex_box .item1 span.name{margin-left:50px;display:block;}

.appraisal-head{display:table;width:100%;background-color:#eeeeee;margin-bottom:20px;}
.appraisal-head > span{display:table-cell;vertical-align:middle;height:55px;text-align:center;font-weight:600;}
.appraisal-head .score{width:15%;}
.appraisal-list{}
.appraisal-list li{display:table;width:100%;position:relative; margin:0 0 20px; padding:0; height:80px; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #eeeeee;}
.appraisal-list li > span{display:table-cell;vertical-align:middle;}
.appraisal-list .num{width: 100px; height: 100%; font-size: 16px; text-align: center; position: relative; overflow: hidden; padding-right: 20px; background: #fff; box-sizing: border-box;}
.appraisal-list .num:before{display:block;content:'';width:100px;height:100%;background-color:#eaedff; margin-left:-20px; transform:skew(-10deg); position:absolute;left:0;top:0;}
.appraisal-list .num em{position:relative;}
.appraisal-list .name{ padding:10px 0; text-align: left; font-weight: 600;}
.appraisal-list .img{width:70px;text-align:left;}
.appraisal-list .img img{width:60px;height:55px;}
.appraisal-list .scoreSet{width: 15%; text-align: center;border-left:1px solid #eeeeee;}
.appraisal-list .scoreSet a{display: inline; position: relative;}
.appraisal-list .scoreSet img{width:50px;}

.previewArea.mobile .appraisal-list li{margin-bottom:10px;}
.previewArea.mobile .appraisal-list .num{width:50px;padding-right:10px;}
.previewArea.mobile .appraisal-list .num:before{width:60px;}
.previewArea.mobile .appraisal-list .scoreSet img{width:30px;}
.previewArea.mobile .appraisal-list .img{width:60px;}
.previewArea.mobile .appraisal-list .img img{width:50px; /*height:25px;*/}

/* */
.measureList{margin:0 auto 50px;padding:40px 40px 160px;max-width:1080px;background:#fff;border-radius:10px;box-sizing:border-box;}
.measureList:after{display:block;content:'';clear:both;}
.measureList li{display:block;float:left;position:relative;width:20%;box-sizing:border-box;}
.measureList li:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.measureList li:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.measureList li:after{display:block;content:'';position:absolute;bottom:-80px;left:50%;margin-left:-14px;width:28px;height:60px;background:url(../images/icon_measureList_ar.png) no-repeat;}
.measureList li.active:after{background:url(../images/icon_measureList_ar_on.png) no-repeat;}
.measureList li.item1{background-color:#7abafb;}
.measureList li.item2{background-color:#569cfc;}
.measureList li.item3{background-color:#3e61ca;}
.measureList li.item4{background-color:#203f9d;}
.measureList li.item5{background-color:#112563;}
.measureList li a{display:block;padding:30px 0;}
.measureList li a:focus{outline: 3px dashed #ff0000;}
.measureList li .stamp{display:block;margin:0 auto;width:42px;height:42px;background:url(../images/icon_measureList_stamp.png) no-repeat center;}
.measureList li.active .stamp{background:url(../images/icon_measureList_stamp_on.png) no-repeat center;}
.measureList li .txt{display:block;position:absolute;left:0;right:0;top:200px;text-align:center;font-size:18px;}
.measureList li.active .txt{font-weight:bold;color:#3e61ca;border-bottom: 1px solid #3e61ca;}
.previewArea .expInfo{margin:0 auto 20px;padding:30px;max-width:1080px;border:1px solid rgba(161,150,138,0.9);border-radius:5px;box-sizing:border-box;text-align:center;}
.previewArea .expInfo p{font-weight:bold;font-size:20px;}
.previewArea .expInfo.table{display:table;padding:20px 0;width:100%;}
.previewArea .expInfo.table span{display:table-cell;font-size:20px;font-weight:bold;text-align:center;vertical-align:middle;}
.previewArea .expInfo.table .score{width:15%;}

.previewArea.mobile .expInfo.table{padding:10px 0; line-height:1.25em;}

.previewArea.mobile .measureList{margin-bottom:0;}
.previewArea.mobile .measureList li a{padding:15px 0;}

/* preview header */
.previewArea.web{overflow-x:auto;}
.previewArea.web .preview-inner{padding:25px 30px 30px 30px;background:#f6f6f1 url(../images/bg_wrap_bl.jpg) center top no-repeat;box-sizing:border-box;min-width:1020px;} /* 20240517 bg_preview_web.jpg -> bg_wrap_bl.jpg */
.previewArea.web .top:after{display:block;content:'';clear:both;}
.previewArea.web .top{position:relative;}
.previewArea.web .top .necLogo{position:absolute;left:0;top:0;}
.previewArea.web .preview-top{position:relative;}
.previewArea.web .preview-top .btnPreviewClose{position:absolute;right:0;top:0;display:block;width:30px;height:30px;text-align:left;text-indent:-9999px;overflow:hidden; background:url(../images/i_preview_close.png) center center no-repeat;}
.previewArea.web .preview-top .title{text-align:center; padding:60px 0 30px 0; color:#fff; font-size:32px;}
.previewArea.web .preview-top .title em{border:2px solid #b6feff; height:40px; border-radius:5px; box-sizing:border-box; display:inline-block; vertical-align:top; line-height:36px; font-size:22px;color:#b6feff; padding:0 10px;font-weight:600; margin-right:10px;}
.previewArea.web .preview-top .title span{display:inline-block; vertical-align:top;line-height:40px;color:#fff; font-weight:bold;}
.previewArea.web .preview-con-top{background-color:#fff; border-radius:10px 10px 0 0; padding:30px;text-align:left;}
.previewArea.web .preview-con-top .con-top-inner{width:100%;padding:0 0 30px 0; border-bottom:1px solid #878888;position:relative;}
.previewArea.web .preview-con-top .clientLogo{width:140px;position:absolute;left:0;top:0;}
.previewArea.web .preview-con-top .clientLogo img{max-width:140px;height:38px;}
.previewArea.web .preview-con-top .info{margin:0 140px;width:calc(100% - 280px);font-size:18px; vertical-align:middle;min-height:38px;display:flex;align-items:center; justify-content:center; text-align:center;}
.previewArea.web .preview-body{background-color:#fff; padding:40px 30px 40px 30px; box-sizing:border-box;overflow:hidden;margin-top:-1px;}
.previewArea .preview-body{border-radius:0 0 10px 10px;}
.previewArea .preview-body + .btnArea{margin:20px 0;}
.previewArea.web .btn{height:68px;line-height:68px;font-size:22px;}

.previewArea.mobile{width:398px;height:868px;background:url(../images/bg_wrap_bl.jpg) no-repeat center;border:8px solid #1b1a1a;border-radius:40px;box-sizing:border-box;overflow:hidden;} /* 20240517 bg_preview_m.png -> bg_wrap_bl.jpg  height 828 -> 868 */
.previewArea.mobile .top:after{display:block;content:'';clear:both;}
.previewArea.mobile .top{position:relative;}
.previewArea.mobile .top .preview-top{position:relative;}
.previewArea.mobile .preview-inner{max-height:800px;overflow-y:auto;margin-top:35px;}
.previewArea.mobile .preview-top .necLogo{position:absolute;left:5px;top:5px;}
.previewArea.mobile .preview-top .necLogo img{height:30px;}
.previewArea.mobile .preview-top .btnPreviewClose{position:absolute;right:10px;top:10px;display:block;width:16px;height:16px;text-align:left;text-indent:-9999px;overflow:hidden; background:url(../images/i_preview_close.png) center center / cover no-repeat;}
.previewArea.mobile .preview-top .title{text-align:center; padding:45px 0 10px 0; color:#fff; font-size:20px;}
.previewArea.mobile .preview-top .title em{border:2px solid #b6feff; height:30px; border-radius:5px; box-sizing:border-box; display:inline-block; vertical-align:middle; line-height:26px; font-size:16px;color:#b6feff; padding:0 5px;font-weight:600;margin-right:5px;}
.previewArea.mobile .preview-top .title span{display:inline-block; vertical-align:middle;line-height:40px;color:#fff; font-weight:bold;}
.previewArea.mobile .preview-con-top{background-color:#fff; border-radius:10px 10px 0 0; padding:10px 20px 0 20px; margin:0 5px;}
.previewArea.mobile .preview-con-top .con-top-inner{border-bottom:1px solid #878888;padding:0 0 10px 0;}
.previewArea.mobile .preview-con-top .clientLogo{width:120px;display:block; margin:0 0 10px 0;text-align:left;}
.previewArea.mobile .preview-con-top .clientLogo img{max-width:110px;height:30px;}
.previewArea.mobile .preview-con-top .info{width:auto;display:block;font-size:15px;text-align:center;}
.previewArea.mobile .preview-body{background-color:#fff; padding:20px; box-sizing:border-box;margin:0 5px;}

#screenConWrap .previewArea.mobile{border:none; background:none; width:auto;height:auto;margin:0;}
#screenConWrap.mobile{padding:10px; background-image:url(../images/bg_wrap_bl2.jpg) !important; background-size:100% auto !important;} /* 20240513 bg_preview_mobile.jpg -> bg_wrap_bl.jpg -> bg_wrap_bl2.jpg */
/*
.previewArea.mobile{width:393px;height:828px;background:url(../images/bg_preview_m.png) no-repeat center;border:9px solid #1b1a1a;border-radius:40px;box-sizing:border-box;overflow:hidden;}
.previewArea.mobile .necLogo{display:block;padding-top:30px;height:80px;line-height:80px;text-align:center;}
.previewArea.mobile .top{position:relative;padding:0 20px;height:60px;line-height:60px;background:#052a67;}
.previewArea.mobile .top strong{font-size:20px;color:#fff;font-weight:400;}
.previewArea.mobile .tip{padding-left:0px;background:none;}
.previewArea.mobile .btnPreviewClose{position:absolute;right:0;top:0;bottom:0;width:60px;text-indent:-9999px;background:url(../images/bg_preview_close.png) no-repeat center;}
.previewArea.mobile .scrollArea{position:absolute;left:0;right:0;top:175px;bottom:55px;padding:0 3%;overflow-y:auto;}
.previewArea.mobile .title{padding:20px 15px;font-size:24px;}
.previewArea.mobile .title em{margin-right:5px;font-size:14px;}
.previewArea.mobile .title + .info{padding-top:0px;}
.previewArea.mobile .clientLogo{margin:0 auto;}
.previewArea.mobile .info{padding:25px 15px;font-size:14px;}

.previewArea.mobile .voteList.type2 li .img{height:120px;}
.previewArea.mobile .voteList.type2 li{float:left;display:block;margin:0 1%;width:31.3333%;}
.previewArea.mobile .voteList.type2 li .img.stamp{background-size:auto 40% !important;}

.previewArea.mobile .voteList{max-width:none;}
.previewArea.mobile .voteList.type3 li{margin:0 1% 20px;width:48%;height:auto;}
.previewArea.mobile .voteList.type3 li .name{margin-top:8px;font-size:14px;}
.previewArea.mobile .voteList.type3.col1 li{padding-top:1px;width:100%;}
.previewArea.mobile .voteList.type3 li .num{font-size:14px;}
.previewArea.mobile .voteList.type3.col1 li .img{margin-top:15px;}
.previewArea.mobile .voteList.type3 li .img{height:100px;}
*/

.previewArea.mobile .measureList{padding:30px 5%;}
.previewArea.mobile .measureList li{float:none;width:30%;border-radius:0 !important;}
.previewArea.mobile .measureList li:after{left:135%;margin-left:0;bottom:inherit;top:50%;margin-top:-30px;transform:rotate(270deg);}
.previewArea.mobile .measureList li .txt{bottom:inherit;top:50%;left:200%;width:140%;font-size:14px;text-align:left;transform:translateY(-50%);}
.previewArea.mobile .measureList li a{padding:15px 0;}

.previewArea.mobile .btn.end{display:block;position:absolute;bottom:-2px;left:0;right:0;width:auto;border-radius:5px 5px 9px 9px;}
.previewArea.feature{width:393px;height:740px;background:url(../images/bg_preview_f.png) no-repeat center;border:9px solid #1b1a1a;border-radius:40px;box-sizing:border-box;overflow:hidden;}
.previewArea.feature .scrollArea{position:absolute;left:0;right:0;top:45px;bottom:0;overflow-y:auto;}
.previewArea .voteTalkList{padding:0 35px;}
.previewArea .voteTalkList li{position:relative;margin:15px;padding:20px;font-size:16px;font-weight:bold;background:#fff;border-radius:10px;word-break: break-all;}
.previewArea .voteTalkList li:after{display:block;content:'';position:absolute;left:-10px;top:20px;width:0px;height:0px;border:10px solid transparent;border-left-width: 0;border-right-color:#fff;}

.previewArea ::-webkit-scrollbar{width:7px;}
.previewArea ::-webkit-scrollbar-track{background:rgba(255,255,255,.5);border-radius:14px;}
.previewArea ::-webkit-scrollbar-thumb{background:#fff;border-radius:14px;}


/* .previewArea a{cursor:default;} 미리보기 링크 없애달라고 하면 주석 해제  */
#subContent .previewArea .voteList2{width:100%;text-align:center;}
#subContent .previewArea .expInfo,
#subContent .previewArea .measureList{width:100%;}

/*
.previewArea.web.mobile{width:auto;height:auto;background:url(../images/bg_preview.png) no-repeat center;background-size:cover;border:0px none;border-radius:0;}
.previewArea.web.mobile .top{padding:0;height:80px;background:none;line-height:80px;}
.previewArea.web.mobile .necLogo{display:inline-block;padding-top:0;}
.previewArea.web.mobile .clientLogo{margin-top:15px;}
.previewArea.web.mobile .title em{margin-bottom:0;}
.previewArea.web.mobile .title + .info{padding-top:20px;}
.previewArea.mobile .font-size-mini{font-size:13px !important;}
.previewArea.mobile .font-size-small{font-size:14px !important;}
.previewArea.mobile .font-size-normal{font-size:15px !important;}
.previewArea.mobile .font-size-large{font-size:16px !important;}
*/

/* 개표결과 */
.particiInfo{margin-top:-15px;}
.particiInfo:after{display:block;content:'';clear:both;}
.particiInfo > div{float:left;margin-right:1%;padding:38px 20px;height:180px;box-sizing:border-box;}
.particiInfo > div:nth-of-type(4){margin-right:0;}
.particiInfo .item1{width:28.5%;}
.particiInfo .item2{width:20%;}
.particiInfo .blue{background:#eff7fa;}
.particiInfo .green{background:#ecfaf2;}
.particiInfo .title{display:block;position:relative;margin-bottom:25px;line-height:44px;background-repeat:no-repeat;background-position:right center;font-size:18px;font-weight:bold;}
.particiInfo .title:after{display:block;content:'';position:absolute;left:0;bottom:0;width:15px;}
.particiInfo .title.icon1{background-image:url(../images/icon_particiInfo_title1.png);}
.particiInfo .title.icon2{background-image:url(../images/icon_particiInfo_title2.png);}
.particiInfo .title.icon3{background-image:url(../images/icon_particiInfo_title3.png);}
.particiInfo .title.icon4{background-image:url(../images/icon_particiInfo_title4.png);}
.particiInfo .title.icon5{background-image:url(../images/icon_particiInfo_title5.png);}
.particiInfo .blue .title{color:#2358ae;}
.particiInfo .green .title{color:#0ab174;}
.particiInfo .blue .title:after{border-top:2px solid #2358ae;}
.particiInfo .green .title:after{border-top:2px solid #0ab174;}
.particiInfo .num{display:block;text-align:right;font-size:18px;color:#555;letter-spacing:-1px;}
.particiInfo .num b{display:inline-block;font-size:40px;font-weight:bold;color:#000;}
.summaryInfo:after{display:block;content:'';clear:both;}
.summaryInfo .chartWrap{float:left;padding:25px;width:40%;height:250px;background:#f6f6f6;border:1px solid #dcdcdc;box-sizing:border-box;}
.summaryInfo .tableBox{float:right;width:57%;}
.summaryInfo .tableBox .list{border-top:1px solid #969696;}
.summaryInfo .cateColor{display:inline-block;vertical-align:top;margin-right:15px;width:24px;height:24px;border-radius:4px;}
.summaryInfo .cateColor.color1{background:#40b1e6;}
.summaryInfo .cateColor.color2{background:#4452a8;}
.summaryInfo .cateColor.color3{background:#fabc05;}
.summaryInfo .cateColor.color4{background:#5587a2;}
.summaryInfo .cateColor.color5{background:#69cabc;}
.summaryInfo .cateColor.color6{background:#6c4a85;}
.summaryInfo .cateColor.color7{background:#8a7860;}
.summaryInfo .cateColor.color8{background:#96d4df;}
.summaryInfo .cateColor.color9{background:#d8c6aa;}
.summaryInfo .cateColor.color10{background:#2358ae;}

.summaryInfo .cateColor.color11{background:#bfc8d7;}
.summaryInfo .cateColor.color12{background:#a2b59f;}
.summaryInfo .cateColor.color13{background:#d18063;}
.summaryInfo .cateColor.color14{background:#eeb8b8;}
.summaryInfo .cateColor.color15{background:#b57fb3;}
.summaryInfo .cateColor.color16{background:#aeddef;}
.summaryInfo .cateColor.color17{background:#e1f1e7;}
.summaryInfo .cateColor.color18{background:#cfdd8e;}
.summaryInfo .cateColor.color19{background:#6eceda;}
.summaryInfo .cateColor.color20{background:#6eceda;}

.summaryInfo .cateColor.colorZero1{background:#40b1e6; opacity: 20%;}
.summaryInfo .cateColor.colorZero2{background:#4452a8; opacity: 20%;}
.summaryInfo .cateColor.colorZero3{background:#fabc05; opacity: 20%;}
.summaryInfo .cateColor.colorZero4{background:#5587a2; opacity: 20%;}
.summaryInfo .cateColor.colorZero5{background:#69cabc; opacity: 20%;}
.summaryInfo .cateColor.colorZero6{background:#6c4a85; opacity: 20%;}
.summaryInfo .cateColor.colorZero7{background:#8a7860; opacity: 20%;}
.summaryInfo .cateColor.colorZero8{background:#96d4df; opacity: 20%;}
.summaryInfo .cateColor.colorZero9{background:#d8c6aa; opacity: 20%;}
.summaryInfo .cateColor.colorZero10{background:#2358ae; opacity: 20%;}

.summaryInfo .cateColor.colorZero11{background:#bfc8d7; opacity: 20%;}
.summaryInfo .cateColor.colorZero12{background:#a2b59f; opacity: 20%;}
.summaryInfo .cateColor.colorZero13{background:#d18063; opacity: 20%;}
.summaryInfo .cateColor.colorZero14{background:#eeb8b8; opacity: 20%;}
.summaryInfo .cateColor.colorZero15{background:#b57fb3; opacity: 20%;}
.summaryInfo .cateColor.colorZero16{background:#aeddef; opacity: 20%;}
.summaryInfo .cateColor.colorZero17{background:#e1f1e7; opacity: 20%;}
.summaryInfo .cateColor.colorZero18{background:#cfdd8e; opacity: 20%;}
.summaryInfo .cateColor.colorZero19{background:#6eceda; opacity: 20%;}
.summaryInfo .cateColor.colorZero20{background:#2358ae; opacity: 20%;}

.detailInfo ul:after{display:block;content:'';clear:both;}
.detailInfo ul{display:flex; margin:0 -10px; flex-wrap:wrap;}
.detailInfo ul li > div.infowrap{display:flex; width:100%; position:relative;margin:0 1% 10px 1%;padding:20px; min-height:180px;border:1px solid #dcdcdc;background:#f6f6f6;box-sizing:border-box;}
.detailInfo ul li{width:50%; padding:0 10px; box-sizing:border-box;}
.detailInfo ul li .img{display:block; margin-right:20px; width:140px;height:140px;border:1px solid #dcdcdc;border-radius:6px;box-sizing:border-box;overflow:hidden;}
.detailInfo ul li > div > div{width:100%;}
.detailInfo ul li .img img{display:block;width:100%;height:100%;}
.detailInfo ul li .title{display:block;margin-bottom:45px;margin-top:20px;padding-left:25px;background:url(../images/icon_detailInfo_check.png) no-repeat left center;font-size:20px;font-weight:bold;}
.detailInfo ul li .num{display:block; font-size:19px; text-align:right; font-weight:bold;}
.detailInfo ul li .titleNum{font-size:18px; color:#757575;}

/* 투개표관리 */
.curVoteState{position:relative;margin-bottom:30px;padding:30px;min-height:52px;background:#ecf7fb;line-height:52px;}
.curVoteState .title{display:inline-block;vertical-align:middle;position:relative;margin-right:20px;padding-right:20px;color:#2358ae;font-weight:bold;font-size:16px;}
.curVoteState .title:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-15px;height:30px;border-right:1px solid #d7d7d7;}
.curVoteState .state{display:inline-block;vertical-align:middle;color:#f95c56;font-weight:bold;font-size:18px;}
.curVoteState .msg{display:inline-block;vertical-align:middle;color:#1989ff;font-weight:bold;font-size:18px;}
.curVoteState .right{display:block;position:absolute;top:30px;right:30px;}
.curVoteState .stateWrap{display:inline-block;vertical-align:middle;line-height:180%;}
.curVoteState .stateWrap p{font-size:14px;}

/* 선거개요 */
.electionSumm::after{display:block;content:'';clear:both;}
.electionSumm > .titleArea{margin-bottom:18px;padding-bottom:15px;border-bottom:2px solid #666;}
.electionSumm .topTxtArea{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #dcdcdc;}
.electionSumm .topTxtArea:after{display:block;content:'';clear:both;}
.electionSumm .topTxtArea p{float:left;padding-top:6px;line-height:160%;}
.electionSumm .topTxtArea a{float:right;}
.electionSumm  .h4Content{position:relative;float:left;width:65%;}
.electionSumm  .h4Content.width{width:100%;}
.electionSumm .electionState{margin-bottom:20px; border:1px solid #d9d9d9;}
.electionSumm .electionState .timeCon{border-bottom:none;}
.electionSumm .electionState .timeCon:after{display:block;content:'';clear:both;}
.electionSumm .electionState .timeCon li{display:block;float:left;padding:20px 5px;width:50%;background:url(../images/icon_electionState_time.png) no-repeat 55px center;border-right:1px solid #ebebeb;box-sizing:border-box;text-align:center;font-size:13px;text-indent:25px;}
.electionSumm .electionState .timeCon li:last-child{border-right:0px none;}
.electionSumm .electionState .timeCon li .date{display:block;padding-top:2px;font-size:16px;}
.electionSumm .timeCon-under .title{ text-align:center; margin-top:-5px; display:block;margin-bottom:25px;font-size:16px; font-weight:bold;}
.electionSumm .electionState .chartCon{padding:30px 0;background:#f6f6f6;text-align:center;}
.electionSumm .electionState .chartCon .title{display:block;margin-bottom:10px;font-size:18px;font-weight:bold;}
.electionSumm .electionState .chartCon .chartArea{margin-bottom:15px;height:350px;text-align:initial;}
.electionSumm .electionState .chartCon .desc{font-size:14px;}
.electionSumm .electionState .chartCon .btnArea{margin:30px 0 0;}
.electionSumm .rightArea{float:right;position:relative;width:33%;padding:20px;border:1px solid #d9d9d9;box-sizing:border-box;}
.useDatepicker2 .ui-datepicker .ui-datepicker-header{margin-bottom:10px;text-align:center;}
.useDatepicker2 .ui-datepicker .ui-datepicker-header a{display:inline-block;vertical-align:middle;width:19px;height:19px;text-indent:-9999em;}
.useDatepicker2 .ui-datepicker .ui-datepicker-prev{margin-left:-65px;background:url(../images/icon_calendarTop_prev2.gif) no-repeat;}
.useDatepicker2 .ui-datepicker .ui-datepicker-next{margin-left:45px;background:url(../images/icon_calendarTop_next2.gif) no-repeat;}
.useDatepicker2 .ui-datepicker .ui-datepicker-title{display:inline-block;vertical-align:middle;margin:0 8px;font-size:18px;font-weight:bold;line-height:19px;color:#5f5f5f;}
.useDatepicker2 .ui-datepicker .ui-datepicker-title span{height:auto;font-size:18px;font-weight:bold;line-height:28px;color:#5f5f5f;}
.useDatepicker2 .ui-datepicker-calendar{margin-bottom:5px;width:100%;border-top:2px solid #666;border-bottom:1px solid #eaeaea;font-weight:bold;}
.useDatepicker2 .ui-datepicker-calendar thead th{padding:8px 0;background:#fafafa;border-bottom:1px solid #ccc;font-size:14px;}
.useDatepicker2 .ui-datepicker-calendar tbody td{padding:5px 0;font-size:13px;text-align:center;color:#666;}
.useDatepicker2 .ui-datepicker-calendar .sun{color:#dc0000;}
.useDatepicker2 .ui-datepicker-calendar .sat{color:#2d45d3;}
.useDatepicker2 .ui-datepicker table tbody td a{display:inline-block;width:25px;height:25px;}
/* .useDatepicker2 .electionItem1 a,
.useDatepicker2 .electionItem2 a,
.useDatepicker2 .electionItem3 a{border-radius:50%;text-align:center;box-sizing:border-box;line-height:23px;color:#fff !important;}
.useDatepicker2 .electionItem1 a{background:#f95c56;}
.useDatepicker2 .electionItem2 a{background:#7ddb02;}
.useDatepicker2 .electionItem3 a{background:#14a3f7;} */
.useDatepicker2 .electionItem1.active a,
.useDatepicker2 .electionItem2.active a,
.useDatepicker2 .electionItem3.active a{border-radius:50%;text-align:center;box-sizing:border-box;line-height:23px;color:#fff !important;}
.useDatepicker2 .electionItem1.active a{background:#cf443f;}
.useDatepicker2 .electionItem2.active a{background:#4f8a02;}
.useDatepicker2 .electionItem3.active a{background:#0c5b89;}
.useDatepicker2 .ui-datepicker-calendar .item2{display:inline-block;width:25px;height:25px;background:#adadad;border-radius:50%;border:1px solid #a6a6a6;text-align:center;box-sizing:border-box;line-height:23px;color:#fff;}
.calendarWrap{position:relative; padding-top:20px;}
.calendarWrap .electionTermSet{position:sticky;right:0px;top:25px;text-align:right;}
.calendarWrap .cate{display:inline-block;position:relative;margin-right:8px;padding-left:22px;font-size:12px;color:#565656;line-height:16px;}
.calendarWrap .cate:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px;border-radius:50%;}
.calendarWrap .cate.type1:before{background:#cf443f;border:1px solid #e5554f;}
.calendarWrap .cate.type2:before{background:#4f8a02;border:1px solid #4f8a02;}
.calendarWrap .cate.type3:before{background:#0c5b89;border:1px solid #0c5b89;}
.calendarWrap .electionTerm{display:none;position:absolute;right:-100px;top:50%;margin-top:-20px;padding:8px 0;width:100px;background:#fff;border:1px solid #1787ac;border-radius:5px;font-size:13px;text-align:center;}
.electionSumm .electInfoList{display:table;width:100%;margin-top:30px;border-collapse:collapse;border-top:2px solid #253645;}
.electionSumm .electInfoList li{display:table-row;position:relative;border-bottom:1px solid #efefef;}
.electionSumm .electInfoList li:before{display:block;content:'';position:absolute;left:10px;top:19px;width:3px;height:3px;border-radius:50%;background:#393939;}
.electionSumm .electInfoList li .head,
.electionSumm .electInfoList li .desc{display:table-cell;box-sizing:border-box;}
.electionSumm .electInfoList li .head{padding:8px 5px 8px 18px;width:35%;background:#fafafa;font-size:14px;font-weight:bold;color:#343434;}
.electionSumm .electInfoList li .desc{padding:8px 10px;width:65%;font-size:13px;word-break:break-all;}
.electionSumm .accordHistory{float:left;width:300px;}
.electionSumm .accordHistory ul li{display:none;margin-bottom:13px;color:#878787;}
.electionSumm .accordHistory ul li.first{display:block;color:#333;}
.electionSumm .accordHistory ul li:last-child{margin-bottom:0;}
.electionSumm .accordHistory.active ul li{display:block;}
.electionSumm .accordHistory .btn_icon{margin-top:5px;}

/* 현장투표 */
#screenConWrap{position:relative;padding:20px 30px 30px 30px;background:#f6f6f1 url(../images/bg_wrap_bl2.jpg) center top / 100% 100% no-repeat;text-align:center;box-sizing:border-box;}  /* 20240513 bg_screenConWrap_new.jpg -> bg_wrap_bl.jpg, height 295px->100% */
#screenConWrap .top{max-width:1170px;margin:0 auto;}
#screenConWrap .preview-top{position:relative; max-width:1170px;margin:0 auto;box-sizing:border-box;}
#screenConWrap .preview-con-top{max-width:1170px;margin:0 auto;box-sizing:border-box;}
#screenConWrap .preview-body{max-width:1170px;margin:0 auto;box-sizing:border-box;}
#screenConWrap .hTop{padding:12px 10px; font-size:13px; color:#fff; line-height:120%; text-align:right;}
#screenConWrap .hTop .msg:before{display:block;position:absolute;left:0;top:0;content:'';width:16px;height:14px;background:url(../images/icon_msg.png) no-repeat center;}
#screenConWrap .hTop .msg{display:inline-block; position:relative; padding-left:25px;}
#screenConWrap .hTop a.login{margin-left:15px; padding-left:15px; border-left:1px solid #658dc5; color:#fff}
#screenConWrap h1{margin-bottom:45px;}
#screenConWrap h2{margin-bottom:25px;color:#fff;font-size:40px;}
#screenConWrap .screenCon-top{margin:0 auto;max-width:860px;position:relative;}
#screenConWrap .screenCon-top h1{text-align:left; padding:15px 0 0 0;}
#screenConWrap .screenCon-top .btn_lang{position:absolute;right:0;}
#screenConWrap .screenCon-top .langWrap{position:absolute;right:0;}
#screenConWrap .top .langWrap{position:absolute;right:15px;z-index:99;}
#screenConWrap .screenCon-top h2{margin-top:-15px;}
#screenConWrap #screenCon{margin:0 auto;padding:60px 0 85px;max-width:860px;background:#fff;border-radius:10px;}
#screenConWrap #screenCon .icon{display:block;margin:0 auto 25px;}
#screenConWrap #screenCon .title{display:block;margin-bottom:18px;font-size:32px;}
#screenConWrap #screenCon .desc{font-size:20px;color:#2358ae;}
#screenConWrap #screenCon .desc .small{font-size:16px;}
#screenConWrap #screenCon .formArea{margin:35px auto 0;max-width:420px;padding:0 30px;}
#screenConWrap #screenCon .midBtnArea{margin-bottom:35px;}
#screenConWrap #screenCon .midBtnArea .btn{height:50px;line-height:50px;font-size:15px;}
#screenConWrap #screenCon .midBtnArea .btn.gray{background:#ededed;border-color:#dcdcdc;color:#131313;}
#screenConWrap #screenCon .codeInput{margin-bottom:20px;/* height:60px; */border:1px solid #dcdcdc;border-radius:5px;box-sizing:border-box;line-height:58px;overflow:hidden;padding:0 10px;}
/*
#screenConWrap #screenCon .codeInput span{display:block;float:left;padding-left:18px;box-sizing:border-box;width:30%;font-size:15px;text-align:left;}
#screenConWrap #screenCon .codeInput input{display:block;float:left;margin:0;padding:0 10px;width:65%;height:58px;box-sizing:border-box;border:0px none;font-size:24px;font-weight:bold;}
#screenConWrap #screenCon .codeInput.type2 input{display:inline-block;vertical-align:top;float:none;width:80px;}
#screenConWrap #screenCon .codeInput.type2 input.w170{width:170px;}
#screenConWrap #screenCon .codeInput.type2 select{display:inline-block;vertical-align:top;margin:0;height:58px;border:0px none;font-size:24px;font-weight:bold;}
#screenConWrap #screenCon .codeInput.type2 .time{font-weight:bold;color:#ff5722;}
*/
#screenConWrap #screenCon .codeInput input{display:block;margin:0;padding:0 10px;width:100%;height:58px;box-sizing:border-box;border:0px none;font-size:18px;font-weight:bold;}
#screenConWrap #screenCon .codeInput.type2 input{display:inline-block;vertical-align:top;float:none;width:80px;}
#screenConWrap #screenCon .codeInput.type2 input.w170{width:170px;}
#screenConWrap #screenCon .codeInput.type2 select{display:inline-block;vertical-align:top;margin:0;height:58px;border:0px none;font-size:18px;font-weight:bold;}
#screenConWrap #screenCon .codeInput.type2 .time{font-weight:bold;color:#ff5722;}
#screenConWrap #screenCon .codeInput.type3 span{display:block;float:left;padding-left:18px;box-sizing:border-box;width:30%;font-size:15px;text-align:center;}
#screenConWrap #screenCon .codeInput.type3 input{display:block;float:left;margin:0;padding:0 10px;width:65%;height:58px;box-sizing:border-box;border:0px none;font-size:24px;font-weight:bold;}
#screenConWrap #screenCon .codeInput.solid input{height:50px; margin-top: 4px; border:2px solid #2358ae;}

#screenConWrap #screenCon .codeInput + .errorMsg{margin-bottom:20px;}
#screenConWrap #screenCon .btn.big{height:60px;line-height:60px;font-size:18px;}
#screenConWrap #screenCon .btn{padding:0 5px;}

#screenConWrap.type2{padding-top:0;background:url(../images/bg_preview.png) no-repeat center;background-size:cover;}
#screenConWrap.type2 .previewArea.web{padding-top:50px;}
/*
#screenConWrap .previewArea.web{background:none;}
#screenConWrap .necLogo{display:block;float:left;}
*/
#screenConWrap .timer{position:absolute;right:40px;top:20px;padding:0 5px 0 18px;height:38px;background:#37abd7;border-radius:19px;border:3px solid #37abd7;color:#fff;line-height:32px;box-sizing:border-box;}
#screenConWrap .timer:after{display:block;content:'';clear:both;}
#screenConWrap .timer b{display:block;float:left;font-weight:normal;}
#screenConWrap .timer a{display:block;float:right;margin-left:15px;margin-top:2px;padding:0 10px;height:28px;background:#def5fd;border-radius:14px;font-size:13px;line-height:28px;color:#0c316e;font-weight:bold;}
.printSetBox{padding:35px 10px;background:#f6f6f6;}
.printSetBox > p{margin-bottom:35px;font-size:14px;line-height:160%;text-align:center;}
.printSetBox .linkSet{margin:0 auto;width:400px;}
.printSetBox ul{margin-bottom:15px;}
.printSetBox ul:after{display:block;content:'';clear:both;}
.printSetBox ul li{display:block;float:left;width:50%;}
.printSetBox ul li .btn{width:100%;height:58px;}
.printSetBox ul li:first-child .btn{border-top-right-radius:0;border-bottom-right-radius:0;}
.printSetBox ul li:last-child .btn{border-top-left-radius:0;border-bottom-left-radius:0;}
.printSetBox ul li .btn.line{background:#fff;border:1px solid #b5b5b5;color:#131313;font-weight:normal;}
.allimTxt{text-align:center;color:#5e5e5e;font-size:14px;}
.allimTxt img{display:inline-block;margin-right:5px;line-height:24px;}
.btn_lang{display:block;position:absolute;right:10%;top:20px;padding:0 15px;height:36px;border-radius:18px;border:1px solid #fff;line-height:34px;box-sizing:border-box;color:#fff;font-weight:bold;}
.btn_lang img{line-height:34px;vertical-align:top;margin:8px 0;}

/* sms관리 */
.smsWrap{margin-bottom:50px;}
.smsWrap:after{display:block;content:'';clear:both;}
.smsWrap .leftArea{float:left;width:390px;}
.smsWrap .leftArea .smsForm{padding:47px 20px 0;width:340px;background:#f5f5f5 url(../images/bg_smsForm_top.gif) no-repeat center 15px;border:8px solid #1b1a1a;border-radius:40px;box-sizing:border-box;overflow:hidden;}
.smsWrap .leftArea .smsForm.email{padding-top:20px;background:#fff;border:2px solid #e1e6e8;border-radius:8px;}
.smsWrap .leftArea .smsForm.email .txtArea textarea{height:300px;}
.smsWrap .smsForm .txtArea{margin-bottom:25px;background:#fff;border:1px solid #dcdcdc;border-radius:15px;overflow:hidden;}
.smsWrap .smsForm .txtArea textarea{padding:25px;height:200px;box-sizing:border-box;font-size:18px;line-height:165%;overflow-y:auto;resize:none;border:0px none;}
.smsWrap .smsForm .txtArea .botArea{padding:15px 25px;border-top:1px solid #dcdcdc;}
.smsWrap .smsForm .txtArea .botArea:after{display:block;content:'';clear:both;}
.smsWrap .smsForm .txtArea .botArea .limit{display:block;float:left;line-height:34px;}
.smsWrap .smsForm .txtArea .botArea .limit b{color:#2358ae;}
.smsWrap .smsForm .txtArea .botArea a{float:right;}
.smsWrap .smsForm .btn_reset{margin-bottom:10px;}
.smsWrap .smsForm .smsTable{width:100%;}
.smsWrap .smsForm .smsTable th{text-align:left;}
.smsWrap .smsForm .botBtn{margin:20px -20px 0;padding:30px 20px;background:#e1e6e8;}
.smsWrap .smsForm .botBtn .btn{min-width:auto !important;}
.smsWrap .smsForm .botBtn .btn_down{margin-left:0;margin-top:20px;}
.smsWrap .rightArea{float:right;width:calc(100% - 390px);padding-top:20px;}
.smsWrap .rightArea .warning{margin-bottom:10px;}
.smsTemplate ul{margin:0 -2%;}
.smsTemplate ul:after{display:block;content:'';clear:both;}
.smsTemplate ul li{display:block;float:left;margin:0 2% 40px;width:46%;border:1px solid #dcdcdc;border-radius:15px;box-sizing:border-box;overflow:hidden;}
.smsTemplate ul li .head{display:block;padding:15px 10px 15px 45px;background:#ededed url(../images/icon_smsTemplate_head.png) no-repeat 20px center;font-size:16px;}
.smsTemplate ul li p{padding:15px;height:125px;font-size:16px;line-height:160%;box-sizing:border-box;overflow-y:auto;}
.smsTemplate ul li a{display:block;padding:15px 0;border-top:1px solid #dcdcdc;font-size:16px;font-weight:bold;color:#2358ae;text-align:center;}
.smsPreview{margin:0 auto 25px;width:200px;background:#fff;border:1px solid #dcdcdc;border-radius:15px;overflow:hidden;}
.smsPreview p{padding:25px;max-height:200px;box-sizing:border-box;font-size:15px;line-height:145%;overflow-y:auto;border:0px none;}
.smsPreview  .limit{display:block;padding:10px 15px;border-top:1px solid #dcdcdc;text-align:right;}
.smsPreview  .limit b{color:#2358ae;}
.smsTemplate.type2{margin-top:25px;}
.smsTemplate.type2 ul{margin:0 -1%;}
.smsTemplate.type2 ul li{margin:0 1% 30px;width:31.3333%;}
.smsTemplate.type2 .head{padding:15px 20px;background-image:none;}
.smsTemplate.type2 .head .right{float:right;}
.smsTemplate.type2 .time{display:block;padding:20px 15px 0;}

.spotList {margin-top:25px;border-top: 2px solid #666;}
.spotList ul{margin:0 -1%; margin-top: 20px;}
.spotList ul:after{display:block;content:'';clear:both;}
.spotList ul li{display:block;float:left;margin:0 1% 25px;width:20%;border:1px solid #dcdcdc;box-sizing:border-box;overflow:hidden;}
.spotList ul li .head{display:block;padding:5px 0px 5px 5px;background:#ededed no-repeat 20px center;font-size:15px;}
.spotList ul li p{padding:7px;max-height:200px;box-sizing:border-box;font-size:15px;line-height:145%;overflow-y:auto;border:0px none;}

.window .smsWrap .leftArea{float:none;width:auto;}
.window .smsWrap .leftArea .smsForm{margin:0 auto 40px;padding-bottom:30px;}
.window .smsWrap .smsForm .txtArea textarea{height:320px;}
.btnTab{float:right;margin-top:-45px;}
.btnTab:after{display:block;content:'';clear:both;}
.btnTab li{display:block;float:left;}
.btnTab li a{display:block;position:relative;margin-left:-1px;padding:0 18px;height:34px;box-sizing:border-box;border:1px solid #b5b5b5;text-align:center;font-size:13px;color:#555;line-height:32px;}
.btnTab li.active a{border:1px solid #2358ae;color:#2358ae;font-weight:bold;z-index:1;}
.btnTab li:first-child a{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.btnTab li:last-child a{border-top-right-radius:3px;border-bottom-right-radius:3px;}


/* 메뉴관리 */
.menuWrap{margin-bottom:50px;}
.menuWrap:after{display:block;content:'';clear:both;}
.menuWrap .leftArea{float:left;width:350px;}

.menuWrap .leftArea .treeArea .tree{margin-top: 5px; border:1px solid #b5b5b5;min-height:600px;}
.menuWrap .leftArea .treeArea .tree, .tree ul{list-style: none; /* 기본 리스트 스타일 제거 */padding-left:10px;}
.menuWrap .leftArea .treeArea .tree *:before{width:15px;height:15px;display:inline-block;}
/* .menuWrap .leftArea .treeArea .tree label{cursor: pointer;font-family: NotoSansKrMedium, sans-serif !important;font-size: 14px;color: #0055CC;} */
.menuWrap .leftArea .treeArea .tree label{cursor: pointer;color: #333333;}
.menuWrap .leftArea .treeArea .tree label:hover{/* color: #00AACC; */}
.menuWrap .leftArea .treeArea .tree label:before{content: '-'}
.menuWrap .leftArea .treeArea .tree label.lastTree:before{ content:''; }
.menuWrap .leftArea .treeArea .tree label:hover:before{content: '-'}
.menuWrap .leftArea .treeArea .tree label.lastTree:hover:before{ content:''; }
.menuWrap .leftArea .treeArea .tree input[type="checkbox"] {display: none;}
.menuWrap .leftArea .treeArea .tree input[type="checkbox"]:checked~ul {display: none;}
.menuWrap .leftArea .treeArea .tree input[type="checkbox"]:checked+label:before{content: '+'}
.menuWrap .leftArea .treeArea .tree input[type="checkbox"]:checked+label:hover:before{content: '+'}
.menuWrap .leftArea .treeArea .tree input[type="checkbox"]:checked+label.lastTree:before{ content: ''; }
.menuWrap .leftArea .treeArea .tree input[type="checkbox"]:checked+label.lastTree:hover:before{ content: ''; }
.menuWrap .rightArea{float:right;width:calc(100% - 350px);padding-top:5px;}
.menuBox {padding-left:20px;}
.menuSelected {color:#000000;font-weight:bold;}

/* 배너관리 */
.bannerEnroll .boardList.type2{margin:0 0 30px;text-align:center;}
.bannerEnroll .boardList.type2 li{float:none;display:inline-block;}
.bannerEnroll .boardList.type2 li .title{font-size:16px;color:#fff;font-weight:normal;letter-spacing:-1px;}

.chartRightBtn{float:right;margin-top:-40px;}
.chartRightBtn a{display:block;position:relative;float:left;margin-left:-1px;width:30px;height:30px;border:1px solid #d7d7d7;text-indent:-9999em;z-index:2;}
.chartRightBtn .prev{background:url(../images/icon_tab_prev.png) no-repeat center;}
.chartRightBtn .next{background:url(../images/icon_tab_next.png) no-repeat center;}

.banner-list .logoImg img{height:38px;max-width:140px;}

/* 콘텐츠 */
.stepList{margin:0 0 75px;padding:40px 20px;background:#eff7fa;text-align:center;}
.stepList li{display:inline-block;vertical-align:middle;position:relative;min-width:185px;}
.stepList li:after{display:block;content:'';position:absolute;top:60px;right:-62px;width:120px;border-top:2px solid #2590b3;}
.stepList li:last-child:after{display:none;}
.stepList li .step{display:block;margin-bottom:15px;font-size:16px;color:#1787ac;}
.stepList li .icon{display:block;margin-bottom:15px;}
.stepList li .txt{display:block;font-size:24px;color:#1787ac;}
.serviceProce{padding:0 168px;}
.serviceProce:after{display:block;content:'';clear:both;}
.serviceProce > div{width:250px;}
.serviceProce .left{float:left;}
.serviceProce .right{float:right;}
.serviceProce .title{display:block;margin-bottom:20px;height:64px;line-height:64px;border-radius:32px;color:#fff;text-align:center;font-size:20px;font-weight:bold;}
.serviceProce .item1 .title{background:#05a86c;}
.serviceProce .item2 .title{background:#4f4f4f;}
.serviceProce .item3 .title{background:#05a86c;}
.serviceProce ul li{display:block;position:relative;margin-bottom:30px;padding:28px 5px;height:160px;border:1px solid;border-radius:15px;text-align:center;box-sizing:border-box;}
.serviceProce ul li.empty{background:none !important;border:0px none;}
.serviceProce ul li.arrow:after{display:block;content:'';position:absolute;left:50%;bottom:-22px;margin-left:-13.5px;width:27px;height:28px;}
.serviceProce ul li.rightArrow:before{display:block;content:'';position:absolute;right:-154px;top:50%;margin-top:-14px;width:120px;height:28px;background:url(../images/icon_serviceProce_rightArrow.png) no-repeat;}
.serviceProce .item3 ul li.rightArrow:before{background:url(../images/icon_serviceProce_rightArrow3.png) no-repeat;}
.serviceProce ul li.leftArrow:before{display:block;content:'';position:absolute;left:-154px;top:50%;margin-top:-14px;width:120px;height:28px;background:url(../images/icon_serviceProce_leftArrow.png) no-repeat;}
.serviceProce .item1 ul li.arrow:after{background:url(../images/icon_serviceProce_arrow1.png) no-repeat;}
.serviceProce .item2 ul li.arrow:after{background:url(../images/icon_serviceProce_arrow2.png) no-repeat;}
.serviceProce .item3 ul li.arrow:after{background:url(../images/icon_serviceProce_arrow3.png) no-repeat;}
.serviceProce ul li b{display:block;position:relative;margin-bottom:20px;font-size:16px;}
.serviceProce ul li b:after{display:block;content:'';position:absolute;bottom:-10px;left:50%;margin-left:-6.5px;width:13px;border-top:2px solid;}
.serviceProce ul li p{font-size:14px;line-height:160%;letter-spacing:-1px;}
.serviceProce .item1 ul li{background:#ecfaf2;border-color:#b5e7d5;}
.serviceProce .item1 ul li b{color:#019b64;}
.serviceProce .item1 ul li b:after{border-color:#0ab174;}
.serviceProce .item2 ul li b:after{border-color:#4f4f4f;}
.serviceProce .item3 ul li b:after{border-color:#ff8954;}
.serviceProce .item2 ul li{background:#f9f9f9;border-color:#aebabd;}
.serviceProce .item2 ul li b{color:#4f4f4f;}
.serviceProce .item3 ul li{background:#fff3ee;border-color:#ffe7dd;}
.serviceProce .item3 ul li b{color:#019d64;}
.serviceProce .item2 ul li.leftArrow{margin-bottom:225px;}
.serviceProce ul li.rightArrow span{display:block;content:'';position:absolute;right:-154px;top:50%;margin-top:-14px;width:120px;height:28px;text-indent:-9999px;}
.serviceProce ul li.leftArrow span{display:block;content:'';position:absolute;left:-154px;top:50%;margin-top:-14px;width:120px;height:28px;text-indent:-9999px;}
.iconBoxList{margin-bottom:55px;}
.iconBoxList:after{display:block;content:'';clear:both;}
.iconBoxList li{display:block;float:left;margin-left:-1px;padding-top:35px;width:20%;height:300px;background:#eff7fa;border:1px solid #c0e3ee;box-sizing:border-box;text-align:center;}
.iconBoxList li:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.iconBoxList li:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.iconBoxList li .icon{display:block;margin:0 auto 20px;}
.iconBoxList li .title{display:block;margin-bottom:15px;font-size:16px;color:#2358ae;font-weight:bold;}
.iconBoxList li p{font-size:14px;line-height:150%;letter-spacing:-.5px;}
.iconBoxList.col2 li{width:50%;}
.iconBoxList.col3 li{width:33.3333%;}
.iconBoxList.col4 li{width:25%;}
.iconBoxList.type2 li{height:250px;}
.iconBoxList.item2 li{background:#f2fbf6;border:1px solid #c1ebdc;}
.iconBoxList.item2 li .title{color:#009760}
.accordTable{position:relative;margin-bottom:40px;border:1px solid #e1e1e1;border-radius:10px;}
.accordTable .title{display:block;padding:0 18px;background:#f6f6f6;line-height:57px;font-size:16px;font-weight:bold;}
.accordTable .tableBox{display:none;margin:20px 30px;}
.accordTable.active .tableBox{display:block;}
.accordTable .btnClose img{display:inline-block;vertical-align:bottom;margin-right:5px;}
.accordWrap{display:none;}
.accordWrap.active{display:block;}
.toast{position:relative;}
.toastCon{position:absolute;left:0;right:0;top:50%;margin-top:-18.5px;opacity:0;}

/* 팝업관리 */
.windowPopcon{text-align:center;}
.modalWrap .popupClose{padding:0 10px;height:40px;background:#ddd;line-height:40px;text-align:left;font-size:14px;}
.modalWrap .popupClose input{display:inline-block;vertical-align:text-bottom;}
.modalWrap .popupClose a{display:block;float:right;margin-top:5px;width:40px;height:30px;background:#383838;line-height:30px;color:#fff;text-align:center;font-size:13px;}

/* 대쉬보드 */
#dashboardWrap{padding:8px 40px;background:#172635 url(../images/bg_dashboardWrap.jpg) no-repeat center top;background-size:cover;}
#dashboardHeader{position:relative;height:55px;box-sizing:border-box;}
#dashboardHeader h1{position:absolute;left:0;top:0;}
#dashboardHeader h1 img{height:36px;}
#dashboardHeader h2{padding-top:6px;font-size:28px;color:#fff;text-align:center;line-height:120%;}
#dashboardHeader .right{display:block;position:absolute;right:0;top:13px;color:#fff;font-size:16px;}
#dashboardCon .votingStatus{position:relative;z-index:2;float:left;margin-right:1%;padding:18px 10px 0;width:100%;height:115px;background:#fff;border-radius:8px;box-sizing:border-box;}
#dashboardCon .votingStatus ul:after{display:block;content:'';clear:both;}
#dashboardCon .votingStatus ul li{display:block;float:left;width:20%;text-align:center;}
#dashboardCon .votingStatus ul li.focus{background:#dfe3eb;box-sizing: border-box;border-radius: 20px;}
#dashboardCon .votingStatus ul li a{display:block;}
#dashboardCon .votingStatus ul li .title{display:block;font-size:18px;color:#555;font-weight:normal;}
#dashboardCon .votingStatus ul li .num{display:block;position:relative;font-weight:bold;font-size:16px;line-height:normal;letter-spacing:-2px;}
#dashboardCon .votingStatus ul li .num:after{display:block;content:'';position:absolute;right:0;bottom:10px;height:25px;border-right:1px solid #e1e1e1;}
#dashboardCon .votingStatus ul li:last-child .num:after{display:none;}
#dashboardCon .votingStatus ul li .num b{display:inline-block;vertical-align:sub;margin-right:5px;font-size:48px;}
#dashboardCon .dataPerist{float:left;padding:18px 25px;width:39%;height:115px;background:#4768e2;border-radius:8px;box-sizing:border-box;}
#dashboardCon .dataPerist .title{display:block;margin-bottom:10px;font-size:18px;color:#fff;line-height:140%;font-weight:normal;}
#dashboardCon .dataPerist .left{float:left;width:28%;}
#dashboardCon .dataPerist .left .item{display:block;float:left;position:relative;margin-right:12px;padding-left:18px;font-size:12px;font-weight:bold;color:#fff;}
#dashboardCon .dataPerist .left .item:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-5.5px;width:11px;height:11px;border-radius:5.5px;}
#dashboardCon .dataPerist .left .item.type1:after{background:#53db61;}
#dashboardCon .dataPerist .left .item.type2:after{background:#f19c2e;}
#dashboardCon .dataPerist .left .item.type3:after{background:#f43871;}
#dashboardCon .dataPerist ul{float:right;padding-top:9px;width:70%;}
#dashboardCon .dataPerist ul:after{display:block;content:'';clear:both;}
#dashboardCon .dataPerist ul li{display:block;float:left;position:relative;width:25%;text-align:center;}
#dashboardCon .dataPerist ul li:after{display:block;content:'';position:absolute;top:25px;right:-6px;width:12px;height:17px;background:url(../images/dashboard_dataPerist_link.png) no-repeat;}
#dashboardCon .dataPerist ul li:last-child:after{display:none;}
#dashboardCon .progElection{clear:both;position:relative;padding-left:230px;}
#dashboardCon .progElection:after{display:block;content:'';clear:both;}
#dashboardCon .progElection .left{position:absolute;left:0;top:0;}
#dashboardCon .progElection .left .title{display:block;margin-bottom:10px;padding-top:45px;font-size:20px;color:#fff;font-weight:normal;}
#dashboardCon .progElection .left .btnItem span{display:block;padding:0 20px;width:230px;height:70px;line-height:70px;border-radius:8px;color:#fff;font-size:18px;letter-spacing:-1px;box-sizing:border-box;}
#dashboardCon .progElection .left .btnItem span.focus{outline: 2px solid #fff;}
#dashboardCon .progElection .left .btnItem .item1{background:#41535f;margin-bottom:10px;cursor:pointer;}
#dashboardCon .progElection .left .btnItem .item2{background:#3c4932;margin-bottom:10px;cursor:pointer;}
#dashboardCon .progElection .left .btnItem .item3{background:#2d2d41;margin-bottom:10px;cursor:pointer;}
#dashboardCon .progElection .left .btnItem b{display:inline-block;vertical-align:top;margin-right:3px;width:90px;text-align:right;font-size:24px;}
#dashboardCon #mapHolder{float:left;}
#dashboardCon .tableSort{float:left;margin-bottom:25px;padding-top:30px;width:calc(100% - 450px);}
#dashboardCon .tableSort .btnItem{margin-bottom:15px;}
#dashboardCon .tableSort .btnItem a{display:inline-block;vertical-align:middle;position:relative;margin-right:15px;padding-top:10px;font-size:20px;color:#fff;}
#dashboardCon .tableSort .btnItem a.active{color:#f7d14c;}
#dashboardCon .tableSort .btnItem a.active:after{display:block;content:'';position:absolute;top:2px;left:0;right:0;height:2px;background:#efcb4b;}
#dashboardCon .tableSort .tableBox{border-top:1px solid #304581;}
#dashboardCon .tableSort .tableBox th,
#dashboardCon .tableSort .tableBox td{border-right:1px solid #283644;color:#fff;font-weight:normal;text-align:center;}
#dashboardCon .tableSort .tableBox thead th{padding:15px 5px;background:#121d28}
#dashboardCon .tableSort .tableBox td{padding:8px 12px;border-bottom:1px solid #283644;}
#dashboardCon .tableSort .tableBox tbody tr:nth-child(even){background:#142231;}
#dashboardCon .tableSort .tableBox td:last-child{border-right:0px none;}
#dashboardCon .statusItem{clear:both;}
.txtYellow{color:#f7d14c;}
#dashboardCon .statusItem{margin:0 -40px;padding:15px 40px 15px;background:#0f1823;}
#dashboardCon .statusItem .title{display:inline-block;position:relative;z-index:1;background:#0f1823;font-size:20px;font-weight:normal;color:#fff;}
#dashboardCon .statusItem .title.subTitleTxt{font-size:14px !important; padding-left:60px;}
#dashboardCon .statusItem .title .total{display:inline-block;vertical-align:middle;margin-left:15px;padding:0 20px;height:38px;line-height:36px;box-sizing:border-box;border-radius:19px;border:1px solid #315065;color:#7fd3ff;font-size:16px;font-weight:bold;}
#dashboardCon .statusItem #chartHolder,
#dashboardCon .statusItem #chartHolder2,
#dashboardCon .statusItem #chartHolder3{position:relative;z-index:0;margin-top:-20px;}
#dashboardCon .statusItem.type2,
#dashboardCon .statusItem.type2 .title{background:#121f2d;}
#dashboardCon .statusItem.type2 .title .total{border:1px solid #575536;color:#f7d14c;}

#dashboardCon .topStatePanel{margin-bottom:10px;padding:25px 20px;height:270px;background:#fff;border-radius:10px;box-sizing:border-box;}
#dashboardCon .electionState{float:left;width:57%;}
#dashboardCon .electionState .titleArea{margin-bottom:30px;}
#dashboardCon .electionState .titleArea .state{display:inline-block;vertical-align:middle;margin-right:15px;padding-left:40px;width:107px;height:34px;background:#4768e2 url(../images/icon_electionState_state.png) no-repeat 20px center;border-radius:7px;font-size:16px;color:#fff;font-weight:bold;box-sizing:border-box;line-height:34px;}
#dashboardCon .electionState .titleArea b{display:inline-block;vertical-align:middle;font-size:28px;letter-spacing:-1px;}
#dashboardCon .electionState .titleArea h3{font-size:24px; color:#1787ac;}
#dashboardCon .electionState ul{margin:0 -0.8%;}
#dashboardCon .electionState ul:after{display:block;content:'';clear:both;}
#dashboardCon .electionState ul li{display:block;float:left;margin:0 0.8%;padding:23px;width:31.3333%;height:153px;border-radius:10px;box-sizing:border-box;}
#dashboardCon .electionState ul li.item1{background:#e5f6ff;}
#dashboardCon .electionState ul li.item2{background:#e4f8ee;}
#dashboardCon .electionState ul li.item3{background:#fdf6db;}
#dashboardCon .electionState ul li .title{display:block;margin-bottom:20px;font-size:20px;font-weight:bold;line-height:33px;}
#dashboardCon .electionState ul li img{display:inline-block;vertical-align:top;margin-right:8px;}
#dashboardCon .electionState ul li .num{display:block;text-align:right;color:#555;font-size:24px;letter-spacing:-1px;}
#dashboardCon .electionState ul li .num b{font-size:48px;}
#dashboardCon .electionState ul li.item1 .num b{color:#4768e2;}
#dashboardCon .electionState ul li.item2 .num b{color:#149154;}
#dashboardCon .electionState ul li.item3 .num b{color:#df6b1e;}
#dashboardCon .electionDetail{float:left;position:relative;margin-left:.3%;width:31.6%;height:220px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;overflow:hidden;}
#dashboardCon .electionDetail:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;width:135px;background:#f5f5f5;}
#dashboardCon .electionDetail ul li{display:block;position:relative;z-index:1;padding:8px 20px;padding-left:155px;letter-spacing:-1px;font-size:14px;}
#dashboardCon .electionDetail ul li .head{display:block;position:absolute;left:0;top:2px;padding:8px 0;padding-left:32px;width:135px;}
#dashboardCon .electionDetail ul li .head:after{display:block;content:'';position:absolute;left:20px;top:15px;width:5px;height:5px;border-radius:50%;background:#bbb;}
#dashboardCon .electionDetail.ecDetail{float:left;position:relative;margin-left:.3%;width:31.6%;height:220px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;overflow:hidden;} /* 20231226 추가 */
#dashboardCon .electionDetail.ecDetail:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;width:135px;background:white;}/* 20231226 추가 */
#dashboardCon .electionDetail.ecDetail ul li{display:block;position:relative;z-index:1;padding:8px 20px;padding-left:175px;letter-spacing:-1px;font-size:14px;}/* 20231226 추가 */
#dashboardCon .electionDetail.ecDetail ul li .head{display:block;position:absolute;left:0;top:2px;padding:8px 0;padding-left:32px;width:135px;}/* 20231226 추가 */
#dashboardCon .electionDetail.ecDetail ul li .head:after{display:block;content:'';position:absolute;left:20px;top:15px;width:5px;height:5px;border-radius:50%;background:#bbb;}/* 20231226 추가 */
#dashboardCon .electionType{float:left;margin-left:.7%;width:10.4%;height:220px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;}
#dashboardCon .electionType ul li{padding:8px;border-bottom:1px solid #ddd;letter-spacing:-1px;}
#dashboardCon .electionType ul li:last-child{border-bottom:0px none;}
#dashboardCon .electionType ul li .title{display:block;font-size:13px;font-weight:bold;color:#555;}
#dashboardCon .electionType ul li .num{display:block;text-align:right;color:#555;font-size:16px;}
#dashboardCon .electionType ul li .num b{color:#000;}
#dashboardCon .electionType ul li .txtBlue{color:#4768e2 !important;}
#dashboardCon .statusSubCon{position:relative;}
#dashboardCon .statusSubCon .statusItem{margin:0 0 20px;padding:25px 18px;border-radius:10px;}
#dashboardCon .statusSubCon .statusItem,
#dashboardCon .statusSubCon .statusItem .title{background:#1a2a39;}
#dashboardCon .statusSubCon .statusItem.type2,
#dashboardCon .statusSubCon .statusItem.type2 .title{background:#121d29;}
#dashboardCon .statusSubCon .statusItem.type3,
#dashboardCon .statusSubCon .statusItem.type3 .title{background:#12202d;}
#dashboardCon .statusSubCon .dataState{position:absolute;right:0;top:20px;padding:23px 45px;width:270px;height:660px;background:#111d27;border-radius:10px;box-sizing:border-box;}
#dashboardCon .statusSubCon .dataState .title{display:block;color:#fff;font-size:16px;text-align:center;}
#dashboardCon .statusSubCon .dataState .title.absol{font-size:14px;margin-bottom:10px;}
#dashboardCon .statusSubCon .dataState .topBlock{display:block;position:relative;margin-bottom:30px;}
#dashboardCon .statusSubCon .dataState .topBlock:before{display:block;content:'';position:absolute;left:50%;margin-left:-4px;bottom:-3.5px;width:7px;height:7px;border-radius:50%;background:#fff;z-index:2;}
#dashboardCon .statusSubCon .dataState .topBlock:after{display:block;content:'';position:absolute;left:50%;bottom:-30px;margin-left:-2px;height:30px;border-right:2px dotted #6c7379;}
#dashboardCon .statusSubCon .dataState ul{position:relative;padding-top:19px;}
#dashboardCon .statusSubCon .dataState ul:before{display:block;content:'';position:absolute;left:50%;margin-left:-4px;top:-2px;width:7px;height:7px;border-radius:50%;background:#fff;z-index:2;}
#dashboardCon .statusSubCon .dataState ul:after{display:block;content:'';position:absolute;left:40px;top:0;width:54px;border-top:2px dotted #6c7379;}
#dashboardCon .statusSubCon .dataState ul li{display:block;position:relative;margin-bottom:40px;padding:5px 0 5px 85px;}
#dashboardCon .statusSubCon .dataState ul li:before{display:block;content:'';position:absolute;left:37px;top:-21px;width:7px;height:7px;border-radius:50%;background:#fff;z-index:2;}
#dashboardCon .statusSubCon .dataState ul li:after{display:block;content:'';position:absolute;top:-20px;bottom:-20px;left:39px;border-left:2px dotted #6c7379;}
#dashboardCon .statusSubCon .dataState ul li:last-child:after{bottom:0;}
#dashboardCon .statusSubCon .dataState ul li .blockState{display:block;position:absolute;left:0;top:0;z-index:3;}
#dashboardCon .statusSubCon .dataState ul li .desc{display:block;font-size:14px;color:#bbb;}
#dashboardCon .statusSubCon .dataState ul li .desc b{display:block;font-size:24px;font-weight:bold;color:#fff;letter-spacing:-1px;}
#dashboardCon .rMateH5__ScrollBar{margin-top:60px;height:6px !important;background-color:#13181c;border-radius:2.5px;overflow:hidden;}
#dashboardCon .rMateH5__HScrollTrack{height:6px !important;}
#dashboardCon .rMateH5__HScrollTrack, 
#dashboardCon .rMateH5__VScrollTrack{border-color:#13181c;}
#dashboardCon .rMateH5__HScrollThumb, 
#dashboardCon .rMateH5__VScrollThumb{top:0px !important;left:0px;height:5px !important;background-color:#ccc;border-radius:2.5px;}
#dashboardCon .rMateH5__HScrollUpArrow,
#dashboardCon .rMateH5__HScrollDownArrow{display:none;}
#dashboardCon .rMateH5__Legend{z-index:2;}

/* 선거그룹관리 대시보드 */
#dashboardCon .progElectionElecGrp {padding-left:0px;}
#dashboardCon .tableSortElecGrp {width:100%;}

.subTitleTxt .title{font-size:14px !important; padding-left:60px; padding-bottom:5px;}

/* 메인 */
#wrap.main{background:url(../images/bg_wrap_main_bl.jpg) no-repeat center top;background-size:100% 710px;} /* 20240416, bg_wrap_main.jpg -> bg_wrap_main_bl.jpg*/
.mainVisual{padding-top:30px;height:520px;}
.mainVisual .title{display:block;margin-bottom:40px;font-size:19px;color:#70ddf1;letter-spacing:-1px;text-align:center;}
.mainVisual .title b{display:block;margin-bottom:15px;color:#fff;font-size:47px;letter-spacing:-3px;}
.mainVisual ul{margin:0 125px;padding-top:10px;}
.mainVisual ul:after{display:block;content:'';clear:both;}
.mainVisual ul li {display:block;float:left;padding:0 10px;box-sizing:border-box;}
.mainVisual ul li a{display:block;padding-top:35px;height:230px;background:#fff;border-radius:15px;text-align:center;box-sizing:border-box;}
.mainVisual ul li a:hover{margin-top:-10px;transition:0.2s;}
.mainVisual ul li:nth-child(even) a{background:#deeaff;}
.mainVisual ul li a b{display:block;margin-bottom:15px;padding-top:5px;color:#2d4694;font-size:24px;letter-spacing:-1.5px;}
.mainVisual ul li a em{display:inline-block;width:39px;height:24px;background:url(../images/icon_mainQuick_ar.png) no-repeat;text-indent:-9999em;}
.mainVisual ul li:nth-child(even) a em{background:url(../images/icon_mainQuick_ar2.png) no-repeat;}
.mainVisual p{font-size:15px;color:#fff;line-height:160%;letter-spacing:-.5px;text-align:center;}
.mainRow{padding:45px 0;letter-spacing:-1px;}
.mainRow:after{display:block;content:'';clear:both;}
.mainRow h3{font-size:22px;color:#3c4d82;}
.mainNotice{float:left;position:relative;padding:15px 40px 10px 0;width:65%;box-sizing:border-box;border-right:1px solid #ececec;}
.mainNotice h3{display:block;margin-bottom:10px;}
.mainNotice ul li{display:block;position:relative;padding:8px 120px 8px 14px;}
.mainNotice ul li:after{display:block;content:'';position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;background:#6e88ff;}
.mainNotice ul li a{display:block;font-size:17px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.mainNotice ul li a:hover{text-decoration:underline;}
.mainNotice ul li .date{display:block;position:absolute;right:0;top:8px;color:#828282;font-size:18px;}
.mainPopZone .bx-wrapper{border-radius:15px;overflow:hidden; position:relative; height:220px;}
.mainPopZone{float:left;padding-left:40px;width:35%;box-sizing:border-box;}
.mainPopZone li a{display:block;border-radius:15px;overflow:hidden; background-color:#f6f6f6;height:220px;}
.mainPopZone li img{height:220px;width:100%;}
.mainPopZone .bx-pager{position:absolute;left:0;right:0px;bottom:12px; text-align:center;}
.mainPopZone .bx-pager-item{display:inline-block;vertical-align:middle;margin:0 4px;}
.mainPopZone .bx-pager a{display:block;width:10px;height:10px;border-radius:50%;background:#fff;text-indent:-9999em;box-shadow:1px 2px 3px rgba(0,0,0,0.2);}
.mainPopZone .bx-pager a.active{width:16px;height:16px;background:#6e88ff;}
.mainPopZone li a:after{display:none;content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:3px dashed #ff0000;}
.mainPopZone li a:focus:after{display:block;}

.mainPopZone .bx-start{width:20px;height:20px;background:url("../images/visual-start.png") center no-repeat;text-indent:-9999px;background-size:100%;}
.mainPopZone .bx-stop{width:20px;height:20px;background:url("../images/visual-stop.png") center no-repeat;text-indent:-9999px;background-size:100%;}
.bx-controls-auto-item{position:absolute;bottom:10px;bottom:5px;display:flex;right:135px;bottom:10px;z-index:998;box-shadow:0px 1px 6px rgba(0,0,0,0.5);border-radius:50px;}

.mainRow.type2{padding:45px 0;background:#f5f6fb;}
.mainRow.type2 h3{margin-bottom:18px;}
.mainRow.type2 h3 span{display:inline-block;margin-left:20px;padding-left:20px;border-left:1px solid #c8c8c8;font-size:16px;color:#090909;font-weight:500;line-height:16px;}
.mainRow.type2 h3 span b{display:inline-block;margin-left:8px;font-size:20px;color:#3c4d82;font-weight:700;}
.mainListCon{float:left;position:relative;width:65%;}
.mainListCon ul{margin:0 -11px;}
.mainListCon ul li{display:block;float:left;padding:0 11px;width:33.3333%;box-sizing:border-box;}
.mainListCon ul li a{display:block;position:relative;padding:40px 30px;height:280px;background:#fff;border:1px solid #fff;border-radius:15px;box-sizing:border-box;box-shadow:1px 1px 9px #ebebeb;}
.mainListCon ul li a:hover{border:1px solid #3c4d82;transition:.3s;}
.mainListCon ul li .title{display:block;display:-webkit-box;height:108px;line-height:27px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;white-space:inherit;font-size:19px;word-break: break-all;}
.mainListCon ul li .name{display:block;position:absolute;bottom:40px;left:30px;font-size:15px;color:#3c4d82;}
.mainListCon .btnMore{position:absolute;right:0;top:0;width:36px;height:36px;border-radius:50%;border:1px solid #b3b7bd;background:url(../images/icon_mainTabCon_btnMore.png) no-repeat center;text-indent:-9999em;box-sizing:border-box;}
.mainListCon.type2{padding-left:40px;width:35%;box-sizing:border-box;}
.mainListCon.type2 ul{margin:0;padding:15px 0;border-radius:15px;overflow:hidden;background:#fff;box-shadow: 1px 1px 9px #ebebeb;}
.mainListCon.type2 ul li{float:none;padding:2px 30px;width:auto;}
.mainListCon.type2 ul li a{padding:13px 0;height:auto;border-radius:0;border:0px none;border-bottom:1px solid #ececec;box-shadow: none;}
.mainListCon.type2 ul li:last-child a{border-bottom:0px none !important;}
.mainListCon.type2 ul li .title{display:block;margin-bottom:8px;height:auto;line-height:130%;white-space:nowrap;}
.mainListCon.type2 ul li .name{position:static;}
.mainListCon.type2 ul li a:hover{border:0px none;border-bottom:1px solid #ececec;transition:none;}
.mainListCon.type2 ul li a:hover .title{text-decoration: underline;}
.mainLinkItem{float:right;padding-top:10px;padding-left:20px;width:30%;box-sizing:border-box;}
.mainLinkItem h3{margin-bottom:25px;}
.mainLinkItem a{display:block;padding-left:120px;min-height:130px;font-size:18px;line-height:130%;box-sizing:border-box;}
.mainLinkItem a:hover{text-decoration:underline;}
.mainLinkItem .item1{padding-top:25px;background:url(../images/icon_mainLinkItem1.png) no-repeat left top;border-bottom:1px solid #e9e9e9;}
.mainLinkItem .item2{padding-top:55px;background:url(../images/icon_mainLinkItem2.png) no-repeat left 30px;}
.mainBanner{padding:50px 80px 50px 0;}
.mainBanner ul li a{display:block;padding:0 8px;height:74px;border:1px solid #dcdcdc;overflow:hidden;}
.mainBanner .slick-list{margin:0 -4px;}
.mainBanner .slick-slide{margin:0 4px;line-height:72px;}
.mainBanner .slick-arrow{display:block;position:absolute;top:25px;width:11px;height:19px;border:0px none;text-indent:-9999em;}
.mainBanner .slick-prev{right:-30px;background:url(../images/icon_mainBanner_prev.gif) no-repeat;}
.mainBanner .slick-next{right:-80px;background:url(../images/icon_mainBanner_next.gif) no-repeat;}
.mainBanner .bannerCtrl a{display:block;position:absolute;top:75px;right:25px;width:11px;height:19px;text-indent:-9999em;}
.mainBanner .bannerCtrl .slick-stop{background:url(../images/icon_mainBanner_stop.gif) no-repeat;}
.mainBanner .bannerCtrl .slick-start{display:none;right:24px;background:url(../images/icon_mainBanner_start.gif) no-repeat;}
.main #footer{background:#575757;color:#fff;}
.main #footer .fMenu li a{color:#fff;}

/* slickSlider */
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;box-sizing:border-box;text-align:center;}
.slick-slide img{display:inline-block;max-width:100%;max-height:100%;}
.slick-slide.slick-loading img{display:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

/* 통합검색 */
.totalSearch{}
.totalSearch .topResult{margin-bottom:30px;font-size:20px;text-align:center;color:#333;font-weight:bold;}
.totalSearch .h4Content{position:relative;}
.totalSearch .h4Content .btnMore{display:block;position:absolute;right:0;top:-5px;padding:0;width:88px;text-align:center;}
.totalSearch .tableBox .list td .file{vertical-align:text-top;}

/* 온라인투표이용안내 */
.votingInfo:after{display:block;content:'';clear:both;}
.votingInfo li{display:block;position:relative;padding-top:70px;padding-left:51%;min-height:240px;box-sizing:border-box;}
.votingInfo li + li{margin-top:55px;}
.votingInfo li:after{display:block;content:'';position:absolute;left:51%;right:0;bottom:0;border-top:1px solid #dcdcdc;}
.votingInfo .img{display:block;position:absolute;left:0;top:0;width:calc(50% - 30px);}
.votingInfo .img:after{display:block;content:'';position:absolute;left:50%;margin-left:-14px;bottom:-37px;width:28px;height:37px;background:url(../images/icon_votingInfo_ar.gif) no-repeat;}
.votingInfo li:last-child .img:after{display:none;}
.votingInfo .img img{max-width:100%;}
.votingInfo li .title{display:block;font-size:20px;font-weight:bold;line-height:40px;}
.votingInfo li .title .num{display:inline-block;margin-right:8px;width:40px;height:40px;border-radius: 50%;background:#ff8954;line-height:40px;color:#fff;font-weight:bold;text-align:center;}
.votingInfo li .desc{display:block;padding-left:50px;line-height:160%;font-size:16px;letter-spacing:-1px;}
.votingInfo li.type2{padding-top:30px;}
.votingInfo li.type2 > div{margin-left:40px; padding-bottom:20px;}
.votingInfo li .desc + .title{margin-top:20px !important;}

.votingInfo.type2{text-align:center;}
.votingInfo.type2 li{display:inline-block;margin:0 45px;padding-left:0;padding-top:0;}
.votingInfo.type2 li .img{position:relative;width:auto;}
.votingInfo.type2 li .title{position:relative;margin-top:-20px;margin-bottom:5px;z-index:1;}
.votingInfo.type2 li .title .num{display:block;margin:0 auto 10px;}
.votingInfo.type2 li .desc{padding-left:0;}
.votingInfo.type2 li:after{display:none;}
.votingInfo.type2 .img:after{right:-70px;top:40%;left:initial;width:50px;height:28px;background:url(../images/icon_votingInfo_ar2.png) no-repeat;}
.votingInfo.type2.col3 li{display:block;float:left;margin:0;width:33.3333%;}
.votingInfo.type2.col3 .img:after{right:-25px;z-index:2;}

.votingInfo.smartPhone{padding:20px 0;}
.votingInfo.smartPhone li{padding:0;min-height:inherit;display:flex;width:100%;box-sizing:border-box;}
.votingInfo.smartPhone li .img{width:25%;position:relative;padding:0;margin:0;}
.votingInfo.smartPhone li .txt{width:calc(75% - 50px);display:flex;align-items:center;border-bottom:1px solid #dcdcdc; margin-left:50px;box-sizing:border-box;}
.votingInfo.smartPhone li:after{display:none;}

.votingInfo li .title .num{background:#eb5714;}

/* 투표확인 검증 */
.verifiCon{margin-bottom:30px;padding:30px;border:2px solid #e1e1e1;border-radius:12px;}
.verifiCon .title{display:block;float:left;margin-bottom:10px;font-size:16px;line-height:34px;}
.verifiCon .btn{float:right;}
.verifiCon .verifiItem{clear:both;padding:25px;background:#e1f1f7;border-radius:5px;text-align:center;}
.verifiCon .verifiItem span{display:inline-block;vertical-align:middle;margin:0 5px;width:100px;height:100px;background:#2196f3;border-radius:50%;color:#fff;font-weight:bold;font-size:50px;line-height:100px;}
.verifiCon .verifiItem.type2{background:#ffe6c7;}
.verifiCon .verifiItem.type2 span{background:#f38600;}
.modalWrap .verifiCon .verifiItem{margin-bottom:20px;}
.modalWrap .verifiCon .verifiItem span{margin:0 3px;width:65px;height:65px;font-size:35px;line-height:65px;}

.verifi-title{text-align:center;font-size:28px;margin-bottom:20px;font-weight:600;}
.verifi-title span{padding-left:60px;background:url(../images/icon_previewVote_on.png) left center no-repeat; line-height:50px;display:inline-block;}

/* 투개표검증 */
.voteVerifiCon .titleArea .left{float:left;font-size:28px;}
.voteVerifiCon .titleArea h3{line-height:44px;}
.voteVerifiCon .titleArea h3 em{display:inline-block;vertical-align:bottom;font-size:25px;font-weight:normal;}
.voteVerifiCon .titleArea .right{margin-top:5px;}
.voteVerifiCon .titleArea .right span{display:inline-block;margin-left:20px;}
.voteVerifiCon .titleArea .right span em{display:inline-block;vertical-align:top;margin:0 3px;color:#cdcdcd;font-size:8px;}
.voteVerifiCon .particiInfo{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #878888;}
.voteVerifiCon .particiInfo > div{margin-right:1%;padding:20px;height:140px;}
.voteVerifiCon .particiInfo > div:last-child{margin-right:0;}
.voteVerifiCon .particiInfo .item1{width:32.3333%;}
.voteVerifiCon .particiInfo .item2{width:33.3333%;}
.voteVerifiCon .particiInfo .title{margin-bottom:10px;}
.voteVerifiCon .tabBar{margin-bottom:50px;}
.voteVerifiCon .tabBar li{margin:0 .5%;width:49%;}
.dataVeritiCon{position:relative;padding-left:205px;}
.dataVeritiCon .dataResult{position:absolute;left:0;top:0;padding:28px 5px 0;width:195px;height:285px;background:#f6f6f6;border:1px solid #dcdcdc;box-sizing:border-box;}
.dataVeritiCon .dataResult .title{display:block;margin-bottom:15px;font-size:20px;font-weight:bold;text-align:center;}
.dataVeritiCon .dataResult .nodeItem{display:block;margin:0 auto 15px;width:102px;height:96px;background:url(../images/img_blockChain_dataState.png) no-repeat center bottom;}
.dataVeritiCon .dataResult .dataNum{display:block;font-size:32px;text-align:center;font-weight:bold;letter-spacing:-1px;color:#000;}
.dataVeritiCon .nodeList{margin-bottom:50px;}
.dataVeritiCon .nodeList:after{display:block;content:'';clear:both;}
.dataVeritiCon .nodeList > li{display:block;float:left;padding-top:35px;width:25%;height:285px;border-right:1px solid #e5e5e5;box-sizing:border-box;text-align:center;}
.dataVeritiCon .nodeList .nodeItem{display:block;position:relative;margin:0 auto 10px;width:114px;height:107px;background:url(../images/icon_nodeItem.png) no-repeat center;}
.dataVeritiCon .nodeList .nodeItem em{display:block;position:absolute;right:-6px;top:-10px;width:40px;height:40px;border-radius:50%;text-align:center;font-size:12px;font-weight:bold;color:#fff;line-height:40px;}
.dataVeritiCon .nodeList > li.item1 .nodeItem{background:url(../images/icon_nodeItem1.png) no-repeat center;}
.dataVeritiCon .nodeList > li.item2 .nodeItem{background:url(../images/icon_nodeItem2.png) no-repeat center;}
.dataVeritiCon .nodeList > li.item1 .nodeItem em{background:#0bb074;}
.dataVeritiCon .nodeList > li.item2 .nodeItem em{background:#f95c56;}
.dataVeritiCon .nodeList .nodeItem.loading{position:relative;background:url(../images/icon_loading.gif) no-repeat center;background-size:200px auto;}
.dataVeritiCon .nodeList .title{display:block;font-size:15px;font-weight:bold;text-align:center; margin-bottom:15px;}
.dataVeritiCon .nodeList .num{display:block;margin-bottom:20px;font-size:30px;font-weight:bold;text-align:center;color:#02ae6f;}
.dataVeritiCon .nodeList > li.item2 .num{color:#fa5a54;}
.dataVeritiCon.type2 {padding-bottom:240px;}
.dataVeritiCon.type2 .dataResult{height:205px;}
.dataVeritiCon.type2 .nodeList > li{position:relative;height:205px;}
.dataVeritiCon.type2 .nodeDataList{position:absolute;top:205px;left:4px;right:4px;margin-top:25px;padding:15px;border:1px solid #2590b3;border-radius:5px;}
/*
.dataVeritiCon.type2 .nodeDataList::before{display:block;content:'';position:absolute;top:-22px;left:50%;margin-left:-.5px;height:22px;border-right:1px solid #2590b3;}
.dataVeritiCon.type2 .nodeDataList:after{display:block;content:'';position:absolute;top:-33px;left:50%;margin-left:-6px;width:12px;height:12px;background:#fff;border:3px solid #34a3c7;border-radius:50%;box-sizing:border-box;}
*/
.dataVeritiCon.type2 .nodeDataList li{display:block;border-bottom:1px solid #e8e8e8;font-size:14px;letter-spacing:-.5px;line-height:30px;text-align:right;}
.dataVeritiCon.type2 .nodeDataList li:last-child{border-bottom:0px none;}
.dataVeritiCon.type2 .nodeDataList li b{display:inline-block;float:left;text-align:left;}

/*20221212 동형암호*/
.dataVeritiCon.type2 .nodeDataListHe{position:absolute;top:310px;left:4px;right:4px;margin-top:25px;padding:15px;border:1px solid #c63e30;border-radius:5px;}
/*
.dataVeritiCon.type2 .nodeDataListHe::before{display:block;content:'';position:absolute;top:-22px;left:50%;margin-left:-.5px;height:22px;border-right:1px solid #c63e30;}
.dataVeritiCon.type2 .nodeDataListHe:after{display:block;content:'';position:absolute;top:-33px;left:50%;margin-left:-6px;width:12px;height:12px;background:#fff;border:3px solid #c63e30;border-radius:50%;box-sizing:border-box;}
*/
.dataVeritiCon.type2 .nodeDataListHe li{display:block;border-bottom:1px solid #e8e8e8;font-size:14px;letter-spacing:-.5px;line-height:30px;text-align:right;}
.dataVeritiCon.type2 .nodeDataListHe li:last-child{border-bottom:0px none;}
.dataVeritiCon.type2 .nodeDataListHe li b{display:inline-block;float:left;text-align:left;}


.verifiInfoCon{padding:50px 80px;background:#f8f8f8;border-radius:10px;text-align:center;}

/* 서비스개요 */
.checkList{background:#f6f6f6;border:1px solid #e1e1e1;border-top:0px none;border-radius:8px;overflow:hidden;margin-bottom:55px;}
.checkList:after{display:block;content:'';clear:both;}
.checkList li{display:block;float:left;padding:30px 40px;width:50%;box-sizing:border-box;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.checkList li:nth-child(even){border-right:0px none;}
.checkList li .title{display:block;padding-left:25px;background:url(../images/icon_checkList.png) no-repeat left center;font-size:16px;font-weight:bold;color:#2358ae;}
.checkList li .desc{display:block;font-size:14px;}
.votingExpSlider{position:relative;z-index:1;}
.votingExpSlider li{border:1px solid #dcdcdc;border-radius:15px;}
.votingExpSlider li img{border-top-left-radius:15px;border-top-left-radius:15px;}
.votingExpSlider .bx-controls-direction a{display:block;position:absolute;top:50%;margin-top:-24.5px;width:49px;height:49px;border:0px none;text-indent:-9999em;z-index:51;}
.votingExpSlider .bx-prev{left:-25px;background:url(../images/icon_votingExpSlider_prev.png) no-repeat;}
.votingExpSlider .bx-next{right:-25px;background:url(../images/icon_votingExpSlider_next.png) no-repeat;}
.votingExpSlider li .desc{display:block;padding:20px 40px 20px 65px;background:#f6f6f6 url(../images/icon_votingExpSlider_check.png) no-repeat 40px 24px;;border-top:1px solid #e1e1e1;border-bottom-left-radius:15px;border-bottom-right-radius:15px;font-size:16px;font-weight:bold;color:#2358ae;line-height:145%;text-align:left;}

/* 사이트 안내 */
.persnal_info_con{padding-top:30px;}
.persnal_info_con .txt_bold {font-weight:bold !important;}
.persnal_info_con h4 {text-align:center; font-size:21px; font-weight:bold; color:#202229;}
.persnal_info_con h4>span {display:block; font-size:13px; color:#1989ff;}
.persnal_info_con .sec {margin-top:40px;}
.persnal_info_con .sec_line {padding-bottom:20px;}
.persnal_info_con .sec_line+.sec {margin-top:20px;}
.persnal_info_con li.sec_tit {font-size:17px; font-weight:bold; padding-bottom:5px; color:#1d3b8b; margin-bottom:30px;}
.persnal_info_con li.sec_tit ul li {font-size:14px; font-family: 'Nanum'; color:#393e49; margin-top:3px; margin-left:20px;}
.persnal_info_con li.sec_tit ul li:first-child {margin-top:6px;}
.persnal_info_con li.sec_tit ul li.sec_box {background-color:#ecf7ff; border:1px solid #a0d6ff; padding:15px 10px; margin-top:10px; margin-bottom:10px;}
.persnal_info_con li.sec_tit ul li.sec_box p{position:relative;padding-left:15px;}
.persnal_info_con li.sec_tit ul li.sec_box p:before{display:block;content:'';position:absolute;left:5px;top:9px;width:3px;height:3px;background:#2358ae;}
.persnal_info_con li.sec_tit ul li.sec_txt {margin-top:6px; margin-bottom:10px;}
.persnal_info_con li.sec_tit ul li.sec_txt p {margin-top:5px;}
.before_personal_info {width: 100%; height: 450px;padding: 10px; margin: 0; overflow: auto;}
.content_box .persnal_info_con, 
.content_box .persnal_info_con li.sec_tit,
.content_box .persnal_info_con li.sec_tit ul li {font-size:13px !important;}
.content_box .persnal_info_con .sec:first-child {margin-top:0;}
.content_box .persnal_info_con .sec {margin-top:20px;}
.content_box .persnal_info_con li.sec_tit {margin-bottom:10px; margin-top:10px;}
.content_box .persnal_info_con li.sec_tit ul li span {display:inline;}
.termMenu_vote{padding:25px;background:#ecf7ff;border:1px solid #a0d6ff;}
.termMenu_vote ul:after{display:block;content:'';clear:both;}
.termMenu_vote li{float:left;margin:5px 0;width:33.3333%;box-sizing:border-box;}
.termMenu_vote li a:hover{font-weight:bold;color:#1d3b8b;}
.persnal_info_con .btn_default{display:inline-block;vertical-align:middle;margin-left:10px;width:42px;height:24px;line-height:24px;background:#2590b3;border-radius:4px;text-align:center;color:#fff;font-size:13px;}
.persnal_info_con ol li{margin-bottom:5px;}
.persnal_info_con ol .txt_gray{padding:10px 15px;font-size:14px;color:#3c3c3c;}

/* 프로그레스바 */
.modalWrap .loadingBox{position:relative;top:inherit;left:inherit;margin:0;padding-top:200px;width:auto;background:url(../images/loaging_ani.gif) no-repeat center 10px;}
.modalWrap .loadingBox p{color:#333;}
.modalWrap .loadingBox .loading{position:relative;height:32px;line-height:32px;border:1px solid #d7d7d7;box-sizing:border-box;}

/* 프로그레스바 - 업로드 */
.modalWrap .voterNameList{position:relative;top:inherit;left:inherit;margin:0;padding-top:180px;width:auto;background:url(../images/uploadVote.gif) no-repeat center 10px;}
.modalWrap .loadingBox p{color:#333;}
.modalWrap .voterNameList .loading{position:relative;height:32px;line-height:32px;border:1px solid #d7d7d7;box-sizing:border-box;}

/* 프로그레스바 - 다운로드 */
.modalWrap .infoDownload{position:relative;top:inherit;left:inherit;margin:0;padding-top:180px;width:auto;background:url(../images/downloadVote.gif) no-repeat center 10px;}
.modalWrap .loadingBox p{color:#333;}
.modalWrap .infoDownload .loading{position:relative;height:32px;line-height:32px;border:1px solid #d7d7d7;box-sizing:border-box;}

/* 후보자 정보 */
.candidateList{border-top:1px solid #ddd;}
.candidateList > li{display:table;position:relative;padding:30px 20px;width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;}
.candidateList > li .col1{width:120px;text-align:center;display:table-cell;box-sizing:border-box;}
.candidateList > li .col2{width:auto;vertical-align:top;padding:10px 117px 30px 20px;text-align:left;display:table-cell;box-sizing:border-box;}
.candidateList > li .btnSet{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);}
.candidateList > li .btnSet a{display:block;width:100px;margin:5px 0;}
.candidateList > li .num{display:block;text-align:center;font-size:15px;color: #1989ff;}
.candidateList > li .cate{display:block;text-align:center;font-size:15px;color:#1787ac;font-weight:bold;margin-bottom:3px;}
.candidateList > li .name{display:block;text-align:center;font-size:20px;font-weight:bold;}
.candidateList .img{display:block;margin:5px;padding:5px;width:104px;height:144px;box-sizing:border-box;border:1px solid #ddd;text-align:center; position:relative;}/* 20240912, width, height 변경 */
.candidateList .img img{display:block;width:100%;height:100%;}
.candidateList .img .status{display:block;position:absolute;left:0;bottom:0;right:0;height:30px;line-height:30px;color:#fff;font-size:13px;font-weight:600; background-color:rgba(161,150,138,0.9);}
.candidateList .col1 .cate{display:block;text-align:center;font-size:14px;}
.candidateList .col2 .cate{display:block;word-break:break-all; margin-bottom:8px;color:#f95c56;font-weight:bold;font-size:17px;}
.candidateList .promiseList + .btn.small{margin-top:8px;} 
.candidateList .txt-catp{font-size:18px;color:#f95c56;font-weight:600;margin-bottom:10px;} 

.promiseList{clear:both;}
.promiseList li{margin:2px 0;padding-left:65px !important;}
.promiseList li b{display:inline-block;margin-right:15px;color:#2358ae; position:absolute;left:10px;top:2px;}
.modalWrap.big{margin-left:-500px;width:1000px;}
.candiListPop:after{display:block;content:'';clear:both;}
.candiListPop > li{display:block;float:left;margin:10px 1%;padding:20px 10px;width:31.3333%;box-sizing:border-box;border:1px solid #d7d7d7;}
.candiListPop > li .topArea{display:block;margin-bottom:20px;text-align:center;}
.candiListPop > li .img{display:block;float:left;margin-right:15px;padding:8px;width:85px;height:100px;border:1px solid #ddd;box-sizing:border-box;}
.candiListPop > li .img img{display:block;width:100%;height:100%;}
.candiListPop > li .candiInfo{display:block;float:left;font-size:15px;color:#1787ac;}
.candiListPop > li .candiInfo b{display:block;margin-top:8px;font-size:18px;color:#222;}
.candiListPop .promiseList{padding-top:15px;}

/* 20220114 추가 */
.textareaBox{display:block;margin-bottom:10px;padding:10px;height:auto; min-height:200px; word-break:break-all; border:1px solid #ddd;box-sizing: border-box;line-height:135%;font-size:14px;}
.textareaBox.readonly{background-color:#eee;color:gray;display:block;margin-bottom:10px;padding:10px;height:auto; min-height:200px; word-break:break-all; border:1px solid #ddd;box-sizing: border-box;line-height:135%;font-size:14px;}
.msgSelectCon .msgCateList{margin-bottom:30px;width:100%;box-sizing:border-box;border-left:1px solid #d7d7d7;border-top:2px solid #1787ac;font-size:14px;}
.msgSelectCon .msgCateList th{background:#f4fcff;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;text-align:center;color:#1787ac;}
.msgSelectCon .msgCateList td{border:1px solid #d7d7d7;border-top:0px none;border-left:0px none;}
.msgSelectCon .msgCateList td a{display:block;position:relative;padding:12px 10px;padding-right:30px;}
.msgSelectCon .msgCateList td a:after{display:block;content:'';position:absolute;right:10px;top:50%;margin-top:-8px;width:16px;height:16px;background:url(../images/icon_msgCateList_ar.png) no-repeat center;border:1px solid #ddd;border-radius:50%;}
.msgSelectCon .msgCateList td.active{background:#1787ac;}
.msgSelectCon .msgCateList td.active a{color:#fff;font-weight:bold;}
.msgSelectCon .msgCateList td.active a:after{background:#1787ac url(../images/icon_open.png) no-repeat center;border:1px solid #fff;}
.msgSelectCon .msgChangeItem:after{display:block;content:'';clear:both;}
.msgSelectCon .msgChangeItem div{position:relative;padding:25px 15px;width:42%;border-radius:15px;}
.msgSelectCon .msgChangeItem .leftItem{float:left;background:#e7e7e7;}
.msgSelectCon .msgChangeItem .rightItem{float:right;background:#d6eff7;}
.msgSelectCon .msgChangeItem .title{display:block;margin-bottom:15px;font-size:16px;text-align:center;}
.msgSelectCon .msgChangeItem .byte{display:block;position:absolute;right:15px;top:25px;font-size:13px;color:#2358ae;}
.msgSelectCon .msgChangeItem textarea{display:block;width:100%;height:150px;box-sizing: border-box;resize: none;}
.msgSelectCon .msgChangeItem .leftItem textarea{background:#f5f5f5;}
.msgSelectCon .msgChangeItem .leftItem:after{display:block;content:'';position:absolute;right:-16%;top:50%;margin-top:-14px;width:50px;height:28px;background:url(../images/icon_votingInfo_ar2.png) no-repeat;}
.msgSelectCon .typeItem{padding:15px 0;text-align:right;}
.contentLoading{position:absolute;margin:0 auto;padding:160px 30px 70px;left:50%;top:50%;margin-top:-125px;margin-left:-200px;width:400px;background:#fff url(../images/icon_loading.gif) no-repeat center 20px;background-size:auto 150px;box-sizing: border-box;text-align:center;font-weight:bold;}

@media print {    
    .modalContent div *{page-break-inside: avoid;}
}

/* 20220216 */
/* layout */
#spotWrap{background:#fff;}
#spotHeader{height:120px;background:url(../images/bg_wrap_bl.jpg) repeat center top;} /* 20240513 bg_screenConWrap_new.jpg -> bg_wrap_bl.jpg */
#spotHeader h1{position:absolute;left:0;top:47px;}
#spotHeader h1 a img{vertical-align:top;}
#spotHeader .hTop{padding:12px 10px;font-size:13px;color:#fff;line-height:120%;text-align:right;}
#spotHeader .hTop .msg{display:inline-block;position:relative;padding-left:25px;}
#spotHeader .hTop .msg:before{display:block;position:absolute;left:0;top:0;content:'';width:16px;height:14px;background:url(../images/icon_msg.png) no-repeat center;}
#spotHeader .hTop a{color:#fff;}
#spotHeader .hTop a.login{margin-left:15px;padding-left:15px;border-left:1px solid #658dc5;}
#spotHeader .hTop a:hover{font-weight:600;text-decoration:underline;}
#spotGnb{float:right;padding:0;}
#spotGnb ul li{display:inline-block;padding:0 20px;}
#spotGnb ul li a{display:block;position:relative;font-size:18px;color:#fff;line-height:80px;}
#spotGnb ul li a:hover,
#spotGnb ul li.active a{color:#78deff;font-weight:bold;}
#spotWrap #content{min-height:500px;padding:40px 0;}
#spotWrap #conTop h3{padding-left:20px;}
#spotWrap #subContent{padding:0 50px;}
#spotWrap #footer{border:1px solid #ccc;}

/* popup */
#spotPop{padding:20px;background:#f3f3f3;}
#spotPop .box{padding:50px 30px;background:#fff;border:2px solid #ccc;}
#spotPop h1{margin-bottom:50px;text-align:center;}
#spotPop .spotList{margin-bottom:20px;}
#spotPop .spotList > li{position:relative;padding:7px 0 7px 12px;font-size:15px;border-bottom:1px solid #ccc;box-sizing:border-box;}
#spotPop .spotList > li:before{display:block;content:'';position:absolute;left:0;top:15px;width:3px;height:3px;background:#2358ae;}
#spotPop .spotList > li b{display:inline-block;width:120px;}
#spotPop .spotBox{margin-bottom:50px;padding:30px 12px;background:#f3f3f3;}
#spotPop .spotBox span{display:inline-block;width:120px;font-size:14px;}
#spotPop .spotBox b{font-size:20px;color:#000;}
#spotPop .spotInfo .title{display:block;margin-bottom:10px;font-size:16px;color:#2358ae;}
#spotPop .spotInfo .list li{padding:2px 0;}

.emptyData{padding:50px 0;font-size:18px;text-align:center;}
.emptyData b{display:block;margin-top:15px;}

/* 2022-04-05 추가 */
.sec-guide{margin-bottom:10px;}
.tableBox .sec-table{}
.tableBox .sec-table table{width:100%;table-layout:fixed;border-bottom:1px solid #dedede;}
.tableBox .sec-table table th{text-align:center; border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:15px;height:auto;}
.tableBox .sec-table table th + th{border-left:1px solid #dedede;}
.tableBox .sec-table table td{text-align:left; padding:20px; box-sizing:border-box;}
.tableBox .sec-table table td + td{border-left:1px solid #dedede;}
.tableBox .sec-table .inputList li{margin:5px 0;}


/* 서비스신청 */
.modalWrap#fileAttach .tableBox{border-top:none;}
.modalWrap#fileAttach .tableBox .form th, 
.modalWrap#fileAttach .tableBox .form td{padding:6px 0;height:auto;}
.modalWrap#fileAttach .tableBox .form th{padding-right:30px;}

/* 2022-05-10 추가 */
* {padding: 0;margin: 0;}
body, html {height: 100%;}
.modal .btn{cursor: pointer;border: 1px solid #999999;text-align: center;border-radius: 5px;outline: none;font-weight: 500;}
.dimLayer{display: block;width: 100%;background-color: rgba(0, 0, 0, 0.3);position: fixed;left: 0;top: 0px;margin: 0;padding: 0; z-index:3;}
.modal{width: 600px;height: 252px;border-radius: 10px;padding: 80px 24px;box-sizing: border-box;text-align: center;}
.modal-section{background: #ffffff;box-sizing: border-box;display: none;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;z-index: 9999;}
.menu_msg{font-size: 21px;font-weight: 500;}
.enroll_box p{padding-bottom: 56px;}
.gray_btn {width: 90px;background: #ffffff;color: #999999;height: 36px;line-height: 36px;transition: 0.5s;font-size: 17px;}
.pink_btn {width: 90px;background: cornflowerblue;color: #fff;height: 36px;line-height: 36px;transition: 0.5s;font-size: 17px;border: none;}

/* 투표종류 - 투표방식선택 레이어 */
#voteTypeLayer .inputSet li{width:24%; margin:5px 0;}
#voteTypeLayer .inputSet li:nth-of-type(2){width:72%;}

/* 선거정보 */
.vote-summary-top .electionState{margin-bottom:20px; border:1px solid #d9d9d9;}
.vote-summary-top .timeCon{border:1px solid #d9d9d9;}
.vote-summary-top .timeCon:after{display:block;content:'';clear:both;}
.vote-summary-top .timeCon li{display:block;float:left;padding:20px 5px;width:50%;position:relative;border-right:1px solid #ebebeb;box-sizing:border-box;text-align:center;font-size:13px;text-indent:25px;}
.vote-summary-top .timeCon li:before{display:block;content:'';width:30px;height:32px;background:url(../images/icon_electionState_time.png) 0 0 no-repeat; position:absolute;left:20px;top:50%;margin-top:-16px;}
.vote-summary-top .timeCon li:last-child{border-right:0px none;}
.vote-summary-top .timeCon li .date{display:block;padding-top:2px;font-size:16px;}
.vote-summary-top .timeCon-under .title{ text-align:center; margin-top:-5px; display:block;margin-bottom:25px;font-size:16px; font-weight:bold;}

.vote-info-list{}
.vote-info-list li{padding:20px;border-bottom:1px solid #d9d9d9;}
.vote-info-list .gubun{font-size:18px; margin-bottom:10px;font-weight:600;}
.vote-info-list .gubun .num{margin-right:10px;color:#1787ac;}
.vote-info-list .gubun .type{}
.vote-info-list .name{}

.inquiry-tel table{width:100%;table-layout:fixed;}
.inquiry-tel table th,
.inquiry-tel table td{padding:10px 0;text-align:left;border-bottom:1px solid #eee;box-sizing:border-box; vertical-align:top;}
.inquiry-tel table th + td{padding-left:5px;}

.i-dot{position:relative; padding-left:8px;}
.i-dot:before{position:absolute;left:0;top:8px;display:block;content:'';width:3px;height:3px;border-radius:2px;background-color:#333;}

.ing-status-guide{margin-bottom:20px;text-align:center;}
.ing-status-guide .txt1{font-size:26px; color:#1787ac; font-weight:bold; margin-bottom:10px;}
.ing-status-guide .txt2{font-size:14px;}
.ing-status-con{padding:30px; border-radius:20px; margin-top:-30px;  background-color:#f8f8f8;}
.ing-status-con + div{margin-top:10px;}
.ing-status-con img{max-width:100%;}

/*20220726 table scroll*/
.tableScroll{width:auto;}
/*.scrolled{width: 1200px;overflow-x: scroll;}*/
.scrolled{width: 1200px;}
.scrolled > table{width:auto !important;}

/* 20220825 btnLang add */
/* [231206퍼블]수정 */
.langWrap{display:flex; justify-content:center;position:absolute;right:0; background-color:#eee; width:98px; height:30px; padding:4px; box-sizing:border-box; align-items:center; border-radius:100px;z-index:1;}
.langWrap button{background:none; border:0; width:38px; height:22px; font-size:12px; color:#525252; padding:0; cursor:pointer; min-width:26px; font-weight:600;}
.langWrap button.active{color:#fff; background-color:#596168; width:44px; margin:0 1px; border-radius:100px; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1);}
.langWrap button:focus { outline: 2px solid red; }

/* 20220929 본인인증페이지 */
.loginWrap{display:flex; justify-content:space-evenly; margin-top:65px;} 
.loginWrap div{position:relative; width:calc(100%/4 ); background:#f2f2f2; padding:55px 30px 80px; }
.loginWrap div h4{text-align:center; margin-bottom:25px; }
.loginWrap div span{display:block; text-align:center; font-size:14px; padding-bottom:10px; }
.loginWrap button.ConBtn{position:absolute; bottom:35px; left:50%; transform:translateX(-50%); display:block; border:none; color:#fff; font-size:15px; font-weight:bold; padding:10px 20px; background:#1787ac; }
.loginWrap .loginType1 ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin:15px 0;}
.loginWrap .loginType1 ul li{width:calc(100%/5 - 10px); height:40px; text-align:center; margin-bottom:10px; overflow:hidden;}/* [231206퍼블]수정 */
.loginWrap .loginType1 ul li img{width:70%; border-radius:15px;}
/*.loginWrap .loginType2{background:#f2f2f2 url("../images/contact-list.png") center top 130px no-repeat; background-size:100px;}*/
.loginWrap .loginType3{background:#f2f2f2 url("../images/capture-list.png") center top 130px no-repeat; background-size:100px;}

.loginWrap2{display:flex; justify-content:space-evenly; margin-top:35px;}
.loginWrap2 div{position:relative; width:calc(100%/3 ); background:#f2f2f2; padding:55px 30px 55px; }
.loginWrap2 div h4{text-align:center; margin-bottom:25px; color:#4f4f4f;}
.loginWrap2 div span{display:block; text-align:center; font-size:14px; padding-bottom:10px; }
.loginWrap2 button.ConBtn{position:absolute; bottom:35px; left:50%; transform:translateX(-50%); display:block; border:none; color:#fff; font-size:15px; font-weight:bold; padding:10px 20px; background:#1787ac; }
.loginWrap2 .loginType1 ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin:15px 0;}
.loginWrap2 .loginType1 ul li{width:calc(100%/5 - 10px); height:40px; text-align:center; margin-bottom:10px; overflow:hidden;}
.loginWrap2 .loginType1 ul li img{width:70%; border-radius:15px;}
.loginWrap2 .t1 {width:calc(100%/4 ); padding:45px 20px 45px;}
.loginWrap2 .t2 {width:calc(100%/4 ); padding:45px 20px 45px;}
.loginWrap2 .t3 {width:calc(100%/4 ); padding:45px 20px 45px;}
            
.previewArea.mobile .measureList li:last-child{border-bottom-right-radius:10px !important;border-bottom-left-radius:10px !important;}
.previewArea.mobile .measureList li:first-child{border-top-right-radius:10px !important; border-top-left-radius:10px !important;}

.Img{height:200px; margin-bottom:30px; text-align:center;}

.previewArea.mobile .measureList li:last-child{}

/*2022.10.11 khy 모의선거|실제선거 변경 버튼 css*/
.toast { position:relative; opacity: 1; -webkit-transition:opactiy .25s ease-in-out; -moz-transition:opactiy .25s ease-in-out; -ms-transition:opactiy .25s ease-in-out; -o-transition:opactiy .25s ease-in-out;	transition:opacity .25s ease-in-out; }
.toast-content.red { background:#f5793c; }
.toast-content.green { background:#46a6ea; }
.toast-content a { color:#fff !important; font-weight:700; cursor:pointer; }
.toast-content { position:absolute; display:inline-block; width:90%; top:calc(50% - 22px); left:0; opacity:0; padding:5px; margin:5px; border : 1px solid white; border-radius: 30px;  -webkit-transition:opactiy .25s ease-in-out; -moz-transition:opactiy .25s ease-in-out; -ms-transition:opactiy .25s ease-in-out; -o-transition:opactiy .25s ease-in-out;	 transition:opacity .25s ease-in-out; }
.toast-content:hover { opacity:1; -webkit-transition:opactiy .25s ease-in-out; -moz-transition:opactiy .25s ease-in-out; -ms-transition:opactiy .25s ease-in-out; -o-transition:opactiy .25s ease-in-out;  transition:opacity .25s ease-in-out; }

.tableBox.form table{border-top:2px solid #333;}
.tableBox.form table th{background:#fafafa;  border-bottom:1px solid #ddd; }
.tableBox.form table td{padding:8px 15px; border-bottom:1px solid #ddd;}
.tableBox.scroll{overflow-x:scroll;}
.tableBox.scroll table{min-width:500px;}

/*2022.10.19 질문개요*/
.voteinfoList{display:table;width:100%;margin-top:30px;border-collapse:collapse;border-top:2px solid #253645;}
.voteinfoList li{display:table-row;position:relative;border-bottom:1px solid #efefef;}
.voteinfoList li:before{display:block;content:'';position:absolute;left:10px;top:50%;width:3px;height:3px;border-radius:50%;background:#393939;}
.voteinfoList li .head,
.voteinfoList li .desc{display:table-cell;box-sizing:border-box;}
.voteinfoList li .head{padding:15px 5px 15px 18px;width:15%;background:#fafafa;font-size:16px;font-weight:bold;color:#343434;}
.voteinfoList li .desc{padding:15px;width:85%;font-size:16px;word-break:break-all;}
span.stepinfo{font-weight:bold; font-size:18px; }

.Box{display:flex; justify-content:space-between; align-items:center; width:100%; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;}
.Box2{display:flex; align-items:center;  padding:20px;margin-bottom:20px;background:#F7F7F7;}
.selectBox{}
.selectBox label{font-weight:bold; padding-right:15px; }
.voteinfoList2{padding:0px 0 15px;}
.voteinfoList2 li{padding:3px 0;}
.pr0{padding-right:0px !important;}

.newtype li{display:flex;}
.newtype li b{width:25%;}
.newtype li span{width:75%;}

.block_chain{border:solid 1px #9DC9BF;border-radius:15px;background:#F5FEFF;margin-bottom:5px;}
.block_chain .row{display:flex;}
.block_chain .row/*:first-child*/{border-bottom:solid 1px #9DC9BF;} /* 20240520 :first-child 삭제 */
.block_chain .row>div{width:50%;display:flex;flex-wrap:wrap;padding:37px 60px;align-items:center;}
.block_chain .row>div:nth-child(odd)/*first-child*/{border-right:solid 1px #9DC9BF;}/* 20240520 :first-child > nth-child(odd) 변경 */
.block_chain .row>div .icon{display:inline-flex;width:95px;height:95px;margin-right:40px;}
.block_chain .row>div .icon.type1{background:url("../images/icon_chain_type1.png") center center no-repeat;}
.block_chain .row>div .icon.type2{background:url("../images/icon_chain_type2.png") center center no-repeat;}
.block_chain .row>div .icon.type3{background:url("../images/icon_chain_type3.png") center center no-repeat;}
.block_chain .row>div .icon.type4{background:url("../images/icon_chain_type4.png") center center no-repeat;}
/* 20240520, 아이콘 추가 */
.block_chain .row>div .icon.type5{background:url("../images/icon_chain_type5.png") center center no-repeat;}
.block_chain .row>div .icon.type6{background:url("../images/icon_chain_type6.png") center center no-repeat;}
.block_chain .row>div .icon.type7{background:url("../images/icon_chain_type7.png") center center no-repeat;}
.block_chain .row>div .icon.type8{background:url("../images/icon_chain_type8.png") center center no-repeat;}
.block_chain .row>div span{color:#222;flex:1;}
.block_chain .row>div span b{color:#028992;}
.block_chain .row>div span .c_red{color:#CB3942;}

.txt_red{color:#CB3942;}
.summary_guide li{display:flex;font-size:13px;}
.summary_guide li span{margin-right:5px;}

.k_voting{margin:50px 0 5px 0;}

.info_box{display:flex;align-items:center;background:#F7F7F7;margin-bottom:30px;padding:30px;}
.info_box .icon{display:inline-flex;width:81px;height:81px;margin-right:20px;}
.info_box .icon.type1{background:url("../images/icon_jumin.png") center center no-repeat;}
.info_box .icon.type2{background:url("../images/icon_jumin_info.png") center center no-repeat;}
.info_box>div:last-child{flex:1;}
.info_box>div span{display:block;flex:1;}

.jumin_check{display:flex;align-items:center;flex-direction:column;background:#F1F8FB;width:600px;margin:100px auto 0 auto;padding:65px 0;}
.jumin_check>div{display:flex;align-items:center;}
.jumin_check>div span{position:relative;display:inline-flex;width:384px;height:42px;font-size:44px;letter-spacing:5px;line-height:initial;background:url("../images/jumin_password.png") center center no-repeat;}
.jumin_check>div span em{position:absolute;left:18%;bottom:-15px;font-size:12px;letter-spacing:0;}
.jumin_check>div input{width:100px;}

.guess1 {display:flex;justify-content:center;align-items:center;border:solid 1px #ccc;height:100px;}
.guess2 {width:100%;display:Flex; align-items:center;justify-content:space-between;}
.guess2 > .listCon {width:100%;}/* [231206퍼블]수정 */
.guess2 > .listCon > li{padding-left:16px;}/* [231206퍼블]수정 */
.guess2 .listCon.dot > li:before{top:50%;}/* [231206퍼블]수정 */
.guess2 li>div{display:inline-flex;justify-content:center;align-items:center;width:49%; border:solid 1px #ccc;height:50px;}/* [231206퍼블]수정 */

.grape_chart{background:#F7F7F7;padding:20px;}

/* 투표진행상황 *//* [231206퍼블]추가 */
.voteStatusWrap {display:flex;align-items:center;position:absolute;top:15px;right:75px;margin-bottom:20px;font-size:14px;line-height:20px;}
.voteStatusWrap:before {content:'';display:block;position:relative;top:1px;width:20px;height:20px;margin-right:4px;background: url(../images/icon_check_blue.png) no-repeat;background-size:20px 20px;}
.voteStatusWrap .voteStatusName {display:flex;height:100%;margin-right:6px;}
.voteStatusWrap .voteStatusName:after {content:'';}
.voteStatusWrap .voteStatusStep {font-size:13px;font-weight:700;color:#2358ae;}

/* [231206퍼블]추가 */
/*트리*/
.treeTotal{font-size:14px;}
.treeTotal strong{color:#107596;}
.treeWrap {display:flex;flex-direction: column;height: auto;}
.treeWrap .treeList{display: block;}
.treeList > li+li{margin-top:16px;}
.treeList > li ul{margin:8px 0;}
.treeList > li ul > li {margin-left:14px;}
.treeList > li ul > li + li {margin-top:5px;}
.treeList .treeSet{display:flex;align-items: center;padding:4px 0;}
.treeList .treeSet.userActive{color:#2590b3;font-weight:700;font-size:14px;background-color:#eee;}
.treeList  li.lastChild > .treeSet:before {content:'';display:inline-block;width:8px !important;height:8px;background-color:#5e5e5e;border-radius:50%;margin:5px;}
.treeList .circleList > li:first-child{margin-top:0;}
.treeList .btnTree {display:inline-block;width:18px;height:18px;padding-left:22px;background:url(../images/icon_tree_close.png) no-repeat center center;background-size: 18px 18px;border:0;}
.treeList .btnTree.open {background:url(../images/icon_tree_open.png) no-repeat center center;background-size: 18px 18px;}
.treeList .btnTree.color.open {background:url(../images/icon_tree_open_color.png) no-repeat center center;background-size: 18px 18px;}
.treeList input[type=checkbox], .treeList input[type=radio] {margin-left:8px;margin-right:0;}
.treeList input[type=checkbox] + label, .treeList input[type=radio] + label{margin-left:0;width:calc(100% - 41px);margin-left:7px;font-size:14px;}
.treeList label{margin-left:7px;}
.treeList input[type=checkbox]:checked + label, .treeList input[type=radio]:checked + label{color:#2590b3;text-decoration: underline;font-weight:700;}
.treeList input[type=checkbox]:checked:before {background:#2590b3 url(../images/icon_chk_checked.png) no-repeat center;}
.ytbIcon {display:inline-block; margin-left:8px;}
.ytbIcon > img {margin-top:-5px;}

/* 첨부파일 버튼, 우편번호 찾기 버튼 배경 색 변경 */

/* 숨김텍스트 */
.hidden-txt1 span, .hidden-txt2 span, .hidden-txt1-info span, .hidden-txt2-info span{display:inline-block; text-indent:-9999px;}

/* 231011 웹접근성 조치 (style 태그 이동) */
#subContent .showOrderTxt {margin-bottom: 8px;}

/* 231113 웹접근성 조치 */
.thead{display:flex; background:#e1e6e8;}
.thead-th{display:flex; flex-wrap:wrap; padding:10px 5px; font-size:15px; font-weight:700; color:#333; justify-content:center; align-items: center;}
.colSet span{text-align: center;}
.tbody-tr{display:flex;}
.tbody-td{padding:5px;}
.thead-th.w10,
.tbody-td.w10{width:10%;}
.thead-th.w15,
.tbody-td.w15{width:15%;}
.thead-th.w20,
.tbody-td.w20{width:20%;}
.thead-th.w30,
.tbody-td.w30{width:30%;}
.thead-th.w40,
.tbody-td.w40{width:40%;}
.thead-th.w50,
.tbody-td.w50{width:50%;}
.thead-th.w55,
.tbody-td.w55{width:55%;}
.thead-th.w60,
.tbody-td.w60{width:60%;}
.thead-th.w100,
.tbody-td.w100{width:100%;}

.sec-table .table-div {border-top: 1px solid #dedede;}
.sec-table .tr-div {width: 100%; justify-content: center; display: flex;}
.sec-table .tr-div div:nth-child(2) {border-left: 1px solid #dedede; border-right: 1px solid #dedede;}
.sec-table .tr-div div {width:calc(100%/3); padding: 15px 0; border-bottom: 1px solid #dedede;}
.sec-table .thead-div div {text-align: center;}

.watermark-popup::before{position:fixed;width:200%;height:200%;display:block;top:-75%;left:-75%;transform:rotate(-45deg);content:attr(data-watermark);font-size:20px;opacity:0.2;line-height:4em;letter-spacing:3px;word-spacing:10px;color:#aeaeae;}
.watermark::before{position:absolute;width:300%;height:300%;display:block;top:-100%;left:-45%;transform:rotate(-45deg);content:attr(data-watermark);font-size:20px;opacity:0.2;line-height:4em;letter-spacing:3px;word-spacing:10px;color:#aeaeae;}

/* 등재번호 입력 */
.ihabntbase_info_con .txt_bold {font-weight:bold !important;}
.ihabntbase_info_con h4 {text-align:center; font-size:21px; font-weight:bold; color:#202229;}
.ihabntbase_info_con h4>span {display:block; font-size:13px; color:#1989ff;}
.ihabntbase_info_con .sec {margin-top:20px;}
.ihabntbase_info_con .sec_line {padding-bottom:20px;}
.ihabntbase_info_con .sec_line+.sec {margin-top:20px;}
.ihabntbase_info_con li.sec_tit {font-size:17px; font-weight:bold; color:#1d3b8b;}
.ihabntbase_info_con li.sec_tit ul li {font-size:14px; font-family: 'Nanum'; color:#393e49; margin-top:3px;}
.ihabntbase_info_con li.sec_tit ul li:first-child {margin-top:6px;}
.ihabntbase_info_con li.sec_tit ul li.sec_box {background-color:#ecf7ff; border:1px solid #a0d6ff; padding:15px 10px; margin-top:10px; margin-bottom:10px;}
.ihabntbase_info_con li.sec_tit ul li.sec_box p{position:relative;padding-left:15px;padding-top:3px;}
.ihabntbase_info_con li.sec_tit ul li.sec_box p:before{display:block;content:'';position:absolute;left:5px;top:9px;width:3px;height:3px;background:#2358ae;}
.ihabntbase_info_con li.sec_tit ul li.sec_txt {margin-top:6px; margin-bottom:10px;}
.ihabntbase_info_con li.sec_tit ul li.sec_txt p {margin-top:5px;}
.before_personal_info {width: 100%; height: 450px;padding: 10px; margin: 0; overflow: auto;}

/* 주민투표 table [240202퍼블] 추가 */
.tableBox .list tr.totalRowTopLine{background-color:#F5F6FB;}
.tableBox .list tr.totalRowTopLine > td{font-weight:bold; color:#2358AE;}

/* 20240304 망분리 관련 메인화면 동적 클래스 추가*/
.liWidth25 {width:25%;}
.liWidth33 {width:33.3%;}
.liWidth50 {width:50%;}

/* 20240510 망분리 관련 사용자 접속망 표시 */
.iconServerTypeTitle {padding: 2px 8px;border: 2px solid;border-radius: 23px;margin-right: 15px;font-size: 12px;}

/** 202406 현장투표 투표코드 입력 용 keyLayer */
#keylayer{position:absolute; z-index:10; width:300px; height:390px; padding:12px; right: 4%; top: 19%;}
#keylayer.bg1{background:url(../images/key_bg.png) no-repeat;}
#keylayer.bg2{background:url(../images/key_bg_416.png) no-repeat;}
.keylayer_btn{width:300px;height:490px;}
.keylayer_btn dd{width:94px; height:92px; float:left; margin:3px 3px 3px 3px;}
.keylayer_btn dd a{display:block; height:92px; background:url(../images/btn_key.png) no-repeat; cursor: pointer;}
.keylayer_btn dd a span{display:none;}
.keylayer_btn dd a.num1{width:94px;background-position:-5px -5px;}
.keylayer_btn dd a.num1:hover, .keylayer_btn dd a.num1:focus{width:94px;background-position:-5px -102px;}
.keylayer_btn dd a.num2{width:94px;background-position:-104px -5px;}
.keylayer_btn dd a.num2:hover, .keylayer_btn dd a.num2:focus{width:94px;background-position:-104px -102px;}
.keylayer_btn dd a.num3{width:94px;background-position:-203px -5px;}
.keylayer_btn dd a.num3:hover, .keylayer_btn dd a.num3:focus{width:94px;background-position:-203px -102px;}
.keylayer_btn dd a.num4{width:94px;background-position:-302px -5px;}
.keylayer_btn dd a.num4:hover, .keylayer_btn dd a.num4:focus{width:94px;background-position:-302px -102px;}
.keylayer_btn dd a.num5{width:94px;background-position:-401px -5px;}
.keylayer_btn dd a.num5:hover, .keylayer_btn dd a.num5:focus{width:94px;background-position:-401px -102px;}
.keylayer_btn dd a.num6{width:94px;background-position:-500px -5px;}
.keylayer_btn dd a.num6:hover, .keylayer_btn dd a.num6:focus{width:94px;background-position:-500px -102px;}
.keylayer_btn dd a.num7{width:94px;background-position:-599px -5px;}
.keylayer_btn dd a.num7:hover, .keylayer_btn dd a.num7:focus{width:94px;background-position:-599px -102px;}
.keylayer_btn dd a.num8{width:94px;background-position:-698px -5px;}
.keylayer_btn dd a.num8:hover, .keylayer_btn dd a.num8:focus{width:94px;background-position:-698px -102px;}
.keylayer_btn dd a.num9{width:94px;background-position:-797px -5px;}
.keylayer_btn dd a.num9:hover, .keylayer_btn dd a.num9:focus{width:94px;background-position:-797px -102px;}

.keylayer_btn dd a.del{width:94px;background-position:-896px -5px;}
.keylayer_btn dd a.del:hover, .keylayer_btn dd a.del:focus{width:94px;background-position:-896px -102px;}
.keylayer_btn dd a.num0{width:94px;background-position:-995px -5px;}
.keylayer_btn dd a.num0:hover, .keylayer_btn dd a.num0:focus{width:94px;background-position:-995px -102px;}
.keylayer_btn dd a.enter{width:94px;background-position:-1094px -5px;}
.keylayer_btn dd a.enter:hover, .keylayer_btn dd a.enter:focus{width:94px;background-position:-1094px -102px;}

.keylayer_btn dd a.prev{width:94px;background-position:-1193px -5px;}
.keylayer_btn dd a.prev:hover, .keylayer_btn dd a.prev:focus{width:94px;background-position:-1193px -102px;}
.keylayer_btn dd a.next{width:94px;background-position:-1292px -5px;}
.keylayer_btn dd a.next:hover, .keylayer_btn dd a.next:focus{width:94px;background-position:-1292px -102px;}
.keylayer_btn dd a.reset{width:94px;background-position:-1391px -5px;}
.keylayer_btn dd a.reset:hover, .keylayer_btn dd a.reset:focus{width:94px;background-position:-1391px -102px;}

.cookieMsgDiv { text-align: center; display: none; }

/** 모형화면 관련 스타일 */
.modelPreviewArea {height:auto !important;min-height:828px;background:url(../images/bg_preview_model_m.png) no-repeat -8px -8px !important;background-color:#f6f6f1 !important;}
.modelPreviewArea .preview-inner {max-height: max-content !important;}

/** 서비스 이용절차(voteProc) style */
.video {width: 100%;max-width: 640px;margin: 0 auto;padding: 0 0;box-sizing: border-box;}
.video-container {position: relative;width: 100%;height: auto;padding-top: 50%;}
.youtubeIFrame {width: 100%;height: 100%;z-index: 1;top: 0;left: 0;position: absolute;}

/** 서비스 이용신청 style **/
.btmMsgBox #distcmteCdNm {font-size: 18px; border: 1px #dcdcdc solid; padding-right: 0.5%; background-color: #f8f8f8; vertical-align: baseline; min-width: 36pt; width: 36pt; text-align: center;}
table.form #elecVoterCnt {text-align: right;}

/** 특정영역 복사불가 **/
.no-copy, .no-copy * {user-select: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important;}