@charset "utf-8";
@import url('bbs.css');

/* 러브비트 지금 */
.tab_news {background:url("/lovebeat_v3/layout/bg_tab.gif") #fff left bottom repeat-x;}
.tab_news li {background:url("/lovebeat_v3/play/update/tab_update.gif?v=2") no-repeat;}
.tab_news li.m1 {width:77px; background-position:0 0;}
.tab_news li.m2 {width:123px; background-position:-77px 0;}
.tab_news li.m3 {width:77px; background-position:-200px 0;}
.tab_news li.m4 {width:77px; background-position:-277px 0;}
.tab_news li.m5 {width:77px; background-position:-354px 0;}
.tab_news li.m6 {width:76px; background-position:-431px 0;}
.tab_news li.m1.on {background-position:0 -25px;}
.tab_news li.m2.on {background-position:-77px -25px;}
.tab_news li.m3.on {background-position:-200px -25px;}
.tab_news li.m4.on {background-position:-277px -25px;}
.tab_news li.m5.on {background-position:-354px -25px;}
.tab_news li.m6.on {background-position:-431px -25px;}

/* 뮤직리스트 */
.tab_music {background:url("/lovebeat_v3/layout/bg_tab.gif") left bottom repeat-x;}
.tab_music li {background:url("/lovebeat_v3/play/music/tab_music.gif") no-repeat;}
.tab_music li.m1 {width:77px; background-position:0 0;}
.tab_music li.m2 {width:91px; background-position:-77px 0;}
.tab_music li.m3 {width:91px; background-position:-168px 0;}
.tab_music li.m4 {width:91px; background-position:-259px 0;}
.tab_music li.m5 {width:91px; background-position:-350px 0;}
.tab_music li.m6 {width:91px; background-position:-441px 0;}
.tab_music li.m1.on {background-position:0 -25px;}
.tab_music li.m2.on {background-position:-77px -25px;}
.tab_music li.m3.on {background-position:-168px -25px;}
.tab_music li.m4.on {background-position:-259px -25px;}
.tab_music li.m5.on {background-position:-350px -25px;}
.tab_music li.m6.on {background-position:-441px -25px;}
.itemlist_comment {margin:0; padding:15px 10px 10px 0; font-size:11px; color:#8f8f8f;}

/* 뮤직리스트_search */
.wrap_music_search {position:relative; width:630px; padding:9px 0 9px 15px; margin-top:-1px; background:#ededed; overflow:hidden;}
/* FF */ :root .wrap_music_search {padding:7px 0 7px 15px;}
.wrap_music_search * {vertical-align:middle;}
.wrap_music_search select {width:90px; color:#424242; border:1px solid #DBDBDB;}
.wrap_music_search .inputform {width:260px; height:14px; margin:0; padding:3px 0 0 7px; color:#424242; border:1px solid #9D89E6}
.wrap_music_search span {position:absolute; right:0; top:15px; padding:0 10px; font-size:11px; color:#8F8F8F; background:url("/lovebeat_v3/bbs/th_bar.gif") no-repeat 0 1px;}
.wrap_music_search span strong {color:#eb4196;}

.wrap_musiclist {width:645px;}
.wrap_musiclist .wrap_list {width:615px; margin:0; padding:15px; background:url("/lovebeat_v3/bbs/bg_td.gif") repeat-x left bottom; overflow:hidden;}
	.wrap_musiclist .last {background-image:none; border-bottom:2px solid #DADADA;}
	.wrap_musiclist .new {background-color:#f3edfe;}
	.wrap_musiclist .current {background-color:#f3edfe; border:none;}
.wrap_musiclist .wrap_list .thum {float:left; margin:0 15px 0 0; padding:0;}
.wrap_musiclist .wrap_list .thum img {width:105px; height:105px; border:3px solid #8165e4;}
.wrap_musiclist .wrap_list dl {float:left; width:480px; margin:0; padding:5px 0 0 0;}
	.wrap_musiclist .wrap_list dl em {color:#8F8F8F; font-style:normal;}
	.wrap_musiclist .wrap_list dl em span {font-weight:normal;}
.wrap_musiclist .wrap_list dl dt {width:480px; margin:0; padding:3px 0 0 0; font-weight:bold; color:#3c3c3c; line-height:100%; overflow:hidden;}
.wrap_musiclist .wrap_list dl dt .artist {float:left; padding:3px 15px 0 0;}
.wrap_musiclist .wrap_list dl dt .difficulty {float:left; padding:3px 15px 3px 0;}
.wrap_musiclist .wrap_list dl dt .difficulty em {float:left; padding:0 4px 0 0;}
.wrap_musiclist .wrap_list dl dt .difficulty .starpoint_area {float:left; height:13px; width:13px; margin:-2px 0 -5px 0; background:url("/lovebeat_v3/play/music/star_on.gif") repeat-x;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point0_5 {width:13px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point1 {width:26px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point1_5 {width:39px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point2 {width:52px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point2_5 {width:65px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point3 {width:78px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point3_5 {width:91px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point4 {width:104px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point4_5 {width:117px;}
	.wrap_musiclist .wrap_list dl dt .difficulty .point5 {width:130px;}
.wrap_musiclist .wrap_list dl dt .difficulty .ic_new {vertical-align:top; margin:1px 0 0 3px;}
.wrap_musiclist .wrap_list dl dt .bpm {float:left; padding:3px 0 0 0;}
.wrap_musiclist .wrap_list dl dd {clear:both; margin:0; padding:0;}
.wrap_musiclist .wrap_list dl dd.explan {padding:8px 0 10px 1px; font-size:11px; color:#646464; line-height:16px;}
.wrap_musiclist .wrap_list dl dd.comment {padding:0 0 1px 0; margin:0 0 0 -1px;}
.wrap_musiclist .wrap_list dl dd.comment img {margin:-1px -1px 0 2px; vertical-align:middle;}
.wrap_musiclist .wrap_list dl dd.comment a {color:#eb4196; font-weight:bold; text-decoration:underline;}
.wrap_musiclist .wrap_list .wrap_comment {float:left; margin:12px -15px -15px -15px; border-color:#f3edfe; display:none;}
.wrap_musiclist .search_none {padding:60px 0; text-align:center; background-image:none; border-bottom:2px solid #DADADA;}

/* comment */
.wrap_musiclist .wrap_comment {width:633px; padding:3px; border:3px solid #FF807D; background-color:#FFF;}
.wrap_musiclist .input_comment {position:relative; width:613px;}
.wrap_musiclist .input_comment textarea {width:550px;}
.wrap_musiclist .wrap_comment .wrap_articlelist {width:620px;}
.wrap_musiclist .wrap_comment .wrap_articlelist li .article {width:610px;}
.wrap_musiclist .wrap_comment .pager {margin:15px auto;}
.wrap_musiclist .reply .reply_list .article {width:620px; padding:5px 7px 8px 6px; color:#8F8F8F; line-height:130%; word-wrap:break-word; word-break:break-all;}
/* 댓글의 답글 */
.wrap_musiclist .wrap_articlelist .reply {margin:15px 0 0 0; padding:0 0 0 20px;}
.wrap_musiclist .wrap_articlelist .reply .reply_input{width:585px; padding:12px 0 12px 12px;border:1px solid #edece8; background:#f1f1f0; color:#999;}
.wrap_musiclist .wrap_articlelist .reply .reply_input h5{float:left;font-size:12px;margin:15px 0 0 0;padding:0 12px;background:url("/aion_v2/bbs/ic_reply.gif") no-repeat;}
.wrap_musiclist .wrap_articlelist .reply .reply_input textarea {width:450px; height:40px; padding:5px 14px 5px 5px; color:#b7ac99;font-size:11px; line-height:14px; border:1px solid #dadada; background-color:#fff; overflow:auto;
	scrollbar-face-color: #9d947d;
	scrollbar-highlight-color: #ccc6b3;
	scrollbar-3dlight-color: #98907a;
	scrollbar-shadow-color: #a8a18e;
	scrollbar-darkshadow-color: #e1dac2;
	scrollbar-track-color: #f4ecd8;
	scrollbar-arrow-color: #fff;}
.wrap_musiclist .wrap_articlelist .reply .reply_input .btn{width:47px; vertical-align:top; margin:0;padding:0;}
.wrap_musiclist .wrap_articlelist .reply .reply_input .words {clear:both; margin:0;padding:0 10px 0 0; font-family:돋움; font-size:11px; color:#8e8e8e; text-align:right;}
.wrap_musiclist .wrap_articlelist .reply .reply_list {width:605px; margin:0 0 -7px 0; padding:0; list-style:none;}
.wrap_musiclist .wrap_articlelist .reply .reply_list li{margin:0; padding:0 0 10px 15px;border:none; border-top:1px dotted #DDD; background:url("/aion_v2/bbs/ic_reply.gif") 0 15px no-repeat;}


/* 랭킹 */
.wrap_myranking {margin:0 0 20px 0; padding:10px 0 10px 20px; font-size:14px; color:#3c3c3c; background:url("/lovebeat_v3/common/bul_3.gif") #ededed 14px 17px no-repeat;}
.wrap_myranking strong {color:#eb4196}
.wrap_myranking strong a, .wrap_myranking strong a:hover {color:#eb4196}
.wrap_myranking .num {font-family:tahoma;}
.rank_tip {margin:0 0 10px 0; padding-left:10px; font-size:11px; color:#8f8f8f;}
.rank_tip .t_point1 {color:#eb4196;}
.wrap_rank {overflow:hidden; margin:0 0 30px 0; padding:15px 0; border:5px solid #7f63e4; zoom:1;}
.wrap_rank dl {position:relative; width:188px; height:85px; margin:0 5px 0 15px; _margin:0 8px; padding:0; float:left; list-style:none;}
.wrap_rank dl dt {margin:0 0 10px 0; padding:5px 0 5px 35px; font-size:14px; color:#999; border-bottom:1px solid #ccc; background:url("/lovebeat_v3/play/rank/ic_rank.gif") 0 0 no-repeat;}
.wrap_rank dl dt a {color:#3c3c3c}
.wrap_rank dl dt .nick {text-decoration:underline;}
.wrap_rank dl dt.ranking1 {background-position:0 0;}
.wrap_rank dl dt.ranking2 {background-position:0 -40px;}
.wrap_rank dl dt.ranking3 {background-position:0 -80px;}
.wrap_rank dl dt strong {font-weight:bold; color:#3c3c3c;}
.wrap_rank dl dd {margin:0; padding:1px 0 0 67px; width:120px; height:15px; background:url("/lovebeat_v3/common/bul_3.gif") 60px 6px no-repeat;}
.wrap_rank dl .pic {position:absolute;left:0;top:35px; margin:0; padding:0; width:50px; height:50px;}
.wrap_rank dl .pic img {width:50px; height:50px;}
.wrap_rank dl .pic p {margin:0; padding:0;}


/* 뮤직리스트_v2 */
.wrap_hotlist {position:relative;height:250px;margin:0 0 34px;background:url("/lovebeat_v3/play/music/bg_top.gif") no-repeat 0 0}
.wrap_hotlist .title {position:relative;height:43px;padding:14px 0 0 16px;}
.wrap_hotlist .title h3 {margin:0;padding:0;font-size:14px;letter-spacing:-1px;color:#fff;}
.wrap_hotlist .title .date {position:absolute;top:15px;right:13px;margin:0;font-size:11px;color:#eae5fb;}
.wrap_hotlist .wrap_music_top {position:relative;overflow:hidden;width:552px;height:177px;margin:0 0 0 50px;}
#hotlist {position:absolute;margin:0;padding:0;list-style:none;}
#hotlist li {position:relative;float:left;margin:0 4px 0 0;}
#hotlist li a {display:block;width:116px;height:168px;padding:9px 9px 0 9px;background:url("/lovebeat_v3/play/music/bg_top.gif") no-repeat 4px -280px;}
#hotlist li a:hover {text-decoration:none;background:url("/lovebeat_v3/play/music/bg_top.gif") no-repeat -156px -280px;}
#hotlist li a span {display:block;text-align:center;}
#hotlist li a span.thumb {padding:0 0 9px;}
#hotlist li a span.thumb img {width:116px;height:116px;}
/*
#hotlist li a span.bg_difficult {position:absolute;top:109px;left:9px;width:116px;height:16px;font-size:0;text-indent:-9999px;background-color:#000;-moz-opacity:50;filter:alpha(opacity=50);opacity:.50;}
#hotlist li a span.difficult_star {position:absolute;top:111px;left:9px;width:116px;text-align:center;}
*/
#hotlist li a span.difficult {position:absolute;top:109px;left:9px;width:116px;height:16px;font-size:0;text-indent:-9999px;}
#hotlist li a span.point1 {background:url("/lovebeat_v3/play/music/bg_star1.png") no-repeat;}
#hotlist li a span.point2     {background:url("/lovebeat_v3/play/music/bg_star2.png") no-repeat;}
#hotlist li a span.point3 {background:url("/lovebeat_v3/play/music/bg_star3.png") no-repeat;}
#hotlist li a span.point4     {background:url("/lovebeat_v3/play/music/bg_star4.png") no-repeat;}
#hotlist li a span.point5 {background:url("/lovebeat_v3/play/music/bg_star5.png") no-repeat;}
#hotlist li a span.point6     {background:url("/lovebeat_v3/play/music/bg_star6.png") no-repeat;}
#hotlist li a span.point7 {background:url("/lovebeat_v3/play/music/bg_star7.png") no-repeat;}
#hotlist li a span.point8     {background:url("/lovebeat_v3/play/music/bg_star8.png") no-repeat;}
#hotlist li a span.point9 {background:url("/lovebeat_v3/play/music/bg_star9.png") no-repeat;}
#hotlist li a span.point10     {background:url("/lovebeat_v3/play/music/bg_star10.png") no-repeat;}

#hotlist li a span.song {padding:0 0 3px;font-weight:bold;}
#hotlist_prev {position:absolute;top:126px;left:22px;cursor:pointer;}
#hotlist_next {position:absolute;top:126px;right:18px;cursor:pointer}

.wrap_musiclist_v2 {margin:0;padding:0;list-style:none;border-bottom:2px solid #dadada;}
.wrap_musiclist_v2 li {overflow:hidden;_zoom:1;padding:13px 0 0 11px;background:url("/lovebeat_v3/bbs/bg_td.gif") repeat-x 0 top;}
.wrap_musiclist_v2 li div {float:left;}
.wrap_musiclist_v2 li .thumb {width:65px;padding:0 0 10px;}
.wrap_musiclist_v2 li .thumb img {width:49px;height:49px;border:2px solid #8165e4;}
.wrap_musiclist_v2 li .info {width:490px;}
.wrap_musiclist_v2 li .info p {margin:0;padding:2px 0 4px;}
.wrap_musiclist_v2 li .info em {font-weight:bold;font-style:normal;color:#eb4196;}
.wrap_musiclist_v2 li .info a {color:#3c3c3c;}
.wrap_musiclist_v2 li .info span {color:#7d7d7d;}
.wrap_musiclist_v2 li .info .bar {margin:0 0 0 9px;padding:0 0 0 9px;background:url("/lovebeat_v3/bbs/th_bar.gif") no-repeat 0 1px}
.wrap_musiclist_v2 li .btn {padding:11px 0 0;}
.wrap_musiclist_v2 li.search_none {padding:60px 0;text-align:center;}

/* 뮤직리스트_view */
.music_view {width:639px;padding:18px 3px 3px;background-color:#f3edfe;}
.music_view .music_info {overflow:hidden;_zoom:1;width:609px;margin:0 0 22px;padding:0 0 0 16px;}
.music_view .music_info dt {float:right;width:486px;margin:0 0 11px;padding:2px 0 6px 1px;font-size:14px;font-weight:bold;color:#5f2cc5;border-bottom:1px solid #dcd2f9}
.music_view .music_info dd {float:right;margin:0;padding:0;color:#7d7d7d;}
.music_view .music_info dd.thumb {float:left;}
.music_view .music_info dd.thumb img {width:105px;height:105px;border:3px solid #8165e4;}
.music_view .music_info dd.info {width:487px;}
.music_view .music_info dd.info p {margin:0;padding:0 0 6px;}
.music_view .music_info dd.info p.description {padding:4px 0 0;font-size:11px;letter-spacing:-1px;line-height:16px;color:#666;}
.music_view .music_info dd.info em, .music_view .music_info dd.info strong {color:#3c3c3c;font-style:normal;}
.music_view .music_info dd .bpm {margin-left:10px;}
.music_view .nav {background-color:#fff;}
.starpoint_area {display:inline-block;height:13px; width:13px;margin:-2px 0 0 0; background:url("/lovebeat_v3/play/music/star_on.gif") repeat-x;}
.point1 {width:13px;}
.point2 {width:26px;}
.point3 {width:39px;}
.point4 {width:52px;}
.point5 {width:65px;}
.point6 {width:78px;}
.point7 {width:91px;}
.point8 {width:104px;}
.point9 {width:117px;}
.point10 {width:130px;}

.music_view .tab {position:relative;padding:12px 12px 0 11px;background:#fff;}
.music_view .tab ul {overflow:hidden;_zoom:1;width:100%;margin:0;padding:0;list-style:none; background:#fff url("/lovebeat_v3/play/music/music_tab.gif") repeat-x 0 bottom;}
.music_view .tab li {position:relative;float:left;width:110px;height:25px;margin:0 1px 0 0;}
.music_view .tab li a {display:block;width:100%;height:100%;text-indent:-1000px;font-size:0;background:url("/lovebeat_v3/play/music/music_tab.gif") no-repeat;}
.music_view .tab li a.on {position:absolute;left:0;top:0;padding:0;height:25px;}
.music_view .tab li.m1 a {background-position:0 0;}
.music_view .tab li.m2 a {background-position:-111px 0;}
.music_view .tab li.m1 a.on {background-position:0 -25px;}
.music_view .tab li.m2 a.on {background-position:-111px -25px;}

.music_view .tab .total {position:absolute;top:20px;right:14px;font-size:11px;}
.music_view .tab .total span {padding:2px 8px 0 5px;letter-spacing:-1px;background:url("/lovebeat_v3/bbs/bar.gif") no-repeat right 3px}
.music_view .tab .total span.last {padding:2px 0 0 5px;background:none}
.music_view .tab .total img {margin:0;vertical-align:middle;cursor:pointer}
.music_view .tab .total em {font-style:normal;font-weight:bold;color:#eb4196;}
.music_view .tab .total a div {position:absolute;display:none;}
.music_view .tab .total a:hover div {display:block;}
#layer1, #layer2, #layer3  {display:none;position:absolute;}
#layer1 {top:-71px;}
#layer2 {top:-111px;}
#layer3 {top:-110px;}

.music_view .wrap_comment {width:615px;padding:22px 12px 12px 12px;}
.music_view .wrap_comment .input_comment {width:595px !important;}
.music_view .wrap_comment .wrap_tip em {float:left !important;}
.music_view .wrap_comment .input_comment textarea {width:533px !important;}
.music_view .wrap_comment .wrap_articlelist {width:615px;}
.music_view .wrap_comment .article {width:602px;overflow:hidden;}
.music_view .wrap_comment .reply .reply_list .article {width:560px;_width:547px;padding:5px 7px 8px 6px; color:#8F8F8F; line-height:130%; word-wrap:break-word; word-break:break-all;}
.music_view .wrap_comment .wrap_articlelist .reply .reply_list {width:589px; _width:582px;}
.music_view .wrap_comment .wrap_articlelist .reply .reply_list .declare {_right:4px;}
.music_view .wrap_comment .wrap_articlelist .reply .reply_input{width:575px;}
.music_view .wrap_comment .wrap_articlelist .reply .reply_input textarea {width:442px;}

.wrap_allwow {position:relative;padding:22px 12px 12px 12px;background-color:#fff;}
.wrap_allwow .my_allwow {overflow:hidden;_zoom:1;margin:0 0 24px;border:1px solid #e1daec;color:#666;background-color:#faf7ff;}
.wrap_allwow .my_allwow dt {position:relative;float:left;width:125px;height:56px;padding:27px 0 0 13px;background-color:#f3edfe;}
.wrap_allwow .my_allwow dd {float:left;margin:0;}
.wrap_allwow .my_allwow dd.my_count {width:283px;padding:22px 0 0 17px;font-weight:bold;line-height:19px;}
.wrap_allwow .my_allwow dd.my_count strong {font-size:14px;font-weight:bold;color:#5f2cc5;}
.wrap_allwow .my_allwow dd.my_count em {font-weight:bold;font-style:normal;color:#eb4196;}
.wrap_allwow .my_allwow dd.my_date ul {margin:0;padding:18px 0 0;list-style:none;font-size:11px;}
.wrap_allwow .my_allwow dd.my_date li {padding:0 0 6px;}
.wrap_allwow .my_allwow dd.my_date li em {font-style:normal;color:#5f2cc5;}
.wrap_allwow .txt_guide {margin:0;padding:0 0 5px;font-size:11px;color:#363636;}
.wrap_allwow .allwow_list {width:100%;border:0px solid #c5c5c5;border-width:2px 0 1px;border-collapse:collapse;}
.wrap_allwow .allwow_list td {padding:9px 0;font-size:11px;border-bottom:1px solid #d0d0d0;}
.wrap_allwow .allwow_list td.divide {text-align:center;}
.wrap_allwow .allwow_list td.thumb img {width:36px;height:36px;border:1px solid #a5a5a5;}
.wrap_allwow .allwow_list td.name {font-size:12px;font-weight:bold;color:#3c3c3c;}
.wrap_allwow .allwow_list td.level {color:#666}
.wrap_allwow .allwow_list td.date {color:#888}
.wrap_allwow .allwow_list td.count {color:#d1046b}
.wrap_allwow .list_empty {margin:0 0 24px;padding:12px 0 18px;text-align:center;background-color:#f6f6f6;}
#layeryMy{position:absolute;display:none;top:-37px;left:11px;_left:-1px;}


/* 러빗가이드 */
#wrap_content h2 {margin:0; padding:0;}
#wrap_content .wrap_control {width:645px; height:383px; margin:0; padding:0; background:url("/lovebeat_v3/play/guide/control_img1.jpg") no-repeat; text-indent:-9999px;}
#wrap_content ol {margin:0;padding:0;list-style:none;}
#wrap_content .wrap_judge {position:relative; width:645px; height:431px; margin:0; padding:0; background:url("/lovebeat_v3/play/guide/judge_img1.jpg") no-repeat; text-indent:-9999px;}
#wrap_content .wrap_judge .btn_wow {position:absolute;left:82px;top:370px; width:147px; height:15px;}
#wrap_content .wrap_judge .btn_combo {position:absolute;left:82px;top:389px; width:137px; height:15px;}
#wrap_content .wrap_mode {position:relative; width:645px; height:519px; margin:0; padding:0; background:url("/lovebeat_v3/play/guide/mode_img1.jpg") no-repeat; text-indent:-9999px;}
#wrap_content .wrap_mode .btn_mode {position:absolute;left:60px;top:295px; width:175px; height:15px;}
#wrap_content .wrap_mode .btn_back {position:absolute;left:60px;top:474px; width:150px; height:15px;}
#wrap_content .wrap_community {position:relative; width:645px; height:501px; margin:0; padding:0; background:url("/lovebeat_v3/play/guide/community_img1.jpg") no-repeat;}
#wrap_content .wrap_community h2 {display:none;}
#wrap_content .wrap_community #intro_community {padding:228px 0 0 60px;}
#wrap_content .wrap_community .tab_community {position:relative; margin:0; padding:0; width:310px; height:54px; list-style:none; overflow:hidden; zoom:1; background:url("/lovebeat_v3/play/guide/community_img1.jpg") -61px -229px no-repeat;}
#wrap_content .wrap_community .tab_community li {float:left; width:77px; height:54px; margin:0; padding:0;}
#wrap_content .wrap_community .tab_community li a {display:block; width:100%; height:100%;}
