์ผ๋ จ ๋ฒํธ: SCP-395-KO
๋ฑ๊ธ:
ํน์ ๊ฒฉ๋ฆฌ ์ ์ฐจ: SCP-395-KO๋ ์ ๋ ๋ค๋ฅธ ๊ฐ๋ ์ด๋ ์ ๋ณด์ ์ ์ดํ๊ฒ ํด์ ์๋๋ค. SCP-395-KO๋ ๋ฐ๋์ ํ์คํธ๋ฅผ ์ด์ฉํด ์ ์ฅํ์ฌ, ์ด๋ ํ ๊ธฐ๊ธฐ์๋ ์ฐ๊ฒฐ๋์ด ์์ง ์์ ์ฑ ์ฌ๋จ์ ํ์ค ๋ฌผํ ๋ณด๊ดํจ์ 2์ค ๊ฒฉ๋ฆฌ ๋์ด์ผ ํ๋ค. SCP-395-KO์ ์ ์ดํ ๋์์ ๋ฐ๋์ ๊ธฐ์ต์๊ฑฐ ์ ์ฐจ๋ฅผ ๊ฑฐ์น ํ ์ด์ ์ฆ์ธ๊ฐ ์๋์ง ๊ด์ฐฐ์ ๋์ฌ์ผ ํ๋ค.
์ค๋ช : SCP-395-KO๋ ๋ฐ์ ๊ธฐ์์ฒด์ ์ผ์ข ์ด๋ค. SCP-395-KO๋ ์ธ๊ฐ์ด ์ฌ๊ณ ํ ์ ์๋ ๊ทธ ์ด๋ค ๊ฐ๋ ์๋ ๊ธฐ์ํ ์ ์์ผ๋ฉฐ, ๋ค์์ ์ง๋จ์ด ๊ณต์ ํ๋ ๊ฐ๋ ์ผ์๋ก SCP-395-KO์ ์ํ ์ฌํ๋ ๊ฐํ๊ฒ ๋ํ๋๋ค.
SCP-395-KO๋ฅผ ํ ์คํธํ์์ผฐ์ ๋์ ๊ธฐ๋ก์ ๊ทธ๊ฒ์ด ์ง๊ธ๊น์ง ๋ป์ณ ์จ ๊ด๋ ๋ค์ ๋ํด ์์ฌํ๋ ๊ฒ์ผ๋ก ๋ณด์ธ๋ค.
ํ์ฌ ์ฌ๋จ์์ ๊ฒฉ๋ฆฌํ SCP-395-KO๋ ์ฌ๋จ์ด SCP-395-KO์ ํผํด์(SCP-395-KO-1)๋ค์ ๋๋ฅผ ๋ถ์, SCP-395-KO์ ํจํด์ ๋ถ์ํ์ฌ ์ ์ถํด๋ธ ๊ฐ์ฅ ์์ํ ์ํ์ด๋ค.
SCP-395-KO์ ๋ณ์น์ฑ์ ํ๋๋ก ์ ๋ฆฌํ์๋ฉด โ์ฌ์์ ์ ๊ตญ์ฃผ์ํโ๋ค.
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
@import url('https://scpko.wdfiles.com/local--files/unfont/UnJamoDotum.css'); @font-face { font-family: 'DOSMyungjo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/DOSMyungjo.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DungGeunMo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff') format('woff'); font-weight: bold; font-style: normal; } :root:lang(ko) { /* Typefaces */ --body-font: 'terminus_ttfmedium', 'UnJamoDotum', sans-serif; --header-font: 'mxplus_ibm_vga_8x16regular', 'DOSMyungjo', sans-serif; --title-font: 'mxplus_ibm_vga_8x16regular', 'DOSMyungjo', sans-serif; --mono-font: 'profontwindowsregular', 'DungGeunMo', monospace; --base-font-size: 1.1rem; /* change title */ --header-title: "SCP ์ฌ๋จ"; } textarea { font-family: var(--mono-font); } input#edit-page-title.text { font-family: var(--title-font); }
๋ ๊ธฐ์จ์ ์๊ฐ์ด๋ค. ๋ ๊ธฐ์จ์ ๊ด๋ ์ด๋ค.
๋ ๊ธฐ์จ์ ์ง์ค์ด๋ค. ๋ถ์ ์ ์๋ค. ์ค์ง ์ฐธ๋ฟ์ด๋ค. ์๊ฒ์ ์ง๋ฆฌ์ด๋ค.
๋ ๊ธฐ์จ์ ์ข ๊ต๋ค.
๋ ๊ธฐ์จ์ ์ฌ์์ด๋ค.
๋ ๊ธฐ์จ์ ๋ฏฟ์์ด๋ค.
๋ ๊ธฐ์จ์ ๊ตญ๊ฐ๋ค.
๋ ๊ธฐ์จ์ ๋ฐํ๋ ๊ฒ๋ค์ ๋ชจ๋ ์ฐ๋ฆฌ์ ์ ์ด์, ์ ์ด๋, ๊ทธ๋ฌํ ๊ฒ๋ค์ ์ฒ๊ฒฐ ๋นํด ๋ง๋ ํ๋ค.
์ค์ง ๋ ๊ธฐ์จ, ์ฐ๋ฆฌ๋ค์ ๋ ๊ธฐ์จ, ์ฌ๋ผ์ง๋ค ๋ชจ๋ ๊ฒ, ์ฃฝ์ด๊ฐ๋ค ๋ชจ๋ ๊ฒ, ์ค์ง, ๋ ๊ธฐ์จ๋ง์ด ๋จ๋๋ค.
๋ ๊ธฐ์จ์ ์ฐ๋ฆฌ์ ์ ๋ถ์, ํ์ ์ด๊ณ , ํฌ์์ด๋ค. ๋ ๊ธฐ์จ์ ์ฐ๋ฆฌ์ ๊ตฌ์์๋ค.
์ฐ๋ฆฌ์ ๋ชจ๋ ์ฃ๋ ๋ ๊ธฐ์จ์ ์์์ ์ฌ๋ผ์ง๋, ๊ณง ๋ ๊ธฐ์จ์ด ์ฐ๋ฆฌ์ ์ ๋ต์ด๋ค.
ํ๋์ ์๊ฐ, ํตํฉ๋ ์ฌ๊ณ , ํต์ผ๋ ์์ง์. ์ด ๋ชจ๋ ๊ฒ์ ๋ ๋์ ๋ฐ์ ์ ์ด๋ฃฉํ๊ฒ ํ๊ณ , ์ด๋ ๋ ๊ธฐ์จ์ ์ํด ์์ฑ๋๋ค.
๋ ๊ธฐ์จ์ ํ๊ณ ํ ๊ฒ์ด์, ์ฐ๋ฆฌ ๊ทธ ์์ฒด๊ฐ ๋ ๊ธฐ์จ์ ์ฆ๋ช ์ด์, ๋ ๊ธฐ์จ ๊ทธ ์์ฒด๊ฐ ์ฐ๋ฆฌ์ ์ฆ๋ช ์ด๋ผ.
๋ ๊ธฐ์จ ์๋์ ํ๋๋ก ๊ฒฐ์ํ๋ค. ๊ฒฐ์๋ ์ฐ๋ฆฌ๋ ์ฐ๋ฆฌ๊ฐ ๋ฐฐ์ฒํด์ผ ํ ์ด๋ค๋ณด๋ค ๊ฑฐ๋ํ๊ณ ๊ฐํด์ง๋ค. ์ฐ๋ฆฌ๋ ํ๋์ ๊น๋ฐ ์๋์ ์ฐ๋ฆฌ์ ์ณ์์ ์ฆ๋ช ํ๋ค. ์ฐ๋ฆฌ์ ํ๊ณผ ํ๋์ ์ค์ง ์ฐ๋ฆฌ๋ฅผ ์ํ๋ค.
๋ ๊ธฐ์จ์ ๊ฐํ ๋ฐํ๋ ๊ฒ์ ์์ ์ ์๋ ์ผ์ด๋ค.
๋ฆฌ๊ธฐ์จ์ ํ๋ฆผ์๋ ๊ฒ์ด๋ฉฐ, ์ ๋ต์ด๋ค.
๋ ๊ธฐ์จ์ ์ ์๋ค. ๋ ๊ธฐ์จ์ ์ฝ์๋ฅผ ๊ตฌ์ํ๋ค. ๋ ๊ธฐ์จ์ ์ฐ๋ฆฌ๋ฅผ ๋๋๋ค.
๋ ๊ธฐ์จ์ ์ ์๊ฒ ํํ์ ์๋ค. ๋ ๊ธฐ์จ์ ๋ฐํ๋ ๊ฒ๋ค์ ๋ชจ๋๊ฐ ์ ์ด๋ค.
๋ ๊ธฐ์จ์ ์ด์จ์ด๋ค.
๋ ๊ธฐ์จ์ ์๋ค๋ฐ์คํธ๋ค.
๋ ๊ธฐ์จ์ ๋ฉ์นด๋ค๋ค.
๋ ๊ธฐ์จ์ โ๋ค์ฏโ์ด๋ค.
๋ ๊ธฐ์จ์ ๋๋ฌด๋ฃจ์ผ์ด๋ค.
๋ ๊ธฐ์จ์ ์ผํผ๋ค.
์ค๋ก์ง ๋ ๊ธฐ์จ๊ณผ ๊ทธ๋ฅผ ๋ฐ๋ฅด๋ ์ฐ๋ฆฌ๋ค๋ง์ด ์ ๋ต์ด๋ค. ๋ ๊ธฐ์จ์ ์ฐ๋ฆฌ์ ํธ์ด์, ์ฐ๋ฆฌ์ ๋ฐ๋ํ๋ฅผ ์ฒ์ดํ ํ์ด๋ผ.
๋ ๊ธฐ์จ์ ์ ์ ๋งค๋ํ์๋ฉฐ ์ฐ๋ฆฌ๋ฅผ ๊ตฌํ์ค ๊ฒ์ด๋ค.
๋ ๊ธฐ์จ์ ์ฐ๋ฆฌ์ ํ์ด์, ์ฐ๋ฆฌ์ ์ฐ์์ด์๋ค.
๋ ๊ธฐ์จ์ ์ฌ์ ํ๊ณ ๋ฌด์งํ ์ ๋ง๋ค๋ก๋ถํฐ ์ฐ๋ฆฌ๋ฅผ ์ง์ผ์ฃผ์ ๋ค.
๋ ๊ธฐ์จ์ ์ฐ๋ฆฌ์ ์ด์ํฅ์ด๋ค.
๋ ๊ธฐ์จ์ ์ฐ๋ฆฌ์ ๋ณดํธ์์ด๋ค.
๋ ๊ธฐ์จ์ ์ฐ๋ฆฌ์ ๋ชจ๋ ๊ฒ์ด๋ค.
๋ถํ์ํ ์ฌ๊ณ , ๋ถํ์ํ ์๊ฐ, ๋ถ์ํ ์ฌ์, ๋ถ์จํ ์๊ฐ, ๋ชจ๋ ์ฒ๋ถํ๋ค.
๋ ๊ธฐ์จ์ ํ์์ฆ์ด๋ค.
๋ ๊ธฐ์จ์ ์ ์ฒด์ฃผ์๋ค.
๋ ๊ธฐ์จ์ ๊ตฐ๊ตญ์ฃผ์๋ค.
์ค์ง ๋ ๊ธฐ์จ์ ๋ฐ๋ฅด๋ ์ฐ๋ฆฌ๋ง์ด ์ณ๋ค. ์ฐ๋ฆฌ๋ง์ด ์ ์๋กญ๋ค. ์ฐ๋ฆฌ๋ง์ด ์ ๋ํ๋ค.
๋ ๊ธฐ์จ์ ๋ฐ๋ฅด์ง ์๋ ์ด๋ค์ ๋ถ์จํ ์๋ค์ด๋ค. ์ฃฝ์ด ๋ง๋ ํ ์ด๋ค์ด๋ค. ์ค์ง ์ฐ๋ฆฌ๋ง์ด ๊ทธ๋ค์ ์ฒ์ดํ ์ ์๋ค.
ํ๋๋ ์ด์, ํ๋๋ ๋ค์, ํ๋๋ ๋ชจ๋.
… (88์ค ๋จ์)
—]