@charset "euc-kr";
body.main, body.sub { text-align:center; background:#262626 url(../img/common/bg_pattern.gif) center 44px repeat-x; }
body.sub {background-color:#262626;}

/* =layout */
body.main .wrap { background: url(../img/common/bg_main3.jpg) center top no-repeat; }
.wrap_in { position:relative; width:910px; margin:0 auto; text-align:left; }

#flash_gnb { height:286px; }
#flash_gnb h1 { position:absolute; left:-5000px; top:-5000px; }
#flash_subGNB { position:absolute; left:-35px; top:0; }
#flash_sign { position:absolute; left:5px; top:0; }
#flash_event { position:absolute; left:0; top:0; }

#maincol { float:left; _display:inline; width:458px; margin-left:226px; }
#leftcol { position:absolute; left:0; top:286px; width:216px; }
#rightcol { float:right; width:216px; }
#skyscraper { position:absolute; right:-100px; top:286px; width:100px; }
#footer { z-index:-1; clear:both; position:relative; width:910px; height:110px; background:url(../img/footer/bg_footer.gif) no-repeat; }
.main #footer { margin-top:39px; }

.sub #flash_subGNB { left:0; }
.sub .wrap_in { width:980px; }
.sub #maincol { width:654px; _height:600px; margin-left:221px; }
.sub #skyscraper { right:0; }
.sub #footer { left:35px; margin-top:0; }

/* =maincol */
.dv_sign { position:relative; z-index:5; height:56px; }
.dv_meet { position:relative; z-index:100; height:124px; background:url(../img/main/bg_meet.gif) no-repeat; }
.dv_congraturation {position:relative; z-index:100; height:124px; background:url(../img/main/bg_congraturation.gif) no-repeat; }
.dv_congraturation .ico_level { position:relative; top:4px; }
.dv_congraturation ol { position:absolute; left:5px; top:30px; }
.dv_congraturation li { width:448px; height:22px; overflow:hidden; text-overflow:ellipsis; padding-left:1px; white-space:nowrap; }
.dv_congraturation li em { display:inline-block; width:134px; }
.dv_congraturation li em a { color:#999; }

.dv_recom { position:relative;  height:180px; background:url(../img/main/bg_recom2.gif) no-repeat; }
.dv_recom h3.title { position:absolute; left:-5000px; top:-5000px; }
.dv_recom .list { position:absolute; left:46px; top:43px; }
.dv_recom .list li { position:relative; float:left; margin-right:22px; }
.dv_recom .list li img { display:block; }
.dv_recom .list .ico { position:absolute; left:-5px; top:0px; }
.dv_recom p.item { text-align:center; margin-top:17px; }
.dv_recom .item a { color:#9E8C7B; }
.dv_recom a.prev { position:absolute; left:21px; top:86px; }
.dv_recom a.next { position:absolute; left:432px; top:86px; }

.dv_news { position:relative; height:182px; margin-top:1px; background:url(../img/main/bg_news.gif) no-repeat; }
.dv_gm { position:relative; height:124px; background:url(../img/main/bg_gm.gif) no-repeat; }

.dv_banner { position:absolute; left:231px; top:286px; z-index:1000; width:455px; height:357px; }
.dv_banner img { display:block; }
.dv_banner .btn { position:absolute; display:block; left:386px; top:320px; } 


/* =leftcol */
.dv_header { width:216px; height:131px; }
.dv_header .pcbang { position:relative; z-index:1; width:216px; height:131px; background:url(../img/login/bg_login_header.png) no-repeat; color:#C47B83; }
.dv_header .pcbang dt { position:absolute; left:-5000px; top:-5000px; }
.dv_header .pcbang dd { position:absolute; left:72px; top:73px; letter-spacing:-1; }
.dv_header .cpa { position:absolute; z-index:3; left:18px; top:98px; }

.login_after { width:216px; height:202px; background:url(../img/login/bg_login_before.png) no-repeat; }
.login_after a img { vertical-align:middle; }
.login_after p.user { position:absolute; left:30px; top:150px; width:161px; height:26px; }
.login_after p.user a.uid { position:relative; top:2px; color:#7AE4EB !important; font-size:11px; letter-spacing:-1; }
.login_after p.user .ico { width:16px; height:16px; vertical-align:middle; margin:0 5px 0 0; }
.login_after p.user .btn { position:absolute; right:5px; top:1px; }
.login_after h3.title { position:absolute; left:0; top:131px; z-index:-100; width:216px; height:202px; text-indent:-5000px; }
.login_after ul.btn { position:absolute; left:17px; top:292px; }
.login_after ul.btn li { float:left; margin-right:3px; padding-bottom:1px; }
.login_after ul.userinfo { position:absolute; left:27px; top:178px; }
.login_after ul.userinfo li { padding-bottom:2px; }
.login_after ul.userinfo li .btn { position:relative; left:5px; top:-1px; }
.login_after ul.userinfo h4 { float:left; clear:left; width:37px; margin-right:3px; text-indent:-5000px; }
.login_after li.memo h4 { background:url(../img/login/tl_memo.gif) 0 1px no-repeat; }
.login_after li.cash h4 { background:url(../img/login/tl_cash.gif) 0 1px no-repeat; }
.login_after li.tease { padding:3px 0 0 8px; margin-bottom:6px; }
.login_after li.tease a { padding:2px 0 0 14px; letter-spacing:-1; color:#D9995A; font-weight:bold; background:url(../img/login/ico_hp.gif) no-repeat;  }
.login_after li.exp { position:relative; margin-bottom:1px; }
* html .login_after li.exp { margin-bottom:-1px !important; }
.login_after li.exp h4 { background:url(../img/login/tl_exp.gif) 0 2px no-repeat; }
.login_after p.expbar { position:relative; top:2px; margin-left:40px; width:122px; height:10px; background:url(../img/login/bg_exp_bar.gif) no-repeat; }
* html .login_after p.expbar { position:absolute; left:-38px; }
.login_after p.expbar .gauge { position:absolute; left:2px; top:2px; height:6px; }
.login_after #get_double_exp { display:none; position:absolute; left:118px; top:-2px; }
* html .login_after #get_double_exp { left:80px; }
.login_after li.rank { padding-top:3px; }
.login_after li.rank h4 { background:url(../img/login/tl_rank.gif) 0 1px no-repeat; }
.login_after li.rank em { padding-left:3px; color:#999; }
.login_after li.clan { position:relative; top:0; padding-top:2px;  }
.login_after li.clan h4 { background:url(../img/login/tl_clan.gif) 0 0 no-repeat; }

.login_before { position:relative; width:216px; height:106px; background:url(../img/login/bg_login_after.png) no-repeat; }
.login_before .title { text-indent:-5000px; }
.login_before .txt { position:absolute; width:117px; height:18px; _height:23px; padding:5px 5px 0 5px; border:0; background:none; }
.login_before .uid { left:17px; top:10px; background:url(../img/login/bg_id.gif) no-repeat 4px 6px; color:#999; font-size:11px; ime-mode:disabled;}
.login_before .upw { left:17px; top:35px; background:url(../img/login/bg_pw.gif) no-repeat 4px 6px; color:#999; font-size:11px; }
.login_before .submit { position:absolute; left:139px; top:10px; }
.login_before ul { position:absolute; left:17px; top:65px; }
.login_before li { float:left; margin-right:3px; }
.login_before li.security { position:absolute; left:119px; top:-2px; width:66px; letter-spacing:-1; }
.login_before li.security input { position:relative; top:1px; margin-right:0px; }


.login_safe {height:134px; background:url(../img/login/bg_login_form.png) no-repeat;}
.login_safe span img {vertical-align:top; position:relative; top:0px; *top:-1px;}
.login_safe span.security {display:inline-block; width:65px; white-space:nowrap; margin:5px 0 0 13px;}
.login_safe span.security input {position:relative; top:2px; margin:0 4px 0 5px; *margin:0;}
.login_safe span.keyboard {display:inline-block; width:93px; text-align:right; letter-spacing:-1;}
.login_safe span.keyboard a {text-decoration:underline; position:relative; top:0px;}
.login_safe span.keyboard .onoff {margin-right:6px;}
.login_safe .ico_key {margin-right:4px;}
.login_safe span.btn_key {display:inline-block; padding-left:7px; vertical-align:middle; background:url(../img/common/bar9.gif) no-repeat 0 1px;}
.login_safe .uid {top:38px;}
.login_safe .upw {top:63px;}
.login_safe .submit {top:38px; }
.login_safe ul {top:93px; }

.non_ru { position:relative; width:216px; height:109px; background:url(../img/login/bg_non_ru.png) no-repeat; }
.non_ru h3.title { text-indent:-5000px; }
.non_ru p.msg { position:absolute; left:31px; top:15px; width:160px; }
.non_ru em { color:#7AE4EB; }
.non_ru ul { position:absolute; left:17px; top:68px; }
.non_ru ul li { float:left; margin-right:5px; }

.dv_vip { margin-bottom:-4px; }

.dv_friends { position:relative; padding-bottom:16px; background:url(../img/main/bg_friends_closer.gif) no-repeat left bottom; }
.dv_friends strong { font-weight:normal; }
.dv_friends .ico { width:16px; height:16px; margin-right:5px; vertical-align:middle; }
.dv_friends .btn { background:url(../img/common/btn_arrow_down.gif) no-repeat right top; padding-right:17px; padding-top:2px;}
.dv_friends .btn img { vertical-align:middle; margin-left:2px; }
.dv_friends h3.title { text-indent:-5000px; width:216px; height:51px; background:url(../img/main/bg_friends.gif) no-repeat left top; }
.dv_friends ul.info {  position:relative; z-index:1000; padding:50px 0 0 17px; }
.dv_friends ul.info li { padding:0 0 3px 8px; background:url(../img/common/bu_dash.gif) no-repeat 0 5px; }
.dv_friends li.manage { position:absolute; z-index:999; left:180px; top:16px; padding:0 !important; background:none !important; }
* html .dv_friends li.manage { left:162px !important; }
.dv_friends li.manage a { display:block; width:26px; height:14px; text-indent:-5000px; background:none; padding:0; }
.dv_friends .myfriend { letter-spacing:-1; }
.dv_friends #friends_list { display:none; width:176px; _width:182px; height:59px; _height:67px; padding:8px 0 0 3px; margin:3px 0 0 17px; overflow:auto; overflow-x:hidden; border:1px solid #262929; background:url(../img/main/bg_friends_list.gif) repeat-y; }
* html #friends_list { padding-top:7px !important; }
*
.dv_friends #friends_list li { padding:0 0 3px 0; }
#friends_list .ico { position:relative; top:-2px; }

.dv_quicklink { height:71px; }
.dv_quicklink li { display:inline; }
.dv_quicklink img { display:block; }

.dv_tease { position:relative; height:81px; background:url(../img/common/bg_tease.gif) no-repeat; }
.dv_tease select { position:absolute; left:20px; top:45px; width:143px; height:19px; border:1px solid #282B2B; background-color:#161616; color:#999;  }
.dv_tease a { position:absolute; left:168px; top:45px; }

/* =rightcol */
.dv_event { position:relative; left:-2px; height:245px; }

.dv_clansearch { position:relative; height:92px; background:url(../img/main/bg_clansearch.gif) no-repeat; }
.dv_clansearch .keyword, .dv_clansearch .submit { position:absolute; top:48px; border:0; background:none; }
.dv_clansearch .keyword { left:15px; width:136px; height:20px; _height:17px; padding:3px 5px 0 5px; }
.dv_clansearch .submit { left:154px; top:44px; width:49px; height:0; _height:25px; padding-top:25px; overflow:hidden; cursor:hand; cursor:pointer; }

.dv_rank { position:relative; height:197; background:url(../img/main/bg_rank.gif) no-repeat; }
.dv_rank .list { position:absolute; left:11px; top:40px; width:194px; height:146px; }
.dv_rank .list h4 { text-align:center; margin-bottom:5px; }
.dv_rank .list ol { margin-top:2px; }
.dv_rank .list ol li { position:relative; padding:5px 0 4px 0; border-bottom:1px solid #2D2B2C; }
.dv_rank .list li a { position:relative; top:1px; padding-left:38px; letter-spacing:-1; }
.dv_rank .list li em { display:block; position:absolute; right:4px; top:4px; font:normal 10px verdana, tahoma, sans-serif; letter-spacing:-1; }
.dv_rank .list li.n1 a { font-weight:bold; color:#D9995A; }
.n1 { background:url(../img/common/ico_n1.gif) 7px 5px no-repeat; }
.n2 { background:url(../img/common/ico_n2.gif) 7px 5px no-repeat; }
.n3 { background:url(../img/common/ico_n3.gif) 7px 5px no-repeat; }
.n4 { border:0 !important; background:url(../img/common/ico_n4.gif) 7px 5px no-repeat; }
.dv_rank a.prev { position:absolute; left:35px; top:42px; }
.dv_rank a.next { position:absolute; left:170px; top:42px; }

.dv_rank .no_result { border:0 !important; text-align:center; }
.dv_rank .no_result img { position:relative; top:15px; }

.dv_screenshot { position:relative; height:133px; background:url(../img/main/bg_screenshot.gif) no-repeat; }
.dv_screenshot .title { z-index:999; }
.dv_screenshot ul { position:relative; z-index:1; padding:45px 0 0 19px; }
.dv_screenshot li { float:left; margin-right:8px; }

/* =skyscraper */
.dv_honor { display:none; position:relative; height:190px; _height:218px; padding:28px 0 0 11px; background:url(../img/main/bg_honor.png) no-repeat;}
#honorTrigger { position:absolute; left:5px; top:0; }
.dv_honor #honorMore { display:none; position:absolute; right:95px; top:0; width:200px; height:211px; border:1px solid yellow; background:yellow; }

.dv_mvp { position:relative; height:72px; _height:118px; margin-top:5px; padding:46px 0 0 5px; background:url(../img/main/bg_mvp.png) no-repeat; }
.dv_mvp #mvpMore { display:none; position:absolute; right:95px; top:46px; width:200px; height:65px; border:1px solid green; background:green; }

.dv_cpa { position:relative; top:-5px; height:200px; _height:209px; padding:9px 0 0 9px; background:url(../img/main/bg_cpa.png) no-repeat; }
.dv_cpa iframe { position:relative; z-index:100; left:1px; width:82px; height:191px; overflow:hidden; }

/*
.dv_cpa { position:relative; height:200px; _height:209px; margin-top:5px; padding:9px 0 0 9px; background:url(../img/main/bg_cpa.png) no-repeat; }
.dv_cpa iframe { position:relative; z-index:100; width:82px; height:191px; overflow:hidden; }
*/


.dv_flashAD {position:relative; left:5px; height:153px; zoom:1;}
#Reminder {width:93px !important; height:153px !important;}
#FloatLayer1 {left:-325px !important;}
#FloatLayer2 {top:0 !important;}

/* =footer */
#footer li { position:absolute; }
#footer li.about { left:229px; top:18px; }
#footer li.agreement { left:277px; top:18px; }
#footer li.policy { left:328px; top:18px; }
#footer li.neowiz { left:2px; top:34px; }
#footer li.smilegate { left:94px; top:18px; }
#footer li.copyright { left:228px; top:37px; }
#footer li.gameinfo { left:652px; top:18px; }

/* =common style */
.main h1, .dv_quicklink h3, .dv_tease h3 { position:absolute; left:-5000px; top:-5000px; }
.date { font:normal 10px verdana, sans-serif; letter-spacing:-1; }
.ico { margin-left:5px; }
.ico_level { width:16px; height:16px; margin-right:5px; }

h3.title { z-index:100; position:absolute; height:17px; _height:24px; padding:8px 0 0 4px; }
h3.title a { display:block; width:208px; height:16px; text-indent:-5000px; }
#skyscraper h3.title { display:none; }
#maincol h3.title a { width:448px; }

.summary h4 { position:absolute; left:122px; top:36px; }
.summary h4 a { font-size:12px; color:#999; }
.dv_meet h4 a { color:#D9995A; }
.dv_gm h4 { top:39px; }

.summary ul li { position:absolute; }
.summary ul li.image { left:6px; top:35px; }
.summary ul li.desc { left:122px; top:66px; width:326px; height:56px; overflow:hidden; }
.summary ul li.date { left:382px; top:35px; }

.dv_news h4 { left:101px; top:45px; }
.dv_news li.desc { left:101px !important; top:63px !important; white-space:nowrap; text-overflow:ellipsis; }
.dv_news li.date { left:383px !important; top:45px !important; }
.dv_gm li.date { top:39px !important; }

.summary ol { position:absolute; left:14px; top:89px; }
* html .summary ol { top:95px; }
.summary ol li { position:relative; width:431px; height:22px; line-height:22px; }
.summary ol li a { position:relative; top:1px; }
.summary ol .ico { margin:0 14px 0 0; vertical-align:middle; }
* html .summary ol .ico { position:relative; top:-1px; }
.summary ol span.date { position:absolute; right:1px; top:3px; }
* html .summary ol span.date { top:-1px; }

/** ·¹À̾îÆ˾÷ ¼¾ÅÍÁ¤·Ä **/
#cmPopAlign { position:absolute; top:43px; left:50%; margin-left:-490px; width:980px; z-index:99; }