#์œ ์•„์Šคํ‚จ์ผ€์–ด: TikTok์—์„œ ๋ฌธ์ œ๊ฐ€ ๋˜๋Š” ์•„๋™ ๋ฏธ์šฉ ๋™์˜์ƒ์˜ ์„ธ๊ณ„

#์œ ์•„์Šคํ‚จ์ผ€์–ด: TikTok์—์„œ ๋ฌธ์ œ๊ฐ€ ๋˜๋Š” ์•„๋™ ๋ฏธ์šฉ ๋™์˜์ƒ์˜ ์„ธ๊ณ„

๊ฐ€๋””์–ธ์˜ ์กฐ์‚ฌ ๊ฒฐ๊ณผ, 2์‚ด์งœ๋ฆฌ ์–ด๋ฆฐ ์•„์ด๋“ค๊นŒ์ง€ ์Šคํ‚จ์ผ€์–ด ๋ฃจํ‹ด์„ ๋ณด์—ฌ์ฃผ๋Š” ํ‹ฑํ†ก ๋™์˜์ƒ์— ๋“ฑ์žฅํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ์œผ๋กœ ๋‚˜ํƒ€๋‚ฌ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๋ทฐํ‹ฐ ์‚ฐ์—…์˜ ์˜ํ–ฅ๋ ฅ๊ณผ ์•„๋™ ์ธํ”Œ๋ฃจ์–ธ์„œ์— ๋Œ€ํ•œ ๋ณดํ˜ธ ์žฅ์น˜ ๋ถ€์žฌ์— ๋Œ€ํ•œ ์šฐ๋ ค๋ฅผ ๋ถˆ๋Ÿฌ์ผ์œผ์ผฐ์Šต๋‹ˆ๋‹ค.

์ด๋ฒˆ ์—ฐ๊ตฌ๋Š” ์Šคํ‚จ์ผ€์–ด ๊ด€๋ จ ๊ฒŒ์‹œ๋ฌผ 7,600๊ฐœ๋ฅผ ๋ถ„์„ํ•œ ๊ฒฐ๊ณผ, ์ด ์ค‘ 400๊ฐœ์˜ ๋™์˜์ƒ์ด 13์„ธ ๋ฏธ๋งŒ์œผ๋กœ ์ถ”์ •๋˜๋Š” ์–ด๋ฆฐ์ด๋“ค์˜ ๋ฃจํ‹ด์ด๋‚˜ ์กฐ์–ธ์„ ๋‹ด๊ณ  ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ฒŒ์‹œ๋ฌผ ์ค‘ ์ ์–ด๋„ 90๊ฐœ์—๋Š” ์•„๊ธฐ์™€ ์œ ์•„๋ฅผ ํฌํ•จํ•ด 5์„ธ ๋ฏธ๋งŒ ์–ด๋ฆฐ์ด๊ฐ€ ๋“ฑ์žฅํ–ˆ์Šต๋‹ˆ๋‹ค.

18์„ธ ๋ฏธ๋งŒ์œผ๋กœ ์ถ”์ •๋˜๋Š” ์‚ฌ๋žŒ์ด ๋“ฑ์žฅํ•œ ๋™์˜์ƒ์€ 1,000๊ฐœ ์ด์ƒ์œผ๋กœ, ์ƒ˜ํ”Œ ๋‚ด ๋™์˜์ƒ์˜ ์•ฝ 7๋ถ„์˜ 1์— ํ•ด๋‹นํ•ฉ๋‹ˆ๋‹ค.

ํ•ด๋‹น ๊ฒŒ์‹œ๋ฌผ์ด ํ•ญ์ƒ ์–ด๋ฆฐ์ด์™€ ๋ธŒ๋žœ๋“œ ๊ฐ„ ๊ด€๊ณ„๋ฅผ ๋ช…ํ™•ํžˆ ๋ฐํžˆ์ง€๋Š” ์•Š์•˜์ง€๋งŒ, ๋งŽ์€ ๊ฒŒ์‹œ๋ฌผ์ด ๊ด‘๊ณ ์™€ ๋งค์šฐ ์œ ์‚ฌํ–ˆ์Šต๋‹ˆ๋‹ค.

ํ”ผ๋ถ€๊ณผ ์ „๋ฌธ์˜๋“ค์€ ์–ด๋ฆฐ์ด๋“ค์ด ๋‹ค๋‹จ๊ณ„ ์Šคํ‚จ์ผ€์–ด ๋ฃจํ‹ด์ด ํ•„์š”ํ•˜์ง€ ์•Š์œผ๋ฉฐ, ์ด ํŠธ๋ Œ๋“œ๊ฐ€ ๋” ์–ด๋ฆฐ ๋‚˜์ด์— ์™ธ๋ชจ์— ๋Œ€ํ•œ ๋ถˆ์•ˆ์„ ์œ ๋ฐœํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ๊ฒฝ๊ณ ํ•ฉ๋‹ˆ๋‹ค. ํ•œ ํ”ผ๋ถ€๊ณผ ์ „๋ฌธ์˜๋Š” ๋ถ€๋ชจ๋“ค์ด ๊ฒฐ์ ์œผ๋กœ ๋ณด๋Š” ๊ฒƒ์ด ์‚ฌ์‹ค์€ ์ •์ƒ์ ์ธ ํ”ผ๋ถ€์ผ ๋ฟ์ด๋ผ๋Š” ์ ์„ ์•„์ด๋“ค์—๊ฒŒ ์ ์  ๋” ์ž์ฃผ ์•ˆ์‹ฌ์‹œ์ผœ์ค˜์•ผ ํ•œ๋‹ค๊ณ  ์–ธ๊ธ‰ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋ถ„์„๋œ ๊ฒŒ์‹œ๋ฌผ ์ค‘ ํ•˜๋‚˜๋Š” ์ดˆ๋“ฑํ•™์ƒ ๋‚˜์ด์˜ ์•„์ด๊ฐ€ ๋“ฑ๊ต ์ „ ์Šคํ‚จ์ผ€์–ด ๋ฃจํ‹ด์„ ํ•˜๋Š” ๋ชจ์Šต์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ๊ทธ ์•„์ด๋Š” ์นด๋ฉ”๋ผ๋ฅผ ํ–ฅํ•ด ์ œํ’ˆ์„ ๋“ค๊ณ , ๋งค์šฐ ์ˆ˜๋ถ„์ด ๊ฐ€๋“ํ•˜๊ณ  ๋งค๋„๋Ÿฌ์šด ํ”ผ๋ถ€๋ฅผ ๋œปํ•˜๋Š” ์šฉ์–ด์ธ "๊ธ€๋ž˜์Šค ์Šคํ‚จ"์„ ์–ป๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

๋˜ ๋‹ค๋ฅธ ๋™์˜์ƒ์—์„œ๋Š” ํ•œ ์–ด๋จธ๋‹ˆ๊ฐ€ ๋‘ ์‚ด๋ฐฐ๊ธฐ ๋”ธ์„ ์นด๋ฉ”๋ผ ์•ž์— ๋“ค๊ณ , ๋”ธ์˜ ์–ผ๊ตด์— ๋ณด์Šต์ œ์ฒ˜๋Ÿผ ๋ณด์ด๋Š” ๊ฒƒ์„ ๋ฐ”๋ฅด๊ธฐ ์ „์— "๋‚ด ์Šคํ‚จ์ผ€์–ด์— ์˜ค์‹  ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค"๋ผ๊ณ  ๋งํ•˜๋„๋ก ์œ ๋„ํ•˜๋ฉฐ ํ•ด์‹œํƒœ๊ทธ #toddlersoftiktok๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.

.content--interactive-grid ๋‚ด๋ถ€์— `data-gu-name="media"` ์†์„ฑ์„ ๊ฐ€์ง„ ์š”์†Œ์˜ ์™ผ์ชฝ ์ •๋ ฌ์„ 20ํ”ฝ์…€๋กœ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.

๋ทฐํฌํŠธ ๋„ˆ๋น„๊ฐ€ ์ตœ์†Œ 660ํ”ฝ์…€์ผ ๋•Œ, ์ด ์š”์†Œ๋“ค์€ ์Šคํฌ๋กค๋ฐ” ๋„ˆ๋น„๋ฅผ ๋บ€ ์ „์ฒด ๋ทฐํฌํŠธ ๋„ˆ๋น„์™€ ๋™์ผํ•œ ๋„ˆ๋น„๋ฅผ ๊ฐ€์ง€๋ฉฐ, ์™ผ์ชฝ ์—ฌ๋ฐฑ์€ -20ํ”ฝ์…€, ์˜ค๋ฅธ์ชฝ ์—ฌ๋ฐฑ์€ ์—†์Šต๋‹ˆ๋‹ค.

๋ทฐํฌํŠธ ๋„ˆ๋น„๊ฐ€ 740ํ”ฝ์…€ ์ด์ƒ์ผ ๋•Œ, ์‚ฌ์šฉ์ž ์ •์˜ ์†์„ฑ `--grid-width`๋ฅผ 740px๋กœ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๋“œ ๋„ˆ๋น„, ์Šคํฌ๋กค๋ฐ”, ์™ผ์ชฝ ์—ด ๋„ˆ๋น„๋ฅผ ๊ณ ๋ คํ•˜์—ฌ ๊ทธ๋ฆฌ๋“œ๋ฅผ ์ค‘์•™์— ๋ฐฐ์น˜ํ•˜๋„๋ก ์™ผ์ชฝ ์—ฌ๋ฐฑ์ด ๊ณ„์‚ฐ๋ฉ๋‹ˆ๋‹ค. ์œ„์น˜ ์ง€์ •์„ ์œ„ํ•œ ์™ผ์ชฝ ์ •๋ ฌ ์†์„ฑ๋„ ๊ณ„์‚ฐ๋ฉ๋‹ˆ๋‹ค.

๋ทฐํฌํŠธ๊ฐ€ 980ํ”ฝ์…€ ์ด์ƒ์ผ ๋•Œ, `--grid-width`๋ฅผ 980px๋กœ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค.

1140ํ”ฝ์…€์—์„œ `--grid-width`๋ฅผ 1140px๋กœ ์„ค์ •ํ•˜๊ณ  `--grid-left-col-width`๋ฅผ 161px๋กœ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.

1300ํ”ฝ์…€ ์ด์ƒ์˜ ํ™”๋ฉด์—์„œ๋Š” `--grid-width`๋ฅผ 1300px๋กœ, `--grid-left-col-width`๋ฅผ 240px๋กœ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค.

๋ณธ๋ฌธ์— ๋Œ€ํ•œ ๋‹ค์Œ ์ƒ‰์ƒ ๋ณ€์ˆ˜๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค:
- ๊ธฐ๋ณธ ํ…์ŠคํŠธ ์ƒ‰์ƒ: #dcdcdc
- ๋ณด์กฐ ํ…์ŠคํŠธ ์ƒ‰์ƒ: #c8c8c8
- 3์ฐจ ํ…์ŠคํŠธ ์ƒ‰์ƒ: #999999
- ๊ธฐ๋ณธ ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ: #1a1a1a
- ๋ณด์กฐ ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ: #383838
- 3์ฐจ ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ: #121212
- ๊ธฐ๋ณธ ์„  ์ƒ‰์ƒ: #dcdcdc
- ๋ณด์กฐ ์„  ์ƒ‰์ƒ: #707070
- ๊ฒฝ๊ณ„ ๊ตฌ๋ถ„์„  ์ƒ‰์ƒ: #606060
- ์ถ• ์ƒ‰์ƒ: ๋‰ด์Šค ๊ทธ๋ ˆ์ด 04 ์ƒ‰์ƒ๊ณผ ์ผ์น˜
- ๊ธฐ๋ณธ ๋ฒ„ํŠผ ์ƒ‰์ƒ: #383838
- ๊ธฐ๋ณธ ๋ฒ„ํŠผ ํ…์ŠคํŠธ ์ƒ‰์ƒ: #dcdcdc
- ๊ธฐ๋ณธ ๋ฒ„ํŠผ ๊ฐ•์กฐ ์ƒ‰์ƒ: #707070
- ๊ฐ•์กฐ ์ƒ‰์ƒ: #cda500
- ๊ฐ•์กฐ๋œ ํ…์ŠคํŠธ ์ƒ‰์ƒ: #121212
- ์ •๋ณด ์ƒ‰์ƒ: #0077b6
- ๋‰ด์Šค ๊ทธ๋ ˆ์ด ์ƒ‰์ƒ 01(#dcdcdc)๋ถ€ํ„ฐ 06(#383838)๊นŒ์ง€
- ๋‰ด์Šค ์ฝ”์–ด ์ƒ‰์ƒ 01(#0077b6)๋ถ€ํ„ฐ 06(#cca36e)๊นŒ์ง€
- ์•ก์„ผํŠธ ๋ฐ”์ด์˜ฌ๋ ›: #8F71F2 (!important)

๋ณธ๋ฌธ์— ๊ธฐ๋ณธ ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ์„ ์ ์šฉํ•˜๊ณ , `.element--immersive` ํด๋ž˜์Šค๋ฅผ ๊ฐ€์ง„ ์š”์†Œ์˜ ๋ฐฐ๊ฒฝ์„ ์ด์™€ ์ผ์น˜ํ•˜๋„๋ก ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.

`.content__main-column--interactive` ๋‚ด๋ถ€์˜ ๋‹จ๋ฝ์—๋Š” ๊ธฐ๋ณธ ํ…์ŠคํŠธ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์‚ฌ์šฉ์ž ์‹œ์Šคํ…œ์ด ์–ด๋‘์šด ์ƒ‰์ƒ ๊ตฌ์„ฑ์„ ์„ ํ˜ธํ•˜๊ณ  ๋ฐ์€ ๊ตฌ์„ฑ์ด ๊ฐ•์ œ๋˜์ง€ ์•Š์€ ๊ฒฝ์šฐ, ๋™์ผํ•œ ์–ด๋‘์šด ํ…Œ๋งˆ ์ƒ‰์ƒ ๋ณ€์ˆ˜ ์„ธํŠธ๋ฅผ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค.

ID๊ฐ€ `maincontent`์ธ ์š”์†Œ์—์„œ ํฌ์ปค์Šค ๋ฐ•์Šค ๊ทธ๋ฆผ์ž๋ฅผ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.

๋ฏธ๋””์–ด ์ฟผ๋ฆฌ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ๋ฏน์Šค์ธ, ์ฐจํŠธ ๋ฏน์Šค์ธ์„ ์œ„ํ•œ Sass ๋ชจ๋“ˆ์„ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.

์™ธ๋ถ€ ์Šคํฌ๋กค๋Ÿฌ ์ปจํ…Œ์ด๋„ˆ๋ฅผ ๋ธ”๋ก ์ˆ˜์ค€, ์ƒ๋Œ€์ ์œผ๋กœ ์œ„์น˜ ์ง€์ •๋œ ์š”์†Œ๋กœ ์Šคํƒ€์ผ๋งํ•ฉ๋‹ˆ๋‹ค.

์Šคํฌ๋กค๋Ÿฌ ๋ฐฐ๊ฒฝ๊ณผ ์ „๊ฒฝ์„ ๋ธ”๋ก ์ˆ˜์ค€, ์ƒ๋Œ€์ ์œผ๋กœ ์œ„์น˜ ์ง€์ •๋œ ์š”์†Œ๋กœ ์Šคํƒ€์ผ๋งํ•˜๋ฉฐ, ์ „๊ฒฝ์€ ๋” ๋†’์€ z-index๋ฅผ ๊ฐ€์ง€๊ณ  ํ”Œ๋กœํŠธ๋ฅผ ํ•ด์ œํ•ฉ๋‹ˆ๋‹ค.

๋ฐฐ๊ฒฝ ์ปจํ…Œ์ด๋„ˆ๋ฅผ ์ ˆ๋Œ€์ ์œผ๋กœ ์œ„์น˜ ์ง€์ •, ์ „์ฒด ๋„ˆ๋น„, ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ ์—†์Œ, ๋ณ€ํ™˜ ๋ณ€๊ฒฝ์— ์ตœ์ ํ™”๋˜๋„๋ก ์Šคํƒ€์ผ๋งํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๋“œ ๋ž˜ํผ๊ฐ€ ์ „์ฒด ๋ทฐํฌํŠธ ๋†’์ด๋ฅผ ์ฐจ์ง€ํ•˜๊ณ  ์˜ค๋ฒ„ํ”Œ๋กœ๋ฅผ ์ˆจ๊ธฐ๋„๋ก ์Šคํƒ€์ผ๋งํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๋“œ๋ฅผ ์ ˆ๋Œ€์ ์œผ๋กœ ์œ„์น˜ ์ง€์ •ํ•˜๊ณ  CSS ๊ทธ๋ฆฌ๋“œ ๋ ˆ์ด์•„์›ƒ์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋ณ€ํ™˜ ์›์ ์„ ์„ค์ •ํ•˜๊ณ  ๋ณ€ํ™˜์— ์ตœ์ ํ™”๋˜๋„๋ก ์Šคํƒ€์ผ๋งํ•ฉ๋‹ˆ๋‹ค. ์Šค์ผ€์ผ ๋ณ€์ˆ˜๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.

๊ฐœ๋ณ„ ๊ทธ๋ฆฌ๋“œ ์…€์„ ์ƒ๋Œ€์ ์œผ๋กœ ์œ„์น˜ ์ง€์ •, ์˜ค๋ฒ„ํ”Œ๋กœ ์ˆจ๊น€, ํˆฌ๋ช… ๋ฐฐ๊ฒฝ์œผ๋กœ ์Šคํƒ€์ผ๋งํ•ฉ๋‹ˆ๋‹ค. ๋ถˆํˆฌ๋ช…๋„, ํ•„ํ„ฐ, ๋ฐ•์Šค ๊ทธ๋ฆผ์ž์— ๋Œ€ํ•œ ๋ถ€๋“œ๋Ÿฌ์šด ์ „ํ™˜์„ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋ทฐํฌํŠธ๊ฐ€ 20em์—์„œ 61.24em ์‚ฌ์ด์ผ ๋•Œ, ์…€์— 4px์˜ ํ…Œ๋‘๋ฆฌ ๋ฐ˜๊ฒฝ์„ ๋ถ€์—ฌํ•ฉ๋‹ˆ๋‹ค. ๋ทฐํฌํŠธ๊ฐ€ 61.25em ์ด์ƒ์ผ ๋•Œ๋Š” 8px ํ…Œ๋‘๋ฆฌ ๋ฐ˜๊ฒฝ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

`.ended` ํด๋ž˜์Šค๋ฅผ ๊ฐ€์ง„ ์…€์˜ ๊ฒฝ์šฐ, ๋ถˆํˆฌ๋ช…๋„๋ฅผ 0.38๋กœ ์ค„์ด๊ณ  ์ฑ„๋„๋ฅผ ๋‚ฎ์ถ”๊ณ  ์–ด๋‘ก๊ฒŒ ํ•˜๋Š” ํ•„ํ„ฐ๋ฅผ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค.

ํด๋ž˜์Šค "svelte-8a6q9c"๋ฅผ ๊ฐ€์ง„ ์š”์†Œ๋Š” 0.1์˜ ๋ถˆํˆฌ๋ช…๋„๋ฅผ ๊ฐ€์ง„ ๋ฐ˜ํˆฌ๋ช… ๋ฐ”์ด์˜ฌ๋ › ์•ก์„ผํŠธ ์ƒ‰์ƒ ๋ฐฐ๊ฒฝ์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

์ด ํด๋ž˜์Šค๋ฅผ ๊ฐ€์ง„ ๋นˆ ์…€ ํฌ์Šคํ„ฐ๋Š” ์ ˆ๋Œ€์ ์œผ๋กœ ์œ„์น˜ํ•˜์—ฌ ๊ฐ€์žฅ์ž๋ฆฌ์—์„œ ๊ฐ€์žฅ์ž๋ฆฌ๊นŒ์ง€ ์ „์ฒด ์˜์—ญ์„ ๋ฎ์Šต๋‹ˆ๋‹ค. ๋‚ด์šฉ์„ ๊ณต๊ฐ„์— ๋งž๊ฒŒ ํ™•๋Œ€/์ถ•์†Œํ•˜๋ฉฐ, ๋ถˆํˆฌ๋ช…๋„๋Š” 0.92์ด๊ณ  ์‚ฌ์šฉ์ž ์ƒํ˜ธ์ž‘์šฉ ๋ฐ ์„ ํƒ์„ ๋ฐฉ์ง€ํ•ฉ๋‹ˆ๋‹ค.

์ด ํด๋ž˜์Šค๋ฅผ ๊ฐ€์ง„ ๊ฐ•์กฐ๋œ ์…€์€ ์™„์ „ํ•œ ๋ถˆํˆฌ๋ช…๋„๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ์–ด๋‘์›Œ์ง„ ์…€์€ ๋ถˆํˆฌ๋ช…๋„๊ฐ€ 0.3์œผ๋กœ ๊ฐ์†Œํ•ฉ๋‹ˆ๋‹ค. ์Œ“์ธ ์…€์€ ๋” ๋†’์€ z-index, 0.22์ดˆ ๋™์•ˆ์˜ ๋ถ€๋“œ๋Ÿฌ์šด ๋ถˆํˆฌ๋ช…๋„ ์ „ํ™˜, ๋‘ฅ๊ทผ ๋ชจ์„œ๋ฆฌ๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ์Œ“์ธ ์…€์ด ํ™œ์„ฑํ™”๋˜๋ฉด ๋†’์€ z-index์™€ ๋‘ฅ๊ทผ ๋ชจ์„œ๋ฆฌ๋กœ ์™„์ „ํžˆ ๋ณด์ž…๋‹ˆ๋‹ค. ์ˆจ๊ฒจ์ง„ ์Œ“์ธ ์…€์€ ๋ณด์ด์ง€ ์•Š์œผ๋ฉฐ, ๋” ๋‚ฎ์€ z-index๋ฅผ ๊ฐ€์ง€๊ณ  ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ์— ์‘๋‹ตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์…€ ๋ ˆ์ด๋ธ”์€ ๋†’์€ z-index๋กœ ์™ผ์ชฝ ์ƒ๋‹จ ๋ชจ์„œ๋ฆฌ์— ์œ„์น˜ํ•ฉ๋‹ˆ๋‹ค. ์ž‘์€ ๊ธ€๊ผด์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ํŒจ๋”ฉ๊ณผ ๋‘ฅ๊ทผ ๋ชจ์„œ๋ฆฌ๊ฐ€ ์žˆ๊ณ , ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ์— ์‘๋‹ตํ•˜์ง€ ์•Š์œผ๋ฉฐ ๋นจ๊ฐ„์ƒ‰ ๋ฐฐ๊ฒฝ์— ํฐ์ƒ‰ ํ…์ŠคํŠธ๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

๋น„๋””์˜ค ์š”์†Œ๋Š” ์ปจํ…Œ์ด๋„ˆ๋ฅผ ์ฑ„์šฐ๊ณ , ๋‚ด์šฉ์„ ๋ฎ๋„๋ก ํ™•๋Œ€/์ถ•์†Œํ•˜๋ฉฐ, ์ฒ˜์Œ์—๋Š” ์™„์ „ํžˆ ํˆฌ๋ช…ํ•˜๋‹ค๊ฐ€ 0.2์ดˆ ๋™์•ˆ ์„œ์„œํžˆ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. ์ค€๋น„๋˜๋ฉด ์™„์ „ํžˆ ๋ถˆํˆฌ๋ช…ํ•ด์ง‘๋‹ˆ๋‹ค.

๊ฐ€๋ผ์˜ค์ผ€ ๋ฐ•์Šค๋Š” ํ•˜๋‹จ ๊ทผ์ฒ˜์— ์œ„์น˜ํ•˜๋ฉฐ, ๊ทธ๋ฆฌ๋“œ ๋ณ€์ˆ˜๋กœ ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•˜๊ณ , ๋†’์€ z-index๋กœ ์ค‘์•™์— ๋ฐฐ์น˜๋ฉ๋‹ˆ๋‹ค. ์–ด๋‘์šด ๋ฐ˜ํˆฌ๋ช… ๋ฐฐ๊ฒฝ๊ณผ ํŒจ๋”ฉ์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ํ…์ŠคํŠธ๋Š” ํŠน์ • ์‚ฐ์„ธ๋ฆฌํ”„ ๊ธ€๊ผด์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ์ƒ‰์ƒ์ด ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์ „ํ™˜๋˜๊ณ , ์ฒ˜์Œ์—๋Š” ๋ฐ์€ ํšŒ์ƒ‰์ž…๋‹ˆ๋‹ค. ๋‚ด๋ถ€์˜ ํ™œ์„ฑ ํ…์ŠคํŠธ๋Š” ๋ฐ”์ด์˜ฌ๋ › ์•ก์„ผํŠธ ๋ฐฐ๊ฒฝ์— ํฐ์ƒ‰์ด ๋ฉ๋‹ˆ๋‹ค.

์ฒซ ๋ฒˆ์งธ ๋‹จ๊ณ„ ์˜ค๋ฒ„๋ ˆ์ด๋Š” ์–ด๋‘์šด ๋ฐ˜ํˆฌ๋ช… ๋ ˆ์ด์–ด์™€ ๋†’์€ z-index๋กœ ์ „์ฒด ์˜์—ญ์„ ๋ฎ์œผ๋ฉฐ, ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ์— ์‘๋‹ตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋น„๋””์˜ค ์ง„ํ™” ๋ง‰๋Œ€๋Š” ํ•˜๋‹จ์— ์œ„์น˜ํ•˜๋ฉฐ, ๊ทธ๋ฆฌ๋“œ ๋ณ€์ˆ˜๋กœ ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•˜๊ณ , ๋†’์€ z-index๋ฅผ ๊ฐ€์ง„ ์งง๊ณ  ๋‘ฅ๊ทผ ๋ง‰๋Œ€์ž…๋‹ˆ๋‹ค. ํฐ์ƒ‰ ๋ฐฐ๊ฒฝ๊ณผ ์™ผ์ชฝ์—์„œ ์• ๋‹ˆ๋ฉ”์ด์…˜๋  ์ˆ˜ ์žˆ๋Š” ๋ฐ”์ด์˜ฌ๋ › ์ฑ„์šฐ๊ธฐ๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

๋กœ๋” ์˜ค๋ฒ„๋ ˆ์ด๋Š” ์–ด๋‘์šด ๋ฐ˜ํˆฌ๋ช… ๋ฐฐ๊ฒฝ๊ณผ ๋†’์€ z-index๋กœ ์ „์ฒด ๋ทฐํฌํŠธ๋ฅผ ๋ฎ์Šต๋‹ˆ๋‹ค. ๋‚ด์šฉ์„ ์ˆ˜์ง ๋ฐ ์ˆ˜ํ‰์œผ๋กœ ์ค‘์•™์— ๋ฐฐ์น˜ํ•˜๋ฉฐ ํฐ์ƒ‰ ํ…์ŠคํŠธ๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์Šคํ”ผ๋„ˆ๋Š” ํšŒ์ „์„ ์ง€์†ํ•˜๋Š” ํฐ์ƒ‰ ํ…Œ๋‘๋ฆฌ๋ฅผ ๊ฐ€์ง„ ์›ํ˜• ๋กœ๋”ฉ ์• ๋‹ˆ๋ฉ”์ด์…˜์ž…๋‹ˆ๋‹ค.

์ฃผ์š” ์Šคํฌ๋กค๋ฆฌ ๋น„๋””์˜ค ์ปจํ…Œ์ด๋„ˆ๋Š” ์ƒ๋Œ€์ ์œผ๋กœ ์œ„์น˜ํ•ฉ๋‹ˆ๋‹ค. ์„น์…˜์€ ๋‚ด์šฉ์„ ์ค‘์•™์— ๋ฐฐ์น˜ํ•˜๋Š” ํ”Œ๋ ‰์Šค ์ปจํ…Œ์ด๋„ˆ์ž…๋‹ˆ๋‹ค. ์Šค๋ƒ… ํ™œ์„ฑํ™” ์‹œ, ์ด ์„น์…˜๋“ค์€ ์‹œ์ž‘ ๋ถ€๋ถ„์— ์ •๋ ฌ๋˜๊ณ  ํ•ญ์ƒ ์Šค๋ƒ… ์ง€์ ์—์„œ ๋ฉˆ์ถฅ๋‹ˆ๋‹ค.

๋ฐฐ๊ฒฝ ์ปจํ…Œ์ด๋„ˆ๋Š” ์ƒ๋Œ€์ ์œผ๋กœ ์œ„์น˜ํ•˜๋ฉฐ, ๋ชจ๋“  ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ๋ฅผ ํ—ˆ์šฉํ•˜๊ณ  ํ”Œ๋ ‰์Šค ๋””์Šคํ”Œ๋ ˆ์ด๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ๋‚˜ํƒ€๋‚˜๊ณ  ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค. ๋ถ€ํŒ… ์ค‘์—๋Š” ์ˆจ๊ฒจ์ง„ ์ƒํƒœ๋กœ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

์ „๊ฒฝ ์Šคํฌ๋กค๋Ÿฌ๋Š” ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ์— ์‘๋‹ตํ•˜์ง€ ์•Š์ง€๋งŒ, ์„น์…˜ ๋‚ด์˜ ์ง์ ‘์ ์ธ div ์ž์‹ ์š”์†Œ๋“ค์€ ์‘๋‹ตํ•ฉ๋‹ˆ๋‹ค.

์˜ค๋ฒ„๋ ˆ์ด ๋ž˜ํผ๋Š” 3x3 ๊ทธ๋ฆฌ๋“œ๋กœ ์ „์ฒด ์˜์—ญ์„ ๋ฎ์œผ๋ฉฐ ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ์— ์‘๋‹ตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์˜ค๋””์˜ค ์ปจํŠธ๋กค ์Šคํƒ์€ ๊ณ ์ • ๋„ˆ๋น„๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์˜ค๋ฅธ์ชฝ ์ƒ๋‹จ ๋ชจ์„œ๋ฆฌ์— ์œ„์น˜ํ•˜๋ฉฐ, ํ•ญ๋ชฉ์„ ๋์— ์ •๋ ฌํ•˜๊ธฐ ์œ„ํ•ด ํ”Œ๋ ‰์Šค๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ์— ์‘๋‹ตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ตœ์†Œ ์ƒํƒœ์—์„œ๋Š” ๋ณ€ํ™˜์ด ์žฌ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ๋” ํฐ ํ™”๋ฉด์—์„œ๋Š” ์ˆ˜ํ‰์œผ๋กœ ์ค‘์•™์— ๋ฐฐ์น˜๋˜๊ณ  ์ƒ๋‹จ์—์„œ 22% ์œ„์น˜ํ•˜๋ฉฐ, ์œ„์น˜์— ๋Œ€ํ•œ ๋ถ€๋“œ๋Ÿฌ์šด ์ „ํ™˜์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ์ตœ์†Œ ์ƒํƒœ์ด๊ฑฐ๋‚˜ ๋” ํฐ ํ™”๋ฉด์—์„œ ์Œ“์ธ ๊ฒฝ์šฐ, ๋‹ค์‹œ ์˜ค๋ฅธ์ชฝ ์ƒ๋‹จ ๋ชจ์„œ๋ฆฌ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

๋งˆ์Šคํ„ฐ ์˜ค๋””์˜ค ์ปจํŠธ๋กค์€ Guardian Text Sans ๊ธ€๊ผด ํŒจ๋ฐ€๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€๋””์–ธ์˜ ๋ถ„์„์€ ์ดํƒˆ๋ฆฌ์•„ ๊ฒฝ์Ÿ ๋‹น๊ตญ์ด 3์›”์— ๋™์ผํ•œ ๋ชจํšŒ์‚ฌ๊ฐ€ ์†Œ์œ ํ•œ ์„ธํฌ๋ผ์™€ ๋ฒ ๋„คํ”ผํŠธ ์ฝ”์Šค๋ฉ”ํ‹ฑ์Šค ์‚ฌ๋ฌด์‹ค์—์„œ ๊ฒ€์‚ฌ๋ฅผ ์‹ค์‹œํ–ˆ๋‹ค๊ณ  ๋ฐœํ‘œํ•œ ํ›„์— ์ด๋ฃจ์–ด์กŒ์Šต๋‹ˆ๋‹ค.

ํ”„๋ž‘์Šค ๋ช…ํ’ˆ ๊ทธ๋ฃน LVMH๋Š” ์ž์‚ฌ ๋ธŒ๋žœ๋“œ๋“ค์ด ์–ด๋ฆฐ์ด๋ฅผ ๋Œ€์ƒ์œผ๋กœ ์Šคํ‚จ์ผ€์–ด ์ œํ’ˆ์„ ๋งˆ์ผ€ํŒ…ํ•˜๋Š” ๋ฐฉ์‹์— ๋Œ€ํ•ด ์กฐ์‚ฌ๋ฅผ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‹œ ๊ธฐ๊ด€์€ ์ผ๋ถ€ ๊ฒฝ์šฐ ์ดˆ๋“ฑํ•™๊ต์— ๋‹ค๋‹ˆ๋Š” ์†Œ๋…€๋“ค์ด ์ฃผ๋กœ ์„ฑ์ธ์šฉ์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ํŽ˜์ด์Šค ๋งˆ์Šคํฌ, ์„ธ๋Ÿผ, ๋…ธํ™” ๋ฐฉ์ง€ ํฌ๋ฆผ์„ ๋Œ€์ƒ์œผ๋กœ ์‚ผ์•„์กŒ๋‹ค๊ณ  ๋ณด๊ณ ํ–ˆ์Šต๋‹ˆ๋‹ค.

LVMH๋Š” ์„ธํฌ๋ผ ๋ฐ ๋ฒ ๋„คํ”ผํŠธ์™€ ํ•จ๊ป˜ "๋‹น๊ตญ๊ณผ ์™„์ „ํžˆ ํ˜‘๋ ฅํ•  ๊ฒƒ"์ด๋ผ๊ณ  ๋ฐํ˜”์ง€๋งŒ ์ถ”๊ฐ€ ๋…ผํ‰์€ ๊ฑฐ๋ถ€ํ–ˆ์Šต๋‹ˆ๋‹ค. "๋ชจ๋“  ํšŒ์‚ฌ๋“ค์€ ์ ์šฉ ๊ฐ€๋Šฅํ•œ ์ดํƒˆ๋ฆฌ์•„ ๊ทœ์ •์„ ์—„๊ฒฉํžˆ ์ค€์ˆ˜ํ•˜๊ณ  ์žˆ์Œ์„ ์žฌํ™•์ธํ•ฉ๋‹ˆ๋‹ค"๋ผ๊ณ  ๋ง๋ถ™์˜€์Šต๋‹ˆ๋‹ค.

๊ฐ€๋””์–ธ์€ ํ‹ฑํ†ก ๋™์˜์ƒ์— ๋“ฑ์žฅํ•˜๋Š” ๋งŽ์€ ์ Š์€์ด๋“ค์ด ์ Š์€ ์ธํ”Œ๋ฃจ์–ธ์„œ๋“ค์—๊ฒŒ ์—ด๋ฆฐ ํ”„๋กœ๊ทธ๋žจ์„ ํ†ตํ•ด ๋ธŒ๋žœ๋“œ์— ๋Œ€ํ•ด ์˜จ๋ผ์ธ์— ๊ฒŒ์‹œํ•˜๋Š” ๋Œ€๊ฐ€๋กœ ๋ฌด๋ฃŒ ์ œํ’ˆ์„ ๋ฐ›์€ ์ฆ๊ฑฐ๋ฅผ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.

์˜ํ™”, ํ…”๋ ˆ๋น„์ „, ๋ชจ๋ธ๋ง ๋ถ„์•ผ์˜ ์•„๋™ ์—ฐ์˜ˆ์ธ๋“ค์€ ๊ทผ๋กœ ์‹œ๊ฐ„, ์ž„๊ธˆ, ๋ณดํ˜ธ๋ฅผ ๊ทœ์ œํ•˜๋Š” ๋…ธ๋™๋ฒ•์˜ ๋ณดํ˜ธ๋ฅผ ๋ฐ›์ง€๋งŒ, ์†Œ์…œ ๋ฏธ๋””์–ด์—์„œ ์–ด๋ฆฐ์ด๋ฅผ ๋ณดํ˜ธํ•˜๋Š” ์œ ์‚ฌํ•œ ๋ฒ•๋ฅ ์€ ์กด์žฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ํ•˜์› ๊ณผํ•™, ํ˜์‹  ๋ฐ ๊ธฐ์ˆ  ์œ„์›ํšŒ ์œ„์›์žฅ์ด์ž ์ž์œ ๋ฏผ์ฃผ๋‹น์˜ ๊ณผํ•™, ํ˜์‹  ๋ฐ ๊ธฐ์ˆ  ๋Œ€๋ณ€์ธ์ธ ๋น…ํ† ๋ฆฌ์•„ ์ฝœ๋ฆฐ์Šค๋Š” ๊ฐ€๋””์–ธ์˜ ๋ฐœ๊ฒฌ์„ "์–ด๋‘ก๊ณ  ์ฐฉ์ทจ์ ์ธ ์ธํ„ฐ๋„ท์˜ ํ•œ ๊ตฌ์„"์—์„œ ๋‚˜์˜จ "๋งค์šฐ ๋ถˆ์•ˆํ•œ" ๊ฒƒ์ด๋ผ๊ณ  ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ฝœ๋ฆฐ์Šค๋Š” ์•„๋™ ์ธํ”Œ๋ฃจ์–ธ์„œ ์ฝ˜ํ…์ธ ๊ฐ€ ์ข…์ข… ์†Œ์…œ ๋ฏธ๋””์–ด์—์„œ ์ˆ˜์ฒœ ๋ฒˆ์˜ ์กฐํšŒ์ˆ˜์™€ ํŒ๋งค๋ฅผ ์ƒ์„ฑํ•œ๋‹ค๊ณ  ์ง€์ ํ•˜๋ฉฐ "์œ„ํ—˜ํ•œ ์ด์ค‘ ๊ธฐ์ค€"์ด๋ผ๊ณ  ๋ถˆ๋ €์Šต๋‹ˆ๋‹ค. ์ž์œ ๋ฏผ์ฃผ๋‹น์€ ์ Š์€์ด๋“ค์„ ์ฐฉ์ทจ์— ์ทจ์•ฝํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ทœ์ œ ๊ฒฉ์ฐจ๋ฅผ ํ•ด์†Œํ•  ๊ฒƒ์„ ์ด‰๊ตฌํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์ผ๋ถ€ ๋ถ€๋ชจ๋“ค์€ ์žฌ๋ฏธ๋กœ ๋˜๋Š” ๊ฐ€์กฑ ์ƒํ™œ์„ ๊ธฐ๋กํ•˜๊ธฐ ์œ„ํ•ด ์ฝ˜ํ…์ธ ๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ์ „๋ฌธ๊ฐ€๋“ค์€ ๋ช…ํ™•ํ•œ ๋ณดํ˜ธ ์žฅ์น˜ ๋ถ€์กฑ์ด ํŠนํžˆ ์–ด๋ฆฐ์ด๊ฐ€ ์ฃผ๋ชฉ์ด๋‚˜ ์ฐธ์—ฌ๋ฅผ ๋„๋Š” ์ฝ˜ํ…์ธ ์— ๋“ฑ์žฅํ•  ๋•Œ ์—ฌ์ „ํžˆ ์œ„ํ—˜์„ ์ดˆ๋ž˜ํ•œ๋‹ค๊ณ  ๊ฒฝ๊ณ ํ•ฉ๋‹ˆ๋‹ค.

ํ”ผ๋ถ€๊ณผ ์ „๋ฌธ์˜๋“ค์€ ๋˜ํ•œ ์–ด๋ฆฐ์ด์šฉ ์Šคํ‚จ์ผ€์–ด๊ฐ€ ๋Œ€๋ถ€๋ถ„ ๋ถˆํ•„์š”ํ•˜๋ฉฐ ํ”ผ๋ถ€์— ํ•ด๋ฅผ ๋ผ์น  ์ˆ˜ ์žˆ๋‹ค๊ณ  ๊ฒฝ๊ณ ํ–ˆ์Šต๋‹ˆ๋‹ค. ํ”ผ๋ถ€๊ณผ ์ „๋ฌธ์˜ ์—์ด๋ฏธ ํผํ‚จ์Šค๋Š” "๋Œ€๋ถ€๋ถ„์˜ ์–ด๋ฆฐ์ด๋“ค์€ ์˜จํ™”ํ•œ ๋น„๋ˆ„, ํ”ผ๋ถ€๊ฐ€ ๊ฑด์กฐํ•  ๊ฒฝ์šฐ ๊ฐ„๋‹จํ•œ ๋ณด์Šต, ์•ผ์™ธ ํ™œ๋™ ์‹œ ์„ ํฌ๋ฆผ ์ด์ƒ์˜ ์Šคํ‚จ์ผ€์–ด๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ˜„์žฌ ์–ด๋ฆฐ์ด๋“ค ์‚ฌ์ด์—์„œ ์œ ํ–‰ํ•˜๋Š” ๋‹ค๋‹จ๊ณ„ '๊ธ€๋กœ์šฐ' ๋˜๋Š” '๋…ธํ™” ๋ฐฉ์ง€' ๋ฃจํ‹ด์€ ํ”ผ๋ถ€๊ณผํ•™์ด ์•„๋‹Œ ์†Œ์…œ ๋ฏธ๋””์–ด์™€ ๋งˆ์ผ€ํŒ…์— ์˜ํ•ด ์ฃผ๋„๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค"๋ผ๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

๋˜ ๋‹ค๋ฅธ ํ”ผ๋ถ€๊ณผ ์ „๋ฌธ์˜ ์— ๋งˆ ์›จ์ง€์›Œ์Šค๋Š” ๋งค์šฐ ์–ด๋ฆฐ ์•„์ด๋“ค์€ ์†Œ์…œ ๋ฏธ๋””์–ด์— ์žˆ๊ฑฐ๋‚˜ "์Šคํ‚จ์ผ€์–ด ๋ฃจํ‹ด"์„ ๊ณต์œ ํ•ด์„œ๋Š” ์•ˆ ๋œ๋‹ค๊ณ  ๊ฐ•์กฐํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋…€๋Š” "์–ด๋ฆฐ ์•„์ด๋“ค์€ ์ž์‹ ์˜ ํ”ผ๋ถ€๋ฅผ ์œ„ํ•œ ์ œํ’ˆ์„ ํ‰๊ฐ€ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์ง€์‹, ๊ธฐ์ˆ , ํŒ๋‹จ๋ ฅ์„ ๊ฐ–์ถ”์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค"๋ผ๊ณ  ๋ง๋ถ™์˜€์Šต๋‹ˆ๋‹ค.

1140px๋ณด๋‹ค ๋„“์€ ํ™”๋ฉด์˜ ๊ฒฝ์šฐ, ์ฃผ์š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์—ด์˜ ์ „์ฒด ๋„ˆ๋น„ ์š”์†Œ๋Š” ์™ผ์ชฝ ์—ด 161px๊ณผ ํ•จ๊ป˜ ๊ทธ๋ฆฌ๋“œ ๋„ˆ๋น„ 1140px๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ์™ผ์ชฝ ์—ฌ๋ฐฑ์€ ์Šคํฌ๋กค๋ฐ” ๋„ˆ๋น„๋ฅผ ๊ณ ๋ คํ•˜์—ฌ ์ฝ˜ํ…์ธ ๋ฅผ ์ค‘์•™์— ๋ฐฐ์น˜ํ•˜๋„๋ก ๊ณ„์‚ฐ๋ฉ๋‹ˆ๋‹ค. 1300px ์ด์ƒ์—์„œ๋Š” ๊ทธ๋ฆฌ๋“œ๊ฐ€ ์™ผ์ชฝ ์—ด 240px๊ณผ ํ•จ๊ป˜ 1300px๋กœ ํ™•์žฅ๋ฉ๋‹ˆ๋‹ค.

์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ๊ทธ๋ฆฌ๋“œ ๋‚ด์˜ ๋ฏธ๋””์–ด ์š”์†Œ๋Š” ์ตœ๋Œ€ ๋„ˆ๋น„๊ฐ€ ์—†์œผ๋ฉฐ, ์ž‘์€ ํ™”๋ฉด์—์„œ๋Š” ๋ณธ๋ฌธ ์™ผ์ชฝ ๊ฐ€์žฅ์ž๋ฆฌ์—์„œ 10px๋กœ ์ •๋ ฌ๋˜๊ณ , 480px์—์„œ๋Š” 20px๋กœ ์ฆ๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. 660px๋ถ€ํ„ฐ๋Š” ์ „์ฒด ๋ทฐํฌํŠธ ๋„ˆ๋น„(์Šคํฌ๋กค๋ฐ” ์ œ์™ธ)์— ๊ฑธ์น˜๋ฉฐ ์™ผ์ชฝ ์—ฌ๋ฐฑ์ด -20px์ž…๋‹ˆ๋‹ค. 740px์—์„œ๋Š” ๊ทธ๋ฆฌ๋“œ ๋„ˆ๋น„๊ฐ€ 740px์ด ๋˜๊ณ , ์™ผ์ชฝ ์—ฌ๋ฐฑ์ด ์ค‘์•™ ๋ฐฐ์น˜๋ฅผ ์œ„ํ•ด ์กฐ์ •๋˜๋ฉฐ, ์œ„์น˜ ์ง€์ •์„ ์œ„ํ•œ ๋ณธ๋ฌธ ์™ผ์ชฝ ์ •๋ ฌ๋„ ๊ณ„์‚ฐ๋ฉ๋‹ˆ๋‹ค. ์ด ๊ทธ๋ฆฌ๋“œ ๋„ˆ๋น„๋Š” 980px์—์„œ 980px๋กœ, 1140px์—์„œ 1140px๋กœ, 1300px์—์„œ 1300px๋กœ ์—…๋ฐ์ดํŠธ๋˜๋ฉฐ, ํ•ด๋‹นํ•˜๋Š” ์™ผ์ชฝ ์—ด ๋„ˆ๋น„๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

์ƒ‰์ƒ ๊ตฌ์„ฑํ‘œ๋Š” ํ…์ŠคํŠธ, ๋ฐฐ๊ฒฝ, ์„ , ๋ฒ„ํŠผ์— ์–ด๋‘์šด ๋ชจ๋“œ ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ํŠน์ • ํšŒ์ƒ‰ ์Œ์˜๊ณผ ์•ก์„ผํŠธ ์ƒ‰์ƒ์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์‹œ์Šคํ…œ์ด ์–ด๋‘์šด ๋ชจ๋“œ๋ฅผ ์„ ํ˜ธํ•˜๊ณ  ๋ฐ์€ ๊ตฌ์„ฑ์ด ๋ช…์‹œ์ ์œผ๋กœ ์„ค์ •๋˜์ง€ ์•Š์€ ๊ฒฝ์šฐ์—๋„ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

์ถ”๊ฐ€ ์Šคํƒ€์ผ์€ ์ฃผ์š” ์ฝ˜ํ…์ธ  ์˜์—ญ์— ํฌ์ปค์Šค ๋ฐ•์Šค ๊ทธ๋ฆผ์ž๊ฐ€ ์—†๋„๋ก ๋ณด์žฅํ•˜๋ฉฐ, ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ์ฐจํŠธ๋ฅผ ์œ„ํ•œ ์Šคํƒ€์ผ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ๋Œ€ํ•œ ์ฐธ์กฐ๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ์Šคํฌ๋กค๋Ÿฌ ๊ตฌ์„ฑ ์š”์†Œ๋Š” ์ƒ๋Œ€์  ์œ„์น˜ ์ง€์ •๊ณผ ํด๋ฆฌ์–ดํ”ฝ์Šค ์ฒ˜๋ฆฌ๋ฅผ ํ†ตํ•ด ๊ตฌ์กฐํ™”๋ฉ๋‹ˆ๋‹ค.

.x70r {
display: block;
position: absolute;
width: 100%;
max-width: 100%;
pointer-events: none;
will-change: transform;
}

.grid-wrapper.svelte-8a6q9c {
width: 100%;
height: 100dvh;
position: relative;
overflow: hidden;
}

.grid.svelte-8a6q9c {
position: absolute;
display: grid;
transform-origin: 0 0;
will-change: transform;
--grid-scale: 1;
}

.cell.svelte-8a6q9c {
position: relative;
overflow: hidden;
background: transparent;
transition: opacity .22s ease, filter .22s ease, box-shadow .22s ease;
}

@media (min-width: 20em) and (max-width: 61.24em) {
.cell.svelte-8a6q9c {
border-radius: 4px;
}
}

@media (min-width: 61.25em) {
.cell.svelte-8a6q9c {
border-radius: 8px;
}
}

.cell.ended.svelte-8a6q9c {
opacity: .38;
filter: saturate(.55) brightness(.78);
}

.cell.empty.svelte-8a6q9c {
background: var(--accent-violet-transparent);
opacity: .1;
}

.empty-cell-poster.svelte-8a6q9c {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .92;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}

.cell.highlighted.svelte-8a6q9c {
opacity: 1;
}

.cell.dimmed.svelte-8a6q9c {
opacity: .3;
}

.cell.stacked.svelte-8a6q9c {
z-index: 2;
transition: opacity .22s ease;
border-radius: 8px;
}

.cell.stack-active.svelte-8a6q9c {
opacity: 1;
visibility: visible;
z-index: 2;
border-radius: 8px;
}

.cell.stack-hidden.svelte-8a6q9c {
opacity: 0;
visibility: hidden;
z-index: 1;
pointer-events: none;
}

.cell-label.svelte-8a6q9c {
position: absolute;
top: 6px;
left: 6px;
z-index: 2;
font-size: 11px;
line-height: 1;
padding: 4px 6px;
border-radius: 6px;
color: #fff;
background: red;
pointer-events: none;
}

video.svelte-8a6q9c {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
flex: 1 1 auto;
opacity: 0;
transition: opacity .2s ease;
}

video.ready.svelte-8a6q9c {
opacity: 1;
}

.karaoke-box.svelte-8a6q9c {
position: absolute;
top: 70%;
width: calc(100% * var(--grid-scale, 1));
text-align: center;
pointer-events: none;
z-index: 30;
transform: scale(calc(1 / var(--grid-scale, 1)));
transform-origin: top left;
background-color: #00000080;
padding: 12px;
}

.karaoke-box.svelte-8a6q9c span:where(.svelte-8a6q9c) {
transition: color .12s linear;
color: var(--news-grey-01);
font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
--source-text-decoration-thickness: 2px;
}

.karaoke-box.svelte-8a6q9c span.active:where(.svelte-8a6q9c) {
color: #fff;
background-color: var(--accent-violet);
}

.first-step-overlay.svelte-8a6q9c {
position: absolute;
inset: 0;
background: #00000080;
pointer-events: none;
z-index: 10;
}

.video-evolution-bar.svelte-8a6q9c {
position: absolute;
width: calc(100% * var(--grid-scale, 1));
bottom: 0;
height: 8px;
border-radius: 999px;
overflow: hidden;
z-index: 25;
pointer-events: none;
transform: scale(calc(1 / var(--grid-scale, 1)));
transform-origin: left bottom;
background: #fff;
}

.video-evolution-bar__fill.svelte-8a6q9c {
width: 100%;
height: 100%;
background: var(--accent-violet);
transform-origin: left center;
}

.gv-loader-overlay.svelte-1cir09n {
position: absolute;
inset: 0;
z-index: 60;
display: grid;
place-items: center;
align-items: center;
gap: 12px;
background: #0000008c;
color: #fff;
height: 100vh;
}

.gv-loader-spinner.svelte-1cir09n {
align-self: center;
width: 36px;
height: 36px;
border-radius: 999px;
border: 3px solid rgba(255, 255, 255, .35);
border-top-color: #fff;
animation: svelte-1cir09n-gv-spin .9s linear infinite;
}

@keyframes svelte-1cir09n-gv-spin {
to {
transform: rotate(360deg);
}
}

.scrolly-video.svelte-1cir09n {
position: relative;
}

.scrolly-video.svelte-1cir09n section:where(.svelte-1cir09n) {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.scrolly-video.snap-active.svelte-1cir09n section:where(.svelte-1cir09n) {
scroll-snap-align: start;
scroll-snap-stop: always;
}

.background-container.svelte-1cir09n {
position: relative;
pointer-events: all;
display: flex;
opacity: 1;
transition: opacity .12s linear;
}

.background-container.boot-hidden.svelte-1cir09n {
opacity: 0;
}

svelte-scroller-foreground {
pointer-events: none;
}

svelte-scroller-foreground section.svelte-1cir09n > div:where(.svelte-1cir09n) {
pointer-events: all;
}

.gv-overlay-wrapper.svelte-1cir09n {
position: absolute;
inset: 0;
display: grid;
grid-template-rows: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr);
pointer-events: none;
width: 100%;
}

์˜ค๋””์˜ค ์ปจํŠธ๋กค ์Šคํƒ์€ ์ ˆ๋Œ€์ ์œผ๋กœ ์œ„์น˜ํ•˜์—ฌ ์ƒ๋‹จ์—์„œ 12px, ์˜ค๋ฅธ์ชฝ์—์„œ 16px ๋–จ์–ด์ ธ ์žˆ์œผ๋ฉฐ ๋„ˆ๋น„๋Š” 224px์ž…๋‹ˆ๋‹ค. ํ”Œ๋ ‰์Šค๋ฐ•์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ•ญ๋ชฉ์„ ๋์— ์ •๋ ฌํ•˜๊ณ  ์ˆ˜์ง์œผ๋กœ ์ค‘์•™์— ๋ฐฐ์น˜ํ•˜๋ฉฐ, ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ๊ฐ€ ์—†๊ณ  ๋ณ€ํ™˜์ด ์ ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ตœ์†Œ ์ˆ˜์ •์ž ํด๋ž˜์Šค๊ฐ€ ์ถ”๊ฐ€๋˜๋ฉด ๋ณ€ํ™˜์€ ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋” ํฐ ํ™”๋ฉด(์ตœ์†Œ ๋„ˆ๋น„ 61.25em)์—์„œ๋Š” ์Šคํƒ์ด ์ƒ๋‹จ์—์„œ 22%, ์ˆ˜ํ‰ ์ค‘์•™(์™ผ์ชฝ: 50%, ๋ณ€ํ™˜: translate(-50%))์— ์œ„์น˜ํ•˜๋ฉฐ, ์œ„์น˜์™€ ๋ณ€ํ™˜์— ๋Œ€ํ•œ ๋ถ€๋“œ๋Ÿฌ์šด ์ „ํ™˜์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ๋” ํฐ ํ™”๋ฉด์—์„œ ์ตœ์†Œ ๋˜๋Š” ์Œ“์ธ ์ˆ˜์ •์ž ํด๋ž˜์Šค๊ฐ€ ํ™œ์„ฑํ™”๋˜๋ฉด ์ปจํ…Œ์ด๋„ˆ ์™ผ์ชฝ ๊ฐ€์žฅ์ž๋ฆฌ์—์„œ ์ƒ๋‹จ์œผ๋กœ 12px, ์™ผ์ชฝ์œผ๋กœ 240px ๋–จ์–ด์ง„ ์œ„์น˜๋กœ ์ด๋™ํ•˜์—ฌ ๋์— ์ •๋ ฌ๋˜๊ณ  ๋ณ€ํ™˜ ์—†์Œ์ด ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

๋งˆ์Šคํ„ฐ ์˜ค๋””์˜ค ์ปจํŠธ๋กค ๋ฒ„ํŠผ์€ ํŠน์ • ์‚ฐ์„ธ๋ฆฌํ”„ ๊ธ€๊ผด ์Šคํƒ์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋„ˆ๋น„ 224px, ๋†’์ด 44px, ๋‚ด๋ถ€ ํŒจ๋”ฉ, ์ˆจ๊ฒจ์ง„ ์˜ค๋ฒ„ํ”Œ๋กœ, ํฐ์ƒ‰ ํ…์ŠคํŠธ, ๋ฐ”์ด์˜ฌ๋ › ๋ฐฐ๊ฒฝ๊ณผ ๋‘ฅ๊ทผ ๋ชจ์„œ๋ฆฌ๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ํ…Œ๋‘๋ฆฌ๊ฐ€ ์—†๊ณ , ํ…์ŠคํŠธ๋Š” ์™ผ์ชฝ ์ •๋ ฌ, ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ ํ—ˆ์šฉ, ๋„ˆ๋น„์™€ ํŒจ๋”ฉ์— ๋Œ€ํ•œ ์ „ํ™˜์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ์Œ์†Œ๊ฑฐ/์Œ์†Œ๊ฑฐ ํ•ด์ œ ์•„์ด์ฝ˜์„ ์œ„ํ•œ ์˜์‚ฌ ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ์ด๋“ค์€ ๋ถˆํˆฌ๋ช…๋„๋ฅผ ์ „ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์Œ์†Œ๊ฑฐ ํด๋ž˜์Šค๊ฐ€ ์ ์šฉ๋˜๋ฉด ์•„์ด์ฝ˜ ๊ฐ€์‹œ์„ฑ์ด ๋ฐ”๋€๋‹ˆ๋‹ค.

์ตœ์†Œ ์ƒํƒœ์—์„œ๋Š” ๋ฒ„ํŠผ ๋„ˆ๋น„๊ฐ€ 44px๋กœ ์ค„์–ด๋“ค๊ณ  ํŒจ๋”ฉ์ด ๊ฐ์†Œํ•˜๋ฉฐ, ๋ ˆ์ด๋ธ” ํ…์ŠคํŠธ๊ฐ€ ๋งˆ์Šคํฌ ์ฒ˜๋ฆฌ๋ฉ๋‹ˆ๋‹ค. ๋ ˆ์ด๋ธ” ์ž์ฒด๋Š” ์ธ๋ผ์ธ ๋ธ”๋ก, ๋„ˆ๋น„ 180px, ์ค„ ๋ฐ”๊ฟˆ ์—†์Œ, ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ ์—†์Œ, CSS ๋งˆ์Šคํฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋‚˜ํƒ€๋‚˜๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ๋ ˆ์ด๋ธ”-์ค€๋น„ ํด๋ž˜์Šค๊ฐ€ ์ถ”๊ฐ€๋˜๊ณ (์ตœ์†Œ ์ƒํƒœ๊ฐ€ ์•„๋‹ ๋•Œ) ๋งˆ์Šคํฌ๊ฐ€ ์™„์ „ํžˆ ํ™•์žฅ๋ฉ๋‹ˆ๋‹ค.

"๊ณ„์†ํ•˜๋ ค๋ฉด ์Šคํฌ๋กค" ํ…์ŠคํŠธ ์š”์†Œ๋Š” ์ƒ๋‹จ์—์„œ 66vh, ์ˆ˜ํ‰ ์ค‘์•™์— ์ ˆ๋Œ€์ ์œผ๋กœ ์œ„์น˜ํ•ฉ๋‹ˆ๋‹ค. ๊ตต์€ ๊ธ€๊ผด ๋‘๊ป˜๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ํ‚คํ”„๋ ˆ์ž„ ์• ๋‹ˆ๋ฉ”์ด์…˜์œผ๋กœ ์›€์ง์ด๋Š” ์…ฐ๋ธŒ๋ก  ์•„์ด์ฝ˜์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค.

๋ธŒ๋ ˆ๋“œํฌ๋Ÿผ ํŠธ๋ž™์€ ์˜ค๋ฅธ์ชฝ์— ์ˆ˜์ง ์ค‘์•™์— ์œ„์น˜ํ•˜๋ฉฐ, ์ ๋“ค์„ ์—ด๋กœ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์ ๋“ค์€ ํฐ์ƒ‰ ์›์ด๋ฉฐ, ํ™œ์„ฑ ๋ธŒ๋ ˆ๋“œํฌ๋Ÿผ์€ ๋ถ€๋“œ๋Ÿฌ์šด ๋ณ€ํ™˜ ์ „ํ™˜์„ ๊ฐ€์ง„ ๋ฐ”์ด์˜ฌ๋ › ์›์ž…๋‹ˆ๋‹ค.

์Šคํฌ๋กค๋ฆฌ ๋ฐ•์Šค ์š”์†Œ๋Š” ์„ธ๋ฆฌํ”„ ํ—ค๋“œ๋ผ์ธ ๊ธ€๊ผด์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ์ตœ๋Œ€ ๋„ˆ๋น„ 380px, ํŒจ๋”ฉ์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€๋””์–ธ์ด ๊ฒ€ํ† ํ•œ ๋˜ ๋‹ค๋ฅธ ํด๋ฆฝ์—์„œ ํ•œ ์–ด๋จธ๋‹ˆ๋Š” 10์‚ด ๋”ธ์„ ์†Œ๊ฐœํ•˜๋ฉฐ, ๊ทธ ์†Œ๋…€๊ฐ€ ์˜ค๋žซ๋™์•ˆ ์Šคํ‚จ์ผ€์–ด์— ๊ด€์‹ฌ์„ ๊ฐ€์ ธ์™”๋‹ค๊ณ  ๋งํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋…€๋Š” ๋ฒ ๋„คํ”ผํŠธ ์ฝ”์Šค๋ฉ”ํ‹ฑ์Šค๋กœ๋ถ€ํ„ฐ ์‹œํ—˜ํ•ด ๋ณผ ์ œํ’ˆ์„ ๋ฐ›์•˜๋‹ค๊ณ  ์„ค๋ช…ํ•˜๊ณ , ๋”ธ์˜ ์–ผ๊ตด์— ๋ฐ”๋ฅด๋Š” ๋ชจ์Šต์„ ๋ณด์—ฌ์ฃผ๋ฉฐ, ๋‚˜์ค‘์— ์•„์ด์˜ ํ”ผ๋ถ€๊ฐ€ "๋น›๋‚˜๊ณ  ์žˆ๋‹ค"๊ณ  ์ฃผ์žฅํ•ฉ๋‹ˆ๋‹ค. ๋ฒ ๋„คํ”ผํŠธ๊ฐ€ ์•„์ด๊ฐ€ ์‚ฌ์šฉํ•˜๋„๋ก ์ œํ’ˆ์„ ๋ณด๋ƒˆ๋‹ค๋Š” ์ฆ๊ฑฐ๋Š” ์—†์Šต๋‹ˆ๋‹ค. ๋ฒ ๋„คํ”ผํŠธ ์ฝ”์Šค๋ฉ”ํ‹ฑ์Šค๋Š” ๋…ผํ‰์„ ์š”์ฒญํ•˜๋Š” ์‹œ๋„์— ์‘๋‹ตํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

์–ด๋ฆฐ์ด์™€ ์ Š์€ ์ฒญ์†Œ๋…„์„ ์œ„ํ•ด ํŠน๋ณ„ํžˆ ๊ฐœ๋ฐœ๋œ ์Šคํ‚จ์ผ€์–ด ๋ธŒ๋žœ๋“œ๊ฐ€ ์ฆ๊ฐ€ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, 11์›”์— ์ถœ์‹œ๋œ ๋ฆฌ๋‹ˆ๋Š” 4์‚ด์งœ๋ฆฌ๋ฅผ ์œ„ํ•œ ํŽ˜์ด์Šค ๋งˆ์Šคํฌ๋ฅผ ๋งŒ๋“  ๊ฒƒ์— ๋Œ€ํ•ด ํ”ผ๋ถ€๊ณผ ์ „๋ฌธ์˜๋“ค๋กœ๋ถ€ํ„ฐ "๋””์Šคํ† ํ”ผ์•„์ "์ด๋ผ๊ณ  ๋ฌ˜์‚ฌ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋˜ ๋‹ค๋ฅธ ๋ธŒ๋žœ๋“œ์ธ ํ”ผํŒŒ ์Šคํ‚จ์ผ€์–ด๋Š” 8์„ธ์—์„œ 12์„ธ ์‚ฌ์ด์˜ ํŠธ์œˆ์„ ๋Œ€์ƒ์œผ๋กœ ํ•˜๋ฉฐ 2024๋…„์— ์ถœ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๊ฐ€๋””์–ธ์ด ๊ณต์œ ํ•œ ๋™์˜์ƒ์— ๋“ฑ์žฅํ•œ ํ”ผํŒŒ ์Šคํ‚จ์ผ€์–ด๋Š” "์—ฐ๋ น๋Œ€๋ฅผ ๋ช…ํ™•ํžˆ ๊ตฌ๋ถ„ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ํŠนํžˆ ์œ ์•„๋ฅผ ํฌํ•จํ•œ ๋งค์šฐ ์–ด๋ฆฐ ์•„์ด๋“ค์ด ๋“ฑ์žฅํ•˜๋Š” ์ฝ˜ํ…์ธ ๋Š” ๋‹ค๋ฅธ ์šฐ๋ ค๋ฅผ ์ œ๊ธฐํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ทธ๋Ÿฐ ์œ ํ˜•์˜ ์ฝ˜ํ…์ธ ๋‚˜ ๋งˆ์ผ€ํŒ…์„ ์ง€์›ํ•˜๊ฑฐ๋‚˜ ์ฐธ์—ฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค"๋ผ๊ณ  ๋ฐํ˜”์Šต๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ ๋˜ํ•œ 18์„ธ ๋ฏธ๋งŒ ์ œํœด์‚ฌ์™€ ์ผํ•˜์ง€ ์•Š์œผ๋ฉฐ, ๋ฏธ์„ฑ๋…„์ž๊ฐ€ ๋“ฑ์žฅํ•˜๋Š” ์ฝ˜ํ…์ธ ๋Š” ๋ถ€๋ชจ์˜ ์ฐธ์—ฌ๊ฐ€ ํ•„์š”ํ•˜๋‹ค๊ณ  ๋ง๋ถ™์˜€์Šต๋‹ˆ๋‹ค.

์œ„ ๋™์˜์ƒ์— ๋“ฑ์žฅํ•œ ๊ธ€๋กœ์šฐ ํ—ˆ๋ธŒ๋Š” ํ•ต์‹ฌ ๊ณ ๊ฐ์ธต์ด 1997๋…„์—์„œ 2012๋…„ ์‚ฌ์ด์— ํƒœ์–ด๋‚œ ์‚ฌ๋žŒ๋“ค์ด๋ผ๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค. "๊ธ€๋กœ์šฐ ํ—ˆ๋ธŒ๋Š” ํ•ด๋‹น ์นดํ…Œ๊ณ ๋ฆฌ ๋‚ด์—์„œ์˜ ์ฑ…์ž„์„ ์ง„์ง€ํ•˜๊ฒŒ ๋ฐ›์•„๋“ค์ด๊ณ  ์žˆ์œผ๋ฉฐ, ์•ˆ์ „ํ•˜๊ณ  ์ •๋ณด์— ์ž…๊ฐํ•œ ์Šคํ‚จ์ผ€์–ด ์‚ฌ์šฉ์„ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•œ ์กฐ์น˜๋ฅผ ์ ๊ทน์ ์œผ๋กœ ์‹œํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค."

์—ฌ๊ธฐ์— ๊ณต์œ ๋œ ๋˜ ๋‹ค๋ฅธ ๋™์˜์ƒ์— ๋“ฑ์žฅํ•˜๋Š” ์Šคํ‚จ์ผ€์–ด ๋ธŒ๋žœ๋“œ ์˜ˆ์Šค ๋ฐ์ด์˜ ๊ณต๋™ ์ฐฝ๋ฆฝ์ž ๋Œ€๋‹ˆ์—˜ ๊ทธ๋žœ๋”์Šจ์€ ์ด ๋ธŒ๋žœ๋“œ๊ฐ€ "ํ”ผ๋ถ€๊ณผ ์ „๋ฌธ์˜ ํ…Œ์ŠคํŠธ๋ฅผ ๊ฑฐ์นœ, ํŠธ์œˆ๊ณผ ์ดˆ๊ธฐ ์ฒญ์†Œ๋…„์„ ์œ„ํ•œ ์—ฐ๋ น์— ๋งž๋Š” ์Šคํ‚จ์ผ€์–ด๋ฅผ ๋งŒ๋“ค๋ฉฐ, ๋ชจ๋“  ํฌ๋ฎฌ๋Ÿฌ๋Š” ์•ˆ์ „์„ฑ๊ณผ ํšจ๋Šฅ์„ ๋ณด์žฅํ•˜๊ธฐ ์œ„ํ•ด 10-16์„ธ๋ฅผ ๋Œ€์ƒ์œผ๋กœ ์ž„์ƒ ์‹œํ—˜์„ ๊ฑฐ์ณค๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

๋ฒ„๋ธ”์˜ ๋Œ€๋ณ€์ธ์€ ์œ„์—์„œ ์–ธ๊ธ‰๋œ ์ฝ˜ํ…์ธ ๊ฐ€ "์–ด๋–ค ๊ณต์‹์ ์ธ ๊ด€๊ณ„๋„ ์—†์ด" ๋ฒ„๋ธ”๊ณผ ์ œํœด๋˜์ง€ ์•Š์•˜๋‹ค๊ณ  ๋ฐํ˜”์Šต๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ "๋ณด๋‹ค ๊ด‘๋ฒ”์œ„ํ•˜๊ฒŒ, ์šฐ๋ฆฌ๋Š” ๋งค์šฐ ์–ด๋ฆฐ ์•„์ด๋“ค์ด ์Šคํ‚จ์ผ€์–ด ์ฝ˜ํ…์ธ ์— ๋“ฑ์žฅํ•˜๋Š” ๊ฒƒ, ํŠนํžˆ ์—ฐ๋ น์— ๋งž์ง€ ์•Š๋Š” ๋ฃจํ‹ด์ด๋‚˜ ์ œํ’ˆ ์‚ฌ์šฉ์„ ์•”์‹œํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋“ฑ์žฅํ•˜๋Š” ๊ฒƒ์„ ์ง€์›ํ•˜๊ฑฐ๋‚˜ ์žฅ๋ คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค"๋ผ๊ณ  ๋ง๋ถ™์˜€์Šต๋‹ˆ๋‹ค. ๋Œ€๋ณ€์ธ์€ ์ด ๋ธŒ๋žœ๋“œ์˜ ์ฐฝ๋ฆฝ์ž ๊ฒธ CEO๊ฐ€ ๋‘ ๋ช…์˜ ์–ด๋ฆฐ ์ž๋…€๋ฅผ ๋‘” ์–ด๋จธ๋‹ˆ์ด๋ฉฐ, "์–ด๋ฆฐ ์•„์ด๋“ค์€ ์ผ์ผ ์„ ํฌ๋ฆผ ์ด์ƒ์˜ ์Šคํ‚จ์ผ€์–ด ๋ฃจํ‹ด์ด ํ•„์š”ํ•˜์ง€ ์•Š๋‹ค"๋Š” ์ ์„ ์ธ์‹ํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์–ธ๊ธ‰ํ–ˆ์Šต๋‹ˆ๋‹ค. "๋ฒ„๋ธ”์€ ์–ด๋ฆฐ์ด ์Šคํ‚จ์ผ€์–ด ๋ธŒ๋žœ๋“œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค"๋ผ๊ณ  ๊ทธ๋“ค์€ ๋งํ–ˆ์Šต๋‹ˆ๋‹ค. "์ด๋Š” ๊ด‘๋ฒ”์œ„ํ•œ ํ”ผ๋ถ€ ์š”๊ตฌ๋ฅผ ์œ„ํ•ด ์„ค๊ณ„๋œ ํ”ผ๋ถ€๊ณผ ์ „๋ฌธ์˜๊ฐ€ ๊ฐœ๋ฐœํ•˜๊ณ  ์ž„์ƒ์ ์œผ๋กœ ์ž…์ฆ๋œ ์‹œ์Šคํ…œ์ž…๋‹ˆ๋‹ค."

์—๋ฒ„์—๋ด์€ ๋…ผํ‰์„ ์š”์ฒญ๋ฐ›์•˜์œผ๋‚˜ ์‘๋‹ตํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

๋น„์˜ค๋งˆ๋Š” ์†Œ๋น„์ž ๊ธฐ๋ฐ˜์˜ 85%๊ฐ€ 18์„ธ์—์„œ 35์„ธ ์‚ฌ์ด๋ผ๊ณ  ๋ฐํ˜”์Šต๋‹ˆ๋‹ค. "์šฐ๋ฆฌ์˜ ๋งˆ์ผ€ํŒ…, ํŒŒํŠธ๋„ˆ์‹ญ, ์œ ํ†ต ๋…ธ๋ ฅ์€ ํšจ๊ณผ์ ์ด๊ณ  ๊ณผํ•™์— ๊ธฐ๋ฐ˜ํ•œ ์Šคํ‚จ์ผ€์–ด๋ฅผ ์ ๊ทน์ ์œผ๋กœ ์ฐพ๋Š” ์ด ํ•ต์‹ฌ ์†Œ๋น„์ž ๊ทธ๋ฃน์— ์ง‘์ค‘๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค"๋ผ๊ณ  ๊ทธ๋“ค์€ ์ง„์ˆ ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ฐ€๋””์–ธ์€ ์ง€๋‚œํ•ด 10์›” 28์ผ๋ถ€ํ„ฐ 11์›” 17์ผ๊นŒ์ง€ ์ƒˆ๋กœ ์ƒ์„ฑ๋œ ์„ธ ๊ฐœ์˜ ๊ณ„์ •์„ ์‚ฌ์šฉํ•˜์—ฌ ํ‹ฑํ†ก์„ ๋ชจ๋‹ˆํ„ฐ๋งํ•˜๋ฉฐ, ์Šคํ‚จ์ผ€์–ด ๊ด€๋ จ ํ•ด์‹œํƒœ๊ทธ์™€ ์ฝ˜ํ…์ธ ๋ฅผ ์ถ”์ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด ์ƒ˜ํ”Œ์€ ํ”Œ๋žซํผ์˜ ๋ชจ๋“  ์Šคํ‚จ์ผ€์–ด ์ฝ˜ํ…์ธ ๋ฅผ ๋Œ€ํ‘œํ•˜์ง€๋Š” ์•Š์ง€๋งŒ, ์ด ๋ถ„์•ผ์—์„œ ์–ด๋ฆฐ์ด๋“ค์˜ ๊ทœ๋ชจ์™€ ๊ฐ€์‹œ์„ฑ์— ๋Œ€ํ•œ ์Šค๋ƒ…์ƒท์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

๋™์˜์ƒ ๋ถ„์„์— ๋”ฐ๋ฅด๋ฉด, ์–ด๋ฆฐ ์•„์ด๋“ค์ด ๋“ฑ์žฅํ•˜๋Š” ๋™์˜์ƒ์€ ๋” ๋†’์€ ์ฐธ์—ฌ์œจ์„ ๋ณด์˜€์œผ๋ฉฐ, ๋™์˜์ƒ๋‹น 55,400๊ฐœ์˜ ์ข‹์•„์š”, ๊ณต์œ , ๋Œ“๊ธ€์„ ๊ธฐ๋กํ–ˆ๊ณ , ์ด๋Š” ์ƒ˜ํ”Œ ์ „์ฒด ํ‰๊ท ์ธ 36,000๊ฐœ ์ƒํ˜ธ์ž‘์šฉ๋ณด๋‹ค ๋†’์•˜์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์–ด๋ฆฐ์ด๊ฐ€ ๋“ฑ์žฅํ•˜์ง€ ์•Š๋Š” ์„ฑ์ธ ๋™์˜์ƒ์€ ๋” ๋งŽ์€ ์กฐํšŒ์ˆ˜๋ฅผ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.

ํ‹ฑํ†ก ๋Œ€๋ณ€์ธ์— ๋”ฐ๋ฅด๋ฉด, ์Šคํ‚จ์ผ€์–ด์™€ ์›ฐ๋‹ˆ์Šค ์ฝ˜ํ…์ธ ๋Š” 10๋…„ ์ด์ƒ ์†Œ์…œ ๋ฏธ๋””์–ด ์ „๋ฐ˜์— ๊ฑธ์ณ ์ž˜ ์ž๋ฆฌ ์žก์•˜๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ ๊ฐ€๋””์–ธ์ด ๊ณต์œ ํ•œ ์˜ˆ์‹œ๋“ค์ด ์ ๊ทน์ ์ธ ๋ถ€๋ชจ ๊ฐ๋… ํ•˜์— ์ด๋ฃจ์–ด์กŒ์œผ๋ฉฐ, ํ‹ฑํ†ก์„ ์‚ฌ์šฉํ•˜์—ฌ ์Šคํ‚จ์ผ€์–ด ์กฐ์–ธ์„ ๊ณต์œ ํ•˜๋Š” ๊ด‘๋ฒ”์œ„ํ•œ ์ „๋ฌธ๊ฐ€ ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์ง€์ ํ–ˆ์Šต๋‹ˆ๋‹ค. ํ‹ฑํ†ก์˜ ๊ด‘๊ณ  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—์„œ ๋‚˜์˜จ ๋ณ„๋„์˜ ๋ฐ์ดํ„ฐ๋Š” ๋ถ€์ธ ๊ฐ€ 13์„ธ์—์„œ 17์„ธ ์‚ฌ์šฉ์ž๋ฅผ ๋Œ€์ƒ์œผ๋กœ ๋ ˆํ‹ฐ๋†€์„ ํƒ€๊ฒŸํŒ…ํ–ˆ์Œ์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ๋ ˆํ‹ฐ๋†€์€ ๊ฐ•๋ ฅํ•œ ๋…ธํ™” ๋ฐฉ์ง€ ์ œํ’ˆ์œผ๋กœ ์–ด๋ฆฐ ํ”ผ๋ถ€์—๋Š” ๊ถŒ์žฅ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋ถ€์ธ ๋Š” "์†Œ์…œ ๋ฏธ๋””์–ด์—์„œ ์—„๊ฒฉํ•œ ์—ฐ๋ น ๊ธฐ๋ฐ˜ ์ œ์–ด๋ฅผ ์ ์šฉํ•˜์—ฌ ๊ด‘๊ณ ๊ฐ€ 18์„ธ ์ด์ƒ ์„ฑ์ธ์—๊ฒŒ๋งŒ ํ‘œ์‹œ๋˜๋„๋ก ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค. 2024๋…„์— ์ด ๊ฒฝ์šฐ ์ธ๊ฐ„์˜ ์‹ค์ˆ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Œ์„ ์ธ์ •ํ•˜์ง€๋งŒ, ์ด๋Š” ๊ณ ๋ฆฝ๋œ ์‚ฌ๋ก€๋ผ๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค"๋ผ๊ณ  ๋ฐํ˜”์Šต๋‹ˆ๋‹ค.

ํ•˜์› ๊ณผํ•™, ํ˜์‹  ๋ฐ ๊ธฐ์ˆ  ์œ„์›ํšŒ ์œ„์›์žฅ ์น˜ ์˜จ์šฐ๋ผํ๋Š” ์ตœ๊ทผ ์†Œ์…œ ๋ฏธ๋””์–ด์—์„œ ์–ด