@charset "utf-8";
/* CSS Document */
.jp-gui {
	position: relative;
	margin-top: 5px
}
/* =================== 사운드바 변경 2017_안정민*/
.jp-gui a::before {
	display: inline-block;
	font-size: 17px;
	margin-top: 3px;
	color: #aaa;
	width: 22px;
	height: 17px;
	font-family: 'FontAwesome';
	font-weight: 900;
}
a.jp-play::before {
	content: "\f04b";
	width: 22px;
}
a.jp-pause::before { content: "\f04c"; }
a.jp-stop::before { content: "\f04d"; }
a.jp-mute::before { content: "\f028"; }
a.jp-unmute::before {
	content: "\f026";
	color: #ffb203
}
a.jp-play:hover::before, a.jp-pause:hover::before, a.jp-stop:hover::before, a.jp-mute:hover::before { color: #fff; }
/**/
.jp-gui.jp-no-volume { width: 550px; }
.jp-gui ul {
	margin: 0;
	padding: 0;
}
.jp-gui ul li {
	position: relative;
	float: left;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.jp-gui ul li a { margin: 1px; }
.jp-gui li.jp-mute, .jp-gui li.jp-unmute { left: 410px; }
li.jp-pause, li.jp-unmute, .jp-no-solution { display: none; }
.jp-progress-slider {
	position: absolute;
	top: 11px;
	left: 55px;
	width: 275px;
	height: 7px;
	border: 1px solid #666666;
}
.jp-volume-slider {
	position: absolute;
	top: 11px;
	left:484px;
	width: 50px;
	height: 7px;
	border: 1px solid #666666;
}
.jp-progress-slider .ui-slider-handle {
	cursor: pointer;
	height: 12px;
	width: 12px;
	margin-top: 2px;
}
.jp-volume-slider .ui-slider-handle {
	cursor: pointer;
	height: 12px;
	width: 12px;
	margin-top: 2px;
}
.jp-gui.jp-no-volume .jp-volume-slider { display: none; }
.jp-current-time, .jp-duration, .jp-slash {
	position: absolute;
	top: 4px;
	font-size: 0.6em;
	cursor: default;
}
.jp-current-time { left: 342px; }
.jp-slash { left: 378px; }
.jp-duration { left: 388px; }
.jp-clearboth { clear: both; }