@charset "utf-8";
/* default */
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, input, textarea, blockquote, th, td, select { margin:0; padding:0; font:12px dotum; color:#3f4553; }
table { border-collapse:collapse; border-spacing:0; }
em, cite, address, dfn, var { font-style:normal; }
dl, ul, ol { list-style:none; }
img, fieldset { border:0; }
button { margin:0; padding:0; overflow:hidden; cursor:pointer; border:0; }
button span{visibility:hidden;}
legend, caption { overflow:hidden; height:0; font-size:0; line-height:0; display:none; }
br {letter-spacing:0}
a { color:#3f4553;text-decoration:none; }
a:visited { color:#3f4553;text-decoration:none; }
a:hover { text-decoration:underline; }
.hide{position:absolute;left:0;top:0;width:1px;height:1px;font-size:0;line-height:0;visibility:hidden;z-index:-1;}
body { width:100%; text-align:center; background:#f7f7f7;}

/* 레이아웃 */
.wrap_body { position:relative; width:100%; *height:100%; text-align:center; background:url(/web/cp2/mstar/v2/img/main/bg_body.gif) 0 0 repeat-x; }
.wrap_body .side_left { position:absolute; top:0; left:-500px; width:50%; height:323px;}
.wrap_body .side_left div { position:absolute; top:0; left:0; width:100%; height:323px;}
.wrap_body .side_right { position:absolute; top:0; right:1px; *right:0;width:50%; height:323px;}
.wrap_body .side_right div { position:absolute; top:0; left:0; width:100%; height:323px;}
.origin { position:relative; z-index:1; width:100%; }

.container { display:inline-block; margin:0 auto; padding:0 10px 100px; width:980px; _width:1000px; text-align:left; zoom:1;}
.container:after{display:block;clear:both;height:0;content:'';}
.container .sidebar {display:inline;float:left;width:240px;}
.container .contents{display:inline;position:relative;float:left;width:740px;}


/* LNB */
.lnb_wrap{overflow:hidden;position:relative;margin:0 auto;width:1000px;height:112px;text-align:center;}
.lnb_wrap .bi{display:block;overflow:hidden;position:absolute;top:30px;left:24px;width:176px;height:51px;text-align:left;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/main/bt_home.gif) 0 0 no-repeat;}
.lnb_wrap .bn{position:absolute;top:0;right:0;}
.lnb_wrap .func{position:absolute;top:16px;right:223px;text-align:right;height:10px;}
.lnb_wrap .navi{position:absolute;top:49px;right:223px;width:519px;height:15px;zoom:1;background:url(/web/cp2/mstar/v2/img/common/img_navi.gif) 0 0 no-repeat;z-index:100;}
.lnb_wrap .navi li{display:block;position:absolute;top:0;height:15px;}
.lnb_wrap .navi .lnb_news{left:0;width:39px;}
.lnb_wrap .navi .lnb_gameinfo{left:89px;width:53px;}
.lnb_wrap .navi .lnb_community{left:190px;width:51px;}
.lnb_wrap .navi .lnb_mfriends{left:291px;width:50px;}
.lnb_wrap .navi .lnb_rank{left:391px;width:25px;}
.lnb_wrap .navi .lnb_support{left:466px;width:52px;}

.lnb_wrap .navi a{display:block;overflow:hidden;position:relative;height:15px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/common/blank.gif) repeat;z-index:100;}
.lnb_wrap .navi a:hover,.lnb_wrap .navi a.on{background-image:url(/web/cp2/mstar/v2/img/common/img_navi.gif);background-repeat:no-repeat;}
.lnb_news a:hover,.lnb_news a.on{background-position:0 -20px;}
.lnb_gameinfo a:hover,.lnb_gameinfo a.on{background-position:-89px -20px;}
.lnb_community a:hover,.lnb_community a.on{background-position:-190px -20px;}
.lnb_mfriends a:hover,.lnb_mfriends a.on{background-position:-291px -20px;}
.lnb_rank a:hover,.lnb_rank a.on{background-position:-391px -20px;}
.lnb_support a:hover,.lnb_support a.on{background-position:-466px -20px;}
.lnb_wrap .s_navi{display:none;position:absolute;top:13px;padding:10px 0 0 12px;height:30px;background:url(/web/cp2/mstar/v2/img/common/bg_subNaviLeft.gif) 0 100% no-repeat;zoom:1;}
.lnb_wrap .s_navi:after{display:block;clear:both;height:0;content:'';}
.lnb_wrap .s_navi ul{display:inline;float:left;padding:10px 12px 0 0;height:20px;white-space:nowrap;background:url(/web/cp2/mstar/v2/img/common/bg_subNaviRight.gif) 100% 0 no-repeat;}
.lnb_wrap .s_navi .tail{position:absolute;top:5px;width:9px;height:6px;background:url(/web/cp2/mstar/v2/img/common/bg_subNaviTail.gif) no-repeat;}
.lnb_wrap .s_navi li{display:inline;float:left;position:static;margin:0 21px 0 0;height:auto;}
.lnb_wrap .s_navi a,.lnb_wrap .s_navi a:hover,.lnb_wrap .s_navi a.current{display:block;overflow:hidden;height:12px;background-image:url(/web/cp2/mstar/v2/img/common/img_subNavi.gif);background-repeat:no-repeat;}
.lnb_wrap .s_navi .x{margin:0 !important;}


/* 네비게이션 서브메뉴 */
.lnb_news .s_navi{left:-8px;width:223px;}
.lnb_news .tail{left:26px;}
.slnb_notice a{width:41px;background-position:0 0 !important;}
.slnb_notice a:hover,.slnb_notice a.current{width:41px;background-position:0 -25px !important;}
.slnb_event a{width:29px;background-position:-62px 0 !important;}
.slnb_event a:hover,.slnb_event a.current{width:29px;background-position:-62px -25px !important;}
.slnb_update a{width:39px;background-position:-113px 0 !important;}
.slnb_update a:hover,.slnb_update a.current{width:39px;background-position:-113px -25px !important;}
.slnb_gmtalk a{width:36px;background-position:-174px 0 !important;}
.slnb_gmtalk a:hover,.slnb_gmtalk a.current{width:36px;background-position:-174px -25px !important;}

.lnb_gameinfo .s_navi{left:-9px;width:401px;}
.lnb_gameinfo .tail{left:32px;}
.slnb_introducegame a{width:39px;background-position:0 -50px !important;}
.slnb_introducegame a:hover,.slnb_introducegame  a.current{width:39px;background-position:0 -75px !important;}
.slnb_guide a{width:49px;background-position:-61px -50px !important;}
.slnb_guide a:hover,.slnb_guide a.current{width:49px;background-position:-61px -75px !important;}
.slnb_mvguide a{width:60px;background-position:-131px -50px !important;}
.slnb_mvguide a:hover,.slnb_mvguide a.current{width:60px;background-position:-131px -75px !important;}
.slnb_download a{width:40px;background-position:-212px -50px !important;}
.slnb_download a:hover,.slnb_download a.current{width:40px;background-position:-212px -75px !important;}
.slnb_movies a{width:40px;background-position:-274px -50px !important;}
.slnb_movies a:hover,.slnb_movies a.current{width:40px;background-position:-274px -75px !important;}
.slnb_musiclist a{width:50px;background-position:-334px -50px !important;}
.slnb_musiclist a:hover,.slnb_musiclist a.current{width:50px;background-position:-334px -75px !important;}

.lnb_community .s_navi{left:-91px;width:426px;}
.lnb_community .tail{left:111px;}
.slnb_chat a{width:51px;background-position:0 -100px !important;}
.slnb_chat a:hover,.slnb_chat a.current{width:51px;background-position:0 -125px !important;}
.slnb_coordinate a{width:41px;background-position:-71px -100px !important;}
.slnb_coordinate a:hover,.slnb_coordinate a.current{width:41px;background-position:-71px -125px !important;}
.slnb_screenshot a{width:41px;background-position:-132px -100px !important;}
.slnb_screenshot a:hover,.slnb_screenshot a.current{width:41px;background-position:-132px -125px !important;}
.slnb_mvboard a{width:61px;background-position:-193px -100px !important;}
.slnb_mvboard a:hover,.slnb_mvboard a.current{width:61px;background-position:-193px -125px !important;}
.slnb_idealboard a{width:60px;background-position:-274px -100px !important;}
.slnb_idealboard a:hover,.slnb_idealboard a.current{width:60px;background-position:-274px -125px !important;}
.slnb_hottalk a{width:50px;background-position:-355px -100px !important;}
.slnb_hottalk a:hover,.slnb_hottalk a.current{width:50px;background-position:-355px -125px !important;}

.lnb_mfriends .s_navi{left:-29px;width:267px;}
.lnb_mfriends .tail{left:48px;}
.slnb_bfprofile a{width:49px;background-position:0 -150px !important;}
.slnb_bfprofile a:hover,.slnb_bfprofile a.current{width:49px;background-position:0 -175px !important;}
.slnb_makefriends a{width:40px;background-position:-70px -150px !important;}
.slnb_makefriends a:hover,.slnb_makefriends a.current{width:40px;background-position:-70px -175px !important;}
.slnb_psychologicaltest a{width:50px;background-position:-131px -150px !important;}
.slnb_psychologicaltest a:hover,.slnb_psychologicaltest a.current{width:50px;background-position:-131px -175px !important;}
.slnb_adcrew a{width:40px;background-position:-202px -150px !important;}
.slnb_adcrew a:hover,.slnb_adcrew a.current{width:40px;background-position:-202px -175px !important;}

.lnb_rank .s_navi{left:-215px;width:356px;}
.lnb_rank .tail{left:223px;}
.slnb_singlerank a{width:39px;background-position:0 -200px !important;}
.slnb_singlerank a:hover,.slnb_singlerank a.current{width:39px;background-position:0 -225px !important;}
.slnb_crewrank a{width:40px;background-position:-60px -200px !important;}
.slnb_crewrank a:hover,.slnb_crewrank a.current{width:40px;background-position:-60px -225px !important;}
.slnb_homegardening a{width:60px;background-position:-121px -200px !important;}
.slnb_homegardening a:hover,.slnb_homegardening a.current{background-position:-121px -225px !important;}
.slnb_fashion a{width:40px;background-position:-202px -200px !important;}
.slnb_fashion a:hover,.slnb_fashion a.current{background-position:-202px -225px !important;}
.slnb_lovecoin a{width:70px;background-position:-263px -200px !important;}
.slnb_lovecoin a:hover,.slnb_lovecoin a.current{background-position:-263px -225px !important;}

.lnb_support .s_navi{left:-163px;width:215px;}
.lnb_support .tail{left:186px;}
.slnb_faq a{width:22px;background-position:0 -250px !important;}
.slnb_faq a:hover,.slnb_faq a.current{width:22px;background-position:0 -275px !important;}
.slnb_inquiry a{width:34px;background-position:-44px -250px !important;}
.slnb_inquiry a:hover,.slnb_inquiry a.current{width:34px;background-position:-44px -275px !important;}
.slnb_restriction a{width:40px;background-position:-99px -250px !important;}
.slnb_restriction a:hover,.slnb_restriction a.current{width:40px;background-position:-99px -275px !important;}
.slnb_policy a{width:40px;background-position:-160px -250px !important;}
.slnb_policy a:hover,.slnb_policy a.current{width:40px;background-position:-160px -275px !important;}

/* 얼짱 프로필 리스트 */
.bastface{width:100%;text-align:center;background:url(/web/cp2/mstar/v2/img/common/bg_bestface.gif) 0 100% repeat-x;}
.bastface .wrapper{position:relative;overflow:hidden;margin:0 auto;padding:0 0 45px;width:1000px;text-align:left;zoom:1;}
.bastface .wrapper .handler{position:absolute;left:25px;top:165px;width:176px;height:46px;background-image:url(/web/cp2/mstar/v2/img/main/bt_toggle_off.gif);background-repeat:no-repeat;zoom:1;z-index:300;}
.bastface .wrapper .bf_list{position:relative;overflow:hidden;height:165px;zoom:1;}
.bastface .wrapper .bf_list:after{display:block;clear:both;height:0;content:'';}
.bastface .wrapper .bf_list li{display:inline;position:relative;overflow:hidden;float:left;padding:20px 0;width:125px;height:125px;zoom:1;}
.bastface .wrapper .bf_list a{position:absolute;top:20px;left:0;width:125px;height:125px;background:url(/web/cp2/mstar/v2/img/common/blank.gif) repeat;z-index:100;}
.bastface .wrapper .bf_list div.w{display:none;position:absolute;top:20px;left:0;width:125px;height:125px;filter:alpha(opacity=70 !important;);opacity:0.7;-moz-opacity:0.7;z-index:5;}
.bastface .wrapper .bf_list p.t{display:none;position:absolute;top:67px;left:0;width:125px;color:#fff;font-size:12px;text-align:center;line-height:1.3;z-index:10;}

.male div.w{background:#3158df;}
.female div.w{background:#d5446f;}

/* 바로가기 */
.quicklink{position:absolute;top:173px;left:749px;width:231px;height:13px;background:url(/web/cp2/mstar/v2/img/common/bg_fav.gif) no-repeat;}
.quicklink a{display:block;overflow:hidden;position:absolute;top:0;height:13px;text-indent:-1000em;}
.quicklink a.bt1{left:0;width:102px;background:url(/web/cp2/mstar/v2/img/common/bt_myprofile.gif) no-repeat;}
.quicklink a.bt2{left:134px;width:97px;background:url(/web/cp2/mstar/v2/img/common/bt_findBuddy.gif) no-repeat;}
.quicklink a.bt3{left:21px;width:81px;background:url(/web/cp2/mstar/v2/img/common/bt_make_profile2.gif) no-repeat;}

/* = Side bar
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.sidebar .bt_start{display:block;overflow:hidden;width:240px;height:165px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/main/bt_start.jpg) no-repeat;}
.sidebar .bt_start:hover{background:url(/web/cp2/mstar/v2/img/main/bt_start.gif) no-repeat;}

/* 로그인 */
#divLogin { }
#BeforeLogin {position:relative;width:216px;height:128px;background:url(/web/cp2/mstar/v2/img/main/line_login.gif) 0 100% repeat-x;}
#BeforeLogin .s1 {position:absolute;left:1px;top:5px;padding:0 7px 0 0;width:61px;background:url(/web/cp2/mstar/v2/img/main/bar_login.gif) 100% 1px no-repeat;}
#BeforeLogin .s1 a { overflow:hidden;color:#62636c;font-size:11px;}
#BeforeLogin .s1 strong { position:absolute;left:46px;top:0;font-family:arial;font-size:10px;font-weight:bold;color:#fa468e;}
#BeforeLogin .s2 { position:absolute;left:73px;top:3px; line-height:18px; }
#BeforeLogin .s2 a { color:#666666; font-size:11px; letter-spacing:-1px; }
#BeforeLogin .s2 label {color:#62636c;font-size:11px;}
#BeforeLogin .s2 input {position:absolute; left:50px; top:-2px; margin:4px;*margin:0; background:none; }
#BeforeLogin dl { position:absolute; top:28px; *top:27px; left:0; z-index:5; width:198px; }
#BeforeLogin dt { display:none; }
#BeforeLogin dd { height:25px; }
#BeforeLogin dd input { padding:0 7px;width:134px;height:24px;line-height:22px;border:1px solid #9691b3; background-color:#fff; color:#4d4d4d;}
#BeforeLogin input.bgid { background:url('/web/cp2/mstar/v2/img/common/login_id.gif') 0 0 no-repeat #fff; }
#BeforeLogin input.bgpw { background:url('/web/cp2/mstar/v2/img/common/login_pw.gif') 0 0 no-repeat #fff; }
#BeforeLogin .uid{position:absolute;top:0;left:0;top:0px;}
#BeforeLogin .upw{position:absolute;top:0;left:0;top:25px;}
#BeforeLogin .uid input.bgon { background:none; background-color:#fff; }
#BeforeLogin .upw input.bgon { background:none; background-color:#fff; }
#tooltip { background:url(/web/n/web/cp2/mstar/v2/img/login/v1/lgn_i04.gif) 0 0 no-repeat; color:#f60; font-size:11px; text-align:center; padding-top:13px; width:167px; height:32px; position:absolute; top:48px; left:0; z-index:5; display:none; visibility:hidden; }
#BeforeLogin .lgn { background:url('/web/cp2/mstar/v2/img/common/login_bt.gif') 0 0 no-repeat; width:81px; height:51px; position:absolute; top:28px; left:135px; z-index:6; }
#BeforeLogin .lgn span { display:none; }
#BeforeLogin .link { position:absolute; top:91px;left:0; z-index:1; }
#BeforeLogin .link span { display:inline-block;overflow:hidden; background:url('/web/cp2/mstar/v2/img/main/bar_login.gif') 100% 50% no-repeat; padding:0 8px 0 0;margin:0 0 0 5px; line-height:14px; }
#BeforeLogin .link span a {color:#62636c;font-size:11px;letter-spacing:-1px;}
#BeforeLogin .link .l1 a{font-weight:bold;}
#BeforeLogin .link .l3 { background:none;padding:0; }
#AfterLogin .psn {padding:0 0 20px;width:216px;background:url(/web/cp2/mstar/v2/img/main/line_login.gif) 0 100% repeat-x;}
#AfterLogin dl{position:relative;}
#AfterLogin dl.undefined{}
#AfterLogin dl dt{margin:7px 0 0;height:21px;color:#8e8e8e;font-size:11px;font-weight:bold;border-bottom:1px #9691b3 solid;}
#AfterLogin dl dd.pic{overflow:hidden;position:absolute;top:42px;_top:46px;left:0;width:67px;height:66px;}
#AfterLogin dl dd.undef{display:none;margin:19px 0 0 76px;color:#8e8e8e;font-size:11px;line-height:1.5;word-break:break-all;word-wrap:break-word;}
#AfterLogin dd.myinfo{display:block;margin:19px 0 0 76px;font-size:11px;}
#AfterLogin dd.myinfo p{color:#6f6f6f;font-weight:bold;line-height:1.5;}
#AfterLogin dd.myinfo p strong{color:#8657ff;}
#AfterLogin dd.myinfo li{padding:0 0 0 31px;color:#8e8e8e;line-height:1.5;text-indent:-27px;background:url(/web/cp2/mstar/v2/img/common/bu02.gif) 0 5px no-repeat;*background:url(/web/cp2/mstar/v2/img/common/bu02.gif) 0 7px no-repeat !important;word-break:break-all;word-wrap:break-word;}
#AfterLogin dd.myinfo li em{color:#333;font-style:normal;}
#AfterLogin .btn{display:block;margin:13px 0 0;height:30px;}
#AfterLogin .btn a{display:block;overflow:hidden;height:30px;}

#AfterLogin .undefined dd.undef{display:block;}
#AfterLogin .undefined dd.myinfo,#AfterLogin .undefined dd.btn{display:none;}

/* 퀵링크 */
.sidebar .qlink{position:relative;width:216px;height:100px;background:url(/web/cp2/mstar/v2/img/main/img_qlink_120702.gif) 0 0 no-repeat;}
.sidebar .qlink a{display:block;overflow:hidden;position:absolute;top:15px;width:108px;height:65px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/common/blank.gif) repeat;}
.sidebar .qlink .idx0{left:0;}
.sidebar .qlink .idx1{left:108px;}

/* 뉴스 미리보기 */
.newsbox{position:relative;overflow:hidden;padding:36px 0 0;width:216px;background:#fff;}
.newsbox .list_tab{position:absolute;top:0;left:0;width:216px;height:36px;background:url(/web/cp2/mstar/v2/img/main/tab_newsbox.gif) 0 0 no-repeat;zoom:1;}
.newsbox .list_tab:after{display:block;clear:both;height:0;content:'';}
.newsbox .list_tab li{display:inline;float:left;width:77px;height:36px;}
.newsbox .list_tab li a{display:block;overflow:hidden;height:36px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/common/blank.gif) repeat;}
.newsbox .list_tab li.idx0 a.on{width:77px;background:url(/web/cp2/mstar/v2/img/main/tab_newsbox.gif) 0 -40px no-repeat;}
.newsbox .list_tab li.idx1 a.on{width:77px;background:url(/web/cp2/mstar/v2/img/main/tab_newsbox.gif) -77px -40px no-repeat;}
.newsbox .list{padding:18px 15px 10px;border:1px #d7d7d7 solid;border-top:0;zoom:1;}
.newsbox .list li{margin:0 0 8px;padding:0 0 0 7px;height:14px;word-break:break-all;word-wrap:break-word;background:url(/web/cp2/mstar/v2/img/common/bu01.gif) 0 4px no-repeat;}
.newsbox .list li a{color:#3f4553;font-size:12px;}
.newsbox .list li img{position:relative;top:-1px;margin:0 0 0 6px;vertical-align:middle;}
.newsbox .more{position:absolute;top:13px;right:9px;padding:0 7px 0 0;color:#8a8a8a;font-size:11px;line-height:13px;background:url(/web/cp2/mstar/v2/img/common/ic_more.gif) 100% 3px no-repeat;}

/* 랭킹 간략보기 */
.rankbox{position:relative;overflow:hidden;padding:68px 0 0;width:214px;border:1px #d7d7d7 solid;border-top:0;background:#fff;}
.rankbox .t{position:absolute;top:15px;left:14px;}
.rankbox .sort{position:absolute;top:42px;left:0px;width:214px;height:26px;zoom:1;background:url(/web/cp2/mstar/v2/img/common/bg_rank_tab.gif) 0 0 no-repeat;}
/* 1차 탭
.rankbox .sort:after{display:block;clear:both;height:0;content:'';}
.rankbox .sort a{display:inline;float:left;margin:0 5px 0 0;padding:0 6px 0 0;color:#70747e;font-size:11px;line-height:13px;background:url(/web/cp2/mstar/v2/img/common/rankbox_bar.gif) 100% 0 no-repeat;}
.rankbox .sort a.x{padding:0;margin:0;background:none;}
*/
.rankbox .sort a.on{color:#eb6198;font-weight:bold;letter-spacing:-1px;}
.rankbox .sort li{position:absolute;top:8px;}
.rankbox .sort li.idx0{left:16px;}
.rankbox .sort li.idx1{left:50px;}
.rankbox .sort li.idx2{left:107px;}
.rankbox .sort li.idx3{left:140px;}

.rankbox table{width:214px;table-layout:fixed;border:0;border-collapse:collapse;}
.rankbox table th,.rankbox table td{height:29px;line-height:29px;text-align:left;border-top:1px #d7d7d7 solid;}
.rankbox table th{text-align:center;border-right:1px #d7d7d7 solid;}
.rankbox table .odd th,.rankbox table .odd td{background:#fafafc;}
.rankbox table .name{padding-left:10px;*width:125px !important;}
.rankbox table .bold{font-weight:bold;}
.rankbox table .r{font-family:tahoma;font-size:10px;}
.rankbox .more{position:absolute;top:15px;right:9px;padding:0 7px 0 0;color:#8a8a8a;font-size:11px;line-height:13px;background:url(/web/cp2/mstar/v2/img/common/ic_more.gif) 100% 3px no-repeat;}

/* 맴버쉽 정보 */
.mbs_inf{position:relative;margin:20px 0 0;width:216px;height:107px;background:url(/web/cp2/mstar/v2/img/main/line_login.gif) 0 100% repeat-x;}
.mbs_inf ul{position:relative;margin:0 1px;height:20px;zoom:1;}
.mbs_inf ul:after{display:block;height:0;clear:both;content:'';}
.mbs_inf ul li{display:inline;float:left;margin:0 10px 0 0;color:#8e8e8e;font-size:11px;font-weight:bold;letter-spacing:-1px}
.mbs_inf ul li strong{color:#8657ff;}
.mbs_inf ul li em{color:#333;letter-spacing:0}
.mbs_inf .graph{overflow:hidden;margin:0 1px;width:214px;height:36px;background:url(/web/cp2/mstar/v2/img/common/graph.gif) 0 0 no-repeat;}
.mbs_inf .graph .bar{display:block;overflow:hidden;height:7px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/common/graph_bar.gif) 0 0 no-repeat;}
.mbs_inf .bt{display:block;overflow:hidden;width:216px;height:30px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/common/bt_mymbs.gif) 0 0 no-repeat;}

/* = 풋터
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#Footer { z-index:1;margin:0 auto;width:100%;text-align:center;background:#2e2b35;}
#Footer .bx_foot { position:relative; margin:0 auto; width:1000px; height:167px; font:normal 11px dotum; text-align:left; }
#Footer .ft_logo span { position:absolute; display:none; text-indent:-10000px }
#Footer .ft_logo span a { display:block; width:100%; height:100%; }
#Footer .ft_logo .logo1 { width:75px; height:39px; left:15px; top:35px; display:block; background:url(/web/cp2/mstar/v2/img/common/foot_logo.jpg) 0 0 no-repeat; }
#Footer .ft_logo .logo2 { width:77px; height:18px; left:15px; top:91px; display:block; background:url(/web/cp2/mstar/v2/img/common/foot_logo2.jpg) 0 0 no-repeat; }
#Footer .ft_bx_txt { padding:40px 0 0 153px; }
#Footer .ft_mnu { width:510px; height:18px; border-bottom:1px solid #606060; }
#Footer .ft_mnu li { float:left; padding-right:9px; margin-right:8px; background:url(/web/cp2/mstar/v2/img/common/foot_bar.gif) 100% 0px no-repeat; }
#Footer .ft_mnu li a { font:normal 11px dotum; color:#aaa; letter-spacing:-1px; }
#Footer .ft_mnu .ft_t1 { font-weight:bold; color:#aaa; }
#Footer .ft_mnu .ft_x { margin:0; padding:0; background:none; }
#Footer .ft_txt { line-height:14px; padding:7px 0 0 0; color:#888; font-size:11px;}
#Footer .ft_copy { display:block; font:bold 10px verdana; color:#888; margin-top:4px; }
#FooterGrade { position:absolute; width:265px; height:49px; right:10px; top:40px; }
#FooterGrade span { text-indent:-10000px; display:block; }
#Footer .ft_grade2 { background:url(/web/cp2/mstar/v2/img/common/foot_grade01.gif) 0 0 no-repeat }
#Footer .ft_grade1 { background:url(/web/cp2/mstar/v2/img/common/foot_grade02.gif) 0 0 no-repeat }
#FooterGrade .ft_tab2 {display:block;position:absolute; left:0; top:0; width:17px; height:24px; cursor:pointer }
#FooterGrade .ft_tab1 {display:block;position:absolute; left:0; top:25px; width:17px; height:24px; cursor:pointer }

/* = 컨텐츠
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 프로모션 영역 */
.promote_area{position:relative;width:740px;height:466px;}
.promote_area .magazine{position:relative;width:371px;height:466px;background:url(/web/cp2/mstar/v2/img/main/bg_magazine.jpg) 0 0 no-repeat;}
.magazine .m_top{position:absolute;top:8px;left:40px;width:305px;height:31px;zoom:1;}
.magazine .m_top div{position:relative;zoom:1;}
.magazine .m_top div:after{display:block;clear:both;height:0;content:'';}
.magazine .m_top .tab1 a,.magazine .m_top .tab2 a,.magazine .m_top .tab3 a{display:inline;overflow:hidden;float:left;width:97px;height:31px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/common/blank.gif);}
.magazine .m_top .tab1{background:url(/web/cp2/mstar/v2/img/main/tab_magazine.jpg) 0 0 no-repeat;}
.magazine .m_top .tab2{background:url(/web/cp2/mstar/v2/img/main/tab_magazine.jpg) 0 -31px no-repeat;}
.magazine .m_top .tab3{background:url(/web/cp2/mstar/v2/img/main/tab_magazine.jpg) 0 -62px no-repeat;}
.magazine .m_top .mbx{width:305px;}
.m_top dl{position:absolute;top:6px;left:0;padding:190px 0 0;width:305px;}
.m_top dt{height:27px;background:url(../img/main/line_mTop.gif) 0 100% repeat-x;}
.m_top dt a{color:#3a3a3a;font-size:12px;font-weight:bold;}
.m_top dd.pic{position:absolute;top:0;left:-8px;width:320px;height:190px;background:none;}
.m_top dd.pic a{overflow:hidden;position:absolute;top:0;left:0;width:320px;height:190px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/main/bg_window.gif) 0 0 no-repeat;z-index:10;}
.m_top dd.pic img{display:block;margin:15px 0 0 8px;width:305px;height:161px;}
.m_top ul{position:absolute;top:227px;left:0;}
.m_top li{margin:5px 0 0;padding:0 0 0 9px;background:url(/web/cp2/mstar/v2/img/common/bu03.gif) 1px 5px no-repeat;}
.m_top li a{color:#3f4553;}
.m_bot{position:absolute;top:361px;left:17px;}
.m_bot div{width:353px;height:70px;}
.m_bot .graph1{background:url(/web/cp2/mstar/v2/img/main/graph1.jpg) 0 0 no-repeat;}
.m_bot .graph2{background:url(/web/cp2/mstar/v2/img/main/graph2.jpg) 0 0 no-repeat;}
.m_bot .graph3{background:url(/web/cp2/mstar/v2/img/main/graph3.jpg) 0 0 no-repeat;}
.m_bot .graph4{background:url(/web/cp2/mstar/v2/img/main/graph4.jpg) 0 0 no-repeat;}
.m_banner{position:absolute;top:0;left:371px;width:368px;height:466px;background:url(/web/cp2/mstar/v2/img/main/bg_mBanner.jpg) no-repeat;zoom:1}
.m_banner .slides{overflow:hidden;position:relative;top:15px;width:357px;height:416px;}
.m_banner .slides li{display:none}
.m_banner .slides a{display:block;width:357px}
.m_banner .pagination{position:absolute;top:387px;left:24px;z-index:10}
.m_banner .pagination li{display:inline;float:left;width:11px;margin-left:4px}
.m_banner .pagination li a{display:block;overflow:hidden;height:10px;background:url(/web/cp2/mstar/v2/img/main/sp_page.gif) 0 0 no-repeat;text-indent:-9999px}
.m_banner .pagination li.current a{background-position:0 -10px}

/* 하단 컨텐츠 */
.btm_wrap{position:relative;width:740px;zoom:1;}
.btm_wrap:after{display:block;clear:both;height:0;content:'';}
.btm_wrap .l_side{display:inline;float:left;width:484px;background:url(/web/cp2/mstar/v2/img/main/line_btmWrap.gif) 0 0 repeat-x #fff;}
.btm_wrap .r_side{display:inline;float:right;width:230px;background:url(/web/cp2/mstar/v2/img/main/line_btmWrap.gif) 0 0 repeat-x #fff;}
/* 코디 */
.btm_wrap .crd_bx{overflow:hidden;position:relative;width:482px;height:196px;border:1px #d7d7d7 solid;border-top:0;}
.btm_wrap .stit{margin:15px;}
.btm_wrap .bx{overflow:hidden;margin:0 10px;width:462px;}
.btm_wrap .bx .itm{display:inline;position:relative;float:left;margin:0 5px 40px;padding:107px 0 0;width:144px;background:#fff;}
.btm_wrap .bx strong{display:block;overflow:hidden;margin:0 0 7px;color:#3f4553;width:144px;font-size:12px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.btm_wrap .bx span{color:#898b8f;font-size:11px;}
.btm_wrap .bx img{position:absolute;top:0;left:0;width:144px;height:96px;}
.btm_wrap .more{position:absolute;top:15px;right:14px;padding:0 7px 0 0;color:#8a8a8a;font-size:11px;line-height:13px;letter-spacing:-1px;background:url(/web/cp2/mstar/v2/img/common/ic_more.gif) 100% 3px no-repeat;}
.btm_wrap .x{padding-bottom:0;background:none !important;}
/* 신곡 리스트 */
.btm_wrap .jukebox{overflow:hidden;position:relative;width:482px;height:271px;border:1px #d7d7d7 solid;border-top:0;}
.jukebox .mlist{position:relative;overflow:hidden;margin:0 15px 11px 15px;padding:15px 120px 12px 130px;width:202px;height:80px;background:url(/web/cp2/mstar/v2/img/common/line_mlist.gif) 0 100% repeat-x;}
.jukebox .mlist .jacket{position:absolute;top:0;left:1px;width:126px;height:95px;background:url(/web/cp2/mstar/v2/img/common/bg_jacket.jpg) 0 0 no-repeat;}
.jukebox .mlist .jacket img{display:block;margin:2px 0 0 9px;width:92px;height:92px;}
.jukebox .mlist .name{overflow:hidden;margin:0 0 1px;width:203px;color:#3f4553;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.jukebox .mlist .artist{overflow:hidden;margin:0 0 6px;width:203px;color:#70747e;font-size:11px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.jukebox .mlist .lv{margin:0 0 3px;color:#70747e;font-size:11px;}
.jukebox .mlist .lv strong{color:#e9486a;}
.jukebox .mlist .bpm{color:#70747e;font-size:11px;}
.jukebox .mlist .count{position:absolute;top:44px;right:2px;zoom:1;}
.jukebox .mlist .count:after{display:block;clear:both;height:0;content:'';}
.jukebox .mlist .count img{display:inline;float:left;} 
.jukebox .mlist .btn{position:absolute;top:27px;right:3px;color:#a6a6a6;font-size:11px;}
.jukebox .mlist .btn a{color:#a6a6a6;font-size:11px;}
.jukebox .mlist .target{position:absolute;top:0;left:0;width:300px;height:95px;z-index:10;}
.jukebox .mlist .target a{display:block;overflow:hidden;width:300px;height:95px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/common/blank.gif) repeat;}

/* 게임 동영상 */
.btm_wrap .mov_bx{overflow:hidden;position:relative;margin:0;width:228px;height:224px;border:1px #d7d7d7 solid;border-top:0;zoom:1;}
.mov_bx .vod li{margin:0 15px 12px;padding:0 0 15px;height:69px;background:url(/web/cp2/mstar/v2/img/common/line_mlist.gif) 0 100% repeat-x #fff;}
.mov_bx .vod a{display:block;position:relative;padding:9px 0 0 104px;width:94px;height:60px;background:#fff;}
.mov_bx .vod img{position:absolute;top:0;left:0;width:95px;height:69px;}
.mov_bx .vod strong{display:block;overflow:hidden;margin:0 0 7px;color:#3f4553;width:94px;font-size:12px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.mov_bx .vod span{color:#898b8f;font-size:11px;}
/* 베너 리스트 */
.bn_board li{border:1px #d7d7d7 solid;border-top:0;}

/* 프로필연동안내 레이어 */
.lyr_profilesync{position:absolute;top:150px;left:50%;margin-left:-239px;width:478px;height:638px;border:1px #a7a7a7 solid;background:#f1f1f2;z-index:100000}
.lyr_profilesync .inner{position:relative;margin:29px 9px 0;width:458px;height:598px;border:1px #a7a7a7 solid;background:url(/web/cp2/mstar/v2/img/main/sync_img1.jpg) 0 0 no-repeat #29043b;}
.lyr_profilesync .inner img{display:block;}
.lyr_profilesync .bt_close{overflow:hidden;position:absolute;top:7px;right:9px;width:15px;height:15px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/main/bt_close.gif) no-repeat;}
.lyr_profilesync .inner input{position:absolute;margin:4px;*margin:0;top:444px;right:92px;}
.lyr_profilesync .inner label{position:absolute;top:450px;right:36px;color:#d47fff;font-size:11px;}
.lyr_profilesync .inner .txtbox{margin:468px auto 10px;padding:12px 21px 9px;width:354px;color:#d47fff;font-size:11px;letter-spacing:-1px;line-height:1.3;border:1px #561d71 solid;background:#390c4e;}
.lyr_profilesync .inner .btn{display:block;overflow:hidden;margin:0 auto;width:100px;height:30px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/main/bt_sync.gif) 0 0 no-repeat;}

/* 맴버쉽포인트 레이어 */
.lyr_membership{position:absolute;top:327px;left:50%;margin-left:-250px;width:738px;height:820px;text-align:center;border:1px #9691b3 solid;background:url(/web/cp2/mstar/v2/img/main/lyr_membership_pt.jpg) 0 0 no-repeat #f3f3f3;z-index:100000}
.lyr_membership p.head{height:178px;width:100%;text-indent:-1000em;text-align:left;background:url(/web/cp2/master/v/img/common/blank.gif) repeat;}
.lyr_membership .txt1{height:145px;}
.lyr_membership .txt1 li{float:left;width:368px;color:#8e8e8e;font-size:12px;}
.lyr_membership .txt1 li span{font-size:24px;line-height:1.3;display:inline-block;margin-bottom:5px}
.lyr_membership .txt1 .lt{background:url(/web/cp2/mstar/v2/img/main/bar_point.gif) 100% 0 repeat-y}
.lyr_membership .txt1 .t1{font-size:12px;line-height:14px}
.lyr_membership .txt1 .point{color:#333333;}
.lyr_membership .txt1 em{color:#e9486a;}
.lyr_membership .txt1 a{display:inline-block;margin:8px 0 0;}
.lyr_membership .bt_close{overflow:hidden;position:absolute;top:10px;right:10px;width:33px;height:33px;text-indent:-1000em;background:url(/web/cp2/master/v/img/common/blank.gif) repeat;}
.lyr_membership .graph{margin:0 0 0 29px;padding:0 5px 0 0;width:680px;height:75px;text-align:left;background:url(/web/cp2/mstar/v2/img/main/lyr_mbs_graph1.gif) 0 0 no-repeat;}
.lyr_membership .graph .bar{overflow:hidden;height:16px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/main/lyr_mbs_bar.gif) 0 0 no-repeat;}
.lyr_membership .list{margin:0 29px 20px;width:680px;}
.lyr_membership .list p{height:26px;color:#333;font-size:14px;font-weight:bold;text-align:left;}
.lyr_membership .list table{width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px #616161 solid;}
.lyr_membership thead th{padding:10px 0 8px;color:#333;font-size:12px;font-weight:bold;text-align:center;border-left:1px #d7d7d7 solid;border-bottom:1px #d7d7d7 solid;}
.lyr_membership tbody th{padding:13px 0 11px;color:#8e8e8e;font-size:12px;font-weight:normal;text-align:center;border-left:1px #d7d7d7 solid;border-bottom:1px #d7d7d7 solid;background:#f9f9f9;}
.lyr_membership tbody td{padding:13px 0 11px;color:#333;font-size:12px;font-weight:normal;text-align:center;border-left:1px #d7d7d7 solid;border-bottom:1px #d7d7d7 solid;background:#fff;}
.lyr_membership .list .x{border-right:1px #d7d7d7 solid;}
.lyr_membership .btbx a{display:inline-block;overflow:hidden;margin:0 2px;}
.lyr_membership .medal{position:absolute;overflow:hidden;top:245px;left:295px;width:149px;height:148px;cursor:pointer;text-indent:-10000em;}
.grd1 .medal{background:url(/web/cp2/mstar/v2/img/main/lyr_mbs_medal.png) 0 0 no-repeat;}
.grd2 .medal{background:url(/web/cp2/mstar/v2/img/main/lyr_mbs_medal.png) -198px 0 no-repeat;}
.grd3 .medal{background:url(/web/cp2/mstar/v2/img/main/lyr_mbs_medal.png) -396px 0 no-repeat;}

/* 맴버쉽포인트 레이어 */
.lyr_bene{position:absolute;top:440px;left:50%;margin-left:-84px;width:388px;height:361px;text-align:left;border:1px #9691b3 solid;background:url(/web/cp2/mstar/v2/img/main/lyr_membership_pt.gif) 0 -60px repeat-x #f3f3f3;z-index:100001}
.lyr_bene .bt_close{overflow:hidden;position:absolute;top:10px;right:10px;width:33px;height:33px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/main/bt_close2.gif) no-repeat;}
.lyr_bene p{text-align:center;}
.lyr_bene .s{color:#e9486a;font-size:12px;}
.lyr_bene .t1{margin:24px 0 0;color:#333;font-size:24px;letter-spacing:-1px;text-align:center;line-height:1.3;}
.lyr_bene .t2{margin:33px 0 0;color:#333;font-size:24px;letter-spacing:-1px;text-align:center;line-height:1.3;}
.lyr_bene .t3{margin:0;color:#3f4553;font-size:12px;line-height:1.4;}
.lyr_bene .t3 a{color:#e9486a;font-weight:bold;}
.lyr_bene .t3 strong{color:#e9486a;font-weight:bold;}
.lyr_bene .cp_num{position:relative;margin:80px 0 13px 30px;width:328px;height:40px;background:url(/web/cp2/mstar/v2/img/main/mbs_cp.gif) 0 0 no-repeat;}
.lyr_bene .cp_num p{height:40px;width:242px;color:#333;font-size:14px;text-align:center;line-height:40px;}
.lyr_bene .cp_num a{position:absolute;top:0;right:0;width:86px;height:40px;text-indent:-1000em;background:url(/web/cp2/mstar/v2/img/common/blank.gif) repeat;}
.lyr_bene .item_spt{overflow:hidden;margin:50px 0 13px;width:100%;height:128px;text-align:center;}
.lyr_bene .item_spt img{margin:0 4px 14px;}
.lyr_bene .btbx{position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
.lyr_bene .btbx a{display:inline-block;overflow:hidden;margin:0 2px;}
#lyrBenefit1,#lyrBenefit2{display:none;}
#lyrBenefit2{height:465px;}
#lyrBenefit2 .item_spt{height:228px;}

/* 딤드레이어 */
.lyr{display:;position:absolute;zoom:1;z-index:100000}
.lyr button.bt_close{position:absolute;text-indent:-1000em;cursor:pointer;background:url(/web/cp2/mstar/v2/img/common/blank.gif) repeat;z-index:10;}
#lyrPr{width:1000px;height:680px;}
#lyrPr .inner{position:relative;width:1000px;height:680px;z-index:2;}
#lyrPr .inner .cont{position:relative;z-index:2;}
#lyrPr .cont .mv{position:absolute;top:137px;left:139px;}
#lyrPr .inner .msk{position:absolute;top:0;left:0;width:1000px;height:680px;background:url(/web/cp2/mstar/v2/img/main/evt/evt_bnr_130617.png) 0 0 no-repeat;}
#lyrPr button.bt_close{top:17px;right:19px;width:42px;height:41px;}
#lyrPr .check{position:absolute;top:585px;left:928px;margin:4px;*margin:0;}
#lyrPr .link1{position:absolute;top:607px;left:790px;width:193px;height:52px;background:url(/web/cp2/mstar/v2/img/common/blank.gif) repeat;z-index:10;}

/* 메인 동영상 프로모션 - 130704 
.m_pr_mov {position:absolute;width:1000px;height:680px;}
.m_pr_mov .mov {position:absolute;left:139px;top:130px;width:722px;height:442px;}
.m_pr_mov .chk_prm {position:absolute;left:692px;top:589px;}
.m_pr_mov .chk {position:absolute;left:0;top:0;width:14px;height:14px;border:0}
.m_pr_mov label {position:absolute;left:16px;top:0;width:124px;height:16px;background:url(/web/cp/common/img/trans.gif)}
.m_pr_mov .bt_go {position:absolute;left:782px;top:611px;width:193px;height:47px;background:url(/web/cp/common/img/trans.gif)}
.m_pr_mov .bt_close {position:absolute;left:939px;top:17px;width:42px;height:42px;background:url(/web/cp/common/img/trans.gif)}
.m_pr_mov em {display:none}
*/
/* 메인 동영상 프로모션 - 130709 */
.m_pr_mov {position:absolute;width:1000px;height:680px;}
.m_pr_mov .mov {position:absolute;left:139px;top:140px;width:722px;height:442px;}
.m_pr_mov .chk_prm {position:absolute;left:696px;top:590px;}
.m_pr_mov .chk {position:absolute;left:0;top:0;width:14px;height:14px;border:0}
.m_pr_mov label {position:absolute;left:16px;top:0;width:124px;height:16px;background:url(/web/cp/common/img/trans.gif)}
.m_pr_mov .bt_go {position:absolute;left:666px;top:609px;width:196px;height:49px;background:url(/web/cp/common/img/trans.gif)}
.m_pr_mov .bt_close {position:absolute;left:939px;top:17px;width:42px;height:42px;background:url(/web/cp/common/img/trans.gif)}
.m_pr_mov em {display:none}


/* 스카이 스크래퍼 */
.ss_banner{position:absolute;top:15px;right:-130px;width:120px;height:510px}
.ss_banner a{display:block;position:relative;padding:5px}
.ss_banner a img{width:110px;height:500px;vertical-align:top}
.ss_banner a .mask{display:block;position:absolute;top:0;left:0;z-index:1;width:120px;height:510px;background:url(/web/cp2/mstar/v2/img/main/ss_banner_mask.gif) 0 0 no-repeat}