미디어위키:Mobile.css

/* 여기의 모든 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; }