@charset "euc-kr";

/* damanegi1979@naver.com */

/* background image*/
.indexType01{ background:url(/web/cp2/zombieon/v/img/index/bg_index05.jpg) no-repeat center 35px;} 
#top_navi_cnt{background:url(/web/cp2/zombieon/v/img/common/bg_swf_gnb.jpg) 50% 0 no-repeat;}
html{overflow-x:hidden; background:#fff;}
body{min-width:959px; text-align:center}
h1{display:none;}

/* header */
#wrapper{position:relative; width:100%; margin-left:auto; margin-right:auto; padding-top:377px;text-align:center}
#flash{position:absolute; z-index:1; text-align:center; top:0; width:100%; left:0;}
#header{position:relative; z-index:10; width:959px; margin:0 auto; *zoom:1; text-align:left;}
#header:after{ display:block; clear:both; content:""}
#header #gameStart{ zoom:1; font-size:0; position:absolute; left:0; bottom:118px}
#header #gameStart div{ zoom:1; font-size:0}
#header #keyBanner{ zoom:1; font-size:0; margin:0; padding:0 0 0 243px;}
#header #keyBanner div{ zoom:1; font-size:0}
#header #keyBanner #navi_cnt{ position:relative; z-index:20; margin-top:-181px}
#header .dummy { *zoom:1; display:none }

#header #loginArea{position:absolute; bottom:0; left:0px; width:243px; height:118px; background:url(/web/cp2/zombieon/v/img/layout/bg_loginArea.gif) no-repeat; float:left;}
#header #loginArea label{display:none;}
#header #loginArea .idInput{border:1px solid #16172b; border-right:1px solid #343559; border-bottom:1px solid #343559;   color:#fff; width:148px; height:24px; line-height:20px; padding-left:10px; position:absolute; left:15px; top:35px; background-color:#1d1d33;}
#header #loginArea .pwInput{border:1px solid #16172b; border-right:1px solid #343559; border-bottom:1px solid #343559;   color:#fff; width:148px; height:24px; line-height:20px; padding-left:10px; position:absolute; left:15px; top:62px; background-color:#1d1d33;}
#header #loginArea .idArea .bg{background:url(/web/cp2/zombieon/v/img/layout/bg_id.gif) no-repeat 6px center; background-color:#1d1d33;}
#header #loginArea .pwArea .bg{background:url(/web/cp2/zombieon/v/img/layout/bg_pw.gif) no-repeat 6px center; background-color:#1d1d33;}
#header #loginArea #btnLogin{position:absolute; left:167px; top:34px;}
#header #loginArea #accountBtn{position:absolute; bottom:0; left:0;}
#header #loginArea input,#header #loginArea #btnLogin{ float:left;}
#header #loginArea .inputbr{border:1px solid #494a7e;}
#header #loginArea .mainCharacter{display:inline; width:50px; height:50px; background:url(/web/cp2/zombieon/v/img/layout/bg_mailCha.gif) no-repeat; float:left; overflow:hidden; margin:19px 0 0 20px;}
#header #loginArea .mainCharacter img{float: left;}
#header #loginArea .ucharacter{color:#717295; margin-top:19px; float:left; display:inline;width:200px; margin-left:28px;}
#header #loginArea .ucharacter dt{font-size:12px; line-height:18px; height:18px;}
#header #loginArea .ucharacter dt strong{ color:#c8c9e1;}
#header #loginArea .ucharacter dt .setup{display:inline-block; width:16px; height:16px; background:url(/web/cp2/zombieon/v/img/layout/btn_setup.gif) no-repeat; vertical-align: middle;}
#header #loginArea .ucharacter dt .setup em{ display:none;}
#header #loginArea .ucharacter dd{font-size:11px; line-height:17px;}
#header #loginArea .ucharacter dd.uLevel strong, #header #loginArea .ucharacter dd.uLevel em{color:#c8c9e1;}
#header #loginArea .ucharacter dd img{vertical-align:middle; margin-left:5px;}
#header #loginArea .ucharacter dd.uLevel{ position:absolute; left:122px; top:53px;}
#header #loginArea .ucharacter dd.uLevel img{ float:left; margin-right:3px;}
#header #loginArea .s1 {position:absolute;top:13px;left:15px;background:url(/web/cp/hub/img/fps/login_bar.gif) 100% 2px no-repeat;display:inline-block;height:10px;;padding-right:6px;}
#header #loginArea .s1 a{color:#757476;font-size:11px;letter-spacing:-1px;}
#header #loginArea .s1 strong{color:#ed1c00;font:bold 11px dotum;letter-spacing:-1px;margin-left:-1px;}
#header #loginArea .s2{position:absolute;top:15px;left:73px}
#header #loginArea .s2 a{color:#c9c9c9;font:11px dotum;letter-spacing:-1px;padding-left:15px;}
#header #loginArea .s2 input{vertical-align:-2px;border:0}
#header #loginArea #Keychk{ width:13px; height:13px; margin:0; padding:0; vertical-align:middle; position:absolute;top:-1px;left:74px}
#header #loginArea .link {position:absolute;left:15px;top:92px;display:inline-block;}
#header #loginArea .link span{display:inline-block;background:url(/web/cp2/zombieon/v/img/layout/login_bar02.gif) 0 3px no-repeat;padding-left:8px;margin-left:2px;}
#header #loginArea .link a{color:#717295;letter-spacing:-1px;}
#header #loginArea .link a:hover{text-decoration:underline;}
#header #loginArea .link span.l1{background:none;padding:0;margin:0;}

#tooltip{background:url(http://c2.img.netmarble.kr/web/cp2/ma9/v/img/main/i_tooltip.gif) 0 0 no-repeat;color:#666666;font-size:11px;display:block;text-align:center;letter-spacing:-1px;padding-top:12px;width:152px;height:32px; _height:44px; position:absolute;top:85px;left:15px;z-index:2;display:none;}
#tooltip strong{color:#E31E2A;margin-right:1px}

#header .mgm_login #loginArea{position:absolute; bottom:0; left:0px; width:243px; height:118px; background:url(/web/cp2/zombieon/v/img/layout/bg_loginArea.gif) no-repeat; float:left;}
#header .mgm_login #loginArea iframe{ margin:0; padding:0; height:118px}
#header .mgm_login #loginArea label{display:none;}
#header .mgm_login #loginArea .idInput{border:1px solid #16172b; border-right:1px solid #343559; border-bottom:1px solid #343559;   color:#fff; width:119px; height:19px; line-height:16px; padding-left:10px; position:absolute; left:25px; top:9px; background-color:#1d1d33;}
#header .mgm_login #loginArea .pwInput{border:1px solid #16172b; border-right:1px solid #343559; border-bottom:1px solid #343559;   color:#fff; width:119px; height:19px; line-height:16px; padding-left:10px; position:absolute; left:25px; top:31px; background-color:#1d1d33;}
#header .mgm_login #loginArea .idArea .bg{background:url(/web/cp2/zombieon/v/img/layout/bg_id.gif) no-repeat 6px center; background-color:#1d1d33;}
#header .mgm_login #loginArea .pwArea .bg{background:url(/web/cp2/zombieon/v/img/layout/bg_pw.gif) no-repeat 6px center; background-color:#1d1d33;}
#header .mgm_login #loginArea #btnLogin{position:absolute; left:147px; top:8px;}
#header .mgm_login #loginArea #accountBtn{position:absolute; bottom:0; left:0;}
#header .mgm_login #loginArea input,#header .mgm_login #loginArea #btnLogin{ float:left;}
#header .mgm_login #loginArea .inputbr{border:1px solid #494a7e;}
#header .mgm_login #loginArea .mainCharacter{display:inline; width:50px; height:50px; background:url(/web/cp2/zombieon/v/img/layout/bg_mailCha.gif) no-repeat; float:left; overflow:hidden; margin:19px 0 0 20px;}
#header .mgm_login #loginArea .mainCharacter img{float: left;}
#header .mgm_login #loginArea .ucharacter{color:#717295; margin-top:19px; float:left; display:inline;width:200px; margin-left:28px;}
#header .mgm_login #loginArea .ucharacter dt{font-size:12px; line-height:18px; height:18px;}
#header .mgm_login #loginArea .ucharacter dt strong{ color:#c8c9e1;}
#header .mgm_login #loginArea .ucharacter dt .setup{display:inline-block; width:16px; height:16px; background:url(/web/cp2/zombieon/v/img/layout/btn_setup.gif) no-repeat; vertical-align: middle;}
#header .mgm_login #loginArea .ucharacter dt .setup em{ display:none;}
#header .mgm_login #loginArea .ucharacter dd{font-size:11px; line-height:17px;}
#header .mgm_login #loginArea .ucharacter dd.uLevel strong, #header .mgm_login #loginArea .ucharacter dd.uLevel em{color:#c8c9e1;}
#header .mgm_login #loginArea .ucharacter dd img{vertical-align:middle; margin-left:5px;}
#header .mgm_login #loginArea .ucharacter dd.uLevel{ position:absolute; left:122px; top:53px;}
#header .mgm_login #loginArea .ucharacter dd.uLevel img{ float:left; margin-right:3px;}
#header .mgm_login #loginArea .s1 {position:absolute;top:13px;left:15px;background:url(/web/cp/hub/img/fps/login_bar.gif) 100% 2px no-repeat;display:inline-block;height:10px;;padding-right:6px;}
#header .mgm_login #loginArea .s1 a{color:#757476;font-size:11px;letter-spacing:-1px;}
#header .mgm_login #loginArea .s1 strong{color:#ed1c00;font:bold 11px dotum;letter-spacing:-1px;margin-left:-1px;}
#header .mgm_login #loginArea .s2{position:absolute;top:54px;left:25px}
#header .mgm_login #loginArea .s2 a{color:#7c7dac;font:12px dotum;letter-spacing:-1px;padding-left:17px;}
#header .mgm_login #loginArea .s2 input{vertical-align:-2px;border:0}
#header .mgm_login #loginArea #Keychk{ width:13px; height:13px; margin:0; padding:0; vertical-align:middle; position:absolute;top:-1px;left:0}
#header .mgm_login #loginArea .s3{position:absolute;top:70px;left:25px}
#header .mgm_login #loginArea .s3 a{color:#7c7dac;font:12px dotum;letter-spacing:-1px;padding-left:17px;}
#header .mgm_login #loginArea .s3 input{border:0; width:13px; height:13px; margin:0; padding:0; vertical-align:middle; position:absolute;top:-1px;left:0}
#header .mgm_login #loginArea .link {position:absolute;left:15px;top:92px;display:inline-block;}
#header .mgm_login #loginArea .link span{display:inline-block;background:url(/web/cp2/zombieon/v/img/layout/login_bar02.gif) 0 3px no-repeat;padding-left:8px;margin-left:2px;}
#header .mgm_login #loginArea .link a{color:#717295;letter-spacing:-1px;}
#header .mgm_login #loginArea .link a:hover{text-decoration:underline;}
#header .mgm_login #loginArea .link span.l1{background:none;padding:0;margin:0;}
#header .mgm_login #loginArea .link {position:absolute;left:15px;top:92px;display:inline-block;}
#header .mgm_login #loginArea .link span{display:inline-block;background:url(/web/cp2/zombieon/v/img/layout/login_bar02.gif) 0 3px no-repeat;padding-left:8px;margin-left:2px;}
#header .mgm_login #loginArea .link a{color:#717295;letter-spacing:-1px;}
#header .mgm_login #loginArea .link a:hover{text-decoration:underline;}
#header .mgm_login #loginArea .link span.l1{background:none;padding:0;margin:0;}
#header .mgm_login #loginArea .bt_otp{ position:absolute; top:52px; left:147px}
#header .mgm_login #loginArea .bt_tel{ position:absolute; top:52px; left:183px}
#header .mgm_login #loginArea .mgm_policy{color:#717295; margin-top:11px; float:left; display:inline;width:200px; margin-left:28px;}
#header .mgm_login #loginArea .mgm_policy dt{font-size:12px; line-height:18px; height:18px;}
#header .mgm_login #loginArea .mgm_policy dt strong{ color:#c8c9e1;}
#header .mgm_login #loginArea .mgm_policy dt .setup{display:inline-block; width:16px; height:16px; background:url(/web/cp2/zombieon/v/img/layout/btn_setup.gif) no-repeat; vertical-align: middle;}
#header .mgm_login #loginArea .mgm_policy dt .setup em{ display:none;}
#header .mgm_login #loginArea .mgm_policy dd{font-size:11px; line-height:14px;}
#header .mgm_login #loginArea .mgm_policy dd.uLevel strong, #header .mgm_login #loginArea .mgm_policy dd.uLevel em{color:#c8c9e1;}
#header .mgm_login #loginArea .mgm_policy dd img{vertical-align:middle; margin-left:5px;}
#header .mgm_login #loginArea .mgm_policy dd.uLevel{ position:absolute; left:122px; top:53px;}
#header .mgm_login #loginArea .mgm_policy dd.uLevel img{ float:left; margin-right:3px;}
#header .mgm_login #loginArea .btn_agree{ position:absolute; left:28px; top:60px}

/* header end */

#SkyBannerBox .bg_left_sky, #SkyBannerBox .bg_right_sky {display:none}
#SkyBanner {display:none}
#SkyBannerBox.wd_1280 {position:relative;width:1240px;margin:0 auto;text-align:center; z-index:20; zoom:1;}
#SkyBannerBox.wd_1280 #SkyBanner {position:absolute;width:120px;height:510px;left:1111px;top:-220px;z-index:100;text-align:left;display:block}
#SkyBanner .ssBanner {position:absolute;left:5px;top:5px;width:110px;height:500px;}
#SkyBanner .ssBanner img {width:110px;height:500px;border:0}
#SkyBanner .ssRound {position:absolute;width:120px;height:510px;z-index:2;cursor:pointer;background:url(/web/cp2/zombieon/v/img/index/rd_skybanner02.gif) 0 0 no-repeat;}
.divPCbang{ margin-top:20px}
.divPCbang img{ vertical-align:top}

#contentsArea{width:980px; margin:0 auto 0; padding-top:14px; text-align:left; zoom:1; background:#fff}
#contentsArea:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}

/* left area */
#leftCon{width:225px; display:inline; margin-left:11px; float:left; padding-top:32px; position:relative; z-index:10;text-align:left}
.guideArea{width:220px; margin-top:20px;}
.guideArea .guidePre { text-align:left}
.guideArea .guidePre h3{ font-size:15px; color:#222; font-weight:bold; line-height:22px; margin-bottom:10px;text-align:left}
.guideArea .guidePre img{ float:left; margin-left:4px; margin-right:10px; line-height:18px;}
.jump{ clear:both; text-align:right; margin-top:7px; font-family:tahoma; font-size:11px; color:#999; width:220px; height:20px;}
.jump strong{ color:#555555;}
.jump span{ font-weight:bold;}
.jump a{display:inline-block; height:18px; background:url(/web/cp2/zombieon/v/img/index/btn_page.gif) no-repeat; vertical-align:middle;}
.jump a em{ display:none;}
.jump a.back{width:19px; background-position:0 0; margin-left:6px;}
.jump a.next{width:18px; background-position:-19px 0;}
.profileList{margin-top:29px; zoom:1; height:83px;}
.profileList:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.profileList li,.profileList li img{ display:inline-block; float:left;}
.profileList li{margin-right:1px; margin-bottom:1px; z-index:1;}
.profileList li.position{ position:relative;}

.profileList li .profileView{position:absolute; display:block; width:269px; height:104px; background:url(/web/cp2/zombieon/v/img/index/bg_profile.png) no-repeat; z-index:100; padding:34px 0 0 17px; left:-32px; top:30px; display:none;}
*html .profileList li .profileView{background:url(/web/cp2/zombieon/v/img/index/bg_profile.gif) no-repeat;}
.profileList li .profileView .user{border:1px solid #000; position:absolute; left:0px; top:0px;}
.profileList li .profileView .userName{color:#5250df; background:url(/web/cp2/zombieon/v/img/board/bg_nick.gif) no-repeat left 3px; padding-left:10px; margin-left:95px;}
.profileList li .profileView .clubName{color:#222; margin-top:5px;}
.profileList li .profileView .clubName img{ margin-right:5px;}
.profileList li .profileView .character{ color:#777; margin-top:30px;}
.profileList li .profileView .profleImg{position:relative; width:82px; height:82px; margin-right:12px; display:inline-block; float:left;}
.profileList li .profileView .area{position:absolute; right:0; bottom:0;}

.leftBanner{clear:both; margin-top:9px; zoom:1;}
.leftBanner:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.leftBanner img{float:left;}
.leftBanner input{width:168px; height:39px; border:5px solid #33af03; float:left; margin-right:3px; padding-left:5px; line-height:25px; font-size:15px; font-weight:bold; color:#000;}

.leftGuide{ width:221px; height:135px; clear:both; margin-top:9px; zoom:1; background:url(/web/cp2/zombieon/v/img/index/m_guide.jpg) no-repeat 0 0;}
.leftGuide ul{ padding:50px 0 0 14px}
.leftGuide ul li{ padding-left:10px; background:url(/web/cp2/zombieon/v/img/index/bg_arr.gif) no-repeat 0 5px;}
.leftGuide ul li a{ font-size:13px; color:#fff; line-height:18px}
.leftGuide ul li a:link, .leftGuide ul li a:visited, .leftGuide ul li a:hover, .leftGuide ul li a:active{ color:#fff}
.leftGuide ul li a:hover{ text-decoration:underline}

h3.tabRank a{display:inline-block; height:31px;}
h3.tabRank a span{ display:none;}
h3.tabRank a.personal{width:110px; background:url(/web/cp2/zombieon/v/img/index/bg_rank01.gif) no-repeat 0 0;}
h3.tabRank a.club{width:111px; background:url(/web/cp2/zombieon/v/img/index/bg_rank02.gif) no-repeat 0 0;}
h3.tabRank a.active{background-position:0 -31px !important;}
.rankList {width:220px; background:url(/web/cp2/zombieon/v/img/index/bg_rankNum.gif) no-repeat right top; margin-top:12px;}
.rankList li{border-bottom:1px solid #d8d8d8; height:42px; padding-left:9px; padding-top:8px; line-height:20px;}
.rankList a{color:#222 !important; float:left;}
.rankList strong{display:inline-block; width:17px; height:17px; float:left; margin-right:3px;}
.rankList strong span{display:none;}
.rankList strong.areaG{background:url(/web/cp2/zombieon/v/img/common/ico_g.gif) no-repeat;}
.rankList strong.areaB{background:url(/web/cp2/zombieon/v/img/common/ico_b.gif) no-repeat;}
.rankList .character{color:#777777;}
.clubList{border-top:1px solid #464646; width:220px;}
.clubList li{border-bottom:1px solid #d8d8d8; position:relative; height:41px; padding-top:9px; display:block; float:left; width:220px;}
.clubList li a{display:block; color:#777777 !important;}
.clubList li a strong{color:#222222 !important; font-weight:normal;}
.clubList li img{border:1px solid #c4c4c4; float:left; padding:5px; margin-right:10px; margin-left:9px; margin-top:2px;}

.zrank_area{ position:relative; width:221px; zoom:1; margin-top:25px}
.zrank_area .mbx{ zoom:1; display:none}
.zrank_area .mbx .more { position:absolute; right:0px; top:1px;}
.tab_zrank{ position:relative; zoom:1; height:31px}
.tab_zrank span a{ position:absolute; left:0; top:0; text-align:center; display:block; width:111px; height:22px; _height:31px; padding-top:9px; background:url(/web/cp2/zombieon/v/img/index/tab_zrank.gif) no-repeat; color:#868686; letter-spacing:-1px; line-height:15px}
.tab_zrank span a:link, .tab_zrank span a:visited, .tab_zrank span a:hover, .tab_zrank span a:active{color:#868686; text-decoration:none}

.tab_zrank span a.on{ font-weight:bold; color:#000; z-index:10; background-position:0 -41px}
.tab_zrank span a.on:link, .tab_zrank span a.on:visited, .tab_zrank span a.on:hover, .tab_zrank span a.on:active{color:#000; text-decoration:none}
.tab_zrank .tc1 a{ left:110px}

.tab_zrank2{ margin-bottom:0; overflow:hidden; zoom:1; height:37px; _height:38px; border-bottom:1px solid #c1c1c1}
.tab_zrank2 span{ margin-left:-1px; display:inline; float:left; padding-top:6px; background:url(/web/cp2/zombieon/v/img/ranking/bg_bar.gif) no-repeat 0 13px; }
.tab_zrank2 span a{font-size:12px; width:102px; height:27px; line-height:27px; float:left; text-align:center; color:#8f8f8f; text-decoration:none  }
.tab_zrank2 span a:link, .tab_zrank2 span a:visited, .tab_zrank2 span a:hover, .tab_zrank2 span a:active{color:#8f8f8f; text-decoration:none}
.tab_zrank2 span a.on{ position:relative; font-weight:bold; color:#d02626; background:url(/web/cp2/zombieon/v/img/ranking/bg_arr.gif) no-repeat 50% 22px;}
.tab_zrank2 span a.on:link, .tab_zrank2 span a.on:visited, .tab_zrank2 span a.on:hover, .tab_zrank2 span a.on:active{color:#d02626; text-decoration:none}
.tab_zrank2 span.tc0 a{ width:120px}

.tab_zrank3{ margin-bottom:0; overflow:hidden; zoom:1; height:32px; _height:33px;}
.tab_zrank3 span{ margin-left:-1px; padding-top:1px; display:inline; float:left; background:url(/web/cp2/zombieon/v/img/index/bg_bar.gif) no-repeat 0 7px; }
.tab_zrank3 span a{font-size:11px; line-height:18px; width:56px; height:25px; line-height:25px; float:left; text-align:center; color:#bebebe; text-decoration:underline  }
.tab_zrank3 span a:link, .tab_zrank3 span a:visited, .tab_zrank3 span a:hover, .tab_zrank3 span a:active{color:#bebebe; text-decoration:underline}


.zrank_area .mbx ul{ overflow:hidden; zoom:1; border-bottom:1px solid #c1c1c1; margin:3px 0 0; padding-bottom:3px}
.zrank_area .mbx ul li{ zoom:1; line-height:27px; _line-height:28px; vertical-align:top; margin-top:-1px; border-top:1px solid #efefef; }
.zrank_area .mbx ul li .t1{ padding:0}
.zrank_area .mbx ul li .t1 em{ color:#4a4a4a; display:inline-block; width:25px; _width:30px; padding-left:5px; font-weight:bold}
.zrank_area .mbx ul li .t1 img{ vertical-align:middle; margin:4px 0 6px}
.zrank_area .mbx ul li .t2{display:inline-block; padding:0 0 0 5px; color:#6f6f6f}


/* right area */
#rightCon{position: relative; width:716px; _width:722px; height:970px; _height:976px; padding:3px; float:right; background:url(/web/cp2/zombieon/v/img/index/bg_contents_111213.gif) no-repeat 0 0; display:inline; margin-right:8px;}
#rightCon #notice{padding-top:29px; height:206px; _height:235px; zoom:1;}
#rightCon #notice:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
#rightCon #community{clear:both; height:199px; zoom:1;}
#rightCon #community:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
#rightCon #item{clear:both; height:243px; zoom:1;}
#rightCon #item:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
#rightCon #issue{clear:both; height:200px; zoom:1;}
#rightCon #issue:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
#rightCon #screenShot{clear:both;}
#rightCon .conheader{height:26px; padding-bottom:31px; position:relative;}
#rightCon .conheader .btnMore{ position:absolute; right:17px; top:1px;}
#rightCon .conheader .menu{height:26px; width:548px; float:right; background: url(/web/cp2/zombieon/v/img/index/bg_conMenu.gif) repeat-x bottom;}
#rightCon .conheader ul.notice li a{background:url(/web/cp2/zombieon/v/img/index/bg_noticeTab_off2.gif) no-repeat 0 0;}
#rightCon .conheader ul.community li a{background:url(/web/cp2/zombieon/v/img/index/bg_communityTab_off2.gif) no-repeat 0 0;}
#rightCon .conheader ul.item li a{background:url(/web/cp2/zombieon/v/img/index/bg_itemTab_off.gif) no-repeat 0 0;}
#rightCon .conheader ul.issue li a{background:url(/web/cp2/zombieon/v/img/index/bg_gameTab_off.gif) no-repeat 0 0;}
#rightCon .conheader li {float:left;}
#rightCon .conheader li a{border-bottom:1px solid #d8d8d8; width:95px; height:25px; _height:26px; display:inline-block; float:left;}
#rightCon .conheader li a span{ display:none;}
#rightCon .conheader li.menu01 a{background-position:0 0 !important;}
#rightCon .conheader li.menu02 a{background-position:-95px 0 !important;}
#rightCon .conheader li.menu03 a{background-position:-190px 0 !important;}
#rightCon .conheader li.menu04 a{background-position:-285px 0 !important;}
#rightCon .conheader ul.notice li a:hover, #rightCon .conheader ul.notice li a.active{border-bottom:1px solid #d22424; background:url(/web/cp2/zombieon/v/img/index/bg_noticeTab_on2.gif) no-repeat 0 0;}
#rightCon .conheader ul.community li a:hover, #rightCon .conheader ul.community li a.active{border-bottom:1px solid #d22424; background:url(/web/cp2/zombieon/v/img/index/bg_communityTab_on3.gif) no-repeat 0 0;}
#rightCon .conheader ul.item li a:hover, #rightCon .conheader ul.item li a.active{border-bottom:1px solid #d22424; background:url(/web/cp2/zombieon/v/img/index/bg_itemTab_on.gif) no-repeat 0 0;}
#rightCon .conheader ul.issue li a:hover, #rightCon .conheader ul.issue li a.active{border-bottom:1px solid #d22424; background:url(/web/cp2/zombieon/v/img/index/bg_gameTab_on.gif) no-repeat 0 0;}
#rightCon .article{clear:both; padding-left:40px; }
#rightCon .article .mainArticle{font-size:11px; text-align:center; line-height:14px; width:100px; letter-spacing:-1px; float:left;}
#rightCon .article .mainArticle a{color:#555; }
#rightCon .article .mainArticle strong{ display:block; color:#5151e0; font-weight:normal; margin-top:3px;}
#rightCon .article .noticeList{float:right; width:508px; padding-right:40px;}
#rightCon .article .noticeList li {padding-left:55px; line-height:19px; margin-bottom:6px;}
#rightCon .article .noticeList li a{font-size:15px; font-weight:bold; color:#222;}
#rightCon .article .noticeList li a em{ color:#555; display:block; font-size:12px; font-weight:normal;}
#rightCon .article .noticeList li img{ margin-right:5px; margin-left:-55px; float:left;}
#rightCon .article .commuList{float:right; width:508px; padding-right:40px;}
#rightCon .article .commuList li {padding-left:0px; line-height:19px; margin-bottom:6px;margin-top:-2px;}
#rightCon .article .commuList li a{font-size:15px; font-weight:bold; color:#222;}
#rightCon .article .commuList li a em{ color:#555; display:block; font-size:12px; font-weight:normal;}
#rightCon .article .commuList li img{ margin-right:5px; margin-left:-55px; float:left;}
#rightCon .article .issue{float:right; width:398px; padding-right:40px;}
#rightCon .article .issue li {padding-left:0px; line-height:19px; margin-bottom:6px;margin-top:-2px;}
#rightCon .article .issue li a{font-size:15px; font-weight:bold; color:#222;}
#rightCon .article h3 { margin-bottom:12px;}
#rightCon .article .issue_bold {margin-left:135px; font-weight: bold; color:#888; font-size:15px;}
#rightCon .article .issue_bold a{font-weight: bold; color:#222; font-size:15px;}
#rightCon .article h3 a{ color:#222; font-size:15px; font-weight:bold; margin-left:20px;}
#board01 h3 {margin-left:108px;}
#board01a h3 {border:1px solid red;}
#board01 .communityCon {padding-left:9px;}
#community .article .communityCon {float:left; margin-left:20px; line-height:19px; width:520px; display:block;}
#community .article .communityCon a{ color:#555;}
#magazine { height:207px;}
#magazine .article h3{padding-top:5px;}
#magazine .article .mainArticle{ width:211px;}
#magazine .article ul{margin-left:20px; float:left; line-height:21px;}
#magazine .article ul li a{background:url(/web/cp2/zombieon/v/img/index/bulit_magazine.gif) no-repeat left 4px; padding-left:8px; color:#555555;}
#issue .article h3{padding-top:5px;}
#issue .article .mainArticle{ width:211px;}
#issue .article ul{margin-left:20px; float:left; line-height:21px; width:410px; height:85px; word-break:break-all; overflow:hidden;}
#issue .article .issue{height:118px; padding-top:4px;}
#issue .article .issue li{line-height:21px;}
#screenShot{position:relative; padding:0; width:716px}
#screenShot ul{ padding:5px 0 0 40px}
#screenShot .menu{ padding:0}
#screenShot li{float:left; display:inline-block; width:211px;  text-align:center; margin-right:1px;}
#screenShot li a{ color:#222;}
#screenShot li img{ display:block; margin-bottom:5px;}
#screenShot li .repple{width:35px; height:24px; color:#e21313; background:url(/web/cp2/zombieon/v/img/index/bg_repple.gif) no-repeat; font-weight:bold; vertical-align:middle; line-height:18px; display:inline-block; font-size:11px;}
#screenShot li .repple em{ display:none;}
#screenShot li a.uid {display:block; color:#777777;}
#screenShot li a.uid em{display: none;}
#screenShot a.back{width:22px; height:22px; display:block; background:url(/web/cp2/zombieon/v/img/index/bg_screenBtn.gif) no-repeat 0 0; position:absolute; z-index:100; left:11px; top:130px; text-indent:-9999px;}
#screenShot a.next{width:22px; height:22px; display:block; background:url(/web/cp2/zombieon/v/img/index/bg_screenBtn.gif) no-repeat 0 -22px; position:absolute; z-index:100; right:11px; top:130px; text-indent:-9999px;}


#siteMap{background-color:#f5f6f6; border:1px solid #d8d8d8; clear:both; margin-top:30px;}
#siteMap.toggle{border-bottom:none;}
#siteMap .mapHeader{height:30px; border-bottom:1px solid #d5d6d6; padding-left:18px; padding-right:20px;}
#siteMap .mapHeader h2{float:left; margin-top:7px; cursor:pointer;}
#siteMap .mapHeader h2{font-size:12px; font-weight:bold; color:#222; background:url(/web/cp2/zombieon/v/img/index/bg_menuAll.gif) no-repeat right 0; height:16px; padding-right:22px; height:16px; line-height:16px; display:inline-block;}
#siteMap .mapHeader h2.toggle{ background-position:right -16px;}
#siteMap .mapHeader h3.community{float:right; height:21px; line-height:21px; color:#555555; margin-top:5px;}
#siteMap .mapHeader h3.community a{display:inline-block; height:21px; color:#777 !important; padding-left:25px; background:url(/web/cp2/zombieon/v/img/index/bg_community.gif) no-repeat 0 0; margin-left:15px;}
#siteMap .mapHeader h3.community a.faceBook{background-position:0 0;}
#siteMap .mapHeader h3.community a.tweeter{background-position:0 -21px;}
#siteMap .mapHeader h3.community a.metoday{background-position:0 -42px;}
#siteMap .mapHeader h3.community a.cafe{ padding-left:70px; background-position:0 -64px;}
.siteMapList {clear:both; height:278px; display:none;}
.siteMapList dl{border-top:1px solid #fff; border-left:1px solid #fff; display:inline-block; width:140px; padding-left:18px; height:260px; border-right:1px solid #d5d6d6; float:left; padding-top:17px; line-height:22px;}
.siteMapList dt a{font-weight:bold; color:#222;}
.siteMapList dd a{ color:#555555 !important;}
.siteMapList dl.csCenter{ width:138px; height:200px; border-bottom:1px solid #d5d6d6; border-right:none;}
.siteMapList dl.mypage{width:98px; height:30px;border-right:none;}

.list_item { overflow:hidden; position:relative; zoom:1; margin:0 0 0 -31px }
.list_item li { text-align:center; position:relative; display:inline; float:left; overflow:hidden; width:110px; height:180px; zoom:1; vertical-align:top; margin:0 0 0 24px;}
.list_item li:after { clear:both; display:block; content:"" }

.list_item li .thmb {text-align:center; margin:0 auto 5px; position:relative; zoom:1; width:78px; height:78px; _width:80px; _height:80px; background:#f5f5f5; border:1px solid #b8b8b8 }
.list_item li .thmb img { vertical-align:top; margin:0 }
.list_item li .thmb span { overflow:hidden; text-indent:-9000px; display:block; position:absolute; left:0; top:0; width:27px; height:27px }
.list_item li .thmb .ic_hot { background:url(/web/cp2/zombieon/v/img/index/ic_hot01.gif) 0 0 no-repeat; }
.list_item li .thmb .ic_new { background:url(/web/cp2/zombieon/v/img/index/ic_new01.gif) 0 0 no-repeat; }
.list_item li .thmb span img { margin:0 }
.list_item li dl { zoom:1; text-align:center;}
.list_item li dt { font-weight:bold; color:#393939; line-height:19px; letter-spacing:-1px; padding:0 0 9px;}
.list_item li dd { font-size:11px; color:#747474; padding:0 0 0 0; line-height:15px; letter-spacing:0 }


/* title */
h2 { clear:both;}
h2 a.title{display:none;}
#leftCon h2{height:23px; _height:26px; border-bottom:1px solid #d8d8d8; width:220px; background:url(/web/cp2/zombieon/v/img/index/bg_h2.gif) no-repeat 0 0; text-align:right; padding-top:2px;}
#leftCon h2.guide{ background-position:0 0;}
#leftCon h2.profile{background-position:0 -25px;}
#leftCon h2.ranking{background-position:0 -50px; border-bottom:none; margin-top:35px;}
#leftCon h2.club{background-position:0 -150px; border-bottom:none; margin-top:35px;}
#leftCon h2.zrank_tit{ background:url(/web/cp2/zombieon/v/img/index/bg_h2_zrank.gif) no-repeat 0 0; border-bottom:none; margin-top:0; padding:0; height:25px; _height:25px}
#rightCon h2{width:140px; height:25px; _height:26px; background:url(/web/cp2/zombieon/v/img/index/bg_h2.gif) no-repeat 0 0; border-bottom:1px solid #464646; text-indent:-9999px; float:left;}
#rightCon h2.notice{ background-position:0 -75px;}
#rightCon h2.community{background-position:0 -100px;}
#rightCon h2.issue{background-position:0 -125px;}
#rightCon h2.magazine{background-position:0 -125px;}
#rightCon h2.item{background:url(/web/cp2/zombieon/v/img/index/bg_h2_item.gif) no-repeat 0 0;}
#rightCon h2.screen{background:url(/web/cp2/zombieon/v/img/index/bg_h2_screen.gif) no-repeat 0 0;}
/*layerPop */
.layerPop{position:absolute; z-index:999; left:150px; top:200px;}
.popBottom{background:url(/web/cp2/zombieon/v/img/layerPop/bg_layerPop01.png) no-repeat 0 bottom; padding-left:15px;}
.popright{background:url(/web/cp2/zombieon/v/img/layerPop/bg_layerPop02.png) no-repeat right 0; height:8px; width:385px; margin-left:15px;}
.topleft{background:url(/web/cp2/zombieon/v/img/layerPop/bg_layerPop01.png) no-repeat 0 0; height:8px; width:15px; position:absolute; left:0; top:0; }
.poprightBottom{background:url(/web/cp2/zombieon/v/img/layerPop/bg_layerPop02.png) no-repeat right bottom; padding-right:17px; padding-bottom:8px; width:385px; display:inline-block;}
.poprightBottom .close{height:32px; margin-top:12px; }
.poprightBottom .close span{ float:left; cursor:pointer; margin-top:10px; text-decoration:underline;}
.poprightBottom .close img{ float:right; cursor:pointer; margin-top:7px;}
.layerPop h1{display:block; background:url(/web/cp2/zombieon/v/img/layerPop/img_logo.gif) no-repeat 0 -3px; width:378px; height:37px; margin:0 auto; text-indent:-9999px;}


/* footer */
#footer{position:relative;z-index:1;margin:0 auto 0 auto;border-top:2px solid #CECECE;width:959px;height:148px;*height:150px;font:normal 11px dotum;text-align:left;}
#footer .ft_logo span{position:absolute;display:none;text-indent:-10000px}
#footer .ft_logo span a{display:block;width:100%;height:100%;}
#footer .ft_logo .logo1{width:79px;height:36px;left:5px;top:30px;display:block;background:url(/web/cp2/zombieon/v/img/layout/cj_bi.gif) 0 0 no-repeat; }
#footer .ft_logo .logo2{width:41px;height:43px;left:90px;top:30px;display:block;background:url(/web/cp2/zombieon/v/img/layout/cj_nng.gif) 0 0 no-repeat; }
#footer .ft_bx_txt{margin:22px 0 0 150px;}
#footer .ft_mnu{width:553px;height:18px;border-bottom:1px solid #D8D8D8;padding-left:5px;}
#footer .ft_mnu li{float:left;padding-right:9px;margin-right:9px;background:url(/web/cp2/zombieon/v/img/layout/cj_footer_bar.gif) 100% 1px no-repeat;}
#footer .ft_mnu li a{font:normal 11px dotum;color:#6B6D70;letter-spacing:-1px;}
#footer .ft_mnu li a:hover {text-decoration:underline;}
#footer .ft_mnu .ft_t1{font-weight:bold;color:#0074D5;}
#footer .ft_mnu .ft_x{margin:0;padding:0;background:none;}
#footer .ft_txt{line-height:14px;padding:7px 0 0 5px;color:#9A9A9A;}
#footer .ft_copy{display:block;font:bold 10px verdana;color:#AEAEAE;margin-top:4px;}
#footer #footerGrade {position:absolute;width:242px;height:53px;right:0;top:25px;}
#footer #footerGrade span {text-indent:-10000px;display:block}
#footer .ft_grade1 {background:url(/web/cp2/zombieon/v/img/layout/footer_sangho1_110228.jpg) 0 0 no-repeat}
#footer .ft_grade2 {background:url(/web/cp2/zombieon/v/img/layout/footer_sangho2_110228.jpg) 0 0 no-repeat}
#footer .ft_tab1 {position:absolute;left:0;top:0px;width:17px;height:24px;cursor:pointer; }
#footer .ft_tab2 {position:absolute;left:0;top:25px;width:17px;height:24px;cursor:pointer;}

/* mgame footer */
#Footer.foot_mgm{position:relative;z-index:1;margin:0 auto 0 auto; border:0; width:959px; padding-top:25px; height:148px;*height:175px;font:normal 11px dotum;text-align:left;}
#Footer.foot_mgm .bx_foot{border-top:2px solid #CECECE;}
#Footer.foot_mgm .ft_logo span{position:absolute;display:none;text-indent:-10000px}
#Footer.foot_mgm .ft_logo span a{display:block;width:100%;height:100%;}
#Footer.foot_mgm .ft_logo .logo1 {width:60px;height:29px;left:30px;top:81px;display:block;background:url(/web/cp2/zombieon/v/img/layout/foot_logo_cj.gif) 0 0 no-repeat; }
#Footer.foot_mgm .ft_logo .logo2 {width:29px;height:30px;left:99px;top:81px;display:block;background:url(/web/cp2/zombieon/v/img/layout/foot_logo_nng.gif) 0 0 no-repeat; }
#Footer.foot_mgm .ft_logo .logo3 {width:99px;height:32px;left:31px;top:41px;display:block;background:url(/web/cp2/zombieon/v/img/layout/foot_logo_mgame.gif) 0 0 no-repeat; }
#Footer.foot_mgm .ft_bx_txt{margin:8px 0 0 155px;}
#Footer.foot_mgm .ft_mnu{ width:auto; position:absolute; top:0; left:100px; border-bottom:0;padding-left:5px;}
#Footer.foot_mgm .ft_mnu li{float:left;padding-right:16px;margin-right:14px;background:url(/web/cp2/zombieon/v/img/mgame/cj_footer_bar.gif) 100% 1px no-repeat;}
#Footer.foot_mgm .ft_mnu li a{font:normal 12px dotum;color:#454545;letter-spacing:0;}
#Footer.foot_mgm .ft_mnu li a:hover {text-decoration:underline;}
#Footer.foot_mgm .ft_mnu .ft_t1{font-weight:bold;color:#454545;}
#Footer.foot_mgm .ft_mnu .ft_x{margin:0;padding:0;background:none;}
#Footer.foot_mgm .ft_txt{line-height:18px;padding:7px 0 0 5px;color:#9A9A9A;}
#Footer.foot_mgm .ft_txt .mgm_fc{ color:#454545}
#Footer.foot_mgm .ft_txt .btn_email{ margin-left:10px; color:#454545; padding-left:14px; background:url(/web/cp2/zombieon/v/img/mgame/btn_email.gif) 0 1px no-repeat;}
#Footer.foot_mgm .ft_copy{display:block;font:normal 12px dotum;color:#9a9a9a;}
#Footer.foot_mgm .ft_copy a{ text-decoration:underline; color:#454545}
#Footer.foot_mgm #FooterGrade {position:absolute;width:242px;height:53px;right:0;top:44px;}
#Footer.foot_mgm #FooterGrade span {text-indent:-10000px;display:block}
#Footer.foot_mgm .ft_grade1 {background:url(/web/cp2/zombieon/v/img/layout/footer_sangho1_110228.jpg) 0 0 no-repeat}
#Footer.foot_mgm .ft_grade2 {background:url(/web/cp2/zombieon/v/img/layout/footer_sangho2_110228.jpg) 0 0 no-repeat}
#Footer.foot_mgm .ft_tab1 {position:absolute;left:0;top:0px;width:17px;height:24px;cursor:pointer; }
#Footer.foot_mgm .ft_tab2 {position:absolute;left:0;top:25px;width:17px;height:24px;cursor:pointer;}
/* footer end */


#CJPopupLayer {position:absolute;width:362px;height:420px;left:-400px;top:-400px;text-align:left;z-index:100;color:#666;}
#CJPopupLayer .pl_shadow {position:absolute;width:366px;height:424px;background:url(shadow.gif) 0 0 no-repeat;filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
#CJPopupLayer .pl_img {position:absolute;width:348px;height:378px;left:6px;top:6px;}
#CJPopupLayer .pl_img img {border:0;display:block}
#CJPopupLayer .pl_img area {cursor:pointer}
#CJPopupLayer .pl_close {position:absolute;left:327px;top:16px;width:19px;height:19px;background:url(ic_close.gif) 0 0 no-repeat;text-indent:-10000px;cursor:pointer}
#CJPopupLayer .pl_close2 {position:absolute;left:318px;top:397px;font:normal 11px dotum;letter-spacing:-1px;width:32px;height:10px;cursor:pointer;background:url(w_close.gif) 100% 1px no-repeat;}
#CJPopupLayer .pl_today {position:absolute;left:11px;top:397px;font:normal 11px dotum;letter-spacing:-1px;cursor:pointer;border-bottom:1px solid #999;}

#CJPopupLayer.skin_w {color:#666;}
#CJPopupLayer.skin_w .pl_close2 {background:url(w_close.gif) 100% 1px no-repeat;}
#CJPopupLayer.skin_w .pl_today {border-bottom:1px solid #999;}

#CJPopupLayer.skin_b {color:#999;background:url(b_k_pop.gif) 0 0 no-repeat}
#CJPopupLayer.skin_b .pl_close2 {background:url(b_close.gif) 100% 1px no-repeat;}
#CJPopupLayer.skin_b .pl_today {border-bottom:1px solid #666;}

/* ¼­ºñ½ºÁ¾·á ·¹À̾î */
.dimmed{display:block;position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;background:#000;z-index:100;}
.layer_wrapper{position:absolute;top:0;left:0;width:100%;height:100%;}
.lyr_close_svc{position:relative;top:300px;margin:0 auto;width:485px;height:476px;text-align:left;z-index:110;}
.lyr_close_svc input{position:absolute;top:438px;left:178px;margin:4px;_margin:0;}
.layer_wrapper .bt_bx{position:absolute;bottom:89px;left:0;width:100%;text-align:center;}
.layer_wrapper .bt_bx a{display:inline-block;overflow:hidden;margin:0 2px;}

.lyr_refund{position:relative;top:300px;margin:0 auto;width:485px;height:540px;text-align:left;z-index:110;}
.lyr_refund input{position:absolute;top:468px;left:178px;margin:4px;_margin:0;}
.lyr_refund dl{position:absolute;left:62px;width:365px;font-size:12px;line-height:1.6;text-align:left;}
.lyr_refund dl dt{padding:0 0 0 9px;color:#b6b6b6;font-weight:bold;background:url(/web/cp2/zombieon/v/img/common/bulit04.gif) 0 5px no-repeat;}
.lyr_refund dl dd{padding:0 0 0 9px;color:#9a9a9a;background:url(/web/cp2/zombieon/v/img/common/bulit05.gif) 0 7px no-repeat;}
.lyr_refund dl.rf_txt1{top:218px;}
.lyr_refund dl.rf_txt2{top:310px;}
.lyr_refund ul{position:absolute;left:102px;top:250px;width:365px;font-size:15px;line-height:1.4;text-align:left;}
.lyr_refund ul li{padding:0 0 0 9px;color:#9a9a9a;background:url(/web/cp2/zombieon/v/img/common/bulit04.gif) 0 6px no-repeat;}
.lyr_refund ul li strong,.lyr_refund table td strong{color:#b6b6b6;}
.lyr_refund p.txt1{position:absolute;top:337px;left:61px;width:370px;color:#9a9a9a;font-size:12px;line-height:1.4;}
.lyr_refund table{position:absolute;top:203px;left:0;width:100%;border-collapse:collapse;}
.lyr_refund table td{height:196px;color:#9a9a9a;font-size:12px;line-height:1.5;text-align:center;}