r769
r769
1Thumb Proximal
2Thumb Intermediate
3Thumb Distal
4Index Proximal
5Index Intermediate
6Index Distal
7Middle Proximal
8Middle Intermediate
9Middle Distal
10Ring Proximal
11Ring Intermediate
12Ring Distal
13Little Proximal
14Little Intermediate
15Little Distal
r768
16
17
18
19
r767
20|| Root ||
21|| Hips ||
22|| Spine ||
23|| Chest ||
24|| Upper Chest ||
25|| Shoulder ||
26|| Upper Arm ||
27|| Lower Arm ||
28|| Hand ||
r765
29
r766
30Neck
r765
31Head
32
r766
33Upper Leg
34Lower Leg
35Foot
36Toes
r765
37
38
39
r729
40{{{#!style
r764
41.tkg-bg {
r762
42display: inline-block; vertical-align: middle; background-color: currentcolor
r753
43}
r764
44.tkg-0 {
r763
45background: conic-gradient(from 509.43deg at 50% 78.28%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 177.13deg at 36.85% 75.04%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 204.82deg at 26.72% 66.06%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
r730
46}
r764
47.tkg-1 {
r748
48background: conic-gradient(from 232.51deg at 21.92% 53.4%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 260.2deg at 23.55% 39.97%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 287.89deg at 31.24% 28.82%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 315.59deg at 43.23% 22.53%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
r735
49}
r764
50.tkg-2 {
r748
51background: conic-gradient(from 343.28deg at 56.76% 22.53%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 370.97deg at 68.75% 28.82%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 398.66deg at 76.44% 39.97%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 426.35deg at 78.07% 53.4%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
r735
52}
r764
53.tkg-3 {
r748
54background: conic-gradient(from 454.05deg at 73.27% 66.06%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 481.74deg at 63.14% 75.04%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
r735
55}
r736
56@theseed-dark-mode {
r764
57.tkg-bg {
r763
58display: inline-block; vertical-align: middle; background-color: currentcolor
r753
59}
r764
60.tkg-0 {
r763
61background: conic-gradient(from 509.43deg at 50% 78.28%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 177.13deg at 36.85% 75.04%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 204.82deg at 26.72% 66.06%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
r736
62}
r764
63.tkg-1 {
r748
64background: conic-gradient(from 232.51deg at 21.92% 53.4%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 260.2deg at 23.55% 39.97%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 287.89deg at 31.24% 28.82%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 315.59deg at 43.23% 22.53%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
r736
65}
r764
66.tkg-2 {
r748
67background: conic-gradient(from 343.28deg at 56.76% 22.53%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 370.97deg at 68.75% 28.82%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 398.66deg at 76.44% 39.97%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 426.35deg at 78.07% 53.4%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
r736
68}
r764
69.tkg-3 {
r748
70background: conic-gradient(from 454.05deg at 73.27% 66.06%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 481.74deg at 63.14% 75.04%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
r736
71}
72}
r730
73}}}
r729
74
r764
75{{{#!wiki class="tkg-bg"
76{{{#!wiki class="tkg-0" style="color:#fff;width:20px;height:20px" dark-style="color:#1c1d1f;width:20px;height:20px"
77{{{#!wiki class="tkg-1" style="color:#fff;width:20px;height:20px" dark-style="color:#1c1d1f;width:20px;height:20px"
78{{{#!wiki class="tkg-2" style="color:#fff;width:20px;height:20px" dark-style="color:#1c1d1f;width:20px;height:20px"
79{{{#!wiki class="tkg-3" style="color:#fff;width:20px;height:20px" dark-style="color:#1c1d1f;width:20px;height:20px"
r760
80}}}}}}}}}}}}}}}
r729
81
r764
82{{{#!wiki class="tkg-bg"
83{{{#!wiki class="tkg-0" style="color:#fff;width:100px;height:100px" dark-style="color:#1c1d1f;width:100px;height:100px"
84{{{#!wiki class="tkg-1" style="color:#fff;width:100px;height:100px" dark-style="color:#1c1d1f;width:100px;height:100px"
85{{{#!wiki class="tkg-2" style="color:#fff;width:100px;height:100px" dark-style="color:#1c1d1f;width:100px;height:100px"
86{{{#!wiki class="tkg-3" style="color:#fff;width:100px;height:100px" dark-style="color:#1c1d1f;width:100px;height:100px"
r753
87}}}}}}}}}}}}}}}
r739
88
r764
89||<bgcolor=#000000,#50545e> {{{#!wiki class="tkg-bg" style="color:#fff" dark-style="color:#fff"
90{{{#!wiki class="tkg-0" style="color:#000;width:100px;height:100px" dark-style="color:#50545e;width:100px;height:100px"
91{{{#!wiki class="tkg-1" style="color:#000;width:100px;height:100px" dark-style="color:#50545e;width:100px;height:100px"
92{{{#!wiki class="tkg-2" style="color:#000;width:100px;height:100px" dark-style="color:#50545e;width:100px;height:100px"
93{{{#!wiki class="tkg-3" style="color:#000;width:100px;height:100px" dark-style="color:#50545e;width:100px;height:100px"
r757
94}}}}}}}}}}}}}}} ||
r729
95
96
97
98
r730
99
r732
100
101
102
103
104
105
r736
106
107
108
109
r728
110||<|3> {{{#!wiki style="writing-mode: vertical-lr"
111Vertical}}} || Horizontal ||<|3> {{{#!wiki style="writing-mode: vertical-lr"
112Vertical}}} ||
113|| Horizontal ||
114|| Horizontal ||
115
116
117
r711
118{{{#!wiki style="display:inline-block;width:40px;height:1em;background-color:#f00"
119}}}{{{#!wiki style="display:inline-block;width:10px;height:1em;background-color:#0f0"
120}}}{{{#!wiki style="display:inline-block;width:25px;height:1em;background-color:#00f"
121}}}
r727
122[* ㅇㅇ]
r726
123[* '''{{{#!wiki style="font-family:monospace"
124{{{#f00,#0ff 4}}}:{{{#0f0,#f0f 1}}}:{{{#00f,#ff0 2.5}}}}}}'''{{{#!wiki style="max-width:400px;height:1em;background:linear-gradient(90deg, #f00 calc(1% * 100 * 4 / 7.5), #0f0 0, #0f0 calc((1% * 100 * 4 / 7.5) + (1% * 100 * 1 / 7.5)), #00f 0)"dark-style="background:linear-gradient(90deg, #0ff calc(1% * 100 * 4 / 7.5), #f0f 0, #f0f calc((1% * 100 * 4 / 7.5) + (1% * 100 * 1 / 7.5)), #ff0 0)"
125}}}]
r709
126
127
128
129
130
131
r707
132{{{{{{#!style
r703
133.key td:hover {
r706
134 background-color:#f5f5f5;
r703
135}
136@theseed-dark-mode {
r706
137 .key td:hover {
138 background-color:#2d2f34;
139 }
r703
140}
r704
141}}}
r697
142
r707
143<tableclass=key>}}}
r697
144
r708
145호버 하이라이트
r697
146
r700
147
148
149
r702
150
151
152
153
r704
154
r703
155{{{#!style
156.red td:hover {
157background-color: red;
158color: white;
r702
159}
160@theseed-dark-mode {
161.red td:hover {
162background-color: green;
163}
164
165}
166}}}
167||<tableclass=red> 내용 || 내용2 || 내용3 ||
168
169
r697
170{{{#!style
r702
171.key td:hover {
172background-color:#f5f5f5;
r694
173}
r702
174@theseed-dark-mode {
175.key td:hover {
176background-color:#000;
177}
178}
r694
179}}}
r695
180{{{#!wiki style="margin: 0 auto; width: min(1000px, 100%); text-align: center; word-break: keep-all"
r702
181||<tablewidth=100%><tablebordercolor=#000,#666><bgcolor=#000><tableclass=key> {{{+1 '''[[QWERTY|{{{#fff QWERTY}}}]] [[틀:QWERTY 키보드|{{{#fff 키보드 글쇠}}}]]'''}}} ||
r695
182||<bgcolor=#fff,#111>{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
183{{{#!folding [ 펼치기 · 접기 (PC를 통한 열람 권장) ]
184##)] 편집기 하이라이팅 버그 때문에 둔 주석.
185{{{#!wiki style="margin: -5px -1px -11px; overflow: hidden"
186{{{#!wiki style="margin: -16px -0px -12px"
r702
187||<tablewidth=100%><tablebgcolor=#fff,#111><width=2.7%><rowbgcolor=#dcdcdc,#383b40>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.8%>||
188||<-2>[[Esc 키|{{{#000,#fff Esc}}}]] ||<-2><bgcolor=#dcdcdc,#383b40> ||<-2>[[기능 키#F1|{{{#000,#fff F1}}}]] ||<-2>[[기능 키#F2|{{{#000,#fff F2}}}]] ||<-2>[[기능 키#F3|{{{#000,#fff F3}}}]] ||<-2>[[기능 키#F4|{{{#000,#fff F4}}}]] ||<bgcolor=#dcdcdc,#383b40> ||<-2>[[F5#|{{{#000,#fff F5}}}]] ||<-2>[[F6|{{{#000,#fff F6}}}]] ||<-2>[[F7|{{{#000,#fff F7}}}]] ||<-2>[[F8|{{{#000,#fff F8}}}]] ||<bgcolor=#dcdcdc,#383b40> ||<-2>[[F9|{{{#000,#fff F9}}}]] ||<-2>[[F10#s-1|{{{#000,#fff F10}}}]] ||<-2>[[F11|{{{#000,#fff F11}}}]] ||<-2>[[F12|{{{#000,#fff F12}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2> [[Print Screen|{{{#000,#fff PrtSc}}}]][br][[Print Screen#s-3|{{{#000,#fff SysRq}}}]] ||<-2> [[Scroll Lock|{{{#000,#fff ScrLk}}}]] ||<-2> [[Pause Break|{{{#000,#fff Pause[br]Break}}}]] ||
r695
189||<-37><bgcolor=#dcdcdc,#383b40>||
r702
190||<-2>[[물결표|{{{#000,#fff ~}}}]] [br] [[다이어크리틱#s-5.2|{{{#000,#fff `}}}]] ||<-2>[[느낌표|{{{#000,#fff !}}}]] [br] [[1|{{{#000,#fff 1}}}]] ||<-2>[[@|{{{#000,#fff @}}}]] [br] [[2|{{{#000,#fff 2}}}]] ||<-2>[[\#|{{{#000,#fff \#}}}]] [br] [[3|{{{#000,#fff 3}}}]] ||<-2>[[달러|{{{#000,#fff $}}}]] [br] [[4|{{{#000,#fff 4}}}]] ||<-2>[[%|{{{#000,#fff %}}}]] [br] [[5|{{{#000,#fff 5}}}]] ||<-2>[[^|{{{#000,#fff ^}}}]] [br] [[6|{{{#000,#fff 6}}}]] ||<-2>[[&|{{{#000,#fff &}}}]] [br] [[7|{{{#000,#fff 7}}}]] ||<-2>[[*|{{{#000,#fff *}}}]] [br] [[8|{{{#000,#fff 8}}}]] ||<-2>[[괄호#s-2.1|{{{#000,#fff (}}}]] [br] [[9|{{{#000,#fff 9}}}]] ||<-2>[[괄호#s-2.1|{{{#000,#fff )}}}]] [br] [[0|{{{#000,#fff 0}}}]] ||<-2>[[_|{{{#000,#fff _}}}]] [br] [[-|{{{#000,#fff -}}}]] ||<-2>[[덧셈|{{{#000,#fff +}}}]] [br] [[=|{{{#000,#fff =}}}]] ||<-4> [[백스페이스|{{{#000,#fff ← Backspace}}}]][br]{{{#000,#fff (Delete)}}} ||<bgcolor=#dcdcdc,#383b40>||<-2> [[Insert#s-2|{{{#000,#fff Ins}}}]] ||<-2> [[홈#s-2.5|{{{#000,#fff Home}}}]] ||<-2> [[Page up|{{{#000,#fff PgUp}}}]] ||
191||<-3> [[Tab 키|{{{#000,#fff ⇆ Tab}}}]] ||<-2>[[Q|{{{#000,#fff Q}}}]] ||<-2>[[W|{{{#000,#fff W}}}]] ||<-2>[[E|{{{#000,#fff E}}}]] ||<-2>[[R|{{{#000,#fff R}}}]] ||<-2>[[T|{{{#000,#fff T}}}]] ||<-2>[[Y|{{{#000,#fff Y}}}]] ||<-2>[[U|{{{#000,#fff U}}}]] ||<-2>[[I|{{{#000,#fff I}}}]] ||<-2>[[O|{{{#000,#fff O}}}]] ||<-2>[[P|{{{#000,#fff P}}}]] ||<-2>[[괄호#s-2.2|{{{#000,#fff \{}}}]] [br] [[괄호#s-2.3|{{{#000,#fff \[}}}]] ||<-2>[[괄호#s-2.2|{{{#000,#fff \}}}}]] [br] [[괄호#s-2.3|{{{#000,#fff \]}}}]] ||<-3>[[\||{{{#000,#fff \|}}}]][br][[\\|{{{#000,#fff \\}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2> [[삭제#s-1|{{{#000,#fff Del}}}]] ||<-2> [[END#s-5|{{{#000,#fff End}}}]] ||<-2> [[Page down|{{{#000,#fff PgDn}}}]] ||
192||<-4> [[Caps Lock|{{{#000,#fff ⇪ Caps Lock}}}]] ||<-2>[[A|{{{#000,#fff A}}}]] ||<-2>[[S|{{{#000,#fff S}}}]] ||<-2>[[D|{{{#000,#fff D}}}]] ||<-2>[[F|{{{#000,#fff F}}}]] ||<-2>[[G|{{{#000,#fff G}}}]] ||<-2>[[H|{{{#000,#fff H}}}]] ||<-2>[[J|{{{#000,#fff J}}}]] ||<-2>[[K|{{{#000,#fff K}}}]] ||<-2>[[L|{{{#000,#fff L}}}]] ||<-2>[[쌍점|{{{#000,#fff :}}}]][br][[쌍반점|{{{#000,#fff ;}}}]] ||<-2>[[따옴표|{{{#000,#fff "}}}]][br][[아포스트로피|{{{#000,#fff '}}}]] ||<-4> [[엔터 키|{{{#000,#fff Enter ↲}}}]][br](Return) ||<-5><bgcolor=#dcdcdc,#383b40>||<-2> [[Num Lock|{{{#000,#fff Num}}}]] ||
193||<-5> [[Shift 키|{{{#000,#fff ⇧ Shift}}}]] ||<-2>[[Z|{{{#000,#fff Z}}}]] ||<-2>[[X|{{{#000,#fff X}}}]] ||<-2>[[C|{{{#000,#fff C}}}]] ||<-2>[[V|{{{#000,#fff V}}}]] ||<-2>[[B|{{{#000,#fff B}}}]] ||<-2>[[N|{{{#000,#fff N}}}]] ||<-2>[[M|{{{#000,#fff M}}}]] ||<-2>[[부등호|{{{#000,#fff <}}}]][br][[쉼표|{{{#000,#fff ,}}}]] ||<-2>[[부등호|{{{#000,#fff >}}}]][br][[마침표|{{{#000,#fff .}}}]] ||<-2>[[물음표|{{{#000,#fff ?}}}]][br][[..//|{{{#000,#fff /}}}]] ||<-5> [[Shift 키|{{{#000,#fff ⇧ Shift}}}]] ||<-3><#dcdcdc,#383b40>||<-2>[[방향|{{{#000,#fff ↑}}}]]||<-2><bgcolor=#dcdcdc,#383b40>||
194||<-3> [[Ctrl 키|{{{#000,#fff Ctrl}}}]] [br] {{{#000,#fff (}}}[[FN|{{{#000,#fff fn}}}]]{{{#000,#fff )}}} ||<-2> [[FN(키)|{{{#000,#fff Fn}}}]] [br] {{{#000,#fff (}}}[[컨트롤|{{{#000,#fff ^}}}]]{{{#000,#fff )}}} ||<-2> [[윈도우 키|{{{#000,#fff [[파일:Windows_11_Icon_(print).svg|width=15px&theme=light]][[파일:Windows_11_Icon_(dark).svg|width=15px&theme=dark]]}}}]] [br] {{{#000,#fff (}}}[[옵션#s-5|{{{#000,#fff ⌥}}}]]{{{#000,#fff )}}} ||<-2> [[Alt 키|{{{#000,#fff Alt}}}]] [br] {{{#000,#fff (}}}[[커맨드|{{{#000,#fff ⌘}}}]]{{{#000,#fff )}}} ||<-12> [[스페이스 바|{{{#000,#fff Space}}}]] ||<-2> [[Alt 키|{{{#000,#fff Alt}}}]] [br] {{{#000,#fff (}}}[[커맨드|{{{#000,#fff ⌘}}}]]{{{#000,#fff )}}} ||<-2> [[윈도우 키|{{{#000,#fff [[파일:Windows_11_Icon_(print).svg|width=15px&theme=light]][[파일:Windows_11_Icon_(dark).svg|width=15px&theme=dark]]}}}]] [br] {{{#000,#fff (}}}[[옵션#s-5|{{{#000,#fff ⌥}}}]]{{{#000,#fff )}}} ||<-2> [[Windows Copilot|[[파일:Windows Copilot 로고.svg|width=20]]]] [br] [[메뉴 키|{{{#000,#fff (Menu)}}}]] ||<-3> [[Ctrl 키|{{{#000,#fff Ctrl}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2>[[방향|{{{#000,#fff ←}}}]]||<-2>[[방향|{{{#000,#fff ↓}}}]]||<-2>[[방향|{{{#000,#fff →}}}]]||
r695
195||<-37><bgcolor=#dcdcdc,#383b40>||}}}}}}}}}}}}||}}}
196
197
198이 내용에서 {{{#000,#fff 지우기 제외}}} 를 지워줘 지우기 제외 부분만 뺴고
199
r694
200||<tableclass=hover-table> 셀 1 || 셀 2 ||
201|| 셀 3 || 셀 4 ||
202
203
204
r702
205
206
r694
207||<class=key> 내용 ||
208
209이런식으로 되니까 이런식으로 만들라고 이 문법보다 테이블의 셀의 갯수가 많아지면 일일이 <class=key>를 넣을 순 없잖아?
210
211
212}
r693
213table.keykey:hover > tbody > tr:nth-of-type(2n) > td:first-of-type {
214 background-color:#0f0;
215}
r692
216
r693
217||<tableclass=keykey> ff ||
r692
218|| ff ||
219|| ff ||
220|| ff ||
221|| ff ||
222|| ff ||
223|| ff ||
224|| ff ||
225|| ff ||
226
r694
227||<tableclass=hover-table> ss || ss || ss || ss || ss ||
r692
228|| ss || ss || ss || ss || ss ||
229|| ss || ss || ss || ss || ss ||
230|| ss || ss || ss || ss || ss ||
231|| ss || ss || ss || ss || ss ||
232|| ss || ss || ss || ss || ss ||
233|| ss || ss || ss || ss || ss ||
234
235
236||<|5><class=key><tablebgcolor=transparent> 클릭 ||<class=key> dd ||
237||<class=key> dd ||
238||<class=key> dd ||
239||<class=key> dd ||
240||<class=key> dd ||
241
242
243
244
245
r684
246||<nopad><#fff>{{{#!wiki style="word-break:keep-all;font: 0.5em/0.95 monospace; font-family: revert;color:#000"
247}}}||
248
249
250
251
252
253
254
255
256
257
258
259
260
r683
261주제를 벗어나긴 했는데 프로플의 테이블이 {{{#!wiki style="max-width:500px"
r679
262|| 몬스터 대학교 || → || 인사이드 아웃 || → || 굿 다이노 ||
263||<-5><nopad> {{{#!wiki style="margin: -10px 0"
r683
264||<tablewidth=100%><width=30%> 감독 ||<width=60%> 피트 닥터 ||}}} ||}}}이런식으로 열이 맞지 않게 되있는데 열을 맞추는게 좋을까요 아니면 맞추지 않는게 좋을까요?
r678
265
266
267
268
r638
269{{{#!style
r673
270.t {
r674
271 width:150px;overflow:hidden;
r673
272}
r674
273.t:hover {
274 width:500px;
r673
275}
276}}}
r670
277
r674
278||<class=t><nopad><tablebordercolor=red> [[파일:해킹범.webp|width=100%]] ||
279
280
281
282
283
284
r676
285
286
287
288
289
290
291
r673
292
293
294
295
296
297
298{{{#!style
299
r670
300.my-table {
301
302 border-radius: 16px; overflow:hidden;
303
304 background-color: aliceblue;
305
306 transition: 0.3s; /* 색이 부드럽게 변함 */
307
308 width :100px; height: 100px;
309
310}
311
312
313
314.my-table:hover {
315
r672
316 overflow:hidden;
r671
317 background-color:#0f0;
r672
318 width:200px;height:200px;
r670
319
320}
321
322}}}
323
r673
324{{{#!wiki style="width:100%;height:100%;overflow: hidden"
325{{{#!wiki style="width:500px;height:500px;margin: -90% -155%"
326[[파일:해킹범.webp|width=100%]]}}}}}}
r670
327
r673
328
329
r672
330{{{#!wiki style="width:150px;height:150px;overflow: hidden"
331{{{#!wiki style="width:500px;height:500px;margin: -90% -155%"
332[[파일:해킹범.webp|width=100%]]}}}}}}
r670
333
334
r672
335||<tableclass=my-table><tablebordercolor=transparent> ||
r670
336
337
338
339
r672
340
r670
341{{{#!style
r647
342.margin {
343 margin: -12px -2px;
344}
r655
345table.padding > tbody > tr > td:first-of-type {
346padding: 13px 10px;
347}
r647
348.circles {
r653
349 overflow:hidden;
r668
350 background-color:#1c1362;background-image:radial-gradient(circle at 1% 8%, #7e1766 60px, transparent 62px), radial-gradient(circle at 30% 20%, #00a64c 40px, transparent 42px), radial-gradient(circle at 4% 45%, #0069b2 90px, transparent 92px), radial-gradient(circle at 31% 82%, #99002f 80px, #1c1362 82px);
r647
351}
352}}}
r663
353||<-5><tablewidth=550><tablealign=right><tablebgcolor=#fff,#1c1d1f><tablebordercolor=#1c1362><nopad> {{{#!wiki style="padding: 7px 10px; background-image: radial-gradient(circle at 5% 20%, #cabbea66 20px, transparent 22px), radial-gradient(circle at 0% 120%, #7e1766b3 75px, transparent 77px), radial-gradient(circle at 20% 20%, #00a64cb3 40px, transparent 42px), radial-gradient(circle at 82% 27%, #00a2e099 30px, transparent 32px), radial-gradient(circle at 70% 10%, #0069b299 75px, transparent 77px), radial-gradient(circle at 98% 90%, #99002fbf 50px, transparent 52px), linear-gradient(to bottom, #1c1362 40%, #14549e 80%, #0893ce)"
354{{{#white '''{{{+1 인사이드 아웃}}}''' (2015)[br]Inside Out}}}}}} ||
355||<-5><bgcolor=white><nopad> [[파일:Inside_Out.jpg|width=100%]] ||
356||<-5><bgcolor=#1c1362> [[픽사|{{{#white '''픽사'''}}}]] {{{#white '''장편 애니메이션'''}}} ||
357||<width=100px> [[몬스터 대학교]] ||<width=25px> → ||<width=100px> '''인사이드 아웃''' ||<width=25px> → ||<width=100px> [[굿 다이노]] ||
r653
358||<-5><nopad> {{{#!wiki class="circles"
359{{{#!wiki class="margin"
r663
360||<-2><width=35%><tablebgcolor=transparent><tableclass=padding> {{{#white '''감독'''}}} ||<-3><colbgcolor=#f5f5f5,#2d2f34>[[피트 닥터]] ||
r647
361||<-2> {{{#white '''제작'''}}} ||<-3>코리 레이 ||
362||<-2> {{{#white '''각본'''}}} ||<-3>피트 닥터, 멕 러포브, 조시 쿨리 ||
363||<-2> {{{#white '''원안'''}}} ||<-3>피트 닥터, 로니 델카르멘[* [[필리핀]] 출신 애니메이터로 1989년 미국으로 이민 가서 《[[배트맨 디 애니메이티드 시리즈|배트맨 애니메이션 시리즈]]》의 스토리보드 작가로 활동하다가 [[드림웍스]]에서 스토리 슈퍼바이저로 일했다. 그러다 2000년 여름 《[[니모를 찾아서]]》 프로덕션 기간 중에 픽사에 스토리 슈퍼바이저로 합류했다. 이후 [[아카데미 시상식]] 후보에 올랐던 단편 애니 '원맨 밴드'의 프로덕션 디자인을 맡았고, 《[[라따뚜이(애니메이션)|라따뚜이]]》에서 스토리 작업을 맡기도 했다. 그리고 《[[업(애니메이션)|업]]》의 DVD에 수록된 단편 애니메이션 '더그의 특별한 임무(Dug's Special Mission)'으로 감독에 입봉했다. 크레딧에는 감독 피트 닥터 다음으로 공동 연출로 기재되었다.] ||
364||<-2> {{{#white '''출연'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[에이미 폴러]], [[빌 헤이더]] 外[br][[파일:대한민국 국기.svg|width=20]] [[안소이]], [[위훈]], [[이종구(배우)|이종구]] 外 ||
365||<-2> {{{#white '''음악'''}}} ||<-3>[[마이클 지아키노]] ||
r649
366||<-2> {{{#white '''장르'''}}} ||<-3>[[애니메이션]], [[코미디]], [[드라마]], [[성장물|성장]], [[가족물|가족]], [[모험물|어드벤처]], [[판타지]] ||
r647
367||<-2> {{{#white '''개봉일'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[2015년]] [[6월 19일]][br][[파일:대한민국 국기.svg|width=20]] [[2015년]] [[7월 9일]]{{{#!folding [기타 국가 펼치기 · 접기 ]
368[[파일:대만 국기.svg|width=20]] [[2015년]] [[8월 7일]][br][[파일:독일 국기.svg|width=20]] [[2015년]] [[10월 1일]]}}} ||
369||<-2> {{{#white '''상영 시간'''}}} ||<-3>본편 94분[br]단편 [[라바#s-2.1|라바 (Lava)]] 8분 ||
370||<-2> {{{#white '''상영 타입'''}}} ||<-3>[[2차원|2D]] | [[스테레오스코피|3D]] | [[IMAX]] | [[Dolby Cinema]](해외) ||
371||<-2> {{{#white '''제작사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 픽처스]][br][[파일:미국 국기.svg|width=20]] [[픽사 애니메이션 스튜디오]] ||
r649
372||<-2> {{{#white '''수입사'''}}} ||<-3>[[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
373||<-2> {{{#white '''배급사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 스튜디오스 모션 픽처스]][br][[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
374||<-2> {{{#white '''스트리밍'''}}} ||<-3>[include(틀:디즈니+ 표시)] [[https://www.disneyplus.com/ko-kr/movies/inside-out/uzQ2ycVDi2IE|▶]] ||
r647
375||<-2> {{{#white '''제작비'''}}} ||<-3>'''1억 7,500만 달러''' ||
376||<-2> {{{#white '''월드 박스오피스'''}}} ||<-3>'''8억 5,884만 8,019달러'''[* 출처: [[https://www.boxofficemojo.com|Box Office Mojo]]] ||
377||<-2> {{{#white '''북미 박스오피스'''}}} ||<-3>'''3억 5,692만 1,711달러''' ||
378||<-2> {{{#white '''대한민국 관객수'''}}} ||<-3>'''496만 9,735명'''[* 픽사 애니메이션 영화 최다 국내 관객수 기록][* 출처: [[https://www.kobis.or.kr|영화관 입장권 통합 전산망]]] ||
r649
379||<-2> {{{#white '''국내 등급'''}}} ||<-3>[[전체 관람가|[[파일:영등위_전체관람가_2021.svg|width=30]] '''{{{#212529,#e0e0e0 전체 관람가}}}''']] ||
r653
380||<-2> {{{#white '''링크'''}}} ||<-3>[[https://www.pixar.com/feature-films/inside-out|[[파일:홈페이지 아이콘.svg|width=20]]]][* Pixar 홈페이지] | [[https://movies.disney.com/inside-out/|[[파일:홈페이지 아이콘.svg|width=20]]]][* Disney 홈페이지] | [[https://www.facebook.com/PixarInsideOut|[[파일:페이스북 아이콘.svg|width=20]]]] | [[https://www.instagram.com/pixarinsideout/|[[파일:인스타그램 아이콘.svg|width=20]]]] | [include(틀:X(SNS) 로고, 링크=PixarInsideOut, 크기=20)]||}}}}}} ||
r647
381
382
r664
383[clearfix]
r647
384
385
386
387
388
389
390
391
392||<nopad> {{{#!wiki class="circles"
393{{{#!wiki class="margin"
394||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
395|| 222 || bbb ||
396|| 333 || ccc ||
397|| 444 || ddd ||
398|| 555 || eee ||
399|| 666 || fff ||}}}}}} ||
400
401
402
403
404
405
406
407
408
409{{{#!style
r641
410.mg {
411 margin: -12px -2px;
412}
r638
413.bg {
r640
414 overflow:hidden;
r644
415 background:radial-gradient(circle at 25% 50%, yellow 20px, transparent 0), linear-gradient(0deg, #fff, #000);
r641
416 color:red;
r638
417}
418}}}
r637
419
r648
420||<nopad> {{{#!wiki class="bg mg"
r646
421||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
r645
422|| 222 || bbb ||
423|| 333 || ccc ||
424|| 444 || ddd ||
425|| 555 || eee ||
r648
426|| 666 || fff ||}}} ||
r645
427
r641
428||<tablewidth=100%><nopad> {{{#!wiki class="bg"
429{{{#!wiki class="mg"
r640
430||<tablewidth=100%><tablebgcolor=transparent><width=50%> 내용1[br][br] || 내용2 ||
r641
431|| 내용3 || 내용4 ||}}}}}} ||
r637
432
433
434
r638
435
r636
436
437
438
439
440||<tableclass=my-table><tablebordercolor=transparent> 클릭 ||
441
442
r634
443
r635
444{{{#!if
r634
445참참참참참참참참참참참참참참참참참참참참참참참}}}
446
447
r632
448{{{#!wiki style="width:clamp(50vw, 100%, 100vw);height:20px;border:1px solid red"
r631
449}}}
r635
450{{{#!wiki style="width:500px;height:20px;border:1px solid red"
r631
451}}}
452{{{#!wiki style="width:clac(100vw - 100%);height:20px;border:1px solid red"
453}}}
454
455
r630
456{{{#!wiki style="display:table;border:5px solid red;width:100%;height:300px;"
457[[파일:해킹범.webp|width=100%]]}}}
r624
458
459
r630
460
r633
461모바일: 100vw = 100% -> img = 100%
462pc: 100vw > 100% -> img = 50%
r630
463
464
465
466
467
468
r628
469||<tablebgcolor=#fff><:> {{{#!wiki style="display: inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #80FFFF"
470Intelligence}}} = 지능
471{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FF80FF"
472Social Ineptitude}}} = 사회성 부족
473{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FFFF80"
474Obsession}}} = 집착
475{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BF80FF"
476Dweeb}}} = [[샌님]]
477{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BFFF80"
478Geek}}} = [[Geek|덕후]]
479{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #FFBF80"
480Dork}}} = [[Dork|얼간이]]
481{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; background-color: #DFBF80"
r629
482Nerd}}} = [[너드]]
r624
483
r629
484{{{-2 즉 머리는 좋지만 사회성은 떨어지고 어떤 주제나 분야에 대해 집착이 있으면 Nerd라는 것}}} ||
r625
485
486
487
488
r629
489
r623
490{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background: linear-gradient(rgb(0, 255, 255, .5), rgb(0, 255, 255, .5)); background-color: rgb(255, 0, 255, .5)"
491Intelligence}}}
492
r622
493
494
r625
495
496
r622
497{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background-color: rgb(255, 255, 0, .5)"
498Obsession}}}
499
500
501
502
503
r621
504|| {{{#!wiki style="width:300px"
505}}} ||
506||<^|1>{{{#!wiki style="margin:0 -10px;height:15px;background:linear-gradient(90deg, rgb(83,20,16,.5) calc(6700 / 10000 * 100%), transparent 0%)"
507}}}||
508
509
510
511
512
513
r620
514{{{#!wiki style="width:100px;height:100px;background-color:hsl(30 40 40 / 1)"
515}}}
r619
516
517
518
519
r618
520{{{#!wiki style="color:#000;width:110px;height:140px;background:conic-gradient(from 65deg at calc(100%/3) 25%, currentcolor 25deg, transparent 0), conic-gradient(from 245deg at calc(100% - 100%/3) 25%, currentcolor 25deg, transparent 0), conic-gradient(from 65deg at calc(100%/3) 75%, currentcolor 25deg, transparent 0), conic-gradient(from 245deg at calc(100% - 100%/3) 75%, currentcolor 25deg, transparent 0), linear-gradient(#fff, #fff)"
r607
521}}}
r598
522
r607
523
524
525
526
r605
527{{{#!wiki style="width:15px"
528{{{#!wiki style="width:30px"
r602
529
r605
530||<colbgcolor=#531410> {{{#!wiki style="width:15px"
531}}} ||<colcolor=gray> {{{#!wiki style="width:30px"
532''''''}}} ||
r602
533
r605
5348
535|| 15 || 25 ||
536|| 19 || 30 ||
537|| 21 || 38 ||
538|| 22 || 52 ||
539|| 28 || 64 ||
r602
540
r605
5419
542|| 1 || 69 ||
543|| 8 || 93 ||
544|| 9 || 100 ||
545|| 23 || 120 ||
546|| 9 || 170 ||
r602
547
r605
54810
549|| 31 || 200 ||
r602
550
r605
55111
552|| 2 || 210 ||
r606
553|| 16 || '''230''' ||
554|| 23 || '''240''' ||
555|| 25 || '''270''' ||
556|| 25 || '''280''' ||
557|| 26 || '''290''' ||
558|| 28 || '''300''' ||
r602
559
r605
56012
561|| 6 || 320 ||
r606
562|| 14 || '''340''' ||
563|| 18 || '''370''' ||
564|| 18 || '''380''' ||
565|| 19 || '''390''' ||
566|| 19 || '''400''' ||
567|| 27 || '''444''' ||
568|| 31 || '''470''' ||
r602
569
r605
5701
571|| 6 || 490 ||
r606
572|| 7 || '''500''' ||
573|| 7 || '''510''' ||
574|| 16 || '''550''' ||
575|| 26 || '''600''' ||
576|| 27 || '''630''' ||
577|| 31 || '''666''' ||
r602
578
r605
5792
580|| 2 || 680 ||
r606
581|| 3 || '''700''' ||
582|| 10 || '''784''' ||
583|| 15 || '''800''' ||
584|| 19 || '''830''' ||
585|| 22 || '''870''' ||
586|| 23 || '''900''' ||
587|| 26 || '''965''' ||
588|| 26 || '''974''' ||
589|| 27 || '''1000''' ||
590|| 27 || '''1010''' ||
591|| 28 || '''1060''' ||
r602
592
r605
5933
594|| 1 || 1100 ||
r606
595|| 2 || '''1111''' ||
596|| 5 || '''1188''' ||
597|| 19 || '''1417''' ||
598|| 22 || '''1448''' ||
r602
599
r605
6004
601|| 4 || 1481 ||
r606
602|| 5 || '''1500''' ||
603|| 6 || '''1515''' ||
604|| 9 || '''1551''' ||
605|| 10 || '''1600''' ||
606|| 10 || '''1616''' ||
607|| 19 || '''1770''' ||
608|| 21 || '''1805''' ||
609|| 22 || '''1800''' ||
610|| 27 || '''1818''' ||
r602
611
r605
6125
613|| 2 || 1828 ||
r606
614|| 4 || '''1841''' ||
615|| 12 || '''1900''' ||
616|| 12 || '''1917''' ||
617|| 20 || '''1968''' ||
618|| 23 || '''1970''' ||
619|| 23 || '''1975''' ||
620|| 24 || '''1983''' ||
621|| 25 || '''1984''' ||
622|| 25 || '''1985''' ||
623|| 25 || '''1988''' ||
624|| 26 || '''1900''' ||
625|| 27 || '''2000''' ||
626|| 31 || '''2020''' ||
627|| 31 || '''2024''' ||
r602
628
r605
6296
630|| 1 || 2030 ||
r606
631|| 7 || '''2055''' ||
r602
632
r605
6337
634|| 2 || 2222 ||
r606
635|| 2 || '''2222''' ||
636|| 10 || '''2244''' ||
637|| 20 || '''2255''' ||
r602
638
r605
6398
640|| 12 || 2300 ||
r606
641|| 13 || '''2400''' ||
642|| 14 || '''2408''' ||
r602
643
r605
6449
645|| 10 || 2500 ||
r602
646
r605
64711
648|| 8 || 2600 ||
r602
649
r605
65012
651|| 24 || 2800 ||
r602
652
r605
6531
654|| 12 || 2900 ||
r606
655|| 28 || '''3000''' ||
656|| 30 || '''3100''' ||
r602
657
r605
6582
659|| 1 || 3200 ||
r606
660|| 4 || '''3333''' ||
661|| 4 || '''3500''' ||
662|| 4 || '''3900''' ||
663|| 5 || '''4000''' ||
664|| 5 || '''4500''' ||
665|| 9 || '''5000''' ||
666|| 9 || '''5070''' ||
667|| 11 || '''5200''' ||
668|| 12 || '''5252''' ||
669|| 17 || '''5353''' ||
670|| 23 || '''5460''' ||
r602
671
r605
6723
673|| 1 || 5500 ||
r606
674|| 7 || '''5555''' ||
675|| 8 || '''5600''' ||
676|| 16 || '''5793''' ||
677|| 23 || '''5959''' ||
678|| 25 || '''6000''' ||
679|| 30 || '''6100''' ||
r602
680
r605
6814
682|| 13 || 3161 ||
r606
683|| 28 || '''3131''' ||
r602
684
r605
6856
686|| 8 || 2999 ||
r606
687|| 9 || '''3000''' ||
r602
688
r605
6897
690|| 17 || 6400 ||
r602
691
r605
6928
693|| 7 || 6464 ||
r606
694|| 17 || '''6500''' ||
r602
695
r605
6969
697|| 6 || 6565 ||
r606
698|| 13 || '''6600''' ||
699|| 14 || '''6614''' ||
r602
700
r605
70110
702|| 3 || 6666 ||
r606
703|| 6 || '''6675''' ||
704|| 13 || '''6700''' ||
r605
705
706
707
708
709
r601
710||<width=200px><height=300px><^|1> {{{#!wiki style="width:100px;height:100px;border:1px solid red"
711}}} ||
r600
712
713
714
r599
715||[br][br][br][br]||<width=100%> {{{#!wiki style="display:table"
716{{{#!wiki style="vertical-align:top"
717{{{#!wiki style="height:15px;border:1px solid red"
r598
718}}}}}}}}} ||
r599
719margin:0 -10px;
r598
720
r597
721{{{#!wiki style="margin-left: 25px;width:100%;height:25px;border:1px solid red"
722}}}
r596
723
r597
724
725
r596
7261/3:1-1/3=15:X
727(1-1/3)15=(1/3)X
728
729
730
731
r595
732{{{#!wiki style="font-size:10px"
733{{{#!wiki style="width:15px;height:15px;border:1px solid red"
734}}}{{{#!wiki style="display:inline-block;border:1px solid red"
73510}}}
736{{{#!wiki style="display:inline-block;border:1px solid red"
73731}}}
73820
7398
740
741}}}
742
743
r594
744{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
745{{{#!folding ▼
746{{{#!wiki style="margin: -5px -1px -11px"
747|| || ||
748|| || ||}}}}}}}}}
r593
749
750
751||<keepall> {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
752{{{#!folding [ 펼치기 · 접기 ]
753{{{#!wiki style="margin: -5px -1px -11px"
754||내용내용내용내용내용내용내용내용||
755||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
756
757
r592
758{{{#!wiki style="font-size:10px"
r591
759|| 1 || {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
760{{{#!folding 6,700 ▼
761{{{#!wiki style="margin: -5px -1px -11px"
r592
762|| 3 || 6,666 ||
763|| 13 || 6,700 ||}}}}}}}}} || {{{#!wiki style="width:200px"
r591
764}}} ||
r592
765}}}
r591
766
767
768
r586
769
r589
770
771
772
r588
773||{{{#!wiki style="width:200px"
774}}} {{{#!folding 2222
775{{{#!wiki style="margin: -40px -40px 0 0"
776|| 5555 555555555 ||}}}}}} ||
r587
777
778
779
780
781
782
r588
783||<tablebordercolor=#f00> {{{#!wiki style="height:100px;margin-top: -2px"
r587
784{{{#!wiki style="margin-top: 30px"
785||<tablebordercolor=#f00> 5,555 ||}}}
786{{{#!wiki style="margin-top: -80px"
787{{{#!folding 2,000 ▼
788|| 10 || 1,500 || {{{#!wiki style="width:200px"
789}}} ||
790|| 20 || 1,800 || {{{#!wiki style="width:200px"
791}}} ||}}}}}}}}} ||
792
793
r573
794
r584
795
r591
796
r584
797||<|2> 1 || 2 ||<|2> {{{#!wiki style="width:200px"
798}}} ||
799|| {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
800{{{#!folding [ 펼치기 · 접기 ]
801{{{#!wiki style="margin: -5px -1px -11px"
802|| 내용 ||}}}}}}}}} ||
803
804
805
r582
806||<tablewidth=100%><tablebordercolor=gray> {{{#!wiki style="text-align: center;margin: -5px -10px;padding:5px 10px;background:radial-gradient(circle at 10% 50%, #f00 20px, transparent 0), radial-gradient(closest-corner at 50% -50%, #0f0 100%, transparent 0), radial-gradient(closest-corner at 50% 150%, #0f0 100%, transparent 0), linear-gradient(90deg, gray 20%, transparent 0, transparent 80%, gray 0), linear-gradient(#fff 25%, transparent 0, transparent 65%, #fff 0), linear-gradient(90deg, #fff 28%, #000 0, #000 36%, #fff 0, #fff 38%, #000 0, #000 46%, #fff 0, #fff 48%, #000 0, #000 54%, #fff 0, #fff 56%, #000 0, #000 62%, #fff 0, #fff 64%, #000 0, #000 72%, #fff 0)"
r574
807
808
809
810[[나무위키|[[파일:나무위키 검은색 가지 로고.svg|width=100&theme=light]]]][[나무위키|[[파일:나무위키 흰색 가지 로고.svg|width=100&theme=dark]]]]
811{{{#!wiki style="height: 1px; background-image: linear-gradient(90deg, transparent 20%, rgba(0,0,0,.8), transparent 80%);margin: 7px 0 7px" dark-style="background-image: linear-gradient(90deg, transparent 20%, rgba(255,255,255,.8), transparent 80%)"
r575
812}}}{{{#!wiki style="text-shadow: 0 0 5px rgba(0,0,0,.1)"
r579
813'''[[성탄절|{{{+5 {{{#fff 성탄절}}}}}}]]'''[br]{{{-3 {{{#000,#FFF 기독교의 축일 중 하나로[br]예수의 탄생을 기념하는 날.}}}}}}}}}}}} ||
814
815
816
r583
817