:root {
  --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: 25px;
  --rb-gap-minus: 12.5px;
  --rb-gap-minus2: 6.25px;
  --rb-padding-top: 20px;
  --rb-padding-btm: 40px;
  --rb-padding-top-sub: 40px;
  --rb-padding-btm-sub: 40px;
  
  --rb-padding-top-shop: 0px;
  --rb-padding-btm-shop: 40px;
  --rb-padding-top-sub-shop: 40px;
  --rb-padding-btm-sub-shop: 40px;
}



    main {background-color:var(--rb-sub-bg);}
    body, html {background-color:var(--rb-sub-bg);}
        section.sub {padding-top:var(--rb-padding-top-sub); padding-bottom:var(--rb-padding-btm-sub); width:var(--rb-sub-width);}
    

.rb_module_wide{width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);left: auto; right: auto; transform: none; padding-left:var(--rb-gap-minus2) !important; padding-right:var(--rb-gap-minus2) !important}

@media all and (max-width:1430px){
    .gnb_wrap .inner {max-width: 1280px !important;}
    .gnb_wrap .rows_gnb_wrap {max-width: 1280px !important;}
    .index {max-width: 1280px !important;}
    .sub {max-width: 1280px !important;}
    .rb_section_box {min-width: 1280px !important;}
    .rb_module_wide  {min-width: 1280px !important;}
    .rb_section_box .flex_box {max-width: calc(1280px + var(--rb-gap))}
    .footer_gnb .inner {max-width: 1280px !important;}
    .footer_copy .inner {max-width: 1280px !important;}
}

@media all and (max-width:1310px){
    .gnb_wrap .inner {max-width: 1024px !important;}
    .gnb_wrap .rows_gnb_wrap {max-width: 1024px !important;}
    .index {max-width: 1024px !important;}
    .sub {max-width: 1024px !important;}
    .rb_section_box {min-width: 1024px !important;}
    .rb_module_wide  {min-width: 1024px !important;}
    .rb_section_box .flex_box {max-width: calc(1024px + var(--rb-gap))}
    .footer_gnb .inner {max-width: 1024px !important;}
    .footer_copy .inner {max-width: 1024px !important;}
}

@media all and (max-width:1024px) {
   .rb_section_box {min-width: 100% !important;}
   .content_box {min-width: 100% !important;}
    
   #rb_sidemenu {margin-top:var(--rb-gap);}
   #rb_sidemenu_shop {margin-top:var(--rb-gap);}
   }