diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml
new file mode 100644
index 0000000..16660f1
--- /dev/null
+++ b/.idea/runConfigurations.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RunConfigurationProducerService">
+    <option name="ignoredProducers">
+      <set>
+        <option value="com.intellij.execution.junit.AbstractAllInDirectoryConfigurationProducer" />
+        <option value="com.intellij.execution.junit.AllInPackageConfigurationProducer" />
+        <option value="com.intellij.execution.junit.PatternConfigurationProducer" />
+        <option value="com.intellij.execution.junit.TestInClassConfigurationProducer" />
+        <option value="com.intellij.execution.junit.UniqueIdConfigurationProducer" />
+        <option value="com.intellij.execution.junit.testDiscovery.JUnitTestDiscoveryConfigurationProducer" />
+        <option value="org.jetbrains.kotlin.idea.junit.KotlinJUnitRunConfigurationProducer" />
+        <option value="org.jetbrains.kotlin.idea.junit.KotlinPatternConfigurationProducer" />
+      </set>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 6479977..9f8b8ed 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -7,11 +7,12 @@ plugins {
     id("dagger.hilt.android.plugin")
     id("androidx.navigation.safeargs.kotlin")
     id("org.jetbrains.kotlin.kapt")
+    id("kotlin-kapt")
 }
 
 android {
     namespace = "umc.study.umc_7th"
-    compileSdk = 34
+    compileSdk = 35
 
     defaultConfig {
         applicationId = "umc.study.umc_7th"
@@ -48,7 +49,7 @@ android {
         compose = true
     }
     composeOptions {
-        kotlinCompilerExtensionVersion = "1.5.1"
+        kotlinCompilerExtensionVersion = "1.5.13"
     }
     packaging {
         resources {
@@ -69,6 +70,7 @@ dependencies {
     implementation(libs.androidx.storage)
     implementation(libs.androidx.lifecycle.runtime.compose.android)
     implementation(libs.common)
+    implementation(libs.firebase.firestore.ktx)
     testImplementation(libs.junit)
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)
@@ -86,6 +88,8 @@ dependencies {
     implementation(libs.androidx.navigation.fragment.ktx)
     implementation(libs.androidx.navigation.ui.ktx)
 
+    implementation ("me.relex:circleindicator:2.1.6")
+    implementation ("androidx.viewpager2:viewpager2:1.0.0")
     // Hilt Dependency Injection
     implementation("com.google.dagger:hilt-android:2.49")
     kapt("com.google.dagger:hilt-compiler:2.49")
@@ -99,6 +103,8 @@ dependencies {
     implementation("com.squareup.retrofit2:converter-gson:2.9.0")
     implementation("com.squareup.retrofit2:converter-scalars:2.9.0")
 
+    implementation("com.squareup.retrofit2:converter-gson:2.9.0")
+
     // https://github.com/square/okhttp
     implementation("com.squareup.okhttp3:okhttp:5.0.0-alpha.2")
 
@@ -132,4 +138,22 @@ dependencies {
     annotationProcessor("androidx.room:room-compiler:2.6.1")
     kapt("androidx.room:room-compiler:2.6.1")
     implementation("androidx.room:room-ktx:2.6.1")
+
+    implementation("androidx.room:room-migration:2.6.0")
+    implementation("androidx.room:room-runtime:2.6.0")
+    kapt("androidx.room:room-compiler:2.6.0")
+
+// Retrofit
+    implementation("com.squareup.retrofit2:retrofit:2.9.0")
+    implementation("com.squareup.retrofit2:converter-gson:2.9.0")
+    implementation("org.jetbrains.kotlinx:kotlinx-coroutines-android:1.5.2")
+    implementation("com.squareup.retrofit2:adapter-rxjava2:2.9.0")
+
+// okHttp
+    implementation("com.squareup.okhttp3:okhttp:4.9.0")
+    implementation("com.squareup.okhttp3:logging-interceptor:4.9.0")
+
+// Glide
+    implementation("com.github.bumptech.glide:glide:4.12.0")
+    annotationProcessor("com.github.bumptech.glide:compiler:4.12.0")
 }
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 0318547..31292ab 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools">\
+    xmlns:tools="http://schemas.android.com/tools">
 
     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
     <uses-permission android:name="android.permission.INTERNET"/>
@@ -19,10 +19,9 @@
             android:name=".MainActivity"
             android:exported="true"
             android:label="@string/app_name"
-            android:theme="@style/Theme.Umc_7th">
+            android:theme="@style/SplashTheme">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
-
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
@@ -31,4 +30,6 @@
             android:exported="true"/>
     </application>
 
+    <uses-permission android:name="android.permission.INTERNET"/>
+
 </manifest>
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/Album.kt b/app/src/main/java/umc/study/umc_7th/Album.kt
new file mode 100644
index 0000000..d60cc90
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/Album.kt
@@ -0,0 +1,13 @@
+package umc.study.umc_7th
+
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity(tableName = "AlbumTable")
+data class Album(
+    // album의 pk는 임의로 지정해 줄 것이므로, autoGenerate 하지 않음
+    @PrimaryKey(autoGenerate = false) var id: Int = 0,
+    var title: String? = "",
+    var singer: String? = "",
+    var coverImage: Int? = null
+)
diff --git a/app/src/main/java/umc/study/umc_7th/AlbumDao.kt b/app/src/main/java/umc/study/umc_7th/AlbumDao.kt
new file mode 100644
index 0000000..8cbaafa
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/AlbumDao.kt
@@ -0,0 +1,37 @@
+package umc.study.umc_7th
+
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.Query
+import androidx.room.Update
+
+@Dao
+interface AlbumDao {
+    @Insert
+    fun insert(album: Album)
+
+    @Update
+    fun update(album: Album)
+
+    @Delete
+    fun delete(album: Album)
+
+    @Query("SELECT * FROM AlbumTable") // 테이블의 모든 값을 가져온다.
+    fun getAlbums(): List<Album>
+
+    @Query("SELECT * FROM AlbumTable WHERE id = :id")
+    fun getAlbum(id: Int): Album
+
+    @Insert
+    fun likeAlbum(like : Like)
+
+    @Query("select id from LikeTable where userId =:userId and albumId = :albumId")
+    fun isLikedAlbum(userId : Int, albumId : Int) : Int?
+
+    @Query("delete from LikeTable where userId =:userId and albumId = :albumId")
+    fun dislikedAlbum(userId : Int, albumId : Int)
+
+    @Query("select at.* from LikeTable as lt left join AlbumTable as at on lt.albumId = at.id where lt.userId = :userId")
+    fun getLikedAlbums(userId : Int) : List<Album>
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/AlbumFragment.kt b/app/src/main/java/umc/study/umc_7th/AlbumFragment.kt
index b0c3ca1..f4e93f0 100644
--- a/app/src/main/java/umc/study/umc_7th/AlbumFragment.kt
+++ b/app/src/main/java/umc/study/umc_7th/AlbumFragment.kt
@@ -1,17 +1,32 @@
+package umc.study.umc_7th
+
+
 import android.os.Bundle
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
 import androidx.fragment.app.Fragment
+import androidx.fragment.app.setFragmentResultListener
+import com.google.android.material.tabs.TabLayoutMediator
+import com.google.gson.Gson
+import umc.study.umc_7th.AlbumRVAdapter
 import umc.study.umc_7th.HomeFragment
+import umc.study.umc_7th.Like
 import umc.study.umc_7th.MainActivity
 import umc.study.umc_7th.R
+import umc.study.umc_7th.SongDatabase
 import umc.study.umc_7th.databinding.FragmentAlbumBinding
 
 class AlbumFragment : Fragment() {
 
     lateinit var binding: FragmentAlbumBinding
+    private var gson: Gson = Gson()
+
+    private var isLiked : Boolean = false
+
+    private val information = arrayListOf("수록곡", "상세정보", "영상")
 
     override fun onCreateView(
         inflater: LayoutInflater,
@@ -20,37 +35,93 @@ class AlbumFragment : Fragment() {
     ): View? {
         binding = FragmentAlbumBinding.inflate(inflater,container,false)
 
+        val albumToJson = arguments?.getString("album")
+        val album = gson.fromJson(albumToJson, Album::class.java)
+        isLiked = isLikedAlbum(album.id)
+        setInit(album)
+        setOnClickListener(album)
+
+        setFragmentResultListener("TitleInfo") { requestKey, bundle ->
+            binding.albumMusicTitleTv.text = bundle.getString("title")
+        }
+
+        setFragmentResultListener("SingerInfo") { requestKey, bundle ->
+            binding.albumSingerNameTv.text = bundle.getString("singer")
+        }
+
+        // binding.albumMusicTitleTv.text = arguments?.getString("title")
+        // binding.albumSingerNameTv.text = arguments?.getString("singer")
+
         binding.albumBackIv.setOnClickListener {
             (context as MainActivity).supportFragmentManager.beginTransaction()
                 .replace(R.id.main_frm, HomeFragment())
                 .commitAllowingStateLoss()
         }
 
-        binding.songLalacLayout.setOnClickListener {
-            Toast.makeText(activity, "LILAC", Toast.LENGTH_SHORT).show()
-        }
+        val albumAdapter = AlbumVPAdapter(this)
+        binding.albumContentVp.adapter = albumAdapter
 
-        binding.songFluLayout.setOnClickListener {
-            Toast.makeText(activity,"FLU", Toast.LENGTH_SHORT).show()
-        }
+        TabLayoutMediator(binding.albumContentTb, binding.albumContentVp) { tab, position ->
+            tab.text = information[position]
+        }.attach()
 
-        binding.songCoinLayout.setOnClickListener {
-            Toast.makeText(activity,"Coin", Toast.LENGTH_SHORT).show()
-        }
+        return binding.root
+    }
 
-        binding.songSpringLayout.setOnClickListener {
-            Toast.makeText(activity,"봄 안녕 봄", Toast.LENGTH_SHORT).show()
-        }
+    private fun setInit(album : Album) {
+        binding.albumAlbumIv.setImageResource(album.coverImage!!)
+        binding.albumMusicTitleTv.text = album.title.toString()
+        binding.albumSingerNameTv.text = album.singer.toString()
 
-        binding.songCelebrityLayout.setOnClickListener {
-            Toast.makeText(activity,"Celebrity", Toast.LENGTH_SHORT).show()
+        if(isLiked) {
+            binding.albumLikeIv.setImageResource(R.drawable.ic_my_like_on)
         }
 
-        binding.songSingLayout.setOnClickListener {
-            Toast.makeText(activity,"돌림노래 (Feat. DEAN)", Toast.LENGTH_SHORT).show()
+        else {
+            binding.albumLikeIv.setImageResource(R.drawable.ic_my_like_off)
         }
+    }
 
-        return binding.root
+    private fun getJwt() : Int {
+        val spf = requireActivity().getSharedPreferences("auth", AppCompatActivity.MODE_PRIVATE)
+        return spf.getInt("jwt", 0)
+    }
+
+    private fun likeAlbum(userId : Int, albumId : Int) {
+        val songDB = SongDatabase.getInstance(requireActivity())!!
+        val like = Like(userId, albumId)
+
+        songDB.albumDao().likeAlbum(like)
+    }
+
+    private fun isLikedAlbum(albumId : Int) : Boolean {
+        val songDB = SongDatabase.getInstance(requireActivity())!!
+        val userId = getJwt()
+
+        val likeId : Int? = songDB.albumDao().isLikedAlbum(userId, albumId)
+        return likeId != null
     }
 
+    private fun disLikeAlbum(albumId : Int) {
+        val songDB = SongDatabase.getInstance(requireActivity())!!
+        val userId = getJwt()
+
+        songDB.albumDao().dislikedAlbum(userId, albumId)
+    }
+
+    private fun setOnClickListener(album : Album) {
+        val userId = getJwt()
+        binding.albumLikeIv.setOnClickListener {
+            if(isLiked) {
+                binding.albumLikeIv.setImageResource(R.drawable.ic_my_like_off)
+                disLikeAlbum(album.id)
+            }
+
+            else {
+                binding.albumLikeIv.setImageResource((R.drawable.ic_my_like_on))
+                likeAlbum(userId, album.id)
+            }
+        }
+
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/AlbumRVAapter.kt b/app/src/main/java/umc/study/umc_7th/AlbumRVAapter.kt
new file mode 100644
index 0000000..7f0d583
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/AlbumRVAapter.kt
@@ -0,0 +1,52 @@
+package umc.study.umc_7th
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import umc.study.umc_7th.databinding.ItemAlbumBinding
+
+class AlbumRVAdapter(private val albumList: ArrayList<Album>) : RecyclerView.Adapter<AlbumRVAdapter.ViewHolder>(){
+
+    // 뷰홀더를 생성해줘야 할 때 호출되는 함수 => 아이템 뷰 객체를 만들어서 뷰홀더에 던져줍니다.
+    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): AlbumRVAdapter.ViewHolder {
+        val binding: ItemAlbumBinding = ItemAlbumBinding.inflate(LayoutInflater.from(viewGroup.context), viewGroup, false)
+
+        return ViewHolder(binding)
+    }
+
+    // 뷰홀더에 데이터를 바인딩해줘야 할 때마다 호출되는 함수 => 엄청나게 많이 호출
+    override fun onBindViewHolder(holder: AlbumRVAdapter.ViewHolder, position: Int) {
+        holder.bind(albumList[position])
+        holder.itemView.setOnClickListener {
+            itemClickListener.onItemClick(albumList[position])
+        }
+
+        holder.binding.itemAlbumPlayImgIv.setOnClickListener {
+            itemClickListener.onPlayAlbum(albumList[position])
+        }
+    }
+
+    // 데이터 세트 크기를 알려주는 함수 => 리사이클러뷰가 마지막이 언제인지를 알게 된다.
+    override fun getItemCount(): Int = albumList.size
+
+    // 뷰홀더
+    inner class ViewHolder(val binding: ItemAlbumBinding): RecyclerView.ViewHolder(binding.root){
+
+        fun bind(album: Album){
+            binding.itemAlbumTitleTv.text = album.title
+            binding.itemAlbumSingerTv.text = album.singer
+            binding.itemAlbumCoverImgIv.setImageResource(album.coverImage!!)
+        }
+    }
+
+    interface OnItemClickListener {
+        fun onItemClick(album : Album)
+        fun onPlayAlbum(album : Album)
+    }
+
+    private lateinit var itemClickListener : OnItemClickListener
+
+    fun setItemClickListener(onItemClickListener: OnItemClickListener) {
+        this.itemClickListener = onItemClickListener
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/AlbumVPAdpter.kt b/app/src/main/java/umc/study/umc_7th/AlbumVPAdpter.kt
new file mode 100644
index 0000000..6b31037
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/AlbumVPAdpter.kt
@@ -0,0 +1,16 @@
+package umc.study.umc_7th
+
+import androidx.fragment.app.Fragment
+import androidx.viewpager2.adapter.FragmentStateAdapter
+
+class AlbumVPAdapter(fragment : Fragment) : FragmentStateAdapter(fragment) {
+    override fun getItemCount(): Int = 3
+
+    override fun createFragment(position: Int): Fragment {
+        return when(position) {
+            0 -> SongFragment()
+            1 -> DetailFragment()
+            else -> VideoFragment()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/ApiRepository.kt b/app/src/main/java/umc/study/umc_7th/ApiRepository.kt
new file mode 100644
index 0000000..2bc16d0
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/ApiRepository.kt
@@ -0,0 +1,7 @@
+package umc.study.umc_7th
+
+class ApiRepository {
+    companion object {
+        const val BASE_URL = "http://3.35.121.185/"
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/AuthApi.kt b/app/src/main/java/umc/study/umc_7th/AuthApi.kt
new file mode 100644
index 0000000..397df80
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/AuthApi.kt
@@ -0,0 +1,13 @@
+////package umc.study.umc_7th
+//
+//import retrofit2.Call
+//import retrofit2.http.Body
+//import retrofit2.http.POST
+//
+//interface AuthApi {
+//    @POST("/users")
+//    fun signUp(@Body user: User): Call<AuthResponse>
+//
+//    @POST("/users/login")
+//    fun login(@Body user: User): Call<AuthResponse>
+//}
diff --git a/app/src/main/java/umc/study/umc_7th/AuthService.kt b/app/src/main/java/umc/study/umc_7th/AuthService.kt
new file mode 100644
index 0000000..14e80f8
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/AuthService.kt
@@ -0,0 +1,53 @@
+package umc.study.umc_7th
+
+import android.util.Log
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+
+class AuthService {
+    private lateinit var signUpView: SignUpView
+    private lateinit var loginView: LoginView
+
+    fun setSignUpView(signUpView: SignUpView) {
+        this.signUpView = signUpView
+    }
+
+    fun setLoginView(loginView: LoginView) {
+        this.loginView = loginView
+    }
+
+    fun signUp(user : User) {
+        RetrofitInstance.authApi.signUp(user).enqueue(object: Callback<BaseResponse> {
+            override fun onResponse(call: Call<BaseResponse>, response: Response<BaseResponse>) {
+                Log.d("SignUp-Success", response.toString())
+                val response : BaseResponse = response.body()!!
+                when(response.code) {
+                    1000 -> signUpView.onSignUpSuccess()
+                    else -> signUpView.onSignUpFailure(response.message)
+                }
+            }
+            override fun onFailure(call: Call<BaseResponse>, t: Throwable) {
+                Log.d("SignUp-Failure", t.message.toString())
+            }
+        })
+        Log.d("SignUpActivity", "All Finished")
+    }
+
+    fun login(user : User) {
+        RetrofitInstance.authApi.login(user).enqueue(object: Callback<BaseResponse> {
+            override fun onResponse(call: Call<BaseResponse>, response: Response<BaseResponse>) {
+                Log.d("Login-Success", response.toString())
+                val response : BaseResponse = response.body()!!
+                when(val code = response.code) {
+                    1000 -> loginView.onLoginSuccess(code, response.result!!)
+                    else -> loginView.onLoginFailure(response.message)
+                }
+            }
+            override fun onFailure(call: Call<BaseResponse>, t: Throwable) {
+                Log.d("Login-Failure", t.message.toString())
+            }
+        })
+        Log.d("LoginActivity", "All Finished")
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/BannerFragment.kt b/app/src/main/java/umc/study/umc_7th/BannerFragment.kt
new file mode 100644
index 0000000..41594e9
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/BannerFragment.kt
@@ -0,0 +1,27 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import umc.study.umc_7th.databinding.FragmentBannerBinding
+
+class BannerFragment(val imgRes : Int) : Fragment() {
+
+    lateinit var binding : FragmentBannerBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentBannerBinding.inflate(inflater, container, false)
+        binding.bannerImageIv.setImageResource(imgRes)
+        return binding.root
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/BannerVPAdapter.kt b/app/src/main/java/umc/study/umc_7th/BannerVPAdapter.kt
new file mode 100644
index 0000000..78e400f
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/BannerVPAdapter.kt
@@ -0,0 +1,22 @@
+package umc.study.umc_7th
+
+import androidx.fragment.app.Fragment
+import androidx.viewpager2.adapter.FragmentStateAdapter
+
+class BannerVPAdapter(fragment : Fragment) : FragmentStateAdapter(fragment) {
+
+    private val fragmentList : ArrayList<Fragment> = ArrayList()
+
+    override fun getItemCount(): Int {
+        return fragmentList.size
+    }
+
+    override fun createFragment(position: Int): Fragment {
+        return fragmentList[position]
+    }
+
+    fun addFragment(fragment: Fragment) {
+        fragmentList.add(fragment)
+        notifyItemInserted(fragmentList.size-1)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/BaseResponse.kt b/app/src/main/java/umc/study/umc_7th/BaseResponse.kt
new file mode 100644
index 0000000..b2df535
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/BaseResponse.kt
@@ -0,0 +1,15 @@
+package umc.study.umc_7th
+
+import com.google.gson.annotations.SerializedName
+
+data class BaseResponse(
+    @SerializedName("isSuccess") val isSuccess : Boolean,
+    @SerializedName("code") val code : Int,
+    @SerializedName("message") val message : String,
+    @SerializedName("result") val result : Result?
+)
+
+data class Result (
+    @SerializedName("userIdx") var userIdx : Int,
+    @SerializedName("jwt") var jwt : String
+)
diff --git a/app/src/main/java/umc/study/umc_7th/BottomSheetFragment.kt b/app/src/main/java/umc/study/umc_7th/BottomSheetFragment.kt
new file mode 100644
index 0000000..0281491
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/BottomSheetFragment.kt
@@ -0,0 +1,43 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Toast
+import com.google.android.material.bottomsheet.BottomSheetDialogFragment
+import umc.study.umc_7th.databinding.FragmentBottomSheetBinding
+
+class BottomSheetFragment : BottomSheetDialogFragment() {
+
+    lateinit var binding : FragmentBottomSheetBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentBottomSheetBinding.inflate(inflater, container, false)
+
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        binding.bottomSheetIv1.setOnClickListener {
+            Toast.makeText(requireActivity(), "듣기 버튼 클릭", Toast.LENGTH_SHORT).show()
+        }
+
+        binding.bottomSheetIv2.setOnClickListener {
+            Toast.makeText(requireActivity(), "재생목록 버튼 클릭", Toast.LENGTH_SHORT).show()
+        }
+
+        binding.bottomSheetIv3.setOnClickListener {
+            Toast.makeText(requireActivity(), "내 리스트 버튼 클릭", Toast.LENGTH_SHORT).show()
+        }
+
+        binding.bottomSheetIv4.setOnClickListener {
+            Toast.makeText(requireActivity(), "삭제 버튼 클릭", Toast.LENGTH_SHORT).show()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/CommunicationInterface.kt b/app/src/main/java/umc/study/umc_7th/CommunicationInterface.kt
new file mode 100644
index 0000000..8d8d269
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/CommunicationInterface.kt
@@ -0,0 +1,6 @@
+package umc.study.umc_7th
+
+
+interface CommunicationInterface {
+    fun sendData(album: Album)
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/Constant.kt b/app/src/main/java/umc/study/umc_7th/Constant.kt
new file mode 100644
index 0000000..622b567
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/Constant.kt
@@ -0,0 +1,6 @@
+package umc.study.umc_7th
+
+object Constant {
+    const val CHANNEL_ID = "ch123" // 아무런 값이나 입력한다.
+    const val MUSIC_NOTIFICATION_ID = 123 // 아무런 값이나 입력한다.
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/CustomSnackbar.kt b/app/src/main/java/umc/study/umc_7th/CustomSnackbar.kt
new file mode 100644
index 0000000..2849624
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/CustomSnackbar.kt
@@ -0,0 +1,48 @@
+package umc.study.umc_7th
+
+import android.view.LayoutInflater
+import android.view.View
+import androidx.core.content.ContextCompat
+import androidx.databinding.DataBindingUtil
+import com.google.android.material.snackbar.Snackbar
+import umc.study.umc_7th.databinding.CustomSnackbarBinding
+
+class CustomSnackbar(view: View, private val message: String) {
+
+    companion object {
+
+        fun make(view: View, message: String) = CustomSnackbar(view, message)
+    }
+
+    private val context = view.context
+    private val snackbar = Snackbar.make(view, "", 5000)
+    private val snackbarLayout = snackbar.view as Snackbar.SnackbarLayout
+
+    private val inflater = LayoutInflater.from(context)
+    private val snackbarBinding: CustomSnackbarBinding = DataBindingUtil.inflate(inflater, R.layout.custom_snackbar, null, false)
+
+    init {
+        initView()
+        initData()
+    }
+
+    private fun initView() {
+        with(snackbarLayout) {
+            removeAllViews()
+            setPadding(0, 0, 0, 0)
+            setBackgroundColor(ContextCompat.getColor(context, android.R.color.transparent))
+            addView(snackbarBinding.root, 0)
+        }
+    }
+
+    private fun initData() {
+        snackbarBinding.customSnackbarTv.text = message
+        snackbarBinding.customSnackbarBtn.setOnClickListener {
+            // OK 버튼을 클릭했을 때 실행할 동작을 정의할 수 있다.
+        }
+    }
+
+    fun show() {
+        snackbar.show()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/DetailFragment.kt b/app/src/main/java/umc/study/umc_7th/DetailFragment.kt
new file mode 100644
index 0000000..dfba4ad
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/DetailFragment.kt
@@ -0,0 +1,26 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import umc.study.umc_7th.databinding.FragmentDetailBinding
+
+class DetailFragment : Fragment() {
+
+    lateinit var binding : FragmentDetailBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentDetailBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/ForegroundService.kt b/app/src/main/java/umc/study/umc_7th/ForegroundService.kt
new file mode 100644
index 0000000..ac08d52
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/ForegroundService.kt
@@ -0,0 +1,63 @@
+package umc.study.umc_7th
+
+import android.app.Notification
+import android.app.NotificationChannel
+import android.app.NotificationManager
+import android.app.PendingIntent
+import android.app.Service
+import android.content.Intent
+import android.os.Build
+import android.os.IBinder
+import androidx.annotation.RequiresApi
+
+class ForegroundService : Service() {
+
+    override fun onBind(intent: Intent): IBinder? {
+        return null // 사용하지 않음을 의미한다.
+    }
+
+    override fun onCreate() {
+        super.onCreate()
+        createNotificationChannel()
+    }
+
+    override fun onStartCommand(intent: Intent?, flags: Int, startId: Int): Int {
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { // 버전 확인
+            showNotification()
+        }
+
+        return START_STICKY
+    }
+
+    @RequiresApi(Build.VERSION_CODES.O)
+    private fun showNotification() {
+        val notificationIntent = Intent(this, SongActivity::class.java)
+        val pendingIntent = PendingIntent.getActivity(
+            this, 0, notificationIntent, PendingIntent.FLAG_IMMUTABLE
+        )
+        val notification = Notification
+            .Builder(this, Constant.CHANNEL_ID)
+            .setContentText("현재 음악이 재생 중입니다.")
+            .setSmallIcon(R.drawable.app_icon)
+            .setContentIntent(pendingIntent)
+            .build()
+
+        startForeground(Constant.MUSIC_NOTIFICATION_ID, notification)
+    }
+
+    private fun createNotificationChannel() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            val serviceChannel = NotificationChannel(
+                Constant.CHANNEL_ID, "Service Channel",
+                NotificationManager.IMPORTANCE_DEFAULT
+            )
+
+            val manager = getSystemService(
+                NotificationManager::class.java
+            )
+
+            manager.createNotificationChannel(serviceChannel)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/HomeFragment.kt b/app/src/main/java/umc/study/umc_7th/HomeFragment.kt
index 2889fa0..da71022 100644
--- a/app/src/main/java/umc/study/umc_7th/HomeFragment.kt
+++ b/app/src/main/java/umc/study/umc_7th/HomeFragment.kt
@@ -2,16 +2,34 @@ package umc.study.umc_7th
 
 import AlbumFragment
 import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import androidx.core.os.bundleOf
 import androidx.fragment.app.Fragment
+import androidx.fragment.app.setFragmentResult
+import androidx.viewpager2.widget.ViewPager2
 import umc.study.umc_7th.databinding.FragmentHomeBinding
 
-class HomeFragment : Fragment() {
+class HomeFragment : Fragment(), CommunicationInterface {
 
     lateinit var binding : FragmentHomeBinding
 
+    private var albumDatas = ArrayList<Album>()
+    private lateinit var songDB: SongDatabase
+
+    private val timer = SongActivity.Timer()
+    private val handler = Handler(Looper.getMainLooper())
+
+    override fun sendData(album: Album) { // MainActivity의 UI를 업데이트하기 위해 사용하는 메서드
+        if (activity is MainActivity) {
+            val activity = activity as MainActivity
+            activity.updateMainPlayerCl(album)
+        }
+    }
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
     }
@@ -22,10 +40,174 @@ class HomeFragment : Fragment() {
     ): View? {
         binding = FragmentHomeBinding.inflate(inflater, container, false)
 
-        binding.homePannelAlbumImgIv.setOnClickListener {
-            (context as MainActivity).supportFragmentManager.beginTransaction().replace(R.id.main_frm, AlbumFragment()).commitAllowingStateLoss()
+//        binding.homeAlbumImgIv1.setOnClickListener {
+//            val bundle = Bundle()
+//            bundle.putString("title", binding.titleLilac.text.toString())
+//            bundle.putString("singer", binding.singerIu.text.toString())
+//
+//            val albumFragment = AlbumFragment()
+//            albumFragment.arguments = bundle
+//
+//            (context as MainActivity)
+//                .supportFragmentManager.beginTransaction()
+//                .replace(R.id.main_frm, albumFragment).commitAllowingStateLoss()
+//        }
+
+        inputDummyAlbums()
+
+        songDB = SongDatabase.getInstance(requireContext())!!
+        albumDatas.addAll(songDB.albumDao().getAlbums())
+        Log.d("albumlist", albumDatas.toString())
+
+        val albumRVAdapter = AlbumRVAdapter(albumDatas)
+        binding.homeTodayMusicAlbumRv.adapter = albumRVAdapter
+        binding.homeTodayMusicAlbumRv.layoutManager = LinearLayoutManager(requireActivity(), LinearLayoutManager.HORIZONTAL, false)
+
+        albumRVAdapter.setItemClickListener(object : AlbumRVAdapter.OnItemClickListener {
+            override fun onItemClick(album : Album) {
+                changeAlbumFragment(album)
+            }
+
+            override fun onPlayAlbum(album: Album) {
+                sendData(album)
+            }
+        })
+
+        val bannerAdapter = BannerVPAdapter(this)
+        bannerAdapter.addFragment(BannerFragment(R.drawable.img_home_viewpager_exp))
+        bannerAdapter.addFragment(BannerFragment(R.drawable.img_home_viewpager_exp2))
+
+        binding.homeBannerVp.adapter = bannerAdapter
+        binding.homeBannerVp.orientation = ViewPager2.ORIENTATION_HORIZONTAL
+
+        binding.homeBannerIndicator.setViewPager(binding.homeBannerVp)
+
+        autoSlide(bannerAdapter)
+
+        val pannelAdpater = PannelVpAdapter(this)
+        pannelAdpater.addFragment(PannelFragment(R.drawable.img_first_album_default))
+        pannelAdpater.addFragment(PannelFragment(R.drawable.img_first_album_default))
+        binding.homePannelBackgroundVp.adapter = pannelAdpater
+        binding.homePannelBackgroundVp.orientation = ViewPager2.ORIENTATION_HORIZONTAL
+
+        binding.homePannelIndicator.setViewPager(binding.homePannelBackgroundVp)
+
+        binding.homePannelBtnMemoIv.setOnClickListener {
+            val intent = Intent(requireActivity(), MemoActivity::class.java)
+            val activity = requireActivity() // fragment에서 SharedPreferences에 접근하려면 context가 필요함.
+            val sharedPreferences = activity.getSharedPreferences("memo", AppCompatActivity.MODE_PRIVATE)
+            val tempMemo = sharedPreferences.getString("tempMemo", null)
+
+            if(tempMemo != null) {
+                val dialogView = LayoutInflater.from(activity).inflate(R.layout.dialog, null)
+                val builder = AlertDialog.Builder(activity)
+                    .setView(dialogView)
+                    .setTitle("메모 복원하기")
+
+                val alertDialog = builder.show()
+                val yesBtn = alertDialog.findViewById<Button>(R.id.yes)
+                val noBtn = alertDialog.findViewById<Button>(R.id.no)
+                yesBtn!!.setOnClickListener {
+                    startActivity(intent)
+                }
+
+                noBtn!!.setOnClickListener {
+                    val editor = sharedPreferences.edit()
+                    editor.remove("tempMemo")
+                    editor.apply()
+                    startActivity(intent)
+                }
+
+                alertDialog.dismiss()
+            } else {
+                startActivity(intent)
+            }
+
         }
 
         return binding.root
     }
+
+    private fun autoSlide(adapter: BannerVPAdapter) {
+        timer.scheduleAtFixedRate(object : TimerTask() {
+            override fun run() {
+                handler.post {
+                    val nextItem = binding.homeBannerVp.currentItem + 1
+                    if (nextItem < adapter.itemCount) {
+                        binding.homeBannerVp.currentItem = nextItem
+                    } else {
+                        binding.homeBannerVp.currentItem = 0 // 순환
+                    }
+                }
+            }
+        }, 3000, 3000)
+    }
+
+    private fun changeAlbumFragment(album: Album) {
+        (context as MainActivity).supportFragmentManager.beginTransaction()
+            .replace(R.id.main_frm, AlbumFragment().apply {
+                arguments = Bundle().apply {
+                    val gson = Gson()
+                    val albumToJson = gson.toJson(album)
+                    putString("album", albumToJson)
+                }
+            })
+            .commitAllowingStateLoss()
+    }
+
+    private fun inputDummyAlbums(){
+        val songDB = SongDatabase.getInstance(requireActivity())!!
+        val songs = songDB.albumDao().getAlbums()
+
+        if (songs.isNotEmpty()) return
+
+        songDB.albumDao().insert(
+            Album(
+                1,
+                "IU 5th Album 'LILAC'",
+                "아이유 (IU)",
+                R.drawable.img_album_exp2
+            )
+        )
+
+        songDB.albumDao().insert(
+            Album(
+                2,
+                "Butter",
+                "방탄소년단 (BTS)",
+                R.drawable.img_album_exp
+            )
+        )
+
+        songDB.albumDao().insert(
+            Album(
+                3,
+                "iScreaM Vol.10: Next Level Remixes",
+                "에스파 (AESPA)",
+                R.drawable.img_album_exp3
+            )
+        )
+
+        songDB.albumDao().insert(
+            Album(
+                4,
+                "Map of the Soul Persona",
+                "뮤직 보이 (Music Boy)",
+                R.drawable.img_album_exp4,
+            )
+        )
+
+
+        songDB.albumDao().insert(
+            Album(
+                5,
+                "Great!",
+                "모모랜드 (MOMOLAND)",
+                R.drawable.img_album_exp5
+            )
+        )
+
+        val songDBData = songDB.albumDao().getAlbums()
+        Log.d("DB data", songDBData.toString())
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/Like.kt b/app/src/main/java/umc/study/umc_7th/Like.kt
new file mode 100644
index 0000000..ffaca4b
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/Like.kt
@@ -0,0 +1,12 @@
+package umc.study.umc_7th
+
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity(tableName = "LikeTable")
+data class Like(
+    var userId : Int,
+    var albumId : Int
+) {
+    @PrimaryKey(autoGenerate = true) var id : Int = 0
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/LockerAlbumRVAdapter.kt b/app/src/main/java/umc/study/umc_7th/LockerAlbumRVAdapter.kt
new file mode 100644
index 0000000..e7da508
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/LockerAlbumRVAdapter.kt
@@ -0,0 +1,83 @@
+package umc.study.umc_7th
+
+import android.annotation.SuppressLint
+import android.util.Log
+import android.util.SparseBooleanArray
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import umc.study.umc_7th.databinding.ItemLockerAlbumBinding
+
+class LockerAlbumRVAdapter () : RecyclerView.Adapter<LockerAlbumRVAdapter.ViewHolder>() {
+
+    private val switchStatus = SparseBooleanArray()
+    private val songs = ArrayList<Song>()
+
+    override fun onCreateViewHolder(
+        parent: ViewGroup,
+        viewType: Int
+    ): LockerAlbumRVAdapter.ViewHolder {
+        val binding: ItemLockerAlbumBinding = ItemLockerAlbumBinding
+            .inflate(LayoutInflater.from(parent.context), parent, false)
+
+        return ViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: LockerAlbumRVAdapter.ViewHolder, position: Int) {
+        holder.bind(songs[position])
+
+        holder.binding.itemLockerAlbumMoreIv.setOnClickListener {
+            itemClickListener.onRemoveAlbum(songs[position].id)
+            removeSong(position)
+        }
+
+        val switch =  holder.binding.switchRV
+        switch.isChecked = switchStatus[position]
+        Log.d("SparseBooleanArray", switch.isChecked.toString())
+        switch.setOnClickListener {
+            if (switch.isChecked) {
+                switchStatus.put(position, true)
+            }
+            else {
+                switchStatus.put(position, false)
+            }
+
+            notifyItemChanged(position)
+        }
+    }
+
+    override fun getItemCount(): Int = songs.size
+
+    inner class ViewHolder(val binding: ItemLockerAlbumBinding): RecyclerView.ViewHolder(binding.root){
+
+        fun bind(song : Song){
+            binding.itemLockerAlbumTitleTv.text = song.title
+            binding.itemLockerAlbumSingerTv.text = song.singer
+            binding.itemLockerAlbumCoverImgIv.setImageResource(song.coverImg!!)
+        }
+    }
+
+    interface OnItemClickListener {
+        fun onRemoveAlbum(songId: Int)
+    }
+
+    private lateinit var itemClickListener : OnItemClickListener
+
+    fun setItemClickListener(onItemClickListener: OnItemClickListener) {
+        this.itemClickListener = onItemClickListener
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    fun addSongs(songs: ArrayList<Song>) {
+        this.songs.clear()
+        this.songs.addAll(songs)
+
+        notifyDataSetChanged()
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    private fun removeSong(position: Int){
+        songs.removeAt(position)
+        notifyDataSetChanged()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/LockerFragment.kt b/app/src/main/java/umc/study/umc_7th/LockerFragment.kt
index b9d507a..7bc8684 100644
--- a/app/src/main/java/umc/study/umc_7th/LockerFragment.kt
+++ b/app/src/main/java/umc/study/umc_7th/LockerFragment.kt
@@ -1,20 +1,77 @@
 package umc.study.umc_7th
 
+import android.content.Intent
 import android.os.Bundle
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import androidx.appcompat.app.AppCompatActivity
 import androidx.fragment.app.Fragment
+import com.google.android.material.tabs.TabLayoutMediator
+import umc.study.umc_7th.databinding.FragmentLockerBinding
 
 class LockerFragment : Fragment() {
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-    }
+    lateinit var binding: FragmentLockerBinding
+    private val information = arrayListOf("저장한곡", "음악파일", "저장앨범")
+
     override fun onCreateView(
-        inflater: LayoutInflater, container: ViewGroup?,
+        inflater: LayoutInflater,
+        container: ViewGroup?,
         savedInstanceState: Bundle?
-    ): View? {
-        // Inflate the layout for this fragment
-        return inflater.inflate(R.layout.fragment_locker, container, false)
+    ): View {
+        binding = FragmentLockerBinding.inflate(inflater, container, false)
+
+        val lockerAdapter = LockerVPAdapter(this)
+        binding.lockerContentVp.adapter = lockerAdapter
+        TabLayoutMediator(binding.lockerContentTb, binding.lockerContentVp) { tab, position ->
+            tab.text = information[position]
+        }.attach()
+
+        val bottomSheetFragment = BottomSheetFragment()
+
+        binding.lockerSelectAllTv.setOnClickListener {
+            bottomSheetFragment.show(requireFragmentManager(), "BottomSheetDialog")
+        }
+
+        binding.lockerLoginTv.setOnClickListener {
+            val intent = Intent(requireActivity(), LoginActivity::class.java)
+            startActivity(intent)
+        }
+
+        return binding.root
+    }
+
+    override fun onStart() {
+        super.onStart()
+        initViews()
+    }
+    private fun getJwt() : Int {
+        val spf = requireActivity().getSharedPreferences("auth", AppCompatActivity.MODE_PRIVATE)
+        return spf!!.getInt("jwt", 0)
+    }
+
+    private fun initViews() {
+        val jwt : Int = getJwt()
+        if (jwt == 0) {
+            binding.lockerLoginTv.text="로그인"
+            binding.lockerLoginTv.setOnClickListener {
+                startActivity(Intent(requireActivity(), LoginActivity::class.java))
+            }
+        }
+
+        else {
+            binding.lockerLoginTv.text = "로그아웃"
+            binding.lockerLoginTv.setOnClickListener {
+                logout()
+                startActivity(Intent(requireActivity(), MainActivity::class.java))
+            }
+        }
+    }
+
+    private fun logout() {
+        val spf = activity?.getSharedPreferences("auth", AppCompatActivity.MODE_PRIVATE)
+        val editor = spf!!.edit()
+        editor.remove("jwt")
+        editor.apply()
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/LockerVPAdatpter.kt b/app/src/main/java/umc/study/umc_7th/LockerVPAdatpter.kt
new file mode 100644
index 0000000..c3df07c
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/LockerVPAdatpter.kt
@@ -0,0 +1,16 @@
+package umc.study.umc_7th
+
+import androidx.fragment.app.Fragment
+import androidx.viewpager2.adapter.FragmentStateAdapter
+
+class LockerVPAdapter (fragment : Fragment) : FragmentStateAdapter(fragment) {
+    override fun getItemCount(): Int  = 3
+
+    override fun createFragment(position: Int): Fragment {
+        return when(position){
+            0 -> SavedSongFragment()
+            1 -> MusicFileFragment()
+            else -> SavedAlbumFragment()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/LoginActivity.kt b/app/src/main/java/umc/study/umc_7th/LoginActivity.kt
new file mode 100644
index 0000000..47396c3
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/LoginActivity.kt
@@ -0,0 +1,71 @@
+package umc.study.umc_7th
+
+import android.content.Intent
+import android.os.Bundle
+import android.util.Log
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import umc.study.umc_7th.databinding.ActivityLoginBinding
+
+class LoginActivity : AppCompatActivity(), LoginView {
+
+    lateinit var binding : ActivityLoginBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityLoginBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+
+        binding.loginSignInBtn.setOnClickListener {
+            login()
+        }
+        binding.loginSignUpTv.setOnClickListener {
+            val intent = Intent(this, SignUpActivity::class.java)
+            startActivity(intent)
+        }
+
+    }
+
+
+    private fun login() {
+        if (binding.loginIdEt.text.toString().isEmpty() || binding.loginDirectInputEt.text.toString().isEmpty()) {
+            Toast.makeText(this, "이메일을 입력해주세요", Toast.LENGTH_SHORT).show()
+            return
+        }
+
+        if (binding.loginPasswordEt.text.toString().isEmpty()) {
+            Toast.makeText(this, "비밀번호를 입력해주세요", Toast.LENGTH_SHORT).show()
+            return
+        }
+
+        val email : String = binding.loginIdEt.text.toString() + "@" + binding.loginDirectInputEt.text.toString()
+        val pwd : String = binding.loginPasswordEt.text.toString()
+
+        val authService = AuthService()
+        authService.setLoginView(this)
+
+        authService.login(User(email, pwd, ""))
+    }
+
+    private fun saveJwtFromServer(jwt : String) {
+        val spf = getSharedPreferences("auth2", MODE_PRIVATE)
+        val editor = spf.edit()
+
+        editor.putString("jwt", jwt)
+        editor.apply()
+    }
+
+    override fun onLoginSuccess(code : Int, result : Result) {
+        saveJwtFromServer(result.jwt)
+        startMainActivity()
+    }
+
+    override fun onLoginFailure(message : String) {
+        Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
+    }
+
+    private fun startMainActivity() {
+        val intent = Intent(this, MainActivity::class.java)
+        startActivity(intent)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/LoginView.kt b/app/src/main/java/umc/study/umc_7th/LoginView.kt
new file mode 100644
index 0000000..1a5deb1
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/LoginView.kt
@@ -0,0 +1,6 @@
+package umc.study.umc_7th
+
+interface LoginView {
+    fun onLoginSuccess(code : Int, result : Result)
+    fun onLoginFailure(message : String)
+}
diff --git a/app/src/main/java/umc/study/umc_7th/LookFragment.kt b/app/src/main/java/umc/study/umc_7th/LookFragment.kt
index 51aba1f..2cf9f45 100644
--- a/app/src/main/java/umc/study/umc_7th/LookFragment.kt
+++ b/app/src/main/java/umc/study/umc_7th/LookFragment.kt
@@ -1,12 +1,41 @@
 package umc.study.umc_7th
 
 import android.os.Bundle
+import android.util.Log
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import android.widget.Button
+import android.widget.ScrollView
+import android.widget.TextView
 import androidx.fragment.app.Fragment
+import umc.study.umc_7th.databinding.FragmentLookBinding
 
-class LookFragment : Fragment() {
+class LookFragment : Fragment(), LookView {
+
+    lateinit var binding: FragmentLookBinding
+    private lateinit var songDB: SongDatabase
+    private lateinit var floCharAdapter: SongRVAdapter
+
+    private lateinit var chartBtn : Button
+    private lateinit var videoBtn : Button
+    private lateinit var genreBtn : Button
+    private lateinit var situationBtn : Button
+    private lateinit var audioBtn : Button
+    private lateinit var atmosphereBtn : Button
+
+    private lateinit var buttonList: List<Button>
+
+    private lateinit var chartTv : TextView
+    private lateinit var videoTv : TextView
+    private lateinit var genreTv : TextView
+    private lateinit var situationTv : TextView
+    private lateinit var audioTv : TextView
+    private lateinit var atmosphereTv : TextView
+
+    private lateinit var textList: List<TextView>
+
+    lateinit var scrollView : ScrollView
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
@@ -16,7 +45,42 @@ class LookFragment : Fragment() {
         inflater: LayoutInflater, container: ViewGroup?,
         savedInstanceState: Bundle?
     ): View? {
-        // Inflate the layout for this fragment
-        return inflater.inflate(R.layout.fragment_look, container, false)
+        binding = FragmentLookBinding.inflate(inflater, container, false)
+        songDB = SongDatabase.getInstance(requireContext())!!
+
+        return binding.root
+    }
+
+    override fun onStart() {
+        super.onStart()
+        getSongs()
+    }
+
+    private fun initRecyclerView(result: FloChartResult) {
+        floCharAdapter = SongRVAdapter(requireContext(), result)
+
+        binding.lookFloChartRv.adapter = floCharAdapter
+    }
+
+    private fun getSongs() {
+        val songService = SongService()
+        songService.setLookView(this)
+
+        songService.getSongs()
+
+    }
+
+    override fun onGetSongLoading() {
+        binding.lookLoadingPb.visibility = View.VISIBLE
+    }
+
+    override fun onGetSongSuccess(code: Int, result: FloChartResult) {
+        binding.lookLoadingPb.visibility = View.GONE
+        initRecyclerView(result)
+    }
+
+    override fun onGetSongFailure(code: Int, message: String) {
+        binding.lookLoadingPb.visibility = View.GONE
+        Log.d("LOOK-FRAG/SONG-RESPONSE", message)
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/LookView.kt b/app/src/main/java/umc/study/umc_7th/LookView.kt
new file mode 100644
index 0000000..199633a
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/LookView.kt
@@ -0,0 +1,7 @@
+package umc.study.umc_7th
+
+interface LookView {
+    fun onGetSongLoading()
+    fun onGetSongSuccess(code: Int, result: FloChartResult)
+    fun onGetSongFailure(code: Int, message: String)
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/MainActivity.kt b/app/src/main/java/umc/study/umc_7th/MainActivity.kt
index 6369cb5..cb9918e 100644
--- a/app/src/main/java/umc/study/umc_7th/MainActivity.kt
+++ b/app/src/main/java/umc/study/umc_7th/MainActivity.kt
@@ -2,37 +2,76 @@ package umc.study.umc_7th
 
 import android.content.Intent
 import android.os.Bundle
+import android.util.Log
+import android.widget.Toast
+import androidx.activity.result.ActivityResultLauncher
+import androidx.activity.result.contract.ActivityResultContracts
 import androidx.appcompat.app.AppCompatActivity
+import androidx.compose.ui.tooling.animation.ToolingState
 import umc.study.umc_7th.databinding.ActivityMainBinding
 
 class MainActivity : AppCompatActivity() {
 
-    lateinit var binding: ActivityMainBinding
+    lateinit var binding : ActivityMainBinding
+    lateinit var activityResultLauncher: ActivityResultLauncher<Intent>
+
+    val songs = arrayListOf<Song>()
+    lateinit var songDB: SongDatabase
+    var nowPos = 0
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        setTheme(R.style.Theme_Umc_7th)
+
         binding = ActivityMainBinding.inflate(layoutInflater)
         setContentView(binding.root)
 
+        inputDummySongs()
+        initPlayList()
         initBottomNavigation()
 
-        val song = Song(binding.mainMiniplayerTitleTv.text.toString(), binding.mainMiniplayerSingerTv.text.toString())
-
-        binding.mainPlayerCl.setOnClickListener {
-            val intent = Intent(this, SongActivity::class.java)
+        activityResultLauncher = registerForActivityResult(ActivityResultContracts.StartActivityForResult()) { result ->
+            if (result.resultCode == RESULT_OK) {
+                val data = result.data
+                if (data != null) {
+                    val message = data.getStringExtra("message")
+                    Log.d("message", message!!)
+                    Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
+                }
+            }
         }
 
         binding.mainPlayerCl.setOnClickListener {
+//            val intent = Intent(this, SongActivity::class.java)
+//            intent.putExtra("title", song.title)
+//            intent.putExtra("singer",song.singer)
+//            intent.putExtra("second", song.second)
+//            intent.putExtra("playTime", song.playTime)
+//            intent.putExtra("isPlaying", song.isPlaying)
+//            intent.putExtra("music", song.music)
+            val editor = getSharedPreferences("song", MODE_PRIVATE).edit()
+            editor.putInt("songId", songs[nowPos].id)
+            editor.apply()
+
             val intent = Intent(this,SongActivity::class.java)
-            intent.putExtra("title", song.title)
-            intent.putExtra("singer",song.singer)
-            startActivity(intent)
+            activityResultLauncher.launch(intent)
         }
 
+        Log.d("MainActivity", getJwt().toString())
+
     }
 
-    private fun initBottomNavigation(){
+    override fun onResume() {
+        super.onResume()
+
+        val sharedPreferences = getSharedPreferences("song", MODE_PRIVATE)
+        val songId = sharedPreferences.getInt("songId", 0)
+
+        nowPos = getPlayingSongPosition(songId)
+        setMiniPlayer(songs[nowPos])
+    }
 
+    private fun initBottomNavigation() {
         supportFragmentManager.beginTransaction()
             .replace(R.id.main_frm, HomeFragment())
             .commitAllowingStateLoss()
@@ -53,12 +92,14 @@ class MainActivity : AppCompatActivity() {
                         .commitAllowingStateLoss()
                     return@setOnItemSelectedListener true
                 }
+
                 R.id.searchFragment -> {
                     supportFragmentManager.beginTransaction()
                         .replace(R.id.main_frm, SearchFragment())
                         .commitAllowingStateLoss()
                     return@setOnItemSelectedListener true
                 }
+
                 R.id.lockerFragment -> {
                     supportFragmentManager.beginTransaction()
                         .replace(R.id.main_frm, LockerFragment())
@@ -69,4 +110,137 @@ class MainActivity : AppCompatActivity() {
             false
         }
     }
+
+    private fun getPlayingSongPosition(songId: Int): Int{
+        for (i in 0 until songs.size){
+            if (songs[i].id == songId){
+                return i
+            }
+        }
+        return 0
+    }
+
+    private fun initPlayList(){
+        songDB = SongDatabase.getInstance(this)!!
+        songs.addAll(songDB.songDao().getSongs())
+    }
+
+    private fun setMiniPlayer(song : Song) {
+        binding.mainMiniplayerTitleTv.text = song.title
+        binding.mainMiniplayerSingerTv.text = song.singer
+        Log.d("songInfo", song.toString())
+        val sharedPreferences = getSharedPreferences("song", MODE_PRIVATE)
+        val second = sharedPreferences.getInt("second", 0)
+        Log.d("spfSecond", second.toString())
+        binding.mainMiniplayerProgressSb.progress = (second * 100000 / song.playTime)
+    }
+
+    fun updateMainPlayerCl(album : Album) {
+        binding.mainMiniplayerTitleTv.text = album.title
+        binding.mainMiniplayerSingerTv.text = album.singer
+        binding.mainMiniplayerProgressSb.progress = 0
+    }
+
+    private fun inputDummySongs(){
+        val songDB = SongDatabase.getInstance(this)!!
+        val songs = songDB.songDao().getSongs()
+
+        if (songs.isNotEmpty()) return
+
+        songDB.songDao().insert(
+            Song(
+                "Lilac",
+                "아이유 (IU)",
+                0,
+                200,
+                false,
+                "music_lilac",
+                R.drawable.img_album_exp2,
+                false,
+                1
+            )
+        )
+
+        songDB.songDao().insert(
+            Song(
+                "Flu",
+                "아이유 (IU)",
+                0,
+                200,
+                false,
+                "music_flu",
+                R.drawable.img_album_exp2,
+                false,
+                1
+            )
+        )
+
+        songDB.songDao().insert(
+            Song(
+                "Butter",
+                "방탄소년단 (BTS)",
+                0,
+                190,
+                false,
+                "music_butter",
+                R.drawable.img_album_exp,
+                false,
+                2
+            )
+        )
+
+        songDB.songDao().insert(
+            Song(
+                "Next Level",
+                "에스파 (AESPA)",
+                0,
+                210,
+                false,
+                "music_next",
+                R.drawable.img_album_exp3,
+                false,
+                3
+            )
+        )
+
+
+        songDB.songDao().insert(
+            Song(
+                "Boy with Luv",
+                "music_boy",
+                0,
+                230,
+                false,
+                "music_boy",
+                R.drawable.img_album_exp4,
+                false,
+                4
+            )
+        )
+
+
+        songDB.songDao().insert(
+            Song(
+                "BBoom BBoom",
+                "모모랜드 (MOMOLAND)",
+                0,
+                240,
+                false,
+                "music_bboom",
+                R.drawable.img_album_exp5,
+                false,
+                5
+            )
+        )
+
+        val songDBData = songDB.songDao().getSongs()
+        Log.d("DB data", songDBData.toString())
+    }
+
+    private fun getJwt() : String? {
+        val spf = this.getSharedPreferences("auth2", MODE_PRIVATE)
+
+        return spf!!.getString("jwt", "")
+    }
+
 }
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/MusicFileFragment.kt b/app/src/main/java/umc/study/umc_7th/MusicFileFragment.kt
new file mode 100644
index 0000000..022e3e1
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/MusicFileFragment.kt
@@ -0,0 +1,19 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import umc.study.umc_7th.databinding.FragmentMusicFileBinding
+
+class MusicFileFragment: Fragment() {
+
+    lateinit var binding: FragmentMusicFileBinding
+
+    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
+        binding = FragmentMusicFileBinding.inflate(inflater, container, false)
+
+        return binding.root
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/PannelFragment.kt b/app/src/main/java/umc/study/umc_7th/PannelFragment.kt
new file mode 100644
index 0000000..83ede96
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/PannelFragment.kt
@@ -0,0 +1,27 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import umc.study.umc_7th.databinding.FragmentPannelBinding
+
+class PannelFragment(val imgRes : Int) : Fragment() {
+
+    lateinit var binding : FragmentPannelBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentPannelBinding.inflate(inflater, container, false)
+        binding.pannelImageIv.setImageResource(imgRes)
+        return binding.root
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/RetrofitInstance.kt b/app/src/main/java/umc/study/umc_7th/RetrofitInstance.kt
new file mode 100644
index 0000000..551568c
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/RetrofitInstance.kt
@@ -0,0 +1,17 @@
+package umc.study.umc_7th
+
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+
+class RetrofitInstance {
+    companion object{
+        private val retrofit by lazy {
+            Retrofit.Builder()
+                .baseUrl(ApiRepository.BASE_URL)
+                .addConverterFactory(GsonConverterFactory.create())
+                .build()
+        }
+        val authApi = retrofit.create(AuthApi::class.java)
+        val songApi = retrofit.create(SongApi::class.java)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SavedAlbumFragment.kt b/app/src/main/java/umc/study/umc_7th/SavedAlbumFragment.kt
new file mode 100644
index 0000000..df9351f
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SavedAlbumFragment.kt
@@ -0,0 +1,58 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.appcompat.app.AppCompatActivity
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import umc.study.umc_7th.databinding.FragmentSavedAlbumBinding
+
+class SavedAlbumFragment : Fragment() {
+    lateinit var binding: FragmentSavedAlbumBinding
+    lateinit var albumDB: SongDatabase
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentSavedAlbumBinding.inflate(inflater, container, false)
+
+        albumDB = SongDatabase.getInstance(requireContext())!!
+
+        return binding.root
+    }
+
+    override fun onStart() {
+        super.onStart()
+        initRecyclerview()
+    }
+
+    private fun initRecyclerview(){
+        binding.lockerSavedSongRecyclerView.layoutManager = LinearLayoutManager(context, LinearLayoutManager.VERTICAL, false)
+
+        val albumRVAdapter = SavedAlbumRVAdapter()
+        //리스너 객체 생성 및 전달
+
+        albumRVAdapter.setMyItemClickListener(object : SavedAlbumRVAdapter.MyItemClickListener{
+            override fun onRemoveSong(songId: Int) {
+                albumDB.albumDao().getLikedAlbums(getJwt())
+            }
+        })
+
+        binding.lockerSavedSongRecyclerView.adapter = albumRVAdapter
+
+        albumRVAdapter.addAlbums(albumDB.albumDao().getLikedAlbums(getJwt()) as ArrayList)
+    }
+
+    private fun getJwt() : Int {
+        val spf = activity?.getSharedPreferences("auth" , AppCompatActivity.MODE_PRIVATE)
+        val jwt = spf!!.getInt("jwt", 0)
+        Log.d("MAIN_ACT/GET_JWT", "jwt_token: $jwt")
+
+        return jwt
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SavedAlbumRVAdapter.kt b/app/src/main/java/umc/study/umc_7th/SavedAlbumRVAdapter.kt
new file mode 100644
index 0000000..89b69c8
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SavedAlbumRVAdapter.kt
@@ -0,0 +1,59 @@
+package umc.study.umc_7th
+
+import android.annotation.SuppressLint
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import umc.study.umc_7th.databinding.ItemLockerAlbumBinding
+
+class SavedAlbumRVAdapter (): RecyclerView.Adapter<SavedAlbumRVAdapter.ViewHolder>() {
+    private val albums = ArrayList<Album>()
+
+    interface MyItemClickListener{
+        fun onRemoveSong(songId: Int)
+    }
+
+    private lateinit var mItemClickListener: MyItemClickListener
+
+    fun setMyItemClickListener(itemClickListener: MyItemClickListener){
+        mItemClickListener = itemClickListener
+    }
+
+    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): SavedAlbumRVAdapter.ViewHolder {
+        val binding: ItemLockerAlbumBinding = ItemLockerAlbumBinding.inflate(LayoutInflater.from(viewGroup.context), viewGroup, false)
+
+        return ViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: SavedAlbumRVAdapter.ViewHolder, position: Int) {
+        holder.bind(albums[position])
+        holder.binding.itemLockerAlbumMoreIv.setOnClickListener {
+            mItemClickListener.onRemoveSong(albums[position].id)
+            removeSong(position)
+        }
+    }
+
+    override fun getItemCount(): Int = albums.size
+
+    @SuppressLint("NotifyDataSetChanged")
+    fun addAlbums(albums: ArrayList<Album>) {
+        this.albums.clear()
+        this.albums.addAll(albums)
+
+        notifyDataSetChanged()
+    }
+
+    fun removeSong(position: Int){
+        albums.removeAt(position)
+        notifyDataSetChanged()
+    }
+
+    inner class ViewHolder(val binding: ItemLockerAlbumBinding) : RecyclerView.ViewHolder(binding.root){
+        fun bind(album: Album){
+            binding.itemLockerAlbumCoverImgIv.setImageResource(album.coverImage!!)
+            binding.itemLockerAlbumTitleTv.text = album.title
+            binding.itemLockerAlbumSingerTv.text = album.singer
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SavedSongFragment.kt b/app/src/main/java/umc/study/umc_7th/SavedSongFragment.kt
new file mode 100644
index 0000000..dd4be47
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SavedSongFragment.kt
@@ -0,0 +1,50 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import umc.study.umc_7th.databinding.FragmentSavedSongBinding
+
+class SavedSongFragment : Fragment() {
+
+    lateinit var songDB: SongDatabase
+    lateinit var binding : FragmentSavedSongBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentSavedSongBinding.inflate(inflater, container, false)
+
+        songDB = SongDatabase.getInstance(requireContext())!!
+
+        return binding.root
+
+    }
+
+    override fun onStart() {
+        super.onStart()
+        initRecyclerview()
+    }
+
+    private fun initRecyclerview(){
+        binding.lockerMusicAlbumRv.layoutManager = LinearLayoutManager(requireActivity())
+        val lockerAlbumRVAdapter = LockerAlbumRVAdapter()
+
+        lockerAlbumRVAdapter.setItemClickListener(object : LockerAlbumRVAdapter.OnItemClickListener {
+
+            override fun onRemoveAlbum(songId: Int) {
+                songDB.songDao().updateIsLikeById(false, songId)
+            }
+        })
+        binding.lockerMusicAlbumRv.adapter = lockerAlbumRVAdapter
+        lockerAlbumRVAdapter.addSongs(songDB.songDao().getLikedSongs(true) as ArrayList<Song>)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SignUpActivity.kt b/app/src/main/java/umc/study/umc_7th/SignUpActivity.kt
new file mode 100644
index 0000000..731d02d
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SignUpActivity.kt
@@ -0,0 +1,67 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.util.Log
+import android.view.View
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import umc.study.umc_7th.databinding.ActivitySignUpBinding
+
+class SignUpActivity : AppCompatActivity(), SignUpView {
+
+    lateinit var binding: ActivitySignUpBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivitySignUpBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+
+        binding.signUpSignUpBtn.setOnClickListener {
+            signUp()
+        }
+    }
+
+    private fun getUser() : User {
+        val email : String = binding.signUpIdEt.text.toString() + "@" + binding.signUpDirectInputEt.text.toString()
+        val pwd : String = binding.signUpPasswordEt.text.toString()
+        var name : String = binding.signUpNameEt.text.toString()
+
+        return User(email, pwd, name)
+    }
+
+    private fun signUp() : Boolean {
+        if(binding.signUpIdEt.text.toString().isEmpty() || binding.signUpDirectInputEt.text.toString().isEmpty()) {
+            Toast.makeText(this, "이메일 형식이 잘못되었습니다.", Toast.LENGTH_SHORT).show()
+            return false
+        }
+
+        if(binding.signUpPasswordEt.text.toString() != binding.signUpPasswordCheckEt.text.toString()) {
+            Toast.makeText(this, "비밀번호가 일치하지 않습니다.", Toast.LENGTH_SHORT).show()
+            return false
+        }
+
+        if(binding.signUpNameEt.text.toString().isEmpty()) {
+            Toast.makeText(this, "이름 형식이 잘못되었습니다.", Toast.LENGTH_SHORT).show()
+            return false
+        }
+
+        val authService = AuthService()
+        authService.setSignUpView(this) // 객체를 통한 멤버 함수 호출
+
+
+        authService.signUp(getUser())
+        return true
+    }
+
+    override fun onSignUpSuccess() {
+        finish()
+    }
+
+    override fun onSignUpFailure(message : String) {
+        binding.signUpEmailErrorTv.visibility = View.VISIBLE
+        binding.signUpEmailErrorTv.text = message
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SignUpView.kt b/app/src/main/java/umc/study/umc_7th/SignUpView.kt
new file mode 100644
index 0000000..2c345f2
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SignUpView.kt
@@ -0,0 +1,6 @@
+package umc.study.umc_7th
+
+interface SignUpView {
+    fun onSignUpSuccess()
+    fun onSignUpFailure(message : String)
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/Song.kt b/app/src/main/java/umc/study/umc_7th/Song.kt
index 4d7ce52..19eedcd 100644
--- a/app/src/main/java/umc/study/umc_7th/Song.kt
+++ b/app/src/main/java/umc/study/umc_7th/Song.kt
@@ -1,6 +1,19 @@
 package umc.study.umc_7th
 
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity(tableName = "SongTable")
 data class Song(
-    val title : String = "",
-    val singer : String = ""
-)
\ No newline at end of file
+    var title: String = "",
+    var singer: String = "",
+    var second: Int = 0,
+    var playTime: Int = 0,
+    var isPlaying: Boolean = false,
+    var music: String = "",
+    var coverImg: Int? = null,
+    var isLike: Boolean = false,
+    val albumIdx : Int = 0
+) {
+    @PrimaryKey(autoGenerate = true) var id: Int = 0
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SongActivity.kt b/app/src/main/java/umc/study/umc_7th/SongActivity.kt
index b8b359e..8d052cb 100644
--- a/app/src/main/java/umc/study/umc_7th/SongActivity.kt
+++ b/app/src/main/java/umc/study/umc_7th/SongActivity.kt
@@ -1,15 +1,292 @@
 package umc.study.umc_7th
 
+import android.app.ActivityManager
+import android.content.Context
+import android.content.Intent
+import android.media.MediaPlayer
 import android.os.Bundle
+import android.util.Log
+import android.view.View
+import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
 import umc.study.umc_7th.databinding.ActivitySongBinding
 
 class SongActivity : AppCompatActivity() {
-    lateinit var binding: ActivitySongBinding
+
+    lateinit var binding : ActivitySongBinding
+    lateinit var timer : Timer
+    private var mediaPlayer : MediaPlayer? = null // 추후에 미디어 플레이어 해제를 위해 nullable로 선언
+
+    val songs = arrayListOf<Song>()
+    lateinit var songDB: SongDatabase
+    var nowPos = 0
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         binding = ActivitySongBinding.inflate(layoutInflater)
-        setContentView(binding.root) // 여기다가 XML 넣는거임
+        setContentView(binding.root)
+
+        initPlayList()
+        initSong()
+        initClickListener()
+
+//        var title : String? = null
+//        var singer : String? = null
+//
+//        if(intent.hasExtra("title") && intent.hasExtra("singer")){
+//            title = intent.getStringExtra("title")
+//            singer = intent.getStringExtra("singer")
+//            binding.songMusicTitleTv.text = title
+//            binding.songSingerNameTv.text = singer
+//        }
+//
+//        binding.songDownIb.setOnClickListener {
+//            val intent = Intent(this, MainActivity::class.java)
+//            intent.putExtra("message", title + " _ " + singer)
+//
+//            setResult(RESULT_OK, intent)
+//            finish()
+//        }
+
+        binding.songMiniplayerIv.setOnClickListener {
+            setPlayerStatus(true)
+            startStopService()
+        }
+
+        binding.songPauseIv.setOnClickListener {
+            setPlayerStatus(false)
+            startStopService()
+        }
+
+        binding.songLikeIv.setOnClickListener {
+            setLike(songs[nowPos].isLike)
+        }
+    }
+
+    override fun onBackPressed() {
+        val intent = Intent(this, MainActivity::class.java)
+        intent.putExtra("message", "뒤로가기 버튼 클릭")
+
+        setResult(RESULT_OK, intent)
+        finish()
+    }
+
+    override fun onPause() {
+        super.onPause()
+        songs[nowPos].second = (songs[nowPos].playTime * binding.songProgressSb.progress) / 100000
+        Log.d("second", songs[nowPos].second.toString())
+        songs[nowPos].isPlaying = false
+        setPlayerStatus(false)
+        val sharedPreferences = getSharedPreferences("song", MODE_PRIVATE)
+        val editor = sharedPreferences.edit()
+        editor.putInt("songId", songs[nowPos].id)
+        editor.putInt("second", songs[nowPos].second)
+        editor.apply()
+    }
+
+    override fun onDestroy() {
+        super.onDestroy()
+        timer.interrupt()
+        mediaPlayer?.release() // 미디어 플레이어가 갖고 있던 리소스를 해제한다.
+        mediaPlayer = null // 미디어 플레이어를 해제한다.
+    }
+
+    private fun initPlayList() {
+        songDB = SongDatabase.getInstance(this)!!
+        songs.addAll(songDB.songDao().getSongs())
+    }
+
+    private fun initClickListener(){
+        binding.songDownIb.setOnClickListener {
+            val intent = Intent(this, MainActivity::class.java)
+            intent.putExtra("message", songs[nowPos].title + "_" + songs[nowPos].singer)
+            setResult(RESULT_OK, intent)
+            finish()
+        }
+
+        binding.songMiniplayerIv.setOnClickListener {
+            setPlayerStatus(true)
+        }
+
+        binding.songPauseIv.setOnClickListener {
+            setPlayerStatus(false)
+        }
+
+        binding.songNextIv.setOnClickListener {
+            moveSong(+1)
+        }
+
+        binding.songPreviousIv.setOnClickListener {
+            moveSong(-1)
+        }
+
+        binding.songLikeIv.setOnClickListener {
+            setLike(songs[nowPos].isLike)
+        }
+    }
+
+
+    private fun initSong() { // intent 방식 사용 안함.
+        val spf = getSharedPreferences("song", MODE_PRIVATE)
+        val songId = spf.getInt("songId", 0)
+
+        nowPos = getPlayingSongPosition(songId)
+
+        Log.d("present pos", nowPos.toString())
+
+        startTimer()
+        setPlayer(songs[nowPos])
+    }
+
+    private fun setLike(isLike: Boolean){
+        songs[nowPos].isLike = !isLike
+        songDB.songDao().updateIsLikeById(!isLike,songs[nowPos].id)
+
+        if (!isLike){
+            binding.songLikeIv.setImageResource(R.drawable.ic_my_like_on)
+        } else{
+            binding.songLikeIv.setImageResource(R.drawable.ic_my_like_off)
+        }
+
+    }
+
+    private fun moveSong(direct: Int) { // +1 또는 -1
+        if (nowPos + direct < 0) {
+            CustomSnackbar.make(binding.root, "처음 곡입니다.").show()
+            // Toast.makeText(this,"처음 곡입니다.",Toast.LENGTH_SHORT).show()
+        }
+
+        else if (nowPos + direct >= songs.size){
+            CustomSnackbar.make(binding.root, "마지막 곡입니다").show()
+            // Toast.makeText(this,"마지막 곡입니다.",Toast.LENGTH_SHORT).show()
+        }
+
+        else {
+            nowPos += direct
+            timer.interrupt()
+            startTimer()
+
+            mediaPlayer?.release()
+            mediaPlayer = null
+
+            setPlayer(songs[nowPos])
+        }
+    }
+
+    private fun getPlayingSongPosition(songId: Int): Int{
+        for (i in 0 until songs.size){
+            if (songs[i].id == songId){
+                return i
+            }
+        }
+        return 0
+    }
+
+    private fun setPlayer(song : Song) {
+        binding.songMusicTitleTv.text = song.title
+        binding.songSingerNameTv.text = song.singer
+        binding.songStartTimeTv.text = String.format("%02d:%02d", song.second / 60, song.second % 60)
+        binding.songEndTimeTv.text = String.format("%02d:%02d", song.playTime / 60, song.playTime % 60)
+        binding.songAlbumIv.setImageResource(song.coverImg!!)
+        binding.songProgressSb.progress = (song.second * 1000 / song.playTime)
+
+        val music = resources.getIdentifier(song.music, "raw", this.packageName)
+        mediaPlayer = MediaPlayer.create(this, music)
+
+        if(song.isLike) {
+            binding.songLikeIv.setImageResource(R.drawable.ic_my_like_on)
+        }
+        else {
+            binding.songLikeIv.setImageResource(R.drawable.ic_my_like_off)
+
+        }
+        setPlayerStatus(song.isPlaying)
+    }
+
+    fun setPlayerStatus (isPlaying : Boolean){
+        songs[nowPos].isPlaying = isPlaying
+        timer.isPlaying = isPlaying
+
+        if(isPlaying){ // 재생중
+            binding.songMiniplayerIv.visibility = View.GONE
+            binding.songPauseIv.visibility = View.VISIBLE
+            mediaPlayer?.start()
+        } else { // 일시정지
+            binding.songMiniplayerIv.visibility = View.VISIBLE
+            binding.songPauseIv.visibility = View.GONE
+            if(mediaPlayer?.isPlaying == true) { // 재생 중이 아닐 때에 pause를 하면 에러가 나기 때문에 이를 방지
+                mediaPlayer?.pause()
+            }
+        }
+    }
+
+    private fun startStopService() {
+        if (isServiceRunning(ForegroundService::class.java)) {
+            Toast.makeText(this, "Foreground Service Stopped", Toast.LENGTH_SHORT).show()
+            stopService(Intent(this, ForegroundService::class.java))
+        }
+        else {
+            Toast.makeText(this, "Foreground Service Started", Toast.LENGTH_SHORT).show()
+            startService(Intent(this, ForegroundService::class.java))
+        }
+    }
+
+    private fun isServiceRunning(inputClass : Class<ForegroundService>) : Boolean {
+        val manager : ActivityManager = getSystemService(
+            Context.ACTIVITY_SERVICE
+        ) as ActivityManager
+
+        for (service : ActivityManager.RunningServiceInfo in manager.getRunningServices(Integer.MAX_VALUE)) {
+            if (inputClass.name.equals(service.service.className)) {
+                return true
+            }
+
+        }
+        return false
+    }
+
+    private fun startTimer() {
+        timer = Timer(songs[nowPos].playTime, songs[nowPos].isPlaying)
+        timer.start()
+    }
+
+    inner class Timer(private val playTime: Int, var isPlaying: Boolean = true) : Thread() {
+        private var second : Int = 0
+        private var mills : Float = 0F
+
+        override fun run() {
+            super.run()
+
+            try {
+                while(true) {
+                    if(second >= playTime) {
+                        break
+                    }
+
+                    while (!isPlaying) {
+                        sleep(200) // 0.2초 대기
+                    }
+
+                    if(isPlaying) {
+                        sleep(50)
+                        mills += 50
+
+                        runOnUiThread {
+                            // binding.songProgressSb.progress = ((mills/playTime*1000) * 100).toInt()
+                            binding.songProgressSb.progress = ((mills/playTime) * 100).toInt()
+                        }
+
+                        if(mills % 1000 == 0F) { // 1초
+                            runOnUiThread {
+                                binding.songStartTimeTv.text = String.format("%02d:%02d", second / 60, second % 60)
+                            }
+                            second++
+                        }
+                    }
+                }
+            } catch (e: InterruptedException) {
+                Log.d("SongActivity", "Thread Terminates! ${e.message}")
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SongApi.kt b/app/src/main/java/umc/study/umc_7th/SongApi.kt
new file mode 100644
index 0000000..d225ab8
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SongApi.kt
@@ -0,0 +1,9 @@
+package umc.study.umc_7th
+
+import retrofit2.Call
+import retrofit2.http.GET
+
+interface SongApi {
+    @GET("/song")
+    fun getSongs(): Call<SongResponse>
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SongDao.kt b/app/src/main/java/umc/study/umc_7th/SongDao.kt
new file mode 100644
index 0000000..7492b67
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SongDao.kt
@@ -0,0 +1,24 @@
+package umc.study.umc_7th
+
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.Query
+import androidx.room.Update
+@Dao
+interface SongDao {
+    @Insert
+    fun insert(song: Song)
+
+    @Update
+    fun update(song: Song)
+
+    @Delete
+    fun delete(song: Song)
+
+    @Query("SELECT * FROM SongTable")
+    fun getSongs(): List<Song>
+
+    @Query("SELECT * FROM SongTable WHERE id = :id")
+    fun getSong(id: Int): Song
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SongDatabase.kt b/app/src/main/java/umc/study/umc_7th/SongDatabase.kt
new file mode 100644
index 0000000..87ebea4
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SongDatabase.kt
@@ -0,0 +1,33 @@
+package umc.study.umc_7th
+
+import android.content.Context
+import androidx.room.Database
+import androidx.room.Room
+import androidx.room.RoomDatabase
+import com.google.firebase.firestore.auth.User
+
+@Database(entities = [Song::class], version = 1)
+abstract class SongDatabase: RoomDatabase() {
+    abstract fun songDao(): SongDao
+    abstract fun albumDao(): AlbumDao
+    abstract fun UserDao(): UserDao
+
+    companion object {
+        private var instance: SongDatabase? = null
+
+        @Synchronized
+        fun getInstance(context: Context): SongDatabase? {
+            if (instance == null) {
+                synchronized(SongDatabase::class){
+                    instance = Room.databaseBuilder(
+                        context.applicationContext,
+                        SongDatabase::class.java,
+                        "song-database" // 다른 데이터 베이스랑 이름이 겹치지 않도록 주의
+                    ).allowMainThreadQueries().build() // 편의상 메인 쓰레드에서 처리하게 한다.
+                }
+            }
+
+            return instance
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SongFragment.kt b/app/src/main/java/umc/study/umc_7th/SongFragment.kt
new file mode 100644
index 0000000..726f1de
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SongFragment.kt
@@ -0,0 +1,36 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import umc.study.umc_7th.databinding.FragmentSongBinding
+
+class SongFragment : Fragment() {
+
+    lateinit var binding : FragmentSongBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentSongBinding.inflate(inflater, container, false)
+
+        binding.songMixoffTg.setOnClickListener {
+            binding.songMixoffTg.visibility = View.GONE
+            binding.songMixonTg.visibility = View.VISIBLE
+        }
+
+        binding.songMixonTg.setOnClickListener {
+            binding.songMixoffTg.visibility = View.VISIBLE
+            binding.songMixonTg.visibility = View.GONE
+        }
+        return binding.root
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SongRVadapter.kt b/app/src/main/java/umc/study/umc_7th/SongRVadapter.kt
new file mode 100644
index 0000000..28621e7
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SongRVadapter.kt
@@ -0,0 +1,56 @@
+package umc.study.umc_7th
+
+import android.content.Context
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import umc.study.umc_7th.databinding.ItemSongBinding
+
+class SongRVAdapter(val context: Context, val result : FloChartResult) : RecyclerView.Adapter<SongRVAdapter.ViewHolder>() {
+
+
+    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): SongRVAdapter.ViewHolder {
+        val binding: ItemSongBinding = ItemSongBinding.inflate(LayoutInflater.from(viewGroup.context), viewGroup, false)
+
+        return ViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: SongRVAdapter.ViewHolder, position: Int) {
+        //holder.bind(result.songs[position])
+
+        if(result.songs[position].coverImgUrl == "" || result.songs[position].coverImgUrl == null){
+
+        } else {
+            Log.d("image",result.songs[position].coverImgUrl )
+            Glide.with(context).load(result.songs[position].coverImgUrl).into(holder.coverImg)
+        }
+        holder.title.text = result.songs[position].title
+        holder.singer.text = result.songs[position].singer
+
+    }
+
+    override fun getItemCount(): Int = result.songs.size
+
+
+    inner class ViewHolder(val binding: ItemSongBinding) : RecyclerView.ViewHolder(binding.root){
+
+        val coverImg : ImageView = binding.itemSongImgIv
+        val title : TextView = binding.itemSongTitleTv
+        val singer : TextView = binding.itemSongSingerTv
+
+    }
+
+    interface MyItemClickListener{
+        fun onRemoveSong(songId: Int)
+    }
+
+    private lateinit var mItemClickListener: MyItemClickListener
+
+    fun setMyItemClickListener(itemClickListener: MyItemClickListener){
+        mItemClickListener = itemClickListener
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SongResponse.kt b/app/src/main/java/umc/study/umc_7th/SongResponse.kt
new file mode 100644
index 0000000..ed8a643
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SongResponse.kt
@@ -0,0 +1,24 @@
+package umc.study.umc_7th
+
+import com.google.gson.annotations.SerializedName
+
+data class SongResponse(
+    @SerializedName("isSuccess") val isSuccess : Boolean,
+    @SerializedName("code") val code : Int,
+    @SerializedName("message") val message : String,
+    @SerializedName("result") val result : FloChartResult
+
+)
+
+data class FloChartResult(
+    @SerializedName("songs") val songs: List<FloChartSongs>
+)
+
+data class FloChartSongs(
+    @SerializedName("songIdx") val songIdx: Int,
+    @SerializedName("title") val title: String,
+    @SerializedName("singer") val singer: String,
+    @SerializedName("albumIdx") val albumIdx: Int,
+    @SerializedName("coverImgUrl") val coverImgUrl: String
+
+)
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/SongService.kt b/app/src/main/java/umc/study/umc_7th/SongService.kt
new file mode 100644
index 0000000..4c302b5
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/SongService.kt
@@ -0,0 +1,40 @@
+package umc.study.umc_7th
+
+import android.util.Log
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+
+class SongService() {
+    private lateinit var lookView: LookView
+
+    fun setLookView(lookView: LookView) {
+        this.lookView = lookView
+    }
+
+    fun getSongs() {
+        lookView.onGetSongLoading()
+
+        RetrofitInstance.songApi.getSongs().enqueue(object : Callback<SongResponse> {
+            override fun onResponse(call: Call<SongResponse>, response: Response<SongResponse>) {
+                if (response.isSuccessful && response.code() == 200) {
+                    val songResponse: SongResponse = response.body()!!
+
+                    Log.d("SONG-RESPONSE", songResponse.toString())
+
+                    when (val code = songResponse.code) {
+                        1000 -> {
+                            lookView.onGetSongSuccess(code, songResponse.result!!)
+                        }
+
+                        else -> lookView.onGetSongFailure(code, songResponse.message)
+                    }
+                }
+            }
+
+            override fun onFailure(call: Call<SongResponse>, t: Throwable) {
+                lookView.onGetSongFailure(400, "네트워크 오류가 발생했습니다.")
+            }
+        })
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/User.kt b/app/src/main/java/umc/study/umc_7th/User.kt
new file mode 100644
index 0000000..99a7d01
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/User.kt
@@ -0,0 +1,19 @@
+package umc.study.umc_7th
+
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+import com.google.gson.annotations.SerializedName
+
+@Entity(tableName = "UserTable")
+data class User(
+    @SerializedName("email")
+    var email : String,
+
+    @SerializedName("password")
+    var password : String,
+
+    @SerializedName("name")
+    var name : String
+) {
+    @PrimaryKey(autoGenerate = true) var id : Int = 0
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/UserDao.kt b/app/src/main/java/umc/study/umc_7th/UserDao.kt
new file mode 100644
index 0000000..2a9ef96
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/UserDao.kt
@@ -0,0 +1,17 @@
+package umc.study.umc_7th
+
+import androidx.room.Dao
+import androidx.room.Insert
+import androidx.room.Query
+
+@Dao
+interface UserDao {
+    @Insert
+    fun insert(user : User)
+
+    @Query("select * from UserTable")
+    fun getUsers() : List<User>
+
+    @Query("select * from UserTable where email =:email and password = :password")
+    fun getUser(email : String, password : String) : User?
+}
\ No newline at end of file
diff --git a/app/src/main/java/umc/study/umc_7th/VideoFragment.kt b/app/src/main/java/umc/study/umc_7th/VideoFragment.kt
new file mode 100644
index 0000000..6ed95e0
--- /dev/null
+++ b/app/src/main/java/umc/study/umc_7th/VideoFragment.kt
@@ -0,0 +1,25 @@
+package umc.study.umc_7th
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import umc.study.umc_7th.databinding.FragmentVideoBinding
+
+class VideoFragment : Fragment() {
+
+    lateinit var binding : FragmentVideoBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentVideoBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/blue_radius.xml b/app/src/main/res/drawable/blue_radius.xml
new file mode 100644
index 0000000..f2a12db
--- /dev/null
+++ b/app/src/main/res/drawable/blue_radius.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid
+        android:color="@color/select_color"/>
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/custom_snackbar_bg.xml b/app/src/main/res/drawable/custom_snackbar_bg.xml
new file mode 100644
index 0000000..c2ec90e
--- /dev/null
+++ b/app/src/main/res/drawable/custom_snackbar_bg.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape
+            android:shape="rectangle">
+
+            <solid
+                android:color="@color/colorPrimaryGrey"/>
+
+            <corners
+                android:radius="5dp"/>
+
+        </shape>
+
+    </item>
+
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/gray_radius.xml b/app/src/main/res/drawable/gray_radius.xml
new file mode 100644
index 0000000..5b9a17d
--- /dev/null
+++ b/app/src/main/res/drawable/gray_radius.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid
+        android:color="@color/gray_color"/>
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/memo.xml b/app/src/main/res/drawable/memo.xml
new file mode 100644
index 0000000..a8b409b
--- /dev/null
+++ b/app/src/main/res/drawable/memo.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_login.xml b/app/src/main/res/layout/activity_login.xml
new file mode 100644
index 0000000..7a3b16f
--- /dev/null
+++ b/app/src/main/res/layout/activity_login.xml
@@ -0,0 +1,284 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <ImageView
+        android:id="@+id/login_close_iv"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:layout_marginTop="20dp"
+        android:layout_marginEnd="5dp"
+        android:src="@drawable/btn_actionbar_close"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:id="@+id/login_flo_logo_iv"
+        android:layout_width="80dp"
+        android:layout_height="30dp"
+        android:src="@drawable/ic_flo_logo"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/login_close_iv" />
+
+    <EditText
+        android:id="@+id/login_id_et"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="80dp"
+        android:layout_marginEnd="5dp"
+        android:background="@null"
+        android:hint="아이디(이메일)"
+        android:inputType="text"
+        android:textSize="16sp"
+        app:layout_constraintEnd_toStartOf="@+id/login_at_sign_tv"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/login_flo_logo_iv" />
+
+    <View
+        android:id="@+id/login_id_underscore_view"
+        android:layout_width="0dp"
+        android:layout_height="1px"
+        android:layout_marginTop="15dp"
+        android:background="#a8a8a8"
+        app:layout_constraintEnd_toEndOf="@+id/login_id_et"
+        app:layout_constraintStart_toStartOf="@+id/login_id_et"
+        app:layout_constraintTop_toBottomOf="@+id/login_id_et"/>
+
+    <TextView
+        android:id="@+id/login_at_sign_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textSize="14sp"
+        android:textColor="@color/black"
+        android:textStyle="bold"
+        android:text="\@"
+        app:layout_constraintBottom_toBottomOf="@+id/login_id_et"
+        app:layout_constraintEnd_toEndOf="@+id/login_flo_logo_iv"
+        app:layout_constraintStart_toStartOf="@+id/login_flo_logo_iv"
+        app:layout_constraintTop_toTopOf="@+id/login_id_et" />
+
+    <EditText
+        android:id="@+id/login_direct_input_et"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="5dp"
+        android:layout_marginEnd="20dp"
+        android:background="@null"
+        android:hint="직접입력"
+        android:inputType="textWebEmailAddress"
+        android:textSize="16sp"
+        app:layout_constraintBottom_toBottomOf="@+id/login_id_et"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/login_at_sign_tv"
+        app:layout_constraintTop_toTopOf="@+id/login_id_et" />
+
+    <View
+        android:id="@+id/login_address_underscore_view"
+        android:layout_width="0dp"
+        android:layout_height="1px"
+        android:layout_marginTop="15dp"
+        android:background="#a8a8a8"
+        app:layout_constraintEnd_toEndOf="@+id/login_direct_input_et"
+        app:layout_constraintStart_toStartOf="@+id/login_direct_input_et"
+        app:layout_constraintTop_toBottomOf="@+id/login_direct_input_et"/>
+
+    <ImageView
+        android:id="@+id/login_email_list_iv"
+        android:layout_width="15dp"
+        android:layout_height="15dp"
+        android:layout_marginEnd="5dp"
+        android:src="@drawable/nugu_btn_down"
+        app:layout_constraintBottom_toBottomOf="@+id/login_direct_input_et"
+        app:layout_constraintEnd_toEndOf="@+id/login_direct_input_et"
+        app:layout_constraintTop_toTopOf="@+id/login_direct_input_et" />
+
+    <EditText
+        android:id="@+id/login_password_et"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="40dp"
+        android:layout_marginEnd="20dp"
+        android:background="@null"
+        android:hint="비밀번호"
+        android:inputType="textPassword"
+        android:textSize="16sp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/login_id_underscore_view" />
+
+    <View
+        android:id="@+id/login_password_underscore_view"
+        android:layout_width="0dp"
+        android:layout_height="1px"
+        android:layout_marginTop="15dp"
+        android:background="#a8a8a8"
+        app:layout_constraintEnd_toEndOf="@+id/login_password_et"
+        app:layout_constraintStart_toStartOf="@+id/login_password_et"
+        app:layout_constraintTop_toBottomOf="@+id/login_password_et"/>
+
+    <ImageView
+        android:id="@+id/login_hide_password_iv"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:layout_marginEnd="5dp"
+        android:src="@drawable/btn_input_password"
+        app:layout_constraintBottom_toBottomOf="@+id/login_password_et"
+        app:layout_constraintEnd_toEndOf="@+id/login_password_et"
+        app:layout_constraintTop_toTopOf="@+id/login_password_et" />
+
+    <androidx.appcompat.widget.AppCompatButton
+        android:id="@+id/login_sign_in_btn"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="40dp"
+        android:layout_marginEnd="20dp"
+        android:background="@drawable/button_background_flo_color"
+        android:text="로그인"
+        android:textColor="@color/white"
+        android:textSize="16sp"
+        android:textStyle="bold"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/login_password_underscore_view" />
+
+    <TextView
+        android:id="@+id/login_find_id_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        android:text="아이디 찾기"
+        app:layout_constraintStart_toStartOf="@+id/login_sign_in_btn"
+        app:layout_constraintTop_toBottomOf="@+id/login_sign_in_btn" />
+
+    <TextView
+        android:id="@+id/login_division_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="5dp"
+        android:text="|"
+        app:layout_constraintBottom_toBottomOf="@+id/login_find_id_tv"
+        app:layout_constraintStart_toEndOf="@+id/login_find_id_tv"
+        app:layout_constraintTop_toTopOf="@+id/login_find_id_tv" />
+
+    <TextView
+        android:id="@+id/login_find_password_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="5dp"
+        android:text="비밀번호 찾기"
+        app:layout_constraintBottom_toBottomOf="@+id/login_division_tv"
+        app:layout_constraintStart_toEndOf="@+id/login_division_tv"
+        app:layout_constraintTop_toTopOf="@+id/login_division_tv" />
+
+    <TextView
+        android:id="@+id/login_sign_up_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        android:text="회원가입"
+        android:textColor="@color/black"
+        android:textStyle="bold"
+        app:layout_constraintEnd_toEndOf="@+id/login_sign_in_btn"
+        app:layout_constraintTop_toBottomOf="@+id/login_sign_in_btn" />
+
+    <LinearLayout
+        android:id="@+id/login_t_world_login_layout"
+        android:layout_width="0dp"
+        android:layout_height="50dp"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="35dp"
+        android:layout_marginEnd="20dp"
+        android:background="@drawable/button_background_black_color"
+        android:gravity="center"
+        android:orientation="horizontal"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/login_find_id_tv">
+
+        <ImageView
+            android:layout_width="25dp"
+            android:layout_height="25dp"
+            android:layout_marginEnd="4dp"
+            android:src="@drawable/ico_20_logo_tid_white" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="아이디로 로그인"
+            android:textColor="@color/white"
+            android:textSize="16sp"
+            android:textStyle="bold" />
+
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/login_phone_number_login_layout"
+        android:layout_width="0dp"
+        android:layout_height="50dp"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="10dp"
+        android:layout_marginEnd="20dp"
+        android:background="@drawable/button_background_white_color"
+        android:gravity="center"
+        android:orientation="horizontal"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/login_t_world_login_layout">
+
+        <ImageView
+            android:layout_width="25dp"
+            android:layout_height="25dp"
+            android:layout_marginEnd="4dp"
+            android:scaleType="fitXY"
+            android:src="@drawable/btn_setting_phone" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="휴대폰 번호 로그인"
+            android:textColor="@color/black"
+            android:textSize="16sp"
+            android:textStyle="bold" />
+
+    </LinearLayout>
+
+
+    <LinearLayout
+        android:id="@+id/login_social_login_layout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="40dp"
+        android:orientation="horizontal"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/login_phone_number_login_layout">
+
+        <ImageView
+            android:id="@+id/login_naver_login_iv"
+            android:layout_width="45dp"
+            android:layout_height="45dp"
+            android:src="@drawable/naver_44" />
+
+        <ImageView
+            android:id="@+id/login_kakako_login_iv"
+            android:layout_width="45dp"
+            android:layout_height="45dp"
+            android:layout_marginStart="15dp"
+            android:layout_marginEnd="15dp"
+            android:src="@drawable/kakako_44" />
+
+        <ImageView
+            android:id="@+id/login_apple_login_iv"
+            android:layout_width="45dp"
+            android:layout_height="45dp"
+            android:src="@drawable/apple_44" />
+    </LinearLayout>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 163a076..4338801 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,118 +1,132 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    xmlns:app="http://schemas.android.com/apk/res-auto">
-
-
-    <FrameLayout
-        android:id="@+id/main_frm"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        app:layout_constraintBottom_toTopOf="@id/main_player_cl"
-        app:layout_constraintTop_toTopOf="parent" />
-
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
 
     <androidx.constraintlayout.widget.ConstraintLayout
-        android:id="@+id/main_player_cl"
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:background="#F9F9F9"
-        android:paddingVertical="5dp"
-        app:layout_constraintBottom_toTopOf="@id/main_bnv"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent">
-
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"/>
-
-        <LinearLayout
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="20dp"
-            android:orientation="vertical"
-            app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_height="match_parent"
+        tools:context=".MainActivity">
+
+        <FrameLayout
+            android:id="@+id/main_frm"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            app:layout_constraintBottom_toTopOf="@id/main_player_cl"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <SeekBar
+            android:id="@+id/main_miniplayer_progress_sb"
+            android:layout_width="match_parent"
+            android:layout_height="10dp"
+            android:background="@null"
+            android:paddingEnd="0dp"
+            android:paddingStart="0dp"
+            android:layout_marginBottom="-4dp"
+            android:progressBackgroundTint="@color/song_player_bg"
+            android:progressTint="@color/song_player"
+            android:progress="0"
+            android:max="100000"
+            android:thumb="@color/transparent"
+            app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent">
+            app:layout_constraintBottom_toTopOf="@id/main_player_cl" />
 
-            <TextView
-                android:id="@+id/main_miniplayer_title_tv"
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/main_player_cl"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="#F9F9F9"
+            android:paddingVertical="5dp"
+            app:layout_constraintBottom_toTopOf="@id/main_bnv"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent">
+
+            <LinearLayout
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:text="라일락"
-                android:textColor="@color/black"
-                android:textSize="13sp" />
-
-            <TextView
-                android:id="@+id/main_miniplayer_singer_tv"
+                android:layout_marginStart="20dp"
+                android:orientation="vertical"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent">
+
+                <TextView
+                    android:id="@+id/main_miniplayer_title_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Lilac"
+                    android:textStyle="bold"
+                    android:textColor="@color/black"
+                    android:textSize="15sp" />
+
+                <TextView
+                    android:id="@+id/main_miniplayer_singer_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="아이유 (IU)"
+                    android:textSize="12sp" />
+
+            </LinearLayout>
+
+            <LinearLayout
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:text="아이유 (IU)"
-                android:textSize="12sp" />
+                android:gravity="center_vertical"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent">
 
-        </LinearLayout>
+                <ImageView
+                    android:layout_width="40dp"
+                    android:layout_height="40dp"
+                    android:src="@drawable/btn_miniplayer_previous" />
 
-        <LinearLayout
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:gravity="center_vertical"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintTop_toTopOf="parent">
+                <ImageView
+                    android:id="@+id/main_miniplayer_btn"
+                    android:layout_width="40dp"
+                    android:layout_height="40dp"
+                    android:src="@drawable/btn_miniplayer_play" />
 
-            <ImageView
-                android:layout_width="40dp"
-                android:layout_height="40dp"
-                android:src="@drawable/btn_miniplayer_previous" />
+                <ImageView
+                    android:id="@+id/main_pause_btn"
+                    android:layout_width="40dp"
+                    android:layout_height="40dp"
+                    android:src="@drawable/btn_miniplay_pause"
+                    android:visibility="gone" />
 
-            <ImageView
-                android:id="@+id/main_miniplayer_btn"
-                android:layout_width="40dp"
-                android:layout_height="40dp"
-                android:src="@drawable/btn_miniplayer_play" />
 
-            <ImageView
-                android:id="@+id/main_pause_btn"
-                android:layout_width="40dp"
-                android:layout_height="40dp"
-                android:src="@drawable/btn_miniplay_pause"
-                android:visibility="gone" />
+                <ImageView
+                    android:layout_width="40dp"
+                    android:layout_height="40dp"
+                    android:src="@drawable/btn_miniplayer_next" />
 
 
-            <ImageView
-                android:layout_width="40dp"
-                android:layout_height="40dp"
-                android:src="@drawable/btn_miniplayer_next" />
+                <ImageView
+                    android:layout_width="25dp"
+                    android:layout_height="25dp"
+                    android:layout_marginHorizontal="15dp"
+                    android:src="@drawable/btn_miniplayer_go_list" />
 
 
-            <ImageView
-                android:layout_width="25dp"
-                android:layout_height="25dp"
-                android:layout_marginHorizontal="15dp"
-                android:src="@drawable/btn_miniplayer_go_list" />
+            </LinearLayout>
 
 
-        </LinearLayout>
+        </androidx.constraintlayout.widget.ConstraintLayout>
 
 
-    </androidx.constraintlayout.widget.ConstraintLayout>
-
+        <com.google.android.material.bottomnavigation.BottomNavigationView
+            android:id="@+id/main_bnv"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            app:itemIconSize="20dp"
+            app:itemIconTint="@drawable/btm_color_selector"
+            app:itemTextColor="@drawable/btm_color_selector"
+            app:labelVisibilityMode="labeled"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:menu="@menu/bottom_navi" />
 
-    <com.google.android.material.bottomnavigation.BottomNavigationView
-        android:id="@+id/main_bnv"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        app:itemIconSize="20dp"
-        app:itemIconTint="@drawable/btm_color_selector"
-        app:itemTextColor="@drawable/btm_color_selector"
-        app:labelVisibilityMode="labeled"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:menu="@menu/bottom_navi"/>
-
-</androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_sign_up.xml b/app/src/main/res/layout/activity_sign_up.xml
new file mode 100644
index 0000000..e5e99f2
--- /dev/null
+++ b/app/src/main/res/layout/activity_sign_up.xml
@@ -0,0 +1,222 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <TextView
+        android:id="@+id/sign_up_sign_up_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="50dp"
+        android:text="회원가입"
+        android:textColor="@color/black"
+        android:textSize="18sp"
+        android:textStyle="bold"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <EditText
+        android:id="@+id/sign_up_id_et"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="50dp"
+        android:layout_marginEnd="5dp"
+        android:background="@null"
+        android:hint="아이디(이메일)"
+        android:inputType="text"
+        android:textSize="16sp"
+        app:layout_constraintEnd_toStartOf="@+id/sign_up_at_sign_tv"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_sign_up_tv" />
+
+    <View
+        android:id="@+id/sign_up_id_underscore_view"
+        android:layout_width="0dp"
+        android:layout_height="1px"
+        android:layout_marginTop="15dp"
+        android:background="#a8a8a8"
+        app:layout_constraintEnd_toEndOf="@+id/sign_up_id_et"
+        app:layout_constraintStart_toStartOf="@+id/sign_up_id_et"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_id_et"/>
+
+    <TextView
+        android:id="@+id/sign_up_at_sign_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="\@"
+        android:textColor="@color/black"
+        android:textSize="14sp"
+        android:textStyle="bold"
+        app:layout_constraintBottom_toBottomOf="@+id/sign_up_id_et"
+        app:layout_constraintEnd_toEndOf="@+id/sign_up_sign_up_tv"
+        app:layout_constraintStart_toStartOf="@+id/sign_up_sign_up_tv"
+        app:layout_constraintTop_toTopOf="@+id/sign_up_id_et" />
+
+    <EditText
+        android:id="@+id/sign_up_direct_input_et"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="5dp"
+        android:layout_marginEnd="20dp"
+        android:background="@null"
+        android:hint="직접입력"
+        android:inputType="textWebEmailAddress"
+        android:textSize="16sp"
+        app:layout_constraintBottom_toBottomOf="@+id/sign_up_id_et"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/sign_up_at_sign_tv"
+        app:layout_constraintTop_toTopOf="@+id/sign_up_at_sign_tv" />
+
+    <View
+        android:id="@+id/sign_up_address_underscore_view"
+        android:layout_width="0dp"
+        android:layout_height="1px"
+        android:layout_marginTop="15dp"
+        android:background="#a8a8a8"
+        app:layout_constraintEnd_toEndOf="@+id/sign_up_direct_input_et"
+        app:layout_constraintStart_toStartOf="@+id/sign_up_direct_input_et"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_direct_input_et"/>
+
+    <ImageView
+        android:id="@+id/sign_up_email_list_iv"
+        android:layout_width="15dp"
+        android:layout_height="15dp"
+        android:layout_marginEnd="5dp"
+        android:src="@drawable/nugu_btn_down"
+        app:layout_constraintBottom_toBottomOf="@+id/sign_up_direct_input_et"
+        app:layout_constraintEnd_toEndOf="@+id/sign_up_direct_input_et"
+        app:layout_constraintTop_toTopOf="@+id/sign_up_direct_input_et" />
+
+    <TextView
+        android:id="@+id/sign_up_email_error_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textColor="@color/form_error"
+        android:textSize="14sp"
+        android:textStyle="bold"
+        android:layout_marginTop="10dp"
+        android:layout_marginStart="20dp"
+        android:visibility="gone"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_id_underscore_view"/>
+
+    <EditText
+        android:id="@+id/sign_up_name_et"
+        android:layout_width="150dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="30dp"
+        android:layout_marginEnd="20dp"
+        android:background="@null"
+        android:hint="이름"
+        android:inputType="textPersonName"
+        android:textSize="16sp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_email_error_tv" />
+
+    <View
+        android:id="@+id/sign_up_name_underscore_view"
+        android:layout_width="150dp"
+        android:layout_height="1px"
+        android:layout_marginTop="15dp"
+        android:background="#a8a8a8"
+        app:layout_constraintStart_toStartOf="@+id/sign_up_password_et"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_name_et"/>
+
+    <EditText
+        android:id="@+id/sign_up_password_et"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="40dp"
+        android:layout_marginEnd="20dp"
+        android:background="@null"
+        android:hint="비밀번호"
+        android:inputType="textPassword"
+        android:textSize="16sp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_name_et" />
+
+    <View
+        android:id="@+id/sign_up_password_underscore_view"
+        android:layout_width="0dp"
+        android:layout_height="1px"
+        android:layout_marginTop="15dp"
+        android:background="#a8a8a8"
+        app:layout_constraintEnd_toEndOf="@+id/sign_up_password_et"
+        app:layout_constraintStart_toStartOf="@+id/sign_up_password_et"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_password_et"/>
+
+    <ImageView
+        android:id="@+id/sign_up_hide_password_iv"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:layout_marginEnd="5dp"
+        android:src="@drawable/btn_input_password"
+        app:layout_constraintBottom_toBottomOf="@+id/sign_up_password_et"
+        app:layout_constraintEnd_toEndOf="@+id/sign_up_password_et"
+        app:layout_constraintTop_toTopOf="@+id/sign_up_password_et" />
+
+    <EditText
+        android:id="@+id/sign_up_password_check_et"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="40dp"
+        android:layout_marginEnd="20dp"
+        android:background="@null"
+        android:hint="비밀번호 확인"
+        android:inputType="textPassword"
+        android:textSize="16sp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_password_underscore_view" />
+
+    <View
+        android:id="@+id/sign_up_password_check_underscore_view"
+        android:layout_width="0dp"
+        android:layout_height="1px"
+        android:layout_marginTop="15dp"
+        android:background="#a8a8a8"
+        app:layout_constraintEnd_toEndOf="@+id/sign_up_password_check_et"
+        app:layout_constraintStart_toStartOf="@+id/sign_up_password_check_et"
+        app:layout_constraintTop_toBottomOf="@+id/sign_up_password_check_et"/>
+
+    <ImageView
+        android:id="@+id/sign_up_hide_password_check_iv"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:layout_marginEnd="5dp"
+        android:src="@drawable/btn_input_password"
+        app:layout_constraintBottom_toBottomOf="@+id/sign_up_password_check_et"
+        app:layout_constraintEnd_toEndOf="@+id/sign_up_password_check_et"
+        app:layout_constraintTop_toTopOf="@+id/sign_up_password_check_et" />
+
+    <androidx.appcompat.widget.AppCompatButton
+        android:id="@+id/sign_up_sign_up_btn"
+        android:layout_width="match_parent"
+        android:layout_height="50dp"
+        android:background="@drawable/button_background_flo_color"
+        android:text="가입완료"
+        android:textColor="@color/white"
+        android:textSize="16sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <ProgressBar
+        android:id="@+id/sign_up_loading_pb"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="8dp"
+        android:indeterminateTint="@color/flo"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:visibility="gone"/>
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_song.xml b/app/src/main/res/layout/activity_song.xml
index 303dbfb..ab59c87 100644
--- a/app/src/main/res/layout/activity_song.xml
+++ b/app/src/main/res/layout/activity_song.xml
@@ -1,287 +1,306 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout
-    xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent">
-
-    <ImageButton
-        android:id="@+id/song_setting_ib"
-        android:layout_width="25dp"
-        android:layout_height="25dp"
-        android:layout_marginStart="20dp"
-        android:layout_marginTop="40dp"
-        android:background="@color/white"
-        android:scaleType="fitXY"
-        android:src="@drawable/btn_player_setting"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-    <ImageButton
-        android:id="@+id/song_eq_ib"
-        android:layout_width="25dp"
-        android:layout_height="25dp"
-        android:layout_marginStart="10dp"
-        android:background="@color/white"
-        android:scaleType="fitXY"
-        android:src="@drawable/btn_player_eq_off"
-        app:layout_constraintBottom_toBottomOf="@+id/song_setting_ib"
-        app:layout_constraintStart_toEndOf="@+id/song_setting_ib"
-        app:layout_constraintTop_toTopOf="@+id/song_setting_ib" />
-
-    <ImageButton
-        android:id="@+id/song_down_ib"
-        android:layout_width="25dp"
-        android:layout_height="25dp"
-        android:layout_marginEnd="15dp"
-        android:background="@color/white"
-        android:scaleType="fitXY"
-        android:src="@drawable/nugu_btn_down"
-        app:layout_constraintBottom_toBottomOf="@+id/song_eq_ib"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintTop_toTopOf="@+id/song_eq_ib" />
-
-
-    <ImageButton
-        android:id="@+id/song_more_ib"
-        android:layout_width="25dp"
-        android:layout_height="25dp"
-        android:layout_marginTop="15dp"
-        android:background="@color/white"
-        android:scaleType="fitXY"
-        android:src="@drawable/btn_player_more"
-        app:layout_constraintEnd_toEndOf="@+id/song_down_ib"
-        app:layout_constraintStart_toStartOf="@+id/song_down_ib"
-        app:layout_constraintTop_toBottomOf="@+id/song_down_ib" />
-
-
-    <TextView
-        android:id="@+id/song_music_title_tv"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="20dp"
-        android:text="라일락"
-        android:textColor="@color/black"
-        android:textSize="18sp"
-        android:textStyle="bold"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/song_more_ib" />
-
-    <TextView
-        android:id="@+id/song_singer_name_tv"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="10dp"
-        android:text="아이유"
-        android:textColor="@color/black"
-        android:textSize="14sp"
-        app:layout_constraintEnd_toEndOf="@+id/song_music_title_tv"
-        app:layout_constraintStart_toStartOf="@+id/song_music_title_tv"
-        app:layout_constraintTop_toBottomOf="@+id/song_music_title_tv" />
-
-    <ImageView
-        android:id="@+id/song_singer_more_iv"
-        android:layout_width="20dp"
-        android:layout_height="20dp"
-        android:src="@drawable/btn_main_arrow_more"
-        app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_tv"
-        app:layout_constraintStart_toEndOf="@+id/song_singer_name_tv"
-        app:layout_constraintTop_toTopOf="@+id/song_singer_name_tv" />
-
-
-    <ImageView
-        android:id="@+id/song_album_iv"
-        android:layout_width="280dp"
-        android:layout_height="280dp"
-        android:layout_marginTop="20dp"
-        android:scaleType="fitXY"
-        android:src="@drawable/img_album_exp2"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="0.496"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/song_singer_more_iv" />
-
-    <TextView
-        android:id="@+id/song_music_lyrics_01_iv"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="20dp"
-        android:text="나라는 꽃가루에"
-        android:textSize="14sp"
-        app:layout_constraintEnd_toEndOf="@+id/song_album_iv"
-        app:layout_constraintStart_toStartOf="@+id/song_album_iv"
-        app:layout_constraintTop_toBottomOf="@+id/song_album_iv" />
-
-    <TextView
-        android:id="@+id/song_music_lyrics_02_iv"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="5dp"
-        android:text="눈이 따끔해 아야"
-        android:textSize="14sp"
-        app:layout_constraintEnd_toEndOf="@+id/song_music_lyrics_01_iv"
-        app:layout_constraintStart_toStartOf="@+id/song_music_lyrics_01_iv"
-        app:layout_constraintTop_toBottomOf="@+id/song_music_lyrics_01_iv" />
-
-
-    <LinearLayout
-        android:id="@+id/song_like_iv_layout"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="25dp"
-        android:orientation="horizontal"
-        app:layout_constraintEnd_toEndOf="@+id/song_album_iv"
-        app:layout_constraintStart_toStartOf="@+id/song_album_iv"
-        app:layout_constraintTop_toBottomOf="@+id/song_music_lyrics_02_iv">
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
 
-        <ImageView
-            android:id="@+id/song_like_iv"
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <ImageButton
+            android:id="@+id/song_setting_ib"
+            android:layout_width="25dp"
+            android:layout_height="25dp"
+            android:layout_marginStart="20dp"
+            android:layout_marginTop="40dp"
+            android:background="@color/white"
+            android:scaleType="fitXY"
+            android:src="@drawable/btn_player_setting"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <ImageButton
+            android:id="@+id/song_eq_ib"
+            android:layout_width="25dp"
+            android:layout_height="25dp"
+            android:layout_marginStart="10dp"
+            android:background="@color/white"
+            android:scaleType="fitXY"
+            android:src="@drawable/btn_player_eq_off"
+            app:layout_constraintBottom_toBottomOf="@+id/song_setting_ib"
+            app:layout_constraintStart_toEndOf="@+id/song_setting_ib"
+            app:layout_constraintTop_toTopOf="@+id/song_setting_ib" />
+
+        <ImageButton
+            android:id="@+id/song_down_ib"
             android:layout_width="25dp"
             android:layout_height="25dp"
-            android:src="@drawable/ic_my_like_off" />
+            android:layout_marginEnd="15dp"
+            android:background="@color/white"
+            android:scaleType="fitXY"
+            android:src="@drawable/nugu_btn_down"
+            app:layout_constraintBottom_toBottomOf="@+id/song_eq_ib"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/song_eq_ib" />
 
-        <ImageView
-            android:id="@+id/song_unlike_iv"
+
+        <ImageButton
+            android:id="@+id/song_more_ib"
             android:layout_width="25dp"
             android:layout_height="25dp"
-            android:layout_marginStart="50dp"
-            android:src="@drawable/btn_player_unlike_off" />
+            android:layout_marginTop="15dp"
+            android:background="@color/white"
+            android:scaleType="fitXY"
+            android:src="@drawable/btn_player_more"
+            app:layout_constraintEnd_toEndOf="@+id/song_down_ib"
+            app:layout_constraintStart_toStartOf="@+id/song_down_ib"
+            app:layout_constraintTop_toBottomOf="@+id/song_down_ib" />
+
+
+        <TextView
+            android:id="@+id/song_music_title_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="20dp"
+            android:text="제목"
+            android:textColor="@color/black"
+            android:textSize="18sp"
+            android:textStyle="bold"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/song_more_ib" />
+
+        <TextView
+            android:id="@+id/song_singer_name_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="10dp"
+            android:text="가수 이름"
+            android:textColor="@color/black"
+            android:textSize="14sp"
+            app:layout_constraintEnd_toEndOf="@+id/song_music_title_tv"
+            app:layout_constraintStart_toStartOf="@+id/song_music_title_tv"
+            app:layout_constraintTop_toBottomOf="@+id/song_music_title_tv" />
 
-    </LinearLayout>
+        <ImageView
+            android:id="@+id/song_singer_more_iv"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/btn_main_arrow_more"
+            app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_tv"
+            app:layout_constraintStart_toEndOf="@+id/song_singer_name_tv"
+            app:layout_constraintTop_toTopOf="@+id/song_singer_name_tv" />
 
-    <View
-        android:id="@+id/song_progressbar_backgroud_view"
-        android:layout_width="match_parent"
-        android:layout_height="2dp"
-        android:layout_marginStart="20dp"
-        android:layout_marginTop="15dp"
-        android:layout_marginEnd="20dp"
-        android:background="@color/gray_color"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/song_like_iv_layout" />
-
-    <View
-        android:id="@+id/song_progressbar_view"
-        android:layout_width="50dp"
-        android:layout_height="2dp"
-        android:layout_marginStart="20dp"
-        android:background="@color/select_color"
-        app:layout_constraintBottom_toBottomOf="@+id/song_progressbar_backgroud_view"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="@+id/song_progressbar_backgroud_view" />
-
-    <TextView
-        android:id="@+id/song_start_time_tv"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="00:08"
-        android:textColor="@color/select_color"
-        app:layout_constraintStart_toStartOf="@+id/song_progressbar_backgroud_view"
-        app:layout_constraintTop_toBottomOf="@+id/song_progressbar_backgroud_view" />
-
-
-    <TextView
-        android:id="@+id/song_end_time_tv"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="01:00"
-        android:textColor="@color/gray_color"
-        app:layout_constraintEnd_toEndOf="@+id/song_progressbar_backgroud_view"
-        app:layout_constraintTop_toBottomOf="@+id/song_progressbar_backgroud_view" />
-
-
-    <LinearLayout
-        android:id="@+id/song_player_layout"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:gravity="center_vertical"
-        app:layout_constraintBottom_toTopOf="@+id/song_related_iv"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/song_progressbar_view">
 
         <ImageView
-            android:id="@+id/song_previous_iv"
-            android:layout_width="60dp"
-            android:layout_height="60dp"
-            android:layout_marginEnd="10dp"
-            android:src="@drawable/btn_miniplayer_previous" />
+            android:id="@+id/song_album_iv"
+            android:layout_width="280dp"
+            android:layout_height="280dp"
+            android:layout_marginTop="20dp"
+            android:scaleType="fitXY"
+            android:src="@drawable/img_album_exp2"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.496"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/song_singer_more_iv" />
+
+        <TextView
+            android:id="@+id/song_music_lyrics_01_iv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="20dp"
+            android:text="나라는 꽃가루에"
+            android:textSize="14sp"
+            app:layout_constraintEnd_toEndOf="@+id/song_album_iv"
+            app:layout_constraintStart_toStartOf="@+id/song_album_iv"
+            app:layout_constraintTop_toBottomOf="@+id/song_album_iv" />
+
+        <TextView
+            android:id="@+id/song_music_lyrics_02_iv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="5dp"
+            android:text="눈이 따끔해 아야"
+            android:textSize="14sp"
+            app:layout_constraintEnd_toEndOf="@+id/song_music_lyrics_01_iv"
+            app:layout_constraintStart_toStartOf="@+id/song_music_lyrics_01_iv"
+            app:layout_constraintTop_toBottomOf="@+id/song_music_lyrics_01_iv" />
+
+        <LinearLayout
+            android:id="@+id/song_like_iv_layout"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="25dp"
+            android:orientation="horizontal"
+            app:layout_constraintEnd_toEndOf="@+id/song_album_iv"
+            app:layout_constraintStart_toStartOf="@+id/song_album_iv"
+            app:layout_constraintTop_toBottomOf="@+id/song_music_lyrics_02_iv">
+
+            <ImageView
+                android:id="@+id/song_like_iv"
+                android:layout_width="25dp"
+                android:layout_height="25dp"
+                android:src="@drawable/ic_my_like_off" />
+
+            <ImageView
+                android:id="@+id/song_unlike_iv"
+                android:layout_width="25dp"
+                android:layout_height="25dp"
+                android:layout_marginStart="50dp"
+                android:src="@drawable/btn_player_unlike_off" />
+
+        </LinearLayout>
+
+        <SeekBar
+            android:id="@+id/song_progress_sb"
+            android:layout_width="match_parent"
+            android:layout_height="10dp"
+            android:layout_marginStart="20dp"
+            android:layout_marginEnd="20dp"
+            android:layout_marginBottom="20dp"
+            android:background="@null"
+            android:paddingStart="0dp"
+            android:paddingEnd="0dp"
+            android:progress="0"
+            android:progressBackgroundTint="@color/song_player_bg"
+            android:progressTint="@color/song_player"
+            android:thumb="@color/transparent"
+            android:max="100000"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/song_like_iv_layout"  />
+
+        <!--        <View-->
+        <!--            android:id="@+id/song_progressbar_backgroud_view"-->
+        <!--            android:layout_width="match_parent"-->
+        <!--            android:layout_height="2dp"-->
+        <!--            android:layout_marginStart="20dp"-->
+        <!--            android:layout_marginTop="15dp"-->
+        <!--            android:layout_marginEnd="20dp"-->
+        <!--            android:background="@color/gray_color"-->
+        <!--            app:layout_constraintEnd_toEndOf="parent"-->
+        <!--            app:layout_constraintStart_toStartOf="parent"-->
+        <!--            app:layout_constraintTop_toBottomOf="@+id/song_like_iv_layout" />-->
+
+        <!--        <View-->
+        <!--            android:id="@+id/song_progressbar_view"-->
+        <!--            android:layout_width="50dp"-->
+        <!--            android:layout_height="2dp"-->
+        <!--            android:layout_marginStart="20dp"-->
+        <!--            android:background="@color/select_color"-->
+        <!--            app:layout_constraintBottom_toBottomOf="@+id/song_progressbar_backgroud_view"-->
+        <!--            app:layout_constraintStart_toStartOf="parent"-->
+        <!--            app:layout_constraintTop_toTopOf="@+id/song_progressbar_backgroud_view" />-->
+
+        <TextView
+            android:id="@+id/song_start_time_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="00:08"
+            android:textColor="@color/select_color"
+            app:layout_constraintStart_toStartOf="@+id/song_progress_sb"
+            app:layout_constraintTop_toBottomOf="@+id/song_progress_sb" />
+
+
+        <TextView
+            android:id="@+id/song_end_time_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="01:00"
+            android:textColor="@color/gray_color"
+            app:layout_constraintEnd_toEndOf="@+id/song_progress_sb"
+            app:layout_constraintTop_toBottomOf="@+id/song_progress_sb" />
+
+
+        <LinearLayout
+            android:id="@+id/song_player_layout"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center_vertical"
+            app:layout_constraintBottom_toTopOf="@+id/song_related_iv"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/song_progress_sb">
+
+            <ImageView
+                android:id="@+id/song_previous_iv"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:layout_marginEnd="10dp"
+                android:src="@drawable/btn_miniplayer_previous" />
+
+            <ImageView
+                android:id="@+id/song_miniplayer_iv"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:src="@drawable/btn_miniplayer_play" />
+
+            <ImageView
+                android:id="@+id/song_pause_iv"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:src="@drawable/btn_miniplay_mvpause"
+                android:visibility="gone" />
+
+            <ImageView
+                android:id="@+id/song_next_iv"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:layout_marginStart="10dp"
+                android:src="@drawable/btn_miniplayer_next" />
+
+        </LinearLayout>
+
 
         <ImageView
-            android:id="@+id/song_miniplayer_iv"
+            android:id="@+id/song_repeat_iv"
             android:layout_width="60dp"
             android:layout_height="60dp"
-            android:src="@drawable/btn_miniplayer_play" />
+            android:layout_marginEnd="30dp"
+            android:src="@drawable/nugu_btn_repeat_inactive"
+            app:layout_constraintBottom_toBottomOf="@+id/song_player_layout"
+            app:layout_constraintEnd_toStartOf="@+id/song_player_layout"
+            app:layout_constraintTop_toTopOf="@+id/song_player_layout" />
 
         <ImageView
-            android:id="@+id/song_pause_iv"
+            android:id="@+id/song_random_iv"
             android:layout_width="60dp"
             android:layout_height="60dp"
-            android:src="@drawable/btn_miniplay_mvpause"
-            android:visibility="gone" />
+            android:layout_marginStart="30dp"
+            android:src="@drawable/nugu_btn_random_inactive"
+            app:layout_constraintBottom_toBottomOf="@+id/song_player_layout"
+            app:layout_constraintStart_toEndOf="@+id/song_player_layout"
+            app:layout_constraintTop_toTopOf="@+id/song_player_layout" />
 
         <ImageView
-            android:id="@+id/song_next_iv"
-            android:layout_width="60dp"
-            android:layout_height="60dp"
-            android:layout_marginStart="10dp"
-            android:src="@drawable/btn_miniplayer_next" />
-
-    </LinearLayout>
-
-
-    <ImageView
-        android:id="@+id/song_repeat_iv"
-        android:layout_width="60dp"
-        android:layout_height="60dp"
-        android:layout_marginEnd="30dp"
-        android:src="@drawable/nugu_btn_repeat_inactive"
-        app:layout_constraintBottom_toBottomOf="@+id/song_player_layout"
-        app:layout_constraintEnd_toStartOf="@+id/song_player_layout"
-        app:layout_constraintTop_toTopOf="@+id/song_player_layout" />
-
-    <ImageView
-        android:id="@+id/song_random_iv"
-        android:layout_width="60dp"
-        android:layout_height="60dp"
-        android:layout_marginStart="30dp"
-        android:src="@drawable/nugu_btn_random_inactive"
-        app:layout_constraintBottom_toBottomOf="@+id/song_player_layout"
-        app:layout_constraintStart_toEndOf="@+id/song_player_layout"
-        app:layout_constraintTop_toTopOf="@+id/song_player_layout" />
-
-    <ImageView
-        android:id="@+id/song_instagram_iv"
-        android:layout_width="30dp"
-        android:layout_height="30dp"
-        android:layout_marginStart="20dp"
-        android:layout_marginBottom="20dp"
-        android:src="@drawable/btn_actionbar_instagram"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintStart_toStartOf="parent" />
-
-
-    <ImageView
-        android:id="@+id/song_list_iv"
-        android:layout_width="30dp"
-        android:layout_height="30dp"
-        android:layout_marginEnd="20dp"
-        android:layout_marginBottom="20dp"
-        android:src="@drawable/btn_player_go_list"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent" />
-
-    <ImageView
-        android:id="@+id/song_related_iv"
-        android:layout_width="80dp"
-        android:layout_height="30dp"
-        android:layout_marginBottom="20dp"
-        android:src="@drawable/btn_player_related"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent" />
-
-
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+            android:id="@+id/song_instagram_iv"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_marginStart="20dp"
+            android:layout_marginBottom="20dp"
+            android:src="@drawable/btn_actionbar_instagram"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+
+        <ImageView
+            android:id="@+id/song_list_iv"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_marginEnd="20dp"
+            android:layout_marginBottom="20dp"
+            android:src="@drawable/btn_player_go_list"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <ImageView
+            android:id="@+id/song_related_iv"
+            android:layout_width="80dp"
+            android:layout_height="30dp"
+            android:layout_marginBottom="20dp"
+            android:src="@drawable/btn_player_related"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/custom_snackbar.xml b/app/src/main/res/layout/custom_snackbar.xml
new file mode 100644
index 0000000..ee7fb5a
--- /dev/null
+++ b/app/src/main/res/layout/custom_snackbar.xml
@@ -0,0 +1,35 @@
+<?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">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="300dp"
+        android:layout_height="wrap_content"
+        android:paddingStart="15dp"
+        android:paddingEnd="15dp"
+        android:background="@drawable/custom_snackbar_bg">
+
+        <TextView
+            android:id="@+id/custom_snackbar_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="Custom SnackBar!"
+            android:layout_marginRight="20dp"
+            android:padding="10dp"
+            android:textColor="@android:color/white"
+            android:textSize="17sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <Button
+            android:id="@+id/custom_snackbar_btn"
+            android:layout_width="70dp"
+            android:layout_height="40dp"
+            android:text="OK"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_album.xml b/app/src/main/res/layout/fragment_album.xml
index 1995a8b..a58ac91 100644
--- a/app/src/main/res/layout/fragment_album.xml
+++ b/app/src/main/res/layout/fragment_album.xml
@@ -108,39 +108,27 @@
             app:layout_constraintBottom_toBottomOf="@+id/album_album_iv"
             app:layout_constraintEnd_toEndOf="@+id/album_album_iv" />
 
-
-        <LinearLayout
-            android:id="@+id/linearLayout4"
-            android:layout_width="wrap_content"
+        <com.google.android.material.tabs.TabLayout
+            android:id="@+id/album_content_tb"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_marginTop="30dp"
-            android:orientation="horizontal"
+            app:tabIndicatorFullWidth="false"
+            app:tabSelectedTextColor="#3f3fff"
+            app:tabIndicatorColor="#3f3fff"
+            app:tabRippleColor="@color/transparent"
             app:layout_constraintEnd_toEndOf="@+id/album_album_iv"
             app:layout_constraintStart_toStartOf="@+id/album_album_iv"
-            app:layout_constraintTop_toBottomOf="@+id/album_album_iv">
-
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:text="수록곡"
-                android:textColor="@color/select_color"
-                android:textStyle="bold" />
+            app:layout_constraintTop_toBottomOf="@+id/album_album_iv"/>
 
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginStart="100dp"
-                android:text="상세정보"
-                android:textColor="@color/black" />
-
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginStart="100dp"
-                android:text="영상"
-                android:textColor="@color/black" />
+        <androidx.viewpager2.widget.ViewPager2
+            android:id="@+id/album_content_vp"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            app:layout_constraintTop_toBottomOf="@+id/album_content_tb"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
 
-        </LinearLayout>
 
         <!--3주차 탭레이아웃-->
 
@@ -160,565 +148,5 @@
         <!--        app:tabIndicatorGravity="bottom"-->
         <!--        app:tabSelectedTextColor="@color/select_color" />-->
 
-        <View
-            android:id="@+id/album_line_view"
-            android:layout_width="match_parent"
-            android:layout_height="1dp"
-            android:layout_marginTop="15dp"
-            android:background="#dcdcdc"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/linearLayout4" />
-
-
-        <androidx.core.widget.NestedScrollView
-            android:layout_width="match_parent"
-            android:layout_height="0dp"
-            android:fillViewport="true"
-            android:orientation="vertical"
-            android:overScrollMode="never"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/album_line_view">
-
-
-            <androidx.constraintlayout.widget.ConstraintLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content">
-
-
-                <LinearLayout
-                    android:id="@+id/song_mix_layout"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_marginTop="10dp"
-                    android:background="@drawable/textview_background_radius"
-                    android:orientation="horizontal"
-                    android:paddingStart="20dp"
-                    android:paddingTop="5dp"
-                    android:paddingEnd="20dp"
-                    android:paddingBottom="5dp"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toTopOf="parent">
-
-                    <TextView
-                        android:id="@+id/song_mix_tv"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center"
-                        android:text="내 취향 MIX"
-                        android:textColor="@color/black" />
-
-                    <ImageView
-                        android:id="@+id/song_mixoff_tg"
-                        android:layout_width="50dp"
-                        android:layout_height="25dp"
-                        android:layout_gravity="center"
-                        android:src="@drawable/btn_toggle_off" />
-
-                    <ImageView
-                        android:id="@+id/song_mixon_tg"
-                        android:layout_width="50dp"
-                        android:layout_height="25dp"
-                        android:layout_gravity="center"
-                        android:src="@drawable/btn_toggle_on"
-                        android:visibility="gone" />
-
-
-                </LinearLayout>
-
-                <ImageView
-                    android:id="@+id/song_all_select_iv"
-                    android:layout_width="15dp"
-                    android:layout_height="15dp"
-                    android:layout_marginStart="15dp"
-                    android:layout_marginTop="10dp"
-                    android:src="@drawable/btn_playlist_select_off"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toBottomOf="@+id/song_mix_layout" />
-
-                <TextView
-                    android:id="@+id/song_all_select_tv"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:text="전체선택"
-                    android:textColor="@color/black"
-                    android:textSize="10sp"
-                    app:layout_constraintBottom_toBottomOf="@+id/song_all_select_iv"
-                    app:layout_constraintStart_toEndOf="@+id/song_all_select_iv"
-                    app:layout_constraintTop_toTopOf="@+id/song_all_select_iv" />
-
-
-                <ImageView
-                    android:id="@+id/song_all_listen_iv"
-                    android:layout_width="15dp"
-                    android:layout_height="15dp"
-                    android:src="@drawable/icon_browse_arrow_right"
-                    app:layout_constraintBottom_toBottomOf="@+id/song_all_listen_tv"
-                    app:layout_constraintEnd_toStartOf="@+id/song_all_listen_tv"
-                    app:layout_constraintTop_toTopOf="@+id/song_all_listen_tv" />
-
-                <TextView
-                    android:id="@+id/song_all_listen_tv"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_marginEnd="15dp"
-                    android:text="전체듣기"
-                    android:textColor="@color/black"
-                    android:textSize="10sp"
-                    app:layout_constraintBottom_toBottomOf="@+id/song_all_select_tv"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintTop_toTopOf="@+id/song_all_select_tv" />
-
-                <LinearLayout
-                    android:id="@+id/song_music_list_layout"
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_marginTop="20dp"
-                    android:orientation="vertical"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toBottomOf="@+id/song_all_select_tv">
-
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/song_lalac_layout"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content">
-
-
-                        <TextView
-                            android:id="@+id/song_list_order_01_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="15dp"
-                            android:layout_marginTop="10dp"
-                            android:text="01"
-                            android:textColor="@color/black"
-                            android:textSize="10sp"
-                            android:textStyle="bold"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <TextView
-                            android:id="@+id/song_list_title_01_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="8dp"
-                            android:background="@drawable/textview_background_select_color_radius"
-                            android:paddingStart="5dp"
-                            android:paddingEnd="5dp"
-                            android:text="TITLE"
-                            android:textColor="@color/white"
-                            android:textSize="8sp"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_list_order_01_tv"
-                            app:layout_constraintStart_toEndOf="@+id/song_list_order_01_tv"
-                            app:layout_constraintTop_toTopOf="@+id/song_list_order_01_tv" />
-
-                        <TextView
-                            android:id="@+id/song_music_title_01_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="8dp"
-                            android:text="라일락"
-                            android:textColor="@color/black"
-                            android:textSize="12sp"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_list_title_01_tv"
-                            app:layout_constraintStart_toEndOf="@+id/song_list_title_01_tv"
-                            app:layout_constraintTop_toTopOf="@+id/song_list_title_01_tv" />
-
-
-                        <TextView
-                            android:id="@+id/song_singer_name_01_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:layout_marginBottom="10dp"
-                            android:text="가수"
-                            android:textSize="10sp"
-                            app:layout_constraintBottom_toBottomOf="parent"
-                            app:layout_constraintStart_toStartOf="@+id/song_list_title_01_tv"
-                            app:layout_constraintTop_toBottomOf="@+id/song_list_title_01_tv" />
-
-                        <ImageView
-                            android:id="@+id/song_play_01_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:src="@drawable/btn_miniplayer_play"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_more_01_iv"
-                            app:layout_constraintEnd_toStartOf="@+id/song_more_01_iv"
-                            app:layout_constraintTop_toTopOf="@+id/song_more_01_iv" />
-
-                        <ImageView
-                            android:id="@+id/song_more_01_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:layout_marginEnd="15dp"
-                            android:src="@drawable/btn_player_more"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_01_tv"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintTop_toTopOf="@+id/song_music_title_01_tv" />
-
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/song_flu_layout"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content">
-
-
-                        <TextView
-                            android:id="@+id/song_list_order_02_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="15dp"
-                            android:layout_marginTop="10dp"
-                            android:text="02"
-                            android:textColor="@color/black"
-                            android:textSize="10sp"
-                            android:textStyle="bold"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-
-                        <TextView
-                            android:id="@+id/song_music_title_02_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="8dp"
-                            android:text="Flu"
-                            android:textColor="@color/black"
-                            android:textSize="12sp"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_list_order_02_tv"
-                            app:layout_constraintStart_toEndOf="@+id/song_list_order_02_tv"
-                            app:layout_constraintTop_toTopOf="@+id/song_list_order_02_tv" />
-
-
-                        <TextView
-                            android:id="@+id/song_singer_name_02_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:layout_marginBottom="10dp"
-                            android:text="가수"
-                            android:textSize="10sp"
-                            app:layout_constraintBottom_toBottomOf="parent"
-                            app:layout_constraintStart_toStartOf="@+id/song_music_title_02_tv"
-                            app:layout_constraintTop_toBottomOf="@+id/song_music_title_02_tv" />
-
-                        <ImageView
-                            android:id="@+id/song_play_02_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:src="@drawable/btn_miniplayer_play"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_more_02_iv"
-                            app:layout_constraintEnd_toStartOf="@+id/song_more_02_iv"
-                            app:layout_constraintTop_toTopOf="@+id/song_more_02_iv" />
-
-                        <ImageView
-                            android:id="@+id/song_more_02_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:layout_marginEnd="15dp"
-                            android:src="@drawable/btn_player_more"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_02_tv"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintTop_toTopOf="@+id/song_music_title_02_tv" />
-
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/song_coin_layout"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content">
-
-
-                        <TextView
-                            android:id="@+id/song_list_order_03_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="15dp"
-                            android:layout_marginTop="10dp"
-                            android:text="03"
-                            android:textColor="@color/black"
-                            android:textSize="10sp"
-                            android:textStyle="bold"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <TextView
-                            android:id="@+id/song_list_title_03_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="8dp"
-                            android:background="@drawable/textview_background_select_color_radius"
-                            android:paddingStart="5dp"
-                            android:paddingEnd="5dp"
-                            android:text="TITLE"
-                            android:textColor="@color/white"
-                            android:textSize="8sp"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_list_order_03_tv"
-                            app:layout_constraintStart_toEndOf="@+id/song_list_order_03_tv"
-                            app:layout_constraintTop_toTopOf="@+id/song_list_order_03_tv" />
-
-                        <TextView
-                            android:id="@+id/song_music_title_03_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="8dp"
-                            android:text="Coin"
-                            android:textColor="@color/black"
-                            android:textSize="12sp"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_list_title_03_tv"
-                            app:layout_constraintStart_toEndOf="@+id/song_list_title_03_tv"
-                            app:layout_constraintTop_toTopOf="@+id/song_list_title_03_tv" />
-
-
-                        <TextView
-                            android:id="@+id/song_singer_name_03_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:layout_marginBottom="10dp"
-                            android:text="가수"
-                            android:textSize="10sp"
-                            app:layout_constraintBottom_toBottomOf="parent"
-                            app:layout_constraintStart_toStartOf="@+id/song_list_title_03_tv"
-                            app:layout_constraintTop_toBottomOf="@+id/song_list_title_03_tv" />
-
-                        <ImageView
-                            android:id="@+id/song_play_03_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:src="@drawable/btn_miniplayer_play"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_more_03_iv"
-                            app:layout_constraintEnd_toStartOf="@+id/song_more_03_iv"
-                            app:layout_constraintTop_toTopOf="@+id/song_more_03_iv" />
-
-                        <ImageView
-                            android:id="@+id/song_more_03_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:layout_marginEnd="15dp"
-                            android:src="@drawable/btn_player_more"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_03_tv"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintTop_toTopOf="@+id/song_music_title_03_tv" />
-
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/song_spring_layout"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content">
-
-
-                        <TextView
-                            android:id="@+id/song_list_order_04_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="15dp"
-                            android:layout_marginTop="10dp"
-                            android:text="04"
-                            android:textColor="@color/black"
-                            android:textSize="10sp"
-                            android:textStyle="bold"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-
-                        <TextView
-                            android:id="@+id/song_music_title_04_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="8dp"
-                            android:text="봄 안녕 봄"
-                            android:textColor="@color/black"
-                            android:textSize="12sp"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_list_order_04_tv"
-                            app:layout_constraintStart_toEndOf="@+id/song_list_order_04_tv"
-                            app:layout_constraintTop_toTopOf="@+id/song_list_order_04_tv" />
-
-
-                        <TextView
-                            android:id="@+id/song_singer_name_04_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:layout_marginBottom="10dp"
-                            android:text="가수"
-                            android:textSize="10sp"
-                            app:layout_constraintBottom_toBottomOf="parent"
-                            app:layout_constraintStart_toStartOf="@+id/song_music_title_04_tv"
-                            app:layout_constraintTop_toBottomOf="@+id/song_music_title_04_tv" />
-
-                        <ImageView
-                            android:id="@+id/song_play_04_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:src="@drawable/btn_miniplayer_play"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_more_04_iv"
-                            app:layout_constraintEnd_toStartOf="@+id/song_more_04_iv"
-                            app:layout_constraintTop_toTopOf="@+id/song_more_04_iv" />
-
-                        <ImageView
-                            android:id="@+id/song_more_04_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:layout_marginEnd="15dp"
-                            android:src="@drawable/btn_player_more"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_04_tv"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintTop_toTopOf="@+id/song_music_title_04_tv" />
-
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/song_celebrity_layout"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content">
-
-
-                        <TextView
-                            android:id="@+id/song_list_order_05_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="15dp"
-                            android:layout_marginTop="10dp"
-                            android:text="05"
-                            android:textColor="@color/black"
-                            android:textSize="10sp"
-                            android:textStyle="bold"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-
-                        <TextView
-                            android:id="@+id/song_music_title_05_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="8dp"
-                            android:text="Celebrity"
-                            android:textColor="@color/black"
-                            android:textSize="12sp"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_list_order_05_tv"
-                            app:layout_constraintStart_toEndOf="@+id/song_list_order_05_tv"
-                            app:layout_constraintTop_toTopOf="@+id/song_list_order_05_tv" />
-
-
-                        <TextView
-                            android:id="@+id/song_singer_name_05_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:layout_marginBottom="10dp"
-                            android:text="가수"
-                            android:textSize="10sp"
-                            app:layout_constraintBottom_toBottomOf="parent"
-                            app:layout_constraintStart_toStartOf="@+id/song_music_title_05_tv"
-                            app:layout_constraintTop_toBottomOf="@+id/song_music_title_05_tv" />
-
-                        <ImageView
-                            android:id="@+id/song_play_05_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:src="@drawable/btn_miniplayer_play"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_more_05_iv"
-                            app:layout_constraintEnd_toStartOf="@+id/song_more_05_iv"
-                            app:layout_constraintTop_toTopOf="@+id/song_more_05_iv" />
-
-                        <ImageView
-                            android:id="@+id/song_more_05_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:layout_marginEnd="15dp"
-                            android:src="@drawable/btn_player_more"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_05_tv"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintTop_toTopOf="@+id/song_music_title_05_tv" />
-
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/song_sing_layout"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content">
-
-
-                        <TextView
-                            android:id="@+id/song_list_order_06_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="15dp"
-                            android:layout_marginTop="10dp"
-                            android:text="06"
-                            android:textColor="@color/black"
-                            android:textSize="10sp"
-                            android:textStyle="bold"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-
-                        <TextView
-                            android:id="@+id/song_music_title_06_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="8dp"
-                            android:text="돌림노래 (Feat. DEAN)"
-                            android:textColor="@color/black"
-                            android:textSize="12sp"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_list_order_06_tv"
-                            app:layout_constraintStart_toEndOf="@+id/song_list_order_06_tv"
-                            app:layout_constraintTop_toTopOf="@+id/song_list_order_06_tv" />
-
-
-                        <TextView
-                            android:id="@+id/song_singer_name_06_tv"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="5dp"
-                            android:layout_marginBottom="10dp"
-                            android:text="가수"
-                            android:textSize="10sp"
-                            app:layout_constraintBottom_toBottomOf="parent"
-                            app:layout_constraintStart_toStartOf="@+id/song_music_title_06_tv"
-                            app:layout_constraintTop_toBottomOf="@+id/song_music_title_06_tv" />
-
-                        <ImageView
-                            android:id="@+id/song_play_06_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:src="@drawable/btn_miniplayer_play"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_more_06_iv"
-                            app:layout_constraintEnd_toStartOf="@+id/song_more_06_iv"
-                            app:layout_constraintTop_toTopOf="@+id/song_more_06_iv" />
-
-                        <ImageView
-                            android:id="@+id/song_more_06_iv"
-                            android:layout_width="25dp"
-                            android:layout_height="25dp"
-                            android:layout_marginEnd="15dp"
-                            android:src="@drawable/btn_player_more"
-                            app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_06_tv"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintTop_toTopOf="@+id/song_music_title_06_tv" />
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                </LinearLayout>
-
-            </androidx.constraintlayout.widget.ConstraintLayout>
-
-
-        </androidx.core.widget.NestedScrollView>
-
-
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_banner.xml b/app/src/main/res/layout/fragment_banner.xml
new file mode 100644
index 0000000..2bb0e26
--- /dev/null
+++ b/app/src/main/res/layout/fragment_banner.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <ImageView
+        android:id="@+id/banner_image_iv"
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        android:scaleType="fitXY"
+        android:src="@drawable/img_home_viewpager_exp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_bottom_sheet.xml b/app/src/main/res/layout/fragment_bottom_sheet.xml
new file mode 100644
index 0000000..7a296e9
--- /dev/null
+++ b/app/src/main/res/layout/fragment_bottom_sheet.xml
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    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:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:gravity="center_horizontal"
+    tools:context=".BottomSheetFragment"
+    android:background="@color/select_color">
+
+    <TextView
+        android:id="@+id/bottom_sheet_tv1"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="60dp"
+        android:gravity="center"
+        android:text="듣기"
+        android:background="@color/transparent"
+        android:textSize="15sp"
+        android:textColor="@color/black"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/bottom_sheet_tv2"
+        app:layout_constraintTop_toTopOf="parent"/>
+
+    <ImageView
+        android:id="@+id/bottom_sheet_iv1"
+        android:layout_width="0dp"
+        android:layout_height="50dp"
+        android:src="@drawable/btn_miniplayer_play"
+        app:layout_constraintBottom_toTopOf="@+id/bottom_sheet_tv1"
+        app:layout_constraintEnd_toStartOf="@+id/bottom_sheet_iv2"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/bottom_sheet_tv2"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="60dp"
+        android:background="@color/transparent"
+        android:gravity="center"
+        android:text="재생목록"
+        android:textColor="@color/black"
+        android:textSize="15sp"
+        app:layout_constraintEnd_toStartOf="@+id/bottom_sheet_tv3"
+        app:layout_constraintStart_toEndOf="@+id/bottom_sheet_tv1"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:id="@+id/bottom_sheet_iv2"
+        android:layout_width="0dp"
+        android:layout_height="50dp"
+        android:src="@drawable/btn_miniplayer_play"
+        app:layout_constraintBottom_toTopOf="@+id/bottom_sheet_tv2"
+        app:layout_constraintStart_toEndOf="@+id/bottom_sheet_iv1"
+        app:layout_constraintEnd_toStartOf="@+id/bottom_sheet_iv3"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/bottom_sheet_tv3"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="60dp"
+        android:background="@color/transparent"
+        android:gravity="center"
+        android:text="내 리스트"
+        android:textColor="@color/black"
+        android:textSize="15sp"
+        app:layout_constraintEnd_toStartOf="@+id/bottom_sheet_tv4"
+        app:layout_constraintStart_toEndOf="@+id/bottom_sheet_tv2"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:id="@+id/bottom_sheet_iv3"
+        android:layout_width="0dp"
+        android:layout_height="50dp"
+        android:src="@drawable/btn_miniplayer_play"
+        app:layout_constraintBottom_toTopOf="@+id/bottom_sheet_tv2"
+        app:layout_constraintStart_toEndOf="@+id/bottom_sheet_iv2"
+        app:layout_constraintEnd_toStartOf="@id/bottom_sheet_iv4"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/bottom_sheet_tv4"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="60dp"
+        android:background="@color/transparent"
+        android:gravity="center"
+        android:text="삭제"
+        android:textColor="@color/black"
+        android:textSize="15sp"
+        app:layout_constraintStart_toEndOf="@+id/bottom_sheet_tv3"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:id="@+id/bottom_sheet_iv4"
+        android:layout_width="0dp"
+        android:layout_height="50dp"
+        android:src="@drawable/btn_miniplayer_play"
+        app:layout_constraintBottom_toTopOf="@+id/bottom_sheet_tv2"
+        app:layout_constraintStart_toEndOf="@+id/bottom_sheet_iv3"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_detail.xml b/app/src/main/res/layout/fragment_detail.xml
new file mode 100644
index 0000000..16ce2fc
--- /dev/null
+++ b/app/src/main/res/layout/fragment_detail.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".DetailFragment">
+
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="@string/hello_blank_fragment" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home.xml b/app/src/main/res/layout/fragment_home.xml
index 13292ae..0f91720 100644
--- a/app/src/main/res/layout/fragment_home.xml
+++ b/app/src/main/res/layout/fragment_home.xml
@@ -1,154 +1,700 @@
 <?xml version="1.0" encoding="utf-8"?>
-<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    xmlns:app="http://schemas.android.com/apk/res-auto">
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
 
-    <androidx.constraintlayout.widget.ConstraintLayout
+    <ScrollView
         android:layout_width="match_parent"
-        android:layout_height="match_parent" >
+        android:layout_height="match_parent"
+        tools:context=".HomeFragment">
 
-        <ImageView
-            android:id="@+id/home_pannel_background_iv"
+        <androidx.constraintlayout.widget.ConstraintLayout
             android:layout_width="match_parent"
-            android:layout_height="430dp"
-            android:src="@drawable/img_first_album_default"
-            android:scaleType="centerCrop"
-            app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"/>
-
-        <ImageView
-            android:id="@+id/home_pannel_btn_nugu_iv"
-            android:layout_width="35dp"
-            android:layout_height="35dp"
-            android:layout_marginTop="20dp"
-            android:layout_marginEnd="15dp"
-            android:src="@drawable/btn_main_mike"
-            app:layout_constraintEnd_toStartOf="@id/home_pannel_btn_ticket_iv"
-            app:layout_constraintTop_toTopOf="parent"/>
-
-        <ImageView
-            android:id="@+id/home_pannel_btn_ticket_iv"
-            android:layout_width="35dp"
-            android:layout_height="35dp"
-            android:layout_marginTop="20dp"
-            android:layout_marginEnd="15dp"
-            android:src="@drawable/btn_main_ticket"
-            app:layout_constraintEnd_toStartOf="@id/home_pannel_btn_setting_iv"
-            app:layout_constraintTop_toTopOf="parent"
-            />
-
-        <ImageView
-            android:id="@+id/home_pannel_btn_setting_iv"
-            android:layout_width="35dp"
-            android:layout_height="35dp"
-            android:layout_marginTop="20dp"
-            android:layout_marginEnd="15dp"
-            android:src="@drawable/btn_main_setting"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            />
-
-        <TextView
-            android:id="@+id/home_pannel_title_tv"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="30dp"
-            android:layout_marginTop="15dp"
-            android:text="스근하게 덮어주는 꿈의\n목소리"
-            android:textColor="@color/white"
-            android:textSize="28sp"
-            android:textStyle="bold"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/home_pannel_btn_nugu_iv"/>
-        <ImageView
-            android:id="@+id/home_pannel_btn_play_iv"
-            android:layout_width="60dp"
-            android:layout_height="60dp"
-            android:src="@drawable/btn_panel_play_large"
-            android:layout_marginTop="15dp"
-            android:layout_marginEnd="20dp"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/home_pannel_btn_nugu_iv"/>
-        <TextView
-            android:id="@+id/home_pannel_album_info_tv"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:text="총 45곡 2024.11.04"
-            android:textSize="12sp"
-            android:textColor="@color/white"
-            android:layout_marginStart="20dp"
-            android:layout_marginBottom="12dp"
-            app:layout_constraintBottom_toTopOf="@id/home_pannel_album_img_iv"
-            app:layout_constraintStart_toStartOf="parent"/>
-
-        <ImageView
-            android:id="@+id/home_pannel_album_img_iv"
-            android:layout_width="40dp"
-            android:layout_height="40dp"
-            android:src="@drawable/img_album_exp"
-            android:layout_marginStart="20dp"
-            android:layout_marginBottom="30dp"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintBottom_toTopOf="@id/home_pannel_album_img2_iv"/>
-
-        <TextView
-            android:id="@+id/home_pannel_album_title_tv"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:text="Butter"
-            android:textColor="@color/white"
-            android:textStyle="bold"
-            android:layout_marginStart="13dp"
-            app:layout_constraintBottom_toTopOf="@id/home_pannel_album_singer_tv"
-            app:layout_constraintStart_toEndOf="@id/home_pannel_album_img_iv"
-            app:layout_constraintTop_toTopOf="@id/home_pannel_album_img_iv"/>
-
-        <TextView
-            android:id="@+id/home_pannel_album_singer_tv"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:text="BTS"
-            android:textColor="@color/white"
-            android:layout_marginStart="13dp"
-            app:layout_constraintTop_toBottomOf="@id/home_pannel_album_title_tv"
-            app:layout_constraintStart_toEndOf="@id/home_pannel_album_img_iv"
-            app:layout_constraintBottom_toBottomOf="@id/home_pannel_album_img_iv"/>
-
-        <ImageView
-            android:id="@+id/home_pannel_album_img2_iv"
-            android:layout_width="40dp"
-            android:layout_height="40dp"
-            android:src="@drawable/img_album_exp2"
-            android:layout_marginStart="20dp"
-            android:layout_marginBottom="30dp"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintBottom_toBottomOf="@id/home_pannel_background_iv"/>
-
-        <TextView
-            android:id="@+id/home_pannel_album_title2_tv"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:text="라일락"
-            android:textColor="@color/white"
-            android:textStyle="bold"
-            android:layout_marginStart="15dp"
-            app:layout_constraintBottom_toTopOf="@id/home_pannel_album_singer2_tv"
-            app:layout_constraintStart_toEndOf="@id/home_pannel_album_img2_iv"
-            app:layout_constraintTop_toTopOf="@id/home_pannel_album_img2_iv"/>
-
-        <TextView
-            android:id="@+id/home_pannel_album_singer2_tv"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:text="아이유"
-            android:textColor="@color/white"
-            android:layout_marginStart="13dp"
-            app:layout_constraintTop_toBottomOf="@id/home_pannel_album_title2_tv"
-            app:layout_constraintStart_toEndOf="@id/home_pannel_album_img2_iv"
-            app:layout_constraintBottom_toBottomOf="@id/home_pannel_album_img2_iv"/>
-
-    </androidx.constraintlayout.widget.ConstraintLayout>
-
-</ScrollView>
\ No newline at end of file
+            android:layout_height="wrap_content">
+
+            <androidx.viewpager2.widget.ViewPager2
+                android:id="@+id/home_pannel_background_vp"
+                android:layout_width="match_parent"
+                android:layout_height="400dp"
+                android:scaleType="centerCrop"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintHorizontal_bias="0.0"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <me.relex.circleindicator.CircleIndicator3
+                android:id="@+id/home_pannel_indicator"
+                android:layout_width="match_parent"
+                android:layout_height="32dp"
+                app:ci_drawable_unselected="@drawable/gray_radius"
+                app:ci_drawable="@drawable/blue_radius"
+                app:ci_animator="@animator/scale_with_alpha"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_background_vp"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"/>
+
+            <ImageView
+                android:id="@+id/home_pannel_btn_memo_iv"
+                android:layout_width="30dp"
+                android:layout_height="30dp"
+                android:layout_marginTop="20dp"
+                android:layout_marginLeft="20dp"
+                android:src="@drawable/memo"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <ImageView
+                android:id="@+id/home_pannel_btn_nugu_iv"
+                android:layout_width="35dp"
+                android:layout_height="35dp"
+                android:layout_marginTop="20dp"
+                android:layout_marginEnd="15dp"
+                android:src="@drawable/btn_main_mike"
+                app:layout_constraintEnd_toStartOf="@id/home_pannel_btn_ticket_iv"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <ImageView
+                android:id="@+id/home_pannel_btn_ticket_iv"
+                android:layout_width="35dp"
+                android:layout_height="35dp"
+                android:layout_marginTop="20dp"
+                android:layout_marginEnd="15dp"
+                android:src="@drawable/btn_main_ticket"
+                app:layout_constraintEnd_toStartOf="@id/home_pannel_btn_setting_iv"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <ImageView
+                android:id="@+id/home_pannel_btn_setting_iv"
+                android:layout_width="35dp"
+                android:layout_height="35dp"
+                android:layout_marginTop="20dp"
+                android:layout_marginEnd="15dp"
+                android:src="@drawable/btn_main_setting"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <TextView
+                android:id="@+id/home_pannel_title_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="20dp"
+                android:layout_marginTop="15dp"
+                android:text="포근하게 덮어주는 꿈의\n목소리"
+                android:textColor="@color/white"
+                android:textSize="28sp"
+                android:textStyle="bold"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_btn_nugu_iv" />
+
+            <ImageView
+                android:id="@+id/home_pannel_btn_play_iv"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:layout_marginEnd="20dp"
+                android:src="@drawable/btn_panel_play_large"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_title_tv" />
+
+            <TextView
+                android:id="@+id/home_pannel_album_info_01_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="20dp"
+                android:layout_marginBottom="12dp"
+                android:text="총 15곡 2019.11.11"
+                android:textColor="@color/white"
+                android:textSize="12sp"
+                app:layout_constraintBottom_toTopOf="@id/home_pannel_album_img_01_iv"
+                app:layout_constraintStart_toStartOf="parent" />
+
+
+            <ImageView
+                android:id="@+id/home_pannel_album_img_01_iv"
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginStart="20dp"
+                android:layout_marginBottom="30dp"
+                android:src="@drawable/img_album_exp"
+                app:layout_constraintBottom_toTopOf="@id/home_pannel_album_img_02_iv"
+                app:layout_constraintStart_toStartOf="parent" />
+
+            <TextView
+                android:id="@+id/home_pannel_album_title_01_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="15dp"
+                android:text="잠이 안온다"
+                android:textColor="@color/white"
+                android:textStyle="bold"
+                app:layout_constraintBottom_toTopOf="@id/home_pannel_album_singer_02_tv"
+                app:layout_constraintStart_toEndOf="@id/home_pannel_album_img_01_iv"
+                app:layout_constraintTop_toTopOf="@id/home_pannel_album_img_01_iv" />
+
+            <TextView
+                android:id="@+id/home_pannel_album_singer_02_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="15dp"
+                android:text="젠(zen)"
+                android:textColor="@color/white"
+                android:textStyle="bold"
+                app:layout_constraintBottom_toBottomOf="@id/home_pannel_album_img_01_iv"
+                app:layout_constraintStart_toEndOf="@id/home_pannel_album_img_01_iv"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_album_title_01_tv" />
+
+
+            <ImageView
+                android:id="@+id/home_pannel_album_img_02_iv"
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginStart="20dp"
+                android:layout_marginBottom="30dp"
+                android:src="@drawable/img_album_exp"
+                app:layout_constraintBottom_toBottomOf="@id/home_pannel_background_vp"
+                app:layout_constraintStart_toStartOf="parent" />
+
+            <TextView
+                android:id="@+id/home_pannel_album_title_03_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="15dp"
+                android:text="잠이 안온다"
+                android:textColor="@color/white"
+                android:textStyle="bold"
+                app:layout_constraintBottom_toTopOf="@id/home_pannel_album_singer_04_tv"
+                app:layout_constraintStart_toEndOf="@id/home_pannel_album_img_02_iv"
+                app:layout_constraintTop_toTopOf="@id/home_pannel_album_img_02_iv" />
+
+            <TextView
+                android:id="@+id/home_pannel_album_singer_04_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="15dp"
+                android:text="젠(zen)"
+                android:textColor="@color/white"
+                android:textStyle="bold"
+                app:layout_constraintBottom_toBottomOf="@id/home_pannel_album_img_02_iv"
+                app:layout_constraintStart_toEndOf="@id/home_pannel_album_img_02_iv"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_album_title_03_tv" />
+
+            <TextView
+                android:id="@+id/home_today_music_title_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="20dp"
+                android:layout_marginTop="20dp"
+                android:layout_marginEnd="5dp"
+                android:text="오늘 발매 음악"
+                android:textColor="@color/black"
+                android:textSize="18sp"
+                android:textStyle="bold"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_background_vp" />
+
+            <ImageView
+                android:id="@+id/home_today_music_title_btn_iv"
+                android:layout_width="20dp"
+                android:layout_height="18dp"
+                android:layout_marginEnd="5dp"
+                android:scaleType="fitStart"
+                android:src="@drawable/btn_main_arrow_more"
+                app:layout_constraintBottom_toBottomOf="@id/home_today_music_title_tv"
+                app:layout_constraintStart_toEndOf="@id/home_today_music_title_tv"
+                app:layout_constraintTop_toTopOf="@id/home_today_music_title_tv" />
+
+            <TextView
+                android:id="@+id/home_today_music_total_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="20dp"
+                android:layout_marginEnd="20dp"
+                android:text="종합"
+                android:textColor="#3F3FFF"
+                android:textSize="16sp"
+                app:layout_constraintEnd_toStartOf="@id/home_today_music_domestic_tv"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_background_vp" />
+
+            <TextView
+                android:id="@+id/home_today_music_domestic_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="20dp"
+                android:layout_marginEnd="20dp"
+                android:text="국내"
+                android:textSize="16sp"
+                app:layout_constraintEnd_toStartOf="@id/home_today_music_oversea_tv"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_background_vp" />
+
+            <TextView
+                android:id="@+id/home_today_music_oversea_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="20dp"
+                android:layout_marginEnd="20dp"
+                android:text="해외"
+                android:textSize="16sp"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_pannel_background_vp" />
+
+            <!--            <ImageView-->
+            <!--                android:id="@+id/home_banner_vp"-->
+            <!--                android:layout_width="match_parent"-->
+            <!--                android:layout_height="0dp"-->
+            <!--                android:adjustViewBounds="true"-->
+            <!--                android:src="@drawable/img_home_viewpager_exp"-->
+            <!--                android:layout_marginTop="15dp"-->
+            <!--                app:layout_constraintStart_toStartOf="parent"-->
+            <!--                app:layout_constraintEnd_toEndOf="parent"-->
+            <!--                app:layout_constraintTop_toBottomOf="@id/home_today_music_oversea_hs" />-->
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/home_today_music_album_rv"
+                android:layout_width="match_parent"
+                android:layout_height="210dp"
+                android:layout_marginTop="10dp"
+                tools:listitem="@layout/item_album"
+                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                android:orientation="horizontal"
+                app:layout_constraintTop_toBottomOf="@id/home_today_music_total_tv"/>
+
+            <androidx.viewpager2.widget.ViewPager2
+                android:id="@+id/home_banner_vp"
+                android:layout_width="match_parent"
+                android:layout_height="100dp"
+                android:layout_marginTop="15dp"
+                app:layout_constraintEnd_toEndOf="@+id/home_pannel_btn_setting_iv"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_today_music_album_rv"/>
+
+            <me.relex.circleindicator.CircleIndicator3
+                android:id="@+id/home_banner_indicator"
+                android:layout_width="match_parent"
+                android:layout_height="32dp"
+                app:ci_drawable_unselected="@drawable/gray_radius"
+                app:ci_drawable="@drawable/blue_radius"
+                app:ci_animator="@animator/scale_with_alpha"
+                app:layout_constraintTop_toBottomOf="@id/home_banner_vp"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"/>
+
+            <TextView
+                android:id="@+id/home_daily_music_title_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="20dp"
+                android:layout_marginTop="30dp"
+                android:text="매일 들어도 좋은 팟캐스트"
+                android:textColor="@color/black"
+                android:textSize="20sp"
+                android:textStyle="bold"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_banner_vp" />
+
+            <HorizontalScrollView
+                android:id="@+id/home_daily_music_hs"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="10dp"
+                android:layout_marginBottom="20dp"
+                android:orientation="horizontal"
+                android:overScrollMode="never"
+                android:scrollbars="none"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_daily_music_title_tv">
+
+                <LinearLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal">
+
+
+                    <androidx.constraintlayout.widget.ConstraintLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="20dp">
+
+                        <ImageView
+                            android:id="@+id/home_daily_music_album_img_01_iv"
+                            android:layout_width="150dp"
+                            android:layout_height="150dp"
+                            android:scaleType="fitCenter"
+                            android:src="@drawable/img_potcast_exp"
+                            app:layout_constraintEnd_toEndOf="parent"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toTopOf="parent" />
+
+                        <ImageView
+                            android:id="@+id/home_daily_music_album_img_play_01_iv"
+                            android:layout_width="40dp"
+                            android:layout_height="40dp"
+                            android:layout_marginEnd="8dp"
+                            android:layout_marginBottom="5dp"
+                            android:src="@drawable/widget_black_play"
+                            app:layout_constraintBottom_toBottomOf="@id/home_daily_music_album_img_01_iv"
+                            app:layout_constraintEnd_toEndOf="parent" />
+
+                        <TextView
+                            android:id="@+id/home_daily_music_album_title_01_tv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="10dp"
+                            android:text="제목"
+                            android:textColor="@color/black"
+                            android:textSize="16sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_daily_music_album_img_01_iv" />
+
+                        <TextView
+                            android:id="@+id/home_daily_music_album_title_02_iv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="3dp"
+                            android:text="가수"
+                            android:textColor="#a8a8a8"
+                            android:textSize="13sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_daily_music_album_title_01_tv" />
+
+                    </androidx.constraintlayout.widget.ConstraintLayout>
+
+                    <androidx.constraintlayout.widget.ConstraintLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="20dp">
+
+                        <ImageView
+                            android:id="@+id/home_daily_music_album_img_02_iv"
+                            android:layout_width="150dp"
+                            android:layout_height="150dp"
+                            android:scaleType="fitCenter"
+                            android:src="@drawable/img_potcast_exp"
+                            app:layout_constraintEnd_toEndOf="parent"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toTopOf="parent" />
+
+                        <ImageView
+                            android:id="@+id/home_daily_music_album_img_play_02_iv"
+                            android:layout_width="40dp"
+                            android:layout_height="40dp"
+                            android:layout_marginEnd="8dp"
+                            android:layout_marginBottom="5dp"
+                            android:src="@drawable/widget_black_play"
+                            app:layout_constraintBottom_toBottomOf="@id/home_daily_music_album_img_02_iv"
+                            app:layout_constraintEnd_toEndOf="parent" />
+
+                        <TextView
+                            android:id="@+id/home_daily_music_album_title_03_tv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="10dp"
+                            android:text="제목"
+                            android:textColor="@color/black"
+                            android:textSize="16sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_daily_music_album_img_02_iv" />
+
+                        <TextView
+                            android:id="@+id/home_daily_music_album_title_04_iv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="3dp"
+                            android:text="가수"
+                            android:textColor="#a8a8a8"
+                            android:textSize="13sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_daily_music_album_title_03_tv" />
+
+                    </androidx.constraintlayout.widget.ConstraintLayout>
+
+                    <androidx.constraintlayout.widget.ConstraintLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="20dp">
+
+                        <ImageView
+                            android:id="@+id/home_daily_music_album_img_03_iv"
+                            android:layout_width="150dp"
+                            android:layout_height="150dp"
+                            android:scaleType="fitCenter"
+                            android:src="@drawable/img_potcast_exp"
+                            app:layout_constraintEnd_toEndOf="parent"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toTopOf="parent" />
+
+                        <ImageView
+                            android:id="@+id/home_daily_music_album_img_play_03_iv"
+                            android:layout_width="40dp"
+                            android:layout_height="40dp"
+                            android:layout_marginEnd="8dp"
+                            android:layout_marginBottom="5dp"
+                            android:src="@drawable/widget_black_play"
+                            app:layout_constraintBottom_toBottomOf="@id/home_daily_music_album_img_03_iv"
+                            app:layout_constraintEnd_toEndOf="parent" />
+
+                        <TextView
+                            android:id="@+id/home_daily_music_album_title_05_tv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="10dp"
+                            android:text="제목"
+                            android:textColor="@color/black"
+                            android:textSize="16sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_daily_music_album_img_03_iv" />
+
+                        <TextView
+                            android:id="@+id/home_daily_music_album_title_06_iv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="3dp"
+                            android:text="가수"
+                            android:textColor="#a8a8a8"
+                            android:textSize="13sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_daily_music_album_title_05_tv" />
+
+                    </androidx.constraintlayout.widget.ConstraintLayout>
+
+                </LinearLayout>
+
+            </HorizontalScrollView>
+
+            <TextView
+                android:id="@+id/home_video_music_title_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="20dp"
+                android:layout_marginTop="20dp"
+                android:text="비디오 콜랙션"
+                android:textColor="@color/black"
+                android:textSize="20sp"
+                android:textStyle="bold"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_daily_music_hs" />
+
+            <HorizontalScrollView
+                android:id="@+id/home_video_music_hs"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="10dp"
+                android:layout_marginBottom="20dp"
+                android:orientation="horizontal"
+                android:overScrollMode="never"
+                android:scrollbars="none"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/home_video_music_title_tv">
+
+                <LinearLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal">
+
+
+                    <androidx.constraintlayout.widget.ConstraintLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="20dp">
+
+                        <ImageView
+                            android:id="@+id/home_video_music_album_img_01_iv"
+                            android:layout_width="304dp"
+                            android:layout_height="171dp"
+                            android:scaleType="fitCenter"
+                            android:src="@drawable/img_video_exp"
+                            app:layout_constraintEnd_toEndOf="parent"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toTopOf="parent" />
+
+                        <TextView
+                            android:id="@+id/home_video_music_album_title_01_tv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="10dp"
+                            android:text="제목"
+                            android:textColor="@color/black"
+                            android:textSize="16sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_video_music_album_img_01_iv" />
+
+                        <TextView
+                            android:id="@+id/home_video_music_album_title_02_iv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="3dp"
+                            android:text="가수"
+                            android:textColor="#a8a8a8"
+                            android:textSize="13sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_video_music_album_title_01_tv" />
+
+                    </androidx.constraintlayout.widget.ConstraintLayout>
+
+                    <androidx.constraintlayout.widget.ConstraintLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="20dp">
+
+                        <ImageView
+                            android:id="@+id/home_video_music_album_img_02_iv"
+                            android:layout_width="304dp"
+                            android:layout_height="171dp"
+                            android:scaleType="fitCenter"
+                            android:src="@drawable/img_video_exp"
+                            app:layout_constraintEnd_toEndOf="parent"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toTopOf="parent" />
+
+                        <TextView
+                            android:id="@+id/home_video_music_album_title_03_tv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="10dp"
+                            android:text="제목"
+                            android:textColor="@color/black"
+                            android:textSize="16sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_video_music_album_img_02_iv" />
+
+                        <TextView
+                            android:id="@+id/home_video_music_album_title_04_iv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="3dp"
+                            android:text="가수"
+                            android:textColor="#a8a8a8"
+                            android:textSize="13sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_video_music_album_title_03_tv" />
+
+                    </androidx.constraintlayout.widget.ConstraintLayout>
+
+                    <androidx.constraintlayout.widget.ConstraintLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="20dp">
+
+                        <ImageView
+                            android:id="@+id/home_video_music_album_img_03_iv"
+                            android:layout_width="304dp"
+                            android:layout_height="171dp"
+                            android:scaleType="fitCenter"
+                            android:src="@drawable/img_video_exp"
+                            app:layout_constraintEnd_toEndOf="parent"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toTopOf="parent" />
+
+                        <TextView
+                            android:id="@+id/home_video_music_album_title_05_tv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="10dp"
+                            android:text="제목"
+                            android:textColor="@color/black"
+                            android:textSize="16sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_video_music_album_img_03_iv" />
+
+                        <TextView
+                            android:id="@+id/home_video_music_album_title_06_iv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="3dp"
+                            android:text="가수"
+                            android:textColor="#a8a8a8"
+                            android:textSize="13sp"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toBottomOf="@id/home_video_music_album_title_05_tv" />
+
+                    </androidx.constraintlayout.widget.ConstraintLayout>
+
+                </LinearLayout>
+
+            </HorizontalScrollView>
+
+            <ImageView
+                android:id="@+id/home_banner_iv"
+                android:layout_width="match_parent"
+                android:layout_height="0dp"
+                android:adjustViewBounds="true"
+                android:layout_marginHorizontal="20dp"
+                android:layout_marginTop="15dp"
+                android:scaleType="fitCenter"
+                android:src="@drawable/discovery_banner_aos"
+                app:layout_constraintTop_toBottomOf="@id/home_video_music_hs" />
+
+            <ImageView
+                android:id="@+id/home_viewpager_exp_02_iv"
+                android:layout_width="match_parent"
+                android:layout_height="0dp"
+                android:adjustViewBounds="true"
+                android:layout_marginHorizontal="20dp"
+                android:layout_marginTop="50dp"
+                android:src="@drawable/img_home_viewpager_exp2"
+                app:layout_constraintTop_toBottomOf="@id/home_banner_iv" />
+
+            <LinearLayout
+                android:id="@+id/home_sns_total_layout_ll"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:gravity="center"
+                android:orientation="horizontal"
+                android:layout_marginTop="50dp"
+                app:layout_constraintTop_toBottomOf="@id/home_viewpager_exp_02_iv">
+
+                <ImageView
+                    android:id="@+id/home_btn_sns_facebook_iv"
+                    android:layout_width="25dp"
+                    android:layout_height="25dp"
+                    android:layout_marginHorizontal="18dp"
+                    android:src="@drawable/ic_main_facebook" />
+
+                <ImageView
+                    android:id="@+id/home_btn_sns_instagram_iv"
+                    android:layout_width="25dp"
+                    android:layout_height="25dp"
+                    android:layout_marginHorizontal="18dp"
+                    android:src="@drawable/ic_main_instagram" />
+
+                <ImageView
+                    android:id="@+id/home_btn_sns_youtube_iv"
+                    android:layout_width="25dp"
+                    android:layout_height="25dp"
+                    android:layout_marginHorizontal="18dp"
+                    android:src="@drawable/ic_main_youtube" />
+
+                <ImageView
+                    android:id="@+id/home_btn_sns_twitter_iv"
+                    android:layout_width="25dp"
+                    android:layout_height="25dp"
+                    android:layout_marginHorizontal="18dp"
+                    android:src="@drawable/ic_main_twitter" />
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="20dp"
+                android:gravity="center"
+                android:orientation="horizontal"
+                android:paddingBottom="50dp"
+                app:layout_constraintTop_toBottomOf="@id/home_sns_total_layout_ll">
+
+                <TextView
+                    android:id="@+id/home_ceo_info_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="(주)드림어스컴퍼니 사업자 정보" />
+
+                <ImageView
+                    android:id="@+id/home_ceo_info_iv"
+                    android:layout_width="15dp"
+                    android:layout_height="15dp"
+                    android:src="@drawable/btn_main_arrow_more" />
+
+            </LinearLayout>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </ScrollView>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_locker.xml b/app/src/main/res/layout/fragment_locker.xml
index 77d9ef6..30e27d7 100644
--- a/app/src/main/res/layout/fragment_locker.xml
+++ b/app/src/main/res/layout/fragment_locker.xml
@@ -1,6 +1,106 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+    <TextView
+        android:id="@+id/locker_title_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="보관함"
+        android:textSize="25dp"
+        android:textStyle="bold"
+        android:textColor="@color/black"
+        android:layout_marginTop="55dp"
+        android:layout_marginStart="20dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintStart_toStartOf="parent"/>
+
+    <TextView
+        android:id="@+id/locker_login_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="로그인"
+        android:textSize="15dp"
+        android:textColor="@color/song_player"
+        android:layout_marginEnd="20dp"
+        app:layout_constraintTop_toTopOf="@id/locker_title_tv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_title_tv"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <com.google.android.material.tabs.TabLayout
+        android:id="@+id/locker_content_tb"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        app:tabSelectedTextColor="#3f3fff"
+        app:tabIndicatorFullWidth="false"
+        app:tabIndicatorColor="#3f3fff"
+        app:tabRippleColor="#00ff0000"
+        android:layout_marginLeft="5dp"
+        app:layout_constraintTop_toBottomOf="@id/locker_title_tv"
+        app:layout_constraintStart_toStartOf="parent"/>
+
+    <ImageView
+        android:id="@+id/locker_select_all_img_iv"
+        android:layout_width="25dp"
+        android:layout_height="25dp"
+        android:layout_marginStart="10dp"
+        android:layout_marginTop="10dp"
+        android:src="@drawable/btn_playlist_select_off"
+        app:layout_constraintTop_toBottomOf="@id/locker_content_tb"
+        app:layout_constraintStart_toStartOf="@id/locker_content_tb"/>
+
+    <TextView
+        android:id="@+id/locker_select_all_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="전체선택"
+        android:textColor="@color/colorPrimaryGrey"
+        app:layout_constraintStart_toEndOf="@id/locker_select_all_img_iv"
+        app:layout_constraintTop_toTopOf="@id/locker_select_all_img_iv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_select_all_img_iv"/>
+
+    <ImageView
+        android:id="@+id/locker_play_all_img_iv"
+        android:layout_width="25dp"
+        android:layout_height="25dp"
+        android:src="@drawable/icon_browse_arrow_right"
+        android:layout_marginStart="20dp"
+        app:layout_constraintTop_toTopOf="@id/locker_select_all_img_iv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_select_all_img_iv"
+        app:layout_constraintStart_toEndOf="@id/locker_select_all_tv"/>
+
+    <TextView
+        android:id="@+id/locker_play_all_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="전체듣기"
+        android:textColor="@color/colorPrimaryGrey"
+        app:layout_constraintTop_toTopOf="@id/locker_select_all_img_iv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_select_all_img_iv"
+        app:layout_constraintStart_toEndOf="@id/locker_play_all_img_iv"/>
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="편집"
+        android:layout_marginEnd="20dp"
+        android:textColor="@color/colorPrimaryGrey"
+        app:layout_constraintTop_toTopOf="@id/locker_select_all_img_iv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_select_all_img_iv"
+        app:layout_constraintEnd_toEndOf="parent"/>
+
+    <androidx.viewpager2.widget.ViewPager2
+        android:id="@+id/locker_content_vp"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_marginTop="10dp"
+        app:layout_constraintVertical_bias="1.0"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/locker_select_all_img_iv" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_look.xml b/app/src/main/res/layout/fragment_look.xml
index 77d9ef6..31b020c 100644
--- a/app/src/main/res/layout/fragment_look.xml
+++ b/app/src/main/res/layout/fragment_look.xml
@@ -1,6 +1,516 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<ScrollView 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:layout_width="match_parent"
     android:layout_height="match_parent">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <TextView
+            android:id="@+id/look_big_title_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="20dp"
+            android:layout_marginTop="40dp"
+            android:text="둘러보기"
+            android:textColor="#000000"
+            android:textSize="22sp"
+            android:textStyle="bold"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <HorizontalScrollView
+            android:id="@+id/look_chip_scroll_hs"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:paddingStart="20dp"
+            android:scrollbars="none"
+            android:layout_marginTop="30dp"
+            app:layout_constraintTop_toBottomOf="@id/look_big_title_tv">
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
+                <TextView
+                    android:id="@+id/look_chip_title_01_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="차트"
+                    android:textColor="#ffffff"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_on_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_02_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="영상"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_03_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="장르"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_04_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="상황"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_05_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="분위기"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_06_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="오디오"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+            </LinearLayout>
+
+        </HorizontalScrollView>
+
+        <TextView
+            android:id="@+id/look_sub_title_chart_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="차트"
+            android:textColor="#000000"
+            android:textStyle="bold"
+            android:textSize="20sp"
+            android:layout_marginTop="30dp"
+            android:layout_marginStart="20dp"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/look_chip_scroll_hs" />
+
+        <ImageView
+            android:id="@+id/look_sub_title_arrow_iv"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/btn_arrow_more"
+            android:layout_marginStart="5dp"
+            app:layout_constraintStart_toEndOf="@id/look_sub_title_chart_tv"
+            app:layout_constraintTop_toTopOf="@id/look_sub_title_chart_tv"
+            app:layout_constraintBottom_toBottomOf="@id/look_sub_title_chart_tv"/>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/look_chart_total_cl"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:elevation="5dp"
+            android:layout_marginTop="20dp"
+            android:layout_marginHorizontal="20dp"
+            android:paddingTop="15dp"
+            android:paddingBottom="15dp"
+            android:background="@drawable/fragment_look_chart_background"
+            app:layout_constraintTop_toBottomOf="@id/look_sub_title_chart_tv">
+
+            <TextView
+                android:id="@+id/look_chart_title_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="FLO 차트"
+                android:textColor="#000000"
+                android:textStyle="bold"
+                android:textSize="18sp"
+                android:layout_marginStart="15dp"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <TextView
+                android:id="@+id/look_chart_title_time_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="19시 기준"
+                android:textSize="12sp"
+                android:layout_marginStart="5dp"
+                app:layout_constraintStart_toEndOf="@id/look_chart_title_tv"
+                app:layout_constraintTop_toTopOf="@id/look_chart_title_tv"
+                app:layout_constraintBottom_toBottomOf="@id/look_chart_title_tv"/>
+            <TextView
+                android:id="@+id/look_chart_sub_title_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="최근 24시간 집계,FLO 최고 인기곡 차트!"
+                android:textSize="12sp"
+                android:layout_marginStart="15dp"
+                app:layout_constraintTop_toBottomOf="@id/look_chart_title_tv"
+                app:layout_constraintStart_toStartOf="parent"/>
+
+            <TextView
+                android:id="@+id/look_chart_listen_all_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="전체듣기"
+                android:textSize="13sp"
+                android:textColor="#000000"
+                android:layout_marginEnd="15dp"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <ImageView
+                android:id="@+id/look_chart_listen_all_iv"
+                android:layout_width="15dp"
+                android:layout_height="15dp"
+                android:src="@drawable/ic_browse_arrow_right"
+                android:layout_marginEnd="3dp"
+                app:layout_constraintTop_toTopOf="@id/look_chart_listen_all_tv"
+                app:layout_constraintBottom_toBottomOf="@id/look_chart_listen_all_tv"
+                app:layout_constraintEnd_toStartOf="@id/look_chart_listen_all_tv"/>
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/look_flo_chart_rv"
+                android:layout_width="match_parent"
+                android:layout_height="300dp"
+                android:layout_marginTop="10dp"
+                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintStart_toEndOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/look_chart_sub_title_tv"
+                app:layout_constraintBottom_toBottomOf="parent" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <TextView
+            android:id="@+id/look_sub_title_video_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="영상"
+            android:textColor="#000000"
+            android:textStyle="bold"
+            android:textSize="20sp"
+            android:layout_marginTop="30dp"
+            android:layout_marginStart="20dp"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/look_chart_total_cl" />
+
+        <ImageView
+            android:id="@+id/look_sub_title_video_arrow_iv"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/btn_arrow_more"
+            android:layout_marginStart="5dp"
+            app:layout_constraintStart_toEndOf="@id/look_sub_title_video_tv"
+            app:layout_constraintTop_toTopOf="@id/look_sub_title_video_tv"
+            app:layout_constraintBottom_toBottomOf="@id/look_sub_title_video_tv"/>
+
+        <ImageView
+            android:id="@+id/look_video_present_exp_iv"
+            android:layout_width="match_parent"
+            android:layout_height="200dp"
+            android:src="@drawable/img_video_exp"
+            android:background="@color/black"
+            android:layout_marginTop="20dp"
+            android:layout_marginHorizontal="20dp"
+            app:layout_constraintTop_toBottomOf="@id/look_sub_title_video_tv"/>
+
+        <TextView
+            android:id="@+id/look_video_present_title_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="제목"
+            android:textColor="#000000"
+            android:textSize="15sp"
+            app:layout_constraintStart_toStartOf="@id/look_video_present_exp_iv"
+            app:layout_constraintTop_toBottomOf="@id/look_video_present_exp_iv"/>
+
+        <TextView
+            android:id="@+id/look_video_present_singer_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="가수"
+            android:textSize="13sp"
+            app:layout_constraintStart_toStartOf="@id/look_video_present_exp_iv"
+            app:layout_constraintTop_toBottomOf="@id/look_video_present_title_tv"/>
+
+        <HorizontalScrollView
+            android:id="@+id/look_video_music_hs"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="10dp"
+            android:orientation="horizontal"
+            android:overScrollMode="never"
+            android:scrollbars="none"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/look_video_present_singer_tv">
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="20dp">
+
+                    <ImageView
+                        android:id="@+id/look_video_music_album_img_01_iv"
+                        android:layout_width="304dp"
+                        android:layout_height="171dp"
+                        android:scaleType="fitCenter"
+                        android:src="@drawable/img_video_exp"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_01_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="10dp"
+                        android:text="제목"
+                        android:textColor="@color/black"
+                        android:textSize="20sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_img_01_iv" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_02_iv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="3dp"
+                        android:text="가수"
+                        android:textColor="#a8a8a8"
+                        android:textSize="15sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_title_01_tv" />
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="20dp">
+
+                    <ImageView
+                        android:id="@+id/look_video_music_album_img_02_iv"
+                        android:layout_width="304dp"
+                        android:layout_height="171dp"
+                        android:scaleType="fitCenter"
+                        android:src="@drawable/img_video_exp"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_03_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="10dp"
+                        android:text="제목"
+                        android:textColor="@color/black"
+                        android:textSize="20sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_img_02_iv" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_04_iv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="3dp"
+                        android:text="가수"
+                        android:textColor="#a8a8a8"
+                        android:textSize="15sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_title_03_tv" />
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="20dp">
+
+                    <ImageView
+                        android:id="@+id/look_video_music_album_img_03_iv"
+                        android:layout_width="304dp"
+                        android:layout_height="171dp"
+                        android:scaleType="fitCenter"
+                        android:src="@drawable/img_video_exp"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_05_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="10dp"
+                        android:text="제목"
+                        android:textColor="@color/black"
+                        android:textSize="20sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_img_03_iv" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_06_iv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="3dp"
+                        android:text="가수"
+                        android:textColor="#a8a8a8"
+                        android:textSize="15sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_title_05_tv" />
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+            </LinearLayout>
+
+        </HorizontalScrollView>
+
+        <TextView
+            android:id="@+id/look_jenre_title_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="장르"
+            android:textStyle="bold"
+            android:textSize="18sp"
+            android:textColor="@color/black"
+            android:layout_marginStart="20dp"
+            android:layout_marginTop="20dp"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/look_video_music_hs"/>
+
+        <GridLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="20dp"
+            android:columnCount="1"
+            android:layout_marginTop="15dp"
+            app:layout_constraintTop_toBottomOf="@id/look_jenre_title_tv">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginBottom="5dp">
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_01_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_1"
+                    android:layout_marginEnd="5dp" />
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_02_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_2" />
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginBottom="5dp">
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_03_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_3"
+                    android:layout_marginEnd="5dp" />
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_04_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_1"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginBottom="20dp">
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_05_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_1"
+                    android:layout_marginEnd="5dp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_06_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_2"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+            </LinearLayout>
+        </GridLayout>
+
+        <ProgressBar
+            android:id="@+id/look_loading_pb"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="8dp"
+            android:indeterminateTint="@color/flo"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            android:visibility="gone"/>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</ScrollView>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_music_file.xml b/app/src/main/res/layout/fragment_music_file.xml
new file mode 100644
index 0000000..85737d5
--- /dev/null
+++ b/app/src/main/res/layout/fragment_music_file.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MusicFileFragment">
+
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="@string/hello_blank_fragment" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_pannel.xml b/app/src/main/res/layout/fragment_pannel.xml
new file mode 100644
index 0000000..b7ed159
--- /dev/null
+++ b/app/src/main/res/layout/fragment_pannel.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <ImageView
+        android:id="@+id/pannel_image_iv"
+        android:layout_width="match_parent"
+        android:layout_height="430dp"
+        android:scaleType="fitXY"
+        android:src="@drawable/img_first_album_default"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_saved_album.xml b/app/src/main/res/layout/fragment_saved_album.xml
new file mode 100644
index 0000000..2f7e2d0
--- /dev/null
+++ b/app/src/main/res/layout/fragment_saved_album.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    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:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/locker_savedSong_recyclerView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:listitem="@layout/item_locker_album"
+        android:overScrollMode="never"
+        android:orientation="vertical"
+        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_saved_song.xml b/app/src/main/res/layout/fragment_saved_song.xml
new file mode 100644
index 0000000..a1759c5
--- /dev/null
+++ b/app/src/main/res/layout/fragment_saved_song.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    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:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/locker_music_album_rv"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:orientation="vertical"
+        android:overScrollMode="never"
+        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:listitem="@layout/item_locker_album" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_search.xml b/app/src/main/res/layout/fragment_search.xml
index 77d9ef6..f53cecf 100644
--- a/app/src/main/res/layout/fragment_search.xml
+++ b/app/src/main/res/layout/fragment_search.xml
@@ -1,6 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
-    android:layout_height="match_parent">
+    android:layout_height="match_parent"
+    tools:context=".SearchFragment">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+         />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_song.xml b/app/src/main/res/layout/fragment_song.xml
new file mode 100644
index 0000000..bdba046
--- /dev/null
+++ b/app/src/main/res/layout/fragment_song.xml
@@ -0,0 +1,558 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    tools:context=".SongFragment">
+
+    <androidx.core.widget.NestedScrollView
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:fillViewport="true"
+        android:orientation="vertical"
+        android:overScrollMode="never"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+
+            <LinearLayout
+                android:id="@+id/song_mix_layout"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="10dp"
+                android:background="@drawable/textview_background_radius"
+                android:orientation="horizontal"
+                android:paddingStart="20dp"
+                android:paddingTop="5dp"
+                android:paddingEnd="20dp"
+                android:paddingBottom="5dp"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent">
+
+                <TextView
+                    android:id="@+id/song_mix_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center"
+                    android:text="내 취향 MIX"
+                    android:textColor="@color/black" />
+
+                <ImageView
+                    android:id="@+id/song_mixoff_tg"
+                    android:layout_width="50dp"
+                    android:layout_height="25dp"
+                    android:layout_gravity="center"
+                    android:src="@drawable/btn_toggle_off" />
+
+                <ImageView
+                    android:id="@+id/song_mixon_tg"
+                    android:layout_width="50dp"
+                    android:layout_height="25dp"
+                    android:layout_gravity="center"
+                    android:src="@drawable/btn_toggle_on"
+                    android:visibility="gone" />
+
+
+            </LinearLayout>
+
+            <ImageView
+                android:id="@+id/song_all_select_iv"
+                android:layout_width="15dp"
+                android:layout_height="15dp"
+                android:layout_marginStart="15dp"
+                android:layout_marginTop="10dp"
+                android:src="@drawable/btn_playlist_select_off"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/song_mix_layout" />
+
+            <TextView
+                android:id="@+id/song_all_select_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="전체선택"
+                android:textColor="@color/black"
+                android:textSize="10sp"
+                app:layout_constraintBottom_toBottomOf="@+id/song_all_select_iv"
+                app:layout_constraintStart_toEndOf="@+id/song_all_select_iv"
+                app:layout_constraintTop_toTopOf="@+id/song_all_select_iv" />
+
+
+            <ImageView
+                android:id="@+id/song_all_listen_iv"
+                android:layout_width="15dp"
+                android:layout_height="15dp"
+                android:src="@drawable/icon_browse_arrow_right"
+                app:layout_constraintBottom_toBottomOf="@+id/song_all_listen_tv"
+                app:layout_constraintEnd_toStartOf="@+id/song_all_listen_tv"
+                app:layout_constraintTop_toTopOf="@+id/song_all_listen_tv" />
+
+            <TextView
+                android:id="@+id/song_all_listen_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="15dp"
+                android:text="전체듣기"
+                android:textColor="@color/black"
+                android:textSize="10sp"
+                app:layout_constraintBottom_toBottomOf="@+id/song_all_select_tv"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="@+id/song_all_select_tv" />
+
+            <LinearLayout
+                android:id="@+id/song_music_list_layout"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="20dp"
+                android:orientation="vertical"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/song_all_select_tv">
+
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/song_lalac_layout"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content">
+
+
+                    <TextView
+                        android:id="@+id/song_list_order_01_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="15dp"
+                        android:layout_marginTop="10dp"
+                        android:text="01"
+                        android:textColor="@color/black"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <TextView
+                        android:id="@+id/song_list_title_01_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:background="@drawable/textview_background_select_color_radius"
+                        android:paddingStart="5dp"
+                        android:paddingEnd="5dp"
+                        android:text="TITLE"
+                        android:textColor="@color/white"
+                        android:textSize="8sp"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_list_order_01_tv"
+                        app:layout_constraintStart_toEndOf="@+id/song_list_order_01_tv"
+                        app:layout_constraintTop_toTopOf="@+id/song_list_order_01_tv" />
+
+                    <TextView
+                        android:id="@+id/song_music_title_01_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:text="라일락"
+                        android:textColor="@color/black"
+                        android:textSize="12sp"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_list_title_01_tv"
+                        app:layout_constraintStart_toEndOf="@+id/song_list_title_01_tv"
+                        app:layout_constraintTop_toTopOf="@+id/song_list_title_01_tv" />
+
+
+                    <TextView
+                        android:id="@+id/song_singer_name_01_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="5dp"
+                        android:layout_marginBottom="10dp"
+                        android:text="가수"
+                        android:textSize="10sp"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintStart_toStartOf="@+id/song_list_title_01_tv"
+                        app:layout_constraintTop_toBottomOf="@+id/song_list_title_01_tv" />
+
+                    <ImageView
+                        android:id="@+id/song_play_01_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:src="@drawable/btn_miniplayer_play"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_more_01_iv"
+                        app:layout_constraintEnd_toStartOf="@+id/song_more_01_iv"
+                        app:layout_constraintTop_toTopOf="@+id/song_more_01_iv" />
+
+                    <ImageView
+                        android:id="@+id/song_more_01_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:layout_marginEnd="15dp"
+                        android:src="@drawable/btn_player_more"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_01_tv"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintTop_toTopOf="@+id/song_music_title_01_tv" />
+
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/song_flu_layout"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content">
+
+
+                    <TextView
+                        android:id="@+id/song_list_order_02_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="15dp"
+                        android:layout_marginTop="10dp"
+                        android:text="02"
+                        android:textColor="@color/black"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+
+                    <TextView
+                        android:id="@+id/song_music_title_02_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:text="Flu"
+                        android:textColor="@color/black"
+                        android:textSize="12sp"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_list_order_02_tv"
+                        app:layout_constraintStart_toEndOf="@+id/song_list_order_02_tv"
+                        app:layout_constraintTop_toTopOf="@+id/song_list_order_02_tv" />
+
+
+                    <TextView
+                        android:id="@+id/song_singer_name_02_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="5dp"
+                        android:layout_marginBottom="10dp"
+                        android:text="가수"
+                        android:textSize="10sp"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintStart_toStartOf="@+id/song_music_title_02_tv"
+                        app:layout_constraintTop_toBottomOf="@+id/song_music_title_02_tv" />
+
+                    <ImageView
+                        android:id="@+id/song_play_02_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:src="@drawable/btn_miniplayer_play"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_more_02_iv"
+                        app:layout_constraintEnd_toStartOf="@+id/song_more_02_iv"
+                        app:layout_constraintTop_toTopOf="@+id/song_more_02_iv" />
+
+                    <ImageView
+                        android:id="@+id/song_more_02_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:layout_marginEnd="15dp"
+                        android:src="@drawable/btn_player_more"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_02_tv"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintTop_toTopOf="@+id/song_music_title_02_tv" />
+
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/song_coin_layout"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content">
+
+
+                    <TextView
+                        android:id="@+id/song_list_order_03_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="15dp"
+                        android:layout_marginTop="10dp"
+                        android:text="03"
+                        android:textColor="@color/black"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <TextView
+                        android:id="@+id/song_list_title_03_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:background="@drawable/textview_background_select_color_radius"
+                        android:paddingStart="5dp"
+                        android:paddingEnd="5dp"
+                        android:text="TITLE"
+                        android:textColor="@color/white"
+                        android:textSize="8sp"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_list_order_03_tv"
+                        app:layout_constraintStart_toEndOf="@+id/song_list_order_03_tv"
+                        app:layout_constraintTop_toTopOf="@+id/song_list_order_03_tv" />
+
+                    <TextView
+                        android:id="@+id/song_music_title_03_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:text="Coin"
+                        android:textColor="@color/black"
+                        android:textSize="12sp"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_list_title_03_tv"
+                        app:layout_constraintStart_toEndOf="@+id/song_list_title_03_tv"
+                        app:layout_constraintTop_toTopOf="@+id/song_list_title_03_tv" />
+
+
+                    <TextView
+                        android:id="@+id/song_singer_name_03_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="5dp"
+                        android:layout_marginBottom="10dp"
+                        android:text="가수"
+                        android:textSize="10sp"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintStart_toStartOf="@+id/song_list_title_03_tv"
+                        app:layout_constraintTop_toBottomOf="@+id/song_list_title_03_tv" />
+
+                    <ImageView
+                        android:id="@+id/song_play_03_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:src="@drawable/btn_miniplayer_play"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_more_03_iv"
+                        app:layout_constraintEnd_toStartOf="@+id/song_more_03_iv"
+                        app:layout_constraintTop_toTopOf="@+id/song_more_03_iv" />
+
+                    <ImageView
+                        android:id="@+id/song_more_03_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:layout_marginEnd="15dp"
+                        android:src="@drawable/btn_player_more"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_03_tv"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintTop_toTopOf="@+id/song_music_title_03_tv" />
+
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/song_spring_layout"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content">
+
+
+                    <TextView
+                        android:id="@+id/song_list_order_04_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="15dp"
+                        android:layout_marginTop="10dp"
+                        android:text="04"
+                        android:textColor="@color/black"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+
+                    <TextView
+                        android:id="@+id/song_music_title_04_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:text="봄 안녕 봄"
+                        android:textColor="@color/black"
+                        android:textSize="12sp"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_list_order_04_tv"
+                        app:layout_constraintStart_toEndOf="@+id/song_list_order_04_tv"
+                        app:layout_constraintTop_toTopOf="@+id/song_list_order_04_tv" />
+
+
+                    <TextView
+                        android:id="@+id/song_singer_name_04_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="5dp"
+                        android:layout_marginBottom="10dp"
+                        android:text="가수"
+                        android:textSize="10sp"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintStart_toStartOf="@+id/song_music_title_04_tv"
+                        app:layout_constraintTop_toBottomOf="@+id/song_music_title_04_tv" />
+
+                    <ImageView
+                        android:id="@+id/song_play_04_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:src="@drawable/btn_miniplayer_play"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_more_04_iv"
+                        app:layout_constraintEnd_toStartOf="@+id/song_more_04_iv"
+                        app:layout_constraintTop_toTopOf="@+id/song_more_04_iv" />
+
+                    <ImageView
+                        android:id="@+id/song_more_04_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:layout_marginEnd="15dp"
+                        android:src="@drawable/btn_player_more"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_04_tv"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintTop_toTopOf="@+id/song_music_title_04_tv" />
+
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/song_celebrity_layout"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content">
+
+
+                    <TextView
+                        android:id="@+id/song_list_order_05_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="15dp"
+                        android:layout_marginTop="10dp"
+                        android:text="05"
+                        android:textColor="@color/black"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+
+                    <TextView
+                        android:id="@+id/song_music_title_05_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:text="Celebrity"
+                        android:textColor="@color/black"
+                        android:textSize="12sp"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_list_order_05_tv"
+                        app:layout_constraintStart_toEndOf="@+id/song_list_order_05_tv"
+                        app:layout_constraintTop_toTopOf="@+id/song_list_order_05_tv" />
+
+
+                    <TextView
+                        android:id="@+id/song_singer_name_05_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="5dp"
+                        android:layout_marginBottom="10dp"
+                        android:text="가수"
+                        android:textSize="10sp"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintStart_toStartOf="@+id/song_music_title_05_tv"
+                        app:layout_constraintTop_toBottomOf="@+id/song_music_title_05_tv" />
+
+                    <ImageView
+                        android:id="@+id/song_play_05_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:src="@drawable/btn_miniplayer_play"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_more_05_iv"
+                        app:layout_constraintEnd_toStartOf="@+id/song_more_05_iv"
+                        app:layout_constraintTop_toTopOf="@+id/song_more_05_iv" />
+
+                    <ImageView
+                        android:id="@+id/song_more_05_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:layout_marginEnd="15dp"
+                        android:src="@drawable/btn_player_more"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_05_tv"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintTop_toTopOf="@+id/song_music_title_05_tv" />
+
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/song_sing_layout"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content">
+
+
+                    <TextView
+                        android:id="@+id/song_list_order_06_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="15dp"
+                        android:layout_marginTop="10dp"
+                        android:text="06"
+                        android:textColor="@color/black"
+                        android:textSize="10sp"
+                        android:textStyle="bold"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+
+                    <TextView
+                        android:id="@+id/song_music_title_06_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:text="돌림노래 (Feat. DEAN)"
+                        android:textColor="@color/black"
+                        android:textSize="12sp"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_list_order_06_tv"
+                        app:layout_constraintStart_toEndOf="@+id/song_list_order_06_tv"
+                        app:layout_constraintTop_toTopOf="@+id/song_list_order_06_tv" />
+
+
+                    <TextView
+                        android:id="@+id/song_singer_name_06_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="5dp"
+                        android:layout_marginBottom="10dp"
+                        android:text="가수"
+                        android:textSize="10sp"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintStart_toStartOf="@+id/song_music_title_06_tv"
+                        app:layout_constraintTop_toBottomOf="@+id/song_music_title_06_tv" />
+
+                    <ImageView
+                        android:id="@+id/song_play_06_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:src="@drawable/btn_miniplayer_play"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_more_06_iv"
+                        app:layout_constraintEnd_toStartOf="@+id/song_more_06_iv"
+                        app:layout_constraintTop_toTopOf="@+id/song_more_06_iv" />
+
+                    <ImageView
+                        android:id="@+id/song_more_06_iv"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:layout_marginEnd="15dp"
+                        android:src="@drawable/btn_player_more"
+                        app:layout_constraintBottom_toBottomOf="@+id/song_singer_name_06_tv"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintTop_toTopOf="@+id/song_music_title_06_tv" />
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+            </LinearLayout>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+    </androidx.core.widget.NestedScrollView>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_video.xml b/app/src/main/res/layout/fragment_video.xml
new file mode 100644
index 0000000..211a1e3
--- /dev/null
+++ b/app/src/main/res/layout/fragment_video.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".VideoFragment">
+
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="@string/hello_blank_fragment" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_album.xml b/app/src/main/res/layout/item_album.xml
new file mode 100644
index 0000000..a82dbdd
--- /dev/null
+++ b/app/src/main/res/layout/item_album.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginHorizontal="20dp">
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/item_album_cover_img_cardView"
+        android:layout_width="150dp"
+        android:layout_height="150dp"
+        app:cardCornerRadius="7dp"
+        app:cardElevation="0dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintStart_toStartOf="parent">
+        <ImageView
+            android:id="@+id/item_album_cover_img_iv"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:scaleType="fitCenter"
+            android:src="@drawable/img_album_exp2"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.cardview.widget.CardView>
+
+    <ImageView
+        android:id="@+id/item_album_play_img_iv"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:layout_marginEnd="8dp"
+        android:layout_marginBottom="5dp"
+        android:src="@drawable/widget_black_play"
+        app:layout_constraintBottom_toBottomOf="@id/item_album_cover_img_cardView"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <TextView
+        android:id="@+id/item_album_title_tv"
+        android:layout_width="150dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        android:text="LILAC"
+        android:textColor="@color/black"
+        android:textSize="20sp"
+        android:ellipsize="end"
+        android:maxLines="1"
+        app:layout_constraintStart_toStartOf="@id/item_album_cover_img_cardView"
+        app:layout_constraintTop_toBottomOf="@id/item_album_cover_img_cardView" />
+
+    <TextView
+        android:id="@+id/item_album_singer_tv"
+        android:layout_width="150dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="3dp"
+        android:text="아이유 (IU)"
+        android:textColor="#a8a8a8"
+        android:textSize="15sp"
+        android:ellipsize="end"
+        android:maxLines="1"
+        app:layout_constraintStart_toStartOf="@id/item_album_cover_img_cardView"
+        app:layout_constraintTop_toBottomOf="@id/item_album_title_tv" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_locker_album.xml b/app/src/main/res/layout/item_locker_album.xml
new file mode 100644
index 0000000..fbaa553
--- /dev/null
+++ b/app/src/main/res/layout/item_locker_album.xml
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginVertical="10dp">
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/item_album_cover_img_cardView"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:layout_marginLeft="20dp"
+        app:cardCornerRadius="7dp"
+        app:cardElevation="0dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:id="@+id/item_locker_album_cover_img_iv"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:scaleType="fitCenter"
+            android:src="@drawable/img_album_exp2"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.cardview.widget.CardView>
+
+    <Switch
+        android:id="@+id/switchRV"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:switchMinWidth="50dp"
+        android:switchPadding="20dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/item_locker_album_play_img_iv"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:id="@+id/item_locker_album_more_iv"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:layout_marginRight="10dp"
+        android:src="@drawable/btn_player_more"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:id="@+id/item_locker_album_play_img_iv"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:src="@drawable/btn_miniplayer_play"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/item_locker_album_more_iv"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:orientation="vertical"
+        android:layout_marginLeft="10dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/item_album_cover_img_cardView"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <TextView
+            android:id="@+id/item_locker_album_title_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="LILAC"
+            android:textColor="@color/black"
+            android:textSize="15sp"
+            android:textStyle="bold"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/item_album_cover_img_cardView"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/item_locker_album_singer_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="아이유 (IU)"
+            android:textColor="#a8a8a8"
+            android:textSize="12sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/item_album_cover_img_cardView"
+            app:layout_constraintTop_toTopOf="parent" />
+    </LinearLayout>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_song.xml b/app/src/main/res/layout/item_song.xml
new file mode 100644
index 0000000..c9ce120
--- /dev/null
+++ b/app/src/main/res/layout/item_song.xml
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:paddingLeft="18dp"
+    android:paddingVertical="10dp">
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/item_song_img_cardView"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        app:cardCornerRadius="7dp"
+        app:cardElevation="0dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintStart_toStartOf="parent">
+        <ImageView
+            android:id="@+id/item_song_img_iv"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:scaleType="fitCenter"
+            android:src="@drawable/img_album_exp2"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.cardview.widget.CardView>
+
+    <TextView
+        android:id="@+id/item_song_title_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Lilac"
+        android:textSize="16dp"
+        android:textColor="@color/black"
+        android:layout_marginLeft="10dp"
+        app:layout_constraintTop_toTopOf="@id/item_song_img_cardView"
+        app:layout_constraintBottom_toTopOf="@id/item_song_singer_tv"
+        app:layout_constraintStart_toEndOf="@id/item_song_img_cardView"/>
+
+    <TextView
+        android:id="@+id/item_song_singer_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="아이유 (IU)"
+        android:textSize="13dp"
+        android:layout_marginLeft="10dp"
+        app:layout_constraintTop_toBottomOf="@+id/item_song_title_tv"
+        app:layout_constraintBottom_toBottomOf="@id/item_song_img_cardView"
+        app:layout_constraintStart_toEndOf="@id/item_song_img_cardView"/>
+
+    <ImageView
+        android:id="@+id/item_song_play_iv"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:src="@drawable/btn_player_play"
+        android:layout_marginRight="5dp"
+        app:layout_constraintEnd_toStartOf="@id/item_song_more_iv"
+        app:layout_constraintTop_toTopOf="@id/item_song_more_iv"
+        app:layout_constraintBottom_toBottomOf="@id/item_song_more_iv"/>
+
+    <ImageView
+        android:id="@+id/item_song_more_iv"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:src="@drawable/btn_player_more"
+        android:layout_marginRight="5dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/recyclerview_item.xml b/app/src/main/res/layout/recyclerview_item.xml
new file mode 100644
index 0000000..77d9ef6
--- /dev/null
+++ b/app/src/main/res/layout/recyclerview_item.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 9ac5010..e6f5e67 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,5 @@
 <resources>
-    <string name="app_name">FLO</string>
+    <string name="app_name">UMCFlo</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/themes.xml b/app/src/main/res/values/themes.xml
index e3f0cdd..6e1f60e 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,5 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
 
-    <style name="Theme.Umc_7th" parent="android:Theme.Material.Light.NoActionBar" />
+    <style name="Theme.Umc_7th" parent="Theme.AppCompat.Light.NoActionBar" />
+
+    <style name="SplashTheme" parent="Theme.AppCompat.NoActionBar">
+        <item name="android:windowBackground"> @drawable/splash </item>
+        <item name="android:statusBarColor">@color/transparent </item>
+    </style>
 </resources>
\ No newline at end of file
diff --git a/build.gradle.kts b/build.gradle.kts
index 8adda76..a2d3751 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -4,6 +4,7 @@ plugins {
     alias(libs.plugins.jetbrains.kotlin.android) apply false
     id("com.google.dagger.hilt.android") version "2.49" apply false
     id("com.google.devtools.ksp") version "1.9.0-1.0.13" apply false
+
 }
 
 buildscript {
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 36598ff..ef4f7c2 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -1,6 +1,6 @@
 [versions]
-agp = "8.5.1"
-kotlin = "1.9.0"
+agp = "8.7.2"
+kotlin = "1.9.23"
 coreKtx = "1.13.1"
 junit = "4.13.2"
 junitVersion = "1.2.1"
@@ -20,6 +20,7 @@ constraintlayoutCompose = "1.0.1"
 storage = "1.5.0"
 lifecycleRuntimeComposeAndroid = "2.8.6"
 common = "0.10.0"
+firebaseFirestoreKtx = "25.1.1"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
@@ -48,6 +49,7 @@ androidx-constraintlayout-compose = { group = "androidx.constraintlayout", name
 androidx-storage = { group = "androidx.test.services", name = "storage", version.ref = "storage" }
 androidx-lifecycle-runtime-compose-android = { group = "androidx.lifecycle", name = "lifecycle-runtime-compose-android", version.ref = "lifecycleRuntimeComposeAndroid" }
 common = { group = "com.google.ai.client.generativeai", name = "common", version.ref = "common" }
+firebase-firestore-ktx = { group = "com.google.firebase", name = "firebase-firestore-ktx", version.ref = "firebaseFirestoreKtx" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index c10190b..1150b46 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 #Tue Sep 24 20:15:58 KST 2024
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.7-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists