diff --git a/rancuft/public/img/bi_music-note-list.svg b/rancuft/public/img/bi_music-note-list.svg
new file mode 100644
index 0000000..21235c9
--- /dev/null
+++ b/rancuft/public/img/bi_music-note-list.svg
@@ -0,0 +1,6 @@
+
diff --git a/rancuft/src/components/Login/index.js b/rancuft/src/components/Login/index.js
index 995de3a..f4681b7 100644
--- a/rancuft/src/components/Login/index.js
+++ b/rancuft/src/components/Login/index.js
@@ -30,9 +30,10 @@ function Login() {
query: "(min-width:768px)",
});
+
return (
<>
- {isMobile && (
+ {isMobile && (
@@ -81,6 +82,11 @@ function Login() {
+
+
+
+
+
)}
{isPc &&
TEST
}
diff --git a/rancuft/src/components/Login/style.js b/rancuft/src/components/Login/style.js
index 5293ed3..125c953 100644
--- a/rancuft/src/components/Login/style.js
+++ b/rancuft/src/components/Login/style.js
@@ -1,4 +1,5 @@
import styled from "@emotion/styled";
+import { type } from "@testing-library/user-event/dist/type";
export const Box = styled.div`
input {
@@ -180,9 +181,18 @@ export const TRandomGift = styled.div`
`
+export const Music = styled.div`
+img{
+ bottom: 40px;
+ right: -10px;
+ width: 20px;
+ position: absolute;
+
+}`
+
export const TCute = styled.div`
text{
padding-left: 70px;
}
-`
\ No newline at end of file
+`