/**************************/ /* 20100120 디자인팀 작업 */ /**************************/ /* 미니웹 제어 시작 */ /* 뮤직차트 상단 영역 제어 시작 */ #neo_mchart_top {width:408px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_top_bg.gif) no-repeat 0 0;} #neo_mchart_top_n {width:408px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_top_bg_n.gif) no-repeat 0 0;} #neo_mchart_tab {margin-top:58px;height:27px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_tab_bg.gif) no-repeat 0 0;} #neo_mchart_tab li {padding-top:6px;display:inline;float:left;width:70px;height:27px;text-align:center;} #neo_mchart_tab li.tab_on {padding-top:8px;border:1px solid black;border-bottom:none;width:90px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_tab_on.gif) no-repeat 0 0;} #neo_mchart_tab li.tab_on a {font:bold 11px dotum,'돋움';color:#fff;} #neo_mchart_tab li.tab_on a:hover {font:bold 11px dotum,'돋움';color:#F278AE;} #neo_mchart_tab li a {font:normal 11px dotum,'돋움';color:#8d8d8d;} #neo_mchart_tab li a:hover {font:normal 11px dotum,'돋움';color:#C27698;} #neo_mchart_tab li.tab1 {padding-top:6px;display:inline;float:left;width:50px;height:27px;text-align:center;} #neo_mchart_tab li.tab1_on {padding-top:8px;border:1px solid black;border-bottom:none;width:50px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_tab1_on.gif) no-repeat 0 0;} #neo_mchart_tab li.tab1_on a {font:bold 11px dotum,'돋움';color:#fff;} #neo_mchart_tab li.tab1_on a:hover {font:bold 11px dotum,'돋움';color:#F278AE;} #neo_mchart_tab li.tab2 {padding-top:6px;display:inline;float:left;width:85px;height:27px;text-align:center;} #neo_mchart_tab li.tab2_on {padding-top:8px;border:1px solid black;border-bottom:none;width:95px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_tab2_on.gif) no-repeat 0 0;} #neo_mchart_tab li.tab2_on a {font:bold 11px dotum,'돋움';color:#fff;} #neo_mchart_tab li.tab2_on a:hover {font:bold 11px dotum,'돋움';color:#F278AE;} #neo_mchart_tab li.tab3 {padding-top:6px;display:inline;float:left;width:70px;height:27px;text-align:center;} #neo_mchart_tab li.tab3_on {padding-top:8px;border:1px solid black;border-bottom:none;width:90px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_tab_on.gif) no-repeat 0 0;} #neo_mchart_tab li.tab3_on a {font:bold 11px dotum,'돋움';color:#fff;} #neo_mchart_tab li.tab3_on a:hover {font:bold 11px dotum,'돋움';color:#F278AE;} #neo_mchart_tab span.helpicon {float:right; margin:3px 20px 0 0;} /* 뮤직차트 상단 영역 제어 마침 */ #neo_mchart_top_n span.app_dday {position:absolute; padding:38px 0 0 20px; height:20px; font:normal 12px dotum,'돋움';color:#f178b0; letter-spacing:-1px;} #neo_mchart_top_n span.app_dday a {font:normal 12px dotum,'돋움';color:#f178b0; letter-spacing:-1px;} #neo_mchart_top_n span.dday_more {position:absolute; margin-left:345px; margin-top:47px;} #mvchart_mj_info {margin:0 10px 5px 10px; border-bottom:1px solid #454545; padding-bottom:5px;} #mvchart_mj_info p.mj_info_tit {font:bold 12px dotum,'돋움';color:#ccc; padding-bottom:5px;} #mvchart_mj_info p.fi_info_tit {font:bold 12px dotum,'돋움';color:#F278AE; padding-bottom:5px;} #mvchart_mj_info p {line-height:16px; height:16px;} #mvchart_mj_info2 {margin:0 10px 5px 10px; border-bottom:1px solid #454545; padding-bottom:5px;background:#393939 url(http://img.gomtv.com/app/images/am/mchart/neo/mvchart_mj_bg.gif) no-repeat 0 0;} #mvchart_mj_info2 p.mj_info_tit {font:bold 12px dotum,'돋움';color:#ccc; padding-bottom:5px;} #mvchart_mj_info2 p.fi_info_tit {font:bold 12px dotum,'돋움';color:#F278AE; padding-bottom:5px;} #mvchart_mj_info2 p {padding-left:125px;line-height:16px; height:16px;} /* 뮤직차트 전체/공통 영역 시작 */ #neo_mchart_group {width:100%;padding-bottom:10px;padding-top:10px;height:100px;border:1px solid black;border-top:none;background:#393939 url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_tab_bg2.gif) no-repeat 0 0;} #allcho_play {padding:2px 7px 20px 8px;;} #allcho_play ul.allcho_li {float:left;} #allcho_play ul.allcho_li li {display:inline;} #allcho_play .section_period {font:bold 11px Verdana;color:#C27698;float:right;padding-right:5px;letter-spacing:0px;} #allcho_play .neo_mchart_index {float:right;padding-right:5px;} #allcho_play .neo_mchart_index a.cho_on {font:bold 11px dotum,'돋움';color:#F278AE;} #allcho_play .neo_mchart_index a {font:bold 11px dotum,'돋움';color:#aaa;} #allcho_play .neo_mchart_index a:hover {font:bold 11px dotum,'돋움';color:#C27698;} #allcho_play .neo_mchart_index span img {margin:3px 4px 0 6px;} /* 뮤직차트 전체/공통 영역 마침 */ /* 테이블 제어 시작 */ #neo_mchart_list {clear:both;width:390px;empty-cells:show;margin-left:8px;margin-bottom:5px;} #neo_mchart_list img {vertical-align:top;} #neo_mchart_list th {position:relative;height:22px;font:normal 11px dotum,'돋움';color:#737373;letter-spacing:-1px;background:#000;padding-top:3px;} #neo_mchart_list td {height:22px;text-align:center;font:normal 12px dotum,'돋움';color:#898989;padding:6px 0 4px 0;} #neo_mchart_list td.left {font:normal 11px dotum,'돋움';text-align:left;padding-left:8px;} #neo_mchart_list td.left a:hover {text-decoration:underline;} #neo_mchart_list td.mgrade123 {font:bold 12px Verdana;color:#fff;letter-spacing:-1px;padding-bottom:7px;} #neo_mchart_list td.left123 {text-align:left;padding-left:0px;} #neo_mchart_list td.left123 a {font:bold 11px dotum,'돋움';color:#fff;letter-spacing:-1px;} #neo_mchart_list td.left123 a:hover {font:bold 11px dotum,'돋움';color:#F278AE;letter-spacing:-1px;text-decoration:underline;} #neo_mchart_list td.left123 span a {font:normal 11px dotum,'돋움';color:#999;letter-spacing:-1px;line-height:18px;} #neo_mchart_list td.left123 span a:hover {font:normal 11px dotum,'돋움';color:#F278AE;letter-spacing:-1px;line-height:18px;text-decoration:underline;} #neo_mchart_list td.mgrade4 {font:bold 12px Verdana;color:#909090;letter-spacing:-1px;padding-bottom:7px;} #neo_mchart_list td.left4 {text-align:left;padding-left:0px;} #neo_mchart_list td.left4 a {font:normal 11px dotum,'돋움';color:#bbb;letter-spacing:-1px;} #neo_mchart_list td.left4 a:hover {font:normal 11px dotum,'돋움';color:#F278AE;letter-spacing:-1px;text-decoration:underline;} #neo_mchart_list td img.updown {margin:2px 3px 0 0 ;} #neo_mchart_list td img.play_vote {margin-top:-2px;} #neo_mchart_list td span.powertrack {font:bold 14px Verdana;color:#F278AE;} #neo_mchart_list td.updown_td {text-align:left;padding-left:5px;} #neo_mchart_list td.updown_td_none {padding-right:4px;} .wchart_perre a {font:normal 11px dotum,'돋움';color:#898989;text-decoration:none;} #neo_mchart_list td.left123 img.grade_img {margin:3px 0;} #neo_mchart_list td.left123 .perre_btn {padding:2px 0;} #neo_mchart_list td.left123 .perre_btn img {margin-top:2px;margin-left:2px;} #neo_mchart_list td.left123 .perre_btn a {font:normal 11px dotum,'돋움';color:#aaa;} #neo_mchart_list td.left123 .perre_btn a:hover {font:normal 11px dotum,'돋움';color:#F278AE;text-decoration:underline;} #neo_mchart_list td.left123 .perre_btn2 {padding:2px 0;margin-top:5px;} #neo_mchart_list td.left123 .perre_btn2 img {margin-top:2px;margin-left:2px;} #neo_mchart_list td.left123 .perre_btn2 a {font:normal 11px dotum,'돋움';color:#aaa;} #neo_mchart_list td.left123 .perre_btn2 a:hover {font:normal 11px dotum,'돋움';color:#F278AE;text-decoration:underline;} .honor_pink {font-size:11px;color:#F278AE;} .honor_blue {font-size:11px;color:#539bc4;} .honor_bar {font-size:11px;color:#666;padding:0 5px;} /* 테이블 제어 마침 */ /* 뮤직차트 주간 스타일 */ #neo_mchart_week {position:absolute;right:9px;z-index:101;margin:16px 0 0 0;border:1px solid #111; width:182px; height:104px; text-align:center;} #neo_mchart_week img {vertical-align:top;} #neo_mchart_week ul {background:#333; height:18px;} #neo_mchart_week li {float:left; letter-spacing:-1px; font:bold 11px dotum,'돋음'; color:#757575;} #neo_mchart_week .btn_close {float:right; margin:5px;margin-right:4px;} #neo_mchart_week .text {padding:6px 0 0 7px;color:#ccc;} #neo_mchart_week_box {overflow-y:scroll; width:175px; height:80px;} #neo_mchart_week_box { scrollbar-face-color:#555; scrollbar-highlight-color:#444; scrollbar-shadow-color:#ddd; scrollbar-3dlight-color:#555; scrollbar-arrow-color:#ccc; scrollbar-track-color:#555; scrollbar-darkshadow-color:#444; scrollbar-base-color:#999; } #neo_mchart_week_box li {float:left; width:160px; font:normal 11px Verdana; line-height:19px; color:#797979; text-align:left; letter-spacing:0px;border-bottom:1px dotted #555;} #neo_mchart_week_box li a {font:normal 11px Verdana; line-height:19px;width:160px; height:16px; background:#555; color:#ccc; text-decoration:none;padding-left:5px;letter-spacing:0px;} #neo_mchart_week_box li a:hover {line-height:19px;width:160px; height:16px; background:#444; font:normal; color:#fff; letter-spacing:0px; text-decoration:none;padding-left:5px;} .mchart_bul {font:normal 11px dotum,'돋움';color:#898989;padding:3px 0;} .mchart_bul img {margin-right:3px;margin-top:-1px;} #first_peri_apppop {width:220px;height:180px;background-color:#454545;border:4px solid #F278AE;position:absolute;left:100px;z-index:99;text-align:center;} #first_peri_apppop img.close {margin-top:10px;} #first_peri_apppop .first_peri_tit {text-align:center;padding:5px;} #first_peri_apppop .first_peri_tit .tit {font:bold 12px dotum,'돋움';color:#F278AE;padding:8px;border-bottom:1px solid #555;} #first_peri_apppop .first_peri_tit .tit nobr {width:180px;overflow:hidden;text-overflow:ellipsis;} #first_peri_apppop .first_peri_tit .tit2 {font:bold 12px dotum,'돋움';color:#ccc;padding-top:8px;} #first_peri_apppop .first_peri_list {width:200px;height:66px;overflow-y:auto;overflow-x:hidden; scrollbar-face-color:#555; scrollbar-highlight-color:#444; scrollbar-shadow-color:#ddd; scrollbar-3dlight-color:#555; scrollbar-arrow-color:#ccc; scrollbar-track-color:#555; scrollbar-darkshadow-color:#444; scrollbar-base-color:#999; } #first_peri_apppop .first_peri_list li {padding:4px 2px 3px 0;font:normal 12px dotum,'돋움';color:#aaa;text-align:left;border-bottom:1px solid #555;} #first_peri_apppop .first_peri_list li span {font:bold 12px dotum,'돋움';color:#F278AE;} /* 미니웹 제어 마침 */ /* 웹 제어 시작 */ #sub_center_wchart {float:right;width:709px;} #wchart_dday {position:relative; height:30px; padding:65px 0 0 25px; font:normal 12px dotum,'돋움';color:#ff6699;} *html #wchart_dday {height:95px;} #wchart_dday a {font:normal 12px dotum,'돋움';color:#ff6699; text-decoration:none;} /* S:090914 뮤직차트 상단 영역 수정_gmc배너 및 이미지수정 */ #neo_wchart_top_n3 {float:left; width:710px; height:95px; background:url(http://img.gomtv.com/images/wchart/neo_wchart_top_bg_n3.gif) no-repeat 0 0;} #wchart_dday_n {position:relative; float:left; width:445px; height:31px; padding:61px 0 0 28px; font:normal 12px dotum,'돋움';color:#fff;} *html #wchart_dday_n {width:480px;} #wchart_dday_n a {font:normal 12px dotum,'돋움';color:#fff; text-decoration:none;line-height:20px;padding-left:55px;} #wchart_dday_n img {position:absolute;margin:-2px 0 0 0;} #wchart_dday_n span.web_dday_more {position:absolute; left:320px; top:65px;} #gmc_ban {position:relative;float:left; padding-top:20px;} /* S:090914 뮤직차트 상단 영역 수정_gmc배너 및 이미지수정 */ /* 뮤직차트 상단 영역 제어 시작 */ #neo_wchart_top {float:left;width:710px;height:125px;background:url(http://img.gomtv.com/images/wchart/neo_wchart_top_bg.gif) no-repeat 0 0;} #neo_wchart_top_n {float:left;width:710px;height:125px;background:url(http://img.gomtv.com/images/wchart/neo_wchart_top_bg_n.gif) no-repeat 0 0;} #neo_wchart_top_n2 {float:left;width:710px;height:125px;background:url(http://img.gomtv.com/images/wchart/neo_wchart_top_bg_n2.gif) no-repeat 0 0;} #neo_wchart_tab2 {width:710px;height:28px;margin-top:95px;background:url(http://img.gomtv.com/images/wchart/neo_wchart_tab_bg.gif) no-repeat 0 0;} #neo_wchart_tab {clear:both;margin-left:14px;width:680px;height:26px;border-bottom:2px solid #F079AF;} #neo_wchart_tab li {padding-top:6px;margin-right:3px;display:inline;float:left;width:120px;height:26px;text-align:center;background:url(http://img.gomtv.com/images/wchart/neo_wchart_tab_off.gif) no-repeat right top;} #neo_wchart_tab li.tab_on {padding-top:6px;width:120px;background:url(http://img.gomtv.com/images/wchart/neo_wchart_tab_on.gif) no-repeat 0 0;} #neo_wchart_tab li.tab_on a {font:bold 12px dotum,'돋움';color:#fff;} #neo_wchart_tab li.tab_on a:hover {font:bold 12px dotum,'돋움';color:#fff;} #neo_wchart_tab li a {font:bold 12px dotum,'돋움';color:#777;} #neo_wchart_tab li a:hover {font:bold 12px dotum,'돋움';color:#555;} #neo_wchart_tab li {padding-top:6px;margin-right:3px;display:inline;float:left;height:26px;text-align:center;background:url(http://img.gomtv.com/images/wchart/neo_wchart_tab_off.gif) no-repeat right top;} #neo_wchart_tab li.tab1 {padding-top:6px;margin-right:3px;display:inline;float:left;width:80px;height:26px;text-align:center;background:url(http://img.gomtv.com/images/wchart/neo_wchart_tab_off.gif) no-repeat right top;} #neo_wchart_tab li.tab1_on {padding-top:6px;width:80px;background:url(http://img.gomtv.com/images/wchart/neo_wchart_tab_on.gif) no-repeat right top;} #neo_wchart_tab li.tab1_on a {font:bold 12px dotum,'돋움';color:#fff;} #neo_wchart_tab li.tab1_on a:hover {font:bold 12px dotum,'돋움';color:#fff;} #neo_wchart_tab li.tab2 {padding-top:6px;margin-right:3px;display:inline;float:left;width:120px;height:26px;text-align:center;background:url(http://img.gomtv.com/images/wchart/neo_wchart_tab_off.gif) no-repeat right top;} #neo_wchart_tab .text_con {padding-top:2px;} #neo_wchart_tab li.tab2_on {padding-top:6px;width:120px;background:url(http://img.gomtv.com/images/wchart/neo_wchart_tab_on.gif) no-repeat right top;} #neo_wchart_tab li.tab2_on a {font:bold 12px dotum,'돋움';color:#fff;} #neo_wchart_tab li.tab2_on a:hover {font:bold 12px dotum,'돋움';color:#fff;} #neo_wchart_tab li.help {float:right; background:none; margin-top:-5px; margin-right:52px;text-align:right;} *html #neo_wchart_tab li.help {float:right; background:none; margin-top:-5px; margin-right:0;text-align:right;} /* 뮤직차트 상단 영역 제어 마침 */ /* 뮤직차트 전체/공통 영역 시작 */ #neo_wchart_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; margin-bottom:5px;} #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 .neo_wchart_index {float:left;text-align:center;width:430px;padding-top:3px;} #allcho_play_web .neo_wchart_index a.cho_on {font:bold 12px dotum,'돋움';color:#F278AE;} #allcho_play_web .neo_wchart_index a:hover.cho_on {font:bold 12px dotum,'돋움';color:#F278AE;} #allcho_play_web .neo_wchart_index a {font:bold 12px dotum,'돋움';color:#888;} #allcho_play_web .neo_wchart_index a:hover {font:bold 12px dotum,'돋움';color:#C27698;} #allcho_play_web .neo_wchart_index span {font:normal 11px dotum,'돋움';color:#ccc;padding:0 10px;} #allcho_play_web .neo_wchart_help {float:right;} /* 뮤직차트 전체/공통 영역 마침 */ /* 테이블 제어 시작 */ #neo_wchart_list {clear:both;position:relative;float:left;width:680px;empty-cells:show;margin-bottom:10px;} #neo_wchart_list img {vertical-align:top;} #neo_wchart_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;} #neo_wchart_list tr {border-bottom:1px solid #e1e1e1;} #neo_wchart_list td {height:22px;text-align:center;font:normal 12px dotum,'돋움';color:#898989;padding:6px 0 4px 0;border-bottom:1px solid #e1e1e1;} #neo_wchart_list td.left {font:normal 11px dotum,'돋움';text-align:left;padding-left:8px;} #neo_wchart_list td.left dl {clear:both;float:left;width:95%;margin:0 0 2px 0px;} *html #neo_wchart_list td.left dl {clear:both;float:left;width:100%;} #neo_wchart_list td.left dl dt a {float:left;border:1px solid #ccc;} #neo_wchart_list td.left dl dt a:hover {float:left;border:1px solid #777;} #neo_wchart_list td.left dl dd {padding-left:86px;} #neo_wchart_list td.left dl dd.wchart_tit {} #neo_wchart_list td.left dl dd.wchart_tit a {font:bold 12px dotum,'돋움';color:#555;line-height:20px;} #neo_wchart_list td.left dl dd.wchart_tit a:hover {font:bold 12px dotum,'돋움';color:#ED3E80;line-height:20px;text-decoration:underline;} #neo_wchart_list td.left dl dd.wchart_tit2 {padding-top:3px;padding-bottom:2px;} #neo_wchart_list td.left dl dd.wchart_tit2 a {font:bold 12px dotum,'돋움';color:#555;line-height:20px;} #neo_wchart_list td.left dl dd.wchart_tit2 a:hover {font:bold 12px dotum,'돋움';color:#ED3E80;line-height:20px;text-decoration:underline;} #neo_wchart_list td.left dl dd.wchart_art {font:normal 11px dotum,'돋움';color:#555;line-height:18px;} #neo_wchart_list td.left dl dd.wchart_info {font:normal 11px dotum,'돋움';color:#808080;line-height:18px;} #neo_wchart_list td.left dl dd.wchart_info span {font:normal 11px Verdana;color:#D389AB;} #neo_wchart_list td.left dl dd.wchart_1000hit {} #neo_wchart_list td.left dl dd.wchart_tit_n {padding-left:140px;} #neo_wchart_list td.left dl dd.wchart_tit_n a {font:bold 12px dotum,'돋움';color:#555;line-height:20px;} #neo_wchart_list td.left dl dd.wchart_tit_n a:hover {font:bold 12px dotum,'돋움';color:#ED3E80;line-height:20px;text-decoration:underline;} #neo_wchart_list td.left dl dd.wchart_tit2_n {padding-top:3px;padding-bottom:2px;} #neo_wchart_list td.left dl dd.wchart_tit2_n a {font:bold 12px dotum,'돋움';color:#555;line-height:20px;} #neo_wchart_list td.left dl dd.wchart_tit2_n a:hover {font:bold 12px dotum,'돋움';color:#ED3E80;line-height:20px;text-decoration:underline;} #neo_wchart_list td.left dl dd.wchart_art_n {padding-left:140px;font:normal 11px dotum,'돋움';color:#555;line-height:18px;} #neo_wchart_list td.left dl dd.wchart_info_n {padding-left:140px;font:normal 11px dotum,'돋움';color:#808080;line-height:18px;} #neo_wchart_list td.left dl dd.wchart_info_n span {font:normal 11px Verdana;color:#D389AB;} #neo_wchart_list td.left dl dd.wchart_1000hit_n {padding-top:2px;padding-left:140px;} #neo_wchart_list td.left dl dd.wchart_tit_n2 {padding-top:5px;padding-left:140px;margin-bottom:6px;} #neo_wchart_list td.left dl dd.wchart_tit_n2 a {font:bold 12px dotum,'돋움';color:#555;line-height:20px;} #neo_wchart_list td.left dl dd.wchart_tit_n2 a:hover {font:bold 12px dotum,'돋움';color:#ED3E80;line-height:20px;text-decoration:underline;} #neo_wchart_list td.left dl dd.wchart_art_n2 {padding-left:140px;font:normal 11px dotum,'돋움';color:#555;line-height:18px;margin-bottom:6px;} #neo_wchart_list td.left dl dd.wchart_perre {position:absolute;margin:85px 0 0 55px;} *html #neo_wchart_list td.left dl dd.wchart_perre {position:absolute;margin:85px 0 0 -75px;} #neo_wchart_list td.left dl dd.wchart_bul {margin-top:2px;padding-left:140px;} #neo_wchart_list td.left dl dd.wchart_bul .wchart_bul_text {padding-left:44px;} #neo_wchart_list td.mgrade123 {font:bold 30px Verdana;color:#8A2A5E;letter-spacing:-2px;padding-bottom:7px;} #neo_wchart_list td.left123 {text-align:left;padding-left:0px;} #neo_wchart_list td.left123 a {font:bold 11px dotum,'돋움';color:#fff;letter-spacing:-1px;} #neo_wchart_list td.left123 a:hover {font:bold 11px dotum,'돋움';color:#F278AE;letter-spacing:-1px;} #neo_wchart_list td.mgrade4 {font:bold 14px Verdana;color:#909090;letter-spacing:-1px;padding-bottom:7px;} #neo_wchart_list td.left4 {text-align:left;padding-left:0px;} #neo_wchart_list td.left4 a {font:normal 11px dotum,'돋움';color:#bbb;letter-spacing:-1px;} #neo_wchart_list td.left4 a:hover {font:normal 11px dotum,'돋움';color:#F278AE;letter-spacing:-1px;} #neo_wchart_list td img.updown {margin:2px 0 0 6px ;} #neo_wchart_list td img.first_bul {margin-top:-2px;margin-right:5px;} #neo_wchart_list td img.play_vote {margin-top:-2px;} .first_honor {margin:0 3px 0 0;} #neo_wchart_list td span.powertrack {font:bold 14px Verdana;color:#F278AE;} #neo_wchart_list td.updown_td {text-align:center; padding-right:5px;} #neo_wchart_list td.updown_td_none {padding-right:4px;} #neo_wchart_list td img.wchart_num {margin-top:3px;} /* 테이블 제어 마침 */ /* 뮤직차트 주간 스타일 */ #neo_wchart_week {position:absolute;right:0px;z-index:101;margin:4px 0 0 0;border:1px solid #bbb; width:187px; height:104px; text-align:center;} *html #neo_wchart_week {right:1px;margin:18px 0 0 0;} #neo_wchart_week img {vertical-align:top;} #neo_wchart_week ul {background:#eee; height:18px;} #neo_wchart_week li {float:left; letter-spacing:-1px; font:bold 11px dotum,'돋음'; color:#757575;} #neo_wchart_week .btn_close {float:right; margin:5px;margin-right:4px;} #neo_wchart_week .text {padding:6px 0 0 7px;color:#C27698;} #neo_wchart_week_box {clear:both;overflow-y:scroll; width:187px; height:80px;background-color:#fff;} *html #neo_wchart_week_box {width:183px;} #neo_wchart_week_box { scrollbar-face-color:#ccc; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-arrow-color:#fff; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-base-color:#fff; } #neo_wchart_week_box li {float:left; width:165px; font:normal 11px Verdana; line-height:19px; text-align:left; letter-spacing:0px;border-bottom:1px dotted #ebebeb;} #neo_wchart_week_box li a {font:normal 11px Verdana; line-height:19px;width:165px; height:16px; background:#fff; color:#888; text-decoration:none;padding-left:5px;letter-spacing:0px;} #neo_wchart_week_box li a:hover {line-height:19px;width:165px; height:16px; background:#f0f0f0; font:normal; color:#C27698; letter-spacing:0px; text-decoration:none;padding-left:5px;} #first_peri_pop {width:205px;height:185px;background-color:#fefefe;border:4px solid #bbb;position:absolute;left:300px;z-index:99;text-align:center;} *html #first_peri_pop {width:220px;height:185px;} #first_peri_pop img.close {margin-top:10px;} #first_peri_pop .first_peri_tit {text-align:center;padding:5px;} #first_peri_pop .first_peri_tit .tit {font:bold 12px dotum,'돋움';color:#F278AE;padding:8px;border-bottom:1px solid #ccc;height:18px;} #first_peri_pop .first_peri_tit .tit nobr {display:block;float:left;width:180px;overflow:hidden;text-overflow:ellipsis;} #first_peri_pop .first_peri_tit .tit2 {font:bold 12px dotum,'돋움';color:#777;padding-top:8px;} #first_peri_pop .first_peri_list {width:200px;height:70px;overflow-y:auto;overflow-x:hidden; scrollbar-face-color:#fff; scrollbar-highlight-color:#ccc; scrollbar-shadow-color:#ccc; scrollbar-3dlight-color:#eee; scrollbar-arrow-color:#999; scrollbar-track-color:#eee; scrollbar-darkshadow-color:#eee; scrollbar-base-color:#eee; } *html #first_peri_pop .first_peri_list {width:200px;height:78px;} #first_peri_pop .first_peri_list li {padding:4px 2px 3px 0;font:normal 12px dotum,'돋움';color:#777;text-align:left;border-bottom:1px solid #eee;} #first_peri_pop .first_peri_list li span {font:bold 12px dotum,'돋움';color:#F278AE;} .ellipsis {ellipsis;-moz-binding: url('http://img.gomtv.com/css/ellipsis.xml#ellipsis');} /* 웹 제어 마침 */ /* 090724 MV차트 추가수정 */ #neo_wchart_top_nmj {float:left; width:710px; height:175px; background:url(http://img.gomtv.com/images/wchart/neo_wchart_top_bg_n.gif) no-repeat 0 0;} p.mjinfo {display:block;height:50px; margin-left:14px; margin-top:-3px;} *html p.mjinfo {margin-top:0px;margin-left:14px;} p.mjinfo2 {display:block;height:110px; margin-left:14px; margin-top:-3px;} *html p.mjinfo2 {margin-top:0px;height:50px;margin-left:14px;} /* 어플뮤직차트 확장용 제어 시작 */ #charinfo {position:relative; width:385px; margin-left:10px; #background-color:#505050; letter-spacing:-1px;} #charinfo img {vertical-align:top;} #charinfo p.ct_tit {font:bold 12px dotum,'돋움'; color:#9a9a9a; height:20px; padding-left:7px; line-height:20px; text-align:left; background:url(http://img.gomtv.com/app/images/am/mchart/wchart/gommv_app_bul_01.gif) no-repeat 0px 8px;} #ctinfo_01 {width:385px; margin:10px 0 10px 0;} #ctinfo_01 dt {height:22px; font:bold 12px dotum,'돋움'; color:#eeeeee; line-height:22px; text-align:left; margin-bottom:10px; letter-spacing:-1px;} #ctinfo_01 dt span img{vertical-align:middle; margin-left:10px;} #ctinfo_01 dd {text-align:left; font:normal 11px dotum,'돋움'; color:#9a9a9a; line-height:14px; letter-spacing:-1px;} #ct_divline {position:relative; width:385px; line-height:0px; border-top:1px solid #333; border-bottom:1px solid #888; margin:10px 0 5px 0;} *html #ct_divline {height:2px;} #chartinfo_sel {position:relative; margin-bottom:5px;} #app_sq_graph_l {float:left; position:relative; width:280px;} #app_sq_graph_l ul.gommv_exp_ob {clear:both; margin-top:3px;} #app_sq_graph_l li {display:inline; float:left; height:17px;} #app_sq_graph_l li.gommv_exp_tit {width:57px; text-align:left;} #app_sq_graph_l li.gommv_exp_bin {width:11px;} #app_sq_graph_l li.gommv_exp_bar1 {width:2px;background:url(http://img.gomtv.com/app/images/am/mchart/wchart/gommv_app_graphbg_left.gif) no-repeat 0 0;} #app_sq_graph_l li.gommv_exp_bar2 {width:200px;background-color:#333333;text-align:left;} #app_sq_graph_l li.gommv_exp_bar3 {width:2px;background:url(http://img.gomtv.com/app/images/am/mchart/wchart/gommv_app_graphbg_right.gif) no-repeat 0 0;} #app_sq_graph_l li span.gommv_exp_num {text-align:center;width:60px;position:absolute;margin:3px 0 0 50px;font:bold 12px dotum,'돋움';color:#fff; line-height:15px;} #app_sq_graph_r {float:right; position:relative; width:100px; height:97px; margin-top:7px; background:url(http://img.gomtv.com/app/images/am/mchart/wchart/gommv_app_graphbg_total.gif) no-repeat 0 0;} #app_sq_graph_r span.total {position:relative; margin-top:67px; width:90px; height:30px; line-height:30xp; text-align:center; font:bold 15px verdana; color:#ff8400;} #app_graph_flash {float:left;text-align:left;padding-left:40px;width:296px;height:140px;} p.mv_top10 {margin:5px 0 5px 0; height:16px; display:block; width:385px; margin-left:10px;} #gommv_app_pop {position:relative; width:190px; padding:7px; border:3px solid fc7b3a; background-color:#454545;} *html #gommv_app_pop {width:210px;} #gommv_app_ment_pop {width:190px; text-align:left; border-bottom:1px solid #565656;font:normal 11px dotum,'돋움';color:#9a9a9a; padding:0 0 5px 0px;letter-spacing:-1px;} p.gommv_app_ment_poptit {width:190px; font:bold 13px dotum,'돋움';color:#ff9900; letter-spacing:-1px; margin:10px 0 3px 0;text-align:center;} p.gommv_app_ment_poprank {width:190px; font:bold 12px dotum,'돋움';color:#eee; letter-spacing:-1px; margin:0px 0 3px 0;text-align:center;} #app_sq_popgraph {position:relative; width:180px; margin-left:3px;} #app_sq_popgraph ul.gommv_exp_ob {clear:both; margin-top:3px;} #app_sq_popgraph li {display:inline; float:left; height:17px;} #app_sq_popgraph li.gommv_exp_tit {width:57px; text-align:left;} #app_sq_popgraph li.gommv_exp_bin {width:11px;} #app_sq_popgraph li.gommv_exp_bar1 {width:2px;background:url(http://img.gomtv.com/app/images/am/mchart/wchart/gommv_app_graphbg_left.gif) no-repeat 0 0;} #app_sq_popgraph li.gommv_exp_bar2 {width:100px;background-color:#333333;text-align:left;} #app_sq_popgraph li.gommv_exp_bar3 {width:2px;background:url(http://img.gomtv.com/app/images/am/mchart/wchart/gommv_app_graphbg_right.gif) no-repeat 0 0;} #app_sq_popgraph li span.gommv_exp_num {text-align:center;width:60px;position:absolute;margin:2px 0 0 20px;font:bold 11px dotum,'돋움';color:#fff; line-height:15px; letter-spacing:-1px;} #gommv_app_popbtn {margin:10px 0 5px 0;text-align:center;} /* 어플뮤직차트 확장용 제어 끝 */ /* S:090924 뮤직공개 일정표 */ #app_mv_schedule {width:408px;height:73px; background:url(http://img.gomtv.com/app/images/am/mchart/app_mv_schedule_bg.gif) no-repeat 0 0;} #app_mv_schedule_select {position:relative; margin-left:20px; margin-top:48px;} #app_mv_schedule_select select {font:normal 12px dotum,'돋움';color:#898989; line-height:15px; letter-spacing:-1px;} #app_mv_schedule_select ul {display:inline; margin-right:24px;} #app_mv_schedule_select li {display:inline; height:15px; line-height:15px;} #app_mv_schedule_select li img {vertical-align:middle;} #app_mv_schedule_select li.month {font:bold 13px dotum,'돋움';color:#cdcdcd; padding:0 5px 0 5px;} /* E:090924 뮤직공개 일정표 */ /* S:090924 공개 일정표 추가 */ #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:20px; letter-spacing:-1px;} #mv_schedule_select ul {display:inline; margin-left:30px;} #mv_schedule_select li {display:inline; height:20px; line-height:15px;} #mv_schedule_select li img {vertical-align:middle;} #mv_schedule_select li.month {font:bold 13px dotum,'돋움';color:#565656; padding:0 5px 0 5px;} #allcho_play .noti {height:15px; line-height:15px; font:normal 11px dotum,'돋움';color:#aaaaaa;} #allcho_play .noti {height:15px; line-height:15px; font:normal 11px dotum,'돋움';color:#aaaaaa;} /* E:090924 공개 일정표 추가 */ /* S:090930 2009년 뮤직비디오 1위 리스트 */ #app_2009no1 {position:relative; width:408px; height:240px; background:url(http://img.gomtv.com/app/images/am/2009no1/app_2009no1_topbg.jpg) no-repeat 0 0;} #app_2009no1 span.more {float:right; margin-top:215px; margin-right:40px; width:60px; height:14px;} #app_2009no1_con {position:relative; clear:both; width:408px; background-color:#262626;} #app_2009no1_con dl.colora {width:408px; height:80px; padding:10px; border-top:1px solid #555; background-color:#343434;} #app_2009no1_con dl.colorb {width:408px; height:80px; padding:10px; border-top:1px solid #555; background-color:#434343;} #app_2009no1_con dt {float:left; width:100px; height:70px; margin-right:10px;} #app_2009no1_con dt img {border:2px solid #999;} #app_2009no1_con dt a img {border:2px solid #999;} #app_2009no1_con dt a:hover img {border:2px solid #fff;} #app_2009no1_con dt img.play {position:absolute; margin:56px 0 0 82px; border:0;} #app_2009no1_con dd.tit {float:left; width:270px; font:bold 12px dotum,'돋음';color:#ff76bb; line-height:20px;} #app_2009no1_con dd.tit a {font:bold 12px dotum,'돋음';color:#ff76bb; line-height:20px;} #app_2009no1_con dd.tit a:hover {font:bold 12px dotum,'돋음';color:#fff; line-height:20px; text-decoration:underline;} #app_2009no1_con dd.artist {float:left; width:270px; font:normal 12px dotum,'돋음';color:#aaa; line-height:15px;} #app_2009no1_con dd.artist a {font:normal 12px dotum,'돋음';color:#aaa; line-height:15px;} #app_2009no1_con dd.artist a:hover {font:normal 12px dotum,'돋음';color:#ddd; line-height:15px; text-decoration:underline;} #app_2009no1_con dd.text {float:left; width:270px; font:normal 11px dotum,'돋음';color:#858585; line-height:15px; margin-top:3px;} /* E:090930 2009년 뮤직비디오 1위 리스트 */ /* S:090930 웹 - 2009년 뮤직비디오 1위 리스트 */ #gommusic_no1_fr {float:left;width:712px;} #back_space {background:url(http://img.gomtv.com/images/music/chart_sp/web_1wii_event.jpg) no-repeat; width:712px; height:382px; position:relative; margin-bottom:40px;} #back_space img {position:absolute; bottom:20px; right:109px;} #wii_thum_box { padding:0 0 0 40px;} #thum_list {background:url(http://img.gomtv.com/images/music/chart_sp/bg_1wii_off.gif) no-repeat; width:296px; height:130px; padding:14px 0 0 14px; float:left; margin-bottom:4px; .margin-bottom:14px; margin-right:15px; .margin-right:0px;} #thum_list dl{width:310px; float:left; } #thum_list dt {float:left; width:140px;} #thum_list dd {float:left; width:170px;} #thum_list dd.wchart_1_tit a{font:bold 12px; color:#555555;} #thum_list dd.wchart_art {font:normal 11px; color:#555555; margin-top:3px;} #thum_list dd.wchart_num_m img{ vertical-align:-2px; margin-right:4px;} #thum_list dd.wchart_num_m {font:bold 11px; color:#555555; margin:3px 0;} #thum_list dd.wchart_info {font:normal 11px; color:#555555;} #thum_list dd.wchart_info img{ vertical-align:-2px; margin-right:4px;} #thum_list dt {position:relative;} #thum_list dt .btn_play {position:absolute;left:102px;top:70px;} span.info_next {padding-left:43px;} /* play 버튼 */ .btn_play{ cursor:pointer; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.gomtv.com/images/common/icon/play.png',sizingMethod='scale');} html>body .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 .btn_play{background:url(http://img.gomtv.com/images/common/blank.gif) transparent;}/* IE 7 적용하기 */ /* 불투명 배경 설정 */ .alpha60 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.gomtv.com/images/common/bg_alpha60.png',sizingMethod='scale');} html>body .alpha60 {background:url(http://img.gomtv.com/images/common/bg_alpha60.png) transparent;}/* Win IE 4~6, Mac IE 4, Netscape 4 배제하기 */ *:first-child+html .alpha60 {background:url(http://img.gomtv.com/images/common/blank.gif) transparent;}/* IE 7 적용하기 */ /* E:090930 웹 - 2009년 뮤직비디오 1위 리스트 */ /* S:091006 멀티 썸네일 관련 */ .mut_th_app{position:absolute; margin:2px 0 0 2px;} #mut_th_list_app {float:left; position:absolute; margin:3px 0 0 20px; z-index:10;} #mut_th_list_app li.muti_start_app_box {width:76px; background:url(http://img.gomtv.com/images/wchart/app_muti_up_left.gif) no-repeat; height:57px;} #mut_th_list_app li.muti_app_else {background:url(http://img.gomtv.com/images/wchart/app_muti_up_right.gif) no-repeat left top; height:57px; padding-right:2px;} #mut_th_list_app li.muti_app_last {background:url(http://img.gomtv.com/images/wchart/app_muti_up_right.gif) no-repeat right top; height:57px; padding-right:2px;} #mut_th_list_app li {float:left; display:inline;} #mut_th_list_app li.muti_app_else img {margin:4px 3px 0 0;} .muti_app-btn img {margin:0 0 0 8px;} #muti_pop_box {width:178px; position:absolute; z-index:10; margin:-13px 0 0 -2px;} #muti_pop_box li.ap_multi_top{background:url(http://img.gomtv.com/images/wchart/app_bg_muti_top.gif) no-repeat;height:30px;} #muti_pop_box li.ap_multi_mid{background:url(http://img.gomtv.com/images/wchart/app_bg_muti_bot.gif) repeat-y; text-align:left; padding:5px 0 0 15px; font-size:11px;} #muti_pop_box li.ap_multi_mid a:hover{font:bold 11px; color:#FFF;} #muti_pop_box li.ap_multi_bot{background:url(http://img.gomtv.com/images/wchart/app_bg_muti_bot.gif) no-repeat bottom;height:3px;} .mut_th_main {position:relative;} .mut_th {position:absolute; left:4px; top:5px;} #mut_th_list {float:left; position:absolute; margin:1px 0 0 138px; z-index:10;} #mut_th_list li.muti_start_box {width:90px; background:url(http://img.gomtv.com/images/wchart/muti_up_left.gif) no-repeat; height:64px;} #mut_th_list li.muti_else {background:url(http://img.gomtv.com/images/wchart/muti_up_right.gif) no-repeat left top; height:64px; padding-right:2px;} #mut_th_list li.muti_last {background:url(http://img.gomtv.com/images/wchart/muti_up_right.gif) no-repeat right top; height:64px; padding-right:2px;} #mut_th_list li {float:left; display:inline;} .muti_else img { margin:6px 5px 0 0;} /* E:091006 멀티 썸네일 관련 */ /* S:091012 dday_더보기 버튼추가 */ #newlist_top2 {width:408px;height:73px; background:url(http://img.gomtv.com/app/images/am/mchart/newlist/newlist_top_bg_n2.gif) no-repeat 0 0;} #nlchart_app_dday {position:absolute; height:15px; margin:47px 0 0 25px; line-height:15px; font:normal 12px dotum,'돋움';color:#eee; letter-spacing:-1px;} #nlchart_app_dday a {font:normal 12px dotum,'돋움';color:#eee; letter-spacing:-1px;} #nlchart_app_dday img {margin:-1px 5px 0 0;} #newlist_top2 p.mchart_gmc_ban {position:absolute; left:208px; top:5px;} #newlist_top2 span.dday_more {position:absolute; margin-left:345px; margin-top:47px;} /* E:091012 dday_더보기 버튼추가 */ /* S:091019 dday_더보기 버튼추가 */ #neo_mchart_tab1 {height:27px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_tab_bg.gif) no-repeat 0 0;} #neo_mchart_tab1 li {padding-top:6px;display:inline;float:left;width:70px;height:27px;text-align:center;} #neo_mchart_tab1 li.tab_on {padding-top:8px;border:1px solid black;border-bottom:none;width:90px;background:url(http://img.gomtv.com/app/images/am/mchart/neo/neo_mchart_tab_on.gif) no-repeat 0 0;} #neo_mchart_tab1 li.tab_on a {font:bold 11px dotum,'돋움';color:#fff;} #neo_mchart_tab1 li.tab_on a:hover {font:bold 11px dotum,'돋움';color:#F278AE;} #neo_mchart_tab1 li a {font:normal 11px dotum,'돋움';color:#8d8d8d;} #neo_mchart_tab1 li a:hover {font:normal 11px dotum,'돋움';color:#C27698;} /* E:091019 dday_더보기 버튼추가 */