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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.button-15 {
  width: 48%;
  height: 100%;
  color: #fff;
  background-color: #ffa638;
  border: 1px solid #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.button-15-copy {
  width: 48%;
  height: 100%;
  color: #ffa638;
  background-color: #fff;
  border: 1px solid #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.popup {
  z-index: 9998;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: rgba(0, 0, 0, .3);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 13px;
  line-height: 20px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.title3 {
  text-align: left;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.pop_exist {
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

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

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

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

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

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

.title6 {
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

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

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

.poptitle {
  margin-bottom: 5px;
  font-size: 30px;
  line-height: 35px;
}

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

.frame {
  width: 100%;
  min-height: 850px;
  flex-direction: column;
  margin-top: 60px;
}

.long {
  color: #00b4c9;
}

.body1 {
  color: #000;
  letter-spacing: -.5px;
  background-color: #f3f3f3;
  font-family: Noto Sans KR, sans-serif;
  line-height: 16px;
}

.loginblock {
  width: 600px;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

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

.button-10:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border-color: #ffa638;
}

.login_block {
  width: 100%;
  height: 100%;
  color: #000;
  background-color: #f3f3f3;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 50px;
  display: flex;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

.text-field-10 {
  height: 40px;
  color: #000;
  text-align: left;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-weight: 400;
}

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

.login_logo {
  width: 200px;
  cursor: pointer;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.text-field-9 {
  width: 65%;
  height: 100%;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-weight: 400;
}

.frame4 {
  height: 850px;
  min-height: 850px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame4.regist {
  height: 1150px;
}

.submit-button-2 {
  height: 45px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  margin-top: 20px;
  padding-left: 40%;
  padding-right: 40%;
  font-size: 15px;
  font-weight: 500;
  transition: border-color .2s, color .4s;
}

.submit-button-2:hover {
  color: #ffa638;
  border-color: #ffa638;
}

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

.select-field-7 {
  width: 32%;
  height: 100%;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
}

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

.title5 {
  text-align: left;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
}

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

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

.button-32 {
  min-width: 30%;
  color: #000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 10px;
  transition: background-color .2s;
  display: flex;
}

.button-32:hover {
  color: #ffa638;
  background-color: #fff2d1;
}

.text-field-18 {
  width: 70%;
  height: 100%;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 0;
}

.pop_input {
  height: 40px;
  justify-content: space-between;
  display: flex;
}

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

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

.welecomeblock {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 20px;
  line-height: 25px;
  display: flex;
}

.byflow {
  color: #ffa638;
}

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

.body2 {
  clear: left;
  background-color: rgba(0, 0, 0, .04);
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
}

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

.btnarea {
  min-width: 150px;
  border-radius: 4px 0 0 4px;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 10px;
  font-size: 14px;
  display: flex;
  box-shadow: -1px 0 5px 1px rgba(0, 0, 0, .15);
}

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

.asset_coinsub_top {
  height: 30px;
  max-width: 605px;
  color: #999;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 5px;
  padding-left: 115px;
  font-size: 13px;
  display: flex;
}

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

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

.depositaddress_txtbox {
  width: 85%;
  height: 35px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  align-items: center;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
}

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

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

.div-block-106.tx {
  display: none;
}

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

.menubtn {
  width: 100%;
  height: 45px;
  color: rgba(0, 0, 0, .5);
  text-align: center;
  background-color: #f7f7f7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  transition: all .2s;
  display: flex;
}

.menubtn:hover {
  color: #ffa638;
  background-color: #fff;
  transform: scale(1.1)translate(-5px);
  box-shadow: -5px 0 4px rgba(0, 0, 0, .15);
}

.menubtn.click {
  color: #fff;
  background-color: #ffa638;
}

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

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

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

.unit {
  margin-left: 5px;
}

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

.asset_warntxt {
  font-size: 12px;
}

.assettxt1 {
  color: #ffc20a;
}

.depositaddress {
  width: 70%;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  margin-left: auto;
  display: flex;
}

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

.copyicon {
  width: 21px;
  height: 21px;
}

.assetbox {
  width: 100%;
  min-height: 750px;
  padding: 40px 80px 50px;
  position: relative;
}

.frame2 {
  width: 100%;
  min-height: 800px;
  justify-content: center;
  padding: 40px;
  display: flex;
}

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

.button-4:hover {
  color: #fff;
  background-color: #6d3bfb;
}

.asset_coin {
  width: 100%;
  min-height: 80px;
  border-bottom: 2px solid rgba(0, 0, 0, .3);
  flex-direction: column;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  display: flex;
}

.deposit_warp3 {
  flex-direction: column;
  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;
  justify-content: flex-start;
}

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

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

.deposit_warp2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

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

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

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

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

.button-46:hover {
  background-color: #ffa638;
}

.depositbtntxt {
  min-width: 40px;
  color: rgba(0, 0, 0, .3);
  cursor: pointer;
  justify-content: flex-end;
  margin-left: auto;
  font-weight: 700;
  display: flex;
  position: relative;
}

.depositbtntxt:hover {
  color: #ffa638;
  border-bottom-color: #ffa638;
}

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

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

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

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

.depositpop_box {
  width: 500px;
  min-height: 350px;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  padding: 30px;
  display: flex;
  position: relative;
}

.asset_coinsub {
  width: 100%;
  min-height: 80px;
  border-bottom: 1px dashed rgba(0, 0, 0, .15);
  flex-direction: column;
  justify-content: space-around;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  display: flex;
}

.text-field-23 {
  width: 71%;
  height: 35px;
  color: #000;
  background-color: #f3f3f3;
  border: 1px #000;
  border-radius: 4px;
  margin-bottom: 0;
  margin-left: auto;
}

.asset_warn {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

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

.asset_warn.btc {
  justify-content: flex-start;
}

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

.asset_block {
  width: 100%;
  max-width: 1545px;
  background-color: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
}

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

.form-2 {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 30px;
  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;
}

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

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

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

.mawqty {
  width: 70px;
  height: 100%;
  color: #ffa638;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  transition: background-color .2s;
  display: flex;
}

.mawqty:hover {
  background-color: #fff2d1;
}

.text-field-4 {
  color: #000;
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-bottom: 0;
}

.submit-button {
  width: 300px;
  height: 45px;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  margin-top: 15px;
  font-size: 15px;
  transition: background-color .2s;
}

.submit-button:hover {
  color: #ffa638;
  background-color: #fff2d1;
}

.text-field-3 {
  color: #000;
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-bottom: 20px;
}

.form-3 {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.form-block-4 {
  flex-direction: column;
  margin-top: 30px;
  display: flex;
}

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

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

.listtext1.cancle {
  color: #f34840;
}

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

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

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

.listtext1.short, .listtext1.down {
  color: #f34840;
}

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

.listtext1.sell {
  color: #f34840;
}

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

.text-field-5 {
  width: 150px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid #000;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 10px;
}

.listtext2 {
  width: 300px;
  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;
}

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

.listtext3.dowm {
  color: #ff3b69;
}

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

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

.select-field-5 {
  width: 120px;
  height: 38px;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 8px;
  margin-right: 10px;
  padding: 0 18px 0 10px;
  display: flex;
}

.asset_tablelist {
  height: 54px;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  display: flex;
}

.assetwarp {
  min-height: 550px;
  flex-direction: column;
  margin-bottom: 10px;
  display: flex;
}

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

.asset_tabletop {
  height: 48px;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .3);
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.table_warp {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .15);
  border-style: solid none;
  margin-top: 20px;
}

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

.asset_table {
  height: 100%;
  border-top: 1px solid rgba(255, 255, 255, .3);
  flex-direction: column;
  display: flex;
}

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

.button-19:hover {
  color: #ffa638;
}

.button-19.click {
  color: #ffa638;
  text-decoration: underline;
}

.exchange_quote2 {
  margin-left: 10px;
}

.text-field-8 {
  width: 360px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-bottom: 0;
}

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

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

.exchangebtn {
  width: 56px;
  height: 56px;
  cursor: pointer;
  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;
  font-weight: 400;
  display: flex;
}

.button-6 {
  width: 120px;
  height: 40px;
  color: #ffa638;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
}

.button-6:hover {
  background-color: #fff2d1;
}

.result_btn {
  width: 300px;
  height: 40px;
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.result_btn:hover {
  background-color: rgba(109, 59, 251, .5);
  background-image: none;
}

.result_btn.click {
  background-color: #ffa638;
}

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

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

.exchangebtn_img {
  width: 56px;
  height: 56px;
  opacity: .3;
  transition: opacity .2s;
  display: block;
}

.exchangebtn_img:hover {
  opacity: .5;
}

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

.asset_block2 {
  border-bottom: 1.5px solid rgba(0, 0, 0, .15);
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.exchange_quote1 {
  margin-left: 10px;
}

.asset_quote {
  width: 100%;
  align-items: center;
  padding-left: 80px;
  display: flex;
}

.select-field-2 {
  width: 200px;
  height: 38px;
  background-color: #f3f3f3;
  border: 1px solid #000;
  border-radius: 5px;
  margin-bottom: 0;
  padding: 0 20px 0 15px;
}

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

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

.button-9 {
  min-height: 35px;
  min-width: 55px;
  color: #ffa638;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffa638;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 6px 10px;
  transition: background-color .2s;
  display: flex;
}

.button-9:hover {
  background-color: #fff2d1;
  border-style: none;
}

.button-22 {
  min-height: 35px;
  min-width: 55px;
  color: #fff;
  background-color: #ffa638;
  border: 1px solid #ffa638;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  transition: background-color .2s;
  display: flex;
}

.button-22:hover {
  color: #ffa638;
  background-color: #fff2d1;
}

.text-block-38 {
  width: 100%;
  height: 45px;
  color: #ffc20a;
  letter-spacing: 0;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  font-size: 14px;
  display: flex;
}

.text-field4 {
  height: 45px;
  color: #000;
  letter-spacing: 0;
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-bottom: 0;
  font-size: 14px;
}

.anotice {
  align-items: center;
  margin-bottom: 10px;
  margin-left: 2px;
  padding-top: 0;
  padding-bottom: 3px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

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

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

.div-block-76 {
  width: 100%;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .22);
  border-radius: 5px;
  padding: 10px 17px;
}

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

.pbtn {
  width: 32%;
  height: 40px;
  color: #000;
  letter-spacing: 0;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .22);
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  padding: 0;
  font-size: 13px;
  transition: background-color .2s, color .2s, border-color .2s;
  display: flex;
}

.pbtn:hover {
  color: #ffa638;
  background-color: #fff;
  border-color: #ffa638;
}

.pbtn.reset {
  color: #ffa638;
  background-color: #fff;
  border-color: #ffa638;
  font-weight: 400;
}

.pbtn.reset:hover {
  background-color: #fff2d1;
}

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

.btn {
  height: 36px;
  color: #000;
  letter-spacing: 2px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 20px;
  padding-top: 1px;
  padding-bottom: 0;
  font-size: 17px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.btn:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border: 1px solid #ffa638;
}

.deposit_warntxt {
  color: #f34840;
  margin-bottom: 25px;
}

.wallet_krwtxt {
  color: #ffc20a;
  margin-top: 5px;
  font-size: 12px;
  line-height: 25px;
}

.btntxt {
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 14px;
  display: flex;
}

.btn2 {
  height: 36px;
  color: #000;
  letter-spacing: 2px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 20px;
  padding-top: 1px;
  padding-bottom: 0;
  font-size: 17px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.btn2:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border-color: #ffa638;
}

.dwrap-2 {
  width: 825px;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.mymoney {
  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(0, 0, 0, .5);
}

.div-block-12 {
  width: 100%;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
  flex-direction: row;
  margin-bottom: 24px;
  padding: 20px 25px 10px;
  display: flex;
  position: relative;
}

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

.tablewrap {
  width: 100%;
}

.btnwrap {
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  margin-top: 50px;
  margin-right: auto;
  display: flex;
}

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

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

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

.arrow.horizon {
  color: #b73bfc;
  margin-right: auto;
  display: flex;
}

.useraccount {
  width: 825px;
  height: 45px;
  color: #f34840;
  letter-spacing: 0;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .15);
  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-block-13 {
  width: 825px;
  height: 45px;
  letter-spacing: 0;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .15);
  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;
}

.withrawlpop {
  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;
  margin-bottom: 0;
}

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

.frame6 {
  height: 1000px;
  min-height: 750px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.block {
  z-index: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

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

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

.text-span {
  color: #ffc20a;
}

.custermermain_textblock {
  height: 50px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 30px;
  font-size: 16px;
  transition: color .2s, background-color .2s;
  display: flex;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.custermermain_textblock:hover {
  color: #ffa638;
  border: 1px solid #ffa638;
}

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

.image-51 {
  width: 180px;
  height: 180px;
  background-image: radial-gradient(circle, rgba(74, 27, 79, .5), rgba(0, 0, 0, 0) 59%);
  margin-bottom: 10px;
}

.main_banner {
  width: 100%;
  height: 280px;
  min-width: 1500px;
  background-image: url('/theme/ex2/files/black_back32000x.png');
  background-position: 50% 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.custermermain_box2 {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.custermertitle2 {
  font-size: 40px;
  font-weight: 800;
  line-height: 40px;
}

.custermermain_box {
  height: 100%;
  background-color: #f3f3f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 70px;
  display: flex;
}

.custermermain_warp2 {
  width: 1300px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.custermermain_warp {
  width: 100%;
}

.frame5 {
  min-height: 850px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  display: flex;
}

.custermermain_warp1 {
  width: 1300px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  padding: 20px;
  display: flex;
}

.banner_warp {
  height: 100%;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 150px;
  padding-right: 150px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.custermer_iconbtn {
  width: 400px;
  height: 100px;
  color: #fff;
  cursor: pointer;
  background-color: #ffa638;
  background-image: linear-gradient(#ffa638, #ffc20a);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 30px;
  line-height: 35px;
  display: flex;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

.custermermain_title {
  border-left: 5px solid #ffa638;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 25px;
  font-weight: 700;
  line-height: 50px;
}

.bannerbox2 {
  width: 500px;
  height: 100%;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  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;
}

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

.custermer_liet:hover {
  background-color: rgba(0, 0, 0, .1);
  border-radius: 4px;
}

.custermer_listblocktop {
  width: 1300px;
  height: 45px;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.custermer_warp1 {
  width: 1300px;
  min-height: 550px;
  margin-top: 10px;
}

.text7 {
  color: rgba(0, 0, 0, .5);
  align-items: center;
  margin-left: 10px;
  display: flex;
}

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

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

.button-18:hover {
  color: #000;
}

.button-18.click {
  color: #000;
  text-decoration: underline;
}

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

.custermer_titlewarp {
  width: 700px;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.custermer_listblock {
  width: 100%;
  min-height: 850px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 80px;
  display: flex;
}

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

.detail_textblock {
  width: 1300px;
  height: 600px;
  min-height: 600px;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  padding: 15px 20px;
  font-weight: 400;
  overflow: auto;
}

.detail_textblock.privacy {
  display: none;
}

.button-17 {
  width: 150px;
  height: 40px;
  background-color: #ffa638;
  border: 1px solid #ffa638;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 8px;
  transition: background-color .2s;
  display: flex;
}

.button-17:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border: 1px solid #ffa638;
}

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

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

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

.detail_titleblock {
  width: 1300px;
  min-height: 50px;
  flex-direction: column;
  margin-bottom: 10px;
  display: flex;
}

.detail_titleblock.privacy {
  display: none;
}

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

.subtitle_block {
  color: rgba(0, 0, 0, .5);
  display: flex;
}

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

.text-field-12 {
  height: 45px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 20px;
  font-size: 15px;
}

.form-6 {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

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

.submit-button-3 {
  width: 250px;
  height: 45px;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  padding: 2% 10%;
  font-size: 15px;
  transition: background-color .2s;
  display: block;
}

.submit-button-3:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border: 1px solid #ffa638;
}

.deletebtn_box {
  width: 25px;
  height: 25px;
  opacity: .5;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  display: flex;
  position: relative;
}

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

.file_uploadbox {
  flex-direction: column;
  margin-left: auto;
  display: flex;
}

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

.button-11 {
  height: 40px;
  min-width: 120px;
  color: #ffa638;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-size: 15px;
  transition: background-color .2s;
  display: flex;
}

.button-11:hover {
  background-color: #fff2d1;
}

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

.fileselect1 {
  width: 480px;
  height: 100%;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, .3);
  align-items: center;
  font-size: 15px;
  display: flex;
  position: relative;
}

.text-field-11 {
  height: 45px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 25px;
  padding-left: 20px;
  font-size: 15px;
}

.deletebtn_icon {
  width: 20px;
  height: 20px;
  filter: invert();
}

.textarea {
  height: 200px;
  min-height: 200px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 25px;
  font-size: 15px;
}

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

.accountbox {
  height: 40px;
  background-color: #f3f3f3;
  border-radius: 4px;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  display: flex;
}

.button-21 {
  width: 200px;
  background-color: #ffa638;
  border: 1px solid #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 16px;
  transition: background-color .2s;
  display: flex;
}

.button-21:hover {
  color: #ffa638;
  background-color: #fff2d1;
}

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

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

.password2 {
  height: 44px;
  color: #fff;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  display: block;
}

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

.button-21-copy:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border-color: #ffa638;
}

.accountblock {
  width: 100%;
  min-height: 600px;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  padding: 50px 200px 70px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.text-field-15 {
  width: 70%;
  height: 44px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 0 0 0 20px;
}

.name {
  height: 44px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  display: block;
}

.button-20 {
  width: 30%;
  height: 44px;
  color: #000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 0 8px;
  line-height: 18px;
  transition: color .2s, border-color .2s;
  display: flex;
}

.button-20:hover {
  color: #ffa638;
  border-color: #ffa638;
}

.button-38 {
  width: 100px;
  height: 44px;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 0;
  transition: background-color .2s;
  display: flex;
}

.button-38:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border-color: #ffa638;
}

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

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

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

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

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

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

.password {
  height: 44px;
  color: #fff;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  display: block;
}

.text-field-14 {
  height: 45px;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  display: none;
}

.text-field-14.certification {
  height: 44px;
  color: #000;
  display: block;
}

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

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

.copyright {
  color: gray;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  font-size: 14px;
  display: flex;
}

.footerlist_warp {
  width: 800px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid rgba(0, 0, 0, 0);
  flex-wrap: wrap;
  display: flex;
}

.footer_block {
  flex-direction: column;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

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

.footer {
  width: 100%;
  min-width: 100%;
  background-color: #fff;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.footer._2 {
  color: #fff;
  background-color: #000;
}

.footerlogoblock {
  width: 100px;
  min-width: 100px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-right: 20px;
  display: flex;
}

.f_wrap {
  width: 100%;
  align-items: flex-start;
  display: flex;
}

.footerlist_block {
  min-width: 140px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.footerlist {
  width: 100%;
  opacity: .5;
  text-align: right;
  cursor: pointer;
  justify-content: center;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  transition: all .2s;
}

.footerlist:hover {
  opacity: 1;
  transform: scale(1.1);
}

.footerlist_title {
  width: 100%;
  text-align: right;
  cursor: pointer;
  font-family: Nanumsquareotf ac, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.footerlogo {
  width: 100%;
  cursor: pointer;
}

.link {
  color: rgba(0, 0, 0, .15);
}

.image_source {
  color: rgba(0, 0, 0, .15);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

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

.div-block-98 {
  flex-direction: column;
  margin-bottom: 10px;
  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-42 {
  width: 90px;
  height: 35px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 0;
  font-size: 13px;
  transition: background-color .2s;
  display: flex;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

.button-42:hover {
  color: #ffa638;
  background-color: #fff2d1;
}

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

.button-48 {
  width: 150px;
  height: 40px;
  color: #ffa638;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 5px;
  transition: background-color .2s;
  display: flex;
}

.button-48:hover {
  background-color: #fff2d1;
}

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

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

.button-41 {
  width: 80px;
  height: 35px;
  text-align: center;
  background-color: #00b4c9;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 0;
  display: flex;
}

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

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

.copyttitle {
  width: 100%;
  justify-content: center;
  display: flex;
}

.copyt_title {
  width: 1300px;
  height: 100px;
  align-items: center;
  margin: 50px auto 20px;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
}

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

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

.traderlink1 {
  min-height: 35px;
  opacity: .7;
  color: #000;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
  position: relative;
}

.traderlink1:hover {
  opacity: 1;
}

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

.copyt_userlistbox {
  width: 1040px;
  height: 160px;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

.image-59 {
  z-index: 1;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 10px;
}

.trader_pop2 {
  width: 450px;
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  flex-direction: column;
  padding: 30px;
  display: flex;
}

.copywarp {
  width: 1300px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.button-45 {
  min-width: 80px;
  color: #ffa638;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 13px;
  display: flex;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

.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: 999999;
  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-block-34 {
  color: rgba(0, 0, 0, .5);
  text-align: right;
}

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

.text9 {
  width: 550px;
  height: 60px;
  font-weight: 400;
  overflow: hidden;
}

.text-field-21 {
  z-index: 0;
  width: 200px;
  color: #000;
  background-color: #fff;
  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;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

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

.text11.down {
  color: #f34840;
}

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

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

.text-field-25 {
  color: #000;
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-top: 10px;
}

.username {
  margin-bottom: 8px;
  font-size: 25px;
  line-height: 25px;
}

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

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

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

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

.btnwartp {
  height: 100%;
  display: flex;
}

.button-31 {
  width: 150px;
  height: 40px;
  min-width: 150px;
  background-color: #ffa638;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-33 {
  height: 40px;
  min-width: 200px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 0 10px;
  transition: background-color .2s;
  display: flex;
}

.button-33:hover {
  color: #ffa638;
  background-color: #fff2d1;
}

.button-33.click {
  color: #ffa638;
  background-color: #fff2d1;
  border-color: #ffa638;
}

.div-block-123 {
  width: 200px;
  color: gray;
  background-color: #f3f3f3;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 22px;
  left: 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;
}

.copyt_box {
  width: 100%;
  min-height: 700px;
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

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

.text-field-20 {
  width: 200px;
  height: 40px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 0;
}

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

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

.copyblock_top {
  margin-left: auto;
}

.copyt_block4 {
  width: 1300px;
  min-height: 300px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 30px;
  display: flex;
}

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

.copy_box {
  width: 400px;
  height: 60px;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

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

.copyt_user {
  width: 1300px;
  min-height: 140px;
  border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 5px;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 20px;
  display: flex;
}

.button-34 {
  height: 40px;
  min-width: 200px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 0 10px;
  transition: background-color .2s;
  display: flex;
}

.button-34:hover {
  color: #ffa638;
  background-color: #fff2d1;
}

.button-34.click {
  color: #ffa638;
  background-color: #fff2d1;
  border-color: #ffa638;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.text-field-19 {
  width: 200px;
  height: 40px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 0;
}

.div-block-122 {
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, .5);
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, .5);
  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 {
  color: #ffa638;
  border-color: #ffa638;
}

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

.button-47 {
  width: 100px;
  color: rgba(74, 27, 79, .5);
  text-align: center;
  background-color: #ebebeb;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.button-47.long {
  color: #00b4c9;
  border-right: 1px solid rgba(0, 0, 0, .15);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.button-47.short {
  border-left: 1px solid rgba(0, 0, 0, .15);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.copyt_tabletop {
  width: 100%;
  height: 55px;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  display: flex;
}

.copyt_databox {
  display: flex;
}

.copyt_block1 {
  width: 1300px;
  height: 150px;
  align-items: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  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;
}

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

.copyt_list {
  width: 100%;
  height: 55px;
  display: flex;
}

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

.roundbtn_color {
  width: 100%;
  height: 35px;
  background-color: #ffa638;
  border-radius: 100px;
  position: absolute;
}

.roundbtn_color.off {
  width: 0%;
}

.copyt_warp {
  width: 1300px;
  height: 50px;
  background-color: #fff;
  border-bottom: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.copyt_block2 {
  width: 1300px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

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

.button-40 {
  width: 100px;
  color: #ffa638;
  background-color: #f3f3f3;
  border: 1px solid #ffa638;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.button-40.click {
  color: #fff;
  background-color: #ffa638;
}

.copyt_warp1 {
  width: 100%;
}

.button-39 {
  width: 100px;
  color: #000;
  background-color: #f3f3f3;
  border: 1px solid #ffa638;
  border-radius: 5px 0 0 5px;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  padding: 0;
  display: flex;
}

.button-39.click {
  color: #fff;
  background-color: #ffa638;
  justify-content: center;
  display: flex;
}

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

.menubtn2 {
  width: 200px;
  height: 45px;
  color: rgba(0, 0, 0, .5);
  text-align: center;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.menubtn2:hover {
  color: #000;
}

.menubtn2.click {
  color: #f3f3f3;
  background-color: #000;
}

.copy_info {
  color: rgba(0, 0, 0, .5);
  font-size: 18px;
  line-height: 20px;
}

.copy_info.my {
  color: rgba(0, 0, 0, .5);
}

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

.copy_info.down {
  color: #f34840;
}

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

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

.copyt_listbox {
  width: 100%;
}

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

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

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

.short {
  color: #f34840;
}

.button-54 {
  width: 50px;
  height: 30px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

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

.followprofile1 {
  min-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_block3 {
  width: 1300px;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  justify-content: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  display: flex;
}

.button-37 {
  width: 100px;
  height: 40px;
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.futureicon_listbox {
  width: 100%;
  height: 100%;
  grid-column-gap: 15px;
  grid-row-gap: 25px;
  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 40px;
  font-weight: 700;
}

.followertxt {
  color: rgba(0, 0, 0, .5);
  margin-right: 5px;
}

.button-51 {
  height: 40px;
  min-width: 150px;
  color: rgba(0, 0, 0, .3);
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, .3);
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 15px;
  display: flex;
}

.button-51:hover {
  color: #ffa638;
  border-bottom-color: #ffa638;
}

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

.button-49:hover {
  color: #000;
}

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

.button-49._2.click {
  color: #f3f3f3;
  background-color: #000;
}

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

.check.off {
  display: none;
}

.div-block-96 {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: minmax(65px, 60px) minmax(65px, 60px);
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 30px;
  padding-right: 30px;
  display: grid;
}

.text-block-27 {
  max-width: 800px;
  min-height: 50px;
  color: rgba(0, 0, 0, .5);
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.copy_mydata {
  width: 70%;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-right: 20px;
}

.copyt_topwarp {
  height: 50px;
  border-bottom: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 30px;
  display: flex;
}

.copyt_top2 {
  width: 120px;
  height: 40px;
  color: #f3f3f3;
  background-color: #000;
  border-radius: 5px 5px 0 0;
  justify-content: center;
  align-items: center;
  margin-bottom: -1px;
  margin-left: 15px;
  display: flex;
}

.div-block-90 {
  width: 31%;
}

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

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

.select_futureicon {
  height: 40px;
  min-width: 150px;
  color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 15px;
  display: flex;
}

.select_futureicon:hover {
  color: #ffa638;
}

.select_futureicon.on {
  color: #fff;
  background-color: #ffa638;
  border-radius: 4px;
}

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

.warp3 {
  color: #000;
}

.futureicon {
  width: 150px;
  height: 40px;
  color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 15px;
  display: flex;
}

.futureicon.on {
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #000;
}

.copy_btnwarp {
  height: 38px;
  display: flex;
}

.table_warp-2 {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .15);
  border-style: solid none;
  margin-top: 20px;
}

.influ_body {
  clear: left;
  background-color: #000;
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
}

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

.influ_mainblock1 {
  width: 100%;
  height: 160px;
  min-width: 1100px;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  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);
}

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

.button-25.click {
  color: #000;
  background-color: #fff;
}

.mobbackdark {
  display: none;
}

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

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

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

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

.influ_sidebtndeco {
  z-index: -1;
  width: 50%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
}

.button-23 {
  width: 100px;
  height: 40px;
  text-align: center;
  background-color: #ffa638;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

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

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

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

.mob_sidebtn {
  display: none;
}

.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: rgba(0, 0, 0, .5);
  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 {
  color: #fff;
  background-color: #f34840;
}

.button-27.click {
  color: #000;
  text-decoration: underline;
}

.image-49 {
  width: 20px;
  position: absolute;
  left: 20px;
}

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

.influ_searchbtnwarp {
  width: 100px;
  height: 40px;
  min-height: 40px;
  text-align: center;
  background-color: #000;
  border-radius: 20px;
  align-items: center;
  line-height: 16px;
  display: flex;
  position: relative;
}

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

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

.influ_tablelist {
  width: 10%;
  border-left: 1px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.influ_tablelist.right {
  border-left-style: none;
}

.influ_tablelist.list3 {
  width: 16%;
  text-align: center;
  border-left-color: #e6e6e6;
}

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

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

.button-24 {
  width: 100%;
  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;
}

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

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

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

.image-47 {
  height: 30px;
}

.link-3 {
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, .5);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 25px;
  font-weight: 500;
  display: flex;
}

.link-3:hover {
  color: #000;
}

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

.influ_titletext {
  color: #fff;
}

.influ_pagigng {
  height: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.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_tabletop {
  width: 100%;
  height: 50px;
  background-color: #000;
  border-radius: 5px;
  display: flex;
}

.influ_mainblock3 {
  width: 100%;
  height: 55px;
  min-width: 1100px;
  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);
}

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

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

.warp {
  display: flex;
}

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

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

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

.influ_logintop {
  min-height: 75px;
  background-color: #b3b3b3;
}

.influ_title3 {
  color: #000;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.influ_loginwarp {
  margin-bottom: 20px;
}

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

.button-30:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border: 1px solid #ffa638;
}

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

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

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

.button-29:hover {
  color: #ffa638;
  background-color: #fff2d1;
  border-color: #ffa638;
}

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

.influ_loginblock {
  min-height: 850px;
  background-color: #fff;
  justify-content: center;
  display: flex;
}

.list_block1 {
  width: 300px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.list_profilecircle {
  width: 37px;
  height: 37px;
  color: #ffa638;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.list_profilewarp {
  width: 71%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
  font-size: 12px;
  line-height: 15px;
  display: flex;
}

.list_profile_name {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.list_profile_name._2 {
  text-align: right;
}

.list_txtwarp {
  width: 100%;
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.list_warp_title {
  margin-right: 4px;
}

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

.buysellbtn {
  width: 100px;
  height: 35px;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.buysellbtn.buy {
  color: #fff;
  background-color: #00b4c9;
  border-style: none;
  align-items: center;
}

.buysellbtn.sell {
  color: #fff;
  background-color: #f34840;
  border-style: none;
}

.buy_list_btnwarp {
  display: flex;
}

.result_detail {
  color: rgba(0, 0, 0, .5);
  margin-left: auto;
  font-weight: 700;
}

.result_detail.copy {
  margin-right: 25px;
}

.result_time {
  color: #ffc20a;
  margin-left: 5px;
  margin-right: 5px;
}

.result_time.end {
  color: #f34840;
}

.image-72 {
  width: 17px;
}

.result_txtbox {
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.pop_warn {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 15px;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 700;
}

.wallet {
  color: rgba(255, 255, 255, .7);
  margin-left: auto;
}

.image-71 {
  width: 25px;
  height: 25px;
  margin-left: auto;
}

.button-57 {
  width: 48%;
  height: 45px;
  background-color: #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.copy_walletbtn {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 30%;
  right: 3%;
}

.result_price_block {
  width: 400px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.result_pricebtn {
  color: #e9b202;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  text-decoration: none;
  display: flex;
}

.button-61 {
  width: 100px;
  height: 35px;
  background-color: #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 0;
  display: flex;
}

.result_price {
  color: #00b4c9;
  font-size: 25px;
  line-height: 30px;
}

.wallet_adrs {
  width: 80%;
  margin-right: 20px;
  display: flex;
}

.resultarea {
  width: 700px;
  height: 100%;
  flex-direction: column;
  display: flex;
  position: relative;
}

.wallet_adrs_block {
  height: 40px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.result_box {
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 15px 20px;
  position: relative;
}

.result_titletxt {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 25px;
}

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

.chattong_area._1 {
  justify-content: flex-start;
}

.chattong_area._2 {
  justify-content: flex-end;
}

.chat_profile {
  width: 90%;
  height: 40px;
  margin-bottom: 10px;
  display: flex;
}

.chat_scroll {
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: auto;
}

.chatting_time {
  color: rgba(255, 255, 255, .5);
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 12px;
}

.chatting_time._2 {
  text-align: right;
}

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

.chattbox {
  height: 70%;
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  padding: 15px;
}

.button-60 {
  width: 30%;
  height: 43px;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 5px 10px;
  display: flex;
}

.chattingbox {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  margin-top: 5px;
  padding: 10px;
}

.chattingbox._2 {
  color: #fff;
  background-color: #000;
}

.chatting_block {
  width: 70%;
  padding-left: 10px;
  padding-right: 10px;
}

.text-field-28 {
  width: 70%;
  height: 45px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 0;
}

.chatting {
  width: 400px;
  height: 600px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  top: 15%;
  bottom: 0%;
  left: 900px;
  right: 0%;
}

.result_complete_txtbox {
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.image-70 {
  width: 25px;
  height: 25px;
  margin-top: 5px;
  margin-right: 15px;
}

.compleete_txt {
  font-size: 25px;
  line-height: 30px;
}

.link-4 {
  color: rgba(0, 0, 0, .5);
  position: relative;
}

.link-4:hover {
  color: #ffa638;
}

.bell_n {
  width: 18px;
  height: 18px;
  color: #fff;
  background-color: #f34840;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 10%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.buy_search {
  justify-content: flex-end;
  margin-left: auto;
  display: flex;
}

.text-field-29 {
  width: 200px;
  height: 40px;
  color: #000;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  margin-bottom: 0;
  margin-right: 10px;
}

.button-59 {
  width: 90px;
  height: 40px;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-field-26 {
  width: 100%;
  height: 40px;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 0;
  padding-right: 50px;
}

.buylist_popinput {
  border-radius: 4px;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

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

.buylist_popsection1 {
  width: 45%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 30px 25px;
}

.text-block-43-copy {
  text-align: right;
  position: absolute;
  right: 5%;
}

.buylist_poptitle {
  color: rgba(0, 0, 0, .5);
  font-weight: 800;
}

.button-55 {
  color: #f34840;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  margin-right: 60px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

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

.button-56 {
  width: 100%;
  height: 40px;
  background-color: #000;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.buylist_popsection2 {
  width: 55%;
  background-color: #f3f3f3;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  flex-direction: column;
  padding: 40px 25px 30px;
  display: flex;
}

.text-block-43 {
  text-align: right;
  position: absolute;
  right: 5%;
}

.text-field-27 {
  height: 40px;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 0;
  padding-right: 155px;
}

.buylist_popbox {
  width: 650px;
  height: 350px;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  position: relative;
}

.result_popbox {
  width: 400px;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 20px 20px 30px;
  display: flex;
  position: relative;
}

.copy_walletbtn_pop {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 25%;
  right: 4%;
}

.result_box_pop {
  width: 100%;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-top: 15px;
  padding: 5px 15px 15px;
  position: relative;
}

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

.influ_exsit {
  display: none;
}

.loginbtn {
  height: 70%;
  min-width: 90px;
  color: #000;
  text-align: center;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-weight: 500;
  line-height: 16px;
  transition: color .2s;
  display: flex;
}

.loginbtn:hover {
  color: #ffc20a;
}

.image-46 {
  width: 27px;
  height: 27px;
}

.topbtn {
  width: 100%;
  height: 100%;
  color: #000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 5px 10px 5px 5px;
  font-size: 12px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.topbtn:hover {
  background-color: rgba(255, 194, 10, .2);
}

.topbtn.click {
  color: #ffa638;
  background-color: rgba(255, 194, 10, .2);
}

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

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

.topbtn_drop {
  z-index: 2;
  width: 150px;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  display: none;
  position: absolute;
  top: 64px;
  bottom: auto;
  left: 0%;
  right: auto;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .15);
}

.topbtn_drop.tall {
  width: 180px;
}

.userinfobtn {
  width: 135px;
  height: 90%;
  border-left: 1px solid rgba(0, 180, 201, .1);
  border-right: 1px solid rgba(0, 180, 201, .1);
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  display: none;
}

.button-14-copy {
  width: 95%;
  height: 50px;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, .04);
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  font-weight: 400;
  display: flex;
}

.button-14-copy:hover {
  color: #ffa638;
}

.topmenubtn2 {
  height: 100%;
  min-width: 120px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.top_menubtnlist {
  z-index: 2;
  height: 100%;
  justify-content: space-between;
  margin-left: 30px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.top_arrow {
  width: 11px;
  display: block;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 8px;
  transform: rotate(180deg);
}

.logo {
  width: 120px;
  min-width: 120px;
  cursor: pointer;
}

.registbtn {
  height: 70%;
  min-width: 90px;
  color: #ffa638;
  text-align: center;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-weight: 500;
  line-height: 16px;
  transition: color .2s;
  display: flex;
}

.registbtn:hover {
  color: #ffc20a;
}

.top {
  z-index: 10;
  width: 100%;
  height: 60px;
  min-width: 100%;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.topmenubtn {
  width: 110px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

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

.topblock {
  width: 100%;
  height: 100%;
  min-width: 150px;
  flex-direction: row;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.languagebtn {
  height: 100%;
  min-width: 120px;
  color: #000;
  text-align: center;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 0 10px 0 0;
  display: flex;
}

.languagebtn:hover {
  color: #ffc20a;
}

.main_popfeild {
  width: 100%;
  height: 460px;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  overflow: auto;
}

.main_box3 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #f3f3f3;
  background-image: url('/theme/ex2/files/header_banner.png');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 40px;
  display: flex;
  position: relative;
}

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

.box {
  width: 38px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

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

.main_warp {
  width: 100%;
  min-width: 1080px;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.banner_box {
  width: 100%;
  height: 600px;
  min-width: 1280px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.main_section {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
  overflow: visible;
}

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

.mainpop_block {
  width: 1040px;
  height: 600px;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  padding: 35px 30px 30px;
  position: relative;
}

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

.next {
  width: 40px;
  height: 40px;
  color: #00b4c9;
  background-color: rgba(255, 255, 255, .7);
  border: 1px #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  left: -25%;
  right: auto;
  box-shadow: 0 0 8px rgba(0, 0, 0, .15);
}

.next._2 {
  top: 50%;
  bottom: auto;
  left: auto;
  right: -25%;
  transform: translate(0, -50%);
}

.warp2 {
  width: 100%;
  height: 40px;
  align-items: flex-end;
  display: flex;
  position: relative;
}

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

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

.coinsub_info {
  display: flex;
}

.mob_asidepop {
  display: none;
}

._24hinfo_txt {
  text-align: left;
}

._24hinfo_txt.low {
  color: #f34840;
}

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

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

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

.p_cancle {
  width: 11.1%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.p_cancle:hover {
  color: #f34840;
}

.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: 48%;
  text-align: center;
  background-color: #f34840;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.tradebtn2:hover {
  background-color: #ff564e;
}

.order_block {
  width: 100%;
  background-color: #000;
  border-radius: 2px;
  padding-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

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

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

.div-block-84 {
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #28292b;
  background-image: url('/theme/ex2/files/blue_abstract.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  padding: 20px;
  display: flex;
  position: relative;
  top: 0;
}

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

.quantitybar_block {
  width: 94%;
  height: 20px;
  align-items: center;
  margin: 25px auto 5px;
  padding-right: 5px;
  display: flex;
}

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

.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 {
  display: flex;
}

.tradeblock2 {
  background-color: #000;
  border-radius: 2px;
  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);
}

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

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

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

.clearing_pop {
  width: 550px;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 2px;
  flex-direction: column;
  padding: 30px 30px 20px;
  display: none;
  position: relative;
}

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

.image-68 {
  width: 100px;
  position: absolute;
  top: 5%;
}

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

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

.order_topbtn:hover {
  color: #fff;
}

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

.trade_topblock {
  width: 100%;
  height: 60px;
  min-width: 1040px;
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, .04);
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  box-shadow: 1px 0 10px 1px #000;
}

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

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

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

.text-block-12 {
  line-height: 25px;
}

.p_clearing {
  width: 11.1%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-85 {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: row;
  align-items: flex-end;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.div-block-85._2 {
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
}

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

.transactionwarp.market {
  display: none;
}

.coinsub_toptxt {
  width: 90px;
  margin-right: 15px;
}

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

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

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

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

.ordertxt2 {
  font-weight: 700;
  line-height: 30px;
}

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

.quantitybar_circle.on {
  background-color: #ffa638;
}

.quantitybar_circle._50 {
  left: 50%;
}

.quantitybar_circle._100 {
  left: 98%;
}

.quantitybar_circle._75 {
  left: 75%;
}

.quantitybar_circle._25 {
  left: 25%;
}

.top_runtimequote {
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.top_runtimequote.down {
  color: #f34840;
}

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

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

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

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

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

.tradebtn1 {
  width: 48%;
  text-align: center;
  background-color: #00b4c9;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.tradebtn1:hover {
  background-color: #00daf3;
}

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

.transaction_block.close {
  flex-direction: column;
  display: none;
}

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

.button-44 {
  width: 25%;
  height: 44px;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.button-44:hover {
  color: #ffa638;
  background-color: #fff2d1;
}

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

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

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

.pop_yieldtxt {
  z-index: 2;
  text-align: left;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 70px;
  display: flex;
  position: absolute;
  top: 15%;
}

.pop_yieldtxt.down {
  color: #f34840;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pop_yieldtxt.up {
  color: #00b4c9;
  border-color: rgba(0, 180, 201, .5);
}

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

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

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

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

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

.button-16:hover {
  color: #000;
  background-color: #fff;
}

.tradeblock1 {
  width: 22%;
  background-color: #000;
  border-radius: 2px;
  flex-direction: column;
  display: flex;
}

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

.div-block-124 {
  z-index: 2;
  width: 91%;
  text-shadow: 0 0 4px #000;
  flex-direction: column;
  grid-template-rows: 70px 70px;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 20px;
}

.orderbox1 {
  width: 27%;
  border-radius: 2px;
  flex-direction: column;
  display: flex;
}

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

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

.tradelistbox2 {
  flex-direction: column;
  display: flex;
}

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

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

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

.trade_frame {
  width: 100%;
  min-width: 1500px;
  flex-direction: column;
  display: flex;
}

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

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

.tradingpop {
  width: 500px;
  color: #fff;
  background-color: #28292b;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 4px;
  flex-direction: column;
  padding: 30px 30px 20px;
  display: none;
  position: relative;
}

.tradingpop.quick {
  display: flex;
}

.assetblock {
  background-color: #000;
  border-radius: 5px;
  flex-direction: column;
  margin: 10px 15px 15px;
  padding: 10px;
  display: flex;
}

.orderbook_block {
  height: 533px;
  min-width: 250px;
  background-color: #000;
  border-radius: 2px;
}

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

.ordertxt3 {
  opacity: .7;
  margin-left: auto;
  font-weight: 700;
}

.ordertxt3.down {
  color: #f34840;
}

.order_warn {
  width: 700px;
  min-height: 70px;
  background-color: #28292b;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
  box-shadow: 0 0 7px 4px rgba(255, 255, 255, .5);
}

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

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

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

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

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

.settle-complete__box {
  width: 450px;
  height: 550px;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 5px #000;
}

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

.order_title {
  border-bottom: 1px dotted rgba(255, 255, 255, .15);
  justify-content: space-between;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 800;
  line-height: 30px;
  display: flex;
}

.trade_mainframe {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.image-41 {
  width: 25px;
  height: 15px;
  opacity: .7;
  margin-left: auto;
  transform: rotate(180deg);
}

.coinsub {
  margin-left: 5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.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-8 {
  color: gray;
  font-size: 18px;
  font-weight: 700;
}

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

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

.tradesub_btn {
  width: 33.3%;
  height: 100%;
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  transition: background-color .4s;
  display: flex;
}

.tradesub_btn:hover {
  color: #fff;
  background-color: #ffa638;
}

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

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

.tradesub_btn.click {
  color: #ffa638;
  text-align: center;
  background-color: #fff;
}

.tradingpop_block {
  width: 100%;
  height: 100%;
  flex-direction: row;
  display: flex;
}

.text-field-13 {
  width: 73%;
  height: 44px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
  margin-bottom: 0;
}

.trade_inputbox {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
}

.chartblock {
  width: 73%;
  height: 533px;
  min-width: 500px;
  background-color: #000;
  border-right: 1px solid rgba(255, 255, 255, .04);
  border-radius: 2px;
  display: flex;
}

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

.text-field-13-copy {
  height: 37px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 5px;
  font-size: 13px;
}

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

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

.topblock_quotebox.down {
  background-color: #f34840;
}

.qet {
  font-weight: 700;
}

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

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

.order_topbtnlist {
  width: 100%;
  height: 40px;
  background-color: #000;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  display: flex;
}

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

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

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

.ordertxt {
  width: 9%;
  text-align: left;
  justify-content: center;
  display: flex;
}

.ordertxt.right {
  justify-content: flex-end;
}

.ordertxt.left {
  justify-content: flex-start;
}

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

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

.quantitybar_percentcircle {
  z-index: 1;
  width: 22px;
  height: 22px;
  background-color: #ffa638;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: -15px;
}

.quantitybar_percentcircle:hover {
  background-color: #ffc20a;
}

.text-field {
  width: 64%;
  height: 35px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  margin-bottom: 0;
  padding-left: 15px;
}

.text-field::-ms-input-placeholder {
  color: rgba(255, 255, 255, .5);
}

.text-field::placeholder {
  color: rgba(255, 255, 255, .5);
}

.position_box {
  width: 100%;
  height: 420px;
  flex-direction: column;
  display: none;
}

.position_box.order {
  display: flex;
}

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

.transaction_btm.click {
  color: #6d3bfb;
  border-bottom: 2px solid #6d3bfb;
  font-weight: 700;
}

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

.trademarket_txtbox.short {
  color: #f34840;
}

.trademarket_txtbox.time {
  width: 23%;
}

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

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

.order_top1 {
  width: 100%;
  height: 48px;
  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;
}

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

.usdt-asset {
  border-top: 2px solid rgba(255, 255, 255, .15);
  padding: 5px 20px;
}

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

.orderbook_btn:hover {
  color: #fff;
}

.orderbook_btn.click {
  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;
}

.funding_ratetxt.down {
  color: #f34840;
}

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

.leverage_block.mob {
  width: 550px;
  color: #fff;
  background-color: #28292b;
  border-radius: 2px;
  padding: 25px 25px 20px;
  position: relative;
}

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

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

.text-span-12 {
  letter-spacing: -.5px;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

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

.trade_coiningo_warp {
  width: 100%;
}

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

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

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

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

._24hsub {
  margin-bottom: 5px;
  font-weight: 700;
}

.button-12.chart.select {
  text-align: center;
}

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

.trade_coinsub {
  z-index: 0;
  width: 380px;
  background-color: #28292b;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 5px;
  display: flex;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  box-shadow: 0 2px 2px 1px rgba(255, 255, 255, .15);
}

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

.orderbox2 {
  border-left: 1px solid rgba(255, 255, 255, .04);
}

.wr {
  margin-left: 3px;
}

.body {
  color: #000;
  letter-spacing: -.5px;
  background-color: #f3f3f3;
  font-family: Noto Sans KR, sans-serif;
  font-size: 13px;
}

.mob_asidepop_block {
  color: #000;
}

.body-2 {
  color: #fff;
  letter-spacing: -.5px;
  background-color: #000;
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
}

.canle_txt {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  line-height: 25px;
}

.canle_txt:hover {
  color: #ffc20a;
  border-bottom-color: #ffc20a;
  font-weight: 700;
}

.orderlist {
  width: 100%;
}

.checkbox-2 {
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.order_toplisttxt1-2 {
  width: 12%;
  height: 100%;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.p_cancle-2 {
  width: 12%;
  color: #fff;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.shortcolor {
  color: #f34840;
  text-align: left;
  margin-right: 4px;
}

.category {
  height: 16px;
  color: #21a3b5;
  border: 1px solid #21a3b5;
  border-radius: 2px;
  align-items: center;
  margin-left: 4px;
  padding-left: 3px;
  padding-right: 3px;
  display: none;
}

.dealbtn {
  width: 32%;
  min-height: 35px;
  color: #ffa638;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffa638;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: 5px 7px;
  display: flex;
}

.dealbtn:hover {
  background-color: #ffa638;
}

.dealbtn._2 {
  text-align: center;
}

.s_txt {
  width: 18%;
  color: #7d7d7d;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.dtxt4 {
  color: rgba(255, 255, 255, .5);
  font-weight: 700;
}

.dtxt4.red {
  color: #f1493f;
}

.dtxt4.blue {
  color: #00b4c9;
  font-weight: 400;
}

.checkicon {
  height: 10px;
  filter: invert();
}

.dtxt2 {
  color: rgba(255, 255, 255, .5);
  font-size: 14px;
  font-weight: 700;
}

.dtxt {
  border-bottom: 1px dotted #fff;
  margin-right: 6px;
  line-height: 17px;
}

.dtxt._2 {
  font-size: 12px;
}

.positiononfo-2 {
  width: 12%;
  color: #fff;
  text-align: right;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 12px;
  line-height: 15px;
  display: flex;
}

.d_box {
  width: 98%;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  flex-direction: column;
  padding: 0 16px 22px;
  display: flex;
}

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

.select_frame._2 {
  position: relative;
}

.positionlistblock-2 {
  width: 100%;
  height: 39px;
  border-bottom: 1px rgba(255, 255, 255, .3);
  justify-content: space-between;
  display: flex;
}

.positionlistblock-2:hover {
  background-color: rgba(0, 0, 0, .03);
}

.mydeal_box {
  width: 33.3%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 14px;
  line-height: 18px;
  display: flex;
}

.mydeal_box._4 {
  font-size: 16px;
}

.order_top2-2 {
  width: 100%;
  min-height: 40px;
  border-bottom-width: 1px;
  border-bottom-color: #eba218;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.dtxt3 {
  color: #21a3b5;
  font-size: 16px;
}

.dtxt3.blue {
  color: #00b4c9;
  font-weight: 700;
}

.dtxt3.red {
  color: #f34840;
  font-weight: 700;
}

.list_frame {
  display: none;
}

.list_frame.position {
  width: 100%;
  height: 505px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
  overflow: auto;
}

.list_frame.order {
  height: 400px;
  color: #fff;
  flex-direction: column;
  display: none;
  overflow: auto;
}

.d_btntxt {
  color: #fff;
  border-bottom: 1px dotted #fff;
  line-height: 16px;
}

.d_position_short {
  width: 20px;
  height: 20px;
  color: #fff;
  background-color: #f34840;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  font-size: 12px;
  display: flex;
}

.longcolor {
  color: #00b4c9;
}

.position_listblock3-2 {
  width: 100%;
  height: 350px;
  padding: 10px;
  display: none;
  overflow: hidden;
}

.positiononfo_cancle-2 {
  align-items: center;
  font-size: 12.6px;
  display: flex;
}

.orderbtnwrap {
  width: 100%;
  justify-content: space-between;
  margin-top: 10px;
  display: flex;
}

.positionblock1-2 {
  width: 100%;
}

.div-block-142 {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.check_box {
  width: 14px;
  height: 14px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.d_position_long {
  width: 20px;
  height: 20px;
  color: #fff;
  background-color: #00b4c9;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  font-size: 12px;
  display: flex;
}

.position_listblock2-2 {
  width: 100%;
  padding: 0;
  display: flex;
}

.deal_infobox {
  width: 1240px;
  max-width: 1240px;
  min-width: 586px;
  border-right: 1px dotted rgba(0, 0, 0, .15);
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.deal_infobox._2 {
  width: 325px;
  max-width: none;
  min-width: 325px;
  border-right-style: none;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 10px;
}

.d_listframe.position {
  display: flex;
}

.arrow-2 {
  height: 5px;
  filter: invert();
  font-size: 10px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 4%;
}

.arrow-2._2 {
  margin-left: 8px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: relative;
}

.d_box_position {
  width: 100%;
  height: 50px;
  min-width: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-63 {
  max-width: 100px;
  text-align: center;
  background-color: #000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 5px 10px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.button-63:hover {
  color: #fff;
  background-color: #ffa638;
}

.trade_btntxt {
  width: 100%;
  border-top: 1px dashed #f3f3f3;
  margin-top: 4px;
  padding-top: 5px;
}

.deposit {
  color: #ffc20a;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.tabbg {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.selectbox-2._4 {
  height: 30px;
  cursor: pointer;
  background-color: #1b1b1c;
  border: 1px solid #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.s_txt-2 {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-6 {
  margin-left: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 3px;
}

.d_tabboxwrap {
  width: 100%;
  color: #212833;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.opentab {
  width: 100%;
  height: 32px;
  color: rgba(255, 255, 255, .5);
  background-color: #1b1b1c;
  border-radius: 5px 0 0 5px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.opentab.click {
  color: #ffa638;
  background-color: #fff;
}

.closetab {
  width: 100%;
  height: 32px;
  color: rgba(255, 255, 255, .5);
  background-color: #1b1b1c;
  border-radius: 0 5px 5px 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.closetab.click {
  color: #ffa638;
  background-color: #fff;
  border-radius: 0 5px 5px 0;
}

.selectwrap-2 {
  z-index: 10;
  background-color: #fff;
  border-radius: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 22px;
  bottom: auto;
  left: auto;
  right: 0%;
  box-shadow: 0 0 6px rgba(0, 0, 0, .45);
}

.d_infobox {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
  display: flex;
}

.s_text-2.click {
  height: 34px;
  color: #21a3b5;
  background-color: #f6f7fa;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  display: flex;
}

.exicon {
  height: 12px;
  filter: invert();
  margin-left: 6px;
}

.l_txt {
  color: #fff;
  font-size: 14px;
}

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

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

.tpsl_pop {
  z-index: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
}

.div-block-131 {
  width: 100%;
}

.tpsl_btnblock {
  width: 100%;
  height: 30px;
  background-color: rgba(255, 255, 255, .05);
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-128 {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  padding-top: 8px;
}

.tpsl_poptxt {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 20px;
  display: flex;
}

.pop_scroll {
  width: 100%;
  height: 80%;
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: auto;
}

.div-block-127 {
  width: 450px;
  color: #fff;
  background-color: #28292b;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 5px;
  padding: 25px 30px 20px 25px;
  position: relative;
}

.button-64 {
  width: 20%;
  height: 40px;
  color: #ffa638;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 0;
  display: flex;
}

.button-64:hover {
  background-color: #fff2d1;
}

.tpsl_price2 {
  color: #ffc20a;
  margin-left: auto;
  font-weight: 700;
}

.form-block-21 {
  margin-top: 15px;
  position: relative;
}

.tpsl_price {
  margin-left: auto;
  font-weight: 700;
}

.tpsl_poptitle {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 25px;
}

.tpsl_btn {
  width: 20%;
  height: 100%;
  background-color: #ffc57e;
  border-right: 1px solid rgba(255, 255, 255, .15);
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  display: flex;
}

.tpsl_btn.right {
  border-right-style: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tpsl_btn.left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tpsl_btn.left.click, .tpsl_btn.click {
  background-color: #ffa638;
}

.link-block-4 {
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 2%;
  bottom: auto;
  left: auto;
  right: 3%;
}

.trade_inputbox2 {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  display: flex;
}

.tpsl_poptxt2 {
  color: rgba(255, 255, 255, .5);
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

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

.modepop_box {
  width: 500px;
  color: #fff;
  background-color: #28292b;
  border-radius: 2px;
  flex-direction: column;
  padding: 30px 30px 25px;
  display: flex;
  position: relative;
}

.modepop_btnarea {
  height: 45px;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.modepop_btn {
  width: 48%;
  color: #fff;
  letter-spacing: 2px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.modepop_btn:hover {
  color: #fff;
  background-color: #181a22;
}

.modepop_btn.click {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}

.s_txt-3._2 {
  color: #fff;
  font-size: 13px;
}

.pop_btn2 {
  width: 50%;
  height: 40px;
  color: #fff;
  letter-spacing: 1px;
  background-color: #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.ordertxt6 {
  opacity: .7;
  margin-left: 5px;
  font-weight: 700;
}

.order_tpslarea.close {
  display: none;
}

.checkbox-field-3, .form-block-27 {
  margin-bottom: 0;
}

.quikpoptxt {
  height: 100px;
  color: #fff;
  text-align: center;
  background-color: #1b1b1c;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  display: flex;
}

.no_data {
  width: 100%;
  height: 100%;
  min-height: 550px;
  color: rgba(0, 0, 0, .5);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: none;
}

.tpsl_txt {
  font-size: 14px;
}

.tpsl_txt.sl {
  color: #f34840;
}

.tpsl_txt.tp {
  color: #00b4c9;
}

.p_tpslblock {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.tpsl_popinput {
  width: 70%;
  height: 40px;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  margin-bottom: 0;
  padding-left: 15px;
}

.tpsl_popinput::-ms-input-placeholder {
  color: rgba(255, 255, 255, .5);
}

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

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

.quantitybar_box {
  width: 50px;
  height: 25px;
  color: #fff;
  background-color: #000;
  border: 1px solid #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
  position: absolute;
  bottom: 25px;
}

.auth_count {
  color: #f34840;
  margin-bottom: 5px;
}

.hold_top_txt {
  width: 28%;
  text-align: right;
  margin-left: auto;
}

.hold_top_txt.left {
  width: 45px;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.hold_top {
  width: 100%;
  color: rgba(0, 0, 0, .5);
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  margin-bottom: 5px;
  display: flex;
}

.text-span-55 {
  margin-right: auto;
}

.hold_warp {
  height: 25px;
  align-items: center;
  display: flex;
}

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

.checkbox_block {
  width: 15px;
  height: 15px;
  background-color: #f3f3f3;
  border: 1px solid rgba(27, 27, 28, .5);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox_block.check {
  background-color: #000;
}

.copy_topbtn {
  min-width: 55px;
  color: #000;
  background-color: #fff;
  border-radius: 4px;
  margin-left: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.check_icon {
  width: 85%;
  filter: invert();
  display: none;
}

.check_icon.check {
  display: block;
}

.p_historybtn {
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.p_history_img {
  width: 20px;
  height: 20px;
  filter: invert();
}

.asset_top {
  border-top: 1px solid rgba(0, 0, 0, .3);
  border-bottom: 1px solid rgba(0, 0, 0, .5);
  padding-top: 5px;
  padding-left: 30px;
}

.asset_subtitle {
  align-items: flex-end;
  margin-top: 40px;
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.asset_d {
  color: rgba(0, 0, 0, .5);
  margin-left: 8px;
}

.d_network_check {
  width: 70px;
  height: 35px;
  color: #ffa638;
  background-color: #fff;
  border: 1px solid #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.d_network_check.off {
  color: rgba(0, 0, 0, .5);
  background-color: rgba(0, 0, 0, .15);
  border-color: rgba(0, 0, 0, .15);
}

.d_network {
  width: 100%;
  align-items: center;
  margin-top: 20px;
  padding-left: 10px;
  display: flex;
}

.p2p_c_warn {
  width: 100%;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  padding: 20px;
  font-size: 14px;
  line-height: 20px;
}

.text-block-59 {
  color: #000;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
}

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

.auth_filetxt {
  width: 95px;
  height: 40px;
  align-items: center;
  padding: 5px 8px;
  font-size: 13px;
  display: flex;
}

.colortxt {
  color: #ffa638;
}

.login_pwbtn {
  color: rgba(0, 0, 0, .5);
  transition: color .2s;
}

.login_pwbtn:hover {
  color: #ffc20a;
}

.login_pwtxt {
  color: rgba(0, 0, 0, .5);
  margin-top: 20px;
}

.warn_login {
  color: #f34840;
  text-align: left;
  margin-top: 5px;
  font-weight: 700;
}

.trc_txt {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 4px 4px 35px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trc_box {
  width: 150px;
  height: 40px;
  color: #ffa638;
  background-color: #ffa638;
  border: 1px solid #ffa638;
  border-radius: 4px;
  margin-bottom: 15px;
  position: relative;
}

.trc_img {
  width: 10px;
  height: 10px;
  filter: invert();
  display: block;
  position: absolute;
  top: auto;
  bottom: 1%;
  left: auto;
  right: 1%;
}

.tpsl_cancle {
  width: 150px;
  height: 45px;
  color: #ffa638;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

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

.checkbox-5 {
  margin-top: 0;
  margin-right: 5px;
}

.copy_n_pop {
  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%;
}

.copy_n_popbox {
  width: 500px;
  height: 650px;
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  padding: 35px 30px 30px;
  position: relative;
}

.copy_n_pop_warp {
  width: 100%;
  height: 460px;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  overflow: auto;
}

.password_pop {
  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%;
}

.l_p_input {
  width: 100%;
  height: 40px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 5px;
}

.copy_btnwarp2 {
  display: flex;
}

.left-arrow-4 {
  display: none;
}

.m_itemblock {
  width: 940px;
  min-width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  display: flex;
}

.frame3 {
  width: 100%;
  min-width: 1280px;
}

.m_section3 {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 40px;
  display: flex;
}

.slide-8 {
  color: #fff;
  background-image: url('/theme/ex2/files/6195005.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.m_item_img {
  width: 80px;
  height: 80px;
}

.main_banner_txtarea {
  z-index: 1;
  max-width: 1000px;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
  position: relative;
}

.frame-3 {
  width: 100%;
  flex-direction: column;
}

.slide-9 {
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('/theme/ex2/files/black_back32000x.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.banner_logo {
  width: 200px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.right-arrow-4 {
  display: none;
}

.main_box3block {
  width: 100%;
  color: #fff;
  flex-direction: column;
  display: flex;
}

.slide-10 {
  width: 100%;
  height: 100%;
  background-image: url('/theme/ex2/files/background_00.png');
  background-position: 50%;
  background-size: cover;
}

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

.mask-2 {
  height: 100%;
}

.main_bord {
  width: 48%;
  min-height: 160px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  transition: color .2s, border-color .2s;
  display: flex;
}

.main_bord:hover {
  color: #ffa638;
  border-color: #ffa638;
}

.slider-3 {
  width: 100%;
  height: 600px;
  background-color: #141414;
}

.image-24 {
  width: 240px;
}

.b_btn {
  width: 150px;
  height: 48px;
  color: #ffa638;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.b_btn._2 {
  color: #fff;
  background-color: #ffa638;
}

.b_btn_warp {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  margin-top: 50px;
  display: flex;
}

.m_title {
  margin-top: 0;
  font-family: Noto Serif KR, sans-serif;
  font-size: 46px;
  font-weight: 900;
  line-height: 54px;
}

.m_title._2 {
  text-shadow: 0 0 8px #ffa638;
}

.b_bg_img {
  z-index: 0;
  width: 250px;
  height: 250px;
  position: absolute;
  right: 10%;
}

.m_section1 {
  width: 100%;
  min-width: 1280px;
  flex-direction: column;
  align-items: center;
  padding: 100px 40px;
  display: flex;
}

.m_section2 {
  width: 100%;
  min-width: 1280px;
  color: #fff;
  background-image: url('/theme/ex2/files/shutterstock_361685600.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  padding: 100px 40px;
  display: flex;
}

.m_itemtxt {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.m_item_title {
  font-size: 20px;
  line-height: 24px;
}

.m_titlebox {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  display: flex;
}

.m_logo {
  height: 48px;
  margin-bottom: 10px;
}

.m_title_sub {
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 400;
}

.app_btnarea {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.app_btn {
  min-width: 190px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 3px solid #b3b3b3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-family: Fontsfree net productsans, sans-serif;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.app_btn:hover {
  background-color: #b3b3b3;
}

.m_banner {
  width: 100%;
  min-width: 1280px;
  background-image: url('/theme/ex2/files/background_01.png');
  background-position: 70%;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  padding: 60px 40px;
  display: flex;
}

.m_b_block {
  width: 940px;
  min-width: 940px;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  display: flex;
}

.store_icon {
  width: 36px;
  height: 36px;
}

.store_txt {
  flex-direction: column;
  display: flex;
}

.store_span {
  font-size: 13px;
  line-height: 14px;
}

.m_itemblock2 {
  max-width: 800px;
  min-width: 800px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: 20px;
  display: flex;
}

.m_item2 {
  width: 33.3%;
  height: 350px;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 60px 20px;
  transition: box-shadow .2s, color .2s, transform .2s;
  display: flex;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.m_item2:hover {
  color: #ffc20a;
  transform: translate(0, -20px);
  box-shadow: 0 0 14px #ffc20a;
}

.m_item_img2 {
  width: 140px;
  height: 140px;
}

.m_list {
  width: 940px;
  min-width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.m_coinbox {
  width: 31%;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  padding: 14px 20px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.m_coin_title {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.m_coinicon {
  width: 40px;
  height: 40px;
}

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

.m_coin_txt1 {
  font-size: 14px;
  font-weight: 500;
}

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

.m_coin_txt2.down {
  color: #f34840;
}

.m_coin_btn {
  width: 100%;
  height: 48px;
  color: #fff;
  text-align: center;
  background-color: #ffa638;
  border: 1px solid #ffa638;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  transition: border-color .2s, color .2s, transform .2s;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.m_coin_btn:hover {
  color: #ffa638;
  background-color: #fff;
  border: 1px solid #ffa638;
  transform: scale(1.1);
}

.amount {
  z-index: 1;
  width: 100%;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.present_price {
  color: #00b4c9;
  font-size: 16px;
  font-weight: 700;
}

.usdt-2 {
  z-index: 1;
  width: 26%;
  position: relative;
}

.usdt-2.green {
  color: #00b4c9;
}

.usdt-2.red {
  color: #f34840;
}

.highlight {
  z-index: 1;
  width: 35%;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
  padding-right: 7px;
  display: flex;
  position: relative;
}

.div-block-22 {
  width: 98%;
  height: 44px;
  border-top: 1px dashed rgba(243, 243, 243, .15);
  border-bottom: 1px dashed rgba(255, 255, 255, .15);
  align-items: center;
  margin: 4px auto;
  padding-left: 10px;
  padding-right: 0;
  display: flex;
}

.down_img {
  width: 20px;
  height: 20px;
  margin-left: 6px;
  margin-right: 3px;
}

.orderobox {
  height: 30px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.orderobox:hover {
  background-color: rgba(255, 255, 255, .14);
}

.orderobox._2 {
  height: 45px;
  background-color: #000;
  border-bottom: 1px dashed rgba(255, 255, 255, .15);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  display: flex;
}

.text {
  width: 25%;
  color: rgba(255, 255, 255, .5);
}

.text._3 {
  text-align: right;
}

.text._2 {
  width: 35%;
  justify-content: flex-end;
  display: flex;
}

.graphred {
  z-index: 0;
  width: 50%;
  height: 100%;
  transition: all .2s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0;
}

.graphred.red {
  background-color: rgba(243, 72, 64, .15);
}

.graphred.green {
  background-color: rgba(0, 180, 201, .15);
}

.d_listwrap {
  flex-direction: column;
  display: flex;
}

.d_listwrap.orderbook {
  display: flex;
}

.banner_img {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mobile_top {
  height: 70%;
  min-width: 90px;
  color: #000;
  text-align: center;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-weight: 500;
  line-height: 16px;
  transition: color .2s;
  display: none;
}

.mobile_top:hover {
  color: #ffc20a;
}

.settle_img {
  z-index: 0;
  width: 70%;
  height: 30%;
  opacity: .2;
  position: absolute;
  bottom: 0;
  right: 0;
}

.settle_img2 {
  z-index: 0;
  width: 40%;
  height: 22%;
  opacity: .2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.settle_img3 {
  z-index: 0;
  width: 50%;
  height: 40%;
  opacity: .5;
  position: absolute;
  top: 20%;
  right: 0;
}

.regist_btnwarp {
  height: 45px;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.button-65 {
  width: 49%;
  color: #000;
  background-color: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .04);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  transition: color .2s, border-color .2s;
  display: flex;
}

.button-65:hover {
  color: #ffa638;
}

.button-65.click {
  color: #ffa638;
  border: 1px solid #ffa638;
}

.s_mode_warp {
  z-index: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: relative;
}

.s_mode_btn {
  height: 30px;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.mode_warp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 20px;
  display: flex;
}

.mode_btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  background-color: #1b1b1c;
  border-radius: 4px;
  flex-direction: column;
  padding: 20px;
  font-size: 14px;
  line-height: 20px;
  transition: background-color .2s;
  display: flex;
}

.mode_btn:hover {
  background-color: rgba(255, 166, 56, .4);
}

.mode_txt {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.m_slider {
  width: 100%;
  height: 600px;
}

.m_span {
  color: #ffc20a;
}

.m_slide {
  background-image: url('/theme/ex2/files/6195005.jpg');
  background-position: 50%;
  background-size: cover;
}

.m_slide._2 {
  background-image: url('/theme/ex2/files/bluehole_back.png');
}

.m_slide._3 {
  background-image: url('/theme/ex2/files/blue_violet_back_1.png');
  background-position: 50% 100%;
}

.m_slide_img {
  width: 400px;
  position: absolute;
  bottom: 10%;
  right: 10%;
}

.m_slide_img._2 {
  width: 300px;
  right: 15%;
}

.m_title2 {
  text-shadow: 0 0 8px #ffa638;
  margin-top: 0;
  font-family: Noto Serif KR, sans-serif;
  font-size: 62px;
  font-weight: 900;
  line-height: 62px;
}

.m_subtitle {
  text-shadow: 0 0 8px #ffa638;
}

@media screen and (max-width: 991px) {
  .image-44 {
    width: 24px;
    height: 24px;
  }

  .asset_coininfo_txt {
    min-width: 16vw;
  }

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

  .footerlist_warp {
    width: 540px;
  }

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

  .table_warp-2 {
    margin-left: 50px;
  }

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

  .top_menubtnlist {
    display: none;
  }

  .topblock {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main_warp {
    min-width: auto;
  }

  .banner_box {
    min-width: 768px;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .mob_asidepop {
    width: 40%;
    background-color: #fff;
  }

  .trade_block3 {
    flex-direction: column;
  }

  .positionlistblock {
    height: 7vw;
  }

  .trade_block {
    width: 100%;
    min-width: auto;
  }

  .tradeblock1, .orderbox1 {
    width: 100%;
  }

  .trade_frame {
    min-width: auto;
  }

  .positiononfo {
    min-width: 20vw;
  }

  .orderbook_block {
    width: 100%;
    min-width: auto;
  }

  .positionblock1 {
    width: 100%;
  }

  .trade_mainframe {
    flex-direction: column;
  }

  .chartblock {
    width: 100%;
    min-width: auto;
  }

  .asideblock {
    height: 90%;
    overflow: auto;
  }

  .image-45 {
    width: 12px;
    height: 12px;
    margin-left: auto;
    transform: rotate(180deg);
  }

  .asidewarp {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    display: flex;
  }

  .asidelist {
    height: 48px;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .asidelist:hover {
    color: #ffa638;
  }

  .asidelist.additionalbtn {
    background-color: #f3f3f3;
    align-items: center;
    display: flex;
  }

  .aside_profile {
    width: 100%;
    height: 54px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    display: flex;
  }

  .mob_asidepop_block {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .aasidedrop {
    display: none;
  }

  .text-block-21 {
    margin-left: auto;
  }

  .positiononfo-2 {
    min-width: 20vw;
  }

  .positionlistblock-2 {
    height: 7vw;
  }

  .positiononfo_cancle-2 {
    min-width: 20vw;
  }

  .positionblock1-2 {
    width: 100%;
  }

  .m_itemblock {
    width: auto;
    max-width: 940px;
    min-width: 688px;
  }

  .frame3 {
    min-width: 768px;
  }

  .main_box3warp {
    margin-left: 0;
  }

  .slider-3 {
    height: 70vh;
  }

  .m_section1, .m_section2, .m_banner {
    min-width: 768px;
  }

  .m_b_block {
    width: auto;
    max-width: 940px;
    min-width: 688px;
  }

  .m_itemblock2 {
    max-width: 700px;
    min-width: 700px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .m_list {
    width: auto;
    min-width: 700px;
  }

  .m_coinbox {
    width: 48%;
  }

  .mobile_top {
    display: flex;
  }

  .m_slide_img {
    width: 250px;
    bottom: 10%;
    right: 10%;
  }
}

@media screen and (max-width: 767px) {
  .button-15, .button-15-copy {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .title3 {
    margin-bottom: 1vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .image-44 {
    width: 4vw;
    height: 4vw;
  }

  .pop_exist {
    width: 5vw;
    height: 5vw;
    top: 1vw;
    right: 1vw;
  }

  .pop_btn {
    height: 8vw;
    margin-top: 2vw;
    margin-left: auto;
    margin-right: auto;
  }

  .image-38 {
    width: 4vw;
    height: 4vw;
  }

  .profilename {
    margin-right: 1vw;
  }

  .title1 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .title6 {
    text-align: center;
    font-size: 6vw;
    line-height: 7vw;
    display: flex;
  }

  .popximg {
    width: 4vw;
    height: 4vw;
  }

  .poptitle {
    margin-bottom: 1vw;
    font-size: 6vw;
    line-height: 8vw;
  }

  .frame {
    min-height: auto;
    margin-top: 11vw;
    display: flex;
  }

  .long {
    color: #00b4c9;
  }

  .body1 {
    font-size: 2.6vw;
    line-height: 4vw;
  }

  .loginblock {
    width: 100%;
    padding: 10vw;
  }

  .button-10 {
    font-size: 3vw;
    line-height: 2.5vw;
  }

  .login_block {
    width: 100%;
    min-width: auto;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 4vw;
    padding-bottom: 10vw;
  }

  .text-field-10 {
    height: 8vw;
    padding: 0 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .loginbox {
    height: 8vw;
  }

  .login_logo {
    width: 17vw;
    margin-bottom: 10vw;
  }

  .text-field-9 {
    height: 100%;
    padding: 0 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .frame4 {
    width: 100%;
    height: 150vw;
    min-height: auto;
  }

  .frame4.regist {
    height: 220vw;
  }

  .submit-button-2 {
    height: 8vw;
    margin-top: 3vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .form-5 {
    justify-content: space-between;
  }

  .select-field-7 {
    padding: 1vw 3vw 1vw 2vw;
    font-size: 3vw;
  }

  .title4 {
    margin-bottom: 4vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .title5 {
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .field-label {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .button-32 {
    border-radius: 1vw;
    margin-left: 2vw;
    padding: 1vw;
    font-size: 3vw;
    line-height: 2.8vw;
  }

  .text-field-18 {
    height: 100%;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .pop_input {
    height: 8vw;
  }

  .registpop_blcok {
    width: 95vw;
    padding: 4vw 6vw 5vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .welcomepop {
    display: none;
  }

  .body2 {
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .assettitle {
    margin-bottom: 2vw;
    margin-left: 0;
    font-size: 5vw;
    line-height: 6vw;
  }

  .btnarea {
    width: 100%;
    min-width: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 25vw 25vw 30vw;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-items: center;
    margin-top: 0;
    padding: 1vw;
    display: flex;
    box-shadow: -1px 0 5px 1px rgba(0, 0, 0, .05);
  }

  .deposit_pop {
    border-radius: 10px;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .asset_coinsub_top {
    width: 100%;
    max-width: none;
    justify-content: flex-end;
    margin-bottom: 1vw;
    padding-left: 17vw;
  }

  .asset_coinsub_top.usdt {
    padding-right: 0;
  }

  .asset_coininfo_txt {
    max-width: 23vw;
    min-width: 23vw;
    flex-flow: wrap;
    justify-content: flex-end;
    margin-left: auto;
    font-size: 2.1vw;
    line-height: 2.5vw;
  }

  .depositaddress_txtbox {
    width: 58vw;
    height: 7vw;
    margin-left: 0;
    padding: 1vw 2vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .div-block-106 {
    width: 91%;
    margin-bottom: 2vw;
    padding-left: 2vw;
  }

  .depositbottom2 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .menubtn {
    width: 50%;
    height: 8vw;
    min-width: auto;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 1vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .menubtn:hover {
    box-shadow: none;
    color: #ffa638;
    background-color: rgba(0, 0, 0, 0);
    border-right-style: none;
    border-right-width: 1px;
    transform: none;
  }

  .menubtn.click {
    color: #ffa638;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: underline;
  }

  .coinimg1 {
    width: 4vw;
    height: 4vw;
    margin-right: .5vw;
  }

  .unit {
    margin-left: .3vw;
  }

  .asset_coininfo {
    width: 77vw;
    padding-left: 1vw;
  }

  .title2 {
    margin-bottom: 1vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .asset_warntxt {
    width: 100%;
    flex-direction: column;
    font-size: 3vw;
    line-height: 4vw;
    display: flex;
  }

  .depositaddress {
    width: 68vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .asset_value {
    width: 45vw;
    height: 8vw;
    font-size: 3vw;
    line-height: 2.5vw;
  }

  .copyicon {
    width: 5vw;
    height: 5vw;
    margin-left: 3vw;
  }

  .assetbox {
    width: 100%;
    height: 100%;
    min-height: auto;
    flex-direction: column;
    margin-bottom: 0;
    padding: 6vw 4vw 7vw;
    display: flex;
  }

  .frame2 {
    height: auto;
    min-height: 160vw;
    flex-direction: column;
    padding: 7vw 2vw;
  }

  .button-4 {
    width: 20vw;
    height: 7vw;
    margin-left: 4vw;
  }

  .asset_coin {
    width: 100%;
    min-height: 16vw;
    align-items: flex-end;
    margin-left: 0;
    padding: 4vw 1vw;
  }

  .deposit_warp3 {
    width: 100%;
  }

  .asset_address {
    margin-top: 5vw;
    margin-bottom: 1vw;
    padding-left: 0;
  }

  .asset_address.btc {
    font-size: 3vw;
    line-height: 4vw;
  }

  .warn_title {
    font-size: 2.5vw;
  }

  .deposit_warp2 {
    border-bottom-style: none;
    border-radius: 1vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    padding-left: .5vw;
    padding-right: .5vw;
  }

  .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_coinsub_toptxt {
    width: 23vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .warn_xrp {
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-size: 2.3vw;
  }

  .button-46 {
    width: 80%;
    height: 8vw;
    margin-left: 4vw;
  }

  .depositbtntxt {
    min-width: 7vw;
    font-size: 3vw;
    line-height: 4vw;
    display: none;
  }

  .asset_coinsub_name {
    width: 16vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .asset_coininfoblock {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .depositbottom1 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .myassetvalue {
    width: 100%;
    padding-left: 2vw;
  }

  .depositpop_box {
    width: 100%;
    min-height: auto;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 1vw;
    padding: 4vw 4vw 5vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .asset_coinsub {
    width: 100%;
    min-height: 16vw;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
    padding: 2vw 1vw;
  }

  .text-field-23 {
    width: 58vw;
    height: 7vw;
    margin-left: auto;
    padding: 1vw 2vw;
  }

  .asset_warn {
    width: 100%;
    height: auto;
    margin-top: 4vw;
    margin-bottom: 6vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 2vw;
    line-height: 4vw;
  }

  .asset_block {
    width: 100%;
    max-width: none;
    min-height: 90vh;
    align-items: flex-start;
  }

  .asset_cointitle {
    width: 17vw;
    margin-right: 1vw;
  }

  .form-2 {
    height: 75vw;
    margin-top: 4vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .asset_listbox {
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .withrawl_qty {
    align-items: center;
    margin-bottom: 3vw;
  }

  .form-block-2, .form-block-2.btc {
    width: 100%;
    margin-top: 3vw;
  }

  .mawqty {
    width: 15vw;
    height: 100%;
  }

  .text-field-4 {
    height: 8vw;
    padding: 1vw 3vw;
  }

  .submit-button {
    width: 100%;
    height: 9vw;
    margin-top: 3vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .text-field-3 {
    height: 8vw;
    margin-bottom: 4vw;
    padding: 1vw 3vw;
  }

  .form-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .form-block-4 {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }

  .listtext1 {
    width: 11%;
    text-align: center;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .listpage_warp {
    height: 7vw;
    margin-top: 4vw;
  }

  .text-field-5 {
    width: 30%;
    height: 7vw;
    margin: 1vw 0 3vw;
    padding: 0 0 0 1vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .listtext2 {
    width: 20%;
    height: auto;
    padding: 1vw;
  }

  .listtext3 {
    text-align: center;
    padding-left: .5vw;
    padding-right: .5vw;
  }

  .select-field-5 {
    width: 25vw;
    height: 8vw;
    border-bottom-width: 1px;
    margin: 1vw 0 3vw;
    padding-left: 1vw;
    padding-right: 3vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .asset_tablelist {
    width: 100%;
    height: 12vw;
    padding: 1vw 0 1vw 0;
    font-size: 3vw;
    line-height: 4vw;
  }

  .assetwarp {
    min-height: 60vh;
    margin-bottom: 2vw;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .asset_tabletop {
    z-index: 0;
    width: 280%;
    height: 12vw;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 3vw;
    line-height: 4vw;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .asset_tabletop.funding {
    width: 100%;
    min-height: 8vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .deposit_warp4 {
    padding-top: 4vw;
    padding-right: 0;
    overflow: hidden;
  }

  .table_warp {
    width: 100%;
    min-height: 70vh;
    margin-top: 3vw;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: auto;
  }

  .table_warp.funding {
    overflow: auto;
  }

  .asset_table {
    width: 280%;
  }

  .asset_table.funding {
    width: 100%;
  }

  .button-19 {
    width: 8vw;
    height: 8vw;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 3.5vw;
    line-height: 4vw;
    display: flex;
  }

  .text-field-8 {
    height: 10vw;
    border-radius: 1vw;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .text-field-8.select {
    width: 40vw;
    height: 8vw;
    border-radius: 1vw;
    margin-left: 0;
    padding: 0 0 0 2vw;
    font-size: 2.8vw;
    line-height: 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;
  }

  .assetbox4 {
    justify-content: center;
    padding-left: 0;
    display: flex;
  }

  .exchangebtn {
    width: 8vw;
    height: 8vw;
    margin-left: 3vw;
    margin-right: 3vw;
    padding-top: 0;
  }

  .button-6 {
    width: 20vw;
    height: 8vw;
    border-radius: 1vw;
    padding: 1vw 3vw;
  }

  .result_btn {
    width: 60vw;
    height: 8vw;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .result_btn.click {
    width: 60vw;
    height: 9vw;
    border-radius: 1vw;
    margin-top: 3vw;
  }

  .text4 {
    width: auto;
    min-height: auto;
    font-size: 2.8vw;
    line-height: 5vw;
  }

  .assetlistbox2 {
    height: 13vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    margin-left: 0;
  }

  .exchangebtn_img {
    width: 8vw;
    height: 8vw;
  }

  .form-block-3 {
    margin-left: 0;
    padding-left: 0;
  }

  .asset_block2 {
    width: 100%;
    margin-bottom: 1vw;
    padding-top: 4vw;
    padding-bottom: 10vw;
  }

  .exchange_quote1 {
    margin-left: 0;
  }

  .asset_quote {
    margin-top: 1vw;
    padding-left: 0;
  }

  .select-field-2 {
    width: 30vw;
    height: 8vw;
    border-radius: 1vw;
    padding-left: 1vw;
    padding-right: 4vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .form-block-12 {
    margin-left: 0;
  }

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

  .text2 {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 1vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .button-9 {
    min-height: 7vw;
    min-width: 11vw;
    border-radius: 1vw;
    margin-left: 2vw;
    padding: 1vw 2vw;
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .button-22 {
    min-height: 7vw;
    min-width: 11vw;
    border-radius: 1vw;
    padding: 1vw 2vw;
    font-size: 2.3vw;
  }

  .text-block-38 {
    height: 10vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .text-field4 {
    width: 100%;
    height: 10vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .anotice {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .div-block-4 {
    width: 100%;
    margin-top: 5vw;
  }

  .text-span-54 {
    margin-bottom: 1vw;
    font-size: 3.5vw;
  }

  .pbtn {
    width: 48%;
    height: 10vw;
    margin-bottom: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .pbtnwrap {
    margin-top: 2vw;
  }

  .btn {
    width: 100%;
    height: 8.5vw;
    justify-content: center;
    align-items: center;
    margin-top: 8vw;
    margin-left: 0;
  }

  .deposit_warntxt {
    margin-bottom: 5vw;
    font-size: 3vw;
  }

  .wallet_krwtxt {
    margin-top: 1vw;
    margin-bottom: 2vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .btntxt {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .btn2 {
    width: 100%;
    height: 8.5vw;
    justify-content: center;
    align-items: center;
    margin-top: 8vw;
    margin-left: 3vw;
  }

  .dwrap-2 {
    width: auto;
    margin-top: 0;
    padding: 8vw 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .anotice2 {
    font-size: 3vw;
    line-height: 7vw;
  }

  .mymoney {
    width: 100%;
    max-width: none;
    text-align: left;
    align-items: flex-start;
    margin-bottom: 0;
    padding-right: 2vw;
    font-size: 4.5vw;
    line-height: 5vw;
  }

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

  .wallettxt {
    width: 100%;
    max-width: none;
    margin-bottom: 4vw;
    margin-right: 0;
  }

  .tablewrap {
    width: 100%;
  }

  .btnwrap {
    justify-content: space-between;
    margin-top: 0;
  }

  .dtitle {
    width: auto;
    margin-top: 0;
    margin-bottom: 3vw;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .tablewrap4 {
    width: 100%;
    flex-direction: column;
    margin-top: 2vw;
    margin-bottom: 5vw;
  }

  .arrow {
    margin-left: 0;
    margin-right: 0;
    font-size: 8vw;
    line-height: 8vw;
    display: none;
  }

  .arrow.horizon {
    display: none;
  }

  .useraccount, .text-block-13 {
    width: 100%;
    height: 10vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .form-block-14 {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }

  .withrawlblock {
    width: 90vw;
    border-color: rgba(255, 255, 255, .1);
    border-radius: 1vw;
    padding: 7vw 5vw 4vw;
  }

  .frame6 {
    height: 110vw;
    min-height: 110vw;
  }

  .image-40 {
    height: 10vw;
    margin-bottom: 6vw;
  }

  .text-block-14 {
    font-size: 3.5vw;
    line-height: 6vw;
  }

  .custermermain_textblock {
    height: 8vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding-left: 3vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .custermertitle1 {
    margin-bottom: 2vw;
    font-size: 5vw;
    line-height: 6vw;
  }

  .image-51 {
    width: 27vw;
    height: 25vw;
    margin-bottom: 2vw;
  }

  .main_banner {
    width: 100%;
    height: 50vw;
    min-height: auto;
    min-width: auto;
  }

  .custermermain_box2 {
    width: 100%;
    height: auto;
    min-height: 25vw;
    margin-bottom: 2vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .custermertitle2 {
    font-size: 6.5vw;
    line-height: 8vw;
  }

  .custermermain_box {
    padding-top: 0;
    padding-bottom: 5vw;
  }

  .custermermain_warp2 {
    width: 100%;
    height: 125vw;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .custermermain_warp {
    padding-left: 0;
    padding-right: 0;
  }

  .frame5 {
    width: 100%;
    min-height: auto;
    margin-top: 6vw;
    margin-bottom: 6vw;
  }

  .custermermain_warp1 {
    width: 100%;
    flex-direction: column;
    margin-bottom: 5vw;
  }

  .banner_warp {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .custermer_iconbtn {
    width: 75%;
    height: 42vw;
    margin: 3vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .custermermain_title {
    margin-bottom: 2vw;
    padding-left: 3vw;
    font-size: 4vw;
    line-height: 9vw;
  }

  .bannerbox2 {
    width: 100%;
  }

  .paging {
    min-width: 100%;
    justify-content: center;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .custermer_liet {
    height: 11vw;
    margin: 1vw 2vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .custermer_listblocktop {
    width: 100%;
    height: 9vw;
    border-radius: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .custermer_warp2 {
    width: 100%;
    height: 8vw;
    margin-top: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .custermer_warp1 {
    width: 100%;
    height: auto;
    min-height: 85vh;
    margin-top: 2vw;
    position: relative;
  }

  .text7 {
    margin-left: 0;
    font-size: 3vw;
    line-height: 4vw;
  }

  .button-18 {
    width: 8vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .custermer_listtxt2 {
    text-align: center;
  }

  .custermer_titlewarp {
    width: 100%;
    align-items: flex-end;
    margin-bottom: 6vw;
    padding-bottom: 4vw;
  }

  .custermer_listblock {
    width: 100%;
    height: auto;
    min-height: 100vw;
    padding: 8vw 5vw;
  }

  .detail_textblock {
    width: 100%;
    height: auto;
    min-height: 65vw;
    padding: 3vw;
  }

  .button-17 {
    width: 30vw;
    height: 8vw;
    text-align: center;
    margin-left: auto;
  }

  .subtitle.writer {
    min-width: 18vw;
    margin-right: 4vw;
  }

  .subtitle.date {
    min-width: 35vw;
  }

  .detail_btnblcok {
    width: 100%;
    height: 7vw;
    margin-top: 3vw;
    padding-right: 5vw;
  }

  .detail_titleblock {
    width: 100%;
    min-height: 15vw;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0;
    padding-bottom: 3vw;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 2.8vw;
    line-height: 3vw;
    display: flex;
  }

  .text-block-5 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .text-field-12 {
    height: 8vw;
    margin-bottom: 5vw;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .form-6 {
    align-items: flex-start;
  }

  .fileblock {
    width: 100%;
    margin-top: 2vw;
    margin-bottom: 4vw;
  }

  .submit-button-3 {
    width: 35vw;
    height: 8vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .deletebtn_box {
    width: 5vw;
    height: 5vw;
    border-radius: .5vw;
    margin-left: 2vw;
  }

  .deletebtn {
    width: 4.5vw;
    height: 4.5vw;
  }

  .file_uploadbox {
    width: 75%;
    margin-left: 2vw;
    padding-top: 1vw;
  }

  .file_uploadbox.kyc {
    width: 55%;
  }

  .fileselect_block {
    width: 100%;
    height: 7vw;
    margin-bottom: 2vw;
  }

  .button-11 {
    width: 19vw;
    height: 7vw;
    padding: 1vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .form-block-6 {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .fileselect1 {
    width: 90%;
    padding-left: 1vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .text-field-11 {
    height: 8vw;
    margin-bottom: 4vw;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

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

  .textarea {
    min-height: 35vw;
    margin-bottom: 4vw;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .accountbox {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding-left: 4vw;
  }

  .button-21 {
    width: 40vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .accountwarp {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .form-8 {
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .password2 {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding: 1vw 3vw;
    font-size: 3vw;
  }

  .button-21-copy {
    width: 40vw;
    margin-left: 4vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .accountblock {
    width: 100%;
    min-height: auto;
    margin-bottom: 0;
    padding: 5vw 6vw;
  }

  .text-field-15 {
    height: 8vw;
    padding-left: 4vw;
    font-size: 3vw;
  }

  .name {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding: 1vw 3vw;
    font-size: 3vw;
  }

  .button-20 {
    margin-left: 3vw;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .button-38 {
    height: 8vw;
  }

  .text-block-31 {
    margin-bottom: 2vw;
    padding-left: 3vw;
    font-size: 3vw;
    line-height: 8vw;
  }

  .text-block-31.nochange {
    height: 8vw;
  }

  .accountbtn {
    height: 9vw;
  }

  .title7 {
    margin-bottom: 2vw;
    padding-left: 0;
    font-size: 5.5vw;
    line-height: 8vw;
  }

  .text-block-16 {
    font-size: 2.8vw;
  }

  .password, .text-field-14 {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding: 1vw 3vw;
    font-size: 3vw;
  }

  .text-field-14.certification {
    height: 8vw;
  }

  .accountbox2 {
    height: 8vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

  .form-block-8 {
    width: 100%;
  }

  .copyright {
    margin-top: 13vw;
    padding-top: 0;
    font-size: 3vw;
    line-height: 4vw;
  }

  .footerlist_warp {
    width: 100%;
    min-width: auto;
    grid-column-gap: 7vw;
    grid-row-gap: 7vw;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .footer_block {
    min-width: 100%;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .bottom {
    width: 100%;
  }

  .footer {
    width: 100%;
    height: auto;
    min-width: auto;
    flex-direction: column;
    padding: 8vw 5vw;
    display: flex;
  }

  .footerlogoblock {
    min-width: auto;
    margin-bottom: 10vw;
    margin-right: 0;
  }

  .f_wrap {
    flex-direction: column;
  }

  .footerlist_block {
    width: 100%;
    min-width: 20vw;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
  }

  .footerlist {
    text-align: left;
    justify-content: flex-start;
    margin-top: 2vw;
    font-size: 3vw;
    line-height: 4vw;
    display: flex;
  }

  .footerlist_title {
    text-align: center;
    margin-bottom: 1vw;
    font-size: 3vw;
    line-height: 4vw;
    display: flex;
  }

  .footerlogo {
    width: auto;
    height: 5vw;
  }

  .image_source {
    font-size: 2vw;
    line-height: 4vw;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .image-60 {
    width: 2.5vw;
  }

  .div-block-98 {
    width: auto;
    align-items: flex-start;
  }

  .div-block-100 {
    width: 19vw;
    margin-left: 0;
    padding-top: 2vw;
  }

  .button-42 {
    width: 20vw;
    height: 7vw;
    border-radius: 1vw;
    margin-right: 2vw;
    padding: 1vw;
    font-size: 3vw;
  }

  .div-block-97 {
    width: 61vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .button-48 {
    width: 25vw;
    height: 8vw;
    border-radius: 1vw;
    margin-left: 1vw;
    margin-right: 1vw;
    padding: 1vw;
  }

  .div-block-112 {
    height: 9vw;
    align-items: center;
  }

  .image-61 {
    width: 15vw;
    height: auto;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .button-41 {
    width: 16vw;
    height: 6vw;
    border-radius: 1vw;
    margin-bottom: 1vw;
  }

  .copyttitle {
    height: 20vw;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
  }

  .copyt_title {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 4vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .text-field-24 {
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
  }

  .traderlink1 {
    width: 100%;
    min-height: 6vw;
    justify-content: flex-end;
    margin-top: 1vw;
    line-height: 2.5vw;
  }

  .div-block-99 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-rows: 15vw 15vw;
    grid-template-columns: 20vw 20vw 20vw;
    grid-auto-columns: 1fr;
    margin-top: 1vw;
    display: grid;
  }

  .copyt_userlistbox {
    width: 100%;
    height: auto;
    min-height: 50vw;
    border-radius: 2vw;
    align-items: flex-start;
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding: 2vw 1.5vw;
  }

  .image-59 {
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: 0;
  }

  .trader_pop2 {
    width: 100%;
    padding: 4vw;
  }

  .copywarp {
    width: 100%;
    min-width: auto;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .button-45 {
    min-width: 15vw;
    border-radius: 1vw;
    font-size: 2.8vw;
  }

  .div-block-111 {
    padding-top: 2vw;
  }

  .traderpop {
    padding: 5vw;
  }

  .div-block-101 {
    text-align: left;
    flex-direction: column;
  }

  .text9 {
    width: 60vw;
    height: 12vw;
  }

  .text-field-21 {
    width: 30vw;
    height: 7vw;
    margin-right: 2vw;
    padding: 1vw 1vw 1vw 6.5vw;
    line-height: 3vw;
    right: 1vw;
  }

  .text11 {
    margin-top: 1vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 3vw;
  }

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

  .text-field-25 {
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
  }

  .username {
    margin-right: 2vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .form-block-16 {
    width: 100%;
    margin-bottom: 3vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .form-block-18 {
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

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

  .btnwartp {
    flex-direction: row;
  }

  .button-31 {
    width: 35vw;
    height: 8vw;
  }

  .button-33 {
    width: 48%;
    height: 8vw;
    margin-right: 0;
    line-height: 3vw;
  }

  .div-block-123 {
    width: 35vw;
    align-items: center;
    padding: 2vw;
    top: 4vw;
    left: auto;
    right: 0;
  }

  .copyt_warp2 {
    margin-right: 2vw;
  }

  .checkbox-field-2 {
    width: 15vw;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1vw;
    margin-left: 1vw;
    margin-right: 1vw;
    padding-left: 4vw;
    display: flex;
  }

  .text-block-25 {
    width: auto;
    text-align: center;
    margin-right: 0;
    padding: 1vw;
    font-size: 3vw;
  }

  .copyt_box {
    width: 100%;
    height: 100%;
    min-height: auto;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 7vw 0 10vw;
  }

  .text-field-20 {
    width: 100%;
    height: 8vw;
    margin-top: 1vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .copyoption_coinsub {
    display: none;
  }

  .copyoption_coinsub.on {
    display: block;
  }

  .copyblock_top {
    width: 100%;
    justify-content: center;
    padding-left: 2vw;
    display: flex;
  }

  .text-block-40 {
    line-height: 3vw;
  }

  .copyt_block4 {
    width: 98%;
    min-height: 75vw;
    margin-bottom: 6vw;
    padding: 5vw 2vw;
  }

  .copy_box {
    width: 85vw;
    height: 11vw;
    margin-top: 4vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .copyt_followwarp2 {
    height: auto;
    flex-direction: column;
  }

  .copyt_user {
    width: 98%;
    height: auto;
    flex-direction: column;
    margin-bottom: 6vw;
    padding: 5vw 4vw;
  }

  .button-34 {
    width: 48%;
    height: 8vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    padding: 1vw;
    font-size: 2.3vw;
    line-height: 3vw;
    display: flex;
  }

  .button-34.click {
    text-align: center;
  }

  .followname {
    margin-top: 4vw;
    font-size: 6vw;
    line-height: 7vw;
  }

  .text-field-19 {
    width: 90%;
    height: 8vw;
    margin-top: 1vw;
    margin-right: auto;
    padding: 1vw 3vw 1vw 2vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .div-block-122 {
    width: 4vw;
    height: 4vw;
    margin-left: 2vw;
    position: absolute;
    top: auto;
    bottom: 6%;
    left: auto;
    right: 3%;
  }

  .copyt_followwarp {
    width: auto;
    height: auto;
    flex-direction: column;
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 3vw;
    position: relative;
  }

  .checkbox-label-2 {
    margin-bottom: 0;
  }

  .button-47 {
    width: 13vw;
    height: 8vw;
  }

  .button-47.long, .button-47.short {
    width: 13vw;
  }

  .checkbox {
    margin-top: 0;
    margin-left: -4vw;
    margin-right: 1vw;
  }

  .copyt_tabletop {
    width: 270%;
    height: 10vw;
    border-radius: 1vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .copyt_tabletop.small {
    width: 180%;
  }

  .copyt_block1 {
    width: 100%;
    height: 25vw;
    padding: 3vw 0 2vw;
  }

  .roundbtn_round {
    width: 4vw;
    height: 4vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .roundbtn {
    width: 15vw;
    height: 6vw;
  }

  .copyt_list {
    width: 270%;
    height: 11vw;
    padding-left: 0;
    padding-right: 0;
  }

  .copyt_list.small {
    width: 180%;
  }

  .copyt_datawarp {
    width: 40vw;
    height: 10vw;
    margin-right: 5vw;
  }

  .roundbtn_color, .roundbtn_color.on {
    height: 6vw;
  }

  .copyt_datablock {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .copyt_warp {
    width: 100%;
    height: 15vw;
    border-bottom-style: none;
    border-radius: 1vw;
    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%;
  }

  .copyt_block2 {
    width: 100%;
    max-width: none;
    min-width: auto;
    margin-top: 0;
    padding-top: 4vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .text10 {
    margin-right: 4vw;
    font-size: 3vw;
  }

  .button-40 {
    width: 24vw;
    height: 8vw;
    font-size: 3vw;
  }

  .copyt_warp1 {
    width: 100%;
  }

  .button-39 {
    width: 24vw;
    height: 8vw;
    margin-left: auto;
    font-size: 3vw;
  }

  .copywarp3 {
    height: 8vw;
    margin-bottom: 2vw;
  }

  .menubtn2 {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 3vw;
    line-height: 3vw;
  }

  .menubtn2:hover {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .menubtn2.click {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #000;
  }

  .copy_info {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .copyt_followoption {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .copytitle {
    margin-bottom: 2vw;
    margin-left: 0;
    font-size: 5vw;
    line-height: 6vw;
  }

  .copyt_listbox.none {
    height: 80vw;
    margin-left: 0;
  }

  .image-53 {
    width: 14vw;
    height: 16vw;
    margin-right: 2vw;
  }

  .div-block-104 {
    padding-left: 0;
  }

  .button-54 {
    width: 11vw;
    height: 6vw;
  }

  .listbox {
    width: 12%;
  }

  .followprofile1 {
    min-width: 60vw;
  }

  .image-57 {
    width: 5vw;
    height: 5vw;
    margin-right: 4vw;
  }

  .copyt_block3 {
    height: auto;
    min-width: auto;
    flex-direction: column;
    margin-bottom: 5vw;
    padding-bottom: 3vw;
    padding-left: 0;
    padding-right: 0;
  }

  .button-37 {
    width: 18vw;
    height: 8vw;
    padding: 1vw 2vw;
  }

  .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: 6vw;
    grid-row-gap: 3vw;
  }

  .futureicon_listbox._2 {
    grid-row-gap: 2vw;
    grid-template-rows: 10vw 10vw 10vw;
    grid-template-columns: 48% 48%;
  }

  .followertxt {
    margin-right: 1vw;
  }

  .button-51 {
    width: 35vw;
    height: 8vw;
    font-size: 3vw;
  }

  .button-49 {
    width: 35vw;
    height: 9vw;
    text-align: center;
    margin-left: 2vw;
    padding: 1vw;
    font-size: 3vw;
  }

  .button-49._2 {
    width: 55vw;
    font-size: 2.7vw;
  }

  .check {
    width: 3vw;
    height: 2.5vw;
    margin-left: 2vw;
  }

  .div-block-96 {
    width: auto;
    height: 30vw;
    grid-template-rows: 12vw 12vw;
    grid-template-columns: 28vw 28vw 28vw;
    justify-items: center;
    margin-left: 4vw;
    margin-right: 4vw;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-27 {
    max-width: 100%;
    min-height: 15vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .copy_mydata {
    width: auto;
    height: 45vw;
    min-width: auto;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .copyt_topwarp {
    width: 100%;
    height: 10vw;
    border-bottom-style: solid;
    border-bottom-width: .5vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    justify-items: center;
    margin-bottom: 4vw;
    padding-top: 1vw;
    padding-left: 0;
    display: flex;
  }

  .text-block-33 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .copyt_top2 {
    width: 28vw;
    height: 9vw;
    margin-left: 1vw;
  }

  .div-block-90 {
    width: auto;
    min-width: auto;
    border-radius: 0;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .futureicon_block {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2vw;
  }

  .select_futureicon {
    width: 35vw;
    height: 8vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 3vw;
  }

  .text-block-28 {
    margin-top: 0;
  }

  .warp3 {
    width: 85%;
    flex-direction: column;
    display: flex;
  }

  .futureicon {
    width: 30vw;
    height: 8vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .copy_btnwarp {
    height: 7vw;
    margin-bottom: 2vw;
  }

  .table_warp-2 {
    width: 100%;
    max-height: 200vw;
    margin-top: 5vw;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: auto;
  }

  .image-48 {
    width: 3vw;
    height: 3vw;
    margin-left: 3vw;
  }

  .influ_mainblock1 {
    height: 33vw;
    min-width: 250vw;
    border-radius: 0;
    margin-bottom: 5vw;
    padding: 4vw;
  }

  .button-25 {
    width: 30vw;
    height: 9vw;
    border-radius: 1vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .mobbackdark {
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .influ_mainblock2 {
    min-height: 120vw;
    min-width: 250vw;
    border-radius: 0;
    margin-top: 5vw;
    padding: 5vw 3vw;
  }

  .text-field-16 {
    height: 7vw;
    padding: 1vw 3vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .link_boxwarp {
    width: 30vw;
    height: 9vw;
    border-radius: 1vw;
  }

  .influ_tablelcontent {
    height: 10vw;
  }

  .influ_sidebtndeco {
    display: none;
  }

  .button-23 {
    width: 20vw;
    height: 8vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .influ_mainblock {
    width: 100%;
    min-width: auto;
    border-radius: 0;
    padding: 6vw 0 6vw 0;
    overflow: auto;
  }

  .influ_date_warp {
    width: 35vw;
    margin-right: 4vw;
  }

  .mob_sidebtn {
    width: 8vw;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 1vw;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .influ_block1 {
    width: 100%;
    min-height: 95vh;
    min-width: auto;
  }

  .button-27 {
    width: 6vw;
    height: 6vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .image-49 {
    width: 3vw;
    left: 4vw;
  }

  .influ_title1 {
    margin-bottom: 2vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .influ_searchbtnwarp {
    width: 20vw;
    height: 7vw;
    min-height: auto;
    border-radius: 4vw;
  }

  .influ_top {
    height: 11vw;
    justify-content: space-between;
    padding-right: 4vw;
  }

  .influ_block2 {
    z-index: 5;
    width: 60%;
    min-width: auto;
    background-color: #111722;
    flex-direction: column;
    padding-top: 4vw;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .influ_tablelist {
    padding: 1vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .button-24 {
    height: 7vw;
    padding-right: 4vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_logo {
    height: 20vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }

  .text-block-18 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .image-47 {
    height: 19vw;
  }

  .link-3 {
    padding-left: 4vw;
    font-size: 2.8vw;
    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_tabletop {
    height: 10vw;
  }

  .influ_mainblock3 {
    height: 11vw;
    min-width: 250vw;
    border-radius: 0;
    padding-left: 4vw;
  }

  .select-field-6 {
    height: 7vw;
    border-radius: 1vw;
    padding: 1vw 5vw 1vw 3vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .text-field-17 {
    height: 8vw;
    margin-bottom: 2vw;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_title2 {
    margin-bottom: 2vw;
    font-size: 7vw;
    line-height: 7vw;
  }

  .image-50 {
    width: 20vw;
    height: 17vw;
    margin-bottom: 4vw;
  }

  .form-block-10 {
    margin-bottom: 3vw;
  }

  .influ_logintop {
    min-height: 7vh;
  }

  .influ_title3 {
    margin-bottom: 2vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_loginwarp {
    margin-bottom: 4vw;
  }

  .button-30 {
    height: 10vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .influ_login_block {
    height: 80vw;
    margin-bottom: 4vw;
  }

  .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_login {
    width: 100%;
    justify-content: flex-start;
    padding-top: 15vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .influ_loginblock {
    min-height: 90vh;
  }

  .list_block1 {
    width: 55vw;
  }

  .list_profilecircle {
    width: 7vw;
    height: 7vw;
    padding: 1vw;
    font-size: 3vw;
  }

  .list_profilewarp {
    width: 82%;
    margin-left: 1vw;
    font-size: 2.3vw;
    line-height: 4vw;
  }

  .list_profile_name {
    font-size: 3vw;
  }

  .list_txtwarp {
    font-size: 2.5vw;
  }

  .list_warp_title {
    margin-right: .5vw;
  }

  .list_block2 {
    width: 17%;
  }

  .buysellbtn {
    width: 25vw;
    height: 7vw;
    text-align: center;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 3vw;
  }

  .buysellbtn.buy {
    margin-left: 0;
    margin-right: 0;
    padding: 1vw 2vw;
  }

  .buysellbtn.sell {
    border-radius: 1vw;
  }

  .buy_list_btnwarp {
    margin-left: 0;
  }

  .result_detail.copy {
    margin-right: 4vw;
  }

  .image-72 {
    width: 3vw;
  }

  .result_txtbox {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .pop_warn {
    width: 100%;
    margin-top: 3vw;
    padding: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .image-71 {
    width: 5vw;
    height: 5vw;
  }

  .button-57 {
    height: 8vw;
    margin-top: 5vw;
    font-size: 3vw;
  }

  .copy_walletbtn {
    right: 4%;
  }

  .result_price_block {
    width: 100%;
    margin-bottom: 4vw;
  }

  .button-61 {
    width: 17vw;
    height: 6vw;
  }

  .result_price {
    font-size: 5vw;
    line-height: 6vw;
  }

  .wallet_adrs {
    margin-right: 4vw;
  }

  .resultarea {
    width: 100%;
    margin-bottom: 5vw;
  }

  .result_box {
    margin-bottom: 2vw;
    padding: 3vw 4vw;
    font-size: 2.8vw;
  }

  .result_titletxt {
    font-size: 4vw;
    line-height: 5vw;
  }

  .chattong_area._1, .chattong_area._2 {
    margin-bottom: 2vw;
  }

  .chatting_time {
    margin-left: 2vw;
    margin-right: 2vw;
    font-size: 2vw;
  }

  .button-60 {
    height: 9vw;
    margin-left: 2vw;
    padding: 1vw 2vw;
  }

  .chattingbox._2 {
    margin-left: 2vw;
    margin-right: 2vw;
    padding: 2vw;
  }

  .text-field-28 {
    height: 9vw;
    margin-bottom: 0;
    padding: 1vw 2vw;
    font-size: 3vw;
  }

  .chatting {
    width: 80vw;
    height: 120vw;
    padding-top: 4vw;
    padding-left: 4vw;
    padding-right: 4vw;
    position: relative;
    top: 0%;
    left: 4%;
    right: auto;
  }

  .image-70 {
    width: 5vw;
    height: 5vw;
    margin-top: 1vw;
  }

  .compleete_txt {
    font-size: 4vw;
    line-height: 6vw;
  }

  .bell_n {
    width: 3vw;
    height: 3vw;
    font-size: 2vw;
    line-height: 3vw;
    right: 10%;
  }

  .buy_search {
    width: 100%;
    margin-top: 0;
    margin-bottom: 2vw;
    margin-left: auto;
  }

  .text-field-29 {
    width: 80%;
    height: 7vw;
    margin-left: 0;
    margin-right: 2vw;
    padding: 1vw 2vw;
    font-size: 3vw;
  }

  .button-59 {
    width: 19vw;
    height: 7vw;
    padding: 1vw 2vw;
  }

  .text-field-26 {
    height: 7vw;
    margin-top: 2vw;
    margin-bottom: 3vw;
    padding: 1vw 10vw 1vw 2vw;
    font-size: 2.3vw;
  }

  .buylist_popinput {
    height: 7vw;
    margin-top: 2vw;
    margin-bottom: 3vw;
  }

  .buylist_popsection1 {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    padding: 6vw 7vw 5vw 6vw;
  }

  .button-55 {
    width: 30%;
    margin-right: 11vw;
    padding: 1vw 2vw;
  }

  .button-56 {
    height: 8vw;
    font-size: 3vw;
  }

  .buylistpop_profile {
    margin-bottom: 2vw;
  }

  .buylist_popsection2 {
    width: 100%;
    padding: 4vw 6vw 6vw;
  }

  .text-field-27 {
    height: 100%;
    margin-bottom: 0;
    padding: 1vw 28vw 1vw 2vw;
    font-size: 2.3vw;
  }

  .buylist_popbox {
    width: 75%;
    height: auto;
    flex-direction: column;
    font-size: 3vw;
    line-height: 4vw;
  }

  .result_popbox {
    width: 80vw;
    padding: 5vw 4vw 6vw;
    font-size: 2.3vw;
    line-height: 4vw;
  }

  .copy_walletbtn_pop {
    right: 4%;
  }

  .result_box_pop {
    margin-top: 2vw;
    padding: 1vw 3vw 3vw;
  }

  .influ_exsit {
    width: 5vw;
    height: 5vw;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 2%;
    bottom: auto;
    left: auto;
    right: 5%;
  }

  .loginbtn {
    width: auto;
    max-width: 19vw;
    min-width: 14vw;
    margin-right: 0;
    padding: 1vw;
  }

  .topbtn {
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .topbtn.click {
    border-bottom-width: .5vw;
  }

  .top_leftblock {
    width: 70vw;
    min-width: auto;
    overflow: hidden;
  }

  .logoblock {
    height: 100%;
  }

  .topbtn_drop {
    width: 25vw;
    position: fixed;
    top: 11vw;
    bottom: auto;
    left: auto;
    right: 1%;
  }

  .button-14-copy {
    height: 9vw;
    padding: 2vw;
    font-size: 2.5vw;
  }

  .topmenubtn2 {
    width: 20vw;
    min-width: auto;
  }

  .top_menubtnlist {
    min-width: auto;
    margin-left: 1vw;
    display: none;
  }

  .top_arrow {
    width: 2.5vw;
  }

  .logo {
    width: 17vw;
    min-width: 17vw;
  }

  .registbtn {
    max-width: 19vw;
    min-width: 14vw;
    padding: 1vw;
    display: flex;
  }

  .top {
    height: 12vw;
    align-items: flex-start;
  }

  .topmenubtn {
    width: 18vw;
    padding-bottom: 2vw;
  }

  .topblock {
    min-width: auto;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding-left: 0;
    padding-right: 1vw;
  }

  .languagebtn {
    width: 18vw;
    min-width: auto;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .main_popfeild {
    height: 90vw;
    margin-top: 2vw;
    margin-bottom: 4vw;
  }

  .main_box3 {
    width: 100%;
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    background-position: 100% 100%;
    flex-direction: column;
    padding: 8vw 5vw;
  }

  .box {
    width: 100%;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

  .checkbox-label {
    margin-left: 1vw;
  }

  .main_warp {
    min-height: auto;
    align-items: center;
    overflow: hidden;
  }

  .banner_box {
    min-width: auto;
    padding-top: 12vw;
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .checkbox-field {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-left: 4vw;
  }

  .mainpop_block {
    width: 90%;
    height: 120vw;
    border-color: rgba(255, 255, 255, .1);
    flex-direction: column;
    padding: 5vw 4vw 4vw;
    display: flex;
  }

  .form-block-15 {
    margin-left: 4vw;
    font-size: 2vw;
    position: absolute;
    top: auto;
    bottom: -100%;
    left: auto;
    right: 0%;
  }

  .next {
    width: 7vw;
    height: 7vw;
    left: 0%;
  }

  .next._2 {
    right: 0%;
  }

  .warp2 {
    width: auto;
    height: 7vw;
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .checkbox-3 {
    margin-top: 0;
    margin-left: -4vw;
  }

  .mainpopbtn {
    width: 40vw;
    height: 7vw;
    border-radius: 1vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 3vw;
    line-height: 4vw;
  }

  .orderbook_top {
    height: 10vw;
  }

  .coinsub_info {
    width: 49vw;
    margin-left: 2vw;
  }

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

  ._24hinfo_txt {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .assetlist {
    height: 4vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .settle-complete {
    z-index: 3000;
    background-color: rgba(0, 0, 0, .5);
  }

  .form-block {
    height: 20vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .position_notlogin {
    font-size: 4vw;
    line-height: 4vw;
  }

  .tradebtn2 {
    border-radius: 1vw;
    padding: 2vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .order_block {
    z-index: 2;
    width: 98vw;
    min-width: auto;
    flex-direction: column;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    top: 268vw;
  }

  .position_listblock3 {
    width: 150%;
    flex-direction: column;
    padding: 1vw;
    display: flex;
    overflow: visible;
  }

  ._24hinfo {
    width: 97%;
    height: auto;
    min-width: auto;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-rows: auto;
    grid-template-columns: 32vw 30vw 30vw;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 1vw;
    margin-right: 1vw;
    display: grid;
  }

  .div-block-84 {
    padding: 4vw;
  }

  .markettradelist {
    height: 5vw;
    align-items: center;
    margin-top: .5vw;
    margin-bottom: .5vw;
  }

  .quantitybar_block {
    height: 8vw;
    margin-top: 7vw;
    margin-bottom: 1vw;
    padding-right: 1vw;
  }

  .labtnbox-n {
    margin-top: 3vw;
  }

  .coinsub_infotxt {
    width: 24vw;
  }

  .trade_block3 {
    flex-direction: column;
  }

  .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;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .tradeblock2.transaction {
    width: 100%;
    min-width: auto;
    margin-top: 0;
    margin-right: 1vw;
    display: flex;
  }

  .positionlistblock {
    height: 9vw;
    padding-left: 0;
  }

  .tradesub_btnlist {
    height: 9vw;
    margin-top: 1vw;
    margin-bottom: 2vw;
  }

  .clearing_pop {
    width: 100%;
    border-radius: 1vw;
    padding: 3vw 5vw 4vw;
  }

  .order_success {
    font-size: 3vw;
    line-height: 3vw;
  }

  .image-68 {
    width: 17vw;
  }

  .tradetop_coin {
    width: 100%;
    height: 10vw;
    min-width: auto;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    justify-content: center;
    margin-bottom: 2vw;
    padding-left: 4vw;
    padding-right: 2vw;
  }

  .order_topbtn {
    width: 30%;
    font-size: 4vw;
    line-height: 4vw;
  }

  .trade_topblock {
    width: 100%;
    height: 65vw;
    min-width: auto;
    flex-direction: column;
    align-items: flex-start;
    margin: 3vw 0 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-right: 0;
  }

  .image {
    width: 6vw;
    height: 6vw;
    margin-left: 3vw;
  }

  .domlist_info {
    padding-left: 1vw;
    padding-right: .5vw;
  }

  .tradehistory_top {
    height: 10vw;
    padding: .5vw 1.5vw;
    font-size: 3.5vw;
    line-height: 4vw;
    display: flex;
  }

  .text-block-12 {
    font-size: 2.2vw;
    line-height: 5vw;
  }

  .div-block-85 {
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .div-block-85._2 {
    margin-top: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 3.5vw;
    line-height: 7vw;
  }

  .transactionwarp {
    padding: 1vw 4vw 3vw;
  }

  .coinsub_toptxt {
    width: 15vw;
    margin-right: 9vw;
  }

  .coinsub_toptxt.coin {
    width: 14vw;
    margin-right: 8vw;
  }

  .labtn-n {
    height: 8vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .utillitypop {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .ordertxt2 {
    margin-bottom: 1vw;
    font-size: 2.5vw;
    line-height: 5vw;
  }

  .quantitybar_circle {
    width: 2vw;
    height: 2vw;
  }

  .top_runtimequote {
    font-size: 4vw;
    line-height: 5vw;
  }

  .positiononfo_cancle {
    font-size: 2.8vw;
  }

  .runtimequote-copy {
    width: 19vw;
    margin-right: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .tradebtn1 {
    border-radius: 1vw;
    padding: 2vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .mob_leveragebtn {
    margin-top: 2vw;
    margin-bottom: 2vw;
    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;
  }

  .transaction_block {
    min-width: auto;
    flex-direction: column;
    display: flex;
  }

  .button-44 {
    height: 8vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .position_warp2 {
    width: 100%;
    height: 89%;
    padding-bottom: 2vw;
    overflow: visible;
  }

  .closebtn {
    width: 6vw;
  }

  .leverage_warp {
    height: auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .pop_yieldtxt {
    font-size: 10vw;
    line-height: 14vw;
  }

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

  ._24hinfolist {
    width: auto;
    min-width: 30vw;
    margin-left: 0;
    padding: 1vw;
  }

  .order_toplisttxt1 {
    justify-content: center;
    align-items: center;
    padding: 1vw;
    font-size: 2.8vw;
    line-height: 2.5vw;
  }

  .button-16 {
    width: 42%;
    height: 5vw;
    text-align: center;
    border-radius: .5vw;
    font-size: 2vw;
    line-height: 4vw;
  }

  .tradeblock1 {
    z-index: 1;
    width: 100%;
    min-width: auto;
    flex-direction: column;
    margin-left: 0;
    padding-top: 0;
    position: absolute;
    top: 125vw;
  }

  .text-block-15 {
    width: 9vw;
    margin-left: 0;
    margin-right: auto;
    font-size: 3vw;
    line-height: 3vw;
  }

  .div-block-124 {
    margin-top: 3vw;
  }

  .orderbox1 {
    z-index: 2;
    width: 100%;
    margin-top: 5px;
    position: relative;
    top: 235vw;
  }

  .orderbox1.transaction {
    z-index: 1;
    height: 118vw;
    bottom: -7vw;
  }

  .quote_box {
    height: 101vw;
    justify-content: flex-start;
  }

  .tradebtn_block {
    height: 18vw;
    margin-top: 5vw;
    margin-bottom: 3vw;
  }

  .tradelistbox2 {
    margin-top: 1vw;
    margin-bottom: 1vw;
    margin-left: 0;
  }

  .tradepop_warp {
    margin-top: .5vw;
    margin-bottom: .5vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .tradepop_block {
    flex-direction: column;
    margin-bottom: 1vw;
    font-size: 4vw;
    line-height: 4vw;
    display: flex;
  }

  .div-block-116 {
    height: 7vw;
    margin-left: 2vw;
    margin-right: 2vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .trade_frame {
    width: 100%;
    min-width: auto;
    padding-bottom: 0;
  }

  .positiononfo {
    text-align: right;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .form-block-7 {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .tradingpop {
    width: 95%;
    border-radius: 1vw;
    padding: 4vw 5vw;
  }

  .assetblock {
    margin: 2vw 3vw 5vw;
    padding: 2vw 4vw 4vw;
  }

  .orderbook_block {
    height: auto;
    min-width: auto;
    overflow: hidden;
  }

  .quantitybar {
    height: 1vw;
  }

  .ordertxt3 {
    text-align: right;
    display: flex;
  }

  .order_warn {
    width: 100%;
    min-height: 13vw;
    border-radius: 1vw;
    padding: 2vw 4vw;
  }

  .text-block-11 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .markettrade_box {
    height: 7vw;
    align-items: center;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    display: flex;
  }

  .position_listblock1 {
    width: 200%;
    height: auto;
    flex-direction: column;
    padding: 1vw 1vw 2vw;
  }

  .positionblock1 {
    width: 100%;
  }

  .transaction_topbtn {
    height: 10vw;
  }

  .settle-complete__box {
    width: 85vw;
    height: 102vw;
  }

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

  .order_title {
    margin-bottom: 1vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .trade_mainframe {
    z-index: 0;
    width: 100%;
    height: 610vw;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 1vw;
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    top: 0;
  }

  .image-41 {
    width: 6vw;
    height: 3vw;
    margin-left: auto;
    margin-right: 4vw;
  }

  .coinsub {
    margin-left: 3vw;
    font-size: 5vw;
    line-height: 6vw;
  }

  .domlist {
    margin-top: .2vw;
    margin-bottom: .2vw;
  }

  .text-block-8 {
    margin-bottom: 1vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .text-block-41 {
    min-width: 17vw;
    margin-left: 2vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .tradesub_btn {
    text-align: center;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .tradingpop_block {
    justify-content: space-between;
    display: flex;
  }

  .text-field-13 {
    height: 8vw;
    padding: 0 0 0 3vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .trade_inputbox {
    margin-bottom: 2vw;
  }

  .chartblock {
    width: 100%;
    height: 120vw;
    min-height: auto;
    min-width: auto;
    margin-top: 2vw;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .order_txt1 {
    height: 4vw;
    margin-bottom: 2vw;
    line-height: 3vw;
  }

  .text-field-13-copy {
    height: 7vw;
    margin-bottom: 2vw;
    padding: 0 0 0 3vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .topblock_quotebox {
    width: 13vw;
    height: 5vw;
    border-radius: .5vw;
    margin-left: 2vw;
    font-size: 3vw;
  }

  .dombox_quote {
    height: 10vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .div-block-115 {
    width: 50%;
    height: 10vw;
    margin-bottom: 1vw;
    margin-left: 2vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .order_topbtnlist {
    height: 10vw;
  }

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

  .lacanbtn-n {
    height: 8vw;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .ordertxt {
    align-items: center;
    font-size: 2.8vw;
  }

  .dom_quote {
    font-size: 3vw;
    line-height: 4vw;
  }

  .quantitybar_percentcircle {
    width: 4vw;
    height: 4vw;
    right: -2.5vw;
  }

  .text-field {
    height: 9vw;
    margin-bottom: 0;
    padding: 0 0 0 2vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .position_box {
    width: 100%;
    height: 92vw;
    font-size: 2.8vw;
    display: none;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
  }

  .transaction_btm {
    padding-top: 0;
    font-size: 2.5vw;
    line-height: 4vw;
  }

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

  .order_top1 {
    z-index: 1;
    width: 200%;
    height: 10vw;
    background-color: #1f1f1f;
    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;
  }

  .text-block-9 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .usdt-asset {
    flex-direction: column;
    margin-top: 130vw;
    padding: 2vw 4vw 2vw 3vw;
    font-size: 2.5vw;
    line-height: 4vw;
    display: flex;
  }

  .image-42 {
    width: 5vw;
    height: 5vw;
    margin-right: 2vw;
  }

  .funding_ratetxt {
    font-size: 3vw;
  }

  .leverage_block {
    width: 50%;
    height: auto;
    min-width: auto;
    padding: 3vw;
    display: none;
  }

  .leverage_block.mob {
    width: 100%;
    border-radius: 1vw;
    padding: 5vw 4vw 4vw;
    display: flex;
  }

  ._24hblock1 {
    align-items: center;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .text-span-12 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .order_fail {
    font-size: 4vw;
    line-height: 4vw;
  }

  .trade_coiningo_warp {
    width: 95%;
    box-shadow: none;
    border-radius: 0;
  }

  .position_login {
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .trade_coinsublist {
    width: 100%;
    height: 10vw;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .markettrade {
    height: auto;
    min-width: auto;
  }

  .markettrade.tradehistory {
    font-size: 3vw;
    line-height: 3vw;
  }

  .markettrade.tradehistory.all {
    padding-bottom: 5vw;
  }

  ._24hsub {
    margin-bottom: 1vw;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .button-12 {
    width: 50%;
    color: rgba(255, 255, 255, .5);
    background-color: #000;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 4vw;
    line-height: 4vw;
    display: flex;
  }

  .button-12.chart.select, .button-12.transaction.select {
    color: #fff;
  }

  .position_listblock2 {
    width: 150%;
    flex-direction: column;
    padding: 1vw;
    display: none;
    overflow: visible;
  }

  .trade_coinsub {
    z-index: 5;
    width: 90%;
    justify-content: center;
    padding-top: 2vw;
    padding-bottom: 2vw;
    display: none;
    top: 10vw;
    left: auto;
    right: auto;
  }

  .tradepop {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .orderbox2 {
    width: 100%;
    min-width: auto;
  }

  .wr {
    margin-left: 1vw;
  }

  .body {
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .asideblock {
    height: 145vw;
    margin-top: 3vw;
    overflow: auto;
  }

  .image-45 {
    width: 2vw;
    height: 2vw;
    transform: rotate(180deg);
  }

  .image-45.open {
    transform: rotate(0);
  }

  .asidewarp {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    align-items: center;
    display: flex;
  }

  .asidelist {
    height: 10vw;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
    padding-left: 5vw;
    padding-right: 0;
    font-size: 3vw;
    line-height: 3vw;
    display: flex;
  }

  .asidelist.additionalbtn {
    background-color: #f3f3f3;
    justify-content: space-between;
    padding-right: 4vw;
    position: relative;
  }

  .aside_profile {
    height: 10vw;
    background-color: #f3f3f3;
    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;
    font-weight: 700;
    display: flex;
  }

  .mob_asidepop_block {
    width: 65%;
    height: 100%;
    color: #000;
    background-color: #fff;
    margin-bottom: 10vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .text-block-17 {
    height: 100%;
    color: rgba(0, 0, 0, .5);
    align-items: center;
    font-size: 2.8vw;
    line-height: 4vw;
    display: flex;
  }

  .aasidedrop {
    flex-direction: column;
    display: none;
  }

  .text-block-21 {
    color: rgba(0, 0, 0, .5);
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .text-block-21:hover {
    color: #ffa638;
  }

  .body-2 {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .checkbox-2 {
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 1vw;
    display: flex;
  }

  .order_toplisttxt1-2 {
    min-width: 20vw;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .p_cancle-2 {
    min-width: 20vw;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .shortcolor {
    color: #f0483d;
  }

  .dealbtn {
    height: 9vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .s_txt {
    align-items: center;
    font-size: 3vw;
    line-height: 4vw;
  }

  .dtxt4 {
    line-height: 5vw;
  }

  .dtxt4.blue {
    font-size: 3.2vw;
  }

  .dtxt2 {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .dtxt {
    margin-bottom: 1vw;
    margin-right: 0;
    font-size: 3.2vw;
    line-height: 4vw;
  }

  .dtxt._2 {
    font-size: 3.2vw;
  }

  .txt {
    font-size: 3vw;
    line-height: 4vw;
  }

  .positiononfo-2 {
    text-align: right;
    margin-left: auto;
    margin-right: auto;
  }

  .d_box {
    flex-direction: column;
    padding-bottom: 4vw;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .mydeal_box {
    border-right: 1px #dcdcdd;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5vw;
    font-size: 3.5vw;
    line-height: 5vw;
    display: flex;
  }

  .mydeal_box._4 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .order_top2-2 {
    width: 200%;
    min-height: 8vw;
    background-color: #0a1325;
    padding-left: 0;
    padding-right: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .dtxt3 {
    letter-spacing: 0;
    font-size: 4vw;
    line-height: 4vw;
    display: flex;
  }

  .dtxt3.blue, .dtxt3.red {
    font-size: 3.5vw;
  }

  .list_frame.position {
    height: 92vw;
    padding-bottom: 1vw;
  }

  .list_frame.order {
    height: 90vw;
    overflow: auto;
  }

  .d_position_short {
    width: 4vw;
    height: 4vw;
    color: #fff;
    background-color: #f0483d;
    border-radius: .5vw;
    justify-content: center;
    align-items: center;
    margin-right: 1vw;
    font-size: 2.6vw;
    line-height: 4vw;
    display: flex;
  }

  .position_listblock3-2 {
    height: 42vw;
    flex-direction: column;
    padding: 1vw;
    overflow: visible;
  }

  .positiononfo_cancle-2 {
    min-width: auto;
  }

  .orderbtnwrap {
    margin-top: 2vw;
  }

  .positionblock1-2 {
    width: 200%;
    overflow: visible;
  }

  .div-block-142 {
    flex-direction: column;
  }

  .check_box {
    width: 3.5vw;
    height: 3.5vw;
    min-height: 3.5vw;
    min-width: 3.5vw;
    border: 1px solid #a1a1a1;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    margin-right: 2vw;
    padding: 0;
    display: flex;
  }

  .d_position_long {
    width: 5vw;
    height: 5vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .position_listblock2-2 {
    flex-direction: column;
    padding: 1vw 0 1vw 0;
  }

  .deal_infobox {
    width: 100%;
    max-width: none;
    min-width: auto;
    border-top: 1px #eee;
    border-right-style: none;
  }

  .deal_infobox._2 {
    width: 100%;
    min-width: auto;
    border-top-style: solid;
    border-top-color: rgba(238, 238, 238, .15);
    padding-top: 2vw;
    padding-left: 0;
  }

  .d_listframe {
    position: relative;
  }

  .d_listframe.position {
    display: flex;
  }

  .arrow-2 {
    align-items: center;
    font-size: 3.7vw;
    font-weight: 500;
    line-height: 4vw;
    display: flex;
  }

  .arrow-2._2 {
    color: #acacac;
  }

  .button-63 {
    margin-left: 2vw;
    font-size: 3vw;
  }

  .trade_btntxt {
    margin-top: 1vw;
    padding-top: 1vw;
  }

  .deposit {
    align-items: center;
    font-size: 3vw;
    line-height: 4vw;
    display: flex;
  }

  .tabbg {
    height: 12vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .selectbox-2 {
    height: 9.5vw;
    color: #ccc;
    border: 1px solid #ddd;
    border-radius: 1vw;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2vw;
    padding-right: 6vw;
    display: flex;
    position: relative;
  }

  .selectbox-2._4 {
    height: 8vw;
    margin-bottom: 0;
    padding-left: 4vw;
    padding-right: 3vw;
  }

  .s_txt-2 {
    align-items: center;
    font-size: 3vw;
  }

  .text-span-6 {
    font-size: 2vw;
    line-height: 3vw;
  }

  .d_tabboxwrap {
    height: 7vw;
  }

  .opentab, .closetab {
    height: 8vw;
    font-size: 3.3vw;
    line-height: 4vw;
  }

  .selectwrap-2 {
    width: 34vw;
    background-color: #fff;
    border-radius: 1.5vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .s_text-2 {
    height: 10.5vw;
    justify-content: flex-start;
    align-items: center;
    padding-left: 4.5vw;
    font-size: 3.7vw;
    line-height: 4vw;
    display: flex;
  }

  .s_text-2.click {
    color: #16a0ad;
    background-color: #def2f3;
  }

  .exicon {
    height: 4vw;
  }

  .tpslpop_inputarea {
    margin-bottom: 2vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .tpsl_btnblock {
    height: 6vw;
    margin-bottom: 2vw;
  }

  .tpsl_poptxt {
    margin-bottom: 2vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .div-block-127 {
    width: 90vw;
    padding: 5vw 6vw;
  }

  .button-64 {
    height: 8vw;
    font-size: 3vw;
  }

  .form-block-21 {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .tpsl_poptitle {
    margin-bottom: 1vw;
    font-size: 3.8vw;
    line-height: 5vw;
  }

  .tpsl_btn {
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .tpsl_poptxt2 {
    font-size: 3vw;
    line-height: 5vw;
  }

  .modepop {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .modepop_box {
    width: 100%;
    padding: 6vw 6vw 5vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .modepop_btnarea {
    height: 8vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .modepop_btn {
    letter-spacing: .5vw;
  }

  .s_txt-3 {
    align-items: center;
  }

  .s_txt-3._2 {
    color: #acacac;
    font-size: 3vw;
    line-height: 4vw;
  }

  .pop_btn2 {
    height: 8vw;
    letter-spacing: .5vw;
    margin-top: 2vw;
    font-weight: 700;
  }

  .ordertxt6 {
    text-align: right;
    margin-left: 1vw;
    display: flex;
  }

  .checkbox-field-3 {
    justify-content: space-between;
    align-items: center;
    padding-left: 4vw;
    display: flex;
  }

  .checkbox-label-3 {
    margin-bottom: 0;
    margin-left: 1vw;
    font-size: 3vw;
  }

  .checkbox-4 {
    margin-top: 0;
    margin-left: -4vw;
  }

  .quikpoptxt {
    height: 30vw;
    padding-left: 10vw;
    padding-right: 10vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .no_data {
    width: 100%;
    height: 65vh;
    min-height: auto;
    font-size: 3vw;
  }

  .tpsl_txt {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .p_tpslblock {
    font-size: 3vw;
    line-height: 4vw;
  }

  .tpsl_popinput {
    height: 8vw;
    margin-bottom: 0;
    padding: 0 0 0 2vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .date_warp {
    width: 100%;
    justify-content: space-between;
  }

  .quantitybar_box {
    width: 12vw;
    height: 6vw;
    font-size: 3.5vw;
    bottom: 5vw;
  }

  .auth_count {
    margin-bottom: 1vw;
  }

  .form-block-28 {
    margin-bottom: 3vw;
  }

  .hold_top_txt.left {
    width: 8vw;
  }

  .hold_warp {
    height: 4vw;
  }

  .copy_topbtn {
    min-width: 10vw;
    margin-left: 2vw;
    padding: 1vw 2vw;
  }

  .p_historybtn {
    width: 10vw;
    height: 10vw;
  }

  .p_history_img {
    width: 4vw;
    height: 4vw;
  }

  .asset_top {
    padding-top: 1vw;
    padding-left: 0;
  }

  .asset_subtitle {
    margin-top: 7vw;
    margin-bottom: 2vw;
    padding-left: 2vw;
    font-size: 5vw;
    line-height: 6vw;
    display: flex;
  }

  .asset_d {
    margin-left: 1vw;
  }

  .d_network_check {
    width: 14vw;
    height: 7vw;
    margin-left: 10vw;
    font-size: 2.5vw;
  }

  .d_network {
    width: 100%;
    margin-bottom: 2vw;
    padding-left: 2vw;
  }

  .p2p_c_warn {
    padding: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .text-block-59 {
    margin-bottom: 2vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .authbtn_area {
    height: 27vw;
    justify-content: space-around;
    margin-right: 0;
  }

  .auth_filetxt {
    width: 20vw;
    height: 7vw;
    padding: 1vw;
    font-size: 2.5vw;
  }

  .trc_txt {
    border-bottom-right-radius: 7vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .trc_box {
    width: 22vw;
    height: 7vw;
    margin-top: 3vw;
    margin-right: auto;
  }

  .trc_img {
    width: 1.8vw;
    height: 1.8vw;
  }

  .tpsl_cancle {
    width: 22vw;
    height: 8vw;
    margin-top: 5vw;
    font-size: 3vw;
  }

  .privacy_check {
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding-left: 4vw;
  }

  .checkbox-5 {
    margin-left: -4vw;
    margin-right: 1vw;
  }

  .copy_n_popbox {
    width: 90%;
    height: auto;
    border-color: rgba(255, 255, 255, .1);
    flex-direction: column;
    padding: 6vw 5vw 4vw;
    font-size: 3vw;
    line-height: 4vw;
    display: flex;
  }

  .copy_n_pop_warp {
    height: 85vw;
    margin-top: 2vw;
    margin-bottom: 1vw;
  }

  .l_p_input {
    height: 7vw;
    margin-bottom: 2vw;
    padding: 1vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .text-block-60 {
    letter-spacing: -.1vw;
  }

  .copy_btnwarp2 {
    width: 100%;
    justify-content: space-between;
    margin-top: 2vw;
    margin-bottom: 1vw;
    display: flex;
  }

  .left-arrow-4 {
    width: 10vw;
  }

  .m_itemblock {
    width: 100%;
    min-width: auto;
    flex-direction: column;
    margin-top: 2vw;
    padding-top: 0;
  }

  .frame3 {
    min-width: auto;
  }

  .m_section3 {
    align-items: flex-start;
    padding: 10vw 5vw;
  }

  .m_item_img {
    width: 14vw;
    height: 14vw;
    margin-bottom: 2vw;
  }

  .main_banner_txtarea {
    width: 100%;
    height: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.5vw;
  }

  .frame-3 {
    display: flex;
  }

  .banner_logo {
    width: 34vw;
    height: 12vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .right-arrow-4 {
    width: 10vw;
  }

  .main_box3block {
    display: flex;
  }

  .main_box3warp {
    width: 100%;
    height: auto;
    min-width: auto;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .main_bord {
    width: 100%;
    min-height: 30vw;
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    padding: 4vw;
    font-size: 2.8vw;
  }

  .slider-3 {
    height: 90vw;
  }

  .image-24 {
    width: auto;
    height: 51vw;
    margin-right: 0;
  }

  .b_btn {
    width: 25vw;
    height: 8vw;
    padding: 1vw 2vw;
  }

  .b_btn_warp {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    margin-top: 5vw;
  }

  .m_title {
    margin-bottom: 2vw;
    font-size: 6vw;
    line-height: 8vw;
  }

  .m_section1, .m_section2 {
    min-width: auto;
    padding: 10vw 5vw;
  }

  .m_itemtxt {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .m_item_title {
    font-size: 3.8vw;
    line-height: 5vw;
  }

  .m_logo {
    height: 8vw;
    margin-bottom: 2vw;
  }

  .m_title_sub {
    margin-bottom: 7vw;
    font-size: 4vw;
    line-height: 6vw;
  }

  .app_btnarea {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    justify-content: center;
  }

  .app_btn {
    min-width: 35vw;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding: 2vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .m_banner {
    min-width: auto;
    padding: 12vw 7vw;
  }

  .m_b_block {
    max-width: none;
    min-width: auto;
    font-size: 2.5vw;
  }

  .store_icon {
    width: 7vw;
    height: 7vw;
  }

  .store_span {
    font-size: 2.3vw;
    line-height: 2.3vw;
  }

  .m_itemblock2 {
    width: 100%;
    max-width: none;
    min-width: auto;
    margin-top: 4vw;
    padding: 8vw 4vw;
    overflow: auto;
  }

  .m_item2 {
    width: 38vw;
    height: 60vw;
    min-width: 38vw;
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    padding: 8vw 3vw;
    font-size: 2.5vw;
  }

  .m_item_img2 {
    height: 20vw;
    margin-bottom: 2vw;
  }

  .m_list {
    width: 100%;
    min-width: auto;
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    margin-top: 3vw;
  }

  .m_coinbox {
    width: 100%;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding: 3vw 5vw;
  }

  .m_coin_title {
    font-size: 4vw;
    line-height: 4vw;
  }

  .m_coinicon {
    width: 7vw;
    height: 7vw;
  }

  .m_coin_txt1 {
    font-size: 2.5vw;
  }

  .m_coin_txt2 {
    font-size: 2.8vw;
  }

  .m_coin_btn {
    height: 8vw;
    margin-top: 2vw;
    padding: 1vw 2vw;
    font-size: 3vw;
  }

  .amount {
    font-size: 3vw;
    line-height: 4vw;
  }

  .present_price {
    font-size: 4vw;
    line-height: 5vw;
  }

  .usdt-2 {
    z-index: 10;
    width: 40%;
    font-size: 3vw;
    line-height: 4vw;
    position: relative;
  }

  .highlight {
    width: 60%;
    padding-right: 1vw;
  }

  .highlight._2 {
    display: none;
  }

  .div-block-22 {
    width: 98%;
    height: 11vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding-left: 2vw;
  }

  .down_img {
    width: 4vw;
    height: 4vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .orderobox {
    height: 7vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .orderobox._2 {
    height: 10vw;
    margin-bottom: 0;
  }

  .text {
    width: 50%;
    font-size: 3vw;
    line-height: 4vw;
  }

  .text._3 {
    display: none;
  }

  .text._2 {
    width: 50%;
  }

  .d_listwrap {
    padding-bottom: 1vw;
  }

  .d_listwrap.orderbook {
    display: flex;
  }

  .mobile_top {
    width: auto;
    max-width: 19vw;
    min-width: 14vw;
    margin-right: 0;
    padding: 1vw;
  }

  .regist_btnwarp {
    height: 8vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .button-65 {
    padding: 1vw 2vw;
  }

  .modepop2 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .mode_warp {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    margin-top: 4vw;
  }

  .mode_btn {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding: 4vw;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .mode_txt {
    font-size: 4vw;
    line-height: 5vw;
  }

  .m_title2 {
    margin-bottom: 2vw;
    font-size: 6vw;
    line-height: 8vw;
  }
}

@media screen and (max-width: 479px) {
  .title6 {
    justify-content: flex-start;
  }

  .frame {
    align-items: center;
  }

  .title4 {
    margin-bottom: 4vw;
  }

  .assettitle {
    width: 100%;
  }

  .warn_title {
    margin-bottom: 1vw;
  }

  .listtext1 {
    width: 12%;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .pbtn, .btn {
    border-radius: 1vw;
  }

  .wallet_krwtxt {
    margin-top: 2vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .wallettxt {
    width: 100%;
    max-width: none;
    flex-direction: column;
    margin-bottom: 4vw;
    margin-right: 0;
    display: flex;
  }

  .frame6 {
    width: 100%;
  }

  .image-40 {
    margin-bottom: 6vw;
  }

  .text-block-14 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .footerlist_warp {
    grid-column-gap: 3vw;
    grid-template-columns: 1fr 1fr;
  }

  .text-block-42 {
    line-height: 3vw;
  }

  .traderlink1 {
    align-items: flex-start;
  }

  .copyt_list {
    width: 270%;
  }

  .followprofile1 {
    width: 30%;
  }

  .image-57 {
    width: 4.5vw;
    height: 4.5vw;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .text-block-27 {
    margin-top: 1vw;
  }

  .select_futureicon, .futureicon {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .mobbackdark {
    display: none;
  }

  .top {
    align-items: center;
  }

  .banner_box {
    height: 60vh;
  }

  .form-block-15 {
    bottom: -105%;
  }

  ._24hinfo {
    min-width: auto;
    margin-left: 1vw;
  }

  .tradeblock2 {
    align-items: center;
  }

  .tradetop_coin {
    min-width: 27vw;
    flex-direction: row;
  }

  .trade_topblock {
    flex-direction: column;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .image {
    width: 6vw;
    height: 6vw;
  }

  .runtimequote-copy.up {
    font-size: 4vw;
    line-height: 4vw;
  }

  .button-16 {
    height: 5vw;
    font-size: 2vw;
    line-height: 2vw;
  }

  .trade_frame {
    align-items: center;
  }

  .coinsub {
    line-height: 4vw;
  }

  ._24hsub {
    margin-bottom: 1vw;
  }

  .dtxt4, .dtxt3 {
    line-height: 4.5vw;
  }

  .m_itemblock {
    grid-template-rows: 70vw 70vw 70vw 70vw;
  }

  .frame-3 {
    align-items: center;
  }
}

#w-node-_7d542507-9fb5-2bb6-2590-9b90ffcca51a-ffe8ee7d, #w-node-_7d542507-9fb5-2bb6-2590-9b90ffcca524-ffe8ee7d, #w-node-_7d542507-9fb5-2bb6-2590-9b90ffcca52c-ffe8ee7d, #w-node-_7d542507-9fb5-2bb6-2590-9b90ffcca532-ffe8ee7d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: stretch;
}

#w-node-_561d8bcc-97d1-00ff-b4d3-979ba0e7a7be-ffe8eeb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_7d542507-9fb5-2bb6-2590-9b90ffcca524-ffe8ee7d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_561d8bcc-97d1-00ff-b4d3-979ba0e7a428-ffe8eeb5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Fontsfree net productsans';
  src: url('/theme/ex2/files/FontsFree-Net-ProductSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nanumsquareotf ac';
  src: url('/theme/ex2/files/NanumSquareOTF_acB.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nanumsquareotf ac';
  src: url('/theme/ex2/files/NanumSquareOTF_acL.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nanumsquareotf ac';
  src: url('/theme/ex2/files/NanumSquareOTF_acR.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nanumsquare';
  src: url('/theme/ex2/files/NanumSquareEB.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nanumsquare';
  src: url('/theme/ex2/files/NanumSquareL.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nanumsquareotf ac';
  src: url('/theme/ex2/files/NanumSquareOTF_acEB.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nanumsquare';
  src: url('/theme/ex2/files/NanumSquareR.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nanumsquare';
  src: url('/theme/ex2/files/NanumSquareB.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}