@charset "utf-8";

html {font-size:10px;}
body {font-size:1.6rem;}

#aaa {position:fixed;top:50%;left:0;background-color:#000;padding:10px;color:#fff;font-size:16px;z-index:999;}

/* ====================================================================================================================================================== */
/* ====================================================================================================================================================== */
/* 공통영역 */

	.blind {position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;clip-path: inset(50% 50% 50% 50%);}

	.objMotion {
		transform:translate3d(0,7.5rem,0);opacity:0;
		-o-transition: all .45s .0s ease-in-out;
		-ms-transition: all .45s .0s ease-in-out;
		-moz-transition: all .45s .0s ease-in-out;
		-webkit-transition: all .45s .0s ease-in-out;
		transition: all .45s .0s ease-in-out;
	}
	.objMotion.action {transform:translate3d(0,0,0);opacity:1;}
	@media only screen and (min-width:780px){
		.objSlideMotion .item {
			transform:translate3d(7.5rem,0,0);opacity:0;
			-o-transition: all .45s .0s ease-in-out;
			-ms-transition: all .45s .0s ease-in-out;
			-moz-transition: all .45s .0s ease-in-out;
			-webkit-transition: all .45s .0s ease-in-out;
			transition: all .45s .0s ease-in-out;
		}
		.objSlideMotion.action .item {transform:translate3d(0,0,0);opacity:1;}
		.objSlideMotion.action .item:nth-child(1) {transition-delay:0.2s;}
		.objSlideMotion.action .item:nth-child(2) {transition-delay:0.35s;}
		.objSlideMotion.action .item:nth-child(3) {transition-delay:0.5s;}
		.objSlideMotion.action .item:nth-child(4) {transition-delay:0.65s;}
		.objSlideMotion.action .item:nth-child(5) {transition-delay:0.8s;}
		.objSlideMotion.action .item:nth-child(6) {transition-delay:0.95s;}
		.objSlideMotion.action .item:nth-child(7) {transition-delay:1.1s;}
		.objSlideMotion.action .item:nth-child(8) {transition-delay:1.25s;}
		.objSlideMotion.action .item:nth-child(9) {transition-delay:1.4s;}
		.objSlideMotion.action .item:nth-child(10) {transition-delay:1.55s;}
	}
	
	
/* ====================================================================================================================================================== */
/* Comming Soon */
	.commingsoon {width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:3rem 1.6rem;}
	.commingsoon .wrap {position:relative;max-width:36rem;padding-bottom:12.5rem;}
	.commingsoon .wrap::before {content:"";position:absolute;bottom:0;left:78%;width:44.6rem;height:33.4rem;background:url('../images/comming-soon-bi.svg') no-repeat center center/cover;}
	.commingsoon .wrap .bi {width:33.8rem;height:4.4rem;margin:0 auto 4rem;}
	.commingsoon .wrap .text {position:relative;display:flex;flex-direction:column;gap:2rem 0;}
	.commingsoon .wrap .text p {font-size:1.8rem;font-weight:300;text-align:center;}
	.commingsoon .wrap .text p strong {font-weight:700;}
	.commingsoon .wrap .line {position:relative;display:grid;grid-template-columns:repeat(3, 1fr);width:100%;height:1px;margin:3rem 0;}
	.commingsoon .wrap .line span:nth-child(1) {background-color:#44BE00;}
	.commingsoon .wrap .line span:nth-child(2) {background-color:#FF7A00;}
	.commingsoon .wrap .line span:nth-child(3) {background-color:#00AAF5;}
	.commingsoon .copyright {position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);font-size:1rem;font-weight:300;white-space:nowrap;}
	
	@media only screen and (max-width:680px){
		.commingsoon .wrap {max-width:32rem;padding-bottom:12vh;}
		.commingsoon .wrap::before {left:45%;bottom:-8vh;}
		.commingsoon .wrap .bi {width:26.3rem;height:3.4rem;}
		.commingsoon .wrap .text p {font-size:1.6rem;}
	}
	@media only screen and (max-width:1024px){
		.commingsoon .wrap::before {left:65%;bottom:-2vh;width:32.3rem;height:24.2rem;}
	}
	@media (orientation: landscape) and (max-width: 1024px) {
		.commingsoon {flex-direction:column;height:auto;padding:6rem 1.6rem;}
		.commingsoon .wrap::before {left:85%;width:20rem;height:15rem;}
		.commingsoon .copyright {position:relative;left:auto;bottom:auto;transform:none;}
	}