@import "common.css"; body {background:url(http://img.gomtv.com/images/common/bg_sub_body.gif) repeat-x left top;} /* Main Area Start */ #music_pic {padding-top:4px;background:#f65638 url(http://img.gomtv.com/images/music/bg_pic_top.gif) no-repeat left top;} #music_pic img {display:block;margin:0 4px;} #music_pic .border {position:absolute;} #music_ing {margin-bottom:10px;padding:15px 4px 0 4px;width:492px;height:79px;background:url(http://img.gomtv.com/images/music/bg_ing.gif) no-repeat left top;} *html #music_ing {width:500px;height:92px;} #music_ing li {float:left;} #music_ing li.prev {padding-top:10px;margin-right:16px;} #music_ing li.cont {width:460px;overflow:hidden;} #music_ing li.cont p {float:left;width:103px;height:69px;margin-right:12px;} #music_ing li.cont p img {margin:2px 0 0 2px;} #music_ing li.cont p a {display:block;width:103px;height:69px;background:url(http://img.gomtv.com/images/music/bg_ing_off.gif) no-repeat left top;} #music_ing li.cont p a:hover {background:url(http://img.gomtv.com/images/music/bg_ing_on.gif) no-repeat left top;} #music_ing li.next {padding-top:10px;} #music_update {margin-bottom:22px;} #music_update h1 {margin-bottom:5px;} #music_update ul {height:167px;padding:0 6px;background:url(http://img.gomtv.com/images/music/bg_music_update.gif) no-repeat left top;} #music_update li {float:left;} #music_update li.prev {padding-top:51px;} #music_update li.next {padding-top:51px;} #music_update li.cont {width:459px;padding:24px 0 0 11px;overflow:hidden;} *html #music_update li.cont {width:470px;} #music_update dl {float:left;width:103px;margin-right:11px;background:url(http://img.gomtv.com/images/music/bg_mup.gif) no-repeat left top;} #music_update dt {width:99px;height:87px;padding:4px 0 0 4px;} *html #music_update dt {width:103px;height:91px;} #music_update dd {text-align:center;font:normal 11px/19px dotum,'돋움';color:#898989;letter-spacing:-1px;} #music_update dd a {font:bold 12px dotum,'돋움';color:#565656;} #subMain_list {margin-bottom:15px;width:500px;background:url(http://img.gomtv.com/images/entertainment/bg_submain_list_02.gif) repeat-y left top;} #subMain_list h1 {padding-bottom:5px;background:#FFF;} #subMain_list dl {padding:19px 0 10px 19px;background:url(http://img.gomtv.com/images/entertainment/bg_submain_list_01.gif) no-repeat left top;overflow:hidden;} *html #subMain_list dl {height:122px;} #subMain_list dt {position:relative;float:left;margin-right:14px;} #subMain_list dt .btn_play {position:absolute;left:97px;top:65px;} #subMain_list dd {float:left;margin-top:3px;padding-left:5px;width:320px;font:normal 11px/15px dotum,'돋움';background:url(http://img.gomtv.com/images/common/bul/bul_02.gif) no-repeat 0 4px;} #subMain_list dd a {font:normal 11px/15px dotum,'돋움';} #subMain_list dd p.tit {margin-bottom:5px;font:bold 12px dotum,'돋움';color:#565656;} #subMain_list dd p.tit span {padding-left:5px;font-size:11px;font-weight:normal;color:#ff7e00;} #subMain_list dd strong {display:block;color:#ff7e00;} #subMain_list dd strong span {font-weight:normal;color:#363636;padding-right:5px;} #subMain_list dd p.view {font:normal 11px dotum,'돋움';color:#898989;letter-spacing:-1px;} #subMain_list dd p.view span {color:#363636;padding-left:5px;} #subMain_list table {clear:both;margin:0 0 10px 16px;width:468px;border-top:3px solid #ECECEC;} *html #subMain_list table {clear:both;margin:0 0 0 16px;} #subMain_list td {border-bottom:1px solid #ECECEC;} #subMain_list td.tit {padding-left:10px;background:url(http://img.gomtv.com/images/common/bul/bul_15.gif) no-repeat 5px 10px;} #subMain_list td.tit a {font:normal 11px dotum,'돋움';line-height:14px;} #subMain_list td.tit span {font:normal 11px dotum,'돋움';color:#ff7e00;padding-left:5px;} #subMain_list td.star {width:62px;} #subMain_list td.ch {width:70px;font:normal 11px dotum,'돋움';color:#FF7E00;line-height:24px;text-align:center;background:url(http://img.gomtv.com/images/entertainment/img_bar_01.gif) no-repeat 0 6px;} #subMain_list td.btn {width:48px;text-align:center;background:url(http://img.gomtv.com/images/entertainment/img_bar_01.gif) no-repeat 0 6px;} #subMain_list td.bg01 {background-color:#F8F8F8;} #subMain_list .bottom {clear:both;height:8px;background:url(http://img.gomtv.com/images/entertainment/bg_submain_list_03.gif) no-repeat left bottom;} /* Main Area End */ /* Left Area Start */ #left_r_channel {margin-bottom:10px;padding-bottom:10px;background:url(http://img.gomtv.com/images/music/bg_lm_channel_b.gif) no-repeat left bottom;} #left_r_channel h3 {height:21px;padding:10px 0 0 10px;font:bold 12px dotum,'돋움';color:#4b4b4b;background:url(http://img.gomtv.com/images/music/bg_lm_channel.gif) no-repeat left top;} *html #left_r_channel h3 {height:31px;} #left_r_channel dl {width:148px;padding:0 12px 0 10px;background:url(http://img.gomtv.com/images/music/bg_lm_channel_m.gif) repeat-y left top;} *html #left_r_channel dl {width:170px;} #left_r_channel dt {position:relative;float:left;margin-right:5px;margin-bottom:5px;} #left_r_channel dt .snap {border:2px solid #000;} #left_r_channel dt .ch {position:absolute;right:0;bottom:4px;} #left_r_channel dd.tit {float:left;width:58px;padding-top:5px;font:normal 11px/14px dotum,'돋움';color:#565656;letter-spacing:-1px;} #left_r_channel dd.tit span {color:#ff7e00;} #left_r_channel dd.txt {clear:both;font:normal 11px/14px dotum,'돋움';color:#898989;letter-spacing:-1px;} #left_r_channel dd.txt a {font:normal 11px/14px dotum,'돋움';color:#898989;letter-spacing:-1px;} /* Left Area End */ /* Right Area Start */ #hotTop10_r {height:21px;padding:11px 0 0 11px;font:bold 12px dotum,'돋움';color:#4b4b4b;background:url(http://img.gomtv.com/images/music/bg_rm_tab_title.gif) no-repeat left top;} *html #hotTop10_r {height:32px;} #hotTop10_r span {color:#ffa000;} #hotTop10_r img {vertical-align:top;} #right_tab {width:200px;height:34px;overflow:hidden;background:url(http://img.gomtv.com/images/music/bg_rm_tab_01.gif) repeat-y left top;} #right_tab li {float:left;text-align:center;} #right_tab a {display:block;height:20px;padding-top:7px;font:normal 11px dotum,'돋움';letter-spacing:-1px;} *html #right_tab a {height:27px;} #right_tab a.tab_l {width:100px;color:#898989;background:url(http://img.gomtv.com/images/music/bg_rm_tab_l_off.gif) no-repeat left top;} #right_tab a.tab_r {width:100px;color:#898989;background:url(http://img.gomtv.com/images/music/bg_rm_tab_r_off.gif) no-repeat left top;} #right_tab .on a.tab_l {width:100px;font-weight:normal;color:#4B4B4B;background:url(http://img.gomtv.com/images/music/bg_rm_tab_l_on.gif) no-repeat left top;} #right_tab .on a.tab_r {width:100px;font-weight:normal;color:#4B4B4B;background:url(http://img.gomtv.com/images/music/bg_rm_tab_r_on.gif) no-repeat left top;} #tab_list {clear:both;margin-bottom:10px;padding-bottom:5px;width:200px;overflow:hidden;background:url(http://img.gomtv.com/images/music/bg_rm_tab_02.gif) no-repeat left bottom;} #tab_list li {float:left;height:20px;} #tab_list li.num {clear:both;width:27px;text-align:right;border-left:2px solid #D7D7D7;} *html #tab_list li.num {width:29px;} #tab_list li.num img {margin-right:4px;margin-bottom:-1px;} #tab_list li.title {width:140px;} #tab_list li.ranking {padding-top:4px;width:29px;height:16px;border-right:2px solid #D7D7D7;font:normal 11px dotum,'돋움';color:#898989;} *html #tab_list li.ranking {width:31px;height:20px;} #right_banner {margin-bottom:10px;} #music_show {width:200px;background:url(http://img.gomtv.com/images/music/bg_rm_tab_04.gif) repeat-y left top;} #music_show h1 {padding:8px 0 5px 10px;font:bold 12px dotum,'돋움';color:#363636;letter-spacing:-1px;background:url(http://img.gomtv.com/images/music/bg_rm_tab_03.gif) no-repeat left top;} #music_show h1 span {color:#FFA000;} #music_show .btn {margin:-20px 0 10px 10px;width:180px;height:21px;border-bottom:1px solid #EBEBEB;text-align:right;} #music_show dl {clear:both;margin-bottom:10px;padding-left:11px;height:76px;overflow:hidden;} #music_show dt {float:left;margin-right:6px;padding:3px;border:1px solid #D7D7D7;} #music_show dt img {vertical-align:top;} #music_show dd {float:left;margin-top:5px;width:80px;font:normal 11px dotum,'돋움';color:#565656;line-height:16px;} #music_show dd span {font:normal 11px/14px dotum,'돋움';} #music_show dd span.ch_name {display:block;color:#898989;} #music_show dd span.ch {display:block;color:#ff7e00;} #music_show .bottom {clear:both;height:5px;background:url(http://img.gomtv.com/images/music/bg_rm_tab_05.gif) no-repeat left bottom;} *html #music_show .bottom {margin-top:-15px;} /* Right Area End */ /* 프로모션 B :: Start */ #webPromotionB {clear:both;height:241px;padding:7px 0 7px 7px;margin-bottom:10px;background:url(http://img.gomtv.com/images/music/promB_bg.gif) no-repeat left top;} *html #webPromotionB {height:255px;} #webPromotionB li {float:left;position:relative;z-index:1;margin-right:3px;} #webPromotionB li img {display:block;} #webPromotionB li .lt_icon {position:absolute;left:0;top:0;z-index:2;} #webPromotionB li .border {position:absolute;left:0;top:0;z-index:4;} #webPromotionB li p {position:absolute;left:0;top:197px;z-index:3;height:37px;padding:7px 7px 0 7px;font:bold 12px/16px dotum,'돋움';color:#D7D7D7;letter-spacing:-1px;} *html #webPromotionB li p {height:44px;} #webPromotionB li p {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.gomtv.com/images/common/prom_bottom.png',sizingMethod='scale');} html>body #webPromotionB li p {background:url(http://img.gomtv.com/images/common/prom_bottom.png) transparent;}/* Win IE 4~6, Mac IE 4, Netscape 4 배제하기 */ *:first-child+html #webPromotionB li p {background:url(http://img.gomtv.com/images/common/blank.gif) transparent;}/* IE 7 적용하기 */ /* 프로모션 B :: End */ /** 더보기 추가 **/ #main_tab1 {float:right;height:10px;padding-right:5px;margin-bottom:5px;margin-top:-17px;} #main_tab1 li {float:left;font:normal 11px dotum,'돋움';color:#898989;} #main_tab1 li a {font:normal 11px dotum,'돋움';color:#363636;} #main_tab1 li a:hover, #main_tab li.on a {color:#196c97;} #main_tab1 li.bar {padding:0 7px;color:#cdcdcd;} #music_ing li.cont p .on {background:url(http://img.gomtv.com/images/music/bg_ing_on.gif) no-repeat left top;} #music_ing li.cont p .off {} #sub_center_wchart {float:right;width:709px;} /* 뮤직차트 상단 영역 제어 시작 */ #newlistw_top {float:left;width:710px;height:80px;background:url(http://img.gomtv.com/images/wchart/newlistw_top_bg.gif) no-repeat 0 0;} #newlistw_top_n2 {float:left;width:710px;height:80px;background:url(http://img.gomtv.com/images/wchart/newlistw_top_bg_n2.gif) no-repeat 0 0;} #nlchart_dday {position:absolute; height:15px; margin:65px 0 0 25px; line-height:15px; font:normal 12px dotum,'돋움';color:#ff6699;} #nlchart_dday a {font:normal 12px dotum,'돋움';color:#ff6699; text-decoration:none;} /* 뮤직차트 상단 영역 제어 마침 */ /* E:090914 공개 일정표 추가 */ #mv_schedule_top_n3 {float:left;width:710px;height:95px;background:url(http://img.gomtv.com/images/wchart/mv_ddaychart_top_bg.gif) no-repeat 0 0;} #mv_schedule_select {position:relative; text-align:right; margin-right:20px; margin-top:60px;} #mv_schedule_select select {font:normal 12px dotum,'돋움';color:#898989; line-height:15px; letter-spacing:-1px;} /* E:090914 공개 일정표 추가 */ /* S:090914 최신 뮤직비디오 상단 영역 수정_gmc배너 및 이미지수정/ 뮤직차트는 neo_mchart.css에도 같은 내용이 추가 되어있음 */ #newlistw_top_n3 {float:left;width:710px;height:95px;background:url(http://img.gomtv.com/images/wchart/newlistw_top_bg_n3.gif) no-repeat 0 0;} /* E:090914 뮤직차트 상단 영역 수정_gmc배너 및 이미지수정 */ /* 뮤직차트 전체/공통 영역 시작 */ #newlistw_group {clear:both;position:relative;float:left;width:680px;padding-bottom:10px;padding-top:10px;border-top:none;padding-left:14px;} #allcho_play_web {padding:2px 5px 5px 0;width:680px;} #allcho_play_web ul.allcho_li {float:left;} #allcho_play_web ul.allcho_li li {display:inline;} #allcho_play_web .section_period_web {padding-top:3px;font:bold 12px Verdana;color:#C27698;float:right;} #allcho_play_web .section_period_web img.sel_img {margin-bottom:-1px;} #allcho_play_web .newlistw_index {float:right;text-align:right;width:430px;padding-top:3px;} #allcho_play_web .newlistw_index a.cho_on {font:bold 12px dotum,'돋움';color:#F278AE;} #allcho_play_web .newlistw_index a:hover.cho_on {font:bold 12px dotum,'돋움';color:#F278AE;} #allcho_play_web .newlistw_index a {font:bold 12px dotum,'돋움';color:#888;} #allcho_play_web .newlistw_index a:hover {font:bold 12px dotum,'돋움';color:#C27698;} #allcho_play_web .newlistw_index span {font:normal 11px dotum,'돋움';color:#ccc;padding:0 10px;} #allcho_play_web .newlistw_help {float:right;} /* 뮤직차트 전체/공통 영역 마침 */ /* 테이블 제어 시작 */ #newlistw_list {clear:both;position:relative;float:left;width:680px;margin-top:10px;empty-cells:show;margin-bottom:10px;} *html #newlistw_list {margin-top:0;} #newlistw_list img {vertical-align:top;} #newlistw_list th {position:relative;height:27px;font:bold 11px dotum,'돋움';color:#898989;letter-spacing:-1px;background:#f1f1f1;padding-top:3px;border-top:2px solid #cbcbcb;border-bottom:1px solid #cbcbcb;} #newlistw_list tr {border-bottom:1px solid #e1e1e1;} #newlistw_list td {height:22px;text-align:center;font:normal 12px dotum,'돋움';color:#898989;padding:6px 0 4px 0;border-bottom:1px solid #e1e1e1;} #newlistw_list td.left {font:normal 11px dotum,'돋움';text-align:left;padding-left:8px;} #newlistw_list td.left dl {clear:both;float:left;width:90%;margin:0 0 2px 0px;} *html #newlistw_list td.left dl {clear:both;float:left;width:100%;} #newlistw_list td.left dl dt a {float:left;border:1px solid #ccc;} #newlistw_list td.left dl dt a:hover {float:left;border:1px solid #777;} #newlistw_list td.left dl dd {padding-left:86px;} #newlistw_list td.left dl dd.wchart_tit a {font:bold 12px dotum,'돋움';color:#555;line-height:20px;} #newlistw_list td.left dl dd.wchart_tit a:hover {font:bold 12px dotum,'돋움';color:#ED3E80;line-height:20px;text-decoration:underline;} #newlistw_list td.left dl dd.wchart_art {font:normal 11px dotum,'돋움';color:#555;line-height:22px;} #newlistw_list td.left dl dd.wchart_info {font:normal 11px dotum,'돋움';color:#808080;line-height:18px;} #newlistw_list td.left dl dd.wchart_info span {font:normal 11px Verdana;color:#D389AB;} #newlistw_list td img.updown {margin:2px 0 0 6px ;} #newlistw_list td img.play_vote {margin-top:-2px;} #newlistw_list td img.icon {margin-right:5px;} #newlistw_list td span.powertrack {font:bold 14px Verdana;color:#F278AE;} #newlistw_list td.updown_td {text-align:right;padding-right:5px;} #newlistw_list td.updown_td_none {padding-right:4px;} #newlistw_list td img.wchart_num {margin-top:3px;} /* 테이블 제어 마침 */ /* play 버튼 */ .recent_btn_play{ cursor:pointer; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.gomtv.com/images/common/icon/play.png',sizingMethod='scale');} html>body .recent_btn_play{background:url(http://img.gomtv.com/images/common/icon/play.png) transparent;}/* Win IE 4~6, Mac IE 4, Netscape 4 배제하기 */ *:first-child+html .recent_btn_play{background:url(http://img.gomtv.com/images/common/blank.gif) transparent;}/* IE 7 적용하기 */ #newlistw_list td dl dt img.recent_btn_play {position:absolute;margin:25px 0 0 -28px;} /* 090724 MV차트 레이어 추가 */ /* 웹뮤직차트 팝업 제어 시작 */ #gommv_exp_pop {position:absolute; float:left; width:320px; background-color:#fff;border:5px solid #b7b7b7;} *html #gommv_exp_pop {width:310px;} #gommv_exp_ment_pop {width:298px;text-align:left;border-bottom:1px solid #e1e1e1;font:normal 11px dotum,'돋움';color:#828282;margin-left:10px;padding:8px 3px;letter-spacing:-1px;} #gommv_exp_song {text-align:left;margin-left:10px;padding-top:8px;font:bold 12px dotum,'돋움';color:#892556;} #gommv_exp_sq_graph_pop {float:left;margin-top:10px;} #gommv_exp_sq_graph_pop .gommv_exp_sq_tit {margin-bottom:10px;padding-left:25px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_bul_01.gif) no-repeat 18px 3px;text-align:left;font:bold 12px dotum,'돋움';color:#4b4b4b;} #gommv_exp_sq_graph_pop .gommv_exp_sq_tit span {font:bold 12px dotum,'돋움';color:#892556;} #gommv_exp_sq_graph_pop .gommv_exp_sq_period {font:normal 11px dotum,'돋움';color:#666;text-align:right;width:120px;position:absolute;margin:2px 0 0 166px;} #gommv_exp_sq_graph_pop ul.gommv_exp_ob {float:left;margin-top:3px;} #gommv_exp_sq_graph_pop li {display:inline;float:left;height:17px;} #gommv_exp_sq_graph_pop li.gommv_exp_bin {width:10px;} #gommv_exp_sq_graph_pop li.gommv_exp_tit {width:70px;} #gommv_exp_sq_graph_pop li.gommv_exp_bar1 {width:2px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_barbg_left.gif) no-repeat 0 0;} #gommv_exp_sq_graph_pop li.gommv_exp_bar2 {width:200px;background-color:#959491;text-align:left;} #gommv_exp_sq_graph_pop li.gommv_exp_bar3 {width:2px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_barbg_right.gif) no-repeat 0 0;} #gommv_exp_sq_graph_pop li span.gommv_exp_num {text-align:center;width:40px;position:absolute;margin:3px 0 0 80px;font:bold 12px dotum,'돋움';color:#fff;} #gommv_exp_line_graph_pop {clear:both;float:left;margin-top:25px;width:290px;height:155px;padding-right:10px;} #gommv_exp_line_graph_pop .gommv_exp_line_tit {margin-bottom:4px;padding-left:25px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_bul_01.gif) no-repeat 18px 3px;text-align:left;font:bold 12px dotum,'돋움';color:#4b4b4b;} #gommv_exp_line_graph_pop .gommv_exp_line_flash {float:left;text-align:left;padding-left:18px;width:290px;height:140px;} #gommv_exp_btn_pop {width:100%;padding:12px 0; text-align:center;} /* 웹뮤직차트 팝업 제어 마침 */ /* 웹뮤직차트 확장용 제어 시작 */ #gommv_exp {clear:both;float:left;width:680px;height:210px;background-color:#f8f8f8;} #gommv_exp_sq_graph {float:left;margin-top:14px;} #gommv_exp_sq_graph .gommv_exp_sq_tit {padding-left:27px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_bul_01.gif) no-repeat 21px 3px;text-align:left;font:bold 12px dotum,'돋움';color:#4b4b4b;} #gommv_exp_sq_graph .gommv_exp_sq_tit span {font:bold 12px dotum,'돋움';color:#892556;} #gommv_exp_sq_graph .gommv_exp_sq_obj {padding-left:10px;} #gommv_exp_sq_graph .gommv_exp_sq_period {font:normal 11px dotum,'돋움';color:#666;text-align:right;width:120px;position:absolute;margin:2px 0 0 166px;} #gommv_exp_sq_graph ul.gommv_exp_ob {clear:both; margin-top:7px;} #gommv_exp_sq_graph ul.gommv_exp_graph3_off {clear:both; margin-top:7px; padding-left:22px;} #gommv_exp_sq_graph li {display:inline; float:left; height:17px;} #gommv_exp_sq_graph li.gommv_exp_bin {width:15px;} #gommv_exp_sq_graph li.gommv_exp_tit {width:70px;} #gommv_exp_sq_graph li.gommv_exp_bar1 {width:2px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_barbg_left.gif) no-repeat 0 0;} #gommv_exp_sq_graph li.gommv_exp_bar2 {width:200px;background-color:#959491;text-align:left;} #gommv_exp_sq_graph li.gommv_exp_bar3 {width:2px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_barbg_right.gif) no-repeat 0 0;} #gommv_exp_sq_graph li span.gommv_exp_num {text-align:center;width:40px;position:absolute;margin:3px 0 0 70px;font:bold 12px dotum,'돋움';color:#fff;} #gommv_exp_serobar {float:left;width:50px;height:165px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_serobar.gif) no-repeat 36px 14px;} #gommv_exp_line_graph {float:right;margin-top:14px;width:296px;height:155px;padding-right:30px;} #gommv_exp_line_graph .gommv_exp_line_tit {margin-bottom:4px;padding-left:12px;background:url(http://img.gomtv.com/images/wchart/gommv_exp_bul_01.gif) no-repeat 6px 3px;text-align:left;font:bold 12px dotum,'돋움';color:#4b4b4b;} #gommv_exp_line_graph .gommv_exp_line_flash {float:left;text-align:left;padding-left:6px;width:296px;height:140px;} #gommv_exp_ment {clear:both;height:24px;padding-top:8px;} #gommv_exp_ment img {margin-top:0px;} *html #gommv_exp_ment img {margin-top:-2px;} #gommv_exp_sq_graph .gommv_exp_sq_off {padding-left:21px;clear:both; float:left;} /* 웹뮤직차트 확장용 제어 마침 */ /* 음악정보 */ #MusicInfo_Container { float:right; width:715px; } #MusicInfo_Container .box_infotop { float:left; width:715px; height:173px; margin-bottom:20px; } #MusicInfo_Container #box_infotop_album { background:#fff url(http://img.gomtv.com/images/wchart/artist/bg_art_albu_cd_ub.jpg) no-repeat; } #MusicInfo_Container #box_infotop_artist { background:#fff url(http://img.gomtv.com/images/wchart/artist/bg_art_albu_ub.jpg) no-repeat; } #MusicInfo_Container .box_infotop .info_img_album { float:left; width:130px; height:130px; margin:23px 25px 0 72px; background:#fff url(http://img.gomtv.com/images/wchart/artist/default_130_artist.jpg) no-repeat; border:3px solid #cfcfcf; display:inline; } #MusicInfo_Container .box_infotop .info_img_artist { float:left; width:130px; height:130px; margin:23px 25px 0 72px; background:#fff url(http://img.gomtv.com/images/wchart/artist/default_130_artist.jpg) no-repeat; border:3px solid #cfcfcf; display:inline; } #MusicInfo_Container .box_infotop dl { float:left; padding:25px 20px 20px 20px; } #MusicInfo_Container .box_infotop dl dt { font-size:16px; font-weight:bold; color:#333; line-height:18px; padding-bottom:10px; } #MusicInfo_Container .box_infotop dl dd { color:#666 } #MusicInfo_Container .box_infotop dl dd span { line-height:18px; color:#999; } #MusicInfo_Container .box_infotop dl dd a { color:#737373 } #MusicInfo_Container .sect_space_left { float:left; margin:5px 0; } #MusicInfo_Container .sect_space_right { float:right; margin:5px 0; } a.mi_btn_more { float:right; display:block; width:36px; height:10px; background:#fff url(http://img.gomtv.com/images/common/icon/icon_more.gif) no-repeat left top; margin-top:4px;} a.mi_btn_more span { display:none; } a.note_more { font-size:11px; } .loading_content_msg { float:left; width:100%; height:100px; padding-top:30px; margin:5px 0 10px 0; text-align:center; color:#666; } .no_content_msg { float:left; width:100%; height:20px; margin:5px 0 0 0; text-align:center; color:#999; } /* 서브페이지 탭 메뉴 */ #MusicInfo_Container ul.tab_menu { float:left; width:100%; height:29px; background:url(http://img.gomtv.com/images/common/tab_bg.gif) repeat-x left top; margin:5px 0 10px 0; } #MusicInfo_Container ul.tab_menu li { float:left; height:29px; padding-left:5px; background:url(http://img.gomtv.com/images/common/tab_left_off.gif) no-repeat left top;} #MusicInfo_Container ul.tab_menu li a { display:block; height:29px; line-height:29px; padding:0 18px 0 13px; font-weight:bold; font-size:12px; color:#9C9C9C; background:url(http://img.gomtv.com/images/common/tab_right_off.gif) no-repeat right top;} *html #MusicInfo_Container ul.tab_menu li a { display:inline; height:29px;padding:0 18px 0 13px;} #MusicInfo_Container ul.tab_menu li.on { background:url(http://img.gomtv.com/images/common/tab_left_on.gif) no-repeat left top;} #MusicInfo_Container ul.tab_menu li.on a { display:inline-block; font-weight:bold; font-size:12px; height:29px; line-height:29px; padding:0 18px 0 13px; color:#FF6E00; background:url(http://img.gomtv.com/images/common/tab_right_on.gif) no-repeat right top;} /* 앨범 소개 박스 */ #MusicInfo_Container .album_note { float:left; padding:10px 10px 5px 10px; line-height:19px; color:#898989; } /* 아티스트 소개 박스 */ #MusicInfo_Container .artist_note { float:left; padding:10px 10px 5px 10px; line-height:19px; color:#898989; } /* 테이블 기본 구성 */ #MusicInfo_Container table.mi_table_list { float:left; width:100%; border-bottom:4px solid #F4F4F4; table-layout:fixed; margin-bottom:10px; } #MusicInfo_Container table.mi_table_list th.sel_sect { padding-top:2px; } #MusicInfo_Container table.mi_table_list th { height:30px; padding-top:3px; font-weight:normal; font-size:11px; color:#FF7E00; letter-spacing:-1px; background:#FBF5DC url(http://img.gomtv.com/images/common/bar_title.gif) no-repeat right center; border-top:2px solid #FED3A0; border-bottom:1px solid #FED3A0; } *:first-child+html #MusicInfo_Container table.mi_table_list th { padding-top:4px; } * html #MusicInfo_Container table.mi_table_list th { padding-top:4px; } #MusicInfo_Container table.mi_table_list th.no_border { background:#FBF5DC; } #MusicInfo_Container table.mi_table_list th.left { background:#FBF5DC url(http://img.gomtv.com/images/common/bg_title_left.gif) no-repeat left top;} #MusicInfo_Container table.mi_table_list th.right { background:#FBF5DC url(http://img.gomtv.com/images/common/bg_title_right.gif) no-repeat right top;} #MusicInfo_Container table.mi_table_list td.shotfor {height:80px;padding-bottom:6px;} #MusicInfo_Container table.mi_table_list td.left { text-align:left; padding-left:10px; } /* 텍스트 구성 테이블 */ #MusicInfo_Container table#mi_table_txt td { height:33px; text-align:center; border-bottom:1px solid #ddd; font-size:12px; color:#898989; } #MusicInfo_Container table#mi_table_txt td.num { padding-top:3px; } #MusicInfo_Container table#mi_table_txt td.mi_title { padding-top:3px; width:340px; text-align:left; } #MusicInfo_Container table#mi_table_txt td.mi_title span.title_song { display:inline-block; width:33px; height:13px; background:url(http://img.gomtv.com/images/wchart/artist/ico_title_artist_daihyo.gif) no-repeat; margin-right:7px; vertical-align:middle; } #MusicInfo_Container table#mi_table_txt td.mi_artist { padding-top:3px; width:150px; text-align:left; } #MusicInfo_Container table#mi_table_txt td .ellipsis { display:block; width:95%; text-overflow:ellipsis; overflow-x:hidden; WHITE-SPACE:NOWRAP; text-indent:10px; } #MusicInfo_Container table#mi_table_txt td.mi_cd_num { height:31px; line-height:31px; background:#F4F4F4; font-size:14px; font-weight:bold; text-align:left; text-indent:75px; font-family:Arial; } /* 썸네일과 텍스트 구성 테이블 */ #MusicInfo_Container table#mi_table_imgtxt td { height:76px; text-align:center; border-bottom:1px solid #ddd; font-size:12px; color:#898989; } #MusicInfo_Container table#mi_table_imgtxt td.mi_title { text-align:left; padding-left:10px; } #MusicInfo_Container table#mi_table_imgtxt td.mi_title a.mi_td_img { float:left; margin:0 10px; } #MusicInfo_Container table#mi_table_imgtxt td.mi_title a.mi_td_txt { float:left; margin:7px 0; color:#737373; } #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl dd.title {margin-bottom:6px;} #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl dd.title a {font:normal 12px gulim,'굴림';color:#555;text-decoration:none;} #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl dd.title a:hover {font:normal 12px gulim,'굴림';color:#666;text-decoration:underline;} #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl dd a {font:normal 12px dotum,'돋움';color:#898989;text-decoration:none;} #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl dd a:hover {text-decoration:underline;} #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl {float:left;width:440px;margin:10px 0 10px 0;} *html #MusicInfo_Container table#mi_table_imgtxt dl {padding-bottom:8px;} #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl dt a {position:relative;float:left;border:3px solid #cdcdcd;} #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl dt a:hover {position:relative;float:left;border:3px solid #FFA800;} #MusicInfo_Container table#mi_table_imgtxt td.mi_title dl dd {position:relative;float:left;width:290px;line-height:17px;margin:5px 0 0 10px;} /* 앨범 리스트 3개씩 노출 박스 */ #MusicInfo_Container dl.box_album_list { float:left; width:220px; margin:15px 3px 0 10px; display:inline; } #MusicInfo_Container dl.box_album_list dt { float:left; width:90px; height:90px; background:url(http://img.gomtv.com/images/wchart/artist/default_90_artist.jpg) no-repeat; } #MusicInfo_Container dl.box_album_list dt img { float:left; width:88px; height:88px; margin:1px; } #MusicInfo_Container dl.box_album_list dd { float:right; width:122px; text-align:left; } #MusicInfo_Container dl.box_album_list dd.album_list_txt { height:68px; margin:2px 0 4px 0; overflow:hidden; } #MusicInfo_Container dl.box_album_list dd.album_list_txt a { line-height:14px; color:#666; } #MusicInfo_Container dl.box_album_list dd.album_list_txt p { width:100%; color:#999; line-height:16px; text-overflow:ellipsis; overflow-x:hidden; WHITE-SPACE:NOWRAP; } #MusicInfo_Container dl.box_album_list dd.album_list_txt p.list_txt_middle { padding-bottom:4px; } #MusicInfo_Container dl.box_album_list dd.album_list_btn { margin:0; padding:0; } /* 앨범 리스트 2개씩 노출 박스 */ #MusicInfo_Container dl.box_album_list2 { float:left; width:340px; margin:0 3px 25px 10px; display:inline; } #MusicInfo_Container dl.box_album_list2 dt { float:left; width:90px; height:90px; background:#fff url(http://img.gomtv.com/images/wchart/artist/default_90_artist.jpg) no-repeat; } #MusicInfo_Container dl.box_album_list2 dt img { float:left; width:88px; height:88px; margin:1px; } #MusicInfo_Container dl.box_album_list2 dd { float:right; width:242px; text-align:left; } #MusicInfo_Container dl.box_album_list2 dd.album_list_txt { height:68px; margin:2px 0 4px 0; } #MusicInfo_Container dl.box_album_list2 dd.album_list_txt a { line-height:14px; color:#666; } #MusicInfo_Container dl.box_album_list2 dd.album_list_txt p { width:100%; color:#999; line-height:16px; text-overflow:ellipsis; overflow-x:hidden; WHITE-SPACE:NOWRAP; } #MusicInfo_Container dl.box_album_list2 dd.album_list_txt p span { color:#999; } #MusicInfo_Container dl.box_album_list2 dd.album_list_txt p.list_txt_middle { padding-bottom:4px; } #MusicInfo_Container dl.box_album_list2 dd.album_list_btn { margin:0; padding:0; } /* 뮤직영상 리스트 3개씩 노출 박스 */ #MusicInfo_Container dl.box_mv_list { float:left; width:230px; margin:10px 0 5px 7px; display:inline;} #MusicInfo_Container dl.box_mv_list dt { float:left; width:100px; height:75px; text-align:center; } #MusicInfo_Container dl.box_mv_list dt img.mi_mv_thumb { border:1px solid #ccc; } #MusicInfo_Container dl.box_mv_list dd { float:right; width:125px; text-align:left; } #MusicInfo_Container dl.box_mv_list dd.mv_list_txt { height:42px; margin:2px 0 12px 0; overflow:hidden; } #MusicInfo_Container dl.box_mv_list dd.mv_list_txt a { line-height:14px; color:#666; } #MusicInfo_Container dl.box_mv_list dd.mv_list_btn { margin:0; padding:0; } #MusicInfo_Container dl.box_mv_list dt a { position:relative; } /* 아티스트 정보 */ #MusicInfo_Container .mi_total_title { float:left; width:100%; margin:5px 0; } #MusicInfo_Container .mi_total_title h5 { float:left; font-size:12px; width:300px; font-weight:bold; text-indent:10px; color:#363636; background:url(http://img.gomtv.com/images/common/bul/bul_24.gif) no-repeat left 5px; } #MusicInfo_Container .mi_total_title h5 span { font-weight:normal; color:#FF6E00; } #MusicInfo_Container .sect_line { float:left; width:100%; height:5px; border-top:1px solid #e5e5e5; margin:0; padding:0; overflow:hidden; } #MusicInfo_Container .mi_album_sort { float:right; margin:5px 0 15px 0; color:#ccc; padding-top:4px; } #MusicInfo_Container .mi_album_sort a { background:url(http://img.gomtv.com/images/wchart/artist/bg_arro_gre.gif) no-repeat left 4px; padding-left:9px; } #MusicInfo_Container .mi_album_sort a.on_ub_sort02 { background:url(http://img.gomtv.com/images/wchart/artist/bg_arro_gre_on.gif) no-repeat left 4px; padding-left:9px; font-weight:bold; color:#ff7f00;} /* 넘버링 */ #MusicInfo_Container .mi_page_num { float:left; width:715px; text-align:center; margin-bottom:20px; font-size:12px;} #MusicInfo_Container .mi_page_num span { color:#ffa000; } /* 음악정보 댓글 */ #MusicInfo_Container #cus_reply_form {float:left; width:715px; margin-bottom:5px;padding:10px 0 10px 0; background:#eee;} *html #MusicInfo_Container #cus_reply_form {width:715px;height:63px;} #MusicInfo_Container #cus_reply_form textarea { width:615px; height:43px; margin-left:10px; padding:5px; border:1px solid #D9D9D9; font:normal 11px/16px dotum,'돋움'; color:#898989; background:#fff; } #MusicInfo_Container #cus_reply_form img {vertical-align:top;margin-top:1px;} #MusicInfo_Container #cus_reply_form .bottom {background:url(http://img.gomtv.com/images/openChannel/bg_gb_form.gif) no-repeat left bottom;} #MusicInfo_Container #cus_reply_form .notice_check {padding:6px 0 8px;font:normal 12px dotum,'돋움';color:#898989;background:url(http://img.gomtv.com/images/openChannel/bg_notice_check.gif) no-repeat 10px 7px;} #MusicInfo_Container #cus_reply_form .notice_check input.checkbox {margin-left:16px;margin-top:-1px;} #MusicInfo_Container #cus_reply_form .notice_check input.text {margin-left:20px;padding-top:2px;border:1px solid #ccc;width:574px;height:20px;font:normal 12px dotum,'돋움';color:#898989;} #MusicInfo_Container #cus_reply_form .notice_check input {vertical-align:middle;margin-bottom:2px;} #MusicInfo_Container #cus_replys_list {float:left; width:715px; margin:4px 0 10px 0; } #MusicInfo_Container #cus_replys_list td {padding:8px 0; font-size:12px; color:#898989; border-bottom:1px solid #E4E4E4;} #MusicInfo_Container #cus_replys_list td.user {width:110px; color:#888; padding-left:10px;} #MusicInfo_Container #cus_replys_list td.cont { width:520px; color:#999; letter-spacing:-1px; line-height:14px;} #MusicInfo_Container #cus_replys_list td.cont span { font-size:11px; color:#BBBBBB; margin-left:10px;} #MusicInfo_Container #cus_replys_list .btn { text-align:center; } #MusicInfo_Container #cus_replys_list .btn a {font:normal 11px dotum,'돋움';color:#787878;letter-spacing:-1px;} #MusicInfo_Container #cus_replys_list .btn_n {padding:4px 0 2px 0;text-align:right;color:#787878;} #MusicInfo_Container #cus_replys_list .btn_n a {font:normal 11px dotum,'돋움';color:#555;letter-spacing:-1px;color:#787878;} #MusicInfo_Container #cus_replys_list .btn_n span {font:normal 11px dotum,'돋움';color:#555;padding:0 3px;color:#787878;} #MusicInfo_Container #cus_replys_list .btn_n2 {border-top:1px dotted #333;padding:7px 0 1px 0;text-align:right;} #MusicInfo_Container #cus_replys_list .btn_n2 a {font:normal 11px dotum,'돋움';color:#555;letter-spacing:-1px;} #MusicInfo_Container #cus_replys_list .btn_n2 span {font:normal 11px dotum,'돋움';color:#555;padding:0 3px;} #MusicInfo_Container #cus_replys_list .cont_n2 {padding:4px 0 4px 14px;color:ababab;} #MusicInfo_Container #cus_replys_list .cont_n2 span.del {font-size:11px;color:#787878;} #MusicInfo_Container #cus_replys_list tr.tackle td {width:715px;background-color:#eee;padding:4px 5px 5px 95px;} #MusicInfo_Container #cus_replys_list tr.tackle td img.tackle_input {margin-top:10px;} #MusicInfo_Container #cus_replys_list tr.tackle input { width:585px;height:20px;padding:2px 3px 2px 3px;border:none;font:normal 11px/16px dotum,'돋움';color:#898989;background-color:#333;} /* 버튼 선언 */ #MusicInfo_Container .art_plus_btn { z-index:10;position:absolute; margin:37px 0 0 5px; cursor:pointer;} #MusicInfo_Container .btn_allcho_n a { position:relative; display:inline; width:72px; height:21px; background:url(http://img.gomtv.com/images/wchart/neo_wchart_btn_cho_off.gif) no-repeat; text-decoration:none;} #MusicInfo_Container .btn_allcho_n a:hover { position:relative; display:inline; width:72px; height:21px; background:url(http://img.gomtv.com/images/wchart/neo_wchart_btn_cho_on.gif) no-repeat; text-decoration:none;} #MusicInfo_Container .btn_allcho_n a span { position:absolute; z-index:-1; visibility:hidden; } #MusicInfo_Container a.btn_alldd_n { display:block; width:72px; height:21px; background:url(http://img.gomtv.com/images/wchart/neo_wchart_btn_dd_off.gif) no-repeat; text-decoration:none;} #MusicInfo_Container a.btn_alldd_n:hover { background:url(http://img.gomtv.com/images/wchart/neo_wchart_btn_dd_on.gif) no-repeat;} #MusicInfo_Container a.btn_alldd_n span { display:none; } #MusicInfo_Container .btn_down_n a { display:inline-block; width:63px; height:20px; background:url(http://img.gomtv.com/images/common/icon/mv_high_btn.gif) no-repeat; } #MusicInfo_Container .btn_down_n a:hover { background:url(http://img.gomtv.com/images/common/icon/mv_high_on_btn.gif) no-repeat; text-decoration:none;} #MusicInfo_Container .btn_down_n a span { display:none; } #MusicInfo_Container .btn_down_n span { display:inline-block; width:63px; height:20px; background:url(http://img.gomtv.com/images/common/icon/mv_high_btn.gif) no-repeat; filter:gray() alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;} #MusicInfo_Container .btn_mp3_n a { display:inline-block; width:63px; height:20px; background:url(http://img.gomtv.com/images/common/icon/mv_mp3_btn.gif) no-repeat; } #MusicInfo_Container .btn_mp3_n a:hover { background:url(http://img.gomtv.com/images/common/icon/mv_mp3_on_btn.gif) no-repeat; } #MusicInfo_Container .btn_mp3_n a span { display:none; } #MusicInfo_Container .btn_mp3_n span { display:inline-block; width:63px; height:20px; background:url(http://img.gomtv.com/images/common/icon/mv_mp3_btn.gif) no-repeat; filter:gray() alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; } #MusicInfo_Container .btn_lyric_n a { display:inline-block; width:16px; height:16px; background:url(http://img.gomtv.com/images/wchart/artist/btn_gara_ub.gif) no-repeat; } #MusicInfo_Container .btn_lyric_n a:hover { background:url(http://img.gomtv.com/images/wchart/artist/btn_gara_ub.gif) no-repeat; } #MusicInfo_Container .btn_lyric_n a span { display:none; } #MusicInfo_Container .btn_lyric_n span { display:inline-block; width:16px; height:16px; background:url(http://img.gomtv.com/images/wchart/artist/btn_gara_ub.gif) no-repeat; filter:gray() alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; } #MusicInfo_Container .btn_play_n a { display:inline-block; width:31px; height:20px; background:url(http://img.gomtv.com/images/wchart/neo_wchart_btn_play_off.gif) no-repeat; } #MusicInfo_Container .btn_play_n a:hover { background:url(http://img.gomtv.com/images/wchart/neo_wchart_btn_play_on.gif) no-repeat; } #MusicInfo_Container .btn_play_n a span { display:none; } #MusicInfo_Container .btn_vote_n a { display:inline-block; width:31px; height:20px; background:url(http://img.gomtv.com/images/wchart/neo_wchart_btn_vote_off.gif) no-repeat; } #MusicInfo_Container .btn_vote_n a:hover { background:url(http://img.gomtv.com/images/wchart/neo_wchart_btn_vote_on.gif) no-repeat; } #MusicInfo_Container .btn_vote_n a span { display:none; } #MusicInfo_Container .btn_fullhddown_n a { display:inline-block; width:63px; height:20px; background:url(http://img.gomtv.com/images/common/icon/mv_fullhd_btn.gif) no-repeat; text-decoration:none;} #MusicInfo_Container .btn_fullhddown_n a:hover { background:url(http://img.gomtv.com/images/common/icon/mv_fullhd_on_btn.gif) no-repeat; } #MusicInfo_Container .btn_fullhddown_n a span { display:none; } /* 음악정보 */