@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{background:#000;}
.paging_ver{
	position:fixed;z-index:100;
	right:47px;top:50%;width:44px;padding-top:60px;
	background:url(../images/pageScroll.png) no-repeat center top;
}
.paging_ver a{
	box-sizing:border-box;
	display:block;
	width:17px;height:17px; margin-left:15px;
	background:url(../images/page_off.png) no-repeat center center;
	animation: pageOn2 0.3s linear 0s 1 alternate forwards;
}
@keyframes pageOn2 { 
	0%{transform:rotate( 45deg )}  
	100%{transform:rotate( 0deg )}  
}
.paging_ver .sel{
	background:url(../images/page_on.png) no-repeat center center;
	animation: pageOn 0.3s linear 0s 1 alternate forwards;
}
@keyframes pageOn { 
	0%{transform:rotate( -45deg )}  
	100%{transform:rotate( 0deg )}  
}

.navi_top{
	position:fixed;z-index:100;top:0;
	width:100%;padding:10px 10px  0 10px;
	font-size:0;line-height:0;
}
.navi_top .right_btn{
	position:absolute;
	right:40px;top:55px;
}
.navi_top .right_btn img{
	margin:0 5px;
}
.menu_area{
	position:absolute;
	z-index:100;
	width:980px;
	left:50%;
	margin-left:-490px;
	/*min-width:1030px;
	text-align:right; */
	height:75px;line-height:75px;
	/*border-bottom:4px solid #8BCFE0; */
	margin-top:0;
	background:rgba(4, 4, 4, 0.38);
	margin-top:15px;
	/*border-top:2px solid #fff;*/
	font-family: 'Rosarivo', 'NanumGothicWeb','나눔고딕','Dotum';color:#fff;
}
.menu_area li{
	position:relative;vertical-align:top;
	display:inline-block;*display:inline;_display:inline;
	padding:5px 15px 25px 15px;
	font-family: 'Rosarivo', 'NanumGothicWeb','나눔고딕','Dotum';color:#fff;
	font-size:14px;
	white-space:nowrap;word-break:break-all;
}
.menu_area li:hover{
	background:url(../images/naviArrow.png) no-repeat center bottom;
}
.menu_area p{
	display:none;position:absolute;
	left:50%;margin-left:-65px;width:130px;
	top:70%;padding:7px 0;
	font-family:'NanumGothicWeb','나눔고딕','Dotum';
	line-height:21px;font-size:12px;
	border-top:2px solid #e5bc42;
	background:rgba(4, 4, 4, 0.38);
}
.menu_area li:hover p {
	display:block !important;
}
.menu_area li p a{
	display:block;
	/*padding:0 0 0 20px;
	font-weight:bold;*/
	text-align:center;
}
.menu_area li p a:hover{
	color:#e5bc42;
}
.footer{
	position:fixed;z-index:100;
	bottom:0;width:100%;
	padding:0 10px 9px 10px;
	font-size:12px;color:#fff;
	text-align:right;
}
.footer p{
	width:100%;
	border-bottom:1px solid #fff;
	border-color:rgb(255,255,255);
	border-color:rgba(255,255,255,0.2);
	padding:0 15px 10px 210px;	
}
.lineLeft{
	position:fixed;z-index:100;left:10px;
	height:100%;width:1px;
	padding:10px 0;
}
.lineRight{
	position:fixed;z-index:100;right:10px;
	height:100%;width:1px;
	padding:10px 0;
}
.lineLeft p, .lineRight p{
	display:block;height:100%;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.2);
}

.footer p{background:rgba(0,0,0,0.3);padding-top:11px;}
