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