#bg {
	display: none !important;
	position: fixed; top: 0px; left: 0px;
	width: 100vw; height: 100vh;
	z-index: 0;
}
#eggs {
	position: absolute; top: 0%; left: 50%;
	transform: translate(-50%, 242px);




	z-index: 100;
}


#eggs #egg_01 { 
	width: 404px; height: 404px; /* 부모 요소 크기를 고정 */
	display: flex;
	justify-content: center;
	align-items: center;

	transition: all 250ms ease-in-out;

	pointer-events: none;

	z-index: 10;
}

#eggs #egg_01 div.egg { 
	width: 400px; height: 400px; 
	border-radius: 100%;
	background: url(../images/egg_01.png) lightgray 50% / cover no-repeat;
	background-color: #6E54A3;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset, 
                45px 45px 40px 6px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transition: all 250ms ease-in-out;

}



@keyframes ani_egg_01_div {
    0% { width: 500px; height: 520px; }
    20% { width: 340px; height: 340px; }
    50% { width: 340px; height: 340px; }
    100% { width: 340px; height: 340px; }
}


@keyframes ani_egg_01_div_re {
    0% { width: 340px; height: 340px; }
    100% { width: 500px; height: 520px; }
}



#eggs.hover.on #egg_01 { animation: ani_egg_01_div 0.70s forwards; }
#eggs.hover.on.close2 #egg_01 { animation: ani_egg_01_div 0.150s forwards; }



#eggs.hover #egg_01 { 
	width: 500px; height: 520px; margin-top: -20px;
	transform: translate(0, 0) !important;
    /* pointer-events: none; */
}


#eggs.hover #egg_01 div.egg { 
	transform: scale(0.5); 
}




@keyframes ani_egg_01 {
    0% { transform: scale(0.5); }
    20% { transform: scale(0.235); }
    50% { transform: scale(0.235); }
    100% { transform: scale(0.235); }
}


@keyframes ani_egg_01_re {
    0% { transform: scale(0.235); }
    100% { transform: scale(0.5); }
}


#eggs.hover.on #egg_01 div.egg { 
	animation: ani_egg_01 0.70s forwards;
	flex-shrink: 0
}

#eggs.hover.on.close2 #egg_01 div.egg { 
	animation: ani_egg_01 0.150s forwards;
}



@keyframes target_image {
	100% { transform: rotate(360deg); }
}
#eggs.hover .intro_txt { 
	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;

	/* opacity: 0; */ 
}
.intro_txt {
	width: 100%; height: auto;
	animation: target_image 10s linear infinite;
	transform-origin: 50% 50%;

    pointer-events: none;
}

#eggs.hover.on .intro_txt { opacity: 0; }
#eggs.hover.on2 .intro_txt { opacity: 0; }


#eggs.hover .intro_txt2 { opacity: 0; }
#eggs.hover.on .intro_txt2 { opacity: 0; }
#eggs.hover.on2 .intro_txt2 { opacity: 0; }

.intro_txt2 {
	position: absolute; height: auto;

    top: 27px; left: 23px;
    width: calc(100% - 55px);
	/* animation: target_image 10s linear infinite; */


	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;


	opacity: 0; 
    pointer-events: none;

}

#eggs.hover.on .outer_egg { /* pointer-events: none; */ } 


#eggs .outer_egg{ pointer-events: none; } 
#eggs.hover .outer_egg{ pointer-events: auto; } 




@keyframes ani_egg_02_on {
    0% { transform: translate(-50%, calc(-50% - 158px)); }
    20% { transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
    50% { transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
    100% {  transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
}


@keyframes ani_egg_02_on_big {
    0% { transform: translate(-50%, calc(-50% - 158px)); }
    20% { transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
    50% { transform: translate(-50%, calc(-50% - 100px)) scale(0.685); z-index: 9; }
    100% {  transform: translate(-50%, calc(-50% - 100px)) scale(0.685); z-index: 9; }
}


@keyframes ani_egg_02_on_re {
    0% {  transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
   100% { transform: translate(-50%, calc(-50% - 158px)); }
}

@keyframes ani_egg_02_on2 {
    0% { transform: translate(-50%, calc(-50% - 100px)) scale(0.685); }
    20% { transform: translate(-50%, calc(-50% - 100px)) scale(0.685); }
    50% { transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
    100% {  transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
}



@keyframes ani_egg_02_on_big2 {
    0% { transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
    20% { transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
    50% { transform: translate(-50%, calc(-50% - 100px)) scale(0.685); z-index: 9; }
    100% {  transform: translate(-50%, calc(-50% - 100px)) scale(0.685); z-index: 9; }
}





#eggs.close2.hover.on.on2 #egg_02 { transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }
#eggs.hover.on #egg_02 { transform: translate(-50%, calc(-50% - 78px)) scale(0.47); }

#eggs.hover.on:not(.on2):not(.egg_02):not(.move) #egg_02 { animation: ani_egg_02_on 0.70s forwards; }
#eggs.close2.hover.on:not(.on2).egg_02 #egg_02{ animation: ani_egg_02_on2 0.150s forwards; }

#eggs.hover.on.egg_02 #egg_02 { animation: ani_egg_02_on_big 0.70s forwards; }
#eggs.close2.hover.on.on2.egg_02 #egg_02{ animation: ani_egg_02_on_big 0.150s forwards; }

#eggs.hover.on.egg_02.move #egg_02 { animation: ani_egg_02_on_big2 0.70s forwards; }




#eggs.hover #egg_02 { transform: translate(-50%, calc(-50% - 158px)); }
#eggs #egg_02 { 
	width: 200px; height: 200px; /* 부모 요소 크기를 고정 */
	display: flex;
	justify-content: center;
	align-items: center;

	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	transition: all 250ms ease-in-out;
	
	z-index: 3;
}	

#eggs #egg_02 div.egg { 
	width: 200px; height: 200px; 
	border-radius: 100%;
	background: url(../images/egg_02.png) lightgray 50% / cover no-repeat;
	background-color: #C76464;

	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset, 
                45px 45px 40px 6px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transition: all 250ms ease-in-out;

	transform: scale(1);

}



@keyframes ani_egg_02 {
    0% { transform: translate(-50%, 242px); }
    20% { transform: translate(-50%, 242px); }
    56% { transform: translate(-50%, 242px); }
    69% { transform: translate(-50%, 242px); }
    100% { transform: translate(-50%, 821px);  }
}

@keyframes close_ani_egg_02 {
    from { transform: translate(-50%, 821px);  }
    to { transform: translate(-50%, 252px); }
}

#eggs.hover.on.down.egg_02 {
	animation: ani_egg_02 0.70s forwards;
}


#eggs.hover.on.down.close.egg_02 {
	animation: close_ani_egg_02 0.40s forwards;
}

@keyframes open_egg_02 {
    0% { width: 0vw; height: 0px; transform: translate(-50%, 244px); }
    20% { width: 0vw; height: 0px; transform: translate(-50%, 244px); }
    50% { width: 0vw; height: 0px; transform: translate(-50%, 244px); }
    56% { width: 100vw; height: 220px; transform: translate(-50%, 97px); }
    69% { width: 100vw; height: 220px; transform: translate(-50%, 97px); }
    100% { width: 100vw; height: 813px; transform: translate(-50%, 0px);  }
}

@keyframes close_egg_02 {
    from { width: 100vw; height: 813px; transform: translate(-50%, 0px);  }
    to { width: 0vw; height: 0px; transform: translate(-50%, 244px); }
}

@keyframes open_egg_in_02 {
    0% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
    69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -900px);  box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
}

@keyframes close_egg_in_02 {
    from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -900px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
    to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
}


#open_egg_02.on.close { opacity: 1; animation: close_egg_02 0.40s forwards; }
#open_egg_02.on { opacity: 1; animation: open_egg_02 0.70s forwards; }
#open_egg_02 { 
	opacity: 0;
	position: absolute; left: 50%; 
	width: 0px; height: 0px;
	left: 50%;
	transform: translate(-50%, 244px);
	z-index: 1;

}


#open_egg_02.on.close > div.big { animation: close_egg_in_02 0.40s forwards; }
#open_egg_02.on > div.big { animation: open_egg_in_02 0.70s forwards; }
#open_egg_02 > div.big {
	left: 50%; top: 0%;
	transform: translate(-50%, 0px);
	/* background: url(../images/big_egg_02.png) no-repeat; */
	background: url(../images/egg_02.png) no-repeat;
	background-position: bottom center;
	background-size: cover;

	border-radius: 100%;
	filter: brightness(105%);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); 

	width: 0px; height: 0px;
}







@keyframes ani_egg_03_on {
    0% { transform: translate(calc(-50% + 147px), calc(-50% - 99px)); }
    20% { transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
    50% { transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
    100% {  transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
}


@keyframes ani_egg_03_on_big {
    0% { transform: translate(calc(-50% + 147px), calc(-50% - 99px)); }
    20% { transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
    50% { transform: translate(calc(-50% + 89px), calc(-50% - 57px)) scale(0.685); z-index: 9; }
    100% {  transform: translate(calc(-50% + 89px), calc(-50% - 57px)) scale(0.685); z-index: 9; }
}



@keyframes ani_egg_03_on_re {
    0% {  transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
    100% { transform: translate(calc(-50% + 147px), calc(-50% - 99px)); }
}




@keyframes ani_egg_03_on2 {
    0% { transform: translate(calc(-50% + 89px), calc(-50% - 57px)) scale(0.685); }
    20% { transform: translate(calc(-50% + 89px), calc(-50% - 57px)) scale(0.685);  }
    50% { transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
    100% {  transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
}


@keyframes ani_egg_03_on_big2 {
    0% { transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
    20% { transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
    50% { transform: translate(calc(-50% + 89px), calc(-50% - 57px)) scale(0.685); z-index: 9; }
    100% {  transform: translate(calc(-50% + 89px), calc(-50% - 57px)) scale(0.685); z-index: 9; }
}




#eggs.close2.hover.on.on2 #egg_03 { transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }
#eggs.hover.on #egg_03 { transform: translate(calc(-50% + 70px), calc(-50% - 47px)) scale(0.47); }

#eggs.hover.on:not(.on2):not(.egg_03):not(.move) #egg_03 { animation: ani_egg_03_on 0.70s forwards; }
#eggs.close2.hover.on:not(.on2).egg_03 #egg_03{ animation: ani_egg_03_on2 0.150s forwards; }

#eggs.hover.on.egg_03 #egg_03 { animation: ani_egg_03_on_big 0.70s forwards; }
#eggs.close2.hover.on.on2.egg_03 #egg_02{ animation: ani_egg_03_on_big 0.150s forwards; }

#eggs.hover.on.egg_03.move #egg_03 { animation: ani_egg_03_on_big2 0.70s forwards; }




#eggs.hover #egg_03 { transform: translate(calc(-50% + 147px), calc(-50% - 99px)); }
#eggs #egg_03 { 
	width: 200px; height: 200px; /* 부모 요소 크기를 고정 */
	display: flex;
	justify-content: center;
	align-items: center;

	transition: all 250ms ease-in-out;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

}

#eggs #egg_03 div.egg { 
	width: 200px; height: 200px; 
	border-radius: 100%;
	background: url(../images/egg_03.png) lightgray 50% / cover no-repeat;
	background-color: #E88F5C;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset, 
                45px 45px 40px 6px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transition: all 250ms ease-in-out;

	transform: scale(1);

}






@keyframes ani_egg_03 {
    0% {  transform: translate(-50%, 242px); }
    20% { transform: translate(-50%, 242px); }
    56% { transform: translate(-50%, 242px); }
    69% { transform: translate(-50%, 242px); }
    100% {     transform: translate(calc(-50% - 718px), 527px);  }
}

@keyframes close_ani_egg_03 {
    0% { transform: translate(calc(-50% - 718px), 527px);  }
    100% { transform: translate(-50%, 242px); }
}


#eggs.hover.on.down.egg_03 {
	animation: ani_egg_03 0.70s forwards;

}


#eggs.hover.on.down.close.egg_03 {
	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;

	animation: close_ani_egg_03 0.40s forwards;

	transform: translate(-50%, 242px);
}


@keyframes open_egg_03 {
    0% {  width: 0vw; height: 0px; transform: translate(calc(-50% + 145px), 320px); }
    20% { width: 0vw; height: 0px; transform: translate(calc(-50% + 145px), 320px); }
    50% { width: 0vw; height: 0px; transform: translate(calc(-50% + 145px), 320px); }
    56% { width: 100vw; height: 220px; transform: translate(calc(-50% + 208px), 210px); }
    69% { width: 100vw; height: 220px; transform: translate(calc(-50% + 208px), 210px); }
    100% { width: 100vw; height: 808px; transform: translate(-50%, 0px); }
}


@keyframes close_egg_03 {
    from { width: 100vw; height: 808px; transform: translate(-50%, 0px);  }
    to { width: 0vw; height: 0px; transform: translate(calc(-50% + 145px), 320px); }
}

@keyframes open_egg_in_03 {
    0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
    69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
}



@keyframes close_egg_in_03 {
    from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
    to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
}




#open_egg_03.on.close { opacity: 1; animation: close_egg_03 0.40s forwards; }
#open_egg_03.on { opacity: 1; animation: open_egg_03 0.70s forwards; }
#open_egg_03 { 
	opacity: 0;
	position: absolute; left: 50%; 
	width: 0px; height: 0px;
	left: 50%;
	transform: translate(calc(-50% + 140px), 320px);

	z-index: 1;

}

#open_egg_03.on.close > div.big { animation: close_egg_in_03 0.40s forwards; }
#open_egg_03.on > div.big { animation: open_egg_in_03 0.70s forwards; }
#open_egg_03 > div.big {
	left: 50%; top: 0px;
	transform: translate(-50%, 0px);
	/* background: url(../images/big_egg_03.png) no-repeat; */
	background: url(../images/egg_03.png) no-repeat;
	background-position: bottom center;
	background-size: cover;

	border-radius: 100%;
	

	filter: brightness(105%);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); 

	width: 0px; height: 0px;
}





@keyframes ani_egg_04_on {
    0% { transform: translate(calc(-50% + 147px), calc(-50% + 75px)); }
    20% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
    50% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
    100% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
}


@keyframes ani_egg_04_on_big {
    0% { transform: translate(calc(-50% + 147px), calc(-50% + 75px)); }
    20% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
    50% {transform: translate(calc(-50% + 85px), calc(-50% + 45px)) scale(0.685); z-index: 9;}
    100% { transform: translate(calc(-50% + 85px), calc(-50% + 45px)) scale(0.685); z-index: 9; }
}


@keyframes ani_egg_04_on_re {
    0% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
    100% { transform: translate(calc(-50% + 147px), calc(-50% + 75px)); }
}


@keyframes ani_egg_04_on2 {
    0% { transform: translate(calc(-50% + 85px), calc(-50% + 45px)) scale(0.685); }
    20% { transform: translate(calc(-50% + 85px), calc(-50% + 45px)) scale(0.685); }
    50% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
    100% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
}


@keyframes ani_egg_04_on_big2 {
    0% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
    20% { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
    50% {transform: translate(calc(-50% + 85px), calc(-50% + 45px)) scale(0.685); z-index: 9;}
    100% { transform: translate(calc(-50% + 85px), calc(-50% + 45px)) scale(0.685); z-index: 9; }
}



#eggs.close2.hover.on.on2 #egg_04 { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }
#eggs.hover.on #egg_04 { transform: translate(calc(-50% + 69px), calc(-50% + 35px)) scale(0.47); }

#eggs.hover.on:not(.on2):not(.egg_04):not(.move) #egg_04 { animation: ani_egg_04_on 0.70s forwards; }
#eggs.close2.hover.on:not(.on2).egg_04 #egg_04{ animation: ani_egg_04_on2 0.150s forwards; }

#eggs.hover.on.egg_04 #egg_04 { animation: ani_egg_04_on_big 0.70s forwards; }
#eggs.close2.hover.on.on2.egg_04 #egg_04{ animation: ani_egg_04_on_big 0.150s forwards; }

#eggs.hover.on.egg_04.move #egg_04 { animation: ani_egg_04_on_big2 0.70s forwards; }








#eggs.hover #egg_04 { transform: translate(calc(-50% + 147px), calc(-50% + 75px)); }
#eggs #egg_04 { 
	width: 200px; height: 200px; /* 부모 요소 크기를 고정 */
	display: flex;
	justify-content: center;
	align-items: center;

	transition: all 250ms ease-in-out;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;

}

#eggs #egg_04 div.egg { 
	width: 200px; height: 200px; 
	border-radius: 100%;
	background: url(../images/egg_04.png) lightgray 50% / cover no-repeat;
	background-color: #C7AC3C;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset, 
                45px 45px 40px 6px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transition: all 250ms ease-in-out;

	transform: scale(1);

}







@keyframes ani_egg_04 {
    0% {  transform: translate(-50%, 242px); }
    20% { transform: translate(-50%, 242px); }
    56% { transform: translate(-50%, 242px); }
    69% { transform: translate(-50%, 242px); }
    100% { transform: translate(calc(-50% - 707px), 147px); }
}


@keyframes close_ani_egg_04 {
    100% { transform: translate(-50%, 242px); }
    0% { transform: translate(calc(-50% - 714px), 144px);  }
}

#eggs.hover.on.down.egg_04 {
	animation: ani_egg_04 0.70s forwards;
}


#eggs.hover.on.down.close.egg_04 {
	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;

	animation: close_ani_egg_04 0.40s forwards;

	transform: translate(-50%, 242px);
}


@keyframes open_egg_04 {
    0% {  width: 0vw; height: 898px; transform: translate(calc(-50% + 135px), 500px); }
    20% { width: 0vw; height: 898px; transform: translate(calc(-50% + 135px), 500px); }
    50% { width: 0vw; height: 898px; transform: translate(calc(-50% + 135px), 500px); }
    56% { width: 100vw; height: 220px;     transform: translate(calc(-50% + 190px), 470px); }
    69% { width: 100vw; height: 220px;     transform: translate(calc(-50% + 190px), 470px); }
    100% { width: 100vw; height: 898px; transform: translate(-50%, 182px); }
}


@keyframes close_egg_04 {
    from { width: 100vw; height: 898px; transform: translate(-50%, 182px);  }
    to { width: 0vw; height: 898px; transform: translate(calc(-50% + 135px), 500px); }
}


@keyframes open_egg_in_04 {
    0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
    69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
}




@keyframes close_egg_in_04 {
    from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
    to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
}








#wrap.egg_04 {}

#open_egg_04.on.close { opacity: 1; animation: close_egg_04 0.40s forwards; }
#open_egg_04.on { opacity: 1; animation: open_egg_04 0.70s forwards; }
#open_egg_04 { 
	opacity: 0;
	position: absolute; left: 50%; 
	width: 0px; height: 0px; 
	left: 50%;
	transform: translate(calc(-50% + 140px), 500px);
	z-index: 1;

}

#open_egg_04.on.close > div.big { animation: close_egg_in_04 0.40s forwards; }
#open_egg_04.on > div.big { animation: open_egg_in_04 0.70s forwards; }
#open_egg_04 > div.big {
	left: 50%; top: 0px;
	transform: translate(-50%, 0px);
	/* background: url(../images/big_egg_04.png) no-repeat; */
	background: url(../images/egg_04.png) no-repeat;
	background-color: #C7AC3C;
	background-position: top center;
	background-size: cover;

	border-radius: 100%;
	

	filter: brightness(105%);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); 

	width: 0px; height: 0px;
}









@keyframes ani_egg_05_on {
    0% { transform: translate(-50%, calc(-50% + 155px)); }
    20% {  transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
    50% {  transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
    100% { transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
}


@keyframes ani_egg_05_on_big {
    0% {   transform: translate(-50%, calc(-50% + 155px)); }
    20% {  transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
    50% {  transform: translate(-50%, calc(-50% + 90px)) scale(0.685); z-index: 9; }
    100% { transform: translate(-50%, calc(-50% + 90px)) scale(0.685); z-index: 9; }
}



@keyframes ani_egg_05_on_re {
    0% { transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
    100% { transform: translate(-50%, calc(-50% + 155px)); }
}


@keyframes ani_egg_05_on2 {
    0% { transform: translate(-50%, calc(-50% + 90px)) scale(0.685); }
    20% {  transform: translate(-50%, calc(-50% + 90px)) scale(0.685); }
    50% {  transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
    100% { transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
}


@keyframes ani_egg_05_on_big2 {
    0% {   transform: translate(-50%, calc(-50% + 73px)) scale(0.47);  }
    20% {  transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
    50% {  transform: translate(-50%, calc(-50% + 90px)) scale(0.685); z-index: 9; }
    100% { transform: translate(-50%, calc(-50% + 90px)) scale(0.685); z-index: 9; }
}




#eggs.close2.hover.on.on2 #egg_05 { transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }
#eggs.hover.on #egg_05 { transform: translate(-50%, calc(-50% + 73px)) scale(0.47); }

#eggs.hover.on:not(.on2):not(.egg_05):not(.move) #egg_05 { animation: ani_egg_05_on 0.70s forwards; }
#eggs.close2.hover.on:not(.on2).egg_05 #egg_05{ animation: ani_egg_05_on2 0.150s forwards; }

#eggs.hover.on.egg_05 #egg_05 { animation: ani_egg_05_on_big 0.70s forwards; }
#eggs.close2.hover.on.on2.egg_05 #egg_05{ animation: ani_egg_05_on_big 0.150s forwards; }

#eggs.hover.on.egg_05.move #egg_05 { animation: ani_egg_05_on_big2 0.70s forwards; }






#eggs.hover #egg_05 { transform: translate(-50%, calc(-50% + 155px)); }
#eggs #egg_05 { 
	width: 200px; height: 200px; /* 부모 요소 크기를 고정 */
	display: flex;
	justify-content: center;
	align-items: center;

	transition: all 250ms ease-in-out;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

}

#eggs #egg_05 div.egg { 
	width: 200px; height: 200px; 
	border-radius: 100%;
	background: url(../images/egg_05.png) lightgray 50% / cover no-repeat;
	background-color: #6E54A3;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset, 
                45px 45px 40px 6px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transition: all 250ms ease-in-out;

	transform: scale(1);

}





@keyframes ani_egg_05 {
    0% {  transform: translate(-50%, 242px); }
    20% { transform: translate(-50%, 242px); }
    56% { transform: translate(-50%, 242px); }
    69% { transform: translate(-50%, 242px); }
    100% { transform: translate(-50%, 60px); }
}



@keyframes close_ani_egg_05 {
    to { transform: translate(-50%, 242px); }
    from { transform: translate(-50%, 60px);  }
}

#eggs.hover.on.down.egg_05 {
	animation: ani_egg_05 0.70s forwards;

}


#eggs.hover.on.down.close.egg_05 {
	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;

	animation: close_ani_egg_05 0.40s forwards;

	transform: translate(-50%, 242px);
}




@keyframes open_egg_05 {
    0% { width: 0vw; height: 898px; transform: translate(-50%, 570px); }
    20% {width: 0vw; height: 898px; transform: translate(-50%, 570px); }
    50% {width: 0vw; height: 898px; transform: translate(-50%, 570px); }
    56% { width: 100vw; height: 898px; transform: translate(-50%, 560px); }
    69% { width: 100vw; height: 898px; transform: translate(-50%, 560px); }
    100% { width: 100vw; height: 898px; transform: translate(-50%, 378px); }
}


@keyframes close_egg_05 {
    from { width: 100vw; height: 898px; transform: translate(-50%, 378px);  }
    to { width: 0vw; height: 898px; transform: translate(-50%, 570px); }
}


@keyframes open_egg_in_05 {
    0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
    69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
}




@keyframes close_egg_in_05 {
    from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
    to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
}







#wrap.egg_05 {
}
#open_egg_05.on.close { opacity: 1; animation: close_egg_05 0.40s forwards; }
#open_egg_05.on { opacity: 1; animation: open_egg_05 0.70s forwards; }
#open_egg_05 { 
	opacity: 0;
	position: absolute; left: 50%; 
	width: 0px; height: 0px; 
	left: 50%;
	transform: translate(50%, 570px);
	z-index: 1;

}

#open_egg_05.on.close > div.big { animation: close_egg_in_05 0.40s forwards; }
#open_egg_05.on > div.big { animation: open_egg_in_05 0.70s forwards; }
#open_egg_05 > div.big {
	left: 50%; top: 0px;
	transform: translate(-50%, 0px);
	/* background: url(../images/big_egg_05.png) no-repeat; */
	background: url(../images/egg_05.png) no-repeat;
	background-color: #689366;
	background-position: top center;
	background-size: cover;

	border-radius: 100%;
	

	filter: brightness(105%);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); 

	width: 0px; height: 0px;
}







@keyframes ani_egg_06_on {
    0% { transform: translate(calc(-50% - 148px), calc(-50% + 75px)); }
    20% {  transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
    50% {  transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
    100% { transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
}


@keyframes ani_egg_06_on_big {
    0% {   transform: translate(calc(-50% - 148px), calc(-50% + 75px)); }
    20% {  transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
    50% {  transform: translate(calc(-50% - 85px), calc(-50% + 45px)) scale(0.685); z-index: 9; }
    100% { transform: translate(calc(-50% - 85px), calc(-50% + 45px)) scale(0.685); z-index: 9; }
}

@keyframes ani_egg_06_on_re {
    0% { transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
    100% { transform: translate(calc(-50% - 148px), calc(-50% + 75px)); }
}



@keyframes ani_egg_06_on2 {
    0% { transform: translate(calc(-50% - 85px), calc(-50% + 45px)) scale(0.685); }
    20% {  transform: translate(calc(-50% - 85px), calc(-50% + 45px)) scale(0.685); }
    50% {  transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
    100% { transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
}


@keyframes ani_egg_06_on_big2 {
    0% {  transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47);  }
    20% {  transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
    50% {  transform: translate(calc(-50% - 85px), calc(-50% + 45px)) scale(0.685); z-index: 9; }
    100% { transform: translate(calc(-50% - 85px), calc(-50% + 45px)) scale(0.685); z-index: 9; }
}

#eggs.close2.hover.on.on2 #egg_06 { transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }
#eggs.hover.on #egg_06 { transform: translate(calc(-50% - 70px), calc(-50% + 35px)) scale(0.47); }

#eggs.hover.on:not(.on2):not(.egg_06):not(.move) #egg_06 { animation: ani_egg_06_on 0.70s forwards; }
#eggs.close2.hover.on:not(.on2).egg_06 #egg_06{ animation: ani_egg_06_on2 0.150s forwards; }

#eggs.hover.on.egg_06 #egg_06 { animation: ani_egg_06_on_big 0.70s forwards; }
#eggs.close2.hover.on.on2.egg_06 #egg_06{ animation: ani_egg_06_on_big 0.150s forwards; }

#eggs.hover.on.egg_06.move #egg_06 { animation: ani_egg_06_on_big2 0.70s forwards; }





#eggs.hover #egg_06 { transform: translate(calc(-50% - 148px), calc(-50% + 75px)); }
#eggs #egg_06 { 
	width: 200px; height: 200px; /* 부모 요소 크기를 고정 */
	display: flex;
	justify-content: center;
	align-items: center;

	transition: all 250ms ease-in-out;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;

}

#eggs #egg_06 div.egg { 
	width: 200px; height: 200px; 
	border-radius: 100%;
	background: url(../images/egg_06.png) lightgray 50% / cover no-repeat;
	background-color: #507FB7;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset, 
                45px 45px 40px 6px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transition: all 250ms ease-in-out;

	transform: scale(1);

}





@keyframes ani_egg_06 {
    0% {  transform: translate(-50%, 242px); }
    20% { transform: translate(-50%, 242px); }
    56% { transform: translate(-50%, 242px); }
    69% { transform: translate(-50%, 242px); }
    100% { transform: translate(calc(-50% + 712px), 144px); }
}

@keyframes close_ani_egg_06 {
    to { transform: translate(-50%, 242px); }
    from { transform: translate(calc(-50% + 712px), 144px);  }
}

#eggs.hover.on.down.egg_06 {
	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;

	animation: ani_egg_06 0.70s forwards;

	transform: translate(-50%, 242px);
}


#eggs.hover.on.down.close.egg_06 {
	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;

	animation: close_ani_egg_06 0.40s forwards;

	transform: translate(-50%, 242px);
}




@keyframes open_egg_06 {
    0% {  width: 0vw; height: 898px; transform: translate(calc(-50% - 135px), 500px); }
    20% { width: 0vw; height: 898px; transform: translate(calc(-50% - 135px), 500px); }
    50% { width: 0vw; height: 898px; transform: translate(calc(-50% - 135px), 500px); }
    56% { width: 100vw; height: 898px; transform: translate(calc(-50% - 192px), 462px);  }
    70%{ width: 100vw; height: 898px; transform: translate(calc(-50% - 192px), 462px);  }
    100% { width: 100vw; height: 898px; transform: translate(-50%, 172px); }
}


@keyframes close_egg_06 {
    from { width: 100vw; height: 898px; transform: translate(-50%, 172px);  }
    to { width: 0vw; height: 898px; transform: translate(calc(-50% - 135px), 500px); }
}


@keyframes open_egg_in_06 {
    0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
    69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
}




@keyframes close_egg_in_06 {
    from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
    to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
}





#wrap.egg_06 {
}

#open_egg_06.on.close { opacity: 1; animation: close_egg_06 0.40s forwards; }
#open_egg_06.on { opacity: 1; animation: open_egg_06 0.70s forwards; }
#open_egg_06 { 
	opacity: 0;
	position: absolute; left: 50%; 
	width: 0px; height: 0px; 
	left: 50%;
	transform: translate(calc(-50% - 135px), 500px);
	z-index: 1;

}

#open_egg_06.on.close > div.big { animation: close_egg_in_06 0.40s forwards; }
#open_egg_06.on > div.big { animation: open_egg_in_06 0.70s forwards; }
#open_egg_06 > div.big {
	left: 50%; top: 0px;
	transform: translate(-50%, 0px);
	/* background: url(../images/big_egg_06.png) no-repeat; */
	background: url(../images/egg_06.png) no-repeat;
	background-color: #507FB7;
	background-position: top center;
	background-size: cover;

	border-radius: 100%;
	
	filter: brightness(105%);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); 


	width: 0px; height: 0px;
}









@keyframes ani_egg_07_on {
    0% { transform: translate(calc(-50% - 148px), calc(-50% - 99px)); }
    20% {  transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
    50% {  transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
    100% { transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
}


@keyframes ani_egg_07_on_big {
    0% {   transform: translate(calc(-50% - 148px), calc(-50% - 99px)); }
    20% {  transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
    50% {  transform: translate(calc(-50% - 95px), calc(-50% - 52px)) scale(0.685); z-index: 9; }
    100% { transform: translate(calc(-50% - 95px), calc(-50% - 52px)) scale(0.685); z-index: 9; }
}


@keyframes ani_egg_07_on_re {
    100% { transform: translate(calc(-50% - 148px), calc(-50% - 99px)); }
    0% { transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
}


@keyframes ani_egg_07_on2 {
    0% { transform: translate(calc(-50% - 95px), calc(-50% - 52px)) scale(0.685); }
    20% {  transform: translate(calc(-50% - 95px), calc(-50% - 52px)) scale(0.685); }
    50% {  transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
    100% { transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
}


@keyframes ani_egg_07_on_big2 {
    0% {   transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
    20% {  transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
    50% {  transform: translate(calc(-50% - 95px), calc(-50% - 52px)) scale(0.685); z-index: 9; }
    100% { transform: translate(calc(-50% - 95px), calc(-50% - 52px)) scale(0.685); z-index: 9; }
}



#eggs.close2.hover.on.on2 #egg_07 { transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }
#eggs.hover.on #egg_07 { transform: translate(calc(-50% - 70px), calc(-50% - 47px)) scale(0.47); }

#eggs.hover.on:not(.on2):not(.egg_07):not(.move) #egg_07 { animation: ani_egg_07_on 0.70s forwards; }
#eggs.close2.hover.on:not(.on2).egg_07 #egg_07{ animation: ani_egg_07_on2 0.150s forwards; }

#eggs.hover.on.egg_07 #egg_07 { animation: ani_egg_07_on_big 0.70s forwards; }
#eggs.close2.hover.on.on2.egg_07 #egg_07{ animation: ani_egg_07_on_big 0.150s forwards; }

#eggs.hover.on.egg_07.move #egg_07 { animation: ani_egg_07_on_big2 0.70s forwards; }







#eggs.hover #egg_07 { transform: translate(calc(-50% - 148px), calc(-50% - 99px)); }
#eggs #egg_07 { 
	width: 200px; height: 200px; /* 부모 요소 크기를 고정 */
	display: flex;
	justify-content: center;
	align-items: center;

	transition: all 250ms ease-in-out;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

}

#eggs #egg_07 div.egg { 
	width: 200px; height: 200px; 
	border-radius: 100%;
	background: url(../images/egg_07.png) lightgray 50% / cover no-repeat;
	background-color: #6E54A3;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset, 
                45px 45px 40px 6px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transition: all 250ms ease-in-out;

	transform: scale(1);

}






@keyframes ani_egg_07 {
    0% {  transform: translate(-50%, 242px); }
    20% { transform: translate(-50%, 242px); }
    56% { transform: translate(-50%, 242px); }
    69% { transform: translate(-50%, 242px); }
    100% { transform: translate(calc(-50% + 714px), 520px);  }
}


@keyframes close_ani_egg_07 {
    to { transform: translate(-50%, 242px); }
    from { transform: translate(calc(-50% + 714px), 620px);  }
}

#eggs.hover.on.down.egg_07 {
	animation: ani_egg_07 0.70s forwards;
}


#eggs.hover.on.down.close.egg_07 {
	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;

	animation: close_ani_egg_07 0.40s forwards;

	transform: translate(-50%, 242px);
}




@keyframes open_egg_07 {
    0% {  width: 0vw; height: 0px; transform: translate(calc(-50% - 145px), 320px); }
    20% { width: 0vw; height: 0px; transform: translate(calc(-50% - 145px), 320px); }
    50% { width: 0vw; height: 0px; transform: translate(calc(-50% - 145px), 320px); }
    56% { width: 100vw; height: 220px; transform: translate(calc(-50% - 204px), 200px);  }
    69% { width: 100vw; height: 220px; transform: translate(calc(-50% - 204px), 200px);  }
    100% { width: 100vw; height: 808px; transform: translate(-50%, 0px); }
}


@keyframes close_egg_07 {
    from { width: 100vw; height: 808px; transform: translate(-50%, 0px);  }
    to { width: 0vw; height: 0px; transform: translate(calc(-50% - 145px), 320px); }
}


@keyframes open_egg_in_07 {
    0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
    56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
    69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -915px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
}


@keyframes close_egg_in_07 {
    from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -915px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
    to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
}




#open_egg_07.on.close { opacity: 1; animation: close_egg_07 0.40s forwards; }
#open_egg_07.on { opacity: 1; animation: open_egg_07 0.70s forwards; }
#open_egg_07 { 
	opacity: 0;
	position: absolute; left: 50%; 
	width: 0px; height: 0px;
	left: 50%;
	transform: translate(calc(-50% + 140px), 320px);

	z-index: 1;

}

#open_egg_07.on.close > div.big { animation: close_egg_in_07 0.40s forwards; }
#open_egg_07.on > div.big { animation: open_egg_in_07 0.70s forwards; }
#open_egg_07 > div.big {
	left: 50%; top: 0px;
	transform: translate(-50%, 0px);
	/* background: url(../images/big_egg_07.png) no-repeat; */
	background: url(../images/egg_07.png) no-repeat;
	background-color: #485B78;
	background-position: bottom center;
	background-size: cover;

	border-radius: 100%;
	
	filter: brightness(105%);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); 


	width: 0px; height: 0px;
}









#eggs.hover.on.egg_08 #egg_08 { transform: translate(-50%, calc(-50% + -10px)) scale(0.685); z-index: 100; }
#eggs.hover.on #egg_08 { transform: translate(-50%, -50%) scale(0.47); pointer-events: auto; cursor: pointer; }
#eggs.hover #egg_08 { transform: translate(-50%, calc(-50% + -10px)); }
#eggs #egg_08 {
	width: 200px; height: 200px; /* 부모 요소 크기를 고정 */
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;

	transition: all 250ms ease-in-out;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, calc(-50% + -10px));
	z-index: 10;
	cursor: auto;

}

#eggs #egg_08 div.egg { 
	width: 200px; height: 200px; 
	border-radius: 100%;
	transform: scale(1);
	z-index: 10;

}








.egg_02 #search { margin-top: 1166px; }
.egg_03 #search { margin-top: 900px; }
.egg_07 #search { margin-top: 900px; }


.egg_04 #search { margin-top: 1170px; height: 620px; }
.egg_05 #search { margin-top: 1390px; height: 600px; }
.egg_06 #search { margin-top: 1170px; height: 620px; }




#search.on { opacity: 0; }
#search {
	width: 100%; height: auto;

	margin-top: 815px;
	margin-bottom: 115px;


	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;

	z-index: 1;
}

#search > div {
	left: 50%;
	width: 100%; max-width: 1920px; height: auto;
	padding: 0px 20px;
	transform: translate(-50%, 0%);
}

#search div.search_box {
	left: 50%;
	width: 100%; max-width: 805px; height: auto;
	transform: translate(-50%, 0%);
}




#search .label {
	width: 100%; height: auto; line-height: 1.4;
	color: #FFF; text-align: left;
	font-size: 18px;

}

#search .in_bar {
	width: 100%; height: auto;
	margin-top: 10px;
	background: #FAF8F5;
	border-radius: 10px;
}

#search .in_bar .bar_txt {
	width: 100%; height: 70px;
	border-radius: 10px;

	cursor: pointer;


	background-image: url(../images/search_icon.svg);
	background-size: 36px auto;
	background-position: 18px center;
	background-repeat: no-repeat;
	z-index: 1;

	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;

}
#search .in_bar.on .bar_txt { 
	background-position: calc(100% - 18px) center; 
	border-radius: 10px 10px 0px 0px; 
}



#search .in_bar .bar_list {
	display: none;
	width: 100%; height: auto;
	border-radius: 0px 0px 10px 10px;
	padding: 35px 40px;
	margin-top: -45px;
}

#search .in_bar .bar_list .bar_list_group:nth-child(1) { margin-top: 0px; }
#search .in_bar .bar_list .bar_list_group {
	width: 100%; height: auto;
	margin-top: 20px;
}

#search .in_bar .bar_list .bar_list_group .bar_group_title {
	width: 100%; height: auto; line-height: 2;
	color: #6E54A3;
	font-size: 20px; font-weight: 900;
}

#search .in_bar .bar_list .bar_list_group .bar_group_list {
	width: auto; height: auto;
	padding: 0px 30px;

	display: grid;
}

#search .in_bar .bar_list .bar_list_group .bar_group_list .bar_list_item {
	width: 100%; height: auto; line-height: 2;
	color: #444; font-size: 20px; font-weight: 400;
	cursor: pointer;
}

#search .in_bar .bar_list .bar_list_group .bar_group_list .bar_list_item:hover {
	color: #6E54A3;
	opacity: 0.7;
}









.intro_label_txt {
	position: absolute; top: 50%;
	transform: translate(0%, -50%);


	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;

	width: 100%; height: auto; line-height: 1.5;

	color: #FFF; text-align: center;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
	font-size: 18px;
	opacity: 0.8;
}


@keyframes hover-up {
	  0% { opacity: 1; }
	 50% { opacity: 0.8; }
	100% { opacity: 1; }
}

.outer_egg:not(#egg_08) { 
	cursor: pointer;  
	transition: filter 0.3s ease;
    filter: brightness(90%);
}

.outer_egg:not(#egg_08):hover { 
	/* animation: hover-up 0.3s ease-out;  */
	filter: brightness(120%);
}

.down .outer_egg:not(#egg_08) { filter: brightness(100%); }


#eggs.on .intro_label_txt { opacity: 0; }
#eggs.on2 .intro_label_txt { opacity: 0; }


.open_egg .containner.on { 
	opacity: 1; 
	transform: translateY(0%) translateX(-50%) scale(1) translate3d(0, 0, 0);
}
.open_egg .containner {
	display: none;
	opacity: 0;
	position: absolute; top: 0%; left: 50%;
	width: 1713px; height: 100%;
	transform: translate(-50%, 0px);


	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;

	transform: translateY(50px) translateX(-50%) scale(1) translate3d(0, 0, 0);

}

.open_egg .egg_title.top { margin-top: 250px; }
.open_egg .egg_title {
	width: 100%; height: auto; line-height: 1;

	color: #FAF8F5; text-align: center;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	font-size: 60px; font-weight: 300;

	margin-top: 50px;
}



.open_egg .egg_desc {
	width: 100%; height: auto; line-height: 1.3;

	color: #FAF8F5; text-align: center;
	font-size: 15px; 

	margin-top: 20px;
}

.open_egg .contents_box.mt20 { margin-top: 20px; }

.open_egg .contents_box {
	width: 100%; height: auto;
	margin-top: 45px;
}

#open_egg_06.open_egg .contents_box > div { height: 450px; }

.open_egg .contents_box > div {
	left: 50%;
	width: 100%; max-width: 805px; height: 340px;
	transform: translate(-50%, 0px);

	padding: 40px 21px 40px 43px;

	border-radius: 50px;
	background: #FAF8F5;
}

.open_egg .contents_box .contents_item.on { display: block; }
.open_egg .contents_box .contents_item { 
	display: none;
	width: 100%; height: auto; 
	max-height: 100%;
    padding-right: 22px;
    overflow-y: auto;

	scrollbar-width: none;
}

.open_egg .contents_box .contents_item::-webkit-scrollbar { display: none; }


#open_egg_02.open_egg .contents_box .contents_item .sub_title { color: #C76464; }
#open_egg_03.open_egg .contents_box .contents_item .sub_title { color: #E88F5C; }
#open_egg_04.open_egg .contents_box .contents_item .sub_title { color: #C7AC3CCC; }
#open_egg_05.open_egg .contents_box .contents_item .sub_title { color: #7E9265; }
#open_egg_06.open_egg .contents_box .contents_item .sub_title { color: #507FB7; }
#open_egg_07.open_egg .contents_box .contents_item .sub_title { color: #485B78; }

.open_egg .contents_box .contents_item .sub_title {
	width: 100%; height: auto; line-height: 1.1;
	font-size: 30px; text-align: center;
}

.open_egg .contents_box .contents_item .contents_val.mt0 { margin-top: 0px; }
.open_egg .contents_box .contents_item .contents_val {
	width: 100%; height: auto;
	margin-top: 30px;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_desc.mt15 { margin-top: 15px; }
.open_egg .contents_box .contents_item .contents_val .contents_val_desc.bold { font-weight: bold; }
.open_egg .contents_box .contents_item .contents_val .contents_val_desc {
	width: 100%; height: auto; line-height: 1.66;

	color: #444; 
	font-size: 18px; font-weight: 300;
}

.open_egg .contents_box .contents_item .contents_val.center .contents_val_desc { 
	display: flex;
	flex-wrap: wrap;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_desc.link,
.open_egg .contents_box .contents_item .contents_val .contents_val_desc.link a {
	font-family: 'Source Sans Pro', 'Frank Ruhl Libre', sans-serif;
	color: #444; font-weight: bold
}
.open_egg .contents_box .contents_item .contents_val .contents_val_desc.link a.none { 
	pointer-events: none;
}


.open_egg .contents_box .contents_item .contents_val.center .contents_val_desc > div{ 
	width: 100%; text-align: center;
	margin-top: 20px;
}


.open_egg .contents_box .contents_item .contents_val .contents_val_desc .color07 { color: #485B78; }
.open_egg .contents_box .contents_item .contents_val .contents_val_desc .color06 { color: #507FB7; }

.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box.none { background-color: #FAF8F5;  padding: 0px; margin-top: 0px; }
.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box.none2 { background-color: #FAF8F5;  margin-top: 0px; }
.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box {
	width: 100%; height: auto;
	padding: 17px 30px 17px 15px;
	background-color: #fff;

	margin-top: 15px;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box .box_item {
	width: 100%; height: auto;  line-height: 1.66;
	padding-left: 25px;
	color: #000;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box.bdbt .box_item:nth-child(1) { border-top: 0px; padding-top: 0px; }
.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box.bdbt .box_item {
    border-top: 1px solid #E5E5E5;
	padding: 25px;
}


.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box.bdbt .box_item:nth-child(1)::before { top: 1px; }
.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box.bdbt .box_item::before { top: 26px; }
.open_egg .contents_box .contents_item .contents_val .contents_val_desc .box .box_item::before {
	content: '•';
	position: absolute; top: 1px; left: 0px;
	width: 25px; text-align: center;
	font-weight: 500;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_logo_box {
	width: 100%; height: auto;
	padding-right: 30px;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_logo_box .contents_val_logo_item {
	width: calc(25% - 15px); height: 140px;
	padding: 20px 25px;
	background-color: #fff;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_logo_box .contents_val_logo_item .contents_val_logo.fff{ filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5)); }
.open_egg .contents_box .contents_item .contents_val .contents_val_logo_box .contents_val_logo_item.no { pointer-events: none; }
.open_egg .contents_box .contents_item .contents_val .contents_val_logo_box .contents_val_logo_item.txt { padding: 20px 10px; }
.open_egg .contents_box .contents_item .contents_val .contents_val_logo_box .contents_val_logo_item .contents_val_logo { 
	padding: 20px 10px;
    display: grid;
    align-items: center;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_logo_box .contents_val_logo_item .contents_val_logo { 
	width: 100%; height: 100%; line-height: 1.5;

	font-size: 18px; color: #444;
	font-weight: bold; text-align: center; 

	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}


.open_egg .contents_box .contents_item .contents_val .contents_val_pointer.bold .txt,
.open_egg .contents_box .contents_item .contents_val .contents_val_pointer.bold .pointer,
.open_egg .contents_box .contents_item .contents_val .contents_val_pointer.bold { font-weight: bold; }

.open_egg .contents_box .contents_item .contents_val .contents_val_pointer {
	width: 100%; height: auto; line-height: 1.66;

	display: flex;
	flex-wrap: wrap;
	align-items: center;

	color: #444; 
	font-size: 18px; font-weight: 300;
}
    
.open_egg .contents_box .contents_item .contents_val .contents_val_pointer .pointer {
	height: 40px; line-height: 40px;
	padding: 0px 17px;
	border-radius: 40px;
	margin-left: 10px;

	color: #fff;
}

.open_egg .contents_box .contents_item .contents_val .contents_val_pointer.mt10{ margin-top: 10px; }
.open_egg .contents_box .contents_item .contents_val .contents_val_pointer.egg04 .pointer { margin-left: 0px; background: #C7AC3CCC; }
.open_egg .contents_box .contents_item .contents_val .contents_val_pointer.egg07 .pointer { background: #485B78; }



#tab_egg_04 {
	width: 100%; height: auto;
	margin-top: 30px;
	margin-bottom: 10px;
}

#tab_egg_04 .tab_box {
	left: 50%;
	transform: translate(-50%, 0%);


	width: auto; height: auto;
	border-radius: 100px;
	padding: 5px;
	background-color: #444;

	display: flex;
	align-items: center;
	gap: 10px;
}

#tab_egg_04 .tab_egg_item.on { color: #444; background-color: #fff; }

#tab_egg_04 .tab_egg_item {
	width: 235px; height: 60px;
	padding: 0px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;

	color: #fff; font-size: 19px;
	border-radius: 100px;
	text-align: center;

	flex: 0 0 auto;
	cursor: pointer;
}





#tab_egg_05 {
	width: 100%; height: auto;
	margin-top: 30px;
	margin-bottom: 10px;
}

#tab_egg_05 .tab_box {
	left: 50%;
	transform: translate(-50%, 0%);


	width: auto; height: auto;
	border-radius: 100px;
	padding: 5px;
	background-color: #444;

	display: flex;
	align-items: center;
	gap: 10px;
}

#tab_egg_05 .tab_egg_item.on { color: #444; background-color: #fff; }

#tab_egg_05 .tab_egg_item {
	width: 186px; height: 74px;
	padding: 0px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;

	color: #fff; font-size: 19px;
	text-align: center;
	border-radius: 100px;

	flex: 0 0 auto;
	cursor: pointer;
}




#tab_egg_06 {
	width: 100%; height: auto;
	margin-top: 30px;
	margin-bottom: 10px;
}

#tab_egg_06 .tab_box {
	left: 50%;
	transform: translate(-50%, 0%);


	width: auto; height: auto;
	border-radius: 100px;
	padding: 5px;
	background-color: #444;

	display: flex;
	align-items: center;
	gap: 10px;
}

#tab_egg_06 .tab_egg_item.on { color: #444; background-color: #fff; }

#tab_egg_06 .tab_egg_item {
	width: 360px; height: 60px;
	padding: 0px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;

	color: #fff; font-size: 19px;
	text-align: center;
	border-radius: 100px;

	flex: 0 0 auto;
	cursor: pointer;
}








#tab_egg_02 { position: absolute; bottom: -20px; left: 0px; }
#tab_egg_02_01 { 
	position: absolute; bottom: 237.9px; left: 193px; 
	width: 230px; height: auto;
	pointer-events: none;
}

#tab_egg_02_01 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_02_01 > svg { width: 100%; height: auto; }
#tab_egg_02_01.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_02_01 .txt {
	position: absolute; top: 67px; left: 56px; 
	width: 117px; height: auto;
	pointer-events: none;
}



#tab_egg_02_02 { 
	position: absolute; bottom: 91.4px; left: 418px; 
	width: 276.9px; height: auto;
	pointer-events: none;
}

#tab_egg_02_02 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_02_02 > svg { width: 100%; height: auto; }
#tab_egg_02_02.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_02_02 .txt {
	position: absolute; top: 40px; left: 49.9px; 
	width: 172.9px; height: auto;
	pointer-events: none;
}



#tab_egg_02_03 { 
	position: absolute; bottom: 61.8px; left: 709.6px; 
	width: 293px; height: auto;
	pointer-events: none;
}

#tab_egg_02_03 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_02_03 > svg { width: 100%; height: auto; }
#tab_egg_02_03.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_02_03 .txt {
	position: absolute; top: 17.5px; left: 51.3px; 
	width: 190.3px; height: auto;
	pointer-events: none;
}



#tab_egg_02_04 { 
	position: absolute; bottom: 93.1px; left: 1017.4px; 
	width: 276.2px; height: auto;
	pointer-events: none;
}

#tab_egg_02_04 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_02_04 > svg { width: 100%; height: auto; }
#tab_egg_02_04.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_02_04 .txt {
	position: absolute; top: 52.5px; left: 75.5px; 
	width: 119px; height: auto;
	pointer-events: none;
}





#tab_egg_02_05 { 
	position: absolute; bottom: 241.9px; left: 1288px; 
	width: 228.8px; height: auto;
	pointer-events: none;
}

#tab_egg_02_05 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_02_05 > svg { width: 100%; height: auto; }
#tab_egg_02_05.on > svg > path { opacity: 1; fill: #222; }


#tab_egg_02_05 .txt {
	position: absolute; top: 75.6px; left: 63.3px; 
	width: 106px; height: auto;
	pointer-events: none;
}








#tab_egg_03 { position: absolute; bottom: -20px; left: 0px; }
#tab_egg_03_01 { 
	position: absolute; bottom: 86px; left: 420px; 
	width: 276.9px; height: auto;
	pointer-events: none;
}

#tab_egg_03_01 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_03_01 > svg { width: 100%; height: auto; }
#tab_egg_03_01.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_03_01 .txt {
	position: absolute; top: 44.6px; left: 63px; 
	width: 146px; height: auto;
	pointer-events: none;
}



#tab_egg_03_02 { 
	position: absolute; bottom: 56.8px; left: 711.6px; 
	width: 293.2px; height: auto;
	pointer-events: none;
}

#tab_egg_03_02 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_03_02 > svg { width: 100%; height: auto; }
#tab_egg_03_02.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_03_02 .txt {
	position: absolute; top: 31.5px; left: 70.3px; 
	width: 152px; height: auto;
	pointer-events: none;
}



#tab_egg_03_03 { 
	position: absolute; bottom: 88.2px; left: 1019.4px; 
	width: 276.2px; height: auto;
	pointer-events: none;
}

#tab_egg_03_03 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_03_03 > svg { width: 100%; height: auto; }
#tab_egg_03_03.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_03_03 .txt {
	position: absolute; top: 43.5px; left: 63.5px; 
	width: 144px; height: auto;
	pointer-events: none;
}













#tab_egg_07 { position: absolute; bottom: -20px; left: 0px; }
#tab_egg_07_01 { 
	position: absolute; bottom: 245.9px; left: 195px; 
	width: 230px; height: auto;
	pointer-events: none;
}

#tab_egg_07_01 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_07_01 > svg { width: 100%; height: auto; }
#tab_egg_07_01.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_07_01 .txt {
	position: absolute; top: 75.9px; left: 65px; 
	width: 105px; height: auto;
	pointer-events: none;
}



#tab_egg_07_02 { 
	position: absolute; bottom: 99.4px; left: 420px; 
	width: 276.9px; height: auto;
	pointer-events: none;
}

#tab_egg_07_02 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_07_02 > svg { width: 100%; height: auto; }
#tab_egg_07_02.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_07_02 .txt {
	position: absolute; top: 51.4px; left: 76.9px; 
	width: 116.8px; height: auto;
	pointer-events: none;
}



#tab_egg_07_03 { 
	position: absolute; bottom: 69.8px; left: 711.6px; 
	width: 293px; height: auto;
	pointer-events: none;
}

#tab_egg_07_03 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_07_03 > svg { width: 100%; height: auto; }
#tab_egg_07_03.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_07_03 .txt {
	position: absolute; top: 33.5px; left: 83.3px; 
	width: 126.6px; height: auto;
	pointer-events: none;
}



#tab_egg_07_04 { 
	position: absolute; bottom: 101px; left: 1019.4px; 
	width: 276.2px; height: auto;
	pointer-events: none;
}

#tab_egg_07_04 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_07_04 > svg { width: 100%; height: auto; }
#tab_egg_07_04.on > svg > path { opacity: 1; fill: #222; }

#tab_egg_07_04 .txt {
	position: absolute; top: 55.6px; left: 74.6px; 
	width: 120.5px; height: auto;
	pointer-events: none;
}





#tab_egg_07_05 { 
	position: absolute; bottom: 250px; left: 1290px; 
	width: 228.8px; height: auto;
	pointer-events: none;
}

#tab_egg_07_05 > svg > path { pointer-events: auto; cursor: pointer; }

#tab_egg_07_05 > svg { width: 100%; height: auto; }
#tab_egg_07_05.on > svg > path { opacity: 1; fill: #222; }


#tab_egg_07_05 .txt {
	position: absolute; top: 52px; left: 47px; 
	width: 140px; height: auto;
	pointer-events: none;
}








.tab_egg path:not(.on):hover { opacity: 0.9; fill: #222; }
.tab_egg path {
	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
}









@media (max-width: 479px){ 
	#search div.search_box { width: 90%; max-width: 400px; }
	#search .label { font-size: 16px; }
	#search .in_bar .bar_txt { 
		height: 50px; 

		background-size: 30px auto;
		background-position: 15px center;
	}

	#search .in_bar .bar_list { padding: 25px 20px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_title { font-size: 16px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_list { padding: 0px 10px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_list .bar_list_item { font-size: 14px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	#search div.search_box { width: 90%; max-width: 400px; }
	#search .label { font-size: 16px; }
	#search .in_bar .bar_txt { 
		height: 50px; 

		background-size: 30px auto;
		background-position: 15px center;
	}

	#search .in_bar .bar_list { padding: 25px 20px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_title { font-size: 18px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_list { padding: 0px 20px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_list .bar_list_item { font-size: 16px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#search div.search_box { max-width: 70%; max-width: 400px;  }
	#search .label { font-size: 16px; }
	#search .in_bar .bar_txt { 
		height: 50px; 

		background-size: 30px auto;
		background-position: 15px center;
	}

	#search .in_bar .bar_list { padding: 25px 20px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_title { font-size: 18px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_list { padding: 0px 20px; }
	#search .in_bar .bar_list .bar_list_group .bar_group_list .bar_list_item { font-size: 18px; }
}





#tab_egg_02 .tab_egg_mo, #tab_egg_03 .tab_egg_mo, #tab_egg_04 .tab_egg_mo,
 #tab_egg_05 .tab_egg_mo, #tab_egg_06 .tab_egg_mo, #tab_egg_07 .tab_egg_mo { display: none; }

.tab_egg_mo {
	position: absolute; left: 0%; bottom: 40px;
	width: 100vw; height: auto;
	
}
.tab_egg_mo > div {
	left: 50%;
	width: 270px; height: 60px; 
	border-radius: 60px;
	background-color: #444;
	transform: translate(-50%, 0%);

}

.tab_egg_mo.on > div {
	border-radius: 30px 30px 0px 0px;
	background-color: #444;

}
.tab_egg_mo.on .sel { color: #fff; }
.tab_egg_mo.on .sel::after { 
	content: '';
	position: absolute; bottom: 0px; left: 10px;
	width: calc(100% - 20px); height: 1px;
	background-color: #fff;
	opacity: 0.8;
}

.tab_egg_mo .sel {
	width: 100%; height: 100%; line-height: 1.2;
	color: #fff;
	font-size: 13px; text-align: center;

    display: inline-flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}

.tab_egg_mo .sel:before{ 
	content: '⋮';
	position: absolute; top: 51%; left: 20px;
	transform: translate(0px, -50%);
	font-size: 25px; color: rgba(255,255,255,.8);

}

.tab_egg_mo .list{ display: none; }

.tab_egg_mo.on .list {
	display: inline-block;
	position: absolute; top: 60px; left: 0%;
	width: 100%; height: auto;
	padding: 15px 0px 30px 0px;
	background-color: #444;
	border-radius: 0px 0px 30px 30px;
}

.tab_egg_mo .list .item {
	width: 100%; height: auto; line-height: 1.2;
	color: #fff; font-size: 14px;
	padding: 0px 20px;
	margin-top: 20px;
	text-align: center;

	cursor: pointer;
}

.tab_egg_mo .list .item:nth-child(1) { margin-top: 0px; }
.tab_egg_mo .list .item.on { color: rgba(255,255,255,.5); }
	br.mo { display: none; }

@media (max-width: 479px){ 

}

@media (max-width: 749px) and (min-width: 480px) { 

}


@media (max-width: 1023px){ 
/* @media (max-width: 1023px) and (min-width: 750px) { */
	#open_egg_02.on, #open_egg_03.on, #open_egg_07.on { z-index: 100; }


	.intro_label_txt { line-height: 1.3; font-size: 13px; opacity: 0.9; }
	#eggs #egg_01,
	#eggs #egg_01 div.egg { width: 250px; height: 250px; }

	#eggs #egg_08 { width: 125px; height: 125px; }
	#eggs.hover.on #egg_08 { transform: translate(-50%, calc(-50% + -10px)) scale(0.47); }

	#eggs #egg_02,
	#eggs #egg_02 div.egg { width: 125px; height: 125px; }

	#eggs #egg_03,
	#eggs #egg_03 div.egg { width: 125px; height: 125px; }

	#eggs #egg_04,
	#eggs #egg_04 div.egg { width: 125px; height: 125px; }

	#eggs #egg_05,
	#eggs #egg_05 div.egg { width: 125px; height: 125px; }

	#eggs #egg_06,
	#eggs #egg_06 div.egg { width: 125px; height: 125px; }

	#eggs #egg_07,
	#eggs #egg_07 div.egg { width: 125px; height: 125px; }


	#eggs.hover #egg_01 { width: 320px; height: 340px; margin-top: -20px; }

	#eggs.hover #egg_02 { transform: translate(-50%, calc(-50% - 115px)); }
	#eggs.hover #egg_05 { transform: translate(-50%, calc(-50% + 95px)); }

	#eggs.hover #egg_03 { transform: translate(calc(-50% + 95px), calc(-50% - 65px)); }
	#eggs.hover #egg_07 { transform: translate(calc(-50% - 95px), calc(-50% - 65px)); }

	#eggs.hover #egg_04 { transform: translate(calc(-50% + 95px), calc(-50% + 35px)); }
	#eggs.hover #egg_06 { transform: translate(calc(-50% - 95px), calc(-50% + 35px)); }




	@keyframes ani_egg_02_on {
		0% { transform: translate(-50%, calc(-50% - 115px)); }
		20% { transform: translate(-50%, calc(-50% - 55px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 55px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% - 55px)) scale(0.47); }
	}

	@keyframes ani_egg_02_on_big {
		0% { transform: translate(-50%, calc(-50% - 80px)); }
		20% { transform: translate(-50%, calc(-50% - 60px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 70px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(-50%, calc(-50% - 70px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_02_on_re {
		0% {  transform: translate(-50%, calc(-50% - 55px)) scale(0.47); }
	   100% { transform: translate(-50%, calc(-50% - 115px)); }
	}


	@keyframes ani_egg_02_on2 {
		0% { transform: translate(-50%, calc(-50% - 70px)) scale(0.685); }
		20% { transform: translate(-50%, calc(-50% - 70px)) scale(0.685); }
		50% { transform: translate(-50%, calc(-50% - 60px)) scale(0.47); }
		100% {  transform: translate(-50%, calc(-50% - 60px)) scale(0.47); }
	}



	@keyframes ani_egg_02_on_big2 {
		0% { transform: translate(-50%, calc(-50% - 60px)) scale(0.47); }
		20% { transform: translate(-50%, calc(-50% - 60px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 70px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(-50%, calc(-50% - 70px)) scale(0.685); z-index: 9; }
	}


	#eggs.close2.hover.on.on2 #egg_02 { transform: translate(-50%, calc(-50% - 60px)) scale(0.47); }
	#eggs.hover.on #egg_02 { transform: translate(-50%, calc(-50% - 60px)) scale(0.47); }




	@keyframes ani_egg_02 {
		0% { transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(-50%, 603px);  }
	}

	@keyframes close_ani_egg_02 {
		from { transform: translate(-50%, 603px);  }
		to { transform: translate(-50%, 223px); }
	}

	@keyframes open_egg_02 {
		0% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		20% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		50% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		56% { width: 100vw; height: 175px; transform: translate(-50%, 75px); }
		69% { width: 100vw; height: 175px; transform: translate(-50%, 75px); }
		100% { width: 100vw; height: 590px; transform: translate(-50%, 0px);  }
	}

	@keyframes close_egg_02 {
		from { width: 100vw; height: 590px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
	}



	@keyframes open_egg_in_02 {
		0% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -900px);  box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
	}

	@keyframes close_egg_in_02 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -900px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}





	@keyframes ani_egg_03_on {
		0% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)); }
		20% { transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
		100% {  transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
	}

	@keyframes ani_egg_03_on_big {
		0% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)); }
		20% { transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 55px), calc(-50% - 35px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% + 55px), calc(-50% - 35px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_03_on_re {
		0% {  transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)); }
	}



	@keyframes ani_egg_03_on2 {
		0% { transform: translate(calc(-50% + 55px), calc(-50% - 35px)) scale(0.685); }
		20% { transform: translate(calc(-50% + 55px), calc(-50% - 35px)) scale(0.685);  }
		50% { transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
		100% {  transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
	}


	@keyframes ani_egg_03_on_big2 {
		0% { transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
		20% { transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 55px), calc(-50% - 35px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% + 55px), calc(-50% - 35px)) scale(0.685); z-index: 9; }
	}

	#eggs.close2.hover.on.on2 #egg_03 { transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }
	#eggs.hover.on #egg_03 { transform: translate(calc(-50% + 45px), calc(-50% - 30px)) scale(0.47); }


	@keyframes ani_egg_03 {
		0% { transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(-50%, 580px);  }
	}


	@keyframes close_ani_egg_03 {
		0% { transform: translate(-50%, 580px);  }
		100% { transform: translate(-50%, 223px); }
	}



	@keyframes open_egg_03 {
		0% {  width: 0vw; height: 0px; transform: translate(calc(-50% + 90px), 260px); }
		20% { width: 0vw; height: 0px; transform: translate(calc(-50% + 90px), 260px); }
		50% { width: 0vw; height: 0px; transform: translate(calc(-50% + 90px), 260px); }
		56% { width: 100vw; height: 175px; transform: translate(calc(-50% + 130px), 140px); }
		69% { width: 100vw; height: 175px; transform: translate(calc(-50% + 130px), 140px); }
		100% { width: 100vw; height: 590px; transform: translate(-50%, 0px); }
	}

	@keyframes close_egg_03 {
		from { width: 100vw; height: 590px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(calc(-50% + 90px), 260px); }
	}

	@keyframes open_egg_in_03 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}



	@keyframes close_egg_in_03 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}


	@keyframes ani_egg_04_on {
		0% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)); }
		20% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
	}


	@keyframes ani_egg_04_on_big {
		0% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)); }
		20% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
		50% {transform: translate(calc(-50% + 50px), calc(-50% + 20px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% + 50px), calc(-50% + 20px)) scale(0.685); z-index: 9; }
	}

	@keyframes ani_egg_04_on_re {
		0% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)); }
	}


	@keyframes ani_egg_04_on2 {
		0% { transform: translate(calc(-50% + 50px), calc(-50% + 20px)) scale(0.685); }
		20% { transform: translate(calc(-50% + 50px), calc(-50% + 20px)) scale(0.685); }
		50% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
	}


	@keyframes ani_egg_04_on_big2 {
		0% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
		20% { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
		50% {transform: translate(calc(-50% + 50px), calc(-50% + 20px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% + 50px), calc(-50% + 20px)) scale(0.685); z-index: 9; }
	}



	#eggs.close2.hover.on.on2 #egg_04 { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }
	#eggs.hover.on #egg_04 { transform: translate(calc(-50% + 40px), calc(-50% + 20px)) scale(0.47); }



	@keyframes ani_egg_04 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(-50%, 60px); }
	}

	@keyframes close_ani_egg_04 {
		100% { transform: translate(-50%, 242px); }
		0% { transform: translate(-50%, 60px); }

	}


	@keyframes open_egg_04 {
		0% {  width: 0vw; height: 750px; transform: translate(calc(-50% + 110px), 380px); }
		20% { width: 0vw; height: 750px; transform: translate(calc(-50% + 110px), 380px); }
		50% { width: 0vw; height: 750px; transform: translate(calc(-50% + 110px), 380px); }
		56% { width: 100vw; height: 750px; transform: translate(calc(-50% + 110px), 380px); }
		69% { width: 100vw; height: 750px; transform: translate(calc(-50% + 110px), 380px); }
		100% { width: 100vw; height: 750px; transform: translate(-50%, 230px); }
	}

	@keyframes close_egg_04 {
		from { width: 100vw; height: 750px; transform: translate(-50%, 230px);  }
		to { width: 0vw; height: 750px; transform: translate(calc(-50% + 110px), 380px); }
	}

	@keyframes open_egg_in_04 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}




	@keyframes close_egg_in_04 {
		from { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}


	@keyframes ani_egg_05_on {
		0% { transform: translate(-50%, calc(-50% + 60px)); }
		20% {  transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
	}


	@keyframes ani_egg_05_on_big {
		0% {   transform: translate(-50%, calc(-50% + 60px)); }
		20% {  transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 45px)) scale(0.685); z-index: 9; }
		100% { transform: translate(-50%, calc(-50% + 45px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_05_on_re {
		0% { transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 60px)); }
	}


	@keyframes ani_egg_05_on2 {
		0% { transform: translate(-50%, calc(-50% + 45px)) scale(0.685); }
		20% {  transform: translate(-50%, calc(-50% + 45px)) scale(0.685); }
		50% {  transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
	}


	@keyframes ani_egg_05_on_big2 {
		0% {   transform: translate(-50%, calc(-50% + 40px)) scale(0.47);  }
		20% {  transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 45px)) scale(0.685); z-index: 9; }
		100% { transform: translate(-50%, calc(-50% + 45px)) scale(0.685); z-index: 9; }
	}


	#eggs.close2.hover.on.on2 #egg_05 { transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }
	#eggs.hover.on #egg_05 { transform: translate(-50%, calc(-50% + 40px)) scale(0.47); }






	@keyframes ani_egg_05 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(-50%, 60px); }
	}



	@keyframes close_ani_egg_05 {
		to { transform: translate(-50%, 242px); }
		from { transform: translate(-50%, 60px);  }
	}




	@keyframes open_egg_05 {
		0% { width: 0vw; height: 750px; transform: translate(-50%, 430px); }
		20% {width: 0vw; height: 750px; transform: translate(-50%, 430px); }
		50% {width: 0vw; height: 750px; transform: translate(-50%, 430px); }
		56% { width: 100vw; height: 750px; transform: translate(-50%, 430px); }
		69% { width: 100vw; height: 750px; transform: translate(-50%, 430px); }
		100% { width: 100vw; height: 750px; transform: translate(-50%, 248px); }
	}


	@keyframes close_egg_05 {
		from { width: 100vw; height: 750px; transform: translate(-50%, 248px);  }
		to { width: 0vw; height: 750px; transform: translate(-50%, 430px); }
	}


	@keyframes open_egg_in_05 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
	}




	@keyframes close_egg_in_05 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}





	@keyframes ani_egg_06_on {
		0% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)); }
		20% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
	}


	@keyframes ani_egg_06_on_big {
		0% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)); }
		20% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
		50% {transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.685); z-index: 9; }
	}


	@keyframes ani_egg_06_on_re {
		0% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)); }
	}

	@keyframes ani_egg_06_on2 {
		0% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.685); }
		20% {  transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.685); }
		50% {  transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
	}


	@keyframes ani_egg_06_on_big2 {
		0% {  transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47);  }
		20% {  transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
		50% {  transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.685); z-index: 9; }
		100% { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.685); z-index: 9; }
	}

	#eggs.close2.hover.on.on2 #egg_06 { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }
	#eggs.hover.on #egg_06 { transform: translate(calc(-50% - 40px), calc(-50% + 20px)) scale(0.47); }


	@keyframes ani_egg_06 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(-50%, 60px); }
	}

	@keyframes close_ani_egg_06 {
		100% { transform: translate(-50%, 242px); }
		0% { transform: translate(-50%, 60px); }

	}


	@keyframes open_egg_06 {
		0% {  width: 0vw; height: 750px; transform: translate(calc(-50% - 80px), 390px); }
		20% { width: 0vw; height: 750px; transform: translate(calc(-50% - 80px), 390px); }
		50% { width: 0vw; height: 750px; transform: translate(calc(-50% - 80px), 390px); }
		56% { width: 100vw; height: 750px; transform: translate(calc(-50% - 135px), 350px); }
		69% { width: 100vw; height: 750px; transform: translate(calc(-50% - 135px), 350px); }
		100% { width: 100vw; height: 750px; transform: translate(-50%, 230px); }
	}


	@keyframes close_egg_06 {
		from { width: 100vw; height: 750px; transform: translate(-50%, 230px);  }
		to { width: 0vw; height: 750px; transform: translate(calc(-50% - 80px), 390px); }
	}

	@keyframes open_egg_in_06 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}




	@keyframes close_egg_in_06 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}





	@keyframes ani_egg_07_on {
		0% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)); }
		20% { transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
		100% {  transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
	}

	@keyframes ani_egg_07_on_big {
		0% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)); }
		20% { transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 50px), calc(-50% - 35px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% - 50px), calc(-50% - 35px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_07_on_re {
		0% {  transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)); }
	}


	@keyframes ani_egg_07_on2 {
		0% { transform: translate(calc(-50% - 50px), calc(-50% - 35px)) scale(0.685); }
		20% {  transform: translate(calc(-50% - 50px), calc(-50% - 35px)) scale(0.685); }
		50% {  transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
	}


	@keyframes ani_egg_07_on_big2 {
		0% {   transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
		20% {  transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
		50% {  transform: translate(calc(-50% - 50px), calc(-50% - 35px)) scale(0.685); z-index: 9; }
		100% { transform: translate(calc(-50% - 50px), calc(-50% - 35px)) scale(0.685); z-index: 9; }
	}



	#eggs.close2.hover.on.on2 #egg_07 { transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }
	#eggs.hover.on #egg_07 { transform: translate(calc(-50% - 40px), calc(-50% - 25px)) scale(0.47); }


	@keyframes ani_egg_07 {
		0% {  transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(-50%, 579px); }
	}

	@keyframes close_ani_egg_07 {
		0% { transform: translate(-50%, 579px); }
		100% { transform: translate(-50%, 223px); }

	}



	@keyframes open_egg_07 {
		0% {  width: 0vw; height: 0px; transform: translate(calc(-50% - 100px), 280px); }
		20% { width: 0vw; height: 0px; transform: translate(calc(-50% - 100px), 280px); }
		50% { width: 0vw; height: 0px; transform: translate(calc(-50% - 100px), 280px); }
		56% { width: 100vw; height: 175px; transform: translate(calc(-50% - 160px), 200px); }
		69% { width: 100vw; height: 175px; transform: translate(calc(-50% - 160px), 200px); }
		100% { width: 100vw; height: 590px; transform: translate(-50%, 0px); }
	}

	@keyframes close_egg_07 {
		from { width: 100vw; height: 808px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(calc(-50% - 100px), 280px); }
	}

	@keyframes open_egg_in_07 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}



	@keyframes close_egg_in_07 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}







	#tab_egg_02,
	#tab_egg_03,
	#tab_egg_07 {
		bottom: 0px; 
        left: 0px; zoom: 1;
	}


	#tab_egg_04 .tab_egg_item,
	#tab_egg_05 .tab_egg_item,
	#tab_egg_06 .tab_egg_item { font-size: 18px; }


	.egg_02 #search { margin-top: 850px; }
	.egg_03 #search { margin-top: 850px; }
	.egg_07 #search { margin-top: 850px; }

	.egg_04 #search { margin-top: 820px; height: auto; }
	.egg_05 #search { margin-top: 840px; height: auto; }
	.egg_06 #search { margin-top: 820px; height: auto; }




	@keyframes ani_egg_01_div {
		0% { width: 320px; height: 340px; }
		20% { width: 200px; height: 220px; }
		50% { width: 200px; height: 220px; }
		100% { width: 200px; height: 220px; }
	}


	@keyframes ani_egg_01_div_re {
		0% { width: 200px; height: 220px; }
		100% { width: 320px; height: 340px; }
	}


	.open_egg .containner { width: 100%; }
	.open_egg .egg_title { font-size: 23px; line-height: 1.3; padding: 0px 10px; }
	.open_egg .egg_desc { 
		left: 50%; transform: translate(-50%, 0px);
		max-width: 500px; font-size: 12px; padding: 0px 10px; margin-top: 10px;
	}
	.open_egg .egg_desc > br { display: none; }
	.open_egg .contents_box { margin-top: 20px; padding: 0px 10px; }
	.open_egg .contents_box > div { 
		max-width: 600px; height: 300px;
		padding: 30px 10px 30px 20px; 
		padding: 30px 20px 30px 20px; 

		border-radius: 30px;
	}
	.open_egg .contents_box .contents_item { padding-right: 0px; }

	.open_egg .contents_box .contents_item .sub_title { font-size: 18px; line-height: 1.3; }
	.open_egg .contents_box .contents_item .contents_val { margin-top: 20px;  }
	.open_egg .contents_box .contents_item .contents_val .contents_val_desc { font-size: 14px; }

	.open_egg .contents_box .contents_item .contents_val .contents_val_pointer { font-size: 14px; }
	.open_egg .contents_box .contents_item .contents_val .contents_val_pointer .pointer {
		height: 25px;
		line-height: 25px;
		padding: 0px 15px;
		border-radius: 25px;
		margin-left: 10px;
		color: #fff;
	}

	

	#tab_egg_02 .tab_egg_item, #tab_egg_03 .tab_egg_item, #tab_egg_07 .tab_egg_item { display: none; }
	#tab_egg_02 .tab_egg_mo, #tab_egg_03 .tab_egg_mo, #tab_egg_07 .tab_egg_mo { display: inline-block; }

	#tab_egg_04 .tab_egg_item, #tab_egg_05 .tab_egg_item, #tab_egg_06 .tab_egg_item { display: none; }
	#tab_egg_04 .tab_egg_mo, #tab_egg_05 .tab_egg_mo, #tab_egg_06 .tab_egg_mo { position: relative; display: inline-block; bottom: 0px; }

	#tab_egg_04, #tab_egg_05, #tab_egg_06 { margin-top: 20px; margin-bottom: 0px;}
	#tab_egg_04 .tab_box, #tab_egg_05 .tab_box, #tab_egg_06 .tab_box { padding: 0px; background-color: rgba(0,0,0,0); z-index: 100; }
	#tab_egg_04 .tab_egg_mo > div, #tab_egg_05 .tab_egg_mo > div, #tab_egg_06 .tab_egg_mo > div { width: calc(100% - 20px); max-width: 300px; }
 
	


	@keyframes open_egg_in_02 {
		0% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, -160px);  box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
	}

	@keyframes close_egg_in_02 {
		0% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, -160px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		90% { width: 10px; height: 10px; background-size: 10px; transform: translate(-50%, -20px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}


	@keyframes open_egg_in_03 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, -160px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}


	@keyframes close_egg_in_03 {
		0% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, -160px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		90% { width: 10px; height: 10px; background-size: 10px; transform: translate(-50%, -20px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}

	@keyframes open_egg_in_04 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}


	@keyframes close_egg_in_04 {
		0% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		90% { width: 10px; height: 10px; background-size: 10px; transform: translate(-50%, -20px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}


	@keyframes open_egg_in_05 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
	}


	@keyframes close_egg_in_05 {
		0% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		90% { width: 10px; height: 10px; background-size: 10px; transform: translate(-50%, -20px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}

	@keyframes open_egg_in_06 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}

	@keyframes close_egg_in_06 {
		0% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		90% { width: 10px; height: 10px; background-size: 10px; transform: translate(-50%, -20px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}


	@keyframes open_egg_in_07 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, -160px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}

	@keyframes close_egg_in_07 {
		0% { width: 750px; height: 750px; background-size: 750px; transform: translate(-50%, -160px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		90% { width: 10px; height: 10px; background-size: 10px; transform: translate(-50%, -20px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}


	#open_egg_06.open_egg .contents_box > div { height: 330px; }

	.open_egg .egg_title.top { margin-top: 70px; }


	.scrollbar { opacity: 0 !important; }
	br.mo { display: block; }

	#search {
		margin-top: 650px; margin-bottom: 90px;
	}

}





@media (max-width: 1279px) and (min-width: 1024px) { 
	.intro_label_txt { line-height: 1.3; font-size: 16px; opacity: 0.9; }
	#eggs #egg_01,
	#eggs #egg_01 div.egg { width: 350px; height: 350px; }

	#eggs #egg_08 { width: 175px; height: 175px; }
	#eggs.hover.on #egg_08 { transform: translate(-50%, calc(-50% + -10px)) scale(0.47); }

	#eggs #egg_02,
	#eggs #egg_02 div.egg { width: 175px; height: 175px; }

	#eggs #egg_03,
	#eggs #egg_03 div.egg { width: 175px; height: 175px; }

	#eggs #egg_04,
	#eggs #egg_04 div.egg { width: 175px; height: 175px; }

	#eggs #egg_05,
	#eggs #egg_05 div.egg { width: 175px; height: 175px; }

	#eggs #egg_06,
	#eggs #egg_06 div.egg { width: 175px; height: 175px; }

	#eggs #egg_07,
	#eggs #egg_07 div.egg { width: 175px; height: 175px; }


	#eggs.hover #egg_01 { width: 450px; height: 490px; margin-top: -20px; }

	#eggs.hover #egg_02 { transform: translate(-50%, calc(-50% - 145px)); }
	#eggs.hover #egg_05 { transform: translate(-50%, calc(-50% + 145px)); }

	#eggs.hover #egg_03 { transform: translate(calc(-50% + 130px), calc(-50% - 90px)); }
	#eggs.hover #egg_07 { transform: translate(calc(-50% - 130px), calc(-50% - 90px)); }

	#eggs.hover #egg_04 { transform: translate(calc(-50% + 120px), calc(-50% + 60px)); }
	#eggs.hover #egg_06 { transform: translate(calc(-50% - 120px), calc(-50% + 60px)); }




	@keyframes ani_egg_02_on {
		0% { transform: translate(-50%, calc(-50% - 145px)); }
		20% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
	}

	@keyframes ani_egg_02_on_big {
		0% { transform: translate(-50%, calc(-50% - 145px)); }
		20% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 90px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(-50%, calc(-50% - 90px)) scale(0.685); z-index: 9; }
	}


	@keyframes ani_egg_02_on_re {
		0% {  transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
	   100% { transform: translate(-50%, calc(-50% - 145px)); }
	}


	@keyframes ani_egg_02_on2 {
		0% { transform: translate(-50%, calc(-50% - 90px)) scale(0.685); }
		20% { transform: translate(-50%, calc(-50% - 90px)) scale(0.685); }
		50% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		100% {  transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
	}



	@keyframes ani_egg_02_on_big2 {
		0% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		20% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 90px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(-50%, calc(-50% - 90px)) scale(0.685); z-index: 9; }
	}


	#eggs.close2.hover.on.on2 #egg_02 { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
	#eggs.hover.on #egg_02 { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }




	@keyframes ani_egg_02 {
		0% { transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(-50%, 803px);  }
	}

	@keyframes close_ani_egg_02 {
		from { transform: translate(-50%, 803px);  }
		to { transform: translate(-50%, 223px); }
	}


	@keyframes open_egg_02 {
		0% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		20% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		50% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		56% { width: 100vw; height: 175px; transform: translate(-50%, 97px); }
		69% { width: 100vw; height: 175px; transform: translate(-50%, 97px); }
		100% { width: 100vw; height: 813px; transform: translate(-50%, 0px);  }
	}

	@keyframes close_egg_02 {
		from { width: 100vw; height: 813px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
	}

	@keyframes open_egg_in_02 {
		0% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -900px);  box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
	}

	@keyframes close_egg_in_02 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -900px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}





	@keyframes ani_egg_03_on {
		0% { transform: translate(calc(-50% + 130px), calc(-50% - 90px)); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		100% {  transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
	}

	@keyframes ani_egg_03_on_big {
		0% { transform: translate(calc(-50% + 130px), calc(-50% - 90px)); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_03_on_re {
		0% {  transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 130px), calc(-50% - 90px)); }
	}



	@keyframes ani_egg_03_on2 {
		0% { transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); }
		20% { transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685);  }
		50% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		100% {  transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
	}


	@keyframes ani_egg_03_on_big2 {
		0% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
	}

	#eggs.close2.hover.on.on2 #egg_03 { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
	#eggs.hover.on #egg_03 { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }


	@keyframes ani_egg_03 {
		0% {  transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(calc(-50% - 400px), 700px);  }
	}

	@keyframes close_ani_egg_03 {
		0% { transform: translate(calc(-50% - 550px), 628px);  }
		100% { transform: translate(-50%, 223px); }
	}



	@keyframes open_egg_03 {
		0% {  width: 0vw; height: 0px; transform: translate(calc(-50% + 135px), 300px); }
		20% { width: 0vw; height: 0px; transform: translate(calc(-50% + 135px), 300px); }
		50% { width: 0vw; height: 0px; transform: translate(calc(-50% + 135px), 300px); }
		56% { width: 100vw; height: 175px; transform: translate(calc(-50% + 180px), 185px); }
		69% { width: 100vw; height: 175px; transform: translate(calc(-50% + 180px), 185px); }
		100% { width: 100vw; height: 808px; transform: translate(-50%, 0px); }
	}

	@keyframes close_egg_03 {
		from { width: 100vw; height: 808px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(calc(-50% + 135px), 300px); }
	}

	@keyframes open_egg_in_03 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}



	@keyframes close_egg_in_03 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}


	@keyframes ani_egg_04_on {
		0% { transform: translate(calc(-50% + 120px), calc(-50% + 60px)); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
	}


	@keyframes ani_egg_04_on_big {
		0% { transform: translate(calc(-50% + 120px), calc(-50% + 60px)); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		50% {transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
	}


	@keyframes ani_egg_04_on_re {
		0% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 120px), calc(-50% + 60px)); }
	}


	@keyframes ani_egg_04_on2 {
		0% { transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); }
		20% { transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); }
		50% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
	}


	@keyframes ani_egg_04_on_big2 {
		0% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		50% {transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
	}



	#eggs.close2.hover.on.on2 #egg_04 { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
	#eggs.hover.on #egg_04 { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }



	@keyframes ani_egg_04 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(calc(-50% - 405px), -18px); }
	}

	@keyframes close_ani_egg_04 {
		100% { transform: translate(-50%, 242px); }
		0% { transform: translate(calc(-50% - 714px), 144px);  }
	}


	@keyframes open_egg_04 {
		0% {  width: 0vw; height: 898px; transform: translate(calc(-50% + 115px), 485px); }
		20% { width: 0vw; height: 898px; transform: translate(calc(-50% + 115px), 485px); }
		50% { width: 0vw; height: 898px; transform: translate(calc(-50% + 115px), 485px); }
		56% { width: 100vw; height: 898px; transform: translate(calc(-50% + 170px), 460px); }
		69% { width: 100vw; height: 898px; transform: translate(calc(-50% + 170px), 460px); }
		100% { width: 100vw; height: 898px; transform: translate(-50%, 182px); }
	}


	@keyframes close_egg_04 {
		from { width: 100vw; height: 898px; transform: translate(-50%, 182px);  }
		to { width: 0vw; height: 898px; transform: translate(calc(-50% + 115px), 485px); }
	}

	@keyframes open_egg_in_04 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}




	@keyframes close_egg_in_04 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}




	@keyframes ani_egg_05_on {
		0% { transform: translate(-50%, calc(-50% + 145px)); }
		20% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
	}


	@keyframes ani_egg_05_on_big {
		0% {   transform: translate(-50%, calc(-50% + 145px)); }
		20% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 70px)) scale(0.685); z-index: 9; }
		100% { transform: translate(-50%, calc(-50% + 70px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_05_on_re {
		0% { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 145px)); }
	}


	@keyframes ani_egg_05_on2 {
		0% { transform: translate(-50%, calc(-50% + 70px)) scale(0.685); }
		20% {  transform: translate(-50%, calc(-50% + 70px)) scale(0.685); }
		50% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
	}


	@keyframes ani_egg_05_on_big2 {
		0% {   transform: translate(-50%, calc(-50% + 60px)) scale(0.47);  }
		20% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 70px)) scale(0.685); z-index: 9; }
		100% { transform: translate(-50%, calc(-50% + 70px)) scale(0.685); z-index: 9; }
	}


	#eggs.close2.hover.on.on2 #egg_05 { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
	#eggs.hover.on #egg_05 { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }






	@keyframes ani_egg_05 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(-50%, 60px); }
	}



	@keyframes close_ani_egg_05 {
		to { transform: translate(-50%, 242px); }
		from { transform: translate(-50%, 60px);  }
	}




	@keyframes open_egg_05 {
		0% { width: 0vw; height: 898px; transform: translate(-50%, 530px); }
		20% {width: 0vw; height: 898px; transform: translate(-50%, 530px); }
		50% {width: 0vw; height: 898px; transform: translate(-50%, 530px); }
		56% { width: 100vw; height: 898px; transform: translate(-50%, 530px); }
		69% { width: 100vw; height: 898px; transform: translate(-50%, 530px); }
		100% { width: 100vw; height: 898px; transform: translate(-50%, 350px); }
	}


	@keyframes close_egg_05 {
		from { width: 100vw; height: 898px; transform: translate(-50%, 350px);  }
		to { width: 0vw; height: 898px; transform: translate(-50%, 530px); }
	}


	@keyframes open_egg_in_05 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
	}




	@keyframes close_egg_in_05 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}





	@keyframes ani_egg_06_on {
		0% { transform: translate(calc(-50% - 120px), calc(-50% + 60px)); }
		20% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
	}


	@keyframes ani_egg_06_on_big {
		0% { transform: translate(calc(-50% - 120px), calc(-50% + 60px)); }
		20% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		50% {transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
	}


	@keyframes ani_egg_06_on_re {
		0% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 120px), calc(-50% + 60px)); }
	}

	@keyframes ani_egg_06_on2 {
		0% { transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); }
		20% {  transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); }
		50% {  transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
	}


	@keyframes ani_egg_06_on_big2 {
		0% {  transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47);  }
		20% {  transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		50% {  transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
		100% { transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
	}

	#eggs.close2.hover.on.on2 #egg_06 { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
	#eggs.hover.on #egg_06 { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }


	@keyframes ani_egg_06 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(calc(-50% + 395px), -20px); }
	}

	@keyframes close_ani_egg_06 {
		100% { transform: translate(-50%, 242px); }
		0% { transform: translate(calc(-50% + 714px), 144px);  }
	}


	@keyframes open_egg_06 {
		0% {  width: 0vw; height: 898px; transform: translate(calc(-50% - 115px), 485px); }
		20% { width: 0vw; height: 898px; transform: translate(calc(-50% - 115px), 485px); }
		50% { width: 0vw; height: 898px; transform: translate(calc(-50% - 115px), 485px); }
		56% { width: 100vw; height: 898px; transform: translate(calc(-50% - 170px), 460px); }
		69% { width: 100vw; height: 898px; transform: translate(calc(-50% - 170px), 460px); }
		100% { width: 100vw; height: 898px; transform: translate(-50%, 182px); }
	}


	@keyframes close_egg_06 {
		from { width: 100vw; height: 898px; transform: translate(-50%, 182px);  }
		to { width: 0vw; height: 898px; transform: translate(calc(-50% - 115px), 485px); }
	}

	@keyframes open_egg_in_06 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}




	@keyframes close_egg_in_06 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}





	@keyframes ani_egg_07_on {
		0% { transform: translate(calc(-50% - 130px), calc(-50% - 90px)); }
		20% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		100% {  transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
	}

	@keyframes ani_egg_07_on_big {
		0% { transform: translate(calc(-50% - 130px), calc(-50% - 90px)); }
		20% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_07_on_re {
		0% {  transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 130px), calc(-50% - 90px)); }
	}


	@keyframes ani_egg_07_on2 {
		0% { transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); }
		20% {  transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); }
		50% {  transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
	}


	@keyframes ani_egg_07_on_big2 {
		0% {   transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		20% {  transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		50% {  transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
		100% { transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
	}



	#eggs.close2.hover.on.on2 #egg_07 { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
	#eggs.hover.on #egg_07 { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }


	@keyframes ani_egg_07 {
		0% {  transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(calc(-50% + 390px), 703px);  }
	}

	@keyframes close_ani_egg_07 {
		0% { transform: translate(calc(-50% + 550px), 628px);  }
		100% { transform: translate(-50%, 223px); }
	}



	@keyframes open_egg_07 {
		0% {  width: 0vw; height: 0px; transform: translate(calc(-50% - 135px), 300px); }
		20% { width: 0vw; height: 0px; transform: translate(calc(-50% - 135px), 300px); }
		50% { width: 0vw; height: 0px; transform: translate(calc(-50% - 135px), 300px); }
		56% { width: 100vw; height: 175px; transform: translate(calc(-50% - 180px), 185px); }
		69% { width: 100vw; height: 175px; transform: translate(calc(-50% - 180px), 185px); }
		100% { width: 100vw; height: 808px; transform: translate(-50%, 0px); }
	}

	@keyframes close_egg_07 {
		from { width: 100vw; height: 808px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(calc(-50% - 135px), 300px); }
	}

	@keyframes open_egg_in_07 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}



	@keyframes close_egg_in_07 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}







	#tab_egg_02,
	#tab_egg_03,
	#tab_egg_07 {
		bottom: -30px; 
        left: 210px; zoom: 0.8;
	}


	#tab_egg_04 .tab_egg_item,
	#tab_egg_05 .tab_egg_item,
	#tab_egg_06 .tab_egg_item { font-size: 18px; }


	.egg_02 #search { margin-top: 1166px; }
	.egg_03 #search { margin-top: 1060px; }
	.egg_07 #search { margin-top: 1065px; }

	.egg_04 #search { margin-top: 1120px; height: 660px; }
	.egg_05 #search { margin-top: 1325px; height: 635px; }
	.egg_06 #search { margin-top: 1170px; height: 620px; }
}

@media (max-width: 1680px) and (min-width: 1280px) { 
	.intro_label_txt { line-height: 1.3; font-size: 16px; opacity: 0.9; }
	#eggs #egg_01,
	#eggs #egg_01 div.egg { width: 350px; height: 350px; }

	#eggs #egg_08 { width: 175px; height: 175px; }
	#eggs.hover.on #egg_08 { transform: translate(-50%, calc(-50% + -10px)) scale(0.47); }

	#eggs #egg_02,
	#eggs #egg_02 div.egg { width: 175px; height: 175px; }

	#eggs #egg_03,
	#eggs #egg_03 div.egg { width: 175px; height: 175px; }

	#eggs #egg_04,
	#eggs #egg_04 div.egg { width: 175px; height: 175px; }

	#eggs #egg_05,
	#eggs #egg_05 div.egg { width: 175px; height: 175px; }

	#eggs #egg_06,
	#eggs #egg_06 div.egg { width: 175px; height: 175px; }

	#eggs #egg_07,
	#eggs #egg_07 div.egg { width: 175px; height: 175px; }


	#eggs.hover #egg_01 { width: 450px; height: 490px; margin-top: -20px; }

	#eggs.hover #egg_02 { transform: translate(-50%, calc(-50% - 145px)); }
	#eggs.hover #egg_05 { transform: translate(-50%, calc(-50% + 145px)); }

	#eggs.hover #egg_03 { transform: translate(calc(-50% + 130px), calc(-50% - 90px)); }
	#eggs.hover #egg_07 { transform: translate(calc(-50% - 130px), calc(-50% - 90px)); }

	#eggs.hover #egg_04 { transform: translate(calc(-50% + 120px), calc(-50% + 60px)); }
	#eggs.hover #egg_06 { transform: translate(calc(-50% - 120px), calc(-50% + 60px)); }




	@keyframes ani_egg_02_on {
		0% { transform: translate(-50%, calc(-50% - 145px)); }
		20% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
	}

	@keyframes ani_egg_02_on_big {
		0% { transform: translate(-50%, calc(-50% - 145px)); }
		20% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 90px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(-50%, calc(-50% - 90px)) scale(0.685); z-index: 9; }
	}


	@keyframes ani_egg_02_on_re {
		0% {  transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
	   100% { transform: translate(-50%, calc(-50% - 145px)); }
	}


	@keyframes ani_egg_02_on2 {
		0% { transform: translate(-50%, calc(-50% - 90px)) scale(0.685); }
		20% { transform: translate(-50%, calc(-50% - 90px)) scale(0.685); }
		50% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		100% {  transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
	}



	@keyframes ani_egg_02_on_big2 {
		0% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		20% { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
		50% { transform: translate(-50%, calc(-50% - 90px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(-50%, calc(-50% - 90px)) scale(0.685); z-index: 9; }
	}


	#eggs.close2.hover.on.on2 #egg_02 { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }
	#eggs.hover.on #egg_02 { transform: translate(-50%, calc(-50% - 80px)) scale(0.47); }




	@keyframes ani_egg_02 {
		0% { transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(-50%, 803px);  }
	}

	@keyframes close_ani_egg_02 {
		from { transform: translate(-50%, 803px);  }
		to { transform: translate(-50%, 223px); }
	}


	@keyframes open_egg_02 {
		0% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		20% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		50% { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
		56% { width: 100vw; height: 175px; transform: translate(-50%, 97px); }
		69% { width: 100vw; height: 175px; transform: translate(-50%, 97px); }
		100% { width: 100vw; height: 813px; transform: translate(-50%, 0px);  }
	}

	@keyframes close_egg_02 {
		from { width: 100vw; height: 813px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(-50%, 223px); }
	}

	@keyframes open_egg_in_02 {
		0% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -900px);  box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
	}

	@keyframes close_egg_in_02 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -900px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}





	@keyframes ani_egg_03_on {
		0% { transform: translate(calc(-50% + 130px), calc(-50% - 90px)); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		100% {  transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
	}

	@keyframes ani_egg_03_on_big {
		0% { transform: translate(calc(-50% + 130px), calc(-50% - 90px)); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_03_on_re {
		0% {  transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 130px), calc(-50% - 90px)); }
	}



	@keyframes ani_egg_03_on2 {
		0% { transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); }
		20% { transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685);  }
		50% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		100% {  transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
	}


	@keyframes ani_egg_03_on_big2 {
		0% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% + 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
	}

	#eggs.close2.hover.on.on2 #egg_03 { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }
	#eggs.hover.on #egg_03 { transform: translate(calc(-50% + 60px), calc(-50% - 40px)) scale(0.47); }




	@keyframes ani_egg_03 {
		0% {  transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(calc(-50% - 550px), 628px);  }
	}

	@keyframes close_ani_egg_03 {
		0% { transform: translate(calc(-50% - 550px), 628px);  }
		100% { transform: translate(-50%, 223px); }
	}



	@keyframes open_egg_03 {
		0% {  width: 0vw; height: 0px; transform: translate(calc(-50% + 135px), 300px); }
		20% { width: 0vw; height: 0px; transform: translate(calc(-50% + 135px), 300px); }
		50% { width: 0vw; height: 0px; transform: translate(calc(-50% + 135px), 300px); }
		56% { width: 100vw; height: 175px; transform: translate(calc(-50% + 180px), 185px); }
		69% { width: 100vw; height: 175px; transform: translate(calc(-50% + 180px), 185px); }
		100% { width: 100vw; height: 808px; transform: translate(-50%, 0px); }
	}

	@keyframes close_egg_03 {
		from { width: 100vw; height: 808px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(calc(-50% + 135px), 300px); }
	}

	@keyframes open_egg_in_03 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}



	@keyframes close_egg_in_03 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}


	@keyframes ani_egg_04_on {
		0% { transform: translate(calc(-50% + 120px), calc(-50% + 60px)); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		50% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
	}


	@keyframes ani_egg_04_on_big {
		0% { transform: translate(calc(-50% + 120px), calc(-50% + 60px)); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		50% {transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
	}


	@keyframes ani_egg_04_on_re {
		0% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 120px), calc(-50% + 60px)); }
	}


	@keyframes ani_egg_04_on2 {
		0% { transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); }
		20% { transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); }
		50% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
	}


	@keyframes ani_egg_04_on_big2 {
		0% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		20% { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
		50% {transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% + 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
	}



	#eggs.close2.hover.on.on2 #egg_04 { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }
	#eggs.hover.on #egg_04 { transform: translate(calc(-50% + 60px), calc(-50% + 30px)) scale(0.47); }



	@keyframes ani_egg_04 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(calc(-50% - 515px), 35px); }
	}

	@keyframes close_ani_egg_04 {
		100% { transform: translate(-50%, 242px); }
		0% { transform: translate(calc(-50% - 714px), 144px);  }
	}


	@keyframes open_egg_04 {
		0% {  width: 0vw; height: 898px; transform: translate(calc(-50% + 115px), 485px); }
		20% { width: 0vw; height: 898px; transform: translate(calc(-50% + 115px), 485px); }
		50% { width: 0vw; height: 898px; transform: translate(calc(-50% + 115px), 485px); }
		56% { width: 100vw; height: 898px; transform: translate(calc(-50% + 170px), 460px); }
		69% { width: 100vw; height: 898px; transform: translate(calc(-50% + 170px), 460px); }
		100% { width: 100vw; height: 898px; transform: translate(-50%, 182px); }
	}


	@keyframes close_egg_04 {
		from { width: 100vw; height: 898px; transform: translate(-50%, 182px);  }
		to { width: 0vw; height: 898px; transform: translate(calc(-50% + 115px), 485px); }
	}

	@keyframes open_egg_in_04 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}




	@keyframes close_egg_in_04 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}




	@keyframes ani_egg_05_on {
		0% { transform: translate(-50%, calc(-50% + 145px)); }
		20% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
	}


	@keyframes ani_egg_05_on_big {
		0% {   transform: translate(-50%, calc(-50% + 145px)); }
		20% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 70px)) scale(0.685); z-index: 9; }
		100% { transform: translate(-50%, calc(-50% + 70px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_05_on_re {
		0% { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 145px)); }
	}




	@keyframes ani_egg_05_on2 {
		0% { transform: translate(-50%, calc(-50% + 70px)) scale(0.685); }
		20% {  transform: translate(-50%, calc(-50% + 70px)) scale(0.685); }
		50% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		100% { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
	}


	@keyframes ani_egg_05_on_big2 {
		0% {   transform: translate(-50%, calc(-50% + 60px)) scale(0.47);  }
		20% {  transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
		50% {  transform: translate(-50%, calc(-50% + 70px)) scale(0.685); z-index: 9; }
		100% { transform: translate(-50%, calc(-50% + 70px)) scale(0.685); z-index: 9; }
	}


	#eggs.close2.hover.on.on2 #egg_05 { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }
	#eggs.hover.on #egg_05 { transform: translate(-50%, calc(-50% + 60px)) scale(0.47); }



	@keyframes ani_egg_05 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(-50%, 60px); }
	}



	@keyframes close_ani_egg_05 {
		to { transform: translate(-50%, 242px); }
		from { transform: translate(-50%, 60px);  }
	}




	@keyframes open_egg_05 {
		0% { width: 0vw; height: 898px; transform: translate(-50%, 530px); }
		20% {width: 0vw; height: 898px; transform: translate(-50%, 530px); }
		50% {width: 0vw; height: 898px; transform: translate(-50%, 530px); }
		56% { width: 100vw; height: 898px; transform: translate(-50%, 530px); }
		69% { width: 100vw; height: 898px; transform: translate(-50%, 530px); }
		100% { width: 100vw; height: 898px; transform: translate(-50%, 350px); }
	}


	@keyframes close_egg_05 {
		from { width: 100vw; height: 898px; transform: translate(-50%, 350px);  }
		to { width: 0vw; height: 898px; transform: translate(-50%, 530px); }
	}


	@keyframes open_egg_in_05 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
	}




	@keyframes close_egg_in_05 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25); }
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}












	@keyframes ani_egg_06_on {
		0% { transform: translate(calc(-50% - 120px), calc(-50% + 60px)); }
		20% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
	}


	@keyframes ani_egg_06_on_big {
		0% { transform: translate(calc(-50% - 120px), calc(-50% + 60px)); }
		20% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		50% {transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); z-index: 9;}
		100% { transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
	}


	@keyframes ani_egg_06_on_re {
		0% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 120px), calc(-50% + 60px)); }
	}



	@keyframes ani_egg_06_on2 {
		0% { transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); }
		20% {  transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); }
		50% {  transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
	}


	@keyframes ani_egg_06_on_big2 {
		0% {  transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47);  }
		20% {  transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
		50% {  transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
		100% { transform: translate(calc(-50% - 75px), calc(-50% + 40px)) scale(0.685); z-index: 9; }
	}

	#eggs.close2.hover.on.on2 #egg_06 { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }
	#eggs.hover.on #egg_06 { transform: translate(calc(-50% - 60px), calc(-50% + 30px)) scale(0.47); }



	@keyframes ani_egg_06 {
		0% {  transform: translate(-50%, 242px); }
		20% { transform: translate(-50%, 242px); }
		56% { transform: translate(-50%, 242px); }
		69% { transform: translate(-50%, 242px); }
		100% { transform: translate(calc(-50% + 515px), 35px); }
	}

	@keyframes close_ani_egg_06 {
		100% { transform: translate(-50%, 242px); }
		0% { transform: translate(calc(-50% + 714px), 144px);  }
	}


	@keyframes open_egg_06 {
		0% {  width: 0vw; height: 898px; transform: translate(calc(-50% - 115px), 485px); }
		20% { width: 0vw; height: 898px; transform: translate(calc(-50% - 115px), 485px); }
		50% { width: 0vw; height: 898px; transform: translate(calc(-50% - 115px), 485px); }
		56% { width: 100vw; height: 898px; transform: translate(calc(-50% - 170px), 460px); }
		69% { width: 100vw; height: 898px; transform: translate(calc(-50% - 170px), 460px); }
		100% { width: 100vw; height: 898px; transform: translate(-50%, 182px); }
	}


	@keyframes close_egg_06 {
		from { width: 100vw; height: 898px; transform: translate(-50%, 182px);  }
		to { width: 0vw; height: 898px; transform: translate(calc(-50% - 115px), 485px); }
	}

	@keyframes open_egg_in_06 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}




	@keyframes close_egg_in_06 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, 0px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}










	@keyframes ani_egg_07_on {
		0% { transform: translate(calc(-50% - 130px), calc(-50% - 90px)); }
		20% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
	}

	@keyframes ani_egg_07_on_big {
		0% { transform: translate(calc(-50% - 130px), calc(-50% - 90px)); }
		20% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		50% { transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
		100% {  transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
	}



	@keyframes ani_egg_07_on_re {
		0% {  transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 130px), calc(-50% - 90px)); }
	}


	@keyframes ani_egg_07_on2 {
		0% { transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); }
		20% {  transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); }
		50% {  transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		100% { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
	}


	@keyframes ani_egg_07_on_big2 {
		0% {   transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		20% {  transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
		50% {  transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
		100% { transform: translate(calc(-50% - 80px), calc(-50% - 50px)) scale(0.685); z-index: 9; }
	}



	#eggs.close2.hover.on.on2 #egg_07 { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }
	#eggs.hover.on #egg_07 { transform: translate(calc(-50% - 60px), calc(-50% - 40px)) scale(0.47); }


	@keyframes ani_egg_07 {
		0% {  transform: translate(-50%, 223px); }
		20% { transform: translate(-50%, 223px); }
		56% { transform: translate(-50%, 223px); }
		69% { transform: translate(-50%, 223px); }
		100% { transform: translate(calc(-50% + 550px), 628px);  }
	}

	@keyframes close_ani_egg_07 {
		0% { transform: translate(calc(-50% + 550px), 628px);  }
		100% { transform: translate(-50%, 223px); }
	}



	@keyframes open_egg_07 {
		0% {  width: 0vw; height: 0px; transform: translate(calc(-50% - 135px), 300px); }
		20% { width: 0vw; height: 0px; transform: translate(calc(-50% - 135px), 300px); }
		50% { width: 0vw; height: 0px; transform: translate(calc(-50% - 135px), 300px); }
		56% { width: 100vw; height: 175px; transform: translate(calc(-50% - 180px), 185px); }
		69% { width: 100vw; height: 175px; transform: translate(calc(-50% - 180px), 185px); }
		100% { width: 100vw; height: 808px; transform: translate(-50%, 0px); }
	}

	@keyframes close_egg_07 {
		from { width: 100vw; height: 808px; transform: translate(-50%, 0px);  }
		to { width: 0vw; height: 0px; transform: translate(calc(-50% - 135px), 300px); }
	}

	@keyframes open_egg_in_07 {
		0% {  width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		20% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		50% { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); }
		56% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); }
		69% { width: 137px; height: 137px; background-size: 137px 137px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		100% { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
	}



	@keyframes close_egg_in_07 {
		from { width: 1713px; height: 1713px; background-size: 1713px 1713px; transform: translate(-50%, -905px); box-shadow: 45px 45px 150px 20px rgba(0, 0, 0, 0.40) inset, 45px 45px 40px 6px rgba(0, 0, 0, 0.25);}
		to { width: 0px; height: 0px; background-size: 0px 0px; transform: translate(-50%, 0px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
	}










	#tab_egg_02,
	#tab_egg_03,
	#tab_egg_07 {
		bottom: -30px; left: 40px;
		zoom: 0.95;
	}


	.egg_02 #search { margin-top: 1166px; }
	.egg_03 #search { margin-top: 990px; }
	.egg_07 #search { margin-top: 990px; }

	.egg_04 #search { margin-top: 1120px; height: 660px; }
	.egg_05 #search { margin-top: 1325px; height: 625px; }
	.egg_06 #search { margin-top: 1170px; height: 620px; }
}





#tab_egg_02 .tab_egg_mo.on .sel::after, #tab_egg_03 .tab_egg_mo.on .sel::after, #tab_egg_07 .tab_egg_mo.on .sel::after { bottom: 60px; z-index: 1; }
#tab_egg_02 .tab_egg_mo.on > div, #tab_egg_03 .tab_egg_mo.on > div, #tab_egg_07 .tab_egg_mo.on > div { border-radius: 0px 0px 30px 30px; }
#tab_egg_02 .tab_egg_mo.on .list, #tab_egg_03 .tab_egg_mo.on .list, #tab_egg_07 .tab_egg_mo.on .list {
	top: auto; bottom: 60px;
	border-radius: 30px 30px 0px 0px;
}