/* ------------------------------------------------------------ website : http://www.onmam.com File Name : main.css css version : 1.1 Maker : digitalDigm_JK (amotion@d2.co.kr) Date : 2007 / December explanation : 메인 레이아웃 구조 정의 Modify Date: ------------------------------------------------------------ */ @charset "euc-kr"; /*언어타입지정*/ @import url(common.asp); /* 전체 공통 css import */ @import url(character.asp); /* 카테고리 css import */ @import url(table.asp); /* 공통 테이블 css import */ @import url(form.asp); /* 공통 폼 css import */ /* 공통 레이아웃 */ html, body {width:100%; min-height:100%; font-family:돋움,굴림,Verdana; font-size:12px; color:#444444; margin:0px; padding:0px;} #wrap {width:100%; min-height:100%; text-align:center;} #wrap #bodyWrap {position:relative; width:940px; text-align:left; margin:0px auto;} #wrap #bodyWrap #rightSlide {position:absolute; top:175px; left:944px; width:58px; height:225px;} #wrap #bodyWrap #header {width:940px; text-align:left;} #wrap #bodyWrap #header #topWrap {width:940px; height:55px;} #wrap #bodyWrap #header #topWrap #logo {float:left; height:55px; padding-top:13px; padding-left:22px;} #wrap #bodyWrap #header #topWrap #quick {float:right; height:55px; padding-top:7px;} #wrap #bodyWrap #header #menuWrap {width:940px; height:75px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap {position:relative; width:940px; height:42px; background:url('http://images.onmam.com/images/music/common/gnb/bg_gnb_menugroup_01.gif') no-repeat;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu {float:left; height:42px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul {margin-left:38px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li {display:inline; position:relative; font-size:0px; height:42px; background:url('http://images.onmam.com/images/music/common/gnb/bg_gnb_mainmenu_bar.gif') top right no-repeat;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li .icon {position:absolute; z-index:10;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.active {background:none; padding-top:8px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.repeat {padding-top:14px; padding-right:11px; padding-left:11px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.repeatLeft {background:none; padding-top:14px; padding-right:11px; padding-left:11px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.end {background:none; padding-top:14px; padding-left:11px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover img {border-width:0px; display:block;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover img.rollover {display:none;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover:hover {position:relative;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover:hover img {display:none;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover:hover img.rollover {display:block;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #search {float:right; height:42px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #search span {height:22px; padding-top:9px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #search span.end {padding-right:27px; padding-left:2px;} #wrap #bodyWrap #header #menuWrap #subMenu {width:940px; height:33px; background:url('http://images.onmam.com/images/music/common/gnb/bg_gnb_menugroup_02.gif') no-repeat;} #wrap #bodyWrap #header #menuWrap #subMenu ul {} #wrap #bodyWrap #header #menuWrap #subMenu ul li {display:inline; font-size:0px; height:33px;} #wrap #bodyWrap #header #menuWrap #subMenu ul li.active {} #wrap #bodyWrap #header #menuWrap #subMenu ul li.repeat {padding-top:5px; padding-right:1px;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover img {border-width:0px; display:block;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover img.rollover {display:none;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover:hover {position:relative;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover:hover img {display:none;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover:hover img.rollover {display:block;} #wrap #bodyWrap #visualWrap {width:940px; height:253px; text-align:left; padding-right:10px; padding-left:10px; overflow:hidden;} #wrap #bodyWrap #visualWrap #visualSection {width:920px; height:253px; text-align:left;} #wrap #bodyWrap #contentWrap {width:940px; text-align:left; padding-right:10px; padding-left:10px;} #wrap #bodyWrap #contentWrap #leftSection {float:left; width:186px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap #contentSection {float:left; width:514px; text-align:left; padding-right:8px; padding-left:8px; overflow:hidden;} #wrap #bodyWrap #contentWrap #contentSection #print {position:relative; width:498px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap #rightSection {float:left; width:220px; text-align:left; overflow:hidden;} #wrap #bodyWrap #footmapWrap {width:940px; height:179px; text-align:left; padding-right:10px; padding-left:10px; margin-top:20px; overflow:hidden;} #wrap #bodyWrap #footmapWrap #mapSection {width:920px; height:179px; text-align:left; background:url('http://images.onmam.com/images/music/common/main/bg_footmapwrap_01.gif') no-repeat;} #wrap #bodyWrap #footmapWrap #mapSection #maplistWrap {width:904px; height:179px; text-align:left; padding-top:8px;} #wrap #bodyWrap #footmapWrap #mapSection #maplistWrap table {margin-left:9px;} #wrap #bodyWrap #footmapWrap #mapSection #maplistWrap table tbody tr td {text-align:left; vertical-align:top;} #wrap #bodyWrap #footmapWrap #mapSection #maplistWrap table tbody tr td ul {} #wrap #bodyWrap #footmapWrap #mapSection #maplistWrap table tbody tr td ul li {} #wrap #bodyWrap #footmapWrap #mapSection #maplistWrap table tbody tr td ul li.title {height:20px; font-size:12px; color:#f0496b; letter-spacing:-1px; font-weight:bold; background:url('http://images.onmam.com/images/music/common/main/bg_treemenu_01.gif') top left no-repeat; padding-top:4px; padding-left:9px; margin-bottom:3px;} #wrap #bodyWrap #footmapWrap #mapSection #maplistWrap table tbody tr td ul li.text01 {height:20px; font-size:12px; color:#444444; letter-spacing:-1px; padding-top:2px; padding-left:9px;} #wrap #footer {position:relative; text-align:center; margin:0px auto;} /******************************************************************************************************************************/ /* 좌측영역 */ #leftSection #logoutState {width:186px; height:90px; background:url('http://images.onmam.com/images/music/common/main/left/bg_loginform_01.gif') top left no-repeat;} #leftSection #logoutState #formWrap {width:186px; padding-top:18px; padding-right:8px; padding-left:12px;} #leftSection #logoutState #formWrap #inputWrap {width:166px; height:48px;} #leftSection #logoutState #formWrap #inputWrap table tbody tr th {width:116px; height:22px; text-align:left; vertical-align:top;} #leftSection #logoutState #formWrap #inputWrap table tbody tr td {width:50px; height:22px; text-align:left; vertical-align:top;} #leftSection #logoutState #formWrap #inputWrap table tbody tr td.check img {margin-top:2px; margin-left:1px;} #leftSection #logoutState #formWrap #inputWrap table tbody tr td.btn img {margin-top:1px; margin-left:3px;} #leftSection #logoutState #formWrap #txtbtnWrap {width:166px; height:20px; font-size:11px; color:#444444; letter-spacing:-1px; padding-left:3px;} #leftSection #logoutState #formWrap #txtbtnWrap span {font-size:10px; color:#c2c2c2; padding-right:2px; padding-left:2px;} #leftSection #loginState {width:186px; height:90px; background:url('http://images.onmam.com/images/music/common/main/left/bg_loginform_01.gif') top left no-repeat;} #leftSection #loginState #formWrap {width:186px; padding-right:11px; padding-left:11px;} #leftSection #loginState #formWrap #userWrap {width:164px; height:38px; font-size:12px; color:#444444; letter-spacing:-1px; text-align:left; vertical-align:top; background:url('http://images.onmam.com/images/music/common/main/left/bg_logindot_01.gif') bottom left no-repeat; padding-top:18px; overflow:hidden;} #leftSection #loginState #formWrap #userWrap a:link {color:#444444; text-decoration:none;} #leftSection #loginState #formWrap #userWrap a:active {} #leftSection #loginState #formWrap #userWrap a:visited {color:#444444; text-decoration:none;} #leftSection #loginState #formWrap #userWrap a:hover {color:#ff6600; text-decoration:underline;} #leftSection #loginState #formWrap #infoWrap {width:164px; height:50px; padding-top:3px; overflow:hidden;} #leftSection #loginState #formWrap #infoWrap table {} #leftSection #loginState #formWrap #infoWrap table tbody tr th {font-size:11px; color:#444444; text-align:left; vertical-align:top; letter-spacing:-1px;} #leftSection #loginState #formWrap #infoWrap table tbody tr td {font-size:11px; color:#444444; text-align:left; vertical-align:top; letter-spacing:-1px; padding-top:1px;} #leftSection #loginState #formWrap #infoWrap table tbody tr td a:link {color:#444444; text-decoration:none;} #leftSection #loginState #formWrap #infoWrap table tbody tr td a:active {} #leftSection #loginState #formWrap #infoWrap table tbody tr td a:visited {color:#444444; text-decoration:none;} #leftSection #loginState #formWrap #infoWrap table tbody tr td a:hover {color:#ff6600; text-decoration:underline;} #leftSection #loginState #formWrap #infoWrap table tbody tr td span {color:#ff6600; letter-spacing:0px;} #leftSection #loginState #formWrap #infoWrap table tbody tr td span a:link {color:#ff6600; text-decoration:none;} #leftSection #loginState #formWrap #infoWrap table tbody tr td span a:active {} #leftSection #loginState #formWrap #infoWrap table tbody tr td span a:visited {color:#ff6600; text-decoration:none;} #leftSection #loginState #formWrap #infoWrap table tbody tr td span a:hover {color:#ff6600; text-decoration:underline;} #leftSection #bannerWrap {width:186px; height:106px; margin-top:6px;} #leftSection #themescoreWrap {width:186px; height:135px; background:url('http://images.onmam.com/images/music/common/main/left/bg_themescore_01.gif') top left no-repeat; margin-top:6px; padding-left:12px;} #leftSection #themescoreWrap #title {width:166px; height:25px; font-size:12px; color:#9b5f00; font-weight:bold; padding-top:29px; padding-bottom:11px;} #leftSection #themescoreWrap #txtList {width:166px; height:78px; overflow:hidden;} #leftSection #themescoreWrap #txtList ul {} #leftSection #themescoreWrap #txtList ul li {width:166px; height:15px; font-size:12px; color:#444444; text-align:left; vertical-align:top; background:url('http://images.onmam.com/images/music/common/main/ico/ico_dot_01.gif') 1px 4px no-repeat; padding-left:8px; text-overflow:ellipsis; overflow:hidden;} #leftSection #musicMail {width:186px; height:60px; margin-top:6px;} #leftSection #recommscoreWrap {width:186px; height:60px; background:url('http://images.onmam.com/images/music/common/main/left/bg_recommscore_01.gif') top left no-repeat; margin-top:6px; padding-top:36px; padding-left:22px;} #leftSection #recommscoreWrap #recommScore {width:148px; height:20px; font-size:12px; color:#444444; text-align:left; vertical-align:top; text-overflow:ellipsis; overflow:hidden;} #leftSection #musicSpace {width:186px; height:270px; background:url('http://images.onmam.com/images/music/common/main/left/bg_musicspace_01.gif') top left no-repeat; margin-top:6px; padding-top:47px; padding-left:64px;} #leftSection #musicSpace #data {width:110px; height:59px;} #leftSection #musicSpace #data ul {} #leftSection #musicSpace #data ul li {width:110px; font-size:11px; color:#444444; text-align:left; vertical-align:top; text-overflow:ellipsis; overflow:hidden;} #leftSection #musicSpace #qna {width:110px; height:59px;} #leftSection #musicSpace #qna ul {} #leftSection #musicSpace #qna ul li {width:110px; font-size:11px; color:#444444; text-align:left; vertical-align:top; text-overflow:ellipsis; overflow:hidden;} #leftSection #musicSpace #job {width:110px; height:58px;} #leftSection #musicSpace #job ul {} #leftSection #musicSpace #job ul li {width:110px; font-size:11px; color:#444444; text-align:left; vertical-align:top; text-overflow:ellipsis; overflow:hidden;} #leftSection #musicSpace #performance {width:110px; height:40px;} #leftSection #musicSpace #performance ul {} #leftSection #musicSpace #performance ul li {width:110px; font-size:11px; color:#444444; text-align:left; vertical-align:top; text-overflow:ellipsis; overflow:hidden;} #leftSection #eventWrap {width:186px; margin-top:12px;} #leftSection #eventWrap #headWrap {width:186px; height:18px; border-bottom:1px solid #dddddd;} #leftSection #eventWrap #headWrap #menuTitle {float:left; height:18px; padding-top:2px; padding-left:5px;} #leftSection #eventWrap #headWrap #btn {float:right; height:18px; padding-top:2px; padding-right:6px;} #leftSection #eventWrap #thumb {width:186px; height:54px; margin-top:8px;} #leftSection #eventWrap table {margin-top:8px; table-layout:fixed;} #leftSection #eventWrap table tbody tr th {width:166px; font-size:12px; color:#444444; letter-spacing:-1px; text-align:left; vertical-align:top; padding-top:2px; padding-left:7px; text-overflow:ellipsis; overflow:hidden;} #leftSection #eventWrap table tbody tr th.dotList {background:url('http://images.onmam.com/images/music/common/main/ico/ico_dot_01.gif') 0px 7px no-repeat;} /* 가운데영역 */ #print #popularMusic {width:498px; height:176px; background:url('http://images.onmam.com/images/music/common/main/center/bg_popularmusic_01.gif') top left no-repeat; overflow:hidden;} #print #popularMusic #header {width:498px; height:31px; text-align:left; vertical-align:top;} #print #popularMusic #header #tabMenu {float:right; height:31px; padding-top:10px; padding-right:15px;} #print #popularMusic .tableList01 {float:left; width:259px; text-align:left; vertical-align:top; padding-top:9px; padding-left:20px; overflow:hidden;} #print #popularMusic .tableList01 table {vertical-align:top; table-layout:fixed;} #print #popularMusic .tableList01 table tbody tr td {vertical-align:top; padding-bottom:6px;} #print #popularMusic .tableList01 table tbody tr td.num01 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0101.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num02 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0102.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num03 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0103.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num04 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0104.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num05 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0105.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num06 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0106.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num07 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0107.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num08 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0108.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num09 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0109.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.num10 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0110.gif') 0px 4px no-repeat;} #print #popularMusic .tableList01 table tbody tr td.txt {text-align:left; font-size:12px; color:#444444; padding-top:4px; text-overflow:ellipsis; overflow:hidden;} #print #popularMusic .tableList01 table tbody tr td.txt span {color:#999999;} #print #popularMusic .tableList01 table tbody tr td.btn {text-align:right; padding-top:1px;} #print #popularMusic .tableList01 table tbody tr td.btn a.rollover img {border-width:0px; display:block;} #print #popularMusic .tableList01 table tbody tr td.btn a.rollover img.rollover {display:none;} #print #popularMusic .tableList01 table tbody tr td.btn a.rollover:hover {position:relative;} #print #popularMusic .tableList01 table tbody tr td.btn a.rollover:hover img {display:none;} #print #popularMusic .tableList01 table tbody tr td.btn a.rollover:hover img.rollover {display:block;} #print #popularMusic .tableList02 {float:left; width:218px; text-align:left; vertical-align:top; padding-top:9px; overflow:hidden;} #print #popularMusic .tableList02 table {vertical-align:top; table-layout:fixed;} #print #popularMusic .tableList02 table tbody tr td {vertical-align:top; padding-bottom:6px;} #print #popularMusic .tableList02 table tbody tr td.num01 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0101.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num02 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0102.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num03 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0103.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num04 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0104.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num05 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0105.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num06 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0106.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num07 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0107.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num08 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0108.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num09 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0109.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.num10 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_0110.gif') 0px 4px no-repeat;} #print #popularMusic .tableList02 table tbody tr td.txt {text-align:left; font-size:12px; color:#444444; padding-top:4px; text-overflow:ellipsis; overflow:hidden;} #print #popularMusic .tableList02 table tbody tr td.txt span {color:#999999;} #print #popularMusic .tableList02 table tbody tr td.btn {text-align:right; padding-top:1px;} #print #popularMusic .tableList02 table tbody tr td.btn a.rollover img {border-width:0px; display:block;} #print #popularMusic .tableList02 table tbody tr td.btn a.rollover img.rollover {display:none;} #print #popularMusic .tableList02 table tbody tr td.btn a.rollover:hover {position:relative;} #print #popularMusic .tableList02 table tbody tr td.btn a.rollover:hover img {display:none;} #print #popularMusic .tableList02 table tbody tr td.btn a.rollover:hover img.rollover {display:block;} #print #contentList01 {width:498px; height:257px; margin-top:6px; overflow:hidden;} #print #contentList01 #header {width:498px; height:153px; text-align:left; vertical-align:top;} #print #contentList01 #stitle {width:498px; height:28px; text-align:left; vertical-align:top; padding-top:10px; padding-left:15px;} #print #contentList01 #thumbList {width:498px; height:76px;} #print #contentList01 #thumbList .thumbObject01 {float:left; width:268px; height:74px; padding-left:15px; overflow:hidden;} #print #contentList01 #thumbList .thumbObject01 table tbody th {width:104px; height:74px; text-align:left; vertical-align:top;} #print #contentList01 #thumbList .thumbObject01 table tbody td {width:116px; height:74px; text-align:left; vertical-align:top;} #print #contentList01 #thumbList .thumbObject01 table tbody td ul {} #print #contentList01 #thumbList .thumbObject01 table tbody td ul li.title {font-size:12px; color:#444444; font-weight:bold; line-height:16px;} #print #contentList01 #thumbList .thumbObject01 table tbody td ul li.name {font-size:12px; color:#ff6600; line-height:16px;} #print #contentList01 #thumbList .thumbObject01 table tbody td ul li.text {font-size:12px; color:#444444; line-height:16px;} #print #contentList01 #thumbList .thumbObject02 {float:left; width:220px; height:74px; overflow:hidden;} #print #contentList01 #thumbList .thumbObject02 table tbody th {width:104px; height:74px; text-align:left; vertical-align:top;} #print #contentList01 #thumbList .thumbObject02 table tbody td {width:116px; height:74px; text-align:left; vertical-align:top;} #print #contentList01 #thumbList .thumbObject02 table tbody td ul {} #print #contentList01 #thumbList .thumbObject02 table tbody td ul li.title {font-size:12px; color:#444444; font-weight:bold; line-height:16px;} #print #contentList01 #thumbList .thumbObject02 table tbody td ul li.name {font-size:12px; color:#ff6600; line-height:16px;} #print #contentList01 #thumbList .thumbObject02 table tbody td ul li.text {font-size:12px; color:#444444; line-height:16px;} #print #contentList02 {width:498px; height:157px; background:url('http://images.onmam.com/images/music/common/main/center/bg_contentlist_02.gif') top left no-repeat; margin-top:6px; overflow:hidden;} #print #contentList02 #thumbList .thumbObject01 {float:left; width:268px; height:104px; padding-left:15px; overflow-X:hidden;} #print #contentList02 #thumbList .thumbObject01 .headWrap {width:220px; height:30px;} #print #contentList02 #thumbList .thumbObject01 .headWrap .menuTitle {float:left; height:30px; padding-top:11px;} #print #contentList02 #thumbList .thumbObject01 .headWrap .btn {float:right; height:30px; padding-top:15px;} #print #contentList02 #thumbList .thumbObject01 table tbody th {width:104px; height:74px; text-align:left; vertical-align:top;} #print #contentList02 #thumbList .thumbObject01 table tbody td {width:116px; height:74px; text-align:left; vertical-align:top;} #print #contentList02 #thumbList .thumbObject01 table tbody td ul {} #print #contentList02 #thumbList .thumbObject01 table tbody td ul li.text {font-size:12px; color:#444444; line-height:15px;} #print #contentList02 #thumbList .thumbObject01 table tfoot td ul {} #print #contentList02 #thumbList .thumbObject01 table tfoot td ul li.dotlist01 {font-size:12px; color:#444444; background:url('http://images.onmam.com/images/music/common/main/ico/ico_dot_01.gif') 2px 8px no-repeat; padding-left:8px;} #print #contentList02 #thumbList .thumbObject01 table tfoot td ul li.style01 {font-size:11px; color:#444444;} #print #contentList02 #thumbList .thumbObject01 table tfoot td ul li.style01 span {color:#ff6600;} #print #contentList02 #thumbList .thumbObject01 table tfoot td ul li.style02 {font-size:12px; color:#888888;} #print #contentList02 #thumbList .thumbObject02 {float:left; width:220px; height:104px; overflow-X:hidden;} #print #contentList02 #thumbList .thumbObject02 .headWrap {width:220px; height:30px;} #print #contentList02 #thumbList .thumbObject02 .headWrap .menuTitle {float:left; height:30px; padding-top:11px;} #print #contentList02 #thumbList .thumbObject02 .headWrap .btn {float:right; height:30px; padding-top:15px;} #print #contentList02 #thumbList .thumbObject02 table tbody th {width:104px; height:74px; text-align:left; vertical-align:top;} #print #contentList02 #thumbList .thumbObject02 table tbody td {width:116px; height:74px; text-align:left; vertical-align:top;} #print #contentList02 #thumbList .thumbObject02 table tbody td ul {} #print #contentList02 #thumbList .thumbObject02 table tbody td ul li.text {font-size:12px; color:#444444; line-height:15px;} #print #contentList02 #thumbList .thumbObject02 table tfoot td ul {} #print #contentList02 #thumbList .thumbObject02 table tfoot td ul li.dotlist01 {font-size:12px; color:#444444; background:url('http://images.onmam.com/images/music/common/main/ico/ico_dot_01.gif') 2px 8px no-repeat; padding-left:8px;} #print #contentList02 #thumbList .thumbObject02 table tfoot td ul li.style01 {font-size:11px; color:#444444;} #print #contentList02 #thumbList .thumbObject02 table tfoot td ul li.style01 span {color:#ff6600;} #print #contentList02 #thumbList .thumbObject02 table tfoot td ul li.style02 {font-size:12px; color:#888888;} #print #musicFocus {position:relative; width:498px; height:161px; background:url('http://images.onmam.com/images/music/common/main/center/bg_musicfocus_01.gif') top left no-repeat; margin-top:6px; padding-top:18px; padding-left:210px; overflow:hidden;} #print #musicFocus #absbtn {position:absolute; top:131px; left:24px; width:152px; height:20px;} #print #musicFocus #imgTitle {width:250px; height:21px;} #print #musicFocus #txtList {width:250px; height:115px;} #print #musicFocus #txtList ul {} #print #musicFocus #txtList ul li {width:250px; text-align:left; vertical-align:top; text-overflow:ellipsis; overflow:hidden;} #print #musicFocus #txtList ul li.title {font-size:12px; color:#ef577d; font-weight:bold; background:url('http://images.onmam.com/images/music/common/main/ico/ico_dot_02.gif') 0px 4px no-repeat; padding-left:7px;} #print #musicFocus #txtList ul li.text {font-size:11px; color:#444444; padding-left:7px; padding-top:3px; padding-bottom:6px;} #print #contentList03 {width:498px; height:118px; background:url('http://images.onmam.com/images/music/common/main/center/bg_contentlist_03.gif') top left no-repeat; margin-top:6px; overflow:hidden;} #print #contentList03 #thumbList .thumbObject {float:left; width:230px; height:74px;} #print #contentList03 #thumbList .thumbObject .headWrap {width:230px; height:29px; border-bottom:1px solid #eeeeee;} #print #contentList03 #thumbList .thumbObject .headWrap .menuTitle {float:left; height:29px; padding-top:10px;} #print #contentList03 #thumbList .thumbObject .headWrap .btn {float:right; height:29px; padding-top:14px;} #print #contentList03 #thumbList .thumbObject table {margin-top:9px;} #print #contentList03 #thumbList .thumbObject table tbody th {width:104px; height:74px; text-align:left; vertical-align:top;} #print #contentList03 #thumbList .thumbObject table tbody td {width:126px; height:74px; text-align:left; vertical-align:top;} #print #contentList03 #thumbList .thumbObject table tbody td ul {} #print #contentList03 #thumbList .thumbObject table tbody td ul li.title {font-size:12px; color:#ef577d; font-weight:bold;} #print #contentList03 #thumbList .thumbObject table tbody td ul li.text {font-size:12px; color:#444444; line-height:15px;} #print #contentList04 {width:498px; height:118px; background:url('http://images.onmam.com/images/music/common/main/center/bg_mucc.gif') top left no-repeat; margin-top:6px; overflow:hidden;} #print #contentList04 #thumbList .thumbObject {float:left; width:230px; height:74px;} #print #contentList04 #thumbList .thumbObject .headWrap {width:230px; height:29px; } #print #contentList04 #thumbList .thumbObject .headWrap .menuTitle {float:left; height:29px; padding-top:10px;} #print #contentList04 #thumbList .thumbObject .headWrap .btn {float:right; height:29px; padding-top:14px;} #print #contentList04 #thumbList .thumbObject table {margin-top:9px;} #print #contentList04 #thumbList .thumbObject table tbody th {width:104px; height:74px; text-align:left; vertical-align:top;} #print #contentList04 #thumbList .thumbObject table tbody td {width:126px; height:74px; text-align:left; vertical-align:top;} #print #contentList04 #thumbList .thumbObject table tbody td ul {} #print #contentList04 #thumbList .thumbObject table tbody td ul li.title {font-size:12px; color:#ef577d; font-weight:bold;} #print #contentList04 #thumbList .thumbObject table tbody td ul li.text {font-size:12px; color:#444444; line-height:15px;} /* 우측영역 */ #rightSection #hitlistWrap {width:220px; height:242px; margin-top:6px; background:url('http://images.onmam.com/images/music/common/main/right/bg_popularlist_01.gif') top left no-repeat; padding-right:14px; padding-left:14px; overflow:hidden;} #rightSection #hitlistWrap #header {width:192px; height:33px; text-align:left; vertical-align:top;} #rightSection #hitlistWrap #header #title {float:left; height:33px; padding-top:10px;} #rightSection #hitlistWrap #header #tabbtn {float:right; height:33px; padding-top:11px;} #rightSection #hitlistWrap #tableList {width:192px; height:200px; text-align:left; vertical-align:top; padding-top:6px; overflow:hidden;} #rightSection #hitlistWrap #tableList table {vertical-align:top; table-layout:fixed;} #rightSection #hitlistWrap #tableList table tbody tr td {vertical-align:top;} #rightSection #hitlistWrap #tableList table tbody tr td.num01 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_01.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num02 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_02.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num03 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_03.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num04 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_04.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num05 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_05.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num06 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_06.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num07 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_07.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num08 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_08.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num09 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_09.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.num10 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_10.gif') 0px 4px no-repeat;} #rightSection #hitlistWrap #tableList table tbody tr td.txt {text-align:left; font-size:12px; color:#444444; padding-top:4px; text-overflow:ellipsis; overflow:hidden;} #rightSection #hitlistWrap #tableList table tbody tr td.txt span {color:#999999;} #rightSection #hitlistWrap #tableList table tbody tr td.btn {text-align:right; padding-top:1px;} #rightSection #hitlistWrap #tableList table tbody tr td.btn a.rollover img {border-width:0px; display:block;} #rightSection #hitlistWrap #tableList table tbody tr td.btn a.rollover img.rollover {display:none;} #rightSection #hitlistWrap #tableList table tbody tr td.btn a.rollover:hover {position:relative;} #rightSection #hitlistWrap #tableList table tbody tr td.btn a.rollover:hover img {display:none;} #rightSection #hitlistWrap #tableList table tbody tr td.btn a.rollover:hover img.rollover {display:block;} #rightSection #themeAlbum {width:220px; margin-top:14px;} #rightSection #themeAlbum #headWrap {width:220px; height:18px;} #rightSection #themeAlbum #headWrap #menuTitle {float:left; height:18px; padding-top:2px; padding-left:5px;} #rightSection #themeAlbum #headWrap #btn {float:right; height:18px; padding-top:2px; padding-right:6px;} #rightSection #themeAlbum #movieWrap {width:220px; height:216px; background:url('http://images.onmam.com/images/music/common/main/right/bg_themealbum_01.gif') top left no-repeat; padding-top:58px; padding-left:9px; overflow:hidden;} #rightSection #themeAlbum #movieWrap #flashPlayer {width:203px; height:150px; overflow:hidden;} #rightSection #bannerWrap {width:220px; height:118px; margin-top:6px;} #rightSection #flashmenuWrap {width:220px; height:106px; background:url('http://images.onmam.com/images/music/common/main/right/bg_hotdownload_01.gif') top left no-repeat; margin-top:6px;} #rightSection #hotdownWrap {width:220px; height:161px; background:url('http://images.onmam.com/images/music/common/main/right/bg_hotdownload_01.gif') top left no-repeat; padding-right:13px; padding-left:13px; overflow:hidden;} #rightSection #hotdownWrap #headWrap {width:194px; height:29px; border-bottom:1px solid #dddddd;} #rightSection #hotdownWrap #headWrap #menuTitle {float:left; height:29px; padding-top:10px;} #rightSection #hotdownWrap #headWrap #btn {float:right; height:29px; padding-top:15px;} #rightSection #hotdownWrap #txtList {width:194px; height:107px; padding-top:10px;} #rightSection #hotdownWrap #txtList table {} #rightSection #hotdownWrap #txtList table tbody tr td {vertical-align:top;} #rightSection #hotdownWrap #txtList table tbody tr td.num01 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_01.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num02 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_02.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num03 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_03.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num04 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_04.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num05 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_05.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num06 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_06.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num07 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_07.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num08 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_08.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num09 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_09.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.num10 {text-align:left; background:url('http://images.onmam.com/images/music/common/main/ico/ico_number_10.gif') 0px 4px no-repeat;} #rightSection #hotdownWrap #txtList table tbody tr td.txt {text-align:left; font-size:12px; color:#444444; padding-top:4px; text-overflow:ellipsis; overflow:hidden;} #rightSection #hotdownWrap #txtList table tbody tr td.txt span {color:#999999;} #rightSection #hotdownWrap #txtList table tbody tr td.btn {text-align:right; padding-top:1px;} #rightSection #hotdownWrap #foottxtbtnWrap {width:194px; height:107px; font-size:11px; color:#444444; text-align:right;} #rightSection #hotdownWrap #foottxtbtnWrap span {color:#d5d5d5;} /* 하단영역 */ #footer.headline {border-top:1px solid #bebebe;} #footer #selectWrap {position:absolute; top:15px; left:0px;} #footer #selectWrap #selectbar {float:right;} #footer #sidemenuWrap {padding-top:18px;} #footer #sidemenuWrap ul {} #footer #sidemenuWrap ul li {display:inline; font-size:12px; color:#444444; letter-spacing:-1px; text-align:left; vertical-align:top; background:url('http://images.onmam.com/images/music/common/footer/bg_copybar_01.gif') top right no-repeat; padding-top:6px; padding-right:4px; padding-left:4px;} #footer #sidemenuWrap ul li.none {background:none;} #footer #sidemenuWrap ul li a:link {color:#444444; text-decoration:none;} #footer #sidemenuWrap ul li a:active {} #footer #sidemenuWrap ul li a:visited {color:#444444; text-decoration:none;} #footer #sidemenuWrap ul li a:hover {color:#ff6600; text-decoration:underline;} #footer #copyright {padding-top:8px;} #footer #copyright span.img img {margin-top:-3px;} #footer #copyright span.text {font-family:Verdana; font-size:9px; color:#444444; text-align:left; vertical-align:top; padding-top:2px; padding-left:9px;} #footer #copyright span.text span {color:#f58b02; font-weight:bold;}