﻿.contant_wrap{
    margin-top:0 !important;
}

input [type=button]{
    -webkit-appearance:none;
}
.inform_contant p {
    font-weight: bold;
    text-align: left;
    /*margin-left: 5px;*/
    margin-top: 10px;
}


.to {
    display: inline-block;
    margin: 6px 0;
    width: 100%;
}

    .to span {
        float: left;
        margin: 8px 2px;
    }

.mailad {
    width: 93%;
    padding: 9px 5px 11px 14px;
    font-size: 1em;
    border: 1px solid #ccc;
    float: left;
}

    .mailad:focus {
        outline: 1px solid #eb254d;
    }


    .mailad option {
        width: 70%;
    }

.email_chck {
    width: 38%;
    padding: 10px 5px 10px 14px;
    border: 1px solid #ccc;
    font-size: 1em;
    float: left;
    /*margin-right: 5px;*/
}

    .email_chck:focus {
        outline: 1px solid #eb254d;
    }

.jo_contant_wrap {
    width: 100%;
    height: 100%;
    background-color: #ededed;
}

.checkbtn:disabled{
    background-color:#aaa;
    color:#424242
}

/*아이디비밀번호찾기 창*/
#tb_id{
    border-collapse:unset;
    width:100%;
    border-spacing:15px;
    text-align:left;
    
}
    #tb_id td{
        padding: 0 0 5px 5px;
        background-color:#f2f2f2;
        border-left: 2px solid #0076be;
    }



  /*모달창*/

  .modal{
      position:fixed;
  }

  .modal h3{
      text-align:center;
  }

  .modal-content{
      width:92%;
  }

  .tab-wrap{
      width:92%;
      margin:0 auto;
      padding-bottom:5%;
      height:80%;
      overflow:scroll;

  }
  .tab-wrap h3{
      font-size:22px;
  }

  .agree{
      margin-top:10px;
      margin-bottom:20px;
  }

  .agree input[type=checkbox]{
      visibility:hidden;
      width:0px ;
      height:0px;
      display:none;
  }

 .modal-btn{
     height:40px;
 }

  .agree span{
      display:inline-block;
      width:16px;
      height:16px;
      border: 1px solid #26217C;
      border-radius:4px;
      vertical-align:bottom;
      margin-right:10px;
      background:#FFFFFF;
  }


  .agree input[type=checkbox]:checked ~ span{
      background:#26217C;
  }

   .agree input[type=checkbox]:checked ~ span:after{
     content:'✔';
     color:#FFFFFF;
     position:relative;
     top:-1px;
     left:2px ;
  }

 .modal_txt{
     line-height:1.4;
     white-space: pre-line;
     height:50vh;
     overflow:scroll;
     border: 1px solid #eaeaea;
     background:#f9f9f9;
     color:#555555;
     font-size:13px;
     scrollbar-base-color:#26217C;
     padding:5px !important;
 }

 .agreeWrap label{
     display:block;
     text-align:left;
     margin-bottom:14px;
     margin-top:10px;
     position:relative;
 }

 .modal-content p{
     text-align:left;
 }

 .agreeWrap{
 background:#FFFFFF;
 padding:10px 4px;
 margin-bottom:10px;
 border: 1px solid #26217C;
 border-radius:4px;
 }

 .agreeWrap label:after{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 600;
color:#aaaaaa;
position:absolute;
right:10px;

 }
        .contants{
           /*margin-top:-20px;*/
        }       

        .topmenu{
            background:none !important;
            box-shadow:none;
        }

 
        .top_logo {
            display: none;
        }


        #accountTable {
         table-layout: auto !important;
        }

        #accountTable thead {
            font-size:12px;
        }

        #accountTable th{
            padding:6px;
        }



        #accountTable thead th:nth-of-type(1){
            width:20%;
        }

        #accountTable thead th:nth-of-type(2){
            width:40% !important;
        }

        #accountTable thead th:nth-of-type(3){
            width:40% !important;
        }

        .chgnum{
   border: 1px solid #090052;
    color: #255496;
    text-align: center;
    height: 60px;
    margin-bottom: 15px;
    font-size: 22px;
    padding: 16px 0;
    box-sizing: border-box;
    border-radius:4px;
}

.th_bg{
  background: linear-gradient(266.22deg, #881AFE 1.85%, #6290FF 95.72%), #638EFF !important;
  background: -webkit-linear-gradient(266.22deg, #881AFE 1.85%, #6290FF 95.72%), #638EFF !important;
  background: -moz-linear-gradient(266.22deg, #881AFE 1.85%, #6290FF 95.72%), #638EFF !important;
  background: -o-linear-gradient(266.22deg, #881AFE 1.85%, #6290FF 95.72%), #638EFF !important;
  background: -ms-linear-gradient(266.22deg, #881AFE 1.85%, #6290FF 95.72%), #638EFF !important;
  color:#FFFFFF;
 
}

.write_tb tr  {
         
    border-bottom: 1px solid #DADADA;

        }


    .write_tb tr:nth-of-type(1){
        background:#EDF1F2;

    }

        .write_tb tr th {
            /*padding: 10px 5px;*/
            /*width:30%;*/
            border-right: 1px solid #DADADA;

        }

        .write_tb tr td {
            padding:2px !important;
            font-size:13px;
            /*padding: 10px 10px 10px 20px;*/
            /*text-align:left*/
            border-right: 1px solid #DADADA;
        }

