@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; width:1350px; margin:auto;}
h2.under{position:relative; display:inline-block; padding:0 5px;}
h2.under span{position:relative; z-index:1; font-family:"GmarketB","돋움",sans-serif; font-size:26px; line-height:48px; color:#111;}
h2.under:after{content:""; display:block; z-index:0; position:absolute; bottom:9px; left:0; width:100%; height:16px; background:#fdd550;}
.slogan{padding-top:40px; font-family:"GmarketB","돋움",sans-serif; font-size:60px; line-height:72px; color:#111;}
.desc{padding-top:15px; font-size:18px; line-height:28px;}
br.m{display:none;}
br.pc{display:block;}

/* sense1 */
.scene1{background:#FFF7E6 url(image/scene1_bg.png) no-repeat center 100%; box-sizing:border-box;}
.scene1 .inner{padding:220px 0 160px 0;}
.scene1 .first{font-size:22px; color:#555;}
.scene1 h1{padding-top:30px; font-family:"GmarketB","돋움",sans-serif; font-size:89px; line-height:104px; color:#001111;}
.scene1 h2.under:after{background:#ff9546;}
.scene1 .normal{width:550px; padding-top:40px; font-size:17px; line-height:30px;}
.scene1 .desc{width:430px; margin:auto;}
.scene1 .img1,
.scene1 .img2,
.scene1 .img3,
.scene1 .img4,
.scene1 .img5{position:absolute;}
.scene1 .img1 {top:300px; right:390px;}
.scene1 .img2{top:200px; right:525px;}
.scene1 .img3{top:294px; right:365px;}
.scene1 .img4{top:452px; right:585px;}
.scene1 .img5{top:295px; right:-20px;}

.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;}


/* sense2 */
.scene2{padding:140px 0 150px 0; text-align:center; background:#eceefb;}
.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;}

/* sense3 */
.scene3{padding:142px 0 140px 0; background:#faf0e7;}
.scene3 .under{opacity:0;}
.scene3 .slogan{opacity:0;}
.scene3 .desc{opacity:0;}
.scene3 .int{padding-top:90px; opacity:0;}
.scene3 .int dl:before{content:""; display:block; width:60px; height:60px; margin-bottom:7px;  border-radius:30px; background:#F5770B url(image/s_icon1_on.svg) no-repeat center center; background-size:26px auto;}
.scene3 .int dl:nth-child(3):before{background:#F5770B url(image/s_icon2_on.svg) no-repeat center center; background-size:26px auto;}
.scene3 .int dl:nth-child(4):before{background:#F5770B url(image/s_icon3_on.svg) no-repeat center center; background-size:26px auto;}
.scene3 .int dl{display:none;}
.scene3 .int ol:first-child{display:none;}
.scene3 .int ol + dl{display:block;}
.scene3 .int dt{padding-bottom:15px; font-family:"SpoqaHanB","돋움",sans-serif; font-size:32px; line-height:62px; color:#f5770b;}
.scene3 .int dd{position:relative; padding-left:10px; margin-bottom:7px; font-size:18px; color:#444; line-height:23px;}
.scene3 .int dd:before{content:""; display:block; width:3px; height:3px; position:Absolute; top:11px; left:0; background:#444; border-radius:1.5px;}
.scene3 .int ol{padding-top:59px;}
.scene3 .int ol:after{content:""; display:block; clear:both;}
.scene3 .int ol li{float:left; margin-right:30px;}
.scene3 .int ol li a{display:block; width:190px; height:110px; border-radius:20px; background:#fff;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); font-size:16px; color:#777; line-height:23px; text-align:center;}
.scene3 .int ol li.on a{background:#f5770b; color:#fff;}
.scene3 .int ol li a:before{content:""; display:block; width:26px; height:26px; margin:auto; padding:25px 0 10px 0;}
.scene3 .int ol li:nth-child(1) a:before{background:url(image/s_icon1.svg) no-repeat center center; background-size:100% auto;}
.scene3 .int ol li:nth-child(1).on a:before{background:url(image/s_icon1_on.svg) no-repeat center center; background-size:100% auto;}
.scene3 .int ol li:nth-child(2) a:before{background:url(image/s_icon2.svg) no-repeat center center; background-size:100% auto;}
.scene3 .int ol li:nth-child(2).on a:before{background:url(image/s_icon2_on.svg) no-repeat center center; background-size:100% auto;}
.scene3 .int ol li:nth-child(3) a:before{background:url(image/s_icon3.svg) no-repeat center center; background-size:100% auto;}
.scene3 .int ol li:nth-child(3).on  a:before{background:url(image/s_icon3_on.svg) no-repeat center center; background-size:100% auto;}
.scene3 .img1{position:absolute; bottom:-140px; right:65px;}
.scene3 .img1 img{width:502px; display:none; margin:auto;}
.scene3 .img1 img:first-child{display:block;}
.scene3 .img1 img.on{position:relative; animation:rightGo 0.5s ease-out forwards;}
.scene3 .img2{position:absolute; bottom:-140px; right:-108px;}

/* sense4 */
.scene4{position:relative; padding:150px 0 132px 0; background:#f4f4f4;}
.scene4:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1663px; border-radius:360px 0 0 0; background:#f3edfb;}
.scene4 .under{float:left; opacity:0;}
.scene4 .slogan{clear:both; float:left; letter-spacing:-3.6px; padding-left:6px; opacity:0;}
.scene4 .desc{float:left; padding:43px 0 80px 55px; opacity:0;}
.scene4 .img1{opacity:0; clear:both; margin-left:-10px;}
.scene4 dl{position:absolute; top:317px; left:550px; opacity:0;}
.scene4 dl dt{padding-bottom:13px; color:#f5770b; font-size:32px; line-height:64px; font-family:"SpoqaHanB","돋움",sans-serif;}
.scene4 dl dt:before{content:""; display:block; position:absolute; top:30px; left:-133px; width:92px; height:2px; background:#B5B5B5;}
.scene4 dl dt:after{content:""; display:block; position:absolute; top:27px; left:-41px; width:8px; height:8px; border-radius:4px; background:#B5B5B5;}
.scene4 dl dd{position:relative; width:350px; padding-left:10px; margin-bottom:7px; font-size:18px; color:#444; line-height:23px;}
.scene4 dl dd:before{content:""; display:block; width:3px; height:3px; position:absolute; top:11px; left:0; background:#444; border-radius:1.5px;}
.scene4 .cal{opacity:0; position:absolute; top:569px; right:430px; width:335px; height:315px; padding:24px 25px; box-sizing:border-box; background:#f2f2f2; border-radius: 10px; border:1px solid #efefef; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.18); text-align:center;}
.scene4 .cal strong{display:block; width:91px; height:90px; line-height:110px; margin:auto; background:url(image/cal.svg) no-repeat center center; background-size:100% auto;  font-family:"GmarketB","돋움",sans-serif; font-size:30px; color:#f5770b; }
.scene4 .cal p{padding:5px 0 20px 0; font-size:15px; line-height:23px; color:#444;}
.scene4 .cal ul{padding:20px 0; background:#fff; border-radius: 10px;}
.scene4 .cal ul li{display:inline-block;}
.scene4 .cal ul li:after{content:""; display:block; width:37px; height:37px; margin:9px 10px 0; background:url(image/emoji01.svg) no-repeat center center; background-size:100% auto;}
.scene4 .cal ul li:nth-child(2):after{background:url(image/emoji02.svg) no-repeat center center; background-size:100% auto;}
.scene4 .cal ul li:nth-child(3):after{background:url(image/emoji03.svg) no-repeat center center; background-size:100% auto;}
.scene4 .cal ul li:nth-child(4):after{background:url(image/emoji04.svg) no-repeat center center; background-size:100% auto;}
.scene4 .cal > img{display:none;}
.scene4 .img2{position:absolute; top:215px; right:70px; opacity:0;}
.scene4 .img3{position:absolute; top:557px; right:70px; opacity:0;}
.scene4 .cont2{padding-top:142px;}
.scene4 .cont2 .slogan{opacity:0;}
.scene4 .cont2 .desc{opacity:0; padding:48px 0 80px 70px;}
.scene4 .cont2 ul{clear:both; padding-top:75px; margin-left:-6px;}
.scene4 .cont2 ul:after{content:""; display:block; clear:both;}
.scene4 .cont2 ul li{float:left;  opacity:0;}
.scene4 .cont2 ul li:first-child{margin-right:47px;}
.scene4 .cont2 ul li:last-child{float:right; margin-right:-20px;}
.scene4 .img7{position:Absolute; bottom:-132px; right:-113px;}

.scene5{padding:110px 0 100px 0; background:#f4f4f4;}
.scene5 .slogan{clear:both; float:left; padding-left:6px; opacity:0;}
.scene5 .desc{float:left; padding:46px 0 80px 48px; opacity:0;}
.scene5 ul{position:relative; clear:both; padding:58px 0 0 8px;}
.scene5 ul:after{content:""; display:block; clear:both;}
.scene5 ul li{float:left; margin:0 30px 0 0; opacity:0;}
.scene5 ul li:nth-child(2){padding-top:170px;}
.scene5 ul li:nth-child(3){position:absolute; top:-15px; right:-24px; margin:0;}
.scene5 ul li:nth-child(4){margin-top:-98px;}
.scene5 ul li:nth-child(5){padding-top:70px;}
.scene5 ul li:nth-child(6){position:absolute; bottom:277px; right:-54px; }

.scene6{padding-top:108px; height:1082px; text-align:center; box-sizing:border-box; background:#847CD5 url(image/last_bg.optimized.webp) no-repeat center center;}
.scene6 .slogan{opacity:0; padding-bottom:12px; font-size:62px; color:#fff;}
.scene6 .desc{opacity:0; color:#fff; font-family:"Gmarket","돋움",sans-serif; font-size:30px; line-height:1.5;}


/* 애니메이션 */
@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.2); 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 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 scene4Dl {
  0% {left:510px;  opacity:0;}
  40% {left:510px;  opacity:0;}
  80% {left:570px; opacity:1;}
  100% {left:550px; opacity:1;}
}

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

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

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

@keyframes scene5Li3 {
   0% {top:55px; opacity:0;}
  80% {top:-25px; opacity:1;}
  100% {top:-15px; opacity:1;}
}

@keyframes scene5Li6 {
   0% {bottom:217px; opacity:0;}
  80% {bottom:297px; opacity:1;}
  100% {bottom:277px; opacity:1;}
}

/* 애니메이션 동작 */
.scene1.move .first{position:relative; animation:leftGo 0.5s ease-out forwards;}
.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:sizeGo 0.7s ease-out forwards;  transform-origin:center center;}
.scene1.move .img2{animation:sizeGoMove1 1.2s ease-out forwards;  transform-origin:center center;}
.scene1.move .img3{animation:sizeGoMove2 1.2s ease-out forwards;  transform-origin:center center;}
.scene1.move .img4{animation:sizeGoMove3 1.2s ease-out forwards;  transform-origin:center center;}
.scene1.move .img5{animation:rightGo 1.2s ease-out forwards;}

.scene1 .part2.move .under{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene1 .part2.move .slogan{position:relative; animation:rightGo 0.5s ease-out forwards;}
.scene1 .part2.move .desc{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene1 .part2.move .img6{position:relative; animation:sizeGo 0.7s ease-out forwards;}
.scene1 .part2.move .img7{animation:part2Img7 1.5s 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 .icons li:nth-child(1){position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene2.move .icons li:nth-child(2){position:relative; animation:bottomGo 0.7s ease-out forwards;}
.scene2.move .icons li:nth-child(3){position:relative; animation:bottomGo 0.9s ease-out forwards;}

.scene3.move .under{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene3.move .slogan{position:relative; animation:rightGo 0.5s ease-out forwards;}
.scene3.move .desc{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene3.move .int{position:relative; animation:rightGo 0.5s ease-out forwards;}

.scene4.move .inner > .under{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene4.move .inner > .slogan{position:relative; animation:rightGo 0.5s ease-out forwards;}
.scene4.move .inner > .desc{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene4.move .img1{position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene4.move dl{animation:scene4Dl 0.9s ease-out forwards;}
.scene4.move .cal{animation:scene4cal 0.9s ease-out forwards;}
.scene4.move .img2{animation:scene4img2 1.2s ease-out forwards;}
.scene4.move .img3{animation:scene4img3 1.5s ease-out forwards;}

.scene4 .cont2.move .slogan{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene4 .cont2.move .desc{position:relative; animation:leftGo 0.7s ease-out forwards;}
.scene4 .cont2.move ul li:nth-child(1){position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene4 .cont2.move ul li:nth-child(2){position:relative; animation:bottomGo 0.7s ease-out forwards;}
.scene4 .cont2.move ul li:nth-child(3){position:relative; animation:bottomGo 0.9s ease-out forwards;}

.scene5.move .slogan{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene5.move .desc{position:relative; animation:leftGo 0.7s ease-out forwards;}
.scene5.move ul li:nth-child(1){position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene5.move ul li:nth-child(2){position:relative; animation:bottomGo 0.7s ease-out forwards;}
.scene5.move ul li:nth-child(3){animation:scene5Li3 0.9s ease-out forwards;}

.scene5 ul.move li:nth-child(4){position:relative; animation:bottomGo 0.5s ease-out forwards;}
.scene5 ul.move li:nth-child(5){position:relative; animation:bottomGo 0.7s ease-out forwards;}
.scene5 ul.move li:nth-child(6){animation:scene5Li6 0.9s ease-out forwards;}

.scene6.move .slogan{position:relative; animation:leftGo 0.5s ease-out forwards;}
.scene6.move .desc{position:relative; animation:rightGo 0.7s 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{padding:0;}
	h2.under span{font-size:18px;}
	h2.under:after{content:""; display:block; z-index:0; position:absolute; bottom:15px; left:0; width:100%; height:12px; background:#fdd550;}
	.slogan{padding-top:13px; font-size:38px; line-height:48px;}
	.desc{width:auto!important; padding:9px 40px 0; font-size:15px; line-height:25px;}
	br.m{display:block;}
	br.pc{display:none;}


	.scene1{position:relative; background-size:1024px auto; background:#FFF7E6 url(image/scene1_bg.png) no-repeat center 40px;}
	.scene1:after{content:""; display:block; position:absolute; bottom:0; left:0; z-index:0; width:100%; height:300px; background:#FFDC80;}
	.scene1 .inner{padding:100px 0 100px 0; text-align:center;}
	.scene1 .first{font-size:17px;}
	.scene1 h1{padding-top:25px; font-size:48px; line-height:58px;}
	.scene1 .normal{padding-top:22px; width:286px; margin:auto; font-size:15px; line-height:25px;}
	.scene1 .img1{top:467px; left:45px; width:114px;}
	.scene1 .img2{top:416px; left:52px; width:38px;}
	.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:87px 0 85px 0}
	.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:87px 30px 0;}
	.scene3 .desc{padding:10px 0 0 0;}
	.scene3 .int{padding-top:56px;}
	.scene3 .int dl:before{display:none;}
	.scene3 .img1{position:relative; bottom:0; right:0;}
	.scene3 .int ol:first-child{display:block; padding:0 0 19px 0;}
	.scene3 .int dl + ol{display:none;}
	.scene3 .int ol li{margin-right:12px;}
	.scene3 .int ol li a{width:48px; height:48px; border-radius:24px; text-indent:-9999em; overflow:hidden; background:#fff url(image/s_icon1.svg) no-repeat center center;  background-size:24px auto;}
	.scene3 .int ol li:nth-child(2) a{background:#fff url(image/s_icon2.svg) no-repeat center center;  background-size:24px auto;}
	.scene3 .int ol li:nth-child(3) a{background:#fff url(image/s_icon3.svg) no-repeat center center;  background-size:24px auto;}
	.scene3 .int ol li:nth-child(1).on a{background:#F5770B url(image/s_icon1_on.svg) no-repeat center center;  background-size:24px auto;}
	.scene3 .int ol li:nth-child(2).on a{background:#F5770B url(image/s_icon2_on.svg) no-repeat center center;  background-size:24px auto;}
	.scene3 .int ol li:nth-child(3).on a{background:#F5770B url(image/s_icon3_on.svg) no-repeat center center;  background-size:24px auto;}
	.scene3 .int ol li a:before{display:none;}
	.scene3 .int dl{padding-bottom:6px;}
	.scene3 .int dt{font-size:28px; line-height:38px;}
	.scene3 .int dt .m{display:block;}
	.scene3 .int dd{font-size:15px; line-height:22px;}
	.scene3 .img2{width:179px; right:-24px; bottom:0;}
	.scene3 .img2 img{width:179px; height:165px;}

	.scene4{padding:86px 30px 104px 30px;}
	.scene4:before{height:1422px; border-radius:60px 0 0 0;}
	.scene4 .cal{display:none;}
	.scene4 .img2{display:none;}
	.scene4 .img3{position:relative; top:0; right:0; text-align:center; padding:0 32px;}
	.scene4 .slogan{padding:0 0 13px 0;}
	.scene4 .desc{padding:0 0 31px 0;}
	.scene4 dl{position:relative; top:0; left:0; clear:both; padding:0 0 21px 0;}
	.scene4 dl dt{font-size:28px; line-height:38px;}
	.scene4 dl dt:before,
	.scene4 dl dt:after{display:none;}
	.scene4 dl dd{width:auto; font-size:15px; line-height:23px;}
	.scene4 .img1{margin:0; text-align:center;}
	.scene4 .cont2{padding-top:100px;}
	.scene4 .cont2 .desc{padding:0 0 0 0;}
	.scene4 .cont2 ul{position:relative; padding-top:52px;}
	.scene4 .cont2 ul li{float:none!important; margin:0!important; width:50%;}
	.scene4 .cont2 ul li:nth-child(2){position:absolute; top:50%; right:0; margin-top:-38%!important;}
	.scene4 .img7{bottom:-104px; right:-14px; width:143px;}

	.scene5{padding:98px 30px 100px 30px;}
	.scene5 .slogan{padding:0 0 13px 0;}
	.scene5 .desc{padding:0;}
	.scene5 ul{padding:50px 0 0 0;}
	.scene5 ul li:nth-child(1){position:relative; top:0; left:0; width:50%; margin:0; padding:0;}
	.scene5 ul li:nth-child(2){position:relative; top:40px; left:0; width:50%; margin:0; padding:0;}
	.scene5 ul li:nth-child(3){position:relative; top:0; left:0; width:50%; margin:0; padding:0;}
	.scene5 ul li:nth-child(4){position:relative; top:40px; left:0; width:50%; margin:0; padding:0;}
	.scene5 ul li:nth-child(5){position:relative; top:0; left:0; width:50%; margin:0; padding:0;}
	.scene5 ul li:nth-child(6){position:relative; top:40px; left:0; width:50%; margin:0; padding:0;}

	.scene6{height:681px; padding-top:100px; background-size:1224px auto;}
	.scene6 .slogan{padding:0 0 12px 0; font-size:34px; line-height:38px;}
	.scene6 .desc{padding:0; font-size:22px; line-height:30px;}


	@keyframes sizeGoMove1_m {
	  0% {top:456px; left:92px; transform: scale(0); opacity:0;}
	  40% {top:456px; left:92px; transform: scale(0.5); opacity:0;}
	  80% {top:406px; left:42px; transform: scale(1.2); opacity:1;}
	  100% {top:416px; left:52px;transform: scale(1); opacity:1;}
	}

	@keyframes sizeGoMove2_m {
	  0% {top:503px; left:112px; transform: scale(0); opacity:0;}
	  40% {top:503px; left:112px; transform: scale(0.5); opacity:0;}
	  80% {top:453px; left:162px; transform: scale(1.2); opacity:1;}
	  100% {top:463px; left:152px; transform: scale(1); 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;}
	}

	
	.scene1.move .img2{animation:sizeGoMove1_m 1.2s ease-out forwards;  transform-origin:center center;}
	.scene1.move .img3{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;}

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

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

}