/* 아이콘 공통 */
.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;
  }

}