@charset "utf-8";
/* CSS Document */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 레이아웃 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#index_left { margin-top:0; position:absolute; width:50%; height:430px; left:-502px;  background: url(../images/main/index_left_bg.jpg) no-repeat right 0px; }
#index_right { margin-top:0; position:absolute; width:50%; height:430px; background: url(../images/main/index_right_bg.jpg) no-repeat 502px top; right:0px; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* header */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#index_header { position:relative; margin:0 auto; padding:0; width:1004px; height:128px; background:url(../images/main/index_header_Bg.jpg) no-repeat; z-index:2; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* contetns */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#main_all_contents { margin:0 auto; padding:0; width:1004px; z-index:2; /*background:url(../common/sub_conBG.jpg) no-repeat top;*/ }

/*로그인 & 메인 이벤트 플래시*/
#main_contents_1 { float:left; width:1004px; height:254px; margin:0; padding:0; background:url(../images/main/event_bg.jpg) no-repeat right top; }
#cont1_group { float:left; width:209px; background:url(../images/main/main_login_bg.jpg) no-repeat top; }
#cont1_group_2 { float:left; width:209px; background:url(../images/main/main_login_bg2.jpg) no-repeat top; }

/*로그인*/
#main_login { float:left; width:132px; height:128px; margin:0; padding:44px 24px 0 53px; color:#ffffff; overflow:hidden; }
#main_login li.logininput { margin:0 0 4px 0; background:url(../images/common/sidebar_menu_login3.jpg) no-repeat; height:24px; }
#main_login ul.btn2 {  }
#main_login li.btn2 { display:inline; }
/*메인 게임스타트*/
#main_gamestart { margin-left:32px; float:left; width:177px; }
/*이벤트*/
#main_event { float:left; margin:0; }

/*메인 컨텐츠 모음*/
#main_contents_2 { position:relative; float:left; width:1004px; margin:0; padding:0; background:url(../images/main/main_con_bg.gif); }
/*좌우 배경*/
#m_con_leftbg { float:left; width:32px; margin:0; padding:0; vertical-align:top; }
#m_con_rightbg { float:right; width:32px; margin:0; padding:0; vertical-align:top; }


/*메인 좌측 컨텐츠*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#m_leftside_con { float:left; width:199px; margin:0; padding:20px 0 20px 0; }
/*게임다운로드 & 튜토리얼 가이드*/
.down_guide_ul { float:left; list-style:none; margin:0 0 14px 0; padding:0; text-align:center; }
.down_guide_li { display:inline; padding-left:1px; }
/*퀵배너 모음*/
#leftside_quick_banner { margin:0 0 20px 0; padding:0; }
#leftside_quick_banner li.banner1 { padding:0 0 4px 0; }
#leftside_quick_banner ul.banner2 { margin:12px 0 20px 0; }
#leftside_quick_banner li.banner2 { padding:20px 0 0 7px; display:inline; }
#leftside_quick_banner li.coupon { float:left; padding-right:1px; display:inline; }
/*공지사항&업데이트*/
#m_notice_update { float:left; margin:20px 0 20px 0; padding:0; }
#m_notice_update ul {float:left; list-style:none; width:199px; padding:0; margin:0; }
#m_notice_update li { float:left; padding:0; }
#m_notice_update li.notice { float:left; display:inline; padding-right:3px; .margin-bottom:-6px; }
#m_notice_update li.update { float:left; display:inline; .margin-bottom:-6px; }
#m_notice_update li.more { float:right; display:inline; .margin-bottom:-6px; }
#m_notice_update li.list { width:199px; float:left; padding:3px 0 4px 0; }

#m_notice { float:left; position:relative; margin:0; padding:0; }
#m_update { float:left; position:relative; margin:0; padding:0; }
/*


*/

/*설문조사*/
#m_poll { float:left; margin:0 0 20px 0; padding:0; }
#m_poll ul { float:left;list-style:none; width:199px; padding:0; margin:0; }
#m_poll li { display:inline; margin:0; padding-bottom:6px; }
#m_poll li.pollbg { float:left; background:url(../images/main/poll_bg.gif) no-repeat; display:inline; width:164px; height:28px; }
#m_poll input { float:left; background-color:#ffffff; padding:4px; border:none; width:150px; height:8px; font-family:dotum; font-size:11px; color:#767676; margin:6px 0 0 4px; }
#m_poll li.join { _margin-left:-3px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*메인 우측 컨텐츠*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#m_rightside_con { float:left; width:199px; margin:0; padding:20px 0 20px 0; }
/*오디션신곡*/
#m_new_muskc { float:left; margin:0 0 20px 0; padding:0; }
#m_new_muskc ul {float:left; list-style:none; width:199px; padding:0; margin:0; }
#m_new_muskc li.title { float:left; display:inline; .margin-bottom:-6px; }
#m_new_muskc li.prev { float:left; padding-right:2px; display:inline; }
#m_new_muskc p { float:left; width:68px; margin:4px 12px 0 0; padding:5px; background:url(../images/main/img_newmusic.gif) no-repeat; vertical-align:top; }
#m_new_muskc ul.list { float:left; width:100px; margin:5px 0 0 0; }
#m_new_muskc li.list { padding:0 0 4px 0; overflow:hidden; }
/*뮤직take3*/
#m_take3 { float:left; margin:0 0 20px 0; padding:0; }
#m_take3 ul { float:left; width:199px height:130px; margin:0; padding:0; }
#m_take3 li.title { float:left; display:inline; .margin-bottom:-6px; }
#m_take3 li.bg { float:left; width:199px; height:120px; background:url(../images/main/bg_take3.jpg) no-repeat top; }
#m_take3 input { float:left; background-color:#ffffff; text-align:center; padding:4px; border:none; width:154px; height:10px; font-family:dotum; font-weight:bold; font-size:11px; color:#767676; margin:68px 18px 0 17px; overflow:hidden; }
#m_take3 p { float:right; margin:24px 10px 0 0; }
/*랭킹랭퀸*/
#m_lanking { float:left; margin:0 0 20px 0; padding:0; }
#m_lanking ul { float:left; list-style:none; width:199px; padding:0; margin:0; }
#m_lanking li { padding:0; margin:0; }
#m_lanking li.title { float:left; display:inline; .margin-bottom:-6px; }
#m_lanking img.no { margin-bottom:-3px; }
#m_lanking li.list1 { float:left; padding:2px 6px 4px 0; display:inline; width:80% }
#m_lanking li.list2 { float:right; padding:0 6px 0 4px; display:inline; font-weight:bold; }
/*제휴배너*/
#m_rightside_banner { float:left; margin:0 0 20px 0; padding:0; }
#m_rightside_banner { _margin-bottom:-40px; }
#m_rightside_banner ul { float:left; width:199px; margin:0; padding:0; }
#m_rightside_banner li { margin:0; padding:0; }
#m_rightside_banner li.title { float:left; display:inline; .margin-bottom:-6px; }
#m_rightside_banner p { float:left; width:189px; height:138px; margin:4px 0 0 0; padding:5px; background:url(../images/main/banner_rightside_bg.gif) no-repeat; }
/*PC방 배너*/
#m_rightside_pcbang { float:left; margin:0 0 20px 0; padding:0; }
#m_rightside_pcbang { _margin-top:-20px; }
#m_rightside_pcbang ul { float:left; list-style:none; width:199px; padding:0; margin:0; text-align:center; }
#m_rightside_pcbang li { float:left; display:inline; padding-left:1px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*메인 중앙 컨텐츠 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#main_con { position:relative; float:left; width:500px; margin:0 21px 0 21px; padding:20px 0 20px 0; }
/*오디션전광판*/

#m_sign { float:left; margin:0 0 10px 0; padding:0; }
#m_sign ul { float:left; list-style:none; width:500px; height:58px; padding:0; margin:0; }
#m_sign li { float:left; display:inline; }
#m_sign li.bg1 { display:inline; width:292px; height:58px; background:url(../images/main/center_sign_centerBG.gif); text-align:center; }
#m_sign li.bg2 { display:inline; width:87px; height:42px; background:url(../images/main/center_sign_rightBG.gif) no-repeat right; padding:16px 0 0 4px; }
#m_sign input { float:left; background-color:#000000; padding:4px; border:none; width:276px; height:12px; font-family:dotum; font-weight:bold; font-size:11px; color:#cccccc; margin:16px 4px 0 4px;; overflow:hidden;}


/*매거진 & HOT 이야기*/
#m_magazine_hot { float:left; width:380px; padding:16px 60px 12px 60px; margin:0 0 20px 0; height:200px; background:url(../images/main/center_magazine_hot_allbg.gif) no-repeat; }
/*매거진*/
#m_magazine { float:left; width:380px; margin:0 auto 14px auto; padding:0; }
#m_magazine p { float:left; margin:5px 12px 0 0; vertical-align:top; padding:0; }
#m_magazine p { _margin-top:-4px; *margin-top:5px; }
#m_magazine ul { float:left; list-style:none;  margin:4px auto; padding:0; overflow:hidden; }
#m_magazine ul { _margin-top:4px; }
#m_magazine li { color:#c3c3c3; }
#m_magazine li.title { font-weight:bold; color:#FFFFFF; padding-bottom:4px; }
/*핫이야기*/
#m_hot { float:left; width:380px; margin:0 auto; padding:0; color:#FFFFFF; }
#m_hot a { color:#FFFFFF; font:11px dotum; text-decoration:none; }
#m_hot a:hover { color:#FFFFFF; font:11px dotum; text-decoration:underline; }
#m_hot p { float:left; margin:5px 14px 0 0; vertical-align:top; padding:0; }
#m_hot p { _margin-top:-4px; *margin-top:5px; }
#m_hot ul { list-style:none; margin:10px auto; padding:0; overflow:hidden; }
#m_hot ul { _margin-top:10px; _float:left; }
#m_hot li.list1 { float:left; display:inline; width:60%; padding-bottom:3px; }
#m_hot li.list2 { float:right; display:inline; width:40%; padding-bottom:3px; }

/*GM과 놀자*/
#m_gmplay { float:left; width:500px; padding:0; margin:0 0 20px 0; *margin-bottom:30px; _margin-bottom:20px; }
#m_gmplay ul { float:left; margin:0 0 6px 0; font-weight:bold; list-style:none; padding:0;  }
#m_gmplay li { padding:0 0 10px 0; font-weight:bold; }
#m_gmplay li.qa { padding-left:10px; padding-bottom:6px; font-weight:bold; }
#m_gmplay input { background-color:#ffffff; padding:4px; margin:-10px auto; border:3px solid #353535;; width:360px; height:10px; font-family:dotum; font-size:11px; color:#353535; overflow:hidden; }
#m_gmplay input { _margin-top:4px; _margin-bottom:-1px; }
#m_gmplay img.a { .margin-bottom:-10px; }

/*동영상*/
#m_movie { float:left; width:244px; margin:0 6px 20px 0; padding:0; }
#m_movie ul { float:left; list-style:none; width:244px; margin:0 0 8px 0; padding:0; }
#m_movie li.title { float:left; display:inline; margin:0; padding:0; }
#m_movie li.more { float:right; display:inline; margin:0; padding:0; }
#m_movie li.text { margin:0; padding:6px; }
#m_movie li.text { .padding-top:0px; }
#m_movie p { float:left; width:100px; height:70px; margin:0 10px 0 0; padding:4px; background:url(../images/main/center_cont_bg_bg.gif); }

/*핫데뷰*/
#m_debut { float:right; width:244px; margin:0 0 20px 0; padding:0; }
#m_debut ul { float:left; list-style:none; width:244px; margin:0 0 8px 0; padding:0; }
#m_debut li.title { float:left; display:inline; margin:0; padding:0; }
#m_debut li.more { float:right; display:inline; margin:0; padding:0; }
#m_debut li.img { display:inline; margin:0; padding:0; }
#m_debut li { padding:3px;  }
#m_debut p { float:left; width:100px; height:70px; margin:0 10px 0 0; padding:4px; background:url(../images/main/center_cont_bg_bg.gif); }

/*스크린샷*/
#m_sshot { float:left; width:500px; margin:0 0 20px 0; padding:0; }
#m_sshot {  }
#m_sshot ul { float:left; list-style:none; margin:0 0 8px 0; padding:0; }
#m_sshot li.title { float:left; display:inline; margin:0; padding:0; }
#m_sshot li.more { float:right; display:inline; margin:0; padding:0; }

#m_screen { position:relative; float:left; width:116px; margin:0 4px 0 4px; padding:0; }
#m_screen ul { float:left; margin:0; padding:0; text-align:center; }
#m_screen li.img { padding:4px; background:url(../main/center_sshot_bg.gif) no-repeat; }
#m_screen li.text { padding:4px; }

#m_screen_blank { float:left; width:116px; height:10px; margin:0; padding:0; }
#m_blank { float:left; width:500px; margin-top:-40px; padding:0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*IE 6 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#cont1_group { _margin-left:-2px; }
#main_login { _margin-left:2px; }
#main_gamestart {_margin-left:17px; _margin-right:-12px; }
#main_event { _margin-left:-2px; }
#m_con_rightbg { _margin-left:-4px; }
#main_con { _margin-left:18px; _margin-right:18px; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 195px;
height: 100px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}