diff --git a/src/Image/userbackimg.png b/src/Image/userbackimg.png
new file mode 100644
index 0000000..83aacc1
Binary files /dev/null and b/src/Image/userbackimg.png differ
diff --git a/src/Image/usericon.png b/src/Image/usericon.png
index b9927f3..f6f9c7d 100644
Binary files a/src/Image/usericon.png and b/src/Image/usericon.png differ
diff --git a/src/Page/Rolling.js b/src/Page/Rolling.js
index 93884c2..43346bb 100644
--- a/src/Page/Rolling.js
+++ b/src/Page/Rolling.js
@@ -27,6 +27,8 @@ import usericon from '../Image/usericon.png';
 import StickerModal from './StickerModal';
 import 'react-toastify/dist/ReactToastify.css';
 
+import userback from '../Image/userbackimg.png';
+
 import './snow.css';
 
 import KakaoShare from './KakaoShare';
@@ -84,22 +86,29 @@ const Text = styled.div`
 const UserWrap = styled.div`
   padding-right: 5rem;
   margin-top: 1rem;
-  height: 2rem;
+  height: 10rem;
   display: flex;
-  align-items: center;
+  align-items: right;
   justify-content: flex-end;
-  margin-right: 1rem;
+  margin-right: 5rem;
+  background-image: url(${userback});
+  background-size: 17rem;
+  background-repeat: no-repeat;
+  background-position-x: 74.5rem;
+  background-position-y: -6.8rem;
+
   /* z-index: 100; */
 `;
 const UserIcon = styled.img`
-  width: 2rem;
-  height: 2rem;
+  width: 1.8rem;
+  height: 1.8rem;
+  margin-top: 1.1rem;
 `;
 const UserNum = styled.div`
   font-style: normal;
   font-weight: 700;
   font-size: 20px;
-  line-height: 24px;
+  line-height: 4rem;
   margin-left: 1rem;
   text-align: center;
   color: #ffffff;
@@ -551,7 +560,7 @@ function Rolling() {
           )}
 
           <Text>TO. {items.title}</Text>
-          <UserWrap>
+          <UserWrap bgimage={userback}>
             <UserIcon src={usericon} alt="" />
             <UserNum>{length}</UserNum>
           </UserWrap>