/* 전체 레이아웃 기본값 */
* {box-sizing: border-box; margin: 0; padding: 0;}

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, table, th, td, legend, label, button {
font-family:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Malgun Gothic","맑은 고딕", Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
font-size-adjust: 0.5; font-size:16px; letter-spacing:-.05em; font-display: swap;
}
body {font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:#f4f4f6;color:#222;line-height:1.5;}
a {color:inherit;text-decoration:none;}

main {display: flex; flex-direction: column; justify-content: center;}

.video-test {margin: auto; display: flex; gap:20px; flex-direction: column; background: #dbdbdb; padding: 20px; border-radius: 20px; margin-bottom:80px}
.video-test h1 {font-size: 40px; text-align: center;}
.video-test > div {display: flex; gap:20px}
.video-test.px1920 video {width:1960px; }
.video-test.px1280 video {width:1320px;}
.video-test.px680 video {width:700px;}