.videoPlayer {position:relative;background-color:#000;}
.videoPlayer * {font-family:나눔바른고딕, NanumBarunGothic, 'NanumBarunGothic', '나눔바른고딕', 'Apple SD Gothic Neo', arial, '돋움', Dotum, sans-serif;}
.videoPlayer.w640 {width:640px;height:360px;}
.videoPlayer.w720 {width:720px;height:405px;}

.videoPlayer .icon {display:inline-block;background-image:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png') ;background-repeat:no-repeat;}
.videoPlayer .icon.ic19 {position:absolute;top:15px;right:20px;width:35px;height:35px;background-position:-480px -180px;z-index:101;}

.videoPlayer .videoPlayerHeader {position:absolute;top:0;width:100%;z-index:100;background:none;}
.videoPlayer .videoPlayerHeader:before {content:"";display:block;width:100%;height:64px;background-color:#000;opacity:0.4;}
.videoPlayer .videoPlayerHeader .videoPlayerTitle {position:absolute;top:14px;left:20px;display:inline-block;width:85%;height:18px;font-size:16px;font-weight:normal;color:#fff;overflow:hidden;text-overflow:ellipsis;text-align:left !important;word-wrap:break-word;white-space:nowrap}
.videoPlayer .videoPlayerHeader .videoPlayerArtist {position:absolute;top:37px;left:20px;width:85%;height:18px;overflow:hidden;text-align:left !important;text-overflow:ellipsis;word-wrap:break-word;white-space:nowrap;opacity:0.6;}
.videoPlayer .videoPlayerHeader .videoPlayerArtist ,
.videoPlayer .videoPlayerHeader .videoPlayerArtist a {font-size:13px;color:#fff;}
.videoPlayer .videoPlayerHeader .videoPlayerArtist a:hover {text-decoration:underline !important;}

.videoPlayer .videoPlayerView {position:relative;width:100%;height:100%;background-color:#000;}
.videoPlayer .videoPlayerView video,
.videoPlayer .videoPlayerView img,
.videoPlayer .videoPlayerView a {display:block;width:100%;height:100%;cursor:pointer}
.videoPlayer .videoPlayerView video {width:100%;height:auto;max-height:100%;}

.videoPlayer .videoPlayerView a {position:absolute;top:0;left:0;}
.videoPlayer .videoPlayerView a strong {position:absolute;left:-10000em;}
.videoPlayer .videoPlayerView a:after {content:"";position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;display:block;width:100px;height:100px;text-indent:-1000em;background-image:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png') ;background-repeat:no-repeat;}
.videoPlayer .videoPlayerView a.play span {display:none}
.videoPlayer .videoPlayerView a.play:after {background-position:0 -120px;}
.videoPlayer .videoPlayerView a.play:hover:after {background-position:0 -240px}
.videoPlayer .videoPlayerView a.pause:after {background-position:-120px -120px;}
.videoPlayer .videoPlayerView a.pause:hover:after {background-position:-120px -240px}

.videoPlayer .videoPlayerView a.replay:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;background-color:#000;opacity:0.7;}	
.videoPlayer .videoPlayerView a.replay strong {left:none;}
.videoPlayer .videoPlayerView a.replay span {position:absolute;top:50%;left:50%;margin:-50px 0 0 -35px;padding-left:3px;font-size:16px;color:#fff;}
.videoPlayer .videoPlayerView a.replay span strong {position:static;left:0;display:block;margin:0 0 12px -3px;width:71px;height:63px;text-indent:-1000em;background:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png') 0 -360px no-repeat;}
.videoPlayer .videoPlayerView a.replay:hover span {color:#ff564c;}
.videoPlayer .videoPlayerView a.replay:hover span strong {background-position:-120px -360px;}
.videoPlayer .videoPlayerView a.replay:after {display:none}
.videoPlayer .videoPlayerView .closeFullScreen {position:absolute;top:156px;left:50%;margin-left:-214px;width:425px;height:52px;}
.videoPlayer .videoPlayerView .closeFullScreen:before {content:"";display:block;width:100%;height:100%;border-radius:26px;background-color:#000;opacity:0.6;}
.videoPlayer .videoPlayerView .closeFullScreen p {position:absolute;top:0;left:0;width:100%;height:100%;font-size:18px;color:#fff;line-height:54px;text-align:center;}

	.msie7 .videoPlayer .videoPlayerView a,
	.msie8 .videoPlayer .videoPlayerView a {background:url(http://file.bugsm.co.kr/wbugs/player/i_transMV.png) repeat;}
	.msie7 .videoPlayer .videoPlayerView a span,
	.msie8 .videoPlayer .videoPlayerView a span {display:block;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;width:100px;height:100px;text-indent:-1000em;background:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png') 0 -120px no-repeat;}
	.msie7 .videoPlayer .videoPlayerView a:hover span,
	.msie8 .videoPlayer .videoPlayerView a:hover span {background-position:0 -240px}	

.videoPlayer .videoPlayerControl {position:absolute;bottom:0;width:100%;height:140px;z-index:100;background:url('http://file.bugsm.co.kr/wbugs/player/bg_mvPlayerControl.png') 0 100% repeat-x;}
.videoPlayer .videoPlayerControl .seek {position:relative;margin:93px 20px 6px;height:11px;cursor:pointer;}
.videoPlayer .videoPlayerControl .seek .seekBG ,
.videoPlayer .videoPlayerControl .seek .buffering ,
.videoPlayer .videoPlayerControl .seek .current {position:absolute;margin-top:4px;height:3px;text-indent:-10000em;}
.videoPlayer .videoPlayerControl .seek .seekBG {width:100%;background-color:#FFF;opacity:0.2;}
.videoPlayer .videoPlayerControl .seek .buffering {background-color:#FFF;opacity:0.5;}
.videoPlayer .videoPlayerControl .seek .current {background-color:#ff564c;}
.videoPlayer .videoPlayerControl .seek .current .seekbar {position:absolute;right:-7px;top:-4px;display:block;width:12px;height:11px;background:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png') -480px -60px no-repeat;}
.videoPlayer .videoPlayerControl .seek time {position:absolute;top:-31px;left:0;display:block;padding:0 9px;height:26px;font:11px verdana;color:#fff;line-height:26px;background-color:#333;opacity:0.9;}
.videoPlayer .videoPlayerControl .seek time:after {content:"";position:absolute;bottom:-4px;left:50%;display:block;margin-left:-3px;width:7px;height:4px;background:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png') -360px -120px no-repeat;}
.videoPlayer .videoPlayerControl .seek time span {position:absolute;left:-10000em;}

.videoPlayer .videoPlayerControl .ctlset {position:relative;margin:0 20px;height:14px}
.videoPlayer .videoPlayerControl .ctlset button {height:14px;font-size:1px;line-height:0;color:transparent;background-image:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png');background-repeat:no-repeat;}
.videoPlayer .videoPlayerControl .ctlset .play {position:absolute;top:0;left:0;}
.videoPlayer .videoPlayerControl .ctlset .play button {margin-right:10px;width:20px;}
.videoPlayer .videoPlayerControl .ctlset .play button.btnPlay {background-position:5px 0;}
.videoPlayer .videoPlayerControl .ctlset .play button.btnPlay:hover {background-position:5px -60px;}
.videoPlayer .videoPlayerControl .ctlset .play button.btnPause {background-position:-55px 0;}
.videoPlayer .videoPlayerControl .ctlset .play button.btnPause:hover {background-position:-55px -60px;}
.videoPlayer .videoPlayerControl .ctlset .play button.btnVolOn {background-position:-120px 0;}
.videoPlayer .videoPlayerControl .ctlset .play button.btnVolOn:hover {background-position:-120px -60px;}
.videoPlayer .videoPlayerControl .ctlset .play button.btnMute {background-position:-180px 0;}
.videoPlayer .videoPlayerControl .ctlset .play button.btnMute:hover {background-position:-180px -60px;}
.videoPlayer .videoPlayerControl .ctlset .play .volume {display:inline-block;}
.videoPlayer .videoPlayerControl .ctlset .play .volume .seek {display:inline-block;margin:0 14px 0 -5px;;width:64px;height:14px;vertical-align:middle;}
.videoPlayer .videoPlayerControl .ctlset .play .volume .seek .seekBG ,
.videoPlayer .videoPlayerControl .ctlset .play .volume .seek .current {position:absolute;display:block;margin-top:6px;height:2px;text-indent:-10000em;}
.videoPlayer .videoPlayerControl .ctlset .play .volume .seek .seekBG {width:100%;background-color:#FFF;opacity:0.2;}
.videoPlayer .videoPlayerControl .ctlset .play .volume .seek .current {background-color:#ff564c;}
.videoPlayer .videoPlayerControl .ctlset .play .volume .seek .current .seekbar {position:absolute;right:-3px;top:-6px;display:block;text-indent:-1000em;width:9px;height:14px;background:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png') -480px 3px no-repeat;}
.videoPlayer .videoPlayerControl .ctlset .play .time {display:inline-block;height:14px;font:11px verdana;vertical-align:middle;}
.videoPlayer .videoPlayerControl .ctlset .play .time time {display:inline-block;color:#FFF;opacity:0.4;}
.videoPlayer .videoPlayerControl .ctlset .play .time time span {position:absolute;left:-100000em;font-size:1px;line-height:0;}
.videoPlayer .videoPlayerControl .ctlset .play .time .current {color:#fff;opacity:1;}
.videoPlayer .videoPlayerControl .ctlset .play .time .total {opacity:0.6;}
.videoPlayer .videoPlayerControl .ctlset .play .time span {color:#fff;opacity:0.4;}
.videoPlayer .videoPlayerControl .ctlset .screen {position:absolute;top:0;right:0;}
.videoPlayer .videoPlayerControl .ctlset .screen button.btnLike {width:15px;background-position:-240px 0;}
.videoPlayer .videoPlayerControl .ctlset .screen button.btnLikeCancel {width:15px;background-position:-240px -60px;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize {position:relative;display:inline-block;margin:0 6px 0 7px;width:54px;text-align:center;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize li {padding:3px 0 4px;font:11px verdana;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize li.dimmed {color:#666;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize a {padding:0 !important;color:#FFF;font:11px verdana;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize a:hover {color:#ff5446;text-decoration:none;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize strong {font-weight:normal;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize strong span {position:absolute;top:0;left:-1000em;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize strong a:after {content:"";display:inline-block;margin-left:3px;width:9px;height:5px;background:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png') -420px -120px no-repeat;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize strong a:hover:after {background-position: -420px -180px;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize ul {position:absolute;bottom:32px;;left:0;display:none;padding:3px 0 2px;width:100%;text-align:center;background-color:#333;box-shadow:0 25px 0 0 #343435 inset}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize li {margin-bottom:1px;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize li a {display:block;padding:3px 0 4px;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize.open strong a:after {background-position:-420px 0;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize.open strong a:hover:after {background-position:-420px -60px;}
.videoPlayer .videoPlayerControl .ctlset .screen .screenSize.open ul {display:block;}

.videoPlayer .videoPlayerControl .ctlset .screen button.btnFullScreen {width:14px;background-position:-300px 0;}
.videoPlayer .videoPlayerControl .ctlset .screen button.btnFullScreen:hover {background-position:-300px -60px;}
.videoPlayer .videoPlayerControl .ctlset .screen button.btnFullScreenCancel {width:14px;background-position:-360px 0;}
.videoPlayer .videoPlayerControl .ctlset .screen button.btnFullScreenCancel:hover {background-position:-360px -60px;}

.videoPlayer .closeFullScreen {}
.videoPlayer .alert {position:absolute;bottom:0;width:100%;height:70px;text-align:center;z-index:100;background-color:#262626;}
.videoPlayer .alert p {margin-top:20px;} 
.videoPlayer .alert p .txt {display:inline-block;margin-right:10px;font-size:16px;color:#fff;vertical-align:middle;}
.videoPlayer .alert p button {border:1px solid #1d1b1b;}

@media all and (max-width:760px) {
	.videoPlayer .icon {background-size:275px auto;}
	.videoPlayer .icon.ic19 {top:7px;right:10px;width:18px;height:18px;background-position:-240px -90px;}
	
	.videoPlayer .videoPlayerHeader:before {height:32px;}
	.videoPlayer .videoPlayerHeader .videoPlayerTitle {top:0;left:10px;font-size:12px;padding-top:9px;height:32px;}
	.videoPlayer .videoPlayerHeader .videoPlayerArtist {font-size:1px;line-height:0;position:absolute;left:-10000em;}
	.videoPlayer .videoPlayerView a:after {margin:-25px 0 0 -25px;display:block;width:50px;height:50px;background-image:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png');background-repeat:no-repeat;background-size:275px auto;}
	.videoPlayer .videoPlayerView a time {display:none;}
	.videoPlayer .videoPlayerView a.play:before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#000;opacity:0.3;}	
	.videoPlayer .videoPlayerView a.play:after {background-position:0 -60px}
	.videoPlayer .videoPlayerView a.play:hover:after,
	.videoPlayer .videoPlayerView a.play.active:after {background-position:0 -120px}
	.videoPlayer .videoPlayerView a.play time {position:absolute;top:50%;display:block;margin-top:30px;width:100%;font-size:16px;color:#FFF;text-align:center;}
	.videoPlayer .videoPlayerView a.play.active time {color:#ff5446;}
	.videoPlayer .videoPlayerView a.pause:after {background-position:-60px -60px}
	.videoPlayer .videoPlayerView a.pause:hover:after ,
	.videoPlayer .videoPlayerView a.pause.active:after {background-position:-60px -120px}
	
	.videoPlayer .videoPlayerView a.replay:after {display:none;}
	.videoPlayer .videoPlayerView a.replay span strong {width:36px;height:32px;background-position:0 -180px;background-size:275px auto;}
	.videoPlayer .videoPlayerView a.replay:hover span strong {background-position:0 -240px;}
	.videoPlayer .videoPlayerView a.replay span {margin:-30px 0 0 -19px;font-size:11px;}
	.videoPlayer .videoPlayerView a.replay span strong {margin:0 auto 6px;}
	.videoPlayer .videoPlayerView a.replay span {color:#fff;}
	.videoPlayer .videoPlayerView a.replay.active span {color:#ff564c;}
	.videoPlayer .videoPlayerView a.replay.active span strong ,
	.videoPlayer .videoPlayerView a.replay:hover span strong {background-position:-60px -180px}
	.videoPlayer .alert {height:37px;}
	.videoPlayer .alert p {margin-top:9px}
	.videoPlayer .alert .txt {margin-right:5px;font-size:12px;}
	.videoPlayer .alert button {padding:0 7px;margin-top:-2px;height:19px;font-size:11px;line-height:1.9;}	
	
	@media all and (max-width:450px) {
	.videoPlayer .videoPlayerControl .ctlset .screen button.btnLike ,
	.videoPlayer .videoPlayerControl .ctlset .screen button.btnLikeCancel {display:none;}
	}
}



/* device일때 class 'device' 추가 */
.videoPlayer.device .videoPlayerView .hideAndroidOver40mobilePlayerControls::-webkit-media-controls-start-playback-button {display:none !important;}
.videoPlayer.device .videoPlayerView .hideAndroidUnder40mobilePlayerControls::-webkit-media-controls {display:none !important;}
.videoPlayer.device .videoPlayerView .hideIOSmobilePlayerControls::-webkit-media-controls-start-playback-button {display:none !important;}

.videoPlayer.device .videoPlayerView video::-internal-media-controls-overlay-cast-button {
    display: none;
}

.videoPlayer.device .icon {background-size:275px auto;}
.videoPlayer.device .icon.ic19 {top:7px;right:10px;width:18px;height:18px;background-position:-240px -90px;}
	
.videoPlayer.device .videoPlayerHeader:before {height:32px;}
.videoPlayer.device .videoPlayerHeader .videoPlayerTitle {top:0;left:10px;font-size:12px;padding-top:9px;height:32px;}
.videoPlayer.device .videoPlayerHeader .videoPlayerArtist {font-size:1px;line-height:0;position:absolute;left:-10000em;}
.videoPlayer.device .videoPlayerView a:after {margin:-25px 0 0 -25px;display:block;width:50px;height:50px;background-image:url('http://file.bugsm.co.kr/wbugs/player/sprite_mvPlayer.png');background-repeat:no-repeat;background-size:275px auto;}
.videoPlayer.device .videoPlayerView a time {display:none;}
.videoPlayer.device .videoPlayerView a.play span {display:block}
.videoPlayer.device .videoPlayerView a.play:before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#000;opacity:0.3;}	
.videoPlayer.device .videoPlayerView a.play:after {background-position:0 -60px}
.videoPlayer.device .videoPlayerView a.play:hover:after,
.videoPlayer.device .videoPlayerView a.play.active:after {background-position:0 -120px}
.videoPlayer.device .videoPlayerView a.play time {position:absolute;top:50%;display:block;margin-top:30px;width:100%;font-size:16px;color:#FFF;text-align:center;}
.videoPlayer.device .videoPlayerView a.play.active time {color:#ff5446;}
.videoPlayer.device .videoPlayerView a.pause:after {background-position:-60px -60px}
.videoPlayer.device .videoPlayerView a.pause:hover:after ,
.videoPlayer.device .videoPlayerView a.pause.active:after {background-position:-60px -120px}
.videoPlayer.device .videoPlayerView a.replay:after {display:none;}
.videoPlayer.device .videoPlayerView a.replay span strong {width:36px;height:32px;background-position:0 -180px;background-size:275px auto;}
.videoPlayer.device .videoPlayerView a.replay:hover {}
.videoPlayer.device .videoPlayerView a.replay:hover span strong {background-position:0 -240px;}
.videoPlayer.device .videoPlayerView .bugsThumbnail {display:block;margin:0 auto;}
	
.videoPlayer.device .videoPlayerView ,
.videoPlayer.device .videoPlayerControl * {-webkit-tap-highlight-color: rgba(0,0,0,0);}
	
.videoPlayer.device .videoPlayerControl {height:70px;background-size:1px 70px;}
.videoPlayer.device .videoPlayerControl .seek {position:absolute;bottom:14px;left:46px;margin:0;width:60%;height:21px;z-index:10;}
.videoPlayer.device .videoPlayerControl .seek .seekBG ,
.videoPlayer.device .videoPlayerControl .seek .buffering ,
.videoPlayer.device .videoPlayerControl .seek .current {margin:9px auto;height:5px;font-size:1px;line-height:0;color:transparent;}
.videoPlayer.device .videoPlayerControl .seek .current .seekbar {top:-8px;left:-11px;width:21px;height:21px;background-position:-235px -55px;background-size:275px auto;}
.videoPlayer.device .videoPlayerControl .seek time {position:absolute;top:1px;display:block;padding:0;width:34px;height:21px;line-height:21px;font-size:8px;background:none;}
.videoPlayer.device .videoPlayerControl .seek time:after {display:none;}
.videoPlayer.device .videoPlayerControl .seek time span {position:absolute;left:-1000em;height:0;font-size:1px;line-height:0;color:transparent;}	
.videoPlayer.device .videoPlayerControl .seek time.timeCurrent {left:-36px;}
.videoPlayer.device .videoPlayerControl .seek time.timeTotal {left:auto;right:-38px;text-align:right;}
.videoPlayer.device .videoPlayerControl.hour .seek {left:65px;width:56%;}
.videoPlayer.device .videoPlayerControl.hour .seek time.timeCurrent {left:-55px;width:55px;}	
.videoPlayer.device .videoPlayerControl.hour .seek time.timeTotal  {right:-55px;left:auto;text-align:right;}
	
.videoPlayer.device .videoPlayerControl .ctlset {position:absolute;bottom:14px;left:0;right:0;margin:0 10px;height:21px;}
.videoPlayer.device .videoPlayerControl .ctlset button {font:0;line-height:0;color:transparent;text-indent:-10000em;}
.videoPlayer.device .videoPlayerControl .ctlset .play {width:100%;}
.videoPlayer.device .videoPlayerControl .ctlset .screen {right:3px;}
.videoPlayer.device .videoPlayerControl .ctlset .screen button {margin-top:-6px;width:29px !important;height:27px;background-size:275px auto;}
.videoPlayer.device .videoPlayerControl .ctlset .screen button.btnLike {display:none;background-position:-114px -54px;} 
.videoPlayer.device .videoPlayerControl .ctlset .screen button.btnLikeCancel {display:none;background-position:-114px -84px;}
.videoPlayer.device .videoPlayerControl .ctlset .screen button.btnFullScreen {margin-right:-3px;background-position:-143px -54px;}
.videoPlayer.device .videoPlayerControl .ctlset .screen button.btnFullScreen.active, 
.videoPlayer.device .videoPlayerControl .ctlset .screen button.btnFullScreen:hover {background-position:-143px -84px;}
.videoPlayer.device .videoPlayerControl .ctlset .screen button.btnFullScreenCancel {display:none}
.videoPlayer.device .videoPlayerControl .ctlset .time, 
.videoPlayer.device .videoPlayerControl .ctlset .time span,
.videoPlayer.device .videoPlayerControl .ctlset .play button,
.videoPlayer.device .videoPlayerControl .ctlset .play .time,
.videoPlayer.device .videoPlayerControl .ctlset .play .volume,
.videoPlayer.device .videoPlayerControl .ctlset .screen .screenSize {display:none;}
	
.videoPlayer.device .videoPlayerView a.replay span {margin:-25px 0 0 -19px;font-size:11px;}
.videoPlayer.device .videoPlayerView a.replay span strong {margin:0 auto 6px;height:38px;}
.videoPlayer.device .videoPlayerView a.replay span {color:#fff;}
.videoPlayer.device .videoPlayerView a.replay.active span {color:#ff564c;opacity:0.7;}
.videoPlayer.device .videoPlayerView a.replay.active span strong ,
.videoPlayer.device .videoPlayerView a.replay:hover span strong {background-position:-60px -180px}
.videoPlayer.device .alert {height:37px;}
.videoPlayer.device .alert p {margin-top:9px}
.videoPlayer.device .alert .txt {margin-right:5px;font-size:12px;}
.videoPlayer.device .alert button {padding:0 7px;margin-top:-2px;height:19px;font-size:11px;line-height:1.9;}	

@media all and (max-width:430px) {
	.videoPlayer.device .videoPlayerControl .seek {width:58%;}
	.videoPlayer.device .videoPlayerControl.hour .seek {width:41%;}
}