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

.seal	{animation: seal .5s infinite alternate;}
@keyframes seal{ 0%{opacity : 0.2;} 100%{opacity: 1;} }

.seal2	{animation: seal2 .3s infinite alternate;}
@keyframes seal2{ 0%{opacity : 0.3;} 100%{opacity: 1;} }

.seal3	{animation: seal3 .5s infinite alternate;}
@keyframes seal3{ 0%{opacity : 0.2;} 100%{opacity: 1;} }


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

.wrap {
	width: 100%;
	position: relative;
	padding: 0;
	margin-top:107px;

}

.section {
	width: 100%;
	min-width: 1000px;
	z-index: 10;
	position: relative;
	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:30px; 
	left:652px;
	z-index: 99999999;
}

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


.subNavBtn {
	display: block;
	height: 110px;
	width: 110px;
	float: left;
	margin: 0px 0px 2px 0;
	text-decoration: none;
	font-size: 20px;
	padding: 5px 0 0 0;
	z-index: 9999;
}

.end {
	margin:0;
}


.symbol-target { padding-top: 106px; margin-top:-106px; width: 100%; height:1px; font-size:0px; line-height:0px; display:block; background:#efefef;}

/* SECTIONS */

.sTop {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	height: 120px;
	
}


.s1 {
	padding-top: 0; 
	margin-top: 0;
	background:url(./image/sub1_1_bg.jpg)#444 center top no-repeat;
	height: 1428px;
	
}
.s1 .cont { position:relative; margin:0 auto; width:1200px; height: 1428px;}
.s1 .cont .roll {position:absolute; top:520px; left:820px; width:340px; height:647px; overflow:hidden;}
.s1 .cont .roll .cover {position:absolute;top:0px; left:0px; width:340px; height:647px; z-index:99;}
.s1 .cont .roll .rolling {position:absolute;top:0px; left:13px; width:340px; height:647px; animation:scroll 35s linear infinite;  }

.s2 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/sub1_2_bg.jpg)#444 center top no-repeat;
	height: 1220px;
	margin: 0;
	
}
.s2 .cont { position:relative; margin:0 auto; width:1200px; height: 1220px;}
.s2 .cont .ac01 {position:absolute; width:1096px; height:261px; margin-left:50%; top:100px; left:-548px;}
.s2 .cont .ac02 {position:absolute; width:888px; height:378px; margin-left:50%; top:695px; left:-444px;}
.s2 .cont .ac03 { position:absolute; width:1000px; height:243px; margin-left:50%; top:381px; left:-500px; animation: seal3 .5s infinite alternate;}

.s3 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/sub1_3_bg.jpg)#fff center top no-repeat;
	height: 600px;
	margin: 0;
}
.s3 .cont { position:relative; margin:0 auto; width:1400px; height: 600px;}

.s4 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/sub1_4_bg.jpg)#444 center top no-repeat;
	height: 1080px;
	margin: 0;
}
.s4 .cont { position:relative; margin:0 auto; width:1260px; height: 1080px;}

.s5 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/sub1_5_bg.jpg)#444 center top no-repeat;
	height: 1290px;
	margin: 0;
}
.s5 .cont { position:relative; margin:0 auto; width:100%; height: 1290px;}
.s5 .cont .bgac01 {position:absolute; width:481px; height:421px; top:0; left:0;}
.s5 .cont .bgac02 {position:absolute; width:447px; height:486px; top:0; right:0;}
.s5 .cont .ac01 { position:absolute; width:480px; height:237px; margin-left:50%; top:95px; left:-240px; }
.s5 .cont .ac02 { position:absolute; width:341px; height:327px; margin-left:50%; top:734px; left:-699px; animation: motion 0.3s linear 0s infinite alternate;}

.s6 {
    padding-top: 0; 
	margin-top: 0;
	background:url()#fafafa center top no-repeat;
	min-height: 500px;
	margin: 0;
}
.s6 .cont { position:relative; margin:0 auto; width:1400px; min-height: 500px;}


