Index: backoffice/html/invoiceBilling/content-container.html
===================================================================
diff -u -ree893380cf99729ba4e96f08adc5e3a6ed2d60a6 -r1b123e08240ae18a2dc353e0ef922789b07f275e
--- backoffice/html/invoiceBilling/content-container.html	(.../content-container.html)	(revision ee893380cf99729ba4e96f08adc5e3a6ed2d60a6)
+++ backoffice/html/invoiceBilling/content-container.html	(.../content-container.html)	(revision 1b123e08240ae18a2dc353e0ef922789b07f275e)
@@ -200,10 +200,10 @@
 										<div style="text-align:center">
 											<div style="display: flex; flex-direction: column">
 												<div style="display: flex; flex-direction: column">
-													<span>Beginner</span>
-													<span>$19/month</span>
+													<span class="font15">Beginner</span>
+													<span style="margin: 5px 0">$19/month</span>
 												</div>
-												<div style="margin: 10px 0">
+												<div style="margin: 5px 0">
 													<button class="btn" style="background: none;border: 1px solid rgba(255,255,255,0.5);border-radius: 6px; font-size: 12px;padding: 4px 6px;">Get Beginner</button>
 												</div>
 											</div>
@@ -213,10 +213,10 @@
 										<div style="text-align:center">
 											<div style="display: flex; flex-direction: column">
 												<div style="display: flex; flex-direction: column">
-													<span>Advanced</span>
-													<span>$29/month</span>
+													<span class="font15">Advanced</span>
+													<span style="margin: 5px 0">$29/month</span>
 												</div>
-												<div style="margin: 10px 0">
+												<div style="margin: 5px 0">
 													<button class="btn" style="background: none;border: 1px solid rgba(255,255,255,0.5);border-radius: 6px; font-size: 12px;padding: 4px 6px;">Get Advanced</button>
 												</div>
 											</div>
@@ -226,10 +226,10 @@
 										<div style="text-align:center">
 											<div style="display: flex; flex-direction: column">
 												<div style="display: flex; flex-direction: column">
-													<span>Pro</span>
-													<span>$79/month</span>
+													<span class="font15">Pro</span>
+													<span style="margin: 5px 0">$79/month</span>
 												</div>
-												<div style="margin: 10px 0">
+												<div style="margin: 5px 0">
 													<button class="btn" style="background: none;border: 1px solid rgba(255,255,255,0.5);border-radius: 6px; font-size: 12px;padding: 4px 6px;">Get Pro</button>
 												</div>
 											</div>
@@ -1059,25 +1059,22 @@
 	tabindex="-1"
 	role="dialog"
 	aria-labelledby="myModalLabel"
-	aria-hidden="true"
-	style="display: none; height: 150px;">
+	style="display: none; height: 20%; margin:0 3px 0 180px">
 	<div
 		class="modal-dialog"
-		style="width: 100%; background-color: rgba(51, 51, 51, 0.425); margin:0;">
+		style="width: 100%; padding:0; margin:0;">
 		<div
 			class="modal-content"
-			style="height: 100%; background-color: rgba(51, 51, 51, 0.3);
-						 padding:0; margin:0;
-						 box-shadow: none;
-						 border:none;">
+			style="height: 100%; background-color: rgba(51, 51, 51, 0.8);
+						 padding:0;
+						 margin:0;">
 			<div
 				class="modal-body"
 				style="padding:0; margin:0;">
 				<div class="row">
 					<div class="col-md-12">
-						<section class="widget" style="background: none; padding:0; margin:0;">
-							<div style="display: flex;justify-content: center;
-                                    background: rgba(255,255,255,0.08);">
+						<section class="widget" style="padding:0; margin:0; background: rgba(255,255,255,0.08);">
+							<div style="display: flex;justify-content: center; padding: 0 33.5px">
 								<table class="billing-header-table" style="width: 100%">
 									<tbody>
 									<tr>
@@ -1108,10 +1105,10 @@
 											<div style="text-align:center">
 												<div style="display: flex; flex-direction: column">
 													<div style="display: flex; flex-direction: column">
-														<span>Beginner</span>
-														<span>$19/month</span>
+														<span class="font15">Beginner</span>
+														<span style="margin: 5px 0">$19/month</span>
 													</div>
-													<div style="margin: 10px 0">
+													<div style="margin: 5px 0">
 														<button class="btn" style="background: none;border: 1px solid rgba(255,255,255,0.5);border-radius: 6px; font-size: 12px;padding: 4px 6px;">Get Beginner</button>
 													</div>
 												</div>
@@ -1121,10 +1118,10 @@
 											<div style="text-align:center">
 												<div style="display: flex; flex-direction: column">
 													<div style="display: flex; flex-direction: column">
-														<span>Advanced</span>
-														<span>$29/month</span>
+														<span class="font15">Advanced</span>
+														<span style="margin: 5px 0">$29/month</span>
 													</div>
-													<div style="margin: 10px 0">
+													<div style="margin: 5px 0">
 														<button class="btn" style="background: none;border: 1px solid rgba(255,255,255,0.5);border-radius: 6px; font-size: 12px;padding: 4px 6px;">Get Advanced</button>
 													</div>
 												</div>
@@ -1134,10 +1131,10 @@
 											<div style="text-align:center">
 												<div style="display: flex; flex-direction: column">
 													<div style="display: flex; flex-direction: column">
-														<span>Pro</span>
-														<span>$79/month</span>
+														<span class="font15">Pro</span>
+														<span style="margin: 5px 0">$79/month</span>
 													</div>
-													<div style="margin: 10px 0">
+													<div style="margin: 5px 0">
 														<button class="btn" style="background: none;border: 1px solid rgba(255,255,255,0.5);border-radius: 6px; font-size: 12px;padding: 4px 6px;">Get Pro</button>
 													</div>
 												</div>
Index: backoffice/js/invoiceBilling.js
===================================================================
diff -u -ree893380cf99729ba4e96f08adc5e3a6ed2d60a6 -r1b123e08240ae18a2dc353e0ef922789b07f275e
--- backoffice/js/invoiceBilling.js	(.../invoiceBilling.js)	(revision ee893380cf99729ba4e96f08adc5e3a6ed2d60a6)
+++ backoffice/js/invoiceBilling.js	(.../invoiceBilling.js)	(revision 1b123e08240ae18a2dc353e0ef922789b07f275e)
@@ -88,7 +88,7 @@
             setSideMenu("sidebar_menu_system", "sidebar_menu_system_billing");
 
             BillingPlanObserver.setTarget("billing-plan-div","class");
-            // BillingPlanObserver.startObserver();
+            BillingPlanObserver.startObserverAndEvents();
 
             // 모달이 열릴 때 body 스크롤 허용
             $(document).on('shown.bs.modal', function () {
@@ -117,17 +117,21 @@
 
     var getTarget = function () {
         return targetElement;
-    }
+    };
 
     let observer = new IntersectionObserver((entries) => {
         entries.forEach(entry => {
-            if (!entry.isIntersecting) {
-                console.log("화면에서 가려졌습니다.");
+            // 현재 스크롤 위치
+            const currentScroll = window.scrollY;
+            // target 요소의 위치
+            const targetTop = entry.boundingClientRect.top + currentScroll;
+
+            // target 요소가 가려지고 && 스크롤이 target 요소보다 아래에 있을 때
+            if (!entry.isIntersecting && currentScroll > targetTop) {
                 $("#stickyBilling").addClass("in");
                 $("#stickyBilling").css("display","block");
-                $("#stickyBilling").css("margin-right","2.5641%");
+                $("#stickyBilling").css("padding","0 2.5641%");
             } else {
-                console.log("화면에서 보입니다.");
                 $("#stickyBilling").removeClass("in");
                 $("#stickyBilling").css("display","none");
             }
@@ -142,5 +146,19 @@
             keyboard: true   // 키보드로 모달 닫기 가능
         });
     }
-    return { setTarget , startObserver };
+
+    function startResizeEvent() {
+        window.addEventListener("resize", () => {
+            if(observer) {
+                observer.disconnect();
+            }
+            startObserver();
+        });
+    }
+
+    function startObserverAndEvents() {
+        startObserver();
+        startResizeEvent();
+    }
+    return { setTarget , startObserverAndEvents };
 })();
\ No newline at end of file