diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index aaafd46..14496f4 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -18,7 +18,8 @@
             android:exported="true"
             android:screenOrientation="portrait"
             android:label="@string/app_name"
-            android:theme="@style/Theme.Owori">
+            android:theme="@style/Theme.Owori"
+            android:windowSoftInputMode="adjustResize">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 
diff --git a/app/src/main/java/com/owori/android/presenter/login/LoginFragment.kt b/app/src/main/java/com/owori/android/presenter/login/LoginFragment.kt
index a8568a0..90981b6 100644
--- a/app/src/main/java/com/owori/android/presenter/login/LoginFragment.kt
+++ b/app/src/main/java/com/owori/android/presenter/login/LoginFragment.kt
@@ -26,11 +26,11 @@ class LoginFragment : BaseFragment<FragmentLoginBinding, LoginViewModel>(R.layou
         with(viewModel) {
             // TODO : PolicyFragment를 위해 작성한 부분이라 수정 필요.
             callKakaoLogin.observe(viewLifecycleOwner) {
-                navigateTo(R.id.action_loginFragment_to_PolicyFragment)
+                navigateTo(R.id.action_LoginFragment_to_nickNameFragment)
             }
 
             callGoogleLogin.observe(viewLifecycleOwner) {
-                navigateTo(R.id.action_loginFragment_to_PolicyFragment)
+                navigateTo(R.id.action_LoginFragment_to_nickNameFragment)
             }
         }
     }
diff --git a/app/src/main/java/com/owori/android/presenter/policy/AgreeServiceConditionFragment.kt b/app/src/main/java/com/owori/android/presenter/policy/AgreeServiceConditionFragment.kt
new file mode 100644
index 0000000..90190c0
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/AgreeServiceConditionFragment.kt
@@ -0,0 +1,23 @@
+package com.owori.android.presenter.policy
+
+import androidx.fragment.app.viewModels
+import com.owori.android.R
+import com.owori.android.core.BaseFragment
+import com.owori.android.databinding.FragmentAgreeServiceConditionBinding
+
+class AgreeServiceConditionFragment : BaseFragment<FragmentAgreeServiceConditionBinding, AgreeServiceConditionViewModel>(R.layout.fragment_agree_service_condition) {
+    override val viewModel: AgreeServiceConditionViewModel by viewModels()
+    override fun setBindingVariables() {
+        with(binding) {
+            vm = viewModel
+        }
+    }
+
+    override fun initView() {
+
+    }
+
+    override fun initObserver() {
+
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/AgreeServiceConditionViewModel.kt b/app/src/main/java/com/owori/android/presenter/policy/AgreeServiceConditionViewModel.kt
new file mode 100644
index 0000000..904d7d0
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/AgreeServiceConditionViewModel.kt
@@ -0,0 +1,17 @@
+package com.owori.android.presenter.policy
+
+import androidx.lifecycle.LiveData
+import com.owori.android.core.BaseViewModel
+import com.owori.android.presenter.util.SingleLiveEvent
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class AgreeServiceConditionViewModel @Inject constructor(): BaseViewModel() {
+    private val _btnNext: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val btnNext: LiveData<Unit> = _btnNext
+
+    fun onClickCheckButton() {
+        _btnNext.call()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/BirthDateFragment.kt b/app/src/main/java/com/owori/android/presenter/policy/BirthDateFragment.kt
new file mode 100644
index 0000000..095b54e
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/BirthDateFragment.kt
@@ -0,0 +1,30 @@
+package com.owori.android.presenter.policy
+
+
+import androidx.fragment.app.viewModels
+import com.owori.android.R
+import com.owori.android.core.BaseFragment
+import com.owori.android.core.navigateTo
+import com.owori.android.databinding.FragmentBirthDateBinding
+
+
+class BirthDateFragment : BaseFragment<FragmentBirthDateBinding, BirthDateViewModel>(R.layout.fragment_birth_date) {
+    override val viewModel: BirthDateViewModel by viewModels()
+    override fun setBindingVariables() {
+        with(binding) {
+            vm = viewModel
+        }
+    }
+
+    override fun initView() {
+
+    }
+
+    override fun initObserver() {
+        with(viewModel) {
+            btnNext.observe(viewLifecycleOwner) {
+                navigateTo(R.id.action_birthDateFragment_to_familyConnectFragment)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/BirthDateViewModel.kt b/app/src/main/java/com/owori/android/presenter/policy/BirthDateViewModel.kt
new file mode 100644
index 0000000..11dd9f1
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/BirthDateViewModel.kt
@@ -0,0 +1,17 @@
+package com.owori.android.presenter.policy
+
+import androidx.lifecycle.LiveData
+import com.owori.android.core.BaseViewModel
+import com.owori.android.presenter.util.SingleLiveEvent
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class BirthDateViewModel @Inject constructor(): BaseViewModel() {
+    private val _btnNext: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val btnNext: LiveData<Unit> = _btnNext
+
+    fun onClickCheckButton() {
+        _btnNext.call()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/FamilyConnectFragment.kt b/app/src/main/java/com/owori/android/presenter/policy/FamilyConnectFragment.kt
new file mode 100644
index 0000000..ee5dc4c
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/FamilyConnectFragment.kt
@@ -0,0 +1,33 @@
+package com.owori.android.presenter.policy
+
+
+import androidx.fragment.app.viewModels
+import com.owori.android.R
+import com.owori.android.core.BaseFragment
+import com.owori.android.core.navigateTo
+import com.owori.android.databinding.FragmentFamilyConnectBinding
+
+
+class FamilyConnectFragment : BaseFragment<FragmentFamilyConnectBinding, FamilyConnectViewModel>(R.layout.fragment_family_connect) {
+    override val viewModel: FamilyConnectViewModel by viewModels()
+    override fun setBindingVariables() {
+        with(binding) {
+            vm = viewModel
+        }
+    }
+
+    override fun initView() {
+
+    }
+
+    override fun initObserver() {
+        with(viewModel) {
+            returnLogin.observe(viewLifecycleOwner) {
+                navigateTo(R.id.action_familyConnectFragment_to_inputFamilyCodeFragment)
+            }
+            btnNext.observe(viewLifecycleOwner) {
+                navigateTo(R.id.action_familyConnectFragment_to_groupFragment)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/FamilyConnectViewModel.kt b/app/src/main/java/com/owori/android/presenter/policy/FamilyConnectViewModel.kt
new file mode 100644
index 0000000..88f2df4
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/FamilyConnectViewModel.kt
@@ -0,0 +1,24 @@
+package com.owori.android.presenter.policy
+
+import androidx.lifecycle.LiveData
+import com.owori.android.core.BaseViewModel
+import com.owori.android.presenter.util.SingleLiveEvent
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class FamilyConnectViewModel @Inject constructor(): BaseViewModel() {
+
+    private val _btnNext: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val btnNext: LiveData<Unit> = _btnNext
+    private val _returnLogin: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val returnLogin: LiveData<Unit> = _returnLogin
+
+    fun onClickCheckButton() {
+        _btnNext.call()
+    }
+
+    fun onClickBackButton() {
+        _returnLogin.call()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/GroupFragment.kt b/app/src/main/java/com/owori/android/presenter/policy/GroupFragment.kt
new file mode 100644
index 0000000..c51f86b
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/GroupFragment.kt
@@ -0,0 +1,30 @@
+package com.owori.android.presenter.policy
+
+
+import androidx.fragment.app.viewModels
+import com.owori.android.R
+import com.owori.android.core.BaseFragment
+import com.owori.android.core.navigateTo
+import com.owori.android.databinding.FragmentGroupBinding
+
+
+class GroupFragment : BaseFragment<FragmentGroupBinding, GroupViewModel>(R.layout.fragment_group) {
+    override val viewModel: GroupViewModel by viewModels()
+    override fun setBindingVariables() {
+        with(binding) {
+            vm = viewModel
+        }
+    }
+
+    override fun initView() {
+
+    }
+
+    override fun initObserver() {
+        with(viewModel) {
+            btnNext.observe(viewLifecycleOwner) {
+                navigateTo(R.id.action_groupFragment_to_shareCodeFragment)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/GroupViewModel.kt b/app/src/main/java/com/owori/android/presenter/policy/GroupViewModel.kt
new file mode 100644
index 0000000..57dbb10
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/GroupViewModel.kt
@@ -0,0 +1,17 @@
+package com.owori.android.presenter.policy
+
+import androidx.lifecycle.LiveData
+import com.owori.android.core.BaseViewModel
+import com.owori.android.presenter.util.SingleLiveEvent
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class GroupViewModel @Inject constructor(): BaseViewModel() {
+    private val _btnNext: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val btnNext: LiveData<Unit> = _btnNext
+
+    fun onClickCheckButton() {
+        _btnNext.call()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/InputFamilyCodeFragment.kt b/app/src/main/java/com/owori/android/presenter/policy/InputFamilyCodeFragment.kt
new file mode 100644
index 0000000..9921dfa
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/InputFamilyCodeFragment.kt
@@ -0,0 +1,30 @@
+package com.owori.android.presenter.policy
+
+
+import androidx.fragment.app.viewModels
+import com.owori.android.R
+import com.owori.android.core.BaseFragment
+import com.owori.android.core.navigateTo
+import com.owori.android.databinding.FragmentInputFamilyCodeBinding
+
+
+class InputFamilyCodeFragment : BaseFragment<FragmentInputFamilyCodeBinding, InputFamilyCodeViewModel>(R.layout.fragment_input_family_code) {
+    override val viewModel: InputFamilyCodeViewModel by viewModels()
+    override fun setBindingVariables() {
+        with(binding) {
+            vm = viewModel
+        }
+    }
+
+    override fun initView() {
+
+    }
+
+    override fun initObserver() {
+        with(viewModel) {
+            btnNext.observe(viewLifecycleOwner) {
+                navigateTo(R.id.action_inputFamilyCodeFragment_to_agreeServiceConditionFragment)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/InputFamilyCodeViewModel.kt b/app/src/main/java/com/owori/android/presenter/policy/InputFamilyCodeViewModel.kt
new file mode 100644
index 0000000..dc3472d
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/InputFamilyCodeViewModel.kt
@@ -0,0 +1,17 @@
+package com.owori.android.presenter.policy
+
+import androidx.lifecycle.LiveData
+import com.owori.android.core.BaseViewModel
+import com.owori.android.presenter.util.SingleLiveEvent
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class InputFamilyCodeViewModel @Inject constructor(): BaseViewModel() {
+    private val _btnNext: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val btnNext: LiveData<Unit> = _btnNext
+
+    fun onClickCheckButton() {
+        _btnNext.call()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/NickNameFragment.kt b/app/src/main/java/com/owori/android/presenter/policy/NickNameFragment.kt
new file mode 100644
index 0000000..dfb6d16
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/NickNameFragment.kt
@@ -0,0 +1,51 @@
+package com.owori.android.presenter.policy
+
+
+import androidx.core.content.ContextCompat
+import androidx.fragment.app.viewModels
+import com.owori.android.R
+import com.owori.android.core.BaseFragment
+import com.owori.android.core.navigateTo
+import com.owori.android.databinding.FragmentNickNameBinding
+import dagger.hilt.android.AndroidEntryPoint
+
+@AndroidEntryPoint
+class NickNameFragment: BaseFragment<FragmentNickNameBinding, NickNameViewModel>(R.layout.fragment_nick_name) {
+    override val viewModel: NickNameViewModel by viewModels()
+    override fun setBindingVariables() {
+        with(binding) {
+            vm = viewModel
+        }
+    }
+
+    override fun initView() {
+
+    }
+
+    override fun initObserver() {
+        with(viewModel) {
+            nickname.observe(viewLifecycleOwner) {
+                setViewPagerButton(it)
+            }
+
+            returnLogin.observe(viewLifecycleOwner) {
+                requireActivity().onBackPressedDispatcher.onBackPressed()
+            }
+            btnNext.observe(viewLifecycleOwner) {
+                navigateTo(R.id.action_nickNameFragment_to_birthDateFragment)
+            }
+        }
+    }
+
+    fun setViewPagerButton(nickname: String) {
+        val isInputted = nickname.isNotEmpty()
+        with(binding.viewpagerButton) {
+            isEnabled = isInputted
+            if(isInputted) {
+                setTextColor(ContextCompat.getColor(requireContext(), R.color.white))
+            } else {
+                setTextColor(ContextCompat.getColor(requireContext(), R.color.grey_909090))
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/NickNameViewModel.kt b/app/src/main/java/com/owori/android/presenter/policy/NickNameViewModel.kt
new file mode 100644
index 0000000..cbda814
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/NickNameViewModel.kt
@@ -0,0 +1,27 @@
+package com.owori.android.presenter.policy
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.owori.android.core.BaseViewModel
+import com.owori.android.presenter.util.SingleLiveEvent
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class NickNameViewModel @Inject constructor(): BaseViewModel(){
+    val _nickname: MutableLiveData<String> = MutableLiveData("")
+    val nickname: LiveData<String> = _nickname
+
+    private val _returnLogin: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val returnLogin: LiveData<Unit> = _returnLogin
+    private val _btnNext: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val btnNext: LiveData<Unit> = _btnNext
+
+    fun onClickCheckButton() {
+        _btnNext.call()
+    }
+
+    fun onClickBackButton() {
+        _returnLogin.call()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/ShareCodeFragment.kt b/app/src/main/java/com/owori/android/presenter/policy/ShareCodeFragment.kt
new file mode 100644
index 0000000..435a8ba
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/ShareCodeFragment.kt
@@ -0,0 +1,30 @@
+package com.owori.android.presenter.policy
+
+
+import androidx.fragment.app.viewModels
+import com.owori.android.R
+import com.owori.android.core.BaseFragment
+import com.owori.android.core.navigateTo
+import com.owori.android.databinding.FragmentShareCodeBinding
+
+
+class ShareCodeFragment : BaseFragment<FragmentShareCodeBinding, ShareCodeViewModel>(R.layout.fragment_share_code) {
+    override val viewModel: ShareCodeViewModel by viewModels()
+    override fun setBindingVariables() {
+        with(binding) {
+            vm = viewModel
+        }
+    }
+
+    override fun initView() {
+
+    }
+
+    override fun initObserver() {
+        with(viewModel) {
+            btnNext.observe(viewLifecycleOwner) {
+                navigateTo(R.id.action_shareCodeFragment_to_agreeServiceConditionFragment)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/policy/ShareCodeViewModel.kt b/app/src/main/java/com/owori/android/presenter/policy/ShareCodeViewModel.kt
new file mode 100644
index 0000000..337c4cb
--- /dev/null
+++ b/app/src/main/java/com/owori/android/presenter/policy/ShareCodeViewModel.kt
@@ -0,0 +1,18 @@
+package com.owori.android.presenter.policy
+
+import androidx.lifecycle.LiveData
+import com.owori.android.core.BaseViewModel
+import com.owori.android.presenter.util.SingleLiveEvent
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class ShareCodeViewModel @Inject constructor(): BaseViewModel() {
+    private val _btnNext: SingleLiveEvent<Unit> = SingleLiveEvent()
+    val btnNext: LiveData<Unit> = _btnNext
+
+
+    fun onClickCheckButton() {
+        _btnNext.call()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/owori/android/presenter/util/TextViewExtension.kt b/app/src/main/java/com/owori/android/presenter/util/TextViewExtension.kt
index bdefd63..395aeb0 100644
--- a/app/src/main/java/com/owori/android/presenter/util/TextViewExtension.kt
+++ b/app/src/main/java/com/owori/android/presenter/util/TextViewExtension.kt
@@ -26,16 +26,10 @@ fun TextView.setSubTitleText(currentItemIndex: Int) {
     )
 }
 
-@BindingAdapter("setNickNameLength")
-fun TextView.setNickNameLength(text: String?) {
-    text?.let {
-        setText(it.length.toString())
-        setTextColor(
-            when (it.length) {
-                0 -> context.getColor(R.color.black)
-                else -> context.getColor(R.color.owori_red)
-            }
-        )
-    }
+@BindingAdapter("setTextLength")
+fun TextView.setTextLength(text: String) {
+    setText(
+        text.length.toString()
+    )
 }
 
diff --git a/app/src/main/res/drawable/arrow_back.xml b/app/src/main/res/drawable/arrow_back.xml
index 14180d9..87a773f 100644
--- a/app/src/main/res/drawable/arrow_back.xml
+++ b/app/src/main/res/drawable/arrow_back.xml
@@ -2,4 +2,4 @@
     android:tint="#000000" android:viewportHeight="24"
     android:viewportWidth="24" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
     <path android:fillColor="@android:color/white" android:pathData="M11.67,3.87L9.9,2.1 0,12l9.9,9.9 1.77,-1.77L3.54,12z"/>
-</vector>
+</vector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/check_btn_ripple.xml b/app/src/main/res/drawable/check_btn_ripple.xml
new file mode 100644
index 0000000..ba659b0
--- /dev/null
+++ b/app/src/main/res/drawable/check_btn_ripple.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ripple xmlns:android="http://schemas.android.com/apk/res/android"
+    android:color="@color/white">
+    <item android:drawable="@drawable/check_btn_selector"/>
+</ripple>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/check_btn_selector.xml b/app/src/main/res/drawable/check_btn_selector.xml
new file mode 100644
index 0000000..846f880
--- /dev/null
+++ b/app/src/main/res/drawable/check_btn_selector.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:state_enabled="true"
+        android:drawable="@color/owori_red"/>
+    <item
+        android:state_enabled="false"
+        android:drawable="@color/grey_e9e9e9"/>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/check_text_selector.xml b/app/src/main/res/drawable/check_text_selector.xml
new file mode 100644
index 0000000..de50880
--- /dev/null
+++ b/app/src/main/res/drawable/check_text_selector.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:state_enabled="true"
+        android:drawable="@color/white"/>
+    <item
+        android:state_enabled="false"
+        android:drawable="@color/grey_909090"/>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/focused_agree.xml b/app/src/main/res/drawable/focused_agree.xml
new file mode 100644
index 0000000..3ed01c7
--- /dev/null
+++ b/app/src/main/res/drawable/focused_agree.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-11,0a11,11 0,1 1,22 0a11,11 0,1 1,-22 0"
+      android:fillColor="#FA7B53"/>
+  <path
+      android:pathData="M10.994,15.117C9.389,15.117 8.182,14.133 8.123,12.785H9.377C9.447,13.512 10.139,14.039 10.994,14.039C12.025,14.039 12.764,13.289 12.764,12.281C12.764,11.25 12.002,10.5 10.936,10.488C10.256,10.488 9.74,10.711 9.447,11.238H8.229L8.779,6.516H13.584V7.617H9.846L9.564,9.996H9.646C9.998,9.656 10.596,9.422 11.24,9.422C12.834,9.422 14.018,10.606 14.018,12.246C14.018,13.922 12.764,15.117 10.994,15.117Z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/focused_birthdate.xml b/app/src/main/res/drawable/focused_birthdate.xml
new file mode 100644
index 0000000..5eb23c5
--- /dev/null
+++ b/app/src/main/res/drawable/focused_birthdate.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-11,0a11,11 0,1 1,22 0a11,11 0,1 1,-22 0"
+      android:fillColor="#FA7B53"/>
+  <path
+      android:pathData="M8.182,15V14.063L11.123,11.098C12.049,10.125 12.518,9.586 12.518,8.848C12.518,8.016 11.838,7.477 10.947,7.477C10.01,7.477 9.4,8.074 9.4,8.977H8.182C8.17,7.43 9.354,6.398 10.971,6.398C12.611,6.398 13.736,7.43 13.748,8.813C13.736,9.762 13.291,10.512 11.697,12.082L9.975,13.828V13.898H13.889V15H8.182Z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/focused_connect.xml b/app/src/main/res/drawable/focused_connect.xml
new file mode 100644
index 0000000..f6b94e6
--- /dev/null
+++ b/app/src/main/res/drawable/focused_connect.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="23dp"
+    android:height="22dp"
+    android:viewportWidth="23"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11.5,11m-11,0a11,11 0,1 1,22 0a11,11 0,1 1,-22 0"
+      android:fillColor="#FA7B53"/>
+  <path
+      android:pathData="M11.518,15.117C9.76,15.117 8.506,14.168 8.459,12.785H9.771C9.818,13.535 10.557,14.004 11.506,14.004C12.525,14.004 13.275,13.441 13.275,12.621C13.275,11.789 12.572,11.18 11.365,11.18H10.639V10.125H11.365C12.326,10.125 13.006,9.586 13.006,8.777C13.006,8.004 12.432,7.477 11.529,7.477C10.674,7.477 9.924,7.945 9.889,8.719H8.646C8.682,7.336 9.959,6.398 11.541,6.398C13.205,6.398 14.26,7.453 14.248,8.707C14.26,9.668 13.662,10.371 12.748,10.594V10.652C13.908,10.816 14.576,11.59 14.576,12.668C14.576,14.086 13.275,15.117 11.518,15.117Z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/focused_group.xml b/app/src/main/res/drawable/focused_group.xml
new file mode 100644
index 0000000..03aecc6
--- /dev/null
+++ b/app/src/main/res/drawable/focused_group.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-11,0a11,11 0,1 1,22 0a11,11 0,1 1,-22 0"
+      android:fillColor="#FA7B53"/>
+  <path
+      android:pathData="M7.754,13.348V12.305L11.504,6.516H13.098V12.258H14.258V13.348H13.098V15H11.879V13.348H7.754ZM9.113,12.258H11.879V8.051H11.785L9.113,12.188V12.258Z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/focused_nickname.xml b/app/src/main/res/drawable/focused_nickname.xml
new file mode 100644
index 0000000..fc7ea31
--- /dev/null
+++ b/app/src/main/res/drawable/focused_nickname.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-11,0a11,11 0,1 1,22 0a11,11 0,1 1,-22 0"
+      android:fillColor="#FA7B53"/>
+  <path
+      android:pathData="M12.283,6.516V15H10.982V7.805H10.936L8.908,9.129V7.898L11.018,6.516H12.283Z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/unfocused_agree.xml b/app/src/main/res/drawable/unfocused_agree.xml
new file mode 100644
index 0000000..caaa112
--- /dev/null
+++ b/app/src/main/res/drawable/unfocused_agree.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-10.25,0a10.25,10.25 0,1 1,20.5 0a10.25,10.25 0,1 1,-20.5 0"
+      android:strokeWidth="1.5"
+      android:fillColor="#ffffff"
+      android:strokeColor="#C6C6C6"/>
+  <path
+      android:pathData="M10.994,15.117C9.389,15.117 8.182,14.133 8.123,12.785H9.377C9.447,13.512 10.139,14.039 10.994,14.039C12.025,14.039 12.764,13.289 12.764,12.281C12.764,11.25 12.002,10.5 10.936,10.488C10.256,10.488 9.74,10.711 9.447,11.238H8.229L8.779,6.516H13.584V7.617H9.846L9.564,9.996H9.646C9.998,9.656 10.596,9.422 11.24,9.422C12.834,9.422 14.018,10.606 14.018,12.246C14.018,13.922 12.764,15.117 10.994,15.117Z"
+      android:fillColor="#C6C6C6"/>
+</vector>
diff --git a/app/src/main/res/drawable/unfocused_birthdate.xml b/app/src/main/res/drawable/unfocused_birthdate.xml
new file mode 100644
index 0000000..eb48e1e
--- /dev/null
+++ b/app/src/main/res/drawable/unfocused_birthdate.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-10.25,0a10.25,10.25 0,1 1,20.5 0a10.25,10.25 0,1 1,-20.5 0"
+      android:strokeWidth="1.5"
+      android:fillColor="#ffffff"
+      android:strokeColor="#C6C6C6"/>
+  <path
+      android:pathData="M8.182,15V14.063L11.123,11.098C12.049,10.125 12.518,9.586 12.518,8.848C12.518,8.016 11.838,7.477 10.947,7.477C10.01,7.477 9.4,8.074 9.4,8.977H8.182C8.17,7.43 9.354,6.398 10.971,6.398C12.611,6.398 13.736,7.43 13.748,8.813C13.736,9.762 13.291,10.512 11.697,12.082L9.975,13.828V13.898H13.889V15H8.182Z"
+      android:fillColor="#C6C6C6"/>
+</vector>
diff --git a/app/src/main/res/drawable/unfocused_connect.xml b/app/src/main/res/drawable/unfocused_connect.xml
new file mode 100644
index 0000000..a0816c4
--- /dev/null
+++ b/app/src/main/res/drawable/unfocused_connect.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-10.25,0a10.25,10.25 0,1 1,20.5 0a10.25,10.25 0,1 1,-20.5 0"
+      android:strokeWidth="1.5"
+      android:fillColor="#ffffff"
+      android:strokeColor="#C6C6C6"/>
+  <path
+      android:pathData="M11.018,15.117C9.26,15.117 8.006,14.168 7.959,12.785H9.271C9.318,13.535 10.057,14.004 11.006,14.004C12.025,14.004 12.775,13.441 12.775,12.621C12.775,11.789 12.072,11.18 10.865,11.18H10.139V10.125H10.865C11.826,10.125 12.506,9.586 12.506,8.777C12.506,8.004 11.932,7.477 11.029,7.477C10.174,7.477 9.424,7.945 9.389,8.719H8.146C8.182,7.336 9.459,6.398 11.041,6.398C12.705,6.398 13.76,7.453 13.748,8.707C13.76,9.668 13.162,10.371 12.248,10.594V10.652C13.408,10.816 14.076,11.59 14.076,12.668C14.076,14.086 12.775,15.117 11.018,15.117Z"
+      android:fillColor="#C6C6C6"/>
+</vector>
diff --git a/app/src/main/res/drawable/unfocused_group.xml b/app/src/main/res/drawable/unfocused_group.xml
new file mode 100644
index 0000000..cb69f24
--- /dev/null
+++ b/app/src/main/res/drawable/unfocused_group.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-10.25,0a10.25,10.25 0,1 1,20.5 0a10.25,10.25 0,1 1,-20.5 0"
+      android:strokeWidth="1.5"
+      android:fillColor="#ffffff"
+      android:strokeColor="#C6C6C6"/>
+  <path
+      android:pathData="M7.754,13.348V12.305L11.504,6.516H13.098V12.258H14.258V13.348H13.098V15H11.879V13.348H7.754ZM9.113,12.258H11.879V8.051H11.785L9.113,12.188V12.258Z"
+      android:fillColor="#C6C6C6"/>
+</vector>
diff --git a/app/src/main/res/drawable/unfocused_nickname.xml b/app/src/main/res/drawable/unfocused_nickname.xml
new file mode 100644
index 0000000..cf450fd
--- /dev/null
+++ b/app/src/main/res/drawable/unfocused_nickname.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22dp"
+    android:height="22dp"
+    android:viewportWidth="22"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,11m-10.25,0a10.25,10.25 0,1 1,20.5 0a10.25,10.25 0,1 1,-20.5 0"
+      android:strokeWidth="1.5"
+      android:fillColor="#ffffff"
+      android:strokeColor="#C6C6C6"/>
+  <path
+      android:pathData="M12.283,6.516V15H10.982V7.805H10.936L8.908,9.129V7.898L11.018,6.516H12.283Z"
+      android:fillColor="#C6C6C6"/>
+</vector>
diff --git a/app/src/main/res/layout/fragment_agree_service_condition.xml b/app/src/main/res/layout/fragment_agree_service_condition.xml
new file mode 100644
index 0000000..10cf335
--- /dev/null
+++ b/app/src/main/res/layout/fragment_agree_service_condition.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+        <variable
+            name="vm"
+            type="com.owori.android.presenter.policy.AgreeServiceConditionViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".presenter.policy.AgreeServiceConditionFragment">
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            android:text="동의 화면"/>
+
+        <Button
+            android:id="@+id/viewpager_button"
+            android:layout_width="match_parent"
+            android:layout_height="64dp"
+            android:background="@drawable/check_btn_ripple"
+            android:onClick="@{()-> vm.onClickCheckButton()}"
+            android:paddingVertical="3dp"
+            android:text="@string/agree_condition"
+            android:textAppearance="@style/TextSubTitle.01"
+            android:textColor="@color/white"
+            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_birth_date.xml b/app/src/main/res/layout/fragment_birth_date.xml
new file mode 100644
index 0000000..af7c5b4
--- /dev/null
+++ b/app/src/main/res/layout/fragment_birth_date.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+        <variable
+            name="vm"
+            type="com.owori.android.presenter.policy.BirthDateViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".presenter.policy.BirthDateFragment">
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            android:text="생일 입력 화면"/>
+
+        <Button
+            android:id="@+id/viewpager_button"
+            android:layout_width="match_parent"
+            android:layout_height="64dp"
+            android:background="@drawable/check_btn_ripple"
+            android:onClick="@{()-> vm.onClickCheckButton()}"
+            android:paddingVertical="3dp"
+            android:text="@string/policy_check"
+            android:textAppearance="@style/TextSubTitle.01"
+            android:textColor="@color/white"
+            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_family_connect.xml b/app/src/main/res/layout/fragment_family_connect.xml
new file mode 100644
index 0000000..97fb701
--- /dev/null
+++ b/app/src/main/res/layout/fragment_family_connect.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"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <data>
+
+        <variable
+            name="vm"
+            type="com.owori.android.presenter.policy.FamilyConnectViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".presenter.policy.FamilyConnectFragment">
+
+        <Button
+            android:id="@+id/make_code_button"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="30dp"
+            android:layout_marginBottom="10dp"
+            android:background="@drawable/make_code_background"
+            android:includeFontPadding="false"
+            android:onClick="@{()-> vm.onClickCheckButton()}"
+            android:text="@string/make_family_code"
+            android:textAppearance="@style/TextBodyMedium.00"
+            android:textColor="@color/white"
+            android:textSize="17sp"
+            app:layout_constraintBottom_toTopOf="@+id/received_code_button"
+            tools:layout_editor_absoluteX="30dp" />
+
+        <Button
+            android:id="@+id/received_code_button"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="30dp"
+            android:layout_marginTop="15dp"
+            android:layout_marginBottom="50dp"
+            android:background="@drawable/received_code_background"
+            android:fontFamily="@font/notosanskr_medium"
+            android:includeFontPadding="false"
+            android:onClick="@{()-> vm.onClickBackButton()}"
+            android:text="@string/received_family_code"
+            android:textAppearance="@style/TextBodyMedium.00"
+            android:textColor="@color/owori_red"
+            app:layout_constraintBottom_toBottomOf="parent"
+            tools:layout_editor_absoluteX="30dp" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_group.xml b/app/src/main/res/layout/fragment_group.xml
new file mode 100644
index 0000000..6f12caf
--- /dev/null
+++ b/app/src/main/res/layout/fragment_group.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+        <variable
+            name="vm"
+            type="com.owori.android.presenter.policy.GroupViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".presenter.policy.GroupFragment">
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            android:text="그룹 이름 입력 화면"/>
+
+        <Button
+            android:id="@+id/viewpager_button"
+            android:layout_width="match_parent"
+            android:layout_height="64dp"
+            android:background="@drawable/check_btn_ripple"
+            android:onClick="@{()-> vm.onClickCheckButton()}"
+            android:paddingVertical="3dp"
+            android:text="@string/policy_check"
+            android:textAppearance="@style/TextSubTitle.01"
+            android:textColor="@color/white"
+            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_input_family_code.xml b/app/src/main/res/layout/fragment_input_family_code.xml
new file mode 100644
index 0000000..4e52d06
--- /dev/null
+++ b/app/src/main/res/layout/fragment_input_family_code.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+        <variable
+            name="vm"
+            type="com.owori.android.presenter.policy.InputFamilyCodeViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".presenter.policy.InputFamilyCodeFragment">
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            android:text="코드 입력화면"/>
+
+        <Button
+            android:id="@+id/viewpager_button"
+            android:layout_width="match_parent"
+            android:layout_height="64dp"
+            android:background="@drawable/check_btn_ripple"
+            android:onClick="@{()-> vm.onClickCheckButton()}"
+            android:paddingVertical="3dp"
+            android:text="@string/policy_check"
+            android:textAppearance="@style/TextSubTitle.01"
+            android:textColor="@color/white"
+            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_nick_name.xml b/app/src/main/res/layout/fragment_nick_name.xml
new file mode 100644
index 0000000..7fd0aa7
--- /dev/null
+++ b/app/src/main/res/layout/fragment_nick_name.xml
@@ -0,0 +1,254 @@
+<?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>
+
+        <variable
+            name="vm"
+            type="com.owori.android.presenter.policy.NickNameViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".presenter.policy.NickNameFragment">
+
+        <ImageButton
+            android:id="@+id/back_button"
+            android:layout_width="wrap_content"
+            android:layout_height="?attr/actionBarSize"
+            android:layout_marginStart="5dp"
+            android:adjustViewBounds="true"
+            android:background="@android:color/transparent"
+            android:onClick="@{()->vm.onClickBackButton()}"
+            android:src="@drawable/arrow_back"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/indicator_layout"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="70dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <ImageView
+                android:id="@+id/first_indicator"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:src="@drawable/focused_nickname"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <View
+                android:id="@+id/first_nav_line"
+                android:layout_width="6dp"
+                android:layout_height="5dp"
+                android:layout_marginHorizontal="1.5dp"
+                android:background="@drawable/navigation_line"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/first_indicator"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <View
+                android:id="@+id/second_nav_line"
+                android:layout_width="10dp"
+                android:layout_height="4dp"
+                android:layout_marginHorizontal="1.5dp"
+                android:background="@drawable/navigation_line"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/first_nav_line"
+                app:layout_constraintTop_toTopOf="parent" />
+
+
+            <ImageView
+                android:id="@+id/second_indicator"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginHorizontal="1.5dp"
+                android:src="@drawable/unfocused_birthdate"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@id/second_nav_line"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <View
+                android:id="@+id/third_nav_line"
+                android:layout_width="10dp"
+                android:layout_height="4dp"
+                android:layout_marginHorizontal="1.5dp"
+                android:background="@drawable/navigation_line"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/second_indicator"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <View
+                android:id="@+id/fourth_nav_line"
+                android:layout_width="10dp"
+                android:layout_height="4dp"
+                android:layout_marginHorizontal="1.5dp"
+                android:background="@drawable/navigation_line"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/third_nav_line"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <ImageView
+                android:id="@+id/third_indicator"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginHorizontal="1.5dp"
+                android:src="@drawable/unfocused_connect"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/fourth_nav_line"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <View
+                android:id="@+id/fifth_nav_line"
+                android:layout_width="10dp"
+                android:layout_height="4dp"
+                android:layout_marginHorizontal="1.5dp"
+                android:background="@drawable/navigation_line"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/third_indicator"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <View
+                android:id="@+id/sixth_nav_line"
+                android:layout_width="10dp"
+                android:layout_height="4dp"
+                android:layout_marginHorizontal="1.5dp"
+                android:background="@drawable/navigation_line"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/fifth_nav_line"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <ImageView
+                android:id="@+id/fourth_indicator"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginHorizontal="1.5dp"
+                android:src="@drawable/unfocused_group"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/fifth_nav_line"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <View
+                android:id="@+id/seventh_nav_line"
+                android:layout_width="10dp"
+                android:layout_height="4dp"
+                android:layout_marginHorizontal="1.5dp"
+                android:background="@drawable/navigation_line"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/fourth_indicator"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <View
+                android:id="@+id/eighth_nav_line"
+                android:layout_width="10dp"
+                android:layout_height="4dp"
+                android:layout_marginHorizontal="1.5dp"
+                android:background="@drawable/navigation_line"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/seventh_nav_line"
+                app:layout_constraintTop_toTopOf="parent" />
+
+
+            <ImageView
+                android:id="@+id/fifth_indicator"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginHorizontal="1.5dp"
+                android:src="@drawable/unfocused_agree"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/eighth_nav_line"
+                app:layout_constraintTop_toTopOf="parent" />
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <TextView
+            android:id="@+id/nickname_title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="20dp"
+            android:layout_marginTop="40dp"
+            android:includeFontPadding="false"
+            android:text="@string/nickname_title"
+            android:textAppearance="@style/TextTitle.00"
+            android:textColor="@color/black"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/indicator_layout" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="5dp"
+            android:includeFontPadding="false"
+            android:text="@string/nickname_edittext_title"
+            android:textAppearance="@style/TextBodyRegular.03"
+            android:textColor="@color/black"
+            app:layout_constraintTop_toBottomOf="@id/nickname_title"
+            android:layout_marginTop="60dp"
+            app:layout_constraintStart_toStartOf="@id/nickname_et" />
+
+        <EditText
+            android:id="@+id/nickname_et"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="20dp"
+            android:layout_marginTop="90dp"
+            android:hint="@string/nickname_edittext_hint"
+            android:inputType="text"
+            android:lines="1"
+            android:maxLength="7"
+            android:maxLines="1"
+            android:textColorHint="@color/grey_626262"
+            android:text="@={vm._nickname}"
+            android:textAppearance="@style/TextBodyMedium.00"
+            android:textColor="@color/black"
+            android:includeFontPadding="false"
+            app:layout_constraintTop_toBottomOf="@+id/nickname_title"
+            tools:layout_editor_absoluteX="20dp" />
+
+        <TextView
+            android:id="@+id/nickname_length"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            setTextLength="@{vm.nickname}"
+            android:textColor="@{vm.nickname.length() > 0 ? @color/owori_red : @color/grey_787878}"
+            android:textAppearance="@style/TextBodyRegular.03"
+            app:layout_constraintBottom_toBottomOf="@id/nickname_et"
+            app:layout_constraintEnd_toStartOf="@id/nickname_limit"
+            app:layout_constraintTop_toTopOf="@id/nickname_et" />
+
+        <TextView
+            android:id="@+id/nickname_limit"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="5dp"
+            android:text="@string/nickname_length_limit"
+            android:textAppearance="@style/TextBodyRegular.03"
+            android:textColor="@color/grey_787878"
+            app:layout_constraintBottom_toBottomOf="@id/nickname_et"
+            app:layout_constraintEnd_toEndOf="@id/nickname_et"
+            app:layout_constraintTop_toTopOf="@id/nickname_et" />
+
+        <Button
+            android:id="@+id/viewpager_button"
+            android:layout_width="match_parent"
+            android:layout_height="64dp"
+            android:background="@drawable/check_btn_ripple"
+            android:enabled="false"
+            android:onClick="@{()-> vm.onClickCheckButton()}"
+            android:text="@string/policy_check"
+            android:textAppearance="@style/TextSubTitle.01"
+            android:textColor="@color/grey_909090"
+            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_policy.xml b/app/src/main/res/layout/fragment_policy.xml
index 12588d8..1cf0760 100644
--- a/app/src/main/res/layout/fragment_policy.xml
+++ b/app/src/main/res/layout/fragment_policy.xml
@@ -1,841 +1,19 @@
 <?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>
-
-        <variable
-            name="vm"
-            type="com.owori.android.auth.ui.viewmodel.PolicyViewModel" />
-    </data>
+    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">
 
-        <LinearLayout
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:orientation="vertical"
-            app:layout_constraintTop_toTopOf="parent">
-
-            <androidx.constraintlayout.widget.ConstraintLayout
-                android:id="@+id/top_button_frame"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content">
-
-                <ImageButton
-                    android:id="@+id/back_button"
-                    android:layout_width="wrap_content"
-                    android:layout_height="?attr/actionBarSize"
-                    android:layout_marginStart="5dp"
-                    android:adjustViewBounds="true"
-                    android:background="@android:color/transparent"
-                    android:onClick="@{()->vm.onClickBackButton()}"
-                    android:src="@drawable/arrow_back"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toTopOf="parent" />
-
-                <ImageButton
-                    android:id="@+id/close_button"
-                    android:layout_width="wrap_content"
-                    android:layout_height="?attr/actionBarSize"
-                    android:layout_gravity="end"
-                    android:adjustViewBounds="true"
-                    android:background="@android:color/transparent"
-                    android:onClick="@{()->vm.onClickBackButton()}"
-                    android:src="@drawable/close"
-                    android:visibility="gone"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintTop_toTopOf="parent" />
-            </androidx.constraintlayout.widget.ConstraintLayout>
-
-            <FrameLayout
-                android:id="@+id/policy_frame"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="50dp"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@id/top_button_frame">
-
-
-                <androidx.constraintlayout.widget.ConstraintLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content">
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/nickname_frame"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:visibility="visible"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <TextView
-                            android:id="@+id/nickname_title"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginVertical="18dp"
-                            android:layout_marginStart="20dp"
-                            android:fontFamily="@font/notosanskr_bold"
-                            android:includeFontPadding="false"
-                            android:text="@string/nickname_title"
-                            android:textColor="@color/black"
-                            android:textSize="24sp"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <TextView
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="5dp"
-                            android:fontFamily="@font/notosanskr_regular"
-                            android:includeFontPadding="false"
-                            android:text="@string/nickname_edittext_title"
-                            android:textSize="12sp"
-                            app:layout_constraintBottom_toTopOf="@id/nickname_et"
-                            app:layout_constraintStart_toStartOf="@id/nickname_et" />
-
-                        <EditText
-                            android:id="@+id/nickname_et"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="20dp"
-                            android:layout_marginTop="48dp"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:hint="@string/nickname_edittext_hint"
-                            android:includeFontPadding="false"
-                            android:lines="1"
-                            android:maxLength="7"
-                            android:maxLines="1"
-                            android:text="@={vm._nickName}"
-                            android:textSize="16sp"
-                            app:layout_constraintTop_toBottomOf="@+id/nickname_title"
-                            tools:layout_editor_absoluteX="20dp" />
-
-                        <TextView
-                            android:id="@+id/nickname_length"
-                            setNickNameLength="@{vm.nickName}"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:fontFamily="@font/notosanskr_light"
-                            android:includeFontPadding="false"
-                            android:text="0"
-                            android:textColor="@color/black"
-                            android:textSize="14sp"
-                            app:layout_constraintBottom_toBottomOf="@id/nickname_et"
-                            app:layout_constraintEnd_toStartOf="@id/nickname_limit"
-                            app:layout_constraintTop_toTopOf="@id/nickname_et" />
-
-                        <TextView
-                            android:id="@+id/nickname_limit"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginEnd="5dp"
-                            android:fontFamily="@font/notosanskr_light"
-                            android:includeFontPadding="false"
-                            android:text="@string/nickname_length_limit"
-                            android:textColor="@color/black"
-                            android:textSize="14sp"
-                            app:layout_constraintBottom_toBottomOf="@id/nickname_et"
-                            app:layout_constraintEnd_toEndOf="@id/nickname_et"
-                            app:layout_constraintTop_toTopOf="@id/nickname_et" />
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/birthdate_frame"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:visibility="gone"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <TextView
-                            android:id="@+id/birthdate_title"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginVertical="18dp"
-                            android:layout_marginStart="20dp"
-                            android:fontFamily="@font/notosanskr_bold"
-                            android:includeFontPadding="false"
-                            android:text="@string/birthdate_title"
-                            android:textColor="@color/black"
-                            android:textSize="24sp"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <TextView
-                            android:id="@+id/birthdate_subtitle"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:includeFontPadding="false"
-                            android:text="@string/birthdate_subtitle"
-                            android:textColor="@color/grey_909090"
-                            android:textSize="17sp"
-                            app:layout_constraintStart_toStartOf="@id/birthdate_title"
-                            app:layout_constraintTop_toBottomOf="@id/birthdate_title" />
-
-                        <TextView
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="5dp"
-                            android:fontFamily="@font/notosanskr_regular"
-                            android:includeFontPadding="false"
-                            android:text="@string/birthdate_edittext_title"
-                            android:textSize="17sp"
-                            app:layout_constraintBottom_toBottomOf="@id/birthdate_et"
-                            app:layout_constraintStart_toStartOf="@id/birthdate_et"
-                            app:layout_constraintTop_toTopOf="@id/birthdate_et" />
-
-                        <EditText
-                            android:id="@+id/birthdate_et"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="20dp"
-                            android:layout_marginTop="48dp"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:includeFontPadding="false"
-                            android:inputType="number"
-                            android:lines="1"
-                            android:maxLength="10"
-                            android:maxLines="1"
-                            android:paddingHorizontal="70dp"
-                            android:text="@={vm._birthDate}"
-                            android:textSize="16sp"
-                            app:layout_constraintTop_toBottomOf="@+id/birthdate_subtitle"
-                            tools:layout_editor_absoluteX="20dp" />
-
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/group_frame"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:visibility="gone"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <TextView
-                            android:id="@+id/group_title"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginVertical="18dp"
-                            android:layout_marginStart="20dp"
-                            android:fontFamily="@font/notosanskr_bold"
-                            android:includeFontPadding="false"
-                            android:text="@string/family_group_title"
-                            android:textColor="@color/black"
-                            android:textSize="24sp"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <TextView
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="5dp"
-                            android:fontFamily="@font/notosanskr_regular"
-                            android:includeFontPadding="false"
-                            android:text="@string/family_group_edittext_title"
-                            android:textSize="12sp"
-                            app:layout_constraintBottom_toTopOf="@id/group_et"
-                            app:layout_constraintStart_toStartOf="@id/group_et" />
-
-                        <EditText
-                            android:id="@+id/group_et"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="20dp"
-                            android:layout_marginTop="48dp"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:hint="@string/nickname_edittext_hint"
-                            android:includeFontPadding="false"
-                            android:lines="1"
-                            android:maxLength="10"
-                            android:maxLines="1"
-                            android:text="@={vm._groupName}"
-                            android:textSize="16sp"
-                            app:layout_constraintTop_toBottomOf="@+id/group_title"
-                            tools:layout_editor_absoluteX="20dp" />
-
-                        <TextView
-                            android:id="@+id/group_length"
-                            setNickNameLength="@{vm.groupName}"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:fontFamily="@font/notosanskr_light"
-                            android:includeFontPadding="false"
-                            android:text="0"
-                            android:textColor="@color/black"
-                            android:textSize="14sp"
-                            app:layout_constraintBottom_toBottomOf="@id/group_et"
-                            app:layout_constraintEnd_toStartOf="@id/group_limit"
-                            app:layout_constraintTop_toTopOf="@id/group_et" />
-
-                        <TextView
-                            android:id="@+id/group_limit"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginEnd="5dp"
-                            android:fontFamily="@font/notosanskr_light"
-                            android:includeFontPadding="false"
-                            android:text="@string/family_group_length_limit"
-                            android:textColor="@color/black"
-                            android:textSize="14sp"
-                            app:layout_constraintBottom_toBottomOf="@id/group_et"
-                            app:layout_constraintEnd_toEndOf="@id/group_et"
-                            app:layout_constraintTop_toTopOf="@id/group_et" />
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/family_connect_frame"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:visibility="gone"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <TextView
-                            android:id="@+id/family_connect_title"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginVertical="18dp"
-                            android:layout_marginStart="20dp"
-                            android:fontFamily="@font/notosanskr_bold"
-                            android:includeFontPadding="false"
-                            android:text="@string/family_connect_title"
-                            android:textColor="@color/black"
-                            android:textSize="24sp"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <TextView
-                            android:id="@+id/family_connect_subtitle"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:includeFontPadding="false"
-                            android:text="@string/family_connect_subtitle"
-                            android:textColor="@color/grey_909090"
-                            android:textSize="17sp"
-                            app:layout_constraintStart_toStartOf="@id/family_connect_title"
-                            app:layout_constraintTop_toBottomOf="@id/family_connect_title" />
-
-                        <ImageView
-                            android:id="@+id/share_picture"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="70dp"
-                            android:src="@drawable/share_pricture"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toBottomOf="@id/family_connect_subtitle" />
-
-                        <Button
-                            android:id="@+id/make_code_button"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="30dp"
-                            android:layout_marginTop="50dp"
-                            android:background="@drawable/make_code_background"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:includeFontPadding="false"
-                            android:onClick="@{()-> vm.onClickMakeCodeButton()}"
-                            android:text="@string/make_family_code"
-                            android:textColor="@color/white"
-                            android:textSize="17sp"
-                            app:layout_constraintTop_toBottomOf="@+id/share_picture"
-                            tools:layout_editor_absoluteX="30dp" />
-
-                        <Button
-                            android:id="@+id/received_code_button"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="30dp"
-                            android:layout_marginTop="15dp"
-                            android:background="@drawable/received_code_background"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:includeFontPadding="false"
-                            android:onClick="@{()-> vm.onClickReceivedCodeButton()}"
-                            android:text="@string/received_family_code"
-                            android:textColor="@color/owori_red"
-                            android:textSize="17sp"
-                            app:layout_constraintTop_toBottomOf="@+id/make_code_button" />
-
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/share_code_frame"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:visibility="gone"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <TextView
-                            android:id="@+id/share_code_title"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginVertical="18dp"
-                            android:layout_marginStart="20dp"
-                            android:fontFamily="@font/notosanskr_bold"
-                            android:includeFontPadding="false"
-                            android:text="@string/share_code_title"
-                            android:textColor="@color/black"
-                            android:textSize="24sp"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <ImageView
-                            android:id="@+id/share_code_img"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="50dp"
-                            android:src="@drawable/family_code"
-                            app:layout_constraintTop_toBottomOf="@id/share_code_title" />
-
-                        <TextView
-                            android:id="@+id/share_code_text"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginEnd="65dp"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:textColor="@color/blue_1C86FF"
-                            android:textSize="24sp"
-                            app:layout_constraintBottom_toBottomOf="@id/share_code_img"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="@id/share_code_img" />
-
-                        <TextView
-                            android:id="@+id/share_code_time"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="10dp"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toBottomOf="@id/share_code_img" />
-
-                        <Button
-                            android:id="@+id/share_code_button"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="10dp"
-                            android:background="@drawable/share_code_background"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:onClick="@{()->vm.onClickShareCodeButton()}"
-                            android:paddingHorizontal="15dp"
-                            android:text="@string/share_code_button"
-                            android:textColor="@color/white"
-                            android:textSize="15sp"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toBottomOf="@id/share_code_time" />
-
-                        <TextView
-                            android:id="@+id/share_code_explain"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="20dp"
-                            android:layout_marginTop="15dp"
-                            android:bufferType="spannable"
-                            android:fontFamily="@font/notosanskr_regular"
-                            android:text="@string/share_code_explain"
-                            android:textAlignment="center"
-                            android:textColor="@color/grey_C6C6C6"
-                            app:layout_constraintTop_toBottomOf="@id/share_code_button" />
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/input_code_frame"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:visibility="gone"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <TextView
-                            android:id="@+id/input_code_title"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginVertical="18dp"
-                            android:layout_marginStart="20dp"
-                            android:fontFamily="@font/notosanskr_bold"
-                            android:includeFontPadding="false"
-                            android:text="@string/input_code_title"
-                            android:textColor="@color/black"
-                            android:textSize="24sp"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <TextView
-                            android:id="@+id/input_code_subtitle"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:includeFontPadding="false"
-                            android:text="@string/input_code_subtitle"
-                            android:textColor="@color/grey_909090"
-                            android:textSize="17sp"
-                            app:layout_constraintStart_toStartOf="@id/input_code_title"
-                            app:layout_constraintTop_toBottomOf="@id/input_code_title" />
 
-                        <TextView
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="5dp"
-                            android:fontFamily="@font/notosanskr_regular"
-                            android:includeFontPadding="false"
-                            android:text="@string/input_code_edittext_title"
-                            android:textSize="17sp"
-                            app:layout_constraintBottom_toBottomOf="@id/input_code_et"
-                            app:layout_constraintStart_toStartOf="@id/input_code_et"
-                            app:layout_constraintTop_toTopOf="@id/input_code_et" />
-
-                        <EditText
-                            android:id="@+id/input_code_et"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="20dp"
-                            android:layout_marginTop="48dp"
-                            android:fontFamily="@font/notosanskr_medium"
-                            android:includeFontPadding="false"
-                            android:lines="1"
-                            android:maxLines="1"
-                            android:paddingHorizontal="70dp"
-                            android:text="@={vm._groupCode}"
-                            android:textSize="16sp"
-                            app:layout_constraintTop_toBottomOf="@+id/input_code_subtitle"
-                            tools:layout_editor_absoluteX="20dp" />
-
-                        <TextView
-                            android:id="@+id/input_code_result"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:fontFamily="@font/notosanskr_regular"
-                            android:includeFontPadding="false"
-                            android:textSize="17sp"
-                            app:layout_constraintStart_toStartOf="@id/input_code_et"
-                            app:layout_constraintTop_toBottomOf="@id/input_code_et" />
-
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/agree_service_condition_frame"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:visibility="gone"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <TextView
-                            android:id="@+id/agree_condition_title"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginVertical="18dp"
-                            android:layout_marginStart="20dp"
-                            android:fontFamily="@font/notosanskr_bold"
-                            android:includeFontPadding="false"
-                            android:text="@string/agree_condition_title"
-                            android:textColor="@color/black"
-                            android:textSize="24sp"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <androidx.constraintlayout.widget.ConstraintLayout
-                            android:id="@+id/service_checkbox_frame"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="20dp"
-                            android:layout_marginTop="50dp"
-                            app:layout_constraintTop_toBottomOf="@id/agree_condition_title">
-
-                            <CheckBox
-                                android:id="@+id/service_checkbox"
-                                android:layout_width="wrap_content"
-                                android:layout_height="wrap_content"
-                                android:buttonTint="@{vm.serviceChecked == true ? @color/owori_red : @color/grey_C6C6C6}"
-                                android:checked="@={vm._serviceChecked}"
-                                app:layout_constraintBottom_toBottomOf="parent"
-                                app:layout_constraintStart_toStartOf="parent"
-                                app:layout_constraintTop_toTopOf="parent"
-                                android:drawableStart="@android:color/transparent"
-                                android:drawablePadding="10dp"
-                                android:onClick="@{()->vm.onClickCheckBox()}"
-                                android:fontFamily="@font/notosanskr_medium"
-                                android:includeFontPadding="false"
-                                android:text="@string/agree_service_condition"
-                                android:textColor="@color/black"
-                                android:textSize="17sp"/>
-
-
-                            <ImageButton
-                                android:id="@+id/service_btn"
-                                android:layout_width="wrap_content"
-                                android:layout_height="wrap_content"
-                                android:background="@android:color/transparent"
-                                android:src="@drawable/arrow_next"
-                                android:onClick="@{()->vm.onClickService()}"
-                                app:layout_constraintBottom_toBottomOf="parent"
-                                app:layout_constraintEnd_toEndOf="parent"
-                                app:layout_constraintTop_toTopOf="parent" />
-
-                        </androidx.constraintlayout.widget.ConstraintLayout>
-
-                        <androidx.constraintlayout.widget.ConstraintLayout
-                            android:id="@+id/personal_info_checkbox_frame"
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginHorizontal="20dp"
-                            android:layout_marginTop="10dp"
-                            app:layout_constraintTop_toBottomOf="@id/service_checkbox_frame">
-
-                            <CheckBox
-                                android:id="@+id/personal_info_checkbox"
-                                android:layout_width="wrap_content"
-                                android:layout_height="wrap_content"
-                                android:buttonTint="@{vm.personalInfoChecked == true ? @color/owori_red : @color/grey_C6C6C6}"
-                                android:checked="@={vm._personalInfoChecked}"
-                                app:layout_constraintBottom_toBottomOf="parent"
-                                app:layout_constraintStart_toStartOf="parent"
-                                app:layout_constraintTop_toTopOf="parent"
-                                android:drawableStart="@android:color/transparent"
-                                android:drawablePadding="10dp"
-                                android:onClick="@{()->vm.onClickCheckBox()}"
-                                android:fontFamily="@font/notosanskr_medium"
-                                android:includeFontPadding="false"
-                                android:text="@string/agree_personal_info_collection"
-                                android:textColor="@color/black"
-                                android:textSize="17sp"/>
-
-
-
-                            <ImageButton
-                                android:id="@+id/personal_info_btn"
-                                android:layout_width="wrap_content"
-                                android:layout_height="wrap_content"
-                                android:background="@android:color/transparent"
-                                android:src="@drawable/arrow_next"
-                                android:onClick="@{()->vm.onClickPersonalInfo()}"
-                                app:layout_constraintBottom_toBottomOf="parent"
-                                app:layout_constraintEnd_toEndOf="parent"
-                                app:layout_constraintTop_toTopOf="parent" />
-
-                        </androidx.constraintlayout.widget.ConstraintLayout>
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                </androidx.constraintlayout.widget.ConstraintLayout>
-            </FrameLayout>
-        </LinearLayout>
-
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/input_code_explain_frame"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginHorizontal="20dp"
-            android:layout_marginBottom="50dp"
-            android:background="@drawable/input_code_explain_background"
-            android:padding="10dp"
-            android:visibility="invisible"
-            app:layout_constraintBottom_toTopOf="@+id/viewpager_button">
-
-            <TextView
-                android:id="@+id/input_code_explain_title"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:fontFamily="@font/notosanskr_medium"
-                android:text="@string/input_code_explain_title"
-                android:textColor="@color/black"
-                app:layout_constraintTop_toTopOf="parent" />
-
-            <TextView
-                android:id="@+id/input_code_explain_first"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:fontFamily="@font/notosanskr_medium"
-                android:includeFontPadding="false"
-                android:text="@string/input_code_explain_first"
-                android:textColor="@color/grey_626262"
-                app:drawableStartCompat="@drawable/dot"
-                app:layout_constraintTop_toBottomOf="@+id/input_code_explain_title" />
-
-
-            <TextView
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="5dp"
-                android:fontFamily="@font/notosanskr_medium"
-                android:includeFontPadding="false"
-                android:text="@string/input_code_explain_second"
-                android:textColor="@color/grey_626262"
-                app:drawableStartCompat="@drawable/dot"
-                app:layout_constraintTop_toBottomOf="@+id/input_code_explain_first" />
-
-
-        </androidx.constraintlayout.widget.ConstraintLayout>
-
-        <Button
-            android:id="@+id/viewpager_button"
+        <fragment
+            android:id="@+id/policy_fragment_container"
+            android:name="androidx.navigation.fragment.NavHostFragment"
             android:layout_width="match_parent"
-            android:layout_height="64dp"
-            android:layout_gravity="bottom"
-            android:background="@drawable/ripple_check_button"
-            android:enabled="false"
-            android:fontFamily="@font/pretendard_bold"
-            android:onClick="@{()-> vm.onClickCheckButton()}"
-            android:text="@{vm.currentIndex == 6 ? @string/agree_condition : @string/policy_check}"
-            android:textColor="@color/grey_909090"
-            android:textSize="18sp"
-            app:layout_constraintBottom_toBottomOf="parent"
-            tools:text="@string/policy_check" />
-
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/indicator_layout"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="70dp"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            android:textSize="36dp"
-            android:textColor="@color/black_050708"
-            app:layout_constraintBottom_toBottomOf="parent"
-            android:text="PolicyFragment"/>
-
-            <ImageView
-                android:id="@+id/first_indicator"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:src="@{vm.currentIndex == 0 ? @drawable/focused_nickname : @drawable/unfocused_nickname}"
-                app:layout_constraintStart_toStartOf="parent"
-                tools:src="@drawable/focused_nickname" />
-
-            <View
-                android:id="@+id/nav_line1"
-                android:layout_width="10dp"
-                android:layout_height="4dp"
-                android:layout_marginHorizontal="1dp"
-                android:background="@drawable/navigation_line"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/first_indicator"
-                app:layout_constraintTop_toTopOf="parent" />
-
-            <View
-                android:id="@+id/nav_line2"
-                android:layout_width="10dp"
-                android:layout_height="4dp"
-                android:layout_marginHorizontal="1dp"
-                android:background="@drawable/navigation_line"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/nav_line1"
-                app:layout_constraintTop_toTopOf="parent" />
-
-
-            <ImageView
-                android:id="@+id/second_indicator"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginHorizontal="1dp"
-                android:src="@{vm.currentIndex == 1 ? @drawable/focused_birthdate : @drawable/unfocused_birthdate}"
-                app:layout_constraintStart_toEndOf="@id/nav_line2"
-                tools:src="@drawable/unfocused_birthdate" />
-
-            <View
-                android:id="@+id/nav_line3"
-                android:layout_width="10dp"
-                android:layout_height="4dp"
-                android:layout_marginHorizontal="1dp"
-                android:background="@drawable/navigation_line"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/second_indicator"
-                app:layout_constraintTop_toTopOf="parent" />
-
-            <View
-                android:id="@+id/nav_line4"
-                android:layout_width="10dp"
-                android:layout_height="4dp"
-                android:layout_marginHorizontal="1dp"
-                android:background="@drawable/navigation_line"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/nav_line3"
-                app:layout_constraintTop_toTopOf="parent" />
-
-            <ImageView
-                android:id="@+id/third_indicator"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginHorizontal="1dp"
-                android:src="@{vm.currentIndex == 2 ? @drawable/focused_connect : @drawable/unfocused_connect}"
-                app:layout_constraintStart_toEndOf="@+id/nav_line4"
-                tools:src="@drawable/unfocused_connect" />
-
-            <View
-                android:id="@+id/nav_line5"
-                android:layout_width="10dp"
-                android:layout_height="4dp"
-                android:layout_marginHorizontal="1dp"
-                android:background="@drawable/navigation_line"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/third_indicator"
-                app:layout_constraintTop_toTopOf="parent" />
-
-            <View
-                android:id="@+id/nav_line6"
-                android:layout_width="10dp"
-                android:layout_height="4dp"
-                android:layout_marginHorizontal="1dp"
-                android:background="@drawable/navigation_line"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/nav_line5"
-                app:layout_constraintTop_toTopOf="parent" />
-
-            <ImageView
-                android:id="@+id/fourth_indicator"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginHorizontal="1dp"
-                android:src="@{vm.currentIndex == 3 ? @drawable/focused_group : @drawable/unfocused_group}"
-                app:layout_constraintStart_toEndOf="@+id/nav_line6"
-                tools:src="@drawable/unfocused_group" />
-
-            <View
-                android:id="@+id/nav_line7"
-                android:layout_width="10dp"
-                android:layout_height="4dp"
-                android:layout_marginHorizontal="1dp"
-                android:background="@drawable/navigation_line"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/fourth_indicator"
-                app:layout_constraintTop_toTopOf="parent" />
-
-            <View
-                android:id="@+id/nav_line8"
-                android:layout_width="10dp"
-                android:layout_height="4dp"
-                android:layout_marginHorizontal="1dp"
-                android:background="@drawable/navigation_line"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/nav_line7"
-                app:layout_constraintTop_toTopOf="parent" />
-
-
-            <ImageView
-                android:id="@+id/fifth_indicator"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginHorizontal="1dp"
-                android:src="@{vm.currentIndex == 6 ? @drawable/focused_agree : @drawable/unfocused_agree}"
-                app:layout_constraintStart_toEndOf="@+id/nav_line8"
-                tools:src="@drawable/unfocused_agree" />
-
-
-        </androidx.constraintlayout.widget.ConstraintLayout>
-
+            android:layout_height="match_parent"
+            app:navGraph="@navigation/policy_navigation"/>
 
     </androidx.constraintlayout.widget.ConstraintLayout>
-
-
 </layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_share_code.xml b/app/src/main/res/layout/fragment_share_code.xml
new file mode 100644
index 0000000..5ee0643
--- /dev/null
+++ b/app/src/main/res/layout/fragment_share_code.xml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+        <variable
+            name="vm"
+            type="com.owori.android.presenter.policy.ShareCodeViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".presenter.policy.ShareCodeFragment">
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            android:text="그룹 코드 공유 화면"/>
+
+        <Button
+            android:id="@+id/viewpager_button"
+            android:layout_width="match_parent"
+            android:layout_height="64dp"
+            android:background="@drawable/check_btn_ripple"
+            android:onClick="@{()-> vm.onClickCheckButton()}"
+            android:paddingVertical="3dp"
+            android:text="@string/onboarding_next"
+            android:textAppearance="@style/TextSubTitle.01"
+            android:textColor="@color/white"
+            app:layout_constraintBottom_toBottomOf="parent" />
+
+
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/auth_navigation.xml b/app/src/main/res/navigation/auth_navigation.xml
index 784daa7..f912725 100644
--- a/app/src/main/res/navigation/auth_navigation.xml
+++ b/app/src/main/res/navigation/auth_navigation.xml
@@ -26,16 +26,72 @@
     <fragment
         android:id="@+id/LoginFragment"
         android:name="com.owori.android.presenter.login.LoginFragment">
+        <action
+            android:id="@+id/action_LoginFragment_to_nickNameFragment"
+            app:destination="@id/nickNameFragment" />
+    </fragment>
+
+    <fragment
+        android:id="@+id/nickNameFragment"
+        android:name="com.owori.android.presenter.policy.NickNameFragment"
+        android:label="NickNameFragment"
+        tools:layout="@layout/fragment_nick_name">
+        <action
+            android:id="@+id/action_nickNameFragment_to_birthDateFragment"
+            app:destination="@id/birthDateFragment" />
+    </fragment>
+    <fragment
+        android:id="@+id/birthDateFragment"
+        android:name="com.owori.android.presenter.policy.BirthDateFragment"
+        android:label="BirthDateFragment"
+        tools:layout="@layout/fragment_birth_date">
+
 
         <action
-            android:id="@+id/action_loginFragment_to_PolicyFragment"
-            app:destination="@id/PolicyFragment" />
+            android:id="@+id/action_birthDateFragment_to_familyConnectFragment"
+            app:destination="@id/familyConnectFragment" />
+    </fragment>
+    <fragment
+        android:id="@+id/familyConnectFragment"
+        android:name="com.owori.android.presenter.policy.FamilyConnectFragment"
+        android:label="FamilyConnectFragment">
+        <action
+            android:id="@+id/action_familyConnectFragment_to_groupFragment"
+            app:destination="@id/groupFragment" />
+        <action
+            android:id="@+id/action_familyConnectFragment_to_inputFamilyCodeFragment"
+            app:destination="@id/inputFamilyCodeFragment" />
+    </fragment>
+    <fragment
+        android:id="@+id/groupFragment"
+        android:name="com.owori.android.presenter.policy.GroupFragment"
+        android:label="GroupFragment"
+        tools:layout="@layout/fragment_group">
+        <action
+            android:id="@+id/action_groupFragment_to_shareCodeFragment"
+            app:destination="@id/shareCodeFragment" />
     </fragment>
 
     <fragment
-        android:id="@+id/PolicyFragment"
-        android:name="com.owori.android.presenter.policy.PolicyFragment">
+        android:id="@+id/shareCodeFragment"
+        android:name="com.owori.android.presenter.policy.ShareCodeFragment"
+        android:label="ShareCodeFragment">
+        <action
+            android:id="@+id/action_shareCodeFragment_to_agreeServiceConditionFragment"
+            app:destination="@id/agreeServiceConditionFragment" />
+    </fragment>
 
+    <fragment
+        android:id="@+id/inputFamilyCodeFragment"
+        android:name="com.owori.android.presenter.policy.InputFamilyCodeFragment"
+        android:label="InputFamilyCodeFragment">
+        <action
+            android:id="@+id/action_inputFamilyCodeFragment_to_agreeServiceConditionFragment"
+            app:destination="@id/agreeServiceConditionFragment" />
     </fragment>
+    <fragment
+        android:id="@+id/agreeServiceConditionFragment"
+        android:name="com.owori.android.presenter.policy.AgreeServiceConditionFragment"
+        android:label="AgreeServiceConditionFragment" />
 
 </navigation>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/policy_navigation.xml b/app/src/main/res/navigation/policy_navigation.xml
new file mode 100644
index 0000000..d76223a
--- /dev/null
+++ b/app/src/main/res/navigation/policy_navigation.xml
@@ -0,0 +1,9 @@
+<?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"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/policy_navigation"
+    app:startDestination="@id/nickNameFragment">
+
+
+</navigation>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index e2c7978..ed512ae 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -8,16 +8,12 @@
     <color name="owori_sub_red">#F26E45</color>
     <color name="owori_light">#FFE9E2</color>
 
-    <color name="red_FF3F3F">#FF3F3F</color>
-
-    <color name="blue_1C86FF">#1C86FF</color>
-
     <color name="grey_f2f2f2">#F2F2F2</color>
     <color name="grey_909090">#909090</color>
     <color name="grey_626262">#626262</color>
     <color name="grey_e9e9e9">#E9E9E9</color>
-    <color name="grey_C6C6C6">#C6C6C6</color>
-    <color name="grey_F5F5F5">#F5F5F5</color>
+    <color name="grey_787878">#787878</color>
+    <color name="grey_c6c6c6">#c6c6c6</color>
 
     <color name="yellow_fee500">#FEE500</color>
 
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index c6dc276..08e19cc 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -17,7 +17,7 @@
     <string name="policy_check">확인</string>
     <string name="nickname_title">오월이에서 사용할\n닉네임을 입력해주세요</string>
     <string name="nickname_edittext_title">닉네임</string>
-    <string name="nickname_edittext_hint">숫자, 특수문자, 이모티콘 모두 사용 가능</string>
+    <string name="nickname_edittext_hint"><font size="16">숫자, 특수문자, 이모티콘 모두 사용 가능</font></string>
     <string name="nickname_length_limit">/7</string>
     <string name="birthdate_title">생년월일 8자리를 입력해주세요</string>
     <string name="birthdate_subtitle">원활한 서비스를 위해 생년월일이 필요해요\n매년 오월이가 생일을 챙겨줄게요!</string>
@@ -51,6 +51,7 @@
     <string name="auto_login_subtitle">언제든지 [설정]에서 변경할 수 있어요</string>
     <string name="auto_login_ok">네, 자동로그인 할게요</string>
     <string name="auto_login_no">아니오</string>
-
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
 
 </resources>
\ 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 cea32ba..4a38ff3 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -37,6 +37,10 @@
         <item name="fontWeight">500</item>
     </style>
 
+    <style name="TextBodyMedium.00">
+        <item name="android:textSize">18dp</item>
+    </style>
+
     <style name="TextBodyMedium.01">
         <item name="android:textSize">16dp</item>
     </style>