diff --git a/presentation/src/main/java/com/everymeal/presentation/components/EveryMealBottomSheetDialog.kt b/presentation/src/main/java/com/everymeal/presentation/components/EveryMealBottomSheetDialog.kt
index 7f828d2d..cc389161 100644
--- a/presentation/src/main/java/com/everymeal/presentation/components/EveryMealBottomSheetDialog.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/components/EveryMealBottomSheetDialog.kt
@@ -12,6 +12,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.lazy.LazyRow
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Divider
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.ModalBottomSheet
 import androidx.compose.material3.Surface
@@ -21,6 +22,7 @@ import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
@@ -29,12 +31,17 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.everymeal.presentation.R
-import com.everymeal.presentation.ui.home.CategoryItem
+import com.everymeal.presentation.ui.detail.ReportCategoryType
 import com.everymeal.presentation.ui.home.HomeCategoryList
+import com.everymeal.presentation.ui.theme.EveryMealTypography
+import com.everymeal.presentation.ui.theme.Gray200
+import com.everymeal.presentation.ui.theme.Gray400
 import com.everymeal.presentation.ui.theme.Gray600
+import com.everymeal.presentation.ui.theme.Gray800
 import com.everymeal.presentation.ui.theme.Gray900
 import com.everymeal.presentation.ui.theme.Grey2
-import com.everymeal.presentation.ui.theme.Grey7
+import com.everymeal.presentation.ui.theme.Main100
+import com.everymeal.presentation.ui.theme.SubMain100
 import com.everymeal.presentation.ui.theme.Typography
 
 @OptIn(ExperimentalMaterial3Api::class)
@@ -86,6 +93,7 @@ fun EveryMealMainBottomSheetDialog(
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun EveryMealSortCategoryBottomSheetDialog(
+    title: String,
     onClick: (String) -> Unit,
     onDismiss: () -> Unit
 ) {
@@ -98,46 +106,63 @@ fun EveryMealSortCategoryBottomSheetDialog(
                 .fillMaxWidth()
                 .padding(horizontal = 20.dp)
         ) {
-            Text(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .clickable { onClick("인기순") }
-                    .padding(vertical = 14.dp),
-                text = stringResource(R.string.popularity_sort),
-                fontSize = 17.sp,
-                color = Gray900,
-                fontWeight = FontWeight.SemiBold,
+            SortCategoryItem(
+                title = title,
+                category = stringResource(R.string.popularity_sort),
+                onClick = onClick
             )
             Spacer(modifier = Modifier.padding(4.dp))
-            Text(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .clickable { onClick("거리순") }
-                    .padding(vertical = 14.dp),
-                text = stringResource(R.string.distance_sort),
-                fontSize = 17.sp,
-                color = Gray900,
-                fontWeight = FontWeight.SemiBold,
+            SortCategoryItem(
+                title = title,
+                category = stringResource(R.string.distance_sort),
+                onClick = onClick
             )
             Spacer(modifier = Modifier.padding(4.dp))
-            Text(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .clickable { onClick("최신순") }
-                    .padding(vertical = 14.dp),
-                text = stringResource(R.string.recent_sort),
-                fontSize = 17.sp,
-                color = Gray900,
-                fontWeight = FontWeight.SemiBold,
+            SortCategoryItem(
+                title = title,
+                category = stringResource(R.string.recent_sort),
+                onClick = onClick
             )
             Spacer(modifier = Modifier.padding(10.dp))
         }
     }
 }
 
+@Composable
+fun SortCategoryItem(
+    title: String,
+    category: String,
+    onClick: (String) -> Unit
+) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .clickable { onClick(category) },
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Text(
+            modifier = Modifier.padding(vertical = 14.dp),
+            text = category,
+            fontSize = 17.sp,
+            color = Gray900,
+            style = EveryMealTypography.displayMedium,
+        )
+        if(title == category) {
+            Image(
+                modifier = Modifier.size(24.dp),
+                imageVector = ImageVector.vectorResource(R.drawable.icon_check_mono),
+                contentDescription = null,
+            )
+        }
+    }
+}
+
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun EveryMealCategoryRatingBottomSheetDialog(
+    currentRating: Int,
+    restaurantCategoryType: String,
     onClick: () -> Unit,
     onDismiss: () -> Unit,
     onCategoryClick: (String) -> Unit,
@@ -163,10 +188,15 @@ fun EveryMealCategoryRatingBottomSheetDialog(
             )
             Spacer(modifier = Modifier.padding(4.dp))
             HomeCategoryList(
-                isBottomSheet = true
+                isBottomSheet = true,
+                restaurantCategoryType
             ) {
                 onCategoryClick(it)
             }
+            Spacer(modifier = Modifier.padding(14.dp))
+            Divider(
+                color = Gray200,
+            )
             Spacer(modifier = Modifier.padding(4.dp))
             Text(
                 modifier = Modifier
@@ -181,6 +211,7 @@ fun EveryMealCategoryRatingBottomSheetDialog(
             LazyRow(content = {
                 items(5) {
                     RatingItem(
+                        currentRating,
                         ratingCount = it + 1,
                         onRatingClick = onRatingClick
                     )
@@ -199,6 +230,7 @@ fun EveryMealCategoryRatingBottomSheetDialog(
 
 @Composable
 fun RatingItem(
+    currentRating: Int,
     ratingCount: Int,
     onRatingClick: (Int) -> Unit
 ) {
@@ -207,7 +239,7 @@ fun RatingItem(
             indication = null,
             interactionSource = remember { MutableInteractionSource() }
         ) { onRatingClick(ratingCount) },
-        color = Grey2,
+        color = if (currentRating == ratingCount) SubMain100 else Grey2,
         shape = RoundedCornerShape(100.dp),
     ) {
         Row(
@@ -218,14 +250,146 @@ fun RatingItem(
                     .padding(start = 12.dp)
                     .size(16.dp),
                 imageVector = ImageVector.vectorResource(R.drawable.icon_gray_star_mono),
-                contentDescription = "rating"
+                contentDescription = "rating",
+                colorFilter = if (currentRating == ratingCount) {
+                    ColorFilter.tint(Main100)
+                } else {
+                    ColorFilter.tint(Gray600)
+                }
             )
             Text(
                 text = ratingCount.toString(),
-                color = Grey7,
+                color = if (currentRating == ratingCount) Main100 else Gray600,
                 style = Typography.bodySmall,
                 modifier = Modifier.padding(start = 4.dp, end = 12.dp, top = 6.dp, bottom = 6.dp)
             )
         }
     }
-}
\ No newline at end of file
+}
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun EveryMealReportBottomSheetDialog(
+    onClick: () -> Unit,
+    onDismiss: () -> Unit
+) {
+    ModalBottomSheet(
+        onDismissRequest = { onDismiss() },
+        containerColor = Color.White,
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp)
+        ) {
+            Row(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .clickable { onClick() },
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Image(
+                    modifier = Modifier.size(24.dp),
+                    imageVector = ImageVector.vectorResource(R.drawable.icon_siren_mono),
+                    contentDescription = null,
+                )
+                Text(
+                    modifier = Modifier.padding(start = 12.dp),
+                    text = stringResource(R.string.report),
+                    fontSize = 17.sp,
+                    color = Gray900,
+                    fontWeight = FontWeight.SemiBold,
+                )
+            }
+            Spacer(modifier = Modifier.padding(20.dp))
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun EveryMealDetailReportBottomSheetDialog(
+    title: String,
+    onClick: () -> Unit,
+    onDismiss: () -> Unit,
+    onReportCategoryClick: (String) -> Unit
+) {
+    ModalBottomSheet(
+        onDismissRequest = { onDismiss() },
+        containerColor = Color.White,
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp)
+        ) {
+            Text(
+                modifier = Modifier.padding(bottom = 18.dp),
+                text = stringResource(R.string.select_what_report),
+                fontSize = 22.sp,
+                style = EveryMealTypography.titleMedium,
+                color = Gray900
+            )
+            ReportCategoryItem(
+                title = title,
+                category = stringResource(R.string.restaurant_not_review),
+                onClick = onReportCategoryClick
+            )
+            Spacer(modifier = Modifier.padding(4.dp))
+            ReportCategoryItem(
+                title = title,
+                category = stringResource(R.string.dangerous_speak_review),
+                onClick = onReportCategoryClick
+            )
+            Spacer(modifier = Modifier.padding(4.dp))
+            ReportCategoryItem(
+                title = title,
+                category = stringResource(R.string.lustful_review),
+                onClick = onReportCategoryClick
+            )
+            Spacer(modifier = Modifier.padding(4.dp))
+            EveryMealMainButton(
+                text = stringResource(R.string.ok),
+                enabled = title.ReportCategoryType() != ReportCategoryType.NONE,
+                onClick = onClick,
+            )
+            Spacer(modifier = Modifier.padding(10.dp))
+        }
+    }
+}
+
+@Composable
+fun ReportCategoryItem(
+    title: String,
+    category: String,
+    onClick: (String) -> Unit
+) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .clickable(
+                indication = null,
+                interactionSource = remember { MutableInteractionSource() }
+            ) { onClick(category) },
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically,
+    ) {
+        Text(
+            modifier = Modifier.padding(vertical = 10.dp),
+            text = category,
+            fontSize = 16.sp,
+            color = Gray800,
+            fontWeight = FontWeight.Normal,
+            style = EveryMealTypography.bodySmall
+        )
+        Image(
+            modifier = Modifier.size(24.dp),
+            imageVector = ImageVector.vectorResource(R.drawable.icon_check_gray_mono),
+            contentDescription = null,
+            colorFilter = if(title == category) {
+                ColorFilter.tint(Main100)
+            } else {
+                ColorFilter.tint(Gray400)
+            }
+        )
+    }
+}
diff --git a/presentation/src/main/java/com/everymeal/presentation/components/EveryMealRestaurantItem.kt b/presentation/src/main/java/com/everymeal/presentation/components/EveryMealRestaurantItem.kt
index d5e43191..75927f96 100644
--- a/presentation/src/main/java/com/everymeal/presentation/components/EveryMealRestaurantItem.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/components/EveryMealRestaurantItem.kt
@@ -43,10 +43,17 @@ import com.everymeal.presentation.ui.theme.Gray700
 fun EveryMealRestaurantItem(
     restaurant: Restaurant,
     onLoveClick: () -> Unit,
+    onDetailClick: () -> Unit,
 ) {
     Column(
         modifier = Modifier
             .fillMaxSize()
+            .clickable(
+                indication = null,
+                interactionSource = remember { MutableInteractionSource() }
+            ) {
+                onDetailClick()
+            }
             .padding(horizontal = 20.dp)
             .background(color = Color.White)
     ) {
@@ -254,8 +261,9 @@ fun RestaurantImage(restaurant: Restaurant) {
 @Composable
 fun HomeScreenPreview() {
     EveryMeal_AndroidTheme {
-        HomeScreen() {
-
-        }
+        HomeScreen(
+            onDetailScreenClickType = {},
+            onDetailRestaurantClick = {},
+        )
     }
 }
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/bottom/BottomNavigation.kt b/presentation/src/main/java/com/everymeal/presentation/ui/bottom/BottomNavigation.kt
index 5085aac9..9c8ef653 100644
--- a/presentation/src/main/java/com/everymeal/presentation/ui/bottom/BottomNavigation.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/bottom/BottomNavigation.kt
@@ -37,4 +37,5 @@ enum class EveryMealRoute(val route: String) {
     WHAT_FOOD("what-food"),
     MY_PAGE("my-page"),
     DETAIL_LIST("detail-list"),
+    DETAIL_RESTAURANT("detail-restaurant"),
 }
\ No newline at end of file
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListContract.kt b/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListContract.kt
index 73275c4e..29d4787e 100644
--- a/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListContract.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListContract.kt
@@ -8,18 +8,28 @@ import com.everymeal.presentation.base.ViewState
 class DetailContract {
     data class DetailState(
         val uiState: LoadState = LoadState.SUCCESS,
-        val detailSortCategoryType: DetailSortCategoryType = DetailSortCategoryType.POPULARITY,
         val sortBottomSheetState: Boolean = false,
         val mealRatingBottomSheetState: Boolean = false,
+        val reportBottomSheetState: Boolean = false,
+        val detailReportBottomSheetState: Boolean = false,
+        val detailSortCategoryType: DetailSortCategoryType = DetailSortCategoryType.POPULARITY,
+        val reportCategoryType: ReportCategoryType = ReportCategoryType.NONE,
+        val restaurantCategoryType: RestaurantCategoryType = RestaurantCategoryType.NONE,
+        val rating: Int = 0,
     ) : ViewState
 
     sealed class DetailEvent : ViewEvent {
-        data class OnClickDetailListCategoryType(val detailSortCategoryType: DetailSortCategoryType) : DetailEvent()
         data class SortBottomSheetStateChange(val sortBottomSheetState: Boolean) : DetailEvent()
         data class MealRatingBottomSheetStateChange(val mealRatingBottomSheetState: Boolean) : DetailEvent()
+        data class ReportBottomSheetStateChange(val reportBottomSheetState: Boolean) : DetailEvent()
+        data class DetailReportBottomSheetStateChange(val detailReportBottomSheetState: Boolean) : DetailEvent()
+        data class OnClickDetailListCategoryType(val detailSortCategoryType: DetailSortCategoryType) : DetailEvent()
+        data class OnClickReportCategoryType(val reportCategoryType: ReportCategoryType) : DetailEvent()
+        data class OnClickRestaurantCategoryType(val restaurantCategoryType: RestaurantCategoryType) : DetailEvent()
+        data class OnClickRating(val rating: Int) : DetailEvent()
     }
 
-    sealed class HomeEffect : ViewSideEffect {
+    sealed class DetailEffect : ViewSideEffect {
 
     }
 }
@@ -45,4 +55,57 @@ fun DetailSortCategoryType.title(): String {
         DetailSortCategoryType.DISTANCE -> "거리순"
         DetailSortCategoryType.RECENT -> "최신순"
     }
+}
+
+enum class ReportCategoryType {
+    IRRELAVANT,
+    SLANG,
+    LUSTFUL,
+    NONE
+}
+
+fun String.ReportCategoryType(): ReportCategoryType {
+    return when (this) {
+        "해당 가게와 무관한 리뷰" -> ReportCategoryType.IRRELAVANT
+        "비속어 및 혐오 발언" -> ReportCategoryType.SLANG
+        "음란성 게시물" -> ReportCategoryType.LUSTFUL
+        else -> ReportCategoryType.NONE
+    }
+}
+
+fun ReportCategoryType.title(): String {
+    return when (this) {
+        ReportCategoryType.IRRELAVANT -> "해당 가게와 무관한 리뷰"
+        ReportCategoryType.SLANG -> "비속어 및 혐오 발언"
+        ReportCategoryType.LUSTFUL -> "음란성 게시물"
+        ReportCategoryType.NONE -> ""
+    }
+}
+
+enum class RestaurantCategoryType {
+    RECOMMEND,
+    RICE,
+    CAFE,
+    DRINK,
+    NONE
+}
+
+fun String.RestaurantCategoryType(): RestaurantCategoryType {
+    return when (this) {
+        "추천" -> RestaurantCategoryType.RECOMMEND
+        "밥집" -> RestaurantCategoryType.RICE
+        "카페" -> RestaurantCategoryType.CAFE
+        "술집" -> RestaurantCategoryType.DRINK
+        else -> RestaurantCategoryType.RECOMMEND
+    }
+}
+
+fun RestaurantCategoryType.title(): String {
+    return when (this) {
+        RestaurantCategoryType.RECOMMEND -> "추천"
+        RestaurantCategoryType.RICE -> "밥집"
+        RestaurantCategoryType.CAFE -> "카페"
+        RestaurantCategoryType.DRINK -> "술집"
+        RestaurantCategoryType.NONE -> ""
+    }
 }
\ No newline at end of file
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListScreen.kt b/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListScreen.kt
index fa97462e..b19db241 100644
--- a/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListScreen.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListScreen.kt
@@ -28,6 +28,8 @@ import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import com.everymeal.presentation.R
 import com.everymeal.presentation.components.EveryMealCategoryRatingBottomSheetDialog
+import com.everymeal.presentation.components.EveryMealDetailReportBottomSheetDialog
+import com.everymeal.presentation.components.EveryMealReportBottomSheetDialog
 import com.everymeal.presentation.components.EveryMealSortCategoryBottomSheetDialog
 import com.everymeal.presentation.ui.save.SaveTopBar
 import com.everymeal.presentation.ui.theme.Grey2
@@ -44,6 +46,7 @@ fun DetailListScreen(
 
     if(detailListViewState.sortBottomSheetState) {
         EveryMealSortCategoryBottomSheetDialog(
+            detailListViewState.detailSortCategoryType.title(),
             onClick = {
                 detailListViewModel.setEvent(DetailContract.DetailEvent.OnClickDetailListCategoryType(it.DetailSortCategoryType()))
                 detailListViewModel.setEvent(DetailContract.DetailEvent.SortBottomSheetStateChange(false))
@@ -56,6 +59,8 @@ fun DetailListScreen(
 
     if(detailListViewState.mealRatingBottomSheetState) {
         EveryMealCategoryRatingBottomSheetDialog(
+            detailListViewState.rating,
+            detailListViewState.restaurantCategoryType.title(),
             onClick = {
                 detailListViewModel.setEvent(DetailContract.DetailEvent.MealRatingBottomSheetStateChange(false))
             },
@@ -63,10 +68,37 @@ fun DetailListScreen(
                 detailListViewModel.setEvent(DetailContract.DetailEvent.MealRatingBottomSheetStateChange(false))
             },
             onCategoryClick = {
-
+                detailListViewModel.setEvent(DetailContract.DetailEvent.OnClickRestaurantCategoryType(it.RestaurantCategoryType()))
             },
             onRatingClick = {
+                detailListViewModel.setEvent(DetailContract.DetailEvent.OnClickRating(it))
+            }
+        )
+    }
+
+    if(detailListViewState.reportBottomSheetState) {
+        EveryMealReportBottomSheetDialog(
+            onClick = {
+                detailListViewModel.setEvent(DetailContract.DetailEvent.ReportBottomSheetStateChange(false))
+                detailListViewModel.setEvent(DetailContract.DetailEvent.DetailReportBottomSheetStateChange(true))
+            },
+            onDismiss = {
+                detailListViewModel.setEvent(DetailContract.DetailEvent.ReportBottomSheetStateChange(false))
+            }
+        )
+    }
 
+    if(detailListViewState.detailReportBottomSheetState) {
+        EveryMealDetailReportBottomSheetDialog(
+            detailListViewState.reportCategoryType.title(),
+            onClick = {
+                detailListViewModel.setEvent(DetailContract.DetailEvent.DetailReportBottomSheetStateChange(false))
+            },
+            onDismiss = {
+                detailListViewModel.setEvent(DetailContract.DetailEvent.DetailReportBottomSheetStateChange(false))
+            },
+            onReportCategoryClick = {
+                detailListViewModel.setEvent(DetailContract.DetailEvent.OnClickReportCategoryType(it.ReportCategoryType()))
             }
         )
     }
@@ -104,6 +136,13 @@ fun DetailListScreen(
                             detailListViewModel.setEvent(DetailContract.DetailEvent.MealRatingBottomSheetStateChange(true))
                         }
                     )
+                    DetailScreenChip(
+                        title = "TEST신고버튼",
+                        isCategory = true,
+                        onChipClicked = {
+                            detailListViewModel.setEvent(DetailContract.DetailEvent.ReportBottomSheetStateChange(true))
+                        }
+                    )
                 }
             }
         }
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListViewModel.kt b/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListViewModel.kt
index ad07b7d3..9af0d51e 100644
--- a/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListViewModel.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/detail/DetailListViewModel.kt
@@ -3,12 +3,12 @@ package com.everymeal.presentation.ui.detail
 import com.everymeal.presentation.base.BaseViewModel
 import com.everymeal.presentation.ui.detail.DetailContract.DetailEvent
 import com.everymeal.presentation.ui.detail.DetailContract.DetailState
-import com.everymeal.presentation.ui.detail.DetailContract.HomeEffect
+import com.everymeal.presentation.ui.detail.DetailContract.DetailEffect
 import javax.inject.Inject
 
 class DetailListViewModel @Inject constructor(
 
-): BaseViewModel<DetailState, HomeEffect, DetailEvent>(
+): BaseViewModel<DetailState, DetailEffect, DetailEvent>(
     DetailState()
 ) {
 
@@ -29,6 +29,31 @@ class DetailListViewModel @Inject constructor(
                     mealRatingBottomSheetState = event.mealRatingBottomSheetState
                 )
             }
+            is DetailEvent.ReportBottomSheetStateChange -> {
+                reflectUpdateState(
+                    reportBottomSheetState = event.reportBottomSheetState
+                )
+            }
+            is DetailEvent.DetailReportBottomSheetStateChange -> {
+                reflectUpdateState(
+                    detailReportBottomSheetState = event.detailReportBottomSheetState
+                )
+            }
+            is DetailEvent.OnClickReportCategoryType -> {
+                reflectUpdateState(
+                    reportCategoryType = event.reportCategoryType
+                )
+            }
+            is DetailEvent.OnClickRating -> {
+                reflectUpdateState(
+                    rating = event.rating
+                )
+            }
+            is DetailEvent.OnClickRestaurantCategoryType -> {
+                reflectUpdateState(
+                    restaurantCategoryType = event.restaurantCategoryType
+                )
+            }
         }
     }
 
@@ -36,12 +61,22 @@ class DetailListViewModel @Inject constructor(
         detailSortCategoryType: DetailSortCategoryType = viewState.value.detailSortCategoryType,
         sortBottomSheetState: Boolean = viewState.value.sortBottomSheetState,
         mealRatingBottomSheetState: Boolean = viewState.value.mealRatingBottomSheetState,
+        reportBottomSheetState: Boolean = viewState.value.reportBottomSheetState,
+        detailReportBottomSheetState: Boolean = viewState.value.detailReportBottomSheetState,
+        reportCategoryType: ReportCategoryType = viewState.value.reportCategoryType,
+        rating: Int = viewState.value.rating,
+        restaurantCategoryType: RestaurantCategoryType = viewState.value.restaurantCategoryType,
     ) {
         updateState {
             copy(
                 detailSortCategoryType = detailSortCategoryType,
                 sortBottomSheetState = sortBottomSheetState,
                 mealRatingBottomSheetState = mealRatingBottomSheetState,
+                reportBottomSheetState = reportBottomSheetState,
+                detailReportBottomSheetState = detailReportBottomSheetState,
+                reportCategoryType = reportCategoryType,
+                rating = rating,
+                restaurantCategoryType = restaurantCategoryType,
             )
         }
     }
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/home/HomeScreen.kt b/presentation/src/main/java/com/everymeal/presentation/ui/home/HomeScreen.kt
index abe6bb31..0247ca70 100644
--- a/presentation/src/main/java/com/everymeal/presentation/ui/home/HomeScreen.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/home/HomeScreen.kt
@@ -44,6 +44,7 @@ import com.everymeal.presentation.components.EveryMealLineButton
 import com.everymeal.presentation.components.EveryMealMainBottomSheetDialog
 import com.everymeal.presentation.components.EveryMealRestaurantItem
 import com.everymeal.presentation.components.EveryMealReviewItem
+import com.everymeal.presentation.ui.detail.RestaurantCategoryType
 import com.everymeal.presentation.ui.theme.EveryMealTypography
 import com.everymeal.presentation.ui.theme.EveryMeal_AndroidTheme
 import com.everymeal.presentation.ui.theme.Gray100
@@ -56,6 +57,7 @@ import com.everymeal.presentation.ui.theme.Paddings
 fun HomeScreen(
     homeViewModel : HomeViewModel = hiltViewModel(),
     onDetailScreenClickType : (String) -> Unit,
+    onDetailRestaurantClick : () -> Unit,
 ) {
     val items = listOf(
         Restaurant(
@@ -155,9 +157,15 @@ fun HomeScreen(
             }
             items(items.size) { index ->
                 val item = items[index]
-                EveryMealRestaurantItem(item) {
+                EveryMealRestaurantItem(
+                    item,
+                    onLoveClick = {
 
-                }
+                    },
+                    onDetailClick = {
+                        onDetailRestaurantClick()
+                    }
+                )
                 Spacer(modifier = Modifier.padding(10.dp))
                 if (index != items.size - 1) {
                     Divider(
@@ -311,6 +319,7 @@ fun HomeMainTopLayout(
 @Composable
 fun HomeCategoryList(
     isBottomSheet : Boolean = false,
+    restaurantCategoryType: String = "",
     onClick: (String) -> Unit
 ) {
     val horizotalDp = if (isBottomSheet) 0.dp else 20.dp
@@ -322,24 +331,32 @@ fun HomeCategoryList(
         horizontalArrangement = Arrangement.SpaceBetween
     ) {
         CategoryItem(
+            isBottomSheet,
+            restaurantCategoryType,
             R.drawable.ic_homemenu_recommend,
             R.string.home_top_category_recommend
         ) {
             onClick("추천")
         }
         CategoryItem(
+            isBottomSheet,
+            restaurantCategoryType,
             R.drawable.ic_homemenu_bap,
             R.string.home_top_category_rice
         ) {
             onClick("밥집")
         }
         CategoryItem(
+            isBottomSheet,
+            restaurantCategoryType,
             R.drawable.ic_homemenu_cake,
             R.string.home_top_category_cafe
         ) {
             onClick("카페")
         }
         CategoryItem(
+            isBottomSheet,
+            restaurantCategoryType,
             R.drawable.ic_homemenu_beer,
             R.string.home_top_category_drink
         ) {
@@ -371,6 +388,8 @@ fun LazyColumnTitle(title: String) {
 
 @Composable
 fun CategoryItem(
+    isBottomSheet: Boolean = false,
+    restaurantCategoryType: String = "",
     categoryIcon: Int,
     categoryText: Int,
     onClick: () -> Unit,
@@ -381,7 +400,13 @@ fun CategoryItem(
         Column(
             modifier = Modifier
                 .clickable { onClick() }
-                .background(Color.White, RoundedCornerShape(12.dp))
+                .background(
+                    when {
+                        !isBottomSheet -> Color.White
+                        restaurantCategoryType == stringResource(categoryText) -> Gray100
+                        else -> Color.White
+                    },
+                    RoundedCornerShape(12.dp))
                 .padding(horizontal = 17.dp, vertical = 4.dp),
             horizontalAlignment = Alignment.CenterHorizontally,
         ) {
@@ -402,8 +427,9 @@ fun CategoryItem(
 @Composable
 fun HomeScreenPreview() {
     EveryMeal_AndroidTheme {
-        HomeScreen() {
-
-        }
+        HomeScreen(
+            onDetailScreenClickType = {},
+            onDetailRestaurantClick = {},
+        )
     }
 }
\ No newline at end of file
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/main/MainScreen.kt b/presentation/src/main/java/com/everymeal/presentation/ui/main/MainScreen.kt
index 88f314ea..d187555c 100644
--- a/presentation/src/main/java/com/everymeal/presentation/ui/main/MainScreen.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/main/MainScreen.kt
@@ -23,6 +23,7 @@ import com.everymeal.presentation.ui.bottom.navigateBottomNavigationScreen
 import com.everymeal.presentation.ui.detail.DetailListScreen
 import com.everymeal.presentation.ui.home.HomeScreen
 import com.everymeal.presentation.ui.mypage.MyPageScreen
+import com.everymeal.presentation.ui.restaurant.DetailRestaurantScreen
 import com.everymeal.presentation.ui.univfood.UnivFoodScreen
 import com.everymeal.presentation.ui.whatfood.WhatFoodScreen
 
@@ -59,6 +60,9 @@ fun MainScreen(
                 HomeScreen(
                     onDetailScreenClickType = { detailScreenType ->
                         navController.navigate(EveryMealRoute.DETAIL_LIST.route.plus("/$detailScreenType"))
+                    },
+                    onDetailRestaurantClick = {
+                        navController.navigate(EveryMealRoute.DETAIL_RESTAURANT.route)
                     }
                 )
             }
@@ -78,6 +82,9 @@ fun MainScreen(
                     navigateToPreviousScreen = { navController.popBackStack() }
                 )
             }
+            composable(route = EveryMealRoute.DETAIL_RESTAURANT.route) {
+                DetailRestaurantScreen()
+            }
         }
     }
 
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantContract.kt b/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantContract.kt
new file mode 100644
index 00000000..520d8445
--- /dev/null
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantContract.kt
@@ -0,0 +1,22 @@
+package com.everymeal.presentation.ui.restaurant
+
+import com.everymeal.presentation.base.LoadState
+import com.everymeal.presentation.base.ViewEvent
+import com.everymeal.presentation.base.ViewSideEffect
+import com.everymeal.presentation.base.ViewState
+
+
+data class DetailRestaurantState(
+    val uiState: LoadState = LoadState.SUCCESS,
+    val selectedTabIndex: Int = 0,
+    val isFabClicked: Boolean = false,
+) : ViewState
+
+sealed class DetailRestaurantEvent : ViewEvent {
+    data class OnTabSelectedChanged(val selectedTabIndex: Int) : DetailRestaurantEvent()
+    data class OnFloatingButtonClick(val isFabClicked: Boolean) : DetailRestaurantEvent()
+}
+
+sealed class DetailRestaurantEffect : ViewSideEffect {
+
+}
\ No newline at end of file
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantScreen.kt b/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantScreen.kt
new file mode 100644
index 00000000..883628fa
--- /dev/null
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantScreen.kt
@@ -0,0 +1,488 @@
+package com.everymeal.presentation.ui.restaurant
+
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.aspectRatio
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.pager.HorizontalPager
+import androidx.compose.foundation.pager.rememberPagerState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.Divider
+import androidx.compose.material3.FabPosition
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Tab
+import androidx.compose.material3.TabRow
+import androidx.compose.material3.TabRowDefaults
+import androidx.compose.material3.TabRowDefaults.tabIndicatorOffset
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.snapshotFlow
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.res.vectorResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.hilt.navigation.compose.hiltViewModel
+import com.everymeal.presentation.R
+import com.everymeal.presentation.ui.save.SaveTopBar
+import com.everymeal.presentation.ui.theme.EveryMealTypography
+import com.everymeal.presentation.ui.theme.Gray100
+import com.everymeal.presentation.ui.theme.Gray300
+import com.everymeal.presentation.ui.theme.Gray400
+import com.everymeal.presentation.ui.theme.Gray500
+import com.everymeal.presentation.ui.theme.Gray600
+import com.everymeal.presentation.ui.theme.Gray700
+import com.everymeal.presentation.ui.theme.Gray800
+import com.everymeal.presentation.ui.theme.Gray900
+import com.everymeal.presentation.ui.theme.Main100
+import kotlinx.coroutines.launch
+
+@Composable
+fun DetailRestaurantScreen(
+    detailRestaurantViewModel: DetailRestaurantViewModel = hiltViewModel(),
+) {
+    val viewState by detailRestaurantViewModel.viewState.collectAsState()
+
+    Scaffold(
+        topBar = {
+            SaveTopBar(title = "")
+        },
+        floatingActionButton = {
+            Row(
+                modifier = Modifier
+                    .padding(bottom = 20.dp)
+                    .clip(RoundedCornerShape(100.dp))
+                    .background(if (viewState.isFabClicked) Gray100 else Main100)
+                    .padding(12.dp)
+                    .clickable {
+                        detailRestaurantViewModel.setEvent(
+                            DetailRestaurantEvent.OnFloatingButtonClick(
+                                !viewState.isFabClicked
+                            )
+                        )
+                    },
+                verticalAlignment = Alignment.CenterVertically,
+            ) {
+                Image(
+                    imageVector =
+                    if(viewState.isFabClicked)
+                        ImageVector.vectorResource(R.drawable.icon_x_mono)
+                    else
+                        ImageVector.vectorResource(R.drawable.icon_pencil_mono),
+                    contentDescription = "floating",
+                    colorFilter = ColorFilter.tint(if(viewState.isFabClicked) Gray800 else Color.White),
+                )
+            }
+        },
+        floatingActionButtonPosition = FabPosition.End,
+    ) { innerPadding ->
+        LazyColumn(
+            modifier = Modifier.padding(innerPadding),
+        ) {
+            item {
+                DetailRestaurantImage()
+            }
+            item {
+                DetailRestaurantMainInfo()
+            }
+            item {
+                DetailRestaurantTabLayout(detailRestaurantViewModel)
+            }
+        }
+        if (viewState.isFabClicked) {
+            Box(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .background(Color.Black.copy(alpha = 0.5f))
+                    .clickable {
+                        detailRestaurantViewModel.setEvent(
+                            DetailRestaurantEvent.OnFloatingButtonClick(
+                                false
+                            )
+                        )
+                    },
+                contentAlignment=Alignment.BottomEnd
+            ) {
+                Row(
+                    modifier = Modifier
+                        .padding(end = 20.dp, bottom = 160.dp)
+                        .clip(RoundedCornerShape(6.dp))
+                        .background(color = Gray100)
+                        .padding(vertical = 7.dp, horizontal = 12.dp),
+                    verticalAlignment = Alignment.CenterVertically,
+                ) {
+                    Image(
+                        imageVector = ImageVector.vectorResource(R.drawable.icon_camera_mono),
+                        contentDescription = "camera",
+                    )
+                    Text(
+                        modifier = Modifier.padding(start = 2.dp),
+                        text = stringResource(R.string.restaurant_only_picture),
+                        color = Gray900,
+                        style = EveryMealTypography.bodySmall
+                    )
+                }
+                Row(
+                    modifier = Modifier
+                        .padding(end = 20.dp, bottom = 100.dp)
+                        .clip(RoundedCornerShape(6.dp))
+                        .background(color = Gray100)
+                        .padding(vertical = 7.dp, horizontal = 12.dp),
+                    verticalAlignment = Alignment.CenterVertically,
+                ) {
+                    Image(
+                        imageVector = ImageVector.vectorResource(R.drawable.icon_document_mono),
+                        contentDescription = "review",
+                    )
+                    Text(
+                        modifier = Modifier.padding(start = 2.dp),
+                        text = stringResource(R.string.restaurant_review),
+                        color = Gray900,
+                        style = EveryMealTypography.bodySmall
+                    )
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun DetailRestaurantImage(
+
+) {
+    Box(
+        modifier = Modifier
+            .fillMaxWidth()
+            .aspectRatio(9f / 7f)
+    ) {
+        Image(
+            painter = painterResource(id = R.drawable.test_image),
+            contentDescription = null,
+            contentScale = ContentScale.Crop,
+            modifier = Modifier.fillMaxSize()
+        )
+        Text(
+            modifier = Modifier
+                .padding(10.dp)
+                .clip(RoundedCornerShape(20.dp))
+                .align(Alignment.BottomStart)
+                .background(Color.Black.copy(alpha = 0.6f))
+                .padding(horizontal = 8.dp, vertical = 2.dp),
+            text = "1/6",
+            style = EveryMealTypography.bodySmall,
+            fontSize = 14.sp,
+            color = Color.White,
+        )
+    }
+}
+
+@Composable
+fun DetailRestaurantMainInfo(
+
+) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(horizontal = 20.dp)
+            .background(color = Color.White)
+    ) {
+        Text(
+            modifier = Modifier
+                .padding(top = 16.dp)
+                .clip(RoundedCornerShape(4.dp))
+                .background(color = Gray300)
+                .padding(vertical = 3.dp, horizontal = 6.dp),
+            text = "술집",
+            color = Gray600,
+            fontSize = 12.sp,
+            style = EveryMealTypography.labelSmall,
+        )
+        Text(
+            modifier = Modifier.padding(top = 6.dp),
+            text = "스타벅스 서울대 입구점",
+            color = Color.Black,
+            fontSize = 22.sp,
+            style = EveryMealTypography.titleMedium,
+        )
+        Spacer(modifier = Modifier.padding(5.dp))
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Image(
+                imageVector = ImageVector.vectorResource(R.drawable.icon_active_star_mono),
+                contentDescription = stringResource(R.string.icon_star),
+            )
+            Text(
+                modifier = Modifier.padding(start = 2.dp),
+                text = "5.0",
+                color = Gray700,
+                fontSize = 12.sp,
+                fontWeight = FontWeight.Medium,
+            )
+            Text(
+                modifier = Modifier.padding(start = 2.dp),
+                text = "(100)",
+                color = Gray700,
+                fontSize = 12.sp,
+                fontWeight = FontWeight.Medium,
+            )
+            Spacer(modifier = Modifier.weight(1f))
+        }
+        Spacer(modifier = Modifier.padding(12.dp))
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalArrangement = Arrangement.SpaceBetween,
+        ) {
+            Row(
+                modifier = Modifier
+                    .background(
+                        color = Color.White,
+                        shape = RoundedCornerShape(12.dp)
+                    )
+                    .border(
+                        width = 1.dp,
+                        color = Gray300,
+                        shape = RoundedCornerShape(12.dp)
+                    )
+                    .weight(1f)
+                    .padding(vertical = 12.dp),
+                horizontalArrangement = Arrangement.Center,
+            ) {
+                Image(
+                    modifier = Modifier.size(24.dp),
+                    imageVector = ImageVector.vectorResource(R.drawable.icon_heart_mono),
+                    contentDescription = stringResource(R.string.icon_star),
+                )
+                Text(
+                    modifier = Modifier.padding(start = 4.dp),
+                    text = "89",
+                    color = Gray500,
+                    fontSize = 15.sp,
+                    style = EveryMealTypography.displaySmall
+                )
+            }
+            Spacer(modifier = Modifier.width(8.dp))
+            Row(
+                modifier = Modifier
+                    .background(
+                        color = Gray100,
+                        shape = RoundedCornerShape(12.dp)
+                    )
+                    .padding(12.dp),
+                verticalAlignment = Alignment.CenterVertically,
+            ) {
+                Image(
+                    imageVector = ImageVector.vectorResource(R.drawable.icon_download_mono),
+                    contentDescription = "restaurant share",
+                )
+                Text(
+                    modifier = Modifier.padding(start = 6.dp),
+                    text = stringResource(R.string.restaurant_share),
+                    color = Gray600,
+                    fontSize = 15.sp,
+                    style = EveryMealTypography.displaySmall
+                )
+            }
+        }
+    }
+}
+
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun DetailRestaurantTabLayout(
+    viewModel : DetailRestaurantViewModel
+) {
+    val viewState by viewModel.viewState.collectAsState()
+
+    val pages = listOf("정보", "사진", "리뷰(0)")
+
+    val coroutineScope = rememberCoroutineScope()
+
+    val pagerState = rememberPagerState(pageCount = {
+        pages.size
+    })
+
+    LaunchedEffect(pagerState) {
+        snapshotFlow { pagerState.currentPage }.collect { page ->
+            viewModel.setEvent(DetailRestaurantEvent.OnTabSelectedChanged(page))
+        }
+    }
+
+    TabRow(
+        selectedTabIndex = viewState.selectedTabIndex,
+        containerColor = Color.White,
+        indicator = { tabPositions ->
+            TabRowDefaults.Indicator(
+                Modifier.tabIndicatorOffset(tabPositions[viewState.selectedTabIndex]),
+                color = Gray900,
+            )
+        },
+        divider = { Divider(color = Gray500) },
+    ) {
+        pages.forEachIndexed { index, title ->
+            Tab(
+                text = { Text(
+                    text = title,
+                    style = EveryMealTypography.labelSmall,
+                ) },
+                selected = viewState.selectedTabIndex == index,
+                onClick = {
+                    coroutineScope.launch {
+                        pagerState.animateScrollToPage(index)
+                    }
+                },
+                selectedContentColor = Gray900,
+                unselectedContentColor = Gray500,
+            )
+        }
+    }
+
+    HorizontalPager(state = pagerState) { page ->
+        when (page) {
+            0 -> DetailRestaurantTabInfo(Modifier.padding(horizontal = 20.dp))
+            1 -> DetailRestaurantTabImage()
+            2 -> DetailRestaurantReview()
+        }
+    }
+}
+
+@Composable
+fun DetailRestaurantTabInfo(
+    modifier: Modifier = Modifier,
+) {
+    Column(
+        modifier = modifier.padding(top = 20.dp),
+    ) {
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Image(
+                modifier = Modifier.size(20.dp),
+                imageVector = ImageVector.vectorResource(R.drawable.icon_pin_location_mono),
+                contentDescription = "location",
+                colorFilter = ColorFilter.tint(Gray400),
+            )
+            Text(
+                modifier = Modifier.padding(start = 4.dp),
+                text = "서울특별시 관악구 관악로 1",
+                color = Gray800,
+                fontSize = 14.sp,
+                style = EveryMealTypography.bodySmall
+            )
+        }
+        Spacer(modifier = Modifier.padding(6.dp))
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Image(
+                imageVector = ImageVector.vectorResource(R.drawable.icon_call_mono),
+                contentDescription = "call",
+            )
+            Text(
+                modifier = Modifier.padding(start = 4.dp),
+                text = "1533-2233",
+                color = Gray800,
+                fontSize = 14.sp,
+                style = EveryMealTypography.bodySmall
+            )
+        }
+        Spacer(modifier = Modifier.padding(6.dp))
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Image(
+                imageVector = ImageVector.vectorResource(R.drawable.icon_link_mono),
+                contentDescription = "link",
+            )
+            Text(
+                modifier = Modifier.padding(start = 4.dp),
+                text = "카카오맵 이동하기",
+                color = Gray800,
+                fontSize = 14.sp,
+                style = EveryMealTypography.bodySmall
+            )
+        }
+        Spacer(modifier = Modifier.padding(18.dp))
+    }
+}
+
+@Composable
+fun DetailRestaurantTabImage() {
+    // Mock Data
+    val items = listOf(
+        R.drawable.food_ex_1,
+        R.drawable.food_ex_2,
+        R.drawable.food_ex_3,
+        R.drawable.food_ex_1,
+        R.drawable.food_ex_2,
+        R.drawable.food_ex_3,
+        R.drawable.food_ex_1,
+        R.drawable.food_ex_2,
+        R.drawable.food_ex_3,
+    )
+
+    Column {
+        for (rowItems in items.chunked(3)) {
+            Row(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(bottom = 3.dp),
+            ) {
+                for (item in rowItems) {
+                    Image(
+                        painter = painterResource(id = item),
+                        contentDescription = null,
+                        modifier = Modifier
+                            .padding(end = if (rowItems.indexOf(item) != 2) 3.dp else 0.dp)
+                            .weight(1f)
+                            .aspectRatio(1f)
+                    )
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun DetailRestaurantReview() {
+
+}
+
+@Preview
+@Composable
+fun PreviewDetailRestaurantScreen() {
+    DetailRestaurantScreen()
+}
+
+@Preview
+@Composable
+fun PreviewDetailRestaurantImage() {
+    DetailRestaurantImage()
+}
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantViewModel.kt b/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantViewModel.kt
new file mode 100644
index 00000000..cb8b54c7
--- /dev/null
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/restaurant/DetailRestaurantViewModel.kt
@@ -0,0 +1,40 @@
+package com.everymeal.presentation.ui.restaurant
+
+import com.everymeal.presentation.base.BaseViewModel
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class DetailRestaurantViewModel @Inject constructor(
+
+): BaseViewModel<DetailRestaurantState, DetailRestaurantEffect, DetailRestaurantEvent>(
+    DetailRestaurantState()
+) {
+
+    override fun handleEvents(event: DetailRestaurantEvent) {
+        when(event) {
+            is DetailRestaurantEvent.OnTabSelectedChanged -> {
+                reflectUpdateState(
+                    selectedTabIndex = event.selectedTabIndex
+                )
+            }
+            is DetailRestaurantEvent.OnFloatingButtonClick -> {
+                reflectUpdateState(
+                    isFabClicked = event.isFabClicked
+                )
+            }
+        }
+    }
+
+    private fun reflectUpdateState(
+        selectedTabIndex: Int = viewState.value.selectedTabIndex,
+        isFabClicked: Boolean = viewState.value.isFabClicked,
+    ) {
+        updateState {
+            copy(
+                selectedTabIndex = selectedTabIndex,
+                isFabClicked = isFabClicked,
+            )
+        }
+    }
+}
\ No newline at end of file
diff --git a/presentation/src/main/java/com/everymeal/presentation/ui/theme/Color.kt b/presentation/src/main/java/com/everymeal/presentation/ui/theme/Color.kt
index 34ccc1a8..626037d7 100644
--- a/presentation/src/main/java/com/everymeal/presentation/ui/theme/Color.kt
+++ b/presentation/src/main/java/com/everymeal/presentation/ui/theme/Color.kt
@@ -15,6 +15,7 @@ val MONO_BLACK = Color(0xFF191F28)
 val Gray100 = Color(0xFFF9FAFB)
 val Gray200 = Color(0xFFE5E8EB)
 val Gray300 = Color(0xFFF2F4F6)
+val Gray400 = Color(0xFFD1D6DB)
 val Gray500 = Color(0xFFB0B8C1)
 val Gray600 = Color(0xFF8B95A1)
 val Gray700 = Color(0xFF6B7684)
@@ -29,3 +30,5 @@ val RED_LIGHT = Color(0xFFFFEDED)
 
 val Main100 = Color(0xFFFF4848)
 val Main800 = Color(0xFFCC3939)
+
+val SubMain100 = Color(0xFFFFEDED)
diff --git a/presentation/src/main/res/drawable/icon_call_mono.xml b/presentation/src/main/res/drawable/icon_call_mono.xml
new file mode 100644
index 00000000..c2a371ae
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_call_mono.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="21dp"
+    android:viewportWidth="20"
+    android:viewportHeight="21">
+  <path
+      android:pathData="M18.617,14.594L15.301,12.027C15.141,11.904 14.941,11.843 14.739,11.856C14.537,11.869 14.347,11.955 14.204,12.098L12.444,13.859C12.313,13.991 12.141,14.076 11.956,14.098C11.771,14.121 11.584,14.08 11.425,13.983C10.858,13.636 9.91,12.962 8.723,11.775C7.537,10.589 6.863,9.64 6.516,9.074C6.419,8.915 6.378,8.728 6.401,8.543C6.424,8.358 6.508,8.186 6.641,8.056L8.401,6.295C8.544,6.152 8.63,5.962 8.643,5.76C8.656,5.558 8.595,5.358 8.471,5.198L5.905,1.882C5.322,1.129 4.222,1.01 3.505,1.639C2.561,2.467 1.427,3.708 1.097,5.101C0.499,7.609 1.443,10.757 5.593,14.907C9.743,19.056 12.891,20.001 15.398,19.404C16.791,19.072 18.033,17.937 18.861,16.994C19.489,16.277 19.37,15.177 18.617,14.594Z"
+      android:fillColor="#D1D6DB"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/icon_camera_mono.xml b/presentation/src/main/res/drawable/icon_camera_mono.xml
new file mode 100644
index 00000000..bbe6e048
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_camera_mono.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M8,12.179C7.073,12.178 6.184,11.809 5.529,11.153C4.873,10.498 4.504,9.609 4.503,8.681C4.504,7.754 4.873,6.865 5.528,6.209C6.184,5.553 7.073,5.184 8,5.183C8.928,5.184 9.817,5.553 10.472,6.209C11.128,6.865 11.497,7.754 11.498,8.681C11.497,9.609 11.128,10.498 10.472,11.153C9.817,11.809 8.928,12.178 8,12.179ZM13.409,3.425H11.44L10.698,1.979C10.58,1.75 10.402,1.558 10.182,1.424C9.962,1.29 9.71,1.219 9.452,1.219H6.51C6.248,1.219 5.991,1.292 5.768,1.432C5.546,1.571 5.367,1.77 5.252,2.005L4.561,3.425H2.592C2.371,3.425 2.153,3.468 1.949,3.552C1.745,3.637 1.559,3.761 1.403,3.917C1.247,4.073 1.124,4.258 1.039,4.462C0.955,4.666 0.911,4.884 0.911,5.105V12.839C0.911,13.059 0.955,13.278 1.039,13.482C1.124,13.686 1.247,13.871 1.403,14.027C1.559,14.183 1.745,14.307 1.949,14.391C2.153,14.475 2.371,14.519 2.592,14.519H13.409C13.63,14.519 13.848,14.475 14.052,14.391C14.256,14.307 14.441,14.183 14.597,14.027C14.754,13.871 14.877,13.686 14.962,13.482C15.046,13.278 15.09,13.059 15.09,12.839V5.105C15.09,4.884 15.046,4.666 14.962,4.462C14.877,4.258 14.754,4.073 14.597,3.917C14.441,3.761 14.256,3.637 14.052,3.552C13.848,3.468 13.63,3.425 13.409,3.425Z"
+      android:fillColor="#FF4848"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M8,6.443C7.407,6.444 6.839,6.68 6.419,7.099C6,7.519 5.764,8.088 5.764,8.681C5.764,9.274 6,9.843 6.419,10.262C6.838,10.682 7.407,10.917 8,10.918C8.593,10.917 9.162,10.682 9.582,10.262C10.001,9.843 10.237,9.274 10.237,8.681C10.236,8.088 10.001,7.519 9.581,7.099C9.162,6.68 8.593,6.444 8,6.443Z"
+      android:fillColor="#FF4848"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/icon_check_gray_mono.xml b/presentation/src/main/res/drawable/icon_check_gray_mono.xml
new file mode 100644
index 00000000..f3251ec5
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_check_gray_mono.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M10.6,17.2C10.3,17.2 10,17.1 9.8,16.8L5.2,12.2C4.7,11.7 4.7,11 5.2,10.5C5.7,10 6.4,10 6.9,10.5L10.6,14.2L17.2,7.6C17.7,7.1 18.4,7.1 18.9,7.6C19.4,8.1 19.4,8.8 18.9,9.3L11.5,16.7C11.2,17.1 10.9,17.2 10.6,17.2Z"
+      android:fillColor="#D1D6DB"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/icon_check_mono.xml b/presentation/src/main/res/drawable/icon_check_mono.xml
new file mode 100644
index 00000000..b0a31bd1
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_check_mono.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M10.6,17.2C10.3,17.2 10,17.1 9.8,16.8L5.2,12.2C4.7,11.7 4.7,11 5.2,10.5C5.7,10 6.4,10 6.9,10.5L10.6,14.2L17.2,7.6C17.7,7.1 18.4,7.1 18.9,7.6C19.4,8.1 19.4,8.8 18.9,9.3L11.5,16.7C11.2,17.1 10.9,17.2 10.6,17.2Z"
+      android:fillColor="#FF4848"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/icon_document_mono.xml b/presentation/src/main/res/drawable/icon_document_mono.xml
new file mode 100644
index 00000000..bc1613b0
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_document_mono.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M13,1.334H3C2.823,1.334 2.653,1.404 2.528,1.529C2.403,1.654 2.333,1.824 2.333,2.001V14.001C2.333,14.177 2.403,14.347 2.528,14.472C2.653,14.597 2.823,14.667 3,14.667H8.666V11.334C8.666,10.415 9.414,9.667 10.333,9.667H13.666V2.001C13.666,1.824 13.596,1.654 13.471,1.529C13.346,1.404 13.177,1.334 13,1.334Z"
+      android:fillColor="#FF4848"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M9.666,11.335V14.668L13.666,10.668H10.333C10.156,10.668 9.986,10.738 9.861,10.863C9.736,10.988 9.666,11.158 9.666,11.335Z"
+      android:fillColor="#FF4848"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/icon_download_mono.xml b/presentation/src/main/res/drawable/icon_download_mono.xml
new file mode 100644
index 00000000..b499ae0b
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_download_mono.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="25dp"
+    android:height="24dp"
+    android:viewportWidth="25"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M11.71,15.4C11.92,15.61 12.21,15.72 12.49,15.72C12.77,15.72 13.05,15.61 13.27,15.4L18.5,10.16C18.93,9.73 18.93,9.03 18.5,8.6C18.07,8.17 17.37,8.17 16.94,8.6L13.59,11.95V2.78C13.59,2.17 13.1,1.68 12.49,1.68C11.88,1.68 11.39,2.17 11.39,2.78V11.96L8.03,8.61C7.6,8.18 6.9,8.18 6.47,8.61C6.04,9.04 6.04,9.74 6.47,10.17L11.71,15.4Z"
+      android:fillColor="#8B95A1"/>
+  <path
+      android:pathData="M21.88,13.09C21.27,13.09 20.78,13.58 20.78,14.19V18.4C20.78,19.12 20.2,19.7 19.48,19.7H5.5C4.78,19.7 4.2,19.12 4.2,18.4V14.19C4.2,13.58 3.71,13.09 3.1,13.09C2.49,13.09 2,13.58 2,14.19V18.4C2,20.33 3.57,21.9 5.5,21.9H19.48C21.41,21.9 22.98,20.33 22.98,18.4V14.19C22.98,13.58 22.49,13.09 21.88,13.09Z"
+      android:fillColor="#8B95A1"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/icon_link_mono.xml b/presentation/src/main/res/drawable/icon_link_mono.xml
new file mode 100644
index 00000000..755997df
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_link_mono.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="21dp"
+    android:viewportWidth="20"
+    android:viewportHeight="21">
+  <path
+      android:pathData="M17.764,2.736C16.811,1.786 15.52,1.252 14.174,1.252C12.829,1.252 11.538,1.786 10.585,2.736L8.874,4.446C8.713,4.62 8.625,4.85 8.629,5.088C8.634,5.325 8.73,5.552 8.898,5.72C9.066,5.887 9.292,5.984 9.53,5.988C9.767,5.992 9.997,5.905 10.171,5.743L11.882,4.033C12.49,3.426 13.315,3.085 14.174,3.085C15.034,3.085 15.858,3.426 16.467,4.033C16.769,4.333 17.008,4.69 17.172,5.084C17.335,5.477 17.418,5.899 17.417,6.325C17.418,6.751 17.335,7.173 17.172,7.567C17.009,7.96 16.769,8.318 16.467,8.618L13.466,11.619C12.242,12.844 10.106,12.844 8.881,11.619C8.678,11.417 8.503,11.189 8.36,10.94C8.239,10.729 8.039,10.575 7.805,10.512C7.57,10.449 7.319,10.481 7.109,10.602C6.898,10.723 6.744,10.923 6.68,11.158C6.617,11.393 6.649,11.643 6.77,11.854C6.993,12.24 7.266,12.597 7.584,12.915C8.055,13.388 8.614,13.763 9.23,14.018C9.846,14.273 10.507,14.404 11.174,14.402C11.84,14.404 12.501,14.273 13.117,14.018C13.733,13.763 14.292,13.388 14.763,12.915L17.764,9.915C18.236,9.445 18.611,8.885 18.867,8.269C19.122,7.653 19.252,6.992 19.25,6.325C19.252,5.658 19.122,4.997 18.866,4.381C18.611,3.765 18.236,3.206 17.764,2.735"
+      android:fillColor="#D1D6DB"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M9.829,15.257L8.118,16.968C7.51,17.574 6.685,17.915 5.826,17.915C4.966,17.915 4.142,17.574 3.533,16.968C3.231,16.667 2.992,16.31 2.829,15.916C2.666,15.523 2.582,15.101 2.583,14.675C2.583,13.809 2.921,12.995 3.533,12.383L6.534,9.382C6.887,9.03 7.315,8.764 7.787,8.605C8.259,8.445 8.761,8.396 9.254,8.462C9.748,8.527 10.22,8.706 10.634,8.983C11.047,9.26 11.392,9.628 11.64,10.06C11.7,10.164 11.78,10.256 11.875,10.33C11.971,10.403 12.08,10.457 12.196,10.488C12.312,10.52 12.433,10.528 12.553,10.513C12.672,10.497 12.787,10.458 12.892,10.398C12.996,10.338 13.088,10.258 13.161,10.163C13.235,10.068 13.289,9.959 13.32,9.843C13.351,9.726 13.36,9.605 13.344,9.486C13.329,9.366 13.29,9.251 13.23,9.147C12.841,8.471 12.302,7.895 11.654,7.461C11.007,7.027 10.268,6.748 9.495,6.646C8.723,6.543 7.937,6.62 7.199,6.869C6.46,7.119 5.789,7.535 5.238,8.085L2.237,11.086C1.764,11.556 1.389,12.116 1.134,12.732C0.879,13.348 0.748,14.008 0.75,14.675C0.75,16.031 1.278,17.306 2.237,18.264C2.708,18.736 3.267,19.11 3.883,19.365C4.499,19.619 5.159,19.75 5.826,19.748C7.126,19.748 8.425,19.253 9.415,18.265L11.126,16.554C11.288,16.38 11.375,16.15 11.371,15.913C11.367,15.675 11.27,15.449 11.102,15.281C10.934,15.113 10.708,15.017 10.47,15.012C10.233,15.008 10.003,15.096 9.829,15.257"
+      android:fillColor="#D1D6DB"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/icon_pencil_mono.xml b/presentation/src/main/res/drawable/icon_pencil_mono.xml
new file mode 100644
index 00000000..d1a1e280
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_pencil_mono.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.335,5.454L3.273,14.516L2.037,19.126L1.224,22.163C1.201,22.248 1.201,22.337 1.224,22.422C1.247,22.507 1.292,22.584 1.354,22.646C1.416,22.708 1.493,22.753 1.578,22.776C1.663,22.799 1.752,22.799 1.837,22.776L4.872,21.962L9.483,20.726H9.484L18.546,11.664L12.336,5.454H12.335ZM22.293,6.504L17.497,1.707C17.404,1.614 17.294,1.541 17.173,1.49C17.051,1.44 16.921,1.414 16.79,1.414C16.659,1.414 16.528,1.44 16.407,1.49C16.286,1.541 16.176,1.614 16.083,1.707L13.608,4.181L19.819,10.392L22.293,7.917C22.386,7.824 22.46,7.714 22.51,7.593C22.56,7.472 22.586,7.342 22.586,7.21C22.586,7.079 22.56,6.949 22.51,6.828C22.46,6.706 22.386,6.596 22.293,6.503"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/icon_siren_mono.xml b/presentation/src/main/res/drawable/icon_siren_mono.xml
new file mode 100644
index 00000000..40a69887
--- /dev/null
+++ b/presentation/src/main/res/drawable/icon_siren_mono.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M22.084,20.081C21.987,19.523 21.502,19.114 20.934,19.114H20.352V9.879L20.348,9.628C20.216,5.131 16.529,1.527 12,1.527C7.388,1.527 3.647,5.266 3.647,9.88V19.115H3.065C2.498,19.115 2.013,19.523 1.915,20.082L1.5,22.473H22.5L22.084,20.081ZM11.1,7.22C11.1,6.724 11.503,6.32 12,6.32C12.498,6.32 12.9,6.724 12.9,7.22V10.936C12.9,11.434 12.498,11.838 12,11.838C11.503,11.838 11.1,11.434 11.1,10.936V7.22ZM12.001,13.339C12.653,13.339 13.184,13.868 13.184,14.522C13.184,15.175 12.654,15.705 12.001,15.705C11.346,15.705 10.816,15.175 10.816,14.522C10.816,13.869 11.346,13.339 12.001,13.339Z"
+      android:fillColor="#FF4848"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M20.934,19.114C21.502,19.114 21.987,19.523 22.084,20.081L22.5,22.473H1.5L1.915,20.082C2.013,19.523 2.498,19.115 3.065,19.115H3.647V18H20.352V19.114H20.934Z"
+      android:fillColor="#191F28"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/test_image.png b/presentation/src/main/res/drawable/test_image.png
new file mode 100644
index 00000000..be80c10f
Binary files /dev/null and b/presentation/src/main/res/drawable/test_image.png differ
diff --git a/presentation/src/main/res/values/strings.xml b/presentation/src/main/res/values/strings.xml
index 77fad116..b59b52db 100644
--- a/presentation/src/main/res/values/strings.xml
+++ b/presentation/src/main/res/values/strings.xml
@@ -3,7 +3,8 @@
 
     <!--  공통  -->
     <string name="select">선택하기</string>
-    <string name="register">등록하기</string>기
+    <string name="register">등록하기</string>
+    <string name="ok">확인</string>
     <string name="close">닫기</string>
     <string name="exit">나가기</string>
 
@@ -83,4 +84,17 @@
     <string name="meal_category">음식종류</string>
     <string name="rating_category">별점순</string>
     <string name="meal_rating_category_apply">적용하기</string>
+
+    <!--  신고 바텀 시트 다이얼로그  -->
+    <string name="report">신고하기</string>
+    <string name="restaurant_not_review">해당 가게와 무관한 리뷰</string>
+    <string name="dangerous_speak_review">비속어 및 혐오 발언</string>
+    <string name="lustful_review">음란성 게시물</string>
+    <string name="select_what_report">무엇으로 신고하시나요?</string>
+
+    <!--  식당 상세 화면  -->
+    <string name="restaurant_share">공유하기</string>
+    <string name="restaurant_only_picture">사진만 올리기</string>
+    <string name="restaurant_review">리뷰 작성하기</string>
+
 </resources>