참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* 나눔고딕 미설치 컴에도 나눔고딕을 사용할 수 있게 함 구글 폰트에서 퍼옴 */
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 700;
src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 800;
src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
* { font-family: 'Nanum Gothic', sans-serif; }/*모든 글꼴을 나눔고딕으로. */
body.page-대문 h1.firstHeading {display:none;}
ol {
margin-left: 2cm;
list-style-type: decimal;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
}
/* .tocnumber:after { content: '.' }*/
/* 반응형 그리드 레이아웃 */
.responsive-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
padding: 20px;
}
/* 반응형 이미지 */
.responsive-image {
display: block;
margin: 0 auto;
max-width: 100%;
}
.responsive-img {
width: 100%; /* 부모 요소의 너비에 맞게 조정 */
height: 600px; /* 원하는 높이 설정 */
background-size: cover; /* 이미지가 div를 채우도록 조정 */
background-position: center; /* 이미지의 중심을 기준으로 위치 조정 */
}
/* 모바일 환경에서의 텍스트 정렬 */
@media (max-width: 768px) {
.main-page-intro {
text-align: center;
}
}
/* 데스크탑에서는 그리드 레이아웃 사용 */
@media (min-width: 769px) {
.main-page-intro {
display: flex;
justify-content: space-between;
}
}
/* 목차(TOC)에 넘버링 추가 */
#toc ul {
counter-reset: item;
}
#toc li {
display: block;
}
#toc li:before {
content: counters(item, ".") ". ";
counter-increment: item;
}
/* 문서 섹션 제목(h2~h6)에 넘버링 추가 */
.mw-headline {
counter-reset: subsection;
}
h2 .mw-headline:before {
counter-increment: section;
content: counter(section) ". ";
}
h3 .mw-headline:before {
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
/* 섹션 제목 들여쓰기 */
.mw-parser-output h2 {
margin-left: 0em;
}
.mw-parser-output h3 {
margin-left: 2em;
}
.mw-parser-output h4 {
margin-left: 4em;
}
.mw-parser-output h5 {
margin-left: 6em;
}
.mw-parser-output h6 {
margin-left: 8em;
}