html {
  font-size: 10px;
}
body {
  background: linear-gradient(to bottom, #000, #06002a 24%, #02000d);
  color: #fff;
  letter-spacing: -0.4px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1.6rem;
}

/* 공통 */
input[type="text"],
input:-webkit-autofill,
input[type="password"] {
  width: 100%;
  height: 4.5rem;
  padding: 1rem 2rem;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 1px 2px 26px 0 rgba(0, 0, 0, 0.06);
  background-color: transparent;
  color: #fff;
  line-height: 4.5rem;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  font-weight: bold;
  transition: background-color 0.3s;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type="date"] {
  width: 100%;
  height: 4.5rem;
  padding: 1rem 2rem;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 1px 2px 26px 0 rgba(0, 0, 0, 0.06);
  background-color: transparent;
  line-height: 4.5rem;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  font-weight: bold;
  transition: background-color 0.3s;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type="date"]:not(.has-value):before {
  color: #aaa;
  font-weight: normal;
  content: attr(placeholder);
  width: 100%;
  white-space: nowrap;
}
input.upload-name {
  width: 100%;
  height: 4.5rem;
  padding: 0 2rem;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 1px 2px 26px 0 rgba(0, 0, 0, 0.06);
  background-color: transparent;
  color: #fff;
  line-height: 4.5rem;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  transition: background-color 0.3s;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.cont .file-list {
  width: 100%;
  min-height: 4.5rem;
  max-height: 200px;
  padding: 1rem 2rem;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 1px 2px 26px 0 rgba(0, 0, 0, 0.06);
  background-color: transparent;
  color: #fff;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  transition: background-color 0.3s;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  overflow: auto;
}
[contenteditable="true"]:empty:before {
  content: attr(placeholder);
  color: #aaa;
}
.cont .file-list .filebox {
  display: flex;
  align-items: center;
}
.cont .file-list .filebox p {
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
}
.cont .file-list .filebox .delete .btnDel {
  margin-left: 10px;
  font-size: 2rem;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background-color: #36324a;
  color: #fff;
  display: flex;
  justify-content: center;
}
.upload-name-label {
  height: 5rem;
  padding: 1.5rem 2rem;
  background-color: #36324a;
  color: #fff;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
  font-weight: normal;
  margin-left: 1rem;
  white-space: nowrap;
  cursor: default;
}
input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
input[type="file"]::placeholder {
  color: #aaa;
  font-weight: normal;
}
input[type="text"].iptPwd,
input[type="password"].iptPwd {
  padding-right: 5rem;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder {
  color: #aaa;
  font-weight: normal;
}
input[type="text"]:read-only,
input[type="password"]:read-only {
  background-color: rgba(255, 255, 255, 0.15);
  cursor: default;
}
input[type="text"]:focus,
input:-webkit-autofill:focus,
input[type="password"]:focus,
input[type="date"]:focus {
  border: 2px solid #7e6ed6;
  background-color: rgba(126, 126, 126, 0.38);
  transition: background-color 0.3s;
}
input[type="text"]:read-only:focus,
input[type="password"]:read-only:focus {
  border: 1px solid #d2d2d2;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.15);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
  box-shadow: none;
  background: transparent !important;
}
input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + .chkBox {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../img/common_ico_radio_off@2x.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
input[type="radio"]:checked + .chkBox {
  background: url(../img/common_ico_radio_on@2x.png) no-repeat;
  background-size: contain;
}
input[type="checkbox"] + .chkBox {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../img/common_ico_check_type1_off@2x.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
input[type="checkbox"]:checked + .chkBox {
  background: url(../img/common_ico_check_type1_on@2x.png) no-repeat;
  background-size: contain;
}
select {
  height: 4.5rem;
  padding: 0.6rem 4.8rem 0.6rem 1rem;
  border: 1px solid #fff;
  background: url(../img/common_ico_select.png) no-repeat calc(100% - 1.5rem);
  color: #9f9f9f;
  line-height: 1;
  font-size: 1.6rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.scrollBar::-webkit-scrollbar {
  width: 0.6rem; /* 스크롤바의 너비 */
  height: 0.6rem;
}
.scrollBar::-webkit-scrollbar-thumb {
  background: #aaa; /* 스크롤바의 색상 */
  border-radius: 10px;
}
.scrollBar::-webkit-scrollbar-track {
  background: transparent; /*스크롤바 뒷 배경 색상*/
}
button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: 1;
}
button:focus {
  outline: none;
  border: none;
}
.btnBlack {
  height: 5rem;
  padding: 1.5rem 2rem;
  background-color: #36324a;
  color: #fff;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
  font-weight: normal;
}
.btnBdBlack {
  height: 4.8rem;
  padding: 1.5rem 2rem;
  border: 1px solid #000;
  color: #000;
  letter-spacing: -0.8px;
  font-size: 1.6rem;
  font-weight: bold;
}
.btnCopy {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.8rem;
  background: url(../img/common_ico_copy@3x.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0;
}
.normal {
  font-weight: normal;
}
.language {
  width: 4.5rem;
  position: relative;
}
.language:after {
  content: "";
  width: 1.5rem;
  height: 0.8rem;
  background: url(../img/common_ico_select@2x.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.9rem;
  right: 0;
}
.language .langDim {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.language .langList {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.44;
  font-size: 1.8rem;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  z-index: 9;
}
.language .langList .selected {
  padding-right: 2rem;
}
.language .langList ul {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.language.open:after {
  top: 0.8rem;
  transform: rotate(180deg);
}
.language.open .langDim {
  display: block;
}
.language.open .langList ul {
  display: flex;
  flex-wrap: wrap;
}
.language.open .langList ul li {
  width: 100%;
}
.language.open .selected {
  visibility: hidden;
}
.langList.us ul li.kr {
  order: 1;
}
section {
  min-height: calc(100vh - 9rem);
}
.popOuter {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.68);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.popDim {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.popInner {
  width: 68rem;
  height: calc(100% - 12rem);
  padding: 6.6rem 3rem 6rem;
  border-radius: 10px;
  box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.66);
  background-color: #24244e;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.popInner .btnPopHide {
  width: 3.9rem;
  height: 3.9rem;
  background: url(../img/common_ico_close@2x.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0;
  position: absolute;
  top: 2.5rem;
  right: 3rem;
}
.popInner h3 {
  padding-bottom: 2rem;
  text-align: center;
  letter-spacing: -0.75px;
  font-size: 3rem;
  font-weight: bold;
}
.popInner h3 img {
  width: 4.4rem;
}

.popCont {
  height: calc(100% - 6.5rem);
  padding: 3rem 2rem;
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  overflow-y: auto;
  position: relative;
}
.popCont .tit {
  padding-bottom: 1rem;
  color: #000;
  letter-spacing: -0.9px;
  font-size: 1.8rem;
  font-weight: bold;
}
.popCont .cont {
  color: #666;
  word-break: normal;
  /* word-break: keep-all; */
  line-height: 1.5;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
}
.popCont .cont.flex_center,
.popCont .cont.flex_center_ch {
  display: flex;
  align-items: center;
}
.popCont .cont.listBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.popCont .cont.listBox:last-child {
  margin-bottom: 0;
}
.popCont .cont.flex_start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.popCont .cont.flex_start input {
  width: calc(100% / 3 - 5px);
}
.popCont .cont.flex_start input:nth-child(1),
.popCont .cont.flex_start input:nth-child(2),
.popCont .cont.flex_start input:nth-child(3) {
  margin-bottom: 4px;
}
.popCont .cont.flex_start input:nth-child(2),
.popCont .cont.flex_start input:nth-child(5) {
  margin-left: 4px;
  margin-right: 4px;
}
.popCont .cont.flex_start input:last-child {
  margin-right: 0;
}
.popCont .cont button.btnDel {
  font-size: 4rem;
  width: 45px;
  height: 45px;
  border-radius: 30px;
  background-color: #36324a;
  color: #fff;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  line-height: 3.5rem;
}
.popCont .cont button.btnAdd,
.row button.btnAdd {
  font-weight: bold;
  font-size: 2rem;
  width: 45px;
  height: 45px;
  border-radius: 30px;
  background-color: #7e6ed6;
  color: #fff;
}
.popCont .cont.flex_start.input3 {
  width: 86%;
}
.popCont .cont.flex_start.input3:last-child {
  margin-bottom: 0;
}
.popCont input[type="text"],
.popCont input:-webkit-autofill,
.popCont input[type="password"],
.popCont input[type="date"] {
  color: #000;
  transition: border 0.3s;
}
.popCont input[type="text"]:focus,
.popCont input[type="password"]:focus,
.popCont input[type="date"]:focus {
  border-width: 1px;
  background: transparent;
  transition: border 0.3s;
}
.popCont .section {
  padding-bottom: 2.5rem;
}

  
.popInner .btnWrap {
  padding-top: 3rem;
}

.popInner .btnBdBlack {
  width: 28rem;
}

/* 240402 공지 전용 css */
.popCont pre.noticeText{
  width: 100%;
  overflow-x: hidden;
  white-space: pre-wrap;
  margin-bottom: 1rem;
}
.popInner table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
.popInner th{
  background-color: rgb(244, 225, 173);
}
.popInner th, td{
  padding: 10px;
}
.popInner .head{
  text-align: center; font-weight: bold;
  font-size: 2rem;
}
.popInner .hideADayBtn{
  display: flex; justify-content: flex-end;
  padding: 15px 10px 10px 10px;
}
.popInner .hideADayBtn:hover{
  text-decoration: underline; cursor: pointer;
}
/* ------------------- */

.popTitCommon {
  padding-bottom: 1rem;
  border-bottom: 2px solid #000;
  font-size: 1.8rem;
  font-weight: bold;
}
.popContCommon {
  padding: 1rem;
}
.popContCommon.certify > div:first-child {
  margin-bottom: 1rem;
}
.popContCommon.certify input {
  box-shadow: none;
}
.mbr {
  display: none;
}
.commonTop {
  display: none;
}
.psr {
  position: relative;
}
.infoIptWrap.max {
  max-width: 158rem;
}
.infoIptWrap .row > .cont.otp {
  flex: none;
  width: 30rem;
  padding: 0;
  margin-right: 1rem;
  margin-left: 1.5rem;
  position: relative;
}
.infoIptWrap .row > .cont.otp .iptMedium {
  width: 100%;
  margin-right: 0;
}
.infoIptWrap .row > .cont.otp .kepadOn {
  width: 100%;
  margin: 1.2rem 0;
}
.infoIptWrap .row > .cont.otp .btnTypeChange {
  right: 1rem;
}

/* 거래 비밀번호 키패드 */
.kepadOn {
  width: calc(100% - 3rem);
  height: calc(100% - 2.4rem);
  margin: 1.2rem 1.5rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.maxWrap .kepadOn {
  width: 100%;
  height: 100%;
  margin: 0;
}
.keyPadPop.popOuter {
  z-index: 999;
}
.keyPadPop .popInner {
  width: 57rem;
  height: auto;
  padding: 6.6rem 2.5rem 4.2rem;
}
.keyPadPop .popInner h3 {
  padding-bottom: 2.8rem;
  letter-spacing: -0.63px;
  font-size: 2.5rem;
}
.keyPadPop .popCont {
  height: 100%;
  padding: 3rem 1.2rem;
  overflow: hidden;
}
.keyPadPop .popCont .tit {
  padding-bottom: 4rem;
  text-align: center;
  font-size: 2rem;
}
.keyPadPop .pwdCircle {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  padding-bottom: 6rem;
}
.keyPadPop .pwdCircle > span {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #b0b0b0;
}
.keyPadPop .pwdCircle > span.on {
  background-color: #7e6ed6;
}
.keyPadPop .keyPad {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  justify-content: center;
  align-items: center;
}
.keyPadPop .keyPad > span {
  display: inline-block;
  width: calc(33.3% - 0.6rem);
  height: 5.8rem;
  padding: 1.4rem 0;
  border-radius: 10px;
  background-color: #f8f8f8;
  text-align: center;
  line-height: 1.45;
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
}
.keyPadPop .keyPad > span.reset {
  color: #9f9f9f;
}
.keyPadPop .keyPad > span.delete {
  text-indent: -9999px;
  font-size: 0;
  position: relative;
}
.keyPadPop .keyPad > span.delete:after {
  content: "";
  width: 3.6rem;
  height: 3.6rem;
  background: url(../img/common_delete@2x.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.keyPadPop .btnSetup {
  width: 100%;
  height: 6rem;
  margin-top: 2rem;
  border-radius: 10px;
  background-color: #7e6ed6;
  color: #fff;
  line-height: 6rem;
  font-size: 2.4rem;
  font-weight: bold;
}

/*달력*/
.ui-datepicker {
  width: 20em !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  padding: 0 33px 0 10px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 12px !important;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadingTxt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#loadingPop {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
#loadingPop .loadingContainer {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#loadingPop .loading {
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-color: transparent #f8f8f8 transparent #f8f8f8;
  border-radius: 50%;
  animation: loading 1.5s linear 0s infinite normal;
  transform-origin: 50% 50%;
}
#loadingPop .loadingTxt {
  opacity: 0;
  color: #f8f8f8;
  text-align: center;
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: loadingTxt 2s linear 0s infinite normal;
}

/* 헤더 */
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  transition: background-color 0.3s;
}
header.scroll {
  background-color: #000;
}
header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 182rem;
  padding: 2.5rem 5rem;
  margin: 0 auto;
}
header h1 {
  height: 6.2rem;
}
header h1 a {
  display: block;
  height: 100%;
}
header h1 a img {
  height: 100%;
}
header .btnMenu {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header .btnMenu .line {
  display: block;
  width: 4rem;
  height: 3px;
  background: none;
  text-indent: -9999px;
  font-size: 0;
  position: relative;
}
header .btnMenu .line:before,
header .btnMenu .line:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
}
header .btnMenu .line:before {
  top: -0.8rem;
  transition: all 0.4s;
}
header .btnMenu .line:after {
  top: 0.8rem;
  transition: all 0.4s;
}
header .btnMenu.toggle .line:before {
  transform: rotate(45deg) translate(0.1rem, -0.9rem);
  transform-origin: top left;
}
header .btnMenu.toggle .line:after {
  transform: rotate(-45deg) translate(0.1rem, 0.9rem);
  transform-origin: bottom left;
}
header .rightMenu {
  display: flex;
  align-items: center;
  letter-spacing: -0.9px;
  font-size: 1.8rem;
  font-weight: bold;
}
header .rightMenu button:not(.btnLogout) {
  width: 4.4rem;
  height: 4.4rem;
  text-indent: -9999px;
  font-size: 0;
  position: relative;
}
header .rightMenu .btnCart {
  background: url(../img/common_ico_cart@2x.png) no-repeat;
  background-size: contain;
}
header .rightMenu .btnNoti {
  background: url(../img/common_ico_noti@2x.png) no-repeat;
  background-size: contain;
}
header .rightMenu .btnNoti.new:after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #b3f4ff;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
header .rightMenu .userName {
  min-width: 8rem;
  margin-right: 3rem;
  text-align: right;
}
header .rightMenu .userId {
  display: none;
}
header .rightMenu .btnLogout {
  padding: 1rem 2rem;
  margin-left: 1rem;
  border-radius: 20px;
  background-color: #36324a;
  color: #fff;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
}

/* 사이드 메뉴 */
nav.gnb {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  transition: 0.4s;
}
nav.gnb.toggle {
  visibility: visible;
  opacity: 1;
  z-index: 10;
  transition: 0.4s;
}
nav.gnb .container {
  max-width: 157rem;
  height: 100%;
  padding: 11.2rem 5rem 9rem;
  margin: auto;
}
.gnbList {
  display: flex;
  gap: 10rem;
  justify-content: center;
  padding-top: 17.8rem;
}
.gnbList > li > a {
  line-height: 1.47;
  font-size: 3rem;
  font-weight: bold;
  cursor: default;
  transition: color 0.3s;
}
.gnbList > li > a:hover {
  color: #b3f4ff;
}
.depth {
  padding-top: 3rem;
}
.depth > li {
  margin-bottom: 2rem;
}
.depth > li:last-child {
  margin-bottom: 0;
}
.depth > li > a {
  color: #9f9f9f;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: normal;
  transition: color 0.3s;
}
.depth > li > a:hover {
  color: #fff;
}
.depth > li > a.eth {
  cursor: default;
}
#notiPop .popCont {
  padding: 0;
  border-radius: 0;
  background: none;
}
.notiList li {
  padding: 2rem;
  padding-right: 8rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.notiList li:after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/common_ico_arrowR@2x.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 2rem;
  right: 2rem;
  transform: rotate(90deg);
}
.notiList li.view {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.notiList li.view:after {
  transform: rotate(270deg);
}
.notiList li .tit,
.notiList li .cont {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notiList li .cont {
  letter-spacing: -0.8px;
  font-size: 1.6rem;
}
.notiList li.view .tit,
.notiList li.view .cont {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal;
}
.notiNone {
  color: #9f9f9f;
  font-size: 1.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
nav.us .gnbList {
  flex-wrap: wrap;
  gap: 4rem;
}
nav.us .gnbList > li {
  width: calc(25% - 10rem);
}
nav.jp .gnbList {
  justify-content: space-between;
  gap: 4rem;
}

/* 로그인 */
.loginWrap {
  width: 100%;
  max-width: 46rem;
  min-height: calc(100vh - 9rem);
  margin: auto;
  color: #9f9f9f;
  position: relative;
}
.loginWrap input[type="text"],
.loginWrap input:-webkit-autofill,
.loginWrap input[type="password"] {
  border-color: #fff;
}
.loginWrap input[type="text"]:focus,
.loginWrap input[type="password"]:focus {
  border-color: #7e6ed6;
}
.loginWrap .inner {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.loginWrap .logo {
  margin-bottom: 2rem;
}
.loginWrap .logo a {
  display: block;
  width: 32.1rem;
  margin: 0 auto;
}
.loginWrap .logo a img {
  width: 100%;
}
.loginWrap .language {
  margin-bottom: 2rem;
}
.loginWrap .iptWrap input {
  margin-bottom: 1.5rem;
}
.loginWrap .iptWrap input:last-child {
  margin-bottom: 0;
}
.autoLoginCode {
  margin: 2rem 0;
}
.autoLoginCode .tit {
  padding-bottom: 1rem;
}
.autoLoginCode .codeWrap {
  height: 5rem;
  margin-bottom: 1rem;
  background-color: #aaa;
  color: #eee;
  text-align: center;
}
.autoLoginCode .codeWrap img {
  display: block;
  height: 100%;
  margin: auto;
}
.btnLogin {
  width: 100%;
  height: 5.6rem;
  margin-bottom: 2rem;
  border-radius: 10px;
  background-color: #7e6ed6;
  color: #fff;
  line-height: 5.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  transition: all 0.3s;
}
.btnLogin:hover {
  background-color: #b3f4ff;
  color: #000;
}
.loginWrap .linkWrap {
  text-align: right;
}
.loginWrap .linkWrap a {
  color: #9f9f9f;
  position: relative;
}
.loginWrap .linkWrap a:first-child {
  margin-right: 1.1rem;
}
.loginWrap .linkWrap a:first-child:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1.9rem;
  background-color: #4e4e4e;
  position: absolute;
  top: calc(50% + 1px);
  right: -0.8rem;
  transform: translateY(-50%);
}
.loginWrap .btnTypeChange {
  top: 0.8rem;
  right: 1rem;
  transform: none;
}

/* 회원가입, 비밀번호 찾기 */
.infoIptWrap {
  width: 100%;
  max-width: 134rem;
  padding: 22rem 5rem 20rem;
  margin: auto;
}
.infoIptWrap h2.title {
  padding-bottom: 4rem;
  color: #fff;
  text-align: center;
  letter-spacing: -1.7px;
  font-size: 3.4rem;
  font-weight: bold;
}
.infoIptWrap .section {
  margin-bottom: 4.5rem;
}
.infoIptWrap .section h3 {
  padding-bottom: 2rem;
  border-bottom: 2px solid #fff;
  letter-spacing: -0.9px;
  font-size: 1.8rem;
  font-weight: bold;
}
.infoIptWrap .section h3 > .star {
  display: inline-block;
  margin-left: 0.4rem;
  color: #b3f4ff;
}
.infoIptWrap .section h3 > .msg {
  display: block;
  padding-top: 1rem;
  color: #aaa;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
  font-weight: normal;
}
.infoIptWrap .row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d2d2d2;
  letter-spacing: -0.7px;
  font-size: 1.6rem;
}
.infoIptWrap .row > .tit {
  width: 21rem;
  padding: 0 2rem;
  color: #ccc;
  word-break: keep-all;
  letter-spacing: -0.7px;
  font-size: 1.8rem;
  font-weight: bold;
  word-break: break-all;
}
.infoIptWrap .row > .cont {
  flex: 2;
  display: flex;
  align-items: center;
  min-height: 6.8rem;
  padding: 1.2rem 1.5rem;
}
.stacking-file-info{
  margin-top: 5px;
}
.infoIptWrap .iptMedium {
  width: 30rem;
  margin-right: 1rem;
}
.infoIptWrap .country {
  width: 30rem;
}
.infoIptWrap label {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.infoIptWrap label[for="male"] {
  margin-right: 4rem;
}
.infoIptWrap .agreeTxt {
  margin-left: 0.5rem;
  letter-spacing: -0.8px;
  font-size: 1.6rem;
  font-weight: normal;
  cursor: pointer;
}
.infoIptWrap .agreeTxt .txt {
  text-decoration: underline;
}
.infoIptWrap .agreeTxt span:not(.txt) {
  text-decoration: none;
  color: #b3f4ff;
}
.btnWrap {
  padding-top: 0.5rem;
  text-align: center;
}
.btnSubmit {
  width: 100%;
  max-width: 46rem;
  height: 5.6rem;
  padding: 1rem;
  border-radius: 10px;
  background-color: #7e6ed6;
  color: #fff;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  font-weight: bold;
}
/* #agreePop .popCont:after {
    content: '';
    width: calc(100% - 6rem);
    height: 3rem;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    position: fixed;
    right: 3rem;
    bottom: 6rem;
} */
#agreePop .popCont > div {
  padding-bottom: 3rem;
}
.infoIptWrap.us .iptMedium {
  width: 40rem;
}
.infoIptWrap.us .btnBlack {
  width: 15rem;
}
.infoIptWrap.pwdFind {
  padding-bottom: 14.7rem;
}
.btnTypeChange {
  width: 3rem;
  height: 3rem;
  background: url(../img/common_view_off@3x.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0;
  position: absolute;
  top: 50%;
  right: 2.5rem;
  transform: translateY(-50%);
}
.btnTypeChange.on {
  background: url(../img/common_view@3x.png) no-repeat;
  background-size: contain;
}
.btnTypeChange.black {
  background: url(../img/common_view_black_off@3x.png) no-repeat;
  background-size: contain;
  right: 1rem;
}
.btnTypeChange.black.on {
  background: url(../img/common_view_black@3x.png) no-repeat;
  background-size: contain;
}

/* 메인 */
section.main {
  width: 100%;
  max-width: 182rem;
  padding: 11.2rem 5rem 6.6rem;
  margin: auto;
  position: relative;
  z-index: 9;
}
section.main .top {
  display: flex;
  gap: 8.5%;
  align-items: flex-end;
  padding-top: 10.8rem;
  padding-bottom: 5.8rem;
}
section.main .top > div {
  position: relative;
}
section.main .leftBox {
  width: 58%;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
section.main .leftBox h2 {
  opacity: 0;
  line-height: 1.33;
  font-size: 4.5rem;
  font-weight: 900;
  position: absolute;
  bottom: 0;
  left: 0;
  animation: fadeIn 1.7s linear;
  animation-fill-mode: forwards;
}
section.main .unit {
  font-weight: normal;
}
section.main .rightBox {
  width: 42%;
}
section.main .rightBox .usdh:before {
  content: "";
  width: 4.4rem;
  height: 4.4rem;
  background: url(../img/common_ico_usdh@2x.png) no-repeat;
  background-size: contain;
}
section.main .rightBox .usdh {
  display: flex;
  gap: 0.8rem;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 3rem;
  text-align: right;
  line-height: 1.46;
  font-size: 3.5rem;
  font-weight: bold;
}
section.main .rightBox > div {
  padding: 2.5rem 4rem;
  border-radius: 10px;
  border: 3px solid #7e6ed6;
  box-shadow: 0 31px 16px 0 rgba(0, 0, 0, 0.66);
}
section.main .rightBox .balanceBox {
  margin-bottom: 3rem;
  background-color: #24244e;
}
section.main .rightBox .amountBox {
  background-color: rgba(36, 36, 78, 0.63);
}
section.main .rightBox > div .tit {
  padding-bottom: 1rem;
  color: #bbb;
  letter-spacing: -0.6px;
  font-size: 2.4rem;
  font-weight: bold;
}
section.main .rightBox > div .value {
  color: #b3f4ff;
  text-align: right;
  letter-spacing: -2px;
  font-size: 4rem;
  font-weight: bold;
}
section.main .rightBox .unit {
  margin-left: 1.5rem;
}
section.main .bottom {
  display: flex;
  gap: 2.7rem;
  align-items: center;
}
section.main .bottom > .box {
  flex: 1;
  padding: 3rem 4rem;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 1px 2px 26px 0 rgba(0, 0, 0, 0.06);
}
section.main .bottom > .box .tit {
  padding-bottom: 5.8rem;
  letter-spacing: -1px;
  font-size: 2rem;
  font-weight: 500;
}
section.main .bottom > .box .value {
  color: #b3f4ff;
  text-align: right;
  font-size: 3rem;
  font-weight: bold;
  position: relative;
}
section.main .bottom > .box .value:before {
  content: "";
  width: 6rem;
  height: 6rem;
  position: absolute;
  bottom: 1.4rem;
  left: 0;
}
section.main .bottom > .box.friend .value:before {
  background: url(../img/common_friends_ico@2x.png) no-repeat;
  background-size: contain;
}
section.main .bottom > .box.gmmt .value:before {
  background: url(../img/common_Gmmt_logo@2x.png) no-repeat;
  background-size: contain;
}
section.main .bottom > .box.ethereum .value:before {
  background: url(../img/common_etherum_logo@2x.png) no-repeat;
  background-size: contain;
}
#updatePop .popInner {
  width: 56.6rem;
  height: auto;
}
#updatePop .popInner h3 {
  font-size: 2.5rem;
}
#updatePop .popCont {
  color: #666;
  line-height: 1.71;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
}

/* 내정보 수정 */
section.modify .btnCopy {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.btnRegister {
  min-width: 11.6rem;
}

.btnWrap.posiR {
  position: relative;
}

.goMemberDelete {
  position: absolute;
  right: 0;
  padding: 0 2rem;
  line-height: inherit;
}

.appDownload {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.appDownload button:before {
  content: "";
  display: inline-block;
  width: 4rem;
  height: 4rem;
}
.appDownload button.btnGoogle:before {
  background: url(../img/common_ico_google@3x.png) no-repeat;
  background-size: contain;
}
.appDownload button.btnApple:before {
  background: url(../img/common_ico_appstore@3x.png) no-repeat;
  background-size: contain;
}
.appDownload button {
  flex: 1;
  display: flex;
  gap: 2.5rem;
  align-items: center;
  padding: 1.5rem 2rem;
  border-radius: 10px;
  background-color: #f8f8f8;
  line-height: 1.33;
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
}
.popContCommon.account {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.popContCommon.account .qrCode {
  width: 14.7rem;
  height: 14.7rem;
  margin: 0;
  line-height: 14.7rem;
  text-align: center;
}
#securityPop .accountMsg {
  padding-bottom: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
.secretKey {
  display: flex;
  gap: 0.8em;
  align-items: center;
  color: #666;
  font-size: 1.4rem;
  font-weight: bold;
}
#securityPop .btnWrap.flex button.btnConfirm {
  border-radius: 5px;
}
#securityPop .kepadOn {
  width: 100%;
  height: 100%;
  margin: 0;
}
.memberDeleteMsg {
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #9f9f9f;
  font-size: 1.6rem;
  text-align: center;
}

/* 지갑 */
section.wallet {
  width: 100%;
  max-width: 158rem;
  padding: 11.2rem 5rem 0;
  margin: auto;
  position: relative;
}
section.wallet > div.center {
  width: calc(100% - 10rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.wallet h2.title {
  padding-bottom: 8rem;
  text-align: center;
  letter-spacing: -1.7px;
  font-size: 3.4rem;
  font-weight: bold;
}
.walletBoxList {
  display: flex;
  gap: 3.5rem;
  align-items: center;
}
.walletBoxList > a {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 25.2rem;
  padding: 3.5rem 3rem 3.5rem 5rem;
  border: 3px solid #7e6ed6;
  border-radius: 10px;
  box-shadow: 1px 2px 26px 0 #000;
  background-color: rgba(126, 126, 126, 0.34);
}
.walletBoxList > a .leftBox {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  width: 13rem;
}
.walletBoxList > a .rightBox {
  flex: 2;
  text-align: right;
}
.walletBoxList .coinIco {
  display: inline-block;
  width: 13rem;
  height: 13rem;
  text-indent: -9999px;
  font-size: 0;
}
.walletBoxList .coinIco.gmmt {
  background: url(../img/common_Gmmt_logo@2x.png) no-repeat;
  background-size: contain;
}
.walletBoxList .coinIco.eth {
  background: url(../img/common_etherum_logo@2x.png) no-repeat;
  background-size: contain;
}
.walletBoxList .coinIco.usdh {
  background: url(../img/common_ico_usdh@2x.png) no-repeat;
  background-size: contain;
}
.walletBoxList .coinName {
  width: 100%;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
}
.walletBoxList > a .rightBox > div:first-child {
  /* padding-bottom: 2rem; */
}
.walletBoxList > a:last-child .rightBox > div:first-child {
  padding-bottom: 0;
}
.walletBoxList > a .rightBox .tit {
  color: #9f9f9f;
  letter-spacing: -0.5px;
  font-size: 2rem;
  font-weight: 500;
}
.walletBoxList > a .rightBox .value {
  color: #b3f4ff;
  letter-spacing: -0.75px;
  font-size: 3rem;
  font-weight: bold;
}
section.wallet .creditList {
  padding-bottom: 20rem;
}
section.wallet .creditList h2.title {
  padding: 10.8rem 0 3.2rem;
}
.myGmmtBox {
  display: flex;
  gap: 4rem;
  align-items: flex-end;
  padding-bottom: 9.3rem;
}
.myGmmtBox > div {
  flex: 1;
}
.myGmmtBox .leftBox {
  padding: 6.8rem 0;
  text-align: center;
}
.myGmmtBox .leftBox img {
  width: 30.4rem;
}
.myGmmtBox .marketPrice .coinTit:before {
  content: "";
  display: inline-block;
  width: 4.4rem;
  height: 4.4rem;
  background: url(../img/common_Gmmt_logo@2x.png) no-repeat;
  background-size: contain;
}
.myGmmtBox .marketPrice .coinTit {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  font-size: 3.5rem;
  font-weight: bold;
}
.myGmmtBox .marketPrice .coinPrice {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  padding-bottom: 2rem;
  font-size: 2.2rem;
  font-weight: bold;
}
.myGmmtBox .marketPrice .minus:before,
.myGmmtBox .marketPrice .plus:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.myGmmtBox .marketPrice .minus:before {
  background: url(../img/common_ico_down@2x.png) no-repeat;
  background-size: contain;
}
.myGmmtBox .marketPrice .plus:before {
  background: url(../img/common_ico_up@2x.png) no-repeat;
  background-size: contain;
}
.myGmmtBox .marketPrice .minus,
.myGmmtBox .marketPrice .plus {
  display: flex;
  align-items: center;
}
.minus {
  color: #ff6464;
}
.plus {
  color: #b3f4ff;
}
.myGmmtBox .balanceWrap {
  padding: 2.5rem 3.8rem 3.5rem 4rem;
  margin-bottom: 2rem;
  border: 3px solid #7e6ed6;
  border-radius: 10px;
  box-shadow: 0 31px 16px 0 rgba(0, 0, 0, 0.66);
  background-color: rgba(36, 36, 78, 0.63);
}

.myGmmtBox .balanceWrap .title {
  padding-bottom: 1rem;
  color: #bbb;
  font-size: 2.4rem;
  font-weight: bold;
}
.myGmmtBox .balanceWrap .balance {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  color: #b3f4ff;
  letter-spacing: -1px;
  font-size: 4rem;
  font-weight: bold;
}
.myGmmtBox .balanceWrap .balance > span {
  margin-left: 2rem;
  letter-spacing: -0.7px;
  font-size: 3rem;
  font-weight: normal;
}
.myGmmtBox .balanceWrap .balance .unit {
  margin-bottom: 3px;
}
.myGmmtBox .balanceWrap .coin {
  text-align: right;
  letter-spacing: -0.5px;
  font-size: 2rem;
}
.sm {
  letter-spacing: -0.35px;
  font-size: 1.4rem;
}
.myGmmtBox .btnWrap {
  display: flex;
  gap: 2rem;
  align-items: center;
  padding-top: 0;
}
.myGmmtBox .btnWrap button {
  flex: 1;
  padding: 1.6rem 0;
  border-radius: 10px;
  background-color: #36324a;
  color: #fff;
  line-height: 1.5;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  font-weight: bold;
}
.tableTit {
  padding-bottom: 2rem;
  border-bottom: 2px solid #fff;
  font-size: 1.8rem;
  font-weight: bold;
}
.tableNormal {
  margin-bottom: 3rem;
}
.tableNormal > div {
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
}
.tableNormal > div.tNormal > div {
  padding: 1.2rem 1rem;
}
.tableNormal > div.thead {
  border-bottom: 1px solid #d2d2d2;
  letter-spacing: -0.45px;
  font-size: 1.8rem;
  font-weight: bold;
}
.tableNormal > div.thead > div {
  padding: 1.5rem 1rem;
}
.tableNormal > div.tbody {
  border-bottom: 1px solid #d2d2d2;
  color: #9f9f9f;
}
.tableNormal .no {
  width: 5rem;
}
.tableNormal .date,
.tableNormal .value {
  flex: 1;
}
.tableNormal .value .minus {
  font-weight: bold;
}
.tableNormal .value .plus {
  font-weight: bold;
}
.paging {
  display: flex;
  gap: 4rem;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
}
.paging li a {
  color: #9f9f9f;
}
.paging li.prev,
.paging li.next {
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
}
.paging li.prev a,
.paging li.next a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/common_ico_next@2x.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0;
}
.paging li.prev a {
  transform: rotate(180deg);
}
.paging li.on a {
  color: #b3f4ff;
}
.listNone {
  justify-content: center;
  padding: 4rem 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #d2d2d2;
  color: #666;
  text-align: center;
  font-size: 1.6rem;
}
.tableNormal.wallet > div.tbodyWrap {
  display: block;
  border-bottom: 1px solid #d2d2d2;
  color: #9f9f9f;
}
.tableNormal.wallet > div.tbodyWrap .tNormal {
  display: flex;
  align-items: center;
}
.tableNormal.wallet div.tbody > div {
  padding: 1.2rem 0.5rem;
  word-break: break-all;
}
.tableNormal.wallet div.tbody > div.status {
  padding-right: 5.6rem;
  position: relative;
}
.tContWrap > div.thead {
  color: #fff;
}
.tableNormal.wallet .date,
.tableNormal.wallet .value,
.tContWrap > div .fee {
  flex: none;
  width: 20%;
}
.tableNormal.wallet .txid {
  width: 40%;
}
.tableNormal.wallet .value,
.tableNormal.wallet .status {
  font-weight: bold;
}
.tableNormal.wallet .status {
  width: calc(20% - 5rem);
  padding-right: 5.6rem;
}
.tbodyWrap.deposit .value,
.tbodyWrap.deposit .status,
.tbodyWrap.request .value {
  color: #b3f4ff;
}
.tbodyWrap.withdraw .value,
.tbodyWrap.request .status {
  color: #ff6464;
}
.tContWrap {
  display: none;
}
.tContWrap > div .to,
.tContWrap > div .from {
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.value .btnToggle {
  display: none;
}
.btnToggle {
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  background: url(../img/common_ico_next@3x.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0;
  position: absolute;
  top: 50%;
  right: 1.8rem;
  transform: translateY(-50%) rotate(90deg);
}
.btnToggle.on {
  transform: translateY(-50%) rotate(270deg);
}
.tContWrap > div {
  display: flex;
  align-items: center;
  border-top: 1px solid #4e4e4e;
  background: rgba(255, 255, 255, 0.1);
}
.tContWrap > div.thead > div {
  padding: 1.2rem 0.5rem;
}
.tContWrap > div .withdraw {
  width: calc(20% + 5rem);
  padding-left: 5rem;
}
.tContWrap > div.thead > div.withdraw,
.tableNormal.wallet div.tbody > div.withdraw {
  padding-left: 5rem;
}
#chargePop .popInner {
  height: 100%;
  max-height: 68rem;
  padding-bottom: 3.6rem;
}
#chargePop .popCont {
  padding: 2rem;
  text-align: center;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
  /* overflow: inherit; */
}
#chargePop .coinLogo {
  margin: 0 auto 1rem;
}
.coinLogo img {
  display: block;
  width: 4.4rem;
  margin: auto;
}
#chargePop .popCont .tit {
  padding-bottom: 2rem;
  font-size: 2rem;
  font-weight: bold;
}
.qrCode {
  width: 20rem;
  height: 20rem;
  margin: 0 auto 2rem;
  border-radius: 10px;
  background-color: #f8f8f8;
  color: #aaa;
  line-height: 20rem;
  font-weight: bold;
}
.walletAddress {
  padding-bottom: 1rem;
  color: #666;
  font-weight: bold;
}
#chargePop .btnCopy {
  margin: 0 auto 2rem;
  vertical-align: middle;
}
.chargeMsg {
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #666;
  font-size: 1.6rem;
}
.transferPop .popInner {
  height: calc(100% - 8rem);
  padding-bottom: 10.4rem;
}
.transferPop .popCont {
  padding: 4rem 2rem 2rem;
}
.transferPop .popCont > div,
.transferPop .popCont > div.totalPrice {
  padding-bottom: 3rem;
}
.transferPop .popCont > div:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#transferPop .popCont .txt {
  padding-top: 1rem;
  color: #000;
  text-align: center;
  letter-spacing: -0.9px;
  font-size: 1.8rem;
  font-weight: bold;
}
#transferPop .balance {
  padding: 2rem 3.5rem;
  margin-top: 2rem;
  border-radius: 10px;
  background-color: #f8f8f8;
  text-align: right;
  letter-spacing: -1.2px;
  font-size: 2.4rem;
  font-weight: bold;
}
#transferPop .balance > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#transferPop .balance .tit {
  padding-bottom: 0;
  color: #4e4e4e;
  font-size: 1.6rem;
}
#transferPop .balance .value {
  color: #7e6ed6;
  font-size: 2.4rem;
}
#transferPop .balance .value > span {
  margin-left: 1.5rem;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
}
#transferPop .marketPrice {
  color: #000;
  text-align: right;
  letter-spacing: -0.5px;
  font-size: 2rem;
  font-weight: normal;
}
#transferPop .popTit,
#stakingApplicationPop .popTit {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #000;
  color: #000;
  letter-spacing: -0.45px;
  font-size: 1.8rem;
  font-weight: bold;
}
#transferPop .iptWrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
}
#transferPop .iptWrap.address {
  padding-bottom: 1rem;
  border-bottom: 1px solid #d2d2d2;
}
#transferPop .iptWrap input {
  flex: 2;
  box-shadow: none;
}
#transferPop .iptWrap .iptWithdraw {
  padding-right: 6rem;
}
#transferPop .recentCont > div {
  height: 11.5rem;
  overflow-y: auto;
}
#transferPop .recentCont > div.recentListNone {
  display: flex;
  justify-content: center;
  align-items: center;
}
.recentList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem;
  padding-left: 1.3rem;
  border-bottom: 1px solid #d2d2d2;
}
.recentList li > div {
  flex: 2;
  display: flex;
  gap: 1.7rem;
  align-items: center;
}
.recentList li:first-child {
  padding-top: 0;
}
.coinLogo.small {
  width: 2.4rem;
}
.coinLogo.small + .address {
  color: #aaa;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
}
.transferPop .btnWrap,
.btnWrap.flex {
  display: flex;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
}
.transferPop .btnWrap button,
.btnWrap.flex button {
  flex: 1;
  height: 5.6rem;
  padding: 0;
  border: none;
  border-radius: 10px;
  background-color: #36324a;
  color: #fff;
  line-height: 5.6rem;
  letter-spacing: -0.4px;
  font-weight: bold;
}
.transferPop .fromTo > div:first-child {
  margin-bottom: 2rem;
}
.transferPop .fromTo .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
}
.transferPop .fromTo .balance {
  color: #9f9f9f;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
}
.transferPop .fromTo .line {
  display: inline-block;
  width: 1px;
  height: 1.9rem;
  margin: 0 0.5rem;
  background-color: #424242;
  vertical-align: middle;
}
.transferPop .walletBox {
  display: flex;
  gap: 1.7rem;
  align-items: center;
  padding: 1.5rem 2rem;
  border-radius: 10px;
  background: #f8f8f8;
}
.transferPop .totalPrice {
  text-align: center;
  font-weight: bold;
}
.transferPop .totalPrice .total {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 1rem;
  border-bottom: 2px solid #000;
  font-size: 1.8rem;
}
.transferPop .totalPrice .price {
  color: #7e6ed6;
  line-height: 1.46;
  letter-spacing: -0.6px;
  font-size: 2.4rem;
  font-weight: bold;
}
.transferPop .totalPrice .price > span {
  margin-left: 0.5rem;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  font-weight: normal;
}
#requestAmount {
  letter-spacing: -0.6px;
  font-size: 2.4rem;
  font-weight: bold;
}
.transferPop .priceList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 2rem;
  border-bottom: 1px solid #d2d2d2;
}
.transferPop .priceList li:first-child {
  color: #aaa;
}
#confirmPop .popTit {
  padding-bottom: 1rem;
  border-bottom: 2px solid #000;
  font-size: 1.8rem;
  font-weight: bold;
}
#confirmPop .certifyCont {
  padding: 1.2rem 1rem;
}
#confirmPop .certifyCont > div {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
#confirmPop .certifyCont > div:last-child {
  margin-bottom: 0;
}
#confirmPop .certifyCont input {
  flex: 1;
  box-shadow: none;
}
#confirmPop .certifyCont .iptPwd,
#confirmPop .optWrap input {
  padding-right: 5rem;
}
.optWrap > div {
  flex: 2;
}
.optWrap .kepadOn {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* staking */
section.staking .infoIptWrap .section.certify {
  margin-bottom: 1.2rem;
}
.infoIptWrap .section h3 .sub {
  color: #9f9f9f;
  letter-spacing: -0.8px;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 10px 0;
  display: block;
}
.infoIptWrap .section h3 .sub > span {
  color: #b3f4ff;
  /* font-weight: bold; */
}

.infoIptWrap .section h3 .sub > span > span {
  font-weight: bold;
}
.infoIptWrap .row > .cont.info.bold {
  font-size: 1.8rem;
  font-weight: bold;
}
.infoIptWrap .row > .cont.info:not(.bold) {
  color: #9f9f9f;
  font-weight: normal;
}
section.staking .flexWrap {
  flex-wrap: wrap;
  gap: 0.5rem;
}
section.staking .flexWrap > div {
  display: flex;
  align-items: center;
}
section.staking .flexWrap > p {
  width: 100%;
  font-size: 1.2rem;
  font-weight: normal;
}
.icoCoin {
  width: 3rem;
  margin-right: 0.6rem;
}
section.staking .marketPrice {
  margin-left: 1.5rem;
  color: #9f9f9f;
  font-size: 1.6rem;
  font-weight: normal;
}
.maxWrap {
  width: 30rem;
  margin-right: 1rem;
  position: relative;
}
.maxWrap:after {
  content: "GMMT";
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.maxWrap input[type="text"] {
  padding-right: 7rem;
  text-align: right;
}
.volumeLabelWrap {
  gap: 1.5rem;
}
.volumeLabelWrap .txt {
  padding: 1rem 1.5rem;
  border-radius: 5px;
  background-color: #36324a;
  color: #fff;
  letter-spacing: -0.8px;
  font-size: 1.6rem;
  transition: background-color 0.3s;
}
.volumeLabelWrap input[type="radio"]:checked + .txt {
  background-color: #7e6ed6;
  transition: background-color 0.3s;
}
section.staking .infoIptWrap .agreeTxt {
  flex: 2;
  margin-left: 0;
}
.infoIptWrap label.chkWrap {
  display: flex;
  gap: 0.5rem;
}

.infoIptWrap .checkBox_useAgree label.chkWrap:last-child {
  margin-bottom: 0;
}
.infoIptWrap label.chkWrap:last-child {
  margin-bottom: 5rem;
}
.infoIptWrap label.chkWrap .agreeTxt .txt {
  text-decoration: none;
}
#stakingPop .popInner {
  height: auto;
  max-height: 100%;
  padding: 6.6rem 3rem 2.5rem;
}
#stakingPop .popCont {
  height: calc(100% - 18rem);
}
.stakingNote li {
  margin-bottom: 2rem;
  letter-spacing: -0.75px;
  font-size: 1.5rem;
  font-weight: bold;
}
.stakingNote li:last-child {
  margin-bottom: 0;
}
#stakingPop .chkWrap {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 0;
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  cursor: pointer;
}
.btnWrap.flex button.btnConfirm {
  background-color: #7e6ed6;
}
section.profitList .infoIptWrap {
  max-width: 158rem;
  padding-bottom: 3.4rem;
}
section.profitList .tableNormal .date {
  flex: none;
  width: 30%;
}
section.profitList .tableNormal .cont {
  width: 35%;
}
.tableNormal.add {
  margin-bottom: 4rem;
}
.tableNormal.add .tNormal > div {
  width: 20%;
}
.tableNormal.add .plus,
.tableNormal.staking .tbody .totalRate {
  color: #ff6464;
}
.tableNormal.add .tbody > div.action,
.tableNormal.staking .tbody > div.status {
  padding: 0.5rem 1rem;
}
.tableNormal.add a.action {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: #ff6464;
  color: #fff;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
}
.tableNormal.staking .tNormal > div {
  flex: none;
}
.tableNormal.staking .tNormal > div.no {
  width: 5%;
}
.tableNormal.staking .tNormal > div.date,
.tableNormal.staking .tNormal > div.approvaldate,
.tableNormal.staking .tNormal > div.endDate {
  width: 13%;
}
.tableNormal.staking .tNormal > div.monthRate,
.tableNormal.staking .tNormal > div.status,
.tableNormal.staking .tNormal > div.profit {
  width: 10%;
}
.tableNormal.staking .tNormal > div.amount {
  width: 16%;
}
.tableNormal.staking .tNormal > div.totalRate {
  width: 11%;
}
.tableNormal.staking .tNormal > div.monthRate,
.tableNormal.staking .tNormal > div.profit,
.tableNormal.staking .tNormal > div.totalRate {
  font-weight: 500;
}
.tableNormal.staking .tNormal > div.amount > span {
  font-size: 1.4rem;
}
.checkBox_useAgree {
  margin-bottom: 4.5rem;
}
span.gmmtCost {
  margin-left: 20px;
  font-size: 1.6rem;
  font-weight: bold;
}

/* swap */
section.swap .maxWrap:after {
  content: "GMMT";
}
section.swap .maxWrap input[type="text"] {
  padding-right: 7.5rem;
}
.tableNormal.swap .tNormal > div {
  width: 22%;
}
.tableNormal.swap .tNormal > div.no {
  width: 6%;
}
.tableNormal.swap .tNormal > div.date {
  width: 16%;
}
.tableNormal.swap .tNormal > div.status {
  width: 12%;
}
.statusMark {
  display: inline-block;
  padding: 0.9rem 2rem;
  background-color: #36324a;
  color: #fff;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
}
.statusMark.on {
  background-color: #7e6ed6;
}

/* 공지사항 */
section.community .infoIptWrap {
  max-width: 158rem;
  min-height: calc(100vh - 9rem);
  padding-bottom: 3.4rem;
}
section.community .infoIptWrap > .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 2px solid #fff;
}
section.community .tableTit {
  padding-bottom: 0;
  border-bottom: none;
}
.searchWrap {
  display: flex;
  align-items: center;
  width: 29.5rem;
  position: relative;
}
.searchWrap input[type="text"] {
  height: 4.5rem;
  padding-right: 5.4rem;
}
.searchWrap input[type="text"]:focus {
  box-shadow: none;
}
.searchWrap input[type="text"]::placeholder {
  font-weight: normal;
}
.searchWrap .btnSearch {
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/common_ico_search@2x.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0;
  position: absolute;
  top: 1rem;
  right: 1.4rem;
}
.tableNormal.notice .no {
  width: 4%;
}
.tableNormal.notice .title {
  width: 56%;
}
.tableNormal.notice .tbody .title {
  padding: 0;
  text-align: left;
}
.tableNormal.notice .tbody .title a {
  display: block;
  padding: 1.2rem 1rem;
  color: #9f9f9f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tableNormal.notice .writer,
.tableNormal.notice .hits,
.tableNormal.notice .date {
  width: 13%;
}
section.community .viewTitle .title {
  padding: 4rem 25rem 2rem 1rem;
  border-bottom: 2px solid #fff;
  letter-spacing: -1.2px;
  font-size: 2.4rem;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.noticeList {
  width: 3rem;
  height: 3rem;
  background: url(../img/common_ico_list@2x.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0;
  position: absolute;
  right: 0;
  bottom: 2rem;
}
section.community .viewTitle > .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem 1.5rem 1rem;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
}
section.community .viewTitle .writer {
  letter-spacing: -0.4px;
  font-size: 1.6rem;
  font-weight: bold;
}
section.community .viewTitle .hits {
  padding-right: 1rem;
  margin-right: 1rem;
  color: #9f9f9f;
  position: relative;
}
section.community .viewTitle .hits:after {
  content: "";
  width: 1px;
  height: 1.4rem;
  background-color: #4e4e4e;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
section.community .viewTitle .date {
  color: #9f9f9f;
}
section.community .viewCont {
  padding: 2rem 1rem;
  border-top: 1px solid #d2d2d2;
  color: #9f9f9f;
}
section.community .viewBottom {
  border-top: 1px solid #d2d2d2;
}
section.community .viewBottom > a {
  display: flex;
  align-items: center;
  padding: 1.3rem 3.3rem 1.3rem 1rem;
  border-bottom: 1px solid #d2d2d2;
  color: #9f9f9f;
  letter-spacing: -0.7px;
  font-size: 1.4rem;
}
section.community .viewBottom .pager:before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  background: url(../img/common_backrist@2x.png) no-repeat;
  background-size: contain;
  vertical-align: bottom;
}
section.community .viewBottom .next .pager:before {
  transform: rotate(180deg);
}
section.community .viewBottom .pager {
  display: flex;
  align-items: center;
  width: 10rem;
  font-weight: bold;
}
section.community.us .viewBottom .pager {
  width: 15rem;
}
section.community .viewBottom .title {
  display: inline-block;
  width: calc(100% - 27rem);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
section.community .viewBottom .date {
  display: inline-block;
  width: 12rem;
  text-align: right;
}
section.community .btnWrap {
  display: none;
}

/* 1촌 친구맺기 */
section.friend .section h3 {
  border-bottom: none;
}
section.friend .infoIptWrap .row > .tit {
  color: #fff;
}
section.friend .flexWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
}
section.friend .qrCode {
  width: 13rem;
  height: 13rem;
  margin-bottom: 0;
  line-height: 13rem;
  text-align: center;
  overflow: hidden;
}
section.friend .myCodeInfo {
  width: calc(100% - 15rem);
  border-top: 2px solid #fff;
}
section.friend .myInfo {
  min-width: 36.4rem;
  color: #9f9f9f;
  font-size: 1.8rem;
  font-weight: normal;
}

/* 조직도 */
section.tree .infoIptWrap {
  max-width: 168rem;
  height: calc(100vh - 9rem);
  padding-bottom: 7rem;
}
.orgchart .node {
  display: flex;
  flex-wrap: wrap;
}
.zoomWrap {
  padding-bottom: 7.6rem;
  text-align: center;
}
.zoomWrap > div {
  display: inline-block;
  border-radius: 27px;
  background-color: #7e6ed6;
}
.zoomWrap button:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  vertical-align: middle;
}
.zoomWrap button.btnZoomIn:before {
  background: url(../img/common_zoomin@2x.png) no-repeat;
  background-size: contain;
}
.zoomWrap button.btnDefault:before {
  background: url(../img/common_default@2x.png) no-repeat;
  background-size: contain;
}
.zoomWrap button.btnZoomOut:before {
  background: url(../img/common_zoomout@2x.png) no-repeat;
  background-size: contain;
}
.zoomWrap button {
  padding: 2rem;
  color: #fff;
  letter-spacing: -0.5px;
  font-size: 2rem;
  position: relative;
}
.zoomWrap button:not(.btnZoomOut):after {
  content: "";
  width: 1px;
  height: 3rem;
  border-right: 1px dashed rgba(255, 255, 255, 0.43);
  position: absolute;
  top: 50%;
  right: -2px;
  transform: translateY(-50%);
}

/* 푸터 */
footer {
  padding: 1.6rem 1rem 4.9rem;
  background-color: #02000d;
  color: #9f9f9f;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 300;
}

@media screen and (max-width: 1580px) {
  /* 사이드 메뉴 */
  .gnbList {
    gap: 5rem;
  }
  nav.us .gnbList > li {
    width: calc(25% - 6rem);
  }

  /* 지갑 */
  .walletBoxList {
    gap: 2.5rem;
  }
  .walletBoxList > a .leftBox {
    width: 10rem;
  }
  .walletBoxList .coinIco {
    width: 10rem;
    height: 10rem;
  }
  .walletBoxList > a .rightBox .tit {
    font-size: 1.8rem;
  }
  .walletBoxList > a .rightBox .value {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1280px) {
  /* 공통 */
  .tableNormal > div.thead {
    font-size: 1.6rem;
  }
  .tableNormal > div.tbody {
    font-size: 1.4rem;
  }

  /* 헤더 */
  header h1 {
    height: 5rem;
  }
  header .rightMenu .userName {
    margin-right: 2rem;
  }

  /* 사이드 메뉴 */
  nav.gnb .container {
    padding: 11.2rem 4rem 9rem;
  }
  .gnbList {
    gap: 3rem;
    justify-content: space-between;
  }
  .gnbList > li > a {
    font-size: 2.6rem;
  }
  .depth > li > a {
    font-size: 1.4rem;
  }
  nav.us .gnbList {
    padding-top: 13rem;
  }
  nav.us .gnbList > li {
    width: calc(25% - 3rem);
  }

  /* 메인 */
  section.main .top {
    gap: 5%;
    padding-top: 5rem;
    padding-bottom: 5.8rem;
  }
  section.main .leftBox {
    width: 65%;
  }
  section.main .leftBox h2 {
    font-size: 4rem;
  }
  section.main .rightBox {
    width: 35%;
  }
  section.main .rightBox > div {
    padding: 2rem 3rem;
  }
  section.main .rightBox .balanceBox {
    margin-bottom: 2rem;
  }
  section.main .rightBox > div {
    padding: 2rem 3rem;
  }
  section.main .bottom {
    gap: 2rem;
  }
  section.main .bottom > .box {
    padding: 2rem 3rem;
  }
  section.main .bottom > .box .value:before {
    width: 4rem;
    height: 4rem;
    bottom: 5rem;
  }

  /* 지갑 */
  .walletBoxList {
    gap: 2rem;
  }
  .walletBoxList > a {
    min-height: 22.8rem;
    padding: 3rem 2.5rem 3rem 3.5rem;
  }
  .walletBoxList > a .leftBox {
    width: 6rem;
  }
  .walletBoxList .coinIco {
    width: 6rem;
    height: 6rem;
  }
  .walletBoxList > a .rightBox .tit {
    font-size: 1.6rem;
  }
  .walletBoxList > a .rightBox .value {
    font-size: 2.4rem;
  }
  .myGmmtBox .leftBox {
    flex: none;
    width: 35%;
  }
  .myGmmtBox .leftBox img {
    width: 100%;
  }
  section.wallet .creditList h2.title {
    padding: 2.8rem 0 4rem;
  }
  .myGmmtBox {
    align-items: center;
    padding-bottom: 5rem;
  }
  .myGmmtBox .leftBox {
    padding: 3rem 0;
  }
  .myGmmtBox .marketPrice .coinTit {
    gap: 1rem;
    padding-bottom: 1rem;
    font-size: 2.8rem;
  }
  .myGmmtBox .marketPrice .coinTit:before {
    width: 3rem;
    height: 3rem;
  }
  .myGmmtBox .marketPrice .coinPrice {
    padding-bottom: 1.5rem;
    font-size: 1.8rem;
  }
  .myGmmtBox .balanceWrap {
    padding: 2rem 3rem;
    margin-bottom: 1.5rem;
  }
  .myGmmtBox .balanceWrap .title {
    font-size: 2rem;
  }
  .myGmmtBox .balanceWrap .balance {
    font-size: 3.5rem;
  }
  .myGmmtBox .balanceWrap .balance > span {
    font-size: 2.5rem;
  }
  .myGmmtBox .balanceWrap .coin {
    font-size: 1.8rem;
  }
  .myGmmtBox .btnWrap {
    gap: 1.5rem;
  }
  .tableNormal.wallet div.tbody > div.status {
    padding-right: 4rem;
  }
}
@media screen and (max-width: 1024px) {
  /* 공통 */
  .infoIptWrap {
    padding: 20.8rem 4rem 20rem;
  }
  .tableNormal > div.thead {
    font-size: 1.4rem;
  }
  .tableNormal > div.tbody {
    font-size: 1.3rem;
  }
  .tableNormal > div.thead > div {
    padding: 1.3rem 0.5rem;
  }
  .tableNormal > div.tNormal > div {
    padding: 1rem 0.5rem;
  }
  .statusMark,
  .tableNormal.add a.action {
    padding: 0.6rem 1.2rem;
    font-size: 1.3rem;
  }
  .infoIptWrap.us .iptMedium {
    width: calc(100% - 17rem);
  }
  .infoIptWrap.us .btnBlack {
    width: 16rem;
    padding: 1.5rem 1rem;
  }

  /* 헤더 */
  header .container {
    padding: 2.5rem 4rem;
  }
  header h1 {
    height: 4rem;
  }
  header .btnMenu .line {
    width: 3.5rem;
    height: 2px;
  }
  header .btnMenu.toggle .line:before {
    transform: rotate(45deg) translate(0.2rem, -0.75rem);
  }
  header .btnMenu.toggle .line:after {
    transform: rotate(-45deg) translate(0.2rem, 0.75rem);
  }
  header .rightMenu .userName {
    min-width: 7rem;
    margin-right: 1rem;
  }
  header .btnMenu {
    width: 5rem;
    height: 5rem;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  /* 사이드메뉴 */
  .gnbList,
  nav.jp .gnbList {
    flex-wrap: wrap;
    gap: 5rem;
    justify-content: center;
    padding-top: 15rem;
  }
  nav.us .gnbList {
    gap: 3rem;
  }
  nav.us .gnbList > li {
    width: calc(25% - 2.5rem);
  }
  nav.us .gnbList > li > a {
    font-size: 1.9rem;
  }

  /* 메인 */
  section.main .top {
    gap: 3rem;
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
  section.main .bottom {
    flex-wrap: wrap;
  }
  section.main .bottom > .box {
    flex: none;
    width: 100%;
  }
  section.main .leftBox h2 {
    font-size: 3.1rem;
  }
  section.main .rightBox .usdh:before {
    width: 3.5rem;
    height: 3.5rem;
  }
  section.main .rightBox .usdh {
    padding-bottom: 2rem;
    font-size: 2.8rem;
  }
  section.main .rightBox .balanceBox {
    margin-bottom: 1.5rem;
  }
  section.main .rightBox > div .tit {
    font-size: 2rem;
  }
  section.main .rightBox > div .value {
    font-size: 3rem;
  }
  section.main .rightBox .unit {
    margin-left: 1rem;
  }

  /* 지갑 */
  section.wallet {
    padding: 18rem 5rem 12rem;
  }
  section.wallet > div.center {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .walletBoxList {
    flex-wrap: wrap;
    gap: 3.5rem;
  }
  .walletBoxList > a {
    flex: none;
    gap: 8rem;
    width: 100%;
    min-height: auto;
    padding: 3.5rem 5rem 3.5rem 6rem;
  }
  .walletBoxList > a .leftBox {
    width: 13rem;
  }
  .walletBoxList .coinIco {
    width: 13rem;
    height: 13rem;
  }
  .walletBoxList > a .rightBox > div {
    display: flex;
    align-items: center;
  }
  .walletBoxList > a .rightBox .tit {
    min-width: 14rem;
    text-align: left;
    font-size: 2.4rem;
  }
  .walletBoxList > a .rightBox .value {
    flex: 2;
    font-size: 3.2rem;
  }
  section.wallet .creditList {
    padding-bottom: 0;
  }
  section.wallet .creditList h2.title {
    padding: 0 0 6rem;
  }
  .tableNormal.wallet > div.tbodyWrap {
    font-size: 1.4rem;
  }
  .tableNormal.wallet .status {
    width: calc(25% - 5rem);
    padding-right: 3rem;
  }
  .tableNormal.wallet div.tbody > div.status {
    padding-right: 3rem;
  }
  .tableNormal.wallet .date,
  .tableNormal.wallet .value,
  .tContWrap > div .fee {
    width: 21%;
  }
  .tableNormal.wallet .txid {
    width: 33%;
  }
  .btnToggle {
    right: 0.8rem;
  }
  .tContWrap > div .withdraw {
    width: calc(22% + 5rem);
  }

  /* staking */
  .tableNormal.add .tbody > div.action,
  .tableNormal.staking .tbody > div.status {
    padding: 0.5rem;
  }
  .tableNormal.staking .tNormal > div.amount > span {
    font-size: 1.3rem;
  }
  .checkBox_useAgree {
    margin-bottom: 6.25rem;
  }

  /* swap */
  .tableNormal.swap > div.thead,
  .tableNormal.swap .tNormal > div.no {
    display: none;
  }
  .tableNormal.swap > div.tbody {
    display: block;
    padding: 2rem 1rem;
    position: relative;
  }
  .tableNormal.swap .tNormal > div,
  .tableNormal.swap .tNormal > div.date {
    width: 100%;
    padding: 0;
  }
  .tableNormal.swap .tNormal > div.date,
  .tableNormal.swap .tNormal > div.email {
    padding-right: 10rem;
    text-align: left;
  }
  .tableNormal.swap .tNormal > div.from,
  .tableNormal.swap .tNormal > div.to {
    text-align: right;
    font-weight: 500;
    position: relative;
  }
  .tableNormal.swap .tNormal > div.from:before,
  .tableNormal.swap .tNormal > div.to:before {
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
  }
  .tableNormal.swap .tNormal > div.from:before {
    content: "From GMMT";
  }
  .tableNormal.swap .tNormal > div.to:before {
    content: "To GMMT";
  }
  .tableNormal.swap .tNormal > div.date {
    padding-bottom: 0.4rem;
  }
  .tableNormal.swap .tNormal > div.email {
    padding-bottom: 2rem;
  }
  .tableNormal.swap .tNormal > div.from {
    padding-bottom: 1rem;
  }
  .tableNormal.swap .tNormal > div.status {
    width: auto;
    position: absolute;
    top: 2rem;
    right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 8px;
  }
  /* 공통 */
  section {
    min-height: calc(100vh - 11.5rem);
  }
  .language {
    width: 7.5rem;
  }
  .language:after {
    width: 1.875rem;
    top: 2rem;
  }
  .language .langList {
    font-size: 3rem;
  }
  .language.open:after {
    top: 1.8rem;
  }
  input[type="text"],
  input:-webkit-autofill,
  input[type="password"],
  input.upload-name,
  input[type="date"] {
    height: 7.5rem;
    padding: 1.25rem 2.5rem;
    line-height: 7.5rem;
    letter-spacing: -0.6px;
    font-size: 3rem;
  }
  input[type="radio"] + .chkBox,
  input[type="checkbox"] + .chkBox {
    width: 2.25rem;
    height: 2.25rem;
  }
  .btnTypeChange {
    width: 5rem;
    height: 5rem;
  }
  input[type="text"].iptPwd,
  input[type="password"].iptPwd {
    padding-right: 10rem;
  }
  select {
    height: 7.5rem;
    padding: 1.25rem 2.5rem;
    border-radius: 5px;
    background-size: 1.875rem;
    background-position-x: calc(100% - 3rem);
    font-size: 3rem;
  }
  .infoIptWrap {
    padding: 22.5rem 5rem 20rem;
  }
  .infoIptWrap h2.title {
    padding-bottom: 5rem;
    font-size: 4.25rem;
  }
  .infoIptWrap .section {
    margin-bottom: 6.25rem;
  }
  .infoIptWrap .section h3 {
    padding-bottom: 2.5rem;
    font-size: 3.5rem;
  }
  .infoIptWrap .row {
    flex-wrap: wrap;
    padding: 2.5rem 1.25rem;
  }
  .infoIptWrap .row > .tit {
    width: 100%;
    padding: 0;
    padding-bottom: 1.25rem;
    letter-spacing: -0.6px;
    font-size: 3rem;
  }
  .infoIptWrap .row > .cont {
    padding: 0;
  }
  .infoIptWrap .row > .cont.info {
    min-height: auto;
  }
  .infoIptWrap .iptMedium {
    flex: 2;
  }
  .btnBlack {
    height: 8rem;
    padding: 1.875rem 1rem;
    letter-spacing: -1.2px;
    font-size: 3rem;
  }
  .btnSubmit {
    max-width: 100%;
    height: 10rem;
    font-size: 3rem;
  }
  .popInner,
  #updatePop .popInner {
    width: calc(100% - 10rem);
    padding: 7.5rem 3.75rem;
  }
  .popInner h3 {
    padding-bottom: 2.25rem;
    font-size: 4.5rem;
  }
  .popInner .btnPopHide {
    width: 5rem;
    height: 5rem;
    top: 3rem;
    right: 3.75rem;
  }
  .popCont {
    height: calc(100% - 8.75rem);
    padding: 2.5rem;
  }
  .popCont .tit {
    padding-bottom: 2.5rem;
    font-size: 3.25rem;
  }
  .popCont .cont {
    font-size: 3rem;
  }
  .popTitCommon {
    padding-bottom: 1.25rem;
    letter-spacing: -1.3px;
    font-size: 3.25rem;
  }
  .popContCommon {
    padding: 1.25rem;
  }
  .popContCommon.certify > div:first-child {
    margin-bottom: 1rem;
  }
  .mbr {
    display: block;
  }
  .tableNormal {
    margin-bottom: 5rem;
    font-size: 4.5rem;
  }
  .tableTit {
    padding-bottom: 2.5rem;
    font-size: 3.5rem;
  }
  .paging {
    gap: 2.5rem;
    font-size: 3rem;
  }
  .paging li.prev,
  .paging li.next {
    width: 2.75rem;
    height: 2.75rem;
  }
  .paging li.prev {
    margin-right: 2rem;
  }
  .paging li.next {
    margin-left: 2rem;
  }
  .tableNormal > div.thead,
  .tableNormal .no {
    display: none;
  }
  .tableNormal > div {
    flex-wrap: wrap;
    letter-spacing: -1.2px;
    font-size: 3rem;
  }
  .tableNormal > div.tbody {
    padding: 2.5rem 1.25rem;
    font-size: 3rem;
    position: relative;
  }
  .tableNormal > div.tNormal > div {
    padding: 0;
  }
  .tableNormal .date {
    text-align: left;
  }
  .tableNormal .value {
    text-align: right;
  }
  #loadingPop .loadingContainer {
    width: 15rem;
    height: 15rem;
  }
  #loadingPop .loadingTxt {
    font-size: 2.2rem;
  }
  .infoIptWrap .row > .cont.otp {
    flex: 2;
    margin-left: 0;
  }
  .infoIptWrap .row > .cont.otp .kepadOn {
    margin: 0;
  }
  .infoIptWrap .row > .cont.otp .btnTypeChange {
    right: 2.5rem;
  }
  /* 거래 비밀번호 키패드 */
  .keyPadPop .popInner {
    width: calc(100% - 10rem);
    padding: 7.5rem 3.75rem;
  }
  .keyPadPop .popInner h3 {
    padding-bottom: 2.75rem;
    font-size: 4rem;
  }
  .keyPadPop .popCont {
    padding: 3.75rem 1.25rem;
  }
  .keyPadPop .popCont .tit {
    padding-bottom: 6.25rem;
    font-size: 3.5rem;
  }
  .keyPadPop .pwdCircle {
    gap: 1.25rem;
    padding-bottom: 6.25rem;
  }
  .keyPadPop .pwdCircle > span {
    width: 3.75rem;
    height: 3.75rem;
  }
  .keyPadPop .keyPad > span {
    width: calc(33.3% - 0.84rem);
    height: 10rem;
    padding: 2.75rem 0;
    font-size: 3rem;
  }
  .keyPadPop .keyPad > span.delete:after {
    width: 4.5rem;
    height: 4.5rem;
  }
  .kepadOn {
    width: 100%;
    height: 100%;
    margin: 0;
  }

  /* 헤더 */
  header .container {
    padding: 3.75rem 5rem;
  }
  header h1 {
    height: 5.75rem;
  }
  header .rightMenu {
    flex: 2;
    justify-content: flex-end;
  }
  header .language,
  header .rightMenu .userName,
  header .rightMenu .btnLogout {
    display: none;
  }
  header .btnMenu {
    order: 2;
    width: 10rem;
    height: 10rem;
  }
  header .btnMenu .line {
    width: 5rem;
    height: 3px;
  }
  header .btnMenu .line:before {
    top: -1rem;
  }
  header .btnMenu .line:after {
    top: 1rem;
  }
  header .btnMenu.toggle .line:before {
    transform: rotate(45deg) translate(0.1rem, -1.2rem);
  }
  header .btnMenu.toggle .line:after {
    transform: rotate(-45deg) translate(0.2rem, 1rem);
  }
  header .rightMenu button:not(.btnLogout) {
    width: 10rem;
    height: 10rem;
  }
  header .rightMenu .btnCart,
  header .rightMenu .btnNoti {
    background-size: 90%;
    background-position: center;
  }
  header .rightMenu .btnNoti.new:after {
    width: 1.5rem;
    height: 1.5rem;
    top: 2.75rem;
    right: 2.75rem;
  }
  header.toggle {
    padding-bottom: 21.875rem;
    border-bottom: 2px solid #f9f9f9;
  }
  header.toggle h1 {
    display: none;
  }
  header.toggle .language,
  header.toggle .rightMenu .userName,
  header.toggle .rightMenu .userId,
  header.toggle .rightMenu .btnLogout {
    display: block;
  }
  header.toggle .language {
    position: absolute;
    top: 6.5rem;
    left: 6rem;
  }
  header.toggle .rightMenu .userName {
    width: calc(100% - 28.75rem);
    margin: 0;
    text-align: left;
    letter-spacing: -1.8px;
    font-size: 4.5rem;
    position: absolute;
    top: 20rem;
    left: 6rem;
  }
  header.toggle .rightMenu .userId {
    width: calc(100% - 28.75rem);
    color: #666;
    letter-spacing: -1.2px;
    font-size: 3rem;
    font-weight: normal;
    position: absolute;
    top: 27.75rem;
    left: 6rem;
  }
  header.toggle .rightMenu .btnLogout {
    padding: 1.25rem 2.5rem;
    border-radius: 28px;
    letter-spacing: -1.2px;
    font-size: 3rem;
    position: absolute;
    top: 25rem;
    right: 5rem;
  }
  header.login.toggle {
    padding-bottom: 0;
    border-bottom: none;
  }
  header.login.toggle .rightMenu .btnLogout {
    position: relative;
    top: auto;
    right: auto;
  }

  /* 사이드 메뉴 */
  nav.gnb .container {
    height: calc(100vh - 39.375rem);
    padding: 0;
    margin-top: 39.375rem;
    overflow-y: auto;
  }
  .gnbList,
  nav.us .gnbList {
    display: block;
    height: 100%;
    padding: 4.5rem 5rem 9rem;
    position: relative;
  }
  .gnbList > li,
  nav.us .gnbList > li {
    width: 100%;
    margin-bottom: 4rem;
  }
  .gnbList > li:last-child {
    padding-bottom: 9rem;
    margin-bottom: 0;
  }
  .gnbList > li > a,
  nav.us .gnbList > li > a {
    display: block;
    font-size: 4.5rem;
  }
  .gnbList > li > a:hover {
    color: #fff;
  }
  .gnbList > li > a.click {
    color: #b3f4ff;
  }
  .depth {
    display: none;
    padding-top: 3.25rem;
  }
  .depth > li {
    margin-bottom: 2.5rem;
  }
  .depth > li > a {
    display: block;
    font-size: 3rem;
  }
  .gnbList > li > a.click + .depth {
    display: block;
  }
  .notiList li {
    padding: 2.5rem;
    margin-bottom: 2.5rem;
    padding-right: 10rem;
  }
  .notiList li .tit {
    padding-bottom: 1.25rem;
    font-size: 3rem;
  }
  .notiList li .cont {
    font-size: 3rem;
  }
  .notiList li:after {
    width: 4rem;
    height: 4rem;
    top: 2.5rem;
    right: 2.5rem;
  }
  .notiNone {
    letter-spacing: -0.6px;
    font-size: 3rem;
  }
  nav.gnb.login .container {
    min-height: calc(100vh - 17.5rem);
    margin-top: 17.5rem;
  }

  /* 로그인 */
  .loginWrap {
    max-width: 100%;
  }
  .loginWrap .inner {
    padding: 20rem 5rem;
    position: relative;
    top: auto;
    transform: none;
  }
  .loginWrap .logo {
    margin-bottom: 8.75rem;
  }
  .loginWrap .logo a {
    width: calc(100% - 17rem);
  }
  .loginWrap .language {
    margin-bottom: 4rem;
  }
  .loginWrap .iptWrap input {
    margin-bottom: 2.5rem;
  }
  .loginWrap .btnTypeChange {
    top: 1.25rem;
    right: 2.5rem;
  }
  .autoLoginCode {
    margin: 2.5rem 0 4rem;
  }
  .autoLoginCode .tit {
    padding-bottom: 2.5rem;
    font-size: 3rem;
  }
  .autoLoginCode .codeWrap {
    height: 10rem;
    margin-bottom: 2.5rem;
  }
  .btnLogin {
    height: 10rem;
    margin-bottom: 2.5rem;
    letter-spacing: -0.6px;
    font-size: 3rem;
  }
  .loginWrap .linkWrap {
    letter-spacing: -0.6px;
    font-size: 3rem;
  }
  .loginWrap .linkWrap a:first-child {
    margin-right: 2rem;
  }
  .loginWrap .linkWrap a:first-child:after {
    height: 4.5rem;
    right: -1.5rem;
  }

  /* 회원가입, 비밀번호 찾기 */
  .infoIptWrap.pwdFind {
    padding-bottom: 15rem;
  }
  .infoIptWrap .country {
    width: 100%;
  }
  .infoIptWrap label {
    gap: 1.25rem;
    font-size: 3rem;
  }
  .infoIptWrap label[for="male"] {
    margin-right: 5rem;
  }
  .infoIptWrap .row > .cont.auto {
    min-height: auto;
  }
  .infoIptWrap .agreeTxt {
    margin-left: 1.25rem;
    font-size: 3rem;
  }
  #agreePop .popCont > div {
    padding-bottom: 2.5rem;
  }

  /* 메인 */
  section.main {
    padding: 17.5rem 0 7.5rem;
  }
  section.main .top {
    flex-wrap: wrap;
    gap: 10.75rem;
    padding-top: 10.75rem;
    padding-bottom: 6.25rem;
  }
  section.main .top > div {
    width: 100%;
  }
  section.main .leftBox h2 {
    width: 100%;
    text-align: center;
    line-height: 1.5;
    font-size: 5rem;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.main .rightBox {
    padding: 0 5rem;
  }
  section.main .rightBox .usdh:before {
    width: 5.5rem;
    height: 5.5rem;
  }
  section.main .rightBox .usdh {
    gap: 1rem;
    justify-content: normal;
    padding-bottom: 3.75rem;
    font-size: 4.375rem;
  }
  section.main .rightBox > div {
    padding: 4.5rem 5rem;
  }
  section.main .rightBox .balanceBox {
    margin-bottom: 3.75rem;
  }
  section.main .rightBox > div .tit {
    padding-bottom: 1.625rem;
    font-size: 3rem;
  }
  section.main .rightBox > div .value {
    font-size: 5rem;
  }
  section.main .rightBox .unit {
    margin-left: 2rem;
  }
  section.main .bottom {
    flex-wrap: wrap;
    gap: 3.5rem;
    padding: 0 5rem;
  }
  section.main .bottom > .box {
    flex: none;
    width: 100%;
    padding: 4.5rem 5rem;
  }
  section.main .bottom > .box .tit {
    padding-bottom: 5.375rem;
    letter-spacing: -1.2px;
    font-size: 3rem;
  }
  section.main .bottom > .box .value:before {
    width: 7.5rem;
    height: 7.5rem;
    bottom: 1.25rem;
  }
  section.main .bottom > .box .value {
    letter-spacing: -1.5px;
    font-size: 3.75rem;
  }
  #updatePop .popInner h3 {
    font-size: 3.75rem;
  }
  #updatePop .popCont {
    font-size: 2.75rem;
  }

  /* 내정보 수정 */
  .appDownload {
    flex-wrap: wrap;
    gap: 1.25rem;
  }
  .appDownload button:before {
    width: 6.25rem;
    height: 6.25rem;
  }
  .appDownload button {
    flex: none;
    gap: 2.5rem;
    width: 100%;
    padding: 1.5rem 1.25rem;
    font-size: 2.75rem;
  }
  .appDownload button br {
    display: none;
  }
  .popContCommon.account {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.5rem;
  }
  .popContCommon.account .qrCode {
    width: 18.75rem;
    height: 18.75rem;
    line-height: 18.75rem;
  }
  .popContCommon.account .msgWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  #securityPop .accountMsg {
    order: 1;
    padding-bottom: 0;
    text-align: center;
    font-size: 2.75rem;
  }
  #securityPop .accountMsg span {
    font-size: 0;
  }
  #securityPop .accountMsg span:after {
    content: "위";
    font-size: 2.75rem;
  }
  #securityPop .accountMsg br {
    display: none;
  }
  .secretKey {
    order: 0;
    gap: 0.45em;
    padding-bottom: 1.25rem;
    font-size: 2.5rem;
    font-weight: normal;
  }
  .btnCopy {
    width: 5rem;
    height: 5rem;
  }

  .exceptionBtn {
    margin-top: 84px;
  }

  .goMemberDelete {
    position: absolute;
    left: 0;
    right: auto;
  }

  .memberDeleteMsg {
    letter-spacing: -0.6px;
    font-size: 3rem;
  }

  /* 지갑 */
  section.wallet {
    padding: 22.5rem 5rem 15rem;
  }
  .walletBoxList > a {
    gap: 5rem;
    padding: 3.5rem 5rem;
  }
  .walletBoxList > a .leftBox {
    width: 10rem;
  }
  .walletBoxList .coinIco {
    width: 10rem;
    height: 10rem;
  }
  .walletBoxList > a .rightBox .tit {
    min-width: 12rem;
  }
  section.wallet .creditList h2.title {
    padding-bottom: 10rem;
    font-size: 4.25rem;
  }
  .myGmmtBox {
    flex-wrap: wrap;
    gap: 6rem;
    padding-bottom: 11.5rem;
  }
  .myGmmtBox > div {
    flex: none;
    width: 100%;
  }
  .myGmmtBox .leftBox {
    width: 100%;
    padding: 0;
  }
  .myGmmtBox .leftBox img {
    width: 31.25rem;
  }
  .myGmmtBox .marketPrice {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1.25rem;
  }
  .myGmmtBox .marketPrice .coinTit:before {
    width: 5rem;
    height: 5rem;
  }
  .myGmmtBox .marketPrice .coinTit {
    gap: 1.25rem;
    padding-bottom: 0;
  }
  .myGmmtBox .marketPrice .coinPrice {
    align-items: center;
    padding-bottom: 0;
    font-size: 2.4rem;
  }
  .myGmmtBox .marketPrice .minus:before,
  .myGmmtBox .marketPrice .plus:before {
    width: 4.5rem;
    height: 4.5rem;
  }
  .myGmmtBox .balanceWrap {
    padding: 3.75rem;
    margin-bottom: 2.5rem;
  }
  .myGmmtBox .balanceWrap .title {
    font-size: 3rem;
  }
  .myGmmtBox .balanceWrap .balance {
    font-size: 5rem;
  }
  .myGmmtBox .balanceWrap .balance > span {
    margin-left: 2.5rem;
    font-size: 3.75rem;
  }
  .myGmmtBox .balanceWrap .coin {
    font-size: 3rem;
  }
  .sm {
    font-size: 2.5rem;
  }
  .myGmmtBox .btnWrap {
    gap: 2.5rem;
  }
  .myGmmtBox .btnWrap button {
    padding: 1.5rem 0;
    font-size: 3rem;
  }
  .tableNormal.wallet div.tbody > div {
    padding: 1.25rem;
    position: relative;
  }
  .tableNormal.wallet div.tbody > div.date,
  .tableNormal.wallet div.tbody > div.value {
    padding: 2.5rem 1.25rem;
    text-align: left;
  }
  .tableNormal.wallet div.tbody > div.txid:before {
    content: "Txid";
    color: #fff;
    position: absolute;
    top: calc(50% - 1px);
    left: 1.25rem;
    transform: translateY(-50%);
  }
  .tableNormal.wallet div.tbody > div.txid {
    display: none;
    width: 75%;
    padding-left: 9.25rem;
    border-top: 2px solid #4e4e4e;
    background: rgba(255, 255, 255, 0.1);
    text-align: left;
    font-size: 2.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  section.wallet.us .tbodyWrap.deposit .txid,
  section.wallet.us .tbodyWrap.withdraw .txid {
    line-height: 2.7;
  }
  .tableNormal.wallet div.tbody > div.status {
    display: none;
    width: 25%;
    padding-right: 1.25rem;
    border-top: 2px solid #4e4e4e;
    background: rgba(255, 255, 255, 0.1);
    text-align: right;
    font-size: 2.2rem;
  }
  .tableNormal.wallet > div.tbodyWrap {
    font-size: 3rem;
  }
  .tableNormal.wallet > div.tbodyWrap .tNormal {
    flex-wrap: wrap;
    align-items: normal;
  }
  .tableNormal.wallet .date,
  .tableNormal.wallet .value {
    width: 50%;
  }
  .tContWrap > div.thead {
    display: none;
  }
  .value .btnToggle {
    display: block;
  }
  .status .btnToggle {
    display: none;
  }
  .btnToggle {
    width: 4.5rem;
    height: 4.5rem;
    background: url(../img/common_mo_ico_next@3x.png) no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .btnToggle.on {
    transform: translateY(-50%) rotate(180deg);
  }
  .tContWrap > div.tbody {
    flex-wrap: wrap;
    border-width: 2px;
    font-size: 2.2rem;
  }
  .tContWrap > div.tbody > div:before {
    color: #fff;
    font-size: 2.2rem;
    position: absolute;
    top: calc(50% - 1px);
    left: 1.25rem;
    transform: translateY(-50%);
  }
  .tContWrap > div.tbody > div.to:before {
    content: "받는 사람";
  }
  .tContWrap > div.tbody > div.from:before {
    content: "보내는 사람";
  }
  .tableNormal.wallet .tContWrap > div.tbody > div {
    width: 50%;
    padding-right: 0;
    padding-left: 23%;
    text-align: left;
  }
  #chargePop .popInner {
    height: auto;
    max-height: 100%;
  }
  #chargePop .popCont {
    padding: 3.75rem 2.5rem 6.25rem;
  }
  #chargePop .coinLogo {
    margin-bottom: 1.25rem;
  }
  .coinLogo img {
    width: 7.5rem;
    height: 7.5rem;
  }
  #chargePop .popCont .tit {
    padding-bottom: 0;
    font-size: 3.5rem;
  }
  .qrCode {
    width: 27rem;
    height: 27rem;
    margin-bottom: 0;
  }
  .walletAddress {
    word-break: break-all;
    line-height: 1;
    letter-spacing: -1.2px;
    font-size: 3rem;
  }
  #chargePop .btnCopy {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.75rem;
  }
  .chargeMsg {
    letter-spacing: -0.6px;
    font-size: 3rem;
  }
  .transferPop .popInner {
    padding-bottom: 12.5rem;
  }
  .transferPop .popCont {
    padding: 3.75rem 2.5rem;
  }
  #transferPop .popCont .txt {
    padding-top: 1.25rem;
    font-size: 3.5rem;
  }
  #transferPop .iptWrap {
    gap: 1.25rem;
  }
  #transferPop .balance {
    padding: 2.25rem 3.75rem;
    margin-top: 5rem;
  }
  .transferPop .popCont > div {
    padding-bottom: 3.75rem;
  }
  #transferPop .balance > div:first-child {
    padding-bottom: 0.75rem;
  }
  #transferPop .balance .tit {
    text-align: left;
    font-size: 3rem;
  }
  #transferPop .balance .value {
    font-size: 3.5rem;
  }
  #transferPop .balance .value > span {
    margin-left: 0.5rem;
    font-size: 2.75rem;
  }
  #transferPop .marketPrice {
    font-size: 3rem;
  }
  #transferPop .popTit {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 3.25rem;
  }
  #transferPop .iptWrap.address {
    padding: 0 1.25rem 1.5rem;
  }
  .transferPop .popCont > div.recentCont {
    padding-bottom: 2.5rem;
  }
  #transferPop .recentCont > div {
    height: 20rem;
  }
  .recentList li {
    gap: 1.75rem;
    padding: 1.25rem;
  }
  .coinLogo.small {
    width: 4.5rem;
  }
  .coinLogo.small + .address {
    word-break: break-all;
    font-size: 2.75rem;
  }
  #confirmPop.transferPop .popCont {
    padding-top: 6.25rem;
  }
  .transferPop .fromTo > div:first-child {
    margin-bottom: 2.5rem;
  }
  .transferPop .fromTo .tit {
    padding-bottom: 1.25rem;
    font-size: 3.25rem;
  }
  .transferPop .fromTo .balance {
    font-size: 2.75rem;
    font-weight: normal;
  }
  .transferPop .fromTo .line {
    height: 2.375rem;
    background-color: #9f9f9f;
  }
  .transferPop .totalPrice .price {
    font-size: 3.5rem;
  }
  .transferPop .totalPrice .price > span {
    font-size: 2.75rem;
  }
  .transferPop .priceList li {
    padding: 1.25rem;
    padding-right: 0;
    font-size: 2.75rem;
  }
  #requestAmount {
    letter-spacing: -0.7px;
    font-size: 3.5rem;
  }
  #confirmPop .popTit {
    padding-bottom: 1.25rem;
    font-size: 3.25rem;
  }
  .btnTypeChange.black {
    right: 1.75rem;
  }
  #confirmPop .certifyCont {
    padding: 2.5rem 1.25rem 1.25rem;
    border-bottom: 1px solid #d2d2d2;
  }
  #confirmPop .certifyCont > div {
    gap: 1.5rem;
    margin-bottom: 1.25rem;
  }
  #confirmPop .certifyCont .iptPwd,
  #confirmPop .optWrap input {
    padding-right: 8rem;
  }

  /* staking */
  section.staking .infoIptWrap .section h3 {
    padding-bottom: 1.25rem;
    font-size: 3.25rem;
  }
  section.staking .infoIptWrap .section h3 .sub {
    display: block;
    font-size: 2.5rem;
  }
  .infoIptWrap .row > .cont.info.bold,
  .infoIptWrap .row > .cont.info:not(.bold) {
    font-size: 3rem;
  }
  .icoCoin {
    width: 6.75rem;
    margin-right: 3.75rem;
  }
  section.staking .marketPrice {
    margin-left: 3.75rem;
    font-size: 3rem;
  }
  section.staking .infoIptWrap label {
    flex: 1;
  }
  .volumeLabelWrap {
    gap: 1.25rem;
  }
  .volumeLabelWrap .txt {
    width: 100%;
    padding: 1.5rem 0;
    border-radius: 10px;
    text-align: center;
    font-size: 3rem;
  }
  .maxWrap {
    flex: 2;
  }
  .maxWrap input[type="text"] {
    padding-right: 6.2rem;
  }
  .maxWrap:after {
    font-size: 3rem;
    right: 2.5rem;
  }
  .maxWrap + .btnBlack,
  .upload-name-label {
    width: 18.25rem;
  }
  section.staking .infoIptWrap .section.certify {
    margin-bottom: 3.75rem;
  }
  .infoIptWrap label.chkWrap {
    gap: 1.25rem;
    align-items: normal;
  }
  section.staking .chkBox {
    margin-top: 1rem;
  }
  section.staking .infoIptWrap .agreeTxt:not(.v2) span:not(.txt) {
    display: block;
  }
  #stakingPop .popInner {
    height: calc(100% - 20rem);
  }
  #stakingPop .popCont {
    height: calc(100% - 26rem);
    padding: 3.75rem 2.5rem;
  }
  .stakingNote li {
    margin-bottom: 2.5rem;
    letter-spacing: -1.2px;
    font-size: 3rem;
  }
  #stakingPop .chkWrap {
    gap: 1.25rem;
    margin-top: 2.5rem;
    font-size: 2.4rem;
  }
  .transferPop .btnWrap,
  .btnWrap.flex {
    gap: 3.75rem;
    padding-top: 2.5rem;
  }
  .transferPop .btnWrap button,
  .btnWrap.flex button {
    height: 7.5rem;
    font-size: 3rem;
  }
  section.profitList .tableNormal .date {
    width: 20%;
    /*padding-bottom: 1.25rem;*/
  }
  section.profitList .tableNormal .cont {
    text-align: left;
  }
  section.profitList .profitListTable {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  section.profitList .profitListTable .tableNormal {
    flex: 0 0 auto;
  }
  section.profitList .profitListTable .tableNormal > div {
    flex-wrap: inherit;
  }
  section.profitList .profitListTable .tableNormal > div.thead {
    display: flex;
    padding: 2.5rem 1.25rem;
    font-size: 3rem;
    width: 800px;
  }

  .tableNormal.add {
    margin-bottom: 9rem;
  }
  .tableNormal.add .tNormal {
    padding-top: 10rem;
  }
  .tableNormal.add .tNormal > div,
  .tableNormal.staking .tNormal > div:not(.date) {
    width: 100%;
    padding-left: 25%;
    margin-bottom: 1.25rem;
    text-align: right;
    position: relative;
  }
  .tableNormal.add .tNormal > div:nth-child(4) {
    margin-bottom: 0;
  }
  .tableNormal.add .tNormal > div:before,
  .tableNormal.staking .tNormal > div:before {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .tableNormal.add .tNormal > div.totalAmount:before {
    content: "총 수량";
  }
  .tableNormal.add .tNormal > div.expectAmount:before {
    content: "예상 이익 수량";
  }
  .tableNormal.add .tNormal > div.profitAmount:before {
    content: "실 이익 수량";
  }
  .tableNormal.add .tNormal > div.amountPercent:before {
    content: "누적 이익율";
  }
  .infoIptWrap.us .tableNormal.staking .tNormal > div:before {
    font-size: 2.7rem;
  }
  .infoIptWrap.us .tableNormal.add .tNormal > div.totalAmount:before {
    content: "Total quantity";
  }
  .infoIptWrap.us .tableNormal.add .tNormal > div.expectAmount:before {
    content: "Expected Profit Quantity";
  }
  .infoIptWrap.us .tableNormal.add .tNormal > div.profitAmount:before {
    content: "Net profit";
  }
  .infoIptWrap.us .tableNormal.add .tNormal > div.amountPercent:before {
    content: "Cumulative profit rate";
  }

  .infoIptWrap.jp .tableNormal.add .tNormal > div.totalAmount:before {
    content: "総数量";
  }
  .infoIptWrap.jp .tableNormal.add .tNormal > div.expectAmount:before {
    content: "予想利益数量";
  }
  .infoIptWrap.jp .tableNormal.add .tNormal > div.profitAmount:before {
    content: "実利益数量";
  }
  .infoIptWrap.jp .tableNormal.add .tNormal > div.amountPercent:before {
    content: "累積利益率";
  }

  .tableNormal.add .tbody > div.action,
  .tableNormal.staking .tbody > div.status {
    width: auto;
    padding: 0;
    position: absolute;
    top: 2.5rem;
    right: 1.25rem;
  }
  .tableNormal.add a.action {
    padding: 1.25rem 2.5rem;
    font-size: 2.5rem;
  }
  .tableNormal.add .statusMark {
    font-size: 2.5rem;
  }
  .tableNormal.staking .tNormal > div.date,
  .tableNormal.staking .tNormal > div.approvaldate,
  .tableNormal.staking .tNormal > div.monthRate,
  .tableNormal.staking .tNormal > div.amount,
  .tableNormal.staking .tNormal > div.profit,
  .tableNormal.staking .tNormal > div.totalRate,
  .tableNormal.staking .tNormal > div.endDate {
    width: 100%;
  }
  .tableNormal.staking .tNormal > div.date {
    padding: 1.25rem 0;
    margin-bottom: 1.25rem;
  }
  /* .tableNormal.staking .tNormal > div.totalRate {
    margin-bottom: 0;
  } */
  .tableNormal.staking .tNormal > div.approvaldate:before {
    content: "승인일";
  }
  .tableNormal.staking .tNormal > div.amount:before {
    content: "신청수량(GMMT)";
  }
  .tableNormal.staking .tNormal > div.monthRate:before {
    content: "월수익율";
  }
  .tableNormal.staking .tNormal > div.profit:before {
    content: "총이익";
  }
  .tableNormal.staking .tNormal > div.totalRate:before {
    content: "총이익율";
  }
  .tableNormal.staking .tNormal > div.endDate:before {
    content: "종료날짜";
  }
  .infoIptWrap.us .tableNormal.staking .tNormal > div.approvaldate:before {
    content: "Approval date";
  }
  .infoIptWrap.us .tableNormal.staking .tNormal > div.amount:before {
    content: "Requested Quantity (current price)";
  }
  .infoIptWrap.us .tableNormal.staking .tNormal > div.monthRate:before {
    content: "Monthly rate of return";
  }
  .infoIptWrap.us .tableNormal.staking .tNormal > div.profit:before {
    content: "Gross profit";
  }
  .infoIptWrap.us .tableNormal.staking .tNormal > div.totalRate:before {
    content: "Gross margin";
  }
  .infoIptWrap.us .tableNormal.staking .tNormal > div.endDate:before {
    content: "End Date";
  }
  .infoIptWrap.jp .tableNormal.staking .tNormal > div.approvaldate:before {
    content: "承認日";
  }
  .infoIptWrap.jp .tableNormal.staking .tNormal > div.amount:before {
    content: "申請数量(GMMT)";
  }
  .infoIptWrap.jp .tableNormal.staking .tNormal > div.monthRate:before {
    content: "月収益率";
  }
  .infoIptWrap.jp .tableNormal.staking .tNormal > div.profit:before {
    content: "総利益";
  }
  .infoIptWrap.jp .tableNormal.staking .tNormal > div.totalRate:before {
    content: "総利益率";
  }
  .infoIptWrap.jp .tableNormal.staking .tNormal > div.endDate:before {
    content: "終了日";
  }
  .tableNormal.staking .tNormal > div.amount > span {
    font-size: 2.75rem;
  }
  .popCont .cont.flex_center_ch {
    display: block;
  }
  span.gmmtCost {
    font-size: 3rem;
    margin-left: 0;
  }
  .popCont .cont.flex_start input {
    padding: 1.25rem 1rem;
    width: calc(100% / 2 - 5px);
  }
  .popCont .cont.flex_start input:nth-child(2) {
    margin-right: 0;
  }
  .popCont .cont.flex_start input:nth-child(3) {
    margin-right: 4px;
  }
  .popCont .cont.flex_start input:nth-child(4) {
    margin-bottom: 4px;
  }
  .popCont .cont.flex_start input:nth-child(5) {
    margin-left: 0;
  }
  .popCont .cont.flex_start button.btnDel,
  .popCont .cont.flex_start button.btnAdd {
    width: 38px;
    height: 38px;
  }
  .upload-name-label {
    height: 8rem;
  }
  .popCont .cont button.btnDel {
    line-height: 5.5rem;
  }

  /* 달력 */
  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
    height: 40px;
  }

  /* swap */
  section.swap .maxWrap input[type="text"] {
    padding-right: 12.5rem;
  }
  .tableNormal.swap > div.tbody {
    padding: 2.5rem 1.25rem;
  }
  .tableNormal.swap .tNormal > div.date,
  .tableNormal.swap .tNormal > div.email {
    padding-right: 17rem;
  }
  .tableNormal.swap .tNormal > div.date {
    padding-bottom: 0.5rem;
  }
  .tableNormal.swap .tNormal > div.email {
    padding-bottom: 2.5rem;
  }
  .tableNormal.swap .tNormal > div.from {
    padding-bottom: 1.25rem;
  }
  .tableNormal.swap .tNormal > div.status {
    top: 2.5rem;
    right: 1.25rem;
  }
  .statusMark {
    padding: 1.25rem 2.5rem;
    font-size: 3rem;
  }

  /* 공지사항 */
  .infoIptWrap h2.title {
    padding-bottom: 9.6rem;
  }
  section.community .infoIptWrap > .top {
    flex-wrap: wrap;
  }
  section.community .tableTit {
    order: 1;
  }
  .searchWrap {
    width: 100%;
    padding-bottom: 5rem;
  }
  .searchWrap input[type="text"] {
    height: 7.5rem;
  }
  .searchWrap .btnSearch {
    width: 3.75rem;
    height: 3.75rem;
    top: 1.875rem;
    right: 2.5rem;
  }
  .tableNormal.notice .date {
    order: 0;
    flex: none;
    width: auto;
    padding-right: 1.25rem;
  }
  .tableNormal.notice .date:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 2.5rem;
    margin-left: 1.25rem;
    background-color: #9f9f9f;
    vertical-align: middle;
  }
  .tableNormal.notice .hits {
    order: 1;
    width: auto;
  }
  .tableNormal.notice .writer {
    order: 2;
    flex: 2;
    color: #fff;
    text-align: right;
    font-weight: bold;
  }
  .tableNormal.notice .tbody .title {
    order: 3;
    width: 100%;
    padding-top: 1.25rem;
  }
  .tableNormal.notice .tbody .title a {
    padding: 0;
  }
  section.community.view .infoIptWrap {
    min-height: calc(100% - 11.5rem);
    padding-top: 28rem;
  }
  section.community .viewTitle .title {
    display: block;
    padding: 3rem 8.75rem 3rem 1.25rem;
    font-size: 3rem;
    white-space: nowrap;
  }
  .noticeList {
    width: 5rem;
    height: 5rem;
    bottom: 2.5rem;
  }
  section.community .viewTitle > .info {
    padding: 2.5rem 1.25rem;
    font-size: 2.75rem;
  }
  section.community .viewTitle .writer {
    font-size: 2.75rem;
  }
  section.community .viewCont {
    min-height: calc(100vh - 63rem);
    padding: 2.5rem;
    border-bottom: 1px solid #d2d2d2;
    font-size: 3rem;
  }
  section.community .viewBottom {
    display: none;
  }

  /* 1촌 친구맺기 */
  section.friend .infoIptWrap h2.title {
    padding-bottom: 3.75rem;
  }
  section.friend .section h3 {
    display: none;
  }
  section.friend .flexWrap {
    flex-wrap: wrap;
    gap: 8.75rem;
  }
  section.friend .qrCode {
    width: 38.75rem;
    height: 38.75rem;
    border-radius: 10px;
    overflow: hidden;
  }
  section.friend .myCodeInfo {
    width: 100%;
  }
  section.friend .infoIptWrap .row > .cont {
    min-height: auto;
  }
  section.friend .myInfo {
    flex: 2;
    font-size: 3rem;
  }
  section.friend .btnCopy {
    width: 5rem;
    height: 5rem;
  }

  /* 조직도 */
  section.tree .infoIptWrap {
    height: calc(100vh - 24rem);
  }
  section.tree .infoIptWrap h2.title {
    padding-bottom: 5rem;
  }
  .zoomWrap {
    padding-bottom: 5.625rem;
  }
  .zoomWrap button {
    padding: 2.5rem;
    font-size: 3rem;
  }
  .zoomWrap button:before {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1.25rem;
  }

  /* 푸터 */
  footer {
    padding: 2.5rem 5rem 5rem;
    font-size: 2.75rem;
  }
}
@media screen and (max-width: 575px) {
  html {
    font-size: 7px;
  }
  /* 헤더 */
  header .rightMenu button:not(.btnLogout) {
    width: 8rem;
    height: 8rem;
  }
  header .rightMenu .btnNoti.new:after {
    width: 1.25rem;
    height: 1.25rem;
    top: 2.3rem;
    right: 2.3rem;
  }
  header .btnMenu {
    width: 8rem;
    height: 8rem;
  }
  header.toggle .language {
    top: 5.5rem;
  }

  /* 사이드 메뉴 */
  nav.gnb .container {
    height: calc(100vh - 37.375rem);
    margin-top: 37.375rem;
  }

  /* 메인 */
  section.main .leftBox h2 {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 6px;
  }
  /* 공통 */
  section {
    min-height: calc(100vh - 9.2rem);
  }
  .language {
    width: 6rem;
  }
  .language:after {
    width: 1.5rem;
    top: 1.5rem;
  }
  .language .langList {
    font-size: 2.4rem;
  }
  .language.open:after {
    top: 1.3rem;
  }
  input[type="text"],
  input:-webkit-autofill,
  input[type="password"] {
    height: 6rem;
    padding: 1rem 2rem;
    line-height: 6rem;
    font-size: 2.4rem;
  }
  input[type="radio"] + .chkBox,
  input[type="checkbox"] + .chkBox {
    width: 1.8rem;
    height: 1.8rem;
  }
  .btnTypeChange {
    width: 4rem;
    height: 4rem;
  }
  input[type="text"].iptPwd,
  input[type="password"].iptPwd,
  .upload-name-label {
    padding-right: 8rem;
  }
  select {
    height: 6rem;
    padding: 1rem 2rem;
    background-size: 1.5rem;
    background-position-x: calc(100% - 2.4rem);
    font-size: 2.4rem;
  }
  .infoIptWrap {
    padding: 18rem 4rem 16rem;
  }
  .infoIptWrap h2.title {
    padding-bottom: 4rem;
    font-size: 3.4rem;
  }
  .infoIptWrap .section {
    margin-bottom: 5rem;
  }
  .infoIptWrap .section h3 {
    padding-bottom: 2rem;
    font-size: 2.8rem;
  }
  .infoIptWrap .row {
    padding: 2rem 1rem;
  }
  .infoIptWrap .row > .tit {
    padding-bottom: 1rem;
    font-size: 2.4rem;
  }
  .btnBlack,
  .upload-name-label {
    height: 6.4rem;
    padding: 1.5rem 0.8rem;
    font-size: 2.4rem;
  }
  .btnSubmit {
    height: 8rem;
    font-size: 2.4rem;
  }
  .popInner {
    width: calc(100% - 8rem);
    padding: 6rem 3rem;
    border-radius: 5px;
  }
  .popInner h3 {
    padding-bottom: 1.8rem;
    font-size: 3.6rem;
  }
  .popInner .btnPopHide {
    width: 4rem;
    height: 4rem;
    top: 2.4rem;
    right: 3rem;
  }
  .popInner .hideADayBtn{
    padding: 8px 10px 10px 10px;
  }
  .popCont {
    height: calc(100% - 7rem);
    padding: 2rem;
    border-radius: 5px;
  }
  .popCont .tit {
    padding-bottom: 2rem;
    font-size: 2.6rem;
  }
  .popCont .cont {
    font-size: 2.4rem;
  }
  .popTitCommon {
    padding-bottom: 1rem;
    font-size: 2.6rem;
  }
  .popContCommon {
    padding: 1rem;
  }
  .tableNormal > div {
    font-size: 2.4rem;
  }
  section.profitList .profitListTable .tableNormal > div.thead {
    padding: 2rem 1rem;
    font-size: 2.4rem;
  }
  .tableNormal > div.tbody {
    padding: 2rem 1rem;
    font-size: 2.4rem;
  }
  #loadingPop .loadingContainer {
    width: 12rem;
    height: 12rem;
  }
  #loadingPop .loading {
    border-width: 1px;
  }
  #loadingPop .loadingTxt {
    font-size: 1.8rem;
  }
  /* 거래 비밀번호 키패드 */
  .keyPadPop .popInner {
    width: calc(100% - 8rem);
    padding: 6rem 3rem;
  }
  .keyPadPop .popInner h3 {
    padding-bottom: 2.2rem;
    font-size: 3.2rem;
  }
  .keyPadPop .popCont {
    padding: 3rem 1rem;
  }
  .keyPadPop .popCont .tit {
    padding-bottom: 5rem;
    font-size: 2.8rem;
  }
  .keyPadPop .pwdCircle {
    gap: 1rem;
    padding-bottom: 5em;
  }
  .keyPadPop .pwdCircle > span {
    width: 3rem;
    height: 3rem;
  }
  .keyPadPop .keyPad > span {
    width: calc(33.3% - 0.67rem);
    height: 8rem;
    padding: 2.2rem 0;
    border-radius: 5px;
    font-size: 2.4rem;
  }
  .keyPadPop .keyPad > span.delete:after {
    width: 3.6rem;
    height: 3.6rem;
  }
  .kepadOn {
    height: 6rem;
    top: 0.5rem;
  }

  /* 헤더 */
  header .container {
    padding: 3rem 4rem;
  }
  header h1 {
    height: 4.6rem;
  }
  header .btnMenu .line {
    width: 4rem;
    height: 2px;
  }
  header .btnMenu .line:before {
    top: -0.8rem;
  }
  header .btnMenu .line:after {
    top: 0.8rem;
  }
  header .btnMenu.toggle .line:before {
    transform: rotate(45deg) translate(0.3rem, -0.9rem);
  }
  header .btnMenu.toggle .line:after {
    transform: rotate(-45deg) translate(0.2rem, 1rem);
  }
  header .rightMenu .btnNoti.new:after {
    width: 1.2rem;
    height: 1.2rem;
    top: 2.2rem;
    right: 2.2rem;
  }
  header.toggle {
    padding-bottom: 17.5rem;
    border-width: 1px;
  }
  header.toggle .language {
    top: 5.2rem;
    left: 5rem;
  }
  header.toggle .rightMenu .userName {
    width: calc(100% - 23rem);
    font-size: 3.6rem;
    top: 16rem;
    left: 5rem;
  }
  header.toggle .rightMenu .userId {
    width: calc(100% - 23rem);
    font-size: 2.4rem;
    top: 22.2rem;
    left: 5rem;
  }
  header.toggle .rightMenu .btnLogout {
    padding: 1rem 2rem;
    font-size: 2.4rem;
    top: 20rem;
    right: 4rem;
  }

  /* 사이드 메뉴 */
  nav.gnb .container {
    height: calc(100vh - 31.5rem);
    margin-top: 31.5rem;
  }
  .gnbList,
  nav.us .gnbList {
    padding: 3.6rem 4rem 7.2rem;
  }
  .gnbList > li,
  nav.us .gnbList > li {
    margin-bottom: 3.2rem;
  }
  .gnbList > li:last-child {
    padding-bottom: 7.5rem;
  }
  .gnbList > li > a,
  nav.us .gnbList > li > a {
    font-size: 3.6rem;
  }
  .depth {
    padding-top: 2.6rem;
  }
  .depth > li {
    margin-bottom: 2rem;
  }
  .depth > li > a {
    font-size: 2.4rem;
  }
  #notiPop .popInner {
    height: calc(100% - 30rem);
  }
  .notiList li {
    padding: 2rem;
    margin-bottom: 2rem;
    padding-right: 8rem;
  }
  .notiList li .tit {
    padding-bottom: 1rem;
    font-size: 2.4rem;
  }
  .notiList li .cont {
    font-size: 2.4rem;
  }
  .notiList li:after {
    width: 3.2rem;
    height: 3.2rem;
    top: 2rem;
    right: 2rem;
  }
  .notiNone {
    font-size: 2.4rem;
  }
  nav.gnb.login .container {
    min-height: calc(100vh - 14rem);
    margin-top: 14rem;
  }

  /* 로그인 */
  .loginWrap {
    min-height: calc(100vh - 9.6rem);
  }
  .loginWrap .inner {
    padding: 0 4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .loginWrap .logo a {
    width: calc(100% - 14rem);
  }
  .loginWrap .language {
    margin-bottom: 3.2rem;
  }
  .loginWrap .iptWrap input {
    margin-bottom: 2rem;
  }
  .loginWrap .btnTypeChange {
    top: 1rem;
    right: 2rem;
  }
  .autoLoginCode {
    margin: 2rem 0 3.2rem;
  }
  .autoLoginCode .tit {
    padding-bottom: 2rem;
    font-size: 2.4rem;
  }
  .autoLoginCode .codeWrap {
    height: 8rem;
    margin-bottom: 2rem;
  }
  .btnLogin {
    height: 8rem;
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }
  .loginWrap .linkWrap {
    font-size: 2.4rem;
  }
  .loginWrap .linkWrap a:first-child {
    margin-right: 1.6rem;
  }
  .loginWrap .linkWrap a:first-child:after {
    height: 3.6rem;
    right: -1.2rem;
  }

  /* 회원가입, 비밀번호 찾기 */
  .infoIptWrap.pwdFind {
    padding-bottom: 12rem;
  }
  .infoIptWrap label {
    gap: 1rem;
    font-size: 2.4rem;
  }
  .infoIptWrap label[for="male"] {
    margin-right: 4rem;
  }
  .infoIptWrap .agreeTxt {
    margin-left: 1rem;
    font-size: 2.4rem;
  }
  #agreePop .popInner {
    height: calc(100% - 30rem);
  }
  #agreePop .popCont > div {
    padding-bottom: 2rem;
  }
  .btnSubmit {
    border-radius: 5px;
  }

  /* 메인 */
  section.main {
    padding: 14rem 0 6rem;
  }
  section.main .top {
    gap: 8.6rem;
    padding-top: 8.6rem;
    padding-bottom: 5rem;
  }
  section.main .leftBox h2 {
    font-size: 4rem;
  }
  section.main .rightBox {
    padding: 0 4rem;
  }
  section.main .rightBox .usdh:before {
    width: 4.4rem;
    height: 4.4rem;
  }
  section.main .rightBox .usdh {
    gap: 0.8rem;
    padding-bottom: 3rem;
    font-size: 3.5rem;
  }
  section.main .rightBox > div {
    padding: 3.6rem 4rem;
    border-width: 2px;
    border-radius: 5px;
  }
  section.main .rightBox .balanceBox {
    margin-bottom: 3rem;
  }
  section.main .rightBox > div .tit {
    padding-bottom: 1.3rem;
    font-size: 2.4rem;
  }
  section.main .rightBox > div .value {
    font-size: 4rem;
  }
  section.main .rightBox .unit {
    margin-left: 1.6rem;
  }
  section.main .bottom {
    gap: 2.8rem;
    padding: 0 4rem;
  }
  section.main .bottom > .box {
    padding: 3.6rem 4rem;
    border-width: 1px;
  }
  section.main .bottom > .box .tit {
    padding-bottom: 4.3rem;
    font-size: 2.4rem;
  }
  section.main .bottom > .box .value:before {
    width: 6rem;
    height: 6rem;
    bottom: 1rem;
  }
  section.main .bottom > .box .value {
    font-size: 3rem;
  }
  #updatePop .popInner h3 {
    font-size: 3rem;
  }
  #updatePop .popCont {
    font-size: 2.2rem;
  }

  /* 내정보 수정 */
  .appDownload {
    gap: 1rem;
  }
  .appDownload button:before {
    width: 5rem;
    height: 5rem;
  }
  .appDownload button {
    gap: 2rem;
    padding: 1.2rem 1rem;
    font-size: 2.2rem;
  }
  .popContCommon.account {
    gap: 2rem;
  }
  .popContCommon.account .qrCode {
    width: 15rem;
    height: 15rem;
    line-height: 15rem;
  }
  #securityPop .accountMsg {
    font-size: 2.2rem;
  }
  #securityPop .accountMsg span:after {
    font-size: 2.2rem;
  }
  #securityPop .accountMsg br {
    display: block;
  }
  .secretKey {
    gap: 0.2em;
    padding-bottom: 1rem;
    font-size: 2rem;
  }
  .btnCopy {
    width: 4rem;
    height: 4rem;
  }

  .exceptionBtn {
    margin-top: 59px;
  }

  .memberDeleteMsg {
    font-size: 2.4rem;
  }

  /* 지갑 */
  section.wallet {
    padding: 18rem 4rem 12rem;
  }
  .walletBoxList > a {
    gap: 4rem;
    padding: 3rem 4rem;
    border-width: 2px;
    border-radius: 5px;
  }
  .walletBoxList > a .leftBox {
    width: 9rem;
  }
  .walletBoxList .coinIco {
    width: 9rem;
    height: 9rem;
  }
  .walletBoxList > a .rightBox .tit {
    font-size: 2.2rem;
  }
  .walletBoxList > a .rightBox .value {
    font-size: 3rem;
  }
  section.wallet .creditList h2.title {
    padding-bottom: 8rem;
    font-size: 3.4rem;
  }
  .myGmmtBox {
    gap: 4.8rem;
    padding-bottom: 9.2rem;
  }
  .myGmmtBox .leftBox img {
    width: 25rem;
  }
  .myGmmtBox .marketPrice {
    padding-bottom: 1rem;
  }
  .myGmmtBox .marketPrice .coinTit:before {
    width: 4.5rem;
    height: 4.5rem;
  }
  .myGmmtBox .marketPrice .coinTit {
    gap: 1rem;
  }
  .myGmmtBox .marketPrice .coinPrice {
    font-size: 2.2rem;
  }
  .myGmmtBox .marketPrice .minus:before,
  .myGmmtBox .marketPrice .plus:before {
    width: 3.6rem;
    height: 3.6rem;
  }
  .myGmmtBox .balanceWrap {
    padding: 3rem;
    margin-bottom: 2rem;
    border-width: 2px;
    border-radius: 5px;
  }
  .myGmmtBox .balanceWrap .title {
    font-size: 2.4rem;
  }
  .myGmmtBox .balanceWrap .balance {
    font-size: 4rem;
  }
  .myGmmtBox .balanceWrap .balance > span {
    margin-left: 2rem;
    font-size: 3rem;
  }
  .myGmmtBox .balanceWrap .coin {
    font-size: 2.4rem;
  }
  .sm {
    font-size: 2rem;
  }
  .myGmmtBox .btnWrap {
    gap: 2rem;
  }
  .myGmmtBox .btnWrap button {
    padding: 1.2rem 0;
    border-radius: 5px;
    font-size: 2.4rem;
  }
  .tableNormal {
    margin-bottom: 4rem;
    font-size: 3.6rem;
  }
  .tableTit {
    padding-bottom: 2rem;
    font-size: 2.8rem;
  }
  .tableNormal.wallet div.tbody > div {
    padding: 1rem;
  }
  .tableNormal.wallet > div.tbodyWrap {
    font-size: 2.4rem;
  }
  .tableNormal.wallet div.tbody > div.date,
  .tableNormal.wallet div.tbody > div.value {
    padding: 2rem 1rem;
  }
  .tableNormal.wallet div.tbody > div.txid,
  .tableNormal.wallet div.tbody > div.status,
  .tContWrap > div.tbody {
    border-width: 1px;
  }
  .btnToggle {
    width: 3.6rem;
    height: 3.6rem;
  }
  .paging {
    gap: 3rem;
    font-size: 2.4rem;
  }
  .paging li.prev,
  .paging li.next {
    width: 2.2rem;
    height: 2.2rem;
  }
  #chargePop .popCont {
    padding: 3rem 2rem 5rem;
  }
  #chargePop .coinLogo {
    margin-bottom: 1rem;
  }
  .coinLogo img {
    width: 6rem;
    height: 6rem;
  }
  #chargePop .popCont .tit {
    font-size: 2.8rem;
  }
  .qrCode {
    width: 21.6rem;
    height: 21.6rem;
  }
  .walletAddress {
    font-size: 2.4rem;
  }
  #chargePop .btnCopy {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.4rem;
  }
  .chargeMsg {
    font-size: 2.4rem;
  }
  .transferPop .popInner {
    height: calc(100% - 30rem);
    padding-bottom: 10rem;
  }
  .transferPop .popCont {
    padding: 3rem 2rem;
  }
  #transferPop .popCont .txt {
    padding-top: 1rem;
    font-size: 2.8rem;
  }
  #transferPop .iptWrap {
    gap: 1rem;
  }
  #transferPop .balance {
    padding: 1.8rem 3rem;
    margin-top: 4rem;
  }
  .transferPop .popCont > div {
    padding-bottom: 3rem;
  }
  #transferPop .balance > div:first-child {
    padding-bottom: 0.6rem;
  }
  #transferPop .balance .tit {
    font-size: 2.4rem;
  }
  #transferPop .balance .value {
    font-size: 2.8rem;
  }
  #transferPop .balance .value > span {
    margin-left: 0.4rem;
    font-size: 2.22rem;
  }
  #transferPop .marketPrice {
    font-size: 2.4rem;
  }
  #transferPop .popTit {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-size: 2.6rem;
  }
  #transferPop .iptWrap.address {
    padding: 0 1rem 1.2rem;
  }
  .transferPop .popCont > div.recentCont {
    padding-bottom: 2rem;
  }
  #transferPop .recentCont > div {
    height: 16rem;
  }
  .recentList li {
    gap: 1.4rem;
    padding: 1rem;
  }
  .coinLogo.small {
    width: 3.6rem;
  }
  .coinLogo.small + .address {
    font-size: 2.2rem;
  }
  #confirmPop.transferPop .popCont {
    padding-top: 5rem;
  }
  .transferPop .fromTo > div:first-child {
    margin-bottom: 2rem;
  }
  .transferPop .fromTo .tit {
    padding-bottom: 1rem;
    font-size: 2.6rem;
  }
  .transferPop .fromTo .balance {
    font-size: 2.2rem;
  }
  .transferPop .fromTo .line {
    height: 1.9rem;
  }
  .transferPop .totalPrice .total {
    padding-bottom: 1rem;
    font-size: 2.6rem;
  }
  .transferPop .totalPrice .price {
    font-size: 2.8rem;
  }
  .transferPop .totalPrice .price > span {
    font-size: 2.2rem;
  }
  .transferPop .priceList li {
    padding: 1rem;
    font-size: 2.2rem;
  }
  #requestAmount {
    font-size: 2.8rem;
  }
  #confirmPop .popTit {
    padding-bottom: 1rem;
    font-size: 2.6rem;
  }
  .btnTypeChange.black {
    right: 1.4rem;
  }
  #confirmPop .certifyCont {
    padding: 2rem 1rem 1rem;
  }
  #confirmPop .certifyCont > div {
    gap: 1.2rem;
    margin-bottom: 1rem;
  }

  /* staking */
  section.staking .infoIptWrap .section h3 {
    padding-bottom: 1rem;
    font-size: 2.6rem;
  }
  section.staking .infoIptWrap .section h3 .sub {
    word-break: keep-all;
    font-size: 2rem;
  }
  .infoIptWrap .row > .cont.info.bold,
  .infoIptWrap .row > .cont.info:not(.bold) {
    font-size: 2.4rem;
  }
  .icoCoin {
    width: 5.4rem;
    margin-right: 3rem;
  }
  section.staking .marketPrice {
    margin-left: 3rem;
    font-size: 2.4rem;
  }
  .volumeLabelWrap {
    gap: 1rem;
  }
  .volumeLabelWrap .txt {
    padding: 1.2rem 0;
    border-radius: 5px;
    font-size: 2.4rem;
  }
  .maxWrap input[type="text"] {
    padding-right: 5rem;
  }
  .maxWrap:after {
    font-size: 2.4rem;
    top: calc(50% - 1px);
    right: 2rem;
  }
  .maxWrap + .btnBlack {
    width: 14.6rem;
  }
  section.staking .infoIptWrap .section.certify {
    margin-bottom: 3rem;
  }
  .infoIptWrap label.chkWrap {
    gap: 1rem;
  }
  section.staking .chkBox {
    margin-top: 0.8rem;
  }
  #stakingPop .popInner {
    height: calc(100% - 30rem);
  }
  #stakingPop .popCont {
    height: calc(100% - 20.8rem);
    padding: 3rem 2rem;
  }
  .stakingNote li {
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }
  #stakingPop .chkWrap {
    gap: 1rem;
    margin-top: 2rem;
  }
  .transferPop .btnWrap,
  .btnWrap.flex {
    gap: 3rem;
    padding-top: 2rem;
  }
  .transferPop .btnWrap button,
  .btnWrap.flex button {
    height: 6rem;
    border-radius: 5px;
    font-size: 2.4rem;
  }
  section.profitList .tableNormal .date {
    padding-bottom: 1rem;
  }
  .tableNormal.add {
    margin-bottom: 7.2rem;
  }
  .tableNormal.add .tNormal {
    padding-top: 8rem;
  }
  .tableNormal.add .tNormal > div,
  .tableNormal.staking .tNormal > div {
    margin-bottom: 1rem;
  }
  .tableNormal.add .tbody > div.action,
  .tableNormal.staking .tbody > div.status {
    top: 2rem;
    right: 1rem;
  }
  .tableNormal.add a.action {
    padding: 1rem 2rem;
    font-size: 2rem;
  }
  .tableNormal.add .statusMark {
    font-size: 2rem;
  }
  .tableNormal.staking .tNormal > div.date {
    padding: 0.9rem 0;
    margin-bottom: 1rem;
  }
  .tableNormal.staking .tNormal > div.amount > span {
    font-size: 2.2rem;
  }
  .infoIptWrap.us .tableNormal.staking .tNormal > div:before {
    font-size: 2.4rem;
  }

  /* swap */
  section.swap .maxWrap input[type="text"] {
    padding-right: 10rem;
  }
  .tableNormal.swap > div.tbody {
    padding: 2rem 1rem;
  }
  .tableNormal.swap .tNormal > div.date,
  .tableNormal.swap .tNormal > div.email {
    padding-right: 13.6rem;
  }
  .tableNormal.swap .tNormal > div.date {
    padding-bottom: 0.4rem;
  }
  .tableNormal.swap .tNormal > div.email {
    padding-bottom: 2rem;
  }
  .tableNormal.swap .tNormal > div.from {
    padding-bottom: 1rem;
  }
  .tableNormal.swap .tNormal > div.status {
    top: 2rem;
    right: 1rem;
  }
  .statusMark {
    padding: 1rem 2rem;
    font-size: 2.2rem;
  }

  /* 공지사항 */
  .infoIptWrap h2.title {
    padding-bottom: 7.6rem;
  }
  .searchWrap {
    padding-bottom: 4rem;
  }
  .searchWrap input[type="text"] {
    height: 6rem;
  }
  .searchWrap .btnSearch {
    width: 3rem;
    height: 3rem;
    top: 1.5rem;
    right: 2rem;
  }
  .tableNormal.notice .date {
    padding-right: 1rem;
  }
  .tableNormal.notice .date:after {
    height: 2rem;
    margin-left: 1rem;
  }
  .tableNormal.notice .tbody .title {
    padding-top: 1rem;
  }
  section.community.view .infoIptWrap {
    min-height: calc(100vh - 9.2rem);
    padding-top: 22.4rem;
  }
  section.community .viewTitle .title {
    padding: 2.4rem 7rem 2.4rem 1rem;
    font-size: 2.4rem;
  }
  .noticeList {
    width: 4rem;
    height: 4rem;
    bottom: 2rem;
  }
  section.community .viewTitle > .info {
    padding: 2rem 1rem;
    font-size: 2.2rem;
  }
  section.community .viewTitle .writer {
    font-size: 2.2rem;
  }
  section.community .viewCont {
    min-height: calc(100vh - 51rem);
    padding: 2rem;
    font-size: 2.4rem;
  }

  /* 1촌 친구맺기 */
  section.friend .infoIptWrap h2.title {
    padding-bottom: 3rem;
  }
  section.friend .flexWrap {
    gap: 7rem;
  }
  section.friend .qrCode {
    width: 31rem;
    height: 31rem;
    border-radius: 5px;
  }
  section.friend .myInfo {
    font-size: 2.4rem;
  }
  section.friend .btnCopy {
    width: 4rem;
    height: 4rem;
  }

  /* 조직도 */
  section.tree .infoIptWrap {
    height: calc(100vh - 19.2rem);
  }
  section.tree .infoIptWrap h2.title {
    padding-bottom: 4rem;
  }
  .zoomWrap {
    padding-bottom: 4.5rem;
  }
  .zoomWrap button {
    padding: 2rem;
    font-size: 2.4rem;
  }
  .zoomWrap button:before {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
  }

  /* 푸터 */
  footer {
    padding: 2rem 4rem 4rem;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 5px;
  }

  /* 메인 */
  section.main .leftBox h2 {
    font-size: 4.2rem;
  }

  /* 내정보 수정 */
  .exceptionBtn {
    margin-top: 52px;
  }
}