@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Orbitron:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Orbitron:wght@400..900&display=swap');

body{
    font-family: 'DM sans', sans-serif;
}
:root {
  --mo-bottom-height: 62px;
}

.flex {
  display: flex;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  justify-content: center;
}
.flex-middle {
  display: flex;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.flex-around {
  display: flex;
  justify-content: space-around;
}
.none {
  display: none;
}
.text-right {
  text-align: right;
}
.align-end {
  align-items: end;
}

.whitemode img.whitemode_hide {
  display: none;
}
.darkmode img.darkmode_hide {
  display: none;
}
/* 색상 변경은 모든 사이즈 동일 */

/* 현재 레이아웃 변경은 모바일만 */

.trade-wrap-no-top {
  display: flex;
  flex-direction: column;
}

.root {
  font-family: "Inter 18 Pt" !important;
}
body {
  font-family: "Inter 18 Pt" !important;
}

@media screen and (max-width: 767px) {
  html {
    /* 피그마 390px 기준으로 작업중 */
    font-size: 10px; /* 1rem = 10px */
  }

  input {
    outline: 0;
  }
  body.overflow_hidden {
    overflow: hidden;
  }

  .market_root .darkmode {
    background-color: #1c1b1b;
  }
  .main_root .darkmode {
    background-color: #1c1b1b;
  }
  .wallet_root.darkmode {
    background-color: #1c1b1b;
  }
  .wallet_root .darkmode {
    background-color: #1c1b1b;
  }
  .requestList_body.darkmode {
    background-color: #1c1b1b;
  }
  .requestList_body .darkmode {
    background-color: #1c1b1b;
  }
  .deposit_root .darkmode {
    background-color: #1c1b1b;
  }
  .deposit_body.darkmode {
    background-color: #1c1b1b;
  }
  .deposit_body .darkmode {
    background-color: #1c1b1b;
  }
  .withdrawal_root.darkmode {
    background-color: #1c1b1b;
  }
  .withdrawal_root .darkmode {
    background-color: #1c1b1b;
  }
  .exchange_root.darkmode {
    background-color: #1c1b1b;
  }
  .exchange_root .darkmode {
    background-color: #1c1b1b;
  }
  .transfer_root.darkmode {
    background-color: #1c1b1b;
  }
  .transfer_root .darkmode {
    background-color: #1c1b1b;
  }
  .myinfo_root.darkmode {
    background-color: #1c1b1b;
  }
  .myinfo_root .darkmode {
    background-color: #1c1b1b;
  }

  .market_root .whitemode {
    background-color: #fff;
    color: #333;
  }
  .main_root .whitemode {
    background-color: #fff;
    color: #333;
  }
  .wallet_root.whitemode {
    background-color: #fff;
    color: #333;
  }
  .wallet_root .whitemode {
    background-color: #fff;
    color: #333;
  }
  .requestList_body.whitemode {
    background-color: #fff;
    color: #333;
  }
  .requestList_body .whitemode {
    background-color: #fff;
    color: #333;
  }
  .deposit_root .whitemode {
    background-color: #fff;
    color: #333;
  }
  .deposit_body.whitemode {
    background-color: #fff;
    color: #333;
  }
  .deposit_body .whitemode {
    background-color: #fff;
    color: #333;
  }
  .withdrawal_root.whitemode {
    background-color: #fff;
    color: #333;
  }
  .withdrawal_root .whitemode {
    background-color: #fff;
    color: #333;
  }
  .exchange_root.whitemode {
    background-color: #fff;
    color: #333;
  }
  .exchange_root .whitemode {
    background-color: #fff;
    color: #333;
  }
  .transfer_root.whitemode {
    background-color: #fff;
    color: #333;
  }
  .transfer_root .whitemode {
    background-color: #fff;
    color: #333;
  }
  .myinfo_root.whitemode {
    background-color: #fff;
    color: #333;
  }
  .myinfo_root .whitemode {
    background-color: #fff;
    color: #333;
  }

  /* sort-arrow */
  .sort-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle;
    opacity: 1;
    transition:
      opacity 0.3s,
      border-color 0.3s;
    position: relative;
  }
  .sort-arrow::before,
  .sort-arrow::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
  }
  .sort-arrow::after {
    border-top-color: #7f7e7e;
    bottom: -6px;
  }
  .sort-arrow.asc::after {
    border-top-color: var(--main-co);
  }
  .sort-arrow::before {
    border-bottom-color: #7f7e7e;
    top: -6px;
  }
  .sort-arrow.desc::before {
    border-bottom-color: var(--main-co);
  }
  .sortable.active .sort-arrow {
    opacity: 1;
  }

  /* main */
  .main_root .mo_main_box {
    background: #1c1b1b;
  }
  .main_root #MAIN_SECTION {
    margin-top: 120px;
    padding: 20px;
  }
  .main_root #MAIN_SECTION .asset_box {
    gap: 8px;
  }
  .main_root #MAIN_SECTION .asset_title {
    font-size: 1.2rem;
    display: flex;
    gap: 10px;
    color: #b9b9b9;
  }
  .main_root #MAIN_SECTION .asset_title img {
    object-fit: contain;
  }
  .main_root #MAIN_SECTION .asset_price1 {
    font-size: 3rem;
    font-weight: bold;
    color: var(--main-co);
  }
  .main_root #MAIN_SECTION .asset_price1 span {
    font-size: 1.5rem;
    font-weight: normal;
    color: #b1b1b1;
  }
  .main_root #MAIN_SECTION .asset_price2 {
    font-size: 0.95rem;
    color: #c7c7c7;
    font-weight: 300;
  }
  .main_root #MAIN_SECTION .deposit_box .deposit_button {
    border-radius: 999px;
    background-color: var(--main-co);
    padding: 8px 12px;
    font-size: 1.2rem;
  }
  .main_root #MAIN_SECTION .trade_box {
    padding: 8px 0;
  }
  .main_root #MAIN_SECTION .trade_bg {
    background-color: #505050;
    padding: 6px 10px;
  }
  .main_root #MAIN_SECTION .trade_title {
    font-size: 0.95rem;
    color: #eaeaea;
  }
  .main_root #MAIN_SECTION .trade_button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-co);
    font-size: 0.95rem;
    gap: 3px;
    font-weight: bold;
  }
  .main_root #MAIN_SECTION .trade_button span {
    font-size: 2rem;
    color: #333;
  }
  .main_root #MAIN_SECTION .linkbtn_box {
    padding: 20px 0;
  }
  .main_root #MAIN_SECTION .linkbtn_bg {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .main_root #MAIN_SECTION .linkbtn_bg a {
    width: 25%;
    white-space: nowrap;
    font-size: 1.2rem;
    color: #bfbfbf;
  }
  .main_root #MAIN_SECTION .linkbtn_bg .img_box {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main_root #MAIN_SECTION .linkbtn_bg .img_box img {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    border: 0.3px solid #ffffff36;
  }
  .main_root #MAIN_SECTION .slide_box {
    width: 100%;
    height: 100px;
    border: 0.3px solid #ffffff36;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    color: #ffffff;
  }
  .main_root #MAIN_SECTION .slide_box a {
    color: #ffffff;
  }
  .main_root #MAIN_SECTION .slide_item {
    width: 100%;
    justify-content: center;
    gap: 10%;
    padding-right: 10%;
  }
  .main_root .slide_text_box span {
    display: flex;
    gap: 6px;
    color: #7b7a7a;
    font-weight: 300;
    font-size: 0.8rem;
    align-items: center;
  }
  .main_root .arrow_img_box {
    padding: 3px 5px;
    background-color: var(--main-co);
    border-radius: 99px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
  }
  .main_root .favorite_box {
    padding: 0 20px;
    gap: 20px;
    margin-top: 12px;
    margin-bottom: 32px;
  }
  .main_root .favorite_box .favorite_title {
    padding-bottom: 8px;
    border-bottom: 2px solid #000;
    font-weight: bold;
    width: fit-content;
  }
  .main_root .favorite_tab {
    gap: 10px;
    color: #878686;
  }
  .main_root .favorite_tab .on {
    font-weight: bold;
    color: #ffffff;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
    padding-bottom: 4px;
  }
  .main_root .card-box {
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    justify-content: space-between;
  }
  .main_root .card-item {
    width: 47%;
    border-radius: 10px;
    border: 0.3px solid #363535;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
  }
  .main_root .card-item.up {
    background-image: url("../../images/hhm/bg_chart_up01.png");
  }
  .main_root .card-item.down {
    background-image: url("../../images/hhm/bg_chart_down01.png");
  }
  .main_root .coin_img_name_box {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
  }
  .main_root .coin_img_name_box img {
    width: 28px;
    height: 28px;
  }
  .main_root .img-co {
    width: 32px;
    height: 32px;
  }
  .main_root .btc-name {
    font-size: 1.2rem;
    color: #fff;
  }
  .main_root .btc-name span {
    color: #7e7e7e;
  }
  .main_root .mo_main_box .crate {
    font-size: 1.5rem;
  }
  .main_root .mo_main_box .cnow {
    color: #fff;
    font-size: 2rem;
  }
  .main_root .mo_main_box .favorite_box .view_more_button {
    font-weight: bold;
    font-size: 1.5rem;
    color: #1c1b1b;
    width: 100%;
    height: 44px;
    border-radius: 10px;
    background-color: var(--main-co);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .main_root .notice_box {
    padding: 0 20px 40px;
  }
  .main_root .notice_title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
    width: max-content;
  }
  .main_root .notice_item {
    padding: 20px 0;
    gap: 12px;
    border-bottom: 0.3px solid #3e3d3d;
  }
  .main_root .notice_item_content {
    color: #cecece;
    font-size: 1.5rem;
  }
  .main_root .notice_item_date {
    color: #929292;
    font-size: 0.8rem;
  }
  .main_root .mo_main_box .notice_box .view_more_button {
    font-weight: bold;
    font-size: 1.5rem;
    color: #a2a1a1;
    width: 100%;
    height: 44px;
    border-radius: 10px;
    background-color: #232222;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;
  }
  /* main white */
  .main_root.whitemode .mo_main_box {
    background-color: #fff;
  }
  .main_root.whitemode #MAIN_SECTION .linkbtn_bg .img_box img {
    border: 0.3px solid #00000036;
  }
  .main_root.whitemode #MAIN_SECTION .linkbtn_bg a {
    color: #666;
  }
  .main_root.whitemode #MAIN_SECTION .trade_bg {
    background-color: #999;
  }
  .main_root.whitemode #MAIN_SECTION .trade_title {
    color: #000;
  }
  .main_root.whitemode #MAIN_SECTION .asset_title {
    color: #000;
  }
  .main_root.whitemode #MAIN_SECTION .asset_price1 span {
    color: #000;
  }
  .main_root.whitemode #MAIN_SECTION .asset_price2 {
    color: #000;
  }
  .main_root.whitemode #MAIN_SECTION .slide_box a {
    color: #000;
  }
  .main_root.whitemode #MAIN_SECTION .slide_box {
    border: 0.3px solid #00000036;
  }
  .main_root.whitemode .favorite_box {
    background-color: #fff;
  }
  .main_root.whitemode .favorite_tab .on {
    color: #000;
  }
  .main_root.whitemode .favorite_tab {
    color: #666;
  }
  .main_root.whitemode .btc-name {
    color: #000;
  }
  .main_root.whitemode .mo_main_box .cnow {
    color: #000;
  }
  .main_root.whitemode .notice_title {
    color: #000;
  }
  .main_root.whitemode .notice_item_content {
    color: #000;
  }
  .main_root.whitemode .notice_item {
    border-color: #bbb;
  }
  .main_root.whitemode .mo_main_box .notice_box .view_more_button {
    color: #333;
    background-color: #aaa;
  }
  .main_root.whitemode .card-item {
    border-color: #aaa;
  }

  /* trade */
  /* element 없음 */
  /* .trade-order{padding-bottom: 10px;}
.pr-txt{font-size: 1.3rem; font-weight: normal;}
.price_percent_text{padding: 4px 8px; background-color: var(--green); color: white; font-weight: 500; font-size: 1.2rem; border-radius: 8px;}
.darkmode .ordertxt{color: #fff;}
.order-input.darkmode{background-color: #222;}
.order-input-txt.darkmode{background-color: #222;}
.futures-info-tap-box.darkmode{border: 0;border-color: white;border-width: 2px;}
.order-tap-box.on{border: 1px solid #713FF5;}
.poptitle{}
.darkmode .poptitle{color: white;}
.leverage_title{width: 100%; text-align: center; font-size: 2rem;}
.darkmode .leverage_title{color: white;}
.darkmode .leverage_block{background-color: #1a1a1a;}
.lev_updown_btn{min-width: 40px; min-height: 40px; font-size: 4rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.darkmode .lev_updown_btn{color: white; }
.lev_input_box input {background: none; border: 0; font-size: 3.6rem; max-width: 60px;}
.lev_input_box input.green{color: var(--green);} 
.lev_input_box input.red{color: var(--red);} 
.lev_input_box{display: flex;justify-content: center;align-items: center; position: relative;}
.lev_input_box span{position: absolute; right: -25px; top: 44%; transform: translateY(-50%); font-size: 3.4rem;}
.darkmode .lev_input_box span{color: white;}
.tradepop{background-color: #0000004d;}
.darkmode .tradepop > div > div{background-color: #1a1a1a;}
.darkmode .clearing_pop{background-color: #1a1a1a;} 
.darkmode .tradingpop{background-color: #1a1a1a;} 
.darkmode .tradepop > div > div .image-38{filter: none;}
.darkmode .tradepop .text-block-12{color: white;}
.darkmode .tradepop .text-field-13-copy {background-color: #555;}
.tradepop .title3{margin-bottom: 20px;}
.check-box-spot{margin: 10px 0;}
.darkmode .tradepop .tpsl_poptxt{color: white;}
.darkmode .tradepop .tpsl_price{color: white;}
.darkmode .tradepop .tpsl_poptitle{color: white;}
.darkmode .tradepop .trade_inputbox2{background-color: #222; color: white;}
.darkmode .tradepop .tpsl_popinput{background-color: #222; color: white;}
.darkmode .tradepop .reset-btn{background-color: #222; color: white;}
.darkmode .tradepop .pop_warn{background-color: #222;}
.tpsl_pop{background-color: transparent;}
.darkmode .modepop_btn.click{color: white;}
.darkmode .quikpoptxt{background-color: #222; color: white;} */
  /* element 없음 */

  .trade_root .trade-order {
    overflow: hidden;
  }
  .trade_root .call-top-txt.w20.size-txt.red {
    z-index: 9;
  }
  .trade_root .siseArrow {
    width: 0;
    height: 0;
    margin: 0 !important;
  }
  .trade_root .siseArrow.up {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #00c186;
    transform: rotate(-90deg);
  }
  .trade_root .siseArrow.down {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #f5352c;
    transform: rotate(90deg);
  }
  .trade_root .call-middle-txt-copy {
    margin-right: 6px;
  }
  .trade_root .text-block-144 {
    padding-top: 2px;
  }
  .trade_root .darkmode .uantitybar {
    background-color: transparent;
  }
  .trade_root .bit-txt-box {
    flex-direction: row;
    gap: 8px;
    padding-right: 4px;
    align-items: center;
    background-color: transparent;
  }
  .trade_root .bit-dropdown-box {
    width: auto;
    padding: 8px;
    border: 1px solid #595959;
    border-radius: 99px;
    background: #2c2c2c;
    padding-right: 10px;
    z-index: 100000;
    display: block;
  }
  .trade_root .bit-txt-box .w28 {
    width: 28px;
    height: 28px;
  }
  .trade_root .mobile_top_right_box {
    display: flex;
  }
  .trade_root .mobile_top_left_box {
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .trade_root .bit-info-box {
    display: flex;
    justify-content: space-between;
  }
  .trade_root .m-chart-btn {
    margin: 0;
  }
  .trade_root .chart-btn {
    margin: 0;
  }
  .trade_root .trade-top-copy {
    margin: 20px 0;
  }
  .trade_root .trade-top {
    margin: 20px 0;
    background-color: transparent;
  }
  .trade_root .price-bit-txt.mo-txt-price.monone-copy {
    padding: 8px;
    height: fit-content;
    background-color: transparent;
    width: auto;
  }
  .trade_root .price-bit-txt.mo-txt-price.monone-copy.green {
    color: var(--green);
    background-color: #00c18633;
  }
  .trade_root .price-bit-txt.mo-txt-price.monone-copy.red {
    color: var(--red);
    background-color: #f5352c33;
  }
  .trade_root .price-volatility-txt {
    padding: 8px;
    height: fit-content;
    width: fit-content;
  }
  .trade_root .trade-order-top {
    gap: 4px;
    padding: 4px 12px;
  }
  .trade_root .gage-box {
    gap: 0;
    border-radius: 0;
  }
  .trade_root .long-gage {
    background-color: #00c186;
    height: 8px;
  }
  .trade_root .short-gage {
    background-color: #f5352c;
    height: 8px;
  }
  .trade_root .inter-small {
    font-size: 1rem;
    font-weight: 500;
  }
  .trade_root .div-block-176 {
    height: auto;
  }
  .trade_root .div-block-177 {
    height: auto;
    padding: 6px 0;
  }
  .trade_root .currentprice_dollar {
    display: none;
  }
  .trade_root .w22 {
    width: 22px;
    height: 22px;
  }
  .trade_root .futures-info-box {
    position: static !important;
  }
  .trade_root .futures-left {
    position: static !important;
  }
  .trade_root .futures-right {
    position: static !important;
  }
  .trade_root .trade-wrap {
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .trade_root .absolute_title {
    display: none;
  }
  .trade_root .futures-left.spot-exchange {
    max-height: 100%;
    height: auto;
  }
  .trade_root .call-box.spot {
    height: 100%;
  }
  .trade_root .futures-list .futures-list-txt:first-child {
    gap: 4px;
    white-space: nowrap;
  }
  .trade_root .futures-list .futures-list-txt.red {
    color: var(--red);
  }
  .trade_root .futures-list .futures-list-txt.green {
    color: var(--green);
  }
  .trade_root .futures-list .futures-list-txt.long {
    color: var(--red);
  }
  .trade_root .futures-list .futures-list-txt.short {
    color: var(--green);
  }
  .trade_root .futures-info-tap.on {
    border-bottom: 2px solid #713FF5;
    color: #000;
  }
  .trade_root .price-volatility-txt.coininfo {
    border-radius: 2px;
    background-color: transparent;
    color: #fff !important;
    padding: 4px;
    font-size: 0.9rem;
  }
  .trade_root .price-volatility-txt.coininfo.down {
    background-color: #ec564e;
  }
  .trade_root .price-volatility-txt.coininfo.up {
    background-color: #00c186;
  }
  .trade_root .call-chart-area {
    position: static;
  }
  .trade_root .orderbook {
    min-width: 0;
    max-width: 100%;
  }
  .trade_root .gage-bar-call {
    padding: 1vw;
  }
  .trade_root .call-middle {
    height: 9%;
    gap: 4px;
  }
  .trade_root .futures-info-box-copy.futures {
    margin: 0 12px;
    border-radius: 0;
    min-height: 300px;
    height: 100%;
    width: auto;
  }
  .trade_root .perpetual-content {
    row-gap: 6px;
  }
  .trade_root .gage-bar-call-copy {
    gap: 4px;
    margin-top: 8px;
  }
  .trade_root .call-top-txt.w20.size-txt {
    background: transparent;
  }
  .trade_root .input-lev {
    width: 56px;
    font-size: 3rem;
  }
  .trade_root .leverage_block .div-block-180 {
    margin-right: 10px;
  }
  .trade_root .append_cancel_btn {
    border-radius: 5px;
    padding: 4px 8px;
    background-color: #eee;
  }
  .trade_root.darkmode .append_cancel_btn {
    background-color: #2d2d2d;
    color: #fff;
  }

  /* 모바일 오더박스 오더북 레이아웃 */
  .trade_root .trade-order-top {
    max-height: 450px;
    min-height: 450px;
  }
  .trade_root .trade-order-top.tpsl_box_opened {
    max-height: 480px;
  }
  .trade_root .trade-hoga-box {
    font-size: 10px;
  }
  .trade_root .order-tap-box-mo {
    height: 45px;
    margin-top: 4px;
  }
  .trade_root .div-block-169 {
    height: 45px;
    margin-top: 4px;
  }
  .trade_root .div-block-171 {
    height: 20px;
    margin-top: 4px;
  }
  .trade_root .quantitybar_block-copy {
    height: 25px;
  }
  .trade_root .div-block-174 {
    height: 27px;
    margin-top: 4px;
  }
  .trade_root .div-block-171-copy-copy {
    height: 20px;
    margin-top: 8px;
  }
  .trade_root .div-block-175 {
    height: 55px;
    margin-top: 6px;
  }
  .trade_root .div-block-175.off {
    height: 26px;
  }
  .trade_root .order-btn-box-mo {
    height: 113px;
    margin-top: 0;
    justify-content: end;
    gap: 8px;
  }
  .trade_root .order-btn-2-copy {
    height: 48px;
    font-size: 1.3rem;
    font-family: "Inter 18 Pt" !important;
  }
  .trade_root .div-block-178 {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 2px;
    flex: 1;
  }
  .trade_root .call-middle-copy {
    height: 42px;
  }
  .trade_root .call-price-box-mo {
    flex: 1;
    height: auto;
  }
  .trade_root .div-block-178.tpsl {
    height: 100%;
  }
  .trade_root .call-buy-copy,
  .call-sell-copy {
    height: 60%;
    display: flex;
    flex-direction: column;
  }
  .trade_root .call-buy,
  .call-sell {
    height: 60%;
    display: flex;
    flex-direction: column;
  }
  .trade_root .trade-hoga-box {
    display: flex;
    flex-direction: column;
  }
  .trade_root .order-top-mo {
    height: 30px;
  }
  .trade_root .quantitybar {
    background-color: #ccc;
  }
  .trade_root .trade-order-form-box {
    display: flex;
    flex-direction: column;
  }

  /* orderHistory */
  .trade_root .orderHistory .w-layout-vflex {
    gap: 8px;
  }
  .trade_root .orderHistory .history_row {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-bottom: 1px solid #eee;
    padding: 16px 4px;
  }
  .trade_root .orderHistory .history_top_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .trade_root .orderHistory .history_top_title_box {
    display: flex;
    font-weight: bold;
    font-size: 1.5rem;
  }
  .trade_root .orderHistory .history_top_content_box {
    display: flex;
    gap: 4px;
  }
  .trade_root .orderHistory .history_top_content_box .history_cell {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: #eee;
    font-size: 1.3rem;
    font-weight: 500;
    height: max-content;
  }
  .trade_root .orderHistory .flex_bottom_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.3rem;
  }
  .trade_root .orderHistory .flex_bottom_box .history_cell {
    display: flex;
    justify-content: space-between;
  }
  .trade_root .orderHistory .flex_text {
    display: flex;
  }
  .trade_root .orderHistory .history_cell_title {
    color: #666;
  }
  .trade_root .orderHistory .flex_bottom_box .flex_text {
    font-weight: 500;
  }
  .trade_root .orderHistory .request_btn {
    width: 50px;
    margin: 0;
    height: 24px;
  }
  .trade_root .orderHistory .revenue_box {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .trade_root .orderHistory .history_cell.short {
    background-color: #f5352c !important;
  }
  .trade_root .orderHistory .history_cell.long {
    background-color: #00c186 !important;
  }
  .trade_root .orderHistory .long .flex_text {
    color: #fff;
  }
  .trade_root .orderHistory .short .flex_text {
    color: #fff;
  }
  .trade_root.darkmode .orderHistory .history_top_content_box .history_cell {
    background-color: #333;
  }

  .trade_root .positionOrderList .w-layout-vflex {
    gap: 8px;
  }
  .trade_root .positionOrderList .history_row {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid #eee;
    padding: 16px 4px;
  }
  .trade_root .positionOrderList .history_top_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
  }
  .trade_root .positionOrderList .history_top_title_box {
    display: flex;
    font-weight: bold;
    font-size: 1.5rem;
  }
  .trade_root .positionOrderList .history_top_content_box {
    display: flex;
    gap: 4px;
  }
  .trade_root .positionOrderList .history_top_content_box .history_cell {
    border-radius: 4px;
    padding: 1px 6px;
    background-color: #eee;
    font-size: 1.2rem;
    font-weight: 500;
  }
  .trade_root .positionOrderList .flex_bottom_box {
    display: flex;
    gap: 8px;
    font-size: 1.3rem;
    justify-content: space-between;
  }
  .trade_root .positionOrderList .flex_bottom_box .history_cell {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-size: 1.1rem;
  }
  .trade_root .positionOrderList .flex_text {
    display: flex;
  }
  .trade_root .positionOrderList .history_cell_title {
    color: #666;
  }
  .trade_root .positionOrderList .flex_bottom_box .flex_text {
    font-weight: 500;
  }
  .trade_root .positionOrderList .flex_bottom_box .flex_text .order_tpsl_box {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
  }
  .trade_root
    .positionOrderList
    .flex_bottom_box
    .flex_text
    .order_tpsl_box
    .tpsl_edit_img {
    width: 14px;
    height: 14px;
    cursor: pointer;
  }
  .trade_root .positionOrderList .request_btn {
    width: 50px;
    margin: 0;
    height: 24px;
  }
  .trade_root .positionOrderList .revenue_box {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .trade_root .positionOrderList .history_cell.short {
    background-color: #f5352c !important;
  }
  .trade_root .positionOrderList .history_cell.long {
    background-color: #00c186 !important;
  }
  .trade_root .positionOrderList .long .flex_text {
    color: #fff;
  }
  .trade_root .positionOrderList .short .flex_text {
    color: #fff;
  }
  .trade_root .positionOrderList .date_cell {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
  }
  .trade_root .positionOrderList .append_cancel_btn {
    text-align: center;
  }
  .trade_root .positionOrderList .flex_end {
    justify-content: end;
  }
  .trade_root.darkmode
    .positionOrderList
    .history_top_content_box
    .history_cell {
    background-color: #333;
  }
  /* spot */
  .trade_root.spot_trade_root .futures-right {
    height: 415px;
    width: calc(45% - (3px / 2));
  }
  .trade_root.spot_trade_root .futures-left.spot-exchange {
    max-height: 100%;
    height: auto;
    width: calc(55% - (3px / 2));
  }
  .trade_root.spot_trade_root .futures-left {
    height: 415px;
    min-height: 0;
    padding: 6px 0;
  }
  .trade_root.spot_trade_root .call-price-box {
    height: 19px;
  }
  .trade_root.spot_trade_root .call-chart-area {
    min-height: 0;
    height: 100%;
  }
  .trade_root.spot_trade_root .avail.mo {
    height: 20px !important;
  }
  .trade_root.spot_trade_root .input-box-order {
    height: 40px !important;
  }
  .trade_root.spot_trade_root .order-tap-box {
    min-height: 40px;
    max-height: 40px !important;
  }
  .trade_root.spot_trade_root .order-txt-box.total {
    height: 40px !important;
  }
  .trade_root.spot_trade_root .order-btn-box.spot-box {
    height: 32px !important;
  }
  .trade_root.spot_trade_root .bar-box {
    gap: 0;
    margin-top: 10px;
  }
  .trade_root.spot_trade_root .order-form {
    gap: 4px;
  }
  .trade_root.spot_trade_root .bit-dropdown-box .bit-txt {
    font-weight: bold;
  }
  .trade_root.spot_trade_root .order_txt1 {
    height: 15px;
  }
  .trade_root.spot_trade_root .futures-list-txt.sub {
    white-space: nowrap;
  }

  .trade_root.spot_trade_root #orderLongList .w-layout-vflex {
    gap: 8px;
  }
  .trade_root.spot_trade_root #orderLongList .history_row {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid #eee;
    padding: 16px 4px;
  }
  .trade_root.spot_trade_root #orderLongList .history_top_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
  }
  .trade_root.spot_trade_root #orderLongList .history_top_title_box {
    display: flex;
    font-weight: bold;
    font-size: 1.5rem;
  }
  .trade_root.spot_trade_root #orderLongList .history_top_content_box {
    display: flex;
    gap: 4px;
  }
  .trade_root.spot_trade_root
    #orderLongList
    .history_top_content_box
    .history_cell {
    border-radius: 4px;
    padding: 3px 6px;
    background-color: #eee;
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
  }
  .trade_root.spot_trade_root #orderLongList .flex_bottom_box {
    display: flex;
    gap: 8px;
    font-size: 1.3rem;
    justify-content: space-between;
  }
  .trade_root.spot_trade_root #orderLongList .flex_bottom_box .history_cell {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-size: 1.1rem;
  }
  .trade_root.spot_trade_root #orderLongList .flex_text {
    display: flex;
  }
  .trade_root.spot_trade_root #orderLongList .history_cell_title {
    color: #666;
  }
  .trade_root.spot_trade_root #orderLongList .flex_bottom_box .flex_text {
    font-weight: 500;
  }
  .trade_root.spot_trade_root #orderLongList .request_btn {
    width: 50px;
    margin: 0;
    height: 24px;
  }
  .trade_root.spot_trade_root #orderLongList .revenue_box {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .trade_root.spot_trade_root #orderLongList .history_cell.short {
    background-color: #f5352c !important;
  }
  .trade_root.spot_trade_root #orderLongList .history_cell.long {
    background-color: #00c186 !important;
  }
  .trade_root.spot_trade_root #orderLongList .long .flex_text {
    color: #fff;
  }
  .trade_root.spot_trade_root #orderLongList .short .flex_text {
    color: #fff;
  }
  .trade_root.spot_trade_root #orderLongList .date_cell {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
  }
  .trade_root.spot_trade_root #orderLongList .append_cancel_btn {
    text-align: center;
  }
  .trade_root.spot_trade_root #orderLongList .flex_end {
    justify-content: end;
  }
  .trade_root.spot_trade_root.darkmode
    #orderLongList
    .history_top_content_box
    .history_cell {
    background-color: #333;
  }

  /* whitemode */
  .trade_root.whitemode .perpetual-content.whitemode {
    background-color: #f3f3f3;
  }
  .trade_root.whitemode .trade-hoga-box {
    background-color: #fdfdfd;
    padding: 8px;
  }
  .trade_root.whitemode .trade-order-box {
    background-color: #fdfdfd;
    padding: 8px;
  }
  .trade_root.whitemode .trade-top-copy {
    background: transparent;
  }
  .trade_root.whitemode .bit-dropdown-box {
    background-color: #e2e2e2;
    border-color: #e8e8e8;
  }
  /* darkmode */
  .trade_root.darkmode .futures-info-box-copy.futures {
    border: 1px solid #323232;
  }
  .trade_root.darkmode .trade-hoga-box {
    border: 1px solid #323232;
    padding: 8px;
  }
  .trade_root.darkmode .trade-order-box {
    border: 1px solid #323232;
    padding: 8px;
  }
  .trade_root.darkmode .quantitybar_circle_item::after {
    background-color: #6e6e6e;
  }
  .trade_root.darkmode .quantitybar_circle_item.on::after {
    background-color: #713FF5;
  }
  .trade_root.darkmode .spot-btn.buy {
    background-color: #222;
  }
  .trade_root.darkmode .spot-btn.sell {
    background-color: #222;
  }
  .trade_root.darkmode .spot-btn.sell.on {
    background-color: var(--red);
  }
  .trade_root.darkmode .spot-btn.buy.on {
    background-color: var(--green);
  }
  .trade_root.darkmode .futures-info-box {
    border: 1px solid #323232;
  }
  .trade_root.darkmode .futures-left {
    border: 1px solid #323232;
  }
  .trade_root.darkmode .futures-right {
    border: 1px solid #323232;
  }
  .trade_root.darkmode .quantitybar {
    background-color: #6e6e6e;
  }
  .trade_root.darkmode .quantitybar-3 {
    background-color: transparent;
  }
  .trade_root.darkmode .futures-list {
    border: 0;
  }
  .trade_root.darkmode .futures-list-txt {
    border: 0;
    color: #747474;
  }
  .trade_root.darkmode .futures-info-list-top {
    border: 0;
  }
  .trade_root.darkmode .futures-info-list-top .futures-list-txt {
    border: 0;
    color: #fff;
  }
  .trade_root.darkmode .futures-info-tap.on {
    color: #fff;
  }

  /* trade history filter */
  .trade_root .filter_box {
    display: flex;
    gap: 12px;
    padding: 12px;
    font-weight: bold;
  }
  .trade_root .filter_date {
    position: relative;
    padding-right: 12px;
    cursor: pointer;
  }
  .trade_root .filter_date::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #555;
  }
  .trade_root .filter_coin {
    position: relative;
  }
  .trade_root .filter_coin::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #555;
  }
  .trade_root .filter_coin_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding-right: 20px;
    padding-left: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    outline: none;
  }
  .trade_root .history_set_date_pop {
    background-color: #0000004d;
    justify-content: center;
    align-items: end;
    width: 100%;
    height: 100%;
    display: none;
  }
  .trade_root .history_set_date_pop .set_date_form {
    background-color: #fff;
    border-radius: 15px 15px 0 0;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    gap: 20px;
    bottom: -100%;
    position: absolute;
  }
  .trade_root .history_set_date_pop .set_date_title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
  }
  .trade_root .history_set_date_pop .date_click_box {
    display: flex;
    justify-content: space-between;
  }
  .trade_root .history_set_date_pop .date_click_btn {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    color: #333;
    background-color: #efefef;
  }
  .trade_root .history_set_date_pop .date_click_btn.on {
    border-color: #713FF5;
    color: #713FF5;
    background-color: #fff3db;
  }
  .trade_root .history_set_date_pop .date_select_box {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
  }
  .trade_root .history_set_date_pop .wallet-input {
    min-width: 100px;
  }
  .trade_root .history_row.date_off {
    display: none !important;
  }
  .trade_root.darkmode .history_set_date_pop .set_date_form {
    background-color: var(--darkmod);
  }
  .trade_root.darkmode .history_set_date_pop .date_click_btn.on {
    background-color: #4d402c;
    color: #713FF5;
  }
  .trade_root.darkmode .history_set_date_pop .date_click_btn {
    border-color: #666;
    color: #fff;
    background-color: #333;
  }
  .trade_root.darkmode .history_set_date_pop .wallet-input {
    color: #fff;
  }

  /* coinpop */
  .trade_root .search_box {
    width: 100%;
    border: 1px solid transparent;
    position: relative;
    border-radius: 99px;
    padding: 6px 32px;
    background-color: rgba(0, 0, 0, 0.04);
  }
  .trade_root .search_box input {
    width: 100%;
    outline: 0;
    position: relative;
    background-color: transparent;
    font-weight: 500;
    border: 0;
  }
  .trade_root .search_box img {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
  .trade_root .coin_title_box {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 8px;
    width: 100%;
  }
  .trade_root .coin_title_box img {
    margin: 0;
  }
  .trade_root .cointab_list {
  }
  .trade_root .coin-img-drop {
    width: 24px;
    height: 24px;
  }
  .trade_root .runtimequote-txt {
    min-width: 60px;
    width: 28%;
    margin: 0;
    text-align: right;
    justify-content: end;
  }
  .trade_root .coinsub_infotxt {
    min-width: 0;
    width: auto;
    margin: 0;
    font-size: 1.1rem;
    background-color: transparent;
    padding: 7px 8px;
    border-radius: 6px;
    color: #fff !important;
    width: 65px;
    line-height: 100%;
  }
  .trade_root .coinsub_infotxt.up {
    background: #c81835;
  }
  .trade_root .coinsub_infotxt.down {
    background: #00c186;
  }
  .trade_root .coinsub_toptxt {
    min-width: 60px;
    width: 28%;
    margin: 0;
    font-size: 1.2rem;
    text-align: right;
  }
  .trade_root .coinsub_info {
    width: 28%;
    text-align: right;
    justify-content: end;
  }
  .trade_root .coinsub_toptxt.coin {
    margin: 0;
    text-align: left;
    display: flex;
    gap: 4px;
    flex: 1;
  }
  .trade_root .text-block-15 {
    font-size: 1.3rem;
  }
  .trade_root .coinsub_trade_tab_box {
    width: 100%;
    border-bottom: 0;
    display: flex;
    font-size: 1.2rem;
    margin: 12px 0;
    gap: 16px;
    margin-bottom: 4px;
  }
  .trade_root .coinsub_trade_tab {
    padding-bottom: 4px;
    color: #666;
  }
  .trade_root .coinsub_tab {
    margin: 0;
    border: 0;
  }
  .trade_root .coinsub_trade_tab.on {
    position: relative;
    color: #000;
  }
  .trade_root .coinsub_trade_tab.on::after {
    position: absolute;
    content: none;
    z-index: 2;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #713FF5;
    bottom: -1px;
    right: 0;
  }
  .trade_root .coin-top {
    padding: 0;
    min-height: 40px;
    border: 0;
  }
  .trade_root .tab {
    font-weight: 500;
    padding: 0;
    text-align: left;
    font-size: 1.2rem;
  }
  .trade_root .tab.on {
    padding: 0;
    border: 0;
    font-size: 1rem;
    font-weight: bold;
  }
  .trade_root .coin_title_box .star {
    width: 12px;
  }
  .trade_root .coin_title_box .star.on {
    width: 12px;
  }
  .trade_root .coin_title_box .empty_star {
    width: 12px;
  }
  .trade_root .coin_title_box .empty_star.on {
    width: 12px;
  }
  .trade_root .trade_coinsublist {
    padding: 0;
    margin-bottom: 8px;
    border: 0;
  }
  .trade_root .coin_title_text_item {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .trade_root .runtimequote-txt {
    font-size: 1.1rem !important;
  }
  .trade_root .coin_volume {
    color: #666;
    line-height: 100%;
  }
  .trade_root .trade_coinsub_top_box {
    width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .trade_root .image-38 {
    opacity: 1;
  }
  .trade_root .trade_coinsub_title_mo {
    padding: 5px 14px;
    background-color: rgba(0, 0, 0, 0.13);
    border-radius: 99px;
    font-size: 1.2rem;
    font-weight: bold;
  }
  .trade_root .sortable {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: end;
  }
  .trade_root .bit-txt-mo {
    line-height: normal;
  }
  .trade_root .clearing_pop .quantitybar_block-copy-copy {
    margin: 12px 0 0;
  }
  .trade_root .tpsl_pop .quantitybar_block-copy-copy {
    margin: 12px 0;
  }
  .trade_root .div-block-171-copy-copy-copy {
    font-size: 1rem;
  }
  .leverage_block .div-block-180 {
    align-items: center;
    gap: 2px;
  }
  .tradepop {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
  .clearing_pop {
    min-height: 50vh;
    justify-content: space-between;
    padding-top: 20px;
  }
  .clearing_pop .form-29 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .clearing_pop .pop_btn {
    height: auto;
  }
  .tpsl_pop .black-copy {
    font-size: 1.2rem;
  }
  .ordertypepop .notosankr.bold {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .ordertypepop .margin-mod-list.on {
    border: 0;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.09);
    position: relative;
  }
  .ordertypepop .margin-mod-list.on::after {
    background-image: url("../../images/hhm/check01.svg");
    filter: invert(1);
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 12px;
    height: 10px;
    background-size: contain;
  }
  .lev_warning_text {
    font-size: 1.2rem;
    color: #f5352c;
    width: 100%;
    text-align: left;
    margin-bottom: 16px;
  }
  .lev_warning_text.hide {
    opacity: 0;
    user-select: none;
  }
  /* tradepop darkmode */
  .darkmode .leverage_block .div-block-181 {
    background-color: #2c2c2c;
  }
  .darkmode .ordertypepop .margin-mod-list {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .darkmode .ordertypepop .margin-mod-list.on {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .darkmode .ordertypepop .margin-mod-list.on::after {
    filter: none;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .trade_root.darkmode .search_box {
    background-color: rgba(255, 255, 255, 0.07);
  }
  .trade_root.darkmode .coinsub_trade_tab.on {
    color: #fff;
  }
  .trade_root.darkmode .trade_coinsub_title_mo {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .trade_root.darkmode .image-38 {
    filter: none;
  }
  .trade_root.darkmode .clearing_pop .ordertxt {
    color: #fff;
  }

  /* trade sort */
  .trade_root .sort-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 0px;
    vertical-align: middle;
    opacity: 1;
    transition:
      opacity 0.3s,
      border-color 0.3s;
    position: relative;
  }
  .trade_root .sort-arrow::before,
  .trade_root .sort-arrow::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
  }
  .trade_root .sort-arrow::after {
    border-top-color: #7f7e7e;
    bottom: -4px;
  }
  .trade_root .sort-arrow.asc::after {
    border-top-color: var(--main-co);
  }
  .trade_root .sort-arrow::before {
    border-bottom-color: #7f7e7e;
    top: -4px;
  }
  .trade_root .sort-arrow.desc::before {
    border-bottom-color: var(--main-co);
  }
  .trade_root .sortable.active .sort-arrow {
    opacity: 1;
  }

  /* .dropdown_append_box{display: none;} */
  .dropdown_append_box.show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: block;
  }
  .dropdown_append_box .trade_coinsub {
    position: fixed;
    top: 101%;
    left: 0;
    display: block !important;
    width: 100%;
    height: calc(100vh - 50px);
    transition: 0.2s;
    padding: 20px;
  }
  .dropdown_append_box.show .trade_coinsub {
    top: 8%;
  }

  /* trade spot */
  .trade_root.spot_trade_root .futures-info-box {
    display: none;
  }
  .trade_root.spot_trade_root .mo_position_box .futures-info-box {
    display: flex;
  }

  /* trade future */
  .trade_root.future_trade_root .futures-info-tap-box {
    width: 100%;
    white-space: nowrap;
    gap: 20px;
    overflow: scroll;
    -ms-overflow-style: none;
  }
  .trade_root.future_trade_root .futures-info-tap-box::-webkit-scrollbar {
    display: none;
  }
  .trade_root.future_trade_root .futures-list-wrap {
    height: auto;
    min-height: auto;
    max-height: none;
  }
  .trade_root.future_trade_root .futures-info-list {
    min-height: 45vh;
    max-height: 45vh;
  }

  /* my info */
  .myinfo_root .my-info-body {
  }
  .myinfo_root .my-info-input-box {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .myinfo_root .my-info-input-wrap {
    justify-content: end;
    gap: 16px;
    border: 0;
    font-size: 1.3rem;
    color: #aaa;
  }
  .myinfo_root .display_setting.mobile.my-page {
    top: -35px;
  }
  .myinfo_root .notosankr._16s {
    white-space: nowrap;
  }
  .myinfo_root .myinfo-txt.nochange {
    justify-content: end;
  }
  .myinfo_root .info_pw_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .myinfo_root .info_pw_box input {
    text-align: right;
  }
  .myinfo_root .notosankr._16s {
    font-size: 1.3rem;
  }
  .myinfo_root .myinfo-txt.nochange.nobtn.darkmode {
    background-color: #1c1b1b;
    color: #aaa;
  }
  .myinfo_root .my-info-btn {
    font-size: 1.3rem;
    font-weight: bold;
  }
  .myinfo_root .myinfo-wrap {
    height: 36px;
  }
  .myinfo_root .logout-btn.darkmode {
    background-color: var(--darkmode-input);
  }
  .myinfo_root .myinfo_pw_wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .myinfo_root .myinfo_pw_wrap input {
    text-align: right;
    color: #aaa;
  }
  .myinfo_root #giftTooltop {
    position: fixed;
    top: 0%;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .myinfo_root #giftTooltop.show {
    display: flex !important;
  }
  .myinfo_root .tooltip_pop {
    position: fixed;
    bottom: -50%;
    left: 0;
    width: 100%;
    min-height: 45%;
    height: auto;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 10px;
    border-radius: 15px 15px 0 0;
  }
  .myinfo_root .tooltip_x_btn {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .myinfo_root .tooltip_ok_btn {
    width: 100%;
    height: 40px;
    background: #713FF5;
    color: #000;
    font-weight: 500;
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
  }
  .myinfo_root .image-38 {
    opacity: 1;
  }
  .myinfo_root .hover-myinfo {
    filter: none;
  }
  .myinfo_root .info_title {
    width: 100%;
    text-align: center;
    font-weight: 500;
    color: #000;
  }
  .myinfo_root .text-block-40 {
    font-size: 1rem;
  }
  .myinfo_root .my_info_title_sub {
    padding: 0 12px;
  }
  .myinfo_root .notosankr._24s {
    padding: 0 12px;
  }

  /* markets */
  .market_root {
    padding-bottom: var(--mo-bottom-height);
  }
  .market_root .form-block.w-form {
    height: calc(100vh - var(--mo-bottom-height));
  }
  .market_root .top {
    display: none;
  }
  .market_root .trade_coiningo_warp {
    max-height: 100%;
  }
  .market_root .market_area {
    background-color: #1c1b1b;
  }
  .market_root .market_box {
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%;
    overflow: scroll;
  }
  .market_root .market_title_box {
    display: flex;
    gap: 12px;
    margin-bottom: 10px;
  }
  .market_root .market_title_box .market_title {
    padding: 4px 0;
    color: #999;
    font-weight: 500;
  }
  .market_root .market_title_box .market_title.on {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
  }
  .market_root .market_type_title_box {
    display: flex;
    gap: 6px;
  }
  .market_root .market_type_title {
    font-weight: bold;
    width: max-content;
    font-size: 1rem;
  }
  .market_root .market_type_title.on {
    color: var(--main-co);
  }
  .market_root .market_box .trade_coinsublist {
    padding: 0 4px;
    border-radius: 4px;
  }
  .market_root .thead_box {
    display: flex;
    font-size: 1rem;
    gap: 16px;
    margin: 12px 0;
    font-weight: 300;
  }
  .market_root .dummy_flex1 {
    flex: 1;
  }
  .market_root .trade_coinsublist .img_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 100%;
  }
  .market_root .coin_per_box .crate_roll {
    padding: 8px 8px;
    border-radius: 6px;
    color: white;
    min-width: fit-content;
    font-size: 1rem;
    font-weight: 300;
  }
  .market_root .coin_per_box .crate_roll.green {
    background-color: var(--green);
  }
  .market_root .coin_per_box .crate_roll.red {
    background-color: #c81835;
  }

  .market_root .coin-img-drop {
    width: 28px;
    height: 28px;
    margin: 0;
  }
  .market_root .coin_name_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .market_root .coin_name_box .coin_name {
    font-size: 1.5rem;
    font-weight: normal;
  }
  .market_root .coin_name_box .coin_volume {
    font-size: 1.2rem;
    color: #7e7e7e;
    font-weight: 300;
  }
  .market_root .coin_main_price {
    font-size: 1.5rem;
    font-weight: normal;
  }
  .market_root .coin_sub_price {
    font-size: 1.2rem;
    color: #7e7e7e;
    font-weight: 300;
  }
  .market_root .coin_align_box {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }
  .market_root .trade_coinsublist {
    border: 0;
  }
  .market_root .trade_coinsublist:hover {
    background-color: transparent;
  }
  .market_root .coin_price_box {
    display: flex;
    text-align: right;
    flex-direction: column;
    align-items: end;
    height: 100%;
    justify-content: center;
  }
  /* markets whitemode */
  .market_root.whitemode {
  }
  .market_root.whitemode .market_title_box .market_title.on {
    color: #000;
  }
  .market_root.whitemode .market_title_box .market_title {
    color: #666;
  }

  /* footer */
  .mobile-menu {
    z-index: 10;
    min-height: var(--mo-bottom-height);
    bottom: 0;
  }
  .trade_root .mobile-menu {
    z-index: 99999;
  }
  .mobile-menu.darkmode {
    background: #343434 !important;
  }
  .whitemode .mobile-menu {
    background: #fff;
    border: 0.3px solid #eee;
  }
  .mobile-menu-btn-wrap {
    color: #7e7e7e;
    font-size: 1rem;
  }
  .mo-menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none !important;
    width: 24px;
    height: 24px;
  }
  .mo-menu-icon.on {
    border-radius: 13px;
    width: auto !important;
    height: 32px !important;
    padding: 0 16px;
    background-color: #4674F926;
  }
  .mo-menu-icon .mo-menu-icon-bg {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    width: 24px;
    height: 24px;
    padding: 0;
  }
  .mo-menu-icon.home .mo-menu-icon-bg {
    background-image: url("../../images/hhm/home02.svg");
  }
  .mo-menu-icon.home.on .mo-menu-icon-bg {
    background-image: url("../../images/hhm/home01.svg");
  }
  .mo-menu-icon.market .mo-menu-icon-bg {
    background-image: url("../../images/hhm/markets02.svg");
  }
  .mo-menu-icon.market.on .mo-menu-icon-bg {
    background-image: url("../../images/hhm/markets01.svg");
  }
  .mo-menu-icon.spot .mo-menu-icon-bg {
    background-image: url("../../images/hhm/spot02.svg");
  }
  .mo-menu-icon.spot.on .mo-menu-icon-bg {
    background-image: url("../../images/hhm/spot01.svg");
  }
  .mo-menu-icon.futures .mo-menu-icon-bg {
    background-image: url("../../images/hhm/futures02.svg");
  }
  .mo-menu-icon.futures.on .mo-menu-icon-bg {
    background-image: url("../../images/hhm/futures01.svg");
  }
  .mo-menu-icon.assets .mo-menu-icon-bg {
    background-image: url("../../images/hhm/assets02.svg");
  }
  .mo-menu-icon.assets.on .mo-menu-icon-bg {
    background-image: url("../../images/hhm/assets01.svg");
  }
  .bottom.mob_ci {
    display: none;
  }

  /* top */

  .topblock {
    padding: 0 20px;
  }

  .top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  /* .hamberger-menu{display: none;} */
  .whitemode .hamberger-menu {
    filter: invert(1);
  }
  .top_menubtnlist .other-option-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50%;
    background-color: #333;
  }
  .darkmode .top_menubtnlist .other-option-btn {
    background-color: #fff;
    color: #000;
  }

  /* wallet */
  .mo_wallet_menu {
    display: none;
    gap: 12px;
    margin-top: 120px;
    padding: 20px;
  }
  .mo_wallet_menu.on {
    display: flex;
  }
  .mo_wallet_link {
    color: #000000;
    border-radius: 99px;
    padding: 4px 8px;
    background-color: #3c3c3c;
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .mo_wallet_link.on {
    background: #fff;
    color: #3c3c3c;
  }

  /* walletspot */
  .mo_wallet_container {
    display: flex;
    flex-direction: column;
    padding: 24px;
  }
  .mo_wallet_container .asset_box {
    gap: 8px;
  }
  .mo_wallet_container .asset_title {
    font-size: 1.2rem;
    display: flex;
    gap: 10px;
    color: #b9b9b9;
  }
  .mo_wallet_container .asset_title img {
    object-fit: contain;
  }
  .mo_wallet_container .asset_price1 {
    font-size: 3rem;
    font-weight: bold;
    color: var(--main-co);
  }
  .mo_wallet_container .asset_price1 span {
    font-size: 1.5rem;
    font-weight: normal;
    color: #b1b1b1;
  }
  .mo_wallet_container .asset_price2 {
    font-size: 0.95rem;
    color: #c7c7c7;
    font-weight: 300;
  }
  .mo_wallet_container .wallet_icon_link_box {
    display: flex;
    gap: 12px;
  }
  .mo_wallet_container .wallet_icon_link {
    border: 0.3px solid #535353;
    background-color: #252525;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
  }
  .mo_wallet_container .wallet_service_box {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
  }
  .mo_wallet_container .wallet_service_box.flex-around {
    justify-content: space-around;
  }
  .mo_wallet_container .wallet_service_item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mo_wallet_container .wallet_service_item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
  }
  .mo_wallet_container .wallet_service_item .wallet_service_item_img_box {
    background-color: #2c2c2c;
    border: 0.3px solid #535353;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
  }
  .mo_wallet_container .wallet_service_item span {
    font-size: 1rem;
    color: #b8b8b8;
  }
  .mo_wallet_container .wallet_content {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
  }
  .mo_wallet_container .wallet_tab_box {
    display: flex;
    gap: 20px;
  }
  .mo_wallet_container .wallet_tab_title {
    padding-bottom: 4px;
    font-size: 1.2rem;
    width: max-content;
    font-weight: 300;
    color: #7e7e7e;
  }
  .mo_wallet_container .wallet_tab_title.on {
    font-weight: bold;
    color: #fff;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
  }
  .mo_wallet_container .table-cell {
    padding: 8px 0;
  }
  .mo_wallet_container .w28 {
    width: 28px;
    height: 28px;
  }
  .mo_wallet_container .table-wrap.coin-box {
    gap: 12px;
  }
  .mo_wallet_container .wallet-table-row {
    border: 0;
    display: flex;
    justify-content: space-between;
  }
  .mo_wallet_container .thead_box tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .mo_wallet_container .table-wrap.right {
    flex-direction: column;
    align-items: end;
  }
  .mo_wallet_container .asset_coininfo_txt {
    font-size: 1.5rem;
  }
  .mo_wallet_container .asset_coininfo_txt_dollar {
    font-size: 0.95rem;
    font-weight: 300;
    color: #c7c7c7;
  }
  #HideBalanceCheck {
    display: none;
  }
  .hide_box label {
    display: block;
    width: 100%;
    line-height: 12px;
    padding-left: 16px;
    margin: 0;
  }
  #HideBalanceCheck + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/check_box01.png"); /*off 이미지*/
  }
  #HideBalanceCheck:checked + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/check_box02.png"); /*on 이미지*/
  }
  .hide_box {
    display: flex;
    gap: 4px;
    justify-content: start;
    align-items: center;
    margin: 30px 0 10px;
  }
  .hide_input {
  }
  .hide_text {
    font-size: 1.2rem;
    color: #696969;
    font-weight: 300;
  }
  .coin_align_list .none {
    display: none !important;
  }
  .transfer_box {
    width: 100%;
    height: 55px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #1c1b1b;
    background-color: var(--main-co);
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    display: flex;
    margin-top: 28px;
  }
  .wallet_accountvalue_box {
    border: 0.3px solid #525151;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background-color: #232222;
    border-radius: 13px;
    margin-top: 19px;
  }
  .wallet_accountvalue_left {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .wallet_accountvalue_right {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .wallet_accountvalue_title {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 1.2rem;
  }
  .wallet_accountvalue_value {
    color: var(--main-co);
    font-weight: bold;
    font-size: 1.5rem;
  }
  .wallet_accountvalue_dollar {
    color: #c7c7c7;
    font-weight: 300;
    font-size: 0.95rem;
  }
  .wallet_accountvalue_per {
    color: #c7c7c7;
    font-weight: 300;
    font-size: 1rem;
  }
  .wallet_accountvalue_per.green {
    color: #66f9a1;
  }
  .future_content_box {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
  .coin_info_box {
    display: flex;
    justify-content: space-between;
  }
  .coin_info_title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.5rem;
  }
  .coin_info_box span {
    font-size: 2rem;
    font-weight: bold;
  }

  .future_pnl_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 24px 0;
  }
  .future_pnl_item {
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    font-weight: 300;
  }
  .future_pnl_item .future_pnl_title {
    color: #767676;
    width: fit-content;
    border-bottom: 0.7px dotted #7e7e7e;
    padding-bottom: 2px;
  }
  .future_pnl_item .future_pnl_value {
    text-align: right;
  }
  .future_pnl_item .future_pnl_value.main_txt_color {
    color: var(--main-co);
  }

  .wallet_account_box {
    display: flex;
    flex-direction: column;
    gap: 44px;
    margin: 60px 0;
  }
  .wallet_account_item {
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  .wallet_account_item_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .wallet_account_item_title {
    color: #b2b2b2;
    font-size: 1.2rem;
  }
  .wallet_account_item_sub {
    display: flex;
    gap: 8px;
  }
  .wallet_account_item_value {
    font-size: 1.5rem;
    color: var(--main-co);
  }
  .wallet_account_item_dollar {
    font-size: 0.95rem;
    color: #767676;
  }
  .wallet_account_item_arrow {
    color: #fff;
    font-size: 1.5rem;
  }
  .requestList_root .property-info {
    display: none;
  }
  .requestList_root .detail_btn {
    color: var(--main-co);
  }

  /* wallet whitemode */
  .wallet_root.whitemode {
  }
  .wallet_root.whitemode
    .mo_wallet_container
    .wallet_service_item
    .wallet_service_item_img_box {
    background-color: var(--main-co);
    border: 0.3px solid transparent;
  }
  .wallet_root.whitemode .wallet_service_item img {
    filter: sepia(1);
  }
  .wallet_root.whitemode .mo_wallet_link {
    background-color: #ccc;
    color: #333;
  }
  .wallet_root.whitemode .mo_wallet_link.on {
    background-color: #333;
    color: #fff;
  }
  .wallet_root.whitemode .mo_wallet_container .asset_title {
    color: #333;
  }
  .wallet_root.whitemode .mo_wallet_container .asset_price2 {
    color: #333;
  }
  .wallet_root.whitemode .mo_wallet_container .asset_price1 span {
    color: #333;
  }
  .wallet_root.whitemode .mo_wallet_container .wallet_service_item span {
    color: #333;
  }
  .wallet_root.whitemode .mo_wallet_container .wallet_tab_title {
    color: #666;
  }
  .wallet_root.whitemode .mo_wallet_container .wallet_tab_title.on {
    color: #000;
  }
  .wallet_root.whitemode .mo_wallet_container .wallet_icon_link {
    border: 0;
    background: #eee;
  }
  .wallet_root.whitemode .hide_text {
    color: #666;
  }
  .wallet_root.whitemode .mo_wallet_container .asset_coininfo_txt_dollar {
    color: #333;
  }
  .wallet_root.whitemode .wallet_account_item_title {
    color: #666;
  }
  .wallet_root.whitemode .wallet_accountvalue_box {
    border: 0.3px solid #aaa;
    background-color: #eee;
  }
  .wallet_root.whitemode .wallet_accountvalue_title {
    color: #333;
  }
  .wallet_root.whitemode .wallet_accountvalue_dollar {
    color: #666;
  }

  /* top */
  .top {
    height: 120px;
  }
  .topblock {
    align-items: start;
    background-color: #5d5dff;
    height: 120px;
    background-image: url("../../images/hhm/top_bg01.png");
    background-repeat: no-repeat;
    flex-direction: column-reverse;
    gap: 20px;
    justify-content: center;
    background-position: left 24px;
  }
  .logoblock {
    display: none;
  }
  .my-info-icon {
    display: none;
  }
  .main_root .top_mo_content {
    display: none !important;
  }
  .main_root .top_leftblock {
    display: none !important;
  }
  .main_root .topblock {
    border: 0;
    height: 0;
  }
  .top_mo_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 4px;
  }
  .profile_box {
    display: flex;
    gap: 8px;
  }
  .profile_img {
    width: 36px;
    height: 36px;
    border-radius: 12px;
  }
  .profile_text {
    font-size: 1.2rem;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    color: #262626;
  }
  .profile_bold_text {
    font-weight: bold;
    margin: 0;
  }
  .logout_btn {
    color: #262626;
    font-weight: bold;
    font-size: 1.4rem;
  }
  .lang-box.whitemod {
    justify-content: end;
  }
  .top_leftblock .search-btn-mobile {
    display: none;
  }
  .top_leftblock .registbtn {
    display: none;
  }
  .loginbtn.mo {
    padding: 9px 18px;
    border-radius: 99px;
    height: auto;
  }
  .top_menubtnlist .display_setting.mobile {
    position: absolute;
    bottom: 20px;
    left: 20px;
  }
  .display_setting.mobile img {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    border-radius: 99px;
  }
  /* top whitemode */
  .whitemode .top_menubtnlist {
    background-color: #fff;
  }
  .whitemode .mo-btn-flex {
    color: #000;
    background-image: url("../../images/hhm/down02.svg");
  }
  .whitemode .close-menu {
    filter: invert(1);
  }
  .whitemode .top-btn-wrap {
    color: #000;
  }

  /* top 가리는 부분 마진추가 */
  .requestList_root .wallet-container {
    margin-top: 120px;
  }
  /* .trading-history-container{margin-top: 120px;} */
  .frame-max {
    margin-top: 120px;
  }
  .service-top .frame-max {
    margin-top: 0;
  }

  /* login */
  .login_root .top {
    display: none;
  }
  .mo_login_first_page {
    padding-bottom: 20%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    gap: 15vh;
    height: 100%;
    background-color: #393939;
    background-image: url(../../images/hhm/login_bg01.png);
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-size: cover;
  }
  .mo_login_first_page::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.42);
    width: 100%;
    height: 100%;
    z-index: -1;
}
  .logo_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .logo_sub_text {
    /* font-size: 1.5rem; */
    font-family: 'Orbitron', sans-serif;
  /* 폰트 스타일: Regular */
  font-weight: 400;
  text-align: center;
  /* 폰트 크기: 6 (Figma 기본 단위인 px로 변환) */
  font-size: 6px; 
  
  /* 자간(Letter spacing): 77% (Figma는 em 단위가 아닌 자체 계산을 하므로 em으로 근사치 계산)
     77%는 (0.77em * font-size)입니다. font-size가 매우 작아 크게 보일 수 있습니다. */
  letter-spacing: 0.77em;

  /* 행간(Line height): Auto -> 일반적인 브라우저 기본값인 1.2 또는 1.4em으로 설정합니다. */
  line-height: 1.4em;

  /* --- [2] Fill 데이터 (그라데이션 텍스트 처리 트릭) --- */
  /* 이미지의 Linear stops 값: 0%: #FDD271, 100%: #FF00B0 */
  background-image: linear-gradient(to right, #FDD271 0%, #FF00B0 100%);
  
  /* 배경을 텍스트 영역 안쪽으로 자릅니다. */
  -webkit-background-clip: text;
  background-clip: text;

  /* 텍스트의 원래 색상을 투명하게 만들어, 뒤에 있는 그라데이션 배경이 보이게 합니다. */
  -webkit-text-fill-color: transparent;
  color: transparent;

  /* --- [3] 추가 스타일 --- */
  text-transform: uppercase; /* Orbitron 폰트는 소문자도 대문자처럼 보이거나, 대문자 변환이 디자인 의도인 경우가 많습니다. */
  }
  .enter_btn_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .login_btn {
    border-radius: 99px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 70%;
    width: 264px;
    max-width: 400px;
    height: 55px;
    background-image:linear-gradient(90deg,#6D44F6, #4A6FF8);

    font-family: 'DM sans', sans-serif;
  }
  .signup_btn {
    border-radius: 99px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 70%;
    width: 264px;
    max-width: 400px;
    height: 55px;
      position: relative;
  background: transparent; /* 본체 배경은 투명하게 */
  z-index: 1;
    font-family: 'DM sans', sans-serif;
    /* 2. Fill (#5069F8 20%) */
      background: rgba(80, 105, 248, 0.20);

      /* 3. Glass Frost (6px) */
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);

      /* 4. Glass Light (-45°, 80%) + Refraction + Depth 3D 입체 효과 */
      box-shadow: 
        /* 좌상단 밝은 빛 하이라이트 (Inside -45deg) */
        inset 1px 1px 3px 0px rgba(255, 255, 255, 0.7),
        
        /* 우하단 입체 굴절 및 그림자 (Inside 135deg) */
        inset -2px -2px 6px 0px rgba(0, 0, 0, 0.4),
        
        /* 얇은 전체 외각 베젤 라인 */
        0 0 0 1px rgba(255, 255, 255, 0.15),
        
        /* 외부에 은은하게 떨어지는 드롭 그림자 */
        0 8px 20px 0 rgba(0, 0, 0, 0.35);

      /* 선택 사항: 마우스 호버 효과 및 클릭 설정 */
      cursor: pointer;
      transition: all 0.2s ease;
  }


  .signup_btn:hover {
    background: rgba(80, 105, 248, 0.28);
      box-shadow: 
        inset 2px 2px 4px 0px rgba(255, 255, 255, 0.8),
        inset -2px -2px 6px 0px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.25),
        0 10px 25px 0 rgba(0, 0, 0, 0.45);
  }
  .welcome_text {
    display: none;
    align-items: center;
    gap: 4px;
    font-size: 1rem;
    font-weight: 300;
    color: #8e8e8e;
  }
  .welcome_text span {
    color: #fff;
  }

  /* join / signup */
  .join_root {
    padding: 0;
  }
  .join_root .top {
    display: none;
  }
  .join_root .member-wrap {
    background-size: cover;
    background-image: url("../../images/hhm/login_bg01.png");
    min-height: 100vh;
    background-color: #393939;
    padding: 20px 12px;
  }
  .join_root .member-wrap {
    margin: 0;
  }
  .join_root .member-btn.on {
    color: #fff;
    border-color: #6B79FF;
    font-weight: normal;
  }
  .join_root .member-btn {
    font-size: 1.8rem;
    color: #6f6f6f;
    font-weight: 300;
  }
  .join_root .half {
    width: 80%;
    max-width: 320px;
  }
  .join_root .member-title-big {
    font-size: 3rem;
    color: #fff;
    font-weight: 300;
  }
  .join_root .loginbox {
    height: 34px;
  }
  .join_root .member-wrap-max {
    gap: 10px;
  }
  .join_root .signup_btn_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }
  .join_root .signup_btn_box input {
    border-radius: 99px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    background-image:linear-gradient(90deg,#6D44F6, #4A6FF8);
    text-align: center;
    /* border:2px solid #EB75E6; */
  }

  .join_root .join_back_btn {
    width: 100%;
    cursor: pointer;
    border-radius: 99px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    /* background-color: #424242; */
    text-align: center;
    /* 2. Fill (#5069F8 20%) */
      background: rgba(80, 105, 248, 0.20);

      /* 3. Glass Frost (6px) */
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);

      /* 4. Glass Light (-45°, 80%) + Refraction + Depth 3D 입체 효과 */
      box-shadow: 
        /* 좌상단 밝은 빛 하이라이트 (Inside -45deg) */
        inset 1px 1px 3px 0px rgba(255, 255, 255, 0.7),
        
        /* 우하단 입체 굴절 및 그림자 (Inside 135deg) */
        inset -2px -2px 6px 0px rgba(0, 0, 0, 0.4),
        
        /* 얇은 전체 외각 베젤 라인 */
        0 0 0 1px rgba(255, 255, 255, 0.15),
        
        /* 외부에 은은하게 떨어지는 드롭 그림자 */
        0 8px 20px 0 rgba(0, 0, 0, 0.35);

      /* 선택 사항: 마우스 호버 효과 및 클릭 설정 */
      cursor: pointer;
      transition: all 0.2s ease;
  }


  .join_root .join_back_btn:hover {
    background: rgba(80, 105, 248, 0.28);
      box-shadow: 
        inset 2px 2px 4px 0px rgba(255, 255, 255, 0.8),
        inset -2px -2px 6px 0px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.25),
        0 10px 25px 0 rgba(0, 0, 0, 0.45);
  }
  .join_root .input-field {
    background-color: #efefef;
    border-radius: 3px;
  }
  .join_root .member-select {
    background-color: #efefef;
    height: 34px;
    margin-bottom: 8px;
  }
  .join_root .calagree_text {
    color: #fff;
  }
  .join_root .notosankr._12s.calagree_text {
    color: #fff;
  }
  .join_root .member-title {
    font-size: 1.3rem;
  }
  .join_root #legalAgreeCheck {
    display: none;
  }
  .join_root #legalAgreeCheck + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/check_box01.svg");
    padding-left: 20px;
    background-position: 0 3px;
  }
  .join_root #legalAgreeCheck:checked + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/check_box02.svg");
  }
  .join_root #calAgree {
    display: none;
  }
  .join_root #calAgree + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/check_box01.svg");
    padding-left: 20px;
    background-position: 0 3px;
  }
  .join_root #calAgree:checked + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/check_box02.svg");
  }
  .join_root .auth-btn {
    background-image:linear-gradient(90deg,#6E43F6, #4970F8);
    color:#fff;
  }
  .join_root .login_form_box_setemail {
    padding-bottom: 52px;
  }
  .join_root .legal_block {
    background-color: #eee;
  }
  .join_root .page_btn {
    background-color: #bfbfbf !important;
    color: #fff !important;
  }
  .join_root .page_btn.on {
    background-color: #6B79FF !important;
    color: #fff !important;
  }

  /* login */
  .login_root {
    padding: 0;
  }
  .login_root .top {
    display: none;
  }
  .login_root .member-wrap {
    background-size: cover;
    background-image: url("../../images/hhm/login_bg01.png");
    min-height: 100vh;
    background-color: #393939;
    padding: 20px 12px;
    justify-content: start;
    padding-top: 20%;
  }
  .login_root .member-wrap {
    margin: 0;
  }
  .login_root .member-btn.on {
    color: #fff;
    border-color: #6B79FF;
    font-weight: normal;
  }
  .login_root .member-btn {
    font-size: 1.8rem;
    color: #6f6f6f;
    font-weight: 300;
  }
  .login_root .half {
    width: 80%;
    max-width: 320px;
  }
  .login_root .member-title-big {
    font-size: 3rem;
    color: #fff;
    font-weight: 300;
  }
  .login_root .loginbox {
    height: 34px;
  }
  .login_root .member-wrap-max {
    gap: 10px;
  }
  .login_root .signup_btn_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
    margin-top: 20px;
  }
  .login_root .signup_btn_box input {
    border-radius: 99px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    /* background-color: #ff9500; */
    text-align: center;
    background-image:linear-gradient(90deg,#6D44F6, #4A6FF8);

  }
  .login_root .login_back_btn {
    width: 100%;
    cursor: pointer;
    border-radius: 99px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    background-color: #424242;
    text-align: center;
 /* 2. Fill (#5069F8 20%) */
      background: rgba(80, 105, 248, 0.20);

      /* 3. Glass Frost (6px) */
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);

      /* 4. Glass Light (-45°, 80%) + Refraction + Depth 3D 입체 효과 */
      box-shadow: 
        /* 좌상단 밝은 빛 하이라이트 (Inside -45deg) */
        inset 1px 1px 3px 0px rgba(255, 255, 255, 0.7),
        
        /* 우하단 입체 굴절 및 그림자 (Inside 135deg) */
        inset -2px -2px 6px 0px rgba(0, 0, 0, 0.4),
        
        /* 얇은 전체 외각 베젤 라인 */
        0 0 0 1px rgba(255, 255, 255, 0.15),
        
        /* 외부에 은은하게 떨어지는 드롭 그림자 */
        0 8px 20px 0 rgba(0, 0, 0, 0.35);

      /* 선택 사항: 마우스 호버 효과 및 클릭 설정 */
      cursor: pointer;
      transition: all 0.2s ease;
  }


  .login_root .login_back_btn:hover {
    background: rgba(80, 105, 248, 0.28);
      box-shadow: 
        inset 2px 2px 4px 0px rgba(255, 255, 255, 0.8),
        inset -2px -2px 6px 0px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.25),
        0 10px 25px 0 rgba(0, 0, 0, 0.45);
  }
  .login_root .input-field {
    background-color: #efefef;
    border-radius: 3px;
  }
  .login_root .member-select {
    background-color: #efefef;
    height: 34px;
    margin-bottom: 8px;
  }
  .login_root .calagree_text {
    color: #fff;
  }
  .login_root .notosankr._12s.calagree_text {
    color: #fff;
  }
  .login_root .member-title {
    font-size: 1.3rem;
  }
  .login_root .member-link {
    color: #8e8e8e;
  }
  /* wallet */
  .wallet_root .peques-renewal-box {
    align-items: center;
    margin-top: 20px;
  }
  .wallet_root .peques-renewal-box .request_btn {
    width: 100%;
    margin: 0;
  }
  /* deposit */
  .deposit_root .peques-renewal-box {
    align-items: center;
    margin-top: 20px;
  }
  .deposit_root .peques-renewal-box .request_btn {
    width: 100%;
    margin: 0;
  }
  .deposit_root .top {
    display: none;
  }
  .deposit_root .property-info {
    display: none;
  }
  .deposit_root .bottom {
    display: none;
  }
  .deposit_root .mo_deposit_pop {
    padding: 12px 20px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .deposit_root .wallet-container {
    padding: 0;
  }
  .deposit_root .mo_deposit_pop .deposit_pop_title {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .deposit_root .mo_deposit_pop .back_btn {
    cursor: pointer;
    margin-bottom: 24px;
    font-size: 2.5rem;
    width: fit-content;
    color: #fff;
  }
  /* .deposit_root .mo_deposit_pop .list_title{font-size: 1.2rem; padding-bottom: 4px; border-bottom: 4px solid var(--main-co); width: fit-content; margin-bottom: 20px; color: #fff; font-weight: bold;} */
  .deposit_root .mo_deposit_pop .list_title_box {
    display: flex;
    gap: 12px;
  }
  .deposit_root .mo_deposit_pop .list_title_box img {
    height: 20px;
  }
  .deposit_root .mo_deposit_pop .list_title {
    width: fit-content;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 99px;
    padding: 4px 12px;
    background: #2c2c2c;
  }
  .deposit_root .mo_deposit_pop .searchbox {
    margin-bottom: 29px;
    width: 100%;
    padding: 0 40px 0 15px;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #2c2c2c;
    border-radius: 99px;
    height: 31px;
  }
  .deposit_root .mo_deposit_pop .searchbox .searchInput {
    border: 0;
    background-color: transparent;
    width: 100%;
    text-align: left;
  }
  .deposit_root .mo_deposit_pop .searchbox .searchInput:focus {
    border: 0;
  }
  .deposit_root .mo_deposit_pop .searchbox img {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .deposit_root .mo_deposit_pop .table-list {
    border: 0;
    height: 28px;
  }
  .deposit_root .mo_deposit_pop .table-container {
    gap: 12px;
    padding-bottom: 0;
  }
  .deposit_root .mo_deposit_pop .table-item-value {
    display: none;
  }
  .deposit_root .mo_deposit_pop .wallet-wrap {
    white-space: normal;
  }
  .deposit_root .mo_deposit_pop .table-wrapper {
    display: none;
  }
  .deposit_root .mo_deposit_pop .table-wrapper.on {
    display: flex;
  }
  /* deposit whitemode */
  .deposit_root.whitemode .mo_deposit_pop .back_btn {
    color: #333;
  }
  .deposit_root.whitemode .mo_deposit_pop .searchbox {
    background: #eee;
  }
  .deposit_root.whitemode .mo_deposit_pop .list_title {
    color: #000;
    background: #eee;
  }
  .deposit_root.whitemode .mo_deposit_pop .deposit_pop_title {
    color: #000;
  }

  /* withdrawal whitemode */
  .withdrawal_root .top {
    display: none;
  }
  .withdrawal_root .property-info {
    display: none;
  }
  .withdrawal_root .bottom {
    display: none;
  }
  .withdrawal_root {
    padding: 34px 23px;
    display: flex;
    flex-direction: column;
  }
  .withdrawal_root .back_btn {
    cursor: pointer;
    margin-bottom: 24px;
    font-size: 2.5rem;
    width: fit-content;
    color: #fff;
  }
  .withdrawal_root .list_title_box {
    display: flex;
    gap: 12px;
  }
  .withdrawal_root .list_title_box img {
    height: 20px;
  }
  .withdrawal_root .list_title {
    font-size: 1.2rem;
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
    width: fit-content;
    margin-bottom: 20px;
    color: #fff;
    font-weight: bold;
  }
  .withdrawal_root .searchbox {
    margin-bottom: 29px;
    width: 100%;
    padding: 0 40px 0 15px;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #2c2c2c;
    border-radius: 99px;
    height: 31px;
  }
  .withdrawal_root .searchbox .searchInput {
    border: 0;
    background-color: transparent;
    width: 100%;
    text-align: left;
  }
  .withdrawal_root .searchbox .searchInput:focus {
    border: 0;
  }
  .withdrawal_root .searchbox img {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .withdrawal_root .table-list {
    border: 0;
    height: 28px;
  }
  .withdrawal_root .table-container {
    gap: 8px;
    padding-bottom: 100px;
  }
  .withdrawal_root .table-item-value {
    display: none;
  }
  .withdrawal_root .wallet-wrap {
    white-space: normal;
  }
  .withdrawal_root .table-wrapper {
    display: none;
  }
  .withdrawal_root .table-wrapper.on {
    display: flex;
  }
  .withdrawal_root .table-30.right {
    display: none;
  }
  .withdrawal_root .table-20.right {
    display: none;
  }
  .withdrawal_root {
    padding: 0;
  }
  .withdrawal_root .wallet-container {
    padding: 12px 20px;
  }
  .withdrawal_root .detail_btn {
    color: var(--main-co);
  }
  /* withdrawal whitemode */
  .withdrawal_root.whitemode .back_btn {
    color: #333;
  }
  .withdrawal_root.whitemode .searchbox {
    background: #eee;
  }
  .withdrawal_root.whitemode .list_title {
    color: #000;
  }
  .withdrawal_root.whitemode .max-btn {
    border: 1px solid #eee;
    border-radius: 4px;
    margin-left: 4px;
  }

  /* requestList */
  .requestList_root .detail_btn {
    color: var(--main-co);
  }

  /* transactions */
  .transactions_root .wallet-container {
    margin-top: 0;
  }
  .transactions_root .top {
    display: none;
  }

  /* convert exchange */
  .exchange_root {
  }
  .exchange_root .top {
    display: none;
  }
  .exchange_root .property-info {
    display: none;
  }
  .exchange_root .bottom {
    display: none;
  }
  .exchange_root .back_btn {
    cursor: pointer;
    margin-bottom: 24px;
    font-size: 2.5rem;
    width: fit-content;
    color: #fff;
  }
  .exchange_root .wallet-container {
    padding: 20px;
  }
  .exchange_root .exchangeinfo {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .exchange_root .asset_quote {
    display: none;
  }
  .exchange_root .coin_select_sub_wrap {
    width: 125px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 20px 6px 6px;
    background-color: #2c2c2c;
    color: #fff;
    border: 0.3px solid #595959;
    border-radius: 99px;
    height: 42px;
  }
  .exchange_root .select_coin_img {
    width: 28px;
    height: 28px;
  }
  .exchange_root .exchangebtn {
    border-radius: 99px;
    background-color: #7c7c7c;
    width: 40px;
    height: 40px;
  }
  .exchange_root .exchangebtn img {
    width: 100%;
    height: 100%;
    object-fit: none;
  }
  .exchange_root .asset-select {
    border: 0;
    padding: 0 8px;
    text-align: center;
    background-color: transparent !important;
    width: fit-content;
    height: fit-content;
    -webkit-appearance: none; /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none /* 화살표 없애기 */;
    font-size: 1.5rem;
    line-height: normal;
  }
  .exchange_root .convert_pop_title {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
    color: #fff;
    width: fit-content;
    margin-bottom: 20px;
  }
  .exchange_root .exchange_root .wallet-container {
    margin-top: 120px;
  }
  .exchange_root .exchange-title {
    width: 100%;
    color: #aaa;
  }
  .exchange_root .exchange_center_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .exchange_root .asset_block2 {
    padding: 0;
    border: 0;
  }
  .exchange_root .asset_listbox {
    margin: 0;
  }
  .exchange_root .assetbox3 .wallet-btn {
    width: fit-content;
    height: fit-content;
    transition: none;
    background-color: transparent;
    border-radius: 0;
    color: var(--main-co);
  }
  .exchange_root .exchange-input {
    background-color: transparent !important;
    padding: 0;
  }
  .exchange_root .assetbox3 {
    flex-direction: column;
    height: 100%;
  }
  .exchange_root .append_box3 {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-direction: row-reverse;
  }
  .exchange_root .append_box3 a {
    font-size: 1.2rem;
    color: var(--main-co);
  }
  .exchange_root .append_box3 .asset-txt {
    margin: 0;
  }
  .exchange_root .convert_btn {
    border-radius: 10px;
    background: linear-gradient(to right, #7049F4 0%, #3960D2 100%);
    color: #1c1b1b;
    font-size: 1.5rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    height: 55px;
  }
  .exchange_root .coin_selectwrap {
    gap: 8px;
  }
  .exchange_root .append_box2 {
    display: flex;
  }
  /* convert exchange whitemode */
  .exchange_root.whitemode .exchange-input {
    background-color: rgba(0, 0, 0, 0.04) !important;
    padding: 0;
    border-radius: 8px;
    padding-left: 8px;
    margin: 0;
  }
  .exchange_root.whitemode .assetbox3 {
    padding-right: 20px;
    align-items: end;
    gap: 4px;
  }
  .exchange_root.whitemode .append_box2 {
    width: 100%;
    flex: 1;
    padding-right: 20px;
  }
  .exchange_root.whitemode .append_box2 .exchange-amount-box {
    width: 100%;
    border-radius: 8px;
    padding-left: 8px;
    background-color: rgba(0, 0, 0, 0.04);
  }
  .exchange_root.whitemode .append_box2 .exchange-amount-box .amount {
    width: 100%;
    background-color: transparent;
  }
  .exchange_root.whitemode .coin_select_sub_wrap {
    min-width: 125px;
  }
  .exchange_root.whitemode .back_btn {
    color: #000;
  }
  .exchange_root.whitemode .convert_pop_title {
    color: #000;
  }
  .exchange_root.whitemode .coin_select_sub_wrap {
    background-color: #eee;
    border-color: #aaa;
  }
  .exchange_root.whitemode .exchangebtn {
    background-color: #ddd;
  }
  /* convert exchange darkmode */
  .exchange_root.darkmode .exchange-input {
    background-color: rgba(255, 255, 255, 0.04) !important;
    padding: 0;
    border-radius: 8px;
    padding-left: 8px;
    margin: 0;
  }
  .exchange_root.darkmode .assetbox3 {
    padding-right: 20px;
    align-items: end;
    gap: 4px;
  }
  .exchange_root.darkmode .append_box2 {
    width: 100%;
    flex: 1;
    padding-right: 20px;
  }
  .exchange_root.darkmode .append_box2 .exchange-amount-box {
    width: 100%;
    border-radius: 8px;
    padding-left: 8px;
    background-color: rgba(255, 255, 255, 0.04);
  }
  .exchange_root.darkmode .append_box2 .exchange-amount-box .amount {
    width: 100%;
    background-color: transparent;
  }
  .exchange_root.darkmode .asset-select {
    background-color: #2c2c2c !important;
  }

  /* transfer */
  .transfer_root .top {
    display: none;
  }
  .transfer_root .property-info {
    display: none;
  }
  .transfer_root .bottom {
    display: none;
  }
  .transfer_root .back_btn {
    cursor: pointer;
    margin-bottom: 24px;
    font-size: 2.5rem;
    width: fit-content;
    color: #fff;
  }
  .transfer_root .wallet-container {
    padding: 20px;
  }
  .transfer_root .exchangeinfo {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .transfer_root .asset_quote {
    justify-content: start;
    padding: 0;
    margin: 10px 0 20px;
  }
  .transfer_root .coin_select_sub_wrap {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #2c2c2c;
    color: #fff;
    border: 0.3px solid #595959;
    border-radius: 10px;
  }
  .transfer_root .coin_select_sub_wrap .select_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .transfer_root .select_coin_img {
    width: 28px;
    height: 28px;
  }
  .transfer_root .exchangebtn {
    border-radius: 99px;
    background-color: #5686FF;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 9;
  }
  .transfer_root .exchangebtn img {
    width: 100%;
    height: 100%;
    object-fit: none;
  }
  .transfer_root .asset-select {
    padding: 0;
    border: 0;
    text-align: left;
    background-color: transparent !important;
    width: fit-content;
    height: fit-content;
    -webkit-appearance: none; /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none /* 화살표 없애기 */;
    line-height: normal;
    font-size: 1.5rem;
  }
  .transfer_root .convert_pop_title {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
    color: #fff;
    width: fit-content;
  }
  .transfer_root .exchange-title {
    width: 100%;
    color: #aaa;
  }
  .transfer_root .coin_select_sub_wrap .exchange-title {
    width: 100%;
    color: #aaa;
    position: absolute;
    top: 20px;
    left: 20px;
  }
  .transfer_root .exchange_center_wrap {
    display: flex;
    justify-content: space-between;
  }
  .transfer_root .asset_block2 {
    padding: 0;
    border: 0;
  }
  .transfer_root .asset_listbox {
    margin: 0;
    margin-top: 20px;
  }
  .transfer_root .assetbox3 .wallet-btn {
    width: fit-content;
    height: fit-content;
    transition: none;
    background-color: transparent;
    border-radius: 0;
    color: var(--main-co);
  }
  .transfer_root .exchange-input {
    background-color: transparent !important;
  }
  .transfer_root .currency_box {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin-top: 20px;
  }
  .transfer_root .currency_img {
    width: 29px;
    height: 29px;
  }
  .transfer_root .currency_item {
    position: relative;
    border-radius: 10px;
    background-color: #2c2c2c;
    border: 0.3px solid #535353;
    display: flex;
    gap: 8px;
    font-size: 1.5rem;
    color: #fff;
    height: 44px;
    align-items: center;
    padding-left: 8px;
  }
  .transfer_root .select_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .transfer_root .assetbox3 {
    background-color: #2c2c2c;
    border: 0.3px solid #535353;
    height: 44px;
    border-radius: 10px;
  }
  .transfer_root .usdt_text {
    color: #a3a3a3;
    font-size: 1.5rem;
    margin: 0;
    margin-right: 10px;
    white-space: nowrap;
  }
  .transfer_root .usdt_text a {
    color: var(--main-co);
  }
  .transfer_root .exchange-btn {
    height: 55px;
    width: 100%;
    border-radius: 10px;
        background: linear-gradient(to right, #7049F4 0%, #3960D2 100%);

    font-size: 1.5rem;
    font-weight: bold;
    color: #1c1b1b;
  }
  /* transfer whitemode */
  .transfer_root.whitemode .convert_pop_title {
    color: #000;
  }
  .transfer_root.whitemode .coin_select_sub_wrap {
    background-color: #eee;
    border: 0.3px solid #aaa;
  }
  .transfer_root.whitemode .currency_item {
    background-color: #eee;
    border: 0.3px solid #aaa;
    color: #333;
  }
  .transfer_root.whitemode .assetbox3 {
    background-color: #eee;
    border: 0.3px solid #aaa;
  }
  .transfer_root.whitemode .back_btn {
    color: #333;
  }

  /* p2p */
  .p2porders_root .ads-container {
    gap: 0;
  }
  .p2porders_root .table_warp.p2p {
    background-color: transparent;
  }
  .p2porders_root .p2p_table_mobile {
    display: flex;
    flex-direction: column;
  }
  .p2porders_root .p2p_table_mobile_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
  }
  .p2porders_root .p2p_table_mobile_top_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p2porders_root .p2p_table_mobile_top_left_box {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .p2porders_root .p2p_table_mobile_bottom_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .p2porders_root .p2p_table_mobile_bottom_item {
    display: flex;
    justify-content: space-between;
  }
  .p2porders_root .p2p_kind {
    font-size: 1.8rem;
  }
  .p2porders_root .p2p_kind .buy {
    color: #00c186;
  }
  .p2porders_root .p2p_kind .sell {
    color: #f5352c;
  }
  .p2porders_root .p2p_date,
  .bottom_item_title {
    font-size: 1.2rem;
    color: #666;
  }
  .p2porders_root .bottom_item_content {
    font-size: 1.2rem;
  }

  .p2pads_body .frame-max {
    margin-top: 0;
  }
  .p2pads_body .p2p-menu .frame-max {
    margin-top: 120px;
  }
  .p2pads_body .p2p-top-buy-btn {
    color: #000000;
  }
  .p2pads_body .p2p-top-sell-btn {
    color: #000000;
  }
  .p2pads_body .p2p-top-buy-btn.on {
    background-color: #713FF5;
    color: #000000;
  }
  .p2pads_body .p2p-top-sell-btn.on {
    background-color: #713FF5;
    color: #000000;
  }
  .p2pads_body .p2p-btn-wrap {
    background-color: #d7d7d7;
  }
  .p2pads_body .select-usdt {
    color: #aeaeae;
    border-color: #aeaeae;
  }
  .p2pads_body .inse-box {
    border-color: #aeaeae;
  }
  .p2pads_body .select-amount {
    border-color: #aeaeae;
    color: #aeaeae;
  }
  .p2pads_body .p2p-select {
    border-color: #aeaeae;
    color: #aeaeae;
  }
  .p2pads_body .p2p_tabletop {
    color: #6b6b6b;
  }
  .p2pads_body .buysellbtn.buy {
    background-color: #713FF5;
    color: #000;
  }
  .p2pads_body .buysellbtn.sell {
    background-color: #713FF5;
    color: #000;
  }
  .p2pads_body .list_profilewarp > div:nth-child(2) {
    color: #838383;
  }
  .p2pads_body .asset_tablelist .list_block1.p2p {
    color: #000;
  }
  .p2pads_body .listtext1.right.p2p {
    color: #000;
    font-size: 2rem;
    white-space: nowrap;
  }
  .p2pads_body .method_txt {
    border-radius: 4px;
    background-color: #eaeaea;
    color: #aaa;
  }
  .p2pads_body .asset_tablelist {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 12px;
    border-radius: 8px;
    gap: 12px;
    border: 1px solid #ccc;
    margin-bottom: 8px;
  }
  .p2pads_body .asset_tablelist .list_block1.p2p {
    padding: 0;
    margin: 0;
    row-gap: 8px;
    align-items: start;
    flex-wrap: wrap;
  }
  .p2pads_body .list_block2.p2p {
    margin: 0;
    justify-content: space-between;
    width: 100%;
  }
  .p2pads_body .list_txtwarp.p2p > div {
    display: flex;
    gap: 8px;
  }
  .p2pads_body .w100p {
    width: 100%;
  }
  .p2pads_body .all-buy {
    bottom: 0;
    justify-content: end;
    color: var(--main-co);
  }
  /* p2pads darkmode */
  .p2pads_body.darkmode .asset_tablelist {
    background-color: #1a1a1a;
  }

  .thidpay_root .right-menu {
    display: none;
  }

  .thidpay_root .frame-max {
    margin-top: 0;
  }
  .thidpay_root .p2p-menu .frame-max {
    margin-top: 120px;
  }

  .postads_root .frame-max {
    margin-top: 0;
  }
  .postads_root .p2p-menu .frame-max {
    margin-top: 120px;
  }

  .myads_root .frame-max {
    margin-top: 0;
  }
  .myads_root .p2p-menu .frame-max {
    margin-top: 120px;
  }

  .p2porders_root .frame-max {
    margin-top: 0;
  }
  .p2porders_root .top {
    display: none;
  }

  .usercenter_root .frame-max {
    margin-top: 0;
  }
  .usercenter_root .p2p-menu .frame-max {
    margin-top: 120px;
  }

  .eventmain_root .frame-max {
    margin-top: 0;
  }
  .eventmain_root .event-banner .frame-max {
    margin-top: 120px;
  }

  /* cs */
  .customer_root .frame-max {
    margin-top: 40px;
  }
  .customer_root .cs-body {
    margin-top: 120px;
  }
  .customer_root .cs-card {
    height: auto;
    padding: 20px 0;
  }
  .customer_root .notice-box {
    display: flex;
    flex-direction: column;
  }
  /* cs darkmode */
  .customer_root.darkmode {
  }
  .customer_root .darkmode {
    background-color: #1c1b1b;
    color: #fff;
  }
  .customer_root.darkmode {
    background-color: #1c1b1b;
    color: #fff;
  }
  .customer_root.darkmode .cs-card {
    border: 1px solid #333333;
    background-color: #161616;
    box-shadow: none;
    color: #fff;
  }
  .customer_root.darkmode .cs-notice-txt {
    color: #fff;
  }
  .customer_root.darkmode .cs-faq-list .notosankr._16s {
    color: #fff;
  }
  .customer_root.darkmode .notosankr._14s.black-op5 {
    color: #b4b4b4;
  }
  /* cs whitemode */
  .customer_root.whitemode .cs-card {
    background: #f1f1f1;
  }

  /* notice */
  .notice_root tr.service-table-top td {
    min-width: 0 !important;
  }

  .traderList_body {
    margin-top: 120px;
  }
  .traderList_body .copy-trade-container {
    padding: 20px;
  }
  .traderList_body .follow-list-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .traderList_body .follow-list {
    max-width: 400px;
    height: 245px;
    box-shadow: 0 4px 34px #e6e6e6;
    border-radius: 15px;
    width: 100%;
  }
  .traderList_body .follow-detail-top {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: space-between;
    height: auto;
  }
  .traderList_body .follow-center-box {
    display: flex;
    justify-content: space-between;
  }
  .traderList_body .user_detail_box {
    display: flex;
    gap: 8px;
  }
  .traderList_body .follow-detail {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  .traderList_body .follow-wrap {
    margin: 0;
    gap: 0;
    justify-content: space-between;
    height: auto;
    border-top: 1.3px solid #e0e0e0;
    padding-top: 15px;
  }
  .traderList_body .user-name {
    font-size: 1.3rem;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .traderList_body .follow-info-txt {
    font-size: 1rem;
    color: #747474;
    line-height: normal;
    margin-top: 0;
  }
  .traderList_body .follow-btn {
    background-color: #713FF5;
    border-radius: 99px;
    color: #fff;
    font-size: 1.2rem;
    height: 34px;
    padding: 0 14px;
    width: fit-content;
  }
  .traderList_body .follow-txt-box {
    flex-direction: column-reverse;
    align-items: center;
    gap: 6px;
    text-align: center;
    width: 100px;
    font-size: 1.3rem;
    height: 100%;
    justify-content: space-between;
  }
  .traderList_body .follow-detail-txt {
    font-size: 1.2rem;
    color: #bcbcbc;
    display: flex;
  }
  .traderList_body .follow-link {
    display: flex;
    align-items: center;
  }
  .traderList_body .follow-number {
    display: none;
  }
  .traderList_body .search-btn-2 {
    background-color: #713FF5;
    color: #000;
    font-weight: bold;
  }
  .traderList_body .search-box {
    background-color: #f6f6f6;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
  }
  .traderList_body .copy-trade-wrap {
    margin: 0;
  }
  .traderList_body .copy-trader {
    padding: 5px 20px;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
    background-color: #e4e4e4;
  }
  .traderList_body .copy-trader img {
    display: none;
  }
  .traderList_body .copy-trade-menu {
    border: 0;
    height: auto;
    margin-bottom: 32px;
  }
  .traderList_body .copy_top_box {
    max-width: 1280px;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .traderList_body .copy_top_text_box {
    display: flex;
    flex-direction: column;
    line-height: normal;
  }
  .traderList_body .copy_top_text1 {
    font-size: 2.5rem;
    font-weight: bold;
  }
  .traderList_body .copy_top_text2 {
    font-size: 1.5rem;
    margin-top: 8px;
  }
  .traderList_body .copy_top_text2 span {
    color: #713FF5;
    font-weight: bold;
  }
  .traderList_body .copy_top_text3 {
    font-size: 1.3rem;
    color: #713FF5;
    margin-top: 40px;
    font-weight: bold;
  }
  .traderList_body .copy_banner_item {
    display: flex;
    background-color: #fff5e0;
    border-radius: 10px;
    padding: 30px 24px;
    position: relative;
  }
  .traderList_body .copy_banner_item::before {
    content: "";
    width: 90%;
    height: 100%;
    background-color: #e2e2e2;
    border-radius: 10px;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: -1;
  }
  .traderList_body .copy_banner_item_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .traderList_body .copy_banner_item_content_text1 {
    font-size: 1.2rem;
    color: #a39d8f;
  }
  .traderList_body .copy_banner_item_content_text2 {
    font-size: 1.7rem;
    color: #3d3b36;
    line-height: 100%;
    font-weight: bold;
  }
  .traderList_body .copy_banner_item_content_text2 span {
    color: #3d3b36;
    color: #713FF5;
  }
  .traderList_body .copy_banner_item_content_text3 {
    font-size: 1.1rem;
    margin-top: 14px;
  }
  .traderList_body .copy_banner_item_content_text3 span {
    color: #713FF5;
  }
  .traderList_body .trader_title_box {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .traderList_body .trader_title1 {
    color: #713FF5;
    font-size: 1.7rem;
    line-height: 100%;
  }
  .traderList_body .trader_title2 {
    font-size: 2.5rem;
    line-height: 100%;
    font-weight: bold;
  }
  .traderList_body .follow-sub-txt {
    display: flex;
  }
  .traderList_body .copy-trade-tap {
    margin-top: 28px;
    gap: 20px;
  }
  .traderList_body .right-menu {
    flex-wrap: wrap;
  }
  .traderList_body .frame-max {
    margin-top: 40px;
  }
  .traderList_body .copy-trader {
    font-size: 1.4rem;
  }
  .traderList_body .copy-trade-menu .frame-max {
    margin-top: 0;
    padding: 0;
  }
  .traderList_body .cancle,
  .traderList_body .confirm {
    font-size: 1.4rem;
  }
  .traderList_body .tResult_yield.up {
    color: #00c186;
  }
  .traderList_body .tResult_yield.down {
    color: #f5352c;
  }
  .traderList_body .tResult_revenue.up {
    color: #00c186;
  }
  .traderList_body .tResult_revenue.down {
    color: #f5352c;
  }
  /* copytrading darkmode */
  .traderList_body.darkmode {
    background-color: #1c1b1b;
    color: #fff;
  }
  .traderList_body.darkmode {
  }
  .traderList_body.darkmode .copy_banner_item {
    background-color: #333;
  }
  .traderList_body.darkmode .copy_banner_item::before {
    background-color: #383838;
  }
  .traderList_body.darkmode .copy_banner_item_content_text1 {
    color: #707070;
  }
  .traderList_body.darkmode .copy_banner_item_content_text2 {
    color: #fff;
  }
  .traderList_body.darkmode .copy_banner_item_content_text3 {
    color: #cacaca;
  }
  .traderList_body.darkmode .search-box {
    background-color: #222222;
    border-color: #333333;
    color: #fff;
  }
  .traderList_body.darkmode .copy-trader {
    background-color: #666;
  }
  .traderList_body.darkmode .follow-list {
    background-color: #333;
    box-shadow: none;
    border: 0;
  }
  .traderList_body.darkmode .follow-detail-txt {
    color: #fff;
  }
  .traderList_body.darkmode .follow-sub-txt {
    color: #fff;
  }
  .traderList_body.darkmode .follow-btn {
    color: #000;
  }
  .traderList_body.darkmode .user-name {
    color: #fff;
  }
  .traderList_body.darkmode .follow-info-txt {
    color: #fff;
  }
  .traderList_body.darkmode .search-text-field {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b {
    background-color: #191919;
  }
  .traderList_body.darkmode .popup-follow-b .trader-txt {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b .profile-setting {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b .bold-text-8 {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b .w-input {
    background-color: #222222;
    color: #fff;
    border-color: #666;
  }
  .traderList_body.darkmode .popup-follow-b .w-input:focus {
    border-color: #666;
  }
  .traderList_body.darkmode .popup-follow-b .cancle {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b .confirm {
    color: #000;
  }

  /* trading_history_root */
  .trading_history_root {
  }
  .trading_history_root .top {
    display: none;
  }
  .trading_history_root .w-layout-vflex {
    gap: 8px;
  }
  .trading_history_root .history_row {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 16px;
  }
  .trading_history_root .history_top_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .trading_history_root .history_top_title_box {
    display: flex;
    font-weight: bold;
    font-size: 1.5rem;
  }
  .trading_history_root .history_top_content_box {
    display: flex;
    gap: 4px;
  }
  .trading_history_root .history_top_content_box .history_cell {
    border-radius: 4px;
    padding: 2px 6px;
    background-color: #eee;
    font-size: 1.3rem;
    font-weight: 500;
  }
  .trading_history_root .flex_bottom_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.3rem;
  }
  .trading_history_root .flex_bottom_box .history_cell {
    display: flex;
    justify-content: space-between;
  }
  .trading_history_root .flex_text {
    display: flex;
  }
  .trading_history_root .history_cell_title {
    color: #666;
  }
  .trading_history_root .flex_bottom_box .flex_text {
    font-weight: 500;
  }
  .trading_history_root .request_btn {
    width: 50px;
    margin: 0;
    height: 24px;
  }
  .trading_history_root .revenue_box {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .trading_history_root .history_cell.short {
    background-color: #f5352c;
  }
  .trading_history_root .history_cell.long {
    background-color: #00c186;
  }
  .trading_history_root .long .flex_text {
    color: #fff;
  }
  .trading_history_root .short .flex_text {
    color: #fff;
  }
  .trading_history_root .date_click_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 12px 0;
  }
  .trading_history_root .date_click_btn {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    color: #333;
    background-color: #efefef;
  }
  .trading_history_root .date_click_btn.on {
    border-color: #713FF5;
    color: #713FF5;
    background-color: #fff3db;
  }
  .darkmode.trading_history_root .history_top_content_box .history_cell {
    color: #333;
  }

  /* .trading_history_root.darkmode .date_click_btn.on{background-color: #4d402c; color: #713FF5;}
.trading_history_root.darkmode .date_click_btn{border-color: #666; color: #fff; background-color: #333;} */

  /* transactions_root */
  .transactions_root .trading-history-title {
    color: #000;
  }

  /* spotpnl_root */
  /* .spotpnl_root .top{display: none;} */
  .common_trade_history_root .top {
    display: none;
  }

  /* frame-max 초기화 */
  .spotpnl_root .frame-max {
    margin: 0;
  }
  .trading_history_root .frame-max {
    margin: 0;
  }
  .notice_root .service-top .frame-max {
    margin-top: 120px;
  }
  .funding_history_root .frame-max {
    margin: 0;
  }
  .trade_spot_history_root .frame-max {
    margin: 0;
  }

  .trade_root * {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }
  html {
    -ms-touch-action: manipulation;

    touch-action: manipulation;
  }

  /* kyccenter_root */
  .kyccenter_root .text-block-116 {
    font-size: 1.2rem;
    line-height: normal;
  }
  .kyccenter_root .text-block-116 .w-button {
    margin-top: 10px;
  }
}

.display_setting.mobile.none {
  display: none;
}

.display_setting.mobile {
  min-width: 70px;
  width: 70px;
  height: 26px;
  display: flex;
  justify-content: center;
  margin: 0;
  margin-left: 8px;
  position: static;
  background-color: #fff;
  cursor: pointer;
}
.display_sun_warp {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  padding: 0 4px;
}
.display_sun_warp.off {
  background-color: transparent;
}
.display_sun_warp span {
  flex: 1;
  font-size: 1.1rem;
  font-weight: bold;
  color: #9e9e9e;
}
.display_setting.current_darkmode {
  background-color: #424242;
}
.display_setting.current_darkmode .display_sun_warp span {
  color: #9e9e9e;
}
.display_sun_warp.current_darkmode img {
  box-shadow: 0 4px 4px #313131;
  border-radius: 99px;
}
.display_sun_warp.current_whitemode img {
  box-shadow: 0 4px 4px #313131;
  border-radius: 99px;
}
  .currency_box_warning_text{color:rgb(194, 24, 38) !important;}

/* pcpcpc */
@media screen and (min-width: 768px) {
  html {
    /* 피그마 1920px 기준으로 작업중 */
    font-size: 10px; /* 1rem = 10px */
  }

  .withdrawal_body.overflow_hidden {
    overflow: hidden;
  }

  .market_root .darkmode {
    background-color: #000000;
  }
  .wallet_root.darkmode {
    background-color: #000;
    color: #fff;
  }
  .wallet_root .darkmode {
    background-color: #000;
    color: #fff;
  }
  .requestList_body.darkmode {
    background-color: #1c1b1b;
  }
  .requestList_body .darkmode {
    background-color: #1c1b1b;
  }
  .deposit_root .darkmode {
    background-color: #1c1b1b;
  }
  .deposit_body.darkmode {
    background-color: #1c1b1b;
  }
  .deposit_body .darkmode {
    background-color: #1c1b1b;
  }
  .withdrawal_root.darkmode {
    background-color: #1c1b1b;
  }
  .withdrawal_root .darkmode {
    background-color: #1c1b1b;
  }
  .exchange_root.darkmode {
    background-color: #000;
  }
  .exchange_root .darkmode {
    background-color: #000;
  }
  .transfer_root.darkmode {
    background-color: #1c1b1b;
  }
  .transfer_root .darkmode {
    background-color: #1c1b1b;
  }
  .myinfo_root.darkmode {
    background-color: #000;
  }
  .myinfo_root .darkmode {
    background-color: #000;
  }

  /* top */
  .topblock {
    min-width: 100vw;
  }
  .top_assets_box {
    position: relative;
    margin: 0 2%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
  }
  .top_assets_box .top_assets_pop {
    display: none;
    position: absolute;
    width: 300px;
    background: #fff;
    box-shadow: 0 4px 20px #d1d1d1;
    top: calc(100% + 14px);
    right: 0;
    z-index: 999;
    flex-direction: column;
    border-radius: 25px;
    background-color: #ffffff;
    padding: 24px;
    gap: 12px;
  }
  .top_assets_box.on .top_assets_pop.top_assets_pop_mousearea {
    display: flex;
    top: 100%;
    opacity: 0;
  }
  .top_assets_box.on .top_assets_pop {
    display: flex;
  }
  .top_assets_box.on::after {
    content: "";
    position: absolute;
    border-bottom: 7px solid #713FF5;
    width: 100%;
    height: 0;
    top: 100%;
  }
  .top_assets_total_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: #ededed;
    border-radius: 14px;
    padding: 20px;
  }
  .top_assets_total_title {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 1.4rem;
    color: #4d4d4d;
  }
  .top_assets_total_value {
    color: #484848;
    font-size: 2rem;
    font-weight: bold;
  }
  .top_assets_total_dollar {
    font-size: 1.3rem;
    color: #555555;
  }
  .top_assets_text {
    color: #5d5d5d;
    font-size: 1rem;
  }
  .top_assets_button_box {
    display: flex;
    justify-content: space-around;
    color: #000;
    margin-bottom: 6px;
  }
  .top_deposit_btn {
    background-color: #713FF5;
    border-radius: 99px;
    padding: 8px 28px;
  }
  .top_widthdraw_btn {
    background-color: #d9d9d9;
    border-radius: 99px;
    padding: 8px 28px;
  }
  .top_assets_account_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .top_assets_account_item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000;
  }
  .topmenubtn.on::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -1;
  }
  .top_howregister_box {
    display: flex;
    gap: 16px;
  }
  .whitemode .howregister_text {
    color: #000;
  }
  /* darkmode */
  .darkmode .top_assets_pop {
    background-color: #191919;
  }
  .darkmode .top_assets_total_box {
    background-color: #303030;
  }
  .darkmode .top_widthdraw_btn {
    background-color: #787878;
  }
  .darkmode .top_assets_account_item {
    color: #fff;
  }
  .darkmode .top_assets_box .top_assets_pop {
    box-shadow: none;
  }
  .darkmode .top_assets_total_title {
    color: #b1b1b1;
  }
  .darkmode .top_assets_total_value {
    color: #fff;
  }
  .darkmode .top_assets_total_dollar {
    color: #555555;
  }

  /* main */
  .main_root .coin_img_name_box img {
    width: 45px;
  }
  .main_root.darkmode {
    background-color: #fff;
    color: #000;
  }

  /* myinfo */
  .myinfo_root .my-info-body-flexbox {
    display: flex;
    flex-direction: column;
    width: 60%;
    min-width: 600px;
  }
  .myinfo_root .notosankr._24s {
    color: #000;
    font-size: 4rem;
    margin-bottom: 24px;
  }
  .myinfo_root .half {
    gap: 16px;
  }
  .myinfo_root .my_info_title_sub {
    color: #7c7c7c;
    font-size: 2.7rem;
    margin-bottom: 32px;
  }
  .myinfo_root .my-info-wrap {
    border: 0;
    background: #fafafa;
    padding: 30px 20px;
    box-shadow: none;
    max-width: none;
  }
  .myinfo_root .my-info-input-box {
    gap: 12px;
  }
  .myinfo_root .my-info-input-wrap {
    gap: 16px;
    color: #aaa;
    background: #ededed;
    border: 1px solid #dadada;
    border-radius: 5px;
  }
  .myinfo_root .notosankr._16s {
    white-space: nowrap;
    color: #000;
  }
  .myinfo_root .myinfo-txt.nochange {
    justify-content: end;
    background: transparent;
  }
  .myinfo_root .info_pw_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .myinfo_root .info_pw_box input {
    text-align: right;
  }
  .myinfo_root .my-info-btn {
    font-size: 1.3rem;
    font-weight: bold;
  }
  .myinfo_root .myinfo_pw_wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .myinfo_root .myinfo_pw_wrap input {
    text-align: right;
    color: #aaa;
  }
  .myinfo_root .myinfo-flex-box {
    flex-direction: row;
  }
  .myinfo_root .logout-btn {
    flex: 1;
    box-shadow: none;
    border: 1px solid #9c9c9c;
    background-color: #eaeaea;
    color: #565656;
  }
  .myinfo_root .delete-account-btn {
    flex: 1;
    box-shadow: none;
    border: 1px solid #5d5d5d;
    background-color: #b80000;
    color: #ffffff;
  }
  .myinfo_root .notosankr._12s {
    text-align: center;
  }
  .myinfo_root .hover-myinfo {
    filter: none;
  }
  .myinfo_root .hover-myinfo .help-i {
    filter: invert(1);
  }
  .myinfo_root .info_tooltip {
    width: 400px;
    height: 373px;
  }
  .myinfo_root .tooltip_x_btn {
    display: none;
  }
  .myinfo_root .tooltip_ok_btn {
    display: none;
  }
  .myinfo_root .info_title {
    display: none;
  }

  /* myinfo darkmode */
  .myinfo_root.darkmode .hover-myinfo .help-i {
    filter: invert(1);
  }
  .myinfo_root.darkmode .info_tooltip {
    background-color: #101010;
  }
  .myinfo_root.darkmode .info_tooltip .text-block-40 {
    color: #fff;
  }
  .myinfo_root.darkmode .notosankr._24s {
    color: #fff;
  }
  .myinfo_root.darkmode .my-info-wrap {
    background-color: #101010;
  }
  .myinfo_root.darkmode .my-info-input-wrap {
    color: #777777;
    background-color: #212121;
    border-color: #656565;
  }
  .myinfo_root.darkmode .notosankr._16s {
    color: #fff;
  }
  .myinfo_root.darkmode .logout-btn {
    background-color: #2b2b2b;
  }
  .myinfo_root.darkmode .myinfo-txt.nochange.nobtn.darkmode {
    background-color: transparent;
  }
  .myinfo_root.darkmode .my-info-flex {
    border: 0;
  }

  /* join */
  .join_root .w-checkbox {
    display: flex;
    justify-content: start;
    align-items: start;
  }
  .join_root .checkbox-field-4 {
    margin: 0;
  }
  .join_root .legal_block .w-checkbox {
    justify-content: center;
    white-space: nowrap;
    width: 100%;
    padding: 0;
  }
  .join_root .member-btn-bottom {
    width: 100%;
  }
  .join_root .w-checkbox label {
    padding-left: 10px;
  }
  .join_root .w-checkbox label {
    padding-left: 10px;
  }
  .join_root .member-wrap {
    flex-direction: row-reverse;
    padding: 0;
    width: 100%;
    height: 100vh;
    max-width: none;
    margin: 0;
  }
  .join_root .login_bg_box {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/login_bg02.png");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-size: 2rem;
    height: 100%;
  }
  .join_root .login_bg_box img {
    max-width: 50%;
  }
  .join_root .login_form_box {
    justify-content: start;
    align-items: center;
    margin-top: 60px;
  }
  .join_root .member-title-big {
    font-size: 5rem;
    color: #000;
  }
  .join_root .member-btn.on {
    border: 0;
    background-color: #6B79FF;
    border-radius: 99px;
    color: #000;
  }
  .join_root .member-btn {
    padding: 16px;
    color: #000;
  }
  .join_root .member-title {
    color: #454545;
    margin-bottom: 11px;
    font-size: 1.4rem;
  }
  .join_root .member-select {
    color: #666;
    background-color: #fff;
    border: 2px solid #bdbdbd;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .join_root .input-field {
    color: #666;
    background-color: #fff;
    border: 2px solid #bdbdbd;
    box-sizing: border-box;
  }
  .join_root .member-btn-bottom {
    border-radius: 99px;
    background-image:linear-gradient(90deg,#6E43F6, #4970F8);
    color: #fff;
    font-size: 1.9rem;
    width: 100%;
    height: 62px;
    text-align: center;
  }
  .join_root .member-btn-bottom-forgot {
    border-radius: 99px;
    background-color: #6d6d6d;
    color: #000;
    font-size: 1.9rem;
    width: 100%;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .join_root .signup_btn_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: end;
  }
  .join_root .signup_btn_box .member-link {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .join_root .member-wrap-max {
    max-width: 450px;
    width: 90%;
    gap: 12px;
  }
  .join_root .loginbox {
    height: 61px;
  }
  .join_root .member-select {
    height: 61px;
  }
  .join_root .auth-btn {
    border-radius: 60px;
    padding: 0 25px;
    font-size: 1.5rem;
    background-image:linear-gradient(90deg,#6E43F6, #4970F8);
    color:#fff;
  }
  .join_root .signup_btn_box_pc {
    font-size: 1.9rem;
    color: #9f9f9f;
    margin-top: 12px;
  }
  .join_root .signup_btn_text_pc {
    color: #713FF5;
  }
  .join_root .page_btn {
    background-color: #bfbfbf !important;
    color: #fff !important;
  }
  .join_root .page_btn.on {
    background-color: #6B79FF !important;
    color: #fff !important;
  }
  /* join darkmode */
  .join_root.darkmode {
    background-color: #000;
  }
  .join_root.darkmode .login_form_box {
    background-color: #000;
  }
  .join_root.darkmode .member-title-big {
    color: #fff;
  }
  .join_root.darkmode .member-btn {
    color: #fff;
  }
  .join_root.darkmode .member-btn.on {
    background-color: #23242b;
    color: #fff;
  }
  .join_root.darkmode .member-title {
    color: #bababa;
  }
  .join_root.darkmode .member-select {
    border-color: #303030;
    background-color: transparent;
  }
  .join_root.darkmode .input-field {
    background-color: transparent;
    border-color: #303030;
  }
  .join_root.darkmode .notosankr._12s {
    color: #fff;
  }

  /* login */
  .login_root .login_form_box {
    background-color: #fff;
  }
  .login_root .w-checkbox label {
    padding-left: 10px;
  }
  .login_root .member-wrap {
    flex-direction: row-reverse;
    padding: 0;
    width: 100%;
    height: 100vh;
    max-width: none;
    margin: 0;
  }
  .login_root .login_bg_box {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/login_bg02.png");
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-size: 2rem;
    height: 100%;
  }
  .login_root .login_bg_box img {
    max-width: 50%;
  }
  .login_root .login_form_box {
    justify-content: start;
    align-items: center;
    margin-top: 60px;
  }
  .login_root .member-title-big {
    font-size: 5rem;
    color: #000;
  }
  .login_root .member-btn.on {
    border: 0;
    background-color: #713FF5;
    border-radius: 99px;
    color: #000;
  }
  .login_root .member-btn {
    padding: 16px;
    color: #000;
  }
  .login_root .member-title {
    color: #454545;
    margin-bottom: 11px;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .login_root .member-select {
    color: #666;
    background-color: #fff;
    border: 2px solid #bdbdbd;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .login_root .input-field {
    color: #666;
    background-color: #fff;
    border: 2px solid #bdbdbd;
    box-sizing: border-box;
  }
  .login_root .member-btn-bottom {
    border-radius: 99px;
    background-image:linear-gradient(90deg,#6E43F6, #4970F8);
    color: #fff;
    font-size: 1.9rem;
    width: 100%;
    height: 62px;
  }
  .login_root .member-btn-bottom-forgot {
    border-radius: 99px;
    background-color: #6d6d6d;
    color: #000;
    font-size: 1.9rem;
    width: 100%;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .login_root .signup_btn_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: end;
  }
  .login_root .signup_btn_box .member-link {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .login_root .member-wrap-max {
    max-width: 450px;
    width: 90%;
  }
  .login_root .loginbox {
    height: 61px;
  }
  .login_root .member-select {
    height: 61px;
  }
  .login_root .auth-btn {
    border-radius: 60px;
    padding: 0 25px;
    font-size: 1.5rem;
    font-weight: bold;
    background-image:linear-gradient(90deg,#6E43F6, #4970F8);
    color:#fff;
  }
  .login_root .signup_btn_box_pc {
    font-size: 1.9rem;
    color: #9f9f9f;
    margin-top: 12px;
  }
  .login_root .signup_btn_text_pc {
    color: #C856E1;
  }
  /* login darkmode */
  .login_root.darkmode {
    background-color: #000;
  }
  .login_root.darkmode .login_form_box {
    background-color: #000;
  }
  .login_root.darkmode .member-title-big {
    color: #fff;
  }
  .login_root.darkmode .member-btn {
    color: #fff;
  }
  .login_root.darkmode .member-btn.on {
    background-color: #23242b;
    color: #fff;
  }
  .login_root.darkmode .member-title {
    color: #bababa;
  }
  .login_root.darkmode .member-select {
    border-color: #303030;
    background-color: transparent;
  }
  .login_root.darkmode .input-field {
    background-color: transparent;
    border-color: #303030;
  }
  .login_root.darkmode .member-btn-bottom-forgot {
    color: #fff;
  }

  /* markets */
  .market_root .market_area {
    background-color: #1c1b1b;
  }
  .market_root .market_box {
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%;
    width: 80%;
    max-width: 1280px;
    margin: 0 auto;
  }
  .market_root.section04 .trade_coiningo_warp {
    max-height: 100%;
  }
  .market_root .market_title {
    cursor: pointer;
  }
  .market_root .market_title_box {
    display: flex;
    gap: 56px;
    margin-bottom: 10px;
    position: relative;
  }
  .market_root .market_title_box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #353535;
    width: 100%;
  }
  .market_root .market_top_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    line-height: normal;
    margin-bottom: 20px;
  }
  .market_root .market_pc_title {
    font-size: 50px;
  }
  .market_root .market_search_box {
    position: relative;
    height: 39px;
    width: 246px;
    border: 1px solid #333333;
    background-color: #222222;
    color: #878787;
    padding-left: 45px;
    display: flex;
    align-items: center;
    border-radius: 5px;
  }
  .market_root .market_search_box .search_input {
    background: transparent;
    border: 0;
    width: 100%;
  }
  .market_root .market_search_box img {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
  .market_root .trade_coinsublist:hover {
    border-radius: 11px;
  }
  .market_root .market_title_box .market_title {
    padding: 14px 0;
    color: #999;
    font-size: 1.8rem;
    color: #fff;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
  }
  .market_root .market_title_box .market_title.on {
    color: #713FF5;
    border-bottom: 1.3px solid #713FF5;
    z-index: 1;
  }
  .market_root .market_type_title_box {
    display: none;
  }
  .market_root .market_type_title {
    font-weight: bold;
    width: max-content;
    font-size: 1.8rem;
  }
  .market_root .market_type_title.on {
    color: var(--main-co);
  }
  .market_root .market_box .trade_coinsublist {
    padding: 2px 8px;
  }
  .market_root .thead_box {
    display: flex;
    font-size: 1rem;
    gap: 0;
    margin: 12px 0 20px 0;
    font-weight: 300;
    padding: 0 8px;
  }
  .market_root .dummy_flex1 {
    flex: 1;
  }
  .market_root .trade_coinsublist .img_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 100%;
  }
  .market_root .coin_per_box .crate_roll {
    padding: 8px 8px;
    border-radius: 6px;
    color: white;
    min-width: fit-content;
    font-size: 2rem;
    font-weight: 400;
    text-align: right;
  }
  .market_root .coin_per_box .crate_roll.green {
    color: #0bb8e8;
  }
  .market_root .coin_per_box .crate_roll.red {
    color: #ba3f39;
  }
  .market_root .sort-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle;
    opacity: 1;
    transition:
      opacity 0.3s,
      border-color 0.3s;
    position: relative;
  }
  .market_root .sort-arrow::before,
  .market_root .sort-arrow::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
  }
  .market_root .sort-arrow::after {
    border-top-color: #7f7e7e;
    bottom: -6px;
  }
  .market_root .sort-arrow.asc::after {
    border-top-color: var(--main-co);
  }
  .market_root .sort-arrow::before {
    border-bottom-color: #7f7e7e;
    top: -6px;
  }
  .market_root .sort-arrow.desc::before {
    border-bottom-color: var(--main-co);
  }
  .market_root .sortable.active .sort-arrow {
    opacity: 1;
  }
  .market_root .coin-img-drop {
    width: 32px;
    height: 32px;
    margin: 0;
  }
  .market_root .coin_name_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .market_root .coin_name_box .coin_name {
    font-size: 2rem;
    font-weight: normal;
  }
  .market_root .coin_name_box .coin_volume {
    font-size: 1.2rem;
    color: #7e7e7e;
    font-weight: 300;
  }
  .market_root .coin_main_price {
    font-size: 2rem;
    font-weight: normal;
  }
  .market_root .coin_sub_price {
    font-size: 1.5rem;
    color: #7e7e7e;
    font-weight: 300;
  }
  .market_root .coin_align_box {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }
  .market_root .trade_coinsublist {
    border: 0;
  }
  .market_root .coin_price_box {
    display: flex;
    text-align: right;
    flex-direction: column;
    align-items: end;
    height: 100%;
    justify-content: space-between;
  }
  .market_root .sortable {
  }
  .market_root .sortable:first-child {
    text-align: left;
  }
  .market_root .sortable,
  .action_title {
    text-align: right;
    width: 130px;
    cursor: pointer;
    font-size: 1.7rem;
  }
  .market_root .action_title {
    padding-right: 20px;
  }
  .market_root .coin_price_box {
    width: 130px;
  }
  .market_root .coin_per_box {
    width: 130px;
  }
  .market_root .action_box {
    width: 130px;
    display: flex;
    justify-content: end;
  }
  .market_root .action_btn {
    padding: 9px 14px;
    background-color: #5c5c5c;
    color: #000;
    font-size: 1.5rem;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
  }
  .market_root .trade_coinsublist:hover .action_btn {
    background-color: #713FF5;
  }
  .market_root .coin_volume {
    font-size: 2rem;
  }
  .market_root .coin_volume_box {
    width: 130px;
    display: flex;
    justify-content: end;
  }
  /* markets whitemode */
  .market_root .whitemode {
    color: #000;
  }
  .market_root.whitemode {
    color: #000;
  }
  .market_root.whitemode .market_title_box .market_title.on {
    color: #000;
  }
  .market_root.whitemode .market_title_box .market_title {
    color: #666;
  }
  .market_root.whitemode .trade_coinsublist:hover {
    background-color: #fff6e4;
  }
  .market_root.whitemode .market_search_box {
    background-color: #f9f9f9;
    border-color: #c8c8c8;
    color: #878787;
  }
  .market_root.whitemode .action_btn {
    background-color: #e9e9e9;
  }

  /* p2p */

  /* /igniris/images/hhm/p2p_banner01.jpg */
  .p2pads_body .p2p-menu {
    border-bottom: 0;
    margin-top: 60px;
  }
  .p2pads_body .p2p-menu .frame-max {
    border-bottom: 1px solid var(--line);
  }
  .p2pads_body .banner_box {
    display: flex;
    border-radius: 25px;
    width: 100%;
    height: 185px;
    overflow: hidden;
    margin-top: 28px;
    margin-bottom: 16px;
  }
  .p2pads_body .banner_item {
    display: flex;
    align-items: center;
    gap: 60px;
    background-image: url("../../images/hhm/p2p_banner01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0 40px;
    width: 100%;
  }
  .p2pads_body .banner_item .banner_item_title {
    font-size: 3rem;
    color: #fff;
    line-height: 120%;
  }
  .p2pads_body .banner_item .banner_item_content {
    font-size: 1.8rem;
    color: #fff;
    line-height: 130%;
  }
  .p2pads_body .p2p-top-buy-btn {
    color: #000000;
  }
  .p2pads_body .p2p-top-sell-btn {
    color: #000000;
  }
  .p2pads_body .p2p-top-buy-btn.on {
    background-color: #713FF5;
    color: #000000;
  }
  .p2pads_body .p2p-top-sell-btn.on {
    background-color: #713FF5;
    color: #000000;
  }
  .p2pads_body .p2p-btn-wrap {
    background-color: #d7d7d7;
  }
  .p2pads_body .select-usdt {
    color: #aeaeae;
    border-color: #aeaeae;
  }
  .p2pads_body .inse-box {
    border-color: #aeaeae;
  }
  .p2pads_body .select-amount {
    border-color: #aeaeae;
    color: #aeaeae;
  }
  .p2pads_body .p2p-select {
    border-color: #aeaeae;
    color: #aeaeae;
  }
  .p2pads_body .p2p_tabletop {
    color: #6b6b6b;
  }
  .p2pads_body .buysellbtn.buy {
    background-color: #713FF5;
    color: #000;
  }
  .p2pads_body .buysellbtn.sell {
    background-color: #713FF5;
    color: #000;
  }
  .p2pads_body .buysellbtn {
    height: 28px;
    border-radius: 4px;
  }
  .p2pads_body .list_profilewarp > div:nth-child(2) {
    color: #838383;
  }
  .p2pads_body .asset_tablelist .list_block1.p2p {
    color: #000;
  }
  .p2pads_body .listtext1.right.p2p {
    color: #000;
  }
  .p2pads_body .method_txt {
    border-radius: 4px;
    background-color: #eaeaea;
    color: #aaa;
  }

  /* cs */
  .customer_root .cs-banner-title {
    font-weight: bold;
  }
  .customer_root .cs-banner {
    gap: 32px;
    background-image: url("../../images/hhm/help_bg01.jpg");
    background-size: cover;
    background-position: center;
  }
  .customer_root .cs_search_box {
    display: flex;
    align-items: center;
    padding: 0 24px;
    background: #fff;
    height: 66px;
    width: 766px;
    border-radius: 999px;
    max-width: 90%;
  }
  .customer_root .cs_search_box .search_input {
    outline: 0;
    border: 0;
    color: #acacac;
    flex: 1;
    height: 50px;
  }
  .customer_root .cs-card-box {
    justify-content: center;
  }
  .customer_root .cs-card {
    width: 280px;
    height: 280px;
    font-size: 3rem;
    color: #000;
    background-color: #fafafa;
    border: 1px solid #cccccc;
    box-shadow: 0 4px 19.3px #e6e6e6;
    gap: 30px;
  }
  .customer_root .cs-notice .notosankr._24s {
    font-size: 5rem;
  }
  .customer_root .notice-box {
    display: flex;
    flex-direction: column;
  }
  .customer_root .notice_item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    white-space: nowrap;
  }
  .customer_root .cs-notice-txt {
    border: 0;
    font-size: 3rem;
    color: #000;
    padding: 0;
  }
  .customer_root .notice_date {
    color: #8c8c8c;
    font-size: 2rem;
  }
  .customer_root .cs-faq-list {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    border: 0;
  }
  .customer_root .cs-faq .notosankr._24s {
    font-size: 5rem;
  }
  .customer_root .cs-faq-list .notosankr._16s {
    border: 0;
    font-size: 3rem;
    color: #000;
    font-weight: normal;
  }
  .customer_root .faq_date {
    color: #8c8c8c;
    font-size: 2rem;
  }
  .customer_root .more-link {
    display: none;
  }
  /* cs darkmode */
  .customer_root.darkmode {
  }
  .customer_root .darkmode {
    background-color: #000;
    color: #fff;
  }
  .customer_root.darkmode {
    background-color: #000;
    color: #fff;
  }
  .customer_root.darkmode .cs-card {
    border: 1px solid #333333;
    background-color: #161616;
    box-shadow: none;
    color: #fff;
  }
  .customer_root.darkmode .cs-notice-txt {
    color: #fff;
  }
  .customer_root.darkmode .cs-faq-list .notosankr._16s {
    color: #fff;
  }

  /* copytrading */
  .traderList_body {
  }
  .traderList_body .copy-trade-container {
    padding: 0 20px;
  }
  .traderList_body .follow-list-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
  }
  .traderList_body .follow-list {
    min-width: 300px;
    height: 245px;
    box-shadow: 0 4px 34px #e6e6e6;
    border-radius: 15px;
    width: calc(((100% - 24px) / 3));
  }
  .traderList_body .follow-detail-top {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: space-between;
    height: auto;
  }
  .traderList_body .follow-center-box {
    display: flex;
    justify-content: space-between;
  }
  .traderList_body .user_detail_box {
    display: flex;
    gap: 8px;
  }
  .traderList_body .follow-detail {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  .traderList_body .follow-wrap {
    margin: 0;
    gap: 0;
    justify-content: space-between;
    height: auto;
    border-top: 1.3px solid #e0e0e0;
    padding-top: 15px;
  }
  .traderList_body .user-name {
    font-size: 2rem;
  }
  .traderList_body .follow-info-txt {
    font-size: 1.3rem;
    color: #747474;
    line-height: normal;
  }
  .traderList_body .follow-btn {
    background-color: #713FF5;
    border-radius: 99px;
    color: #fff;
    font-size: 1.5rem;
    height: 34px;
    padding: 0 14px;
    width: fit-content;
  }
  .traderList_body .follow-txt-box {
    flex-direction: column-reverse;
    align-items: center;
    gap: 6px;
    text-align: center;
    width: 100px;
    font-size: 1.7rem;
    height: 100%;
    justify-content: space-between;
  }
  .traderList_body .follow-detail-txt {
    font-size: 1.3rem;
    color: #bcbcbc;
    font-weight: bold;
    line-height: normal;
    white-space: nowrap;
  }
  .traderList_body .tResult_yield.up {
    color: #00c186;
  }
  .traderList_body .tResult_yield.down {
    color: #f5352c;
  }
  .traderList_body .tResult_revenue.up {
    color: #00c186;
  }
  .traderList_body .tResult_revenue.down {
    color: #f5352c;
  }
  .traderList_body .follow-link {
    display: flex;
    align-items: center;
  }
  .traderList_body .follow-number {
    display: none;
  }
  .traderList_body .search-btn-2 {
    background-color: #713FF5;
    color: #000;
    font-weight: bold;
  }
  .traderList_body .search-box {
    background-color: #f6f6f6;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
  }
  .traderList_body .copy-trade-wrap {
    margin: 0;
  }
  .traderList_body .copy-trader {
    padding: 5px 20px;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
    background-color: #e4e4e4;
  }
  .traderList_body .copy-trader img {
    display: none;
  }
  .traderList_body .copy-trade-menu {
    border: 0;
    height: auto;
    margin-bottom: 75px;
  }
  .traderList_body .copy_top_box {
    max-width: 1280px;
    height: auto;
    margin: 60px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .traderList_body .copy_top_text_box {
    display: flex;
    flex-direction: column;
    line-height: normal;
  }
  .traderList_body .copy_top_text1 {
    font-size: 5rem;
    font-weight: bold;
  }
  .traderList_body .copy_top_text2 {
    font-size: 3rem;
    margin-top: 8px;
  }
  .traderList_body .copy_top_text2 span {
    color: #713FF5;
    font-weight: bold;
  }
  .traderList_body .copy_top_text3 {
    font-size: 2rem;
    color: #713FF5;
    margin-top: 40px;
    font-weight: bold;
    cursor: pointer;
  }
  .traderList_body .copy_banner_item {
    display: flex;
    background-color: #fff5e0;
    border-radius: 10px;
    padding: 30px 24px;
    position: relative;
  }
  .traderList_body .copy_banner_item::before {
    content: "";
    width: 90%;
    height: 100%;
    background-color: #e2e2e2;
    border-radius: 10px;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: -1;
  }
  .traderList_body .copy_banner_item_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .traderList_body .copy_banner_item_content_text1 {
    font-size: 1.5rem;
    color: #a39d8f;
  }
  .traderList_body .copy_banner_item_content_text2 {
    font-size: 2.5rem;
    color: #3d3b36;
    line-height: 100%;
    font-weight: bold;
  }
  .traderList_body .copy_banner_item_content_text2 span {
    color: #3d3b36;
    color: #713FF5;
  }
  .traderList_body .copy_banner_item_content_text3 {
    font-size: 1.3rem;
    margin-top: 14px;
  }
  .traderList_body .copy_banner_item_content_text3 span {
    color: #713FF5;
  }
  .traderList_body .trader_title_box {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .traderList_body .trader_title1 {
    color: #713FF5;
    font-size: 2.5rem;
    line-height: 100%;
  }
  .traderList_body .trader_title2 {
    font-size: 5rem;
    line-height: 100%;
    font-weight: bold;
  }
  /* copytrading darkmode */
  .traderList_body.darkmode {
    background-color: #000;
    color: #fff;
  }
  .traderList_body.darkmode {
  }
  .traderList_body.darkmode .copy_banner_item {
    background-color: #202020;
  }
  .traderList_body.darkmode .copy_banner_item::before {
    background-color: #383838;
  }
  .traderList_body.darkmode .copy_banner_item_content_text1 {
    color: #707070;
  }
  .traderList_body.darkmode .copy_banner_item_content_text2 {
    color: #fff;
  }
  .traderList_body.darkmode .copy_banner_item_content_text3 {
    color: #cacaca;
  }
  .traderList_body.darkmode .search-box {
    background-color: #222222;
    border-color: #333333;
    color: #fff;
  }
  .traderList_body.darkmode .copy-trader {
    background-color: #383838;
  }
  .traderList_body.darkmode .follow-list {
    background-color: #191919;
    box-shadow: none;
    border: 0;
  }
  .traderList_body.darkmode .follow-detail-txt {
    color: #fff;
  }
  .traderList_body.darkmode .follow-sub-txt {
    color: #fff;
  }
  .traderList_body.darkmode .follow-btn {
    color: #000;
  }
  .traderList_body.darkmode .user-name {
    color: #fff;
  }
  .traderList_body.darkmode .follow-info-txt {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b {
    background-color: #191919;
  }
  .traderList_body.darkmode .popup-follow-b .trader-txt {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b .profile-setting {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b .bold-text-8 {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b .w-input {
    background-color: #222222;
    color: #fff;
    border-color: #666;
  }
  .traderList_body.darkmode .popup-follow-b .w-input:focus {
    border-color: #666;
  }
  .traderList_body.darkmode .popup-follow-b .cancle {
    color: #fff;
  }
  .traderList_body.darkmode .popup-follow-b .confirm {
    color: #000;
  }

  .traderList_body.whitemode .popup-follow-b {
    background-color: #fff;
  }
  .traderList_body.whitemode .popup-follow-b .trader-txt {
    color: #000;
  }
  .traderList_body.whitemode .popup-follow-b .profile-setting {
    color: #000;
  }
  .traderList_body.whitemode .popup-follow-b .bold-text-8 {
    color: #000;
  }
  .traderList_body.whitemode .popup-follow-b .w-input {
    background-color: #eee;
    color: #000;
    border-color: #666;
  }
  .traderList_body.whitemode .popup-follow-b .w-input:focus {
    border-color: #666;
  }
  .traderList_body.whitemode .popup-follow-b .cancle {
    color: #000;
  }
  .traderList_body.whitemode .popup-follow-b .confirm {
    color: #000;
  }

  /* tradehistory 공통 */
  .trade_history_menu {
    background-color: #1e1e1e;
  }
  .trade_history_menu {
  }
  .trade_history_menu .top-btn-wrap {
    padding: 0 0 0 40px;
  }

  .common_trade_history_root {
  }
  .common_trade_history_root .frame-max {
    margin: 0;
  }
  .common_trade_history_root .trading_history_flex_box {
    display: flex;
    gap: 32px;
  }
  .common_trade_history_root .trading-history-container {
    width: 100%;
    gap: 32px;
  }
  .common_trade_history_root .trade-history-info-wrap {
    flex-direction: column;
    align-items: start;
  }
  .common_trade_history_root .trading-history-top {
    height: auto;
    background-color: transparent;
  }
  .common_trade_history_root .top-flex-box {
    justify-content: space-between;
    max-width: 800px;
  }
  .common_trade_history_root .trade-history-info {
    gap: 50px;
  }
  .common_trade_history_root .trading-history-title {
    color: #000;
  }
  .common_trade_history_root .notosankr._16s.white-op5 {
    color: #000;
  }
  .common_trade_history_root .notosankr._16s.white {
    color: #000;
  }
  .common_trade_history_root .notosankr {
    font-family: "Inter 18 Pt";
    line-height: 100%;
  }
  .common_trade_history_root .line_text_box {
    display: flex;
    margin-top: 24px;
  }
  .common_trade_history_root .line_text_box span {
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 1.5rem;
    position: relative;
  }
  .common_trade_history_root .line_text_box span::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #333;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
  }

  .common_trade_history_root .time_range_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 30px;
  }
  .common_trade_history_root .time_range_btn_box {
    display: flex;
    gap: 20px;
  }
  .common_trade_history_root .range_radio_box {
    display: flex;
    gap: 6px;
    align-items: center;
  }
  .common_trade_history_root .range_radio_box label {
    margin: 0;
  }
  .common_trade_history_root .range_radio_box input[type="radio"] {
    accent-color: #713FF5;
  }
  .common_trade_history_root input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    border: 1px solid #ccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
  }
  .common_trade_history_root input[type="radio"]:checked {
    background-color: #713FF5;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #713FF5;
  }

  .spotpnl_root .line_text_box {
    margin: 0;
  }
  .spotpnl_root .total_text {
    font-size: 3rem !important;
    font-weight: bold;
  }

  /* wallet */

  /* wallet-menu */
  .wallet-menu {
    border-color: #dddddd;
    padding-top: 42px;
  }
  .wallet-menu .wallet-link.walletspot {
    background-image: url("../../images/hhm/top_assets_spot01.svg") !important;
  }
  .wallet-menu .wallet-link.walletfuture {
    background-image: url("../../images/hhm/top_assets_future01.svg") !important;
  }
  .wallet-menu .wallet-link {
    opacity: 0.65;
    color: #000;
    height: 42px;
  }
  .wallet-menu .wallet-link.on {
    background-color: #f8f8f8;
    opacity: 1;
    position: relative;
    color: #000;
    height: 42px;
  }
  .wallet-menu .wallet-link.on::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    border-right: 5px solid #713FF5;
  }
  /* wallet-menu darkmode */
  .darkmode .wallet-menu {
    border-color: #3c3c3c;
  }
  .darkmode .wallet-menu .wallet-link.on {
    background-color: #1f1f1f;
    color: #fff;
  }
  .darkmode .wallet-menu .wallet-link {
    color: #fff;
  }

  .wallet_root .peques-renewal-box {
    align-items: center;
  }
  .total_assets_box {
    display: none;
    justify-content: space-between;
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 30px;
  }
  /* 사용하는 페이지만 display flex */
  .myasset_root .total_assets_box,
  .deposit_root .total_assets_box,
  .withdrawal_root .total_assets_box,
  .walletspot_root .total_assets_box,
  .walletfuture_root .total_assets_box {
    display: flex;
  }
  .total_assets_box .asset_box {
    gap: 14px;
  }
  .total_assets_box .asset_title {
    font-size: 1.5rem;
    display: flex;
    gap: 10px;
    color: #6b6b6b;
    margin-bottom: 10px;
  }
  .total_assets_box .asset_title img {
    object-fit: none;
    width:8px;
  }
  .total_assets_box .asset_price1 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #6b6b6b;
  }
  .total_assets_box .asset_price1 span {
    font-size: 3.2rem;
    font-weight: bold;
    color: #6b6b6b;
  }
  .total_assets_box .asset_price2 {
    font-size: 1.3rem;
    color: #bcbcbc;
    font-weight: 300;
  }

  /* total_assets_box darkmode */
  .darkmode .total_assets_box {
    background-color: #202020;
  }
  .darkmode .total_assets_box .asset_title {
    color: #b1b1b1;
  }
  .darkmode .total_assets_box .asset_price1 {
    color: #b1b1b1;
  }
  .darkmode .total_assets_box .asset_price1 span {
    color: #b1b1b1;
  }
  .darkmode .total_assets_box .asset_price2 {
    color: #555555;
  }
  .darkmode .total_assets_box .notosankr._14s.normal._88co {
    color: #686868;
  }
  .darkmode .total_assets_box .wallet-table-row {
    border-color: #525252;
  }

  /* walletspot */
  .walletspot_root .wallet_title {
    font-size: 3rem;
    font-weight: bold;
  }
  .walletspot_root .wallet_title_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 10px;
  }
  .walletspot_root .wallet_pnlanalysis_box {
    position: relative;
    display: flex;
    gap: 4px;
    font-size: 1.4rem;
    color: #000;
    padding: 9px 26px;
    align-items: center;
    background: #713FF5;
    border-radius: 5px;
  }
  .walletspot_root .wallet_pnlanalysis_box::after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    width: 12px;
    height: 12px;
    border-radius: 99px;
    background-color: #f22525;
  }

  .walletspot_root .wallet_main_btn_box {
    display: flex;
    gap: 24px;
  }
  .walletspot_root .wallet_main_btn {
    padding: 12px 50px;
    font-size: 1.8rem;
    color: #8e8e8e;
    font-weight: bold;
    border: 1px solid #eaeaea;
    border-radius: 5px;
  }
  .walletspot_root .wallet_main_btn.on {
    color: #000;
    border: 0;
    background-color: #713FF5;
  }

  .walletspot_root .table-wrap.table-wrap-new {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .walletspot_root .table-wrap-new div:last-child {
    color: #4b4b4b;
  }
  .walletspot_root .bold_text {
    font-weight: bold;
  }
  .walletspot_root .operation_box {
    color: #713FF5;
  }
  .walletspot_root .wallet-table-top {
    border-radius: 5px;
    background-color: transparent;
  }
  .walletspot_root .table-cell {
    padding: 12px 8px;
  }
  .walletspot_root .wallet-table-top .table-cell {
    background-color: #f3f3f3;
  }
  .walletspot_root .wallet-table-top .table-cell:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .walletspot_root .wallet-table-top .table-cell:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .walletspot_root .function_box {
    display: flex;
    gap: 16px;
    margin: 24px 0;
    align-items: center;
  }
  .walletspot_root .search_box {
    padding: 10px 8px;
    display: flex;
    gap: 12px;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
  }
  .walletspot_root .search_box .search_input {
    outline: 0;
    border: 0;
    background: transparent;
  }
  .walletspot_root .hide_input {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #636363;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .walletspot_root .checkbox_type_01 {
    display: none;
  }
  .walletspot_root .checkbox_type_01 + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/wallet_checkbox01.png");
    padding-left: 36px;
    background-position: 0 3px;
    display: flex;
    align-items: center;
    margin: 0;
    height: 30px;
  }
  .walletspot_root .checkbox_type_01:checked + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/wallet_checkbox02.png");
  }
  .walletspot_root .wallet-table-row.hide_none {
    display: none;
  }
  .walletspot_root .wallet-table-row.search_none {
    display: none;
  }
  .walletspot_root .wallet-container {
    max-width: 1200px;
  }
  .walletspot_root .w24 {
    width: 32px;
    height: 32px;
  }
  .walletspot_root .property-table {
    padding-bottom: 30px;
  }
  .walletspot_root .operation_item {
    cursor: pointer;
  }
  /* .walletspot_root darkmode */
  .walletspot_root.darkmode .wallet-table-top .table-cell {
    background-color: #171717;
  }
  .walletspot_root.darkmode .wallet-container {
    color: #fff;
  }
  .walletspot_root.darkmode .wallet_main_btn {
    background-color: #202020;
    color: #585858;
    border-color: #595959;
  }
  .walletspot_root.darkmode .search_box {
    background-color: #202020;
    border-color: #595959;
  }
  .walletspot_root.darkmode .wallet-table-row {
    border-color: #525252;
  }
  .walletspot_root.darkmode .wallet_main_btn.on {
    color: #000;
    background-color: #713FF5;
  }
  .walletspot_root.darkmode .checkbox_type_01 + label {
    background-image: url("../../images/hhm/wallet_checkbox03.png");
  }

  /* walletfuture */
  .walletfuture_root .wallet_title {
    font-size: 3rem;
    font-weight: bold;
  }
  .walletfuture_root .wallet_title_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 10px;
  }
  .walletfuture_root .wallet_pnlanalysis_box {
    position: relative;
    display: flex;
    gap: 4px;
    font-size: 1.4rem;
    color: #000;
    padding: 9px 26px;
    align-items: center;
    background: #713FF5;
    border-radius: 5px;
  }
  .walletfuture_root .wallet_pnlanalysis_box::after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    width: 12px;
    height: 12px;
    border-radius: 99px;
    background-color: #f22525;
  }
  .walletfuture_root .wallet_main_btn_box {
    display: flex;
    gap: 24px;
  }
  .walletfuture_root .wallet_main_btn {
    padding: 12px 50px;
    font-size: 1.8rem;
    color: #8e8e8e;
    font-weight: bold;
    border: 1px solid #eaeaea;
    border-radius: 5px;
  }
  .walletfuture_root .wallet_main_btn.on {
    color: #000;
    border: 0;
    background-color: #713FF5;
  }
  .walletfuture_root .table-wrap.table-wrap-new {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .walletfuture_root .table-wrap-new div:last-child {
    color: #4b4b4b;
  }
  .walletfuture_root .bold_text {
    font-weight: bold;
  }
  .walletfuture_root .operation_box {
    color: #713FF5;
  }
  .walletfuture_root .wallet-table-top {
    border-radius: 5px;
    background-color: transparent;
  }
  .walletfuture_root .table-cell {
    padding: 12px 8px;
  }
  .walletfuture_root .wallet-table-top .table-cell {
    background-color: #f3f3f3;
  }
  .walletfuture_root .wallet-table-top .table-cell:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .walletfuture_root .wallet-table-top .table-cell:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .walletfuture_root .function_box {
    display: flex;
    gap: 16px;
    margin: 24px 0;
    align-items: center;
  }
  .walletfuture_root .search_box {
    padding: 10px 8px;
    display: flex;
    gap: 12px;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
  }
  .walletfuture_root .search_box .search_input {
    outline: 0;
    border: 0;
    background: transparent;
  }
  .walletfuture_root .hide_input {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #636363;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .walletfuture_root .checkbox_type_01 {
    display: none;
  }
  .walletfuture_root .checkbox_type_01 + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/wallet_checkbox01.png");
    padding-left: 36px;
    background-position: 0 3px;
    display: flex;
    align-items: center;
    margin: 0;
    height: 30px;
  }
  .walletfuture_root .checkbox_type_01:checked + label {
    background-repeat: no-repeat;
    background-image: url("../../images/hhm/wallet_checkbox02.png");
  }
  .walletfuture_root .wallet-table-row.hide_none {
    display: none;
  }
  .walletfuture_root .wallet-table-row.search_none {
    display: none;
  }
  .walletfuture_root .wallet-container {
    max-width: 1200px;
  }
  .walletfuture_root .currency_item {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .walletfuture_root .w24 {
    width: 32px;
    height: 32px;
  }
  .walletfuture_root .future_title {
    color: #000;
    padding-bottom: 5px;
    border-bottom: 2px solid #713FF5;
    width: fit-content;
    margin: 20px 0 30px;
  }
  .walletfuture_root .operation_item {
    color: #713FF5;
    cursor: pointer;
  }
  .walletfuture_root .table-wrap.h-auto {
    color: #686868;
  }
  /* .walletfuture darkmode */
  .walletfuture_root.darkmode .wallet-table-top .table-cell {
    background-color: #171717;
  }
  .walletfuture_root.darkmode .wallet-container {
    color: #fff;
  }
  .walletfuture_root.darkmode .wallet_main_btn {
    background-color: #202020;
    color: #585858;
    border-color: #595959;
  }
  .walletfuture_root.darkmode .search_box {
    background-color: #202020;
    border-color: #595959;
  }
  .walletfuture_root.darkmode .wallet-table-row {
    border-color: #525252;
  }
  .walletfuture_root.darkmode .wallet_main_btn.on {
    color: #000;
    background-color: #713FF5;
  }
  .walletfuture_root.darkmode .checkbox_type_01 + label {
    background-image: url("../../images/hhm/wallet_checkbox03.png");
  }
  .walletfuture_root.darkmode .future_title {
    color: #fff;
  }

  .transfer_body .exchange-box {
    padding: 24px;
    width: 572px;
    background-color: #252525;
    border-radius: 15px;
    position: relative;
    box-shadow: none !important;
  }
  .transfer_body .wallet-container {
    padding: 20px;
  }
  .transfer_body .exchangeinfo {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 100%;
  }
  .transfer_body .asset_quote {
    justify-content: start;
    padding: 0;
    margin: 10px 0 20px;
  }
  .transfer_body .coin_select_sub_wrap {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #2c2c2c;
    color: #fff;
    border: 0.3px solid #595959;
    border-radius: 10px;
  }
  .transfer_body .coin_select_sub_wrap .select_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .transfer_body .select_coin_img {
    width: 28px;
    height: 28px;
  }
  .transfer_body .exchangebtn {
  }
  .transfer_body .coin_selectwrap {
    width: 100%;
  }
  .transfer_body .exchangebtn {
    margin: 0;
    height: auto;
  }
  .transfer_body .exchangebtn img {
    width: 21px;
  }
  .transfer_body .asset-select {
    padding: 0;
    border: 0;
    text-align: left;
    background-color: transparent !important;
    width: fit-content;
    height: fit-content;
    -webkit-appearance: none; /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none /* 화살표 없애기 */;
    line-height: normal;
    font-size: 1.5rem;
    padding-top: 10px;
  }
  .transfer_body .convert_pop_title {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
    color: #fff;
    width: fit-content;
  }
  .transfer_body .exchange-title {
    width: 100%;
    color: #aaa;
  }
  .transfer_body .coin_select_sub_wrap .exchange-title {
    width: 100%;
    color: #aaa;
    position: absolute;
    top: 20px;
    left: 20px;
  }
  .transfer_body .exchange_center_wrap {
    display: flex;
    justify-content: space-between;
  }
  .transfer_body .asset_block2 {
    padding: 0;
    border: 0;
  }
  .transfer_body .asset_listbox {
    margin: 0;
    margin-top: 20px;
  }
  .transfer_body .assetbox3 .wallet-btn {
    width: fit-content;
    height: fit-content;
    transition: none;
    background-color: transparent;
    border-radius: 0;
    color: var(--main-co);
  }
  .transfer_body .exchange-input {
    background-color: transparent !important;
  }
  .transfer_body .currency_box {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin-top: 20px;
  }
  .transfer_body .currency_img {
    width: 29px;
    height: 29px;
  }
  .transfer_body .currency_item {
    position: relative;
    border-radius: 10px;
    background-color: #2c2c2c;
    border: 0.3px solid #535353;
    display: flex;
    gap: 8px;
    font-size: 1.5rem;
    color: #fff;
    padding: 14px 20px;
    flex-direction: column;
  }
  .transfer_body .select_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .transfer_body .assetbox3 {
  }
  .transfer_body .usdt_text {
    color: #a3a3a3;
    font-size: 1.5rem;
    margin: 0;
    margin-right: 10px;
    white-space: nowrap;
  }
  .transfer_body .usdt_text a {
    color: var(--main-co);
  }
  .transfer_body .exchange-btn {
    height: 55px;
    width: 100%;
    border-radius: 10px;
    background-color: var(--main-co);
    font-size: 1.5rem;
    font-weight: bold;
    color: #1c1b1b;
  }
  .transfer_body .exchange_btn_box {
    display: flex;
    gap: 18px;
  }
  .transfer_body .exchange_btn_box .confirm_btn {
    background-color: #713FF5;
    color: #000;
  }
  .transfer_body .exchange_btn_box .cancle_btn {
    background-color: #2c2c2c;
    color: #595959;
    border: 1px solid #595959;
  }
  .transfer_body .asset_list_flex_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #2c2c2c;
    border: 0.3px solid #535353;
    border-radius: 10px;
    padding: 14px 20px;
    width: 100%;
  }
  .transfer_body .close_btn {
    position: absolute;
    top: 35px;
    right: 32px;
    cursor: pointer;
  }
  .transfer_body .notosankr._24s {
    font-size: 2.5rem;
  }
  /* transfer_popup whitemode */
  .transfer_body .exchange-box.whitemode {
  }
  .transfer_body .exchange-box.whitemode {
    background-color: #fff;
    box-shadow: 0 4px 15.5px #b3b3b3;
    color: #000;
  }
  .transfer_body .exchange-box.whitemode .coin_select_sub_wrap {
    background-color: #ededed;
    border: 0.3px solid #f1f1f1;
  }
  .transfer_body .exchange-box.whitemode .asset_list_flex_box {
    background-color: #ededed;
    border: 0.3px solid #f1f1f1;
  }
  .transfer_body .exchange-box.whitemode .currency_item {
    background-color: #ededed;
    border: 0.3px solid #f1f1f1;
    color: #000;
  }
  .transfer_body .exchange-box.whitemode .exchange_btn_box .cancle_btn {
    background-color: #fff;
    color: #595959;
    border: 1px solid #eee;
  }

  .transfer_popup {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
  }
  .transfer_popup.none {
    display: none;
  }
  .transfer_popup .exchange-box {
    padding: 24px;
    width: 572px;
    background-color: #252525;
    border-radius: 15px;
    position: relative;
  }
  .transfer_popup .wallet-container {
    padding: 20px;
  }
  .transfer_popup .exchangeinfo {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 100%;
  }
  .transfer_popup .asset_quote {
    justify-content: start;
    padding: 0;
    margin: 10px 0 20px;
  }
  .transfer_popup .coin_select_sub_wrap {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #2c2c2c;
    color: #fff;
    border: 0.3px solid #595959;
    border-radius: 10px;
  }
  .transfer_popup .coin_select_sub_wrap .select_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .transfer_popup .select_coin_img {
    width: 28px;
    height: 28px;
  }
  .transfer_popup .exchangebtn {
  }
  .transfer_popup .coin_selectwrap {
    width: 100%;
  }
  .transfer_popup .exchangebtn {
    margin: 0;
    height: auto;
  }
  .transfer_popup .exchangebtn img {
    width: 21px;
  }
  .transfer_popup .asset-select {
    padding: 0;
    border: 0;
    text-align: left;
    background-color: transparent !important;
    width: fit-content;
    height: fit-content;
    -webkit-appearance: none; /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none /* 화살표 없애기 */;
    line-height: normal;
    font-size: 1.5rem;
    padding-top: 10px;
  }
  .transfer_popup .convert_pop_title {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, #FBC56F 0%, #C965F1 50%, #46CAF5 100%) 1;
    color: #fff;
    width: fit-content;
  }
  .transfer_popup .exchange-title {
    width: 100%;
    color: #aaa;
  }
  .transfer_popup .coin_select_sub_wrap .exchange-title {
    width: 100%;
    color: #aaa;
    position: absolute;
    top: 20px;
    left: 20px;
  }
  .transfer_popup .exchange_center_wrap {
    display: flex;
    justify-content: space-between;
  }
  .transfer_popup .asset_block2 {
    padding: 0;
    border: 0;
  }
  .transfer_popup .asset_listbox {
    margin: 0;
    margin-top: 20px;
  }
  .transfer_popup .assetbox3 .wallet-btn {
    width: fit-content;
    height: fit-content;
    transition: none;
    background-color: transparent;
    border-radius: 0;
    color: var(--main-co);
  }
  .transfer_popup .exchange-input {
    background-color: transparent !important;
  }
  .transfer_popup .currency_box {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin-top: 20px;
  }
  .transfer_popup .currency_img {
    width: 29px;
    height: 29px;
  }
  .transfer_popup .currency_item {
    position: relative;
    border-radius: 10px;
    background-color: #2c2c2c;
    border: 0.3px solid #535353;
    display: flex;
    gap: 8px;
    font-size: 1.5rem;
    color: #fff;
    padding: 14px 20px;
    flex-direction: column;
  }
  .transfer_popup .select_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .transfer_popup .assetbox3 {
  }
  .transfer_popup .usdt_text {
    color: #a3a3a3;
    font-size: 1.5rem;
    margin: 0;
    margin-right: 10px;
    white-space: nowrap;
  }
  .transfer_popup .usdt_text a {
    color: var(--main-co);
  }
  .transfer_popup .exchange-btn {
    height: 55px;
    width: 100%;
    border-radius: 10px;
    background-color: var(--main-co);
    font-size: 1.5rem;
    font-weight: bold;
    color: #1c1b1b;
  }
  .transfer_popup .exchange_btn_box {
    display: flex;
    gap: 18px;
  }
  .transfer_popup .exchange_btn_box .confirm_btn {
    background-color: #713FF5;
    color: #000;
  }
  .transfer_popup .exchange_btn_box .cancle_btn {
    background-color: #2c2c2c;
    color: #595959;
    border: 1px solid #595959;
  }
  .transfer_popup .asset_list_flex_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #2c2c2c;
    border: 0.3px solid #535353;
    border-radius: 10px;
    padding: 14px 20px;
    width: 100%;
  }
  .transfer_popup .close_btn {
    position: absolute;
    top: 35px;
    right: 32px;
    cursor: pointer;
  }
  .transfer_popup .notosankr._24s {
    font-size: 2.5rem;
  }
  /* transfer_popup whitemode */
  .transfer_popup .exchange-box.whitemode {
  }
  .transfer_popup .exchange-box.whitemode {
    background-color: #fff;
    box-shadow: 0 4px 15.5px #b3b3b3;
    color: #000;
  }
  .transfer_popup .exchange-box.whitemode .coin_select_sub_wrap {
    background-color: #ededed;
    border: 0.3px solid #f1f1f1;
  }
  .transfer_popup .exchange-box.whitemode .asset_list_flex_box {
    background-color: #ededed;
    border: 0.3px solid #f1f1f1;
  }
  .transfer_popup .exchange-box.whitemode .currency_item {
    background-color: #ededed;
    border: 0.3px solid #f1f1f1;
    color: #000;
  }
  .transfer_popup .exchange-box.whitemode .exchange_btn_box .cancle_btn {
    background-color: #fff;
    color: #595959;
    border: 1px solid #eee;
  }

  /* convert exchange */
  .exchange_root {
  }
  .exchange_root .exchange-box {
    max-width: 550px;
  }
  .exchange_root .back_btn {
    cursor: pointer;
    margin-bottom: 24px;
    font-size: 2.5rem;
    width: fit-content;
    color: #fff;
  }
  .exchange_root .wallet-container {
    padding: 44px 0 200px;
    display: flex;
    align-items: center;
  }
  .exchange_root .exchangeinfo {
    flex-direction: column;
    align-items: center;
    gap: 28px;
    width: 100%;
  }
  .exchange_root .asset_quote {
    display: none;
  }
  .exchange_root .coin_select_sub_wrap {
    width: fit-content;
    gap: 4px;
    display: flex;
    align-items: center;
    padding: 6px 20px 6px 6px;
    background-color: transparent;
    color: #fff;
    border: 0;
    border-radius: 99px;
    height: 42px;
    justify-content: end;
  }
  .exchange_root .select_coin_img {
    width: 32px;
    height: 32px;
  }
  .exchange_root .exchangebtn {
    border-radius: 99px;
    background-color: #2a2a2a;
    width: 40px;
    height: 40px;
  }
  .exchange_root .exchangebtn img {
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .exchange_root .asset-select {
    border: 0;
    padding: 0 8px;
    text-align: center;
    background-color: transparent !important;
    width: fit-content;
    height: fit-content;
    -webkit-appearance: none; /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none /* 화살표 없애기 */;
    font-size: 2rem;
    line-height: normal;
  }
  .exchange_root .convert_pop_title {
    font-size: 4rem;
    font-weight: bold;
    color: #fff;
    width: fit-content;
    line-height: 100%;
  }
  .exchange_root .exchange_root .wallet-container {
    margin-top: 120px;
  }
  .exchange_root .exchange-title {
    width: 100%;
    color: #aaa;
    font-size: 2rem;
    color: #404040;
  }
  .exchange_root .exchange_center_wrap {
    display: flex;
    justify-content: end;
    width: 100%;
    gap: 4px;
    flex-direction: column;
    align-items: end;
    margin-top: 12px;
  }
  .exchange_root .asset_block2 {
    padding: 0;
    border: 0;
  }
  .exchange_root .asset_listbox {
    margin: 0;
  }
  .exchange_root .assetbox3 .wallet-btn {
    width: fit-content;
    height: fit-content;
    transition: none;
    background-color: transparent;
    border-radius: 0;
    color: var(--main-co);
    font-size: 1.8rem;
    font-weight: bold;
  }
  .exchange_root .exchange-input {
    background-color: transparent !important;
    padding: 0;
    width: 100%;
  }
  .exchange_root .assetbox3 {
    flex-direction: row;
    height: 100%;
    width: auto;
  }
  .exchange_root .append_box3 {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-direction: row-reverse;
  }
  .exchange_root .append_box3 a {
    font-size: 1.2rem;
    color: var(--main-co);
  }
  .exchange_root .append_box3 .asset-txt {
    margin: 0;
  }
  .exchange_root .convert_btn {
    border-radius: 10px;
        background: linear-gradient(to right, #7049F4 0%, #3960D2 100%);

    color: #1c1b1b;
    font-size: 1.5rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    height: 55px;
  }
  .exchange_root .coin_selectwrap {
    gap: 8px;
    padding: 24px 20px;
    border-radius: 10px;
    background-color: #f9f9f9;
    width: 100%;
  }
  .exchange_root .append_box2 {
    display: flex;
    width: 100%;
    font-size: 2rem;
  }
  .exchange_root .exchangebtn {
    width: 76px;
    height: 76px;
  }
  .exchange_root .exchangebtn_img {
    opacity: 1;
    filter: none;
  }
  .exchange_root .append_box1 {
    flex: 1;
    width: 100%;
  }
  .exchange_root .asset-txt {
    justify-content: start;
    width: 100%;
  }
  .exchange_root .balance1_default_place {
    width: 100%;
  }
  .exchange_root .exchange-btn {
    border-radius: 5px;
    font-weight: bold;
  }
  .exchange_root .exchange-input {
    font-size: 2rem;
  }
  /* convert exchange whitemode */
  .exchange_root.whitemode .back_btn {
    color: #000;
  }
  .exchange_root.whitemode .convert_pop_title {
    color: #000;
  }
  .exchange_root.whitemode .coin_select_sub_wrap {
    background-color: transparent;
    border-color: transparent;
  }
  .exchange_root.whitemode .exchangebtn {
    background-color: #f5f5f5;
  }
  .exchange_root.whitemode .exchange-btn {
    color: #fff;
  }
  .exchange_root.darkmode .coin_selectwrap {
    background-color: #202020;
  }
  .exchange_root.darkmode .exchange-title {
    color: #ffffff;
  }
  .exchange_root.darkmode .exchangebtn_img.darkmode {
    background-color: transparent;
  }
  .exchange_root .amount.darkmode {
    background-color: transparent;
  }
  .exchange_root.darkmode .asset-select {
    background-color: #202020 !important;
  }

  /* transactions_root */
  .transactions_root .footer {
    display: none;
  }
  .transactions_root .time_range_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 30px;
  }
  .transactions_root .time_range_btn_box {
    display: flex;
    gap: 20px;
  }
  .transactions_root .range_radio_box {
    display: flex;
    gap: 6px;
    align-items: center;
  }
  .transactions_root .range_radio_box label {
    margin: 0;
  }
  .transactions_root .range_radio_box input[type="radio"] {
    accent-color: #713FF5;
  }
  .transactions_root input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    border: 1px solid #ccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
  }
  .transactions_root input[type="radio"]:checked {
    background-color: #713FF5;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #713FF5;
  }
  .transactions_root .line_text_box {
    display: flex;
    margin-top: 24px;
  }
  .transactions_root .line_text_box span {
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 1.5rem;
    position: relative;
  }
  .transactions_root .line_text_box span::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #333;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
  }
  .transactions_root .trading-history-title {
    color: #000;
  }
  .transactions_root .wallet-top-wrap {
    flex-direction: column;
  }
  /* transactions_root darkmode */
  .transactions_root.darkmode {
    background-color: #000;
    color: #fff;
  }
  .transactions_root.darkmode .trading-history-title {
    color: #fff;
  }
  .transactions_root.darkmode .wallet-select.darkmode {
    background-color: #000;
  }
  .transactions_root.darkmode .wallet-input.darkmode {
    background-color: #000;
  }
  .transactions_root.darkmode .wallet-table-top {
    background-color: #191919;
  }
  .transactions_root.darkmode .wallet-table {
    background-color: #000;
  }
  .transactions_root.darkmode .wallet-menu .wallet-link {
    background-color: #000;
  }
  /* deposit */
  .deposit_body .wallet-container {
    min-height: 900px;
  }
  /* deposit darkmode*/
  .deposit_body.darkmode .table-list {
    border-color: #525252;
  }

  /* withdrawal */
  .withdrawal_root .wallet-container {
    min-height: 1050px;
  }
  .withdrawal_root .detail_btn {
    color: var(--main-co);
  }

  .requestList_root .detail_btn {
    color: var(--main-co);
  }
  /* withdrawal darkmode*/
  .withdrawal_root.darkmode .table-list {
    border-color: #525252;
  }

  /* myasset */
  /* myasset darkmode*/
  .myasset_root.darkmode .wallet-table-row {
    border-color: #525252;
  }

  /* trade future,spot */
  .trade_root .footer {
    display: none;
  }
  .trade_root .call-price-box {
    justify-content: space-between;
  }
  .trade_root .w32 {
    width: 32px;
    height: 32px;
  }
  .trade_root .bit-txt-box {
    flex-direction: row;
    gap: 4px;
    align-items: center;
  }
  .trade_root .trade-top {
    gap: 60px;
  }
  .trade_root .price-volatility-txt {
    color: #000;
    font-weight: 500;
  }
  .trade_root .price-volatility-txt.coininfo {
    border-radius: 2px;
    background-color: transparent;
    color: #fff !important;
    padding: 4px;
    font-size: 0.9rem;
    width: fit-content;
  }
  .trade_root .price-volatility-txt.coininfo.down {
    background-color: #ec564e;
  }
  .trade_root .price-volatility-txt.coininfo.up {
    background-color: #00c186;
  }
  .trade_root #mainsise {
    font-weight: 500;
  }
  .trade_root .price-volatility-txt-2.funding.mobile-txt {
    font-weight: 500;
  }
  .trade_root .futures-tap {
    color: #939393;
    font-weight: bold;
    border-bottom: 4px solid transparent;
  }
  .trade_root .futures-tap.on {
    border-bottom: 4px solid #713FF5;
    color: #000;
  }
  .trade_root .trade-top-info {
    background-color: #eeeeee;
  }
  .trade_root .call-top-txt.w20.size-txt {
    z-index: 2;
  }
  .trade_root .call-top-txt.w20.size-txt.red {
    font-family: "Inter 18 Pt" !important;
    color: #f5352c;
    font-weight: 500;
  }
  .trade_root .call-top-txt.w20.size-txt.green {
    font-family: "Inter 18 Pt" !important;
    color: #00c186;
    font-weight: 500;
  }
  .trade_root .call-middle {
    position: relative;
    justify-content: start;
    background-color: #f6f6f6;
  }
  .trade_root .siseArrow {
    width: 0;
    height: 0;
    margin: 0 !important;
  }
  .trade_root .siseArrow.up {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #00c186;
    transform: rotate(-90deg);
  }
  .trade_root .siseArrow.down {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #f5352c;
    transform: rotate(90deg);
  }
  .trade_root .bit-info-box {
    width: 340px;
  }
  .trade_root .bg-color-stick.red {
    background-color: #fdd2d0;
  }
  .trade_root .bg-color-stick.green {
    background-color: #cff4e8;
  }
  .trade_root .call-top-txt.w40.size-txt.black {
    color: #4c4c4c;
    font-weight: bold;
    z-index: 2;
  }
  .trade_root .gage-box {
    gap: 0;
    border-radius: 0;
  }
  .trade_root .long-gage {
    background-color: #00c186;
    height: 8px;
  }
  .trade_root .short-gage {
    background-color: #f5352c;
    height: 8px;
  }
  .trade_root .inter-small {
    font-size: 1rem;
    font-weight: 500;
  }
  .trade_root .short {
    color: #f5352c;
  }
  .trade_root .position-block.short {
    color: #fff;
  }
  .trade_root .gage-bar-call {
    gap: 2px;
    margin-top: 9px;
    padding: 0 7px;
  }
  .trade_root .coin-name {
    font-size: 1.3rem;
  }
  .trade_root .order-info-txt-14s {
    font-size: 1.3rem;
  }
  .trade_root .tpsl-order-top {
    font-size: 1.3rem;
  }
  .trade_root .asset-mode-block {
    font-size: 1.1rem;
    padding: 4px 8px;
    border-radius: 99px;
    background-color: #713FF5;
  }
  .trade_root .futures-info-tap {
    color: #b1b1b1;
    font-weight: 500;
  }
  .trade_root .futures-info-tap.on {
    border-bottom: 4px solid #713FF5;
    font-weight: bold;
    color: #000;
  }
  .trade_root .asset-btn {
    background-color: #efefef;
    border-color: #bababa;
    color: #adadad;
    font-weight: bold;
  }
  .trade_root .order-info-txt.big {
    color: #7d7d7d;
  }
  .trade_root .order-info-txt.big-txt {
    color: #7d7d7d;
  }
  .trade_root .order-txt-box.mobile-none {
    padding: 0;
  }
  .trade_root .flex-box-spot {
    margin: 16px 0;
  }
  .trade_root .order-info-txt {
    color: #747474;
  }
  .trade_root .call-top-txt-box {
    margin: 10px 0;
  }
  .trade_root .call-middle-txt {
    font-size: 1.5rem;
  }
  .trade_root .call-middle-txt.sise {
    width: 74px;
  }
  .trade_root .currentprice_dollar {
    font-size: 1rem;
    color: #7e7e7e;
    margin-left: 30px;
    font-weight: bold;
  }
  .trade_root .futures-info-tap-box {
    height: 55px;
    gap: 32px;
  }
  .trade_root .futures-info-list-top {
    height: 60px;
    font-size: 1.5rem;
    color: #919191;
  }
  .trade_root .order-btn-box {
    gap: 10px;
    height: auto;
    margin-top: 10px;
  }
  .trade_root .order-btn-2 {
    font-size: 1.7rem;
    font-weight: 500;
  }
  .trade_root .futures-left {
    width: 32%;
    max-width: 458px;
  }
  .trade_root .call-box {
    width: 34%;
    max-width: 230px;
    min-width: 120px;
  }
  .trade_root .trade-wrap {
    min-width: 100%;
  }
  .trade_root .chart {
    width: 100%;
    flex: 1;
    min-width: auto;
  }
  .trade_root .price-bit-txt .price-volatility {
    display: none;
  }
  .trade_root .flex-box-ls {
    gap: 4px;
  }
  .trade_root .flex-box-ls .idshortFee {
    font-weight: 500;
  }
  .trade_root .flex-box-ls .idlongFee {
    font-weight: 500;
  }
  .trade_root .tpsl-order-top-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .trade_root .input-box-order {
    position: relative;
    background-color: #efefef;
  }
  .trade_root .absolute_title {
    position: absolute;
    top: 6px;
    left: 12px;
    font-size: 1.2rem;
    color: #8c8c8c;
  }
  .trade_root .order-input {
    color: #474747;
  }
  .trade_root .spot-label {
    color: #8c8c8c;
  }
  .trade_root .input-box-order.spot {
    height: 60px;
  }
  .trade_root .input-box-order.spot .order-input-txt {
    padding-top: 24px;
  }
  .trade_root .order-input.spot-input {
    padding-top: 24px;
  }
  .trade_root .order-top {
    font-weight: 500;
    justify-content: start;
    gap: 8px;
  }
  .trade_root .order-input-txt {
    color: #adadad;
  }
  .trade_root .order-tap.on {
    border-color: #713FF5;
  }
  .trade_root .order-tap {
    font-weight: 500;
  }
  .trade_root .bit-info-box {
    gap: 18px;
  }
  .trade_root .bit-info-box .price-bit-txt {
    width: 80px;
    white-space: nowrap;
  }
  .trade_root .futures-list-txt {
    justify-content: start;
    padding-left: 12px;
    padding-right: 0;
    text-align: left !important;
  }
  .trade_root .futures-list .futures-list-txt {
    color: #363636;
    font-weight: 500;
  }
  .trade_root .bit-dropdown-box {
    width: auto;
    display: block;
  }
  .trade_root .w22 {
    width: 22px;
    height: 22px;
  }
  .trade_root .avail a {
    line-height: normal;
  }
  .trade_root .avail .qtycoinm {
    line-height: normal;
  }
  .trade_root .futures-list .futures-list-txt:first-child {
    gap: 4px;
  }
  .trade_root .use-bonus {
    opacity: 0;
    user-select: none;
  }
  .trade_root .trade-history-list {
    height: 45.95px;
  }
  .trade_root .ableWithdrawWallet {
    font-weight: bold;
  }
  .trade_root .mobile_top_left_box {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
  }
  .trade_root .mobile_top_right_box {
    display: none;
  }
  .trade_root .futures-info-box.futures {
    flex: 1;
  }
  .trade_root #qtyUSDT {
    font-weight: bold;
  }
  .trade_root .coin-info-box {
    cursor: pointer;
  }
  .trade_root .pop_warn.long {
    color: var(--green);
  }
  /* coinpop */
  .trade_root .trade_coinsub {
    padding: 20px;
    font-weight: 500;
    min-height: 470px;
  }
  .trade_root .search_box {
    width: 100%;
    border: 1px solid transparent;
    position: relative;
    border-radius: 4px;
    padding: 6px 30px;
    background-color: rgba(0, 0, 0, 0.04);
  }
  .trade_root .search_box input {
    width: 100%;
    outline: 0;
    position: relative;
    background-color: transparent;
    font-weight: 500;
    border: 0;
  }
  .trade_root .search_box img {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
  .trade_root .coin_title_box {
    display: flex;
    align-items: start;
    flex: 1;
    gap: 8px;
    width: 100%;
  }
  .trade_root .coin_title_box .coin-img-drop {
    display: none;
  }
  .trade_root .runtimequote-txt {
    min-width: 60px;
    width: 28%;
    margin: 0;
    text-align: right;
    justify-content: end;
  }
  .trade_root .coinsub_infotxt {
    min-width: 60px;
    width: 100%;
    margin: 0;
  }
  .trade_root .coinsub_toptxt {
    min-width: 60px;
    width: 28%;
    margin: 0;
    font-size: 1.2rem;
    text-align: right;
  }
  .trade_root .coinsub_info {
    width: 28%;
    text-align: right;
    justify-content: end;
  }
  .trade_root .coinsub_toptxt.coin {
    margin: 0;
    text-align: left;
    display: flex;
    gap: 4px;
    flex: 1;
  }
  .trade_root .text-block-15 {
    font-size: 1.3rem;
  }
  .trade_root .coinsub_trade_tab_box {
    width: 100%;
    border-bottom: 1px solid #aaa;
    display: flex;
    font-size: 1.2rem;
    margin: 12px 0;
    gap: 16px;
    margin-bottom: 4px;
  }
  .trade_root .coinsub_trade_tab {
    padding-bottom: 4px;
    color: #666;
  }
  .trade_root .coinsub_tab {
    margin: 0;
    border: 0;
  }
  .trade_root .coinsub_trade_tab.on {
    position: relative;
    color: #000;
  }
  .trade_root .coinsub_trade_tab.on::after {
    position: absolute;
    content: "";
    z-index: 2;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #713FF5;
    bottom: -1px;
    right: 0;
  }
  .trade_root .coin-top {
    padding: 0;
    height: 36px;
    border: 0;
  }
  .trade_root .tab {
    font-weight: 500;
    padding: 0;
    text-align: left;
    font-size: 1.2rem;
  }
  .trade_root .tab.on {
    padding: 0;
    border: 0;
    font-size: 1rem;
    font-weight: bold;
  }
  .trade_root .coin_title_box .star {
    width: 13px;
    padding-top: 4px;
  }
  .trade_root .coin_title_box .star.on {
    width: 13px;
    padding-top: 4px;
  }
  .trade_root .coin_title_box .empty_star {
    width: 13px;
    padding-top: 4px;
  }
  .trade_root .coin_title_box .empty_star.on {
    width: 13px;
    padding-top: 4px;
  }
  .trade_root .trade_coinsublist {
    padding: 0;
  }
  .trade_root .coin_title_text_item {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .trade_root .sortable {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: end;
  }
  .trade_root .trade_coinsublist {
    border: 0;
  }
  .trade_root .quantitybar {
    background-color: #ccc;
  }
  .trade_root .append_cancel_btn {
    border-radius: 5px;
    padding: 4px 8px;
    background-color: #eee;
  }
  .trade_root.darkmode .append_cancel_btn {
    background-color: #2d2d2d;
    color: #fff;
  }
  .trade_root .order_tpsl_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }
  .trade_root .order_tpsl_box .tpsl_edit_img {
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  /* spot tradepop */
  .spot_trade_root .coin_title_box img {
    display: block;
    margin: 0;
  }
  .spot_trade_root .coin_title_box {
    align-items: center;
  }
  .spot_trade_root .trade_coinsub {
    min-height: 0;
    height: 360px;
  }
  .spot_trade_root .search_box {
    background-color: transparent;
    border: 1px solid #ddd;
  }
  .spot_trade_root .tab.on {
    background: #eee;
    width: auto;
    padding: 0 5px;
    margin-top: 2px;
  }
  .spot_trade_root .coin_title_box .coin-img-drop {
    display: block;
  }
  /* tradepop darkmode */
  .trade_root .darkmode .search_box {
    background-color: rgba(255, 255, 255, 0.07);
  }
  .trade_root .darkmode .coinsub_trade_tab.on {
    color: #fff;
  }
  .trade_root .darkmode .coinsub_trade_tab_box {
    border-color: #333;
  }
  .spot_trade_root.darkmode .search_box {
    background-color: transparent;
    border: 1px solid #333;
  }
  .spot_trade_root.darkmode .tab.on {
    background: #2d2d2d;
  }
  .trade_root.darkmode .tpsl_pop .tpsl_poptitle {
    color: #fff;
  }
  .trade_root.darkmode .tpsl_pop .tpsl_popinput {
    background-color: #ffffff0f;
    border-radius: 8px;
  }
  .trade_root.darkmode .tpsl_pop .reset-btn.darkmode {
    color: #713FF5;
  }
  /* trade sort */
  .trade_root .sort-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 0px;
    vertical-align: middle;
    opacity: 1;
    transition:
      opacity 0.3s,
      border-color 0.3s;
    position: relative;
  }
  .trade_root .sort-arrow::before,
  .trade_root .sort-arrow::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
  }
  .trade_root .sort-arrow::after {
    border-top-color: #7f7e7e;
    bottom: -4px;
  }
  .trade_root .sort-arrow.asc::after {
    border-top-color: var(--main-co);
  }
  .trade_root .sort-arrow::before {
    border-bottom-color: #7f7e7e;
    top: -4px;
  }
  .trade_root .sort-arrow.desc::before {
    border-bottom-color: var(--main-co);
  }
  .trade_root .sortable.active .sort-arrow {
    opacity: 1;
  }

  /* levpop */
  .leverage_block {
  }
  .leverage_block .form-15 {
    position: relative;
    margin: 0;
  }
  .leverage_block .lev_absolute_title {
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 1.2rem;
    color: #aaa;
  }
  .leverage_block .lev_absolute_x {
    position: absolute;
    bottom: 15px;
    right: 10px;
    font-size: 1.8rem;
    color: #aaa;
  }
  .leverage_block .w-input {
    border-radius: 8px;
    padding: 28px 10px 10px;
    color: #000;
    font-weight: 500;
    margin: 0;
    height: auto;
  }
  .lev_warning_text {
    font-size: 1.2rem;
    color: #f5352c;
    width: 100%;
    text-align: left;
    margin-bottom: 16px;
  }
  .lev_info_text {
    font-size: 1.2rem;
    color: #aaa;
    line-height: normal;
  }
  .leverage_title {
    font-size: 2rem;
    margin-bottom: 24px;
    font-weight: bold;
  }
  .lev_warning_text.hide {
    opacity: 0;
    user-select: none;
  }
  .lev_close_btn {
    position: absolute;
    top: 24px;
    right: 22px;
    cursor: pointer;
  }
  .lev_close_btn img {
    object-fit: contain;
  }
  .darkmode .leverage_block .w-input {
    color: #fff;
  }
  .darkmode .leverage_block .cancle {
    color: #fff;
  }
  /* marginmodepop */
  .modepop {
  }
  .modepop_box {
    border-radius: 15px;
  }
  .modepop_box .modepop_btn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    letter-spacing: 0;
  }
  .modepop_box .mode_box_title {
    color: #000;
    font-size: 1.4rem;
  }
  .modepop_box .mode_box_text {
    color: #666;
    font-size: 1.1rem;
    line-height: normal;
  }
  .modepop_box .modepop_btnarea {
    height: auto;
    flex-direction: column;
    gap: 16px;
  }
  .modepop_box .modepop_btn {
    border-radius: 8px;
    background-color: #fafafa;
    width: 100%;
    align-items: start;
    padding: 16px;
  }
  .modepop_box .modepop_btn.click {
    background-color: #fafafa;
    border-color: #713FF5;
  }
  .modepop_box .cancel {
    background: #fff;
    color: #8f8e92;
    border: 1px solid #eee;
  }
  .modepop_box .title6 {
    font-size: 2rem;
  }

  .trade_root.darkmode .modepop_box .modepop_btn.click {
    background-color: #1d202d;
  }
  .trade_root.darkmode .modepop_box .modepop_btn {
    background-color: #1d202d;
  }
  .trade_root.darkmode .modepop_box .modepop_btn .mode_box_title {
    color: #fff;
  }
  .trade_root.darkmode .modepop_box .modepop_btn .mode_box_text {
    color: #a7a7a7;
  }
  .trade_root.darkmode .modepop_box .cancel {
    background: transparent;
    color: #fff;
    border: 1px solid #555;
  }
  .trade_root.darkmode .modepop_box .modepop_btn.mtypecross {
    background-color: #1d202d;
  }

  .spot_trade_root {
  }
  .spot_trade_root .order-info-txt.big-txt {
    margin-bottom: 0;
  }
  .spot_trade_root .flex-txt-box {
    margin-top: 4px;
  }
  .spot_trade_root .order-input {
    padding-top: 24px;
  }
  .spot_trade_root .input-box-order {
    height: 60px;
  }
  .spot_trade_root .order-input-txt {
    padding-top: 24px;
  }
  .spot_trade_root .futures-tap {
    height: 40px;
  }
  /* trade future,spot darkmode */
  .spot_trade_root.darkmode .futures-info-list-top .futures-list-txt {
    color: #fff;
  }

  .trade_root.darkmode {
    background-color: #151924;
  }
  .trade_root .darkmode {
    background-color: #151924;
  }
  .trade_root.darkmode .price-volatility-txt {
    color: #fff;
    width: auto;
  }
  .trade_root.darkmode .bg-color-stick.red {
    background-color: #421715;
  }
  .trade_root.darkmode .bg-color-stick.green {
    background-color: #151924;
  }
  .trade_root.darkmode .trade-top-info {
    background-color: #151924;
  }
  .trade_root.darkmode .call-box {
    background-color: #151924;
    border: 1px solid #323232;
    border-radius: 2px;
  }
  .trade_root.darkmode .futures-tap {
    background-color: #151924;
  }
  .trade_root.darkmode .call-middle {
    background-color: #151924;
  }
  .trade_root.darkmode .call-top {
    border: 0;
  }
  .trade_root.darkmode .call-top-txt {
    background-color: transparent !important;
  }
  .trade_root.darkmode .futures-left.spot-exchange.darkmode {
    background-color: #151924;
    border: 1px solid #323232;
    border-radius: 2px;
  }
  .trade_root.darkmode .futures-info-box.futures.darkmode {
    flex: 1;
    background-color: #151924;
    border: 1px solid #323232;
    border-radius: 2px;
  }
  .trade_root.darkmode .order-tap.on.darkmode {
    background-color: transparent !important;
  }
  .trade_root.darkmode .order-info-txt-14s {
    color: #8c8c8c;
  }
  .trade_root.darkmode .flex-left-box.darkmode {
    color: #8c8c8c;
    background-color: transparent;
  }
  .trade_root.darkmode .order-info-txt-14s {
    color: #8c8c8c;
  }
  .trade_root.darkmode .asset-mode-block {
    background-color: #713FF5;
  }
  .trade_root.darkmode .input-box-order {
    background-color: #222222;
  }
  .trade_root.darkmode .w-input[readonly].darkmode {
    background-color: transparent;
  }
  .trade_root.darkmode .asset-btn {
    background-color: #1d1d1d;
    border: 1px solid #3b3b3b;
    color: #fff;
  }
  .trade_root.darkmode .order-info-span {
    color: #747474;
  }
  .trade_root.darkmode .order-info-txt.big-txt {
    background-color: transparent;
  }
  .trade_root.darkmode .deal-btn.darkmode {
    background-color: #1d1d1d;
    border: 1px solid #3b3b3b;
    color: #fff;
  }
  .trade_root.darkmode .position-txt-span.darkmode {
    background-color: transparent;
  }
  .trade_root.darkmode .tl-txt.darkmode {
    background-color: transparent;
  }
  .trade_root.darkmode .deal-info-txt.darkmode {
    background-color: transparent;
  }
  .trade_root.darkmode .iso-txt {
    background-color: transparent;
  }
  .trade_root.darkmode .title6 {
    background-color: transparent;
  }
  .trade_root.darkmode .order-input-txt {
    background-color: transparent;
  }
  .trade_root.darkmode .order-top-btn.darkmode {
    background-color: transparent;
  }
  .trade_root.darkmode .use-bonus.darkmode {
    background-color: #3b3b3b;
  }
  .trade_root.darkmode .order-tap-box.darkmode {
    background-color: transparent;
    border: 0;
  }
  .trade_root.darkmode .call-middle-txt.sise {
    background-color: transparent;
  }
  .trade_root.darkmode .futures-info-tap-box {
    background-color: transparent;
  }
  .trade_root.darkmode .futures-list-txt {
    background-color: transparent;
  }
  .trade_root.darkmode .call-top-txt.w40.size-txt.black {
    color: #fff;
  }
  .trade_root.darkmode .order-input.darkmode {
    color: #fff;
    background-color: transparent;
  }
  .trade_root.darkmode .image-38 {
    opacity: 1;
    filter: none;
  }
  .trade_root.darkmode .flex-box-ls {
    background-color: transparent;
  }
  .trade_root.darkmode .futures-info-tap.on.darkmode {
    background-color: transparent;
  }
  .trade_root.darkmode .quantitybar_circle_item::after {
    background-color: #6e6e6e;
  }
  .trade_root.darkmode .quantitybar_circle_item.on::after {
    background-color: #713FF5;
  }
  .trade_root.darkmode .ordertxt {
    color: #737373;
  }
  .trade_root.darkmode .order-txt-box.line-top {
    border: 0;
  }
  .trade_root.darkmode .mtypecross {
    background-color: #3b3b3b;
  }
  .trade_root.darkmode .leverage_block.mob.black.darkmode {
    background-color: #151924;
  }
  .trade_root.darkmode .asset-mode-block {
    color: #000;
  }
  .trade_root.darkmode .tradingpop.quick.darkmode {
    background-color: #151924;
  }
  .trade_root.darkmode .quantitybar {
    background-color: #6e6e6e;
  }
  .trade_root.darkmode .quantitybar-3 {
    background-color: transparent;
  }
  .trade_root.darkmode .futures-info-tap-box {
    border: 0;
  }
  .trade_root.darkmode .futures-list {
    border: 0;
  }
  .trade_root.darkmode .futures-info-list-top {
    border: 0;
  }
  .trade_root.darkmode .spot-btn.buy {
    background-color: #222;
  }
  .trade_root.darkmode .spot-btn.sell {
    background-color: #222;
  }
  .trade_root.darkmode .spot-btn.sell.on {
    background-color: var(--red);
  }
  .trade_root.darkmode .spot-btn.buy.on {
    background-color: var(--green);
  }
  .trade_root.darkmode .ableWithdrawWallet {
    color: #fff;
  }
  .trade_root.darkmode .futures-tap.on {
    color: #fff;
  }
  .trade_root.darkmode .futures-list .futures-list-txt {
    color: #747474;
  }
  .trade_root.darkmode .order-info-txt.big {
    color: #fff;
  }
  .trade_root.darkmode .order-info-txt.big-txt {
    color: #fff;
  }
  .trade_root.darkmode .tradingpop {
    color: #fff;
  }
  .trade_root.darkmode .tradepop .text-field-13-copy.darkmode {
    background-color: #222222;
  }
  .trade_root.darkmode #qtyUSDT {
    color: #fff;
  }
  .trade_root.darkmode .futures-info-tap.on {
    color: #fff;
  }
  .trade_root.darkmode {
  }
  .trade_root.darkmode {
  }
  .trade_root.darkmode {
  }
  .trade_root.darkmode {
  }
  .trade_root.darkmode {
  }
  .trade_root.darkmode {
  }
  .trade_root.darkmode {
  }
}

@media screen and (max-width: 991px) {
  .wallet-menu {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .pc_hide {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .mo_hide {
    display: none !important;
  }
}

/* pc&mobile 공통 css */
.p2p_mbtn {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.quantitybar_circle_box {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.quantitybar_circle_item {
  position: relative;
  width: 0;
  height: 0;
}
.quantitybar_circle_item::after {
  content: "";
  position: absolute;
  border-radius: 99px;
  width: 6px;
  height: 6px;
  background-color: #cccccc;
  transform: translate(-50%, -25%);
  top: 0;
  left: 0;
}
.quantitybar_circle_item:first-child::after {
  left: 3px;
}
.quantitybar_circle_item:last-child::after {
  left: -3px;
}
.quantitybar_circle_item.on::after {
  background-color: #713FF5;
}
.quantitybar_percentbar {
  height: 2px !important;
}

/* range input 공통 */
.trade_root input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent !important;
  cursor: pointer;
  width: 100%;
  border: 8px solid transparent;
  border-left: 0;
  border-right: 0;
}
.trade_root .darkmode input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent !important;
  cursor: pointer;
  width: 100%;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 11px !important;
  height: 11px !important;
  border-radius: 99px;
  background: #713FF5 !important; /* 배경색을 흰색으로 변경 */
  box-shadow: 0 1px 1.8px 0 #000000 !important;
  border: 1px solid #fff !important;
  margin-top: 0px;
  /* 터치 관련 속성 추가 */
  touch-action: none; /* 손잡이 위에서는 어떤 터치 동작도 브라우저가 처리하지 않도록 함 */
  -webkit-tap-highlight-color: transparent;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 11px !important;
  height: 11px !important;
  border-radius: 99px;
  background: #713FF5 !important; /* 배경색을 흰색으로 변경 */
  box-shadow: 0 1px 1.8px 0 #000000 !important;
  border: 1px solid #fff !important;
  margin-top: 0px;
}

input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 11px !important;
  height: 11px !important;
  border-radius: 99px;
  background: #713FF5 !important; /* 배경색을 흰색으로 변경 */
  box-shadow: 0 1px 1.8px 0 #000000 !important;
  border: 1px solid #fff !important;
  margin-top: 0px;
}

/* withrawlpop */
.withrawlpop .withrawlblock.darkmode .popup-input.darkmode {
  border: 1px solid #666;
}
.withrawlpop .withrawlblock.darkmode .image-38 {
  filter: invert(0);
}

/* pc&mobile 공통 다크/화이트모드 */
.common_trade_history_root.darkmode {
  background: #000;
}
.common_trade_history_root.darkmode .trading-history-title {
  color: #fff;
}
.common_trade_history_root.darkmode .notosankr._16s.white-op5 {
  color: #fff;
}
.common_trade_history_root.darkmode .notosankr._16s.white {
  color: #fff;
}
.common_trade_history_root.darkmode .wallet-input {
  color: #fff;
}
.common_trade_history_root.darkmode .wallet-table-top {
  background-color: #191919;
}
.common_trade_history_root.darkmode .line_text_box span::after {
  border-color: #eee;
}
.common_trade_history_root.darkmode .trading-history-btn {
  color: #fff;
}
.common_trade_history_root.darkmode .date_click_btn {
  background-color: #333;
  color: #fff;
}
.common_trade_history_root.darkmode {
}

.myads_root #editPop {
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.myads_root .quick-edit {
  background-color: #fff;
  padding: 20px;
}

/* p2p darkmode */
.p2pads_body.darkmode {
  background-color: #000;
}
.p2pads_body.darkmode .p2p-menu-btn.on {
  color: #fff;
}
.p2pads_body.darkmode .p2p-drop-down {
  color: #fff;
}
.p2pads_body.darkmode .p2p_mbtn {
  color: #fff;
}
.p2pads_body.darkmode .table_warp {
  background-color: #000;
}
.p2pads_body.darkmode .asset_tablelist:hover {
  background-color: #222;
}
.p2pads_body.darkmode .asset_tablelist .list_block1.p2p {
  color: #fff;
}
.p2pads_body.darkmode .method_txt {
  background-color: #373737;
  color: #939393;
  border: 0;
}
.p2pads_body.darkmode .buylist_popsection1 {
  color: #fff;
}
.p2pads_body.darkmode .buylist_popbox {
  background-color: #373737;
}
.p2pads_body.darkmode .buylist_popsection2 {
  color: #fff;
  background-color: #373737;
}
.p2pads_body.darkmode .text-field-27 {
  background-color: #555;
  color: #fff;
}
.p2pads_body.darkmode .buylist_popinput {
  background-color: #555;
  color: #fff;
}
.p2pads_body.darkmode .pop-select {
  background-color: #555;
  color: #fff;
}
.p2pads_body.darkmode .dropdown-list.w--open {
  background-color: #000;
}
.p2pads_body.darkmode .w-dropdown-link {
  color: #fff;
}
.p2pads_body.darkmode .listtext1.right.p2p {
  color: #fff;
}
.p2pads_body.darkmode .image-38 {
  filter: none;
}
.p2pads_body.darkmode .p2p-btn-wrap {
  background-color: #464646;
}
.p2pads_body.darkmode .p2p_tabletop .listtext1.right.p2p {
  color: #6b6b6b;
}
.p2pads_body.darkmode .amount-input {
  color: #fff;
}
.p2pads_body.darkmode .p2p-select {
  color: #fff;
  background-color: #000;
}
.p2pads_body.darkmode .select-amount {
  color: #fff;
  background-color: #000;
}
/* thidpay darkmode 공통 */
.thidpay_root.darkmode {
  background-color: #000;
}
.thidpay_root.darkmode .darkmode {
  background-color: #000;
}
.thidpay_root.darkmode .p2p-menu-btn.on {
  color: #fff;
}
.thidpay_root.darkmode .thid-btn.on {
  color: #fff;
}
.thidpay_root.darkmode .crypto-txt2 {
  color: #fff;
}
.thidpay_root.darkmode .input-txt {
  background-color: #191919;
  color: #fff;
}
.thidpay_root.darkmode .boxcrypto {
  background-color: #191919;
  color: #fff;
}
.thidpay_root.darkmode .crypto-txt {
  color: #fff;
}
.thidpay_root.darkmode .partner-item {
  background-color: #666;
  color: #fff;
  border: 1px solid #333;
}
.thidpay_root.darkmode .payment-detail {
  color: #fff;
}
.thidpay_root.darkmode .thid-party-check-box {
  color: #fff;
}
.thidpay_root.darkmode .half-black {
  color: #fff;
}
.thidpay_root.darkmode .p2p-drop-down {
  color: #fff;
}
.thidpay_root.darkmode .p2p_mbtn {
  color: #fff;
}
.thidpay_root.darkmode .small-txt-crypto {
  color: #fff;
}
.thidpay_root.darkmode .dropdown-list.w--open {
  background-color: #000;
  color: #fff;
  border: 1px solid #333;
}
.thidpay_root.darkmode .w-dropdown-link {
  color: #fff;
}

/* postads_root darkmode 공통 */
.postads_root.darkmode {
  background-color: #000;
}
.postads_root.darkmode .darkmode {
  background-color: #000;
}
.postads_root.darkmode .p2p-menu-btn.on {
  color: #fff;
}
.postads_root.darkmode .thid-btn.on {
  color: #fff;
}
.postads_root.darkmode .dropdown-list.w--open {
  background-color: #000;
  color: #fff;
  border: 1px solid #333;
}
.postads_root.darkmode .w-dropdown-link {
  color: #fff;
}
.postads_root.darkmode .p2p-drop-down {
  color: #fff;
}
.postads_root.darkmode .p2p_mbtn {
  color: #fff;
}
.postads_root.darkmode .ad-wrap2 {
  color: #fff;
}
.postads_root.darkmode .ad-btn-box {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .ad-select {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .fee {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .ad-input {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .ad-input-box {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .notes-text-area {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .payment-method-top {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .posted-box {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .max-btn-ads {
  background-color: #191919;
  color: #fff;
}
.postads_root.darkmode .ad-type-btn {
  color: #fff;
}
.postads_root.darkmode .price {
  color: #fff;
}
.postads_root.darkmode .post-top {
  color: #fff;
}
.postads_root.darkmode .pm-btn {
  color: #fff;
}
.postads_root.darkmode .txt-g.small {
  color: #fff;
}

/* myads_root darkmode 공통 */
.myads_root.darkmode {
  background-color: #000;
}
.myads_root.darkmode .darkmode {
  background-color: #000;
}
.myads_root.darkmode .p2p-menu-btn.on {
  color: #fff;
}
.myads_root.darkmode .thid-btn.on {
  color: #fff;
}
.myads_root.darkmode .dropdown-list.w--open {
  background-color: #000;
  color: #fff;
  border: 1px solid #333;
}
.myads_root.darkmode .w-dropdown-link {
  color: #fff;
}
.myads_root.darkmode .p2p-drop-down {
  color: #fff;
}
.myads_root.darkmode .p2p_mbtn {
  color: #fff;
}
.myads_root.darkmode .p2p-btn-wrap {
  background-color: #464646;
}
.myads_root.darkmode .ads-tap {
  color: #fff;
}
.myads_root.darkmode .ads-tap.on {
  color: #000;
}
.myads_root.darkmode .wallet-table-top {
  background-color: #191919;
  color: #fff;
}
.myads_root.darkmode .table_warp {
  background-color: #000;
}
.myads_root.darkmode .quick-edit {
  background: #000;
  color: #fff;
  border: 1px solid #333;
}
.myads_root.darkmode .quick-edit input {
  background: #191919;
  color: #fff;
}

/* p2porders_root darkmode 공통 */
.p2porders_root.darkmode {
  background-color: #000;
}
.p2porders_root.darkmode .darkmode {
  background-color: #000;
}
.p2porders_root.darkmode .p2p-menu-btn.on {
  color: #fff;
}
.p2porders_root.darkmode .thid-btn.on {
  color: #fff;
}
.p2porders_root.darkmode .dropdown-list.w--open {
  background-color: #000;
  color: #fff;
  border: 1px solid #333;
}
.p2porders_root.darkmode .w-dropdown-link {
  color: #fff;
}
.p2porders_root.darkmode .p2p-drop-down {
  color: #fff;
}
.p2porders_root.darkmode .p2p_mbtn {
  color: #fff;
}
.p2porders_root.darkmode .wallet-table-top {
  background-color: #191919;
  color: #fff;
}
.p2porders_root.darkmode .table_warp {
  background-color: #000;
}
.p2porders_root.darkmode .view-btn {
  background-color: #191919;
  color: #fff;
}
.p2porders_root.darkmode .search-text-field {
  background-color: #000;
  color: #fff;
}
.p2porders_root.darkmode .search-box {
  background-color: #000;
  color: #fff;
  border: 1px solid var(--main-co);
}
.p2porders_root.darkmode .wallet-input {
  color: #fff;
}
.p2porders_root.darkmode .wallet-select {
  background-color: #000;
}

/* usercenter_root darkmode 공통 */
.usercenter_root.darkmode {
  background-color: #000;
}
.usercenter_root.darkmode .darkmode {
  background-color: #000;
}
.usercenter_root.darkmode .p2p-menu-btn.on {
  color: #fff;
}
.usercenter_root.darkmode .thid-btn.on {
  color: #fff;
}
.usercenter_root.darkmode .dropdown-list.w--open {
  background-color: #000;
  color: #fff;
  border: 1px solid #333;
}
.usercenter_root.darkmode .w-dropdown-link {
  color: #fff;
}
.usercenter_root.darkmode .p2p-drop-down {
  color: #fff;
}
.usercenter_root.darkmode .p2p_mbtn {
  color: #fff;
}
.usercenter_root.darkmode .p2p-wrap.user.line {
  box-shadow: 0 0 6px #fff3;
}
.usercenter_root.darkmode .txt-g {
  color: #fff;
}
.usercenter_root.darkmode .payment-method-top {
  background-color: #191919;
  color: #fff;
}
.usercenter_root.darkmode .pm-btn {
  color: #fff;
}
.usercenter_root.darkmode .add-now-box {
  color: #fff;
  background-color: #000;
  border-color: #ffffff26;
}
.usercenter_root.darkmode .pop-select {
  background-color: #191919;
  color: #fff;
}
.usercenter_root.darkmode .input-addnow {
  background-color: #191919;
  color: #fff;
}
.usercenter_root.darkmode .image-38 {
  filter: invert(0);
}
/* top 공통 */
.topbtn_drop.lang {
  width: auto;
}

/* app download */
.app_download_root .section {
  background-image: url("../../images/hhm/app-page-1-back.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 1500px;
  height: auto;
  min-height: 85vh;
  padding-top: 3.5vw;
  display: flex;
}
.app_download_root .download-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 320px;
  padding-top: 10%;
  display: flex;
  position: relative;
}
.app_download_root .download-txt {
  color: #fff;
  margin: 0;
  font-family:
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
}
.app_download_root .download-txt2 {
  color: #fff;
  text-align: center;
}
.app_download_root .button-84 {
  /* background-color: #01588e; */
  background: linear-gradient(90deg, #7D2AC3 0%, #0039B3 100%);
  border-radius: 5vw;
  justify-content: center;
  align-items: center;
  /* width: 250px;
  height: 50px; */
  padding:30px 40px;
  min-height: 50px;
  margin-top: 1%;
  font-size: 24px;
  font-weight: 400;
  display: flex;
  position: relative;
}
.app_download_root .section-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 1500px;
  min-height: 65vh;
  display: flex;
  background-color:#25242A;
}
.app_download_root .app-installation-txt {
  text-align: center;
  background-image: url("../../images/hhm/Vector-line.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  margin: 5% 0 0 0%;
  color:#fff;
}
.app_download_root .txt-box-d {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  padding-left: 0%;
  display: flex;
}
.app_download_root .app-ins {
  /* background-color: #f1f1f1; */
  background: linear-gradient(90deg, #59209E 0%, #222D64 50%, #25242A 100%);
  border-radius: 5px;
  flex-flow: column;
  width: 464px;
  height: 150px;
  margin-bottom: 5%;
  padding-top: 1%;
  padding-left: 2.5%;
  display: flex;
}
.app_download_root .app-ins._2 {
  border-radius: 5px;
  margin-left: 2.8%;
}
.app_download_root .heading-21 {
  color: #fff;
  margin: 0;
}
.app_download_root .text-block-124 {
  margin-top: 1%;
  color:#fff;
}
.app_download_root .text-span-79,
.text-span-80 {
  color: #fff;
  font-weight: 700;
}
.app_download_root .askicon {
  width: 100px;
  height: 100px;
}
.app_download_root .askicon:hover {
  border-radius: 25px;
}
.app_download_root .ask {
  z-index: 10;
  box-shadow: none;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 85px;
  display: flex;
  position: fixed;
  inset: auto 70px 70px auto;
}
.app_download_root .ask.notice {
  display: none;
}
.app_download_root .igniris_qrcode {
  background-image: url("../../images/hhm/qrcode01.jpg");
}

@media screen and (max-width: 767px) {
  .app_download_root .section {
    background-position: 50% 0;
    background-size: cover;
    min-width: auto;
    padding-top: 6vw;
    margin-top: 120px;
  }
  .app_download_root .download-div {
    height: 55vw;
  }
  .app_download_root .download-txt {
    font-size: 6vw;
  }
  .app_download_root .download-txt2 {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  .app_download_root .button-84 {
    width: 40vw;
    height: 10vw;
    min-height: auto;
    font-size: 3vw;
    padding: 0;
  }
  .app_download_root .section-2 {
    background-image: none;
    justify-content: center;
    align-items: center;
    min-width: auto;
    min-height: 40vh;
  }
  .app_download_root .app-installation-txt {
    background-size: 90%;
    font-size: 5vw;
  }
  .app_download_root .txt-box-d {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 5vw;
    padding-left: 0%;
  }
  .app_download_root .app-ins {
    width: 45vw;
    height: 22vw;
    margin-bottom: 0%;
    padding-top: 2vw;
  }
  .app_download_root .heading-21 {
    font-size: 5vw;
    line-height: 6vw;
  }
  .app_download_root .text-block-124 {
    font-size: 2vw;
    line-height: 3vw;
  }
  .app_download_root .ask {
    width: 20vw;
    height: 20vw;
  }
  .app_download_root .askicon {
    width: 15vw;
    height: 15vw;
  }
}

/* new main */
.main_root {
  line-height: normal;
}
.darkmode .new_main {
  background-color: #000;
  color: #fff;
}
.whitemode .new_main {
  background-color: #f0f0f0;
  color: #0d0d0d;
}
.new_main {
  display: flex;
  flex-direction: column;
  min-width: 100vw;
}

.main_root section {
  box-sizing: border-box;
}
.section01 {
  position: relative;
  overflow: hidden;
  font-weight: 500;
  background-color: #e4e4e4;
}
.section01 .main_bg {
  position: absolute;
  top: 50%;
  right: -300px;
  transform: translateY(-50%);
  object-fit: none;
}
.section01 .layer_bg {
  background-image: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0) 0%,
    rgba(245, 245, 245, 1) 100%
  );
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100%;
  position: relative;
}
.section01 .default_padding_box {
  display: flex;
  width: 100%;
  max-width: 1300px;
  flex-direction: column;
  padding: 50px;
  padding-top: 120px;
}
.section01 .title {
  font-size: 6rem;
  margin-bottom: 20px;
}
.section01 .content_box1 {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #414141;
  margin-bottom: 45px;
}
.section01 .content_box1 p {
  margin: 0;
  line-height: 100%;
}
.section01 .content_box1 span {
  color: #ffab06;
}
.section01 .content_box2 {
  width: 483px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  box-shadow: 0 4px 6.6px 0 rgba(0, 0, 0, 0.05);
  background-color: #f0f0f0;
  border: 1px solid #cdcdcd;
  border-radius: 8px;
  margin-bottom: 40px;
}
.section01 .content_box2_input {
  border: 0;
  outline: 0;
  width: 200px;
  font-size: 1.8rem;
  background-color: transparent;
}
.section01 .content_box2_btn {
  width: 187px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffab06;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 5px;
  cursor: pointer;
}
.section01 .content_box3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  margin-bottom: 35px;
  width: fit-content;
}
.section01 .content_box3_title {
  color: rgba(13, 13, 13, 0.49);
  font-size: 1.8rem;
}
.section01 .content_box3_img_box {
  border: 1px solid #474747;
  border-radius: 99px;
  padding: 8px 10px;
}
.section01 .content_box4 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 80px;
}
.section01 .content_box4_item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section01 .content_box4_item_title {
  color: #ffab06;
  font-size: 5rem;
}
.section01 .content_box4_item_text {
  color: #161616;
  font-size: 2.6rem;
}
.section01 .content_box5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.section01 .content_box5_item1 {
  display: flex;
  gap: 30px;
  align-items: center;
}
.section01 .content_box5_text1 {
  font-size: 1.8rem;
  color: #000;
}
.section01 .content_box5_item2 {
  display: flex;
  gap: 20px;
  color: #000;
}
.section01 .content_box5_item2 span {
  color: #0077ff;
}
.section01 .content_box6 {
  position: relative;
  display: flex;
}
.section01 .content_box6_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: invert(0.3);
  cursor: pointer;
}
.section01 .content_box6_arrow1 {
  left: -37px;
}
.section01 .content_box6_arrow2 {
  right: -37px;
}
.section01 .content_box6_item_scollarea {
  display: flex;
  gap: 20px;
  min-width: 1300px;
  max-width: 1300px;
}
.section01 .content_box6_item_scrollwrap {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll;
  width: 100%;
  border-radius: 10px;
}
.section01 .content_box6_item_scrollwrap::-webkit-scrollbar {
  display: none;
}
.section01 .content_box6_item {
  width: 320px;
  height: 150px;
  border-radius: 10px;
  padding: 16px;
  display: flex;
  background-color: #0b0b0b;
  border: 1px solid #3c3c3c;
  justify-content: space-between;
  position: relative;
}
.section01 .content_box6_item_text_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section01 .content_box6_item_text1 {
  border-radius: 1px;
  padding: 2px;
  color: #000;
  font-size: 0.9rem;
  background-color: #713FF5;
  width: fit-content;
}
.section01 .content_box6_item_text2 {
  font-size: 1.7rem;
  color: #fff;
}
.section01 .content_box6_item_text3 {
  font-size: 1.3rem;
  color: #713FF5;
}
.section01 .content_box6_item_text3 span {
  font-size: 1.3rem;
  color: #fff;
}
.section01 .content_box6_item_text_box_dummy {
  height: 9px;
}
.section01 .content_box6_item img {
  border-radius: 10px;
  /* position: absolute; */
  right: 0;
  top: 0;
  max-width: 120px;
  object-fit: contain;
}
.section01 .rolling {
  background-color: transparent;
  color: #000;
  margin: 0;
}
.section01 .crate_roll.green {
  color: var(--green);
}
.section01 .crate_roll.red {
  color: var(--red);
}

.section02 {
  height: 300vh;
}
.section02 #scroll_canvas {
  height: 300vh;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
.section02 #js-coin-spin {
}
.section02 .scroll-container {
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  padding-top: 50px;
}
.section02 .scroll-container-box {
  flex: 0 0 100%;
}
.section02 .conetnt-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section02 .content_left {
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding-left: 50px;
}
.section02 .content_box1 {
  display: flex;
  flex-direction: column;
}
.section02 .content_box1_title {
  font-size: 5.5rem;
}
.section02 .content_box1_text1 {
  font-size: 2rem;
}
.section02 .content_box2 {
  display: flex;
  flex-direction: column;
}
.section02 .content_box2_item {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 37px 32px;
  gap: 8px;
  transition: 0.2s;
  background-image: linear-gradient(
    270deg,
    rgba(222, 222, 222, 0) 0%,
    rgba(254, 190, 64, 0) 100%
  );
}
.section02 .content_box2_item.on {
  background-image: linear-gradient(
    270deg,
    rgba(222, 222, 222, 0) 0%,
    rgba(254, 190, 64, 0.72) 100%
  );
}
.section02 .content_box2_item.on .content_box2_item_title {
  color: rgba(13, 13, 13, 1);
}
.section02 .content_box2_item.on .content_box2_item_text1 {
  color: rgba(13, 13, 13, 1);
}
.section02 .content_box2_item_title {
  font-size: 3.5rem;
  color: rgba(13, 13, 13, 0.31);
  transition: 0.2s;
}
.section02 .content_box2_item_text1 {
  font-size: 2rem;
  color: rgba(13, 13, 13, 0.31);
  transition: 0.2s;
}
.section02 .content_box3_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fec759;
  border-radius: 10px;
  color: #585858;
  width: 244px;
  height: 65px;
}

.section03 {
  height: 2330px;
  margin: 0 auto;
  padding: 50px 0;
  margin-bottom: -180px;
}
.section03 .new-user-zone-container {
  max-width: 1600px;
  min-width: 1300px;
  width: 100%;
  background-color: #fff;
  border-radius: 45px;
}
.section03 .card-container {
  position: relative;
}
.section03 .card {
  background-color: #fff;
  background-image: linear-gradient(180deg, #eaeaea, rgba(254, 190, 64, 0.38));
  border-radius: 24px;
  flex-shrink: 0;
  height: 540px;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.section03 .scroll-zone {
  height: 827px;
  width: 100%;
  padding: 50px 120px;
  overflow: hidden;
  position: relative;
}
.section03 .to-register {
  top: 0%;
  z-index: 1;
}
.section03 .to-deposit {
  top: 30%;
  z-index: 2;
}
.section03 .to-trade {
  top: 40%;
  z-index: 3;
}
.section03 .zone-main-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 70px;
}
.section03 .title-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.section03 .title {
  font-size: 4.5rem;
}
.section03 .ftitle {
  font-size: 1.8rem;
  color: #424242;
}
.section03 .ftitle span {
  color: #713FF5;
}
.section03 .indicators-container {
  position: absolute;
  top: 100px;
  right: 60px;
  width: 240px;
}
.section03 .line {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  border-top: 3px dotted #713FF5;
}
.section03 .number-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.section03 .num {
  width: 46px;
  height: 46px;
  color: #713FF5;
  background-color: #fff;
  border: 2px solid #713FF5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  border-radius: 99px;
}
.section03 .num.active {
  color: #fff;
  background-color: #ff9500;
  border: 0;
}
.section03 .right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section03 .right_title {
  font-size: 4rem;
}
.section03 .right_text1 {
  font-size: 2.5rem;
}
.section03 .right_btn {
  font-size: 2.5rem;
  border: 1px solid #fec759;
  background-color: #fff;
  color: #fec759;
  font-size: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 86px;
  border-radius: 10px;
  cursor: pointer;
}

.section04 {
  /*height:1100px;/*/
  padding: 30px;
  padding-top: 160px;
}
.section04 .market_box {
  border-radius: 45px;
  background-color: #fff;
  max-width: 1600px;
  width: 100%;
  padding: 60px;
}

.section05 {
  padding: 80px 50px;
  margin: 0 auto;
  width: 100%;
}
.section05 .max_width {
  max-width: 1400px;
  width: 1400px;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.section05 .bg_img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  object-fit: none;
}
.section05 .content_box1 {
  font-size: 5.5rem;
  margin-bottom: 30px;
}
.section05 .content_box2 {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.section05 .content_box2_item {
  display: flex;
  gap: 24px;
  align-items: center;
}
.section05 .text_number {
  font-size: 6rem;
  color: #fec759;
}
.section05 .text {
  font-size: 2.5rem;
}
.section05 .content_box3 {
  display: flex;
  gap: 30px;
}
.section05 .qr_box {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 18px;
  align-items: center;
}
.section05 .qr_text {
  color: rgba(13, 13, 13, 0.44);
}
.section05 .google {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 18px;
}

.section06 {
  padding: 100px 50px;
  margin: 0 auto;
  width: 100%;
}
.section06 .max_width {
  max-width: 100%;
  width: 1480px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.section06 .content_box1 {
  display: flex;
  flex-direction: column;
  gap: 45px;
  align-items: center;
  margin-bottom: 80px;
}
.section06 .title {
  font-size: 5.5rem;
}
.section06 .text {
  font-size: 2.5rem;
  text-align: center;
}
.section06 .content_box2 {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}
.section06 .content_box2_item {
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 24px;
  position: relative;
  max-width: 470px;
  width: 33%;
  height: 270px;
  border: 1px solid #b8b8b8;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.section06 .layer_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  z-index: 2;
}
.section06 .content_box2_item_text {
  font-size: 3.5rem;
  z-index: 3;
  position: relative;
}
.section06 .content_box2_item img {
  position: absolute;
  left: 50%;
  top: 0;
  object-fit: none;
  transform: translateX(-50%);
}
.footerlist_block {
  min-width: max-content;
}
.footerlist_warp {
  gap: 70px;
}
.footerlist_block .qr_box {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 18px;
  align-items: center;
}
.footerlist_block .qr_text {
  color: rgba(13, 13, 13, 0.44);
}
.footer {
  border: 0;
}
.footer_block-2 {
  padding: 30px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: rgba(82, 82, 82, 0.62);
}
.footer .f_wrap {
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.darkmode .footerlist_block .qr_text {
  color: #fff;
}

/* darkmode */
.darkmode .section01 {
  background-color: #040809;
}
.darkmode .section01 .rolling {
  background-color: #000;
  color: #fff;
  margin: 0;
}
.darkmode .section01 .layer_bg {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.darkmode .section01 .content_box1 {
  color: #fff;
}
.darkmode .section01 .content_box2 {
  background-color: transparent;
  border-color: rgba(93, 93, 93, 0.94);
}
.darkmode .section01 .content_box2_btn {
  color: #000;
}
.darkmode .section01 .content_box3_title {
  color: #fff;
}
.darkmode .section01 .content_box4_item_text {
  color: #888;
}
.darkmode .section01 .content_box5_item1 img {
  filter: invert(1);
}
.darkmode .section01 .content_box5_text1 {
  color: #fff;
}
.darkmode .section01 .content_box5_item2 {
  color: #fff;
}
.darkmode .section02 .content_box2_item.on {
  background-image: linear-gradient(
    270deg,
    rgba(39, 39, 39, 0.72) 0%,
    rgba(0, 0, 0, 0.72) 100%
  );
}
.darkmode .section02 .content_box2_item .content_box2_item_title {
  color: rgba(255, 255, 255, 0.35);
}
.darkmode .section02 .content_box2_item .content_box2_item_text1 {
  color: rgba(255, 255, 255, 0.35);
}
.darkmode .section02 .content_box2_item.on .content_box2_item_title {
  color: #713FF5;
}
.darkmode .section02 .content_box2_item.on .content_box2_item_text1 {
  color: #fff;
}
.darkmode .section02 .content_box3_btn {
  background-color: #713FF5;
  color: #000;
}
.darkmode .section03 .new-user-zone-container {
  background-color: #161616;
}
.darkmode .section03 .card {
  background-image: linear-gradient(180deg, #040709, #17110a);
}
.darkmode .section03 .right_btn {
  background-color: #1c1609;
  border-color: #713FF5;
}
.darkmode .section04 {
  background-color: transparent;
}
.darkmode .section04.market_root .darkmode {
  background-color: transparent;
}
.darkmode .section04 .market_box {
  background-color: #161616;
}
.darkmode .section06 .layer_bg {
  background-image: linear-gradient(
    180deg,
    rgba(17, 17, 17, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
}
.darkmode .section06 .content_box2_item {
  background-color: #111111;
  border-color: #4d4d4d;
}
.darkmode .section05 .qr_text {
  color: #fff;
}

.new_main_topblock {
  display: none;
}

@media screen and (max-width: 767px) {
  .whitemode .new_main {
    background-color: #fff;
  }
  .main_root.darkmode {
    background-color: #000;
  }
  .section01 {
    margin-top: 93px;
    background-color: #f8f8f8;
  }
  .section01 .layer_bg {
    background-image: linear-gradient(
      180deg,
      rgba(217, 217, 217, 0) 0%,
      rgba(245, 245, 245, 1) 50%
    );
  }
  .darkmode .section01 .layer_bg {
    background-image: linear-gradient(
      0deg,
      rgba(0, 0, 0, 1) 30%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  .section01 .default_padding_box {
    padding: 40px 20px;
  }
  .section01 .title {
    font-size: 3.5rem;
    text-align: center;
  }
  .section01 .title span {
    font-size: 2.5rem;
  }
  .section01 .content_box1 {
    flex-direction: column;
  }
  .section01 .content_box1 p {
    text-align: center;
  }
  .content_box2_mo {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
  .content_box2_mo .new_login_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #fff;
    background-color: #ffae00;
    height: 42px;
    width: 40%;
    min-width: 160px;
    font-size: 1.5rem;
  }
  .content_box2_mo .join_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #ffae00;
    background-color: #fff;
    border: 1px solid #ffae00;
    height: 42px;
    width: 40%;
    min-width: 160px;
    font-size: 1.5rem;
  }
  .section01 .content_box4 {
    flex-wrap: wrap;
    gap: 10%;
    row-gap: 20px;
    margin-top: 60px;
  }
  .content_box4_item {
    width: 45%;
  }

  .section01 .rolling {
    z-index: 3;
  }
  .section01 .main_bg {
    top: -9%;
    right: 0;
    height: 50%;
    object-fit: cover;
    transform: none;
    opacity: 0.63;
  }
  .section01 .content_box4_item {
    text-align: center;
  }
  .section01 .content_box4_item_title {
    font-size: 3rem;
  }
  .section01 .content_box4_item_text {
    font-size: 1.8rem;
  }
  .conetnt-container {
    flex-direction: column-reverse;
  }
  .section02 .scroll-container {
    align-items: start;
    top: 93px;
    padding: 0;
  }
  .section02 #scroll_canvas {
    margin: 0;
  }
  .section02 .content_left {
    padding: 0;
  }
  .section02 .content_box2_item_text1 {
    font-size: 1.5rem;
  }
  .section02 .content_box2_item {
    background-image: none !important;
    padding: 20px 24px;
  }
  .section02 .content_box2_item.on .content_box2_item_title {
    color: #fec759;
  }
  .section02 .content_box3 {
    display: flex;
    justify-content: center;
  }
  .section02 .content_box3_btn {
    width: calc(100% - 50px);
    background-color: #ffb116;
    color: #fff;
    font-size: 2.5rem;
  }
  .section03 {
    padding: 50px 25px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    height: 100%;
    margin: 0;
  }
  .section03 .scroll-zone {
    padding: 30px 20px;
  }
  .section03 .card {
    position: static;
    height: auto;
    flex-direction: column;
    padding: 20px;
  }
  .section03 .scroll-zone {
    height: auto;
  }
  .section03 .new-user-zone-container {
    min-width: 0;
    background-color: #f3f3f3;
    border-radius: 10px;
  }
  .new_user_zone_mo {
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 30px 20px;
  }
  .section03 .title-container {
    gap: 10px;
  }
  .section03 .title {
    font-size: 3rem;
  }
  .section03 .ftitle {
    font-size: 1.5rem;
    color: #353535;
  }
  .section03 .right_title {
    font-size: 2rem;
  }
  .section03 .right_text1 {
    font-size: 1.3rem;
    line-height: 160%;
  }
  .section03 .right {
    width: 100%;
    gap: 16px;
  }
  .section03 .right_btn {
    width: 100%;
    height: 63px;
    font-size: 2rem;
  }

  .section05 {
    padding: 60px 25px;
  }
  .section05 .max_width {
    width: 100%;
    position: relative;
  }
  .section05 .content_box1 {
    font-size: 3rem;
    text-align: center;
  }
  .section05 .mo_content_box1 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0;
  }
  .section05 .text_number {
    font-size: 3rem;
  }
  .section05 .text {
    font-size: 1.6rem;
    line-height: 150%;
  }
  .section05 .content_box2_item {
    align-items: start;
  }
  .section05 .phone_img {
    object-fit: none;
  }
  .section05 .content_box2 {
    margin: 0;
  }
  .mo_pr_box {
    position: absolute;
    bottom: 40px;
    right: -10px;
    gap: 10px;
  }
  .section05 .qr_box img {
    width: 60%;
  }
  .section05 .qr_text {
    font-size: 1rem;
  }

  .section06 {
    padding: 60px 25px;
    width: 100%;
  }
  .section06 .max_width {
    width: 100%;
  }
  .section06 .content_box2 {
    flex-direction: column;
  }
  .section06 .content_box2_item {
    max-width: 100%;
    width: 100%;
    height: 200px;
  }
  .section06 .content_box2_item_text {
    font-size: 2rem;
  }
  .section06 .title {
    font-size: 3rem;
    text-align: center;
  }
  .section06 .text {
    font-size: 1.4rem;
    line-height: 160%;
  }

  .main_top {
    height: 93px;
  }
  /* .main_top .topblock{display: none;} */
  .main_top .new_main_topblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 25px;
  }
  .main_top .new_main_topblock .top_right {
    display: flex;
    align-items: center;
  }
  .main_root .menu-wrap {
    height: 0;
  }
  .main_top .my-info-img {
    filter: invert(0.4);
  }
  .whitemode .main_top {
    background-color: #f8f8f8;
  }
  .darkmode .main_top {
    background-color: #040809;
  }

  .main_root .bottom {
    display: flex;
  }
  /* .main_root .all_footer{display: none;} */
  .main_root .footer {
    padding: 24px;
  }
  .main_root .footer_block-2 {
    border: 0;
  }
  .main_root .footer_logo_box {
    width: 107px;
  }
  .main_root .footerlist_warp {
    flex-direction: column;
    display: flex;
    gap: 24px;
  }
  .main_root .footerlist_block_app {
    display: none;
  }
  .main_root .footerlist_block {
    margin: 0;
    height: 28px;
    overflow: hidden;
    transition: 0.2s;
  }
  .main_root .footerlist_block.on {
    height: 166px;
  }
  .main_root .footerlist_title {
    position: relative;
    font-size: 2.3rem;
  }
  .main_root .footerlist_title::after {
    position: absolute;
    content: ">";
    transform: translateY(-50%) rotate(0);
    top: 50%;
    right: 10px;
    transition: 0.2s;
  }
  .main_root .footerlist_block.on .footerlist_title::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .main_root .qr_box {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .main_root .qr_box img {
    width: 64px;
  }
  .main_root .footer .qr_text {
    font-size: 2rem;
  }
  .main_root .footer .qr_text span {
    font-size: 1.3rem;
  }

  .main_root.darkmode .footer .qr_text {
    font-size: 1rem;
    color: #fff;
  }

  .main_root.darkmode .footerlist_title {
    background-color: transparent;
    color: #fff;
  }
  .main_root.darkmode .footerlist {
    background-color: transparent;
    color: #fff;
  }
  /* darkmode */
  .darkmode .content_box2_mo .new_login_btn {
    color: #040809;
  }
  .darkmode .content_box2_mo .join_btn {
    background-color: #000;
    color: #713FF5;
  }
  .darkmode .section03 .ftitle {
    color: #fff;
  }
  .darkmode .section03 .new_user_zone_mo {
    background-color: #161616;
  }
}

/* p2p pop darkmode */
.darkmode .set-nickname-box {
  background-color: #1c1b1b;
  color: #fff;
}
.darkmode .pop-nickname-wrap {
  color: #000;
}
.darkmode .set-nickname-box .input {
  background-color: #1c1b1b;
  color: #fff;
}
.darkmode .add-now-box {
  background-color: #1c1b1b;
  color: #fff;
}
.darkmode .add-now-box input {
  background-color: #1c1b1b;
  color: #fff;
}
.darkmode .add-now-box select {
  background-color: #1c1b1b;
  color: #fff;
}

.main_noticepop .checkbox-label {
  color: #000;
}
.trade_root .tpsl_pop .pop_scroll {
  overflow: visible;
}
.trade_root .tpsl_pop .pop_scroll::-webkit-scrollbar {
  display: none;
}

.trade_root .copy_ref_btn_box,
.trading_history_root .copy_ref_btn_box {
  cursor: pointer;
}
.trade_root .copy_ref_btn,
.trading_history_root .copy_ref_btn {
  margin: 0 4px 0 8px;
  max-width: 24px;
}
@media screen and (max-width: 767px) {
  .trade_root .copy_ref_btn,
  .trading_history_root .copy_ref_btn {
    margin: 0 4px 0 8px;
    max-width: 20px;
  }
}
.settle-complete__box {
  background-color: #000 !important;
}
.trade_root .downloading {
  border: 0 !important;
  box-shadow: none;
}

.trade_root .order-top-btn-mo-copy-copy {
  width: 30%;
  justify-content: center;
  gap: 8px;
  font-size: 24px;
  padding: 0;
  font-weight: 200;
}

/* 768px 이상 1000px 이하일 때 적용 */
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .trade_root .call-box {
    width: 100%;
    max-width: none;
  }
  .trade_root .input-box-order.spot .order-input-txt.spot-txt {
    display: none;
  }
  .m-chart-btn {
    background-image: url("../images/candlestick.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 4vw;
    height: 5vw;
    margin-left: auto;
    padding: 0;
  }

  .m-chart-btn.darkmode {
    filter: invert();
    background-color: #16182400;
  }
}

@media screen and (min-width: 2000px) {
  .mainpop_block {
    width: 1180px;
    max-height: 90vh;
    height: 1100px;
  }
  .main_popfeild {
    height: calc(100% - 80px);
  }
}

.slide-banner-box.first {
  background-image: url("../../images/hhm/event_n1.jpg");
  background-size: contain;
}

/* Asset balance visibility toggle */
.assets_eye {
  cursor: pointer;
}

.assets_eye.off {
  opacity: 0.55;
}

.top_assets_eye {
  cursor: pointer;
}

.top_assets_eye.off {
  opacity: 0.55;
}

.asset_box.is-asset-hidden .asset_price1,
.asset_box.is-asset-hidden .asset_price2 {
  position: relative;
  visibility: hidden;
}

.asset_box.is-asset-hidden .asset_price1::after,
.asset_box.is-asset-hidden .asset_price2::after {
  position: absolute;
  top: 0;
  left: 0;
  visibility: visible;
  color: inherit;
  white-space: nowrap;
}

.asset_box.is-asset-hidden .asset_price1::after {
  content: "****** USDT";
}

.asset_box.is-asset-hidden .asset_price2::after {
  content: "< $******";
}

.top_assets_total_box.is-asset-hidden .top_assets_total_value,
.top_assets_total_box.is-asset-hidden .top_assets_total_dollar {
  position: relative;
  visibility: hidden;
}

.top_assets_total_box.is-asset-hidden .top_assets_total_value::after,
.top_assets_total_box.is-asset-hidden .top_assets_total_dollar::after {
  position: absolute;
  top: 0;
  left: 0;
  visibility: visible;
  color: inherit;
  white-space: nowrap;
}

.top_assets_total_box.is-asset-hidden .top_assets_total_value::after {
  content: "****** USDT";
}

.top_assets_total_box.is-asset-hidden .top_assets_total_dollar::after {
  content: "= $******";
}