diff --git a/client/src/asset/CentralSectionMenu-dummyImg.png b/client/src/asset/CentralSectionMenu-dummyImg.png
new file mode 100644
index 00000000..808ee025
Binary files /dev/null and b/client/src/asset/CentralSectionMenu-dummyImg.png differ
diff --git a/client/src/asset/README.md b/client/src/asset/README.md
deleted file mode 100644
index e69de29b..00000000
diff --git a/client/src/components/StockOrder/Index.tsx b/client/src/components/StockOrder/Index.tsx
index 9d5657fe..a005fac6 100644
--- a/client/src/components/StockOrder/Index.tsx
+++ b/client/src/components/StockOrder/Index.tsx
@@ -1,18 +1,24 @@
 import { styled } from "styled-components";
 
 import UpperBar from "./UpperBar";
+import StockName from "./StockName";
 
 const StockOrder = () => {
   return (
     <Container>
       <UpperBar />
+      <StockName />
     </Container>
   );
 };
 
 export default StockOrder;
 
-const Container = styled.div`
+const Container = styled.aside`
+  position: fixed;
+  right: 0px;
+  transition: right 0.3s ease-in-out;
+
   flex: 3.3 0 0;
   min-width: 400px;
   height: 100%;
diff --git a/client/src/components/StockOrder/StockName.tsx b/client/src/components/StockOrder/StockName.tsx
new file mode 100644
index 00000000..8b8b75cc
--- /dev/null
+++ b/client/src/components/StockOrder/StockName.tsx
@@ -0,0 +1,58 @@
+import { styled } from "styled-components";
+
+// dummyData
+import logoImg from "../../asset/CentralSectionMenu-dummyImg.png";
+const corpName: string = "카카오";
+const stockCode: string = "035720";
+const marketType: string = "코스피";
+
+const StockName = () => {
+  return (
+    <Container>
+      <CorpLogo src={logoImg} />
+      <NameContainer>
+        <CorpName>{corpName}</CorpName>
+        <StockCode>
+          {stockCode} {marketType}
+        </StockCode>
+      </NameContainer>
+    </Container>
+  );
+};
+
+export default StockName;
+
+const Container = styled.section`
+  width: 100%;
+  height: 64px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: 16px;
+  padding-bottom: 8px;
+  padding-left: 16px;
+  gap: 9px;
+  border-bottom: 1px solid black;
+`;
+
+const CorpLogo = styled.img`
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+`;
+
+const NameContainer = styled.div`
+  height: 40px;
+  display: flex;
+  flex-direction: column;
+`;
+
+const CorpName = styled.div`
+  font-size: 16px;
+  font-weight: 500;
+  color: #1c1c1c;
+`;
+const StockCode = styled.div`
+  font-size: 14px;
+  color: #999999;
+`;
diff --git a/client/src/components/StockOrder/UpperBar.tsx b/client/src/components/StockOrder/UpperBar.tsx
index afe3e3b4..ece088fc 100644
--- a/client/src/components/StockOrder/UpperBar.tsx
+++ b/client/src/components/StockOrder/UpperBar.tsx
@@ -24,7 +24,7 @@ const Container = styled.div`
   border-bottom: 1px solid black;
 `;
 
-const Title = styled.div`
+const Title = styled.h2`
   font-size: 17px;
   font-weight: 450;
   color: #1c1c1c;