미디어위키:Common.css: 두 판 사이의 차이

  • 최근 수정 시각: 2026년 10월 10일 (토) 18:44
편집 토론 문서 역사
편집 요약 없음
편집 요약 없음
 
(사용자 2명의 중간 판 219개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/*
* 위키백과 모든 스킨에 적용되는 CSS입니다.
* [[위키백과:위키프로젝트 시스템]] 참고
*
* 편집 요약을 꼭 적어주고, 새 코드를 추가할 때에는 해당 코드의 출처, 간단한 설명, (요청이 있었을 경우) 해당 요청의 위치 등을 주석에 적어주세요.
* 또한 각 코드 조각의 범위를 알아보기 쉽도록 정렬해주세요.
*
* 인쇄용 css (@media print 부분)은 Print.css에 별도로 추가해주세요.
* 그렇지 않으면 인쇄용 문서를 웹에서 보는 것과 실제 인쇄하는 것이 다르게 나옵니다.
*
* 정리가 필요한 부분에는 XXX를 달아주세요.
*/
/* Pretendard */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css');


/* 기본 폰트 변경 */
.nob {
body {
margin-top: 4px;
    font-family: 'Pretendard', sans-serif  !important; /* 원하는 웹폰트 또는 시스템 폰트 */
margin-bottom: 4px;
    font-size: 16px; /* 기본 폰트 크기 */
}
}


/* HTML 요소의 기본 스타일. en:에서 가져옴 */
.ind {
dfn {
font-size: 14px;
    font-style: inherit;  /* Reset default styling for <dfn> */
color : #4a4a4a;
}
margin-left: 18px;
sup, sub {
margin-top: 4px;
    line-height: 1em;    /* <sup>와 <sub>의 줄간격 조절 */
margin-bottom: 4px;
}
 
#searchGoButton {
    display: none;
}
 
#mw-searchButton{
    display: none;
}
 
/* 검색창 둥글게 만들기 */
#searchInput {
    border-radius: 15px;  /* 둥근 모서리, 크기는 원하는 대로 조정 가능 */
    padding: 5px 10px;    /* 적당한 여백 추가 */
    width: 100%; /* 너비 조정 */
}
 
.skin-liberty .search-container {
    display: flex;
    justify-content: center; /* 가운데 정렬 */
    width: 100%; /* 부모 컨테이너 너비 */
}
 
/* 분류칸 그림자 제거 */
.skin-liberty .catlinks {
    box-shadow: none !important; /* 그림자 제거 */
    border: 1px solid #ddd; /* 필요 시 테두리 스타일을 정의 */
}
 
/* 분류 목록 한 줄로 나열하고 줄바꿈 방지 */
#catlinks {
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
    overflow: hidden; /* 넘치는 텍스트 숨기기 */
}
 
#catlinks ul {
    display: inline; /* 목록을 인라인 요소로 설정 */
    padding-left: 0;
}
 
#catlinks li {
    display: inline; /* 각 항목을 인라인 요소로 설정 */
    margin-right: 15px; /* 항목 간 간격 */
    list-style-type: none; /* 기본 점 제거 */
}
 
#catlinks li::after {
    content: " |"; /* 각 항목 뒤에 '|' 추가 */
    margin-left: 10px;
}
 
#catlinks li:not(:last-child)::after {
    content: " |"; /* 항목 간에 '|' 기호를 추가 */
    margin-left: 10px;
}
 
#catlinks li:last-child::after {
    content: ""; /* 마지막 항목에서 '|' 제거 */
}
 
 
/* 제목과 [편집] 버튼을 정렬하기 위한 컨테이너 스타일 */
.mw-headline-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; /* 제목이 너무 길 경우에도 버튼이 잘 정렬됨 */
}
 
/* [편집] 버튼 스타일 */
.mw-editsection {
  margin-left: 10px;
  font-size: 0.5em; /* 작게 표시 */
  white-space: nowrap; /* 버튼이 줄바꿈되지 않도록 설정 */
}
 
/** <references/> 관련 CSS **/
 
ol.references,
div.reflist,
div.refbegin {
    font-size: 90%;            /* 기본 글꼴 크기 */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;           /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
    font-size: 100%;          /* Reset font-size when nested in div.reflist */
    list-style-type: inherit;  /* Enable custom list style types */
}
 
/* 선택된 항목에 배경색 씌우기 */
body.action-info :target,
.citation:target {
    background-color: #DEF;  /* Fallback */
    background-color: rgba(0, 127, 255, 0.133);
}
 
/* 테이블 제목 등의 ref에서 bold/italic 제거 */
sup.reference {
    font-weight: normal;
    font-style: normal;
}
 
/* 인용에 대한 스타일 추가 (CSS3). 예를 들어 URL이 너무 길면 상자를 벗어나지 않고 잘라냄. */
.citation {
    word-wrap: break-word;
}
/* Default styling for titles of works, styling for the title of an article
  within a periodical, or a contribution within a compilation. */
cite,
.citation cite.article,
.citation cite.contribution {
    font-style: inherit;
}
 
/* For linked citation numbers and document IDs, where
  the number need not be shown on a screen or a handheld,
  but should be included in the printed version */
@media screen, handheld {
    .citation *.printonly {
        display: none;
    }
}
 
.mw-headline {
  font-weight: bold;
}
 
/** .messagebox 스타일 **/
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    margin: 0 0 1em 1em;
    line-height: 1.25em;
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background: #F8EABA;
}
 
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
    border: none;
    /* @noflip */
    padding: 0.25em 0.9em;    /* 0.9em left/right */
    width: 100%;              /* Make all mboxes the same width regardless of text length */
    font-size: small;
}
td.mbox-image {                /* The left image cell */
    border: none;
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-imageright {          /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center;
}
td.mbox-empty-cell {          /* An empty narrow cell */
    border: none;
    padding: 0;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    /* @noflip */
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;      /* 0.5em left/right */
}
.ambox td.mbox-image {          /* The left image cell */
    /* @noflip */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    /* @noflip */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                  /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;      /* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block;        /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
    margin: 4px;
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;            /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;      /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;      /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;      /* Default "notice" gray */
    background: #f9f9f9;
}
 
table.ombox-notice {
    border: 1px solid #aaa;      /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;            /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;      /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
    width: 100%;                /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are  */
    font-size: 100%;            /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;            /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
    clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;    /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages.
  Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}
}


/* These mbox-small classes must be placed after all other
.nob2 {
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
margin-top: -3px;
  they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {  /* For the "small=yes" option. */
    /* @noflip */
    clear: right;
    /* @noflip */
    float: right;
    /* @noflip */
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    /* @noflip */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
}


/* Style for compact ambox */
.mw-headline  #toc a {
/* Hide the images */
  margin-right: 6px;
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
    display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background: transparent;
    margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(/w/skins/MonoBook/bullet.gif);
}
.skin-vector .compact-ambox table .mbox-text-span {
    list-style-type: disc;
    list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
    display: none;
}
}


/* 틀 설명문서 */
li > ul {
.template-documentation {
  margin-top: 2px !important;
    clear: both;
  margin-bottom: 2px !important;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 1em;
}
}


/** 정보상자 **/
li > ul > li {
.infobox {
  margin-top: 2px !important;
  float: right;
   margin-bottom: 2px !important;
  clear: right;
  margin: 0.5em 0 0.5em 1em;
  padding: 0.2em;
  border: 1px solid #aaa;
  background: #f9f9f9;
  font-size: small;
  width: 25em;
}
.infobox td,
.infobox th {
  vertical-align: top;
}
.infobox caption {
  font-size: 125%;
   font-weight: bold;
}
}


.infobox caption.colored {
.mw-parser-output > h2, h3 {
   margin: 0.25em 0 0.5em 0;
   margin-top: 32px !important;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 0.3em;
  border-bottom-width: 0.3em;
/* 제목에 색이 필요할 때 class 지정 후 border-color 스타일 지정 */
}
}


.infobox th {
h2 .mw-headline a[href="#toc"],
  white-space: nowrap;
h3 .mw-headline a[href="#toc"],
}
h4 .mw-headline a[href="#toc"] {
.infobox th[colspan="2"] {
   margin-right: 5px;
  text-align: center;
}
.infobox.bordered {
  border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}
.infobox.sisterproject {
  width: 20em;
  font-size: smaller;
}
}


/* styles for bordered infobox with merged rows */
.mw-custom-collapse-viewport {
.infobox.bordered .mergedtoprow td,
overflow: hidden;
.infobox.bordered .mergedtoprow th {
width: 100%;
  border: 0;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
  border: 0;
  border-right: 1px solid #aaa;
}
}


/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */
.mw-custom-collapse-viewport-inner {
.infobox.geography {
width: 100%;
  text-align: left;
  border-collapse: collapse;
  line-height: 1.2em;
  font-size: smaller;
}
.infobox.geography  td,
.infobox.geography  th {
  border-top: solid 1px #aaa;
  padding: 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
  border-top: solid 1px #aaa;
  padding: 0.4em 0.6em 0.2em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
  border: 0;
  padding: 0 0.6em 0.2em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
  border-top: 0;
  border-bottom: solid 1px #aaa;
  padding: 0 0.6em 0.4em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
  border: 0;
  padding: 0;
}
}


/* "notices" 스타일 */
/* 부드러운 접기/펼치기 */
.notice {
.smooth-collapse {
  margin: 1em;
    display: grid;
  padding: 0.2em;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s ease;
}
}


.notice.section {
.smooth-collapse > .smooth-collapse-inner {
  width: auto;
    overflow: hidden;
  margin: 0 1em 0 1em;
    min-height: 0;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  font-size: smaller;
}
.notice.section + .notice.section {
  margin-top: -1px;
  border-top: 0;
}
}


#disambig {
.smooth-collapse.is-collapsed {
  border-top: 1px solid #ccc;
    grid-template-rows: 0fr;
  border-bottom: 1px solid #ccc;
}
}


.spoiler {
/* 선택사항: 내용도 살짝 페이드 */
  border-top: 2px solid #ddd;
.smooth-collapse > .smooth-collapse-inner {
  border-bottom: 2px solid #ddd;
    opacity: 1;
    transition: opacity 0.25s ease;
}
}


table.stub {
.smooth-collapse.is-collapsed > .smooth-collapse-inner {
  width: 100%;
    opacity: 0;
  margin: 1em auto 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: smaller;
}
}
table.stub + table.stub {
  margin-top: -1px;
  border-top: 0;
}
/* Put a checker background at the image description page only visible if the image has transparent background */
#file img {background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}


#wpSave {
/* 펼치기 · 접기 내부 표의 좌우 외곽선 제거 */
  font-weight: bold;
.mw-collapsible-content > table {
    border-left: none !important;
    border-right: none !important;
}
}


/*[[미디어위키토론:Common.css#.jamocomposed_block 수정]]-Request by Banwol, added by 분당선M*/
.mw-collapsible-content > table > tbody > tr > :first-child {
.jamocomposed_block {
    border-left: none !important;
font-family: 'Pretendard', '나눔스퀘어', '나눔고딕', '함초롬돋움 LVT', 'HCR Dotum LVT', '함초롬바탕 LVT', 'HCR Batang LVT', '본고딕', 'Source Han Sans K', '본고딕 KR', 'Source Han Sans KR', '나눔바른고딕 옛한글', 'NanumBarunGothic YetHangul', '나눔명조 옛한글', 'NanumMyeongjo YetHangul', '은 바탕', 'Un Batang', '돋움 옛한글', 'Dotum Old Hangul', '바탕 옛한글', 'Batang Old Hangul', '굴림 옛한글', 'NewGulim Old Hangul', '궁서 옛한글', 'Gungsuh Old Hangul', '맑은 고딕', 'Malgun Gothic', '함초롬돋움', 'HCR Dotum', '함초롬바탕', 'HCR Batang', Code2000;
}
}


.oldhanyang {
.mw-collapsible-content > table > tbody > tr > :last-child {
  font-family: "New Gulim", "새굴림", "새돋움", "한컴돋움", "Naver Dictionary", "네이버사전", "Haansoft Batang", "한컴바탕", "새바탕";
    border-right: none !important;
}
}


/* 링크 밀줄 제거 */
:root {
.nounderlines a {
--fbnw-theme-010: #101012;
  text-decoration: none;
--fbnw-theme-020: #202022;
}
--fbnw-theme-030: #303032;
/* IPA 링크 밑줄 제거 */
--fbnw-theme-040: #404042;
.IPA a:link, .IPA a:visited {
--fbnw-theme-050: #505052;
  text-decoration: none;
}
}


/* [[위키백과:사랑방/2007년 1월#틀:듣기 용 아이콘]] */
html.liberty-dark-mode .dark\:fbnw-theme-010,
.audiolink a{
body.liberty-dark-mode .dark\:fbnw-theme-010 {
  background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important;
background: var(--fbnw-theme-010) !important;
  padding-left: 16px !important;
  padding-right: 0 !important;
}
}


/* [[위키백과:사랑방/2007년 4월#영어판의 틀을 번역했는데, 모양이 다르게 나옵니다.]]
html.liberty-dark-mode .dark\:fbnw-theme-020,
  [[:en:MediaWiki:Common.css]]에서 가져옴 */
body.liberty-dark-mode .dark\:fbnw-theme-020 {
 
background: var(--fbnw-theme-020) !important;
/* 둘러보기 상자의 기본 스킨 */
table.navbox {      /* 둘러보기 상자 내용에 대한 스타일 */
  border: 1px solid #aaa;
  width: 100%;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;      /* (doesn't work for IE6, but that's okay)    */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;    /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {      /* 그룹 스타일 */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;  /* 배경색 */
}
.navbox-list {
  border-color: #fdfdfd;  /* 배경색과 동일해야 함 */
}
.navbox-title,
table.navbox th {
  background: #ccccff;  /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;  /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;  /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;  /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
}


.collapseButton {      /* 'show'/'hide' buttons created dynamically */
html.liberty-dark-mode .dark\:fbnw-theme-030,
  float: right;      /* by the CollapsibleTables javascript in  */
body.liberty-dark-mode .dark\:fbnw-theme-030 {
  font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here  */
background: var(--fbnw-theme-030) !important;
  text-align: right;  /* so they can be customised.        */
  width: auto;
}
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
  width: 6em;      /* the vde links from [[Template:Tnavbar]],  */
}              /* so they need to be the same width.    */


/* [[위키백과:관리자 요청/2007년 5월#스크립트 추가 요청]]. ctrl+v from en: */
html.liberty-dark-mode .dark\:fbnw-theme-040,
div.NavFrame {
body.liberty-dark-mode .dark\:fbnw-theme-040 {
  margin: 0;
background: var(--fbnw-theme-040) !important;
  padding: 4px;
  border: 1px solid #aaa;
  text-align: center;
  border-collapse: collapse;
  font-size: 95%;
}
div.NavFrame + div.NavFrame {
  border-top-style: none;
  border-top-style: hidden;
}
div.NavPic {
  background-color: #fff;
  margin: 0;
  padding: 2px;
  float: left;
}
div.NavFrame div.NavHead {
  height: 1.6em;
  font-weight: bold;
  background-color: #ccf;
  position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
  font-size: 100%;
}
div.NavEnd {
  margin: 0;
  padding: 0;
  line-height: 1px;
  clear: both;
}
a.NavToggle {
  position: absolute;
  top: 0;
  right: 3px;
  font-weight: normal;
  font-size: 90%;
}
}


/* [[위키백과:관리자 요청/2007년 11월]] */
html.liberty-dark-mode .dark\:fbnw-theme-050,
/* Prevent line breaks in silly places:
body.liberty-dark-mode .dark\:fbnw-theme-050 {
  1) Where desired
background: var(--fbnw-theme-050) !important;
  2) Links when we don't want them to
  3) Bold "links" to the page itself
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}
}
 
/* 실제 문서에서 사용하는 유틸리티 */
/** 목차에서 특정 단계 이하 제목 숨기기 **/
.inline-block {
.toclimit-2 .toclevel-2,
display: inline-block;
.toclimit-3 .toclevel-3,
vertical-align: top;
.toclimit-4 .toclevel-4,
box-sizing: border-box;
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
  display:none;
}
}


/* {{가로 목차}} 틀 사용 시 세로로 출력되는 문제 수정 (크롬/오페라)
.flex {
영어 위키백과에서 가져옴 Ykhwong 2015년 12월 4일 */
display: flex;
.hlist .tocnumber,
.hlist .toctext {
    display: inline;
}
}


/* When <div class="nonumtoc"> is used on the table of contents,
.flex-col {
  the ToC will display without numbers */
flex-direction: column;
.nonumtoc .tocnumber {
    display: none;
}
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none none;
    margin: .3em 0 0;
    padding: 0;
}
.hlist.nonumtoc #toc ul ul,
.hlist.nonumtoc .toc ul ul {
    /* @noflip */
    margin: 0;
}
}


/** 미디어 시작 틀과 관련된 코드 **/
.w-screen {
/* [[위키백과:관리자 요청/2008년 9월]] */
width: 100%;
div.listenlist {
  background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
  padding-left: 40px;
}
}


div.videolist, div.multivideolist {
  background: url("//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
  padding-left: 50px;
}


div.medialist {
/* 접혀 있을 때는 2개가 좌우로 */
  min-height: 50px;
.inline-block {
  margin: 1em;
width: 49%;
  background-position: top left;
  background-repeat: no-repeat;
}
div.medialist ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
}
div.medialist ul li {
  padding-bottom: 0.5em;
}
div.medialist ul li li {
  font-size: smaller;
  padding-bottom: 0;
}
}


/** XXX **/
/* 안내 참조 틀의 동작, [[위키백과:관리자 요청/2008년 9월]] */
.plainlinksneverexpand {
  background: none ! important;
  padding: 0 ! important;
}
.plainlinksneverexpand .urlexpansion {
  display: none ! important;
}


/** PDF 링크 모양 **/
/* 자기 안의 접기 영역이 펼쳐지면 전체 폭 */
/* [[특:Permalink/13592922#PDF 아이콘 추가|미디어위키토론:Common.css]] */
.inline-block:has(
a[href$=".pdf"].external.text,
.mw-collapsible:not(.mw-collapsed)
a[href*=".pdf?"].external.text,
) {
a[href*=".pdf#"].external.text,
width: 100%;
a[href$=".PDF"].external.text,
a[href*=".PDF?"].external.text,
a[href*=".PDF#"].external.text {
  background: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
  padding-right: 17px;
}
}


/** [[틀:둘러보기]] 디자인 **/
/* [[위키백과토론:위키프로젝트 시스템#미디어위키:common.css에 스타일 추가 요청]] */
/* Klutzy 2008년 12월 21일 (일) 20:10 (KST) */
.pathnavbox {
  clear: both;
  border: 1px outset #eef;
  padding: 0.3em 0.6em;
  margin: 0 0 0.5em 0;
  background-color: #eef;
  font-size: smaller;
}
.pathnavbox ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}
.pathnavbox > ul {
  margin: 0;
}
.pathnavbox ul li {
  margin: 0;
}


/** 최근 바뀜, 주시 문서 목록에서 "되돌리기" 글자 크기 줄임 **/
/* 첫 번째 영역이 펼쳐졌을 경우,
/* [[사용자:ITurtle|iTurtle]] ([[사용자토론:ITurtle|토론]]) 2009년 5월 8일 (금) 22:04 (KST) */
  바로 뒤의 두 번째 영역도 다음 줄 전체 폭으로 */
.page-특수기능_최근바뀜 .mw-rollback-link,
.inline-block:has(
.page-특수기능_주시문서목록 .mw-rollback-link {
.mw-collapsible:not(.mw-collapsed)
  font-size: smaller;
) + .inline-block {
width: 100%;
}
}


/* 최근 바뀜에서의 편집 관련 표시 작게. Monobook에서 옮김. */
/* ChongDae 2010년 3월 26일 (금) 22:32  */
.minoredit {
  font-size: smaller;
  color: #808080;
}
.newpage {
  font-size: smaller;
  color: #FF0000;
}
.botedit {
  font-size: smaller;
  color: #3CB371;
}
.unpatrolled {
  font-size: smaller;
}


/* 대문에서 특정 요소 숨기기. 스킨 관계없이 공통으로. Monobook.css에서 가져옴 --[[사용자:Klutzy|klutzy]] ([[사용자토론:Klutzy|토론]]) 2009년 8월 9일 (일) 13:56 (KST) */
/* 펼쳐지는 실제 내용도 전체 폭 */
body.page-위키백과_대문 #t-cite,
.inline-block .mw-collapsible,
body.page-위키백과_대문 #lastmod,
.inline-block .mw-collapsible-content {
body.page-위키백과_대문 #siteSub,
width: 100%;
body.page-위키백과_대문 #contentSub,
box-sizing: border-box;
body.page-위키백과_대문 h1.firstHeading {
  display: none !important;
}
}


/* [[틀:누가]] 등의 정비 필요 문장에 밑줄을 표시하기. klutzy 2009년 9월 27일 (일) 19:45 (KST)
/* dark:!border-y-[색상] 형태 전부 */
  영어 위키백과와 동일한 상자로 변경. ykhwong 2015년 9월 6일 (일) 12:18 (KST) */
html.liberty-dark-mode [class*="dark:!border-y-["],
.fix {
body.liberty-dark-mode [class*="dark:!border-y-["] {
  /* border-bottom: 1px dashed #AAA; */
border-top-color: #444444 !important;
  background-color: #fff9f9; color: DarkSlateGray; border: 1px solid #ffdcdc;
border-bottom-color: #444444 !important;
}
}


/* iTurtle 2009년 11월 4일 (수) 21:30 (KST) */
/* dark:!border-r-[색상] 형태 전부 */
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }
html.liberty-dark-mode [class*="dark:!border-r-["],
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top right; }
body.liberty-dark-mode [class*="dark:!border-r-["] {
#EnWpMpSearchInner { float: right; width: 20em; text-align: center; }
border-right-color: #444444 !important;
#EnWpMpBook2 { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png); }
 
/* 지리 좌표 기본값. 이들이 어떻게 쓰이는지에 대해서는 [[틀:Coord/link]] 참고.
  "geo", "longtitude", "latitude" 클래스는 Geo 마이크로포맷이 사용함.
iTurtle 2009년 11월 28일 (토) 16:40 (KST)
*/
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude      { white-space: nowrap; }
 
/* 미디어 자료 관련 */
/* Vector.css에서 너무 작게 나오는 것 방지 PuzzletChung 2010년 1월 5일 (화) 13:48 (KST) */
table.mw_metadata {
  font-size: smaller;
}
 
/* 편집 요약, 이유의 모양 설정.
(기울임 대신 글자 크기 약간 작게 하여 구별) */
.comment {
  font-style: normal !important;
  font-size: 9pt;
}
 
/* 최근 바뀜에서 문서 분량 변경에 색깔 넣기
(증가는 초록색 감소는 빨간색) */
.mw-plusminus-pos {
  color:green;
}
.mw-plusminus-neg {
  color:red;
}
}


/* toccolours 클래스: 일부 틀의 디자인에 사용됨 */
/* 기본 표시 상태 */
.toccolours {
.inline {
  border:1px solid #aaaaaa;
display: inline;
  background-color: #f9f9f9;
  padding: 5px;
  font-size: 95%;
}
}


/* [[파일:Example.jpg|thumb]] 프레임이 붙어 있는 그림의 배경을 하얀색으로 */
.hidden {
div.thumb div a img {
display: none;
  background-color:#ffffff;
}
}


/* 넘겨주기 링크 */
/* Liberty 다크모드 */
.allpagesredirect a,
html.liberty-dark-mode .dark\:hidden,
.watchlistredir a,
body.liberty-dark-mode .dark\:hidden {
.redirect-in-category a:link,
display: none !important;
.redirect-in-category a:visited {
  color:#888888;
}
}


/* 준보호 문서 편집창 배경색. 주의 환기 */
html.liberty-dark-mode .dark\:inline,
.mw-textarea-sprotected {
body.liberty-dark-mode .dark\:inline {
  background: #FFFFDB;
display: inline !important;
}
}


/* gallery 사용시 섬네일 글자 크기 조정 */
/* 접이식 영역 내부 표의 맨 아래 선 제거 */
.gallerytext p {
.mw-collapsible-content > table.wikitable {
  font-size: 90%;
border-bottom: 0 !important;
}
}


/* 최근 바뀜 등에서 태그를 눈에 띄게 표시 */
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > th,
.mw-tag-markers {
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > td {
  color: red;
border-bottom: 0 !important;
}
 
/*
[[위키백과:관리자_요청/2011년_10월]]. 둘러보기 틀에서 list를 사용하는 경우 목록을 가로로 보이게 하여 기존의 수동 목록에 비해 의미성/편의성이 높습니다.
{{가로목록}}을 통해 사용.
2013-02-28: 영어판 css 가져옴. ul 목록뿐 아니라 dt/dd도 지원. --klutzy
*/
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 7 (2015-11-12)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list itmes */
.hlist .mw-empty-li {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}
}


/* Unbulleted lists */
.fbn-terms li {
.plainlist ol,
     margin-bottom: 0.2em;
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
     margin-bottom: 0;
}
}


/* 바벨
.fbn-terms > ul > li > ol {
  [[미디어위키토론:Common.css#바벨 상자 스타일 맞추기]]
    margin-top: 0.2em;
  바벨 확장 기능을 기존 바벨 상자 스타일에 맞추기 */
.mw-babel-box-level-N  {
        display: none;
}
div.mw-babel-box table th  {
        font-family: sans-serif;
        font-size:14pt;
        text-align:center;
        width:45px;
        height:45px;
}
div.mw-babel-box table td {
        font-size:8pt;
        padding:4pt;
        line-height:1.25em;
}
div.mw-babel-box-N  {
        float: left;
        border:solid #6EF7A7 1px;
        margin:1px;
}
div.mw-babel-box-4  {
        float:left;
        border:solid #77E0E8 1px;
        margin:1px;
}
div.mw-babel-box-3  {
        float:left;
        border:solid #99B3FF 1px;
        margin:1px;
}
div.mw-babel-box-2  {
        float:left;
        border:solid #BCB9EF 1px;
        margin:1px;
}
div.mw-babel-box-1  {
        float:left;
        border:solid #E0C0E0 1px;
        margin:1px;
}
div.mw-babel-box-0  {
        float:left;
        border:solid #FFB3B3 1px;
        margin:1px;
}
div.mw-babel-box-N table  {
        background: #C5FCDC;
}
div.mw-babel-box-4 table {
        background: #D0F8FF;
}
div.mw-babel-box-3 table  {
        background: #E0E8FF;
}
div.mw-babel-box-2 table {
        background: #E9E5F9;
}
div.mw-babel-box-1 table {
        background: #F3E0F3;
}
div.mw-babel-box-0 table {
        background: #FFE0E8;
}
div.mw-babel-box-N table th  {
        background: #6EF7A7;
}
div.mw-babel-box-4 table th {
        background: #77E0E8;
}
div.mw-babel-box-3 table th  {
        background: #99B3FF;
}
div.mw-babel-box-2 table th {
        background: #BCB9EF;
}
div.mw-babel-box-1 table th {
        background: #E0C0E0;
}
div.mw-babel-box-0 table th {
        background: #FFB3B3;
}
}


/* {{참고}}, {{본문}} 등의 틀에 쓰이는 class. */
.fbnw-portal{font:15px/1.6 var(--fb-font,system-ui);color:var(--fb-text,#212529)}.fbnw-portal *{box-sizing:border-box}.fbnw-portal a{color:var(--fb-link,#275cf6);text-decoration:none}.fbnw-portal a:hover{text-decoration:underline}.fbnw-portal .portal-slider{position:relative;border-radius:var(--fb-radius,12px);overflow:hidden}.fbnw-portal .portal-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.fbnw-portal .portal-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;min-height:340px;padding:44px;background:linear-gradient(120deg,#102951,#275cf6);color:white;overflow:hidden}.fbnw-portal .portal-slide:nth-child(2){background:linear-gradient(120deg,#153c3e,#268276)}.fbnw-portal .portal-slide:nth-child(3){background:linear-gradient(120deg,#332244,#7b4b9e)}.fbnw-portal .portal-slide:after{content:attr(data-art);position:absolute;right:20px;bottom:-30px;font-size:130px;line-height:1;font-weight:850;opacity:.08;pointer-events:none}.fbnw-portal .portal-badge{display:inline-block;border:1px solid #ffffff60;border-radius:4px;padding:1px 6px;font-size:11px;letter-spacing:.08em}.fbnw-portal .portal-headline{display:block;margin:20px 0 12px;font-size:clamp(28px,4vw,42px);font-weight:750;line-height:1.23;letter-spacing:-.035em}.fbnw-portal .portal-slide-description{display:block;color:#ffffffd9;font-size:16px}.fbnw-portal .portal-slide-author{display:block;margin-top:20px;font-size:12px;color:#ffffffb8}.fbnw-portal .portal-slide-link{display:block;position:relative;z-index:1;margin-top:14px}.fbnw-portal .portal-slide-link a{color:white;font-weight:650}.fbnw-portal .portal-controls{display:flex;align-items:center;gap:8px;position:absolute;bottom:18px;right:18px;z-index:2}.fbnw-portal .portal-controls button{border:1px solid #ffffff50;background:#0003;color:white;border-radius:8px;width:34px;height:34px;cursor:pointer;font:inherit}.fbnw-portal .portal-controls span{font-size:12px;color:white;padding-right:5px}.fbnw-portal .portal-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.fbnw-portal .portal-section-title{font-size:22px;font-weight:700}.fbnw-portal .portal-section-head a{font-size:13px}.fbnw-portal .portal-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fbnw-portal .portal-card{border:1px solid var(--fb-line,#e5e8eb);border-radius:12px;overflow:hidden;background:var(--fb-surface,#fff)}.fbnw-portal .portal-card-info{padding:16px}.fbnw-portal .portal-card-author{display:block;font-size:11px;color:var(--fb-text-muted,#626c7a)}.fbnw-portal .portal-pill{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:4px;background:var(--fb-brand-tint,#eef3ff);color:var(--fb-brand,#275cf6);font-size:10px}.fbnw-portal .portal-card-title{display:block;margin:7px 0;font-size:18px;font-weight:700}.fbnw-portal .portal-card-title a{color:var(--fb-text-strong,#000)}.fbnw-portal .portal-card-category{font-size:12px;color:var(--fb-text-muted,#626c7a)}.fbnw-portal .portal-card-cover{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d9e5ff,#a3bff5);color:#34538f;font-size:36px;font-weight:800;letter-spacing:-.04em}.fbnw-portal .portal-card:nth-child(2n) .portal-card-cover{background:linear-gradient(145deg,#d4ebe1,#94c6b3);color:#316352}.fbnw-portal .portal-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:28px}.fbnw-portal .portal-panel{border:1px solid var(--fb-line,#e5e8eb);border-radius:12px;background:var(--fb-surface,#fff);padding:22px}.fbnw-portal .portal-panel-title{display:block;font-weight:700;font-size:19px;margin-bottom:10px}.fbnw-portal .portal-line{padding:10px 0;border-bottom:1px solid var(--fb-line,#e5e8eb);font-size:14px}.fbnw-portal .portal-line:last-child{border:0}.fbnw-portal .portal-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fbnw-portal .portal-shortcuts>div{padding:12px;background:var(--fb-surface-2,#f2f3f5);border-radius:8px;font-size:13px}.fbnw-portal a:focus-visible,.fbnw-portal button:focus-visible{outline:2px solid var(--fb-brand,#275cf6);outline-offset:3px}html.liberty-dark-mode .fbnw-portal .portal-card-cover{filter:brightness(.7)}@media(max-width:1023px){.fbnw-portal .portal-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.fbnw-portal .portal-card{flex:0 0 225px;scroll-snap-align:start}.fbnw-portal .portal-bottom{grid-template-columns:1fr}}@media(max-width:600px){.fbnw-portal .portal-slide{min-height:290px;padding:28px 22px 65px}.fbnw-portal .portal-section-title{font-size:19px}.fbnw-portal .portal-card{flex-basis:205px}.fbnw-portal .portal-card-cover{height:160px}.fbnw-portal .portal-panel{padding:18px}}@media(prefers-reduced-motion:reduce){.fbnw-portal .portal-slides{scroll-behavior:auto}}
.rellink,
.dablink,
.hatnote {
    /* font-style: italic; */ /* 영어 위키백과와 달리 이탤릭 사용하지 않음 */
    /* font-size: 90%;     */ /* 한국어 위키백과에서는 대신 작은 글씨로 본문과 구분함 */
    /* @noflip */
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}


/* wikitable 관련 스타일 정비. 영어 위키백과에서 가져옴. 2014-2-6 ChongDae */
/* FBN 대문 시작 */
/* Only this main page uses these rules. */
.fbnw-home{display:flex;flex-direction:column;gap:16px;color:var(--fb-text,#212529);font-family:var(--fb-font,sans-serif)}
.fbnw-home *{box-sizing:border-box}.fbnw-home p{margin:0}.fbnw-home a{text-decoration:none}.fbnw-home a:focus-visible,.fbnw-home button:focus-visible{outline:2px solid var(--fb-brand,#0054f7);outline-offset:3px}
.fbnw-home .home-slider{position:relative;border-radius:8px;overflow:hidden;background:#17366c}.fbnw-home .home-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.fbnw-home .home-track::-webkit-scrollbar{display:none}
.fbnw-home .home-slide{position:relative;flex:0 0 100%;min-width:0;height:360px;scroll-snap-align:start;overflow:hidden;background:linear-gradient(110deg,#142b54,#285d8c)}
.fbnw-home .home-slide:nth-child(2){background:linear-gradient(120deg,#482242,#994669)}.fbnw-home .home-slide:nth-child(3){background:linear-gradient(120deg,#173c35,#35816c)}.fbnw-home .home-slide:nth-child(4){background:linear-gradient(120deg,#3c2a22,#987347)}
.fbnw-home .home-banner-image{position:absolute;inset:0}.fbnw-home .home-banner-image>span,.fbnw-home .home-banner-image>a{display:block;width:100%;height:100%}.fbnw-home .home-banner-image img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.fbnw-home .home-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.12) 80%);pointer-events:none}
.fbnw-home .home-slide-text{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px 48px 58px;color:#fff;pointer-events:none}
.fbnw-home .home-badge{font-size:12px;border:1px solid currentColor;border-radius:3px;padding:1px 5px;letter-spacing:.04em}.fbnw-home .home-title{font-size:32px;font-weight:800;line-height:1.35;margin:12px 0 8px;letter-spacing:-.03em}.fbnw-home .home-description{font-size:17px;line-height:1.55}.fbnw-home .home-credit{font-size:13px;opacity:.8;margin-top:16px}
.fbnw-home .home-slide-link{position:absolute;inset:0;z-index:2}.fbnw-home .home-slide-link a{display:block;width:100%;height:100%;font-size:0;color:transparent}
.fbnw-home .home-controls{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10px;pointer-events:none;z-index:3}.fbnw-home .home-controls button{pointer-events:auto;cursor:pointer;border:0;border-radius:50%;background:rgba(0,0,0,.25);color:#fff;width:30px;height:30px;font:700 20px/1 sans-serif}.fbnw-home .home-controls button:hover{background:rgba(0,0,0,.5)}
.fbnw-home .home-status{position:absolute;right:18px;bottom:14px;z-index:3;padding:3px 9px;border-radius:12px;background:rgba(0,0,0,.4);color:#fff;font-size:12px}


/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: left;
}


/* [[틀:보존문서 안내문2]]용 class. 2015-3-17 IRTC1015 */
.archiveHeader2 {
clear: right;
float: right;
border: 1px solid #a7d7f9;
margin: 0 0 1.4em 0.5em;
padding: 0.5em;
border-spacing: 0;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
border-radius:0.5em; font-size:small;
background-color:#FFFFFF;
}


.archiveHeader2 .mw-ui-input-inline {
    min-width: 0;
    width: 12em;
}


/* 정렬 가능한 표용 정렬 키: [[틀:이름정렬]] 등 참조 */
td .sortkey,
th .sortkey {
    display: none;
    speak: none;
}


/* 원 도표: Transparent borders */
.transborder {
    border: solid transparent;
}
* html .transborder {  /* IE6 */
    border: solid #000001;
    filter: chroma(color=#000001);
}


/* 포털 관련 css 추가 2015-11-06 ChongDae */
/* For portals, added 2011-12-07 -bv
  On wide screens, show these as two columns
  On narrow and mobile screens, let them collapse into a single column */
.portal-column-left {
    float: left;
    width: 50%;
}
.portal-column-right {
    float: right;
    width: 49%;
}
.portal-column-left-wide {
    float: left;
    width: 60%;
}
.portal-column-right-narrow {
    float: right;
    width: 39%;
}
.portal-column-left-extra-wide {
    float: left;
    width: 70%;
}
.portal-column-right-extra-narrow {
    float: right;
    width: 29%;
}
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
    .portal-column-left,
    .portal-column-right,
    .portal-column-left-wide,
    .portal-column-right-narrow,
    .portal-column-left-extra-wide,
    .portal-column-right-extra-narrow {
        float: inherit;
        width: inherit;
    }
}


/*펼치기접기 */
.toggleBtn {
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 표 개행 */
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable th {
word-break: break-all;
}


/* 구분선 조정 */
body.Liberty.fbnw-home-page .liberty-content{border:0;background:transparent;box-shadow:none}body.Liberty.fbnw-home-page .liberty-content-header{display:none}body.Liberty.fbnw-home-page .liberty-content-main{padding:0;background:transparent}body.Liberty.fbnw-home-page .catlinks{display:none}
hr {
@media(max-width:1023px){.fbnw-home{padding:12px 8px}.fbnw-home .home-slide{height:320px}.fbnw-home .home-slide-text{padding:28px 34px 40px}.fbnw-home .home-title{font-size:28px}.fbnw-home .home-description{font-size:15px}}
    margin-top: 0.5rem;
@media(max-width:600px){.fbnw-home .home-slide{height:300px}.fbnw-home .home-title{font-size:25px}}
    margin-bottom: 0.5rem;
@media(prefers-reduced-motion:reduce){.fbnw-home .home-track{scroll-behavior:auto}}
    border: 0;
    border-top: 0.0625rem solid #CCC;
}


/* 사용자 그룹별 노출 제어. 영어 위키백과에서 가져옴. -- ChongDae */
/* FBN 대문 끝 */
/* Hide stuff meant for accounts with special permissions. Made visible again in
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
  [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.templateeditor-show,
.extendedmover-show,
.autoconfirmed-show,
.user-show {
    display: none;
}

2026년 10월 10일 (토) 18:44 기준 최신판

.nob {
	margin-top: 4px;
	margin-bottom: 4px;
}

.ind {
	font-size: 14px;
	color : #4a4a4a;
	margin-left: 18px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.nob2 {
	margin-top: -3px;
}

.mw-headline  #toc a {
  margin-right: 6px;
}

li > ul {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

li > ul > li {
	  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mw-parser-output > h2, h3 {
  margin-top: 32px !important;
}

h2 .mw-headline a[href="#toc"],
h3 .mw-headline a[href="#toc"],
h4 .mw-headline a[href="#toc"] {
  margin-right: 5px;
}

.mw-custom-collapse-viewport {
	overflow: hidden;
	width: 100%;
}

.mw-custom-collapse-viewport-inner {
	width: 100%;
}

/* 부드러운 접기/펼치기 */
.smooth-collapse {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s ease;
}

.smooth-collapse > .smooth-collapse-inner {
    overflow: hidden;
    min-height: 0;
}

.smooth-collapse.is-collapsed {
    grid-template-rows: 0fr;
}

/* 선택사항: 내용도 살짝 페이드 */
.smooth-collapse > .smooth-collapse-inner {
    opacity: 1;
    transition: opacity 0.25s ease;
}

.smooth-collapse.is-collapsed > .smooth-collapse-inner {
    opacity: 0;
}

/* 펼치기 · 접기 내부 표의 좌우 외곽선 제거 */
.mw-collapsible-content > table {
    border-left: none !important;
    border-right: none !important;
}

.mw-collapsible-content > table > tbody > tr > :first-child {
    border-left: none !important;
}

.mw-collapsible-content > table > tbody > tr > :last-child {
    border-right: none !important;
}

:root {
	--fbnw-theme-010: #101012;
	--fbnw-theme-020: #202022;
	--fbnw-theme-030: #303032;
	--fbnw-theme-040: #404042;
	--fbnw-theme-050: #505052;
}

html.liberty-dark-mode .dark\:fbnw-theme-010,
body.liberty-dark-mode .dark\:fbnw-theme-010 {
	background: var(--fbnw-theme-010) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-020,
body.liberty-dark-mode .dark\:fbnw-theme-020 {
	background: var(--fbnw-theme-020) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-030,
body.liberty-dark-mode .dark\:fbnw-theme-030 {
	background: var(--fbnw-theme-030) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-040,
body.liberty-dark-mode .dark\:fbnw-theme-040 {
	background: var(--fbnw-theme-040) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-050,
body.liberty-dark-mode .dark\:fbnw-theme-050 {
	background: var(--fbnw-theme-050) !important;
}
/* 실제 문서에서 사용하는 유틸리티 */
.inline-block {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.w-screen {
	width: 100%;
}


/* 접혀 있을 때는 2개가 좌우로 */
.inline-block {
	width: 49%;
}


/* 자기 안의 접기 영역이 펼쳐지면 전체 폭 */
.inline-block:has(
	.mw-collapsible:not(.mw-collapsed)
) {
	width: 100%;
}


/* 첫 번째 영역이 펼쳐졌을 경우,
   바로 뒤의 두 번째 영역도 다음 줄 전체 폭으로 */
.inline-block:has(
	.mw-collapsible:not(.mw-collapsed)
) + .inline-block {
	width: 100%;
}


/* 펼쳐지는 실제 내용도 전체 폭 */
.inline-block .mw-collapsible,
.inline-block .mw-collapsible-content {
	width: 100%;
	box-sizing: border-box;
}

/* dark:!border-y-[색상] 형태 전부 */
html.liberty-dark-mode [class*="dark:!border-y-["],
body.liberty-dark-mode [class*="dark:!border-y-["] {
	border-top-color: #444444 !important;
	border-bottom-color: #444444 !important;
}

/* dark:!border-r-[색상] 형태 전부 */
html.liberty-dark-mode [class*="dark:!border-r-["],
body.liberty-dark-mode [class*="dark:!border-r-["] {
	border-right-color: #444444 !important;
}

/* 기본 표시 상태 */
.inline {
	display: inline;
}

.hidden {
	display: none;
}

/* Liberty 다크모드 */
html.liberty-dark-mode .dark\:hidden,
body.liberty-dark-mode .dark\:hidden {
	display: none !important;
}

html.liberty-dark-mode .dark\:inline,
body.liberty-dark-mode .dark\:inline {
	display: inline !important;
}

/* 접이식 영역 내부 표의 맨 아래 선 제거 */
.mw-collapsible-content > table.wikitable {
	border-bottom: 0 !important;
}

.mw-collapsible-content > table.wikitable > tbody > tr:last-child > th,
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > td {
	border-bottom: 0 !important;
}

.fbn-terms li {
    margin-bottom: 0.2em;
}

.fbn-terms > ul > li > ol {
    margin-top: 0.2em;
}

.fbnw-portal{font:15px/1.6 var(--fb-font,system-ui);color:var(--fb-text,#212529)}.fbnw-portal *{box-sizing:border-box}.fbnw-portal a{color:var(--fb-link,#275cf6);text-decoration:none}.fbnw-portal a:hover{text-decoration:underline}.fbnw-portal .portal-slider{position:relative;border-radius:var(--fb-radius,12px);overflow:hidden}.fbnw-portal .portal-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.fbnw-portal .portal-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;min-height:340px;padding:44px;background:linear-gradient(120deg,#102951,#275cf6);color:white;overflow:hidden}.fbnw-portal .portal-slide:nth-child(2){background:linear-gradient(120deg,#153c3e,#268276)}.fbnw-portal .portal-slide:nth-child(3){background:linear-gradient(120deg,#332244,#7b4b9e)}.fbnw-portal .portal-slide:after{content:attr(data-art);position:absolute;right:20px;bottom:-30px;font-size:130px;line-height:1;font-weight:850;opacity:.08;pointer-events:none}.fbnw-portal .portal-badge{display:inline-block;border:1px solid #ffffff60;border-radius:4px;padding:1px 6px;font-size:11px;letter-spacing:.08em}.fbnw-portal .portal-headline{display:block;margin:20px 0 12px;font-size:clamp(28px,4vw,42px);font-weight:750;line-height:1.23;letter-spacing:-.035em}.fbnw-portal .portal-slide-description{display:block;color:#ffffffd9;font-size:16px}.fbnw-portal .portal-slide-author{display:block;margin-top:20px;font-size:12px;color:#ffffffb8}.fbnw-portal .portal-slide-link{display:block;position:relative;z-index:1;margin-top:14px}.fbnw-portal .portal-slide-link a{color:white;font-weight:650}.fbnw-portal .portal-controls{display:flex;align-items:center;gap:8px;position:absolute;bottom:18px;right:18px;z-index:2}.fbnw-portal .portal-controls button{border:1px solid #ffffff50;background:#0003;color:white;border-radius:8px;width:34px;height:34px;cursor:pointer;font:inherit}.fbnw-portal .portal-controls span{font-size:12px;color:white;padding-right:5px}.fbnw-portal .portal-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.fbnw-portal .portal-section-title{font-size:22px;font-weight:700}.fbnw-portal .portal-section-head a{font-size:13px}.fbnw-portal .portal-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fbnw-portal .portal-card{border:1px solid var(--fb-line,#e5e8eb);border-radius:12px;overflow:hidden;background:var(--fb-surface,#fff)}.fbnw-portal .portal-card-info{padding:16px}.fbnw-portal .portal-card-author{display:block;font-size:11px;color:var(--fb-text-muted,#626c7a)}.fbnw-portal .portal-pill{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:4px;background:var(--fb-brand-tint,#eef3ff);color:var(--fb-brand,#275cf6);font-size:10px}.fbnw-portal .portal-card-title{display:block;margin:7px 0;font-size:18px;font-weight:700}.fbnw-portal .portal-card-title a{color:var(--fb-text-strong,#000)}.fbnw-portal .portal-card-category{font-size:12px;color:var(--fb-text-muted,#626c7a)}.fbnw-portal .portal-card-cover{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d9e5ff,#a3bff5);color:#34538f;font-size:36px;font-weight:800;letter-spacing:-.04em}.fbnw-portal .portal-card:nth-child(2n) .portal-card-cover{background:linear-gradient(145deg,#d4ebe1,#94c6b3);color:#316352}.fbnw-portal .portal-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:28px}.fbnw-portal .portal-panel{border:1px solid var(--fb-line,#e5e8eb);border-radius:12px;background:var(--fb-surface,#fff);padding:22px}.fbnw-portal .portal-panel-title{display:block;font-weight:700;font-size:19px;margin-bottom:10px}.fbnw-portal .portal-line{padding:10px 0;border-bottom:1px solid var(--fb-line,#e5e8eb);font-size:14px}.fbnw-portal .portal-line:last-child{border:0}.fbnw-portal .portal-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fbnw-portal .portal-shortcuts>div{padding:12px;background:var(--fb-surface-2,#f2f3f5);border-radius:8px;font-size:13px}.fbnw-portal a:focus-visible,.fbnw-portal button:focus-visible{outline:2px solid var(--fb-brand,#275cf6);outline-offset:3px}html.liberty-dark-mode .fbnw-portal .portal-card-cover{filter:brightness(.7)}@media(max-width:1023px){.fbnw-portal .portal-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.fbnw-portal .portal-card{flex:0 0 225px;scroll-snap-align:start}.fbnw-portal .portal-bottom{grid-template-columns:1fr}}@media(max-width:600px){.fbnw-portal .portal-slide{min-height:290px;padding:28px 22px 65px}.fbnw-portal .portal-section-title{font-size:19px}.fbnw-portal .portal-card{flex-basis:205px}.fbnw-portal .portal-card-cover{height:160px}.fbnw-portal .portal-panel{padding:18px}}@media(prefers-reduced-motion:reduce){.fbnw-portal .portal-slides{scroll-behavior:auto}}

/* FBN 대문 시작 */
/* Only this main page uses these rules. */
.fbnw-home{display:flex;flex-direction:column;gap:16px;color:var(--fb-text,#212529);font-family:var(--fb-font,sans-serif)}
.fbnw-home *{box-sizing:border-box}.fbnw-home p{margin:0}.fbnw-home a{text-decoration:none}.fbnw-home a:focus-visible,.fbnw-home button:focus-visible{outline:2px solid var(--fb-brand,#0054f7);outline-offset:3px}
.fbnw-home .home-slider{position:relative;border-radius:8px;overflow:hidden;background:#17366c}.fbnw-home .home-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.fbnw-home .home-track::-webkit-scrollbar{display:none}
.fbnw-home .home-slide{position:relative;flex:0 0 100%;min-width:0;height:360px;scroll-snap-align:start;overflow:hidden;background:linear-gradient(110deg,#142b54,#285d8c)}
.fbnw-home .home-slide:nth-child(2){background:linear-gradient(120deg,#482242,#994669)}.fbnw-home .home-slide:nth-child(3){background:linear-gradient(120deg,#173c35,#35816c)}.fbnw-home .home-slide:nth-child(4){background:linear-gradient(120deg,#3c2a22,#987347)}
.fbnw-home .home-banner-image{position:absolute;inset:0}.fbnw-home .home-banner-image>span,.fbnw-home .home-banner-image>a{display:block;width:100%;height:100%}.fbnw-home .home-banner-image img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.fbnw-home .home-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.12) 80%);pointer-events:none}
.fbnw-home .home-slide-text{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px 48px 58px;color:#fff;pointer-events:none}
.fbnw-home .home-badge{font-size:12px;border:1px solid currentColor;border-radius:3px;padding:1px 5px;letter-spacing:.04em}.fbnw-home .home-title{font-size:32px;font-weight:800;line-height:1.35;margin:12px 0 8px;letter-spacing:-.03em}.fbnw-home .home-description{font-size:17px;line-height:1.55}.fbnw-home .home-credit{font-size:13px;opacity:.8;margin-top:16px}
.fbnw-home .home-slide-link{position:absolute;inset:0;z-index:2}.fbnw-home .home-slide-link a{display:block;width:100%;height:100%;font-size:0;color:transparent}
.fbnw-home .home-controls{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10px;pointer-events:none;z-index:3}.fbnw-home .home-controls button{pointer-events:auto;cursor:pointer;border:0;border-radius:50%;background:rgba(0,0,0,.25);color:#fff;width:30px;height:30px;font:700 20px/1 sans-serif}.fbnw-home .home-controls button:hover{background:rgba(0,0,0,.5)}
.fbnw-home .home-status{position:absolute;right:18px;bottom:14px;z-index:3;padding:3px 9px;border-radius:12px;background:rgba(0,0,0,.4);color:#fff;font-size:12px}









body.Liberty.fbnw-home-page .liberty-content{border:0;background:transparent;box-shadow:none}body.Liberty.fbnw-home-page .liberty-content-header{display:none}body.Liberty.fbnw-home-page .liberty-content-main{padding:0;background:transparent}body.Liberty.fbnw-home-page .catlinks{display:none}
@media(max-width:1023px){.fbnw-home{padding:12px 8px}.fbnw-home .home-slide{height:320px}.fbnw-home .home-slide-text{padding:28px 34px 40px}.fbnw-home .home-title{font-size:28px}.fbnw-home .home-description{font-size:15px}}
@media(max-width:600px){.fbnw-home .home-slide{height:300px}.fbnw-home .home-title{font-size:25px}}
@media(prefers-reduced-motion:reduce){.fbnw-home .home-track{scroll-behavior:auto}}

/* FBN 대문 끝 */