/* BASIC css start */
#contentWrap { width:1000px;}
#content { width:100%; text-align:center;  position:relative;  }
#content img { width:100%; }



.intro { position:relative; display:block; width:100%; height:100%; overflow:hidden; }

.fixed_bt {
position:fixed; bottom:0; left:50%; transform:translateX(-50%); 
width:100%; height:104px; z-index:999; 
background:rgba(255,255,255,.7);
	-webkit-box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
	-o-box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
	box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
		
	-webkit-backdrop-filter: brightness(1.2) blur(10px);
	-moz-backdrop-filter: brightness(1.2) blur(10px);
	-o-backdrop-filter: brightness(1.2) blur(10px);
	-ms-backdrop-filter: brightness(1.2) blur(10px);
	backdrop-filter: brightness(1.2) blur(10px);
	
	display:block;}

.fixed_bt p { width:600px; text-align:center; margin:0 auto; background:#ff8202; padding:6px 15px; margin-top:15px; border-radius:18px; color:#fff; font-size:30px; font-weight:bold; }





/*
==============================================
floating
==============================================
*/

@keyframes floatingt-m {
0% {transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}
100% {transform: translateY(-3.7037vw);-webkit-transform: translateY(-3.7037vw);-ms-transform: translateY(-3.7037vw);-moz-transform: translateY(-3.7037vw);-o-transform: translateY(-3.7037vw);}
}
@keyframes floating-pc {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
}
100% {
transform: translateY(-40px);
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-o-transform: translateY(-40px);
}
}


/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-2deg);	
	}
	50% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(-2deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}








.link_1 { position:relative; }
.link_1 .form { position:absolute; top:1044px; right:333px; width:617px; height:116px; }


.link_2 { position:relative; }
.link_2 .apta { position:absolute; bottom:632px; right:383px; width:520px; height:110px; }
.link_2 .naver { position:absolute; bottom:228px; left:393px; width:100px; height:100px; }
.link_2 .insta_1 { position:absolute; bottom:228px; left:586px; width:100px; height:100px; }

.link_2 .share_bt { position:absolute; bottom:228px; right:401px; width:100px; height:100px; }
.link_2 .share_bt button { display:block; width:100%; height:100%; background:none; }


.link_3 { position:relative; }
.link_3 .insta { position:absolute; bottom:69px; right:460px; width:380px; height:90px; } 


/* BASIC css end */