body {background: #f1f1f1;}
.stemonCon {width: 100%; max-width: 1200px; top: 50%; left: 50%; box-sizing: border-box; display: flex; align-items: center; margin: 0 auto; min-height: 100vh; justify-content: center; }
.slider {position: relative; margin: 0 auto; width: 100%; height: 800px; padding: 0px;}
.slider .slick-slide {text-align: center; color: #333; background: #fff;}
.slider .slick-prev,
.slider .slick-next {position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; color: #333; font-size: 24px; line-height: 36px; text-align: center; cursor: pointer; z-index: 1;}
.slick-prev:before,
.slick-next:before {content: "";}
/*
.slick-dots li button:before {color:blue;}
.slick-dots li.slick-active button:before {color:red;}
.slick-dots {bottom:20px;}
*/
.slider .slick-prev {left: -50px;}
.slider .slick-next {right: -50px;}
.slick-slide img {display: block;}
.page {width:100%; height:800px; position: relative; background-repeat: no-repeat;}
.page .img, .page .video {position: absolute;}
.page .video {z-index: 1000;}

/*¸Þ´º¹Ù*/
.img0{top: 58px; left: 58px; width:1087px; height:43px;}
.img1_1{top: 75px; left: 340px; width:75px; height:10px;}
.img1_2{top: 75px; left: 480px; width:78px; height:9px;}
.img1_3{top: 75px; left: 615px; width:86px; height:9px;}
.img1_4{top: 75px; left: 755px; width:106px; height:9px;}
.img1_5{top: 75px; left: 925px; width:52px; height:9px;}
.img1_6{top: 68px; left: 1046px; width:62px; height:23px;}
.img1_1_active{top: 74px; left: 338px; width:80px; height:11px;}
.img1_2_active{top: 74px; left: 478px; width:83px; height:10px;}
.img1_3_active{top: 74px; left: 613px; width:91px; height:10px;}
.img1_4_active{top: 74px; left: 753px; width:111px; height:10px;}
.img1_5_active{top: 74px; left: 923px; width:57px; height:10px;}
.img1_6_active{top: 67px; left: 1044px; width:67px; height:25px;}

#page1 {background: url(/images/page1_bg.png);}
#page1 .img1 {top: calc(50% - 57px); left: calc(50% - 129px); width:258px; height:114px;}
.page1.slick-active .img1 {animation: ani 1 0.5s 0.3s both;}

#page2 {background-image: url(/images/page2_bg.jpg);}
#page2 .img1{top: calc(40% - 35.5px); left: calc(50% - 86px); width:172px; height:71px;}
#page2 .img2{top: calc(60% - 65.5px); left: calc(50% - 232px); width:464px; height:131px;}
.page2.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page2.slick-active .img2 {animation: ani 1 1.5s 0.5s both;}

#page3 {background: url(/images/page2_bg.png);}
#page3 .img0{top: 60px; left: 60px; width:1088px; height:33px;}
#page3 .img1{top: 125px; left: 60px; width:257px; height:74px;}
#page3 .img2{top: 350px; left: 0px; width:1144px; height:9px;}
#page3 .img3{top: 330px; left: 60px; width:164px; height:218px;}
#page3 .img4{top: 330px; left: 240px; width:162px; height:305px;}
#page3 .img5{top: 330px; left: 420px; width:147px; height:204px;}
#page3 .img6{top: 330px; left: 600px; width:150px; height:165px;}
#page3 .img7{top: 330px; left: 780px; width:163px; height:277px;}
#page3 .img8{top: 330px; left: 960px; width:159px; height:198px;}
.page3.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page3.slick-active .img2 {animation: ani2 1 4s 0.3s both;}
.page3.slick-active .img3 {animation: ani 1 1s 0.5s both;}
.page3.slick-active .img4 {animation: ani 1 1s 0.8s both;}
.page3.slick-active .img5 {animation: ani 1 1s 1.2s both;}
.page3.slick-active .img6 {animation: ani 1 1s 1.5s both;}
.page3.slick-active .img7 {animation: ani 1 1s 2s both;}
.page3.slick-active .img8 {animation: ani 1 1s 3s both;}

#page4 {background: #00ab84;}
#page4 .img1{top: calc(50% - 12.5px); left: 60px; width:137px; height:25px;}
#page4 .img2{top: 50%; left: 260px; width:832px; height:2px;}
#page4 .img3{top: calc(50% - 9px); left: 300px; width:60px; height:108px;}
#page4 .img4{top: calc(38% - 9px); left: 450px; width:79px; height:115px;}
#page4 .img5{top: calc(50% - 9px); left: 600px; width:78px; height:108px;}
#page4 .img6{top: calc(38% - 9px); left: 750px; width:74px; height:115px;}
#page4 .img7{top: calc(50% - 9px); left: 910px; width:38px; height:108px;}
#page4 .img8{top: calc(38% - 9px); left: 1045px; width:94px; height:115px;}
.page4.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page4.slick-active .img2 {animation: ani 1 1s 0.5s both;}
.page4.slick-active .img3 {animation: ani 1 1s 0.7s both;}
.page4.slick-active .img4 {animation: ani 1 1s 1s both;}
.page4.slick-active .img5 {animation: ani 1 1s 1.3s both;}
.page4.slick-active .img6 {animation: ani 1 1s 1.6s both;}
.page4.slick-active .img7 {animation: ani 1 1s 1.9s both;}
.page4.slick-active .img8 {animation: ani 1 1.5s 2.2s both;}

#page5 {background: url(/images/page5_bg.png) no-repeat;}
#page5 .img1{top: 125px; left: 60px; width:258px; height:30px;}
#page5 .img2{top: 181px; left: 60px; width:74px; height:24px;}
#page5 .img3{top: 226px; left: 60px; width:424px; height:37px;}
#page5 .img4{top: 286px; left: 0; width:659px; height:427px;}
#page5 .img5{top: 736px; left: 90px; width:460px; height:16px;}
#page5 .img6{top: 226px; left: 630px; width:487px; height:88px;}
#page5 .img7{top: 341px; left: 630px; width:516px; height:23px;}
#page5 .img8{top: calc(50% - 9px); left: 630px; width: 240px; height:354px;}
#page5 .img9{top: calc(50% - 9px); left: 900px; width: 240px; height:334px;}
#page5_video1 {top: 300px; left: 75px; width: 500px;}
.page5.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page5.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page5.slick-active .img3 {animation: ani 1 1s 1s both;}
.page5.slick-active .img4 {animation: ani 1 2.5s 1.5s both;}
.page5.slick-active .img5 {animation: ani 1 1s 1.8s both;}
.page5.slick-active .img6 {animation: ani 1 2s 2s both;}
.page5.slick-active .img7 {animation: ani 1 1s 2.3s both;}
.page5.slick-active .img8 {animation: ani 1 1s 2.6s both;}
.page5.slick-active .img9 {animation: ani 1 1s 2.9s both;}
.page5.slick-active #page5_video1 {animation: ani 1 2.5s 1.5s both;}


#page6 {background: url(/images/page5_bg.png) no-repeat;}
#page6 .img2{top: 181px; left: 60px; width:177px; height:31px;}
#page6 .img3{top: 226px; left: 60px; width:438px; height:14px;}
#page6 .img4{top: 286px; left: 0; width:659px; height:427px;}
#page6 .img5{top: 736px; left: 210px; width:221px; height:16px;}
#page6 .img6{top: 226px; left: 630px; width:482px; height:50px;}
#page6 .img7{top: 341px; left: 630px; width:516px; height:23px;}
#page6 .img8{top: calc(50% - 9px); left: 630px; width: 241px; height:354px;}
#page6 .img9{top: calc(50% - 9px); left: 900px; width: 240px; height:354px;}
#page6_video1 {top: 300px; left: 75px; width: 500px;}
.page6.slick-active .img2 {animation: ani 1 1s 0.5s both;}
.page6.slick-active .img3 {animation: ani 1 1s 1s both;}
.page6.slick-active .img4 {animation: ani 1 2.5s 1.5s both;}
.page6.slick-active .img5 {animation: ani 1 1s 1.8s both;}
.page6.slick-active .img6 {animation: ani 1 1s 2s both;}
.page6.slick-active .img7 {animation: ani 1 1s 2.3s both;}
.page6.slick-active .img8 {animation: ani 1 1s 2.6s both;}
.page6.slick-active .img9 {animation: ani 1 1s 2.9s both;}
.page6.slick-active #page6_video1 {animation: ani 1 2.5s 1.5s both;}

#page7 {background: url(/images/page5_bg.png) no-repeat;}
#page7 .img2{top: 181px; left: 60px; width:167px; height:31px;}
#page7 .img3{top: 226px; left: 60px; width:376px; height:39px;}
#page7 .img4{top: 286px; left: 0; z-index:1; width:561px; height:364px;}
#page7 .img5{top: 571px; left: 75px;  width:101px; height:90px;}
#page7 .img6{top: 556px; left: 200px; width:180px; height:196px;}
#page7 .img7{top: 556px; left: 400px; width:160px; height:196px;}
#page7 .img8{top: 226px; left: 630px; width:490px; height:77px;}
#page7 .img9{top: 341px; left: 630px; width:516px; height:23px;}
#page7 .img10{top: calc(50% - 9px); left: 630px; width: 182px; height:337px;}
#page7 .img11{top: calc(50% - 9px); left: 900px; width: 240px; height:337px;}
#page7_video1 {top: 300px; left: 67px; width: 420px;}
.videoBox01 {width:160px; height: 160px; position: absolute; top: 556px; left: 210px; border-radius: 50%; overflow: hidden;}
.videoBox01 video {width:300px; height: 300px; position: relative; top: -70px; left: -60px;}
.videoBox02 {width:160px; height: 160px; position: absolute; top: 556px; left: 400px; border-radius: 50%; overflow: hidden;}
.videoBox02 video {width:300px; height: 300px; position: relative; top: -70px; left: -60px;}
.page7.slick-active .img2 {animation: ani 1 1s 0.5s both;}
.page7.slick-active .img3 {animation: ani 1 1s 1s both;}
.page7.slick-active .img4 {animation: ani 1 2.5s 1.5s both;}
.page7.slick-active .img5 {animation: ani 1 1s 2s both;}
.page7.slick-active .img6 {animation: ani 1 1s 2.5s both;}
.page7.slick-active .img7 {animation: ani 1 1s 2.8s both;}
.page7.slick-active .img8 {animation: ani 1 1s 3.1s both;}
.page7.slick-active .img9 {animation: ani 1 1s 3.4s both;}
.page7.slick-active .img10 {animation: ani 1 1s 3.6s both;}
.page7.slick-active .img11 {animation: ani 1 1s 3.6s both;}		
.page7.slick-active #page7_video1 {animation: ani 1 2.5s 1.5s both;}
.page7.slick-active #page7_video2 {animation: ani 1 1s 2.5s both;}
.page7.slick-active #page7_video3 {animation: ani 1 1s 2.8s both;}		


#page8 .img1{top: 125px; left: 60px; width:273px; height:30px;}
#page8 .img2{top: 181px; left: 60px; width:420px; height:12px;}
#page8 .img3{top: 226px; left: 60px; width:350px; height:256px;}
#page8 .img4{top: 500px; left: 100px; width:263px; height:66px;}
#page8 .img5{top: 625px; left: 75px; width: 318px; height:137px;}
#page8 .img6{top: 226px; left: calc(50% - 175px); width:350px; height:257px;}
#page8 .img7{top: 500px; left: calc(50% - 145px); width:290px; height:30px;}
#page8 .img8{top: 575px; left: calc(50% - 135px); width: 270px; height:186px;}
#page8 .img9{top: 226px; left: 790px; width:349px; height:257px;}
#page8 .img10{top: 500px; left: 840px; width:259px; height:48px;}
#page8 .img11{top: 575px; left: 830px; width: 270px; height:186px;}
.page8.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page8.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page8.slick-active .img3 {animation: ani 1 1s 1s both;}
.page8.slick-active .img4 {animation: ani 1 1s 1.3s both;}
.page8.slick-active .img5 {animation: ani 1 1s 1.6s both;}
.page8.slick-active .img6 {animation: ani 1 1s 2s both;}
.page8.slick-active .img7 {animation: ani 1 1s 2.3s both;}
.page8.slick-active .img8 {animation: ani 1 1s 2.6s both;}
.page8.slick-active .img9 {animation: ani 1 1s 3s both;}
.page8.slick-active .img10 {animation: ani 1 1s 3.3s both;}
.page8.slick-active .img11 {animation: ani 1 1s 3.6s both;}



#page9 .img1{top: 125px; left: 60px; width: 433px; height:30px;}
#page9 .img2{top: 181px; left: 60px; width: 464px; height:50px;}
#page9 .img3{top: 270px; left: 60px; width: 114px; height:19px;}
#page9 .img4{top: 310px; left: 60px; width: 204px; height:204px;}
#page9 .img5{top: 550px; left: 60px; width: 204px; height:204px;}
#page9 .img6{top: 310px; left: 350px; width: 188px; height:283px;}
#page9 .img7{top: 625px; left: 320px; width: 239px; height:68px;}
#page9 .img8{top: 181px; left: 630px; width: 156px; height:19px;}
#page9 .img9{top: 220px; left: 630px; width: 517px; height:152px;}
#page9 .img10{top: 390px; left: 636px; width: 503px; height:15px;}
#page9 .img11{top: 430px; left: 630px; width: 190px; height:19px;}
#page9 .img12{top: 470px; left: 630px; width: 210px; height:219px;}
#page9 .img13{top: 470px; left: 630px; width: 256px; height:282px;}
#page9 .img14{top: 430px; left: 890px; width: 158; height:19px;}
#page9 .img15{top: 470px; left: 890px; width: 206px; height:209px;}
#page9 .img16{top: 470px; left: 890px; width: 254px; height:282px;}
.page9.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page9.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page9.slick-active .img3 {animation: ani 1 1s 1s both;}
.page9.slick-active .img4 {animation: ani 1 1s 1.3s both;}
.page9.slick-active .img5 {animation: ani 1 1s 1.6s both;}
.page9.slick-active .img6 {animation: ani 1 1s 1.9s both;}
.page9.slick-active .img7 {animation: ani 1 1s 2.2s both;}
.page9.slick-active .img8 {animation: ani 1 1s 2.5s both;}
.page9.slick-active .img9 {animation: ani 1 1s 2.6s both;}
.page9.slick-active .img10 {animation: ani 1 1s 2.9s both;}
.page9.slick-active .img11 {animation: ani 1 1s 3.2s both;}
.page9.slick-active .img12 {animation: ani 1 1s 3.5s both;}
.page9.slick-active .img13 {animation: ani 1 3s 4s both;}
.page9.slick-active .img14 {animation: ani 1 1s 4.3s both;}
.page9.slick-active .img15 {animation: ani 1 1s 4.6s both;}
.page9.slick-active .img16 {animation: ani 1 3s 5.1s both;}


#page10 .img1{top: 125px; left: 60px; width: 359px; height:30px;}
#page10 .img2{top: 181px; left: 60px; width: 385px; height:31px;}
#page10 .img3{top: 240px; left: 60px; width: 127px; height:20px;}
#page10 .img4{top: 275px; left: 60px; width: 516px; height:165px;}
#page10 .img5{top: 460px; left: 160px; width: 312px; height:33px;}
#page10 .img6{top: 535px; left: 60px; width: 185px; height:20px;}
#page10 .img7{top: 570px; left: 60px; width: 516px; height:119px;}
#page10 .img8{top: 710px; left: 78px; width: 471px; height:33px;}
#page10 .img9{top: 240px; left: 635px; width: 59px; height:20px;}
#page10 .img10{top: 280px; left: 635px; width: 316px; height:356px;}
#page10 .img11{top: 290px; left: 955px; width: 186px; height:103px;}
#page10 .img12{top: 475px; left: 955px; width: 167px; height:84px;}
#page10_video1 {top: 278px; left: 65px; width: 240px;}
#page10_video2 {top: 278px; left: 332px; width: 240px;}
.page10.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page10.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page10.slick-active .img3 {animation: ani 1 1s 1s both;}
.page10.slick-active .img4 {animation: ani 1 2s 1.3s both;}
.page10.slick-active .img5 {animation: ani 1 1s 1.7s both;}
.page10.slick-active .img6 {animation: ani 1 1s 2s both;}
.page10.slick-active .img7 {animation: ani 1 1s 2.3s both;}
.page10.slick-active .img8 {animation: ani 1 1s 2.6s both;}
.page10.slick-active .img9 {animation: ani 1 1s 2.9s both;}
.page10.slick-active .img10 {animation: ani 1 1s 3.2s both;}
.page10.slick-active .img11 {animation: ani 1 1s 3.5s both;}
.page10.slick-active .img12 {animation: ani 1 1s 3.8s both;}
.page10.slick-active #page10_video1 {animation: ani 1 2s 1.3s both;}
.page10.slick-active #page10_video2 {animation: ani 1 2s 1.3s both;}


#page11 {background: url(/images/page11_bg.png) no-repeat;}
#page11 .img1{top: 125px; left: 60px; width: 190px; height:30px;}
#page11 .img2{top: 181px; left: 60px; width: 390px; height:31px;}
#page11 .img3{top: 270px; left: 60px; width: 80px; height:19px;}
#page11 .img4{top: 480px; left: 45px; width: 135px; height:136px;}
#page11 .img5{top: 370px; left: 90px; width: 136px; height:136px;}
#page11 .img6{top: 330px; left: 180px; width: 136px; height:136px;}
#page11 .img7{top: 330px; left: 300px; width: 136px; height:136px;}
#page11 .img8{top: 370px; left: 400px; width: 136px; height:136px;}
#page11 .img9{top: 480px; left: 460px; width: 136px; height:136px;}
#page11 .img10{top: 510px; left: 200px; width: 234px; height:235px;}
#page11 .img11{top: 181px; left: 630px; width: 148px; height:19px;}
#page11 .img12{top: 230px; left: 630px; width: 177px; height:120px;}
#page11 .img13{top: 365px; left: 632px; width: 173px; height:225px;}
#page11 .img14{top: 312px; left: 799px; width: 177px; height:111px;}
#page11 .img15{top: 440px; left: 825px; width: 136px; height:89px;}
#page11 .img16{top: 230px; left: 969px; width: 177px; height:119px;}
#page11 .img17{top: 365px; left: 1000px; width: 119px; height:207px;}
.page11.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page11.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page11.slick-active .img3 {animation: ani 1 1s 1s both;}
.page11.slick-active .img4 {animation: ani 1 1s 1.2s both;}
.page11.slick-active .img5 {animation: ani 1 1s 1.4s both;}
.page11.slick-active .img6 {animation: ani 1 1s 1.6s both;}
.page11.slick-active .img7 {animation: ani 1 1s 1.8s both;}
.page11.slick-active .img8 {animation: ani 1 1s 2s both;}
.page11.slick-active .img9 {animation: ani 1 1s 2.2s both;}
.page11.slick-active .img10 {animation: ani 1 1s 2.4s both;}
.page11.slick-active .img11 {animation: ani 1 1s 2.6s both;}
.page11.slick-active .img12 {animation: ani 1 2s 3s both;}
.page11.slick-active .img13 {animation: ani 1 2s 3.3s both;}
.page11.slick-active .img14 {animation: ani 1 2s 3.5s both;}
.page11.slick-active .img15 {animation: ani 1 2s 3.8s both;}
.page11.slick-active .img16 {animation: ani 1 2s 4.1s both;}
.page11.slick-active .img17 {animation: ani 1 2s 4.4s both;}

#page12 {background: url(/images/page12_bg.png) no-repeat;}
#page12 .img1{top: 181px; left: 60px; width: 106px; height:20px;}
#page12 .img2{top: 230px; left: 60px; width: 516px; height:522px;}
#page12 .img3{top: 230px; left: 630px; width: 516px; height:101px;}
#page12 .img4{top: 390px; left: 630px; width: 516px; height:362px;}
.page12.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page12.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page12.slick-active .img3 {animation: ani 1 1s 1s both;}
.page12.slick-active .img4 {animation: ani 1 1s 1.3s both;}

#page13 {background: url(/images/page13_bg.png) no-repeat;}
#page13 .img1{top: 181px; left: 60px; width: 94px; height: 20px;}
#page13 .img2{top: 230px; left: 60px; width: 517px; height: 231px;}
#page13 .img3{top: 275px; left: 230px; width: 166px; height: 158px;}
#page13 .img4{top: 275px; left: 420px; width: 135px; height: 144px;}
#page13 .img5{top: 520px; left: 60px; width: 233px; height: 66px;}
#page13 .img6{top: 520px; left: 350px; width: 191px; height: 66px;}
#page13 .img7{top: 625px; left: 60px; width: 194px; height: 67px;}
#page13 .img8{top: 181px; left: 630px; width: 142px; height: 20px;}
#page13 .img9{top: 220px; left: 630px; width: 516px; height: 16px;}
#page13 .img10{top: 250px; left: 630px; width: 459px; height: 111px;}
#page13 .img11{top: 250px; left: 765px; width: 126px; height: 111px;}
#page13 .img12{top: 250px; left: 900px; width: 129px; height: 111px;}
#page13 .img13{top: 250px; left: 1035px; width: 111px; height: 111px;}
#page13 .img14{top: 430px; left: 630px; width: 515px; height: 16px;}
#page13 .img15{top: 460px; left: 630px; width: 227px; height: 171px;}
#page13 .img16{top: 460px; left: 905px; width: 238px; height: 164px;}
#page13 .img17{top: 660px; left: 650px; width: 467px; height: 35px;}
.page13.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page13.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page13.slick-active .img3 {animation: ani 1 1s 1s both;}
.page13.slick-active .img4 {animation: ani 1 1s 1.3s both;}
.page13.slick-active .img5 {animation: ani 1 1s 1.6s both;}
.page13.slick-active .img6 {animation: ani 1 1s 1.9s both;}
.page13.slick-active .img7 {animation: ani 1 1s 2.2s both;}
.page13.slick-active .img8 {animation: ani 1 1s 2.5s both;}
.page13.slick-active .img9 {animation: ani 1 1s 2.8s both;}
.page13.slick-active .img10 {animation: ani 1 1.5s 3s both;}
.page13.slick-active .img11 {animation: ani 1 1.5s 3.2s both;}
.page13.slick-active .img12 {animation: ani 1 1.5s 3.4s both;}
.page13.slick-active .img13 {animation: ani 1 1.5s 3.7s both;}
.page13.slick-active .img14 {animation: ani 1 1s 4s both;}
.page13.slick-active .img15 {animation: ani 1 1s 4.3s both;}
.page13.slick-active .img16 {animation: ani 1 1s 4.6s both;}
.page13.slick-active .img17 {animation: ani 1 1s 4.9s both;}


#page14 .img1{top: 125px; left: 60px; width: 390px; height: 30px;}
#page14 .img2{top: 181px; left: 60px; width: 179px; height: 20px;}
#page14 .img3{top: 215px; left: 60px; width: 158px; height: 158px;}
#page14 .img4{top: 260px; left: 60px; width: 517px; height: 126px;}
#page14 .img5{top: 400px; left: 60px; width: 158px; height: 158px;}
#page14 .img6{top: 455px; left: 60px; width: 517px; height: 118px;}
#page14 .img7{top: 585px; left: 60px; width: 158px; height: 157px;}
#page14 .img8{top: 630px; left: 245px; width: 301px; height: 63px;}
#page14 .img9{top: 181px; left: 630px; width: 154px; height: 20px;}
#page14 .img10{top: 250px; left: 630px; width: 239px; height:335px;}
#page14 .img11{top: 250px; left: 900px; width: 239px; height:335px;}
#page14 .img12{top: 630px; left: 680px; width: 425px; height: 33px;}
.page14.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page14.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page14.slick-active .img3 {animation: ani 1 1s 1s both;}
.page14.slick-active .img4 {animation: ani 1 1s 1.3s both;}
.page14.slick-active .img5 {animation: ani 1 1s 1.6s both;}
.page14.slick-active .img6 {animation: ani 1 1s 1.9s both;}
.page14.slick-active .img7 {animation: ani 1 1s 2.2s both;}
.page14.slick-active .img8 {animation: ani 1 1s 2.5s both;}
.page14.slick-active .img9 {animation: ani 1 1s 2.8s both;}
.page14.slick-active .img10 {animation: ani 1 1s 3.1s both;}
.page14.slick-active .img11 {animation: ani 1 1s 3.4s both;}
.page14.slick-active .img12 {animation: ani 1 1s 3.7s both;}


#page15 .img1{top: 181px; left: 60px; width: 179px; height: 20px;}
#page15 .img2{top: 215px; left: 60px; width: 163px; height: 157px;}
#page15 .img3{top: 240px; left: 242px; width: 119px; height: 13px;}
#page15 .img4{top: 265px; left: 60px; width: 517px; height: 129px;}
#page15 .img5{top: 415px; left: 60px; width: 158px; height: 158px;}
#page15 .img6{top: 585px; left: 60px; width: 158px; height: 158px;}
#page15 .img7{top: 460px; left: 242px; width: 86px; height: 10px;}
#page15 .img8{top: 485px; left: 242px; width: 316px; height: 80px;}
#page15 .img9{top: 595px; left: 242px; width: 315px; height: 80px;}
#page15 .img10{top: 690px; left: 242px; width: 214px; height: 9px;}
#page15 .img11{top: 181px; left: 630px; width: 154px; height: 20px;}
#page15 .img12{top: 240px; left: 630px; width: 239px; height:181px;}
#page15 .img12_2{top: 240px; left: 900px; width: 239px; height:181px;}
#page15 .img13{top: 450px; left: 630px; width: 239px; height:179px;}
#page15 .img13_2{top: 450px; left: 900px; width: 239px; height:179px;}
#page15 .img14{top: 660px; left: 673px; width: 425px; height: 33px;}
#page15 .noshow {opacity:0;}
.page15.slick-active .img1 {animation: ani 1 1s 0.3s both;}
.page15.slick-active .img2 {animation: ani 1 1s 0.7s both;}
.page15.slick-active .img3 {animation: ani 1 1s 1s both;}
.page15.slick-active .img4 {animation: ani 1 1s 1.2s both;}
.page15.slick-active .img5 {animation: ani 1 1s 1.5s both;}
.page15.slick-active .img6 {animation: ani 1 1s 1.8s both;}
.page15.slick-active .img7 {animation: ani 1 1s 2.1s both;}
.page15.slick-active .img8 {animation: ani 1 1s 2.3s both;}
.page15.slick-active .img9 {animation: ani 1 1s 2.5s both;}
.page15.slick-active .img10 {animation: ani 1 1s 2.8s both;}
.page15.slick-active .img11 {animation: ani 1 1s 3s both;}
.page15.slick-active .img12 {animation: ani 1 1s 3.3s both;}
.page15.slick-active .img12_2 {animation: ani 1 1s 3.3s both;}
.page15.slick-active .img13 {animation: ani 1 1s 3.6s both;}
.page15.slick-active .img13_2 {animation: ani 1 1s 3.6s both;}
.page15.slick-active .img14 {animation: ani 1 1s 4s both;}

#page16 {background: url(/images/page16_bg.png) no-repeat;}
#page16 .img0{top: 676px; left: calc(50% - 384px);width:768px; height:63px;}
#page16 .img1{top: calc(50% - 14.5px); left: calc(50% - 277px);width:554px; height:29px;}
.page16.slick-active .img1 {animation: ani 1 1s 0.3s both;}


/* ¸ð´Þ */
#c_modal {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.6);
}

#c_modal-content {
	margin: 5% auto;
	display: block;
	width: 80%;
	max-width: 700px;
	background: #fff;
}

.close {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 3em;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

@keyframes ani {
	0% {opacity:0;}
	100% {opacity: 1;}
}

@keyframes ani2 {
	0% {opacity:0; left:-1144px;}
	100% {opacity: 1; left:0;}
}



@media (max-width: 1300px) {
  .stemonCon {width:96%; padding:4%;}
}