first commit 2

theme/rd.laser/rb.layout/basic.TLRB/index.php

@@ -0,0 +1,90 @@
+<?php
+if (!defined('_INDEX_')) {
+    header('Location: '.G5_URL);
+    exit;
+}
+?>
+
+    <!-- 📌 메인 페이지에만 표시될 Hero 섹션을 3단 레이아웃의 바깥으로 이동 -->
+    <section id="hero-prestige" class="hero-prestige">
+        <div class="hero-slider"></div>
+        <div class="hero-content">
+            <h1 class="reveal-up"></h1>
+            <p class="reveal-up" data-delay="200"></p>
+<!--            <a href="#story" class="cta-button reveal-up" data-delay="400">성진미도어 이야기 보기</a>-->
+        </div>
+    </section>
+
+    <!-- 📌 3단 레이아웃을 감싸는 새로운 div 추가 -->
+    <div class="main-content-wrapper">
+        <div class="three-column-layout container">
+
+            <!-- 1. 좌측 사이드바 -->
+            <aside class="layout-sidebar-left">
+                <div class="sidebar-inner">
+                    <?php if($is_admin) { ?> <h3 class="sidebar-title">광고 영역</h3> <?php } ?>
+                    <!-- 💡 [수정] 좌측 모듈 영역에 고유 ID 부여 -->
+                    <div class="flex_box flex_box_l" data-layout="main-left"></div>
+                </div>
+            </aside>
+
+            <!-- 2. 중앙 메인 콘텐츠 -->
+            <main class="layout-main-content">
+
+                <!-- 💡 [수정] 메인 콘텐츠 상단 모듈 영역에 고유 ID 부여 -->
+                <div class="flex_box" data-layout="main-content-top"></div>
+
+                <!-- 💡 [핵심 수정] 탭 모듈을 호출하는 영역 -->
+                <div class="flex_box" data-layout="main-content-middle">
+                    <?php
+                    // 1. 커스텀 탭 모듈 파일을 포함합니다.
+                    include_once(G5_THEME_PATH.'/rb.custom/tabs/tab_module.php');
+
+                    // 2. 탭으로 표시할 내용을 배열로 정의합니다.
+                    $main_tabs_config = [
+                        [
+                            'title'   => '공지사항',      // 탭에 표시될 이름
+                            'type'    => 'board',         // 타입: 'board' (게시판)
+                            'id'      => 'notice',        // 게시판 ID (bo_table)
+                            'options' => ['rows' => 5, 'subject_len' => 40] // 옵션
+                        ],
+                        [
+                            'title'   => '회사소개',      // 탭에 표시될 이름
+                            'type'    => 'content',       // 타입: 'content' (콘텐츠 페이지)
+                            'id'      => 'company',       // 콘텐츠 ID (co_id)
+                        ],
+                        [
+                            'title'   => '갤러리',
+                            'type'    => 'board',
+                            'id'      => 'gallery',
+                            'options' => ['rows' => 5, 'subject_len' => 35]
+                        ],
+                    ];
+
+                    // 3. 설정 배열을 인자로 하여 탭 모듈 함수를 호출합니다.
+                    $tmp =rb_tabs($main_tabs_config);
+                    rb_log($tmp);
+
+                    echo $tmp;
+//                    echo rb_tabs($main_tabs_config);
+                    ?>
+                    <h3>sdfsfsfsf</h3>
+                </div>
+
+                <div class="flex_box" data-layout="main-content-bottom"></div>
+
+            </main>
+
+            <!-- 3. 우측 사이드바 -->
+            <aside class="layout-sidebar-right">
+                <div class="sidebar-inner">
+                    <?php if($is_admin) { ?> <h3 class="sidebar-title">광고 영역</h3> <?php } ?>
+                    <!-- 💡 [수정] 우측 모듈 영역에 고유 ID 부여 -->
+                    <div class="flex_box flex_box_r" data-layout="main-right"></div>
+                </div>
+            </aside>
+
+        </div>
+    </div>
+    <!-- 📌 3단 레이아웃 끝 -->
+

theme/rd.laser/rb.layout/basic.TLRB/style.css

@@ -0,0 +1,27 @@
+/*
+!* 레이아웃 CSS *!
+.flex_box_l {float:left; width: 30%;}
+.flex_box_r {float:right; width: 70%;}
+
+*/
+/* 📌 [전체 수정] float 대신 Modern Flexbox를 사용하여 레이아웃을 안정적으로 구성합니다. */
+
+.three-column-layout {
+    display: flex;
+    gap: 30px; /* 컬럼 사이의 간격 */
+}
+
+.layout-sidebar-left {
+    flex: 0 0 240px; /* 좌측 사이드바 너비 고정 */
+}
+
+.layout-main-content {
+    flex: 1; /* 중앙 콘텐츠가 남은 공간을 모두 차지하도록 설정 */
+    min-width: 0; /* 내용이 많아져도 레이아웃이 깨지지 않도록 설정 */
+}
+
+.layout-sidebar-right {
+    flex: 0 0 240px; /* 우측 사이드바 너비 고정 */
+}
+
+/* 반응형: 1024px 이하에서는 세로로 쌓이도록 변경 */