diff --git a/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/Constant.kt b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/Constant.kt
new file mode 100644
index 0000000000..9c2a16314a
--- /dev/null
+++ b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/Constant.kt
@@ -0,0 +1,3 @@
+package `in`.koreatech.koin.feature.callvan
+
+const val TEXT_FIELD_MAX_LENGTH = 255
diff --git a/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/enums/CallvanFilterType.kt b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/enums/CallvanFilterType.kt
new file mode 100644
index 0000000000..380c972027
--- /dev/null
+++ b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/enums/CallvanFilterType.kt
@@ -0,0 +1,115 @@
+package `in`.koreatech.koin.feature.callvan.enums
+
+import android.os.Parcelable
+import androidx.annotation.StringRes
+import `in`.koreatech.koin.feature.callvan.R
+import kotlinx.parcelize.Parcelize
+
+@Parcelize
+sealed class CallvanFilterType(
+    @StringRes open val stringRes: Int,
+    open val value: String?
+) : Parcelable {
+
+    @Parcelize
+    sealed class DeparturesFilterType(
+        @StringRes override val stringRes: Int,
+        override val value: String?
+    ) : CallvanFilterType(stringRes, value) {
+        @Parcelize
+        object All : DeparturesFilterType(R.string.filter_list_all, null)
+
+        @Parcelize
+        object FrontGate : DeparturesFilterType(R.string.filter_list_front_gate, "FRONT_GATE")
+
+        @Parcelize
+        object BackGate : DeparturesFilterType(R.string.filter_list_back_gate, "BACK_GATE")
+
+        @Parcelize
+        object TennisCourt : DeparturesFilterType(R.string.filter_list_tennis_court, "TENNIS_COURT")
+
+        @Parcelize
+        object DormitoryMain : DeparturesFilterType(R.string.filter_list_dormitory_main, "DORMITORY_MAIN")
+
+        @Parcelize
+        object DormitorySub : DeparturesFilterType(R.string.filter_list_dormitory_sub, "DORMITORY_SUB")
+
+        @Parcelize
+        object Terminal : DeparturesFilterType(R.string.filter_list_terminal, "TERMINAL")
+
+        @Parcelize
+        object Station : DeparturesFilterType(R.string.filter_list_station, "STATION")
+
+        @Parcelize
+        object AsanStation : DeparturesFilterType(R.string.filter_list_asan_station, "ASAN_STATION")
+    }
+
+    @Parcelize
+    sealed class ArrivalsFilterType(
+        @StringRes override val stringRes: Int,
+        override val value: String?
+    ) : CallvanFilterType(stringRes, value) {
+        @Parcelize
+        object All : ArrivalsFilterType(R.string.filter_list_all, null)
+
+        @Parcelize
+        object FrontGate : ArrivalsFilterType(R.string.filter_list_front_gate, "FRONT_GATE")
+
+        @Parcelize
+        object BackGate : ArrivalsFilterType(R.string.filter_list_back_gate, "BACK_GATE")
+
+        @Parcelize
+        object TennisCourt : ArrivalsFilterType(R.string.filter_list_tennis_court, "TENNIS_COURT")
+
+        @Parcelize
+        object DormitoryMain : ArrivalsFilterType(R.string.filter_list_dormitory_main, "DORMITORY_MAIN")
+
+        @Parcelize
+        object DormitorySub : ArrivalsFilterType(R.string.filter_list_dormitory_sub, "DORMITORY_SUB")
+
+        @Parcelize
+        object Terminal : ArrivalsFilterType(R.string.filter_list_terminal, "TERMINAL")
+
+        @Parcelize
+        object Station : ArrivalsFilterType(R.string.filter_list_station, "STATION")
+
+        @Parcelize
+        object AsanStation : ArrivalsFilterType(R.string.filter_list_asan_station, "ASAN_STATION")
+    }
+
+    @Parcelize
+    sealed class StatusesType(
+        @StringRes override val stringRes: Int,
+        override val value: String?
+    ) : CallvanFilterType(stringRes, value) {
+        @Parcelize
+        object All : StatusesType(R.string.filter_list_all, null)
+
+        @Parcelize
+        object Recruiting : StatusesType(R.string.filter_list_recruiting, "RECRUITING")
+
+        @Parcelize
+        object Closed : StatusesType(R.string.filter_list_closed, "CLOSED")
+
+        @Parcelize
+        object Completed : StatusesType(R.string.filter_list_completed, "COMPLETED")
+    }
+
+    @Parcelize
+    sealed class SortType(
+        @StringRes override val stringRes: Int,
+        override val value: String?
+    ) : CallvanFilterType(stringRes, value) {
+        @Parcelize
+        object LatestDesc : SortType(R.string.filter_list_latest_desc, "LATEST_DESC")
+
+        @Parcelize
+        object LatestAsc : SortType(R.string.filter_list_latest_asc, "LATEST_ASC")
+
+        @Parcelize
+        object DepartureDesc : SortType(R.string.filter_list_departure_desc, "DEPARTURE_DESC")
+
+        @Parcelize
+        object DepartureAsc : SortType(R.string.filter_list_departure_asc, "DEPARTURE_ASC")
+    }
+}
diff --git a/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/FilterBottomSheetActions.kt b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/FilterBottomSheetActions.kt
new file mode 100644
index 0000000000..0c718bd1d6
--- /dev/null
+++ b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/FilterBottomSheetActions.kt
@@ -0,0 +1,15 @@
+package `in`.koreatech.koin.feature.callvan.ui.list
+
+import androidx.compose.runtime.Stable
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType
+import kotlinx.collections.immutable.ImmutableList
+
+@Stable
+data class FilterBottomSheetActions(
+    val onSortTypeChange: (CallvanFilterType.SortType) -> Unit,
+    val onStatusesTypeChange: (CallvanFilterType.StatusesType) -> Unit,
+    val onDeparturesTypeChange: (ImmutableList<CallvanFilterType.DeparturesFilterType>) -> Unit,
+    val onArrivalsTypeChange: (ImmutableList<CallvanFilterType.ArrivalsFilterType>) -> Unit,
+    val onReset: () -> Unit,
+    val onApplyClick: () -> Unit
+)
diff --git a/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/FilterBottomSheetState.kt b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/FilterBottomSheetState.kt
new file mode 100644
index 0000000000..1ad3ddc865
--- /dev/null
+++ b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/FilterBottomSheetState.kt
@@ -0,0 +1,17 @@
+package `in`.koreatech.koin.feature.callvan.ui.list
+
+import androidx.compose.runtime.Immutable
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType.ArrivalsFilterType
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType.DeparturesFilterType
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType.SortType
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType.StatusesType
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.persistentListOf
+
+@Immutable
+data class FilterBottomSheetState(
+    val selectedSortType: SortType = SortType.LatestDesc,
+    val selectedStatusesType: StatusesType = StatusesType.All,
+    val selectedDeparturesType: ImmutableList<DeparturesFilterType> = persistentListOf(DeparturesFilterType.All),
+    val selectedArrivalsType: ImmutableList<ArrivalsFilterType> = persistentListOf(ArrivalsFilterType.All)
+)
diff --git a/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/CallvanFilterChip.kt b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/CallvanFilterChip.kt
new file mode 100644
index 0000000000..19fbb52015
--- /dev/null
+++ b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/CallvanFilterChip.kt
@@ -0,0 +1,61 @@
+package `in`.koreatech.koin.feature.callvan.ui.list.component
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.res.vectorResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import `in`.koreatech.koin.core.designsystem.theme.KoinTheme
+import `in`.koreatech.koin.core.designsystem.theme.RebrandKoinTheme
+import `in`.koreatech.koin.feature.callvan.R
+
+@Composable
+fun CallvanFilterChip(onClick: () -> Unit) {
+    Surface(
+        onClick = {
+            onClick()
+        },
+        modifier = Modifier
+            .height(34.dp),
+        shape = RoundedCornerShape(24.dp),
+        color = RebrandKoinTheme.colors.primary100,
+        contentColor = RebrandKoinTheme.colors.primary900
+    ) {
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+            horizontalArrangement = Arrangement.spacedBy(4.dp),
+            modifier = Modifier.padding(horizontal = 12.dp, vertical = 4.dp)
+
+        ) {
+            Text(
+                text = stringResource(R.string.filter_container),
+                style = KoinTheme.typography.bold14
+            )
+            Icon(
+                imageVector = ImageVector.vectorResource(R.drawable.ic_list_filter),
+                contentDescription = "",
+                modifier = Modifier.size(16.dp)
+            )
+        }
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun CallvanFilterChipPreview() {
+    KoinTheme {
+        CallvanFilterChip(onClick = {})
+    }
+}
diff --git a/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/FilterBottomSheet.kt b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/FilterBottomSheet.kt
new file mode 100644
index 0000000000..8c16da4e0a
--- /dev/null
+++ b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/FilterBottomSheet.kt
@@ -0,0 +1,316 @@
+package `in`.koreatech.koin.feature.callvan.ui.list.component
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.FlowRow
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Icon
+import androidx.compose.material3.OutlinedButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.res.vectorResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import `in`.koreatech.koin.core.designsystem.theme.KoinTheme
+import `in`.koreatech.koin.core.designsystem.theme.RebrandKoinTheme
+import `in`.koreatech.koin.feature.callvan.R
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType.ArrivalsFilterType
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType.DeparturesFilterType
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType.SortType
+import `in`.koreatech.koin.feature.callvan.enums.CallvanFilterType.StatusesType
+import `in`.koreatech.koin.feature.callvan.ui.component.CallvanBottomSheet
+import `in`.koreatech.koin.feature.callvan.ui.list.FilterBottomSheetActions
+import `in`.koreatech.koin.feature.callvan.ui.list.FilterBottomSheetState
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.persistentListOf
+import kotlinx.collections.immutable.toPersistentList
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun FilterBottomSheet(
+    onDismissRequest: () -> Unit,
+    selectedSortType: SortType,
+    selectedStatusesType: StatusesType,
+    selectedArrivalsType: ImmutableList<ArrivalsFilterType>,
+    selectedDeparturesType: ImmutableList<DeparturesFilterType>,
+    onApply: (SortType, StatusesType, ImmutableList<DeparturesFilterType>, ImmutableList<ArrivalsFilterType>) -> Unit
+) {
+    var currentSortType by remember { mutableStateOf(selectedSortType) }
+    var currentStatusesType by remember { mutableStateOf(selectedStatusesType) }
+    var currentArrivalsType by remember { mutableStateOf(selectedArrivalsType) }
+    var currentDeparturesType by remember { mutableStateOf(selectedDeparturesType) }
+
+    CallvanBottomSheet(
+        title = stringResource(R.string.filter_container),
+        onDismiss = onDismissRequest,
+        showCloseButton = true
+    ) {
+        FilterBottomSheetContent(
+            state = FilterBottomSheetState(
+                selectedSortType = currentSortType,
+                selectedStatusesType = currentStatusesType,
+                selectedDeparturesType = currentDeparturesType,
+                selectedArrivalsType = currentArrivalsType
+            ),
+            actions = FilterBottomSheetActions(
+                onSortTypeChange = { currentSortType = it },
+                onStatusesTypeChange = { currentStatusesType = it },
+                onArrivalsTypeChange = { currentArrivalsType = it },
+                onDeparturesTypeChange = { currentDeparturesType = it },
+                onReset = {
+                    currentSortType = SortType.LatestDesc
+                    currentStatusesType = StatusesType.All
+                    currentDeparturesType = persistentListOf(DeparturesFilterType.All)
+                    currentArrivalsType = persistentListOf(ArrivalsFilterType.All)
+                },
+                onApplyClick = {
+                    onApply(
+                        currentSortType,
+                        currentStatusesType,
+                        currentDeparturesType,
+                        currentArrivalsType
+                    )
+                    onDismissRequest()
+                }
+            )
+        )
+    }
+}
+
+@Composable
+fun FilterBottomSheetContent(
+    state: FilterBottomSheetState,
+    actions: FilterBottomSheetActions
+) {
+    Column(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(bottom = 20.dp)
+    ) {
+        val scrollState = rememberScrollState()
+        Column(
+            modifier = Modifier
+                .weight(1f, fill = false)
+                .verticalScroll(scrollState)
+                .padding(top = 12.dp, start = 32.dp, bottom = 12.dp, end = 12.dp)
+        ) {
+            FilterSection(
+                title = stringResource(R.string.filter_list_sort_order),
+                items = persistentListOf(
+                    SortType.LatestDesc,
+                    SortType.LatestAsc,
+                    SortType.DepartureDesc,
+                    SortType.DepartureAsc
+                ),
+                selectedItem = state.selectedSortType,
+                onItemSelected = actions.onSortTypeChange
+            )
+            HorizontalDivider(color = KoinTheme.colors.neutral300)
+            FilterSection(
+                title = stringResource(R.string.filter_list_recruitment_status),
+                items = persistentListOf(
+                    StatusesType.All,
+                    StatusesType.Recruiting,
+                    StatusesType.Closed,
+                    StatusesType.Completed
+                ),
+                selectedItem = state.selectedStatusesType,
+                onItemSelected = actions.onStatusesTypeChange
+            )
+            HorizontalDivider(color = KoinTheme.colors.neutral300)
+            FilterDuplicateSection(
+                title = stringResource(R.string.filter_list_origin),
+                items = persistentListOf(
+                    DeparturesFilterType.All, DeparturesFilterType.FrontGate,
+                    DeparturesFilterType.BackGate, DeparturesFilterType.TennisCourt,
+                    DeparturesFilterType.DormitoryMain, DeparturesFilterType.DormitorySub,
+                    DeparturesFilterType.Terminal, DeparturesFilterType.Station,
+                    DeparturesFilterType.AsanStation
+                ),
+                selectedItems = state.selectedDeparturesType,
+                allItem = DeparturesFilterType.All,
+                onItemSelected = actions.onDeparturesTypeChange
+            )
+            HorizontalDivider(color = KoinTheme.colors.neutral300)
+            FilterDuplicateSection(
+                title = stringResource(R.string.filter_list_destination),
+                items = persistentListOf(
+                    ArrivalsFilterType.All, ArrivalsFilterType.FrontGate,
+                    ArrivalsFilterType.BackGate, ArrivalsFilterType.TennisCourt,
+                    ArrivalsFilterType.DormitoryMain, ArrivalsFilterType.DormitorySub,
+                    ArrivalsFilterType.Terminal, ArrivalsFilterType.Station,
+                    ArrivalsFilterType.AsanStation
+                ),
+                selectedItems = state.selectedArrivalsType,
+                allItem = ArrivalsFilterType.All,
+                onItemSelected = actions.onArrivalsTypeChange
+            )
+            HorizontalDivider(color = KoinTheme.colors.neutral300)
+        }
+
+        Row(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(top = 12.dp, start = 32.dp, bottom = 12.dp, end = 12.dp),
+            horizontalArrangement = Arrangement.spacedBy(10.dp)
+        ) {
+            OutlinedButton(
+                onClick = actions.onReset,
+                shape = KoinTheme.shapes.medium,
+                border = BorderStroke(1.dp, KoinTheme.colors.neutral300),
+                modifier = Modifier.weight(1f).height(48.dp),
+                colors = ButtonDefaults.outlinedButtonColors(containerColor = KoinTheme.colors.neutral0)
+            ) {
+                Text(
+                    text = stringResource(R.string.filter_list_reset),
+                    color = KoinTheme.colors.neutral600,
+                    style = KoinTheme.typography.bold16
+                )
+                Spacer(modifier = Modifier.width(4.dp))
+                Icon(
+                    imageVector = ImageVector.vectorResource(R.drawable.ic_process),
+                    contentDescription = null,
+                    modifier = Modifier.size(16.dp),
+                    tint = KoinTheme.colors.neutral500
+                )
+            }
+            Button(
+                onClick = actions.onApplyClick,
+                shape = KoinTheme.shapes.medium,
+                colors = ButtonDefaults.buttonColors(containerColor = RebrandKoinTheme.colors.primary500),
+                modifier = Modifier.weight(2f).height(48.dp)
+            ) {
+                Text(
+                    text = stringResource(R.string.filter_list_adapt),
+                    color = KoinTheme.colors.neutral0,
+                    style = KoinTheme.typography.bold16
+                )
+            }
+        }
+    }
+}
+
+@Composable
+fun <T : CallvanFilterType> FilterSection(
+    title: String,
+    items: ImmutableList<T>,
+    selectedItem: T,
+    modifier: Modifier = Modifier,
+    onItemSelected: (T) -> Unit
+) {
+    Column(modifier = modifier.padding(vertical = 12.dp)) {
+        Text(
+            text = title,
+            style = KoinTheme.typography.bold16,
+            color = KoinTheme.colors.neutral800,
+            modifier = Modifier.padding(bottom = 12.dp)
+        )
+        FlowRow(
+            modifier = Modifier.fillMaxWidth(),
+            maxItemsInEachRow = 4
+        ) {
+            items.forEach { item ->
+                FilterBottomSheetItem(
+                    text = stringResource(item.stringRes),
+                    isSelected = item == selectedItem,
+                    onClick = { onItemSelected(item) }
+                )
+            }
+        }
+    }
+}
+
+@Composable
+fun <T : CallvanFilterType> FilterDuplicateSection(
+    title: String,
+    items: ImmutableList<T>,
+    selectedItems: ImmutableList<T>,
+    allItem: T,
+    modifier: Modifier = Modifier,
+    onItemSelected: (ImmutableList<T>) -> Unit
+) {
+    Column(modifier = modifier.padding(vertical = 12.dp)) {
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+            horizontalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            Text(
+                text = title,
+                style = KoinTheme.typography.bold16,
+                color = KoinTheme.colors.neutral800
+            )
+            Text(
+                text = stringResource(R.string.filter_list_other_place_hint),
+                style = KoinTheme.typography.regular12,
+                color = KoinTheme.colors.neutral500
+            )
+        }
+        FlowRow(
+            modifier = Modifier.fillMaxWidth(),
+            maxItemsInEachRow = 5
+        ) {
+            items.forEach { item ->
+                FilterBottomSheetItem(
+                    text = stringResource(item.stringRes),
+                    isSelected = item in selectedItems,
+                    onClick = {
+                        val newSelection = when (item) {
+                            allItem -> persistentListOf(allItem)
+                            in selectedItems -> {
+                                val removed = selectedItems.filter { it != item }.toPersistentList()
+                                removed.ifEmpty { persistentListOf(allItem) }
+                            }
+                            else -> (selectedItems.filter { it != allItem } + item).toPersistentList()
+                        }
+                        onItemSelected(newSelection)
+                    }
+                )
+            }
+        }
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun FilterBottomSheetContentPreview() {
+    RebrandKoinTheme {
+        FilterBottomSheetContent(
+            state = FilterBottomSheetState(
+                selectedSortType = SortType.LatestDesc,
+                selectedStatusesType = StatusesType.All,
+                selectedDeparturesType = persistentListOf(DeparturesFilterType.All),
+                selectedArrivalsType = persistentListOf(ArrivalsFilterType.All)
+            ),
+            actions = FilterBottomSheetActions(
+                onSortTypeChange = {},
+                onStatusesTypeChange = {},
+                onDeparturesTypeChange = {},
+                onArrivalsTypeChange = {},
+                onReset = {},
+                onApplyClick = {}
+            )
+        )
+    }
+}
diff --git a/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/FilterBottomSheetItem.kt b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/FilterBottomSheetItem.kt
new file mode 100644
index 0000000000..2592a34b3b
--- /dev/null
+++ b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/FilterBottomSheetItem.kt
@@ -0,0 +1,47 @@
+package `in`.koreatech.koin.feature.callvan.ui.list.component
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.semantics.selected
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.unit.dp
+import `in`.koreatech.koin.core.designsystem.theme.KoinTheme
+import `in`.koreatech.koin.core.designsystem.theme.RebrandKoinTheme
+
+@Composable
+fun FilterBottomSheetItem(
+    text: String,
+    isSelected: Boolean,
+    onClick: () -> Unit
+) {
+    Surface(
+        onClick = onClick,
+        shape = RoundedCornerShape(24.dp),
+        border = BorderStroke(
+            width = 1.dp,
+            color = if (isSelected) RebrandKoinTheme.colors.primary500 else KoinTheme.colors.neutral300
+        ),
+        color = KoinTheme.colors.neutral0,
+        modifier = Modifier
+            .padding(end = 8.dp)
+            .semantics { selected = isSelected }
+    ) {
+        Box(
+            contentAlignment = Alignment.Center,
+            modifier = Modifier.padding(vertical = 8.dp, horizontal = 12.dp)
+        ) {
+            Text(
+                text = text,
+                color = if (isSelected) RebrandKoinTheme.colors.primary500 else KoinTheme.colors.neutral500,
+                style = KoinTheme.typography.bold14
+            )
+        }
+    }
+}
diff --git a/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/ItemSearchTextField.kt b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/ItemSearchTextField.kt
new file mode 100644
index 0000000000..5aecf7c8ce
--- /dev/null
+++ b/feature/callvan/src/main/java/in/koreatech/koin/feature/callvan/ui/list/component/ItemSearchTextField.kt
@@ -0,0 +1,77 @@
+package `in`.koreatech.koin.feature.callvan.ui.list.component
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.res.vectorResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import `in`.koreatech.koin.core.designsystem.theme.KoinTheme
+import `in`.koreatech.koin.feature.callvan.R
+import `in`.koreatech.koin.feature.callvan.TEXT_FIELD_MAX_LENGTH
+
+@Composable
+fun ItemSearchTextField(
+    value: String,
+    modifier: Modifier = Modifier,
+    maxLength: Int = TEXT_FIELD_MAX_LENGTH,
+    hint: String = stringResource(R.string.callvan_search_hint),
+    textStyle: TextStyle = KoinTheme.typography.regular14.copy(color = KoinTheme.colors.neutral600),
+    onValueChange: (String) -> Unit = {}
+) {
+    val safeMaxLength = maxLength.coerceAtLeast(0)
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .background(
+                color = KoinTheme.colors.neutral100,
+                shape = KoinTheme.shapes.extraSmall
+            )
+            .padding(vertical = 8.dp, horizontal = 16.dp),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        BasicTextField(
+            modifier = Modifier.weight(1f),
+            value = value,
+            textStyle = textStyle,
+            singleLine = true,
+            onValueChange = { onValueChange(it.take(safeMaxLength)) },
+            decorationBox = { innerTextField ->
+                Box {
+                    if (value.isEmpty()) {
+                        Text(
+                            text = hint,
+                            color = KoinTheme.colors.neutral600
+                        )
+                    }
+                    innerTextField()
+                }
+            }
+        )
+        Icon(
+            imageVector = ImageVector.vectorResource(R.drawable.ic_search_vector),
+            contentDescription = null
+        )
+    }
+}
+
+@Preview(showBackground = true, backgroundColor = 0xFFFFFFFF)
+@Composable
+private fun ItemSearchTextFieldPreview() {
+    ItemSearchTextField(
+        value = "",
+        hint = "검색어를 입력해주세요.",
+        onValueChange = {}
+    )
+}
diff --git a/feature/callvan/src/main/res/drawable/ic_list_filter.xml b/feature/callvan/src/main/res/drawable/ic_list_filter.xml
new file mode 100644
index 0000000000..91115f4a85
--- /dev/null
+++ b/feature/callvan/src/main/res/drawable/ic_list_filter.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="14dp"
+    android:viewportWidth="16"
+    android:viewportHeight="14">
+    <path
+        android:pathData="M12.712,13.377C11.931,13.377 11.271,13.108 10.732,12.569C10.193,12.03 9.923,11.37 9.923,10.589C9.923,9.808 10.193,9.148 10.732,8.609C11.271,8.07 11.931,7.8 12.712,7.8C13.492,7.8 14.152,8.07 14.691,8.609C15.23,9.148 15.5,9.808 15.5,10.589C15.5,11.37 15.23,12.03 14.691,12.569C14.152,13.108 13.492,13.377 12.712,13.377ZM12.711,12.127C13.135,12.127 13.498,11.977 13.799,11.677C14.1,11.377 14.25,11.014 14.25,10.59C14.25,10.165 14.1,9.802 13.8,9.502C13.499,9.201 13.137,9.05 12.712,9.05C12.288,9.05 11.925,9.201 11.624,9.501C11.323,9.801 11.173,10.163 11.173,10.588C11.173,11.013 11.323,11.376 11.623,11.676C11.924,11.977 12.286,12.127 12.711,12.127ZM7.471,11.214H2.375C2.198,11.214 2.05,11.154 1.93,11.034C1.81,10.914 1.75,10.766 1.75,10.589C1.75,10.411 1.81,10.263 1.93,10.143C2.05,10.024 2.198,9.964 2.375,9.964H7.471C7.648,9.964 7.797,10.024 7.916,10.144C8.036,10.264 8.096,10.412 8.096,10.589C8.096,10.766 8.036,10.915 7.916,11.034C7.797,11.154 7.648,11.214 7.471,11.214ZM3.289,6.198C2.508,6.198 1.848,5.928 1.309,5.389C0.77,4.85 0.5,4.19 0.5,3.409C0.5,2.629 0.77,1.969 1.309,1.43C1.848,0.891 2.508,0.621 3.289,0.621C4.069,0.621 4.729,0.891 5.268,1.43C5.807,1.969 6.077,2.629 6.077,3.409C6.077,4.19 5.807,4.85 5.268,5.389C4.729,5.928 4.069,6.198 3.289,6.198ZM3.288,4.948C3.712,4.948 4.075,4.798 4.376,4.498C4.677,4.197 4.827,3.835 4.827,3.41C4.827,2.986 4.677,2.623 4.377,2.322C4.076,2.021 3.714,1.871 3.289,1.871C2.865,1.871 2.502,2.021 2.201,2.321C1.9,2.622 1.75,2.984 1.75,3.409C1.75,3.833 1.9,4.196 2.2,4.497C2.501,4.798 2.863,4.948 3.288,4.948ZM13.625,4.034H8.529C8.352,4.034 8.203,3.974 8.084,3.855C7.964,3.735 7.904,3.586 7.904,3.409C7.904,3.232 7.964,3.084 8.084,2.964C8.203,2.844 8.352,2.784 8.529,2.784H13.625C13.802,2.784 13.95,2.844 14.07,2.964C14.19,3.084 14.25,3.233 14.25,3.41C14.25,3.587 14.19,3.735 14.07,3.855C13.95,3.975 13.802,4.034 13.625,4.034Z"
+        android:fillColor="#44025E"/>
+</vector>
\ No newline at end of file
diff --git a/feature/callvan/src/main/res/drawable/ic_process.xml b/feature/callvan/src/main/res/drawable/ic_process.xml
new file mode 100644
index 0000000000..304d0fe774
--- /dev/null
+++ b/feature/callvan/src/main/res/drawable/ic_process.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+    <path
+        android:pathData="M5.753,5.665H2.753C2.576,5.665 2.406,5.595 2.281,5.47C2.156,5.345 2.086,5.176 2.086,4.999V1.999C2.086,1.822 2.156,1.652 2.281,1.527C2.406,1.402 2.576,1.332 2.753,1.332C2.929,1.332 3.099,1.402 3.224,1.527C3.349,1.652 3.419,1.822 3.419,1.999V4.332H5.753C5.929,4.332 6.099,4.402 6.224,4.527C6.349,4.652 6.419,4.822 6.419,4.999C6.419,5.176 6.349,5.345 6.224,5.47C6.099,5.595 5.929,5.665 5.753,5.665Z"
+        android:fillColor="#4B4B4B"/>
+    <path
+        android:pathData="M13.998,8.668C13.821,8.668 13.651,8.598 13.526,8.473C13.401,8.348 13.331,8.179 13.331,8.002C13.332,6.828 12.945,5.687 12.23,4.756C11.516,3.824 10.514,3.155 9.381,2.851C8.247,2.547 7.045,2.626 5.961,3.075C4.877,3.525 3.971,4.319 3.384,5.336C3.296,5.489 3.15,5.6 2.979,5.646C2.808,5.691 2.626,5.667 2.473,5.579C2.32,5.49 2.209,5.344 2.163,5.174C2.118,5.003 2.142,4.821 2.23,4.668C2.964,3.397 4.096,2.404 5.452,1.843C6.807,1.282 8.31,1.183 9.727,1.563C11.144,1.943 12.396,2.78 13.288,3.944C14.181,5.108 14.665,6.535 14.664,8.002C14.664,8.179 14.594,8.348 14.469,8.473C14.344,8.598 14.175,8.668 13.998,8.668ZM13.248,14.668C13.071,14.668 12.901,14.598 12.776,14.473C12.651,14.348 12.581,14.179 12.581,14.002V11.668H10.248C10.071,11.668 9.901,11.598 9.776,11.473C9.651,11.348 9.581,11.179 9.581,11.002C9.581,10.825 9.651,10.655 9.776,10.53C9.901,10.405 10.071,10.335 10.248,10.335H13.248C13.425,10.335 13.594,10.405 13.719,10.53C13.844,10.655 13.914,10.825 13.914,11.002V14.002C13.914,14.179 13.844,14.348 13.719,14.473C13.594,14.598 13.425,14.668 13.248,14.668Z"
+        android:fillColor="#4B4B4B"/>
+    <path
+        android:pathData="M8.003,14.665C6.235,14.664 4.54,13.961 3.291,12.711C2.041,11.461 1.338,9.766 1.336,7.999C1.336,7.822 1.406,7.652 1.531,7.527C1.656,7.402 1.826,7.332 2.003,7.332C2.179,7.332 2.349,7.402 2.474,7.527C2.599,7.652 2.669,7.822 2.669,7.999C2.669,9.172 3.056,10.313 3.77,11.245C4.484,12.176 5.486,12.845 6.619,13.149C7.753,13.453 8.955,13.374 10.04,12.925C11.124,12.476 12.029,11.681 12.616,10.665C12.66,10.589 12.718,10.523 12.788,10.469C12.857,10.416 12.936,10.377 13.021,10.354C13.106,10.332 13.194,10.326 13.281,10.338C13.368,10.349 13.451,10.378 13.527,10.422C13.603,10.466 13.669,10.524 13.722,10.593C13.776,10.663 13.814,10.742 13.837,10.827C13.86,10.911 13.865,11 13.854,11.087C13.842,11.173 13.814,11.257 13.77,11.333C13.184,12.344 12.343,13.184 11.331,13.768C10.319,14.353 9.171,14.662 8.003,14.665Z"
+        android:fillColor="#4B4B4B"/>
+</vector>
\ No newline at end of file
diff --git a/feature/callvan/src/main/res/drawable/ic_search_vector.xml b/feature/callvan/src/main/res/drawable/ic_search_vector.xml
new file mode 100644
index 0000000000..eaa922c07f
--- /dev/null
+++ b/feature/callvan/src/main/res/drawable/ic_search_vector.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <group>
+        <clip-path
+            android:pathData="M0,0h24v24h-24z"/>
+        <path
+            android:pathData="M9.522,15.613C7.814,15.613 6.368,15.021 5.183,13.837C3.999,12.652 3.406,11.206 3.406,9.498C3.406,7.79 3.999,6.344 5.183,5.16C6.368,3.975 7.814,3.383 9.522,3.383C11.229,3.383 12.675,3.975 13.86,5.16C15.045,6.344 15.637,7.79 15.637,9.498C15.637,10.212 15.517,10.894 15.277,11.544C15.038,12.194 14.718,12.76 14.318,13.241L20.072,18.994C20.21,19.133 20.281,19.307 20.284,19.516C20.287,19.726 20.216,19.903 20.072,20.048C19.927,20.193 19.751,20.265 19.545,20.265C19.338,20.265 19.163,20.193 19.018,20.048L13.264,14.294C12.764,14.707 12.189,15.03 11.539,15.264C10.889,15.497 10.217,15.613 9.522,15.613ZM9.522,14.114C10.81,14.114 11.901,13.666 12.796,12.772C13.69,11.878 14.137,10.787 14.137,9.498C14.137,8.21 13.69,7.118 12.796,6.224C11.901,5.33 10.81,4.883 9.522,4.883C8.233,4.883 7.142,5.33 6.248,6.224C5.353,7.118 4.906,8.21 4.906,9.498C4.906,10.787 5.353,11.878 6.248,12.772C7.142,13.666 8.233,14.114 9.522,14.114Z"
+            android:fillColor="#000000"/>
+    </group>
+</vector>
\ No newline at end of file
diff --git a/feature/callvan/src/main/res/values/strings.xml b/feature/callvan/src/main/res/values/strings.xml
index 11d4ba9a4c..17e6f5b91b 100644
--- a/feature/callvan/src/main/res/values/strings.xml
+++ b/feature/callvan/src/main/res/values/strings.xml
@@ -53,6 +53,32 @@
     <string name="callvan_report_reason_profanity_title">욕설</string>
     <string name="callvan_report_reason_profanity_description">욕설, 성적인 언어, 비방하는 언어를 사용했습니다.</string>
     <string name="callvan_report_reason_other_title">기타</string>
+
+    <string name="filter_container">필터</string>
+    <string name="filter_list_reset">초기화</string>
+    <string name="filter_list_adapt">적용하기</string>
+    <string name="filter_list_sort_order">정렬</string>
+    <string name="filter_list_recruitment_status">모집 상태</string>
+    <string name="filter_list_origin">출발지</string>
+    <string name="filter_list_destination">도착지</string>
+    <string name="filter_list_other_place_hint">기타 장소는 검색창을 이용해주세요.</string>
+    <string name="filter_list_all">전체</string>
+    <string name="filter_list_front_gate">정문</string>
+    <string name="filter_list_back_gate">후문</string>
+    <string name="filter_list_tennis_court">테니스장</string>
+    <string name="filter_list_dormitory_main">본관동</string>
+    <string name="filter_list_dormitory_sub">별관동</string>
+    <string name="filter_list_terminal">천안터미널</string>
+    <string name="filter_list_station">천안역</string>
+    <string name="filter_list_asan_station">천안아산역</string>
+    <string name="filter_list_recruiting">모집중</string>
+    <string name="filter_list_closed">모집마감</string>
+    <string name="filter_list_completed">모집완료</string>
+    <string name="filter_list_latest_desc">게시글 등록순 (내림차순)</string>
+    <string name="filter_list_latest_asc">게시글 등록순 (오름차순)</string>
+    <string name="filter_list_departure_desc">출발일 (내림차순)</string>
+    <string name="filter_list_departure_asc">출발일 (오름차순)</string>
+    <string name="callvan_search_hint">검색어를 입력해주세요.</string>
     <string name="callvan_report_submit_success">사용자가 신고되었습니다.</string>
 
     <string name="callvan_report_error_image_upload_failed">이미지 업로드에 실패했습니다.</string>