@charset "euc-kr";
* { margin:0; padding:0; font-family:µ¸¿ò;}
body { background:#000; font:normal 12px µ¸¿ò; color:#fff;}
img { border:0; display:block; vertical-align:baseline; }
a { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; border:0; }
table.container { table-layout:fixed; width:100%; }
td { vertical-align:top; }
td.contents { position:relative; width:980px;}
ol, ul {list-style:none;}

.png { tmp:expression(setPng(this)); }

.bg_left {background:url(../img/bg.gif) repeat-x right top;}
.bg_right {background:url(../img/bg.gif) repeat-x left top;}

div.left {background:url(../img/left.jpg) no-repeat right top; height:1250px;}
div.right {background:url(../img/right.jpg) no-repeat left top; height:1250px;}


.title {position:relative; height:210px; background:url(../img/title.jpg) no-repeat;}



.user {position:absolute; left:647px; top:50px; width:238px; height:120px; padding:23px 0 0 20px; font-size:12px; color:#9cb3c0; overflow:hidden; }
.user span {display:block; width:210px; overflow:hidden; text-overflow:ellipsis; height:19px;  padding:0 0 0 7px; background:url(../img/bu.gif) no-repeat 0 5px; white-space:nowrap;}
.user em {font-style:normal; color:#d6ce00;}



.event {position:relative; height:225px; background:url(../img/event.jpg) no-repeat;}

div.login {position:absolute; left:647px; top:50px; width:238px; height:120px; background:url(../img/login.gif) no-repeat;}
input.text {position:absolute; left:12px; top:37px; width:151px; height:21px; padding:3px 8px 0 8px; border:0; background:url(../img/id.gif) no-repeat 7px 6px; font:bold 11px verdana; color:#c6d6df; }
input.pw {top:63px; background-image:url(../img/pw.gif);}
.login a {position:absolute; display:block; text-indent:-5000px;}
a.login {left:168px; top:37px; width:58px; height:48px;}
a.find {left:11px; top:91px; width:103px; height:10px;}
a.join {left:126px; top:91px; width:54px; height:10px;}


a.gamestart {position:absolute; display:block; width:215px; height:33px; left:658px; top:170px; text-indent:-5000px;}
a.select_loc {position:absolute; display:block; width:192px; height:33px; left:389px; top:170px; text-indent:-5000px;}

.clanmark {position:relative; height:209px; background:url(../img/clanmark.jpg) no-repeat;}
.clanmark .prev {position:absolute; left:94px; top:94px; width:16px; height:27px;}
.clanmark .next {position:absolute; left:872px; top:94px; width:16px; height:27px;}


.clanmark li {position:relative; float:left; _display:inline; width:79px; height:110px; margin:0 7px; text-align:center;}
.clanmark div.mark {position:absolute; left:0; top:0; z-index:1; width:79px; height:79px;}
.clanmark div.mark img {width:100%; height:100%;}
.clanmark ul {clear:both; margin:68px 0 0 119px; }
.clanmark li a {position:absolute; z-index:100; left:0; top:-7px; display:block; width:79px; height:119px; padding-top:86px; overflow:hidden; text-overflow:ellipsis; margin:6px 0 0 0; font-size:11px; color:#9aadb7; white-space:nowrap; background:url(../img/blank.gif);}
.clanmark li a:hover {color:#c6d6df; text-decoration:none;}
.clanmark strong {display:block; height:14px; cursor:pointer; _cursor:hand;}

.footer {padding-top:110px; background:url(../img/notice.jpg) no-repeat;}

.ranking {position:relative; height:396px; background:url(../img/rank.jpg) no-repeat;}
#INFO_DOC {width:630px; height:371px; background:transparent;}
.map {position:absolute; left:648px; top:0;}


body.frame {background:transparent;}
.rank_list {position:relative;}
.ranking_list h3 {position:absolute; left:141px; top:14px; font-weight:bold; font-size:14px; color:#fff600;}
table.list {position:absolute; left:114px; top:73px; table-layout:fixed; width:508px;}
.list img {display:inline;}
.list tr.index {display:none;}
.list td {height:22px; font-size:12px; color:#9aadb7; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list td span {white-space:nowrap;}
.el1 {width:30px;}
.el2 {width:162px; white-space:nowrap;}
.el2 img {vertical-align:middle;}
.el2 a {color:#9aadb7; white-space:nowrap; width:130px; overflow:hidden; text-overflow:ellipsis;}
a:hover {text-decoration:underline; color:#c6d6df;}
.el3 {text-align:center; width:100px;}
.el4 {text-align:center; width:40px;}
.el5 {text-align:center; width:70px;}
.el6 {text-align:center; }
.el1 span {display:block; width:19px; height:13px; background-repeat:no-repeat; background-image:url(../img/num.gif); text-indent:-5000px; overflow:hidden;}
.n1  {background-position:0 0;}
.n2  {background-position:0 -13px;}
.n3  {background-position:0 -26px;}
.n4  {background-position:0 -39px;}
.n5  {background-position:0 -52px;}
.n6  {background-position:0 -65px;}
.n7  {background-position:0 -78px;}
.n8  {background-position:0 -91px;}
.n9  {background-position:0 -104px;}
.n10 {background-position:0 -117px;}
.no1 a, .no2 a, .no3 a {font-weight:bold;}
.no1 * {color:#fff600 !important; font-weight:bold !important;}





.pop .wrap {position:relative; width:450px; height:470px; background:url(../img/pop.jpg) no-repeat;}
.pop .btn, .pop .close {display:block; position:absolute; text-indent:-5000px;}
.pop .btn {left:296px; top:357px; width:117px; height:33px;}
.pop .close {left:200px; top:427px; width:51px; height:27px;}
.pop .loc1 {position:absolute; left:68px; top:363px;}
.pop select {width:80px; background:#133247; color:#a7c1d3;}
.pop .loc2 {position:absolute; left:200px; top:363px;}