@media (min-width: 1120px) {
  .account-desktop-visible {
    visibility: hidden;
    display: block;
  }

  .register-container {
    margin: 0;
    /*overflow: auto;*/
    /*width: 100%;*/
    min-height: 100vh;
    position: relative;
    padding-top: 45px;
    padding-bottom: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    align-items: center;
    z-index: 1;

    /*background-size: cover;*/
  }

  .account-popup-container {
    height: 1020px !important;
    padding-top: 58px !important;
  }

  .account-background-image {
    background-attachment: fixed;
    background: url('/images/img-joinbg-full.png') no-repeat,
      linear-gradient(89deg, rgb(254, 254, 254) 0%, rgb(251, 250, 245) 54%,
        rgb(250, 248, 241) 100%);
    background-size: cover;

  }

  .bg-animation {
    background-attachment: fixed;
    animation-name: moveBg;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    background: url('/images/img-joinbg-full.png') no-repeat,
      linear-gradient(89deg, rgb(253, 249, 222) 0%, rgb(251, 243, 209) 54%, rgb(251, 239, 212) 100%);
    background-size: cover;

    /*animation-iteration-count: infinite;*/
  }

  @keyframes moveBg {
    0% {
      background-position: 0 0, 0;
    }

    100% {
      background-position: -300px 0, 0;
    }
  }

  @-webkit-keyframes moveBg {
    0% {
      background-position: 0 0, 0;
    }

    100% {
      background-position: -300px 0, 0;
    }
  }


  .bgAnimation1 {
    animation-name: moveBg1;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;


    /*animation-iteration-count: infinite;*/
  }

  .animation1-background {
    background-attachment: fixed;
    background: url('/images/img-joinbg-full.png') no-repeat,
      linear-gradient(89deg, rgb(255, 245, 205) 0%, rgb(252, 244, 199) 50%, rgb(251, 240, 190) 100%);
    /*        background-size: cover; 배경 흔들림 삭제*/
  }

  @keyframes moveBg1 {
    0% {
      background-position: -300px 0, 0;
    }

    100% {
      background-position: -600px 0, 0;
    }
  }

  @-webkit-keyframes moveBg1 {
    0% {
      background-position: -300px 0, 0;
    }

    100% {
      background-position: -600px 0, 0;
    }
  }

  .bgAnimation2 {
    background-attachment: fixed;
    animation-name: moveBg2;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;

    background: url('/images/img-joinbg-full.png') no-repeat,
      linear-gradient(144deg, rgb(250, 238, 172) 15%, rgb(248, 230, 147) 60%,
        rgb(245, 216, 149) 100%);
    background-size: cover;
    /*animation-iteration-count: infinite;*/
  }

  @keyframes moveBg2 {
    0% {
      background-position: -600px 0, 0;
    }

    100% {
      background-position: -900px 0, 0;
    }
  }

  @-webkit-keyframes moveBg2 {
    0% {
      background-position: -600px 0, 0;
    }

    100% {
      background-position: -900px 0, 0;
    }
  }

  .bgAnimation3 {
    background-attachment: fixed;
    animation-name: moveBg3;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    background: url('/images/img-joinbg-full.png') no-repeat,
      linear-gradient(144deg, rgb(249, 232, 141) 0%, rgb(246, 220, 106) 60%, rgb(241, 200, 107) 100%);
    background-size: cover;

    /*animation-iteration-count: infinite;*/
  }

  @keyframes moveBg3 {
    0% {
      background-position: -900px 0, 0;
    }

    100% {
      background-position: -1050px 0, 0;
    }
  }

  @-webkit-keyframes moveBg3 {
    0% {
      background-position: -900px 0, 0;
    }

    100% {
      background-position: -1050px 0, 0;
    }
  }


  .bgAnimation4 {
    animation-name: moveBg4;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    background: url('/images/img-joinbg-full.png') no-repeat,
      linear-gradient(144deg, rgb(247, 226, 110) 15%, rgb(243, 214, 68) 53%, rgb(238, 185, 68) 100%);
    background-size: cover;

    /*animation-iteration-count: infinite;*/
  }

  @keyframes moveBg4 {
    0% {
      background-position: -1050px 0, 0;
    }

    100% {
      background-position: -1200px 0, 0;
    }
  }

  @-webkit-keyframes moveBg4 {
    0% {
      background-position: -1050px 0, 0;
    }

    100% {
      background-position: -1200px 0, 0;
    }
  }


  .close-btn-container {
    position: absolute;
    right: 0px;
    top: 0;
    cursor: pointer;
    text-align: right;
  }

  .account-signup-text1 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #1a2e5c;
  }

  .account-signup-text2 {
    font-weight: 300;
    text-align: center;
    color: #1a2e5c;
    font-size: 48px;
    margin-bottom: 15px;
  }

  .account-signup-text2-brown {
    color: #a16912 !important;
  }

  .account-signup-text3 {
    margin-left: 38px;
    font-size: 1.5rem;
    text-align: center;
    color: #757575;
    letter-spacing: -0.45px;
    /*margin-bottom: 25px;*/
  }

  .account-signup-text4 {
    font-size: 18px;
    font-weight: bold;
    color: #1a1a1a;
    letter-spacing: -0.54px;
    margin-bottom: 7px;
  }

  .account-signup-text5 {
    font-size: 13px;
    margin-left: 38px;
    letter-spacing: -0.36px;
    color: #757575;
  }

  .account-signup-text5 span {
    background-color: rgba(255, 212, 29, 0.2);
    font-weight: bold !important;
  }

  .account-signup-text6 {
    font-size: 18px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 12px;
  }

  .account-signup-text7 {
    font-size: 16px;
    color: #6e7074;
    margin-bottom: 15px;
    margin-left: 33px;
    cursor: pointer;
  }

  .account-signup-text7:hover {
    color: rgba(122, 122, 122, 0.9);
  }

  .account-signup-term-m-b {
    margin-bottom: 35px;
  }

  .account-signup-text8 {
    font-size: 13px;
    letter-spacing: -0.39px;
    color: #6e7074;
  }

  .account-signup-text9 {
    font-size: 15px;
    letter-spacing: -0.45px;
    color: #626572;
  }

  .account-signup-text10 {
    opacity: 0.6;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #6e6c6c;
    margin-left: 38px;
  }

  .account-signup-account-select-container {
    justify-content: normal;
    margin-bottom: 55px
  }

  .account-signup-auth-request-text1 {
    font-size: 1.5rem;
    letter-spacing: -0.45px;
    text-align: center;
    color: #757575;
  }

  .account-signup-auth-request-text2 {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: -0.4px;
    text-align: center;
    color: #1a1a1a;
  }

  .account-signup-auth-request-text3 {
    font-size: 15px;
    letter-spacing: -0.38px;
    color: #1a1a1a;
    text-align: center;

  }

  .account-register-complete-info-container {
    box-sizing: border-box;
    height: 195px;
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    border: solid 1px rgba(161, 105, 18, 0.2);
    background-color: rgba(161, 105, 18, 0.08);
  }

  .account-register-complete-info-text1 {
    font-size: 16px;
    font-weight: bold;
    /*line-height: 2.63;*/
    letter-spacing: -0.48px;
    color: #a16912;
  }


  .account-register-complete-info-text2 {
    font-size: 13px;
    color: #a16912;
    /*margin-left: 30px;*/
    line-height: 1.54;
    letter-spacing: -0.39px;
  }

  .account-signup-auth-bullet {
    width: 2px;
    height: 2px;
    background-color: #a16912;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 3px;
    display: inline-block;
  }

  .account-signup-line-container {
    display: flex;
  }

  .account-signup-line {
    height: 1px;
    width: 110px;
    background-color: #1a1a1a;
  }

  .account-signup-auth-request-line {
    height: 1px;
    width: 110px;
    animation-name: move-line;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    background-color: #1a1a1a;
  }


  .signup-corporate-card-content-container {
    display: flex;
  }

  .signup-corporate-check-name-container {
    display: flex;
  }

  @keyframes move-line {
    0% {
      width: 110px;
    }

    100% {
      width: 165px;
    }
  }

  @-webkit-keyframes move-line {
    0% {
      width: 110px;
    }

    100% {
      width: 1650px;
    }
  }


  .account-signup-info-line {
    height: 1px;
    width: 165px;
    animation-name: move-line1;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    background-color: #1a1a1a;
  }

  @keyframes move-line1 {
    0% {
      width: 165px;
    }

    100% {
      width: 220px;
    }
  }

  @-webkit-keyframes move-line1 {
    0% {
      width: 165px;
    }

    100% {
      width: 220px;
    }
  }

  .account-signup-credit-card-line {
    height: 1px;
    width: 220px;
    animation-name: move-line2;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    background-color: #1a1a1a;
  }


  @keyframes move-line2 {
    0% {
      width: 220px;
    }

    100% {
      width: 330px;
    }
  }

  @-webkit-keyframes move-line2 {
    0% {
      width: 220px;
    }

    100% {
      width: 330px;
    }
  }

  .account-signup-drive-license-line {
    height: 1px;
    width: 3300px;
    animation-name: move-line3;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    background-color: #1a1a1a;
  }

  @keyframes move-line3 {
    0% {
      width: 330px;
    }

    100% {
      width: 440px;
    }
  }

  @-webkit-keyframes move-line3 {
    0% {
      width: 330px;
    }

    100% {
      width: 440px;
    }
  }


  .account-signup-line2 {
    height: 1px;
    flex-grow: 1;
    opacity: 0.2;
    background-color: #1a1a1a;
  }

  .account-signup-button-container {
    display: flex;
    justify-content: flex-end;
    /*text-align: left;*/
  }

  .account-signup-button {
    border: none;
    box-sizing: border-box;
    width: 108px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 8px 8px 0 lightgray;
    background-image: linear-gradient(145deg, #ffd41d 7%, #ffb023 125%);
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    color: #1a1a1a;
    padding-left: 10px;
  }

  .account-signup-button:disabled,
  .account-signup-button[disabled] {
    height: 64px;
    border-radius: 24px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: none;
    background-color: #dbdbde;
    background-image: none;
    color: #b9bbc1;
    cursor: not-allowed;
  }


  .account-signup-info-button-container {
    display: flex;
    justify-content: space-between;
    /*text-align: left;*/
  }

  .account-signup-label-container {
    display: flex;
    /*justify-content: space-evenly;*/
  }

  .account-signup-driver-label-container {
    display: flex;
    /*justify-content: space-evenly;*/
  }

  .account-signup-pw-label-container {
    display: flex;
    /*justify-content: space-evenly;*/
  }

  .account-signup-label {
    flex: 1;
  }

  .account-signup-driver-birth {
    width: 120px;
  }

  .account-signup-driver-birth-gender {
    width: 42px;
  }

  .account-signup-driver-birth-circle {
    font-size: 12px;
  }

  .account-signup-label-text {
    font-size: 16px;
    color: #1a1a1a;
    letter-spacing: -0.48px;
    font-weight: bold;
  }

  .account-signup-mobile-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 134px 6px auto 6px 142px;
    grid-template-columns: 134px auto 142px;
    grid-column-gap: 6px;
    /*justify-content: flex-end;*/
  }

  .mobile-company {
    width: 134px;
  }

  .account-signup-back-button {
    width: 64px;
    height: 64px;
    padding: 17px;
    border-radius: 24px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border: solid 1px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    cursor: pointer;
  }

  .account-signup-detail-container {
    width: 100%;
    height: 98px;
    box-sizing: border-box;
    padding: 16px;
    opacity: 0.7;
    border-radius: 8px;
    background-color: #f5f5f4;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: -0.9px;
    color: #7b7d81;
  }


  .account-signup-detail-bullet {
    width: 4px;
    height: 4px;
    background-color: #7b7d81;
    display: inline-block;
    border-radius: 50%;
    margin-right: 4px;
  }

  .danji-result-count {
    font-weight: bold;
    color: #a16912;
  }

  .address-result-count {
    font-weight: bold;
    color: #a16912;
    text-decoration: underline;
  }



  .address-close-btn {
    cursor: pointer;
  }

  .address-close-icon {
    top: 0;
    right: -42px;
    position: absolute;
    cursor: pointer;

  }

  .danji-close-btn {

    cursor: pointer;
  }

  .danji-close-icon {
    top: 0;
    right: -42px;
    position: absolute;
    cursor: pointer;

  }

  .account-signup-danji-container {
    display: flex;
    position: relative;
  }

  .account-danji-invalid {
    display: none;
    position: absolute;
    bottom: -25px;
    left: 0;

    font-size: 1.6rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.08px;
    text-align: left;
    color: #ff623c;
  }

  .account-signup-danji-container input {
    flex-grow: 100;
    box-sizing: border-box;
  }

  .account-signup-postcode-container {
    display: flex;
  }

  .account-signup-account-detail-container {
    position: relative;
  }

  .account-address-invalid {
    display: none;
    position: absolute;
    bottom: -25px;
    left: 0;
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.08px;
    text-align: left;
    color: #ff623c;
  }

  .account-signup-postcode-container input {
    width: 174px;
  }

  .account-signup-pw-container {
    flex: 1;
  }

  .account-signup-pw-container input {
    width: 100%;
  }

  .account-signup-required {
    color: #a16912;
    font-size: 16px;
    font-weight: bold;
  }

  .m-account-signup-input-bottom-margin {
    position: relative;
  }

  .pw-input-container {
    position: relative;
  }

  .account-passwd-pattern-invalid {
    display: none;
    margin-top: 6px;
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.08px;
    text-align: left;
    color: #ff623c;
  }

  .account-passwd-confirm-invalid {
    display: none;
    margin-top: 6px;
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.08px;
    text-align: left;
    color: #ff623c;
  }


  .account-email-invalid {
    display: none;
    margin-top: 6px;
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.08px;
    text-align: left;
    color: #ff623c;
  }

  .pw-input-container {
    position: relative;
  }

  #passwd::placeholder {
    font-size: 11px;
  }

  #passwdText {
    display: none;
  }

  #passwdText::placeholder {
    font-size: 11px;
  }

  #passwdConfirmText {
    display: none;
  }

  .pw-input-icon {
    position: absolute;
    right: 12px;
    top: 15px;
    cursor: pointer;
  }

  .account-signup-info-text1 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.36px;
    color: #757575;
  }

  .account-signup-info-text2 {
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: -0.36px;
    color: #757575;
  }

  .account-signup-info-text3 {
    background-color: rgba(255, 212, 29, 0.2);
  }


  .danji-container {
    /*width: 100%;*/
    /*height: 100vh;*/
    /*!*opacity: 0.34;*!*/
    /*background-color: rgba(35, 31, 32, 0.34);*/
    /*position: relative;*/
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(35, 31, 32, 0.5);
    top: 0;
    visibility: hidden;
    z-index: 9999999999;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .danji-popup-container {
    box-sizing: border-box;
    padding-top: 45px;
    padding-left: 30px;
    padding-right: 30px;
    margin: auto;
    width: 585px;
    /*max-height: 466px;*/
    /*padding: 30px  36px;*/
    padding-bottom: 30px;
    border-radius: 16px;
    box-shadow: 0 19px 38px 0 rgba(0, 0, 0, 0.26);
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


  .danji-popup-search-container {

    overflow-y: auto;
    max-height: 400px;

  }

  .danji-text1 {
    font-size: 16px;
    letter-spacing: -0.1px;
    color: #1a1a1a;
  }

  .address-text1 {
    font-size: 16px;
    letter-spacing: -0.1px;
    color: #1a1a1a;
    visibility: hidden;
    margin-bottom: 3px;
  }

  /*.account-signup-credit-card-container {*/
  /*    flex: 1;*/
  /*}*/
  .account-signup-card-number-container {
    display: flex;
  }

  .corporate_card_agree {
    font-size: 1.65vw !important;
    font-weight: 600;
    padding-left: 5px;
    padding-top: 12px;
  }

  .account-signup-credit-card-container {
    width: 268px;
  }

  .account-signup-credit-card-date-container {
    width: 96px;
  }


  .account-signup-credit-card-pw-container {
    width: 150px;
  }


  .account-signup-credit-card-link {
    font-size: 13px;
    font-weight: bold;
    color: #242839;
    border-bottom: solid 1px #242839;
    cursor: pointer;
  }

  .account-signup-license-container {
    display: flex;
  }

  .account-signup-license-inner-container {
    width: 226px;
    display: flex;
  }

  .account-signup-license-type-container {
    flex: 1;
  }

  .account-signup-licence-sub-type-container {
    flex: 1;
  }

  .account-signup-license-number-container {
    flex-grow: 100;
  }

  .account-signup-complete-text1 {
    font-size: 56px;
    font-weight: 500;
    letter-spacing: -4.48px;
    color: #1a1a1a;
  }

  .account-signup-complete-text2 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #1a1a1a;
    margin-bottom: 35px;
  }

  .account-signup-complete-text3 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #1a1a1a;
  }

  .account-signup-complete-text4 {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: -0.48px;
    color: #a16912;
  }

  .account-signup-complete-text5 {
    font-size: 13px;
    letter-spacing: -0.39px;
    color: #a16912;
  }

  .account-signup-complete-point {
    display: inline-block;
    background-color: rgba(255, 212, 29, 0.41);
    /*height: 26px;*/
    line-height: 1.2;
  }

  .account-signup-complete-box {
    box-sizing: border-box;
    /*    width: 552px; pc버전 위굴리 가입 승인> 하단 회원가입 여부 궁금?*/
    /*height: 108px;*/
    padding: 18px 55px 18px 24px;
    /*padding: 18px 15px 18px 24px;*/
    border-radius: 16px;
    border: solid 1px rgba(161, 105, 18, 0.2);
    background-color: rgba(161, 105, 18, 0.08);
  }

  .account-signup-auth-request-img {
    text-align: center;
  }

  .account-signup-auth-request-img img {
    width: 300px;
  }

  .nice-info-container {
    margin-bottom: 20px;
  }

  .nice-info-title-text {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: -0.48px;
    text-align: left;
    color: #1a1a1a;
    margin-right: 8px;
  }

  .nice-info-content-text {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #1a1a1a;
  }

  .nice-divider {
    display: inline-block;
    width: 2px;
    height: 14px;
    margin: 0 8px 0;
    background-color: rgba(0, 0, 0, 0.4);
  }

  .lic-container {
    position: relative;
  }

  .info-button-width {
    width: 104px;
  }
}

@media (max-width: 1119px) {
  .register-container {
    margin: 0;
    padding: 0;
    overflow: auto;
    /*width: 100%;*/
    /*height: 100vh;*/
    position: relative;
    /*background-size: cover;*/
    /*background-image: linear-gradient(to bottom, #ffffff, #faf8f1);*/
    background: #FCFCFC
  }

  .account-background-image {
    background-color: #fcfcfc;
  }

  .close-btn-container {
    position: absolute;
    right: 4.814814814814815vw;
    top: 2.2222222222222223vw;
    cursor: pointer;
    z-index: 9999;
    text-align: right;
  }

  .close-btn-container img {
    width: calc(100vw * 0.091);
  }


  .account-signup-text1 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #1a2e5c;
  }

  .account-signup-text2 {
    font-weight: 300;
    text-align: center;
    letter-spacing: -1.8px;
    color: #1a1a1a;
    font-size: 10.0vw;
    margin-bottom: 2.5925925925925926vw;
  }

  .account-signup-text2-brown {
    color: #a16912 !important;
    margin-bottom: calc(100vh * 0.0140625);
  }

  .account-signup-text3 {
    font-size: 3.888888888888889vw;
    text-align: center;
    letter-spacing: -0.23333333333333334vw;
    color: rgb(139, 137, 137);
    margin-bottom: 6.388888888888889vw;
  }

  .account-signup-auth-text-container {
    margin-bottom: calc(100vh * 0.0359375);

  }

  .account-signup-text4 {
    font-size: 4.074074074074074vw;
    letter-spacing: -0.16296296296296298vw;
    font-weight: bold;
    margin-bottom: 0.6481481481481481vw;
    color: #1a1a1a;
  }

  .account-signup-text5 {
    font-size: 3.0555555555555554vw;
    color: #1a1a1a;
    margin-left: calc(100vw * 0.095);
    margin-bottom: 9.351851851851851vw;
  }

  .account-signup-text5 span {
    background-color: rgba(255, 212, 29, 0.2);
  }

  .account-signup-text6 {
    font-size: 4.074074074074074vw;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 4vw;
  }

  .account-signup-text7 {
    display: flex;
    justify-content: space-between;
    font-size: 3.888888888888889vw;
    color: #626572;
    margin-bottom: 4vw;
    margin-left: calc(100vw * 0.095);
  }

  .account-signup-term-m-b {
    margin-bottom: 12.685185185185185vw;
  }

  .account-signup-text7 img {
    align-self: center;
    width: calc(100vw * 0.0379444444);
  }

  .account-signup-text8 {
    font-size: 3.5vw;
    /*    letter-spacing: -0.6px;*/
    color: #939393;
  }

  .account-signup-text9 {
    font-size: 3.7vw;
    letter-spacing: -0.42px;
    color: #626572;
  }

  .account-signup-text10 {
    opacity: 0.6;
    font-size: 1.2rem;
    letter-spacing: -0.6px;
    color: #6e6c6c;
    margin-left: calc(100vw * 0.0740555)
  }

  .account-signup-account-select-container {
    justify-content: normal;
    margin-bottom: calc(100vh * 0.03540625);
  }

  .account-term-all-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .account-signup-term-all-container {
    margin-bottom: calc(100vh * 0.19);
  }


  .account-term-all-container img {
    width: calc(100vw * 0.0444444);
    align-self: flex-start;
  }

  .agree-marketing-checkbox-container {
    margin-right: 2vw !important;
  }

  .agree-marketing-checkbox-label-container {
    margin-right: 2.962962962962963vw;
  }

  .signup-corporate-check-name-container {
    display: flex;
  }

  .account-signup-auth-request-text1 {
    font-size: 4vw;
    letter-spacing: -0.45px;
    text-align: center;
    color: #6e6c6c;
    opacity: 0.8;
  }

  .account-signup-auth-request-text2 {
    font-size: 4vw;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    color: #1a1a1a;
  }


  .account-signup-auth-request-text3 {
    font-size: 3vw;
    letter-spacing: -0.42px;
    color: #1a1a1a;
    text-align: center;

  }

  .account-register-complete-info-container {
    box-sizing: border-box;
    /*height: 96px;*/
    padding: calc(100vh * 0.0171875) calc(100vw * 0.038888);
    border-radius: 5px;
    border: solid 1px rgba(161, 105, 18, 0.2);
    background-color: rgba(161, 105, 18, 0.08);
  }

  .account-register-complete-info-container img {
    width: calc(100vw * 0.03888);
    margin-right: calc(100vw * 0.01388);
  }

  .account-register-complete-info-text1 {
    font-size: 3.5vw;
    font-weight: bold;
    letter-spacing: -0.4px;
    color: #a16912;
  }


  .account-register-complete-info-text2 {
    font-size: 3.2vw;
    color: #a16912;
    /*margin-left: 30px;*/
    letter-spacing: -0.36px;
  }

  .account-signup-auth-bullet {
    width: 2px;
    height: 2px;
    background-color: #a16912;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 3px;
    display: inline-block;
  }

  .account-signup-line-container {
    display: flex;
  }

  .account-signup-line {
    height: 1px;
    width: 110px;
    background-color: #1a1a1a;
  }

  .account-signup-auth-request-line {
    height: 1px;
    width: 110px;
    animation-name: move-line;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    background-color: #1a1a1a;
  }


  .address-text1 {
    margin-top: 5.185185185185185vw;
    font-size: 3.7037037037037037vw;
    letter-spacing: -0.1111111111111111vw;
    color: #1a1a1a;
    visibility: hidden;
    /*margin-bottom: 3px;*/
  }

  @keyframes move-line {
    0% {
      width: 110px;
    }

    100% {
      width: 165px;
    }
  }

  @-webkit-keyframes move-line {
    0% {
      width: 110px;
    }

    100% {
      width: 1650px;
    }
  }


  .account-signup-info-line {
    height: 1px;
    width: 165px;
    animation-name: move-line1;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    background-color: #1a1a1a;
  }

  @keyframes move-line1 {
    0% {
      width: 165px;
    }

    100% {
      width: 220px;
    }
  }

  @-webkit-keyframes move-line1 {
    0% {
      width: 165px;
    }

    100% {
      width: 220px;
    }
  }

  .account-signup-credit-card-line {
    height: 1px;
    width: 220px;
    animation-name: move-line2;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    background-color: #1a1a1a;
  }


  @keyframes move-line2 {
    0% {
      width: 220px;
    }

    100% {
      width: 330px;
    }
  }

  @-webkit-keyframes move-line2 {
    0% {
      width: 220px;
    }

    100% {
      width: 330px;
    }
  }

  .account-signup-drive-license-line {
    height: 1px;
    width: 3300px;
    animation-name: move-line3;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    background-color: #1a1a1a;
  }

  @keyframes move-line3 {
    0% {
      width: 330px;
    }

    100% {
      width: 440px;
    }
  }

  @-webkit-keyframes move-line3 {
    0% {
      width: 330px;
    }

    100% {
      width: 440px;
    }
  }


  .account-signup-line2 {
    height: 1px;
    flex-grow: 1;
    opacity: 0.2;
    background-color: #1a1a1a;
  }

  .account-signup-button-container {
    display: flex;
    justify-content: flex-end;
    /*text-align: left;*/
  }

  .account-signup-button {
    border: none;
    box-sizing: border-box;
    /*width: 142px;*/
    height: calc(100vh * 0.075);
    display: flex;
    align-items: center;
    padding-left: calc(100vw * 0.0314722);
    border-radius: 11px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 -4px 4px 0 #ffffff;
    /*background-image: linear-gradient(145deg, #ffd41d 7%, #ffb023 125%);*/
    background-color: #ffd41d;
    font-size: 1.5rem;
    font-weight: bold;
    color: #1a1a1a;
  }

  .account-signup-button:disabled,
  .account-signup-button[disabled] {
    height: 64px;
    border-radius: 24px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 12px 10px 0 rgba(83, 57, 18, 0.12);
    background-color: #dbdbde;
    background-image: none;
    color: #b9bbc1;
  }


  .account-signup-info-button-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: calc(100vh * 0.03125);
    /*text-align: left;*/
  }

  .account-signup-auth-button-container {
    display: flex;
    justify-content: center;

    margin-bottom: calc(100vh * 0.03125);
    /*text-align: left;*/
  }

  .m-signup-button {
    flex-grow: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(100vw * 0.025);
    height: calc(100vw * 0.1333) !important;
    border-radius: 11px !important;
    box-shadow: 0 4px 8px 0 #a26a00;
    height: 13.333333333333334vw !important;
    border-radius: 2.962962962962963vw !important;
  }

  .account-signup-info-content-container {
    margin-bottom: 6.666666666666667vw;
  }

  .account-signup-label-container {
    display: flex;
    margin-bottom: 2.2222222222222223vw;
    /*justify-content: space-evenly;*/
  }

  .payment_pw {
    font-size: 2vw;
  }

  .account-signup-driver-label-container {}

  .account-signup-driver-birth-container {
    display: flex;
    align-items: center;
  }

  .account-signup-driver-birth {
    width: 50%;
  }

  .account-signup-driver-birth-gender {
    width: calc(100vw * 0.1);
    text-align: center;
    padding-left: 0px;
  }

  .account-signup-driver-birth-circle {
    font-size: 2vw;
  }


  .account-signup-label {
    flex: 1;
  }

  .account-signup-label-text {
    font-size: 3.5vw;
    color: #1a1a1a;
    letter-spacing: -0.1vw;
    font-weight: bold;
  }

  .account-signup-mobile-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 134px 6px auto 6px 142px;
    grid-template-columns: 134px auto 142px;
    grid-column-gap: 6px;
    /*justify-content: flex-end;*/
  }

  .mobile-company {
    width: 134px;
  }

  .account-signup-back-button {
    width: calc(100vw * 0.1333);
    height: calc(100vw * 0.1333);
    padding: calc(100vw * 0.0305555);
    border-radius: 11px;
    /*-webkit-backdrop-filter: blur(30px);*/
    /*backdrop-filter: blur(30px);*/
    border: solid 1px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
  }

  .account-signup-back-button img {
    width: calc(100vw * 0.07036);
    height: calc(100vw * 0.07036);
  }

  .account-signup-detail-container {
    width: 100vw;
    box-sizing: border-box;
    margin-left: calc(100vw * -0.056);
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    padding-bottom: 5.555555555555555vw;
    padding-top: 5.185185185185185vw;
    background-color: rgb(247, 247, 246);
    font-size: 3.3333333333333335vw;
    line-height: 1.67;
    letter-spacing: -0.25vw;
    color: rgb(124, 125, 129);
  }

  .account-signup-detail-bullet {
    width: calc(100vw * 0.011);
    height: calc(100vw * 0.011);
    background-color: #7b7d81;
    display: inline-block;
    border-radius: 50%;
    margin-right: calc(100vw * 0.015);
  }

  .m-account-signup-button-container {
    margin-top: 5.555555555555555vw;
    width: 100%;
    border-radius: 11px;
    box-shadow: 0 4px 8px 0 #a26a00;
    background-color: #ffd41d;
    font-size: 4.074074074074074vw;
    letter-spacing: -0.10185185185185185vw;
    font-weight: bold;
    text-align: center;
    outline: none;
    border: none;
    height: 12.87037037037037vw;
  }

  .danji-result-count {
    font-weight: bold;
    color: #a16912;
  }

  .address-result-count {
    font-weight: bold;
    color: #a16912;
  }


  .address-close-btn {
    cursor: pointer;
  }

  .danji-close-btn {
    cursor: pointer;
  }

  .account-signup-danji-container {
    display: flex;
    margin-bottom: 5.555555555555555vw;
  }

  .account-signup-danji-station-input {
    margin-right: calc(100vw * 0.01666);
  }

  .m-account-signup-input-right-margin {
    margin-right: calc(100vw * 0.01666);
  }

  .m-account-signup-input-bottom-margin {
    margin-bottom: 2.2222222222222223vw;
  }

  .account-signup-danji-container input {
    flex-grow: 100;
    box-sizing: border-box;
  }

  .account-signup-account-detail-container {
    margin-bottom: 5.555555555555555vw;
  }

  .account-signup-postcode-container {
    display: flex;
  }

  .account-signup-postcode-container input {
    width: calc(100vw * 0.4259166);
  }

  .account-signup-pw-container {
    margin-bottom: calc(100vh * 0.01875);
    flex: 1;
  }

  .account-signup-pw-container input {
    width: 100%;
  }

  .account-signup-required {
    color: #a16912;
    font-size: 3vw;
    font-weight: bold;
    margin-left: 0.5vw;
  }

  .account-signup-info-text1 {
    font-size: 3.0555555555555554vw;
    /*font-weight: bold;*/
    letter-spacing: -0.12222222222222223vw;
    color: #1a1a1a;
  }

  .account-signup-info-text2 {
    font-size: 3.0555555555555554vw;
    letter-spacing: -0.12222222222222223vw;
    color: #1a1a1a;

  }

  .account-signup-info-text3 {
    background-color: rgba(255, 212, 29, 0.2);
  }

  .account-signup-info-text4 {
    font-size: 3.0555555555555554vw;
    letter-spacing: -0.12222222222222223vw;
    color: #939393;
  }

  .danji-container {
    width: 100%;
    display: none;
    /*height: 100vh;*/
    /*opacity: 0.34;*/
    /*background-color: rgba(35, 31, 32, 0.34);*/
    /*position: relative;*/
  }

  .danji-popup-container {
    box-sizing: border-box;
    padding: calc(100vh * 0.01875) calc(100vw * 0.055555)
      /*box-sizing: border-box;*/
      /*padding-top: 45px;*/
      /*padding-left: 30px;*/
      /*padding-right: 30px;*/
      /*margin: auto;*/
      /*width: 30%;*/
      /*height: 466px;*/
      /*padding: 30px  36px;*/
      /*border-radius: 16px;*/
      /*box-shadow: 0 19px 38px 0 rgba(0, 0, 0, 0.26);*/
      /*background-color: #fcfcf7;*/
      /*position: absolute;*/
      /*top: 50%;*/
      /*left: 50%;*/
      /*transform: translate(-50%, -50%);*/
  }


  .danji-popup-search-container {

    /*overflow-y: auto;*/
    /*max-height: 400px;*/

  }

  .danji-text1 {
    font-size: 3.5vw;
    letter-spacing: -0.4px;
    color: #1a1a1a;
    font-weight: 500;
  }


  /*.account-signup-credit-card-container {*/
  /*    flex: 1;*/
  /*}*/
  .account-signup-credit-card-container {
    width: 100%;
    margin-bottom: calc(100vh * 0.03125);
  }

  .account-signup-credit-card-date-container {
    width: calc(100vw * 0.433333);
  }


  .account-signup-credit-card-pw-container {
    width: calc(100vw * 0.4);
    margin-bottom: calc(100vh * 0.0125);
  }


  .account-signup-credit-card-link {
    font-size: 2.7vw;
    font-weight: bold;
    color: #626572;
    border-radius: 20px;
    box-sizing: border-box;
    padding: calc(100vh * 0.015625) calc(100vw * 0.052777);
    border: solid 1px rgba(0, 0, 0, 0.1);
  }

  .card-button-container {
    display: flex;
    justify-content: center;
    /*margin-bottom: calc(100vh*0.0328125);*/
  }

  .account-signup-license-inner-container {
    display: flex;
  }

  .account-signup-license-type-container {
    flex: 1;
  }


  .account-signup-licence-sub-type-container {
    flex: 1;
  }

  .account-signup-license-number-container {
    /*flex: 3;*/
  }

  .register-complete-popup-container {
    padding: 0;
  }

  .register-drive-license-container {
    background-color: #fcfcfc;
  }

  .account-signup-complete-img {
    width: 100%;
  }

  .register-complete-inner-popup-container {
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
  }

  .account-signup-complete-text1 {
    font-size: 9.25925925925926vw;
    font-weight: 500;
    letter-spacing: -0.7407407407407407vw;
    color: #1a1a1a;
  }

  .account-signup-complete-text-m-b {
    margin-bottom: 2.5925925925925926vw;
  }

  .account-signup-complete-text2 {
    font-size: 4.814814814814815vw;
    letter-spacing: -0.24074074074074073vw;
    color: #1a1a1a;
  }

  .account-signup-complete-text2-m-b {
    margin-bottom: 4vw;
  }

  .account-signup-complete-text3 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #1a1a1a;
  }

  .account-signup-complete-text4 {
    font-size: 3.7037037037037037vw;
    font-weight: bold;
    letter-spacing: -0.1111111111111111vw;
    color: #a16912;
  }

  .account-signup-complete-text5 {
    font-size: 3.3333333333333335vw;
    letter-spacing: -0.1vw;
    color: #a16912;
  }

  .account-signup-complete-point {
    display: inline-block;
    background-color: rgba(255, 212, 29, 0.41);
    /*height: 26px;*/
    line-height: 0.5;
    padding-bottom: 8px;
  }

  .account-signup-complete-box {
    box-sizing: border-box;
    /*width: 552px;*/
    /*height: 108px;*/
    padding-left: 3.888888888888889vw;
    padding-right: 3.888888888888889vw;
    padding-top: 2.962962962962963vw;
    padding-bottom: 4vw;
    /*padding: calc(100vh * 0.021875) calc(100vw * 0.044);*/
    border-radius: 5px;
    border: solid 1px rgba(161, 105, 18, 0.2);
    background-color: rgba(161, 105, 18, 0.08);
  }

  .account-signup-complete-box-m-b {
    margin-bottom: 4.444444444444445vw;
  }

  .account-signup-complete-box img {
    width: 3.7962962962962963vw;
  }

  .account-signup-complete-box-img-m-r {
    margin-right: 1.2962962962962963vw;
  }

  .account-signup-complete-box-content-container {
    padding-left: calc(100vw * 0.05091);
    line-height: 5vw;
  }

  .account-signup-auth-request-img {
    text-align: center;
    margin-bottom: calc(100vh * 0.04);
  }

  .account-signup-auth-request-img img {
    width: 100%;
  }

  .nice-info-container {
    margin-bottom: 5.555555555555555vw;
    border: 1px solid rgba(26, 26, 26, 0.1);
    border-radius: 8px;
    box-sizing: border-box;
    padding-top: 3.1481481481481484vw;
    padding-bottom: 3.1481481481481484vw;
    padding-left: 3.7037037037037037vw;
    display: flex;
  }

  .nice-info-name-container {
    flex: 1;
    border-right: solid 1px rgba(26, 26, 26, 0.1);
  }

  .nice-info-mobile-container {
    flex: 1;
    padding-left: calc(100vw * 0.0370277);
    box-sizing: border-box;
  }

  .nice-info-title-text {
    font-size: 3.3333333333333335vw;
    font-weight: bold;
    line-height: 0.72;
    letter-spacing: -0.1vw;
    color: #1a1a1a;
  }

  .nice-info-content-text {
    font-size: 4.074074074074074vw;
    color: #1a1a1a;
  }

  .nice-divider {
    display: inline-block;
    width: 0.2777777777777778vw;
    height: 12.222222222222221vw;
    margin: 0 3.7037037037037037vw 0;
    background-color: rgba(0, 0, 0, 0.1);
  }

  .account-desktop-visible {
    display: none;
  }

  .account-button-p-0-n-0 {
    margin: 0 0 20px 0;
    padding: 0;
  }

  .account-signup-danji-container {
    position: relative;
  }

  .account-danji-invalid {
    display: none;
    margin-top: 5px;
    font-size: 1.2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.39px;
    text-align: left;
    color: #ff623c;
  }

  .account-signup-account-detail-container {
    position: relative;
  }

  .account-address-invalid {
    display: none;
    margin-top: 5px;
    font-size: 1.2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.39px;
    text-align: left;
    color: #ff623c;
  }

  .pw-input-container {
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .account-passwd-pattern-invalid {
    display: none;
    margin-top: 5px;
    font-size: 3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.39px;
    text-align: left;
    color: #ff623c;
  }

  .account-passwd-confirm-invalid {
    display: none;
    margin-top: 5px;
    font-size: 3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.39px;
    text-align: left;
    color: #ff623c;
  }

  #passwdText {
    display: none;
  }

  #passwdConfirmText {
    display: none;
  }

  .corporate_card_mobile {
    width: calc(100vw * 0.111);

  }

  .corporate_card_agree {
    font-size: 3.6vw !important;
    font-weight: 600;
    padding-left: 5px;
    padding-top: 12px;
  }

  .m-account-signup-input-bottom-margin {
    position: relative;
  }

  .account-email-invalid {
    display: none;
    margin-top: 5px;
    font-size: 3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.39px;
    text-align: left;
    color: #ff623c;
  }

  .pw-input-icon {
    position: absolute;
    /*top: 9px;*/
    top: 50%;
    transform: translateY(-50%);
    right: 4.074074074074074vw;
    width: 4.62962962962963vw;
  }

  .lic-container {
    position: relative;
  }

  .m-input-height {
    height: 11.11111111111111vw;
  }
}

@media (min-width: 1120px) {

  input#passwd::placeholder {
    font-size: 12px;
  }

  input#passwdConfirm::placeholder {
    font-size: 12px;
  }

  input#passwdConfirmText::placeholder {
    font-size: 11px;
  }

}

input[type="checkbox"] {
  margin-right: 10px;
}