#section00{
   background:url("../img/section0/s0_background0.png");
   Height:100px;
}


#section00 .s0_gnb0{
    Opacity:1;
    position: absolute;
    left: 0px;
    top: 0px;
	}


#section00 .s0_gnb1{
    Opacity:1;
    position: absolute;
    left: 150px;
    top: 30px;
	}


#section00 .s0_gnb2{
    Opacity:1;
    position: absolute;
    left: 578px;
    top: 33px;
	}


#section00 .s0_gnb3{
    Opacity:1;
    position: absolute;
    left: 796px;
    top: 33px;
	}


#section00 .s0_gnb4{
    Opacity:1;
    position: absolute;
    left: 999px;
    top: 33px;
	}


#section00 .s0_gnb5{
    Opacity:1;
    position: absolute;
    left: 1214px;
    top: 33px;
	}


#section00 .s0_gnb6{
    Opacity:1;
    position: absolute;
    left: 1410px;
    top: 33px;
	}


#section00 .s0_gnb7{
    Opacity:1;
    position: absolute;
    left: 1605px;
    top: 33px;
	}


#section01{
   background:url("../img/section1/s1_background1.jpg");
   Height:2464px;
}



#section01 .s1_mockup1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1336px;
    top: 210px;

    transform:translateX(100px);
    transition-duration: 1.5s;
}


#section01 .s1_mockup1.on{
    transform:none;
    Opacity:1;
 
}


#section01 .s1_mockup2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1110px;
    top: 347px;

    transform:translateY(-100px);
    transition-duration : 0.7s;
}


#section01 .s1_mockup2.on{
    transform:none;
    Opacity:1;
 
}




#section01 .s1_mockup3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 652px;
    top: 700px;

  
	transform:translate(100px);
    transition-duration: 2s;
}


#section01 .s1_mockup3.on{
    transform:none;
    Opacity:1;
 
}

 

#section01 .s1_icon1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 180px;
    top:  800px;

    transform:scale(50%);
    transition: all 1s;
}


#section01 .s1_icon1.on{
    transform:none;
    Opacity:1;
 
}

#section01 .s1_icon2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 270px;
    top: 800px;

    transform:scale(50%);
    transition: all 1.3s;
}

#section01 .s1_icon2.on{
    transform:none;
    Opacity:1;
 
}

#section01 .s1_icon3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 360px;
    top: 800px;

    transform:scale(50%);
    transition: all 1.5s;
}


#section01 .s1_icon3.on{
    transform:none;
    Opacity:1;
 
}



#section01 .s1_highlight{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 180px;
    top: 1800px;

    transform:translateX(100px);
    transition-duration: 1s;
}


#section01 .s1_highlight.on{
    transform:none;
    Opacity:1;
 }



#section01 .s1_title{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 180px;
    top: 1707px;

    transform:translateY(30px);
    transition: all 1s;
}


#section01 .s1_title.on{
    transform:none;
    Opacity:1;
 
}

#section01 .s1_text1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 180px;
    top: 1961px;

    transform:translateY(30px);
    transition: all 1s;
}


#section01 .s1_text1.on{
    transform:none;
    Opacity:1;
 
}


#section01 .s1_text2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 180px;
    top: 2090px;

    transform:translateY(30px);
    transition: all 2s;
}


#section01 .s1_text2.on{
    transform:none;
    Opacity:1;
 
}


#section01 .s1_character1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1085px;
    top: 1778px;

    transform:scale(30%);
    transition-duration: 0.5s;
}


#section01 .s1_character1.on{
    transform:none;
    Opacity:1;
 
}



#section01 .s1_bubble1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 888px;
    top: 1554px;

    transform:scale(10%);
    transition-duration: 0.5s;
}


#section01 .s1_bubble1.on{
    transform:none;
    Opacity:1;
 
}




#section01 .s1_bubble2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 756px;
    top: 1740px;

    transform:scale(10%);
    transition-duration: 0.7s;
}


#section01 .s1_bubble2.on{
    transform:none;
    Opacity:1;
 
}




#section01 .s1_bubble3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 812px;
    top: 1986px;

    transform:scale(10%);
    transition-duration: 0.9s;
}


#section01 .s1_bubble3.on{
    transform:none;
    Opacity:1;
 
}




#section01 .s1_bubble4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1317px;
    top: 1607px;

    transform:scale(10%);
    transition-duration: 1.2s;
}


#section01 .s1_bubble4.on{
    transform:none;
    Opacity:1;
 
}




#section01 .s1_bubble5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1435px;
    top: 1759px;

    transform:scale(10%);
    transition-duration: 1.4s;
}


#section01 .s1_bubble5.on{
    transform:none;
    Opacity:1;
 
}




#section01 .s1_bubble6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1372px;
    top: 2053px;

    transform:scale(10%);
    transition-duration: 1.6s;
}


#section01 .s1_bubble6.on{
    transform:none;
    Opacity:1;
 
}




#section01 .s1_subtitle{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 179px;
    top: 1571px;

    transform:translateY(-50px);
    transition-duration: 1.5s;
}


#section01 .s1_subtitle.on{
    transform:none;
    Opacity:1;
 
}







#section02{
   background:url("../img/section2/s2_background1.jpg");
   Height:778px;
}




#section02 .s2_text1{
    width: 200px;
    height: 200px;
	Opacity:0;
    position: absolute;
    left: 161px;
    top: 173px;

    transform:translateY(-100px);
    transition-duration: 1s
}


#section02 .s2_text1.on{
    transform:none;
	Opacity:1;
 
}


#section02 .s2_text2{
    width: 200px;
    height: 200px;
    Opacity:0;
	position: absolute;
    left: 738px;
    top: 167px;

    transform:translateY(-100px);
    transition-duration: 2s
}


#section02 .s2_text2.on{
    transform:none;
	Opacity:1;

}


#section02 .s2_text3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1332px;
    top: 178px;

    transform:translateY(-100px);
    transition-duration: 3s
}


#section02 .s2_text3.on{
    transform:none;
    Opacity:1;
 
}



#section02 .s2_subtitle{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 180px;
    top: 107px;

    transform:translateY(-30px);
    transition-duration: 1.5s
}


#section02 .s2_subtitle.on{
    transform:none;
    Opacity:1;
 
}






#section03{
   background:url("../img/section3/s3_background1.png");
   Height:2538px;
}


#section03 .s3_title{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 160px;
    top: 309px;

    transform:translateY(-100px);
    transition: all 0.8s;
}


#section03 .s3_title.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_title1{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 559px;
    top: 395px;

    transform:translateX(-50px);
    transition-duration: 1.5s
}


#section03 .s3_title1.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_title2{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 1125px;
    top: 402px;

    transform:translateX(-50px);
    transition-duration: 2.2s
}


#section03 .s3_title2.on{
    transform:none;
    Opacity:0.8;
 
}



#section03 .s3_title3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 153px;
    top: 701px;

    transform:translateY(-100px);
    transition: all 1.2s;
}


#section03 .s3_title3.on{
    transform:none;
    Opacity:0.8;
 
}



#section03 .s3_title4{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 564px;
    top: 688px;

    transform:translateX(-50px);
    transition-duration: 1.8s
}


#section03 .s3_title4.on{
    transform:none;
    Opacity:0.8;
 
}



#section03 .s3_title5{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 1206px;
    top: 697px;

    transform:translateX(-50px);
    transition-duration: 2.5s
}


#section03 .s3_title5.on{
    transform:none;
    Opacity:1;
 
}


#section03 .s3_title6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 153px;
    top: 1191px;

    transform:translateY(-100px);
    transition: all 1.2s;
}


#section03 .s3_title6.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_title7{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 586px;
    top: 1193px;

    transform:translateX(-50px);
    transition-duration: 1.8s
}


#section03 .s3_title7.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_title8{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 1184px;
    top: 1150px;

    transform:translateX(-50px);
    transition-duration: 2.5s
}


#section03 .s3_title8.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_title9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 146px;
    top: 1746px;

    transform:translateY(-100px);
    transition: all 1.2s;
}


#section03 .s3_title9.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_title10{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 565px;
    top: 1737px;

    transform:translateX(-50px);
    transition-duration: 1.8s
}


#section03 .s3_title10.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_title11{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 1045px;
    top: 1964px;

    transform:translateX(-50px);
    transition-duration: 2s
}


#section03 .s3_title11.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_title12{
    width: 200px;
    height: 309px;
    Opacity:0;
    position: absolute;
    left: 1152px;
    top: 1716px;

    transform:translateX(-50px);
    transition-duration: 2.8s
}


#section03 .s3_title12.on{
    transform:none;
    Opacity:1;
 
}



#section03 .s3_video1{
    position: absolute;
	opacity: 1;
    left: 462px;
    top: 627px;
}


#section03 .s3_video2{
    position: absolute;
	opacity: 1;
    left: 1112px;
    top: 627px;
}



#section03 .s3_video3{
    position: absolute;
	opacity: 1;
    left: 498px;
    top: 1147px;
}



#section03 .s3_video4{
    position: absolute;
	opacity: 1;
    left: 1147px;
    top: 1147px;
}


#section03 .s3_video5{
    position: absolute;
	opacity: 1;
    left: 522px;
    top: 1724px;
}


#section03 .s3_white1{
    position: absolute;
	opacity: 1;
    left: 522px;
    top: 603px;
}


#section03 .s3_white2{
    position: absolute;
	opacity: 1;
    left: 522px;
    top: 1112px;
}


#section03 .s3_white3{
    position: absolute;
	opacity: 1;
    left: 522px;
    top: 1664px;
}


#section03 .s3_white4{
    position: absolute;
	opacity: 1;
    left: 522px;
    top: 2364px;
}









#section04{
   background:url("../img/section4/s4_background1.jpg");
   Height:6512px;
}



#section04 .s4_title1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 721px;
    top: 222px;

    transform:translateY(-50px);
    transition: all 1s;
}


#section04 .s4_title1.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_title2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 565px;
    top: 389px;

    transform:translateY(-50px);
    transition: all 1s;
}


#section04 .s4_title2.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_projectgoal1 {
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 430px;
    top: 547px;

    transition: all 2s;
}


#section04 .s4_projectgoal1.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_projectgoal2{
    Opacity:0;
    position: absolute;
    left: 664px;
    top: 740px;

    transform:scale(1.5);
    transition: all 1.5s;
}


#section04 .s4_projectgoal2.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_projectgoal3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 328px;
    top: 720px;

    transform:translateX(-50px);
    transition: all 2s;
}


#section04 .s4_projectgoal3.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_projectgoal4{
    width: 664px;
    height: 739px;
    Opacity:0;
    position: absolute;
    left: 1418px;
    top: 720px;

    transform:translateX(50px);
    transition: all 2s;
}


#section04 .s4_projectgoal4.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_brandvalue1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 955px;
    top: 913px;

    transition: all 2s;
}


#section04 .s4_brandvalue1.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_brandvalue2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 858px;
    top: 1058px;
    

    transform: translateY(-30px);
    transition: all 1s;
}


#section04 .s4_brandvalue2.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_brandvalue3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 521px;
    top: 1079px;
    transition: all 1s;
	
}


#section04 .s4_brandvalue3.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_brandvalue4{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 390px;
    top: 1278px;
    opacity: 0;
    transition: all 1.5s;
}


#section04 .s4_brandvalue4.on{
    transform:none;
 	opacity: 1;
}



#section04 .s4_brandvalue5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1261px;
    top: 1278px;
    transition: all 1.5s;
}


#section04 .s4_brandvalue5.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_brandvalue6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 780px;
    top: 1194px;

    transform:translateY(20px);
    transition: all 1s;
}


#section04 .s4_brandvalue6.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_brandvalue65{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 521px;
    top: 1198px;

    transition: all 2s;
}


#section04 .s4_brandvalue65.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_brandvalue7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1300px;
    top: 1354px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section04 .s4_brandvalue7.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_brandvalue75{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 872px;
    top: 1354px;

    transform:translateY(-30px);
    transition: all 2s;
}


#section04 .s4_brandvalue75.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_brandvalue8{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 425px;
    top: 1354px;

    transform:translateY(-30px);
    transition: all 2.5s;
}


#section04 .s4_brandvalue8.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_brandvalue9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 0px;
    top: 1396px;
    transition: all 3s;
}


#section04 .s4_brandvalue9.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 0px;
    top: 1906px;

    transition: all 1.5s;
}


#section04 .s4_styleguide1.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 44px;
    top: 1964px;
	transform: scale(30%) ;
    transition: all 1.5s;
}


#section04 .s4_styleguide2.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 670px;
    top: 1958px;

    transform:translatex(-30px);
    transition: all 0.5s;
}


#section04 .s4_styleguide3.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 670px;
    top: 2062px;

    transform:translateX(-30px);
    transition: all 1s;
}


#section04 .s4_styleguide4.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 670px;
    top: 2159px;

    transform:translateX(-50px);
    transition: all 1.5s;
}


#section04 .s4_styleguide5.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 670px;
    top: 2274px;

    transform:translateX(-70px);
    transition: all 1.2s;
}


#section04 .s4_styleguide6.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1301px;
    top: 1719px;

    transform:translateY(-70px);
    transition: all 3s;
}


#section04 .s4_styleguide7.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide8{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 740px;
    top: 2490px;

    transition: all 3s;
}


#section04 .s4_styleguide8.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 256px;
    top: 2370px;

    transition: all 2s;
}


#section04 .s4_styleguide9.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_styleguide13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: -4px;
    top: 3275px;

    transition: all 3s;
}


#section04 .s4_styleguide13.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 90px;
    top: 3270px;

    transform:translateY(-90px);
    transition: all 2.5s;
}


#section04 .s4_styleguide12.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 77px;
    top: 2908px;

    transform:translateY(-60px);
    transition: all 1.8s;
}



#section04 .s4_styleguide11.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 50px;
    top: 2640px;

    transform:translateY(-30px);
    transition: all 1s;
}


#section04 .s4_styleguide10.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide14{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 760px;
    top: 2788px;

    transform:scale(30%);
    transition: all 1.5s;
}


#section04 .s4_styleguide14.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1171px;
    top: 2772px;

    transform:translateX(-20px);
    transition: all 1s;
}


#section04 .s4_styleguide15.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide16{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1391px;
    top: 2777px;

    transform:translatex(-50px);
    transition: all 1s;
}


#section04 .s4_styleguide16.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide17{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1177px;
    top: 2846px;

    transform:translateX(-20px);
    transition: all 2s;
}


#section04 .s4_styleguide17.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide18{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1302px;
    top: 2846px;

    transform:translateX(-40px);
    transition: all 2s;
}


#section04 .s4_styleguide18.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide19{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1430px;
    top: 2846px;

    transform:translateX(-60px);
    transition: all 2s;
}


#section04 .s4_styleguide19.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide20{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 1563px;
    top: 2846px;
	opacity: 0 ;
    transform:translateX(-80px);
    transition: all 2s;
}


#section04 .s4_styleguide20.on{
    transform:none;
 	opacity: 1;
}



#section04 .s4_styleguide21{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1183px;
    top: 3050px;
    z-index:5;

    transform:translateY(-10px);
    transition: all 1s;
}


#section04 .s4_styleguide21.on{
    transform:none;
    Opacity:1;
 
}







#section04 .s4_styleguide22{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1183px;
    top: 3100px;
   

    transform:translateY(-30px);
    transition: all 1.2s;
}


#section04 .s4_styleguide22.on{
    transform:none;
    Opacity:1;
 
}


#section04 .s4_styleguide23{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1183px;
    top: 3144px;

    transform:translateY(-50px);
    transition: all 1.4s;
}


#section04 .s4_styleguide23.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_styleguide24{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1183px;
    top: 3190px;

    transform:translateY(-70px);
    transition: all 1.6s;
}


#section04 .s4_styleguide24.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 904px;
    top: 3122px;

    transition: all 2s;
}


#section04 .s4_color1.on{
    transform:none;
    Opacity:1;
 
}





#section04 .s4_color2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 755px;
    top: 3330px;

    transform:scale(30%) ;
    transition: all 1.5s;
}


#section04 .s4_color2.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1170px;
    top: 3328px;

    transform:translateX(-30px);
    transition: all 1s;
}


#section04 .s4_color3.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1158px;
    top: 3383px;

    transform:translateX(-10px);
    transition: all 1s;
}


#section04 .s4_color4.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1272px;
    top: 3383px;

    transform:translateX(-30px);
    transition: all 1.3s;
}


#section04 .s4_color5.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1387px;
    top: 3383px;

    transform:translateX(-60px);
    transition: all 1.6s;
}


#section04 .s4_color6.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1499px;
    top: 3383px;

    transform:translateX(-90px);
    transition: all 1.9s;
}


#section04 .s4_color7.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color8{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1613px;
    top: 3383px;

    transform:translateX(-120px);
    transition: all 2.1s;
}


#section04 .s4_color8.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_color9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1158px;
    top: 3532px;

    transform:translateX(-10px);
    transition: all 2.1s;
}


#section04 .s4_color9.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_color10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1272px;
    top: 3532px;

    transform:translateX(-30px);
    transition: all 2.1s;
}


#section04 .s4_color10.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_color11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1387px;
    top: 3532px;

    transform:translateX(-60px);
    transition: all 2.1s;
}


#section04 .s4_color11.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_color12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1499px;
    top: 3532px;

    transform:translateX(-90px);
    transition: all 2.1s;
}


#section04 .s4_color12.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_color13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1613px;
    top: 3532px;

    transform:translateX(-120px);
    transition: all 2.1s;
}


#section04 .s4_color13.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color14{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1170px;
    top: 3728px;

    transform:translateX(-10px);
    transition: all 1s;
}


#section04 .s4_color14.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1169px;
    top: 3797px;

    transform:translateX(-10px);
    transition: all 1s;
}


#section04 .s4_color15.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color16{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1283px;
    top: 3797px;

    transform:translateX(-30px);
    transition: all 1.3s;
}


#section04 .s4_color16.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color17{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1390px;
    top: 3793px;

    transform:translateX(-60px);
    transition: all 1.6s;
}


#section04 .s4_color17.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color18{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1499px;
    top: 3788px;

    transform:translateX(-90px);
    transition: all 1.9s;
}


#section04 .s4_color18.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_color19{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1604px;
    top: 3783px;

    transform:translateX(-120px);
    transition: all 2.2s;
}


#section04 .s4_color19.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 714px;
    top: 3600px;

    transition: all 2s;
}


#section04 .s4_button1.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 269px;
    top: 3609px;

    transform:scale(30%);
    transition: all 2s;
}


#section04 .s4_button2.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 363px;
    top: 3985px;

    transform:translateY(-30px);
    transition: all 2s;
}


#section04 .s4_button3.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_button4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 358px;
    top: 4087px;

    transform:translateY(-30px);
    transition: all 1s;
}


#section04 .s4_button4.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 709px;
    top: 4087px;

    transform:translatey(-30px);
    transition: all 2s;
}


#section04 .s4_button5.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 709px;
    top: 4326px;

    transform:translatey(-30px);
    transition: all 3s;
}


#section04 .s4_button6.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1061px;
    top: 4088px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button7.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button8{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 376px;
    top: 4155px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button8.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 393px;
    top: 4404px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button9.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 393px;
    top: 4597px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button10.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 736px;
    top: 4146px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button11.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 738px;
    top: 4383px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button12.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 742px;
    top: 4539px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button13.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button14{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 736px;
    top: 4690px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button14.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1100px;
    top: 4148px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button15.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button16{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1333px;
    top: 4148px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button16.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button17{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1101px;
    top: 4295px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button17.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button18{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1344px;
    top: 4294px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button18.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button19{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1100px;
    top: 4537px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button19.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button20{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1348px;
    top: 4535px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button20.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_button21{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1348px;
    top: 4676px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section04 .s4_button21.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_icon1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 240px;
    top: 3766px;
    transition: all 2s;
}


#section04 .s4_icon1.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_icon2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 77px;
    top: 4890px;

    transform:translateY(-30px);
    transition: all 2s;
}


#section04 .s4_icon2.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_icon3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 0px;
    top: 5173px;
}


#section04 .s4_icon3.on{
    transform:none;
    Opacity:2.5;
 
}




#section04 .s4_icon4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 450px;
    top: 5052px;

    transform:translateX(-20px);
    transition: all 3s;
}


#section04 .s4_icon4.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_icon5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 583px;
    top: 5051px;

    transform:translateX(-20px);
    transition: all 1s;
}


#section04 .s4_icon5.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 583px;
    top: 5051px;

    transform:translateX(-30px);
    transition: all 1.3s;
}


#section04 .s4_icon6.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 583px;
    top: 5051px;

    transform:translateX(-40px);
    transition: all 1.6s;
}


#section04 .s4_icon7.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon8{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 583px;
    top: 5051px;

    transform:translateX(-50px);
    transition: all 1.9s;
}


#section04 .s4_icon8.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 681px;
    top: 5051px;

    transform:translateX(-60px);
    transition: all 2.2s;
}


#section04 .s4_icon9.on{
    transform:none;
    Opacity:1;
 
}




#section04 .s4_icon10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 779px;
    top: 5051px;

    transform:translateX(-70px);
    transition: all 2.5s;
}


#section04 .s4_icon10.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 974px;
    top: 5051px;

    transform:translateX(-80px);
    transition: all 2.8s;
}


#section04 .s4_icon11.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1170px;
    top: 5051px;

    transform:translateX(-90px);
    transition: all 3.1s;
}


#section04 .s4_icon12.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1364px;
    top: 5051px;

    transform:translateX(-100px);
    transition: all 3.3s;
}


#section04 .s4_icon13.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon14{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1463px;
    top: 5051px;

    transform:translateX(-110px);
    transition: all 3.4s;
}


#section04 .s4_icon14.on{
    transform:none;
    Opacity:1;
 
}



#section04 .s4_icon15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1559px;
    top: 5051px;

    transform:translateX(-120px);
    transition: all 3.7s;
}


#section04 .s4_icon15.on{
    transform:none;
    Opacity:1;
 
}







#section05{
   background:url("../img/section5/s5_background1.jpg");
   Height:3840px;
}



#section05 .s5_1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 679px;
    top: 270px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section05 .s5_1.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 439px;
    top: 857px;

    transform:translateX(20px);
    transition: all 1.2s;
}


#section05 .s5_2.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1065px;
    top: 870px;

    transform:translateX(-20px);
    transition: all 1.2s;
}


#section05 .s5_3.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 130px;
    top: 868px;

    transform:translateX(40px);
    transition: all 1.8s;
}


#section05 .s5_4.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1447px;
    top: 888px;

    transform:translateX(-40px);
    transition: all 1.5s;
}


#section05 .s5_5.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: -220px;
    top: 850px;

    transform:translateX(60px);
    transition: all 2s;
}


#section05 .s5_6.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1739px;
    top: 816px;

    transform:translateX(-60px);
    transition: all 2s;
}


#section05 .s5_7.on{
    transform:none;
    Opacity:1;
 
}




#section05 .s5_8{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 677px;
    top: 620px;

 
}


#section05 .s5_9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1204px;
    top: 1361px;

    transition: all 1.5s;
}


#section05 .s5_9.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1490px;
    top: 1196px;

    transform:translateX(-30px);
    transition: all 1.5s;
}


#section05 .s5_10.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 530px;
    top: 1424px;

    transition: all 1.5s;
}


#section05 .s5_11.on{
    transform:none;
    Opacity:1;
 
}




#section05 .s5_11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 530px;
    top: 1424px;

    transition: all 1.5s;
}


#section05 .s5_11.on{
    transform:none;
    Opacity:1;
 
}




#section05 .s5_12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 270px;
    top: 1663px;

    transition: all 2.5s;
}


#section05 .s5_12.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 106px;
    top: 1424px;

    transition: all 1.5s;
}


#section05 .s5_13.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_14{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 20px;
    top: 1696px;
 
}



#section05 .s5_15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 516px;
    top: 1771px;
	transform: translate(-50px);
    transition: all 1s;
}


#section05 .s5_15.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_16{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 777px;
    top: 1776px;
	transform: translate(-50px);
    transition: all 1.5s;
}


#section05 .s5_16.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_17{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 785px;
    top: 2043px;
	transform: translate(30px) ;
    transition: all 1.5s;
}


#section05 .s5_17.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_175{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1291px;
    top: 2093px;

    transition: all 2s;
}


#section05 .s5_175.on{
    transform:none;
    Opacity:1;
 
}



#section05 .s5_18{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 263px;
    top: 2542px;

    transition: all 1.5s;
}


#section05 .s5_18.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_19{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 189px;
    top: 2869px;
	transforem : translatey(30px);
    transition: all 1.5s;
}


#section05 .s5_19.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_20{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 475px;
    top: 3061px;
	transform: translateX(-10px);
    transition: all 1s;
}


#section05 .s5_20.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_21{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 744px;
    top: 3248px;
	transform: translateX(-20px);
    transition: all 1.3s;
}


#section05 .s5_21.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_22{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 802px;
    top: 3061px;
	transform: translateX(-30px);
    transition: all 1.6s;
}


#section05 .s5_22.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_23{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1072px;
    top: 3248px;
	transform: translateX(-40px);
    transition: all 1.9s;
}


#section05 .s5_23.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_24{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1131px;
    top: 3061px;
	transform: translateX(-50px);
    transition: all 2.1s;
}


#section05 .s5_24.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_25{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1402px;
    top: 3248px;
	transform: translateX(-60px);
    transition: all 2.3s;
}


#section05 .s5_25.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_26{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1460px;
    top: 3061px;
	transform: translateX(-70px);
    transition: all 2.6s;
}


#section05 .s5_26.on{
    transform:none;
    Opacity:1;
 
}


#section05 .s5_27{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 736px;
    top: 2908px;

    transition: all 1.5s;
}


#section05 .s5_27.on{
    transform:none;
    Opacity:1;
 
}





#section05 .onboarding{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 746px;
    top: 692px;
	border-radius: 300px
}




#section05 .survey{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 92px;
    top: 1765px;
	border-radius: 300px
}







#section06{
   background:url("../img/section6/s6_background1.png");
   Height:3260px;
}




#section06 .s6_1{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 34px;
    top: 256px;
}


#section06 .s6_1_1{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 1550px;
    top: 1050px;
}



#section06 .s6_1_2{
    width: 200px;
    height: 200px;
    position: absolute;
    opacity: 0;
	left: 1024px;
    top: 1115px;
   
}


#section06 .s6_1_2.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_1_3{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 300px;
    top: 2338px;
}
  


#section06 .s6_2{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 90px;
    top: 406px;
}





#section06 .s6_3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 90px;
    top: 676px;

    transform:translateX(30px);
	transition: all 1.5s;
}


#section06 .s6_3.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 76px;
    top: 790px;

    transform:translateX(30px);
    transition: all 2s;
}


#section06 .s6_4.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1137px;
    top: 256px;

    transform:translateX(-30px);
    transition: all 1.5s;
}


#section06 .s6_5.on{
    transform:none;
    Opacity:1;
 
}




#section06 .s6_6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 817px;
    top: 570px;
}


#section06 .s6_6.on{
    transform:none;
    Opacity:1.5;
 
}


#section06 .s6_7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 845px;
    top: 793px;

    transform:translateY(-30px);
    transition: all 2.5s;
}


#section06 .s6_7.on{
    transform:none;
    Opacity:1;
 
}


#section06 .s6_8{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1227px;
    top: 955px;
	transform:translateY(-30px);
    transition: all 1.5s;
}


#section06 .s6_8.on{
    transform:none;
    Opacity:1;
 
}


#section06 .s6_9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1048px;
    top: 1218px;

}


#section06 .s6_9.on{
    transform:none;
    Opacity:2.5;
 
}



#section06 .s6_10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 817px;
    top: 1164px;

    transform:translateY(-30px);
    transition: all 2s;
}


#section06 .s6_10.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 930px;
    top: 1456px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section06 .s6_11.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1057px;
    top: 1778px;
	transition: all 2s;
}



#section06 .s6_12.on{
    transform:none;
    Opacity:1;
 
}




#section06 .s6_13{
    Opacity:0;
    position: absolute;
    left: 930px;
    top: 2048px;

    transform:translate(230px,600px);
    transition: all 2s;
}


#section06 .s6_13.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_14{
    Opacity:0;
    position: absolute;
    left: 930px;
    top: 2471px;

    transform:translateX(230px);
    transition: all 2s;
}


#section06 .s6_14.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_15{
    Opacity:0;
    position: absolute;
    left: 930px;
    top: 2823px;

    transform:translate(150px, -250px);
    transition: all 2s;
}


#section06 .s6_15.on{
    transform:none;
    Opacity:1;
 
}




#section06 .s6_16{
    Opacity:0;
    position: absolute;
    left: 1525px;
    top: 1950px;

    transform:translate(-240px, 170px);
    transition: all 2s;
}


#section06 .s6_16.on{
    transform:none;
    Opacity:1;
 
}




#section06 .s6_17{
    Opacity:0;
    position: absolute;
    left: 1525px;
    top: 2462px;

    transform:translateX(-240px);
    transition: all 2s;
}


#section06 .s6_17.on{
    transform:none;
    Opacity:1;
 
}




#section06 .s6_18{
    Opacity:0;
    position: absolute;
    left: 1322px;
    top: 2953px;

    transform:scale(0.01);
	transform-origin: 0 0;
    transition: all 2s;
}


#section06 .s6_18.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_19{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 365px;
    top: 950px;

    transform:translatey(-30px);
    transition: all 1.5s;
}


#section06 .s6_19.on{
    transform:none;
    Opacity:1;
 
}


#section06 .s6_20{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 159px;
    top: 1190px;

    transform:translateX(30px);
    transition: all 1.5s;
}


#section06 .s6_20.on{
    transform:none;
    Opacity:1;
 
}


#section06 .s6_21{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 159px;
    top: 1610px;

    transform:translateX(40px);
    transition: all 2s;
}


#section06 .s6_21.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_22{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 159px;
    top: 2153px;

    transform:translateX(60px);
    transition: all 3s;
}


#section06 .s6_22.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_25{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 159px;
    top: 1920px;

    transform:translateX(50px);
    transition: all 2.5s;
}


#section06 .s6_25.on{
    transform:none;
    Opacity:1;
 
}



#section06 .s6_23{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 246px;
    top: 62px;
}


#section06 .s6_24{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 1094px;
    top: 2039px;
}



#section06 .main{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 360px;
    top: 147px;
	border-radius: 300px
}


#section06 .request{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 1184px;
    top: 2117px;
	border-radius: 300px
}










#section07{
   background:url("../img/section7/s7_background1.jpg");
   Height:3688px;
}


#section07 .s7_1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 625px;
    top: 144px;

    transform:translateY(30px);
    transition: all 1.5s;
}


#section07 .s7_1.on{
    transform:none;
    Opacity:1;
 
}



#section07 .s7_2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 208px;
    top: 392px;

    transform:translatey(-30px);
    transition: all 1.5s;
}


#section07 .s7_2.on{
    transform:none;
    Opacity:1;
 
}




#section07 .s7_4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 236px;
    top: 474px;

    transition: all 1.5s;
}


#section07 .s7_4.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 194px;
    top: 1136px;

    transform:translateX(30px);
    transition: all 1.5s;
}


#section07 .s7_5.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1252px;
    top: 945px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section07 .s7_6.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1723px;
    top: 889px;

    transform:translateY(-50px);
    transition: all 2.5s;
}


#section07 .s7_7.on{
    transform:none;
    Opacity:1;
 
}



#section07 .s7_8{
    width: 200px;
    height: 200px;
	position: absolute;
    left: 690px;
    top: 830px;
}



#section07 .s7_9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1303px;
    top: 538px;

    transform:translate(-100px,100px);
    transition: all 2.5s;
}


#section07 .s7_9.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 293px;
    top: 1654px;

    transform:translate(100px,-100px);
    transition: all 2.5s;
}


#section07 .s7_10.on{
    transform:none;
    Opacity:1;
 
}


#section07 .store{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 776px;
    top: 907px;
	border-radius: 300px
}



#section07 .s7_11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1450px;
    top: 2063px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section07 .s7_11.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1378px;
    top: 1993px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section07 .s7_12.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1598px;
    top: 1464px;


    transition: all 1.5s;
}


#section07 .s7_13.on{
    transform:none;
    Opacity:1;
 
}



#section07 .s7_14{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 398px;
    top: 2157px;

    transform:translateX(30px);
    transition: all 2.5s;
}


#section07 .s7_14.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 177px;
    top: 2498px;

    transform:translateY(-30px);
    transition: all 3s;
}


#section07 .s7_15.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_16{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 605px;
    top: 2489px;

    transform:translateY(-30px);
    transition: all 2.5s;
}


#section07 .s7_16.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_17{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1018px;
    top: 2489px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section07 .s7_17.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_18{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1018px;
    top: 2922px;

    transform:translateY(-30px);
    transition: all 2s;
}


#section07 .s7_18.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_19{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 351px;
    top: 2344px;

    transition: all 1.5s;
}


#section07 .s7_19.on{
    transform:none;
    Opacity:1;
 
}


#section07 .s7_20{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 773px;
    top: 2425px;
    transition: all 1.5s;
}


#section07 .s7_20.on{
    transform:none;
    Opacity:1;
 
}






#section08{
   background:url(../img/section8/s8_background1.jpg);
   Height:3757px;
}





#section08 .s8_1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 340px;
    top: 335px;

    transition: all 1.5s;
}


#section08 .s8_1.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_2{
    width: 20px;
    height: 200px;
    position: absolute;
    left: 1052px;
    top: 137px;

 
}



#section08 .s8_3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 546px;
    top: 1639px;

    transform:translateX(-100px);
    transition: all 1.5s;
}


#section08 .s8_3.on{
    transform:none;
    Opacity:1;
 
}




#section08 .s8_4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 546px;
    top: 2006px;

    transform:translateX(-100px);
    transition: all 1.8s;
}


#section08 .s8_4.on{
    transform:none;
    Opacity:1;
 
}




#section08 .s8_5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 546px;
    top: 2483px;

    transform:translateX(-100px);
    transition: all 2s;
}


#section08 .s8_5.on{
    transform:none;
    Opacity:1;
 
}




#section08 .s8_6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 540px;
    top: 2790px;

    transform:translateX(-100px);
    transition: all 2.2s;
}


#section08 .s8_6.on{
    transform:none;
    Opacity:1;
 
}




#section08 .s8_7{
    width: 200px;
    height: 200px;
    Opacity:1;
    position: absolute;
    left: 186px;
    top: 1884px;

    transform:translateY(-400px);
    transition: all 2s;
}


#section08 .s8_7.on{
    transform:none;
    Opacity:1;
 
}




#section08 .s8_8{
    width: 200px;
    height: 200px;
    Opacity:1;
    position: absolute;
    left: 186px;
    top: 2354px;

    transform:translateY(-500px);
    transition: all 2.5s;
}


#section08 .s8_8.on{
    transform:none;
    Opacity:1;
 
}


#section08 .shopping{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 1142px;
    top: 213px;
	border-radius: 300px
}



#section08 .s8_9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 100px;
    top: 994px;

    transform:translateY(-30px);
    transition: all 1s;
}


#section08 .s8_9.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 723px;
    top: 1378px;

    transform:translateX(-30px);
    transition: all 2s;
}


#section08 .s8_10.on{
    transform:none;
    Opacity:1;
 
}


#section08 .s8_11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 598px;
    top: 1440px;

    transform:translate(-50px);
    transition: all 1.5s;
}


#section08 .s8_11.on{
    transform:none;
    Opacity:1;
 
}


#section08 .s8_12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1388px;
    top: 1381px;

    transform:rotateY(100deg);
    transition: all 1s;
}


#section08 .s8_12.on{
    transform:none;
    Opacity:1;
 
}


#section08 .s8_13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 952px;
    top: 1259px;

    transition: all 2s;
}


#section08 .s8_13.on{
    transform:none;
    Opacity:1;
 
}




#section08 .s8_14{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1016px;
    top: 1825px;

    transform:translateX(30px);
    transition: all 1.5s;
}


#section08 .s8_14.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1016px;
    top: 2033px;

    transform:translateX(30px);
    transition: all 1.8s;
}


#section08 .s8_15.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_16{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1016px;
    top: 2533px;

    transform:translateX(30px);
    transition: all 2.1s;
}


#section08 .s8_16.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_17{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1016px;
    top: 3035px;

    transform:translateX(30px);
    transition: all 2.4s;
}


#section08 .s8_17.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_18{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1317px;
    top: 2613px;

    transform:translateX(-30px);
    transition: all 1s;
}


#section08 .s8_18.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_19{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1317px;
    top: 2101px;

    transform:translateX(-30px);
    transition: all 1s;
}


#section08 .s8_19.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_20{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1317px;
    top: 3114px;

    transform:translateX(-30px);
    transition: all 1s;
}


#section08 .s8_20.on{
    transform:none;
    Opacity:1;
 
}



#section08 .s8_21{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 583px;
    top: 967px;
	transform-origin: 0, 100%;
    transform:scale(30%);
    transition: all 1s;
}


#section08 .s8_21.on{
    transform:none;
    Opacity:1;
 
}


#section08 .s8_22{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1316px;
    top: 1905px;

    transform:translateX(-30px);
    transition: all 1s;
}


#section08 .s8_22.on{
    transform:none;
    Opacity:1;
 
}






#section09{
   background:url(../img/section9/s9_background1.jpg);
   Height:3488px;
}




#section09 .s9_1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 614px;
    top: 66px;

    transform:translateY(30px);
    transition: all 1.5s;
}


#section09 .s9_1.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 125px;
    top: 515px;

    transform:translateX(30px);
    transition: all 1.5s;
}


#section09 .s9_2.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 125px;
    top: 654px;

    transform:translatex(40px);
    transition: all 1.5s;
}


#section09 .s9_3.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 125px;
    top: 909px;

    transform:translatex(50px);
    transition: all 2s;
}


#section09 .s9_4.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 125px;
    top: 1286px;

    transform:translatex(60px);
    transition: all 1.9s;
}


#section09 .s9_5.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 430px;
    top: 521px;

    transform:translateY(-20px);
    transition: all 1s;
}


#section09 .s9_6.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1402px;
    top: 544px;

    transform:translateX(-30px);
    transition: all 2.5s;
}


#section09 .s9_7.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_8{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 981px;
    top: 930px;

    transform:translateY(-30px);
    transition: all 2s;
}


#section09 .s9_8.on{
    transform:none;
    Opacity:1;
 
}




#section09 .s9_9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 878px;
    top: 865px;
    transition: all 1.5s;
}


#section09 .s9_9.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1189px;
    top: 734px;
    transition: all 2.5s;
}


#section09 .s9_10.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_11{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 760px;
    top: 1835px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section09 .s9_11.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_12{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 944px;
    top: 1350px;
    transition: all 1s;
}


#section09 .s9_12.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1042px;
    top: 1568px;

    transform:translateY(-30px);
    transition: all 2s;
}


#section09 .s9_13.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_14{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1065px;
    top: 1962px;

    transform:translateX(-30px);
    transition: all 1.5s;
}


#section09 .s9_14.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1334px;
    top: 2054px;

    transform:translateX(-30px);
    transition: all 2.5s;
}


#section09 .s9_15.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_16{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 212px;
    top: 1952px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section09 .s9_16.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_17{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 212px;
    top: 2523px;

    transform:rotateX(-50px);
    transition: all 2s;
}


#section09 .s9_17.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_18{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1287px;
    top: 2469px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section09 .s9_18.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_19{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 487px;
    top: 1685px;
    transition: all 1.5s;
}


#section09 .s9_19.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_24{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 675px;
    top: 2760px;

    transition: all 2.5s;
}


#section09 .s9_24.on{
    transform:none;
    Opacity:1;
 
}



#section09 .s9_20{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1499px;
    top: 248px;

    transform:translateY(30px);
    transition: all 2s;
}


#section09 .s9_20.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_21{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1482px;
    top: 90px;

    transform:translateY(30px);
    transition: all 2s;
}


#section09 .s9_21.on{
    transform:none;
    Opacity:1;
 
}


#section09 .s9_22{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1406px;
    top: 164px;

    transform:translateY(30px);
    transition: all 2s;
}


#section09 .s9_22.on{
    transform:none;
    Opacity:1;
 
}



#section09 .mypage{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 517px;
    top: 594px;
	border-radius: 300px
}




#section10{
   background:url(../img/section10/s10_background1.jpg);
   Height:4456px;
}



#section10 .s10_1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 180px;
    top: 204px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section10 .s10_1.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 0px;
    top: 280px;

    transform:translateY(-50px);
    transition: all 2s;
}


#section10 .s10_2.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_mockup1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 0px;
    top: 1500px;

    transition: all 1s;
}


#section10 .s10_mockup1.on{
    transform:none;
    Opacity:1;
 
}


#section10 .s10_mockup2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 515px;
    top: 1710px;

    transform:translateY(-50px);
    transition: all 1.5s;
}


#section10 .s10_mockup2.on{
    transform:none;
    Opacity:1;
 
}


#section10 .s10_mockup3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 280px;
    top: 1700px;
    transition: all 2.5s;
}


#section10 .s10_mockup3.on{
    transform:none;
    Opacity:1;
 
}


#section10 .s10_mockup4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 545px;
    top: 1868px;

    transition: all 1s;
}


#section10 .s10_mockup4.on{
    transform:none;
    Opacity:1;
 
}


#section10 .s10_mockup5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 276px;
    top: 1691px;

    transition: all 2s;
}


#section10 .s10_mockup5.on{
    transform:none;
    Opacity:1;
 
}


#section10 .s10_mockup6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 64px;
    top: 1510px;

    transition: all 3s;
}


#section10 .s10_mockup6.on{
    transform:none;
    Opacity:1;
 
}


#section10 .s10_mockup7{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1514px;
    top: 1700px;

    transition: all 1.5s;
}


#section10 .s10_mockup7.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_mockup8{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1494px;
    top: 1580px;

    transform:translateY(-50px);
    transition: all 1.5s;
}


#section10 .s10_mockup8.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_mockup9{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1548px;
    top: 2055px;

    transition: all 1.5s;
}


#section10 .s10_mockup9.on{
    transform:none;
    Opacity:1;
 
}


#section10 .s10_mockup10{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1528px;
    top: 1940px;

    transform:translateY(-50px);
    transition: all 2s;
}


#section10 .s10_mockup10.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_mockup13{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 569px;
    top: 2320px;

    transition: all 2s;
}


#section10 .s10_mockup13.on{
    transform:none;
    Opacity:1;
 
}




#section10 .s10_mockup14{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 545px;
    top: 2200px;

    transform:translateY(-50px);
    transition: all 1.5s;
}


#section10 .s10_mockup14.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_mockup15{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 222px;
    top: 2560px;

    transition: all 2s;
}


#section10 .s10_mockup15.on{
    transform:none;
    Opacity:1;
 
}




#section10 .s10_mockup16{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 200px;
    top: 2445px;

    transform:translateY(-50px);
    transition: all 1.5s;
}


#section10 .s10_mockup16.on{
    transform:none;
    Opacity:1;
 
}




#section10 .s10_finish1{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 927px;
    top: 2999px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section10 .s10_finish1.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_finish2{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 717px;
    top: 3083px;

    transform:translateY(-30px);
    transition: all 1.5s;
}


#section10 .s10_finish2.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_finish3{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 734px;
    top: 3260px;

    transform:skewX(-30deg);
    transition: all 1s;
}


#section10 .s10_finish3.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_finish4{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 1027px;
    top: 3327px;
    transition: all 2s;
}


#section10 .s10_finish4.on{
    transform:none;
    Opacity:1;
 
}



#section10 .s10_finish5{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 291px;
    top: 3705px;

    transition: all 1.5s;
}


#section10 .s10_finish5.on{
    transform:none;
    Opacity:1;
 
}




#section10 .s10_finish6{
    width: 200px;
    height: 200px;
    Opacity:0;
    position: absolute;
    left: 732px;
    top: 4207px;

    transform:translateY(30px);
    transition: all 1.5s;
}


#section10 .s10_finish6.on{
    transform:none;
    Opacity:1;
 
}



#section11{
   background:url("../img/section11/s11_gnb8.png");
   Height:413px;
}



#section11 .s11_gnb1{
    Opacity:1;
    position: absolute;
    left: 150px;
    top: 130px;
	}


#section11 .s11_gnb2{
    Opacity:1;
    position: absolute;
    left: 578px;
    top: 126px;
	}


#section11 .s11_gnb3{
    Opacity:1;
    position: absolute;
    left: 796px;
    top: 126px;
	}


#section11 .s11_gnb4{
    Opacity:1;
    position: absolute;
    left: 999px;
    top: 126px;
	}


#section11 .s11_gnb5{
    Opacity:1;
    position: absolute;
    left: 1214px;
    top: 126px;
	}


#section11 .s11_gnb6{
    Opacity:1;
    position: absolute;
    left: 1410px;
    top: 126px;
	}


#section11 .s11_gnb7{
    Opacity:1;
    position: absolute;
    left: 1605px;
    top: 126px;
	}




.startPoint{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 80px;
  bottom: 80px;
  z-index: 99;
	border-radius: 10px;
	border: 2px solid #ededed;
  outline: none;
  cursor: pointer;
background-position : center;
	background-repeat : no-repeat;
  background: url(../img/section0/startpoint.png);
	box-shadow: 2px 2px 2px 2px #0000000c;
}



.startPoint:hover{
   background: url(../img/section0/startpoint2.png);
}