diff --git a/src/Components/Banner/BannerDetail.tsx/style.ts b/src/Components/Banner/BannerDetail.tsx/style.ts
index 31fe0f6..8f13e81 100644
--- a/src/Components/Banner/BannerDetail.tsx/style.ts
+++ b/src/Components/Banner/BannerDetail.tsx/style.ts
@@ -36,10 +36,13 @@ export const Wrapper = styled.div`
 	display: flex;
 	justify-content: space-between;
 `;
-
-export const BannerImg = styled.img`
+export const BannerImg = styled.div<{ src: string }>`
 	width: 1000px;
 	height: 300px;
+	background-image: url(${(props) => props.src});
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: cover;
 `;
 
 export const TextWrapper = styled.div`