diff --git a/files/ko/web/css/layout_cookbook/column_layouts/index.md b/files/ko/web/css/layout_cookbook/column_layouts/index.md
new file mode 100644
index 00000000000000..8c6f6d95e696a6
--- /dev/null
+++ b/files/ko/web/css/layout_cookbook/column_layouts/index.md
@@ -0,0 +1,246 @@
+---
+title: 열 레이아웃들
+slug: Web/CSS/Layout_cookbook/Column_layouts
+l10n:
+ sourceCommit: 507825f6292eb73f0a96419d69870d9330b6776f
+---
+
+> [!CALLOUT]
+>
+> #### 프론트엔드 웹 개발자가 되고자 하시나요?
+>
+> 프론트엔드 웹 개발자가 되고 싶지만 무엇을 먼저 배워야 할지 모르겠다면, MDN 커리큘럼을 참고해 학습 계획을 세우는 것을 추천합니다. 이 커리큘럼은 성공적인 프론트엔드 개발자가 되기 위한 필수 기술과 실습을 체계적으로 학습할 수 있는 경로를 제공하며, 추천 학습 자료도 함께 제공합니다.
+>
+> [**시작하기**](/en-US/curriculum/)
+
+{{CSSRef}}
+레이아웃을 만들 때 여러 개의 열이 필요한 경우가 자주 있습니다. CSS는 이를 위한 여러 가지 방법을 제공합니다.
+[다중열](/ko/docs/Web/CSS/CSS_multicol_layout), [플렉스박스](/ko/docs/Web/CSS/CSS_flexible_box_layout), [그리드](/ko/docs/Web/CSS/CSS_grid_layout) 레이아웃 중 어떤 것을 사용할지 여부는 여러분이 달성하려는 목표에 따라 달라집니다. 이 레시피에서는 이러한 옵션들에 대해 자세히 살펴봅니다.
+
+
+
+## 요구 사항
+
+열을 사용하여 달성할 수 있는 여러 디자인 패턴이 있습니다.
+
+- [신문 스타일의 열로 나뉘어진 연속적인 콘텐츠 흐름](#a_continuous_thread_of_content_—_multi-column_layout).
+- [모든 높이가 동일한 단일 행의 열로 정렬된 항목들](#a_single_row_of_items_with_equal_heights_—_flexbox).
+- [행과 열에 따라 정렬된 여러 행의 열들](#lining_items_up_in_rows_and_columns_—_grid_layout).
+
+## 조리법
+
+요구 사항을 충족하기 위해 다양한 레이아웃 메서드들을 선택해야 합니다.
+
+### 콘텐츠의 연속적인 흐름 — 다중열 레이아웃
+
+다중열 레이아웃을 사용하여 열을 생성하면 텍스트는 연속적인 흐름으로 유지되며 각 열을 차례로 채웁니다. 모든 열은 동일한 크기를 가져야 하며, 특정 열이나 특정 열의 콘텐츠를 타겟팅할 수는 없습니다.
+
+{{cssxref("column-gap")}} 또는 {{cssxref("gap")}} 속성을 사용하여 열 사이의 간격을 컨트롤할 수 있으며, {{cssxref("column-rule")}} 속성을 사용하여 열 사이에 선을 추가할 수 있습니다.
+
+아래 코드 블록에서 "Play"를 클릭하면 MDN Playground에서 예제를 편집할 수 있습니다.
+
+```html live-sample___multi-column-layout-example
+
+
+ Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion
+ daikon amaranth tatsoi tomatillo melon azuki bean garlic.
+
+
+ Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette
+ tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato.
+ Dandelion cucumber earthnut pea peanut soko zucchini.
+
+
+ Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce
+ kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter
+ purslane kale. Celery potato scallion desert raisin horseradish spinach
+
+
+
+ Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion
+ daikon amaranth tatsoi tomatillo melon azuki bean garlic.
+
+
+
+ Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette
+ tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato.
+ Dandelion cucumber earthnut pea peanut soko zucchini.
+
+
+
+ Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce
+ kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter
+ purslane kale. Celery potato scallion desert raisin horseradish spinach
+ carrot soko.
+
+
+
+ Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion
+ daikon amaranth tatsoi tomatillo melon azuki bean garlic.
+
+
+
+ Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette
+ tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato.
+ Dandelion cucumber earthnut pea peanut soko zucchini.
+
+
+
+ Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce
+ kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter
+ purslane kale. Celery potato scallion desert raisin horseradish spinach
+ carrot soko.
+
+
+
+ Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion
+ daikon amaranth tatsoi.
+
+
+
+ Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette
+ tatsoi pea sprouts fava bean collard greens.
+
+
+
+ Nori grape silver beet broccoli kombu beet greens fava bean potato quandong
+ celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens
+ parsnip. .
+
+