NCT 2020

#!if 배경색='#bbe309', 글자색='#000'

#!wiki class="box"
{{{#!wiki class="top"
## ============ 로고 & 그룹명 ============ ##
[[NCT|{{{#!wiki class="head"
{{{#!wiki class="logo"
[[파일:NCT 로고.svg|height=38]]
}}}{{{#!wiki class="head-text"
'''NCT'''
{{{#!wiki class="head-sub"
엔시티}}}
}}}
}}}]]{{{#!wiki class="member"
## ============ 멤버 ============ ##
[[쟈니(NCT)|쟈니]]
[[태용]]
[[유타(NCT)|유타]]
[[쿤(NCT)|쿤]]
[[도영]]
[[텐(NCT)|텐]]
[[재현(NCT)|재현]]
[[정우(NCT)|정우]]
}}}{{{#!wiki class="member"
[[샤오쥔]]
[[헨드리]]
[[런쥔]]
[[제노(NCT)|제노]]
[[해찬]]
[[재민]]
[[양양(NCT)|양양]]
}}}{{{#!wiki class="member"
[[천러]]
[[지성(NCT)|지성]]
[[시온(NCT)|시온]]
[[리쿠(NCT)|리쿠]]
[[유우시]]
[[재희]]
[[료(NCT)|료]]
[[사쿠야(NCT)|사쿠야]]
}}}{{{#!wiki class="line"
}}}{{{#!wiki class="ex-box"
## ============ 전 멤버 ============ ##
{{{#!folding [ 전 멤버 ]
{{{#!wiki class="ex-member"
[[루카스(가수)|루카스]]
[[쇼타로]]
[[성찬(RIIZE)|성찬]]
[[문태일|태일]]
[[마크(1999)|마크]]
[[윈윈]]
}}}
}}}
}}}
}}}{{{#!wiki class="tab-bar"
## ============ 탭 버튼 ============ ##
{{{#!wiki tag="a" onclick="remove-class,tab-b,open;remove-class,tab-c,open;remove-class,tab-d,open;toggle-class,tab-a,open" class="tab tab-a"
서브 그룹
}}}{{{#!wiki tag="a" onclick="remove-class,tab-a,open;remove-class,tab-c,open;remove-class,tab-d,open;toggle-class,tab-b,open" class="tab tab-b"
유닛 목록
}}}{{{#!wiki tag="a" onclick="remove-class,tab-a,open;remove-class,tab-b,open;remove-class,tab-d,open;toggle-class,tab-c,open" class="tab tab-c"
음반 목록
}}}{{{#!wiki tag="a" onclick="remove-class,tab-a,open;remove-class,tab-b,open;remove-class,tab-c,open;toggle-class,tab-d,open" class="tab tab-d"
관련 문서
}}}
}}}{{{#!wiki class="tab tab-a"
{{{#!wiki class="flush"
## ============ 서브 그룹 ============ ##
||<tablewidth=100%><width=25%><bgcolor=#1b1e41,#1b1e41> [[NCT 127|[[파일:NCT 127 휘장.svg|height=58]]]] ||<width=25%><bgcolor=#154d26,#154d26> [[NCT DREAM|[[파일:NCT DREAM 휘장.svg|height=58]]]] ||<width=25%><bgcolor=#221e1f,#221e1f> [[WayV|[[파일:WayV 휘장.svg|height=58]]]] ||<width=25%><bgcolor=#123a6c,#123a6c> [[NCT WISH|[[파일:NCT WISH 휘장.png|height=58]]]] ||
}}}
}}}{{{#!wiki class="tab tab-b"
{{{#!wiki class="flush"
## ============ 유닛 목록 ============ ##
||<tablewidth=100%><width=33.33%><bgcolor=#ddb9d7,#ddb9d7> [[NCT U|[[파일:NCT U 로고.png|height=60]]]] ||<width=33.33%><bgcolor=#d5d5d5,#d5d5d5> [[NCT 도재정|[[파일:NCT 도재정 Perfume 로고.svg|height=60]]]] ||<width=33.33%><bgcolor=#e21c30,#e21c30> [[NCT JNJM|[[파일:NCT JNJM 로고(BOTH SIDES).svg|height=60]]]] ||
}}}
}}}{{{#!wiki class="tab tab-c"
{{{#!wiki class="flush"
## ============ 음반 목록 1 ============ ##
||<tableclass=albums><tablewidth=100%><width=25%><nopad>[[NCT 2018 EMPATHY|[[파일:NCT2018EMPATHY.jpg|width=100%]]]] ||<width=25%><nopad>[[NCT RESONANCE Pt. 1|[[파일:NCT RESONANCE Pt. 1.jpg|width=100%]]]] ||<width=25%><nopad>[[NCT RESONANCE Pt. 2|[[파일:NCT RESONANCE Pt. 2.jpg|width=100%]]]] ||<width=25%><nopad>[[RESONANCE|[[파일:RESONANCE.jpg|width=100%]]]] ||
||<|2>[[NCT 2018 EMPATHY|{{{#!wiki class="title" style="background: linear-gradient(to right, #1561db, #1d82af, #1ba39a, #37b63b, #8dca3b, #e8b141, #eb7654, #d31a5e); color: #fff"
NCT 2018 EMPATHY}}}]]{{{#!wiki class="type" style="border-color: #1561db"
정규 1집}}}{{{#!wiki class="date"
2018. 03. 14.}}}
||<-3><class=series nct2020>NCT 2020
||
||[[NCT RESONANCE Pt. 1|{{{#!wiki class="title" style="background: #000; color: #fff"
NCT RESONANCE Pt. 1}}}]]{{{#!wiki class="type" style="border-color: #000"
정규 2집 Pt. 1}}}{{{#!wiki class="date"
2020. 10. 12.}}}
||[[NCT RESONANCE Pt. 2|{{{#!wiki class="title" style="background: #f7f7f7; color: #676767; box-shadow: inset 0 0 0 1px #676767"
NCT RESONANCE Pt. 2}}}]]{{{#!wiki class="type" style="border-color: #676767"
정규 2집 Pt. 2}}}{{{#!wiki class="date"
2020. 11. 23.}}}
||[[RESONANCE|{{{#!wiki class="title" style="background: #b90604; color: #fff"
RESONANCE}}}]]{{{#!wiki class="type" style="border-color: #b90604"
정규 2집 파이널 싱글}}}{{{#!wiki class="date"
2020. 12. 04.}}}
||
## ============ 음반 목록 2 ============ ##
||<nopad>[[Universe(NCT)|[[파일:Universe Album Art.jpg|width=100%]]]] ||<nopad>[[Golden Age|[[파일:NCT Golden Age Album Art.jpg|width=100%]]]] ||<nopad>[[미정|[[파일:빈 정사각형 이미지.svg|width=100%]]]] || ||
||[[Universe(NCT)|{{{#!wiki class="title" style="background: #fff; color: #000; box-shadow: inset 0 0 0 1px light-dark(#000, #fff)"
Universe}}}]]{{{#!wiki class="type" style="border-color: light-dark(#000, #fff)"
정규 3집}}}{{{#!wiki class="date"
2021. 12. 14.}}}
||[[Golden Age|{{{#!wiki class="title" style="background: #fff; color: #ae8d5a; box-shadow: inset 0 0 0 1px #ae8d5a"
Golden Age}}}]]{{{#!wiki class="type" style="border-color: #ae8d5a"
정규 4집}}}{{{#!wiki class="date"
2023. 08. 28.}}}
||[[미정|{{{#!wiki class="title" style="background: #000; color: #fff"
미정}}}]]{{{#!wiki class="type" style="border-color: #000"
미정}}}{{{#!wiki class="date"
미정}}}
|| ||
}}}
}}}{{{#!wiki class="tab tab-d"
{{{#!wiki class="flush"
## ============ 관련 문서 ============ ##
||<tableclass=documents><class=doc-head>활동
||[[NCT/음반|음반]]
||[[NCT/활동|활동]] ([[NCT/활동 역사|역사]])
||[[NCT/공연 및 행사|공연 및 행사]]
||[[NCT/음악 방송 직캠|직캠]]
||
||<class=doc-head>리얼리티
||[[NCT LIFE]]
||[[NCT WORLD 2.0]]
||[[welcome to NCT Universe]]
||[[NCT Universe : LASTART]]
||
||<class=doc-head>콘텐츠
||[[NCT/콘텐츠|콘텐츠]]
||[[NCT LAB]]
||[[THE NCT SHOW in THE NCT UNIVERSE|THE NCT SHOW]]
||[[어색하지만 괜찮아]]
||
||<class=doc-head>팬덤
||<-2>[[NCTzen]]
||<-2>[[NCT/응원법|응원법]]
||
||<class=doc-head>기타
||[[NCT/수상|수상 경력]]
||[[NCT/멤버 간 케미|멤버 간 케미]]
||[[NCT/세계관|세계관]]
||[[NCT/논란 및 사건 사고|사건 사고]]
||
}}}
}}}

#!style
/* ===== 틀 디자인 ===== */
.box {
    max-width: 700px;
    margin: 0 auto;
    color: ;
    background: ;
    border: 1px solid ;
    border-radius: 8px;
    text-align: center;
    word-break: keep-all;
    overflow: hidden;
}

/* ===== 로고 & 그룹명 ===== */
.head {
    display: flex;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
}
.logo {
    margin-right: 10px;
}
.head-text {
    border-left: 1px solid;
    padding-left: 10px;
    text-align: left;
    font: 20px/1.3 sans;
    font-family: revert;
}
.head-sub {
    font-size: 14px;
}
.top a {
    color: inherit;
}

/* ===== 멤버 & 구분선 ===== */
.member {
    display: flex;
    justify-content: space-around;
    width: 95%;
    margin: auto;
}
/* 멤버 */
.member a {
    width: 999px;
}
.member a:hover {
    color: color-mix(in srgb, currentcolor 80%, transparent);
}
/* 구분선 */
.line {
    width: 95%;
    height: 0;
    overflow: hidden;
    margin: 8px auto;
    border-top: 1px solid ;
}
/* 전 멤버 */
.ex-box {
    margin: 0 auto;
    padding-bottom: 7px;
    line-height: 1.3;
    color: color-mix(in srgb, currentColor 30%, transparent);
    font-size: 0.8333em;
}
.ex-box dl, .ex-box dt, .ex-box dd {
    margin: 0;
}
.ex-member {
    display: flex;
    justify-content: space-evenly;
    width: max(285px, 70%);
    margin: auto;
}
.ex-member a:hover {
    color: color-mix(in srgb, currentcolor 80%, transparent);
}

/* ===== 탭 ===== */
/* 탭 줄 */
.tab-bar {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto 10px;
    white-space: nowrap;
}
div.tab {
    display: none;
}
div.open {
    display: block !important;
}
/* 버튼 */
a.tab {
    display: block;
    width: 22.75%;
    padding: 3px 0;
    border-radius: 7px;
    background: color-mix(in srgb,  10%, transparent);
    color: inherit;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: clamp(-0.06em, 2vw - 7.5px, 0em);
}
a.tab:hover {
    background: color-mix(in srgb,  20%, transparent);
}
/* 선택된 버튼 */
a.open, a.open:hover {
    background: ;
    color: ;
}

/* ===== 표 ===== */
.flush {
    margin: 0 -1px -11px;
}
.albums, .documents {
    width: 100%;
}
/* 음반 표 */
.albums,
.albums table {
    width: 100% !important;
    table-layout: fixed !important;
}
.albums tbody, .documents tbody {
    background: light-dark(#fff, #1c1d1f);
    color: light-dark(#212529, #e0e0e0);
}

/* ===== 음반 칸 ===== */
.albums td {
    width: 25%;
    padding: 10px clamp(2px, 0.8vw, 4px);
    text-align: center !important;
    vertical-align: middle;
    overflow-wrap: anywhere;
}
.albums a {
    text-decoration: none;
}
/* 음반명 */
.title {
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: top;
    padding: 1.6px clamp(2px, 0.8vw, 4px);
    border-radius: 4px;
    font-size: clamp(9.5px, 1.8vw, 11.5px);
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: clamp(-0.04em, 0.5vw - 3px, 0em);
}
/* 긴 음반명 */
.title.long {
    font-size: clamp(9px, 1.8vw, 11.5px);
    letter-spacing: clamp(-0.04em, 0.5vw - 3px, 0em);
    word-break: break-all;
}
/* 음반 종류 */
.type {
    display: block;
    width: fit-content;
    margin: 0 auto 7px;
    padding: 1px 3px 0;
    border: 1px solid;
    border-radius: 5px;
    font-size: clamp(8.5px, 1.6vw, 10px);
    line-height: 1.4;
}
/* 날짜 */
.date {
    font-size: clamp(8px, 1.5vw, 9.5px);
    line-height: 1.3;
    color: light-dark(#505050, #b3b3b3);
}
/* 시리즈 */
.albums td.series {
    padding: 2px 0;
    color: #fff;
    font-size: clamp(8px, 1.5vw, 9.5px);
    font-weight: bold;
    letter-spacing: -0.02em;
}
.albums td.nct2020 {
    background: linear-gradient(to right, #000, #f7f7f7, #b90604);
    color: #000;
}

/* ===== 관련 문서 ===== */
.documents td {
    padding: 5px 0;
    letter-spacing: -0.02em;
}
/* 제목 칸 */
.documents td.doc-head {
    width: 15%;
    background: ;
    color: ;
    font-weight: bold;
}
.documents a {
    color: light-dark(#212529, #e0e0e0);
    text-decoration: none;
}
.documents a:hover {
    color: light-dark(#212529cc, #e0e0e0cc);
}
.documents td.doc-head a {
    color: inherit;
}

/* ===== 관련 문서 간격 ===== */
.documents td { width: 21.25%; }

1. NCT 정규 2집의 파트 1 - NCT RESONANCE Pt. 1

#!if (문단 == null) == (앵커 == null)
를

#!if 문단 != null & 앵커 == null
의 [[NCT RESONANCE Pt. 1#s-|]]번 문단을

#!if 문단 == null & 앵커 != null
{{{#!if 문서명 = 문서명 != null ? 문서명 : calleeTitle
의 [[NCT RESONANCE Pt. 1#|]] 부분을}}}

2. NCT 정규 2집의 파트 2 - NCT RESONANCE Pt. 2

#!if (문단 == null) == (앵커 == null)
를

#!if 문단 != null & 앵커 == null
의 [[NCT RESONANCE Pt. 2#s-|]]번 문단을

#!if 문단 == null & 앵커 != null
{{{#!if 문서명 = 문서명 != null ? 문서명 : calleeTitle
의 [[NCT RESONANCE Pt. 2#|]] 부분을}}}

3. NCT 정규 2집의 파이널 싱글 - RESONANCE

#!if (문단 == null) == (앵커 == null)
를

#!if 문단 != null & 앵커 == null
의 [[RESONANCE#s-|]]번 문단을

#!if 문단 == null & 앵커 != null
{{{#!if 문서명 = 문서명 != null ? 문서명 : calleeTitle
의 [[RESONANCE#|]] 부분을}}}