* { margin:0; padding:0; }
html, body { height:100%; overflow:auto; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Common/bg_wrap.gif') center top repeat; }
body, div, p, table, th, td, dt, dd, li, input, select, textarea, button, h1, h2, h3, h4, h5, h6 { font:12px/14px Gulim, 굴림, Arial, sans-serif; color:#686868; }

a, a:link, a:visited { color:#686868; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
fieldset { border:none; }
li { list-style:none; }
table { border-collapse:collapse; }

.fl{float:left;}
.fr{float:right;}
.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
.clear { clear:both; }

/* margin,padding */
.mt0	{margin-top:0;}
.mt2	{margin-top:2px;}
.mt3	{margin-top:3px;}
.mt4	{margin-top:4px;}
.mt5	{margin-top:5px;}
.mt6	{margin-top:6px;}
.mt7	{margin-top:7px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt30	{margin-top:30px;}
.mt35	{margin-top:35px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}

.mtm10 {margin-top:-10px;}

.ml1	{margin-left:1px;}
.ml5	{margin-left:5px;}
.ml8	{margin-left:8px;}
.ml10	{margin-left:10px;}
.ml13	{margin-left:13px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}
.ml40	{margin-left:40px;}
.ml50	{margin-left:50px;}

.mr1	{margin-right:1px;}
.mr5	{margin-right:5px;}
.mr8	{margin-right:8px;}
.mr10	{margin-right:10px;}
.mr13	{margin-right:13px;}

.mb10	{margin-bottom:10px;}

.pt0	{padding-top:0;}
.pt5	{padding-top:5px;}
.pt8	{padding-top:8px;}
.pt10	{padding-top:10px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt40	{padding-top:40px;}

.pl5	{padding-left:5px;}					
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px;}

.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}

.pb10	{padding-bottom:10px;}
.pb20	{padding-bottom:20px;}



input.txt{border:solid 1px #281f10; background-color:#cdccc9; height:20px;}

.png24 {tmp:expression(setPng24(this));position:relative;} /* png파일일 경우 IE6패치 */



/* LAYOUT */

#Wrap{position:relative; margin:0; padding:0; text-align:center;}
#header {position:relative;  height:230px; background-color:#e1e1e1; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Common/bg_toparea.jpg') center top no-repeat; text-align:center;}
#header #gnb {width:1240px; height:252; margin:0 auto; text-align:center;}
#container {width:1250px; position:relative; height:659px; margin:0 auto; padding:0; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Main/bg_main_test.jpg') center top no-repeat;}

#Wrap_100226{position:relative; margin:0; padding:0; width:100%; height:100%; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Common/bg_wrap.gif') center top repeat; text-align:center; }
#container_100226 { position:relative; width:100%; height:978px; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Main/bg_main100226.jpg') center top no-repeat;  overflow-x:hidden; text-align:left; }
#container_100226 #contents{ position:relative; margin:0 0 0 -410px; width:820px; top:0; left:50%;}
#banner_join {position:absolute; left:50%; top:0; margin:250px 0 0 415px; z-index:999;}


#container #leftarea{float:left; width:380px;}
#container #leftarea .gamestart{margin:35px 0 0 100px;}
#container #leftarea .login{margin:25px 0 0 45px; padding:35px 0 0 35px; text-align:left; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Main/bg_login.png') left top no-repeat; width:300px; height:149px;}
#container #leftarea .logout{margin:25px 0 0 45px; padding:15px 0 0 20px; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Main/bg_login.png') left top no-repeat; width:280px; height:134px; }
#container #leftarea .logout .welcome{color:#ae9d7d; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Main/bg_logout.gif') left top no-repeat; width:234px; height:30px; padding:24px 0 0 20px;}
#container #leftarea .logout .welcome span{font-weight:bold;}
#container #leftarea .logout .cbttester{color:#5a7181; padding:8px 0 0 0; text-align:center; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Main/bg_cbttester.gif') left top no-repeat; width:254px; height:20px; margin-top:10px;}
#container #leftarea .movie{margin:25px 0 0 80px;}
#container #leftarea .intro{margin:25px 0 0 50px;}

#container #rightarea{float:right; width:420px; text-align:right;}
#container #rightarea .tester{margin:50px 28px 0 0;}
#container #rightarea .rolling{margin:35px 130px 0 0;}
#container #rightarea .fancafe{margin:25px 55px 0 0; }
#container #rightarea .notice{margin:35px 50px 0 0; text-align:left; padding:15px 20px 0; width:300px; height:149px; background:url('http://image.webzen.co.kr/Battery/WWW/IMG/Main/bg_notice.png') left top no-repeat; text-align:left;}
#container #rightarea .notice table{width:100%; margin-top:10px; table-layout:fixed;}
#container #rightarea .notice table tr th{font-size:11px; color:#8e8471; letter-spacing:-1px; text-align:right;}
#container #rightarea .notice table tr td{font-size:11px; color:#8e8471; letter-spacing:-1px;}
#container #rightarea .notice table tr td.sub{padding-left:5px; height:16px;}
#container #rightarea .notice table tr td.sub p{width:170px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; font-size:11px; }
#container #rightarea .notice table tr td.sub a{color:#8e8471;}
#container #rightarea .notice table tr td.date{color:#595543}


/* 동영상 보기 */
#Main_Layer { position:absolute; width:100%; height:1000px; padding:0; padding:0; z-index:1000000000;}
#Main_Layer #Layer_Align { position:absolute; width:800px; height:467px; left:50%; margin:200px 0 0 -400px; top:0; z-index:9999999999;}
#Main_Layer #Layer_Back { width:100%; height:100%; background-color:#000000; filter:Alpha(Opacity=85); opacity:0.8;}
	
#Main_Layer02 { position:absolute; width:100%; height:1000px; padding:0; padding:0; z-index:1000000000;}
#Main_Layer02 #Layer_Align02 { position:absolute; width:800px; height:467px; left:50%; margin:200px 0 0 -400px; top:0; z-index:9999999999;}
#Main_Layer02 #Layer_Back02 { width:100%; height:100%; background-color:#000000; filter:Alpha(Opacity=85); opacity:0.8;}


/* Copyright */
#footer {position:relative; clear:both; width:100%; text-align:left; height:72px; background-color:#161615;}
#footer #footcon {position:relative; width:1128px; margin:0 auto; height:72px; overflow:hidden; text-align:left;}
#footer #footcon #webzen { float:left; margin:16px 0 0 70px; width:40px; }
#footer #footcon #nhngames { float:left; margin:20px 0 0 40px; width:62px;}
#footer #footcon #copyright { float:left; margin:30px 0 0 320px; width:217px;}
#footer #footcon #grade { float:right; margin:13px 0 0 0;}

 /* Login Popup */
#Login_Layer {display:none; position:absolute; width:100%; height:100%; padding:0; padding:0; z-index:1000000; }
#Layer_Back { width:100%; height:100%; background-color:#000000; filter:Alpha(Opacity=85); opacity:0.8;}
#Login_Layer #Login_Align {position:absolute; width:435px; height:262px; left:50%; margin:250px 0 0 -270px; top:0; z-index:99999999999999; background:url(http://image.webzen.co.kr/Battery/WWW/IMG/Common/login_bg_login.gif) no-repeat;}
#Login_Layer #Login_Align div.close{ text-align:right; padding:5px 5px 0 0;}
#Login_Layer #Login_Align div.txt{padding:10px 0 0 30px; }
#Login_Layer #Login_Align div.login{padding:10px 0 0 40px;}
#Login_Layer #Login_Align div.key{clear:both; padding:5px 0 0 0; margin:0 0 0 40px; font-weight:bold; font-size:#ae9d7d; font-size:11px;}
#Login_Layer #Login_Align div.join{padding:30px 0 0 40px; color:#91897b; font-size:12px; font-weight:bold;}
input.logintxt{border:solid 1px #281f10; background-color:#cdccc9; height:17px; color:#a3a19d; font-size:11px;}