
/*ie*/
html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}

/*firefox*/
body{scrollbar-width: thin; scrollbar-color: black white;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 4px; height: 4px; border: 2px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: /*url('./images/bg.png')*/ #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

::-moz-scrollbar {width: 4px; height: 4px; border: 2px solid #fff; }
::-moz-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: /*url('./images/bg.png')*/ #efefef}
::-moz-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-moz-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.scrollbar
{
	/*margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #888; margin-bottom: 25px;*/
	overflow-y: scroll;
	
}


.scrollbar_x
{
	/*margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #888; margin-bottom: 25px;*/
	overflow-x: scroll;
	
}

.force-overflow
{
	min-height: 450px;
}

/*STYLE 1*/
.scroll_style-1::-ms-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 6px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-1::-ms-scrollbar
{
	width: 8px;
	background-color:  rgba(200,200,200,1);
}

.scroll_style-1::-ms-scrollbar-thumb
{
	border-radius: 6px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #8f83ff;
}

.scroll_style-1::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 6px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-1::-webkit-scrollbar
{
	width: 8px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-1::-webkit-scrollbar-thumb
{
	border-radius: 6px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #8f83ff;
}

.scroll_style-1::-moz-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 6px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-1::-moz-scrollbar
{
	width: 8px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-1::-moz-scrollbar-thumb
{
	border-radius: 6px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #8f83ff;
}


/*STYLE 2*/
.scroll_style-2::-ms-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 6px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-2::-ms-scrollbar
{
	height: 8px;
	background-color:  rgba(200,200,200,1);
}

.scroll_style-2::-ms-scrollbar-thumb
{
	border-radius: 6px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #8f83ff;
}

.scroll_style-2::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 6px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-2::-webkit-scrollbar
{
	height: 8px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-2::-webkit-scrollbar-thumb
{
	border-radius: 6px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #8f83ff;
}


.scroll_style-2::-moz-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 6px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-2::-moz-scrollbar
{
	height: 8px;
	background-color: rgba(200,200,200,1);
}

.scroll_style-2::-moz-scrollbar-thumb
{
	border-radius: 6px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #8f83ff;
}
