@charset "utf-8";

/*=============== icon ===============*/
.icon {
    vertical-align: middle;
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon::before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

/*icon kakao*/
.icon-kakao::before {
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/icon_kakao.svg");
}
.icon-kakao.on::before {
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/icon_kakao_on.svg");
}

/*icon naver*/
.icon-naver::before {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon/icon_naver.svg");
}
.icon-naver.on::before {
    background-image: url("../images/icon/icon_naver_on.svg");
}

/*icon apple*/
.icon-apple::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_apple.svg");
}
.icon-apple.on::before {
    background-image: url("../images/icon/icon_apple_on.svg");
}

/*icon confirm*/
.icon-confirm-1::before {
    width: 11px;
    height: 7px;
    background-image: url("../images/icon/icon_confirm_1.svg");
}
.icon-confirm-2::before {
    width: 9px;
    height: 9px;
    background-image: url("../images/icon/icon_confirm_2.svg");
}
.icon-confirm-3::before {
    width: 11px;
    height: 13px;
    background-image: url("../images/icon/icon_confirm_3.svg");
}
.icon-confirm-4::before {
    width: 11px;
    height: 13px;
    background-image: url("../images/icon/icon_confirm_4.svg");
}
.icon-confirm-5::before {
    width: 18px;
    height: 18px;
    background-image: url("../images/icon/icon_confirm_5.svg");
}
.icon-confirm-6::before {
    width: 18px;
    height: 18px;
    background-image: url("../images/icon/icon_confirm_6.svg");
}

/*icon question*/
.icon-help::before {
    width: 19px;
    height: 19px;
    background-image: url("../images/icon/icon_help.svg");
}

/*icon search*/
.icon-search::before {
    width: 15px;
    height: 15px;
    background-image: url("../images/icon/icon_search.svg");
}
.icon-search.red::before {
    background-image: url("../images/icon/icon_search_red.svg");
    background-size: contain;
}

/*icon like*/
.icon-like::before {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon/icon_like.svg");
}
.icon-like.on::before {
    background-image: url("../images/icon/icon_like_on.svg");
}
.icon-like-2::before {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon/icon_like_2.svg");
}
.icon-like-gray::before {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon/icon_home_like.svg");
}

/*icon barcode*/
.icon-barcode::before {
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/icon_barcode_search.svg");
}
.icon-barcode-black::before {
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/icon_barcode-black.svg");
}

/*icon prev button*/
.icon-btn-prev::before {
    width: 8px;
    height: 16px;
    background-image: url("../images/icon/icon_btn_prev.svg");
}
/*icon prev button(뒤로가기 한정)*/
.btn_prev > .icon-btn-prev::before {
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/icon_btn_prev_arrow.svg");
}

/*icon button arrow*/
.icon-btn-arr::before {
    width: 8px;
    height: 16px;
    background-image: url("../images/icon/icon_btn_arr.svg");
}

/*icon filter arrow*/
.icon-filter-arr::before {
    width: 8px;
    height: 16px;
    background-image: url("../images/icon/icon_filter_arr.svg");
}
.icon-filter-arr.red::before {
    width: 10px;
    height: 5px;
    background-image: url("../images/icon/icon_filter_arr_red.svg");
}

/*icon select arrow*/
.icon-select-arr::before {
    width: 16px;
    height: 8px;
    background-image: url("../images/icon/icon_select_arr.svg");
}

/*icon menu select*/
.icon-sel-menu::before {
    width: 13px;
    height: 10px;
    background-image: url("../images/icon/icon_sel_menu.svg");
}

/*icon menu select white*/
.icon-sel-menu.wh::before {
    width: 13px;
    height: 10px;
    background-image: url("../images/icon/icon_sel_menu_white.svg");
}

/*icon menu select m coupon*/
.icon-sel-menu.mCoupon::before {
    width: 13px;
    height: 10px;
    background-image: url("../images/icon/icon_sel_menu_m.svg");
}

/*icon member check*/
.icon-sel-check::before {
    width: 20px;
    height: 13px;
    background-image: url("../images/icon/icon_mem_check.svg");
}

/*icon close modal*/
.icon-close-modal::before {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon/icon_close_modal.svg");
}

/*icon close menu*/
.icon-close-option::before {
    width: 30px;
    height: 5px;
    background-image: url("../images/icon/icon_close_option.svg");
}

/*icon close filter*/
.icon-close-filter::before {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon/icon_close_filter.svg");
}

/*icon move to top*/
.icon-move-top::before {
    width: 10px;
    height: 18px;
    background-image: url("../images/icon/icon_btn_top.svg");
}

/*icon finger*/
.icon-finger::before {
    width: 43px;
    height: 43px;
    background-image: url("../images/icon/icon_finger.svg");
}

/*icon face*/
.icon-face::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_face.svg");
}

/*icon gnb pop*/
.icon-gnb-pop::before {
    width: 70px;
    height: 70px;
    background-image: url("../images/icon/menu/icon_gnb_pop.png");
}
.icon-gnb-pop.on::before {
    background-image: url("../images/icon/menu/icon_gnb_pop_on.png");
}
.icon-gnb-pop.trans::before {
    width: 52px;
    height: 52px;
    background-image: url("../images/icon/menu/icon_gnb_pop_trans.svg");
}
.icon-gnb-pop.lg::before {
    width: 90px;
    height: 90px;
    background-image: url("../images/icon/menu/icon_gnb_pop_lg.svg");
    background-size: contain;
}
.icon-gnb-pop.line::before {
    width: 90px;
    height: 90px;
    background-image: url("../images/icon/menu/icon_gnb_pop_line.png");
    background-size: contain;
}

/*icon gnb home*/
.icon-gnb-home::before {
    width: 25px;
    height: 22px;
    background-image: url("../images/icon/menu/icon_gnb_home.svg");
}
.icon-gnb-home.on::before {
    background-image: url("../images/icon/menu/icon_gnb_home_on.svg");
}

/*icon gnb my*/
.icon-gnb-my::before {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/menu/icon_gnb_my.svg");
}
.icon-gnb-my.on::before {
    background-image: url("../images/icon/menu/icon_gnb_my_on.svg");
}

/*icon gnb recent*/
.icon-gnb-recent::before {
    width: 26px;
    height: 21.23px;
    background-image: url("../images/icon/menu/icon_gnb_myproduct.svg");
}
.icon-gnb-recent.on::before {
    width: 26px;
    height: 21.23px;
    background-image: url("../images/icon/menu/icon_gnb_myproduct_on.svg");
}

/*icon gnb cart*/
.icon-gnb-cart::before {
    width: 25px;
    height: 22px;
    background-image: url("../images/icon/menu/icon_gnb_cart.svg");
}
.icon-gnb-cart.on::before {
    background-image: url("../images/icon/menu/icon_gnb_cart_on.svg");
}

/*icon gnb barcode*/
.icon-gnb-barcode::before {
    width: 24px;
    height: 18px;
    background-image: url("../images/icon/menu/icon_gnb_barcode.svg");
}
.icon-gnb-barcode.on::before {
    background-image: url("../images/icon/menu/icon_gnb_barcode_on.svg");
}

/*icon gnb barcode(home)*/
.icon-gnb-barcode-home::before {
    width: 32px;
    height: 31px;
    background-image: url("../images/icon/menu/icon_gnb_barcode_new.svg");
}

/*icon gnb refresh*/
.icon-refresh::before {
    width: 15px;
    height: 17px;
    background-image: url("../images/icon/icon_refresh.svg");
}

/*icon gnb coupon*/
.icon-gnb-coupon::before {
    width: 25px;
    height: 13px;
    background-image: url("../images/icon/menu/icon_gnb_coupon.svg");
}
.icon-gnb-coupon.on::before {
    background-image: url("../images/icon/menu/icon_gnb_coupon_on.svg");
}

/*icon my page alarm*/
.icon-alarm::before {
    width: 15px;
    height: 20px;
    background-image: url("../images/icon/icon_my_alram.svg");
}
.icon-alarm.red::before {
    width: 15px;
    height: 20px;
    background-image: url("../images/icon/icon_alarm_red.svg");
}

/*icon my page*/
.icon-myPage::before {
    width: 18px;
    height: 20px;
    background-image: url("../images/icon/icon_myPage.svg");
}

/*icon my page member*/
.icon-member::before {
    width: 60px;
    height: 60px;
    background-image: url("../images/icon/icon_my_member.svg");
}
.icon-member-plus::before {
    width: 74px;
    height: 69px;
    background-image: url("../images/icon/icon_mem_plus.svg");
}

/*icon point notice*/
.icon-notice::before {
    width: 14px;
    height: 14px;
    background-image: url("../images/icon/icon_notice.svg");
}
.icon-notice-gray::before {
    width: 14px;
    height: 14px;
    background-image: url("../images/icon/icon_notice_gray.svg");
}
.icon-notice-white::before {
    width: 18px;
    height: 18px;
    background-image: url("../images/icon/icon_notice_wh.svg");
}

/*icon radio*/
.icon-toggle::before {
    width: 47px;
    height: 24px;
    background-image: url("../images/icon/icon_toggle.svg");
}
.icon-toggle.on::before {
    width: 47px;
    height: 24px;
    background-image: url("../images/icon/icon_toggle_on.svg");
}

/*icon show psw*/
.icon-show::before {
    width: 21px;
    height: 15px;
    background-image: url("../images/icon/icon_psw_show.svg");
}

/*icon plus*/
.icon-plus::before {
    width: 15px;
    height: 15px;
    background-image: url("../images/icon/icon_plus.svg");
}

/*icon minus*/
.icon-minus::before {
    width: 15px;
    height: 15px;
    background-image: url("../images/icon/icon_minus.svg");
}

/*icon delete filter*/
.icon-delete-filter::before {
    width: 6px;
    height: 6px;
    background-image: url("../images/icon/icon_del_filter.svg");
}

/*icon delete txt*/
.icon-delete-txt::before {
    width: 18px;
    height: 18px;
    background-image: url("../images/icon/icon_del_txt.svg");
}

/*icon delete photo*/
.icon-delete-photo::before {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_del_photo.svg");
}

/*icon btn snb*/
.icon-btn-snb::before {
    width: 17px;
    height: 14px;
    background-image: url("../images/icon/icon_snb.svg");
}
.icon-btn-snb.gray::before {
    width: 17px;
    height: 14px;
    background-image: url("../images/icon/icon_snb_gray.svg");
}

/*icon mart info*/
.icon-info-1 {
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/icon_info_1.svg");
}
.icon-info-2 {
    width: 20px;
    height: 14px;
    background-image: url("../images/icon/icon_info_2.svg");
}
.icon-info-3 {
    width: 14px;
    height: 16px;
    background-image: url("../images/icon/icon_info_3.svg");
}
.icon-info-4 {
    width: 20px;
    height: 17px;
    background-image: url("../images/icon/icon_info_4.svg");
}
.icon-info-5 {
    width: 15px;
    height: 20px;
    background-image: url("../images/icon/icon_info_5.svg");
}
.icon-info-6 {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon/icon_info_6.svg");
}
.icon-info-7 {
    width: 18px;
    height: 22px;
    background-image: url("../images/icon/icon_info_7.svg");
}

/*icon snb*/
.icon-snb-1::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_1.svg");
}
.icon-snb-1.on::before {
    background-image: url("../images/icon/menu/icon_snb_1_w.svg");
}
.icon-snb-2::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_2.svg");
}
.icon-snb-2.on::before {
    background-image: url("../images/icon/menu/icon_snb_2_w.svg");
}
.icon-snb-3::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_3.svg");
}
.icon-snb-3.on::before {
    background-image: url("../images/icon/menu/icon_snb_3_w.svg");
}
.icon-snb-4::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_4.svg");
}
.icon-snb-4.on::before {
    background-image: url("../images/icon/menu/icon_snb_4_w.svg");
}
.icon-snb-5::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_5.svg");
}
.icon-snb-5.on::before {
    background-image: url("../images/icon/menu/icon_snb_5_w.svg");
}
.icon-snb-6::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_6.svg");
}
.icon-snb-6.on::before {
    background-image: url("../images/icon/menu/icon_snb_6_w.svg");
}
.icon-snb-7::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_7.svg");
}
.icon-snb-7.on::before {
    background-image: url("../images/icon/menu/icon_snb_7_w.svg");
}
.icon-snb-8::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_8.svg");
}
.icon-snb-8.on::before {
    background-image: url("../images/icon/menu/icon_snb_8_w.svg");
}
.icon-snb-9::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_9.svg");
}
.icon-snb-9.on::before {
    background-image: url("../images/icon/menu/icon_snb_9_w.svg");
}
.icon-snb-10::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_10.svg");
}
.icon-snb-10.on::before {
    background-image: url("../images/icon/menu/icon_snb_10_w.svg");
}
.icon-snb-11::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_11.svg");
}
.icon-snb-11.on::before {
    background-image: url("../images/icon/menu/icon_snb_11_w.svg");
}
.icon-snb-12::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_12.svg");
}
.icon-snb-12.on::before {
    background-image: url("../images/icon/menu/icon_snb_12_w.svg");
}
.icon-snb-13::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_13.svg");
}
.icon-snb-13.on::before {
    background-image: url("../images/icon/menu/icon_snb_13_w.svg");
}
.icon-snb-14::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_14.svg");
}
.icon-snb-14.on::before {
    background-image: url("../images/icon/menu/icon_snb_14_w.svg");
}
.icon-snb-15::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_15.svg");
}
.icon-snb-15.on::before {
    background-image: url("../images/icon/menu/icon_snb_15_w.svg");
}
.icon-snb-16::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_16.svg");
}
.icon-snb-16.on::before {
    background-image: url("../images/icon/menu/icon_snb_16_w.svg");
}
.icon-snb-17::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/icon/menu/icon_snb_17.svg");
}
.icon-snb-17.on::before {
    background-image: url("../images/icon/menu/icon_snb_17_w.svg");
}

/*icon list cart*/
.icon-list-cart::before {
    width: 21px;
    height: 19px;
    background-image: url("../images/icon/icon_list_cart.svg");
}
.btn_buy.active .icon-list-cart::before {
    width: 21px;
    height: 19px;
    background-image: url("../images/icon/icon_list_cart_m1.svg");
}

/*icon list coupon*/
.icon-list-coupon::before {
    width: 22px;
    height: 14px;
    background-image: url("../images/icon/icon_list_coupon.svg");
}
.btn_coupon.active .icon-list-coupon::before {
    width: 22px;
    height: 14px;
    background-image: url("../images/icon/icon_list_coupon_m1.svg");
}

/*icon mart coin*/
.icon-mart-coin::before {
    width: 14px;
    height: 14px;
    background-image: url("../images/icon/icon_mart_coin.svg");
}
.icon-my-point::before {
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/icon_my_point.svg");
}

/*icon mart coupon*/
.icon-mart-coupon::before {
    width: 16px;
    height: 10px;
    background-image: url("../images/icon/icon_mart_coupon.svg");
}

/*icon list sold out*/
.icon-list-soldout::before {
    width: 23px;
    height: 19px;
    background-image: url("../images/icon/icon_list_soldout.svg");
}

/*icon list offline*/
.icon-list-offline::before {
    float: right;
    width: 25px;
    height: 35px;
    background-image: url("../images/icon/icon_list_offline.svg");
}

/*icon member kakao*/
.icon-mem-kakao::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_mem_kakao.svg");
}
.icon-mem-kakao.disabled::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_mem_kakao-off.svg");
}

/*icon member naver*/
.icon-mem-naver::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_mem_naver.svg");
}
.icon-mem-naver.disabled::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_mem_naver_off.svg");
}

/*icon member apple*/
.icon-mem-apple::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_apple_on.svg");
}
.icon-mem-apple.disabled::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_apple.svg");
}

/*icon member finger*/
.icon-mem-finger::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_mem_finger.svg");
}
.icon-mem-finger.disabled::before {
    width: 33px;
    height: 33px;
    background-image: url("../images/icon/icon_mem_finger_off.svg");
}

/*icon member face*/
.icon-mem-face.disabled::before {
    width: 38px;
    height: 39px;
    background-image: url("../images/icon/icon_mem_face.svg");
}
.icon-mem-face::before {
    width: 38px;
    height: 39px;
    background-image: url("../images/icon/icon_mem_face_off.svg");
}

/*icon address*/
.icon-address::before {
    width: 17px;
    height: 17px;
    background-image: url("../images/icon/icon_address.svg");
}

/*icon alarm circle*/
.icon-alarm-circle::before {
    width: 8px;
    height: 8px;
    background-image: url("../images/icon/icon_alarm_circle.svg");
}

/*icon alarm time*/
.icon-alarm-time::before {
    width: 17px;
    height: 17px;
    background-image: url("../images/icon/icon_alarm_time.svg");
}

/*icon cart*/
.icon-cart::before {
    width: 21px;
    height: 19px;
    background-image: url("../images/icon/icon_cart.svg");
}

/*icon download*/
.icon-download::before {
    width: 14px;
    height: 18px;
    background-image: url("../images/icon/icon_download.svg");
}

/*icon download m coupon*/
.icon-download.mCoupon::before {
    width: 14px;
    height: 18px;
    background-image: url("../images/icon/icon_download_m.svg");
}

/*icon coin*/
.icon-coin::before {
    width: 22px;
    height: 14px;
    background-image: url("../images/icon/icon_coin.svg");
}

/*icon print*/
.icon-print::before {
    width: 19px;
    height: 16px;
    background-image: url("../images/icon/icon_print.svg");
}

/*icon sale time*/
.icon-sale-time::before {
    width: 48px;
    height: 48px;
    background-image: url("../images/icon/icon_sale_time.svg");
}
.icon-sale-time.on::before {
    background-image: url("../images/icon/icon_sale_time_on.svg");
}

.icon-sale-time.timeSale::before {
    width: 31.5px;
    height: 31.5px;
    background-image: url("../images/icon/icon_timeSale.gif");
}

/*icon sale cart*/
.icon-sale-cart::before {
    width: 48px;
    height: 48px;
    background-image: url("../images/icon/icon_sale_cart.svg");
}
.icon-sale-cart.on::before {
    background-image: url("../images/icon/icon_sale_cart_on.svg");
}

/*icon mart cart*/
.icon-mart-cart::before {
    width: 24px;
    height: 21px;
    background-image: url("../images/icon/icon_mart_cart.svg");
}
.icon-mart-cart.on::before {
    background-image: url("../images/icon/icon_mart_cart_on.svg");
}

/*icon mart home*/
.icon-mart-home::before {
    width: 21px;
    height: 18px;
    background-image: url("../images/icon/icon_mart_home.svg");
}

/*icon prod home*/
.icon-prod-home::before {
    width: 21px;
    height: 19px;
    background-image: url("../images/icon/icon_prod_home.svg");
}

/*icon prod search*/
.icon-prod-search::before {
    width: 19px;
    height: 19px;
    background-image: url("../images/icon/icon_prod_search.svg");
}

/*icon barcode option*/
.icon-barcode-opt-1::before {
    width: 32px;
    height: 24px;
    background-image: url("../images/icon/icon_barcode_opt_1.svg");
}
.icon-barcode-opt-2::before {
    width: 29px;
    height: 29px;
    background-image: url("../images/icon/icon_barcode_opt_2.svg");
}
.icon-barcode-opt-3::before {
    width: 32px;
    height: 28px;
    background-image: url("../images/icon/icon_barcode_opt_3.svg");
}

/* 220729 추가 */
.icon-tw-home::before {
    width: 22px;
    height: 22px;
    background-image: url("../images/icon/icon_tw_home.svg");
}
.icon-tw-call::before {
    width: 36px;
    height: 36px;
    background-image: url("../images/icon/icon_tw_call.svg");
}
.icon-tw-go::before {
    width: 14px;
    height: 14px;
    background-image: url("../images/icon/icon_tw_go.svg");
}
.icon-btn-arr-red::before {
    width: 8px;
    height: 16px;
    background-image: url("../images/icon/icon_btn_arr_red.svg");
}

/* 220816 추가 */
.icon-prod-cart::before {
    width: 25px;
    height: 22px;
    background-image: url("../images/icon/icon_prod_cart.svg");
}

/*220829 plcc 추가____*/
.icon-prod-plcc_card::before {
    width: 44px;
    height: 29px;
    background-image: url("../images/icon/icon-prod-plcc_card.svg");
}

/*group point*/
.icon-gPoint {
    display: inline-block;
    width: 28px;
    height: 28px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 31px;
    border-radius: 8px;
    background: #fd5050;
    margin: 0 5px 0 0;
}
.icon-gPoint.sm {
    width: 16px;
    height: 16px;
    font-size: 0.625rem;
    font-weight: 500;
    border-radius: 5px;
    line-height: 18px;
}

/*220916_주문/결제 화면 리뉴얼_이승미*/
.icon_pay_time::before {
    width: 14px;
    height: 14px;
    background-image: url("../images/icon/icon_pay_time.svg");
}

.icon_pay_coupon::before {
    width: 16px;
    height: 12px;
    background-image: url("../images/icon/icon_pay_coupon.svg");
}

.icon_pay_point::before {
    width: 14px;
    height: 14px;
    background-image: url("../images/icon/icon_pay_point.svg");
}

.icon_pay_option_zero_pay_on::before {
    width: 44px;
    height: 12px;
    background-image: url("../images/icon/icon_pay_option_zero_pay_on.svg");
}

.icon_pay_option_naver_pay_on::before {
    width: 44px;
    height: 17.4px;
    background-image: url("../images/icon/icon_pay_option_naver_pay_on.svg");
}

.icon_pay_option_payco_on::before {
    width: 44px;
    height: 15px;
    background-image: url("../images/icon/icon_pay_option_payco_on.svg");
}

.icon_pay_option_account_on::before {
    width: 30.64px;
    height: 18px;
    background-image: url("../images/icon/icon_pay_option_account_on.svg");
}

.icon_btn_prev_red {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_btn_prev_red.svg");
}

.icon_pay_check::before {
    width: 12px;
    height: 10px;
    background-image: url("../images/icon/icon_pay_check.svg");
}

/* 220929 쿠폰함 리뉴얼 - 차혜리 */
.icon-coupon-add::before {
    width: 27px;
    height: 22px;
    background-image: url("../images/icon/icon_coupon_add.svg");
}
.icon-coupon-balance::before {
    width: 12px;
    height: 12px;
    background-image: url("../images/icon/icon_balance.svg");
}
.icon-get-coupon::before {
    width: 17px;
    height: 13px;
    background-image: url("../images/icon/icon_get_coupon.svg");
}
.icon-coupon-down::before {
    width: 30px;
    height: 30px;
    background-image: url("../images/icon/icon_coupon_down.svg");
}
.icon-coupon-get::before {
    width: 30px;
    height: 30px;
    background-image: url("../images/icon/icon_coupon_get.svg");
}
.icon-coupon-ok::before {
    width: 36px;
    height: 36px;
    background-image: url("../images/icon/icon_ok2.svg");
}
.icon-coupon-error::before {
    width: 36px;
    height: 36px;
    background-image: url("../images/icon/icon_error.svg");
}

/* 2210 식자재 카테고리 추가 - 이승미 */
.icon-snb-large-food-1::before {
    width: 30px;
    height: 28px;
    background-image: url("../images/icon/menu/icon_snb_large_food_1.svg");
}
.icon-snb-large-food-1.on::before {
    background-image: url("../images/icon/menu/icon_snb_large_food_1_w.svg");
}
.icon-snb-large-food-2::before {
    width: 28px;
    height: 28px;
    background-image: url("../images/icon/menu/icon_snb_large_food_2.svg");
}
.icon-snb-large-food-2.on::before {
    background-image: url("../images/icon/menu/icon_snb_large_food_2_w.svg");
}
.icon-snb-large-food-3::before {
    width: 30px;
    height: 25px;
    background-image: url("../images/icon/menu/icon_snb_large_food_3.svg");
}
.icon-snb-large-food-3.on::before {
    background-image: url("../images/icon/menu/icon_snb_large_food_3_w.svg");
}

/* 230102 사업자회원)계정관리 아이콘 추가 - 이승미 */
.icon-account-common::before {
    width: 36px;
    height: 36px;
    background-image: url("../images/icon/icon_account_1.svg");
}

.icon-account-business::before {
    width: 36px;
    height: 36px;
    background-image: url("../images/icon/icon_account_2.svg");
}

.icon-notice_xl::before {
    width: 36px;
    height: 36px;
    background-image: url("../images/icon/icon_notice_1.svg");
}

.icon_clock {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_clock.svg");
}

/*--수산대전tab--*/
.icon_tab_mart {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_tab_mart.svg");
}
.icon_tab_delivery {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_tab_delivery.svg");
}

/* 230517 주문결제  추가*/
.icon_pay_option_kakao_pay::before {
    width: 40px;
    height: 20px;
    background-image: url("../images/icon/icon_pay_option_kakao_pay.svg");
}
.icon_pay_option_toss_pay::before {
    width: 68px;
    height: 24px;
    background-image: url("../images/icon/icon_pay_option_toss_pay.svg");
}

/* 240611 추가 */
.icon-my-coupon::before {
    width: 33px;
    height: 29px;
    background-image: url("../images/img/ico-coupon.svg");
    background-size: contain;
}
.icon-display-light::before {
    width: 22px;
    height: 22px;
    background-image: url("../images/icon/icon_display_light.svg");
}

/* 240924 추가 */
.icon_pay_option_npay {
    width: 50px;
    height: 18px;
    background: url("../images/icon/icon_badge_npay.svg") no-repeat center /
        contain;
}
.icon_pay_option_kakao {
    width: 50px;
    height: 18px;
    background: url("../images/icon/icon_badge_kakao.png") no-repeat center /
        contain;
}
.icon_pay_option_toss {
    width: 60px;
    height: 18px;
    background: url("../images/icon/icon_badge_toss.png") no-repeat center /
        contain;
}

.icon_phone {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_phone.svg");
}
.icon_plus_circle {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_plus_circle.svg");
}
.icon_connect {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon/icon_connect.svg");
}
.icon_last_time {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon/icon_last_time.svg");
}
.icon_down_category {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_down_category.svg");
}
.icon-all-category-down::before {
    width: 16px;
    height: 16px;
    transform: rotate(-90deg);
    background-image: url("../images/icon/icon_btn_prev.svg");
}
.icon-all-category-up::before {
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    background-image: url("../images/icon/icon_btn_prev.svg");
}
.icon_refresh {
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/icon_refresh.png");
}

/*icon icon-location*/
.icon-location::before {
    width: 16px;
    height: 32px;
    transform: rotate(180deg);
    background-image: url("../images/icon/icon_location.svg");
}
.icon-map::before{
    width: 20px;
    height: 20px;
    background-image: url('../images/icon/ico-map.svg');
}

/*=============== icon ===============*/
.icon.white {
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(8deg)
        brightness(104%) contrast(100%);
}
.icon.gray {
    filter: invert(76%) sepia(1%) saturate(0%) hue-rotate(336deg)
        brightness(97%) contrast(88%);
}
.icon.lightgray {
    filter: invert(61%) sepia(0%) saturate(514%) hue-rotate(145deg)
        brightness(91%) contrast(85%);
}
.icon.pink {
    filter: invert(39%) sepia(60%) saturate(730%) hue-rotate(313deg)
        brightness(106%) contrast(103%);
}
.icon.green {
    filter: invert(47%) sepia(53%) saturate(531%) hue-rotate(70deg)
        brightness(100%) contrast(91%);
}
.icon.sm {
    transform: scale(0.7);
    transform-origin: center center;
}
.icon.m1::before {
    width: 12px;
    height: 12px;
}
.icon.mirror {
    transform: scale(0.7) rotate(180deg);
    transform-origin: center center;
}
.icon.rotate {
    transform: rotate(180deg);
}