사용자:flyant(r769 RAW)

Thumb Proximal
Thumb Intermediate
Thumb Distal
Index Proximal
Index Intermediate
Index Distal
Middle Proximal
Middle Intermediate
Middle Distal
Ring Proximal
Ring Intermediate
Ring Distal
Little Proximal
Little Intermediate
Little Distal




|| Root ||
|| Hips ||
|| Spine ||
|| Chest ||
|| Upper Chest ||
|| Shoulder ||
|| Upper Arm ||
|| Lower Arm ||
|| Hand ||

Neck
Head

Upper Leg
Lower Leg
Foot
Toes



{{{#!style
.tkg-bg {
display: inline-block; vertical-align: middle; background-color: currentcolor
}
.tkg-0 {
background: conic-gradient(from 509.43deg at 50% 78.28%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 177.13deg at 36.85% 75.04%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 204.82deg at 26.72% 66.06%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
}
.tkg-1 {
background: conic-gradient(from 232.51deg at 21.92% 53.4%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 260.2deg at 23.55% 39.97%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 287.89deg at 31.24% 28.82%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 315.59deg at 43.23% 22.53%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
}
.tkg-2 {
background: conic-gradient(from 343.28deg at 56.76% 22.53%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 370.97deg at 68.75% 28.82%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 398.66deg at 76.44% 39.97%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 426.35deg at 78.07% 53.4%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
}
.tkg-3 {
background: conic-gradient(from 454.05deg at 73.27% 66.06%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 481.74deg at 63.14% 75.04%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
}
@theseed-dark-mode {
.tkg-bg {
display: inline-block; vertical-align: middle; background-color: currentcolor
}
.tkg-0 {
background: conic-gradient(from 509.43deg at 50% 78.28%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 177.13deg at 36.85% 75.04%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 204.82deg at 26.72% 66.06%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
}
.tkg-1 {
background: conic-gradient(from 232.51deg at 21.92% 53.4%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 260.2deg at 23.55% 39.97%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 287.89deg at 31.24% 28.82%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 315.59deg at 43.23% 22.53%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
}
.tkg-2 {
background: conic-gradient(from 343.28deg at 56.76% 22.53%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 370.97deg at 68.75% 28.82%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 398.66deg at 76.44% 39.97%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 426.35deg at 78.07% 53.4%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
}
.tkg-3 {
background: conic-gradient(from 454.05deg at 73.27% 66.06%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg), conic-gradient(from 481.74deg at 63.14% 75.04%, transparent 0deg, currentcolor 0deg, currentcolor 61.12deg, transparent 61.12deg)
}
}
}}}

{{{#!wiki class="tkg-bg"
{{{#!wiki class="tkg-0" style="color:#fff;width:20px;height:20px" dark-style="color:#1c1d1f;width:20px;height:20px"
{{{#!wiki class="tkg-1" style="color:#fff;width:20px;height:20px" dark-style="color:#1c1d1f;width:20px;height:20px"
{{{#!wiki class="tkg-2" style="color:#fff;width:20px;height:20px" dark-style="color:#1c1d1f;width:20px;height:20px"
{{{#!wiki class="tkg-3" style="color:#fff;width:20px;height:20px" dark-style="color:#1c1d1f;width:20px;height:20px"
}}}}}}}}}}}}}}}

{{{#!wiki class="tkg-bg"
{{{#!wiki class="tkg-0" style="color:#fff;width:100px;height:100px" dark-style="color:#1c1d1f;width:100px;height:100px"
{{{#!wiki class="tkg-1" style="color:#fff;width:100px;height:100px" dark-style="color:#1c1d1f;width:100px;height:100px"
{{{#!wiki class="tkg-2" style="color:#fff;width:100px;height:100px" dark-style="color:#1c1d1f;width:100px;height:100px"
{{{#!wiki class="tkg-3" style="color:#fff;width:100px;height:100px" dark-style="color:#1c1d1f;width:100px;height:100px"
}}}}}}}}}}}}}}}

||<bgcolor=#000000,#50545e> {{{#!wiki class="tkg-bg" style="color:#fff" dark-style="color:#fff"
{{{#!wiki class="tkg-0" style="color:#000;width:100px;height:100px" dark-style="color:#50545e;width:100px;height:100px"
{{{#!wiki class="tkg-1" style="color:#000;width:100px;height:100px" dark-style="color:#50545e;width:100px;height:100px"
{{{#!wiki class="tkg-2" style="color:#000;width:100px;height:100px" dark-style="color:#50545e;width:100px;height:100px"
{{{#!wiki class="tkg-3" style="color:#000;width:100px;height:100px" dark-style="color:#50545e;width:100px;height:100px"
}}}}}}}}}}}}}}} ||















||<|3> {{{#!wiki style="writing-mode: vertical-lr"
Vertical}}} || Horizontal ||<|3> {{{#!wiki style="writing-mode: vertical-lr"
Vertical}}} ||
|| Horizontal ||
|| Horizontal ||



{{{#!wiki style="display:inline-block;width:40px;height:1em;background-color:#f00"
}}}{{{#!wiki style="display:inline-block;width:10px;height:1em;background-color:#0f0"
}}}{{{#!wiki style="display:inline-block;width:25px;height:1em;background-color:#00f"
}}}
[* ㅇㅇ]
[* '''{{{#!wiki style="font-family:monospace"
{{{#f00,#0ff 4}}}:{{{#0f0,#f0f 1}}}:{{{#00f,#ff0 2.5}}}}}}'''{{{#!wiki style="max-width:400px;height:1em;background:linear-gradient(90deg, #f00 calc(1% * 100 * 4 / 7.5), #0f0 0, #0f0 calc((1% * 100 * 4 / 7.5) + (1% * 100 * 1 / 7.5)), #00f 0)"dark-style="background:linear-gradient(90deg, #0ff calc(1% * 100 * 4 / 7.5), #f0f 0, #f0f calc((1% * 100 * 4 / 7.5) + (1% * 100 * 1 / 7.5)), #ff0 0)"
}}}]






{{{{{{#!style
.key td:hover {
    background-color:#f5f5f5;
}
@theseed-dark-mode {
    .key td:hover {
    background-color:#2d2f34;
    }
}
}}}

<tableclass=key>}}}

호버 하이라이트









{{{#!style
.red td:hover {
background-color: red;
color: white;
}
@theseed-dark-mode {
.red td:hover {
background-color: green;
}

}
}}}
||<tableclass=red> 내용 || 내용2 || 내용3 ||


{{{#!style
.key td:hover {
background-color:#f5f5f5;
}
@theseed-dark-mode {
.key td:hover {
background-color:#000;
}
}
}}}
{{{#!wiki style="margin: 0 auto; width: min(1000px, 100%); text-align: center; word-break: keep-all"
||<tablewidth=100%><tablebordercolor=#000,#666><bgcolor=#000><tableclass=key> {{{+1 '''[[QWERTY|{{{#fff QWERTY}}}]] [[틀:QWERTY 키보드|{{{#fff 키보드 글쇠}}}]]'''}}} ||
||<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.8%>||
||<-2>[[Esc 키|{{{#000,#fff Esc}}}]] ||<-2><bgcolor=#dcdcdc,#383b40> ||<-2>[[기능 키#F1|{{{#000,#fff F1}}}]] ||<-2>[[기능 키#F2|{{{#000,#fff F2}}}]] ||<-2>[[기능 키#F3|{{{#000,#fff F3}}}]] ||<-2>[[기능 키#F4|{{{#000,#fff F4}}}]] ||<bgcolor=#dcdcdc,#383b40> ||<-2>[[F5#|{{{#000,#fff F5}}}]] ||<-2>[[F6|{{{#000,#fff F6}}}]] ||<-2>[[F7|{{{#000,#fff F7}}}]] ||<-2>[[F8|{{{#000,#fff F8}}}]] ||<bgcolor=#dcdcdc,#383b40> ||<-2>[[F9|{{{#000,#fff F9}}}]] ||<-2>[[F10#s-1|{{{#000,#fff F10}}}]] ||<-2>[[F11|{{{#000,#fff F11}}}]] ||<-2>[[F12|{{{#000,#fff F12}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2> [[Print Screen|{{{#000,#fff PrtSc}}}]][br][[Print Screen#s-3|{{{#000,#fff SysRq}}}]] ||<-2> [[Scroll Lock|{{{#000,#fff ScrLk}}}]] ||<-2> [[Pause Break|{{{#000,#fff Pause[br]Break}}}]] ||
||<-37><bgcolor=#dcdcdc,#383b40>||
||<-2>[[물결표|{{{#000,#fff ~}}}]] [br] [[다이어크리틱#s-5.2|{{{#000,#fff `}}}]] ||<-2>[[느낌표|{{{#000,#fff !}}}]] [br] [[1|{{{#000,#fff 1}}}]] ||<-2>[[@|{{{#000,#fff @}}}]] [br] [[2|{{{#000,#fff 2}}}]] ||<-2>[[\#|{{{#000,#fff \#}}}]] [br] [[3|{{{#000,#fff 3}}}]] ||<-2>[[달러|{{{#000,#fff $}}}]] [br] [[4|{{{#000,#fff 4}}}]] ||<-2>[[%|{{{#000,#fff %}}}]] [br] [[5|{{{#000,#fff 5}}}]] ||<-2>[[^|{{{#000,#fff ^}}}]] [br] [[6|{{{#000,#fff 6}}}]] ||<-2>[[&|{{{#000,#fff &}}}]] [br] [[7|{{{#000,#fff 7}}}]] ||<-2>[[*|{{{#000,#fff *}}}]] [br] [[8|{{{#000,#fff 8}}}]] ||<-2>[[괄호#s-2.1|{{{#000,#fff (}}}]] [br] [[9|{{{#000,#fff 9}}}]] ||<-2>[[괄호#s-2.1|{{{#000,#fff )}}}]] [br] [[0|{{{#000,#fff 0}}}]] ||<-2>[[_|{{{#000,#fff _}}}]] [br] [[-|{{{#000,#fff -}}}]] ||<-2>[[덧셈|{{{#000,#fff +}}}]] [br] [[=|{{{#000,#fff =}}}]] ||<-4> [[백스페이스|{{{#000,#fff ← Backspace}}}]][br]{{{#000,#fff (Delete)}}} ||<bgcolor=#dcdcdc,#383b40>||<-2> [[Insert#s-2|{{{#000,#fff Ins}}}]] ||<-2> [[홈#s-2.5|{{{#000,#fff Home}}}]] ||<-2> [[Page up|{{{#000,#fff PgUp}}}]] ||
||<-3> [[Tab 키|{{{#000,#fff ⇆ Tab}}}]] ||<-2>[[Q|{{{#000,#fff Q}}}]] ||<-2>[[W|{{{#000,#fff W}}}]] ||<-2>[[E|{{{#000,#fff E}}}]] ||<-2>[[R|{{{#000,#fff R}}}]] ||<-2>[[T|{{{#000,#fff T}}}]] ||<-2>[[Y|{{{#000,#fff Y}}}]] ||<-2>[[U|{{{#000,#fff U}}}]] ||<-2>[[I|{{{#000,#fff I}}}]] ||<-2>[[O|{{{#000,#fff O}}}]] ||<-2>[[P|{{{#000,#fff P}}}]] ||<-2>[[괄호#s-2.2|{{{#000,#fff \{}}}]] [br] [[괄호#s-2.3|{{{#000,#fff \[}}}]] ||<-2>[[괄호#s-2.2|{{{#000,#fff \}}}}]] [br] [[괄호#s-2.3|{{{#000,#fff \]}}}]] ||<-3>[[\||{{{#000,#fff \|}}}]][br][[\\|{{{#000,#fff \\}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2> [[삭제#s-1|{{{#000,#fff Del}}}]] ||<-2> [[END#s-5|{{{#000,#fff End}}}]] ||<-2> [[Page down|{{{#000,#fff PgDn}}}]] ||
||<-4> [[Caps Lock|{{{#000,#fff ⇪ Caps Lock}}}]] ||<-2>[[A|{{{#000,#fff A}}}]] ||<-2>[[S|{{{#000,#fff S}}}]] ||<-2>[[D|{{{#000,#fff D}}}]] ||<-2>[[F|{{{#000,#fff F}}}]] ||<-2>[[G|{{{#000,#fff G}}}]] ||<-2>[[H|{{{#000,#fff H}}}]] ||<-2>[[J|{{{#000,#fff J}}}]] ||<-2>[[K|{{{#000,#fff K}}}]] ||<-2>[[L|{{{#000,#fff L}}}]] ||<-2>[[쌍점|{{{#000,#fff :}}}]][br][[쌍반점|{{{#000,#fff ;}}}]] ||<-2>[[따옴표|{{{#000,#fff "}}}]][br][[아포스트로피|{{{#000,#fff '}}}]] ||<-4> [[엔터 키|{{{#000,#fff Enter ↲}}}]][br](Return) ||<-5><bgcolor=#dcdcdc,#383b40>||<-2> [[Num Lock|{{{#000,#fff Num}}}]] ||
||<-5> [[Shift 키|{{{#000,#fff ⇧ Shift}}}]] ||<-2>[[Z|{{{#000,#fff Z}}}]] ||<-2>[[X|{{{#000,#fff X}}}]] ||<-2>[[C|{{{#000,#fff C}}}]] ||<-2>[[V|{{{#000,#fff V}}}]] ||<-2>[[B|{{{#000,#fff B}}}]] ||<-2>[[N|{{{#000,#fff N}}}]] ||<-2>[[M|{{{#000,#fff M}}}]] ||<-2>[[부등호|{{{#000,#fff <}}}]][br][[쉼표|{{{#000,#fff ,}}}]] ||<-2>[[부등호|{{{#000,#fff >}}}]][br][[마침표|{{{#000,#fff .}}}]] ||<-2>[[물음표|{{{#000,#fff ?}}}]][br][[..//|{{{#000,#fff /}}}]] ||<-5> [[Shift 키|{{{#000,#fff ⇧ Shift}}}]] ||<-3><#dcdcdc,#383b40>||<-2>[[방향|{{{#000,#fff ↑}}}]]||<-2><bgcolor=#dcdcdc,#383b40>||
||<-3> [[Ctrl 키|{{{#000,#fff Ctrl}}}]] [br] {{{#000,#fff (}}}[[FN|{{{#000,#fff fn}}}]]{{{#000,#fff )}}} ||<-2> [[FN(키)|{{{#000,#fff Fn}}}]] [br] {{{#000,#fff (}}}[[컨트롤|{{{#000,#fff ^}}}]]{{{#000,#fff )}}} ||<-2> [[윈도우 키|{{{#000,#fff [[파일:Windows_11_Icon_(print).svg|width=15px&theme=light]][[파일:Windows_11_Icon_(dark).svg|width=15px&theme=dark]]}}}]] [br] {{{#000,#fff (}}}[[옵션#s-5|{{{#000,#fff ⌥}}}]]{{{#000,#fff )}}} ||<-2> [[Alt 키|{{{#000,#fff Alt}}}]] [br] {{{#000,#fff (}}}[[커맨드|{{{#000,#fff ⌘}}}]]{{{#000,#fff )}}} ||<-12> [[스페이스 바|{{{#000,#fff Space}}}]] ||<-2> [[Alt 키|{{{#000,#fff Alt}}}]] [br] {{{#000,#fff (}}}[[커맨드|{{{#000,#fff ⌘}}}]]{{{#000,#fff )}}} ||<-2> [[윈도우 키|{{{#000,#fff [[파일:Windows_11_Icon_(print).svg|width=15px&theme=light]][[파일:Windows_11_Icon_(dark).svg|width=15px&theme=dark]]}}}]] [br] {{{#000,#fff (}}}[[옵션#s-5|{{{#000,#fff ⌥}}}]]{{{#000,#fff )}}} ||<-2> [[Windows Copilot|[[파일:Windows Copilot 로고.svg|width=20]]]] [br] [[메뉴 키|{{{#000,#fff (Menu)}}}]] ||<-3> [[Ctrl 키|{{{#000,#fff Ctrl}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2>[[방향|{{{#000,#fff ←}}}]]||<-2>[[방향|{{{#000,#fff ↓}}}]]||<-2>[[방향|{{{#000,#fff →}}}]]||
||<-37><bgcolor=#dcdcdc,#383b40>||}}}}}}}}}}}}||}}}


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

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





||<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]예수의 탄생을 기념하는 날.}}}}}}}}}}}} ||