html, body {
  min-height: 100%;
}

.dpn {
  display: none !important;
}

.template {
  display: none !important;
}

#main .ct .tit h3 {
  line-height: 1em;
}
#main .alert {
  background: #548a44;
  color: #fff;
  text-align: center;
  font-family: Noto Sans Kannada;
  padding: 0.5em 0 0.25em;
  margin: 1em 0;
}

#login .tit {
  color: #234d7f;
}

#sub {
  height: calc(100% - 66px);
  padding: 15px 15px 55px;
  box-sizing: border-box;
  min-width: 320px;
}
#sub .listA, #sub .listNotice {
  width: 100%;
}
#sub .listA li, #sub .listNotice li {
  font-size: 13px;
  text-align: center;
  padding: 15px 0;
  place-content: center;
}
#sub .listA li.head, #sub .listNotice li.head {
  border-bottom: 1px solid #e5e5e5;
}
#sub .listA li div.list-head, #sub .listNotice li div.list-head {
  width: 100%;
  display: flex;
}
#sub .listA li:first-child, #sub .listNotice li:first-child {
  border-top: 1px solid #e5e5e5;
}
#sub .listA li div, #sub .listNotice li div {
  width: 100%;
  text-align: center;
  font-size: 13px;
}
#sub .listA .head .subject, #sub .listNotice .head .subject {
  text-align: center;
}
#sub .listA li .subject, #sub .listNotice li .subject {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#sub .listA li.body article, #sub .listNotice li.body article {
  height: 0;
  overflow: hidden;
}
#sub .listA li.body.active article, #sub .listNotice li.body.active article {
  height: 100%;
  overflow: auto;
  padding: 10px;
  background: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 0.5em;
  font-size: 13px;
  margin: 5px;
}
#sub .listA li.body article aside, #sub .listNotice li.body article aside {
  margin: 20px 0 0;
  display: block;
}
#sub .listA.assets li {
  padding: 0;
}
#sub .listA.assets li .amount, #sub .listA.assets li .balance {
  text-align: right;
  padding: 0 10px;
}
#sub .listA.assets li .date, #sub .listA.assets li .content {
  text-align: left;
  padding: 0 10px;
}
#sub .listA.assets li:nth-of-type(even) {
  background: #eaeaea;
  font-size: 0.8em;
}
#sub .listA.assets li:nth-of-type(odd) {
  background: #fff;
  border-bottom-color: transparent;
}
#sub .listA.assets li.body .content {
  font-size: 0.7rem;
  color: #676767;
}
#sub .listA.assets li.head:nth-of-type(even) {
  padding-top: 0;
}
#sub .listA .price em {
  display: block;
  margin-top: -10px;
}
#sub .subCt .infoB {
  padding: 30px 3% 79px;
}

.fixedButton a, .fixedButton button {
  width: 100%;
  text-align: center;
  padding: 15px 0;
  /* font-size: 15px; */
}

#sub .subCt .formA .formList li .w70 {
  display: inline-block;
}

textarea {
  font-size: 13px;
}

#imageInput {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}

#sub .mypage .mySe .profile img, .profile > img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

textarea.term {
  width: 100%;
  min-height: 200px;
  margin: 10px 0;
  border: 1px solid #efefef;
  padding: 2em;
  border-radius: 1em;
  box-sizing: border-box;
  line-height: 2em;
}

.termCont textarea.term {
  border: 0;
  padding: 0;
  border-radius: 0;
  box-sizing: border-box;
  line-height: 2em;
}

.termBox ~ .termBox {
  margin-top: 3em;
}

#pop_provision.popup .qrBox .qr, #pop_private.popup .qrBox .qr {
  line-height: 2em;
}

.li-link {
  display: block;
  position: relative;
  padding-right: 1em;
}
.li-link:after {
  content: " ";
  background: url(../images/arrowNext.png) no-repeat center right;
  background-size: contain;
  width: 1em;
  position: absolute;
  display: block;
  height: 1em;
  right: 0;
  top: 4px;
}

#main .memBuy .memBuyList {
  border-radius: 10px;
}
#main .memBuy .memBuyList li:first-of-type {
  margin-top: 0;
}

.tit img {
  max-width: 90%;
}

#login .tit img {
  max-width: 70%;
  max-height: 120px;
}

input[readonly] {
  background: #f6f8e5;
}

.input-group .memSearchBtn {
  display: inline-block;
  position: absolute;
  margin-left: -100px;
  margin-top: 10px;
  border-radius: 0 5px 5px 0;
  background: #158CD9;
  line-height: 39px;
  box-sizing: border-box;
  padding: 0 10px;
  color: #fff;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100px;
}

#main .topInfo .arrow {
  display: inline-block;
  float: Right;
  width: 80px;
  margin-top: -6px;
  margin-right: -9px;
}
#main .topInfo .arrow button {
  background: transparent;
}

#sub .listA li div {
  line-height: 26px;
  min-height: 26px;
}
#sub .listA li div.content {
  text-align: left !important;
}
#sub .listA li div.content div {
  text-align: left !important;
  line-height: 1.25em;
  min-height: 1.25em;
}
#sub .listA li .name {
  text-align: left;
  padding-left: 10px;
}
#sub .listA li .price {
  text-align: right;
  padding-right: 10px;
}
#sub .listA li .qty {
  text-align: center;
}
#sub .listA li .qty > button, #sub .listA li .qty > input {
  display: inline-block;
  padding: 5px;
  width: 2em;
  text-align: center;
}
#sub .listA li .amount {
  text-align: right;
  padding-right: 10px;
}
#sub .listA li.blank {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.mt-5 {
  margin-top: 5px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-50 {
  margin-top: 50px;
}

.bedge {
  display: inline-block;
  border-radius: 50%;
  padding: 2px 6px;
  background-color: #f00;
  color: #fff;
  font-size: 0.8em;
  margin-left: 10px;
}

.noti .tx a {
  color: #888;
}

a.pink, a:visited.pink, .pink {
  color: pink;
}

a.blue, a:visited.blue, .blue {
  color: blue;
}

.bInfoBox .subj a {
  float: right;
}
.bInfoBox h4 {
  margin-top: 10px;
}

#header {
  padding: 20px 10px;
  position: relative;
}
#header .nm {
  background: url(../images/logo.png) no-repeat top left;
  background-size: contain;
  min-width: 100px;
  text-indent: 25px;
  overflow: hidden;
}
#header.dark .nm {
  background-image: url("../images/logo_w.png");
}
#header .prevArrow ~ .nm {
  background: none;
  text-indent: 5px;
}
#header .rtMenu {
  position: absolute;
  right: 10px;
  top: 20px;
}
#header .rtMenu li .language-selector-wrapper {
  width: 120px;
  height: 16px;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector {
  overflow: auto;
  width: 120px;
  margin: -5px 0 0;
  max-height: 200px;
  position: absolute;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector li {
  display: none;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector li a {
  display: block;
  white-space: nowrap;
  margin: 0;
  padding: 10px 5px 10px 10px;
  line-height: 16px;
  border-bottom: 1px solid transparent;
  position: relative;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector li a .ico-flag {
  position: absolute;
  right: 5px;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector li.active {
  display: block;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector li.active a {
  color: #158cd1;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector.hover li {
  background-color: #fff;
  display: block;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector.hover li a {
  border-bottom-color: #f4f4f4;
  color: #888;
}
#header .rtMenu li .language-selector-wrapper ul.language-selector.hover li a.active {
  color: #158cd1;
}

.ico-flag {
  background-size: contain;
  width: 24px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
}
.ico-flag.ico-flag-ko {
  background-image: url("https://unpkg.com/language-icons/icons/ko.svg");
}
.ico-flag.ico-flag-en {
  background-image: url("https://unpkg.com/language-icons/icons/en.svg");
}
.ico-flag.ico-flag-zh_CN {
  background-image: url("https://unpkg.com/language-icons/icons/zh.svg");
}
.ico-flag.ico-flag-zh_TW {
  background-image: url("https://unpkg.com/language-icons/icons/tw.svg");
}
.ico-flag.ico-flag-pt {
  background-image: url("https://unpkg.com/language-icons/icons/pt.svg");
}
.ico-flag.ico-flag-es {
  background-image: url("https://unpkg.com/language-icons/icons/es.svg");
}
.ico-flag.ico-flag-vi {
  background-image: url("https://unpkg.com/language-icons/icons/vi.svg");
}
.ico-flag.ico-flag-ja {
  background-image: url("https://unpkg.com/language-icons/icons/ja.svg");
}

.help-list-item dl {
  margin: 10px 0;
  font-size: 0.9em;
}
.help-list-item dl mark {
  font-weight: bold;
}

[data-copy-text] {
  cursor: pointer;
}
[data-copy-text]:after {
  content: " ";
  width: 20px;
  height: 20px;
  position: absolute;
  margin-top: -2px;
  margin-left: 5px;
  background: url(../images/icons8-copy-48.png) no-repeat center right;
  background-size: cover;
}

[aria-hidden] {
  display: none;
}

/* IE */
select::-ms-expand {
  display: none;
}

select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

ul.grid {
  display: flex;
}
ul.grid > li {
  flex-flow: column;
  flex-grow: 1;
}

body.dark {
  color: #efefef;
}
body.dark a {
  color: #efefef;
}
body.dark a:hover {
  color: #272727;
}
body.dark #login .formList li label {
  color: #efefef;
}
body.dark input, body.dark select {
  background-color: #efefef;
  color: #333;
}
body.dark .termA .termBox .termCont {
  background: #fff;
}
body.dark .termA .termBox .agree {
  color: #efefef;
  background: transparent;
}
body.dark #login .tit {
  color: #efefef;
}

ul.grid, ul.flex {
  margin-top: 1em;
}

ul.flex li {
  display: flex;
}
ul.flex li div {
  flex: 1;
  margin: 0;
  padding: 1em;
}
ul.flex li div:last-of-type {
  text-align: right;
}

/*# sourceMappingURL=dev.css.map */
