style, utils 수정

src/styles/Components.js

@@ -679,6 +679,12 @@ export const SearchItem = styled.div`
 	}
 `;
 
+export const DownloadContainer = styled.div`
+	display: flex;
+	align-items: center;
+	gap: 10px;
+`;
+
 export const SearchRow = styled.div`
 	display: flex;
 	flex-wrap: wrap;
@@ -689,4 +695,43 @@ export const SearchRow = styled.div`
         padding-top: 15px;
         margin-top: 15px;
     }
+`;
+
+export const TabScroll = styled.div`
+	width: 100%;
+	overflow: auto;
+`;
+
+export const TabItem = styled(Link)`
+	display: inline-flex;
+	width: 120px;
+	height: 30px;
+	justify-content: center;
+	align-items: center;
+	background: #f9f9f9;
+	border-left: 1px solid #d9d9d9;
+	&:hover {
+		background: #888;
+		color: #fff;
+	}
+	${props =>
+	props.$state === 'active' &&
+	`
+	background: #888;
+		color: #fff;`}
+`;
+
+export const TabWrapper = styled.ul`
+	display: flex;
+	li:first-child {
+		${TabItem} {
+			border-left: 0;
+		}
+	}
+`;
+
+export const CircularProgressWrapper = styled.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
 `;