위젯 배경 부모 요소 무시하고 100% 지정, 배경색 지정

rb/rb.widget/rb.fg_banner/style.css

@@ -1,9 +1,10 @@
 @charset "utf-8";
 
-.fg_icon_menu {box-sizing: border-box; margin: 0px auto; width: 100%; background-color: #F3F3F3; padding-top: 50px; padding-bottom: 50px;}
+.fg_icon_menu {
+    background-color: #F3F3F3; padding-top: 50px; padding-bottom: 50px;}
 .fg_icon_menu .fg_icon_menu_inner {position: relative; margin: 0px auto;}
 
-.theme_btns {width:100%; height:120px; border-radius: 10px; border:0px; background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; display: flex; align-items: center; color:#fff; font-size: 20px; padding-left: 40px; padding-right: 40px; text-align: left;}
+.theme_btns {height:120px; border-radius: 10px; border:0px; background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; display: flex; align-items: center; color:#fff; font-size: 20px; padding-left: 40px; padding-right: 40px; text-align: left;}
 .theme_btns img {border:0px !important;}
 .theme_btns span:nth-child(2) {margin-left: auto; height:20px;}
 

rb/rb.widget/rb.fg_banner/widget.php

@@ -2,7 +2,7 @@
 if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 ?>
 
-<link rel="stylesheet" href="<?php echo G5_URL ?>/rb/rb.widget/rb.fg_icon_menu/style.css?ver=<?php echo G5_TIME_YMDHIS ?>">
+<link rel="stylesheet" href="<?php echo G5_URL ?>/rb/rb.widget/rb.fg_banner/style.css?ver=<?php echo G5_TIME_YMDHIS ?>">
 
 
 <!--
@@ -10,7 +10,8 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 사용자코드를 입력하세요.
 -->
 
-<div class="fg_icon_menu">
+
+<div class="fg_icon_menu rb_w100_div rb_w100_<?php echo $row_mod['md_id'] ?>">
 
     <div class="fg_icon_menu_inner" style="width:<?php echo $rb_core['main_width'] ?>px;">
         <div class="rb_swiper" id="rb_swiper_<?php echo $rb_skin['md_id'] ?>_btm" data-pc-w="3" data-pc-h="2" data-mo-w="1" data-mo-h="1" data-pc-gap="30" data-mo-gap="20" data-autoplay="1" data-autoplay-time="4000" data-pc-swap="0" data-mo-swap="1">
@@ -60,3 +61,42 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
     
 </div>
 
+<script>
+    
+    //부모 width를 무시하고 div 를 100%로 만들고, 모듈설정 버튼의 100% 처리를 위해 스크립트를 사용 합니다.
+    //복제 사용을 위해 $row_mod['md_id'](모듈ID) 를 활용 합니다.
+    
+    function adjustDivWidth_<?php echo $row_mod['md_id'] ?>() {
+        const content_w = $('.rb_w100_<?php echo $row_mod['md_id'] ?>');
+        const firstAdminOv_w = content_w.nextUntil('.admin_ov').next('.admin_ov');
+        
+        if ($(window).width() > <?php echo $rb_core['main_width'] ?>) {
+            content_w.css({
+                'width': '100vw',
+                'position': 'relative',
+                'left': '50%',
+                'transform': 'translateX(-50%)'
+            });
+            firstAdminOv_w.css({
+                'width': '100vw',
+                'left': '50%',
+                'transform': 'translateX(-50%)'
+            });
+        } else {
+            content_w.css({
+                'width': '100%',
+                'position': 'static',
+                'left': '0',
+                'transform': 'none'
+            });
+            firstAdminOv_w.css({
+                'width': '100%',
+                'left': '0',
+                'transform': 'none'
+            });
+        }
+    }
+
+    $(document).ready(adjustDivWidth_<?php echo $row_mod['md_id'] ?>);
+    $(window).resize(adjustDivWidth_<?php echo $row_mod['md_id'] ?>);
+</script>