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