@charset "utf-8"; 
/*/*********************************************************************************

	¿Àµð¿ÀÄڹͽº APP PLAYER CSS
	Version: 1.0
	Note: This is style css.

**********************************************************************************/

/* ¾ÆÀÌÆù À¥ºä°ü·Ã ¸·±â */
* { 
	-webkit-touch-callout: none;/* ¾ÆÀÌÆù link Long touch ¸·±â */
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*¹öÆ° Touch ½Ã ³ª¿À´Â À½¿µ Áö¿ì±â -webkit-tap-highlight-color:rgba(0,0,0,.1)*/
}

html,
body {
	/* º¹»ç¹æÁö*/
	-ms-user-select:none;
	-moz-user-select:-moz-none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	overflow: hidden; 
	/*background:#fff;*/
}

#Wrap {width:100%; height:100%; }
.linkPlayer {position:relative; padding:18px; width:100%; height:100%;}
.linkPlayer .playlist-info {position:relative; }
.linkPlayer .playlist-info .cover {overflow:hidden; float:left; margin-right:20px; width:145px; height:145px; border-radius:7px;}
.linkPlayer .playlist-info .cover .img img {width:100%;}
.linkPlayer .playlist-info .info {overflow:hidden; padding:0px 0 0 0;}
.linkPlayer .playlist-info .info .sitename {margin-bottom:0px; font-size:13px; color:#888; font-weight:300;}
.linkPlayer .playlist-info .info .subject {overflow: hidden; margin:20px 0 15px 0; text-overflow: ellipsis; white-space: nowrap;max-width: 100%; font-size:23px; color:#000; font-weight:700;}
.linkPlayer .playlist-info .info .wirter_info {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 100%; margin-bottom:3px;font-size:14px; color:#ccc; font-weight:300;}
.linkPlayer .playlist-info .info .voiceactor_info {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 100%; margin-bottom:0px;font-size:14px; color:#ccc; font-weight:300;}
.linkPlayer .player_controls {position:absolute; bottom:0px; left:0px; width:100%;}
.linkPlayer .player_controls .controls_play {position:absolute; left:18px; bottom:18px; width:32px; height:32px; background:none;  z-index:10;}
.linkPlayer .player_controls .controls_play i {display:inline-block; width:32px; height:32px;}
.linkPlayer .player_controls .controls_play i.play {background:url("./../img/player/play_btn_s.png"); background-size:100% auto;}
.linkPlayer .player_controls .controls_play i.stop {background:url("./../img/player/stop_btn_s.png"); background-size:100% auto;}
.linkPlayer .player_controls .controls_progress {position:relative; padding:20px 60px 21px 100px; z-index:5;}
.linkPlayer .player_controls .controls_progress .progress_bar {height: 15px;}
.linkPlayer .player_controls .controls_progress .progress_bar .progress_bar_duration {position:relative; height:7px; background-color:#dbdbdb;}
.linkPlayer .player_controls .controls_progress .progress_bar .progress_bar_duration .progress_bar_played {position:absolute; top:0px; left:0px; right:0px; height:7px; background-color:#459af0; }
.linkPlayer .player_controls .controls_progress .progress_bar .progress_bar_duration .progress_bar_played .sync_point {position:absolute; top:-7px; right:-8px; display:inline-block; width:18px; height:18px; background:#fff; box-shadow:4px 3px 5px rgba(0,0,0,0.2); border-radius:100%;}
.linkPlayer .player_controls .controls_progress .progress_time {/*overflow:hidden; position:relative; padding:0 20px;*/}
.linkPlayer .player_controls .controls_progress .progress_time .time_current {position:absolute; left:60px; top:14px; font-size:0.86em; color:#666;}
.linkPlayer .player_controls .controls_progress .progress_time .time_duration {position:absolute; right:18px; top:14px; font-size:0.86em; color:#666; cursor:pointer;}
.linkPlayer .player_controls .controls_progress .guide_text {display:none; position:absolute; bottom:0px; width:100%; text-align:center; font-size:0.86em; color:#f43976;}


@media (max-width: 486px) {
	
	.linkPlayer .playlist-info .cover {width:90px; height:90px;}
	.linkPlayer .playlist-info .info .sitename {font-size:12px;}
	.linkPlayer .playlist-info .info .subject {margin:7px 0 12px 0 ; font-size:16px;} 
	.linkPlayer .playlist-info .info .wirter_info,
	.linkPlayer .playlist-info .info .voiceactor_info {font-size:12px;}

}



/* ¾ÆÀÌÄÜ À̹ÌÁö
.play {background:url("./../img/player/play_btn_s.png"); background-size:100% auto;}
.stop {background:url("./../img/player/stop_btn_s.png"); background-size:100% auto;}

.playlist-player .controls_progress {position:relative; padding:0px 0 20px 0;}
.playlist-player .controls_progress .progress_bar {height: 15px;}
.playlist-player .controls_progress .progress_bar .progress_bar_duration {position:relative; height:7px; background-color:#dbdbdb;}
.playlist-player .controls_progress .progress_bar .progress_bar_duration .progress_bar_played {position:absolute; top:0px; left:0px; right:0px; height:7px; background-color:#459af0; }
.playlist-player .controls_progress .progress_bar .progress_bar_duration .progress_bar_played.progressStop {background:none;}

.playlist-player .controls_progress .progress_time {overflow:hidden; position:relative; padding:0 20px;}
.playlist-player .controls_progress .progress_time .time_current {float:left; font-size:0.86em; color:#666;}
.playlist-player .controls_progress .progress_time .time_duration {float:right; font-size:0.86em; color:#666; cursor:pointer;}
.playlist-player .controls_progress .guide_text {display:none; position:absolute; bottom:0px; width:100%; text-align:center; font-size:0.86em; color:#f43976;}


overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: left;max-width: 100%;

22/15

16/12 */