r671
r638
1{{{#!style
r670
2
3.my-table {
4
5 border-radius: 16px; overflow:hidden;
6
7 background-color: aliceblue;
8
9 transition: 0.3s; /* 색이 부드럽게 변함 */
10
11 width :100px; height: 100px;
12
13}
14
15
16
17.my-table:hover {
18
r671
19 background-color:#0f0;
20 width:200px;height:200px;
r670
21
22}
23
24}}}
25
26
27
28||<tableclass=my-table><tablebordercolor=transparent>[[파일:해킹범.webp|width=100%]] ||
29
30
31
32
33
34{{{#!style
r647
35.margin {
36 margin: -12px -2px;
37}
r655
38table.padding > tbody > tr > td:first-of-type {
39padding: 13px 10px;
40}
r647
41.circles {
r653
42 overflow:hidden;
r668
43 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
44}
45}}}
r663
46||<-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)"
47{{{#white '''{{{+1 인사이드 아웃}}}''' (2015)[br]Inside Out}}}}}} ||
48||<-5><bgcolor=white><nopad> [[파일:Inside_Out.jpg|width=100%]] ||
49||<-5><bgcolor=#1c1362> [[픽사|{{{#white '''픽사'''}}}]] {{{#white '''장편 애니메이션'''}}} ||
50||<width=100px> [[몬스터 대학교]] ||<width=25px> → ||<width=100px> '''인사이드 아웃''' ||<width=25px> → ||<width=100px> [[굿 다이노]] ||
r653
51||<-5><nopad> {{{#!wiki class="circles"
52{{{#!wiki class="margin"
r663
53||<-2><width=35%><tablebgcolor=transparent><tableclass=padding> {{{#white '''감독'''}}} ||<-3><colbgcolor=#f5f5f5,#2d2f34>[[피트 닥터]] ||
r647
54||<-2> {{{#white '''제작'''}}} ||<-3>코리 레이 ||
55||<-2> {{{#white '''각본'''}}} ||<-3>피트 닥터, 멕 러포브, 조시 쿨리 ||
56||<-2> {{{#white '''원안'''}}} ||<-3>피트 닥터, 로니 델카르멘[* [[필리핀]] 출신 애니메이터로 1989년 미국으로 이민 가서 《[[배트맨 디 애니메이티드 시리즈|배트맨 애니메이션 시리즈]]》의 스토리보드 작가로 활동하다가 [[드림웍스]]에서 스토리 슈퍼바이저로 일했다. 그러다 2000년 여름 《[[니모를 찾아서]]》 프로덕션 기간 중에 픽사에 스토리 슈퍼바이저로 합류했다. 이후 [[아카데미 시상식]] 후보에 올랐던 단편 애니 '원맨 밴드'의 프로덕션 디자인을 맡았고, 《[[라따뚜이(애니메이션)|라따뚜이]]》에서 스토리 작업을 맡기도 했다. 그리고 《[[업(애니메이션)|업]]》의 DVD에 수록된 단편 애니메이션 '더그의 특별한 임무(Dug's Special Mission)'으로 감독에 입봉했다. 크레딧에는 감독 피트 닥터 다음으로 공동 연출로 기재되었다.] ||
57||<-2> {{{#white '''출연'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[에이미 폴러]], [[빌 헤이더]] 外[br][[파일:대한민국 국기.svg|width=20]] [[안소이]], [[위훈]], [[이종구(배우)|이종구]] 外 ||
58||<-2> {{{#white '''음악'''}}} ||<-3>[[마이클 지아키노]] ||
r649
59||<-2> {{{#white '''장르'''}}} ||<-3>[[애니메이션]], [[코미디]], [[드라마]], [[성장물|성장]], [[가족물|가족]], [[모험물|어드벤처]], [[판타지]] ||
r647
60||<-2> {{{#white '''개봉일'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[2015년]] [[6월 19일]][br][[파일:대한민국 국기.svg|width=20]] [[2015년]] [[7월 9일]]{{{#!folding [기타 국가 펼치기 · 접기 ]
61[[파일:대만 국기.svg|width=20]] [[2015년]] [[8월 7일]][br][[파일:독일 국기.svg|width=20]] [[2015년]] [[10월 1일]]}}} ||
62||<-2> {{{#white '''상영 시간'''}}} ||<-3>본편 94분[br]단편 [[라바#s-2.1|라바 (Lava)]] 8분 ||
63||<-2> {{{#white '''상영 타입'''}}} ||<-3>[[2차원|2D]] | [[스테레오스코피|3D]] | [[IMAX]] | [[Dolby Cinema]](해외) ||
64||<-2> {{{#white '''제작사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 픽처스]][br][[파일:미국 국기.svg|width=20]] [[픽사 애니메이션 스튜디오]] ||
r649
65||<-2> {{{#white '''수입사'''}}} ||<-3>[[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
66||<-2> {{{#white '''배급사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 스튜디오스 모션 픽처스]][br][[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
67||<-2> {{{#white '''스트리밍'''}}} ||<-3>[include(틀:디즈니+ 표시)] [[https://www.disneyplus.com/ko-kr/movies/inside-out/uzQ2ycVDi2IE|▶]] ||
r647
68||<-2> {{{#white '''제작비'''}}} ||<-3>'''1억 7,500만 달러''' ||
69||<-2> {{{#white '''월드 박스오피스'''}}} ||<-3>'''8억 5,884만 8,019달러'''[* 출처: [[https://www.boxofficemojo.com|Box Office Mojo]]] ||
70||<-2> {{{#white '''북미 박스오피스'''}}} ||<-3>'''3억 5,692만 1,711달러''' ||
71||<-2> {{{#white '''대한민국 관객수'''}}} ||<-3>'''496만 9,735명'''[* 픽사 애니메이션 영화 최다 국내 관객수 기록][* 출처: [[https://www.kobis.or.kr|영화관 입장권 통합 전산망]]] ||
r649
72||<-2> {{{#white '''국내 등급'''}}} ||<-3>[[전체 관람가|[[파일:영등위_전체관람가_2021.svg|width=30]] '''{{{#212529,#e0e0e0 전체 관람가}}}''']] ||
r653
73||<-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
74
75
r664
76[clearfix]
r647
77
78
79
80
81
82
83
84
85||<nopad> {{{#!wiki class="circles"
86{{{#!wiki class="margin"
87||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
88|| 222 || bbb ||
89|| 333 || ccc ||
90|| 444 || ddd ||
91|| 555 || eee ||
92|| 666 || fff ||}}}}}} ||
93
94
95
96
97
98
99
100
101
102{{{#!style
r641
103.mg {
104 margin: -12px -2px;
105}
r638
106.bg {
r640
107 overflow:hidden;
r644
108 background:radial-gradient(circle at 25% 50%, yellow 20px, transparent 0), linear-gradient(0deg, #fff, #000);
r641
109 color:red;
r638
110}
111}}}
r637
112
r648
113||<nopad> {{{#!wiki class="bg mg"
r646
114||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
r645
115|| 222 || bbb ||
116|| 333 || ccc ||
117|| 444 || ddd ||
118|| 555 || eee ||
r648
119|| 666 || fff ||}}} ||
r645
120
r641
121||<tablewidth=100%><nopad> {{{#!wiki class="bg"
122{{{#!wiki class="mg"
r640
123||<tablewidth=100%><tablebgcolor=transparent><width=50%> 내용1[br][br] || 내용2 ||
r641
124|| 내용3 || 내용4 ||}}}}}} ||
r637
125
126
127
r638
128
r636
129
130
131
132
133||<tableclass=my-table><tablebordercolor=transparent> 클릭 ||
134
135
r634
136
r635
137{{{#!if
r634
138참참참참참참참참참참참참참참참참참참참참참참참}}}
139
140
r632
141{{{#!wiki style="width:clamp(50vw, 100%, 100vw);height:20px;border:1px solid red"
r631
142}}}
r635
143{{{#!wiki style="width:500px;height:20px;border:1px solid red"
r631
144}}}
145{{{#!wiki style="width:clac(100vw - 100%);height:20px;border:1px solid red"
146}}}
147
148
r630
149{{{#!wiki style="display:table;border:5px solid red;width:100%;height:300px;"
150[[파일:해킹범.webp|width=100%]]}}}
r624
151
152
r630
153
r633
154모바일: 100vw = 100% -> img = 100%
155pc: 100vw > 100% -> img = 50%
r630
156
157
158
159
160
161
r628
162||<tablebgcolor=#fff><:> {{{#!wiki style="display: inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #80FFFF"
163Intelligence}}} = 지능
164{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FF80FF"
165Social Ineptitude}}} = 사회성 부족
166{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FFFF80"
167Obsession}}} = 집착
168{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BF80FF"
169Dweeb}}} = [[샌님]]
170{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BFFF80"
171Geek}}} = [[Geek|덕후]]
172{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #FFBF80"
173Dork}}} = [[Dork|얼간이]]
174{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; background-color: #DFBF80"
r629
175Nerd}}} = [[너드]]
r624
176
r629
177{{{-2 즉 머리는 좋지만 사회성은 떨어지고 어떤 주제나 분야에 대해 집착이 있으면 Nerd라는 것}}} ||
r625
178
179
180
181
r629
182
r623
183{{{#!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)"
184Intelligence}}}
185
r622
186
187
r625
188
189
r622
190{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background-color: rgb(255, 255, 0, .5)"
191Obsession}}}
192
193
194
195
196
r621
197|| {{{#!wiki style="width:300px"
198}}} ||
199||<^|1>{{{#!wiki style="margin:0 -10px;height:15px;background:linear-gradient(90deg, rgb(83,20,16,.5) calc(6700 / 10000 * 100%), transparent 0%)"
200}}}||
201
202
203
204
205
206
r620
207{{{#!wiki style="width:100px;height:100px;background-color:hsl(30 40 40 / 1)"
208}}}
r619
209
210
211
212
r618
213{{{#!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
214}}}
r598
215
r607
216
217
218
219
r605
220{{{#!wiki style="width:15px"
221{{{#!wiki style="width:30px"
r602
222
r605
223||<colbgcolor=#531410> {{{#!wiki style="width:15px"
224}}} ||<colcolor=gray> {{{#!wiki style="width:30px"
225''''''}}} ||
r602
226
r605
2278
228|| 15 || 25 ||
229|| 19 || 30 ||
230|| 21 || 38 ||
231|| 22 || 52 ||
232|| 28 || 64 ||
r602
233
r605
2349
235|| 1 || 69 ||
236|| 8 || 93 ||
237|| 9 || 100 ||
238|| 23 || 120 ||
239|| 9 || 170 ||
r602
240
r605
24110
242|| 31 || 200 ||
r602
243
r605
24411
245|| 2 || 210 ||
r606
246|| 16 || '''230''' ||
247|| 23 || '''240''' ||
248|| 25 || '''270''' ||
249|| 25 || '''280''' ||
250|| 26 || '''290''' ||
251|| 28 || '''300''' ||
r602
252
r605
25312
254|| 6 || 320 ||
r606
255|| 14 || '''340''' ||
256|| 18 || '''370''' ||
257|| 18 || '''380''' ||
258|| 19 || '''390''' ||
259|| 19 || '''400''' ||
260|| 27 || '''444''' ||
261|| 31 || '''470''' ||
r602
262
r605
2631
264|| 6 || 490 ||
r606
265|| 7 || '''500''' ||
266|| 7 || '''510''' ||
267|| 16 || '''550''' ||
268|| 26 || '''600''' ||
269|| 27 || '''630''' ||
270|| 31 || '''666''' ||
r602
271
r605
2722
273|| 2 || 680 ||
r606
274|| 3 || '''700''' ||
275|| 10 || '''784''' ||
276|| 15 || '''800''' ||
277|| 19 || '''830''' ||
278|| 22 || '''870''' ||
279|| 23 || '''900''' ||
280|| 26 || '''965''' ||
281|| 26 || '''974''' ||
282|| 27 || '''1000''' ||
283|| 27 || '''1010''' ||
284|| 28 || '''1060''' ||
r602
285
r605
2863
287|| 1 || 1100 ||
r606
288|| 2 || '''1111''' ||
289|| 5 || '''1188''' ||
290|| 19 || '''1417''' ||
291|| 22 || '''1448''' ||
r602
292
r605
2934
294|| 4 || 1481 ||
r606
295|| 5 || '''1500''' ||
296|| 6 || '''1515''' ||
297|| 9 || '''1551''' ||
298|| 10 || '''1600''' ||
299|| 10 || '''1616''' ||
300|| 19 || '''1770''' ||
301|| 21 || '''1805''' ||
302|| 22 || '''1800''' ||
303|| 27 || '''1818''' ||
r602
304
r605
3055
306|| 2 || 1828 ||
r606
307|| 4 || '''1841''' ||
308|| 12 || '''1900''' ||
309|| 12 || '''1917''' ||
310|| 20 || '''1968''' ||
311|| 23 || '''1970''' ||
312|| 23 || '''1975''' ||
313|| 24 || '''1983''' ||
314|| 25 || '''1984''' ||
315|| 25 || '''1985''' ||
316|| 25 || '''1988''' ||
317|| 26 || '''1900''' ||
318|| 27 || '''2000''' ||
319|| 31 || '''2020''' ||
320|| 31 || '''2024''' ||
r602
321
r605
3226
323|| 1 || 2030 ||
r606
324|| 7 || '''2055''' ||
r602
325
r605
3267
327|| 2 || 2222 ||
r606
328|| 2 || '''2222''' ||
329|| 10 || '''2244''' ||
330|| 20 || '''2255''' ||
r602
331
r605
3328
333|| 12 || 2300 ||
r606
334|| 13 || '''2400''' ||
335|| 14 || '''2408''' ||
r602
336
r605
3379
338|| 10 || 2500 ||
r602
339
r605
34011
341|| 8 || 2600 ||
r602
342
r605
34312
344|| 24 || 2800 ||
r602
345
r605
3461
347|| 12 || 2900 ||
r606
348|| 28 || '''3000''' ||
349|| 30 || '''3100''' ||
r602
350
r605
3512
352|| 1 || 3200 ||
r606
353|| 4 || '''3333''' ||
354|| 4 || '''3500''' ||
355|| 4 || '''3900''' ||
356|| 5 || '''4000''' ||
357|| 5 || '''4500''' ||
358|| 9 || '''5000''' ||
359|| 9 || '''5070''' ||
360|| 11 || '''5200''' ||
361|| 12 || '''5252''' ||
362|| 17 || '''5353''' ||
363|| 23 || '''5460''' ||
r602
364
r605
3653
366|| 1 || 5500 ||
r606
367|| 7 || '''5555''' ||
368|| 8 || '''5600''' ||
369|| 16 || '''5793''' ||
370|| 23 || '''5959''' ||
371|| 25 || '''6000''' ||
372|| 30 || '''6100''' ||
r602
373
r605
3744
375|| 13 || 3161 ||
r606
376|| 28 || '''3131''' ||
r602
377
r605
3786
379|| 8 || 2999 ||
r606
380|| 9 || '''3000''' ||
r602
381
r605
3827
383|| 17 || 6400 ||
r602
384
r605
3858
386|| 7 || 6464 ||
r606
387|| 17 || '''6500''' ||
r602
388
r605
3899
390|| 6 || 6565 ||
r606
391|| 13 || '''6600''' ||
392|| 14 || '''6614''' ||
r602
393
r605
39410
395|| 3 || 6666 ||
r606
396|| 6 || '''6675''' ||
397|| 13 || '''6700''' ||
r605
398
399
400
401
402
r601
403||<width=200px><height=300px><^|1> {{{#!wiki style="width:100px;height:100px;border:1px solid red"
404}}} ||
r600
405
406
407
r599
408||[br][br][br][br]||<width=100%> {{{#!wiki style="display:table"
409{{{#!wiki style="vertical-align:top"
410{{{#!wiki style="height:15px;border:1px solid red"
r598
411}}}}}}}}} ||
r599
412margin:0 -10px;
r598
413
r597
414{{{#!wiki style="margin-left: 25px;width:100%;height:25px;border:1px solid red"
415}}}
r596
416
r597
417
418
r596
4191/3:1-1/3=15:X
420(1-1/3)15=(1/3)X
421
422
423
424
r595
425{{{#!wiki style="font-size:10px"
426{{{#!wiki style="width:15px;height:15px;border:1px solid red"
427}}}{{{#!wiki style="display:inline-block;border:1px solid red"
42810}}}
429{{{#!wiki style="display:inline-block;border:1px solid red"
43031}}}
43120
4328
433
434}}}
435
436
r594
437{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
438{{{#!folding ▼
439{{{#!wiki style="margin: -5px -1px -11px"
440|| || ||
441|| || ||}}}}}}}}}
r593
442
443
444||<keepall> {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
445{{{#!folding [ 펼치기 · 접기 ]
446{{{#!wiki style="margin: -5px -1px -11px"
447||내용내용내용내용내용내용내용내용||
448||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
449
450
r592
451{{{#!wiki style="font-size:10px"
r591
452|| 1 || {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
453{{{#!folding 6,700 ▼
454{{{#!wiki style="margin: -5px -1px -11px"
r592
455|| 3 || 6,666 ||
456|| 13 || 6,700 ||}}}}}}}}} || {{{#!wiki style="width:200px"
r591
457}}} ||
r592
458}}}
r591
459
460
461
r586
462
r589
463
464
465
r588
466||{{{#!wiki style="width:200px"
467}}} {{{#!folding 2222
468{{{#!wiki style="margin: -40px -40px 0 0"
469|| 5555 555555555 ||}}}}}} ||
r587
470
471
472
473
474
475
r588
476||<tablebordercolor=#f00> {{{#!wiki style="height:100px;margin-top: -2px"
r587
477{{{#!wiki style="margin-top: 30px"
478||<tablebordercolor=#f00> 5,555 ||}}}
479{{{#!wiki style="margin-top: -80px"
480{{{#!folding 2,000 ▼
481|| 10 || 1,500 || {{{#!wiki style="width:200px"
482}}} ||
483|| 20 || 1,800 || {{{#!wiki style="width:200px"
484}}} ||}}}}}}}}} ||
485
486
r573
487
r584
488
r591
489
r584
490||<|2> 1 || 2 ||<|2> {{{#!wiki style="width:200px"
491}}} ||
492|| {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
493{{{#!folding [ 펼치기 · 접기 ]
494{{{#!wiki style="margin: -5px -1px -11px"
495|| 내용 ||}}}}}}}}} ||
496
497
498
r582
499||<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
500
501
502
503[[나무위키|[[파일:나무위키 검은색 가지 로고.svg|width=100&theme=light]]]][[나무위키|[[파일:나무위키 흰색 가지 로고.svg|width=100&theme=dark]]]]
504{{{#!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
505}}}{{{#!wiki style="text-shadow: 0 0 5px rgba(0,0,0,.1)"
r579
506'''[[성탄절|{{{+5 {{{#fff 성탄절}}}}}}]]'''[br]{{{-3 {{{#000,#FFF 기독교의 축일 중 하나로[br]예수의 탄생을 기념하는 날.}}}}}}}}}}}} ||
507
508
509
r583
510