사용자:flyant(r697 RAW)

{{{#!style
.text td:hover{
    color:#00f
}
.text-hover td:hover {
    background-color:#0f0
}
}}}

||<tableclass=text-hover> [[color|{{{#!wiki class="text"
color}}}]] ||



{{{#!style
/* 테이블 클래스(hover-table) 하위에 있는 모든 셀(td)에 호버 효과 적용 */
.hover-table td:hover {
    background-color: #f00;
    transition: 0.2s; /* 부드러운 전환 효과 (선택사항) */
}
}}}

{{{#!wiki style="margin: 0 auto; width: min(1000px, 100%); text-align: center; word-break: keep-all"
||<tablewidth=100%><tablebordercolor=#000,#666><bgcolor=#000> {{{+1 '''[[QWERTY|QWERTY]] [[틀:QWERTY 키보드|키보드 글쇠]]'''}}} ||
||<bgcolor=#fff,#111>{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
{{{#!folding [ 펼치기 · 접기 (PC를 통한 열람 권장) ]
##)] 편집기 하이라이팅 버그 때문에 둔 주석.
{{{#!wiki style="margin: -5px -1px -11px; overflow: hidden"
{{{#!wiki style="margin: -16px -0px -12px"
||<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%>||
||<-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]] ||
||<-37><bgcolor=#dcdcdc,#383b40>||
||<-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]] ||
||<-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]] ||
||<-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]] ||
||<-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>||
||<-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>[[방향|→]]||
||<-37><bgcolor=#dcdcdc,#383b40>||}}}}}}}}}}}}||}}}


이 내용에서 {{{#000,#fff 지우기 제외}}} 를 지워줘 지우기 제외 부분만 뺴고

||<tableclass=hover-table> 셀 1 || 셀 2 ||
|| 셀 3 || 셀 4 ||


{{{#!style
.key:hover {
    background-color:#f00;
}
}}}

||<class=key> 내용 ||

이런식으로 되니까 이런식으로 만들라고 이 문법보다 테이블의 셀의 갯수가 많아지면 일일이 <class=key>를 넣을 순 없잖아?


}
table.keykey:hover > tbody > tr:nth-of-type(2n) > td:first-of-type {
    background-color:#0f0;
}

||<tableclass=keykey> ff ||
|| ff ||
|| ff ||
|| ff ||
|| ff ||
|| ff ||
|| ff ||
|| ff ||
|| ff ||

||<tableclass=hover-table> ss || ss || ss || ss || ss ||
|| ss || ss || ss || ss || ss ||
|| ss || ss || ss || ss || ss ||
|| ss || ss || ss || ss || ss ||
|| ss || ss || ss || ss || ss ||
|| ss || ss || ss || ss || ss ||
|| ss || ss || ss || ss || ss ||


||<|5><class=key><tablebgcolor=transparent> 클릭 ||<class=key> dd ||
||<class=key> dd ||
||<class=key> dd ||
||<class=key> dd ||
||<class=key> dd ||





||<nopad><#fff>{{{#!wiki style="word-break:keep-all;font: 0.5em/0.95 monospace; font-family: revert;color:#000"
}}}||













주제를 벗어나긴 했는데 프로플의 테이블이 {{{#!wiki style="max-width:500px"
|| 몬스터 대학교 || → || 인사이드 아웃 || → || 굿 다이노 ||
||<-5><nopad> {{{#!wiki style="margin: -10px 0"
||<tablewidth=100%><width=30%> 감독 ||<width=60%> 피트 닥터 ||}}} ||}}}이런식으로 열이 맞지 않게 되있는데 열을 맞추는게  좋을까요 아니면 맞추지 않는게 좋을까요?




{{{#!style
.t {
    width:150px;overflow:hidden;
}
.t:hover {
    width:500px;
}
}}}

||<class=t><nopad><tablebordercolor=red> [[파일:해킹범.webp|width=100%]] ||



















{{{#!style

.my-table {

    border-radius: 16px; overflow:hidden;

    background-color: aliceblue;

    transition: 0.3s; /* 색이 부드럽게 변함 */

    width :100px; height: 100px;

}



.my-table:hover {

    overflow:hidden;
    background-color:#0f0;
    width:200px;height:200px;

}

}}}

{{{#!wiki style="width:100%;height:100%;overflow: hidden"
{{{#!wiki style="width:500px;height:500px;margin: -90% -155%"
[[파일:해킹범.webp|width=100%]]}}}}}}



{{{#!wiki style="width:150px;height:150px;overflow: hidden"
{{{#!wiki style="width:500px;height:500px;margin: -90% -155%"
[[파일:해킹범.webp|width=100%]]}}}}}}


||<tableclass=my-table><tablebordercolor=transparent> ||





{{{#!style
.margin {
    margin: -12px -2px;
}
table.padding > tbody > tr > td:first-of-type {
padding: 13px 10px;
}
.circles {
    overflow:hidden;
    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);
}
}}}
||<-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)"
{{{#white '''{{{+1 인사이드 아웃}}}''' (2015)[br]Inside Out}}}}}} ||
||<-5><bgcolor=white><nopad> [[파일:Inside_Out.jpg|width=100%]] ||
||<-5><bgcolor=#1c1362> [[픽사|{{{#white '''픽사'''}}}]] {{{#white '''장편 애니메이션'''}}} ||
||<width=100px> [[몬스터 대학교]] ||<width=25px> → ||<width=100px> '''인사이드 아웃''' ||<width=25px> → ||<width=100px> [[굿 다이노]] ||
||<-5><nopad> {{{#!wiki class="circles"
{{{#!wiki class="margin"
||<-2><width=35%><tablebgcolor=transparent><tableclass=padding> {{{#white '''감독'''}}} ||<-3><colbgcolor=#f5f5f5,#2d2f34>[[피트 닥터]] ||
||<-2> {{{#white '''제작'''}}} ||<-3>코리 레이 ||
||<-2> {{{#white '''각본'''}}} ||<-3>피트 닥터,  멕 러포브, 조시 쿨리 ||
||<-2> {{{#white '''원안'''}}} ||<-3>피트 닥터,  로니 델카르멘[* [[필리핀]] 출신 애니메이터로 1989년 미국으로 이민 가서 《[[배트맨 디 애니메이티드 시리즈|배트맨 애니메이션 시리즈]]》의 스토리보드 작가로 활동하다가 [[드림웍스]]에서 스토리 슈퍼바이저로 일했다. 그러다 2000년 여름 《[[니모를 찾아서]]》 프로덕션 기간 중에 픽사에 스토리 슈퍼바이저로 합류했다. 이후 [[아카데미 시상식]] 후보에 올랐던 단편 애니  '원맨 밴드'의 프로덕션 디자인을 맡았고, 《[[라따뚜이(애니메이션)|라따뚜이]]》에서 스토리 작업을 맡기도 했다. 그리고 《[[업(애니메이션)|업]]》의 DVD에 수록된 단편 애니메이션 '더그의 특별한 임무(Dug's Special Mission)'으로 감독에 입봉했다. 크레딧에는 감독 피트 닥터 다음으로 공동 연출로 기재되었다.] ||
||<-2> {{{#white '''출연'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[에이미 폴러]], [[빌 헤이더]] 外[br][[파일:대한민국 국기.svg|width=20]] [[안소이]], [[위훈]], [[이종구(배우)|이종구]] 外 ||
||<-2> {{{#white '''음악'''}}} ||<-3>[[마이클 지아키노]] ||
||<-2> {{{#white '''장르'''}}} ||<-3>[[애니메이션]], [[코미디]], [[드라마]], [[성장물|성장]], [[가족물|가족]], [[모험물|어드벤처]], [[판타지]] ||
||<-2> {{{#white '''개봉일'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[2015년]] [[6월 19일]][br][[파일:대한민국 국기.svg|width=20]] [[2015년]] [[7월 9일]]{{{#!folding [기타 국가 펼치기 · 접기 ]
[[파일:대만 국기.svg|width=20]] [[2015년]] [[8월 7일]][br][[파일:독일 국기.svg|width=20]] [[2015년]] [[10월 1일]]}}} ||
||<-2> {{{#white '''상영 시간'''}}} ||<-3>본편 94분[br]단편 [[라바#s-2.1|라바 (Lava)]] 8분 ||
||<-2> {{{#white '''상영 타입'''}}} ||<-3>[[2차원|2D]] | [[스테레오스코피|3D]] | [[IMAX]] | [[Dolby Cinema]](해외) ||
||<-2> {{{#white '''제작사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 픽처스]][br][[파일:미국 국기.svg|width=20]] [[픽사 애니메이션 스튜디오]] ||
||<-2> {{{#white '''수입사'''}}} ||<-3>[[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
||<-2> {{{#white '''배급사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 스튜디오스 모션 픽처스]][br][[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
||<-2> {{{#white '''스트리밍'''}}} ||<-3>[include(틀:디즈니+ 표시)] [[https://www.disneyplus.com/ko-kr/movies/inside-out/uzQ2ycVDi2IE|▶]] ||
||<-2> {{{#white '''제작비'''}}} ||<-3>'''1억 7,500만 달러''' ||
||<-2> {{{#white '''월드 박스오피스'''}}} ||<-3>'''8억 5,884만 8,019달러'''[* 출처: [[https://www.boxofficemojo.com|Box Office Mojo]]] ||
||<-2> {{{#white '''북미 박스오피스'''}}} ||<-3>'''3억 5,692만 1,711달러''' ||
||<-2> {{{#white '''대한민국 관객수'''}}} ||<-3>'''496만 9,735명'''[* 픽사 애니메이션 영화 최다 국내 관객수 기록][* 출처: [[https://www.kobis.or.kr|영화관 입장권 통합 전산망]]] ||
||<-2> {{{#white  '''국내 등급'''}}} ||<-3>[[전체 관람가|[[파일:영등위_전체관람가_2021.svg|width=30]] '''{{{#212529,#e0e0e0 전체 관람가}}}''']] ||
||<-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)]||}}}}}} ||


[clearfix]








||<nopad> {{{#!wiki class="circles"
{{{#!wiki class="margin"
||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
|| 222 || bbb ||
|| 333 || ccc ||
|| 444 || ddd ||
|| 555 || eee ||
|| 666 || fff ||}}}}}} ||









{{{#!style
.mg {
    margin: -12px -2px;
}
.bg {
    overflow:hidden;
    background:radial-gradient(circle at 25% 50%, yellow 20px, transparent 0), linear-gradient(0deg, #fff, #000);
    color:red;
}
}}}

||<nopad> {{{#!wiki class="bg mg"
||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
|| 222 || bbb ||
|| 333 || ccc ||
|| 444 || ddd ||
|| 555 || eee ||
|| 666 || fff ||}}} ||

||<tablewidth=100%><nopad> {{{#!wiki class="bg"
{{{#!wiki class="mg"
||<tablewidth=100%><tablebgcolor=transparent><width=50%> 내용1[br][br] || 내용2 ||
|| 내용3 || 내용4 ||}}}}}} ||








||<tableclass=my-table><tablebordercolor=transparent> 클릭 ||


	
{{{#!if 
참참참참참참참참참참참참참참참참참참참참참참참}}}


{{{#!wiki style="width:clamp(50vw, 100%, 100vw);height:20px;border:1px solid red"
}}}
{{{#!wiki style="width:500px;height:20px;border:1px solid red"
}}}
{{{#!wiki style="width:clac(100vw - 100%);height:20px;border:1px solid red"
}}}


{{{#!wiki style="display:table;border:5px solid red;width:100%;height:300px;"
[[파일:해킹범.webp|width=100%]]}}}



모바일: 100vw = 100% -> img = 100%
pc: 100vw > 100% -> img = 50%






||<tablebgcolor=#fff><:> {{{#!wiki style="display: inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #80FFFF"
Intelligence}}} = 지능
{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FF80FF"
Social Ineptitude}}} = 사회성 부족
{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FFFF80"
Obsession}}} = 집착
{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BF80FF"
Dweeb}}} = [[샌님]]
{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BFFF80"
Geek}}} = [[Geek|덕후]]
{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #FFBF80"
Dork}}} = [[Dork|얼간이]]
{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; background-color: #DFBF80"
Nerd}}} = [[너드]]

{{{-2 즉 머리는 좋지만 사회성은 떨어지고 어떤 주제나 분야에 대해 집착이 있으면 Nerd라는 것}}} ||





{{{#!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)"
Intelligence}}}





{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background-color: rgb(255, 255, 0, .5)"
Obsession}}}





|| {{{#!wiki style="width:300px"
}}} ||
||<^|1>{{{#!wiki style="margin:0 -10px;height:15px;background:linear-gradient(90deg, rgb(83,20,16,.5) calc(6700 / 10000 * 100%), transparent 0%)"
}}}||






{{{#!wiki style="width:100px;height:100px;background-color:hsl(30 40 40 / 1)"
}}}




{{{#!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)"
}}}





{{{#!wiki style="width:15px"
{{{#!wiki style="width:30px"

||<colbgcolor=#531410> {{{#!wiki style="width:15px"
}}} ||<colcolor=gray> {{{#!wiki style="width:30px"
''''''}}} ||

8
|| 15 || 25 ||
|| 19 || 30 ||
|| 21 || 38 ||
|| 22 || 52 ||
|| 28 || 64 ||

9
|| 1 || 69 ||
|| 8 || 93 ||
|| 9 || 100 ||
|| 23 || 120 ||
|| 9 || 170 ||

10
|| 31 || 200 ||

11
|| 2 || 210 ||
|| 16 || '''230''' ||
|| 23 || '''240''' ||
|| 25 || '''270''' ||
|| 25 || '''280''' ||
|| 26 || '''290''' ||
|| 28 || '''300''' ||

12
|| 6 || 320 ||
|| 14 || '''340''' ||
|| 18 || '''370''' ||
|| 18 || '''380''' ||
|| 19 || '''390''' ||
|| 19 || '''400''' ||
|| 27 || '''444''' ||
|| 31 || '''470''' ||

1
|| 6 || 490 ||
|| 7 || '''500''' ||
|| 7 || '''510''' ||
|| 16 || '''550''' ||
|| 26 || '''600''' ||
|| 27 || '''630''' ||
|| 31 || '''666''' ||

2
|| 2 || 680 ||
|| 3 || '''700''' ||
|| 10 || '''784''' ||
|| 15 || '''800''' ||
|| 19 || '''830''' ||
|| 22 || '''870''' ||
|| 23 || '''900''' ||
|| 26 || '''965''' ||
|| 26 || '''974''' ||
|| 27 || '''1000''' ||
|| 27 || '''1010''' ||
|| 28 || '''1060''' ||

3
|| 1 || 1100 ||
|| 2 || '''1111''' ||
|| 5 || '''1188''' ||
|| 19 || '''1417''' ||
|| 22 || '''1448''' ||

4
|| 4 || 1481 ||
|| 5 || '''1500''' ||
|| 6 || '''1515''' ||
|| 9 || '''1551''' ||
|| 10 || '''1600''' ||
|| 10 || '''1616''' ||
|| 19 || '''1770''' ||
|| 21 || '''1805''' ||
|| 22 || '''1800''' ||
|| 27 || '''1818''' ||

5
|| 2 || 1828 ||
|| 4 || '''1841''' ||
|| 12 || '''1900''' ||
|| 12 || '''1917''' ||
|| 20 || '''1968''' ||
|| 23 || '''1970''' ||
|| 23 || '''1975''' ||
|| 24 || '''1983''' ||
|| 25 || '''1984''' ||
|| 25 || '''1985''' ||
|| 25 || '''1988''' ||
|| 26 || '''1900''' ||
|| 27 || '''2000''' ||
|| 31 || '''2020''' ||
|| 31 || '''2024''' ||

6
|| 1 || 2030 ||
|| 7 || '''2055''' ||

7
|| 2 || 2222 ||
|| 2 || '''2222''' ||
|| 10 || '''2244''' ||
|| 20 || '''2255''' ||

8
|| 12 || 2300 ||
|| 13 || '''2400''' ||
|| 14 || '''2408''' ||

9
|| 10 || 2500 ||

11
|| 8 || 2600 ||

12
|| 24 || 2800 ||

1
|| 12 || 2900 ||
|| 28 || '''3000''' ||
|| 30 || '''3100''' ||

2
|| 1 || 3200 ||
|| 4 || '''3333''' ||
|| 4 || '''3500''' ||
|| 4 || '''3900''' ||
|| 5 || '''4000''' ||
|| 5 || '''4500''' ||
|| 9 || '''5000''' ||
|| 9 || '''5070''' ||
|| 11 || '''5200''' ||
|| 12 || '''5252''' ||
|| 17 || '''5353''' ||
|| 23 || '''5460''' ||

3
|| 1 || 5500 ||
|| 7 || '''5555''' ||
|| 8 || '''5600''' ||
|| 16 || '''5793''' ||
|| 23 || '''5959''' ||
|| 25 || '''6000''' ||
|| 30 || '''6100''' ||

4
|| 13 || 3161 ||
|| 28 || '''3131''' ||

6
|| 8 || 2999 ||
|| 9 || '''3000''' ||

7
|| 17 || 6400 ||

8
|| 7 || 6464 ||
|| 17 || '''6500''' ||

9
|| 6 || 6565 ||
|| 13 || '''6600''' ||
|| 14 || '''6614''' ||

10
|| 3 || 6666 ||
|| 6 || '''6675''' ||
|| 13 || '''6700''' ||





||<width=200px><height=300px><^|1> {{{#!wiki style="width:100px;height:100px;border:1px solid red"
}}} ||



||[br][br][br][br]||<width=100%> {{{#!wiki style="display:table"
{{{#!wiki style="vertical-align:top"
{{{#!wiki style="height:15px;border:1px solid red"
}}}}}}}}} ||
margin:0 -10px;

{{{#!wiki style="margin-left: 25px;width:100%;height:25px;border:1px solid red"
}}}



1/3:1-1/3=15:X
(1-1/3)15=(1/3)X




{{{#!wiki style="font-size:10px"
{{{#!wiki style="width:15px;height:15px;border:1px solid red"
}}}{{{#!wiki style="display:inline-block;border:1px solid red"
10}}}
{{{#!wiki style="display:inline-block;border:1px solid red"
31}}}
20
8

}}}


{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
{{{#!folding  ▼
{{{#!wiki style="margin: -5px -1px -11px"
||  ||  ||
||  ||  ||}}}}}}}}}


||<keepall> {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
{{{#!folding [ 펼치기 · 접기 ]
{{{#!wiki style="margin: -5px -1px -11px"
||내용내용내용내용내용내용내용내용||
||내용내용내용내용내용내용내용내용||}}}}}}}}} ||


{{{#!wiki style="font-size:10px"
|| 1 || {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
{{{#!folding 6,700 ▼
{{{#!wiki style="margin: -5px -1px -11px"
|| 3 || 6,666 ||
|| 13 || 6,700 ||}}}}}}}}} || {{{#!wiki style="width:200px"
}}} ||
}}}







||{{{#!wiki style="width:200px"
}}} {{{#!folding 2222
{{{#!wiki style="margin: -40px -40px 0 0"
|| 5555 555555555 ||}}}}}} ||






||<tablebordercolor=#f00> {{{#!wiki style="height:100px;margin-top: -2px"
{{{#!wiki style="margin-top: 30px"
||<tablebordercolor=#f00> 5,555 ||}}}
{{{#!wiki style="margin-top: -80px"
{{{#!folding 2,000 ▼
|| 10 || 1,500 || {{{#!wiki style="width:200px"
}}} ||
|| 20 || 1,800 || {{{#!wiki style="width:200px"
}}} ||}}}}}}}}} ||





||<|2> 1 || 2 ||<|2> {{{#!wiki style="width:200px"
}}} ||
|| {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
{{{#!folding [ 펼치기 · 접기 ]
{{{#!wiki style="margin: -5px -1px -11px"
|| 내용 ||}}}}}}}}} ||



||<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)"



[[나무위키|[[파일:나무위키 검은색 가지 로고.svg|width=100&theme=light]]]][[나무위키|[[파일:나무위키 흰색 가지 로고.svg|width=100&theme=dark]]]]
{{{#!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%)"
}}}{{{#!wiki style="text-shadow: 0 0 5px rgba(0,0,0,.1)"
'''[[성탄절|{{{+5 {{{#fff 성탄절}}}}}}]]'''[br]{{{-3 {{{#000,#FFF 기독교의 축일 중 하나로[br]예수의 탄생을 기념하는 날.}}}}}}}}}}}} ||