@charset "UTF-8";


/* what's hot -------------------------------------------- */
.mnWhatshot {position:relative}

/* buttons -------------------------------------------- */
.mnWhatshot .btnSteadySeller {display:inline-block;position:relative;float:left;padding:5px 10px 0 28px;font-size:12px;color:#3a3635;line-height:20px;background:url(http://file.bugsm.co.kr/wbugs/common/btns/btn_seller01.png) 0px 5px no-repeat}
.mnWhatshot .btnSteadySeller .icon {display:block;position:absolute;top:50%;right:0px;height:7px;width:5px;margin-top:-3px;background-image:url(http://file.bugsm.co.kr/wbugs/common/btns/btn_arrow_right01.png)}

/* page title(공통룰에 따름) -------------------------------------------- */

/* LNB(local navigation bar) -------------------------------------------- */
/* 벅스차트 */
.pgChartTrack nav.lnb .track,
.pgChartAlbum nav.lnb .album,
.pgTopMusicPDAlbum nav.lnb .mPDAlbum,
.pgTopMV nav.lnb .mv {color:#3a3635;border-bottom:3px solid #ff564c}

/* 최신 */
.mnNew .pgTitle .innerContainer {padding-top:27px;padding-bottom:21px;}
	.msie7 .mnNew .pgTitle .innerContainer  {padding-top:32px;padding-bottom:22px;}
.pgNewTrack nav.lnb .track,
.pgNewAlbum nav.lnb .album,
.pgNewMusicPDAlbum nav.lnb .mPDAlbum,
.pgNewMV nav.lnb .mv {color:#3a3635;border-bottom:3px solid #ff564c}


/* 벅스차트 -------------------------------------------- */
.mnChart .pgTitle .innerContainer {padding-top:27px;padding-bottom:21px;}
	.msie7 .mnChart .pgTitle .innerContainer {padding-top:32px;padding-bottom:22px;}
/* Music4U -------------------------------------------- */
.pgMusic4U {min-width:940px}
.pgMusic4U .pageTitle {position:relative;height:21px;padding-top:33px;padding-bottom:33px;padding-left:45px;border-bottom:1px solid #d9d9d9;background-color:#fff;z-index:1}
	.msie7 .pgMusic4U .pageTitle {padding-top:37px;padding-bottom:35px;}
.pgMusic4U .pageTitle .innerContainer > h1 {float:left;margin-right:10px;font-size:20px;font-weight:normal;color:#3a3635;line-height:20px;vertical-align:middle}
.pgMusic4U .pageTitle .innerContainer > .desc {float:left;vertical-align:middle}
.pgMusic4U .pageTitle .innerContainer > .desc > span {font-size:11px;color:#757271;line-height:20px;}
.pgMusic4U .pageTitle .btnNormal {float:right;margin-top:-7px}
.pgMusic4U .pageTitle .btnHelp {margin-top:-4px;line-height:20px;vertical-align:middle}

		/* 가이드 레이어 */
.helpM4U {position:absolute;top:74px;left:0;height:298px;width:978px;border:1px solid #c4c5c8;
	-webkit-box-shadow:5px 5px 10px 0 rgba(7, 0, 2, 0.1);
	-moz-box-shadow:5px 5px 10px 0 rgba(7, 0, 2, 0.1);
	box-shadow:5px 5px 10px 0 rgba(7, 0, 2, 0.1);
	background-color:#fff;z-index:100;
}
.helpM4U > h1 {display:none}
.helpM4U .iconPages {position:absolute;bottom:36px;width:100%;text-align:center}
	.msie7 .helpM4U .iconPages {left:50%;width:70px;margin-left:-35px;}

.helpM4U .btnClose {position:absolute;top:10px;right:6px;background-position:-60px 0px}
/* 이전 / 다음 */
.helpM4U .btnPrev {display:inline-block;height:57px;width:22px;text-indent:-9999px;background-image:url(http://file.bugsm.co.kr/wbugs/common/sprite_common_button.png);background-position:-240px -30px}
.helpM4U .btnNext {display:inline-block;height:57px;width:22px;text-indent:-9999px;background-image:url(http://file.bugsm.co.kr/wbugs/common/sprite_common_button.png);background-position:-270px -30px}
.helpM4U .btnPrev {position:absolute;top:50%;left:36px;margin-top:-41px}
.helpM4U .btnNext {position:absolute;top:50%;right:36px;margin-top:-41px}
.helpM4U span.btnPrev {background-position:-240px -90px}
.helpM4U span.btnNext {background-position:-270px -90px}

#music4uGuideLayer #slider {position:relative;overflow:hidden;margin:0 auto;padding-top:29px}
.listHelpM4U {position:relative;overflow:hidden;min-height:269px;/*width:978px;*/ background-color:#fff}
.listHelpM4U li {position:relative;float:left;overflow:hidden;height:269px;width:778px;}
.listHelpM4U li p.message {float:left;width:250px;margin-top:22px;font-size:13px;color:#3a3635;line-height:22px}
	.msie7 .listHelpM4U li p.message {width:260px;font-size:12px;word-spacing:-1px}
.listHelpM4U li p.message > strong {display:block;margin-bottom:-11px;font-size:24px;font-weight:normal;color:#3a3635;line-height:33px}
	.msie7 .listHelpM4U li p.message > strong {font-size:20px;font-weight:bold}
.listHelpM4U li p.message > strong > span {color:#ff564c;}
.listHelpM4U li p.message.other {width:430px;font-size:15px;line-height:24px}
	.msie7 .listHelpM4U li p.message.other {font-size:12px}
.listHelpM4U li p.message.other > em {display:block;float:left;height:48px;margin-right:2px;color:#ff3d33}
.listHelpM4U li img {float:right}



/* 추천 영역 */
.pgMusic4U .suggestion {position:relative;overflow:hidden}


.suggestionCard {display:block;position:relative;min-height:340px;width:276px;margin-top:20px;padding:14px 14px 0;border:1px solid #e5e5e5;background-color:#fff}

.suggestionCard .type {display:block;position:absolute;top:14px;left:14px;height:35px;width:35px;text-indent:-9999px;background-image:url(http://file.bugsm.co.kr/wbugs/whatshot/icon_music4u.png)}
.suggestionCard.album .type {background-position:0px 0px}
.suggestionCard.artist .type {background-position:-35px 0px}
.suggestionCard.mPDAlbum .type {background-position:-70px 0px}
.suggestionCard.special .type {background-position:-105px 0px}
.suggestionCard.mPDTheme .type {background-position:-140px 0px}
.suggestionCard.radio .type {background-position:-175px 0px}
.suggestionCard.playlist .type {background-position:-210px 0px}
.suggestionCard.calendar .type {background-position:-245px 0px}
.suggestionCard.genre .type {background-position:-280px 0px}

	/* 뮤직4U - 피드백 */
.suggestionCard .feedback {position:absolute;top:14px;right:10px}
.suggestionCard .btnFeedback {display:block;height:19px;width:19px;text-indent:-9999px;background-image:url(http://file.bugsm.co.kr/wbugs/whatshot/btn_feedback.png);background-position:0px 0px;zoom:1;}
.suggestionCard .btnFeedback.good {background-position:-38px 0px}
.suggestionCard .btnFeedback.bad {background-position:-19px 0px}

/* 뮤직4U - 상단 메시지 */
.suggestionCard .message {overflow:hidden;padding:0 20px 0 50px;font-size:15px;color:#3a3635;line-height:21px}
.suggestionCard > .message {height:42px;}
.suggestionCard.album .message > em {color:#649709}
.suggestionCard.artist .message > em {color:#d57505;}
.suggestionCard.artist .message > em span {display:inline-block;overflow:hidden;max-width:196px;color:#d57505;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;}
.suggestionCard.special .message > em {color:#a74d3c}

/* 뮤직4U - 추천컨텐츠 */
.suggestionCard .contents {margin-top:23px;text-align:center}
.suggestionCard .contents .thumbnail {display:block;position:relative;overflow:hidden;height:170px;width:170px;margin:0 auto;line-height:170px}
.suggestionCard .contents .thumbnail .btnPlay {position:absolute;bottom:0;right:0}
.suggestionCard .contents .thumbnail .art {display:block;float:left;height:85px;width:85px;text-align:center;line-height:85px}
.suggestionCard .contents .thumbnail img {display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}
.suggestionCard .contents figcaption {padding:28px 0 0 0}
.suggestionCard.special .contents figcaption,
.suggestionCard.calendar .contents figcaption {padding:10px 0 0 0}
.suggestionCard.genre .contents figcaption {padding:38px 0 0 0}

.suggestionCard .contents .title {display:block;font-size:18px;color:#3a3635;line-height:24px}
.suggestionCard .contents .title > strong {font-weight:normal}
.suggestionCard.calendar .contents .title {overflow:hidden;max-height:88px;font-size:13px;line-height:22px;text-align:left;}
.suggestionCard.genre .contents .title em {color:#3d9588}
.suggestionCard.genre .contents .title:hover em {text-decoration:underline;}
.suggestionCard .contents .subinfo {display:block;}
.suggestionCard .contents .subinfo .bar {display:inline-block;height:8px;width:1px;margin:5px 3px 0;vertical-align:top;text-indent:-1000em;background-color:#b2b2b2;}
.suggestionCard .contents .mArtist {position:relative;display:inline-block;zoom:1;*display:inline;overflow:hidden;max-width:85%;padding-right:20px;margin-top:3px;font-size:12px;color:#757271;line-height:20pxtext-overflow:ellipsis;vertical-align:middle;white-space:nowrap;}
.suggestionCard .contents .mArtist .more {display:block;position:absolute;top:50%;right:0px;height:20px;width:21px;margin-top:-10px;padding-right:0px;text-indent:-9999px;background-image:url(http://file.bugsm.co.kr/wbugs/common/sprite_common_list.png);background-position:-90px -30px}
.suggestionCard .contents .btns {overflow:hidden;padding:10px 0;text-align:left}
.suggestionCard .contents .btns > .btnAll {position:relative;float:right;margin-right:4px;padding-right:13px;padding-top:2px;font-size:12px;color:#757271;line-height:26px;}
.suggestionCard .contents .btns > .btnAll.open {background:url(http://file.bugsm.co.kr/wbugs/common/btns/btn_arrow_top_7x5.png) 100% 12px no-repeat}
.suggestionCard .contents .btns > .btnAll.close {background:url(http://file.bugsm.co.kr/wbugs/common/btns/btn_arrow_bottom_7x5.png) 100% 12px no-repeat}
	.msie7 .suggestionCard .contents .btns > .btnNormal.play {background-position:10px 6px;}

.trackInPlaylist {position:relative;overflow:hidden;height:160px;border-top:1px solid #ededed}
.trackInPlaylist.all {height:auto}
.trackInPlaylist li {position:relative;border-bottom:1px solid #ededed}
.trackInPlaylist li a {display:block;position:relative;overflow:hidden;height:39px;margin-right:25px;padding-left:19px;font-size:13px;color:#3a3635;text-align:left;text-overflow:ellipsis;white-space:nowrap;line-height:39px}
.trackInPlaylist li a > .bullet {display:block;position:absolute;top:50%;left:0px;height:16px;width:16px;margin-top:-9px;vertical-align:middle;line-height:39px;background-image:url(http://file.bugsm.co.kr/wbugs/common/sprite_common_list.png);background-position:-60px -150px}
.trackInPlaylist li a > span {font-size:11px;color:#757271}
.trackInPlaylist li .btnActions {position:absolute;top:50%;right:0;height:24px;margin-top:-12px;margin-right:0px;padding:0px}

/* 추천안내 */
.suggestionCard.guide {min-height:310px;padding-top:40px}
.suggestionCard.guide .message {height:auto;padding:0;font-size:18px;color:#000;text-align:center;line-height:28px}
.suggestionCard.guide .tip {position:relative;margin-top:20px;padding:3px 0 3px 72px;font-size:13px;color:#3a3635;text-align:left;line-height:22px}
.suggestionCard.guide .tip.t01 {margin-top:22px}
.suggestionCard.guide .tip > .icon {display:block;position:absolute;top:50%;left:12px;height:50px;width:50px;margin-top:-25px;background-image:url(http://file.bugsm.co.kr/wbugs/whatshot/icon_m4u_guide.png)}
.suggestionCard.guide .tip.t01 > .icon {background-position:0px 0px}
.suggestionCard.guide .tip.t02 > .icon {background-position:-50px 0px}
.suggestionCard.guide .tip.t03 > .icon {background-position:-100px 0px}
.suggestionCard.guide .tip.t01 > em {color:#2685d5}
.suggestionCard.guide .tip.t02 > em {color:#ea68a2}


/* 피드백 카드 */
.suggestionCard.album .feedbackArea {background-color:#8ab13f}
.suggestionCard.artist .feedbackArea {background-color:#f4880a}
.suggestionCard.mPDAlbum .feedbackArea {background-color:#acacac}
.suggestionCard.special .feedbackArea {background-color:#9b8c89}
.suggestionCard.mPDTheme .feedbackArea {background-color:#7091a2}
.suggestionCard.radio .feedbackArea {background-color:#7ea0d0}
.suggestionCard.playlist .feedbackArea {background-color:#de675c}
.suggestionCard.calendar .feedbackArea {background-color:#9983c4}
.suggestionCard.genre .feedbackArea {background-color:#70a29c}

.feedbackArea {display:none;position:absolute;top:0;left:0;bottom:0px;width:100%;padding-top:60px}
.feedbackArea > .btnClose {position:absolute;top:11px;right:7px}

.feedbackArea .message {padding:0;font-size:18px;font-weight:normal;color:#fff;text-align:center;line-height:24px}
.feedbackArea .message > strong {font-size:13px;font-weight:normal}
.feedbackArea .btns {margin-top:20px;text-align:center}
.feedbackArea .btns > a {display:inline-block;height:35px;width:100px;margin:0 6px;padding-top:65px;font-size:12px;color:#3a3635;text-align:center}
.feedbackArea .btns > a.btnGood {background-image:url(http://file.bugsm.co.kr/wbugs/whatshot/btn_feedback_good.png)}
.feedbackArea .btns > a.btnBad {background-image:url(http://file.bugsm.co.kr/wbugs/whatshot/btn_feedback_bad.png)}

/* 피드백 결과 */
.feedbackArea.result {padding-top:80px;background-color:#fff !important}
.feedbackArea.result > .btnClose {background-position:-60px 0}
.feedbackArea.result h1 {font-size:24px;font-weight:normal;color:#3a3635;text-align:center;line-height:24px}
.feedbackArea.result h1 > .icon {display:block;height:60px;width:60px;margin:0 auto 16px auto;background-image:url(http://file.bugsm.co.kr/wbugs/whatshot/icon_feedback.png)}
.feedbackArea.result h1.good > .icon {background-position:0px 0px}
.feedbackArea.result h1.bad > .icon {background-position:-60px 0px}
.feedbackArea.result .message {margin-top:32px;font-size:16px;color:#757271;text-align:center;line-height:24px}


/* 음악취향분석중 */
.loadingSuggestion {position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;padding-top:53px;text-align:center;background-color:#f2f3f7;z-index:10}
.loadingSuggestion > .icon {display:block;height:130px;width:147px;margin:0 auto;text-align:left;}
.loadingSuggestion > p {margin-top:24px;font-size:13px;color:#757271;line-height:32px}
.loadingSuggestion > p > em {display:block;font-size:20px;color:#3a3635}