@charset "UTF-8";
.icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-arrow-animation {
  position: relative;
  display: block; /* ✅ 추가 */
  width: 2rem;
  height: 2rem;
  background-color: #b2b3bf;
  -webkit-mask: url("../images/icon-animation-arrow.svg") no-repeat center/contain;
  mask: url("../images/icon-animation-arrow.svg") no-repeat center/contain;
}

.icon-close {
  color: #7b7b8a;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask: url("../images/icon-close.svg") no-repeat center/contain;
  mask: url("../images/icon-close.svg") no-repeat center/contain;
  background-size: contain;
  background-color: #7b7b8a;
}

.icon-sub {
  color: #7b7b8a;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask: url("../images/icon-sub.svg") no-repeat center/contain;
  mask: url("../images/icon-sub.svg") no-repeat center/contain;
  background-size: contain;
  background-color: #b2b3bf;
}

.icon-kb {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/kb.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-shinhan {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/shinhan.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-hana {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/hana.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-woori {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/woori.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-nh {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/nh1.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-ibk {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/ibk.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-post {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/post.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-saemaul {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/saemaul.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-cu {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/cu.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-suhyup {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/suhyup.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-sc {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/sc.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-kdb {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/kdb.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-bnk {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/bnk.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-dgb {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/dgb.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-gwangju {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/gwangju.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-jeju {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/jeju.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-citi {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/citi.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-xmark-circle {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/xmark-circle.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-alarm {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/icon-alarm.svg") no-repeat center/contain;
  background-size: contain;
}

.icon-waiting {
  color: #7b7b8a;
  width: 2rem;
  height: 2rem;
  background: url("../images/icon-waiting.svg") no-repeat center/contain;
  background-size: contain;
}

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