/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav{
	position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
	/*right:80px;*/
	left:80px;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav ul li{position:relative; width:36px; margin:40px 0; }
#fp-nav ul li:last-child{display:block} /* 마지막 섹션이 footer일경우 -> display:none */
#fp-nav ul li a{display:block; /* position:relative;  */width:100%;  box-sizing:border-box; }
#fp-nav ul li a span{display:block; width: 3px; height: 3px; background-color: transparent; border-radius:50%; margin:auto;  /* transition:all 0.4s; */}
#fp-nav ul li .fp-tooltip{
	position:absolute;
	overflow:hidden;
	right:20px; top:50%;
	margin-top:-4px;
	opacity:0;filter:Alpha(opacity=0);
	line-height:20px;
	letter-spacing:-0.75px;
	font-size:12px;
	color:#fff;
	margin-right:5px;
	text-align:right;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
#fp-nav ul li .fp-tooltip span{display:block; transform:translateX(100%); transition:all 0.5s;}
#fp-nav ul li a.active span { /* position:relative;  */width: 3px; height: 3px; background: transparent;}
#fp-nav ul li a.active span:before {opacity:1;filter:Alpha(opacity=100) !important; }
#fp-nav ul li a.active + .fp-tooltip{opacity:1.0;filter:Alpha(opacity=100);z-index: 9; color: #ffffff; width: 100px;display:none}
#fp-nav ul li a.active + .fp-tooltip span {transform:translateX(0%)}

#fp-nav ul li a span:before {opacity:0;filter:Alpha(opacity=0); transition:opacity 0.4s;}
/*#fp-nav ul li a.active span:before {content:"\e900"; font-size:18px; color:#fff; line-height:35px; text-align:center; position:absolute; top:0; left:0; width:36px; height:36px;  font-family: 'xeicon' !important; }*/
#fp-nav ul li:first-child a.active span:before {content:"\e900";}
#fp-nav ul li:nth-child(2) a.active span {background:#252525 url("/images/icon/right_bar_icon.png") center no-repeat;}
#fp-nav ul li:nth-child(2) a.active span:before {display:none;}
#fp-nav ul li:nth-child(3) a.active span:before {content:"\eb31";}
#fp-nav ul li:nth-child(4) a.active span:before {content:"\e9d1";}

/* Black Style */
#fp-nav.black ul li a span{background-color: #252525;}
#fp-nav.black ul li .fp-tooltip{color:#252525;}

#mainPrdCon {background:#ffffff;}
#mainHistoryCon {background:#ffffff;}