@charset "UTF-8";
.content .checkbox-container {
  display: flex !important;
  flex-wrap: wrap;
  padding-block: 4px;
}
.content.buy .content__title::before {
  background-color: #28A745;
}
.content.buy .table--point .table__grid .table__grid--title {
  background-color: #fff;
  color: black;
}
.content.buy .table--point .table__grid.premium {
  border: 3px solid #28A745;
}
.content.buy .table--point .table__grid.premium .table__grid--title {
  background-color: #28A745;
  color: #fff;
  border-bottom: none;
}
.content.buy .table--point .table__grid .itemListHeader {
  background-color: #28A745;
}
.content.buy .table__grid_mobile {
  display: none;
}
.content.buy input[type=radio]:checked {
  border-color: #28A745;
}
.content.buy input[type=radio]:checked::after {
  background-color: #28A745;
}
.content.buy .item-list-container.table__grid.table__grid {
  border-top: 1px solid #28A745;
}
.content.buy .select-label {
  border: none;
}
.content.buy .select-label.tab input[type=radio]:checked + label {
  border-top: 2px solid #28A745;
  color: #28A745;
}
.content.buy input[type=radio]:checked + label,
.content.buy input[type=checkbox]:checked + label {
  background-color: #28A745;
}
.content.buy .btn--outline.btnItemCtrl {
  border: 1px solid #28A745;
  color: #28A745;
}
.content.buy .btn--confirm.btnItemCtrl:not(.btn--outline) {
  background-color: #28A745;
}
.content.buy #items-ad-list.content__title--sub__mobile {
  background-color: #28A745;
  color: #fff;
}

.table--list .market-items-count {
  display: none;
}

.price-input {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.sltCharacterType {
  display: flex;
  flex-direction: row;
}

.show-all {
  display: none !important;
}

.table__grid.normal {
  border: none;
}

.itemAdPr {
  padding: 10px 0;
  line-height: 140%;
}

.list-empty {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-list-container.table__grid.table__grid {
  width: 100%;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.12);
  border-top: 1px solid #0048c8;
}

.pg_wrap {
  clear: both;
  margin: 0 auto;
}
.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

.pg {
  text-align: center;
}
.pg a:focus, .pg a:hover {
  text-decoration: none;
}

.pg_page, .pg_current {
  display: inline-block;
  vertical-align: middle;
  background: #eee;
  border: 1px solid #eee;
}

.pg_page {
  background: #eee;
  border: 1px solid #eee;
  color: #959595;
  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
  font-size: 1.083em;
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  min-width: 30px;
}
.pg_page:hover, .pg_page:focus {
  text-decoration: none;
}
.pg_page:hover {
  background: #2761c9;
  border: 1px solid #0048c8;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
}
.pg_page:hover:hover, .pg_page:hover:focus {
  text-decoration: none;
}

.pg_next, .pg_end, .pg_prev, .pg_start {
  text-indent: -690px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #eee;
  background-color: #eee;
}
.pg_next:hover, .pg_end:hover, .pg_prev:hover, .pg_start:hover {
  background: #2761c9;
  border: 1px solid #0048c8;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
}
.pg_next:hover:hover, .pg_end:hover:hover, .pg_prev:hover:hover, .pg_start:hover:hover {
  text-decoration: none;
}

.pg_start {
  background-image: url("../img/btn_first.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pg_prev {
  background-image: url("../img/btn_prev.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pg_end {
  background-image: url("../img/btn_end.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pg_next {
  background-image: url("../img/btn_next.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pg_current {
  background: #2761c9;
  border: 1px solid #0048c8;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 30px;
  border-radius: 3px;
}
.pg_current:hover, .pg_current:focus {
  text-decoration: none;
}

.table__grid .game {
  width: 10%;
  text-align: center;
}
.table__grid .num {
  width: 10%;
}
.table__grid .tit {
  min-width: 45%;
  text-align: center;
  padding-left: 0px;
}
.table__grid .tit .logo-area {
  max-width: 35px;
  min-width: 35px;
}
.table__grid .price {
  width: 25%;
  text-align: right;
}
.table__grid .date {
  width: 10%;
}
.table__grid--cont > ul {
  min-height: 65px;
}
.table__grid--cont > ul > li .tit {
  min-height: 65px;
  padding: 0px;
}
.table__grid--cont .tit {
  text-align: left;
  padding-left: 0px;
}

.logo-area-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 12px;
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
}

.tit_text {
  padding: 0px !important;
  height: 65px;
}

li.tit.second span img {
  width: 40px;
}

.content__title--sub {
  min-width: 170px;
}

.content__item--cont {
  width: calc(100% - 275px);
  height: auto;
}

.i-badge {
  width: 35px;
  height: 35px;
  padding: 0;
  margin: 0px;
  margin-bottom: 5px;
}

div.artiInfo__detail span.searchTerm {
  color: #fff;
  background-color: #0048c8;
  padding: 2px 4px 1px 4px;
  font-weight: bold;
}

#items_ad {
  width: 100%;
  background: #fff;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.12);
  border-top: 1px solid #0048c8;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#items_ad .table-grid-cont {
  width: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: 3px solid #0048c8;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.12);
}
#items_ad .table-grid-cont > div:nth-of-type(even) {
  background: #eee;
}
#items_ad .table-row {
  width: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  padding: 10px 12px;
  cursor: pointer;
}
#items_ad .table-row-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
#items_ad .table-row-header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
}
#items_ad .table-row-price {
  align-self: stretch;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
#items_ad .item-badge-wrapper {
  height: 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
#items_ad .item-badge-text {
  color: black;
  line-height: 13px;
  word-wrap: break-word;
  font-size: 9px;
}
#items_ad .item-price-unit {
  color: black;
  font-size: 9px;
  line-height: 13px;
  word-wrap: break-word;
}
#items_ad .table-row-details {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
#items_ad .item-info-wrapper {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
#items_ad .item-icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
#items_ad .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
#items_ad .icon-diamond {
  width: 17.19px;
  height: 20px;
  padding: 0;
  margin-bottom: 5px;
}
#items_ad .icon-fast-wrapper {
  width: 31px;
  height: 24px;
  position: relative;
}
#items_ad .icon-fast {
  width: 31px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
#items_ad .item-title-wrapper {
  flex: 1 1 0;
  flex-direction: row;
  color: black;
  font-size: 10px;
  line-height: 16px;
  word-wrap: break-word;
  text-align: start;
}
#items_ad .price-display {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 6px;
}
#items_ad .price-min-wrapper {
  align-self: stretch;
  padding-top: 1px;
  padding-bottom: 1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
#items_ad .price-min {
  color: #0048c8;
  font-size: 10px;
  font-weight: 900;
  line-height: 16px;
  word-wrap: break-word;
}
#items_ad .price-currency {
  color: black;
  font-size: 10px;
  font-weight: 900;
  line-height: 16px;
}
#items_ad .table-row-footer {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  margin-top: 4px;
}
#items_ad .item-meta-wrapper {
  flex: 1 1 0;
  height: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
#items_ad .item-server,
#items_ad .item-split {
  color: #666666;
  font-size: 9px;
  line-height: 14px;
  word-wrap: break-word;
}
#items_ad .divider {
  width: 0px;
  height: 90%;
  transform-origin: 0 0;
  border: 1px solid #cccccc;
}
#items_ad .item-date {
  color: #666666;
  font-size: 9px;
  line-height: 14px;
  word-wrap: break-word;
}

.market-item-row {
  position: relative;
  overflow: hidden;
}
.market-item-row.dealing::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.market-item-row.dealing::after {
  content: "거래중";
  letter-spacing: 15px;
  font-size: 20px;
  color: #fff;
  font-family: "GmarketSansBold", sans-serif;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.market-item-row.finish::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 72, 200, 0.3);
}
.market-item-row.finish::after {
  content: "거래완료";
  letter-spacing: 15px;
  font-size: 20px;
  color: #fff;
  font-family: "GmarketSansBold", sans-serif;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.market-item-row.cancel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(255, 0, 40, 0.3);
}
.market-item-row.cancel::after {
  content: "거래취소";
  letter-spacing: 15px;
  font-size: 20px;
  color: #fff;
  font-family: "GmarketSansBold", sans-serif;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.market-item-row.canceling::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(255, 0, 40, 0.3);
}
.market-item-row.canceling::after {
  content: "거래취소중";
  letter-spacing: 15px;
  font-size: 20px;
  color: #fff;
  font-family: "GmarketSansBold", sans-serif;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.market-item-row.pending::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(50, 171, 88, 0.3);
}
.market-item-row.pending::after {
  content: "결제대기중";
  letter-spacing: 15px;
  font-size: 20px;
  color: #fff;
  font-family: "GmarketSansBold", sans-serif;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.content.sell .market-item-row:hover {
  background-color: rgba(65, 121, 221, 0.3019607843) !important;
}

.content.buy .market-item-row .price strong {
  color: #28A745;
}
.content.buy .market-item-row:hover {
  background-color: #eaf6ec !important;
}

.tradeCardBox {
  width: 100%;
  background: #fff;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.12);
  border-top: 1px #0048c8 solid;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.tradeCardBox .table__grid--cont {
  width: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.tradeCardBox .trade-card {
  width: 100%;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
}
.tradeCardBox .trade-card__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tradeCardBox .trade-card__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.tradeCardBox .trade-card__left {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.tradeCardBox .trade-card__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.tradeCardBox .trade-card__badge i {
  width: 17.19px;
  height: 20px;
  margin-bottom: 5px;
}
.tradeCardBox .trade-card__title {
  flex: 1;
  font-size: 10px;
  line-height: 16px;
  color: black;
  text-align: start;
  word-wrap: break-word;
}
.tradeCardBox .trade-card__price {
  color: #0048c8;
  font-size: 10px;
  font-weight: 900;
  line-height: 16px;
}
.tradeCardBox .trade-card__price span {
  color: black;
  font-weight: 900;
}
.tradeCardBox .trade-card__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-top: 4px;
}
.tradeCardBox .trade-card__info {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  color: #666666;
  line-height: 14px;
}
.tradeCardBox .trade-card__time {
  font-size: 9px;
  color: #666666;
  line-height: 14px;
}
.tradeCardBox .trade-card__main {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tradeCardBox .trade-card__row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tradeCardBox .trade-card__range p {
  font-size: 9px;
  line-height: 13px;
  color: black;
  margin: 0;
}
.tradeCardBox .trade-card__unit {
  font-size: 9px;
  line-height: 13px;
  color: black;
}
.tradeCardBox .trade-card__right {
  display: flex;
  align-items: flex-end;
}
.tradeCardBox .trade-card__price-box {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 900;
}
.tradeCardBox .divider {
  width: 0;
  height: 90%;
  border: 1px solid #CCCCCC;
  transform-origin: 0 0;
}

.radiobox-container label {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #eee;
}

.select-label input[type=radio] + label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  height: 80px;
  padding: 0 10px;
  background-color: #e1e6ed;
  border: none;
  color: #404040;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  cursor: pointer;
  vertical-align: middle;
}
.select-label input[type=radio]:checked + label {
  color: #0048c8;
  background-color: #fff;
  border-color: #fff;
  font-family: "GmarketSansBold";
  border-top: 2px solid #0048c8;
}
.select-label.outline input[type=radio]:checked + label {
  background-color: #fff;
  border: 1px solid #fff;
  font-family: "GmarketSansBold";
  color: #0048c8 !important;
}
.select-label.outpoint input[type=radio] + label {
  background: #fff;
  border: 1px solid #fff;
  color: #0048c8;
}
.select-label.outpoint input[type=radio]:checked + label {
  background-color: #fff;
  color: #fff;
}

input[type=radio] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ddd;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  margin-right: 8px;
}
input[type=radio]:checked {
  border-color: #0048c8;
}
input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: #0048c8;
  border-radius: 50%;
}

.item-total-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 60px;
  margin-top: 24px;
  margin-bottom: 12px;
}

.item-total-title h3 {
  margin-block: 0 !important;
}

.item-total-count {
  float: right;
  border: 0px solid #efefef;
  text-align: right;
  font-size: 14px;
}

.content__title--sub__mobile {
  display: none;
}

.mobile-item-list {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

.desktop-item-list {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
}

.market_items_mobile {
  display: none;
}

.artiList .tablebox .content__item--cont {
  padding: 5px 0;
}
.artiList .tab {
  margin-bottom: 0px;
}
.artiList .content__item--cont {
  font-size: 14px;
}
.artiList .tablebox__content .select-box {
  width: 150px;
}
.artiList .input__search {
  width: 100%;
}

.content__item--cont {
  padding: 0px !important;
}

.btn__wrap {
  margin-top: 25px;
}

.colgroup-flex {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.colgroup-flex .content__colgroup--item .content__item--cont {
  border: none;
}
.colgroup-flex .content__colgroup--item .content__item--title {
  border-top: 1px solid #0048c8;
  border-left: 1px solid #eee;
}
.input__normal {
  width: 120px !important;
  max-width: 120px !important;
}

.itemListAD .clAdListItem:nth-of-type(even),
.itemListAD .market-item-row:nth-of-type(even) {
  background: #eee;
}

.table__grid_mobile > .table__grid--cont > div.dealing,
.table__grid_mobile > .table__grid--cont > div.finish,
.table__grid_mobile > .table__grid--cont > div.cancel,
.table__grid_mobile > .table__grid--cont > div.canceling {
  position: relative;
}
.table__grid_mobile > .table__grid--cont > div.dealing:before,
.table__grid_mobile > .table__grid--cont > div.finish:before,
.table__grid_mobile > .table__grid--cont > div.cancel:before,
.table__grid_mobile > .table__grid--cont > div.canceling:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.table__grid_mobile > .table__grid--cont > div.dealing:after,
.table__grid_mobile > .table__grid--cont > div.finish:after,
.table__grid_mobile > .table__grid--cont > div.cancel:after,
.table__grid_mobile > .table__grid--cont > div.canceling:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  font-weight: bold;
}
.table__grid_mobile > .table__grid--cont > div.dealing:before {
  background: rgba(0, 0, 0, 0.3);
}
.table__grid_mobile > .table__grid--cont > div.dealing:after {
  content: "거래중";
}
.table__grid_mobile > .table__grid--cont > div.finish:before {
  background: rgba(0, 72, 200, 0.3);
}
.table__grid_mobile > .table__grid--cont > div.finish:after {
  content: "거래완료";
}
.table__grid_mobile > .table__grid--cont > div.cancel:before {
  background: rgba(255, 0, 40, 0.3);
}
.table__grid_mobile > .table__grid--cont > div.cancel:after {
  content: "거래취소";
}
.table__grid_mobile > .table__grid--cont > div.canceling:before {
  background: rgba(255, 0, 40, 0.3);
}
.table__grid_mobile > .table__grid--cont > div.canceling:after {
  content: "거래취소중";
}

.artiInfo .content__table .tb-con {
  line-height: normal;
}

.content__title--sub {
  color: #000 !important;
}

.itemListHeader {
  min-height: 48px !important;
}

.sltNotCharacterType {
  display: none;
}

.textMinAttention {
  font-weight: bold;
  font-size: 200%;
  animation: color 1s linear 0s infinite;
}
.textMinAttention_blue {
  font-size: 1rem !important;
}

.game-money-add-payment-dd .small-font {
  font-size: 14px;
}

@keyframes color {
  from {
    color: #fff;
  }
  25% {
    color: #fff;
  }
  50% {
    color: #f00;
  }
  75% {
    color: #f00;
  }
  100% {
    color: #fff;
  }
}
.content__table > dl.content__table--cont > dt.tb-tit {
  width: 250px;
  border-right: 1px solid #eee;
}
.content__table .tb-con.tb-con-price {
  min-height: 48px;
  height: auto;
  display: flex;
  gap: 10px;
}

/*# sourceMappingURL=game-money.css.map */