편집
46,756
번
편집 요약 없음 |
편집 요약 없음 |
||
18번째 줄: | 18번째 줄: | ||
.mov_box { width: 400px; text-align: center; margin: 0px auto 20px; } | .mov_box { width: 400px; text-align: center; margin: 0px auto 20px; } | ||
.mov_box > iframe { display:block; width:100%; height: auto; } | .mov_box > iframe { display:block; width:100%; height: auto; } | ||
/* 항공역사 버튼 */ | |||
.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; } | |||
/* 화면 폭에 따른 자동 변경 */ | /* 화면 폭에 따른 자동 변경 */ | ||
25번째 줄: | 31번째 줄: | ||
.cascade-sub-right { margin: 10px 0 0 0; width: 99.5% !important; } | .cascade-sub-right { margin: 10px 0 0 0; width: 99.5% !important; } | ||
.main-board { display: none; margin: 15px 10px 0 0;} /* display: block; */ | .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%; } | .img_box { width: 100%; } | ||
.thumbinner, .img_box .thumbinner { width: 150px !important; } | |||
} | } | ||
74번째 줄: | 83번째 줄: | ||
@media screen and (max-width: 550px) { | @media screen and (max-width: 550px) { | ||
#p-logo-text { position: absolute; top: 1.2em; } | #p-logo-text { position: absolute; top: 1.2em; } | ||
} | |||
/* 틀:항공사/인물 css */ | |||
.airlines_info { width: 300px; font-size: 85%; border: 1px solid #dddddd; background-color: #f9f9f9; color: #001133; margin: 0 0 0.5em 1em !important; float: right; clear: right; text-align:left; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 4%); } | |||
.people_info { width: 240px; font-size: 85%; border: 1px solid #dddddd; background-color: #f9f9f9; color: #001133; margin: 0 0 0.5em 1em !important; float: right; clear: right; text-align:left; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 4%); } | |||
@media (max-width: 640px) { | |||
.airlines_info { float: unset; width: 100%; margin: 1em 0 0.5em 0 !important; } | |||
.people_info { float: unset; width: 100%; margin: 1em 0 0.5em 0 !important; } | |||
table { display: inline-table; } | |||
.ts-inner { max-width: 90em; } | |||
} | } | ||
153번째 줄: | 173번째 줄: | ||
/* 모바일에서 섬네일 여백 */ | /* 모바일에서 섬네일 여백 */ | ||
.floatright, .tright { margin: 0 0 0.5em 0.5em !important; } | .floatright, .tright { margin: 0 0 0.5em 0.5em !important; clear: right; } | ||
.floatleft, .tleft { margin: 0 0.5em 0.5em 0 !important; } | .floatleft, .tleft { margin: 0 0.5em 0.5em 0 !important; } | ||