@keyframes lotate {
  0% {
    transform : rotate(0deg)
  }

  50% {
    transform : rotate(180deg)
  }

  100% {
    transform : rotate(360deg)
  }
}

@keyframes scroll {
	0%	{top:-10px;}
	50% {top:-1000px;}
	100% {top:-10px;}
}

@keyframes sizeScale {
	0%	{position:absolute; width:100px; height:49px; bottom:400px; right:200px;}
	100% {width:615px; height:300px;}
}

@keyframes sizeScale1 {
	0%	{position:absolute; width:50px; height:77px; top:500px; left:238px;}
	100% {width:436px; height:759px;}
}

@keyframes sizeScale2 {
	0%	{position:absolute; width:50px; height:46px; top:380px; right:380px;}
	100% {width:452px; height:491px;}
}

@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.clear {
	clear: both;
}
.wrap {
	width: 100%;
	z-index: 10;
	position: relative;
	margin:100px 0 0 0;
	padding: 0;

}

.inner {
	width: 50px;
	height: 50px;
	padding:0;
	font-family:나눔바른고딕, Malgun Gothic, 맑은 고딕, '돋움', sans-serif;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.subMenu {
	position:fixed;
	margin-left:50%;
	top:400px; 
	left:-652px;
	z-index: 99;
}

.subMenu .inner {
	padding:0;
	font-weight: bold;
}


.subNavBtn {
	display: block;
	height: 36px;
	width: 52px;
	float: left;
	margin: 0px 0px 2px 0;
	text-decoration: none;
	font-size: 20px;
	padding: 16px 0 0 0;
	text-align: center;
	background:url(./image/tab_bg.png)center top no-repeat;
    color:#ffffff;
}
.subMenu a:hover {
	background:url(./image/tab_bg.png)center top no-repeat;color:#fff000;
}

.active {
	background:url(./image/tab_on_bg.png)center top no-repeat;color:#ffffff;
}
.end {
	margin:0;
}




/* SECTIONS */
.sTop {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url()#231710 center top no-repeat;
	height: 80px;
	
}

.s00 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url()#000 center top no-repeat;
	
}
.s00 .ac01 {position:absolute; width:574px; height:300px; margin-left:50%; top:76px; left:-287px; }
.s00 .ac02 {position:absolute; width:1200px; height:232px; margin-left:50%; top:355px; left:-600px; }
.s00 .ac03 {position:absolute; width:401px; height:61px; margin-left:50%; top:470px; left:-200px; }
.s00 .ac04 {position:absolute; width:1085px; height:280px; margin-left:50%; top:610px; left:-542px; }

.s0 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0_bg.jpg)#ffffff center top no-repeat;
	height: 2040px;
	margin: 0;
	width: 100%;
	
}
.s0 .cont { position:absolute; width: 100%; height: 350px; left:0; top:552px; overflow:hidden;}
.s0 .cont .ac01_wrap {position:relative; width:100%; height:350px; }
.s0 .cont .ac01_wrap .ac01_tit {position:absolute; width:1114px; height:282px; margin-left:50%; top:7px; left:-577px; z-index:9; }

.s2_1_1126 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_1_1126_bg.jpg)#ffffff center top no-repeat;
	height: 2390px;
	margin: 0;
}

.s2_2_1126 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_2_1126_bg.jpg)#ffffff center top no-repeat;
	height: 520px;
	margin: 0;
}


.s1 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s1_bg.jpg)#ffffff center top no-repeat;
	height: 1140px;
	margin: 0;
	
}

.s1 .cont { position:relative; width: 100%; height: 1140px; overflow:hidden;}
.s1 .cont .ac01 {position:absolute; width:450px; height:1140px; top:0; left:0; }
.s1 .cont .ac02 {position:absolute; width:834px; height:562px; right:0; bottom:0;  }
.s1 .cont .ac03 {position:absolute; width:615px; height:300px; bottom:400px; right:0; animation-name:sizeScale; animation-duration:1.2s;  animation-timing-function:ease;}
.s1 .cont .ac04 {position:absolute; width:412px; height:380px; top:166px; right:0; }
.s1 .cont .ac05 {position:absolute; width:981px; height:487px; margin-left:50%; top:133px; left:-490px; z-index: 99;}
.s1 .cont .ac06 {position:absolute; width:560px; height:343px; margin-left:50%; top:646px; left:-531px; z-index: 99;  }
.s1 .cont .ac07 {position:absolute; width:472px; height:341px; margin-left:50%; top:646px; left:44px; z-index: 99;}

.s1 .cont .line {position:absolute; width:100%; height:1px; top:1000px; left:0; }

.s0411 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0411_bg.jpg)#ffffff center top no-repeat;
	height: 900px;
	margin: 0;
	width: 100%;
	
}
.s0411 .cont { position:absolute; width: 100%; height: 600px; left:0; top:240px; }

.s1129 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_3_1126_bg.jpg)#ffffff center top no-repeat;
	height: 1020px;
	margin: 0;
	width: 100%;
	overflow:hidden;
	
}
.s1129_slider { width: 100%; margin-top:200px; }
.s1129_slider .swiper-slide {width:auto; opacity:.8;}
.s1129_slider .swiper-slide img {display:block; transition:.4s; transform:scale(.6); transform-origin:center bottom;}
.s1129_slider .swiper-slide-active {opacity:1;}
.s1129_slider .swiper-slide-active img {transform:scale(1);}


.s0521 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_1.jpg)#ffffff center top no-repeat;
	height: 1200px;
	margin: 0;
	
}
.s0521 .ac { position:absolute; width: 234px; height: 174px; margin-left:50%; left:-155px; top:502px; }

.s2 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_bg.jpg)#ffffff center top no-repeat;
	height: 655px;
	margin: 0;
}
.s2 .cont { position:relative; width: 100%; height: 655px; }
.s2 .cont .ac01 {position:absolute; width:542px; height:78px; margin-left:50%; top:153px; left:-611px; }
.s2 .cont .ac02 {position:absolute; width:417px; height:204px; margin-left:50%; top:305px; left:-611px;  }

.s3 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_bg.jpg)#d5d5d5 center top no-repeat;
	height: 2270px;
	margin: 0;
}
.s3 .cont {position:relative; width: 1400px; height: 2850px; margin:0 auto;}
.s3 .cont .ac01 {position:absolute; width:800px; height:450px; top:560px; left:0;}
.s3 .cont .ac02 {position:absolute; width:543px; height:437px; top:567px; right:3px;}
.s3 .cont .ac03 {position:absolute; width:800px; height:450px; top:1115px; right:0;}
.s3 .cont .ac04 {position:absolute; width:543px; height:437px; top:1138px; left:-8px;}
.s3 .cont .ac05 {position:absolute; width:800px; height:450px; top:1672px; left:0;}
.s3 .cont .ac06 {position:absolute; width:543px; height:437px; top:1694px; right:10px;}
.s3 .cont .ac07 {position:absolute; width:261px; height:219px; top:118px; left:972px; animation: blink-effect 1s step-end infinite;}

.s0422 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_1_0421.jpg)#d5d5d5 center top no-repeat;
	height: 1860px;
	margin: 0;
	overflow:hidden;
}
.s0422 .cover {position:absolute; width:1920px; height:515px; margin-left:50%; bottom:0; left:-960px; z-index:5;}
.s0422 .phone {position:absolute; width:550px; height:1116px; margin-left:50%; top:440px; left:-636px; z-index:3;}
.s0422 .movie {position:absolute; width:500px; height:1116px; margin-left:50%; top:465px; left:-611px; border-radius:20px; overflow:hidden; z-index:2;}

.s30420 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/3s_0414_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1845px;
	margin: 0;
}

.s3_0521 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_2.jpg)#d5d5d5 center top no-repeat;
	height: 1485px;
	margin: 0;
}

.s3_0612 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_3_0611_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1550px;
	margin: 0;
}

.s4 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4.jpg)#d5d5d5 center top no-repeat;
	height: 1500px;
	margin: 0;
	overflow:hidden;
}
.s4 .ac01 {position:absolute; width:990px; height:480px; margin-left:50%; top:110px; left:-495px; z-index:9;}
.s4 .ac02 {position:absolute; width:1550px; height:720px; margin-left:50%; top:668px; left:-775px; z-index:9;}
.s4 .ac03 {position:absolute; width:436px; height:759px; top:0; left:0; animation-name:sizeScale1; animation-duration:1.5s;  animation-timing-function:ease;}
.s4 .ac04 {position:absolute; width:452px; height:491px; top:0; right:0; animation-name:sizeScale2; animation-duration:1.5s;  animation-timing-function:ease;}
.s4 .ac05 {position:absolute; width:111px; height:108px; margin-left:50%; top:813px; left:-821px; animation: blink-effect 1s step-end infinite; z-index:99; }
.s4 .ac06 {position:absolute; width:111px; height:108px; margin-left:50%; top:813px; left:-425px; animation: blink-effect 1s step-end infinite; z-index:99; }
.s4 .ac07 {position:absolute; width:111px; height:108px; margin-left:50%; top:813px; left:321px; animation: blink-effect 1s step-end infinite; z-index:99; }
.s4 .ac08 {position:absolute; width:111px; height:108px; margin-left:50%; top:813px; left:717px; animation: blink-effect 1s step-end infinite; z-index:99; }

.s4_0521 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4_2.jpg)#d5d5d5 center top no-repeat;
	height: 1400px;
	margin: 0;
	overflow:hidden;
}
.s4_0521 .ac01 {position:absolute; width:189px; height:96px; margin-left:50%; top:95px; left:218px; animation: blink-effect 1s step-end infinite; z-index:9;}

.s5 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s5_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1640px;
	margin: 0;
}
.s5 .cont { position:relative;width: 100%; height: 1640px;}
.s5 .cont .ac01 {position:absolute; width:340px; height:460px; margin-left:50%; top:493px; left:-700px;}
.s5 .cont .ac02 {position:absolute; width:340px; height:460px; margin-left:50%; top:493px; left:-345px;}
.s5 .cont .ac03 {position:absolute; width:340px; height:460px; margin-left:50%; top:493px; left:10px;}
.s5 .cont .ac04 {position:absolute; width:490px; height:490px; margin-left:50%; top:463px; left:365px;}
.s5 .cont .gif01 {position:absolute; width:462px; height:345px; margin-left:50%; top:971px; left:-701px; border: #191919 4px solid; }
.s5 .cont .gif02 {position:absolute; width:462px; height:345px; margin-left:50%; top:971px; left:77px; border: #191919 4px solid; }
.s5 .cont .text01 {position:absolute; width:269px; height:261px; margin-left:50%; top:910px; left:-350px; }
.s5 .cont .text02 {position:absolute; width:349px; height:193px; margin-left:50%; top:1130px; left:-307px; z-index:9;}
.s5 .cont .text03 {position:absolute; width:279px; height:262px; margin-left:50%; top:910px; left:427px; }
.s5 .cont .text04 {position:absolute; width:371px; height:193px; margin-left:50%; top:1230px; left:340px; z-index:9;}

.s50420 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/5s_0417_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1350px;
	margin: 0;
}

.s6 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s6_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1750px;
	margin: 0;
}
.s6 .cont { position:relative;width: 100%; height: 1750px; overflow:hidden;}
.s6 .cont .ac01 {position:absolute; width:348px; height:295px; top:0; left:0;}
.s6 .cont .ac02 {position:absolute; width:893px; height:863px; top:1077px; left:0;}
.s6 .cont .ac03 {position:absolute; width:577px; height:792px; bottom:0; right:0;}
.s6 .cont .ac04 {position:absolute; width:1000px; height:1580px; margin-left:50%; top:0; left:-700px; z-index:9;}
.s6 .cont .ac05 {position:absolute; width:689px; height:450px; margin-left:50%; top:667px; left:-345px; z-index:99;}

.s6_0209 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s6.1_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1420px;
	margin: 0;
	position:relative;
}
.s6_0209 .cont { position:absolute; width: 466px; height: 566px; margin-left:50%; left:-233px; top:512px; border-radius:30px; overflow:hidden;}


.s7 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s7_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1580px;
	margin: 0;
}
.s7 .cont { position:relative;width: 1596px; height: 1580px; margin:0 auto;}
.s7 .cont .ac01 {position:absolute; width:400px; height:25px; top:1235px; left:71px; overflow:hidden;}
.s7 .cont .ac02 {position:absolute; width:400px; height:25px; top:1235px; left:612px; overflow:hidden;}
.s7 .cont .ac03 {position:absolute; width:400px; height:25px; top:1235px; left:1148px; overflow:hidden;}
.s7 .cont .ac04 {position:absolute; width:88px; height:64px; top:1162px; left:415px; animation: motion 0.3s linear 0s infinite alternate; }
.s7 .cont .ac05 {position:absolute; width:88px; height:64px; top:1162px; left:958px; animation: motion 0.3s linear 0s infinite alternate; }
.s7 .cont .ac06 {position:absolute; width:88px; height:64px; top:1162px; left:1493px; animation: motion 0.3s linear 0s infinite alternate;}
.s7 .cont .ac07 {position:absolute; width:146px; height:68px; top:1249px; left:370px; animation: blink-effect 1s step-end infinite; }
.s7 .cont .ac08 {position:absolute; width:146px; height:68px; top:1249px; left:912px; animation: blink-effect 1s step-end infinite; }
.s7 .cont .ac09 {position:absolute; width:146px; height:68px; top:1249px; left:1448px; animation: blink-effect 1s step-end infinite; }


.s8 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s8_bg.jpg)#ffffff center top no-repeat;
	height: 2880px;
	margin: 0;
}
.s8 .cont { position:relative;width: 100%; height: 2880px; overflow:hidden;}
.s8 .cont .ac01 {position:absolute; width:424px; height:578px; top:75px; right:0; }
.s8 .cont .ac02 {position:absolute; width:789px; height:407px; margin-left:50%; top:133px; left:-395px; z-index:9; }
.s8 .cont .ac03 {position:absolute; width:315px; height:447px; margin-left:50%; top:943px; left:265px; }
.s8 .cont .ac04 {position:absolute; width:315px; height:447px; margin-left:50%; top:943px; left:600px; }
.s8 .cont .ac05 {position:absolute; width:984px; height:803px; top:2046px; left:0; }
.s8 .cont .ac06 {position:absolute; width:628px; height:661px; margin-left:50%; top:2076px; left:70px; }
.s8 .cont .ac07 {position:absolute; width:763px; height:313px; margin-left:50%; top:1486px; left:-382px; }
.s8 .cont .roll {position:absolute; width:100%; height:120px; top:1870px; left:0; }


.s9 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s9_bg.jpg)#d5d5d5 center top no-repeat;
	height: 3380px;
	margin: 0;
}
.s9 .cont { position:relative;width: 100%; height: 4280px; overflow:hidden;}
.s9 .cont .ac01 {position:absolute; width:918px; height:156px; margin-left:50%; top:126px; left:-459px;}
.s9 .cont .ac02 {position:absolute; width:741px; height:229px; margin-left:50%; top:337px; left:-370px; z-index:9; }
.s9 .cont .ac02 .tit {position:absolute; width:296px; height:112px; top:0; left:370px; animation: blink-effect 1s step-end infinite; z-index:9;}
.s9 .cont .ac03 {position:absolute; width:1297px; height:829px; margin-left:50%; top:528px; left:-678px; z-index:9;}
.s9 .cont .ac04 {position:absolute; width:1237px; height:829px; margin-left:50%; top:1548px; left:-637px; z-index:9;}
.s9 .cont .ac05 {position:absolute; width:1538px; height:951px; margin-left:50%; top:2354px; left:-769px; z-index:9;}
.s9 .cont .ac06 {position:absolute; width:299px; height:424px; top:2928px; right:0;}
.s9 .cont .ac07 {position:absolute; width:269px; height:227px; margin-left:50%; top:2296px; left:-113px;}

.s10 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s10_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1360px;
	margin: 0;
}

.s11 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s11_0822_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1250px;
	margin: 0;
	overflow:hidden;
}
.s11 .ac {position:absolute; width:286px; height:147px; margin-left:50%; top:78px; left:-90px;}
.s11 .story {position:absolute; width:100%; height:600px; top:377px; left:0; overflow:hidden;}

.s12 {
    padding-top:0;
	padding-bottom:0;
	background:url()#ff5500 center top no-repeat;
	height: 2400px;
	margin: 0;
}

.s12 .s12_wrap { position:relative; width:1200px; height:2500px; margin:0 auto;}
.s12 .s12_wrap .tit {position:absolute; width:1162px; height:99px; top:100px; left:19px;}
.s12 .s12_wrap .more{position:absolute; width:326px; height:68px; top:2230px; left:437px;}
.s12 .s12_wrap .more a:hover {opacity:0.8;}
.s12 .s12_wrap .best_news {position:absolute; width:1200px; height:810px; top:270px; left:0;}
.s12 .s12_wrap .cont{position:absolute; width:1200px; height:750px; top:1450px; left:0;}


#store_wrap {width:100%;height:520px;margin:0;padding:0;background:url('')#f5f5f5 center center no-repeat;}
#store_wrap .cont {width:1400px;height:500px;margin:0 auto;padding-top:70px;}

#news_wrap {width:100%;height:490px;margin:0;padding:0;background:url('')#ffffff center center no-repeat;}
#news_wrap .cont {position:relative; width:1400px;height:490px;margin:0 auto;padding-top:30px;}
#news_wrap .cont .news_btn {position: absolute;width:300px;height:80px;top:350px;left:550px;}