[Frontend]가이드 화면 제작 (#58)

## 📝작업 내용

가이드 화면 제작(자세히 보기 버튼은 구현 x)

Author: sysy04

frontend/src/assets/image/check.svg

@@ -0,0 +1,77 @@
+.container{
+    width: 1200px;
+    display: flex;
+    flex-direction: column;
+    gap: 7px;
+}
+
+.container img{
+    width: 100%;
+    height: 254px;
+}
+
+.content{
+    display: flex;
+    flex-direction: column;
+    gap: 7px;
+}
+
+.title{
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin: 8px 0px 8px 30px;
+}
+
+.title img{
+    width: 18px;
+    height: 18px;
+}
+
+.category{
+    font-size: 24px;
+    font-weight: 500;
+}
+
+.order{
+    font-size: 15px;
+    color: #808080;
+    font-weight: 500;
+}
+
+.btnContainer{
+    display: flex;
+    gap: 10px;
+    margin-left: 20px;
+}
+
+.textContent{
+    display: flex;
+    flex-direction: column;
+    gap: 7px;
+    margin: 0px 30px;
+}
+
+.text{
+    height: fit-content;
+    padding: 26px 0;
+    font-size: 15px;
+    font-weight: 500;
+}
+
+.btn{
+    padding: 11px 0;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
+.btn span{
+    color: #ff5525;
+    font-size: 15px;
+}
+
+.btn img{
+    width: 10px;
+    height: 10px;
+}