@keyframes light_ani {0%{opacity:0.9;} 50%{opacity:0.1;} 100%{opacity:0.9;}}

@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:388px; height:601px;}
}

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

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

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

@keyframes ci {
0% {transform: scale(1);}
50% {transform: scale(1.1);}
100% {transform: scale(1);}
}

@keyframes bounce {
    0% {
      top: 40px;
    }
    50% {
      top: 120px;
  	  height: 40px;
    }
    55% {
      top: 150px;
      height: 25px;
    }
    65% {
      top: 120px;
      height: 40px;
    }
    95% {
	  top: 40px;
    }
    100% {
      top: 40px;
    }
  }

==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(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;
	
}

.s0410 {
    position:relative;
	margin-top:0;
    padding-top:0;
	padding-bottom:0;
	background:url()#e5e3db center top no-repeat;
	height: 1880px;
	margin: 0;
	overflow:hidden;
	
}
.s0410 .txt1 {position:absolute; width:346px; height:662px; top:0; left: 0; z-index:2; }
.s0410 .txt2 {position:absolute; width:852px; height:630px; margin-left:50%; top:100px; left: -476px; z-index:3; animation: slideUp 0.7s linear; animation-fill-mode: both;}
.s0410 .txt3 {position:absolute; width:898px; height:1024px; margin-left:50%; bottom:0; left: -449px; z-index:1; }
.s0410 .ac1 {position:absolute; width:440px; height:109px; margin-left:50%; top:1130px; left: -689px; z-index:4; }
.s0410 .ac2 {position:absolute; width:530px; height:164px; margin-left:50%; top:1168px; left: 170px; z-index:4; }
.s0410 .ac3 {position:absolute; width:563px; height:164px; margin-left:50%; top:1270px; left: -863px; z-index:4; }
.s0410 .ac4 {position:absolute; width:520px; height:141px; margin-left:50%; top:1364px; left: 317px; z-index:4; }
.s0410 .ac5 {position:absolute; width:438px; height:141px; margin-left:50%; top:1461px; left: -689px; z-index:4; }
.s0410 .ac6 {position:absolute; width:582px; height:166px; margin-left:50%; top:1534px; left: 220px; z-index:4; }

.s0240125 {
    position:relative;
	margin-top:-10px;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0_240125_bg.jpg)#222222 center top no-repeat;
	height: 1320px;
	margin: 0;
	overflow:hidden;
	
}
.s0240125 .ac {position:absolute; width:430px; height:301px; margin-left: 50% ; top:175px; left: 420px; animation: blink-effect 1s step-end infinite; }

.s0 {
    position:relative;
	margin-top:-10px;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0_bg.jpg)#222222 center top no-repeat;
	height: 1400px;
	margin: 0;
	overflow:hidden;
	
}
.s0 .cont {position: absolute; width:1400px; height:1400px; margin-left: 50% ; left: -700px; top: 0; z-index:9; }
.s0 .bgac1 {position: absolute; width:675px; height:675px; left: -200px; top: -150px; animation: lotate 10s linear infinite; }
.s0 .bgac2 {position: absolute; width:353px; height:543px; top:-50px; right:0; }

.s1_240722 {
    position:relative;
	margin-top:0;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s1_240722.jpg)#222222 center top no-repeat;
	height: 2180px;
	margin: 0;
	overflow:hidden;	
}
.s1_240722 .ac {position:absolute; width:303px; height:346px; margin-left: 50% ; top:460px; left: 228px; animation: blink-effect 1s step-end infinite; }

.s4_240826 {
    position:relative;
	margin-top:0;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4_240826.jpg)#222222 center top no-repeat;
	height: 1840px;
	margin: 0;
	overflow:hidden;	
}
.s4_240826 .ac {position:absolute; width:499px; height:251px; margin-left: 50% ; top:787px; left: 365px; animation: ci 1.5s ease-in-out infinite; }

.s1_240125 {
    position:relative;
	margin-top:0;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s1_240125_bg.jpg)#222222 center top no-repeat;
	height: 1000px;
	margin: 0;
	overflow:hidden;	
}

.s2_240125 {
    position:relative;
	margin-top:0;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_240125_bg.jpg)#222222 center top no-repeat;
	height: 1700px;
	margin: 0;
	overflow:hidden;	
}
.s2_240125 .ac01 {position:absolute; width:153px; height:153px; margin-left:50%; top:574px; left:-392px; animation: ci 1.5s ease-in-out infinite;}
.s2_240125 .ac02 {position:absolute; width:153px; height:153px; margin-left:50%; top:574px; left:28px; animation: ci 1.5s ease-in-out infinite;}
.s2_240125 .ac03 {position:absolute; width:153px; height:153px; margin-left:50%; top:574px; left:447px; animation: ci 1.5s ease-in-out infinite;}
.s2_240125 .ac04 {position:absolute; width:153px; height:153px; margin-left:50%; top:979px; left:-392px; animation: ci 1.5s ease-in-out infinite;}
.s2_240125 .ac05 {position:absolute; width:153px; height:153px; margin-left:50%; top:979px; left:28px; animation: ci 1.5s ease-in-out infinite;}
.s2_240125 .ac06 {position:absolute; width:153px; height:153px; margin-left:50%; top:979px; left:447px; animation: ci 1.5s ease-in-out infinite;}

.s5_240813 {
    position:relative;
	margin-top:0;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s5_240813.jpg)#222222 center top no-repeat;
	height: 1260px;
	margin: 0;
	overflow:hidden;	
}
.s5_240813 .ac {position:absolute; width:603px; height:312px; margin-left: 50% ; top:347px; left: -301px; animation: blink-effect 1s step-end infinite; }

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

.s1 .ac01 {position:absolute; width:267px; height:269px; margin-left: 50% ; top:309px; left: 498px; animation: blink-effect 1s step-end infinite; }
.s1 .cont {position:absolute; width:1230px; height:227px; margin-left: 50% ; top:1200px; left: -615px;  }

.s3_240726 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_240726.jpg)#ffffff center top no-repeat;
	height: 1860px;
	margin: 0;
	
}
.s3_240726 .ac {position:absolute; width:800px; height:300px; margin-left: 50% ; bottom:335px; left: -400px;}
.s3_240726 .ac2 {position:absolute; width:273px; height:173px; margin-left: 50% ; top:1335px; left: 270px; animation: blink-effect 1s step-end infinite;}

.s2 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(./image/s2_bg.jpg)#f9f9f9 center top no-repeat;
	height: 2490px;
	overflow:hidden;	
	
}
.s2 .cont {position:absolute; width: 100%; height: 640px; left:0; top:585px; }
.s2 .scroll_cont1 {position:absolute; width:542px; height:780px; margin-left:50%; left:-595px; bottom:0; overflow: hidden; }
.s2 .scroll_cont1  .scroll {position:absolute; width:542px; height:780px; top:0; left:0; animation:scroll 35s linear infinite; }
.s2 .scroll_cont2 {position:absolute; width:542px; height:780px; margin-left:50%; left:54px; bottom:0; overflow: hidden; }
.s2 .scroll_cont2  .scroll {position:absolute; width:542px; height:780px; top:0; left:0; animation:scroll 35s linear infinite; }

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

.s4 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1280px;
	margin: 0;
}

.s5 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s5_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1100px;
	margin: 0;
}

.s6 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s6_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1200px;
	margin: 0;
}
.s6 .cont {position:absolute; width:1200px; height:900px; margin-left:50%; top:0; left:-600px;}

.s7 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s7_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1466px;
	margin: 0;
	overflow:hidden;
}
.s7 .cont {position:absolute; width:539px; height:828px; margin-left:50%; left:203px; bottom:0; overflow: hidden; }
.s7 .cont  .scroll {position:absolute; width:539px; height:828px; top:0; left:0; animation:scroll 35s linear infinite; }


.s8 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s8_bg.jpg)#ffffff center top no-repeat;
	height: 1050px;
	margin: 0;
}
.s8 .cont {position:absolute; width:100%; height:600px; left:0; top:380px; overflow: hidden; }

.s8_1 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s8_1_250219.jpg)#d5d5d5 center top no-repeat;
	height: 1010px;
	margin: 0;
}
.s8_1 .ac {position:absolute; width:104px; height:526px; margin-left: 50% ; top:320px; left: -52px;}

.s9_1_240126 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s9.1_240126_bg.jpg)#ffffff center top no-repeat;
	height: 859px;
	margin: 0;
}

.s9_2_240126 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s9.2_240126_bg.jpg)#ffffff center top no-repeat;
	height: 950px;
	margin: 0;
}


.s9 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s9_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1238px;
	margin: 0;
}
.s9 .ac01 {position:absolute; width:390px; height:78px; margin-left:50%; top:609px; left:-157px; animation: ci 1.5s ease-in-out infinite; }
.s9 .ac02 {position:absolute; width:518px; height:77px; margin-left:50%; top:784px; left:-221px; animation: ci 1.5s ease-in-out infinite; }
.s9 .ac03 {position:absolute; width:198px; height:103px; margin-left:50%; top:881px; left:371px; animation: ci 1.5s ease-in-out infinite; }


.s10 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_11_0704.jpg)#d5d5d5 center top no-repeat;
	height: 1620px;
	margin: 0;
}
.s10 .ac01 {position:absolute; width:300px; height:124px; margin-left:50%; top:108px; left:-380px; animation: blink-effect 1s step-end infinite; }

.s11 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_15.jpg)#d5d5d5 center top no-repeat;
	height: 2130px;
	margin: 0;
}
.s11 .ac01 {position:absolute; width:435px; height:435px; margin-left:50%; top:400px; left:-217px; animation: ci 1.5s ease-in-out infinite;}
.s11 .youtube {position:absolute; width:1081px; height:598px; margin-left:50%; top:1223px; left:-540px;}
.s11 .youtube:hover {opacity: 0.8;}

.s14 {
    padding-top:0;
	padding-bottom:0;
	background:url()#000000 center top no-repeat;
	height: 1980px;
	margin: 0;
}

.s14 .s14_wrap { position:relative; width:1200px; height:2080px; margin:0 auto;}
.s14 .s14_wrap .tit {position:absolute; width:1200px; height:100px; top:100px; left:0;}
.s14 .s14_wrap .more{position:absolute; width:320px; height:65px; top:1800px; left:440px;}
.s14 .s14_wrap .more a:hover {opacity:0.8;}
.s14 .s14_wrap .best_news {position:absolute; width:1200px; height:810px; top:270px; left:0;}
.s14 .s14_wrap .cont{position:absolute; width:1200px; height:700px; top:1100px; 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;}