.y-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-svg {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  vertical-align: top;
  background-size: 100% !important;
}

.el-svg[class*="size-14"] {
  width: 14px;
  height: 14px;
}

.el-svg[class*="size-44"] {
  width: 44px;
  height: 44px;
}

.el-svg[class*="size-17"] {
  width: 17px;
  height: 17px;
}

.el-svg[class*="size-12"] {
  height: 12px;
  width: 12px;
}

.el-svg[class*="size-10"] {
  height: 10px;
  width: 10px;
}

.el-svg[class*="width-7"] {
  width: 7px;
}

.el-svg[class*="size-16"] {
  width: 16px;
  height: 16px;
}

.el-svg[class*="size-16x14"] {
  width: 16px;
  height: 14px;
}

.el-svg[class*="size-7x12"] {
  width: 7px;
  height: 12px;
}

.el-svg[class*="size-24"] {
  width: 24px;
  height: 24px;
}

.el-svg[class*="size-20"] {
  width: 20px;
  height: 20px;
}

.el-svg[class*="size-18"] {
  width: 18px;
  height: 18px;
}

.el-svg[class*="size-106x24"] {
  width: 106px;
  height: 24px;
}

.el-svg[class*="size-83x20"] {
  width: 83px;
  height: 20px;
}

.el-svg[class*="size-150x36"] {
  width: 150px;
  height: 36px;
}

.el-svg[class*="size-56"] {
  width: 56px;
  height: 56px;
}

.el-svg[class*="size-40"] {
  width: 56px;
  height: 56px;
}

.el-svg[class*="size-28x45"] {
  width: 28px;
  height: 45px;
}

.el-svg[class*="size-18x20"] {
  width: 18px;
  height: 21px;
}

.el-svg[class*="size-17"] {
  width: 17px;
  height: 17px;
}

.el-svg[class*="size-36x39"] {
  width: 36px;
  height: 39px;
}

.el-svg[class*="size-36x39"] {
  width: 36px;
  height: 39px;
}

.el-svg[class*="size-56"] {
  width: 56px;
  height: 56px;
}

.el-svg.size-56[class*="round"] {
  border-radius: 56px;
}

.el-svg.size-44[class*="round"] {
  border-radius: 44px;
}

.icon-s {
  background: url("../../../static/images/icon/ico-s.svg") no-repeat center center;
}

.icon-google {
  background: url("../../../static/images/icon/ico-google.svg") no-repeat center center;
  border: solid 1px #cccccc;
  background-color: #ffffff;
  background-size: 30px 30px !important;
}

.icon-kakao {
  background: url("../../../static/images/icon/ico-kakao.svg") no-repeat center center;
  background-color: #fae100;
  background-size: 30px 30px !important;
}

.icon-facebook {
  background: url("../../../static/images/icon/ico-facebook.svg") no-repeat center center;
  background-color: #1877f2;
  background-size: 30px 30px !important;
}

.icon-naver {
  background: url("../../../static/images/icon/ico-naver.svg") no-repeat center center;
  background-color: #00c60c;
  background-size: 30px 30px !important;
}

.icon-twitter {
  background: url("../../../static/images/icon/ico-twitter.svg") no-repeat center center;
  background-color: #1da1f2;
  background-size: 30px 30px !important;
}

.icon-apple {
  background: url("../../../static/images/icon/ico-apple.svg") no-repeat center center;
  border: solid 1px #cccccc;
  background-color: #ffffff;
  background-size: 30px 30px !important;
}

.size-56.icon-google {
  width: 54px !important;
  height: 54px !important;
  background-size: 38px 38px !important;
}

.size-56.icon-kakao {
  background-size: 38px 38px !important;
}

.size-56.icon-facebook {
  background-size: 38px 38px !important;
}

.size-56.icon-naver {
  background-size: 38px 38px !important;
}

.size-56.icon-twitter {
  background-size: 38px 38px !important;
}

.size-56.icon-apple {
  width: 54px !important;
  height: 54px !important;
  background-size: 38px 38px !important;
}

.icon-x.dark {
  background: url("../../../static/images/icon/ico-x-dark.svg") no-repeat center center;
}

.icon-x.round {
  background: url("../../../static/images/icon/ico-delete-round.svg") no-repeat center center;
}

.icon-arrow-right {
  background: url("../../../static/images/icon/ico-arrow-right.svg") no-repeat center center;
}

.icon-arrow-right.active {
  background: url("../../../static/images/icon/ico-arrow-right-active.svg") no-repeat center center;
}

.icon-arrow-right.active {
  background: url("../../../static/images/icon/ico-arrow-right-active.svg") no-repeat center center;
}

.icon-close {
  background: url("../../../static/images/icon/ico-x-gray.svg") no-repeat center center;
}

.icon-arrow-back {
  background: url("../../../static/images/icon/icon-arrow-back.svg") no-repeat center center;
}

.icon-print {
  background: url("../../../static/images/icon/ico-print.svg") no-repeat center center;
}

.icon-arrow-right.drak {
  background: url("../../../static/images/icon/ico-arrow-right-darak.svg") no-repeat center center;
}

.icon-lock-check {
  background: url("../../../static/images/icon/ico-pw-re-normal2x.png") no-repeat center center;
}

.icon-lock-check.active {
  background: url("../../../static/images/icon/ico-pw-re-success2x.png") no-repeat center center;
}

.icon-lock-check.error {
  background: url("../../../static/images/icon/ico-pw-re-fail2x.png") no-repeat center center;
}

.icon-lock-error {
  background: url("../../../static/images/icon/ico-pw-re-fail2x.png") no-repeat center center;
}

.el-svg.bi {
  background: url("../../../static/images/logo-stove.svg") no-repeat center center;
}

.icon-success {
  background: url("../../../static/images/icon/ico-check-blue.svg") no-repeat center center;
}

.icon-phone {
  background: url("../../../static/images/icon/ico-certify-hp.svg") no-repeat center center;
}

.icon-arrow-long-right {
  background: url("../../../static/images/icon/ico-arrow-long-right.svg") no-repeat center center;
}

.icon-phone {
  background: url("../../../static/images/icon/ico-certify-hp.svg") no-repeat center center;
}

.icon-email {
  background: url("../../../static/images/icon/ico-certify-email.svg") no-repeat center center;
}

.icon-help {
  background: url("../../../static/images/icon/ico-help.svg") no-repeat center center;
}

.icon-help:hover {
  background: url("../../../static/images/icon/ico-help-active.svg") no-repeat center center;
}

.iconn-help:hover {
  background: url("../../../static/images/icon/ico-help.active.svg") no-repeat center center;
}

.icon-man {
  width: 34px;
  height: 21px;
  background: url("../../../static/images/temp/man.png") no-repeat center center;
}

.icon-lock.level-0 {
  background: url("../../../static/images/icon/ico-pw-safety-fail2x.png") no-repeat left top;
}

.icon-lock.level-1 {
  background: url("../../../static/images/icon/ico-pw-safety-normal2x.png") no-repeat left top;
}

.icon-lock.level-2 {
  background: url("../../../static/images/icon/ico-pw-safety-success-12x.png") no-repeat left top;
}

.icon-lock.level-3 {
  background: url("../../../static/images/icon/ico-pw-safety-success-22x.png") no-repeat left top;
}

.icon-lock.level-4 {
  background: url("../../../static/images/icon/ico-pw-safety-success-32x.png") no-repeat left top;
}

.icon-lock.level-5 {
  background: url("../../../static/images/icon/ico-pw-safety-success-42x.png") no-repeat left top;
}