@charset "utf-8";
/* 자동 생성(scripts/design/scope-felix-css.mjs) — 손으로 고치지 말 것. /felixlab/rb/rb.css/set.style.index.css 를 data-fx~="set_style_index" 화면에서만 */

:root:where(:has([data-fx~="set_style_index"])) {
  --rb-main-color: #aa20ff;
  --rb-sub-color: #25282B;
  --rb-main-bg: #ffffff;
  --rb-sub-bg: #ffffff;
  --rb-header-color: #ffffff;
  --rb-main-width: 1280px;
  --rb-sub-width: 1024px;
  --rb-header-width: 1280px;
  --rb-footer-width: 1280px;
  --rb-gap: 20px;
  --rb-gap-minus: 10px;
  --rb-gap-minus2: 5px;
  --rb-padding-top: 40px;
  --rb-padding-btm: 40px;
  --rb-padding-top-sub: 40px;
  --rb-padding-btm-sub: 40px;

  --rb-padding-top-shop: 40px;
  --rb-padding-btm-shop: 40px;
  --rb-padding-top-sub-shop: 40px;
  --rb-padding-btm-sub-shop: 40px;
}



    :where(:root:has([data-fx~="set_style_index"])) main {background-color:var(--rb-main-bg);}
    :where(:root:has([data-fx~="set_style_index"])) body, html:where(:has([data-fx~="set_style_index"])) {background-color:var(--rb-main-bg);}
        :where(:root:has([data-fx~="set_style_index"])) section.index {padding-top:var(--rb-padding-top-shop); padding-bottom:var(--rb-padding-btm-shop); width:var(--rb-main-width);}
    

:where(:root:has([data-fx~="set_style_index"])) .sec_wide_set .content_box {padding-left:0px !important; padding-right:0px !important; padding-top:0px !important; padding-bottom:0px !important;}


@media all and (max-width:1310px){
    :where(:root:has([data-fx~="set_style_index"])) .gnb_wrap > .inner {max-width: 100% !important; padding-left:var(--rb-gap); padding-right:var(--rb-gap);}
    :where(:root:has([data-fx~="set_style_index"])) .gnb_wrap .rows_gnb_wrap {max-width: 100% !important; padding-left:var(--rb-gap); padding-right:var(--rb-gap);}
    :where(:root:has([data-fx~="set_style_index"])) .index {width: var(--vw) !important; padding-left:var(--rb-gap); padding-right:var(--rb-gap);}
    :where(:root:has([data-fx~="set_style_index"])) .sub {width: var(--vw) !important; padding-left:var(--rb-gap); padding-right:var(--rb-gap);}
    :where(:root:has([data-fx~="set_style_index"])) .rb_module_wide  {min-width: 100% !important;}
    :where(:root:has([data-fx~="set_style_index"])) .rb_carousel_img .inner {max-width: 100% !important; padding-left:var(--rb-gap); padding-right:var(--rb-gap);}
    :where(:root:has([data-fx~="set_style_index"])) .footer_gnb .inner {max-width: 100% !important; padding-left:var(--rb-gap); padding-right:var(--rb-gap);}
    :where(:root:has([data-fx~="set_style_index"])) .footer_copy .inner {max-width: 100% !important; padding-left:var(--rb-gap); padding-right:var(--rb-gap);}
    :where(:root:has([data-fx~="set_style_index"])) .rb_section_box .flex_box {width: calc(var(--vw) + var(--rb-gap)) !important; padding-left:var(--rb-gap); padding-right:var(--rb-gap);}
}

@media all and (max-width:1280px){
    :where(:root:has([data-fx~="set_style_index"])) .search_top_wrap {width:180px;}
    :where(:root:has([data-fx~="set_style_index"])) .gnb_wrap .logo_wrap {margin-right:20px;}
}



@media all and (max-width:1024px){
   :where(:root:has([data-fx~="set_style_index"])) .search_top_wrap {width:100%;}
   :where(:root:has([data-fx~="set_style_index"])) .rb_section_box {min-width: 100% !important;}
   :where(:root:has([data-fx~="set_style_index"])) .content_box {min-width: 100% !important;}

   :where(:root:has([data-fx~="set_style_index"])) #rb_sidemenu {margin-top:var(--rb-gap);}
   :where(:root:has([data-fx~="set_style_index"])) #rb_sidemenu_shop {margin-top:var(--rb-gap);}

    :where(:root:has([data-fx~="set_style_index"])) .gnb_wrap > .inner {padding-left:0 !important; padding-right:0 !important;}
    :where(:root:has([data-fx~="set_style_index"])) .gnb_wrap .rows_gnb_wrap {padding-left:0 !important; padding-right:0 !important;}
    :where(:root:has([data-fx~="set_style_index"])) .index {padding-left:0 !important; padding-right:0 !important;}
    :where(:root:has([data-fx~="set_style_index"])) .footer_gnb .inner {padding-left:0 !important; padding-right:0 !important;}
    :where(:root:has([data-fx~="set_style_index"])) .footer_copy .inner {padding-left:0 !important; padding-right:0 !important;}
    :where(:root:has([data-fx~="set_style_index"])) .rb_section_box .flex_box {padding-left:0 !important; padding-right:0 !important; width:100% !important;}
    :where(:root:has([data-fx~="set_style_index"])) .rb_bbs_wrap .btns_gr_wrap {display:none !important;}
}