::-webkit-scrollbar {
  width: 7px; }
  ::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 20px; }
  ::-webkit-scrollbar-thumb {
    background: #3C7E79;
    border-radius: 4px; }

.register-whitebox-user {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  width: 569px;
  height: 464px;
  overflow-y: scroll;
  padding: 24px 16px 30px 16px;
  border-radius: 6px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.14);
  z-index: 99; }
  @media (max-width: 1024px) {
    .register-whitebox-user {
      z-index: 101; } }
  @media (max-width: 540px) {
    .register-whitebox-user {
      width: 311px;
      max-height: 779px;
      padding: 32px 16px;
      top: 45%; } }
  .register-whitebox-user .icon-close {
    position: absolute;
    right: 30px;
    top: 50px;
    font-size: 18px;
    font-weight: 700; }
  .register-whitebox-user .scrolling-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 30px; }
    @media (max-width: 540px) {
      .register-whitebox-user .scrolling-area {
        padding: 0px; } }
    .register-whitebox-user .scrolling-area h3 {
      margin-top: 72px;
      font-size: 24px;
      line-height: 28px;
      font-weight: 700; }
      @media (max-width: 540px) {
        .register-whitebox-user .scrolling-area h3 {
          font-size: 22px; } }
    .register-whitebox-user .scrolling-area p {
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      margin: 0px 0px 15px 10px; }
      @media (max-width: 540px) {
        .register-whitebox-user .scrolling-area p {
          font-size: 16px;
          margin: 0px 0px 15px 0px; } }
  .register-whitebox-user .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 540px) {
      .register-whitebox-user .button-wrapper {
        flex-direction: column; } }
    .register-whitebox-user .button-wrapper .autoregister-confirm-btn {
      background: #3C7E79;
      color: #FFFFFF; }
    .register-whitebox-user .button-wrapper button {
      width: 150px;
      height: 48px;
      border-radius: 50px;
      padding: 10px 24px;
      border: 1px solid #3C7E79;
      background: #FFFFFF;
      cursor: pointer;
      color: #3C7E79; }
      @media (max-width: 540px) {
        .register-whitebox-user .button-wrapper button {
          width: 215px;
          height: 48px; } }