더시드위키
최근 변경최근 토론
특수 기능

사용자:flyant(r694 Blame)

보기RAWBlame되돌리기비교
r694
r692
flyant
1{{{#!style
r694
flyant
2/* 테이블 클래스(hover-table) 하위에 있는 모든 셀(td)에 호버 효과 적용 */
3.hover-table td:hover {
4 background-color: #f00;
5 transition: 0.2s; /* 부드러운 전환 효과 (선택사항) */
6}
7}}}
8
9||<tableclass=hover-table> 셀 1 || 셀 2 ||
10|| 셀 3 || 셀 4 ||
11
12
13{{{#!style
r692
flyant
14.key:hover {
r693
flyant
15 background-color:#f00;
r692
flyant
16}
r694
flyant
17}}}
18
19||<class=key> 내용 ||
20
21이런식으로 되니까 이런식으로 만들라고 이 문법보다 테이블의 셀의 갯수가 많아지면 일일이 <class=key>를 넣을 순 없잖아?
22
23
24}
r693
flyant
25table.keykey:hover > tbody > tr:nth-of-type(2n) > td:first-of-type {
26 background-color:#0f0;
27}
r692
flyant
28
r693
flyant
29||<tableclass=keykey> ff ||
r692
flyant
30|| ff ||
31|| ff ||
32|| ff ||
33|| ff ||
34|| ff ||
35|| ff ||
36|| ff ||
37|| ff ||
38
r694
flyant
39||<tableclass=hover-table> ss || ss || ss || ss || ss ||
r692
flyant
40|| ss || ss || ss || ss || ss ||
41|| ss || ss || ss || ss || ss ||
42|| ss || ss || ss || ss || ss ||
43|| ss || ss || ss || ss || ss ||
44|| ss || ss || ss || ss || ss ||
45|| ss || ss || ss || ss || ss ||
46
47
48||<|5><class=key><tablebgcolor=transparent> 클릭 ||<class=key> dd ||
49||<class=key> dd ||
50||<class=key> dd ||
51||<class=key> dd ||
52||<class=key> dd ||
53
54
55
56
57
r684
flyant
58||<nopad><#fff>{{{#!wiki style="word-break:keep-all;font: 0.5em/0.95 monospace; font-family: revert;color:#000"
59}}}||
60
61
62
63
64
65
66
67
68
69
70
71
72
r683
flyant
73주제를 벗어나긴 했는데 프로플의 테이블이 {{{#!wiki style="max-width:500px"
r679
flyant
74|| 몬스터 대학교 || → || 인사이드 아웃 || → || 굿 다이노 ||
75||<-5><nopad> {{{#!wiki style="margin: -10px 0"
r683
flyant
76||<tablewidth=100%><width=30%> 감독 ||<width=60%> 피트 닥터 ||}}} ||}}}이런식으로 열이 맞지 않게 되있는데 열을 맞추는게 좋을까요 아니면 맞추지 않는게 좋을까요?
r678
flyant
77
78
79
80
r638
flyant
81{{{#!style
r673
flyant
82.t {
r674
flyant
83 width:150px;overflow:hidden;
r673
flyant
84}
r674
flyant
85.t:hover {
86 width:500px;
r673
flyant
87}
88}}}
r670
flyant
89
r674
flyant
90||<class=t><nopad><tablebordercolor=red> [[파일:해킹범.webp|width=100%]] ||
91
92
93
94
95
96
r676
flyant
97
98
99
100
101
102
103
r673
flyant
104
105
106
107
108
109
110{{{#!style
111
r670
flyant
112.my-table {
113
114 border-radius: 16px; overflow:hidden;
115
116 background-color: aliceblue;
117
118 transition: 0.3s; /* 색이 부드럽게 변함 */
119
120 width :100px; height: 100px;
121
122}
123
124
125
126.my-table:hover {
127
r672
flyant
128 overflow:hidden;
r671
flyant
129 background-color:#0f0;
r672
flyant
130 width:200px;height:200px;
r670
flyant
131
132}
133
134}}}
135
r673
flyant
136{{{#!wiki style="width:100%;height:100%;overflow: hidden"
137{{{#!wiki style="width:500px;height:500px;margin: -90% -155%"
138[[파일:해킹범.webp|width=100%]]}}}}}}
r670
flyant
139
r673
flyant
140
141
r672
flyant
142{{{#!wiki style="width:150px;height:150px;overflow: hidden"
143{{{#!wiki style="width:500px;height:500px;margin: -90% -155%"
144[[파일:해킹범.webp|width=100%]]}}}}}}
r670
flyant
145
146
r672
flyant
147||<tableclass=my-table><tablebordercolor=transparent> ||
r670
flyant
148
149
150
151
r672
flyant
152
r670
flyant
153{{{#!style
r647
flyant
154.margin {
155 margin: -12px -2px;
156}
r655
flyant
157table.padding > tbody > tr > td:first-of-type {
158padding: 13px 10px;
159}
r647
flyant
160.circles {
r653
flyant
161 overflow:hidden;
r668
flyant
162 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
flyant
163}
164}}}
r663
flyant
165||<-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)"
166{{{#white '''{{{+1 인사이드 아웃}}}''' (2015)[br]Inside Out}}}}}} ||
167||<-5><bgcolor=white><nopad> [[파일:Inside_Out.jpg|width=100%]] ||
168||<-5><bgcolor=#1c1362> [[픽사|{{{#white '''픽사'''}}}]] {{{#white '''장편 애니메이션'''}}} ||
169||<width=100px> [[몬스터 대학교]] ||<width=25px> → ||<width=100px> '''인사이드 아웃''' ||<width=25px> → ||<width=100px> [[굿 다이노]] ||
r653
flyant
170||<-5><nopad> {{{#!wiki class="circles"
171{{{#!wiki class="margin"
r663
flyant
172||<-2><width=35%><tablebgcolor=transparent><tableclass=padding> {{{#white '''감독'''}}} ||<-3><colbgcolor=#f5f5f5,#2d2f34>[[피트 닥터]] ||
r647
flyant
173||<-2> {{{#white '''제작'''}}} ||<-3>코리 레이 ||
174||<-2> {{{#white '''각본'''}}} ||<-3>피트 닥터, 멕 러포브, 조시 쿨리 ||
175||<-2> {{{#white '''원안'''}}} ||<-3>피트 닥터, 로니 델카르멘[* [[필리핀]] 출신 애니메이터로 1989년 미국으로 이민 가서 《[[배트맨 디 애니메이티드 시리즈|배트맨 애니메이션 시리즈]]》의 스토리보드 작가로 활동하다가 [[드림웍스]]에서 스토리 슈퍼바이저로 일했다. 그러다 2000년 여름 《[[니모를 찾아서]]》 프로덕션 기간 중에 픽사에 스토리 슈퍼바이저로 합류했다. 이후 [[아카데미 시상식]] 후보에 올랐던 단편 애니 '원맨 밴드'의 프로덕션 디자인을 맡았고, 《[[라따뚜이(애니메이션)|라따뚜이]]》에서 스토리 작업을 맡기도 했다. 그리고 《[[업(애니메이션)|업]]》의 DVD에 수록된 단편 애니메이션 '더그의 특별한 임무(Dug's Special Mission)'으로 감독에 입봉했다. 크레딧에는 감독 피트 닥터 다음으로 공동 연출로 기재되었다.] ||
176||<-2> {{{#white '''출연'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[에이미 폴러]], [[빌 헤이더]] 外[br][[파일:대한민국 국기.svg|width=20]] [[안소이]], [[위훈]], [[이종구(배우)|이종구]] 外 ||
177||<-2> {{{#white '''음악'''}}} ||<-3>[[마이클 지아키노]] ||
r649
flyant
178||<-2> {{{#white '''장르'''}}} ||<-3>[[애니메이션]], [[코미디]], [[드라마]], [[성장물|성장]], [[가족물|가족]], [[모험물|어드벤처]], [[판타지]] ||
r647
flyant
179||<-2> {{{#white '''개봉일'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[2015년]] [[6월 19일]][br][[파일:대한민국 국기.svg|width=20]] [[2015년]] [[7월 9일]]{{{#!folding [기타 국가 펼치기 · 접기 ]
180[[파일:대만 국기.svg|width=20]] [[2015년]] [[8월 7일]][br][[파일:독일 국기.svg|width=20]] [[2015년]] [[10월 1일]]}}} ||
181||<-2> {{{#white '''상영 시간'''}}} ||<-3>본편 94분[br]단편 [[라바#s-2.1|라바 (Lava)]] 8분 ||
182||<-2> {{{#white '''상영 타입'''}}} ||<-3>[[2차원|2D]] | [[스테레오스코피|3D]] | [[IMAX]] | [[Dolby Cinema]](해외) ||
183||<-2> {{{#white '''제작사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 픽처스]][br][[파일:미국 국기.svg|width=20]] [[픽사 애니메이션 스튜디오]] ||
r649
flyant
184||<-2> {{{#white '''수입사'''}}} ||<-3>[[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
185||<-2> {{{#white '''배급사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 스튜디오스 모션 픽처스]][br][[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
186||<-2> {{{#white '''스트리밍'''}}} ||<-3>[include(틀:디즈니+ 표시)] [[https://www.disneyplus.com/ko-kr/movies/inside-out/uzQ2ycVDi2IE|▶]] ||
r647
flyant
187||<-2> {{{#white '''제작비'''}}} ||<-3>'''1억 7,500만 달러''' ||
188||<-2> {{{#white '''월드 박스오피스'''}}} ||<-3>'''8억 5,884만 8,019달러'''[* 출처: [[https://www.boxofficemojo.com|Box Office Mojo]]] ||
189||<-2> {{{#white '''북미 박스오피스'''}}} ||<-3>'''3억 5,692만 1,711달러''' ||
190||<-2> {{{#white '''대한민국 관객수'''}}} ||<-3>'''496만 9,735명'''[* 픽사 애니메이션 영화 최다 국내 관객수 기록][* 출처: [[https://www.kobis.or.kr|영화관 입장권 통합 전산망]]] ||
r649
flyant
191||<-2> {{{#white '''국내 등급'''}}} ||<-3>[[전체 관람가|[[파일:영등위_전체관람가_2021.svg|width=30]] '''{{{#212529,#e0e0e0 전체 관람가}}}''']] ||
r653
flyant
192||<-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
flyant
193
194
r664
flyant
195[clearfix]
r647
flyant
196
197
198
199
200
201
202
203
204||<nopad> {{{#!wiki class="circles"
205{{{#!wiki class="margin"
206||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
207|| 222 || bbb ||
208|| 333 || ccc ||
209|| 444 || ddd ||
210|| 555 || eee ||
211|| 666 || fff ||}}}}}} ||
212
213
214
215
216
217
218
219
220
221{{{#!style
r641
flyant
222.mg {
223 margin: -12px -2px;
224}
r638
flyant
225.bg {
r640
flyant
226 overflow:hidden;
r644
flyant
227 background:radial-gradient(circle at 25% 50%, yellow 20px, transparent 0), linear-gradient(0deg, #fff, #000);
r641
flyant
228 color:red;
r638
flyant
229}
230}}}
r637
flyant
231
r648
flyant
232||<nopad> {{{#!wiki class="bg mg"
r646
flyant
233||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
r645
flyant
234|| 222 || bbb ||
235|| 333 || ccc ||
236|| 444 || ddd ||
237|| 555 || eee ||
r648
flyant
238|| 666 || fff ||}}} ||
r645
flyant
239
r641
flyant
240||<tablewidth=100%><nopad> {{{#!wiki class="bg"
241{{{#!wiki class="mg"
r640
flyant
242||<tablewidth=100%><tablebgcolor=transparent><width=50%> 내용1[br][br] || 내용2 ||
r641
flyant
243|| 내용3 || 내용4 ||}}}}}} ||
r637
flyant
244
245
246
r638
flyant
247
r636
flyant
248
249
250
251
252||<tableclass=my-table><tablebordercolor=transparent> 클릭 ||
253
254
r634
flyant
255
r635
flyant
256{{{#!if
r634
flyant
257참참참참참참참참참참참참참참참참참참참참참참참}}}
258
259
r632
flyant
260{{{#!wiki style="width:clamp(50vw, 100%, 100vw);height:20px;border:1px solid red"
r631
flyant
261}}}
r635
flyant
262{{{#!wiki style="width:500px;height:20px;border:1px solid red"
r631
flyant
263}}}
264{{{#!wiki style="width:clac(100vw - 100%);height:20px;border:1px solid red"
265}}}
266
267
r630
flyant
268{{{#!wiki style="display:table;border:5px solid red;width:100%;height:300px;"
269[[파일:해킹범.webp|width=100%]]}}}
r624
flyant
270
271
r630
flyant
272
r633
flyant
273모바일: 100vw = 100% -> img = 100%
274pc: 100vw > 100% -> img = 50%
r630
flyant
275
276
277
278
279
280
r628
flyant
281||<tablebgcolor=#fff><:> {{{#!wiki style="display: inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #80FFFF"
282Intelligence}}} = 지능
283{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FF80FF"
284Social Ineptitude}}} = 사회성 부족
285{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FFFF80"
286Obsession}}} = 집착
287{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BF80FF"
288Dweeb}}} = [[샌님]]
289{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BFFF80"
290Geek}}} = [[Geek|덕후]]
291{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #FFBF80"
292Dork}}} = [[Dork|얼간이]]
293{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; background-color: #DFBF80"
r629
flyant
294Nerd}}} = [[너드]]
r624
flyant
295
r629
flyant
296{{{-2 즉 머리는 좋지만 사회성은 떨어지고 어떤 주제나 분야에 대해 집착이 있으면 Nerd라는 것}}} ||
r625
flyant
297
298
299
300
r629
flyant
301
r623
flyant
302{{{#!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)"
303Intelligence}}}
304
r622
flyant
305
306
r625
flyant
307
308
r622
flyant
309{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background-color: rgb(255, 255, 0, .5)"
310Obsession}}}
311
312
313
314
315
r621
flyant
316|| {{{#!wiki style="width:300px"
317}}} ||
318||<^|1>{{{#!wiki style="margin:0 -10px;height:15px;background:linear-gradient(90deg, rgb(83,20,16,.5) calc(6700 / 10000 * 100%), transparent 0%)"
319}}}||
320
321
322
323
324
325
r620
flyant
326{{{#!wiki style="width:100px;height:100px;background-color:hsl(30 40 40 / 1)"
327}}}
r619
flyant
328
329
330
331
r618
flyant
332{{{#!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
flyant
333}}}
r598
flyant
334
r607
flyant
335
336
337
338
r605
flyant
339{{{#!wiki style="width:15px"
340{{{#!wiki style="width:30px"
r602
flyant
341
r605
flyant
342||<colbgcolor=#531410> {{{#!wiki style="width:15px"
343}}} ||<colcolor=gray> {{{#!wiki style="width:30px"
344''''''}}} ||
r602
flyant
345
r605
flyant
3468
347|| 15 || 25 ||
348|| 19 || 30 ||
349|| 21 || 38 ||
350|| 22 || 52 ||
351|| 28 || 64 ||
r602
flyant
352
r605
flyant
3539
354|| 1 || 69 ||
355|| 8 || 93 ||
356|| 9 || 100 ||
357|| 23 || 120 ||
358|| 9 || 170 ||
r602
flyant
359
r605
flyant
36010
361|| 31 || 200 ||
r602
flyant
362
r605
flyant
36311
364|| 2 || 210 ||
r606
flyant
365|| 16 || '''230''' ||
366|| 23 || '''240''' ||
367|| 25 || '''270''' ||
368|| 25 || '''280''' ||
369|| 26 || '''290''' ||
370|| 28 || '''300''' ||
r602
flyant
371
r605
flyant
37212
373|| 6 || 320 ||
r606
flyant
374|| 14 || '''340''' ||
375|| 18 || '''370''' ||
376|| 18 || '''380''' ||
377|| 19 || '''390''' ||
378|| 19 || '''400''' ||
379|| 27 || '''444''' ||
380|| 31 || '''470''' ||
r602
flyant
381
r605
flyant
3821
383|| 6 || 490 ||
r606
flyant
384|| 7 || '''500''' ||
385|| 7 || '''510''' ||
386|| 16 || '''550''' ||
387|| 26 || '''600''' ||
388|| 27 || '''630''' ||
389|| 31 || '''666''' ||
r602
flyant
390
r605
flyant
3912
392|| 2 || 680 ||
r606
flyant
393|| 3 || '''700''' ||
394|| 10 || '''784''' ||
395|| 15 || '''800''' ||
396|| 19 || '''830''' ||
397|| 22 || '''870''' ||
398|| 23 || '''900''' ||
399|| 26 || '''965''' ||
400|| 26 || '''974''' ||
401|| 27 || '''1000''' ||
402|| 27 || '''1010''' ||
403|| 28 || '''1060''' ||
r602
flyant
404
r605
flyant
4053
406|| 1 || 1100 ||
r606
flyant
407|| 2 || '''1111''' ||
408|| 5 || '''1188''' ||
409|| 19 || '''1417''' ||
410|| 22 || '''1448''' ||
r602
flyant
411
r605
flyant
4124
413|| 4 || 1481 ||
r606
flyant
414|| 5 || '''1500''' ||
415|| 6 || '''1515''' ||
416|| 9 || '''1551''' ||
417|| 10 || '''1600''' ||
418|| 10 || '''1616''' ||
419|| 19 || '''1770''' ||
420|| 21 || '''1805''' ||
421|| 22 || '''1800''' ||
422|| 27 || '''1818''' ||
r602
flyant
423
r605
flyant
4245
425|| 2 || 1828 ||
r606
flyant
426|| 4 || '''1841''' ||
427|| 12 || '''1900''' ||
428|| 12 || '''1917''' ||
429|| 20 || '''1968''' ||
430|| 23 || '''1970''' ||
431|| 23 || '''1975''' ||
432|| 24 || '''1983''' ||
433|| 25 || '''1984''' ||
434|| 25 || '''1985''' ||
435|| 25 || '''1988''' ||
436|| 26 || '''1900''' ||
437|| 27 || '''2000''' ||
438|| 31 || '''2020''' ||
439|| 31 || '''2024''' ||
r602
flyant
440
r605
flyant
4416
442|| 1 || 2030 ||
r606
flyant
443|| 7 || '''2055''' ||
r602
flyant
444
r605
flyant
4457
446|| 2 || 2222 ||
r606
flyant
447|| 2 || '''2222''' ||
448|| 10 || '''2244''' ||
449|| 20 || '''2255''' ||
r602
flyant
450
r605
flyant
4518
452|| 12 || 2300 ||
r606
flyant
453|| 13 || '''2400''' ||
454|| 14 || '''2408''' ||
r602
flyant
455
r605
flyant
4569
457|| 10 || 2500 ||
r602
flyant
458
r605
flyant
45911
460|| 8 || 2600 ||
r602
flyant
461
r605
flyant
46212
463|| 24 || 2800 ||
r602
flyant
464
r605
flyant
4651
466|| 12 || 2900 ||
r606
flyant
467|| 28 || '''3000''' ||
468|| 30 || '''3100''' ||
r602
flyant
469
r605
flyant
4702
471|| 1 || 3200 ||
r606
flyant
472|| 4 || '''3333''' ||
473|| 4 || '''3500''' ||
474|| 4 || '''3900''' ||
475|| 5 || '''4000''' ||
476|| 5 || '''4500''' ||
477|| 9 || '''5000''' ||
478|| 9 || '''5070''' ||
479|| 11 || '''5200''' ||
480|| 12 || '''5252''' ||
481|| 17 || '''5353''' ||
482|| 23 || '''5460''' ||
r602
flyant
483
r605
flyant
4843
485|| 1 || 5500 ||
r606
flyant
486|| 7 || '''5555''' ||
487|| 8 || '''5600''' ||
488|| 16 || '''5793''' ||
489|| 23 || '''5959''' ||
490|| 25 || '''6000''' ||
491|| 30 || '''6100''' ||
r602
flyant
492
r605
flyant
4934
494|| 13 || 3161 ||
r606
flyant
495|| 28 || '''3131''' ||
r602
flyant
496
r605
flyant
4976
498|| 8 || 2999 ||
r606
flyant
499|| 9 || '''3000''' ||
r602
flyant
500
r605
flyant
5017
502|| 17 || 6400 ||
r602
flyant
503
r605
flyant
5048
505|| 7 || 6464 ||
r606
flyant
506|| 17 || '''6500''' ||
r602
flyant
507
r605
flyant
5089
509|| 6 || 6565 ||
r606
flyant
510|| 13 || '''6600''' ||
511|| 14 || '''6614''' ||
r602
flyant
512
r605
flyant
51310
514|| 3 || 6666 ||
r606
flyant
515|| 6 || '''6675''' ||
516|| 13 || '''6700''' ||
r605
flyant
517
518
519
520
521
r601
flyant
522||<width=200px><height=300px><^|1> {{{#!wiki style="width:100px;height:100px;border:1px solid red"
523}}} ||
r600
flyant
524
525
526
r599
flyant
527||[br][br][br][br]||<width=100%> {{{#!wiki style="display:table"
528{{{#!wiki style="vertical-align:top"
529{{{#!wiki style="height:15px;border:1px solid red"
r598
flyant
530}}}}}}}}} ||
r599
flyant
531margin:0 -10px;
r598
flyant
532
r597
flyant
533{{{#!wiki style="margin-left: 25px;width:100%;height:25px;border:1px solid red"
534}}}
r596
flyant
535
r597
flyant
536
537
r596
flyant
5381/3:1-1/3=15:X
539(1-1/3)15=(1/3)X
540
541
542
543
r595
flyant
544{{{#!wiki style="font-size:10px"
545{{{#!wiki style="width:15px;height:15px;border:1px solid red"
546}}}{{{#!wiki style="display:inline-block;border:1px solid red"
54710}}}
548{{{#!wiki style="display:inline-block;border:1px solid red"
54931}}}
55020
5518
552
553}}}
554
555
r594
flyant
556{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
557{{{#!folding ▼
558{{{#!wiki style="margin: -5px -1px -11px"
559|| || ||
560|| || ||}}}}}}}}}
r593
flyant
561
562
563||<keepall> {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
564{{{#!folding [ 펼치기 · 접기 ]
565{{{#!wiki style="margin: -5px -1px -11px"
566||내용내용내용내용내용내용내용내용||
567||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
568
569
r592
flyant
570{{{#!wiki style="font-size:10px"
r591
flyant
571|| 1 || {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
572{{{#!folding 6,700 ▼
573{{{#!wiki style="margin: -5px -1px -11px"
r592
flyant
574|| 3 || 6,666 ||
575|| 13 || 6,700 ||}}}}}}}}} || {{{#!wiki style="width:200px"
r591
flyant
576}}} ||
r592
flyant
577}}}
r591
flyant
578
579
580
r586
flyant
581
r589
flyant
582
583
584
r588
flyant
585||{{{#!wiki style="width:200px"
586}}} {{{#!folding 2222
587{{{#!wiki style="margin: -40px -40px 0 0"
588|| 5555 555555555 ||}}}}}} ||
r587
flyant
589
590
591
592
593
594
r588
flyant
595||<tablebordercolor=#f00> {{{#!wiki style="height:100px;margin-top: -2px"
r587
flyant
596{{{#!wiki style="margin-top: 30px"
597||<tablebordercolor=#f00> 5,555 ||}}}
598{{{#!wiki style="margin-top: -80px"
599{{{#!folding 2,000 ▼
600|| 10 || 1,500 || {{{#!wiki style="width:200px"
601}}} ||
602|| 20 || 1,800 || {{{#!wiki style="width:200px"
603}}} ||}}}}}}}}} ||
604
605
r573
flyant
606
r584
flyant
607
r591
flyant
608
r584
flyant
609||<|2> 1 || 2 ||<|2> {{{#!wiki style="width:200px"
610}}} ||
611|| {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
612{{{#!folding [ 펼치기 · 접기 ]
613{{{#!wiki style="margin: -5px -1px -11px"
614|| 내용 ||}}}}}}}}} ||
615
616
617
r582
flyant
618||<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
flyant
619
620
621
622[[나무위키|[[파일:나무위키 검은색 가지 로고.svg|width=100&theme=light]]]][[나무위키|[[파일:나무위키 흰색 가지 로고.svg|width=100&theme=dark]]]]
623{{{#!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
flyant
624}}}{{{#!wiki style="text-shadow: 0 0 5px rgba(0,0,0,.1)"
r579
flyant
625'''[[성탄절|{{{+5 {{{#fff 성탄절}}}}}}]]'''[br]{{{-3 {{{#000,#FFF 기독교의 축일 중 하나로[br]예수의 탄생을 기념하는 날.}}}}}}}}}}}} ||
626
627
628
r583
flyant
629