.icon {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}




.icon-close {
  background-image: url('../img/svg/icon-close.svg');
  width: 18px;
  height: 18px;
}

.icon-circle-prev {
  background-image: url('../img/svg/icon-circle-prev.svg');
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

.icon-circle-next {
  background-image: url('../img/svg/icon-circle-next.svg');
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

.icon-circle-first {
  background-image: url('../img/svg/icon-circle-first.svg');
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

.icon-circle-end {
  background-image: url('../img/svg/icon-circle-end.svg');
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

/* 소셜 아이콘 */
.icon-google {
  background-image: url('../img/svg/icon-google.svg');
  width: 23.496px;
  height: 24px;
  aspect-ratio: 23.50/24.00;
}

.icon-naver {
  background-image: url('../img/svg/icon-naver.svg');
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
}

.icon-kakao {
  background-image: url('../img/svg/icon-kakao.svg');
  width: 23px;
  height: 22px;
  aspect-ratio: 23/22;
}

.icon-facebook {
  background-image: url('../img/svg/icon-facebook.svg');
  width: 12.946px;
  height: 24px;
  aspect-ratio: 12.95/24.00;
}

.icon-join-guide-call {
  background-image: url('../img/svg/icon-join-guide-call.svg');
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.icon-join-guide-mail {
  background-image: url('../img/svg/icon-join-guide-mail.svg');
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.icon-join-guide-map {
  background-image: url('../img/svg/icon-join-guide-map.svg');
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.icon-thumb-up {
  background-image: url('../img/svg/icon-thumb-up.svg');
  width: 12px;
  height: 12px;
  aspect-ratio: 1/1;
}

.icon-thumb-down {
  background-image: url('../img/svg/icon-thumb-down.svg');
  width: 12px;
  height: 12px;
  aspect-ratio: 1/1;
}

.icon-heart {
  background-image: url('../img/svg/icon-heart.svg');
  width: 15px;
  height: 15px;
  aspect-ratio: 1/1;
}

.icon-twink {
  background-image: url('../img/svg/icon-twink.svg');
  width: 14px;
  height: 14px;
  aspect-ratio: 1/1;
}

.icon-twink-violet {
  background-image: url('../img/svg/icon-twink-violet.svg');
  width: 14px;
  height: 14px;
  aspect-ratio: 1/1;
}

.icon-calendar {
  background-image: url('../img/svg/icon-calendar.svg');
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
}

/* 사주로 질문하기 > 언제될까요? > 슬라이드 버튼 아이콘 */
.icon-whenday-slide01 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon01.svg');
  flex-shrink: 0;
}
.icon-whenday-slide02 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon02.svg');
  flex-shrink: 0;
}
.icon-whenday-slide03 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon03.svg');
  flex-shrink: 0;
}
.icon-whenday-slide04 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon04.svg');
  flex-shrink: 0;
}
.icon-whenday-slide05 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon05.svg');
  flex-shrink: 0;
}
.icon-whenday-slide06 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon06.svg');
  flex-shrink: 0;
}
.icon-whenday-slide07 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon07.svg');
  flex-shrink: 0;
}
.icon-whenday-slide08 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon08.svg');
  flex-shrink: 0;
}
.icon-whenday-slide09 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon09.svg');
  flex-shrink: 0;
}
.icon-whenday-slide10 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon10.svg');
  flex-shrink: 0;
}
.icon-whenday-slide11 {
  background-image: url('../img/svg/icon-whenday-slide-btn-icon11.svg');
  flex-shrink: 0;
}