.signup_wrap > div {
    margin-bottom: 3.5em;
    color: #333;
  }
  strong {
    font-size: 1.75em;
    font-weight: 500;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  strong::before {
    content: "";
    display: block;
    margin-right: 10px;
    background-size: cover;
  }

  strong, .signup_terms > div, .check_wrap label, .btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .check_wrap {
    position: relative;
  }
  .check_wrap input {
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .check_wrap label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .check_wrap label::before {
    content: "";
    width: 23px;
    height: 23px;
    display: block;
    margin-right: 10px;
    background-image: url(/common/img/check.png);
    background-size: cover;
    cursor: pointer;
  }

  .check_wrap input:checked + label::before {
    background-image: url(/common/img/checked.png);
  }

  .signup_wrap .signup_top {
    padding: 2em 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    background: url(/common/img/signup_line.png) no-repeat center top #f9fafb;
    border-bottom: 3px solid #f2f2f2;
    border-left: 3px solid #237287;
    border-right: 3px solid #26a19c;
    text-align: center;
  }
  .signup_wrap .signup_top::before {
    content: "";
    width: 3px;
    height: 70%;
    background-color: #f2f2f2;
    position: absolute;
    left: -3px;
    bottom: -3px;
    z-index: 1;
  }
  .signup_wrap .signup_top::after {
    content: "";
    width: 3px;
    height: 70%;
    background-color: #f2f2f2;
    position: absolute;
    right: -3px;
    bottom: -3px;
    z-index: 1;
  }
  .signup_top strong {
    width: 100%;
    margin-bottom: 0.5em;
    color: #237287;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .signup_top strong::before {
    content: "";
    width: 1em;
    height: 1em;
    display: block;
    margin-right: 10px;
    background-image: url(/common/img/signup.png);
  }
  
  .signup_top p{line-height: 1.3;}
  .signup_top p br{display: none;}
  
  .signup_terms > div {
    margin-bottom: 1em;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .signup_terms strong {
    margin-right: 2em;
  }
  .signup_terms strong::before {
    background-image: url(/common/img/desc.png);
    width: 23px;
    height: 12px;
  }
  .signup_terms textarea {
    width: 100%;
    min-height: 270px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 10px;
    border: 1px solid #d5d3d6;
    font-size: 1em;
    line-height: 1.4;
    resize: none;
  }
  .signup_terms textarea::-webkit-scrollbar {
    width: 1em;
    background-color: #e6e6e6;
  }
  .signup_terms textarea::-webkit-scrollbar-thumb {
    background-color: #666;
  }
  .all_check {
    padding: 2em 1em;
    background-color: #eefafa;
    text-align: center;
  }
  .all_check div {display: inline-block;}
  .all_check label {
    width: 100%;
    line-height: 1.3;
  }

  .all_check label br{display: none;}
  
  .btn_wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .btn_wrap button {
    width: 20%;
    padding: 1em 0;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    font-size: 1em;
  }
  
  .btn_wrap button.submit_btn {margin-right: 1.25em;
    background-color: #26a19c;
  }
  .btn_wrap button.cancel_btn {
    background-color: #8b8b8b;
  }

  .signup_detail > div {
    margin-bottom: 3.5em;
  }
  .signup_detail strong {
    margin-bottom: 1em;
  }
  .signup_detail .input_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 1em 0;
    border-top: 1px solid #d5d3d6;
    border-bottom: 1px solid #d5d3d6;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .signup_detail .input_wrap > div {
    padding: 1em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .signup_detail .input_wrap label {
    width: 120px;
    margin-right: 20px;
    line-height: 1.4;
  }
  .signup_detail .input_wrap .super {
    position: relative;
    box-sizing: border-box; padding: 14px;
  }
  .signup_detail .input_wrap .super::before {
    content: "";
    display: block;
    width: 9px;
    height: 10px;
    background-image: url(/common/img/star.png);
    position: absolute; left: 0; top: 50%;
    transform: translate(0, -50%);
  }
  .signup_detail .input_wrap input[type="text"],
  .signup_detail .input_wrap input[type="password"],
  .signup_detail .input_wrap input[type="email"]{
    padding-left: 5px;
    height: 2.5em;
    max-width: 552px;
    width: calc(100% - 140px);
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    outline: none;
  }
  .signup_detail .input_wrap .id_wrap input{margin-right: 20px; width: calc(100% - 260px);}
  .signup_detail .input_wrap .gender_wrap{width: 100%;}
  .signup_detail .input_wrap .gender_wrap div{width: 100px}
  .signup_detail .input_wrap .gender_wrap p{width: 70px; margin-right: 60px;}
  .signup_detail .input_wrap .gender_wrap label {margin-left: 10px;}
  .signup_detail .input_wrap .addr_wrap{width: 100%;
    flex-direction: column; -ms-flex-direction: column; align-items: flex-start;
  }
  .signup_detail .input_wrap .addr_wrap > div:first-child{display: flex; display: -ms-flexbox; margin-bottom: 30px;
    align-items: center; -ms-flex-item-align: center;
  }
  .signup_detail .addr_btn{width:100px; height: 40px; margin-left: 30px;
    color: #fff;
    background-color: #26a19c; 
    cursor: pointer;
  }
  .signup_detail .addr_info{display: flex; display: -ms-flexbox; width: 100%; padding-left: 40px;
    flex-direction: column; -ms-flex-direction: column;
    box-sizing: border-box;
  }
  .signup_detail .addr_info div{margin-bottom: 10px;}
  .signup_detail .addr_info label{width: 80px; display: inline-block; color: #777; font-size: 0.95em;}
  .signup_detail .input_wrap button {
    cursor: pointer;
    width: 100px;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 2px;
    background-color: #26a19c;
    color: #fff;
  }
  .signup_detail .all_check {
    margin-bottom: 7em;
    text-align: left;
    padding-left: 3em;
  }
  .signup_detail .all_check label {text-align: left;
    margin-bottom: 0.7em;
  }
  .signup_detail .all_check label:last-child {
    margin-bottom: 0;
  }
  .signup_detail .all_check label br{display: none;}

  @media screen and (max-width: 1030px) {
    .signup_detail .input_wrap input{max-width: 300px;}
  }

  @media screen and (max-width: 768px) {
    .signup_top p br{display: block;}
    .btn_wrap button{width: 25%;}
    .signup_detail .input_wrap button em{display: none;}
    .signup_detail .input_wrap .gender_wrap p{margin-right: 55px;}
    .signup_detail .all_check{margin-bottom: 5em;}
  }

  @media screen and (max-width: 479px) {
    strong {font-size: 1.15em;}
    .signup_terms strong{margin-right: 0.5em;}
    .signup_top p, .all_check label{font-size: 0.9em;}
    .check_wrap label::before{width: 18px; height: 18px;}
    .all_check label br{display: block;}
    .btn_wrap button{width: 35%;}

    .signup_detail .input_wrap{padding: 1em 0;}
    .signup_detail .input_wrap > div{flex-direction: column; -ms-flex-direction: column; padding: 0.5em 0;
      align-items: flex-start; -ms-flex-item-align: start;
    }
    .signup_detail .input_wrap input[type="text"], .signup_detail .input_wrap input[type="password"], .signup_detail .input_wrap input[type="email"] {width: 100%;}
    .signup_detail .input_wrap label {margin-bottom: 0.5em;}
    .signup_detail .input_wrap button{margin-top: 0.7em;}

    .signup_detail .input_wrap .addr_wrap > div:first-child{margin-bottom: 10px;}
    .signup_detail .input_wrap .addr_num{width: 55px;}
    .signup_detail .addr_info{padding-left: 10px;}
    .signup_detail .addr_btn{margin-left: 10px; font-size: 0.9em; width: 70px;}
    .signup_detail .input_wrap .addr_info label{width: 60px; display: block;}
    .signup_detail .input_wrap .addr_info input{width: 100%;}

    .signup_detail .all_check{margin-bottom: 3em;}

  }

  @media screen and (max-width: 350px) {
    strong{font-size: 1.1em;}
    .signup_top p{ word-break: keep-all;}
    .signup_top p br{display: none;}
    strong::before{margin-right: 5px;}
    .check_wrap label::before{width: 15px; height: 15px; margin-right: 5px;}
    .all_check label::before{margin-right: 10px;}
    .btn_wrap button{width: 40%;}

    .signup_detail .all_check label br{display: block;}
  }
  

  /*# sourceMappingURL=/signup.6b7f9522.css.map */