.com_or_line {
    text-align: center;
    position: relative;
    color: var(--mono-03);
    font-size: var(--text-sm);
  }
  .com_or_line span {
    padding: 0 1.13em;
    background-color: #f9fafb;
    position: relative;
    z-index: 1;
  }
  .com_or_line::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--mono-03);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .sign_wrap {
    max-width: 820px;
    background-color: #f9fafb;
    border: 1px solid var(--border-base);
  }
  .sign_wrap .close_btn{position: absolute; top: 0; right: 0; padding: 1.25em; cursor: pointer; z-index: 1;}
  .sign_wrap .com_field_box{padding: 0;}
  .sign_wrap .com_register_inner {
    padding: 2.5em 4.75em;
  }
  .sign_wrap .com_register_tit {
    text-align: left;
    margin: 0 0 10px;
  }
  .sign_wrap .goto_google_btn {
    margin: 2.78em 0 1.94em;
  }
  .sign_wrap .com_field {
    padding: 9px 0;
    line-height: 1em;
  }
  .sign_wrap .com_field + .com_field {
    border: 0;
  }
  .sign_wrap .com_field_tit {
    font-size: var(--text-xs) !important;
    color: var(--mono-02) !important;
    font-weight: var(--font-normal) !important;
  }
  .sign_wrap .com_value_area {
    margin-top: 0.625em;
  }
  .popup_body.sign_wrap .com_input input {
    height: 3.125em;
  }

  .sign_wrap + .sign_wrap {
    margin-top: 2.5em;
  }

  /* email_sign_wrap */
  .email_sign_wrap .com_desc {
    padding-bottom: 1.875em;
  }
  .email_sign_wrap .flex_box {
    gap: 8px;
  }
  @media screen and (max-width: 800px) {
    .sign_wrap .com_register_inner{padding: 1.5em;}
    #loginPopup .sign_wrap .com_field_box{font-size: 0.8em;}
    .email_sign_wrap .flex_box {
      flex-direction: column;
      gap: 0;
    }
  }