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