/* ========================================================
   Icon System — images/icon 원본 SVG를 공통으로 재사용하기 위한 CSS
   원본 SVG 파일은 수정하지 않으며, background-image로만 연결한다.
   색상/2-tone 처리는 SVG 원본 값을 그대로 따른다. (design.md 11. Icon System 참고)
   ======================================================== */

.icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

.icon-12 {
    font-size: 12px;
}

.icon-16 {
    font-size: 16px;
}

.icon-20 {
    font-size: 20px;
}

.icon-24 {
    font-size: 24px;
}

.icon-32 {
    font-size: 32px;
}

.icon-48 {
    font-size: 48px;
}

/* 아이콘별 클래스 (images/icon 실제 파일 기준) */

.icon-annual-leave {
    background-image: url("../images/icon/ic-annual-leave.svg");
}

.icon-arrow-diagonal {
    background-image: url("../images/icon/ic-arrow-diagonal.svg");
}

.icon-arrow-right {
    background-image: url("../images/icon/ic-arrow-right.svg");
}

.icon-augmented-reality {
    background-image: url("../images/icon/ic-augmented-reality.svg");
}

.icon-award {
    background-image: url("../images/icon/ic-award.svg");
}

.icon-baby-carriage {
    background-image: url("../images/icon/ic-baby-carriage.svg");
}

.icon-birthday-cake {
    background-image: url("../images/icon/ic-birthday-cake.svg");
}

.icon-bitcoin {
    background-image: url("../images/icon/ic-bitcoin.svg");
}

.icon-book-open-check {
    background-image: url("../images/icon/ic-book-open-check.svg");
}

.icon-book-text {
    background-image: url("../images/icon/ic-book-text.svg");
}

.icon-building {
    background-image: url("../images/icon/ic-building.svg");
}

.icon-childcare-leave {
    background-image: url("../images/icon/ic-childcare-leave.svg");
}

.icon-clipboard-check {
    background-image: url("../images/icon/ic-clipboard-check.svg");
}

.icon-cpu {
    background-image: url("../images/icon/ic-cpu.svg");
}

.icon-cube-send {
    background-image: url("../images/icon/ic-cube-send.svg");
}

.icon-database-export {
    background-image: url("../images/icon/ic-database-export.svg");
}

.icon-database-zap {
    background-image: url("../images/icon/ic-database-zap.svg");
}

.icon-earth {
    background-image: url("../images/icon/ic-earth.svg");
}

.icon-employee-award {
    background-image: url("../images/icon/ic-employee-award.svg");
}

.icon-family-event-leave {
    background-image: url("../images/icon/ic-family-event-leave.svg");
}

.icon-file-chart {
    background-image: url("../images/icon/ic-file-chart.svg");
}

.icon-file-clock {
    background-image: url("../images/icon/ic-file-clock.svg");
}

.icon-file-cog {
    background-image: url("../images/icon/ic-file-cog.svg");
}

.icon-file-search {
    background-image: url("../images/icon/ic-file-search.svg");
}

.icon-file-text-spark {
    background-image: url("../images/icon/ic-file-text-spark.svg");
}

.icon-form {
    background-image: url("../images/icon/ic-form.svg");
}

.icon-hand-coins {
    background-image: url("../images/icon/ic-hand-coins.svg");
}

.icon-handshake {
    background-image: url("../images/icon/ic-handshake.svg");
}

.icon-handshake-alt {
    background-image: url("../images/icon/ic-handshake-alt.svg");
}

.icon-holiday-gift {
    background-image: url("../images/icon/ic-holiday-gift.svg");
}

.icon-holiday-off {
    background-image: url("../images/icon/ic-holiday-off.svg");
}

.icon-landmark {
    background-image: url("../images/icon/ic-landmark.svg");
}

.icon-meal {
    background-image: url("../images/icon/ic-meal.svg");
}

.icon-monitor-check {
    background-image: url("../images/icon/ic-monitor-check.svg");
}

.icon-network {
    background-image: url("../images/icon/ic-network.svg");
}

.icon-night-transport {
    background-image: url("../images/icon/ic-night-transport.svg");
}

.icon-orbit {
    background-image: url("../images/icon/ic-orbit.svg");
}

.icon-package-open {
    background-image: url("../images/icon/ic-package-open.svg");
}

.icon-parental-work-reduction {
    background-image: url("../images/icon/ic-parental-work-reduction.svg");
}

.icon-robot-face {
    background-image: url("../images/icon/ic-robot-face.svg");
}

.icon-scan-search {
    background-image: url("../images/icon/ic-scan-search.svg");
}

.icon-shield-alert {
    background-image: url("../images/icon/ic-shield-alert.svg");
}

.icon-shopping-cart {
    background-image: url("../images/icon/ic-shopping-cart.svg");
}

.icon-summer-vacation {
    background-image: url("../images/icon/ic-summer-vacation.svg");
}