@charset"utf-8";

/* Eric Meyer reset.css */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0; padding:0; border:0 none; vertical-align:middle; font-size:14px; font-family:"SpoqaHan","돋움",sans-serif; color:#555; line-height:1; font-weight:normal;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none;}
table{border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
a{text-decoration:none;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

span,em,i,strong,sup{font-size:inherit; font-family:inherit; color:inherit; line-height:inherit; vertical-align:baseline; font-weight:inherit;}

/* font */
@font-face {
     font-family : "SpoqaHanB";
	 src :url(../../inc/fonts/SpoqaHanSansBold.woff) format('woff');
}

@font-face {
     font-family : "SpoqaHanL";
	 src :url(../../inc/fonts/SpoqaHanSansThin.woff) format('woff');
}

@font-face {
     font-family : "SpoqaHan";
	 src :url(../../inc/fonts/SpoqaHanSansRegular.woff) format('woff');
}

@font-face {
     font-family : "GmarketB";
	 src :url(font/GmarketSansTTFBold.woff) format('woff');
}

@font-face {
     font-family : "GmarketL";
	 src :url(font/GmarketSansTTFLight.woff) format('woff');
}

@font-face {
     font-family : "Gmarket";
	 src :url(font/GmarketSansTTFMedium.woff) format('woff');
}


/* basic */
htm,body{font-size:10.66px}
.wrap{min-width:1350px; overflow:hidden;}
.wrap .inner{position:relative; margin:auto;width: 1350px;}
h2.under{position:relative; display:inline-block; padding:0 10px;}
h2.under span{position:relative; z-index:1; font-family:"SpoqaHan","돋움",sans-serif; font-size: 32px;font-weight: bold;	font-stretch: normal;	font-style: normal;	line-height: 1.5;	letter-spacing: -0.8px;	text-align: center;	color: #111;}
h2.under:after{content:""; display:block; z-index:0; position:absolute; bottom:-2px; left:0; width:100%; height:20px; background:#52a7f1;}
.slogan{padding-top:40px; font-family:"SpoqaHan","돋움",sans-serif; font-size: 60px;font-weight: bold;	font-stretch: normal;	font-style: normal;	line-height: 1.75;	letter-spacing: -3px;	text-align: center;	color: #111;}
.desc{padding-top:15px; line-height:28px;font-size: 20px;	font-weight: 500;	font-stretch: normal;	font-style: normal;	line-height: 1.6;	letter-spacing: -0.5px;	text-align: center;	color: #555;}
br.m{display:none;}
br.pc{display:block;}

/* scene1 */
.scene1{background:#3c90db;}
.scene1 .inner{height:1080px;width: 1480px;box-sizing: border-box; padding-top:168px; position:relative; text-align: center;}

.scene1 .first{font-size:22px; color:#555;}
.scene1 h1{font-family:"SpoqaHan","돋움",sans-serif; font-weight:bold; font-size:80px; line-height:104px; color:#fff; text-align: center;}
.scene1 h2.under:after{background:#ff9546;}
.scene1 .normal{width:710px; padding-top:25px; font-size:25px; line-height:38px; color:#fff; text-align: center; display: inline-block;}
.scene1 .desc{width:430px; margin:auto;}
.scene1 .img1,
.scene1 .img2,
.scene1 .point,
.scene1 .point1,
.scene1 .point2,
.scene1 .point3,
.scene1 .point4,
.scene1 .point5,
.scene1 .point6,
.scene1 .point7,
.scene1 .point8,
.scene1 .point9{position:absolute;}
.scene1 .img1 {bottom: 0; right: 660px;}
.scene1 .img2{bottom: 0; left: 430px;}
.scene1 .point1{top:155px; right:-350px;}
.scene1 .point2{top:80px; right:1175px;}
.scene1 .point.m {display: none;}

.scene1 .part2{position:relative; padding:495px 0 0 0; text-align:center;}
.scene1 .part2 .under{opacity:0;}
.scene1 .part2 .slogan{opacity:0;}
.scene1 .part2 .desc{padding-bottom:90px; opacity:0;}
.scene1 .part2 .img6{opacity:0;}
.scene1 .part2 .img7{position:absolute; bottom:-160px; right:-113px; opacity:0;}


/* scene2 */
.scene2{padding:70px 0 183px 0; text-align:center;background:#fff;}
.scene2 .titwrap{text-align: left;}
.scene2 .under{opacity:0;}
.scene2 .slogan{opacity:0;}
.scene2 .desc{opacity:0;}
.scene2 .icons{padding-top:90px; text-align:center;}
.scene2 .icons li{display:inline-block; width:400px; height:400px; margin:0 35px; padding-top:50px; background:#fff; border-radius:30px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.16); box-sizing:border-box; opacity:0;}
.scene2 .icons li:first-child{margin-left:0;}
.scene2 .icons li:last-child{margin-right:0;}
.scene2 .icons li strong{display:block; padding:42px 0 7px 0; font-family:"GmarketB","돋움",sans-serif; font-size:40px; color:#111; line-height:62px;}
.scene2 .icons li strong span{color:#ff9546;}
.scene2 .icons li p{font-size:20px; line-height:28px;}
.scene2 .img3{opacity:0;padding-top:120px;}
.scene2 .img3.m {display: none;}


/* scene3 */
.scene3{position:relative; padding:68px 0 132px 0;background:#fff;}
.scene3:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:1560px; border-radius:170px 0 0 0; background:#e4ecf9;}
.scene3 .under{opacity:0;}
.scene3 .slogan{letter-spacing:-3.6px;opacity:0;}
.scene3 .desc{padding:25px 0 80px; opacity:0;}
.scene3 .img1{opacity:0; clear:both; margin-left:-10px;}
.scene3 .img2{position:absolute; top:215px; right:70px; opacity:0;}
.scene3 .img3{position:absolute; top:557px; right:70px; opacity:0;}
.scene3 .cont ul{clear:both; margin-left:-6px;}
.scene3 .cont ul:after{content:""; display:block; clear:both;}
.scene3 .cont ul li{float:left;margin-right:80px;opacity:0;}
.scene3 .cont ul li:last-child{float:right; margin-right:-20px;}
.scene3 .img7{position:Absolute; bottom:-132px; right:-113px;}

.scene4{padding:110px 0 100px 0; background:#fff;}
.scene4 .under{clear:both; opacity:0;}
.scene4 ul{position:relative; clear:both; padding:163px 0 0 8px;}
.scene4 ul:after{content:""; display:block; clear:both;}
.scene4 ul li{float:left; margin:0 83px 0 0; opacity:0;}
.scene4 ul li:nth-child(2){padding-top:110px;}
.scene4 ul li:nth-child(3){position:absolute; top:-15px; right:-24px; margin:0;}
.scene4 ul li:nth-child(4){margin-top:40px;}
.scene4 ul li:nth-child(5){padding-top:150px;}
.scene4 ul li:nth-child(6){position:absolute; bottom:277px; right:-107px; }
.scene4 .img7,
.scene4 .img8,
.scene4 .img9{position:absolute;}
.scene4 .img7 {opacity: 0;}
.scene4 .img8{opacity: 0;}
.scene4 .img9{opacity: 0;}


/* 애니메이션 */
@keyframes leftGo {
  0% {left:-80px; opacity:0;}
  80% {left:20px; opacity:1;}
  100% {left:0; opacity:1;}
}

@keyframes rightGo {
  0% {right:-80px; opacity:0;}
  80% {right:20px; opacity:1;}
  100% {right:0; opacity:1;}
}

@keyframes bottomGo {
  0% {bottom:-80px; opacity:0;}
  80% {bottom:20px; opacity:1;}
  100% {bottom:0; opacity:1;}
}

@keyframes topGo {
  0% {top:-80px; opacity:0;}
  80% {top:20px; opacity:1;}
  100% {top:0; opacity:1;}
}

@keyframes sizeGo {
  0% {transform: scale(0); opacity:0;}
  80% {transform: scale(1.1); opacity:1;}
  100% {transform: scale(1); opacity:1;}
}

@keyframes sizeGoMove1 {
  0% {top:240px; right:485px; transform: scale(0); opacity:0;}
  40% {top:260px; right:505px; transform: scale(0.5); opacity:0;}
  80% {top:180px; right:545px; transform: scale(1.2); opacity:1;}
  100% {top:200px; right:525px;transform: scale(1); opacity:1;}
}

@keyframes sizeGoMove2 {
  0% {top:334px; right:405px; transform: scale(0); opacity:0;}
  40% {top:334px; right:405px; transform: scale(0.5); opacity:0;}
  80% {top:274px; right:345px; transform: scale(1.2); opacity:1;}
  100% {top:294px; right:365px; transform: scale(1); opacity:1;}
}

@keyframes sizeGoMove3 {
  0% {top:412px; right:545px; transform: scale(0); opacity:0;}
  40% {top:412px; right:545px; transform: scale(0.5); opacity:0;}
  80% {top:472px; right:605px; transform: scale(1.2); opacity:1;}
  100% {top:452px; right:585px; transform: scale(1); opacity:1;}
}

@keyframes pointMove1 {
	0% {top:220px; right:550px; transform: scale(0); opacity:0;}
	50% {top:190px; right:200px; transform: scale(0.5); opacity:0;}
	80% {top:140px; right:-500px; transform: scale(1.2); opacity:1;}
	100% {top:155px; right:-350px; transform: scale(1); opacity:1;}
}
@keyframes pointMove2 {
	0% {top:220px; right:550px; transform: scale(0); opacity:0;}
	50% {top:160px; right:720px; transform: scale(0.5); opacity:0;}
	80% {top:30px; right:1400px; transform: scale(1.2); opacity:1;}
	100% {top:80px; right:1175px; transform: scale(1); opacity:1;}
}
@keyframes pointMove7 {
	0% {top:-50px; right:-230px; transform: scale(0); opacity:0;}
	50% {top:-20px; right:-260px; transform: scale(0.5); opacity:0;}
	80% {top:30px; right:-250px; transform: scale(1.2); opacity:1;}
	100% {top:10px; right:-230px; transform: scale(1); opacity:1;}
}
@keyframes pointMove8 {
	0% {top:950px; right:550px; transform: scale(0); opacity:0;}
	50% {top:920px; right:580px; transform: scale(0.5); opacity:0;}
	80% {top:890px; right:630px; transform: scale(1.2); opacity:1;}
	100% {top:870px; right:655px; transform: scale(1); opacity:1;}
}
@keyframes pointMove9 {
	0% {top:1890px; right:1380px; transform: scale(0); opacity:0;}
	50% {top:1820px; right:1240px; transform: scale(0.5); opacity:0;}
	80% {top:1780px; right:1200px; transform: scale(1.2); opacity:1;}
	100% {top:1740px; right:1175px; transform: scale(1); opacity:1;}
}

@keyframes part2Img7 {
  0% {bottom:-160px; right:-153px; opacity:0;}
  40% {bottom:-160px; right:-153px; opacity:0;}
  80% {bottom:-160px; right:-93px;opacity:1;}
  100% {bottom:-160px; right:-113px; opacity:1;}
}

@keyframes scene3Dl {
  0% {left:510px;  opacity:0;}
  40% {left:510px;  opacity:0;}
  80% {left:570px; opacity:1;}
  100% {left:550px; opacity:1;}
}

@keyframes scene3cal{
  0% {top:609px;  opacity:0;}
  40% {top:609px;  opacity:0;}
  80% {top:549px; opacity:1;}
  100% {top:569px; opacity:1;}
}

@keyframes scene3img2{
  0% {top:255px;  opacity:0;}
  50% {top:255px;  opacity:0;}
  80% {top:195px; opacity:1;}
  100% {top:215px; opacity:1;}
}

@keyframes scene3img3{
  0% {top:597px;  opacity:0;}
  60% {top:597px;  opacity:0;}
  80% {top:537px; opacity:1;}
  100% {top:557px; opacity:1;}
}

@keyframes scene5Li3 {
   0% {top:250px; opacity:0;}
  80% {top:65px; opacity:1;}
  100% {top:75px; opacity:1;}
}

@keyframes scene5Li6 {
   0% {bottom:0px; opacity:0;}
  80% {bottom:220px; opacity:1;}
  100% {bottom:200px; opacity:1;}
}



/* 애니메이션 동작 */
.scene1.move h1{position:relative; animation:leftGo 0.7s ease-out forwards;}
.scene1.move .normal{position:relative; animation:leftGo 0.9s ease-out forwards;}
.scene1.move .img1{animation:leftGo 1.2s ease-out forwards;}
.scene1.move .img2{animation:rightGo 1.2s ease-out forwards;}
/* .scene1.move .point1{animation:sizeGoMove2 1.2s ease-out forwards;  transform-origin:center center;} */
.scene1.move .point1{animation:pointMove1 1.2s ease-out forwards; }
.scene1.move .point2{animation:pointMove2 1.2s ease-out forwards; }

.scene2.move .under{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene2.move .slogan{position:relative; animation:rightGo 0.5s ease-out forwards;}
.scene2.move .desc{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene2.move .img3{position: relative; animation: sizeGo 0.7s ease-out forwards;}


.scene3.move .inner > .under{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene3.move .inner > .slogan{position:relative; animation:rightGo 0.5s ease-out forwards;}
.scene3.move .inner > .desc{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene3.move .img1{position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene3.move dl{animation:scene3Dl 0.9s ease-out forwards;}
.scene3.move .cal{animation:scene3cal 0.9s ease-out forwards;}
.scene3.move .img2{animation:scene3img2 1.2s ease-out forwards;}
.scene3.move .img3{animation:scene3img3 1.5s ease-out forwards;}

.scene3.move .cont ul li:nth-child(1){position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene3.move .cont ul li:nth-child(2){position:relative; animation:bottomGo 0.7s ease-out forwards;}
.scene3.move .cont ul li:nth-child(3){position:relative; animation:bottomGo 0.9s ease-out forwards;}

.scene4.move .inner > .under{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene4.move ul li:nth-child(1){position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene4.move ul li:nth-child(2){position:relative; animation:bottomGo 0.7s ease-out forwards;}
.scene4.move ul li:nth-child(3){animation:scene5Li3 0.9s ease-out forwards;}
.scene4 ul.move li:nth-child(4){position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene4 ul.move li:nth-child(5){position:relative; animation:bottomGo 0.7s ease-out forwards;}
.scene4 ul.move li:nth-child(6){animation:scene5Li6 0.9s ease-out forwards;}
.scene4.move .img7{animation:pointMove7 1.2s ease-out forwards;}
.scene4.move .img8{animation:pointMove8 1.2s ease-out forwards;}
.scene4.move .img9{animation:pointMove9 1.2s ease-out forwards;}

@media all and (max-width:1024px){/*1024이하 모바일*/
	img{max-width:100%;}
	.wrap{min-width:auto; width:100%; overflow:hidden;}
	.wrap .inner{width:100%;}
	h2.under span{font-size:18px;}
	h2.under:after{content:""; display:block; z-index:0; position:absolute; bottom:0; left:0; width:100%; height:12px;}
	.slogan{padding-top:25px; font-size:38px; line-height:48px;}
	.desc{width:auto!important; font-size:15px; line-height:25px;padding-top: 25px}
	br.m{display:block;}
	br.pc{display:none;}
	
	.scene1{position:relative; background-size:1024px auto; }
	.scene1 .inner{padding:100px 0 100px 0; text-align:center;height:780px;}
	.scene1 .first{font-size:17px;}
	.scene1 h1{padding-top:25px; font-size:48px; line-height:58px;}
	.scene1 .normal{padding-top:22px; width:300px; margin:auto; font-size:15px; line-height:25px;}
	.scene1 .img1{top:466px; left:-11%; width:285px;}
	.scene1 .img2{top:506px; right:-30%; left:auto; width:372px;}
	.scene1 .point1, .scene1 .point2 {display: none;}	
	.scene1 .point.m {display: block;top: 364px;right: 24%;left: 12%;}
	.scene1 .img3{top:463px; left:152px; width:22px;}
	.scene1 .img4{top:546px; left:31px; width:27px;}
	.scene1 .img5{position:relative; top:0; left:0; padding:60px 20px 0 20px; max-width:324px; margin:auto;}
	.scene1 .part2{padding:89px 0 0 0;}
	.scene1 .img6{width:260px; height:871px; margin:auto; background:url(image/global_m.png) no-repeat center center; background-size:100% auto;}
	.scene1 .img6 img{display:none;}
	.scene1 .slogan{width:240px; margin:auto;}
	.scene1 .part2{z-index:2;}
	.scene1 .part2 .img7{bottom:-100px; right:20px; width:187px}
	
	.scene2{padding:50px 0 100px 0;}
	.scene2 .inner{padding:0 30px;box-sizing: border-box;}
	.scene2 .img3 {display: none;}
	.scene2 .img3.m {display: block;padding-top:50px;}
	/* .scene2 .desc{width:266px!important; margin:auto;} */
	.scene2 .icons{padding:42px 30px 0 30px;}
	.scene2 .icons li{width:300px; height:320px; padding-top:40px; margin:15px 0!important;}
	.scene2 .icons li img{width:122px;}
	.scene2 .icons li strong{font-size:34px; padding:10px 0 0 0;}
	.scene2 .icons li p{font-size:17px; line-height:25px;}

	.scene3{padding:50px 30px 102px;}
	.scene3 .cont {text-align: center;}
	.scene3 .cont ul li {float: none;margin: 0 0 70px 0;width: 300px;display: inline-block;}
	.scene3 .cont ul li:last-child {float: none;margin:0;}
	.scene3:before{height:1327px; border-radius:60px 0 0 0;}
	.scene3 .slogan{padding-top:25px;}
	.scene3 .desc{padding:25px 0 0;}
	.scene3 .cont{padding-top:50px;}

	.scene4{padding:50px 30px 163px 30px;}
	.scene4 .slogan{padding:0 0 13px 0;}
	.scene4 .desc{padding:0;}
	.scene4 ul{padding:40px 0 0 0;}
	.scene4 ul li{position:relative; top:0; left:0; width:48%; margin:0 4% 40px 0; padding:0;}
	.scene4 ul li:nth-child(even){margin-right:0;}
	.scene4 ul li:nth-child(2){padding-top:0;}
	.scene4 ul li:nth-child(3){margin-right:4%;top:0;right:0;}
	.scene4 ul li:nth-child(4){margin-top:0;}
	.scene4 ul li:nth-child(5){padding-top:0;}
	.scene4 .cont{position:relative;}


	@keyframes sizeGoMove1_m {
	  0% {top:466px; left:-21%; opacity:0;}
	  40% {top:466px; left:-15%; opacity:0;}
	  80% {top:466px; left:-8%; opacity:1;}
	  100% {top:466px; left:-11%; opacity:1;}
	}

	@keyframes sizeGoMove2_m {
	  0% {top:506px; right:-50%; opacity:0;}
	  40% {top:506px; right:-40%; opacity:0;}
	  80% {top:506px; right:-25%; opacity:1;}
	  100% {top:506px; right:-30%; opacity:1;}
	}

	@keyframes sizeGoMove3_m {
	  0% {top:506px; left:71px; transform: scale(0); opacity:0;}
	  40% {top:506px; left:71px; transform: scale(0.5); opacity:0;}
	  80% {top:556px; left:21px; transform: scale(1.2); opacity:1;}
	  100% {top:546px; left:31px; transform: scale(1); opacity:1;}
	}

	@keyframes part2Img7_m {
	  0% {bottom:-100px; right:-20px; opacity:0;}
	  40% {bottom:-100px; right:-20px; opacity:0;}
	  80% {bottom:-100px; right:30px;opacity:1;}
	  100% {bottom:-100px; right:20px; opacity:1;}
	}

	@keyframes bottomGo2 {
	  0% {top:40px; opacity:0;}
	  80% {top:10px; opacity:1;}
	  100% {top:0; opacity:1;}
	}

	@keyframes bottomGo3 {
	  0% {top:80px; opacity:0;}
	  80% {top:30px; opacity:1;}
	  100% {top:40px; opacity:1;}
	}

	@keyframes pointMove_m {
		0% {top: 364px;right: 24%;left: 12%; transform: scale(0); opacity:0;}
		50% {top: 364px;right: 24%;left: 12%; transform: scale(0.5); opacity:0;}
		80% {top: 364px;right: 24%;left: 12%; transform: scale(1.2); opacity:1;}
		100% {top: 364px;right: 24%;left: 12%; transform: scale(1); opacity:1;}
	}

	@keyframes pointMove7_m {
		0% {bottom: 830px;right: -180px;transform: scale(0); opacity:0;}
		50% {bottom: 830px;right: -180px;transform: scale(0.3); opacity:0;}
		80% {bottom: 830px;right: -180px; transform: scale(0.8); opacity:1;}
		100% {bottom: 830px;right: -180px;transform: scale(0.5); opacity:1;}
	}
	@keyframes pointMove8_m {
		0% {bottom: 350px;right: 0;transform: scale(0); opacity:0;}
		50% {bottom: 350px;right: 0;transform: scale(0.3); opacity:0;}
		80% {bottom: 350px;right: 0; transform: scale(0.8); opacity:1;}
		100% {bottom: 350px;right: 0;transform: scale(0.5); opacity:1;}
	}
	@keyframes pointMove9_m {
		0% {bottom: 10px;right: 280px;transform: scale(0); opacity:0;}
		50% {bottom: 10px;right: 280px;transform: scale(0.4); opacity:0;}
		80% {bottom: 10px;right: 280px; transform: scale(0.6); opacity:1;}
		100% {bottom: 10px;right: 280px;transform: scale(0.8); opacity:1;}
	}
	
	.scene1.move .img1{animation:sizeGoMove1_m 1.2s ease-out forwards;  transform-origin:center center;}
	.scene1.move .img2{animation:sizeGoMove2_m 1.2s ease-out forwards;  transform-origin:center center;}
	.scene1.move .img4{animation:sizeGoMove3_m 1.2s ease-out forwards;  transform-origin:center center;}
	.scene1.move .img5{left:auto;}

	.scene1 .part2.move .img6{position:relative; animation:rightGo 0.7s ease-out forwards;}
	.scene1 .part2.move .img7{animation:part2Img7_m 1.5s ease-out forwards;}

	.scene1.move .point{animation:pointMove_m 1.2s ease-out forwards;  transform-origin:center center;}

	.scene3.move dl{animation:leftGo 0.7s ease-out forwards;}
	.scene3.move .img3{animation:rightGo 0.7s ease-out forwards;}
	
	.scene3 .cont2.move ul li:nth-child(2){position:absolute; opacity:1;}
	.scene3 .cont2.move ul li:nth-child(2) img{position:relative; animation:bottomGo 0.7s ease-out forwards;}

	.scene4.move ul li:nth-child(1){position:relative; animation:bottomGo2 0.5s ease-out forwards;}
	.scene4.move ul li:nth-child(2){position:relative; animation:bottomGo3 0.6s ease-out forwards;}
	.scene4.move ul li:nth-child(3){position:relative; animation:bottomGo2 0.7s ease-out forwards;}
	.scene4.move ul li:nth-child(4){position:relative; animation:bottomGo3 0.8s ease-out forwards;}
	.scene4.move ul li:nth-child(5){position:relative; animation:bottomGo2 0.9s ease-out forwards;}
	.scene4.move ul li:nth-child(6){position:relative; animation:bottomGo3 1s ease-out forwards;}

	.scene4.move .img7{animation:pointMove7_m 1.2s ease-out forwards;}
	.scene4.move .img8{animation:pointMove8_m 1.2s ease-out forwards;}
	.scene4.move .img9{animation:pointMove9_m 1.2s ease-out forwards;}
}

@media all and (max-width:960px){/*960이하 모바일*/
	.scene3:before{height:2059px;}	
}
@media all and (max-width:658px){/*658이하 모바일*/
	.scene3:before{height:2862px;}
	@keyframes pointMove9_m {
		0% {bottom: 10px;right: 280px;transform: scale(0); opacity:0;}
		50% {bottom: 10px;right: 280px;transform: scale(0.8); opacity:0;}
		80% {bottom: 10px;right: 280px; transform: scale(1.1); opacity:1;}
		100% {bottom: 10px;right: 280px;transform: scale(1.3); opacity:1;}
	}
}
@media all and (max-width:450px){/*450이하 모바일*/
	@keyframes pointMove9_m {
		0% {bottom: 10px;right: 280px;transform: scale(2.5); opacity:0;}
		50% {bottom: 10px;right: 280px;transform: scale(2.9); opacity:0;}
		80% {bottom: 10px;right: 280px; transform: scale(3.2); opacity:1;}
		100% {bottom: 10px;right: 280px;transform: scale(3.0); opacity:1;}
	}
}