.custom-svg {
    display: inline-block;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
}

.custom-svg.custom-svg-chevron-up {
    mask-image: url('/img/icon/custom-chevron-up.svg');
    -webkit-mask-image: url('/img/icon/custom-chevron-up.svg');
}
.custom-svg.custom-svg-chevron-down {
    mask-image: url('/img/icon/custom-chevron-down.svg');
    -webkit-mask-image: url('/img/icon/custom-chevron-down.svg');
}
.custom-svg.custom-svg-chevron-left {
    mask-image: url('/img/icon/custom-chevron-left.svg');
    -webkit-mask-image: url('/img/icon/custom-chevron-left.svg');
}
.custom-svg.custom-svg-chevron-right {
    mask-image: url('/img/icon/custom-chevron-right.svg');
    -webkit-mask-image: url('/img/icon/custom-chevron-right.svg');
}

.custom-svg.custom-svg-close-x {
    mask-image: url('/img/icon/custom-close-x.svg');
    -webkit-mask-image: url('/img/icon/custom-close-x.svg');
}

.custom-svg.custom-svg-qty-minus {
    mask-image: url('/img/icon/custom-qty-minus.svg');
    -webkit-mask-image: url('/img/icon/custom-qty-minus.svg');
}

.custom-svg.custom-svg-qty-plus {
    mask-image: url('/img/icon/custom-qty-plus.svg');
    -webkit-mask-image: url('/img/icon/custom-qty-plus.svg');
}

.custom-svg.custom-svg-share {
    mask-image: url('/img/icon/custom-share.svg');
    -webkit-mask-image: url('/img/icon/custom-share.svg');
}

.custom-svg.custom-svg-download {
    mask-image: url('/img/icon/custom-download.svg');
    -webkit-mask-image: url('/img/icon/custom-download.svg');
}

.custom-svg.custom-svg-globe {
    mask-image: url('/img/icon/custom-globe.svg');
    -webkit-mask-image: url('/img/icon/custom-globe.svg');
}

.custom-svg.custom-svg-hamburger {
    mask-image: url('/img/icon/custom-hamburger.svg');
    -webkit-mask-image: url('/img/icon/custom-hamburger.svg');
}

.custom-svg.custom-svg-fullscreen {
    mask-image: url('/img/icon/custom-fullscreen.svg');
    -webkit-mask-image: url('/img/icon/custom-fullscreen.svg');
}

.custom-svg.custom-svg-copy {
    mask-image: url('/img/icon/custom-copy.svg');
    -webkit-mask-image: url('/img/icon/custom-copy.svg');
}

.custom-svg.custom-svg-kakao {
    mask-image: url('/img/icon/custom-kakao.svg');
    -webkit-mask-image: url('/img/icon/custom-kakao.svg');
}
.custom-svg.custom-svg-naver {
    mask-image: url('/img/icon/custom-naver.svg');
    -webkit-mask-image: url('/img/icon/custom-naver.svg');
}
.custom-svg.custom-svg-google {
    mask-image: url('/img/icon/custom-google.svg');
    -webkit-mask-image: url('/img/icon/custom-google.svg');
}
.badge-google.active .custom-svg.custom-svg-google,
.custom-svg.custom-svg-google--color {
    /* svg 자체가 가진 컬러를 그대로 표현 */
    mask-image: none;
    -webkit-mask-image: none;
    background-color: transparent;
    background-image: url('/img/icon/custom-google.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.custom-svg.custom-svg-google--color_disabled {
    /* svg 자체가 가진 컬러를 그대로 표현 */
    background-color: transparent;
    background-image: url('/img/icon/custom-google_disabled.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.custom-svg.custom-svg-apple {
    mask-image: url('/img/icon/custom-apple.svg');
    -webkit-mask-image: url('/img/icon/custom-apple.svg');
}

.custom-svg.custom-svg-information {
    mask-image: url('/img/icon/custom-information.svg');
    -webkit-mask-image: url('/img/icon/custom-information.svg');
}

.custom-svg.custom-svg-refresh {
    mask-image: url('/img/icon/custom-refresh.svg');
    -webkit-mask-image: url('/img/icon/custom-refresh.svg');
}

.custom-svg.custom-svg-check {
    mask-image: url('/img/icon/custom-check.svg');
    -webkit-mask-image: url('/img/icon/custom-check.svg');
}

.custom-svg.custom-svg-check-circle {
    mask-image: url('/img/icon/custom-check-circle.svg');
    -webkit-mask-image: url('/img/icon/custom-check-circle.svg');
}

.custom-svg.custom-svg-warning-circle {
    mask-image: url('/img/icon/custom-warning-circle.svg');
    -webkit-mask-image: url('/img/icon/custom-warning-circle.svg');
}

.custom-svg.custom-svg-flag-usa {
    /* svg 자체가 가진 컬러를 그대로 표현 */
    background-color: transparent;
    background-image: url('/assets/media/flags/united-states.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.custom-svg.custom-svg-flag-korea {
    /* svg 자체가 가진 컬러를 그대로 표현 */
    background-color: transparent;
    background-image: url('/assets/media/flags/south-korea.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.custom-svg.svg-size-sm {
    width: 1rem;
    height: 1rem;
}
.custom-svg.svg-size-md {
    width: 1.5rem;
    height: 1.5rem;
}
.custom-svg.svg-size-lg {
    width: 2rem;
    height: 2rem;
}

.custom-svg.svg-size-10px {
    width: 10px;
    height: 10px;
}
.custom-svg.svg-size-11px {
    width: 11px;
    height: 11px;
}
.custom-svg.svg-size-12px {
    width: 12px;
    height: 12px;
}
.custom-svg.svg-size-13px {
    width: 13px;
    height: 13px;
}
.custom-svg.svg-size-14px {
    width: 14px;
    height: 14px;
}
.custom-svg.svg-size-15px {
    width: 15px;
    height: 15px;
}
.custom-svg.svg-size-16px {
    width: 16px;
    height: 16px;
}
.custom-svg.svg-size-17px {
    width: 17px;
    height: 17px;
}
.custom-svg.svg-size-18px {
    width: 18px;
    height: 18px;
}
.custom-svg.svg-size-19px {
    width: 19px;
    height: 19px;
}
.custom-svg.svg-size-20px {
    width: 20px;
    height: 20px;
}
.custom-svg.svg-size-30px {
    width: 30px;
    height: 30px;
}
.custom-svg.svg-size-pay-result {
    width: 70px;
    height: 70px;
}
@media (max-width: 991px) {
    .custom-svg.svg-size-pay-result {
        width: 56px;
        height: 56px;
    }
}
.custom-svg.svg-size-flag {
    width: 28px;
    height: 28px;
}