@import url(/stylesheets/common.css);


#topWrapContainer, #footerWrapContainer { width: 100%; margin: 0 auto; clear:both; text-align:center; }
#topWrapContainer { background: url("/images/top/top_bg.gif") repeat-x 0 0;}
#footerWrapContainer { padding-top: 15px; border: 1px solid #DFDFDF; padding-bottom: 10px;}
#topWrap { width: 970px; margin:0 auto; text-align: left;}
#footerWrap { width: 887px; margin:0 auto; text-align: left;}
#bodyWrap {width:890px;margin:0 auto;text-align:left;}
#bodyWrap { }	
	#contentWrap {float:left;width:700px;padding-bottom:40px; overflow:hidden;}
	#contentArea {width:695px;}
	#rightWrap {float:right;width:185px;padding:0 0 40px 0;}
	
.clb { clear:both; }
h2 {position:relative;}
h2 a {position:absolute;text-indent:-2000px;}

/* Top Logo Area */
#CCMixter__logoArea { width: 970px; height: 211px; vertical-align: top;}
#CCMixter__loginArea { top: 18px; left: 830px; width:100px; height: 17px; position: relative; z-index: 2;}
#CCMixter__loginAreaTab a { float: left; display: block; text-indent: -9999px; font-size: 0px; }
#CCMixter__loginAreaTab li.CCMixter__li1 a { width: 29px; height: 17px; background: url("/images/top/m_t_login.gif") no-repeat left top; }
#CCMixter__loginAreaTab li.CCMixter__li2 a { margin:0px; float: left; width: 35px; height: 17px; background: url("/images/top/m_t_register.gif") no-repeat left top; }
#CCMixter__loginBar { position: absolute; left: 35px; top: 0px; width: 35px; height: 17px; background: url("/images/top/m_t_bar01.gif") no-repeat left top; }
#CCMixter__bg { float: center; top: 0px; margin:auto; width: 970px; height: 211px; background: url("/images/top/m_t_bg.gif") no-repeat 0px 0px; }

#CCMixter__homeArea { top: 0px; left: 10px; width:200px; height: 50px; position: relative; z-index: 2; cursor:pointer;cursor:hand;}
#CCMixter__homeArea_big {height:80px; left:330px; position:relative; top:30px; width:330px; z-index:5; cursor:pointer;cursor:hand;} 

/* Main Menu */
#CCMixter__menuArea { margin: auto; clear:both; width:887px; height:55px; position: relative; overflow: hidden; }
#CCMixter__menuArea #main_tab .bg_left { width: 21px; height: 33px; background: url("/images/menu/main_left.gif") no-repeat; float:left;}
#CCMixter__menuArea #main_tab .bg_center { width: 845px; height: 33px; background: url("/images/menu/main_bg.gif"); float: left; overflow:hidden;}
#CCMixter__menuArea #main_tab .bg_right { width: 21px; height: 33px; background: url("/images/menu/main_right.gif") no-repeat; float:left;}

#CCMixter__menuArea #main_tab div.main_menu {float: left; height: 30px;}
#CCMixter__menuArea div.main_menu { position: absolute; top:0px; }
#CCMixter__menuArea #m1 { left:140px; width: 98px; }
#CCMixter__menuArea #m2 { left:300px; width: 52px; }
#CCMixter__menuArea #m3 { left:400px; width: 61px; }
#CCMixter__menuArea #m4 { left:520px; width: 72px; }
#CCMixter__menuArea #m5 { left:650px; width: 60px; }

/* Sub Menu */
#CCMixter__menuArea div.sub_tab { position: absolute; top: 30px; height: 25px; z-index:10; }
#CCMixter__menuArea .sub_tab .bg_left { width: 8px; height: 25px; background: url("/images/menu/sub_left.gif") no-repeat; float:left;}
#CCMixter__menuArea .sub_tab .bg_center { width: 300px; height: 25px; background: url("/images/menu/sub_bg.gif"); float: left;}
#CCMixter__menuArea .sub_tab .bg_right { width: 8px; height: 25px; background: url("/images/menu/sub_right.gif") no-repeat; float:left;}
#CCMixter__menuArea .sub_tab .sub_menu { float: left; height: 25px; margin-left: 10px; margin-right: 10px;}

#CCMixter__menuArea #sub_tab1 { left: 50px; }
#CCMixter__menuArea #sub_tab1 .bg_center { width: 280px; }
#CCMixter__menuArea #sub_tab2 { left: 214px; }
#CCMixter__menuArea #sub_tab2 .bg_center { width: 200px; }
#CCMixter__menuArea #sub_tab3 { left: 320px; }
#CCMixter__menuArea #sub_tab3 .bg_center { width: 200px; }
#CCMixter__menuArea #sub_tab4 { left: 450px; }
#CCMixter__menuArea #sub_tab4 .bg_center { width: 200px; }
#CCMixter__menuArea #sub_tab5 { left: 450px; }
#CCMixter__menuArea #sub_tab5 .bg_center { width: 350px; }
#CCMixter__menuArea div.sub_menu { position: absolute; top:0px; }
#CCMixter__menuArea #m1_1 { left:10px; }
#CCMixter__menuArea #m1_2 { left:110px; }
#CCMixter__menuArea #m1_3 { left:210px; }
#CCMixter__menuArea #m2_1 { left:10px; }
#CCMixter__menuArea #m2_2 { left:80px; }
#CCMixter__menuArea #m2_3 { left:140px; }
#CCMixter__menuArea #m3_1 { left:10px; }
#CCMixter__menuArea #m3_2 { left:80px; }
#CCMixter__menuArea #m3_3 { left:140px; }
#CCMixter__menuArea #m4_1 { left:10px; }
#CCMixter__menuArea #m4_2 { left:80px; }
#CCMixter__menuArea #m4_3 { left:160px; }
#CCMixter__menuArea #m5_1 { left:10px; }
#CCMixter__menuArea #m5_2 { left:80px; }
#CCMixter__menuArea #m5_3 { left:150px; }
#CCMixter__menuArea #m5_4 { left:225px; }
#CCMixter__menuArea #m5_5 { left:290px; }

#CCMixter__menuArea #sub_sel { position: absolute; top: 39px; width: 4px; height: 4px; z-index:20; }


/* Top Main 화면 중앙... */
/*#top_main_left { float: left; width:200px; overflow: hidden;}*/
#top_main_left { float: left; width:200px; overflow: hidden;}
#top_main_left .news { width: 195px; }
#top_main_left .news .title { height: 22px; }
#top_main_left .news .title img { float:left; }
#top_main_left .news ul {clear:both;}
#top_main_left .news li { background:url(/images/top_main/li_dot.gif) no-repeat 0px 2px; height: 20px; }
#top_main_left .news li span { margin-left: 12px; }

#top_main_left .artist_num { width: 195px; margin-top: 10px;}
#top_main_left .artist_num ul { margin-top: 5px; width: 195px; padding: 0px; border-top:1px solid #EAEAEC; border-left:1px solid #EAEAEC; border-right:1px solid #EAEAEC;}
#top_main_left .artist_num ul li { clear:both; height: 24px; border-bottom:1px solid #EAEAEC; padding: 1px;}
#top_main_left .artist_num ul li.odd { background-color: #F0EFF4;}
#top_main_left .artist_num ul li.even { background-color: #FAFAFC;}
#top_main_left .artist_num ul li img.num { margin: 5px 8px 0px 5px;float:left;}
#top_main_left .artist_num ul li img.play { margin: 5px 5px 0px 5px;float:right;}
#top_main_left .artist_num ul li span { height: 20px; float:left; padding-top:5px; font:normal 11px Arial, Dotum,'돋움'; }

#top_main_left .logo { width: 195px; margin-top: 20px;}
#top_main_left .logo img { margin-bottom: 5px;}
#top_main_left .cclink { width: 195px; border: 1px solid #D0D0D0; color: #8E8E8E; margin-top:10px;}

/*#top_main_right { padding-left: 5px; float: left; width:495px; overflow:hidden; }*/
#top_main_right { width:490px; overflow:hidden; padding: 0 0 0 0px;}
#top_main_right div.mainlogo {width: 490px; }
#top_main_right div.mainlogo img { width: 488px; border: 1px solid #A2A2A2; }

#top_main_right div.download { width: 240px; margin-top: 10px;}
#top_main_right div.download .title { margin-top: 5px; width:240px; background:url(/images/top_main/center_box_title_bg.gif) repeat-x 0px 0px;}
#top_main_right div.download .title_span { float:left; }
#top_main_right div.download .text_more { margin-top: 6px; }
#top_main_right div.download .title img { margin-right: 5px;}
#top_main_right div.download .top { width:240px; height:1px; background:url(/images/top_main/center_box_top.gif) no-repeat 0px 0px;}
#top_main_right div.download .bottom { width:240px; height:3px; background:url(/images/top_main/center_box_bottom.gif) no-repeat 0px 0px;}
#top_main_right div.download .main { width:240px; background:url(/images/top_main/center_box_bg.gif) repeat-y 0px 0px;}
#top_main_right div.download .main_inner { padding: 10px; width:220px; }
#top_main_right div.download ul {clear:both;}
#top_main_right div.download li { clear:both; background:url(/images/top_main/li_dot.gif) no-repeat 0px 2px; height: 20px; }
#top_main_right div.download li span.song { float:left; margin-left: 10px; }
#top_main_right div.download li span.btn { float:right; margin-right: 14px; margin-top: 1px;}
#top_main_right div.download li span.btn img { margin-right: 5px; }


#top_main_right #t_sample_down { float:left; }
#top_main_right #t_remix_down { float:left; margin-left: 9px;}


#top_main_right div.ccmixter_artist { clear:both; width: 489px; margin-top: 20px;}
#top_main_right div.ccmixter_artist .top { margin-top: 5px; width:489px; height:4px; background:url(/images/top_main/center_box2_top.gif) no-repeat 0px 0px;}
#top_main_right div.ccmixter_artist .bottom { width:489px; height:4px; background:url(/images/top_main/center_box2_bottom.gif) no-repeat 0px 0px;}
#top_main_right div.ccmixter_artist .main { width:489px; height:90px; background:url(/images/top_main/center_box2_bg.gif) 0px 0px; padding: 10px 0px 10px 0px;}
#top_main_right div.ccmixter_artist ul { clear:both; text-align:center; margin: 0 0 0 38px;}
#top_main_right div.ccmixter_artist li { float:left; width: 72px; height: 72px; margin: 0 38px 0 0; }
#top_main_right div.ccmixter_artist li span { width: 72px; margin:auto; }
#top_main_right div.ccmixter_artist li div.upload_avatar { cursor:pointer; width: 72px; height:72px; margin:auto; border:1px solid #E5E5E5; }




/* Footer */
/*#footerWrap { float:left; }*/
#footerWrap div { float:left;}
#footerWrap div.img { width: 100px; margin-top: 10px;}
#footerWrap div.text { padding: 0px 50px 0px 30px; width: 487px; text-align:left; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4;}
#footerWrap a, #footerWrap a:hover, #footerWrap a:active, #footerWrap a:link, #footerWrap a:hover { color:#595A4A; padding: 0 5px 0;}
#footerWrap div.text p.svc_link { font:normal 12px dotum,'돋움',sans-serif; color:#C3C3C3; }
#footerWrap div.text .svc_intro { margin-top: 10px; font:normal 11px dotum,'돋움',sans-serif; color:#9d9d9d; letter-spacing:-0.1em;}
#footerWrap div.logo { width: 200px; margin-top: -20px; text-align: left;}
#footerWrap div.logo p { font:bold 11px dotum,'돋움',sans-serif; color:#9d9d9d; margin: 15px 7px 10px; }


/* MORE 더보기 TEXT */
span.text_more { float:right; font:normal 11px Arial; color:  #8E8E8E; Dotum,'돋움'; margin-top: 3px;}