body { background-color:black; color:#9A9084; margin:0px; padding:0px; font-size:12px; font-family:굴림,Gulim,AppleGothic,sans-serif; text-align:center; }
td { background-color:black; color:#9A9084; margin:0px; padding:0px; font-size:12px; font-family:굴림,Gulim,AppleGothic,sans-serif; }
#main_body { margin:auto; margin-right:auto; width:998px; text-align:left; }

/** 공통 **/
a { color:#9A9084; text-decoration:none; }
a.main_link:link, a.main_link:visited { color:#9A9084; text-decoration:none; }
a.main_link:hover { color:#9A9084; text-decoration:underline; }
a.main_link2{ color:#9A9084; font-weight:none; }

/** 로고 **/
#head_top { margin:0px; padding:0px; width:998px; height:27px; position:relative; background-color:#262626; }

#top01 { margin:0px; padding:0px; width:300px; height:27px; float:left; }
#top01 ul { margin:0px; padding:0px; width:400px; height:27px; list-style-type:none; float:left; }
#top01 li { height:27px; line-height:1px; list-style-type:none; float:left; position:relative; }

#top02 { margin:5px auto; padding:0px; width:250px; height:27px; float:right; }
#top02 ul { margin:0px; padding:0px; width:350px; height:27px; list-style-type:none; float:left; }
#top02 li { height:27px; line-height:1px; list-style-type:none; float:left; position:relative; }

#logo {  margin:0px; padding:0px; width:998px; height:80px; position:relative; background-color:white; }

/*01.04.20 윤경수정 -> 왼쪽마진값 조정 (IE 8 버젼때문에)
#logo_beta { margin:7px 0 0 20px; width:242px; height:auto; float:left; }*/
#logo_beta { margin:10px 0 0 10px; width:242px; height:auto; float:left; } 

#logo_beta ul { margin:0px; padding:0px; width:262px; height:auto; list-style-type:none; float:left; }
#logo_beta li { height:60px; list-style-type:none; float:left; }

/*01.04.20 윤경수정 -> 레이어 위치 조정 (IE 8 버젼때문에)
#head_ad { margin:2px 0; width:736px; height:60px; float:right; }*/
#head_ad { top:10px; right:10px; position:absolute;  width:736px; height:60px; float:right; }

#head_ad ul { margin:0px; padding:0px; width:736px; height:60px; float:left; }
#head_ad li { margin:0 0 0 3px; height:60px; line-height:1px; list-style-type:none; float:left; }

/** 네비게이션 **/
#navi { width:998px; height:35px; position:relative; background:url(/images/menu/00bg.jpg) repeat-x; }
#navi01 { margin:0px; padding:0px; position:absolute; left:0px; width:450px; height:35px; float:left; }
#navi01 ul { margin:0px; padding:0px; width:502px; height:35px; list-style-type:none; float:left; }
#navi01 li { margin:0px; height:35px; float:left; }

/** 검색창 **/
/*#navi02 { margin:5px; padding:0px; width:250px; height:35px; float:right; border:solid 1 blue; }*/
#navi02 { height:35px; float:right; width:210px;padding-right:5px;}
#navi02 .navi02_input { padding-top:7px; float:left;}
#navi02 .navi02_btn { padding-top:8px; }

/* 서브메뉴 네비게이션*/
#navi_sub { width:998px; height:35px; background-color:#121715; }
#navi_sub:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#navi_sub #LkindMenu { z-index:1; margin-left:30px; margin-top:10px; width:auto; height:35px; float:left; }
#navi_sub #asg_btn { padding-top:5px; padding-right:10px; vertical-align: middle;  float:right; text-align:right; }

/** 메인 컨텐츠 01.04.20 윤경수정**/
/*#content { width:998px; height:auto !important; position:relative; background-color:#1C2426; border:solid 1 red; }*/
#content {  margin:auto; margin-right:auto; width:998px; height:auto !important; background-color:#1C2426; }

/** 메인 컨텐츠 01.04.26 윤경수정 -> content layout 정리(float을 clear)**/
#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/** 카피라이트 **/
#footer { margin:0; padding:0; width:998px; height:187px; background-image:url(/images/menu/cp_bg_bg.jpg); }
#footer #foot_logo { margin:40px 0px 0px 20px; padding:0; width:145px; height:140px; float:left; text-align:center; }

#footer #foot_navi { margin:10px 0; padding:0px; width:800px; position:relative; float:right; }
#footer #foot_navi ul { margin:0px; padding:0px; width:800px; height:31px; list-style-type:none; float:left; }
#footer #foot_navi li { height:31px; line-height:1px; list-style-type:none; float:left; position:relative; }

/*01.04.20 윤경수정 -> 이미지출력부를 텍스트로 변경**/
#footer #copyright { margin:14px 0px; padding:0px; width:780px; float:right; font-size:0.89em; letter-spacing:-0.1em;  font-family:돋움,돋움체,dotum;}

/**현재위치**/
#location_info { margin:5px auto; width:580px; height:20px; line-height:20px; text-align:left; position:relative; }

/*10.04.28 윤경수정 -> template 에 있던 css 옮김**/
#loginBox { width:225px; height:119px; margin:0 0 5px 0; padding:3px;  background:URL(/images/sub/login_bg.gif) no-repeat; }
#logform { width:115px; height:70px; margin:4px; padding:0px; }
#login_btn { float:right; width:46px; height:45px;  margin-top:10px; margin-right:5px;}
#login_etc { float:right; padding-top:3px; }
#login_check { margin:3px; height:10px; }
.inputbox { color:white; }

/**로그인**/
#loginbutton { width:45px; height:45px; line-height:20px; margin:0px 0px 0px 10px; top:16px; right:15px; position:relative; }
#login_icon { top:10px; left:15px; width:50px; height:50px; float:left; position:relative; }
#hello_msg { top:10px; left:32px; font:bold 12px 굴림; letter-spacing:-0.1em; text-align:left; position:relative; }
#pointBox { top:20px; left:32px; height:20px; font:11px 돋움; padding:0px 5px; line-height:20px; position:relative; }
#login1 { width:70px; height:20px; line-height:20px; top:57px; left:0px; position:relative; }
#login2 { width:70px; height:20px; line-height:20px; top:57px; left:15px; position:relative; }
.loginbuttons{ width:72px !important; height:20px; font:bold 12px 굴림 ; line-height:20px; border:0px solid #fff !important; letter-spacing:-0.1em; color:#ffffff; background:url(http://www.betanews.net/images/btn72.gif) no-repeat; }

#my_box { z-index:2; top:31px; left:72px; width:100px; height:40px; font:11px 돋움; line-height:17px; text-align:left; letter-spacing:-0.1em; position:relative; }
#auto_log { padding:0px; margin:0px; top:62px; left:12px; width:20px; height:20px; font:12px 굴림; position:relative; }
#ssl { padding:0px; margin:0px; top:77px; left:12px; width:20px; height:20px; font:12px 굴림; position:relative; }
#secure1 { top:67px; left:35px; width:160px; height:20px; text-align:left; font:12px 굴림; position:relative; } 
#secure { top:82px; left:35px; width:160px; height:20px; text-align:left; font:12px 굴림; position:relative; } 
#login3 { top:73px; left:15px; width:120px; height:20px; font:12px 굴림; position:relative; }


/* 10.04.30 윤경추가 -> 메인 디자인 수정에 따른 메뉴 추가 */
#list_area03 { width:223px; }
#list_area03 ul { margin:0 0 10px 0; padding:0px; }
#list_area03 li {  margin:0px; padding:2px; list-style-type:none; }
#list_area03 li h3 { margin:0px; padding:0; height:25px; font-size:12px; color:#B3975F; }

#area_left #menu ul li a { color:#FFFFFF; }
#area_left #mkind_list { background:#EBF3F3; }
#area_left #head_menu { background:url(/skin/greenblue/bg.gif); }


/**툴팁**/
#tooltip { z-index:20; padding:10px; width:240px; line-height:18px; background:#FFFFFF; border:3px solid #526dab; color:#555; text-align:left; visibility:hidden; position:absolute; }
#tooltip #tooltip_title { color:#369; font-weight:bold; }
#layer_help { visibility:hidden; text-align:left; position:absolute; border:1px solid #d5d5d5; font:12px 굴림; padding:2px; background:#FFFFCC; z-index:10; }
#tooltip h4 { margin:0px 0px 5px 0px; font:bold 12px 굴림; padding:3px; letter-spacing:-0.1em; background:#f3f3f3; }
#tooltip p { margin:0px; padding:0px; font:12px 굴림; color:#666; line-height:1.46em; word-break:break-all;}

#rank { margin:0 10px 0px; padding:0px; width:10px; float:left; text-align:right; }
#change { margin:0px; padding:0px; width:20px; float:left }
#share { margin:0px; padding:0px; width:160px; float:left }
#game_img { margin:0px; padding:0px; float:right; }