@charset "utf-8";
body {
  font-size: 14px;
  line-height: 1.5;
  font-family: "Noto Sans", "Open Sans", "Noto Sans KR", sans-serif;
  font-weight: 400;
  padding-top: 80px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@신상@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

body {
  font-size: 13px;
  line-height: 1.5;
  font-family: "Open Sans", "Noto Sans", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 400;
  padding-top: 50px;
}

/* 콘텐츠 기본 영역 */
.thbit-wrapper {
  position: relative;
  z-index: 2;
  min-width: 290px;
  max-width: 1390px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.thbit-wrapper:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

.thbit-inner {
  position: relative;
}
.thbit-inner:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
/* 콘텐츠 기본 영역 */

/* 헤더 */
.thbit-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999999999999;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -ms-user-select: none;
}
.thbit-header:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-bottom: 1px solid transparent;
  background-color: transparent;
  webkit-transition: 0.1s;
  transition: 0.1s;
}

.thbit-header .thbit-wrapper {
  max-width: 3840px;
}
.thbit-header .thbit-inner {
  height: 50px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.thbit-header .header-logo {
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-header .header-logo > a {
  position: relative;
  display: block;
  padding: 15px 10px 15px 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.thbit-header .header-logo .logo {
  position: relative;
  display: block;
}
.thbit-header .header-logo .logo > img {
  position: relative;
  z-index: 9;
  display: block;
  height: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  -moz-opacity: 0;
}

.thbit-header .header-logo .logo:before {
  position: absolute;
  z-index: 2;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center center;
  background-size: auto 100%;
  background-image: url(../images/common/logo.png);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.thbit-header .header-logo .logo-type {
  position: absolute;
  left: 5px;
  right: 0;
  top: -3px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}

.thbit-header .title {
  position: absolute;
  left: 5px;
  right: 0;
  top: 10px;
  align-items: center;
  display: block;
  height: 100%;
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
}

.thbit-menu {
  position: absolute;
  left: 129px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}

.thbit-menu > nav {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-menu nav.gnb {
  flex-grow: 1;
}
.thbit-menu nav.snb {
}

.thbit-menu > nav > ul {
  display: flex;
  align-items: center;
}
.thbit-menu nav.gnb > ul {
  gap: 15px;
}
.thbit-menu nav.snb > ul {
  gap: 15px;
}
.thbit-menu > nav > ul > li {
  position: relative;
  flex-shrink: 0;
}
.thbit-menu > nav > ul > li > a {
  position: relative;
  display: block;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: -0.02em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-menu > nav > ul > li > a > i {
  font-size: 0.8em;
  margin-left: 2px;
}
.thbit-menu > nav > ul > li > a:hover {
  color: #6b5dd3;
}
.thbit-menu > nav > ul > li.box > a {
  color: #fff;
  height: 26px;
  line-height: 26px;
  font-size: 1em;
  font-weight: 400;
}
.thbit-menu > nav > ul > li.box > a:after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #6b5dd3;
  border-radius: 39px;
}

.thbit-menu > nav > ul > li.line > a {
  color: #6b5dd3;
  height: 26px;
  line-height: 26px;
  font-size: 1em;
  font-weight: 400;
}
.thbit-menu > nav > ul > li.line > a:after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #6b5dd3;
  border-radius: 39px;
}

.thbit-menu > nav.snb > ul > li.add {
  padding-left: 11px;
}
.thbit-menu > nav.snb > ul > li.add:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 16px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #999;
}
.thbit-menu > nav.snb > ul > li.add i {
  color: #6b5dd3;
}

.thbit-menu > nav > ul > li.ico > a {
  padding: 0;
}
.thbit-menu > nav > ul > li.ico > a > i {
  vertical-align: middle;
  font-size: 1.6em;
}

.thbit-menu > nav > ul > li > ul {
  display: none;
  position: absolute;
  z-index: 9;
  left: -10px;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #6b5dd3;
}
.thbit-menu > nav > ul > li:hover > ul {
  display: block;
}

.thbit-menu > nav.snb > ul > li.ico > ul {
  left: auto;
  right: -20px;
}

.thbit-menu > nav > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 10px;
}
.thbit-menu > nav > ul > li > ul > li > a > i {
  color: #6b5dd3;
  width: 22px;
}
.thbit-menu > nav > ul > li > ul > li > a:hover {
  background-color: #cedffa;
  color: #1b5658;
}
.thbit-menu > nav > ul > li > ul > li.on > a {
  color: #6b5dd3;
}

.thbit-header.header-fixed:after {
  background-color: #fff;
  border-color: transparent;
  box-shadow: 0 0 9px rgb(63, 119, 205, 0.2);
}

/* 모바일전용 설정 */
.thbit-mobile-menu {
  display: none;
}
.thbit-menu-mobile {
  display: none;
}
/* 모바일전용 설정 */

/* 헤더 */

/* 푸터 */
.thbit-footer {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #dee8f1;
  padding: 39px 0;
}

.thbit-footer .footer-main {
  position: relative;
  display: flex;
}

.thbit-footer .logos {
  order: 1;
  width: 390px;
}

.thbit-footer .footer-logo {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  padding: 10px;
  margin-left: -10px;
}
.thbit-footer .footer-logo .thbit-img > img {
  width: 120px;
  opacity: 0;
  -moz-opacity: 0;
}
.thbit-footer .footer-logo .thbit-img:before {
  position: absolute;
  z-index: 2;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center center;
  background-size: auto 100%;
  background-image: url(../images/common/logo.png);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.thbit-footer .footer-copy {
  display: block;
  font-size: 1.15em;
  margin-bottom: 15px;
  font-weight: 500;
}

.thbit-footer .fnb {
  order: 2;
  flex-grow: 1;
}
.thbit-footer .fnb > ul {
  display: flex;
  gap: 12%;
  justify-content: flex-end;
}
.thbit-footer .fnb > ul > li {
  position: relative;
}
.thbit-footer .fnb > ul > li > a {
  display: block;
  padding: 3px 0;
  font-size: 1.7em;
  font-weight: 800;
  letter-spacing: -0.05em;
}
.thbit-footer .fnb > ul > li > ul > li > a {
  display: block;
  padding: 3px 0;
  font-size: 1em;
}
.thbit-footer .fnb > ul > li > ul > li > a > i {
  display: none;
}

.thbit-sns-ico {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -ms-user-select: none;
}
.thbit-sns-ico > ul {
  margin: 0 -8px;
}
.thbit-sns-ico > ul > li {
  display: inline-block;
  padding: 8px;
}

.thbit-sns-ico > ul > li > a {
  position: relative;
  display: block;
  float: left;
  color: #667c99;
  width: 32px;
  height: 32px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-sns-ico > ul > li > a:after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: inherit;
  border: 1px solid #dee8f1;
  background-color: #fff;
  border-radius: 9px;
  transform: rotate(-315deg);
}
.thbit-sns-ico > ul > li > a > i {
  position: absolute;
  font-size: 1.1em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.thbit-sns-ico > ul > li > a:hover {
  color: #fff;
}
.thbit-sns-ico > ul > li > a:hover:after {
  transform: rotate(0deg);
  border-radius: 19px;
  border-color: #6b5dd3;
  background-color: #6b5dd3;
}
.thbit-sns-ico > ul > li > a:hover > i {
  color: #fff;
}

.thbit-footer .info {
  margin-top: 29px;
  display: flex;
  align-items: center;
  gap: 8%;
  border-top: 1px solid #dee8f1;
  padding-top: 39px;
}
.thbit-footer .info .dic {
  flex-grow: 1;
}
.thbit-footer .info .dic > p {
  padding-top: 5px;
}
.thbit-footer .info .dic > p:last-child {
  font-size: 0.9em;
}

.thbit-footer .company-info {
  margin: 0 -9px;
  color: #555;
  overflow: hidden;
}
.thbit-footer .company-info .inb {
  position: relative;
  padding: 2px 9px;
}
.thbit-footer .company-info .inb > strong {
  font-weight: 500;
}
.thbit-footer .company-info .inb > i {
  margin-right: 5px;
}
.thbit-footer .company-info .inb:before {
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1px;
  width: 1px;
  height: 8px;
  background-color: #999;
  content: "";
}

.thbit-dropdown {
  margin: 0;
  margin-top: 19px;
  position: relative;
  padding: 10px 19px;
  border: 1px solid #dee8f1;
  border-radius: 9px;
  max-width: 200px;
}
.thbit-dropdown .trigger {
  cursor: pointer;
  position: relative;
  display: block;
  padding-right: 50px;
}
.thbit-dropdown .trigger:before {
  position: absolute;
  right: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-dropdown .trigger > i {
  margin-right: 5px;
}
.thbit-dropdown:hover {
  border-radius: 0 0 9px 9px;
}
.thbit-dropdown:hover .trigger:before {
  webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.thbit-dropdown .dropdown {
  display: none;
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 100%;
  border: 1px solid #dee8f1;
  border-radius: 9px 9px 0 0;
  background-color: #fff;
}
.thbit-dropdown:hover .dropdown {
  display: block;
}
.thbit-dropdown .dropdown .p {
  display: block;
  padding: 9px 19px;
  border-top: 1px solid #dee8f1;
}
.thbit-dropdown .dropdown .p:hover {
  background-color: #dee8f1;
}
.thbit-dropdown .dropdown .p:first-of-type {
  border-top: 0;
}

/* 푸터 */

/* 콘텐츠 일반 */
.thbit-section {
  position: relative;
  z-index: 9;
  overflow: hidden;
}
.thbit-section.section-visible {
  z-index: 11;
  overflow: visible;
}
.thbit-section.bg2 {
  background-color: #f8f7ff;
}
.thbit-section .thbit-inner {
  padding: 50px 0;
}
.thbit-section.section-main .thbit-inner {
  padding: 80px 0;
}

.thbit-section.notp .thbit-inner {
  padding-top: 0;
}
.thbit-section.nobt .thbit-inner {
  padding-bottom: 0;
}

.thbit-section-title {
  position: relative;
  font-size: 2.6em;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 5px;
}
.thbit-section-title > strong {
  font-weight: 900;
}
.thbit-section-title > i {
  color: #6b5dd3;
  margin-right: 10px;
  font-size: 0.8em;
}

.thbit-section-title.title-bt {
  margin-bottom: 20px;
}
.thbit-section-title.title-tp {
  margin-top: 20px;
}

/* 스크롤효과 필요없을시 제거 
.thbit-section .thbit-section-title {-webkit-transition:0.5s;transition:0.5s;opacity:1;}
.thbit-section .thbit-section-title > strong {-webkit-transition:1.5s;transition:1.5s;margin-left:20px;margin-right:-20px;opacity:1;}
.thbit-section.on .thbit-section-title {opacity:1;}
.thbit-section.on .thbit-section-title > strong {opacity:1;margin-left:0;margin-right:0;}
			스크롤효과 필요없을시 제거 */

.thbit-row-title {
  display: block;
  margin-bottom: 9px;
}
.thbit-row-title > strong {
  font-size: 1.5em;
  margin-right: 10px;
}
.thbit-row-title > i {
  font-size: 1.5em;
  margin-right: 10px;
  color: #667c99;
}

.thbit-row-title.title-bt {
  margin-bottom: 20px;
}
.thbit-row-title.title-tp {
  margin-top: 20px;
}

.thbit-list {
  margin-left: 15px;
}
.thbit-list > li {
  margin-top: 9px;
}
.thbit-list.decimal {
  list-style-type: decimal;
}
.thbit-list.disc {
  list-style-type: disc;
}
.thbit-list > li.none {
  list-style-type: none;
  margin-left: -15px;
}
/* 콘텐츠 일반 */

[data-sparkline] {
  position: relative;
  z-index: 99;
}

/* 메인페이지 */
.thbit-main-slide {
  position: relative;
  z-index: 5;
  margin-top: -54px;
}
.thbit-main-slide:after {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 100%;
  height: 100%;
  background-position: center top;
  background-size: auto 100%;
  background-image: url("../images/main/bg-slide.png");
}

.thbit-main-slide .swiper-slide {
  padding: 150px 0 150px 0;
}

.thbit-main-slide .swiper-pagination {
  bottom: 50px !important;
}
.swiper-pagination {
  padding-bottom: 2px;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8x;
  border-radius: 50%;
  vertical-align: middle;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.swiper-pagination-bullet-active {
  background-color: #6b5dd3;
  width: 12px;
  height: 12px;
}

.thbit-main-slide .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}
.thbit-main-slide .swiper-pagination-bullet-active {
  width: 39px;
  border-radius: 39px;
}

.thbit-main-banner .slide-text {
  margin-right: 50%;
}
.thbit-main-banner .slide-text .text1 {
  margin-bottom: 19px;
  font-size: 3.9em;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.thbit-main-banner .slide-text .text2 {
  margin-bottom: 19px;
  font-size: 2.9em;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.05em;
}
.thbit-main-banner .slide-text .text3 {
  margin-bottom: 19px;
  font-size: 1.3em;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.05em;
}

.thbit-main-banner .slide-text .btn {
  margin-top: 9px;
  margin-right: 19px;
  display: inline-block;
  font-size: 1.5em;
  line-height: 1;
  font-weight: 700;
  border: 1px solid #6b5dd3;
  color: #6b5dd3;
  padding: 15px 30px;
  border-radius: 29px;
}

.thbit-main-slide .thbit-img {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  width: 700px;
}

/* 이미지 효과 제거 */
.thbit-main-slide .thbit-img {
  overflow: visible;
}
.thbit-main-slide .thbit-img > img {
  opacity: 0;
  -moz-opacity: 0;
}
.thbit-main-slide .thbit-img:before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position: center center;
  background-size: 100% auto;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.thbit-main-slide .thbit-img:after {
  position: absolute;
  z-index: 5;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: 100% auto;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  transition-delay: 0.2s;
}

.thbit-main-slide .swiper-slide.s1 .thbit-img:before {
  background-image: url("../images/main/slide01-1.png");
}
.thbit-main-slide .swiper-slide.s1 .thbit-img:after {
  background-image: url("../images/main/slide01-2.png");
}

.thbit-main-slide .swiper-slide.s2 .thbit-img:before {
  background-image: url("../images/main/slide02-1.png");
}
.thbit-main-slide .swiper-slide.s2 .thbit-img:after {
  background-image: url("../images/main/slide02-2.png");
}

.thbit-main-slide .swiper-slide.s1 .thbit-img:before {
  margin-left: -10%;
  margin-top: -10%;
}
.thbit-main-slide .swiper-slide.s1 .thbit-img:after {
  margin-left: 10%;
  margin-top: -10%;
}
.thbit-main-slide.on .swiper-slide.s1 .thbit-img:before {
  margin-left: 0;
  margin-top: 0;
}
.thbit-main-slide.on .swiper-slide.s1 .thbit-img:after {
  margin-left: 0;
  margin-top: 0;
}

.thbit-main-slide .swiper-slide.s2 .thbit-img:before {
  margin-left: -10%;
  margin-top: -10%;
  width: 120%;
  height: 120%;
}
.thbit-main-slide .swiper-slide.s2 .thbit-img:after {
  margin-left: 0;
  margin-top: 0;
  width: 130%;
  height: 130%;
}
.thbit-main-slide.on .swiper-slide.s2 .thbit-img:before {
  margin-left: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
}
.thbit-main-slide.on .swiper-slide.s2 .thbit-img:after {
  margin-left: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
}
/* 이미지 효과 제거 */

/* market trends */

.thbit-market-slide {
  position: relative;
  z-index: 99;
  background-color: #fff;
  border: 1px solid #6b5dd3;
  border-radius: 20px;
  overflow: hidden;
}
.thbit-market-slide .swiper-pagination {
  bottom: 15px !important;
}
.thbit-market-slide .market-slide {
}

.thbit-market-slide .swiper-container {
  padding: 39px 29px;
}
.thbit-market-slide .padding-container {
  padding: 39px 29px;
}
.thbit-market-slide .item {
  padding: 0 3%;
  overflow: hidden;
}
.thbit-market-slide .swiper-slide {
  height: auto;
}

.thbit-market-slide .coin-title {
  display: flex;
  align-items: center;
}
.thbit-market-slide .coin-title .coin-ico {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 100%;
}
.thbit-market-slide .coin-title .title {
  flex-grow: 1;
  font-size: 1.2em;
}
.thbit-market-slide .coin-title .label {
  padding: 2px 10px;
  border-radius: 10px;
}
.thbit-market-slide .coin-title .cate {
  font-size: 1.2em;
}

.thbit-market-slide .coin-val {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.thbit-market-slide .coin-val .price {
  font-size: 1.5em;
  flex-grow: 1;
  white-space: nowrap;
}

.thbit-market-slide .item .more {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0;
}

.thbit-market-slide .coin-exp {
  display: flex;
  align-items: center;
  color: #999;
}

.thbit-section-topic {
  background-color: #f2f1f9;
}
.thbit-section-topic .thbit-market-slide {
  border: 0;
  background-color: transparent;
}
.thbit-section-topic .thbit-market-slide .swiper-container {
  padding: 39px 0;
  margin: 0 -3%;
}

.thbit-market-list {
  position: relative;
}
.thbit-market-list.main-market {
  text-align: center;
}

.thbit-list-tab {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}
.thbit-list-tab .tab {
  position: relative;
  cursor: pointer;
  z-index: 2;
  font-size: 1.3em;
  font-weight: 700;
  padding: 15px 29px;
  text-align: center;
  line-height: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.thbit-list-tab .tab.on {
  color: #fff;
}
.thbit-list-tab .tab:after {
  position: absolute;
  z-index: -1;
  content: "";
  left: 50%;
  right: 50%;
  height: 0;
  border-radius: 29px;
  top: 50%;
  transform: translateY(-50%);
  background: #6b5dd3;
  opacity: 0;
  transition: inherit;
}
.thbit-list-tab .tab.on:after {
  left: 0;
  right: 0;
  height: 40px;
  opacity: 1;
}

.thbit-titlentab {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
  gap: 10px;
}
.thbit-titlentab .thbit-list-tab {
  flex-grow: 1;
  justify-content: flex-end;
}

.thbit-market-list .list-wrap {
  display: none;
  width: 100%;
}
.thbit-market-list .list-wrap.on {
  display: table;
}
.thbit-market-list .list-row {
  display: table-row;
  position: relative;
}
.thbit-market-list.main-market .list-row:nth-child(n + 7) {
  display: none;
}
.thbit-market-list .list-row.row-header {
}
.thbit-market-list .list-col {
  display: table-cell;
  padding: 15px 15px;
  text-align: left;
  line-height: 1.2;
  vertical-align: middle;
  white-space: nowrap;
}
.thbit-market-list strong {
  font-size: 1.2em;
  font-weight: 700;
}
.thbit-market-list .coin-ico {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.thbit-market-list .list-link {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 20px;
  border: 1px solid #6b5dd3;
  opacity: 0;
  -webkit-transition: 0s;
  transition: 0s;
}
.thbit-market-list .list-row:hover .list-link {
  opacity: 1;
}

.thbit-market-list .list-chart {
  margin-left: -40px;
}

.thbit-market-list .more {
  display: inline-block;
  padding: 5px 19px;
  font-size: 1.2em;
  font-weight: 700;
  color: #6b5dd3;
  box-shadow: 0 0 0 rgb(63, 119, 205, 0.2);
  border-radius: 29px;
  margin-top: 19px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-market-list .more > i {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-market-list .more:hover {
  padding: 5px 29px;
  color: #fff;
  background-color: #6b5dd3;
  box-shadow: none;
}
.thbit-market-list .more:hover > i {
  margin-left: 9px;
}

.thbit-list-tab.is-search {
  margin-right: 220px;
  justify-content: flex-start;
}
.thbit-market-list .list-search {
  position: absolute;
  right: 0;
  top: 5px;
  width: 200px;
  height: 39px;
  line-height: 39px;
  border: 1px solid #e0e2e8;
  border-radius: 10px;
}
.thbit-market-list .list-search .inp {
  display: block;
  height: 100%;
  width: 100%;
  border: 0;
  outline: none;
  padding: 0 39px;
  background-color: transparent;
}
.thbit-market-list .list-search .label {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  text-align: center;
  opacity: 0.5;
}
.thbit-market-list .list-search .clr {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  text-align: center;
}
.thbit-market-list .list-search .clr.on {
  opacity: 0.5;
}

/* market trends */

.thbit-main-store {
  position: relative;
}
.thbit-main-store:after {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  border: 1px solid #6b5dd3;
  border-radius: 20px;
  background-position: center center;
  background-size: cover;
  background-image: url("../images/main/store-bg.jpg");
}

.thbit-main-store .store-text {
  position: relative;
  margin-right: 45%;
  padding: 5% 10%;
  color: #fff;
}
.thbit-main-store .thbit-section-title {
  font-size: 3.5em;
  margin-bottom: 5px;
}
.thbit-main-store .store-text .text {
  font-size: 1.5em;
  margin-top: 5px;
}

.thbit-main-store .store-btn {
  margin-top: 60px;
  margin-left: -1.5%;
}
.thbit-main-store .store-btn .thbit-img {
  width: 45%;
  margin: 0 1.5%;
  padding: 10px;
  max-width: 256px;
  background-color: #6b5dd3;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-main-store .store-btn .thbit-img:hover {
  background-color: #999;
}

/*
.thbit-main-store .de {position:absolute;z-index:2;width:35%;right:5%;top:-80px;bottom:1px;}
.thbit-main-store .de:before {position:absolute;z-index:2;content:"";left:0;right:0;top:0;bottom:0;content:"";background-position:center top;background-size:100% auto;background-image:url("../images/main/store.png");}

.thbit-main-store .de .s {position:absolute;z-index:1;left:6.8%;right:6.8%;top:13%;bottom:0%;background:red;}

*/

.thbit-main-store .de {
  position: absolute;
  width: 25%;
  bottom: 0;
}
.thbit-main-store .de:before {
  position: absolute;
  z-index: 2;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background-position: center top;
  background-size: 100% auto;
}

.thbit-main-store .d1:before {
  background-image: url("../images/main/store-device2.png");
}
.thbit-main-store .d2:before {
  background-image: url("../images/main/store-device1.png");
}

.thbit-main-store .d1 {
  top: -80px;
  right: 7%;
  z-index: 2;
}
.thbit-main-store .d2 {
  top: 39px;
  right: 27%;
  z-index: 3;
}

.thbit-main-store .scr {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  left: 6.8%;
  right: 6.8%;
  top: 5%;
  bottom: 0%;
}
.thbit-main-store .d2 .scr {
  background: #fff;
}
.thbit-main-store .d1 .scr {
  background: #1c202b;
}

.thbit-main-store .scr:before {
  position: relative;
  content: "";
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 9%;
}
.thbit-main-store .scr:after {
  position: relative;
  content: "";
  width: 100%;
  height: 200%;
  background-position: center top;
  background-size: 100% auto;
}

.thbit-main-store .d1 .scr:after {
  background-image: url("../images/main/store-scr2.jpg");
}
.thbit-main-store .d2 .scr:after {
  background-image: url("../images/main/store-scr1.jpg");
}

/*
.thbit-main-store:after {left:-50px;right:-50px;top:-50px;bottom:0;}
.thbit-section.on .thbit-main-store:after {left:0;right:0;top:0;bottom:0;-webkit-transition:1s;transition:1s;}
*/

.thbit-main-store .d1 {
  margin-right: -5%;
}
.thbit-main-store .d2 {
  margin-top: 100%;
}
.thbit-section.on .thbit-main-store .de {
  -webkit-transition: 1s;
  transition: 1s;
}
.thbit-section.on .thbit-main-store .d1 {
  margin-right: 0;
  transition-delay: 0.2s;
}
.thbit-section.on .thbit-main-store .d2 {
  margin-top: 0;
}

.thbit-main-store .scr:after {
  margin-top: -180px;
}
.thbit-section.on .thbit-main-store .d1 .scr:after {
  transition-delay: 0.6s;
}
.thbit-section.on .thbit-main-store .d2 .scr:after {
  transition-delay: 0.8s;
}
.thbit-section.on .thbit-main-store .scr:after {
  margin-top: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.thbit-trade-step {
  display: flex;
  gap: 50px;
}
.thbit-trade-step .step {
  width: 100%;
  position: relative;
  display: flex;
  gap: 29px;
  flex-grow: 1;
  padding: 39px;
  background-color: #f2f1f9;
  border-radius: 19px;
}
.thbit-trade-step .step:after {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  background-color: #f2f1f9;
  border-radius: 100%;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f061";
}
.thbit-trade-step .step:last-of-type:after {
  content: none;
}

.thbit-trade-step .step .title {
  display: block;
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 9px;
}

.thbit-trade-step .step .label {
  font-size: 1.2em;
  flex-shrink: 0;
}
.thbit-trade-step .step .exp {
  flex-grow: 1;
}

.thbit-trade-step .step .label .title {
  font-size: 1.2em;
  margin-bottom: 2px;
}
.thbit-trade-step .step .label > strong {
  font-size: 2.9em;
  line-height: 1;
}

.thbit-trade-step .step:after {
  right: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-trade-step .step:nth-of-type(1):after {
  transition-delay: 0.2s;
}
.thbit-trade-step .step:nth-of-type(2):after {
  transition-delay: 0.4s;
}

.thbit-section.on .thbit-trade-step .step:after {
  right: -40px;
  z-index: 2;
  opacity: 1;
}

.thbit-main-biz {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 20px;
}
.thbit-main-biz .item {
  overflow: hidden;
  padding: 30px;
  width: 100%;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.2;
  border: 1px solid #6b5dd3;
  border-radius: 20px;
}

.thbit-main-biz .item .thbit-img {
  width: 60%;
  display: block;
  margin: 0 auto;
}

.thbit-main-biz .item .title {
  font-size: 1.4em;
  line-height: 1;
  margin: 15px 0 10px 0;
}
.thbit-main-biz .item strong {
  font-weight: 800;
}

.thbit-section.on .thbit-main-biz .item:nth-of-type(1) .thbit-img > img {
  transition-delay: 0.1s;
}
.thbit-section.on .thbit-main-biz .item:nth-of-type(2) .thbit-img > img {
  transition-delay: 0.2s;
}
.thbit-section.on .thbit-main-biz .item:nth-of-type(3) .thbit-img > img {
  transition-delay: 0.3s;
}
.thbit-section.on .thbit-main-biz .item:nth-of-type(4) .thbit-img > img {
  transition-delay: 0.4s;
}

.thbit-main-biz .item .thbit-img > img {
  margin-left: -100%;
}
.thbit-section.on .thbit-main-biz .item .thbit-img > img {
  margin-left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.thbit-faq-list {
}
.thbit-faq-list .list-row {
  background-color: #f2f1f9;
  border: 1px solid #f2f1f9;
  border-radius: 20px;
  margin-top: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-faq-list .list-title {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 19px 39px;
  font-size: 1.5em;
  font-weight: 600;
  transition: inherit;
}
.thbit-faq-list .list-title:before {
  position: absolute;
  right: 39px;
  top: 14px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.2em;
  content: "\f0d7";
  transition: inherit;
}

.thbit-faq-list .list-content {
  display: none;
  position: relative;
  padding: 19px 39px;
  padding-top: 0;
  font-size: 1.2em;
}

.thbit-faq-list .list-row.on {
  border-color: #6b5dd3;
  background-color: #fff;
  box-shadow: 0 0 10px rgb(63, 119, 205, 0.2);
}
.thbit-faq-list .list-row.on .list-title:before {
  transform: rotate(180deg);
  color: #6b5dd3;
}
.thbit-faq-list .list-row.on .list-content {
  display: block;
}

.thbit-main-str {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 30px;
}
.thbit-main-str .item {
  position: relative;
  padding: 50px 30px;
  width: 100%;
  font-size: 1.2em;
  line-height: 1.4;
  border: 1px solid #6b5dd3;
  border-radius: 20px;
}
.thbit-main-str .item .inner {
  position: relative;
  padding-left: 33%;
}

.thbit-main-str .item .thbit-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
  display: block;
}

.thbit-main-str .item .title {
  font-size: 2em;
  line-height: 1;
  margin-bottom: 15px;
}
.thbit-main-str .item strong {
  font-weight: 800;
}

.thbit-main-str .item-btn {
  margin-top: 19px;
  text-align: center;
  display: flex;
  gap: 29px;
}
.thbit-main-str .item-btn .btn {
  white-space: nowrap;
  display: block;
  position: relative;
  font-size: 1.2em;
  letter-spacing: -0.02em;
  font-weight: 600;
  padding: 9px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thbit-main-str .item-btn .btn:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #f2f1f9;
  transition: inherit;
}
.thbit-main-str .item-btn .btn > i {
  margin-left: -15px;
  font-size: 0.8em;
  opacity: 0;
  transition: inherit;
}

.thbit-main-str .item-btn .btn:hover {
  color: #6b5dd3;
}
.thbit-main-str .item-btn .btn:hover:after {
  background-color: #6b5dd3;
}
.thbit-main-str .item-btn .btn:hover > i {
  margin-left: 5px;
  opacity: 1;
}

.thbit-section.on .thbit-main-str .item:nth-of-type(1) .thbit-img > img {
  transition-delay: 0.1s;
}
.thbit-section.on .thbit-main-str .item:nth-of-type(2) .thbit-img > img {
  transition-delay: 0.3s;
}

.thbit-main-str .item .thbit-img > img {
  margin-left: -100%;
}
.thbit-section.on .thbit-main-str .item .thbit-img > img {
  margin-left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.section-news:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background-position: center top;
  background-size: 100% auto;
  background-image: url("../images/main/bg-digit2.png");
  opacity: 0.3;
}
.thbit-box-news {
  padding: 20px;
  background-color: #f2f1f9;
  border-radius: 20px;
  overflow: hidden;
}
.thbit-box-news .swiper-pagination {
  bottom: 10px !important;
}
.thbit-box-news .swiper-container {
  margin: -9px;
  padding: 9px;
  padding-bottom: 10px;
}
.thbit-box-news .swiper-slide {
  padding: 30px;
  height: auto;
}

.thbit-box-news .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
}
.thbit-box-news .content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.thbit-box-news .more {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  font-size: 0;
}

/* 메인페이지  */

.thbit-scroll-content {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

/* 로그인/가입  */
.thbit-form {
  position: relative;
}
.thbit-form .txt-main {
  font-size: 1.1em;
  color: #667c99;
}

.thbit-form .row {
  padding-top: 22px;
  position: relative;
}
.thbit-form .box-wrap {
  margin-top: 22px;
  padding: 22px;
  border: 2px solid #e8ecf1;
  border-radius: 9px;
}
.thbit-form .box-wrap .row:first-of-type {
  padding: 0;
}
.thbit-form .box-wrap.impo {
  border-color: #6b5dd3;
}

.thbit-form .fld {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 62px;
  padding: 0 50px 0 26px;
  border: 1px solid #bac6d7;
  background-color: #fff;
  border-radius: 11px;
  transition: 0.2s;
}
.thbit-form .fld.full {
  display: block;
  width: 100%;
}
.thbit-form .fld.txt {
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 0 20px 39px;
}
.thbit-form .fld.half {
  display: inline-block;
  width: 48%;
}
.thbit-form .fld.half:nth-child(1) {
  margin-right: 1.5%;
}
.thbit-form .fld.half:nth-child(2) {
  margin-left: 1.5%;
}

.thbit-form .fld.on {
  background-color: #6b5dd3;
  border-color: #6b5dd3;
  color: #fff;
}
.thbit-form button.fld {
  font-size: 1.5em;
  font-weight: 700;
  padding: 0;
}
.thbit-form a.fld {
  line-height: 62px;
  text-align: center;
  font-size: 1.5em;
  font-weight: 700;
  padding: 0;
}
/*
.thbit-form .fld:hover {box-shadow:0 10px 10px rgb(0, 0, 0, 0.08);}
*/
.thbit-form button.fld:hover {
  background-color: #bac6d7;
  border-color: #bac6d7;
  color: #fff;
}
.thbit-form button.fld.on:hover {
  background-color: #1d59b6;
  border-color: #1d59b6;
}

.thbit-form .fld .inp {
  outline: none !important;
  border: 0;
  padding-left: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  transition: inherit;
}
.thbit-form .fld input.inp {
  line-height: 62px;
}

.thbit-form .fld .select {
  outline: none !important;
  border: 0;
  padding-left: 55px;
  background-color: transparent;
  width: 100%;
  height: 100%;
  transition: inherit;
}
.thbit-form .fld select.inp {
  line-height: 62px;
}

.thbit-form-login {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 120px;
  max-width: 360px;
}
.thbit-form-agree {
  max-width: 998px;
}
.thbit-form-register {
  max-width: 600px;
}
.thbit-form-passchange {
  max-width: 600px;
}

.thbit-form-login .fld .inp:placeholder-shown {  
  padding-left: 110px;
}
.thbit-form-register .fld .inp:placeholder-shown {
  padding-left: 157px;
}
.thbit-form-passchange .fld .inp:placeholder-shown {
  padding-left: 110px;
}

.thbit-form .fld .inp::placeholder {
  transition: inherit;
}
.thbit-form .fld:has(> .label) .inp {
  padding-top: 18px;
}
.thbit-form .fld .inp:placeholder-shown {
  padding-top: 0;
}
.thbit-form .fld:has(> .label) .inp:focus {
  padding-left: 0;
  padding-top: 18px;
}

.thbit-form .fld:has(> .label) .select {
  padding-top: 14px;
}

.thbit-form .fld .label {
  display: block;
  position: absolute;
  z-index: 2;
  left: inherit;
  margin-left: -1px;
  color: #a0aab9;
  top: 8px;
  font-size: 0.9em;
  transition: inherit;
  text-transform: uppercase;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -ms-user-select: none;
}
/*
.thbit-form .fld .label:after {content:"";position:absolute;z-index:-1;left:-8px;right:-8px;top:50%;transform:translateY(-50%);height:6px;background:#fff;}
*/

.thbit-form .fld .inp:placeholder-shown + .label {
  top: 21px;
  font-size: 1em;
  text-transform: capitalize;
}
.thbit-form .fld .inp:focus + .label {
  top: 8px;
  font-size: 0.9em;
  color: #6b5dd3;
  text-transform: uppercase;
}

.thbit-form .fld:focus-within {
  border-color: #6b5dd3;
}

.thbit-form .fld .ic-btn {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #667c99;
  cursor: pointer;
  font-size: 1.2em;
}

.thbit-form .is-link .fld {
  padding-right: 90px;
}
.thbit-form .is-link .link {
  position: absolute;
  z-index: 999999;
  right: 25px;
  top: 50%;
  white-space: nowrap;
  font-size: 0.9em;
  display: block;
  color: #667c99;
}

.thbit-form .fld.is-amount {
  padding-right: 70px;
}
.thbit-form .fld.is-amount .inp {
  font-size: 1.8em;
  font-weight: 700;
  text-align: right;
}
.thbit-form .fld.is-amount .inp::placeholder {
  font-size: 0.8em;
  color: #667c99;
  transform: translateY(-2px);
}
.thbit-form .fld.is-amount .amount-label {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1.2em;
  color: #667c99;
}

.thbit-form .fld .inner {
  line-height: 62px;
  font-size: 1.3em;
}
.thbit-form .fld .inner .thbit-img {
  margin-right: 5px;
  width: 20px;
  height: 20px;
}
.thbit-form .fld .inner .label {
  top: 0;
}

.thbit-form .chkwrap {
  position: relative;
  z-index: 9;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-bottom: 20px;
}
.thbit-form .chkwrap:first-of-type {
  margin-left: 0;
}
.thbit-form .chkwrap > input {
  position: absolute;
  opacity: 0;
}
.thbit-form .chkwrap > label {
  display: inline-block;
  position: relative;
  padding-left: 39px;
  transition: 0.5s;
}
.thbit-form .chkwrap > label:before {
  position: absolute;
  left: 0;
  top: -1px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #dadada;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.9em;
  content: "";
  transition: 0.5s;
}
.thbit-form .chkwrap > input[type="checkbox"] + label:before {
  border-radius: 6px;
}
.thbit-form .chkwrap > input[type="radio"] + label:before {
  border-radius: 100%;
}
.thbit-form .chkwrap > input:checked + label {
  color: #667c99;
}
.thbit-form .chkwrap > input:checked + label:before {
  background-color: #6b5dd3;
  border-color: #6b5dd3;
  color: #fff;
  content: "\f00c";
}

.thbit-form .amount-ctr {
}
.thbit-form .amount-ctr .txt-main {
  float: right;
  margin-top: 11px;
}
.thbit-form .amount-ctr .thbit-percent-sel {
  margin-top: 11px;
}

.thbit-form .divider {
  position: relative;
  text-align: center;
  margin: 50px 0 30px 0;
}
.thbit-form .divider:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  border-top: 1px solid #6b5dd3;
}
.thbit-form .divider > em {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 10px;
  background-color: #fff;
  color: #6b5dd3;
  font-style: normal;
}

.thbit-form .foot {
  border-top: 1px solid #bac6d7;
  margin-top: 30px;
  padding-top: 30px;
}

.thbit-section-form {
  padding: 19px 0;
}

.thbit-section-form .form-main {
  float: left;
  width: 50%;
  padding-right: 39px;
}
.thbit-section-form .form-banner {
  margin-left: 50%;
}

.thbit-section-form .thbit-main-banner {
  text-align: center;
  margin-top: -50px;
}
.thbit-section-form .thbit-main-banner .slide-text {
  display: inline-block;
  text-align: left;
  margin-right: 0;
  margin-bottom: 20px;
  font-size: 0.9em;
}

.thbit-section-form .thbit-main-banner .thbit-img {
  position: relative;
  display: block;
  top: auto;
  transform: none;
  left: auto;
  width: 80%;
  margin: 0 auto;
}

.thbit-form .fld.txt .thbit-scroll-content {
  height: 198px;
  padding-right: 39px;
}

.thbit-section-form .form-terms {
  position: absolute;
  z-index: 99999999999999;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 39px;
  background: #fff;
}
.thbit-section-form .form-terms .thbit-list-tab {
  justify-content: flex-start;
}
.thbit-section-form .form-terms .thbit-scroll-content {
  border: 1px solid #dee1e5;
  border-radius: 9px;
  padding: 39px;
  height: calc(100% - 108px);
}

[data-check-terms="click"] {
  text-decoration: underline;
}
/* [data-check-terms="view"] {display:none;}*/
/* 로그인/가입  */

:not(.tab)[data-tab-id] {
  display: none;
}
:not(.tab).on[data-tab-id] {
  display: block;
}

.thbit-section-form .form-terms .close {
  position: absolute;
  z-index: 9;
  right: 0;
  top: 50px;
}
.thbit-section-form .form-terms .close > strong {
  display: none;
}
.thbit-section-form .form-terms .close:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: transparent;
  border-radius: 100%;
  font-size: 1.6em;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00d";
}

/* 월렛  */
.thbit-wallet-overview {
  display: flex;
  border: 1px solid #6b5dd3;
  border-radius: 20px;
}
.thbit-wallet-overview .item {
  position: relative;
  border-radius: 15px;
  width: 50%;
  padding: 39px;
  overflow: hidden;
}
.thbit-wallet-overview .item.main-item {
  flex-grow: 1;
  width: 100%;
  font-size: 1.2em;
}

.thbit-wallet-overview .item .title {
  padding: 10px 20px;
  background-color: #e0e7f4;
  border-radius: 13px;
  margin-bottom: 20px;
  font-size: 1.2em;
}

.thbit-wallet-overview .item .thbit-img {
  border-radius: 100%;
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

.thbit-wallet-overview .item .main-val {
  position: relative;
  padding-left: 50px;
}
.thbit-wallet-overview .item .main-val .thbit-img {
  position: absolute;
  left: 0;
  top: -2px;
  width: 38px;
  height: 38px;
  border: 5px solid #fff;
}
.thbit-wallet-overview .item .main-val .main {
  font-size: 2em;
  font-weight: 600;
  line-height: 1;
}
.thbit-wallet-overview .item .main-val .main > strong {
  font-size: 1.5em;
}
.thbit-wallet-overview .item .main-val .sub {
  margin-top: 10px;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1;
}
.thbit-wallet-overview .item .main-val .sub > strong {
  font-size: 1.5em;
}

.thbit-wallet-overview .item .item-row {
  position: relative;
  font-size: 1.2em;
  padding: 10px 0;
  border-top: 1px solid #dee8f1;
}
.thbit-wallet-overview .item .item-row:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.thbit-wallet-overview .item .item-row > strong {
  font-size: 1.2em;
}

.thbit-wallet-wrap {
  margin-bottom: 30px;
}
.thbit-wallet-wrap:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
.thbit-wallet-wrap .wrap-main {
  float: left;
  width: 50%;
  padding-right: 39px;
}
.thbit-wallet-wrap .wrap-side {
  margin-left: 50%;
  padding-left: 39px;
}

.thbit-wallet-wrap .qr-wrap .thbit-img {
  width: 22%;
  margin-right: 15px;
}

.thbit-ico-coin {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.thbit-table {
  min-width: 100%;
  table-layout: fixed;
  border-top: 5px solid #6b5dd3;
}
.thbit-table > thead > tr > th {
  padding: 10px;
  color: #667c99;
  font-size: 1.1em;
  border-bottom: 1px solid #dee1e5;
}
.thbit-table > tbody > tr > td {
  padding: 10px;
  border-bottom: 1px solid #dee1e5;
  text-align: center;
  word-break: break-all;
}
.thbit-table > tbody > tr > td:first-child {
  word-break: keep-all;
}
.thbit-table > tbody > tr > td:last-child {
  word-break: keep-all;
}
.thbit-table > tbody > tr:hover > td {
  background: #eef2f9;
}
.thbit-table .left {
  text-align: left;
}

.thbit-table td .btn {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  padding: 5px 10px;
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
  border-radius: 6px;
}

.thbit-percent-sel {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.thbit-percent-sel:after {
  position: absolute;
  z-index: -1;
  content: "";
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  border-top: 1px solid #dee1e5;
  top: 50%;
  transform: translateY(-50%);
}
.thbit-percent-sel .btn {
  display: inline-block;
  font-weight: 500;
  font-size: 0.9em;
  text-align: center;
  width: 46px;
  padding: 2px 0;
  border: 1px solid #dee1e5;
  color: #667c99;
  background-color: #fff;
  border-radius: 15px;
  margin: 0 2px;
}
.thbit-percent-sel .btn.on {
  border-color: #6b5dd3;
  background-color: #6b5dd3;
  color: #fff;
}
.thbit-percent-sel .btn:first-child {
  margin-left: 0;
}
.thbit-percent-sel .btn:last-child {
  margin-right: 0;
}

.thbit-exchage-symbol {
  position: relative;
  padding: 10px 0;
}

.thbit-exchage-symbol .ex {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 98px;
  height: 98px;
  border: 1px solid #dee1e5;
  box-shadow: 0 10px 10px rgb(0, 0, 0, 0.08);
  border-radius: 100%;
  content: "";
}
.thbit-exchage-symbol .ex:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 6 Free";
  font-size: 3em;
  font-weight: 900;
  content: "\f0ec";
  color: #6b5dd3;
}

.thbit-exchage-symbol .item {
  position: relative;
  width: 33%;
  text-align: center;
  margin: 0;
  padding-top: 39px;
}
.thbit-exchage-symbol .item:last-of-type {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.thbit-exchage-symbol .item > em {
  position: relative;
  display: block;
  font-size: 1.2em;
  font-weight: 600;
  color: #667c99;
  font-style: normal;
}
.thbit-exchage-symbol .item > p {
  position: relative;
}
.thbit-exchage-symbol .item > p > strong {
  vertical-align: middle;
  font-size: 2.6em;
  font-weight: 800;
}

.thbit-wallet-p2p2-wrap {
}
.thbit-wallet-p2p2-wrap:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

.thbit-wallet-p2p2-wrap .wrap-main {
  float: right;
  width: 399px;
}
.thbit-wallet-p2p2-wrap .wrap-side {
  margin-right: 399px;
  padding-right: 60px;
}

.thbit-wallet-p2p2-wrap .p2p2-sum {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  padding: 39px;
  border: 1px solid #bac6d7;
  box-shadow: 0 10px 10px rgb(0, 0, 0, 0.08);
}
/* 월렛  */

/* 어카운트  */
.thbit-account-overview {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.thbit-account-overview .item {
  position: relative;
  background: #fff;
  flex-grow: 1;
  flex-basis: 33.33%;
  margin: 10px;
  border-radius: 15px;
  padding: 29px 39px;
  overflow: hidden;
  border: 1px solid #dee1e5;
  box-shadow: 0 10px 10px rgb(0, 0, 0, 0.08);
}

.thbit-account-overview .item .title {
  position: relative;
  margin-bottom: 20px;
  font-size: 1.5em;
  border-bottom: 1px solid #dee1e5;
  padding-bottom: 15px;
  margin-bottom: 5px;
  padding-left: 50px;
  line-height: 1.4;
}
.thbit-account-overview .item .title > i {
  position: absolute;
  left: 0;
  top: -4px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 0.8em;
  text-align: center;
  background-color: #6b5dd3;
  border-radius: 100%;
  color: #fff;
}

.thbit-account-overview .item {
  padding-bottom: 110px;
}
.thbit-account-overview .item .thbit-form {
  position: static;
}
.thbit-account-overview .item .thbit-form .row:last-child {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  padding: 29px 39px;
}

/* 어카운트  */

/* 페이징 */
.thbit-paging {
  text-align: center;
  margin-top: 20px;
}
.thbit-paging .pg,
.thbit-paging .pa {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #dadada;
  border-radius: 100%;
  margin: 5px;
  overflow: hidden;
  font-size: 0.9em;
}
.thbit-paging .pg.on {
  background-color: #6b5dd3;
  border: 0;
  line-height: 28px;
  color: #fff;
}

.thbit-paging .pa {
  position: relative;
  text-indent: -9999px;
}
.thbit-paging .pa:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: 0;
  font-size: 0.9em;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.thbit-paging .pa.start:before {
  content: "\f060";
}
.thbit-paging .pa.end:before {
  content: "\f061";
}
.thbit-paging .pa.prev:before {
  content: "\f053";
}
.thbit-paging .pa.next:before {
  content: "\f054";
}
/* 페이징 */

/* 채팅  */
.thbit-chat {
  position: relative;
  overflow: hidden;
  background-color: #e8edf5;
}
.thbit-chat.chat-main {
  border: 3px solid #6b5dd3;
  border-radius: 15px;
  box-shadow: 0 10px 10px rgb(0, 0, 0, 0.08);
}

.thbit-chat .chat-head {
  position: relative;
  overflow: hidden;
  padding: 19px 29px;
  border-bottom: 1px solid #bac6d7;
}

.thbit-chat .chat-input {
  position: relative;
  padding-right: 110px;
  background-color: #fff;
  border-top: 1px solid #bac6d7;
}
.thbit-chat .chat-input .inp {
  width: 100%;
  height: 80px;
  padding: 19px 29px;
  resize: none;
  border: 0;
  outline: none;
  background-color: transparent;
}
.thbit-chat .chat-input .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 110px;
  background: transparent;
}
.thbit-chat .chat-input .btn:hover {
  background-color: #f4f7fc;
}

.thbit-chat .chat-content {
  min-height: 398px;
  position: relative;
  padding: 29px;
}
.thbit-wallet-p2p2-wrap .thbit-chat .chat-content {
  height: 500px;
}

.thbit-chat .chat-message {
  position: relative;
}
.thbit-chat .chat-message:first-child {
  margin-top: 0;
}
.thbit-chat .chat-message.other {
  padding-left: 80px;
  margin-right: 10%;
  text-align: left;
}
.thbit-chat .chat-message.me {
  margin-left: 10%;
  text-align: right;
}

.thbit-chat .chat-message > .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #fff;
}
.thbit-chat .chat-message.me > .avatar {
  display: none;
}

.thbit-chat .chat-message .name {
  display: block;
  font-size: 1.1em;
  font-weight: 600;
}

.thbit-chat .chat-message .bub {
  position: relative;
  text-align: left;
  display: inline-block;
  vertical-align: bottom;
  background-color: #fff;
  border-radius: 16px;
  padding: 11px 19px;
  margin-bottom: 5px;
}
.thbit-chat .chat-message.other .bub {
}
.thbit-chat .chat-message.me .bub {
  background-color: #d2dbe9;
}

.thbit-chat .chat-message .time {
  display: inline-block;
  vertical-align: bottom;
}
.thbit-chat .chat-message.other .time {
  margin-left: 10px;
}
.thbit-chat .chat-message.me .time {
  margin-right: 10px;
}

.thbit-chat .chat-message .message {
  position: relative;
  margin-top: 5px;
}
.thbit-chat .chat-message .message:nth-of-type(1):after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 5px;
  border: 6px solid transparent;
}

.thbit-chat .chat-message.other .message:after {
  left: -8px;
  border-color: #fff #fff transparent transparent;
}
.thbit-chat .chat-message.me .message:after {
  right: -8px;
  border-color: #d2dbe9 transparent transparent #d2dbe9;
}

/* 채팅  */

/* 공지  */
.thbit-notice-list .notice-list {
  position: relative;
  border-top: 1px solid #e8ecf1;
  background-color: #f4f7fc;
}
.thbit-notice-list .notice-list:first-of-type {
  border-top: 0;
}
.thbit-notice-list .notice-list.open {
  background-color: #fff;
}

.thbit-notice-list .notice-list .list-title {
  position: relative;
  font-size: 1.1em;
  font-weight: 500;
  cursor: pointer;
  padding: 19px 29px;
  padding-right: 50px !important;
}
.thbit-notice-list .notice-list .list-title:after {
  position: absolute;
  right: 25px;
  top: 19px;
  font-size: 1.2em;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\2b";
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.thbit-notice-list .notice-list.open .list-title:after {
  transform: rotate(180deg);
  content: "\f068";
}

.thbit-notice-list .notice-list .list-content {
  display: none;
  position: relative;
  font-size: 1em;
  padding: 19px 29px;
  padding-bottom: 39px;
  color: #555;
}

/* 공지  */

/* 모달 */
.thbit-modal-wrapper {
  display: none;
  position: fixed;
  z-index: 9999999999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.thbit-modal-wrapper:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2b3b51;
  opacity: 0.5;
}
.thbit-modal-wrapper.open {
  display: block;
}

.thbit-modal {
  display: none;
  position: fixed;
  z-index: 8;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 15px;
  min-width: 360px;
  max-width: 98% !important;
  max-height: 100% !important;
  background-color: #fff;
  padding-top: 39px;
}
.thbit-modal.open {
  display: block;
}

.thbit-modal .modal-head {
  position: relative;
  margin-top: -39px;
  padding: 19px 29px; /*border-bottom:1px solid #e0e2e8;*/
}
.thbit-modal .modal-head .title {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1;
}

.thbit-modal .modal-content {
  max-height: 80vh;
  padding: 39px 29px;
  padding-top: 20px;
}

.thbit-modal .close {
  position: absolute;
  z-index: 9;
  right: 18px;
  top: 14px;
}
.thbit-modal .close > strong {
  display: none;
}
.thbit-modal .close:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: transparent;
  border-radius: 100%;
  font-size: 1.6em;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00d";
}

.thbit-modal .close:hover:before {
  transform: rotate(180deg);
}

.thbit-modal .thbit-scroll-content {
  height: calc(100vh - 80px);
}

.thbit-modal.p2p-store {
  width: 500px;
}
.thbit-modal.modal-chat {
  width: 660px;
}
.thbit-modal.modal-chat .thbit-scroll-content {
  height: calc(100vh - 250px);
}
.thbit-modal.modal-notice {
  width: 800px;
  background-color: #f4f7fc;
}
.thbit-modal.modal-notice .thbit-scroll-content {
  padding-bottom: 100px;
}

/* 모달 */

/* 팝오버 */
.thbit-popover {
  display: none;
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 15px 15px rgb(0, 0, 0, 0.1);
  border: 1px solid #6b5dd3;
}
.thbit-popover:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #6b5dd3 transparent transparent transparent;
}
.thbit-popover:after {
  content: "";
  position: absolute;
  margin-top: -1px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.thbit-popover .content-wrap {
  padding: 10px;
  white-space: nowrap;
}
.thbit-popover .btn-wrap {
  text-align: center;
  padding: 3px 10px;
  border-top: 1px solid #e0e2e8;
  white-space: nowrap;
}
.thbit-popover .btn {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
  margin: 5px 10px;
  border: 1px solid #e0e2e8;
}
.thbit-popover .btn:hover {
  opacity: 0.8;
}

.thbit-popover.ri {
  left: auto;
  transform: none;
}
.thbit-popover.ri:before {
  left: auto;
  transform: none;
  right: 18px;
}
.thbit-popover.ri:after {
  left: auto;
  transform: none;
  right: 19px;
}

.thbit-popover.lf {
  left: auto;
  transform: none;
}
.thbit-popover.lf:before {
  left: 18px;
  transform: none;
}
.thbit-popover.lf:after {
  left: 19px;
  transform: none;
}

/* 팝오버 */