main{
    background:url(/common/image/company/qna_image.png) no-repeat;
    background-size:cover;
    background-attachment: local;
    background-position: center;
    margin-bottom:120px;
}

.subnav{
    display:none;
}

.mob-nav-wrap{
    display:none;
}


.qna table{
 width:80%;
 margin:0 auto;
}

.qna table td{
    padding:16px;
}

.qna table td:nth-of-type(1){
    vertical-align:middle;
    padding-left:40px;
}

/*.qna table tr{
    border-top: 1px solid #ddd;
}*/

/*.qna table tr:last-child{
    border-bottom:1px solid #ddd;
}*/

.qna table td input{
    width:90%;
    padding:6px;
    border:none;
    border-bottom: 1px solid #ddd;
}

.qna table td textarea{
    resize:none;
    border:1px solid #ddd;
    width:90%;
    height:300px;
    text-align:left;
}

.noti{
    width:80%;
    background:#f9f9f9;
    margin:0 auto;
    padding:30px;
    margin-top:40px;


}

.qna table td input[type=text]:focus{
    border-bottom: 1px solid  #1580f7;
}

.qna table td input[type=tel]{
    border-bottom: 1px solid #ddd;
}

.qna table td input[type=tel]:focus{
    border-bottom: 1px solid  #1580f7;
}


.qna table td textarea:focus{
    outline:1px solid  #1580f7;
}

.btnWrap{
    width:80%;
    margin:40px auto;
    text-align:center;


}

.btnWrap input[type=button]{
    -webkit-appearance:button;
    -moz-appearance:button;
    font-size:16px;
    width: 150px;
    height: 42px;
    cursor:pointer;

}



.btnWrap input[type=button]:nth-of-type(1){
   background:#1580f7;
   border: 0;
   color:#FFFFFF;
    margin-right:10px;
}

.btnWrap input[type=button]:nth-of-type(2){
    background:#797979;
    border:0;
    margin-left:10px;
    color:#eaeaea;
}



 .btnWrap input[type=button]:active{
    border: 2px solid #000000;
    border-radius:2px;
}

 .emailWrap input[type=text]{
     width:150px;

 }

  /*.emailWrap input[type=text]:nth-of-type(1){
      margin-right:16px;
  }*/

  
  .emailWrap input[type=text]:nth-of-type(2){
      margin-left:16px;
  }

  @media all and (min-width:768px) and (max-width:1179px) {
    .qna table{
        width:90%;
    }


    .noti{
        width:90%;
    }

    .headerWrap {
        border-bottom: 1.5px solid white !important;
    }

    .nav-open-btn .line {
        background-color: white;
    }
}
  @media (max-width:1024px) {

    main {
        background:url(/common/image/company/qna_image_tp.png) no-repeat;
        background-size: cover;
        background-attachment: local;
        background-position: center;
    }
}



  @media all and (max-width:767px) { 
      
    .qna table{
        width:100%;
    }

    .noti{
        width:100%;
    }

    
    .headerWrap {
        border-bottom: 1.5px solid white !important;
    }

    .nav-open-btn .line {
        background-color: white;
    }

  }

@media all and (max-width:676px) {
    .qna table td:nth-of-type(1){
        padding-left:20px;
    }
     .emailWrap input[type=text]{
      width: calc(50% - 30px);
  }
}


@media all and (max-width:488px){

  main{
   margin-bottom:20px;
  }
   .qna tr{display:block;}
 .qna td{display:block; padding:10px !important; }
  .qna table td:nth-of-type(1){
    text-indent: 25px;
    position:relative;    
    color: #423b3b;
    font-weight: 500;}
  .qna table td:nth-of-type(1)::before{
    content: '';
    display: block;
       width: 50%;
    background: #e1efff;
    color: white;
    border-radius: 10px;
    height: 97%;
    position: absolute;
    top: 0;
    left: 0;
    /* border-bottom: 1px solid #ddd; */
    z-index: -1;
    margin-left: 16px;
  }


  .qna table td textarea{width:100%; outline:1px solid #ddd;}

  .btnWrap{width:100%;}

  .btnWrap input[type=button]{
      width:148px;
  }

  .btnWrap input[type=button]:nth-of-type(1){
      margin-right:4px;
  }
  .btnWrap input[type=button]:nth-of-type(2){
      margin-left:4px;
  }

    .noti {
    padding:10px;
    }

}