diff --git a/.idea/git_toolbox_prj.xml b/.idea/git_toolbox_prj.xml
new file mode 100644
index 0000000..02b915b
--- /dev/null
+++ b/.idea/git_toolbox_prj.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GitToolBoxProjectSettings">
+    <option name="commitMessageIssueKeyValidationOverride">
+      <BoolValueOverride>
+        <option name="enabled" value="true" />
+      </BoolValueOverride>
+    </option>
+    <option name="commitMessageValidationEnabledOverride">
+      <BoolValueOverride>
+        <option name="enabled" value="true" />
+      </BoolValueOverride>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/src/main/java/com/najudoryeong/mineme/MainActivity.kt b/app/src/main/java/com/najudoryeong/mineme/MainActivity.kt
index c85da26..942b5cb 100644
--- a/app/src/main/java/com/najudoryeong/mineme/MainActivity.kt
+++ b/app/src/main/java/com/najudoryeong/mineme/MainActivity.kt
@@ -13,6 +13,8 @@ import androidx.navigation.ui.setupWithNavController
 import com.najudoryeong.mineme.common_ui.MainActivityUtil
 import com.najudoryeong.mineme.databinding.ActivityMainBinding
 import dagger.hilt.android.AndroidEntryPoint
+import com.najudoryeong.mineme.story.R.id.storyFragment
+import com.najudoryeong.mineme.home.R.id.homeFragment
 
 
 // 하위 모듈이 MainViewModel 코드에 접근할 수 있게 MainViewModelUtil 상속 구현
@@ -44,7 +46,7 @@ class MainActivity : AppCompatActivity(), MainActivityUtil {
         // appbar 구성 요소 설정
         // 바텀네비게이션과 연결하면 해당 프래그먼트에 네비게이션으로는 backButton x
         appBarConfiguration = AppBarConfiguration(
-            setOf(R.id.nav_home, R.id.nav_story, R.id.nav_setting)
+            setOf(homeFragment, storyFragment, R.id.nav_setting)
         )
 
         // navController 와 actionbar 연결
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 015dc35..5387261 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,9 +1,9 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
-    <style name="Theme.Mineme" parent="Theme.MaterialComponents.Light.NoActionBar">
+    <style name="Theme.Mineme" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">
 
         <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_500</item>
+        <item name="colorPrimary">@color/black</item>
         <item name="colorPrimaryVariant">@color/purple_700</item>
         <item name="colorOnPrimary">@color/white</item>
         <!-- Secondary brand color. -->
diff --git a/build.gradle b/build.gradle
index 8118bd6..3c431c0 100644
--- a/build.gradle
+++ b/build.gradle
@@ -19,6 +19,8 @@ buildscript {
         retrofit2Version = '2.9.0'
         recyclerViewVersion = '1.2.1'
         swipeRefreshLayoutVersion = '1.1.0'
+        materialVersion='1.8.0'
+        appCompatVersion='1.6.1'
 
     }
 
diff --git a/common-ui/build.gradle b/common-ui/build.gradle
index 8e1b59f..6115e10 100644
--- a/common-ui/build.gradle
+++ b/common-ui/build.gradle
@@ -41,6 +41,11 @@ dependencies {
     api project(path: ':common')
 
 
+    // Material
+    api "com.google.android.material:material:$rootProject.materialVersion"
+    api "androidx.appcompat:appcompat:$rootProject.appCompatVersion"
+
+    // RecyclerView
     api "androidx.recyclerview:recyclerview:$rootProject.recyclerViewVersion"
 
     // Fragment
diff --git a/common-ui/src/main/java/com/najudoryeong/mineme/common_ui/BaseFragment.kt b/common-ui/src/main/java/com/najudoryeong/mineme/common_ui/BaseFragment.kt
index b1f3562..7c4f1c2 100644
--- a/common-ui/src/main/java/com/najudoryeong/mineme/common_ui/BaseFragment.kt
+++ b/common-ui/src/main/java/com/najudoryeong/mineme/common_ui/BaseFragment.kt
@@ -17,6 +17,8 @@ abstract class BaseFragment<T : ViewDataBinding>(val fragment: FragmentInfoUtil)
     // baseFragment를 상속받은 fragment에서만 제한된 작업 initView 에서 진행
     abstract fun initView()
 
+    open fun menuClick(){}
+
     override fun onCreateView(
         inflater: LayoutInflater,
         container: ViewGroup?,
@@ -30,6 +32,8 @@ abstract class BaseFragment<T : ViewDataBinding>(val fragment: FragmentInfoUtil)
             setToolbarTitle(getString(fragment.toolbarText))
         }
 
+        setVisibilityNav()
+
         return binding.root
     }
 
@@ -41,6 +45,13 @@ abstract class BaseFragment<T : ViewDataBinding>(val fragment: FragmentInfoUtil)
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         initView()
         initMenu()
+
+    }
+
+    private fun setVisibilityNav() {
+        (activity as MainActivityUtil).run {
+            setVisibilityBottomAppbar(fragment.bottomNavi_visibility)
+        }
     }
 
     private fun initMenu() {
@@ -62,12 +73,14 @@ abstract class BaseFragment<T : ViewDataBinding>(val fragment: FragmentInfoUtil)
                         android.R.id.home -> {
                             popBackStack()
                         }
-                        else -> {}
+                        else -> {
+                            menuClick()
+                        }
                     }
                 }
                 return true
             }
         }, viewLifecycleOwner, Lifecycle.State.RESUMED)
     }
+}
 
-}
\ No newline at end of file
diff --git a/common-ui/src/main/java/com/najudoryeong/mineme/common_ui/Util.kt b/common-ui/src/main/java/com/najudoryeong/mineme/common_ui/Util.kt
new file mode 100644
index 0000000..47c1743
--- /dev/null
+++ b/common-ui/src/main/java/com/najudoryeong/mineme/common_ui/Util.kt
@@ -0,0 +1,36 @@
+package com.najudoryeong.mineme.common_ui
+
+import java.util.Calendar
+
+class Util {
+    companion object {
+        private fun getTodayDate() : String = Calendar.getInstance().let {
+            return it.getYear()
+        }
+
+        private fun Calendar.getYear() = get(Calendar.YEAR)
+        private fun Calendar.getMonth() = get(Calendar.MONTH)
+        private fun Calendar.getDay() = get(Calendar.DAY_OF_MONTH)
+
+
+        fun getMonthAbbreviation(month: Int): String {
+            return when (month) {
+                Calendar.JANUARY -> "Jan"
+                Calendar.FEBRUARY -> "Feb"
+                Calendar.MARCH -> "Mar"
+                Calendar.APRIL -> "Apr"
+                Calendar.MAY -> "May"
+                Calendar.JUNE -> "Jun"
+                Calendar.JULY -> "Jul"
+                Calendar.AUGUST -> "Aug"
+                Calendar.SEPTEMBER -> "Sep"
+                Calendar.OCTOBER -> "Oct"
+                Calendar.NOVEMBER -> "Nov"
+                Calendar.DECEMBER -> "Dec"
+                else -> throw IllegalArgumentException("Invalid month: $month")
+            }
+        }
+
+
+    }
+}
\ No newline at end of file
diff --git a/common-ui/src/main/res/drawable/img_dropdown.xml b/common-ui/src/main/res/drawable/img_dropdown.xml
new file mode 100644
index 0000000..acdbc69
--- /dev/null
+++ b/common-ui/src/main/res/drawable/img_dropdown.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M11.767,12.833L15.592,9.008C15.747,8.852 15.834,8.641 15.834,8.421C15.834,8.201 15.747,7.99 15.592,7.833C15.514,7.755 15.422,7.693 15.321,7.651C15.219,7.609 15.11,7.587 15,7.587C14.89,7.587 14.781,7.609 14.679,7.651C14.578,7.693 14.486,7.755 14.408,7.833L10.592,11.667C10.514,11.745 10.422,11.807 10.321,11.849C10.219,11.892 10.11,11.913 10,11.913C9.89,11.913 9.781,11.892 9.68,11.849C9.578,11.807 9.486,11.745 9.408,11.667L5.592,7.833C5.436,7.676 5.224,7.588 5.003,7.587C4.782,7.586 4.569,7.673 4.412,7.829C4.256,7.985 4.167,8.197 4.166,8.418C4.165,8.639 4.253,8.851 4.408,9.008L8.233,12.833C8.702,13.302 9.337,13.564 10,13.564C10.663,13.564 11.298,13.302 11.767,12.833Z"
+      android:fillColor="#B0B0B1"/>
+</vector>
diff --git a/common-ui/src/main/res/drawable/spinner_shape.xml b/common-ui/src/main/res/drawable/spinner_shape.xml
new file mode 100644
index 0000000..0a44c33
--- /dev/null
+++ b/common-ui/src/main/res/drawable/spinner_shape.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <layer-list>
+            <item>
+                <shape android:shape="rectangle">
+                    <stroke android:width="1dp" android:color="#B0B0B1" />
+                    <solid android:color="#FFFFFF" />
+                    <corners android:radius="10dp" />
+                    <padding android:right="12dp" />
+                </shape>
+            </item>
+            <item android:width="25dp" android:height="25dp" android:drawable="@drawable/img_dropdown" android:gravity="center|end" />
+        </layer-list>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/common-ui/src/main/res/layout/item_dropdown.xml b/common-ui/src/main/res/layout/item_dropdown.xml
new file mode 100644
index 0000000..b305adc
--- /dev/null
+++ b/common-ui/src/main/res/layout/item_dropdown.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<TextView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:padding="16dp"
+    android:ellipsize="end"
+    android:maxLines="1"
+    android:textAppearance="?attr/textAppearanceSubtitle1"
+    />
\ No newline at end of file
diff --git a/common-ui/src/main/res/layout/item_story.xml b/common-ui/src/main/res/layout/item_story.xml
index 4e41fb7..514a21b 100644
--- a/common-ui/src/main/res/layout/item_story.xml
+++ b/common-ui/src/main/res/layout/item_story.xml
@@ -19,57 +19,56 @@
     </data>
 
 
+    <androidx.cardview.widget.CardView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:cardCornerRadius="8dp">
 
-        <androidx.cardview.widget.CardView
+        <FrameLayout
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            app:cardCornerRadius="8dp">
+            android:orientation="vertical">
 
-            <FrameLayout
+
+            <ImageView
+                photoUrl="@{imgUrl}"
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
-                android:orientation="vertical">
+                android:scaleType="centerCrop"
+                android:src="@drawable/img_profile" />
+
 
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_gravity="top"
+                android:background="#99C9C9C9">
 
-                <ImageView
-                    photoUrl="@{imgUrl}"
-                    android:layout_width="match_parent"
-                    android:layout_height="match_parent"
-                    android:scaleType="centerCrop"
-                    android:src="@drawable/img_profile" />
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:fontFamily="@font/cafe24_ssurround"
+                    android:padding="16dp"
+                    android:text="@{region}"
+                    android:textColor="#FFFFFF"
+                    android:textSize="17sp" />
 
 
-                <LinearLayout
-                    android:layout_width="match_parent"
+                <TextView
+                    android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_gravity="top"
-                    android:background="#99C9C9C9">
-
-                    <TextView
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_weight="1"
-                        android:fontFamily="@font/cafe24_ssurround"
-                        android:padding="16dp"
-                        android:text="@{region}"
-                        android:textColor="#FFFFFF"
-                        android:textSize="17sp" />
-
-
-                    <TextView
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_weight="1"
-                        android:fontFamily="@font/cafe24_ssurround"
-                        android:gravity="end"
-                        android:padding="16dp"
-                        android:text="@{date}"
-                        android:textColor="#FFFFFF"
-                        android:textSize="17sp" />
-
-
-                </LinearLayout>
-
-            </FrameLayout>
-        </androidx.cardview.widget.CardView>
+                    android:layout_weight="1"
+                    android:fontFamily="@font/cafe24_ssurround"
+                    android:gravity="end"
+                    android:padding="16dp"
+                    android:text="@{date}"
+                    android:textColor="#FFFFFF"
+                    android:textSize="17sp" />
+
+
+            </LinearLayout>
+
+        </FrameLayout>
+    </androidx.cardview.widget.CardView>
 </layout>
diff --git a/story/src/main/java/com/najudoryeong/mineme/story/domain/usecase/StoryUseCase.kt b/story/src/main/java/com/najudoryeong/mineme/story/domain/usecase/StoryUseCase.kt
index 800d741..0065e7e 100644
--- a/story/src/main/java/com/najudoryeong/mineme/story/domain/usecase/StoryUseCase.kt
+++ b/story/src/main/java/com/najudoryeong/mineme/story/domain/usecase/StoryUseCase.kt
@@ -7,6 +7,6 @@ import javax.inject.Inject
 class StoryUseCase @Inject constructor(
     private val storyService : StoryService
 ){
-    suspend fun readStoryList(token: String): List<StoryListWithDate>?  = storyService.readStoryList(token).data
+    suspend fun readStoryList(token: String): List<StoryListWithDate>  = storyService.readStoryList(token).data
 
 }
\ No newline at end of file
diff --git a/story/src/main/java/com/najudoryeong/mineme/story/ui/StoryFragment.kt b/story/src/main/java/com/najudoryeong/mineme/story/ui/StoryFragment.kt
index f28c76d..4b6be88 100644
--- a/story/src/main/java/com/najudoryeong/mineme/story/ui/StoryFragment.kt
+++ b/story/src/main/java/com/najudoryeong/mineme/story/ui/StoryFragment.kt
@@ -5,29 +5,24 @@ import androidx.fragment.app.viewModels
 import androidx.lifecycle.Lifecycle
 import androidx.lifecycle.lifecycleScope
 import androidx.lifecycle.repeatOnLifecycle
+import androidx.navigation.fragment.findNavController
 import com.najudoryeong.mineme.common_ui.BaseFragment
+import com.najudoryeong.mineme.story.R
 import com.najudoryeong.mineme.story.databinding.FragmentStoryBinding
 import com.najudoryeong.mineme.story.StoryOutAdapter
-import com.najudoryeong.mineme.story.util.Story_Foundation_Info
+import com.najudoryeong.mineme.story.util.StoryFoundationInfo
 import dagger.hilt.android.AndroidEntryPoint
-import kotlinx.coroutines.flow.collect
 import kotlinx.coroutines.flow.collectLatest
 import kotlinx.coroutines.launch
 
 @AndroidEntryPoint
-class StoryFragment : BaseFragment<FragmentStoryBinding>(Story_Foundation_Info) {
+class StoryFragment : BaseFragment<FragmentStoryBinding>(StoryFoundationInfo) {
 
     private val storyViewModel: StoryViewModel by viewModels()
-    private val storyOutAdapter: StoryOutAdapter by lazy {
-        StoryOutAdapter()
-    }
-
+    private val storyOutAdapter: StoryOutAdapter by lazy { StoryOutAdapter() }
 
 
     override fun initView() {
-
-
-
         binding.apply {
             //todo callback
             this.lifecycleOwner = viewLifecycleOwner
@@ -39,12 +34,15 @@ class StoryFragment : BaseFragment<FragmentStoryBinding>(Story_Foundation_Info)
                 }
             }
         }
-
         storyViewModel.raedStory()
         toastObserve()
+    }
 
+    override fun menuClick(){
+        findNavController().navigate(R.id.next)
     }
 
+
     private fun toastObserve() {
         lifecycleScope.launch{
             storyViewModel.toastMessage.collectLatest {
diff --git a/story/src/main/java/com/najudoryeong/mineme/story/ui/StoryViewModel.kt b/story/src/main/java/com/najudoryeong/mineme/story/ui/StoryViewModel.kt
index 215a8a2..460b5a0 100644
--- a/story/src/main/java/com/najudoryeong/mineme/story/ui/StoryViewModel.kt
+++ b/story/src/main/java/com/najudoryeong/mineme/story/ui/StoryViewModel.kt
@@ -92,18 +92,14 @@ class StoryViewModel @Inject constructor(
     fun raedStory(endApiCallBack: () -> Unit = {}) {
         viewModelScope.launch {
             _isApiLoading.value = true
-
             //_storyList.value = dummy
-
             try {
                 storyUseCase.readStoryList(dataStoreUseCase.bearerJsonWebToken.first()!!).let {
-                    if (it != null) {
-                        _storyList.value = it.toMutableList()
-                    } else {
-
-                    }
+                    _storyList.value = it.toMutableList()
                 }
             } catch (e: Exception) {
+                // 값을 초기화해서 구독자가 알아차릴 수 있게
+                _toastMessage.value = ""
                 _toastMessage.value = "스토리리스트 가져오는 거 실패"
             }
             endApiCallBack.invoke()
diff --git a/story/src/main/java/com/najudoryeong/mineme/story/ui/WriteStoryFragment.kt b/story/src/main/java/com/najudoryeong/mineme/story/ui/WriteStoryFragment.kt
new file mode 100644
index 0000000..88a6b78
--- /dev/null
+++ b/story/src/main/java/com/najudoryeong/mineme/story/ui/WriteStoryFragment.kt
@@ -0,0 +1,64 @@
+package com.najudoryeong.mineme.story.ui
+
+import android.R
+import android.app.DatePickerDialog
+import android.widget.ArrayAdapter
+import android.widget.Toast
+import com.najudoryeong.mineme.common_ui.BaseFragment
+import com.najudoryeong.mineme.common_ui.R.layout.item_dropdown
+import com.najudoryeong.mineme.story.databinding.FragmentWriteStoryBinding
+import com.najudoryeong.mineme.story.util.WriteStoryFoundationInfo
+import java.util.Calendar
+
+
+class WriteStoryFragment : BaseFragment<FragmentWriteStoryBinding>(WriteStoryFoundationInfo) {
+
+    override fun initView() {
+        val doItems = listOf(
+            "위치 없음",
+            "경상북도",
+            "강원도",
+            "무신사",
+            "제주도",
+            "울릉도",
+            "경상남도",
+            "경상북도",
+            "강원도",
+            "무신사",
+            "제주도",
+            "울릉도",
+            "경상남도",
+            "경상북도",
+            "강원도",
+            "무신사",
+            "제주도",
+            "울릉도",
+            "경상남도",
+            "경상북도",
+            "강원도",
+            "무신사",
+            "제주도",
+            "울릉도"
+        )
+        val siItems = listOf("위치 없음", "마산시1", "마산시4", "마산시2", "마산시3", "마산시6")
+        val doAdapter = ArrayAdapter(requireContext(), item_dropdown, doItems)
+        val siAdapter = ArrayAdapter(requireContext(), item_dropdown, siItems)
+
+        binding.apply {
+
+            doSpinner.adapter = doAdapter
+            siSpinner.adapter = siAdapter
+
+
+            DatePickerDialog(requireContext(),,)
+        }
+
+        val calendar = Calendar.getInstance()
+    }
+
+    override fun menuClick() {
+        Toast.makeText(context, "클릭메뉴", Toast.LENGTH_SHORT).show()
+    }
+
+
+}
\ No newline at end of file
diff --git a/story/src/main/java/com/najudoryeong/mineme/story/util/FragmentObject.kt b/story/src/main/java/com/najudoryeong/mineme/story/util/FragmentObject.kt
index 277b663..067ca89 100644
--- a/story/src/main/java/com/najudoryeong/mineme/story/util/FragmentObject.kt
+++ b/story/src/main/java/com/najudoryeong/mineme/story/util/FragmentObject.kt
@@ -5,7 +5,8 @@ import com.najudoryeong.mineme.common_ui.FragmentInfoUtil
 import com.najudoryeong.mineme.story.R
 
 
-object Story_Foundation_Info : FragmentInfoUtil {
+// todo hilt?
+object StoryFoundationInfo : FragmentInfoUtil {
     override val layoutID: Int
         get() = R.layout.fragment_story
     override val toolbarText: Int
@@ -14,4 +15,17 @@ object Story_Foundation_Info : FragmentInfoUtil {
         get() = com.najudoryeong.mineme.common_ui.R.menu.story_menu
     override val bottomNavi_visibility: Int
         get() = View.VISIBLE
+}
+
+object WriteStoryFoundationInfo : FragmentInfoUtil {
+
+    override val layoutID: Int
+        get() = R.layout.fragment_write_story
+    override val toolbarText: Int
+        get() = R.string.write_story
+    override val menu: Int
+        get() = R.menu.write_story_menu
+    override val bottomNavi_visibility: Int
+        get() = View.GONE
+
 }
\ No newline at end of file
diff --git a/story/src/main/res/drawable/img_complete.xml b/story/src/main/res/drawable/img_complete.xml
new file mode 100644
index 0000000..1afcb11
--- /dev/null
+++ b/story/src/main/res/drawable/img_complete.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="37dp"
+    android:height="19dp"
+    android:viewportWidth="37"
+    android:viewportHeight="19">
+  <path
+      android:pathData="M1.116,4.66C1.116,3.913 1.216,3.3 1.416,2.82C1.616,2.34 1.909,1.96 2.296,1.68C2.696,1.4 3.189,1.207 3.776,1.1C4.363,0.98 5.049,0.92 5.836,0.92C6.609,0.92 7.289,0.98 7.876,1.1C8.476,1.207 8.969,1.4 9.356,1.68C9.756,1.96 10.056,2.34 10.256,2.82C10.456,3.3 10.556,3.913 10.556,4.66C10.556,5.3 10.489,5.84 10.356,6.28C10.236,6.72 10.043,7.08 9.776,7.36C9.523,7.64 9.203,7.86 8.816,8.02C8.429,8.167 7.983,8.267 7.476,8.32V9.56H9.896C10.269,9.56 10.576,9.593 10.816,9.66C11.056,9.727 11.243,9.82 11.376,9.94C11.509,10.06 11.596,10.207 11.636,10.38C11.689,10.54 11.716,10.72 11.716,10.92C11.716,11.08 11.689,11.24 11.636,11.4C11.596,11.56 11.509,11.707 11.376,11.84C11.243,11.96 11.056,12.06 10.816,12.14C10.576,12.207 10.269,12.24 9.896,12.24H2.036C1.663,12.24 1.356,12.207 1.116,12.14C0.876,12.06 0.689,11.96 0.556,11.84C0.423,11.707 0.329,11.56 0.276,11.4C0.236,11.24 0.216,11.08 0.216,10.92C0.216,10.72 0.236,10.54 0.276,10.38C0.329,10.207 0.423,10.06 0.556,9.94C0.689,9.82 0.876,9.727 1.116,9.66C1.356,9.593 1.663,9.56 2.036,9.56H4.236V8.3C3.716,8.233 3.256,8.12 2.856,7.96C2.469,7.8 2.143,7.58 1.876,7.3C1.623,7.007 1.429,6.647 1.296,6.22C1.176,5.78 1.116,5.26 1.116,4.66ZM4.656,15.5H14.676C15.049,15.5 15.356,15.533 15.596,15.6C15.836,15.68 16.023,15.78 16.156,15.9C16.289,16.033 16.376,16.18 16.416,16.34C16.469,16.5 16.496,16.66 16.496,16.82C16.496,17.02 16.469,17.2 16.416,17.36C16.376,17.533 16.289,17.68 16.156,17.8C16.023,17.92 15.836,18.013 15.596,18.08C15.356,18.147 15.049,18.18 14.676,18.18H3.036C2.663,18.18 2.369,18.14 2.156,18.06C1.943,17.993 1.776,17.893 1.656,17.76C1.549,17.64 1.483,17.493 1.456,17.32C1.429,17.16 1.416,16.98 1.416,16.78V14.62C1.416,14.287 1.456,14.013 1.536,13.8C1.629,13.573 1.749,13.4 1.896,13.28C2.056,13.147 2.229,13.06 2.416,13.02C2.616,12.967 2.823,12.94 3.036,12.94C3.249,12.94 3.449,12.967 3.636,13.02C3.836,13.06 4.009,13.147 4.156,13.28C4.303,13.4 4.423,13.573 4.516,13.8C4.609,14.013 4.656,14.287 4.656,14.62V15.5ZM12.836,2.54C12.836,1.873 12.996,1.42 13.316,1.18C13.649,0.927 14.029,0.8 14.456,0.8C14.669,0.8 14.869,0.827 15.056,0.88C15.256,0.933 15.429,1.027 15.576,1.16C15.723,1.293 15.843,1.473 15.936,1.7C16.029,1.927 16.076,2.207 16.076,2.54V5.86H17.116C17.489,5.86 17.796,5.907 18.036,6C18.276,6.08 18.463,6.187 18.596,6.32C18.729,6.453 18.816,6.607 18.856,6.78C18.909,6.94 18.936,7.1 18.936,7.26C18.936,7.46 18.909,7.647 18.856,7.82C18.816,7.993 18.729,8.147 18.596,8.28C18.463,8.4 18.276,8.5 18.036,8.58C17.796,8.66 17.489,8.7 17.116,8.7H16.076V11.66C16.076,12.007 16.029,12.293 15.936,12.52C15.843,12.747 15.723,12.927 15.576,13.06C15.429,13.193 15.256,13.287 15.056,13.34C14.869,13.393 14.669,13.42 14.456,13.42C14.243,13.42 14.036,13.393 13.836,13.34C13.649,13.287 13.476,13.193 13.316,13.06C13.169,12.927 13.049,12.747 12.956,12.52C12.876,12.293 12.836,12.007 12.836,11.66V2.54ZM4.376,4.66C4.376,5.22 4.483,5.587 4.696,5.76C4.923,5.92 5.303,6 5.836,6C6.369,6 6.743,5.92 6.956,5.76C7.183,5.587 7.296,5.22 7.296,4.66C7.296,4.1 7.183,3.74 6.956,3.58C6.743,3.407 6.369,3.32 5.836,3.32C5.303,3.32 4.923,3.407 4.696,3.58C4.483,3.74 4.376,4.1 4.376,4.66ZM32.84,12.06V14.96H34.94C35.313,14.96 35.62,14.993 35.86,15.06C36.1,15.14 36.287,15.24 36.42,15.36C36.553,15.493 36.64,15.64 36.68,15.8C36.733,15.973 36.76,16.16 36.76,16.36C36.76,16.52 36.733,16.68 36.68,16.84C36.64,17.013 36.553,17.16 36.42,17.28C36.287,17.413 36.1,17.52 35.86,17.6C35.62,17.68 35.313,17.72 34.94,17.72H21.04C20.667,17.72 20.36,17.68 20.12,17.6C19.88,17.52 19.693,17.413 19.56,17.28C19.427,17.16 19.333,17.013 19.28,16.84C19.24,16.68 19.22,16.52 19.22,16.36C19.22,16.16 19.24,15.973 19.28,15.8C19.333,15.64 19.427,15.493 19.56,15.36C19.693,15.24 19.88,15.14 20.12,15.06C20.36,14.993 20.667,14.96 21.04,14.96H23.14V12.06H22.22C21.847,12.06 21.553,12.02 21.34,11.94C21.127,11.86 20.96,11.753 20.84,11.62C20.733,11.473 20.667,11.313 20.64,11.14C20.613,10.953 20.6,10.76 20.6,10.56V6.86C20.6,6.527 20.64,6.253 20.72,6.04C20.813,5.813 20.933,5.633 21.08,5.5C21.24,5.367 21.413,5.273 21.6,5.22C21.8,5.167 22.007,5.14 22.22,5.14H32.12V3.76H22.12C21.787,3.76 21.52,3.72 21.32,3.64C21.12,3.547 20.967,3.433 20.86,3.3C20.753,3.153 20.68,3.007 20.64,2.86C20.613,2.7 20.6,2.547 20.6,2.4C20.6,2.227 20.613,2.06 20.64,1.9C20.68,1.74 20.753,1.593 20.86,1.46C20.967,1.327 21.12,1.22 21.32,1.14C21.52,1.06 21.787,1.02 22.12,1.02H33.74C34.113,1.02 34.407,1.067 34.62,1.16C34.833,1.24 34.993,1.353 35.1,1.5C35.22,1.647 35.293,1.813 35.32,2C35.347,2.187 35.36,2.38 35.36,2.58V6.18C35.36,6.673 35.227,7.08 34.96,7.4C34.707,7.707 34.32,7.86 33.8,7.86H23.84V9.32H34.16C34.493,9.32 34.76,9.367 34.96,9.46C35.16,9.54 35.313,9.653 35.42,9.8C35.527,9.933 35.593,10.08 35.62,10.24C35.66,10.4 35.68,10.547 35.68,10.68C35.68,10.853 35.66,11.027 35.62,11.2C35.593,11.36 35.527,11.507 35.42,11.64C35.313,11.76 35.16,11.86 34.96,11.94C34.76,12.02 34.493,12.06 34.16,12.06H32.84ZM26.38,14.96H29.6V12.06H26.38V14.96Z"
+      android:fillColor="#8BD0F6"/>
+</vector>
diff --git a/story/src/main/res/drawable/img_select_picture.xml b/story/src/main/res/drawable/img_select_picture.xml
new file mode 100644
index 0000000..0d2a876
--- /dev/null
+++ b/story/src/main/res/drawable/img_select_picture.xml
@@ -0,0 +1,100 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="348dp"
+    android:height="348dp"
+    android:viewportWidth="348"
+    android:viewportHeight="348">
+  <path
+      android:pathData="M16,0L332,0A16,16 0,0 1,348 16L348,332A16,16 0,0 1,332 348L16,348A16,16 0,0 1,0 332L0,16A16,16 0,0 1,16 0z"
+      android:fillColor="#D9D9D9"/>
+  <path
+      android:pathData="M147.99,220.12C147.99,219.96 148.03,219.84 148.13,219.77C148.23,219.68 148.35,219.64 148.5,219.64C148.65,219.64 148.77,219.68 148.87,219.77C148.97,219.84 149.03,219.96 149.03,220.12V226.94C149.04,227.47 149.13,227.97 149.31,228.44C149.5,228.9 149.74,229.34 150.03,229.77C150.33,230.18 150.68,230.59 151.07,230.98C151.47,231.37 151.89,231.74 152.34,232.1C152.47,232.21 152.54,232.33 152.55,232.47C152.56,232.61 152.52,232.74 152.43,232.86C152.35,232.97 152.22,233.04 152.05,233.05C151.89,233.06 151.74,233 151.59,232.87C150.91,232.31 150.31,231.7 149.78,231.06C149.26,230.42 148.84,229.77 148.53,229.1C148.25,229.77 147.86,230.43 147.35,231.1C146.85,231.77 146.25,232.39 145.57,232.97C145.42,233.11 145.26,233.16 145.09,233.14C144.93,233.12 144.81,233.05 144.72,232.94C144.64,232.82 144.6,232.69 144.63,232.55C144.66,232.41 144.73,232.29 144.85,232.17C145.28,231.8 145.68,231.42 146.05,231.02C146.43,230.62 146.77,230.2 147.06,229.75C147.35,229.3 147.57,228.84 147.73,228.34C147.9,227.84 147.99,227.32 147.99,226.76V220.12ZM159.33,226.06C159.33,226.21 159.28,226.32 159.19,226.41C159.1,226.48 158.99,226.52 158.87,226.52H156.51V232.9C156.51,233.06 156.46,233.18 156.35,233.26C156.26,233.34 156.14,233.38 155.99,233.38C155.84,233.38 155.71,233.34 155.62,233.26C155.52,233.18 155.47,233.06 155.47,232.9V220.12C155.47,219.96 155.52,219.84 155.62,219.77C155.71,219.68 155.84,219.64 155.99,219.64C156.14,219.64 156.26,219.68 156.35,219.77C156.46,219.84 156.51,219.96 156.51,220.12V225.59H158.87C158.99,225.59 159.1,225.63 159.19,225.72C159.28,225.79 159.33,225.91 159.33,226.06ZM167.62,220.3C167.62,220.45 167.57,220.56 167.48,220.65C167.39,220.72 167.29,220.76 167.16,220.76H164.45V221.83C164.45,222.39 164.52,222.88 164.65,223.3C164.78,223.73 164.98,224.11 165.24,224.44C165.5,224.77 165.84,225.06 166.23,225.32C166.62,225.58 167.08,225.81 167.59,226.02C167.92,226.16 168.04,226.39 167.96,226.7C167.91,226.85 167.83,226.95 167.7,227.02C167.57,227.08 167.41,227.08 167.22,227.02C166.87,226.91 166.52,226.76 166.18,226.55C165.85,226.34 165.54,226.11 165.25,225.86C164.98,225.61 164.73,225.34 164.5,225.06C164.29,224.79 164.12,224.52 164.01,224.28C163.88,224.56 163.7,224.84 163.48,225.13C163.25,225.42 163,225.69 162.71,225.96C162.42,226.22 162.1,226.45 161.75,226.66C161.41,226.88 161.04,227.05 160.66,227.18C160.47,227.24 160.31,227.24 160.18,227.18C160.05,227.11 159.97,227.01 159.93,226.86C159.88,226.71 159.89,226.57 159.96,226.46C160.03,226.33 160.14,226.24 160.29,226.18C160.79,225.99 161.24,225.77 161.62,225.51C162.02,225.26 162.34,224.96 162.6,224.63C162.86,224.29 163.07,223.91 163.21,223.48C163.34,223.04 163.41,222.55 163.41,221.99V220.76H160.71C160.58,220.76 160.47,220.72 160.37,220.65C160.29,220.56 160.24,220.45 160.24,220.3C160.24,220.15 160.29,220.04 160.37,219.96C160.47,219.88 160.58,219.83 160.71,219.83H167.16C167.29,219.83 167.39,219.88 167.48,219.96C167.57,220.04 167.62,220.15 167.62,220.3ZM162.13,231.86C162.13,231.99 162.15,232.08 162.2,232.12C162.25,232.16 162.32,232.18 162.4,232.18H172.6C172.73,232.18 172.83,232.22 172.92,232.3C173.01,232.38 173.06,232.5 173.06,232.65C173.06,232.8 173.01,232.91 172.92,232.98C172.83,233.07 172.73,233.11 172.6,233.11H162.24C161.99,233.11 161.78,233.07 161.62,233C161.47,232.93 161.35,232.83 161.27,232.71C161.2,232.6 161.15,232.46 161.13,232.31C161.1,232.16 161.09,232.01 161.09,231.86V229.43C161.09,229.27 161.14,229.15 161.24,229.08C161.33,228.99 161.46,228.95 161.6,228.95C161.76,228.95 161.88,228.99 161.97,229.08C162.08,229.15 162.13,229.27 162.13,229.43V231.86ZM171.54,220.12C171.54,219.96 171.59,219.84 171.68,219.77C171.78,219.68 171.9,219.64 172.05,219.64C172.2,219.64 172.32,219.68 172.42,219.77C172.53,219.84 172.58,219.96 172.58,220.12V228.12C172.58,228.28 172.53,228.4 172.42,228.49C172.32,228.56 172.2,228.6 172.05,228.6C171.9,228.6 171.78,228.56 171.68,228.49C171.59,228.4 171.54,228.28 171.54,228.12V220.12ZM184.36,221.85C184.36,222.4 184.42,222.89 184.55,223.32C184.69,223.75 184.89,224.13 185.14,224.46C185.41,224.79 185.74,225.08 186.14,225.34C186.53,225.58 186.98,225.81 187.5,226.02C187.83,226.16 187.95,226.39 187.86,226.7C187.82,226.85 187.74,226.95 187.61,227.02C187.48,227.08 187.32,227.08 187.13,227.02C186.78,226.91 186.43,226.76 186.09,226.55C185.76,226.34 185.45,226.11 185.16,225.86C184.88,225.61 184.63,225.35 184.41,225.08C184.19,224.8 184.03,224.54 183.91,224.3C183.78,224.57 183.61,224.86 183.38,225.14C183.16,225.43 182.9,225.7 182.62,225.96C182.33,226.22 182.01,226.45 181.66,226.66C181.31,226.88 180.95,227.05 180.57,227.18C180.38,227.24 180.22,227.24 180.09,227.18C179.96,227.11 179.87,227.01 179.83,226.86C179.79,226.71 179.8,226.57 179.86,226.46C179.94,226.33 180.05,226.24 180.2,226.18C180.7,225.99 181.14,225.77 181.53,225.53C181.92,225.27 182.25,224.98 182.5,224.65C182.77,224.31 182.97,223.92 183.11,223.5C183.25,223.06 183.32,222.56 183.32,222.01V220.2C183.32,220.04 183.37,219.92 183.46,219.85C183.56,219.76 183.68,219.72 183.83,219.72C183.98,219.72 184.1,219.76 184.2,219.85C184.31,219.92 184.36,220.04 184.36,220.2V221.85ZM182.04,231.86C182.04,231.99 182.06,232.08 182.1,232.12C182.16,232.16 182.23,232.18 182.31,232.18H192.5C192.63,232.18 192.74,232.22 192.82,232.3C192.92,232.38 192.97,232.5 192.97,232.65C192.97,232.8 192.92,232.91 192.82,232.98C192.74,233.07 192.63,233.11 192.5,233.11H182.15C181.9,233.11 181.69,233.07 181.53,233C181.38,232.93 181.26,232.83 181.18,232.71C181.1,232.6 181.05,232.46 181.03,232.31C181.01,232.16 181,232.01 181,231.86V229.43C181,229.27 181.05,229.15 181.14,229.08C181.24,228.99 181.36,228.95 181.51,228.95C181.66,228.95 181.78,228.99 181.88,229.08C181.99,229.15 182.04,229.27 182.04,229.43V231.86ZM188.06,223.26C188.06,223.11 188.1,222.99 188.18,222.92C188.28,222.84 188.39,222.79 188.52,222.79H191.45V220.12C191.45,219.96 191.5,219.84 191.59,219.77C191.69,219.68 191.81,219.64 191.96,219.64C192.11,219.64 192.23,219.68 192.33,219.77C192.43,219.84 192.49,219.96 192.49,220.12V228.12C192.49,228.28 192.43,228.4 192.33,228.49C192.23,228.56 192.11,228.6 191.96,228.6C191.81,228.6 191.69,228.56 191.59,228.49C191.5,228.4 191.45,228.28 191.45,228.12V223.72H188.52C188.39,223.72 188.28,223.68 188.18,223.61C188.1,223.52 188.06,223.4 188.06,223.26ZM203.51,220.12C203.51,219.96 203.56,219.84 203.66,219.77C203.76,219.68 203.88,219.64 204.03,219.64C204.18,219.64 204.3,219.68 204.4,219.77C204.5,219.84 204.55,219.96 204.55,220.12V222.97H206.99V220.12C206.99,219.96 207.04,219.84 207.13,219.77C207.23,219.68 207.35,219.64 207.5,219.64C207.65,219.64 207.77,219.68 207.87,219.77C207.97,219.84 208.03,219.96 208.03,220.12V227.08C208.03,227.24 207.97,227.36 207.87,227.45C207.77,227.52 207.65,227.56 207.5,227.56C207.35,227.56 207.23,227.52 207.13,227.45C207.04,227.36 206.99,227.24 206.99,227.08V223.9H204.55V227.08C204.55,227.24 204.5,227.36 204.4,227.45C204.3,227.52 204.18,227.56 204.03,227.56C203.88,227.56 203.76,227.52 203.66,227.45C203.56,227.36 203.51,227.24 203.51,227.08V220.12ZM196.92,225.83C196.92,225.96 196.94,226.04 196.99,226.09C197.04,226.13 197.11,226.15 197.2,226.15H200.52C200.65,226.15 200.76,226.2 200.84,226.28C200.94,226.35 200.99,226.47 200.99,226.62C200.99,226.76 200.94,226.88 200.84,226.97C200.76,227.04 200.65,227.08 200.52,227.08H197.04C196.78,227.08 196.57,227.04 196.41,226.97C196.26,226.89 196.14,226.8 196.06,226.68C195.98,226.56 195.94,226.43 195.91,226.28C195.89,226.13 195.88,225.98 195.88,225.83V221.08C195.88,220.93 195.89,220.78 195.91,220.63C195.94,220.48 195.98,220.35 196.06,220.23C196.14,220.12 196.26,220.02 196.41,219.94C196.57,219.87 196.78,219.83 197.04,219.83H200.07C200.2,219.83 200.31,219.88 200.4,219.96C200.49,220.04 200.54,220.15 200.54,220.3C200.54,220.45 200.49,220.56 200.4,220.65C200.31,220.72 200.2,220.76 200.07,220.76H197.2C197.11,220.76 197.04,220.78 196.99,220.82C196.94,220.87 196.92,220.95 196.92,221.08V222.97H200.04C200.17,222.97 200.28,223.01 200.36,223.1C200.46,223.17 200.51,223.28 200.51,223.43C200.51,223.58 200.46,223.7 200.36,223.78C200.28,223.86 200.17,223.9 200.04,223.9H196.92V225.83ZM206.99,230.14C206.99,230.01 206.96,229.92 206.91,229.88C206.86,229.84 206.8,229.82 206.71,229.82H196.49C196.36,229.82 196.25,229.78 196.15,229.7C196.07,229.62 196.03,229.5 196.03,229.35C196.03,229.2 196.07,229.09 196.15,229.02C196.25,228.93 196.36,228.89 196.49,228.89H206.88C207.13,228.89 207.33,228.93 207.48,229C207.64,229.07 207.76,229.17 207.84,229.29C207.92,229.4 207.97,229.54 207.99,229.69C208.02,229.84 208.03,229.99 208.03,230.14V232.71C208.03,232.87 207.98,232.99 207.88,233.06C207.79,233.15 207.66,233.19 207.51,233.19C207.37,233.19 207.24,233.15 207.13,233.06C207.04,232.99 206.99,232.87 206.99,232.71V230.14Z"
+      android:fillColor="#191919"/>
+  <path
+      android:pathData="M142.65,154.41C133.35,167.21 146.63,189.24 152.4,192.84C157.72,196.17 160.69,196.93 164.87,198.01L164.89,198.01C173.7,200.28 181.13,198.78 189.63,196.66C210.92,191.37 222.68,156.01 198.48,146.47C191.82,143.84 181.36,144.32 175.96,149.62C172.21,146.27 166.4,145.03 161.53,144.73C152.92,144.22 149.02,145.66 142.65,154.41ZM175.96,149.62C174.25,151.31 173.04,153.47 172.63,156.18C172.57,156.56 172.51,156.94 172.45,157.32C171.87,160.75 171.3,164.07 175.99,164.6C180.99,165.16 180.14,157.78 179.32,154.93C178.69,152.75 177.5,151.01 175.96,149.62Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M164.89,198.01C173.7,200.28 181.13,198.78 189.63,196.66C210.92,191.37 222.68,156.01 198.48,146.47C191.82,143.84 181.36,144.32 175.96,149.62M164.89,198.01L164.87,198.01M164.89,198.01C164.89,198.01 164.88,198.01 164.87,198.01M175.96,149.62C172.21,146.27 166.4,145.03 161.53,144.73C152.92,144.22 149.02,145.66 142.65,154.41C133.35,167.21 146.63,189.24 152.4,192.84C157.72,196.17 160.69,196.93 164.87,198.01M175.96,149.62C174.25,151.31 173.04,153.47 172.63,156.18C172.57,156.56 172.51,156.94 172.45,157.32C171.87,160.75 171.3,164.07 175.99,164.6C180.99,165.16 180.14,157.78 179.32,154.93C178.69,152.75 177.5,151.01 175.96,149.62Z"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M163.6,168.43C162.35,168.43 159.83,171.31 159.56,172.13"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M188.33,168.03C189.85,169.79 191.76,170.25 191.84,172.55"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M170.66,174.16C172.92,174.68 175.2,174.25 177.47,174.32C180.93,174.43 177.91,179.78 177.12,181.6C174.8,186.95 173.51,177.09 173.51,174.79"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M144.4,116.1H144.14"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M144.51,119.36L144.4,124.89"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M151.75,116.02C151.75,117.11 151.74,118.19 151.63,119.28C151.54,120.2 150.97,124.52 151.25,121.32C151.4,119.5 153.1,116.34 155.21,116.04C159.31,115.45 156.65,122.2 158.14,122.95"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M167.47,117.09C167.24,115.23 161.96,117.71 164.86,120.28C165.66,120.99 167.43,122.6 166.28,123.75C165.43,124.6 163.54,124.94 162.94,123.75"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M172.53,121.88C172.12,121.88 173.14,121.88 173.21,121.88C174.72,121.88 175.55,120.91 175.93,119.44C176.29,118.07 173.62,118.67 173.06,119.22C171.8,120.44 171.03,123.02 172.42,124.41C174.05,126.04 176.4,125.74 178.39,125.08"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M182.92,117.35C182.87,119.71 182.74,122.09 182.38,124.43C182.23,125.42 182.89,122.46 183.39,121.59C184.3,119.99 185.66,118.86 187.45,118.42"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M191.71,120.55C191.77,120.07 196.95,120.96 197.57,121.08"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M195.7,117.62C195.2,120.43 192.21,126.14 196.44,126.88C197.43,127.06 198.82,127.53 199.7,126.94"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M207.69,117.09C207.2,119 206.32,120.81 205.83,122.68"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M205.29,127.48C205.45,128.85 206.28,127.52 205.83,127.74"
+      android:strokeWidth="1.58794"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/story/src/main/res/layout/fragment_write_story.xml b/story/src/main/res/layout/fragment_write_story.xml
new file mode 100644
index 0000000..bdf0b96
--- /dev/null
+++ b/story/src/main/res/layout/fragment_write_story.xml
@@ -0,0 +1,89 @@
+<?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">
+
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_margin="16dp"
+        tools:context=".ui.WriteStoryFragment">
+
+        <TextView
+            android:id="@+id/date"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:fontFamily="@font/cafe24_ssurround_air"
+            android:text="날짜"
+            android:textColor="@color/black"
+            android:textSize="17sp"
+            app:layout_constraintStart_toStartOf="@id/picture"
+            app:layout_constraintTop_toTopOf="parent" />
+
+
+        <ImageView
+            android:id="@+id/picture"
+            android:layout_width="348dp"
+            android:layout_height="348dp"
+            android:layout_marginTop="8dp"
+            android:scaleType="fitCenter"
+            android:src="@drawable/img_select_picture"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/date" />
+
+
+        <EditText
+            android:id="@+id/story_content"
+            android:layout_width="0dp"
+            android:layout_height="120dp"
+            android:layout_marginTop="16dp"
+            android:background="@drawable/edit_shape"
+            android:gravity="top"
+            android:hint="내용을 입력하세요"
+            android:lineSpacingExtra="1sp"
+            android:padding="16dp"
+            android:textSize="14sp"
+            app:layout_constraintEnd_toEndOf="@id/picture"
+            app:layout_constraintHorizontal_bias="0.0"
+            app:layout_constraintStart_toStartOf="@id/picture"
+            app:layout_constraintTop_toBottomOf="@id/picture" />
+
+        <TextView
+            android:id="@+id/location_text"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="16dp"
+            android:fontFamily="@font/cafe24_ssurround_air"
+            android:text="위치"
+            android:textColor="@color/black"
+            android:textSize="17sp"
+            app:layout_constraintStart_toStartOf="@id/story_content"
+            app:layout_constraintTop_toBottomOf="@id/story_content" />
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            app:layout_constraintTop_toBottomOf="@id/location_text">
+
+            <Spinner
+                android:id="@+id/do_spinner"
+                android:layout_width="167dp"
+                android:layout_height="50dp"
+                android:layout_margin="8dp"
+                android:background="@drawable/spinner_shape"
+                android:spinnerMode="dialog" />
+
+            <Spinner
+                android:id="@+id/si_spinner"
+                android:layout_width="167dp"
+                android:layout_height="50dp"
+                android:layout_margin="8dp"
+                android:background="@drawable/spinner_shape"
+                android:spinnerMode="dialog" />
+
+        </LinearLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
diff --git a/story/src/main/res/menu/write_story_menu.xml b/story/src/main/res/menu/write_story_menu.xml
new file mode 100644
index 0000000..c341b14
--- /dev/null
+++ b/story/src/main/res/menu/write_story_menu.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <item
+        android:id="@+id/menu_writingStory"
+        android:title="스토리 작성"
+        android:icon="@drawable/img_complete"
+        app:showAsAction="always"/>
+
+
+</menu>
\ No newline at end of file
diff --git a/story/src/main/res/navigation/nav_story.xml b/story/src/main/res/navigation/nav_story.xml
index e42683e..3af1cd1 100644
--- a/story/src/main/res/navigation/nav_story.xml
+++ b/story/src/main/res/navigation/nav_story.xml
@@ -7,5 +7,14 @@
     <fragment
         android:id="@+id/storyFragment"
         android:name="com.najudoryeong.mineme.story.ui.StoryFragment"
-        android:label="StoryFragment" />
+        android:label="StoryFragment" >
+        <action
+            android:id="@+id/next"
+            app:destination="@id/writeStoryFragment"
+            app:popUpTo="@id/storyFragment" />
+    </fragment>
+    <fragment
+        android:id="@+id/writeStoryFragment"
+        android:name="com.najudoryeong.mineme.story.ui.WriteStoryFragment"
+        android:label="WriteStoryFragment" />
 </navigation>
\ No newline at end of file
diff --git a/story/src/main/res/values/strings.xml b/story/src/main/res/values/strings.xml
index 157d6cb..607cffa 100644
--- a/story/src/main/res/values/strings.xml
+++ b/story/src/main/res/values/strings.xml
@@ -2,4 +2,5 @@
     <!-- TODO: Remove or change this placeholder text -->
     <string name="hello_blank_fragment">Hello blank fragment</string>
     <string name="story">스토리</string>
+    <string name="write_story">스토리 작성</string>
 </resources>
\ No newline at end of file