.song
{
	margin-bottom:20px;
}

.song h4
{
	font-family:'NanumSB';
	font-size:36px;
	margin-bottom:15px;
	text-align:center;
}

.song h4 strong
{
	color:#034ea2;
	font-family:'NanumSB';
	font-weight:600;
}

.song p
{
	color:#666;
	font-family:'malgun gothic';
	font-size:17px;
	margin-bottom:50px;
	line-height: 1.7;
	letter-spacing: -0.06em;
	text-align:center;
}

.song .image_wrap
{
	width:100%;
	margin:0 -125px;
}

.song .image_wrap img
{
	width:auto;
}

.jp-jplayer,.jp-audio
{
	width:1390px !important;
	margin:40px -125px 0 -125px;
}

.jp-gui
{
	background:#eef1f4;
	height:81px;
}

.jp-controls a
{
	color:#034ea2;
	font-size:18px;
	line-height:81px;
}

.jp-controls a.jp-play,.jp-controls a.jp-pause
{
	font-size:15px;
}

.jp-controls a:hover
{
	color:#034ea2;
}

.jp-play-bar
{
	background-color:#034ea2;
}

.jp-progress
{
	background-color:#e2e5e8;
	width:65%;
	margin:0;
	margin-top:35px;
}

.jp-time-holder
{
	color:#000;
	position: absolute;
	top:50%;
	left:calc(69% + 25px);
	transform:translateY(-50%);
	margin:0;
}

.jp-volume-bar
{
	position: absolute;;
	top:50%;
	left:calc(69% + 60px + 60px);
	width:60px;
	height:12px;
	margin:0;
	background-color:#e2e5e8;
	transform:translateY(-50%);
}

.jp-mute, .jp-unmute
{
	top:0;
	left:calc(69% + 60px + 36px);
	/* transform:translateY(-50%); */
	margin:0;
	/* display:block !important; */
}

.jp-volume-bar-value
{
	height:12px;
	background-color:#034ea2;
}

.jp-interface > a
{
	background-color:#034ea2;
	color:#fff;
	font-size:16px;
	float:right;
	border:none;
	padding:10px 15px;
	border-radius:2px;
	margin-top:23px;
	margin-right:23px;
}

/* Media */
@media screen and (max-width:1400px) {
	.jp-jplayer,.jp-audio
	{
		width:100% !important;
		margin:0 auto;
	}

	.song .image_wrap
	{
		margin:0;
	}

	.song .image_wrap img
	{
		max-width:100%;
	}

	.jp-progress {
		width: 55%;
	}

	.jp-time-holder {
		left: calc(55% + 60px);
	}

	.jp-mute,
	.jp-unmute {
		left: calc(55% + 60px + 40px);
	}

	.jp-volume-bar {
		left:calc(55% + 60px + 60px);
	}
}

@media screen and (max-width:768px) {
	.song h4
	{
		font-size:27px;
		margin-bottom:15px;
	}

	.song p
	{
		line-height:1.3;
		font-size:15px;
		margin-bottom:30px;
	}

	/* .song .image_wrap img
	{
		min-width:440px;
	} */

	.song .image_wrap
	{
		overflow-x:scroll;
	}

	.jp-progress
	{
		width:calc(100% - 80px);
	}

	.jp-time-holder
	{
		display:none;
	}

	.jp-time-holder {
		display: none;
	}

	.jp-time-holder {
		display: none;
	}

	.jp-mute,
	.jp-unmute {
		display: none;
	}

	.jp-volume-bar {
		display: none;
	}

	.jp-interface>a
	{
		display:none;
	}
}

@media screen and (max-width:480px){
	.song
	{
		margin-bottom:20px
	}
	.jp-gui
	{
		height:51px
	}
	.jp-controls a
	{
		line-height:51px;
	}
	.jp-progress
	{
		margin-top:20px;
	}
	.jp-jplayer, .jp-audio
	{
		margin:-10px auto 0 auto
	}
	.song
	{
		margin-top:0
	}
	.song h4
	{
		font-size:28px;
		line-height:38px;
		margin-bottom:15px;
	}

	.song h4 strong
	{
		display:block
	}

	.song p
	{
		padding:0 15px;
		font-size:16px;
		line-height:1.65;
	}
}

@media screen and (max-width:360px) {
	.song h4
	{
		/* font-size:17px; */
	}

	.song p
	{
		font-size:13px;
	}
}