참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 여기의 모든 CSS는 모바일 사이트를 사용하는 사용자에게 로드됩니다 */
/* 구글 웹폰트 적용 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
.vector-body, .mw-page-title-main, .mw-page-title-namespace, .mw-body { font-family: 'Apple SD Gothic Neo', 'Gowun Dodum', 'Hahmlet', 'Noto Serif KR', 'Noto Sans KR', 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif !important; }
/* 섹션 포맷 정의 */
.mw-body h1 { font-family: 'Noto Sans KR' !important; font-size: 140%; font-weight: 800; }
.mw-body h2 { font-family: 'Noto Sans KR' !important; font-size: 130%; font-weight: 800; line-height: 1; margin-bottom: 0; align-items: center; }
.mw-body h3 { font-family: 'Noto Sans KR' !important; font-size: 120%; font-weight: 800; line-height: 1; margin-top: 20px; margin-bottom: 0; align-items: center; }
.mw-body h4 { font-family: 'Noto Sans KR' !important; font-size: 110%; font-weight: 800; line-height: 1; margin-top: 20px; margin-bottom: 0; }
.mw-body h5 { font-family: 'Noto Sans KR' !important; font-size: 105%; font-weight: 800; line-height: 1; margin-top: 20px; margin-bottom: 0; }
.mw-body h6 { font-family: 'Noto Sans KR' !important; font-size: 100%; font-weight: 800; line-height: 1; margin-top: 20px; margin-bottom: 0; }
/* 사용자 틀 */
.airlines_info, .apo_info, .people_info, .air_movie { width: 100%; border: 1px solid #dddddd; background-color: #f9f9f9; color: #001133; margin: 0.5em 0 0.5em 1em !important; padding: 0.2em; clear: right; text-align:left; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 4%); }
.t-inner-padding { padding: 0 0.6em; word-break: break-all; }
.airlines_info br, .apo_info br, .people_info br, .air_movie br { content: unset !important; } /* br 태그 유효하게 */
.airlines_info p, .apo_info p, .people_info p, .air_movie p { margin: 0 auto !important; } /* p 태그 상하 마진 없앰 */
table, caption, tbody, tfoot, thead, tr, th, td { font-size: 97% !important; }
/* 배너 폰트 */
.banner-container { font-size: 90%; }
/* 섬네일 이미지 */
.thumbinner, .img_box .thumbinner { padding: 10px; /* border: 1px solid #ddd; */ box-shadow: 1px 1px 10px #ddd; border-radius: 5px; background-color: white; }
/* 본문 div 박스 안에 이미지 사이즈 조절 */
.img_box { width: 400px; text-align: center; margin: 10px 0 20px 10px; }
.img_box > img { object-fit: cover; width: 100%; border-radius: 5px; }
/* img { object-fit: cover; width: 100%; } */
/* 본문 안 iframe 사이즈 맞춤 */
.mov_box { width: 400px; text-align: center; margin: 10px 0 20px 10px; }
.mov_box > iframe { display:block; width:100%; height: auto; border-radius: 5px; }
/* 항공역사 버튼 */
.history_box { margin: 30px auto 20px auto; width: fit-content; }
.history_center { display: inline-block; padding: 5px 20px; border-radius: 3px; background-color: #EBEBEB; font-weight: 600; margin: 0; }
.history_left { display: inline-block; padding: 5px 20px; border-radius: 18px 0 0 18px; background-color: #EBEBEB; font-weight: 600; }
.history_right { display: inline-block; padding: 5px 20px; border-radius: 0 18px 18px 0; background-color: #EBEBEB; font-weight: 600; }
/* 화면 폭에 따른 자동 변경 */
@media (max-width: 640px) {
.main-board { display: none; margin: 15px 10px 0 0;} /* display: block; */
.history_box { margin: 30px 0 20px 0; width: 100%; text-align: center; }
.history_center { margin: 0; text-align: center; padding: 5px 0; width: 100%; border-radius: 18px; }
.history_left, .history_right { display: none !important; }
.img_box { width: 100%; }
.thumbinner, .img_box .thumbinner { width: 150px !important; }
}
/* 항공사, 인물 등 박스 100% 확장 */
@media (max-width: 720px) {
.content table { display: inline-table;}
}
/* 기본 기능 infobox */
div.tright, div.floatright, table.floatright { clear: right; float: right; margin-left: 0.6em !important; }
/* <br> 태그 줄 바꿈 없애기 등 */
body br { content: unset; } /* 원래 있던 줄바꿈 없앰 무효화 */
table br { content: unset !important; } /* br 태그 없앰 무효화 */
table p { margin: 0 auto !important; } /* 테이블 내 p 태그 상하 마진 없앰 */
.mw-body br { content: ""; } /* 본문 안에서만 br 태그로 인한 줄바꿈 현상 나타나지 않게 */
/* 블릿 좌측 여백 */
.mw-content-ltr ol, .mw-content-ltr ul { margin: 0.3em 0.6em; padding-left: 1em; line-height: 1; }
.mw-content-ltr li { line-height: 1.5; }
/* wikitable 캡션 */
.content table caption { text-align: center; display: table-caption; }