diff --git a/public_html/doc/forecast_list.php b/public_html/doc/forecast_list.php
index 38cce93..acba7c7 100644
--- a/public_html/doc/forecast_list.php
+++ b/public_html/doc/forecast_list.php
@@ -417,9 +417,9 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
 		$list_numberSTR = $list_number;
 		$classSTR = "";
 	}
-
+	
 	$strList .= "
-            <tr class='$classSTR'>
+		    <tr class='$classSTR' data-id=\"$c_uid\" data-name=\"".htmlspecialchars($c_nameSTR, ENT_QUOTES)."\" data-name>
               <td>                            
                 <label class='container-chk'>
                   <!--input type='checkbox' checked='checked'-->
@@ -428,7 +428,7 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
                 </label>
               </td>            
               <td>$list_numberSTR</td>
-              <td><a onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
+              <td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
               <td>$c_accountno</td>
               <td>$c_maincontainer</td>
               <td>$c_containerSTR</td>
@@ -603,7 +603,7 @@ if ($c_type_r == 'R') {
 						$driverPopup = "<a data-toggle='modal' class='customerShortInfo' data-target='#myModalcustomerShortInfo' data-id=\"$c_uid\" data-history-type='standard-access'>&#10067;</a>";
 
 						$strList_r .= "
-					            <tr class='bg-request'>
+								<tr class='bg-request' data-id=\"$c_uid\" data-name=\"".htmlspecialchars($c_nameSTR, ENT_QUOTES)."\" data-name>
 					              <td>                            
 					                <label class='container-chk'>
 					                  <!--input type='checkbox' checked='checked'-->
@@ -612,7 +612,7 @@ if ($c_type_r == 'R') {
 					                </label>
 					              </td>		            
 					              <td>R</td>
-					              <td><a onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
+					              <td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
 					              <td>$c_accountno</td>
 					              <td>$c_maincontainer</td>
 					              <td>$c_containerSTR</td>
@@ -704,7 +704,7 @@ if ($c_type_p == 'P') {
 					$driverPopup = "<a data-toggle='modal' class='customerShortInfo' data-target='#myModalcustomerShortInfo' data-id=\"$c_uid\" data-history-type='standard-access'>&#10067;</a>";
 
 					$strList_s .= "
-				            <tr class='bg-period'>
+							<tr class='bg-period' data-id=\"$c_uid\" data-name=\"".htmlspecialchars($c_nameSTR, ENT_QUOTES)."\" data-name>
 				              <td>                            
 				                <label class='container-chk'>
 				                  <!--input type='checkbox' checked='checked'-->
@@ -713,8 +713,8 @@ if ($c_type_p == 'P') {
 				                </label>
 				              </td>		            
 				              <td>S</td>
-				              <td><a onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
-				              <td>$c_accountno</td>
+				              <td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
+							  <td>$c_accountno</td>
 				              <td>$c_maincontainer</td>
 				              <td>$c_containerSTR</td>
 				              <td>$c_paymenttype</td>
@@ -1560,4 +1560,118 @@ $(document).ready(function(){
     </div>
   </div>
   
-<!-- End of Modal -->
\ No newline at end of file
+<!-- End of Modal -->
+
+
+<div class="offcanvas offcanvas-end" tabindex="-1" id="customerInfoCanvas" data-bs-backdrop="false" data-bs-scroll="true">
+  <div class="offcanvas-header" style="background: #2A9B56;">
+    <h4 class="offcanvas-title" id="customerCanvasTitle" style="color: #FFFFFF;"></h4>
+	<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
+  </div>
+  <div class="offcanvas-body" id="customerInfoBody">
+  </div>
+</div>
+
+
+<script>
+$(document).on("click", "label.container-chk, label.container-chk *", function (e) {
+    e.stopPropagation();
+});
+
+$(document).on("click", "a.restaurant-link", function(e) {
+    e.stopPropagation();
+});
+
+let openedCid = null;
+let panelOpen = false;
+
+const canvasEl = document.getElementById("customerInfoCanvas");
+const customerCanvas = new bootstrap.Offcanvas(canvasEl);
+
+$(document).on("click", "tr[data-id]", function () {
+
+    const cid   = $(this).data("id");
+    const cname = $(this).data("name");
+    const $row  = $(this);
+
+	console.log(cname)
+    // 기존 선택 스타일 제거
+    $("tr[data-id]").removeClass("selected-row");
+
+    // 동일한 row 클릭 → 패널 닫을 때 선택 해제, 패널 열리면 다시 선택 표시
+    if (cid === openedCid) {
+        if (panelOpen) {
+            customerCanvas.hide();
+            openedCid = null;
+            return;
+        } else {
+            customerCanvas.show();
+            $row.addClass("selected-row");
+            return;
+        }
+    }
+
+    // 다른 row 선택 → 새 row만 하이라이트
+    openedCid = cid;
+    $row.addClass("selected-row");
+
+    $("#customerCanvasTitle").text(cname);
+    $("#customerInfoBody").html("불러오는 중...");
+
+    customerCanvas.show();
+
+    $.ajax({
+        url: "lib/shortInfo_right_lib.php",
+        type: "post",
+        data: { c_uid: cid },
+        success: function (res) {
+            $("#customerInfoBody").html(res);
+        },
+        error: function () {
+            $("#customerInfoBody").html("데이터를 불러올 수 없습니다.");
+        }
+    });
+});
+
+// Offcanvas 열림/닫힘 상태 추적
+canvasEl.addEventListener("shown.bs.offcanvas", function () {
+    panelOpen = true;
+});
+
+canvasEl.addEventListener("hidden.bs.offcanvas", function () {
+    panelOpen = false;
+
+    // 패널이 닫히면 선택 해제
+    $("tr[data-id]").removeClass("selected-row");
+    openedCid = null;
+});
+
+</script>
+
+<style>
+#customerInfoCanvas {
+	width: 30%;
+    height: 100vh !important;
+    overflow-y: auto !important;
+}
+
+.customer-offcanvas-header {
+    background: #2A9B56;
+    color: #fff;
+}
+
+#customerInfoBody {
+    max-height: calc(100vh - 60px);
+    overflow-y: auto;
+    padding-right: 10px;
+}
+
+tr.selected-row {
+    outline: 2px solid red !important;
+    outline-offset: -2px;
+}
+
+tr a {
+	color: #212529;
+}
+</style>
\ No newline at end of file
diff --git a/public_html/lib/shortInfo_right_lib.php b/public_html/lib/shortInfo_right_lib.php
new file mode 100644
index 0000000..a0d3724
--- /dev/null
+++ b/public_html/lib/shortInfo_right_lib.php
@@ -0,0 +1,288 @@
+<?php
+include getenv("DOCUMENT_ROOT")."/include/session_include.php";
+
+$c_uid = $_POST["c_uid"] ?? $_GET["c_uid"] ?? "";
+$note_page = intval($_POST["note_page"] ?? 1);
+$oil_page  = intval($_POST["oil_page"] ?? 1);
+
+if ($c_uid == "") {
+    echo "Invalid data. [Err - c_uid / FORECAST-POPUP]";
+    exit();
+}
+
+/* 날짜 포맷 함수 */
+function onlyDate($str) {
+    if (!$str || strlen($str) < 8) return "";
+    return substr($str, 0, 4) . "-" . substr($str, 4, 2) . "-" . substr($str, 6, 2);
+}
+
+/*-----------------------------------
+    고객 기본 정보
+------------------------------------*/
+$customerQuery = "
+    SELECT *
+    FROM tbl_customer
+    WHERE c_uid = '$c_uid'
+";
+$customerResult = $jdb->nQuery($customerQuery, "customer query error");
+$firstRow = mysqli_fetch_array($customerResult, MYSQLI_ASSOC);
+
+// $c_nameSTR = htmlspecialchars($firstRow['c_name'], ENT_QUOTES);
+$c_commentSTR = htmlspecialchars($firstRow['c_comment_ri'], ENT_QUOTES);
+
+
+/*-----------------------------------
+    NOTE 데이터
+------------------------------------*/
+$notesPerPage = 3;
+
+// 전체 개수 조회
+$noteCountQuery = "
+    SELECT COUNT(*) AS total
+    FROM tbl_note
+    WHERE n_customeruid = '$c_uid'
+";
+$noteCountResult = $jdb->nQuery($noteCountQuery, "note count error");
+$noteCount = mysqli_fetch_array($noteCountResult, MYSQLI_ASSOC)['total'];
+
+$totalNotePages = ceil($noteCount / $notesPerPage);
+if ($note_page < 1) $note_page = 1;
+$note_start = ($note_page - 1) * $notesPerPage;
+
+// NOTE 조회
+$noteQuery = "
+    SELECT *
+    FROM tbl_customer tc
+    LEFT OUTER JOIN tbl_note tn ON tc.c_uid = tn.n_customeruid
+    LEFT OUTER JOIN tbl_member tm ON tn.n_memberuid = tm.m_uid
+    WHERE tc.c_uid = '$c_uid'
+    ORDER BY tn.n_createddate DESC
+    LIMIT $note_start, $notesPerPage
+";
+$noteResult = $jdb->nQuery($noteQuery, "note query error");
+
+
+/*-----------------------------------
+    OIL HISTORY 데이터
+------------------------------------*/
+$oilPerPage = 10;
+
+// 전체 개수 조회
+$oilCountQuery = "
+    SELECT COUNT(*) AS total
+    FROM tbl_daily
+    WHERE d_customeruid = '$c_uid'
+      AND d_status = 'F'
+";
+$oilCountResult = $jdb->nQuery($oilCountQuery, "oil count error");
+$oilCount = mysqli_fetch_array($oilCountResult, MYSQLI_ASSOC)['total'];
+
+$totalOilPages = ceil($oilCount / $oilPerPage);
+if ($oil_page < 1) $oil_page = 1;
+$oil_start = ($oil_page - 1) * $oilPerPage;
+
+// 데이터 조회
+$oilQuery = "
+    SELECT *
+    FROM tbl_daily td
+    LEFT OUTER JOIN tbl_request tr ON td.d_ruid = tr.r_uid
+    LEFT OUTER JOIN tbl_member tm ON td.d_driveruid = tm.m_uid
+    WHERE td.d_customeruid = '$c_uid'
+      AND td.d_status = 'F'
+    ORDER BY td.d_visitdate DESC
+    LIMIT $oil_start, $oilPerPage
+";
+$oilResult = $jdb->nQuery($oilQuery, "oil query error");
+
+?>
+
+<div class="rightinfo-container">
+
+    <h3 class="rightinfo-title">Comment</h3>
+    <div class="rightinfo-value"><?= nl2br($c_commentSTR) ?></div>
+
+    <!-- NOTE SECTION -->
+    <h3 class="note-title">Note</h3>
+
+    <table class="note-table">
+        <tr>
+            <th>Date</th>
+            <th>Note</th>
+        </tr>
+
+        <?php while ($note = mysqli_fetch_array($noteResult, MYSQLI_ASSOC)) {
+            $date = onlyDate($note['n_createddate']);
+            $txt  = nl2br(htmlspecialchars($note['n_note'], ENT_QUOTES));
+
+            echo "
+            <tr>
+                <td class='td-date'>$date</td>
+                <td class='td-note'>$txt</td>
+            </tr>";
+        } ?>
+    </table>
+
+    <div class="pagination">
+        <?php
+        $blockSize = 5;
+        $noteBlock = ceil($note_page / $blockSize);
+        $noteStart = ($noteBlock - 1) * $blockSize + 1;
+        $noteEnd = min($noteStart + $blockSize - 1, $totalNotePages);
+
+        if ($noteStart > 1) {
+            echo "<a class='page-btn arrow' href='#' onclick='loadNotePage(\"$c_uid\", ".($noteStart-1)."); return false;'>&laquo;</a>";
+        }
+
+        for ($i = $noteStart; $i <= $noteEnd; $i++) {
+            $act = ($i == $note_page) ? "active" : "";
+            echo "<a class='page-btn $act' href='#' onclick='loadNotePage(\"$c_uid\", $i); return false;'>$i</a>";
+        }
+
+        if ($noteEnd < $totalNotePages) {
+            echo "<a class='page-btn arrow' href='#' onclick='loadNotePage(\"$c_uid\", ".($noteEnd+1)."); return false;'>&raquo;</a>";
+        }
+        ?>
+    </div>
+
+    <!-- OIL HISTORY SECTION -->
+    <h3 class="note-title">Oil History</h3>
+
+    <table class="note-table">
+        <tr>
+            <th>Date</th>
+            <th>Quantity</th>
+            <th>Paid (Cash)</th>
+        </tr>
+
+        <?php while ($oil = mysqli_fetch_array($oilResult, MYSQLI_ASSOC)) {
+            $date = onlyDate($oil['d_visitdate']);
+            $qty  = number_format($oil['d_quantity']);
+            $drv  = $oil['m_initial'] ?: "-";
+            $pay  = ($oil['d_paystatus'] == "P") ? "Paid ($".$oil['d_payamount'].")" : "Unpaid";
+
+            echo "
+            <tr>
+                <td class='td-date'>$date</td>
+                <td class='td-qty'>$qty</td>
+                <td class='td-pay'>$pay</td>
+            </tr>";
+        } ?>
+    </table>
+
+    <div class="pagination">
+        <?php
+        $oilBlock = ceil($oil_page / $blockSize);
+        $oilStart = ($oilBlock - 1) * $blockSize + 1;
+        $oilEnd = min($oilStart + $blockSize - 1, $totalOilPages);
+
+        if ($oilStart > 1) {
+            echo "<a class='page-btn arrow' href='#' onclick='loadOilPage(\"$c_uid\", ".($oilStart-1)."); return false;'>&laquo;</a>";
+        }
+
+        for ($i = $oilStart; $i <= $oilEnd; $i++) {
+            $act = ($i == $oil_page) ? "active" : "";
+            echo "<a class='page-btn $act' href='#' onclick='loadOilPage(\"$c_uid\", $i); return false;'>$i</a>";
+        }
+
+        if ($oilEnd < $totalOilPages) {
+            echo "<a class='page-btn arrow' href='#' onclick='loadOilPage(\"$c_uid\", ".($oilEnd+1)."); return false;'>&raquo;</a>";
+        }
+        ?>
+    </div>
+
+</div>
+
+<script>
+function loadNotePage(c_uid, page) {
+    $.ajax({
+        url: "/lib/shortInfo_right_lib.php",
+        type: "POST",
+        data: { c_uid: c_uid, note_page: page },
+        success: function(res) {
+            $(".rightinfo-container").parent().html(res);
+        }
+    });
+}
+
+function loadOilPage(c_uid, page) {
+    $.ajax({
+        url: "/lib/shortInfo_right_lib.php",
+        type: "POST",
+        data: { c_uid: c_uid, oil_page: page },
+        success: function(res) {
+            $(".rightinfo-container").parent().html(res);
+        }
+    });
+}
+</script>
+
+
+<style>
+.rightinfo-container {
+    padding: 5px;
+    font-size: 15px;
+    line-height: 1.5;
+}
+
+.rightinfo-title, .note-title {
+    font-size: 17px;
+    font-weight: 600;
+    border-bottom: 1px solid #2A9B56;
+}
+
+.note-title {
+    margin-top: 20px;
+}
+
+.note-table {
+    width: 100%;
+    font-size: 14px;
+}
+
+.note-table th {
+    background: #2A9B56;
+    color: white;
+    padding: 5px;
+    border: 1px solid #ddd;
+    text-align: center;
+}
+
+.note-table td {
+    padding: 5px;
+    border: 1px solid #ddd;
+    vertical-align: top;
+}
+
+.td-date { width: 20%; }
+
+.note-table tr:nth-child(even) {
+    background: #f6f6f6;
+}
+
+.pagination {
+    text-align: center;
+    margin: 10px 0 10px 0;
+}
+
+.page-btn {
+    display: inline-block;
+    padding: 5px 7px;
+    margin: 0 3px;
+    border: 1px solid #2A9B56;
+    color: #2A9B56;
+    text-decoration: none;
+    border-radius: 5px;
+    font-size: 13px;
+}
+
+.page-btn.active,
+.page-btn:hover {
+    background: #2A9B56;
+    color: white;
+}
+
+.page-btn.arrow {
+    font-weight: bold;
+    padding: 6px 14px;
+}
+</style>