@charset "utf-8";
div.wrap{width: 1200px; margin: 0 auto;}
div.election-wrap{width: 100%; transition: 0.5s ease-in-out;}
div.election-wrap div.top{width: 100%;background: #e3f1ff;padding: 65px 0 15px 0;box-sizing: border-box;position: relative;transition: 0.5s ease-in-out;}
div.election-wrap div.top:before{content: ""; width:326px; height: 64px; background: url(/images/Potal/content/election/election-img01.png) no-repeat; position: absolute; top:0; left:50%; transform: translate(-50%, 0); transition: 0.5s ease-in-out;}
div.election-wrap div.top h4.elec-top-tit{font-family: 'GmarketSansB'; font-size:4.375em; color: #003387; line-height: 100%; text-align: center; transition: 0.5s ease-in-out;}
div.election-wrap div.top h4.elec-top-tit span.sub-tit{display: block; font-size:0.600em; color: #0068d2; transition: 0.5s ease-in-out;}

div.election-wrap div ul.elec-list{display: flex; justify-content: space-around; margin-top: 10px; position: relative; transition: 0.5s ease-in-out; padding: 0 100px; box}
div.election-wrap div ul.elec-list:before{content: "";width: 302px;height: 198px;background: url(/images/Potal/content/election/election-img02.png) no-repeat;position: absolute;bottom: -35px;left:-100px;transition: 0.5s ease-in-out;}
div.election-wrap div ul.elec-list:after{content: "";width: 261px;height: 206px;background: url(/images/Potal/content/election/election-img03.png) no-repeat;position: absolute;bottom: -35px;right:-90px;transition: 0.5s ease-in-out;}
div.election-wrap div ul.elec-list li{position: relative;}
div.election-wrap div ul.elec-list li span{display: block; text-align: center;}
div.election-wrap div ul.elec-list li span.tit{width:130px; font-family: 'GmarketSansB'; font-size:1.375em; background: #0068d2; color: #fff; padding: 10px 20px 5px 20px; box-sizing: border-box; border-radius: 20px; margin: 0 auto; transition: 0.5s ease-in-out;}
div.election-wrap div ul.elec-list li span.con{font-family: 'NexonB'; font-size:1.250em; color: #000000; padding: 20px 0 0 0; transition: 0.5s ease-in-out;}

div.election-wrap div.bottom{width: 100%;background: #0068d2;padding: 15px 0;box-sizing: border-box;transition: 0.5s ease-in-out;}
div.election-wrap div.bottom ul.elec-list02{display: flex; justify-content: space-between; transition: 0.5s ease-in-out;}
div.election-wrap div.bottom ul.elec-list02 li{width: 50%; border-right:solid 1px #3889dc; transition: 0.5s ease-in-out;}
div.election-wrap div.bottom ul.elec-list02 li:last-child{border-right:none;}
div.election-wrap div.bottom ul.elec-list02 li div.flex{display: flex; justify-content: space-between;}
div.election-wrap div.bottom ul.elec-list02 li.list-num1 div.flex{display: flex; justify-content: flex-start;}


div.election-wrap div.bottom h5.tit{font-family: 'GmarketSansB'; font-size:1.563em; color: #fff; position: relative; padding: 20px 0 0 0;}
div.election-wrap div.bottom h5.tit:before{content: ""; width: 30px; height: 5px; background: #bae9ff; position: absolute; top:0; left:0;}

div.election-wrap div.bottom ul.elec-list02 li div.flex p.list{padding: 0 190px 0 0px; transition: 0.5s ease-in-out;}
div.election-wrap div.bottom ul.elec-list02 li:last-child div.flex{padding: 0 0 0 50px;}
div.election-wrap div.bottom ul.elec-list02 li.list-num1:last-child div.flex{padding: 0 0 0 0px;}
div.election-wrap div.bottom ul.elec-list02 li:last-child div.flex p.list{padding: 0 60px 0 0px;}
div.election-wrap div.bottom ul.elec-list02 li.list-num1 div.flex p.list{padding: 0 0px 0 50px;}

div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span{display: block; font-family: 'NexonB'; font-size:1.120em; color: #fff; padding: 0 0 10px 0;}
div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span a{color:#fff;}
div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span i{color: #f5ed0f; font-style: normal;}
div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span.btn{display: flex; justify-content: flex-start; padding: 10px 0 0 0;}
div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span.btn a{ padding: 7px 20px 5px 20px; background: #dd7713; color: #fff;
    font-family: 'NexonB'; font-size:0.875em; text-align: center; display: block; border-radius: 5px;}
div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span.btn a:last-child{margin: 0 0 0 20px;}

div.input-box{padding: 10px 0 0 0; transition: 0.5s ease-in-out;}
div.input-box.state{padding:0px 0 0 0;}
div.input-box.write{padding: 0px 0 0 0;}
div.input-box div.input-con-box{width: 100%;background: #fff;padding: 30px 30px;box-sizing: border-box;border-radius: 10px;margin-top: 20px;}
div.input-box div.input-con-box.write{padding: 70px 50px; box-sizing: border-box;}
div.input-box div.input-con-box div.flex-box{display: flex; justify-content: flex-start; padding-bottom: 20px;}
div.input-box div.input-con-box div.flex-box:last-child{padding-bottom: 0px;}
div.input-box div.input-con-box div.flex-box label{width: 250px; font-family: 'NexonB'; font-size:1.120em; color: #181818;}
div.input-flex{display: flex; justify-content: flex-start;}
div.input-box div.input-con-box div.flex-box span.line{ padding: 5px 20px; position: relative;}
div.input-box div.input-con-box div.flex-box span.line:before{content: ""; width: 15px; height: 1px; background: #000000; position: absolute; top:30%; left:50%; transform:  translate(-50%, -50%);} 

div.input-box div.input-con-box p.result-txt{font-family: 'NexonB'; font-size:1.125em; color: #181818; text-align: center; line-height: 180%;}
div.input-box div.input-con-box p.result-txt span.bold{color: #ed7720;}

p.Security-box{display: flex;}
p.Security-box span.Security-Number{padding: 12px 0 0 0;}
p.Security-box input[type="text"]{width: 40px; height: 40px; display: block; margin-left: 5px; text-align: center;}

/* 이의신청비밀번호 */
div.password-box{display: flex; justify-content: flex-start;}
div.password-box label{font-family: 'NexonB'; font-size:1.120em; padding: 10px 10px 0 0;}
div.password-box input[type="submit"].password-btn{width:73px; height: 38px; background-color:#333; font-size:1em; color:#fff; border:none;}
p.txt-impor{font-family: 'NexonR'; font-size:1.000em; color: #fc4336; padding: 10px 0 0 0;}

.bdvFileWrap{background:none !important; border-bottom:none; padding:20px 20px 20px 0px;}

@media all and (max-width:680px){
    div.password-box input[type="submit"].password-btn{height: 34px;} 
    div.password-box{flex-flow: wrap;}
    div.password-box label{width: 100%; padding: 10px 10px 5px 0;}
}

@media all and (max-width:480px){
    input[type="password"]{width: 100%;}
    div.password-box input[type="submit"].password-btn{display: block; margin: 0 auto; margin-top: 10px;}
}

/* 익스플로 10 css 적용 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .board-search .search .boardBtnBox .borardSearchBtn{height: 41px;}
 }

 


   @media all and (max-width:680px){
    .board-search .search .boardBtnBox .borardSearchBtn{height: 34px;}
  }



@media all and (max-width:1000px){
    p.Security-box span.Security-Number{padding:12px 0 0 0 ;}  
}

@media all and (max-width:420px){
    
    div.input-flex{flex-flow: wrap;}
    p.Security-box{flex-flow: wrap; width: 100%;}
}



div.btn-wrap{display: flex; justify-content: center; padding: 30px 0 0 0; transition: 0.5s ease-in-out;}
div.btn-wrap a{padding: 12px 20px 10px 20px; background: #dd7713; color: #fff;
    font-family: 'NexonB'; font-size:1.188em; text-align: center; display: block; border-radius: 5px;}

.boradNumBtn.flex-tc{display: flex; justify-content: center;}
.boradNumBtn .bdBtnWrap{position: relative; right: auto; top:auto; margin-top: 0px;}


@media all and (max-width:1200px){
    div.wrap{width: 100%; padding: 0 20px; box-sizing: border-box;}

    div.election-wrap div.bottom ul.elec-list02 li div.flex p.list{padding: 0 50px 0 0;}
    div.election-wrap div.bottom ul.elec-list02 li:last-child div.flex p.list{padding: 0 0px 0 0;}
}


@media all and (max-width:1000px){
    div.election-wrap div.top h4.elec-top-tit{font-size:2.000em;}
    div.election-wrap div ul.elec-list li span.tit{font-size:1.170em;}
    div.election-wrap div ul.elec-list li span.con{font-size:1.100em;}
    
    div.election-wrap div ul.elec-list:before{content: none;}
    div.election-wrap div ul.elec-list:after{content: none;}

    div.election-wrap div.bottom ul.elec-list02 li div.flex{flex-flow: wrap;}
    div.election-wrap div.bottom ul.elec-list02 li div.flex p.list{width: 100%; margin-top: 10px; padding: 0 20px 0 0;}
    div.election-wrap div.bottom ul.elec-list02 li:last-child div.flex{padding: 0 0 0 20px;}
    div.election-wrap div.bottom h5.tit{font-size:1.200em;}
    div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span{font-size:1.000em;}

    div.input-box div.input-con-box div.flex-box{flex-flow: wrap;}
    div.input-box div.input-con-box div.flex-box label{width: 100%;}
    p.Security-box input[type="text"]{margin-top: 0px; width: 100%;}
    div.input-flex{width: 100%;}
    div.input-box div.input-con-box div.flex-box span.line:before{top:20px;}

    div.election-wrap div.bottom ul.elec-list02 li.list-num1 div.flex p.list{padding:0 0px 0 0px;}
    
}

@media all and (max-width:680px){
    div.election-wrap div.top h4.elec-top-tit{font-size:2.500em;}
    div.election-wrap div ul.elec-list li:first-child{padding: 0 20px 0 0;}
    div.input-box{padding:50px 0 0 0;}
    div.input-box div.input-con-box p.result-txt{font-size:1.100em;}

    div.input-box div.input-con-box.write{padding: 20px 20px;}

    div.input-box div.input-con-box{padding: 20px 20px;}

    .board-list table.list01 tbody td.tal{display:block;}
    .board-list table.list01 tbody td.tal:after{content:none;}
}

@media all and (max-width:480px){
    div.election-wrap div.top{padding: 100px 0 0px 0;}
    div.election-wrap div.top h4.elec-top-tit{font-size:1.800em;}
    div.election-wrap div ul.elec-list{flex-flow: wrap; margin-top: 20px;}
    div.election-wrap div ul.elec-list li{width: 100%;}
    div.election-wrap div ul.elec-list li:first-child{padding: 0 0px 0 0;}
    div.election-wrap div ul.elec-list li:last-child{padding: 30px 0px 30px 0;}

    div.election-wrap div ul.elec-list li span.tit{font-size:1.000em; padding: 5px 0px 3px 0px;}
    div.election-wrap div ul.elec-list li span.con{font-size:0.900em; padding: 10px 0 0 0;}

    div.election-wrap div.bottom ul.elec-list02{flex-flow: wrap;}
    div.election-wrap div.bottom ul.elec-list02 li{width: 100%; border-right: none;}
    div.election-wrap div.bottom ul.elec-list02 li{width: 100%; border-bottom: solid 1px #3889dc;}
    div.election-wrap div.bottom ul.elec-list02 li div.flex p.list{padding: 0 0px 0 0;}
    div.election-wrap div.bottom ul.elec-list02 li:last-child{border-bottom:none;}
    div.election-wrap div.bottom ul.elec-list02 li:last-child div.flex{padding: 20px 0 0 0px;}
    div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span{font-size:0.900em;}
    div.election-wrap div.bottom h5.tit{font-size:1.000em; padding: 10px 0 0 0;}
    div.election-wrap div.bottom ul.elec-list02 li div.flex p.list span.btn a{padding: 5px 10px;}

    .boradNumBtn .bdBtnWrap > a img{width:auto !important;}

    
}

@media all and (max-width:420px){
    div.input-box div.input-con-box div.flex-box span.line:before{top:13px; content:none;}
}



/* 오늘하루안보기*/
.check-box {background-color: #00173d;}
.check-box a {font-family: 'GmarketSansM';  font-size: 16px; color: #fff; vertical-align: middle;}







input[type="text"]{height:30px;}