@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");/*
    CSS Framework : scss
*//*
    CSS Framework : scss
*/
:root {
  --bg_FF6A1A: #ff6a1a;
  --bg_1B1C1D: #1b1c1d;
  --bg_F6F6F6: #f6f6f6;
  --bg_FFF0E8: #fff0e8;
  --bg_FFFFFF: #ffffff;
  --bg_2D2E2F: #2d2e2f;
  --bg_2ED94D: #2ed94d;
  --bg_B8E6FF: #b8e6ff;
  --bg_E8F7FF: #e8f7ff;
  --bg_C5EBFF: #c5ebff;
  --bg_96DBFF: #96dbff;
  --bg_30B7FF: #30b7ff;
  --bg_D7FDD7: #d7fdd7;
  --bg_E62E40: #e62e40;
  --bg_F8FAFF: #f8faff;
  --bg_FF2929: #ff2929;
  --bg_DDDDDD: #dddddd;
  --bg_16C9B5: #16c9b5;
  --bg_242B3C: #242b3c;
  --bg_001A2F: #001a2f;
  --bg_000000: #000000;
  --bg_1E2434: #1e2434;
  --bg_51689F: #51689F;
  --bg_293144: #293144;
  --bg_394768: #394768;
  --bg_D9D9D9: #D9D9D9;
  --bg_707070: #707070;
  --bg_000000: #000000;
  --bg_rgb_000000: 0, 0, 0;
}/*
    CSS Framework : scss
*/
.dbBodyRtBox {
  float: left;
  width: calc(100% - 290px);
  height: 100%;
  padding: 35px;
  overflow: auto;
}

.dbBodyTotBox {
  width: 100%;
  padding: 40px;
  background-color: #fff;
  border-radius: 20px;
}

.dbBodyNoneBox {
  width: 100%;
}

.dbBodyTotBoxPaddingRet {
  padding: 30px;
}

.dbBodyTwoLt {
  float: left;
  /* width: calc(50% - 12px); */
  width: 100%;
}

.dbBodyTwoLtMar {
  margin-left: 24px;
}

.intoutTableBox {
  width: 100%;
  margin-top: 20px;
}

.headerTd {
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #424f6d;
}

.tbodyTd {
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #424f6d;
}

.tdDivStyle {
  display: inline-block;
}

.tdDivStyleLt {
  float: left;
  margin-top: 2.5px;
}

.tdDivStyleRt {
  cursor: pointer;
  float: left;
  margin-left: 5px;
}

.tdDivStyleLtTwo {
  float: left;
}

.tdDivStyleRtTwo {
  float: left;
  margin-left: 5px;
  margin-top: 2.5px;
}

@media (max-width: 1024px) {
  .dbBodyRtBox {
    width: 100%;
    padding: 20px;
  }
  .dbBodyTotBox {
    padding: 20px;
  }
  .intoutTableBox {
    overflow: auto;
  }
}
@media (max-width: 1280px) {
  .headerTd {
    padding: 10px !important;
  }
  .tbodyTd {
    padding: 10px;
  }
}/*
    CSS Framework : scss
*/
:root {
  --bd_ffffff: #ffffff;
  --bd_16c9b5: #16c9b5;
  --bd_242b3c: #242b3c;
  --bd_293144: #293144;
  --bg_475776: #475776;
  --bd_D9D9D9: #D9D9D9;
  --bd_51689F: #51689F;
  --bd_424F6D: #424F6D;
}/*
    CSS Framework : scss
*/
:root {
  --fonC_1B1C1D: #1b1c1d;
  --fonC_FFFFFF: #ffffff;
  --fonC_FF6A1A: #ff6a1a;
  --fonC_2D2E2F: #2d2e2f;
  --fonC_989999: #989999;
  --fonC_59595A: #59595a;
  --fonC_00D126: #00d126;
  --fonC_C6C6C7: #c6c6c7;
  --fonC_E62E40: #e62e40;
  --fonC_0062C3: #0062c3;
  --fonC_3D3E3F: #3d3e3f;
  --fonC_262D37: #262d37;
  --fonC_FF2929: #ff2929;
  --fonC_292CFF: #292cff;
  --fonC_0029E2: #0029e2;
  --fonC_E20000: #e20000;
  --fonC_000000: #000000;
  --fonC_16C9B5: #16c9b5;
  --fonC_828282: #828282;
  --fonC_0066CC: #0066cc;
  --fonC_778CB1: #778cb1;
  --fonC_9098A0: #9098a0;
  --fonC_F8FAFF: #f8faff;
  --fonC_727c85: #727c85;
  --fonC_B8B8B8: #B8B8B8;
  --fonC_DCEEFF: #DCEEFF;
  --fonC_FFC0C0: #FFC0C0;
  --fonC_D9D9D9: #D9D9D9;
  --fonC_FDFEFF: #FDFEFF;
  --fonC_51689F: #51689F;
  --fonC_FF0000: #FF0000;
  --fonC_2B6CB0: #2B6CB0;
  --fonC_B0B0B0: #B0B0B0;
  --fonC_C2C2C2: #C2C2C2;
  --fonC_001A2F: #001A2F;
}body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}


.notice__back{
  position: fixed;
  text-align: center;
  z-index: 99999999999998;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 20px;
}

.notice__conter{
  position: fixed;
  z-index: 99999999999999;
  width: 350px;
  background-color: #fff;
  padding: 20px;
  height: 350px;
  border-radius: 15px;
  left: calc(50% - 175px);
  top: calc(50% - 175px); ;
}
.notice__ttl{
  text-align: center;
  font-size: 24px; 
  font-weight: 700;
}

.notice__Content{
  width: 100%;
  font-size: 16px;
  text-align: left !important
  
}

/*
    CSS Framework : scss
*/
.headerLst {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  z-index: 9999;
}

.header__menu--width-max {
  width: 1520px;
  margin: 0 auto;
}

.header__logo--left {
  width: 170px;
  margin-top: 20px;
  cursor: pointer;
  float: left;
}

.header__logo--left > img {
  width: 100%;
}

.header__box--right {
  float: right;
}

.headerList__bor-bt {
  border-bottom: 1px solid var(--bd_293144);
}

.header__item--right {
  position: relative;
  cursor: pointer;
  float: left;
  text-align: center;
  /* www.dexlab.space/Semantic/Button */
  font-family: var(--font-family-Font-1, "Space Grotesk");
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  /* 125% */
  margin-top: 27.5px;
  margin-right: 60px;
}

.mtRest {
  margin-top: 23.5px;
}

.connectBox--reset {
  margin-top: 17.5px;
  cursor: pointer;
}

.connectBox__button {
  width: 180px;
  height: 40px;
  text-align: center;
  font-family: "Space Grotesk";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  border-radius: 10px;
  background-color: var(--bg_16C9B5);
}

.langTypePop {
  position: absolute;
  z-index: 99;
}

.langTypePop__item {
  background-color: var(--bg_1E2434);
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  width: 155px;
}

.borderRadiusTop {
  border-radius: 6px 6px 0px 0px;
}

.borderRadiusBtm {
  border-radius: 0px 0px 6px 6px;
}

.langTypePop__icon {
  float: left;
  width: 30px;
}

.header__item--lang--img {
  width: 32px;
}

.langTypePop__icon > img {
  width: 100%;
}

.langTxt {
  color: var(--fonC_FFFFFF);
  float: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  letter-spacing: -0.28px;
  margin-left: 10px;
  margin-top: 2.5px;
}

.connectBox__button--login {
  cursor: pointer;
  color: var(--fonC_FFFFFF);
  color: #FFF;
  text-align: center;
  font-family: "Space Grotesk";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid var(--bd_16c9b5);
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -5px;
  border-radius: 10px;
}

.cB__btn_login_lt {
  float: left;
}

.cB__btn_login_rt {
  float: left;
  margin-left: 5px;
  margin-top: 5px;
}

.mobile--display--box {
  display: none;
  float: right;
}

.mHeader--bar {
  width: 30px;
  margin-top: 10px;
  cursor: pointer;
}

.bar--line {
  width: 100%;
  height: 2px;
  margin-top: 8px;
  background-color: var(--bg_16C9B5);
}

.mobile__rt--subMenu {
  background-color: rgba(var(--bg_rgb_000000), 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 99999998;
}

.mobileMenu--box {
  position: fixed;
  width: 80%;
  height: 100%;
  z-index: 99999999;
  padding-left: 15px;
  padding-right: 15px;
  background-color: var(--bg_293144);
  right: 0px;
  top: 0px;
}

.mobile__rt--closeBtn {
  position: fixed;
  cursor: pointer;
  z-index: 99999999;
  background-color: var(--bg_293144);
  right: calc(80% + 10px);
  top: 15px;
}

.mobileMenu__li--box {
  margin-top: 10px;
  border-top: 1px solid var(--bd_242b3c);
  width: 100%;
}

.mobileMenu_li {
  width: 100%;
  text-align: center;
  cursor: pointer;
  padding: 15px;
  color: var(--fonC_DCEEFF);
}

.mobile--lang {
  float: left;
}

@media (max-width: 1280px) {
  .mobile--display--box {
    display: block;
  }
  .mHeader--bar {
    float: right;
  }
  .headerLst {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header__menu--width-max {
    width: 100%;
  }
  .header__box--right {
    display: none;
  }
  .header__logo--left > img {
    width: 140px;
  }
  .header__item--right {
    float: none;
    text-align: center;
  }
  .connectBox__button {
    margin: 0 auto;
  }
  .mtRest {
    margin-top: 12.5px;
  }
  .mobile--myPage {
    float: left;
  }
  .header__item--right {
    margin-right: 20px;
  }
}.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: 'Arial', 'Helvetica', sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}
/*
    CSS Framework : scss
*/
.walletPopupLst {
  position: fixed;
  z-index: 9999999998;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.2);
}

.walletPopup__popBox {
  min-width: 550px;
  position: fixed;
  z-index: 9999;
  padding: 40px;
  background-color: var(--bg_242B3C);
  top: 50%;
  left: 50%;
  border-radius: 15px;
  transform: translate(-50%, -50%);
}

.walletPopup--closeBox {
  cursor: pointer;
  float: right;
}

.walletPopup--logo {
  text-align: center;
  margin-top: 20px;
}

.walletPopup--logo > img {
  margin: 0 auto;
}

.walletPopup--txt {
  color: var(--fonC_FFFFFF);
  margin-top: 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

.walletPopup--line {
  background-color: var(--bg_51689F);
  width: 100%;
  height: 1px;
  margin-top: 20px;
}

.walletPopup__ttl--txt {
  color: var(--fonC_778CB1);
  margin-top: 20px;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  /* 115% */
}

.checkboxV1__box--txt {
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: var(--H7-Size, 16px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--H7-Line-height, 24px);
  letter-spacing: -0.32px;
}

.walletPopup__checkboxV1--1 {
  margin-top: 20px;
}

.walletConnect__box {
  width: 100%;
  height: 70px;
  margin-top: 20px;
}

.walletDwonLoad__box {
  width: 100%;
  height: 85px;
  margin-top: 20px;
}

@media (max-width: 1280px) {
  .walletPopup__popBox {
    width: 90%;
    min-width: auto;
    padding: 20px;
  }
  .walletPopup--logo {
    margin-top: 10px;
  }
  .walletPopup--logo > img {
    width: 100px;
  }
  .walletPopup--txt {
    font-size: 15px;
    margin-top: 10px;
  }
  .walletPopup--line {
    margin-top: 10px;
  }
  .walletPopup__ttl--txt {
    margin-top: 10px;
    font-size: 16px;
  }
  .checkboxV1__box--txt {
    font-size: 11px;
  }
  .walletPopup__checkboxV1--1 {
    margin-top: 10px;
  }
  .walletConnect__box {
    margin-top: 10px;
    height: 50px;
  }
  .walletConnectBtn_center {
    margin-top: 10px !important;
  }
  .walletConnectBtn--img > img {
    width: 25px;
  }
  .walletConnectBtn--txt {
    font-size: 14px !important;
    margin-top: 5px !important;
  }
  .connectBox__button--login {
    max-width: 200px;
    margin: 0 auto;
  }
  .walletDwonLoad__box {
    margin-top: 10px;
  }
  .walletDownloadBtn_top--ttl {
    font-size: 14px;
  }
  .walletDownloadBtn_top--ttl--two {
    font-size: 14px;
  }
}/*
    CSS Framework : scss
*/
.walletConnectBtnLstType {
  width: 100%;
  height: 100%;
}

.walletConnectBtnLst {
  cursor: pointer;
  border: 1px solid var(--bg_475776);
  border-radius: 10px;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
.walletConnectBtnLst:hover {
  background-color: var(--bg_16C9B5);
}
.walletConnectBtnLst:hover .walletConnectBtn--txt {
  color: var(--fonC_001A2F);
}

.walletConnectBtn_center {
  padding-left: 30px;
  padding-right: 30px;
}

.walletConnectBtn_rt--btm {
  margin-top: 10px;
}

.walletConnectBtn_rt {
  margin-top: 5px;
  float: right;
}

.walletConnectBtn--img {
  float: left;
}

.walletConnectBtn_lt {
  margin-top: 16.5px;
  float: left;
}

.walletConnectBtn_btm--symbol {
  float: left;
}

.lt--mar {
  margin-left: 10px;
}

.walletConnectBtn_rt--tp {
  color: var(--color-azure-58, #778CB1);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}

.walletConnectBtn--txt {
  float: left;
  color: var(--fonC_16C9B5);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
  margin-left: 10px;
  margin-top: 6.5px;
}

@media (max-width: 1280px) {
  .walletConnectBtn_lt {
    margin-top: -1px;
  }
  .walletConnectBtn_rt {
    margin-top: -8px;
  }
  .walletConnectBtn_rt--btm {
    margin-top: 1px;
  }
}/*
    CSS Framework : scss
*/
.walletDownloadBtnLst {
  background-color: var(--bg_001A2F);
  border-radius: 10px;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}

.walletDownloadBtn_top--ttl {
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding-top: 12.5px;
  /* 143.75% */
}

.walletDownloadBtn_top--ttl--two {
  color: var(--fonC_16C9B5);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding-top: 12.5px;
  cursor: pointer;
  /* 143.75% */
}/*
    CSS Framework : scss
*/
/* AlertNotiPopOneType.css */
.alertNotiPop__box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}

.alertNotiPop__box--center {
  background-color: var(--bg_242B3C);
  padding: 40px;
  border-radius: 8px;
  width: 500px;
  box-sizing: border-box;
}

.alertNotiPop__title {
  margin: 0;
  font-size: 18px;
}

.alertNotiPop--img {
  width: 100%;
  text-align: center;
}

.alertNotiPop--img > img {
  margin: 0 auto;
}

.alertNotiPop__close-btn {
  border: 1px solid var(--bd_D9D9D9);
  width: 100%;
  padding: 15px;
  text-align: center;
  color: var(--bd_D9D9D9);
  margin-top: 55px;
  font-size: 16px;
  background-color: var(--bg_242B3C);
  border-radius: 10px;
  cursor: pointer;
}

.alertNotiPop__content {
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  margin-top: 2px;
  /* 95.833% */
}

@media (max-width: 1280px) {
  .alertNotiPop__box {
    padding: 20px;
  }
  .alertNotiPop__box--center {
    width: 100%;
    max-width: 500px;
    padding: 20px;
  }
  .alertNotiPop__content {
    font-size: 18px;
  }
  .alertNotiPop__close-btn {
    margin-top: 20px;
  }
}/*
    CSS Framework : scss
*/
/* AlertNotiPopOneType.css */
.alertTokenMinPop__box {
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}

.alertTokenMinPop__box--center {
  background-color: var(--bg_242B3C);
  padding: 40px;
  padding-top: 20px;
  border-radius: 8px;
  width: 760px;
  box-sizing: border-box;
}

.alertTokenMinPop__title {
  margin: 0;
  font-size: 18px;
}

.alertTokenMinPop--img {
  width: 100%;
  text-align: center;
}

.alertTokenMinPop--img > img {
  margin: 0 auto;
}

.alertTokenMinPop__close-btn {
  border: 1px solid var(--bd_D9D9D9);
  width: 100%;
  padding: 15px;
  text-align: center;
  color: var(--bd_D9D9D9);
  margin-top: 55px;
  font-size: 16px;
  background-color: var(--bg_242B3C);
  border-radius: 10px;
  cursor: pointer;
}

.alertTokenMinPop__content {
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  margin-top: 2px;
  /* 95.833% */
}

.alertTokenMintPop__closeBtn {
  float: right;
  width: 24px;
}

.alertTokenMintPop__closeBtn > img {
  width: 100%;
  cursor: pointer;
}

.alertTokenMintPop__center {
  width: 100%;
  margin-top: 20px;
}

.alertTokenMintPop__liBox {
  width: 100%;
  margin-top: 10px;
}

.alertTokenMintPop__alert {
  margin-top: 20px;
  padding: 15px;
  width: 100%;
  background-color: var(--bg_293144);
  border-radius: 10px;
  text-align: center;
}

.alertTokenMintPop__txtBox {
  display: inline-block;
}

.alertTokenMintPop__BtImg {
  float: left;
}

.alertTokenMintPop__btnBox {
  width: 100%;
  margin-top: 20px;
}

.alertTokenMintPop__btnBox--imgBox {
  display: inline-block;
}

.alertTokenMintPop__btnBox--imgBox--lt {
  float: left;
}

.alertTokenMintPop__btnBox--imgBox--rt {
  float: left;
  margin-left: 1.5px;
}

.alertTokenMintPop__optionBox {
  background-color: var(--bg_1E2434);
  width: 33.3333333333%;
  padding: 10px;
  float: left;
}

.alert__icQeu {
  position: relative;
  float: right;
  cursor: pointer;
}

.alert__box--center {
  margin-top: 15px;
  text-align: center;
}

.alert__box--center > img {
  margin: 0 auto;
}

.alert__box--centerTxt {
  margin-top: 10px;
  color: var(--fonC_16C9B5);
  text-align: center;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-20, 20px); /* 125% */
  margin-bottom: 20px;
}

@media (max-width: 1280px) {
  .alertTokenMinPop__box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .alertTokenMinPop__box--center {
    width: 100%;
    padding: 20px;
    max-height: calc(100% - 100px);
    overflow: auto;
  }
  .alertTokenMintPop__btnBox--imgBox--lt {
    display: none;
  }
  .alertTokenMintPop__TtlSub {
    word-break: break-all;
  }
  .alertTokenMintPop__btnBox--imgBox--lt {
    text-align: center;
    float: none;
  }
  .alertTokenMintPop__btnBox--imgBox--lt > img {
    margin: 0 auto;
  }
  .alertTokenMintPop__TtlSub {
    margin-top: 10px !important;
  }
  .alertTokenMintPop__btnBox--rt {
    padding: 5px;
    min-height: 52.5px;
    padding-top: 14px;
  }
}

body,
html {
  width: 100%;
  height: calc(100% - 50px);
  background-color: #001526;
}

.maxHeight {
  width: 100%;
  height: calc(100%);
}

.App {
  text-align: center;
}

a {
  text-decoration: none;
  color: black;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: none;
}

* {
  font-family: "Space Grotesk", sans-serif;
  box-sizing: border-box;
}

img {
  display: block;
}

.tableStyle {
  width: 100%;
  border-collapse: collapse;
}

.recommHeaderTd {
  width: 25%;
  text-align: center;
  /* H7/Bold */
  font-family: var(--H7-Family, Pretendard);
  font-size: var(--H7-Size, 16px);
  font-style: normal;
  font-weight: var(--H7-Weight-Bold, 700);
  line-height: var(--H7-Line-height, 24px);
  /* 150% */
  letter-spacing: -0.32px;
  padding: 10px;
}

/* 전체 스크롤바 */

::-webkit-scrollbar {
  width: 6px;
  /* 세로 스크롤바의 너비 */
  height: 6px;
  /* 가로 스크롤바의 높이 */
}

/* 스크롤바 배경 */

::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 스크롤바 배경 색상 */
  border-radius: 10px;
  /* 배경의 둥근 모서리 */
}

/* 스크롤바 */

::-webkit-scrollbar-thumb {
  background: #888;
  /* 스크롤바의 색상 */
  border-radius: 10px;
  /* 스크롤바의 둥근 모서리 */
}

/* 스크롤바 hover 상태 */

::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* hover 시 색상 변화 */
}

/* 스크롤바의 가로 방향 */

::-webkit-scrollbar-horizontal {
  height: 2px;
}

/* 스크롤바의 세로 방향 */

::-webkit-scrollbar-vertical {
  width: 2px;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

.lodingBarBack {
  position: fixed;
  z-index: 99999999999999999998;
  width: 100%;
  height: 100%;

  background-color: rgb(0, 0, 0, 0.5);
  left: 0px;
  top: 0px;
  display: none;
}

.lodingBar {
  position: fixed;
  z-index: 99999999999999999999;
  width: 150px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
  padding: 15px;
  background-color: #ffffff;
  left: calc(50% - 75px);
  top: calc(50% - 100px);
  display: none;
}

.lodingBar>img {
  width: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.fnt_ora {
  color: #1a264a;
}

.fnt_white {
  color: #ffffff;
}

.fnt_gray {
  color: #808080;
}

.brd_ora {
  border: 1px solid #1a264a;
}

.bacG_ora {
  background-color: #1a264a;
}

.bacG_gray {
  background-color: #808080;
}

.chk_box {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 기본 체크박스 숨기기 */

.chk_box input[type="checkbox"] {
  display: none;
}

/* 선택되지 않은 체크박스 스타일 꾸미기 */

.on {
  width: 20px;
  height: 20px;
  background: #ddd;
  position: absolute;
  border-radius: 20px;
  top: 0;
  left: 0;
}

/* 선택된 체크박스 스타일 꾸미기 */

.chk_box input[type="checkbox"]:checked+.on {
  background: #ff7f00;
}

.on:after {
  content: "";
  position: absolute;
  display: none;
}

.chk_box input[type="checkbox"]:checked+.on:after {
  display: block;
}

.on:after {
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 6px;
  top: 2px;
}

/* src/App.css */

.fade-enter {
  opacity: 0;
}

.fade-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.fade-exit {
  opacity: 1;
}

.fade-exit-active {
  opacity: 0;
  transition: opacity 300ms ease-in;
}

/* 페이지의 기본 스타일 */

.page {
  position: relative;
  /* 상대 위치 설정 */
  z-index: 1;
  /* z-index로 계층 조정 */
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  /* 기본적으로 숨김 */
  justify-content: center;
  align-items: center;
  z-index: 100000000000000000000;
  /* 최상위 레이어 */
}

.loading-overlay.active {
  display: flex;
  /* 화면 차단 */
}

.nmonicClass {
  width: 700px;
}

.downloadButton {
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #000000;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  border-radius: 10px;
}

.pin-inputnew {
  float: left;
  width: 35px;
  height: 35px;
  font-size: 22px;
  text-align: center;
  border: none;
  border-radius: 50%;
  /* 둥글게 */
  background-color: #1a264a;
  /* 주황색 */
  position: relative;
}

.pin-inputnew input {
  width: 100%;
  height: 100%;
  font-size: 22px;
  text-align: center;
  border: none;
  border-radius: 50%;
  /* 둥글게 */
  background-color: transparent;
  /* 배경 투명 */
  outline: none;
  color: transparent;
  /* 기본 색상은 투명 */
  transition: color 0.3s ease;
}

.pin-inputnew input:focus {
  color: black;
  /* 포커스 시 글자 색상 */
}

.pin-inputnew input:not(:focus) {
  color: black;
}

.maxWidthBox {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
/*
    CSS Framework : scss
*/
.custom-checkbox--1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  white-space: nowrap; /* 텍스트 줄바꿈 방지 */
}

/* 숨겨진 기본 체크박스 */
.custom-checkbox--1 input[type=checkbox] {
  display: none;
}

/* 체크박스 기본 이미지 */
.custom-checkbox--1 .checkmark {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/asset/icon/checkbox--1_unchecked.png");
  background-size: cover;
  margin-right: 5px; /* 텍스트와 체크박스를 구분할 간격 추가 */
  vertical-align: middle; /* 텍스트와 체크박스를 수평 정렬 */
}

/* 체크된 상태 이미지 */
.custom-checkbox--1 input[type=checkbox]:checked + .checkmark {
  background-image: url("/asset/icon/checkbox--1_checked.png");
}

/* 텍스트 스타일 */
.checkTxt {
  display: inline-block; /* 텍스트를 inline-block으로 설정 */
  margin-top: 0px; /* 위쪽 여백 추가 */
  vertical-align: middle; /* 텍스트를 체크박스와 수평으로 정렬 */
}
/*
    CSS Framework : scss
*/
.homeLst {
  width: 100%;
  height: 100%;
}

.home-body__box--two {
  /* .tokenBodyBox */
  width: 1520px;
  margin: 0 auto;
}

.home__imageBox {
  text-align: center;
  width: 100%;
  padding: 20px;
  background-image: url("/asset/images/main__background.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.home__contentWrapper {
  width: 1520px;
  display: inline-block;
  margin-top: 120px;
  padding-bottom: 40px;
}

.home__contentLeft {
  float: left;
  margin-top: 170px;
}

.home__title {
  text-align: left;
  color: var(--fonC_16C9B5);
  font-family: "Space Grotesk";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}

.home__contentRight {
  float: right;
  width: 540px;
  margin-left: 150px;
}

.home__contentRight > img {
  width: 100%;
}

.home__subTitle {
  color: var(--fonC_FFFFFF);
  margin-top: 40px;
  text-align: left;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.home__buttonGroup {
  margin-top: 40px;
  text-align: left;
}

.home__button {
  border-radius: 10px;
  color: var(--fonC_FFFFFF);
  border: 1px solid var(--bd_ffffff);
  display: inline-block;
  padding: 20px 60px;
  cursor: pointer;
}
.home__button:hover {
  border: 1px solid var(--bd_16c9b5);
  color: var(--fonC_16C9B5) !important;
}
.home__button:hover .home__buttonIcon img {
  content: url("/asset/icon/home/ph_coin-fill__blue.png");
}

.home__button--secondary {
  border-radius: 10px;
  border: 1px solid var(--bd_16c9b5);
  display: inline-block;
  padding: 20px 60px;
  cursor: pointer;
  margin-top: 20px;
}

.home__buttonText {
  float: left;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-20, 20px);
}

.home__buttonIcon {
  float: left;
  margin-left: 10px;
}

.home__contentBox {
  width: 1520px;
  padding: 20px;
  margin: 0 auto;
  margin-top: 50px;
}

.home__logo {
  width: 170px;
}

.home__logo > img {
  width: 100%;
}

.home__sectionTitle {
  color: var(--fonC_FFFFFF);
  margin-top: 30px;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 30px;
}

.home__listBox {
  width: 100%;
  margin-top: 0px;
}

.home__listItem {
  background-color: var(--bg_242B3C);
  width: calc(50% - 11px);
  margin-bottom: 22px;
  padding: 20px 40px;
  float: left;
  border-radius: 15px;
  border: 1px solid var(--bd_242b3c);
}

.home__listIcon {
  float: left;
}

.home__listTitle {
  color: var(--fonC_FFFFFF);
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.home__listSubTitle {
  color: var(--fonC_FFFFFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-top: 20px;
}

.home__listDescription {
  color: var(--fonC_FFFFFF);
  margin-top: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.home__listItem--active {
  border: 1px solid var(--bd_16c9b5);
  background-color: var(--bg_242B3C);
}

.home__listItem--marginLeft {
  margin-left: 22px;
}

.home__bottomButtonBox {
  width: 100%;
  text-align: center;
  border: 1px solid var(--bd_16c9b5);
  padding: 30px;
  border-radius: 15px;
  cursor: pointer;
}
.home__bottomButtonBox:hover {
  background-color: var(--bg_16C9B5);
}
.home__bottomButtonBox:hover .home__bottomLeftText {
  color: var(--fonC_001A2F) !important;
}
.home__bottomButtonBox:hover .home__bottomLeftIcon img {
  content: url("/asset/icon/btn__arrow--black.png");
}

.home__bottomButtonText {
  display: inline-block;
}

.home__bottomLeftText {
  color: var(--fonC_16C9B5);
  float: left;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.home__bottomLeftIcon {
  color: var(--fonC_16C9B5);
  float: left;
  margin-left: 5px;
  margin-top: 2px;
}

.home__bottomTitle {
  color: var(--fonC_16C9B5);
  width: 100%;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  margin-top: 50px;
}

.home__bottomImage {
  width: 100%;
  border-radius: 20px;
  margin-top: 20px;
}

.home__bottomImage > img {
  width: 100%;
}

.home__bottomText {
  color: var(--fonC_FFFFFF);
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}

.home__bottomLeftImage {
  float: left;
  width: 600px;
}

.home__bottomLeftImage > img {
  width: 100%;
}

.home__bottomRightText {
  float: left;
  width: calc(100% - 620px);
  margin-left: 20px;
}

.home__bottomRightTitle {
  color: var(--fonC_16C9B5);
  margin-top: 40px;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}

.home__bottomRightSubTitle {
  color: var(--fonC_C2C2C2);
  margin-top: 30px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.home__bottomRightSubTitle_border {
  font-weight: 700;
  color: var(--fonC_FFFFFF);
}

@media (max-width: 1280px) {
  .home__contentWrapper {
    width: 100%;
    margin-top: 0px;
  }
  .home__contentLeft {
    position: relative;
    z-index: 1;
    margin-top: 80px;
    width: 100%;
  }
  .home__title {
    font-size: 24px;
    text-align: center;
    line-height: normal;
  }
  .home__subTitle {
    font-size: 20px;
    text-align: center;
    margin-top: 50px;
    line-height: 30px;
  }
  .home__contentRight {
    padding: 0px;
    margin-left: 0px;
    width: 200px;
    position: absolute;
    z-index: 0px;
    top: 250px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home__contentRight > img {
    width: 100%;
    opacity: 0.25; /* 50% 투명 */
  }
  .home__buttonGroup {
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
  }
  .home__button {
    margin: 0 auto;
    padding: 15px;
  }
  .home__buttonText {
    font-size: 15px;
  }
  .home-body__box--two {
    padding-bottom: 40px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
  }
  .home__logo > img {
    width: 140px;
  }
  .home__sectionTitle {
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .home__listIcon > img {
    width: 40px;
  }
  .home__listTitle {
    margin-top: 12.5px;
    margin-left: 10px;
  }
  .home__listItem {
    float: none;
    width: 100%;
    padding: 20px;
  }
  .home__listItem--marginLeft {
    margin-left: 0px;
  }
  .home__listDescription {
    font-size: 12px;
    line-height: 18px;
  }
  .home__listSubTitle {
    font-size: 12px;
  }
  .home__bottomButtonBox {
    padding: 15px;
  }
  .home__bottomLeftText {
    font-size: 15px;
    margin-top: 0;
  }
  .home__bottomLeftIcon {
    margin-top: 1px;
  }
  .home__bottomLeftIcon > img {
    width: 18px;
  }
  .home__bottomTitle, .home__bottomRightTitle {
    font-size: 20px;
    line-height: normal;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
  }
  .home__bottomText {
    font-size: 14px;
    line-height: 20px;
  }
  .home__bottomLeftImage > img {
    width: 100%;
  }
  .home__bottomLeftImage {
    width: 100%;
    float: none;
  }
  .home__bottomLeftImageRightTextBox {
    float: none;
  }
  .home__bottomRightText {
    width: 100%;
    float: none;
    margin-left: 0px;
  }
  .home__bottomRightSubTitle {
    margin-top: 0px;
    line-height: 25px;
    font-size: 15px;
  }
}
/*
    CSS Framework : scss
*/
.hotnetWorkLst {
  /* .hotnetWorkLst */
  width: 100%;
  height: 100%;
  /* 배경 설정 */
  background-image: url("/asset/images/main__background.png");
  background-size: cover;
  /* 수평 중간, 수직 위쪽 정렬 */
  background-position: center top;
  background-repeat: no-repeat;
  /* 배경을 뷰포트에 고정하려면(스크롤해도 배경이 움직이지 않음) */
  background-attachment: fixed;
}

.hotnetwork-body__box {
  /* .tokenBodyBox */
  width: 1520px;
  margin: 0 auto;
  margin-top: 100px;
}

.hotnetwork-body__box--two {
  /* .tokenBodyBox */
  width: 1520px;
  margin: 0 auto;
}

.hotnetwork-body__top-list-item {
  /* .tokenBodyTpLi */
  background-color: var(--bg_242B3C);
  float: left;
  width: calc(25% - 15px);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  background: var(--bg_242B3C);
  border: 1px solid var(--bd_242b3c);
  cursor: pointer;
}

.hotnetwork-body__top-list-item--active {
  /* .tokenBodyTpLiActive */
  border: 1px solid var(--bd_16c9b5);
}

.hotnetwork-body__top-list-item-center {
  /* .tokenBodyTpLiCenter */
  display: inline-block;
}

.hotnetwork-body__top-list-item-img {
  /* .tokenBodyTpLiImg */
  width: 30px;
  float: left;
}

.hotnetwork-body__top-list-item-img > img {
  width: 100%;
}

.hotnetwork-body__top-list-item-text {
  /* .tokenBodyTpLiTxt */
  color: var(--fonC_FFFFFF);
  float: left;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-left: 15px;
  margin-top: 7px;
}

.hotnetwork-body__top-list-item--margin-left {
  /* .tbtlLtMar */
  margin-left: 20px;
}

.hotnetwork-body__center-title-box {
  /* .tokenBodyCenterTtlBox */
  margin-top: 70px;
}

.hotnetwork-body__img {
  /* .tokenBodyImg */
  width: 40px;
  float: left;
}

.hotnetwork-body__img > img {
  width: 100%;
  border-radius: 999999px;
}

.hotnetwork-body__name {
  /* .tokenBodyName */
  float: left;
}

.hotnetwork-body__text {
  /* .tokenBodyTxt */
  color: var(--fonC_FFFFFF);
  float: left;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  margin-left: 10px;
}

.hotnetwork-body__top-btn-box {
  /* .tokenBodyTpBtnBox */
  float: right;
}

.hotnetwork-body__top-btn {
  /* .tokenBodyTpBtn */
  cursor: pointer;
  float: left;
  text-align: center;
  padding: 10px 40px;
  border: 1px solid var(--bd_ffffff);
  border-radius: 10px;
}
.hotnetwork-body__top-btn:hover {
  border: 1px solid var(--bd_16c9b5);
}
.hotnetwork-body__top-btn:hover .hotnetwork-body__top-btn-text {
  color: var(--fonC_16C9B5);
}
.hotnetwork-body__top-btn:hover .hotnetwork-body__top-btn-img img {
  content: url("/asset/icon/btn__shotArrow--blue.png");
}

.onChainBack {
  margin-top: 50px;
  cursor: pointer;
  width: 100%;
}

.onChainBack > img {
  width: 100%;
}

.hotnetwork-body__top-btnTwo {
  /* .tokenBodyTpBtn */
  cursor: pointer;
  float: left;
  text-align: center;
  padding: 10px 40px;
  border: 1px solid var(--bd_ffffff);
  border-radius: 10px;
}
.hotnetwork-body__top-btnTwo:hover {
  border: 1px solid var(--bd_16c9b5);
}
.hotnetwork-body__top-btnTwo:hover .hotnetwork-body__top-btn-text {
  color: var(--fonC_16C9B5);
}
.hotnetwork-body__top-btnTwo:hover .hotnetwork-body__top-btn-img img {
  content: url("/asset/icon/btn__token--green.png");
}

.hotnetwork-body__top-btn--margin-left {
  /* .tokenBodyTpLtMar */
  margin-left: 10px;
}

.hotnetwork-body__top-btn-text {
  /* .tokenBodyTpTxt */
  color: var(--fonC_FFFFFF);
  float: left;
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-20, 20px);
}

.hotnetwork-body__top-btn-img {
  /* .tokenBodyTpImg */
  float: left;
  margin-left: 10px;
  margin-top: 1px;
}

.hotnetwork-body__center-box {
  /* .tokenBodyCenterBox */
  margin-top: 40px;
  width: 100%;
}

.hotnetwork-body__center-list-item {
  /* .tokenBodyCenterLi */
  background-color: var(--bg_242B3C);
  float: left;
  width: calc(25% - 15px);
  border-radius: 15px;
  padding: 30px 40px;
}

.hotnetwork-body__left-margin {
  /* .tokenBodyLtMar */
  margin-left: 20px;
}

.hotnetwork-body__center-top-text {
  /* .tokenBodyCenterTpTxt */
  color: var(--fonC_FFFFFF);
  width: 100%;
  text-align: right;
  margin-top: 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.hotnetwork-body__center-top-text-two {
  /* .tokenBodyCenterTpTxtTwo */
  color: var(--fonC_FFFFFF);
  margin-top: 10px;
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}

.hotnetwork-body__center-input-wrapper {
  /* .tokenBodyCenterTwoBox */
  background-color: var(--bg_242B3C);
  text-align: center;
  margin-top: 20px;
  width: 100%;
  border-radius: 15px;
  padding: 20px 40px;
}

.hotnetwork-body__center-input-wrapper--center {
  /* .tokenBodyCenterTwoBoxCenter */
  text-align: center;
  width: 100%;
}

.hotnetwork-body__center-input-title {
  /* .tokenBodyCenterTwoTtl */
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.hotnetwork-body__center-input-box {
  /* .tokenBodyCenterTwoInputBox */
  background-color: var(--bg_001A2F);
  position: relative;
  width: 540px;
  margin: 20px auto 0;
  border-radius: 5px;
  height: 40px;
}

.hotnetwork-body__input-icon {
  /* .tokenInputImg */
  position: absolute;
  left: 10px;
  top: 10px;
}

.hotnetwork-body__input-field {
  /* .tokenSearchInput */
  color: var(--fonC_FFFFFF);
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  padding-left: 40px;
  padding-right: 20px;
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.hotnetwork-body__input-field::placeholder {
  color: var(--fonC_727c85);
}

.hotnetwork-body__center-bottom-string {
  /* .tokenBodyCenterTwoBtmStr */
  margin-top: 20px;
  display: inline-block;
}

.hotnetwork-token__box {
  /* .hotTokenBox */
  float: left;
}

.hotnetwork-token__img {
  /* .hotTokenBoximg */
  float: left;
}

.hotnetwork-token__text {
  /* .hotTokenBoxTxt */
  color: var(--fonC_828282);
  float: left;
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-left: 2px;
}

.hotnetwork-token__list-item {
  cursor: pointer;
  /* .hotTokenLi */
  color: var(--fonC_16C9B5);
  float: left;
  margin-left: 20px;
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.hotnetwork-body__bottom-title {
  /* .tokenBodyBtmTtl */
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.hotnetwork-body__list-table {
  /* .tokenListTable */
  width: 100%;
  height: 100px;
}

.hotnetwork-symbol__icon {
  /* .symbolSize */
  float: left;
  width: 20px;
}

.hotnetwork-symbol__icon > img {
  width: 100%;
}

.hotnetwork-symbol__name {
  /* .symbolName */
  float: left;
  margin-top: 1px;
  margin-left: 5px;
}

.hotnetwork-address__text {
  cursor: pointer;
  /* .leftAddressTxt */
  color: var(--fonC_0066CC);
  float: left;
}

.hotnetwork-address__icon {
  /* .leftAddressImg */
  cursor: pointer;
  float: left;
  margin-left: 10px;
}

.hotnetwork-Header__Box {
  width: 100%;
}

.hotnetwork-Header__left {
  float: left;
  margin-top: 40px;
}

.hotnetwork-Header__left--top {
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
}

.hotnetwork-Header__left--Btm {
  margin-top: 20px;
  color: var(--fonC_B8B8B8);
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  /* 166.667% */
}

.hotnetwork-Header__right {
  float: right;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
  background-color: var(--bg_293144);
  border-radius: 15px;
}

.header--right--top {
  color: var(--fonC_16C9B5);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  /* 166.667% */
}

.header--right__box--body {
  width: 100%;
  margin-top: 25px;
}

.header--right__body {
  width: 100%;
}

.header--right__body--left {
  float: left;
}

.header--right__body--left__icon {
  float: left;
}

.header--right__body--left__txt {
  float: left;
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  margin-left: 15px;
  margin-top: 2px;
  /* 80% */
}

.header--right__body--right {
  float: right;
  margin-top: 4px;
  cursor: pointer;
  margin-left: 100px;
}
.header--right__body--right:hover .header--right__body--right--txt {
  color: var(--fonC_16C9B5);
}
.header--right__body--right:hover .header--right__body--right--icon img {
  content: url("/asset/icon/btn__shotArrow--blue.png");
}

.header--right__body--right--txt {
  float: left;
  color: var(--fonC_DCEEFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
  /* 125% */
}

.header--right__body--right--icon {
  float: left;
  margin-left: 10px;
  margin-top: 2px;
}

.header--right__body__topMar {
  margin-top: 20px;
}

.mobileOneChain {
  display: none;
}

@media (max-width: 1280px) {
  .hotDisplay-center {
    display: inline-block;
  }
  .pcOneChain {
    display: none;
  }
  .mobileOneChain {
    display: block;
  }
  .langTypePop {
    left: -120px;
  }
  .hotnetwork-body__box {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .hotnetwork-Header__left {
    float: none;
  }
  .hotnetwork-Header__right {
    float: none;
  }
  .hotnetwork-Header__left--top {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
  }
  .hotnetwork-Header__left--Btm {
    font-size: 17.5px;
    line-height: 30px;
    text-align: center;
  }
  .hotnetwork-Header__right {
    padding: 20px;
    margin-top: 20px;
  }
  .header--right--top {
    font-size: 16px;
  }
  .onChainBack {
    margin-top: 20px;
  }
  .header--right__body--left__icon > img {
    width: 25px;
  }
  .header--right__body--left__txt {
    margin-left: 10px;
    font-size: 14px;
    margin-top: 2px;
  }
  .header--right__body--right {
    margin-top: 0px;
    margin-left: 0px;
  }
  .header--right__body__topMar {
    margin-top: 15px;
  }
  .header--right__body--right--txt {
    font-size: 14px;
  }
  .header--right__body--right--icon {
    margin-left: 5px;
    margin-top: 0px;
  }
  .hotnetwork-body__center-title-box {
    width: 100%;
    margin-top: 0px;
  }
  .hotnetwork-body__name {
    float: none;
  }
  .hotnetwork-body__top-btn-box {
    float: none;
    margin-top: 20px;
  }
  .hotnetwork-body__center-list-item {
    float: none;
    width: 100%;
    padding: 20px;
  }
  .hotnetwork-body__center-box {
    margin-top: 20px;
  }
  .hotnetwork-body__left-margin {
    margin-left: 0px;
    margin-top: 20px;
  }
  .hotnetwork-body__top-btnTwo {
    float: none;
  }
  .hotnetwork-body__top-btn {
    float: none;
  }
  .hotnetwork-body__img > img {
    width: 30px;
  }
  .hotnetwork-body__text {
    margin-left: 5px;
    font-size: 24px;
    margin-top: 0px;
  }
  .hotnetwork-body__top-btn--margin-left {
    margin-top: 10px;
    margin-left: 0px;
  }
  .hotnetwork-body__top-btn, .hotnetwork-body__top-btnTwo {
    padding: 10px;
    text-align: center;
  }
  .hotnetwork-body__top-btn-text {
    font-size: 14px;
  }
  .hotnetwork-body__top-btn-img {
    margin-left: 5px;
  }
  .mobileMarginReset {
    margin-top: 40px;
  }
  .hotnetwork-body__center-input-wrapper {
    padding: 20px;
  }
  .hotnetwork-body__center-input-title {
    font-size: 18px;
  }
  .hotnetwork-body__center-input-box {
    width: 100%;
    margin-top: 15px;
  }
  .hotnetwork-body__center-bottom-string {
    margin-top: 15px;
  }
  .hotnetwork-token__box {
    float: none;
    text-align: left;
  }
  .hotnetwork-token__list-item {
    float: none;
    margin-left: 0px;
    text-align: left;
    margin-top: 10px;
  }
  .hotnetwork-body__center-bottom-string {
    width: 100%;
  }
  .hotnetwork-body__center-top-text {
    font-size: 18px;
  }
  .hotnetwork-body__center-top-text-two {
    font-size: 24px;
  }
  .tokenBodyCenterTpImg > img {
    width: 25px;
  }
}/*
    CSS Framework : scss
*/
.tokenListingLst {
  width: 100%;
  height: 100%;
  background-image: url("/asset/images/main__background.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.tokenListing__bodyBox {
  width: 1520px;
  margin: 0 auto;
  margin-top: 100px;
}

.tokenListing__subText {
  color: var(--fonC_FFFFFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.tokenListing__title {
  color: var(--fonC_16C9B5);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 20px;
}

.tokenListing__box {
  margin-top: 25px;
  width: 100%;
}

.tokenListing__left {
  background-color: var(--bg_242B3C);
  color: var(--bg_242B3C);
  padding: 60px;
  padding-left: 40px;
  padding-right: 40px;
  float: left;
  width: calc(50% - 10px);
  border-radius: 15px;
}

.tokenListing__left--marginLeft {
  margin-left: 20px;
}

.tokenListing__titleLeft {
  float: left;
}

.tokenListing__titleRight {
  float: right;
}

.tokenListing__titleLeft__subTitle {
  color: var(--fonC_FFFFFF);
  margin-top: 20px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.tokenListing__rightBtn {
  width: 192px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid var(--bd_ffffff);
  border-radius: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  cursor: pointer;
}
.tokenListing__rightBtn:hover {
  border: 1px solid var(--bd_16c9b5);
}
.tokenListing__rightBtn:hover .tokenListing__leftText {
  color: var(--fonC_16C9B5);
}
.tokenListing__rightBtn:hover .tokenListing__leftImage img {
  content: url("/asset/icon/btn__shotArrow--blue.png");
}

.tokenListing__leftTextImageBox {
  display: inline-block;
}

.tokenListing__leftText {
  color: var(--fonC_FFFFFF);
  float: left;
}

.tokenListing__leftImage {
  float: left;
  margin-top: 2px;
  margin-left: 5px;
}

@media (max-width: 1280px) {
  .tokenListing__box {
    margin-top: 20px;
  }
  .tokenListing__bodyBox {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .tokenListing__left {
    float: none;
    width: 100%;
    padding: 20px;
  }
  .tokenListing__left--marginLeft {
    margin-left: 0px;
    margin-top: 20px;
  }
  .tokenListing__titleLeft {
    float: none;
  }
  .tokenListing__titleRight {
    float: none;
    text-align: center;
    margin-top: 20px;
  }
  .tokenListing__titleLeft > div > img {
    margin: 0 auto;
  }
  .tokenListing__titleLeft__subTitle {
    text-align: center;
    line-height: 25px;
  }
  .tokenListing__rightBtn {
    padding: 10px;
    margin: 0 auto;
  }
  .tokenListing__title {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .tokenListing__subText {
    font-size: 14px;
  }
  .tokenListing__leftText {
    margin-top: 2px;
    font-size: 14px;
  }
}
/*
    CSS Framework : scss
*/
.tokenMintLst {
  width: 100%;
  height: 100%;
  background-image: url("/asset/images/mainback.png");
  /* 배경 이미지 */
  background-size: cover;
  /* 이미지 크기를 부모 요소에 맞게 확장 */
  background-position: center center;
  /* 이미지 위치를 중앙에 배치 */
  background-repeat: no-repeat;
  /* 이미지를 반복하지 않음 */
}

.netTypeTxt--box {
  float: left;
  width: 300px;
}

.netTypeExchange--box {
  float: left;
}

.netTypeTxt__sub--box {
  color: var(--fonC_FFFFFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-top: 10px;
}

.netTypeExchange__li--txt {
  float: left;
  color: var(--fonC_FFFFFF);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-left: 5px;
  margin-top: 2px;
  width: 80px;
  /* 150% */
}

.netTypeExchange__li--box--tpMar {
  margin-top: 10px;
}

.netTypeExchange__li--link {
  float: left;
  font-family: Pretendard;
  color: var(--fonC_0066CC);
  margin-top: 2px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  /* 150% */
}

.netTypeExchange__li--lt {
  float: left;
}

.netTypeTxt__tp--icon {
  float: left;
  margin-top: 1.5px;
  margin-right: 5px;
}

.netTypeTxt__tp--txt {
  float: left;
  color: var(--fonC_FFFFFF);
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 700;
  /* 150% */
}

.tokenBodyBox {
  width: 1520px;
  margin: 0 auto;
  margin-top: 100px;
}

.insLtBox {
  float: left;
  width: 590px;
}

.pick {
  width: 100%;
  padding: 20px;
  margin-left: 25px;
  padding-left: 0px;
}

.pick > img {
  width: 100%;
  cursor: pointer;
}

.insRtBox {
  float: left;
  width: calc(100% - 615px);
}

.insRt--bg {
  background-color: var(--bg_242B3C);
  margin-left: 25px;
  padding: 20px;
  border-radius: 15px;
}

.tokenInsTtl {
  color: var(--fonC_16C9B5);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 40px;
  /* 200% */
}

.netWorkBox {
  background-color: var(--bg_242B3C);
  width: 100%;
  padding: 20px;
  border-radius: 15px;
}

.netWorkTtl {
  color: var(--fonC_FFFFFF);
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-21, 21px);
  /* 150% */
}

.userCustom--img {
  border-radius: 100%;
}

.selectNetworkArrow {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 12.5px;
}

.selectNetworkTokenImg {
  float: left;
  width: 20px;
}

.selecdtNetworkTxt {
  float: left;
  color: var(--fonC_FFFFFF);
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  margin-left: 5px;
}

.selectNetworkTokenImg > img {
  border-radius: 1000000000px;
  width: 100%;
}

.netSelectBox {
  background-color: var(--bg_001A2F);
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  margin-top: 10px;
}

.liDivBox {
  background-color: var(--bg_001A2F);
  color: var(--fonC_FFFFFF);
  position: relative;
  width: 100%;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  margin-top: 10px;
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
}

.centerImg {
  text-align: center;
}

.symbolBtmTxt1 {
  font-size: var(--font-size-12, 12px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-size-16, 16px);
  /* 133.333% */
}

.symbolBtmTxt2 {
  font-size: var(--font-size-12, 12px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-size-16, 16px);
  /* 133.333% */
}

.rtSymbolImg {
  float: left;
}

.rtSymbolImg > img {
  width: 24px;
  height: 24px;
}

.rtSymbolTxt {
  float: left;
  margin-left: 5px;
  margin-top: 1.5px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  /* 131.25% */
}

.liDivImgBox {
  background-color: var(--bg_001A2F);
  color: var(--fonC_FFFFFF);
  position: relative;
  width: 100%;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  margin-top: 10px;
  font-family: "Space Grotesk";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
}

.liDivTextAreaBox {
  position: relative;
  background-color: var(--bg_001A2F);
  color: var(--fonC_FFFFFF);
  position: relative;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
  font-family: "Space Grotesk";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
}

.liDivTextAreaByte {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.liDivTextArea {
  color: var(--fonC_FFFFFF);
  min-height: 130px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.liDivBoxReset {
  height: 48px;
  padding: 0px;
}

.selectBoxSubMenuLi {
  position: relative;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.selectBoxSubMenuLi:hover {
  background-color: var(--bg_293144);
}

.selectBoxSubMenuBox {
  background-color: var(--bg_001A2F);
  z-index: 9;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 40px;
  border-radius: 0px 0px 6px 6px;
  border-top: 1px solid var(--bd_293144);
  height: 300px;
  overflow: auto;
}

/* WebKit 기반 브라우저 (Chrome, Safari, Edge 등) */
.selectBoxSubMenuBox::-webkit-scrollbar {
  width: 8px;
  background: transparent; /* 배경 제거 */
}

.selectBoxSubMenuBox::-webkit-scrollbar-thumb {
  background-color: var(--bg_16C9B5); /* 스크롤 색상 빨간색 */
  border-radius: 4px;
}

/* Firefox */
.selectBoxSubMenuBox {
  scrollbar-width: thin; /* 스크롤바 얇게 */
  scrollbar-color: var(--bg_16C9B5) transparent; /* thumb 빨강 / track 투명 */
}

.netWorkTpMar {
  margin-top: 15px;
}

.titleTpMar {
  margin-top: 20px;
}

.clearBtn {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 16.5px;
}

.selectBoxSubMenuLiBtmBorder {
  border-bottom: 1px solid var(--bd_293144);
}

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

.liDivInput > input {
  color: var(--fonC_FFFFFF);
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  padding-left: 10px;
  padding-right: 30px;
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.paddingRightReset {
  padding-right: 15px !important;
}

.liDivInput > input::placeholder {
  color: var(--fonC_727c85);
}

.numbersReset::-webkit-outer-spin-button,
.numbersReset::-webkit-inner-spin-button {
  -webkit-appearance: none;
  /* Chrome, Safari에서 화살표 제거 */
  margin: 0;
  /* 여백 제거 */
}

.numbersReset {
  -moz-appearance: textfield;
  /* Firefox에서 화살표 제거 */
  appearance: textfield;
  /* 최신 브라우저에서 화살표 제거 */
}

.insRtTtl {
  color: var(--fonC_16C9B5);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  word-break: break-all;
  /* 116.667% */
}

.insRtSubTtl {
  color: var(--fonC_778CB1);
  margin-top: 20px;
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-21, 21px);
  word-break: break-all;
  /* 150% */
}

.insRtBodyTxtMin {
  background-color: var(--bg_001A2F);
  color: var(--fonC_778CB1);
  padding: 10px;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 130px;
  margin-top: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  /* 131.25% */
  /* 공백은 보통 처리(줄바꿈 허용) */
  white-space: normal;
  /* 긴 단어가 컨테이너를 넘치면 단어 단위로 줄바꿈 */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* 구 브라우저 호환용 */
  /* 단어 중간에서도 임의로 줄바꿈 */
  word-break: break-all;
  /* (선택) 영어 단어에 하이픈도 허용 */
  hyphens: auto;
  /* 150% */
}

.insRtBodyTxt {
  color: var(--fonC_FFFFFF);
  margin-top: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  word-break: break-all;
  /* 131.25% */
}

.tokenOptionTtl {
  color: var(--fonC_FFFFFF);
  margin-top: 20px;
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-21, 21px);
  /* 150% */
}

.tokenOptionLt {
  float: left;
}

.tokenOptionRt {
  float: right;
}

.tokenOptionBox {
  margin-top: 20px;
}

.tokenOptionLtTtl {
  float: left;
  color: var(--fonC_FFFFFF);
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  /* 150% */
}

.tokenOptionLtAlert {
  float: left;
  margin-left: 5px;
  margin-top: 2px;
}

.tokenOptionLtNotiImg {
  cursor: pointer;
  float: left;
  margin-left: 5px;
  margin-top: 2px;
}

.tokenOptionLtBtmTxt {
  color: var(--fonC_F8FAFF);
  margin-top: 2px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  /* 175% */
}

.tokenOptionBtnBox {
  cursor: pointer;
  margin-top: 17px;
}

.tokenOptionBtn {
  float: left;
}

.tokenOptionTxt {
  color: var(--fonC_F8FAFF);
  float: left;
  margin-left: 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  margin-top: 5px;
  /* 175% */
}

.btmFeeBox {
  margin-top: 20px;
}

.btmFeeImg {
  float: left;
}

.btmFeeTxt {
  color: var(--fonC_F8FAFF);
  float: left;
  margin-left: 5px;
  margin-top: -2px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  /* 175% */
}

.btmFeeTxtTwo {
  float: left;
  margin-left: 5px;
  margin-top: -2px;
  color: var(--fonC_16C9B5);
  font-family: "Space Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-21, 21px);
  /* 175% */
}

.btmBtnBox {
  cursor: pointer;
  background-color: var(--bg_16C9B5);
  margin-top: 20px;
  width: 100%;
  padding: 10px;
  text-align: center;
  text-align: center;
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-20, 20px);
  border-radius: 10px;
  /* 125% */
}

.alertViewDiv {
  float: left;
  position: relative;
}

.tooltip-text {
  position: absolute;
  left: 20px;
  top: 10px;
  background-color: var(--bg_000000);
  color: var(--fonC_FFFFFF);
  z-index: 99;
  font-size: 12px;
  padding: 20px;
  border-radius: 5px;
  white-space: pre-line;
  line-height: 10px;
  /* 긴 단어가 넘어가지 않도록 자동 줄바꿈 */
  min-width: 390px;
  /* width를 auto로 설정하여 텍스트 길이에 맞게 늘어남 */
}

.tokenOptionFinal {
  margin-top: 20px;
}

.tokenOptionCehckImg {
  margin-top: 20px;
}

.mobileMintBtn {
  display: none;
}

@media (max-width: 1280px) {
  .pcMintBtn {
    display: none;
  }
  .mobileMintBtn {
    display: block;
  }
  .tokenBodyBox {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .netWorkBox {
    padding: 15px;
    border-radius: 10px;
  }
  .tokenInsTtl {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .insLtBox {
    float: none;
    width: 100%;
  }
  .insRtBox {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }
  .insRt--bg {
    margin-left: 0px;
  }
  .pick {
    margin-left: 0px;
    width: 100%;
    padding: 0px;
    margin-top: 20px;
  }
  .tokenOptionLt {
    float: none;
    position: relative;
  }
  .tokenOptionRt {
    float: none;
  }
  .tooltip-text {
    left: 0px;
    width: 100%;
    top: 20px;
  }
  .alertViewDiv {
    display: none;
  }
  .mobileOptionCheck {
    display: none;
  }
}
@media (max-width: 500px) {
  .netTypeTxt--box {
    float: none;
    width: 100%;
  }
  .netTypeExchange--box {
    float: none;
    margin-top: 20px;
  }
}/*
    CSS Framework : scss
*/
/* AlertNotiPopOneType.css */
.alertLoding__box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}

.alertLoding__box--center {
  background-color: var(--bg_242B3C);
  padding: 40px;
  border-radius: 8px;
  width: 500px;
  box-sizing: border-box;
}

.alertLoding__box--loding {
  margin: 0 auto;
}

.alertLoding__box--loding > img {
  border-radius: 10px;
  width: 60px;
  margin: 0 auto;
}

.alertLoding__box--txt {
  text-align: center;
  color: var(--fonC_FFFFFF);
  margin-top: 2.5px;
}/*
    CSS Framework : scss
*/
/* AlertNotiPopOneType.css */
.alertNotiPop__box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}

.alertNotiPop__box--center {
  background-color: var(--bg_242B3C);
  padding: 40px;
  border-radius: 8px;
  width: 500px;
  box-sizing: border-box;
}

.alertNotiPopConfigType__content {
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
}

.swichWallet--txt {
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
  margin-top: 10px;
  margin-bottom: 20px;
  /* 76.667% */
}

.alertNotiPopConfigType__box--center {
  background-color: var(--bg_242B3C);
  padding: 40px;
  border-radius: 8px;
  width: 100%;
  max-width: 680px;
  box-sizing: border-box;
}

.alertNotiPop__title {
  margin: 0;
  font-size: 18px;
}

.alertNotiPop--img {
  width: 100%;
  text-align: center;
}

.alertNotiPop--img > img {
  margin: 0 auto;
}

.alertNotiPop__tpMar {
  margin-top: 30px;
}

.alertCenterTp__center--Img {
  float: left;
}

.alertCenterTp__lt--Img {
  float: left;
}

.alertCenterTp__rt--Img {
  float: left;
}

.alertNotiPop__config-btn {
  float: left;
  border: 1px solid var(--bd_D9D9D9);
  width: calc(50% - 10px);
  padding: 15px;
  text-align: center;
  color: var(--bd_D9D9D9);
  font-size: 16px;
  background-color: var(--bg_242B3C);
  border-radius: 10px;
  cursor: pointer;
}
.alertNotiPop__config-btn:hover {
  background-color: var(--bg_16C9B5);
  color: var(--fonC_001A2F);
  border: 1px solid var(--bd_16c9b5);
}

.alertNotiPop__content {
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  margin-top: 2px;
  /* 95.833% */
}

.alertNotiImg--box {
  width: 100%;
  text-align: center;
}

.alertNotiImg--subBox {
  display: inline-block;
}

@media (max-width: 1280px) {
  .alertNotiPop__box {
    padding: 20px;
  }
  .alertNotiPop__box--center {
    width: 100%;
    max-width: 500px;
    padding: 20px;
  }
  .alertNotiPop__content {
    font-size: 18px;
  }
}/*
    CSS Framework : scss
*/
/* AlertNotiPopOneType.css */
.alertTokenMinPop__box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000000000000000000000000;
}

.alertTokenMinPop__title {
  margin: 0;
  font-size: 18px;
}

.alertTokenMinPop--img {
  width: 100%;
  text-align: center;
}

.alertTokenMinPop--img > img {
  margin: 0 auto;
}

.alertTokenMinPop__close-btn {
  border: 1px solid var(--bd_D9D9D9);
  width: 100%;
  padding: 15px;
  text-align: center;
  color: var(--bd_D9D9D9);
  margin-top: 55px;
  font-size: 16px;
  background-color: var(--bg_242B3C);
  border-radius: 10px;
  cursor: pointer;
}

.alertTokenMinPop__content {
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  margin-top: 2px;
  /* 95.833% */
}

.alertTokenMintPop__closeBtn {
  float: right;
  width: 24px;
}

.alertTokenMintPop__closeBtn > img {
  width: 100%;
  cursor: pointer;
}

.alertTokenMintPop__center {
  width: 100%;
  margin-top: 20px;
}

.alertTokenMintPop__Ttl {
  width: 100%;
  margin-top: 20px;
  text-align: left;
  font-size: 15px;
  color: var(--fonC_778CB1);
}

.alertTokenMintPop__TtlSub {
  text-align: left;
  width: 100%;
  margin-top: 10px;
  color: var(--fonC_FFFFFF);
  font-size: 18px;
}

.alertTokenMintPop__liBox {
  width: 100%;
  margin-top: 10px;
}

.alertTokenMintPop__alert {
  margin-top: 20px;
  padding: 15px;
  width: 100%;
  background-color: var(--bg_293144);
  border-radius: 10px;
  text-align: center;
}

.alertTokenMintPop__txtBox {
  display: inline-block;
}

.alertTokenMintPop__BtImg {
  float: left;
}

.alertTokenMintPop__BtTxt {
  float: left;
  color: var(--fonC_FFC0C0);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: var(--font-size-16, 14.5px);
  font-style: normal;
  font-weight: 500;
  margin-top: 4.5px;
  margin-left: 5px;
}

.alertTokenMintPop__btnBox {
  width: 100%;
  margin-top: 20px;
}

.alertTokenMintPop__btnBox--lt {
  width: calc(50% - 10px);
  float: left;
  padding: 15px;
  text-align: center;
  color: var(--fonC_D9D9D9);
  font-size: var(--font-size-16, 16px);
  border: 1px solid var(--bd_D9D9D9);
  border-radius: 10px;
  cursor: pointer;
}

.alertTokenMintPop__btnBox--rt {
  width: calc(50% - 10px);
  float: left;
  padding: 10.5px;
  text-align: center;
  color: var(--fonC_16C9B5);
  font-size: var(--font-size-16, 16px);
  border: 1px solid var(--bd_16c9b5);
  border-radius: 10px;
  cursor: pointer;
  margin-left: 20px;
}

.lt--menu--1:hover {
  background-color: var(--bg_16C9B5);
  color: var(--fonC_001A2F);
}
.lt--menu--1:hover .lt--menu__img--1 img {
  content: url("/asset/icon/alertPop/alert--copy--black.png");
}

.lt--menu--2:hover {
  background-color: var(--bg_16C9B5);
  color: var(--fonC_001A2F);
}
.lt--menu--2:hover .lt--menu__img--2 img {
  content: url("/asset/icon/alertPop/alert--disConnect--black.png");
}

.alert__icQeu {
  position: relative;
  float: right;
  cursor: pointer;
}

.alert__box--center {
  margin-top: 15px;
  text-align: center;
}

.alert__box--center > img {
  margin: 0 auto;
}

.alert__box--centerTxt {
  margin-top: 10px;
  color: var(--fonC_16C9B5);
  text-align: center;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-20, 20px);
  /* 125% */
  margin-bottom: 20px;
}
/*
    CSS Framework : scss
*/
.myPageLst {
  width: 100%;
  height: 100%;
  background-image: url("/asset/images/main__background.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.myPageLst__bodyBox {
  width: 1520px;
  margin: 0 auto;
  margin-top: 100px;
}

.myPageLst__subText {
  color: var(--fonC_FFFFFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.myPageLst__title {
  color: var(--fonC_16C9B5);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 20px;
}

.myPageLst__box {
  margin-top: 25px;
  width: 100%;
}

.myPageLst__list--ttl {
  margin-top: 70px;
  color: var(--fonC_FFFFFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  /* 80% */
}

.myPageLst__list--box {
  margin-top: 30px;
  width: 100%;
}

.grid {
  display: flex;
  flex-wrap: wrap;
}

/* 기본 margin-left 설정 */
.grid__item {
  /* 한 줄에 3개를 넣으려면 width를 33.33% 정도로 조정하세요 */
  position: relative;
  z-index: 1;
  width: calc((100% - 120px) / 3);
  margin-left: 60px;
  box-sizing: border-box;
  margin-bottom: 60px;
  background-color: var(--bg_242B3C);
  padding: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 16px;
}

.grid__item_contMeta {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  background-color: rgba(var(--bg_rgb_000000), 0.45);
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

.onMetaBaseCall--btn {
  position: absolute; /* 부모가 relative여야 함 */
  top: 50%;
  left: 50%;
  width: 200px;
  height: 50px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  background-color: var(--bg_16C9B5);
  text-align: center;
  line-height: 50px;
  z-index: 2;
}

.none__alert--btn {
  width: 100%;
  margin-top: 100px;
  text-align: center;
}

.none__alert--center {
  display: inline-block;
}

.none__alert--txt {
  color: var(--fonC_B0B0B0);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  /* 166.667% */
}

/* 각 줄의 첫 번째 아이템에만 margin-left:0 */
.grid__item:nth-child(3n+1) {
  margin-left: 0;
}

.grid_item--tokenNme {
  width: 100%;
  text-align: center;
}

.grid_item--tokenNme--center {
  display: inline-block;
}

.grid_item--tokenNme--center--img {
  float: left;
  width: 24px;
}

.grid_item--tokenNme--center--img > img {
  width: 100%;
  border-radius: 1000000000px;
}

.grid_item--tokenNme--center--tokenName {
  margin-top: -1px;
  float: left;
  color: var(--fonC_FFFFFF);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin-left: 5px;
  /* 88.889% */
}

.grid_item__li--ttl {
  color: var(--fonC_16C9B5);
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  margin-top: 40px;
  /* 80% */
}

.grid_item__li--subTtl {
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin-top: 10px;
  /* 88.889% */
}

.grid_item__li--subTtl--ctAddress {
  cursor: pointer;
  color: var(--fonC_0066CC);
  float: left;
}

.grid_item__li--subTtl--img {
  float: left;
  cursor: pointer;
}

.tokenOption__btnBox {
  width: 100%;
  margin-top: 35px;
  padding: 20px;
  color: var(--fonC_16C9B5);
  text-align: center;
  background-color: var(--bg_1E2434);
  border-radius: 15px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  /* 80% */
}

.tokenOption__viewCenter {
  display: inline-block;
  margin-top: 10px;
}

.tokenOption__ltTxt {
  float: left;
}

.tokenOption__rtImg {
  float: left;
  margin-left: 20px;
  margin-top: -5px;
}

.myPageButtonZip--box {
  width: 100%;
  margin-top: 20px;
}

.myPageButtonZip--btn {
  padding: 10px;
  padding-bottom: 8px;
  padding-left: 32px;
  padding-right: 32px;
  float: left;
  border-radius: 10px;
  border: 1px solid var(--bd_16c9b5);
  text-align: center;
  color: var(--fonC_16C9B5);
  width: calc(20% - 10px - 20px);
  min-height: 60px;
  cursor: pointer;
  text-align: center;
  font-family: "Space Grotesk";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
}

.mypageBtn-all--widthReset {
  width: 100px !important;
}

.myPageBtn--all {
  line-height: 35px;
}

.myPageTxtCenter {
  display: inline-block;
  margin-top: 0px;
}

.myPageBtn--ltMar {
  margin-left: 10px;
}

.myPageLtImg {
  float: left;
  margin-top: 2px;
}

.myPageTxt {
  float: left;
  margin-left: 7.5px;
}

.acctiveMyPageBg {
  background-color: var(--bg_16C9B5);
  color: var(--fonC_001A2F);
}

@media (max-width: 1280px) {
  .myPageTxt {
    display: none;
  }
  .mypageBtn-all--widthReset {
    width: 40px !important;
  }
  .myPageLtImg > img {
    width: 20px;
  }
  .myPageButtonZip--btn {
    font-size: 13px;
    width: calc(20% - 10px - 8px);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 50px;
    height: 50px;
    line-height: 25px;
  }
  .myPageButtonZip--box {
    margin-top: 20px;
  }
  .myPageLst__bodyBox {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .myPageLst__title {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .myPageLst__subText {
    font-size: 14px;
  }
  .grid__item {
    width: 100%;
    padding: 20px;
    margin-left: 0 !important;
    margin-bottom: 20px;
    border-radius: 10px;
  }
  .myPageLst__list--ttl {
    margin-top: 40px;
  }
  .myPageLst__list--box {
    margin-top: 10px;
  }
  .grid_item__li--ttl {
    margin-top: 20px;
    font-size: 16px;
  }
  .grid_item__li--subTtl {
    font-size: 14px;
  }
  .grid_item__li--subTtl--img > img {
    width: 20px;
    margin-left: 2.5px;
    margin-top: -2px;
  }
  .tokenOption__btnBox {
    padding: 15px;
    font-size: 18px;
    border-radius: 10px;
  }
  .tokenOption__rtImg > img {
    width: 26px;
    margin-top: 2.5px;
    margin-left: 0px;
  }
  .tokenOption__viewCenter {
    margin-top: 5px;
  }
}/*
    CSS Framework : scss
*/
.tokenOptionLst {
  width: 100%;
  height: 100%;
  background-image: url("/asset/images/main__background.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.tokenOptionLst__bodyBox {
  width: 1520px;
  margin: 0 auto;
  margin-top: 100px;
  padding-bottom: 100px;
}

.tokenOptionLst__pre {
  cursor: pointer;
}

.tokenOptionLst__pre--lt {
  float: left;
}

.tokenOptionLst__pre--rt {
  float: left;
  color: var(--fonC_FDFEFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.1px;
  margin-top: 3.5px;
}

.tokenOptionLst--ttl {
  margin-top: 40px;
  color: var(--fonC_16C9B5);
  font-family: "Space Grotesk";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  /* 200% */
}

.tokenOptionLst--center {
  margin-top: 40px;
  width: 100%;
}

.tokenOptionLst--center__lt {
  float: left;
  width: 480px;
  background-color: var(--bg_242B3C);
  padding: 20px;
  border-radius: 15px;
}

.tokenOptionLst--center__rt {
  float: left;
  margin-left: 30px;
  background-color: var(--bg_242B3C);
  width: calc(100% - 480px - 30px);
  padding: 20px;
  border-radius: 15px;
}

.tokenOptionLst--center__ttl {
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.tokenOptionLst--center__tpTtl {
  color: var(--fonC_778CB1);
  font-family: "Space Grotesk";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 400;
  margin-top: 20px;
  /* 150% */
}

.tokenOptionLst--center__tpTtlSub {
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  /* 131.25% */
  margin-top: 10px;
  word-break: break-all;
}

.tokenOptionLst--center__tpTtlSub > img {
  border-radius: 100%;
  max-width: 100px;
}

.tokenOptionLst--center__tpTtlSubTwo {
  margin-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
  color: var(--fonC_727c85);
  font-family: "Space Grotesk";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 20px;
}

.tokenOptionLst--center__rt--ttl {
  width: 100%;
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  /* 116.667% */
}

.tokenOptionBody {
  margin-top: 30px;
  border-bottom: 1px solid var(--bd_424F6D);
  padding-bottom: 20px;
}

.tokenOptionBody__ttlBox {
  width: 100%;
}

.tokenOptionBody__ttl {
  float: left;
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.tokenOptionBody__wite {
  float: left;
  width: 50px;
  padding: 2px 10px;
  border-radius: 8px;
  border: 1px solid var(--bd_16c9b5);
  color: var(--fonC_16C9B5);
  font-family: "Space Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  /* 175% */
  margin-left: 10px;
}

.tokenOptionBody__addressCopy {
  float: left;
  padding: 2px 10px;
  border-radius: 8px;
  border: 1px solid var(--bd_51689F);
  color: var(--fonC_51689F);
  font-family: "Space Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  /* 175% */
  margin-left: 10px;
}

.tokenOptionBody__addressCopy--txt {
  float: left;
}

.tokenOptionBody__addressCopy--copy {
  float: left;
  margin-top: -2px;
  margin-left: 5px;
}

.tokenOptionBody__OptionUpdateBox {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 10px;
}

.tokenOptionBody__option--lt {
  float: left;
  width: 160px;
  text-align: left;
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  margin-top: 20px;
  /* 150% */
}

.tokenOptionBody__option--rt {
  float: left;
  width: calc(100% - 160px - 10px);
  text-align: left;
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  margin-left: 10px;
  /* 150% */
}

.noneFildTxt {
  margin-top: 10px;
  font-family: "Space Grotesk";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 500;
  /* 150% */
}

.noneFildNone {
  color: var(--fonC_FF0000);
}

.noneFildCall {
  color: var(--fonC_D9D9D9);
}

.noneFildOkay {
  color: var(--fonC_16C9B5);
}

.sucBtn {
  float: right;
  margin-top: 10px;
  width: 130px;
  padding: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid var(--bd_16c9b5);
  color: var(--fonC_16C9B5);
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
}

.noneFildOkay--hash {
  color: var(--fonC_2B6CB0);
  text-decoration: underline;
  cursor: pointer;
}

.arrowDiv {
  cursor: pointer;
  margin-left: 10px;
  float: left;
}

.none__alert--cont {
  margin-top: 80px;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 80px;
  color: var(--fonC_16C9B5);
}

.header__verified--box {
  width: 100%;
}

.header__verified--lt {
  width: calc(50% - 7.5px);
  float: left;
  border: 1px solid var(--bd_16c9b5);
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  color: var(--fonC_16C9B5);
  font-family: "Space Grotesk";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
}

.hvl--ltMar {
  margin-left: 15px;
}

.header__verified--center {
  margin-top: 15px;
  width: 100%;
  float: left;
  border: 1px solid var(--bd_16c9b5);
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  color: var(--fonC_16C9B5);
  font-family: "Space Grotesk";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
}

.verified--goude--bottom {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-20, 20px);
  /* 166.667% */
}

.bottom--option--notice {
  color: var(--fonC_FFFFFF);
  width: 100%;
  margin-top: 60px;
}

.bottom--option--notice--title {
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  /* 208.333% */
}

.bottom--option--notice--sub {
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 200% */
}

.notice--title--resetColor {
  color: var(--fonC_0066CC);
}

.tokenOptionLst--center__sub {
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 214.286% */
}

@media (max-width: 1280px) {
  .tokenOptionLst__bodyBox {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .tokenOptionLst--ttl {
    font-size: 26px;
    margin-top: 20px;
  }
  .tokenOptionLst__bodyBox {
    margin-top: 80px;
  }
  .tokenOptionLst--center {
    margin-top: 20px;
  }
  .tokenOptionLst--center__sub {
    margin-top: 10px;
  }
  .tokenOptionLst--center__ttl {
    font-size: 16px;
  }
  .tokenOptionLst--center__sub {
    font-size: 14px;
  }
  .tokenOptionLst__pre--lt > img {
    width: 24px;
    margin-left: -10px;
    margin-top: 5.5px;
  }
  .tokenOptionLst--center__lt {
    float: none;
    width: 100%;
  }
  .tokenOptionLst--center__rt {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }
  .tokenOptionBody__addressCopy {
    display: none;
  }
  .arrowDiv {
    float: right;
  }
  .header__verified--lt {
    padding: 10px;
    font-size: 14px;
  }
  .header__verified--center {
    padding: 10px;
    font-size: 14px;
  }
  .tokenOptionLst--center__rt--ttl {
    font-size: 16px;
  }
  .tokenOptionBody__OptionUpdateBox {
    padding: 0px;
  }
  .tokenOptionBody__option--lt {
    width: 100px;
  }
  .tokenOptionBody__option--rt {
    width: calc(100% - 100px - 10px);
  }
  .sucBtn {
    padding: 10px;
    font-size: 14px;
  }
  .tokenOptionBody {
    padding-bottom: 10px;
    margin-top: 10px;
  }
  .arrowDiv > img {
    width: 20px;
  }
  .noneFildTxt {
    font-size: 13px !important;
    text-align: right;
  }
  .bottom--option--notice--title {
    font-size: 18px;
  }
  .bottom--option--notice--sub {
    font-size: 14px;
    line-height: 25px;
  }
  .bottom--option--notice {
    margin-top: 20px;
  }
}/*
    CSS Framework : scss
*/
.tokenOptionLst--Box {
  width: 850px;
  padding: 20px;
  margin-top: 20px;
  background-color: var(--bg_242B3C);
  border-radius: 15px;
}

.tokenOptionLst--step {
  width: 150px;
  background-color: var(--bg_001A2F);
  height: 50px;
  border-radius: 5px;
  color: var(--fonC_FFFFFF);
  font-family: "Space Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  /* 116.667% */
}

.verifyGuide--ttl {
  color: var(---White, var(--color-white-solid, #FFF));
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-top: 20px;
  line-height: 25px;
}

.fonReset--ttl {
  color: var(--fonC_16C9B5);
}

.verifyGuide--img {
  margin-top: 20px;
}

.verifyGuide--img > img {
  width: 100%;
  max-width: 400px;
}

@media (max-width: 1280px) {
  .tokenOptionLst--Box {
    width: 100%;
  }
}/*
    CSS Framework : scss
*/
.footerLst {
  width: 100%;
  border-top: 1px solid var(--bd_293144);
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer__contentBox {
  width: 1520px;
  padding: 30px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.footer__box--lt {
  float: left;
}

.footer__box--rt {
  margin-top: 20px;
  float: right;
}

.footer__box--rt--box {
  height: 25px;
  color: var(--fonC_D9D9D9);
  font-size: var(--H7-Size, 16px);
  font-style: normal;
  font-weight: var(--H7-Weight-Medium, 500);
  letter-spacing: -0.32px;
}

.footer__box--pp {
  float: left;
  cursor: pointer;
}

.footer__box--mar {
  float: left;
  width: 1px;
  background-color: var(--bg_D9D9D9);
  height: 100%;
  margin-left: 20px;
  margin-right: 20px;
}

.footer__box--txt {
  padding-top: 20px;
  color: var(--fonC_59595A);
  font-family: "Space Grotesk";
  font-size: var(--Detail-Size, 14px);
  font-style: normal;
  font-weight: 500;
  /* 157.143% */
  letter-spacing: -0.28px;
}

@media (max-width: 1280px) {
  .footer__contentBox {
    padding-top: 10px;
    padding-bottom: 40px;
    width: 100%;
  }
  .footer__box--logo > img {
    width: 100px;
    margin: 0 auto;
  }
  .footer__box--txt {
    text-align: center;
  }
  .footer__box--lt {
    float: none;
  }
  .footer__box--rt {
    float: none;
    text-align: center;
  }
  .footer__box--pp {
    margin-top: 0px;
    font-size: 14px;
  }
  .footer__box--rt--box {
    display: inline-block;
    height: 20px;
  }
}