.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%);
	}	
}

/*.subCat {
	position: absolute;
	top: 500px;
	height: 50px;
	z-index: 99;
	width: 100%;
	background:url() #f37022 repeat;

}
.navi_wrap .subCat.active {
    position: fixed;
    top: 100px;
}

.inner {position:relative;width:1200px;height:50px;margin:0 auto;border-left:#b84b0b solid 1px;}
.inner ul {padding:0;margin:0;}
.inner li {list-style:none;float:left;height:50px;text-align:center;font-family: 'NEXON Lv1 Gothic';  font-weight: 400;}
.inner li a {display:block;height:50px;padding:0;font-size:16px;color:#fff;line-height:50px;}
.inner ul .split a{border-right:#b84b0b solid 1px;color:#ffffff;}
.inner ul .splithome a{border-right:#287501 solid 1px;color:#ffffff;background: url('./image/home_bg.png') #222 center center no-repeat;text-indent: -9999px;}
.inner ul .spliton a{border-right:#b84b0b solid 1px;color:#ffffff;background:#b84b0b;}
.inner ul .splitnot a{color:#ffffff;background:url('./image/topCat_bg.jpg') top repeat-x;}
.inner ul .noton a{color:#ffffff;background:#b84b0b;}
.inner ul .line {border-bottom:#294e6f solid 1px;}*/

.subCat {
	position: absolute;
	top: 500px;
	height: 50px;
	z-index: 99;
	width: 100%;
	background:url() #444 repeat;

}
.navi_wrap .subCat.active {
    position: fixed;
    top: 100px;
}

.inner {position:relative;width:1200px;height:50px;margin:0 auto;border-left:#777 solid 1px;}
.inner ul {padding:0;margin:0;}
.inner li {list-style:none;float:left;height:50px;text-align:center; font-family: 'Noto Sans SC', sans-serif; font-weight: 400;}
.inner li a {display:block;height:50px;padding:0;font-size:16px;color:#fff;line-height:50px; font-family: 'Noto Sans SC', sans-serif;}
.inner ul .split a{border-right:#777 solid 1px;color:#ffffff;}
.inner ul .splithome a{border-right:#e0e0e0 solid 1px;color:#ffffff;background: url('./image/home_bg.png') #222 center center no-repeat;text-indent: -9999px;}
.inner ul .spliton a{border-right:#777 solid 1px;color:#ffffff;background:#222;}
.inner ul .splitnot a{color:#ffffff;background:url('./image/topCat_bg.jpg') top repeat-x;}
.inner ul .noton a{color:#ffffff;background:#b84b0b;}
.inner ul .line {border-bottom:#294e6f solid 1px;}

div.top_banner_wrap{position:relative;height:500px;margin:0;padding:0;}
div.top_banner{overflow:hidden}
div.banner_list{height:150px;margin:0 auto}
.banner_tit{position:absolute;left:50%;z-index:9}
.banner_tit_main{top:150px;margin-left:-250px; animation: slideUp 0.7s linear; animation-fill-mode: both; z-index:99; }
.zoom_txt {position:absolute;width:1000px;height:174px;margin-left:50%; left:-500px; bottom: 120px; z-index:9; }
.zoom_txt_bg {position:absolute;width:900px;height:100px;margin-left:50%; left:-450px; bottom: 100px; z-index:8; }

.wrap {width:1200px; min-height:1000px;margin:0 auto;}
