@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 400;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.truetype') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 500;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 600;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: bold;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.otf') format('opentype');
}

html {font-size:62.5%}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, form, fieldset, p, button, input {
	margin:0;
	padding:0;
	font-family: 'SCDream', 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
	line-height:1.3;
    letter-spacing:-1px;
}

#wrap {position:relative;width:100vw;height:100vh}

#cover-image {
  width: 100%; height: 100%; overflow: hidden; margin: 0px auto; position: relative; object-fit:fill;
}

#cover-image:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../../img/metabus/common/pattern-video.png") repeat 0 0;
}

#cover-image img{
	width: 100%; height: 100%;
}

#cover-image video{
	width: 100%; height: 100%; object-fit:cover;
}

#play-button  {
	z-index: 200;
	max-width: 30vw;
	max-height: 35vh;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}