/**** .secWrap ****/
#wrap{width: 100%; height: 100%; position: relative; top: 0; left: 0;}
#wrap #secWrap{font-family: "Pretendard";}
#wrap #secWrap .wrapTit{margin-bottom: 20px;}
#wrap #secWrap .wrapTit span{color: #333; font-size: 1.75em; font-weight: 600; text-align: center;}

/******** NOTICEPAGE LIST ********/
#secWrap .bannerWrap{width: 100%; padding-top: 78px;}
#secWrap .banInner{position: relative; width: 100%; height: 400px; background: center / cover no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/POLVOTING/162135286647916.jpg);}
#secWrap .banInner::after{position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
#secWrap .banInner .banTit{font-size: 50px; font-weight: 600; color: #fff; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#secWrap .contWrap{padding: 150px 0; max-width: 1200px; margin: 0 auto;}
#secWrap .contWrap .tableBox{margin-bottom: 40px;}
#secWrap .contWrap .posting_num{margin-bottom: 10px; color: #555; font-size: 1.15em; font-weight: 500; padding-left: 10px;}
#secWrap .contWrap .posting_num b{color: #19357e; font-size: 1.05em; font-weight: 700;}
#secWrap .contWrap .tableBox .board_list{width: 100%;}
/* thead */
#secWrap .contWrap thead{width: 100%; padding: 10px 0; background-color: #01033c;}
#secWrap .contWrap thead th{text-align: center; padding: 20px 0; font-size: 1.05em; font-weight: 500; color: #fff;} 
#secWrap .contWrap thead .tableNum{width: 15%;}
#secWrap .contWrap thead .tableTit{width: 65%; position: relative;}
/* #secWrap .contWrap thead .tableTit::before{content: ""; width: 1px; height: 14px; display: inline-block; background-color: #fff; position: absolute; left: 0; margin-top: 3px;}
#secWrap .contWrap thead .tableTit::after{content: ""; width: 1px; height: 14px; display: inline-block; background-color: #fff; position: absolute; right: 0; margin-top: 3px;} */
#secWrap .contWrap thead .tableDate{width: 20%;}
/* tbody */
#secWrap .contWrap tbody{width: 100%; border-top: 1px solid #ddd;}
#secWrap .contWrap tbody tr{width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#secWrap .contWrap tbody td{text-align: center; font-size: 1em; font-weight: 500; color: #333;} 
#secWrap .contWrap tbody .tableNum{width: 15%;}
#secWrap .contWrap tbody .tableTit{/* width: 65%; */ text-align: left; padding: 20px 0; line-height: 1.25em;  color: #333; font-size: 1em; font-weight: 500;}
.no_post td{font-size:1rem; color:#888;padding: 20px 0;}

.text_cut{width:100%; white-space: normal; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
#secWrap .contWrap tbody .tableDate{width: 20%; font-size: 1em; font-weight: 600; color: #121212; padding: 20px 0;}

/* 투표리스트 페이지 */
#secWrap .voteWrap thead .tableNum{width: 15%;}
#secWrap .voteWrap thead .tableTit{width: 55%;}
#secWrap .voteWrap thead .tableSta{width: 15%;}
#secWrap .voteWrap thead .tableDate{width: 15%;}
/* 투표리스트 탭버튼 */
#secWrap .voteWrap .tabs{display: flex; flex-wrap: wrap; width: 100%;}
#secWrap .voteWrap .tabs li{width: calc(100%/3); text-align: center; border: 1px solid #ddd; background-color: #f5f5f5; padding: 15px 0; cursor: pointer; font-size: 1.05em; font-weight: 400; color: #aaa;}
#secWrap .voteWrap .tabs li.current{position: relative; background-color: #01033c; color: #fff; font-weight: 500; border-color: #01033c; border-bottom-color: #ddd;}
/* #secWrap .voteWrap .tabs li.current::after{content: ""; width: 100%; height: 4px; background-color: #ff9204; display: block; position: absolute; bottom: 0; left: 0;} */
#secWrap .voteWrap .tab-content{display: none;}
#secWrap .voteWrap .tab-content.current{display: inherit;}


/* 페이지버튼 */
#secWrap .contWrap .page_num .page{display: flex; justify-content: center; align-items: center;}
#secWrap .contWrap .page_num .page_item{display: block; font-size: 1.05em; margin:  0 5px; cursor: pointer;}
#secWrap .contWrap .page_num li.onPage{font-weight: 600; color: #01033c;} 
#secWrap .contWrap .page_num .Btn{width: 15px; height: 15px; background-color: #121212; background: center / 100% no-repeat;}
#secWrap .contWrap .page_num .prevBtn{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/POLVOTING/162059110159669.png);}
#secWrap .contWrap .page_num .nextBtn{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/POLVOTING/162059110159669.png); transform: rotate(180deg);}

/******** NOTICEPAGE VIEW ********/
#secWrap .txtBox .boxTit{padding: 15px; color: #fff; width: 100%; background-color: #01033c;}
#secWrap .txtBox .boxTit span{font-size: 1.05em; font-weight: 500;}
#secWrap .txtBox .boxDate{text-align: right; border-bottom: 1px solid #01033c; padding: 10px 15px;}
#secWrap .txtBox .boxDate span{font-size: 1em; font-weight: 600;}
#secWrap .txtBox .boxCont{padding: 10px 15px;}
#secWrap .txtBox .boxCont span{padding: 15px 0; line-height: 1.4em;}
#secWrap .txtBox .boxFile{border-top: 1px solid #01033c; border-bottom: 1px solid #01033c; padding: 10px 15px; display: flex;}
#secWrap .txtBox .boxFile .fileTit{font-weight: 500; font-size: 0.95em; width: 25%;}
#secWrap .txtBox .boxFile .fileAttach{width: 75%;}
#secWrap .listBtn{text-align: right; cursor: pointer;margin-top:40px}
#secWrap .listBtn button{width: 100px;line-height: 1em; font-family: 'Pretendard'; font-size: 0.95em; padding: 13px 20px; background-color: #01033c; text-align: center; color: #fff;font-weight:500;}


/******** VOTEPAGE NOW ********/
#wrap #secWrap .voteTit{margin-bottom: 50px;}
#secWrap .voteBox_inner{border-radius: 18px; padding: 70px 50px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
#secWrap .question{position: relative; padding-left: 8px; margin-bottom: 8px;}
#secWrap .question span{font-size: 1.35em; color: #01033c; font-weight: 600; line-height: 1.25em;}
#secWrap .question::before{position: absolute; left: 0; top: 4px; content: ""; display: block; width: 3px; height: 19px; background-color: #01033c;}
#secWrap .deadline{padding-left: 8px; margin-bottom: 20px;}
#secWrap .deadline span{font-family: "Pretendard"; color: #333; font-size: 1em; font-weight: 600;}
#secWrap .answer{padding-top: 20px;}
#secWrap .answer .inpot_form{display: flex;align-items: center; margin-bottom: 10px;}
#secWrap .answer span{width: calc(100% - 20px); padding: 5px 8px; font-size: 1.15em; font-weight: 600; margin-bottom: 10px; color: #555;}
#secWrap .answer span:last-child{margin-bottom: 0;}
#secWrap .explain{padding: 10px; min-height: 100px; border: 1px solid #ddd;}
#secWrap .submit{text-align: center; cursor: pointer;margin-top:40px}
#secWrap .submit button{width:100%; line-height: 1em; font-family: 'Pretendard'; font-size: 1.15em; padding: 20px; background-color: #01033c; text-align: center; color: #fff;font-weight:500;}

/******** VOTEPAGE PAST ********/
#secWrap .result_graph{margin-bottom: 30px; padding: 20px 0; width: 100%;}
#secWrap .result_graph #cntChart{width: 100%; height: 100%;}
#secWrap .result_list{font-family: "Pretendard";}
#secWrap .result_list .all_num{display: flex; font-size: 1.3em; margin-bottom: 20px;}
#secWrap .result_list .all_num span{margin-left: 5px; font-weight: 700; color: #01033c;}
#secWrap .result_list ol{padding: 0 20px;}
#secWrap .result_list ol li{margin-bottom: 15px;}
#secWrap .result_num{display: flex; justify-content: space-between;}
#secWrap .result_num > div{display: flex;}
#secWrap .result_num .txt{margin-right: 15px; font-size: 18px; font-weight: 500;}
#secWrap .result_num span{display: inline-block;}
#secWrap .result_num span b{color: #01033c; font-weight: 600;}
#secWrap .result_num .percentage{width: 30%; text-align: right;}

/*체크박스 커스텀*/
input[type="checkbox"]{
    display: none;
  }
  input[type="checkbox"] + label{
    display: inline-block;
    width: 23px;
    height: 23px;
    border:1px solid #bbb;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
  }
  input[name="ans"]:checked + label{
    border-color:#01033c;
    border-radius: 2px;
  }
  input[name="ans"]:checked + label::after{
    content:'';
    background: url('https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/POLVOTING/16205796034447.jpg') right bottom/cover;
    width: 22px;
    height: 22px;
    text-align: center;
    border-color:#01033c;
    position: absolute;
    left: 0;
    top:0;
  }

/******** PRIVACY PAGE ********/
.contWrap .priBox{padding: 50px 20px; border: 1px solid #dfdfdf;}
.contWrap .priBox p{padding: 10px 0; font-size: 1.05em;}


/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){
  #secWrap .contWrap{padding: 150px 20px;}

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

  
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

  
}

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
  #secWrap .contWrap thead .tableNum{width: 25%;}
  #secWrap .contWrap thead .tableTit{width: 45%;}
  #secWrap .contWrap thead .tableDate{width: 30%;}

  #secWrap .voteWrap thead .tableNum{width: 10%;}
  #secWrap .voteWrap thead .tableTit{width: 60%;}
  #secWrap .voteWrap thead .tableSta{width: 10%;}
  #secWrap .voteWrap thead .tableDate{width: 20%;}



}

/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

}

@media screen and (max-width: 768px){


}

/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
  #secWrap .bannerWrap{padding-top: 50px;}
  #secWrap .banInner{height: 300px;}
  #secWrap .banInner .banTit{font-size: 45px;}
  #secWrap .contWrap{padding: 80px 20px;}
  #secWrap .contWrap thead th{font-size: 0.95em; font-weight: 400;}
  #secWrap .contWrap tbody td{font-size: 0.95em; font-weight: 400;}
  #secWrap .contWrap tbody .tableDate{font-size: 0.95em;}
  #secWrap .contWrap tbody .tableTit{font-size: 0.95em;}

  #wrap #secWrap .wrapTit span{font-size: 1.5em;}

  #secWrap .answer .inpot_form{margin-bottom: 4px;}
  #secWrap .submit button{font-size: 1em; padding: 15px;}

  #secWrap .voteBox_inner{padding: 50px 30px;}

  #secWrap .voteWrap thead .tableNum{width: 10%;}
  #secWrap .voteWrap thead .tableTit{width: 50%;}
  #secWrap .voteWrap thead .tableSta{width: 20%;}
  #secWrap .voteWrap thead .tableDate{width: 20%;}
  
  
	

}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
  #secWrap .question span{font-size: 1.15em;}
  #secWrap .question::before{height: 15px;}

  #secWrap .result_list .all_num{font-size: 1.2em;}
  #secWrap .result_num .txt{font-size: 16px;}
 
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
  #secWrap .contWrap tbody .tableDate{font-size: 0.9em;}
  #secWrap .contWrap tbody td{font-size: 0.9em;}

}