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

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

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, blockquote, th, td {  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  
list-style-type: none;  
 }

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

}


.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:400px; 
	left:-654px;
	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()#d42520 center top no-repeat;
	height: 80px;
	
}


.s1 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/sub_03_1.jpg)#efead7 center top no-repeat;
	height: 720px;
	margin: 0;
	
}
.s1 .cont {position:relative;width: 300px; height: 1050px; margin:0 auto;}
.s1 .cont .link01 {position: absolute;display:block;width:300px; height:50px;left: 0px;top:580px;font-size:20px;  font-weight:bold; font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif; color:#fff; line-height:50px; text-align:center;background:#222;border-radius:50px;}
.s1 .cont a:hover {background:#d51313;}

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

.s240902 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main2_240902.jpg)#392b19 center top no-repeat;
	height: 2810px;
	margin: 0;
	
}
.s240902 .ac01 {position:absolute; width: 217px; height: 219px; margin-left:50%; left:-676px; top:211px; animation: blink-effect 1s step-end infinite; }
.s240902 .ac02 {position:absolute; width: 217px; height: 219px; margin-left:50%; left:-701px; top:867px; animation: blink-effect 1s step-end infinite; }
.s240902 .ac03 {position:absolute; width: 217px; height: 219px; margin-left:50%; left:-726px; top:1477px; animation: blink-effect 1s step-end infinite; }
.s240902 .ac04 {position:absolute; width: 217px; height: 219px; margin-left:50%; left:-726px; top:2107px; animation: blink-effect 1s step-end infinite; }

.s1111 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main_03_bg_211224.jpg)#392b19 center top no-repeat;
	height: 1175px;
	margin: 0;
	
}
.s1111 .cont {width: 1200px; height: 1175px; margin:0 auto;}

.s5 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main5_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1450px;
	margin: 0;
}

.s2 {
    position: relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main2_bg.jpg)#ffffff center top no-repeat;
	height: 1450px;
	margin: 0;
}

.s7 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main7_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1268px;
	margin: 0;
}

.s4 {
    position: relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main4_bg.jpg)#d5d5d5 center top no-repeat;
	height: 870px;
	margin: 0;
}
.s4 .ac1 {position:absolute; width:184px; height:145px; margin-left:50%; top:319px; left:-550px; animation: ci 1.5s ease-in-out infinite; filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));}
.s4 .ac2 {position:absolute; width:184px; height:145px; margin-left:50%; top:319px; left:-180px; animation: ci 1.5s ease-in-out infinite; filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));}
.s4 .ac3 {position:absolute; width:184px; height:145px; margin-left:50%; top:319px; left:180px; animation: ci 1.5s ease-in-out infinite; filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));}

.s6 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main6_bg.jpg)#d5d5d5 center top no-repeat;
	height: 940px;
	margin: 0;
}
.s6 .gif {position:absolute; width:595px; height:324px; margin-left:50%; top:184px; left:-725px; background:#000; border-radius:25px; overflow:hidden;}

.s250418 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main8_bg.jpg)#ffffff center top no-repeat;
	height: 4720px;
	margin: 0;
}

.s1127_1 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/menu2_1.jpg)#ffffff center top no-repeat;
	height: 1490px;
	margin: 0;
}

.s1127_2 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/menu2_2.jpg)#ffffff center top no-repeat;
	height: 1110px;
	margin: 0;
}

.s1127_3 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/menu2_3.jpg)#ffffff center top no-repeat;
	height: 1230px;
	margin: 0;
}

.s9 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main9_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1000px;
	margin: 0;
}
.s9 .cont {width: 1500px; height: 1000px; margin:0 auto;}
.s9 .ac {position:absolute; width:314px; height:38px; margin-left:50%; top:411px; left:-158px; animation: ci 1.5s ease-in-out infinite;}

.s10 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/brand03/main10_bg.jpg)#d5d5d5 center top no-repeat;
	height: 1540px;
	margin: 0;
	overflow:hidden;
}
.s10 .gif1 {position:absolute; width:340px; height:340px; margin-left:50%; top:263px; left:-346px;}
.s10 .gif2 {position:absolute; width:340px; height:340px; margin-left:50%; top:263px; left:5px;}
.s10 .gif3 {position:absolute; width:340px; height:340px; margin-left:50%; top:613px; left:-346px;}
.s10 .gif4 {position:absolute; width:340px; height:340px; margin-left:50%; top:613px; left:5px;}
.s10 .roll {position:absolute; width:100%; height:430px; top:1025px; left:0; overflow:hidden;}

