@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:@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}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;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-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;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-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){CSS ๊ท์น์ ํ
๋๋ฆฌ, ๊ฐ๊ฒฉ, ๋ฏธ๋์ด ์์๋ฅผ ํฌํจํ ์ธํฐ๋ํฐ๋ธ ๊ธฐ์ฌ ๋ ์ด์์์ ์คํ์ผ์ ์ ์ํฉ๋๋ค. ๋ฐ์ํ ์ค๋จ์ , ๋น๋์ค ํผ๊ท์ด, ์บก์
, ๋คํฌ ๋ชจ๋ ์์ ์ฒด๊ณ๋ฅผ ์ฒ๋ฆฌํฉ๋๋ค. ์คํ์ผ์ ๋ํ ๋ฉ์ธ ์ฝํ
์ธ ์ด ๋ด์ ์ํฐ ์์, ์ํ์ , ๋จ๋ฝ์ ๋ํ ํจ๋ฉ๊ณผ ๋ง์ง์ ์กฐ์ ํฉ๋๋ค.์ ๊ณตํ์ ํ
์คํธ๋ ์ฐ๋ฌธ์ด ์๋ CSS ์ฝ๋์ด๋ฏ๋ก ์ฌ์์ฑํ ์์ฐ์ค๋ฌ์ด ์์ด๊ฐ ์์ต๋๋ค. ์ด๋ ํน์ ์์(์: ์ฒซ ๋ฒ์งธ ์ํฐ ์์, ๋ก๊ทธ์ธ ๊ฒ์ดํธ, ์ํ์ ) ๋ค์ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ์ 14px์ ์๋จ ํจ๋ฉ๊ณผ ๋๋กญ์บก ์คํ์ผ์ ์ ์ฉํ๋ ์ ํ์ ์งํฉ์ผ๋ก, ๊ธฐ์ฌ ๋ณธ๋ฌธ, ๋๊ธ ๋ณธ๋ฌธ, ํผ์ฒ ๋ณธ๋ฌธ ๋ฑ ๋ค์ํ ์ปจํ
์ด๋ ๋ด์์ ์ ์ฉ๋ฉ๋๋ค.์ ๋ ๊ทธ๊ฒ์ ์ ์ฐฝํ ์์ด ์ฐ๋ฌธ์ผ๋ก ์ฌ์์ฑํ ์ ์์ต๋๋คโ๊ทธ๊ฒ์ ์์ฐ์ด ํ
์คํธ๊ฐ ์๋ CSS ์ฝ๋ ๋ธ๋ก(์ ํ์, ์์ฑ, ๋ฏธ๋์ด ์ฟผ๋ฆฌ)์
๋๋ค. ๊ทธ ๊ธฐ๋ฅ์ ํ๊ดดํ์ง ์๊ณ ๋ ๋ฌธ์ฅ์ผ๋ก ๋ณํํ ์๋ฏธ ์๋ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค.
๋ค๋ฅธ ๊ธ์ ๋ถ์ฌ๋ฃ์ผ๋ ค๋ ๊ฒ์ด๋ผ๋ฉด, ๊ณต์ ํด ์ฃผ์๋ฉด ์ฌ์์ฑํด ๋๋ฆฌ๊ฒ ์ต๋๋ค.์ด CSS ์ฝ๋๋ ๊ธฐ์ฌ ํค๋, ํค๋๋ผ์ธ, ๋ฉํ๋ฐ์ดํฐ, ์คํ ๋ํผ์คํธ, ์ด์ํ์ ๋ํ ๋ฐ์ํ ๋ ์ด์์์ ์ ์ํฉ๋๋ค. CSS Grid๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์ํ ํ๋ฉด ํฌ๊ธฐ์ ๊ฑธ์ณ ์ด๋ฌํ ์์๋ฅผ ๋ฐฐ์ดํ๋ฉฐ, ์ค๋จ์ ์ 61.25em, 71.25em, 81.25em์
๋๋ค. ๋ ์ด์์์ ์ด๊ณผ ํ ๊ตฌ์กฐ๋ฅผ ์กฐ์ ํ๊ณ , ํ
๋๋ฆฌ๋ฅผ ์ถ๊ฐํ๋ฉฐ, ๋งํฌ์ ํผ๊ท์ด๋ฅผ ๊ทธ์ ๋ง๊ฒ ์คํ์ผ๋งํฉ๋๋ค..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 (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standf์ฒซ์งธ, ๋ชฉ๋ก ํญ๋ชฉ๊ณผ ์คํ ๋ํผ์คํธ ์น์
์ ๋งํฌ๋ ํ๋จ ํ
๋๋ฆฌ๊ฐ ์์ด์ผ ํ๋ฉฐ, ๋ฐ์ค ์์์ ํ๋ฌ ์์ ๋๋ ๋คํฌ ๋ชจ๋ ๊ธฐ๋ฅ ์์์ผ๋ก ์ค์ ํด์ผ ํฉ๋๋ค. ์คํ ๋ํผ์คํธ ๋ด๋ถ์ ๋จ๋ฝ์ ์ฐํ ํ์(#dcdcdc)์ด์ด์ผ ํฉ๋๋ค.
๋ ๋์ ํ๋ฉด(์ต์ 61.25em)์์๋ ์คํ ๋ํผ์คํธ์ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ์ ํค๋ ํ
๋๋ฆฌ ์์์ ์๋จ ํ
๋๋ฆฌ๊ฐ ์ ์ฉ๋ฉ๋๋ค. ๋ ๋์ ํ๋ฉด(์ต์ 71.25em)์์๋ ํด๋น ์๋จ ํ
๋๋ฆฌ๊ฐ ์ ๊ฑฐ๋ฉ๋๋ค.
์คํ ๋ํผ์คํธ์ ๋ชฉ๋ก ํญ๋ชฉ๋ ์ฐํ ํ์(#dcdcdc)์ด์ด์ผ ํฉ๋๋ค.
์ต์ 71.25em ๋๋น์ ํ๋ฉด์์ ์คํ ๋ํผ์คํธ์ ์์ฌ ์์ ๋ฐฐ๊ฒฝ์ ํค๋ ํ
๋๋ฆฌ ์์์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
46.25em๋ถํฐ ํผ๋์ฒ ๋ํผ์ ์ฅ์์ฉ ์ธก๋ฉด ํจ๋์ด ์๊น๋๋ค. ์ด๋ค์ ์ ์ฒด ๋์ด๋ก ์๋จ์ ์์นํ๋ฉฐ, ์ด๋์ด ๋ฐฐ๊ฒฝ๊ณผ ์์ชฝ ๊ฐ์ฅ์๋ฆฌ์ ํ
๋๋ฆฌ๊ฐ ์์ต๋๋ค. ๋๋น์ ์์น๋ ๋ทฐํฌํธ ๋๋น์์ ์คํฌ๋กค๋ฐ์ ๊ณ ์ ์ฝํ
์ธ ๋๋น(์ด ์ค๋จ์ ์์ 738px)๋ฅผ ๋บ ๊ฐ์ ๊ธฐ์ค์ผ๋ก ๊ณ์ฐ๋ฉ๋๋ค. ์ด ๊ณ ์ ๋๋น๋ ๋ ํฐ ์ค๋จ์ ์์ ์ฆ๊ฐํฉ๋๋ค: 61.25em์์ 978px, 71.25em์์ 1138px, 81.25em์์ 1298px.
ํค๋ผ์ธ ๋ฐ ๋ผ์ธ ์น์
์ SVG ์์๋ ํ์ ํค๋ ํ
๋๋ฆฌ ์์์ผ๋ก ์ค์ ํด์ผ ํฉ๋๋ค.
๋ฉํ ์น์
์์ ์์
์์ด์ฝ, ๋๊ธ ์์ ๋ฐ ๊ด๋ จ ํ
๋๋ฆฌ๋ ๋ชจ๋ ํค๋ ํ
๋๋ฆฌ ์์์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
๊ธฐ์ฌ ๋ณธ๋ฌธ์ H2 ์ ๋ชฉ์ ๊ธ๊ผด ๋๊ป๊ฐ 200์ด์ด์ผ ํ์ง๋ง, strong ํ๊ทธ๋ฅผ ํฌํจํ๋ ๊ฒฝ์ฐ ๋๊ป๋ 700์ด ๋ฉ๋๋ค.
์ธ์ ๋ ์ด์์์์ ์จ๊ธฐ๋๋ก ํ์๋ ์์ ๋ด๋ถ์ ๋ชฉ๋ก์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๊ฐ ์์ด์ผ ํฉ๋๋ค.
๋ ๋๋ง ๋์์ด ์ฑ์ผ๋ก ์ค์ ๋ ๊ฒฝ์ฐ ์ฌ๋ฌ CSS ๋ณ์๊ฐ ์ ์๋ฉ๋๋ค: ํ๋ก์ฐ ํ
์คํธ์ ์คํ ๋ํผ์คํธ ํ
์คํธ๋ ์ฐํ ํ์(#dcdcdc)์ด๊ณ , ํ๋ก์ฐ ์์ด์ฝ ์ฑ์ฐ๊ธฐ, ์คํ ๋ํผ์คํธ ๋งํฌ ํ
์คํธ, ์คํ ๋ํผ์คํธ ๋งํฌ ํ
๋๋ฆฌ, ๋ฐ์ด๋ผ์ธ์ ํ๋ฌ ์์์ ์ฌ์ฉํ๋ฉฐ, ๊ธฐ์ฌ ๋ฉํ ๋ผ์ธ์ ํค๋ ํ
๋๋ฆฌ ์์์ ์ฌ์ฉํ๊ณ , ๋ฐ์ด๋ผ์ธ์ ๋คํฌ ๋ชจ๋ ํ๋ฌ ์์์ ์ฌ์ฉํฉ๋๋ค.
์ฑ ๋ ๋๋ง ๋์์์ ๋ฐ์ด๋ผ์ธ ์คํฌ์ ํ๋ฌ ์์์ ์ฌ์ฉํด์ผ ํฉ๋๋ค. FollowWrapper ์์ ์์ div๋ฅผ ํฌํจํ๋ ๋ฐ์ด๋ผ์ธ ์คํฌ์ ํค๋ ํ
๋๋ฆฌ ์์์ผ๋ก ๋ง๋ค์ด์ง ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ธ์ผ ํฉ๋๋ค.1,000๋ช
์ด์์ ์ฌ์ฑ์ด ๋
ธ์ ๋ฌด์ญ์ ํฌ์ํ์ผ๋ฉฐ, ์ด๋ ๊ทธ๋ค์ด ์๋์ ์ธ ์ํ์๋ก์ ์ฃผ๋ก ๋
ธ์์ ํ์ง๋ฅผ ์ํด ์ธ์ ๋ค๋ ์ผ๋ฐ์ ์ธ ๋ฏฟ์์ ๋์ ํฉ๋๋ค. ์ฐ๊ตฌ์๋ค์ ์ฌ์ฑ๋ค์ด ์๋ฆฝ ์ํ๋ฆฌ์นด ํ์ฌ, ๋จํด ํ์ฌ ๋ฐ ๊ธฐํ ๋ณ๋ ์ฌ์
์ฒด์ ์ฃผ์์ ์ฌ๊ณ ํ๊ณ ์ค๊ฐํ์ผ๋ฉฐ, ์ํ๋ฆฌ์นด ๋
ธ์ ์ธ์ ๋งค๋งค๋ก ์ป์ ์ด์ต์ ์ฌ์ฉํ์ฌ ์ฌ์ ์ ๋
๋ฆฝ์ ์ป๊ณ ๊ฐ์กฑ์ ๋ถ์ํ๋ค๋ ์ฌ์ค์ ๋ฐ๊ฒฌํ์ต๋๋ค. ์ฝ 15๋ง ๋ช
์ ๋
ธ์๋ฅผ ์ธ์ ๋งค๋งคํ RAC๊ฐ 1752๋
์ ํด์ฐ๋ ๋ฌด๋ ต, ์ฌ์ฑ์ ์ฃผ์ฃผ์ ์ฝ 10%๋ฅผ ์ฐจ์งํ์ต๋๋ค. ๊ฐ๋์ธ์์ ๋
์ ์ ์ผ๋ก ๊ณต๊ฐํ ์๊ตญ ๋
ธ์ ๋ฌด์ญ์
์ ๋ฑ๋ก๋ถ๋ ๋ชจ๋ ์ฌํ ๊ณ์ธต์ ์ฌ์ฑ๋ค์ด ์ํ๋ฆฌ์นด ๋
ธ์์ ๋์์ ํก๋จ ์ธ์ ๋งค๋งค๋ฅผ ์๊ธ ์กฐ๋ฌํ๊ณ ์ง์ํ๋ ๋ฐ ์ ๊ทน์ ์ธ ์ญํ ์ ํ์์ ๋ณด์ฌ์ค๋๋ค.
17์ธ๊ธฐ์ 18์ธ๊ธฐ์ ๋ถ์ ํ ์ ๋ฝ์ธ๋ค์ ์ข
์ข
๋
ธ์๊ฐ ๋ ํ์ธ ์์ด๋ค์ ํ์ธ์ผ๋ก ์ผ์ ๊ทธ๋ฆผ์ ๋ฑ์ฅ์์ผฐ์ต๋๋ค. ์ด ์ด์ํ๋ 1740๋
๊ฒฝ์ ๋ค์ด์ฌํธ ๋ฐฑ์๋ถ์ธ, ๋ ์ด๋ ํ๋์์ค ํจ๋ ๋ง์น๋ก ์ถ์ ๋๋ ์ ์ ์ฌ์ฑ, ๊ทธ๋ฆฌ๊ณ ์ ์ ํ์ธ ํ์ธ์ ๋ณด์ฌ์ค๋๋ค.
ํฌ์์๋ค์ ์ฌ์๊ณผ ๊ณต์ฃผ๋ถํฐ ์์๋ฅผ ๋ฐ์ ๊ท์กฑ, ์์ธ, ์์ ์ฃผ์ธ, ์ ๋ชฉ๋์ ์ด๋ฅด๊ธฐ๊น์ง ๋ค์ํ์ต๋๋ค. ๊ธฐ๋ก ๋ณด๊ด์์๋ ์ฌ์ฑ๋ค์ด "์ํ๋ฆฌ์นด ์ฃผ์"์์ ์ป์ ์ด์ต์ ๋ํด ๋
ผ์ํ๋ ํธ์ง๊ฐ ํฌํจ๋์ด ์์ผ๋ฉฐ, ํ์ฌ ๊ธฐ๋ก์๋ ํ ํฌ์์์ธ ํฌ๋ ๊ธ๋๋๋จผ์ด RAC์ ์์๋ผ๋ฆฌ์จ ์๋ฐ๋ค์ ์
๋ธ๋ก ์ฌ์์ ์ ์ ์ํ๋ฆฌ์นด ์๋
๋ฅผ ์๊ตญ์ผ๋ก ๋ฐ๋ ค์ ์์ ์ ์ง์์์ ์ผํ๊ฒ ํด๋ฌ๋ผ๊ณ ์์ฒญํ ๊ฒ์ด ๋์ ์์ต๋๋ค. ์ฐ๊ตฌ์๋ค์ ์ฌ์ฑ๋ค์ด ํ์ฌ ํ๋์ "๊ฑฐ์ ๋ชจ๋ ์์ค"์์ ๊ด์ฌํ์์ ๋ฐ๊ฒฌํ์ต๋๋ค. ๊ทธ๋ค์ ์ค๊ฐ์ธ ์ญํ ์ ํ๊ณ , ๋์์ ์ํ๋ฆฌ์นด ํด์์์ ๊ฑฐ๋๋๋ ํต๊ณผ ์นผ์ ํฌํจํ ์ํ์ ๊ณต๊ธํ๊ณ , ํ์ฌ ์ฌ์ฐ์ ๊ด๋ฆฌํ๊ณ , ๊ฐ์กฑ ๋ฐ ์ฌํ์ ๋คํธ์ํฌ๋ฅผ ์ฌ์ฉํ์ฌ ํ์ฌ์ ์ฌ์ ๊ณผ ์ ์น์ ์ํฅ๋ ฅ์ ๊ฐํํ์ต๋๋ค.
๋ฑ๋ก๋ถ ํ๋ก์ ํธ๋ฅผ ์ํด ์ฌ์ฑ์ ๊ด์ฌ๋ฅผ ์ฐ๊ตฌํ ์ผ์๋ธ๋ฆฌ์ง ๋ํ์ ๊ฐ์ฌ์ธ ๋ผ์ผ๋ผ ์ค๋ฆฌ์ด๋ฆฌ ์ฒด์๋ฒ์ค๋ "์ด ์ฐ๊ตฌ๋ ์ด๊ฒ์ด ๋จ์ง ์ผ์์ ์ธ ํ์์ด ์๋์์์ ์ ๋ง๋ก ๋ณด์ฌ์ค๋๋ค. ์๋ฆฝ ์ํ๋ฆฌ์นด ํ์ฌ์ ๊ทธ ๋ค์ํ ๋ชจ์ต ์ ๋ฐ์ ๊ฑธ์ณ, ์ฌ์ ์ ์ผ๋ก ๊ธฐ์ฌํ๊ณ ๋
ธ์ ๋ฌด์ญ์์ ์ฌ์ ์ ์์ต์ ๊ธฐ๋ํ๋ ์ฌ์ฑ๋ค์ด ์์์ต๋๋ค."๋ผ๊ณ ๋งํ์ต๋๋ค.
์ฌ์ฑ๋ค์ 1560๋
๋ ์๋ฆฌ์๋ฒ ์ค 1์ธ ์ฌ์์ ์ง์๋ถํฐ ๊ธฐ๋ ํ์ฌ๋ฅผ ํตํด ๊ฐ๋น์๋ก์ ํญํด์ ์๊ธ์ ์ง์ํ ๋ ์ด๋ ์๋ฆฌ์๋ฒ ์ค ํฌ๋ ์ด๋ธ์ 1,000ํ์ด๋ ๋์ถ์ ์ด๋ฅด๊ธฐ๊น์ง ๋
ธ์ํ ์ด๊ธฐ๋ถํฐ ํฌ์ํ์ต๋๋ค. ์ด๋ฆ์ ์ธ ์ ์์๋ ์ผ๋ถ ํฌ์์๋ค์ ํ์ฌ ๊ธฐ๋ก์ ๊ฑฐ๋ฏธ์ค ๊ฐ์ "X"๋ก ์๋ช
ํ์ต๋๋ค. ์ด ์ฐ๊ตฌ๋ RAC, ๋จํด ํ์ฌ ๋ฐ ๊ธฐํ ๋ณ๋ ์ฌ์
์ฒด์ ์ญ์ฌ ์ ๋ฐ์ ๊ฑธ์ณ 1,100๋ช
์ ์ฌ์ฑ ํฌ์์๋ฅผ ํ์ธํ์ง๋ง, ์ค์ ์ซ์๋ ๋ ๋ง์์ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค. ๊ฒฐํผ ์ํ๊ฐ ํ์ธ๋ 457๋ช
์ ์ฌ์ฑ ์ค ๊ฑฐ์ ์ ๋ฐ์ด ๊ณผ๋ถ์๊ณ 42%๊ฐ ์กฐ๊ธ ๋๋ ์ฌ์ฑ์ด ๋ฏธํผ์ด์์ต๋๋ค. ๊ฒฐํผํ 7% ์ค ๋๋ถ๋ถ์ ๊ท์กฑ์ด์์ต๋๋ค. ๋ง์ ์ด๋ค์๊ฒ ์ด๋ฌํ ํฌ์๋ ๊ฒฝ์ ์ ๋
๋ฆฝ์ ์ป๋ ๋ฐ ์ค์ํ์ต๋๋ค. "๊ทธ๋ค์ ํฌ์ ๊ฒฐ์ ์ ๋ด๋ฆฌ๊ณ ์์๊ฑฐ๋, ์ฃผ์์ ์์๋ฐ์ ๊ฐ์๊ธฐ ์ด์ ์๋ ์๋ ๋ ๋ค๋ฅธ ์์ฐ์ ๊ฐ๊ฒ ๋์์ต๋๋ค."๋ผ๊ณ ์ฒด์๋ฒ์ค๋ ๋งํ์ต๋๋ค.
์ฌ๋ผ ๋กฑ๋ฆฌ์น๋ 1720๋
4์ 7์ผ ์กฐ์ง ๋ชจ๋ํธ๋ก๋ถํฐ 100ํ์ด๋์ ์๋๋ฅผ ๋ฐ์์ต๋๋ค. ๊ฐ์กฐ๋ ๋ถ๋ถ์ ์๋ฆฝ ์ํ๋ฆฌ์นด ํ์ฌ์ ๊ทธ๋
์ฃผ์์ ์ธ๊ธํ ์น์
์
๋๋ค. ์์ ์ ์ด๋ฆ์ ์ธ ์ ์์๋ ๋กฑ๋ฆฌ์น๋ ๋์ ํ์ด์ง์ ํ์๋ฅผ ๋จ๊ฒผ์ต๋๋ค.
๊ทธ๋
๋ ์ผ๋ถ๋ ์ ๊ทน์ ์ธ ๊ฑฐ๋์๊ฐ ๋์ด ์น๊ตฌ์ ๊ฐ์กฑ์ ์ํด ์ฃผ์์ ๊ฑฐ๋ํ๋ค๊ณ ๋ง๋ถ์์ต๋๋ค. "๊ทธ๋ค์ด ๋ณด๊ธฐ์๋ ์ง์
์ด ์๋์์ง๋ง, ์ฐ๋ฆฌ๋ ์๊ฐํ ์ ์์ต๋๋ค: ์ด๊ฒ์ด ๋น์ ์ ์ง์
์ด ๋์๋ค๊ณ ." ์ฒด์๋ฒ์ค๋ ์ด ์ฐ๊ตฌ๊ฐ "๋ฐฑ์ธ ์ฌ์ฑ๋ค์ด ํ์ง ์์ ์ ์์ ๋
ธ์๊ฐ ๋ ์ฌ๋๋ค์ ๊ณ ํต์ ๋ณด๊ณ , ๊ทธ ์ต์์ ๋์ผ์ํ๋ฉฐ, ๊ทธ๋ฐ ๋ค์ ๋
ธ์ ๋ฌด์ญ๊ณผ ๋
ธ์์ ์์ฒด๋ฅผ ๊ฐํํ๊ฑฐ๋ ๊ถ๊ทน์ ์ผ๋ก ํ์งํ๊ธฐ ์ํด ์ผํ๋ค"๋ ์ ํต์ ์ธ ์์ฌ์ ์ง์ ์ ์ผ๋ก ๋์ ํ๋ค๊ณ ๋งํ์ต๋๋ค. ๊ทธ ์คํด๋ฅผ ๋ค์ง๊ธฐ ์ํ ์์
์ ์๋ฆญ ์๋ฆฌ์์ค, ์์ฌ ๊ณ ๋ฒ ์ด์, ์ํฐ ๋ก๋๋๋ฅผ ํฌํจํ ์นด๋ฆฌ๋ธํด์ ์์ํ๋ฆฌ์นด ์ถ์ ์ญ์ฌ๊ฐ๋ค์ ์์ญ ๋
๊ฐ์ ํ๋ฌธ์ ๊ธฐ๋ฐ์ผ๋ก ํฉ๋๋ค. ๋ ์ต๊ทผ์ ๋์ค ๊ณต๊ฐ ํ๋ก์ ํธ, ์๋ฅผ ๋ค์ด ์ ๋๋ฒ์ํฐ ์นผ๋ฆฌ์ง ๋ฐ๋์ ์ญ์ฌ๊ฐ๋ค์ด ํจ๊ป ๋ง๋ ์๊ตญ ๋
ธ์์ ์ ์ ์ฐ ์์นด์ด๋ธ๋ ์ด ์ญ์ฌ๋ฅผ ๋ ๋ง์ ์ฌ๋๋ค์๊ฒ ์๋ฆฌ๋ ๋ฐ ๋์์ด ๋์์ต๋๋ค. ๊ทธ ์์นด์ด๋ธ๋ 1833๋
์ ๊ตญ์ ๋ง์ ์ง์ญ์์ ๋
ธ์์ ๊ฐ ํ์ง๋ ํ ์ฌ์ฑ๋ค์ด ๋
ธ์๋ฅผ ์์ ํ๊ณ ๋ณด์์ ๋ฐ์ ์ฌ๋๋ค ์ค์ ์์์์ ๋ณด์ฌ์ฃผ์๋ค๊ณ ๊ทธ๋
๋ ๋งํ์ต๋๋ค. ๋
ธ์๊ฐ ๋ ์ฌ๋๋ค์ ์๋ฌด๊ฒ๋ ๋ฐ์ง ๋ชปํ์ต๋๋ค.
"ํ์ง๋ง ์ด๊ฒ์ ํจ์ฌ ๋ ๊ธด ์ด์ผ๊ธฐ๋ฅผ ๋ค๋ ค์ฃผ๋ฉฐ, ์ด๋ ์ฌ์ฑ๋ค์ ์ญ์ฌ์ ์ผ๋ก ์ค์ ๋ณด๋ค ๋ ๋ณต์กํ ์กด์ฌ๋ก ์์น์ํค๋ ๋จ์ํ ์์ฌ๋ฅผ ๋์ด์๋๋ก ๋์์ค๋๋ค."
์ฒด์๋ฒ์ค์๊ฒ 1,000๊ฐ ์ด์์ ์ด๋ฆ์ ์์งํ๋ ๊ฒ ์์ฒด๊ฐ "๊ฐ์ด์ ๋๋ฆฌ๋ ์ผ"์ด์์ต๋๋ค. ์๋ํ๋ฉด ๋
ธ์๊ฐ ๋ ์ํ๋ฆฌ์นด ์ฌ์ฑ๋ค์ ๋ํ ์ ์ฌํ ์ ๋ณด๊ฐ ๊ฑฐ์ ์๊ธฐ ๋๋ฌธ์
๋๋ค.
"์ญ์ฌ๊ฐ๋ค๊ณผ ํ๋๊ฐ๋ค์ ๋
ธ์๊ฐ ๋ ์ฌ๋๋ค์ ์ด๋ฆ์ ์ฐพ๊ณ , ๊ทธ๋ค์ ์ถ์ ์ด์ผ๊ธฐ๋ฅผ ๋ณต์ํ๊ณ , ๊ทธ๋ค์ ์ธ๊ณ๋ฅผ ๋๋ ์ ์๊ฒ ํ๊ธฐ ์ํด ์ ๋ง๋ก ๊ณ ๊ตฐ๋ถํฌํด ์์ต๋๋ค."๋ผ๊ณ ์ฒด์๋ฒ์ค๋ ๋งํ์ต๋๋ค.
"ํฌ์ํ ์ฌ๋๋ค์ ์ํด ์ด๋ฐ ์ข
๋ฅ์ ์ฐ๊ตฌ๋ฅผ ํ ๊ธฐํ๋ ์ ๋ง ๋๋์ต๋๋ค."
๋ฐ๋ ๋ํ๊ต SOAS์ ๋
ธ์์ ์ ์ฐ ๋ฐ ๊ธฐ์ต ๋ถ์ผ ์์ข๊ต์์ธ ์ฌ๋ฆฌ๋ฒ ํธ ์คํ
๋ ๋ ๋
ธ์๊ฐ ๋ ์ํ๋ฆฌ์นด ์ฌ์ฑ๋ค์ ๋ํ ๋น๊ต ๊ฐ๋ฅํ ์ธ๋ถ ์ ๋ณด์ ๋ถ์กฑ์ด ์ฌ์ ํ ์ถฉ๊ฒฉ์ ์ด์ง๋ง, "๋
ธ์ ์์ ์๋ค์ ๋ํด ๋ ๋ง์ด ์์๋ก ๊ธฐ๋ก ๋ณด๊ด์์์ ๋
ธ์๊ฐ ๋ ์ฌ์ฑ๋ค์ ๋ํด ๋ฐฐ์ธ ๋ ์ข์ ๊ธฐํ