/* ico */
.ico {
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

/* .ico.sm,
.ico.md,
.ico.lg {
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
} */

.ico.sm {
    width: 12px;
    height: 12px;
    background-size: 12px;
}

.ico.md {
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.ico.lg {
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.ico.xl {
    width: 30px;
    height: 30px;
    background-size: 30px;
}



/* arrow */
i.arrow_left_gray_0 {
    background-image: url('/icon/arrow/left/Gray-0.svg');
}

i.arrow_left_gray_45 {
    background-image: url('/icon/arrow/left/Gray-45.svg');
}

i.arrow_left_gray_60 {
    background-image: url('/icon/arrow/left/Gray-60.svg');
}

i.arrow_left_gray_90 {
    background-image: url('/icon/arrow/left/Gray-90.svg');
}

i.arrow_left_orange_30 {
    background-image: url('/icon/arrow/left/Orange-30.svg');
}

i.arrow_left_orange_50 {
    background-image: url('/icon/arrow/left/Orange-50.svg');
}

i.arrow_left_orange_60 {
    background-image: url('/icon/arrow/left/Orange-60.svg');
}

i.arrow_right_gray_0 {
    background-image: url('/icon/arrow/right/Gray-0.svg');
}

i.arrow_right_gray_45 {
    background-image: url('/icon/arrow/right/Gray-45.svg');
}

i.arrow_right_gray_60 {
    background-image: url('/icon/arrow/right/Gray-60.svg');
}

i.arrow_right_gray_90 {
    background-image: url('/icon/arrow/right/Gray-90.svg');
}

i.arrow_right_orange_30 {
    background-image: url('/icon/arrow/right/Orange-30.svg');
}

i.arrow_right_orange_50 {
    background-image: url('/icon/arrow/right/Orange-50.svg');
}

i.arrow_right_orange_60 {
    background-image: url('/icon/arrow/right/Orange-60.svg');
}

i.arrow_top_gray_0 {
    background-image: url('/icon/arrow/top/Gray-0.svg');
}

i.arrow_top_gray_45 {
    background-image: url('/icon/arrow/top/Gray-45.svg');
}

i.arrow_top_gray_60 {
    background-image: url('/icon/arrow/top/Gray-60.svg');
}

i.arrow_top_gray_90 {
    background-image: url('/icon/arrow/top/Gray-90.svg');
}

i.arrow_top_orange_30 {
    background-image: url('/icon/arrow/top/Orange-30.svg');
}

i.arrow_top_orange_50 {
    background-image: url('/icon/arrow/top/Orange-50.svg');
}

i.arrow_top_orange_60 {
    background-image: url('/icon/arrow/top/Orange-60.svg');
}

i.arrow_down_gray_0 {
    background-image: url('/icon/arrow/down/Gray-0.svg');
}

i.arrow_down_gray_45 {
    background-image: url('/icon/arrow/down/Gray-45.svg');
}

i.arrow_down_gray_60 {
    background-image: url('/icon/arrow/down/Gray-60.svg');
}

i.arrow_down_gray_90 {
    background-image: url('/icon/arrow/down/Gray-90.svg');
}

i.arrow_down_orange_30 {
    background-image: url('/icon/arrow/down/Orange-30.svg');
}

i.arrow_down_orange_50 {
    background-image: url('/icon/arrow/down/Orange-50.svg');
}

i.arrow_down_orange_60 {
    background-image: url('/icon/arrow/down/Orange-60.svg');
}


/* common icon */
i.alarm_gray_0 {
    background-image: url('/icon/common/alarm/Gray-0.svg');
}

i.alarm_gray_45 {
    background-image: url('/icon/common/alarm/Gray-45.svg');
}

i.alarm_gray_60 {
    background-image: url('/icon/common/alarm/Gray-60.svg');
}

i.alarm_gray_90 {
    background-image: url('/icon/common/alarm/Gray-90.svg');
}

i.alarm_orange_30 {
    background-image: url('/icon/common/alarm/Orange-30.svg');
}

i.alarm_orange_50 {
    background-image: url('/icon/common/alarm/Orange-50.svg');
}

i.alarm_orange_60 {
    background-image: url('/icon/common/alarm/Orange-60.svg');
}


i.calendar_gray_0 {
    background-image: url('/icon/common/calendar/Gray-0.svg');
}

i.calendar_gray_45 {
    background-image: url('/icon/common/calendar/Gray-45.svg');
}

i.calendar_gray_45_solid {
    background-image: url('/icon/common/calendar/Gray-45_solid.svg');
}


i.calendar_gray_60 {
    background-image: url('/icon/common/calendar/Gray-60.svg');
}

i.calendar_gray_90 {
    background-image: url('/icon/common/calendar/Gray-90.svg');
}

i.calendar_orange_30 {
    background-image: url('/icon/common/calendar/Orange-30.svg');
}

i.calendar_orange_50 {
    background-image: url('/icon/common/calendar/Orange-50.svg');
}

i.calendar_orange_60 {
    background-image: url('/icon/common/calendar/Orange-60.svg');
}


i.close_gray_0 {
    background-image: url('/icon/common/close/Gray-0.svg');
}

i.close_gray_45 {
    background-image: url('/icon/common/close/Gray-45.svg');
}

i.close_gray_60 {
    background-image: url('/icon/common/close/Gray-60.svg');
}

i.close_gray_90 {
    background-image: url('/icon/common/close/Gray-90.svg');
}

i.close_orange_30 {
    background-image: url('/icon/common/close/Orange-30.svg');
}

i.close_orange_50 {
    background-image: url('/icon/common/close/Orange-50.svg');
}

i.close_orange_60 {
    background-image: url('/icon/common/close/Orange-60.svg');
}

i.kebab_gray_0 {
    background-image: url('/icon/common/kebab/Gray-0.svg');
}

i.kebab_gray_45 {
    background-image: url('/icon/common/kebab/Gray-45.svg');
}

i.kebab_gray_60 {
    background-image: url('/icon/common/kebab/Gray-60.svg');
}

i.kebab_gray_90 {
    background-image: url('/icon/common/kebab/Gray-90.svg');
}

i.kebab_orange_30 {
    background-image: url('/icon/common/kebab/Orange-30.svg');
}

i.kebab_orange_50 {
    background-image: url('/icon/common/kebab/Orange-50.svg');
}

i.kebab_orange_60 {
    background-image: url('/icon/common/kebab/Orange-60.svg');
}

i.plus_gray_0 {
    background-image: url('/icon/common/plus/Gray-0.svg');
}

i.plus_gray_45 {
    background-image: url('/icon/common/plus/Gray-45.svg');
}

i.plus_gray_60 {
    background-image: url('/icon/common/plus/Gray-60.svg');
}

i.plus_gray_90 {
    background-image: url('/icon/common/plus/Gray-90.svg');
}

i.plus_orange_30 {
    background-image: url('/icon/common/plus/Orange-30.svg');
}

i.plus_orange_50 {
    background-image: url('/icon/common/plus/Orange-50.svg');
}

i.plus_orange_60 {
    background-image: url('/icon/common/plus/Orange-60.svg');
}

i.reset_gray_0 {
    background-image: url('/icon/common/reset/Gray-0.svg');
}

i.reset_gray_45 {
    background-image: url('/icon/common/reset/Gray-45.svg');
}

i.reset_gray_60 {
    background-image: url('/icon/common/reset/Gray-60.svg');
}

i.reset_gray_90 {
    background-image: url('/icon/common/reset/Gray-90.svg');
}

i.reset_orange_30 {
    background-image: url('/icon/common/reset/Orange-30.svg');
}

i.reset_orange_50 {
    background-image: url('/icon/common/reset/Orange-50.svg');
}

i.reset_orange_60 {
    background-image: url('/icon/common/reset/Orange-60.svg');
}

i.search_gray_0 {
    background-image: url('/icon/common/search/Gray-0.svg');
}

i.search_gray_45 {
    background-image: url('/icon/common/search/Gray-45.svg');
}

i.search_gray_60 {
    background-image: url('/icon/common/search/Gray-60.svg');
}

i.search_gray_90 {
    background-image: url('/icon/common/search/Gray-90.svg');
}

i.search_orange_30 {
    background-image: url('/icon/common/search/Orange-30.svg');
}

i.search_orange_50 {
    background-image: url('/icon/common/search/Orange-50.svg');
}

i.search_orange_60 {
    background-image: url('/icon/common/search/Orange-60.svg');
}

i.setting_gray_0 {
    background-image: url('/icon/common/setting/Gray-0.svg');
}

i.setting_gray_45 {
    background-image: url('/icon/common/setting/Gray-45.svg');
}

i.setting_gray_60 {
    background-image: url('/icon/common/setting/Gray-60.svg');
}

i.setting_gray_90 {
    background-image: url('/icon/common/setting/Gray-90.svg');
}

i.setting_orange_30 {
    background-image: url('/icon/common/setting/Orange-30.svg');
}

i.setting_orange_50 {
    background-image: url('/icon/common/setting/Orange-50.svg');
}

i.setting_orange_60 {
    background-image: url('/icon/common/setting/Orange-60.svg');
}

i.share_gray_0 {
    background-image: url('/icon/common/share/Gray-0.svg');
}

i.share_gray_45 {
    background-image: url('/icon/common/share/Gray-45.svg');
}

i.share_gray_60 {
    background-image: url('/icon/common/share/Gray-60.svg');
}

i.share_gray_90 {
    background-image: url('/icon/common/share/Gray-90.svg');
}

i.share_orange_30 {
    background-image: url('/icon/common/share/Orange-30.svg');
}

i.share_orange_50 {
    background-image: url('/icon/common/share/Orange-50.svg');
}

i.share_orange_60 {
    background-image: url('/icon/common/share/Orange-60.svg');
}


/* navigation */
i.chat_on {
    background-image: url('/icon/navigation/chat/on.svg');
}

i.chat_off {
    background-image: url('/icon/navigation/chat/off.svg');
}

i.home_on {
    background-image: url('/icon/navigation/home/on.svg');
}

i.home_off {
    background-image: url('/icon/navigation/home/off.svg');
}

i.mypage_on {
    background-image: url('/icon/navigation/mypage/on.svg');
}

i.mypage_off {
    background-image: url('/icon/navigation/mypage/off.svg');
}

i.request_on {
    background-image: url('/icon/navigation/request/on.svg');
}

i.request_off {
    background-image: url('/icon/navigation/request/off.svg');
}

i.reservation_on {
    background-image: url('/icon/navigation/reservation/on.svg');
}

i.reservation_off {
    background-image: url('/icon/navigation/reservation/off.svg');
}


/* sns */
i.apple_color {
    background-image: url('/icon/sns/apple/Color.svg');
}

i.apple_white {
    background-image: url('/icon/sns/apple/White.svg');
}

i.kakao_color {
    background-image: url('/icon/sns/kakao/Color.svg');
}

i.kakao_white {
    background-image: url('/icon/sns/kakao/White.svg');
}

i.naver_color {
    background-image: url('/icon/sns/naver/Color.svg');
}

i.naver_white {
    background-image: url('/icon/sns/naver/White.svg');
}


/* like */
i.like_on {
    background-image: url('/icon/like/on.svg');
}

i.like_off {
    background-image: url('/icon/like/off.svg');
}

/* mypage */
i.manage {
    background-image: url('/icon/mypage/manage.svg');
}

i.manage_gray_45 {
    background-image: url('/icon/mypage/manage_gray_45.svg');
}

i.notice {
    background-image: url('/icon/mypage/notice.svg');
}

i.request {
    background-image: url('/icon/mypage/request.svg');
}

i.review {
    background-image: url('/icon/mypage/review.svg');
}

i.support {
    background-image: url('/icon/mypage/support.svg');
}

i.terms {
    background-image: url('/icon/mypage/terms.svg');
}

/* etc */
i.error {
    background-image: url('/icon/etc/error.svg');
}

i.error_orange {
    background-image: url('/icon/etc/error_orange.svg');
}


i.info {
    background-image: url('/icon/etc/info.svg');
}

i.note {
    background-image: url('/icon/etc/note.svg');
}

i.pin {
    background-image: url('/icon/etc/pin.svg');
}

i.pin_gray_45 {
    background-image: url('/icon/etc/pin_gray_45.svg');
}

i.pin_gray_45 {
    background-image: url('/icon/etc/pin_gray_45.svg');
}

i.injection {
    background-image: url('/icon/etc/injection.svg');
}

i.star_color {
    background-image: url('/icon/common/star/color.svg');
}