:root {
  --b_light: #404040;
  --white: white;
  --14: rgba(0, 0, 0, .14);
  --box2: #f2f2f2;
  --black: black;
  --grey: grey;
  --point2: #ea5344;
  --point: #ff6e00;
  --deepbox: #161616;
  --short: #f34840;
  --long: #00b4c9;
  --hover: #99d8ff;
  --point_3: #ff5d5d;
  --hover-3: #ffbf8f;
  --back\<deleted\|variable-3476e6ab\>: #f2f2f2;
  --point4: #f4ae1a;
  --midnight-blue: rgba(32, 32, 64, .7);
  --bg1: #000637;
  --bg2: #654895;
  --point5: #7349e9;
  --bg3: #d9deff;
  --banner: #f2efff;
  --hover2: #5fc2ff;
  --50_op: rgba(0, 0, 0, .5);
  --30_op: rgba(0, 0, 0, .3);
}

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

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

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

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

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

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

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

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

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

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

.custermermain_warp {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.mob_sidebtn {
  display: none;
}

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

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

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

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

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

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

.main_box3block {
  width: 100%;
  height: 100px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

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

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

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

.footerlogo {
  width: 180px;
  height: 95px;
  background-image: url('/global/images/logo.png');
  background-image: url('/global/images/logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

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

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

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

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

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

.main_box3warp {
  min-width: 400px;
  flex-direction: column;
  align-items: center;
  margin-left: 100px;
  display: flex;
}

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

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

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

.image-25 {
  width: 140px;
  height: 31px;
  position: absolute;
}

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

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

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

.text-block-32 {
  margin-bottom: 10px;
}

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

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

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

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

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

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

.message_img {
  width: 30px;
}

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

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

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

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

.orderbook_box.orderbook {
  display: flex;
}

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

.coinsub_info {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.coinsub_infotxt {
  width: 97px;
}

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

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

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

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

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

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

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

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

._24hsub {
  color: #848e9c;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 2px;
  line-height: normal;
}

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

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

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

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

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

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

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

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

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

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

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

.top_runtimequote {
  color: #f6465d; /* Default red, will be overridden by JS class up/down */
  justify-content: flex-start;
  align-items: center;
  font-size: 28px;
  font-weight: 600;
  display: flex;
  line-height: 32px;
  letter-spacing: 0.5px; 
}

.top_runtimequote.up {
  color: #2ebd85;
}

.top_runtimequote.down {
  color: #f6465d;
}

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

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

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

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

.trade_topblock {
  width: 100%;
  height: 60px;
  background-color: var(--deepbox);
  align-items: center;
  margin: 0px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  box-sizing: border-box;
}

.mob_leveragebtn, .mob_tradingbtn {
  display: none;
}

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

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

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

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

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

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

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

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

._24hinfolist {
  height: 100%;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  margin-right: 15px;
  padding: 0;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._24hinfo_txt {
  color: #ebedf0;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}

._24hinfo_txt.low {
  color: #f34840;
}

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

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

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

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

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

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

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

.coinsub {
  color: #fff;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

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

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

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

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

.quantitybar_circle._50 {
  left: 50%;
}

.quantitybar_circle._100 {
  left: 99%;
}

.quantitybar_circle._75 {
  left: 75%;
}

.quantitybar_circle._25 {
  left: 25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.topblock_quotebox {
  width: auto;
  height: 25px;
  background-color: transparent;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.trademarket_txtbox.short {
  color: #f34840;
}

.trademarket_txtbox.time {
  width: 23%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.funding_ratetxt {
  color: #fff;
}

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

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

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

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

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

.right {
  margin-right: auto;
}

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

.ordertxt3.down {
  color: #f34840;
}

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

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

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

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

.markettrade.tradehistory {
  display: flex;
}

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

.trade_coiningo_warp {
  width: 100%;
}

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

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

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

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

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

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

.submit-button-2:hover {
  color: #fff;
  background-color: #128dc3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.unit {
  margin-left: 5px;
}

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

.asset_warntxt {
  font-size: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.asset_able {
  margin-left: 15px;
}

.asset_fee {
  padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

.listtext1.cancle {
  color: #f34840;
}

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

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

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

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

.listtext1.down {
  color: #f34840;
}

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

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

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

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

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

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

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

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

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

.listtext2.down {
  color: #f34840;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.asset_table {
  height: 100%;
}

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

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

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

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

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

.link-block {
  position: absolute;
}

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

.exchange_result {
  display: flex;
}

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

.exchange_quote2 {
  margin-left: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.exchange_quote1 {
  margin-left: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tablewrap {
  width: 70%;
}

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

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

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

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

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

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

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

.image-51 {
  height: 120px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.custermer_warp1 {
  margin-top: 10px;
}

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

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

.detail_textblock.qna {
  height: 200px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.password2 {
  height: 40px;
  border: 1px solid var(--14);
  background-color: var(--back\<deleted\|variable-3476e6ab\>);
  color: var(--black);
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text11.down {
  color: #f34840;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-field-20 {
  height: 35px;
  border: 1px solid var(--14);
  background-color: var(--back\<deleted\|variable-3476e6ab\>);
  color: var(--black);
  border-radius: 5px;
  margin-bottom: 0;
}

.copyt_databox {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.copyt_warp1 {
  width: 1000px;
}

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

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

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

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

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

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

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

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

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

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

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

.copyt_listbox {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.check.off {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.image-47 {
  width: 200px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mobbackdark {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.influ_titletext {
  color: #fff;
}

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

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

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

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

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

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

.warp {
  display: flex;
}

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

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

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

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

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

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

.influ_loginwarp {
  margin-bottom: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pop_yieldtxt.down {
  color: #f34840;
}

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

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

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

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

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

.settle_fee {
  color: var(--white);
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mob_leveragepop {
  display: none;
}

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

.long {
  color: #00b4c9;
}

.qet {
  margin-bottom: 4px;
}

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

.wr {
  margin-left: 3px;
}

.frame6 {
  min-height: 90vh;
  background-color: var(--back\<deleted\|variable-3476e6ab\>);
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.topbtn_drop2.tall {
  width: 130px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main_listtoptxt {
  width: 180px;
}

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

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

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

.m_list_txt {
  font-weight: 500;
}

.m_list_txt.down {
  color: #f34840;
}

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

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

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

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

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

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

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

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

.main_listbox {
  width: 180px;
}

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

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

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

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

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

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

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

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

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

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

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

.footerlist:hover {
  color: #fff;
}

.footerlogo-2 {
  width: 120px;
  height: 95px;
  cursor: pointer;
  background-image: url('../images/Coin_h_w.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 20px;
}

.footerlist_block {
  min-width: 150px;
  text-align: right;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer_block2 {
  max-width: 1920px;
  min-width: 1280px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.footerlist_warp {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid rgba(0, 0, 0, 0);
  flex-wrap: wrap;
  margin-left: auto;
  display: flex;
}

.footerlogoblock-2 {
  width: 300px;
  flex-direction: column;
  margin-right: 20px;
  display: flex;
}

.asset_info {
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  display: flex;
  position: relative;
}

.ast_info_btn {
  width: 32px;
  height: 32px;
  border: 3px solid var(--grey);
  color: var(--grey);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: border-color .2s, color .2s;
  display: flex;
}

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

.ast_info_box {
  width: 200px;
  min-height: 30px;
  border: 1px solid var(--point);
  background-color: var(--black);
  color: var(--white);
  border-radius: 4px;
  padding: 14px;
  position: absolute;
  bottom: 100%;
  left: 100%;
}

.banner_content {
  height: 100%;
  max-width: 1440px;
  min-width: 1180px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.banner_head {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 54px;
  position: relative;
}

.banner_subhead {
  z-index: 1;
  color: var(--hover-3);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  position: relative;
}

.b_linkbox {
  height: 62px;
  min-width: 300px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--black);
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 16px;
  text-decoration: none;
  transition: color .2s, border-color .2s, background-color .2s;
  display: flex;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.b_linkbox:hover {
  background-color: var(--b_light);
}

.b_linkbox._2 {
  background-color: var(--black);
  border: 1px solid rgba(0, 0, 0, 0);
}

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

.b_link_icon {
  width: 24px;
  height: 24px;
}

.banner_deco {
  width: 40%;
  height: 2px;
  background-color: var(--white);
}

.l_noteice {
  z-index: 10;
  width: 15%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.l_notice_btn {
  width: 30px;
  height: 30px;
  color: rgba(255, 255, 255, .5);
  text-align: center;
  border: 3px solid rgba(255, 255, 255, .5);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.l_notice_btn:hover {
  border-color: var(--white);
  color: var(--white);
}

.l_notice_box {
  z-index: 1;
  width: 250px;
  border: 1px solid var(--point);
  background-color: var(--black);
  padding: 14px;
  font-size: 12px;
  display: none;
  position: absolute;
  top: 50%;
  right: 100%;
}

.t_btn_area {
  width: 33.3%;
  position: relative;
}

.t_n_pop {
  width: 350px;
  border: 1px solid var(--point);
  background-color: var(--black);
  opacity: 0;
  border-radius: 4px;
  padding: 14px;
  transition: opacity .4s;
  display: none;
  position: absolute;
  bottom: 120%;
  right: 50%;
}

.t_n_pop.on {
  opacity: 1;
  display: flex;
}

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

.app_link {
  width: 120px;
  height: 120px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  color: var(--grey);
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .14);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: box-shadow .2s, border-color .2s, color .2s;
  display: flex;
  box-shadow: 0 0 5px rgba(0, 0, 0, .14);
}

.app_link:hover {
  border-color: var(--point);
  color: var(--point);
  box-shadow: 0 0 5px rgba(255, 183, 0, .5);
}

.app_icon {
  width: 32px;
  height: 32px;
}

.app_icon._2 {
  filter: invert();
}

.main_box1 {
  max-width: 1920px;
  min-width: 1200px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.banner_img {
  z-index: 0;
  width: 240px;
  max-height: 100%;
  position: absolute;
  right: 40px;
}

.banner_subtxt {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.m_list_btn {
  width: 120px;
  min-height: 32px;
  border: 1px solid var(--point);
  color: var(--point);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s, color .2s;
  display: flex;
}

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

.m_item_t_box {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.m_list_head {
  margin-top: 0;
}

.m_btn_area {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.m_item_head {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

.m_item_txt {
  color: var(--grey);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.banner_link_warp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.app_link_b {
  width: 62px;
  height: 62px;
  background-color: var(--black);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.app_link_b:hover {
  background-color: var(--b_light);
}

.m_sc_txt {
  color: var(--grey);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.m_item_title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 32px;
}

.m_item_txtbox {
  flex-direction: column;
  display: flex;
}

.m_item_btn {
  height: 44px;
  min-width: 150px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--black);
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 16px;
  text-decoration: none;
  transition: color .2s, border-color .2s, background-color .2s;
  display: flex;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

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

.m_item_btn._2 {
  background-color: var(--black);
  border: 1px solid rgba(0, 0, 0, 0);
}

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

.m_guide {
  width: 1200px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  border-radius: 8px;
  padding: 40px;
  display: flex;
  box-shadow: 0 0 8px rgba(0, 0, 0, .04);
}

.m_guide_item {
  width: 33.3%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.m_img3 {
  height: 40px;
  margin-bottom: 20px;
}

.m_g_link {
  color: var(--point);
  cursor: pointer;
  font-size: 16px;
  text-decoration: none;
}

.mobile_content {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.mobile_head2 {
  color: var(--hover-3);
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.mobile_block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--white);
  justify-content: center;
  display: flex;
}

.link-block-2 {
  width: 48%;
  min-height: 62px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--point);
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.link-block-2:hover {
  background-color: var(--hover-3);
}

.mobile_head1 {
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 36px;
}

.logo_txt {
  color: var(--point);
  font-family: Exo, sans-serif;
  font-weight: 700;
}

.mobile_sc {
  max-width: 1920px;
  min-width: 1280px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.main_head {
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
}

.mobile_img {
  width: 35%;
}

.app_btnwarp {
  justify-content: space-between;
  display: flex;
}

.m_t_data_box {
  width: 80%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.m_c_data_box {
  width: 48%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.main_ct_block {
  width: 1200px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
  display: flex;
}

.m_s_arrow {
  width: 54px;
  height: 54px;
  background-color: rgba(238, 75, 38, .5);
  border-radius: 100%;
}

.t_link {
  color: gray;
  font-size: 18px;
  text-decoration: none;
}

.t_link:hover {
  color: #ffb700;
}

.m_s_box {
  width: 48%;
  height: 100%;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #f2f2f2;
  border-radius: 8px;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.p_icon {
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.m_sc_head2 {
  margin-top: 0;
  margin-bottom: 0;
}

.m_c_data_area {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

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

.m_sc_sub {
  color: gray;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

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

.m_copy_area2 {
  width: 70%;
}

.m_copy_area2.pc {
  min-height: 320px;
  display: block;
}

.m_copy_area2.mo {
  display: none;
}

.m_c_data_txt1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.m_list_link {
  height: 50px;
  min-width: 180px;
  color: var(--point);
  background-color: #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.m_list_link:hover {
  background-color: var(--point);
  color: #000;
}

.m_c_data_2, .m_c_data_txt3 {
  color: gray;
}

.m_trader_slide {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.m_s_contant {
  width: 100%;
  height: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 40px;
  display: flex;
}

.m_copy_area1 {
  width: 30%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.m_c_profile {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  display: flex;
}

.m_c_data_txt2 {
  color: gray;
  letter-spacing: .5px;
  font-size: 16px;
}

.image-36 {
  width: auto;
  height: 27px;
  margin-right: 15px;
}

.opinion_list2 {
  width: 1180px;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  display: flex;
}

.main_frame {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.m_more2 {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 6%;
  left: auto;
  right: 5%;
}

.m_more2:hover {
  color: #feb47d;
}

.opinion_listbar2 {
  width: 24%;
  min-height: 200px;
  color: #fff;
  background-color: #fff;
  background-image: linear-gradient(#000637, #654895);
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 14px;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 1px 0 5px 2px rgba(255, 255, 255, .15);
}

.opinion_listbar2:hover {
  color: #feb47d;
  transform: scale(1.1);
}

.main_listbox-2 {
  width: 22%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.mainpage_blocktitle {
  color: var(--point5);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  font-size: 30px;
  font-weight: 900;
  line-height: 45px;
  display: flex;
}

.mainpage_blocktitle._2 {
  width: 50%;
  text-align: left;
}

.title_black {
  color: #777c83;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.main_list-2 {
  width: 100%;
  height: 60px;
  cursor: pointer;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 0;
  font-size: 18px;
  transition: height .4s, width .4s, box-shadow .4s;
  display: flex;
  position: relative;
}

.main_list-2:hover {
  width: 107%;
  height: 78px;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 0 20px 3px rgba(101, 72, 149, .14);
}

.store_txt {
  font-size: 22px;
}

.mainpage_mainittle {
  width: 300px;
  font-size: 50px;
  font-weight: 900;
  line-height: 70px;
}

.main_coinsub-2 {
  width: 17%;
  margin-right: auto;
  padding-left: 35px;
  display: flex;
}

.main_title {
  margin-bottom: 20px;
}

.main_frame2 {
  color: #000;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.main_store_img {
  height: 250px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 8px rgba(0, 6, 55, .3);
}

.main_item_img {
  height: 62px;
  margin-left: 10px;
}

.link-block-3 {
  width: 48%;
  height: 72px;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.link-block-3:hover {
  background-color: #654895;
}

.m_store_btnblock {
  width: 100%;
  justify-content: space-between;
  margin-top: 2vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.opinion_list {
  min-height: 25vh;
  align-items: flex-end;
  display: flex;
}

.link-block-4 {
  width: 40px;
  height: 40px;
  color: #00b4c9;
  background-color: #fff;
  border: 1px #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  display: none;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: -1%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .15);
}

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

.main_txt.down {
  color: #f34840;
}

.minapage_frame {
  min-width: 1040px;
}

.main_listarea-2 {
  max-width: 1300px;
  min-width: 1000px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 0 5px 1px rgba(255, 255, 255, .15);
}

.main_sc {
  width: 100%;
  min-height: 55vh;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: var(--bg3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  position: relative;
}

.main_bannertxt {
  color: #051065;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 300;
}

.m_item_title-2 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.button-57 {
  width: 200px;
  height: 50px;
  text-shadow: none;
  background-color: #7349e9;
  border: 1px solid #7349e9;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  padding: 0;
  font-size: 18px;
  transition: background-color .4s;
  display: flex;
}

.button-57:hover {
  color: #7349e9;
  background-color: #fff;
}

.main_listtop-2 {
  width: 100%;
  height: 60px;
  background-color: #fff;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 0;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  box-shadow: 0 0 20px rgba(101, 72, 149, .14);
}

.main_b_warp {
  width: 1180px;
  color: #262561;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.main_list_sc {
  max-width: 1280px;
  min-width: 1200px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  padding: 100px 40px;
  display: flex;
}

.app_img {
  height: 40px;
}

.div-block-125 {
  width: 50%;
  height: 300px;
  flex-direction: column;
  margin-right: 20px;
  display: flex;
}

.main_store {
  width: 1200px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  padding: 100px 40px;
  display: flex;
}

.mainpage_banner {
  width: 100%;
  height: 450px;
  background-color: var(--banner);
  background-image: url('../images/banner.png');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main_listtoptxt-2 {
  width: 20%;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  font-size: 16px;
  display: flex;
}

.main_listtoptxt-2.coin {
  width: 17%;
  justify-content: center;
  padding-left: 0;
}

.m_more {
  width: 120px;
  height: 50px;
  color: #000637;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  transition: color .2s;
  display: flex;
}

.m_more:hover {
  color: #ff5c71;
}

.opinion_listbar {
  width: 300px;
  height: 180px;
  background-color: #262561;
  background-image: linear-gradient(to bottom, var(--bg1), var(--bg2));
  color: #fff;
  text-align: left;
  border-radius: 8px;
  align-items: flex-start;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.opinion_listbar:hover {
  height: 205px;
}

.div-block-114 {
  width: 100%;
  display: flex;
}

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

.text-block-44 {
  color: #6d6d6d;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .topblock {
    min-width: auto;
    padding-left: 0;
    padding-right: 10px;
  }

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

  .frame {
    min-width: auto;
  }

  .main_box3block {
    align-items: center;
  }

  .main_box3warp {
    margin-left: 0;
  }

  .image-43 {
    width: 24px;
    height: 24px;
    filter: invert();
  }

  .positiononfo_cancle {
    min-width: 20vw;
  }

  .trade_block {
    min-width: auto;
  }

  .positiononfo {
    min-width: 20vw;
  }

  .positionblock1 {
    width: 100%;
  }

  .menubtn:hover {
    border-right-style: none;
    border-right-color: rgba(0, 0, 0, 0);
  }

  .depositbtntxt {
    min-width: 50px;
  }

  .form-3, .table_warp {
    margin-left: 50px;
  }

  .assetbox5 {
    justify-content: space-between;
  }

  .copyt-title {
    margin-left: 0;
    margin-right: 0;
  }

  .menubtn2:hover {
    border-right-style: none;
    border-right-color: rgba(0, 0, 0, 0);
  }

  .copyt_listbox.none {
    margin-left: 50px;
  }

  .copyt_block3 {
    width: 100%;
  }

  .top_menubtnlist {
    display: none;
  }

  .f_block {
    width: 100%;
    min-width: auto;
    flex-wrap: wrap;
  }

  .main_list {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
  }

  .main_listarea {
    width: 100%;
    padding: 20px;
    overflow: auto;
  }

  .main_bord1 {
    width: 100%;
  }

  .m_img1 {
    height: 120px;
  }

  .m_section {
    width: 100%;
    min-width: auto;
  }

  .main_box2 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer_block2 {
    width: 100%;
    min-width: auto;
  }

  .footerlist_warp {
    justify-content: flex-end;
  }

  .banner_content, .main_box1 {
    width: 100%;
    min-width: auto;
  }

  .banner_img {
    width: 250px;
  }

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

  .m_guide_item {
    width: 100%;
  }

  .m_t_data_box {
    width: 80%;
  }

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

  .m_s_box {
    width: 100%;
  }

  .m_copy_area2.pc {
    display: none;
  }

  .m_copy_area2.mo {
    width: 100%;
    display: flex;
  }

  .m_copy_area1 {
    width: 100%;
  }

  .opinion_list2 {
    width: 100%;
    flex-wrap: wrap;
  }

  .opinion_listbar2 {
    width: 48%;
    padding: 15px;
  }

  .btnlist {
    display: none;
  }

  .opinion_list {
    min-height: 50vh;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .minapage_frame {
    width: 100%;
    min-width: auto;
  }

  .main_listarea-2 {
    width: 100%;
    min-width: 700px;
  }

  .main_bannertxt {
    color: #fff;
  }

  .main_b_warp {
    color: #fff;
    text-shadow: 0 0 7px rgba(0, 6, 55, .5);
  }

  .div-block-125 {
    width: 350px;
  }

  .main_store {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .mainpage_banner {
    background-image: linear-gradient(rgba(0, 6, 55, .3), rgba(0, 6, 55, .3)), url('../images/banner.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
  }

  .opinion_listbar {
    padding: 15px;
  }
}

@media screen and (max-width: 767px) {
  .left-arrow {
    width: 10vw;
  }

  .footerlogoblock {
    min-width: auto;
    margin-bottom: 4vw;
    margin-right: 0;
  }

  .copyright {
    padding-top: 0;
    font-size: 3vw;
    line-height: 4vw;
  }

  .footer_block {
    height: auto;
    min-width: 100%;
    flex-direction: column;
    padding: 5vw;
  }

  .custermermain_warp {
    padding-left: 0;
    padding-right: 0;
  }

  .frame3 {
    min-height: 120vh;
    min-width: auto;
    margin-top: 11vw;
  }

  .logoblock {
    width: 18vw;
    height: 100%;
    margin-right: 0;
  }

  .topblock {
    min-width: auto;
    padding-left: 0;
    padding-right: 1vw;
  }

  .userinfobtn {
    width: auto;
    height: 100%;
    min-width: 25vw;
    white-space: nowrap;
    padding-left: .5vw;
    padding-right: 1vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .main_popfeild {
    height: 90vw;
    margin-top: 2vw;
    margin-bottom: 4vw;
  }

  .text4 {
    width: auto;
    height: 20vw;
    min-height: auto;
    font-size: 2.5vw;
    line-height: 5vw;
  }

  .main_noticepop {
    display: flex;
  }

  .checkbox-label {
    margin-left: 1vw;
  }

  .text7 {
    margin-bottom: 1vw;
    margin-left: 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .mob_sidebtn {
    width: 8vw;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-right: .5vw;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .frame {
    display: flex;
  }

  .main_banner {
    width: 100%;
    min-width: auto;
  }

  .pop_exist {
    width: 6vw;
    height: 6vw;
    padding-right: 2vw;
    top: 3px;
    right: 3px;
  }

  .bottom {
    width: 100%;
  }

  .checkbox-field {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-left: 4vw;
  }

  .asset_coininfo_name {
    margin-right: 1vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .right-arrow {
    width: 10vw;
  }

  .main_box3block {
    height: 20vw;
    align-items: center;
    display: flex;
  }

  .mainpop_block {
    width: 90%;
    height: 120vw;
    flex-direction: column;
    padding: 6vw 3vw;
    display: flex;
  }

  .top {
    z-index: 99;
    height: 11vw;
    min-width: auto;
    position: fixed;
  }

  .form-block-15 {
    margin-left: 4vw;
    font-size: 2vw;
    position: absolute;
    top: auto;
    bottom: -40%;
    left: auto;
    right: 0%;
  }

  .footerlogo {
    width: 32vw;
    height: 7vw;
  }

  .title4 {
    margin-bottom: 4vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .image-38 {
    width: 4vw;
    height: 4vw;
  }

  .appbtn_warp {
    width: 48%;
  }

  .warp2 {
    width: auto;
    height: 10vw;
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .title3 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .checkbox-3 {
    margin-top: 0;
    margin-left: -4vw;
  }

  .main_box3warp {
    width: 100%;
    height: auto;
    min-width: auto;
    margin-left: 3vw;
  }

  .registbtn {
    height: 7vw;
    min-width: 13vw;
    border-radius: 1vw;
    padding: .5vw;
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .logo {
    width: 18vw;
    min-width: auto;
  }

  .top_leftblock {
    min-width: auto;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    overflow: hidden;
  }

  .image-25 {
    width: 26vw;
    height: 6vw;
  }

  .title7 {
    margin-bottom: 2vw;
    padding-left: 0;
    font-size: 5.5vw;
    line-height: 8vw;
  }

  .mainpopbtn {
    width: 35vw;
    height: 7vw;
    border-radius: 1vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 3vw;
    line-height: 4vw;
  }

  .profilename {
    color: #fff;
    margin-right: 1vw;
  }

  .image-43 {
    width: 3vw;
    height: 3vw;
    filter: invert();
  }

  .text-block-32 {
    margin-bottom: 2vw;
    font-size: 3vw;
  }

  .loginbtn {
    height: 7vw;
    min-width: 11vw;
    padding: .5vw;
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .body1 {
    font-size: 2.3vw;
    line-height: 4vw;
  }

  .hold_txt {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    text-align: right;
    align-items: flex-end;
    display: flex;
  }

  .krw {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    justify-content: flex-end;
  }

  .message_btn {
    width: 8vw;
    height: 100%;
    margin-right: 0;
  }

  .message_img {
    width: 4vw;
  }

  .m_new {
    width: 3vw;
    height: 3vw;
    font-size: 2vw;
    line-height: 3vw;
    right: 5%;
  }

  .body, .body2 {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .orderbook_box {
    height: 121vw;
  }

  .coinsub_info {
    width: 49vw;
    margin-left: 2vw;
  }

  .order_topbtnlist {
    height: 9vw;
  }

  .assetlist {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex-direction: column;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .form-block {
    height: 27vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .position_notlogin {
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .tradebtn2 {
    border-radius: 1vw;
    padding: 1vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .image-41 {
    width: 4vw;
    height: 2vw;
    margin-left: auto;
    margin-right: 4vw;
  }

  .position_listblock3 {
    width: 150%;
    flex-direction: column;
    padding: 1vw;
    display: flex;
    overflow: visible;
  }

  ._24hinfo {
    width: 97%;
    height: auto;
    min-height: 30vw;
    min-width: auto;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-rows: 16vw 14vw;
    grid-template-columns: 34vw 30vw 30vw;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 1vw;
    margin-right: 1vw;
    display: grid;
  }

  .markettradelist {
    height: 5vw;
    align-items: center;
    margin-top: .5vw;
    margin-bottom: .5vw;
  }

  .quantitybar_block {
    height: 6vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding-right: 1vw;
  }

  .coinsub_infotxt {
    width: 24vw;
  }

  .trade_block3 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
  }

  .positionlistblock {
    height: 8vw;
    padding-left: 0;
    overflow: visible;
  }

  .tradesub_btnlist {
    height: 7vw;
    margin-top: 1vw;
    margin-bottom: 2vw;
  }

  .tradetop_coin {
    width: 100%;
    height: 10vw;
    min-width: auto;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    margin-bottom: 2vw;
    padding-left: 4vw;
    padding-right: 2vw;
  }

  .image {
    width: 6vw;
    height: 6vw;
    margin-left: 3vw;
  }

  ._24hsub {
    margin-bottom: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .domlist_info {
    padding-left: 1vw;
    padding-right: .5vw;
  }

  .orderbook_top {
    height: 9vw;
  }

  .button-16 {
    width: 42%;
    height: 5vw;
    border-radius: .5vw;
    font-size: 2vw;
    line-height: 4vw;
  }

  .transactionwarp {
    height: 60%;
    padding: 1vw 2vw;
  }

  .coinsub_toptxt {
    width: 15vw;
    margin-right: 9vw;
  }

  .coinsub_toptxt.coin {
    width: 14vw;
    margin-right: 8vw;
  }

  .top_runtimequote {
    font-size: 3.8vw;
  }

  .positiononfo_cancle {
    margin-left: auto;
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .tradehistory_top {
    height: 7vw;
    padding: .5vw 1.5vw;
    display: flex;
  }

  .tradebtn1 {
    border-radius: 1vw;
    padding: 1vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .trade_topblock {
    width: 100%;
    height: 55vw;
    min-width: auto;
    flex-direction: column;
    align-items: flex-start;
    margin: 11vw 0 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-right: 0;
  }

  .mob_leveragebtn {
    margin-top: 1vw;
    margin-bottom: 1vw;
    display: flex;
  }

  .mob_tradingbtn {
    width: 100%;
    height: 10vw;
    display: flex;
  }

  .orderbook_top2 {
    height: 9%;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
  }

  .orderbook_top2._1 {
    height: 7vw;
  }

  .order_top2 {
    z-index: 1;
    width: 150%;
    height: 7vw;
    padding-left: 2vw;
    padding-right: 2vw;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    bottom: 0;
    left: 0%;
    right: 0%;
  }

  .transaction_block {
    min-width: auto;
    flex-direction: column;
    display: flex;
  }

  .position_warp2 {
    width: 100%;
    height: auto;
    padding-bottom: 2vw;
    overflow: visible;
  }

  .leverage_warp {
    height: auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .trade_block {
    width: 100%;
    padding-left: 1vw;
    padding-right: 1vw;
    display: flex;
  }

  ._24hinfolist {
    width: auto;
    min-width: 25vw;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    margin-left: 0;
    padding: 0 1vw;
  }

  .text-block-15 {
    width: 9vw;
    margin-left: 0;
    margin-right: auto;
    font-size: 3vw;
    line-height: 3vw;
  }

  .quote_box {
    height: 94%;
    justify-content: flex-start;
  }

  .tradebtn_block {
    height: 10vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .tradelistbox2 {
    margin-top: 1vw;
    margin-bottom: 1vw;
    margin-left: 0;
  }

  .positiononfo {
    text-align: right;
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .transaction_topbtn {
    height: 9vw;
  }

  .trade_coinsub {
    z-index: 5;
    width: 100%;
    border-style: none none solid;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 2vw;
    padding-bottom: 2vw;
    top: 10vw;
    left: 0;
  }

  .orderbook_block {
    min-width: auto;
    overflow: hidden;
  }

  .markettrade_box {
    padding: 1vw 1.5vw;
  }

  ._24hinfo_txt {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .position_listblock1 {
    width: 200%;
    height: auto;
    flex-direction: column;
    padding: 1vw 1vw 2vw;
  }

  .ordertxt {
    font-size: 2.5vw;
  }

  .transaction_btm {
    padding-top: 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .coinsub {
    margin-left: 3vw;
    font-size: 4vw;
  }

  .order_block {
    width: 100%;
    height: 75vw;
    min-width: auto;
    flex-direction: column;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    bottom: -75vw;
    left: 0%;
    right: 0%;
  }

  .ordertxt5 {
    width: 50%;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .ordertxt5.right {
    justify-content: flex-start;
    padding-left: 2vw;
  }

  .text-block-36 {
    margin-bottom: 1vw;
    font-size: 3vw;
  }

  .trade_mainframe {
    z-index: 0;
    width: 100%;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .text-block-41 {
    min-width: 17vw;
    margin-left: 2vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .quantitybar_percentcircle {
    width: 3.5vw;
    height: 3.5vw;
    right: -2vw;
  }

  .quantitybar {
    height: 1vw;
  }

  .tradeblock1 {
    z-index: -1;
    width: 100%;
    height: 130vw;
    min-width: auto;
    flex-direction: column;
    margin-left: 0;
    padding-top: 0;
    position: relative;
  }

  .quantitybar_circle {
    width: 2vw;
    height: 2vw;
  }

  .text-field-13 {
    height: 7vw;
    padding: 0 0 0 3vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .div-block-108 {
    margin-bottom: 2vw;
  }

  .tradeblock2 {
    flex-direction: row;
    grid-template-rows: 100vw 90vw;
    grid-template-columns: minmax(50%, 100%) minmax(50%, 1fr);
    grid-auto-columns: minmax(385px, 100%);
    justify-content: flex-start;
    display: flex;
  }

  .tradeblock2.transaction {
    width: 100%;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    position: relative;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .order_topbtn {
    width: 100%;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .quote_price {
    width: auto;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.2vw;
    line-height: 3vw;
  }

  .order_txt1 {
    height: 4vw;
    margin-bottom: 1vw;
    line-height: 3vw;
  }

  .chartblock {
    z-index: 1;
    width: 100%;
    height: 130vw;
    min-height: auto;
    min-width: auto;
    margin-right: 0;
    display: none;
    position: absolute;
  }

  .tradesub_btn {
    font-size: 2vw;
    line-height: 3vw;
  }

  .topblock_quotebox {
    width: 13vw;
    height: 5vw;
    border-radius: .5vw;
    margin-left: 2vw;
    font-size: 2.8vw;
  }

  .div-block-116 {
    height: 6vw;
    margin-left: 2vw;
    margin-right: 2vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .runtimequote-copy {
    width: 19vw;
    margin-right: 3vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .dombox_quote {
    height: 12vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .trade_frame {
    width: 100%;
    min-height: 345vw;
    min-width: auto;
    padding-bottom: 0;
    position: relative;
  }

  .div-block-115 {
    width: 95%;
    height: 8vw;
    margin-bottom: 2vw;
    margin-left: 3vw;
    font-size: 2vw;
    line-height: 4vw;
  }

  .assetblock {
    width: 100%;
    min-width: auto;
    border-radius: 0;
    margin: 2vw 0;
    padding: 4vw;
    position: absolute;
    bottom: -138vw;
  }

  .text-block-35 {
    color: #00b4c9;
    text-align: right;
    margin-top: 1vw;
    margin-bottom: 1vw;
    display: flex;
  }

  .text-block-35:hover {
    color: #fff;
  }

  .position_warp1 {
    width: 100%;
    height: 89%;
    overflow: visible;
  }

  .dom_quote {
    font-size: 3vw;
    line-height: 4vw;
  }

  .position_box {
    width: 100%;
    height: 65vw;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
  }

  .text-field {
    height: 7vw;
    margin-bottom: 0;
    padding: 0 0 0 2vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .ordertxt2 {
    margin-bottom: 1vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .order_top1 {
    z-index: 1;
    width: 200%;
    height: 9vw;
    min-height: auto;
    background-color: var(--deepbox);
    padding-left: 0;
    padding-right: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .quote_quantity {
    justify-content: flex-end;
    font-size: 2.2vw;
    line-height: 3vw;
  }

  .title1 {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .usdt-asset {
    padding: 1vw 4vw 1vw 3vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .image-42 {
    width: 5vw;
    height: 5vw;
    margin-right: 2vw;
  }

  .funding_ratetxt {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .leverage_block {
    width: 50%;
    height: auto;
    min-width: auto;
    padding: 3vw;
    display: none;
  }

  .leverage_block.mob {
    width: 100%;
    background-color: var(--b_light);
    color: var(--white);
    border-radius: 4px;
    padding-bottom: 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
  }

  ._24hblock1 {
    align-items: center;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .button-44 {
    height: 6vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .ordertxt3 {
    text-align: right;
    margin-left: 0;
    display: flex;
  }

  .order_toplisttxt1 {
    justify-content: center;
    align-items: center;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .position_login {
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .markettrade {
    height: auto;
    min-width: auto;
  }

  .markettrade.tradehistory {
    font-size: 2vw;
    line-height: 3vw;
  }

  .trade_coiningo_warp {
    width: 100%;
  }

  .button-12 {
    width: 50%;
    background-color: var(--deepbox);
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 3vw;
    line-height: 4vw;
    display: flex;
  }

  .button-12.chart.select, .button-12.transaction.select {
    background-color: var(--b_light);
  }

  .position_listblock2 {
    width: 150%;
    flex-direction: column;
    padding: 1vw;
    display: none;
    overflow: visible;
  }

  .orderbox1 {
    width: 50%;
    height: 118vw;
    max-width: 50vw;
    align-items: stretch;
    display: flex;
    position: absolute;
    top: 0;
    left: auto;
    right: 0%;
  }

  .orderbox1.transaction {
    z-index: 0;
    height: 130vw;
    display: flex;
    top: auto;
    bottom: 0;
  }

  .trade_coinsublist {
    width: 100%;
    height: 10vw;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .orderbox2 {
    width: 50%;
    height: 130vw;
    min-width: auto;
  }

  .asideblock {
    height: 145vw;
    margin-top: 3vw;
    overflow: auto;
  }

  .image-45 {
    width: 3.5vw;
    height: 2vw;
  }

  .aasidedrop {
    flex-direction: column;
    display: none;
  }

  .mob_asidepop {
    z-index: 4;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .asidewarp {
    align-items: center;
    display: flex;
  }

  .image-44 {
    width: 5vw;
    height: 5vw;
  }

  .mob_asidepop_block {
    width: 65%;
    height: 100%;
    background-color: var(--b_light);
    margin-bottom: 10vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
    position: fixed;
    left: 0;
  }

  .asidelist {
    height: 10vw;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
    padding-left: 5vw;
    padding-right: 0;
    font-size: 2.5vw;
    line-height: 3vw;
    display: flex;
  }

  .asidelist:hover {
    background-color: rgba(255, 255, 255, .15);
  }

  .asidelist.additionalbtn {
    background-color: var(--deepbox);
    justify-content: space-between;
    padding-right: 5vw;
    position: relative;
  }

  .text-block-17 {
    height: 100%;
    color: var(--point);
    align-items: center;
    margin-left: 3vw;
    font-size: 2.8vw;
    line-height: 4vw;
    display: flex;
  }

  .text-block-21 {
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .aside_profile {
    height: 10vw;
    background-color: var(--deepbox);
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    justify-content: space-between;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
  }

  .submit-button-2 {
    height: 8vw;
    margin-top: 5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .text-field-10 {
    height: 7vw;
    margin-bottom: 4vw;
    padding: 0 3vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .title5 {
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .loginbox {
    height: 7vw;
    margin-bottom: 4vw;
  }

  .frame4 {
    width: 100%;
    height: 100%;
    min-height: 80vh;
    padding-top: 11vw;
  }

  .text-field-9 {
    height: 100%;
    padding: 0 3vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .loginblock {
    width: 100%;
    border-style: none;
    border-radius: 0;
    margin-top: 5vw;
    margin-bottom: 5vw;
    padding: 10vw 10vw 15vw;
  }

  .login_block {
    width: 100%;
    min-width: auto;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .login_sideiblock {
    display: none;
  }

  .form-5 {
    min-height: 80vw;
  }

  .button-10 {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .text6 {
    font-size: 3vw;
    line-height: 3vw;
  }

  .select-field-7 {
    padding: 1vw 3vw 1vw 2vw;
    font-size: 2vw;
  }

  .pop_btn {
    height: 8vw;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
  }

  .title6 {
    text-align: center;
    font-size: 6vw;
    line-height: 8vw;
    display: flex;
  }

  .button-15 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .registpop_blcok {
    width: 95vw;
    padding: 4vw 6vw 5vw;
  }

  .poptitle {
    margin-bottom: 1vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .welcomepop {
    display: none;
  }

  .button-32 {
    border-radius: 1vw;
    margin-left: 2vw;
    padding: 2vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .field-label {
    margin-bottom: 4vw;
  }

  .text-field-18 {
    height: 100%;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .pop_input {
    height: 8vw;
  }

  .button-15-copy {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .asset_cointitle {
    width: 18vw;
    margin-right: 2vw;
  }

  .frame2 {
    padding-top: 11vw;
    padding-bottom: 0;
  }

  .asset_coin {
    width: 100%;
    min-height: 20vw;
    align-items: flex-end;
    margin-left: 0;
    padding: 4vw 1vw;
  }

  .asset_coininfo_txt {
    min-width: 20vw;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: auto;
    font-size: 2vw;
    line-height: 2.5vw;
  }

  .asset_coinsub_top {
    width: 80vw;
    max-width: none;
    justify-content: flex-end;
    margin-bottom: 2vw;
    padding-left: 17vw;
  }

  .asset_coinsub_top.usdt {
    padding-right: 0;
  }

  .title2 {
    margin-bottom: 1vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .unit {
    margin-left: 1vw;
  }

  .asset_coininfo {
    width: 100%;
    align-items: center;
  }

  .asset_warntxt {
    width: 100%;
    flex-direction: column;
    font-size: 2vw;
    line-height: 4vw;
    display: flex;
  }

  .asset_value {
    width: 40vw;
    height: 8vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .menubtn {
    width: 100%;
    height: 10vw;
    min-width: auto;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .menubtn:hover {
    color: var(--point);
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .menubtn.click {
    border-bottom: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
    font-weight: 500;
  }

  .menubtn.click:hover {
    color: var(--point);
  }

  .asset_coinsub_name {
    width: 20vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .asset_coinsub_toptxt {
    width: 20vw;
    text-align: right;
    justify-content: flex-end;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 3vw;
  }

  .button-46 {
    width: 80%;
    height: 8vw;
    margin-left: 4vw;
  }

  .coinimg1 {
    width: 6vw;
    height: 6vw;
    margin-right: 2vw;
  }

  .button-4 {
    width: 20vw;
    height: 8vw;
    border-radius: 1vw;
    margin-left: 4vw;
  }

  .assettitle {
    margin-bottom: 2vw;
    margin-left: 0;
    font-size: 5vw;
    line-height: 6vw;
  }

  .deposit_warp3 {
    box-shadow: none;
    padding-top: 4vw;
  }

  .btnarea {
    width: 100%;
    height: 100%;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-rows: auto;
    grid-template-columns: 25vw 25vw 30vw;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center;
    padding: 2vw 4vw;
    display: grid;
  }

  .assetbox {
    width: 100%;
    height: 100%;
    min-height: auto;
    min-width: auto;
    background-color: var(--white);
    border-radius: 0;
    margin-bottom: 0;
    padding: 6vw 5vw 10vw;
  }

  .warn_title {
    font-size: 3vw;
  }

  .deposit_warp1 {
    height: 12vw;
    justify-content: space-between;
    margin-bottom: 2vw;
    margin-left: 0;
    padding-left: 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .asset_block {
    width: 100%;
    min-height: 50vh;
    align-items: flex-start;
  }

  .depositbtntxt {
    min-width: 7vw;
    font-size: 3vw;
    line-height: 4vw;
    display: none;
  }

  .deposit_warp2 {
    height: auto;
    border-bottom-style: none;
    border-radius: 1vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    justify-items: center;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 0;
    display: flex;
  }

  .asset_coininfoblock {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .asset_address {
    margin-top: 4vw;
    margin-bottom: 4vw;
    padding-left: 2vw;
  }

  .asset_address.btc {
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .asset_coinsub {
    width: 100%;
    min-height: 16vw;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
    padding: 2vw 1vw;
  }

  .myassetvalue {
    width: 100%;
  }

  .asset_warn {
    width: 100%;
    height: auto;
    margin-top: 4vw;
    margin-bottom: 6vw;
    font-size: 2vw;
    line-height: 4vw;
  }

  .submit-button {
    height: 9vw;
    margin-top: 3vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .form-2 {
    height: 60vw;
    margin-top: 4vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .mawqty {
    width: 15vw;
    height: 100%;
  }

  .assetlistbox2 {
    height: 13vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    margin-left: 0;
  }

  .asset_listbox {
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .text-field-3 {
    height: 8vw;
    margin-bottom: 4vw;
    padding: 1vw 3vw;
  }

  .withrawl_qty {
    align-items: center;
    margin-bottom: 3vw;
  }

  .form-block-2, .form-block-2.btc {
    width: 100%;
    margin-top: 3vw;
  }

  .text-field-4 {
    height: 8vw;
    padding: 1vw 3vw;
  }

  .asset_tabletop {
    width: 200%;
    height: 10vw;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .form-3 {
    height: 7vw;
    justify-content: flex-start;
    margin-bottom: 2vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .listtext1 {
    width: 9%;
    text-align: center;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .text-field-5 {
    width: 20vw;
    height: 100%;
    padding: 0 0 0 2vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .form-block-4 {
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

  .listpage_warp {
    height: 7vw;
    margin-top: 4vw;
  }

  .button-19 {
    width: 7vw;
    height: 7vw;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 3vw;
    line-height: 4vw;
    display: flex;
  }

  .listtext2 {
    width: 28%;
    height: auto;
    padding: 1vw;
  }

  .select-field-5 {
    width: 19vw;
    height: 8vw;
    padding-left: 2vw;
    padding-right: 3vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .listtext3 {
    text-align: center;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .asset_tablelist {
    width: 100%;
    height: 12vw;
    padding: 1vw 0 1vw 0;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .deposit_warp4 {
    box-shadow: none;
    padding-top: 4vw;
    padding-right: 0;
    overflow: hidden;
  }

  .assetwarp {
    min-height: 60vh;
    margin-top: 1vw;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .asset_table {
    width: 200%;
  }

  .table_warp {
    width: 100%;
    max-height: 200vw;
    margin-top: 5vw;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: auto;
  }

  .table_warp.funding {
    height: auto;
    max-height: 100vw;
    overflow: auto;
  }

  .text2 {
    margin-left: 2vw;
    margin-right: 1vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .withrawlpop {
    display: flex;
  }

  .form-block-14 {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }

  .withrawlblock {
    width: 90vw;
    height: 40vw;
    background-color: #1f1f1f;
    border-color: rgba(255, 255, 255, .1);
    padding: 2vw 6vw 4vw;
  }

  .exchange_result {
    justify-content: center;
    align-items: flex-start;
  }

  .select-field-2 {
    width: 30vw;
    height: 8vw;
    padding-left: 1vw;
    padding-right: 4vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .text-field-8 {
    height: 10vw;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .text-field-8.select {
    width: 40vw;
    height: 8vw;
    margin-left: 0;
    padding: 0 0 0 2vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .assetbox5 {
    width: 75%;
    min-height: 30vw;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 3vw;
  }

  .assetbox3 {
    width: 80%;
    height: auto;
    margin-left: 3vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .exchangeinfo {
    width: 80%;
    justify-content: center;
    margin-left: 3vw;
  }

  .asset_block2 {
    width: 100%;
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .exchangebtn {
    width: 8vw;
    height: 8vw;
    margin-left: 3vw;
    margin-right: 3vw;
    padding-top: 0;
  }

  .exchangebtn_img {
    width: 8vw;
    height: 8vw;
  }

  .button-6 {
    width: 20vw;
    height: 8vw;
    padding: 1vw 3vw;
  }

  .exchange_result1 {
    justify-content: center;
    align-items: center;
  }

  .form-block-3 {
    margin-left: 0;
    padding-left: 0;
  }

  .exchange_quote1 {
    margin-left: 0;
  }

  .asset_quote {
    margin-top: 1vw;
    padding-left: 0;
  }

  .form-block-13 {
    margin-left: 0;
  }

  .result_warp {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-top: 6vw;
  }

  .result_btn {
    padding: 1vw 3vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .result_btn.click {
    width: 60vw;
    height: 9vw;
    margin-top: 3vw;
  }

  .assetbox2 {
    height: auto;
    flex-direction: row;
    margin-bottom: 4vw;
  }

  .text3 {
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    margin-top: 2vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .result_txt {
    font-size: 7vw;
    line-height: 8vw;
  }

  .assetbox4 {
    justify-content: center;
    padding-left: 0;
    display: flex;
  }

  .dw_btn1 {
    width: 11vw;
    height: 5vw;
    font-size: 2vw;
  }

  .dw_btn2 {
    width: 6vw;
    height: 5vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .anotice {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .useraccount {
    width: 100%;
    height: 10vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .wallettxt {
    width: 100%;
    max-width: none;
    margin-bottom: 4vw;
    margin-right: 0;
  }

  .mymoney {
    width: 100%;
    max-width: none;
    text-align: left;
    align-items: flex-start;
    margin-bottom: 3vw;
    padding-right: 2vw;
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .text-block-13 {
    width: 100%;
    height: 10vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .div-block-4 {
    width: 100%;
    margin-top: 5vw;
  }

  .text-span-54 {
    margin-bottom: 1vw;
    font-size: 3.5vw;
  }

  .arrow {
    margin-left: 0;
    margin-right: 0;
    font-size: 8vw;
    line-height: 8vw;
    display: none;
  }

  .arrow.horizon {
    display: none;
  }

  .arrow.vertical {
    justify-content: flex-start;
    margin: 2vw 0;
    display: flex;
  }

  .pbtnwrap {
    margin-top: 2vw;
  }

  .pbtn {
    width: 48%;
    height: 10vw;
    margin-bottom: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .dwrap {
    width: 100%;
    margin-top: 0;
    padding: 8vw 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .btntxt {
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .tablewrap4 {
    width: 100%;
    flex-direction: column;
    margin-bottom: 7vw;
  }

  .wallet_krwtxt {
    margin-top: 1vw;
  }

  .withdraw_sizebox {
    width: 100%;
  }

  .text-field4 {
    width: 100%;
    height: 10vw;
    border-radius: 1vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .anotice2 {
    font-size: 3vw;
    line-height: 8vw;
  }

  .tablewrap {
    width: 100%;
  }

  .div-block-12 {
    width: 100%;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 5vw;
    padding: 3vw 4vw;
    display: flex;
  }

  .dtitle {
    width: auto;
    margin-top: 0;
    margin-bottom: 4vw;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .btn_deposit {
    width: 48%;
    height: 8.5vw;
    justify-content: center;
    align-items: center;
    margin-top: 8vw;
    margin-left: 0;
  }

  .depositbtnwarp {
    width: 100%;
    justify-content: space-between;
  }

  .btn_deposit2 {
    width: 48%;
    height: 8.5vw;
    justify-content: center;
    align-items: center;
    margin-top: 8vw;
    margin-left: 0;
  }

  .custermertitle1 {
    margin-bottom: 2vw;
    font-size: 5vw;
    line-height: 6vw;
  }

  .image-51 {
    height: 19vw;
    margin-bottom: 2vw;
  }

  .frame5 {
    width: 100%;
    padding-top: 11vw;
    padding-bottom: 7vw;
  }

  .banner_warp {
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .custermermain_title {
    margin-bottom: 2vw;
    padding-left: 3vw;
    font-size: 4vw;
    line-height: 9vw;
  }

  .custermertitle2 {
    font-size: 6.5vw;
    line-height: 8vw;
  }

  .image-22 {
    width: 100%;
    height: 45vw;
    max-width: none;
    min-width: auto;
  }

  .custermermain_warp1 {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 10vw;
    margin-bottom: 5vw;
  }

  .custermermain_warp2 {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 10vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .custermermain_textblock {
    height: 8vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding-left: 3vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .custermer_iconbtn {
    width: 65%;
    margin: 3vw 0;
    padding: 4vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .custermermain_box2 {
    width: 100%;
    height: auto;
    min-height: 25vw;
    margin-bottom: 2vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .custermer_titleblock {
    width: 100%;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
  }

  .custermer_titlewarp {
    width: 100%;
    align-items: flex-end;
    padding-bottom: 0;
  }

  .paging {
    min-width: 100%;
    justify-content: center;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .button-18 {
    width: 8vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .custermer_liet {
    height: 8vw;
    margin: 1vw 2vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .custermer_listblock {
    width: 100%;
    height: auto;
    min-height: 120vw;
    border-radius: 0;
    padding: 6vw 5vw;
  }

  .custermer_listtxt2 {
    text-align: center;
  }

  .custermer_warp2 {
    height: 8vw;
    margin-top: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .custermer_listblocktop {
    height: 8vw;
    border-radius: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .custermer_warp1 {
    height: auto;
    min-height: 75vw;
    margin-top: 2vw;
  }

  .custermer_block {
    width: 100%;
    min-height: 120vw;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    border-radius: 0;
    padding: 5vw 5vw 8vw;
  }

  .detail_textblock {
    height: 120vw;
    padding: 2vw;
  }

  .detail_textblock.qna {
    height: 45vw;
  }

  .detail_titleblock {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0;
    font-size: 2.5vw;
    line-height: 3vw;
    display: flex;
  }

  .subtitle.writer {
    min-width: 18vw;
  }

  .subtitle.date {
    min-width: 35vw;
  }

  .text-block-5 {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .subtitle_block {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .detail_btnblcok {
    width: 100%;
    height: 7vw;
    margin-top: 3vw;
    padding-right: 5vw;
  }

  .button-17 {
    width: 29vw;
  }

  .textarea-2 {
    min-height: 35vw;
    margin-bottom: 4vw;
    padding: 1vw 3vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .text-field-12 {
    height: 8vw;
    margin-bottom: 5vw;
    padding: 1vw 3vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .form-6 {
    align-items: flex-start;
  }

  .button-11 {
    width: 16vw;
    height: 7vw;
    border-radius: 1vw;
    padding: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .fileselect1 {
    width: 59vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .form-block-6 {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .fileblock {
    width: 100%;
    margin-bottom: 4vw;
  }

  .text-field-11 {
    height: 8vw;
    margin-bottom: 4vw;
    padding: 1vw 3vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .deletebtn_box {
    width: 4.5vw;
    height: 4.5vw;
    border-radius: .5vw;
    margin-left: 2vw;
  }

  .deletebtn {
    width: 4.5vw;
    height: 4.5vw;
  }

  .file_uploadbox {
    margin-left: 2vw;
  }

  .fileselect_block {
    width: 100%;
    height: 7vw;
    margin-bottom: 4vw;
  }

  .deletebtn_icon {
    width: 4vw;
    height: 4vw;
  }

  .submit-button-3 {
    width: 35vw;
    height: 8vw;
    border-radius: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .button-21 {
    width: 40vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .accountbox {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding-left: 4vw;
  }

  .accountwarp {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .text-block-31 {
    margin-bottom: 2vw;
    padding-left: 3vw;
    font-size: 3vw;
    line-height: 8vw;
  }

  .text-block-31.nochange {
    height: 8vw;
  }

  .form-8 {
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .password2 {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding: 1vw 3vw;
    font-size: 2.8vw;
  }

  .accountblock {
    width: 100%;
    min-height: auto;
    margin-bottom: 0;
    padding: 9vw 5vw;
  }

  .button-20 {
    margin-left: 3vw;
    font-size: 2.5vw;
  }

  .button-38 {
    height: 8vw;
  }

  .text-field-15 {
    height: 8vw;
    padding-left: 4vw;
    font-size: 2.8vw;
  }

  .button-21-copy {
    width: 40vw;
    margin-left: 4vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .accountbtn {
    height: 9vw;
  }

  .text-block-16 {
    font-size: 2.8vw;
  }

  .password, .text-field-14 {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding: 1vw 3vw;
    font-size: 2.8vw;
  }

  .text-field-14.certification {
    height: 8vw;
  }

  .name {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding: 1vw 3vw;
    font-size: 2.8vw;
  }

  .accountbox2 {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

  .form-block-8 {
    width: 100%;
  }

  .image-60 {
    width: 2.5vw;
  }

  .copyttitle {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-98 {
    width: auto;
    align-items: flex-start;
  }

  .div-block-100 {
    width: auto;
    margin-left: 0;
    padding-top: 2vw;
  }

  .button-41 {
    width: 12vw;
    height: 6vw;
    border-radius: 1vw;
    margin-bottom: 2vw;
  }

  .div-block-97 {
    width: 65vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .text9 {
    width: 44vw;
    height: 12vw;
    min-width: auto;
  }

  .div-block-112 {
    height: 9vw;
    align-items: center;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
  }

  .button-48 {
    height: 8vw;
    min-width: 24vw;
    text-align: center;
    border-radius: 1vw;
    margin-left: 2vw;
    margin-right: 2vw;
    padding: 1vw;
  }

  .traderlink1 {
    height: 7vw;
    align-items: center;
    margin-top: 2vw;
    font-size: 2vw;
    line-height: 2.5vw;
  }

  .button-45 {
    min-width: 13vw;
    border-radius: 1vw;
    font-size: 2vw;
  }

  .copywarp {
    width: 100%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .text-field-21 {
    width: 30vw;
    height: 6vw;
    margin-right: 3vw;
    padding: 1vw 1vw 1vw 6.5vw;
    line-height: 3vw;
    right: 1vw;
  }

  .button-42 {
    width: 16vw;
    height: 6vw;
    border-radius: 1vw;
    margin-right: 2vw;
    padding: 1vw;
    font-size: 2.5vw;
  }

  .div-block-99 {
    grid-column-gap: 2vw;
    grid-row-gap: 1vw;
    grid-template-rows: 12vw 12vw;
    grid-template-columns: 20vw 20vw 20vw;
    grid-auto-columns: 1fr;
    margin-top: 1vw;
    display: grid;
  }

  .image-59 {
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: 0;
  }

  .copyt-title {
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 5vw 4vw;
  }

  .div-block-101 {
    text-align: left;
    flex-direction: column;
  }

  .copyt_userlistbox {
    width: 100%;
    height: auto;
    min-height: 45vw;
    border-radius: 2vw;
    align-items: flex-start;
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding: 2vw 1.5vw;
  }

  .text11 {
    margin-left: 0;
    margin-right: 0;
    font-size: 2.5vw;
  }

  .username {
    margin-right: 2vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .form-block-16 {
    width: 100%;
    margin-bottom: 3vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .image-58 {
    width: 9vw;
    height: 9vw;
    margin-right: 3vw;
  }

  .copyt_radio {
    width: 100%;
    height: 8vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .image-54 {
    width: 18vw;
    height: 18vw;
    margin-right: 4vw;
  }

  .text-field-19 {
    width: 30vw;
    height: auto;
    margin-top: 1vw;
    padding: 1vw 3vw 1vw 2vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .copyt_warp2 {
    margin-right: 2vw;
  }

  .checkbox-field-2 {
    width: 15vw;
    align-items: center;
    margin-bottom: 1vw;
    margin-left: 1vw;
    margin-right: 1vw;
    padding-left: 4vw;
    display: flex;
  }

  .text-block-25 {
    width: 20vw;
    margin-right: 2vw;
    padding: 1vw;
  }

  .text-block-40 {
    line-height: 3vw;
  }

  .copyt_block4 {
    width: 100%;
    min-height: 75vw;
    margin-bottom: 6vw;
    padding: 5vw 3vw;
  }

  .button-47-copy {
    width: 20vw;
  }

  .button-33 {
    width: 15vw;
    height: auto;
    margin-top: 1vw;
    margin-right: 2vw;
    line-height: 3vw;
  }

  .button-33.click {
    height: auto;
    margin-right: 2vw;
  }

  .div-block-122 {
    width: 4vw;
    height: 4vw;
    margin-left: 2vw;
  }

  .button-34 {
    width: 25vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-right: 2vw;
    padding: 1vw;
    line-height: 3vw;
    display: flex;
  }

  .button-34.click {
    text-align: center;
  }

  .copyoption_coinsub {
    display: none;
  }

  .copyoption_coinsub.on {
    display: block;
  }

  .copyt_followwarp2 {
    height: 15vw;
  }

  .copy_box {
    width: 75vw;
    height: 12vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .div-block-123 {
    width: 35vw;
    height: 10vw;
    align-items: center;
    padding: 2vw;
    display: none;
    top: 4vw;
    left: auto;
    right: 0;
  }

  .title7-copy {
    margin-right: 4vw;
    font-size: 5.5vw;
    line-height: 8vw;
  }

  .button-31 {
    width: 35vw;
  }

  .button-47.short, .button-47.long {
    width: 13vw;
  }

  .copyt_followwarp {
    width: auto;
    height: 8vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .checkbox-label-2 {
    margin-bottom: 0;
  }

  .copyblock_top {
    width: 100%;
    justify-content: center;
    margin-bottom: 5vw;
    padding-left: 2vw;
    display: flex;
  }

  .checkbox {
    margin-top: 0;
    margin-left: -4vw;
    margin-right: 1vw;
  }

  .copyt_user {
    width: 60vw;
    height: 24vw;
    margin-bottom: 6vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .text-field-20 {
    height: 8vw;
    padding: 1vw 3vw 1vw 2vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .roundbtn_round {
    width: 5vw;
    height: 5vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .roundbtn_round.on {
    width: 5vw;
    height: 5vw;
  }

  .menubtn2 {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .menubtn2:hover {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .menubtn2.click {
    border-bottom: 1px solid var(--point);
    color: var(--point);
    background-color: rgba(0, 0, 0, 0);
  }

  .div-block-104 {
    padding-left: 0;
  }

  .copyt_list {
    width: 220%;
    padding-left: 0;
    padding-right: 0;
  }

  .copyt_datawarp {
    width: 40vw;
    height: 10vw;
    margin-right: 5vw;
  }

  .copyt_warp {
    height: 15vw;
    border-bottom-style: none;
    grid-template-rows: 10vw 10vw;
    grid-template-columns: 40vw 45vw;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
    justify-items: center;
    padding: 3vw;
    display: flex;
  }

  .copyt_email {
    width: 100%;
  }

  .roundbtn_color, .roundbtn_color.on {
    height: 6vw;
  }

  .copywarp3 {
    height: 7vw;
  }

  .text10 {
    margin-right: 4vw;
    font-size: 3vw;
  }

  .button-39 {
    width: 20vw;
    margin-left: 4vw;
    font-size: 2.5vw;
  }

  .copyt_datablock {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .copyt_block2 {
    padding-top: 4vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .select-field-8 {
    width: 19vw;
    height: 8vw;
    padding-left: 2vw;
    padding-right: 3vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .copyt_warp1 {
    width: 100%;
  }

  .copyt_tabletop {
    width: 220%;
    height: 9vw;
    border-radius: 1vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .copyt_box {
    width: 100%;
    height: 100%;
    min-height: auto;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 0 10vw;
  }

  .button-40 {
    width: 20vw;
    font-size: 2.5vw;
  }

  .copyt_block1 {
    padding: 6vw 0;
  }

  .copy_info {
    font-size: 3vw;
  }

  .roundbtn {
    width: 15vw;
    height: 6vw;
  }

  .copytitle {
    margin-bottom: 2vw;
    margin-left: 0;
    font-size: 4.8vw;
    line-height: 6vw;
  }

  .copyt_followoption {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .copyt_listbox.none {
    height: 50vw;
    margin-left: 0;
  }

  .image-53 {
    width: 16vw;
    height: 16vw;
    margin-right: 2vw;
  }

  .listbox {
    width: 9%;
  }

  .followprofile1 {
    width: 30%;
  }

  .image-57 {
    width: 4vw;
    height: 4vw;
    margin-right: 4vw;
  }

  .copyt_topwarp {
    width: 100%;
    height: 10vw;
    border-bottom-style: solid;
    border-bottom-width: .5vw;
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    justify-items: center;
    margin-bottom: 3vw;
    padding-top: 1vw;
    padding-left: 0;
    display: flex;
  }

  .check {
    width: 4vw;
    margin-left: 2vw;
  }

  .select_futureicon {
    width: 30vw;
    height: 8vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 3vw;
  }

  .futureicon_listbox {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-rows: 10vw 10vw;
    grid-template-columns: 35vw 35vw;
    justify-content: center;
    align-items: center;
    margin-left: 2vw;
    margin-right: 2vw;
    padding: 0;
  }

  .futureicon_listbox._1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    padding-top: 2vw;
  }

  .futureicon_listbox._2 {
    grid-row-gap: 2vw;
    grid-template-rows: 10vw 10vw 10vw;
  }

  .copyt_top2 {
    width: 28vw;
    height: 8vw;
    margin-left: 1vw;
  }

  .copy_warp2 {
    width: 100%;
    height: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom-style: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    padding: 2vw 4vw;
    display: grid;
  }

  .div-block-96 {
    width: auto;
    height: 30vw;
    grid-template-rows: 12vw 12vw;
    grid-template-columns: 28vw 28vw 28vw;
    justify-items: center;
    margin-left: 5vw;
    margin-right: 5vw;
    padding-left: 0;
    padding-right: 0;
  }

  .button-51 {
    width: 20vw;
    height: 8vw;
    font-size: 3vw;
  }

  .text-block-27 {
    height: 100%;
    margin-top: 2vw;
  }

  .text-block-33 {
    font-size: 3vw;
  }

  .text7-2 {
    margin-left: 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .followertxt {
    margin-right: 1vw;
  }

  .futureicon {
    width: 30vw;
    height: 8vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .futureicon_block {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2vw;
  }

  .button-49 {
    width: 35vw;
    height: 8vw;
    text-align: center;
    margin-left: 2vw;
    padding: 1vw;
    font-size: 3vw;
  }

  .button-49._2 {
    width: 55vw;
    font-size: 2.7vw;
  }

  .copyt_block3 {
    height: auto;
    min-width: auto;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .copy_mydata {
    width: auto;
    height: 45vw;
    min-width: auto;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-28 {
    margin-top: 0;
  }

  .button-37 {
    width: 17vw;
    height: 6vw;
    padding: 1vw 2vw;
  }

  .warp3 {
    width: 100%;
    flex-direction: column;
    display: flex;
  }

  .div-block-90 {
    width: auto;
    min-width: auto;
    border-radius: 0;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .influ_body {
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .image-48 {
    width: 3vw;
    height: 3vw;
    margin-left: 3vw;
  }

  .influ_mainblock1 {
    height: 33vw;
    min-width: 250vw;
    border-radius: 0;
    margin-bottom: 5vw;
    padding: 4vw;
  }

  .image-49 {
    width: 4vw;
    height: 3.5vw;
  }

  .influ_mainblock2 {
    min-height: 120vw;
    min-width: 250vw;
    border-radius: 0;
    margin-top: 5vw;
    padding: 5vw 3vw;
  }

  .button-23 {
    width: 20vw;
    height: 8vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .text-field-16 {
    height: 7vw;
    padding: 1vw 3vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .influ_sidebtndeco {
    display: none;
  }

  .influ_tablelcontent {
    height: 7vw;
  }

  .influ_mainblock {
    width: 100%;
    min-width: auto;
    border-radius: 0;
    padding: 6vw 0 6vw 0;
    overflow: auto;
  }

  .image-47 {
    width: 22vw;
    height: 19vw;
  }

  .influ_date_warp {
    width: 35vw;
    margin-right: 4vw;
  }

  .influ_mainblock3 {
    height: 11vw;
    min-width: 250vw;
    border-radius: 0;
    padding-left: 4vw;
  }

  .link_boxwarp {
    width: 30vw;
    height: 9vw;
  }

  .influ_block1 {
    width: 100%;
    min-height: 95vh;
    min-width: auto;
  }

  .button-27 {
    width: 6vw;
    height: 6vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_title1 {
    margin-bottom: 2vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .select-field-6 {
    height: 7vw;
    border-radius: 1vw;
    padding: 1vw 5vw 1vw 3vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .influ_searchbtnwarp {
    width: 17vw;
    height: 7vw;
    min-height: 7vw;
    min-width: 17vw;
    border-radius: 4vw;
  }

  .influ_top {
    height: 11vw;
    justify-content: space-between;
    padding-right: 4vw;
  }

  .mobbackdark {
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .influ_tablelist {
    grid-column-gap: .3vw;
    grid-row-gap: .3vw;
    padding: .5vw;
    font-size: 2.3vw;
  }

  .link {
    padding-left: 4vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .button-24 {
    width: 17vw;
    height: 7vw;
    padding-right: 4vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .image-52 {
    width: 5vw;
  }

  .influ_logo {
    height: 20vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }

  .influ_tabletop {
    height: 9vw;
  }

  .button-25 {
    width: 30vw;
    height: 9vw;
    border-radius: 1vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .text-block-18 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_sidebtnbox {
    height: 12vw;
  }

  .influ_pagigng {
    height: 6vw;
    margin-top: 4vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .form-block-9 {
    height: 14vw;
  }

  .influ_linkbox {
    height: 12vw;
    margin-bottom: 2vw;
  }

  .influ_block2 {
    z-index: 5;
    width: 60%;
    min-width: auto;
    background-color: #1f1f1f;
    flex-direction: column;
    padding-top: 4vw;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .text-field-17-copy {
    height: 8vw;
    margin-bottom: 2vw;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .button-29 {
    margin-bottom: 2vw;
    margin-left: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_loginbottom {
    min-height: 5vh;
  }

  .image-50 {
    width: 20vw;
    height: 17vw;
    margin-bottom: 4vw;
  }

  .form-block-10 {
    margin-bottom: 3vw;
  }

  .influ_loginblock {
    min-height: 90vh;
  }

  .influ_loginwarp {
    margin-bottom: 4vw;
  }

  .influ_title2 {
    margin-bottom: 2vw;
    font-size: 7vw;
    line-height: 7vw;
  }

  .text-field-17 {
    height: 8vw;
    margin-bottom: 2vw;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_logintop {
    min-height: 7vh;
  }

  .influ_login_block {
    height: 80vw;
    margin-bottom: 4vw;
  }

  .button-30 {
    height: 10vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_login {
    width: 100%;
    justify-content: flex-start;
    padding-top: 15vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .influ_title3 {
    margin-bottom: 2vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .dqr {
    font-size: 2.8vw;
  }

  .labtnbox-n {
    margin-top: 3vw;
  }

  .popximg {
    width: 4vw;
    height: 4vw;
  }

  .clearing_pop {
    width: 100%;
    height: 97vw;
    background-color: #1f1f1f;
    padding: 3vw 5vw 4vw;
  }

  .labtn-n {
    height: 8vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .order_warn {
    width: 100%;
    min-height: 13vw;
    padding: 2vw 4vw;
  }

  .utillitypop {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .order_success {
    font-size: 3vw;
    line-height: 3vw;
  }

  .pop_yieldtxt {
    height: 25vw;
    font-size: 8vw;
    line-height: 9vw;
  }

  .text-block-8 {
    margin-bottom: 1vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .text-span-12 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .div-block-124 {
    margin-top: 3vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .settle_fee {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .tradepop_block {
    flex-direction: column;
    margin-bottom: 1vw;
    font-size: 4vw;
    line-height: 4vw;
    display: flex;
  }

  .form-block-7 {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .settle-complete__box {
    width: 80vw;
    height: 95vw;
  }

  .text-block-11 {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .text-block-12 {
    font-size: 2.2vw;
    line-height: 5vw;
  }

  .div-block-85 {
    margin-bottom: 1.5vw;
    padding-bottom: 1vw;
  }

  .form-7 {
    margin-bottom: 1vw;
  }

  .tradingpop {
    width: 100%;
    height: 97vw;
    background-color: #1f1f1f;
    padding: 4vw 5vw;
  }

  .settle-complete {
    z-index: 3000;
    background-color: rgba(0, 0, 0, .5);
  }

  .tradingpop_block {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .text-field-13-copy {
    height: 9vw;
    background-color: #000;
    margin-bottom: 2vw;
    padding: 0 0 0 3vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .lacanbtn-n {
    height: 8vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .settle_won {
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding: 1vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .div-block-84 {
    padding-top: 4vw;
  }

  .order_fail {
    font-size: 3vw;
    line-height: 3vw;
  }

  .text-block-9 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .button-55 {
    height: 6vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .image-68 {
    width: 25vw;
    left: 7vw;
  }

  .mob_leveragepop {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    justify-content: center;
    align-items: center;
    padding-left: 4vw;
    padding-right: 4vw;
    display: none;
  }

  .tradepop_warp {
    height: 7vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .long {
    color: #00b4c9;
  }

  .text-block-43 {
    height: 100%;
    color: var(--point);
    align-items: center;
    margin-left: 3vw;
    font-size: 2.8vw;
    line-height: 4vw;
    display: flex;
  }

  .qet {
    margin-bottom: 1vw;
  }

  .tradepop {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .wr {
    margin-left: 1vw;
  }

  .frame6 {
    height: 110vw;
    min-height: 110vw;
    margin-top: 11vw;
  }

  .image-40 {
    width: 15vw;
    height: 15vw;
    margin-bottom: 6vw;
  }

  .text-block-14 {
    font-size: 3.5vw;
    line-height: 6vw;
  }

  .form-block-18 {
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

  .image-61 {
    width: 15vw;
    height: 15vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .text-field-24 {
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
  }

  .trader_pop2 {
    width: 100%;
    height: 95vw;
    padding: 4vw;
    display: none;
  }

  .div-block-111 {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .traderpop {
    padding: 5vw;
    display: none;
  }

  .text-field-25 {
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
  }

  .top_menubtnlist {
    min-width: auto;
    margin-left: 1vw;
    display: none;
  }

  .topbtn {
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .topbtn.click {
    border-bottom-width: .5vw;
  }

  .topmenubtn {
    width: 18vw;
    padding-bottom: 2vw;
  }

  .image-62 {
    width: 2vh;
    height: 1vw;
    right: 15%;
  }

  .button-14-copy {
    height: 9vw;
    padding: 2vw;
    font-size: 2.5vw;
  }

  .topmenubtn2 {
    min-width: 12vw;
    margin-left: 0;
  }

  .languagebtn {
    height: 100%;
    min-width: 12vw;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .dwrap-2 {
    width: 100%;
    margin-top: 0;
    padding: 8vw 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .settle_img {
    bottom: 0;
  }

  .text-field-23 {
    width: 58vw;
    height: 7vw;
    margin-left: auto;
    padding: 1vw 2vw;
  }

  .depositpop_box {
    width: 100%;
    min-height: 70vw;
    background-color: #1f1f1f;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 1vw;
    padding: 4vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .deposit_pop {
    border-radius: 10px;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .depositbottom1 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .div-block-106 {
    width: 91%;
    margin-bottom: 2vw;
    padding-left: 2vw;
  }

  .depositbottom2 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .warn_xrp {
    margin-top: 2vw;
    font-size: 2.3vw;
  }

  .copyicon {
    width: 5vw;
    height: 5vw;
    margin-left: 3vw;
  }

  .depositaddress {
    width: 68vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .depositaddress_txtbox {
    width: 58vw;
    height: 7vw;
    padding: 1vw 2vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .f_store {
    height: auto;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .f_block {
    width: 100%;
    min-width: auto;
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    text-align: center;
    flex-direction: column;
    padding: 6vw 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .f_btn {
    min-height: 8vw;
    min-width: 30vw;
    margin-bottom: 3vw;
    margin-right: 0;
    padding: 1vw 2vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .f_title {
    font-size: 4vw;
    line-height: 5vw;
  }

  .ms_pop_titleblock {
    margin-bottom: 2vw;
    padding-bottom: 1vw;
  }

  .ms_pop_title {
    font-size: 4vw;
    line-height: 5vw;
  }

  .ms_pop_btn {
    width: 40vw;
    height: 8vw;
    margin-top: 3vw;
    font-size: 2.5vw;
  }

  .ms_block {
    padding: 2vw;
  }

  .ms_pop_date {
    font-size: 2vw;
    line-height: 3vw;
  }

  .ms_exsit_img {
    width: 4vw;
    height: 4vw;
  }

  .ms_scroll {
    height: 65vw;
  }

  .ms_exsit_btn {
    width: 5vw;
    height: 5vw;
    top: 2vw;
    right: 2vw;
  }

  .ms_pop_box {
    width: 85vw;
    padding: 7vw 4vw 4vw;
    font-size: 2vw;
    line-height: 3.5vw;
  }

  .influ_inputwarp {
    width: 90vw;
    height: 8vw;
    margin-bottom: 1vw;
  }

  .influ_input {
    margin-bottom: 0;
    padding: 1vw 2vw;
  }

  .influ_input_title {
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_input_block {
    width: auto;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .influ_form {
    height: 30vw;
  }

  .onflu_form_btn {
    width: 100%;
    height: 8vw;
    margin-top: 4vw;
  }

  .main_list {
    width: 180%;
    height: 11vw;
    margin-bottom: 1vw;
    padding: 2vw;
  }

  .main_listtoptxt {
    width: 35vw;
    margin-right: 4vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .main_listtoptxt.coin {
    width: 28vw;
    margin-right: 4vw;
  }

  .main_listtoptxt.trade {
    width: 22vw;
  }

  .main_listtop {
    width: 180%;
    height: 8vw;
    margin-top: 2vw;
    margin-bottom: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .main_listarea {
    width: 100%;
    max-width: none;
    min-width: auto;
    margin-bottom: 4vw;
    padding: 4vw;
    overflow: auto;
  }

  .m_list_txt.coin {
    font-size: 3vw;
  }

  .m_coin_icon {
    width: 6vw;
    height: 6vw;
    margin-right: 1vw;
  }

  .main_bord1 {
    min-height: 45vw;
    padding: 5vw;
  }

  .main_bord1:hover {
    transform: none;
  }

  .m_img1 {
    height: 25vw;
    margin-bottom: 3vw;
  }

  .main_listbox {
    width: 35vw;
    flex-direction: column;
    justify-content: center;
    margin-right: 4vw;
    font-size: 2.3vw;
    display: flex;
  }

  .image-75 {
    width: 4vw;
    height: 4vw;
  }

  .button-56 {
    width: 21vw;
    height: 7vw;
    border-radius: 4vw;
    padding-left: 5vw;
    font-size: 3vw;
  }

  .main_coinsub {
    width: 40vw;
    margin-right: 4vw;
  }

  .m_section {
    padding: 10vw 5vw;
  }

  .main_box2 {
    width: 100%;
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 5vw;
    padding-top: 0;
  }

  .footer {
    width: 100%;
    height: auto;
    min-height: auto;
    min-width: auto;
    padding: 5vw 5vw 8vw;
    display: flex;
  }

  .footerlist_title {
    width: 25vw;
    margin-bottom: 1vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .footerlist {
    min-width: 20vw;
    margin-top: 2vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .footerlogo-2 {
    width: 17vw;
    height: 8vw;
    margin-bottom: 3vw;
  }

  .footerlist_block {
    width: 30vw;
    min-width: auto;
    text-align: left;
    flex-direction: column;
    margin-right: auto;
  }

  .footer_block2 {
    width: 100%;
    min-width: auto;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .footerlist_warp {
    width: 100%;
    min-width: auto;
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 50% 50%;
    grid-auto-columns: 1fr;
  }

  .footerlogoblock-2 {
    min-width: auto;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    margin-bottom: 5vw;
    margin-right: 0;
    padding-bottom: 2vw;
  }

  .asset_info {
    width: 7vw;
    height: 7vw;
    margin-left: 3vw;
  }

  .ast_info_btn {
    width: 6vw;
    height: 6vw;
    font-size: 2.8vw;
  }

  .ast_info_box {
    width: 40vw;
    min-height: 6vw;
    padding: 2vw;
    left: auto;
    right: 100%;
  }

  .banner_content {
    width: 100%;
    min-width: auto;
    padding: 8vw;
  }

  .banner_head {
    margin-top: 3vw;
    margin-bottom: 2vw;
    font-size: 6vw;
    line-height: 8vw;
  }

  .banner_subhead {
    font-size: 4vw;
    line-height: 5vw;
  }

  .b_linkbox {
    height: 10vw;
    min-width: 50vw;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 2.8vw;
  }

  .b_link_icon {
    width: 4vw;
    height: 4vw;
  }

  .l_notice_btn {
    width: 5vw;
    height: 5vw;
  }

  .l_notice_box {
    width: 40vw;
    padding: 3vw;
    font-size: 2.3vw;
    line-height: 4vw;
  }

  .t_n_pop.on {
    display: none;
  }

  .w_new {
    width: 3vw;
    height: 3vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .app_link {
    width: 20vw;
    height: 20vw;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding: 2vw;
  }

  .app_icon {
    width: 6vw;
    height: 6vw;
  }

  .banner_img {
    width: 25vw;
    bottom: 8vw;
    right: 8vw;
  }

  .banner_subtxt {
    font-size: 4vw;
    line-height: 5vw;
  }

  .m_list_btn {
    width: 24vw;
    min-height: 7vw;
    padding: 1vw 2vw;
  }

  .m_list_head {
    font-size: 6vw;
    line-height: 7vw;
  }

  .m_btn_area {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    font-size: 3vw;
  }

  .m_item_head {
    font-size: 5vw;
    line-height: 6vw;
  }

  .m_item_txt {
    font-size: 2.8vw;
    line-height: 5vw;
  }

  .app_link_b {
    width: 10vw;
    height: 10vw;
    padding: 2vw;
  }

  .m_item_title {
    font-size: 4vw;
    line-height: 6vw;
  }

  .m_item_btn {
    height: 8vw;
    min-width: 50vw;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    margin-top: 4vw;
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 2.8vw;
  }

  .m_guide {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding: 7vw;
  }

  .m_guide_item {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .m_img3 {
    height: 10vw;
    margin-bottom: 2vw;
  }

  .m_g_link {
    font-size: 3vw;
  }

  .mobile_content {
    width: 100%;
  }

  .mobile_head2 {
    margin-top: 2vw;
    margin-bottom: 7vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .mobile_block {
    flex-direction: column;
    align-items: center;
  }

  .link-block-2 {
    min-height: 11vw;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .mobile_head1 {
    margin-top: 3vw;
    margin-bottom: 3vw;
    font-size: 6vw;
    line-height: 5vw;
  }

  .mobile_sc {
    width: 100%;
    min-width: auto;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    padding-left: 0;
    padding-right: 0;
  }

  .main_head {
    margin-top: 3vw;
    margin-bottom: 2vw;
    font-size: 7vw;
    line-height: 8vw;
  }

  .mobile_img {
    width: 70%;
  }

  .m_t_data_box {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .m_c_data_box {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .main_ct_block {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    padding: 5vw;
  }

  .m_s_arrow {
    width: 12vw;
    height: 12vw;
  }

  .t_link {
    font-size: 3vw;
  }

  .m_s_box {
    width: 100%;
    padding: 4vw;
  }

  .p_icon {
    width: 10vw;
    height: 10vw;
  }

  .m_sc_head2 {
    font-size: 5vw;
    line-height: 6vw;
  }

  .m_c_data_1 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .m_sc_sub {
    font-size: 3vw;
    line-height: 4vw;
  }

  .m_copy_area2.mo {
    width: 100%;
  }

  .m_c_data_txt1 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .m_list_link {
    height: 10vw;
    min-width: 30vw;
    padding: 2vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .m_s_contant {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    padding: 6vw;
  }

  .m_copy_area1 {
    width: 100%;
  }

  .m_c_data_txt2 {
    font-size: 2.3vw;
  }

  .image-36 {
    height: 4vw;
    margin-right: 1vw;
  }

  .opinion_list2 {
    height: auto;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .m_more2 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .opinion_listbar2 {
    width: 100%;
    height: 30vw;
    justify-content: space-between;
    margin-top: 6vw;
    padding: 3vw 4vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .main_listbox-2 {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .mainpage_blocktitle {
    width: 100%;
    font-size: 5vw;
    line-height: 7vw;
  }

  .mainpage_blocktitle._2 {
    width: 100%;
  }

  .title_black {
    font-size: 3vw;
    line-height: 6vw;
  }

  .main_list-2 {
    width: 200%;
    height: 11vw;
    padding: 2vw;
    font-size: 2.8vw;
    transition: background-color .2s, box-shadow .4s;
  }

  .main_list-2:hover {
    width: 200%;
    height: 11vw;
  }

  .store_txt {
    font-size: 4vw;
    line-height: 4vw;
  }

  .mainpage_mainittle {
    width: auto;
    font-size: 8vw;
    line-height: 10vw;
  }

  .main_coinsub-2 {
    margin-right: 4vw;
  }

  .main_title {
    font-size: 5vw;
    line-height: 7vw;
  }

  .main_frame2 {
    width: 100%;
    align-items: flex-start;
  }

  .main_store_img {
    height: 60vw;
  }

  .link-block-3 {
    height: 14vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .m_store_btnblock {
    width: 100%;
    margin-bottom: 2vh;
  }

  .btnlist {
    display: none;
  }

  .opinion_list {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .minapage_frame {
    width: 100%;
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .main_listarea-2 {
    width: 100%;
    min-width: 100%;
    align-items: flex-start;
    margin-top: 15vw;
    margin-bottom: 15vw;
    padding-left: 6vw;
    padding-right: 5vw;
    overflow: auto;
  }

  .main_sc {
    height: auto;
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    padding: 13vw 6vw 10vw;
  }

  .button-57 {
    width: 28vw;
    height: 9vw;
    font-size: 2.8vw;
  }

  .main_listtop-2 {
    width: 200%;
    height: 12vw;
    margin-top: 2vw;
    margin-bottom: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 3vw;
    line-height: 4vw;
    box-shadow: 0 0 20px rgba(0, 0, 0, .07);
  }

  .main_list_sc {
    width: 100%;
    min-width: auto;
  }

  .app_img {
    height: 7vw;
    margin-right: 1vw;
  }

  .div-block-125 {
    z-index: 1;
    width: 80%;
    height: 60%;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 8%;
    right: auto;
  }

  .main_store {
    width: 100%;
    flex-direction: column;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .mainpage_banner {
    width: 100%;
    height: 80vw;
    padding-left: 5vw;
    padding-right: 5vw;
    position: relative;
  }

  .main_listtoptxt-2 {
    margin-right: auto;
    font-size: 3vw;
    line-height: 4vw;
  }

  .main_listtoptxt-2.coin {
    margin-right: 4vw;
  }

  .m_more {
    width: 24vw;
    height: 10vw;
    font-size: 3vw;
    line-height: 4vw;
    top: 1%;
    bottom: auto;
    left: auto;
    right: 1%;
  }

  .opinion_listbar {
    width: 100%;
    height: 35vw;
    margin-top: 4vw;
    margin-left: 0;
    margin-right: 0;
    padding: 3vw 4vw;
    font-size: 3vw;
    line-height: 5vw;
    transition: none;
  }

  .opinion_listbar:hover {
    height: 35vw;
    box-shadow: 0 0 8px 1px var(--point2);
  }

  .main_cointxt {
    margin-right: 1vw;
    font-size: 3vw;
    line-height: 4vw;
  }
}

@media screen and (max-width: 479px) {
  .topblock {
    flex-wrap: nowrap;
  }

  .frame {
    align-items: center;
  }

  .checkbox-field {
    align-items: flex-start;
  }

  .main_box3block {
    height: 20vw;
  }

  .top {
    align-items: center;
  }

  .footerlogo {
    width: 24vw;
    height: 7vw;
  }

  .title4 {
    margin-bottom: 4vw;
  }

  .tradebtn2 {
    padding: 1vw;
  }

  ._24hinfo {
    min-width: auto;
    margin-left: 1vw;
  }

  .tradetop_coin {
    min-width: 27vw;
    flex-direction: row;
  }

  .image {
    width: 6vw;
    height: 6vw;
  }

  ._24hsub {
    margin-bottom: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .button-16 {
    height: 5vw;
    font-size: 2vw;
    line-height: 2vw;
  }

  .tradebtn1 {
    padding: 1vw;
  }

  .trade_topblock {
    flex-direction: column;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  ._24hinfolist {
    width: auto;
    min-width: 20vw;
    padding: 1vw;
  }

  .coinsub {
    line-height: 4vw;
  }

  .tradeblock2 {
    align-items: center;
  }

  .runtimequote-copy.up {
    font-size: 4vw;
    line-height: 4vw;
  }

  .trade_frame {
    align-items: center;
  }

  .assetblock {
    padding-bottom: 2vw;
  }

  .mob_asidepop {
    display: none;
  }

  .title6 {
    justify-content: flex-start;
  }

  .assettitle {
    width: 100%;
  }

  .warn_title {
    margin-bottom: 1vw;
  }

  .listtext1 {
    width: 12%;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .wallettxt {
    flex-direction: column;
    display: flex;
  }

  .pbtn {
    border-radius: 1vw;
  }

  .wallet_krwtxt {
    margin-top: 2vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .btn_deposit, .btn_deposit2 {
    border-radius: 1vw;
  }

  .text-block-42 {
    line-height: 3vw;
  }

  .traderlink1 {
    align-items: flex-start;
  }

  .copyt_list, .copyt_tabletop {
    width: 270%;
  }

  .followprofile1 {
    width: 30%;
  }

  .image-57 {
    width: 4.5vw;
    height: 4.5vw;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .select_futureicon {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .text-block-27 {
    margin-top: 1vw;
  }

  .futureicon {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .mobbackdark {
    display: none;
  }

  .influ_tablelist {
    font-size: 2vw;
  }

  .mob_leveragepop {
    display: none;
  }

  .frame6 {
    width: 100%;
  }

  .image-40 {
    width: 15vw;
    height: 15vw;
    margin-bottom: 6vw;
  }

  .text-block-14 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .footerlogo-2 {
    width: 24vw;
    height: 7vw;
  }

  .footerlist_warp {
    grid-column-gap: 3vw;
    grid-template-columns: 1fr 1fr;
  }

  .title_black {
    font-size: 4.5vw;
  }

  .minapage_frame {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .main_list_sc {
    padding: 10vw 5vw;
  }
}

#w-node-_49aed6a4-2cce-205b-fc7b-9f4e77d134f1-c0a4247a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49aed6a4-2cce-205b-fc7b-9f4e77d13543-c0a4247a {
  grid-area: Area-2;
  justify-self: end;
}

@media screen and (max-width: 479px) {
  #w-node-_49aed6a4-2cce-205b-fc7b-9f4e77d1315b-c0a4247a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* ===== 전체 페이지 공통 스크롤바 ===== */
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 2px;
}
*::-webkit-scrollbar-thumb:hover {
  background: #777;
}
*::-webkit-scrollbar-corner {
  background: transparent;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #555 transparent;
}