header {
	border-top: none;
	background: url("/common_file/image/window_wide.webp") center bottom no-repeat;
	background-size: cover;
	overflow: hidden;
	}
body.epilogue header {
	overflow: visible;
	}
body.body-call_center header {
	border-bottom: none;
	}
header .wide-sky {
	position: absolute; top: 0px; left: 0;
	height: 400px;
	background: url("/common_file/image/sky_wide.webp") left bottom no-repeat;
	background-size: cover;
	animation: animatebackgroundbottom 30s;
	animation-iteration-count: infinite;
	overflow: hidden;
	z-index: -1;
	}
@keyframes animatebackgroundbottom {
	0% { background-position: 0% 0; }
	100% { background-position: 100% 0; }
	}
header h1 {
	margin: 0;
	}
header h1 img {
	width: 240px;
	}
header .slogan {
	height: 520px;
	margin-top: 40px;
	padding-top: 200px;
	background: url("https://store.img11.co.kr/59630972/81bcc61f-6342-40d0-8e1a-84b99fe772c3_1703818787278.png") center bottom no-repeat; color: #fff;
	font-family: "Cafe24Dangdanghae";
	text-shadow: 1px 2px 2px #212121;
	}
header .slogan h2, header .slogan h3 {
	padding-left: 5px;
	}
header .hashtag {
	position: absolute; top: 0; left: 0;
	height: 520px;
	}
header .hashtag li {
	position: absolute; top: 50%; left: 0;
	width: 120px
	}
header .hashtag li img {
	width: 100%;
	}
header .hashtag li span {
	display: block;
	font-family: "Cafe24Dangdanghae"; color: #fff;
	text-align: center;
	}
header .hashtag .hash-happy {
	animation-name: movehashhappy;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	}
@keyframes movehashhappy {
	0%   { left: -120px; top: 50%; width: 120px; }
	5%   { left: 5%; top: 45%; width: 115px; }
	10%  { left: 10%; top: 40%; width: 110px; }
	15%  { left: 15%; top: 35%; width: 110px; }
	20%  { left: 20%; top: 30%; width: 100px; }
	25%  { left: 25%; top: 35%; width: 100px; }
	30%  { left: 30%; top: 30%; width: 90px; }
	35%  { left: 35%; top: 25%; width: 90px; }
	40%  { left: 40%; top: 25%; width: 80px; }
	45%  { left: 45%; top: 25%; width: 80px; }
	50%  { left: 50%; top: 20%; width: 70px; }
	55%  { left: 55%; top: 20%; width: 70px; }
	60%  { left: 60%; top: 18%; width: 60px; }
	65%  { left: 70%; top: 16%; width: 60px; }
	70%  { left: 75%; top: 14%; width: 50px; }
	75%  { left: 70%; top: 12%; width: 50px; }
	80%  { left: 75%; top: 10%; width: 40px; }
	85%  { left: 80%; top: 8%; width: 40px; }
	90%  { left: 82%; top: 6%; width: 30px; }
	95%  { left: 84%; top: 4%; width: 30px; }
	100% { left: 100%; top: -2%; width: 20px; }
	}
header .hashtag .hash-propose {
	width: 80px;
	animation-name: movehashpropose;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	}
@keyframes movehashpropose {
	0%   { left: 60%; top: 20%; }
	25%  { left: 70%; top: 20%; }
	50%  { left: 65%; top: 20%; }
	75%  { left: 75%; top: 20%; }
	100% { left: 60%; top: 20%; }
	}
header .hashtag .hash-thanks {
	width: 80px;
	animation-name: movehashthanks;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	}
@keyframes movehashthanks {
	0%   { left: 15%; top: 10px; }
	25%  { left: 28%; top: 10px; }
	50%  { left: 20%; top: 10px; }
	75%  { left: 28%; top: 10px; }
	100% { left: 15%; top: 10px; }
	}

.copilot-car {
	position: absolute;
	width: 64px; height: 38px;
	offset-path: path("M 0 260 60 260 100 240 C 200 200, 400 120, 600 180 S 800 240, 1024 260 C 1200 220, 1400 300, 1600 260");
	offset-rotate: auto;
	animation: drive 30s ease-in-out infinite;
	}
@keyframes drive {
	0%   { offset-distance: 0%;   transform: scaleX(1); }
	49%  { offset-distance: 100%; transform: scaleX(1); }
	50%  { offset-distance: 100%; transform: scaleX(-1); }
	99%  { offset-distance: 0%;   transform: scaleX(-1); }
	100% { offset-distance: 0%;   transform: scaleX(1); }
	}

#schedule-clock {
	position: absolute; top: 60px; right: 40px;
	width: 200px;
	}
@media (max-width: 900px) {
	.copilot-car {
		top: 100px; left: 25%;
		animation: none;
		}
	}
@media (max-width: 880px) {
	#schedule-clock {
		right: 0;
		}
	}