/* BASIC css start */
#contentWrapper { position:relative; } 
#contentWrapper img { width:100%; object-fit:cover;  }


#content { position:relative; margin-top:4.6rem; padding-bottom:10rem; } 
#content img { width:100%; object-fit:cover; }


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

.intro .ob01 {position:absolute;top: 29rem;right: 2.5rem;width: 7rem !important;animation:floating-m 1.4s alternate infinite .2s;} 
.intro .ob02 {position:absolute;top: 29.5rem;left: 2rem;width: 6.5rem !important;animation:tossing 1.2s alternate infinite .5s;} 
.intro .ob03 { position:absolute; top:30.5rem; right: 2rem; width:23rem !important; }  
.intro .ob04 { position:absolute; top:27.5rem; left: 2rem; width:4.5rem !important; }   



.area_02 { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.area_02_text { position:absolute; width:100%; text-align:center; bottom:4rem; }
.area_02_text .tit { font-size:1.5rem; font-weight:bold; color:#333; line-height:2.3rem; margin-top:1rem; }
.area_02_text .info { font-size:1.3rem; font-weight:500; color:#555; line-height:2rem; letter-spacing:-0.09rem; }
.area_02_text .info .gray { color:#999; font-size:1.2rem; }


.area_03 { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.area_03 a {position:absolute;width: 32rem;height: 4.5rem;bottom: 12rem;left: 3rem;}

.area_04 { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.area_04 a { position:absolute; width:25rem; height:4rem; bottom:3.4rem; left:6rem; }

.area_05 { position:relative; display:block; width:100%; height:100%; overflow:hidden;  }
.area_05 a {position:absolute;width: 32rem;height: 4.5rem;bottom: 17rem;left: 3rem;}





    
    
/* 신청하기 */
.fixed_bt { width:100%; position:fixed; bottom:0; background:#fff; box-sizing:border-box; z-index:999; border-top:1px solid #e9e9e9; padding:0 1.3rem; border-radius:0.7rem 0.7rem 0 0; }
.fixed_bt a { width: 100%; background:#ff676c; display: block; text-align: center; vertical-align: middle;
    padding: 1.9rem 0;  margin: 1rem 0; border-radius: 1rem; color: #fff; font-weight: bold; font-size:2rem;}
    
.fixed_bt .sub { font-size: 1.6rem; font-weight: 600; line-height:2.4rem; text-align:center; padding-top: 1.5rem; background: linear-gradient(to right top, #ad2bff, #3fffdc);color: transparent;-webkit-background-clip: text;}
    
    
    
    
    
    
    
    
/*floating*/

@keyframes floating-m {
0% {transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}
100% {transform: translateY(-2.5rem);-webkit-transform: translateY(-2.5rem);-ms-transform: translateY(-2.5rem);-moz-transform: translateY(-2.5rem);-o-transform: translateY(-2.5rem);}
}


/*tossing*/

.tossing { animation-name: tossing;-webkit-animation-name: tossing;	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-duration: 2.5s; -webkit-animation-duration: 2.5s;	 }

@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);	
	}				
}



/* BASIC css end */