.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: #F7C04A; }
.sort-arrow::before {border-bottom-color: #7F7E7E; top: -6px;}
.sort-arrow.desc::before {border-bottom-color: #F7C04A; }
.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: #F7C04A;}
.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: #F7C04A; 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: #F7C04A;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: #F7C04A; 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 #F7C04A; 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: #F7C04A; 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 #F7C04A; 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 #febe40;}
.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: 99;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;}
.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-info-tap.on{border-bottom:2px solid #FEBE40;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;}
.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;}


/* 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;}


/* whitemode */
.trade_root.whitemode .perpetual-content.whitemode{background-color: #F3F3F3;}
.trade_root.whitemode .trade-hoga-box{background-color: #fdfdfd;padding: 2vw;}
.trade_root.whitemode .trade-order-box{background-color: #fdfdfd;padding: 2vw;}
.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: 2vw;}
.trade_root.darkmode .trade-order-box{border:1px solid #323232;padding: 2vw;}
.trade_root.darkmode .quantitybar_circle_item::after{background-color: #6E6E6E;}
.trade_root.darkmode .quantitybar_circle_item.on::after{background-color: #FEBE40;}
.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;}

  

/* 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 #FEBE40;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: #F7C04A; }
.trade_root .sort-arrow::before {border-bottom-color: #7F7E7E; top: -4px;}
.trade_root .sort-arrow.desc::before {border-bottom-color: #F7C04A; }
.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: .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: auto;}
.trade_root.future_trade_root .futures-info-list{min-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: #FEBE40;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 .top{display: none;}
.market_root .market_area{background-color: #1C1B1B;}
.market_root .market_box{display: flex; flex-direction: column; padding: 20px; height: 100%;}
.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 #F7C04A;}
.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: #F7C04A;}
.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: 62px;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: 25px !important;padding:0 16px; background-color: #febe4026;}
.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;}
.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: #F7C04A;}
.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 #F7C04A; }
.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: #F7C04A; 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: #F7C04A;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: #F7C04A;}

.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: #F7C04A;}
.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: #F7C04A; 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: #F7C04A; 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;}
.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{display: flex;flex-direction: column; justify-content: center; align-items: center; gap: 20vh; 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}
.logo_box{display: flex; flex-direction: column;gap: 12px;}
.logo_sub_text{font-weight: 300; font-size: 1.5rem; color: #8e8e8e;}
.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: linear-gradient(#FFAE00 0%, #FF9500 100%);}
.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; border: 2px solid #FF9500;}
.welcome_text{display: flex; 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"); height: 100vh;background-color: #393939;}
.join_root .member-wrap{margin: 0;}
.join_root .member-btn.on{color: #fff; border-color: #FF9500; 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: 8px; 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-color:#FF9500; text-align: center;}
.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;}
.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-color:#FF9500;}
.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: #febe40 !important; color: #000 !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"); height: 100vh;background-color: #393939;}
.login_root .member-wrap{margin: 0;}
.login_root .member-btn.on{color: #fff; border-color: #FF9500; 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: 8px; 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;}
.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;}
.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;}
.login_root .auth-btn{background-color:#FF9500;}


/* 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_box{display: flex;gap: 12px;}
.deposit_root .mo_deposit_pop .list_title_box img{height: 20px;}
/* .deposit_root .mo_deposit_pop .list_title{font-size: 1.2rem; padding-bottom: 4px; border-bottom: 4px solid #F7C04A; width: fit-content; margin-bottom: 20px; color: #fff; font-weight: bold;} */
.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 #F7C04A; 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: 120px;}

/* 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 #F7C04A; 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: #F7C04A;}
.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: #F7C04A;}
.exchange_root .append_box3 .asset-txt{margin: 0;}
.exchange_root .convert_btn{border-radius: 10px; background-color: #F7C04A; 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;}


/* 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: #F7C04A; 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 #F7C04A; 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: #F7C04A;}
.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: #F7C04A;}
.transfer_root .exchange-btn{height: 55px; width: 100%; border-radius: 10px; background-color: #F7C04A; 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 */
.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: #FEBE40; color: #000000;}
.p2pads_body .p2p-top-sell-btn.on{background-color: #FEBE40; 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: #FEBE40; color: #000;}
.p2pads_body .buysellbtn.sell{background-color: #FEBE40; 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 .p2p-menu .frame-max{margin-top: 120px;}

.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: #FEBE40; 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: #FEBE40;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: #FEBE40;font-weight: bold;}
.traderList_body .copy_top_text3{font-size: 1.3rem; color: #FEBE40; 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: #FEBE40;}
.traderList_body .copy_banner_item_content_text3{font-size:1.1rem; margin-top: 14px;}
.traderList_body .copy_banner_item_content_text3 span{color: #FEBE40;}
.traderList_body .trader_title_box{display: flex; flex-direction: column; gap: 24px;}
.traderList_body .trader_title1{color: #FEBE40; 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 .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;}






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

.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; 

  } 


}














.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;}




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


  
.market_root .darkmode{background-color: #000000;}
.main_root .darkmode{background-color: #1C1B1B;}
.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 #FEBE40;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: #FEBE40; 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;}
/* 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: #FEBE40; 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-color: #FEBE40; color: #000; 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: 12px; 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;}
.join_root .signup_btn_box_pc{font-size: 1.9rem; color: #9F9F9F;margin-top: 12px;}
.join_root .signup_btn_text_pc{color: #FEBE40;}
.join_root .page_btn{background-color: #bfbfbf !important; color: #fff !important;}
.join_root .page_btn.on{background-color: #febe40 !important; color: #000 !important;}
/* join darkmode */
.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-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: #FEBE40; 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-color: #FEBE40; color: #000; 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;}
.login_root .signup_btn_box_pc{font-size: 1.9rem; color: #9F9F9F;margin-top: 12px;}
.login_root .signup_btn_text_pc{color: #FEBE40;}
/* login darkmode */
.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 .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:#FEBE40;  border-bottom: 1.3px solid #FEBE40;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: #F7C04A;}
.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: #F7C04A; }
.market_root .sort-arrow::before {border-bottom-color: #7F7E7E; top: -6px;}
.market_root .sort-arrow.desc::before {border-bottom-color: #F7C04A; }
.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: #FEBE40;}
.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 */

/* /global/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: #FEBE40; color: #000000;}
.p2pads_body .p2p-top-sell-btn.on{background-color: #FEBE40; 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: #FEBE40; color: #000;}
.p2pads_body .buysellbtn.sell{background-color: #FEBE40; 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: #FEBE40; 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: #FEBE40;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: #FEBE40;font-weight: bold;}
.traderList_body .copy_top_text3{font-size: 2rem; color: #FEBE40; 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: #FEBE40;}
.traderList_body .copy_banner_item_content_text3{font-size:1.3rem; margin-top: 14px;}
.traderList_body .copy_banner_item_content_text3 span{color: #FEBE40;}
.traderList_body .trader_title_box{display: flex; flex-direction: column; gap: 24px;}
.traderList_body .trader_title1{color: #FEBE40; 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;}

/* 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 #FEBE40;}
/* 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: contain;}
.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: #FEBE40; 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: #FEBE40;} 

.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: #FEBE40;}
.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: #FEBE40;} 
.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: #FEBE40; 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: #FEBE40;} 
.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: #FEBE40;}
.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 #FEBE40;width: fit-content;margin: 20px 0 30px;}
.walletfuture_root .operation_item{color: #FEBE40;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: #FEBE40;} 
.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 #F7C04A; 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: #F7C04A;}
.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: #F7C04A;}
.transfer_body .exchange-btn{height: 55px; width: 100%; border-radius: 10px; background-color: #F7C04A; 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: #FEBE40; 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 #F7C04A; 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: #F7C04A;}
.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: #F7C04A;}
.transfer_popup .exchange-btn{height: 55px; width: 100%; border-radius: 10px; background-color: #F7C04A; 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: #FEBE40; 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: #F7C04A; 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: #F7C04A;}
.exchange_root .append_box3 .asset-txt{margin: 0;}
.exchange_root .convert_btn{border-radius: 10px; background-color: #F7C04A; 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;}


/* 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);}
/* 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 .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 #FEBE40;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: #FEBE40;}
.trade_root .futures-info-tap{color: #B1B1B1;font-weight:500;}
.trade_root .futures-info-tap.on{border-bottom:4px solid #FEBE40; 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: 364px;}
.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: #FEBE40;}
.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;}

/* 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 #FEBE40;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;}

/* 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 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: #F7C04A; }
.trade_root .sort-arrow::before {border-bottom-color: #7F7E7E; top: -4px;}
.trade_root .sort-arrow.desc::before {border-bottom-color: #F7C04A; }
.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: #FEBE40;}
.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: #FEBE40;}
.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: #FEBE40;}
.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: #FEBE40;}
.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: #FEBE40 !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: #FEBE40 !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: #FEBE40 !important; /* 배경색을 흰색으로 변경 */
  box-shadow: 0 1px 1.8px 0 #000000 !important;
  border:1px solid #fff !important;
  margin-top: 0px;
}










/* pc&mobile 공통 다크/화이트모드 */
.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: #333;}
.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;}


/* 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; border-radius: 5vw; justify-content: center; align-items: center; width: 250px; height: 50px; 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;}
.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%;}
.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; 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: #02808e; margin: 0;}
.app_download_root .text-block-124 { margin-top: 1%;}
.app_download_root .text-span-79, .text-span-80 { color: #02808e; 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;}


@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;}
.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;}

}