r641
r638
1{{{#!style
r641
2.mg {
3 margin: -12px -2px;
4}
r638
5.bg {
r640
6 overflow:hidden;
r638
7 background:linear-gradient(90deg, #fff, #000);
r641
8 color:red;
r638
9}
10}}}
r637
11
r641
12||<tablewidth=100%><nopad> {{{#!wiki class="bg"
13{{{#!wiki class="mg"
r640
14||<tablewidth=100%><tablebgcolor=transparent><width=50%> 내용1[br][br] || 내용2 ||
r641
15|| 내용3 || 내용4 ||}}}}}} ||
r637
16
17
18
r638
19
r636
20{{{#!style
21
22.my-table {
23
24 border-radius: 16px; overflow:hidden;
25
26 background-color: aliceblue;
27
28 transition: 0.3s; /* 색이 부드럽게 변함 */
29
30 width :300px; height: 300px;
31
32}
33
34
35
36.my-table:hover {
37
38 background-color: yellow; /* 마우스 올리면 노란색 */
39
40}
41
42}}}
43
44
45
46||<tableclass=my-table><tablebordercolor=transparent> 클릭 ||
47
48
r634
49
r635
50{{{#!if
r634
51참참참참참참참참참참참참참참참참참참참참참참참}}}
52
53
r632
54{{{#!wiki style="width:clamp(50vw, 100%, 100vw);height:20px;border:1px solid red"
r631
55}}}
r635
56{{{#!wiki style="width:500px;height:20px;border:1px solid red"
r631
57}}}
58{{{#!wiki style="width:clac(100vw - 100%);height:20px;border:1px solid red"
59}}}
60
61
r630
62{{{#!wiki style="display:table;border:5px solid red;width:100%;height:300px;"
63[[파일:해킹범.webp|width=100%]]}}}
r624
64
65
r630
66
r633
67모바일: 100vw = 100% -> img = 100%
68pc: 100vw > 100% -> img = 50%
r630
69
70
71
72
73
74
r628
75||<tablebgcolor=#fff><:> {{{#!wiki style="display: inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #80FFFF"
76Intelligence}}} = 지능
77{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FF80FF"
78Social Ineptitude}}} = 사회성 부족
79{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FFFF80"
80Obsession}}} = 집착
81{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BF80FF"
82Dweeb}}} = [[샌님]]
83{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BFFF80"
84Geek}}} = [[Geek|덕후]]
85{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #FFBF80"
86Dork}}} = [[Dork|얼간이]]
87{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; background-color: #DFBF80"
r629
88Nerd}}} = [[너드]]
r624
89
r629
90{{{-2 즉 머리는 좋지만 사회성은 떨어지고 어떤 주제나 분야에 대해 집착이 있으면 Nerd라는 것}}} ||
r625
91
92
93
94
r629
95
r623
96{{{#!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)"
97Intelligence}}}
98
r622
99
100
r625
101
102
r622
103{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background-color: rgb(255, 255, 0, .5)"
104Obsession}}}
105
106
107
108
109
r621
110|| {{{#!wiki style="width:300px"
111}}} ||
112||<^|1>{{{#!wiki style="margin:0 -10px;height:15px;background:linear-gradient(90deg, rgb(83,20,16,.5) calc(6700 / 10000 * 100%), transparent 0%)"
113}}}||
114
115
116
117
118
119
r620
120{{{#!wiki style="width:100px;height:100px;background-color:hsl(30 40 40 / 1)"
121}}}
r619
122
123
124
125
r618
126{{{#!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
127}}}
r598
128
r607
129
130
131
132
r605
133{{{#!wiki style="width:15px"
134{{{#!wiki style="width:30px"
r602
135
r605
136||<colbgcolor=#531410> {{{#!wiki style="width:15px"
137}}} ||<colcolor=gray> {{{#!wiki style="width:30px"
138''''''}}} ||
r602
139
r605
1408
141|| 15 || 25 ||
142|| 19 || 30 ||
143|| 21 || 38 ||
144|| 22 || 52 ||
145|| 28 || 64 ||
r602
146
r605
1479
148|| 1 || 69 ||
149|| 8 || 93 ||
150|| 9 || 100 ||
151|| 23 || 120 ||
152|| 9 || 170 ||
r602
153
r605
15410
155|| 31 || 200 ||
r602
156
r605
15711
158|| 2 || 210 ||
r606
159|| 16 || '''230''' ||
160|| 23 || '''240''' ||
161|| 25 || '''270''' ||
162|| 25 || '''280''' ||
163|| 26 || '''290''' ||
164|| 28 || '''300''' ||
r602
165
r605
16612
167|| 6 || 320 ||
r606
168|| 14 || '''340''' ||
169|| 18 || '''370''' ||
170|| 18 || '''380''' ||
171|| 19 || '''390''' ||
172|| 19 || '''400''' ||
173|| 27 || '''444''' ||
174|| 31 || '''470''' ||
r602
175
r605
1761
177|| 6 || 490 ||
r606
178|| 7 || '''500''' ||
179|| 7 || '''510''' ||
180|| 16 || '''550''' ||
181|| 26 || '''600''' ||
182|| 27 || '''630''' ||
183|| 31 || '''666''' ||
r602
184
r605
1852
186|| 2 || 680 ||
r606
187|| 3 || '''700''' ||
188|| 10 || '''784''' ||
189|| 15 || '''800''' ||
190|| 19 || '''830''' ||
191|| 22 || '''870''' ||
192|| 23 || '''900''' ||
193|| 26 || '''965''' ||
194|| 26 || '''974''' ||
195|| 27 || '''1000''' ||
196|| 27 || '''1010''' ||
197|| 28 || '''1060''' ||
r602
198
r605
1993
200|| 1 || 1100 ||
r606
201|| 2 || '''1111''' ||
202|| 5 || '''1188''' ||
203|| 19 || '''1417''' ||
204|| 22 || '''1448''' ||
r602
205
r605
2064
207|| 4 || 1481 ||
r606
208|| 5 || '''1500''' ||
209|| 6 || '''1515''' ||
210|| 9 || '''1551''' ||
211|| 10 || '''1600''' ||
212|| 10 || '''1616''' ||
213|| 19 || '''1770''' ||
214|| 21 || '''1805''' ||
215|| 22 || '''1800''' ||
216|| 27 || '''1818''' ||
r602
217
r605
2185
219|| 2 || 1828 ||
r606
220|| 4 || '''1841''' ||
221|| 12 || '''1900''' ||
222|| 12 || '''1917''' ||
223|| 20 || '''1968''' ||
224|| 23 || '''1970''' ||
225|| 23 || '''1975''' ||
226|| 24 || '''1983''' ||
227|| 25 || '''1984''' ||
228|| 25 || '''1985''' ||
229|| 25 || '''1988''' ||
230|| 26 || '''1900''' ||
231|| 27 || '''2000''' ||
232|| 31 || '''2020''' ||
233|| 31 || '''2024''' ||
r602
234
r605
2356
236|| 1 || 2030 ||
r606
237|| 7 || '''2055''' ||
r602
238
r605
2397
240|| 2 || 2222 ||
r606
241|| 2 || '''2222''' ||
242|| 10 || '''2244''' ||
243|| 20 || '''2255''' ||
r602
244
r605
2458
246|| 12 || 2300 ||
r606
247|| 13 || '''2400''' ||
248|| 14 || '''2408''' ||
r602
249
r605
2509
251|| 10 || 2500 ||
r602
252
r605
25311
254|| 8 || 2600 ||
r602
255
r605
25612
257|| 24 || 2800 ||
r602
258
r605
2591
260|| 12 || 2900 ||
r606
261|| 28 || '''3000''' ||
262|| 30 || '''3100''' ||
r602
263
r605
2642
265|| 1 || 3200 ||
r606
266|| 4 || '''3333''' ||
267|| 4 || '''3500''' ||
268|| 4 || '''3900''' ||
269|| 5 || '''4000''' ||
270|| 5 || '''4500''' ||
271|| 9 || '''5000''' ||
272|| 9 || '''5070''' ||
273|| 11 || '''5200''' ||
274|| 12 || '''5252''' ||
275|| 17 || '''5353''' ||
276|| 23 || '''5460''' ||
r602
277
r605
2783
279|| 1 || 5500 ||
r606
280|| 7 || '''5555''' ||
281|| 8 || '''5600''' ||
282|| 16 || '''5793''' ||
283|| 23 || '''5959''' ||
284|| 25 || '''6000''' ||
285|| 30 || '''6100''' ||
r602
286
r605
2874
288|| 13 || 3161 ||
r606
289|| 28 || '''3131''' ||
r602
290
r605
2916
292|| 8 || 2999 ||
r606
293|| 9 || '''3000''' ||
r602
294
r605
2957
296|| 17 || 6400 ||
r602
297
r605
2988
299|| 7 || 6464 ||
r606
300|| 17 || '''6500''' ||
r602
301
r605
3029
303|| 6 || 6565 ||
r606
304|| 13 || '''6600''' ||
305|| 14 || '''6614''' ||
r602
306
r605
30710
308|| 3 || 6666 ||
r606
309|| 6 || '''6675''' ||
310|| 13 || '''6700''' ||
r605
311
312
313
314
315
r601
316||<width=200px><height=300px><^|1> {{{#!wiki style="width:100px;height:100px;border:1px solid red"
317}}} ||
r600
318
319
320
r599
321||[br][br][br][br]||<width=100%> {{{#!wiki style="display:table"
322{{{#!wiki style="vertical-align:top"
323{{{#!wiki style="height:15px;border:1px solid red"
r598
324}}}}}}}}} ||
r599
325margin:0 -10px;
r598
326
r597
327{{{#!wiki style="margin-left: 25px;width:100%;height:25px;border:1px solid red"
328}}}
r596
329
r597
330
331
r596
3321/3:1-1/3=15:X
333(1-1/3)15=(1/3)X
334
335
336
337
r595
338{{{#!wiki style="font-size:10px"
339{{{#!wiki style="width:15px;height:15px;border:1px solid red"
340}}}{{{#!wiki style="display:inline-block;border:1px solid red"
34110}}}
342{{{#!wiki style="display:inline-block;border:1px solid red"
34331}}}
34420
3458
346
347}}}
348
349
r594
350{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
351{{{#!folding ▼
352{{{#!wiki style="margin: -5px -1px -11px"
353|| || ||
354|| || ||}}}}}}}}}
r593
355
356
357||<keepall> {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
358{{{#!folding [ 펼치기 · 접기 ]
359{{{#!wiki style="margin: -5px -1px -11px"
360||내용내용내용내용내용내용내용내용||
361||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
362
363
r592
364{{{#!wiki style="font-size:10px"
r591
365|| 1 || {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
366{{{#!folding 6,700 ▼
367{{{#!wiki style="margin: -5px -1px -11px"
r592
368|| 3 || 6,666 ||
369|| 13 || 6,700 ||}}}}}}}}} || {{{#!wiki style="width:200px"
r591
370}}} ||
r592
371}}}
r591
372
373
374
r586
375
r589
376
377
378
r588
379||{{{#!wiki style="width:200px"
380}}} {{{#!folding 2222
381{{{#!wiki style="margin: -40px -40px 0 0"
382|| 5555 555555555 ||}}}}}} ||
r587
383
384
385
386
387
388
r588
389||<tablebordercolor=#f00> {{{#!wiki style="height:100px;margin-top: -2px"
r587
390{{{#!wiki style="margin-top: 30px"
391||<tablebordercolor=#f00> 5,555 ||}}}
392{{{#!wiki style="margin-top: -80px"
393{{{#!folding 2,000 ▼
394|| 10 || 1,500 || {{{#!wiki style="width:200px"
395}}} ||
396|| 20 || 1,800 || {{{#!wiki style="width:200px"
397}}} ||}}}}}}}}} ||
398
399
r573
400
r584
401
r591
402
r584
403||<|2> 1 || 2 ||<|2> {{{#!wiki style="width:200px"
404}}} ||
405|| {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
406{{{#!folding [ 펼치기 · 접기 ]
407{{{#!wiki style="margin: -5px -1px -11px"
408|| 내용 ||}}}}}}}}} ||
409
410
411
r582
412||<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
413
414
415
416[[나무위키|[[파일:나무위키 검은색 가지 로고.svg|width=100&theme=light]]]][[나무위키|[[파일:나무위키 흰색 가지 로고.svg|width=100&theme=dark]]]]
417{{{#!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
418}}}{{{#!wiki style="text-shadow: 0 0 5px rgba(0,0,0,.1)"
r579
419'''[[성탄절|{{{+5 {{{#fff 성탄절}}}}}}]]'''[br]{{{-3 {{{#000,#FFF 기독교의 축일 중 하나로[br]예수의 탄생을 기념하는 날.}}}}}}}}}}}} ||
420
421
422
r583
423