๋ค์์ CSS ์ฝ๋ ๋ธ๋ก์ผ๋ก, "Guardian Headline Full" ๊ธ๊ผด ํจ๋ฐ๋ฆฌ๋ฅผ ์ ์ํฉ๋๋ค. ์ฌ๋ฌ font-face ๊ท์น์ด ํฌํจ๋์ด ์์ผ๋ฉฐ, ๊ฐ ๊ท์น์ ์๋ก ๋ค๋ฅธ ๊ธ๊ผด ๋๊ป์ ์คํ์ผ์ ์ง์ ํ๊ณ , ๋ค์ํ ํ์(WOFF2, WOFF, TTF)์ ํด๋น ๊ธ๊ผด ํ์ผ์ ์ง์ ํฉ๋๋ค. ๊ธ๊ผด ๋๊ป๋ ๋ผ์ดํธ(300)์์ ์ธ๋ฏธ๋ณผ๋(600)๊น์ง์ด๋ฉฐ, ์ผ๋ฐ ๋ฐ ์ดํค๋ฆญ ์คํ์ผ์ด ๋ชจ๋ ํฌํจ๋ฉ๋๋ค. ๊ธ๊ผด ํ์ผ์ The Guardian์ ์์
์๋ฒ์์ ํธ์คํ
๋ฉ๋๋ค.
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
border-left: 1px solid #dcdcdc; left: -11px;
.content__main-column--interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}
.content__main-column--interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.content__main-column--interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role="inline"].element {
max-width: 620px;
}
}
[data-gu-name="media"]:has(figure.loop) figure.loop figcaption:not(.hidden) {
z-index: 6;
}
[data-gu-name="media"]:has(figure.loop) figure.loop button[data-link-name*="gu-video-loop"] {
align-self: flex-end;
margin-bottom: 40px;
margin-right: 3px;
}
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="unmute-icon"]),
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="mute-icon"]) {
right: 0;
padding-left: 10px;
}
[data-gu-name="media"]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name="media"]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name="media"]:has(figure.cinemagraph) .cinemagraph > div {
max-height: unset;
}
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] {
width: 100%;
max-width: 620px;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, 0.72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature));
}
:root:root {
--subheading-text: var(--secondary-pillar);
--pullquote-text: var(--secondary-pillar);
--pullquote-icon: var(--secondary-pillar);
--block-quote-text: var(--article-text);
}
:root:root blockquote {
--block-quote-fill: var(--secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme="light"]) {
--subheading-text: var(--darkmode-pillar);
--pullquote-text: var(--darkmode-pillar);
--pullquote-icon: var(--darkmode-pillar);
}
:root:root:not([data-color-scheme="light"]) blockquote {
--block-quote-fill: var(--darkmode-pillar);
}
}
.content__main-column--interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
.content__main-column--interactive .element-atom:first-of-type + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + #sign-in-gate + p:first-of-type,
.content__main-column--interactive hr:not(.last-horizontal-rule) + p,
.content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p,
#article-body > div .element-atom:first-of-type + p {
/ ์ฌ๊ธฐ์ ์ง์ ๋ ์คํ์ผ ์์ /
}
๋ค์์ ์ ์ฐฝํ๊ณ ์์ฐ์ค๋ฌ์ด ํ๊ตญ์ด๋ก ๋ค์ ์ด ํ
์คํธ์
๋๋ค:
๊ธฐ์ฌ ๋ณธ๋ฌธ์์ ์ฒซ ๋ฒ์งธ ์๋ฒ ๋ ์์ ๋ค์ ๋ํ๋๋ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ, ๋๋ ๋ง์ง๋ง์ด ์๋ ๊ฐ๋ก ๊ตฌ๋ถ์ ๋ค์ ๋ํ๋๋ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ, ๋๋ ๊ด๊ณ ์ฌ๋กฏ ์ปจํ
์ด๋ ๋ค์ ๋ํ๋๋ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ์ ์ ํํฉ๋๋ค. ์ด๋ ํ์ด์ง์ ๋ค์ํ ์น์
(๊ธฐ์ฌ ๋ณธ๋ฌธ, ์ธํฐ๋ํฐ๋ธ ์ฝํ
์ธ , ๋๊ธ ์น์
, ํน์ง ์น์
)์ ์ ์ฉ๋ฉ๋๋ค. ๋ํ ์ ํ๋ ๋จ๋ฝ์ ์์ชฝ ํจ๋ฉ 14ํฝ์
์ ์ ์ฉํฉ๋๋ค. ์ถ๊ฐ๋ก, ์ธํฐ๋ํฐ๋ธ ๋ฉ์ธ ์ปฌ๋ผ์ ๊ฒฝ์ฐ ์ฒซ ๋ฒ์งธ ์๋ฒ ๋ ์์ ๋๋ ์์ ํ์ง ์์ ์๋ฒ ๋ ๊ตฌ์ฑ ์์๋ฅผ ํฌํจํ๋ figure ๋ค์ ์ค๋ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ์ ์ฒซ ๊ธ์๋ฅผ ๋๋กญ ์บก ์คํ์ผ๋ก ์ง์ ํฉ๋๋ค.
์ด ํ
์คํธ๋ CSS ์ ํ์ ๋ชฉ๋ก์ผ๋ก ๋ณด์ด๋ฉฐ, ์์ฐ์ด ๋ฌธ๋จ์ด ์๋๋๋ค. ๋ค์ ์ธ ๋ฌธ์ฅ์ด๋ ์๋ฏธ๊ฐ ํฌํจ๋์ด ์์ง ์์ต๋๋ค. ์ค์ ๋ฌธ์ฅ์ด๋ ๋ฌธ๋จ์ด ํฌํจ๋ ํ
์คํธ๋ฅผ ์ ๊ณตํด ์ฃผ์๋ฉด ๋ค์ ํํํด ๋๋ฆฌ๊ฒ ์ต๋๋ค.
์ด๊ฒ์ CSS ์ฝ๋ ๋ธ๋ก์ผ๋ก, ์์ฐ์ค๋ฌ์ด ์์ด๋ก ๋ค์ ์ธ ํ
์คํธ๊ฐ ์๋๋๋ค. ์น์ฌ์ดํธ(์๋ง The Guardian)์ ์ ํ์์ ์คํ์ผ ๊ท์น์ด ํฌํจ๋์ด ์์ต๋๋ค. ์ํ์๋ฉด ์ด ์ฝ๋๊ฐ ๋ฌด์์ ํ๋์ง ํ์ดํ ์์ด๋ก ์ค๋ช
ํด ๋๋ฆฌ๊ฑฐ๋ ๋ค๋ฅธ ๋์์ ๋๋ฆด ์ ์์ต๋๋ค. ์ด๋ป๊ฒ ๋์๋๋ฆด์ง ์๋ ค์ฃผ์ธ์!
๋ค์์ ์ ์ฐฝํ๊ณ ์์ฐ์ค๋ฌ์ด ํ๊ตญ์ด๋ก ๋ค์ ์ด ํ
์คํธ์
๋๋ค:
๋๋น๊ฐ 46.24em๋ณด๋ค ์์ง๋ง ์ต์ 30em ์ด์์ธ ํ๋ฉด์์๋ ๋ชฐ์
ํ ์์์ ์ผ์ชฝ ์ฌ๋ฐฑ์ -20px๋ก ์ค์ ํ๊ณ , ํด๋น ์บก์
์ ์์ชฝ์ 20px์ ํจ๋ฉ์ ์ ์ฉํฉ๋๋ค.
71.25em๋ณด๋ค ๋์ ํ๋ฉด์์๋ ๋ณธ๋ฌธ ๋๋ ์ธํฐ๋ํฐ๋ธ ๋ฉ์ธ ์ปฌ๋ผ์ ์ผ์ผ์ด์ค ์์์ ์ผ์ชฝ ์ฌ๋ฐฑ์ -160px๋ก ์ค์ ํฉ๋๋ค. 81.25em๋ณด๋ค ๋์ ํ๋ฉด์์๋ ์ด ์ฌ๋ฐฑ์ด -240px๋ก ์ฆ๊ฐํฉ๋๋ค.
ํผ๋์ฒ ๋ํผ๋ ์๋์ ์ผ๋ก ์์น๊ฐ ์ง์ ๋ฉ๋๋ค. ์ต์ 61.25em ๋๋น์ ํ๋ฉด์์๋ 20px ์ด ๊ฐ๊ฒฉ๊ณผ ํ ๊ฐ๊ฒฉ ์์ด ๊ทธ๋ฆฌ๋๊ฐ ๋ฉ๋๋ค. ๊ทธ๋ฆฌ๋์๋ ์ ๋ชฉ, ํค๋๋ผ์ธ, ๋ฉํ, ์คํ ๋ํผ์คํธ๋ฅผ ์ํ 5๊ฐ์ ์ด๊ณผ ์ด์ํ๋ฅผ ์ํ 5๊ฐ์ ์ด์ด ์์ต๋๋ค. ํ์ ์ ๋ชฉ์ด 0.25fr, ํค๋๋ผ์ธ์ด 1fr, ์คํ ๋ํผ์คํธ๊ฐ 0.75fr, ๋ฉํ๊ฐ auto ํฌ๊ธฐ๋ฅผ ์ฐจ์งํ๋๋ก ๊ตฌ์ฑ๋๋ฉฐ, ์ด์ํ๋ ๋ชจ๋ ํ์ ๊ฑธ์ณ ์์ต๋๋ค.
์ด ๋ ์ด์์์์ ํค๋๋ผ์ธ ์น์
์ ์ฒซ ๋ฒ์งธ ์์ ์์์๋ ์์ชฝ ํ
๋๋ฆฌ๊ฐ ์ ์ฉ๋ฉ๋๋ค. ๋ฉํ ์น์
์ ์๋์ ์ผ๋ก ์์น๊ฐ ์ง์ ๋๊ณ ์์ ์์ชฝ ํจ๋ฉ๊ณผ ์ค๋ฅธ์ชฝ ์ฌ๋ฐฑ ์์์ด ์ ์ฉ๋ฉ๋๋ค. ์คํ ๋ํผ์คํธ์ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ์๋ ์๋์ชฝ ์ฌ๋ฐฑ 4px๊ฐ ์์ผ๋ฉฐ, ๋ชฉ๋ก ํญ๋ชฉ์ 20px ๊ธ๊ผด ํฌ๊ธฐ์
๋๋ค. ์คํ ๋ํผ์คํธ์ ๋งํฌ์๋ ์๋์ชฝ ํ
๋๋ฆฌ๋ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๊ฐ ์์ง๋ง, 6px ์คํ์
, 1px ๋๊ป, ๋ฐ์ ํ์์ ๋ฐ์ค์ด ์ ์ฉ๋ฉ๋๋ค. ํธ๋ฒ ์ ๋ฐ์ค ์์์ด ํ๋ฌ ์์์ผ๋ก ๋ณ๊ฒฝ๋ฉ๋๋ค. ์คํ ๋ํผ์คํธ์ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ์๋ ์์ชฝ ํ
๋๋ฆฌ๊ฐ ์๊ณ ์๋์ชฝ ํจ๋ฉ์ ์์ต๋๋ค.
์ต์ 71.25em ๋๋น์ ํ๋ฉด์์๋ ๊ทธ๋ฆฌ๋๊ฐ ์ ๋ชฉ, ํค๋๋ผ์ธ, ๋ฉํ๋ฅผ ์ํ 2๊ฐ์ ์ด, ์คํ ๋ํผ์คํธ๋ฅผ ์ํ 5๊ฐ์ ์ด, ์ด์ํ๋ฅผ ์ํ 7๊ฐ์ ์ด๋ก ํ์ฅ๋ฉ๋๋ค. ํ์ ์ ๋ชฉ์ด 80px, ํค๋๋ผ์ธ์ด auto, ์คํ ๋ํผ์คํธ์ ๋ฉํ๊ฐ auto๋ก ์ค์ ๋ฉ๋๋ค. ๋ฉํ ์น์
์๋ 540px ๋๋น, 1px ๋์ด์ ์์ชฝ ํ
๋๋ฆฌ๊ฐ ์ ์ฉ๋ฉ๋๋ค. ์คํ ๋ํผ์คํธ์ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ์ ์์ชฝ ํ
๋๋ฆฌ๊ฐ ์ฌ๋ผ์ง๊ณ ๋์ 1px ๋๋น์ ์ธ๋ก์ ์ด ์์ ์ถ๊ฐ๋ฉ๋๋ค.
ํผ๋์ฒ ๋ํผ์ figure์๋ ์ผ์ชฝ ์ฌ๋ฐฑ์ด ์์ผ๋ฉฐ, ์ธ๋ผ์ธ figure๋ 630px ๋๋น๋ก ์ ํ๋ฉ๋๋ค.
;height:100%;position:absolute;top:0;left:.5px}}@media (min-width: 81.25em){.furniture-wrapper{grid-template-columns:[title-start headline-start meta-start] repeat(3,1fr) [meta-end standfirst-start] repeat(5,1fr) [title-end headline-end standfirst-end portrait-start] repeat(8,1fr) [portrait-end];grid-template-rows:[title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]}.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{width:620px}.furniture-wrapper .standfirst:before,.furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media
์ต์ 30em ๋๋น์ ํ๋ฉด์์๋ ํผ๋์ฒ ๋ํผ ๋ด๋ถ์ ์บก์
๋ฒํผ์ด ์ค๋ฅธ์ชฝ์์ 10px ์์น์ ๋ฐฐ์น๋ฉ๋๋ค. 71.25em ์ด์์ ํ๋ฉด์์๋ ์ธํฐ๋ํฐ๋ธ ๋ฉ์ธ ์ปฌ๋ผ์ ์์ชฝ ํ
๋๋ฆฌ๊ฐ 12px ์๋ก ์ด๋ํ๊ณ ๋์ด๊ฐ 24px ํ์ฅ๋ฉ๋๋ค. ๋ฉ์ธ ์ปฌ๋ผ์ ์ ๋ชฉ์ ์ต๋ ๋๋น 620px๋ก ์ ํ๋ฉ๋๋ค.
๋คํฌ ๋ชจ๋(์์คํ
์ด ๋คํฌ ๋ชจ๋๋ฅผ ์ ํธํ๊ณ ๋ฐ์ ์์ ๊ตฌ์ฑํ๊ฐ ๋ช
์์ ์ผ๋ก ์ค์ ๋์ง ์์ ๊ฒฝ์ฐ)์์๋ ์ฌ๋ฌ ํ
์คํธ ๋ฐ ๋งํฌ ์์์ด ์กฐ์ ๋ฉ๋๋ค: ํ๋ก์ฐ ํ
์คํธ, ์คํ ๋ํผ์คํธ ํ
์คํธ, ๋ฐ์ด๋ผ์ธ์ ๋ฐ์ ํ์(#dcdcdc)์ ์ฌ์ฉํ๊ณ , ์คํ ๋ํผ์คํธ ๋งํฌ์ ๋ฐ์ด๋ผ์ธ์ ๋คํฌ ๋ชจ๋ ํ๋ฌ ์์์ ์ฌ์ฉํฉ๋๋ค. ํ๋ฌ ์์์ ์ ์ญ์ ์ผ๋ก ์ ์๋ฉ๋๋ค: ๊ธฐ๋ณธ ํ๋ฌ๋ 400 ์์์, ๋ณด์กฐ ํ๋ฌ๋ 200์, ๋คํฌ ๋ชจ๋ ํ๋ฌ๋ 500์ ์ฌ์ฉ๋ฉ๋๋ค. ํค๋ ํ
๋๋ฆฌ๋ ์ค๊ฐ ํ์(#606060)์ผ๋ก ์ค์ ๋๊ณ , ๋ธ๋ก ์ธ์ฉ ํ
์คํธ๋ ๋ฐ์ ํ์์
๋๋ค.
๋ธ๋ก ์ธ์ฉ์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ํน๋ณํ ์ฑ์ฐ๊ธฐ๊ฐ ์์ต๋๋ค. ์ธํฐ๋ํฐ๋ธ ๋ฉ์ธ ์ปฌ๋ผ์ ์์ชฝ ํ
๋๋ฆฌ๋ ๋์ผํ ์ค๊ฐ ํ์์ ์ฌ์ฉํฉ๋๋ค. figure ์บก์
๊ณผ ๊ทธ span์ ์บก์
ํ
์คํธ ์์์ ์ฌ์ฉํ๋ฉฐ, ํจ๋ฉ์ ์์ชฝ 4px, ์ค๋ฅธ์ชฝ 42px, ์๋์ชฝ 12px, ์ผ์ชฝ 10px์
๋๋ค. ์คํ ๋ํผ์คํธ ๋งํฌ์๋ ๋ฐ์ค์ด ์์ง๋ง ์คํ ๋ํผ์คํธ ๋งํฌ ํ
๋๋ฆฌ ์์์ ์๋์ชฝ ํ
๋๋ฆฌ๊ฐ ์์ต๋๋ค. ๋ชฐ์
ํ ์์๋ ์ ์ฒด ๋๋น๋ฅผ ์ฐจ์งํฉ๋๋ค. ์บก์
๋จ๋ฝ์ ์บก์
ํ
์คํธ ์์์ ์ฌ์ฉํฉ๋๋ค. figure ์บก์
์ ์ ์ฒด ๋๋น์ ๊ฑธ์ณ ์์ต๋๋ค. 61.25em ์ด์์ ํ๋ฉด์์๋ ๋ฏธ๋์ด ์์์ ์๋์ชฝ ์ฌ๋ฐฑ์ด ์์ผ๋ฉฐ ๋ด๋ถ div์๋ ์๋์ชฝ ์ฌ๋ฐฑ์ด ์๊ณ ๋์ด๋ฅผ ์ฑ์๋๋ค. figure์๋ ์ฌ๋ฐฑ์ด ์๊ณ ๋ฐฐ๊ฒฝ์ด ํฌ๋ช
ํฉ๋๋ค.
๊ธฐ์ฌ์ ๋ํ CSS ๋ณ์ ์ธํธ๊ฐ ์ ์๋ฉ๋๋ค: ํ๋ฌ 500 ํธ๋ฒ ์์์ ํ๋ฌ 500 90%์ ์ด๋์ด ํ์(#1a1a1a) 10%์ ํผํฉ์
๋๋ค. ๊ธฐ์ฌ ๋ฐฐ๊ฒฝ, ํธ์ง ๋ฒํผ ํ
์คํธ, ํ์ธ์ฉ ๋ฐฐ๊ฒฝ, ๊ณต์ ๋ฒํผ ํธ๋ฒ, ํ์ ๋ฉํ ๋ฐฐ๊ฒฝ, ํ์ ๋ฉํ ํ
์คํธ ํธ๋ฒ๋ ๋ชจ๋ ์ด๋์ด ํ์์
๋๋ค. ํ
๋๋ฆฌ์ ์ (๊ธฐ์ฌ ํ
๋๋ฆฌ, ๋งํฌ ํ
๋๋ฆฌ, ๋ฉํ ์ , ๊ณต์ ๋ฒํผ ํ
๋๋ฆฌ, ์คํ ๋ํผ์คํธ ๋งํฌ ํ
๋๋ฆฌ, ์ง์ , ํ์ธ์ฉ ํ
๋๋ฆฌ)์ ์ค๊ฐ ํ์์
๋๋ค. ์บก์
ํ
์คํธ๋ ๋ ๋ฐ์ ํ์(#999999)์
๋๋ค. ๋ธ๋ก ์ธ์ฉ ํ
์คํธ, ๋ ์ง์ , ํ๋ก์ฐ ํ
์คํธ, ํค๋๋ผ์ธ, ๋ชจ๋ฐ์ผ ์์, ์คํ ๋ํผ์คํธ ํ
์คํธ, ํ์ ๋ฉํ ๋ ์ด๋ธ ํ
์คํธ, ํ์ ๋ฉํ ํ
์คํธ, ํ
์คํธ ๋ธ๋ก ํ
์คํธ๋ ๋ชจ๋ ๋ฐ์ ํ์(#dcdcdc)์
๋๋ค. ํธ๋ฒ ์ ๋งํฌ ํ
๋๋ฆฌ, ๋งํฌ ํ
์คํธ, ๋ฐ์ด๋ผ์ธ ์ต์ปค, ํธ์ง ๋ฒํผ ๋ฐฐ๊ฒฝ, ์๋ฆฌ์ฆ ์ ๋ชฉ, ๊ณต์ ๋ฒํผ, ์คํ ๋ํผ์คํธ ๋งํฌ, ๋ฐ์ด๋ผ์ธ, ๋๋กญ ์บก, ํ๋ก์ฐ ์์ด์ฝ, ํ์ธ์ฉ ์์ด์ฝ ๋ฐ ํ
์คํธ, ์์ ๋ชฉ, ํ
์คํธ ๋ธ๋ก ๊ธ๋จธ๋ฆฌ ๊ธฐํธ๋ ๋ชจ๋ ํ๋ฌ 500 ์์(๊ธฐ๋ณธ๊ฐ์ ๋ฐ์ ํ์)์ ์ฌ์ฉํฉ๋๋ค. ๊ธฐ์ฌ ํ
์คํธ๋ ๋ฐ์ ํ์์
๋๋ค. ์คํ ๋ํผ์คํธ ๋งํฌ ํธ๋ฒ ์ ํ
๋๋ฆฌ์ ํ๋ฌ 500 ์์์ ์ฌ์ฉํฉ๋๋ค. ๋ธ๋ก ์ธ์ฉ์ ์ฑ์ฐ๊ธฐ์ ํ๋ฌ 500 ์์์ ์ฌ์ฉํฉ๋๋ค. ๋ฆฌ์น ๋งํฌ ๊ตฌ์ฑ ์์๋ ์ด๋์ด ํ์ ๋ฐฐ๊ฒฝ, ํธ๋ฒ ์ ์ฝ๊ฐ ๋ ๋ฐ์ ํ์, ๋ฐ์ ํ์ ํค๋, ํ
์คํธ์ ์ฑ์ฐ๊ธฐ์ ํ๋ฌ 500์ ์ฌ์ฉํฉ๋๋ค. ๊ฐ๋ก ๊ตฌ๋ถ์ ์ ๊ธฐ์ฌ ํ
๋๋ฆฌ ์์์ ์ฌ์ฉํฉ๋๋ค.
๋คํฌ ๋ชจ๋์์๋ ๊ธฐ์ฌ ๋งํฌ ํ
์คํธ, ๋ฐ์ด๋ผ์ธ, ์คํ ๋ํผ์คํธ ๋งํฌ ํ
์คํธ๊ฐ ํ๋ฌ 500 ์์์ ์ฌ์ฉํ๊ณ , ๋งํฌ ํ
์คํธ ํธ๋ฒ ์ ํ๋ฌ 500 ํธ๋ฒ ์์์ ์ฌ์ฉํฉ๋๋ค. ์คํ ๋ํผ์คํธ ํ
์คํธ๋ ๋ฐ์ ํ์์ด๊ณ , ํ
์คํธ ๋ธ๋ก ๊ธ๋จธ๋ฆฌ ๊ธฐํธ๋ ํ๋ฌ 500 ์์์ ์ฌ์ฉํฉ๋๋ค. ์คํฌ๋กค ํดํ์๋ ์๋์ชฝ์ด ์ด๋์ด ์์์ ์์ชฝ์ด ํฌ๋ช
ํ ๊ทธ๋ผ๋ฐ์ด์
๋ฐฐ๊ฒฝ๊ณผ ๋ฐ์ ํ์ ํ
์คํธ๊ฐ ์์ผ๋ฉฐ, SVG ๊ฒฝ๋ก๋ ๊ทธ์ ๋ฐ๋ผ ์คํ์ผ์ด ์ง์ ๋ฉ๋๋ค.
fill:#1a1a1a;stroke:#999}.scroll-tooltip.extra-help{background:#000c}.sticky-captions{background-color:#1a1a1a}:root:root{--table-of-contents: #dcdcdc;--table-of-contents-border: var(--headerBorder);--expandable-atom-background: #333333}@media (min-width: 46.25em){[data-gu-name=body] [name=TableOfContents] details{border-left:1px solid var(--headerBorder);max-width:620px;margin-top:0;margin-bottom:0;padding-left:10px;padding-top:20px}}@media (min-width: 71.25em){[data-gu-name=body] [name=TableOfContents] details{margin-left:150px}}@media (min-width: 81.25em){[data-gu-name=body] [name=TableOfContents] details{margin-left:229px}}
ํํด์ ํ์ฌ ์คํ์ธ ๋์ ์ธ์ฐํ์ ์์ ์บ ํ์์ ๋ง์ฐํ ์ํ๋ก ์ง๋ด๋ ์ญ๋ ์๋
์ค ํ ๋ช
์ผ๋ก, ๊ทธ๋
๊ฐ ํ๊ต์ ๋ค๋์ง ๋ชปํ๊ฒ ๋๋ฉด์ ๋ชจ๋ก์ฝ์ ์ง์ ๋ ๋๊ธฐ๋ก ํ ๊ฒฐ์ ์ด ๊ตฌ์ฒดํ๋๊ธฐ ์์ํ์ต๋๋ค. ๊ทธ๋
๋ ๊ณ์ ๊ณต๋ถํ๊ณ ์ถ๋ค๊ณ ๋งํ์ง๋ง, ์ง์์๋ ๋์ ์ง์์ผ์ ๋งก์์ผ ํ์ต๋๋ค. ์์
๊ณผ ํ์ต์ด ๊ฐ์ฌ ๋
ธ๋์ผ๋ก ๋ฐ๋๋ฉด์ ๊ทธ๋
๊ฐ ์์ํ๋ ๋ฏธ๋๋ ์ ์ ๋ ์์ ๋ฟ์ง ์๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๊ธฐ ์์ํ์ต๋๋ค.
ํํด์ ๊ฐ๋์ธ๊ณผ ๊ณผ๊ฑฐ์ ๋ฏธ๋์ ๋ํ ๊ฐ์ ์ ๊ณต์ ํ 29๋ช
์ ์๋
์ค ํ ๋ช
์ด์์ต๋๋ค. ๊ทธ๋ค ๋ชจ๋๋ 7์ ๋ง ๋ชจ๋ก์ฝ์์ ๋๊ท๋ชจ ๊ตญ๊ฒฝ ํก๋จ์ ์ฐธ์ฌํ์ผ๋ฉฐ, ์ด๋ ์ ์ธ๊ณ์ ์ผ๋ก ํค๋๋ผ์ธ์ ์ฅ์ํ์ต๋๋ค. ๊ฑฐ์ ํ ๋ฌ์ด ์ง๋ ์ง๊ธ, ์๋
๋ค์ ์ธ์ฐํ์์ ๊ฐ์ฅ ๋น๊ณคํ ์ง์ญ ์ค ํ๋์ธ ์ ํ๋ฆฐ์ํ์ ์์ ์ ์ฐฉ์ง์์ ์ ์ ์๋ ์๋ฐฑ ๋ช
์ ์ ์ ๋ชจ๋ก์ฝ์ธ ์ค ์ผ๋ถ์ด๋ฉฐ, ์คํ์ธ์ ๋จธ๋ฌผ ์ ์์์ง ์๋๋ฉด ๋ชจ๋ก์ฝ๋ก ์กํ๋ ์ง ํ์ ํ์ง ๋ชปํ๊ณ ์์ต๋๋ค.
์ ์ฒด ํ๋ฉด์ผ๋ก ์ด๋ฏธ์ง ๋ณด๊ธฐ
์ด๋ง, 17์ธ. "์ ๋ ์ ์ธ์์ ๋ฐ๊พธ๊ณ ์ถ์ต๋๋ค. ์ ๋ ๋ชจ๋ก์ฝ ์ถ์ ์ 17์ธ ์๋
์
๋๋ค. ์ ๋ ์คํ์ธ์ ์ ๋ง ์ข์ํ๊ณ ์ฌ๊ธฐ์ ์ผํ๊ณ ์ถ์ต๋๋ค. ๋ฏธ๋์๋ ์
ฐํ๊ฐ ๋๊ณ ์ถ์ต๋๋ค." ์ฌ์ง: ์๋ผ์ผ ์์ด๋ฐ๋ฅด ๋ผํธ
์ ์ฒด ํ๋ฉด์ผ๋ก ์ด๋ฏธ์ง ๋ณด๊ธฐ
์์ํ๋ฅด, 16์ธ. "์ ๋ ์ด๊ณณ์์ ๋ณดํธ๋ฐ๊ณ ์๊ธฐ ๋๋ฌธ์ ์ด๊ณณ์ด ํธ์ํฉ๋๋ค. ์ด๊ฒ์ ์ฐ๋ฆฌ ๋๋ผ์์ ๋ถ์กฑํ ๊ฒ์
๋๋ค. ์ฐ๋ฆฌ๋ ์ฌ๋ฆฌ์ ์ธ ๋ฌธ์ ๋ฅผ ํฌํจํ ๋ชจ๋ ์ข
๋ฅ์ ๋ฌธ์ ๋ฅผ ๊ฒช๊ณ ์์ต๋๋ค. ์ ๋ ๊ฑด๊ฐํ๊ณ ์์ ์ ์ธ ์ถ์ ์ด๊ณ ์ถ์ต๋๋ค. ๋ชจ๋ ๊ฟ์ ์ด๋ฃจ๊ณ ์ข์ ๋ฏธ๋์ ์์ ์ผ๋ก ๊ฐ๋ ์ฐฌ ์ถ์ ์ด๊ธฐ๋ฅผ ๋ฐ๋๋๋ค. ์ ๋ ์ถ๊ตฌ๋ฅผ ์ฌ๋ํฉ๋๋ค. ์ ๋ ๋ ์ ๋ง๋๋ฆฌ๋์ ์ด๋ ฌํ ํฌ์ด์ ํธ๋ ๋์ ์ด๋ ฌํ ํฌ์ด๊ธฐ๋ ํฉ๋๋ค." ์ฌ์ง: ์๋ผ์ผ ์์ด๋ฐ๋ฅด ๋ผํธ
์ ์ฒด ํ๋ฉด์ผ๋ก ์ด๋ฏธ์ง ๋ณด๊ธฐ
๋ง๋ผํฌ, 17์ธ. "์ ๊ฟ์ ์ ๋ณด ๊ธฐ๊ด์์ ์ผํ๋ ๊ฒ์
๋๋ค. ์ด๋ฆฐ ์์ ๋ถํฐ ์ํ๋ ์ผ์
๋๋ค. ๋ชจ๋ก์ฝ์์๋ ์คํ๊ต ์ด๋ฐ๊น์ง๋ง ๊ณต๋ถํ ์ ์์์ต๋๋ค. ์ง์ ๋ง์ ๋ฌธ์ ๊ฐ ์์๊ณ ๊ต์ก์ ๊ณ์ํ ์ ์์์ต๋๋ค. ๊ฟ์ ์ด๋ฃจ๊ธฐ ์ํด ์คํ์ธ์ ์์ต๋๋ค. ์ ๋ ์ด๋ ค์ด ์ํฉ์ ๊ฒช์๊ณ ๋ถ๋ชจ ์์ด ์ด์์ต๋๋ค. ๋ถ๋ชจ์ ์ ์ ์ ์ ๋๋ก ๋๊ปด๋ณธ ์ ์ด ์์ต๋๋ค." ์ฌ์ง: ์๋ผ์ผ ์์ด๋ฐ๋ฅด ๋ผํธ
์ ์ฒด ํ๋ฉด์ผ๋ก ์ด๋ฏธ์ง ๋ณด๊ธฐ
๋๋, 17์ธ. "์ ๊ฟ์ ์ธ๊ณ์์ ๊ฐ์ฅ ์ ๋ช
ํ ์ถ๊ตฌ ์ ์ ์ค ํ ๋ช
์ด ๋๋ ๊ฒ์
๋๋ค. ์ถ๊ตฌ๋ ์ ์๊ฒ ๋จ์ํ ๊ฒ์์ด ์๋์์ต๋๋ค. ๊ทธ๊ฒ์ ์ ์ธ์์ด์ ์ด์ ์ด๋ฉฐ, ๋ชจ๋ ๊ฒ์ ๋ค๋กํ๊ณ ์ค์ค๋ก์๊ฒ ๊ธฐํ๋ฅผ ์ฃผ๊ธฐ๋ก ๊ฒฐ์ ํ ๊ฟ์
๋๋ค. ์ ๋ ๊ฐ์ฅ ์ด๋ ค์ด ๊ฒฐ์ ์ ๋ด๋ ค์ผ ํ์ต๋๋ค: ์คํ์ธ์ผ๋ก ๋ ๋๋ ๊ฒ์ด์์ต๋๋ค. ์ฌ๊ธฐ๊น์ง ์ค๋ ์ฌ์ ์ ์ฝ์ง ์์์ต๋๋ค. ๊ณ ํต, ๋๋ ค์, ํ์ง์ผ๋ก ๊ฐ๋ ์ฐจ ์์๊ณ ๋๋ก๋ ์ ๋ฅผ ๊ฑฐ์ ์๋ํ ๋ปํ์ต๋๋ค. ํ์ง๋ง ๋ชจ๋ ๊ฑธ์๋ง๋ค ๋ ๋์ ๋ฏธ๋์ ๋ํ ํฌ๋ง๊ณผ ์ถ๊ตฌ์ ๋ํ ์ด์ ์ด ์ ๋ฅผ ๊ณ์ ๋์๊ฐ๊ฒ ํ์ต๋๋ค. ์ค๋ ์ ๋ ์คํ์ธ์ ์์ผ๋ฉฐ ๊ทธ ๋ชฉํ๋ฅผ ์ด๋ฃจ๊ธฐ ์ํด ๋งค์ผ ์ธ์ฐ๊ณ ์์ต๋๋ค. ํ์ง๋ง ์ฌ๊ธฐ์ ์์์๋ ๋ถ๊ตฌํ๊ณ ๊ทธ ๊ฑฐ๋ฆฌ๋ ์ ์๊ฒ ๋ฌด๊ฒ๊ฒ ๋๊ปด์ง๋๋ค. ์ด๋จธ๋์ ์ฌ๋์์ด ๊ทธ๋ฆฌ์์ง์ง ์๋ ๋ ์ด ๋จ ํ๋ฃจ๋ ์์ต๋๋ค..." ์ฌ์ง: ์๋ผ์ผ ์์ด๋ฐ๋ฅด ๋ผํธ
์๋์ด์ ๋ค๋ฆฌ์์ด, ์คํ์ธ์ด, ํ๋์ค์ด, ์์ด๋ก ์๊ฐ์ ๊ณต์ ํ ์๋
๋ค์๊ฒ์ ๊ฐ์ ์ด๋ง์ด ๋ฐ๋ณตํด์ ๋ํ๋ฉ๋๋ค: ๊ต์ก์ ๋ง์น๊ณ , ์ผํ๊ณ , ์์ ์ ๋์ ๋ฒ๊ณ , ์ฑ์ธ์ผ๋ก์์ ์ถ์ ํ์ฑํ ๊ฒฐ์ ์ ๋ ๋ง์ ๋ฐ์ธ๊ถ์ ๊ฐ๋ ๊ฒ์
๋๋ค. ๋ง์ ์ฌ๋๋ค์ด ์ง์
์ ๋ํด ์ผ์ต๋๋ค. ํ ๋ช
์ ๊ฐํธ์ฌ๊ฐ ๋๊ณ ์ถ๋ค๊ณ ํ์ต๋๋ค. ๋ ๋ค๋ฅธ ํ ๋ช
์ ์ฌ๋ฆฌํ์. ๋ค๋ฅธ ์ฌ๋๋ค์ ์
ฐํ, ์ถ๊ตฌ ์ ์ ๋๋ ์คํฌ์ธ ํธ๋ ์ด๋๊ฐ ๋๋ ๊ฒ์ ์์ํ์ต๋๋ค.
์ด๋ค ์ด๋ค์ ์คํ์ธ์์ ์ฑ๊ณตํ๋ฉด ๋ถ๋ชจ๋์ ์ฌ์ ์ ์ผ๋ก ๋์ธ ์ ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค. ๋ค๋ฅธ ์ฌ๋๋ค์ ๊ฐ์ ๋ด ๊ฐ๋ฑ, ์ค๋จ๋ ํ์
๋๋ ์ ํ์ ์ค๋ช
ํฉ๋๋ค. ๊ทธ๋ค์ ๋ฐ์๋ค์ด๊ณ ์ถ์ง ์์์ต๋๋ค. ์ด๋ฌํ ๋ํ๋ฅผ ๋ฌถ๋ ๊ณตํต์ ์ ๋ชจ๋ก์ฝ์ ๋ํ ๊ฑฐ๋ถ๊ฐ๋ณด๋ค๋ ๋ค์์ ์ผ์ด๋ ์ผ์ ๋ํด ๋ ๋ง์ ๋ฐ์ธ๊ถ์ ๊ฐ๊ณ ์ถ์ ๋ฐ๋์
๋๋ค.
๋ง๋ผํฌ(17์ธ)