@charset "UTF-8";
@font-face {
  font-family: "GmarketSansMedium";
  src: url("/fonts/GmarketSansMedium.woff2") format("woff2"), url("/fonts/GmarketSansMedium.woff") format("woff"), url("/fonts/GmarketSansMedium.ttf") format("truetype"), url("/fonts/GmarketSansMedium.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSansBold";
  src: url("/fonts/GmarketSansBold.woff2") format("woff2"), url("/fonts/GmarketSansBold.woff") format("woff"), url("/fonts/GmarketSansBold.ttf") format("truetype"), url("/fonts/GmarketSansBold.eot") format("embedded-opentype");
  font-weight: bold;
  font-style: normal;
}
#common_badge_wrapper {
  display: inline-flex;
  border-radius: 4px;

  line-height: 1.6;
  align-items: center;
}

/* Size - 변경 및 추가 가능 */
.size-small {
  padding: 2px 4px;
  font-size: 10px;
}

/* 모바일 전용 크기/여백 조정 - 최상위에서 선언해야 정상 적용됨 */
@media (max-width: 768px) {
  #common_badge_wrapper.size-small {
    font-size: 8px;
  }
}

/* Position - 텍스트 위치 조정 */
.position-top {
  align-items: flex-start;
  vertical-align: top;
}

.position-middle {
  align-items: center;
  vertical-align: middle;
}

.position-bottom {
  align-items: flex-end;
  vertical-align: bottom;
}

/* 임시, 2025-10-24 이후 삭제 */
.position-itemMarket {
  position: relative;
  top: -3px;
  right: -5px;

  @media (max-width: 768px) {
    top: -20px;
    right: 40px;
  }
}

/* Color */
.black {
  color: #333;
}

.white {
  color: #fff;
}

.red {
  color: #ff005a;
}

.blue {
  color: #0048c8;
}

.green {
  color: #28a745;
}

.gray {
  color: #eee;
}

/* Background */
.background-none {
  background-color: inherit;
}

.background-red {
  background-color: #ff005a;
}

.background-blue {
  background-color: #0048c8;
}

.background-green {
  background-color: #28a745;
}

.background-gray {
  background-color: #eee;
}

/* Animation - 변경 및 추가 가능 */
.animation-flash {
  animation: flash 1.5s ease-in-out infinite;
  will-change: transform, box-shadow, opacity;
}

@keyframes flash {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 0, 90, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1.02);
    box-shadow: 0 0 10px 2px rgba(255, 0, 90, 0.5);
  }
}

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