:root {
  --font_family_sans_serif: kozuka-gothic-pr6n, sans-serif, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Segoe UI Symbol";
  --login_width_size: 800px;
  --container_width: 1340px;
  --other_icon_size: 30px;
  --header_adorn_size: 15px;
  --get_qrimg_size: 180px;
  --reg_link_color: #76a3bf;
  --adorn_size: 40px;
  --m_adorn_size: 25px;
  --body_color: #F5F5F7;
  --nav_bg: #FDFCFC;
  --nav_color: #6b6b6b;
  --m_sidebar_item_title_color: #8f8f8f;
  --m_sidebar_border_color: #ebebeb;
  --nav_active_color: #f4f3f1;
  --logo_size: 35px;
  --m_logo_size: 30px;
  --m_bar_size: 40px;
  --header_search_height: 34px;
  --shopping_num_size: 18px;
  --order_num_size: 18px;
  --slider_width_size: 240px;
  --m_sidebar_max_width: 360px;
  --pro_file_size: 100px;
  --w_sub_title_size: 15em;
  --border_light_color: #dfdfdf;
  --sold_out_bg: rgb(202, 202, 202, .8);
  --sold_out_text_bg: rgba(124, 124, 124, .8);
  --aqua_blue: #5db3d4;
  --red: #bf0000;
  --deep_red: #8c0d26;
  --og: #ea5e18;
  --black: #000;
  --light_yellow: #ecefa7;
  --yellow: #fbff9c;
  --text_grey: #b0b0b0;
  --text_light_grey: #d4d4d4;
  --text_deepGrey: #9a9a9a;
  --sub_text_deepGrey: #7a7a7a;
  --light_grey: #F0F1F2;
  --sp_item_grey: #f8f8f8;
  --border_light_grey: #d8d8d9;
  --backend_main_title_color: #3c657e;
  --sp_result_bg: linear-gradient(to right, #FFA431, #f16828);
  --top_border: 1px rgba(255, 255, 255, 0.2) solid;
  --td_totle_bg: #ffffef;
  --search_item_h: 30px;
  --backend_logig_h: 36px;
  --backend_sidebar_w: 250px;
  --nav_mem_box_size: 220px;
  --nav_mem_icon_size: 20px;
  --td_pro_img_size: 70px;
  --detail_pro_img_size: 60px;
  --backend_pro_item_mg: .4em;
  --m_backend_pro_item_mg: .4em;
  --frontend_pro_item_mg: .3em;
  ---backend_pro_item_num: 6;
  --main_border_size: 15px;
  --m_main_border_size: 9px;
  --main_info_mg: .75em;
  --m_main_info_mg: 0.4em;
  --backend_top_line_size: .4em;
  --m_nav_mem_box_top: 52px;
  --m_fixed_menu_height: 50px;
  --quantity_size: 40px;
  --sp_quantity_size: 26px;
  --backend_quantity_size: 26px;
  --m_single_pro_big_height: 350px;
  --single_pro_img_size: 600px;
  --single_pro_img_swiper: 500px;
  --shopping_left_size: 900px;
  --shopping_right_size: 400px;
  --single_swiper_small: 95px;
  --m_single_swiper_small: 20%;
  --sp_img_size: 120px;
  --m_sp_img_size: 70px;
  --checkout_m_sp_img_size: 70px;
  --m_sp_fixed_bottom_size: 70px;
  --user_nav_size: 240px;
  --tabs_menu_size: 40px;
  --od_rec_left_size: 280px;
  --od_amount_right_size: 280px;
  --m_od_amount_right_size: 75%;
  --od_tran_round_size: 15px;
  --tab_cont_size: 100px;
  --m_nav_item_pd: .5em .75em;
  --sub_pd: 6px;
  --sub_item_pd: 0 .65em;
  --sub_md: .65em;
  --w_nav_m: 1.5em;
  --swiper_pro_name_h: 36px;
  --pro_model_img_size: 120px;
  --m_pro_model_img_size: 85px;
  --od_tran_round_grey: #e5e5e5;
  --quantity_bg: #e4e4e4;
  --tooltip_bg: #0B3E5E;
  --index_icon_bg_og: #ffe8bc;
  --index_icon_bg_blue: #e0f5ff;
  --order_detail_sub_bg: #f3f3f3;
  --sub_menu_grey: #666;
  --text_black: #485b5a;
  --text_deep_balck: #464646;
  --white: #fff;
  --green: #21987A;
  --deep_green: #1c7d65;
  --deep_blue: #0B3E5E;
  --light_blue: #d3e5f4;
  --grey: #707a8a;
  --quant_gray: #8e9095;
  --quant_hover_grey: #4c535f;
  --head_tail_pd: 1em;
  --border_grey: 1px #eaecef solid;
  --od_amount_border: 1px dotted #eaecef;
  --border_hover_color: #cfcfcf;
  --thBg: #dde6a3;
  --checkbox_switch_width: 50px;
  --checkbox_switch_height: 26px;
  --select_bg_grey: #ddd;
  --scrollbar_shadow: inset 0 0 5px rgba(0, 0, 0, .3);
  --jsTreeColor: #0B3E5E;
  --select_bg_gary: #ddd;
  --pagemark_disabled_color: #d1d1d1;
  --card_min_height: 180px;
}

.m_header_s_menu {
  min-width: var(--m_fixed_menu_height);
  width: var(--m_fixed_menu_height);
  height: var(--m_fixed_menu_height);
  cursor: pointer;
}
.m_header_s_menu i {
  font-size: 20px;
  color: var(--light_grey);
}
.m_header_s_menu:hover i {
  opacity: 0.85;
}

.mobile_frontend_order_box .all_nav_mem_box {
  position: fixed;
  width: 100%;
  right: 0;
  left: 0;
  top: var(--m_fixed_menu_height);
}
.mobile_frontend_order_box .all_nav_mem_box .nav_mem_box {
  background: var(--white);
  width: 100%;
}
.mobile_frontend_order_box .all_nav_mem_box .nav_mem_item {
  display: block;
  width: 100%;
  padding: 0.5em 1em;
  font-size: 15px;
  margin: 0.5em 0;
  word-break: break-all;
  color: var(--deep_blue);
}
.mobile_frontend_order_box .all_nav_mem_box .nav_mem_item > i {
  min-width: var(--nav_mem_icon_size);
  margin-right: 3px;
}
.mobile_frontend_order_box .all_nav_mem_box .nav_mem_item:hover {
  background: var(--aqua_blue);
  color: var(--white);
}
.mobile_frontend_order_box:hover {
  opacity: 1 !important;
}
.mobile_frontend_order_box:hover .nav_mem_box {
  opacity: 1;
  display: block;
}

@media (max-width: 1200px) {
  .frontend_m_header_sec {
    z-index: 6;
  }
}

@media (max-width: 1200px) {
  .od_top_box .go_back_btn {
    display: none;
  }
}

.cancel_od_box {
  margin: 0.75em 0;
  text-align: right;
}

.m_header_od_search {
  min-width: var(--m_fixed_menu_height);
  width: var(--m_fixed_menu_height);
  height: var(--m_fixed_menu_height);
  cursor: pointer;
}
.m_header_od_search i {
  font-size: 19px;
  color: var(--light_grey);
}
.m_header_od_search:hover i {
  opacity: 0.85;
}

@media (max-width: 1200px) {
  .order_search_box {
    display: none;
  }
}

.pro_lis_nav_box .nav_item {
  font-weight: bolder;
}
.pro_lis_nav_box .nav_item.active {
  background: var(--aqua_blue);
  color: var(--white);
}
.pro_lis_nav_box .nav_item.active .nav_text:before, .pro_lis_nav_box .nav_item.active .nav_text:after {
  background: #e1e1e1;
}
.pro_lis_nav_box .sub_menu {
  border: none;
  background: #F0F0F0;
}
.pro_lis_nav_box .sub_menu_3 {
  margin-top: 0.5em;
}
.pro_lis_nav_box .sub_menu_3 .item_3 {
  display: inline-block;
  width: 100%;
  padding: var(--sub_item_pd);
}
.pro_lis_nav_box .sub_menu_3 .item_3 .nav_text {
  padding: 0.3em 0;
}

.web_pro_search_box {
  font-size: 15px;
  margin-left: var(--frontend_pro_item_mg);
}

.mg_2 {
  margin: 2px 5px;
}

.m_pro_search_box {
  border: 1px solid var(--light_blue);
  border-right: 0;
  border-left: 0;
  margin: 0 var(--frontend_pro_item_mg);
  margin-bottom: 0.5em;
}
.m_pro_search_box .pro_search_item {
  display: inline-block;
  padding: 0.5em;
}

.pro_filter {
  color: var(--deep_blue);
  font-size: 15px;
  display: inline-flex;
}
.pro_filter i {
  font-size: 13px;
  margin-right: 3px;
  padding-top: 2px;
}
.pro_filter:hover {
  opacity: 0.85;
}

@media (max-width: 1200px) {
  .shopping_car_set_box {
    padding-bottom: var(--m_fixed_menu_height);
  }
}

@media (max-width: 1200px) {
  .sp_item_bottom_box {
    position: fixed;
    width: 100%;
    margin: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
}
@media (max-width: 1200px) {
  .sp_item_bottom_box .sp_bottom_btn {
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
}

.logo_box:hover {
  opacity: 0.85;
}

.header_right_box .header_search_box .header_search_item button {
  border-radius: 0 5px 5px 0;
  margin-right: -1px;
}

.header_right_box .header_search_box .header_search_item:has(input:focus) {
  border: 1px solid var(--deep_blue);
}

.header_group_box .group_left .group_item:hover .text {
  color: var(--green);
}

.web_menu_cont .menu_item.active {
  color: var(--yellow);
}
.web_menu_cont .menu_item.active .menu_link {
  color: var(--yellow);
}
.web_menu_cont .menu_item.active .menu_link .link_text:before, .web_menu_cont .menu_item.active .menu_link .link_text:after {
  background-color: var(--yellow);
}
.web_menu_cont .menu_item .submenu_content .submenu_item .title {
  color: var(--text_deep_balck);
}
.web_menu_cont .menu_item .submenu_content .submenu_item .sub_item_list li .link_item.active {
  color: var(--og);
}

.frontend_m_sidebar_box .m_sidebar_lists {
  margin-bottom: 0.75em;
}
.frontend_m_sidebar_box .m_sidebar_lists .item.active {
  background: var(--aqua_blue);
  color: var(--white);
}
.frontend_m_sidebar_box .m_sidebar_lists .item.active .icon,
.frontend_m_sidebar_box .m_sidebar_lists .item.active .text {
  color: var(--white);
}

.pro_model_box .pro_model_item .img_box {
  min-width: var(--pro_model_img_size);
  width: var(--pro_model_img_size);
  height: var(--pro_model_img_size);
  border: 1px var(--border_light_color) solid;
  margin-right: 0.5em;
  position: relative;
}
@media (max-width: 768px) {
  .pro_model_box .pro_model_item .img_box {
    min-width: var(--m_pro_model_img_size);
    width: var(--m_pro_model_img_size);
    height: var(--m_pro_model_img_size);
  }
}
.pro_model_box .pro_model_item .img_box > img {
  object-fit: contain;
  height: 100%;
  display: block;
}
.pro_model_box .pro_model_item .pro_model_name .text_name {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  overflow: hidden;
}
.pro_model_box .pro_model_item .pro_model_price {
  font-size: 18px;
}

.pro_model_spec_box {
  margin-top: 0.75em;
}
.pro_model_spec_box .title {
  margin-bottom: 0.5em;
}
.pro_model_spec_box .pec_list_box .item {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: var(--deep_blue);
  padding: 0.5em 0.75em;
  margin: 0 0.6em 0.6em 0;
  color: var(--text_deepGrey);
  border: 1px solid var(--border_light_grey);
}
@media (max-width: 1200px) {
  .pro_model_spec_box .pec_list_box .item {
    margin: 0 0.45em 0.45em 0;
  }
}
.pro_model_spec_box .pec_list_box .item:hover, .pro_model_spec_box .pec_list_box .item.active {
  color: var(--white);
  background: var(--deep_blue);
  border-color: var(--deep_blue);
}
.pro_model_spec_box .pec_list_box .item.disabled {
  background: var(--light_grey);
  pointer-events: none;
  border-color: var(--border_light_grey);
  color: var(--text_grey);
  opacity: 0.85;
  text-decoration: line-through;
}

.pro_model_quantity {
  margin-top: 0.75em;
}

.pro_model_quantity .quantity_box .quant_size {
  width: var(--sp_quantity_size);
  height: var(--sp_quantity_size);
}
.pro_model_quantity .quantity_box .quantity_input {
  height: var(--sp_quantity_size);
}
.pro_model_quantity .quantity_box .quantity_input input {
  height: calc(var(--sp_quantity_size) - 2px);
}

.adver_item:hover {
  opacity: 0.85;
}

.user_nav_box .nav_item {
  font-weight: bolder;
  border-top: 3px var(--nav_bg) solid;
  border-bottom: 0;
}
.user_nav_box .nav_item:hover {
  background: var(--nav_active_color);
  border-top: 3px var(--nav_bg) solid;
}
.user_nav_box .nav_item.active {
  background: var(--aqua_blue);
  color: var(--white);
}

.frontend_m_sidebar_box .sub_item.has_sub_menu.active,
.pro_lis_nav_box .sub_item.has_sub_menu.active {
  text-decoration: underline;
}
.frontend_m_sidebar_box .item_3.has_sub_menu.active > .nav_text,
.frontend_m_sidebar_box .item_4.has_sub_menu.active > .nav_text,
.pro_lis_nav_box .item_3.has_sub_menu.active > .nav_text,
.pro_lis_nav_box .item_4.has_sub_menu.active > .nav_text {
  text-decoration: underline;
}
.frontend_m_sidebar_box .sub_menu_5 .item_5.active,
.pro_lis_nav_box .sub_menu_5 .item_5.active {
  text-decoration: underline;
}

.mobile_s_menu_box .all_nav_menu_box {
  position: fixed;
  width: 100%;
  right: 0;
  left: 0;
  top: var(--m_fixed_menu_height);
}
.mobile_s_menu_box .all_nav_menu_box .nav_menu_box {
  background: var(--white);
  width: 100%;
}
.mobile_s_menu_box .all_nav_menu_box .nav_menu_item {
  color: var(--deep_blue);
  display: block;
  width: 100%;
  padding: 0.5em 1em;
  font-size: 15px;
  margin: 0.5em 0;
  word-break: break-all;
}
.mobile_s_menu_box .all_nav_menu_box .nav_menu_item > i {
  min-width: var(--nav_mem_icon_size);
  margin-right: 3px;
}
.mobile_s_menu_box .all_nav_menu_box .nav_menu_item:hover {
  background: var(--aqua_blue);
  color: var(--white);
}
.mobile_s_menu_box:hover {
  opacity: 1 !important;
}
.mobile_s_menu_box:hover .nav_menu_box {
  opacity: 1;
  display: block;
}

@media (max-width: 1200px) {
  .nav_menu_box_bg {
    background: rgba(0, 0, 0, 0.35);
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: var(--m_fixed_menu_height);
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.shopping_list_box .sold_out .text_box {
  font-size: 14px;
}
@media (max-width: 1200px) {
  .shopping_list_box .sold_out .text_box {
    font-size: 12px;
  }
}/*# sourceMappingURL=main_frontend.css.map */