/* ì•„ì´ì½˜ 공통 */ .use_ico { display: flex; align-items: center; } .ico_comm { background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; display: block; flex-shrink: 0; } .ico_comm.prefix { margin-right: 4px; } .ico_comm.postfix { margin-left: 4px; } .ico_comm.ico10 { width: 10px; height: 10px; } .ico_comm.ico12 { width: 12px; height: 12px; } .ico_comm.ico16 { width: 16px; height: 16px; } .ico_comm.ico18 { width: 18px; height: 18px; } .ico_comm.ico24 { width: 24px; height: 24px; } .ico_comm.ico30 { width: 30px; height: 30px; } .ico_comm.ico32 { width: 32px; height: 32px; } .ico_comm.ico35 { width: 35px; height: 35px; } .ico_comm.ico36 { width: 36px; height: 36px; } .ico_comm.ico40 { width: 40px; height: 40px; } .ico_comm.ico48 { width: 48px; height: 48px; } .ico_comm.ico60 { width: 60px; height: 60px; } .ico_comm.ico80 { width: 80px; height: 80px; } .ico_comm.user_ico { background-image: url('/v2/img/ico_user.png'); } .ico_comm.user_ico_v2 { background-image: url('/v2/img/ico_user_v2.png'); } .ico_comm.user_ico_v2_w { background-image: url('/v2/img/ico_user_v2_w.png'); } .ico_comm.search_ico { background-image: url('/v2/img/ico_search.png'); } .ico_comm.search_ico_v2 { background-image: url('/v2/img/ico_search_v2.png'); } .ico_comm.search_ico_v2_w { background-image: url('/v2/img/ico_search_v2_w.png'); } .ico_comm.clip_ico { background-image: url('/v2/img/ico_clip_v2.svg'); } .ico_comm.clip_ico_b { background-image: url('/v2/img/ico_clip_v2_w.svg'); } .ico_comm.clip_ico_g { background-image: url('/v2/img/ico_clip_v2_g.svg'); } .ico_comm.clip_ico_g2 { background-image: url('/v2/img/ico_clip_v2_g.svg'); } .ico_comm.clip_ico2 { background-image: url('/v2/img/ico_clip_v2.svg'); } .ico_comm.clip_ico3 { background-image: url('/v2/img/ico_clip_v2.svg'); } .ico_comm.clip_ico_v2 { background-image: url('/v2/img/ico_clip_v2.png'); } .ico_comm.clip_ico_v2_w { background-image: url('/v2/img/ico_clip_v2_w.svg'); } .ico_comm.clip_ico_v2_g { background-image: url('/v2/img/ico_clip_v2_g.svg'); } .ico_comm.clip_ico_v2_circle { background-image: url('/v2/img/ico_clip2_circle_b.png'); } .ico_comm.clip_ico_v2_circle_w { background-image: url('/v2/img/ico_clip2_circle.png'); } .ico_comm.cart_ico { background-image: url('/v2/img/ico_cart.png'); } .ico_comm.cart_ico_w { background-image: url('/v2/img/ico_cart_w.png'); } .ico_comm.cart_ico_v2 { background-image: url('/v2/img/ico_cart_v2.png'); } .ico_comm.cart_ico_v2_w { background-image: url('/v2/img/ico_cart_v2_w.png'); } .ico_comm.track_ico { background-image: url('/v2/img/ico_track.png'); } .ico_comm.track_ico2 { background-image: url('/v2/img/ico_track2.png'); } .ico_comm.project_ico { background-image: url('/v2/img/ico_projectlist.png'); } .ico_comm.instagram { background-image: url('/v2/img/ico_instagram.png'); border: 0.5px solid #444; border-radius: 50%; } .ico_comm.facebook { background-image: url('/v2/img/ico_facebook.png'); border: 0.5px solid #444; border-radius: 50%; } .ico_comm.youtube { background-image: url('/v2/img/ico_youtube.png'); border: 0.5px solid #444; border-radius: 50%; } .ico_comm.linkedin { background-image: url('/v2/img/ico_linkedin.png'); border: 0.5px solid #444; border-radius: 50%; background-position: center; background-size: auto; } .ico_comm.instagram2 { background-image: url('/v2/img/ico_instagram.svg'); } .ico_comm.facebook2 { background-image: url('/v2/img/ico_facebook.svg'); } .ico_comm.youtube2 { background-image: url('/v2/img/ico_youtube.svg'); } .ico_comm.ask_arrow { background-image: url('/v2/img/ico_ask_arrow.png'); } .ico_comm.biz_arrow { background-image: url('/v2/img/ico_biz_arrow.png'); } .ico_comm.line_arrow { background-image: url('/v2/img/ico_line_arrow.png'); } .ico_comm.line_arrow_b { background-image: url('/v2/img/ico_line_arrow_b.png'); } .ico_comm.line_parent { background-image: url('/v2/img/ico_line_parent.png'); } .ico_comm.line_parent_b { background-image: url('/v2/img/ico_line_parent_b.png'); } .ico_comm.line_pending { background-image: url('/v2/img/ico_line_pending.png'); } .ico_comm.line_pending_g { background-image: url('/v2/img/ico_line_pending_g.png'); } /* 20240924 */ .ico_comm.close { /*background-image: url('/v2/img/ico_close2.png');*/ background-image: url('/v2/img/ico_close_v2.png'); background-size:32px; background-position:center; } /* 20240924 */ .ico_comm.close2 { background-image: url('/v2/img/ico_close2.png'); } .ico_comm.close_g { background-image: url('/v2/img/ico_close_g.png'); } .ico_comm.close_g2 { background-image: url('/v2/img/ico_close_g2.png'); } .ico_comm.close_v2 { background-image: url('/v2/img/ico_close_v2.png'); } .ico_comm.close_v2_w { background-image: url('/v2/img/ico_close_v2_w.png'); } .ico_comm.delete { background-image: url('/v2/img/ico_delete.png'); } .ico_comm.delete_g { background-image: url('/v2/img/ico_delete_g.png'); } .ico_comm.menu_ico { background-image: url('/v2/img/ico_menu.png'); } .ico_comm.menu_ico_v2 { background-image: url('/v2/img/ico_menu_v2.png'); } .ico_comm.menu_ico_v2_w { background-image: url('/v2/img/ico_menu_v2_w.png'); } .ico_comm.menu_ico_v2_m { background-image: url('/v2/img/ico_menu_v2_m.png'); } .ico_comm.menu_ico_v2_w_m { background-image: url('/v2/img/ico_menu_v2_w_m.png'); } .ico_comm.plus_ico { background-image: url('/v2/img/ico_plus.png'); } .ico_comm.plus_ico_w { background-image: url('/v2/img/ico_plus_white.png'); } .ico_comm.minus_ico { background-image: url('/v2/img/ico_minus.png'); } .ico_comm.right_arrow { background-image: url('/v2/img/ico_arrow_right.png'); } .ico_comm.right_arrow2 { background-image: url('/v2/img/ico_arrow_right2.png'); } .ico_comm.left_arrow { background-image: url('/v2/img/ico_arrow_left.png'); } .ico_comm.left_arrow2 { background-image: url('/v2/img/ico_arrow_left2.png'); } .ico_comm.left_arrow_gray { background-image: url('/v2/img/ico_arrow_left_gray.png'); } .ico_comm.right_arrow_white { background-image: url('/v2/img/ico_arrow_right_white.png'); } .ico_comm.right_gray_arrow { background-image: url('/v2/img/ico_arrow_right_gray.png'); } .ico_comm.breadcrumb_ico { background-image: url('/v2/img/ico_breadcrumb.png'); } .ico_comm.refresh_ico { background-image: url('/v2/img/ico_line_refresh.png'); } .ico_comm.filter_ico { background-image: url('/v2/img/ico_filter.png'); } .ico_comm.filter_ico2 { background-image: url('/v2/img/ico_filter2.png'); } .ico_comm.filter_ico2_w { background-image: url('/v2/img/ico_filter2_w.png'); } .ico_comm.download_ico { background-image: url('/v2/img/ico_download.png'); } .ico_comm.download_ico2 { background-image: url('/v2/img/ico_download2.png'); } .ico_comm.download_w_ico { background-image: url('/v2/img/ico_download_white2.png'); } .ico_comm.upload_ico { background-image: url('/v2/img/ico_upload.png'); } .ico_comm.upload_w_ico { background-image: url('/v2/img/ico_upload_white.png'); } .ico_comm.confirm_ico { background-image: url('/v2/img/ico_confirm.png'); } .ico_comm.googledrive_ico { background-image: url('/v2/img/ico_googledrive.png'); } .ico_comm.salesforce_ico { background-image: url('/v2/img/ico_salesforce.png'); } .ico_comm.down_ico_b { background-image: url('/v2/img/ico_down_b.png'); } .ico_comm.down_ico_w { background-image: url('/v2/img/ico_down_w.png'); } .ico_comm.up_ico_b { background-image: url('/v2/img/ico_up_b.png'); } .ico_comm.down_ico_v2 { background-image: url('/v2/img/ico_down_v2.png'); } .ico_comm.down_ico2 { background-image: url('/v2/img/ico_select2.png'); } .ico_comm.plus_ico_10 { background-image: url('/v2/img/ico_plus_10.png'); } .ico_comm.plus_ico_w_10 { background-image: url('/v2/img/ico_plus_white_10.png'); } .ico_comm.ico10.plus_ico { background-image: url('/v2/img/ico_plus_10.png'); } .ico_comm.ico10.plus_ico_w { background-image: url('/v2/img/ico_plus_white_10.png'); } .ico_comm.ico12.plus_ico { background-image: url('/v2/img/ico_plus_10.png'); } .ico_comm.ico12.plus_ico2 { background-image: url('/v2/img/ico_plus2.png'); } .ico_comm.ico12.plus_ico3 { background-image: url('/v2/img/ico_plus3.svg'); } .ico_comm.ico12.plus_ico_w { background-image: url('/v2/img/ico_plus_white_10.png'); } .ico_comm.bag { background-image: url('/img/ico_bag.png'); } .ico_comm.bag_white { background-image: url('/v2/img/ico_bag_white.png'); } .ico_comm.track { background-image: url('/img/ico_track.png'); } .ico_comm.sample_formula_ico { background-image: url('/img/ico_sample_formula.png'); } .ico_comm.sample_package_ico { background-image: url('/img/ico_sample_package.png'); } .ico_comm.sample_formula_w { background-image: url('/v2/img/ico_sample_guide_formula.png'); } .ico_comm.sample_package_w { background-image: url('/v2/img/ico_sample_guide_package.png'); } .ico_comm.sample_track_w { background-image: url('/v2/img/ico_sample_guide_sample.png'); } .ico_comm.chat_ico { background-image: url('/img/ico_moq_chat2.png'); } .ico_comm.chat_w_ico { background-image: url('/img/ico_chat_wht.png'); } .ico_comm.artwork_ico { background-image: url('/v2/img/ico_artwork.png'); } .ico_comm.sendchat_ico { background-image: url('/v2/img/ico_sendchat.png'); } .ico_comm.zoom_ico { background-image: url('/v2/img/ico_zoom.png'); } .ico_comm.error_red_ico { background-image: url('/v2/img/ico_error_red.png'); } .ico_comm.pw_view_ico { background-image: url('/v2/img/ico_password_view.svg'); } .ico_comm.pw_hide_ico { background-image: url('/v2/img/ico_password_hide.svg'); } .ico_comm.compliance_o { background-image: url('/v2/img/ico_compliance_o.png'); } .ico_comm.compliance_x { background-image: url('/v2/img/ico_compliance_x.png'); } .ico_comm.compliance_y { background-image: url('/v2/img/ico_compliance_y.png'); } .ico_comm.warning_ico { background-image: url('/v2/img/ico_warning.png'); } .ico_comm.bi_check_ico { background-image: url('/v2/img/ico_bi_check.png'); } .ico_comm.notification_ico { background-image: url('/v2/img/ico_notification.png'); } /* .ico_comm.newin_ico { background-image: url('/v2/img/ico_newin.png'); } .ico_comm.inspiration_ico { background-image: url('/v2/img/ico_inspiration.png'); } */ /* 20241010 s */ .ico_comm.newin_ico { background-image: url('/v2/img/ico_newin_v2.png'); } .ico_comm.inspiration_ico { background-image: url('/v2/img/ico_inspiration_v2.png'); } /* 20241010 e */ .ico_comm.faq_ico { background-image: url('/v2/img/ico_faq.png'); } .ico_comm.inquiry_ico { background-image: url('/v2/img/ico_inquiry.png'); } .ico_comm.inquiry_ico2 { background-image: url('/v2/img/ico_inquiry2.png'); } .ico_comm.inquiry_ico_v2 { background-image: url('/v2/img/ico_inquiry_v2.png'); } .ico_comm.inquiry_ico_v2_w { background-image: url('/v2/img/ico_inquiry_v2_w.png'); } .ico_comm.language_ico { background-image: url('/v2/img/ico_language.png'); } .ico_comm.language_ico_v2 { background-image: url('/v2/img/ico_language_v2.png'); } .ico_comm.down_ico { background-image: url('/v2/img/ico_down2.png'); } .ico_comm.dropdown_ico { background-image: url('/v2/img/ico_dropdown.png'); } .ico_comm.clean_reach { background-image: url('/v2/img/ico_clean_reach_off.png'); } .ico_comm.clean_reach.active { background-image: url('/v2/img/ico_clean_reach_on.png'); } .ico_comm.clean_d456 { background-image: url('/v2/img/ico_clean_d456_off.png'); } .ico_comm.clean_d456.active { background-image: url('/v2/img/ico_clean_d456_on.png'); } .ico_comm.clean_rspo { background-image: url('/v2/img/ico_clean_rspo_off.png'); } .ico_comm.clean_rspo.active { background-image: url('/v2/img/ico_clean_rspo_on.png'); } .ico_comm.clean_vegan { background-image: url('/v2/img/ico_clean_vegan_off.png'); } .ico_comm.clean_vegan.active{ background-image: url('/v2/img/ico_clean_vegan_on.png'); } .ico_comm.clean_cruelty { background-image: url('/v2/img/ico_clean_cruelty_off.png'); } .ico_comm.clean_cruelty.active { background-image: url('/v2/img/ico_clean_cruelty_on.png'); } .ico_comm.clean_sephora { background-image: url('/v2/img/ico_clean_sephora_off.png'); } .ico_comm.clean_sephora.active { background-image: url('/v2/img/ico_clean_sephora_on.png'); } .ico_comm.sample_info { background-image: url('/v2/img/ico_pdp_sample.png'); } .ico_comm.link_ico { background-image: url('/v2/img/ico_link.png'); } .ico_comm.next_ico { background-image: url('/v2/img/ico_next.png'); } .ico_comm.alarm_ico { background-image: url('/v2/img/ico_alarm.png'); } .ico_comm.pause_ico { background-image: url('/v2/img/ico_pause.png'); } .ico_comm.pause_ico2 { background-image: url('/v2/img/ico_pause2.png'); } .ico_comm.back_ico { background-image: url('/v2/img/ico_back.png'); } .ico_comm.back_ico_s { background-image: url('/v2/img/ico_back_s.png'); } .ico_comm.login_ico { background-image: url('/v2/img/ico_login.png'); } .ico_comm.tip_ico { background-image: url('/v2/img/ico_tip.png'); } .ico_comm.home_ico { background-image: url('/v2/img/ico_home.png'); } .ico_comm.ico12.plus_ico_g { position: relative; } .ico_comm.ico12.plus_ico_g::before, .ico_comm.ico12.plus_ico_g::after { display: block; content: " "; background-color: #838383; position: absolute; left: 50%; top: 50%; } .ico_comm.ico12.plus_ico_g::before { width: 10px; height: 1.5px; margin-left: -5px; margin-top: -1px; } .ico_comm.ico12.plus_ico_g::after { width: 1.5px; height: 10px; margin-left: -1px; margin-top: -5px; } .ico_comm.ico12.plus_ico_g.black::before, .ico_comm.ico12.plus_ico_g.black::after { background-color: #000; } .ico_comm.vertical_line_grey { background-image: url('/v2/img/ico_vertical_line_grey.png'); width: 1px; height: 16px; margin: 0 8px; } .ico_comm.minus_white_ico { background-image: url('/v2/img/ico_minus_white.png'); } .ico_comm.minus_g_ico { background-image: url('/v2/img/ico_minus_g.png'); } .ico_comm.plus_g_ico { background-image: url('/v2/img/ico_plus_g.png'); } .ico_comm.tooltip_ico { background-image: url('/v2/img/ico_tooltip_line.png'); } .ico_comm.tooltip_ask_w_ico { background-image: url('/v2/img/ico_tooltip_ask_w.png'); } .ico_comm.tooltip_ask_b_ico { background-image: url('/v2/img/ico_tooltip_ask_b.png'); } .ico_comm.detail_ico { background-image: url('/v2/img/ico_detail.png'); } .ico_comm.send_iqry_ico { background-image: url('/v2/img/ico_send_iqry.png'); } .ico_comm.tooltip_ask_b_ico { background-image: url('/v2/img/ico_tooltip_ask_b.png'); } .ico_comm.order_process1 { background-image: url('/v2/img/ico_order1.png'); } .ico_comm.order_process2 { background-image: url('/v2/img/ico_order2.png'); } .ico_comm.order_process3 { background-image: url('/v2/img/ico_order3.png'); } .ico_comm.order_process4 { background-image: url('/v2/img/ico_order4.png'); } .ico_comm.order_process5 { background-image: url('/v2/img/ico_order5.png'); } .ico_comm.chk_ico { background-image: url('/v2/img/ico_check_blk.png'); } .ico_comm.chk_ico_g { background-image: url('/v2/img/ico_check_gry.png'); } .ico_comm.chk_ico_w { background-image: url('/v2/img/ico_check_w.png'); } .ico_comm.artwork_formula_ico { background-image: url('/v2/img/ico_moq_artwork_process_f.png'); } .ico_comm.artwork_package1_ico { background-image: url('/v2/img/ico_moq_artwork_process_p1.png'); } .ico_comm.artwork_package2_ico { background-image: url('/v2/img/ico_moq_artwork_process_p2.png'); } .ico_comm.artwork_sachet_ico { background-image: url('/v2/img/ico_moq_artwork_process_sachet.png'); } .ico_comm.artwork_pps_ico { background-image: url('/v2/img/ico_moq_artwork_process_pps.png'); } .ico_comm.edit_ico { background-image: url('/v2/img/ico_edit.png'); } .ico_comm.spinner_ico { background-image: url('/v2/img/ico_spinner.png'); } .ico_comm.tiktok_ico { background-image: url('/v2/img/ico_tiktok.png'); } .ico_comm.sound_on_ico { background-image: url('/v2/img/ico_sound_on.png'); } .ico_comm.sound_off_ico { background-image: url('/v2/img/ico_sound_off.png'); } @media (max-width: 1300px) { .pc .ico_comm.prefix { margin-right: 0.3vw; } .pc .ico_comm.postfix { margin-left: 0.3vw; } .pc .ico_comm.ico10 { width: 0.76vw; height: 0.76vw; } .pc .ico_comm.ico12 { width: 0.92vw; height: 0.92vw; } .pc .ico_comm.ico16 { width: 1.23vw; height: 1.23vw; } .pc .ico_comm.ico18 { width: 1.38vw; height: 1.38vw; } .pc .ico_comm.ico24 { width: 1.84vw; height: 1.84vw; } .pc .ico_comm.ico30 { width: 2.3vw; height: 2.3vw; } .pc .ico_comm.ico32 { width: 2.46vw; height: 2.46vw; } .pc .ico_comm.ico36 { width: 2.76vw; height: 2.76vw; } .pc .ico_comm.ico40 { width: 3.08vw; height: 3.08vw; } .pc .ico_comm.ico48 { width: 3.69vw; height: 3.69vw; } .pc .ico_comm.ico60 { width: 4.62vw; height: 4.62vw; } .pc .ico_comm.ico80 { width: 6.15vw; height: 6.15vw; } .pc .ico_comm.ico12.plus_ico_g::before { width: 0.76vw; height: 0.11vw; margin-left: -0.38vw; margin-top: -0.07vw; } .pc .ico_comm.ico12.plus_ico_g::after { width: 0.11vw; height: 0.76vw; margin-left: -0.07vw; margin-top: -0.38vw; } } @media (max-width: 768px) { .pc .ico_comm.prefix { margin-right: 2px; } .pc .ico_comm.postfix { margin-left: 2px; } .pc .ico_comm.ico10 { width: 6px; height: 6px; } .pc .ico_comm.ico12 { width: 7px; height: 7px; } .pc .ico_comm.ico16 { width: 9px; height: 9px; } .pc .ico_comm.ico18 { width: 11px; height: 11px; } .pc .ico_comm.ico24 { width: 14px; height: 14px; } .pc .ico_comm.ico30 { width: 18px; height: 18px; } .pc .ico_comm.ico32 { width: 19px; height: 19px; } .pc .ico_comm.ico36 { width: 21px; height: 21px; } .pc .ico_comm.ico40 { width: 24px; height: 24px; } .pc .ico_comm.ico48 { width: 28px; height: 28px; } .pc .ico_comm.ico60 { width: 35px; height: 35px; } .pc .ico_comm.ico80 { width: 47px; height: 47px; } .pc .ico_comm.ico12.plus_ico_g::before { width: 6px; height: 1px; margin-left: -3px; margin-top: -1px; } .pc .ico_comm.ico12.plus_ico_g::after { width: 1px; height: 6px; margin-left: -1px; margin-top: -3px; } }