@charset "UTF-8";

.main-layout {
    /* body.dark-mode & .wrap {
    background: #1B1B1C;
  } */
    /* onboarding.html stert */
    /* Introduce.html stert */
    /* login.html stert */
    /* login.html end */
    /* find_id.html stert */
    /* interest stert */
    /* password_error stert */
    /* find_password stert */
    /* sinfup.html stert */
    /* .singup-pop .emailPopup {
    width: 356px;
  } */
    /* .popupButton button {
    padding: 14px 10px;
    background: var(--Right-2, #E3E3E3);
    border-radius: 10px;
    letter-spacing: -0.24px;
    font-size: 16px;
    font-weight: 590;
    color: var(--Right-5, #FFF);
  } */
    /* 스크롤 바 전체 */
    /*}*/
    /*}*/
    /* 스크롤 바 핸들 */
    /*}*/
    /* singup_form.html stert */
    /* welcome.html stert */
    /* assrt.html stert */
    /* 2024.5.17 수정완료 */
    /*withdraw.html stert */
    /* popup 시작 */
    /* item_list */
    /* withdraw_certify.html stert */
    /* withdraw_possible.html stert */
    /* #possibleButton {
    padding: 0 16px;
    margin-top: 22px !important;
  } */
    /* popup stert */
    /* deposit_qr.html stert */
    /* tx_record.html stert */
    /* add_asset.html stert */
    /* add_asset.html stert */
    /* crad.html */
    /* card_charge.html */
    /* #charge form .Amout .dataInner .inputData::after{
    position: absolute;
    content: "";
    clear: both;
    right: 15px;
    top: 23px;
    background: url(/image/icon/close_round.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
    background-position: center;
  }

  body.dark-mode & #charge form .Amout .dataInner .inputData::after{
    position: absolute;
    content: "";
    clear: both;
    right: 15px;
    top: 23px;
    background: url(/image/icon/dk_close_round.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
    background-position: center;
  } */
    /* @media screen and (max-width:768px){
    #charge form .Amout .dataInner .inputData span {
      width: 83%;
    }
  }

  @media screen and (max-width:400px) {
    #charge form .Amout .dataInner .inputData span {
      width: 81%;
    }
  } */
    /* hisroty.html stert */
    /* card_charge.html stert */
    /* card_activate.html stert */
    /* #qctivate_finished .loginButton .buttonShow{
    height: 52px;
    padding: 0;
  } */
    /* 2024.05.28 수정완료 stert*/
    /* 2024.05.28 수정완료 end */
    /* activate_finished.html stert */
    /* card_purchase.html stert  */
    /* usage_history.html stert */
    /* order.html stert */
    /* @media screen and (max-width:410px){
    .activate .cardList ul li span {
      bottom: 17px;
      right: 14px;
    }
  }

  @media screen and (max-width:385px){
    .activate .cardList ul li span {
      bottom: 17px;
      right: 7px;
    }
  } */
    /* @media screen and (max-width:342px){
    .activate .cardList ul li span{
      position: absolute;
      display: inline-block;
      width: 69px;
      padding: 7px 14px;
      border-radius: 20px;
      background: var(--Right-5, #FFF);
      cursor: pointer;
      bottom: 13px;
      right: 11px;
    }
  } */
    /*@media screen and (max-width: 1024px) {
      .activate .cardList ul li span.input2 {
          font-size: 2rem;
      }
  }*/
    /* card_Information.html stert */
    /* qctivate_finished.html stert */
    /* thanks_message.html stert */
    /* #thanks_message .loginButton button {
    width: 100%;
  } */
    /* pay.html stert */
    /* #pay .loginButton button.buttonShow {
    width: 100%;
    height: 52px;
    padding: 0;
  } */
    /* order.html stert */
    /* #order .item:first-child label {
    color: var(--Brand-Color-1, #00DE5A);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
  }

  body.dark-mode & #order .item:first-child label {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
  } */
    /* card_purchase.html stert */
    /* p.basic {
    margin-top: 22px;
    margin-bottom: 16px;
    text-align: left;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
  } */
    /* 새로추가 style */
    /* .singup-new{
    padding-top: 3.5rem;
  } */
    /* hd_wallet start*/
    /* @media screen and (max-width:768px) {
    .mnemonic_wrap .image{
      max-width: 450px;
      transition: all 0.5s;
    }
  }

  @media screen and (max-width:640px) {
    .mnemonic_wrap .image{
      max-width: 346px;
      transition: all 0.5s;
    }
  } */
    /* #comm_btn .loginButton{
    margin-top: 71px;
  } */
    /* .eb_datail .loginButton{
    padding: 0 16px 20px 16px;
    margin-top: 46px;
  } */
    /* 하단 고정버튼 스타일 */
    /* 버튼이 한개 일때 */
    /* 기본값 */
    /* 버튼이 두개 일때 */
}

    .main-layout :root {
        --mainColor: #13BD7E;
        --darketColor: #00B54A;
        --lighterColor: #13BD7E;
        --SubtleColor: #DFFFEC;
        --Dakr1: #24292F;
        --Dakr2: #424A53;
        --Dakr3: #57606A;
        --Dakr4: #B3B3B3;
        --Dakr5: #C8C8C8;
        --Error: #FB4C43;
        --ErrorLighter: #FED7D5;
        --Darkbg: #8A8A8A;
        --DarkSelect: #2E2E2E;
        --Right-1: #EDEDED;
        --Right-2: #E3E3E3;
        --Right-5: #fff;
        --Brand-color-2: #6A4FBB;
        --Brand-color: #8C70E8;
    }

    .main-layout .comm_p {
        margin-top: 0 !important;
        padding: 3rem 16px 0 16px;
    }

    .main-layout #view_cont {
        padding: 0.5rem 16px 0 16px;
    }

    .main-layout .mt-18 {
        margin-top: 18px;
    }

    .main-layout #wrapper {
        position: relative;
        width: 100%;
        /*height: 100vh;*/
        background: var(--Right-5, #FFF);
    }

body.dark-mode .main-layout {
    /*background: #1B1B1C;*/
}

    body.dark-mode .main-layout #wrapper {
        background: #1B1B1C;
    }

.main-layout input::placeholder {
    color: var(--Dark-5, #B3B3B3) !important;
}

body.dark-mode .main-layout input::placeholder {
    color: var(--Dark-3, #8a8a8a) !important;
}

.main-layout #height-none-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: var(--Right-5, #FFF);
}

body.dark-mode .main-layout #height-none-wrapper {
    background: #1B1B1C;
}

.main-layout .Copy {
    cursor: pointer;
}

.main-layout .Error {
    color: var(--Error-Color, #FB4C43);
}

.main-layout .ErrorLighter {
    display: block;
    color: var(--Error-Color, #FB4C43);
    font-size: 14px;
    font-weight: 590;
    background-color: transparent;
}

body.dark-mode .main-layout .ErrorLighter {
    color: #FF0523;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.21px;
}

.main-layout .flex-box {
    display: flex;
    align-items: center;
}

.main-layout .comm_btnMenu {
    display: block;
}

.main-layout .dk_btnMenu {
    display: none;
}

body.dark-mode .main-layout .comm_btnMenu {
    display: none;
}

body.dark-mode .main-layout .dk_btnMenu {
    display: block;
}

.main-layout .scrollBox {
    overflow-y: scroll;
    height: 250px;
}

.main-layout .basic {
    display: block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .basic {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .yes {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .yes {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .onbardingSlide {
    max-width: 768px;
    margin: 0 auto;
}

.main-layout .onbarding {
    background: var(--Right-5, #FFF);
}

body.dark-mode .main-layout .onbarding {
    background: #1B1B1C;
    height: 100vh;
}

.main-layout .onbarding .swiper-slide {
    overflow: hidden;
}

.main-layout .onbarding .swiper-container {
    position: relative;
}

.main-layout .onbarding .slideWrap {
    background: var(--Right-5, #FFF);
}

@supports (-webkit-touch-callout: none) {
    .main-layout .onbarding .slideWrap {
        padding-top: 40px;
    }
}

body.dark-mode .main-layout .onbarding .slideWrap {
    background: #1B1B1C;
}

@media screen and (max-width: 768px) {
    .main-layout .onbardingSlide .item {
        height: 700px;
    }
}

.main-layout .onbardingSlide .item img {
    width: 89%;
    height: 313px;
    /*height: 648px;*/
    /*width: 100%;*/
    display: block;
    margin: 0 auto;
    object-fit: contain;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .main-layout .onbardingSlide .item img {
        height: 548px;
    }
}

@media screen and (max-width: 768px) {
    .main-layout .onbardingSlide .item img {
        width: 89%;
        height: 313px;
    }
}

.main-layout .onbarding .desc {
    display: block;
    max-width: 768px;
    /* height: 256px; */
    margin: 79px 16px 16px 16px;
}

@media screen and (max-width: 768px) {
    .main-layout .onbarding .desc {
        height: 256px;
    }
}

.main-layout .onbarding .desc strong {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--lighterColor, #13BD7E);
}

@media screen and (max-width: 480px) {
    .main-layout .onbarding .desc strong {
        font-size: 22px;
    }

    body.dark-mode .main-layout .onbarding .desc strong {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .main-layout .onbarding .desc strong {
        text-align: left;
    }

    body.dark-mode .main-layout .onbarding .desc strong {
        text-align: left;
    }
}

.main-layout .onbarding .desc span {
    display: block;
    /* height: 72px; */
    margin-top: 28px;
    font-size: 16px;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark-3, #8A8A8A);
}

@media screen and (max-width: 768px) {
    .main-layout .onbarding .desc span {
        height: 72px;
        text-align: left;
    }

    body.dark-mode .main-layout .onbarding .desc span {
        height: 72px;
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    .main-layout .onbarding .desc span {
        font-size: 15px;
    }
}

body.dark-mode .main-layout .onbarding .desc span {
    display: block;
    color: var(--Right-3, #EDEDED);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    text-align: left;
}

.main-layout .onbarding .btn {
    max-width: 768px;
    margin: 0 auto;
    margin-bottom: 39px;
    cursor: pointer;
}

    .main-layout .onbarding .btn button {
        display: block;
        width: 100%;
        cursor: pointer;
        padding: 11.2px 25px 11.2px 0;
    }

        .main-layout .onbarding .btn button span {
            display: inline-block;
            width: 100%;
            font-size: 20px;
            font-style: normal;
            font-weight: 590;
            letter-spacing: -0.3px;
            text-align: right;
            color: var(--Brand-Color1, #13BD7E);
        }

body.dark-mode .main-layout .onbarding .btn button span {
    color: var(--Brand-Color1, #13BD7E);
}

@media screen and (max-width: 768px) {
    .main-layout .onbarding .btn button span {
        font-size: 16px;
    }

    body.dark-mode .main-layout .onbarding .btn button span {
        font-size: 16px;
    }
}

.main-layout .onbarding .loginButton .buttonShow {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .onbarding .loginButton .buttonShow {
    color: var(--Dark-1, #24292F);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .onbarding .swiper-horizontal > .swiper-pagination-bullets {
    height: 22px;
    bottom: 301px;
    left: 0;
    background: transparent;
}

@media screen and (max-width: 768px) {
    .main-layout .onbarding .swiper-horizontal > .swiper-pagination-bullets {
        bottom: 336px;
    }

    body.dark-mode .main-layout .onbarding .swiper-horizontal > .swiper-pagination-bullets {
        bottom: 336px;
    }
}

.main-layout .onbarding .swiper-pagination-bullet {
    width: 21px;
    height: 6px;
    border-radius: 10px;
    background: var(--Right-3, #EDEDED);
    cursor: pointer;
}

body.dark-mode .main-layout .onbarding .swiper-pagination-bullet {
    background: var(--Dark-5, #C8C8C8);
}

.main-layout .onbarding .swiper-pagination-bullet-active {
    width: 42px;
    height: 6px;
    border-radius: 10px;
    background: #64D1A9;
}

body.dark-mode .main-layout .onbarding .swiper-pagination-bullet-active {
    background: #64D1A9;
}

.main-layout .onbarding .loginButton {
    width: 100%;
    max-width: inherit;
    margin-top: 50px;
    padding-top: 0;
    padding-bottom: 0;
}

.main-layout .introduce {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

    .main-layout .introduce .logo img.light {
        display: block;
        max-width: 236px;
        height: 236px;
        margin: 0 auto;
        transition: all 0.3s;
    }

@media screen and (max-width: 768px) {
    .main-layout .loginHeader .logo img.light {
        max-width: 150px;
        min-height: 150px;
    }
}

.main-layout .introduce .logo img.dark {
    display: none;
}

body.dark-mode .main-layout .introduce .logo img.light {
    display: none;
}

body.dark-mode .main-layout .introduce .logo img.dark {
    display: block;
    max-width: 236px;
    height: 236px;
    margin: 0 auto;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .main-layout .introduce .logo img.light {
        max-width: 150px;
        min-height: 150px;
    }

    body.dark-mode .main-layout .introduce .logo img.dark {
        max-width: 150px;
        min-height: 150px;
    }
}

.main-layout .introduce .title_txt {
    padding-bottom: 8px;
}

    .main-layout .introduce .title_txt img {
        display: block;
        width: 100%;
        max-width: 134px;
    }

.main-layout .title_txt img.light {
    display: block;
    margin: 0 auto;
}

body.dark-mode .main-layout .title_txt img.light {
    display: none;
}

.main-layout .title_txt img.dark {
    display: none;
}

body.dark-mode .main-layout .title_txt img.dark {
    display: block;
    margin: 0 auto;
}

.main-layout .introduce .title_desc {
    display: block;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.4px;
    color: #A0A0A0;
}

@media screen and (max-width: 768px) {
    .main-layout .introduce .title_desc {
        font-size: 16px;
    }
}

body.dark-mode .main-layout .introduce .title_desc {
    color: #A0A0A0;
}

.main-layout .loginHeader {
    padding-top: 58px;
    padding-bottom: 44px;
    height: auto;
}

@media screen and (max-width: 768px) {
    .main-layout .loginHeader .logo img.light {
        max-width: 150px;
        min-height: 150px;
    }
}

.main-layout .loginLogo {
    margin-bottom: 22px;
}

.main-layout .loginTitle .title_header {
    display: block;
    width: 100%;
    background: url(/image/logo/li_soria_txt_logo.svg) no-repeat;
    max-width: 105px;
    height: 23px;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
}

body.dark-mode .main-layout .loginTitle .title_header {
    max-width: 105px;
    width: 100%;
    height: 23px;
    margin: 0 auto;
    background: url(/image/logo/dk_soria_txt_logo1.svg) no-repeat;
    background-position: center;
    background-size: contain;
}

.main-layout .loginTitle .title_header img {
    display: block;
    max-width: 105px;
    margin: 0 auto;
}

.main-layout .loginTitle .title_desc {
    display: block;
    height: 22px;
    text-align: center;
    font-size: 14px;
    font-weight: 510;
    color: var(--Dakr3, #8A8A8A);
}

body.dark-mode .main-layout .loginTitle .title_desc {
    color: var(--Right-3, #EDEDED);
}

.main-layout .loginBox {
    position: relative;
}

    .main-layout .loginBox label {
        display: block;
        height: 22px;
        margin-bottom: 8px;
        line-height: 22px;
        font-size: 16px;
        font-weight: 590;
        letter-spacing: -0.4px;
        color: var(--Dark-2, #424A53);
    }

body.dark-mode .main-layout .loginBox label {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout .loginBox input {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    margin-bottom: 8px;
    padding: 18px 16px;
    border-radius: 10px;
    border: 1px solid var(--Dakr5, #C8C8C8);
    outline: 1px solid var(--Dakr5, #C8C8C8);
    line-height: 19.6px;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    letter-spacing: -0.042px;
    font-weight: 510;
}

    .main-layout .loginBox input:focus {
        position: relative;
        color: var(--Dakr2);
        outline: 1px solid var(--darketColor, #00B54A);
        caret-color: var(--darketColor, #00B54A);
    }

body.dark-mode .main-layout .loginBox input {
    background: #1B1B1C;
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout #loginbody .loginBox input {
    color: var(--Right-5, #FFF);
    font-weight: 590;
    letter-spacing: -0.042px;
}

.main-layout .loginBox input::placeholder {
    font-size: 14px;
    font-weight: 510;
    letter-spacing: -0.003em;
    color: var(--Dark2, #424A53);
}

body.dark-mode .main-layout .loginBox input::placeholder {
    color: var(--Dakr4, #B3B3B3);
    font-size: 14px;
    font-weight: 510;
    letter-spacing: -0.042px;
}

.main-layout .loginpassword {
    margin-top: 18px;
}

    .main-layout .loginpassword .btn_password {
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 47px;
        right: 15px;
        background: url(/image/icon/secret.png) no-repeat center;
        background-size: 100% auto;
    }

body.dark-mode .main-layout .loginpassword .btn_password {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 47px;
    right: 15px;
    background: url(/image/icon/dk_secret.png) no-repeat center;
    background-size: 100% auto;
}

.main-layout .loginpassword .btn_password.show {
    display: block;
}

.main-layout .login_error_message {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    letter-spacing: -0.015em;
    text-align: left;
    color: var(--Error, #FB4C43);
}

body.dark-mode .main-layout .login_error_message {
    color: var(--Error-Color, #FB4C43);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.21px;
}

.main-layout .findid_box .findId_input input {
    position: relative;
}

.main-layout .findid_box .findId_input .eraser {
    display: block;
    right: 11px;
}

body.dark-mode .main-layout .findid_box .findId_input .eraser {
    display: block;
    right: 11px;
}

.main-layout .userInform {
    display: block;
    width: 100%;
    margin-top: 28px;
    text-align: right;
}

    .main-layout .userInform span {
        padding: 0 2px;
    }

    .main-layout .userInform span,
    .main-layout .userInform a {
        display: inline-block;
        height: 16.71px;
        line-height: 16.71px;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -0.015em;
        color: var(--Dakr4, #B3B3B3);
    }

body.dark-mode .main-layout .userInform span {
    color: var(--Right-2, #E3E3E3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
}

.main-layout .userInform a {
    position: relative;
    font-weight: 600;
    letter-spacing: -0.015em;
    color: var(--lighterColor, #13BD7E);
}

body.dark-mode .main-layout .userInform a {
    color: #13BD7E;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.21px;
    text-decoration-line: underline;
}

.main-layout .userInform .textBorder1::after {
    position: absolute;
    content: "";
    clear: both;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #13BD7E;
}

.main-layout .userInform .textBorder2::before {
    position: absolute;
    content: "";
    clear: both;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #13BD7E;
}

.main-layout .loginButton .btn {
    display: block;
    width: 100%;
    padding: 14px 10px;
    border-radius: 10px;
    font-weight: 590;
    letter-spacing: -0.3px;
    font-size: 20px;
    text-align: center;
    background-color: #13BD7E;
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout .loginButton .buttonOpacity {
    background-color: transparent;
}

.main-layout .loginbody .loginButton .btttonLogint {
    background: var(--Right-5, #FFF);
    color: var(--Dark-4, #B3B3B3);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .loginbody .loginButton .btttonLogint {
    background: #1B1B1C;
    color: var(--Dark-4, #B3B3B3);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .loginButton .buttonError {
    color: #FFFFFF;
    background-color: #E3E3E3;
}

body.dark-mode .main-layout .loginButton .buttonError {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .find_id {
    padding-bottom: 30px;
}

.main-layout .fingId__back {
    position: relative;
    height: 68px;
    background: #fff;
}

@media (min-width: 768px) {
    .main-layout .fingId__back {
        max-width: 430px;
        width: 100%;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

@supports (-webkit-touch-callout: none) {
    .main-layout .fingId__back {
        height: 108px;
        padding-top: 40px;
    }
}

body.dark-mode .main-layout .fingId__back {
    background: #1B1B1C;
}

.main-layout .pos_fixed {
    position: fixed;
    width: 100%;
    background: #fff;
}

body.dark-mode .main-layout .pos_fixed {
    background: #1B1B1C;
}

.main-layout .btn_back {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: 24px;
    height: 24px;
    background: url(/image/icon/arrow_lefr.png) no-repeat center/100% auto;
}

@supports (-webkit-touch-callout: none) {
    .main-layout .btn_back {
        top: 70%;
    }
}

body.dark-mode .main-layout .btn_back {
    background: url(/image/icon/dk_arrow.png) no-repeat center/100% auto;
}

.main-layout .findId_wrap {
    margin-bottom: 48px;
    /* margin-left: 20px; */
}

    .main-layout .findId_wrap .findId_title {
        display: block;
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: 590;
        letter-spacing: -0.4px;
        color: var(--Dakr1, #24292F);
    }

.main-layout .singup_Email .findId_wrap .findId_title {
    display: block;
    margin-bottom: 20px;
    font-size: 34px;
    font-weight: 590;
    letter-spacing: -0.4px;
    color: var(--Dakr1, #24292F);
}

body.dark-mode .main-layout .singup_Email .findId_wrap .findId_title {
    display: block;
    margin-bottom: 20px;
    font-size: 34px;
    font-weight: 590;
    letter-spacing: -0.4px;
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout .findId_wrap .findId_title {
    color: var(--Right-5, #FFF);
    font-size: 24px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout .oddsCard_wrap1 .findId_wrap .findId_desc {
    display: block;
    padding-bottom: 34px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .oddsCard_wrap1 .findId_wrap .findId_desc {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .findId_wrap .findId_desc {
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark3, #57606A);
}

body.dark-mode .main-layout .findId_wrap .findId_desc {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .singup_Email .findId_wrap .findId_desc {
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark3, #57606A);
}

body.dark-mode .main-layout .singup_Email .findId_wrap .findId_desc {
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .findId_wrap .findId_desc strong {
    font-weight: 590;
    color: var(--Dakr2, #424A53);
}

body.dark-mode .main-layout .findId_wrap .findId_desc strong {
    color: var(--Right-4, #F2F2F2);
    font-size: 14px;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout .findId_input {
    position: relative;
}

    .main-layout .findId_input input {
        position: relative;
        color: var(--Dakr2, #4D4D4D);
    }

body.dark-mode .main-layout .findId_input input {
    color: var(--Right-5, #FFF);
}

.main-layout .findId_input input:focus {
    color: var(--Dakr2);
    outline: 1px solid var(--darketColor, #00B54A);
    caret-color: var(--darketColor, #00B54A);
    border: 0;
}

body.dark-mode .main-layout .findId_input input:focus {
    color: var(--Right-5, #FFF);
}

.main-layout .cont_box {
    position: relative;
}

.main-layout .findId_input .eraser {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
}

body.dark-mode .main-layout .findId_input .eraser {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
}

.main-layout .popup-err .findId_input .eraser {
    display: block;
    position: absolute;
    top: 157px;
    right: 0;
    transform: translate(-50%, 100%);
}

.main-layout .singup-new-wrap .popup-err .findId_input .eraser {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    transform: unset;
}

.main-layout .findId_input > button {
    display: none;
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/eraser.png) no-repeat center/100% auto;
}

body.dark-mode .main-layout .findId_input > button {
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/dk_eraser.png) no-repeat center/100% auto;
}

.main-layout .findId_input button.show {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/eraser.png) no-repeat center/100% auto;
}

body.dark-mode .main-layout .findId_input button.show {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/dk_eraser.png) no-repeat center/100% auto;
}

.main-layout .loginbody {
    padding: 0 16px;
}

.main-layout .interest_wrap {
    padding-bottom: 30px;
}

    .main-layout .interest_wrap .idIcon_wrap {
        padding-top: 204px;
    }

        .main-layout .interest_wrap .idIcon_wrap img {
            display: block;
            max-width: 265px;
            margin: 0 auto;
        }

    .main-layout .interest_wrap strong {
        display: block;
        margin-top: 54px;
        margin-bottom: 16px;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.4px;
        color: #000;
    }

body.dark-mode .main-layout .interest_wrap strong {
    color: var(--Right-5, #FFF);
    font-size: 24px;
    font-weight: 590;
}

@media screen and (max-width: 768px) {
    .main-layout .interest_wrap strong {
        font-size: 20px;
    }

    body.dark-mode .main-layout .interest_wrap strong {
        font-size: 20px;
    }
}

.main-layout .interest_wrap span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    letter-spacing: -0.3px;
    color: var(--Dark-3, #8A8A8A);
}

body.dark-mode .main-layout .interest_wrap span {
    color: var(--Dark-5, #C8C8C8);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout .interest_wrap .loginButton .buttonShow {
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .interest_wrap .loginButton .buttonShow {
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .email_error {
    margin-top: 18px;
}

.main-layout .password_error {
    padding-bottom: 30px;
}

.main-layout .password_wrap .loginButton button {
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .password_wrap .loginButton button {
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .password_error .findId_input .eraser {
    display: block;
    position: absolute;
    top: 41%;
    right: 11px;
}

.main-layout .find_password {
    padding-bottom: 30px;
}

    .main-layout .find_password .idIcon_wrap img {
        display: block;
        max-width: 160px;
        width: 100%;
        margin: 0 auto;
    }

.main-layout .singup {
    height: 68px;
}

body.dark-mode .main-layout .singup {
    background: #1B1B1C;
}

.main-layout .singup .singup__back {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    height: 68px;
    z-index: 1000;
}

@media (min-width: 768px) {
    .main-layout .singup .singup__back {
        max-width: 430px;
        width: 100%;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

@supports (-webkit-touch-callout: none) {
    .main-layout .singup .singup__back {
        height: 108px;
        padding-top: 40px;
    }
}

body.dark-mode .main-layout .singup .singup__back {
    background: #1B1B1C;
}

.main-layout .singup .btn_back {
    position: absolute;
    top: 50%;
    left: 17px;
    width: 24px;
    height: 24px;
    background: url(/image/icon/l_icon.svg) no-repeat center/100% auto;
    transform: translateY(-50%);
}

@supports (-webkit-touch-callout: none) {
    .main-layout .singup .btn_back {
        top: 70% !important;
    }
}

body.dark-mode .main-layout .singup .btn_back {
    position: absolute;
    top: 50%;
    left: 17px;
    width: 24px;
    height: 24px;
    background: url(/image/icon/dk_arrow.svg) no-repeat center/100% auto;
    transform: translateY(-50%);
}

.main-layout .singup span.headTitle {
    display: block;
    width: 100%;
    text-align: center;
    color: var(--Dark-1, #24292F);
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 19.8px */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .singup span.headTitle {
    color: var(--Right-1, #D5D5D5);
}

.main-layout .loginButton .gray_buttonError {
    display: block;
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
}

.main-layout .loginbody .loginButton .gray_buttonError {
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .loginbody .loginButton .gray_buttonError {
    display: block;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
}

.main-layout #singup_div {
    position: relative;
    padding: 4.5rem 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout #singup_div {
        padding: 7rem 16px 0 16px;
    }
}

.main-layout #singup_div .singup_input .singup_Check {
    position: inherit;
    display: block;
    max-width: 92px;
    width: 100%;
    height: 58px;
    margin-left: 8px;
    padding: 18px 16px;
    border-radius: 10px;
    letter-spacing: -0.042px;
    opacity: 0.4;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    border: 1px solid var(--Dark-2, #424A53);
    background: var(--Dark-2, #424A53);
    color: var(--Right-2, #E3E3E3);
}

.main-layout #singup_div .singup_input .singup_Check_bg {
    max-width: 92px;
    width: 100%;
    height: 58px;
    margin-left: 8px;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.042px;
    border: 1px solid var(--Dark-2, #424A53);
    background: var(--Dark-2, #424A53);
    color: var(--Right-2, #E3E3E3);
    display: block;
    position: inherit;
}

.main-layout #singup_div .singup_input .checkBox {
    display: flex;
    justify-content: space-between;
}

body.dark-mode .main-layout #singup_div .singup_input .checkBox {
    background: #1B1B1C;
}

.main-layout #singup_div .singup_input .checkBox input {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
    color: var(--Dark-1, #24292F);
}

    .main-layout #singup_div .singup_input .checkBox input:focus {
        outline: 1px solid var(--Brand-Color1, #13BD7E);
        caret-color: var(--Brand-Color1, #13BD7E);
    }

body.dark-mode .main-layout #singup_div .singup_input .checkBox input {
    color: var(--Right-5, #FFF);
}

.main-layout .sing_up #singup_div .singup_input .cont {
    position: relative;
}

.main-layout .sing_up #singup_div .findId_input .cont input {
    position: relative;
    display: block;
    width: 358px;
    width: 100%;
    height: 58px;
    margin-bottom: 8px;
    padding: 18px 42px 18px 18px;
    line-height: 58px;
    border-radius: 10px;
    border: 1px solid var(--Right-1, #d5d5d5);
    letter-spacing: -0.042px;
    background-color: transparent;
}

.main-layout .sing_up #singup_div .findId_input .eraser {
    display: block;
    position: absolute;
    top: -10px;
    right: 7px;
}

.main-layout .sing_up #singup_div .findId_input .cont_box .eraser {
    top: 16px;
    right: 16px;
}

.main-layout .sing_up #singup_div .findId_input input:focus {
    outline: 1px solid var(--Brand-Color1, #13BD7E);
    caret-color: var(--Brand-Color1, #13BD7E);
    border: 0;
}

.main-layout #singup_div .singup_input button.singup_Check_bg {
    display: block;
    max-width: 92px;
    width: 100%;
    height: 58px;
    margin-left: 8px;
    border-radius: 10px;
    padding-left: 18px;
    border: 1px solid var(--Dark-2, #424A53);
    background: url(/image/icon/done.png) no-repeat #424A53;
    background-size: 24px 24px;
    background-position: 6px center;
    text-align: center;
    letter-spacing: -0.042px;
    font-weight: 700;
    font-size: 14px;
    color: var(--Right-2, #E3E3E3);
}

body.dark-mode .main-layout #singup_div .singup_input button.singup_Check_bg {
    color: var(--Right-2, #E3E3E3);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.042px;
}

.main-layout #singup_div .singup_input button.singup_Check_bg1 {
    position: inherit;
    display: block;
    max-width: 92px;
    width: 100%;
    height: 58px;
    margin-left: 8px;
    border-radius: 10px;
    padding: 0 6px;
    border: 1px solid var(--Dark-2, #424A53);
    background-image: none;
    background: #424A53;
    text-align: center;
    letter-spacing: -0.042px;
    font-weight: 700;
    font-size: 14px;
    color: var(--Right-2, #E3E3E3);
}

.main-layout .singup_input button.btn_Check {
    position: inherit;
    display: inline-block;
    padding: 14px 10px;
    text-align: center;
    margin-left: 10px;
    color: var(--Right-5, #FFF);
    background: var(--Brand-Color1, #13BD7E);
    border-radius: 10px;
    letter-spacing: -0.24px;
    font-size: 16px;
    font-weight: 590;
}

.main-layout #singup_div .singup_input .select_list {
    overflow: hidden;
    display: inline-block;
    width: 88px;
    height: 58px;
    margin-right: 8px;
    padding-left: 12px;
    background: url(/image/icon/selected.png) no-repeat;
    background-position: 80% center;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    font-weight: 590;
    letter-spacing: -0.042px;
    font-size: 14px;
    color: var(--Right-1, #D5D5D5);
    cursor: pointer;
}

.main-layout #singup_div .checkBox select.select_list:focus {
    width: 88px;
    height: 58px;
    background: url(/image/icon/selected.png) no-repeat;
    background-position: 80% center;
    border: 1px solid var(--Right-2, #E3E3E3);
    outline: 2px solid var(--Brand-Color1, #13BD7E);
    caret-color: var(--Brand-Color1, #13BD7E);
    color: #24292F;
}

.main-layout #singup_div .singup_input .select_list:focus {
    outline: 2px solid var(--Brand-Color1, #13BD7E);
    caret-color: var(--Brand-Color1, #13BD7E);
    color: #24292F;
}

.main-layout #singup_div .singup_input .select_list option {
    width: 135px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    font-size: 14px;
    color: var(--Dark-2, #424A53);
}

.main-layout .custom-select-wrapper {
    position: relative;
}

.main-layout .custom-select {
    display: inline-block;
}

.main-layout .custom-select__trigger {
    position: relative;
}

    .main-layout .custom-select__trigger span {
        display: block;
        line-height: 58px;
        height: 589px;
    }

.main-layout .custom-select.open .custom-options {
    display: block;
}

.main-layout #singup_div .custom-select.open .custom-options {
    display: block;
}

.main-layout .custom-option {
    display: block;
    max-width: 135px;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    cursor: pointer;
    color: var(--Dark-2, #424A53);
}

body.dark-mode .main-layout .custom-option {
    color: var(--Dark-5, #C8C8C8);
}

    body.dark-mode .main-layout .custom-option.selected {
        color: var(--Right-5, #FFFFFF);
    }

body.dark-mode .main-layout .custom-options span {
    border-top: 0.5px solid var(--Dark-2, #424A53);
}

.main-layout .findIdBox {
    position: relative;
}

    .main-layout .findIdBox label {
        display: block;
        height: 22px;
        line-height: 22px;
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 590;
        letter-spacing: -0.4px;
        color: var(--Dakr2, #4D4D4D);
    }

body.dark-mode .main-layout .findIdBox label {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout .findIdBox input {
    position: relative;
    display: block;
    width: 358px;
    width: 100%;
    height: 58px;
    margin-bottom: 8px;
    padding: 18px 16px;
    line-height: 58px;
    border-radius: 10px;
    border: 1px solid var(--Right-1, #D5D5D5);
    letter-spacing: -0.042px;
    background-color: transparent;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 19.6px;
    letter-spacing: -0.042px;
}

body.dark-mode .main-layout .findIdBox input {
    color: var(--Right-5, #FFF);
}

.main-layout .findIdBox input::placeholder {
    font-size: 14px;
    font-weight: 590;
    letter-spacing: -0.003em;
    color: var(--Dakr4, #B3B3B3);
}

body.dark-mode .main-layout .findIdBox input::placeholder {
    color: var(--Dark2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
}

.main-layout .loginpasswords .btn_password1 {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 47px;
    right: 15px;
    background: url(/image/icon/secret.png) no-repeat center;
    background-size: 100% auto;
}

    .main-layout .loginpasswords .btn_password1.show {
        display: block;
    }

.main-layout .emailPopup {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 356px;
    width: 100%;
    background: #fff;
    z-index: 1000;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    padding: 20px 22px 20px 27px;
}

body.dark-mode .main-layout .emailPopup {
    background: #2E2E2E;
}

.main-layout .emailPopup .popup {
    width: 100%;
    max-width: 302px;
}

body.dark-mode .main-layout .emailPopup .popup {
    background: #2E2E2E;
}

.main-layout .emailPopup .popup strong {
    display: block;
    width: 100%;
    margin-bottom: 23px;
    letter-spacing: -0.3px;
    font-weight: 590;
    font-size: 22px;
    color: var(--Black-100, #09101D);
    background-color: transparent;
}

body.dark-mode .main-layout .emailPopup .popup strong {
    color: var(--Right-5, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.3px;
}

.main-layout .singup-pop .emailPopup .popup p {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    background: transparent;
}

    .main-layout .singup-pop .emailPopup .popup p span {
        display: inline-block;
        font-style: normal;
        font-weight: 600;
        letter-spacing: -0.3px;
        font-size: 14px;
        color: var(--Dark-2, #424A53);
        background: transparent;
    }

.main-layout .singup-pop .emailPopup .popup div.desc {
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .singup-pop .emailPopup .popup div.desc {
    border-radius: 10px;
    background: rgba(71, 71, 71, 0.5);
}

.main-layout .singup-pop .emailPopup .popup div.desc p {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    background: transparent;
}

.main-layout .singup_Email .emailPopup .popup div.desc p {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    background: transparent;
}

.main-layout .emailPopup .popup p {
    display: block;
    width: 100%;
    padding: 0;
    background: var(--Right-4, #F2F2F2);
    border-radius: 10px;
    letter-spacing: -0.3px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

body.dark-mode .main-layout .emailPopup .popup p {
    background: #2E2E2E;
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .emailPopup .popup p span {
    display: inline-block;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    font-size: 14px;
    color: var(--Dark-2, #424A53);
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .emailPopup .popup p span {
    background-color: transparent;
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout .emailPopup .popup label.desc {
    margin-top: 23px;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-style: normal;
    line-height: 22px;
    letter-spacing: -0.4px;
    font-weight: 590;
    font-size: 16px;
    background-color: transparent;
}

body.dark-mode .main-layout .emailPopup .popup label.desc {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
    background: transparent;
}

.main-layout .popup button.show {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/eraser.png) no-repeat center/100% auto;
    /* transform: translate(50%, 50%); */
}

.main-layout .popup button.eraser_v {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/eraser.png) no-repeat center/100% auto;
    right: 20px;
}

body.dark-mode .main-layout .popup button.eraser_v {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/dk_eraser.png) no-repeat center/100% auto;
    color: #fff;
}

.main-layout .popup button.eraser_v.show {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/eraser.png) no-repeat center/100% auto;
}

body.dark-mode .main-layout .popup button.eraser_v.show {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(/image/icon/dk_eraser.png) no-repeat center/100% auto;
    transform: translate(50%, 50%);
}

.main-layout .popup .text {
    margin-top: 12px;
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
}

    .main-layout .popup .text span {
        font-size: 12px;
        font-weight: 590;
        line-height: 140%;
        letter-spacing: -0.036px;
        color: var(--Dark-3, #8A8A8A);
        background-color: transparent;
    }

body.dark-mode .main-layout .popup .text span {
    color: var(--Right-1, #D5D5D5);
    font-size: 12px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.036px;
}

.main-layout .popup .text span.Error {
    line-height: 140%;
    font-size: 14px;
    font-weight: 590;
    letter-spacing: -0.042px;
    color: var(--Error-Color, #FB4C43);
    background-color: transparent;
}

body.dark-mode .main-layout .popup .text span.Error {
    color: #FF0523;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
}

.main-layout .popup .desc p {
    padding: 19px;
    background: var(--Right-4, #F2F2F2);
    border-radius: 10px;
    letter-spacing: -0.3px;
    font-weight: 400;
    font-size: 12px;
    color: var(--Dark-4, #B3B3B3);
}

body.dark-mode .main-layout .popup .desc p {
    color: var(--Right-2, #E3E3E3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .popup .desc {
    background: rgba(71, 71, 71, 0.5);
}

    body.dark-mode .main-layout .popup .desc p {
        display: block;
        height: auto;
        width: 100%;
        color: var(--Right-2, #E3E3E3);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout .emailPopup .popup .desc {
    border-radius: 10px;
    background: rgba(71, 71, 71, 0.5);
}

    body.dark-mode .main-layout .emailPopup .popup .desc p {
        display: block;
        width: 100%;
        color: var(--Right-2, #E3E3E3);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16.8px;
        letter-spacing: -0.3px;
        background: transparent;
    }

.main-layout .popupButton {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-layout .margin-btn {
    margin-top: 40px;
}

body.dark-mode .main-layout .popupButton {
    background: transparent;
}

    body.dark-mode .main-layout .popupButton button {
        background: var(--Dark-3, #8A8A8A);
        color: var(--Dark-1, #24292F);
    }

.main-layout .popupButton button.btn_Cancel {
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 590;
    letter-spacing: -0.24px;
    color: var(--Right-5, #FFF);
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
}

body.dark-mode .main-layout .popupButton button.btn_Cancel {
    color: var(--Dark-1, #24292F);
    background: var(--Dark-3, #8A8A8A);
}

.main-layout .popupButton button.btn_Check {
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 590;
    letter-spacing: -0.24px;
    color: var(--Right-5, #FFF);
    background: var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout .popupButton button.btn_Check {
    color: var(--Dark-1, #24292F);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 590;
    letter-spacing: -0.24px;
    background: var(--Brand-Color1, #13BD7E);
}

.main-layout #error-modal .VerifyPopup {
    min-height: 0px;
}

.main-layout .VerifyPopup .popup .popupButton button {
    display: inline-block;
    width: 146px;
    height: 48px;
    padding: 14px 10px;
    background: var(--Right-2, #E3E3E3);
    border-radius: 10px;
    letter-spacing: -0.24px;
    font-size: 16px;
    font-weight: 590;
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout .VerifyPopup .popup .popupButton button {
    display: inline-block;
    position: inherit;
    width: 146px;
    height: 48px;
    padding: 14px 10px;
    background: var(--Dark-3, #8A8A8A);
    border-radius: 10px;
    color: var(--Dark-1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.main-layout .VerifyPopup .popup .popupButton button.btn_Check {
    display: inline-block;
    position: inherit;
    margin-left: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 590;
    letter-spacing: -0.24px;
    color: var(--Right-5, #FFF);
    background: var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout .VerifyPopup .popup .popupButton button.btn_Check {
    color: var(--Dark-1, #24292F);
}

.main-layout .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 356px;
    min-height: 369px;
    padding: 38px 27px 20px 27px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .main-layout .VerifyPopup {
    background: #2E2E2E;
}

.main-layout #singup_div .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 356px;
    height: 449px;
    height: auto;
    padding: 44px 27px 20px 27px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .main-layout #singup_div .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 356px;
    height: initial;
    padding: 44px 27px 20px 27px;
    border-radius: 20px;
    background: #2E2E2E;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.main-layout .emailVerifyPopupPopup.add {
    display: block;
}

.main-layout .VerifyPopup .popup strong {
    display: block;
    width: 100%;
    color: var(--Black-100, #09101D);
    font-size: 22px;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .VerifyPopup .popup strong {
    display: block;
    color: var(--Right-5, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout .mypage .VerifyPopup .popup strong {
    padding-bottom: 22px;
}

.main-layout .VerifyPopup .popup p {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.3px;
}

    .main-layout .VerifyPopup .popup p.mt-23 {
        margin-top: 23px;
    }

body.dark-mode .main-layout .VerifyPopup .popup p {
    display: block;
    color: var(--Dark-5, #C8C8C8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout .VerifyPopup .popup p span {
    display: inline-block;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .VerifyPopup .popup p span {
    display: inline-block;
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout .VerifyPopup label {
    display: block;
    height: 22px;
    margin-bottom: 8px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 590;
    color: var(--Dakr2, #4D4D4D);
    letter-spacing: -0.4px;
}

.main-layout .VerifyPopup .popup .desc {
    display: block;
    margin-top: 23px;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .VerifyPopup .popup .desc {
    display: block;
    background: transparent;
    color: var(--Right-5, #FFF);
}

.main-layout .VerifyPopup .popup .desc p {
    width: 301px;
    height: 72px;
    padding: 19px 17px;
    background: var(--Right-4, #F2F2F2);
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark-4, #B3B3B3);
}

body.dark-mode .main-layout .VerifyPopup .popup .desc p {
    background: rgb(71, 71, 71);
    opacity: 0.5;
    color: var(--Right-2, #E3E3E3);
}

.main-layout .mypage .VerifyPopup .popup .desc p {
    padding: 10px 17px;
}

body.dark-mode .main-layout .mypage .VerifyPopup .popup .desc p {
    padding: 10px 17px;
}

.main-layout .popup_main {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.4));
}

body.dark-mode .main-layout .popup_main {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1100;
}

.main-layout .popup_main1 {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.4));
}

body.dark-mode .main-layout .popup_main1 {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(0, 0, 0, 0.8));
}

.main-layout .popup_main2 {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.4));
}

body.dark-mode .main-layout .popup_main2 {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(0, 0, 0, 0.8));
}

.main-layout #singup_div .popup_main {
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.4));
}

.main-layout #singup_div .popup_main1 {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.4));
}

.main-layout #singup_div .custom-select__trigger span.on {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
}

.main-layout #singup_div .custom-select__trigger span {
    display: block;
    line-height: 52px;
    height: 52px;
    color: var(--Dark2, #424A53);
    font-size: 14px;
    font-weight: 590;
    letter-spacing: -0.042px;
}

body.dark-mode .main-layout #singup_div .custom-select__trigger span {
    color: var(--Right-5, #FFF);
}

.main-layout #singup_div .custom-select__trigger {
    position: relative;
}

.main-layout .custom-select__trigger span {
    display: block;
    line-height: 52px;
    height: 52px;
}

.main-layout #singup_div .custom-options {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0%;
    width: 208px;
    height: 210px;
    border: 1px solid #E3E3E3;
    border-radius: 0px 6px 6px 0px;
    padding: 10px;
    background-color: #ffffff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
    overflow-y: scroll;
    z-index: 200;
}

    .main-layout #singup_div .custom-options.open {
        display: block;
    }

body.dark-mode .main-layout #singup_div .custom-options {
    background: #474747;
    border: 1px solid #474747;
    color: #000;
    top: 61px;
}

.main-layout .custom-options {
    display: none;
    position: absolute;
    right: 6px;
    top: 47px;
    width: 120px;
    border: 1px solid #E3E3E3;
    border-radius: 6px;
    padding: 10px;
    background-color: #ffffff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
    z-index: 200;
}

body.dark-mode .main-layout .custom-options {
    border: none;
    background: #2E2E2E;
}

.main-layout #singup_div .custom-select.open .custom-options {
    display: block;
}

body.dark-mode .main-layout #singup_div .custom-select.open .custom-options {
    display: block;
    background: var(--DarkSelect, #2E2E2E);
}

.main-layout .custom-select.open .custom-options {
    display: block;
}

.main-layout #singup_from .agree__list label {
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout #singup_from .agree__list .btn_view {
    color: var(--Dark4, #8C959F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    text-decoration-line: underline;
}

body.dark-mode .main-layout #singup_from .agree__list .btn_view {
    color: var(--Right-3, #EDEDED);
}

.main-layout #singup_from .checkbox_agree {
    position: relative;
}

    .main-layout #singup_from .checkbox_agree label {
        position: relative;
        width: 100%;
        display: block;
        padding-left: 34px;
        font-weight: 400;
        letter-spacing: -0.3px;
        cursor: pointer;
        font-size: 16px;
        line-height: 130%; /* 20.8px */
        color: var(--Dark-3, #8A8A8A);
    }

        .main-layout #singup_from .checkbox_agree label span {
            position: relative;
            width: 100%;
            display: block;
            font-weight: 400;
            letter-spacing: -0.3px;
            cursor: pointer;
            font-size: 16px;
            color: var(--Dark-3, #8A8A8A);
        }

        .main-layout #singup_from .checkbox_agree label:before {
            content: "";
            position: absolute;
            left: 0;
            top: -2px;
            width: 24px;
            height: 24px;
            background: url(/image/icon/check.png) no-repeat center/100% auto;
        }

body.dark-mode .main-layout #singup_from .checkbox_agree label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 24px;
    height: 24px;
    background: url(/image/icon/dk_check.png) no-repeat center/100% auto;
}

.main-layout #singup_from .checkbox_agree input:checked + label:before {
    background: url(/image/icon/checked.png) no-repeat center/100% auto;
}

body.dark-mode .main-layout #singup_from .checkbox_agree input:checked + label:before {
    background: url(/image/icon/dk_checked.png) no-repeat center/100% auto;
}

.main-layout .radio_btn input,
.main-layout .checkbox_btn input,
.main-layout .checkbox_agree input,
.main-layout .checkbox_notice input,
.main-layout .checkbox_notice_large input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    visibility: hidden;
    overflow: hidden;
}

.main-layout #singup_from .agree__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 21px;
}

.main-layout .agree__btn {
    margin-top: 28px;
}

.main-layout #singup_from .agree__btn .checkbox_agree {
    padding: 16px 21px 16px 34px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    font-weight: 400;
    text-align: left;
    letter-spacing: -0.3px;
    font-size: 16px;
    color: var(--Dark-2, #424A53);
}

@media screen and (max-width: 480px) {
    .main-layout #singup_from .agree__btn .checkbox_agree {
        padding: 16px 21px 16px 15px;
    }
}

body.dark-mode .main-layout #singup_from .agree__btn .checkbox_agree {
    border-radius: 10px;
    background: #3A3A3A;
    color: var(--Right-2, #E3E3E3);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

@media screen and (max-width: 328px) {
    .main-layout .agree__btn .checkbox_agree {
        padding: 16px 21px;
    }
}

.main-layout #singup_from .agree__btn .checkbox_agree label {
    padding-left: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    line-height: 120%;
    color: var(--Dark-2, #424A53);
    background: var(--Right-4, #F2F2F2);
}

@media screen and (max-width: 480px) {
    .main-layout #singup_from .agree__btn .checkbox_agree label {
        font-size: 14px;
    }
}

body.dark-mode .main-layout #singup_from .agree__btn .checkbox_agree label {
    background: #3A3A3A;
    color: var(--Right-2, #E3E3E3);
}

.main-layout #singup_from .agree__btn .checkbox_agree label:before {
    content: "";
    position: absolute;
    right: 0;
    left: inherit;
    top: -2px;
    background: url(/image/icon/check.png) no-repeat center/100% auto;
    height: 46px;
    text-align: left;
    background-size: 24px 24px;
    background-position: right center;
}

body.dark-mode .main-layout #singup_from .agree__btn .checkbox_agree label:before {
    content: "";
    position: absolute;
    right: 0;
    left: inherit;
    top: -2px;
    background: url(/image/icon/dk_check.png) no-repeat center/100% auto;
    height: 46px;
    text-align: left;
    background-size: 24px 24px;
    background-position: right center;
}

.main-layout #singup_from .agree__btn .checkbox_agree input:checked + label:before {
    background: url(/image/icon/checked.png) no-repeat center/100% auto;
}

body.dark-mode .main-layout #singup_from .agree__btn .checkbox_agree input:checked + label:before {
    background: url(/image/icon/dk_checked.png) no-repeat center/100% auto;
}

.main-layout body.pop-opens {
    overflow: hidden;
}

.main-layout .popup_main.show {
    display: block;
}

.main-layout #singup_from .popup_main {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.4));
}

body.dark-mode .main-layout #singup_from .popup_main {
    background: var(--Dark-2, rgba(0, 0, 0, 0.6));
}

.main-layout #singup_from .popup_main1 {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.4));
}

.main-layout #singup_from .viewForm {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 358px;
    height: 488px;
    z-index: 1000;
    transform: translate(-50%, -50%);
    padding: 20px 21px 20px 21px;
    border-radius: 16px;
    background: var(--Right-5, #FFF);
}

body.dark-mode .main-layout #singup_from .viewForm {
    background: #2E2E2E;
}

    body.dark-mode .main-layout #singup_from .viewForm .popup {
        background: #2E2E2E;
    }

.main-layout #singup_from .viewForm .header_title {
    display: block;
    color: var(--Dark3, #57606A);
    font-size: 16px;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #singup_from .viewForm .header_title {
    background: #2E2E2E;
    color: var(--Right-5, #FFF);
}

.header_content {
    width: 100%;
}

body.dark-mode .main-layout #singup_from .viewForm p, body.dark-mode .main-layout #singup_from .viewForm span {
    background: #2E2E2E;
}

.main-layout #singup_from .agree__box .scroll {
    overflow-y: scroll;
    height: 375px;
    width: 100%;
}

body.dark-mode .main-layout #singup_from .agree__box .scroll {
    background: #2E2E2E;
}

.main-layout #singup_from .viewForm p span {
    display: block;
    margin-top: 20px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #singup_from .viewForm p span {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout #singup_from .viewForm p span + span {
    margin-top: 20px;
}

.main-layout #singup_from .formButton {
    margin-top: 20px;
    justify-content: initial;
}

body.dark-mode .main-layout #singup_from .formButton {
    background: #2E2E2E;
}

.main-layout #singup_from .formButton button {
    width: 142px;
    height: 48px;
    padding: 14px 0px;
}

.main-layout #singup_from .formButton .btn_Cancel2 {
    width: 142px;
    height: 48px;
    padding: 14px 0px;
    background: var(--Right-2, #E3E3E3);
    border-radius: 10px;
    letter-spacing: -0.24px;
    font-size: 16px;
    font-weight: 590;
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout #singup_from .formButton .btn_Cancel2 {
    color: #2E2E2E;
    background: var(--Dark-3, #8A8A8A);
}

body.dark-mode .main-layout #singup_from .formButton .btn_Check2 {
    color: #2E2E2E;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout .singup_from .loginButton .btn {
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout #singup_from .loginButton button {
    display: block;
    border-radius: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout #singup_from .loginButton button {
    color: var(--Dark1, #24292F);
    background: var(--Dark-3, #8A8A8A);
}

.main-layout #singup_from .loginButton button.buttonCancel {
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout #singup_from .loginButton button.buttonCancel {
    color: var(--Dark1, #24292F);
    background: var(--Dark-3, #8A8A8A);
}

.main-layout #singup_from .loginButton button.buttonShow {
    color: var(--Right-5, #FFF);
    background: var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout #singup_from .loginButton button.buttonShow {
    color: var(--Dark1, #24292F);
}

.main-layout .wwelcome span {
    display: block;
    padding-top: 64px;
    padding-bottom: 34px;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.4px;
    color: var(--Dark-1, #24292F);
}

body.dark-mode .main-layout .wwelcome span {
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.main-layout .wwelcome .logo {
    display: block;
    margin-bottom: 103px;
}

    .main-layout .wwelcome .logo img {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 264px;
    }

.main-layout .wwelcome .findId_title {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    color: var(--Dark-2, #424A53);
}

body.dark-mode .main-layout .wwelcome .findId_title {
    color: var(--Right-3, #EDEDED);
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout .wwelcome .findId_desc {
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark-3, #8A8A8A);
}

body.dark-mode .main-layout .wwelcome .findId_desc {
    color: var(--Dark-5, #C8C8C8);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout .asset_header1 .asset {
    background: #fff;
}

body.dark-mode .main-layout .asset_header1 .asset {
    background: #1B1B1C;
}

.main-layout .asset_header1 .h-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 18px;
    padding-left: 32px;
}

.main-layout .asset_header1 .body-nav {
    height: 54px;
    margin-top: 18px;
    background: #fff;
}

body.dark-mode .main-layout .asset_header1 .body-nav {
    background: #1B1B1C;
}

.main-layout .asset_header {
    width: 100%;
    background: linear-gradient(78.76deg, #BEA3D9 5.28%, #7762B8 93.52%);
    padding-bottom: 22.59%;
    position: relative;
    border-radius: 0 0 30px 30px;
    min-height: 326px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 376px) {
    .main-layout .asset_header {
        min-height: 300px;
    }
}

@supports (-webkit-touch-callout: none) {
    @media screen and (max-width: 376px) {
        .main-layout .asset_header {
            min-height: 340px;
        }
    }
}

.main-layout .asset_header .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
    display: flex;
    flex-direction: column;
    padding: 15px 16px 44px 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout .asset_header .box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        color: white;
        display: flex;
        flex-direction: column;
        padding: 55px 16px 44px 16px;
    }
}

.main-layout .asset_inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34px;
}

.main-layout .asset_body {
    position: relative;
    width: 100%;
    min-height: 152px;
    padding: 22px 27px;
    border-radius: 23px;
    background: #E4D8F8;
}

@media screen and (max-width: 640px) {
    .main-layout .asset_body {
        padding: 22px 27px;
    }
}

body.dark-mode .main-layout .asset_body {
    background: #2B2B2F;
}

@media screen and (max-width: 640px) {
    .main-layout .hdSrpWrap #send .asset_body {
        padding: 23px 13px;
    }
}

.main-layout .asset_body span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: var(--Dark2, #424A53);
}

body.dark-mode .main-layout .asset_body span {
    color: #FFF;
}

.main-layout .dark .asset_body span {
    color: var(--Dark-3, #8A8A8A);
}

.main-layout .asset_body p {
    display: block;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    color: var(--Dark2, #424A53);
}

body.dark-mode .main-layout .asset_body p {
    color: var(--Right-5, #FFF);
}

.main-layout .horizontal_box {
    display: flex;
    align-items: center;
}

.main-layout .navBtn_Boxs {
    margin-left: 28px;
}

.main-layout .backHome {
    display: inline-block;
}

    .main-layout .backHome a {
        cursor: pointer;
        display: block;
    }

    .main-layout .backHome button {
        display: block;
    }

.main-layout .asset .custom-select-wrapper {
    position: relative;
}

.main-layout .asset .custom-select {
    position: relative;
    display: inline-block;
}

.main-layout .asset .custom-select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    font-size: 18px;
    color: #3d3d3d;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer;
}

    .main-layout .asset .custom-select__trigger span {
        display: block;
        line-height: inherit;
        height: inherit;
    }

body.dark-mode .main-layout .asset .custom-select__trigger span {
    background: url(/image/icon/select_btn.svg) no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    cursor: pointer;
}

.main-layout .asset .custom-options {
    overflow-y: scroll;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 34px;
    left: 0px;
    right: 0;
    transform: translate(-76%, 0);
    width: 120px;
    height: fit-content;
    padding: 0;
    border-radius: 12px;
    border: none;
    background: #ffffff;
    box-shadow: 2px 2px 100px 0px rgba(0, 0, 0, 0.12);
}

body.dark-mode .main-layout .asset .custom-options {
    background: #2E2E2E;
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
}

    body.dark-mode .main-layout .asset .custom-options span {
        color: #fff;
    }

        body.dark-mode .main-layout .asset .custom-options span + span {
            border-top: 0.5px solid var(--Dark-2, #424A53);
        }

.main-layout .asset .custom-options.open {
    display: block;
}

.main-layout .asset .custom-select.open .custom-options {
    display: block;
}

.main-layout .asset .custom-option {
    padding: 11px 0px;
    cursor: pointer;
}

.main-layout .asset .custom-options span.light,
.main-layout .asset .custom-options span.Notification {
    display: block;
    width: 100%;
    text-align: center;
}

.main-layout .menuBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
}

.main-layout .first_accessWrap .asset_inner {
    display: block;
    height: 36px;
}

.main-layout .first_accessWrap .box .menuBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 24px;
}

.main-layout .first_accessWrap .wrapping {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 0;
    top: 0;
}

.main-layout .menuBtn .menuBtn_inner {
    display: flex;
    align-items: center;
    text-align: center;
    max-width: 134px;
    width: 100%;
    height: 34px;
    border-radius: 32px;
    background-color: rgba(230, 255, 249, 0.3);
}

.main-layout .menuBtn a {
    position: relative;
    width: 100%;
    max-width: 68px;
    font-size: 14px;
    font-weight: 400;
    color: var(--Right-2, #EDEDED);
    border-radius: 32px;
}

    .main-layout .menuBtn a.cloud::before {
        content: "";
        clear: both;
        position: absolute;
        left: 10%;
        bottom: -14px;
        width: 67px;
        height: 2px;
        background-color: #00DE5A;
    }

.main-layout .menuBtn span {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    letter-spacing: -0.4px;
    color: var(--Right-1, #EDEDED);
    font-weight: 400;
}

.main-layout .menuBtn a.active span {
    font-weight: 860;
}

.main-layout .menuBtn a.on {
    background: #fff;
    border-radius: 32px;
    padding: 7.2px 0;
}

.main-layout .menuBtn span.cloud_wallet {
    color: var(--Brand-Color-1, #00DE5A);
}

.main-layout .menuBtn span.hd_Wallet {
    color: var(--Brand-color-2, #6A4FBB);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.main-layout .asset .Total {
    margin-top: 46px;
    position: relative;
    height: 110px;
    padding: 16px;
    border-radius: 16px;
    border: 0px solid var(--System-Separator-Non-opaque, #E5E5EA);
    background: #F2F2F7;
}

body.dark-mode .main-layout .asset .Total {
    background: url(/image/dk_bg.png) no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.main-layout .asset .Total span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.4px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .asset .Total span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    background-color: transparent;
}

.main-layout .asset .dollarBox {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--Right-4, #F2F2F2);
    padding-bottom: 25px;
}

body.dark-mode .main-layout .asset .dollarBox {
    background-color: transparent;
}

.main-layout .asset .dollarBox .dollar {
    display: flex;
    align-items: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.4px;
    color: var(--Dark1, #24292F);
}

@media screen and (max-width: 480px) {
    .main-layout .asset .dollarBox .dollar {
        font-size: 25px;
    }
}

@media screen and (max-width: 480px) {
    .main-layout .asset button.refresh {
        width: 20px !important;
        height: 20px !important;
    }

    .main-layout #cloud_asset button.refresh {
        width: 20px !important;
        height: 20px !important;
    }
}

body.dark-mode .main-layout .asset .dollarBox .dollar {
    color: var(--Right-5, #FFF);
    background-color: transparent;
}

.main-layout .asset .dollarBox span.count {
    position: relative;
    padding: 1px 0 0 9px;
    width: 100%;
    max-width: 80px;
    height: 28px;
    border-radius: 17px;
    background: #F6ECFF;
    color: #3AAE83;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

@media screen and (max-width: 990px) {
    .main-layout .asset .dollarBox span.count {
        max-width: 70px;
    }
}

@media screen and (max-width: 768px) {
    .main-layout .asset .dollarBox span.count {
        max-width: 60px;
        height: 18px;
        font-size: 12px;
    }
}

body.dark-mode .main-layout .asset .dollarBox span.count {
    background: rgba(255, 255, 255, 0.1);
}

.main-layout .area {
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-left: 3px;
}

    .main-layout .area .toggleBox {
        display: flex;
        align-items: center;
    }

.main-layout .asset .dollarBox .toggleBox img {
    width: 100%;
    height: 100%;
    padding: 0 3px;
}

    .main-layout .asset .dollarBox .toggleBox img.down {
        display: block;
    }

    .main-layout .asset .dollarBox .toggleBox img.up {
        display: block;
    }

.main-layout .asset .refreshBtn {

    width: 100%;
    max-width: 24px;
    max-height: 24px;
    /*padding: 6px;*/
    border-radius: 8px;
    /*background: #C2B2E2;*/
    /*box-sizing: content-box;*/
}

.main-layout .asset button.refresh {
    background: url(/image/icon/restart2.svg) no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
}

body.dark-mode .main-layout .asset .refreshBtn {
    /*background-color: rgba(255, 255, 255, 0.1);*/
}

body.dark-mode .main-layout .asset button.refresh {
    background: url(/image/icon/dk_restart2.svg) no-repeat;
    background-position: right top;
}

.main-layout .actionsList span {
    display: block;
    margin-top: 31px;
    color: var(--System-Label-Primary, #000);
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .actionsList span {
    color: var(--Right-5, #FFF);
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout .actionsList ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 18px;
}

    .main-layout .actionsList ul li {
        width: 76px;
        height: 60px;
        border-radius: 12px;
        background: var(--Brand-color-1-sub, #DFFFEC);
        margin-top: 20px;
    }

body.dark-mode .main-layout .actionsList ul li {
    background: #183023;
}

.main-layout .actionsList ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main-layout .actionsList ul li span {
    margin-top: 0;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: var(--Brand-Color-1, #00DE5A);
    background: transparent;
}

body.dark-mode .main-layout .actionsList ul li span {
    color: var(--Brand-Color-1, #00DE5A);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .hd_actionsList ul li span {
    display: block;
    color: var(--Brand-Color-2, #8C70E8);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.main-layout .actionsList ul li img {
    width: 100%;
    max-width: 22px;
    min-height: 22px;
    background: transparent;
}

.main-layout actionsList ul li object {
    width: 100%;
    max-width: 22px;
    min-height: 22px;
    background: transparent;
}

.main-layout .hd_actionsList ul li.item4 {
    gap: 0;
}

.main-layout .checkBoxTxt {
    position: relative;
    /* margin: 13px 0; */
}

    .main-layout .checkBoxTxt input {
        /* width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid var(--Right-1, #D5D5D5); */
        margin-right: 6px;
    }

    .main-layout .checkBoxTxt input {
        position: relative;
        background: url(/image/icon/check_icon.svg) no-repeat center/100% auto;
        width: 17px;
        height: 16px;
    }

body.dark-mode .main-layout .checkBoxTxt input {
    position: relative;
    background: url(/image/icon/dk_check_icon.svg) no-repeat center/100% auto;
    width: 17px;
    height: 16px;
}

.main-layout .checkBoxTxt input[type=checkbox]:checked {
    background: url(/image/icon/checked_icon.png) no-repeat center/100% auto;
    background-size: contain;
    border: none;
    outline: none;
}

.main-layout .checkBoxTxt input[type=checkbox] {
    position: relative;
    display: inline-block;
    letter-spacing: -0.4px;
    color: var(--Dark1, #24292F);
    padding-left: 22px;
    background: url(/image/icon/check_icon.svg) no-repeat center/100% auto;
    width: 17px;
    height: 16px;
    background-size: contain;
    outline: none;
    border: none;
}

.main-layout .checkBoxTxt label {
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.4px;
    color: var(--Dark1, #24292F);
}

@media screen and (max-width: 320px) {
    .main-layout .checkBoxTxt label {
        font-size: 11px;
    }
}

body.dark-mode .main-layout .checkBoxTxt label {
    color: var(--Right-5, #FFF);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.main-layout .cloudList {
    border-radius: 16px;
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
    margin-bottom: 40px;
    overflow: hidden;
}

body.dark-mode .main-layout .cloudList {
    background: #2B2B2F;
}

.main-layout .cloudList li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 66px;
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
    padding: 0 16px;
}

body.dark-mode .main-layout .cloudList li {
    background: #2B2B2F;
}

.main-layout .cloudList li img {
    display: block;
    width: 28px;
    height: 28px;
    margin-right: 18px;
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList li img {
    background: #2B2B2F;
}

.main-layout .cloudList .info {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 96px 18px;
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .info {
    background: #2B2B2F;
}

.main-layout .cloudList .naemLeft {
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .naemLeft {
    background: #2B2B2F;
}

.main-layout .cloudList .naemLeft .allTitle {
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: var(--Dark-1, #24292F);
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .naemLeft .allTitle {
    color: var(--Right-5, #FFF);
    background: #2B2B2F;
}

.main-layout .cloudList .naemleft_l {
    display: flex;
    align-items: center;
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .naemleft_l {
    color: var(--Dark4, #8C959F);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    background-color: transparent;
}

.main-layout .cloudList .naemleft_l .numOrigin {
    margin-right: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: var(--Dark4, #8C959F);
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .naemleft_l .numOrigin {
    background-color: transparent;
    color: var(--Dark4, #8C959F);
}

.main-layout .cloudList .naemleft_l .numAdd {
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: var(--Error-Color, #FB4C43);
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .naemleft_l .numAdd {
    background-color: transparent;
    color: var(--Error-Color, #FB4C43);
}

.main-layout .cloudList .naemleft_l .numRemove {
    color: #053CFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.4px;
}

.main-layout .cloudList .naemRight {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .naemRight {
    background: transparent;
}

.main-layout .cloudList .naemRight .allTitle_wen {
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px;
    text-align: right;
    letter-spacing: -0.4px;
    color: var(--Dark-1, #24292F);
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .naemRight .allTitle_wen {
    color: var(--Right-5, #FFF);
    background: transparent;
}

.main-layout .cloudList .naemRight .num2Origin {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: var(--Dark4, #8C959F);
    background: var(--System-Background-Elevated-Primary, #F2F2F7);
}

body.dark-mode .main-layout .cloudList .naemRight .num2Origin {
    color: var(--Dark4, #8C959F);
    background: transparent;
}

.main-layout .comm_btnMenu {
    position: sticky;
    bottom: 0;
    background-color: #fff;
}

body.dark-mode .main-layout .comm_btnMenu {
    background-color: #141416;
}

.main-layout .comm_btnMenu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 49px;
    width: 90%;
    margin: 0 auto;
    padding: 6px 0;
}

@supports (-webkit-touch-callout: none) {
    .main-layout .comm_btnMenu ul {
        height: 79px;
        padding-bottom: 30px;
    }
}

.main-layout .comm_btnMenu ul li {
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
}

    .main-layout .comm_btnMenu ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main-layout .comm_btnMenu ul li img.active span {
        color: var(--Brand-Color-1, #00DE5A);
        text-align: center;
        font-size: 10px;
        font-weight: 590;
        letter-spacing: -0.4px;
    }

    .main-layout .comm_btnMenu ul li img span {
        color: var(--Dark4, #8C959F);
        text-align: center;
        font-size: 10px;
        font-weight: 590;
        letter-spacing: -0.4px;
    }

    .main-layout .comm_btnMenu ul li a img {
        display: block;
    }

        .main-layout .comm_btnMenu ul li a img.light {
            display: block;
        }

        .main-layout .comm_btnMenu ul li a img.dark {
            display: none;
        }

body.dark-mode .main-layout .comm_btnMenu ul li a img.light {
    display: none;
}

body.dark-mode .main-layout .comm_btnMenu ul li a img.dark {
    display: block;
}

.main-layout .comm_btnMenu ul li a img {
    display: block;
}

    .main-layout .comm_btnMenu ul li a img.myPage {
        width: 19px;
        height: 20px;
    }

    .main-layout .comm_btnMenu ul li a img.active {
        display: none;
    }

body.dark-mode .main-layout .comm_btnMenu ul li a img {
    display: block;
}

    body.dark-mode .main-layout .comm_btnMenu ul li a img.active {
        display: none;
    }

.main-layout .comm_btnMenu ul li span {
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout .comm_btnMenu ul li img span {
    color: var(--Dark4, #8C959F);
    text-align: center;
    font-size: 10px;
    font-weight: 590;
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .comm_btnMenu ul li span {
    color: var(--Dark2, #424A53);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout .comm_btnMenu ul li span.active {
    color: var(--Brand-Color1, #13BD7E);
    text-align: center;
    font-size: 10px;
    font-weight: 590;
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .dk_btnMenu ul li span.active {
    color: var(--Brand-Color1, #13BD7E);
}

.main-layout #cloud_withdraw .withdrawCont {
    padding: 3.5rem 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout #cloud_withdraw .withdrawCont {
        padding: 7rem 16px 0 16px;
    }
}

.main-layout #withdraw_certify .certifyCont {
    padding: 1.5rem 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout #withdraw_certify .certifyCont {
        padding: 4rem 16px 0 16px;
    }
}

.main-layout #withdraw_certify #certifyCont .withdrawPopup {
    height: auto;
}

body.dark-mode .main-layout #withdraw_certify #certifyCont .withdrawPopup {
    height: auto;
}

.main-layout #withdraw_certify #withdrawPopup .popupButton1 {
    padding: 20px 14px 20px 14px;
}

.main-layout #formWrap {
    margin-top: 46px;
}

.main-layout .withdrawCont .btnBox {
    position: relative;
}

.main-layout .withdrawCont .btnList {
    position: absolute;
    top: -19px;
    right: 0;
    max-width: 134px;
    width: 100%;
    height: 34px;
    padding: 8.2px 0px 8.2px 19px;
    font-size: 13px;
    font-weight: 590;
    letter-spacing: -0.39px;
    border-radius: 40px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-3, #8A8A8A);
    cursor: pointer;
}

body.dark-mode .main-layout .withdrawCont .btnList {
    position: absolute;
    top: -19px;
    right: 0;
    width: 135px;
    height: 34px;
    padding: 8.2px 0px 8.2px 19px;
    border-radius: 40px;
    background: #3A3A3A;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.39px;
}

.main-layout .withdrawCont .btnList::before {
    position: absolute;
    content: "";
    clear: both;
    left: 18%;
    top: 50%;
    background: url(/image/icon/journals-fill.svg) no-repeat center/100% auto;
    width: 18px;
    height: 18px;
    transform: translate(-50%, -50%);
}

.main-layout .withdrawInner .item + .item {
    margin-top: 23px;
}

.main-layout .withdrawInner label {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .main-layout .withdrawInner label {
    color: var(--Right-5, #FFF);
}

.main-layout #cloud_withdraw .withdrawInner label {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .main-layout #cloud_withdraw .withdrawInner label {
    color: var(--Right-5, #FFF);
}

.main-layout #cloud_withdraw .withdrawInner label.on {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .main-layout #cloud_withdraw .withdrawInner label.on {
    color: var(--Right-5, #FFF);
}

.main-layout .withdrawInner > div label.e {
    color: var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout .withdrawInner > div label.e {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.main-layout #cloud_withdraw .withdrawInner > div label.e {
    color: var(--Brand-Color1, #13BD7E);
}

.main-layout .withdrawInner label:focus {
    color: var(--Brand-Color-1, #00DE5A);
}

.main-layout .withdrawInner input {
    width: 100%;
    height: 58px;
    margin-bottom: 4px;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    padding: 0 12px;
}

body.dark-mode .main-layout .withdrawInner input {
    color: var(--Right-1, #D5D5D5);
    background: #1B1B1C;
    border-radius: 10px;
    border: 1px solid var(--Dark-3, #8A8A8A);
}

.main-layout #cloud_withdraw .withdrawInner .input-wrapper input {
    width: 100%;
    padding: 5px 0;
    height: 58px;
    color: var(--Dark-1, #24292F);
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid var(--Right-2, #E3E3E3);
    caret-color: var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout #cloud_withdraw .withdrawInner .input-wrapper input {
    border: 0;
    border-radius: 2px;
    border-bottom: 1px solid var(--Dark-3, #8A8A8A);
    color: var(--Right-5, #FFF);
}

.main-layout #cloud_withdraw .withdrawInner .input-wrapper input::placeholder {
    font-size: 50px;
}

body.dark-mode .main-layout #cloud_withdraw .withdrawInner .input-wrapper input::placeholder {
    color: var(--Dark-2, #424A53);
}

.main-layout #cloud_withdraw .input-wrapper .max-label {
    color: var(--Brand-Color1, #13BD7E);
}

.main-layout .withdrawInner label.ed {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

.main-layout .withdrawInner input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

body.dark-mode .main-layout .withdrawInner input::placeholder {
    color: var(--Dark-2, #424A53);
}

.main-layout .withrawInner input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.main-layout .withdrawInner .item ul.list li:nth-child(1) span {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout .withdrawInner .item ul.list li:nth-child(1) span {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.main-layout .withdrawInner .item ul.list li.active span {
    display: block;
    color: var(--Dark-1, #24292F);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
}

body.dark-mode .main-layout .withdrawInner .item ul.list li.active span {
    color: var(--Right-5, #FFF);
}

.main-layout #deposit_wrap .withdrawInner .item ul.list li.active span {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .main-layout #deposit_wrap .withdrawInner .item ul.list li.active span {
    color: var(--Right-5, #FFF);
}

.main-layout .amout_btn .max-label {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(-50%, -50%);
}

.main-layout .withdrawInner .item ul.list li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 58px;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.042px;
    background: url(/image/icon/selected.svg) no-repeat;
    background-size: 20px 20px;
    background-position: 99% center;
    cursor: pointer;
}

    .main-layout .withdrawInner .item ul.list li.list_off {
        border: 1px solid var(--Dark-2, #424A53);
    }

    .main-layout .withdrawInner .item ul.list li.list_on {
        border: 2px solid var(--Brand-Color-2, #8C70E8);
    }

        .main-layout .withdrawInner .item ul.list li.list_on img {
            margin: 0;
        }

        .main-layout .withdrawInner .item ul.list li.list_on span {
            color: var(--Dark-1, #24292F);
            text-align: center;
            font-size: 14px;
            font-style: normal;
            font-weight: 590;
            line-height: 140%; /* 19.6px */
            letter-spacing: -0.042px;
        }

body.dark-mode .main-layout .withdrawInner .item ul.list li.list_on span {
    color: var(--Right-5, #FFF);
}

@media screen and (max-width: 640px) {
    .main-layout .withdrawInner .item ul.list li {
        background: url(/image/icon/selected.svg) no-repeat;
        background-size: 20px 20px;
        background-position: 96% center;
    }

    body.dark-mode .main-layout .withdrawInner .item ul.list li {
        background: url(/image/icon/dk_selected.svg) no-repeat;
        background-size: 20px 20px;
        background-position: 96% center;
    }
}

body.dark-mode .main-layout .withdrawInner .item ul.list li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 58px;
    padding: 16px;
    border-radius: 10px;
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.042px;
    background: url(/image/icon/dk_selected.svg) no-repeat;
    background-size: 20px 20px;
    background-position: 96% center;
    border: 1px solid var(--Dark-3, #8A8A8A);
}

.main-layout .withdrawInner .item ul.list li span {
    display: inline-block;
    margin-left: 9px;
}

.main-layout #cloud_withdraw .withdrawInner .item input.comm_bor:focus {
    border-radius: 10px;
    border: 2px solid var(--Brand-Color1, #13BD7E);
}

.main-layout .withdrawInner .item input:focus {
    outline: none;
    border: 2px solid var(--Brand-Color1, #13BD7E);
}

.main-layout #cloud_withdraw .withdrawInner .item input:focus {
    outline: none;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout #cloud_withdraw .withdrawInner .item input.number_input:focus {
    outline: none;
    border: 0;
    border-bottom: 2px solid var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout .withdrawInner .item input:focus {
    border: 2px solid var(--Brand-color-2, #A54BFF);
    outline: none !important;
}

body.dark-mode .main-layout .sendAsset_wrap .withdrawInner input:focus {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--Brand-Color-2, #8C70E8);
}

.main-layout .withdrawInner .item span.desc {
    display: block;
    margin-top: 8px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.main-layout .withdrawInner .item span.Error {
    padding-top: 6px;
    color: var(--Error-Color, #FB4C43);
}

body.dark-mode .main-layout .withdrawInner .item span.Error {
    color: #FF0523;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
}

.main-layout .subDesc_wrap p + p {
    margin-top: 8px;
}

.main-layout .withdrawInner P.subDesc {
    display: block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout .withdrawInner P.subDesc {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.main-layout .withdrawInner P.subDesc span {
    display: inline-block;
    margin-right: 12px;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout .withdrawInner P.subDesc span {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.main-layout .withdrawCont .loginButton .gray_buttonError {
    display: block;
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
}

body.dark-mode .main-layout .withdrawCont .loginButton .gray_buttonError {
    font-size: 20px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-1, #24292F);
}

.main-layout .withdrawPopup {
    display: block;
    /* display: none; */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 316px;
    z-index: 1000;
    border-radius: 20px;
    transform: translate(-50%, -50%);
}

body.dark-mode .main-layout .withdrawPopup {
    background: #2E2E2E;
}

.main-layout #formWrap .popup_main {
    width: 100%;
    height: 100vh;
    display: block;
    /* display: none; */
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.4));
}

body.dark-mode .main-layout #formWrap .popup_main {
    background: rgba(0, 0, 0, 0.8);
}

.main-layout #cloud_withdraw #formWrap .popup_main img {
    /*width: auto;*/
}

.main-layout #withdrawPopup .findId_input input {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background: url(/image/icon/check1.svg) no-repeat;
    background-size: 24px 24px;
    border: none;
}

body.dark-mode .main-layout #withdrawPopup .findId_input input {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background: url(/image/icon/dk_check1.svg) no-repeat;
    background-size: 24px 24px;
    border: none;
}

.main-layout #withdrawPopup .findId_input input:focus {
    color: inherit;
    outline: none;
    caret-color: inherit;
}

.main-layout #withdrawPopup .findId_input input [type=radio] {
    width: 24px;
    height: 24px;
}

.main-layout #withdrawPopup .findId_input [type=radio]:checked {
    background-color: #00DE5A;
    background: url(/image/icon/checked1.svg) no-repeat;
    background-size: 24px 24px;
}

body.dark-mode .main-layout #withdrawPopup .findId_input [type=radio]:checked {
    background-color: #00DE5A;
    background: url(/image/icon/dk_checked1.svg) no-repeat;
    background-size: 24px 24px;
}

.main-layout #withdrawPopup .findId_input::after [type=radio]:checked {
    position: absolute;
    content: "";
    clear: both;
    left: 0;
    top: 0;
    border: 1px solid #fff;
}

.main-layout #withdrawPopup .findId_input .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
    padding: 14px 20px;
}

.main-layout #withdrawPopup .findId_input .fItem {
    padding-top: 0;
    padding-bottom: 8px;
    height: 18px;
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout #withdrawPopup .findId_input .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.main-layout .fItem {
    border-radius: 20px;
}

.main-layout #withdraw_certify #withdrawPopup .findId_input {
    border-radius: 20px;
    overflow-y: inherit;
    height: 100%;
}

body.dark-mode .main-layout #withdrawPopup .findId_input {
    background: #2E2E2E;
}

.main-layout #withdrawPopup .findId_input .item img {
    margin-right: 10px;
}

.main-layout #withdrawPopup .findId_input .item span img {
    margin-right: 10px;
}

.main-layout #withdrawPopup .findId_input .item span.title {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #withdrawPopup .findId_input .item span.title {
    color: var(--Dark-4, #B3B3B3);
}

.main-layout #withdrawPopup .findId_input .item span {
    display: flex;
    align-items: center;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #withdrawPopup .findId_input .item span {
    color: var(--Right-5, #FFF);
}

.main-layout #withdrawPopup .findId_input .item span.cont {
    color: var(--Dark-2, #424A53);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout #withdrawPopup .findId_input .item .desc {
    text-align: right;
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #withdrawPopup .findId_input .item .desc {
    text-align: right;
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark-4, #B3B3B3);
    background: transparent;
}

.main-layout #withdrawPopup .findId_input .item + .item {
    border-top: 0.5px solid var(--Dark-4, #B3B3B3);
}

body.dark-mode .main-layout #withdrawPopup .findId_input .item + .item {
    border-top: 0.5px solid var(--Dark-2, #424A53);
}

.main-layout #deposit_wrap #withdrawPopup .popupButton {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 14px;
    margin: 0;
}

.main-layout #cloud_withdraw #withdrawPopup .popupButton {
    padding: 20px 14px;
    margin-top: 0;
}

.main-layout #withdrawPopup .popupButton {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 14px 20px 14px;
    gap: 10px;
}

.main-layout #withdrawPopup .popupButton1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 40px;
    margin-top: 0;
}

.main-layout #formWrap .item_list .popup_main {
    width: 100%;
    height: 100vh;
    /* display: block; */
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

    .main-layout #formWrap .item_list .popup_main .list {
        position: absolute;
        width: 100%;
        bottom: 0;
        padding: 34px;
        border-radius: 20px 20px 5px 5px;
        background-color: #fff;
    }

@media screen and (max-width: 480px) {
    .main-layout #formWrap .item_list .popup_main .list {
        height: 480px;
    }
}

body.dark-mode .main-layout #formWrap .item_list .popup_main .list {
    background: #2E2E2E;
    padding: 20px 5px 50px 16px;
}

.main-layout #cloud_withdraw .item_list .popup_main .list {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 34px;
    border-radius: 20px 20px 5px 5px;
    background-color: #fff;
}

body.dark-mode .main-layout #cloud_withdraw .item_list .popup_main .list {
    background: #2E2E2E;
    padding: 34px;
}

.main-layout #formWrap .item_list .list > span {
    width: 100%;
    max-width: 90px;
    height: 4px;
    display: block;
    margin: 0 auto;
    background: #D5D5D5;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    top: 10px;
    transform: translate(-50%, -50%);
}

.main-layout #formWrap .item_list .list .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .main-layout #formWrap .item_list .list .header strong {
        display: inline-block;
        margin-bottom: 14px;
        color: var(--Black-100, #09101D);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout #formWrap .item_list .list .header strong {
    color: var(--Right-3, #EDEDED);
}

.main-layout #formWrap .item_list .list .header span {
    display: inline-block;
    color: var(--Dark4, #8C959F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout #formWrap .item_list .popup_main .list ul {
    display: flex;
    flex-direction: column;
    padding-right: 5px;
}

@media screen and (max-width: 480px) {
    .main-layout #formWrap .item_list .popup_main .list ul {
        overflow-y: auto;
        height: auto;
    }
}

.main-layout #nft_Detailpage .item_list .popup_main .list ul {
    overflow-y: scroll;
    height: 520px;
}

@media screen and (max-width: 376px) {
    .main-layout #nft_Detailpage .item_list .popup_main .list ul {
        height: 283px;
    }
}

.main-layout #formWrap .item_list .popup_main .list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 480px) {
    .main-layout #cloud_withdraw .item_list .popup_main .list ul {
        overflow-y: scroll;
        height: 272px;
    }
}

.main-layout #cloud_withdraw .item_list .popup_main .list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-layout #formWrap .item_list .popup_main .list ul li + li {
    margin-top: 20px;
}

.main-layout #formWrap .item_list .popup_main .list ul li .items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-layout #formWrap .item_list .popup_main .list ul li .AddressCont {
    margin-left: 10px;
}

    .main-layout #formWrap .item_list .popup_main .list ul li .AddressCont span {
        color: var(--Dark-2, #424A53);
        font-size: 14px;
        font-weight: 590;
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout #formWrap .item_list .popup_main .list ul li .AddressCont span {
    color: var(--Right-5, #FFF);
}

.main-layout #formWrap .item_list .popup_main .list ul li .AddressCont p {
    color: var(--Dark4, #8C959F);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

body.dark-mode .main-layout #formWrap .item_list .popup_main .list ul li .AddressCont p {
    color: var(--Dark-3, #8A8A8A);
}

.main-layout #withdraw_possible .certifyCont {
    padding: 1.5rem 16px 0 16px;
}

    .main-layout #withdraw_possible .certifyCont .itemWrap .headerTitle {
        color: var(--Dark-2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: 140%; /* 22.4px */
    }

body.dark-mode .main-layout #withdraw_possible .certifyCont .itemWrap .headerTitle {
    color: var(--Right-5, #FFF);
}

.main-layout #withdraw_certify #withdrawPopup .findId_input .item {
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #withdraw_certify #withdrawPopup .findId_input .item {
    color: var(--Right-1, #D5D5D5);
}

.main-layout .certifyCont .itemWrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}

    .main-layout .certifyCont .itemWrap .itemInner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .main-layout .certifyCont .itemWrap .item {
        width: 100%;
        padding: 11.3px 16px;
        border-radius: 6px;
        background: var(--Right-4, #F2F2F2);
        overflow: hidden;
    }

body.dark-mode .main-layout .certifyCont .itemWrap .item, body.dark-mode .main-layout .certifyCont .itemWrap .item.copyBox {
    background: rgba(71, 71, 71, 0.5);
}

body.dark-mode .main-layout .certifyCont .itemWrap .asItem {
    padding: 11.4px 16px;
}

.main-layout .certifyCont .itemWrap .item.copyBox {
    width: 100%;
    padding: 10px 16px;
    border-radius: 6px;
    background: var(--Right-4, #F2F2F2);
    overflow: hidden;
}

.main-layout .certifyCont .itemWrap .item_inner {
    padding: 20px 16px;
}

.main-layout .certifyCont .itemWrap .itemBox {
    display: flex;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .certifyCont .itemWrap .itemBox {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    /* background: #2B2B2F; */
    background: transparent;
}

.main-layout .itemWrap .itemWrap .title_header {
    background-color: #fff;
}

.main-layout .itemWrap .headertitle {
    display: block;
    font-size: 16px;
    font-weight: 590;
    letter-spacing: -0.3000000119px;
    text-align: left;
    color: var(--Dark-3, #8A8A8A);
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .itemWrap .headertitle {
    color: var(--Right-1, #D5D5D5);
    background: transparent;
}

.main-layout .certifyCont .itemWrap .item .image {
    width: 38px;
    height: 38px;
    margin-right: 8px;
    border-radius: 24px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .certifyCont .itemWrap .item .image {
    background: transparent;
    border-radius: 24px;
}

.main-layout .certifyCont .itemWrap .item .image img {
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .certifyCont .itemWrap .item .image img {
    background: #2B2B2F;
    background: transparent;
}

.main-layout .certifyCont .itemWrap .item .desc {
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .certifyCont .itemWrap .item .desc {
    background: transparent;
}

.main-layout .certifyCont .itemWrap .item .desc > span {
    display: block;
    margin-bottom: 2px;
    font-weight: 590;
    letter-spacing: -0.3000000119px;
    text-align: left;
    color: var(--Dark-2, #424A53);
    background: var(--Right-4, #F2F2F2);
    font-size: 14px;
}

body.dark-mode .main-layout .certifyCont .itemWrap .item .desc > span {
    color: var(--Right-1, #D5D5D5);
    background: transparent;
}

.main-layout .certifyCont .itemWrap .item .desc .eth {
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 100% */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .certifyCont .itemWrap .item .desc .eth {
    color: var(--Right-1, #D5D5D5);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 100% */
    letter-spacing: -0.4px;
}

.main-layout .certifyCont .itemWrap .item .desc .eth_p {
    color: var(--Dark4, #8C959F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .certifyCont .itemWrap .item .desc .eth_p {
    color: var(--Dark3, #57606A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    letter-spacing: -0.4px;
}

.main-layout .certifyCont .itemWrap .item .desc > p {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-align: left;
    color: var(--Dark4, #8C959F);
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .certifyCont .itemWrap .item .desc > p {
    color: var(--Dark4, #8C959F);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    background: transparent;
    /* background: #2B2B2F; */
}

.main-layout #withdraw_possible .certifyCont .itemWrap .item .desc > p.uesName_p {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-align: left;
    color: var(--Dark4, #8C959F);
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout #withdraw_possible .certifyCont .itemWrap .item .desc > p.uesName_p {
    color: var(--Dark3, #57606A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    letter-spacing: 0.25px;
    background: transparent;
}

body.dark-mode .main-layout #withdraw_possible .certifyCont .itemWrap .item .desc > p {
    color: var(--Dark3, #57606A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.25px;
}

.main-layout #withdraw_possible .certifyCont .itemWrap .item .desc > p {
    color: var(--Dark4, #8C959F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.25px;
}

.main-layout .certifyCont .itemWrap > .desc {
    display: block;
    color: var(--Dark3, #57606A);
}

body.dark-mode .main-layout .certifyCont .itemWrap > .desc {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.main-layout .certifyCont .itemWrap > .desc > span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.200000003px;
    text-align: left;
    color: var(--Dark-1, #24292F);
}

body.dark-mode .main-layout .certifyCont .itemWrap > .desc > span {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.main-layout .certifyCont .descTotel {
    margin-top: 13px;
    margin-bottom: 153px;
}

    .main-layout .certifyCont .descTotel > strong {
        position: relative;
        display: block;
        width: 100%;
        padding: 10px 0;
        font-size: 12px;
        font-style: normal;
        font-weight: 510;
        letter-spacing: 0.2px;
        text-align: right;
        cursor: pointer;
        color: var(--Dark-4, #B3B3B3);
    }

body.dark-mode .main-layout .certifyCont .descTotel > strong {
    color: var(--Dark-4, #B3B3B3);
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: 0.2px;
    text-align: right;
    cursor: pointer;
}

.main-layout .certifyCont .descTotel > strong::after {
    content: "";
    clear: both;
    position: absolute;
    right: 68px;
    top: 7px;
    background: url(/image/icon/edit.svg) no-repeat;
    width: 24px;
    height: 24px;
}

body.dark-mode .main-layout .certifyCont .descTotel > strong::after {
    content: "";
    clear: both;
    right: 68px;
    top: 7px;
    background: url(/image/icon/dk_modify.png) no-repeat;
    width: 24px;
    height: 24px;
}

.main-layout .certifyCont .descTotel ul {
    border-radius: 6px;
    overflow: hidden;
}

    .main-layout .certifyCont .descTotel ul li {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 14px 16px;
        background: var(--Right-4, #F2F2F2);
    }

body.dark-mode .main-layout .certifyCont .descTotel ul li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 14px 16px;
    border-radius: 6px;
    background: #2B2B2F;
}

.main-layout .certifyCont .descTotel ul li + li {
    border-top: 1px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .main-layout .certifyCont .descTotel ul li + li {
    border-top: 1px solid #2B2B2F;
}

.main-layout .certifyCont .descTotel ul li .items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    height: 31px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .certifyCont .descTotel ul li .items {
    background: #2B2B2F;
}

.main-layout .certifyCont .descTotel ul li .items1 {
    align-items: flex-end;
}

.main-layout .certifyCont .descTotel ul li .items .title {
    text-align: left;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
    background: transparent;
}

body.dark-mode .main-layout .certifyCont .descTotel ul li .items .title {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

.main-layout .certifyCont .descTotel ul li .items .title1 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    background: transparent;
}

body.dark-mode .main-layout .certifyCont .descTotel ul li .items .title1 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout .certifyCont .descTotel ul li .items .num {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    background: transparent;
}

body.dark-mode .main-layout .certifyCont .descTotel ul li .items .num {
    color: var(--Right-1, #D5D5D5);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout .certifyCont .descTotel ul li .items .num3 {
    color: var(--Dark-2, #424A53);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    background: transparent;
}

body.dark-mode .main-layout .certifyCont .descTotel ul li .items .num3 {
    color: var(--Right-1, #D5D5D5);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.main-layout .certifyCont .descTotel ul li .items .num4 {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    text-align: right;
    background: transparent;
}

body.dark-mode .main-layout .certifyCont .descTotel ul li .items .num4 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout .certifyCont .itemWrap > .desc1 {
    width: 100%;
    padding: 19px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .certifyCont .itemWrap > .desc1 {
    border-radius: 10px;
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

.main-layout .hd_SendAsset .itemWrap > .desc1 {
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

.main-layout .certifyCont .loginButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .main-layout .certifyCont .loginButton button {
        height: 52px;
        padding: 0;
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout .certifyCont .loginButton button {
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .certifyCont .loginButton button.buttonShow {
    height: 52px;
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout .certifyCont .loginButton button.buttonShow {
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout .popup_main1 .certifyCont .loginButton button.buttonShow {
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout .popup_main1 .certifyCont .loginButton button.buttonShow {
    color: var(--Dark-1, #24292F);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.main-layout #certifyCont #withdrawPopup .popupButton1 .btn_Cancel1 {
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout #certifyCont #withdrawPopup .popupButton1 .btn_Cancel1 {
    background: var(--Right-2, #E3E3E3);
    color: #2E2E2E;
}

.main-layout #certifyCont .popup_main1 {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background: var(--Dark-2, rgba(66, 74, 83, 0.8));
}

body.dark-mode .main-layout #certifyCont .popup_main1 {
    background: rgba(0, 0, 0, 0.8);
}

.main-layout #certifyCont .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 315px;
    height: 351px;
    height: auto;
    padding: 20px 27px;
    border-radius: 16px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .main-layout #certifyCont .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 315px;
    padding: 20px 27px;
    border-radius: 16px;
    background: #2E2E2E;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.main-layout #certifyCont #completed .itemWrap .item {
    padding: 10.4px 16px;
}

.main-layout #certifyCont #completed .itemWrap .headertitle {
    padding-bottom: 8px;
}

.main-layout #certifyCont #completed .itemWrap .asitem {
    padding: 19.4px 16px;
}

.main-layout #certifyCont #completed .descTotel ul li {
    padding: 14px 19px;
}

.main-layout .certifyCont .VerifyPopup img {
    display: block;
    width: 167px;
    margin: 0 auto;
    height: 167px;
}

    .main-layout .certifyCont .VerifyPopup img.light {
        display: block;
    }

    .main-layout .certifyCont .VerifyPopup img.dark {
        display: none;
    }

.main-layout .dark {
    display: none;
}

body.dark-mode .main-layout .certifyCont .VerifyPopup img.light {
    display: none;
}

body.dark-mode .main-layout .certifyCont .VerifyPopup img.dark {
    display: block;
}

body.dark-mode .main-layout .dark {
    display: block;
}

.main-layout .certifyCont .VerifyPopup .basic {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .certifyCont .VerifyPopup .basic {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .certifyCont .VerifyPopup .yes {
    display: block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .certifyCont .VerifyPopup .yes {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .certifyCont .VerifyPopup .no {
    display: block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    color: var(--Error-Color, #FB4C43);
}

body.dark-mode .main-layout .certifyCont .VerifyPopup .no {
    color: #FF0523;
}

.main-layout #withdraw_certify #certifyCont .loginButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-layout #withdraw_certify .certifyCont .itemWrap .item {
    padding: 11.1px 16px;
}

.main-layout #withdraw_certify .itemWrap .headertitle {
    padding-bottom: 8px;
}

.main-layout #withdraw_certify .certifyCont .itemWrap .item_inner {
    padding: 20px 16px;
}

.main-layout #certifyCont .loginButton {
    display: block;
    border-radius: 10px;
    /*margin-top: 39px;*/
}

.main-layout #certifyCont .withdrawPopup {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 316px;
    background: #fff;
    z-index: 1000;
    border-radius: 20px;
    transform: translate(-50%, -50%);
}

body.dark-mode .main-layout #certifyCont .withdrawPopup {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 316px;
    z-index: 1000;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    background: #2E2E2E;
}

.main-layout #certifyCont .withdrawPopup .findId_input > span {
    display: block;
    padding-top: 36px;
    padding-left: 26px;
    padding-bottom: 22px;
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #certifyCont .withdrawPopup .findId_input > span {
    display: block;
    padding-top: 36px;
    padding-left: 26px;
    padding-bottom: 22px;
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout #certifyCont .withdraw_certifybtn .loginButton .gray_buttonError {
    color: var(--Dark1, #24292F);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout #certifyCont .withdraw_certifybtn .loginButton .buttonShow {
    color: var(--Dark1, #24292F);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout .withdraw span.headerTitle {
    display: block;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.main-layout .copyBox {
    position: relative;
}

    .main-layout .copyBox .copy {
        position: absolute;
        right: -9px;
        left: inherit;
        top: 31%;
        transform: translate(-50%, -50%);
        width: 59px;
        height: 25px;
        padding: 3px 20px;
        border-radius: 4px;
        display: block;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.3px;
        color: var(--Dark-4, #B3B3B3);
        background: var(--Right-5, #FFF);
    }

        .main-layout .copyBox .copy::before {
            content: "";
            clear: both;
            position: absolute;
            left: 5px;
            top: 4px;
            background: url(/image/icon/journals-fill2.png) no-repeat;
            background-size: 15px 17px;
            width: 15px;
            height: 17px;
        }

.main-layout .withdraw_possible .category .copyBox .copy span {
    display: block;
    background: transparent;
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 0%; /* 0px */
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout .copyBox .copy {
    position: absolute;
    right: -9px;
    left: inherit;
    top: 31%;
    transform: translate(-50%, -50%);
    width: 59px;
    height: 25px;
    padding: 3px 20px;
    border-radius: 4px;
    display: block;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
}

    body.dark-mode .main-layout .copyBox .copy::before {
        content: "";
        clear: both;
        position: absolute;
        left: 5px;
        top: 4px;
        background: url(/image/icon/journals-fill2.png) no-repeat;
        background-size: 15px 17px;
        width: 15px;
        height: 17px;
    }

body.dark-mode .main-layout .withdraw_possible .category .copyBox .copy span {
    background: transparent;
    color: var(--Dark-4, #B3B3B3);
}

.main-layout .withdraw_possible .itemWrap .itemInner {
    display: flex;
    align-items: inherit !important;
    justify-content: space-between;
    gap: 12px;
}

.main-layout .withdraw_possible .category {
    gap: 12px;
}

.main-layout .withdraw_possible .itemWrap .itemInner {
    flex-direction: column;
}

.main-layout .withdraw_possible .category {
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    width: 100%;
}

    .main-layout .withdraw_possible .category .item span {
        background: var(--Right-4, #F2F2F2);
        padding-bottom: 8px;
    }

body.dark-mode .main-layout .withdraw_possible .category .item span {
    color: var(--Right-1, #D5D5D5);
    background-color: transparent;
}

.main-layout .withdraw_possible .title_header {
    background: #fff;
}

body.dark-mode .main-layout .withdraw_possible .title_header {
    background: #1B1B1C;
    background: transparent;
}

.main-layout #withdraw_possible .withdraw_possible .title_header {
    margin: 23px 0;
}

.main-layout .withdraw_possible .title_header span.headerTit {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .main-layout .withdraw_possible .title_header span.headerTit {
    background: transparent;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.main-layout .withdraw_possible ul {
    border-radius: 6px;
    background: var(--Right-4, #F2F2F2);
    overflow: hidden;
}

body.dark-mode .main-layout .withdraw_possible ul {
    background: #2B2B2F;
}

.main-layout .withdraw_possible ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--Right-4, #F2F2F2);
    padding: 13.2px 14px;
}

body.dark-mode .main-layout .withdraw_possible ul li {
    background: #2B2B2F;
}

.main-layout #hd_withdraw_possible .withdraw_possible ul li {
    height: 46px;
}

.main-layout #withdraw_possible .withdraw_possible ul li:first-child {
    padding: 13.2px 14px;
}

.main-layout #withdraw_possible .withdraw_possible ul li {
    padding: 12.8px 14px;
}

.main-layout .withdraw_possible ul li + li {
    border-top: 1px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .main-layout .withdraw_possible ul li + li {
    border-top: 1px solid var(--Dark-2, #424A53);
}

.main-layout .withdraw_possible ul li span {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    background-color: transparent;
}

body.dark-mode .main-layout .withdraw_possible ul li span {
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout .withdraw_possible ul li span.title {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background-color: transparent;
}

body.dark-mode .main-layout .withdraw_possible ul li span.title {
    color: var(--Dark-3, #8A8A8A);
}

body.dark-mode .main-layout #withdrawPopup .findId_input #withdraw_possible ul li span.unNum {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #withdraw_possible ul li span.unNum {
    color: var(--Dark-4, #B3B3B3);
}

.main-layout #tx_record .title_header ul li span.unNum {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #tx_record .title_header ul li span.unNum {
    color: var(--Dark-4, #B3B3B3);
}

.main-layout #tx_record .title_header ul li span.num {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #tx_record .title_header ul li span.num {
    color: var(--Right-1, #D5D5D5);
}

.main-layout #tx_record .loginButton .buttonShow {
    height: 58px;
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout #tx_record #withdrawPopup .loginButton .buttonShow {
    height: 58px;
}

.main-layout #withdraw_possible ul li span.num {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #withdraw_possible ul li span.num {
    color: var(--Right-1, #D5D5D5);
}

.main-layout .withdraw_possible .category .desc span.uesName {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    margin-bottom: 0;
    padding-bottom: 2px;
}

body.dark-mode .main-layout .withdraw_possible .category .desc span.uesName {
    color: var(--Right-1, #D5D5D5);
}

.main-layout .withdraw_possible .itemWrap .desc {
    display: block;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout .withdraw_possible .itemWrap .desc {
    color: var(--Brand-Color1, #13BD7E);
}

.main-layout .withdraw_possible .itemWrap .desc a {
    display: block;
    color: var(--Dark4, #8C959F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-decoration-line: underline;
}

body.dark-mode .main-layout .withdraw_possible ul li:nth-child(even) span.num {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #withdraw_possible .withdraw_possible .itemWrap .desc a {
    color: var(--Dark3, #57606A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.25px;
    text-decoration-line: underline;
}

.main-layout .DepositInner {
    margin-top: 26px;
    padding: 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout .DepositInner {
        padding-top: 40px;
    }
}

.main-layout .DepositInner .item span.id {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

body.dark-mode .main-layout .DepositInner .item span.id {
    color: var(--Right-5, #FFF);
}

.main-layout .DepositInner .item span.subId {
    color: var(--Dark-1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout .DepositInner .item span.subId {
    color: var(--Dark4, #8C959F);
}

.main-layout .DepositInner .item .desc {
    padding: 24px 41px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .DepositInner .item .desc {
    color: var(--Dark-3, #8A8A8A);
    background: #2B2B2F;
}

.main-layout .DepositInner .itemList > div {
    width: 100%;
    padding: 32px 50px;
    border-radius: 10px;
    background: #ECFEF3;
}

body.dark-mode .main-layout .DepositInner .itemList > div {
    width: 100%;
    padding: 32px 50px;
    border-radius: 10px;
    background: var(--Dark-2, #424A53);
}

.main-layout .DepositInner .itemList > div.basic img {
    display: block;
    padding-top: 6px;
    margin: 0 auto;
    border-radius: 10px;
}

.main-layout .DepositInner .itemList > div.basic > div {
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 12px;
    padding: 6px 17.117px 8px 16.883px;
    background: var(--Right-4, #F2F2F2);
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .main-layout .DepositInner .itemList > div.basic > div {
        height: 60px;
        max-width: 76px;
        margin: 0 auto;
    }
}

body.dark-mode .main-layout .DepositInner .itemList > div.basic > div {
    background: var(--Brand-color-1-sub, #DFFFEC);
}

.main-layout .DepositInner .itemList > div.dark_box > div {
    background: var(--Brand-color-1-sub, #DFFFEC);
}

.main-layout .DepositInner .itemList > div.basic > div img.light {
    display: block;
}

.main-layout .DepositInner .itemList > div.basic > div img.dark {
    display: none;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basic > div img.light {
    display: none;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basic > div img.dark {
    display: block;
    background: transparent;
}

.main-layout .DepositInner .itemList > div.basic > div > span {
    display: block;
    width: 100%;
    margin-top: 2px;
    color: var(--Dark-5, #C8C8C8);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .DepositInner .itemList > div.basic > div > span {
    display: block;
    width: 100%;
    margin-top: 2px;
    background: transparent;
    color: var(--Brand-Color1, #13BD7E);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.main-layout .DepositInner .itemList > div.basic p {
    display: block;
    margin-top: 18px;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basic p {
    color: var(--Dark-4, #B3B3B3);
    background: transparent;
}

.main-layout .DepositInner .itemList > div.basicOn img.light {
    display: block;
    padding-top: 6px;
    margin: 0 auto;
    border-radius: 10px;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basicOn img.light {
    display: none;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basicOn img.dark {
    display: block;
    padding-top: 6px;
    margin: 0 auto;
    border-radius: 10px;
}

.main-layout .DepositInner .itemList > div.basicOn > div {
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 12px;
    padding: 6px 17.117px 8px 16.883px;
    background: var(--Brand-Color1, #13BD7E);
}

@media screen and (max-width: 480px) {
    .main-layout .DepositInner .itemList > div.basicOn > div {
        height: 60px;
        max-width: 76px;
        margin: 0 auto;
    }
}

.main-layout .DepositInner .itemList > div.basicOn > div > span {
    display: block;
    width: 100%;
    margin-top: 2px;
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    cursor: pointer;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basicOn > div > span {
    color: var(--Dark-2, #424A53);
}

.main-layout .DepositInner .itemList > div.basicOn p {
    display: block;
    margin-top: 18px;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basicOn p {
    background: transparent;
    color: var(--Right-4, #F2F2F2);
}

.main-layout .DepositInner .itemList > div.dark_box {
    display: none;
}

body.dark-mode .main-layout .DepositInner .itemList > div.dark_box {
    display: block;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basic span.on {
    color: var(--Right-5, #FFF);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basic span.on {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout DepositInner .itemList > div.basic p.on {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .DepositInner .itemList > div.basic p.on {
    color: var(--Right-4, #F2F2F2);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

.main-layout .deposit .findId_input {
    overflow-y: scroll;
    height: 73%;
}

.main-layout .withdrawPopup {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 316px;
    background: #fff;
    z-index: 1000;
    border-radius: 20px;
    overflow: hidden;
    transform: translate(-50%, -50%);
    padding: 0;
}

body.dark-mode .main-layout .withdrawPopup {
    background: #2E2E2E;
}

.main-layout .DepositInner .findId_input .item span {
    display: flex !important;
    align-items: center;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout #deposit_qrInner .item ul.list li.active {
    border: 1px solid var(--Dark-2, #424A53);
}

body.dark-mode .main-layout #deposit_qrInner .item ul.list li.active {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.main-layout #deposit_qrInner .item span.id {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .main-layout #deposit_qrInner .item span.id {
    color: var(--Right-5, #FFF);
}

.main-layout #deposit_qrInner .basic .Download {
    position: relative;
    /*right: -6%;*/
    left: inherit;
    top: 50%;
    /*transform: translate(-50%, -50%);*/
    width: 86px;
    height: 25px;
    padding-left: 15px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    display: block;
    margin-top: 12px;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #deposit_qrInner .basic .Download {
    color: var(--Dark-4, #B3B3B3);
    background: var(--Dark-3, #8A8A8A);
}

@media screen and (max-width: 480px) {
    .main-layout #deposit_qrInner .basic .Download {
        font-size: 11px;
        /*right: -9.5%;*/
        width: 74px;
        padding: 4px 0 4px 12px;
    }
}

.main-layout #deposit_qrInner .basic .Download::before {
    content: "";
    clear: both;
    position: absolute;
    left: 5px;
    top: 4px;
    background: url(/image/icon/download.svg) no-repeat;
    width: 14px;
    height: 14px;
}

body.dark-mode .main-layout .deposit_qr .withdrawInner .item ul.list li.active span {
    color: var(--Right-5, #FFF);
}

.main-layout .deposit_qr .withdrawInner .item ul.list li span {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
}

.main-layout .deposit_qrInner .barcode .basic {
    /* height: 198px; */
    padding: 16px 0;
    border-radius: 10px;
    /* background: var(--Brand-color-1-sub, #DFFFEC); */
}

    .main-layout .deposit_qrInner .barcode .basic .down_box {
        border-radius: 10px;
        background: #ECFEF3;
        padding: 16px;
    }

body.dark-mode .main-layout .deposit_qrInner .barcode .basic .down_box {
    background: var(--Dark-2, #424A53);
}

.main-layout .deposit_qrInner .barcode .basic > div {
    margin: 0 auto;
    max-width: 400px;
    background: transparent;
}

    .main-layout .deposit_qrInner .barcode .basic > div > div {
        position: relative;
        border-radius: 10px;
        background: transparent;
    }

        .main-layout .deposit_qrInner .barcode .basic > div > div > img {
            display: block;
            margin: 0 auto;
        }

.main-layout .deposit_qrInner .barcode .basic .Copy {
    position: absolute;
    right: -6%;
    left: inherit;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 59px;
    height: 25px;
    padding-left: 15px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    display: block;
    margin-top: 12px;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .deposit_qrInner .barcode .basic .Copy {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

.main-layout .deposit_qrInner .barcode .basic .Copy::before {
    content: "";
    clear: both;
    position: absolute;
    left: 5px;
    top: 2px;
    background: url(/image/icon/journals-fill2.png) no-repeat;
    background-size: 15px 17px;
    width: 15px;
    height: 17px;
}

.main-layout .deposit_qrInner .barcode .basic .codeText {
    position: relative;
}

    .main-layout .deposit_qrInner .barcode .basic .codeText .Copy {
        height: 25px;
        position: absolute;
        top: -4px;
        left: 87%;
        right: inherit;
        padding-right: 0;
        transform: translate(-50%, -50%);
        border-radius: 4px;
        background: var(--Right-5, #FFF);
        color: var(--Dark-4, #B3B3B3);
        font-size: 12px;
        font-style: normal;
        font-weight: 510;
        letter-spacing: 0.2px;
        padding: 4px 0 4px 12px;
    }

@media screen and (max-width: 480px) {
    .main-layout .deposit_qrInner .barcode .basic .codeText .Copy {
        right: -33px;
        padding: 4px 0 4px 12px;
        left: inherit;
    }
}

body.dark-mode .main-layout .deposit_qrInner .barcode .basic .codeText .Copy {
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: 0.2px;
    background: var(--Dark-3, #8A8A8A);
}

.main-layout .deposit_qrInner .barcode .basic .codeText .Copy::before {
    content: "";
    clear: both;
    position: absolute;
    left: 5px;
    top: 2px;
    background: url(/image/icon/copy_icon.svg) no-repeat;
    background-size: 15px 17px;
    width: 15px;
    height: 17px;
}

.main-layout .deposit_qrInner .barcode .basic > div > div.codeText > Span {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 12px;
    color: var(--Dark2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.3px;
}

@media screen and (max-width: 370px) {
    .main-layout .deposit_qrInner .barcode .basic > div > div.codeText > Span {
        padding-right: 57px;
    }
}

body.dark-mode .main-layout .deposit_qrInner .barcode .basic > div > div.codeText > Span {
    background: var(--Dark-2, #424A53);
    color: var(--Right-4, #F2F2F2);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout .deposit_qrInner .barcode .basic p.box {
    display: block;
    margin-top: 23px;
    padding: 24px 41px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .deposit_qrInner .barcode .basic p.box {
    background: #2B2B2F;
}

.main-layout .deposit_qrInner .barcode .basic p.box span {
    display: block;
    text-align: left;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .deposit_qrInner .barcode .basic p.box span {
    color: var(--Dark-3, #8A8A8A);
    background-color: transparent;
}

.main-layout .deposit_qrInner .barcode .basic p.box span + span {
    margin-top: 16px;
}

body.dark-mode .main-layout .tx_record {
    background: #1B1B1C;
}

body.dark-mode .main-layout .tx_record_wrap {
    background: #1B1B1C;
}

.main-layout .tx_record_wrap .singup__back {
    display: flex;
    align-items: center;
}

.main-layout .tx_record_wrap .btn_back {
    position: absolute;
    top: 50%;
    left: 17px;
    width: 24px;
    height: 24px;
    background: url(/image/icon/arrow_lefr.png) no-repeat center/100% auto;
    transform: translateY(-50%);
}

@supports (-webkit-touch-callout: none) {
    .main-layout .tx_record_wrap .btn_back {
        top: 70%;
    }
}

body.dark-mode .main-layout .tx_record_wrap .btn_back {
    position: absolute;
    top: 50%;
    left: 17px;
    width: 24px;
    height: 24px;
    background: url(/image/icon/dk_arrow.png) no-repeat center/100% auto;
    transform: translateY(-50%);
}

@supports (-webkit-touch-callout: none) {
    body.dark-mode .main-layout .tx_record_wrap .btn_back {
        top: 70%;
    }
}

.main-layout .tx_record_wrap span.headTitle {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 590;
    letter-spacing: -0.4px;
    text-align: center;
    color: var(--Dakr1, #101010);
}

body.dark-mode .main-layout .tx_record_wrap span.headTitle {
    color: var(--Right-1, #D5D5D5);
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout #nftResult_list_wrap .tx_record ul li {
    padding: 8px 0 13px 0;
    border: none !important;
    border-top: 1px solid var(--Right-1, #D5D5D5) !important;
}

    .main-layout #nftResult_list_wrap .tx_record ul li + li {
        border-bottom: 1px solid var(--Right-1, #D5D5D5) !important;
    }

.main-layout #tx_record .tx_record {
    padding: 4.5rem 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout #tx_record .tx_record {
        padding: 8rem 16px 0 16px;
    }
}

.main-layout #tx_record .tx_record ul li {
    border-top: 1px solid var(--Right-1, #D5D5D5);
    margin: 8px 0;
    padding: 8px 0;
}

.main-layout .tx_record ul li p span:first-child {
    color: var(--Dark-3, #8A8A8A);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
}

.main-layout .tx_record ul li p span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
}

.main-layout .tx_record ul li .cont {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

    .main-layout .tx_record ul li .cont .contInner {
        display: flex;
        align-items: center;
    }

    .main-layout .tx_record ul li .cont .image img {
        width: 28px;
    }

    .main-layout .tx_record ul li .cont .text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 18px;
    }

        .main-layout .tx_record ul li .cont .text strong {
            color: var(--Dark-1, #24292F);
            height: 22px;
            font-size: 17px;
            font-style: normal;
            font-weight: 590;
            letter-spacing: -0.4px;
        }

body.dark-mode .main-layout .tx_record ul li .cont .text strong {
    color: var(--Right-3, #EDEDED);
    height: 22px;
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout .tx_record ul li .cont .text span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

    .main-layout .tx_record ul li .cont .text span.add {
        color: #00C34F;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.4px;
    }

.main-layout .tx_record ul li .cont .wen {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .main-layout .tx_record ul li .cont .wen strong {
        height: 22px;
        color: var(--Dark-1, #24292F);
        text-align: right;
        font-size: 17px;
        font-style: normal;
        font-weight: 590;
    }

body.dark-mode .main-layout .tx_record ul li .cont .wen strong {
    height: 22px;
    color: var(--Right-3, #EDEDED);
    text-align: right;
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
}

.main-layout .tx_record ul li .cont .wen span {
    height: 16px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.main-layout #tx_record #VerifyPopup .itemWrap .Title {
    display: block;
    margin-bottom: 23px;
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 24.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #tx_record #VerifyPopup .itemWrap .Title {
    color: var(--Right-5, #FFF);
}

.main-layout #tx_record #VerifyPopup .itemWrap .headerTitle {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .main-layout #tx_record #VerifyPopup .itemWrap .headerTitle {
    color: var(--Dark-4, #B3B3B3);
}

.main-layout #tx_record .itemWrap .asItem .headertitle {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #tx_record .itemWrap .asItem .headertitle {
    background-color: transparent;
}

.main-layout #tx_record .certifyCont .itemWrap .item .unDesc > p {
    color: var(--Dark4, #8C959F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.25px;
}

.main-layout #tx_record .withdraw_possible .category .item span.headerId {
    position: relative;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 20.8px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #tx_record .withdraw_possible .category .item span.headerId {
    color: var(--Right-1, #D5D5D5);
    background: transparent;
}

.main-layout #tx_record .certifyCont .itemWrap .itemBox {
    margin-top: 8px;
    color: var(--Dark4, #8C959F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.25px;
}

body.dark-mode .main-layout #tx_record .certifyCont .itemWrap .itemBox {
    background-color: transparent;
}

.main-layout #tx_record .copy_box {
    position: relative;
}

.main-layout #tx_record .withdraw_possible .category .item span.Copy {
    position: absolute;
    top: 12px;
    right: 16px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 0%; /* 0px */
    letter-spacing: 0.2px;
    padding: 11px 8px 13px 22.1px;
}

body.dark-mode .main-layout #tx_record .withdraw_possible .category .item span.Copy {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
}

.main-layout #tx_record .withdraw_possible .category .item span.Copy::before {
    position: absolute;
    left: 3px;
    top: 4px;
    background: url(/image/icon/journals-fill.svg) no-repeat;
    content: "";
    clear: both;
    width: 15px;
    height: 17px;
    background-size: contain;
}

.main-layout .categoryTitle span {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .main-layout .categoryTitle span {
    color: var(--Dark-4, #B3B3B3);
}

.main-layout .add_asset {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 356px;
    height: auto;
    /* background: #fff; */
    z-index: 100;
    border-radius: 20px;
    transform: translate(-50%, -50%);
}

body.dark-mode .main-layout .add_asset {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 356px;
    height: auto;
    z-index: 100;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    background: #2E2E2E;
    z-index: 100;
}

.main-layout .add_asset .itemWrap {
    padding: 36px 27px 20px 27px;
    border-radius: 16px;
}

    .main-layout .add_asset .itemWrap .popTitle1 {
        display: block;
        margin-bottom: 23px;
        color: var(--Black-100, #09101D);
        font-size: 22px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout .add_asset .itemWrap .popTitle1 {
    display: block;
    margin-bottom: 23px;
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    color: var(--Right-5, #FFF);
}

.main-layout .add_asset .itemWrap .popTitle {
    display: block;
    margin-top: 23px;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .main-layout .add_asset .itemWrap .popTitle {
    color: var(--Right-1, #D5D5D5);
}

.main-layout .add_asset .itemWrap .itemInner {
    display: flex;
    align-items: inherit !important;
    justify-content: space-between;
    gap: 12px;
}

.main-layout .add_asset .category {
    gap: 12px;
}

.main-layout .add_asset .itemWrap .itemInner {
    flex-direction: column;
}

.main-layout .add_asset .category {
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    width: 100%;
}

    .main-layout .add_asset .category + .category {
        margin-top: 10px;
    }

    .main-layout .add_asset .category .item {
        position: relative;
        width: 100%;
        padding: 10px 16px;
        border-radius: 6px;
        background: var(--Right-4, #F2F2F2);
    }

body.dark-mode .main-layout .add_asset .category .item {
    background: rgba(71, 71, 71, 0.5);
}

.main-layout .add_asset .category .title_header {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    color: var(--Dark-3, #8A8A8A);
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .category .title_header {
    background: transparent;
    color: var(--Right-1, #D5D5D5);
}

.main-layout .add_asset .category .headerId {
    display: block;
    position: relative;
    margin-bottom: 8px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-weight: 590;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .category .headerId {
    background: transparent;
    color: var(--Right-1, #D5D5D5);
}

.main-layout .add_asset .category .Copy {
    position: absolute;
    width: 59px;
    height: 25px;
    line-height: 24px;
    padding-left: 22px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    top: 0;
    right: 0;
    transform: translate(-10px, 8px);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .main-layout .add_asset .category .Copy {
    color: var(--Dark-4, #B3B3B3);
    background: var(--Dark-3, #8A8A8A);
}

.main-layout .add_asset .category .Copy::after {
    content: "";
    clear: both;
    position: absolute;
    left: 3px;
    top: 4px;
    background: url(/image/icon/journals-fill2.png) no-repeat;
    width: 15px;
    height: 17px;
}

.main-layout .add_asset .category .itemBoxs {
    display: flex;
    align-items: center;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .category .itemBoxs {
    background: transparent;
}

.main-layout .add_asset .category .itemBox .desc p {
    display: block;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .category .itemBox .desc p {
    background: transparent;
    color: var(--Dark4, #8C959F);
}

.main-layout .add_asset .category .itemBox .desc p.active {
    background: transparent;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.25px;
}

.main-layout .add_asset .category .itemBox .unDesc a {
    display: block;
    text-decoration: underline;
    color: var(--Dark4, #8C959F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.main-layout .add_asset .category .itemBox .unDesc p {
    color: var(--Dark4, #8C959F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.main-layout .add_asset .category .headertitle {
    display: block;
    margin-bottom: 8px;
    padding-bottom: 0;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .category .headertitle {
    background: transparent;
    color: var(--Right-1, #D5D5D5);
}

.main-layout .add_asset .category .desc {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .category .desc {
    background: transparent;
}

.main-layout .add_asset .category .itemBoxs .image {
    background: var(--Right-4, #F2F2F2);
    margin-right: 10px;
}

body.dark-mode .main-layout .add_asset .category .itemBoxs .image {
    background: transparent;
}

.main-layout .add_asset .category .itemBoxs .image img {
    background: var(--Right-4, #F2F2F2);
    border-radius: 30px;
}

body.dark-mode .main-layout .add_asset .category .itemBoxs .image img {
    background: transparent;
}

.main-layout .add_asset .category .itemBoxs .desc span {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .category .itemBoxs .desc span {
    color: var(--Right-1, #D5D5D5);
    background: transparent;
}

.main-layout .add_asset .category .itemBoxs .desc p {
    color: var(--Dark4, #8C959F);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.main-layout .add_asset .grayBox {
    padding: 0 19px;
    border-radius: 6px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .grayBox {
    background: rgba(71, 71, 71, 0.5);
}

.main-layout .add_asset .grayBox li {
    height: 46px;
    padding: 8px;
    background: var(--Right-4, #F2F2F2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.dark-mode .main-layout .add_asset .grayBox li {
    background: transparent;
}

.main-layout .add_asset .grayBox li + li {
    border-top: 1px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .main-layout .add_asset .grayBox li + li {
    border-top: 1px solid var(--Dark-2, #424A53);
}

.main-layout .add_asset .grayBox li span {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .grayBox li span {
    color: var(--Dark-4, #B3B3B3);
    background: transparent;
}

.main-layout .add_asset .grayBox li span.title {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .add_asset .grayBox li span.title {
    color: var(--Dark-5, #C8C8C8);
    background: transparent;
}

.main-layout .add_asset .grayBox li span.bold {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .add_asset .grayBox li span.bold {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.main-layout .add_asset .loginButton {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
}

body.dark-mode .main-layout #withdrawPopup .itemWrap .loginButton .buttonShow {
    height: 48px;
    color: var(--Dark-1, #24292F);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.main-layout #addAsset1 .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 316px;
    height: auto;
    padding: 36px 26px 34px 26px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .main-layout #addAsset1 .VerifyPopup {
    background: #2E2E2E;
}

.main-layout #addAsset1 .cont span.title {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 24.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #addAsset1 .cont span.title {
    color: var(--Right-5, #FFF);
}

.main-layout #addAsset1 .cont span.subTitle {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #addAsset1 .cont span.subTitle {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout #addAsset1 .cont .popList {
    display: block;
}

.main-layout #addAsset1 .cont .popList {
    overflow-y: scroll;
    height: 279px;
}

    .main-layout #addAsset1 .cont .popList span {
        display: flex;
        align-items: center;
        cursor: pointer;
        color: var(--Dark-1, #24292F);
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.042px;
    }

body.dark-mode .main-layout #addAsset1 .cont .popList span {
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
}

.main-layout #addAsset1 .cont .popList img {
    display: block;
    margin-right: 10px;
}

.main-layout #addAsset1 .cont .popList ul {
    display: block;
}

    .main-layout #addAsset1 .cont .popList ul li {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        padding: 10px 14px;
        gap: 16px;
        flex-shrink: 0;
    }

        .main-layout #addAsset1 .cont .popList ul li .item {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .main-layout #addAsset1 .cont .popList ul li img {
            display: block;
            max-width: 28px;
            width: 100%;
            margin: 0 auto;
        }

        .main-layout #addAsset1 .cont .popList ul li input {
            display: block;
            background: url(/image/icon/check_box.svg) no-repeat;
            width: 20px;
            height: 20px;
            background-size: contain;
            border: none;
            outline: none;
        }

            .main-layout #addAsset1 .cont .popList ul li input[type=checkbox]:checked {
                display: block;
                background: url(/image/icon/checked_box.svg) no-repeat;
                width: 20px;
                height: 20px;
                background-size: contain;
                border: none;
            }

        .main-layout #addAsset1 .cont .popList ul li span {
            display: inline-block;
            color: var(--Dark-1, #24292F);
            text-align: center;
            font-size: 14px;
            font-style: normal;
            font-weight: 590;
            letter-spacing: -0.042px;
        }

body.dark-mode .main-layout #addAsset1 .cont .popList ul li span {
    color: var(--Right-3, #EDEDED);
}

.main-layout #wrapper #addAsset1 .loginButton {
    margin-top: 22px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 263px;
    width: 100%;
    padding: 0;
}

    .main-layout #wrapper #addAsset1 .loginButton .buttonCancel {
        height: 48px;
        padding: 0;
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
    }

body.dark-mode .main-layout #wrapper #addAsset1 .loginButton .buttonCancel {
    color: #2E2E2E;
}

.main-layout .loginButton .buttonCancel {
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout .loginButton .buttonCancel {
    border-radius: 10px;
    background: var(--Darkbg, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.main-layout #wrapper #addAsset1 .loginButton .buttonShow {
    height: 48px;
    padding: 0;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout #wrapper #addAsset1 .loginButton .buttonShow {
    color: #2E2E2E;
}

.main-layout .loginButton .buttonShow {
    border-radius: 10px;
    background: var(--Brand-Color-1, #13BD7E);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout .loginButton .buttonShow {
    color: var(--Dark1, #24292F);
}

.main-layout #crad .cont .popList {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    padding: 19px 16px;
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424A53);
}

body.dark-mode .main-layout #crad .cont .popList {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.main-layout .card_wrap #crad .cont .popList::after {
    content: "";
    clear: both;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url(/image/icon/b_icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-position: right center;
}

body.dark-mode .main-layout .card_wrap #crad .cont .popList::after {
    background: url(/image/icon/dk_b_icon.svg) no-repeat;
    background-position: right center;
}

.main-layout #crad .cont .popList::after {
    content: "";
    clear: both;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url(/image/icon/selected.png) no-repeat;
    width: 20px;
    height: 20px;
    background-position: right center;
}

.main-layout #crad .cont .popList span {
    display: inline-block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout #crad .cont .popList span {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

.main-layout #crad .card_af .popList span {
    display: inline-block;
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.main-layout #crad .cont .popList ul {
    display: block;
    width: 94%;
    position: absolute;
    left: 48px;
    top: 65px;
    border-radius: 12px;
    border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(2px);
    border-top: 0.5 solid var(--Dakr4, #B3B3B3);
    height: 248px;
    overflow-y: scroll;
    z-index: 300;
}

body.dark-mode .main-layout #crad .cont .popList ul {
    background: #2E2E2E;
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    border: none;
}

.main-layout #crad .cont .popList ul li {
    position: relative;
    display: flex;
    align-items: center;
    display: flex;
    height: 62px;
    padding: 10px 14px;
    gap: 10px;
    flex-shrink: 0;
}

    .main-layout #crad .cont .popList ul li.active {
        border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
        background: var(--Right-3, #EDEDED);
        backdrop-filter: blur(2px);
    }

body.dark-mode .main-layout #crad .cont .popList ul li.active {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #474747;
    backdrop-filter: blur(2px);
}

.main-layout #crad .cont .popList ul li span {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

.main-layout #crad .cont .popList ul li + li {
    border-top: 0.5px solid var(--Dark-4, #B3B3B3);
}

.main-layout #crad .cardList {
    margin-top: 23px;
}

    .main-layout #crad .cardList img {
        width: 100%;
        display: block;
    }

    .main-layout #crad .cardList .desc {
        display: block;
        height: 225px;
        border-radius: 20px;
        border: 1px dashed #e3e3e3;
        display: flex;
        align-items: center;
        justify-content: center;
    }

body.dark-mode .main-layout #crad .cardList .desc {
    border: 1px dashed var(--Dark-2, #424A53);
}

.main-layout #crad .cardList .desc p {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout #crad .card_af .cardList .desc p {
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #crad .card_af .cardList .desc p {
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

.main-layout #crad .categoryList {
    margin-top: 23px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
}

    .main-layout #crad .categoryList .inner {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

.main-layout .card_wrap #crad .categoryList .list {
    position: relative;
    padding: 7.61px 15px;
    border-radius: 10px;
    background: #F6F6F6;
    width: 100%;
}

.main-layout #crad .categoryList .list {
    position: relative;
    padding: 7.61px 21px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    width: 100%;
}

body.dark-mode .main-layout #crad .categoryList .list {
    background: #2B2B2F;
}

.main-layout #crad .categoryList .list a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}
/*.main-layout #crad .categoryList .list::after {
  content: "";
  clear: both;
  position: absolute;
  right: 14px;
  top: 20px;*/
/*background: url(/image/icon/r_icon.svg) no-repeat;*/
/*width: 20px;
  height: 20px;
  background-position: right center;
}*/
.main-layout #crad .categoryList .list img {
    display: block;
    margin-right: 10px;
    background: none;
}

body.dark-mode .main-layout #crad .categoryList .list img {
    background: none;
}

.main-layout #crad .categoryList .list span {
    display: inline-block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    background: none;
}

body.dark-mode .main-layout #crad .categoryList .list span {
    background: none;
    color: var(--Dark-3, #8A8A8A);
}

.main-layout #crad .cont .popList::after {
    content: "";
    clear: both;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url(/image/icon/expand.png) no-repeat;
    width: 20px;
    height: 20px;
    background-position: right center;
}

.main-layout #crad .inforWrap {
    margin-top: 114px;
    margin-bottom: 23px;
}

.main-layout #crad .card_af .inforWrap {
    margin-top: 104px;
    margin-bottom: 114px;
}

.main-layout #crad .inforWrap > span {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
    margin-bottom: 8px;
}

body.dark-mode .main-layout #crad .inforWrap > span {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.main-layout #crad .card_af .inforWrap > span {
    margin-bottom: 17px;
}

.main-layout #crad .inforWrap ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 61px;
}

@media screen and (max-width: 321px) {
    .main-layout #crad .inforWrap ul {
        gap: 45px;
    }
}

.main-layout #crad .inforWrap ul li {
    text-align: center;
}

    .main-layout #crad .inforWrap ul li a {
        color: var(--Dark-3, #8A8A8A);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

.main-layout .cardWrap .comm_btnMenu ul li a img.dark {
    width: 24px;
    height: 24px;
}

.main-layout .cardWrap .comm_btnMenu ul li span {
    margin-top: 0;
}

.main-layout .cardWrap .btn-wrap {
    /*border-top: 1px solid #E5E5EA;*/
    /*backdrop-filter: blur(24px);*/
}

body.dark-mode .main-layout .cardWrap .btn-wrap {
    /*border-top: 1px solid #424A53;*/
    /* backdrop-filter: blur(24px);*/
}

.main-layout #charge .headerCharge .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}

.main-layout #charge .headerCharge .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .main-layout #charge .headerCharge .item .div {
        display: flex;
        align-items: center;
    }

    .main-layout #charge .headerCharge .item p {
        display: inline-block;
        color: var(--Dark-1, #24292F);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.2px;
    }

body.dark-mode .main-layout #charge .headerCharge .item p {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.main-layout #charge .headerCharge .div .item {
    width: 100%;
    min-width: 70px;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout #charge .headerCharge .div .item {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.main-layout #charge .headerCharge .div .desc {
    position: relative;
    max-width: 74px;
    width: 100%;
    height: 26px;
    border-radius: 4px;
    background: var(--Brand-color-1-sub, #DFFFEC);
    color: var(--Brand-Color1, #13BD7E);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 100%; /* 12px */
    letter-spacing: 0.2px;
    padding: 6px 7px 6px 20px;
}

body.dark-mode .main-layout #charge .headerCharge .div .desc {
    position: relative;
    width: 74px;
    padding: 4px 4px 6px 22px;
    font-size: 12px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
    border-radius: 4px;
    background: #DDF4E7;
    color: var(--Brand-Color1, #13BD7E);
    padding: 6px 7px 6px 20px;
}

.main-layout #charge .headerCharge .item .desc::after {
    content: "";
    clear: both;
    position: absolute;
    left: 6px;
    top: 6px;
    background: url(/image/icon/deopsit.svg) no-repeat center;
    width: 11px;
    height: 12px;
}

body.dark-mode .main-layout #charge .headerCharge .item .desc::after {
    content: "";
    clear: both;
    position: absolute;
    left: 6px;
    top: 6px;
    background: url(/image/icon/deopsit.svg) no-repeat center;
    width: 11px;
    height: 12px;
}

.main-layout #charge form .Amout {
    margin-top: 23px;
    margin-bottom: 26px;
}

    .main-layout #charge form .Amout .item {
        width: 60px;
        height: 34px;
        border-radius: 18px;
        background: #F1F1F1;
        padding: 0;
    }

body.dark-mode .main-layout #charge form .Amout .item {
    background: transparent;
}

.main-layout #charge form .Amout .item button {
    position: inherit;
    display: block;
    width: 60px;
    height: 34px;
    color: #B3B3B3;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 157.143% */
    background: #F1F1F1;
    border-radius: 18px;
}

body.dark-mode .main-layout #charge form .Amout .item button {
    background: transparent;
    border: 1px solid var(--Brand-Color1, #13BD7E);
    color: var(--Brand-Color1, #13BD7E);
}

.main-layout #charge form .Amout .item button.active {
    background: var(--Brand-Color1, #13BD7E);
    border-radius: 18px;
    color: #FFF;
}

body.dark-mode .main-layout #charge form .Amout .item button.active {
    color: #1B1B1C;
}

.main-layout #charge form .Amout .item > label {
    margin-top: 12px;
    background-color: transparent;
}

body.dark-mode .main-layout #charge form .Amout .item > label {
    color: var(--Right-3, #EDEDED);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

.main-layout #charge form .Amout .item > label i {
    background-color: transparent;
}

.main-layout #charge form .Amout .dataInner span {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .main-layout #charge form .Amout .dataInner span {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.main-layout #charge form .Amout .dataInner .inputData {
    position: relative;
    height: 64px;
    border-radius: 15px;
    border: 1px solid var(--Dark-2, #424A53);
    padding: 0 16px 0 6px;
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

    .main-layout #charge form .Amout .dataInner .inputData input {
        position: relative;
        border: 0;
        height: 100%;
        width: 84%;
        background: transparent;
        color: #393939;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 107.692% */
    }

body.dark-mode .main-layout #charge form .Amout .dataInner .inputData input {
    color: var(--Right-5, #FFF);
}

.main-layout #charge form .Amout .dataInner .inputData input:focus {
    border: none;
    outline: none;
}

body.dark-mode .main-layout #charge form .Amout .dataInner .inputData {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.main-layout #charge form .Amout .dataInner .inputData span {
    position: absolute;
    right: 18px;
    bottom: 14px;
    margin-bottom: 0;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.078px;
    color: #393939;
}

body.dark-mode .main-layout #charge form .Amout .dataInner .inputData span {
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.078px;
}

.main-layout #charge form .Amout .dataInner .inputData span i {
    display: inline-block;
    margin-left: 2px;
    color: var(--Dark-4, #B3B3B3);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.042px;
    background: transparent;
    padding-bottom: 4px;
}

body.dark-mode .main-layout #charge form .Amout .dataInner .inputData span i {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
    margin-top: 6px;
}

.main-layout #charge form .Amout .dataInner .Data > p {
    display: block;
    width: 100%;
    margin-top: 6px;
    text-align: left;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout #charge form .Amout .dataInner .Data > p {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.main-layout #charge form .Amout .item1 {
    width: 100%;
    display: block;
}

    .main-layout #charge form .Amout .item1 span {
        margin-bottom: 27px;
        display: block;
        color: var(--Dark2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
    }

body.dark-mode .main-layout #charge form .Amout .item1 span {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.main-layout #charge form .Amout .item1 span .checkbox {
    border-radius: 20px;
    background: var(--Right-4, #F2F2F2);
}

.main-layout #card_charge {
    background: var(--Right-5, #FFF);
    padding-top: 24px;
}

body.dark-mode .main-layout #card_charge {
    background: transparent;
}

.main-layout #card_charge .findId_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

body.dark-mode .main-layout #card_charge .findId_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-layout #card_charge .findId_input .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
    padding: 14px 20px;
}

.main-layout #charge .popupButton button {
    background: var(--Right-2, #E3E3E3);
    border-radius: 10px;
    letter-spacing: -0.24px;
    font-size: 16px;
    font-weight: 590;
    color: var(--Right-5, #FFF);
}

    .main-layout #charge .popupButton button.btn_Check {
        border-radius: 10px;
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.3px;
        color: var(--Right-5, #FFF);
        background: var(--Brand-Color1, #13BD7E);
    }

body.dark-mode .main-layout #charge .popupButton button.btn_Check {
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .cardCharge .header_list ul {
    border-radius: 6px;
    overflow: hidden;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .cardCharge .header_list ul {
    background: #2E2E2E;
}

.main-layout .cardCharge .header_list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    padding: 14px 19px;
}

body.dark-mode .main-layout .cardCharge .header_list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    padding: 14px 19px;
}

.main-layout .cardCharge .header_list ul li + li {
    border-top: 1px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .main-layout .cardCharge .header_list ul li + li {
    border-top: 1px solid #424a53;
}

.main-layout .cardCharge .header_list ul li span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .cardCharge .header_list ul li span {
    background: transparent;
    color: var(--Right-1, #D5D5D5);
    margin-bottom: 0;
}

.main-layout .cardCharge .header_list ul li strong {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 1px;
}

body.dark-mode .main-layout .cardCharge .header_list ul li strong {
    background: transparent;
    color: var(--Right-5, #FFF);
}

.main-layout .cardCharge .descBox {
    overflow: hidden;
    margin-top: 26px;
    padding: 24px 41px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .cardCharge .descBox {
    background: #2E2E2E;
}

.main-layout .cardCharge .descBox p:first-child {
    padding-bottom: 16px;
}

.main-layout .cardCharge .descBox p {
    display: block;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .cardCharge .descBox p {
    background: transparent;
    color: var(--Dark-3, #8A8A8A);
}

.main-layout .cardCharge .comment {
    display: block;
    padding-top: 23px;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.main-layout .card_activate .popupButton button.btn_Check {
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .card_activate .popupButton button.btn_Check {
    color: var(--Dark1, #24292F);
}

.main-layout #card_activate {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 315px;
    padding: 20px 22px 20px 22px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .main-layout #card_activate {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 315px;
    padding: 20px 22px 20px 27px;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: #2E2E2E;
}

.main-layout #card_activate > strong {
    display: block;
    color: var(--Black-100, #09101D);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #card_activate > strong {
    color: var(--Right-5, #FFF);
}

.main-layout #card_activate p.basic {
    margin-top: 22px;
    margin-bottom: 16px;
    text-align: left;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #card_activate p.basic {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout #card_activate p.not {
    color: var(--Error-Color, #FB4C43);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #card_activate p.not {
    color: #FF0523;
}

.main-layout #qctivate_finished {
    padding: 30px 16px 0 16px;
}

.main-layout #card_activate .passwordBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .main-layout #card_activate .passwordBox input.passitem {
        width: 34px;
        height: 46px;
        border-radius: 6px;
        border: 1px solid var(--Dark-4, #B3B3B3);
        font-size: 30px;
        color: var(--Brand-Color1, #13BD7E);
        text-align: center;
        -webkit-text-security: disc;
    }

body.dark-mode .main-layout #card_activate .passwordBox input.passitem {
    background: transparent;
    border: 1px solid var(--Dark-2, #424A53);
}

.main-layout #card_activate .passwordBox input.passitem:focus {
    outline: 1px solid var(--Brand-Color1, #13BD7E);
    border: 1px solid var(--Brand-Color1, #13BD7E);
    font-size: 30px;
    color: var(--Brand-Color1, #13BD7E);
    text-align: center;
    /* background: url(/image/icon/pass.png)no-repeat center;
  width: 11px;
  height: 11px; */
}

.main-layout #card_activate .passwordBox input.passitem1 {
    margin-left: 12px;
}

.main-layout #card_activate .loginButton {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

    .main-layout #card_activate .loginButton button {
        width: 126px;
        height: 48px;
        padding: 14px 10px;
    }

        .main-layout #card_activate .loginButton button.buttonCancel {
            height: 48px;
            padding: 0;
            color: var(--Right-5, #FFF);
            font-size: 16px;
            font-style: normal;
            font-weight: 590;
            letter-spacing: -0.24px;
            border-radius: 10px;
            background: var(--Right-2, #E3E3E3);
        }

body.dark-mode .main-layout #card_activate .loginButton button.buttonCancel {
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    color: var(--Dark-1, #24292F);
}

body.dark-mode .main-layout body.dark-mode .main-layout #card_activate .loginButton button.buttonCancel {
    color: var(--Dark-1, #24292F);
}

.main-layout #card_activate .loginButton button.buttonShow {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
    border: 1px solid var(--Brand-Color1, #13BD7E);
    background: #fff;
}

body.dark-mode .main-layout #card_activate .loginButton button.buttonShow {
    background: transparent;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
    border: 1px solid var(--Brand-Color1, #13BD7E);
}

.main-layout #card_activate .loginButton button.buttonShow1 {
    padding: 0;
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout #card_activate .loginButton button.buttonShow1 {
    color: var(--Dark-1, #24292F);
}

.main-layout .activate_finished .descAdd {
    margin-top: 23px;
}

.main-layout .activate {
    padding-bottom: 26px;
}

.main-layout .activate_finished .header_list span {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.main-layout .activate_finished .descAdd p {
    color: var(--Brand-Color-1, #00DE5A);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

.main-layout .card_purchase ul {
    overflow: hidden;
    padding: 0 16px 0 33px;
    border-radius: 16px;
}

body.dark-mode .main-layout .card_purchase ul {
    border-radius: 16px;
    background: #2E2E2E;
}

.main-layout .card_purchase ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
}

    .main-layout .card_purchase ul li .items span {
        color: #3F3F3F;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: 24px; /* 150% */
    }

body.dark-mode .main-layout .card_purchase ul li .items span {
    background: transparent;
    color: var(--Right-5, #FFF);
}

.main-layout .card_purchase ul li .items p {
    color: #9D9D9D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

body.dark-mode .main-layout .card_purchase ul li .items p {
    color: var(--Right-2, #E3E3E3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

.main-layout .card_purchase ul li .items p .times {
    color: #9D9D9D;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 200% */
}

body.dark-mode .main-layout .card_purchase ul li .items p .times {
    background: transparent;
    color: var(--Dark4, #8C959F);
}

.main-layout .card_purchase ul li > span {
    color: #3F3F3F;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 24px; /* 150% */
}

body.dark-mode .main-layout .card_purchase ul li > span {
    background: transparent;
    color: var(--Right-5, #FFF);
}

.main-layout .card_purchase ul li > span em {
    color: #3F3F3F;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 590;
    line-height: 24px; /* 200% */
}

body.dark-mode .main-layout .card_purchase ul li > span em {
    color: var(--Right-5, #FFF);
}

.main-layout .usage_history .popupButton button.btn_Check {
    width: 100%;
    margin-left: 0;
}

.main-layout .list_inner {
    display: flex;
    justify-content: flex-start;
    gap: 22px;
}

.main-layout .list_image {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #ECFEF3;
    border-radius: 30px;
}

body.dark-mode .main-layout .list_image {
    background: rgba(255, 255, 255, 0.1);
}

.main-layout .history {
    display: flex;
    justify-content: space-between;
}

    .main-layout .history .listBox {
        position: relative;
        max-width: 136px;
        width: 100%;
    }

        .main-layout .history .listBox span.days {
            position: relative;
            display: block;
            height: 48px;
            padding: 12px 16px;
            border-radius: 10px;
            border: 1px solid var(--Dark2, #424A53);
            background: #fff;
            cursor: pointer;
            color: var(--Dark-1, #24292F);
            font-size: 16px;
            font-style: normal;
            font-weight: 590;
            line-height: 140%; /* 22.4px */
            letter-spacing: 0.2px;
        }

body.dark-mode .main-layout .history .listBox span.days {
    border: 1px solid var(--Dark2, #424A53);
    background: transparent;
    color: var(--Right-5, #FFF);
}

.main-layout .history .listBox ul.se_box {
    background: transparent;
    padding: 0;
    border-radius: initial;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 300;
    overflow: inherit;
    width: 100%;
}

    .main-layout .history .listBox ul.se_box li {
        background: transparent;
        padding: 0;
    }

        .main-layout .history .listBox ul.se_box li span {
            position: relative;
            width: 100%;
            text-align: left;
            padding: 4px 10px;
            color: var(--Dark-1, #24292F);
            font-size: 16px;
            font-style: normal;
            font-weight: 590;
            line-height: 140%; /* 22.4px */
            letter-spacing: 0.2px;
        }

.main-layout .history .listBox span.days::after {
    content: "";
    clear: both;
    position: absolute;
    right: 16px;
    top: 13px;
    background: url(/image/icon/selected.svg) no-repeat;
    width: 20px;
    height: 20px;
}

.main-layout .history .listBox span.days::after {
    content: "";
    clear: both;
    position: absolute;
    right: 16px;
    top: 13px;
    background: url(/image/icon/dk_select.png) no-repeat;
    width: 20px;
    height: 20px;
}

.main-layout .history .listBox ul.se_box li + li {
    padding: 0;
    padding-top: 10px;
}

.main-layout .card_purchase ul.list_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 21px;
    padding: 24px 0;
    overflow: hidden;
    background: var(--Right-5, #FFF);
    border-top: 1px solid #eee;
    border-radius: 0;
}

body.dark-mode .main-layout .card_purchase ul.list_box {
    background: transparent;
    border-top: 1px solid rgba(238, 238, 238, 0.1);
}

.main-layout .usage_history .history .item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 19px;
    gap: 12px;
}

    .main-layout .usage_history .history .item .se_box span {
        color: #3D3D3D;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

body.dark-mode .main-layout .usage_history .history .item span {
    color: var(--Right-5, #FFF);
    background: transparent;
}

.main-layout .usage_history .history .item .listBox span {
    position: relative;
    display: block;
    width: 136px;
    height: 48px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--Dark2, #424A53);
    background: #fff;
    cursor: pointer;
}

body.dark-mode .main-layout .usage_history .history .item .listBox span {
    background: transparent;
    border: 1px solid var(--Dark2, #424A53);
    color: var(--Right-5, #FFF);
}

.main-layout #usage_history .history .item .listBox ul {
    position: absolute;
    padding: 4px 16px;
    right: 0;
    border-radius: 10px;
}

    .main-layout #usage_history .history .item .listBox ul li {
        background: #fff;
        padding: 0;
        cursor: pointer;
        border-radius: 20px;
        margin-top: 1px;
    }

        .main-layout #usage_history .history .item .listBox ul li span {
            color: var(--Dark-1, #24292F);
            font-size: 16px;
            font-style: normal;
            font-weight: 590;
            letter-spacing: 0.2px;
            background: #fff;
            text-align: left;
        }

.main-layout #usage_history .history .item {
    margin-bottom: 27px;
}

.main-layout .usage_history .history .item strong {
    color: #3D3D3D;
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 24px; /* 109.091% */
}

body.dark-mode .main-layout .usage_history .history .item strong {
    color: var(--Right-5, #FFF);
    font-size: 24px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

.main-layout .usage_history .popupButton {
    margin-top: 32px;
}

.main-layout .activate .cardList ul li {
    position: relative;
}

    .main-layout .activate .cardList ul li + li {
        margin-top: 8px;
    }

    .main-layout .activate .cardList ul li img {
        position: relative;
        display: block;
        width: 100%;
    }

    .main-layout .activate .cardList ul li span {
        display: inline-block;
        padding: 2% 0px;
        border-radius: 20px;
        cursor: pointer;
        color: var(--Dark-1, #24292F);
        color: #fff;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 590;
        letter-spacing: 0.2px;
        text-align: left;
    }

@media screen and (max-width: 1500px) {
    .main-layout .activate .cardList ul li span {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 1173px) {
    .main-layout .activate .cardList ul li span {
        font-size: 1.4rem;
        font-weight: 590;
    }
}

@media screen and (max-width: 768px) {
    .main-layout .activate .cardList ul li span {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 561px) {
    .main-layout .activate .cardList ul li span {
        font-size: 1.4rem;
    }
}

.main-layout .activate .cardList ul li span a {
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
    /* text-align: center; */
    font-size: 5rem;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    letter-spacing: 2.25px;
    text-indent: -9999px;
}

@media screen and (max-width: 346px) {
    .main-layout .activate .cardList ul li span a {
        font-size: 9px;
    }
}

.main-layout .addBtn {
    height: 80px;
    border-radius: 15px;
    border: 1px dashed var(--Right-2, #E3E3E3);
    margin-top: 8px;
}

    .main-layout .addBtn button {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }

        .main-layout .addBtn button img {
            display: block;
            margin-right: 8px;
            max-width: 21px;
        }

.main-layout .cardList .addBtn button img {
    display: block;
    margin: inherit;
    max-width: inherit;
}

.main-layout .addBtn button span {
    color: var(--Brand-Color-1, #00DE5A);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.main-layout .inputBox input:focus-visible {
    outline: none;
    border: none;
}

.main-layout .inputBox {
    position: absolute;
    width: auto;
    height: 100%;
    left: auto;
    top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    width: 99%;
    padding: 5% 3% 3% 5%;
    gap: 18%;
}

@media screen and (max-width: 703px) {
    .main-layout .inputBox {
        gap: 52px;
    }
}

@media screen and (max-width: 508px) {
    .main-layout .inputBox {
        width: 100%;
    }
}

@media screen and (max-width: 438px) {
    .main-layout .inputBox {
        padding: 5% 3% 5% 5%;
    }
}

@media screen and (max-width: 425px) {
    .main-layout .inputBox {
        gap: 7px;
        width: 100%;
        padding: 5% 4% 4%;
    }
}

.main-layout .inputBox input {
    height: 100%;
    background: transparent;
    border: none;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--Gray-1, #363A40);
    z-index: 1000;
}

@media screen and (max-width: 1024px) {
    .main-layout .inputBox input {
        font-size: 14px;
    }
}

@media screen and (max-width: 346px) {
    .main-layout .inputBox input {
        font-size: 9px;
    }
}

.main-layout .inputBox input:placeholder {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #Fff;
}

@media screen and (max-width: 1024px) {
    .main-layout .inputBox input:placeholder {
        font-size: 14px;
    }
}

@media screen and (max-width: 346px) {
    .main-layout .inputBox input:placeholder {
        font-size: 9px;
    }
}

.main-layout .number {
    display: flex;
    justify-content: space-between;
    gap: 49px;
    width: 82%;
    height: 15%;
    margin-top: -0.8%;
    gap: 6%;
    padding-left: 1%;
}

@media screen and (max-width: 1440px) {
    .main-layout .number {
        /*margin-top: 1%;*/
    }
}

@media screen and (max-width: 1066px) {
    .main-layout .number {
        /*margin-top: -1%;*/
    }
}

@media screen and (max-width: 1024px) {
    .main-layout .number {
        height: 16%;
        margin-top: 0%;
        /*padding: 0 12px 0 3px;*/
    }
}

@media screen and (max-width: 1003px) {
    .main-layout .number {
        /*padding: 0px 1% 0 0%;*/
    }
}

@media screen and (max-width: 768px) {
    .main-layout .number {
        width: 81%;
        height: 14%;
        margin-top: 1%;
        /*padding: 0px 11px 0 3px;*/
        gap: 25px;
    }
}

@media screen and (max-width: 425px) {
    .main-layout .number {
        padding-left: 2%;
    }
}

.main-layout .activate .cardList ul li.input1 {
    padding: 10px;
    border-radius: 10px;
    max-height: 23%;
    max-width: 26%;
    width: 100%;
}

@media screen and (max-width: 905px) {
    .main-layout .activate .cardList ul li span.input1 {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 640px) {
    .main-layout .activate .cardList ul li span.input1 {
        font-size: 0.7rem;
        font-weight: 590;
    }
}

@media screen and (max-width: 763px) {
    .main-layout .activate .cardList ul li span.input2 {
        font-size: 1.7rem;
    }
}

@media screen and (max-width: 640px) {
    .main-layout .activate .cardList ul li span.input2 {
        font-size: 1.5rem;
        font-weight: 590;
    }
}

@media screen and (max-width: 550px) {
    .main-layout .activate .cardList ul li span.input2 {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 440px) {
    .main-layout .activate .cardList ul li span.input2 {
        font-size: 1rem;
    }
}

@media screen and (max-width: 320px) {
    .main-layout .activate .cardList ul li span.input2 {
        font-size: 10px;
    }
}

.main-layout .activate .cardList ul li span.input6 {
    width: 20%;
    font-weight: 400;
    /*padding: 1rem;*/
}

@media screen and (max-width: 1500px) {
    .main-layout .activate .cardList ul li span.input6 {
        font-size: 1.2rem;
        padding: 0;
    }
}

@media screen and (max-width: 1035px) {
    .main-layout .activate .cardList ul li span.input6 {
        width: 20%;
    }
}

@media screen and (max-width: 1024px) {
    .main-layout .activate .cardList ul li span.input6 {
        font-size: 1.2rem;
        font-weight: 400;
    }
}

@media screen and (max-width: 768px) {
    .main-layout .activate .cardList ul li span.input6 {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 561px) {
    .main-layout .activate .cardList ul li span.input6 {
        font-size: 1rem;
    }
}

@media screen and (max-width: 440px) {
    .main-layout .activate .cardList ul li span.input6 {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 320px) {
    .main-layout .activate .cardList ul li span.input6 {
        font-size: 10px;
    }
}

.main-layout .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-height: 19%;
    min-height: 17%;
}

@media screen and (max-width: 521px) {
    .main-layout .bottom {
        margin-top: 3%;
    }
}

@media screen and (max-width: 455px) {
    .main-layout .bottom {
        margin-top: 0%;
    }
}

.main-layout .card_Information .item + .item {
    margin-top: 23px;
}

.main-layout .pay .item label {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.main-layout .card_Information .item label {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

    .main-layout .card_Information .item label.on {
        color: var(--Brand-Color1, #13BD7E);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: 140%; /* 22.4px */
    }

body.dark-mode .main-layout .card_Information .item label.on {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .main-layout .card_Information .item label {
    display: block;
    margin-bottom: 8px;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.main-layout .card_Information .item input {
    display: block;
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    height: 58px;
    padding: 0 16px;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 2px;
}

body.dark-mode .main-layout .card_Information .item input {
    background: transparent;
    color: var(--Right-5, #FFF);
    border: 1px solid var(--Dark-3, #8A8A8A);
}

.main-layout .card_Information .item input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout .card_Information .item input::placeholder {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.main-layout .card_Information input:focus {
    border: 2px solid var(--Brand-Color1, #13BD7E);
    caret-color: #13BD7E;
    outline: none;
}

.main-layout .card_Information .item .Error {
    display: block;
    width: 100%;
    margin-top: 6px;
    color: var(--Error-Color, #FB4C43);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
}

.main-layout .card_Information .popupButton {
    display: block;
    margin-top: 316px;
}

    .main-layout .card_Information .popupButton button.btn_Check {
        width: 100%;
        margin-left: 0;
    }

    .main-layout .card_Information .popupButton button.btn_Check_bg {
        display: block;
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout .card_Information .popupButton button.btn_Check_bg {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-1, #24292F);
}

.main-layout .card_Information .popupButton button.btn_CheckShow {
    display: block;
    height: 52px;
    padding: 0;
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .card_Information .popupButton button.btn_CheckShow {
    color: var(--Dark-1, #24292F);
    background: var(--Brand-Color1, #13BD7E);
}

.main-layout #qctivate_finished .logo {
    margin-bottom: 40px;
}

    .main-layout #qctivate_finished .logo img {
        margin: 0 auto;
    }

.main-layout #qctivate_finished .title {
    display: block;
    margin-bottom: 12px;
    width: 100%;
    text-align: center;
    color: var(--Dark-1, #24292F);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #qctivate_finished .title {
    color: var(--Right-5, #FFF);
}

.main-layout #qctivate_finished .findId_desc {
    display: block;
    margin-bottom: 72px;
    width: 100%;
    text-align: center;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #qctivate_finished .findId_desc {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout #qctivate_finished .loginButton {
    /*margin-top: 30px;*/
}

body.dark-mode .main-layout #qctivate_finished #cardCharge .header_list ul {
    overflow: hidden;
    border-radius: 6px;
    background: #2E2E2E;
}

    body.dark-mode .main-layout #qctivate_finished #cardCharge .header_list ul li + li {
        border-top: 1px solid var(--Dark-2, #424A53);
        border: none;
    }

    body.dark-mode .main-layout #qctivate_finished #cardCharge .header_list ul li span {
        color: var(--Dark-5, #C8C8C8);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

    body.dark-mode .main-layout #qctivate_finished #cardCharge .header_list ul li strong {
        color: var(--Right-1, #D5D5D5);
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: 1px;
    }

.main-layout #thanks_message {
    padding-top: 81px;
}

.main-layout #wrapper .thanks_message_card {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    height: 100vh;
    padding: 0 16px;
}

.main-layout #thanks_message .card strong {
    color: var(--Dark-1, #24292F);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 26.4px */
    letter-spacing: -0.4px;
    margin-bottom: 12px;
}

.main-layout #thanks_message strong {
    display: block;
    width: 100%;
    margin-bottom: 74px;
    margin-bottom: 2.3rem;
    color: var(--Dark-1, #24292F);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout #thanks_message strong {
    color: var(--Right-5, #FFF);
}

.main-layout #thanks_message .logo {
    display: block;
    padding-bottom: 24px;
}

.main-layout #thanks_message .card .logo img {
    margin: 0 auto;
    transition: all 0.5s;
    max-width: 233px;
}

.main-layout #thanks_message .logo img {
    margin: 0 auto;
    width: 100%;
    transition: all 0.5s;
}

.main-layout #thanks_message .card span.title {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    line-height: 100%; /* 18px */
    letter-spacing: -0.3px;
}

.main-layout #thanks_message span.title {
    display: block;
    margin-bottom: 15px;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #thanks_message span.title {
    color: var(--Right-2, #E3E3E3);
}

.main-layout #thanks_message .card p.findId_desc {
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.3px;
}

.main-layout #thanks_message p.findId_desc {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #thanks_message p.findId_desc {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout #thanks_message .card .loginButton {
    /*margin-top: 100px;*/
}

.main-layout #thanks_message .loginButton {
    /*margin-top: 16px;*/
}

.main-layout #pay {
    padding: 33px 16px 0 16px;
}

    .main-layout #pay .header_list span {
        display: block;
        color: var(--Dark-2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
    }

body.dark-mode .main-layout #pay .header_list span {
    color: var(--Right-5, #FFF);
}

.main-layout #pay .header_list ul {
    border-radius: 6px;
}

    .main-layout #pay .header_list ul li span {
        display: inline-block;
        margin-bottom: 0;
        color: var(--Dark-3, #8A8A8A);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout #pay .header_list ul li span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.main-layout #pay .header_list ul li strong {
    display: inline-block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #pay .header_list ul li strong {
    color: var(--Right-1, #D5D5D5);
}

.main-layout #pay span {
    display: inline-block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout #pay span {
    color: var(--Right-5, #FFF);
}

.main-layout #pay p {
    display: inline-block;
    margin-left: 8px;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.main-layout #pay .descAdd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 23px;
}

.main-layout #pay .descBox {
    margin-top: 36px;
    padding: 24px 41px;
}

body.dark-mode .main-layout #pay .descBox {
    border-radius: 10px;
    background: #2B2B2F;
}

.main-layout #pay .descBox p {
    display: block;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #pay .descBox p {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout #pay .loginButton {
    /*margin-top: 22px;*/
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .main-layout #pay .loginButton button.buttonCancel {
        height: 52px;
        padding: 0;
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout #pay .loginButton button.buttonCancel {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout #pay .loginButton button.buttonShow {
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
}

.main-layout #card_order {
    padding: 26px 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout #card_order {
        padding: 66px 16px 0 16px;
    }
}

.main-layout #order .item + .item {
    margin-top: 23px;
}

.main-layout #order .item label {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .main-layout #order .item label {
    color: var(--Right-5, #FFF);
}

.main-layout #order .item label.active {
    color: var(--Brand-Color1, #13BD7E);
}

.main-layout #order .item.active label.active {
    color: var(--Brand-Color1, #13BD7E);
}

.main-layout #order .item.active input {
    border: 2px solid var(--Brand-Color1, #13BD7E);
}

.main-layout #order .item span.flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.main-layout #order .item input {
    display: inline-block;
    width: 100%;
    height: 58px;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .main-layout #order .item input {
    background: transparent;
    color: #fff;
}

.main-layout #order .item input.on {
    border: 1px solid var(--Dark-2, #424A53);
}

.main-layout #order .item input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .main-layout #order .item input::placeholder {
    color: var(--Dark-2, #424A53);
}

.main-layout #order .item input:focus {
    border: 2px solid var(--Brand-Color1, #13BD7E);
    caret-color: #13bd7e;
}

.main-layout #order .item p.eraser {
    display: block;
    margin-top: 8px;
    color: var(--Error-Color, #FB4C43);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
}

body.dark-mode .main-layout #order .item p.eraser {
    color: #FF0523;
}

.main-layout #order .itemListBox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
}

body.dark-mode .main-layout #order .item .listBox span {
    color: #fff;
}

.main-layout #order .item .listBox {
    position: relative;
}

    .main-layout #order .item .listBox span {
        position: relative;
        display: inline-block;
        height: 58px;
        line-height: 57px;
        padding: 0 33.91px 0 16px;
        border-radius: 10px;
        color: var(--Dark1, #24292F);
        border: 1px solid var(--Right-2, #E3E3E3);
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.042px;
    }

        .main-layout #order .item .listBox span::after {
            content: "";
            clear: both;
            position: absolute;
            right: 10px;
            top: 18px;
            background: url(/image/icon/selected.png) no-repeat;
            width: 20px;
            height: 20px;
        }

    .main-layout #order .item .listBox ul {
        position: absolute;
        width: 100%;
        border: 1px solid var(--Right-2, #E3E3E3);
        bottom: -106px;
        left: 1px;
        padding: 2px;
        background: #fff;
        border-radius: 0px 0px 0px 12px;
        height: 103px;
        overflow-y: scroll;
    }

body.dark-mode .main-layout #order .item .listBox ul {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #2E2E2E;
    backdrop-filter: blur(2px);
}

.main-layout #order .item .listBox ul li {
    height: 38px;
    text-align: center;
    padding: 9px 29px 5px 14px;
    display: block;
}

body.dark-mode .main-layout #order .item .listBox ul li {
    color: var(--Right-5, #FFF);
}

.main-layout #order .item .listBox ul li + li {
    border-top: 1px solid var(--Dark-4, #B3B3B3);
}

.main-layout #order .desc {
    display: block;
    margin-top: 6px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.main-layout #order .descAdd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 23px;
}

    .main-layout #order .descAdd span {
        color: var(--Dark-1, #24292F);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.2px;
    }

body.dark-mode .main-layout #order .descAdd span {
    color: var(--Right-5, #FFF);
}

.main-layout #order .descAdd p {
    display: inline-block;
    margin-left: 12px;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.main-layout #order .item .orderTitle {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .main-layout #order .item .orderTitle {
    color: var(--Right-5, #FFF);
}

.main-layout #order .item .orderNum {
    display: block;
    height: 58px;
    line-height: 34px;
    padding: 12px 16px;
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout #order .item .orderNum {
    background: var(--Dark-2, #424A53);
    color: var(--Right-5, #FFF);
}

.main-layout .orderWrap .loginButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.main-layout .loginButton .unbtnCancel {
    padding: 14px 57px;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .loginButton .unbtnShow {
    padding: 14px 57px;
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .loginButton .borderbuttonShow {
    border-radius: 10px;
    border: 1px solid var(--Brand-Color-1, #00DE5A);
    color: var(--Brand-Color-1, #00DE5A);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout #card_purchase {
    padding: 29px 16px 0 16px;
}

.main-layout #card .categoryItem {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

    .main-layout #card .categoryItem.active {
        padding: 12px;
        border-radius: 10px;
        border: 2px solid var(--Brand-Color1, #13BD7E);
    }

    .main-layout #card .categoryItem .card_inner {
        position: relative;
        border-radius: 0px 10px 10px 0px;
        width: 196px;
        height: 130px;
    }

.main-layout #card .categoryItem1 .card_inner {
    background: linear-gradient(90deg, #88BFE8 1.26%, #39C5B8 100%);
    box-shadow: 0px 4px 14px 5px rgba(0, 0, 0, 0.08);
}

.main-layout #card .categoryItem2 .card_inner {
    background: linear-gradient(90deg, #C8ABFF 1.26%, #939DFF 100%);
    box-shadow: 0px 4px 14px 5px rgba(0, 0, 0, 0.08);
}

.main-layout #card .categoryItem3 .card_inner {
    background: linear-gradient(90deg, #F38CA9 34.34%, #F48983 100%);
    box-shadow: 0px 4px 14px 5px rgba(0, 0, 0, 0.08);
}

.main-layout #card .categoryItem + .categoryItem {
    margin-top: 13px;
}

.main-layout #card .categoryItem span.cardName {
    position: absolute;
    right: 18px;
    top: 26px;
    display: block;
    color: var(--Right-4, #F2F2F2);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 14px; /* 87.5% */
    letter-spacing: -0.4px;
}

.main-layout #card .categoryItem .card_inner {
    position: relative;
}

    .main-layout #card .categoryItem .card_inner::after {
        position: absolute;
        content: "";
        clear: both;
        right: 16px;
        bottom: 16px;
        background: url(/image/logo/mastercard_logo.svg) no-repeat;
        background-size: contain;
        background-position: center;
        width: 40px;
        height: 24px;
    }

.main-layout .pay_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.main-layout #card .categoryItem span.wen {
    color: var(--Dark-1, #24292F);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 144.444% */
    letter-spacing: -0.054px;
}

body.dark-mode .main-layout #card .categoryItem span.wen {
    color: #fff;
}

@media screen and (max-width: 376px) {
    .main-layout #card .categoryItem span.wen {
        font-size: 16px;
    }
}

.main-layout #card .categoryItem span.wen b {
    display: inline-block;
    padding-left: 5px;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.042px;
}

body.dark-mode .main-layout #card .categoryItem span.wen b {
    color: var(--Dark-3, #8A8A8A);
}

@media screen and (max-width: 376px) {
    .main-layout #card .categoryItem span.wen b {
        font-size: 12px;
    }
}

.main-layout #card .categoryItem .Link {
    position: relative;
    width: 84px;
    /* position: absolute;
  top: 30px;
  right: 24px;
  border-radius: 20px;
  background: url(/image/soria/opBg.png) no-repeat;
  width: 113px;
  height: 34px; */
    border-radius: 20px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout #card .categoryItem .Link {
    background: rgba(71, 71, 71, 0.5);
}

.main-layout #card .categoryItem .Link::after {
    content: "";
    clear: both;
    position: absolute;
    right: 13px;
    top: 6px;
    background: url(/image/icon/r_icon.svg) no-repeat;
    width: 9px;
    height: 16px;
    background-size: contain;
    background-position: center;
}

.main-layout #card .categoryItem .Link a {
    display: block;
    width: 100%;
    padding: 6px 13px;
    background: transparent;
}

    .main-layout #card .categoryItem .Link a span {
        display: block;
        color: var(--Dark-3, #8A8A8A);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 510;
        line-height: 100%; /* 14px */
        letter-spacing: 0.2px;
    }

body.dark-mode .main-layout #card .categoryItem .Link a span {
    color: var(--Dark-4, #B3B3B3);
}

.main-layout img.myPage {
    width: 19px;
    height: 20px;
}

.main-layout #card .categoryItem_detail .card_item {
    position: relative;
    width: 100%;
    max-width: 230px;
    height: 130px;
    margin: 0 auto;
    border-radius: 10px;
    background: linear-gradient(90deg, #88BFE8 1.26%, #39C5B8 100%);
    box-shadow: 0px 4px 14px 5px rgba(0, 0, 0, 0.08);
}

.main-layout #card .categoryItem_detail .card_item {
    position: relative;
}

.main-layout #card .categoryItem_detail span.cardName {
    position: absolute;
    right: 18px;
    top: 26px;
    display: block;
    color: var(--Right-4, #F2F2F2);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 14px; /* 87.5% */
    letter-spacing: -0.4px;
}

.main-layout #card .categoryItem_detail .card_item::after {
    position: absolute;
    content: "";
    clear: both;
    right: 16px;
    bottom: 16px;
    background: url(/image/logo/mastercard_logo.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 24px;
}

.main-layout .categoryItem_detail .cont {
    padding-top: 30px;
}

.main-layout .categoryItem_detail strong {
    position: relative;
    display: block;
    padding: 0 16px 16px 16px;
    color: var(--Dark-1, #24292F);
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    line-height: 26px; /* 144.444% */
    letter-spacing: -0.054px;
}

body.dark-mode .main-layout .categoryItem_detail strong {
    color: #fff;
}

.main-layout .categoryItem_detail .cont > strong::after {
    position: absolute;
    content: "";
    clear: both;
    top: 40px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--Right-4, #F2F2F2);
}

.main-layout .dark .categoryItem_detail .cont > strong::after {
    background: var(--Dark-3, #8A8A8A);
}

.main-layout .categoryItem_detail .info {
    padding: 15px 16px 17px 16px;
}

    .main-layout .categoryItem_detail .info .info_cont {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .main-layout .categoryItem_detail .info .info_cont span.currency {
            color: var(--Dark-3, #8A8A8A);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px; /* 162.5% */
            letter-spacing: -0.048px;
        }

body.dark-mode .main-layout .categoryItem_detail .info .info_cont span.currency {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .categoryItem_detail .info .info_cont span.name {
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    letter-spacing: -0.048px;
}

body.dark-mode .main-layout .categoryItem_detail .info .info_cont span.name {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .categoryItem_detail .info > span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    letter-spacing: -0.048px;
}

body.dark-mode .main-layout .categoryItem_detail .info > span {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .categoryItem_detail .card_details {
    padding-top: 16px;
}

    .main-layout .categoryItem_detail .card_details strong {
        color: var(--Dark-1, #24292F);
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        line-height: 26px; /* 130% */
        letter-spacing: -0.06px;
    }

body.dark-mode .main-layout .categoryItem_detail .card_details strong {
    color: #fff;
}

.main-layout .categoryItem_detail .card_details p {
    padding: 0 16px;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.042px;
}

body.dark-mode .main-layout .categoryItem_detail .card_details p {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .categoryItem_detail .cont .border {
    display: block;
    width: 100%;
    height: 8px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .main-layout .categoryItem_detail .cont .border {
    background: var(--Dark-3, #8A8A8A);
}

.main-layout .card_purchase_detail .loginButton .buttonShow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 62px;
    padding: 0;
}

body.dark-mode .main-layout .card_purchase_detail .loginButton .buttonShow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 62px;
    padding: 0;
}

.main-layout .loginButton .buttonShow span {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 30px;
}

body.dark-mode .main-layout .loginButton .buttonShow span {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 30px;
}

.main-layout .card_purchase_detail .loginButton .buttonCancel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 62px;
    padding: 0;
}

body.dark-mode .main-layout .card_purchase_detail .loginButton .buttonCancel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 62px;
    padding: 0;
}

.main-layout .loginButton .buttonCancel span {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 30px;
}

body.dark-mode .main-layout .loginButton .buttonCancel span {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 30px;
}

.main-layout .image img {
    width: 100%;
}

.main-layout .inherit {
    max-width: inherit;
}

.main-layout .column {
    max-width: inherit;
    flex-direction: column;
}

.main-layout .margin-line {
    margin-top: 205px;
}

.main-layout .singup_content {
    padding: 0 16px;
}

.main-layout .comm-margin > div {
    margin-bottom: 20px;
}

.main-layout #singup_div .custom-select__trigger1 {
    position: relative;
}

.main-layout #singup_div .singup_input .select_list1 {
    overflow: hidden;
    display: inline-block;
    width: 88px;
    height: 58px;
    margin-right: 8px;
    padding-left: 12px;
    background: url(/image/icon/select.png) no-repeat;
    background-position: 80% center;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    font-weight: 590;
    letter-spacing: -0.042px;
    font-size: 14px;
    color: var(--Right-1, #D5D5D5);
    cursor: pointer;
}

.main-layout .loginButton2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .main-layout .loginButton2 > button {
        width: 100%;
    }

.main-layout .first_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main-layout .first_accessWrap .first_btnMenu ul li span {
    display: block;
    color: var(--Dark2, #424A53);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.4px;
}

.main-layout .first_access .cont {
    margin: 114px 0;
}

    .main-layout .first_access .cont ul li {
        position: relative;
        height: 52px;
        border-radius: 10px;
        width: 56.353%;
        min-width: 220px;
        margin: 0 auto;
    }

.main-layout #wrapper .first_access .cont ul li:nth-child(1) {
    background: var(--Brand-color, #8C70E8);
}

.main-layout .first_access .cont ul li:nth-child(2) {
    border-radius: 10px;
    border: 1px solid var(--Brand-color, #8C70E8);
}

.main-layout #wrapper .first_access .cont ul li button span {
    color: var(--Brand-color, #8C70E8);
    font-size: 20px;
    font-weight: 590;
}

.main-layout .first_access .cont ul li img.light {
    margin: 0;
}

.main-layout .first_access .cont ul li img.dark {
    margin: 0;
}

.main-layout .wallet_comm {
    padding: 3.4rem 23px 0 23px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout .wallet_comm {
        padding: 8rem 23px 0 23px;
    }
}

.main-layout .mnemonic_wrap .image {
    padding: 3.4rem 23px 0 23px;
    margin: 0 auto;
    transition: all 0.5s;
}

.main-layout .mnemonic_wrap .content {
    padding: 0 17px;
}

.main-layout #cw span.title {
    margin-top: 28px;
    font-size: 16px;
    font-weight: 590;
    color: var(--Brand-color, #8C70E8);
}

.main-layout #cw .loginButton .buttonShow {
    background: var(--Brand-color, #8C70E8);
}

.main-layout .first_access .cont ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: transparent;
}

body.dark-mode .main-layout .first_access .cont ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: transparent;
}

.main-layout .oddsCard_wrap .findId_wrap .findId_desc {
    display: block;
    margin-bottom: 34px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .oddsCard_wrap .findId_wrap .findId_desc {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .oddsCard_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 230px;
    background: #494949;
    border-radius: 20px;
}

body.dark-mode .main-layout .oddsCard_box {
    background: #2B2B2F;
}

.main-layout .oddsCard_box .card_inner {
    position: relative;
    min-width: 118px;
    border-radius: 23px;
    border: 1px solid #fff;
}

    .main-layout .oddsCard_box .card_inner span::after {
        position: absolute;
        content: "";
        clear: both;
        background: url(/image/soria/lock.svg) no-repeat;
        width: 14px;
        height: 16px;
        left: 17px;
        top: 11px;
    }

@media screen and (max-width: 990px) {
    .main-layout .oddsCard_box .card_inner span::after {
        top: 9px;
    }
}

.main-layout .oddsCard_box .card_inner span {
    display: block;
    font-size: 20px;
    font-weight: 510;
    text-align: center;
    padding: 5px 6px 5px 23px;
    color: #FFFFFF;
}

@media screen and (max-width: 990px) {
    .main-layout .oddsCard_box .card_inner span {
        display: block;
        padding: 5px 6px 5px 19px;
        font-size: 16px;
        font-weight: 510;
        text-align: center;
        color: #FFFFFF;
    }
}

.main-layout #thanks_wrap #thanks_message p.findId_desc {
    display: block;
    margin-bottom: 48px;
    color: var(--Dark-3, #8A8A8A);
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    padding: 0 35px;
}

body.dark-mode .main-layout #thanks_wrap #thanks_message p.findId_desc {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout #thanks_wrap #thanks_message p.box {
    display: flex;
    padding: 24px 41px;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 10px;
    background: #F2F2F7;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

@media screen and (max-width: 480px) {
    .main-layout #thanks_wrap #thanks_message p.box {
        padding: 24px 21px;
    }
}

body.dark-mode .main-layout #thanks_wrap #thanks_message p.box {
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: #2B2B2F;
}

.main-layout #thanks_wrap #thanks_message p.box span {
    position: relative;
    padding-left: 26px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

    .main-layout #thanks_wrap #thanks_message p.box span::before {
        position: absolute;
        content: "";
        clear: both;
        left: 0;
        top: 5px;
        background: url(/image/icon/hd_checked.svg) no-repeat;
        width: 24px;
        height: 24px;
    }

    .main-layout #thanks_wrap #thanks_message p.box span + span {
        margin-top: 17px;
        padding-left: 26px;
    }

.main-layout .findIdBox input:focus {
    outline: 1px solid var(--darketColor, #00B54A) !important;
    caret-color: var(--darketColor, #00B54A) !important;
}

body.dark-mode .main-layout .findIdBox input:focus {
    outline: 1px solid var(--darketColor, #00B54A) !important;
    caret-color: var(--darketColor, #00B54A) !important;
}

.main-layout #cw .comlpete_box {
    margin-top: 89px;
    border-radius: 10px;
    background: #F2F2F7;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-weight: 510;
    letter-spacing: -0.3px;
}

.main-layout #cw #cw_comBtn_bg .buttonShow {
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.main-layout #cw #cw_comBtn .buttonShow {
    background: transparent;
    color: var(--Brand-Color, #8C70E8);
    font-size: 20px;
    font-weight: 590;
    letter-spacing: -0.3px;
    border-radius: 10px;
    border: 1px solid var(--Brand-Color, #8C70E8);
}

.main-layout .loginButton button.btnshow_ple {
    display: block;
    font-weight: 590;
    text-align: center;
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout .loginButton button.btnshow_ple {
    color: var(--Dark1, #24292F);
}

.main-layout .popup_main1 .text_box {
    margin-top: 26px;
}

.main-layout #cw .cw_comBtn_m {
    margin-top: 39px;
    padding-bottom: 0;
}

.main-layout .yes {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510 !important;
    letter-spacing: -0.3px;
}

.main-layout .no {
    color: var(--Error-Color, #FB4C43);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

.main-layout .cw_comBtn_m .buttonCancel {
    padding: 0 !important;
}

.main-layout #cw .cw_comBtn_m .buttonShow {
    padding: 0 !important;
}

.main-layout .cardPopup {
    max-width: 315px;
    min-height: 339px;
    width: 100%;
    padding: 31px 27px 20px 27px;
}

.main-layout #cw .cardPopup .card_img {
    width: 200px;
    min-height: 130px;
    margin: 0 auto;
}

    .main-layout #cw .cardPopup .card_img img {
        width: 100%;
    }

.main-layout #cw .card_name {
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-align: center;
    padding-bottom: 16px;
    padding-top: 12px;
}

body.dark-mode .main-layout #cw .card_name {
    color: var(--Right-5, #FFF);
}

.main-layout #cw .card_name .card_num {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .main-layout #cw .card_name .card_num {
    color: var(--Right-5, #FFF);
}

.main-layout #cw .text_border {
    max-width: 213px;
    width: 100%;
    margin: 0 auto;
    height: 2px;
    background: var(--Right-4, #F2F2F2);
    margin-top: 0;
}

    .main-layout #cw .text_border .comment {
        padding-top: 14px;
        color: var(--Dark-3, #8A8A8A);
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

.main-layout #cw .card_btn {
    padding-top: 30px;
}

.main-layout #cw_card #cw .card_btn .buttonShow {
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    max-width: 126px;
    width: 100%;
    padding: 14px 10px !important;
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
}

.main-layout #cw_card #cw .card_btn .buttonCancel {
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    max-width: 126px;
    width: 100%;
    padding: 14px 10px;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
}

body.dark-mode .main-layout #cw_card #cw .card_btn .buttonCancel {
    background: var(--Right-2, #E3E3E3);
    color: var(--Dark1, #24292F);
}

.main-layout #cw_card #cw .loginButton .buttonShow {
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    padding: 12.5px 0;
    /* color: var(--Brand-Color-2, #8C70E8); */
    color: var(--Right-5, #FFF);
}

.main-layout #cw_card #cw .loginButton .buttonShow_border {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    padding: 12.5px 0;
    color: var(--Brand-Color-2, #8C70E8);
}

body.dark-mode .main-layout #cw_card #cw .loginButton .buttonShow {
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Dark1, #24292F);
}

.main-layout #cw_card #cw .loginButton .buttonCancel {
    padding: 12.5px 0 !important;
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .main-layout #cw_card #cw .loginButton .buttonCancel {
    color: var(--Dark1, #24292F);
    background: var(--Dark-3, #8A8A8A);
}

.main-layout #cw .loginButton .buttonCancel {
    padding: 12.5px 0 !important;
}

.main-layout #cw_card .popup_main1 .text_box {
    /* padding-top: 25px; */
    margin-top: 0;
}

.main-layout .model_box {
    padding-top: 25px;
}

.main-layout #cw .cw_comBtn_m1 {
    margin-top: 30.23px;
    padding-bottom: 0;
}

.main-layout .comm_yes {
    padding: 22px 0 16px 0;
}

.main-layout #welcome > .title {
    padding: 64px 0 84px 0;
    padding: 4.5rem 0 5.25rem 0;
}

.main-layout .asset .asset_body .dollarBox {
    background: transparent;
}

.main-layout .asset_body .dollarBox .dollar_item {
    color: #8D8D8D;
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    opacity: 0.5;
}

.main-layout .asset .dollarBox span.count::after {
    content: "";
    clear: both;
    position: absolute;
    left: 4px !important;
    top: 5.5px !important;
    /*background: url(/image/icon/up1.png) no-repeat;*/
    width: 8px;
    height: 8px;
    transform: translate(10px, 4px);
}

@media screen and (max-width: 768px) {
    .main-layout .asset .dollarBox span.count::after {
        left: 2px !important;
        top: 2.5px !important;
    }
}

.main-layout .actionsList ul li.item1 img {
    max-width: 22px;
    width: 100% !important;
    /* height: inherit!important; */
}

.main-layout .hd_actionsList ul li {
    width: 66px !important;
    height: 60px !important;
    margin-top: 0 !important;
    max-width: 66px;
    gap: 5px;
}

    .main-layout .hd_actionsList ul li span {
        display: block;
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 510;
        line-height: 16px; /* 160% */
        letter-spacing: -0.4px;
        color: var(--Brand-Color-2, #8C70E8);
    }

.main-layout .asset .dollarBox span.count::after {
    content: "";
    clear: both;
    position: absolute;
    left: 8px;
    top: 0;
    /*background: url(/image/icon/up1.svg) no-repeat;*/
    width: 8px;
    height: 8px;
    transform: translate(10px, 4px);
}

.main-layout .blance_form .inner {
    margin: 30px 0 13px 0;
}

.main-layout .blance_form {
    margin: 15px 16px 0 16px;
}

    .main-layout .blance_form .inner .mode span {
        display: inline-block;
        width: 100%;
        padding: 7px 24px;
        color: var(--Dark-3, #8A8A8A);
        font-size: 17px;
        font-style: normal;
        text-align: center;
        font-weight: 590;
        letter-spacing: -0.4px;
        line-height: 22px;
        border-radius: 30px;
        border: 1px solid var(--Right-3, #EDEDED);
    }

@media screen and (max-width: 480px) {
    .main-layout .blance_form .inner .mode span {
        padding: 7px 19px;
    }
}

@media screen and (max-width: 320px) {
    .main-layout .blance_form .inner .mode span {
        font-size: 12px;
        padding: 5px 15px;
    }
}

body.dark-mode .main-layout .blance_form .inner .mode span {
    border: 1px solid var(--Dark-1, #24292F);
    color: var(--Dark-2, #424A53);
}

.main-layout .blance_form .inner .mode span.active {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 30px;
    background: #F1F1F9;
    color: var(--Dark-1, #24292F);
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
    line-height: 22px;
}

@media screen and (max-width: 480px) {
    .main-layout .blance_form .inner .mode span.active {
        padding: 7px 19px;
    }
}

@media screen and (max-width: 320px) {
    .main-layout .blance_form .inner .mode span.active {
        font-size: 12px;
        padding: 5px 15px;
    }
}

body.dark-mode .main-layout .blance_form .inner .mode span.active {
    color: var(--Right-2, #E3E3E3);
    background: var(--Dark-1, #24292F);
    border: none;
}

.main-layout .first_btnMenu {
    position: sticky;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #E5E5EA;
}

.main-layout .first_accessWrap .first_btnMenu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    height: 49px;
}

.main-layout .search_list {
    position: relative;
}

    .main-layout .search_list .search_control input {
        width: 100%;
        height: 42px;
        padding-left: 52px;
        border-radius: 21px;
        background: var(--Right-4, #F2F2F2);
        border: none;
        color: var(--Dark-1, #24292F);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 20.8px */
        letter-spacing: -0.3px;
    }

body.dark-mode .main-layout .search_list .search_control input {
    background: #454545;
    color: #fff;
}

.main-layout .search_list .search_control input::placeholder {
    color: var(--Dark-4, #B3B3B3);
}

.main-layout .search_list .search_control input:focus {
    outline: none;
}

.main-layout #hd_sendasset .search_list .search_control input {
    padding: 0 10px 0 52px;
}

.main-layout .search_list button {
    position: absolute;
    left: 16px;
    top: 9px;
    background: url(/image/icon/search_icon.svg) no-repeat center;
    width: 24px;
    height: 24px;
}

.main-layout .btn_control {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 12px 0 31px 0;
}

    .main-layout .btn_control button {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        line-height: 22px; /* 157.143% */
        letter-spacing: -0.042px;
        border-radius: 20px;
        background: var(--Right-4, #F2F2F2);
        color: var(--Dark-3, #8A8A8A);
        padding: 6px 16px;
    }

body.dark-mode .main-layout .btn_control button {
    background: #696969;
    color: #2E2E2E;
}

.main-layout #cloud_withdraw .btn_control button.active {
    border-radius: 20px;
    background: var(--Brand-Color1, #13BD7E);
}

.main-layout .btn_control button.active {
    border-radius: 20px;
    background: var(--Brand-Color-2, #8C70E8);
    color: #FFF;
}

body.dark-mode .main-layout .btn_control button.active {
    color: #2E2E2E;
}

.main-layout #cloud_withdraw #withdrawPopup .findId_input {
    height: 248px;
    overflow-y: scroll;
}

.main-layout .withdrawInner .item_amout input {
    border-radius: 2px;
    border: none;
    border-bottom: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Dark-1, #24292F);
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px; /* 116% */
    letter-spacing: -0.4px;
}

    .main-layout .withdrawInner .item_amout input::placeholder {
        color: var(--Right-1, #D5D5D5);
        font-size: 50px;
        font-style: normal;
        font-weight: 400;
        line-height: 58px; /* 116% */
        letter-spacing: -0.4px;
    }

    .main-layout .withdrawInner .item_amout input:focus {
        border-radius: 2px;
        border-bottom: 2px solid var(--Brand-Color-2, #8C70E8);
        border: none;
        outline: none;
    }

.main-layout .subDesc_wrap {
    margin-top: 40px;
    border-radius: 10px;
    background: #F5F5F5;
    padding: 14px;
}

body.dark-mode .main-layout .subDesc_wrap {
    background: #2B2B2F;
}

.main-layout .copy_wrap {
    display: flex;
    justify-content: flex-end;
}

.main-layout .cont_wrap {
    margin: 0 16px;
}

.main-layout #cw .content {
    padding: 1.5rem 16px 0 16px;
}

.main-layout .loginButton_flex {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 263px;
}

.main-layout .loginButton .modal_btn {
    max-width: 125px;
    width: 100%;
    color: var(--Dark1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
}

.main-layout .loginButton .modal_btnShow {
    max-width: 125px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
}

body.dark-mode .main-layout .loginButton .modal_btnShow {
    color: var(--Dark1, #24292F);
}

.main-layout .welcome {
    padding: 0 16px;
}

.main-layout #hd_sendasset .amout_wrap label {
    font-size: 1rem;
    color: #9c89e9;
    margin-right: 10px;
}

.main-layout .amout_wrap .input-wrapper {
    position: relative;
    width: 100%;
}

.main-layout #hd_sendasset .input-wrapper input {
    width: 100%;
    padding: 5px 0;
    border: none;
    border-bottom: 2px solid var(--Right-2, #E3E3E3);
    color: #d3d3d3;
    text-align: left;
    outline: none;
    border-radius: 0;
    /* color: var(--Right-1, #D5D5D5); */
    color: #000;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px; /* 116% */
    letter-spacing: -0.4px;
    caret-color: #8C70E8; /* 마우스 커서 색상 */
}

    .main-layout #hd_sendasset .input-wrapper input::placeholder {
        font-size: 50px;
    }

body.dark-mode .main-layout #hd_sendasset .input-wrapper input {
    color: var(--Right-5, #FFF);
}

.main-layout .input-wrapper input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 5rem;
}

.main-layout #hd_sendasset .amout_wrap .input-wrapper input:focus {
    outline: none;
    border: none;
    border-bottom: 2px solid var(--Brand-Color-2, #8C70E8);
}

.main-layout #hd_sendasset .amout_wrap .input-wrapper .max-label {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: var(--Brand-Color-2, #8C70E8);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.main-layout #hd_sendasset .item_list .popup_main .list ul {
    overflow-y: scroll;
    height: 520px;
}

@media screen and (max-width: 376px) {
    .main-layout #hd_sendasset .item_list .popup_main .list ul {
        height: 283px;
    }
}

.main-layout #hd_sendasset #withdrawPopup .findId_input {
    height: 248px;
    overflow-y: scroll;
}

.main-layout #hd_sendasset .withdrawPopup {
    padding: 0;
}

.main-layout #hd_sendasset #withdrawPopup .popupButton {
    padding: 20px 14px 20px;
    margin-top: 0;
}

body.dark-mode .main-layout #hd_sendasset .withdrawInner .item span.Error {
    margin-top: 0;
}

.main-layout .amout_wrap .input-wrapper input:active {
    border-radius: 0;
    border: none;
}

.main-layout .book_mark input.icon_mark {
    width: 24px;
    height: 24px;
    background: url(/image/icon/book_mark.svg) no-repeat center;
    border: none !important;
}

.main-layout .hidden-checkbox {
    display: none;
}

.main-layout .book_mark input:checked.icon_mark {
    width: 24px;
    height: 24px;
    background: url(/image/icon/book_mark_on.svg) no-repeat center;
}

.main-layout .book_mark input:focus {
    outline: none;
    border: none;
}

.main-layout .hd_SendAsset {
    padding: 5rem 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout .hd_SendAsset {
        padding: 8rem 16px 0 16px;
    }
}

.main-layout .hd_SendAsset_qr {
    padding: 1rem 16px 0 16px;
}

.main-layout .commAset_wrap .list li {
    height: 58px;
    padding: 19px 16px;
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424A53);
}

.main-layout .itemList {
    margin-top: 23px;
}

.main-layout #deposit_wrap .withdrawInner .item ul.list li.active {
    border: 1px solid var(--Dark-2, #424A53);
}

body.dark-mode .main-layout #deposit_wrap .withdrawInner .item ul.list li.active {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.main-layout #deposit_wrap .findId_input {
    overflow-y: auto;
    height: 248px;
}

.main-layout .withdrawInner .item ul.list li.active {
    border: 2px solid var(--Brand-Color1, #13BD7E);
}

.main-layout #heAsset .withdrawInner .item ul.list li.active {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.main-layout .DepositInner .item_qr span.id {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

.main-layout .close_img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
}

body.dark-mode .main-layout .close_img {
    top: 21%;
}

.main-layout .importAsset .token .Key_box {
    position: relative;
    border-radius: 12px;
    background: var(--Right-4, #F2F2F2);
}

    .main-layout .importAsset .token .Key_box p {
        color: var(--Dark-4, #B3B3B3);
        font-size: 16px;
        font-style: normal;
        font-weight: 510;
        line-height: 140%; /* 22.4px */
        letter-spacing: -0.3px;
    }

    .main-layout .importAsset .token .Key_box span {
        position: relative;
        border-radius: 4px;
        background: var(--Right-5, #FFF);
    }

    .main-layout .importAsset .token .Key_box span {
        position: absolute;
        color: var(--Dark-4, #B3B3B3);
        font-size: 12px;
        font-style: normal;
        font-weight: 510;
        letter-spacing: 0.2px;
    }

.main-layout .importAsset .token p.eraser {
    color: var(--Error-Color, #FB4C43);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

.main-layout .wrapping {
    display: flex;
    align-items: center;
    gap: 8px;
}

.main-layout .record_icon {
    width: 24px;
    height: 24px;
}

.main-layout .bucksCont .buckslist {
    overflow-x: scroll;
}

.main-layout .hdSrpWrap .bucksCont ul {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .main-layout .hdSrpWrap .bucksCont ul li {
        overflow: inherit;
        border-radius: 16px;
        background: var(--white, #FFF);
        box-shadow: 0px 4px 34px 0px #EFEFF4;
    }

    .main-layout .hdSrpWrap .bucksCont ul li {
        overflow: inherit;
    }

body.dark-mode .main-layout .hdSrpWrap .bucksCont ul li {
    overflow: inherit;
    border-radius: 16px;
    box-shadow: 0px 4px 34px 0px #1B1B1C;
    background: transparent;
}

.main-layout .hdSrpWrap .bucksCont .bucksTitle {
    padding: 16px 19px 15px 19px;
}

body.dark-mode .main-layout .hdSrpWrap .bucksCont .bucksTitle {
    background: var(--Dark-1, #24292F);
    box-shadow: 0px 4px 34px 0px #1B1B1C;
}

.main-layout .cw_complete #cw .desc {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%;
    letter-spacing: -0.3px;
}

.main-layout .cw_complete #cw .comlpete_box {
    padding: 24px 41px;
    margin-top: 89px;
    border-radius: 10px;
    background: #F2F2F7;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-weight: 510;
    letter-spacing: -0.3px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

.main-layout .hd_SendAsset .loginButton .buttonShow {
    border-radius: 10px;
    background: var(--Brand-color, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout .comm_modal .popup_main1 .comm_yes {
    padding: 0;
}

.main-layout .etherbucks_wrap .buckslist {
    padding: 26px 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout .etherbucks_wrap .buckslist {
        padding: 66px 16px 0 16px;
    }
}

.main-layout .etherbucks_wrap .buckslist ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px 30px;
}

@media screen and (max-width: 406px) {
    .main-layout .etherbucks_wrap .buckslist ul li {
        width: calc(48% - 10px);
    }
}

.main-layout .eb_datail .buckslist ul li {
    width: 100%;
}

.main-layout .etherbucks_wrap .buckslist ul li p {
    display: block;
    padding-top: 8px;
    text-align: left;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 24px; /* 150% */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .etherbucks_wrap .buckslist ul li p {
    color: #fff;
}

.main-layout .eb_datail .buckslist ul {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px 30px;
}

    .main-layout .eb_datail .buckslist ul::after {
        position: absolute;
        content: "";
        clear: both;
        left: 0;
        bottom: -16px;
        width: 100%;
        height: 3px;
        border-radius: 2px;
        background: var(--Right-4, #F2F2F2);
    }

body.dark-mode .main-layout .eb_datail .buckslist ul::after {
    background: var(--Dark-2, #424A53);
}

.main-layout .eb_datail .buckslist ul li p {
    display: block;
    padding-top: 18px;
    text-align: center;
    color: var(--Dark-1, rgba(36, 41, 47, 0.8));
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

body.dark-mode .main-layout .eb_datail .buckslist ul li p {
    color: var(--Right-4, rgba(242, 242, 242, 0.8));
}

.main-layout .item_wrap {
    padding: 0 30px;
}

@media screen and (max-width: 339px) {
    .main-layout .item_wrap {
        padding: 0 16px;
    }
}

.main-layout .item_wrap .item strong {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout .item_wrap .item strong {
    color: var(--Right-4, #F2F2F2);
}

.main-layout .item_wrap .item span {
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.2px;
}

.main-layout .item_wrap .item + .item {
    margin-top: 16px;
}

.main-layout .item_wrap .copy_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    background: var(--Right-4, #F2F2F2);
    position: relative;
    padding: 12px 14px;
}

body.dark-mode .main-layout .item_wrap .copy_inner {
    background: rgba(71, 71, 71, 0.5);
}

.main-layout .item_wrap .item .detail_copy {
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 16.8px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .item_wrap .item .detail_copy {
    color: var(--Dark-4, #B3B3B3);
}

.main-layout .item_wrap .item .copy {
    position: relative;
    margin-left: 17px;
    padding: 12px 9px 12px 21px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 0%; /* 0px */
    letter-spacing: 0.2px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
}

body.dark-mode .main-layout .item_wrap .item .copy {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
}

.main-layout .item_wrap .item .copy::before {
    position: absolute;
    content: "";
    clear: both;
    left: 6px;
    top: 4px;
    background: url(/image/icon/copy_icon.svg) no-repeat;
    width: 15px;
    height: 17px;
}

.main-layout .item_wrap .item span.infor {
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.2px;
}

.main-layout .content_from {
    padding-top: 34px;
}

    .main-layout .content_from .explan_box {
        overflow: hidden;
        margin: 40px 16px 0 16px;
        border-radius: 10px;
        background: var(--Right-4, #F2F2F2);
    }

        .main-layout .content_from .explan_box p {
            padding: 24px 41px;
            color: var(--Dark-4, #B3B3B3);
            font-size: 16px;
            font-style: normal;
            font-weight: 510;
            line-height: 140%; /* 22.4px */
            letter-spacing: -0.3px;
        }

body.dark-mode .main-layout .content_from .explan_box p {
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
}

.main-layout .eb_datail .loginButton {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .main-layout .eb_datail .loginButton .btn {
        height: 52px;
        padding: 0;
    }

.main-layout #cloud_asset .asset_header {
    border-radius: 0px 0px 30px 30px;
    background: linear-gradient(79deg, #73ADA9 23.81%, #B8E5AD 93.52%);
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}

.main-layout #cloud_asset .asset_body {
    position: relative;
    width: 100%;
    min-height: 152px;
    padding: 22px 27px;
    border-radius: 23px;
    background: #FDFDFD;
}

body.dark-mode .main-layout #cloud_asset .asset_body {
    background: #2B2B2F;
}

.main-layout #cloud_asset .actionsList ul li {
    width: 76px;
    height: 60px;
    border-radius: 12px;
    background: var(--Brand-color-1-sub, #DFFFEC);
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 66px;
    height: 60px;
    margin-top: 0;
    padding: 0px 4px;
}

body.dark-mode .main-layout #cloud_asset .actionsList ul li {
    background: rgba(255, 255, 255, 0.1);
}

.main-layout #cloud_asset .actionsList ul li span {
    display: block;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.4px;
    color: #3AAE83;
    line-height: 12px;
    letter-spacing: -0.4px;
}

.main-layout #cloud_asset .dollarBox span.count {
    background: #E6FFF6;
}

body.dark-mode .main-layout #cloud_asset .dollarBox span.count {
    background: rgba(255, 255, 255, 0.1);
}

.main-layout #cloud_asset .refreshBtn {
    /*position: absolute;*/
    top: 0;
    right: 0;
    width: 100%;
    max-width: 25px;
    max-height: 25px;
    padding: 6px;
    border-radius: 8px;
    /*background: var(--Right-5, #FFF);*/
    /*box-sizing: content-box;*/
}

body.dark-mode .main-layout #cloud_asset .refreshBtn {
    border-radius: 8px;
    /*background: rgba(255, 255, 255, 0.1);*/
}

.main-layout #cloud_asset button.refresh {
    background: url(/image/icon/c_restart3.svg) no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
}

body.dark-mode .main-layout #cloud_asset button.refresh {
    background: url(/image/icon/dk_restart3.svg) no-repeat;
    background-position: right top;
}

.main-layout #cloud_asset .blance_form {
    background: #FAFAFA;
    padding: 0 16px;
    margin: 0;
}

body.dark-mode .main-layout #cloud_asset .blance_form {
    background: transparent;
}

.main-layout #cloud_asset .cloudList ul {
    border-radius: 16px;
    background: #FFF;
}

.main-layout #cloud_asset .cloudList li {
    background: #FFF;
}

body.dark-mode .main-layout #cloud_asset .cloudList li {
    background: transparent;
}

.main-layout #cloud_asset .cloudList li img {
    background: transparent;
}

.main-layout #cloud_asset .cloudList .naemLeft,
.main-layout #cloud_asset .cloudList .info,
.main-layout #cloud_asset .cloudList .naemleft_l,
.main-layout #cloud_asset .cloudList .naemLeft .allTitle,
.main-layout #cloud_asset .cloudList .naemleft_l .numOrigin,
.main-layout #cloud_asset .cloudList .naemleft_l .numAdd,
.main-layout #cloud_asset .cloudList .naemRight,
.main-layout #cloud_asset .cloudList .naemRight .allTitle_wen,
.main-layout #cloud_asset .cloudList .naemRight .num2Origin {
    background-color: transparent;
}

.main-layout #cloud_asset .menuBtn a.on {
    background: #E9FBF4;
}

.main-layout #cloud_asset .menuBtn span {
    color: #3AAE83;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    /*line-height: 22px;*/ /* 157.143% */
}

    .main-layout #cloud_asset .menuBtn span.hd_Wallet {
        color: var(--Dark-3, #8A8A8A);
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        /*line-height: 22px;*/ /* 157.143% */
    }

.main-layout .accessWrap #cloud_asset {
    background: #FAFAFA;
}

body.dark-mode .main-layout .accessWrap #cloud_asset {
    background: transparent;
}

.main-layout #comm-padding {
    padding: 16px 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .main-layout #comm-padding {
        padding: 56px 16px 0 16px;
    }
}

.main-layout .btn-wrap {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
}

@media (min-width: 768px) {
    .main-layout .btn-wrap {
        display: flex;
        justify-content: center;
        background-color: transparent;
    }
}

.main-layout .ErrorLighter1 {
    color: var(--Error-Color, #FB4C43);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
}

.main-layout .change_email button.buttonShow {
    /* width: 100%; */
    /* height: 48px; */
    padding: 0;
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.main-layout .change_email .findIdBox label {
    display: block;
    height: 22px;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .main-layout .change_email .findIdBox label {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

.main-layout .change_email .findIdBox label.active {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.4px;
}

.main-layout .change_email .wrapper-inner .findIdBox input {
    border-radius: 10px;
    border: 1px solid var(--Dark2, #424a53);
    color: var(--Dark-2, #424A53);
    font-family: SUITE;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.21px;
}

.main-layout .change_email .wrapper-inner .findIdBox label.active {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.4px;
}

.main-layout label.active {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.4px;
}

.main-layout #singup_div .singup_input .singup_Check_bg {
    max-width: 92px;
    width: 100%;
    height: 58px;
    margin-left: 8px;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.042px;
    border: 1px solid var(--Dark-2, #424A53);
    background: var(--Dark-2, #424A53);
    color: var(--Right-2, #E3E3E3);
    display: block;
    position: inherit;
}

.main-layout #singup_div .singup_input button.singup_Check_bg {
    display: block;
    max-width: 92px;
    width: 100%;
    height: 58px;
    margin-left: 8px;
    border-radius: 10px;
    padding-left: 18px;
    border: 1px solid var(--Dark-2, #424A53);
    background: url(/image/icon/done.png) no-repeat #424A53;
    background-size: 24px 24px;
    background-position: 6px center;
    text-align: center;
    letter-spacing: -0.042px;
    font-weight: 700;
    font-size: 14px;
    color: var(--Right-2, #E3E3E3);
}

.main-layout #singup_div .singup_input button.singup_Check_bg {
    background-size: 28%;
}

.main-layout .sendHome .comm_btnMenu ul li span.active {
    color: var(--Brand-Color-2, #8C70E8) !important;
}

body.dark-mode .main-layout .sendHome .comm_btnMenu ul li span.active {
    color: var(--Brand-Color-2, #8C70E8) !important;
}

.main-layout .model_home .VerifyPopup {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 14px;
    width: 98.5%;
    height: 480px;
    margin: 10px;
    padding: 56px 38px 20px 38px;
    border-radius: 20px;
    background: #fff;
    transform: unset;
    z-index: 1000;
}

@media screen and (max-width: 990px) {
    .main-layout .model_home .VerifyPopup {
        width: auto;
        height: auto;
        padding: 56px 29px 20px 30px;
    }
}

body.dark-mode .main-layout .model_home .VerifyPopup {
    background: #2B2B2F;
}

.main-layout .model_home .fix-popup {
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 375px) {
    .main-layout .model_home .VerifyPopup {
        padding: 56px 20px 20px 20px;
        height: auto;
    }
}

.main-layout .model_home .VerifyPopup::before {
    position: absolute;
    content: "";
    clear: both;
    left: 50%;
    top: 20px;
    width: 54px;
    height: 6px;
    border-radius: 4px;
    background: var(--Dark2, #424A53);
    transform: translate(-50%, -50%);
}

body.dark-mode .main-layout .model_home .VerifyPopup::before {
    color: #fff;
}

.main-layout .new_popup {
    background: url(/image/icon/model_top_icon.svg) no-repeat;
    width: 10px;
    height: 6px;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translate(-50%, 0);
}

.main-layout .model_home .popup_main1 .basic-text {
    display: block;
    text-align: center;
    color: #3F3F3F;
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    line-height: 26px; /* 144.444% */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .model_home .popup_main1 .basic-text {
    color: #fff;
}

.main-layout .model_home .popup_main1 .image {
    max-width: 222px;
    width: 100%;
    margin: 44px auto;
}

.main-layout .model_home .popup_main1 .gray-text1 {
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.3px;
    word-break: break-word;
}

body.dark-mode .main-layout .model_home .popup_main1 .gray-text1 {
    color: var(--Dark-3, #8A8A8A);
}

.main-layout .model_home .popup_main1 .gray-text-box1 {
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.3px;
}

.main-layout .model_home .popup_main1 .desc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 38px;
    height: 46px;
    padding: 0 13px;
    gap: 10px;
    border-radius: 10px;
    background: var(--Right-3, #EDEDED);
}

body.dark-mode .main-layout .model_home .popup_main1 .desc {
    background: #474747;
}

.main-layout .model_home .popup_main1 .desc p {
    color: var(--Dark2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 22px; /* 183.333% */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .model_home .popup_main1 .desc p {
    color: var(--Dark-3, #8A8A8A);
}

.main-layout .model_home .fix-button-wrap {
    position: absolute;
    top: -34px;
    right: 41px;
    bottom: 0;
    width: auto;
    margin-top: 0;
    height: fit-content;
    cursor: pointer;
}

.main-layout .model_home .popup_main1 .popup-button {
    position: relative;
    background: transparent;
    border-radius: inherit;
    width: auto;
    padding: 0;
    color: #FFF;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

    .main-layout .model_home .popup_main1 .popup-button::after {
        content: "";
        clear: both;
        position: absolute;
        right: -16px;
        top: 8px;
        background: url(/image/icon/cancel_icon.png) no-repeat;
        width: 10px;
        height: 10px;
    }

.main-layout .loading_window .title_txt img {
    max-width: inherit;
}

.main-layout .loading_window .title_txt {
    padding-bottom: 50px;
}

.main-layout .loading_window p.title_desc {
    color: var(--Dark3, #57606A);
    font-size: 18px;
    font-style: normal;
    font-weight: 510;
    line-height: 110%; /* 19.8px */
    letter-spacing: -0.4px;
}

.main-layout #clound_wellet_wrap .comm_btnMenu ul li span.active {
    color: var(--Brand-Color-2, #8C70E8);
}

body.dark-mode .main-layout #clound_wellet_wrap .comm_btnMenu ul li span.active {
    color: var(--Brand-Color-2, #8C70E8);
}

.main-layout #clound_wellet_wrap .comm_btnMenu ul li span {
    color: var(--Dark4, #8C959F);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    line-height: 12px; /* 120% */
    letter-spacing: -0.4px;
}

body.dark-mode .main-layout #clound_wellet_wrap .comm_btnMenu ul li span {
    color: var(--Dark2, #424A53);
}

.main-layout .change_number #singup_div .custom-options {
    top: 59px;
    padding: 0;
}

.main-layout .change_number #singup_div .singup_input .select_list.active {
    border: 2px solid var(--Brand-Color1, #13BD7E);
}

body.dark-mode .main-layout .change_number #singup_div .custom-options {
    background: #2E2E2E;
    border-radius: 12px 6px 6px 12px;
    padding: 0;
}

body.dark-mode .main-layout .change_number .custom-options span {
    border-top: 0;
}

.main-layout .change_number #singup_div .custom-option + .custom-option {
    border-top: 0.5px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .main-layout .change_number #singup_div .custom-option + .custom-option {
    border-top: 0.5px solid var(--Dark2, #424A53);
}

.main-layout .change_number #singup_div .custom-option {
    max-width: inherit;
    padding: 10px 14px;
}

body.dark-mode .main-layout .change_number #singup_div .custom-option {
    max-width: inherit;
    padding: 10px 14px;
}

.main-layout .change_number #singup_div .custom-option.selected {
    background: var(--Right-3, #EDEDED);
}

body.dark-mode .main-layout .change_number #singup_div .custom-option.selected {
    background: #474747;
}

.main-layout #heAsset_wrap .withdrawPopup .findId_input {
    height: 248px;
    overflow-y: scroll;
}

.main-layout #heAsset_wrap .findId_input [type=radio]:checked {
    background: url(/image/icon/dk_hdchecked1.svg) no-repeat;
}

.main-layout #heAsset_wrap .findId_input [type=radio] {
    background: url(/image/icon/dk_hdcheck2.svg) no-repeat;
}

body.dark-mode .main-layout #heAsset_wrap .findId_input [type=radio]:checked {
    background: url(/image/icon/dk_hdchecked1.svg) no-repeat;
}

body.dark-mode .main-layout #heAsset_wrap .findId_input [type=radio] {
    background: url(/image/icon/dk_hdcheck2.svg) no-repeat;
}

.main-layout #heAsset_wrap .popupButton button.btn_Check {
    width: 100%;
    display: inline-block;
    position: inherit;
    margin-left: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 590;
    letter-spacing: -0.24px;
    color: var(--Right-5, #FFF);
    background: var(--Brand-color, #8C70E8);
}

body.dark-mode .main-layout #heAsset_wrap .popupButton button.btn_Check {
    color: var(--Dark-1, #24292F);
}

.main-layout .cont {
    position: relative;
}

.main-layout .page_nation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 55px;
    padding-bottom: 15px;
    width: 100%;
}

    .main-layout .page_nation .none {
        display: none;
    }

    .main-layout .page_nation a {
        display: block;
        margin: 0 3px;
        float: left;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: transparent;
        font-size: 14px;
        color: #999999;
        text-decoration: none;
    }

    .main-layout .page_nation .prev {
        background: url("/image/icon/page-arrow-left.svg") no-repeat center center;
        margin-right: 7px;
        width: 24px;
        height: 24px;
        background-size: contain;
    }

    .main-layout .page_nation .next {
        background: url("/image/icon/page-arrow-right.svg") no-repeat center center;
        margin-left: 7px;
        width: 24px;
        height: 24px;
        background-size: contain;
    }

body.dark-mode .main-layout .page_nation .prev {
    background: url("/image/icon/dk_btn2.png") no-repeat center center;
    margin-right: 7px;
    width: 24px;
    height: 24px;
    background-size: contain;
}

body.dark-mode .main-layout .page_nation .next {
    background: url("/image/icon/dk_btn1.png") no-repeat center center;
    margin-left: 7px;
    width: 24px;
    height: 24px;
    background-size: contain;
}

.main-layout .page_nation a.active {
    color: var(--Brand-Color1, #13BD7E);
    font-weight: 590;
}

.main-layout .loginButton .Not-Entered {
    border-radius: 10px;
    border: 1px solid var(--Brand-Color1, #13BD7E);
    color: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.main-layout #btn-bg-Small {
    height: 68px;
    background: #fff;
    padding: 76px;
    position: fixed;
    z-index: 300;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    /*border: 1px solid red;*/
    overflow: hidden;
}

@media (min-width: 768px) {
    .main-layout #btn-bg-Small {
        display: flex;
        justify-content: center;
        background: transparent;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

body.dark-mode .main-layout #btn-bg-Small {
    background: transparent;
}

.main-layout .loginButton.Small {
    /*position: fixed;*/
    bottom: 8px;
    left: 0;
    margin-top: 0;
    z-index: 600;
    background: #fff;
    height: 100%;
}

body.dark-mode .main-layout .loginButton.Small {
    background: #1B1B1C;
}

@media (min-width: 768px) {
    .main-layout .loginButton.Small {
        max-width: 430px;
        width: 100%;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

@supports (-webkit-touch-callout: none) {
    .main-layout #btn-bg-Small {
        height: 110px;
    }
}

@supports (-webkit-touch-callout: none) {
    .main-layout .loginButton.Small {
        bottom: 50px;
    }
}

.main-layout #btn-bg-medium {
    height: 139px;
    background: #fff;
    padding: 76px;
    position: fixed;
    z-index: 300;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    /*border: 1px solid red;*/
    overflow: hidden;
}

@media (min-width: 768px) {
    .main-layout #btn-bg-medium {
        display: flex;
        justify-content: center;
        background: transparent;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

body.dark-mode .main-layout #btn-bg-medium {
    background: transparent;
}

.main-layout .loginButton.medium {
    /*position: fixed;*/
    bottom: 12px;
    left: 0;
    margin-top: 0;
    z-index: 600;
}

@media (min-width: 768px) {
    .main-layout .loginButton.medium {
        max-width: 430px;
        width: 100%;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

@supports (-webkit-touch-callout: none) {
    .main-layout #btn-bg-medium {
        height: 177px;
    }
}

@supports (-webkit-touch-callout: none) {
    .main-layout .loginButton.medium {
        bottom: 50px;
    }
}

.main-layout #btn-bg-large {
    height: 152px;
    background: #fff;
    padding: 76px;
    position: fixed;
    z-index: 300;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    /*border: 1px solid red;*/
    overflow: hidden;
}

body.dark-mode .main-layout #btn-bg-large {
    background: #1B1B1C;
}

.main-layout .loginButton .btn {
    width: 95%;
    height: 52px;
    padding: 0;
    margin: 0 auto;
}

body.dark-mode .main-layout .loginButton .btn {
    color: var(--Dark1, #24292F);
}

.main-layout .p-20 {
    padding: 20px 0 20px 0;
}

.main-layout .p-30 {
    padding: 30px 0 30px 0;
}

.main-layout .p-60 {
    padding: 60px 0 60px 0;
}

.main-layout .p-104 {
    padding: 104px 0 104px 0;
}

.main-layout .p-112 {
    padding: 112px 0 112px 0;
}

.main-layout .p-150 {
    padding: 150px 0 150px 0;
}

.main-layout .p-300 {
    padding: 300px 0 300px 0;
}

.main-layout .w-full {
    width: 100%;
}

.main-layout .w-95 {
    width: 95%;
}

.main-layout .mt-20 {
    margin-top: 20px;
}

.main-layout .gap-10 {
    gap: 10px;
}

.main-layout .h-48 {
    height: 48px;
}

.main-layout .h-52 {
    height: 52px;
}

.main-layout .loginButton.Small-16 {
    left: 16px;
    padding: 0 10px 0;
    background: #fff;
}

.main-layout .loginButton.Small-8 {
    left: 8px;
    padding: 0 10px 0;
    background: #fff;
}

body.dark-mode .main-layout .loginButton.Small-16 {
    background: #1B1B1C;
}

body.dark-mode .main-layout .loginButton.Small-8 {
    background: #1B1B1C;
}

.main-layout .pb-30 {
    padding-bottom: 30px;
}

.main-layout .loginButton.btn-center {
    left: 50%;
    right: 50%;
    /*transform: translate(-50%, 0);*/
    padding: 0 10px 0;
    background: var(--Right-5, #FFF);
}

body.dark-mode .main-layout .loginButton.btn-center {
    background: #1B1B1C;
}

@media (min-width: 768px) {
    .main-layout .loginButton.btn-center {
        max-width: 430px;
        width: 100%;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

.main-layout .mb-20 {
    margin: 0 0 20px 0 !important;
}

.main-layout .sign-out-container {
    margin-top: 76px;
}

    .main-layout .sign-out-container .title-wrap-box h2.title {
        margin-bottom: 20px;
        color: var(--Dark-1, #24292F);
        font-size: 24px;
        font-style: normal;
        font-weight: 590;
        line-height: 110%; /* 26.4px */
        letter-spacing: -0.4px;
    }

body.dark-mode .main-layout .sign-out-container .title-wrap-box h2.title {
    color: var(--Right-5, #FFF);
}

.main-layout .sign-out-container .title-wrap-box .gray-text {
    margin-bottom: 18px;
    text-align: left;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.3px;
}

body.dark-mode .main-layout .sign-out-container .title-wrap-box .gray-text {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .sign-out-container .text-error {
    margin-bottom: 90px;
    border-radius: 8px;
    background: var(--Right-4, #F2F2F2);
    height: 134px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    letter-spacing: 0.1px;
    padding: 16px;
}

body.dark-mode .main-layout .sign-out-container .text-error {
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
}

.main-layout .sign-out-container ul.check-box-wrapper li p {
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
    letter-spacing: -0.3px;
    text-align: left;
}

body.dark-mode .main-layout .sign-out-container ul.check-box-wrapper li p {
    color: var(--Dark-5, #C8C8C8);
}

.main-layout .sign-out-container .check-box-wrap .btn-underline {
    color: var(--Dark4, #8C959F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 20.8px */
    letter-spacing: -0.3px;
    text-decoration-line: underline;
}

.hd-layout {
    /* .wrap {
    margin: 0 16px;
  }

  .page {
    height: 100vh;
  } */
    /* 
  body.dark-mode & .page {
    height: auto;
  } */
    /* hd_wallet stert */
    /* first_access.html stert */
    /* first_access stert */
    /* .oddsCard_wrap1 .loginButton {
    margin-top: 100px;
  } */
    /* welcome_message.html stert */
    /* mnemonic.html stert */
    /* .loginButton {
    margin-top: 40px;
    padding-bottom: 30px;
  } */
    /* body.dark-mode & .loginButton {
    margin-top: 34px;
    padding-bottom: 0;
    margin-top: 0;
  } */
    /* hd_srp.html stert*/
    /*.asset .dollarBox span.count::after {
    content: "";
    clear: both;
    position: absolute;
    left: 8px;
    top: 0;
    background: url(/image/icon/up1.svg) no-repeat;
    width: 8px;
    height: 8px;
    transform: translate(10px, 4px);
  }*/
    /* .hdSrpWrap .comm_btnMenu ul li:first-child span {
    color: var(--Brand-color-2, #A54BFF);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
  } */
    /*  hd_sendasset.html stert*/
    /*입력완료 되었을 떄 */
    /* hd_qr.html stert */
    /* withdraw_completed.html stert */
    /* body.dark-mode & #certifyCont #withdrawPopup .popupButton1 .btn_Check {
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Dark1, #24292F);
  } */
    /* 
  #certifyCont #completed .loginButton {
    display: flex;
    align-items: center;
    /* max-width: inherit; */
    /*}*/
    /* hd_withdraw_possible.html stert */
    /* he_asset.html stert*/
    /* .heAsset .withdrawInner .item ul.list li {
    background: none;
  } */
    /* body.dark-mode & .heAsset .DepositInner .itemList > div {
    background: #2B2B2F;
  } */
    /* @media screen and (max-width: 370px) {
    .heAsset .basic > div > div.codeText > Span {
      padding-right: 57px;
    }
  } */
    /* he_asset_required.html stert */
    /* .he_required .loginButton .buttonShow{
        height: 52px;
      }

      body.dark-mode & .he_required .loginButton .buttonShow{
        height: 52px;
      } */
    /* .he_required .loginButton button + button {
        margin-left: 10px;
      } */
    /* Import_asset folder stert */
    /* select_network.html stert */
    /* 스크롤바 막대 꾸미기 */
    /* .bucksCont::after {
    content: "";
    clear: both;
    position: absolute;
    top: 36%;
    right: 19px;
    background: url(/image/icon/selected1.png) no-repeat;
    width: 24px;
    height: 24px;
  } */
    /* nft_Send.html stert */
    /* nft_Detailpage.html stert */
    /* send.html stert */
    /* .nftWrap .content .bucksCont::after {
    content: "";
    clear: both;
    position: absolute;
    top: 31px;
    right: 19px;
    background: url(/image/icon/selected1.png) no-repeat;
    width: 24px;
    height: 24px;
  }

  body.dark-mode & .nftWrap .content .bucksCont::after {
    background: url(/image/icon/dk_select_up.png) no-repeat;
  } */
    /* nft_SendHome.html stert */
    /* .nftWrap .contentInner .bucksCont>ul>li::after {
    content: "";
    clear: both;
    position: absolute;
    top: 31px;
    right: 19px;
    background: url(/image/icon/selected1.png) no-repeat;
    width: 24px;
    height: 24px;
  }

  body.dark-mode & {
    .nftWrap .contentInner .bucksCont>ul>li::after {
      content: "";
      clear: both;
      position: absolute;
      top: 31px;
      right: 19px;
      background: url(/image/icon/dk_select_up.png) no-repeat;
      width: 24px;
      height: 24px;
    }
  } */
    /* nftResult.html stert */
    /* nftResult_list.html stert */
    /* .basic {
    display: block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
  } */
    /* #certifyCont #completed .itemWrap .loginButton {
    margin-top: 30px;
  } */
    /* body.dark-mode & #certifyCont #completed .itemWrap .loginButton {
    margin-top: 30px;
  } */
}

    .hd-layout :root {
        --mainColor: #00DE5A;
        --darketColor: #00B54A;
        --lighterColor: #63F579;
        --SubtleColor: #DFFFEC;
        --Dakr1: #24292F;
        --Dakr2: #424A53;
        --Dakr3: #8A8A8A;
        --Dakr4: #B3B3B3;
        --Dakr5: #C8C8C8;
        --Error: #FB4C43;
        --ErrorLighter: #FED7D5;
    }

    .hd-layout .mt-18 {
        margin-top: 18px;
    }

    .hd-layout .btn-border {
        /*border-top: 1px solid var(--System-Separator-Non-opaque, #E5E5EA);*/
    }

body.dark-mode .hd-layout .btn-border {
    /*border-top: 1px solid var(--Dark2, #424A53);*/
}

.hd-layout .flex-box {
    display: flex;
    align-items: center;
}

.hd-layout .qr-page {
    height: 100vh;
}

body.dark-mode .hd-layout .qr-page {
    height: 100vh;
}

.hd-layout .Error {
    color: var(--Error-Color, #FB4C43);
}

.hd-layout .ErrorLighter {
    display: block;
    color: var(--Error-Color, #FB4C43);
    font-size: 14px;
    font-weight: 400;
}

body.dark-mode .hd-layout .Error {
    color: #FF0523;
}

body.dark-mode .hd-layout .ErrorLighter {
    color: #FF0523;
}

.hd-layout input::placeholder {
    color: var(--Dark-5, #B3B3B3) !important;
}

body.dark-mode .hd-layout input::placeholder {
    color: var(--Dark-3, #8a8a8a) !important;
}

.hd-layout label.p {
    color: var(--Brand-color-2, #A54BFF);
}

.hd-layout .singup .singup__back {
    display: flex;
    align-items: center;
}

.hd-layout .singup .pos_fixed {
    position: fixed;
    width: 100%;
    background: #fff;
}

body.dark-mode .hd-layout .singup .pos_fixed {
    background: #1B1B1C;
}

.hd-layout .fingId__back {
    position: relative;
    height: 68px;
    background: #fff;
}

@media (min-width: 768px) {
    .hd-layout .fingId__back {
        max-width: 430px;
        width: 100%;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

body.dark-mode .hd-layout .fingId__back {
    background: #1B1B1C;
}

.hd-layout .singup span.headTitle {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 590;
    letter-spacing: -0.4px;
    text-align: center;
    color: var(--Dakr1, #101010);
}

body.dark-mode .hd-layout .singup span.headTitle {
    color: var(--Right-1, #D5D5D5);
}

body.dark-mode .hd-layout .singup span.asset_title {
    color: var(--Right-1, #D5D5D5);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 19.8px */
    letter-spacing: -0.4px;
}

.hd-layout .singup button img.light {
    display: block;
}

.hd-layout .singup button img.dark {
    display: none;
}

body.dark-mode .hd-layout .singup button img.light {
    display: none;
}

body.dark-mode .hd-layout .singup button img.dark {
    display: block;
}

.hd-layout .hd input:focus {
    border-radius: 10px;
    outline: 2px solid var(--Brand-color-2, #A54BFF) !important;
}

body.dark-mode .hd-layout .hd input:focus {
    border-radius: 10px;
    outline: none;
}

.hd-layout .VerifyPopup1 {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 316px;
    padding: 36px 29px 20px 29px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .hd-layout .VerifyPopup1 {
    background: #2E2E2E;
}

.hd-layout .VerifyPopup1 img {
    display: block;
    margin: 0 auto;
}

    .hd-layout .VerifyPopup1 img.light {
        display: block;
    }

    .hd-layout .VerifyPopup1 img.dark {
        display: none;
    }

body.dark-mode .hd-layout .VerifyPopup1 img.light {
    display: none;
}

body.dark-mode .hd-layout .VerifyPopup1 img.dark {
    display: block;
}

.hd-layout .VerifyPopup1 .basic {
    display: block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .VerifyPopup1 .basic {
    color: var(--Dark-5, #C8C8C8);
    font-weight: 510;
}

.hd-layout .VerifyPopup1 .yes {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .VerifyPopup1 .yes {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .VerifyPopup1 .no {
    color: var(--Error-Color, #FB4C43);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .VerifyPopup1 .no {
    color: #FF0523;
}

.hd-layout .first_access .cont {
    margin: 114px 0;
}

    .hd-layout .first_access .cont ul li {
        position: relative;
        height: 52px;
        border-radius: 10px;
        width: 56.353%;
    }

        .hd-layout .first_access .cont ul li + li {
            margin-top: 16px;
        }

.hd-layout #wrapper .first_access .cont ul li:nth-child(1) {
    background: var(--Brand-color, #8C70E8);
}

.hd-layout .first_access .cont ul li:nth-child(2) {
    border-radius: 10px;
    border: 1px solid var(--Brand-color, #8C70E8);
}

.hd-layout .first_access .cont ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: transparent;
}

.hd-layout .first_access .cont ul li img.light {
    display: block;
}

.hd-layout .first_access .cont ul li img.dark {
    display: none;
}

body.dark-mode .hd-layout .first_access .cont ul li img.light {
    display: none;
}

body.dark-mode .hd-layout .first_access .cont ul li img.dark {
    display: block;
}

.hd-layout .first_access .cont ul li a span {
    display: block;
    margin-left: 8px;
    padding: 14px 0;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    color: var(--Right-5, #FFF);
}

body.dark-mode .hd-layout .first_access .cont ul li a span {
    color: #1B1B1C;
}

.hd-layout .first_access .cont ul li button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

    .hd-layout .first_access .cont ul li button span {
        display: block;
        margin-left: 8px;
        text-align: center;
        color: var(--Brand-color-2, #A54BFF);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.3px;
    }

.hd-layout .first_btnMenu {
    position: sticky;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid rgba(253, 253, 253, 0.92);
}

body.dark-mode .hd-layout .first_btnMenu {
    width: 100%;
    background: #141416;
    border-top: 1px solid #424A53;
}

.hd-layout .first_accessWrap .first_btnMenu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}

    .hd-layout .first_accessWrap .first_btnMenu ul li a img.light {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 auto;
    }

    .hd-layout .first_accessWrap .first_btnMenu ul li a img.dark {
        display: none;
    }

body.dark-mode .hd-layout .first_accessWrap .first_btnMenu ul li a img.light {
    display: none;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

body.dark-mode .hd-layout .first_accessWrap .first_btnMenu ul li a img.dark {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.hd-layout .first_accessWrap .first_btnMenu ul li span {
    display: block;
    color: var(--Dark2, #424A53);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.4px;
}

    .hd-layout .first_accessWrap .first_btnMenu ul li span.on {
        display: block;
        color: var(--Brand-Color-2, #8C70E8);
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 510;
        letter-spacing: -0.4px;
    }

body.dark-mode .hd-layout .first_accessWrap .comm_btnMenu ul li:nth-child(1) span {
    color: var(--Dark2, #424A53);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout .first_accessWrap .first_btnMenu ul li a img {
    display: block;
}

body.dark-mode .hd-layout .first_accessWrap .first_btnMenu ul li span {
    margin-top: 0;
}

body.dark-mode .hd-layout .first_accessWrap .comm_btnMenu ul li:nth-child(3) a {
    background: inherit;
}

.hd-layout #cw span.title {
    display: block;
    margin-bottom: 8px;
    color: var(--Brand-color, #8C70E8);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.hd-layout #cw .desc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
    color: var(--Dark-3, #8A8A8A);
}

body.dark-mode .hd-layout #cw .desc {
    background: #2B2B2F;
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout #cw .comlpete_box {
    height: 114px;
    padding: 0 33px;
    margin-top: 89px;
    border-radius: 10px;
    background: #F2F2F7;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-weight: 510;
    letter-spacing: -0.3px;
}

.hd-layout .mnemonic_wrap .desc p {
    border-radius: 10px;
    background: #F6F6F6;
    padding: 24px 41px;
}

body.dark-mode .hd-layout .mnemonic_wrap .desc p {
    border-radius: 10px;
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

.hd-layout .mnemonic_wrap .desc p span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

.hd-layout #cw .desc p span {
    display: block;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

    .hd-layout #cw .desc p span + span {
        margin-top: 16px;
    }

.hd-layout .oddsCard_wrap1 #cw .content {
    padding: 0;
}

.hd-layout #cw .message {
    margin-top: 23px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .hd-layout #cw .message .items {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

.hd-layout .oddsCard_wrap1 #cw .message {
    position: relative;
    margin-top: 14px;
}

.hd-layout #cw .message .items span {
    display: flex;
    width: 100%;
    gap: 10px;
    height: 42px;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout #cw .message .items span {
    color: var(--Right-3, #EDEDED);
    border: 1px solid #2B2B2F;
    background: #2B2B2F;
}

.hd-layout #cw .message p {
    position: relative;
    display: block;
    color: var(--Brand-color-2, #A54BFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.hd-layout .copy_wrap {
    display: flex;
    justify-content: flex-end;
}

.hd-layout #cw .message button {
    position: relative;
    text-align: right;
    right: 0;
    bottom: 0;
    width: 78px;
    height: 25px;
    padding: 4px 6px;
    border-radius: 4px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout #cw .message button {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout .oddsCard_wrap1 #cw .message button {
    position: absolute;
    right: 0;
    top: 0;
    width: 78px;
    height: 25px;
    padding: 4px 6px;
    border-radius: 4px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .oddsCard_wrap1 #cw .message button {
    border-radius: 4px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 0%; /* 0px */
    letter-spacing: 0.2px;
}

.hd-layout .oddsCard_wrap #cw .message {
    position: relative;
    margin-top: 14px;
}

    .hd-layout .oddsCard_wrap #cw .message span {
        color: var(--Brand-Color-2, #8C70E8);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 19.6px */
        letter-spacing: 0.2px;
        text-decoration-line: underline;
    }

    .hd-layout .oddsCard_wrap #cw .message button {
        position: absolute;
        right: 0;
        top: 0;
        width: 78px;
        height: 25px;
        padding: 4px 6px;
        border-radius: 4px;
        background: var(--Right-4, #F2F2F2);
        color: var(--Dark-4, #B3B3B3);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.2px;
    }

body.dark-mode .hd-layout .oddsCard_wrap #cw .message button {
    border-radius: 4px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 0%; /* 0px */
    letter-spacing: 0.2px;
}

.hd-layout #cw .message button::after {
    content: "";
    clear: both;
    position: absolute;
    left: 6px;
    top: 4px;
    background: url(/image/icon/card1.png) no-repeat;
    width: 15px;
    height: 16px;
}

.hd-layout #cw .loginButton .buttonShow {
    border-radius: 10px;
    background: var(--Brand-color, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #cw .loginButton .buttonShow {
    color: var(--Dark1, #24292F);
}

.hd-layout #welcome .header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hd-layout #welcome > .title {
    display: block;
    padding: 3.5rem 0 3.25rem 0;
    text-align: center;
    color: var(--Dark-1, #24292F);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout #welcome .title {
    color: var(--Right-1, #D5D5D5);
}

.hd-layout #welcome .logo img {
    display: block;
    margin: 0 auto;
}

.hd-layout #welcome .findIdDesc {
    display: block;
    margin-top: 14px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    text-align: center;
}

body.dark-mode .hd-layout #welcome .findIdDesc {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout #welcome .findIdDesc br {
    display: none;
}

@media screen and (max-width: 768px) {
    .hd-layout #welcome .findIdDesc {
        text-align: left;
    }

        .hd-layout #welcome .findIdDesc br {
            display: block;
        }
}

.hd-layout #welcome .headerList {
    display: block;
    margin: 54px 0 0 0;
}

    .hd-layout #welcome .headerList ul {
        padding: 13px 41px 24px 41px;
        border-radius: 10px;
        background: var(--Right-4, #F2F2F2);
    }

body.dark-mode .hd-layout #welcome .headerList ul {
    background: #2B2B2F;
}

.hd-layout #welcome .headerList ul li {
    position: relative;
    padding-left: 6px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    padding-top: 11px;
}

    .hd-layout #welcome .headerList ul li::before {
        content: "";
        clear: both;
        position: absolute;
        left: -24px;
        top: 11px;
        background: url(/image/icon/hd_checked.png) no-repeat;
        width: 24px;
        height: 24px;
        padding-top: 11px;
    }

.hd-layout #welcome .loginButton {
    /*  margin-top: 188px;
  margin-top: 10.571428571429rem;*/
}

    .hd-layout #welcome .loginButton button {
        padding: 14px 10px;
        border-radius: 10px;
        background: var(--Brand-color, #8C70E8);
        color: var(--Right-5, #FFF);
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout #welcome .loginButton button {
    color: var(--Dark1, #24292F);
}

.hd-layout #welcome > .cont > span.title {
    display: block;
    margin-top: 74px;
    margin-bottom: 0;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #welcome > .cont > span.title {
    color: var(--Right-3, #EDEDED);
}

.hd-layout #welcome .cont p.findId_desc {
    display: block;
    margin-top: 15px;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #welcome .cont p.findId_desc {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout #mnemonic span.title {
    display: block;
    margin-bottom: 23px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #mnemonic span.title {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout #mnemonic .message .items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .hd-layout #mnemonic .message .items + .items {
        margin-top: 10px;
    }

    .hd-layout #mnemonic .message .items input {
        display: inline-block;
        width: 100%;
        height: 42px;
        padding: 11px 16px 0 16px;
        border-radius: 10px;
        border: 1px solid var(--Right-2, #E3E3E3);
        background: var(--Right-4, #F2F2F2);
        color: var(--Dark2, #424A53);
        text-align: left;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.042px;
    }

body.dark-mode .hd-layout #mnemonic .message .items input {
    color: var(--Right-3, #EDEDED);
    border: 1px solid #2B2B2F;
    background: #2B2B2F;
}

.hd-layout .loginButton .buttonShow {
    border-radius: 10px;
    background: var(--Brand-color, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .loginButton .buttonShow {
    background: var(--Brand-color, #8C70E8);
    color: var(--Dark1, #24292F);
}

.hd-layout .descText {
    display: block;
    padding: 24px 41px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    word-break: auto-phrase;
}

body.dark-mode .hd-layout .descText {
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
}

.hd-layout .recovery_mnemonic .descText {
    margin-top: 131px;
}

.hd-layout .outButton {
    margin-top: 22px;
}

    .hd-layout .outButton .buttonShow {
        padding: 14px 10px;
        border-radius: 10px;
        border: 1px solid var(--Brand-color-2, #A54BFF);
        color: var(--Brand-color-2, #A54BFF);
        background: transparent;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.3px;
    }

.hd-layout .recoveryWrap .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 316px;
    height: 362px;
    padding: 0;
    padding-top: 36px;
    padding-bottom: 20px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup {
    background: #2E2E2E;
}

.hd-layout .recoveryWrap .VerifyPopup img {
    padding: 0px 36px 0px 36px;
}

.hd-layout .recoveryWrap .VerifyPopup .de {
    display: block;
    width: 100%;
    padding: 0px 36px 0px 36px;
    text-align: center;
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup .de {
    color: var(--Right-4, #F2F2F2);
}

.hd-layout .recoveryWrap .VerifyPopup .de span {
    display: inline-block;
    margin-top: 5px;
    padding: 0px 0px 0px 13px;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup .de span {
    color: var(--Right-2, #E3E3E3);
}

.hd-layout .recoveryWrap .VerifyPopup .basic {
    display: block;
    margin-top: 22px;
    text-align: left;
    padding: 0px 36px 0px 36px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup .basic {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .recoveryWrap .VerifyPopup .loginButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
    padding: 0 27px 0 27px;
}

    .hd-layout .recoveryWrap .VerifyPopup .loginButton button {
        padding: 14px 10px;
        border-radius: 10px;
        background: var(--Brand-color-2, #A54BFF);
        color: var(--Right-5, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
    }

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup .loginButton button {
    color: var(--Dark1, #24292F);
}

.hd-layout .recoveryWrap .VerifyPopup .loginButton button.buttonCancel {
    padding: 14px 10px;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup .loginButton button.buttonCancel {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
}

.hd-layout .recoveryWrap .VerifyPopup1 {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 316px;
    padding: 36px 29px 20px 29px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup1 {
    background: #2E2E2E;
}

.hd-layout .recoveryWrap .VerifyPopup1 img {
    display: block;
    margin: 0 auto;
}

    .hd-layout .recoveryWrap .VerifyPopup1 img.light {
        display: block;
    }

    .hd-layout .recoveryWrap .VerifyPopup1 img.dark {
        display: none;
    }

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup1 img.light {
    display: none;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup1 img.dark {
    display: block;
}

.hd-layout .recoveryWrap .VerifyPopup1 .basic {
    display: block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup1 .basic {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .recoveryWrap .VerifyPopup1 .yes {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup1 .yes {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .recoveryWrap .VerifyPopup1 .no {
    color: var(--Error-Color, #FB4C43);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup1 .no {
    color: #FF0523;
}

.hd-layout .recoveryWrap .VerifyPopup1 .loginButton .buttonCancel {
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.24px;
    background-color: var(--Right-2, #E3E3E3);
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup1 .loginButton .buttonCancel {
    color: var(--Dark1, #24292F);
    background-color: var(--Dark-3, #8A8A8A);
}

.hd-layout .recoveryWrap .VerifyPopup1 .loginButton .buttonShow {
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.24px;
    background-color: var(--Brand-color-2, #A54BFF);
}

body.dark-mode .hd-layout .recoveryWrap .VerifyPopup1 .loginButton .buttonShow {
    color: var(--Dark1, #24292F);
}

.hd-layout .asset .Total {
    margin-top: 46px;
    position: relative;
    height: 110px;
    padding: 16px;
    border-radius: 16px;
    border: 0px solid var(--System-Separator-Non-opaque, #E5E5EA);
    background: #F2F2F7;
}

body.dark-mode .hd-layout .asset .Total {
    margin-top: 46px;
    position: relative;
    height: 110px;
    padding: 16px;
    border-radius: 16px;
    border: 0px solid var(--System-Separator-Non-opaque, #E5E5EA);
    background: url(/image/dk_bg.png) no-repeat center #2B2B2F;
    background-size: contain;
}

.hd-layout .hd_actionsList > span {
    display: block;
    margin-top: 31px;
    margin-bottom: 11px;
    color: var(--System-Label-Primary, #000);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout .hd_actionsList > span {
    color: var(--Right-5, #FFF);
}

.hd-layout .hd_actionsList ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 76px;
    height: 77px;
    border-radius: 12px;
    background: var(--Brand-Color-2-sub, #F6EDFF);
    margin-top: 20px;
}

body.dark-mode .hd-layout .hd_actionsList ul li {
    background: rgba(255, 255, 255, 0.1);
}

.hd-layout .hd_actionsList ul li span {
    display: block;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.4px;
    color: var(--Brand-Color-2, #8C70E8);
    line-height: 12px; /* 120% */
    letter-spacing: -0.4px;
}

.hd-layout .blance_form {
    margin: 22px 16px 0 16px;
}

    .hd-layout .blance_form .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 42px;
        margin-bottom: 12px;
    }

        .hd-layout .blance_form .inner .mode {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }

            .hd-layout .blance_form .inner .mode span {
                display: inline-block;
                width: 100%;
                padding: 7px 24px;
                color: var(--Dark-3, #8A8A8A);
                font-size: 17px;
                font-style: normal;
                text-align: center;
                font-weight: 590;
                letter-spacing: -0.4px;
                line-height: 22px;
                border-radius: 30px;
                border: 1px solid var(--Right-3, #EDEDED);
            }

@media screen and (max-width: 480px) {
    .hd-layout .blance_form .inner .mode span {
        padding: 7px 19px;
    }
}

@media screen and (max-width: 320px) {
    .hd-layout .blance_form .inner .mode span {
        font-size: 12px;
        padding: 5px 15px;
    }
}

body.dark-mode .hd-layout .blance_form .inner .mode span {
    border: 1px solid var(--Dark-1, #24292F);
    color: var(--Dark-2, #424A53);
}

.hd-layout .blance_form .inner .mode span.active {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 30px;
    background: #F1F1F9;
    color: var(--Dark-1, #24292F);
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
    line-height: 22px;
}

body.dark-mode .hd-layout .blance_form .inner .mode span.active {
    color: var(--Right-2, #E3E3E3);
    background: var(--Dark-1, #24292F);
    border: none;
}

@media screen and (max-width: 480px) {
    .hd-layout .blance_form .inner .mode span.active {
        padding: 7px 19px;
    }
}

@media screen and (max-width: 320px) {
    .hd-layout .blance_form .inner .mode span.active {
        font-size: 12px;
        padding: 5px 15px;
    }
}

.hd-layout .hdSrpWrap .first_access {
    display: block;
    margin-bottom: 82px;
}

body.dark-mode .hd-layout .hdSrpWrap .comm_btnMenu ul li.active {
    color: var(--Brand-Color-2, #8C70E8);
}

.hd-layout .hdSrpWrap .comm_btnMenu ul li a img {
    display: block;
    width: 24px;
    height: 24px;
}

    .hd-layout .hdSrpWrap .comm_btnMenu ul li a img.myPage {
        width: 19px;
        height: 20px;
    }

    .hd-layout .hdSrpWrap .comm_btnMenu ul li a img.light {
        display: block;
    }

    .hd-layout .hdSrpWrap .comm_btnMenu ul li a img.dark {
        display: none;
    }

body.dark-mode .hd-layout .hdSrpWrap .comm_btnMenu ul li a {
    background: none;
}

    body.dark-mode .hd-layout .hdSrpWrap .comm_btnMenu ul li a img.light {
        display: none;
    }

    body.dark-mode .hd-layout .hdSrpWrap .comm_btnMenu ul li a img.dark {
        display: block;
    }

body.dark-mode .hd-layout .hdSrpWrap .comm_btnMenu ul li span {
    margin-top: 0;
}

.hd-layout .hd_sendasset .item input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.hd-layout .hd_sendasset label {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .hd-layout .hd_sendasset label {
    color: var(--Right-5, #FFF);
}

.hd-layout .hd_sendasset .btnList {
    position: absolute;
    top: -19px;
    right: 0;
    width: 135px;
    height: 34px;
    padding-left: 10px;
    letter-spacing: -0.39px;
    border-radius: 40px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-3, #8A8A8A);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.39px;
}

.hd-layout .hd_sendasset input {
    color: var(--Dark-1, #24292F);
    padding: 16px;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

    .hd-layout .hd_sendasset input::placeholder {
        color: var(--Right-1, #D5D5D5);
        font-size: 50px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.4px;
    }

body.dark-mode .hd-layout .hd_sendasset input::placeholder {
    color: var(--Dark-2, #424A53);
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout .hd_sendasset input {
    color: #fff;
}

.hd-layout .hd_sendasset .qrInput input {
    border-radius: 10px;
    border: 1px solid var(--Dark-3, #8A8A8A);
    outline: none;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout .hd_sendasset .qrInput input {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

.hd-layout .hd_sendasset .qrInput input.on {
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424A53);
    outline: none;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout .hd_sendasset .qrInput input.on {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

.hd-layout .hd_sendasset .qrInput input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout .hd_sendasset .qrInput input::placeholder {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

.hd-layout .hd_sendasset .qrInput input:focus {
    border-radius: 10px;
    border: 2px solid var(--Brand-Color-2, #8C70E8);
    outline: none !important;
}

body.dark-mode .hd-layout .hd_sendasset .qrInput input:focus {
    border-radius: 10px;
    border: 2px solid var(--Brand-Color-2, #8C70E8);
    outline: none !important;
}

.hd-layout .hd_sendasset input::placeholder {
    display: block;
    width: 100%;
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.042px;
}

.hd-layout .qrInput {
    position: relative;
    display: block;
    height: 58px;
}

    .hd-layout .qrInput > a {
        content: "";
        clear: both;
        position: absolute;
        right: 16px;
        top: 16px;
        background: url(/image/icon/qr.svg) no-repeat;
        width: 24px;
        height: 24px;
    }

body.dark-mode .hd-layout .qrInput > a {
    background: url(/image/icon/dark_qr.svg) no-repeat;
}

.hd-layout .qrInput > a > img {
    width: 100%;
    height: 100%;
}

    .hd-layout .qrInput > a > img.light {
        display: block;
    }

    .hd-layout .qrInput > a > img.dark {
        display: none;
    }

body.dark-mode .hd-layout .qrInput > a > img {
    content: "";
    clear: both;
    position: absolute;
    right: 16px;
    top: -3px;
    background: url(/image/icon/dk_qr.png) no-repeat;
    width: 24px;
    height: 24px;
}

    body.dark-mode .hd-layout .qrInput > a > img.light {
        display: none;
    }

    body.dark-mode .hd-layout .qrInput > a > img.dark {
        display: block;
    }

body.dark-mode .hd-layout .withdrawInner .item span.Error {
    color: #FF0523;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
    margin-top: 6px;
    display: block;
}

body.dark-mode .hd-layout .hd_sendassetWrap .loginButton .buttonError {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-1, #24292F);
}

body.dark-mode .hd-layout .hd_sendassetWrap .loginButton .buttonShow {
    color: var(--Dark1, #24292F);
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    border: 0;
}

.hd-layout .amout_wrap .input-wrapper input:focus {
    outline: none !important;
    border-radius: 0;
    border-bottom: 2px solid var(--Brand-Color-2, #8C70E8);
}

.hd-layout .hd input:active {
    border-radius: 10px;
    border: 2px solid var(--Dark-2, #424A53);
}

.hd-layout #formWrap .hd_sendasset .withdrawPopup .item + .item {
    margin-top: 0;
}

.hd-layout #formWrap .findId_input .item + .item {
    border-top: 0.5px solid var(--Dark-4, #B3B3B3);
    background: var(--Right-5, #FFF);
    backdrop-filter: blur(2px);
}

body.dark-mode .hd-layout #formWrap .findId_input .item {
    background: #2E2E2E;
    backdrop-filter: blur(2px);
}

    body.dark-mode .hd-layout #formWrap .findId_input .item + .item {
        border-top: 0.5px solid var(--Dark-2, #424A53);
        background: #2E2E2E;
        backdrop-filter: blur(2px);
    }

.hd-layout #formWrap .findId_input input:focus {
    color: inherit;
    outline: none !important;
    caret-color: inherit;
}

.hd-layout #formWrap .findId_input [type=radio]:checked {
    background-color: #00DE5A;
    background: url(/image/icon/hd_checked1.png) no-repeat;
    background-size: 24px 24px;
    transform: translate(0px, 6px);
}

.hd-layout #formWrap .findId_input input {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background: url(/image/icon/hd_check1.png) no-repeat;
    background-size: 24px 24px;
    border: none;
    background-position: 0 5px;
}

body.dark-mode .hd-layout #formWrap .findId_input [type=radio]:checked {
    background: url(/image/icon/dk_hdchecked1.svg) no-repeat;
    background-size: 24px 24px;
    transform: translate(0px, 6px);
}

body.dark-mode .hd-layout #formWrap .findId_input input {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background: url(/image/icon/dk_hdcheck2.svg) no-repeat;
    background-size: 24px 24px;
    border: none;
    background-position: 0 5px;
}

.hd-layout .hd .withdrawPopup .popupButton button.btn_Cancel1 {
    height: 48px;
    margin: 0;
    border-radius: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.hd-layout .hd .popupButton button.btn_Check {
    display: inline-block;
    position: inherit;
    margin-left: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.24px;
    color: var(--Right-5, #FFF);
    background: var(--Brand-Color-2, #8C70E8);
}

.hd-layout .hd .withdrawPopup .popupButton button.btn_Check {
    height: 48px;
    margin: 0;
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .hd-layout .hd .withdrawPopup .popupButton button.btn_Check {
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Dark1, #24292F);
}

body.dark-mode .hd-layout .hd .popupButton button.btn_Check {
    color: var(--Dark1, #24292F);
}

body.dark-mode .hd-layout .hd_sendassetWrap .loginButton button {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-1, #24292F);
}

body.dark-mode .hd-layout .wrapperQr {
    background: rgba(0, 0, 0, 0.8);
}

.hd-layout .qr {
    position: relative;
    background: url(/image/soria/qr.png) no-repeat;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media screen and (max-width: 480px) {
    .hd-layout .qr {
        position: relative;
        background: url(/image/soria/qr.png) no-repeat;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center;
    }
}

.hd-layout .qr::after {
    overflow: hidden;
    content: "";
    clear: both;
    position: absolute;
    left: 46px;
    top: 226px;
    width: 100%;
    max-width: 318px;
    height: 314px;
    border-radius: 29px;
    /* border: 2px solid var(--Brand-color-2, #A54BFF); */
    border: 2px solid transparent;
}

@media screen and (max-width: 480px) {
    .hd-layout .qr::after {
        left: 0;
    }
}

.hd-layout .qr > .desc {
    display: block;
    position: absolute;
    bottom: 165px;
    width: 100%;
    margin-top: 59px;
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.hd-layout .qr .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 66px 50px 0 50px;
    max-width: 400px;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
    .hd-layout .qr .inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 66px 50px 0 50px;
    }
}

.hd-layout .qr .btnBox .btnWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .hd-layout .qr .btnBox .btnWrap button {
        cursor: pointer;
    }

        .hd-layout .qr .btnBox .btnWrap button img {
            display: block;
            width: 24px;
            height: 24px;
        }

    .hd-layout .qr .btnBox .btnWrap span.fleshText {
        display: inline-block;
        color: var(--Right-1, #D5D5D5);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.25px;
    }

.hd-layout .qr .inner .headTitle {
    display: inline-block;
    color: var(--Right-4, #F2F2F2);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.hd-layout .certifyCont .loginButton button.buttonShow {
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    color: var(--Right-5, #FFF);
}

body.dark-mode .hd-layout .certifyCont .loginButton button.buttonShow {
    color: var(--Dark1, #24292F);
}

.hd-layout #completed .findId_input [type=radio]:checked {
    background: url(/image/icon/hd_checked1.png) no-repeat;
    background-size: 24px 24px;
}

.hd-layout #completed .findId_input input {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background: url(/image/icon/hd_check1.png) no-repeat;
    background-size: 24px 24px;
    border: none;
}

body.dark-mode .hd-layout #completed .findId_input [type=radio]:checked {
    background: url(/image/icon/dk_hdchecked1.svg) no-repeat;
    background-size: 24px 24px;
}

body.dark-mode .hd-layout #completed .findId_input input {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background: url(/image/icon/dk_hdcheck2.svg) no-repeat;
    background-size: 24px 24px;
    border: none;
}

body.dark-mode .hd-layout #completed #withdrawPopup .findId_input .item span {
    color: var(--Right-1, #D5D5D5);
}

body.dark-mode .hd-layout #certifyCont #withdrawPopup .popupButton1 .btn_Cancel1 {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
}

.hd-layout #completed .itemWrap .item .desc > span.uesName {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #completed .itemWrap .item .desc > span.uesName {
    display: block;
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.hd-layout .certifyCont .itemWrap .item .desc > p {
    color: var(--Dark4, #8C959F);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
}

body.dark-mode .hd-layout .certifyCont .itemWrap .item .desc > p {
    color: var(--Dark3, #57606A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    /* background: #2B2B2F; */
}

body.dark-mode .hd-layout #completed .itemWrap .itemBox {
    align-items: center;
}

.hd-layout #completed .itemWrap .item .desc > p.wen {
    display: block;
    color: var(--Dark4, #8C959F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout #completed .itemWrap .item .desc > p.wen {
    display: block;
    color: var(--Dark3, #57606A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.hd-layout #completed .descTotel ul li .items .title {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 100%; /* 14px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #completed .descTotel ul li .items .title {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 100%; /* 14px */
    letter-spacing: -0.3px;
}

.hd-layout #completed .descTotel ul li .items .title1 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #completed .descTotel ul li .items .title1 {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #completed .descTotel ul li .items .num {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #completed .descTotel ul li .items .num3 {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #completed .descTotel ul li .items .num4 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #certifyCont #completed .VerifyPopup .no {
    color: #FF0523;
}

body.dark-mode .hd-layout #certifyCont #completed .loginButton {
    display: flex;
    align-items: center;
}

    body.dark-mode .hd-layout #certifyCont #completed .loginButton button.buttonShow {
        color: var(--Dark1, #24292F);
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
        width: 100%;
        height: 52px;
    }

    body.dark-mode .hd-layout #certifyCont #completed .loginButton button {
        height: 48px;
        color: var(--Dark1, #24292F);
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
    }

.hd-layout .certifyCont .descTotel > strong::after {
    content: "";
    clear: both;
    position: absolute;
    right: 73px;
    top: 6px;
    background: url(/image/icon/edit.svg) no-repeat;
    width: 24px;
    height: 24px;
}

body.dark-mode .hd-layout .certifyCont .descTotel > strong::after {
    content: "";
    clear: both;
    position: absolute;
    right: 73px;
    top: 6px;
    background: url(/image/icon/dk_modify.svg) no-repeat;
    width: 24px;
    height: 24px;
}

.hd-layout .hdPossible .itemWrap .desc {
    display: block;
    color: var(--Brand-Color-2, #8C70E8) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.hd-layout .hd_SendAsset .itemWrap .desc {
    color: var(--Brand-Color-2, #8C70E8);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.hd-layout .hdPossible .item {
    position: relative;
    width: 100%;
    padding: 12px 16px;
    border-radius: 6px;
    background: var(--Right-4, #F2F2F2);
}

.hd-layout .hdPossible .headerId {
    display: block;
    position: relative;
    margin-bottom: 8px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-weight: 500;
    background: var(--Right-4, #F2F2F2);
}

.hd-layout .withdraw_possible .category .item span.Copy {
    position: absolute;
    width: 59px;
    height: 25px;
    line-height: 24px;
    padding-left: 22px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    top: 0;
    right: 0;
    transform: translate(-10px, 8px);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
    cursor: pointer;
}

body.dark-mode .hd-layout .withdraw_possible .category .item span.Copy {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout .withdraw_possible .category .item span.Copy::after {
    content: "";
    clear: both;
    position: absolute;
    left: 3px;
    top: 4px;
    background: url(/image/icon/journals-fill2.png) no-repeat;
    width: 15px;
    height: 17px;
}

.hd-layout .withdraw_possible .category .item span.Copy::after {
    content: "";
    clear: both;
    position: absolute;
    left: 6px;
    top: 4px;
    background: url(/image/icon/journals-fill2.png) no-repeat;
    width: 15px;
    height: 17px;
}

.hd-layout .withdraw_possible .itemWrap .item .desc > span.uesName {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .withdraw_possible .itemWrap .item .desc > span.uesName {
    color: var(--Right-1, #D5D5D5);
}

.hd-layout .hd .item .desc a {
    display: block;
    color: var(--Dark4, #8C959F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-decoration-line: underline;
}

.hd-layout .headerTitle {
    display: flex;
    align-items: center;
    margin-top: 23px;
}

    .hd-layout .headerTitle h3 {
        display: block;
        color: var(--Dark-1, #24292F);
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.4px;
        margin-right: 8px;
    }

body.dark-mode .hd-layout .headerTitle h3 {
    color: var(--Right-5, #FFF);
}

.hd-layout .headerTitle button img.light {
    display: block;
}

.hd-layout .headerTitle button img.dark {
    display: none;
}

body.dark-mode .hd-layout .headerTitle button img.light {
    display: none;
}

body.dark-mode .hd-layout .headerTitle button img.dark {
    display: block;
}

.hd-layout .heAsset .listTitle {
    display: block;
    height: 58px;
    padding: 19px 16px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    width: 100%;
    color: var(--Right-1, #D5D5D5);
    background: url(/image/icon/selected.png) no-repeat;
    background-size: 20px 20px;
    background-position: 95% center;
}

body.dark-mode .hd-layout .heAsset .listTitle {
    display: block;
    height: 58px;
    padding: 19px 16px;
    border-radius: 10px;
    width: 100%;
    color: var(--Right-1, #D5D5D5);
    border: 1px solid var(--Dark-3, #8A8A8A);
    background: url(/image/icon/dk_select.png) no-repeat;
    background-size: 20px 20px;
    background-position: 95% center;
}

.hd-layout .heAsset .listTitle span {
    display: block;
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .heAsset .listTitle span {
    color: var(--Dark-2, #424A53);
}

.hd-layout .heAsset .listTitle.active {
    display: flex;
    align-items: center;
}

    .hd-layout .heAsset .listTitle.active span {
        display: inline-block;
        margin-left: 9px;
        color: var(--Dark-1, #24292F);
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.042px;
    }

body.dark-mode .hd-layout .heAsset .listTitle.active span {
    color: var(--Right-5, #FFF);
}

.hd-layout .heAsset .withdrawInner .item ul {
    margin-top: 5px;
}

    .hd-layout .heAsset .withdrawInner .item ul.list li:nth-child(1) span {
        color: var(--Dark-1, #24292F);
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.042px;
    }

    .hd-layout .heAsset .withdrawInner .item ul.list li span {
        color: var(--Dark-1, #24292F);
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.042px;
    }

body.dark-mode .hd-layout .heAsset .withdrawInner .item ul.list li:nth-child(1) span {
    color: var(--Right-5, #FFF);
}

body.dark-mode .hd-layout .heAsset .withdrawInner .item ul.list li span {
    color: var(--Right-5, #FFF);
}

.hd-layout .heAsset .withdrawInner .item ul.list li .heAsset .withdrawInner .item ul.list li + li {
    margin-top: 3px;
}

.hd-layout .heAsset .DepositInner .itemList > div.basic p {
    display: block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
    background: transparent;
}

body.dark-mode .hd-layout .heAsset .DepositInner .itemList > div.basic p {
    color: var(--Dark-4, #B3B3B3);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

.hd-layout .heAsset .DepositInner .itemList > div.basic > div {
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 12px;
    padding: 6px 17.117px 8px 16.883px;
    background: var(--Brand-Color-2, #8C70E8);
}

body.dark-mode .hd-layout .heAsset .DepositInner .itemList > div.basic > div {
    background: var(--Brand-Color-2-sub, #F6EDFF);
}

.hd-layout .heAsset .DepositInner .itemList > div.basic img {
    display: block;
    padding-top: 6px;
    margin: 0 auto;
    border-radius: 10px;
    background: transparent;
}

.hd-layout .heAsset .DepositInner .itemList > div.basic > div > span {
    display: block;
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    background: transparent;
}

body.dark-mode .hd-layout .heAsset .DepositInner .itemList > div.basic > div > span {
    color: var(--Brand-Color-2, #8C70E8);
}

.hd-layout .heAsset .DepositInner .itemList > div {
    height: 161px;
    background: var(--Brand-Color-2-sub, #F6EDFF);
}

body.dark-mode .hd-layout .heAsset .DepositInner .itemList > div {
    height: 161px;
    background: #2B2B2F;
}

.hd-layout .heAsset .DepositInner .itemList .basicOn {
    height: initial;
    border-radius: 10px;
    padding: 0;
    background-color: transparent;
}

body.dark-mode .hd-layout .heAsset .DepositInner .itemList .basicOn {
    height: initial;
    border-radius: 10px;
    padding: 0;
    background-color: transparent;
}

.hd-layout .heAsset .basic > div > div {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}

.hd-layout .heAsset .itemList span.title {
    display: block;
    margin-bottom: 8px;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.hd-layout .heAsset .itemList > div.basicOn > div {
    background: transparent;
    height: auto;
    max-width: inherit;
    border-radius: inherit;
    padding: 0;
}

.hd-layout #hd_asset_qr .heAsset .itemList > div.basicOn > div {
    border-radius: 12px;
    overflow: hidden;
}

.hd-layout .heAsset .itemList > div.basicOn img {
    display: block;
    padding-top: 16px;
    margin: 0 auto;
    border-radius: 10px;
    background: transparent;
}

.hd-layout .heAsset .basic > div {
    margin: 0 auto;
    height: 198px;
    background: var(--Brand-Color-2-sub, #F6EDFF);
}

body.dark-mode .hd-layout .heAsset .basic > div {
    background: #2B2B2F;
}

.hd-layout .heAsset .basic .Copy {
    position: absolute;
    right: -6%;
    left: inherit;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 59px;
    height: 25px;
    padding-left: 15px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    display: block;
    margin-top: 12px;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .heAsset .basic .Copy {
    color: var(--Dark-4, #B3B3B3);
    background: var(--Dark-3, #8A8A8A);
}

.hd-layout .heAsset .basic .codeText .Copy {
    height: 25px;
    position: absolute;
    top: -7px;
    left: 87%;
    right: inherit;
    padding-right: 0;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: 0.2px;
    padding: 4px 0 4px 12px;
}

@media screen and (max-width: 480px) {
    .hd-layout .heAsset .basic .codeText .Copy {
        font-size: 11px;
        right: -12.5%;
        width: 58px;
        padding: 4px 0 4px 12px;
    }
}

body.dark-mode .hd-layout .heAsset .basic .codeText .Copy {
    color: var(--Dark-4, #B3B3B3);
    background: var(--Dark-3, #8A8A8A);
}

.hd-layout .heAsset .basic .Copy::before {
    content: "";
    clear: both;
    position: absolute;
    left: 5px;
    top: 4px;
    /*background: url(/image/icon/copy_icon.svg) no-repeat;*/
    width: 15px;
    height: 17px;
}

.hd-layout .heAsset .basic .Download {
    position: relative;
    /*right: -6%;
  left: inherit;*/
    top: 50%;
    /*transform: translate(-50%, -50%);*/
    width: 86px;
    height: 25px;
    padding-left: 15px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    display: block;
    margin: 12px auto;
    color: var(--Dark-3, #8A8A8A);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

@media screen and (max-width: 480px) {
    .hd-layout .heAsset .basic .Download {
        font-size: 11px;
        /*right: -5.5%;*/
        width: 74px;
        padding: 4px 0 4px 12px;
    }
}

@media screen and (max-width: 320px) {
    .hd-layout .heAsset .basic .Download {
        right: -11.5%;
    }
}

.hd-layout .heAsset .basic .Download::before {
    content: "";
    clear: both;
    position: absolute;
    left: 5px;
    top: 4px;
    background: url(/image/icon/download.svg) no-repeat;
    width: 14px;
    height: 14px;
}

@media screen and (max-width: 480px) {
    .hd-layout .heAsset .basic .Download::before {
        top: 6px;
    }
}

body.dark-mode .hd-layout .heAsset .basic .Download {
    color: var(--Dark-4, #B3B3B3);
    background: var(--Dark-3, #8A8A8A);
}

.hd-layout .heAsset .basic > div > div.codeText > Span {
    display: block;
    margin-top: 12px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark-3, #8A8A8A);
    background: var(--Brand-Color-2-sub, #F6EDFF);
}

@media screen and (max-width: 480px) {
    .hd-layout .heAsset .basic > div > div.codeText > Span {
        padding-right: 1px;
        font-size: 11px;
    }
}

body.dark-mode .hd-layout .heAsset .basic > div > div.codeText > Span {
    background: transparent;
}

.hd-layout .heAsset .itemList > div.basicOn p {
    display: block;
    margin-top: 23px;
    padding: 24px 41px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

@media screen and (max-width: 480px) {
    .hd-layout .heAsset .itemList > div.basicOn p {
        padding: 24px 22px;
    }
}

body.dark-mode .hd-layout .heAsset .itemList > div.basicOn p {
    background: #2B2B2F;
}

.hd-layout .heAsset .basic p.box span {
    display: block;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-weight: 510;
    letter-spacing: -0.3px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .hd-layout .heAsset .basic p.box span {
    color: var(--Dark-3, #8A8A8A);
    background: transparent;
}

.hd-layout .heAsset .basic p.box span + span {
    margin-top: 16px;
}

.hd-layout .hd_SendAsset .headerTitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

body.dark-mode .hd-layout .hd_SendAsset .headerTitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.hd-layout .hd_SendAsset .headerTitle h3 {
    margin-left: 0;
    color: var(--Dark-1, #24292F);
    font-size: 28px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 30.8px */
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout .hd_SendAsset .headerTitle h3 {
    color: var(--Right-5, #FFF);
}

.hd-layout .he_required .content > div {
    margin-top: 23px;
}

.hd-layout .he_required .content .record {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 37px;
    padding: 0 6px;
    border-radius: 4px;
    background: var(--Brand-Color-2-sub, #F6EDFF);
}

body.dark-mode .hd-layout .he_required .content .record {
    background: var(--Dark-2, #424A53);
}

.hd-layout .he_required .content .record span {
    display: block;
    height: 100%;
    padding: 10px;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    border-radius: 4px;
}

.hd-layout .he_required .content .input {
    margin-top: 24px;
}

    .hd-layout .he_required .content .input label {
        display: block;
        margin-bottom: 8px;
        color: var(--Dark-2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
    }

body.dark-mode .hd-layout .he_required .content .input label {
    color: var(--Right-5, #FFF);
}

.hd-layout .he_required .content .input input {
    display: block;
    width: 100%;
    height: 58px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .hd-layout .he_required .content .input input {
    background: #1B1B1C;
    border: 1px solid var(--Right-2, #E3E3E3);
    color: #fff;
}

.hd-layout .he_required .content .input input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .he_required .content .input input::placeholder {
    color: var(--Dark-2, #424A53);
}

.hd-layout .he_required .content .box {
    display: block;
    border-radius: 10px;
    background: var(--Error-Color-Lighter, #FED7D5);
    padding: 24px 41px;
}

    .hd-layout .he_required .content .box span {
        color: var(--Dark-2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 510;
        line-height: 140%;
        letter-spacing: -0.3px;
    }

        .hd-layout .he_required .content .box span + span {
            margin-top: 16px;
        }

        .hd-layout .he_required .content .box span.Error {
            display: block;
            color: var(--Error-Color, #FB4C43);
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: -0.3px;
        }

body.dark-mode .hd-layout .he_required .content .box span.Error {
    color: #FF0523;
}

.hd-layout .he_required .content .box span.title {
    display: block;
    padding-bottom: 20px;
    color: var(--Error-Color, #FB4C43);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 28px */
    letter-spacing: -0.3px;
}

.hd-layout .he_required .content .box span.Error_sm {
    color: var(--Error-Color, #FB4C43);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%;
    letter-spacing: -0.3px;
    padding-top: 20px;
}

.hd-layout .he_required .loginButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hd-layout .he_required .VerifyPopup .loginButton {
    margin-top: 40px;
}

.hd-layout .he_required .loginButton .buttonCancel {
    height: 52px;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .he_required .loginButton .buttonCancel {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
}

.hd-layout #he_required .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 315px;
    height: 404px;
    padding: 20px 22px 20px 27px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

body.dark-mode .hd-layout #he_required .VerifyPopup {
    background: #2E2E2E;
}

.hd-layout #he_required .popup_main1 span.title {
    display: block;
    margin-bottom: 22px;
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #he_required .popup_main1 span.title {
    color: var(--Right-5, #FFF);
}

.hd-layout #he_required .popup_main1 .inner {
    position: relative;
    width: 262px;
    height: 136px;
    border-radius: 12px;
    background: var(--Right-4, #F2F2F2);
    padding: 26px 27px;
}

body.dark-mode .hd-layout #he_required .popup_main1 .inner {
    background: rgba(71, 71, 71, 0.5);
}

.hd-layout #he_required .popup_main1 .inner .basic {
    position: relative;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
    text-align: left;
    padding: 0;
}

body.dark-mode .hd-layout #he_required .popup_main1 .inner .basic {
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout #he_required .popup_main1 .inner .Copy {
    position: absolute;
    right: 27px;
    bottom: 16px;
    display: flex;
    width: 59px;
    height: 25px;
    align-items: center;
    justify-content: space-between;
    padding: 4px 6px;
    border-radius: 4px;
    background: var(--Right-5, #FFF);
    align-items: center;
    z-index: 100;
}

body.dark-mode .hd-layout #he_required .popup_main1 .inner .Copy {
    color: var(--Dark-4, #B3B3B3);
    background: var(--Dark-3, #8A8A8A);
}

.hd-layout #he_required .popup_main1 .inner .Copy span {
    display: block;
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-top: 0;
}

.hd-layout #he_required .popup_main1 .Error {
    display: block;
    margin-top: 12px;
    color: var(--Error-Color, #FB4C43);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #he_required .popup_main1 .Error {
    color: #FF0523;
}

.hd-layout .he_required .loginButton1 button {
    margin-left: 0px;
    height: 48px;
    padding: 0;
}

.hd-layout .importAsset .item span.title {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .hd-layout .importAsset .item span.title {
    color: var(--Right-5, #FFF);
}

.hd-layout .importAsset .item .box {
    position: relative;
}

.hd-layout .importAsset .item p {
    display: block;
    width: 100%;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.hd-layout .importAsset .item .box p::after {
    content: "";
    clear: both;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/image/icon/selected.svg) no-repeat;
    width: 20px;
    height: 20px;
}

body.dark-mode .hd-layout .importAsset .item .box p::after {
    background: url(/image/icon/dk_selected.svg) no-repeat;
}

.hd-layout .importAsset .item .box p {
    display: block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
    border: none;
    padding: 0;
}

.hd-layout .selectNetwork .item input {
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout .selectNetwork .item input {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

.hd-layout .selectNetwork .item input.on {
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424A53);
    outline: none;
}

body.dark-mode .hd-layout .selectNetwork .item input.on {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

.hd-layout .selectNetwork .item input:focus {
    outline: 2px solid var(--Brand-color-2, #A54BFF) !important;
    border: none;
}

.hd-layout .selectNetwork .item input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .selectNetwork .item input::placeholder {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.hd-layout .selectNetwork .item {
    margin-top: 23px;
}

    .hd-layout .selectNetwork .item ul.list {
        position: absolute;
        right: 23px;
        margin-top: 5px;
        width: 80%;
        height: 300px;
        overflow-y: scroll;
        border-radius: 12px 0px 0px 12px;
        border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
        border-left: none;
        background: rgba(255, 255, 255, 0.97);
        backdrop-filter: blur(2px);
        z-index: 200;
    }

body.dark-mode .hd-layout .selectNetwork .item ul.list {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #2E2E2E;
    backdrop-filter: blur(2px);
}

.hd-layout .selectNetwork ul.list::-webkit-scrollbar-thumb {
    padding: 0 10px;
}

.hd-layout .selectNetwork ul.list li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hd-layout .selectNetwork .withdrawInner .item ul.list li {
    height: 62px;
    background: inherit;
    border-radius: initial;
}

body.dark-mode .hd-layout .selectNetwork .withdrawInner .item ul.list li {
    border: 0.5px solid var(--Dark-2, #424A53);
}

.hd-layout .selectNetwork .withdrawInner .item ul.list li:first-child {
    border-radius: 12px 0 0 0;
}

.hd-layout .selectNetwork .withdrawInner .item ul.list_wrap li {
    gap: 30px;
}

@media screen and (max-width: 480px) {
    .hd-layout .selectNetwork .withdrawInner .item ul.list_wrap li {
        gap: 9px;
    }
}

.hd-layout .selectNetwork .withdrawInner .item ul.list_wrap li.on {
    border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
    background: var(--Right-3, #EDEDED);
    backdrop-filter: blur(2px);
}

body.dark-mode .hd-layout .selectNetwork .withdrawInner .item ul.list_wrap li.on {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #474747;
    backdrop-filter: blur(2px);
}

.hd-layout .selectNetwork ul.list li .name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.hd-layout .selectNetwork .item ul.list li .name span {
    /* width: 70px; */
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    text-align: left;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.hd-layout .selectNetwork .item ul.list li p {
    display: inline-block;
    width: 141px;
    text-align: left;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    border: 0;
    padding: 0;
    border-radius: initial;
    height: max-content;
}

body.dark-mode .hd-layout .selectNetwork ul.list li p {
    color: var(--Right-1, #D5D5D5);
}

.hd-layout .selectNetwork .withdrawInner .item ul.list li:nth-child(1) span {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .selectNetwork .withdrawInner .item ul.list li:nth-child(1) span {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.hd-layout .selectNetwork .withdrawInner .item ul.list li span {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .selectNetwork .withdrawInner .item ul.list li span {
    color: var(--Right-1, #D5D5D5);
}

.hd-layout .selectNetwork .item .BoxCh {
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424A53);
    overflow: hidden;
}

.hd-layout .selectNetwork .item .box_bor {
    border-radius: 10px;
    border: 2px solid var(--Brand-Color-2, #8C70E8);
    overflow: hidden;
}

    .hd-layout .selectNetwork .item .box_bor .list {
        border: none;
    }

.hd-layout .selectNetwork .item .BoxCh .list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 58px;
    padding: 12px 16px;
}

    .hd-layout .selectNetwork .item .BoxCh .list p {
        position: relative;
        display: block;
        background: inherit;
        border-radius: initial;
        margin-left: 8px;
        padding: 0;
        border: 0;
        color: var(--Right-1, #D5D5D5);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 19.6px */
        letter-spacing: 0.2px;
    }

.hd-layout .selectNetwork .item .Box .list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    height: 58px;
    padding: 0 0 0 16px;
}

.hd-layout .selectNetwork .item .box {
    height: 58px;
}

.hd-layout .selectNetwork .item .box_on p.on {
    display: block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .selectNetwork .item .box_on p.on {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .selectNetwork .item .BoxCh .list p {
    color: var(--Right-5, #FFF);
}

.hd-layout .selectNetwork .item .BoxCh .list p.on {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%;
    letter-spacing: 0.2px;
    margin-left: 0;
    height: initial;
}

body.dark-mode .hd-layout .item .BoxCh .list p.on {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.hd-layout .selectNetwork .item .BoxCh .list p::after {
    content: "";
    clear: both;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/image/icon/selected.svg) no-repeat;
    width: 20px;
    height: 20px;
}

body.dark-mode .hd-layout .selectNetwork .item .BoxCh .list p::after {
    background: url(/image/icon/dk_select.png) no-repeat;
}

.hd-layout .selectNetwork .item .list {
    height: 58px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .hd-layout .selectNetwork .item .list {
    border: 1px solid var(--Dark-3, #8A8A8A);
}

.hd-layout .selectNetwork .item .list p {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
    height: 100%;
    line-height: 57px;
    padding: 0 16px;
}

body.dark-mode .hd-layout .selectNetwork .item .list p {
    display: block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.2px;
}

    body.dark-mode .hd-layout .selectNetwork .item .list p.list-desc {
        color: var(--Right-1, #D5D5D5);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

.hd-layout .selectNetwork .item .e {
    border-radius: 10px;
    border: 2px solid var(--Brand-color-2, #A54BFF);
    overflow: hidden;
}

.hd-layout .selectNetwork .VerifyPopup {
    width: 315px;
    height: auto;
    padding: 25px 21px 20px 20px;
}

    .hd-layout .selectNetwork .VerifyPopup h3 {
        display: block;
        margin-bottom: 22px;
        color: var(--Dark-1, #24292F);
        font-size: 22px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout .selectNetwork .VerifyPopup h3 {
    color: var(--Right-5, #FFF);
}

.hd-layout .selectNetwork .VerifyPopup .basic {
    display: block;
    margin-bottom: 22px;
    padding: 0;
    border: 0;
    border-radius: inherit;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
    color: var(--Dark-2, #424A53);
}

body.dark-mode .hd-layout .selectNetwork .VerifyPopup .basic {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .selectNetwork .VerifyPopup div .basic {
    text-align: center;
}

.hd-layout .selectNetwork .VerifyPopup .token {
    border-radius: 6px;
}

    .hd-layout .selectNetwork .VerifyPopup .token ul {
        padding: 0px 19px;
        background: var(--Right-4, #F2F2F2);
    }

body.dark-mode .hd-layout .selectNetwork .VerifyPopup .token ul {
    border-radius: 6px;
    background: rgba(71, 71, 71, 0.5);
}

.hd-layout .selectNetwork .VerifyPopup .token ul li {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .hd-layout .selectNetwork .VerifyPopup .token ul li.cont {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .hd-layout .selectNetwork .VerifyPopup .token ul li.header span {
        color: var(--Dark-1, #24292F);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout .selectNetwork .VerifyPopup .token ul li.header span {
    color: var(--Right-4, #F2F2F2);
}

.hd-layout .selectNetwork .VerifyPopup .token ul li.cont {
    border-top: 1px solid var(--Right-2, #E3E3E3);
}

    .hd-layout .selectNetwork .VerifyPopup .token ul li.cont span {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--Dark-2, #424A53);
        font-size: 14px;
        font-style: normal;
        font-weight: 510;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout .selectNetwork .VerifyPopup .token ul li.cont span {
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout .selectNetwork .VerifyPopup .token ul li.cont span p {
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 100%; /* 14px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .selectNetwork .VerifyPopup .token ul li.cont span p {
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout .selectNetwork .VerifyPopup .loginButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 40px;
    padding-bottom: 0;
}

    .hd-layout .selectNetwork .VerifyPopup .loginButton .buttonCancel {
        height: 48px;
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
    }

body.dark-mode .hd-layout .selectNetwork .VerifyPopup .loginButton .buttonCancel {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
}

.hd-layout .selectNetwork .VerifyPopup .loginButton .buttonShow {
    height: 48px;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .hd-layout .selectNetwork .VerifyPopup .loginButton .buttonShow {
    color: var(--Dark1, #24292F);
}

.hd-layout .selectNetwork .withdrawInner input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.hd-layout .hd input:focus {
    border: 1px solid var(--Right-2, #E3E3E3);
    outline: 1px solid var(--darketColor, #A54BFF);
}

.hd-layout .selectNetwork .loginButton .buttonError {
    color: #FFFFFF;
    background-color: #E3E3E3;
}

body.dark-mode .hd-layout .selectNetwork .loginButton .buttonError {
    color: var(--Dark-1, #24292F);
    background: var(--Dark-3, #8A8A8A);
}

.hd-layout .selectNetwork .loginButton .buttonShow {
    font-size: 20px;
    border: none;
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
}

body.dark-mode .hd-layout .selectNetwork .loginButton .buttonShow {
    color: var(--Dark-1, #24292F);
}

.hd-layout .selectNetwork .VerifyPopup1 {
    width: 315px;
    height: auto;
}

.hd-layout .selectNetwork .popup_main2 img {
    display: block;
    margin: 0 auto;
}

    .hd-layout .selectNetwork .popup_main2 img.light {
        display: block;
    }

    .hd-layout .selectNetwork .popup_main2 img.dark {
        display: none;
    }

body.dark-mode .hd-layout .selectNetwork .popup_main2 img.light {
    display: none;
}

body.dark-mode .hd-layout .selectNetwork .popup_main2 img.dark {
    display: block;
}

.hd-layout .selectNetwork .popup_main2 div p {
    margin-bottom: 22px;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    border: 0;
    border-radius: inherit;
    padding: 0;
}

    .hd-layout .selectNetwork .popup_main2 div p.yes {
        color: var(--Dark-2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout .selectNetwork .popup_main2 div p.yes {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .selectNetwork .popup_main2 div p.no {
    color: var(--Error-Color, #FB4C43);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .selectNetwork .popup_main2 div p.no {
    color: #FF0523;
}

.hd-layout .bucksCont {
    position: relative;
    margin-top: 12px;
}

body.dark-mode .hd-layout .bucksCont {
    background: transparent;
    box-shadow: inherit;
}

.hd-layout .bucksCont ul li {
    border-radius: 16px;
}

.hd-layout .bucksCont .bucksTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 17.29px;
    padding: 26px 23px 24px 19px;
    background: var(--white, #FFF);
    box-shadow: 0px 4px 34px 0px #EFEFF4;
}

body.dark-mode .hd-layout .bucksCont .bucksTitle {
    background: var(--Dark-1, #24292F);
    box-shadow: 0px 4px 34px 0px #1B1B1C;
}

.hd-layout .bucksCont .bucksTitle .titleInner {
    display: flex;
    align-items: center;
    gap: 17.29px;
}

.hd-layout .bucksCont .image img {
    display: block;
}

.hd-layout .bucksCont .buckslist .toggleBtn img.up {
    display: block;
}

.hd-layout .bucksCont .buckslist .toggleBtn img.down {
    display: none;
}

body.dark-mode .hd-layout .bucksCont .buckslist .toggleBtn img.up {
    display: block;
}

body.dark-mode .hd-layout .bucksCont .buckslist .toggleBtn img.down {
    display: none;
}

.hd-layout .bucksCont .desc span.title {
    color: var(--Dark-1, #24292F);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

body.dark-mode .hd-layout .bucksCont .desc span.title {
    color: var(--Right-5, #FFF);
}

.hd-layout .bucksCont .desc b {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.hd-layout .bucksCont .desc span.num {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body.dark-mode .hd-layout .bucksCont .desc b {
    color: var(--Dark-5, #C8C8C8);
}

body.dark-mode .hd-layout .bucksCont .desc span.num {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .bucksCont .buckslist {
    /* margin: 9px 0; */
    margin: 0;
}

.hd-layout .hdSrpWrap .bucksCont .buckslist {
    overflow-x: scroll;
}

.hd-layout .bucksCont .buckslist {
    margin: 0;
    background: var(--white, #FFF);
    padding: 23px 0;
}

body.dark-mode .hd-layout .bucksCont .buckslist {
    margin: 0;
    background: #2B2B2F;
    padding: 23px 0;
}

.hd-layout .bucksCont .buckslist ul {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 18px;
}

.hd-layout .nftWrap > .VerifyPopup {
    width: 315px;
    height: 521px;
    padding: 36px 26px;
}

.hd-layout .nftWrap .popup_main1 .title {
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .title {
    color: var(--Right-5, #FFF);
}

.hd-layout .nftWrap .popup_main1 .title_center {
    display: block;
    text-align: center;
    width: 100%;
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 24.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .title_center {
    display: block;
    width: 100%;
    text-align: center;
    color: var(--Right-5, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.hd-layout .nftWrap .popup_main1 .list {
    margin-top: 22px;
}

    .hd-layout .nftWrap .popup_main1 .list li + li {
        margin-top: 8px;
    }

    .hd-layout .nftWrap .popup_main1 .list label {
        color: var(--Dark-2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: 140%; /* 22.4px */
    }

body.dark-mode .hd-layout .nftWrap .popup_main1 .list label {
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout .nftWrap .popup_main1 .list .cont {
    margin-top: 0;
    margin-bottom: 0;
}

    .hd-layout .nftWrap .popup_main1 .list .cont ul li {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px 16px;
        background: transparent;
        width: 100%;
        height: 58px;
        border-radius: 10px;
        border: 1px solid var(--Dark-2, #424A53);
    }

body.dark-mode .hd-layout .nftWrap .popup_main1 .list .cont ul li {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.hd-layout .nftWrap .popup_main1 .list .cont ul li::after {
    position: absolute;
    content: "";
    clear: both;
    background: url(/image/icon/selected.svg) no-repeat;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 16px;
    transform: translate(-50%, -50%);
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .list .cont ul li::after {
    position: absolute;
    content: "";
    clear: both;
    background: url(/image/icon/dk_selected.svg) no-repeat;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 16px;
    transform: translate(-50%, -50%);
}

.hd-layout .nftWrap .popup_main1 .list .cont ul li:nth-child(2) {
    margin-top: 2px;
    border-top: none;
}

.hd-layout .nftWrap .popup_main1 .list .cont ul li span {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .list .cont ul li span {
    color: var(--Right-5, #FFF);
}

.hd-layout .nftWrap .popup_main1 .list .cont ul li span.passive {
    color: var(--Right-1, #D5D5D5);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .list .cont ul li span.passive {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.042px;
}

.hd-layout .nftWrap .popup_main1 .list .cont ul li span.activeOn {
    color: var(--Dark1, #24292F);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .list .cont ul li span.activeOn {
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
}

.hd-layout .nftWrap .popup_main1 .loginButton {
    margin-top: 38.33px;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .hd-layout .nftWrap .popup_main1 .loginButton .buttonCancel {
        padding: 14px 10px;
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
    }

body.dark-mode .hd-layout .nftWrap .popup_main1 .loginButton .buttonCancel {
    background: var(--Brand-Color-2, #8C70E8);
    color: #2E2E2E;
}

.hd-layout .nftWrap .popup_main1 .loginButton .buttonShow {
    display: block;
    color: var(--Dark1, #24292F);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.24px;
    background: var(--Brand-color-2, #A54BFF);
    border: none;
}

.hd-layout .nftWrap .popup_main1 .loginButton .buttonShow_bg {
    border-radius: 10px;
    border: 1px solid var(--Brand-Color-2, #8C70E8);
    color: var(--Brand-Color-2, #8C70E8);
    background: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .loginButton .buttonShow_bg {
    color: var(--Brand-Color-2, #8C70E8);
    background: #2E2E2E;
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .loginButton .buttonShow_bgerr {
    color: var(--Dark1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
    background: var(--Brand-color-2, #A54BFF);
}

.hd-layout .required {
    display: block;
    margin-top: 2px;
    color: var(--Error-Color, #FB4C43);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
}

body.dark-mode .hd-layout .required {
    color: #FF0523;
}

.hd-layout .nftWrap .popup_main1 .loginButton .buttonShow2 {
    padding: 14px 10px;
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
}

body.dark-mode .hd-layout .nftWrap .popup_main1 .loginButton .buttonShow2 {
    color: var(--Dark1, #24292F);
}

.hd-layout .nftWrap .ImportNFT {
    width: 315px;
}

    .hd-layout .nftWrap .ImportNFT .popup_cont {
        position: relative;
    }

    .hd-layout .nftWrap .ImportNFT p {
        margin: 22px 0;
        color: var(--Dark-2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 19.2px */
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout .nftWrap .ImportNFT p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .nftWrap .ImportNFT img {
    display: block;
    margin: 0 auto;
    max-width: 188px;
    height: 188px;
    width: 100%;
}

.hd-layout .nftWrap .ImportNFT .pos {
    position: absolute;
    bottom: 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.8);
    left: 50px;
    width: 160px;
    padding: 8.4px 13px;
}

body.dark-mode .hd-layout .nftWrap .ImportNFT .pos {
    position: absolute;
    bottom: 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.8);
    left: 50px;
    width: 160px;
    padding: 8.4px 13px;
}

.hd-layout .nftWrap .ImportNFT .basic {
    margin: 0;
    padding: 0;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 100%; /* 14px */
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout .nftWrap .ImportNFT .pos .basic {
    margin: 0;
    padding: 0;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout .nftWrap .ImportNFT .basic {
    color: var(--Right-1, #D5D5D5);
}

.hd-layout #nft .heAsset .basic > div {
    background: #fff;
    height: inherit;
}

.hd-layout #nft .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .hd-layout #nft .content .image {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .hd-layout #nft .content .image span {
            display: block;
            margin-top: 18px;
            color: var(--Dark-1, rgba(36, 41, 47, 0.8));
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

body.dark-mode .hd-layout #nft .content .image span {
    color: var(--Right-5, #FFF);
}

.hd-layout #nft .content .copyWrap {
    margin-top: 45px;
    margin-bottom: 92px;
    display: flex;
    align-items: center;
}

    .hd-layout #nft .content .copyWrap span {
        display: block;
        margin-right: 16px;
        color: var(--Dark-1, #24292F);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.2px;
    }

body.dark-mode .hd-layout #nft .content .copyWrap span {
    color: var(--Right-5, #FFF);
}

.hd-layout #nft .content .copyWrap .copyTxt {
    position: relative;
    display: flex;
    align-items: center;
    width: 205px;
    padding: 7px 12.33px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .hd-layout #nft .content .copyWrap .copyTxt {
    background: rgba(71, 71, 71, 0.5);
}

.hd-layout #nft .content .copyWrap .copyTxt span {
    display: block;
    margin-right: 8px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

    .hd-layout #nft .content .copyWrap .copyTxt span.Copy {
        position: relative;
        display: block;
        width: 59px;
        margin-right: 0;
        border-radius: 4px;
        background: var(--Right-5, #FFF);
        padding: 4px 6px;
        text-align: right;
        cursor: pointer;
    }

body.dark-mode .hd-layout #nft .content .copyWrap .copyTxt span.Copy {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout #nft .content .copyWrap .copyTxt span.Copy::after {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    clear: both;
    background: url(/image/icon/journals-fill.png) no-repeat;
    width: 18px;
    height: 18px;
}

.hd-layout #nft .content .desc {
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    padding: 24px 41px;
}

body.dark-mode .hd-layout #nft .content .desc {
    color: var(--Dark-3, #8A8A8A);
    background: #2B2B2F;
}

.hd-layout #nft .content .desc p {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    word-break: auto-phrase;
    white-space: pre-line;
}

body.dark-mode .hd-layout #nft .content .desc p {
    color: var(--Dark-3, #8A8A8A);
    background: #2B2B2F;
}

.hd-layout .nft .loginButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .hd-layout .nft .loginButton .buttonCancel {
        display: block;
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout .nft .loginButton .buttonCancel {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
}

.hd-layout .detailpage .assetItem span {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

body.dark-mode .hd-layout .detailpage .assetItem span {
    color: var(--Right-5, #FFF);
}

.hd-layout .assetItem .EXitem {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--Dark2, #424A53);
}

body.dark-mode .hd-layout .assetItem .EXitem {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.hd-layout .assetItem .EXitemtOn {
    border: 2px solid var(--Brand-color-2, #A54BFF);
}

.hd-layout .assetItem .EXitem .image {
    display: block;
    max-width: 28px;
    width: 100%;
}

    .hd-layout .assetItem .EXitem .image img {
        display: block;
        width: 100%;
    }

.hd-layout .assetItem .EXitem .nameTxt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .hd-layout .assetItem .EXitem .nameTxt span {
        display: block;
        color: var(--Dark-2, #424A53);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout .assetItem .EXitem .nameTxt span {
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout .assetItem .EXitem .nameTxt span.title {
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .assetItem .EXitem .nameTxt span.title {
    color: var(--Right-5, #FFF);
}

.hd-layout .nftAsset span.header_title {
    display: block;
    margin-bottom: 8px;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.hd-layout .assetItem .findId_input {
    overflow: hidden;
    position: absolute;
    right: 23px;
    max-width: 263px;
    width: 100%;
    border-radius: 12px 0px 0px 12px;
    height: 248px;
    margin-top: 5px;
    backdrop-filter: blur(2px);
    border: 1px solid var(--Right-2, #E3E3E3);
    background: var(--Right-5, #FFF);
    overflow-y: scroll;
}

body.dark-mode .hd-layout .assetItem .findId_input {
    border: none;
}

.hd-layout .assetItem .findId_input .item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    margin: 0;
}

    .hd-layout .assetItem .findId_input .item.active {
        border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
        background: var(--Right-3, #EDEDED);
        backdrop-filter: blur(2px);
    }

body.dark-mode .hd-layout .assetItem .findId_input .item.active {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #474747;
    backdrop-filter: blur(2px);
}

.hd-layout .assetItem .findId_input .item + .item {
    border-top: 0.5px solid var(--Dark-4, #B3B3B3);
}

.hd-layout .assetItem .findId_input .item .image {
    display: block;
    max-width: 28px;
    width: 100%;
}

    .hd-layout .assetItem .findId_input .item .image img {
        display: block;
        width: 100%;
    }

.hd-layout .assetItem .findId_input .item .nameTxt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .hd-layout .assetItem .findId_input .item .nameTxt span {
        display: block;
        color: var(--Dark-2, #424A53);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout .assetItem .findId_input .item .nameTxt span {
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout .assetItem .findId_input .item .nameTxt span.title {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .assetItem .findId_input .item .nameTxt span.title {
    color: var(--Right-5, #FFF);
}

.hd-layout .detailpage .loginButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    /*margin-top: 301px;*/
}

    .hd-layout .detailpage .loginButton .buttonShow {
        display: block;
        font-size: 20px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.3px;
        border-radius: 10px;
        border: 1px solid var(--Brand-color-2, #A54BFF);
        background: #FFF;
        color: var(--Brand-color-2, #A54BFF);
    }

    .hd-layout .detailpage .loginButton .light_buttonShow {
        display: block;
    }

    .hd-layout .detailpage .loginButton .dk_buttonShow {
        display: none;
    }

body.dark-mode .hd-layout .detailpage .loginButton .light_buttonShow {
    display: none;
}

body.dark-mode .hd-layout .detailpage .loginButton .dk_buttonShow {
    display: block;
    color: var(--Brand-color-2, #A54BFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 10px;
    border: 1px solid var(--Brand-color-2, #A54BFF);
    background: transparent;
}

body.dark-mode .hd-layout .detailpage .loginButton .dk_buttonCancel {
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
}

.hd-layout .sendMenu ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .hd-layout .sendMenu ul li span {
        display: block;
        color: var(--Dark4, #8C959F);
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.4px;
    }

    .hd-layout .sendMenu ul li:nth-child(1) span {
        color: var(--Brand-color-2, #A54BFF);
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.4px;
    }

    .hd-layout .sendMenu ul li:nth-child(2) span {
        display: block;
        color: var(--Dark4, #8C959F);
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.4px;
    }

    .hd-layout .sendMenu ul li img {
        display: block;
        width: 24px;
        height: 24px;
    }

        .hd-layout .sendMenu ul li img.light {
            display: block;
        }

        .hd-layout .sendMenu ul li img.dark {
            display: none;
        }

        .hd-layout .sendMenu ul li img.dark1 {
            display: none;
        }

body.dark-mode .hd-layout .sendMenu ul li img.light {
    display: none;
}

body.dark-mode .hd-layout .sendMenu ul li img.dark {
    display: block;
}

body.dark-mode .hd-layout .sendMenu ul li img.dark1 {
    display: none;
}

.hd-layout .sendHome .buckslist > ul > li:nth-child(3) {
    position: relative;
}

    .hd-layout .sendHome .buckslist > ul > li:nth-child(3):before {
        content: "";
        clear: both;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        border: 2px solid var(--Brand-color-2, #A54BFF);
        background: var(--Brand-Color-2-sub, rgba(246, 237, 255, 0.8));
        z-index: 600;
    }

    .hd-layout .sendHome .buckslist > ul > li:nth-child(3)::after {
        content: "";
        clear: both;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: url(/image/icon/hd_checked2.png) no-repeat;
        width: 24px;
        height: 24px;
        z-index: 600;
    }

.hd-layout .sendHome .comm_btnMenu ul li img {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}

.hd-layout .sendHome .comm_btnMenu ul li {
    display: block;
    color: var(--Dark4, #8C959F);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.hd-layout .nftWrap .contentInner .bucksCont::after {
    position: inherit;
}

.hd-layout .nftWrap .contentInner .bucksCont > ul > li {
    position: relative;
}

.hd-layout .nftWrap .contentInner .bucksCont .toggleBtn img.up {
    display: block;
    width: 24px;
    height: 24px;
    transform: rotate(0deg);
}

.hd-layout .nftWrap .contentInner .bucksCont .toggleBtn img.down {
    display: block;
    width: 24px;
    height: 24px;
    transform: rotate(-180deg);
}

.hd-layout .nftWrap .contentInner .bucksCont .dark-toggleBtn {
    display: none;
}

body.dark-mode .hd-layout .nftWrap .contentInner .bucksCont .toggleBtn {
    display: none;
}

body.dark-mode .hd-layout .nftWrap .contentInner .bucksCont .dark-toggleBtn {
    display: block;
}

    body.dark-mode .hd-layout .nftWrap .contentInner .bucksCont .dark-toggleBtn img.up {
        display: block;
        width: 24px;
        height: 24px;
        transform: rotate(0deg);
    }

    body.dark-mode .hd-layout .nftWrap .contentInner .bucksCont .dark-toggleBtn img.down {
        display: block;
        width: 24px;
        height: 24px;
        transform: rotate(-180deg);
    }

.hd-layout .nftResult .itemBox3 .itemBox {
    display: flex;
    align-items: center;
}

    .hd-layout .nftResult .itemBox3 .itemBox .desc {
        display: block;
        margin-left: 10px;
    }

.hd-layout .nftResult .itemBox .desc span.uesName {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.hd-layout .nftResult .itemBox3 .itemBox .desc span {
    display: block;
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout .nftResult .itemBox3 .itemBox .desc span {
    color: var(--Right-5, #FFF);
}

.hd-layout .nftResult .itemBox3 .itemBox .desc p {
    display: block;
    color: var(--Dark4, #8C959F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.hd-layout .nftResult .descTotel ul li:nth-child(1) .items2 {
    padding-left: 102px;
}

.hd-layout .nftResult .descTotel ul li .items2 {
    padding-left: 84px;
}

.hd-layout .nftResult .descTotel ul li:last-child span.num3 {
    display: inline-block;
    color: var(--Dark-2, #424A53);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.hd-layout .nftResult .descTotel ul li:last-child span.num4 {
    display: inline-block;
    color: var(--Dark-2, #424A53);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.hd-layout #nftResult_list .certifyCont .itemWrap {
    gap: 0;
}

.hd-layout #nftResult_list .VerifyPopup {
    width: 356px;
    height: 667px;
    height: auto;
    padding: 36px 27px 20px 27px;
}

    .hd-layout #nftResult_list .VerifyPopup #formWrap {
        margin-top: 0;
    }

    .hd-layout #nftResult_list .VerifyPopup .Title {
        display: block;
        color: var(--Black-100, #09101D);
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

body.dark-mode .hd-layout #nftResult_list .VerifyPopup .Title {
    color: var(--Right-5, #FFF);
}

.hd-layout .headerTitle {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .hd-layout .headerTitle {
    display: block;
    color: var(--Dark-4, #B3B3B3);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.hd-layout .withdraw_possible .category .item span {
    display: block;
    margin-bottom: 8px;
    padding-bottom: 0;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 20.8px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .withdraw_possible .category .item span {
    color: var(--Dark-4, #B3B3B3);
    background: transparent;
}

.hd-layout #nftResult_list .VerifyPopup ul li {
    padding: 13px 14px;
}

body.dark-mode .hd-layout #nftResult_list .VerifyPopup .itemWrap .item {
    background: rgba(71, 71, 71, 0.5);
}

body.dark-mode .hd-layout #nftResult_list .VerifyPopup .itemWrap .itemBox {
    background: transparent;
}

body.dark-mode .hd-layout #nftResult_list .certifyCont .itemWrap .item .desc {
    background: transparent;
}

body.dark-mode .hd-layout #nftResult_list .certifyCont .itemWrap .item .image img {
    background: transparent;
}

body.dark-mode .hd-layout #nftResult_list .certifyCont .itemWrap .item .desc > p {
    color: var(--Dark4, #8C959F);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
    background: transparent;
}

body.dark-mode .hd-layout #nftResult_list .title_header span.headerTit {
    margin: 0;
    padding: 23px 0 8px 0;
    background: #2E2E2E;
}

body.dark-mode .hd-layout #nftResult_list .withdraw_possible ul {
    background: rgba(71, 71, 71, 0.5);
}

    body.dark-mode .hd-layout #nftResult_list .withdraw_possible ul li {
        background: rgba(71, 71, 71, 0.5);
    }

        body.dark-mode .hd-layout #nftResult_list .withdraw_possible ul li span.title {
            color: var(--Dark-5, #C8C8C8);
        }

        body.dark-mode .hd-layout #nftResult_list .withdraw_possible ul li + li {
            border-top: 1px solid var(--Dark-2, #424A53);
        }

.hd-layout #nftResult_list .VerifyPopup ul li span.bold {
    display: block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    text-align: right;
    font-weight: 700;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nftResult_list .VerifyPopup ul li span.bold {
    color: var(--Right-1, #D5D5D5);
}

.hd-layout #nftResult_list .VerifyPopup .item .desc span.uesName {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nftResult_list .VerifyPopup .item .desc span.uesName {
    color: var(--Right-1, #D5D5D5);
    background: transparent;
}

.hd-layout #nftResult_list #certifyCont .loginButton {
    margin-top: 27px !important;
    margin-bottom: 20px;
}

body.dark-mode .hd-layout #nftResult_list #certifyCont .loginButton {
    padding-top: 27px !important;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.hd-layout #nftResult_list #certifyCont .loginButton .buttonShow {
    height: 48px;
}

.hd-layout img.myPage {
    width: 19px;
    height: 20px;
}

.hd-layout img.light {
    display: block;
    margin: 0 auto;
}

body.dark-mode .hd-layout img.light {
    display: none;
}

.hd-layout img.dark {
    display: none;
}

body.dark-mode .hd-layout img.dark {
    display: block;
    margin: 0 auto;
}

.hd-layout .popup_main1 img {
    display: block;
}

    .hd-layout .popup_main1 img.light {
        display: block;
        margin: 0 auto;
    }

    .hd-layout .popup_main1 img.dark {
        display: none;
    }

body.dark-mode .hd-layout .popup_main1 img.light {
    display: none;
}

body.dark-mode .hd-layout .popup_main1 img.dark {
    display: block;
    margin: 0 auto;
}

body.dark-mode .hd-layout .basic {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .yes {
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .yes {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout .no {
    padding: 22px 0 16px 0;
    color: #FF0523;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .VerifyPopup1 .no {
    color: #FF0523;
}

.hd-layout p.basic {
    padding: 22px 0 16px 0;
    text-align: center;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    letter-spacing: -0.3px;
    font-weight: 510;
}

.hd-layout button.btn_Check {
    width: 100%;
    display: inline-block;
    position: inherit;
    margin-left: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.24px;
    color: var(--Right-5, #FFF);
    background: var(--Brand-color, #8C70E8);
}

.hd-layout button.buttonCancel {
    display: block;
    width: 100%;
    padding: 14px 10px;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.hd-layout .buttonShow {
    width: 100%;
    padding: 14px 10px;
    border-radius: 10px;
    border: 1px solid var(--Brand-color, #8C70E8);
    color: var(--Brand-color, #8C70E8);
    background: transparent;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.3px;
}

.hd-layout button.buttonShow_bg {
    width: 100%;
    padding: 14px 10px;
    border-radius: 10px;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.24px;
    background: var(--Brand-color, #8C70E8);
}

.hd-layout button.loginButton .buttonShow2 {
    width: 100%;
    padding: 14px 10px;
    border-radius: 10px;
    background: var(--Brand-color, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
}

.hd-layout .importAsset .token .Key_box {
    position: relative;
    max-width: 262px;
    margin: 0 auto;
    border-radius: 12px;
    background: var(--Right-4, #F2F2F2);
}

    .hd-layout .importAsset .token .Key_box p {
        height: 136px;
        color: var(--Dark-4, #B3B3B3);
        font-size: 16px;
        font-style: normal;
        font-weight: 510;
        line-height: 140%; /* 22.4px */
        letter-spacing: -0.3px;
        padding: 26px 27px;
        border: 0;
        border-radius: initial;
    }

    .hd-layout .importAsset .token .Key_box span {
        position: absolute;
        border-radius: 4px;
        background: var(--Right-5, #FFF);
        color: var(--Dark-4, #B3B3B3);
        font-size: 12px;
        font-style: normal;
        font-weight: 510;
        letter-spacing: 0.2px;
        bottom: 16px;
        right: 27px;
        width: 59px;
        text-align: center;
        padding: 4px 0 4px 12px;
    }

        .hd-layout .importAsset .token .Key_box span::before {
            content: "";
            clear: both;
            position: absolute;
            left: 5px;
            top: 4px;
            background: url(/image/icon/copy_icon.svg) no-repeat;
            width: 15px;
            height: 17px;
        }

.hd-layout .importAsset .token p.eraser {
    margin-top: 12px;
    color: var(--Error-Color, #FB4C43);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
    border: none;
    padding: 0;
    border-radius: inherit;
    max-width: 262px;
    margin: 0 auto;
    margin-top: 12px;
}

.hd-layout .comm_p {
    margin-top: 0 !important;
    padding: 3rem 16px 0 16px;
}

.hd-layout .withdrawInner .item span.Error {
    color: var(--Error-Color, #FB4C43);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
}

.hd-layout #asItem {
    font-size: 50px;
}

    .hd-layout #asItem::placeholder {
        font-size: 50px;
    }

.hd-layout .sendAsset_wrap .withdrawCont .btnList {
    color: var(--Dark-3, #8A8A8A);
    font-size: 13px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 18.2px */
    letter-spacing: -0.39px;
}

.hd-layout #certifyCont .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 315px;
    height: auto;
    padding: 31px 27px 20px 27px;
    border-radius: 16px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.hd-layout .withdraw_possible ul li span.num {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
    background-color: transparent;
}

body.dark-mode .hd-layout .withdraw_possible ul li span.num {
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout .withdraw_possible ul li span.unNum {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
    background-color: transparent;
}

body.dark-mode .hd-layout .withdraw_possible ul li span.unNum {
    color: var(--Right-1, #D5D5D5);
}

.hd-layout #certifyCont .loginButton button.buttonShow {
    padding: 0;
    height: 52px;
}

body.dark-mode .hd-layout #certifyCont .loginButton {
    margin-top: 0;
    padding-top: 0;
}

body.dark-mode .hd-layout .certifyCont .VerifyPopup .basic {
    display: block;
    height: inherit;
    color: var(--Dark-5, #C8C8C8);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .certifyCont .VerifyPopup .yes {
    height: inherit;
    color: var(--Dark-5, #C8C8C8);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

.hd-layout .certifyCont .VerifyPopup .no {
    display: block;
    color: var(--Dark-2, #424A53);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    color: var(--Error-Color, #FB4C43);
    padding: 0;
}

body.dark-mode .hd-layout #certifyCont .VerifyPopup .loginButton {
    margin-top: 39px;
}

body.dark-mode .hd-layout #certifyCont .VerifyPopup {
    padding: 31px 27px 20px 27px;
}

body.dark-mode .hd-layout .hd_SendAsset .itemWrap > .desc1 {
    font-weight: 510;
    line-height: 140%;
    border-radius: 10px;
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    letter-spacing: -0.3px;
}

.hd-layout .certifyCont .descTotel ul {
    overflow: hidden;
    border-radius: 6px;
}

    .hd-layout .certifyCont .descTotel ul li {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 12px 16px;
        border-radius: 0;
        background: var(--Right-4, #F2F2F2);
    }

body.dark-mode .hd-layout .certifyCont .descTotel ul li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    border-radius: 0;
    background: #2B2B2F;
}

    body.dark-mode .hd-layout .certifyCont .descTotel ul li + li {
        border-top: 1px solid var(--Dark-2, #424A53);
    }

body.dark-mode .hd-layout .withdrawInner P.subDesc {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

    body.dark-mode .hd-layout .withdrawInner P.subDesc span {
        color: var(--Dark-5, #C8C8C8);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 19.6px */
        letter-spacing: 0.2px;
    }

.hd-layout .hd_sendassetWrap .loginButton .buttonError {
    color: #FFFFFF;
    background-color: #E3E3E3;
    height: 52px;
}

.hd-layout .hd_sendassetWrap .loginButton .buttonShow {
    height: 52px;
}

@media screen and (max-width: 736px) {
    .hd-layout .hd_sendassetWrap #formWrap .item_list .popup_main {
        height: -webkit-fill-available;
        height: 100%;
        top: inherit;
        bottom: 0;
    }
}

.hd-layout .hd_sendassetWrap #formWrap .item_list .popup_main .list {
    padding: 20px 5px 50px 16px;
}

body.dark-mode .hd-layout #cw .content .desc {
    border-radius: 40px;
    background: #1B1B1C;
    color: var(--Dark-5, #C8C8C8);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .cw_complete #cw .comlpete_box {
    padding: 24px 41px;
    margin-top: 89px;
    border-radius: 10px;
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #cw_card #cw .loginButton .buttonShow_border {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    padding: 12.5px 0 !important;
    color: var(--Brand-Color-2, #8C70E8);
    background: transparent;
}

.hd-layout .select_network .selectNetwork .VerifyPopup .basic {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout .select_network .selectNetwork .VerifyPopup .basic {
    color: var(--Dark-5, #C8C8C8);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

.hd-layout .popup_main1 .model_box {
    margin-top: 0;
}

.hd-layout .model_box .no {
    padding: 0;
    color: #FF0523;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%;
    letter-spacing: -0.3px;
}

.hd-layout .comm_btnMenu ul li span {
    color: var(--Dark4, #8C959F);
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    line-height: 12px; /* 120% */
    letter-spacing: -0.4px;
}

.hd-layout .hdSrpWrap .comm_btnMenu ul li.on span {
    color: var(--Brand-Color-2, #8C70E8);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    line-height: 12px; /* 120% */
    letter-spacing: -0.4px;
}

.hd-layout .hdSrpWrap .comm_btnMenu ul li span {
    color: var(--Dark4, #8C959F);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    line-height: 12px; /* 120% */
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout .hdSrpWrap .comm_btnMenu ul li span.active {
    color: var(--Brand-Color-2, #8C70E8);
}

body.dark-mode .hd-layout .hdSrpWrap .comm_btnMenu ul li span {
    color: var(--Dark2, #424A53);
}

.hd-layout #send .popup_main1 .loginButton .buttonCancel {
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .hd-layout #send .popup_main1 .loginButton .buttonCancel {
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.hd-layout .hdSrpWrap .bucksCont ul li {
    overflow: inherit;
    border-radius: 16px;
    background: var(--white, #FFF);
    box-shadow: 0px 4px 34px 0px #EFEFF4;
}

@media screen and (max-width: 480px) {
    .hd-layout #nft_SH .buckslist {
        overflow-x: scroll;
        padding: 0px 5px;
    }

    body.dark-mode .hd-layout #nft_SH .buckslist {
        overflow-x: scroll;
        padding: 0;
    }
}

.hd-layout #nft_SH ul li {
    position: relative;
}

.hd-layout #nft_SH .buckslist ul {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 18px;
    padding-bottom: 32px;
}

.hd-layout #nft_SH a.link_more {
    position: absolute;
    bottom: 9px;
    right: 19px;
    color: var(--Dark-4, #B3B3B3);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
}

body.dark-mode .hd-layout #nft_SH a.link_more {
    position: absolute;
    bottom: 24px;
    right: 19px;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.hd-layout #nft_SH .buckslist ul li {
    overflow: inherit;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.hd-layout #nft_SH > ul > li {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    background: var(--white, #FFF);
    box-shadow: 0px 4px 34px 0px #EFEFF4;
}

body.dark-mode .hd-layout #nft_SH > ul > li {
    overflow: hidden;
    border-radius: 16px;
    background: #2B2B2F;
    box-shadow: 0px 4px 34px 0px #1B1B1C;
}

body.dark-mode .hd-layout #nft_SH ul li .bucksTitle {
    background: #2B2B2F;
    box-shadow: 0px 4px 34px 0px #1B1B1C;
}

.hd-layout #nft_SH ul li.active .image {
    position: relative;
    overflow: inherit;
}

    .hd-layout #nft_SH ul li.active .image::before {
        content: "";
        clear: both;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: url(/image/icon/hd_checked_bg.svg) no-repeat;
        width: 115px;
        height: 115px;
        z-index: 600;
        background-size: contain;
    }

.hd-layout #nft_SH ul li .image img {
    width: auto;
}

.hd-layout #nft_SH ul li p.image_name {
    text-align: center;
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 20px; /* 166.667% */
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout #nft_SH ul li p.image_name {
    color: var(--Dark-3, #8A8A8A);
}

.hd-layout #nft_SH .dark-toggleBtn img.up {
    display: block;
    width: 24px;
    height: 24px;
    transform: rotate(0deg);
}

body.dark-mode .hd-layout #nft_SH .dark-toggleBtn img.up {
    display: block;
    width: 24px;
    height: 24px;
    transform: rotate(0deg);
}

.hd-layout #nft_SH .dark-toggleBtn img.down {
    display: block;
    width: 24px;
    height: 24px;
    transform: rotate(-180deg);
}

body.dark-mode .hd-layout #nft_SH .dark-toggleBtn img.down {
    display: block;
    width: 24px;
    height: 24px;
    transform: rotate(-180deg);
}

.hd-layout #nft_SH .dark-toggleBtn img.dark {
    display: none;
}

.hd-layout #nft_SH .dark-toggleBtn img.light {
    display: block;
}

body.dark-mode .hd-layout #nft_SH .dark-toggleBtn img.dark {
    display: block;
}

body.dark-mode .hd-layout #nft_SH .dark-toggleBtn img.light {
    display: none;
}

.hd-layout .nft {
    padding: 3rem 16px 0 16px;
}

    .hd-layout .nft .item .header_title {
        display: block;
        text-align: left;
        color: var(--Dark-2, #424A53);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: 140%; /* 22.4px */
    }

body.dark-mode .hd-layout .nft .item .header_title {
    color: var(--Right-5, #FFF);
}

.hd-layout .nft .nftAsset .header_title {
    display: block;
    text-align: left;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

.hd-layout #nft_Detailpage .withdrawCont .btnList {
    position: absolute;
    top: 30px;
    right: 16px;
    max-width: 134px;
    width: 100%;
    height: 34px;
    padding: 8.2px 0px 8.2px 19px;
    font-size: 13px;
    font-weight: 510;
    letter-spacing: -0.39px;
    border-radius: 40px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-3, #8A8A8A);
    cursor: pointer;
}

body.dark-mode .hd-layout #nft_Detailpage .withdrawCont .btnList {
    background: #3A3A3A;
    color: var(--Dark-3, #8A8A8A);
}

.hd-layout #nft_Detailpage .hd_sendasset .qrInput input {
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout #nft_Detailpage .assetItem .findId_input {
    background: #2E2E2E;
}

body.dark-mode .hd-layout #nft_Detailpage .hd_sendasset .qrInput input {
    color: var(--Right-5, #FFF);
}

.hd-layout #nft_Detailpage .hd_sendasset .qrInput input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .hd-layout #nft_Detailpage .hd_sendasset .qrInput input::placeholder {
    color: var(--Dark-2, #424A53);
}

.hd-layout #nft_Detailpage .withdrawInner .item span.desc {
    display: block;
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.hd-layout #nft_Detailpage .assetItem .EXitem {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 17.7px 16px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .hd-layout #nft_Detailpage .assetItem .EXitem {
    border: 1px solid var(--Dark-3, #8A8A8A);
}

.hd-layout #nft_Detailpage .assetItem .EXitemtOn {
    padding: 7.2px 16px;
    border: 1px solid var(--Dark2, #424A53);
}

body.dark-mode .hd-layout #nft_Detailpage .assetItem .EXitemtOn {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.hd-layout #nft_Detailpage .assetItem .EXitem::after {
    position: absolute;
    content: "";
    clear: both;
    right: 16px;
    top: 19px;
    background: url(/image/icon/selected.svg) no-repeat;
    width: 20px;
    height: 20px;
}

body.dark-mode .hd-layout #nft_Detailpage .assetItem .EXitem::after {
    background: url(/image/icon/dk_selected.svg) no-repeat;
}

.hd-layout #nft_Detailpage .assetItem .EXitem span {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

.hd-layout #nft_Detailpage .assetItem .EXitem .nameTxt span.title {
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

.hd-layout #nft_Detailpage .page_box {
    margin-top: 40px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    padding: 12.4px 20px;
}

body.dark-mode .hd-layout #nft_Detailpage .page_box {
    background: #2B2B2F;
}

.hd-layout #nft_Detailpage .withdrawInner P.subDesc span {
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout #nft_Detailpage .withdrawInner P.subDesc span {
    color: var(--Dark-5, #C8C8C8);
}

.hd-layout #nft_Detailpage .page_box p.subDesc {
    margin-bottom: 0;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .hd-layout #nft_Detailpage .page_box p.subDesc {
    color: var(--Right-5, #FFF);
}

.hd-layout #nft_Detailpage .page_box p.lineDesc {
    margin-bottom: 8px;
}

.hd-layout #nft_Detailpage .loginButton .buttonShow {
    height: 52px;
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.hd-layout #nft_Detailpage .loginButton .border_buttonShow {
    height: 52px;
    border-radius: 10px;
    border: 1px solid var(--Brand-Color-2, #8C70E8);
    background: #FFF;
    color: var(--Brand-Color-2, #8C70E8);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nft_Detailpage .loginButton .border_buttonShow {
    color: var(--Dark1, #24292F);
    background: var(--Brand-Color-2, #8C70E8);
}

.hd-layout #nft_Detailpage .assetItem .item .nameTxt span.title {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nft_Detailpage .assetItem .item .nameTxt span.title {
    color: var(--Right-5, #FFF);
}

.hd-layout #nft_Detailpage .assetItem .item .nameTxt span {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nft_Detailpage .assetItem .item .nameTxt span {
    color: var(--Dark-4, #B3B3B3);
}

.hd-layout #nft_Detailpage .detailpage {
    position: relative;
}

.hd-layout #nftResult #certifyCont .loginButton button.buttonShow {
    padding: 0;
    height: 52px;
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Right-5, #FFF);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.hd-layout #certifyCont > .loginButton .findId_input button {
    height: 48px;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.hd-layout #nftResult > .certifyCont > .loginButton button {
    padding: 0;
    height: 52px;
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.hd-layout #nftResult #certifyCont {
    padding: 5rem 16px 0 16px;
}

@supports (-webkit-touch-callout: none) {
    .hd-layout #nftResult #certifyCont {
        padding: 8rem 16px 0 16px;
    }
}

.hd-layout #certifyCont #completed .item .desc > span.uesName {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #certifyCont #completed .item .desc > span.uesName {
    color: var(--Right-1, #D5D5D5);
}

.hd-layout #certifyCont .nftResult .itemBox3 .itemBox .desc span {
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 100% */
    letter-spacing: -0.4px;
}

body.dark-mode .hd-layout #certifyCont .nftResult .itemBox3 .itemBox .desc span {
    color: var(--Right-5, #FFF);
}

.hd-layout #certifyCont #completed .descTotel ul li .items .title {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #certifyCont #completed .descTotel ul li .items .title {
    color: var(--Dark-3, #8A8A8A);
}

.hd-layout #certifyCont #completed .descTotel ul li .items .title1 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #certifyCont #completed .descTotel ul li .items .title1 {
    color: var(--Dark-2, #424A53);
}

.hd-layout #certifyCont .certifyCont .descTotel ul li .items .num {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    letter-spacing: -0.3px;
}

.hd-layout #certifyCont .certifyCont .descTotel ul li .items .num4 {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #certifyCont .descTotel > strong {
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 100%; /* 12px */
    letter-spacing: 0.2px;
}

.hd-layout #nftResult .certifyCont .descTotel > strong::after {
    content: "";
    clear: both;
    position: absolute;
    right: 73px;
    top: 2px;
    background: url(/image/icon/dk_modify.svg) no-repeat;
    width: 24px;
    height: 24px;
}

.hd-layout #nftResult #withdrawPopup .findId_input .item span.title {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nftResult #withdrawPopup .findId_input .item span.title {
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nftResult #withdrawPopup .findId_input .item span {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

.hd-layout #nftResult #withdrawPopup .findId_input .item .desc {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nftResult #withdrawPopup .findId_input .item .desc {
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nftResult #withdrawPopup .findId_input .inner span.count {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

.hd-layout #nftResult #certifyCont #withdrawPopup .popupButton1 .btn_Check {
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .hd-layout #nftResult #certifyCont #withdrawPopup .popupButton1 .btn_Check {
    border-radius: 10px;
    background: var(--Brand-Color-2, #8C70E8);
    color: var(--Dark1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.hd-layout #nftResult #withdrawPopup .findId_input .item span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
    padding: 14px 20px;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

    .hd-layout #nftResult #withdrawPopup .findId_input .item span.count {
        color: var(--Dark-2, #424A53);
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        line-height: 150%; /* 21px */
        letter-spacing: -0.3px;
    }

.hd-layout #nftResult_list_wrap .tx_record {
    padding: 4.5rem 16px 0 16px;
}

.hd-layout #nftResult_list_wrap #nftResult_list .VerifyPopup .Title {
    color: var(--Black-100, #09101D);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 24.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .hd-layout #nftResult_list_wrap #nftResult_list .VerifyPopup .Title {
    color: var(--Right-5, #FFF);
}

.hd-layout #nftResult_list_wrap .headerTitle {
    display: block;
    margin-bottom: 8px;
}

.hd-layout #nftResult_list_wrap .tx_record ul li {
    border: 1px solid var(--Dark-2, #424A53);
}

.hd-layout #nftResult_list_wrap .withdraw_possible ul li span.unNum {
    color: var(--Dark-4, #B3B3B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
    background-color: transparent;
}

body.dark-mode .hd-layout #nftResult_list_wrap #nftResult_list .VerifyPopup ul li span.bold {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
}

.hd-layout .commAset_wrap {
    padding: 1rem 16px 0 16px;
    margin-top: 0;
}

@supports (-webkit-touch-callout: none) {
    .hd-layout .commAset_wrap {
        padding: 4rem 16px 0 16px;
    }
}

.my-page-layout {
    /* my_page stert */
    /*---------------------------------------------------------------------------- list-wrap */
    /*---------------------------------------------------------------------------- //list-wrap */
    /*.input-box {
    position: relative;
  }*/
    /* .wrapper-inner .findIdBox input {
    border: 1px solid var(--Dark2, #424a53);
  } */
    /*.wrapper-inner .popList {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424a53);
  }*/
    /* body.dark-mode & .wrapper-inner .popList {
    background: var(--Dark-1, #24292F);
  } */
    /*.wrapper-inner .popList {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424a53);
  }*/
    /*.wrapper-inner .btn-gray-wrap.address-book span::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/image/icon/copy.svg) no-repeat center/contain;
  }*/
    /* .setting-wrap button.buttonShow.red{
    height: 48px;
    padding: 0;
  } */
    /* google_mypage.HTML stert */
    /* card_register.html stert */
    /* notice_details.html - stert */
    /* notice_details.html - end */
    /*---------------------------------------------------------------------------- list-wrap */
    /*---------------------------------------------------------------------------- //list-wrap */
    /*.wrapper-inner .btn-gray-wrap.address-book span::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/image/icon/copy.svg) no-repeat center/contain;
  }

  body.dark-mode & .wrapper-inner .btn-gray-wrap.address-book span::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/image/icon/dk_my_card.png) no-repeat center/contain;
  }*/
    /* setting.html style - stert */
    /* setting.html style - end */
    /* language_setting.html stert */
    /* language_setting.html end */
    /* .wrapper-inner .my-page-verfication-code:focus{
    outline: unset;
    caret-color: transparent;
    position: unset;
  } */
    /* card_register.html style -stert */
    /* card_register.html style -end */
    /* google_mypage.HTML stert */
    /* card_register.html style - stert*/
    /* card_register.html style - end */
    /* google_OTP.html stert */
    /*common*/
    /*.page_nation .pprev {*/
    /*  background: url('img/page_pprev.png') no-repeat center center;*/
    /*  margin-left: 0;*/
    /*}*/
    /*others-inquiry-container*/
    /*custom-select-wrap*/
    /* mypage.html stert */
    /* mypage.html stert */
    /* language_srp.html stert */
    /* my_btnMenu */
    /*otthers>srp.html stert */
    /* new_inquiry.html stert */
    /* change_email.html stert */
    /* .change_email .emailPopup .findId_input .eraser {
    top: 42%;
  } */
    /* change_number.html stert */
    /* register_finished.html stett */
    /* sign_out.html stert */
    /* notice.html stert */
    /* #singup_div_my #singup_div{
    margin: 0;
    padding: 0;
  } */
    /* body.dark-mode & .address-pop .popList{
    border: 1px solid var(--Dark-3, #8A8A8A);
  } */
    /* .address-pop .popList.active {
    border: 1px solid var(--Dark-2, #424a53);
    background: transparent;
  } */
    /* .wrapper-inner .VerifyPopup.auto{
    display: block;
    width: 356px;
    height: auto;
    min-height: auto;
  } */
    /* .wrapper-inner .VerifyPopup_add.auto {
    display: block;
    width: 356px;
    height: auto;
    min-height: auto;
  } */
    /* .loginButton .buttonShow {
    height: 48px;
    padding: 0;
  } */
}

    .my-page-layout input::placeholder {
        color: var(--Dark-5, #B3B3B3) !important;
    }

body.dark-mode .my-page-layout input::placeholder {
    color: var(--Dark-3, #8a8a8a) !important;
}

.my-page-layout span.inline-padding {
    display: inline-block;
    padding: 1px;
}

.my-page-layout .comm_btnMenu ul li a img.light {
    display: block;
}

.my-page-layout .comm_btnMenu ul li a img.dark {
    display: none;
}

body.dark-mode .my-page-layout .comm_btnMenu ul li a img.light {
    display: none;
}

body.dark-mode .my-page-layout .comm_btnMenu ul li a img.dark {
    display: block;
}

.my-page-layout .wrapper-inner button.btnDisabled {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 10px;
    border: 1px solid var(--Brand-Color1, #13BD7E);
    background-color: #fff;
}

.my-page-layout .inquiry .gray-text {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

body.dark-mode .my-page-layout .inquiry .gray-text {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.my-page-layout .gray-text.basic {
    font-size: 14px;
}

.my-page-layout .user3-page .gray-text.basic {
    display: block;
    text-align: left;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .user3-page .gray-text.basic {
    display: block;
    color: var(--Dark-5, #C8C8C8);
}

.my-page-layout .user3-page .gray-text2.basic {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
    letter-spacing: -0.3px;
    text-align: left;
}

body.dark-mode .my-page-layout .user3-page .gray-text2.basic {
    color: var(--Dark-5, #C8C8C8);
}

.my-page-layout .thank_gray_box {
    margin-top: 18px;
    width: 100%;
    max-width: 358px;
    min-height: 134px;
    flex-shrink: 0;
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    letter-spacing: 0.1px;
    border-radius: 8px;
    background: var(--Right-4, #F2F2F2);
    padding: 16px;
}

body.dark-mode .my-page-layout .thank_gray_box {
    border-radius: 8px;
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    letter-spacing: 0.1px;
}

.my-page-layout .sign_out .thank_gray_box {
    max-width: inherit;
}

.my-page-layout .gray-text.w-510 {
    font-weight: 500;
}

.my-page-layout .wrapper-inner .list-wrap {
    width: 100%;
}

.my-page-layout .wrapper-inner .add_asset {
    width: 100%;
    position: relative;
    transform: initial;
    left: 0;
    top: 0;
}

.my-page-layout .wrapper-inner .list-wrapper .title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 25px;
    background: #fff;
    border-radius: 16px;
}

.my-page-layout .wrapper-inner .add_asset .grayBox li {
    min-height: 60px;
    padding: 14px 8px;
}

.my-page-layout .wrapper-inner .list-wrapper .title-wrap strong {
    width: 90%;
    color: var(--Dark-1, #24292f);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

.my-page-layout .wrapper-inner .basic-pop .basic-text {
    width: 100%;
    padding: 0;
    font-size: 14px;
    background-color: #fff;
}

    .my-page-layout .wrapper-inner .basic-pop .basic-text span {
        display: inline;
        width: 100%;
        padding: 0;
        background-color: #fff;
    }

.my-page-layout .wrapper-inner img {
    width: 100%;
}

.my-page-layout .wrapper-inner.bg-gray {
    /*background: #ededed !important;*/
}

.my-page-layout .wrap-inner .singup__back {
    display: flex;
    align-items: center;
}

.my-page-layout .input-box label {
    display: block;
    height: 22px;
    margin-bottom: 8px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: var(--Dakr2, #4d4d4d);
}

.my-page-layout .input-box input {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    margin-bottom: 8px;
    padding: 18px 16px;
    line-height: 58px;
    border-radius: 10px;
    border: 1px solid var(--Dark2, #424a53);
    letter-spacing: -0.042px;
    background-color: transparent;
}

body.dark-mode .my-page-layout .address-form .input-box input {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.my-page-layout .input-box input:focus {
    border-radius: 10px;
    border: 1px solid var(--Brand-Color-1, #00de5a);
    outline: 1px solid var(--Brand-Color-1, #00de5a);
}

.my-page-layout .wrapper-inner .findIdBox input:focus {
    border-radius: 10px;
    border: 1px solid var(--Brand-Color-1, #00de5a);
    outline: 1px solid var(--Brand-Color-1, #00de5a);
}

.my-page-layout #page .wrapper-inner .singup_input .select_list {
    border: 1px solid var(--Dark2, #424a53);
}

.my-page-layout .wrapper-inner .input-container .checkBox input {
    width: 100%;
    color: var(--Right-5, #fff);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.042px;
}

.my-page-layout .wrapper-inner .singup_input .checkBox input {
    max-width: initial !important;
}

.my-page-layout .wrapper-inner .filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
}

.my-page-layout .filebox label {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 40px;
    margin-left: 10px;
}

.my-page-layout .filebox input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.my-page-layout .wrapper-inner .img-wrap img {
    width: 100%;
}

    .my-page-layout .wrapper-inner .img-wrap img.light {
        display: block;
    }

    .my-page-layout .wrapper-inner .img-wrap img.dark {
        display: none;
    }

body.dark-mode .my-page-layout .wrapper-inner .img-wrap img.light {
    display: none;
}

body.dark-mode .my-page-layout .wrapper-inner .img-wrap img.dark {
    display: block;
}

.my-page-layout .wrapper-inner .d-flex-center .btn-group {
    gap: 20px;
}

    .my-page-layout .wrapper-inner .d-flex-center.btn-group > button {
        flex: 1;
    }

.my-page-layout .wrapper-inner span.headTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--Dark-1, #24292F);
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 19.8px */
    letter-spacing: -0.4px;
}

body.dark-mode .my-page-layout .wrapper-inner span.headTitle {
    color: var(--Right-1, #D5D5D5);
}

.my-page-layout .wrapper-inner .btn_back {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(/image/icon/arrow_lefr.png) no-repeat center/100% auto;
    transform: translateY(-50%);
}

@supports (-webkit-touch-callout: none) {
    .my-page-layout .wrapper-inner .btn_back {
        top: 70% !important;
    }
}

.my-page-layout .wrapper-inner .profile-image-wrapper {
    position: relative;
}

    .my-page-layout .wrapper-inner .profile-image-wrapper .img-wrap {
        position: relative;
        width: 100px;
    }

.my-page-layout .wrapper-inner .profile-image-wrap {
    margin-bottom: 23px;
}

.my-page-layout .wrapper-inner .profile-image-file-wrap {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    overflow: hidden;
}

    .my-page-layout .wrapper-inner .profile-image-file-wrap > input {
        display: none;
    }

    .my-page-layout .wrapper-inner .profile-image-file-wrap > label > img {
        width: 100%;
        height: 100%;
    }

.my-page-layout .wrapper-inner .popList::after {
    content: "";
    clear: both;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url(/image/icon/selected.png) no-repeat;
    width: 20px;
    height: 20px;
    background-position: right center;
}

.my-page-layout .wrapper-inner .popList img {
    display: block;
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.my-page-layout .wrapper-inner .popList ul {
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 66px;
    border: 1px solid var(--Dark-2, #424a53);
    border-radius: 12px;
    /*border-bottom: 0.5px solid var(--Dark-4, #b3b3b3);*/
    background: rgb(255, 255, 255);
    backdrop-filter: blur(2px);
    z-index: 100;
}

.my-page-layout .wrapper-inner .setting .popList ul {
    height: 187px;
    overflow-y: scroll;
}

body.dark-mode .my-page-layout .wrapper-inner .setting .popList ul {
    border-radius: 12px 12px 0px 0px;
    border-bottom: 0.5px solid var(--Dark2, #424A53);
    background: #2E2E2E;
    backdrop-filter: blur(2px);
}

    body.dark-mode .my-page-layout .wrapper-inner .setting .popList ul li.active {
        border-bottom: 0.5px solid var(--Dark-2, #424A53);
        background: #474747;
        backdrop-filter: blur(2px);
    }

.my-page-layout .wrapper-inner .address-form .popList ul {
    display: block;
    width: 100%;
    max-width: 263px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: inherit;
    top: 66px;
    border-radius: 12px;
    border: none;
    border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(2px);
    z-index: 100;
    overflow-y: scroll;
    height: 310px;
}

body.dark-mode .my-page-layout .wrapper-inner .address-form .popList ul {
    border: 1px solid var(--Dark-2, #424a53);
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #2E2E2E;
}

.my-page-layout .wrapper-inner .address-form .popList ul > li {
    border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
}

    .my-page-layout .wrapper-inner .address-form .popList ul > li:last-child {
        border-bottom: none;
    }

.my-page-layout .wrapper-inner .address-form .popList ul li {
    display: flex;
    align-items: center;
}

.my-page-layout .wrapper-inner .address-form .popList > span > span {
    display: block;
    width: 100%;
    height: auto;
    cursor: inherit;
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.my-page-layout .wrapper-inner .address-form .popList ul li span {
    display: block;
    width: 100%;
    height: auto;
}

.my-page-layout .wrapper-inner .popList ul li {
    position: relative;
    display: flex;
    align-items: center;
    height: 62px;
    padding: 10px 14px;
    gap: 10px;
    flex-shrink: 0;
}

.my-page-layout .wrapper-inner .singup_input .popList_inner {
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    border: 0;
}

body.dark-mode .my-page-layout .wrapper-inner .singup_input .popList_inner {
    background: var(--Dark-1, #24292F);
}

.my-page-layout .wrapper-inner .singup_input .popList_inner span {
    color: var(--Dark1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.048px;
}

.my-page-layout .singup_input .popList_inner {
    position: relative;
}

.my-page-layout .wrapper-inner .singup_input .popList_inner::after {
    content: "";
    clear: both;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url(/image/icon/my_selected.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-position: right center;
}

.my-page-layout .wrapper-inner .register-wrap {
    display: flex;
    justify-content: space-between;
    margin: 23px 0;
    align-items: center;
}

    .my-page-layout .wrapper-inner .register-wrap p {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
    }

    .my-page-layout .wrapper-inner .register-wrap button {
        display: flex;
        height: 36px;
        padding: 0 23px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        color: var(--Right-4, #f2f2f2);
        font-weight: 700;
        background: var(--Dark2, #424a53);
        color: var(--Right-2, #E3E3E3);
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.042px;
    }

body.dark-mode .my-page-layout .wrapper-inner .register-wrap button {
    color: #050506;
}

.my-page-layout .wrapper-inner .my-page1 .register-wrap button {
    max-width: 105px;
    width: 100%;
}

.my-page-layout .wrapper-inner .btn-gray-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    margin-bottom: 23px;
    width: 100%;
    padding: 10px 0;
    background: var(--Right-4, #f2f2f2);
}

    .my-page-layout .wrapper-inner .btn-gray-wrap.address-book span {
        display: flex;
        align-items: center;
        gap: 5px;
        color: var(--Dark-3, #8A8A8A);
        text-align: center;
        font-size: 13px;
        font-style: normal;
        font-weight: 510;
    }

body.dark-mode .my-page-layout .wrapper-inner .btn-gray-wrap.address-book span {
    color: var(--Dark-1, #24292F);
    font-size: 13px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.39px;
}

.my-page-layout .wrapper-inner .link-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.my-page-layout .wrapper-inner .btn-fixed-box {
    display: flex;
    gap: 10px;
    margin-top: 130px;
    padding-bottom: 15px;
}

.my-page-layout .inquiry .btn-fixed-box {
    display: flex;
    gap: 10px;
    margin-top: 362px;
    padding-bottom: 15px;
}

.my-page-layout .others-inquiry-container .btn-fixed-box {
    display: flex;
    gap: 10px;
    margin-top: 334px;
    padding-bottom: 15px;
}

.my-page-layout .notice-details-wrap .btn-fixed-box {
    display: flex;
    gap: 10px;
    margin-top: 362px;
    padding-bottom: 15px;
}

.my-page-layout .user3-page-wrap .btn-fixed-box {
    margin-top: 42px;
    padding-bottom: 15px;
}

.my-page-layout .card_register .btn-fixed-box {
    margin-top: 30px;
}

.my-page-layout .wrapper-inner .btn {
    border-radius: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    background: var(--Right-2, #e3e3e3);
    color: var(--Right-5, #fff);
}

.my-page-layout .wrapper-inner .address-form .Not-Entered {
    border-radius: 10px;
    border: 1px solid var(--Brand-Color1, #13BD7E);
    background: transparent;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.my-page-layout .sign_out .mypage .btn-fixed-box button,
.my-page-layout .sign_out .mypage .buttonShow.border {
    height: 52px;
    padding: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

    .my-page-layout .sign_out .mypage .btn-fixed-box button.buttonShow {
        height: 52px;
        padding: 0;
    }

.my-page-layout .wrapper-inner button.buttonCancel {
    display: block;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .wrapper-inner button.buttonCancel {
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .wrapper-inner .pop-small button.buttonCancel {
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .setting-wrap .pop-small button.buttonCancel {
    height: 48px;
    padding: 0;
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .my-page-layout .setting-wrap button.buttonCancel {
    width: 100%;
    max-width: inherit;
    color: var(--Dark1, #010203);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    background: var(--Dark-3, #8A8A8A);
}

.my-page-layout .setting-wrap button.buttonCancel {
    width: 100%;
    padding: 0;
    display: block;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
}

.my-page-layout .wrapper-inner button.buttonShow {
    /* width: 100%; */
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    color: var(--Right-5, #fff);
}

.my-page-layout .wrapper-inner button.btnDisabled {
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 10px;
    background-color: #fff;
    color: var(--Brand-Color1, #13BD7E);
    border: 1px solid var(--Brand-Color1, #13BD7E);
}

body.dark-mode .my-page-layout .wrapper-inner button.btnDisabled {
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: transparent;
    color: var(--Brand-Color1, #13BD7E);
    border: 1px solid var(--Brand-Color1, #13BD7E);
}

.my-page-layout .wrapper-inner .btn-password-secret {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 47px;
    right: 15px;
    background: url(/image/icon/secret1.svg) no-repeat center;
    background-size: contain;
}

body.dark-mode .my-page-layout .wrapper-inner .btn-password-secret {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 47px;
    right: 15px;
    background: url(/image/icon/dk_secret1.svg) no-repeat center;
    background-size: contain;
}

.my-page-layout .wrapper-inner .btn-password-secret.secret-none {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 47px;
    right: 15px;
    background: url(/image/icon/secret-none.svg) no-repeat center;
    background-size: 100% auto;
}

body.dark-mode .my-page-layout .wrapper-inner .btn-password-secret.secret-none {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 47px;
    right: 15px;
    background: url(/image/icon/dk_secret-none.svg) no-repeat center;
    background-size: 100% auto;
}

.my-page-layout .wrapper-inner .VerifyPopup.auto {
    display: flex;
    flex-direction: column;
    width: calc(100% - 32px);
    height: auto;
}

.my-page-layout .wrapper-inner .btn-bottom {
    margin-top: auto;
    margin-bottom: 0;
}

.my-page-layout .wrapper-inner .popup label.desc {
    color: var(--Right-5, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .wrapper-inner .popup label.desc {
    display: block;
    color: var(--Dark-2, #424a53);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .wrapper-inner .my-page-verfication-code {
    position: relative;
    display: block;
    width: 358px;
    width: 100%;
    height: 58px;
    margin-bottom: 8px;
    padding: 18px 16px;
    line-height: 58px;
    border-radius: 10px;
    border: 1px solid var(--Right-1, #d5d5d5);
    letter-spacing: -0.042px;
    background-color: transparent;
}

.my-page-layout .wrapper-inner .disabled-box span {
    color: var(--Dark-3, #8a8a8a);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .checkBox.reset {
    justify-content: initial !important;
}

.my-page-layout .wrapper-inner .singup_input .checkBox input {
    margin-bottom: 0;
}

    .my-page-layout .wrapper-inner .singup_input .checkBox input:focus {
        position: relative;
        color: var(--Dakr2);
        outline: 1px solid var(--Dark2, #424a53);
        caret-color: var(--Dark2, #424a53);
    }

.my-page-layout #page .singup_input .checkBox input:focus {
    position: relative;
    color: var(--Dakr2);
    border: 2px solid var(--Brand-Color1, #13BD7E);
    caret-color: var(--Dark2, #424a53);
    border-radius: 10px;
}

.my-page-layout .wrapper-inner .btn-small {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    height: 58px;
    margin-left: 8px;
    padding: 16px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    color: var(--Right-2, #e3e3e3);
    border: 1px solid var(--Dark-2, #424a53);
    background: var(--Dark-2, #424a53);
}

.my-page-layout #wrapper .wrapper-inner .popup-sub-text {
    padding: 19px 0;
}

.my-page-layout .wrapper-inner .flex-column {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.my-page-layout .wrapper-inner .gray-text-box {
    margin: auto 0 0 0;
    padding: 24px 40px;
    color: var(--Dark-4, #b3b3b3);
    font-size: 16px;
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: var(--Right-4, #f2f2f2);
}

    .my-page-layout .wrapper-inner .gray-text-box .text-wrap {
        margin-bottom: 23px;
        color: var(--Dark-4, #b3b3b3);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

    .my-page-layout .wrapper-inner .gray-text-box b {
        color: var(--Dark-3, #8a8a8a);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

    .my-page-layout .wrapper-inner .gray-text-box .flex-box-2 {
        align-items: center;
        padding: 0 10px;
    }

.my-page-layout .wrapper-inner .flex-box-2 {
    display: flex;
    gap: 10px;
}

    .my-page-layout .wrapper-inner .flex-box-2 > div {
        width: 50%;
    }

.my-page-layout .wrapper-inner .img-wrap-qr {
    width: 100%;
}

.my-page-layout .wrapper-inner .qr-wrap .text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    padding: 10px 0;
    border-radius: 6px;
    background: var(--Right-1, #d5d5d5);
    color: var(--Right-5, #fff);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .text-right-wrap {
    text-align: right;
}

.my-page-layout .wrapper-inner .gray-text-box .text-right-wrap p {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.my-page-layout .wrapper-inner .gray-text-box .text-right-wrap .btn-copy {
    margin-top: 8px;
    margin-left: auto;
}

.my-page-layout .wrapper-inner .btn-copy {
    display: flex;
    align-items: center;
    padding: 4px 6px;
    font-size: 12px;
    color: var(--Dark-4, #b3b3b3);
    border-radius: 4px;
    background: var(--Right-5, #fff);
}

    .my-page-layout .wrapper-inner .btn-copy::before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 3px;
        background: url(/image/icon/copy.svg) no-repeat center/contain;
    }

.my-page-layout .wrapper-inner .card-number {
    display: flex;
}

    .my-page-layout .wrapper-inner .card-number .title {
        color: var(--Dark-2, #424a53);
        font-size: 14px;
        font-weight: 500;
    }

.my-page-layout .wrapper-inner .group-input {
    position: relative;
    width: 35px;
    margin: 0 5px;
    color: var(--Dark-2, #424a53);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.28px;
    outline: none;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.my-page-layout .wrapper-inner .card-password-wrap {
    position: relative;
}

    .my-page-layout .wrapper-inner .card-password-wrap .group-input {
        width: 200px;
    }

    .my-page-layout .wrapper-inner .card-password-wrap .btn-password-secret {
        position: relative;
        top: initial;
        right: initial;
    }

.my-page-layout .wrapper-inner .card-number .group-input:not(:last-child) {
    margin-right: 10px;
}

.my-page-layout .wrapper-inner .oods-registered-popup .img-wrap-center {
    width: 170px;
    height: 170px;
}

.my-page-layout .wrapper-inner .emailPopup {
    height: auto;
}

.my-page-layout .wrapper-inner .oods-registered-popup .text {
    font-size: 16px;
    font-weight: 510;
    text-align: center;
    color: var(--Dark-2, #424a53);
    background-color: #fff;
}

    .my-page-layout .wrapper-inner .oods-registered-popup .text.text-error {
        color: var(--Error-Color, #fb4c43);
    }

.my-page-layout .oddsCard .popup_main {
    z-index: 10000;
}

.my-page-layout .googleMypage .my-page-container .my-page-arrow-down {
    width: 21px;
    height: 21px;
    background: url(/image/icon/selected.png);
}

.my-page-layout .googleMypage .my-page-container {
    display: flex;
    flex-direction: column;
}

.my-page-layout .googleMypage #singup_div .interest_wrap .idIcon_wrap {
    /* margin-top: 91px; */
    margin-top: 0;
    max-width: 260px;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
    .my-page-layout .googleMypage #singup_div .interest_wrap .idIcon_wrap {
        max-width: 144px;
    }
}

.my-page-layout .wrapper-inner .gray-text-box {
    margin-top: 23px;
    color: var(--Dark-4, #b3b3b3);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .card_register .add_asset .grayBox li {
    padding: 14px 0;
}

    .my-page-layout .card_register .add_asset .grayBox li span {
        color: var(--Dark-2, #424A53);
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.3px;
        background: var(--Right-4, #F2F2F2);
    }

body.dark-mode .my-page-layout .card_register .add_asset .grayBox li span {
    background: transparent;
}

.my-page-layout .card_register .wrapper-inner .group-input {
    position: relative;
    width: 38px;
    margin: 0 5px;
    color: var(--Dark-2, #424a53);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.28px;
    outline: none;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.my-page-layout .card_register img.light {
    display: block;
}

.my-page-layout .card_register img.dark {
    display: none;
}

body.dark-mode .my-page-layout .card_register img.light {
    display: none;
}

body.dark-mode .my-page-layout .card_register img.dark {
    display: block;
}

body.dark-mode .my-page-layout .card_register .add_asset .grayBox {
    background: #2B2B2F;
}

    body.dark-mode .my-page-layout .card_register .add_asset .grayBox li span.title {
        color: var(--Right-4, #F2F2F2);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

body.dark-mode .my-page-layout .card_register .group-input {
    color: var(--Right-4, #F2F2F2);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.28px;
}

.my-page-layout .oddsCard #thanks_message .logo {
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

    .my-page-layout .oddsCard #thanks_message .logo img {
        display: block;
        width: 100%;
    }

.my-page-layout .oddsCard #thanks_message .title {
    display: block;
    margin-bottom: 12px;
    color: var(--Dark-1, #24292f);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.my-page-layout .oddsCard #thanks_message .findId_desc {
    display: block;
    color: var(--Dark-3, #8a8a8a);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .oddsCard #thanks_message .findId_desc {
    color: var(--Dark-5, #C8C8C8);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.my-page-layout .oddsCard #thanks_message .cardNumber {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 170px;
    padding: 14px 19px;
    border-radius: 6px;
    background: var(--Right-4, #f2f2f2);
}

body.dark-mode .my-page-layout .oddsCard #thanks_message .cardNumber {
    border-radius: 6px;
    background: #2B2B2F;
}

.my-page-layout .oddsCard #thanks_message .cardNumber span.title {
    display: inline-block;
    margin-bottom: 0;
    color: var(--Dark-3, #8a8a8a);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.my-page-layout .oddsCard #thanks_message .cardNumber span.unm {
    display: inline-block;
    color: var(--Dark-1, #24292f);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
}

body.dark-mode .my-page-layout .oddsCard #thanks_message .cardNumber span.unm {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
}

.my-page-layout .oddsCard #thanks_message .loginButton {
    /*margin-top: 30px;*/
}

.my-page-layout .mini-title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    text-align: left;
}

    .my-page-layout .mini-title-box > span {
        flex: 1;
        color: var(--Dark-3, #8a8a8a);
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

.my-page-layout .address-wrap {
    padding: 21px 13px;
}

.my-page-layout .content-list-wrap {
    display: flex;
    border-radius: 12px;
    border: 1px solid var(--Right-4, #f2f2f2);
    background: var(--Right-5, #fff);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

    .my-page-layout .content-list-wrap:not(:last-child) {
        margin-bottom: 12px;
    }

.my-page-layout .mini-content-box {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 20px 18px;
}

    .my-page-layout .mini-content-box > div {
        width: 50%;
    }

.my-page-layout .address-wrap1 .content-list-wrap {
    position: relative;
    border-radius: 12px;
    border: 1px solid var(--Right-4, #F2F2F2);
    background: var(--Right-5, #FFF);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

body.dark-mode .my-page-layout .address-wrap1 .content-list-wrap {
    background: #2B2B2F;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    border: none;
}

.my-page-layout .my-page-address_book .address-wrap1 .content-list-wrapper {
    height: 349px;
    overflow-y: scroll;
}

.my-page-layout .mini-content-box:first-child:after {
    content: "";
    left: 50%;
    position: absolute;
    display: block;
    width: 2px;
    height: 30px;
    background: var(--Right-1, #d5d5d5);
    border-radius: 2px;
}

body.dark-mode .my-page-layout .mini-content-box:first-child:after {
    background: var(--Dark-2, #424A53);
}

.my-page-layout .comm-address .btn-fixed-box {
    margin-top: 426px;
}

.my-page-layout .mini-content-box .img-wrap {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: darkred;
    overflow: hidden;
}

    .my-page-layout .mini-content-box .img-wrap img {
        width: 100%;
        height: 100%;
    }

.my-page-layout .mini-content-box .content-wrap {
    flex: 1;
    flex-direction: column;
}

    .my-page-layout .mini-content-box .content-wrap .title {
        color: var(--Dark-2, #424a53);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

    .my-page-layout .mini-content-box .content-wrap .sub-title {
        color: var(--Dark-2, #424a53);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

.my-page-layout .mini-content-box .gray-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--Dark-4, #b3b3b3);
}

.my-page-layout .wrapper-inner .mypage .buttonShow.border {
    border-radius: 10px;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    background: #fff;
    border: 1px solid var(--Brand-Color1, #13BD7E);
}

.my-page-layout .popList .border-line > li {
    border-bottom: 0.5px solid var(--Dark-4, #b3b3b3);
}

.my-page-layout .border-gray {
    border: 1px solid var(--Right-2, #e3e3e3) !important;
}

.my-page-layout .popList .icon-wrap {
    display: flex;
    align-items: center;
    width: 150px;
    /*background: url(/image/icon/selected.png) no-repeat center;*/
}

.my-page-layout .popList .icon-img-wrap {
    display: block;
    margin-right: 10px;
}

.my-page-layout .buttonShow.red {
    border-radius: 10px;
    background: var(--Error-Color, #fb4c43);
}

.my-page-layout .title-wrap {
    padding: 76px 0 212px 0;
}

    .my-page-layout .title-wrap h2 {
        color: var(--Dark-1, #24292f);
        margin-bottom: 20px;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.4px;
    }

.my-page-layout .btn-underline {
    text-decoration: underline;
}

.my-page-layout .check-box-wrapper.round input[type=checkbox] {
    display: none;
}

    .my-page-layout .check-box-wrapper.round input[type=checkbox] + label {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid var(--Dark-2, #d5d5d5);
        cursor: pointer;
    }

    .my-page-layout .check-box-wrapper.round input[type=checkbox]:checked + label {
        background: url(/image/icon/dk_select.png) no-repeat center;
    }

.my-page-layout .gray-text {
    color: var(--Dark4, #8c959f);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
}

.my-page-layout .inquiry-title {
    position: relative;
}

    .my-page-layout .inquiry-title::after {
        content: "";
        clear: both;
        position: absolute;
        left: 55%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #D9D9D9;
        width: 1px;
        height: 12px;
    }

    .my-page-layout .inquiry-title span.h-spacing {
        margin-right: 14px;
    }

    .my-page-layout .inquiry-title span.h-spacing1 {
        margin-left: 14px;
    }

.my-page-layout .notice-details-wrap .gray-text {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 16.8px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .notice-details-wrap .gray-text {
    color: var(--Dark-3, #8A8A8A);
}

.my-page-layout .otthers-notice .gray-text {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .otthers-notice .gray-text {
    color: var(--Dark-5, #C8C8C8);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.my-page-layout .otthers-notice .gray-text1 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.my-page-layout .gray-text b {
    color: var(--Dark-2, #424a53);
}

.my-page-layout .gray-text.basic {
    font-size: 14px;
}

.my-page-layout .wrapper-inner .list-wrap {
    width: 100%;
}

.my-page-layout .wrapper-inner .add_asset {
    width: 100%;
    position: relative;
    transform: initial;
    left: 0;
    top: 0;
}

body.dark-mode .my-page-layout .card_register .add_asset {
    background: transparent;
}

.my-page-layout .wrapper-inner .list-wrapper .title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 25px;
    border-radius: 16px;
    background: var(--white, #FFF);
    box-shadow: 0px 4px 34px 0px #EFEFF4;
    border-radius: 16px;
}

body.dark-mode .my-page-layout .wrapper-inner .list-wrapper .title-wrap {
    background: var(--Dark-1, #24292F);
}

.my-page-layout .wrapper-inner .add_asset .grayBox li {
    min-height: 60px;
    padding: 14px 8px;
}

.my-page-layout .wrapper-inner .list-wrapper .title-wrap strong {
    width: 90%;
    color: var(--Dark-1, #24292f);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

.my-page-layout .faq .list-wrapper .title-wrap strong {
    width: 90%;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

body.dark-mode .my-page-layout .faq .list-wrapper .title-wrap strong {
    color: var(--Right-5, rgba(255, 255, 255, 0.8));
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.my-page-layout .wrapper-inner .my-page-arrow-up {
    width: 24px;
    height: 24px;
    background: url(/image/icon/selected1.png);
}

body.dark-mode .my-page-layout .wrapper-inner .my-page-arrow-up {
    width: 20px;
    height: 20px;
    background: url(/image/icon/dk_selected1_up.svg);
    /* background: url(/image/icon/dk_select_up.svg); */
}

.my-page-layout .wrapper-inner .my-page-arrow-down {
    width: 24px;
    height: 24px;
    background: url(/image/icon/selected1_up.png);
}

body.dark-mode .my-page-layout .wrapper-inner .my-page-arrow-down {
    width: 20px;
    height: 20px;
    background: url(/image/icon/dk_selected_down.svg);
}

.my-page-layout .wrapper-inner .basic-pop .basic-text {
    width: 100%;
    padding: 0;
    font-size: 14px;
    background-color: #fff;
}

    .my-page-layout .wrapper-inner .basic-pop .basic-text span {
        display: inline;
        width: 100%;
        padding: 0;
        background-color: #fff;
    }

.my-page-layout .wrapper-inner img {
    width: 100%;
}

.my-page-layout .wrapper-inner.bg-gray {
    /*background: #fafafa !important;*/
}

body.dark-mode .my-page-layout .wrapper-inner.bg-gray {
    background: #1B1B1C !important;
}

.my-page-layout .wrap-inner .singup__back {
    display: flex;
    align-items: center;
}

.my-page-layout .input-box {
    position: relative;
}

    .my-page-layout .input-box label {
        display: block;
        height: 22px;
        margin-bottom: 8px;
        line-height: 22px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.4px;
        color: var(--Dark-2, #424A53);
    }

body.dark-mode .my-page-layout .input-box label {
    color: var(--Right-5, #FFF);
}

.my-page-layout .address-form .input-box label::placeholder {
    color: var(--Right-1, #D5D5D5);
}

body.dark-mode .my-page-layout .address-form .input-box label::placeholder {
    color: var(--Dark-2, #424A53);
}

.my-page-layout .address-form .input-box label.active {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.4px;
}

.my-page-layout .input-box input:focus {
    border-radius: 10px;
    border: 2px solid var(--Brand-Color1, #13BD7E);
}

.my-page-layout .wrapper-inner .findIdBox input {
    border: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Dark-1, #24292f);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.042px;
}

body.dark-mode .my-page-layout .wrapper-inner .findIdBox input {
    color: var(--Right-3, #EDEDED);
}

.my-page-layout .wrapper-inner .findIdBox input:focus {
    border-radius: 10px;
    border: 2px solid var(--Brand-Color1, #13BD7E);
}

.my-page-layout #page .wrapper-inner .singup_input .select_list {
    border: 1px solid var(--Dark2, #424a53);
}

.my-page-layout .wrapper-inner .input-container .checkBox input {
    width: 100%;
    color: var(--Right-5, #fff);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.042px;
}

.my-page-layout .wrapper-inner .singup_input .checkBox input {
    max-width: initial !important;
}

.my-page-layout .wrapper-inner .filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
}

.my-page-layout .filebox label {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 40px;
    margin-left: 10px;
}

.my-page-layout .filebox input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.my-page-layout .wrapper-inner .img-wrap img {
    width: 100%;
}

.my-page-layout .wrapper-inner .d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .my-page-layout .wrapper-inner .d-flex-center .btn-group {
        gap: 20px;
    }

.my-page-layout .address-pop .d-flex-center .btn-group {
    gap: 0;
}

.my-page-layout .wrapper-inner .d-flex-center .btn-group > button {
    flex: 1;
}

.my-page-layout .wrapper-inner .btn_back {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 24px;
    height: 24px;
    background: url(/image/icon/arrow_lefr.svg) no-repeat center/100% auto;
    transform: translateY(-50%);
}

body.dark-mode .my-page-layout .wrapper-inner .btn_back {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 24px;
    height: 24px;
    background: url(/image/icon/dk_arrow_lefr.svg) no-repeat center/100% auto;
}

.my-page-layout .wrapper-inner .profile-image-wrapper {
    position: relative;
}

    .my-page-layout .wrapper-inner .profile-image-wrapper .img-wrap {
        position: relative;
        width: 100px;
    }

.my-page-layout .wrapper-inner .profile-image-wrap {
    margin-bottom: 23px;
}

.my-page-layout .wrapper-inner .profile-image-file-wrap {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    overflow: hidden;
}

    .my-page-layout .wrapper-inner .profile-image-file-wrap > input {
        display: none;
    }

    .my-page-layout .wrapper-inner .profile-image-file-wrap > label > img {
        width: 100%;
        height: 100%;
    }

.my-page-layout .wrapper-inner .popList {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424a53);
    background: transparent;
}

    .my-page-layout .wrapper-inner .popList span {
        display: flex;
        align-items: center;
        cursor: pointer;
        height: 100%;
    }

body.dark-mode .my-page-layout .wrapper-inner .popList span {
    color: var(--Right-5, #FFF);
}

.my-page-layout .wrapper-inner .popList::after {
    content: "";
    clear: both;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url(/image/icon/selected.png) no-repeat;
    width: 20px;
    height: 20px;
    background-position: right center;
}

body.dark-mode .my-page-layout .wrapper-inner .popList::after {
    content: "";
    clear: both;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url(/image/icon/dk_select.png) no-repeat;
    width: 20px;
    height: 20px;
    background-position: right center;
}

.my-page-layout .wrapper-inner .popList img.light {
    display: block;
    margin-right: 10px;
}

.my-page-layout .wrapper-inner .popList img.dark {
    display: none;
}

body.dark-mode .my-page-layout .wrapper-inner .popList img.light {
    display: none;
}

body.dark-mode .my-page-layout .wrapper-inner .popList img.dark {
    display: block;
}

.my-page-layout .wrapper-inner .popList ul li {
    position: relative;
    display: flex;
    align-items: center;
    height: 62px;
    padding: 10px 14px;
    gap: 10px;
    flex-shrink: 0;
}

.my-page-layout .wrapper-inner .register-wrap {
    display: flex;
    justify-content: space-between;
    margin: 23px 0;
    align-items: center;
}

    .my-page-layout .wrapper-inner .register-wrap p {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
    }

body.dark-mode .my-page-layout .wrapper-inner .register-wrap p {
    color: var(--Right-5, #FFF);
}

.my-page-layout .wrapper-inner .btn-gray-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    margin-bottom: 23px;
    width: 100%;
    padding: 10px 0;
    background: var(--Right-4, #f2f2f2);
}

body.dark-mode .my-page-layout .wrapper-inner .btn-gray-wrap {
    background: var(--Dark-2, #424A53);
}

.my-page-layout .wrapper-inner .btn-gray-wrap.address-book span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--Dark-3, #8a8a8a);
}

body.dark-mode .my-page-layout .wrapper-inner .btn-gray-wrap.address-book span {
    color: var(--Dark-1, #24292F);
}

.my-page-layout .my-page1 .linkBox {
    padding-bottom: 80px;
}

@supports (-webkit-touch-callout: none) {
    .my-page-layout .my-page1 .linkBox {
        padding-bottom: 120px;
    }
}

.my-page-layout .my-page1 .linkBox .link-wrap a:first-child {
    border-right: 1px solid #d5d5d5;
}

body.dark-mode .my-page-layout .my-page1 .linkBox .link-wrap a:first-child {
    border-right: 1px solid var(--Dark-2, #424A53);
}

.my-page-layout .dk_my_card .png .wrapper-inner .link-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.my-page-layout .wrapper-inner .link-wrap a {
    padding: 0 18px;
    text-decoration: underline;
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 15.6px */
    letter-spacing: -0.3px;
    text-decoration-line: underline;
}

    .my-page-layout .wrapper-inner .link-wrap a:first-child {
        border-right: 1px solid #d5d5d5;
    }

.my-page-layout .googleMypage .btn-fixed-box {
    display: flex;
    gap: 10px;
    margin-top: 130px;
    padding-bottom: 15px;
}

body.dark-mode .my-page-layout .googleMypage .btn-fixed-box {
    margin-top: 65px;
}

.my-page-layout .wrapper-inner .btn {
    border-radius: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    background: var(--Right-2, #e3e3e3);
    color: var(--Right-5, #fff);
}

.my-page-layout .wrapper-inner button.buttonShow {
    /* width: 100%; */
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E) !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    color: var(--Right-5, #fff);
}

body.dark-mode .my-page-layout .wrapper-inner button.buttonShow {
    color: var(--Dark-1, #24292F);
}

body.dark-mode .my-page-layout .setting-wrap .buttonShow.red {
    display: block;
    max-width: 126px;
    height: 48px;
    padding: 0;
}

.my-page-layout .wrapper-inner button.buttonShow-off {
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .wrapper-inner button.buttonShow-off {
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.my-page-layout .address-form .Not-Entered {
    border-radius: 10px;
    border: 1px solid var(--Brand-Color1, #13BD7E);
    background: transparent;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .btn-password-secret {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 47px;
    right: 15px;
    background: url(/image/icon/secret1.png) no-repeat center;
    background-size: contain;
}

    .my-page-layout .wrapper-inner .btn-password-secret.secret-none {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 47px;
        right: 15px;
        background: url(/image/icon/secret-none.svg) no-repeat center;
        background-size: 100% auto;
    }

.my-page-layout .wrapper-inner .VerifyPopup.auto {
    display: block;
    width: 315px;
    height: auto;
    min-height: auto;
}

.my-page-layout .sign_out .VerifyPopup.auto {
    width: 356px;
}

.my-page-layout .language-setting-wrap .custom-select-title-wrap .title span {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .language-setting-wrap .custom-select-title-wrap .title span {
    color: var(--Right-5, #FFF);
}

.my-page-layout .language-setting-wrap .custom-select-title-wrap .title span.text {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    letter-spacing: -0.3px;
}

.my-page-layout .setting-wrap .VerifyPopup.auto {
    width: 315px;
    height: auto;
}

.my-page-layout .setting-wrap .basic-text {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .setting-wrap .basic-text {
    display: block;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .language-setting-wrap .basic-text {
    display: block;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

.my-page-layout .setting-wrap .pop-small .pop-up-title {
    display: block;
    color: var(--Dark-1, #24292F);
    font-size: 22px;
    font-style: normal;
    font-weight: 590;
    line-height: 100%; /* 22px */
    letter-spacing: -0.3px;
}

.my-page-layout .setting-wrap .pop-small .basic-text {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .setting-wrap .pop-small .basic-text {
    color: var(--Right-5, #FFF);
}

.my-page-layout .language-setting-wrap .VerifyPopup.auto {
    display: block;
    width: 350px;
}

.my-page-layout .wrapper-inner .pop-up-title_my {
    display: block;
    color: var(--Dark1, #24292f);
    /* margin: 22px 0; */
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .pop-up-title {
    display: block;
    color: var(--Dark1, #24292f);
    margin: 22px 0;
    font-size: 22px;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .pop-up-title1 {
    margin: 0;
    margin-bottom: 22px;
}

.my-page-layout .wrapper-inner .inner p.basic {
    display: block;
    text-align: left;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .wrapper-inner .inner p.basic {
    display: block;
    color: var(--Dark-5, #C8C8C8);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .wrapper-inner .pop-up-title {
    color: var(--Right-5, #FFF);
}

.my-page-layout .wrapper-inner .pop-up-title.small {
    color: var(--Black-100, #09101d);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .btn-bottom {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.my-page-layout .wrapper-inner .popup label.desc {
    color: var(--Right-5, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .wrapper-inner .popup label.desc {
    display: block;
    color: var(--Dark-2, #424a53);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .wrapper-inner .my-page-verfication-code {
    position: absolute;
    height: auto;
    margin-bottom: 0;
    padding: 0;
    line-height: inherit;
    border-radius: 0;
    border: none;
    letter-spacing: inherit;
    top: 0;
    right: 0;
}

.my-page-layout .wrapper-inner .cont {
    position: relative;
}

    .my-page-layout .wrapper-inner .cont input {
        position: relative;
        display: block;
        width: 358px;
        width: 100%;
        height: 58px;
        margin-bottom: 8px;
        padding: 18px 42px 18px 18px;
        line-height: 58px;
        border-radius: 10px;
        border: 1px solid var(--Right-1, #d5d5d5);
        letter-spacing: -0.042px;
        background-color: transparent;
    }

body.dark-mode .my-page-layout .wrapper-inner .cont input {
    color: #fff;
}

.my-page-layout .wrapper-inner .cont input:focus {
    position: relative;
    color: var(--Dakr2);
    outline: 1px solid var(--darketColor, #00B54A);
    caret-color: var(--darketColor, #00B54A);
    border: 0;
}

body.dark-mode .my-page-layout .wrapper-inner .cont input:focus {
    color: #fff;
}

body.dark-mode .my-page-layout .popup .cont button.eraser_v.show {
    top: 3px;
    right: 29px;
}

.my-page-layout .wrapper-inner .disabled-box {
    display: flex;
    justify-content: space-between;
    padding: 18px;
    border-radius: 6px;
    background: #2B2B2F;
}

    .my-page-layout .wrapper-inner .disabled-box span {
        color: var(--Dark-3, #8a8a8a);
        font-size: 14px;
        font-style: normal;
        font-weight: 590;
        line-height: 100%; /* 14px */
        letter-spacing: -0.3px;
    }

        .my-page-layout .wrapper-inner .disabled-box span.num_item {
            color: var(--Dark-3, #8A8A8A);
            font-size: 14px;
            /* font-style: italic; */
            font-weight: 400;
            line-height: 100%; /* 14px */
            letter-spacing: -0.3px;
        }

.my-page-layout .wrapper-inner .checkBox.reset {
    justify-content: initial !important;
}

.my-page-layout .wrapper-inner .singup_input .checkBox input {
    margin-bottom: 0;
}

    .my-page-layout .wrapper-inner .singup_input .checkBox input:focus {
        position: relative;
        color: var(--Dakr2);
        outline: 1px solid var(--Dark2, #424a53);
        caret-color: var(--Dark2, #424a53);
    }

.my-page-layout #page .singup_input .checkBox input:focus {
    position: relative;
    color: var(--Dakr2);
    border: 2px solid var(--Brand-Color1, #13BD7E);
    caret-color: var(--Dark2, #424a53);
    border-radius: 10px;
}

body.dark-mode .my-page-layout #page .singup_input .checkBox input:focus {
    color: #fff;
}

.my-page-layout .wrapper-inner .btn-small {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    max-width: 92px;
    width: 100%;
    height: 58px;
    margin-left: 8px;
    padding: 16px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    color: var(--Right-2, #e3e3e3);
    border: 1px solid var(--Dark-2, #424a53);
    background: var(--Dark-2, #424a53);
}

body.dark-mode .my-page-layout .wrapper-inner .btn-small {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    max-width: 92px;
    width: 100%;
    height: 58px;
    margin-left: 8px;
    padding: 16px;
    padding-left: 18px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    color: var(--Right-2, #e3e3e3);
    border: 1px solid var(--Dark-2, #424a53);
    background: var(--Dark-2, #424a53);
}

.my-page-layout .wrapper-inner .btn-small_1 {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    padding-left: 36px;
    max-width: 92px;
}

    .my-page-layout .wrapper-inner .btn-small_1::before {
        content: "";
        clear: both;
        position: absolute;
        left: 10px;
        top: 16px;
        background: url(/image/icon/done.png) no-repeat center;
        width: 25px;
        height: 24px;
    }

.my-page-layout #wrapper .wrapper-inner .popup-sub-text {
    padding: 19px 0;
}

.my-page-layout .wrapper-inner .flex-column {
    display: flex;
    flex: 1;
    flex-direction: column;
}

body.dark-mode .my-page-layout .card_register .flex-column {
    display: block;
    height: auto;
}

.my-page-layout .wrapper-inner .gray-text-box {
    margin: auto 0 0 0;
    padding: 24px 40px;
    color: var(--Dark-4, #b3b3b3);
    font-size: 16px;
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: var(--Right-4, #f2f2f2);
}

    .my-page-layout .wrapper-inner .gray-text-box .text-wrap {
        margin-bottom: 23px;
        color: var(--Dark-4, #b3b3b3);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

    .my-page-layout .wrapper-inner .gray-text-box b {
        color: var(--Dark-3, #8a8a8a);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

    .my-page-layout .wrapper-inner .gray-text-box .flex-box-2 {
        align-items: center;
        padding: 0 10px;
    }

.my-page-layout .wrapper-inner .flex-box-2 {
    display: flex;
    gap: 10px;
}

    .my-page-layout .wrapper-inner .flex-box-2 > div {
        width: 50%;
    }

.my-page-layout .wrapper-inner .img-wrap-qr {
    width: 100%;
}

.my-page-layout .wrapper-inner .qr-wrap .text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    padding: 10px 0;
    border-radius: 6px;
    background: var(--Right-1, #d5d5d5);
    color: var(--Right-5, #fff);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .text-right-wrap {
    text-align: right;
}

.my-page-layout .wrapper-inner .gray-text-box .text-right-wrap p {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.my-page-layout .wrapper-inner .gray-text-box .text-right-wrap .btn-copy {
    margin-top: 8px;
    margin-left: auto;
}

.my-page-layout .wrapper-inner .btn-copy {
    display: flex;
    align-items: center;
    padding: 4px 6px;
    font-size: 12px;
    color: var(--Dark-4, #b3b3b3);
    border-radius: 4px;
    background: var(--Right-5, #fff);
}

    .my-page-layout .wrapper-inner .btn-copy::before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 3px;
        background: url(/image/icon/copy.svg) no-repeat center/contain;
    }

.my-page-layout .wrapper-inner .card-number {
    display: flex;
}

    .my-page-layout .wrapper-inner .card-number .title {
        color: var(--Dark-2, #424a53);
        font-size: 14px;
        font-weight: 500;
    }

.my-page-layout .wrapper-inner .card-password-wrap {
    position: relative;
}

    .my-page-layout .wrapper-inner .card-password-wrap .group-input {
        width: 200px;
    }

    .my-page-layout .wrapper-inner .card-password-wrap .btn-password-secret {
        position: relative;
        top: initial;
        right: initial;
    }

.my-page-layout .wrapper-inner .card-number .group-input:not(:last-child) {
    margin-right: 10px;
}

.my-page-layout .wrapper-inner .oods-registered-popup .img-wrap-center {
    width: 170px;
    height: 170px;
}

.my-page-layout .wrapper-inner .emailPopup {
    height: auto;
}

body.dark-mode .my-page-layout .wrapper-inner .oods-registered-popup .text {
    color: var(--Dark-5, #C8C8C8);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    border-radius: 16px;
    background: #2E2E2E;
}

.my-page-layout .wrapper-inner .oods-registered-popup .text.text-error {
    color: var(--Error-Color, #fb4c43);
}

.my-page-layout .oddsCard .popup_main {
    z-index: 10000;
}

.my-page-layout .googleMypage .my-page-container .my-page-arrow-down {
    width: 21px;
    height: 21px;
    background: url(/image/icon/selected.png);
}

body.dark-mode .my-page-layout .wrapper-inner .my-page-arrow-up {
    width: 20px;
    height: 20px;
    background: url(/image/icon/dk_select_up.svg);
}

.my-page-layout .googleMypage .my-page-container {
    display: flex;
    flex-direction: column;
}

.my-page-layout .googleMypage .interest_wrap .idIcon_wrap {
    margin-top: 91px;
    padding-top: 0;
}

.my-page-layout .wrapper-inner .gray-text-box {
    margin-top: 23px;
    color: var(--Dark-4, #b3b3b3);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .wrapper-inner .address-form .gray-text-box {
    border-radius: 10px;
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .card_register .gray-text-box {
    border-radius: 10px;
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .my-page-container .gray-text-box1 {
    display: block;
    border-radius: 10px;
    background: #2B2B2F;
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .card_register .gray-text-box {
    margin-top: 178px;
}

.my-page-layout .oddsCard #thanks_message .logo {
    display: block;
    max-width: 265px;
    width: 100%;
    margin: 0 auto 100px auto;
}

    .my-page-layout .oddsCard #thanks_message .logo img {
        display: block;
        width: 100%;
    }

body.dark-mode .my-page-layout .oddsCard #thanks_message .title {
    display: block;
    margin-bottom: 12px;
    color: var(--Right-5, #FFF);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.my-page-layout .oddsCard #thanks_message .findId_desc {
    display: block;
    color: var(--Dark-3, #8a8a8a);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.my-page-layout .oddsCard #thanks_message .cardNumber {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 170px;
    padding: 14px 19px;
    border-radius: 6px;
    background: var(--Right-4, #f2f2f2);
}

body.dark-mode .my-page-layout .oddsCard #thanks_message .cardNumber {
    border-radius: 6px;
    background: #2B2B2F;
}

.my-page-layout .oddsCard #thanks_message .cardNumber span.title {
    display: inline-block;
    margin-bottom: 0;
    color: var(--Dark-3, #8a8a8a);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .oddsCard #thanks_message .cardNumber span.title {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.my-page-layout .oddsCard #thanks_message .cardNumber span.unm {
    display: inline-block;
    color: var(--Dark-1, #24292f);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
}

body.dark-mode .my-page-layout .oddsCard #thanks_message .cardNumber span.unm {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
}

.my-page-layout .oddsCard #thanks_message .loginButton {
    /*margin-top: 30px;*/
}

.my-page-layout .mini-title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    text-align: left;
}

    .my-page-layout .mini-title-box > span {
        flex: 1;
        color: var(--Dark-3, #8a8a8a);
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

body.dark-mode .my-page-layout .mini-title-box > span {
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .address-wrap {
    padding: 21px 13px;
}

.my-page-layout .content-list-wrap {
    display: flex;
    border-radius: 12px;
    border: 1px solid var(--Right-4, #f2f2f2);
    background: var(--Right-5, #fff);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

    .my-page-layout .content-list-wrap:not(:last-child) {
        margin-bottom: 12px;
    }

.my-page-layout .mini-content-box {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 20px 18px;
}

    .my-page-layout .mini-content-box > div {
        width: 50%;
    }

    .my-page-layout .mini-content-box:first-child:after {
        content: "";
        display: block;
        width: 2px;
        height: 30px;
        background: var(--Right-1, #d5d5d5);
    }

body.dark-mode .my-page-layout .mini-content-box:first-child:after {
    background: var(--Dark-2, #424A53);
}

.my-page-layout .mini-content-box .img-wrap {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: darkred;
    overflow: hidden;
}

    .my-page-layout .mini-content-box .img-wrap img {
        width: 100%;
        height: 100%;
    }

.my-page-layout .mini-content-box .content-wrap {
    flex: 1;
    flex-direction: column;
}

    .my-page-layout .mini-content-box .content-wrap .title {
        color: var(--Dark-2, #424a53);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

body.dark-mode .my-page-layout .comm-address .mini-content-box .content-wrap .title {
    color: var(--Right-2, #E3E3E3);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

@media screen and (max-width: 320px) {
    .my-page-layout .comm-address .mini-content-box .content-wrap .title {
        font-size: 12px;
    }

    body.dark-mode .my-page-layout .comm-address .mini-content-box .content-wrap .title {
        font-size: 12px;
    }
}

.my-page-layout .mini-content-box .content-wrap .sub-title {
    color: var(--Dark-2, #424a53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .mini-content-box .content-wrap .sub-title {
    color: var(--Dark-5, #C8C8C8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

@media screen and (max-width: 320px) {
    .my-page-layout .mini-content-box .content-wrap .sub-title {
        font-size: 12px;
    }

    body.dark-mode .my-page-layout .mini-content-box .content-wrap .sub-title {
        font-size: 12px;
    }
}

.my-page-layout .mini-content-box .gray-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--Dark-4, #b3b3b3);
}

body.dark-mode .my-page-layout .mini-content-box .gray-text {
    color: var(--Dark3, #57606A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.25px;
}

.my-page-layout .wrapper-inner .mypage .buttonShow.border {
    border-radius: 10px;
    color: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    background-color: #fff;
    border: 1px solid var(--Brand-Color1, #13BD7E);
}

body.dark-mode .my-page-layout .wrapper-inner .mypage .buttonShow.border {
    background: transparent;
}

.my-page-layout .popList .border-line > li {
    border-bottom: 0.5px solid var(--Dark-4, #b3b3b3);
}

.my-page-layout .border-gray {
    border: 1px solid var(--Right-2, #e3e3e3) !important;
}

.my-page-layout .popList .icon-wrap {
    display: flex;
    align-items: center;
    width: 150px;
    /*background: url(/image/icon/selected.png) no-repeat center;*/
}

.my-page-layout .popList .icon-img-wrap {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #00b54a;
}

.my-page-layout .wrapper-inner .buttonShow.red {
    border-radius: 10px;
    background: #FF756D;
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
    height: 48px;
}

body.dark-mode .my-page-layout .buttonShow.red {
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    background: #FF756D;
}

.my-page-layout .title-wrap {
    padding: 76px 0 212px 0;
}

.my-page-layout .user3-page .title-wrap {
    padding: 76px 0 106px 0;
}

.my-page-layout .title-wrap h2 {
    color: var(--Dark-1, #24292f);
    margin-bottom: 20px;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .user3-page .title-wrap h2 {
    display: block;
    color: var(--Dark-1, #24292F);
    font-size: 24px;
    font-style: normal;
    font-weight: 590;
    line-height: 110%; /* 26.4px */
    letter-spacing: -0.4px;
}

body.dark-mode .my-page-layout .user3-page .title-wrap h2 {
    color: var(--Right-5, #FFF);
}

.my-page-layout .btn-underline {
    text-decoration: underline;
}

.my-page-layout .check-box-wrapper.round input[type=checkbox] {
    display: none;
}

    .my-page-layout .check-box-wrapper.round input[type=checkbox] + label {
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid var(--Dark-2, #D5D5D5);
        cursor: pointer;
    }

    .my-page-layout .check-box-wrapper .round input[type=checkbox]:checked + label {
        background: url("/image/icon/check_circle_green.svg") no-repeat center;
        width: 24px;
        height: 24px;
    }

body.dark-mode .my-page-layout .check-box-wrapper.round input[type=checkbox]:checked + label {
    background: url("/image/icon/dk_check_circle_green.svg") no-repeat center;
    border: none;
}

.my-page-layout .check-box-wrap {
    display: flex;
}

    .my-page-layout .check-box-wrap:not(:last-child) {
        margin-bottom: 18px;
    }

    .my-page-layout .check-box-wrap .check-box {
        width: 50px;
    }

    .my-page-layout .check-box-wrap .gray-text {
        width: 230px;
    }

    .my-page-layout .check-box-wrap .btn-underline {
        flex: 1;
        text-align: right;
        align-self: flex-start;
        color: var(--Dark4, #8C959F);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: 130%; /* 20.8px */
        letter-spacing: -0.3px;
        text-decoration-line: underline;
        text-decoration-line: underline;
    }

body.dark-mode .my-page-layout .check-box-wrap .btn-underline {
    color: var(--Dark2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    text-decoration-line: underline;
}

.my-page-layout .google_OTP button.buttonCancel {
    margin-left: 0;
}

body.dark-mode .my-page-layout .google_OTP .list-wrapper + .list-wrapper {
    margin-top: 12px;
}

body.dark-mode .my-page-layout .google_OTP .list-wrapper .title-wrap {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 16px;
    background: var(--Dark-1, #24292F);
    box-shadow: unset;
}

    body.dark-mode .my-page-layout .google_OTP .list-wrapper .title-wrap strong {
        color: var(--Right-5, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

body.dark-mode .my-page-layout .google_OTP .gray-text-box {
    margin-top: 12px;
    background: #2B2B2F;
}

    body.dark-mode .my-page-layout .google_OTP .gray-text-box b {
        color: var(--Dark-4, #B3B3B3);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

    body.dark-mode .my-page-layout .google_OTP .gray-text-box .text-wrap {
        color: var(--Dark-3, #8A8A8A);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

body.dark-mode .my-page-layout .google_OTP .qr-wrap .text {
    border-radius: 6px;
    background: #3A3A3A;
    color: var(--Right-1, #D5D5D5);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .google_OTP .btn-copy {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-4, #B3B3B3);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .google_OTP button.buttonCancel {
    margin-left: 0;
}

.my-page-layout .google_OTP .gray-text-box {
    margin-top: 12px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

    .my-page-layout .google_OTP .gray-text-box .text-wrap {
        margin-bottom: 23px;
        color: var(--Dark-4, #B3B3B3);
        font-size: 16px;
        font-style: normal;
        font-weight: 510;
        line-height: 140%; /* 22.4px */
        letter-spacing: -0.3px;
    }

    .my-page-layout .google_OTP .gray-text-box b {
        color: var(--Dark-3, #8A8A8A);
        font-size: 16px;
        font-style: normal;
        font-weight: 510;
        line-height: 140%;
        letter-spacing: -0.3px;
    }

.my-page-layout .google_OTP .qr-wrap .text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    padding: 10px 0;
    border-radius: 6px;
    background: var(--Right-1, #D5D5D5);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .google_OTP .list-wrapper + .list-wrapper {
    margin-top: 8px;
}

.my-page-layout .google_OTP .VerifyPopup.auto {
    height: auto;
}

.my-page-layout .google_OTP .cont {
    height: auto;
    border: 0;
    padding: 0;
}

    .my-page-layout .google_OTP .cont .pop-up-title_my {
        color: var(--Dark1, #24292F);
        font-size: 22px;
        font-style: normal;
        font-weight: 590;
        line-height: 100%; /* 22px */
        letter-spacing: -0.3px;
    }

body.dark-mode .my-page-layout .google_OTP .cont .pop-up-title_my {
    color: var(--Right-5, #FFF);
}

.my-page-layout .google_OTP .cont .inner .basic {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .google_OTP .cont .inner .basic {
    color: var(--Dark-5, #C8C8C8);
}

.my-page-layout .google_OTP .popup_main1 button.buttonShow {
    font-size: 16px;
}

.my-page-layout .wrapper-inner .btn-copy::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background: url(/image/icon/w_copy.svg) no-repeat center/contain;
}

.my-page-layout .wrapper-inner .findIdBox input.active {
    border-radius: 10px;
    border: 2px solid var(--Dark-2, #424A53);
    color: var(--Dark-1, #24292f);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.042px;
    outline: 0 !important;
}

body.dark-mode .my-page-layout .wrapper-inner .findIdBox input.active {
    color: #fff;
}

.my-page-layout .google_OTP .my-page-container .my-page-arrow-down {
    width: 21px;
    height: 21px;
    background: url(/image/icon/selected.png);
}

    .my-page-layout .google_OTP .my-page-container .my-page-arrow-down.active {
        width: 21px;
        height: 21px;
        background: url(/image/icon/dk_selected_down.svg);
    }

.my-page-layout .google_OTP .my-page-container .my-page-arrow-up {
    width: 20px;
    height: 20px;
    background: url(/image/icon/dk_select_up.svg);
}

.my-page-layout .wrapper-inner .mt-2 {
    margin-top: 20px !important;
}

.my-page-layout .wrapper-inner .mt-3 {
    margin-top: 40px;
}

.my-page-layout .wrapper-inner .mt-4 {
    margin-top: 40px;
}

.my-page-layout .d-flex-column {
    display: flex;
    flex-direction: column;
}

.my-page-layout .text-error {
    color: var(--Error-Color, #fb4c43);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.21px;
}

body.dark-mode .my-page-layout .text-error {
    color: #FF0523;
}

.my-page-layout .text-left {
    text-align: left;
}

.my-page-layout .text-right {
    text-align: right;
}

.my-page-layout .text-center {
    text-align: center;
}

.my-page-layout .mb-18 {
    margin-bottom: 18px;
}

.my-page-layout .mb-8 {
    margin-bottom: 8px;
}

.my-page-layout .f-14 {
    font-size: 14px !important;
}

.my-page-layout .f-16 {
    font-size: 16px !important;
}

.my-page-layout .f-18 {
    font-size: 18px !important;
}

.my-page-layout .f-bold {
    font-weight: 590 !important;
}

.my-page-layout button + button {
    margin-left: 10px;
}

.my-page-layout .success-title {
    color: var(--Dark-1, #24292f);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.4px;
}

body.dark-mode .my-page-layout .sign_out_completed .success-title {
    color: var(--Right-5, #FFF);
}

.my-page-layout .my-page-sign-out-completed .findId_desc {
    margin-bottom: 120px;
}

.my-page-layout .cloud_wallet.green-hd:before {
    content: "";
    clear: both;
    position: absolute;
    left: 11%;
    bottom: -14px;
    width: 53px;
    height: 2px;
    background-color: var(--Brand-Color-1, #00de5a);
}

.my-page-layout .actionsList ul li.item1 img {
    width: 16px;
    height: 20px;
    margin-bottom: 8px;
}

.my-page-layout .custom-options.height-fix {
    height: 170px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 2px 2px 100px 0px rgba(0, 0, 0, 0.12);
    border-radius: 12px 12px;
    border-bottom: 0.5px solid var(--Right-2, #e3e3e3);
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(2px);
    overflow: hidden;
}

body.dark-mode .my-page-layout .custom-options.height-fix {
    background: #2E2E2E;
    box-shadow: 2px 2px 100px 0px rgba(0, 0, 0, 0.12);
    border: none;
}

.my-page-layout .custom-options.height-fix > span {
    width: 100%;
    padding: 10px 20px;
    border-bottom: 0.5px solid var(--Right-2, #e3e3e3);
    color: var(--Dark-2, #424a53);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .custom-options.height-fix > span {
    color: var(--Dark-5, #C8C8C8);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
}

    body.dark-mode .my-page-layout .custom-options.height-fix > span:last-child {
        border-bottom: none;
    }

.my-page-layout .my-page-arrow-right {
    width: 21px;
    height: 21px;
    background: url(/image/icon/arrow-right.svg) no-repeat center/contain;
}

.my-page-layout .my-page-arrow-right {
    width: 21px;
    height: 21px;
    background: url(/image/icon/expand.png) no-repeat center/contain;
}

.my-page-layout .basic-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0;
    border-top: 0.5px solid var(--Right-1, #d5d5d5);
}

body.dark-mode .my-page-layout .basic-list-item {
    border-top: 0.5px solid var(--Dark-2, #424A53);
}

.my-page-layout .basic-list-item:last-child {
    border-bottom: 0.5px solid var(--Right-1, #d5d5d5);
}

body.dark-mode .my-page-layout .basic-list-item:last-child {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
}

body.dark-mode .my-page-layout .others-inquiry-container .basic-list-item {
    border-top: 0.5px solid var(--Right-1, #d5d5d5);
}

body.dark-mode .my-page-layout .basic-list-item:last-child {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
}

.my-page-layout .inquiry .others-inquiry-container .basic-list-item {
    border-top: 0.5px solid var(--Right-1, #D5D5D5);
}

body.dark-mode .my-page-layout .inquiry .others-inquiry-container .basic-list-item {
    border-top: 0.5px solid var(--Dark-2, #424A53);
    border-bottom: 0;
}

.my-page-layout .basic-list {
    overflow-y: scroll;
    height: 507px;
}

.my-page-layout .basic-list-item .text-wrap {
    width: 80%;
}

.my-page-layout .basic-list-item .list-title {
    margin-bottom: 3px;
    color: var(--Dark-1, #24292f);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

body.dark-mode .my-page-layout .basic-list-item .list-title {
    margin-bottom: 3px;
    color: var(--Right-1, #D5D5D5);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

body.dark-mode .my-page-layout .otthers-notice .basic-list-item .list-title {
    color: var(--Right-5, #FFF);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .d-flex-between {
    display: flex;
    justify-content: space-between;
}

.my-page-layout .green-underline-text {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    text-decoration-line: underline;
}

.my-page-layout .other-notice-container .d-flex-between {
    margin-top: 14px;
}

.my-page-layout .page_wrap {
    font-size: 0;
}

.my-page-layout .page_nation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 55px;
    padding-bottom: 15px;
    width: 100%;
}

    .my-page-layout .page_nation .none {
        display: none;
    }

    .my-page-layout .page_nation a {
        display: block;
        margin: 0 3px;
        float: left;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: transparent;
        font-size: 14px;
        color: #999999;
        text-decoration: none;
    }

    .my-page-layout .page_nation .prev {
        background: url("/image/icon/page-arrow-left.svg") no-repeat center center;
        margin-right: 7px;
        width: 24px;
        height: 24px;
        background-size: contain;
    }

    .my-page-layout .page_nation .next {
        background: url("/image/icon/page-arrow-right.svg") no-repeat center center;
        margin-left: 7px;
        width: 24px;
        height: 24px;
        background-size: contain;
    }

body.dark-mode .my-page-layout .page_nation .prev {
    background: url("/image/icon/dk_btn2.png") no-repeat center center;
    margin-right: 7px;
    width: 24px;
    height: 24px;
    background-size: contain;
}

body.dark-mode .my-page-layout .page_nation .next {
    background: url("/image/icon/dk_btn1.png") no-repeat center center;
    margin-left: 7px;
    width: 24px;
    height: 24px;
    background-size: contain;
}

.my-page-layout .page_nation a.active {
    color: var(--Brand-Color1, #13BD7E);
    font-weight: 590;
}

.my-page-layout .others-notice-pop1 .d-flex-column {
    height: 100%;
    overflow-y: scroll;
    padding: 20px 31px 0 31px;
}

.my-page-layout .fix-button-wrap {
    position: absolute;
    width: calc(100% - 32px);
    bottom: 20px;
}

.my-page-layout .popup_main1 .popup-button {
    width: calc(100% - 22px);
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.3px;
    color: var(--Right-5, #fff);
}

.my-page-layout .others-notice-pop1 .popup-button {
    width: calc(100% - 22px);
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    color: var(--Right-5, #fff);
}

body.dark-mode .my-page-layout .others-notice-pop1 .popup-button {
    color: var(--Dark-1, #24292F);
}

.my-page-layout .border-bottom-box {
    padding-bottom: 23px;
    border-bottom: 1px solid var(--Right-1, #d5d5d5);
}

body.dark-mode .my-page-layout .border-bottom-box {
    border-bottom: 1px solid var(--Dark-2, #424A53);
}

.my-page-layout .m-t26 {
    margin-top: 26px;
}

.my-page-layout .notice-detail-title-wrap h2 {
    margin-bottom: 10px;
    color: var(--Dark-2, #424A53);
    font-size: 22px;
    font-style: normal;
    font-weight: 510;
    line-height: 110%; /* 24.2px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .notice-detail-title-wrap h2 {
    color: var(--Right-5, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .color-box {
    padding: 3px 11px;
    border-radius: 4px;
}

    .my-page-layout .color-box.box-green {
        background: var(--Brand-color-1-sub, #DFFFEC);
        color: var(--Brand-Color1, #13BD7E);
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.3px;
    }

body.dark-mode .my-page-layout .color-box.box-green {
    border-radius: 4px;
    background: var(--Dark-2, #424A53);
    color: var(--Right-1, #D5D5D5);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .notice-detail-title-wrap .border-bottom-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.my-page-layout .notice-detail-text-wrap {
    padding: 26px 0;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .notice-detail-text-wrap {
    color: var(--Right-1, #D5D5D5);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.my-page-layout .search-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    margin-bottom: 23px;
    height: 44px;
    font-size: 14px;
    border-radius: 68px;
    background: var(--Right-4, #f2f2f2);
}

body.dark-mode .my-page-layout .search-box {
    background: var(--Dark-2, #424A53);
}

.my-page-layout .search-box input {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .search-box input {
    color: var(--Right-5, #FFF);
}

.my-page-layout .search-box input::placeholder {
    color: var(--Right-1, #d5d5d5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .search-box input::placeholder {
    color: var(--Dark-3, #8A8A8A);
}

.my-page-layout .search-box input:focus {
    outline: none;
}

.my-page-layout .search-btn {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background: url("/image/icon/btn-search.svg") no-repeat center;
}

.my-page-layout .search-tab-list {
    display: flex;
    gap: 10px;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}

.my-page-layout .search-tab-item {
    display: flex;
    width: max-content;
    padding: 7px 24px;
    align-items: center;
    border-radius: 30px;
    white-space: pre;
    border: 1px solid var(--Right-3, #EDEDED);
    color: var(--Dark-3, #8A8A8A);
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 129.412% */
    letter-spacing: -0.4px;
}

body.dark-mode .my-page-layout .search-tab-item {
    border: 1px solid var(--Dark-2, #424A53);
    color: var(--Dark-2, #424A53);
}

.my-page-layout .search-tab-item.active {
    border-radius: 30px;
    background: var(--Brand-color-1-sub, #DFFFEC);
    color: var(--Brand-Color1, #13BD7E);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.4px;
    border-color: #dfffec;
}

.my-page-layout .faq-list-wrap {
    margin: 26px 0;
}

.my-page-layout .faq-container .faq-list-item.active .title-wrap {
    border-radius: 16px;
    background: var(--Brand-color-1-sub, #dfffec);
    box-shadow: 0px 4px 34px 0px #efeff4;
    color: var(--Dark-1, #24292f);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

body.dark-mode .my-page-layout .faq-container .faq-list-item.active .title-wrap {
    background: var(--Dark-1, #24292F);
    box-shadow: inherit;
}

.my-page-layout .wrapper-inner .faq-list-item.active .my-page-arrow-up-active {
    background: url(/image/icon/dk_select_up1.png);
    width: 18px;
    height: 9px;
    font-size: 0;
    text-indent: -9999px;
    transform: rotate(0deg);
    background-color: transparent;
}

.my-page-layout .wrapper-inner .faq-list-item.active .my-page-arrow-down {
    background: url(/image/icon/dk_select_up1.png);
    width: 18px;
    height: 9px;
    font-size: 0;
    text-indent: -9999px;
    transform: rotate(180deg);
    background-color: transparent;
}

.my-page-layout .faq-list-wrap .gray-text-box {
    padding: 24px;
    color: var(--Dark-3, #8a8a8a);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .faq-list-wrap .gray-text-box {
    background: #29292D;
}

.my-page-layout .faq-list-item {
    margin-bottom: 12px;
}

.my-page-layout .faq-list-wrap .gray-text-box {
    margin-top: 8px;
}

.my-page-layout .search-tab-list-wrap {
    width: 100%;
}

.my-page-layout .others-srp-container .Total {
    text-align: left;
}

.my-page-layout .others-srp-container .cloudList .naemRight .allTitle_wen {
    font-weight: 500;
}

.my-page-layout .otthers-notice .basic-text {
    color: var(--Dark3, #57606A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .otthers-notice .basic-text {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.my-page-layout .others-srp-container .popBox {
    margin-top: 18px;
}

.my-page-layout .otthers-notice .fix-popup {
    overflow-y: scroll;
    margin-top: 18px;
    height: 340px;
}

.my-page-layout .comm_btnMenu ul li a img.MyPage {
    width: 28px;
    height: 28px;
}

.my-page-layout .comm_btnMenu ul li a img {
    width: 24px;
    height: 24px;
}

.my-page-layout .others-srp-container .checkBoxTxt {
    display: flex;
    align-items: center;
    text-align: left;
}

.my-page-layout .others-srp-container .cloudList .naemLeft .allTitle {
    font-weight: 500;
}

.my-page-layout #singup_div .singup_input button.singup_Check_bg {
    background-size: 28%;
}

.my-page-layout .text-padding {
    padding: 0 12px;
}

.my-page-layout .others-inquiry-container .basic-text {
    color: var(--Dark-2, #424a53);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.042px;
}

body.dark-mode .my-page-layout .others-inquiry-container .basic-text {
    color: var(--Dark-5, #C8C8C8);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.042px;
}

.my-page-layout .others-inquiry-container .basic-list-item-wrap {
    padding-bottom: 18px;
}

    .my-page-layout .others-inquiry-container .basic-list-item-wrap:last-child {
        border-bottom: 1px solid var(--Right-1, #d5d5d5);
    }

.my-page-layout .others-inquiry-container .input-box.gray {
    margin: 23px 0;
}

.my-page-layout .custom-select-wrap {
    position: relative;
}

.my-page-layout .custom-select-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    width: 100%;
    height: 58px;
    padding: 12px 16px;
    background: url("/image/icon/selected.png") no-repeat right 16px center;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424a53);
}

body.dark-mode .my-page-layout .custom-select-title-wrap {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.my-page-layout .custom-select-title-wrap.green {
    border: 2px solid var(--Brand-Color1, #13BD7E);
}

.my-page-layout .custom-select-title-wrap .title {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.my-page-layout .setting-wrap .custom-select-title-wrap .title {
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 50;
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .setting-wrap .custom-select-title-wrap .title {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.my-page-layout .custom-select-title-wrap.active {
    border-radius: 10px;
    border: 2px solid var(--Dark-2, #424a53);
}

.my-page-layout .custom-select-title-wrap.active {
    border-radius: 10px;
    border: 2px solid var(--Dark-2, #424a53);
}

body.dark-mode .my-page-layout .new-inquiry .custom-select-title-wrap.active {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.my-page-layout .custom-select-title-wrap.active .title {
    color: var(--Dark-1, #24292f);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.my-page-layout .custom-select-list {
    position: absolute;
    top: 93px;
    right: 0;
    width: 200px;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid var(--Right-1, #d5d5d5);
    background: var(--Right-5, #fff);
    z-index: 100;
}

.my-page-layout .language-setting-wrap .custom-select-list {
    position: absolute;
    top: 93px;
    right: 0;
    width: 263px;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid var(--Right-1, #d5d5d5);
    background: var(--Right-5, #fff);
    z-index: 100;
}

.my-page-layout .LanguageBox {
    z-index: 150;
}

body.dark-mode .my-page-layout .custom-select-list {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #2E2E2E;
    border: none;
}

body.dark-mode .my-page-layout .LanguageBox + .LanguageBox {
    border-top: 0.5px solid var(--Dark-2, #424A53);
}

.my-page-layout .custom-select-list1 {
    width: 100%;
    max-width: 263px;
}

.my-page-layout .setting-wrap .custom-select-item1 {
    width: 100%;
}

.my-page-layout .custom-select-item {
    display: flex;
    width: 200px;
    height: 62px;
    padding: 10px 14px;
    align-items: center;
    gap: 10px;
    color: var(--Dark-2, #424a53);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    cursor: pointer;
}

.my-page-layout .language-setting-wrap .custom-select-item {
    width: 100%;
}

body.dark-mode .my-page-layout .setting-wrap .custom-select-item {
    padding: 0 24px;
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.my-page-layout .custom-select-item:hover,
.my-page-layout .custom-select-item.active {
    background: var(--Right-4, #f2f2f2);
}

.my-page-layout .input-box.gray input:placeholder-shown {
    color: var(--Dark-3, #8a8a8a);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.my-page-layout .input-box.gray input {
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.2px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #e3e3e3);
    background: var(--Right-4, #f2f2f2);
    color: var(--Dark-1, #24292f);
    font-weight: 500;
}

    .my-page-layout .input-box.gray input:focus {
        outline: none;
    }

.my-page-layout .text-area-box textarea:placeholder-shown {
    color: var(--Dark-3, #8a8a8a);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.my-page-layout .text-area-box textarea {
    display: flex;
    width: 100%;
    height: 180px;
    padding: 19px 16px 12px 16px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #e3e3e3);
    background: var(--Right-4, #f2f2f2);
    color: var(--Dark-1, #24292f);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.042px;
    resize: none;
}

    .my-page-layout .text-area-box textarea:focus {
        outline: none;
    }

.my-page-layout .emailPopup.verification-pop .basic-text {
    height: auto !important;
    padding: 0;
    background: transparent;
    color: var(--Dark-3, #8a8a8a);
    font-feature-settings: "clig" off, "liga" off;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .emailPopup.verification-pop label.desc {
    display: block;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .emailPopup.verification-pop .popup p span {
    background-color: transparent;
}

.my-page-layout .popupButton button {
    width: 100%;
    height: 48px;
}

    .my-page-layout .popupButton button,
    .my-page-layout .popupButton button.btn_Check {
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
    }

        .my-page-layout .popupButton button.btn_Check {
            color: var(--Right-5, #FFF);
            background: var(--Brand-Color1, #13BD7E);
        }

body.dark-mode .my-page-layout #singup_div .singup_input .checkBox input {
    color: var(--Right-5, #FFF);
}

.my-page-layout .country-icon-wrap {
    display: flex;
}

    .my-page-layout .country-icon-wrap img {
        width: 30px;
        height: 20px;
        margin-right: 8px;
    }

.my-page-layout .result .input-box .checkBox {
    display: block;
    width: 100%;
    height: 58px;
    line-height: 24px;
    padding: 16px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

.my-page-layout .others-setting-container .custom-select-item {
    font-weight: 590;
}

    .my-page-layout .others-setting-container .custom-select-item:not(:last-child) {
        border-bottom: 0.5px solid var(--Dark-4, #b3b3b3);
    }

body.dark-mode .my-page-layout .others-setting-container .custom-select-item:not(:last-child) {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #2E2E2E;
}

.my-page-layout .others-setting-container .custom-select-wrap:not(:last-child) {
    margin-bottom: 23px;
}

.my-page-layout .others-setting-container .custom-select-item.active {
    border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
    background: var(--Right-3, #EDEDED);
}

body.dark-mode .my-page-layout .others-setting-container .custom-select-item.active {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #474747;
}

.my-page-layout .others-setting-container h2 {
    margin-bottom: 8px;
    color: var(--Dark-2, #424a53);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.my-page-layout .language-setting-wrap .others-setting-container h2 {
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

body.dark-mode .my-page-layout .language-setting-wrap .others-setting-container h2 {
    margin-bottom: 8px;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
}

.my-page-layout .setting-wrap .others-setting-container h2 {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .my-page-layout .setting-wrap .others-setting-container h2 {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.my-page-layout .language-setting .others-setting-container h2 {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

.my-page-layout .currency-select-wrap b {
    display: inline-block;
    width: 40px;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .currency-select-wrap b {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: 0.2px;
}

.my-page-layout .language-setting- .currency-select-wrap b {
    display: inline-block;
    width: 40px;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.my-page-layout .currency-select-wrap .custom-select-list1 b {
    width: 70px;
}

.my-page-layout .currency-select-wrap .custom-select-list1 b {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .currency-select-wrap .custom-select-list1 b {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
}

.my-page-layout .currency-select-wrap .text {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .currency-select-wrap .text {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .currency-select-wrap .custom-select-list1 .text {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.my-page-layout .mypage .result .input-box .checkBox span {
    display: inline-block;
    width: auto;
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .my-page-layout .mypage .result .input-box .checkBox span {
    color: var(--Right-5, #FFF);
}

.my-page-layout .mypage .result .input-box .checkBox span.password_item {
    display: inline-block;
    width: auto;
    color: var(--Dark-2, #424A53);
    font-family: SUITE;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.21px;
}

body.dark-mode .my-page-layout .mypage .result .input-box .checkBox span.password_item {
    color: var(--Dark-4, #B3B3B3);
}

.my-page-layout .mypage .result .input-box h3 {
    display: block;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .my-page-layout .mypage .result .input-box h3 {
    color: var(--Right-5, #FFF);
}

.my-page-layout .wrapper-inner .pop-small .pop-up-title {
    margin: 0 0 22px 0;
}

.my-page-layout .mypage .result .setting h3 {
    display: block;
    margin-bottom: 8px;
    color: var(--Dark-1, #24292F);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}

body.dark-mode .my-page-layout .mypage .result .setting h3 {
    color: var(--Right-5, #FFF);
}

.my-page-layout .result .input-box .checkBox span {
    display: block;
    width: 100%;
    color: var(--Dark1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.042px;
}

.my-page-layout .mypage .VerifyPopup .popup p {
    height: auto;
}

.my-page-layout .result .input-box .checkBox {
    display: block;
    width: 100%;
    height: 58px;
    line-height: 24px;
    padding: 16px;
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .my-page-layout .result .input-box .checkBox {
    background: var(--Dark-1, #24292F);
}

.my-page-layout .result .icon .checkBox {
    position: relative;
}

    .my-page-layout .result .icon .checkBox::after {
        content: "";
        clear: both;
        position: absolute;
        right: 16px;
        top: 16px;
        background: url(/image/icon/dk_correction.png) no-repeat center;
        width: 24px;
        height: 24px;
    }

body.dark-mode .my-page-layout .result .icon .checkBox::after {
    content: "";
    clear: both;
    position: absolute;
    right: 16px;
    top: 16px;
    background: url(/image/icon/correction.png) no-repeat center;
    width: 24px;
    height: 24px;
}

.my-page-layout .language_srp .green-hd {
    position: relative;
}

    .my-page-layout .language_srp .green-hd:before {
        content: "";
        clear: both;
        position: absolute;
        left: 27%;
        bottom: -14px;
        width: 67px;
        height: 2px;
        background-color: var(--Brand-Color-1, #00de5a);
    }

.my-page-layout .language_srp .nftWrap .menuBtn a span {
    color: var(--Dark-3, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.my-page-layout .language_srp .nftWrap .menuBtn a:first-child span {
    color: var(--Brand-Color-1, #00DE5A);
    font-size: 16px;
    font-style: normal;
    font-weight: 860;
    letter-spacing: -0.4px;
}

.my-page-layout .language_srp .actionsList ul li {
    width: 76px;
    height: 77px;
    border-radius: 12px;
    background: var(--Brand-color-1-sub, #DFFFEC);
    margin-top: 20px;
}

body.dark-mode .my-page-layout .language_srp .actionsList ul li {
    background: #183023;
}

.my-page-layout .language_srp .actionsList ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.my-page-layout .my_btnMenu ul li:nth-child(1) span {
    display: block;
    color: var(--Dark2, #424A53);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .my_btnMenu ul li:nth-child(4) span {
    color: var(--Brand-Color-1, #00DE5A);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .my_btnMenu ul li span {
    display: block;
    color: var(--Dark2, #424A53);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.my-page-layout .my_btnMenu ul li span {
    margin-top: 0;
}

.my-page-layout .my_btnMenu ul li img {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

body.dark-mode .my-page-layout .popup button.eraser_v.show {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 16px;
    right: 20px;
    background: url(/image/icon/dk_eraser.png) no-repeat center;
    color: #fff;
}

.my-page-layout .wrapper-inner .header-titles {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 15px 0 30px;
    background: #fff;
}

body.dark-mode .my-page-layout .wrapper-inner .header-titles {
    background: #1B1B1C;
}

.my-page-layout .new-inquiry .input-box.gray {
    margin-top: 23px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
    min-height: 58px;
}

    .my-page-layout .new-inquiry .input-box.gray input {
        border-radius: inherit;
        border: none;
        font-size: 14px;
        font-style: normal;
        letter-spacing: 0.2px;
        color: var(--Dark-1, #24292f);
        font-weight: 590;
        background: transparent;
        padding: 0 16px;
    }

        .my-page-layout .new-inquiry .input-box.gray input::placeholder {
            color: var(--Dark-3, #8A8A8A);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.2px;
        }

.my-page-layout .new-inquiry .text-area-box {
    height: 180px;
}

    .my-page-layout .new-inquiry .text-area-box::placeholder {
        color: var(--Dark-3, #8A8A8A);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.2px;
    }

body.dark-mode .my-page-layout .new-inquiry .custom-select-title-wrap .title {
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .new-inquiry .custom-select-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    width: 100%;
    height: 58px;
    padding: 12px 16px;
    background: url(/image/icon/dk_select1.png) no-repeat right 16px center;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424a53);
}

body.dark-mode .my-page-layout .new-inquiry .custom-select-list {
    position: absolute;
    top: 66px;
    right: 0;
    width: 200px;
    height: auto;
    overflow: hidden;
    border-radius: 12px;
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #2E2E2E;
    backdrop-filter: blur(2px);
    z-index: 100;
}

    body.dark-mode .my-page-layout .new-inquiry .custom-select-list .custom-select-item + .custom-select-item {
        border-top: 0.5px solid var(--Dark-2, #424A53);
    }

body.dark-mode .my-page-layout .new-inquiry .custom-select-item.active {
    background: #474747;
}

body.dark-mode .my-page-layout .new-inquiry .custom-select-item {
    display: block;
    width: 100%;
    height: 100%;
    padding: 21px 24px;
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .new-inquiry .input-box.gray {
    display: block;
    width: 100%;
    height: 180px;
    border-radius: 10px;
    border: 1px solid #2B2B2F;
    background: #2B2B2F;
    display: block;
    margin: 23px 0;
    width: 100%;
    height: 58px;
    padding: 19px 16px 12px 16px;
    border-radius: 10px;
    border: 1px solid #2B2B2F;
    background: #2B2B2F;
}

    body.dark-mode .my-page-layout .new-inquiry .input-box.gray input {
        height: auto;
        margin-bottom: 0;
        line-height: inherit;
        padding: 0;
        color: var(--Right-5, #FFF);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0.2px;
        background: #2B2B2F;
        border: none;
    }

.my-page-layout .new-inquiry .input-box textarea {
    margin-top: 23px;
    width: 100%;
    height: 180px;
    padding: 19px 16px 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
    border: none;
    outline: none;
}

body.dark-mode .my-page-layout .new-inquiry .input-box textarea {
    width: 100%;
    height: 180px;
    padding: 19px 16px 12px 16px;
    border-radius: 10px;
    background: #2B2B2F;
    color: var(--Right-5, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
    border: none;
    outline: none;
}

.my-page-layout .new-inquiry .input-box textarea::placeholder {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .new-inquiry .input-box textarea::placeholder {
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .new-inquiry .text-area-box.gray {
    display: block;
    width: 100%;
    height: 180px;
    padding: 19px 16px 12px 16px;
    border-radius: 10px;
    border: 1px solid #2B2B2F;
    background: #2B2B2F;
}

    body.dark-mode .my-page-layout .new-inquiry .text-area-box.gray input {
        height: auto;
        margin-bottom: 0;
        line-height: inherit;
        padding: 0;
        color: var(--Right-5, #FFF);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0.2px;
        background: #2B2B2F;
        border: none;
    }

        body.dark-mode .my-page-layout .new-inquiry .text-area-box.gray input::placeholder {
            color: var(--Dark-3, #8A8A8A);
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: 0.2px;
        }

body.dark-mode .my-page-layout .new-inquiry .btn-fixed-box {
    margin-top: 284px;
}

body.dark-mode .my-page-layout .new-inquiry .VerifyPopup.auto {
    width: 315px;
    height: 252px;
    padding: 36px 26px 20px 26px;
}

    body.dark-mode .my-page-layout .new-inquiry .VerifyPopup.auto .pop-up-title {
        display: block;
        line-height: 22px;
        color: var(--Right-5, #FFF);
        font-size: 22px;
        font-style: normal;
        font-weight: 590;
        letter-spacing: -0.3px;
    }

    body.dark-mode .my-page-layout .new-inquiry .VerifyPopup.auto .basic-text {
        display: block;
        line-height: 19.2px;
        color: var(--Right-5, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

body.dark-mode .my-page-layout .new-inquiry .pop-small button.buttonShow {
    display: block;
    border-radius: 10px;
    background: #FF756D;
    color: var(--Dark-1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .my-page-layout .new-inquiry .pop-small button.buttonCancel {
    display: block;
    border-radius: 10px;
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-1, #24292F);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

body.dark-mode .my-page-layout .new-inquiry .VerifyPopup.auto .basic-text {
    display: block;
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

.my-page-layout .change_email .popup .desc p {
    display: block;
    width: 100%;
    padding: 19px;
    background: var(--Right-4, #F2F2F2);
    border-radius: 10px;
    letter-spacing: -0.3px;
    font-weight: 400;
    font-size: 12px;
    color: var(--Dark-4, #B3B3B3);
}

body.dark-mode .my-page-layout .emailPopup .popup .desc {
    background: rgba(71, 71, 71, 0.5);
}

body.dark-mode .my-page-layout .change_email .popup .desc p {
    background: rgba(71, 71, 71, 0.5);
}

.my-page-layout .change_email .emailPopup .findId_input .eraser {
    top: 17px;
    right: 17px;
}

body.dark-mode .my-page-layout .change_email .emailPopup .findId_input .eraser.show {
    top: 4px;
    right: 29px;
}

.my-page-layout .change_email #singup_div .singup_input .checkBox {
    gap: 8px;
}

.my-page-layout .change_email .findIdBox input {
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Dark-1, #24292f);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.042px;
}

.my-page-layout .change_number .disabled-box {
    display: flex;
    justify-content: space-between;
    padding: 18px;
    border-radius: 6px;
    background: var(--Right-4, #f2f2f2);
}

body.dark-mode .my-page-layout .change_number .disabled-box {
    display: flex;
    justify-content: space-between;
    padding: 18px;
    border-radius: 6px;
    background: #2B2B2F;
}

.my-page-layout .change_number .btn-fixed-box {
    display: flex;
    gap: 10px;
    margin-top: 403px;
    padding-bottom: 15px;
}

.my-page-layout .change_number .popup .text {
    position: relative;
    height: 40px;
    margin: 0;
}

    .my-page-layout .change_number .popup .text span.retran {
        position: absolute;
        right: 0;
        top: 11px;
    }

.my-page-layout .finished-wrap #thanks_message .logo {
    display: block;
    max-width: 265px;
    width: 100%;
    margin: 0 auto 40px auto;
}

.my-page-layout #wrapper .register_finished .cardNumber span.unm {
    display: inline-block;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 18.2px */
    letter-spacing: 1px;
}

.my-page-layout .finished-wrap #thanks_message #register_finished_wrap .logo {
    display: block;
    max-width: 306px;
    width: 100%;
    margin: 0 auto 40px auto;
}

.my-page-layout .sign_out .pop-up-title.small {
    display: block;
    color: var(--Black-100, #09101D);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.3px;
    margin: 0;
    margin-bottom: 22px;
}

body.dark-mode .my-page-layout .sign_out .pop-up-title.small {
    color: var(--Right-3, #EDEDED);
}

.my-page-layout .sign_out .gray-text {
    display: block;
    text-align: left;
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .sign_out .gray-text {
    color: var(--Dark-3, #8A8A8A);
}

.my-page-layout .sign_out .gray-text strong {
    text-align: left;
    color: var(--Dark-2, #424A53);
    font-size: 12px;
    font-style: normal;
    font-weight: 510;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .sign_out .gray-text strong {
    color: var(--Dark-5, #C8C8C8);
}

.my-page-layout .notice .VerifyPopup.auto {
    display: block;
    width: 358px;
    height: 488px;
}

.my-page-layout .wrapper-inner .pop-up-title_my {
    margin: 0;
    margin-bottom: 22px;
}

.my-page-layout .change_password button.buttonShow {
    width: 100%;
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.my-page-layout .my-page-change-password .findIdBox label {
    display: block;
    height: 22px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .my-page-layout .my-page-change-password .findIdBox label {
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

.my-page-layout .my-page-change-password .findIdBox input {
    border: 1px solid var(--Dark-3, #8A8A8A);
}

    .my-page-layout .my-page-change-password .findIdBox input:focus {
        border: 1px solid var(--Right-2, #E3E3E3);
        outline: none !important;
        caret-color: var(--Dark-2, #424A53) !important;
    }

.my-page-layout .wrapper-inner .findIdBox input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.my-page-layout .change_email .popup label.desc {
    display: block;
    color: var(--Dark-2, #424a53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.4px;
}

.my-page-layout label.active {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.4px;
}

.my-page-layout #singup_div_my button.buttonShow {
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Right-5, #FFF);
}

body.dark-mode .my-page-layout #singup_div_my button.buttonShow {
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Dark1, #24292F);
}

.my-page-layout #singup_div_my button.buttonCancel {
    display: block;
    border-radius: 10px;
    background: var(--Right-2, #E3E3E3);
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout #singup_div_my button.buttonCancel {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.my-page-layout #singup_div .singup_input .singup_Check_g {
    border: 1px solid var(--Dark-2, #424A53);
    background: var(--Dark-2, #424A53);
    opacity: 1;
}

.my-page-layout #singup_div_my .singup_input .checkBox input {
    border: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

    .my-page-layout #singup_div_my .singup_input .checkBox input::placeholder {
        color: var(--Right-1, #D5D5D5);
    }

.my-page-layout #singup_div .singup_input .checkBox input {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    letter-spacing: -0.042px;
    color: var(--Dark-1, #24292F);
}

@media screen and (max-width: 480px) {
    .my-page-layout #singup_div .singup_input .checkBox input {
        max-width: 258px !important;
    }
}

@media screen and (max-width: 480px) {
    .my-page-layout .change_email #singup_div .singup_input .checkBox input {
        /* max-width: 258px !important; */
        max-width: inherit !important;
    }
}

.my-page-layout .popup_cont {
    position: relative;
}

.my-page-layout #singup_div_my .btn-fixed-box button {
    height: 52px;
    padding: 0;
}

.my-page-layout #singup_div_my {
    padding: 1rem 16px 0 16px;
}

.my-page-layout #singup_div_my1 {
    padding: 5rem 16px 0 16px;
}

.my-page-layout #register_finished_wrap {
    padding: 5rem 16px 0 16px;
}

.my-page-layout #singup_div_my .content-list-wrapper {
    height: 470px;
    overflow-y: scroll;
}

.my-page-layout .findId_input .popup_cont .eraser {
    display: block;
    position: absolute;
    top: 42px;
    right: 26px;
    background: url(/image/icon/eraser_btn.svg) no-repeat center/100% auto;
    transform: translate(50%, 50%);
    width: 18px;
    height: 18px;
}

.my-page-layout .popup .popup_cont button.eraser_v {
    display: block;
    position: absolute;
    top: 41px;
    right: 26px;
    width: 18px;
    height: 18px;
    background: url(/image/icon/eraser_btn.svg) no-repeat center/100% auto;
}

body.dark-mode .my-page-layout .popup .popup_cont button.eraser_v {
    display: block;
    position: absolute;
    top: 4px;
    right: 30px;
    width: 26px;
    height: 26px;
    background: url(/image/icon/dk_eraser_btn.svg) no-repeat center/100% auto;
}

    body.dark-mode .my-page-layout .popup .popup_cont button.eraser_v.show {
        display: block;
        position: absolute;
        top: 4px;
        right: 30px;
        width: 26px;
        height: 26px;
        background: url(/image/icon/dk_eraser_btn.svg) no-repeat center/100% auto;
    }

.my-page-layout .my-page-address_book .mini-content-box {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 19px 10px;
}

    .my-page-layout .my-page-address_book .mini-content-box .gray-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: var(--Dark4, #8C959F);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 14.4px */
        letter-spacing: 0.25px;
    }

body.dark-mode .my-page-layout .my-page-address_book .mini-content-box .gray-text {
    color: var(--Dark3, #57606A);
}

.my-page-layout .my-page-address_book .mini-content-box .content-wrap .title {
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 20.8px */
    letter-spacing: -0.3px;
}

@media screen and (max-width: 320px) {
    .my-page-layout .my-page-address_book .mini-content-box .content-wrap .title {
        font-size: 12px;
    }

    body.dark-mode .my-page-layout .my-page-address_book .mini-content-box .content-wrap .title {
        font-size: 12px;
    }
}

.my-page-layout .my-page-address_book .mini-content-box:first-child:after {
    content: "";
    left: 48%;
    position: absolute;
    display: block;
    width: 2px;
    height: 30px;
    background: var(--Right-1, #d5d5d5);
    border-radius: 2px;
}

.my-page-layout .add_address .input-box label {
    display: block;
    height: 22px;
    margin-bottom: 8px;
    color: var(--Dark-2, #424A53);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 22.4px */
}

body.dark-mode .my-page-layout .add_address .input-box label {
    color: var(--Right-5, #FFF);
}

.my-page-layout .wrapper-inner .add_address .findIdBox input {
    border: 1px solid var(--Right-2, #E3E3E3);
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .wrapper-inner .add_address .findIdBox input, body.dark-mode .my-page-layout .wrapper-inner .add_address .input-box input {
    color: var(--Right-5, #FFF);
}

.my-page-layout .wrapper-inner .add_address .findIdBox input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.my-page-layout .wrapper-inner .add_address .input-box input {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    margin-bottom: 8px;
    padding: 18px 16px;
    line-height: 58px;
    border-radius: 10px;
    border: 1px solid var(--Dark-3, #8A8A8A);
    letter-spacing: -0.042px;
    background-color: transparent;
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .wrapper-inner .add_address .input-box input.active {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.my-page-layout .wrapper-inner .add_address .input-box input.active {
    border-radius: 10px;
    border: 1px solid var(--Dark-2, #424A53);
}

.my-page-layout .wrapper-inner .add_address .input-box input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

.my-page-layout .wrapper-inner .add_address .input-box input:focus,
.my-page-layout .wrapper-inner .add_address .findIdBox input:focus {
    border: 2px solid var(--Brand-Color1, #13BD7E) !important;
    outline: none;
}

body.dark-mode .my-page-layout .address-pop .popList.active {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.my-page-layout .address-pop .popList {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--Right-2, #E3E3E3);
    background: transparent;
}

    .my-page-layout .address-pop .popList.active {
        border: 1px solid var(--Dark-2, #424A53);
    }

body.dark-mode .my-page-layout .address-pop .popList {
    border: 1px solid var(--Dark-3, #8A8A8A);
}

    body.dark-mode .my-page-layout .address-pop .popList.active {
        border: 1px solid var(--Right-2, #E3E3E3);
    }

.my-page-layout .address-pop .address-form .popList ul.border-line li.active {
    border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
    background: var(--Right-3, #EDEDED);
    backdrop-filter: blur(2px);
}

body.dark-mode .my-page-layout .address-pop .address-form .popList ul.border-line li.active {
    border-bottom: 0.5px solid var(--Dark-2, #424A53);
    background: #474747;
    backdrop-filter: blur(2px);
}

.my-page-layout .address-pop .add_address .input-box input {
    border: 1px solid var(--Right-2, #E3E3E3);
}

body.dark-mode .my-page-layout .address-pop .add_address .input-box input {
    border: 1px solid var(--Dark-3, #8A8A8A);
}

.my-page-layout .address-pop .add_address .input-box input.active {
    border: 1px solid var(--Dark-2, #424A53);
}

body.dark-mode .my-page-layout .address-pop .add_address .input-box input.active {
    border: 1px solid var(--Right-2, #E3E3E3);
}

.my-page-layout #singup_div_my .btn-fixed-box button.red {
    border-radius: 10px;
    background: #FF756D;
    color: var(--Right-5, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout #singup_div_my .btn-fixed-box button.red {
    border-radius: 10px;
    background: #FF756D;
    color: var(--Dark1, #24292F);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .VerifyPopup_add .inner p.basic {
    display: block;
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .wrapper-inner .VerifyPopup_add .inner p.basic {
    display: block;
    color: var(--Dark-5, #C8C8C8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.3px;
}

.my-page-layout .wrapper-inner .VerifyPopup_add button {
    height: 48px;
    padding: 0;
}

    .my-page-layout .wrapper-inner .VerifyPopup_add button.buttonCancel {
        border-radius: 10px;
        background: var(--Right-2, #E3E3E3);
        color: var(--Right-5, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
    }

body.dark-mode .my-page-layout .wrapper-inner .VerifyPopup_add button.buttonCancel {
    background: var(--Dark-3, #8A8A8A);
    color: var(--Dark-1, #24292F);
}

.my-page-layout .wrapper-inner .VerifyPopup_add button.buttonShow {
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

    .my-page-layout .wrapper-inner .VerifyPopup_add button.buttonShow.red {
        border-radius: 10px;
        background: #FF756D;
        color: var(--Right-5, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
    }

body.dark-mode .my-page-layout .wrapper-inner .VerifyPopup_add button.buttonShow.red {
    background: #FF756D;
    color: var(--Dark-1, #24292F);
}

.my-page-layout .sign_out .d-flex-center button {
    height: 48px;
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

    .my-page-layout .sign_out .d-flex-center button.buttonCancel {
        font-size: 16px;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        letter-spacing: -0.24px;
    }

.my-page-layout .oddsCard .my-page-sign-out-completed #thanks_message .title {
    display: block;
    margin-bottom: 12px;
    color: var(--Dark-2, #424A53);
    font-size: 18px;
    font-style: normal;
    font-weight: 590;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .oddsCard .my-page-sign-out-completed #thanks_message .title {
    color: var(--Right-3, #EDEDED);
}

.my-page-layout .oddsCard .my-page-sign-out-completed #thanks_message .logo {
    display: block;
    max-width: 265px;
    width: 100%;
    margin: 0 auto 57px auto;
}

.my-page-layout .oddsCard #thanks_message .logo img.light {
    display: block;
}

body.dark-mode .my-page-layout .oddsCard #thanks_message .logo img.light {
    display: none;
}

.my-page-layout .oddsCard #thanks_message .logo img.dark {
    display: none;
}

body.dark-mode .my-page-layout .oddsCard #thanks_message .logo img.dark {
    display: block;
}

.my-page-layout .otthers-notice .others-notice-pop1 .VerifyPopup {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 358px;
    min-height: 488px;
    padding: 30px 27px 20px 27px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.my-page-layout .otthers-notice .others-notice-pop1 .fix-popup {
    overflow-y: scroll;
    margin-top: 0;
    height: 340px;
}

.my-page-layout .wrapper-inner .others-notice-pop1 .mt-3 {
    margin-top: 0;
}

.my-page-layout .otthers-notice .others-notice-pop1 .gray-text1 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-top: 18px;
}

.my-page-layout .notice .basic-list-item .list-title {
    margin-bottom: 3px;
    color: var(--Dark-1, #24292F);
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 129.412% */
    letter-spacing: -0.4px;
}

.my-page-layout #sign_out_wrap {
    padding: 3rem 16px 0 16px;
}

.my-page-layout .sign_out .user3-page .title-wrap {
    padding-top: 0;
}

.my-page-layout .faq .faq-list-wrap .gray-text-box {
    border-radius: 10px;
    background: var(--Right-4, #F2F2F2);
    color: var(--Dark-3, #8A8A8A);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.3px;
}

body.dark-mode .my-page-layout .faq .faq-list-wrap .gray-text-box {
    background: #29292D;
    color: var(--Dark-3, #8A8A8A);
}

.my-page-layout .faq .search-box {
    background: var(--Right-4, #F2F2F2);
}

body.dark-mode .my-page-layout .faq .search-box {
    background: var(--Dark-2, #424A53);
}

.my-page-layout .faq .search-box input {
    caret-color: var(--Brand-Color1, #13BD7E);
    color: var(--Dark-1, #24292F);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .faq .search-box input {
    color: var(--Right-5, #FFF);
}

.my-page-layout .faq .search-box input::placeholder {
    color: var(--Right-1, #D5D5D5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.2px;
}

body.dark-mode .my-page-layout .faq .search-box input::placeholder {
    color: var(--Dark-3, #8A8A8A);
}

body.dark-mode .my-page-layout .faq .list-wrapper .title-wrap {
    background: var(--Dark-1, #24292F);
    box-shadow: none;
}

.my-page-layout .inquiry .basic-list-item .list-title {
    margin-bottom: 3px;
    color: var(--Dark-1, #24292F);
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 129.412% */
    letter-spacing: -0.4px;
}

body.dark-mode .my-page-layout .inquiry .basic-list-item .list-title {
    color: var(--Right-1, #D5D5D5);
}

.my-page-layout .inquiry .basic-list-item {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}

.my-page-layout .inquiry .green-underline-text {
    color: var(--Brand-Color1, #13BD7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
    text-decoration-line: underline;
}

.my-page-layout .inquiry_detail .basic-list-item .list-title {
    margin-bottom: 3px;
    color: var(--Dark-1, #24292F);
    font-size: 17px;
    font-style: normal;
    font-weight: 590;
    line-height: 22px; /* 129.412% */
    letter-spacing: -0.4px;
}

body.dark-mode .my-page-layout .inquiry_detail .basic-list-item .list-title {
    color: var(--Right-1, #D5D5D5);
}

.my-page-layout .inquiry_detail .inquiry-title span.h-spacing {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}

.my-page-layout .inquiry_detail .inquiry-title span.h-spacing1 {
    color: var(--Dark-3, #8A8A8A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}

body.dark-mode .my-page-layout .inquiry_detail .inquiry-title span.h-spacing {
    color: var(--Dark-3, #8A8A8A);
}

.my-page-layout .inquiry_detail .green-underline-text {
    color: var(--Brand-Color1, #13BD7E);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.3px;
    text-decoration-line: underline;
}

.my-page-layout .inquiry_detail .others-inquiry-container .basic-text {
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 510;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.042px;
}

body.dark-mode .my-page-layout .inquiry_detail .others-inquiry-container .basic-text {
    color: var(--Dark-5, #C8C8C8);
}

.my-page-layout .new_inquiry .custom-select-list {
    position: absolute;
    top: 58px;
    right: 0;
    width: 200px;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid var(--Right-1, #d5d5d5);
    background: var(--Right-5, #fff);
    z-index: 100;
}

body.dark-mode .my-page-layout .new_inquiry .custom-select-list {
    border: 0;
}

.my-page-layout .new_inquiry .custom-select-item {
    display: flex;
    width: 200px;
    height: 62px;
    padding: 10px 14px;
    align-items: center;
    gap: 10px;
    color: var(--Dark-2, #424A53);
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%; /* 21px */
    letter-spacing: -0.3px;
    cursor: pointer;
}

    .my-page-layout .new_inquiry .custom-select-item:hover, .my-page-layout .new_inquiry .custom-select-item.active {
        border-bottom: 0.5px solid var(--Dark-4, #B3B3B3);
        background: var(--Right-3, #EDEDED);
        backdrop-filter: blur(2px);
    }

    body.dark-mode .my-page-layout .new_inquiry .custom-select-item:hover, .my-page-layout .new_inquiry .custom-select-item.active {
        border-bottom: 0;
    }

.my-page-layout .change_email button.buttonShow {
    /* width: 100%; */
    /* height: 48px; */
    padding: 0;
    border-radius: 10px;
    background: var(--Brand-Color1, #13BD7E);
    color: var(--Right-5, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.24px;
}

.my-page-layout .btn-fixed-box {
    display: flex;
    gap: 10px;
    position: absolute;
    width: 90%;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 0;
    padding-bottom: 0;
}

.my-page-layout .wrapper-inner .btn-fixed-box {
    display: flex;
    gap: 10px;
    position: absolute;
    width: 90%;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 0;
    padding-bottom: 0;
}

.my-page-layout .wrapper-inner .btn-fixed-box1 {
    position: inherit;
    margin-top: 130px;
    padding-bottom: 15px;
    width: inherit;
    bottom: inherit;
    left: inherit;
    transform: initial;
}

.my-page-layout .card_register .add_asset .grayBox {
    padding: 0 11px;
}

    .my-page-layout .card_register .add_asset .grayBox li {
        padding: 14px 0;
    }

.my-page-layout .card_register .card-password-wrap .group-input {
    width: auto;
}

@media screen and (max-width: 320px) {
    .my-page-layout .card_register .group-input {
        font-size: 12px;
    }

    body.dark-mode .my-page-layout .card_register .group-input {
        font-size: 12px;
    }

    .my-page-layout .card_register .add_asset .grayBox li span.title {
        font-size: 12px;
    }

    body.dark-mode .my-page-layout .card_register .add_asset .grayBox li span.title {
        font-size: 12px;
    }
}

.my-page-layout .fingId__back {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    height: 68px;
    z-index: 1000;
}

@media (min-width: 768px) {
    .my-page-layout .fingId__back {
        max-width: 430px;
        width: 100%;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
    }
}

@supports (-webkit-touch-callout: none) {
    .my-page-layout .fingId__back {
        height: 108px;
        padding-top: 40px;
    }

    .my-page-layout #singup_div_my1 {
        padding: 8rem 16px 0 16px;
    }
}

.my-page-layout #sign_out_wrap1 {
    padding: 5rem 16px 0 16px;
}

.my-page-layout .wrapper-inner .emailPopup .popup > p {
    background-color: transparent;
}

    .my-page-layout .wrapper-inner .emailPopup .popup > p > span {
        background-color: transparent;
    }

.my-page-layout .loginButton .Not-Entered {
    border-radius: 10px;
    border: 1px solid var(--Brand-Color1, #13BD7E);
    color: var(--Brand-Color1, #13BD7E);
    font-size: 20px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.3px;
    background: #fff;
}

body.dark-mode .my-page-layout .loginButton .Not-Entered {
    border: 1px solid var(--Brand-Color1, #13BD7E);
    color: var(--Brand-Color1, #13BD7E);
    background: #1B1B1C;
}

/*# sourceMappingURL=style.css.map */