/*** contact us - 문의하기 페이지 ***/
.contact_wrap{width: 100%; padding: 190px 0 100px;}
.com_name{text-align: center; font-family: 'Pretendard'; font-size: 40px; color: #333; margin-bottom: 80px; font-weight: 600;}
.ask_wrap{max-width: 1200px; margin: 0 auto;}
.ask_list_wrap{width: 100%; border-top: 3px solid #01033c;}
.ask_list li{width: 100%; border-bottom: 1px solid #e5e5e5; padding: 18px 25px; display: flex; align-items: center;}
.listTit{width: 150px; font-size: 19px; font-weight: 600; color: #444; font-family: 'Pretendard';}
.ask_list input{padding: 10px; border: 1px solid #f0f2f9; background-color: #f0f2f9; outline: 0; width: calc(100% - 150px);}
.ask_list input::placeholder{font-family: 'Pretendard'; color: #333; font-size: 15px;}
.emailBox_wrap{display: flex; width: calc(100% - 150px);}
.emailBox_wrap span{margin: 0 8px; line-height: 40px; font-size: 16px; color: #686868;}
.ask_list li.askCont{align-items: flex-start; border-bottom: 0;}
.conBox{width: calc(100% - 150px); height: 300px; padding: 10px; border: 1px solid #f0f2f9; resize: none; outline: 0; background-color: #f0f2f9; overflow-y: scroll;}
.askCont textarea::placeholder{font-family: 'Pretendard'; color: #333; font-size: 15px;}

.privacy_wrap{display: block;width: 100%;} 
.privacy_wrap>p{font-family: 'Pretendard'; font-size: 17px; font-weight: 500;}
.ver03.agreement .check_input .text_box{display: block;} 
.ver03.agreement .check_input .text_box p{width: 100% !important; display: flex; flex-wrap: wrap; font-family: 'Pretendard';}
.ask_list li.ver03{border: 1px solid #e5e5e5; padding:20px; margin:0;}
.ver03 input[type="checkbox"]{display: none;}
.ver03 input[type="checkbox"] + label{display: inline-block; width:15px; height:15px; background-color: #f0f2f9; position:relative; border-radius: 2px; overflow:hidden; margin-right:10px;}
.ver03 .check_input{display: flex; margin-top:10px;}
.ver03 .check_input .text_box{align-items: center;transform: translateY(-1px); color:#888;display: flex;}
.ver03 .check_input .text_box p{font-size:15px;}
.ver03 .check_input p.tit01 span{color:#01033c; font-weight: 600; text-decoration: underline; cursor: pointer;}
.ver03 .slide_box{display: none;}
.ver03 input[id="ch_box"]:checked + label::after{content: ''; width:100%; height:100%; text-align: center; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/POLVOTING/16205796034447.jpg); position:absolute; top:0; right:0; background-size:cover;}
.ver03 .slide_box > div{width: 100%; background-color: #f0f2f9; height:200px; overflow-y: scroll; overflow-x: hidden; margin-top:5px;}
.ver03 .slide_box > p{padding:10px;}

.submit_wrap{text-align: center;}
.send{cursor: pointer; width: 200px; padding: 15px 0; background-color: #01033c; font-size: 18px; font-weight: 500; color: #fff; margin: 50px auto 0; font-family: 'Pretendard';}


/*** suggest - 투표 제안하기 페이지 ***/
.vote_option{margin-bottom: 60px;}
.suggest_wrap{width: 100%; padding: 190px 0 100px;}
.opTit_wrap{margin-bottom: 30px;}
.op_tit{font-family: 'Pretendard'; font-size: 20px; font-weight: 700; color: #01033c; margin-bottom: 10px;}
.op_btn{font-family: 'Pretendard'; font-weight: 400; color: #fff; font-size: 14px; padding: 8px 15px; border-radius:5px; background-color: #333; transition: 0.2s;}
.opList_sec{display: flex; align-items: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.opList_sec li:nth-child(1){width: 20%; font-size: 17px; font-family: 'Pretendard'; font-weight: 500; padding: 20px; background-color: #f0f2f9;}
.opList_sec li:nth-child(2){width: 80%; padding: 0 20px;}
.op_input{display: flex; align-items: center;}
.op_input input{width: 80%; border: 1px solid #ddd; outline: 0; padding: 7px 15px; margin-right: 10px;}
.op_input input::placeholder{font-family: 'Pretendard'; font-size: 15px; color: #222;}
.op_input span{font-size: 20px; color: #c11111; font-weight: 700; cursor: pointer;}
/* hover */
.op_btn:hover{background-color: #272dd3;}

.infoTit span{font-family: 'Pretendard'; font-size: 20px; font-weight: 700; color: #01033c; margin-bottom: 10px;}
.infoList_wrap{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.infoList_sec > li{display: flex; align-items: center; border-bottom: 1px solid #ddd;}
.infoList_sec > li:last-child{border-bottom: 0;}
.voLeft{padding: 20px; background-color: #f0f2f9; width: 20%; font-size: 17px; font-family: 'Pretendard'; font-weight: 500;}
.voRight{display: flex; align-items: center; width: 80%; padding: 0 20px;}
.vote_tit .voRight input{width: 100%; border: 1px solid #ddd; outline: 0; padding: 7px 15px; font-family: 'Pretendard'; font-size: 15px; color: #222;}
/* 비인증, 인증 체크 */
.vote_check  input[type="checkbox"]{ display: none; }
.vote_check  input[type="checkbox"] + label{
    display: inline-block;
    width: 20px;
    height: 20px;
    border:1px solid #ddd;
    border-radius: 4px;
    position: relative;
  }
.vote_check  input[type="checkbox"]:checked + label::after{
    content:'';
    font-size: 25px;
    width: 19px;
    height: 19px;
    border-radius: 4px;
    text-align: center;
    background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/POLVOTING/16205796034447.jpg) center/cover; 
    position: absolute;
    left: 0;
    top:0;
  }
.vote_check .voRight span{position:absolute; width:200px; left: 25px; font-family: "Pretendard";}
.vote_check .voRight > div{width:100px;}
.vote_date .voRight input{border: 1px solid #ddd; outline: 0; padding: 7px 15px; font-family: 'Pretendard'; font-size: 15px; color: #222; margin-right: 10px;}
.vote_date .voRight input:last-child{margin-right: 0;}
.vote_date .voRight span{margin-right: 10px;}
.vote_content .voLeft{height: 330px;}
.vote_content .voRight textarea{width: 100%; border: 1px solid #ddd; outline: 0; padding: 15px; height: 300px; overflow-y: scroll}

.sub_btn{text-align: center; margin-top: 30px;}
.sub_btn button{padding: 15px 40px; border-radius: 7px; background-color: #01033c; font-family: 'Pretendard'; font-size: 16px; font-weight: 600; color: #fff;}





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

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

    .ask_wrap{padding: 0 20px;}
 
}

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

}

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

  
}

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

}

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

}

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


}

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

    .contact_wrap{padding: 150px 0 80px;}
    .com_name{margin-bottom: 60px;}

    .op_input input{width: 100%;}
    .suggest_wrap{padding: 150px 0 80px;}
    .infoList_wrap{min-width: 640px; overflow-x: scroll;}

}

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

    .listTit{width: 110px; font-size: 16px;}
    .ask_list input, #conBox, .emailBox_wrap{width: calc(100% - 110px);}
    .emailBox_wrap span{font-size: 14px; margin: 0 5px;}
    .emailBox_wrap input{width: calc(100% - 24px);}
    .conBox{width: calc(100% - 105px);}
    .ask_list input::placeholder, .askCont textarea::placeholder{font-size: 13px;}

}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
    .opList_sec li:nth-child(1){width: 25%;}


}