[#7] feat : restaurant

src/components/Restaurant/style.scss

@@ -0,0 +1,28 @@
+@use '@/style/package' as *;
+
+.restaurent {
+  position: absolute;
+  display: flex;
+  right: 2rem;
+  top: 5rem;
+  background-color: rgba($color-black, 0.5);
+  padding: 1rem;
+  width: 80rem;
+  height: 33rem;
+  border-radius: 0.8rem;
+  overflow-y: scroll;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  .left {
+    width: 100%;
+    height: 100%;
+    display: block;
+    padding-right: 1.2rem;
+  }
+  .right {
+    width: 100%;
+    height: 100%;
+  }
+}

src/components/Restaurent/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import './style.scss'
+import { RestaurantMap } from '@/components/Restaurent/RestarentMap/index'
+
+export const Restaurent: React.FC<{}> = ({}) => {
+  return (
+    <div className="restaurent">
+      <RestaurantMap></RestaurantMap>
+    </div>
+  )
+}