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

@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 rotate_image{
    100% {
        transform: rotate(360deg);
    }
}

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

@keyframes siso {
	0%	{transform: rotate(10deg);}
	25% {transform: rotate(-10deg);}
	50% {transform: rotate(10deg);}
	75% {transform: rotate(-10deg);}
	100% {transform: rotate(10deg);}
}

.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;2024-06-03
	margin: 0;
	background:url()#231710 center top no-repeat;
	height: 80px;
	
}
.s10726 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0_1208_bg.jpg)#fff3b9 center top no-repeat;
	height: 850px;
	margin: 0;
	
}
.s10726 .slider01 {position:absolute; width: 100%; height: 260px; top:27px; left: 0; }
.s10726 .slider02 {position:absolute; width: 100%; height: 260px; top:303px; left: 0; }
.s10726 .slider03 {position:absolute; width: 100%; height: 260px; top:567px; left: 0; }
.s10726 .tit {position:absolute; width: 600px; height: 850px; margin-left: 50%; top:0; left: -300px; z-index:9; }

.s0_1220 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0_1220.jpg)#fff3b9 center top no-repeat;
	height: 1360px;
	margin: 0;
	
}

.s01208 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0_1208_bg.jpg)#fff3b9 center top no-repeat;
	height: 850px;
	margin: 0;
	
}
.s01208 .slider01 {position:absolute; width: 100%; height: 260px; top:27px; left: 0; }
.s01208 .slider02 {position:absolute; width: 100%; height: 260px; top:303px; left: 0; }
.s01208 .slider03 {position:absolute; width: 100%; height: 260px; top:567px; left: 0; }
.s01208 .tit {position:absolute; width: 600px; height: 850px; margin-left: 50%; top:0; left: -300px; z-index:9; }

.s10214 {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(./image/s1_2_0214_bg.jpg)#ffffff center top no-repeat;
	height: 1020px;
	
}
.s10214 .cont {position:relative;width: 1280px; height: 1100px; margin:0 auto;}
.s10214 .cont .cont01 {position: absolute;width:640px; height:1100px;left: 0;top: 0;}
.s10214 .cont .cont02 {position: absolute;width:640px; height:415px;left: 640px;top: 0;}
.s10214 .cont .cont03 {position: absolute;width:640px; height:685px;left: 640px;top: 415px;}

.s11220 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0_1208_bg.jpg)#fff3b9 center top no-repeat;
	height: 1330px;
	margin: 0;
	
}
.s11220 .cont {position: absolute; width:1300px; height:700px; margin-left: 50% ; left: -650px; top: 232px; animation: blink-effect 1s step-end infinite;}
.s11220 .ac1 {position: absolute; width:1300px; height:700px; margin-left: 50% ; left: -650px; top: 232px; }
.s11220 .ac2 {position: absolute; width:1300px; height:700px; margin-left: 50% ; left: -650px; top: 232px; }

.s21220 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_1220_bg.jpg)#ffdf00 center top no-repeat;
	height: 980px;
	margin: 0;	
}
.s21220 .ac {position: absolute; width:1450px; height:380px; margin-left: 50% ; left: -725px; top:300px; }

.s240605 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4_1_240531.jpg)#ffdf00 center top no-repeat;
	height: 1340px;
	margin: 0;	
}
.s240605 .ac {position: absolute; width:471px; height:111px; margin-left: 50% ; left: 234px; top:109px; animation: motion 0.3s linear 0s infinite alternate; }

.s240604 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_1_240531.jpg)#ffdf00 center top no-repeat;
	height: 1370px;
	margin: 0;	
}


.s231222 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/rai_231222_new.jpg)#ffffff center top no-repeat;
	height: 1600px;
	margin: 0;
}
.s231222 .tit {position: absolute; width:600px; height:350px; margin-left: 50% ; left: -300px; top: 0; animation: blink-effect 1s step-end infinite;}
.s231222 .ac {position: absolute; width:750px; height:250px; margin-left: 50% ; left: -375px; top: 490px;}
.s231222 .ac1 {position: absolute; width:82px; height:82px; margin-left: 50% ; left: -772px; top: 887px; animation:siso 3s linear infinite;}
.s231222 .ac2 {position: absolute; width:82px; height:82px; margin-left: 50% ; left: -461px; top: 887px; animation:siso 3s linear infinite;}
.s231222 .ac3 {position: absolute; width:82px; height:82px; margin-left: 50% ; left: -153px; top: 887px; animation:siso 3s linear infinite;}
.s231222 .ac4 {position: absolute; width:82px; height:82px; margin-left: 50% ; left: 149px; top: 887px; animation:siso 3s linear infinite;}
.s231222 .ac5 {position: absolute; width:82px; height:82px; margin-left: 50% ; left: 455px; top: 887px; animation:siso 3s linear infinite;}
.s231222 .ac6 {position: absolute; width:550px; height:110px; margin-left: 50% ; left: -275px; top: 1045px; animation: motion 0.3s linear 0s infinite alternate;}
.s231222 .bgac {position:absolute; width:619px; height:619px; margin-left:50%; top:1136px; left:-308px; animation: rotate_image 10s linear infinite;transform-origin: 50% 50%; }

.s31220 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_1220_bg.jpg)#ffffff center top no-repeat;
	height: 1260px;
	margin: 0;
}
.s31220 .ac {position: absolute; width:800px; height:400px; margin-left: 50% ; left: -400px; top: 0; animation: blink-effect 1s step-end infinite;}
.s31220 .ac2 {position: absolute; width:1240px; height:700px; margin-left: 50% ; left: -620px; bottom: 0; }

.s41220 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4_1220_bg.jpg)#f6f6f4 center top no-repeat;
	height: 1520px;
	margin: 0;
}
.s41220 .cont {position: absolute; width:1600px; height:400px; margin-left: 50% ; left: -800px; top: 480px; z-index:5;}

.s5_1220 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s5_1220.jpg)#2a2b29 center top no-repeat;
	height: 500px;
	margin: 0;
	overflow:hidden;
	
}

.s51220 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s5_1220_bg.jpg)#2a2b29 center top no-repeat;
	height: 1170px;
	margin: 0;
	overflow:hidden;
	
}
.s51220 .ac {position: absolute; width:1400px; height:1070px; margin-left: 50% ; left: -700px; top: 0; animation: light_ani 1.8s 0s infinite linear; }

.s61220 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s6_1220_bg.jpg)#fbfbfb center top no-repeat;
	height: 1910px;
	margin: 0;
	overflow:hidden;
	
}
.s61220 .ac {position: absolute; width:320px; height:86px; margin-left: 50% ; left: -160px; top: 140px; animation: motion 0.3s linear 0s infinite alternate;  }
.s61220 .cont {position: absolute; width:1200px; height:500px; margin-left: 50% ; left: -600px; top: 1130px;  }

.s0 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s0_bg.jpg)#ffffff center top no-repeat;
	height: 1020px;
	margin: 0;
	overflow:hidden;
	
}
.s0 .cont1 {position: absolute; width:800px; height:800px; margin-left: 50% ; left: -400px; top: 110px; z-index:5;}
.s0 .cont2 {position: absolute; width:800px; height:800px; margin-left: 50% ; left: -400px; top: 110px; z-index:5;}
.s0 .bgac1 {position: absolute; width:453px; height:495px; left: 0; top: 220px;  }
.s0 .bgac2 {position: absolute; width:872px; height:479px; left: 0; bottom: 0; z-index:4; }
.s0 .ac {position: absolute; width:219px; height:169px; margin-left: 50% ; left: 326px; top: 570px; z-index:5; animation:siso 3s linear infinite;}

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

.s1 .ac {position: absolute; width:700px; height:300px; margin-left: 50% ; left: -345px; top: 350px; z-index:5; animation: blink-effect 1s step-end infinite;}
.s1 .cont {position: absolute; width:1600px; height:520px; margin-left: 50% ; left: -800px; top: 950px; z-index:5;}

.s2 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(./image/s2_bg.jpg)#f9f9f9 center top no-repeat;
	height: 2940px;
	overflow:hidden;
	
}
.s2 .ac1 {position: absolute; width:436px; height:436px; margin-left: 50% ; left: -218px; top: 584px; animation: lotate 10s linear infinite;}
.s2 .ac2 {position: absolute; width:171px; height:115px; margin-left: 50% ; left: 132px; top: 1074px; animation: blink-effect 1s step-end infinite;}
.s2 .ac3 {position: absolute; width:550px; height:557px; margin-left: 50% ; left: -275px; bottom: 0; }

.s3 {
    position:relative;
    padding-top:250px;
	padding-bottom:0;
	background:url(./image/s3_bg.jpg)#ffffff center top no-repeat;
	height: 750px;
	margin: 0;
	overflow:hidden;
	
}

.s3 .cont {position:relative; width:1514px; height:800px; margin:0 auto;}

.s4 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4_bg.jpg)#fffcf3 center top no-repeat;
	height: 1314px;
	margin: 0;
	overflow:hidden;
}
.s4 .ac01 {position:absolute; width:625px; height:1314px; margin-left:50%; top:0; left:-719px; z-index:99; }
.s4 .ac02 {position:absolute; width:1300px; height:500px; margin-left:50%; top:0; left:-650px; }
.s4 .cont {position:absolute; width:100%; height:640px; top:630px; left:0; }

.s4_1214 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4_1214_bg.jpg)#ffdf00 center top no-repeat;
	height: 1136px;
	margin: 0;
	overflow:hidden;
}

.s4_1214 .cont {position:absolute; width:100%; height:620px; top:280px; left:0; }

.s41211 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_bg.jpg)#ffffff center top no-repeat;
	height: 2860px;
	margin: 0;
	overflow:hidden;
	
}
.s41211 .ac {position: absolute; width:882px; height:130px; margin-left: 50% ; left: -441px; top: 149px; }
.s41211 .cont1 {position:absolute; width:800px; height:300px; margin-left:50%; top:1103px; left:-400px; }
.s41211 .cont2 {position:absolute; width:1200px; height:650px; margin-left:50%; top:2100px; left:-600px; }

.s5 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s8_bg.jpg)#ffffff center top no-repeat;
	height: 1170px;
	margin: 0;
	overflow:hidden;
	
}

.s5 .cont {width:1200px; height:1168px; margin:0 auto;}
.s5 .money {position: absolute;width:1000px; height:500px;margin-left: 50% ; left: -500px; top: 535px; z-index:1;}


.s61214 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s6_bg.jpg)#fafafa center top no-repeat;
	height: 2080px;
	margin: 0;
	overflow:hidden;
	
}

.s9_1 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s9_1_0411_2.jpg)#ffffff center top no-repeat;
	height: 1044px;
	margin: 0;
	overflow:hidden;
	
}

.s9_1 .ac {position:absolute;width:205px; height:205px; margin-left:50%; left:458px; top:418px; animation: ci 1.5s ease-in-out infinite; }

.s9_2 {
    position:relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s9.2_0411.jpg)#ffffff center top no-repeat;
	height: 1400px;
	margin: 0;
	overflow:hidden;
	
}

.s14 {
    padding-top:0;
	padding-bottom:0;
	background:url()#ffffff 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:285px; top:0; left:0;}
.s14 .s14_wrap .more{position:absolute; width:330px; height:60px; top:1800px; left:435px;}
.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;}