body{background:url("http://img.hardmoa.com/new/main/a_bg.jpg") repeat-x left top;}
#wrap{width:811px; margin:0 auto; position:relative;}
#r_banner{background:url("http://img.hardmoa.com/new/main/r_banner_bg.gif") left top no-repeat;width:124px; height:322px; position:absolute;right:-128px}
#banner_list{margin:0 auto; width:118px;}

#head {position:relative;}
#head .h_l{float:left;;padding:8px 0 10px 0;}
#head .h_r{float:right;padding:8px 0 10px 0;}
#head .h_l li{float:left;}
#head .h_r li{float:right;}
#head .logo_l{float:left;margin:5px 0 0 0; width:480px}
/*#head .logo_l{float:left;margin:5px 0 0 0; width:480px}*/
#head .logo_l li{float:left;}
#head .logo_l li.l1{float:left; padding:0 8px 0 0}
#head .logo_l li.l2{float:left; padding:7px 0 0 0; margin:-5px 0 0 0}
/*#head .logo_l li.l2{float:left; padding:7px 0 0 0; margin:-5px 0 0 0}*/
#head .logo_r{float:right}
#head .logo_r li.r1{float:right; padding:20px 12px 0 0}

#content{width:811px; padding:7px 0 0 0;}
#content .l_side{float:left; width:173px}

.logout{background:url("http://img.hardmoa.com/new/main/login_bottom.gif") left bottom no-repeat;width:173px; height:154px;font-size:11px;letter-spacing:-1px;}
.logout_box{background:url("http://img.hardmoa.com/new/main/login_top.gif") left top no-repeat; width:173px; height:7px}
.logout_box fieldset{width:156px; padding:9px 0 0 9px;}
.logout_box label{display:none;}
.logout p.id,
.logout p.password{position:relative}
.logout p.id input.w98,
.logout p.password input.w98{width:98px; line-height:18px;border:1px solid #eee; height:18px; margin:0 0 3px 0; color:#666}
.logout p.id input.none{border:0; margin:0 3px 0 3px}
.logout p.password input.none{border:0;}
.logout_box p.idpw_btn{width:156px; padding:3px 0 3px 0;}
.logout_box p.member_btn{width:156px; padding:4px 0 0 0;}
.logout_box p.moatam_btn{width:156px; padding:4px 0 0 0;}

.login{background:url("http://img.hardmoa.com/new/main/login_bottom.gif") left bottom no-repeat;width:173px; height:154px;font-size:11px;letter-spacing:0px;}
.login_box{background:url("http://img.hardmoa.com/new/main/login_top.gif") left top no-repeat; width:173px;height:7px;}
.login_box .info{width:156px; margin:0 auto;}
.login_box p.info1{position:relative;padding:9px 0 3px 0;border-bottom:1px solid #ebebeb; color:#6d6d6d}
.login_box p.pm{position:relative;border:3px solid #e0e0e0; width:151px; height:20px; margin:2px 0 2px 0; color:#6d6d6d}
.login_box p.pj{position:relative; border:3px solid #e0e0e0; width:151px;height:20px;color:#6d6d6d}
.login_box span.pj_date{position:absolute; right:3px; width:43px;}
.login_box span.jjogi{position:absolute; top:9px; left:74px;}
.login_box span.logout_btn{position:absolute; right:0; top:4px}
.login_box span.pm_lc{position:absolute; top:5px; left:18px;}
.login_box span.pj_lc{position:absolute; top:5px; left:18px}
.login_box span.date{position:absolute; top:5px; left:18px}
.login_box select{width:156px; margin:4px 0 0 9px; color:#666}
.login_box p.moatam_btn{width:156px; padding:4px 0 0 9px;}
.clubmake_btn{padding:5px 0 0 0;}

ul.banner_bg{background:url("http://img.hardmoa.com/new/main/btn_bg.gif") left top no-repeat; height:39px;}
ul.banner_bg li{float:left;}
ul.banner_bg li.l1{padding:7px 0 0 5px}
ul.banner_bg li.l2{padding:7px 0 0 3px}

.mb{font-size:11px; color:#7d7d7d; font-weight:bold; letter-spacing:-1px; margin:5px 0 0 0; background:url("http://img.hardmoa.com/new/main/box_bottom.gif") left bottom no-repeat; width:173px;}
.mb p{position:relative; background:url("http://img.hardmoa.com/new/main/box_top.gif") left top no-repeat; height:5px; padding:10px 0 10px 10px; _padding:8px 0 3px 10px;}
.mb .more{position:absolute; right:12px;  top:12px; _top:8px;}
.mb ul{width:161px; border-top:1px solid #f4f4f4; margin:0 0 0 6px; padding:5px 0 0 0}
.mb ul li{font-weight:normal; line-height:15px; background:url("http://img.hardmoa.com/new/main/point_icon.gif") 5px 5px no-repeat; padding:0 0 0 10px}
.mb ul li a{color:#7d7d7d;}
.mb ul li a:hover{color:#2a0;}
.mb ul li.text_m1{padding:0 0 0 10px}
.mb ul li.text_m2{padding:0 0 5px 10px}
ul li span.new{position:absolute; padding:1px 0 0 3px}

#navi{clear:both;}
#navi .menu{background:url("http://img.hardmoa.com/new/main/menu_top_bg.gif") 0 8px no-repeat; height:39px; padding:8px 0 0 0}
#navi .menu ul{float:left;}
#navi .menu ul li{width:80px;float:left; background:url("http://img.hardmoa.com/new/main/menu_line.jpg") right 13px no-repeat; padding:10px 0 0 25px;}
#navi .menu ul li.none{float:left; background:none;}
#navi .menu p{float:right; padding:5px 5px 0 0;}
#navi .category{background:url("http://img.hardmoa.com/new/main/menu_bottom_bg.gif") no-repeat; height:47px; clear:both;}
#navi .category ul{padding:0 0 0 20px}
#navi .category ul li.cg{padding:18px 0 10px 0}
#navi .category ul li{float:left; width:70px; background:url("http://img.hardmoa.com/new/main/ctg_line2.jpg") right 6px no-repeat; padding:4px 0 0 7px}
#navi .category ul li.none{float:left; background:none;}

.r_up_icon{text-align:center; color:#eb5059; font-weight:bold; font-size:10px; font-family:tahoma}
.r_down_icon{text-align:center; color:#9c9c9c; font-weight:bold; font-size:10px; font-family:tahoma}
.r_new_icon{text-align:center;}
.r_none_icon{text-align:center; color:#9c9c9c; font-weight:bold; font-size:10px;font-family:tahoma}
.r_up_icon img{margin:0 0 2px 0}

#content .r_side{float:left; width:465px;}
.ranking{position:relative;width:440px; margin:0 auto 0 auto;}
.ranking p{height:20px; padding:7px 0 0 8px; border-top:1px solid #65C43B; border-bottom:1px solid #e0e0e0}
.ranking span.more{position:absolute; right:10px; top:10px;}
.ranking .r5{float:left; width:190px; margin:8px 0 0 10px; display:inline; font-size:12px;}
.ranking .r10{float:right;width:190px;margin:8px 10px 0 0;display:inline;}
.ranking table{width:180px; font-weight:normal; margin:0 0 10px 0}
.ranking table tr{line-height:18px;letter-spacing:-1px;}
.ranking table tr td a{color:#666}
.ranking table tr td a:hover{color:#2a0}

#content .n_side{float:left;width:173px}

#service{border-top:2px solid #000;border-bottom:1px solid #f5f5f5;  margin-top:5px; background:#f6f6f6; overflow:hidden}
#service p.sl{float:left; padding:10px 0 10px 10px}
#service p.sr{float:right; padding:10px 10px 10px 0}

.service_list{float:left; width:811px; display:block; font-size:11px}
.service_list ul{float:left; width:135px;margin:15px 0 0 22px; display:inline; }
.service_list ul li{ letter-spacing:-1px; line-height:16px; width:135px; display:inline; font-size:11px;}
.service_list ul li a{display:block}
.service_list h2{color:#2f3743; font-size:12px; background:url("http://img.hardmoa.com/new/main/service_icon.jpg") left 25% no-repeat; padding:0 0 5px 10px; margin:0 0 8px 0;letter-spacing:-1px; border-bottom:1px solid #e0e0e0}
.service_list li a{color:#7d7d7d}
.service_list li a:hover{color:#2a0}
.my_club_color{font-size:11px; color:#666; }

#footer{margin:20px auto 0 auto;font-size:11px; letter-spacing:-1px; width:811px}
#footer p{text-align:center;padding:8px 0 8px 0}
#footer p.bis{ border-top:1px solid #959595; border-bottom:1px solid #f0f0f0; margin:15px 0 0 0;}
#footer p.copyright{padding:0 0 15px 0;letter-spacing:0;}