/* 뮤직플레이어 모듈 분리 */
/* toggle button */
.toggle-button-box {height:auto;border:0;border-radius:0;background:transparent none}
.toggle-button-box .list {top:32px;padding:5px 0;border:0;border-radius:6px}
.toggle-button-box .list .item, .music-list-wrap .toggle-button-box .list .item {display:block;overflow:hidden;width:100%;height:26px;padding:0 10px !important;border:0;font-size:11px;line-height:27px;background:transparent none;color:#27282d;text-align:left;letter-spacing:-1px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.is-ie .toggle-button-box .list .item {line-height:29px}
.toggle-button-box .list .item:hover, .toggle-button-box .list .item:focus {background:#eef1f4;color:#27282d}
.toggle-button-box .list .item.disabled {color:#d4d4d5;cursor:default}
.player .toggle-button-box.more {position:absolute;top:0;right:0;z-index:4}
.player .toggle-button-box .btn-more {display:block;width:35px;height:35px;border:0;line-height:0;background:url('//image.genie.co.kr/imageg/web/player/blt_player.png') transparent no-repeat -72px -31px;text-indent:-99999px}
.player .select-button .btn-more {background-position:-117px -31px}

/* toast popup */
.toast-popup {position:absolute;bottom:0;right:10px;width:192px;margin-bottom:10px;padding:25px 29px 23px;font-size:12px;line-height:21px;background-color:#0eb6e6;z-index:90;color:#fff}
.is-ie .toast-popup {padding:26px 29px 22px}
.fp-ui .toast-popup {bottom:auto;left:10px;width:auto;margin-bottom:0;margin-top:10px;padding:16px 29px 12px;text-align:center;filter:alpha(opacity=100) !important;opacity:1 !important;z-index:10}
.toast-popup a {display:inline-block;position:relative;padding-right:10px;color:#fff}
.toast-popup a + a {margin-left:16px}
.toast-popup a span {text-decoration:underline}
.toast-popup a:before {content:'>';display:block;position:absolute;top:0;right:0}
.toast-popup .close {display:block;overflow:hidden;position:absolute;top:5px;right:5px;width:21px;height:21px;border:0;line-height:0;background:url('//image.genie.co.kr/imageg/web/player/btn_close_toast.png') transparent no-repeat 5px 5px;text-indent:-9999px}

/* player */
.player *:focus {overflow:hidden}
.player .fp-icon {position:absolute;top:60px;width:34px;height:34px;border:0;background:url('//image.genie.co.kr/imageg/web/player/blt_player.png') no-repeat 0 0;line-height:0;text-indent:-9999px}
.player .fp-repeat {background-position:0 -76px;z-index:3}
.player .fp-repeat:active {background-position:0 -120px}
.player .fp-repeat.all {background-position:-44px -76px}
.player .fp-repeat.all:active {background-position:-44px -120px}
.player .fp-repeat.one {background-position:-88px -76px}
.player .fp-repeat.one:active {background-position:-88px -120px}
.player .fp-random {left:81px;background-position:-132px -76px;z-index:3}
.player .fp-random:active {background-position:-132px -120px}
.player .fp-random.active {background-position:-176px -76px}
.player .fp-random.active:active {background-position:-176px -120px}
.player .fp-volume {display:block;position:absolute;z-index:4}
.player .fp-volumebtn {display:block;top:0;left:0;background-position:-220px -76px}
.player .fp-volumebtn:active {background-position:-220px -120px}
.player .is-muted .fp-volumebtn {background-position:-264px -76px}
.player .is-muted .fp-volumebtn:active {background-position:-264px -120px}
.player .fp-volumebar em.fp-grey {background:#000;opacity:0.2;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';filter:alpha(opacity=20)}
.mv-player .player .fp-volumebar em.fp-grey {background:#fff;opacity:0.3;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';filter:alpha(opacity=30)}
.player .fp-volumebar em.fp-color {background:#0eb6e6}

/* 플레이어 메시지 */
.fp-return { position: absolute; bottom: 0; top: 0; width: 100%; background: #000; background: rgba(0, 0, 0, 0.75); z-index: 10; vertical-align: middle; line-height: 416px; vertical-align: middle; text-align: center; }
.fp-return .message { color: #ffffff; font-family: "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif, "Segoe UI Symbol"; font-size: 18px; font-weight: 400; line-height: 30px; text-align: center; -webkit-text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -moz-text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); }
.fp-return .srv-buttons { padding-top: 25px; }
.fp-return .srv-buttons a {display: inline-block; color: #ffffff; font-family: "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif, "Segoe UI Symbol"; font-size: 14px; font-weight: 400; line-height: 40px; border-radius: 2px; min-width: 108px; height: 40px; border: solid 1px #fff; margin: 0 5px; padding: 0 12px; -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5); }
.fp-return .srv-buttons a.srv_main, .fp-return .srv-buttons a.srv_login { background-color: #0eb6e6; border-color: #0eb6e6; }
.fp-return-message { text-align: center; display: inline-block; line-height: 30px; }

/* music video */
.mv-player {width:100%;height:100%}
.mv-player .player {width:740px;background-color:#27282d;margin:0 auto}
.mv-player .player .contents {position:relative;min-height:100%;padding:0;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mv-player .flowplayer.is-loading .fp-player, .mv-player .flowplayer.is-error .fp-player {background-color:#3f4047}
.mv-player .flowplayer.is-loading .fp-player:before, .mv-player .flowplayer.is-error .fp-player:before {content:'';display:block;position:absolute;top:50%;left:50%;width:40px;height:54px;margin:-27px 0 0 -20px;background:url('//image.genie.co.kr/imageg/web/player/blt_player.png') no-repeat -396px 0}
.mv-player .player .flowplayer.is-poster .fp-ui > * {display:block}
.mv-player .player .fp-ui:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:url('//image.genie.co.kr/imageg/web/player/mask.png') repeat 0 0;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter:alpha(opacity=0);-webkit-transition:opacity 0.3s 0.1s;transition:opacity 0.3s 0.1s}
.mv-player .player .is-ready .fp-ui:before {-webkit-transition:opacity 0s 0s;transition:opacity 0s 0s}
.mv-player .player .is-paused .fp-ui:before, .mv-player .player .is-playing.is-mouseover .fp-ui:before {opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';filter:alpha(opacity=100)}
.mv-player .player .fp-controls {position:absolute;left:20px;right:20px;width:auto;height:110px;padding:0}
.mv-player .player .is-fullscreen .fp-controls {left:40px;right:40px;height:162px}
.mv-player .player .fp-title {position:absolute;top:13px;left:0;max-width:100%;padding:0 20px 0 20px;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif,'Segoe UI Symbol';color:#fff}
.mv-player .player .is-fullscreen .fp-title {padding:31px 0 0 55px}
.mv-player .player .fp-title .title {display:block;margin-left:-2px;padding-bottom:2px;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-player .player .is-fullscreen .fp-title .title {margin-left:-2px;padding-bottom:5px;font-size:29px}
.mv-player .player .fp-title .artist {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-player .player .is-fullscreen .fp-title .artist {font-size:17px}
.mv-player .player .fp-header .fp-fullscreen {display:none}
.mv-player .player .toggle-button-box.more {top:15px;right:20px}
.mv-player .player .is-fullscreen .toggle-button-box.more {display:none}
.mv-player .player .toggle-button-box.more .list {left:auto;right:-1px}
.mv-player .player .fp-play, .mv-player .player .fp-pause {display:none}
.mv-player .player .fp-playbtn {display:block;position:absolute;top:50%;left:50%;width:90px;height:69px;margin:-60px 0 0 -45px;background:url('//image.genie.co.kr/imageg/web/player/blt_player.png') no-repeat 0 -430px}
.mv-player .player .fp-playbtn:active {background-position:-300px -430px}
.mv-player .player .is-playing .fp-playbtn {background-position:-100px -430px}
.mv-player .player .is-playing .fp-play:active {background-position:-400px -430px}
.mv-player .player .is-finished .fp-playbtn {background-position:-200px -430px}
.mv-player .player .is-finished .fp-playbtn:active {background-position:-500px -430px}
.mv-player .player .is-fullscreen .fp-playbtn {width:134px;height:103px;margin:-51px 0 0 -67px;background-position:0 -509px}
.mv-player .player .is-fullscreen .fp-playbtn:active {background-position:0 -622px}
.mv-player .player .is-fullscreen.is-playing .fp-playbtn {background-position:-144px -509px}
.mv-player .player .is-fullscreen.is-playing .fp-play:active {background-position:-144px -622px}
.mv-player .player .is-fullscreen.is-finished .fp-playbtn {background-position:-288px -509px}
.mv-player .player .is-fullscreen.is-finished .fp-playbtn:active {background-position:-288px -622px}
.mv-player .player .fp-prev {top:50%;left:50%;margin:-42px 0 0 -137px;background-position:-308px -342px}
.mv-player .player .fp-prev:active {background-position:-308px -386px}
.mv-player .player .fp-next {top:50%;left:50%;margin:-42px 0 0 105px;background-position:-352px -342px}
.mv-player .player .fp-next:active {background-position:-352px -386px}
.mv-player .player .is-fullscreen .fp-prev, .mv-player .player .is-fullscreen .fp-next {display:none}
.mv-player .player .fp-elapsed {top:34px;left:0;font-size:11px}
.mv-player .player .fp-duration {top:34px;right:3px;font-size:11px}
.mv-player .player .is-fullscreen .fp-elapsed	{top:35px;left:5px;font-size:12px}
.is-ie .mv-player .player .is-fullscreen .fp-elapsed	{top:36px}
.mv-player .player .is-fullscreen .fp-duration {top:35px;right:5px;font-size:12px}
.is-ie .mv-player .player .is-fullscreen .fp-duration	{top:36px}
.mv-player .player .is-fullscreen .fp-timeline:before {height:2px}
.mv-player .player .is-fullscreen .fp-timeline .fp-buffer {height:2px}
.mv-player .player .is-fullscreen .fp-timeline .fp-progress {height:2px}
.mv-player .player .is-fullscreen .fp-progress:before {top:-9px;right:-7px;width:20px;height:20px;background-position:-314px 0}
.mv-player .player .fp-volume {top:60px;left:91px;height:34px;padding-left:38px}
.mv-player .player .is-fullscreen .fp-volume {top:80px;left:132px;padding-left:45px}
.mv-player .player .is-fullscreen .fp-volume .fp-volumebtn {top:0;background-position:-220px -342px}
.mv-player .player .is-fullscreen .fp-volume .fp-volumebtn:active {background-position:-220px -386px}
.mv-player .player .is-fullscreen.is-muted .fp-volume .fp-volumebtn {top:0;background-position:-264px -342px}
.mv-player .player .is-fullscreen.is-muted .fp-volume .fp-volumebtn:active {background-position:-264px -386px}
.mv-player .player .fp-volume .fp-volumebar {padding:15px 0 17px}
.mv-player .player .fp-volume:hover .fp-volumebar {padding:10px 0 12px}
.mv-player .player .fp-bar-slider em {width:14px}
.mv-player .player .fp-bar-slider em:first-child, .mv-player .player .fp-bar-slider em:last-child {width:15px}
.mv-player .player .fp-repeat {left:-4px}
.mv-player .player .fp-random {left:44px}
.mv-player .player .is-fullscreen .fp-repeat {top:80px;left:5px;background-position:0 -342px}
.mv-player .player .is-fullscreen .fp-repeat:active {background-position:0 -386px}
.mv-player .player .is-fullscreen .fp-repeat.all {background-position:-44px -342px}
.mv-player .player .is-fullscreen .fp-repeat.all:active {background-position:-44px -386px}
.mv-player .player .is-fullscreen .fp-repeat.one {background-position:-88px -342px}
.mv-player .player .is-fullscreen .fp-repeat.one:active {background-position:-88px -386px}
.mv-player .player .is-fullscreen .fp-random {top:80px;left:67px;background-position:-132px -342px}
.mv-player .player .is-fullscreen .fp-random:active {background-position:-132px -386px}
.mv-player .player .is-fullscreen .fp-random.active {background-position:-176px -342px}
.mv-player .player .is-fullscreen .fp-random.active:active {background-position:-176px -386px}
.mv-player .player .fp-controls .fp-fullscreen {right:-3px;width:36px;background-position:-396px -342px}
.mv-player .player .fp-controls .fp-fullscreen:active {background-position:-396px -386px}
.mv-player .player .is-fullscreen .fp-controls .fp-fullscreen {top:79px;right:7px;background-position:-440px -342px}
.mv-player .player .is-fullscreen .fp-controls .fp-fullscreen:active {background-position:-440px -386px}
.mv-player .player .btn-radius {display:inline-block;overflow:hidden;width:74px;height:23px;padding:0 5px 0 6px;border:0;border-radius:3px;font-size:11px;line-height:23px;background:#27282d;background:rgba(39,40,45,0.5);color:#fff;letter-spacing:0;vertical-align:middle;text-align:left}
.is-ie .mv-player .player .btn-radius {line-height:24px}
.mv-player .player .is-fullscreen .btn-radius {width:118px;height:33px;font-size:17px;line-height:30px;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif,'Segoe UI Symbol'}
.mv-player .player .btn-radius.blt-pps {position:absolute;top:65px;right:123px;width:57px;padding:0;text-align:center}
.mv-player .player .is-fullscreen .btn-radius.blt-pps {top:79px;right:192px;width:84px}
.mv-player .toggle-button-box.select-quality {position:absolute;visibility:hidden;top:65px;right:45px;z-index:3}
.mv-player .fp-player .toggle-button-box.select-quality {visibility:visible}
.mv-player .is-fullscreen .toggle-button-box.select-quality {top:79px;right:69px}
.mv-player .toggle-button-box.select-quality .btn:before {content:'';display:block;position:absolute;bottom:5px;right:5px;width:5px;height:5px;background:url('//image.genie.co.kr/imageg/web/player/blt_player.png') no-repeat -271px 0}
.mv-player .is-fullscreen .toggle-button-box.select-quality .btn {padding:0 0 3px 12px}
.mv-player .toggle-button-box.select-quality.red .btn {background:#f94e44}
.mv-player .toggle-button-box.select-quality .list {overflow:hidden;top:auto;bottom:23px;left:0;width:74px;padding:0;background-color:#27282d}
.mv-player .is-fullscreen .toggle-button-box.select-quality .list {bottom:33px;width:118px}
.mv-player .toggle-button-box.select-quality .list .item {height:23px;line-height:23px;color:#68686b;letter-spacing:0}
.mv-player .is-fullscreen .toggle-button-box.select-quality .list .item {height:33px;padding:0 0 3px 12px !important;font-size:17px;line-height:30px;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif,'Segoe UI Symbol'}
.mv-player .toggle-button-box.select-quality .list .item:hover, .mv-player .toggle-button-box.select-quality .list .item:focus {background:#000;color:#fff}
.mv-player .player .related-video {position:relative;padding:0 50px 0 40px}
.mv-player .player .related-video .sub-title {display:inline-block;position:absolute;top:21px;left:21px;font-size:14px;height: auto;line-height: inherit;background: none;text-indent: 0}
.mv-player .player .related-video .btn-detail {display:inline-block;position:absolute;top:47px;left:21px;width:auto;color:#63646b}
.mv-player .player .related-video .bx-wrapper {width:640px}
.mv-player .player .related-video .bxslider {overflow:hidden;height:155px}
.mv-player .player .related-video .bx-prev {width:19px;height:79px;left:-19px;top:20px;margin-top:0}
.mv-player .player .related-video .bx-prev:hover {background:url('//image.genie.co.kr/imageg/web/player/blt_list.png') no-repeat -252px 0}
.mv-player .player .related-video .bx-prev:before {content:'';display:block;position:absolute;top:31px;left:5px;width:9px;height:17px;background:url('//image.genie.co.kr/imageg/web/player/blt_list.png') no-repeat -177px -23px}
.mv-player .player .related-video .bx-prev.disabled, .mv-player .player .related-video .bx-next.disabled {display:block;cursor:default}
.mv-player .player .related-video .bx-prev.disabled:before {background-position:-158px -23px}
.mv-player .player .related-video .bx-next {width:19px;height:79px;right:-39px;top:20px;margin-top:0}
.mv-player .player .related-video .bx-next:hover {background:url('//image.genie.co.kr/imageg/web/player/blt_list.png') no-repeat -281px 0}
.mv-player .player .related-video .bx-next:before {content:'';display:block;position:absolute;top:31px;left:5px;width:9px;height:17px;background:url('//image.genie.co.kr/imageg/web/player/blt_list.png') no-repeat -214px -23px}
.mv-player .player .related-video .bx-next.disabled:before {background-position:-196px -23px}
.mv-player .player .related-video .bxslider > li {display:block;position:relative;float:left;width:140px;padding:20px 0 0 20px;overflow:hidden}
.mv-player .player .related-video a {display:inline-block;width:100%}
.mv-player .player .related-video .cover-mv {overflow:hidden;position:relative;width:141px;height:79px}
.mv-player .player .related-video .cover-mv .mask {display:none;position:absolute;top:0;left:0;width:141px;height:79px;background-color:#000;opacity:0.5;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';filter:alpha(opacity=50);z-index:3}
.mv-player .player .related-video li:hover .cover-mv .mask, .mv-player .player .related-video li:focus .cover-mv .mask, .mv-player .player .related-video li a:hover .cover-mv .mask, .mv-player .player .related-video li a:focus .cover-mv .mask {display:block}
.mv-player .player .related-video .cover-mv:before {content:'';display:none;position:absolute;top:29px;left:57px;width:28px;height:21px;background:url('//image.genie.co.kr/imageg/web/player/blt_list.png') no-repeat -112px -23px;z-index:4}
.mv-player .player .related-video li:hover .cover-mv:before, .mv-player .player .related-video li:focus .cover-mv:before, .mv-player .player .related-video li a:hover .cover-mv:before, .mv-player .player .related-video li a:focus .cover-mv:before {display:block}
.mv-player .player .related-video .cover-mv img {display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.mv-player .player .related-video .title {display:block;max-width:120px;padding:13px 0 4px;color:#fff}
.mv-player .player .related-video .title .icon-box {display:inline-block;overflow:hidden;height:14px;margin:1px 6px 0 0;padding:0 1px 0 2px;border:1px solid #fff;font-size:11px;border-radius:2px;background:none transparent;line-height:15px;color:#fff;vertical-align:top}
.is-ie .mv-player .player .related-video .title .icon-box {height:13px;margin-top:0;padding-top:1px}
.mv-player .player .related-video .artist {display:block;max-width:120px;font-size:11px;color:#63646b}
.mv-player .player .related-video .toggle-button-box {position:absolute;top:107px;right:11px;z-index:4}
.mv-player .player .related-video .toggle-button-box .btn-more {width:26px;height:26px;background-position:-396px -222px}
.mv-player .player .related-video .select-button .btn-more {background-position:-396px -262px}
.mv-player .player .related-video .toggle-button-box .list {top:auto;bottom:3px;left:auto;right:24px}
.mv-player .player .payment {position:absolute;bottom:0;left:0;width:100%;height:59px;padding:19px 20px 0;border-top:1px solid #1b1c1f;font-size:11px;line-height:21px;background-color:#232428;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ie8 .mv-player .player .payment{bottom:110px}
.mv-player .player .payment .btn-radius {width:auto;height:21px;margin:0 7px 0 0;background:rgba(0,0,0,0.2);line-height:21px;vertical-align:top}
.mv-player .player .payment .txt {max-width:320px}
.mv-player .player .payment .txt .pay-name{display:block;position:absolute;top:19px;left:70px;width:485px}
.mv-player .player .payment .txt .pay-day{display:block;position:absolute;top:19px;left:555px}
.mv-player .player .payment .btn-payment {display:inline-block;overflow:hidden;position:absolute;height:22px;top:17px;right:20px;padding:0 8px;border:1px solid #fff;border-radius:3px;font-size:12px;line-height:23px;color:#fff}
.mv-player .music-list {position:absolute;top:0;bottom:0;left:740px;right:0;min-width:420px;height:100%;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mv-player .tab-lyrics {position:absolute;overflow-y:auto;top:100px;bottom:10px;left:10px;right:10px;margin:0;padding:26px 15px 0;font:12px 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif,'Segoe UI Symbol';line-height:22px;color:#000}
.mv-player .tab-related {display:none}
.mv-player .tab-related .music-wrap {top:100px}
.mv-player .tab-lyrics .title {display:inline-block;font-size:17px;vertical-align:baseline}
.mv-player .tab-lyrics .artist {display:inline-block;margin-left:3px;color:#8d8d8d;vertical-align:baseline}
.mv-player .tab-lyrics .lyrics {padding:20px 0}
.mv-player .tab-lyrics .no-data {display:block;position:absolute;top:50%;width:100%;margin:-20px -25px 0 -25px;line-height:20px;text-align:center;color:#000}
.mv-player .player .layer-popup{color:#444}
.mv-player .player .layer-popup .confirm-btn .conf-btn{cursor:pointer}

@-webkit-keyframes pulse {
	0% {filter:alpha(opacity=0);opacity:0}
	100% {filter:alpha(opacity=100);opacity:1}
}
@keyframes pulse {
	0% {filter:alpha(opacity=0);opacity:0}
	100% {filter:alpha(opacity=100);opacity:1}
}