diff --git a/app/src/main/java/com/umc/coumo/domain/model/MenuModel.kt b/app/src/main/java/com/umc/coumo/domain/model/MenuModel.kt
new file mode 100644
index 0000000..8051a66
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/domain/model/MenuModel.kt
@@ -0,0 +1,11 @@
+package com.umc.coumo.domain.model
+
+import android.net.Uri
+
+data class MenuModel(
+    val id: Int,
+    val name: String,
+    val content: String,
+    val image: Uri? = null,
+    val isNew: Boolean = false
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/domain/type/DetailTabType.kt b/app/src/main/java/com/umc/coumo/domain/type/DetailTabType.kt
new file mode 100644
index 0000000..c9f4a93
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/domain/type/DetailTabType.kt
@@ -0,0 +1,6 @@
+package com.umc.coumo.domain.type
+
+enum class DetailTabType {
+    INFO,
+    COUPON,
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/domain/viewmodel/HomeViewModel.kt b/app/src/main/java/com/umc/coumo/domain/viewmodel/HomeViewModel.kt
new file mode 100644
index 0000000..3d65db3
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/domain/viewmodel/HomeViewModel.kt
@@ -0,0 +1,38 @@
+package com.umc.coumo.domain.viewmodel
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import com.umc.coumo.domain.model.MenuModel
+import com.umc.coumo.domain.type.DetailTabType
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class HomeViewModel @Inject constructor(): ViewModel() {
+
+    private val _currentTab = MutableLiveData(DetailTabType.INFO)
+    val currentTab: LiveData<DetailTabType> get() = _currentTab
+
+    private val _menuList = MutableLiveData<List<MenuModel>>()
+    val menuList: LiveData<List<MenuModel>> get() = _menuList
+
+    init {
+        testData()
+    }
+
+    fun changeTab(tab: DetailTabType) {
+        _currentTab.value = tab
+    }
+
+    private fun testData() {
+        val list = listOf(
+            MenuModel(id = 0, name = "아이스 바닐라 라떼", content = "Tall: 4,800\nGrande: 6,800\nTrenta: 6,800"),
+            MenuModel(id = 1, name = "아이스 바닐라 라떼2", content = "Tall: 4,800\nGrande: 6,800\nTrenta: 6,800", isNew = true),
+            MenuModel(id = 2, name = "아이스 바닐라 라떼3", content = "Tall: 4,800\nGrande: 6,800\nTrenta: 6,800",),
+            MenuModel(id = 3, name = "아이스 바닐라 라떼4", content = "Tall: 4,800\nGrande: 6,800\nTrenta: 6,800",),
+            MenuModel(id = 4, name = "아이스 바닐라 라떼5", content = "Tall: 4,800\nGrande: 6,800\nTrenta: 6,800",),
+        )
+        _menuList.value = list
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/activity/MainActivity.kt b/app/src/main/java/com/umc/coumo/presentation/activity/MainActivity.kt
index c572cf4..9895b1b 100644
--- a/app/src/main/java/com/umc/coumo/presentation/activity/MainActivity.kt
+++ b/app/src/main/java/com/umc/coumo/presentation/activity/MainActivity.kt
@@ -1,10 +1,7 @@
 package com.umc.coumo.presentation.activity
 
-import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
-import android.util.Log
 import androidx.activity.viewModels
-import androidx.lifecycle.lifecycleScope
 import com.umc.coumo.R
 import com.umc.coumo.databinding.ActivityMainBinding
 import com.umc.coumo.domain.type.TabType
@@ -29,6 +26,14 @@ class MainActivity : BindingActivity<ActivityMainBinding>(R.layout.activity_main
         binding.viewpager.isUserInputEnabled = false //스와이프 방지
 
         setNaviButton()
+        setObserver()
+    }
+
+    private fun setObserver () {
+        viewModel.currentPageIndex.observe(this) {
+            if (it == TabType.COUPON)
+                binding.viewpager.setCurrentItem(1, true)
+        }
     }
 
     private fun setNaviButton() {
diff --git a/app/src/main/java/com/umc/coumo/presentation/adapter/HomeDetailViewPagerAdapter.kt b/app/src/main/java/com/umc/coumo/presentation/adapter/HomeDetailViewPagerAdapter.kt
new file mode 100644
index 0000000..590b907
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/adapter/HomeDetailViewPagerAdapter.kt
@@ -0,0 +1,20 @@
+package com.umc.coumo.presentation.adapter
+
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.FragmentActivity
+import androidx.viewpager2.adapter.FragmentStateAdapter
+import com.umc.coumo.presentation.fragment.HomeDetailCouponFragment
+import com.umc.coumo.presentation.fragment.HomeDetailInfoFragment
+
+class HomeDetailViewPagerAdapter(fragment: FragmentActivity): FragmentStateAdapter(fragment) {
+    val fragments: ArrayList<Fragment> = arrayListOf(HomeDetailInfoFragment(), HomeDetailCouponFragment())
+
+    override fun getItemCount(): Int {
+        return fragments.size
+    }
+
+    override fun createFragment(position: Int): Fragment {
+        return fragments[position]
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/adapter/MenuAdapter.kt b/app/src/main/java/com/umc/coumo/presentation/adapter/MenuAdapter.kt
new file mode 100644
index 0000000..6b030cc
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/adapter/MenuAdapter.kt
@@ -0,0 +1,87 @@
+package com.umc.coumo.presentation.adapter
+
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.ListAdapter
+import androidx.recyclerview.widget.RecyclerView
+import com.umc.coumo.databinding.ItemMenuBinding
+import com.umc.coumo.databinding.ItemMenuDetailBinding
+import com.umc.coumo.domain.model.MenuModel
+import com.umc.coumo.utils.ItemDiffCallback
+
+class MenuAdapter(
+    private val type: Int
+): ListAdapter<MenuModel, RecyclerView.ViewHolder>(
+    ItemDiffCallback<MenuModel>(
+        onContentsTheSame = {old, new -> old == new},
+        onItemsTheSame = {old, new -> old.id == new.id}
+    )
+) {
+companion object {
+    const val MENU_ITEM = 0
+    const val MENU_DETAIL_ITEM = 1
+}
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
+        val inflater = LayoutInflater.from(parent.context)
+        return when (type) {
+            MENU_ITEM -> {
+                MenuViewHolder(ItemMenuBinding.inflate(inflater, parent,false))
+            }
+            MENU_DETAIL_ITEM -> {
+                MenuDetailViewHolder(ItemMenuDetailBinding.inflate(inflater, parent,false))
+            }
+            else -> throw IllegalArgumentException("Invalid viewType")
+        }
+    }
+
+    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
+        val item = getItem(position)
+
+        when (holder) {
+            is MenuViewHolder -> {
+                holder.bind(item)
+            }
+            is MenuDetailViewHolder -> {
+                holder.bind(item)
+            }
+        }
+    }
+
+
+
+    inner class MenuViewHolder(
+        private val binding: ItemMenuBinding
+    ): RecyclerView.ViewHolder(binding.root) {
+        fun bind(item: MenuModel) {
+            binding.item = item
+
+            itemView.setOnClickListener {
+                listener?.onItemClick(item.id)
+            }
+        }
+    }
+
+    inner class MenuDetailViewHolder(
+        private val binding: ItemMenuDetailBinding
+    ): RecyclerView.ViewHolder(binding.root) {
+        fun bind(item: MenuModel) {
+            binding.item = item
+
+            itemView.setOnClickListener {
+                listener?.onItemClick(item.id)
+            }
+        }
+    }
+
+    interface OnItemClickListener {
+        fun onItemClick(id:Int)
+    }
+
+    private var listener: OnItemClickListener? = null
+
+    fun setOnItemClickListener(listener: OnItemClickListener) {
+        this.listener = listener
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailCouponFragment.kt b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailCouponFragment.kt
new file mode 100644
index 0000000..7e96456
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailCouponFragment.kt
@@ -0,0 +1,25 @@
+package com.umc.coumo.presentation.fragment
+
+import android.os.Bundle
+import android.view.View
+import androidx.fragment.app.activityViewModels
+import com.umc.coumo.R
+import com.umc.coumo.databinding.FragmentHomeDetailCouponBinding
+import com.umc.coumo.domain.type.TabType
+import com.umc.coumo.domain.viewmodel.MainViewModel
+import com.umc.coumo.utils.binding.BindingFragmentNoneBackPress
+
+class HomeDetailCouponFragment: BindingFragmentNoneBackPress<FragmentHomeDetailCouponBinding>(R.layout.fragment_home_detail_coupon) {
+
+    private val viewModel: MainViewModel by activityViewModels()
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        binding.tvCouponCollection.setOnClickListener {
+            viewModel.changePageIndex(TabType.COUPON)
+        }
+    }
+
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailFragment.kt b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailFragment.kt
new file mode 100644
index 0000000..a4864c4
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailFragment.kt
@@ -0,0 +1,44 @@
+package com.umc.coumo.presentation.fragment
+
+import android.os.Bundle
+import android.view.View
+import androidx.fragment.app.activityViewModels
+import com.umc.coumo.R
+import com.umc.coumo.databinding.FragmentHomeDetailBinding
+import com.umc.coumo.domain.type.DetailTabType
+import com.umc.coumo.domain.viewmodel.HomeViewModel
+import com.umc.coumo.presentation.adapter.HomeDetailViewPagerAdapter
+import com.umc.coumo.utils.binding.BindingFragmentNoneBackPress
+
+class HomeDetailFragment: BindingFragmentNoneBackPress<FragmentHomeDetailBinding>(R.layout.fragment_home_detail) {
+
+    private val viewModel: HomeViewModel by activityViewModels()
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        binding.viewModel = viewModel
+        binding.lifecycleOwner = viewLifecycleOwner
+        setViewPager()
+    }
+
+    private fun setViewPager() {
+        val pagerAdapter = HomeDetailViewPagerAdapter(requireActivity())
+
+        viewModel.changeTab(DetailTabType.INFO)
+
+        binding.vpStore.apply {
+            adapter = pagerAdapter
+            offscreenPageLimit = 1
+            isUserInputEnabled = false //스와이프 방지
+        }
+
+        binding.tabStoreInfo.setOnClickListener {
+            binding.vpStore.setCurrentItem(0, true)
+            viewModel.changeTab(DetailTabType.INFO)
+        }
+        binding.tabMyCoupon.setOnClickListener {
+            binding.vpStore.setCurrentItem(1, true)
+            viewModel.changeTab(DetailTabType.COUPON)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailInfoFragment.kt b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailInfoFragment.kt
new file mode 100644
index 0000000..4662bdc
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeDetailInfoFragment.kt
@@ -0,0 +1,48 @@
+package com.umc.coumo.presentation.fragment
+
+import android.os.Bundle
+import android.view.View
+import androidx.fragment.app.activityViewModels
+import androidx.lifecycle.lifecycleScope
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.umc.coumo.R
+import com.umc.coumo.databinding.FragmentHomeDetailInfoBinding
+import com.umc.coumo.domain.viewmodel.HomeViewModel
+import com.umc.coumo.presentation.adapter.MenuAdapter
+import com.umc.coumo.utils.ItemSpacingDecoration
+import com.umc.coumo.utils.binding.BindingFragmentNoneBackPress
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+
+class HomeDetailInfoFragment: BindingFragmentNoneBackPress<FragmentHomeDetailInfoBinding>(R.layout.fragment_home_detail_info) {
+
+    private val viewModel : HomeViewModel by activityViewModels ()
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        setRecyclerView()
+    }
+
+    private fun setRecyclerView() {
+        val menuAdapter = MenuAdapter(0)
+
+        binding.rvMenu.apply {
+            adapter = menuAdapter
+            layoutManager = LinearLayoutManager(requireContext(), LinearLayoutManager.HORIZONTAL, false)
+            addItemDecoration(ItemSpacingDecoration(requireContext(),0))
+        }
+
+        menuAdapter.setOnItemClickListener(object : MenuAdapter.OnItemClickListener {
+            override fun onItemClick(id: Int) {
+                findNavController().navigate(R.id.action_homeDetailFragment_to_homeMenuFragment)
+            }
+        })
+
+        viewModel.menuList.observe(viewLifecycleOwner) {
+            viewLifecycleOwner.lifecycleScope.launch (Dispatchers.Main) {
+                menuAdapter.submitList(it)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/fragment/HomeListFragment.kt b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeListFragment.kt
new file mode 100644
index 0000000..19a7eaf
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeListFragment.kt
@@ -0,0 +1,54 @@
+package com.umc.coumo.presentation.fragment
+
+import android.os.Bundle
+import android.view.View
+import androidx.core.os.bundleOf
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.umc.coumo.R
+import com.umc.coumo.databinding.FragmentHomeListBinding
+import com.umc.coumo.domain.model.StoreCouponCountModel
+import com.umc.coumo.presentation.adapter.StoreCouponCountAdapter
+import com.umc.coumo.utils.binding.BindingFragmentNoneBackPress
+
+class HomeListFragment: BindingFragmentNoneBackPress<FragmentHomeListBinding>(R.layout.fragment_home_list) {
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        binding.lifecycleOwner = viewLifecycleOwner
+
+        val storeCouponAdapter = StoreCouponCountAdapter()
+
+        binding.rvStore.apply {
+            adapter = storeCouponAdapter
+            layoutManager = LinearLayoutManager(requireContext(), LinearLayoutManager.VERTICAL, false)
+        }
+
+        storeCouponAdapter.setOnItemClickListener(object : StoreCouponCountAdapter.OnItemClickListener {
+            override fun onItemClick(id: Int) {
+                val bundle = bundleOf("id" to id)
+                findNavController().navigate(R.id.action_homeListFragment_to_homeDetailFragment, bundle)
+            }
+        })
+
+        //테스트 코드
+        val list = listOf<StoreCouponCountModel>(
+            StoreCouponCountModel(1, null,"앙떼띠 로스터리(강남점)", 2),
+            StoreCouponCountModel(2, null,"앙떼띠 로스터리(강남점)", 5),
+            StoreCouponCountModel(3, null,"앙떼띠 로스터리(강남점)", 4),
+            StoreCouponCountModel(4, null,"앙떼띠 로스터리(강남점)", 3),
+            StoreCouponCountModel(5, null,"앙떼띠 로스터리(강남점)", 10),
+            StoreCouponCountModel(6, null,"앙떼띠 로스터리(강남점)", 0),
+            StoreCouponCountModel(11, null,"앙떼띠 로스터리(강남점)", 2),
+            StoreCouponCountModel(21, null,"앙떼띠 로스터리(강남점)", 5),
+            StoreCouponCountModel(31, null,"앙떼띠 로스터리(강남점)", 4),
+            StoreCouponCountModel(41, null,"앙떼띠 로스터리(강남점)", 3),
+            StoreCouponCountModel(51, null,"앙떼띠 로스터리(강남점)", 10),
+            StoreCouponCountModel(61, null,"앙떼띠 로스터리(강남점)", 0),
+        )
+
+        storeCouponAdapter.submitList(list)
+
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/fragment/HomeMainFragment.kt b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeMainFragment.kt
new file mode 100644
index 0000000..aebad9e
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeMainFragment.kt
@@ -0,0 +1,19 @@
+package com.umc.coumo.presentation.fragment
+
+import android.os.Bundle
+import android.view.View
+import androidx.navigation.fragment.findNavController
+import com.umc.coumo.R
+import com.umc.coumo.databinding.FragmentHomeMainBinding
+import com.umc.coumo.utils.binding.BindingFragment
+
+class HomeMainFragment: BindingFragment<FragmentHomeMainBinding>(R.layout.fragment_home_main) {
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        binding.btnTest.setOnClickListener {
+            findNavController().navigate(R.id.action_homeMainFragment_to_homeSubFragment)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/fragment/HomeMenuFragment.kt b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeMenuFragment.kt
new file mode 100644
index 0000000..258cdcf
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeMenuFragment.kt
@@ -0,0 +1,41 @@
+package com.umc.coumo.presentation.fragment
+
+import android.os.Bundle
+import android.view.View
+import androidx.fragment.app.activityViewModels
+import androidx.lifecycle.lifecycleScope
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.umc.coumo.R
+import com.umc.coumo.databinding.FragmentHomeMenuBinding
+import com.umc.coumo.domain.viewmodel.HomeViewModel
+import com.umc.coumo.presentation.adapter.MenuAdapter
+import com.umc.coumo.utils.binding.BindingFragmentNoneBackPress
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+
+class HomeMenuFragment: BindingFragmentNoneBackPress<FragmentHomeMenuBinding>(R.layout.fragment_home_menu) {
+
+    private val viewModel : HomeViewModel by activityViewModels ()
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        setRecyclerView()
+
+    }
+
+    private fun setRecyclerView() {
+        val menuAdapter = MenuAdapter(1)
+
+        binding.rvMenu.apply {
+            adapter = menuAdapter
+            layoutManager = LinearLayoutManager(requireContext(), LinearLayoutManager.VERTICAL, false)
+        }
+
+        viewModel.menuList.observe(viewLifecycleOwner) {
+            viewLifecycleOwner.lifecycleScope.launch (Dispatchers.Main) {
+                menuAdapter.submitList(it)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/umc/coumo/presentation/fragment/HomeSubFragment.kt b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeSubFragment.kt
new file mode 100644
index 0000000..2953efd
--- /dev/null
+++ b/app/src/main/java/com/umc/coumo/presentation/fragment/HomeSubFragment.kt
@@ -0,0 +1,33 @@
+package com.umc.coumo.presentation.fragment
+
+import android.os.Bundle
+import android.view.View
+import androidx.navigation.findNavController
+import androidx.navigation.fragment.findNavController
+import com.umc.coumo.R
+import com.umc.coumo.databinding.FragmentHomeSubBinding
+import com.umc.coumo.utils.binding.BindingFragment
+
+class HomeSubFragment: BindingFragment<FragmentHomeSubBinding>(R.layout.fragment_home_sub) {
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        binding.btnToolbarBack.setOnClickListener {
+            onBackPressed()
+        }
+    }
+
+    override fun onBackPressed() {
+        super.onBackPressed()
+        val innerNavController = binding.flHomeSub.findNavController()
+        val innerBackStackEntryCount = innerNavController.currentBackStack.value.size
+
+        if (innerBackStackEntryCount > 2 ){
+            innerNavController.popBackStack()
+        } else {
+            findNavController().popBackStack()
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/res/color/selector_tab_text_color.xml b/app/src/main/res/color/selector_tab_text_color.xml
new file mode 100644
index 0000000..8798a7a
--- /dev/null
+++ b/app/src/main/res/color/selector_tab_text_color.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/font_main" android:state_selected="true"/>
+    <item android:color="@color/font_disable" android:state_selected="false" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/icon_chevron_left.xml b/app/src/main/res/drawable/icon_chevron_left.xml
new file mode 100644
index 0000000..2591074
--- /dev/null
+++ b/app/src/main/res/drawable/icon_chevron_left.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="30dp"
+    android:height="30dp"
+    android:viewportWidth="30"
+    android:viewportHeight="30">
+  <path
+      android:pathData="M18.75,22.5L11.25,15L18.75,7.5"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2.5"
+      android:fillColor="#00000000"
+      android:strokeColor="#643DAF"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/app/src/main/res/drawable/media.png b/app/src/main/res/drawable/media.png
new file mode 100644
index 0000000..8cbdb00
Binary files /dev/null and b/app/src/main/res/drawable/media.png differ
diff --git a/app/src/main/res/drawable/shape_new_chip.xml b/app/src/main/res/drawable/shape_new_chip.xml
new file mode 100644
index 0000000..b406754
--- /dev/null
+++ b/app/src/main/res/drawable/shape_new_chip.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:startColor="#6C39CC"
+        android:endColor="#FFFFFF"
+        android:angle="135" />
+    <corners android:radius="61dp"/>
+    <stroke android:width="0.5dp" android:color="#F8FFFFFF" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home.xml b/app/src/main/res/layout/fragment_home.xml
index aa5df32..fd1ed96 100644
--- a/app/src/main/res/layout/fragment_home.xml
+++ b/app/src/main/res/layout/fragment_home.xml
@@ -10,14 +10,12 @@
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
-        <TextView
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:text="홈"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintBottom_toBottomOf="parent"/>
+        <androidx.fragment.app.FragmentContainerView
+            android:id="@+id/fl_home_sub"
+            android:name="androidx.navigation.fragment.NavHostFragment"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:navGraph="@navigation/nav_home"/>
 
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home_detail.xml b/app/src/main/res/layout/fragment_home_detail.xml
new file mode 100644
index 0000000..db59ca5
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home_detail.xml
@@ -0,0 +1,159 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+        <import type="android.view.View"/>
+        <import type="com.umc.coumo.domain.type.DetailTabType" />
+        <variable
+            name="viewModel"
+            type="com.umc.coumo.domain.viewmodel.HomeViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <androidx.constraintlayout.utils.widget.ImageFilterView
+            android:id="@+id/iv_store_image"
+            android:layout_width="match_parent"
+            android:layout_height="234dp"
+            android:src="@drawable/media"
+            android:scaleType="centerCrop"
+            app:layout_constraintTop_toTopOf="parent"/>
+
+        <androidx.coordinatorlayout.widget.CoordinatorLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent">
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:background="@drawable/shape_bottom_sheet"
+                app:behavior_hideable="false"
+                app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior">
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/section_store_title"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:background="@drawable/shape_bottom_sheet"
+                    android:backgroundTint="@color/white"
+                    android:elevation="6dp"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <TextView
+                        android:id="@+id/tv_store_name"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginHorizontal="@dimen/horizontal_padding"
+                        android:layout_marginTop="24dp"
+                        android:text="앙떼띠 로스터리 (강남점)"
+                        android:textSize="24sp"
+                        android:textColor="@color/font_text"
+                        android:fontFamily="@font/pretendard_700"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent"/>
+
+                    <TextView
+                        android:id="@+id/tv_coupon_count"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="10dp"
+                        android:paddingHorizontal="18dp"
+                        android:paddingVertical="6dp"
+                        android:background="@drawable/shape_rect_side_round"
+                        android:backgroundTint="#E4D9F8"
+                        android:text="쿠모로 4개 모았어요!"
+                        android:textSize="12sp"
+                        android:textColor="#4E4E4E"
+                        android:fontFamily="@font/pretendard_600"
+                        app:layout_constraintStart_toStartOf="@id/tv_store_name"
+                        app:layout_constraintTop_toBottomOf="@id/tv_store_name"/>
+
+                    <androidx.constraintlayout.widget.ConstraintLayout
+                        android:id="@+id/section_tab"
+                        android:layout_width="match_parent"
+                        android:layout_height="50dp"
+                        android:paddingHorizontal="16dp"
+                        android:layout_marginTop="16dp"
+                        app:layout_constraintTop_toBottomOf="@id/tv_coupon_count">
+
+                        <androidx.constraintlayout.widget.ConstraintLayout
+                            android:id="@+id/tab_store_info"
+                            android:layout_width="0dp"
+                            android:layout_height="match_parent"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintEnd_toStartOf="@id/tab_my_coupon">
+
+                            <TextView
+                                android:id="@+id/tv_store_info"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                style="@style/TabTextStyle"
+                                android:text="매장정보"
+                                selected="@{viewModel.currentTab == DetailTabType.INFO}"
+                                app:layout_constraintStart_toStartOf="parent"
+                                app:layout_constraintTop_toTopOf="parent"
+                                app:layout_constraintEnd_toEndOf="parent"
+                                app:layout_constraintBottom_toTopOf="@id/view_bar"/>
+
+                            <View
+                                android:id="@+id/view_bar"
+                                android:layout_width="0dp"
+                                android:layout_height="6dp"
+                                android:background="@drawable/shape_rect_side_round"
+                                android:backgroundTint="@color/main"
+                                android:visibility="@{viewModel.currentTab == DetailTabType.INFO ? View.VISIBLE : View.INVISIBLE}"
+                                app:layout_constraintWidth_percent="0.9"
+                                app:layout_constraintBottom_toBottomOf="parent"
+                                app:layout_constraintStart_toStartOf="parent"
+                                app:layout_constraintEnd_toEndOf="parent"/>
+                        </androidx.constraintlayout.widget.ConstraintLayout>
+
+                        <androidx.constraintlayout.widget.ConstraintLayout
+                            android:id="@+id/tab_my_coupon"
+                            android:layout_width="0dp"
+                            android:layout_height="match_parent"
+                            app:layout_constraintEnd_toEndOf="parent"
+                            app:layout_constraintStart_toEndOf="@id/tab_store_info">
+
+                            <TextView
+                                android:id="@+id/tv_my_coupon"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                style="@style/TabTextStyle"
+                                android:text="내 쿠폰보기"
+                                selected="@{viewModel.currentTab == DetailTabType.COUPON}"
+                                app:layout_constraintStart_toStartOf="parent"
+                                app:layout_constraintTop_toTopOf="parent"
+                                app:layout_constraintEnd_toEndOf="parent"
+                                app:layout_constraintBottom_toTopOf="@id/view_bar2"/>
+
+                            <View
+                                android:id="@+id/view_bar2"
+                                android:layout_width="0dp"
+                                android:layout_height="6dp"
+                                android:background="@drawable/shape_rect_side_round"
+                                android:backgroundTint="@color/main"
+                                android:visibility="@{viewModel.currentTab == DetailTabType.COUPON ? View.VISIBLE : View.INVISIBLE}"
+                                app:layout_constraintWidth_percent="0.9"
+                                app:layout_constraintBottom_toBottomOf="parent"
+                                app:layout_constraintStart_toStartOf="parent"
+                                app:layout_constraintEnd_toEndOf="parent"/>
+                        </androidx.constraintlayout.widget.ConstraintLayout>
+                    </androidx.constraintlayout.widget.ConstraintLayout>
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.viewpager2.widget.ViewPager2
+                    android:id="@+id/vp_store"
+                    android:layout_width="match_parent"
+                    android:layout_height="0dp"
+                    app:layout_constraintTop_toBottomOf="@id/section_store_title"
+                    app:layout_constraintBottom_toBottomOf="parent"/>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+        </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home_detail_coupon.xml b/app/src/main/res/layout/fragment_home_detail_coupon.xml
new file mode 100644
index 0000000..e36d7b6
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home_detail_coupon.xml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.core.widget.NestedScrollView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:paddingHorizontal="@dimen/horizontal_padding">
+
+            <TextView
+                android:id="@+id/tv_coupon_count"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="해당 가게에서 4개 모았어요!"
+                android:textSize="16sp"
+                android:textColor="@color/font_text"
+                android:fontFamily="@font/pretendard_700"
+                android:layout_marginTop="28dp"
+                android:lineSpacingExtra="6dp"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintStart_toStartOf="parent"/>
+
+            <androidx.constraintlayout.utils.widget.ImageFilterView
+                android:id="@+id/iv_coupon"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:src="@drawable/coupon"
+                android:layout_marginTop="16dp"
+                android:adjustViewBounds="true"
+                app:layout_constraintTop_toBottomOf="@id/tv_coupon_count"/>
+
+            <TextView
+                android:id="@+id/tv_coupon_collection"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="10dp"
+                android:paddingVertical="11dp"
+                android:background="@drawable/shape_rect_side_round"
+                android:backgroundTint="@color/main"
+                android:gravity="center"
+                android:text="쿠폰들 한 번에 모아보기"
+                android:textSize="16sp"
+                android:textColor="@color/font_white"
+                android:fontFamily="@font/pretendard_600"
+                app:layout_constraintTop_toBottomOf="@id/iv_coupon"/>
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.core.widget.NestedScrollView>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home_detail_info.xml b/app/src/main/res/layout/fragment_home_detail_info.xml
new file mode 100644
index 0000000..24e35bb
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home_detail_info.xml
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.core.widget.NestedScrollView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <TextView
+                android:id="@+id/tv_store_intro"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="양떼띠 로스터리는 2017년에 오픈한 강남의 유명 카페입니다. 강남역 직장인들을 위해 평일 오전 7시~9시에 아메리카노 2000원 이벤트를 진행 중입니다."
+                android:textSize="14sp"
+                android:textColor="#161515"
+                android:fontFamily="@font/pretendard_400"
+                android:layout_marginHorizontal="@dimen/horizontal_padding"
+                android:layout_marginTop="36dp"
+                android:lineSpacingExtra="6dp"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <TextView
+                android:id="@+id/tv_menu_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="메뉴"
+                android:textSize="16sp"
+                android:textColor="@color/font_text"
+                android:fontFamily="@font/pretendard_700"
+                android:layout_marginHorizontal="@dimen/horizontal_padding"
+                android:layout_marginTop="28dp"
+                android:lineSpacingExtra="6dp"
+                app:layout_constraintTop_toBottomOf="@id/tv_store_intro"
+                app:layout_constraintStart_toStartOf="parent"/>
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/rv_menu"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="6dp"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/tv_menu_title"/>
+
+            <TextView
+                android:id="@+id/tv_map_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="지도로 위치보기"
+                android:textSize="16sp"
+                android:textColor="@color/font_text"
+                android:fontFamily="@font/pretendard_700"
+                android:layout_marginHorizontal="@dimen/horizontal_padding"
+                android:layout_marginTop="28dp"
+                android:lineSpacingExtra="6dp"
+                app:layout_constraintTop_toBottomOf="@id/rv_menu"
+                app:layout_constraintStart_toStartOf="parent"/>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.core.widget.NestedScrollView>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home_list.xml b/app/src/main/res/layout/fragment_home_list.xml
new file mode 100644
index 0000000..5da5fda
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home_list.xml
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.core.widget.NestedScrollView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent">
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/section_locate_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="27dp"
+                android:paddingHorizontal="@dimen/horizontal_padding"
+                app:layout_constraintTop_toTopOf="parent">
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:layout_width="0dp"
+                    android:layout_height="36dp"
+                    android:layout_marginEnd="18dp"
+                    android:background="@drawable/shape_rect_round_6"
+                    android:backgroundTint="#EDEDED"
+                    android:paddingHorizontal="8dp"
+                    android:paddingVertical="6dp"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintEnd_toStartOf="@id/btn_refresh">
+
+                    <androidx.constraintlayout.utils.widget.ImageFilterView
+                        android:id="@+id/iv_locate"
+                        android:layout_width="24dp"
+                        android:layout_height="24dp"
+                        android:src="@drawable/icon_locate_color"
+                        app:layout_constraintTop_toTopOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintBottom_toBottomOf="parent"/>
+
+                    <TextView
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:background="@drawable/shape_rect_round_6"
+                        android:backgroundTint="#EDEDED"
+                        android:text="반경 500m 이내의 검색결과입니다!"
+                        android:textSize="12sp"
+                        android:textColor="@color/main"
+                        android:fontFamily="@font/pretendard_600"
+                        android:layout_marginStart="2dp"
+                        app:layout_constraintTop_toTopOf="parent"
+                        app:layout_constraintStart_toEndOf="@id/iv_locate"
+                        app:layout_constraintBottom_toBottomOf="parent"/>
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+                <androidx.constraintlayout.utils.widget.ImageFilterView
+                    android:id="@+id/btn_refresh"
+                    android:layout_width="24dp"
+                    android:layout_height="24dp"
+                    android:src="@drawable/icon_refresh"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintEnd_toEndOf="parent"/>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <TextView
+                android:id="@+id/tv_list_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="다빈님 근처 카페/디저트 매장"
+                android:fontFamily="@font/pretendard_700"
+                android:textSize="20sp"
+                android:textColor="@color/font_text"
+                android:layout_marginStart="@dimen/horizontal_padding"
+                android:layout_marginTop="30dp"
+                app:layout_constraintTop_toBottomOf="@id/section_locate_section"
+                app:layout_constraintStart_toStartOf="parent"/>
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/rv_store"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingHorizontal="@dimen/horizontal_padding"
+                android:layout_marginTop="22dp"
+                android:paddingBottom="@dimen/bottom_above"
+                android:nestedScrollingEnabled="false"
+                app:layout_constraintTop_toBottomOf="@id/tv_list_title"/>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.core.widget.NestedScrollView>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home_main.xml b/app/src/main/res/layout/fragment_home_main.xml
new file mode 100644
index 0000000..0e4a93d
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home_main.xml
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/section_tab_bar"
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/tab_bar_height"
+            android:background="@color/background"
+            android:elevation="6dp"
+            android:paddingHorizontal="@dimen/horizontal_padding"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="0dp"
+                android:layout_height="36dp"
+                android:layout_marginEnd="18dp"
+                android:background="@drawable/shape_rect_round_6"
+                android:backgroundTint="#EDEDED"
+                android:paddingHorizontal="8dp"
+                android:paddingVertical="6dp"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintEnd_toStartOf="@id/btn_refresh">
+
+                <androidx.constraintlayout.utils.widget.ImageFilterView
+                    android:id="@+id/iv_locate"
+                    android:layout_width="24dp"
+                    android:layout_height="24dp"
+                    android:src="@drawable/icon_locate_color"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintBottom_toBottomOf="parent"/>
+
+                <TextView
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:background="@drawable/shape_rect_round_6"
+                    android:text="위치를 조정해보세요"
+                    android:textColor="@color/font_text"
+                    android:fontFamily="@font/pretendard_500"
+                    android:layout_marginStart="2dp"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintStart_toEndOf="@id/iv_locate"
+                    app:layout_constraintBottom_toBottomOf="parent"/>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+            <androidx.constraintlayout.utils.widget.ImageFilterView
+                android:id="@+id/btn_refresh"
+                android:layout_width="24dp"
+                android:layout_height="24dp"
+                android:src="@drawable/icon_refresh"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"/>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <Button
+            android:id="@+id/btn_test"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"/>
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home_menu.xml b/app/src/main/res/layout/fragment_home_menu.xml
new file mode 100644
index 0000000..c1dde86
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home_menu.xml
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.core.widget.NestedScrollView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:paddingBottom="@dimen/bottom_above">
+
+            <TextView
+                android:id="@+id/tv_store_name"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginHorizontal="@dimen/horizontal_padding"
+                android:layout_marginTop="24dp"
+                android:text="앙떼띠 로스터리 (강남점)"
+                android:textSize="24sp"
+                android:textColor="@color/font_text"
+                android:fontFamily="@font/pretendard_700"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <TextView
+                android:id="@+id/tv_coupon_count"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="10dp"
+                android:paddingHorizontal="18dp"
+                android:paddingVertical="6dp"
+                android:background="@drawable/shape_rect_side_round"
+                android:backgroundTint="#E4D9F8"
+                android:text="쿠모로 4개 모았어요!"
+                android:textSize="12sp"
+                android:textColor="#4E4E4E"
+                android:fontFamily="@font/pretendard_600"
+                app:layout_constraintStart_toStartOf="@id/tv_store_name"
+                app:layout_constraintTop_toBottomOf="@id/tv_store_name"/>
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/rv_menu"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="40dp"
+                android:paddingHorizontal="@dimen/horizontal_padding"
+                app:layout_constraintTop_toBottomOf="@+id/tv_coupon_count"/>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </androidx.core.widget.NestedScrollView>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home_sub.xml b/app/src/main/res/layout/fragment_home_sub.xml
new file mode 100644
index 0000000..b50e50c
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home_sub.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/section_tool_bar"
+            android:layout_width="match_parent"
+            style="@style/TabBarDefaultStyle"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <androidx.constraintlayout.utils.widget.ImageFilterView
+                android:id="@+id/btn_toolbar_back"
+                android:layout_width="30dp"
+                android:layout_height="30dp"
+                android:src="@drawable/icon_chevron_left"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintBottom_toBottomOf="parent"/>
+
+            <TextView
+                android:id="@+id/tv_toolBar_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="카페/디저트"
+                android:textColor="@color/main"
+                android:textSize="18sp"
+                android:fontFamily="@font/pretendard_600"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintBottom_toBottomOf="parent"/>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <androidx.fragment.app.FragmentContainerView
+            android:id="@+id/fl_home_sub"
+            android:name="androidx.navigation.fragment.NavHostFragment"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            app:layout_constraintTop_toBottomOf="@id/section_tool_bar"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:navGraph="@navigation/nav_home_sub"/>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_menu.xml b/app/src/main/res/layout/item_menu.xml
new file mode 100644
index 0000000..7de13f2
--- /dev/null
+++ b/app/src/main/res/layout/item_menu.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:tools="http://schemas.android.com/tools"
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+        <import type="android.view.View" />
+        <variable
+            name="item"
+            type="com.umc.coumo.domain.model.MenuModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="88dp"
+        android:layout_height="86dp">
+
+        <androidx.constraintlayout.utils.widget.ImageFilterView
+            android:layout_width="80dp"
+            android:layout_height="80dp"
+            android:background="@drawable/shape_rect_round_6"
+            imageUri="@{item.image}"
+            android:scaleType="centerCrop"
+            android:clipToOutline="true"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            tools:targetApi="s" />
+        
+        <TextView
+            style="@style/NewChipStyle"
+            android:visibility="@{item.isNew ? View.VISIBLE : View.INVISIBLE}"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent"/>
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_menu_detail.xml b/app/src/main/res/layout/item_menu_detail.xml
new file mode 100644
index 0000000..e41fc03
--- /dev/null
+++ b/app/src/main/res/layout/item_menu_detail.xml
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:tools="http://schemas.android.com/tools"
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+        <import type="android.view.View"/>
+        <variable
+            name="item"
+            type="com.umc.coumo.domain.model.MenuModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="116dp"
+        android:layout_marginBottom="6dp">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="110dp"
+            app:layout_constraintBottom_toBottomOf="parent">
+
+            <androidx.constraintlayout.utils.widget.ImageFilterView
+                android:id="@+id/iv_store"
+                android:layout_width="110dp"
+                android:layout_height="110dp"
+                android:background="@drawable/shape_rect_round_left_6"
+                android:clipToOutline="true"
+                app:imageUri="@{item.image}"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                tools:src="@drawable/default_image"
+                tools:scaleType="centerCrop"
+                tools:targetApi="s" />
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:paddingHorizontal="10dp"
+                android:paddingVertical="16dp"
+                android:background="@drawable/shape_rect_round_right_6"
+                android:backgroundTint="@color/item_background"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toEndOf="@id/iv_store">
+
+                <TextView
+                    android:id="@+id/tv_title"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/pretendard_700"
+                    android:text="@{item.name}"
+                    android:textColor="@color/font_title"
+                    android:textSize="16sp"
+                    app:layout_constraintBottom_toTopOf="@+id/tv_coupon"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"
+                    tools:text="앙떼띠 로스터리(강남점)"/>
+
+                <TextView
+                    android:id="@+id/tv_coupon"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/pretendard_700"
+                    android:text="@{item.content}"
+                    android:textColor="@color/main"
+                    android:textSize="12sp"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_title"
+                    app:layout_constraintVertical_bias="1.0"
+                    tools:text="쿠모로 4개 모았어요!"/>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <TextView
+            style="@style/NewChipStyle"
+            android:visibility="@{item.isNew ? View.VISIBLE : View.INVISIBLE}"
+            android:layout_marginEnd="40dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent"/>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+    
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/nav_home.xml b/app/src/main/res/navigation/nav_home.xml
new file mode 100644
index 0000000..fee88da
--- /dev/null
+++ b/app/src/main/res/navigation/nav_home.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<navigation xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/nav_home"
+    app:startDestination="@id/homeMainFragment">
+
+    <fragment
+        android:id="@+id/homeMainFragment"
+        android:name="com.umc.coumo.presentation.fragment.HomeMainFragment"
+        android:label="HomeMainFragment" >
+        <action
+            android:id="@+id/action_homeMainFragment_to_homeSubFragment"
+            app:destination="@id/homeSubFragment" />
+
+    </fragment>
+    <fragment
+        android:id="@+id/homeSubFragment"
+        android:name="com.umc.coumo.presentation.fragment.HomeSubFragment"
+        android:label="HomeSubFragment" />
+</navigation>
diff --git a/app/src/main/res/navigation/nav_home_sub.xml b/app/src/main/res/navigation/nav_home_sub.xml
new file mode 100644
index 0000000..8c1dd8a
--- /dev/null
+++ b/app/src/main/res/navigation/nav_home_sub.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<navigation xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/nav_home_sub"
+    app:startDestination="@id/homeListFragment">
+
+    <fragment
+        android:id="@+id/homeListFragment"
+        android:name="com.umc.coumo.presentation.fragment.HomeListFragment"
+        android:label="HomeListFragment" >
+        <action
+            android:id="@+id/action_homeListFragment_to_homeDetailFragment"
+            app:destination="@id/homeDetailFragment" />
+    </fragment>
+    <fragment
+        android:id="@+id/homeDetailFragment"
+        android:name="com.umc.coumo.presentation.fragment.HomeDetailFragment"
+        android:label="HomeDetailFragment" >
+        <action
+            android:id="@+id/action_homeDetailFragment_to_homeMenuFragment"
+            app:destination="@id/homeMenuFragment" />
+    </fragment>
+    <fragment
+        android:id="@+id/homeMenuFragment"
+        android:name="com.umc.coumo.presentation.fragment.HomeMenuFragment"
+        android:label="HomeMenuFragment" />
+</navigation>
\ No newline at end of file
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 08caeb4..fa7bcc7 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -40,7 +40,31 @@
         <item name="android:textSize">16sp</item>
     </style>
 
+    <style name="NewChipStyle" parent="Widget.AppCompat.TextView">
+        <item name="android:layout_width">50dp</item>
+        <item name="android:layout_height">20dp</item>
+        <item name="android:background">@drawable/shape_new_chip</item>
+        <item name="android:text">NEW</item>
+        <item name="android:textColor">#FFFFFF</item>
+        <item name="android:fontFamily">@font/pretendard_700</item>
+        <item name="android:textSize">11sp</item>
+        <item name="android:gravity">center</item>
+    </style>
+
     <style name="BottomNaviItemStyle">
         <item name="android:elevation">12dp</item>
     </style>
+
+    <style name="TabBarDefaultStyle">
+        <item name="android:layout_height">@dimen/tab_bar_height</item>
+        <item name="android:background">@color/background</item>
+        <item name="android:elevation">6dp</item>
+        <item name="android:paddingHorizontal">15dp</item>
+    </style>
+
+    <style name="TabTextStyle">
+        <item name="android:textSize">16sp</item>
+        <item name="android:fontFamily">@font/pretendard_700</item>
+        <item name="android:textColor">@color/selector_tab_text_color</item>
+    </style>
 </resources>
\ No newline at end of file