연습장:Kimchan/낙서 문서 원본 보기

{{namucat|DISPLAYTITLE=김찬 연습장 {{nobold|{{--5|(낙서)}}}}|김찬/연습장}}{{css|김찬}}
{{김찬 연습장}}
{{목차접기}}
== ADOFAI 판정 계기판 ==
<div style="padding: 24px 12px; border: 1px solid #808080; background: #808080;">
<div style="padding: 12px 0px; background: linear-gradient(to right, red, red 1%, orange 1%, orange 11%, yellow 11%, yellow 26%, lime 26%, lime 49.5%, white 49.5%, white 50.5%, lime 50.5%, lime 74%, yellow 74%, yellow 89%, orange 89%, orange 99%, red 99%);"></div>
</div>

== HTML 요소 사이 간격 구분 ==
<div style="margin: .8rem 0; text-align: center;">
<div style="display: inline-block; width: 270px;"><span style="color: black;"><strong>HTML에서 요소들 사이의 간격 구분</strong></span>
<div style="border-width: 2px 20px; border-style: solid; border-color: black; background-color: black; padding: 5px; color: white;"><strong>margin</strong>
<div style="border-width: 2px 20px; border-style: solid; border-color: red; background-color: red; padding: 5px; color: white;"><strong>border</strong>
<div style="border-width: 2px 20px; border-style: solid; border-color: orange; background-color: orange; padding: 5px; color: white;"><strong>padding</strong>
<div style="border-width: 2px 20px; border-style: solid; border-color: blue; background-color: blue; padding: 5px; color: white;"><strong>content</strong></div>
<strong>padding</strong></div>
<strong>border</strong></div>
<strong>margin</strong></div>
</div>
</div>
* '''{{color|blue|content}}''': 실질적인 내용. 현재 읽고 있는 글자(텍스트), 이미지나 동영상 등의 파일이 모두 포함.
* '''{{color|orange|padding}}''': 오브젝트 안쪽에서 콘텐트를 제외한 나머지를 구성하고 있는 내부 여백.
* '''{{color|red|border}}''': 오브젝트의 가장 바깥 테두리. 이 border를 기준으로 안쪽 여백이 padding이고 바깥쪽 여백이 margin임.
* '''{{color|black|margin}}''': 오브젝트의 바깥을 구성하고 있는 외부 여백.

== 폴리비오스 암호 ==
{|class="wikitable" style="width: 250px; border: 2px solid #e1e8ed; margin: 0 auto; text-align: center; table-layout: fixed;"
|-
|colspan="6"|폴리비오스 암호(Polybius Square)
|-
!
!1
!2
!3
!4
!5
|-
!1
|a
|b
|c
|d
|e
|-
!2
|f
|g
|h
|i/j
|k
|-
!3
|l
|m
|n
|o
|p
|-
!4
|q
|r
|s
|t
|u
|-
!5
|v
|w
|x
|y
|z
|-
|colspan="6"|{{나무접기2|id=polybius-square-en-plus|title=[ 해독법 ]|align=center|
# 세로 열을 먼저, 가로 행을 나중으로 알파벳에 대응하는 숫자 입력
# apple을 암호화하면 1135353115 (a가 11, p가 35, l이 31, e가 15)}}
|}
<div style="margin: 10px 0px;"></div>
{|class="wikitable" style="width: 350px; border: 2px solid #e1e8ed; margin: 0 auto; text-align: center; table-layout: fixed;"
|-
|colspan="6"|폴리비오스 암호(Polybius Square)
|-
!
!1
!2
!3
!4
!5
|-
!1
|ㄱ
|ㄴ
|ㄷ
|ㄹ
|ㅁ
|-
!2
|ㅂ
|ㅅ
|ㅇ
|ㅈ
|ㅊ
|-
!3
|ㅋ
|ㅌ
|ㅍ
|ㅎ
|ㅏ
|-
!4
|ㅑ
|ㅓ
|ㅕ
|ㅗ
|ㅛ
|-
!5
|ㅜ
|ㅠ
|ㅡ
|ㅣ
|ㅐ/ㅔ
|-
|colspan="6"|{{나무접기2|id=polybius-square-ko-plus|title=[ 해독법 ]|align=center|
# 세로 열을 먼저, 가로 행을 나중으로 자모음에 대응하는 숫자 입력
# 사과를 암호화하면 2235114435 (ㅅ이 22, ㅏ가 35, ㄱ이 11, ㅗ가 44, ㅏ가 35)}}
|}

== 보스곡 ==
=== 뱅드림 ===
{|class="wikitable" style="max-width: 500px; border: 2px solid #ff679a; margin: 12px auto; text-align: center;"
|-
!colspan="2" style="background: #ff679a;"|{{너비맞춤}}{{글씨 테두리|#80344d|white|{{글씨 크기|12|뱅드림! 걸즈 밴드 파티!<br>보스곡 일람}}}}
|-
|style="width: 50%;"|'''HELL! or HELL?'''<br><span style="text-shadow: 1px 1px #ff33aa, -1px -1px #ff33aa, 1px -1px #ff33aa, -1px 1px #ff33aa, 1px 0px #ff33aa, -1px 0px #ff33aa, 0px 1px #ff33aa, 0px -1px #ff33aa, 0px 0px 6px #ff33aa; font-size: 9pt; color: white;">'''Special Lv.30'''</span>
|style="width: 50%;"|'''SENSENFUKOKU'''<br><span style="text-shadow: 1px 1px #ff33aa, -1px -1px #ff33aa, 1px -1px #ff33aa, -1px 1px #ff33aa, 1px 0px #ff33aa, -1px 0px #ff33aa, 0px 1px #ff33aa, 0px -1px #ff33aa, 0px 0px 6px #ff33aa; font-size: 9pt; color: white;">'''Special Lv.30'''</span>
|}
{|class="wikitable" style="max-width: 500px; border: 2px solid #ff679a; margin: 12px auto; text-align: center;"
|-
!colspan="2" style="background: #ff679a;"|{{너비맞춤}}{{글씨 테두리|#80344d|white|{{글씨 크기|12|뱅드림! 걸즈 밴드 파티!<br>보스곡 일람}}}}
|-
|style="width: 50%;"|'''{{ruby|육조 년과 하룻밤 이야기|六兆年と一夜物語}}'''<br><span style="text-shadow: 1px 1px #ff33aa, -1px -1px #ff33aa, 1px -1px #ff33aa, -1px 1px #ff33aa, 1px 0px #ff33aa, -1px 0px #ff33aa, 0px 1px #ff33aa, 0px -1px #ff33aa, 0px 0px 6px #ff33aa; font-size: 9pt; color: white;">'''Special Lv.35'''</span>
|style="width: 50%;"|'''HELL! or HELL?'''<br><span style="text-shadow: 1px 1px #ff33aa, -1px -1px #ff33aa, 1px -1px #ff33aa, -1px 1px #ff33aa, 1px 0px #ff33aa, -1px 0px #ff33aa, 0px 1px #ff33aa, 0px -1px #ff33aa, 0px 0px 6px #ff33aa; font-size: 9pt; color: white;">'''Special Lv.33'''</span>
|-
|colspan="2"|{{fs|9|※ 제작진의 도전장 버전}}
|}

=== 프로세카 ===
{{김찬 낙서 연습장 버튼}}

{|class="wikitable" style="max-width: 700px; margin: 12px auto; border: 2px solid #2ed7e1; text-align: center;"
|-
!colspan="4" style="background: #2ed7e1;"|{{너비맞춤}}{{글씨 테두리|#20979e|white|{{글씨 크기|12|프로젝트 세카이 컬러풀 스테이지! feat.하츠네 미쿠<br>보스곡 일람}}}}
|-
|style="width: 25%;"|'''{{ruby|하츠네 미쿠의 소실|初音ミクの消失}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.33'''</span>
|style="width: 25%;"|'''{{ruby|하츠네 미쿠의 격창|初音ミクの激唱}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.33'''</span>
|style="width: 25%;"|'''{{ruby|육조 년과 하룻밤 이야기|六兆年と一夜物語}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.33'''</span>
|style="width: 25%;"|'''{{ruby|머신건 포엠 돌|マシンガンポエムドール}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.33'''</span>
|-
|colspan="4"|{{글씨 크기|8|※ 2주년 레벨링 및 게키츄마이 콜라보 이전}}
|}
{|class="wikitable" style="max-width: 700px; margin: 12px auto; border: 2px solid #2ed7e1; text-align: center;"
|-
!colspan="3" style="background: #2ed7e1;"|{{너비맞춤}}{{글씨 테두리|#20979e|white|{{글씨 크기|12|프로젝트 세카이 컬러풀 스테이지! feat.하츠네 미쿠<br>보스곡 일람}}}}
|-
|style="width: 33%;"|'''{{ruby|엔드마크에 희망과 눈물을 더하며|エンドマークに希望と涙を添えて}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.34'''</span>
|style="width: 33%;"|'''the EmpErroR'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.34'''</span>
|style="width: 33%;"|'''Don't Fight The Music'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.34'''</span>
|-
|colspan="3"|{{글씨 크기|8|※ 2주년 레벨링 이전}}
|}
{|class="wikitable" style="max-width: 900px; margin: 12px auto; border: 2px solid #2ed7e1; text-align: center;"
|-
!colspan="4" style="background: #2ed7e1;"|{{너비맞춤}}{{글씨 테두리|#20979e|white|{{글씨 크기|12|프로젝트 세카이 컬러풀 스테이지! feat.하츠네 미쿠<br>보스곡 일람}}}}
|-
|style="width: 25%;"|'''{{ruby|하츠네 미쿠의 소실|初音ミクの消失}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.35'''</span>
|style="width: 25%;"|'''{{ruby|하츠네 미쿠의 격창|初音ミクの激唱}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.33'''</span>
|style="width: 25%;"|'''{{ruby|육조 년과 하룻밤 이야기|六兆年と一夜物語}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.34'''</span>
|style="width: 25%;"|'''{{ruby|머신건 포엠 돌|マシンガンポエムドール}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.34'''</span>
|-
|style="width: 25%;"|'''{{ruby|우리들의 16bit 전쟁|ぼくらの16bit戦争}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.33'''</span>
|style="width: 25%;"|'''{{ruby|엔드마크에 희망과 눈물을 더하며|エンドマークに希望と涙を添えて}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.35'''</span>
|style="width: 25%;"|'''the EmpErroR'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.36'''</span>
|style="width: 25%;"|'''Don't Fight The Music'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.36'''</span>
|-
|colspan="4"|{{글씨 크기|8|※ 33레벨 이상 악곡}}
|}
{|class="wikitable" style="max-width: 500px; margin: 12px auto; border: 2px solid #2ed7e1; text-align: center;"
|-
!colspan="3" style="background: #2ed7e1;"|{{너비맞춤}}{{글씨 테두리|#20979e|white|{{글씨 크기|12|프로젝트 세카이 컬러풀 스테이지! feat.하츠네 미쿠<br>보스곡 일람}}}}
|-
|style="width: 33%;"|'''What's up? Pop!'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.37'''</span>
|style="width: 33%;"|'''{{ruby|야미나베!!!!|ヤミナベ!!!!}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.37'''</span>
|style="width: 33%;"|'''{{ruby|인생|人生}}'''<br><span style="text-shadow: 1px 1px #bb33ef, -1px -1px #bb33ef, 1px 0px #bb33ef, -1px 0px #bb33ef, 0px 1px #bb33ef, 0px -1px #bb33ef, 1px -1px #bb33ef, -1px 1px #bb33ef, 0px 0px 6px #bb33ef; font-size: 9pt; color: white;">'''MASTER Lv.37'''</span>
|-
|colspan="3"|{{글씨 크기|9|※ 37레벨 이상 악곡}}
|}

== 다중우주 ==
{|class="wikitable" style="width: 100%; border: 2px solid black; text-align: center;"
|-
!style="background: linear-gradient(to right, black, black, white);"|{{fontsize|14|{{color|white|다중우주}}}}<br><span style="font-family: Times New Roman; color: white; font-size: 12pt; font-style: italic;">Multi Universe</span>
|-
|{{펼접|id=multi-universe-about-template|style=table-layout: fixed;}}
|-
!colspan="5" style="background: black;"|{{color|white|주요 다중우주}}
|-
|0번 우주<br>{{fontsize|9|(No. 0 Universe)}}
|1번 우주<br>{{fontsize|9|(No. 1 Universe)}}
|2305번 우주<br>{{fontsize|9|(No. 2305 Universe)}}
|2306번 우주<br>{{fontsize|9|(No. 2306 Universe)}}
|2307번 우주<br>{{fontsize|9|(No. 2307 Universe)}}
{{펼접끝}}
|}

== 자(者) ==
{|class="wikitable" style="width: 100%; border: 2px solid black; text-align: center;"
|-
!style="background: black;"|{{color|white|{{fontsize|12|{{ruby|자|者}}}} {{!}} The One}}
|-
|{{펼접|id=the-one-about-template|style=table-layout: fixed;}}
|-
!colspan="3" style="background: black;"|{{color|white|{{ruby|주선자|周旋者}} {{!}} The Proceeder}}
|-
|{{su|b=만드는 자}}<br>창조자<br>{{su|p=The Creator}}
|{{su|b=부수는 자}}<br>파괴자<br>{{su|p=The Destroyer}}
|{{su|b=조정하는 자}}<br>조율자<br>{{su|p=The Harmonier}}
|-
!colspan="3" style="background: black;"|{{color|white|{{ruby|제삼자|第三者}} {{!}} The Third}}
|-
|{{su|b=구경하는 자}}<br>방관자<br>{{su|p=The Seeker}}
|{{su|b=지켜보는 자}}<br>관찰자<br>{{su|p=The Watcher}}
|{{su|b=발을 들인 자}}<br>방문자<br>{{su|p=The Visitor}}
|-
!colspan="3" style="background: black;"|{{color|white|{{ruby|초월자|超越者}} {{!}} The Beyonder}}
|-
|{{su|b=먼저 안 자}}<br>선지자<br>{{su|p=The Predictor}}
|{{su|b=지키는 자}}<br>수호자<br>{{su|p=The Guardian}}
|{{su|b=떠나는 자}}<br>여행자<br>{{su|p=The Traveler}}
{{펼접끝}}
|}

== 전집중 호흡 ==
{{김찬 낙서 연습장 버튼}}
{|class="wikitable" style="max-width: 600px; margin: 10px auto; border: 2px solid black; text-align: center;"
|-
!style="background: black;"|{{너비맞춤}}{{fontsize|12|{{colorlink|전집중 호흡|#f70a28}}}}
|-
|{{펼접|id=total-concentration-breathing-about-template|style=table-layout: fixed;}}
|-
|colspan="5" style="background: black;"|{{color|white|시작의 호흡}}
|-
|colspan="5"|[[해의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #dc143c; color: white;">'''해 {{ruby|{{일본어|日}}|ひ}}'''</div>]]
|-
|colspan="5" style="background: black;"|{{color|white|해의 호흡의 파생 호흡}}
|-
|colspan="5"|[[달의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #6a5acd; color: white;">'''달 {{ruby|{{일본어|月}}|つき}}'''</div>]]
|-
|colspan="5" style="background: black;"|{{color|white|5대 계파}}
|-
|[[물의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #89c6ff; color: white;">'''물 {{ruby|{{일본어|水}}|みず}}'''</div>]]
|[[화염의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: red; color: white;">'''화염 {{ruby|{{일본어|炎}}|ほのお}}'''</div>]]
|[[바위의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #808080; color: white;">'''바위 {{ruby|{{일본어|岩}}|いわ}}'''</div>]]
|[[바람의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #008000; color: white;">'''바람 {{ruby|{{일본어|風}}|かぜ}}'''</div>]]
|[[번개의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #ffe100; color: white;">'''번개 {{ruby|{{일본어|雷}}|かみなり}}'''</div>]]
|-
|colspan="5" style="background: black;"|{{color|white|5대 계파의 파생 호흡}}
|-
|[[뱀의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #800080; color: white;">'''뱀 {{ruby|{{일본어|蛇}}|へび}}'''</div>]]
|[[사랑의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #eda3c1; color: white;">'''사랑 {{ruby|{{일본어|恋}}|こい}}'''</div>]]
|
|[[안개의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #84c3be; color: white;">'''안개 {{ruby|{{일본어|霞}}|かすみ}}'''</div>]]
|[[소리의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #ffaa00; color: white;">'''소리 {{ruby|{{일본어|音}}|おと}}'''</div>]]
|-
|[[꽃의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #ffcdff; color: white;">'''꽃 {{ruby|{{일본어|花}}|はな}}'''</div>]]
|
|
|[[짐승의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #6699cc; color: white;">'''짐승 {{ruby|{{일본어|獣}}|けだもの}}'''</div>]]
|
|-
|[[벌레의 호흡|<div style="display: inline-block; width: 100%; border: 1px solid black; border-radius: 3px; background: #8673a1; color: white;">'''벌레 {{ruby|{{일본어|虫}}|むし}}'''</div>]]
|
|
|
|
|-
|colspan="5"|[https://namu.wiki/w/틀:전집중%20호흡?rev=30 r30] 판 기준
{{펼접끝}}
|}

== [[로시스]] 이것저것 ==

<!---로시스--->
<div class="mw-collapsible" id="mw-customcollapsible-rochis" style="display: inline-block;">

<div style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; background: white; padding: 3px; cursor: default;">'''로시스'''</div>

<div class="mw-customtoggle-rochis mw-customtoggle-korean" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">한국어</div>

<div class="mw-customtoggle-rochis mw-customtoggle-english" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">영어</div>

<div class="mw-customtoggle-rochis mw-customtoggle-japanese" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">일본어</div>

<div class="mw-customtoggle-rochis mw-customtoggle-chinese" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">중국어</div>

<div style="display: inline-block; border: 1px solid #e1e8ed; background: white; padding: 10px; padding-bottom: 0px;">
{{Roche|N|e|w}} {{Roche|Y|o|r|k}} {{Roche|i|s}} 3 {{Roche|h|o|u|r|s}} {{Roche|a|h|e|a|d}} {{Roche|o|f}} {{Roche|C|a|l|i|f|o|r|n|i|a}}, {{Roche|b|u|t}} {{Roche|t|h|a|t}} {{Roche|d|o|e|s|n}}'{{Roche|t}} {{Roche|m|a|k|e}} {{Roche|C|a|l|i|f|o|r|n|i|a}} {{Roche|s|l|o|w}}. {{Roche|S|o|m|e|o|n|e}} {{Roche|g|r|a|d|u|a|t|e|d}} {{Roche|a|t}} {{Roche|t|h|e}} {{Roche|a|g|e}} {{Roche|o|f}} 22, {{Roche|b|u|t}} {{Roche|w|a|i|t|e|d}} 5 {{Roche|y|e|a|r|s}} {{Roche|b|e|f|o|r|e}} {{Roche|s|e|c|u|r|i|n|g}} {{Roche|g|o|o|d}} {{Roche|j|o|b}}. {{Roche|S|o|m|e|o|n|e}} {{Roche|b|e|c|o|m|e}} {{Roche|a}} {{Roche|C|E|O}} {{Roche|a|t}} 25, {{Roche|a|n|d}} {{Roche|d|i|e|d}} {{Roche|a|t}} 50. {{Roche|W|h|i|l|e}} {{Roche|a|n|o|t|h|e|r}} {{Roche|b|e|c|o|m|e}} {{Roche|a}} {{Roche|C|E|O}} {{Roche|a|t}} 50, {{Roche|a|n|d}} {{Roche|l|i|v|e|d}} {{Roche|t|o}} 90 {{Roche|y|e|a|r|s}}. {{Roche|S|o|m|e|o|n|e}} {{Roche|i|s}} {{Roche|s|t|i|l|l}} {{Roche|s|i|n|g|l|e}}, {{Roche|w|h|i|l|e}} {{Roche|s|o|m|e|o|n|e}} {{Roche|e|l|s|e}} {{Roche|g|o|t}} {{Roche|m|a|r|r|i|e|d}}. {{Roche|O|b|a|m|a}} {{Roche|r|e|t|i|r|e|d}} {{Roche|a|t}} 55, {{Roche|a|n|d}} {{Roche|T|r|u|m|p}} {{Roche|s|t|a|r|t|e|d}} {{Roche|a|t}} 70. {{Roche|E|v|e|r|y|o|n|e}} {{Roche|i|n}} {{Roche|t|h|i|s}} {{Roche|w|o|r|l|d}} {{Roche|w|o|r|k|s}} {{Roche|b|a|s|e|d}} {{Roche|o|n}} {{Roche|t|h|e|i|r}} {{Roche|t|i|m|e}} {{Roche|z|o|n|e}}. {{Roche|P|e|o|p|l|e}} {{Roche|a|r|o|u|n|d}} {{Roche|y|o|u}} {{Roche|m|i|g|h|t}} {{Roche|s|e|e|m}} {{Roche|t|o}} {{Roche|b|e}} {{Roche|a|h|e|a|d}} {{Roche|y|o|u}}, {{Roche|a|n|d}} {{Roche|s|o|m|e}} {{Roche|m|i|g|h|t}} {{Roche|s|e|e|m}} {{Roche|t|o}} {{Roche|b|e}} {{Roche|b|e|h|i|n|d}} {{Roche|y|o|u}}. {{Roche|B|u|t}} {{Roche|e|v|e|r|y|o|n|e}} {{Roche|i|s}} {{Roche|r|u|n|n|i|n|g}} {{Roche|t|h|e|i|r}} {{Roche|o|w|n}} {{Roche|r|a|c|e}}, {{Roche|i|n}} {{Roche|t|h|e|i|r}} {{Roche|o|w|n}} {{Roche|t|i|m|e}}. {{Roche|D|o}} {{Roche|n|o|t}} {{Roche|e|n|v|y}} {{Roche|t|h|e|m}} {{Roche|a|n|d}} {{Roche|m|o|c|k}} {{Roche|t|h|e|m}}. {{Roche|T|h|e|y}} {{Roche|a|r|e}} {{Roche|i|n}} {{Roche|t|h|e|i|r}} {{Roche|t|i|m|e}} {{Roche|z|o|n|e}}, {{Roche|a|n|d}} {{Roche|y|o|u}} {{Roche|a|r|e}} {{Roche|i|n}} {{Roche|y|o|u|r|s}}. {{Roche|L|i|f|e}} {{Roche|i|s}} {{Roche|a|b|o|u|t}} {{Roche|w|a|i|t|i|n|g}} {{Roche|f|o|r}} {{Roche|t|h|e}} {{Roche|r|i|g|h|t}} {{Roche|m|o|m|e|n|t}} {{Roche|t|o}} {{Roche|a|c|t}}. {{Roche|S|o}}, {{Roche|R|e|l|a|x}}.
</div>

</div>
<!---한국어--->
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-korean" style="display: inline-block;">

<div class="mw-customtoggle-korean mw-customtoggle-rochis" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">로시스</div>

<div style="display: inline-block; width: 15%; text-align: center;border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; background: white; padding: 3px; cursor: default;">'''한국어'''</div>

<div class="mw-customtoggle-korean mw-customtoggle-english" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">영어</div>

<div class="mw-customtoggle-korean mw-customtoggle-japanese" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">일본어</div>

<div class="mw-customtoggle-korean mw-customtoggle-chinese" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">중국어</div>

<div style="display: inline-block; border: 1px solid #e1e8ed; background: white; padding: 10px; padding-bottom: 0px;">
뉴욕은 캘리포니아보다 3시간 빠르지만, 그렇다고 캘리포니아가 뒤쳐진 것은 아닙니다. 어떤 사람은 22살에 졸업했지만, 좋은 일자리를 얻기 위해 5년을 기다렸습니다. 어떤 사람은 25살에 CEO가 되어 50살에 사망했습니다. 반면 또 어떤 사람은 50살에 CEO가 되어 90살까지 살았습니다. 어떤 사람은 아직 미혼인 반면 다른 어떤 사람은 결혼을 했습니다. 오바마는 50살에 은퇴했고 트럼프는 70살에 시작했습니다. 세상 모든 사람들은 자기 자신의 시간대에서 일합니다. 당신 주위에 있는 사람들이 당신을 앞서가는 것처럼 느낄 수 있고, 어떤 사람들은 당신보다 뒤쳐진 것 같기도 합니다. 하지만 모두 자기 자신의 경주를, 자기 자신의 시간에 맞춰서 하고 있는 것뿐입니다. 그런 사람들을 부러워하지도, 놀리지도 맙시다. 그들은 자신의 시간대에 있을 뿐이고, 당신도 당신의 시간대에 있는 것뿐입니다. 인생은 행동하기에 적절한 때를 기다리는 것입니다. 그러니, 긴장 푸세요.
</div>

</div>
<!---영어--->
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-english" style="display: inline-block;">

<div class="mw-customtoggle-english mw-customtoggle-rochis" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">로시스</div>

<div class="mw-customtoggle-english mw-customtoggle-korean" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">한국어</div>

<div style="display: inline-block; width: 15%; text-align: center;border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; background: white; padding: 3px; cursor: default;">'''영어'''</div>

<div class="mw-customtoggle-english mw-customtoggle-japanese" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">일본어</div>

<div class="mw-customtoggle-english mw-customtoggle-chinese" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">중국어</div>

<div style="display: inline-block; border: 1px solid #e1e8ed; background: white; padding: 10px; padding-bottom: 0px;">
New York is 3 hours ahead of California, but that doesn't make California slow. Someone graduated at the age of 22, but waited 5 years before securing good job. Someone became a CEO at 25, and died at 50. While another became a CEO at 50, and lived to 90 years. Someone is still single, while someone else got married. Obama retired at 55, and Trump started at 70. Everyone in this world works based on their time zone. People around you might seem to be ahead of you, and some might seem to be behind you. But everyone is running their own race, in their own time. Do not envy them and mock them. They are in their time zone, and you are in yours. Life is about waiting for the right moment to act. So, relax.
</div>

</div>
<!---일본어--->
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-japanese" style="display: inline-block;">

<div class="mw-customtoggle-japanese mw-customtoggle-rochis" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">로시스</div>

<div class="mw-customtoggle-japanese mw-customtoggle-korean" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">한국어</div>

<div class="mw-customtoggle-japanese mw-customtoggle-english" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">영어</div>

<div style="display: inline-block; width: 15%; text-align: center;border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; background: white; padding: 3px; cursor: default;">'''일본어'''</div>

<div class="mw-customtoggle-japanese mw-customtoggle-chinese" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">중국어</div>

<div style="display: inline-block; border: 1px solid #e1e8ed; background: white; padding: 10px; padding-bottom: 0px; font-family: Pretendard JP Variable;">
ニューヨークはカリフォルニアより3時間早いですが、だからといってカリフォルニアが遅れているわけではありません。 ある人は22歳で卒業しましたが、良い働き口を得るために5年を待ちました。 ある人は25歳でCEOになって50歳で死亡しました。 反面、またある人は50歳でCEOになって90歳まで生きました。 ある人はまだ未婚である反面、他のある人は結婚をしました。 オバマ大統領は50歳で引退し、トランプ氏は70歳で始まりました。 世の中のすべての人々は自分自身の時間帯で働きます。 あなたの周りにいる人たちがあなたをリードしているように感じることができるし、ある人たちはあなたより遅れているような気もします。 でも、みんな自分自身の競走を、自分自身の時間に合わせてやっているだけです。 そんな人たちを羨むことも、からかわないでください。 彼らは自分の時間帯にいるだけで、あなたもあなたの時間帯にいるだけです。 人生は行動するのに適切な時を待つことです。 だから、緊張をほぐしてください。
</div>

</div>
<!---중국어--->
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-chinese" style="display: inline-block;">

<div class="mw-customtoggle-chinese mw-customtoggle-rochis" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">로시스</div>

<div class="mw-customtoggle-chinese mw-customtoggle-korean" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">한국어</div>

<div class="mw-customtoggle-chinese mw-customtoggle-english" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">영어</div>

<div class="mw-customtoggle-chinese mw-customtoggle-japanese" style="display: inline-block; width: 15%; text-align: center; border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; padding: 3px; color: gray;">일본어</div>

<div style="display: inline-block; width: 15%; text-align: center;border: 1px solid #e1e8ed; border-bottom: none; position: relative; top: 1px; background: white; padding: 3px; cursor: default;">'''중국어'''</div>

<div style="display: inline-block; border: 1px solid #e1e8ed; background: white; padding: 10px; padding-bottom: 0px; font-family: Pretendard JP Variable;">
纽约比加利福尼亚早3个小时，但这并不能使加利福尼亚慢下来。 有人22岁毕业，但等了5年才找到好工作。 有人25岁成为CEO，50岁去世。 而另一个人在50岁时成为首席执行官，并活了90年。 还有一个人还单身，而另一个人结婚了。 奥巴马55岁退休，特朗普70岁开始。 在这个世界上，每个人都根据自己的时区工作。 你周围的人可能比你早，有些人可能比你晚。 但每个人都在自己的时间赛跑。 不要嫉妒他们，要嘲笑他们。 他们在他们的时区，而你也在你的时区。 人生就是等待时机采取行动。 放松点
</div>

</div>

== [[권석하]] 사원증 ==
{|
|-
|<div style="display: inline-block; max-width: 300px; border: 1px solid black; border-radius: 20px; background: white; padding: 30px 0px 20px; background: linear-gradient(to bottom, black 30px, transparent 30px), linear-gradient(to top, black 20px, transparent 20px, transparent 23px, black 23px, black 26px, transparent 26px), linear-gradient(135deg, transparent 15%, black 15%, black 20%, transparent 20%), linear-gradient(45deg, transparent 80%, black 80%, black 85%, transparent 85%); text-align: center;">
<br>[[주마등#인도관리팀|{{color|black|인도관리팀장}}]]<br>[[권석하|{{color|black|{{fontsize|18|'''권{{여백|5px}}석{{여백|5px}}하'''}}}}]]<br>{{color|black|Seokha Kwon}}<br><div style="display: inline-block; width: 70%;"><br>[[파일:권석하.jpg|1000px|link=권석하]]</div><br><br>[[저승국 (저승국)|{{color|black|한국저승국총괄기업}}]] [[주마등|{{color|black|주마등}}]]<br><br>
</div>
|}

== 수식 연습 ==
{{김찬 낙서 연습장 버튼}}

AsciiMath 문법은 이전에 활동했던 [[위키독]]의 수식 문법<br>
TeX 문법은 [[제이위키]]의 수식 문법

음, 이렇게 보니까 수식은 AsciiMath가 더 간편한 것 같기도 하고...

{|{{style|class=wiki}}
|-
!colspan="2"|이차방정식의 근의 공식
|-
|AsciiMath 문법<pre>x=(-b+-sqrt(b^2-4ac))/(2a)</pre>
|rowspan="2"|<math>x={-b\pm\sqrt{b^2-4ac}\over2a}</math>
|-
|TeX 문법<pre>x={-b\pm\sqrt{b^2-4ac}\over2a}</pre>
|}

{|{{style|class=wiki}}
|-
!colspan="2"|시그마
|-
|AsciiMath 문법<pre>sum_(i=1)^n i^3=((n(n+1))/2)^2</pre>
|rowspan="2"|<math>\sum_{i=1}^n i^3=\left( \frac{n(n+1)}{2} \right)^2</math>
|-
|TeX 문법<pre>\sum_{i=1}^n i^3=\left( \frac{n(n+1)}{2} \right)^2</pre>
|}

{|{{style|class=wiki}}
|-
!colspan="2"|연립일차방정식
|-
|AsciiMath 문법<pre>{(2x,+,18y,=,24),(x,+,3y,=,6):}</pre>
|rowspan="2"|수식을 눌러서 정답 보기<br><div class="mw-customtoggle-simultaneous-equations-answer"><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-simultaneous-equations-answer"><math>(x,\,y)=(3,\,1)</math></div><div class="mw-collapsible" id="mw-customcollapsible-simultaneous-equations-answer"><math>\begin{cases}
2x+18y=24 \\
x+3y=6
\end{cases}</math></div></div>
|-
|TeX 문법<pre>\begin{cases}
2x+18y=24 \\
x+3y=6
\end{cases}</pre>
|}

{|{{style|class=wiki}}
|-
!colspan="2"|적분
|-
|AsciiMath 문법<pre>int_0^1 f(x)dx</pre>
|rowspan="2"|<math>\int_{0}^{1} f(x)dx</math>
|-
|TeX 문법<pre>\int_{0}^{1} f(x)dx</pre>
|}

{|{{style|class=wiki}}
|-
!colspan="2"|만유인력의 법칙
|-
|AsciiMath 문법<pre>F=G(m_1m_2)/r^2</pre>
|rowspan="2"|<math>F=G{m_1m_2 \over r^2}</math>
|-
|TeX 문법<pre>F=G{m_1m_2 \over r^2}</pre>
|}

{|{{style|class=wiki}}
|-
!colspan="2"|오일러 등식(가장 아름다운 식)
|-
|AsciiMath 문법<pre>e^(ipi)+1=0</pre>
|rowspan="2"|<math>e^{i\pi}+1=0</math>
|-
|TeX 문법<pre>e^{i\pi}+1=0</pre>
|}

== [[제국 기사단]] 견장? ==
{|{{style|class=wiki}}
|-
|가로
|<div style="display: inline-block; width: 80px; background: linear-gradient(225deg, white 15%, transparent 15%), linear-gradient(315deg, white 15%, transparent 15%), linear-gradient(to bottom, #0055fe 3px, white 3px, white 4px, #0055fe 4px, transparent 55%), linear-gradient(to top, #0055fe 3px, white 3px, white 4px, #0055fe 4px, transparent 55%); padding: 4px 10px 5px; color: white;">{{border|#0055fe|white|★★★★}}</div>
|-
|세로
|<div style="display: inline-block; height: 80px; background: linear-gradient(225deg, white 15%, transparent 15%), linear-gradient(135deg, white 15%, transparent 15%), linear-gradient(to left, #0055fe 3px, white 3px, white 4px, #0055fe 4px, transparent 55%), linear-gradient(to right, #0055fe 3px, white 3px, white 4px, #0055fe 4px, transparent 55%); padding: 10px 10px; border-radius: 20px 20px 0px 0px; color: white; line-height: 15px;">{{border|#0055fe|white|★<br>★<br>★<br>★}}</div>
|}

== 가나 오십음도 ==
{|class="wikitable" style="width: 300px; text-align: center; table-layout: fixed;"
|+히라가나
|-
!!!あ단!!い단!!う단!!え단!!お단
|-
!あ행
|あ||い||う||え||お
|-
!か행
|か||き||く||け||こ
|-
!さ행
|さ||し||す||せ||そ
|-
!た행
|た||ち||つ||て||と
|-
!な행
|な||に||ぬ||ね||の
|-
!は행
|は||ひ||ふ||へ||ほ
|-
!ま행
|ま||み||む||め||も
|-
!や행
|や||||ゆ||||よ
|-
!ら행
|ら||り||る||れ||ろ
|-
!わ행
|わ
|style="background: #dcdcdc;"|ゐ
|
|style="background: #dcdcdc;"|ゑ
|を
|-
!ん
|ん||||||||
|}

{|class="wikitable" style="width: 300px; text-align: center; table-layout: fixed;"
|+가타카나
|-
!!!ア단!!イ단!!ウ단!!エ단!!オ단
|-
!ア행
|ア||イ||ウ||エ||オ
|-
!カ행
|カ||キ||ク||ケ||コ
|-
!サ행
|サ||シ||ス||セ||ソ
|-
!タ행
|タ||チ||ツ||テ||ト
|-
!ナ행
|ナ||ニ||ヌ||ネ||ノ
|-
!ハ행
|ハ||ヒ||フ||ヘ||ホ
|-
!マ행
|マ||ミ||ム||メ||モ
|-
!ヤ행
|ヤ||||ユ||||ヨ
|-
!ラ행
|ラ||リ||ル||レ||ロ
|-
!わ행
|ワ
|style="background: #dcdcdc;"|ヰ
|
|style="background: #dcdcdc;"|ヱ
|ヲ
|-
!ン
|ン||||||||
|}

== 도쿄구울 설정 ==
{{김찬 낙서 연습장 버튼}}

오리지널 설정의 경우 <sup>＊</sup> 표시.

* '''{{c|red|구울}}'''<br>인간의 모습을 하고, 인간만을 주식으로 하며, 인간보다 월등한 신체능력을 가진 생물. 일반적으로 근력은 인간의 약 4~5배에 달할 만큼 강하다. RC 세포가 신체의 주동력원이며, 오로지 인간에게서만 이 RC 세포를 얻는다. RC 세포로 이루어진 카구네라는 무기가 있다. 구울이 먹을 수 있는 것은 인간, 구울, 커피. 딱 세 가지. 신체 능력도 그렇고 카구네라는 무기도 그렇고 일반적으로 평범한 인간이 맨손으로 구울을 이긴다는 것은 말도 안 되며, 따라서 수사관들은 쿠인케를 들고 싸운다. 하지만 이례적으로 신체 능력이 믿을 수 없을 정도로 강한 소수의 인간은 맨손으로도 구울을 이길 수 있다고 한다.

* '''{{c|red|RC 세포}}'''<br>인간과 구울의 체내에 있는 어떤 특정한 세포. 인간에게는 그저 구울의 양식이 될 만큼의 양만이 들어 있지만, 구울에게는 신체 주동력원인 만큼 많은 양이 들어 있다. 통상적인 인간의 RC 세포량은 50이 안 넘고, 구울의 RC 세포량은 10,000~20,000이다. RC 세포는 구울에게서 발현되는 카구네의 특성에 따라 네 가지 타입으로 나뉜다. 일반적으로 RC 세포량이 높을수록 신체 능력도 강력해지고 카구네도 강해지지만, 그만큼 이성을 잃거나 포악해지기도 쉽다.<table {{style|class=wiki}}><tr><th colspan="2">평균 RC 세포량</th></tr><tr><td>인간</td><td>1~50</td></tr><tr><td>구울, 반구울</td><td>10,000~20,000</td></tr><tr><td>반인간</td><td>100~200</td></tr><tr><td>쿠인쿠스</td><td>500~10,000</td></tr><tr><td>쿠인케</td><td>500~5,000</td></tr></table>

* '''{{c|red|반}}구울'''<br>인간과 구울의 잡종. 인간과 구울의 혼혈이거나, 반구울화 시술에 성공했거나, QS 시술에 성공하면 반구울이 된다. 인간과 구울의 혼혈은 무조건 반인간과 반구울 중 하나지만, 대부분은 반인간이고 순수 반구울로 태어나는 경우는 극히 드물다. 반구울은 척안을 가지지만, 척안 외의 나머지 특징은 일반 구울과 똑같다. 강한 신체, 제한적인 식사, 카구네 등등…. 반구울은 일반적으로 구울에게 있어 인간보다 더 맛있다고 여겨진다.

* '''{{c|blue|반}}인간'''<br>마찬가지로 인간과 구울의 혼혈. 반인간은 반구울과 달리 혁안은커녕 척안도 없고, 식사가 제한적이지도 카구네가 나오지도 않는다. 단 한 가지 특징이라면 신체 능력이 일반 인간보다 뛰어나고(구울만큼은 못하다.) 노화가 빠르다는 것. 일반 인간에 비해 약 2~3배 노화가 빨라 20대 후반이면 머리가 모두 하얘진다.

* '''{{c|red|혁안}}'''<br>구울 특유의 붉은 동공에 검은 눈동자인 눈을 가리키는 말로, 카구네를 꺼내거나 식사를 할 때 자연스레 발현되지만 이외에도 의지에 따라 켜고 끄는 것이 가능하다.
** ''독특한 혁안''<sup>＊</sup><br>이례적으로 붉은 동공에 검은 눈동자가 아니라 다른 색을 갖는 경우도 있는 듯하다. 남아 있는 자료는 없지만 제1차 대구울사태를 일으킨 사신의 혁안은 일반적인 혁안과 반대로 검은 동공에 붉은 눈동자를 가졌었다고 한다.

* '''척{{c|red|안}}'''<br>혁안이 한쪽 눈에만 발현된 상태. 척안은 반구울에게서만 발현된다.

* '''카쿠호'''<br>카구네를 생산해내는 구울만의 장기. 카쿠호의 개수에 따라 체외로 돋아나는 카구네의 수가 결정되며, 타입에 따라 카쿠호의 위치가 다르다. 타 구울의 카쿠호를 이식해 그 구울의 카구네를 사용하는 것도 가능. 쿠인케를 만드는 재료가 되며, 따라서 구울이 구축되고 카쿠호가 손상되어 있다면 쿠인케 제작에 어려움이 생긴다.

* '''카구네'''<br>구울들의 주무기. 어깻죽지, 허리 등 몸의 뒤쪽에서 체외로 돋아나며, 생물마다 형질이 다르듯 카구네의 크기, 힘, 외형도 구울마다 다르다. 외형은 다를지라도 RC 세포 타입에 따라 어느 정도 특성의 일관성은 존재한다.

* '''카쿠자'''<br>구울이 구울을 포식해 RC 세포량이 통상을 훨씬 넘어버리면 발현하게 되는 단계. 카구네가 일반적으로 체외로 방출되는 무기라면, 카쿠자는 몸에 두르는 갑옷과 같은 카구네이다. 카쿠자또한 카구네처럼 타입의 차이가 있지만 카쿠자에서는 크게 상관하지 않는다. 몸의 일부분(주로 얼굴부터 상반신 일부)만 덮는 반카쿠자와 머리 끝부터 발끝까지 덮는 완전 카쿠자로 나뉜다.

* '''{{c|darkviolet|키메라}}'''<br>일반적으로 한 구울은 하나의 타입만을 갖는다. 그러나 드물게 두 가지 타입 이상을 갖고 나는 경우도 있는데, 이를 키메라라고 한다. 카쿠호또한 타입이 두 가지 이상이며, 당연히 카구네도 두 가지 타입의 카구네를 꺼낼 수 있다. 상성 싸움에서 조금 더 유리해지는 셈. 이론적으로는 네 가지 타입을 모두 가진 키메라 구울도 존재할 수 있지만 키메라는 동시에 두 타입만 존재해도 정신병자가 되기 쉬우므로 가능성은 매우 낮다.

* '''레이트'''<br>구울의 단순한 강함뿐만 아니라 그 구울이 구울 사회나 인간 사회에 미칠 수 있는 영향력, 인맥력, 구울 사회에서의 지위, 포악함 등을 고려하여 구울 대책국에서 결정하는 구울의 위험도. SSS부터 C까지 6개의 등급이 존재한다. 여기서 말하는 SSS 레이트는 하늘이 내린 재앙이라고도 불릴 정도로 위험한 수준. SSS 레이트 중에도 1순위로 구축해야 할 최고 위험도의 구울은 HS 지정범(특별 조사 대상)으로 정해진다.
** ''○○+ 레이트''<br>해당 레이트보다는 강하지만 그 다음 레이트로 올리기에는 애매한 수준의 구울들이다. 예를 들어 A+ 레이트는 A 레이트에 비해 확실히 강하지만 S 레이트에 비하면 현저히 떨어진다. SSS+ 레이트는 존재하지 않는다.
** ''○○~ 레이트''<br>구울의 강함을 정확히 알 수 없을 때 부여된다. 예를 들어 A~ 레이트는 A 레이트 이상이 확실하나 얼마나 강한지는 알지 못한다는 것이다. 따라서 이론적으로는 C~ 레이트가 SSS 레이트급일 수도 있다.

* '''{{c|blue|CCG}}'''<br>Commission of Counter Ghoul의 약자로, 본 명칭은 구울 대책국. 구울 대책법을 기반으로 만들어진 국가 정부 산하의 기구로, 1구에 본부를 두고 각 구마다 하나씩 지부를 두고 있다. CCG에서 근무하는 수사관들은 무력을 행사하거나 수사를 진행하는 등 나름 강력한 권력을 가지고 있다. 가장 위에 총의장이 있으며 그 아래의 국장이 대부분의 권력을 책임진다.

* '''RC 게이트'''<br>CCG 각 지부마다 정문 출입구에 설치돼 있는 감지기. 지나는 물체가 RC 세포량이 비정상적으로 높게 감지되면 건물 내 전체에 알람을 울리는 장치이다. 주목적은 구울 탐지. RC 세포량이 높을지라도 예외자로 설정해두면 게이트에 걸리지 않는다.

* '''{{c|blue|수사관}}'''<br>CCG에 입사하여 구울 문제를 해결하기 위해 일하는 직책의 한 종류. 구울 수사관과 국원 수사관으로 나뉘며, 수사관은 특등, 준특등, 상등, 일등, 이등, 삼등의 6개 등급으로 다시 나뉜다. 구울 수사관 중 특등 수사관은 하늘에서 내린 재앙이라고도 불리는 SSS 레이트 구울과도 일대일로 대적할 정도로 강한, 인류의 희망이라고도 말할 수 있는 강자들이다.
** ''구울 수사관''<br>대책 1과와 대책 2과 중 한쪽으로 배치된다. 대책 1과에서는 직접 쿠인케를 들고 구울들과 실 전투를 벌이고, 대책 2과에서는 그런 대책 1과의 구울 수사관들을 모니터링하며 전투 지휘한다.
** ''국원 수사관''<br>구울 수사관이 구울과의 전투를 목적으로 한다면, 국원 수사관은 CCG 내 잡다한 서류 업무를 담당한다.

* '''업무 분할'''<sup>＊</sup><br>CCG는 그 많은 수의 수사관을 효율적으로 배분하기 위하여 목적이나 수단 등에 따라 수사관들을 분류하고, 이를 부部와 반班 등의 개념으로 체계화했다. 반에 속해 있지 않은 수사관은 자신이 따로 자신의 이름을 딴 소규모 반을 만들거나 다른 수사관과 파트너를 맺어 행동한다. 물론 반이 있는 수사관일지라도 대부분 평소에는 개인이나 파트너와 수사하는 것이 보통이다.

* '''백구'''<br>CCG의 상징이 흰 비둘기라는 것을 비꼬듯이, 구울에게서 불리는 수사관의 별칭.

* '''{{c|darkviolet|쿠인케}}'''<br>구울 수사관이 구울과 전투를 벌일 수 있는 유일한 수단이자 이유. 구울 수사관들의 주무기이며, 대부분의 수사관은 쿠인케가 없으면 구울과 맞서는 것조차 불가능하고 전투 중 쿠인케를 잃거나 쿠인케가 파괴당하면 이미 진 것이라 봐도 무방할 정도로 수사관에게 쿠인케는 중요하다.{{brbr}}쿠인케는 수사관이 구축해 가져온 구울의 시체에서 카쿠호를 떼어내 그 구울의 카쿠호로 만들게 되며, 카구네가 타입이 있듯 쿠인케또한 타입(과 타입에 따른 상성 차이)이 존재한다.{{brbr}}구울의 카쿠호를 재료로 만들지만 외형은 재료의 것을 크게 관여하지 않고 완전히 새로운 모습으로 만드는 것도 가능하다. 쿠인케의 소유권은 재료가 된 구울을 구축한 수사관에게 있다. 이름을 정하는 것도 구축한 수사관에게 있지만 대부분 재료가 된 구울의 코드네임으로 한다. 물론 이례적으로 다른 이름을 스스로 짓는 수사관도 있다.{{brbr}}쿠인케의 레이트도 재료의 레이트를 따라가지만, 가공에 실패해 레이트가 낮아지거나 추후 강화를 통해 레이트가 높아지는 경우도 있다. 그래봤자 ±1이지만.{{brbr}}우카쿠로 만드는 쿠인케는 대부분 발사 형식의 쿠인케가 많다. 총이든 대포이든. 아닌 경우도 있지만 반대로 말해 발사 형식의 쿠인케는 전부 우카쿠이다.{{brbr}}쿠인케는 평상시 철제 서류 가방으로 보이는 것에 보관하고 다니며, 가방의 손잡이 부근에 있는 버튼을 누르면 본래의 쿠인케 모습으로 변한다. 주인 설정을 따로 하는 건지, 이 버튼은 쿠인케의 주인과 주인이 설정한 인물이 아니면 눌러도 작동하지 않는다.
** ''키메라 쿠인케''<br>키메라 구울처럼, 한 쿠인케에 타입이 두 가지 이상인 쿠인케를 말한다. 일반적으로 키메라였던 한 구울에게서 타입이 다른 두 카쿠호를 동시 가공하지만, 전혀 다른 두 구울에게서 다른 타입의 카쿠호로 시도하기도 한다. 전자조차 성공률이 극히 희박하지만 후자는… 말할 것도 없다.
** ''Proto 방식''<sup>＊</sup><br>쿠인케를 제작하는 방식 중 하나. 제1차 대구울사태 이전까지 채택했던 방식이다. 재료가 되는 카쿠호를 변형하지 않고 거의 온전하게 놔둔다는 것이 가장 큰 차이점. 때문에 꾸준히 구울을 토벌하면 인위적인 RC 세포의 공급이 필요 없고 작은 손상은 알아서 수복한다는 장점이 있지만, 카쿠호의 위험성(쿠인케가 사용자를 잡아먹을 수 있다.)이 남아 있다는 단점이 있다.
** ''Alpha 방식''<sup>＊</sup><br>쿠인케를 제작하는 방식 중 하나. 제1차 대구울사태 이후에 채택해 현재까지 사용 중인 방식이다. 재료가 되는 카쿠호를 완전히 변형한다는 것이 가장 큰 차이점. 때문에 카쿠호의 위험성 없이 완벽한 무기로써 사용할 수 있다는 장점이 있지만, 인위적으로 RC 세포를 꾸준히 공급해 주어야 하며 손상이 가면 수리할 때까지 사용하기 어렵다는 단점이 있다. 대부분의 현역 쿠인케는 알파 방식으로 만들어졌다.

* '''쿠인쿠스'''<br>QS 시술을 통해 반구울이 된 특수목적수사관. 쿠인쿠스부에 배치된다. QS 시술이란, 적임자를 선발하고 적임자에게 안전 가공된 카쿠호를 이식시키는 시술이다. 무작정 카쿠호를 인간에게 이식하는 반구울화 시술은 성공 확률이 0.2%에 불과하고(실패하면 죽어버린다.), 성공한다 해도 식사가 제한적인 반구울이 되어 버리지만, QS 시술을 통한 쿠인쿠스는 구울만큼은 아니지만 구울 특유의 신체능력, 카구네를 가지면서도 식사가 제한적이지 않는다.{{brbr}}쿠인쿠스의 카쿠호는 특수 가공을 거쳐 프레임 1단계부터 5단계까지 제한을 거는데, 단계가 높아질수록 카쿠호가 체내에 침투하는 RC 세포량이 많아진다. = 즉 프레임이 높아질수록 신체는 강해지지만 점점 더 구울에 가까워진다는 것이다. 프레임 5단계는 구울의 90% 정도.{{brbr}}인간 포식이나 구울 포식으로 인해 RC 세포량이 구울만큼 높아지면, 프레임 아웃 현상이 일어나 카쿠호의 가공이 해제되고 진짜 반구울이 된다.{{brbr}}쿠인쿠스는 전부 척안이다. 순혈 구울을 빼고는 전부 척안.<table {{style|class=wiki}}><tr><th colspan="2">프레임 단계</th></tr><tr><td>{{center|프레임 1단계}}</td><td>제한률 90%, RC 세포량은 500~2,500. RC 세포 적응력이 낮은 쿠인쿠스가 여기에 머물지만, 애초에 적성이 안 맞으면 QS 시술도 받지 않았을 것이다.</td></tr><tr><td>{{center|프레임 2단계}}</td><td>제한률 70%, RC 세포량은 2,500~4,500. 대부분의 쿠인쿠스가 2단계에 머문다. 그 이상은 위험하다고 판단되기 때문이다.</td></tr><tr><td>{{center|프레임 3단계}}</td><td>제한률 50%, RC 세포량은 4,500~6,500. 아직까지는 인간에 가깝지만 꽤 위험한 단계이다.</td></tr><tr><td>{{center|프레임 4단계}}</td><td>제한률 30%, RC 세포량은 6,500~8,500. 이때부터 일반적인 쿠인쿠스는 정상적인 식사가 불가능하다.</td></tr><tr><td>{{center|프레임 5단계}}</td><td>제한률 10%, RC 세포량은 8,500~10,000. 프레임 아웃 직전의 상태로, 인위적으로 RC 세포를 줄이지 않으면 상당히 위험하다.</td></tr><tr><td>{{center|{{c|red|프레임 아웃}}}}</td><td>RC 세포량 10,000 이상. 프레임 단계의 제한이 깨져 쿠인쿠스가 아니라 정말 반구울이 된 상태. 처음 프레임 아웃이 일어나면 정신을 잃기 전까지 이성을 놓고 폭주해 버리며, 이 상태가 되면 돌이킬 수 없다.</td></tr></table>

== 아릴렌 SCP ==
{|{{style|class=wiki|max-width=500px|width=100%|table=center|border=var(--box--border)|align=center}}
|-
!{{style|colspan=2|bg=white|color=black}}|[[파일:SCP 재단 로고.svg|60px|link=]] {{++3|SCP 재단}}
|-
|{{style|colspan=2|bg=black}}|{{folding|id=arilen-scp-image|titlecolor=white|[[파일:Arilen Spell.png|250px|link=]]}}
|-
!{{style|width=30%|bg=black|color=white}}|일련번호
|SCP-2374
|-
!{{style|bg=black|color=white}}|별명
|전능한 마법사<br>(Almighty Magician)
|-
!{{style|bg=black|color=white}}|등급
|타이콘데로가(Ticonderoga)
|}

'''일련번호''': SCP-2374<br>
'''인가 등급 5''': 극비(Top Secret)

'''격리 등급''': 타이콘데로가(Ticonderoga)<br>
'''혼란 등급''': 4/에키(Ekhi)<br>
'''위험 등급''': 5/치명(Critical)

{{hr|none|color=black}}

'''특수 격리 절차''': 

현재로써 재단의 힘으로는 대상을 격리할 수 없다.

{{hr|none|color=black}}

'''설명''':

신장 174cm, 길게 늘어뜨린 백발, 상하의를 단순하고 검은 차림으로 유지 중인 인간형 여성 개체. 그 외 외적으로 별 다른 특징은 보이지 않는다.

대상의 변칙 능력은 대상 스스로가 마법이라 칭하고 있으며, 대상이 능력을 사용할 때마다 이따금 창작물에서 마법진이라 불리는 것과 같은 형태가 나타나는 것으로 미루어 대상의 별칭을 전능한 마법사라 명명한다.

대상의 변칙 능력은 실제로 전능하다. 현재까지 재단에서 요구한 그 무엇도 대상은 쉽게 행하는 모습을 보여 주었다. 그 범주는 생명 창조, 현실 조작, 기억 왜곡 등 무한하다. 대상의 변칙 능력에 한계가 있을지라도 적어도 재단의 재량으로는 그를 측량할 수 없다.

이러한 능력 탓에 대상을 격리할 수 없다. 최초 발견 당시 대상은 아폴리온(Apollyon)급으로 지정되었으나, 수 년 간 대상과의 접촉 및 상호교류를 통해 타이콘데로가(Ticonderoga)급으로 정정되었다.

대상은 불규칙한 기간을 두어 전세계 재단의 여러 기지를 순회하며 방문한다. 기지에 머무는 동안 재단의 직원들과 인륜적인 교류를 행하며 이따금 그들의 업무를 적극적으로 돕기도 한다.

대상의 변칙 능력으로 미루어 대상이 재단 및 인류에게 적대적으로 대한다면 그 즉시 XK급 세계 멸망 시나리오로 간주한다.

{{hr|none|color=black}}

이하 실험 내용들로 하여금 대상의 변칙 능력을 입증한다.

{|{{style|class=wikitable arilen-table|width=100%|layout=on}}{{#css: table.arilen-table td:where(:nth-child(2), td:nth-child(4)) { text-align: center; } }}
|-
!실험 번호
|A-001
!부제
|
|-
|colspan=4|대상에게 지정한 좌표에 낙뢰가 떨어지도록 지시하였다.<br>→ 재단이 지정한 좌표, 대상이 예고한 시각에 정확히 낙뢰가 떨어졌다.
|-
!실험 번호
|A-032
!부제
|SCP-682
|-
|colspan=4|대상에게 SCP-682와의 접촉을 지시하였다.<br>→ SCP-682가 대상을 마주하자마자 겁을 먹고 패닉에 빠졌다. 이후 대상이 스스로 접촉을 포기하며 상황 종료.
|-
!실험 번호
|A-107
!부제
|SCP-076
|-
|colspan=4|대상에게 SCP-076과의 접촉을 지시하였다.<br>→ 대상과 SCP-076이 고대 수메르어로 대화를 나누었다. 일부 내용이 번역되었는데, 그 내용 중 재단은 [데이터 말소]를 알 수 있었다.
|-
!실험 번호
|A-302
!부제
|SCP-2845
|-
|colspan=4|대상에게 1m{{^^|3}} 부피의 정육면체 티타늄 합금체를 물질 조작하도록 지시하였다.<br>→ 1m{{^^|3}} 부피의 정육면체 티타늄 합금체가 사라지고 동시에 그 자리에 나뭇가지나 나뭇잎 등의 유기물로 엮인 정육면체 큐브가 생성되었다.
|-
!실험 번호
|A-███
!부제
|███-███
|-
|colspan=4|███ ██ ███-█████ ███ █████.<br>→ ███ ███-████ ███ ███ █████ ███ ██ ██.
|-
!실험 번호
|A-485
!부제
|SCP-3000
|-
|colspan=4|대상에게 특정 이미지를 본 기억이 있는 D계급 요원 5명의 기억을 소거하도록 지시하였다.<br>→ 지정된 D계급 요원 5명 중 2명의 기억이 말끔히 소거되었다. 나머지 3명은 정신 이탈 상태가 되어 제대로 된 소통이 불가능하여 진정제를 투여하고 실험 종료. 정신 이탈 상태가 된 3명에 대해 대상에게 묻자 대상은 대답하지 않고 웃기만 하였다.
|}

== 프로젝트 사쿠라 설정 ==
{{관련 문서2|사쿠라모토 치하야|사쿠라가타리}}

* '''{{c|hotpink|사쿠라모토({{일본어|桜本}})}}'''<br>산 속 깊은 곳에 본가를 두고 있던 요괴 퇴치 가문. 그 존재는 거의 알려지지 않았다고 할 정도로 베일에 싸여 있다. 아무도 알아 주지 않지만 음지에서 홀로 요괴들과 싸웠다. 사쿠라츠루기라는 사쿠라모토만의 특별한 공정으로 만든 검과 앵화검무라는 특별하고 강력한 검술을 계승했다. 현재는 █년 전 무리를 지은 요괴들의 습격으로 전멸해 버렸고 대가 끊겼다. 유일한 생존자는 앵화검무의 마지막 계승자였던 [[사쿠라모토 치하야|사쿠라모토 치하야({{일본어|桜本 智早}})]].

* '''사쿠라츠루기({{일본어|桜剣}})'''<br>사쿠라모토를 대표하는 두 자랑 중 하나. 도신이 평범한 검과는 달리 분홍빛을 띠는 것이 특징. 검의 이름을 가졌지만 검뿐만 아니라 날붙이라면 형태가 어떻든 모두 사쿠라츠루기다. 중요한 것은 형태가 아니라 재료와 공정. 사쿠라츠루기는 사쿠라모토 본가가 있는 산에서만 나는 특별한 금속으로 만든다. 우선 형태를 다잡고, 그것을 본가가 있는 산에서만 피는 특별한 벚꽃으로 우린 물에 하루를 꼬박 담가 두어야 한다고 한다. 물론 이것도 전해지는 이야기일 뿐, 사쿠라츠루기를 만드는 도공(刀工)에 대해서는 가문 내에서도 중대한 기밀이므로 아무도 정확히 알 수 없다. 그마저도 가문이 전멸하는 바람에 이제는 더 이상 알 수 없게, 즉 사쿠라츠루기를 만들 수 없게 되었다.

* '''앵화검무({{일본어|桜花剣舞}})'''<br>사쿠라모토를 대표하는 두 자랑 중 하나. 일반적으로는 검술을 의미하지만 사실 앵화검무를 단순히 검술이라고 정의하기에는 무리가 있다. 사쿠라츠루기로만 그 진가를 발휘할 수 있으며, 그 외의 다른 검들로는 움직임을 흉내 내는 데에 그친다. 아래는 앵화검무의 기술 중 일부.<table {{style|class=wiki}}><tr><th>고우({{일본어|轟}})</th><td>울릴 굉 자. 도신을 공명시켜 기운을 내뿜고 위력을 증가시킨다.</td></tr><tr><th>게키({{일본어|撃}})</th><td>칠 격 자. 사쿠라츠루기와 같은 모양의 에너지를 만들어 발사한다.</td></tr><tr><th>겐({{일본어|幻}})</th><td>헛보일 환 자. 자신과 똑같은 환상 둘을 만들어 동시에 세 번 공격한다.</td></tr><tr><th>센({{일본어|閃}})</th><td>번쩍일 섬 자. 직진으로 순간이동처럼 빠르게 베며 지나간다.</td></tr><tr><th>제츠({{일본어|絶}})</th><td>끊을 절 자. 시간을 잠시 멈추고 잘게 조각내듯 무수히 벤다.</td></tr><tr><th>슈우({{일본어|鷲}})</th><td>독수리 취 자. 거대한 초승달 모양의 검기를 날려보낸다.</td></tr><tr><th>엔({{일본어|燕}})</th><td>제비 연 자. 제비 모양으로 검의 길이보다도 넓은 범위를 벤다.</td></tr></table>

* '''일체화({{일본어|一体化}})'''<br>사쿠라츠루기는 그 안에 담긴 기운이 남달라서 아무나 함부로 손을 댔다간 그 기운을 몸이 버티지 못하고 산산조각 나 버린다. 더욱이, 앵화검무를 배울 수도 없다. 때문에 어릴 적부터 혹독한 수련으로 검劍에 비로소 눈을 뜬 자만이 사쿠라츠루기의 기운을 받아들일 수 있는데, 그 자질을 시험하는 것을 일체화라고 한다. 일체화가 가능한 최소 나이는 15세이며, 가문 역사 상 15세 때 성공한 자는 딱 한 명이고 가장 늦게 성공한 나이는 38세라고 한다. 15세 때 도전한 모든 자들의 수가 역사적으로 500여 명이 넘는데 그중 성공자가 1명인 것을 보면 일체화가 얼마나 어려운지 알 수 있다.{{ref|그걸 [[치하야]]는 13살에 혼자 성공했다.}} 일체화에 성공한 자를 앵화검무의 계승자라고 부르며, 앵화검무를 배울 자격을 갖는다.

* '''{{c|red|요괴(妖怪)}}'''<br>사쿠라모토 가문이 존재하는 가장 큰 이유. 인간의 주적이자 천적이기도 하다. 오로지 살육만을 일삼는 잔혹하고 포악한 존재들로, 사쿠라모토의 사쿠라츠루기와 앵화검무가 아니면 없앨 수 없다. 생물을 초월한 신체 능력을 기반으로 일부는 특별한 능력까지 가지고 있다. 일부 고위급 요괴는 지능을 가져 언어마저 구사할 수 있다. 순종 요괴와 혼종 요괴로 나뉜다.
** ''순종 요괴''<br>만들어진 요괴가 아닌 자연적으로 탄생한 요괴. 혼종 요괴와 달리 인간의 모습에 가까울수록 지능이 높고 강하다. 그렇지 않더라도 평균적으로 혼종 요괴와는 격이 다른 강함을 보유하고 있으며, 하나의 순종 요괴가 100마리의 혼종 요괴를 거느리기도 한다. 요괴들의 왕을 포함해 모든 고위급 요괴들은 전부 순종 요괴들이다. 아주 강한 힘을 가진 순종 요괴는 힘을 드러내기 전까진 인간과 구분이 잘 가지 않을 정도라고 한다.
** ''혼종 요괴''<br>순종 요괴에 의해 만들어진 요괴. 순종 요괴와 달리 인간의 모습에서 벗어날수록 강하다. 하지만 혼종 요괴는 아무리 강해져도 순종 요괴 수준에 미치지 못한다. 가장 강하다는 혼종 요괴도 여전히 짐승과 다를 바 없는 지능을 갖는다. 그렇지만 여전히 요괴라는 점에서 인간들을 죽이고 다니기엔 충분하다. 순종 요괴들은 인간을 죽여 그 혼을 이용해 혼종 요괴로 만든다.
** ''요괴들의 왕''<br>요괴신이라고도 불린다. 모든 요괴의 정점에 선 존재로, 모든 요괴들을 다스릴 수 있으며 단신으로 인류를 멸망시킬 힘을 가졌다고 일컬어진다. 팔을 휘두르면 그 여파로 산 하나가 깎일 정도이니 말은 다 했다. 사쿠라모토 습격에도 가세했지만 치하야에 의해 단칼에 썰렸다. 새로운 요괴왕은 공석인 상태.

== 최강 틀 ==
{|style="width: 100%;"
|-
|<div style="text-align: center;">

<div class="mw-collapsible" id="mw-customcollapsible-arilen" style="display: inline-block; width: 30%;">
<div style="display: inline-block; width: 30%;">'''아릴렌'''</div>
<div class="mw-customtoggle-arilen mw-customtoggle-seinel" style="display: inline-block; width: 30%;">세이넬</div>
<div class="mw-customtoggle-arilen mw-customtoggle-dowon" style="display: inline-block; width: 30%;">사도원</div>
</div>

<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-seinel" style="display: inline-block; width: 30%;">
<div class="mw-customtoggle-seinel mw-customtoggle-arilen" style="display: inline-block; width: 30%;">아릴렌</div>
<div style="display: inline-block; width: 30%;">'''세이넬'''</div>
<div class="mw-customtoggle-seinel mw-customtoggle-dowon" style="display: inline-block; width: 30%;">사도원</div>
</div>

<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-dowon" style="display: inline-block; width: 30%;">
<div class="mw-customtoggle-dowon mw-customtoggle-arilen" style="display: inline-block; width: 30%;">아릴렌</div>
<div class="mw-customtoggle-dowon mw-customtoggle-seinel" style="display: inline-block; width: 30%;">세이넬</div>
<div style="display: inline-block; width: 30%;">'''사도원'''</div>
</div>

</div>
|-
|<div class="mw-collapsible" id="mw-customcollapsible-arilen">{{분야별 최강자|아릴렌}}</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-seinel">{{분야별 최강자|세이넬}}</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-dowon">{{분야별 최강자|사도원}}</div>
|}

== 카톡 구현 ==
<div style="display: inline-block; width: 225px; height: 400px; border: 3px solid black; border-radius: 20px; padding: 20px 0px; background: black;">
<div style="position: relative; bottom: 25px; right: 10px;">[[파일:Half Battery Icon.png|8px|오른쪽|link=]]</div>
<div style="height: 100%; background: #b2c7d9; padding: 10px;">
<div style="display: inline-block; float: right; background: #ffeb33; padding: 5px; border-radius: 3px; box-shadow: 0px 2px 2px gray;">동해물과</div>
<div style="margin: 5px 0px;">{{-}}</div>
<div style="display: inline-block; float: left; width: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px;">[[파일:인스타그램기본프사.jpg|link=]]</div><div style="display: inline-block; float: left; background: white; padding: 5px; border-radius: 3px; box-shadow: 0px 2px 2px gray;">백두산이</div>
<div style="margin: 5px 0px;">{{-}}</div>
<div style="display: inline-block; float: right; background: #ffeb33; padding: 5px; border-radius: 3px; box-shadow: 0px 2px 2px gray;">마르고</div>
<div style="margin: 5px 0px;">{{-}}</div>
<div style="display: inline-block; float: left; width: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px;">[[파일:인스타그램기본프사.jpg|link=]]</div><div style="display: inline-block; float: left; background: white; padding: 5px; border-radius: 3px; box-shadow: 0px 2px 2px gray;">닳도록</div>
<div style="margin: 5px 0px;">{{-}}</div>
<div style="display: inline-block; float: right; background: #ffeb33; padding: 5px; border-radius: 3px; box-shadow: 0px 2px 2px gray;">하느님이</div>
<div style="margin: 5px 0px;">{{-}}</div>
<div style="display: inline-block; float: left; width: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px;">[[파일:인스타그램기본프사.jpg|link=]]</div><div style="display: inline-block; float: left; background: white; padding: 5px; border-radius: 3px; box-shadow: 0px 2px 2px gray;">보우하사</div>
<div style="margin: 5px 0px;">{{-}}</div>
<div style="display: inline-block; float: right; background: #ffeb33; padding: 5px; border-radius: 3px; box-shadow: 0px 2px 2px gray;">우리나라</div>
<div style="margin: 5px 0px;">{{-}}</div>
<div style="display: inline-block; float: left; width: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px;">[[파일:인스타그램기본프사.jpg|link=]]</div><div style="display: inline-block; float: left; background: white; padding: 5px; border-radius: 3px; box-shadow: 0px 2px 2px gray;">만세</div>
</div>
<div style="text-align: center;">
<div style="display: inline-block; width: 50px; border: 1.2px solid white; border-radius: 30px; padding: 5px 0px;"></div>
</div>
</div>

== 휴먼광희체 ==
{{border|black|white|{{폰트|Gaegu|{{fs|24|두 번씩이나 이 거지 같은 섬에에{{brbr}}버려지다니이}}}}}}

왜 잘 어울림 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

== wikitable 따라잡기 ==
{{김찬 낙서 연습장 버튼}}

<pre>{|style="margin: 12px 0px;"
|-
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|-
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|}</pre>

{|style="margin: 12px 0px;"
|-
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|-
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|style="border: 1px solid #e1e8ed; padding: 0.3rem 0.6rem;"|내용
|}

* 테이블 전체 상하 여백 12px
* 각 칸마다 테두리 #e1e8ed 색으로 1px
* 각 칸마다 내부 여백 상하 0.3rem, 좌우 0.6rem

아래가 진짜 wikitable

{|{{style|class=wiki}}
|-
|내용
|내용
|내용
|-
|내용
|내용
|내용
|}

== 버튼 디자인과 기능 ==
{{김찬 낙서 연습장 버튼}}

{{접기변화|class=yame-button
|{{span|atr=style="border-color: silver lightgray silver gray; border-width: 4px 2px 4px 6px; border-style: solid; border-radius: 4px; background: rgb(255, 255, 0); padding: 2px 4px; color: black;"|{{ff|Youth|BUTTON}}}}
|{{span|atr=style="border-color: silver lightgray silver gray; border-width: 4px 2px 4px 4px; border-style: solid; border-radius: 4px; background: rgb(230, 230, 0); padding: 2px 4px; color: black;"|{{ff|Youth|BUTTON}}}}
|{{brbr}}Clicked!|span=on}}

== 눈동자 ==
{{김찬 낙서 연습장 버튼}}

<div style="width: 300px; height: 300px; border: 2px solid black; border-radius: 50%; background: radial-gradient(circle, black 5%, transparent 0%), linear-gradient(160deg, cyan, cyan, gold, gold);"></div>

== 리스트 가로로 ==
<ul>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
<li style="display: block; float: left; border-right: 1px solid gray; padding: 0 5px;">목록</li>
</ul>
{{-}}

== 말풍선 각주 ==
[[틀:말풍선 각주|여기]]로 업그레이드!

== 길어지는 애니메이션 ==
<div class="width-lengthen-bar">마우스를 올려봐요</div>
<div class="width-lengthen-bar-2">마우스를 꾹 눌러봐요</div>

== 무지개 애니메이션 ==
<div class="rainbow"></div>

더 부드럽게... 어떻게...?

== 빙그르르 ==
<div class="rotate"></div>

마우스를 올려보래요<br>
그럼 두 바퀴 빙그르르~

== CSS 버튼 ==
<div class="button btnPush btnBlueGreen">Push</div>
{{-}}

사실 눌러도 뭐가 일어나진 않습니다

== 무지개 텍스트 ==
<span class="rainbow-text" style="font-size: 18pt;">'''무지개색 총공격이다!'''</span>

마우스를 올리고 있으면 샤라랑~

== 벌레굴 구역 블러 ==
왜 모바일에선 안 되지?

{|class="wikitable" style="max-width: 700px; margin: 12px auto; border: 2px solid black; text-align: center;"
|-
|{{style|width={{#expr:1/3}}%}}|{{블러4|{{nmi|개미소굴.jpg}}}}
|{{style|width={{#expr:1/3}}%}}|{{블러4|{{nmi|비행자들.jpg}}}}
|{{style|width={{#expr:1/3}}%}}|{{블러4|{{nmi|독거미.jpg}}}}
|-
|{{블러4|{{nmi|벌집.jpg}}}}
|{{블러4|{{nmi|지네다리.jpg}}}}
|{{블러4|{{nmi|파도.jpg}}}}
|-
|{{블러4|{{nmi|모기.jpg}}}}
|{{블러4|{{nmi|애벌레.jpg}}}}
|{{블러4|{{nmi|사마귀.jpg}}}}
|}

== PC와 모바일에서 다른 출력 ==
<div class="screen-media-background"></div><span class="screen-media"> 위 박스가 빨간색일 경우 화면 너비 768px 이하, 파란색일 경우 768px 이상을 뜻합니다.</span>

== 틱톡 느낌나는 박스 ==
<div style="display: inline-block; width: 50px; height: 50px; border-radius: 5px; background: black; box-shadow: -5px -5px #25f4ee, 5px 5px #fe2c55;"></div>

== 붕괴 스타레일 문자 메시지 ==
[[틀:말풍선|틀로 만들었어요!]]

<div style="border-left: 30px solid #292d34; margin: 12px auto; width: 100%; padding: 5px 10px; background: #ddd; border-radius: 0 15px 0 0; color: black;">
{|{{style|class=wiki|width=100%|border=#ddd|margin: 12px 0;}}
|-
|{{펼접|bg=#ddd}}
|-
|<div style="display: {{#switch:{{{1|}}}|문자=inline-block|이미지=none|#default=inlin-block}}; margin: 5px 0; width: 100%; text-align: left;"><!--
--><div style="width: 50px; display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;">[[파일:인스타그램기본프사.jpg|1000px]]</div><!--
--><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;">'''{{c|#6D6D6D|캐릭터}}'''<br><!--
--><div style="padding: 5px 10px; background: white; border-radius: 0 5px 5px 5px; display: inline-block; font-size: .9em; color: black;">내용</div></div></div><!--

--><div style="display: {{#switch:{{{1|}}}|문자=inline-block|이미지=none|#default=inlin-block}}; margin: 5px 0; width: 100%; text-align: left;"><!--
--><div style="width: 50px; display: inline-block; vertical-align: top; border-radius: 50%; overflow: hidden;">[[파일:인스타그램기본프사.jpg|1000px]]</div><!--
--><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;">'''{{c|#6D6D6D|캐릭터}}'''<br><!--
--><div style="padding: 5px 10px; background: white; border-radius: 0 5px 5px 5px; display: inline-block; font-size: .9em; color: black;">내용</div></div></div><!--

--><div style="display: {{#switch:{{{1|}}}|문자=inline-block|이미지=none|#default=inlin-block}}; margin: 5px 0; width: 100%; text-align: right;"><!--
--><div style="width: 70%; margin: 0 10px; display: inline-block; vertical-align: top;">'''{{c|#6D6D6D|캐릭터}}'''<br><!--
--><div style="padding: 5px 10px; background: #d4ba8b; border-radius: 5px 0 5px 5px; display: inline-block; font-size: .9em; color: black;">내용</div></div></div>
{{펼접끝}}
|}
</div>

== 환댕 유니버스 기사 나무위키 틀 ==
{|{{style|class=wiki|max-width=700px|width=100%|table=center|align=center|border=black}}
|-
!{{style|bg=black}}|{{++1|{{가짜 링크|기사(환댕 유니버스)|{{c|white|기사}}}}}}
|-
|{{펼접|id=knight-list|layout=on}}
|-
|colspan=5|{{너비맞춤}}{{--2|※ 기사명(색깔+동물)과 본명이 공개된 기사만을 기재함.<br>※ 틀에 없는 기사는 {{가짜 링크|기사(환댕 유니버스)}} 문서 참고.}}
|-
|{{style|bg=#fbecd9}}|
|{{style|bg=#ffddf0}}|
|{{style|bg=#fbecd9}}|
|{{style|bg=#fbecd9}}|
|{{style|bg=#fbecd9}}|
|-
|{{--2|핏빛 거미}}<br>악마 기사<br>{{--2|격기사}}
|{{--2|검붉은 하마}}<br>힌셔<br>{{--2|격기사}}
|{{--2|검은 살쾡이}}<br>파욘<br>{{--2|격기사}}
|{{--2|회색 족제비}}<br>팅크<br>{{--2|격기사}}
|{{--2|남색 표범}}<br>휴달<br>{{--2|격기사}}
|-
|{{style|bg=#ffddf0}}|
|{{style|bg=#ffddf0}}|
|{{style|bg=#ffddf0}}|
|{{style|bg=#ffddf0}}|
|{{style|bg=#ffddf0}}|
|-
|{{--2|새까만 닭}}<br>와론<br>{{--2|격기사}}
|{{--2|순백의 코끼리}}<br>칸덴티아<br>{{--2|격기사}}
|{{--2|군청색 거북이}}<br>달잔<br>{{--2|격기사}}
|{{--2|자색 오소리}}<br>솔바스<br>{{--2|격기사}}
|{{--2|복숭아빛 토끼}}<br>하센<br>{{--2|격기사}}
|-
|{{style|bg=#fbecd9}}|
|{{style|bg=#fbecd9}}|
|{{style|bg=#ffddf0}}|
|{{style|bg=#fbecd9}}|
|{{style|bg=#fbecd9}}|
|-
|{{--2|붉은 해태}}<br>뮬진<br>{{--2|격기사}}
|{{--2|하얀 개}}<br>메리안<br>{{--2|격기사}}
|{{--2|하늘색 너구리}}<br>다랑<br>{{--2|격기사}}
|{{--2|선홍 앵무새}}<br>카은<br>{{--2|격기사}}
|{{--2|푸른 사자}}<br>파르튜난<br>{{--2|격기사}}
|-
|{{style|bg=#fdc8c8}}|
|{{style|bg=#fdc8c8}}|
|{{style|bg=#ffddf0}}|
|{{style|bg=#fbecd9}}|
|{{style|bg=#fbecd9}}|
|-
|{{--2|흰 사슴}}<br>파디얀<br>{{--2|격기사}}
|{{--2|회적색 여우}}<br>루디카<br>{{--2|격기사}}
|{{--2|흰 까마귀}}<br>레기아<br>{{--2|자유기사}}
|{{--2|적토색 말}}<br>칼카둔<br>{{--2|자유기사}}
|{{--2|유백색 두더쥐}}<br>팔지니아<br>{{--2|자유기사}}
|-
|{{style|bg=#fdc8c8}}|
|{{style|bg=#fdc8c8}}|
|{{style|bg=#ffddf0}}|
|{{style|bg=#ffddf0}}|
|{{style|bg=#fdc8c8}}|
|-
|{{--2|푸른 승냥이}}<br>피도란스<br>{{--2|격기사}}
|{{--2|담청색 기린}}<br>지우스<br>{{--2|격기사}}
|{{--2|새빨간 개}}<br>하나린<br>{{--2|자유기사}}
|{{--2|옥색 고양이}}<br>탄시린<br>{{--2|격기사}}
|{{--2|푸르른 양}}<br>발타닌<br>{{--2|불명}}
|-
|{{style|bg=#fdc8c8}}|
|
|
|
|
|-
|{{--2|주황색 두꺼비}}<br>틴<br>{{--2|불명}}
|
|
|
|
|-
|colspan=5|<div style="display: inline-block; text-align: left;">
<div style="display: inline; background: #fbecd9; border: 1px solid black;">　</div> : {{가짜 링크|애늙은이(웹툰)|애늙은이}}에만 등장<br>
<div style="display: inline; background: #fdc8c8; border: 1px solid black;">　</div> : {{가짜 링크|잔불의 기사}}에만 등장<br>
<div style="display: inline; background: #ffddf0; border: 1px solid black;">　</div> : 두 작품에 모두 등장
</div>
|-
|colspan=5|{{--2|※ 둘러보기: {{가짜 링크|틀:특수 견습 기사|{{c|default|특수 견습 기사}}}}}}
|-
|colspan=5|{{exhide|ex=off|https://namu.wiki/w/틀:기사(환댕%20유니버스)?rev{{=}}22|r22}} 기준. 참고로 저 틀 본인이 만들었다!
{{펼접끝}}
|}

== 강남도깨비 ==
* 구화술(具火術)
** 대지의 구화술 (사용자: 엄대영/엄대일)
*** 푸른덩쿨 올가미 (6화, 25화)
*** 푸른가시 송곳니 (26화)
*** 푸른덩쿨 찢기 (108화)
** 바람의 구화술 (사용자: 진광호)
*** 백도상일도(百刀上一刀) (13화, 88화, 101화)
*** 청염대풍탄(靑炎大風彈) (24화)
*** 격날분쇄참 (95화)
** 저주의 구화술 (사용자: 차월)
*** 퍼플 온 러스트 (17화)
*** 퍼플드 블러드 (103화)
** 어둠의 구화술 (사용자: 치악아귀)
*** 흑암 (25화, 104화)
*** 흑포 (25화, 104화)
*** 흑참 (26화)
*** 흑시 (104화)
*** 암수 (104화)
*** 흑파 (104화)
*** 흑연설 (106화)
*** 암월섬 (108화)
*** 흑암노도천 (108화)
** 번개의 구화술 (사용자: 주은수)
*** 격류의 창 (25화)
*** 폭류의 감옥 (26화)
*** 폭류의 분노 (26화)
*** 우뢰의 왕관 (101화)
** 독사의 구화술 (사용자: 임승규/주희)
*** 상처의 연대기 (38화)
** 사복의 구화술 (사용자: 임승규/주희)
*** 사과 꿰매기 (53화)
*** 하늘 꿰매기 (53화)
*** 절사복도참(切巳伏道斬) (103화)
** 이리의 구화술 (사용자: 우미희/이비)
*** 흉포한 울음소리 (40화)
*** 대천랑염(大天狼炎) (41화)
*** 청우포화(靑羽砲火) (57화)
*** 합심월광 (58화)
*** 여우불 곡예 (60화)
*** 인랑의 포효 (60화)
*** 사냥길 동행 (60화)
*** 타오르는 구슬 (103화)
*** 불여우의 현신 (103화)
*** 쌍익의 구화술 (사용자: 최현용/묵현)
*** 접어날기 (40화)
*** 겹쳐날기 (41화)
*** 화승일목(火昇一目) (41화)
*** 운집익령(運集翼靈) (68화)
*** 청사강림(靑士降臨) (68화)
** 흑묘의 구화술 (사용자: 하설)
*** 뼈바르기 (51화, 58화)
*** 그물사냥 (57화)
*** 쓰레기통 뒤지기 (59화)
*** 발바닥 젤리 (60화)
*** 마지막 보은 (60화)
** 폭식의 구화술 (사용자: 구천)
*** 옥죄이는 죄악감 (53화)
*** 허무하게 뭉개지는 새싹 (65화)
*** 어둠 속에서 꽃피우는 악몽 (65화)
** 암귀의 구화술 (사용자: 강의)
*** 셀레네의 분노하는 창 (54화)
*** 셀레네의 분노하는 창 -The FINAL- (55화)
*** 아리스의 굽이치는 파도 (55화)
*** 유미의 몰아치는 천둥 (55화)
*** 블랙 마유의 침식하는 어둠 (56화)
*** 달수호자의 최후의 의무 (56화)
** 갑주의 구화술 (사용자: 박희진/한유)
*** 표번무의 (55화)
*** 흑몽형광 (55화)
*** 백화현신 (56화)
*** 청일돌주 (56화)
*** 일점돌파 (101화)
** 권격의 구화술 (사용자: 천정우)
*** 광열옥권풍(狂熱沃拳風) (67화)
** 그림자의 구화술 (사용자: 연익)
** 변화의 구화술 (사용자: 황지윤)
** 흑운의 구화술 (사용자: 사냥꾼 헌터)
*** 뭉게뭉게 긴급탈출 (79화)
** 빙결의 구화술 (사용자: 차소현)
*** 눈꽃개화 (82화)
*** 빗발치는 꽃망울 (83화)
*** 천년설옥 (85화)
*** 설화만개 (89화)
*** (오의) 빙판 위의 마녀 (95화)
*** 눈꽃의 춤사위 (96화)
*** 잠자는 얼음공주 (96화)
*** 아름다움의 마지막 순간 (99화)
*** 얼음장미가 품은 송곳니 (103화)
** 창조의 구화술 (사용자: 홍백나비)
** 점토의 구화술 (사용자: 아람)
*** 붉은 재판소 (94화)
** 폭풍의 구화술 (사용자: 유람)
*** 하늘의 심연 (94화)
*** 고요한 밤의 천벌 (95화)
** 복구의 구화술 (사용자: 신열주)
** 작열과 빙결의 구화술 (사용자: 윤기목&차소현)
*** 함께 피어나는 꽃다발 (98화)
** 작열의 구화술 (사용자: 윤기목/이찬민)
*** 염주(炎柱) (48화)
*** 염멸격(炎滅擊) (86화)
*** 이염발(移炎發) (104화)
*** 염륜참 (炎輪斬) (104화)
*** 염도(炎刀) (104화)
** 오작의 구화술 (사용자: 오작의 대사범)
*** 칠석의 밤하늘 (74화)
** {{--|기목의 구화술 (사용자: 윤기목)}}
*** {{--|대염지옥분화작열탄환 (46화)}}
*** {{--|푸른빛 쌍날개 (46화)}}
*** {{--|염기옥 (46화)}}
* 도깨비 방망이
** 일목천화(一木千花) (엄대일)
** 스티그마 커터 (진광호)
* 갑귀(甲鬼)
** 천둥울림 (소규)
** 금단의 선단 (차월)
* 격리무장
* 상혼(狀魂)
** 사복절무(蛇腹切舞) (임승규/주희)
** 화탈추랑(火奪追狼) (우미희/이비)
*** 일심동화
** 쌍익염(雙翼炎) (최현용/묵현)
** 천개귀패(天蓋鬼牌) (박희진/한유)
* 소혼(小魂)
* 칠걸
** 치악아귀
** 홍백나비
** 연절상아

== SCP 재단 변칙성 분류체계 ==
{{center|{{fs|14|'''변칙성 분류체계<br>(ACS, Anomaly Classification System)'''}}}}
{{brbr}}

ACS, Anomaly Classification System은 기존 객체 등급 체계에서 더 깊이 들어가는 새로운 등급분류 체계입니다. 현 객체 등급을 대체하려고 만든 것이 아니며, 단지 더 향상시키는 것이 목적입니다.

{|{{style|class=wiki|width=100%}}
|-
!colspan=2|등급 분류법
|-
!{{style|width=130px}}|인가 등급<br>(Clearance Level)
|기존의 인가 등급을 약간 고친 형태입니다. 자세한 변경사항은 아래에 있습니다. 인가 등급은 문서 안의 정보를 열람할 권한이 있는 직원들의 등급을 말합니다.
|-
!격리 등급<br>(Containment Level)
|기존의 "객체 등급"과 똑같습니다. 등급의 기능인 "격리"를 더욱 분명하게 나타내도록 이름이 바뀌었습니다. "확보, 격리, 보호"의 "격리"에 해당합니다.
|-
!2차 등급<br>(Secondary Class)
|이 분류체계에서 선택적으로 사용되는 새로운 등급이지만, 새로 개발된 것은 아닙니다. 2차 등급은 다른 말로 "난해한 등급(Esoteric Class)"에 해당합니다.
|-
!혼란 등급<br>(Disruption Class)
|이 등급분류 체계에서 새로 도입하는 개념 중 하나입니다. 혼란 등급은 현재의 세계의 어지럽히거나 장막을 걷어뜨릴 변칙존재의 능력을 나타냅니다. "확보, 격리, 보호"의 "확보"에 해당합니다.
|-
!위험 등급<br>(Risk Class)
|이 등급분류 체계에서 새로 도입하는 개념 중 하나입니다. 위험 등급은 개인에게 미치는 변칙성의 효과가 얼마나 심각한지, 얼마나 쉽게 벗어날 수 있는지를 나타냅니다. "확보, 격리, 보호"의 "보호"에 해당합니다.
|}

{|{{style|class=wiki|width=100%}}
|-
!colspan=2|인가 등급<br>(Clearance Level)
|-
!{{style|width=130px|color=green}}|등급 1: 무제한<br>(Unrestricted)
|이 문서는 재단 모든 인원이 열람 가능합니다. 재단에서 정기 임금을 받기만 하면 이 문서를 볼 수 있다는 말이죠.
|-
!{{style|color=blue}}|등급 2: 제한<br>(Restricted)
|이 문서는 재단 인원 대다수가 요청에 따라 열람 가능합니다. 직원에게 부하직원이 딸렸다면 대개 2등급을 획득했다고 봐도 무방합니다. 직원에게 부하직원이 없다면, 상급자에게 문서 접근을 요청할 수 있겠습니다.
|-
!{{style|color=yellow}}|{{border|black|yellow|두께=.5|등급 3: 신임<br>(Confidential)}}
|이 문서는 적은 수의 직원만이 열람 가능합니다. 한 기지의 주요 관리직은 3등급을 가집니다. 부하직원이 있지만 3등급이 없는 사람이라면, 관리직에게 문서 접근을 요청할 수 있습니다. 부하직원이 없는 사람은 관리직에게 문서 접근을 요청해 달라고 상급자에게 요청할 수 있겠죠.
|-
!{{style|color=orange}}|등급 4: 비밀<br>(Secret)
|이 문서는 기지 및 재단 관리직 정도만이 열람 가능합니다. 4등급이 없는 직원은 열람을 요청해도 대개 기각되며, 아주 특수한 목적으로만 열람이 허락됩니다.
|-
!{{style|color=red}}|등급 5: 극비<br>(Top Secret)
|이 문서는 윤리위원회나 O5 평의회 등, 재단 최고관리직만 열람이 가능합니다. 5등급이 없는 인원은 열람이 항상 거부됩니다.
|-
!{{style|color=black}}|등급 6: 우주극비<br>(Cosmic Top Secret)
|이 문서는 O5 평의회 의원이 아니면 볼 수 없습니다. 이 문서에 접근할 방법은 O5 평의회 의원의 재량으로만 결정됩니다.
|}

{|{{style|class=wiki|width=100%}}
|-
!colspan=2|격리 등급<br>(Containment Level)
|-
!{{style|width=130px}}|안전<br>(Safe)
|안전 등급 SCP들은 변칙적이지만 쉽고 안전하게 격리가 가능하다. 이것은 주로 재단이 해당 SCP를 잘 충분히 연구하여 격리에 특별한 자원이 더 필요하지 않은 경지에 이르렀거나, 또는 변칙성이 특수한 작동기제에 의해서만 발현되는 경우에 해당한다. 하지만 SCP를 안전 등급으로 분류하는 것은, 그것을 다루거나 활성화시키는 것이 위협적이지 않다는 의미가 아니다.
|-
!유클리드<br>(Euclid)
|유클리드 등급 SCP들은 완전한 격리를 위해 더 많은 자원이 필요하거나, 격리가 항상 견고한 것이 아닌 변칙존재들이다. 대개 이는 해당 SCP에 대한 이해가 부족하거나 예측불가능성이 내재되어 있기 때문이다. 유클리드는 가장 광범한 등급으로, 다른 정규 등급으로 분류가 마땅치 않은 SCP의 안전 부담을 위해 기본적으로 설정되는 등급이기도 하다.
|-
!케테르<br>(Keter)
|케테르 등급 SCP들은 지속적이거나 안정적인 격리를 유지하는 것이 몹시 어려운 변칙존재들이며, 격리 절차의 규모가 매우 크고 복잡하다. 재단이 이 SCP들을 아예 격리를 못 하고 있을 수도 있는데, 이는 해당 변칙성에 관한 견고한 이해가 없거나, 그것을 격리 또는 대응하는 데 필요한 기술이 결여되어 있기 때문이다. 케테르 SCP는 해당 SCP가 위험하다는 것을 의미하지 않는다. 그저 격리하기가 무척 어렵거나 격리하는 데 많은 비용이 요구된다는 뜻이다.
|-
!무효<br>(Neutralized)
|무효화된 SCP는 더 이상 변칙적이지 않거나, 의도적으로 또는 예기치 않게 파괴되거나, 무력화된 변칙존재들이다.
|-
!보류<br>(Pending)
|{{center|-}}
|-
!해명<br>(Explained)
|해명된 SCP는 그 효과가 주류 과학에 의해 설명가능해질 정도로 완전하고 총체적인 이해가 이루어졌거나, 현상이 틀렸던 것으로 드러나거나, 변칙적이지 않은데 실수로 변칙성으로 간주되었던 것들 대한 항목이다.
|-
!난해<br>(Esoteric)
|상술한 여러 분류들 중 어디에도 해당하지 않는 객체 등급들이다. 대개 한 번만 사용되며, 특정 SCP의 내적 서사를 꾸미는 데 사용된다. SCP 항목에는 여기 나열된 정규 객체 등급을 사용할 것이 매우 권장된다. 일부 작가들이 이 규칙에 예외적인 행동을 하지만, 그런 경우는 매우 드물고 또 그렇게 만들어낸 등급의 이유를 정당화할 필요가 있다. 많은 회원들은 별다른 이유 없이 비정규 객체 등급을 사용한 문서에 비추천을 먹일 것이다.
|}

{|{{style|class=wiki|width=100%}}
|-
!colspan=2|2차 등급(난해한 등급)<br>(Secondary Class)
|-
!{{style|width=130px}}|아폴리온<br>(Apollyon)
|격리가 불가능하며 능동적으로 세계 멸망의 원인이 되는 것.
|-
!아르콘<br>(Archon)
|격리할 수 있지만, 해서는 안 되는 것.
|-
!케르눈노스<br>(Cernnunos)
|기능적으로 격리할 수 있지만, 물류 또는 윤리적인 이유로 격리를 달성할 수 없는 것.
|-
!히에말<br>(Hiemal)
|다른 히에말 변칙존재의 저지 억제에 사용되는 것.
|-
!티아마트<br>(Tiamat)
|인류에게 즉각적인 위협이 되지만, 장막정책을 포기할 경우 (전면적 전쟁 등) "격리" 가능한 것.
|-
!타이콘데로가<br>(Ticonderoga)
|격리할 수 없지만 격리할 필요도 없는 것.
|-
!타우미엘<br>(Thaumiel)
|재단이 다른 SCP나 변칙현상을 격리 또는 대응하는 데 사용하는 변칙존재들이다. 타우미엘 등급 객체들은 그 존재 자체가 재단의 최고 수준 극비이며, 해당 객체들의 위치, 기능, 현재 상태는 O5 평의회 밖의 다른 재단 인력들에게는 거의 알려져 있지 않다.
|-
!{{nobold|…외 다수}}
|{{center|…}}
|}

{|{{style|class=wiki|width=100%}}
|-
!colspan=2|혼란 등급<br>(Disruption Class)
|-
!{{style|width=130px|color=green}}|암흑(Dark)
|알려졌거나 잠재적인 혼란 수준은 걱정하지 않아도 될 만큼 낮습니다. 이 개체는 상호작용이 없다면 그냥 비활성 상태이며 잠재적으로 기껏 한 명 정도의 인원에게 영향을 끼칠 수도 있습니다. 재단에서는 뒷수습할 필요도 딱히 없는 개체로 여깁니다.
|-
!{{style|color=blue}}|플람(Vlam)
|알려졌거나 잠재적인 혼란 수준은 몇 명 안 되는 사람들에게 국한됩니다. 변칙효과는 여러 사람에게 영향을 충분히 미칠 수는 있지만, 그렇게 널리 퍼지지는 않습니다. 재단에서는 효과를 무효화하기 상대적으로 쉬운 개체로 여깁니다.
|-
!{{style|color=yellow}}|{{border|black|yellow|두께=.5|커너크(Keneq)}}
|알려졌거나 잠재적인 혼란 수준은 여러 사람에게 미치는데, 대강 도시 하나 정도입니다. 변칙효과는 꽤 상당한 속도로 퍼질 수 있으며, 걱정을 살 만큼 빠른 정도입니다. 재단에서는 효과를 무효화하는 난이도가 중간 정도인 개체로 여깁니다.
|-
!{{style|color=orange}}|에키(Ekhi)
|알려진 혼란 수준만 따진다면 큰 대도시권에서 전체 국가 범위에 이릅니다. 잠재적 혼란 수준만 따진다면 우리가 아는 세계 전체일 수도 있습니다. 효과가 퍼진다면 아주 빠르고 대처하기 어렵습니다. 재단에서는 효과를 무효화하기 꽤나 어려운 개체로 여깁니다.
|-
!{{style|color=red}}|아미타(Amida)
|이 등급은 재단이 근본적으로 변칙존재에게 "전쟁을 선포한" 특수한 상황에서만 사용합니다. 즉, 변칙존재가 현재의 세계와 재단의 장막에 위협을 아주 극심하게 끼치고, 그를 무효화하는 것 외에 다른 방법이 전혀 없을 경우라야 합니다. 아미타 변칙개체의 효과는 알려진 세계 전체에 미치며, 알려진 우주 전체일지도 모릅니다.
|}

{|{{style|class=wiki|width=100%}}
|-
!colspan=2|위험 등급<br>(Risk Class)
|-
!{{style|width=130px|color=green}}|주목(Notice)
|개체의 변칙효과는 미약하거나 아주 없는 정도입니다. 개체에 가까이 있는 사람은 개체의 효과로 아무 것도 못 느낄 수 있습니다. 개체는 가까운 인원에게 위험이 전혀 없습니다.
|-
!{{style|color=blue}}|주의(Caution)
|개체의 변칙효과는 가볍거나 중간 정도입니다. 개체에 가까이 있는 사람은 개체의 효과로 느낌을 가볍게 받을 수 있습니다. 개체는 가까운 인원에게 가벼운 위험이 됩니다.
|-
!{{style|color=yellow}}|{{border|black|yellow|두께=.5|경고(Warning)}}
|개체의 변칙효과는 중간에서 높은 정도입니다. 개체에 가까이 있는 사람은 개체의 효과로 느낌을 가볍거나 무겁게 받을 수 있습니다. 개체는 가까운 인원에게 중간 정도의 위험이 됩니다.
|-
!{{style|color=orange}}|위해(Danger)
|개체의 변칙효과는 많거나 심각한 정도입니다. 개체에 가까이 있는 사람은 개체의 효과로 느낌을 크거나 극심하게 받을 수 있습니다. 개체는 가까운 인원에게 강력한 위험이 됩니다.
|-
!{{style|color=red}}|치명(Critical)
|이 등급은 개체의 효과가 즉각적이거나 엄청나게 극심한 경우에만 적용합니다. 꼭 실제로 죽음을 일으킬 필요는 없지만, 죽을 가능성이 매우 크거나 많이 예상되는 경우에 해당합니다. 가까이 있는 사람은 효과를 거의 순식간에 느끼며 회복할 가능성은 아주 없습니다.
|}

== 크리처 괴담 ==
<div style="margin: 0 -7px; padding: 7px; background: black; color: white;"><div style="border-radius: 5px; background: rgba(255, 255, 255, .99); color: black; padding: 12px;"><div style="display: inline-block; width: 50px; vertical-align: middle;">{{블링크|[[파일:주의2.png|40px|link=]]}}</div><div style="display: inline-block; width: calc(100% - 50px); vertical-align: middle;">'''[Caution Alert]'''<div style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">대한민국 정부에서 알려 드립니다. 현재 전국 각지에 미확인 생물이 확인되어 시민들을 무차별적으로 살해하고 다니는 것으로 포착되었으며 시민 여러분께서는 가능한 자택에서 외출하지 마시고 현 위치를 유지하시기 바랍니다. 이미 외부에 나와 계신 분께서는 신속히 도처 가장 가까운 대피소로 대피하시기 바랍니다. 정부 당국은 사태 해결을 위해 군경을 아낌없이 투입하여 시민 여러분의 안전을 지킬 것에 약속드립니다.</div></div></div></div>

== 로딩 애니메이션 ==
{|
|-
|<div class="loading-bar"></div>
|-
|<div class="loading-bar-2"><div></div><div></div><div></div><div></div></div><div style="display: inline-block; height: 50px; opacity: 0;"></div>
|}

== 강함의 척도 ==
* [[VS Battles Wiki]]
** [[틀:전투력 티어|티어 시스템]]
* [[아이펠루스]]
** [[스탯]]
** [[섭리]]
** [[마법 (아이펠루스)#서클|서클]]
* [[칠성고등학교]]
** [[이능력#빌런 랭크|빌런 랭크]]
* [[뒤편]]
** [[뒤편/설정#암살자 등급|암살자 등급]]

== 세계관별 파워 인플레 ==
'''{{++1|1. [[코어 오브 이블]]}}'''<br>{{bt|높은 1-A|2}} ~ {{bt|5-B|2}}

'''{{++1|2. [[아이펠루스]]}}'''<br>{{bt|5-B|2}} ~ {{bt|9-B|2}}

'''{{++1|3. [[칠성고등학교]]}}'''<br>{{bt|높은 7-B|2}} ~ {{bt|9-C|2}}

== 말줄임/더보기 ==
{{#css: .text-ellipsis-btn { display: inline-block; position: absolute; top: 5px; right: 5px; border: 1px solid gray; padding: 4px; border-radius: 4px; background: var(--namu--title--background); user-select: none; } .text-ellipsis-btn:hover { background: var(--namu--table--th--background); } }}<div id="mw-customcollapsible-text-ellipsis" class="mw-collapsible" style="position: relative; margin: .8rem 0; padding: 10px 50px 10px 10px; border: 1px solid gray; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{로렘 입숨}}<div class="mw-customtoggle-text-ellipsis text-ellipsis-btn">더보기</div></div><!--
--><div id="mw-customcollapsible-text-ellipsis" class="mw-collapsible mw-collapsed" style="margin: .8rem 0; padding: 10px; border: 1px solid gray; border-radius: 4px;">{{로렘 입숨}}</div>

이건 어떻게든 틀화(template化)시키고 싶은데 흠...

== [[#카톡 구현|카톡 구현]] 업그레이드 ==
{{말풍선|body|type=phone|
{{말풍선|me|Just|4=동해물과}}
{{말풍선|other|Jwiki|4=백두산이}}
{{말풍선|me|Just|4=마르고}}
{{말풍선|other|Jwiki|4=닳도록}}
{{말풍선|me|Just|4=하느님이}}
{{말풍선|other|Jwiki|4=보우하사}}
{{말풍선|me|Just|4=우리나라}}
{{말풍선|other|Jwiki|4=만세}}
}}

* 휴대폰 디자인 개선
* 비율 유지
* 대화창 디자인 개선

== 원형 로딩바 ==
단순 노가다...
{{#css: .test-element { display: inline-flex; margin: .8rem 0; width: 70px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 0, white 0); justify-content: center; align-items: center; animation: loading-circle 1s linear infinite forwards; } .test-element:after { color: var(--black--white--switcher); content: '0%'; animation: loading-circle-text 1s linear infinite forwards; } @keyframes loading-circle { 0% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 0%, white 0); }
1% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 1%, white 0); }
2% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 2%, white 0); }
3% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 3%, white 0); }
4% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 4%, white 0); }
5% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 5%, white 0); }
6% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 6%, white 0); }
7% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 7%, white 0); }
8% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 8%, white 0); }
9% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 9%, white 0); }
10% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 10%, white 0); }
11% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 11%, white 0); }
12% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 12%, white 0); }
13% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 13%, white 0); }
14% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 14%, white 0); }
15% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 15%, white 0); }
16% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 16%, white 0); }
17% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 17%, white 0); }
18% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 18%, white 0); }
19% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 19%, white 0); }
20% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 20%, white 0); }
21% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 21%, white 0); }
22% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 22%, white 0); }
23% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 23%, white 0); }
24% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 24%, white 0); }
25% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 25%, white 0); }
26% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 26%, white 0); }
27% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 27%, white 0); }
28% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 28%, white 0); }
29% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 29%, white 0); }
30% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 30%, white 0); }
31% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 31%, white 0); }
32% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 32%, white 0); }
33% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 33%, white 0); }
34% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 34%, white 0); }
35% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 35%, white 0); }
36% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 36%, white 0); }
37% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 37%, white 0); }
38% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 38%, white 0); }
39% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 39%, white 0); }
40% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 40%, white 0); }
41% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 41%, white 0); }
42% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 42%, white 0); }
43% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 43%, white 0); }
44% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 44%, white 0); }
45% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 45%, white 0); }
46% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 46%, white 0); }
47% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 47%, white 0); }
48% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 48%, white 0); }
49% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 49%, white 0); }
50% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 50%, white 0); }
51% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 51%, white 0); }
52% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 52%, white 0); }
53% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 53%, white 0); }
54% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 54%, white 0); }
55% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 55%, white 0); }
56% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 56%, white 0); }
57% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 57%, white 0); }
58% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 58%, white 0); }
59% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 59%, white 0); }
60% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 60%, white 0); }
61% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 61%, white 0); }
62% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 62%, white 0); }
63% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 63%, white 0); }
64% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 64%, white 0); }
65% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 65%, white 0); }
66% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 66%, white 0); }
67% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 67%, white 0); }
68% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 68%, white 0); }
69% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 69%, white 0); }
70% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 70%, white 0); }
71% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 71%, white 0); }
72% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 72%, white 0); }
73% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 73%, white 0); }
74% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 74%, white 0); }
75% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 75%, white 0); }
76% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 76%, white 0); }
77% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 77%, white 0); }
78% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 78%, white 0); }
79% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 79%, white 0); }
80% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 80%, white 0); }
81% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 81%, white 0); }
82% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 82%, white 0); }
83% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 83%, white 0); }
84% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 84%, white 0); }
85% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 85%, white 0); }
86% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 86%, white 0); }
87% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 87%, white 0); }
88% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 88%, white 0); }
89% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 89%, white 0); }
90% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 90%, white 0); }
91% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 91%, white 0); }
92% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 92%, white 0); }
93% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 93%, white 0); }
94% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 94%, white 0); }
95% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 95%, white 0); }
96% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 96%, white 0); }
97% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 97%, white 0); }
98% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 98%, white 0); }
99% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 99%, white 0); }
100% { background: radial-gradient(circle at 50% 50%, white 50%, transparent 0), conic-gradient(var(--black--white--switcher) 100%, white 0); }
} @keyframes loading-circle-text { 0% { content: '0%'; }
1% { content: '1%'; }
2% { content: '2%'; }
3% { content: '3%'; }
4% { content: '4%'; }
5% { content: '5%'; }
6% { content: '6%'; }
7% { content: '7%'; }
8% { content: '8%'; }
9% { content: '9%'; }
10% { content: '10%'; }
11% { content: '11%'; }
12% { content: '12%'; }
13% { content: '13%'; }
14% { content: '14%'; }
15% { content: '15%'; }
16% { content: '16%'; }
17% { content: '17%'; }
18% { content: '18%'; }
19% { content: '19%'; }
20% { content: '20%'; }
21% { content: '21%'; }
22% { content: '22%'; }
23% { content: '23%'; }
24% { content: '24%'; }
25% { content: '25%'; }
26% { content: '26%'; }
27% { content: '27%'; }
28% { content: '28%'; }
29% { content: '29%'; }
30% { content: '30%'; }
31% { content: '31%'; }
32% { content: '32%'; }
33% { content: '33%'; }
34% { content: '34%'; }
35% { content: '35%'; }
36% { content: '36%'; }
37% { content: '37%'; }
38% { content: '38%'; }
39% { content: '39%'; }
40% { content: '40%'; }
41% { content: '41%'; }
42% { content: '42%'; }
43% { content: '43%'; }
44% { content: '44%'; }
45% { content: '45%'; }
46% { content: '46%'; }
47% { content: '47%'; }
48% { content: '48%'; }
49% { content: '49%'; }
50% { content: '50%'; }
51% { content: '51%'; }
52% { content: '52%'; }
53% { content: '53%'; }
54% { content: '54%'; }
55% { content: '55%'; }
56% { content: '56%'; }
57% { content: '57%'; }
58% { content: '58%'; }
59% { content: '59%'; }
60% { content: '60%'; }
61% { content: '61%'; }
62% { content: '62%'; }
63% { content: '63%'; }
64% { content: '64%'; }
65% { content: '65%'; }
66% { content: '66%'; }
67% { content: '67%'; }
68% { content: '68%'; }
69% { content: '69%'; }
70% { content: '70%'; }
71% { content: '71%'; }
72% { content: '72%'; }
73% { content: '73%'; }
74% { content: '74%'; }
75% { content: '75%'; }
76% { content: '76%'; }
77% { content: '77%'; }
78% { content: '78%'; }
79% { content: '79%'; }
80% { content: '80%'; }
81% { content: '81%'; }
82% { content: '82%'; }
83% { content: '83%'; }
84% { content: '84%'; }
85% { content: '85%'; }
86% { content: '86%'; }
87% { content: '87%'; }
88% { content: '88%'; }
89% { content: '89%'; }
90% { content: '90%'; }
91% { content: '91%'; }
92% { content: '92%'; }
93% { content: '93%'; }
94% { content: '94%'; }
95% { content: '95%'; }
96% { content: '96%'; }
97% { content: '97%'; }
98% { content: '98%'; }
99% { content: '99%'; }
100% { content: '100%'; } } }}
<div class="test-element"></div>

== 들쭉날쭉 벌집 ==
{{#css: .socket-outer {
width: 100%; height: 200px; position: relative;
}

.socket {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 50%;
  margin-top: -100px;
}

.hex-brick {
  background: #000000;
  width: 30px;
  height: 17px;
  position: absolute;
  top: 5px;
  animation-name: fade00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-name: fade00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}

.h2 {
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
}

.h3 {
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
}

.gel {
  height: 30px;
  width: 30px;
  transition: all .3s;
  -webkit-transition: all .3s;
  position: absolute;
  top: 50%;
  left: 50%;
}

.center-gel {
  margin-left: -15px;
  margin-top: -15px;
  animation-name: pulse00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-name: pulse00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}

.c1 {
  margin-left: -47px;
  margin-top: -15px;
}

.c2 {
  margin-left: -31px;
  margin-top: -43px;
}

.c3 {
  margin-left: 1px;
  margin-top: -43px;
}

.c4 {
  margin-left: 17px;
  margin-top: -15px;
}

.c5 {
  margin-left: -31px;
  margin-top: 13px;
}

.c6 {
  margin-left: 1px;
  margin-top: 13px;
}

.c7 {
  margin-left: -63px;
  margin-top: -43px;
}

.c8 {
  margin-left: 33px;
  margin-top: -43px;
}

.c9 {
  margin-left: -15px;
  margin-top: 41px;
}

.c10 {
  margin-left: -63px;
  margin-top: 13px;
}

.c11 {
  margin-left: 33px;
  margin-top: 13px;
}

.c12 {
  margin-left: -15px;
  margin-top: -71px;
}

.c13 {
  margin-left: -47px;
  margin-top: -71px;
}

.c14 {
  margin-left: 17px;
  margin-top: -71px;
}

.c15 {
  margin-left: -47px;
  margin-top: 41px;
}

.c16 {
  margin-left: 17px;
  margin-top: 41px;
}

.c17 {
  margin-left: -79px;
  margin-top: -15px;
}

.c18 {
  margin-left: 49px;
  margin-top: -15px;
}

.c19 {
  margin-left: -63px;
  margin-top: -99px;
}

.c20 {
  margin-left: 33px;
  margin-top: -99px;
}

.c21 {
  margin-left: 1px;
  margin-top: -99px;
}

.c22 {
  margin-left: -31px;
  margin-top: -99px;
}

.c23 {
  margin-left: -63px;
  margin-top: 69px;
}

.c24 {
  margin-left: 33px;
  margin-top: 69px;
}

.c25 {
  margin-left: 1px;
  margin-top: 69px;
}

.c26 {
  margin-left: -31px;
  margin-top: 69px;
}

.c27 {
  margin-left: -79px;
  margin-top: -15px;
}

.c28 {
  margin-left: -95px;
  margin-top: -43px;
}

.c29 {
  margin-left: -95px;
  margin-top: 13px;
}

.c30 {
  margin-left: 49px;
  margin-top: 41px;
}

.c31 {
  margin-left: -79px;
  margin-top: -71px;
}

.c32 {
  margin-left: -111px;
  margin-top: -15px;
}

.c33 {
  margin-left: 65px;
  margin-top: -43px;
}

.c34 {
  margin-left: 65px;
  margin-top: 13px;
}

.c35 {
  margin-left: -79px;
  margin-top: 41px;
}

.c36 {
  margin-left: 49px;
  margin-top: -71px;
}

.c37 {
  margin-left: 81px;
  margin-top: -15px;
}

.r1 {
  animation-name: pulse00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: .2s;
  -webkit-animation-name: pulse00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: .2s;
}

.r2 {
  animation-name: pulse00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: .4s;
  -webkit-animation-name: pulse00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: .4s;
}

.r3 {
  animation-name: pulse00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: .6s;
  -webkit-animation-name: pulse00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: .6s;
}

.r1 > .hex-brick {
  animation-name: fade00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: .2s;
  -webkit-animation-name: fade00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: .2s;
}

.r2 > .hex-brick {
  animation-name: fade00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: .4s;
  -webkit-animation-name: fade00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: .4s;
}

.r3 > .hex-brick {
  animation-name: fade00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: .6s;
  -webkit-animation-name: fade00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: .6s;
}

@keyframes pulse00 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.01);
    transform: scale(0.01);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes fade00 {
  0% {
    background: #252525;
  }

  50% {
    background: #000000;
  }

  100% {
    background: #353535;
  }
} }}<div class="socket-outer"><div class="socket">
			<div class="gel center-gel">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c1 r1">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c2 r1">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c3 r1">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c4 r1">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c5 r1">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c6 r1">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			
			<div class="gel c7 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			
			<div class="gel c8 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c9 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c10 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c11 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c12 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c13 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c14 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c15 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c16 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c17 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c18 r2">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c19 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c20 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c21 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c22 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c23 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c24 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c25 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c26 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c28 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c29 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c30 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c31 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c32 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c33 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c34 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c35 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c36 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			<div class="gel c37 r3">
				<div class="hex-brick h1"></div>
				<div class="hex-brick h2"></div>
				<div class="hex-brick h3"></div>
			</div>
			
		</div></div>

== 움직이는 큐브 ==
{{#css: .my-loader {
  width: 200px;
  height: 200px;
  perspective: 1000px;
  margin: 100px auto;
}

.rubiks-cube {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  animation: my-rotateCube 5s infinite linear;
}

.my-loader .face {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}

.my-loader .face.front {
  transform: translateZ(100px);
}
.my-loader .face.back {
  transform: rotateY(180deg) translateZ(100px);
}
.my-loader .face.left {
  transform: rotateY(-90deg) translateZ(100px);
}
.my-loader .face.right {
  transform: rotateY(90deg) translateZ(100px);
}
.my-loader .face.top {
  transform: rotateX(90deg) translateZ(100px);
}
.my-loader .face.bottom {
  transform: rotateX(-90deg) translateZ(100px);
}

.my-loader .cube {
  width: calc(100% / 3);
  height: calc(100% / 3);
  box-sizing: border-box;
  border: 1px solid #000;
}

@keyframes my-rotateCube {
  0% {
    transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: rotateX(360deg) rotateY(360deg);
  }
} }}<!-- From Uiverse.io by lukepadiachy --> 
<div class="my-loader">
  <div class="rubiks-cube">
    <div class="face front">
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ffffff;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
    </div>

    <div class="face back">
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ffffff;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
    </div>
    <div class="face left">
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #ffffff;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
    </div>
    <div class="face right">
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ffffff;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
    </div>
    <div class="face top">
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #ffffff;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
    </div>
    <div class="face bottom">
      <div style="background: #ffffff;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
      <div style="background: #ffeb3b;" class="cube"></div>
      <div style="background: #4caf50;" class="cube"></div>
      <div style="background: #2196f3;" class="cube"></div>
      <div style="background: #ffffff;" class="cube"></div>
      <div style="background: #ff3d00;" class="cube"></div>
    </div>
  </div>
</div>


== 빈칸 ==

{{각주}}
{{문서 가져옴|연습장:Kimchan|306932}}