:root {
    --b_light: #404040;
    --white: white;
    --14: rgba(0, 0, 0, .14);
    --box2: #f2f2f2;
    --black: black;
    --grey: grey;
    --point2: #ea5344;
    --point: #ffa638;
    --deepbox: #161616;
    --short: #f34840;
    --long: #00b4c9;
    --hover: #99d8ff;
    --point_3: #ff5d5d;
    --hover-3: #ffbf8f;
    --back: #f2f2f2;
    --point4: #f4ae1a;
    --midnight-blue: rgba(32, 32, 64, .7);
    --hover2: #5fc2ff;
    --50_op: rgba(0, 0, 0, .5);
    --30_op: rgba(0, 0, 0, .3);
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

.w-checkbox:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

.footerlogoblock {
    min-width: 180px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    margin-right: 20px;
    display: flex;
}

.copyright {
    color: rgba(255, 255, 255, .5);
    font-weight: 100;
    display: flex;
}

.footer_block {
    width: 100%;
    min-height: 150px;
    background-color: var(--b_light);
    color: var(--white);
    align-items: center;
    padding: 40px;
    display: flex;
}

.custermermain_warp {
    width: 100%;
}

.frame3 {
    width: 100%;
    min-height: 100vh;
}

.popup {
    z-index: 99999;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.logoblock {
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    display: flex;
}

.topblock {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    min-width: 1280px;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
    display: flex;
}

.userinfobtn {
    width: 180px;
    height: 90%;
    border-left: 1px solid rgba(0, 180, 201, .1);
    border-right: 1px solid rgba(0, 180, 201, .1);
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-left: 5px;
    padding-right: 12px;
    font-size: 12px;
    display: flex;
    position: relative;
}

.main_popfeild {
    width: 100%;
    height: 500px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px;
    overflow: auto;
}

.text4 {
    color: #999;
    text-align: center;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
}

.main_noticepop {
    background-color: rgba(0, 0, 0, .3);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.checkbox-label {
    margin-bottom: 0;
    margin-left: 5px;
}

.text7 {
    color: var(--grey);
    align-items: center;
    margin-left: 10px;
    display: flex;
}

.mob_sidebtn {
    display: none;
}

.frame {
    width: 100%;
    min-width: 1180px;
    flex-direction: column;
}

.main_banner {
    width: 100%;
    min-height: 50vh;
    background-color: var(--point2);
    color: var(--white);
    align-items: center;
    display: flex;
    position: relative;
}

.pop_exist {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 15px;
    bottom: auto;
    left: auto;
    right: 15px;
}

.bottom {
    width: 100%;
    flex-direction: column;
    display: flex;
}

.checkbox-field {
    justify-content: flex-end;
    display: flex;
}

.asset_coininfo_name {
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    display: flex;
}

.mainpop_block {
    width: 500px;
    background-color: var(--white);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    padding: 40px 30px 60px;
    position: relative;
}

.top {
    width: 100%;
    height: 54px;
    background-color: var(--black);
    color: var(--white);
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.form-block-15 {
    height: 20px;
    margin-bottom: 0;
    font-size: 14px;
    position: absolute;
    top: auto;
    bottom: -90%;
    left: auto;
    right: 0%;
}

.footerlogo {
    width: 180px;
    height: 32px;
    cursor: pointer;
    background-image: url('../images/png_logo_1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.title4 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

.image-38 {
    width: 25px;
    height: 25px;
    opacity: .5;
}

.appbtn_warp {
    width: 190px;
    height: 100%;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.warp2 {
    width: 100%;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.title3 {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

.registbtn {
    height: 40px;
    min-width: 90px;
    background-color: #a19e9e;
    color: var(--black);
    text-align: center;
    white-space: normal;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 8px;
    font-weight: 700;
    transition: background-color .2s;
    display: flex;
}

.logo {
    width: 150px;
    height: 42px;
    min-width: 150px;
    cursor: pointer;
    background-image: url('../images/png_logo_1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.top_leftblock {
    height: 100%;
    min-width: 400px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    display: flex;
}

.title7 {
    text-align: center;
    margin-bottom: 20px;
    padding-left: 5px;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    display: flex;
}

.mainpopbtn {
    width: 300px;
    height: 40px;
    border: 1px solid var(--point);
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-size: 17px;
    display: flex;
}

.profilename {
    color: #fff;
    margin-right: 5px;
}

.loginbtn {
    height: 40px;
    min-width: 90px;
    color: #fff;
    text-align: center;
    white-space: normal;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px;
    font-weight: 700;
    display: flex;
}

.loginbtn:hover {
    background-color: var(--deepbox);
    color: var(--point);
}

.body1 {
    background-color: var(--box2);
    color: var(--black);
    font-family: Noto Sans KR, sans-serif;
}

.hold_txt {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
}

.krw {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: rgba(255, 255, 255, .65);
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.message_btn {
    width: 48px;
    height: 60px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    display: flex;
    position: relative;
}

.message_img {
    width: 30px;
}

.m_new {
    width: 15px;
    height: 15px;
    color: #fff;
    background-color: #f34840;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    display: flex;
    position: absolute;
    top: 20%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.body {
    background-color: var(--black);
    font-family: Noto Sans KR, sans-serif;
}

.body2 {
    background-color: var(--box2);
    color: var(--black);
    font-family: Noto Sans KR, sans-serif;
}

.orderbook_box {
    flex-direction: column;
    justify-content: flex-start;
}

.orderbook_box.orderbook {
    display: flex;
}

.orderbook_box.orderbook.all {
    display: none;
}

.coinsub_info {
    display: flex;
}

.order_topbtnlist {
    width: 100%;
    height: 40px;
    background-color: var(--deepbox);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    display: flex;
}

.assetlist {
    justify-content: flex-start;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
}

.p_cancle {
    width: 14%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.p_cancle:hover {
    color: var(--point2);
}

.form-block {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.position_notlogin {
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, .5);
    justify-content: center;
    align-items: center;
    font-size: 13px;
    display: none;
}

.tradebtn2 {
    width: 49%;
    height: 100%;
    background-color: var(--short);
    text-align: center;
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    transition: background-color .4s;
    display: flex;
}

.tradebtn2:hover {
    background-color: rgba(243, 72, 64, .5);
}

.image-41 {
    width: 21px;
    height: 12px;
    margin-left: auto;
}

.position_listblock3 {
    flex-direction: column;
    display: none;
    overflow: auto;
}

._24hinfo {
    height: 100%;
    min-width: 800px;
    justify-content: flex-start;
    margin-left: 10px;
    display: flex;
}

.markettradelist {
    width: 100%;
    height: 35px;
    align-items: center;
    margin-top: 3px;
    margin-bottom: 3px;
    display: flex;
}

.quantitybar_block {
    width: 100%;
    height: 30px;
    align-items: center;
    margin-bottom: 5px;
    padding-right: 5px;
    display: flex;
}

.form-15 {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.coinsub_infotxt {
    width: 97px;
}

.coinsub_infotxt.right {
    margin-right: 0;
}

.coinsub_infotxt.high {
    color: #00b4c9;
}

.trade_block3 {
    height: 60%;
    margin-bottom: 5px;
    display: flex;
}

.positionlistblock {
    height: 50px;
    display: flex;
}

.positionlistblock:hover {
    background-color: rgba(255, 255, 255, .1);
}

.tradesub_btnlist {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    justify-content: center;
    margin-top: 5px;
    display: flex;
}

.tradetop_coin {
    height: 100%;
    min-width: 200px;
    align-items: center;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.image {
    width: 30px;
    height: 30px;
}

._24hsub {
    color: rgba(255, 255, 255, .5);
    margin-bottom: 5px;
}

.domlist_info {
    z-index: 1;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 15px;
    display: flex;
    position: absolute;
}

.domlist_info.left {
    justify-content: flex-end;
}

.p_clearing {
    width: 12%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.quantitybar_percentbar {
    z-index: 1;
    width: 50%;
    height: 100%;
    max-width: 100%;
    background-color: var(--point);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.orderbook_top {
    width: 100%;
    height: 45px;
    background-color: var(--deepbox);
    justify-content: center;
    align-items: center;
    display: flex;
}

.button-16 {
    width: 40%;
    height: 25px;
    background-color: #a9abaf;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-size: 11px;
    display: flex;
}

.button-16:hover {
    background-color: rgba(169, 171, 175, .5);
}

.transactionwarp {
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px 25px;
    display: flex;
}

.coinsub_toptxt {
    width: 65px;
    margin-right: 30px;
}

.coinsub_toptxt.coin {
    margin-right: 5px;
}

.dombox_short {
    height: 50%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.top_runtimequote {
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    display: flex;
}

.top_runtimequote.down {
    color: #f34840;
}

.positiononfo_cancle {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.tradehistory_top {
    width: 100%;
    height: 45px;
    color: rgba(255, 255, 255, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.tradebtn1 {
    width: 49%;
    height: 100%;
    background-color: var(--long);
    text-align: center;
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 13px;
    font-weight: 700;
    transition: background-color .4s;
    display: flex;
}

.tradebtn1:hover {
    background-color: rgba(0, 180, 201, .5);
    border-bottom-color: #02c77a;
}

.trade_topblock {
    width: 100%;
    height: 60px;
    min-width: 1040px;
    background-color: var(--deepbox);
    align-items: center;
    margin: 5px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.mob_leveragebtn,
.mob_tradingbtn {
    display: none;
}

.orderbook_top2 {
    height: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.orderbook_top2._1 {
    width: 100%;
    height: 45px;
    border-bottom-style: none;
    justify-content: flex-end;
}

.dombox_long {
    height: 50%;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
}

.order_top2 {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
}

.transaction_block {
    width: 100%;
    height: 100%;
}

.position_warp2 {
    height: 320px;
    flex-direction: column;
    display: none;
    overflow: auto;
}

.leverage_warp {
    height: 130px;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.trade_block {
    width: 78%;
    flex-direction: column;
    display: flex;
}

._24hinfolist {
    height: 100%;
    min-width: 120px;
    flex-direction: column;
    margin-right: auto;
    padding: 10px 5px;
    display: flex;
}

.ordertxt4 {
    color: rgba(255, 255, 255, .5);
}

.domlist_graphh {
    height: 100%;
    background-color: rgba(0, 180, 201, .3);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0;
    right: 0%;
}

.domlist_graphh.short {
    z-index: -1;
    color: #f34840;
    background-color: rgba(243, 72, 64, .3);
    display: flex;
}

.text-block-15 {
    width: 30px;
    margin-right: 10px;
    font-size: 15px;
}

.quote_box {
    width: 100%;
    height: 505px;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.tradebtn_block {
    width: 100%;
    height: 50px;
    justify-content: space-between;
    margin: 10px auto;
    display: flex;
}

.tradelistbox2 {
    flex-direction: column;
    margin-bottom: 10px;
    display: flex;
}

.positiononfo {
    width: 12%;
    text-align: right;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    display: flex;
}

.positiononfo.short {
    color: var(--short);
}

.transaction_topbtn {
    height: 40px;
    display: flex;
}

.trade_coinsub {
    width: 380px;
    background-color: var(--b_light);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
    padding-bottom: 5px;
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
}

.orderbook_block {
    height: 100%;
    min-width: 250px;
}

.markettrade_box {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-left: 10px;
    padding-right: 10px;
}

.markettrade_box:hover {
    background-color: rgba(255, 255, 255, .1);
}

._24hinfo_txt {
    color: #fff;
    text-align: left;
}

._24hinfo_txt.low {
    color: #f34840;
}

._24hinfo_txt.high {
    color: #00b4c9;
}

.position_listblock1 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ordertxt {
    width: 20%;
    color: #fff;
    text-align: left;
    justify-content: center;
    display: flex;
}

.ordertxt.right {
    justify-content: flex-end;
    padding-left: 5px;
    padding-right: 5px;
}

.ordertxt.left {
    justify-content: flex-start;
    padding-left: 5px;
    padding-right: 5px;
}

.transaction_btm {
    width: 43%;
    height: 100%;
    color: rgba(255, 255, 255, .5);
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgba(255, 255, 255, .3);
    justify-content: center;
    align-items: center;
    padding: 5px 0 0;
    font-size: 12px;
    display: flex;
}

.transaction_btm.click {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.coinsub {
    color: #fff;
    margin-left: 5px;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}

.positionblock1 {
    width: 100%;
    flex-direction: column;
    display: flex;
}

.order_block {
    width: 100%;
    height: 40%;
    background-color: var(--deepbox);
    padding-bottom: 14px;
    overflow: hidden;
}

.ordertxt5 {
    color: rgba(255, 255, 255, .5);
    text-align: center;
    justify-content: center;
    display: flex;
}

.ordertxt5.right {
    text-align: left;
    justify-content: center;
    margin-right: auto;
}

.text-block-36 {
    margin-bottom: 10px;
    font-size: 15px;
}

.trade_mainframe {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
}

.domlist {
    width: 100%;
    height: 9.05%;
    border-top: 1px solid rgba(255, 255, 255, .3);
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

.text-block-41 {
    min-width: 90px;
    text-align: center;
    border-bottom: 1px solid #fff;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}

.quantitybar_percentcircle {
    z-index: 1;
    width: 20px;
    height: 20px;
    background-color: var(--point);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    right: -10px;
}

.quantitybar {
    width: 100%;
    height: 5px;
    background-color: var(--grey);
    border-radius: 100px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
    position: relative;
}

.tradeblock1 {
    width: 22%;
    background-color: var(--deepbox);
    flex-direction: column;
    margin-left: 5px;
    display: flex;
}

.quantitybar_circle {
    z-index: 1;
    width: 10px;
    height: 10px;
    background-color: var(--grey);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    left: 0%;
}

.quantitybar_circle._50 {
    left: 50%;
}

.quantitybar_circle._100 {
    left: 99%;
}

.quantitybar_circle._75 {
    left: 75%;
}

.quantitybar_circle._25 {
    left: 25%;
}

.quantitybar_circle.on {
    background-color: var(--point);
}

.text-field-13 {
    width: 70%;
    height: 40px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 255, .3);
    margin-bottom: 0;
}

.div-block-108 {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    margin-bottom: 10px;
}

.tradeblock2 {
    background-color: var(--deepbox);
    flex-direction: column;
    grid-template: ". ." 400px "Area Area-2" 400px / minmax(385px, 1fr);
    grid-auto-rows: minmax(auto, 1fr);
    grid-auto-columns: minmax(385px, 1fr);
    grid-auto-flow: row;
    align-content: start;
    justify-content: start;
    display: flex;
}

.tradeblock2.transaction {
    grid-template-columns: minmax(400px, 1fr) minmax(400px, 1fr);
}

.order_topbtn {
    width: 150px;
    height: 100%;
    color: rgba(255, 255, 255, .5);
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 13.5px;
    display: flex;
}

.order_topbtn:hover {
    color: rgba(255, 255, 255, .5);
}

.order_topbtn.click {
    background-color: var(--b_light);
    color: #fff;
}

.quote_price {
    justify-content: flex-end;
    display: flex;
}

.quote_price.long {
    color: #00b4c9;
    text-align: right;
}

.quote_price.short {
    width: auto;
    color: var(--short);
}

.order_txt1 {
    width: 100%;
    height: 20px;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 100;
    display: flex;
}

.chartblock {
    width: 73%;
    min-width: 500px;
    background-color: var(--deepbox);
    margin-right: 5px;
    display: flex;
}

.tradesub_btn {
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, .5);
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    transition: background-color .4s;
    display: flex;
}

.tradesub_btn:hover {
    background-color: var(--point);
    color: #fff;
}

.tradesub_btn._1 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.tradesub_btn._1.click {
    background-color: var(--point);
    color: var(--white);
}

.tradesub_btn._2 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tradesub_btn.click {
    background-color: var(--point);
    color: var(--white);
}

.topblock_quotebox {
    width: 60px;
    height: 25px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
}

.topblock_quotebox.up {
    background-color: #00b4c9;
}

.topblock_quotebox.down {
    background-color: var(--short);
}

.div-block-116 {
    height: 40px;
    color: rgba(255, 255, 255, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
}

.runtimequote-copy {
    width: 85px;
    color: #fff;
    align-items: center;
    margin-right: 5px;
    display: flex;
}

.runtimequote-copy.up {
    color: #00b4c9;
}

.runtimequote-copy.down {
    color: #f34840;
}

.dombox_quote {
    height: 45px;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.slash {
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.trade_frame {
    width: 100%;
    min-width: 1500px;
    color: var(--white);
    flex-direction: column;
    padding-bottom: 5px;
    display: flex;
}

.div-block-115 {
    width: 160px;
    height: 100%;
    align-items: center;
    margin-left: 10px;
    display: flex;
}

.assetblock {
    background-color: var(--black);
    border-radius: 5px;
    flex-direction: column;
    margin: 15px 20px;
    padding: 10px;
    display: flex;
}

.text-block-35 {
    display: flex;
}

.position_warp1 {
    height: 320px;
    flex-direction: column;
    display: flex;
    overflow: auto;
}

.dom_quote {
    color: #fff;
    text-align: center;
    margin-left: 10px;
    font-size: 16px;
    line-height: 30px;
    display: flex;
}

.dom_quote.long {
    font-weight: 500;
}

.position_box {
    width: 100%;
    height: 90%;
}

.trademarket_txtbox {
    width: 37%;
    margin-right: auto;
}

.trademarket_txtbox.short {
    color: #f34840;
}

.trademarket_txtbox.time {
    width: 23%;
}

.trademarket_txtbox.long {
    color: #00b4c9;
}

.text-field {
    height: 30px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    margin-bottom: 0;
}

.ordertxt2 {
    color: var(--white);
    font-weight: 500;
    line-height: 30px;
}

.order_top1 {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    align-items: center;
    display: flex;
}

.quote_quantity {
    color: #fff;
    justify-content: flex-end;
    display: flex;
}

.quote_quantity.right {
    justify-content: flex-start;
}

.title1 {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.form {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
}

.usdt-asset {
    padding: 10px 25px;
}

.orderbook_btn {
    width: 50%;
    height: 100%;
    color: rgba(255, 255, 255, .3);
    border-bottom: 2px solid rgba(255, 255, 255, .3);
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.orderbook_btn.click {
    background-color: var(--b_light);
    color: #fff;
    border-bottom-color: #fff;
}

.assetlistbox {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    display: flex;
}

.image-42 {
    width: 25px;
    height: 25px;
    margin-right: 8px;
}

.funding_ratetxt {
    color: #fff;
}

.funding_ratetxt.up {
    color: #00b4c9;
}

.leverage_block {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

._24hblock1 {
    justify-content: flex-start;
    display: flex;
}

.button-44 {
    width: 25%;
    height: 35px;
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 15px;
    transition: background-color .4s;
    display: flex;
}

.button-44:hover {
    background-color: var(--hover);
}

.right {
    margin-right: auto;
}

.ordertxt3 {
    color: #fff;
    margin-left: auto;
}

.ordertxt3.down {
    color: #f34840;
}

.ordertxt3.up {
    color: var(--long);
}

.order_toplisttxt1 {
    width: 12%;
    height: 100%;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.position_login {
    color: #00b4c9;
    margin-left: 5px;
    margin-right: 5px;
}

.markettrade {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    justify-content: flex-start;
    display: block;
}

.markettrade.tradehistory {
    display: flex;
}

.markettrade.tradehistory.all {
    display: none;
}

.trade_coiningo_warp {
    width: 100%;
}

.position_listblock2 {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.orderbox1 {
    width: 27%;
    background-color: var(--deepbox);
    flex-direction: column;
    display: flex;
}

.trade_coinsublist {
    width: 100%;
    height: 50px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    display: flex;
}

.trade_coinsublist:hover {
    background-color: rgba(255, 255, 255, .15);
}

.mob_asidepop {
    color: #fff;
    display: none;
}

.submit-button-2 {
    height: 45px;
    border: 1px solid #6d6c6a;
    background-color: #020202;
    color: var(--white);
    text-align: center;
    border-radius: 5px;
    margin-top: 20px;
    padding-left: 40%;
    padding-right: 40%;
    font-size: 15px;
    transition: background-color .4s;
}

.submit-button-2:hover {
    color: #413f3f;
    background-color: #ffffff;
}

.text-field-10 {
    height: 45px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 0;
}

.title5 {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

.login_sideimage {
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.loginbox {
    width: 100%;
    height: 40px;
    justify-content: space-between;
    display: flex;
}

.frame4 {
    min-height: 90vh;
    background-image: url('../images/wihte_wave.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
    display: flex;
}

.text-field-9 {
    width: 65%;
    height: 100%;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 0;
}

.loginblock {
    width: 500px;
    background-color: var(--white);
    color: var(--black);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 50px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.login_sidetext {
    min-height: 100px;
    border-left: 5px solid #0e0e0e;
    background-image: linear-gradient(to right, var(--white) 49%, transparent);
    margin-bottom: 50px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
}

.login_block {
    height: 100%;
    min-width: 1000px;
    justify-content: center;
    align-items: center;
    margin-left: 100px;
    margin-right: 100px;
    display: flex;
}

.login_sideiblock {
    width: 500px;
    height: 100%;
    flex-direction: column;
    margin-left: 70px;
    padding-top: 50px;
    display: flex;
}

.form-5 {
    min-height: 350px;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
}

.button-10 {
    width: 32%;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color .4s;
    display: flex;
}

.button-10:hover {
    background-color: var(--point);
    color: #fff;
}

.text6 {
    font-size: 13px;
    line-height: 30px;
}

.select-field-7 {
    width: 32%;
    height: 100%;
    border: 1px solid #000000;
    background-color: var(--box2);
    color: #000000;
    border-radius: 5px;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}

.text-block-26 {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

.pop_btn {
    width: 100%;
    height: 44px;
    justify-content: space-between;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.pop_btn.welcome {
    justify-content: center;
}

.title6 {
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
}

.button-15 {
    width: 48%;
    height: 100%;
    border: 1px solid var(--point);
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 17px;
    display: flex;
}

.registpop_blcok {
    width: 500px;
    background-color: var(--b_light);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 5px;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 30px 25px;
    display: flex;
}

.poptitle {
    margin-bottom: 14px;
    font-size: 35px;
    line-height: 40px;
}

.poptitle.welcome {
    justify-content: center;
    display: flex;
}

.welcomepop {
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.welecomeblock {
    height: 120px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    display: flex;
}

.button-32 {
    min-width: 30%;
    border: 1px solid var(--point);
    background-color: var(--deepbox);
    color: var(--point);
    text-align: center;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    padding: 10px;
    transition: background-color .2s;
    display: flex;
}

.button-32:hover {
    background-color: var(--point);
    color: var(--white);
}

.field-label {
    margin-top: 10px;
    margin-bottom: 8px;
}

.registpop {
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.text-field-18 {
    width: 67%;
    height: 100%;
    background-color: var(--deepbox);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
    margin-bottom: 0;
}

.pop_input {
    height: 45px;
    justify-content: space-between;
    margin-bottom: 8px;
    display: flex;
}

.button-15-copy {
    width: 47%;
    height: 100%;
    border: 1px solid var(--point);
    background-color: var(--black);
    color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 17px;
    display: flex;
}

.text-block-24 {
    color: rgba(255, 255, 255, .5);
}

.asset_cointitle {
    width: 95px;
    display: flex;
}

.frame2 {
    width: 100%;
    min-height: 80vh;
    justify-content: center;
    display: flex;
}

.asset_coin {
    width: 90%;
    min-height: 100px;
    border-bottom: 2px solid var(--14);
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    display: flex;
}

.asset_coininfo_txt {
    min-width: 90px;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: auto;
    display: flex;
}

.asset_coinsub_top {
    height: 30px;
    max-width: 605px;
    color: var(--point);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 10px;
    padding-left: 115px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 13px;
    display: flex;
}

.asset_coinsub_top.usdt.all,
.asset_coinsub_top.trx.all,
.asset_coinsub_top.xrp.all,
.asset_coinsub_top.eth.all {
    display: none;
}

.warn {
    color: #f34840;
    font-weight: 500;
}

.unit {
    margin-left: 5px;
}

.asset_coininfo {
    width: 495px;
    justify-content: flex-end;
    padding-left: 5px;
    display: flex;
}

.asset_warntxt {
    font-size: 12px;
}

.asset_value {
    width: 200px;
    height: 50px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 13px;
    display: flex;
}

.menubtn {
    height: 45px;
    min-width: 100px;
    background-color: var(--deepbox);
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    display: flex;
}

.menubtn:hover {
    color: var(--point);
    font-weight: 500;
}

.menubtn.click {
    background-color: var(--point);
}

.menubtn.click:hover {
    color: #fff;
}

.asset_coinsub_name {
    width: 100px;
    align-items: center;
    font-size: 20px;
    display: flex;
}

.asset_coinsub_toptxt {
    width: 23%;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    display: flex;
}

.button-46 {
    width: 200px;
    height: 40px;
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    transition: background-color .2s;
    display: flex;
}

.button-46:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #5c56d4 #5c56d4 var(--point);
    background-color: var(--white);
    color: var(--point);
}

.coinimg1 {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.button-4 {
    width: 100px;
    height: 40px;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    padding: 0;
    transition: background-color .2s;
    display: flex;
}

.button-4:hover {
    background-color: var(--point);
    color: #fff;
}

.assettitle {
    text-align: left;
    margin-bottom: 15px;
    margin-left: 100px;
    font-size: 30px;
    line-height: 40px;
}

.deposit_warp3 {
    background-color: var(--white);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 60px;
    display: flex;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.btnarea {
    align-items: flex-end;
    display: flex;
}

.assetbox {
    width: 100%;
    max-width: 1920px;
    min-width: 1280px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.warn_title {
    font-size: 14px;
    font-weight: 400;
}

.deposit_warp1 {
    height: 60px;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 100px;
    display: flex;
}

.asset_block {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.depositbtntxt {
    min-width: 50px;
    color: var(--white);
    justify-content: flex-end;
    margin-left: auto;
    font-weight: 500;
    display: flex;
    position: relative;
}

.depositbtntxt:hover {
    color: var(--point);
}

.deposit_warp2 {
    height: 55px;
    border-bottom: 3px solid var(--point);
    background-color: var(--deepbox);
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 120px;
    display: flex;
}

.asset_coininfoblock {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 13px;
    font-weight: 500;
    display: flex;
}

.asset_address {
    width: 100%;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: Noto Sans KR, sans-serif;
    font-weight: 400;
    display: flex;
}

.asset_address.eth.all {
    display: none;
}

.asset_address.btc {
    flex-direction: row;
    margin-bottom: 20px;
    padding-left: 10px;
}

.asset_address.usdt.all,
.asset_address.trx.all,
.asset_address.xrp.all {
    display: none;
}

.asset_coinsub {
    width: 90%;
    min-height: 80px;
    border-bottom: 1px dashed var(--14);
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    display: flex;
}

.myassetvalue {
    flex-direction: row;
    align-items: flex-end;
    padding-left: 10px;
    display: flex;
}

.assettxt1 {
    color: var(--point);
}

.asset_warn {
    height: 100px;
    margin-top: 8px;
    margin-bottom: 30px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 13px;
    display: flex;
}

.asset_warn.xrp.all,
.asset_warn.eth.all,
.asset_warn.usdt.all,
.asset_warn.trx.all {
    display: none;
}

.submit-button {
    height: 45px;
    background-color: var(--point);
    border-radius: 5px;
    margin-top: 15px;
    font-size: 15px;
    transition: background-color .2s;
}

.submit-button:hover {
    border: 1px solid var(--point);
    color: var(--point);
    background-color: #fff;
}

.form-2 {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 30px;
    display: flex;
}

.mawqty {
    width: 70px;
    height: 100%;
    color: var(--white);
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    transition: color .2s;
    display: flex;
}

.mawqty:hover {
    color: var(--point);
}

.assetlistbox2 {
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
}

.asset_able {
    margin-left: 15px;
}

.asset_fee {
    padding-left: 15px;
}

.asset_listbox {
    flex-direction: row;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.text-field-3 {
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 20px;
}

.withrawl_qty {
    margin-bottom: 15px;
    display: flex;
}

.form-block-2 {
    width: 450px;
    margin-top: 15px;
    display: flex;
}

.form-block-2.usdt.all,
.form-block-2.eth.all,
.form-block-2.trx.aii,
.form-block-2.xrp.all {
    display: none;
}

.text-field-4 {
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 0;
}

.asset_tabletop {
    height: 40px;
    border-bottom: 2px solid rgba(255, 255, 255, .3);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    display: flex;
}

.form-3 {
    margin-bottom: 10px;
    margin-left: 100px;
    padding-left: 20px;
    display: flex;
}

.listtext1 {
    width: 10%;
    height: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.listtext1.ok {
    color: #00b4c9;
}

.listtext1.cancle {
    color: #f34840;
}

.listtext1.long {
    color: #00b4c9;
}

.listtext1.short {
    color: var(--short);
}

.listtext1.leftt {
    margin-left: 0;
}

.listtext1.right {
    margin-right: 0;
}

.listtext1.down {
    color: #f34840;
}

.listtext1.up {
    color: #00b4c9;
}

.text-field-5 {
    width: 150px;
    border-style: solid;
    border-width: 1px 1px 2px;
    border-color: transparent transparent var(--14);
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
}

.form-block-4 {
    flex-direction: column;
    display: flex;
}

.listpage_warp {
    height: 35px;
    justify-content: center;
    margin-top: 20px;
    display: flex;
}

.button-19 {
    width: 35px;
    height: 35px;
    color: var(--grey);
    background-color: rgba(0, 0, 0, 0);
    font-size: 15px;
    line-height: 20px;
}

.button-19:hover {
    color: var(--point);
}

.button-19.click {
    color: var(--point);
    text-decoration: underline;
}

.listtext2 {
    width: 315px;
    height: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.listtext2.up {
    color: #00b4c9;
}

.listtext2.down {
    color: #f34840;
}

.listtext2.left {
    margin-left: 0;
}

.select-field-5 {
    width: 120px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 0 18px 0 10px;
    display: flex;
}

.listtext3 {
    width: 15%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.listtext3.dowm {
    color: var(--short);
}

.listtext3.up {
    color: #00b4c9;
}

.listtext3.long {
    color: var(--long);
}

.listtext3.short {
    color: var(--short);
}

.listtext3.left {
    margin-left: 0;
}

.asset_tablelist {
    height: 50px;
    border-bottom: 1px dashed var(--14);
    padding: 5px 20px;
    font-size: 13px;
    display: flex;
}

.asset_tablelist:hover {
    background-color: rgba(255, 255, 255, .15);
}

.deposit_warp4 {
    background-color: var(--white);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: 20px;
    padding-bottom: 60px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.assetwarp {
    min-height: 350px;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.assetwarp.mypage {
    margin-left: 0;
}

.asset_table {
    height: 100%;
}

.table_warp {
    width: 90%;
    margin-top: 20px;
    margin-left: 100px;
    font-size: 12px;
}

.table_warp.funding {
    flex-direction: column;
    display: flex;
}

.text2 {
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
}

.withrawlpop {
    background-color: rgba(0, 0, 0, .3);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.form-block-14 {
    margin-top: 20px;
}

.link-block {
    position: absolute;
}

.withrawlblock {
    width: 600px;
    color: #fff;
    background-color: #1f1f1f;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    padding: 30px 30px 20px;
    display: flex;
    position: relative;
}

.exchange_result {
    display: flex;
}

.select-field-2 {
    width: 200px;
    height: 38px;
    border: 1px solid var(--point);
    background-color: var(--box2);
    color: var(--point);
    border-radius: 5px;
    margin-bottom: 0;
    padding: 0 20px 0 15px;
}

.exchange_quote2 {
    margin-left: 10px;
}

.text-field-8 {
    width: 360px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--white);
    border-radius: 5px;
    margin-bottom: 0;
}

.text-field-8.select {
    border-color: var(--point);
}

.assetbox5 {
    width: 400px;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 30px;
    display: flex;
}

.exchange_quote3 {
    justify-content: flex-start;
    margin-left: 10px;
    display: flex;
}

.assetbox3 {
    width: 500px;
    height: 40px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 30px;
    display: flex;
}

.exchangeinfo {
    margin-left: 30px;
    display: flex;
}

.asset_block2 {
    width: 700px;
    border-bottom: 1.5px solid rgba(255, 255, 255, .3);
    flex-direction: column;
    justify-content: space-around;
    padding-top: 20px;
    padding-bottom: 40px;
    font-family: Noto Sans KR, sans-serif;
    display: flex;
}

.exchangebtn {
    width: 56px;
    height: 56px;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
}

.coin_selectwrap {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-end;
    display: flex;
}

.exchangebtn_img {
    width: 56px;
    height: 56px;
    display: block;
}

.button-6 {
    width: 120px;
    height: 40px;
    background-color: var(--point);
    color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.exchange_result1 {
    color: #9d00ff;
    align-items: flex-start;
    font-size: 35px;
    line-height: 40px;
    display: flex;
}

.form-block-3 {
    width: 100%;
    margin-bottom: 0;
    padding-left: 100px;
}

.exchange_quote1 {
    margin-left: 10px;
}

.asset_quote {
    width: 100%;
    align-items: center;
    display: flex;
}

.form-block-13 {
    margin-left: 100px;
}

.result_warp {
    width: 600px;
    height: 150px;
    border-top: 1px solid var(--14);
    justify-content: flex-start;
    margin-left: 100px;
    padding-top: 30px;
    font-family: Noto Sans KR, sans-serif;
    display: flex;
}

.exchange_result2,
.exchange_result1-copy {
    height: 50px;
    color: #9d00ff;
    align-items: flex-start;
    font-size: 35px;
    line-height: 40px;
    display: flex;
}

.result_btn {
    width: 300px;
    height: 40px;
    border: 1px solid var(--point);
    background-color: var(--black);
    color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.result_btn.click {
    background-color: var(--point);
    color: var(--white);
}

.assetbox2 {
    margin-bottom: 10px;
    display: flex;
}

.text3 {
    width: 150px;
    color: gray;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    font-size: 14px;
    display: flex;
}

.result_txt {
    color: var(--point);
}

.assetbox4 {
    margin-top: 40px;
    padding-left: 85px;
}

.dw_btn1 {
    width: 85px;
    height: 35px;
    border: 2px solid var(--white);
    background-color: var(--point);
    background-image: linear-gradient(to bottom, var(--point), var(--point_3));
    color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.dw_btn1:hover {
    background-image: linear-gradient(to bottom, var(--point_3), var(--short));
}

.dw_btn2 {
    width: 60px;
    height: 35px;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    padding: 0;
    display: flex;
}

.dw_btn2:hover {
    background-color: var(--point);
    color: #fff;
}

.dw_btn2._2 {
    border-color: var(--short);
    color: var(--short);
}

.dw_btn2._2:hover {
    background-color: var(--short);
    color: var(--white);
}

.anotice {
    color: var(--point);
    align-items: center;
    margin-bottom: 10px;
    margin-left: 2px;
    padding-top: 0;
    padding-bottom: 3px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: flex;
}

.useraccount {
    width: 70%;
    height: 45px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--point);
    letter-spacing: 0;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 12px;
    display: flex;
}

.wallettxt {
    width: 26%;
    margin-right: auto;
}

.mymoney {
    color: #fff;
    letter-spacing: 1px;
    flex-direction: column;
    margin-bottom: 10px;
    padding-right: 10px;
    font-size: 19px;
    font-weight: 400;
    line-height: 27px;
    display: flex;
}

.mymoney.my {
    color: rgba(255, 255, 255, .7);
}

.text-block-13 {
    width: 100%;
    height: 45px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    text-align: left;
    letter-spacing: 0;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 12px;
    display: flex;
}

.text-span-53 {
    color: #fff;
    margin-right: 12px;
    font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    font-size: 4px;
}

.div-block-4 {
    width: 50%;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 10px;
    display: flex;
}

.text-span-54 {
    letter-spacing: -1px;
    margin-right: 2px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.div-block-76 {
    width: 100%;
    border: 1px solid var(--14);
    background-color: var(--box2);
    border-radius: 5px;
    padding: 10px 17px;
}

.arrow {
    color: #eba218;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 30px;
    line-height: 30px;
    display: none;
}

.arrow.horizon {
    color: var(--point);
    margin-right: auto;
    display: flex;
}

.arrow.vertical {
    color: var(--point);
}

.pbtnwrap {
    width: 100%;
    flex-flow: wrap;
    justify-content: space-between;
    margin-top: 15px;
    display: flex;
}

.pbtn {
    width: 32%;
    height: 40px;
    background-color: var(--deepbox);
    color: var(--white);
    letter-spacing: 0;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    padding: 0;
    font-family: Noto Sans KR, sans-serif;
    font-size: 13px;
    transition: background-color .4s;
    display: flex;
}

.pbtn:hover {
    border-color: var(--point);
    background-color: var(--point);
    color: var(--white);
    font-weight: 400;
}

.pbtn.reset {
    background-color: var(--point2);
    color: #fff;
    font-weight: 400;
}

.pbtn.reset:hover {
    background-color: var(--black);
    color: var(--point);
}

.dwrap {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 150px;
    display: flex;
}

.btntxt {
    color: #fff;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex;
}

.tablewrap4 {
    width: 60%;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.wallet_krwtxt {
    color: var(--point);
    margin-top: 5px;
    font-size: 12px;
    line-height: 25px;
}

.withdraw_sizebox {
    width: 70%;
    flex-direction: column;
    display: flex;
}

.text-field4 {
    width: 100%;
    height: 45px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    letter-spacing: 0;
    border-radius: 5px;
    margin-bottom: 0;
    font-family: Noto Sans KR, sans-serif;
    font-size: 14px;
}

.anotice2 {
    width: 100%;
    text-align: left;
    letter-spacing: 0;
    justify-content: flex-start;
    align-items: center;
    font-family: Noto Sans KR, sans-serif;
    font-size: 14px;
    line-height: 29px;
    /* display: flex; */
}

.tablewrap {
    width: 70%;
}

.div-block-12 {
    width: 50%;
    background-color: var(--deepbox);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
    flex-direction: row;
    margin-bottom: 24px;
    padding: 20px 25px 10px;
    display: flex;
    position: relative;
}

.dtitle {
    width: 13%;
    margin-top: 11px;
    font-family: Noto Sans KR, sans-serif;
    font-size: 14px;
}

.btn_deposit {
    width: 150px;
    height: 36px;
    background-color: var(--point);
    color: #333;
    letter-spacing: 2px;
    border-radius: 5px;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    padding-bottom: 0;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
}

.depositbtnwarp {
    width: 55%;
    margin-top: 50px;
    display: flex;
}

.btn_deposit2 {
    width: 150px;
    height: 36px;
    background-color: var(--point);
    color: #333;
    letter-spacing: 2px;
    border-radius: 5px;
    justify-content: center;
    align-items: stretch;
    margin-left: 20px;
    padding-bottom: 0;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
}

.custermermain_box {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.custermertitle1 {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 30px;
}

.image-51 {
    height: 120px;
}

.frame5 {
    background-color: var(--box2);
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center;
    padding-bottom: 60px;
    display: flex;
}

.banner_warp {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .15);
    background-image: url('../images/orange_banner1.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.custermermain_title {
    border-left: 5px solid var(--point);
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 25px;
    line-height: 50px;
}

.custermertitle2 {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
}

.image-22 {
    height: 300px;
    margin-left: auto;
    margin-right: 40px;
}

.custermermain_warp1 {
    width: 1200px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    margin: 100px auto 50px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.custermermain_warp2 {
    width: 1200px;
    min-height: 400px;
    justify-content: space-between;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.custermermain_textblock {
    height: 50px;
    border: 1px solid var(--14);
    background-color: var(--white);
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 16px;
    display: flex;
}

.custermermain_textblock:hover {
    border-color: var(--point);
}

.text-span-2 {
    color: var(--hover-3);
}

.custermer_iconbtn {
    width: 33%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 2px solid var(--14);
    background-color: var(--white);
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
}

.custermer_iconbtn:hover {
    border-color: var(--point);
    color: var(--point);
}

.custermermain_box2 {
    width: 48%;
    height: 100%;
}

.bannerbox2 {
    width: 100%;
    height: 100%;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.custermer_titleblock {
    min-height: 150px;
    min-width: 1180px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.custermer_titlewarp {
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.custermer_listtxt3 {
    width: 10%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.paging {
    height: 100%;
    min-width: 125px;
    justify-content: center;
    display: flex;
}

.button-18 {
    width: 40px;
    height: 100%;
    color: var(--grey);
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.button-18:hover {
    color: var(--point);
}

.button-18.click {
    color: var(--point);
    text-decoration: underline;
}

.custermer_liet {
    height: 54px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.custermer_liet:hover {
    background-color: rgba(255, 255, 255, .15);
}

.custermer_listblock {
    width: 1200px;
    min-height: 700px;
    background-color: var(--white);
    border-radius: 5px;
    margin-bottom: 40px;
    padding: 30px 30px 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.custermer_listtxt4 {
    width: 48%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.custermer_listtxt2 {
    width: 20%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.custermer_warp2 {
    height: 40px;
    justify-content: center;
    margin-top: 10px;
    display: flex;
}

.custermer_listtxt1 {
    width: 10%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.custermer_listblocktop {
    height: 45px;
    background-color: var(--point);
    color: #fff;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.custermer_warp1 {
    margin-top: 10px;
}

.custermer_block {
    width: 1180px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--white);
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    padding: 40px 40px 20px;
    display: flex;
}

.detail_textblock {
    width: 100%;
    height: 450px;
    border: 1px solid var(--14);
    border-radius: 4px;
    padding: 14px;
    overflow: auto;
}

.detail_textblock.qna {
    height: 200px;
}

.detail_titleblock {
    width: 100%;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    display: flex;
}

.subtitle.writer {
    min-width: 100px;
    margin-right: 20px;
}

.subtitle.date {
    min-width: 200px;
}

.text-block-5 {
    width: 100%;
    min-height: 100%;
    line-height: 17px;
}

.subtitle_block {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    color: #b3b3b3;
    display: flex;
}

.detailtextwarp {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.detail_btnblcok {
    width: 1180px;
    height: 40px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 60px;
    display: flex;
}

.button-17 {
    width: 150px;
    height: 100%;
    border: 1px solid var(--point);
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color .2s;
    display: flex;
}

.button-17:hover {
    color: var(--point);
    background-color: #fff;
}

.textarea-2 {
    min-height: 200px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 25px;
    font-size: 15px;
}

.text-field-12 {
    height: 54px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 15px;
}

.form-6 {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
}

.button-11 {
    width: 100px;
    height: 40px;
    background-color: var(--black);
    color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 15px;
    display: flex;
}

.button-11:hover {
    background-color: var(--point);
}

.fileselect1 {
    width: 90%;
    height: 100%;
    min-width: 400px;
    border-bottom: 1px solid var(--14);
    align-items: center;
    font-size: 15px;
    display: flex;
}

.form-block-6 {
    width: 1000px;
    height: 100%;
}

.fileblock {
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
}

.text-field-11 {
    height: 54px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 25px;
    padding-left: 20px;
    font-size: 15px;
}

.deletebtn_box {
    width: 25px;
    height: 25px;
    opacity: .5;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    display: flex;
    position: relative;
}

.deletebtn {
    width: 25px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.file_uploadbox {
    width: 90%;
    flex-direction: column;
    margin-left: 10px;
    display: flex;
}

.fileselect_block {
    width: 100%;
    height: 40px;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.deletebtn_icon {
    width: 20px;
    height: 20px;
}

.submit-button-3 {
    width: 250px;
    background-color: var(--black);
    color: #fff;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.8% 10%;
    font-size: 15px;
    display: block;
}

.submit-button-3:hover {
    background-color: var(--point);
}

.button-21 {
    width: 200px;
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 16px;
    transition: background-color .2s;
    display: flex;
}

.button-21:hover {
    border: 1px solid var(--point);
    color: var(--point);
    background-color: #fff;
}

.warp1 {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
}

.accountbox {
    height: 40px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 20px;
    display: flex;
}

.accountwarp {
    margin-top: 25px;
    margin-bottom: 25px;
}

.text-block-31 {
    border-bottom: 2px solid var(--14);
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 45px;
}

.text-block-31.nochange {
    width: 80%;
    height: 40px;
    align-items: center;
    display: flex;
}

.text-block-31.nochange.nobtn {
    width: 100%;
}

.form-8 {
    font-size: 15px;
}

.password2 {
    height: 40px;
    border: 1px solid var(--14);
    background-color: var(--back);
    color: var(--black);
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    display: block;
}

.accountblock {
    width: 100%;
    min-height: 600px;
    flex-direction: column;
    align-items: center;
    padding: 50px 200px;
    display: flex;
}

.button-20 {
    width: 25%;
    height: 100%;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    padding: 0;
    transition: background-color .2s;
    display: flex;
}

.button-20:hover {
    background-color: var(--point);
    color: #fff;
}

.button-38 {
    width: 100px;
    height: 40px;
    background-color: var(--black);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    padding: 0;
    transition: background-color .2s;
    display: flex;
}

.button-38:hover {
    background-color: var(--point);
}

.text-field-15 {
    width: 70%;
    height: 40px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 0;
    padding: 0 0 0 20px;
}

.button-21-copy {
    width: 200px;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    padding: 0;
    font-size: 16px;
    transition: background-color .2s;
    display: flex;
}

.button-21-copy:hover {
    background-color: var(--point);
    color: #fff;
}

.accountbtn {
    width: 100%;
    height: 45px;
    justify-content: center;
    display: flex;
}

.text-block-16 {
    font-size: 16px;
}

.password {
    height: 40px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    display: block;
}

.text-field-14 {
    height: 45px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    font-style: normal;
    display: none;
}

.text-field-14.certification {
    height: 40px;
    display: block;
}

.name {
    height: 40px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    text-align: left;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    display: block;
}

.accountbox2 {
    height: 40px;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
}

.form-block-8 {
    width: 550px;
    border-radius: 5px;
    margin-bottom: 0;
}

.image-60 {
    width: 17px;
    height: auto;
    margin-right: 3px;
}

.copyttitle {
    width: 100%;
    display: flex;
}

.div-block-98 {
    display: flex;
}

.div-block-100 {
    width: 120px;
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 5px;
    padding-top: 10px;
    display: flex;
}

.button-41 {
    width: 80px;
    height: 35px;
    background-color: var(--long);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 0;
    display: flex;
}

.button-41.full {
    background-color: #f34840;
}

.div-block-97 {
    width: 80%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.text9 {
    height: 60px;
    min-width: 500px;
    color: var(--grey);
    overflow: hidden;
}

.div-block-112 {
    margin-left: auto;
    display: flex;
}

.button-48 {
    height: 40px;
    min-width: 120px;
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 8px;
    display: flex;
}

.traderlink1 {
    height: 35px;
    color: var(--point4);
    align-items: center;
    margin-top: 10px;
    display: flex;
    position: relative;
}

.button-45 {
    min-width: 80px;
    border: 1px solid var(--point);
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 13px;
    display: flex;
}

.button-45:hover {
    color: var(--point);
    background-color: #fff;
}

.div-block-103 {
    justify-content: space-between;
    display: flex;
}

.text-field-21 {
    z-index: 0;
    width: 200px;
    background-color: var(--white);
    color: var(--black);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 20px;
    padding-left: 45px;
    display: block;
}

.div-block-102 {
    align-items: center;
    margin-left: auto;
    display: flex;
    position: relative;
}

.button-42 {
    width: 90px;
    height: 35px;
    border: 1px solid var(--point);
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 0;
    font-size: 13px;
    display: flex;
}

.button-42:hover {
    color: var(--point);
    background-color: #fff;
}

.div-block-99 {
    display: flex;
}

.image-59 {
    z-index: 1;
    width: 21px;
    height: 21px;
    opacity: .5;
    filter: invert();
    position: absolute;
    left: 10px;
}

.copyt-title {
    width: 100%;
    min-width: 1180px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    display: flex;
}

.text-block-34 {
    text-align: right;
}

.div-block-101 {
    text-align: center;
    font-size: 14px;
    display: flex;
}

.copyt_userlistbox {
    width: 1180px;
    height: 135px;
    background-color: var(--white);
    color: var(--black);
    border-radius: 10px;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.text11 {
    margin-left: 5px;
    margin-right: 5px;
}

.text11.down {
    color: #f34840;
}

.text11.up {
    color: #00b4c9;
}

.link-2 {
    text-align: center;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.username {
    margin-right: 10px;
    font-size: 25px;
    line-height: 25px;
}

.form-block-16 {
    width: 1180px;
    flex-direction: column;
    display: flex;
}

.image-58 {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.copyt_radio {
    height: 40px;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
}

.image-54 {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.btnwartp {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 4px;
    display: flex;
    overflow: hidden;
}

.text-field-19 {
    width: 200px;
    height: 35px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 0;
}

.copyt_warp2 {
    flex-direction: column;
    justify-content: space-between;
    margin-right: 10px;
    display: flex;
}

.checkbox-field-2 {
    margin-left: 15px;
    margin-right: 15px;
}

.text-block-25 {
    width: 120px;
    margin-right: 15px;
}

.form-10 {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.copyt_block4 {
    width: 1040px;
    min-height: 300px;
    background-color: var(--white);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 30px;
    padding: 40px 30px;
    display: flex;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.button-47-copy {
    width: 100px;
    border: 1px solid var(--point);
    background-color: var(--black);
    color: var(--point);
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.button-47-copy._1 {
    border-radius: 5px 0 0 5px;
}

.button-47-copy._1.click {
    background-color: var(--point);
    color: var(--white);
}

.button-47-copy._2 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.button-33 {
    width: 95px;
    height: 35px;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 0;
    display: flex;
}

.button-33.click {
    background-color: var(--point);
    color: #fff;
}

.div-block-122 {
    width: 20px;
    height: 20px;
    border: 2px solid var(--white);
    color: var(--white);
    cursor: pointer;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    display: flex;
    position: relative;
}

.div-block-122:hover {
    border-color: var(--point);
    background-color: var(--point);
    color: #fff;
}

.button-34 {
    width: 150px;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 0;
    display: flex;
}

.button-34.click {
    background-color: var(--point);
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-block-11 {
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.copyoption_coinsub {
    border-top: 1px solid rgba(255, 255, 255, .3);
    margin-top: 15px;
    display: none;
}

.copyoption_coinsub.on {
    flex-direction: column;
    display: flex;
}

.copyt_followwarp2 {
    height: 60px;
    margin-top: 5px;
    display: flex;
}

.copy_box {
    width: 370px;
    height: 60px;
    background-color: var(--deepbox);
    color: #fff;
    border-radius: 5px;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.div-block-123 {
    width: 200px;
    background-color: var(--deepbox);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    position: absolute;
    top: 22px;
    left: 0;
}

.div-block-123:hover {
    border-color: var(--point);
}

.followname {
    font-size: 30px;
    line-height: 35px;
}

.title7-copy {
    text-align: center;
    margin-right: 20px;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    display: flex;
}

.button-31 {
    width: 150px;
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.button-47 {
    width: 100px;
    background-color: var(--deepbox);
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.button-47.short {
    color: var(--short);
    border-left: 1px solid rgba(255, 255, 255, .1);
}

.button-47.short.click {
    background-color: var(--short);
    color: var(--white);
}

.button-47.long {
    color: var(--long);
}

.button-47.long.click {
    background-color: var(--long);
    color: #fff;
}

.copyt_followwarp {
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.copyblock_top {
    width: 1040px;
    margin-bottom: 25px;
}

.copyt_user {
    width: 1040px;
    height: 120px;
    background-color: var(--white);
    color: var(--black);
    border-radius: 8px;
    align-items: center;
    margin-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.text-field-20 {
    height: 35px;
    border: 1px solid var(--14);
    background-color: var(--back);
    color: var(--black);
    border-radius: 5px;
    margin-bottom: 0;
}

.copyt_databox {
    display: flex;
}

.roundbtn_round {
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 20px;
    margin-left: 5px;
    margin-right: 5px;
    transition: right .4s;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
}

.roundbtn_round.on {
    transition-property: left;
    left: auto;
}

.menubtn2 {
    width: 200px;
    height: 40px;
    background-color: var(--deepbox);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.menubtn2:hover {
    color: var(--point);
    font-weight: 500;
}

.menubtn2.click {
    background-color: var(--point);
}

.menubtn2.click:hover {
    color: #fff;
}

.div-block-104 {
    width: 100%;
    padding-left: 100px;
    display: flex;
}

.copyt_list {
    width: 100%;
    height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.copyt_datawarp {
    width: 200px;
    height: 50px;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px;
    display: flex;
}

.copyt_warp {
    height: 50px;
    border-bottom: 2px solid var(--point);
    background-color: var(--deepbox);
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 120px;
    display: flex;
}

.copyt_email {
    align-items: center;
    display: flex;
}

.roundbtn_color {
    width: 100%;
    height: 35px;
    background-color: var(--point);
    border-radius: 100px;
    position: absolute;
}

.roundbtn_color.off {
    background-color: rgba(0, 0, 0, .5);
}

.copywarp3 {
    height: 35px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.text10 {
    margin-right: 20px;
    font-size: 15px;
}

.button-39 {
    width: 100px;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px 0 0 5px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    padding: 0;
    display: flex;
}

.button-39.click {
    background-color: var(--point);
    color: #fff;
    justify-content: center;
    display: flex;
}

.copyt_datablock {
    margin-left: auto;
    margin-right: auto;
}

.copyt_block2 {
    background-color: var(--white);
    padding-top: 60px;
    padding-bottom: 60px;
}

.select-field-8 {
    width: 120px;
    border-style: solid;
    border-width: 1px 1px 2px;
    border-color: transparent transparent var(--white);
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 0 18px 0 10px;
    display: flex;
}

.copyt_warp1 {
    width: 1000px;
}

.copyt_tabletop {
    width: 100%;
    height: 50px;
    background-color: var(--b_light);
    color: var(--white);
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.copyt_box {
    width: 100%;
    min-height: 700px;
}

.button-40 {
    width: 100px;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.button-40.click {
    background-color: var(--point);
    color: var(--white);
}

.copyt_block1 {
    background-color: var(--deepbox);
    color: var(--white);
    padding: 40px 50px 40px 100px;
    display: flex;
}

.copy_info {
    font-size: 18px;
    line-height: 20px;
}

.copy_info.my {
    color: var(--point);
}

.copy_info.up {
    color: #00b4c9;
}

.roundbtn {
    width: 85px;
    height: 35px;
    cursor: pointer;
    background-color: #e6e6e6;
    border-radius: 100px;
    align-items: center;
    display: flex;
    position: relative;
}

.copytitle {
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 40px;
}

.copyt_followoption {
    height: 100%;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.copyt_listbox {
    width: 100%;
}

.copyt_listbox.none {
    height: 300px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-53 {
    width: 80px;
    height: 80px;
    margin-right: 30px;
}

.text-block-23 {
    text-align: right;
}

.button-54 {
    width: 50px;
    height: 30px;
    background-color: var(--point);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.listbox {
    width: 10%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.followprofile1 {
    width: 315px;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: auto;
    display: flex;
}

.image-57 {
    width: 22px;
    height: 22px;
    margin-right: 20px;
}

.copyt_topwarp {
    height: 50px;
    border-bottom: 2px solid var(--point);
    background-color: var(--deepbox);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 15px;
    display: flex;
}

.check {
    width: 24px;
    height: 24px;
    filter: invert();
    margin-left: 10px;
}

.check.off {
    display: none;
}

.select_futureicon {
    width: 180px;
    height: 40px;
    border: 1px solid var(--14);
    background-color: var(--box2);
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
}

.select_futureicon.on {
    background-color: var(--point);
    color: var(--white);
}

.futureicon_listbox {
    width: 100%;
    height: 100%;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    grid-template-rows: 50px 50px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
}

.futureicon_listbox._1 {
    padding-top: 10px;
}

.futureicon_listbox._1.off {
    display: none;
}

.futureicon_listbox._2 {
    grid-row-gap: 5px;
    grid-template-rows: 50px 50px 50px;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 50px;
}

.futureicon_listbox._2.off {
    display: none;
}

.copyt_top2 {
    width: 120px;
    height: 40px;
    background-color: var(--point);
    border-radius: 5px 5px 0 0;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    display: flex;
}

.copy_warp2 {
    height: 50px;
    border-bottom: 2px solid var(--point);
    background-color: var(--deepbox);
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 120px;
    display: flex;
}

.div-block-96 {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 50% 50%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 40px;
    padding-right: 40px;
    display: grid;
}

.button-51 {
    width: 100px;
    height: 40px;
    border-bottom: 1px solid var(--grey);
    color: var(--grey);
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    display: flex;
}

.button-51:hover {
    border-bottom-color: var(--point);
    color: var(--point);
}

.text-block-27 {
    color: var(--grey);
    align-items: flex-start;
    margin-top: 5px;
    display: flex;
}

.text7-2 {
    align-items: center;
    margin-left: 10px;
    display: flex;
}

.followertxt {
    color: var(--point);
    margin-right: 5px;
}

.futureicon {
    width: 150px;
    height: 40px;
    background-color: var(--black);
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    display: flex;
}

.futureicon.on {
    color: var(--point);
    background-color: #fff;
}

.futureicon_block {
    justify-content: center;
    display: flex;
}

.text-span-4 {
    margin-left: auto;
    padding-left: 2px;
    padding-right: 2px;
}

.text-span-4.short {
    color: var(--short);
}

.text-span-4.long {
    color: var(--long);
}

.button-49 {
    width: 120px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 10px;
    padding: 0;
    font-size: 14px;
    display: flex;
}

.button-49:hover {
    color: var(--point);
}

.button-49._2 {
    width: 200px;
}

.button-49._2.click {
    color: var(--point);
}

.copyt_block3 {
    width: 100%;
    min-width: 1040px;
    justify-content: center;
    margin-bottom: 20px;
    display: flex;
}

.copy_mydata {
    width: 45%;
    min-width: 500px;
    background-color: var(--white);
    color: var(--black);
    border-radius: 10px;
    margin-right: 20px;
}

.text-block-28 {
    margin-top: 5px;
}

.button-37 {
    width: 100px;
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-90 {
    width: 25%;
    min-width: 400px;
    background-color: var(--white);
    color: var(--black);
    border-radius: 10px;
}

.influ_body {
    clear: left;
    background-color: var(--black);
    font-family: Noto Sans KR, sans-serif;
    line-height: 16px;
}

.image-48 {
    width: 18px;
    height: 18px;
    margin-left: 15px;
}

.influ_mainblock1 {
    min-height: 100px;
    min-width: 1300px;
    background-color: #fff;
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    display: flex;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .3);
}

.image-49 {
    width: 23px;
    height: 19px;
    margin-right: 5px;
    position: absolute;
    left: 20px;
}

.influ_mainblock2 {
    min-height: 650px;
    min-width: 1300px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 25px;
    padding: 25px 15px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .4);
}

.button-23 {
    width: 100px;
    height: 40px;
    border: 1px solid var(--point);
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.text-field-16 {
    height: 40px;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-bottom: 0;
    font-weight: 500;
}

.influ_sidebtndeco {
    z-index: -1;
    width: 50%;
    height: 1px;
    background-color: var(--point);
    position: absolute;
    left: 0;
}

.influ_tablelcontent {
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
}

.pagingblock {
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
}

.influ_mainblock {
    height: 100%;
    min-width: 1040px;
    background-color: #f2f2f2;
    border-radius: 40px 0 0;
    padding: 30px;
}

.image-47 {
    width: 100px;
}

.influ_date_warp {
    width: 200px;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px;
    display: flex;
}

.form-9 {
    height: 100%;
    align-items: flex-end;
    display: flex;
}

.influ_mainblock3 {
    height: 55px;
    min-width: 1300px;
    background-color: #fff;
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    display: flex;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .4);
}

.link_boxwarp {
    width: 150px;
    height: 45px;
    background-color: #fff;
    border-radius: 10px;
    align-items: center;
    display: flex;
    position: relative;
}

.text-block-20 {
    height: 40px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    font-size: 20px;
    display: flex;
}

.influ_block1 {
    width: 85%;
    min-height: 950px;
    min-width: 85%;
}

.button-27 {
    width: 30px;
    height: 30px;
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    font-size: 15px;
    display: flex;
}

.button-27.next,
.button-27.click {
    background-color: var(--point);
    color: #fff;
}

.influ_title1 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
}

.select-field-6 {
    height: 40px;
    border-radius: 5px;
    margin-bottom: 0;
}

.influ_searchbtnwarp {
    width: 85px;
    height: 40px;
    min-height: 40px;
    min-width: 85px;
    background-color: var(--point);
    border-radius: 20px;
    align-items: center;
    display: flex;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.influ_top {
    height: 60px;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    display: flex;
}

.mobbackdark {
    display: none;
}

.influ_tablelist {
    width: 8%;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    text-align: center;
    border-left: 1px solid #e6e6e6;
    justify-content: center;
    align-items: center;
    padding: 4px;
    font-size: 12px;
    display: flex;
}

.influ_tablelist.right {
    width: 7%;
    border-left-style: none;
    margin-right: 0;
}

.influ_tablelist.list3 {
    width: 7%;
    border-left-color: #e6e6e6;
}

.influ_tablelist.list4 {
    width: 10%;
    border-left: 1px solid #e6e6e6;
}

.link {
    width: 100%;
    height: 100%;
    color: var(--point4);
    justify-content: center;
    align-items: center;
    padding-left: 25px;
    font-weight: 500;
    display: flex;
}

.influ_frame {
    width: 100%;
    flex-direction: column;
    display: flex;
}

.button-24 {
    width: 85px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px;
    justify-content: flex-end;
    align-items: center;
    padding: 0 20px 0 0;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.influ_logo {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
}

.influ_tabletop {
    width: 100%;
    height: 40px;
    background-color: var(--point);
    border-radius: 5px;
    display: flex;
}

.influ_block {
    width: 100%;
    display: flex;
}

.button-25 {
    z-index: 0;
    width: 150px;
    height: 45px;
    border: 1px solid var(--point);
    background-color: #000;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: absolute;
}

.button-25.click {
    background-color: var(--point);
}

.text-block-18 {
    font-size: 15px;
}

.influ_sidebtnbox {
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.influ_titletext {
    color: #fff;
}

.influ_pagigng {
    height: 44px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    position: relative;
}

.form-block-9 {
    height: 70px;
    margin-bottom: 0;
}

.influ_linkbox {
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.influ_block2 {
    width: 15%;
    min-width: 250px;
    padding-top: 50px;
    position: relative;
}

.influ_text.short {
    color: var(--short);
}

.influ_tablebox {
    width: 100%;
    min-height: 500px;
}

.warp {
    display: flex;
}

.text-field-17-copy {
    width: 75%;
    height: 40px;
    color: #fff;
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
}

.button-29 {
    width: 25%;
    border: 1px solid var(--point);
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 15px;
    padding: 0;
    transition: background-color .2s;
    display: flex;
}

.button-29:hover {
    background-color: var(--point);
    color: var(--white);
}

.influ_loginbottom {
    min-height: 50px;
    background-color: #101116;
}

.image-50 {
    height: 120px;
    margin-bottom: 30px;
}

.influ_loginblock {
    min-height: 80vh;
    background-color: #1f1f1f;
    justify-content: center;
    display: flex;
}

.influ_loginwarp {
    margin-bottom: 20px;
}

.influ_title2 {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: 500;
    line-height: 35px;
}

.text-field-17 {
    height: 40px;
    color: #fff;
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
}

.influ_logintop {
    min-height: 75px;
    background-color: var(--point);
    background-image: url('../images/background.png');
    background-position: 0 0;
    background-size: cover;
}

.influ_login_block {
    width: 100%;
    height: 400px;
    flex-direction: column;
    display: flex;
}

.button-30 {
    width: 100%;
    height: 50px;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    transition: background-color .2s;
    display: flex;
}

.button-30:hover {
    background-color: var(--point);
    color: #fff;
}

.influ_login {
    width: 500px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.influ_title3 {
    color: var(--point);
    margin-bottom: 10px;
}

.dqr {
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
}

.labtnbox-n {
    width: 90%;
    justify-content: space-between;
    margin-top: 15px;
    display: none;
}

.popximg {
    width: 20px;
    height: 20px;
    opacity: .8;
}

.clearing_pop {
    width: 550px;
    background-color: var(--b_light);
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 5px;
    padding: 20px 25px;
    display: none;
}

.labtn-n {
    width: 49%;
    height: 44px;
    color: #fff;
    background-color: #00b4c9;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    display: flex;
}

.labtn-n:hover {
    color: #00b4c9;
    background-color: #fff;
    border: 1px #00b4c9;
}

.order_warn {
    width: 700px;
    min-height: 70px;
    background-color: var(--b_light);
    box-shadow: 0 0 7px 4px var(--14);
    color: var(--white);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    display: flex;
}

.utillitypop {
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.order_success {
    align-items: center;
    display: flex;
}

.pop_yieldtxt {
    z-index: 1;
    width: 90%;
    height: 150px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    flex-direction: column;
    align-items: flex-start;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    display: flex;
    position: absolute;
    top: 15%;
}

.pop_yieldtxt.down {
    color: #f34840;
}

.pop_yieldtxt.up {
    color: var(--long);
}

.popx {
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-right: 15px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.text-block-8 {
    color: var(--point);
    margin-bottom: 8px;
    font-size: 20px;
}

.text-span-12 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
}

.div-block-124 {
    z-index: 1;
    width: 90%;
    flex-direction: column;
    grid-template-rows: 70px 70px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    margin-top: 20px;
    font-size: 16px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 5%;
}

.settle_fee {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.tradepop_block {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}

.form-block-7 {
    margin-bottom: 0;
}

.settle-complete__box {
    width: 450px;
    height: 550px;
    border: 1px solid var(--grey);
    background-color: var(--b_light);
    color: rgba(255, 255, 255, .8);
    background-image: url('../images/orange_crypto_gradiant.png');
    background-position: 35%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    flex-direction: column;
    align-items: center;
    font-weight: 300;
    display: flex;
    position: relative;
    box-shadow: 1px 1px 5px #000;
}

.text-block-11 {
    font-size: 14px;
}

.text-block-12 {
    color: rgba(255, 255, 255, .5);
    line-height: 25px;
}

.div-block-85 {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 4px;
    padding-bottom: 4px;
    display: flex;
}

.form-7 {
    margin-bottom: 10px;
}

.tradingpop {
    width: 550px;
    background-color: var(--b_light);
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 5px;
    padding: 20px 25px;
    display: flex;
}

.settle-complete {
    background-color: rgba(0, 0, 0, .3);
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.image-39 {
    width: 22px;
    height: 22px;
    margin-right: 15px;
}

.tradingpop_block {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    font-weight: 500;
    display: flex;
}

.text-field-13-copy {
    height: 45px;
    border: 1px solid var(--point);
    background-color: var(--deepbox);
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
}

.lacanbtn-n {
    width: 49%;
    height: 44px;
    color: rgba(255, 255, 255, .6);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    display: flex;
}

.lacanbtn-n:hover {
    background-color: rgba(255, 255, 255, .1);
}

.settle_won {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
}

.div-block-84 {
    width: 100%;
    height: 100%;
    background-color: var(--midnight-blue);
    border-radius: 4px;
    justify-content: center;
    display: flex;
    position: relative;
    top: 0;
}

.order_fail {
    align-items: center;
    display: none;
}

.position_color.long {
    color: #00b4c9;
}

.position_color.short {
    color: var(--short);
}

.text-block-9 {
    margin-bottom: 14px;
    font-size: 17px;
}

.button-55 {
    width: 25%;
    height: 35px;
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 15px;
    transition: background-color .4s;
    display: flex;
}

.button-55:hover {
    background-color: var(--hover);
}

.image-68 {
    width: 200px;
    position: absolute;
    top: 5%;
    left: 24px;
}

.mob_leveragepop {
    display: none;
}

.tradepop_warp {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 15px;
    display: flex;
}

.long {
    color: #00b4c9;
}

.qet {
    margin-bottom: 4px;
}

.tradepop {
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.wr {
    margin-left: 3px;
}

.frame6 {
    min-height: 90vh;
    background-color: var(--back);
    justify-content: center;
    align-items: center;
    display: flex;
}

.block {
    justify-content: center;
    align-items: center;
    display: flex;
}

.maintananceblock {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-40 {
    height: 70px;
    margin-bottom: 30px;
}

.text-block-14 {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}

.text-span {
    color: var(--point);
}

.form-block-18 {
    margin-top: 20px;
}

.image-61 {
    width: 91px;
    height: 91px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.text-field-24 {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.trader_pop2 {
    width: 500px;
    background-color: var(--b_light);
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    flex-direction: column;
    padding: 30px;
    display: flex;
}

.div-block-111 {
    border-top: 1px solid rgba(255, 255, 255, .3);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    display: flex;
}

.traderpop {
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.text-field-25 {
    background-color: var(--deepbox);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 5px;
    margin-top: 10px;
}

.topbtn_drop2 {
    z-index: 20;
    width: 125px;
    background-color: var(--deepbox);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
}

.topbtn_drop2.tall {
    width: 130px;
}

.top_menubtnlist {
    height: 100%;
    justify-content: space-between;
    margin-right: auto;
    display: flex;
}

.topbtn {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.topbtn:hover {
    color: var(--point);
}

.topbtn.click {
    color: var(--point);
    text-decoration: underline;
}

.topmenubtn {
    min-width: 90px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.topmenubtn.tall {
    min-width: 100px;
    justify-content: center;
}

.image-62 {
    width: 12px;
    height: 6px;
    display: none;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 6%;
}

.button-14-copy {
    width: 100%;
    height: 50px;
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    padding: 10px;
    display: flex;
}

.button-14-copy:hover {
    border-bottom: 2px solid var(--point);
    color: var(--point);
}

.topmenubtn2 {
    height: 100%;
    min-width: 90px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    display: flex;
    position: relative;
}

.languagebtn {
    height: 100%;
    min-width: 90px;
    color: #fff;
    text-align: center;
    white-space: normal;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 15px;
    transition: background-color .2s;
    display: flex;
}

.languagebtn:hover {
    color: var(--point);
}

.topbtn_drop3 {
    z-index: 1;
    width: 120px;
    background-color: #f3f3f3;
    border: 1px solid rgba(31, 31, 31, .1);
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    display: none;
    position: absolute;
    top: 55px;
}

.dwrap-2 {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 150px;
    display: flex;
}

.settle_img {
    width: 50%;
    position: absolute;
    top: auto;
    bottom: 40px;
    left: auto;
    right: 20px;
}

.text-field-23 {
    width: 77%;
    height: 40px;
    background-color: var(--deepbox);
    color: #fff;
    border: 1px #000;
    border-radius: 5px;
    margin-bottom: 0;
    margin-left: auto;
}

.depositpop_box {
    width: 600px;
    background-color: var(--b_light);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
    flex-direction: column;
    padding: 30px;
    display: flex;
}

.deposit_pop {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    justify-content: center;
    align-items: center;
    display: flex;
}

.depositbottom1 {
    width: 48%;
    height: 100%;
    border: 1px solid var(--point);
    color: var(--point);
    background-color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 17px;
    display: flex;
}

.div-block-106 {
    align-items: center;
    margin-bottom: 10px;
    padding-left: 10px;
    display: flex;
}

.depositbottom2 {
    width: 48%;
    height: 100%;
    border: 1px solid var(--point);
    background-color: var(--point);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 17px;
    display: flex;
}

.div-block-105 {
    width: 100%;
    height: 78%;
    flex-direction: column;
    align-items: center;
    display: flex;
    overflow: visible;
}

.form-block-17 {
    width: 97%;
    margin-top: 10px;
    margin-bottom: 0;
}

.warn_xrp {
    color: #f34840;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
}

.copyicon {
    width: 24px;
    height: 24px;
    margin-left: 20px;
}

.depositaddress {
    width: 76%;
    align-items: center;
    margin-left: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
}

.depositaddress_txtbox {
    width: 87%;
    height: 40px;
    background-color: var(--grey);
    border-radius: 5px;
    align-items: center;
    padding: 5px 10px;
    display: flex;
    overflow: hidden;
}

.f_store {
    width: 100%;
    min-height: 100px;
    background-color: var(--hover-3);
    background-image: linear-gradient(to right, var(--point), var(--point_3));
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.f_block {
    max-width: 1920px;
    min-width: 1280px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    display: flex;
}

.f_btn {
    min-height: 40px;
    min-width: 150px;
    background-color: var(--black);
    text-align: center;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 700;
    line-height: 17px;
    transition: all .2s;
    display: flex;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.f_btn:hover {
    background-color: var(--white);
    color: var(--black);
    transform: scale(1.1);
}

.f_btn._2 {
    border: 1px solid var(--point);
    background-color: var(--black);
    color: var(--point);
}

.f_btn._2:hover {
    background-color: var(--white);
}

.f_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.ms_pop_titleblock {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.ms_pop_title {
    font-size: 20px;
    line-height: 28px;
}

.ms_pop_btn {
    width: 200px;
    height: 40px;
    background-color: var(--hover);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
}

.ms_block {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 5px;
    padding: 10px;
}

.ms_pop_date {
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    line-height: 15px;
}

.ms_exsit_img {
    width: 20px;
    height: 20px;
    opacity: .3;
}

.ms_scroll {
    height: 340px;
    overflow: auto;
}

.ms_exsit_btn {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 10px;
    bottom: auto;
    left: auto;
    right: 10px;
}

.ms_pop_box {
    width: 450px;
    background-color: var(--box2);
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 20px 20px;
    display: flex;
    position: relative;
}

.ms_pop {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    justify-content: center;
    align-items: center;
    display: flex;
}

.influ_btn {
    border: 1px solid var(--point);
    background-color: var(--point);
    color: var(--white);
    text-align: center;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: flex;
}

.influ_btn:hover {
    color: var(--white);
    background-color: #0590cd;
}

.influ_btn._2:hover {
    color: var(--white);
}

.influ_btnwarp {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.influ_pop {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.influ_inputwarp {
    width: 500px;
    height: 44px;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
}

.influ_input {
    height: 100%;
    border-radius: 4px;
}

.influ_input_title {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
}

.influ_input_block {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.influ_form {
    margin-top: 5px;
    margin-bottom: 5px;
}

.onflu_form_btn {
    width: 500px;
    height: 44px;
    background-color: var(--point);
    text-align: center;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.onflu_form_btn:hover {
    background-color: var(--hover-3);
}

.main_list {
    height: 60px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: var(--white);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    align-items: center;
    margin-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    transition: all .2s;
    display: flex;
}

.main_list:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.main_listtoptxt {
    width: 180px;
}

.main_listtoptxt.trade {
    width: 120px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.main_listtop {
    width: 100%;
    height: 44px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    color: var(--grey);
    align-items: center;
    margin-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 20px;
    display: flex;
}

.main_listarea {
    width: 1200px;
    background-color: var(--white);
    border-radius: 8px;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
    display: flex;
    box-shadow: 0 0 8px rgba(0, 0, 0, .04);
}

.m_list_txt {
    font-weight: 500;
}

.m_list_txt.down {
    color: #f34840;
}

.m_list_txt.up {
    color: #00b4c9;
}

.m_list_txt.coin {
    font-size: 18px;
    font-weight: 700;
}

.m_coin_icon {
    width: 38px;
    height: 38px;
    margin-right: 10px;
}

.main_bord1 {
    width: 380px;
    min-height: 500px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: var(--white);
    text-align: center;
    border-radius: 10px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 40px 24px;
    transition: transform .2s;
    display: flex;
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, .04);
}

.main_bord1:hover {
    transform: translate(0, -40px);
    box-shadow: 0 0 8px rgba(151, 110, 110, .14);
}

.main_bord1._2 {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.m_img1 {
    height: 200px;
    margin-bottom: 40px;
    transition: transform .2s;
}

.m_img1.on {
    transform: scale(1.2);
}

.main_listbox {
    width: 180px;
}

.main_listbox._2 {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
}

.image-75 {
    width: 25px;
    height: 25px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 14%;
    right: 0%;
}

.button-56 {
    width: 120px;
    height: 40px;
    background-color: var(--point);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 30px;
    font-size: 16px;
    display: flex;
}

.main_coinsub {
    width: 180px;
    align-items: center;
    display: flex;
}

.m_section {
    width: 100%;
    background-color: var(--box2);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 40px;
    display: flex;
}

.m_section._2 {
    background-image: url('../images/orange_crypto_gradiant.png');
    background-position: 0 0;
    background-size: cover;
}

.m_section._3 {
    background-image: linear-gradient(to bottom, var(--box2), transparent), url('../images/wihte_wave.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
}

.main_box2 {
    width: 1200px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 320px 320px 320px;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: flex-start;
    justify-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.footer {
    width: 100%;
    min-height: 350px;
    background-color: var(--deepbox);
    padding: 50px 40px;
    display: flex;
}

.footerlist_title {
    width: 100%;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
}

.footerlist {
    width: 100%;
    color: rgba(255, 255, 255, .7);
    cursor: pointer;
    justify-content: center;
    margin-top: 8px;
    font-size: 14px;
    transition: color .2s;
}

.footerlist:hover {
    color: #fff;
}

.footerlogo-2 {
    width: 120px;
    height: 37px;
    cursor: pointer;
    background-image: url('../images/png_logo_1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
}

.footerlist_block {
    min-width: 150px;
    text-align: right;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.footer_block2 {
    max-width: 1920px;
    min-width: 1280px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.footerlist_warp {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid rgba(0, 0, 0, 0);
    flex-wrap: wrap;
    margin-left: auto;
    display: flex;
}

.footerlogoblock-2 {
    width: 300px;
    flex-direction: column;
    margin-right: 20px;
    display: flex;
}

.asset_info {
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    display: flex;
    position: relative;
}

.ast_info_btn {
    width: 32px;
    height: 32px;
    border: 3px solid var(--grey);
    color: var(--grey);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transition: border-color .2s, color .2s;
    display: flex;
}

.ast_info_btn:hover {
    border-color: var(--point);
    color: var(--point);
}

.ast_info_box {
    width: 200px;
    min-height: 30px;
    border: 1px solid var(--point);
    background-color: var(--black);
    color: var(--white);
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    bottom: 100%;
    left: 100%;
}

.l_noteice {
    z-index: 10;
    width: 15%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.l_notice_btn {
    width: 30px;
    height: 30px;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    border: 3px solid rgba(255, 255, 255, .5);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.l_notice_btn:hover {
    border-color: var(--white);
    color: var(--white);
}

.l_notice_box {
    z-index: 1;
    width: 250px;
    border: 1px solid var(--point);
    background-color: var(--black);
    padding: 14px;
    font-size: 12px;
    display: none;
    position: absolute;
    top: 50%;
    right: 100%;
}

.t_btn_area {
    width: 33.3%;
    position: relative;
}

.t_n_pop {
    width: 350px;
    border: 1px solid var(--point);
    background-color: var(--black);
    opacity: 0;
    border-radius: 4px;
    padding: 14px;
    transition: opacity .4s;
    display: none;
    position: absolute;
    bottom: 120%;
    right: 50%;
}

.t_n_pop.on {
    opacity: 1;
    display: flex;
}

.w_new {
    width: 15px;
    height: 15px;
    background-color: var(--short);
    color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    display: flex;
    position: absolute;
    top: 5%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.banner_logo {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.banner_box {
    width: 100%;
    height: 600px;
    min-width: 1280px;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.m_subtitle {
    text-shadow: 0 0 8px #ffa638;
}

.m_slide_img {
    width: 400px;
    position: absolute;
    bottom: 10%;
    right: 10%;
}

.m_slide_img._2 {
    width: 300px;
    right: 15%;
}

.m_slider {
    width: 100%;
    height: 600px;
}

.b_btn {
    width: 150px;
    height: 48px;
    background-color: var(--point);
    color: var(--black);
    text-align: center;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.b_btn._2 {
    color: #fff;
    background-color: #ffa638;
}

.m_title2 {
    text-shadow: 0 0 8px #ffa638;
    margin-top: 0;
    font-size: 62px;
    font-weight: 900;
    line-height: 62px;
}

.b_btn_warp {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-top: 50px;
    display: flex;
}

.m_slide {
    background-image: url('../images/6195005.jpg');
    background-position: 50%;
    background-size: cover;
}

.m_slide._3 {
    background-image: url('../images/blue_violet_back_1.png');
    background-position: 50% 100%;
}

.m_slide._2 {
    background-image: url('../images/bluehole_back.png');
}

.main_banner_txtarea {
    z-index: 1;
    max-width: 1000px;
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
    display: flex;
    position: relative;
}

.m_span {
    color: #ffc20a;
}

.m_title {
    margin-top: 0;
    font-size: 46px;
    font-weight: 700;
    line-height: 54px;
}

.m_title._2 {
    text-shadow: 0 0 8px #ffa638;
}

.colortxt {
    color: #ffa638;
}

.m_section3 {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 40px;
    display: flex;
}

.m_section1 {
    width: 100%;
    min-width: 1280px;
    flex-direction: column;
    align-items: center;
    padding: 100px 40px;
    display: flex;
}

.m_itemtxt {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    display: flex;
}

.m_item_title {
    font-size: 20px;
    line-height: 24px;
}

.m_coin_title {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
}

.main_section {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    display: flex;
    overflow: visible;
}

.m_itemblock2 {
    max-width: 800px;
    min-width: 800px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 20px;
    display: flex;
}

.m_banner {
    width: 100%;
    min-width: 1280px;
    background-image: url('../images/background_01.png');
    background-position: 70%;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    padding: 60px 40px;
    display: flex;
}

.m_item_img2 {
    width: 140px;
    height: 140px;
}

.m_item_img {
    width: 80px;
    height: 80px;
}

.m_b_block {
    width: 940px;
    min-width: 940px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    display: flex;
}

.main_warp {
    width: 100%;
    min-width: 1080px;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.div-block-143 {
    width: 100%;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    display: flex;
}

.m_logo {
    height: 48px;
    margin-bottom: 10px;
}

.m_coin_txt2.up {
    color: #00b4c9;
}

.m_coin_txt2.down {
    color: #f34840;
}

.m_titlebox {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    align-items: center;
    display: flex;
}

.m_itemblock {
    width: 940px;
    min-width: 940px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    justify-items: center;
    display: flex;
}

.m_coinbox {
    width: 31%;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    padding: 14px 20px;
    font-size: 16px;
    display: flex;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.m_section2 {
    width: 100%;
    min-width: 1280px;
    color: #fff;
    background-image: url('../images/shutterstock_361685600.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    padding: 100px 40px;
    display: flex;
}

.m_coinicon {
    width: 40px;
    height: 40px;
}

.m_coin_btn {
    width: 100%;
    height: 48px;
    color: #fff;
    text-align: center;
    background-color: #ffa638;
    border: 1px solid #ffa638;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    transition: border-color .2s, color .2s, transform .2s;
    display: flex;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.m_coin_btn:hover {
    color: #ffa638;
    background-color: #fff;
    border: 1px solid #ffa638;
    transform: scale(1.1);
}

.main_bord {
    width: 48%;
    min-height: 160px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    border: 2px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    transition: color .2s, border-color .2s;
    display: flex;
}

.main_bord:hover {
    color: #ffa638;
    border-color: #ffa638;
}

.m_title_sub {
    margin-top: 0;
    margin-bottom: 40px;
    font-weight: 400;
}

.m_list {
    width: 940px;
    min-width: 940px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
}

.m_item2 {
    width: 33.3%;
    height: 350px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 60px 20px;
    transition: box-shadow .2s, color .2s, transform .2s;
    display: flex;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.m_item2:hover {
    color: #ffc20a;
    transform: translate(0, -20px);
    box-shadow: 0 0 14px #ffc20a;
}

.m_coin_txt1 {
    font-size: 14px;
    font-weight: 500;
}

.store_icon {
    width: 36px;
    height: 36px;
}

.main_box3 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    background-color: #f3f3f3;
    background-image: url('../images/header_banner.png');
    background-position: 50%;
    background-size: cover;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 40px;
    display: flex;
    position: relative;
}

.store_txt {
    flex-direction: column;
    display: flex;
}

.app_btnarea {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.main_box3block {
    width: 100%;
    color: #fff;
    flex-direction: column;
    display: flex;
}

.app_btn {
    min-width: 190px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border: 3px solid #b3b3b3;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 8px 14px;
    font-size: 20px;
    line-height: 24px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
}

.app_btn:hover {
    background-color: #b3b3b3;
}

.store_span {
    font-size: 13px;
    line-height: 14px;
}

.main_box3warp {
    min-width: 400px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.image-24 {
    width: 240px;
}

@media screen and (max-width: 991px) {
    .topblock {
        min-width: auto;
        padding-left: 0;
        padding-right: 10px;
    }
    .mob_sidebtn {
        width: 54px;
        height: 54px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .frame {
        min-width: auto;
    }
    .image-43 {
        width: 24px;
        height: 24px;
        filter: invert();
    }
    .positiononfo_cancle {
        min-width: 20vw;
    }
    .trade_block {
        min-width: auto;
    }
    .positiononfo {
        min-width: 20vw;
    }
    .positionblock1 {
        width: 100%;
    }
    .menubtn:hover {
        border-right-style: none;
        border-right-color: rgba(0, 0, 0, 0);
    }
    .depositbtntxt {
        min-width: 50px;
    }
    .form-3,
    .table_warp {
        margin-left: 50px;
    }
    .assetbox5 {
        justify-content: space-between;
    }
    .copyt-title {
        margin-left: 0;
        margin-right: 0;
    }
    .menubtn2:hover {
        border-right-style: none;
        border-right-color: rgba(0, 0, 0, 0);
    }
    .copyt_listbox.none {
        margin-left: 50px;
    }
    .copyt_block3 {
        width: 100%;
    }
    .top_menubtnlist {
        display: none;
    }
    .f_block {
        width: 100%;
        min-width: auto;
        flex-wrap: wrap;
    }
    .main_list {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 14px;
    }
    .main_listarea {
        width: 100%;
        padding: 20px;
        overflow: auto;
    }
    .main_bord1 {
        width: 100%;
    }
    .m_img1 {
        height: 120px;
    }
    .m_section {
        width: 100%;
        min-width: auto;
    }
    .main_box2 {
        width: 100%;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }
    .footer_block2 {
        width: 100%;
        min-width: auto;
    }
    .footerlist_warp {
        justify-content: flex-end;
    }
    .banner_box {
        min-width: 768px;
        padding-left: 8vw;
        padding-right: 8vw;
    }
    .m_slide_img {
        width: 250px;
        bottom: 10%;
        right: 10%;
    }
    .m_section1 {
        min-width: 768px;
    }
    .m_itemblock2 {
        max-width: 700px;
        min-width: 700px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .m_banner {
        min-width: 768px;
    }
    .m_b_block {
        width: auto;
        max-width: 940px;
        min-width: 688px;
    }
    .main_warp {
        min-width: auto;
    }
    .m_itemblock {
        width: auto;
        max-width: 940px;
        min-width: 688px;
    }
    .m_coinbox {
        width: 48%;
    }
    .m_section2 {
        min-width: 768px;
    }
    .m_list {
        width: auto;
        min-width: 700px;
    }
    .main_box3warp {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .footerlogoblock {
        min-width: auto;
        margin-bottom: 4vw;
        margin-right: 0;
    }
    .copyright {
        padding-top: 0;
        font-size: 3vw;
        line-height: 4vw;
    }
    .footer_block {
        height: auto;
        min-width: 100%;
        flex-direction: column;
        padding: 5vw;
    }
    .custermermain_warp {
        padding-left: 0;
        padding-right: 0;
    }
    .frame3 {
        min-height: 120vh;
        min-width: auto;
        margin-top: 11vw;
    }
    .logoblock {
        width: 18vw;
        height: 100%;
        margin-right: 0;
    }
    .topblock {
        min-width: auto;
        padding-left: 0;
        padding-right: 1vw;
    }
    .userinfobtn {
        width: auto;
        height: 100%;
        min-width: 25vw;
        white-space: nowrap;
        padding-left: .5vw;
        padding-right: 1vw;
        font-size: 2vw;
        line-height: 3vw;
    }
    .main_popfeild {
        height: 90vw;
        margin-top: 2vw;
        margin-bottom: 4vw;
    }
    .text4 {
        width: auto;
        height: 20vw;
        min-height: auto;
        font-size: 2.5vw;
        line-height: 5vw;
    }
    .main_noticepop {
        display: flex;
    }
    .checkbox-label {
        margin-left: 1vw;
    }
    .text7 {
        margin-bottom: 1vw;
        margin-left: 0;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .mob_sidebtn {
        width: 8vw;
        height: 100%;
        justify-content: center;
        align-items: center;
        margin-right: .5vw;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
    }
    .frame {
        display: flex;
    }
    .main_banner {
        width: 100%;
        min-width: auto;
    }
    .pop_exist {
        width: 6vw;
        height: 6vw;
        padding-right: 2vw;
        top: 3px;
        right: 3px;
    }
    .bottom {
        width: 100%;
    }
    .checkbox-field {
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        padding-left: 4vw;
    }
    .asset_coininfo_name {
        margin-right: 1vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .mainpop_block {
        width: 90%;
        height: 120vw;
        flex-direction: column;
        padding: 6vw 3vw;
        display: flex;
    }
    .top {
        z-index: 99;
        height: 11vw;
        min-width: auto;
        position: fixed;
    }
    .form-block-15 {
        margin-left: 4vw;
        font-size: 2vw;
        position: absolute;
        top: auto;
        bottom: -40%;
        left: auto;
        right: 0%;
    }
    .footerlogo {
        width: 32vw;
        height: 7vw;
    }
    .title4 {
        margin-bottom: 4vw;
        font-size: 5vw;
        line-height: 5vw;
    }
    .image-38 {
        width: 4vw;
        height: 4vw;
    }
    .appbtn_warp {
        width: 48%;
    }
    .warp2 {
        width: auto;
        height: 10vw;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    .title3 {
        font-size: 4vw;
        line-height: 5vw;
    }
    .checkbox-3 {
        margin-top: 0;
        margin-left: -4vw;
    }
    .registbtn {
        height: 7vw;
        min-width: 13vw;
        border-radius: 1vw;
        padding: .5vw;
        font-size: 2.3vw;
        line-height: 3vw;
    }
    .logo {
        width: 18vw;
        min-width: auto;
    }
    .top_leftblock {
        min-width: auto;
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        overflow: hidden;
    }
    .title7 {
        margin-bottom: 2vw;
        padding-left: 0;
        font-size: 5.5vw;
        line-height: 8vw;
    }
    .mainpopbtn {
        width: 35vw;
        height: 7vw;
        border-radius: 1vw;
        margin-left: auto;
        margin-right: auto;
        font-size: 3vw;
        line-height: 4vw;
    }
    .profilename {
        color: #fff;
        margin-right: 1vw;
    }
    .image-43 {
        width: 3vw;
        height: 3vw;
        filter: invert();
    }
    .loginbtn {
        height: 7vw;
        min-width: 11vw;
        padding: .5vw;
        font-size: 2.3vw;
        line-height: 3vw;
    }
    .body1 {
        font-size: 2.3vw;
        line-height: 4vw;
    }
    .hold_txt {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        text-align: right;
        align-items: flex-end;
        display: flex;
    }
    .krw {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        justify-content: flex-end;
    }
    .message_btn {
        width: 8vw;
        height: 100%;
        margin-right: 0;
    }
    .message_img {
        width: 4vw;
    }
    .m_new {
        width: 3vw;
        height: 3vw;
        font-size: 2vw;
        line-height: 3vw;
        right: 5%;
    }
    .body,
    .body2 {
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .orderbook_box {
        height: 121vw;
    }
    .coinsub_info {
        width: 49vw;
        margin-left: 2vw;
    }
    .order_topbtnlist {
        height: 9vw;
    }
    .assetlist {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        flex-direction: column;
        margin-top: 1vw;
        margin-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .form-block {
        height: 27vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .position_notlogin {
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .tradebtn2 {
        border-radius: 1vw;
        padding: 1vw;
        font-size: 2vw;
        line-height: 3vw;
    }
    .image-41 {
        width: 4vw;
        height: 2vw;
        margin-left: auto;
        margin-right: 4vw;
    }
    .position_listblock3 {
        width: 150%;
        flex-direction: column;
        padding: 1vw;
        display: flex;
        overflow: visible;
    }
    ._24hinfo {
        width: 97%;
        height: auto;
        min-height: 30vw;
        min-width: auto;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        grid-template-rows: 16vw 14vw;
        grid-template-columns: 34vw 30vw 30vw;
        grid-auto-columns: 1fr;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-left: 1vw;
        margin-right: 1vw;
        display: grid;
    }
    .markettradelist {
        height: 5vw;
        align-items: center;
        margin-top: .5vw;
        margin-bottom: .5vw;
    }
    .quantitybar_block {
        height: 6vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
        padding-right: 1vw;
    }
    .coinsub_infotxt {
        width: 24vw;
    }
    .trade_block3 {
        flex-direction: column;
        align-items: center;
        margin-bottom: 0;
    }
    .positionlistblock {
        height: 8vw;
        padding-left: 0;
        overflow: visible;
    }
    .tradesub_btnlist {
        height: 7vw;
        margin-top: 1vw;
        margin-bottom: 2vw;
    }
    .tradetop_coin {
        width: 100%;
        height: 10vw;
        min-width: auto;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin-bottom: 2vw;
        padding-left: 4vw;
        padding-right: 2vw;
    }
    .image {
        width: 6vw;
        height: 6vw;
        margin-left: 3vw;
    }
    ._24hsub {
        margin-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .domlist_info {
        padding-left: 1vw;
        padding-right: .5vw;
    }
    .orderbook_top {
        height: 9vw;
    }
    .button-16 {
        width: 42%;
        height: 5vw;
        border-radius: .5vw;
        font-size: 2vw;
        line-height: 4vw;
    }
    .transactionwarp {
        height: 60%;
        padding: 1vw 2vw;
    }
    .coinsub_toptxt {
        width: 15vw;
        margin-right: 9vw;
    }
    .coinsub_toptxt.coin {
        width: 14vw;
        margin-right: 8vw;
    }
    .top_runtimequote {
        font-size: 3.8vw;
    }
    .positiononfo_cancle {
        margin-left: auto;
        font-size: 2.3vw;
        line-height: 3vw;
    }
    .tradehistory_top {
        height: 7vw;
        padding: .5vw 1.5vw;
        display: flex;
    }
    .tradebtn1 {
        border-radius: 1vw;
        padding: 1vw;
        font-size: 2vw;
        line-height: 3vw;
    }
    .trade_topblock {
        width: 100%;
        height: 55vw;
        min-width: auto;
        flex-direction: column;
        align-items: flex-start;
        margin: 11vw 0 2vw;
        padding-bottom: 1vw;
        padding-left: 0;
        padding-right: 0;
    }
    .mob_leveragebtn {
        margin-top: 1vw;
        margin-bottom: 1vw;
        display: flex;
    }
    .mob_tradingbtn {
        width: 100%;
        height: 10vw;
        display: flex;
    }
    .orderbook_top2 {
        height: 9%;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0;
    }
    .orderbook_top2._1 {
        height: 7vw;
    }
    .order_top2 {
        z-index: 1;
        width: 150%;
        height: 7vw;
        padding-left: 2vw;
        padding-right: 2vw;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        bottom: 0;
        left: 0%;
        right: 0%;
    }
    .transaction_block {
        min-width: auto;
        flex-direction: column;
        display: flex;
    }
    .position_warp2 {
        width: 100%;
        height: auto;
        padding-bottom: 2vw;
        overflow: visible;
    }
    .leverage_warp {
        height: auto;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .trade_block {
        width: 100%;
        padding-left: 1vw;
        padding-right: 1vw;
        display: flex;
    }
    ._24hinfolist {
        width: auto;
        min-width: 25vw;
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        margin-left: 0;
        padding: 0 1vw;
    }
    .text-block-15 {
        width: 9vw;
        margin-left: 0;
        margin-right: auto;
        font-size: 3vw;
        line-height: 3vw;
    }
    .quote_box {
        height: 94%;
        justify-content: flex-start;
    }
    .tradebtn_block {
        height: 10vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .tradelistbox2 {
        margin-top: 1vw;
        margin-bottom: 1vw;
        margin-left: 0;
    }
    .positiononfo {
        text-align: right;
        font-size: 2.3vw;
        line-height: 3vw;
    }
    .transaction_topbtn {
        height: 9vw;
    }
    .trade_coinsub {
        z-index: 5;
        width: 100%;
        border-style: none none solid;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        padding-top: 2vw;
        padding-bottom: 2vw;
        top: 10vw;
        left: 0;
    }
    .orderbook_block {
        min-width: auto;
        overflow: hidden;
    }
    .markettrade_box {
        padding: 1vw 1.5vw;
    }
    ._24hinfo_txt {
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .position_listblock1 {
        width: 200%;
        height: auto;
        flex-direction: column;
        padding: 1vw 1vw 2vw;
    }
    .ordertxt {
        font-size: 2.5vw;
    }
    .transaction_btm {
        padding-top: 0;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .coinsub {
        margin-left: 3vw;
        font-size: 4vw;
    }
    .order_block {
        width: 100%;
        height: 75vw;
        min-width: auto;
        flex-direction: column;
        padding-bottom: 0;
        display: flex;
        position: absolute;
        bottom: -75vw;
        left: 0%;
        right: 0%;
    }
    .ordertxt5 {
        width: 50%;
        height: 100%;
        justify-content: flex-end;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.3vw;
        line-height: 3vw;
    }
    .ordertxt5.right {
        justify-content: flex-start;
        padding-left: 2vw;
    }
    .text-block-36 {
        margin-bottom: 1vw;
        font-size: 3vw;
    }
    .trade_mainframe {
        z-index: 0;
        width: 100%;
        min-width: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    .text-block-41 {
        min-width: 17vw;
        margin-left: 2vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .quantitybar_percentcircle {
        width: 3.5vw;
        height: 3.5vw;
        right: -2vw;
    }
    .quantitybar {
        height: 1vw;
    }
    .tradeblock1 {
        z-index: -1;
        width: 100%;
        height: 130vw;
        min-width: auto;
        flex-direction: column;
        margin-left: 0;
        padding-top: 0;
        position: relative;
    }
    .quantitybar_circle {
        width: 2vw;
        height: 2vw;
    }
    .text-field-13 {
        height: 7vw;
        padding: 0 0 0 3vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .div-block-108 {
        margin-bottom: 2vw;
    }
    .tradeblock2 {
        flex-direction: row;
        grid-template-rows: 100vw 90vw;
        grid-template-columns: minmax(50%, 100%) minmax(50%, 1fr);
        grid-auto-columns: minmax(385px, 100%);
        justify-content: flex-start;
        display: flex;
    }
    .tradeblock2.transaction {
        width: 100%;
        min-width: auto;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        display: flex;
        position: relative;
        top: 0%;
        left: 0%;
        right: 0%;
    }
    .order_topbtn {
        width: 100%;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .quote_price {
        width: auto;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.2vw;
        line-height: 3vw;
    }
    .order_txt1 {
        height: 4vw;
        margin-bottom: 1vw;
        line-height: 3vw;
    }
    .chartblock {
        z-index: 1;
        width: 100%;
        height: 130vw;
        min-height: auto;
        min-width: auto;
        margin-right: 0;
        display: none;
        position: absolute;
    }
    .tradesub_btn {
        font-size: 2vw;
        line-height: 3vw;
    }
    .topblock_quotebox {
        width: 13vw;
        height: 5vw;
        border-radius: .5vw;
        margin-left: 2vw;
        font-size: 2.8vw;
    }
    .div-block-116 {
        height: 6vw;
        margin-left: 2vw;
        margin-right: 2vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .runtimequote-copy {
        width: 19vw;
        margin-right: 3vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .dombox_quote {
        height: 12vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .trade_frame {
        width: 100%;
        min-height: 345vw;
        min-width: auto;
        padding-bottom: 0;
        position: relative;
    }
    .div-block-115 {
        width: 95%;
        height: 8vw;
        margin-bottom: 2vw;
        margin-left: 3vw;
        font-size: 2vw;
        line-height: 4vw;
    }
    .assetblock {
        width: 100%;
        min-width: auto;
        border-radius: 0;
        margin: 2vw 0;
        padding: 4vw;
        position: absolute;
        bottom: -138vw;
    }
    .text-block-35 {
        color: #00b4c9;
        text-align: right;
        margin-top: 1vw;
        margin-bottom: 1vw;
        display: flex;
    }
    .text-block-35:hover {
        color: #fff;
    }
    .position_warp1 {
        width: 100%;
        height: 89%;
        overflow: visible;
    }
    .dom_quote {
        font-size: 3vw;
        line-height: 4vw;
    }
    .position_box {
        width: 100%;
        height: 65vw;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: auto;
    }
    .text-field {
        height: 7vw;
        margin-bottom: 0;
        padding: 0 0 0 2vw;
        font-size: 3vw;
        line-height: 3vw;
    }
    .ordertxt2 {
        margin-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .order_top1 {
        z-index: 1;
        width: 200%;
        height: 9vw;
        min-height: auto;
        background-color: var(--deepbox);
        padding-left: 0;
        padding-right: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    .quote_quantity {
        justify-content: flex-end;
        font-size: 2.2vw;
        line-height: 3vw;
    }
    .title1 {
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .usdt-asset {
        padding: 1vw 4vw 1vw 3vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .image-42 {
        width: 5vw;
        height: 5vw;
        margin-right: 2vw;
    }
    .funding_ratetxt {
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .leverage_block {
        width: 50%;
        height: auto;
        min-width: auto;
        padding: 3vw;
        display: none;
    }
    .leverage_block.mob {
        width: 100%;
        background-color: var(--b_light);
        color: var(--white);
        border-radius: 4px;
        padding-bottom: 5vw;
        padding-left: 5vw;
        padding-right: 5vw;
        display: flex;
    }
    ._24hblock1 {
        align-items: center;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .button-44 {
        height: 6vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .ordertxt3 {
        text-align: right;
        margin-left: 0;
        display: flex;
    }
    .order_toplisttxt1 {
        justify-content: center;
        align-items: center;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .position_login {
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .markettrade {
        height: auto;
        min-width: auto;
    }
    .markettrade.tradehistory {
        font-size: 2vw;
        line-height: 3vw;
    }
    .trade_coiningo_warp {
        width: 100%;
    }
    .button-12 {
        width: 50%;
        background-color: var(--deepbox);
        justify-content: center;
        align-items: center;
        padding: 0;
        font-size: 3vw;
        line-height: 4vw;
        display: flex;
    }
    .button-12.chart.select,
    .button-12.transaction.select {
        background-color: var(--b_light);
    }
    .position_listblock2 {
        width: 150%;
        flex-direction: column;
        padding: 1vw;
        display: none;
        overflow: visible;
    }
    .orderbox1 {
        width: 50%;
        height: 118vw;
        max-width: 50vw;
        align-items: stretch;
        display: flex;
        position: absolute;
        top: 0;
        left: auto;
        right: 0%;
    }
    .orderbox1.transaction {
        z-index: 0;
        height: 130vw;
        display: flex;
        top: auto;
        bottom: 0;
    }
    .trade_coinsublist {
        width: 100%;
        height: 10vw;
        padding-left: 3vw;
        padding-right: 3vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .orderbox2 {
        width: 50%;
        height: 130vw;
        min-width: auto;
    }
    .asideblock {
        height: 145vw;
        margin-top: 3vw;
        overflow: auto;
    }
    .image-45 {
        width: 3.5vw;
        height: 2vw;
    }
    .aasidedrop {
        flex-direction: column;
        display: none;
    }
    .mob_asidepop {
        z-index: 4;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
        position: fixed;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
    }
    .asidewarp {
        align-items: center;
        display: flex;
    }
    .image-44 {
        width: 5vw;
        height: 5vw;
    }
    .mob_asidepop_block {
        width: 65%;
        height: 100%;
        background-color: var(--b_light);
        margin-bottom: 10vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
        position: fixed;
        left: 0;
    }
    .asidelist {
        height: 10vw;
        background-color: rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 0;
        padding-left: 5vw;
        padding-right: 0;
        font-size: 2.5vw;
        line-height: 3vw;
        display: flex;
    }
    .asidelist:hover {
        background-color: rgba(255, 255, 255, .15);
    }
    .asidelist.additionalbtn {
        background-color: var(--deepbox);
        justify-content: space-between;
        padding-right: 5vw;
        position: relative;
    }
    .text-block-17 {
        height: 100%;
        color: var(--point);
        align-items: center;
        margin-left: 3vw;
        font-size: 2.8vw;
        line-height: 4vw;
        display: flex;
    }
    .text-block-21 {
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .aside_profile {
        height: 10vw;
        background-color: var(--deepbox);
        border-top: 1px solid rgba(255, 255, 255, .3);
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        justify-content: space-between;
        align-items: center;
        padding-left: 5vw;
        padding-right: 5vw;
        display: flex;
    }
    .submit-button-2 {
        height: 8vw;
        margin-top: 5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .text-field-10 {
        height: 7vw;
        margin-bottom: 4vw;
        padding: 0 3vw;
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .title5 {
        margin-top: 2vw;
        margin-bottom: 2vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .loginbox {
        height: 7vw;
        margin-bottom: 4vw;
    }
    .frame4 {
        width: 100%;
        height: 100%;
        min-height: 80vh;
        padding-top: 11vw;
    }
    .text-field-9 {
        height: 100%;
        padding: 0 3vw;
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .loginblock {
        width: 100%;
        border-style: none;
        border-radius: 0;
        margin-top: 5vw;
        margin-bottom: 5vw;
        padding: 10vw 10vw 15vw;
    }
    .login_block {
        width: 100%;
        min-width: auto;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .login_sideiblock {
        display: none;
    }
    .form-5 {
        min-height: 80vw;
    }
    .button-10 {
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .text6 {
        font-size: 3vw;
        line-height: 3vw;
    }
    .select-field-7 {
        padding: 1vw 3vw 1vw 2vw;
        font-size: 2vw;
    }
    .pop_btn {
        height: 8vw;
        margin-top: 3vw;
        margin-left: auto;
        margin-right: auto;
    }
    .title6 {
        text-align: center;
        font-size: 6vw;
        line-height: 8vw;
        display: flex;
    }
    .button-15 {
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .registpop_blcok {
        width: 95vw;
        padding: 4vw 6vw 5vw;
    }
    .poptitle {
        margin-bottom: 1vw;
        font-size: 6vw;
        line-height: 6vw;
    }
    .welcomepop {
        display: none;
    }
    .button-32 {
        border-radius: 1vw;
        margin-left: 2vw;
        padding: 2vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .field-label {
        margin-bottom: 4vw;
    }
    .text-field-18 {
        height: 100%;
        padding: 1vw 3vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .pop_input {
        height: 8vw;
    }
    .button-15-copy {
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .asset_cointitle {
        width: 18vw;
        margin-right: 2vw;
    }
    .frame2 {
        padding-top: 11vw;
        padding-bottom: 0;
    }
    .asset_coin {
        width: 100%;
        min-height: 20vw;
        align-items: flex-end;
        margin-left: 0;
        padding: 4vw 1vw;
    }
    .asset_coininfo_txt {
        min-width: 20vw;
        flex-direction: row;
        justify-content: flex-end;
        margin-left: auto;
        font-size: 2vw;
        line-height: 2.5vw;
    }
    .asset_coinsub_top {
        width: 80vw;
        max-width: none;
        justify-content: flex-end;
        margin-bottom: 2vw;
        padding-left: 17vw;
    }
    .asset_coinsub_top.usdt {
        padding-right: 0;
    }
    .title2 {
        margin-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .unit {
        margin-left: 1vw;
    }
    .asset_coininfo {
        width: 100%;
        align-items: center;
    }
    .asset_warntxt {
        width: 100%;
        flex-direction: column;
        font-size: 2vw;
        line-height: 4vw;
        display: flex;
    }
    .asset_value {
        width: 40vw;
        height: 8vw;
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .menubtn {
        width: 100%;
        height: 10vw;
        min-width: auto;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .menubtn:hover {
        color: var(--point);
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
    }
    .menubtn.click {
        border-bottom: 1px solid var(--point);
        color: var(--point);
        background-color: rgba(0, 0, 0, 0);
        font-weight: 500;
    }
    .menubtn.click:hover {
        color: var(--point);
    }
    .asset_coinsub_name {
        width: 20vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .asset_coinsub_toptxt {
        width: 20vw;
        text-align: right;
        justify-content: flex-end;
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 3vw;
    }
    .button-46 {
        width: 80%;
        height: 8vw;
        margin-left: 4vw;
    }
    .coinimg1 {
        width: 6vw;
        height: 6vw;
        margin-right: 2vw;
    }
    .button-4 {
        width: 20vw;
        height: 8vw;
        border-radius: 1vw;
        margin-left: 4vw;
    }
    .assettitle {
        margin-bottom: 2vw;
        margin-left: 0;
        font-size: 5vw;
        line-height: 6vw;
    }
    .deposit_warp3 {
        box-shadow: none;
        padding-top: 4vw;
    }
    .btnarea {
        width: 100%;
        height: 100%;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        grid-template-rows: auto;
        grid-template-columns: 25vw 25vw 30vw;
        grid-auto-columns: 1fr;
        align-items: center;
        justify-items: center;
        padding: 2vw 4vw;
        display: grid;
    }
    .assetbox {
        width: 100%;
        height: 100%;
        min-height: auto;
        min-width: auto;
        background-color: var(--white);
        border-radius: 0;
        margin-bottom: 0;
        padding: 6vw 5vw 10vw;
    }
    .warn_title {
        font-size: 3vw;
    }
    .deposit_warp1 {
        height: 12vw;
        justify-content: space-between;
        margin-bottom: 2vw;
        margin-left: 0;
        padding-left: 0;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .asset_block {
        width: 100%;
        min-height: 50vh;
        align-items: flex-start;
    }
    .depositbtntxt {
        min-width: 7vw;
        font-size: 3vw;
        line-height: 4vw;
        display: none;
    }
    .deposit_warp2 {
        height: auto;
        border-bottom-style: none;
        border-radius: 1vw;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        align-items: center;
        justify-items: center;
        padding-top: 1vw;
        padding-bottom: 1vw;
        padding-left: 0;
        display: flex;
    }
    .asset_coininfoblock {
        width: 100%;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }
    .asset_address {
        margin-top: 4vw;
        margin-bottom: 4vw;
        padding-left: 2vw;
    }
    .asset_address.btc {
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .asset_coinsub {
        width: 100%;
        min-height: 16vw;
        align-items: flex-end;
        margin-left: 0;
        margin-right: 0;
        padding: 2vw 1vw;
    }
    .myassetvalue {
        width: 100%;
    }
    .asset_warn {
        width: 100%;
        height: auto;
        margin-top: 4vw;
        margin-bottom: 6vw;
        font-size: 2vw;
        line-height: 4vw;
    }
    .submit-button {
        height: 9vw;
        margin-top: 3vw;
        font-size: 3vw;
        line-height: 3vw;
    }
    .form-2 {
        height: 60vw;
        margin-top: 4vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .mawqty {
        width: 15vw;
        height: 100%;
    }
    .assetlistbox2 {
        height: 13vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
        margin-left: 0;
    }
    .asset_listbox {
        margin-top: 2vw;
        margin-bottom: 2vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .text-field-3 {
        height: 8vw;
        margin-bottom: 4vw;
        padding: 1vw 3vw;
    }
    .withrawl_qty {
        align-items: center;
        margin-bottom: 3vw;
    }
    .form-block-2,
    .form-block-2.btc {
        width: 100%;
        margin-top: 3vw;
    }
    .text-field-4 {
        height: 8vw;
        padding: 1vw 3vw;
    }
    .asset_tabletop {
        width: 200%;
        height: 10vw;
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .form-3 {
        height: 7vw;
        justify-content: flex-start;
        margin-bottom: 2vw;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
    }
    .listtext1 {
        /* width: 9%; */
        /* text-align: center; */
        /* padding-left: 1vw; */
        /* padding-right: 1vw; */
    }
    .text-field-5 {
        width: 20vw;
        height: 100%;
        padding: 0 0 0 2vw;
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .form-block-4 {
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
    .listpage_warp {
        height: 7vw;
        margin-top: 4vw;
    }
    .button-19 {
        width: 7vw;
        height: 7vw;
        background-color: rgba(0, 0, 0, 0);
        justify-content: center;
        align-items: center;
        padding: 0;
        font-size: 3vw;
        line-height: 4vw;
        display: flex;
    }
    .listtext2 {
        width: 28%;
        height: auto;
        padding: 1vw;
    }
    .select-field-5 {
        width: 19vw;
        height: 8vw;
        padding-left: 2vw;
        padding-right: 3vw;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .listtext3 {
        text-align: center;
        padding-left: 1vw;
        padding-right: 1vw;
    }
    .asset_tablelist {
        width: 200%;
        height: 12vw;
        padding: 1vw 0 1vw 0;
        /* font-size: 2.5vw; */
        /* line-height: 3vw; */
    }
    .deposit_warp4 {
        box-shadow: none;
        padding-top: 4vw;
        padding-right: 0;
        overflow: hidden;
    }
    .assetwarp {
        min-height: 60vh;
        margin-top: 1vw;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .asset_table {
        width: 200%;
    }
    .table_warp {
        width: 100%;
        max-height: 200vw;
        margin-top: 5vw;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: auto;
    }
    .table_warp.funding {
        height: auto;
        max-height: 100vw;
        overflow: auto;
    }
    .text2 {
        margin-left: 2vw;
        margin-right: 1vw;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .withrawlpop {
        display: flex;
    }
    .form-block-14 {
        margin-top: 4vw;
        margin-bottom: 4vw;
    }
    .withrawlblock {
        width: 90vw;
        height: 40vw;
        background-color: #1f1f1f;
        border-color: rgba(255, 255, 255, .1);
        padding: 2vw 6vw 4vw;
    }
    .exchange_result {
        justify-content: center;
        align-items: flex-start;
    }
    .select-field-2 {
        width: 30vw;
        height: 8vw;
        padding-left: 1vw;
        padding-right: 4vw;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .text-field-8 {
        height: 10vw;
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .text-field-8.select {
        width: 40vw;
        height: 8vw;
        margin-left: 0;
        padding: 0 0 0 2vw;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .assetbox5 {
        width: 75%;
        min-height: 30vw;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 3vw;
    }
    .assetbox3 {
        width: 80%;
        height: auto;
        margin-left: 3vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .exchangeinfo {
        width: 80%;
        justify-content: center;
        margin-left: 3vw;
    }
    .asset_block2 {
        width: 100%;
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    .exchangebtn {
        width: 8vw;
        height: 8vw;
        margin-left: 3vw;
        margin-right: 3vw;
        padding-top: 0;
    }
    .exchangebtn_img {
        width: 8vw;
        height: 8vw;
    }
    .button-6 {
        width: 20vw;
        height: 8vw;
        padding: 1vw 3vw;
    }
    .exchange_result1 {
        justify-content: center;
        align-items: center;
    }
    .form-block-3 {
        margin-left: 0;
        padding-left: 0;
    }
    .exchange_quote1 {
        margin-left: 0;
    }
    .asset_quote {
        margin-top: 1vw;
        padding-left: 0;
    }
    .form-block-13 {
        margin-left: 0;
    }
    .result_warp {
        width: 100%;
        height: auto;
        margin-left: 0;
        padding-top: 6vw;
    }
    .result_btn {
        padding: 1vw 3vw;
        font-size: 4vw;
        line-height: 4vw;
    }
    .result_btn.click {
        width: 60vw;
        height: 9vw;
        margin-top: 3vw;
    }
    .assetbox2 {
        height: auto;
        flex-direction: row;
        margin-bottom: 4vw;
    }
    .text3 {
        width: 100%;
        text-align: left;
        justify-content: flex-start;
        margin-top: 2vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .result_txt {
        font-size: 7vw;
        line-height: 8vw;
    }
    .assetbox4 {
        justify-content: center;
        padding-left: 0;
        display: flex;
    }
    .dw_btn1 {
        width: 11vw;
        height: 5vw;
        font-size: 2vw;
    }
    .dw_btn2 {
        width: 6vw;
        height: 5vw;
        font-size: 2vw;
        line-height: 3vw;
    }
    .anotice {
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .useraccount {
        width: 100%;
        height: 10vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .wallettxt {
        width: 100%;
        max-width: none;
        margin-bottom: 4vw;
        margin-right: 0;
    }
    .mymoney {
        width: 100%;
        max-width: none;
        text-align: left;
        align-items: flex-start;
        margin-bottom: 3vw;
        padding-right: 2vw;
        font-size: 4.5vw;
        line-height: 5vw;
    }
    .text-block-13 {
        width: 100%;
        height: 10vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .div-block-4 {
        width: 100%;
        margin-top: 5vw;
    }
    .text-span-54 {
        margin-bottom: 1vw;
        font-size: 3.5vw;
    }
    .arrow {
        margin-left: 0;
        margin-right: 0;
        font-size: 8vw;
        line-height: 8vw;
        display: none;
    }
    .arrow.horizon {
        display: none;
    }
    .arrow.vertical {
        justify-content: flex-start;
        margin: 2vw 0;
        display: flex;
    }
    .pbtnwrap {
        margin-top: 2vw;
    }
    .pbtn {
        width: 48%;
        height: 10vw;
        margin-bottom: 3vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .dwrap {
        width: 100%;
        margin-top: 0;
        padding: 8vw 0;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .btntxt {
        padding-left: 5vw;
        padding-right: 5vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .tablewrap4 {
        width: 100%;
        flex-direction: column;
        margin-bottom: 7vw;
    }
    .wallet_krwtxt {
        margin-top: 1vw;
    }
    .withdraw_sizebox {
        width: 100%;
    }
    .text-field4 {
        width: 100%;
        height: 10vw;
        border-radius: 1vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .anotice2 {
        font-size: 3vw;
        line-height: 8vw;
    }
    .tablewrap {
        width: 100%;
    }
    .div-block-12 {
        width: 100%;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-bottom: 5vw;
        padding: 3vw 4vw;
        display: flex;
    }
    .dtitle {
        width: auto;
        margin-top: 0;
        margin-bottom: 4vw;
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .btn_deposit {
        width: 48%;
        height: 8.5vw;
        justify-content: center;
        align-items: center;
        margin-top: 8vw;
        margin-left: 0;
    }
    .depositbtnwarp {
        width: 100%;
        justify-content: space-between;
    }
    .btn_deposit2 {
        width: 48%;
        height: 8.5vw;
        justify-content: center;
        align-items: center;
        margin-top: 8vw;
        margin-left: 0;
    }
    .custermertitle1 {
        margin-bottom: 2vw;
        font-size: 5vw;
        line-height: 6vw;
    }
    .image-51 {
        height: 19vw;
        margin-bottom: 2vw;
    }
    .frame5 {
        width: 100%;
        padding-top: 11vw;
        padding-bottom: 7vw;
    }
    .banner_warp {
        min-width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .custermermain_title {
        margin-bottom: 2vw;
        padding-left: 3vw;
        font-size: 4vw;
        line-height: 9vw;
    }
    .custermertitle2 {
        font-size: 6.5vw;
        line-height: 8vw;
    }
    .image-22 {
        width: 100%;
        height: 45vw;
        max-width: none;
        min-width: auto;
    }
    .custermermain_warp1 {
        width: 100%;
        flex-direction: column;
        align-items: center;
        margin-top: 10vw;
        margin-bottom: 5vw;
    }
    .custermermain_warp2 {
        width: 100%;
        height: auto;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .custermermain_textblock {
        height: 8vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-left: 3vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .custermer_iconbtn {
        width: 65%;
        margin: 3vw 0;
        padding: 4vw;
        font-size: 4vw;
        line-height: 4vw;
    }
    .custermermain_box2 {
        width: 100%;
        height: auto;
        min-height: 25vw;
        margin-bottom: 2vw;
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .custermer_titleblock {
        width: 100%;
        min-width: auto;
        flex-direction: column;
        justify-content: center;
    }
    .custermer_titlewarp {
        width: 100%;
        align-items: flex-end;
        padding-bottom: 0;
    }
    .paging {
        min-width: 100%;
        justify-content: center;
        padding-left: 1vw;
        padding-right: 1vw;
    }
    .button-18 {
        width: 8vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .custermer_liet {
        height: 8vw;
        margin: 1vw 2vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .custermer_listblock {
        width: 100%;
        height: auto;
        min-height: 120vw;
        border-radius: 0;
        padding: 6vw 5vw;
    }
    .custermer_listtxt2 {
        text-align: center;
    }
    .custermer_warp2 {
        height: 8vw;
        margin-top: 3vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .custermer_listblocktop {
        height: 8vw;
        border-radius: 1vw;
        padding-left: 2vw;
        padding-right: 2vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .custermer_warp1 {
        height: auto;
        min-height: 75vw;
        margin-top: 2vw;
    }
    .custermer_block {
        width: 100%;
        min-height: 120vw;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        border-radius: 0;
        padding: 5vw 5vw 8vw;
    }
    .detail_textblock {
        height: 120vw;
        padding: 2vw;
    }
    .detail_textblock.qna {
        height: 45vw;
    }
    .detail_titleblock {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 0;
        font-size: 2.5vw;
        line-height: 3vw;
        display: flex;
    }
    .subtitle.writer {
        min-width: 18vw;
    }
    .subtitle.date {
        min-width: 35vw;
    }
    .text-block-5 {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }
    .subtitle_block {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
    }
    .detail_btnblcok {
        width: 100%;
        height: 7vw;
        margin-top: 3vw;
        padding-right: 5vw;
    }
    .button-17 {
        width: 29vw;
    }
    .textarea-2 {
        min-height: 35vw;
        margin-bottom: 4vw;
        padding: 1vw 3vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .text-field-12 {
        height: 8vw;
        margin-bottom: 5vw;
        padding: 1vw 3vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .form-6 {
        align-items: flex-start;
    }
    .button-11 {
        width: 16vw;
        height: 7vw;
        border-radius: 1vw;
        padding: 1vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .fileselect1 {
        width: 59vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .form-block-6 {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
    }
    .fileblock {
        width: 100%;
        margin-bottom: 4vw;
    }
    .text-field-11 {
        height: 8vw;
        margin-bottom: 4vw;
        padding: 1vw 3vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .deletebtn_box {
        width: 4.5vw;
        height: 4.5vw;
        border-radius: .5vw;
        margin-left: 2vw;
    }
    .deletebtn {
        width: 4.5vw;
        height: 4.5vw;
    }
    .file_uploadbox {
        margin-left: 2vw;
    }
    .fileselect_block {
        width: 100%;
        height: 7vw;
        margin-bottom: 4vw;
    }
    .deletebtn_icon {
        width: 4vw;
        height: 4vw;
    }
    .submit-button-3 {
        width: 35vw;
        height: 8vw;
        border-radius: 1vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .button-21 {
        width: 40vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .accountbox {
        height: 8vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
        padding-left: 4vw;
    }
    .accountwarp {
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .text-block-31 {
        margin-bottom: 2vw;
        padding-left: 3vw;
        font-size: 3vw;
        line-height: 8vw;
    }
    .text-block-31.nochange {
        height: 8vw;
    }
    .form-8 {
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .password2 {
        height: 8vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
        padding: 1vw 3vw;
        font-size: 2.8vw;
    }
    .accountblock {
        width: 100%;
        min-height: auto;
        margin-bottom: 0;
        padding: 9vw 5vw;
    }
    .button-20 {
        margin-left: 3vw;
        font-size: 2.5vw;
    }
    .button-38 {
        height: 8vw;
    }
    .text-field-15 {
        height: 8vw;
        padding-left: 4vw;
        font-size: 2.8vw;
    }
    .button-21-copy {
        width: 40vw;
        margin-left: 4vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .accountbtn {
        height: 9vw;
    }
    .text-block-16 {
        font-size: 2.8vw;
    }
    .password,
    .text-field-14 {
        height: 8vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
        padding: 1vw 3vw;
        font-size: 2.8vw;
    }
    .text-field-14.certification {
        height: 8vw;
    }
    .name {
        height: 8vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
        padding: 1vw 3vw;
        font-size: 2.8vw;
    }
    .accountbox2 {
        height: 8vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
    .form-block-8 {
        width: 100%;
    }
    .image-60 {
        width: 2.5vw;
    }
    .copyttitle {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
    }
    .div-block-98 {
        width: auto;
        align-items: flex-start;
    }
    .div-block-100 {
        width: auto;
        margin-left: 0;
        padding-top: 2vw;
    }
    .button-41 {
        width: 12vw;
        height: 6vw;
        border-radius: 1vw;
        margin-bottom: 2vw;
    }
    .div-block-97 {
        width: 65vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .text9 {
        width: 44vw;
        height: 12vw;
        min-width: auto;
    }
    .div-block-112 {
        height: 9vw;
        align-items: center;
        margin-top: 3vw;
        margin-left: auto;
        margin-right: auto;
    }
    .button-48 {
        height: 8vw;
        min-width: 24vw;
        text-align: center;
        border-radius: 1vw;
        margin-left: 2vw;
        margin-right: 2vw;
        padding: 1vw;
    }
    .traderlink1 {
        height: 7vw;
        align-items: center;
        margin-top: 2vw;
        font-size: 2vw;
        line-height: 2.5vw;
    }
    .button-45 {
        min-width: 13vw;
        border-radius: 1vw;
        font-size: 2vw;
    }
    .copywarp {
        width: 100%;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .text-field-21 {
        width: 30vw;
        height: 6vw;
        margin-right: 3vw;
        padding: 1vw 1vw 1vw 6.5vw;
        line-height: 3vw;
        right: 1vw;
    }
    .button-42 {
        width: 16vw;
        height: 6vw;
        border-radius: 1vw;
        margin-right: 2vw;
        padding: 1vw;
        font-size: 2.5vw;
    }
    .div-block-99 {
        grid-column-gap: 2vw;
        grid-row-gap: 1vw;
        grid-template-rows: 12vw 12vw;
        grid-template-columns: 20vw 20vw 20vw;
        grid-auto-columns: 1fr;
        margin-top: 1vw;
        display: grid;
    }
    .image-59 {
        width: 3vw;
        height: 3vw;
        position: absolute;
        right: 0;
    }
    .copyt-title {
        min-width: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        padding: 5vw 4vw;
    }
    .div-block-101 {
        text-align: left;
        flex-direction: column;
    }
    .copyt_userlistbox {
        width: 100%;
        height: auto;
        min-height: 45vw;
        border-radius: 2vw;
        align-items: flex-start;
        margin-top: 1vw;
        margin-bottom: 1vw;
        padding: 2vw 1.5vw;
    }
    .text11 {
        margin-left: 0;
        margin-right: 0;
        font-size: 2.5vw;
    }
    .username {
        margin-right: 2vw;
        font-size: 4vw;
        line-height: 4vw;
    }
    .form-block-16 {
        width: 100%;
        margin-bottom: 3vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .image-58 {
        width: 9vw;
        height: 9vw;
        margin-right: 3vw;
    }
    .copyt_radio {
        width: 100%;
        height: 8vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .image-54 {
        width: 18vw;
        height: 18vw;
        margin-right: 4vw;
    }
    .text-field-19 {
        width: 30vw;
        height: auto;
        margin-top: 1vw;
        padding: 1vw 3vw 1vw 2vw;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .copyt_warp2 {
        margin-right: 2vw;
    }
    .checkbox-field-2 {
        width: 15vw;
        align-items: center;
        margin-bottom: 1vw;
        margin-left: 1vw;
        margin-right: 1vw;
        padding-left: 4vw;
        display: flex;
    }
    .text-block-25 {
        width: 20vw;
        margin-right: 2vw;
        padding: 1vw;
    }
    .text-block-40 {
        line-height: 3vw;
    }
    .copyt_block4 {
        width: 100%;
        min-height: 75vw;
        margin-bottom: 6vw;
        padding: 5vw 3vw;
    }
    .button-47-copy {
        width: 20vw;
    }
    .button-33 {
        width: 15vw;
        height: auto;
        margin-top: 1vw;
        margin-right: 2vw;
        line-height: 3vw;
    }
    .button-33.click {
        height: auto;
        margin-right: 2vw;
    }
    .div-block-122 {
        width: 4vw;
        height: 4vw;
        margin-left: 2vw;
    }
    .button-34 {
        width: 25vw;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-right: 2vw;
        padding: 1vw;
        line-height: 3vw;
        display: flex;
    }
    .button-34.click {
        text-align: center;
    }
    .copyoption_coinsub {
        display: none;
    }
    .copyoption_coinsub.on {
        display: block;
    }
    .copyt_followwarp2 {
        height: 15vw;
    }
    .copy_box {
        width: 75vw;
        height: 12vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .div-block-123 {
        width: 35vw;
        height: 10vw;
        align-items: center;
        padding: 2vw;
        display: none;
        top: 4vw;
        left: auto;
        right: 0;
    }
    .title7-copy {
        margin-right: 4vw;
        font-size: 5.5vw;
        line-height: 8vw;
    }
    .button-31 {
        width: 35vw;
    }
    .button-47.short,
    .button-47.long {
        width: 13vw;
    }
    .copyt_followwarp {
        width: auto;
        height: 8vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .checkbox-label-2 {
        margin-bottom: 0;
    }
    .copyblock_top {
        width: 100%;
        justify-content: center;
        margin-bottom: 5vw;
        padding-left: 2vw;
        display: flex;
    }
    .checkbox {
        margin-top: 0;
        margin-left: -4vw;
        margin-right: 1vw;
    }
    .copyt_user {
        width: 60vw;
        height: 24vw;
        margin-bottom: 6vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .text-field-20 {
        height: 8vw;
        padding: 1vw 3vw 1vw 2vw;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .roundbtn_round {
        width: 5vw;
        height: 5vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .roundbtn_round.on {
        width: 5vw;
        height: 5vw;
    }
    .menubtn2 {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .menubtn2:hover {
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
    }
    .menubtn2.click {
        border-bottom: 1px solid var(--point);
        color: var(--point);
        background-color: rgba(0, 0, 0, 0);
    }
    .div-block-104 {
        padding-left: 0;
    }
    .copyt_list {
        width: 220%;
        padding-left: 0;
        padding-right: 0;
    }
    .copyt_datawarp {
        width: 40vw;
        height: 10vw;
        margin-right: 5vw;
    }
    .copyt_warp {
        height: 15vw;
        border-bottom-style: none;
        grid-template-rows: 10vw 10vw;
        grid-template-columns: 40vw 45vw;
        grid-auto-columns: 1fr;
        justify-content: space-around;
        align-items: center;
        justify-items: center;
        padding: 3vw;
        display: flex;
    }
    .copyt_email {
        width: 100%;
    }
    .roundbtn_color,
    .roundbtn_color.on {
        height: 6vw;
    }
    .copywarp3 {
        height: 7vw;
    }
    .text10 {
        margin-right: 4vw;
        font-size: 3vw;
    }
    .button-39 {
        width: 20vw;
        margin-left: 4vw;
        font-size: 2.5vw;
    }
    .copyt_datablock {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .copyt_block2 {
        padding-top: 4vw;
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .select-field-8 {
        width: 19vw;
        height: 8vw;
        padding-left: 2vw;
        padding-right: 3vw;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .copyt_warp1 {
        width: 100%;
    }
    .copyt_tabletop {
        width: 220%;
        height: 9vw;
        border-radius: 1vw;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .copyt_box {
        width: 100%;
        height: 100%;
        min-height: auto;
        border-radius: 0;
        margin-bottom: 0;
        padding: 0 0 10vw;
    }
    .button-40 {
        width: 20vw;
        font-size: 2.5vw;
    }
    .copyt_block1 {
        padding: 6vw 0;
    }
    .copy_info {
        font-size: 3vw;
    }
    .roundbtn {
        width: 15vw;
        height: 6vw;
    }
    .copytitle {
        margin-bottom: 2vw;
        margin-left: 0;
        font-size: 4.8vw;
        line-height: 6vw;
    }
    .copyt_followoption {
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .copyt_listbox.none {
        height: 50vw;
        margin-left: 0;
    }
    .image-53 {
        width: 16vw;
        height: 16vw;
        margin-right: 2vw;
    }
    .listbox {
        width: 9%;
    }
    .followprofile1 {
        width: 30%;
    }
    .image-57 {
        width: 4vw;
        height: 4vw;
        margin-right: 4vw;
    }
    .copyt_topwarp {
        width: 100%;
        height: 10vw;
        border-bottom-style: solid;
        border-bottom-width: .5vw;
        border-radius: 0;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        justify-items: center;
        margin-bottom: 3vw;
        padding-top: 1vw;
        padding-left: 0;
        display: flex;
    }
    .check {
        width: 4vw;
        margin-left: 2vw;
    }
    .select_futureicon {
        width: 30vw;
        height: 8vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
        font-size: 3vw;
    }
    .futureicon_listbox {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        grid-template-rows: 10vw 10vw;
        grid-template-columns: 35vw 35vw;
        justify-content: center;
        align-items: center;
        margin-left: 2vw;
        margin-right: 2vw;
        padding: 0;
    }
    .futureicon_listbox._1 {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        padding-top: 2vw;
    }
    .futureicon_listbox._2 {
        grid-row-gap: 2vw;
        grid-template-rows: 10vw 10vw 10vw;
    }
    .copyt_top2 {
        width: 28vw;
        height: 8vw;
        margin-left: 1vw;
    }
    .copy_warp2 {
        width: 100%;
        height: auto;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        border-bottom-style: none;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        justify-items: center;
        padding: 2vw 4vw;
        display: grid;
    }
    .div-block-96 {
        width: auto;
        height: 30vw;
        grid-template-rows: 12vw 12vw;
        grid-template-columns: 28vw 28vw 28vw;
        justify-items: center;
        margin-left: 5vw;
        margin-right: 5vw;
        padding-left: 0;
        padding-right: 0;
    }
    .button-51 {
        width: 20vw;
        height: 8vw;
        font-size: 3vw;
    }
    .text-block-27 {
        height: 100%;
        margin-top: 2vw;
    }
    .text-block-33 {
        font-size: 3vw;
    }
    .text7-2 {
        margin-left: 0;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .followertxt {
        margin-right: 1vw;
    }
    .futureicon {
        width: 30vw;
        height: 8vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .futureicon_block {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2vw;
    }
    .button-49 {
        width: 35vw;
        height: 8vw;
        text-align: center;
        margin-left: 2vw;
        padding: 1vw;
        font-size: 3vw;
    }
    .button-49._2 {
        width: 55vw;
        font-size: 2.7vw;
    }
    .copyt_block3 {
        height: auto;
        min-width: auto;
        flex-direction: column;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .copy_mydata {
        width: auto;
        height: 45vw;
        min-width: auto;
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .text-block-28 {
        margin-top: 0;
    }
    .button-37 {
        width: 17vw;
        height: 6vw;
        padding: 1vw 2vw;
    }
    .warp3 {
        width: 100%;
        flex-direction: column;
        display: flex;
    }
    .div-block-90 {
        width: auto;
        min-width: auto;
        border-radius: 0;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }
    .influ_body {
        font-size: 2.3vw;
        line-height: 3vw;
    }
    .image-48 {
        width: 3vw;
        height: 3vw;
        margin-left: 3vw;
    }
    .influ_mainblock1 {
        height: 33vw;
        min-width: 250vw;
        border-radius: 0;
        margin-bottom: 5vw;
        padding: 4vw;
    }
    .image-49 {
        width: 4vw;
        height: 3.5vw;
    }
    .influ_mainblock2 {
        min-height: 120vw;
        min-width: 250vw;
        border-radius: 0;
        margin-top: 5vw;
        padding: 5vw 3vw;
    }
    .button-23 {
        width: 20vw;
        height: 8vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .text-field-16 {
        height: 7vw;
        padding: 1vw 3vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .influ_sidebtndeco {
        display: none;
    }
    .influ_tablelcontent {
        height: 7vw;
    }
    .influ_mainblock {
        width: 100%;
        min-width: auto;
        border-radius: 0;
        padding: 6vw 0 6vw 0;
        overflow: auto;
    }
    .image-47 {
        width: 22vw;
        height: 19vw;
    }
    .influ_date_warp {
        width: 35vw;
        margin-right: 4vw;
    }
    .influ_mainblock3 {
        height: 11vw;
        min-width: 250vw;
        border-radius: 0;
        padding-left: 4vw;
    }
    .link_boxwarp {
        width: 30vw;
        height: 9vw;
    }
    .influ_block1 {
        width: 100%;
        min-height: 95vh;
        min-width: auto;
    }
    .button-27 {
        width: 6vw;
        height: 6vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .influ_title1 {
        margin-bottom: 2vw;
        font-size: 6vw;
        line-height: 6vw;
    }
    .select-field-6 {
        height: 7vw;
        border-radius: 1vw;
        padding: 1vw 5vw 1vw 3vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .influ_searchbtnwarp {
        width: 17vw;
        height: 7vw;
        min-height: 7vw;
        min-width: 17vw;
        border-radius: 4vw;
    }
    .influ_top {
        height: 11vw;
        justify-content: space-between;
        padding-right: 4vw;
    }
    .mobbackdark {
        z-index: 1;
        background-color: rgba(0, 0, 0, .3);
        position: fixed;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
    }
    .influ_tablelist {
        grid-column-gap: .3vw;
        grid-row-gap: .3vw;
        padding: .5vw;
        font-size: 2.3vw;
    }
    .link {
        padding-left: 4vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .button-24 {
        width: 17vw;
        height: 7vw;
        padding-right: 4vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .image-52 {
        width: 5vw;
    }
    .influ_logo {
        height: 20vw;
        margin-top: 8vw;
        margin-bottom: 8vw;
    }
    .influ_tabletop {
        height: 9vw;
    }
    .button-25 {
        width: 30vw;
        height: 9vw;
        border-radius: 1vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .text-block-18 {
        font-size: 3vw;
        line-height: 4vw;
    }
    .influ_sidebtnbox {
        height: 12vw;
    }
    .influ_pagigng {
        height: 6vw;
        margin-top: 4vw;
        padding-left: 1vw;
        padding-right: 1vw;
    }
    .form-block-9 {
        height: 14vw;
    }
    .influ_linkbox {
        height: 12vw;
        margin-bottom: 2vw;
    }
    .influ_block2 {
        z-index: 5;
        width: 60%;
        min-width: auto;
        background-color: #1f1f1f;
        flex-direction: column;
        padding-top: 4vw;
        display: none;
        position: fixed;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
    }
    .text-field-17-copy {
        height: 8vw;
        margin-bottom: 2vw;
        padding: 1vw 3vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .button-29 {
        margin-bottom: 2vw;
        margin-left: 3vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .influ_loginbottom {
        min-height: 5vh;
    }
    .image-50 {
        width: 20vw;
        height: 17vw;
        margin-bottom: 4vw;
    }
    .form-block-10 {
        margin-bottom: 3vw;
    }
    .influ_loginblock {
        min-height: 90vh;
    }
    .influ_loginwarp {
        margin-bottom: 4vw;
    }
    .influ_title2 {
        margin-bottom: 2vw;
        font-size: 7vw;
        line-height: 7vw;
    }
    .text-field-17 {
        height: 8vw;
        margin-bottom: 2vw;
        padding: 1vw 3vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .influ_logintop {
        min-height: 7vh;
    }
    .influ_login_block {
        height: 80vw;
        margin-bottom: 4vw;
    }
    .button-30 {
        height: 10vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .influ_login {
        width: 100%;
        justify-content: flex-start;
        padding-top: 15vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .influ_title3 {
        margin-bottom: 2vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .dqr {
        font-size: 2.8vw;
    }
    .labtnbox-n {
        margin-top: 3vw;
    }
    .popximg {
        width: 4vw;
        height: 4vw;
    }
    .clearing_pop {
        width: 100%;
        height: 97vw;
        background-color: #1f1f1f;
        padding: 3vw 5vw 4vw;
    }
    .labtn-n {
        height: 8vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .order_warn {
        width: 100%;
        min-height: 13vw;
        padding: 2vw 4vw;
    }
    .utillitypop {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .order_success {
        font-size: 3vw;
        line-height: 3vw;
    }
    .pop_yieldtxt {
        height: 25vw;
        font-size: 8vw;
        line-height: 9vw;
    }
    .text-block-8 {
        margin-bottom: 1vw;
        font-size: 4vw;
        line-height: 4vw;
    }
    .text-span-12 {
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .div-block-124 {
        margin-top: 3vw;
        font-size: 3vw;
        line-height: 3vw;
    }
    .settle_fee {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }
    .tradepop_block {
        flex-direction: column;
        margin-bottom: 1vw;
        font-size: 4vw;
        line-height: 4vw;
        display: flex;
    }
    .form-block-7 {
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .settle-complete__box {
        width: 80vw;
        height: 95vw;
    }
    .text-block-11 {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }
    .text-block-12 {
        font-size: 2.2vw;
        line-height: 5vw;
    }
    .div-block-85 {
        margin-bottom: 1.5vw;
        padding-bottom: 1vw;
    }
    .form-7 {
        margin-bottom: 1vw;
    }
    .tradingpop {
        width: 100%;
        height: 97vw;
        background-color: #1f1f1f;
        padding: 4vw 5vw;
    }
    .settle-complete {
        z-index: 3000;
        background-color: rgba(0, 0, 0, .5);
    }
    .tradingpop_block {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
    }
    .text-field-13-copy {
        height: 9vw;
        background-color: #000;
        margin-bottom: 2vw;
        padding: 0 0 0 3vw;
        font-size: 3vw;
        line-height: 3vw;
    }
    .lacanbtn-n {
        height: 8vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }
    .settle_won {
        margin-top: 1vw;
        margin-bottom: 1vw;
        padding: 1vw;
        font-size: 4vw;
        line-height: 4vw;
    }
    .div-block-84 {
        padding-top: 4vw;
    }
    .order_fail {
        font-size: 3vw;
        line-height: 3vw;
    }
    .text-block-9 {
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .button-55 {
        height: 6vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .image-68 {
        width: 25vw;
        left: 7vw;
    }
    .mob_leveragepop {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
        justify-content: center;
        align-items: center;
        padding-left: 4vw;
        padding-right: 4vw;
        display: none;
    }
    .tradepop_warp {
        height: 7vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .long {
        color: #00b4c9;
    }
    .text-block-43 {
        height: 100%;
        color: var(--point);
        align-items: center;
        margin-left: 3vw;
        font-size: 2.8vw;
        line-height: 4vw;
        display: flex;
    }
    .qet {
        margin-bottom: 1vw;
    }
    .tradepop {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .wr {
        margin-left: 1vw;
    }
    .frame6 {
        height: 110vw;
        min-height: 110vw;
        margin-top: 11vw;
    }
    .image-40 {
        width: 15vw;
        height: 15vw;
        margin-bottom: 6vw;
    }
    .text-block-14 {
        font-size: 3.5vw;
        line-height: 6vw;
    }
    .form-block-18 {
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
    .image-61 {
        width: 15vw;
        height: 15vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .text-field-24 {
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding: 1vw 2vw;
    }
    .trader_pop2 {
        width: 100%;
        height: 95vw;
        padding: 4vw;
        display: none;
    }
    .div-block-111 {
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .traderpop {
        padding: 5vw;
        display: none;
    }
    .text-field-25 {
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding: 1vw 2vw;
    }
    .top_menubtnlist {
        min-width: auto;
        margin-left: 1vw;
        display: none;
    }
    .topbtn {
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .topbtn.click {
        border-bottom-width: .5vw;
    }
    .topmenubtn {
        width: 18vw;
        padding-bottom: 2vw;
    }
    .image-62 {
        width: 2vh;
        height: 1vw;
        right: 15%;
    }
    .button-14-copy {
        height: 9vw;
        padding: 2vw;
        font-size: 2.5vw;
    }
    .topmenubtn2 {
        min-width: 12vw;
        margin-left: 0;
    }
    .languagebtn {
        height: 100%;
        min-width: 12vw;
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 2vw;
        line-height: 3vw;
    }
    .dwrap-2 {
        width: 100%;
        margin-top: 0;
        padding: 8vw 0;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .settle_img {
        bottom: 0;
    }
    .text-field-23 {
        width: 58vw;
        height: 7vw;
        margin-left: auto;
        padding: 1vw 2vw;
    }
    .depositpop_box {
        width: 100%;
        min-height: 70vw;
        background-color: #1f1f1f;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 1vw;
        padding: 4vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .deposit_pop {
        border-radius: 10px;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .depositbottom1 {
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .div-block-106 {
        width: 91%;
        margin-bottom: 2vw;
        padding-left: 2vw;
    }
    .depositbottom2 {
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .warn_xrp {
        margin-top: 2vw;
        font-size: 2.3vw;
    }
    .copyicon {
        width: 5vw;
        height: 5vw;
        margin-left: 3vw;
    }
    .depositaddress {
        width: 68vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    .depositaddress_txtbox {
        width: 58vw;
        height: 7vw;
        padding: 1vw 2vw;
        font-size: 2vw;
        line-height: 3vw;
    }
    .f_store {
        height: auto;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .f_block {
        width: 100%;
        min-width: auto;
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        text-align: center;
        flex-direction: column;
        padding: 6vw 0;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .f_btn {
        min-height: 8vw;
        min-width: 30vw;
        margin-bottom: 3vw;
        margin-right: 0;
        padding: 1vw 2vw;
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .f_title {
        font-size: 4vw;
        line-height: 5vw;
    }
    .ms_pop_titleblock {
        margin-bottom: 2vw;
        padding-bottom: 1vw;
    }
    .ms_pop_title {
        font-size: 4vw;
        line-height: 5vw;
    }
    .ms_pop_btn {
        width: 40vw;
        height: 8vw;
        margin-top: 3vw;
        font-size: 2.5vw;
    }
    .ms_block {
        padding: 2vw;
    }
    .ms_pop_date {
        font-size: 2vw;
        line-height: 3vw;
    }
    .ms_exsit_img {
        width: 4vw;
        height: 4vw;
    }
    .ms_scroll {
        height: 65vw;
    }
    .ms_exsit_btn {
        width: 5vw;
        height: 5vw;
        top: 2vw;
        right: 2vw;
    }
    .ms_pop_box {
        width: 85vw;
        padding: 7vw 4vw 4vw;
        font-size: 2vw;
        line-height: 3.5vw;
    }
    .influ_inputwarp {
        width: 90vw;
        height: 8vw;
        margin-bottom: 1vw;
    }
    .influ_input {
        margin-bottom: 0;
        padding: 1vw 2vw;
    }
    .influ_input_title {
        font-size: 3vw;
        line-height: 4vw;
    }
    .influ_input_block {
        width: auto;
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .influ_form {
        height: 30vw;
    }
    .onflu_form_btn {
        width: 100%;
        height: 8vw;
        margin-top: 4vw;
    }
    .main_list {
        width: 180%;
        height: 11vw;
        margin-bottom: 1vw;
        padding: 2vw;
    }
    .main_listtoptxt {
        width: 35vw;
        margin-right: 4vw;
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .main_listtoptxt.coin {
        width: 28vw;
        margin-right: 4vw;
    }
    .main_listtoptxt.trade {
        width: 22vw;
    }
    .main_listtop {
        width: 180%;
        height: 8vw;
        margin-top: 2vw;
        margin-bottom: 1vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .main_listarea {
        width: 100%;
        max-width: none;
        min-width: auto;
        margin-bottom: 4vw;
        padding: 4vw;
        overflow: auto;
    }
    .m_list_txt.coin {
        font-size: 3vw;
    }
    .m_coin_icon {
        width: 6vw;
        height: 6vw;
        margin-right: 1vw;
    }
    .main_bord1 {
        min-height: 45vw;
        padding: 5vw;
    }
    .main_bord1:hover {
        transform: none;
    }
    .m_img1 {
        height: 25vw;
        margin-bottom: 3vw;
    }
    .main_listbox {
        width: 35vw;
        flex-direction: column;
        justify-content: center;
        margin-right: 4vw;
        font-size: 2.3vw;
        display: flex;
    }
    .image-75 {
        width: 4vw;
        height: 4vw;
    }
    .button-56 {
        width: 21vw;
        height: 7vw;
        border-radius: 4vw;
        padding-left: 5vw;
        font-size: 3vw;
    }
    .main_coinsub {
        width: 40vw;
        margin-right: 4vw;
    }
    .m_section {
        padding: 10vw 5vw;
    }
    .main_box2 {
        width: 100%;
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
        margin-top: 5vw;
        padding-top: 0;
    }
    .footer {
        width: 100%;
        height: auto;
        min-height: auto;
        min-width: auto;
        padding: 5vw 5vw 8vw;
        display: flex;
    }
    .footerlist_title {
        width: 25vw;
        margin-bottom: 1vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .footerlist {
        min-width: 20vw;
        margin-top: 2vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .footerlogo-2 {
        width: 17vw;
        height: 8vw;
        margin-bottom: 3vw;
    }
    .footerlist_block {
        width: 30vw;
        min-width: auto;
        text-align: left;
        flex-direction: column;
        margin-right: auto;
    }
    .footer_block2 {
        width: 100%;
        min-width: auto;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }
    .footerlist_warp {
        width: 100%;
        min-width: auto;
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        flex-direction: row;
        grid-template-rows: auto auto;
        grid-template-columns: 50% 50%;
        grid-auto-columns: 1fr;
    }
    .footerlogoblock-2 {
        min-width: auto;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin-bottom: 5vw;
        margin-right: 0;
        padding-bottom: 2vw;
    }
    .asset_info {
        width: 7vw;
        height: 7vw;
        margin-left: 3vw;
    }
    .ast_info_btn {
        width: 6vw;
        height: 6vw;
        font-size: 2.8vw;
    }
    .ast_info_box {
        width: 40vw;
        min-height: 6vw;
        padding: 2vw;
        left: auto;
        right: 100%;
    }
    .l_notice_btn {
        width: 5vw;
        height: 5vw;
    }
    .l_notice_box {
        width: 40vw;
        padding: 3vw;
        font-size: 2.3vw;
        line-height: 4vw;
    }
    .t_n_pop.on {
        display: none;
    }
    .w_new {
        width: 3vw;
        height: 3vw;
        font-size: 2vw;
        line-height: 3vw;
    }
    .banner_logo {
        width: 34vw;
        height: 12vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .banner_box {
        min-width: auto;
        padding-top: 12vw;
        padding-left: 7vw;
        padding-right: 7vw;
    }
    .m_slide_img,
    .m_slide_img._2 {
        width: 30vw;
    }
    .b_btn {
        width: 25vw;
        height: 8vw;
        padding: 1vw 2vw;
    }
    .m_title2 {
        margin-bottom: 2vw;
        font-size: 6vw;
        line-height: 8vw;
    }
    .b_btn_warp {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        margin-top: 5vw;
    }
    .main_banner_txtarea {
        width: 100%;
        height: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.5vw;
    }
    .m_title {
        margin-bottom: 2vw;
        font-size: 6vw;
        line-height: 8vw;
    }
    .m_section3 {
        align-items: flex-start;
        padding: 10vw 5vw;
    }
    .m_section1 {
        min-width: auto;
        padding: 10vw 5vw;
    }
    .m_itemtxt {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
    }
    .m_item_title {
        font-size: 3.8vw;
        line-height: 5vw;
    }
    .m_coin_title {
        font-size: 4vw;
        line-height: 4vw;
    }
    .m_itemblock2 {
        width: 100%;
        max-width: none;
        min-width: auto;
        margin-top: 4vw;
        padding: 8vw 4vw;
        overflow: auto;
    }
    .m_banner {
        min-width: auto;
        padding: 12vw 7vw;
    }
    .m_item_img2 {
        height: 20vw;
        margin-bottom: 2vw;
    }
    .m_item_img {
        width: 14vw;
        height: 14vw;
        margin-bottom: 2vw;
    }
    .m_b_block {
        max-width: none;
        min-width: auto;
        font-size: 2.5vw;
    }
    .main_warp {
        min-height: auto;
        align-items: center;
        overflow: hidden;
    }
    .m_logo {
        height: 8vw;
        margin-bottom: 2vw;
    }
    .m_coin_txt2 {
        font-size: 2.8vw;
    }
    .m_itemblock {
        width: 100%;
        min-width: auto;
        flex-direction: column;
        margin-top: 2vw;
        padding-top: 0;
    }
    .m_coinbox {
        width: 100%;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        padding: 3vw 5vw;
    }
    .m_section2 {
        min-width: auto;
        padding: 10vw 5vw;
    }
    .m_coinicon {
        width: 7vw;
        height: 7vw;
    }
    .m_coin_btn {
        height: 8vw;
        margin-top: 2vw;
        padding: 1vw 2vw;
        font-size: 3vw;
    }
    .main_bord {
        width: 100%;
        min-height: 30vw;
        grid-column-gap: 8vw;
        grid-row-gap: 8vw;
        padding: 4vw;
        font-size: 2.8vw;
    }
    .m_title_sub {
        margin-bottom: 7vw;
        font-size: 4vw;
        line-height: 6vw;
    }
    .m_list {
        width: 100%;
        min-width: auto;
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        margin-top: 3vw;
    }
    .m_item2 {
        width: 38vw;
        height: 60vw;
        min-width: 38vw;
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        padding: 8vw 3vw;
        font-size: 2.5vw;
    }
    .m_coin_txt1 {
        font-size: 2.5vw;
    }
    .store_icon {
        width: 7vw;
        height: 7vw;
    }
    .main_box3 {
        width: 100%;
        grid-column-gap: 10vw;
        grid-row-gap: 10vw;
        background-position: 100% 100%;
        flex-direction: column;
        padding: 8vw 5vw;
    }
    .app_btnarea {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        justify-content: center;
    }
    .main_box3block {
        display: flex;
    }
    .app_btn {
        min-width: 35vw;
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        padding: 2vw;
        font-size: 4vw;
        line-height: 5vw;
    }
    .store_span {
        font-size: 2.3vw;
        line-height: 2.3vw;
    }
    .main_box3warp {
        width: 100%;
        height: auto;
        min-width: auto;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .image-24 {
        width: auto;
        height: 51vw;
        margin-right: 0;
    }
}

@media screen and (max-width: 479px) {
    .topblock {
        flex-wrap: nowrap;
    }
    .frame {
        align-items: center;
    }
    .checkbox-field {
        align-items: flex-start;
    }
    .top {
        align-items: center;
    }
    .footerlogo {
        width: 24vw;
        height: 7vw;
    }
    .title4 {
        margin-bottom: 4vw;
    }
    .tradebtn2 {
        padding: 1vw;
    }
    ._24hinfo {
        min-width: auto;
        margin-left: 1vw;
    }
    .tradetop_coin {
        min-width: 27vw;
        flex-direction: row;
    }
    .image {
        width: 6vw;
        height: 6vw;
    }
    ._24hsub {
        margin-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .button-16 {
        height: 5vw;
        font-size: 2vw;
        line-height: 2vw;
    }
    .tradebtn1 {
        padding: 1vw;
    }
    .trade_topblock {
        flex-direction: column;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    ._24hinfolist {
        width: auto;
        min-width: 20vw;
        padding: 1vw;
    }
    .coinsub {
        line-height: 4vw;
    }
    .tradeblock2 {
        align-items: center;
    }
    .runtimequote-copy.up {
        font-size: 4vw;
        line-height: 4vw;
    }
    .trade_frame {
        align-items: center;
    }
    .assetblock {
        padding-bottom: 2vw;
    }
    .mob_asidepop {
        display: none;
    }
    .title6 {
        justify-content: flex-start;
    }
    .assettitle {
        width: 100%;
    }
    .warn_title {
        margin-bottom: 1vw;
    }
    .listtext1 {
        width: 12%;
        padding-left: 1vw;
        padding-right: 1vw;
    }
    .wallettxt {
        flex-direction: column;
        display: flex;
    }
    .pbtn {
        border-radius: 1vw;
    }
    .wallet_krwtxt {
        margin-top: 2vw;
        font-size: 3vw;
        line-height: 4vw;
    }
    .btn_deposit,
    .btn_deposit2 {
        border-radius: 1vw;
    }
    .text-block-42 {
        line-height: 3vw;
    }
    .traderlink1 {
        align-items: flex-start;
    }
    .copyt_list,
    .copyt_tabletop {
        width: 270%;
    }
    .followprofile1 {
        width: 30%;
    }
    .image-57 {
        width: 4.5vw;
        height: 4.5vw;
        margin-left: 4vw;
        margin-right: 4vw;
    }
    .select_futureicon {
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .text-block-27 {
        margin-top: 1vw;
    }
    .futureicon {
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .mobbackdark {
        display: none;
    }
    .influ_tablelist {
        font-size: 2vw;
    }
    .mob_leveragepop {
        display: none;
    }
    .frame6 {
        width: 100%;
    }
    .image-40 {
        width: 15vw;
        height: 15vw;
        margin-bottom: 6vw;
    }
    .text-block-14 {
        font-size: 4vw;
        line-height: 5vw;
    }
    .footerlogo-2 {
        width: 24vw;
        height: 7vw;
    }
    .footerlist_warp {
        grid-column-gap: 3vw;
        grid-template-columns: 1fr 1fr;
    }
    .banner_box {
        height: 60vh;
    }
    .m_itemblock {
        grid-template-rows: 70vw 70vw 70vw 70vw;
    }
}

#w-node-_667c566e-4876-7aaf-ff9b-7e6c826c32ec-18252c73,
#w-node-_667c566e-4876-7aaf-ff9b-7e6c826c32f3-18252c73,
#w-node-_667c566e-4876-7aaf-ff9b-7e6c826c32fc-18252c73,
#w-node-_667c566e-4876-7aaf-ff9b-7e6c826c3303-18252c73 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: stretch;
}

#w-node-_49aed6a4-2cce-205b-fc7b-9f4e77d134f1-18252c75 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49aed6a4-2cce-205b-fc7b-9f4e77d13543-18252c75 {
    grid-area: Area-2;
    justify-self: end;
}

@media screen and (max-width: 767px) {
    #w-node-_667c566e-4876-7aaf-ff9b-7e6c826c32f3-18252c73 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        align-self: start;
        justify-self: stretch;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_49aed6a4-2cce-205b-fc7b-9f4e77d1315b-18252c75 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}