@charset "euc-kr";
#side_dotnav { display: none; }
#side_dotnav .dotnav-right {
	right: 10px;
	top: 50%;
	margin-top: -50px;
	height: 100px;
	z-index: 999;
	position: fixed;
}
#side_dotnav .dotnav {
	padding: 0;
	list-style: none;
	font-size: 0.001px;
}
#side_dotnav .dotnav > li {
	display: inline-block;
	font-size: 1rem;
	vertical-align: top;
}
#side_dotnav .dotnav > li:nth-child(n+2) { margin-left: 15px; }
#side_dotnav .dotnav > li > a {
	display: inline-block;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	vertical-align: top;
	overflow: hidden;
	padding: 0;
	text-indent: -999%;
	background-color: #989898;
	margin-bottom: 2px;
	margin-top: 2px;
}
#side_dotnav .dotnav > li > a:hover,  #side_dotnav .dotnav > li > a:focus {
	background: #F44336;
	outline: none;
}
#side_dotnav .dotnav > li > a:active { background-color: #F44336; }
#side_dotnav .dotnav > li.active > a { background-color: #F44336; }
#side_dotnav .dotnav-vertical > li {
	display: block;
	margin-right: 10px;
}
#side_dotnav .dotnav-vertical > li:nth-child(n+2) {
	margin-left: 0;
	margin-top: 10px;
}
#side_dotnav .hp_tooltip + .tooltip > .tooltip-inner {
	background-color: #F44336;
	color: #fff;
	border: 1px solid #F44336;
}
#side_dotnav .hp_tooltip + .tooltip.left > .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #F44336;
}