@charset "UTF-8"; @import url('/css/common.css?version=20190718'); /* _common.scss 로 변경되었으니 common.scss 파일 수정이 필요할 경우 반영안됨 공통이 아니면 해당파일에 작업할것 */ @import url('/css/layer.css?version=20201006'); @import url('/css/nbugs/layer.css?version=20190531'); /* layout */ html, body {height:100%;width:100%;} #wrap {height:100%;} #container {position:relative;height:100%;width:100%;z-index:1;} #container:after {content:"";display:block;clear:both;} /* common.css와 레이아웃 부딪힘 막기위함 */ #wrap {padding-top:0;} #container {min-height:667px;min-width:384px;padding-bottom:0;} input[type=checkbox] {height:15px;width:15px;} /* layerLoading */ .layerLoading {width:270px;} .layerLoading .content {padding:30px 0 35px;text-align:center;} .layerLoading .content p {margin:0;padding:45px 0 0 0;color:#757271;line-height:17px;background:url('//file.bugsm.co.kr/nbugs/player/i_loading.gif') no-repeat 50% 0;} /* wbugs에서 공통으로 사용하는 css - wbugs에서 고치면 플레이어도 고쳐줘야 한다. */ #pgBasicPlayer .thumbnail {display:block;position:relative;text-align:center;background-color:#f2f3f7;} #pgBasicPlayer .thumbnail img {display:inline-block;max-height:100%;max-width:100%;font-size:0;vertical-align:middle;} #pgBasicPlayer .mask {display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000;opacity:0.1;} #pgBasicPlayer .artist {display:inline-block;position:relative;box-sizing:border-box;overflow:hidden;max-width:100%;padding-right:18px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;} #pgBasicPlayer .artist > .more {display:block;position:absolute;top:50%;right:0;height:20px;width:21px;margin-top:-10px;padding-right:0px;text-indent:-9999px;background-position:-492px -343px;z-index:10;} #pgBasicPlayer .artist > a, #pgBasicPlayer .artist > span {color:#757271;} #pgBasicPlayer {height:100%;} #pgBasicPlayer:after {content:" ";display:block;clear:both;visibility:hidden;height:0;} #pgBasicPlayer button {display:block;overflow:hidden;height:100%;width:100%;text-indent:-1000em;background-color:transparent;} #pgBasicPlayer h1 {display:inline;position:relative;float:left;padding:10px 12px 9px;z-index:10000;} #pgBasicPlayer h1 a {display:block;cursor:pointer;height:21px;width:52px;text-indent:-1000em;background:url('//file.bugsm.co.kr/nbugs/player/basic/i_playerV20150416.png') no-repeat 0 0;} #pgBasicPlayer h1 div {display:block;cursor:pointer;height:21px;width:52px;text-indent:-1000em;background:url('//file.bugsm.co.kr/nbugs/player/basic/i_playerV20150416.png') no-repeat 0 0;} #pgBasicPlayer .trackInfo .icon {float:left;overflow:hidden;vertical-align:top;} #pgBasicPlayer .trackInfo .icon .trackIcon {display:block;float:left;height:16px;width:16px;text-indent:-1000em;background:url('//file.bugsm.co.kr/nbugs/player/basic/i_playerV20150416.png') no-repeat;} #pgBasicPlayer .trackInfo .icon .trackIcon.icAdult {background-position:-50px -50px;} #pgBasicPlayer .trackInfo .icon .trackIcon.icHoldback {background-position:-100px -50px;} /* scroll */ .jScrollPaneContainer {position:relative;overflow:hidden;z-index:1;} .jScrollPaneTrack {position:absolute;right:0;cursor:pointer;} .jScrollPaneDrag {position:absolute;cursor:pointer;overflow:hidden;border-radius:3px;z-index:1;zoom:1;} .skinBlack .jScrollPaneDrag {background:#8a8e90;} .skinWhite .jScrollPaneDrag {background:#dfe5e8;} /* search */ #pgBasicPlayer .search {display:inline;position:relative;float:right;height:28px;width:244px;margin:6px 10px 0 0;background-position:0 -1000px;z-index:10000;} #pgBasicPlayer .search .searchField {position:relative;overflow:hidden;z-index:100;} #pgBasicPlayer .search .searchField .text {display:block;float:left;overflow:hidden;height:24px;width:205px;margin:0;padding:2px;font-size:12px;line-height:24px;text-indent:8px;vertical-align:top;border:0;background:none;} #pgBasicPlayer .search .searchField button {float:right;overflow:hidden;height:28px;width:30px;text-indent:-1000em;vertical-align:top;background:none;} #pgBasicPlayer .search .suggestSearch {display:none;position:absolute;top:27px;left:0;width:243px;z-index:10;} #pgBasicPlayer .search .suggestSearch .resultList2 {width:100%;} #pgBasicPlayer .search .suggestSearch .resultList2 li {width:100%;} #pgBasicPlayer .search .suggestSearch .resultList2 li a {display:block;box-sizing:border-box;overflow:hidden;width:100%;padding:0 8px 0 0;font-size:12px;line-height:32px;text-indent:8px;text-overflow:ellipsis;white-space:nowrap;} #pgBasicPlayer .search .suggestSearch .resultList2 li a:hover {text-decoration:none;} #pgBasicPlayer .search .suggestSearch .resultList2 li a strong {font-weight:normal;color:#ff3b28;} /* chromecast */ #pgBasicPlayer .chromecast {position:relative;float:right;height:39px;width:53px;background:url('//file.bugsm.co.kr/nbugs/chromecast/i_sender_web.png') no-repeat 0 0;z-index:1000;} #pgBasicPlayer .chromecast button {display:block;height:100%;width:100%;text-indent:-1000em;background:url('//file.bugsm.co.kr/nbugs/chromecast/i_sender_web.png') no-repeat;} #pgBasicPlayer .chromecast.disconnect button {background-position:14px -90px;} #pgBasicPlayer .chromecast.connect button {background-position:14px -140px;} #pgBasicPlayer .chromecast.connecting button {background:url('//file.bugsm.co.kr/nbugs/chromecast/i_sender_web_ani_connecting.gif') no-repeat 14px 10px;} #pgBasicPlayer .chromecast .layerSender {display:none;position:absolute;top:35px;right:10px;width:167px;padding:8px 0;box-shadow:3px 3px 5px #000;border:1px solid #000;background-color:#fff;} #pgBasicPlayer .chromecast .layerSender li {cursor:pointer;overflow:hidden;} #pgBasicPlayer .chromecast .layerSender .check {display:none;} #pgBasicPlayer .chromecast .layerSender .check input {cursor:pointer;height:100%;width:100%;opacity:0;} #pgBasicPlayer .chromecast .layerSender label {display:block;overflow:hidden;padding-right:10px;color:#0d0d0d;line-height:28px;text-indent:12px;text-overflow:ellipsis;white-space:nowrap;} #pgBasicPlayer .chromecast .layerSender li:hover label {text-decoration:underline;} #pgBasicPlayer .chromecast .layerSender .connected .check {display:block;float:right;height:28px;width:30px;margin-top:-28px;background:url('//file.bugsm.co.kr/nbugs/chromecast/i_sender_web.png') no-repeat 100% -43px;} #pgBasicPlayer .chromecast .layerSender .connected label {padding-right:30px;color:#4b8df7;} #pgBasicPlayer .ctl .chromecastMsg {font-weight:bold;color:#4b8df7;} #pgBasicPlayer .ctl .chromecastConnecting {position:absolute;top:50%;left:50%;height:50px;width:50px;margin:-25px 0 0 -25px;text-indent:-1000em;border-radius:8px;background-color:#000;opacity:0.6;} #pgBasicPlayer .ctl .chromecastConnecting:before {content:'';display:block;position:absolute;top:0;left:0;height:50px;width:50px;background:url('//file.bugsm.co.kr/nbugs/chromecast/i_seeking.gif') no-repeat 50% 50%;} .coachmark {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10000;} .coachmark:before {content:'';display:block;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:0.85;} .coachmark p {position:absolute;top:5px;right:6px;height:187px;width:325px;text-indent:-1000em;background:url('//file.bugsm.co.kr/nbugs/chromecast/i_sender_web_coachmark.png') no-repeat 0 0;} .coachmark button {position:absolute;bottom:100px;left:50%;height:46px;width:146px;margin-left:-73px;text-indent:-1000em;background:url('//file.bugsm.co.kr/nbugs/chromecast/i_sender_web_coachmark.png') no-repeat 0 -200px;} /* ctl */ #pgBasicPlayer .ctl {position:relative;clear:both;height:167px;z-index:100;} #pgBasicPlayer .ctl:after {content:'';display:block;clear:both;visibility:hidden;height:0;} #pgBasicPlayer .ctl > .thumbnail {float:left;height:100px;width:100px;margin:12px 0 1px 12px;line-height:100px;} #pgBasicPlayer .ctl .trackInfo {height:65px;margin:13px 10px 0 130px;} #pgBasicPlayer .ctl .trackInfo * {line-height:18px;} #pgBasicPlayer .ctl .trackInfo dt {overflow:hidden;height:20px;font-size:15px;white-space:nowrap;} #pgBasicPlayer .ctl .trackInfo dd {overflow:hidden;height:20px;max-width:75%;font-size:12px;color:#757271;text-overflow:ellipsis;white-space:nowrap;} #pgBasicPlayer .ctl .trackInfo dd a {font-size:12px;color:#757271;} #pgBasicPlayer .ctl .trackInfo .tracktitle {display:inline-block;overflow:hidden;max-width:55%;font-size:15px;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;} #pgBasicPlayer .ctl .trackInfo .tracktitle a {color:inherit;} #pgBasicPlayer .ctl .trackInfo .tracktitle.nodata {overflow:visible;} #pgBasicPlayer .ctl .trackInfo .icon .trackIcon {margin:1px 2px 0 1px;} #pgBasicPlayer .ctl .playCtl {overflow:hidden;height:35px;margin:0 0 0 127px;} #pgBasicPlayer .ctl .playCtl .btnCtl {float:left;} #pgBasicPlayer .ctl .playCtl .btnCtl span {float:left;height:35px;width:33px;} #pgBasicPlayer .ctl .playCtl .btnCtl span.btnPlay, #pgBasicPlayer .ctl .playCtl .btnCtl span.btnStop {width:35px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnPrev {background-position:0 -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnPrev:hover {background-position:-200px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnPrev:active {background-position:0 -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnNext {background-position:-150px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnNext:hover {background-position:-350px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnNext:active {background-position:-150px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnPlay {background-position:-50px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnPlay:before {display:none;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnPlay:hover {background-position:-250px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnPlay:active {background-position:-50px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnStop {background-position:-100px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnStop:hover {background-position:-300px -100px;} #pgBasicPlayer .ctl .playCtl .btnCtl .btnStop:active {background-position:-100px -100px;} #pgBasicPlayer .ctl .playCtl .etcCtl {float:left;margin-left:10px;} #pgBasicPlayer .ctl .playCtl .etcCtl span {float:left;height:35px;width:30px;} #pgBasicPlayer .ctl .playCtl .etcCtl .repeat .off {background-position:0 -150px;} #pgBasicPlayer .ctl .playCtl .etcCtl .repeat .onAll {background-position:-50px -150px;} #pgBasicPlayer .ctl .playCtl .etcCtl .repeat .onOne {background-position:-100px -150px;} #pgBasicPlayer .ctl .playCtl .etcCtl .shuffle .off {background-position:-150px -150px;} #pgBasicPlayer .ctl .playCtl .etcCtl .shuffle .on {background-position:-200px -150px;} #pgBasicPlayer .ctl .playCtl .volume {float:left;margin-left:5px;} #pgBasicPlayer .ctl .playCtl .volume .soundCheck {display:block;float:left;height:35px;width:18px;} #pgBasicPlayer .ctl .playCtl .volume .base {position:relative;float:left;cursor:pointer;height:35px;width:55px;background-position:-100px -200px;} #pgBasicPlayer .ctl .playCtl .volume .base .bar {display:block;height:10px;padding:13px 0 12px;background-position:-200px -200px;} #pgBasicPlayer .ctl .playCtl .volume .base .btnSlider {display:inline-block;position:absolute;top:0;height:14px;width:14px;padding:12px 0 9px;background-position:-300px -200px;} #pgBasicPlayer .ctl .playCtl .volume.on .soundCheck {background-position:0 -200px;} #pgBasicPlayer .ctl .playCtl .volume.off .soundCheck {background-position:-50px -200px;} #pgBasicPlayer .ctl .playCtl .volume.off .base .bar {display:none;} #pgBasicPlayer .ctl .progress {position:relative;clear:both;overflow:hidden;height:46px;width:364px;margin:0 0 0 12px;} #pgBasicPlayer .ctl .progress .base {position:relative;cursor:pointer;background-position:0 -250px;} #pgBasicPlayer .ctl .progress .base .bar {display:block;height:16px;padding:11px 0;background-position:0 -300px;z-index:10;} #pgBasicPlayer .ctl .progress .base .btnSlider {display:block;position:absolute;top:0;height:16px;width:16px;padding:12px 0 10px;background-position:-400px -250px;} #pgBasicPlayer .ctl .progress .time {position:absolute;right:2px;bottom:1px;} #pgBasicPlayer .ctl .progress .time em {font-size:11px;} #pgBasicPlayer .ctl .progress .time span {display:inline-block;height:7px;width:1px;margin:-1px 4px 0;font-size:0;vertical-align:middle;} #pgBasicPlayer .ctl .btnRecommendTrack {display:block;position:absolute;top:0;right:0;height:28px;width:28px;margin:8px 10px 0 0;background-position:-250px -350px;} #pgBasicPlayer .ctl .btnRecommendTrack:hover {background-position:-300px -350px;} #pgBasicPlayer .ctl .btnLikeTrack {display:block;position:absolute;top:0;right:10px;height:28px;width:28px;margin:8px 0 0;background-position:-150px -350px;} #pgBasicPlayer .ctl .btnLikeTrackCancel {display:block;position:absolute;top:0;right:10px;height:28px;width:28px;margin:8px 0 0;background-position:-200px -350px;} #pgBasicPlayer .ctl .layerCoachLike {top:32px;right:10px;left:auto;} #pgBasicPlayer .ctl .layerCoachLike .btnClose {background-image:url(//file.bugsm.co.kr/wbugs/common/sprite_common_list.png);} #pgBasicPlayer .ctl .layerCoachLike .btnLike {height:24px;width:24px;} #pgBasicPlayer .ctl .skinCheck {display:block;position:absolute;bottom:1px;left:0;height:23px;width:86px;background-position:0 -350px;} #pgBasicPlayer .ctl .btnSoundSelect {display:block;position:absolute;bottom:1px;left:50%;height:auto;width:auto;min-width:100px;margin-left:-50px;font-size:11px;text-indent:0;} #pgBasicPlayer .ctl .btnSoundSelect .bu {display:inline-block;height:14px;width:13px;margin-left:4px;vertical-align:middle;background-position:0 -600px;} #pgBasicPlayer .ctl .btnSoundSelect:hover .bu {background-position:-50px -600px;} /* tabPlayer */ #pgBasicPlayer .tabPlayer {position:relative;box-sizing:border-box;height:30px;width:100%;border-top:1px solid transparent;z-index:101;} #pgBasicPlayer .tabPlayer:after {content:'';position:absolute;right:0;bottom:0;left:0;height:1px;z-index:1;} #pgBasicPlayer .tabPlayer ul {overflow:hidden;max-width:388px;} #pgBasicPlayer .tabPlayer li {position:relative;float:left;box-sizing:border-box;border-right:1px solid transparent;z-index:10;} #pgBasicPlayer .tabPlayer li.playList {width:29%;} #pgBasicPlayer .tabPlayer li.lyrics {width:20%;} #pgBasicPlayer .tabPlayer li.similarTrack {width:30%;} #pgBasicPlayer .tabPlayer li.myAlbum {width:21%;} #pgBasicPlayer .tabPlayer a {display:block;position:relative;cursor:pointer;box-sizing:border-box;overflow:hidden;height:30px;width:100%;margin-top:-1px;padding-top:1px;font-size:11px;line-height:30px;text-align:center;text-decoration:none;white-space:nowrap;} #pgBasicPlayer .tabPlayer a span {display:inline-block;} #pgBasicPlayer .tabPlayer a em {display:inline-block;cursor:pointer;} #pgBasicPlayer .tabPlayer a:hover em {text-decoration:none;} #pgBasicPlayer .tabPlayer a.on {z-index:10;} /* list */ #pgBasicPlayer .scrollArea {padding:238px 0 65px 0;} #pgBasicPlayer .listWrap {display:none;position:relative;min-height:100%;margin:-238px 0 -31px;} #pgBasicPlayer .list {position:relative;} #pgBasicPlayer .list ul {position:relative;} #pgBasicPlayer .list ul:after {content:" ";display:block;clear:both;visibility:hidden;height:0;} #pgBasicPlayer .list ul.playTrackList {padding:4px 0;} #pgBasicPlayer .list .listRow {position:relative;float:left;cursor:pointer;width:100%;z-index:1;} #pgBasicPlayer .list .downInsert {overflow:hidden;height:29px;} #pgBasicPlayer .list .check {display:block;position:absolute;top:0;left:0;height:30px;width:34px;z-index:1;} #pgBasicPlayer .list .check .checkbox {margin:7px 0 0 12px;} #pgBasicPlayer .list .trackInfo {overflow:hidden;margin-right:58px;padding-left:34px;} #pgBasicPlayer .list .trackInfo .scrollTrackWrap {position:relative;overflow:hidden;} #pgBasicPlayer .list .trackInfo .scrollTrack {display:block;position:relative;width:100%;line-height:30px;white-space:nowrap;} #pgBasicPlayer .list .trackInfo .scrollTrack.short {overflow:hidden;text-overflow:ellipsis;} #pgBasicPlayer .list .trackInfo .icon {margin:5px 0 0;} #pgBasicPlayer .list .trackInfo .icon .trackIcon {margin:1px 3px 0 0;} #pgBasicPlayer .list .trackInfo .artistname span, #pgBasicPlayer .list .trackInfo .albumtitle span {display:inline-block;height:7px;width:1px;margin:-1px 10px 0;font-size:0;vertical-align:middle;} #pgBasicPlayer .list .trackInfo.disabled .tracktitle {cursor:default;} #pgBasicPlayer .list p.playTrackList.nodata {position:absolute;top:20px;left:20px;color:#757271;} #pgBasicPlayer .list p.playTrackList.nodata strong {display:block;margin-bottom:21px;font-weight:normal;} #pgBasicPlayer .check {display:inline;float:left;} #pgBasicPlayer .check .checkbox {display:block;cursor:pointer;} #pgBasicPlayer .check.dim .checkbox {cursor:default;} #pgBasicPlayer .listBtns {position:absolute;bottom:31px;left:0;height:33px;width:100%;z-index:10;} #pgBasicPlayer .listBtns .check {margin:10px 9px 0 13px;} #pgBasicPlayer .listBtns .check .checkbox input {display:block;} #pgBasicPlayer .listBtns .btns {display:inline;float:left;margin:5px 0 0;} #pgBasicPlayer .listBtns .btns > span {float:left;cursor:pointer;height:22px;margin-right:4px;} #pgBasicPlayer .listBtns .btns .btnDel {width:38px;background-position:0 -400px;} #pgBasicPlayer .listBtns .btns .btnDel:hover {background-position:0 -450px;} #pgBasicPlayer .listBtns .btns .btnDown {width:38px;background-position:-50px -400px;} #pgBasicPlayer .listBtns .btns .btnDown:hover {background-position:-50px -450px;} #pgBasicPlayer .listBtns .btns .btnPut {width:38px;background-position:-100px -400px;} #pgBasicPlayer .listBtns .btns .btnPut:hover {background-position:-100px -450px;} #pgBasicPlayer .listBtns .btns .btnMoveUp {width:22px;background-position:-150px -400px;} #pgBasicPlayer .listBtns .btns .btnMoveUp:hover {background-position:-150px -450px;} #pgBasicPlayer .listBtns .btns .btnMoveDown {width:22px;background-position:-200px -400px;} #pgBasicPlayer .listBtns .btns .btnMoveDown:hover {background-position:-200px -450px;} #pgBasicPlayer .listBtns .btns .btnAdd {line-height:22px;background-position:-350px -400px;} #pgBasicPlayer .listBtns .btns .btnAdd .num {display:block;height:22px;background-position:100% -400px;} #pgBasicPlayer .listBtns .btns .btnAdd button {overflow:visible;height:22px;font-size:11px;font-weight:bold;color:#0d0d0d;line-height:22px;text-indent:0;white-space:nowrap;} #pgBasicPlayer .listBtns .btns .btnAdd button span {display:none;} #pgBasicPlayer .listBtns .btns .btnAdd button em {display:inline-block;margin:0 8px 0 76px;color:#757271;line-height:24px;vertical-align:top;} #pgBasicPlayer .listBtns .btns .btnAddDim {cursor:default;width:82px;background-position:-250px -400px;} #pgBasicPlayer .listBtns .btns .btnAddDim span {display:none;} #pgBasicPlayer .listBtns .btns .btnLyricsReg {width:92px;background-position:0 -1050px;} #pgBasicPlayer .listBtns .btns .btnLyricsReg:hover {background-position:0 -1100px;} #pgBasicPlayer .listBtns .btns .btnLyricsApply {width:92px;background-position:-100px -1050px;} #pgBasicPlayer .listBtns .btns .btnLyricsApply:hover {background-position:-100px -1100px;} #pgBasicPlayer .listBtns .time {float:right;margin:11px 10px 0 0;font-size:11px;color:#999;} #pgBasicPlayer .listBtns .time em {display:inline-block;} #pgBasicPlayer .playTrackList .trackInfo .tracktitle, #pgBasicPlayer .playTrackList .trackInfo .artistname {font-size:12px;line-height:30px;} #pgBasicPlayer .playTrackList .btns {display:none;position:absolute;top:50%;right:0;float:right;margin:-11px 10px 0;} #pgBasicPlayer .playTrackList .btns > span {display:block;height:22px;width:38px;} #pgBasicPlayer .playTrackList .btns > span span {display:block;cursor:default;overflow:hidden;height:100%;width:100%;text-indent:-1000em;} #pgBasicPlayer .playTrackList .btns .btnDown button {background-position:0 -1150px;} #pgBasicPlayer .playTrackList .btns .btnDown button:hover {background-position:0 -1200px;} #pgBasicPlayer .playTrackList .btns .btnDown span {background-position:0 -1250px;} #pgBasicPlayer .playTrackList .btns .btnFree button {background-position:-50px -1150px;} #pgBasicPlayer .playTrackList .btns .btnFree button:hover {background-position:-50px -1200px;} #pgBasicPlayer .playTrackList .btns .btnDRM button {background-position:-100px -1150px;} #pgBasicPlayer .playTrackList .btns .btnDRM button:hover {background-position:-100px -1200px;} #pgBasicPlayer .playTrackList .btns .btnDRM span {background-position:-100px -1250px;} #pgBasicPlayer .playTrackList .over .btns {display:block;} #pgBasicPlayer .searchTrackList .listRow {height:47px;padding:2px 0 7px;border-top-width:1px;border-top-style:solid;} #pgBasicPlayer .searchTrackList .listRow.first {border:0;} #pgBasicPlayer .searchTrackList .listRow mark {color:#FF3D33;} #pgBasicPlayer .searchTrackList .listRow a:hover mark {text-decoration:underline;} #pgBasicPlayer .searchTrackList .trackInfo {margin-right:0;padding-top:6px;} #pgBasicPlayer .searchTrackList .trackInfo dt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #pgBasicPlayer .searchTrackList .trackInfo dd {float:left;overflow:hidden;height:20px;max-width:49%;text-overflow:ellipsis;white-space:nowrap;} #pgBasicPlayer .searchTrackList .trackInfo .tracktitle, #pgBasicPlayer .searchTrackList .trackInfo .artistname, #pgBasicPlayer .searchTrackList .trackInfo .albumtitle {font-size:12px;line-height:20px;} #pgBasicPlayer .searchTrackList .trackInfo .tracktitle:hover, #pgBasicPlayer .searchTrackList .trackInfo .tracktitle:hover strong, #pgBasicPlayer .searchTrackList .trackInfo .artistname:hover storng, #pgBasicPlayer .searchTrackList .trackInfo .albumtitle:hover strong {text-decoration:underline;} #pgBasicPlayer .searchTrackList .trackInfo.disabled .tracktitle:hover, #pgBasicPlayer .searchTrackList .trackInfo.disabled .tracktitle:hover strong {text-decoration:none;} #pgBasicPlayer .searchTrackList .trackInfo .icon {margin-top:0;} /* playList */ #pgBasicPlayer .listWrap.playList {display:block;} #pgBasicPlayer .toast {position:absolute;bottom:64px;left:50%;width:380px;margin-left:-191px;border:1px solid #919295;background-color:#fff;z-index:1000;} #pgBasicPlayer .toast p {padding:18px 0;color:#757271;line-height:22px;text-align:center;} #pgBasicPlayer .toast p strong {font-weight:normal;color:#ff3b28;} #pgBasicPlayer .toast .btnClose {position:absolute;top:7px;right:6px;cursor:pointer;height:18px;width:18px;background-position:-546px -346px;z-index:100;} #pgBasicPlayer .toast .btnClose span {display:none;} /* myalbumList */ #pgBasicPlayer .listWrap .none {padding:239px 0 31px;} #pgBasicPlayer .listWrap .none p {margin:0 10px;padding:0 4px;font-size:12px;color:#999;line-height:20px;} #pgBasicPlayer .listWrap .none p strong {line-hieght:24px;display:block;padding:20px 0 13px;font-size:13px;font-weight:normal;} .skinBlack #pgBasicPlayer .listWrap .none p strong {color:#d4d5d9;} .skinWhite #pgBasicPlayer .listWrap .none p strong {color:#3a3635;} #pgBasicPlayer .myalbumList ul.playTrackList {padding:0 0 2px;} #pgBasicPlayer .myalbumList .myList {width:100%;} #pgBasicPlayer .myalbumList .myList .myListRow {position:relative;float:left;width:100%;z-index:1;} #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle {height:34px;width:100%;} #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a {display:block;max-width:70%;max-width:calc(100% - 120px);padding:0 0 0 29px;font-size:12px;line-height:34px;} #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a:hover {text-decoration:none;} #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a .count {display:inline-block;font-weight:normal;line-height:32px;vertical-align:top;} #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a .bu {position:absolute;top:14px;left:14px;height:5px;width:7px;background:url('//file.bugsm.co.kr/nbugs/player/basic/i_playerV20150416.png') no-repeat;} #pgBasicPlayer .myalbumList .myList .myListRow.reduction .myalbumtitle a .bu {background-position:-100px 0;} #pgBasicPlayer .myalbumList .myList .myListRow.expansion .myalbumtitle a .bu {background-position:-150px 0;} #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a .title {display:inline-block;overflow:hidden;max-width:80%;max-width:calc(100% - 40px);text-overflow:ellipsis;vertical-align:top;white-space:nowrap;} #pgBasicPlayer .myalbumList .myList .myListRow .btnListenAll {position:absolute;top:7px;right:10px;height:22px;width:64px;} #pgBasicPlayer .myalbumList .myList .myListRow .btnListenAll button {background-position:-150px -1150px;} #pgBasicPlayer .myalbumList .myList .myListRow .btnListenAll button:hover {background-position:-150px -1200px;} #pgBasicPlayer .myalbumList .myList .myListRow.reduction .playTrackList {display:none;} #pgBasicPlayer .myalbumList .myList .playTrackList .check {margin-left:17px;} #pgBasicPlayer .myalbumList .myList .playTrackList .trackInfo {padding-left:51px;} /* top50List */ #pgBasicPlayer .top50List .nodata {padding:0 12px;font-size:12px;line-height:40px;} #pgBasicPlayer .top50List .nodata p + p {border-top:1px solid #d9d9d9;} #pgBasicPlayer .top50List .nodata p span {display:inline-block;position:relative;margin-left:4px;padding-left:10px;color:#757271;} #pgBasicPlayer .top50List .nodata p span:before {content:'';position:absolute;top:16px;left:0;height:8px;width:1px;background:#b2b2b2;} #pgBasicPlayer .top50List .playTrackList .chart {display:inline;float:left;width:40px;margin:0 0 0 26px;font-size:12px;color:#757271;line-height:30px;text-align:center;} #pgBasicPlayer .top50List .playTrackList .trackInfo {padding-left:0;} /* account */ #pgBasicPlayer .account {position:relative;overflow:hidden;height:30px;width:100%;z-index:10000;} #pgBasicPlayer .account .userInfo {box-sizing:border-box;padding:0 110px 0 11px;font-size:11px;line-height:30px;vertical-align:top;} #pgBasicPlayer .account .userInfo > p {display:inline-block;overflow:hidden;max-width:46%;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;} #pgBasicPlayer .account .userInfo > span {display:inline-block;height:7px;width:1px;margin:-1px 6px 0 5px;font-size:0;vertical-align:middle;} #pgBasicPlayer .account .userInfo a {display:inline-block;padding:0 10px 0 5px;vertical-align:top;background-position:100% -339px;} #pgBasicPlayer .account .userInfo a:hover {text-decoration:underline;} #pgBasicPlayer .account .userInfo a span {display:inline;} #pgBasicPlayer .account .btnArea {position:absolute;top:0;right:0;height:22px;padding:4px 10px 0 0;} #pgBasicPlayer .account .btnArea span {float:left;height:22px;margin-left:4px;} #pgBasicPlayer .account .btnLogin {width:42px;background-position:-300px -1050px;} #pgBasicPlayer .account .btnLogin:hover {background-position:-300px -1100px;} #pgBasicPlayer .account .btnLogout {width:54px;background-position:-350px -1050px;} #pgBasicPlayer .account .btnLogout:hover {background-position:-350px -1100px;} #pgBasicPlayer .account .btnConfiguration {width:38px;background-position:-450px -1050px;} #pgBasicPlayer .account .btnConfiguration:hover {background-position:-450px -1100px;} /* skin */ .skinBlack {background:#353637 url('//file.bugsm.co.kr/nbugs/player/basic/skinBlack/bg_containerV20160205.png') repeat-x 0 0;} .skinBlack #pgBasicPlayer {background:url('//file.bugsm.co.kr/nbugs/player/basic/skinBlack/bg_ctlV20150416.gif') no-repeat 0 0;} .skinBlack #pgBasicPlayer .ctl, .skinBlack #pgBasicPlayer .layerPlayer .resultWrap {border-top:1px solid #262423;} .skinBlack #pgBasicPlayer .ctl .thumbnail .mask {border:1px solid #fff;} .skinBlack #pgBasicPlayer .search, .skinBlack #pgBasicPlayer .ctl .playCtl .btnCtl span, .skinBlack #pgBasicPlayer .ctl .playCtl .etcCtl span, .skinBlack #pgBasicPlayer .ctl .playCtl .volume .soundCheck, .skinBlack #pgBasicPlayer .ctl .playCtl .volume .base, .skinBlack #pgBasicPlayer .ctl .playCtl .volume .base .bar, .skinBlack #pgBasicPlayer .ctl .playCtl .volume .base .btnSlider, .skinBlack #pgBasicPlayer .ctl .progress .base, .skinBlack #pgBasicPlayer .ctl .progress .base .bar, .skinBlack #pgBasicPlayer .ctl .progress .base .btnSlider, .skinBlack #pgBasicPlayer .ctl .progress .base .loading, .skinBlack #pgBasicPlayer .ctl .btnRecommendTrack, .skinBlack #pgBasicPlayer .ctl .btnLikeTrack, .skinBlack #pgBasicPlayer .ctl .btnLikeTrackCancel, .skinBlack #pgBasicPlayer .ctl .skinCheck, .skinBlack #pgBasicPlayer .listBtns .btns > span, .skinBlack #pgBasicPlayer .listBtns .btns .btnAdd .num, .skinBlack #pgBasicPlayer .playTrackList .btns > span button, .skinBlack #pgBasicPlayer .playTrackList .btns > span span, .skinBlack #pgBasicPlayer .myalbumList .myList .myListRow .btnListenAll button, .skinBlack #pgBasicPlayer .account .userInfo a, .skinBlack #pgBasicPlayer .account .btnLogin, .skinBlack #pgBasicPlayer .account .btnLogout, .skinBlack #pgBasicPlayer .account .btnConfiguration, .skinBlack #pgBasicPlayer .btnClose, .skinBlack #pgBasicPlayer .lyricsList .lyricsNone span, .skinBlack #pgBasicPlayer .lyricsList .lyricsNone span a:hover, .skinBlack #pgBasicPlayer .layerResult .moreSearch .top, .skinBlack #pgBasicPlayer .artist > .more, .skinBlack #pgBasicPlayer .ctl .btnSoundSelect .bu {background-image:url('//file.bugsm.co.kr/nbugs/player/basic/skinBlack/i_skinV20160205.png');} .skinBlack #pgBasicPlayer .search .searchField .text {color:#c3c3c3;} .skinBlack #pgBasicPlayer .search .suggestSearch {border:1px solid #353637;background-color:#1c1c1c;} .skinBlack #pgBasicPlayer .search .suggestSearch .resultList2 li.over, .skinBlack #pgBasicPlayer .search .suggestSearch .resultList2 li:hover {background-color:#030303;} .skinBlack #pgBasicPlayer .search .suggestSearch .resultList2 li a {color:#c3c3c3;} .skinBlack #pgBasicPlayer .ctl .trackInfo .tracktitle {color:#fff;} .skinBlack #pgBasicPlayer .ctl .progress .time .start {color:#fff;} .skinBlack #pgBasicPlayer .ctl .progress .time .finish {color:#999;} .skinBlack #pgBasicPlayer .ctl .progress .time span {background-color:#5a5a5b;} .skinBlack #pgBasicPlayer .ctl .btnSoundSelect {color:#fff;} .skinBlack #pgBasicPlayer .tabPlayer {border-color:#1e1f20;background:#46474b;} .skinBlack #pgBasicPlayer .tabPlayer:after {background:#1e1f20;} .skinBlack #pgBasicPlayer .tabPlayer li {border-color:#1e1f20;} .skinBlack #pgBasicPlayer .tabPlayer li a {color:#91919a;} .skinBlack #pgBasicPlayer .tabPlayer li a.on {color:#c3c3c3;background:#353637;} .skinBlack #pgBasicPlayer .list .rowSelect, .skinBlack #pgBasicPlayer .list .over {background-color:#2d2d2e;} .skinBlack #pgBasicPlayer .list .downInsert {border-bottom:1px solid #6d6d6d;} .skinBlack #pgBasicPlayer .playTrackList .rowRecommend {background-color:#242526;} .skinBlack #pgBasicPlayer .playTrackList .nowPlaying .trackInfo span {color:#ff3d33;} .skinBlack #pgBasicPlayer .list p.playTrackList.nodata strong {color:#FFF;} .skinBlack #pgBasicPlayer .list .trackInfo .tracktitle {color:#c3c3c3;} .skinBlack #pgBasicPlayer .list .trackInfo .scrollTrack, .skinBlack #pgBasicPlayer .list .trackInfo .artistname, .skinBlack #pgBasicPlayer .list .trackInfo .albumtitle {color:#7b7b7b;} .skinBlack #pgBasicPlayer .list .trackInfo .artistname span, .skinBlack #pgBasicPlayer .list .trackInfo .albumtitle span {background-color:#636363;} .skinBlack #pgBasicPlayer .list .trackInfo.disabled * {color:#535455 !important;} .skinBlack #pgBasicPlayer .searchTrackList .listRow {border-color:#3f4041;} .skinBlack #pgBasicPlayer .searchTrackList .trackInfo dt {color:#c3c3c3;} .skinBlack #pgBasicPlayer .searchTrackList .trackInfo dd {color:#7b7b7b;} .skinBlack #pgBasicPlayer .listBtns {border-top:1px solid #242526;background-color:#2f2f30;} .skinBlack #pgBasicPlayer .account {border-top:1px solid #46474c;background-color:#46474c;} .skinBlack #pgBasicPlayer .account .userInfo {color:#808080;} .skinBlack #pgBasicPlayer .account .userInfo > span {background-color:#7c7c7c;} .skinBlack #pgBasicPlayer .account .userInfo a, .skinBlack #pgBasicPlayer .account .userInfo a span {color:#c8c8c8;} .skinBlack #pgBasicPlayer .layerPlayer {background:#353637 url('//file.bugsm.co.kr/nbugs/player/basic/skinBlack/bg_containerV20160205.png') repeat-x 0 0;} .skinBlack #pgBasicPlayer .layerPlayer .resultWrap {background:#353637;} .skinBlack #pgBasicPlayer .layerResult .resultView h2, .skinBlack #pgBasicPlayer .layerResult .resultNone h2 {color:#d4d5d9;border-bottom:1px solid #3f4041;} .skinBlack #pgBasicPlayer .layerResult .resultError {border-top:1px solid #3f4041;} .skinBlack #pgBasicPlayer .layerResult .resultError > p {color:#91919a;} .skinBlack #pgBasicPlayer .layerResult .resultError > p strong {color:#d4d5d9;} .skinBlack #pgBasicPlayer .layerResult .resultNone > p, .skinBlack #pgBasicPlayer .layerResult .resultNone .correct dt, .skinBlack #pgBasicPlayer .layerResult .resultNone .correct dd a {color:#d4d5d9;} .skinBlack #pgBasicPlayer .layerResult .resultNone .guideSearch p {color:#91919a;} .skinBlack #pgBasicPlayer .lyricsList h2 a {color:#fff;} .skinBlack #pgBasicPlayer .lyricsList h2 span {color:#595959;} .skinBlack #pgBasicPlayer .lyricsList .list {color:#91919a;} .skinBlack #pgBasicPlayer .lyricsList .list .view .btnLyricsReport {color:#AAA;border-color:#262626;background:#3C3C40;} .skinBlack #pgBasicPlayer .lyricsList .lyricsView .lyricsTitle p a {color:#fff;} .skinBlack #pgBasicPlayer .lyricsList .notPlaying p {color:#FFF;} .skinBlack #pgBasicPlayer .lyricsList .lyricsNone p strong {color:#d4d5d9;} .skinBlack #pgBasicPlayer .lyricsList .lyricsNone .registerArea {border-top:1px solid #48494a;} .skinBlack #pgBasicPlayer .lyricsList .lyricsNone .registerArea a.panelIs {color:#cacbcf;} .skinBlack #pgBasicPlayer .myalbumList .myList .myListRow {border-bottom:1px solid #3f4041;} .skinBlack #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a {color:#91919a;} .skinBlack #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a span {color:#757271;} .skinBlack #pgBasicPlayer .top50List .nodata {color:#FFF;} .skinBlack #pgBasicPlayer .top50List .nodata p + p {border-top:1px solid #3d3e41;} .skinBlack #pgBasicPlayer .top50List .nodata p span {color:#7b7b7b;} .skinBlack #pgBasicPlayer .top50List .nodata p span:before {background:#636363;} .skinWhite {background:#fff url('//file.bugsm.co.kr/nbugs/player/basic/skinWhite/bg_containerV20160205.png') repeat-x 0 0;} .skinWhite #pgBasicPlayer {background:url('//file.bugsm.co.kr/nbugs/player/basic/skinWhite/bg_ctlV20150416.gif') no-repeat 0 0;} .skinWhite #pgBasicPlayer .ctl, .skinWhite #pgBasicPlayer .layerPlayer .resultWrap {border-top:1px solid #dad6d5;} .skinWhite #pgBasicPlayer .ctl .thumbnail .mask {border:1px solid #000;} .skinWhite #pgBasicPlayer .search, .skinWhite #pgBasicPlayer .ctl .playCtl .btnCtl span, .skinWhite #pgBasicPlayer .ctl .playCtl .etcCtl span, .skinWhite #pgBasicPlayer .ctl .playCtl .volume .soundCheck, .skinWhite #pgBasicPlayer .ctl .playCtl .volume .base, .skinWhite #pgBasicPlayer .ctl .playCtl .volume .base .bar, .skinWhite #pgBasicPlayer .ctl .playCtl .volume .base .btnSlider, .skinWhite #pgBasicPlayer .ctl .progress .base, .skinWhite #pgBasicPlayer .ctl .progress .base .bar, .skinWhite #pgBasicPlayer .ctl .progress .base .btnSlider, .skinWhite #pgBasicPlayer .ctl .progress .base .loading, .skinWhite #pgBasicPlayer .ctl .btnRecommendTrack, .skinWhite #pgBasicPlayer .ctl .btnLikeTrack, .skinWhite #pgBasicPlayer .ctl .btnLikeTrackCancel, .skinWhite #pgBasicPlayer .ctl .skinCheck, .skinWhite #pgBasicPlayer .playTrackList .btns > span button, .skinWhite #pgBasicPlayer .playTrackList .btns > span span, .skinWhite #pgBasicPlayer .myalbumList .myList .myListRow .btnListenAll button, .skinWhite #pgBasicPlayer .listBtns .btns > span, .skinWhite #pgBasicPlayer .listBtns .btns .btnAdd .num, .skinWhite #pgBasicPlayer .account .userInfo a, .skinWhite #pgBasicPlayer .account .btnLogin, .skinWhite #pgBasicPlayer .account .btnLogout, .skinWhite #pgBasicPlayer .account .btnConfiguration, .skinWhite #pgBasicPlayer .btnClose, .skinWhite #pgBasicPlayer .lyricsList .lyricsNone span, .skinWhite #pgBasicPlayer .lyricsList .lyricsNone span a:hover, .skinWhite #pgBasicPlayer .layerResult .moreSearch .top, .skinWhite #pgBasicPlayer .artist > .more, .skinWhite #pgBasicPlayer .ctl .btnSoundSelect .bu {background-image:url('//file.bugsm.co.kr/nbugs/player/basic/skinWhite/i_skinV20170407.png');} .skinWhite #pgBasicPlayer .search .searchField .text {color:#3a3635;} .skinWhite #pgBasicPlayer .search .suggestSearch {border:1px solid #c4c5c9;background-color:#fff;} .skinWhite #pgBasicPlayer .search .suggestSearch .resultList2 li.over, .skinWhite #pgBasicPlayer .search .suggestSearch .resultList2 li:hover {background-color:#f2f3f7;} .skinWhite #pgBasicPlayer .search .suggestSearch .resultList2 li a {color:#3a3635;} .skinWhite #pgBasicPlayer .ctl .trackInfo .tracktitle {color:#3a3635;} .skinWhite #pgBasicPlayer .ctl .progress .time .start {color:#3a3635;} .skinWhite #pgBasicPlayer .ctl .progress .time .finish {color:#999;} .skinWhite #pgBasicPlayer .ctl .progress .time span {background-color:#ccc;} .skinWhite #pgBasicPlayer .ctl .btnSoundSelect {color:#3a3635;} .skinWhite #pgBasicPlayer .tabPlayer {border-color:#d9d9d9;background:#FAFAFC;} .skinWhite #pgBasicPlayer .tabPlayer:after {background:#D9D9D9;} .skinWhite #pgBasicPlayer .tabPlayer li {border-color:#d9d9d9;} .skinWhite #pgBasicPlayer .tabPlayer li a {color:#757271;} .skinWhite #pgBasicPlayer .tabPlayer li a.on {color:#3A3635;background:#FFF;} .skinWhite #pgBasicPlayer .list .rowSelect, .skinWhite #pgBasicPlayer .list .over {background-color:#f8f9fb;} .skinWhite #pgBasicPlayer .list .downInsert {border-bottom:1px solid #999;} .skinWhite #pgBasicPlayer .playTrackList .rowRecommend {background-color:#eff2f3;} .skinWhite #pgBasicPlayer .playTrackList .nowPlaying .trackInfo span {color:#ff3d33;} .skinWhite #pgBasicPlayer .list p.playTrackList.nodata strong {color:#3A3635;} .skinWhite #pgBasicPlayer .list .trackInfo .tracktitle {color:#3a3635;} .skinWhite #pgBasicPlayer .list .trackInfo .scrollTrack, .skinWhite #pgBasicPlayer .list .trackInfo .artistname, .skinWhite #pgBasicPlayer .list .trackInfo .albumtitle {color:#757271;} .skinWhite #pgBasicPlayer .list .trackInfo .artistname span, .skinWhite #pgBasicPlayer .list .trackInfo .albumtitle span {background-color:#ccc;} .skinWhite #pgBasicPlayer .list .trackInfo.disabled * {color:#cbcaca !important;} .skinWhite #pgBasicPlayer .searchTrackList .listRow {border-color:#efefef;} .skinWhite #pgBasicPlayer .searchTrackList .trackInfo dt {color:#3a3635;} .skinWhite #pgBasicPlayer .searchTrackList .trackInfo dd {color:#757271;} .skinWhite #pgBasicPlayer .listBtns {border-top:1px solid #efefef;background-color:#f8f9fb;} .skinWhite #pgBasicPlayer .account {border-top:1px solid #c4c5c8;background-color:#fff;} .skinWhite #pgBasicPlayer .account .userInfo {color:#999;} .skinWhite #pgBasicPlayer .account .userInfo > span {background-color:#ccc;} .skinWhite #pgBasicPlayer .account .userInfo a, .skinWhite #pgBasicPlayer .account .userInfo a span {color:#3a3635;} .skinWhite #pgBasicPlayer .layerPlayer {background:#fff url('//file.bugsm.co.kr/nbugs/player/basic/skinWhite/bg_containerV20160205.png') repeat-x 0 0;} .skinWhite #pgBasicPlayer .layerPlayer .resultWrap {background-color:#fff;} .skinWhite #pgBasicPlayer .layerResult .resultView h2, .skinWhite #pgBasicPlayer .layerResult .resultNone h2 {color:#3a3635;border-bottom:1px solid #efefef;} .skinWhite #pgBasicPlayer .layerResult .resultError {border-top:1px solid #efefef;} .skinWhite #pgBasicPlayer .layerResult .resultError > p {color:#757271;} .skinWhite #pgBasicPlayer .layerResult .resultError > p strong {color:#3a3635;} .skinWhite #pgBasicPlayer .layerResult .resultNone > p, .skinWhite #pgBasicPlayer .layerResult .resultNone .correct dt, .skinWhite #pgBasicPlayer .layerResult .resultNone .correct dd a {color:#3a3635;} .skinWhite #pgBasicPlayer .layerResult .resultNone .guideSearch p {color:#757271;} .skinWhite #pgBasicPlayer .lyricsList h2 a {color:#3a3635;} .skinWhite #pgBasicPlayer .lyricsList h2 span {color:#d9d9d9;} .skinWhite #pgBasicPlayer .lyricsList .list {color:#757271;} .skinWhite #pgBasicPlayer .lyricsList .notPlaying p {color:#3A3635;} .skinWhite #pgBasicPlayer .lyricsList .lyricsNone p strong {color:#3a3635;} .skinWhite #pgBasicPlayer .lyricsList .lyricsNone .registerArea {border-top:1px solid #efefef;} .skinWhite #pgBasicPlayer .lyricsList .lyricsNone .registerArea a.panelIs {color:#3a3635;} .skinWhite #pgBasicPlayer .myalbumList .myList .myListRow {border-bottom:1px solid #efefef;} .skinWhite #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a {color:#757271;} .skinWhite #pgBasicPlayer .myalbumList .myList .myListRow .myalbumtitle a span {color:#999;} .skinWhite #pgBasicPlayer .top50List .nodata {color:#3A3635;} .skinWhite #pgBasicPlayer .top50List .nodata p + p {border-top:1px solid #d9d9d9;} .skinWhite #pgBasicPlayer .top50List .nodata p span {color:#757271;} .skinWhite #pgBasicPlayer .top50List .nodata p span:before {background:#b2b2b2;} /* layer */ #pgBasicPlayer .layerPlayer {display:none;position:absolute;left:0;min-height:100%;width:100%;background-repeat:repeat-x;} #pgBasicPlayer .layerPlayer .btnClose {position:absolute;top:53px;right:17px;cursor:pointer;height:18px;width:18px;background-position:-546px -346px;z-index:100;} #pgBasicPlayer .layerPlayer .btnClose span {display:none;} #pgBasicPlayer .layerResult {top:40px;margin:-40px 0 -34px;background-position:0 39px;z-index:1002;} #pgBasicPlayer .layerResult .scrollArea {padding:0;} #pgBasicPlayer .layerResult .moreSearch {position:relative;} #pgBasicPlayer .layerResult .moreSearch .top {position:absolute;top:15px;right:10px;cursor:pointer;height:22px;width:52px;text-indent:-1000em;background-position:0 -900px;} #pgBasicPlayer .layerResult .moreSearch .more {display:block;cursor:pointer;padding:19px 0;text-align:center;} #pgBasicPlayer .layerResult .moreSearch .more:hover {text-decoration:underline;} #pgBasicPlayer .layerResult .moreSearch .more span {display:inline-block;height:5px;width:7px;margin:0px 0 1px 4px;background:url('//file.bugsm.co.kr/nbugs/player/basic/i_playerV20150416.png') -100px 0 no-repeat;} .skinBlack #pgBasicPlayer .layerResult .moreSearch .more {color:#c3c3c3;} .skinWhite #pgBasicPlayer .layerResult .moreSearch .more {color:#7f7f7f;} #pgBasicPlayer .layerResult .resultWrap {margin-top:40px;padding:0 0 34px;} #pgBasicPlayer .layerResult .resultView h2, #pgBasicPlayer .layerResult .resultNone h2 {overflow:hidden;padding:15px 0 10px 10px;font-weight:normal;} #pgBasicPlayer .layerResult .resultView h2 strong, #pgBasicPlayer .layerResult .resultNone h2 strong {display:inline-block;overflow:hidden;max-width:65%;color:#ff3d33;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;} #pgBasicPlayer .layerResult .resultView h2 span, #pgBasicPlayer .layerResult .resultNone h2 span {font-size:11px;} #pgBasicPlayer .layerResult .resultError {margin-top:40px;} #pgBasicPlayer .layerResult .resultError > p {padding-left:12px;font-size:12px;line-height:20px;} #pgBasicPlayer .layerResult .resultError > p strong {display:block;margin:21px 0 16px;font-size:13px;font-weight:normal;} #pgBasicPlayer .layerResult .resultNone > p {margin:23px 0 20px;padding-left:12px;} #pgBasicPlayer .layerResult .resultNone .correct {overflow:hidden;margin-bottom:18px;padding:0 40px;} #pgBasicPlayer .layerResult .resultNone .correct dt {font-size:12px;line-height:20px;} #pgBasicPlayer .layerResult .resultNone .correct dd {float:left;overflow:hidden;padding-right:11px;} #pgBasicPlayer .layerResult .resultNone .correct dd a {display:inline-block;font-size:12px;line-height:20px;text-decoration:underline;white-space:nowrap;} #pgBasicPlayer .layerResult .resultNone .guideSearch {padding-left:12px;} #pgBasicPlayer .layerResult .resultNone .guideSearch p {padding-left:7px;font-size:12px;line-height:20px;background:url('//file.bugsm.co.kr/nbugs/common/new/bu.gif') no-repeat 0 -43px;} #pgBasicPlayer .layerResult .resultNone .guideSearch .goReserve {display:inline-block;padding:0 9px 0 7px;color:#ff3d33;text-decoration:underline;vertical-align:top;background:url('//file.bugsm.co.kr/nbugs/common/new/bu_arrow.gif') no-repeat 100% -141px;} #pgBasicPlayer .lyricsList h2 {font-weight:normal;} #pgBasicPlayer .lyricsList h2 a {vertical-align:top;} #pgBasicPlayer .lyricsList .list {line-height:24px;} #pgBasicPlayer .lyricsList .list .view .btnLyricsReport {margin-top:14px;} #pgBasicPlayer .lyricsList .list strong {font-weight:normal;color:#ff3d33;} #pgBasicPlayer .lyricsList .list .view .btnLyricsReport {margin-top:14px;} #pgBasicPlayer .lyricsList .list .view {padding:20px 12px;} #pgBasicPlayer .lyricsList .list .view .btnLyricsReport {margin-top:14px;} #pgBasicPlayer .lyricsList .list .view .btnLyricsReport {margin-top:14px;} #pgBasicPlayer .lyricsList .list .view .btnLyricsReport {margin-top:14px;} #pgBasicPlayer .lyricsList .listBtns > p {font-size:11px;color:#999;line-height:33px;text-indent:12px;} #pgBasicPlayer .lyricsList .list .view .btnLyricsReport {margin-top:14px;} #pgBasicPlayer .lyricsList .listBtns .btns {margin-left:12px;} #pgBasicPlayer .lyricsList .list .view .btnLyricsReport {margin-top:14px;} #pgBasicPlayer .lyricsList .lyricsView .lyricsTitle p.title {display:inline-block;overflow:hidden;max-width:50%;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;} #pgBasicPlayer .lyricsList .lyricsView .lyricsTitle p.artist {max-width:35%;margin-left:4px;padding:0 20px 0 8px;vertical-align:middle;} #pgBasicPlayer .lyricsList .lyricsView .lyricsTitle p.artist .bar {position:absolute;top:50%;left:0px;height:7px;width:1px;margin-top:-4px;background-color:#ccc;} #pgBasicPlayer .lyricsList .notPlaying {padding:239px 0 31px;} #pgBasicPlayer .lyricsList .notPlaying p {padding:15px 14px 13px;font-size:13px;line-height:24px;} #pgBasicPlayer .lyricsList .lyricsNone {padding:239px 0 31px;} #pgBasicPlayer .lyricsList .lyricsNone p {padding:15px 4px 13px;font-size:12px;color:#999;line-height:24px;} #pgBasicPlayer .lyricsList .lyricsNone p strong {font-size:13px;font-weight:normal;} #pgBasicPlayer .lyricsList .lyricsNone span {display:inline-block;} #pgBasicPlayer .lyricsList .lyricsNone span a {display:block;height:100%;} #pgBasicPlayer .lyricsList .lyricsNone span span {display:none;} #pgBasicPlayer .lyricsList .lyricsNone .btnLyricsApplyGeneral {height:28px;width:94px;background-position:0 -500px;} #pgBasicPlayer .lyricsList .lyricsNone .btnLyricsApplyGeneral a:hover {background-position:0 -550px;} #pgBasicPlayer .lyricsList .lyricsNone .btnLyricsApplyAuto {height:28px;width:108px;background-position:-100px -500px;} #pgBasicPlayer .lyricsList .lyricsNone .btnLyricsApplyAuto a:hover {background-position:-100px -550px;} #pgBasicPlayer .lyricsList .lyricsNone .btnLyricsRegGeneral {height:28px;width:94px;background-position:-220px -500px;} #pgBasicPlayer .lyricsList .lyricsNone .btnLyricsRegGeneral a:hover {background-position:-220px -550px;} #pgBasicPlayer .lyricsList .lyricsNone > div {margin:0 10px;} #pgBasicPlayer .lyricsList .lyricsNone .registerArea {margin-top:20px;} #pgBasicPlayer .lyricsList .lyricsNone .registerArea a.panelIs {display:inline-block;margin-left:4px;text-decoration:underline;} #pgBasicPlayer .layerInfoMsg {position:absolute;font-size:12px;line-height:20px;box-shadow:10px 10px 15px 0 rgba(7, 0, 2, 0.1);border:1px solid #c4c5c8;background-color:#fff;z-index:10;} #pgBasicPlayer .layerInfoMsg .box-shadow {display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:#FFF;z-index:-1;zoom:1;} #pgBasicPlayer .layerInfoMsg.inform {bottom:64px;padding:5px 13px;} #pgBasicPlayer .layerInfoMsg.lyricsInform {bottom:33px;left:12px;padding:5px 13px;} #pgBasicPlayer .layerInfoMsg.musicRecommend {display:none;top:37px;right:5px;padding:10px 13px;} #pgBasicPlayer .layerInfoMsg.addPlaylist {position:absolute;top:-18px;left:35px;height:24px;padding-right:12px;box-shadow:none;border:0;background:none;z-index:101;} #pgBasicPlayer .layerInfoMsg.addPlaylist > span {display:block;height:24px;background:url('//file.bugsm.co.kr/nbugs/player/basic/i_playerV20150416.png') no-repeat -290px -30px;} #pgBasicPlayer .layerInfoMsg.addPlaylist span span {position:absolute;top:0;left:0;overflow:hidden;height:0;width:0;font-size:0;line-height:0;} #pgBasicPlayer .layerInfoMsg.addPlaylist strong {display:block;height:100%;margin:0 -12px 0 14px;padding-right:45px;font-size:11px;font-weight:normal;color:#fff;line-height:20px;background:url('//file.bugsm.co.kr/nbugs/player/basic/i_playerV20150416.png') no-repeat 100% 0;} .layer.layerLoginBanner {width:250px;} .layer.layerLoginBanner .banner {position:relative;min-height:104px;width:100%;margin-top:20px;line-height:104px;text-align:center;background-color:#f2f3f7;} .layer.layerLoginBanner .banner img {display:inline-block;max-height:100%;max-width:100%;vertical-align:middle;} .layer.layerLoginBanner .banner .mask {display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000;opacity:0.1;} /* 공통레이어 for music plyaer */ .layer.addOption {min-width:216px;}