/* 아이콘 */
i[class*="ic-"] {
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
	background-color: var(--gray-900);
}
i.ic-size8 {
	width: 0.5rem;
	height: 0.5rem;
}
i.ic-size16 {
	width: 1rem;
	height: 1rem;
}
i.ic-size20 {
	width: 1.25rem;
	height: 1.25rem;
}
i.ic-size24 {
	width: 1.5rem;
	height: 1.5rem;
}
i.ic-size32 {
	width: 2rem;
	height: 2rem;
}
i.ic-size40 {
	width: 2.5rem;
	height: 2.5rem;
}
i.ic-size48 {
	width: 3rem;
	height: 3rem;
}
/* @media screen and (max-width: 800px) {
	i.ic-size16 {
		width: 0.8125rem;
		height: 0.8125rem;
	}
	i.ic-size20 {
		width: 1rem;
		height: 1rem;
	}
	i.ic-size24 {
		width: 1.25rem;
		height: 1.25rem;
	}
	i.ic-size32 {
		width: 1.5rem;
		height: 1.5rem;
	}
	i.ic-size40 {
		width: 1.5rem;
		height: 1.5rem;
	}
} */
.ic-menu {
	-webkit-mask: url("/resource/images/icon/ic-menu.svg");
	mask: url("/resource/images/icon/ic-menu.svg");
}
.ic-clock {
	-webkit-mask: url("/resource/images/icon/ic-clock.svg");
	mask: url("/resource/images/icon/ic-clock.svg");
}
.ic-notice {
	-webkit-mask: url("/resource/images/icon/ic-notice.svg");
	mask: url("/resource/images/icon/ic-notice.svg");
}
.ic-close {
	-webkit-mask: url("/resource/images/icon/ic-close.svg");
	mask: url("/resource/images/icon/ic-close.svg");
}
.ic-close-32 {
	-webkit-mask: url("/resource/images/icon/ic-close-32.svg");
	mask: url("/resource/images/icon/ic-close-32.svg");
}
.ic-home {
	-webkit-mask: url("/resource/images/icon/ic-home.svg");
	mask: url("/resource/images/icon/ic-home.svg");
}
.ic-arrow-up {
	-webkit-mask: url("/resource/images/icon/ic-arrow-up.svg");
	mask: url("/resource/images/icon/ic-arrow-up.svg");
}
.ic-arrow-down {
	-webkit-mask: url("/resource/images/icon/ic-arrow-down.svg");
	mask: url("/resource/images/icon/ic-arrow-down.svg");
}
.ic-arrow-right {
	-webkit-mask: url("/resource/images/icon/ic-arrow-right.svg");
	mask: url("/resource/images/icon/ic-arrow-right.svg");
}
.ic-arrow-left {
	-webkit-mask: url("/resource/images/icon/ic-arrow-left.svg");
	mask: url("/resource/images/icon/ic-arrow-left.svg");
}
.ic-arrow-first {
	-webkit-mask: url("/resource/images/icon/ic-arrow-first.svg");
	mask: url("/resource/images/icon/ic-arrow-first.svg");
}
.ic-arrow-prev {
	-webkit-mask: url("/resource/images/icon/ic-arrow-prev.svg");
	mask: url("/resource/images/icon/ic-arrow-prev.svg");
}
.ic-arrow-last {
	-webkit-mask: url("/resource/images/icon/ic-arrow-last.svg");
	mask: url("/resource/images/icon/ic-arrow-last.svg");
}
.ic-arrow-next {
	-webkit-mask: url("/resource/images/icon/ic-arrow-next.svg");
	mask: url("/resource/images/icon/ic-arrow-next.svg");
}
.ic-dropDown {
	-webkit-mask: url("/resource/images/icon/ic-dropDown.svg");
	mask: url("/resource/images/icon/ic-dropDown.svg");
}
.ic-dropDown-24 {
	-webkit-mask: url("/resource/images/icon/ic-dropDown-24.svg");
	mask: url("/resource/images/icon/ic-dropDown-24.svg");
}
.ic-insta {
	-webkit-mask: url("/resource/images/icon/ic_insta.svg");
	mask: url("/resource/images/icon/ic_insta.svg");
}
.ic-help {
	-webkit-mask: url("/resource/images/icon/ic-help.svg");
	mask: url("/resource/images/icon/ic-help.svg");
}
.ic-notifications {
	-webkit-mask: url("/resource/images/icon/ic-notifications.svg");
	mask: url("/resource/images/icon/ic-notifications.svg");
}
.ic-pause {
	-webkit-mask: url("/resource/images/icon/ic-pause.svg");
	mask: url("/resource/images/icon/ic-pause.svg");
}
.ic-play {
	-webkit-mask: url("/resource/images/icon/ic-play.svg");
	mask: url("/resource/images/icon/ic-play.svg");
}
.ic-minus {
	-webkit-mask: url("/resource/images/icon/ic-minus.svg");
	mask: url("/resource/images/icon/ic-minus.svg");
}
.ic-plus {
	-webkit-mask: url("/resource/images/icon/ic-plus.svg");
	mask: url("/resource/images/icon/ic-plus.svg");
}
.ic-plus-x {
	-webkit-mask: url("/resource/images/icon/ic-plus-x.svg");
	mask: url("/resource/images/icon/ic-plus-x.svg");
}
.ic_insta {
	-webkit-mask: url("/resource/images/icon/ic_insta.svg");
	mask: url("/resource/images/icon/ic_insta.svg");
}
.ic-slide-arrow_on {
	-webkit-mask: url("/resource/images/icon/ic-slide-arrow_on.svg");
	mask: url("/resource/images/icon/ic-slide-arrow_on.svg");
}
.ic-slide-arrow_left {
	-webkit-mask: url("/resource/images/icon/ic-slide-arrow_left.svg");
	mask: url("/resource/images/icon/ic-slide-arrow_left.svg");
	background-color: var(--white) !important;
}
.ic-slide-arrow_right {
	-webkit-mask: url("/resource/images/icon/ic-slide-arrow_right.svg");
	mask: url("/resource/images/icon/ic-slide-arrow_right.svg");
	background-color: var(--white) !important;
}
/* 색은 i[class*="ic-"] 의 gray-900 보다 명시도가 높아야 한다 — 그래서 i 를 붙인다 */
i.ic-empty {
	-webkit-mask: url("/resource/images/icon/ic-empty.svg");
	mask: url("/resource/images/icon/ic-empty.svg");
	background-color: var(--gray-500);
}
.ic-slide-arrow_off {
	-webkit-mask: url("/resource/images/icon/ic-slide-arrow_off.svg");
	mask: url("/resource/images/icon/ic-slide-arrow_off.svg");
	background-color: var(--gray-500);
}
.ic-inquiry {
	-webkit-mask: url("/resource/images/icon/ic-inquiry.svg");
	mask: url("/resource/images/icon/ic-inquiry.svg");
}
.ic-search {
	-webkit-mask: url("/resource/images/icon/ic-search.svg");
	mask: url("/resource/images/icon/ic-search.svg");
}
.ic-clip {
	-webkit-mask: url("/resource/images/icon/ic-clip.svg");
	mask: url("/resource/images/icon/ic-clip.svg");
}
.ic-link {
	-webkit-mask: url("/resource/images/icon/ic-link.svg");
	mask: url("/resource/images/icon/ic-link.svg");
}
.ic-share {
	-webkit-mask: url("/resource/images/icon/ic-share.svg");
	mask: url("/resource/images/icon/ic-share.svg");
}
.ic-download {
	-webkit-mask: url("/resource/images/icon/ic-download.svg");
	mask: url("/resource/images/icon/ic-download.svg");
}
.ic-msg-mark {
	-webkit-mask: url("/resource/images/icon/ic-msg-mark.svg");
	mask: url("/resource/images/icon/ic-msg-mark.svg");
}
.ic-trash {
	-webkit-mask: url("/resource/images/icon/ic-trash.svg");
	mask: url("/resource/images/icon/ic-trash.svg");
}
.ic-calendar {
	-webkit-mask: url("/resource/images/icon/ic-calendar.svg");
	mask: url("/resource/images/icon/ic-calendar.svg");
}
.ic-calculator {
	-webkit-mask: url("/resource/images/icon/ic-calculator.svg");
	mask: url("/resource/images/icon/ic-calculator.svg");
}
.ic-grid {
	-webkit-mask: url("/resource/images/icon/ic-grid.svg");
	mask: url("/resource/images/icon/ic-grid.svg");
}
.ic-list {
	-webkit-mask: url("/resource/images/icon/ic-list.svg");
	mask: url("/resource/images/icon/ic-list.svg");
}
.ic-cookie {
	-webkit-mask: url("/resource/images/icon/ic-cookie.svg");
	mask: url("/resource/images/icon/ic-cookie.svg");
}