@charset "utf_8";

/* 아이콘 */
.ico {display:block;width:24px;height:24px;background-color:var(--color_black, #222);-webkit-mask-image:var(--ico);mask-image:var(--ico);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:100%;mask-size:100%}
.ico.ico_xs {width:12px;height:12px}
.ico.ico_sm {width:16px;height:16px}
.ico.ico_md {width:20px;height:20px}
.ico.ico_lg {width:24px;height:24px}
.ico.ico_xl {width:32px;height:32px}
.ico.ico_2xl {width:40px;height:40px}
.ico.ico_black {background-color:var(--color_black, #222)}
.ico.ico_primary {background-color:var(--color_primary, #00569f)}
.ico.ico_secondary {background-color:var(--color_secondary, #00abd4)}
.ico.ico_white {background-color:var(--color_white, #fff)}
.ico.ico_gray {background-color:var(--color_gray, #999)}
.ico.ico_red {background-color:var(--color_red, #ff3061)}
.ico.ico_lime {background-color:var(--color_lime, #a0d911)}

/* 아이콘 종류 */
.ico_book_open {--ico:url("../img/mobile/common/ico/ico_book_open.svg")}
.ico_briefcase {--ico:url("../img/mobile/common/ico/ico_briefcase.svg")}
.ico_calendar_check {--ico:url("../img/mobile/common/ico/ico_calendar_check.svg")}
.ico_camera {--ico:url("../img/mobile/common/ico/ico_camera.svg")}
.ico_chart_column {--ico:url("../img/mobile/common/ico/ico_chart_column.svg")}
.ico_chevron_left {--ico:url("../img/mobile/common/ico/ico_chevron_left.svg")}
.ico_chevron_right {--ico:url("../img/mobile/common/ico/ico_chevron_right.svg")}
.ico_chevron_up {--ico:url("../img/mobile/common/ico/ico_chevron_up.svg")}
.ico_chevron_down {--ico:url("../img/mobile/common/ico/ico_chevron_down.svg")}
.ico_circle_check {--ico:url("../img/mobile/common/ico/ico_circle_check.svg")}
.ico_circle_user_round {--ico:url("../img/mobile/common/ico/ico_circle_user_round.svg")}
.ico_circle_x {--ico:url("../img/mobile/common/ico/ico_circle_x.svg")}
.ico_clipboard_list {--ico:url("../img/mobile/common/ico/ico_clipboard_list.svg")}
.ico_clock {--ico:url("../img/mobile/common/ico/ico_clock.svg")}
.ico_corner_down_right {--ico:url("../img/mobile/common/ico/ico_corner_down_right.svg")}
.ico_flame {--ico:url("../img/mobile/common/ico/ico_flame.svg")}
.ico_folder_open {--ico:url("../img/mobile/common/ico/ico_folder_open.svg")}
.ico_graduation_cap {--ico:url("../img/mobile/common/ico/ico_graduation_cap.svg")}
.ico_hand_coins {--ico:url("../img/mobile/common/ico/ico_hand_coins.svg")}
.ico_heart {--ico:url("../img/mobile/common/ico/ico_heart.svg")}
.ico_heart_fill {--ico:url("../img/mobile/common/ico/ico_heart_fill.svg")}
.ico_history {--ico:url("../img/mobile/common/ico/ico_history.svg")}
.ico_image {--ico:url("../img/mobile/common/ico/ico_image.svg")}
.ico_house {--ico:url("../img/mobile/common/ico/ico_house.svg")}
.ico_list_checks {--ico:url("../img/mobile/common/ico/ico_list_checks.svg")}
.ico_lock {--ico:url("../img/mobile/common/ico/ico_lock.svg")}
.ico_medal {--ico:url("../img/mobile/common/ico/ico_medal.svg")}
.ico_menu {--ico:url("../img/mobile/common/ico/ico_menu.svg")}
.ico_message_circle_question {--ico:url("../img/mobile/common/ico/ico_message_circle_question.svg")}
.ico_monitor_play {--ico:url("../img/mobile/common/ico/ico_monitor_play.svg")}
.ico_pencil_line {--ico:url("../img/mobile/common/ico/ico_pencil_line.svg")}
.ico_receipt {--ico:url("../img/mobile/common/ico/ico_receipt.svg")}
.ico_search {--ico:url("../img/mobile/common/ico/ico_search.svg")}
.ico_settings {--ico:url("../img/mobile/common/ico/ico_settings.svg")}
.ico_share {--ico:url("../img/mobile/common/ico/ico_share.svg")}
.ico_sparkles {--ico:url("../img/mobile/common/ico/ico_sparkles.svg")}
.ico_star {--ico:url("../img/mobile/common/ico/ico_star.svg")}
.ico_trending_up {--ico:url("../img/mobile/common/ico/ico_trending_up.svg")}
.ico_badge_check {--ico:url("../img/mobile/common/ico/ico_badge_check.svg")}
.ico_trophy {--ico:url("../img/mobile/common/ico/ico_trophy.svg")}
.ico_select_arrow {--ico:url("../img/mobile/common/ico/ico_select_arrow.svg")}
.ico_square {--ico:url("../img/mobile/common/ico/ico_square.svg")}
.ico_square_check {--ico:url("../img/mobile/common/ico/ico_square_check.svg")}
.ico_link {--ico:url("../img/mobile/common/ico/ico_link.svg")}
.ico_video {--ico:url("../img/mobile/common/ico/ico_video.svg")}
.ico_users {--ico:url("../img/mobile/common/ico/ico_users.svg")}
.ico_download {--ico:url("../img/mobile/common/ico/ico_download.svg")}
.ico_paperclip {--ico:url("../img/mobile/common/ico/ico_paperclip.svg")}
.ico_circle_play {--ico:url("../img/mobile/common/ico/ico_circle_play.svg")}