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

2025년 8월 12일 (화) 22:11 기준 최신판

/*  visualClear CSS class definition for [[mw:Extension:SocialProfile]]
    because Vector does not include the definition anymore; see
    https://phabricator.wikimedia.org/T328235 and 
    https://phabricator.wikimedia.org/T287962 */
.visualClear {
	clear: both;
}
.liberty-table-wrapper:has(.timetable) {
margin: 0;
}

/* 배지 공통 */
.badge{
  display:inline-block;
  width:1.9rem; height:1rem;
  border:1px solid var(--text);
  font-size:.75rem; line-height:1.1;
  vertical-align:middle; overflow:hidden; position:relative;
}
.badge--circle{ border-radius:40%; }
.badge--filled{ background:var(--text); color:var(--bg); }
.badge--tight{ width:1.8rem; height:.95rem; line-height:.9; }
.badge--num{
  font-family: SeoulAlrimTTF, "Zen Kaku Gothic Antique", CUSTOMFONT, TIMETABLEFONT, TIMETABLEFONT2 !important;
  line-height:1;
}

/* 아이콘 큰 사이즈(LEX/LSL/XSL 등에 사용) */
.icon-lg{
  font-size:1.8rem; display:inline-block; margin-top:7px;
}

/* 괄호/브래킷 기호 라인박스 보정 */
.bracket-open{ display:block; margin-top:-7.5px; height:0; margin-bottom:-0.15rem; }
.bracket-close{ display:block; margin-top:-3px; height:0; margin-bottom:-6px; }

/* (참고) 제목 등에서 이미 쓰던 클래스가 있다면 그대로 유지 */

.forcetopalign {
margin-bottom: 0.1rem;
}
/* 공통 스타일 */
/* 공통 스타일 */
.arrow{
--size: 20;
  --inner-scale: 0.92;
  position: relative;
  width: calc(var(--size)*1px);
  aspect-ratio: 1 / 2.5;
  display: inline-flex;
  place-items: center;
  font-size: calc(var(--size)*0.78px);
  z-index: 0;
font-family: "Zen Kaku Gothic Antique", "CUSTOMFONT","CUSTOMFONT2", DiaPro, SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
vertical-align: middle;
vertical-align: -webkit-baseline-middle;
justify-content: center;
}
.arrow{ color:var(--text); }                 /* 기본 글자색 */
.arrow::before,
.arrow::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;                        /* 글자 뒤로 */
}

/* 아래쪽 뾰족(하행) 오각형 */
.arrow--down::before,
.arrow--down::after{
  clip-path: polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);
}
/* 위쪽 뾰족(상행) 오각형 */
.arrow--up::before,
.arrow--up::after{
  clip-path: polygon(0 18%,50% 0,100% 18%,100% 100%,0 100%);
}

.arrow--up {
padding-top: 4px;
}

.arrow--down {
padding-bottom: 4px;
}

/* 테두리 있는 흰 배경(하행) */
.outline{ color:var(--text); }
.outline::before{ background:var(--text); }                  /* 바깥(테두리색) */
.outline::after{
  background:var(--bg);                                  /* 안쪽(배경색) */
  transform: scale(var(--inner-scale));               /* 수축해서 테두리 두께 생성 */
  transform-origin: 50% 50%;
}

/* 꽉 찬 검정 배경(상행) */
.solid{ color:var(--bg); }
.solid::before{ background:var(--text); }                    /* 단색 채움 */


.timetabletitle {
font-family: "Zen Kaku Gothic Antique", "CUSTOMFONT","CUSTOMFONT2", DiaPro, SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
}
.justify-chars {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.justify-chars > span{ display:inline-block }

span.stretch-text {
display: inline-block;
width: 3rem;
position: absolute;
}

tr:has(> td.nobordertop) {
	border-top: none !important;
}

tr:has(> td.yesbordertop) {
	border-top: 1px solid !important;
}

td:has(> .forcedcenter) {
	text-align: center !important;
}

.wm-rl {
    writing-mode: vertical-rl;
margin-top: 0.15rem;
}
.timetable td:has(> .forcedcenter), .timetable td .forcedcenter {
     font-family: DiaPro, SeoulAlrimTTF, "Zen Kaku Gothic Antique", CUSTOMFONT, TIMETABLEFONT, TIMETABLEFONT2, -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","NanumBarunGothic",Roboto,"Segoe UI","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif,Apple Color Emoji !important;
} 
span.wm-rl {
display: inline-block;
}

.timetable tr td:has(.wm-rl) {
text-align: center;
  padding-right: 0;
}

.timetable tr td {
font-family: SeoulAlrimTTF, "Zen Kaku Gothic Antique", CUSTOMFONT, TIMETABLEFONT, TIMETABLEFONT2,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","NanumBarunGothic",Roboto,"Segoe UI","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif,Apple Color Emoji;
vertical-align: middle;
padding: 0.1rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
line-height: 1.1rem !important;
white-space: nowrap;
}
.timetable tr td:has(> .seriftt) {
text-align: center !important;
}

.seriftt {
font-family: TIMETABLEFONT3, SeoulAlrimTTF, "Zen Kaku Gothic Antique", CUSTOMFONT, TIMETABLEFONT, TIMETABLEFONT2, -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","NanumBarunGothic",Roboto,"Segoe UI","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif,Apple Color Emoji !important;
letter-spacing: -0.05rem;
}

.timetable tr:has(.forcetopalign) > td {
	vertical-align: top;
}

.timetable tr:has(.forcetopalign) > td .wm-rl {
	text-align: left !important;
}

.timetable tr > td > span, .timetable tr > td > span > span {
font-family: SeoulAlrimTTF, "Zen Kaku Gothic Antique", CUSTOMFONT, TIMETABLEFONT, TIMETABLEFONT2, -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","NanumBarunGothic",Roboto,"Segoe UI","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif,Apple Color Emoji;
}

@font-face {
  font-family: 'DiaPro';
  src: url('https://w.halv.kr/font/diapro-1.200/v1.200/DiaPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'SeoulAlrimTTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2505-1@1.0/SeoulAlrimTTF-Medium.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    unicode-range: U+30-39;
}

@font-face {
    font-family: 'TIMETABLEFONT3';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_Monoplex-kr@1.0/MonoplexKR-MediumItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TIMETABLEFONT2';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2501-1@1.1/NanumHumanTTFBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TIMETABLEFONT';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkGothic-Bd.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .mw-editsection {
display: none !important;
}

.liberty-table-wrapper > *:first-child {
  margin-top: 0 !important;
}

.liberty-table-wrapper > *:last-child {
  margin-bottom: 0 !important;
}
.liberty-table-wrapper {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.mw-page-title-namespace {
box-shadow: inset 0 -0.5rem 0 #81b11f50;
}


div.width-131 {
margin: 1rem -1.31rem;
}


div.carouselwrapper {
margin-left: -1.31rem;
margin-right: -1.31rem;
}

@media screen and (max-width: 890px) {
t3rsten5 {
padding-top: 25px !important;
}
.4eirst4 {
padding-right: 5px !important;
}
}
@media screen and (max-width: 1023px) {
  .Liberty .nav-wrapper .navbar .form-inline {
    float: right;
    padding: 0.4rem 0;
}
div.width-131 {
margin: 1rem 0rem;
}
div.carouselwrapper {
margin-left: 0rem;
margin-right: 0rem;
}
}

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');

* {
	color-scheme: light dark;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list {
 padding: 0.4rem 0rem;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item {
  font-size: 1rem;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list li {
 border:none;
padding: 0rem 0.6rem;
}

@import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');



@font-face {
    font-family: CUSTOMFONT;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: CUSTOMFONT;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: CUSTOMFONT;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: CUSTOMFONT2;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: CUSTOMFONT2;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Nanum Barun Gothic YetHangul';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic-YetHangul/NanumBarunGothic-YetHangul.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic-YetHangul/NanumBarunGothic-YetHangul.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic-YetHangul/NanumBarunGothic-YetHangul.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic-YetHangul/NanumBarunGothic-YetHangul.ttf') format('truetype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
url(/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
url(/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
}

.Liberty .content-wrapper .liberty-content .liberty-content-main {
  line-height: 1.5rem;
}

.liberty-content {
margin-top: 1rem;
}

.catlinks {
text-wrap: nowrap;
  overflow: scroll;
padding-right: 8px;
}

@font-face {
font-family: 'Youth';
font-style: normal;
font-weight: 400;
src: url('//fastly.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff2') format('woff2'),
url('//fastly.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff') format('woff');
}

.Liberty .nav-wrapper .navbar .navbar-brand{
display: flex;
align-items: center;
height: 3.5rem;
  width: 10.0rem !important;
  background: transparent url(https://w.halv.kr/images/3/38/%EC%9C%84%ED%82%A4%EB%A1%9C%EA%B3%A0.svg) no-repeat scroll left center/auto 1.3em !important;
  padding: 0;
padding-left: 8px;
  margin: 0;
}
.input-group-btn {
	display:none;
}
.Liberty .nav-wrapper .navbar .form-inline .form-control {
font-size: 0.9rem;
  height: 2.3rem;
  width: 16rem;
  padding: .2rem 1rem;
  border-color: #ccc;
  border-radius: 0;
  border-radius: 6rem;
  margin-top: 3px;
}

.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list li {
overflow: hidden;
text-wrap: nowrap;
}

.Liberty .nav-wrapper .navbar .navbar-login .profile-img {
	border-radius: 1rem;	
}

* {
	font-family: "CUSTOMFONT","CUSTOMFONT2","Wanted Sans",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","NanumBarunGothic",Roboto,"Segoe UI","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif,emoji;
}

dfn {
    font-style: inherit;  /* Reset default styling for <dfn> */
}
sup, sub {
    line-height: 1em;     /* <sup>와 <sub>의 줄간격 조절 */
}

body {
	font-size: 1.02rem;
}

.catlinks {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.catlinks::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

/** <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;
    }
}

/** .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
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so
   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 */
/* Hide the images */
.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;
}

/* 틀 설명문서 */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 1em;
}

/** 정보상자 **/
.infobox {
  float: right;
  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 {
  margin: 0.25em 0 0.5em 0;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 0.3em;
  border-bottom-width: 0.3em;
/* 제목에 색이 필요할 때 class 지정 후 border-color 스타일 지정 */
}

.infobox th {
  white-space: nowrap;
}
.infobox th[colspan="2"] {
  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;
}

pre {
background-color: var(--altbg);
color: var(--text);
border-color: var(--grey);
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
  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. */
.infobox.geography {
  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 {
  margin: 1em;
  padding: 0.2em;
}

.notice.section {
  width: auto;
  margin: 0 1em 0 1em;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  font-size: smaller;
}
.notice.section + .notice.section {
  margin-top: -1px;
  border-top: 0;
}

#disambig {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.spoiler {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}

table.stub {
  width: 100%;
  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;
}

/*[[미디어위키토론:Common.css#.jamocomposed_block 수정]]-Request by Banwol, added by 분당선M*/
.jamocomposed_block {
 font-family: 'Noto Sans CJK', '나눔스퀘어', '나눔고딕', '함초롬돋움 LVT', 'HCR Dotum LVT', '함초롬바탕 LVT', 'HCR Batang LVT', '본고딕', 'Source Han Sans K', '본고딕 KR', 'Source Han Sans KR', 'Noto Sans CJK 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 {
  font-family: "New Gulim", "새굴림", "새돋움", "한컴돋움", "Naver Dictionary", "네이버사전", "Haansoft Batang", "한컴바탕", "새바탕";
}

/* 링크 밀줄 제거 */
.nounderlines a {
  text-decoration: none;
}
/* IPA 링크 밑줄 제거 */
.IPA a:link, .IPA a:visited {
  text-decoration: none;
}

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

/* [[위키백과:사랑방/2007년 4월#영어판의 틀을 번역했는데, 모양이 다르게 나옵니다.]]
   [[:en:MediaWiki:Common.css]]에서 가져옴 */

/* 둘러보기 상자의 기본 스킨 */
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 */
  float: right;      /* by the CollapsibleTables javascript in  */
  font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here  */
  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: */
div.NavFrame {
  margin: 0;
  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월]] */
/* Prevent line breaks in silly places:
   1) Where desired
   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;
}

/** 목차에서 특정 단계 이하 제목 숨기기 **/
.toclimit6 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
  display:none;
}

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

/* When <div class="nonumtoc"> is used on the table of contents,
   the ToC will display without numbers */
.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;
}

/** 미디어 시작 틀과 관련된 코드 **/
/* [[위키백과:관리자 요청/2008년 9월]] */
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 {
  min-height: 50px;
  margin: 1em;
  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월]] */
.plainlinks a.externalneverexpand {
  background: none ! important;
  padding: 0 ! important;
}
.plainlinks a.externalneverexpand .urlexpansion {
  display: none ! important;
}

/** PDF 링크 모양 **/
/* [[특:Permalink/13592922#PDF 아이콘 추가|미디어위키토론:Common.css]] */
a[href$=".pdf"].external.text,
a[href*=".pdf?"].external.text,
a[href*=".pdf#"].external.text,
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,
.page-특수기능_주시문서목록 .mw-rollback-link {
  font-size: smaller;
}

/* 최근 바뀜에서의 편집 관련 표시 작게. 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,
body.page-위키백과_대문 #lastmod,
body.page-위키백과_대문 #siteSub,
body.page-위키백과_대문 #contentSub,
body.page-위키백과_대문 h1.firstHeading {
  display: none !important;
}

/* [[틀:누가]] 등의 정비 필요 문장에 밑줄을 표시하기. klutzy 2009년 9월 27일 (일) 19:45 (KST)
   영어 위키백과와 동일한 상자로 변경. ykhwong 2015년 9월 6일 (일) 12:18 (KST) */
.fix {
  /* border-bottom: 1px dashed #AAA; */
  background-color: #fff9f9; color: DarkSlateGray; border: 1px solid #ffdcdc;
}

/* iTurtle 2009년 11월 4일 (수) 21:30 (KST) */
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top right; }
#EnWpMpSearchInner { float: right; width: 20em; text-align: center; }
#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 {
   border:1px solid #aaaaaa;
   background-color: #f9f9f9;
   padding: 5px;
   font-size: 95%;
}

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

/* 넘겨주기 링크 */
.allpagesredirect a,
.watchlistredir a,
.redirect-in-category a:link,
.redirect-in-category a:visited {
  color:#888888;
}

/* 준보호 문서 편집창 배경색. 주의 환기 */
.mw-textarea-sprotected {
  background: #FFFFDB;
}

/* gallery 사용시 섬네일 글자 크기 조정 */
.gallerytext p {
  font-size: 90%;
}

/* 최근 바뀜 등에서 태그를 눈에 띄게 표시 */
.mw-tag-markers {
  color: red;
}

/*
[[위키백과:관리자_요청/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 */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0;
}

/* 바벨
   [[미디어위키토론:Common.css#바벨 상자 스타일 맞추기]]
   바벨 확장 기능을 기존 바벨 상자 스타일에 맞추기 */
.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. */
.rellink,
.dablink,
.hatnote {
    /* font-style: italic; */ /* 영어 위키백과와 달리 이탤릭 사용하지 않음 */
    font-size: 90%;           /* 한국어 위키백과에서는 대신 작은 글씨로 본문과 구분함 */
    /* @noflip */
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}

/* wikitable 관련 스타일 정비. 영어 위키백과에서 가져옴. 2014-2-6 ChongDae */

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: left;
}
 
/* Lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    /* @noflip */
    text-align: left;
}
/* ...unless they also use the hlist class */
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
    text-align: inherit;
}

/* [[틀:보존문서 안내문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;
    }
}

/* 사용자 그룹별 노출 제어. 영어 위위키백과에서 가져옴. -- ChongDae */
/* 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;
}
.mw-parser-output ol.references {
font-size: 1.02rem!important;
}
.referencetooltip li+li {
border-top-color: transparent;
margin-top: 0;
margin-bottom: -5px;
}
.referencetooltip>li+li::after {
border-top-color: var(--namu--cite--arrow);
}
sup.reference {
font-weight: inherit;
font-style: inherit;
}
.mw-references-wrap, .mw-references-columns {
border-top: 1px solid var(--namu--cite--upperborder);
margin: 1.5em 0;
padding: .5em 0;
}
.referencetooltip, .reference-text {
 	font-family: "CUSTOMFONT","CUSTOMFONT2", SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
}

.liberty-content-header {
border-bottom: transparent 1px solid !important;
}

.content-tools {
border-bottom: transparent 1px solid !important;
}

.toc {
	border-radius: 0!important;
	font-size: 1.02rem!important;
	border: 1px solid rgba(137, 137, 137, 0.30);
margin-top: 1rem !important;
}

.toc ul {
	border: none!important;
}
.toctitle {
	min-width: 0!important;
	border: none!important;
	background-color: transparent!important;
    margin-top: 6px;
}
#mw-toc-heading {
	border: none!important;
	font-weight: normal;
	user-select: none;
	background-color: transparent;
}
.tocnumber:after {
	content: '.';
}
.toctext {
	cursor: default;
}
.toctogglespan {
	display: none;
}

h1 {
	font-size: 2.4rem;
}

.Liberty .nav-wrapper {
 box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);
}

.number-link {
	font-family: "CUSTOMFONT","CUSTOMFONT2", SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
}

.wikitable, .wikitable caption {
	font-family: "CUSTOMFONT","CUSTOMFONT2", SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
}

h1, h2, h3, h4, h5, h6, b, big, small {
	font-family: "CUSTOMFONT","CUSTOMFONT2", SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
}

.referencetooltip, .reference-text {
 	font-family: "CUSTOMFONT","CUSTOMFONT2", SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
}

.mw-parser-output, .contentSub {
	font-family: "CUSTOMFONT","CUSTOMFONT2", SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
}

.whiteshadow {
    box-shadow: 0px 0px 5px 5px #ffffff30;
}

@media (prefers-color-scheme: light) {

 :root {
  --text: #373a3c;
  --polar: #000000;
  --bg: #fff;
  --grey: #c0c0c0;
  --altbg: #f5f8fa;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main {
color: #212529;
}
     .dark_template {
        display: none;
     }
     .liberty-content-header, .toc ul, .toc li {
background-color: #fff !important;
}
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th {
background-color: #f5f8fa;
}

.rt-tooltip, .rt-tail {
background: #ffffff !important;
border: #e1e8ed 1px solid !important;
}
.rt-tail:after {
background: #ffffff !important;
border: #ffffff 1px solid !important;
}
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable {
border-radius: 0;
background-color: #fff !important;
}
.mw-redirectedfrom {
  margin: 5px;
  background: #cee2fd;
  padding: 0.7em;
  display: block;
  color: #cee2fd;
  border: #7eaaed 1px solid;
  padding-left: 8px;
  border-radius: 5px;
}

.mw-redirectedfrom::after {
content: '에서 넘어옴';
  color: #0b3574;
    text-indent: -45px;
    left: -74.6px;
    position: relative;
}
}

@media (prefers-color-scheme: dark) {
	 :root {
  --text: #e0e0e0;
    --polar: #ffffff;
  --bg: #1c1d1f;
--grey: #383b40;
--altbg: #2d2f34;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main {
color: #e0e0e0;
}

     .light_template {
        display: none;
     }
          .liberty-content-header {
background-color: #1c1d1f !important;
}
          .liberty-content-main, .toc ul, .toc li {
background-color: #1c1d1f !important;
}
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th {
background-color: #2d2f34;
}
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable {
border-radius: 0;
background-color: #1c1d1f !important;
}
.mw-redirectedfrom {
  margin: 5px;
  background: #05234f;
  padding: 0.7em;
  display: block;
  color: #05234f;
  border: #052e6d 1px solid;
  padding-left: 8px;
  border-radius: 5px;
}

.mw-redirectedfrom::after {
content: '에서 넘어옴';
  color: #c0d2ee;
    text-indent: -45px;
    left: -74.6px;
    position: relative;
}

.rt-tooltip, .rt-tail {
background: #1c1d1f !important;
border: #383b40 1px solid !important;
}
.rt-tail:after {
background: #1c1d1f !important;
border: #1c1d1f 1px solid !important;
}
}

@media screen and (max-width: 1024px) {
.Liberty .content-wrapper .liberty-content .liberty-content-main {
padding-left: 0.92rem !important;
padding-right: 0.9rem !important;
}
.mw-redirectedfrom {
margin-bottom: -5px;
  margin-top: 21px;
}
.title {
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 1024px) {
     
.Liberty .content-wrapper .liberty-content .liberty-content-main {
padding-left: 1.32rem !important;
padding-right: 1.3rem !important;
}
.mw-redirectedfrom {
margin-bottom: -16px;
  margin-top: 30px;
}
}
.link_nocolor a {
 color: var(--text) !important;
}
.title {
     margin-left: 7px; margin-right: 7px;
     margin-top: 9px; letter-spacing:-0.03em
}
.mw-content-subtitle {
	margin-left: 7px !important;
}
.mw-redirectedfrom, .subpages {
     margin-left: 7px;
}
.subpages {
     display:none;
}

h2, h3, h4, h5, h6 {
     margin-top: 1.6rem !important;
}

h2 {
font-size: 1.8em;
}

.catlinks {
      margin: 0px 0px 0.4em 0px !important;
      font-size: 15px !important;
}
.liberty-content-main, .toc ul, .toc li {
font-size: 1.02rem !important;
font-weight: 400;
}

bold, b, th, .toggleBtn {
font-weight: 700;
}

@media (prefers-color-scheme: light) {
.Liberty .content-wrapper .liberty-content .liberty-content-header .title > h1 {
	color: #212529;
} 

.catlinks {
border: 1px solid #e1e8ed !important;	
}

h2, h3, h4, h5, h6 {
border-bottom: 1px solid #e1e8ed !important;
}

.reference-text {
font-size: 1.02rem!important;
color: #212529;
}
.referencetooltip li {
border: none;
border-radius: 3px;
box-shadow: 0 0 2px #e1e8ed;
max-width: 400px;
padding: 15px;
word-break: break-all;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > td {
border: 1px solid #e1e8ed;
color: inherit;
padding: 0.32rem 0.62rem;
padding-bottom: 0.26rem;
}

a, .tpl-autonum-attr .mw-parser-output .mw-headline[data-autonum]::before, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item {
    color:#0275d8
}

a.new {
    color:#f00
}

a:hover, a:focus {
    color: #0263b8;
    text-decoration: underline;
    transition:0.3s
}

 .plainlinks a.external {
color: #00a495;
}

.plainlinks a.external:hover, .plainlinks a.external:focus {
color: #008578;
text-decoration: underline;
    transition:0.3s
}

a.new:hover, a.new:focus {
    color: #f00;
    text-decoration: underline;
    transition:0.3s
}

a.external {
    color:#090
}

a.external:hover, a.external:focus {
    color: #090;
    text-decoration: underline;
    transition:0.3s
}

a.external:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    text-align: center;
    color: #33b733;
    content: '\f0c1'
}
}

@media (prefers-color-scheme: dark) {
.Liberty .content-wrapper .liberty-content .liberty-content-header .title > h1 {
	color: #e0e0e0;
} 

.catlinks {
border: 1px solid #555 !important;	
}

h2, h3, h4, h5, h6 {
border-bottom: 1px solid #555 !important;
}

.reference-text {
font-size: 1.02rem!important;
color: #e0e0e0;
}
.referencetooltip li {
border: none;
border-radius: 3px;
box-shadow: 0 0 2px #555;
max-width: 400px;
padding: 15px;
word-break: break-all;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > td {
border: 1px solid #555;
color: inherit;
padding: 0.32rem 0.62rem;   /* ← explicit padding ONLY in light mode */
padding-bottom: 0.26rem;
}

a, .tpl-autonum-attr .mw-parser-output .mw-headline[data-autonum]::before, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item {
    color:#ec9f19
}

a.new {
    color:#dc4343
}

a:hover, a:focus {
    color: #bd7f14;
    text-decoration: underline;
    transition:0.3s
}

 .plainlinks a.external {
color: #00c4b2;
}

.plainlinks a.external:hover, .plainlinks a.external:focus {
color: #00a495;
text-decoration: underline;
    transition:0.3s
}


a.new:hover, a.new:focus {
    color: #dc4343;
    text-decoration: underline;
    transition:0.3s
}

a.external {
    color:#090
}

a.external:hover, a.external:focus {
    color: #090;
    text-decoration: underline;
    transition:0.3s
}

a.external:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    text-align: center;
    color: #33b733;
    content: '\f0c1'
}
}

.collapsible {
	transition: height 0.3s ease-out, margin-bottom 0.3s ease-out;
    overflow: hidden;
    margin-bottom: -5.5px !important;
}

.collapsed {
    margin-bottom: 0px !important;
}

.catlinks {
	box-shadow: none !important;
  padding: 0.2rem !important;
  padding-left: 0.6rem !important;
}

.catlinks ul {
	margin-left: -0.1rem !important;
}

.mapcg img {
	height: 200px;
	object-fit: cover;
	object-position: 0 3%;
}

/* 문단을 나무위키처럼 */
.reference-paragraph {
	border-bottom: 1px solid #777!important;
}
.mw-headline {
	font-weight: bold;
}
.mw-headline-number {
	cursor: pointer;
}
.mw-headline-number:hover {
	text-decoration: underline;
}
.mw-editsection {
	float: right;
	font-weight: bold;
}
.mw-editsection-visualeditor {
	display: none;
}
.mw-editsection-divider {
	display: none;
}

.RTsettings {
display: none;
}
.referencetooltip li {
border: none;
border-radius: 3px;
box-shadow: 0 0 2px rgba(137, 137, 137, 0.30);
max-width: 400px;
padding: 15px;
word-break: break-all;
}
.referencetooltip li+li {
border-top-color: transparent;
margin-top: 0;
margin-bottom: -5px;
}
sup.reference {
font-weight: inherit;
font-style: inherit;
}
.mw-references-wrap, .mw-references-columns {
margin: 1.5em 0;
padding: .5em 0;
}

pre:not(.wikiEditor-ui) {
border-radius: 3px;
padding: 7px;
font-family: monospace;
text-align: left;
}
.mw-highlight .hll {
background-color: hsla(60, 100%, 50%, .25);
}
code {
padding: 0.2rem 0.4rem;
font-size: 90%;
border-radius: 0.25rem;
}
.wikiEditor-ui pre {
border: none!important;
font-family: monospace;
}
.CodeMirror {
font-family: monospace,monospace;
}
.mw-category-generated .number-link {
display: none!important;
}
.Liberty .nav-wrapper {
box-shadow: none;
}
.Liberty .nav-wrapper .navbar .navbar-nav .nav-item {
height: 3.5rem;
  padding-top: 5px;
}
.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:hover {
background-color: hsla(0,0%,100%,.1);
}
.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:focus {
background-color: hsla(0,0%,100%,.1);
}
.dropdown-menu .dropdown-item:focus {
background-color: hsla(0,0%,100%,.1);
}
.mw-parser-output > ul, .mw-parser-output > ol, .mw-parser-output > dl {
margin-bottom: .8rem!important;
}
ul + ul, ul + ol, ul + dl, ol + ul, ol + ol, ol + dl, dl + ul, dl + ol, dl + dl {
margin-top: .8rem!important;
}
.mw-parser-output > center {
margin-bottom: .8rem!important;
}

td:has(> .removetd) {
	display: none !important;
}

th:has(> .removetd) {
	display: none !important;
}

tr:has(> td > .removetr) {
	display: none !important;
}

@media screen {
  @media (max-width: 639px) {
    .mw-parser-output table {
      display: table;
      overflow: auto;
      max-width: 100%;
    }
  }
}

li:target, sup.reference:target {
	background: transparent !important;
}

.textcollapsible:not(.collapsed) {
	margin-bottom: 3px;
}

@media screen {
  @media (max-width: 520px) {
html .Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox, html .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable {
width: initial;
margin: 0.8rem 0;
    }
  }
}

.border-none {
  border-collapse: collapse !important;
  border: none !important;
}

.border-none tr:first-child td {
  border-top: none !important;
}

.border-none tr:last-child td {
  border-bottom: none !important;
}

.border-none tr td:first-child {
  border-left: none !important;
}

.border-none tr td:last-child {
  border-right: none !important;
}

#points-level {
  background-color: #81b11f;
  border-color: #81b11f52;
  border-width: 2px;
  border-style: solid;
  font-size: 15px;
  text-align: center;
  float: left;
  padding: 1px 14px;
  margin: -1px 8px 0 0;
    border-radius: 23px;
}

#points-level::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(296deg,transparent 2%,rgba(255,255,255,0.6) 41%,rgba(255,255,255,0.6)39%,transparent 24%);
  mix-blend-mode: overlay;
}

#points-level {
  position: relative;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0), inset 0 -4px 10px rgba(255, 255, 255, 0.3);
}

.metroicon span a img {
 vertical-align: -4.5px !important;
 margin-right: 2.5px;
}

table.trstatlist tbody tr td:nth-child(3),
table.trstatlist tbody tr td:nth-child(4),
table.trstatlist tbody tr td:nth-child(5) {
  min-width: 60.25px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

table.trstatlist tbody tr td:nth-child(3) span.wbrtemp {
	padding-bottom: 0 !important;
	display:inline-block !important;
	line-height: 1.4em; !important;
}

table.trstatlist tbody tr td:nth-child(3) small {
  display: block !important;
  line-height: 1.4em !important;
  padding-bottom: 0.1em !important;
}

table.trstatlist {
	word-break: break-all !important;
}

.liberty-sidebar {
text-align: center;
}

#live-recent-list {
text-align: left !important;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks ul > li {
border-left: none !important;
padding: 0px;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks ul > li::after {
border-left: 1px solid #888;
  content: "";
  display: inline-block;
  height: .8rem;
  margin: 0 .45rem -.1rem;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks ul > li:last-child::after {
display:none;
}

@media (prefers-color-scheme: light) {
.gongbeop {
color: #008879 !important;
}
}

@media (prefers-color-scheme: dark) {
.gongbeop {
color: #E3F7F5 !important;
}
}

.navbar-login {
padding-top: 5px;
  padding-right: 10px;
}


@media screen {
  @media (max-width: 890px) {

.Liberty .nav-wrapper .navbar .form-inline {
margin-top: -12px;
  padding: 6px;
}
.nav-wrapper {
padding-bottom: 6px;
}
}

.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link {
  color: #fff;
  font-size: 16px;
  line-height: 1.4rem;
}


.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn {
  font-size: 0.95rem;
}
.live-recent-header, .live-recent-footer {
display: none;
}
.live-recent-content, .live-recent-fake-content {
border: 1px solid light-dark(#e1e8ed, #555) !important;
padding: 1.5rem;
  padding-bottom: 0.7rem;
  padding-top: 1rem;
  border-radius: 0.35rem;
width: 21.5rem !important;
background: light-dark(#fff, #1c1d1f) !important;
}
.live-recent {
width: 21.5rem !important;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item {
  font-size: 1rem;
  font-weight: 400;
  width: 13.6rem;
  overflow: hidden;
  display: block;
}
.liberty-sidebar {
width: 21.5rem !important;
  position: relative;
  margin-left: 1rem;
}

@media (min-width: 1024px) {
.liberty-content {
	margin-right: 22.5rem !important;
}

.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools {
  padding-right: 1.3rem !important;
  padding-top: 1.3rem !important;
}
}
}

#liberty-bottombtn {
	display: none;
}
#daemunche1 {
background: url(https://w.halv.kr/images/e/ed/%EB%8C%80%EB%AC%B8%EC%A0%9C1.png) center no-repeat;
background-size: contain;
}
#daemunche2 {
background: url(https://w.halv.kr/images/2/26/%EB%8C%80%EB%AC%B8%EC%A0%9C2.png) center no-repeat;
background-size: contain;
}
#daemunche3 {
background: url(https://w.halv.kr/images/d/d5/%EB%8C%80%EB%AC%B8%EC%A0%9C3.png) center no-repeat;
background-size: contain;
}
#daemunche4 {
background: url(https://w.halv.kr/images/c/c5/%EB%8C%80%EB%AC%B8%EC%A0%9C4.png) center no-repeat;
background-size: contain;
}

div.noscrollbar::-webkit-scrollbar {
display: none !important;
}
div.noscrollbar {
  -ms-overflow-style: none !important; 
  scrollbar-width: none !important;
}
}