/* 2026-10-19 속도: 글꼴 woff2(같은 글꼴, 4.2MB → 3.0MB) + 첫 화면 배경 영상 자리 미리 잡기(화면 밀림 막기).
   style.css 는 ?ver 가 바뀌지 않아(부모 테마 enqueue 인자 순서) 이 파일을 filemtime 으로 따로 불러온다. */
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../font/NanumBarunGothic.woff2) format('woff2'),
	     url(../font/NanumBarunGothic.woff) format('woff');
}
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../font/NanumBarunGothicBold.woff2) format('woff2'),
	     url(../font/NanumBarunGothicBold.woff) format('woff');
}

/* 첫 화면: js/mellow.jquery.js 의 jt_home_movie_bg() 가 나중에 넣는 크기와 같은 값을 CSS 로 먼저 준다.
   ※ 같은 공식이 js/mellow.jquery.js jt_home_movie_bg() 에도 있음 — 한쪽을 바꾸면 다른 쪽도 같이 바꿀 것.
   ※ 자식 style.css 는 ?ver 가 바뀌지 않으므로 앞으로 CSS 수정은 이 파일에 넣는다.
   - 영상 자리 높이 = 창 높이 - 머리글(780px 이하 90, 그 위는 위 띠 포함 120)
   - 영상 크기: 창이 16:9 보다 길쭉하면 높이 = 창 높이, 넓적하면 높이 = 창 너비 × 16/9(최대 크기는 style.css 의 max-width·max-height) */
body.home header#mk-header { height: 100vh; }
body.home #mellow_main_visual { width: 100%; height: calc(100vh - 90px); }
body.home #mellow_main_slider { top: 90px; height: calc(100vh - 90px); }
#mellow_movie_bg { width: 177.78vh; height: 100vh; margin-left: -88.89vh; margin-top: -50vh; border: 0; }
@media (min-width: 781px) {
	body.home #mellow_main_visual { height: calc(100vh - 120px); }
	body.home #mellow_main_slider { top: 120px; height: calc(100vh - 120px); }
}
@media (min-aspect-ratio: 16/9) {
	#mellow_movie_bg { width: 316.05vw; height: 177.78vw; margin-left: -1000px; margin-top: -563px; }
}