@charset "UTF-8";
body {
	width: 100%;
	height: 100vh;
	background: url("../../../views/main/img/img2.jpg") no-repeat center;
	background-size: cover;
	overflow: hidden;
}

/*
#wiperMain {
    position: relative;
    width: inherit;
    height: inherit;
    background: url('../../../views/main/img/back.png') no-repeat center;
    background-size: cover;
    clip-path: url(#wiperContainerArea);
}

svg#wiper {
    display: block;
    width:100%;
    height: 100%;
}

svg#wiperContainer {
    display: block;
    width: 100%;
    height: 100vh;
}

svg #wiperContainerArea {
    clip-path: url(#wipedArea)
}

#square {
    animation: change 1s ease-out 1 forwards;
}

@keyframes change {
    to {
        d: path("M 0 0 L 1 0 L 1 1 L 0 1 L 0 0Z");
    }
}

*/
#headLine {
	font-size: var(--font110);
	position: absolute;
	top: 36%;
	width: 100%;
	color: rgb(var(--white));
	text-align: center;
	font-family: var(--noto);
}

/*메인 big_logo 애니메이션 */
.scale-up-hor-center {
	-webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	animation: scale-up-hor-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes scale-up-hor-center {
	0% {
		transform: scaleX(0.4);
	}
	100% {
		transform: scaleX(1);
	}
}
@keyframes scale-up-hor-center {
	0% {
		transform: scaleX(0.4);
	}
	100% {
		transform: scaleX(1);
	}
}
@media (max-width: 1279px) {
	#headLine {
		top: 35%;
	}
	#headLine img {
		width: 80%;
	}
}