/******** header ********/
header{width: 100%; height: 100px; position: fixed; z-index: 300; border-bottom: 1px solid #eee; background-color: #fff; padding: 0 20px;}
#headerWrap{max-width: 1200px; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
#headerWrap .h_logo a{display: block; width: 180px; height: 60px; background: center / auto 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/POLVOTING/162128881068998.png);}
#headerWrap .menuTab{width: 48px; height: 48px; border-radius: 100%; background-color: #01033c;}
#headerWrap .menuTab span{width: 20px; height: 2px; background-color: #fff; margin: 0 auto 4px;}
#headerWrap .menuTab span:last-child{margin-bottom: 0px;}

/* side menu */
.side_inner{z-index: 2; position: fixed; background-color: #fff; top: 0; right: -40%; width: 40%; height: 100%; transition: all 0.3s ease; padding: 70px 80px;}
.side_inner.on{right: 0;}
.side_inner .closeBtn{position: absolute; display: block; top: 70px; right: 80px; width: 30px; height: 30px; cursor: pointer; background: center / cover no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/POLVOTING/162060376681121.png); margin-top: 25px; margin-right: 20px;}
.bg-shadow{z-index: 1; position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; cursor: pointer;}
.sub .accordion{padding-top: 100px;}
.sub .accordion a{display: block; font-size: 40px; font-weight: 600; font-family: "Pretendard"; color: #555; padding: 15px 20px;}
.sub .accordion a:hover{color: #01033c;}




/******** footer ********/
footer{width: 100%; padding: 37px 0; background-color: #01033c;}
#footerWrap span{text-align: center; color: #fff; font-family: "Pretendard"; font-weight: 300; font-size: 0.9em;}
#footerWrap .f_privacy{margin-bottom: 12px;}




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

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){
    .side_inner {padding: 70px 40px;}
    .side_inner .closeBtn{right: 50px;}

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
    .side_inner{padding: 50px 25px;} 
    .sub .accordion{padding-top: 60px;}
    .sub .accordion a{font-size: 30px;}
    .side_inner .closeBtn{top: 40px; right: 30px;}

  
}

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

  
}

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
    .side_inner {width: 50%; right: -50%;}
    .sub .accordion a{font-size: 20px;}
    .side_inner .closeBtn{right: 30px; top: 50px; width: 25px; height: 25px;}


}

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

}

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


}

/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
    header{height: 70px;}
    #headerWrap .h_logo a{width: 150px; height: 50px;}
    #headerWrap .menuTab{width: 40px; height: 40px;}
    #headerWrap .menuTab span{width: 18px;}
    
    .side_inner {width: 70%; right: -70%;}

}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
    .side_inner {padding: 10px;}
    .side_inner .closeBtn{right: 15px; top: 15px;}

  
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
    .side_inner .closeBtn{width: 17px; height: 17px;}


}