diff --git a/presentation/src/main/java/co/orange/presentation/detail/DetailActivity.kt b/presentation/src/main/java/co/orange/presentation/detail/DetailActivity.kt
index 5c0e478f..6a189dfd 100644
--- a/presentation/src/main/java/co/orange/presentation/detail/DetailActivity.kt
+++ b/presentation/src/main/java/co/orange/presentation/detail/DetailActivity.kt
@@ -3,6 +3,7 @@ package co.orange.presentation.detail
 import android.content.Context
 import android.content.Intent
 import android.graphics.Paint
+import android.net.Uri
 import android.os.Bundle
 import androidx.activity.viewModels
 import androidx.core.view.isVisible
@@ -20,6 +21,9 @@ import kr.genti.presentation.databinding.ActivityDetailBinding
 @AndroidEntryPoint
 class DetailActivity : BaseActivity<ActivityDetailBinding>(R.layout.activity_detail) {
     private val viewModel by viewModels<DetailViewModel>()
+
+    private var optionBottomSheet: OptionBottomSheet? = null
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
 
@@ -38,8 +42,11 @@ class DetailActivity : BaseActivity<ActivityDetailBinding>(R.layout.activity_det
     }
 
     private fun initDetailViewBtnListener() {
-        // TODO
-        binding.btnDetailView.setOnSingleClickListener { }
+        binding.btnDetailView.setOnSingleClickListener {
+            if (viewModel.mockProduct.infoUrl.isNotEmpty()) {
+                startActivity(Intent(Intent.ACTION_VIEW, Uri.parse(viewModel.mockProduct.infoUrl)))
+            }
+        }
     }
 
     private fun initLikeBtnListener() {
@@ -48,8 +55,10 @@ class DetailActivity : BaseActivity<ActivityDetailBinding>(R.layout.activity_det
     }
 
     private fun initPurchaseBtnListener() {
-        // TODO
-        binding.btnPurchase.setOnSingleClickListener { }
+        binding.btnPurchase.setOnSingleClickListener {
+            optionBottomSheet = OptionBottomSheet()
+            optionBottomSheet?.show(supportFragmentManager, BOTTOM_SHEET_OPTION)
+        }
     }
 
     private fun getIntentInfo() {
@@ -80,11 +89,19 @@ class DetailActivity : BaseActivity<ActivityDetailBinding>(R.layout.activity_det
         }
     }
 
+    override fun onDestroy() {
+        super.onDestroy()
+
+        optionBottomSheet = null
+    }
+
     companion object {
         private const val EXTRA_PRODUCT_URL = "EXTRA_PRODUCT_URL"
         private const val EXTRA_ORIGIN_PRICE = "EXTRA_ORIGIN_PRICE"
         private const val EXTRA_SALE_PRICE = "EXTRA_SALE_PRICE"
 
+        private const val BOTTOM_SHEET_OPTION = "BOTTOM_SHEET_OPTION"
+
         @JvmStatic
         fun createIntent(
             context: Context,
diff --git a/presentation/src/main/java/co/orange/presentation/detail/DetailViewModel.kt b/presentation/src/main/java/co/orange/presentation/detail/DetailViewModel.kt
index c4a68928..a7502ff9 100644
--- a/presentation/src/main/java/co/orange/presentation/detail/DetailViewModel.kt
+++ b/presentation/src/main/java/co/orange/presentation/detail/DetailViewModel.kt
@@ -1,6 +1,7 @@
 package co.orange.presentation.detail
 
 import androidx.lifecycle.ViewModel
+import co.orange.domain.entity.response.OptionModel
 import co.orange.domain.entity.response.ProductDetailModel
 import dagger.hilt.android.lifecycle.HiltViewModel
 import javax.inject.Inject
@@ -20,6 +21,11 @@ constructor(
         12,
         "",
         123,
-        listOf()
+        listOf(
+            OptionModel(1,"옵션 1", listOf()),
+            OptionModel(2,"옵션 2", listOf()),
+            OptionModel(3,"옵션 3", listOf()),
+            OptionModel(4,"옵션 4", listOf())
+        )
     )
 }
\ No newline at end of file
diff --git a/presentation/src/main/java/co/orange/presentation/detail/OptionAdapter.kt b/presentation/src/main/java/co/orange/presentation/detail/OptionAdapter.kt
new file mode 100644
index 00000000..189a4ece
--- /dev/null
+++ b/presentation/src/main/java/co/orange/presentation/detail/OptionAdapter.kt
@@ -0,0 +1,38 @@
+package co.orange.presentation.detail
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.ListAdapter
+import co.orange.domain.entity.response.OptionModel
+import kr.genti.core.util.ItemDiffCallback
+import kr.genti.presentation.databinding.ItemOptionBinding
+
+class OptionAdapter(
+    private val itemClick: (Int, Long) -> Unit,
+) : ListAdapter<OptionModel, OptionViewHolder>(diffUtil) {
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): OptionViewHolder {
+        val inflater by lazy { LayoutInflater.from(parent.context) }
+        val binding: ItemOptionBinding =
+            ItemOptionBinding.inflate(inflater, parent, false)
+        return OptionViewHolder(binding, itemClick)
+    }
+
+    override fun onBindViewHolder(holder: OptionViewHolder, position: Int) {
+        val item = getItem(position) ?: return
+        holder.onBind(item, position)
+    }
+
+    fun addList(newItems: List<OptionModel>) {
+        val currentItems = currentList.toMutableList()
+        currentItems.addAll(newItems)
+        submitList(currentItems)
+    }
+
+    companion object {
+        private val diffUtil = ItemDiffCallback<OptionModel>(
+            onItemsTheSame = { old, new -> old.optionId == new.optionId },
+            onContentsTheSame = { old, new -> old == new },
+        )
+    }
+}
\ No newline at end of file
diff --git a/presentation/src/main/java/co/orange/presentation/detail/OptionBottomSheet.kt b/presentation/src/main/java/co/orange/presentation/detail/OptionBottomSheet.kt
new file mode 100644
index 00000000..60159b8d
--- /dev/null
+++ b/presentation/src/main/java/co/orange/presentation/detail/OptionBottomSheet.kt
@@ -0,0 +1,67 @@
+package co.orange.presentation.detail
+
+import android.content.Intent
+import android.net.Uri
+import android.os.Bundle
+import android.view.View
+import androidx.fragment.app.activityViewModels
+import co.orange.presentation.main.home.HomeProductViewHolder.Companion.OVER_999
+import kr.genti.core.base.BaseBottomSheet
+import kr.genti.core.extension.setOnSingleClickListener
+import kr.genti.presentation.R
+import kr.genti.presentation.databinding.BottomSheetOptionBinding
+
+class OptionBottomSheet :
+    BaseBottomSheet<BottomSheetOptionBinding>(R.layout.bottom_sheet_option) {
+
+    private val viewModel by activityViewModels<DetailViewModel>()
+
+    private var _adapter: OptionAdapter? = null
+    private val adapter
+        get() = requireNotNull(_adapter) { getString(R.string.adapter_not_initialized_error_msg) }
+
+    override fun onStart() {
+        super.onStart()
+        dialog?.window?.setBackgroundDrawableResource(R.color.transparent)
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        initDetailViewBtnListener()
+        initAdapter()
+        setInterestCount()
+        setOptionData()
+    }
+
+    private fun initDetailViewBtnListener() {
+        binding.btnDetailView.setOnSingleClickListener {
+            if (viewModel.mockProduct.infoUrl.isNotEmpty()) {
+                startActivity(Intent(Intent.ACTION_VIEW, Uri.parse(viewModel.mockProduct.infoUrl)))
+            }
+        }
+    }
+
+    private fun initAdapter() {
+        _adapter = OptionAdapter(
+            itemClick = ::initItemClickListener,
+        )
+        binding.rvOption.adapter = adapter
+    }
+
+    private fun initItemClickListener(position: Int, optionId: Long) {
+        // TODO
+    }
+
+    private fun setInterestCount() {
+        binding.tvOptionLike.text = if (viewModel.mockProduct.interestCount < 1000) {
+            viewModel.mockProduct.interestCount.toString()
+        } else {
+            OVER_999
+        }
+    }
+
+    private fun setOptionData() {
+        adapter.addList(viewModel.mockProduct.optionList)
+    }
+}
\ No newline at end of file
diff --git a/presentation/src/main/java/co/orange/presentation/detail/OptionViewHolder.kt b/presentation/src/main/java/co/orange/presentation/detail/OptionViewHolder.kt
new file mode 100644
index 00000000..240c81a0
--- /dev/null
+++ b/presentation/src/main/java/co/orange/presentation/detail/OptionViewHolder.kt
@@ -0,0 +1,22 @@
+package co.orange.presentation.detail
+
+import androidx.recyclerview.widget.RecyclerView
+import co.orange.domain.entity.response.OptionModel
+import kr.genti.core.extension.setOnSingleClickListener
+import kr.genti.presentation.databinding.ItemOptionBinding
+
+class OptionViewHolder(
+    val binding: ItemOptionBinding,
+    private val itemClick: (Int, Long) -> Unit,
+) : RecyclerView.ViewHolder(binding.root) {
+
+    fun onBind(item: OptionModel, position: Int) {
+        // TODO: 수정된 UI 대응
+        with(binding) {
+            tvOptionItemTitle.text = item.type
+            root.setOnSingleClickListener {
+                itemClick(position, item.optionId)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/presentation/src/main/res/drawable/ic_check_unselected.xml b/presentation/src/main/res/drawable/ic_check_unselected.xml
new file mode 100644
index 00000000..f159ae32
--- /dev/null
+++ b/presentation/src/main/res/drawable/ic_check_unselected.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="21dp"
+    android:height="21dp"
+    android:viewportWidth="21"
+    android:viewportHeight="21">
+  <path
+      android:pathData="M10.748,20.988C5.287,20.988 0.748,16.449 0.748,10.988C0.748,5.518 5.277,0.988 10.738,0.988C16.209,0.988 20.748,5.518 20.748,10.988C20.748,16.449 16.219,20.988 10.748,20.988ZM10.748,19.322C15.375,19.322 19.081,15.616 19.081,10.988C19.081,6.361 15.366,2.655 10.738,2.655C6.111,2.655 2.425,6.361 2.425,10.988C2.425,15.616 6.121,19.322 10.748,19.322ZM9.67,15.645C9.346,15.645 9.081,15.508 8.836,15.184L6.444,12.243C6.307,12.057 6.219,11.851 6.219,11.635C6.219,11.204 6.552,10.861 6.974,10.861C7.248,10.861 7.464,10.939 7.699,11.253L9.63,13.753L13.699,7.224C13.885,6.939 14.13,6.782 14.375,6.782C14.787,6.782 15.179,7.067 15.179,7.508C15.179,7.724 15.052,7.939 14.944,8.135L10.464,15.184C10.268,15.488 9.993,15.645 9.67,15.645Z"
+      android:fillColor="#000000"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/shape_gray4_fill_100_rect.xml b/presentation/src/main/res/drawable/shape_gray4_fill_100_rect.xml
new file mode 100644
index 00000000..54cd92e8
--- /dev/null
+++ b/presentation/src/main/res/drawable/shape_gray4_fill_100_rect.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/gray_4" />
+    <corners
+        android:radius="100dp" />
+</shape>
\ No newline at end of file
diff --git a/presentation/src/main/res/drawable/shape_white_fill_top20_rect.xml b/presentation/src/main/res/drawable/shape_white_fill_top20_rect.xml
new file mode 100644
index 00000000..0b47fa4f
--- /dev/null
+++ b/presentation/src/main/res/drawable/shape_white_fill_top20_rect.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/white" />
+    <corners
+        android:topLeftRadius="20dp"
+        android:topRightRadius="20dp" />
+</shape>
\ No newline at end of file
diff --git a/presentation/src/main/res/layout/bottom_sheet_option.xml b/presentation/src/main/res/layout/bottom_sheet_option.xml
new file mode 100644
index 00000000..be3c0890
--- /dev/null
+++ b/presentation/src/main/res/layout/bottom_sheet_option.xml
@@ -0,0 +1,154 @@
+<?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"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:background="@drawable/shape_white_fill_top20_rect"
+        android:layout_height="wrap_content">
+
+        <View
+            android:id="@+id/view_option_bg"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            app:layout_constraintDimensionRatio="W, 11:9"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <View
+            android:id="@+id/iv_option_handler"
+            android:layout_width="82dp"
+            android:layout_height="4dp"
+            android:layout_marginTop="8dp"
+            android:background="@drawable/shape_gray4_fill_100_rect"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_option_title"
+            style="@style/TextAppearance.DDanzi.Title4"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="20dp"
+            android:layout_marginTop="33dp"
+            android:text="@string/option_tv_title"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/iv_option_handler" />
+
+        <LinearLayout
+            android:id="@+id/btn_detail_view"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="12dp"
+            android:orientation="horizontal"
+            android:padding="8dp"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/tv_option_title">
+
+            <TextView
+                style="@style/TextAppearance.DDanzi.Body6"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/detail_btn_detail_view"
+                android:textColor="@color/gray_3" />
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginStart="5dp"
+                android:layout_marginTop="1dp"
+                android:src="@drawable/ic_next" />
+
+        </LinearLayout>
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/rv_option"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:layout_marginHorizontal="20dp"
+            android:layout_marginTop="10dp"
+            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+            app:layout_constraintBottom_toTopOf="@id/tv_option_item_guide"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/btn_detail_view"
+            tools:listitem="@layout/item_option" />
+
+        <TextView
+            android:id="@+id/tv_option_item_guide"
+            style="@style/TextAppearance.DDanzi.Body6"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:gravity="end"
+            android:paddingHorizontal="23dp"
+            android:text="@string/option_tv_guide"
+            android:textColor="@color/gray_2"
+            app:layout_constraintBottom_toTopOf="@id/layout_option_bottom"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/layout_option_bottom"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:background="@color/white"
+            android:paddingTop="16dp"
+            app:layout_constraintBottom_toBottomOf="@id/view_option_bg"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent">
+
+            <TextView
+                android:id="@+id/tv_option_like"
+                style="@style/TextAppearance.DDanzi.Body6"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="37dp"
+                android:orientation="horizontal"
+                app:layout_constraintBottom_toBottomOf="@id/btn_purchase"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/btn_like"
+                app:layout_constraintVertical_chainStyle="packed"
+                tools:text="12" />
+
+            <ImageView
+                android:id="@+id/btn_like"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:padding="5dp"
+                android:src="@drawable/sel_item_like_black"
+                app:layout_constraintBottom_toTopOf="@id/tv_option_like"
+                app:layout_constraintEnd_toEndOf="@id/tv_option_like"
+                app:layout_constraintStart_toStartOf="@id/tv_option_like"
+                app:layout_constraintTop_toTopOf="@id/btn_purchase"
+                app:layout_constraintVertical_chainStyle="packed" />
+
+            <TextView
+                android:id="@+id/btn_purchase"
+                style="@style/TextAppearance.DDanzi.Body3"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="20dp"
+                android:layout_marginEnd="23dp"
+                android:layout_marginBottom="16dp"
+                android:background="@drawable/shape_black_fill_10_rect"
+                android:gravity="center"
+                android:paddingVertical="15dp"
+                android:text="@string/detail_btn_purchase"
+                android:textColor="@color/white"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toEndOf="@id/btn_like" />
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/presentation/src/main/res/layout/item_option.xml b/presentation/src/main/res/layout/item_option.xml
new file mode 100644
index 00000000..99d2a2ef
--- /dev/null
+++ b/presentation/src/main/res/layout/item_option.xml
@@ -0,0 +1,37 @@
+<?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"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingVertical="14dp">
+
+        <TextView
+            android:id="@+id/tv_option_item_title"
+            style="@style/TextAppearance.DDanzi.Body3"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:text="옵션 1" />
+
+        <ImageView
+            android:id="@+id/btn_option_check"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:padding="4dp"
+            android:src="@drawable/ic_check_unselected"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/presentation/src/main/res/values/strings.xml b/presentation/src/main/res/values/strings.xml
index 7eafee7d..ec54e386 100644
--- a/presentation/src/main/res/values/strings.xml
+++ b/presentation/src/main/res/values/strings.xml
@@ -29,4 +29,7 @@
     <string name="detail_tv_stock_unit">개</string>
     <string name="detail_btn_detail_view"><u>이 상품에 대한 자세한 정보를 보고 싶다면?</u></string>
     <string name="detail_btn_purchase">구매하기</string>
+
+    <string name="option_tv_title">원하는 옵션을 선택해주세요</string>
+    <string name="option_tv_guide">*각인 옵션은 사용할 수 없습니다.</string>
 </resources>
\ No newline at end of file
diff --git a/presentation/src/main/res/values/styles.xml b/presentation/src/main/res/values/styles.xml
new file mode 100644
index 00000000..166dd24d
--- /dev/null
+++ b/presentation/src/main/res/values/styles.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="AppBottomSheetDialogTheme" parent="Theme.Design.Light.BottomSheetDialog">
+        <item name="bottomSheetStyle">@style/AppModalStyle</item>
+    </style>
+    <style name="AppModalStyle"
+        parent="Widget.Design.BottomSheet.Modal">
+        <item name="android:background">@drawable/shape_white_fill_top20_rect</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/presentation/src/main/res/values/themes.xml b/presentation/src/main/res/values/themes.xml
index e1395fcd..50b7cd58 100644
--- a/presentation/src/main/res/values/themes.xml
+++ b/presentation/src/main/res/values/themes.xml
@@ -9,6 +9,9 @@
         <!-- Cursor color. -->
         <item name="colorControlActivated">@color/gray_3</item>
 
+        <!-- styles -->
+        <item name="bottomSheetDialogTheme">@style/AppBottomSheetDialogTheme</item>
+
     </style>
 
     <style name="Theme.DDANZI" parent="Base.Theme.DDANZI" />