@charset "euc-kr";

#sub_contents {display:none;}

/* 레이아웃 */
#wrapper {background:#dfdfdf url(../img/common/bg_pattern.gif) repeat-x 0 439px;}
	.sub #wrapper {background:#dfdfdf url(../img/common/bg_pattern_sub2.gif) repeat-x 0 309px;}

#header {height:461px;}
	.sub #header {height:331px;}
#header h1 {position:absolute; overflow:hidden; height:0; line-height:0;}
#header .nav {height:439px;}
	.sub #header .nav {height:309px;}


#wrapper .container {position:relative; width:1000px; margin:0 auto; zoom:1;}
#section {position:relative; float:left; _display:inline; width:746px; _height:564px; min-height:564px; margin:0 0 0 210px; padding:0 0 0 30px; zoom:1;}
	.sub #section {overflow:hidden; width:774px; _height:auto; padding:0 0 0 16px;}

#aside {position:relative; float:left; _display:inline; width:210px; margin:0 0 0 -986px;}
	.sub #aside {margin:0 0 0 -1000px;}

#INFO_DOC {position:relative; width:774px; min-height:400px; _height:400px; z-index:1;}


/* 메인 */
#wrapper h3.title {overflow:hidden; background:url(../img/common/title.gif) no-repeat; text-indent:-5000px;}
#wrapper h3.title {position:relative; height:25px;}
#wrapper h3 a {display:block; width:100%; height:15px;}
#wrapper a.btn {display:inline-block; overflow:hidden; vertical-align:top; background:url(../img/common/btn.gif) no-repeat; text-indent:-5000px;}
#wrapper input.text {_position:relative; _top:-1px; vertical-align:top;}
#wrapper span.new {display:inline-block; overflow:hidden; width:11px; height:0; padding-top: 11px; overflow: hidden; background:url(../img/common/icon.gif) no-repeat left top; vertical-align:top; font-size:0;}
#wrapper span.date {color:#676767; font:10px verdana; letter-spacing:-1px;}
#wrapper span.eq {top:1px; color:#323232;}
#wrapper span.up {display:inline-block; padding:0 0 0 8px; color:#CB0808; background:url(../img/common/icon.gif) no-repeat 0 -38px;}
#wrapper span.down {display:inline-block; padding:0 0 0 8px; color:#5B7691; background:url(../img/common/icon.gif) no-repeat 0 -58px;}


/* 중앙 */
#section .promotion {width: 451px;height:239px;}
#section .promotion object {width: 451px !important; }

#section .gmnote { position: absolute; top: 0; right: 0; width:280px; overflow: hidden;}
#section .gmnote h3.title { background-position: 0 -511px; }
#section .gmnotelist {position:relative; z-index:2; width:264px; height:174px; padding:7px; border:1px solid #DADEE0; background:#fff; zoom:1;}
#section .gmnotelist img {display:block; width:142px; height:105px;  margin-bottom: 8px;border:1px solid #DADEE0; float: left;}

#section .gmnotelist .gmtitle { width: 110px; padding:3px 0 4px 4px; color:#2e3a3f; line-height:15px; float: left;}
#section .gmnotelist span.date {position:relative; margin-left:5px; vertical-align:top;}
#section .gmnotelist .gmcontent {width:256px; margin:0 0 0 0 1px; padding:5px 3px 0 3px; border-top:1px solid #DFDFDF; line-height:16px; color:#464646; clear: both;}

#section .ranking {float:left; _display:inline; width:218px; position: relative; z-index: 10; }
#section .ranking h3.title { position: relative; background-position: 0 -546px; overflow: visible; z-index: 5; }
#section .ranking h3.title i { width: 14px; height: 14px; display: block; zoom: 1; position: absolute; top: 0; left: 188px; z-index: 2; cursor: default; }
#rank_help { width: 299px; height: 103px; display: none; zoom: 1; position: absolute; top: 15px; left: 188px; z-index: 10; background: no-repeat url(../img/common/bg_rank.gif); }
#section .ranking .tab_ranklist {position:relative; z-index:4; width:222px; height:26px; overflow:hidden;}
#section .ranking .tab_ranklist li {float:left; _display:inline; overflow:hidden; width:72px; height:26px; margin-right:0;}
#section .ranking .tab_ranklist li.el2 { width:74px; margin:0;}
#section .ranking .tab_ranklist li a {display:block; height:52px; background:url(../img/common/tab_rank2.gif) no-repeat; text-indent:-5000px;}
#section .ranking .tab_ranklist li.el2 a {background-position:-72px top;}
#section .ranking .tab_ranklist li.el3 a {background-position:-146px top;}
#section .ranking .tab_ranklist li.on a {margin-top:-26px;}

#section .ranklist { position:relative; z-index:2; width:216px; height:143px; margin-top:-1px; padding-top:9px; border:1px solid #DADEE0; background:#fff;}
#section .personal_weekly {background-position:0 -360px;}

#section .ranklist table { width: 100%; margin: 0; }
#section .ranklist tr.index {display:none;}
#section .ranklist td {overflow:hidden; height:26px; border-top: 1px #ebebeb solid; font: normal 11px/20px dotum, 돋움; vertical-align:middle; white-space:nowrap;}
.sub #section .ranklist .n1 td, #section .ranklist .on td { background-color: #eee; }
#section .ranklist .el1 {width:48px; padding-left: 2px; text-align:center;}
#section .ranklist .el2 {}
#section .ranklist .el3 {width:42px; text-align:center;}
#section .ranklist .el1 em {color: #2e3a3f; font: normal 11px/16px verdana;}
.sub #section .ranklist .n1 .el1 em, #section .ranklist .on .el1 em { color: #c30707; font-weight: bold; }
.sub #section .ranklist .n1 .el1 a, #section .ranklist .on .el1 a { color: #2e3a3f; }
#section .ranklist .el1 span {position:relative; left:10px;}
#section .ranklist .el3 span {position:relative; left:2px; top:1px;}
#section .ranklist td a { height: 20px; display: -moz-inlin-stack; display: inline-block; zoom: 1; *display: inline; position: relative; top: 2px; vertical-align:middle; }
.sub #section .ranklist .n1 a, #section .ranklist .on a {color:#2E3A3F; font-weight:bold;}
#section .ranklist td .ico { margin-right: 10px; vertical-align:middle; }
#section .ranklist td .ico img { vertical-align:middle; }

body.main #section .itemlist {position:relative; float:left; _display:inline; width:217px; margin:0 0 0 15px;}
body.main #section .itemlist h3.title {position:relative; z-index:2; background-position:0 -30px;}
body.main #section .itemlist h3.title a {width:96px;}
body.main #section .itemlist .list {position:relative; overflow:hidden; height:178px; border:1px solid #DADEE0; background:#fff; zoom:1;}
body.main #section .item {overflow:hidden; position:relative; width:198px; height:82px; padding:7px 0 0 8px;}
body.main #section .item h4 {height:18px; margin:0 0 0 88px; padding:7px 0 0 6px; background:url(../img/common/icon.gif) 0 -11px no-repeat;}
body.main #section .item h4 a {display:inline-block; width:110px; overflow:hidden; text-overflow:ellipsis; color:#2e3a3f; font-weight:bold; letter-spacing:-1px; white-space:nowrap;}
body.main #section .item ul {margin:0 0 0 94px;}
body.main #section .item .image a {position:absolute; left:8px; top:7px; width:71px; height:71px; border:2px solid #828D91; overflow:hidden;}
body.main #section .item .image a img {display:block; position:absolute; left:-2px; top:-2px;}
body.main #section .item .desc {padding-bottom:6px; word-break:keep-all; font-size:11px; letter-spacing:-1px; line-height:12px; white-space:normal;}
body.main #section .item .btns {height:19px; position:relative; left:-2px;}
body.main #section .item .btn {width:41px; height:0; padding-top:19px; margin-right:-1px; text-indent:0;}
body.main #section .item .buy {background-position:0 -40px;}
body.main #section .item .present {background-position:-41px -40px;}

body.main #section .itemlist a.prev,
body.main #section .itemlist a.next {position:absolute; z-index:4; left:180px; top:0; display:block; width:18px; height:16px; overflow:hidden; text-indent:-500px;}
body.main #section .itemlist a.next {left:200px;}

#section .news {float:left; _display:inline; width:280px; height:141px;  margin:0 -3px 0 15px;}
#section .news h3.title {background-position:0 -60px;}
#section .news ol {padding:8px 0 0 3px;}
#section .news li {position:relative; width:275px; height:19px; white-space:nowrap;}
#section .news li a {display:inline-block; width:236px; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px;}
#section .news li.new a {font-weight:bold; color:#2e3a3f;}
#section .news li span.date {position:absolute; right:1px; top:-2px;}

.main #section div.search {position:relative; float:right; _display:inline; width:277px; height:62px; margin:0 1px 0 0; border:1px solid #DADEE0; background:#fff;} 
.main #section .search .title {width:120px; height:22px; margin:11px 0 0 10px; background-position:0 -90px;}
.main #section .search input.text {width:193px; height:15px; margin:0 0 0 7px; padding:5px 0 0 5px; border:1px solid #E1E1E1; background:url(../img/common/bg.gif) no-repeat 0 -630px; background-color:#F0F0F0; color:#717171; font-size:11px;}
.main #section .search a.search {width:58px; height:22px; margin:0 0 0 5px; background-position:0 -80px;}


/* 왼쪽 */
#aside .gamestart {position:relative; left:-64px; top:0;}

#aside div.login {position:relative; width:210px; height:116px; margin:24px 0 0 0; background:url(../img/common/bg.gif) no-repeat; zoom:1;}
	.sub #aside div.login {margin-top:9px;}
#aside .login h3 {display:none;}
#aside .login input.text {position:absolute; left:9px; top:36px; width:111px; height:17px; padding:4px 5px 0 5px; border:none; background:url(../img/common/bg.gif) no-repeat 0 -540px;}
#aside .login input.id {ime-mode:disabled;}
#aside .login input.pw {top:61px; background-position:0 -570px;}
#aside .login a.login {overflow:hidden; position:absolute; left:137px; top:35px; width:63px; height:48px; text-indent:-5000px;}
#aside .login li {overflow:hidden; position:absolute; top:89px; height:17px;}
#aside .login li.join {left:8px; width:47px;}
#aside .login li.find {left:57px; width:77px;}
#aside .login li a {display:block; width:100%; height:100%; text-indent:-5000px;}


#aside .user {width:210px; margin:24px 0 0 0; background-color:#fff; }
	.sub #aside .user {margin-top:9px;}
#aside .user h3 {display:none;}
#aside .user h4.welcome {height:23px; overflow:hidden; padding:13px 10px 0 16px; background:url(../img/common/bg.gif) no-repeat 0 -850px; color:#2e3a3f; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis;}
#aside .user .no_chr {height:40px; padding:19px 0 0 0; border:1px solid #C9CFD1; border-top:none;}
#aside .user .no_chr p {overflow:hidden; width:177px; height:26px; margin:0 0 0 16px; background:url(../img/common/title.gif) no-repeat 0 -120px; text-indent:-5000px; white-space:nowrap;}

#aside .user .name {position:relative;; height:26px; padding:9px 0 0 9px; background:url(../img/common/bg.gif) no-repeat 0 -850px; color:#2e3a3f; letter-spacing:-1px;}
#aside .user .name h4.welcome {width:150px; height:auto: overflow:hidden; padding:0; white-space:nowrap; text-overflow:ellipsis; background:none;}
#aside .user .name h4 strong {position:relative; top:4px; margin-left:5px;}
#aside .user .name a.change {position:absolute; left:160px; right:auto; top:10px; width:36px; height:17px; background-position:0 -160px;}
#aside .user .name img {vertical-align:top;}

#aside .user ol.tab_myinfo {position:relative; z-index:4; width:208px; height:26px; border:1px solid #C9CFD1; border-top:none; border-bottom:none; overflow:hidden; background:#DBDBDB;}
#aside .user ol.tab_myinfo li {float:left; _display:inline; overflow:hidden; width:68px; height:26px; margin-right:1px;}
#aside .user ol.tab_myinfo li.el1 {width:67px;}
#aside .user ol.tab_myinfo li.el3 {margin:0;}
#aside .user ol.tab_myinfo li a {display:block; height:52px; background:url(../img/common/tab_user.gif) no-repeat; text-indent:-5000px;}
#aside .user ol.tab_myinfo li.el2 a {background-position:-67px top;}
#aside .user ol.tab_myinfo li.el3 a {background-position:-135px top;}
#aside .user ol.tab_myinfo li.on a {margin-top:-26px;}

#aside .user p.tease {height:22px; padding:5px 0 0 14px;}
#aside .user a.tease {display:block; width:132px; padding:2px 0 0 12px; color:#C90606; font-weight:bold; font-weight:bold; font-size:11px; letter-spacing:-1px; background:url(../img/common/icon.gif) no-repeat 0 -120px;}

#aside .user p.recom_clan {height:21px; padding:4px 0 0 16px;}
#aside .user a.recom {display:inline-block; padding:0 0 0 9px; color:#607d89; font-weight:bold; font-weight:bold; font-size:11px; letter-spacing:-1px; background:url(../img/common/icon.gif) no-repeat 0 -98px; text-decoration:underline;}

#aside .user .btns {height:26px; padding:5px 0 0 13px; background:#E2E2E2; border:1px solid #C9CFD1; border-top:none;}
#aside .user .btns li {float:left; _display:inline; margin-right:12px; height:21px;}
#aside .user .btns a.guide {width:90px; height:0; padding-top:21px; background-position:0 -200px; text-indent:0;}
#aside .user .btns a.profile {width:90px; height:0; padding-top:21px; background-position:-90px -200px; text-indent:0;}
#aside .user .btns a.logout {width:80px; height:0; padding-top:21px; background-position:-180px -200px; text-indent:0;}

#aside .myinfo {position:relative; display:none; padding:14px 0 0 0; border:1px solid #C9CFD1; border-top:none; zoom:1;}
	#aside .no_character {display:block;}
	#aside .friends {height:98px;}
#aside .myinfo a.btn {position:absolute; right:0; top:-3px; width:30px; height:17px;}
#aside .myinfo ul.info {padding:0 0 0 14px; zoom:1;}
#aside .myinfo li {*float:left; _display:inline; position:relative; width:180px; height:18px; font-size:11px; color:#2e3a3f;}
#aside .myinfo h4 {overflow:hidden; float:left; _display:inline; width:40px; height:0; _margin-right:-4px; padding-top:11px; background:url(../img/common/title.gif) no-repeat;}
	#aside .cashitem h4 {width:59px;}
	#aside .friends h4 {width:42px;}
	#aside .no_character h4 {width:48px;}

#aside .myinfo strong {color:#cb0808; font-weight:normal;}
#aside .myinfo .memo a.btn {top:-5px;}
#aside .myinfo .exp .gauge {position:relative; left:-1px; top:1px; width:90px; height:6px; overflow:hidden; padding:1px; background:url(../img/common/bg.gif) no-repeat 0 -940px;}
#aside .myinfo .exp .gauge p {position:relative; overflow:hidden; float:left; _display:inline; height:6px; background:url(../img/common/bg.gif) repeat-x 0 -950px; vertical-align:top;}
#aside .myinfo .exp .gauge span {position:absolute; right:0; top:0; overflow:hidden; display:inline-block; width:0; height:6px; padding:0 0 0 1px; background:url(../img/common/bg.gif) no-repeat 0 -950px; vertical-align:top;}
#aside .myinfo .exp .tip {display:none; position:absolute; right:0; top:-23px; _width:1%; height:22px; padding:0 0 0 18px; background:url(../img/common/bg.gif) no-repeat 0 -980px; font:9px verdana; letter-spacing:-1px; color:#2e3a3f;}
#aside .myinfo .exp .tip .box {height:22px; background:url(../img/common/bg.gif) no-repeat right -980px;}
#aside .myinfo .exp .tip strong {color:#cb0808;}
#aside .myinfo .exp .tip p {position:relative; left:-9px; margin:0 -9px 0 0; padding:3px 9px 0 0; white-space:nowrap;}
#aside .myinfo .clan a {letter-spacing:-1px;}

#aside .myinfo a.write {background-position:-36px -160px;}
#aside .myinfo a.charge {background-position:-96px -160px;}
#aside .myinfo a.tour {right:23px; width:46px; height:17px; background-position:-232px -160px;}
#aside .myinfo a.booster {top:-2px; width:39px; height:14px; background-position:0 -240px;}
#aside .myinfo a.freecharge {width:46px; height:17px; background-position:-186px -160px;}
#aside .myinfo a.confirm {background-position:-66px -160px;}
#aside .myinfo a.detail {background-position:-156px -160px;}
#aside .myinfo a.manage {background-position:-126px -160px;}

#aside .myinfo .grade h4 {background-position:0 -150px;}
#aside .myinfo .exp h4 {background-position:0 -180px;}
#aside .myinfo .clan h4 {background-position:0 -210px;}
#aside .myinfo .ranking h4 { width: 55px; background-position:0 -610px;}
#aside .myinfo .memo h4 {background-position:0 -330px;}
#aside .myinfo .cash h4 {background-position:0 -360px;}
#aside .myinfo .gp h4 {background-position:0 -390px;}
#aside .myinfo .myitem h4 {background-position:0 -420px;}
#aside .myinfo .coupon h4 {background-position:0 -450px;}
#aside .myinfo .cffriends h4 {background-position:0 -300px;}

	#aside .cashitem .cash h4 {background-position:0 -480px;}
	#aside .friends .memo h4 {background-position:0 -270px !important;}

#aside #friendsList {position:absolute; left:14px; top:55px; width:176px; height:61px; padding:1px; border:1px solid #D6D6D6; background-color:#fff; zoom:1;}
#aside #friendsList .list {position:relative; width:174px; height:57px; padding:5px 0 0 3px; overflow-x:hidden; overflow-y:auto;}
#aside #friendsList .marquee {position:relative; left:0; top:0; zoom:1;}
#aside #friendsList p {height:19px; white-space:nowrap; font-size:11px; letter-spacing:-1px; color:#2E3A3F;}
#aside #friendsList p a {vertical-align:top; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#aside #friendsList p em {font-weight:bold; text-decoration:underline; }
#aside #friendsList p a:hover {text-decoration:none;}
#aside #friendsList span.ico {vertical-align:top; position:relative; top:-2px;}
#aside #friendsList span.ico img {vertical-align:middle; width:16px; height:15px;}

#aside .friends_off {height:20px !important; overflow:hidden; background:url(../img/common/icon.gif) no-repeat right -140px; } 
#aside .friends_off .list {overflow:hidden !important;}
#aside .friends_off  p a {width:133px;}

#aside .security * {vertical-align:top;}
#aside .security {padding:11px 0 0 10px;}
#aside .security span {display:inline-block;}
#aside .keyboard a {position:relative; top:1px; color:#878BAE; font-size:11px; text-decoration:underline; letter-spacing:-1px;}
#aside .keyboard a.onoff {top:0; margin:0 4px 0 0;}
#aside .keyboard input.ssl {position:relative; top:-3px; *top:0; *margin:-4px 3px -3px -3px;}
#aside .keyboard label.ssl {display:inline-block; overflow:hidden; width:36px; height:12px; margin:1px 24px 0 1px; background:url(../img/common/bg.gif) no-repeat 0 -600px; text-indent:-5000px;}
#aside .security .btn_key {margin:0 0 0 2px; padding:0 0 0 6px; background:url(../img/common/icon.gif) no-repeat 0 -78px;}

#aside .pcbang {position:relative; width:210px; height:48px; background:url(../img/common/bg_pcbang.gif); }
#aside .pcbang h3 {display:none;}
#aside .pcbang span {position:absolute; left:161px; top:10px; display:block; width:18px; height:14px; background:url(../img/common/btn.gif) no-repeat 0 -120px; text-indent:-5000px;}
#aside .pcbang span.off {width:20px; background-position:-18px -120px;}

#aside div.coupon {padding:11px 0 0 8px;}
#aside .coupon a.coupon {width:158px; height:0; padding-top:30px; text-indent:0; }


/* 우측 배너영역 */
#skyscraper {position:absolute; left:986px; top:0; width:140px; height:564px; background:url(../img/common/bg.gif) left -1020px no-repeat; }
	.sub #skyscraper {float:left; _display:inline; margin:0 0 0 -1000px; position:relative; left:1000px; top:0; width:124px; background-position:-176px -1020px;}

#skyscraper .banner {position:relative; margin:9px 0 0 30px; zoom:1;}
	.sub #skyscraper .banner {margin-left:14px;}

#skyscraper .banner a img {display:block; margin:0 0 -14px 0; }
#skyscraper .banner iframe {display:block; width:90px; height:192px; margin:0 0 0 1px; overflow:hidden;}

#skyscraper .cpa {position:relative; margin:14px 0 0 30px; height:153px; }
	.sub #skyscraper .cpa {margin-left:15px;}
#skyscraper .flash_ad {position:relative; }

/* 확장형 CPA 배너 FIX */
#Reminder {width:93px !important; height:153px !important;}
#FloatLayer1 {left:-325px !important; top:-50px !important;}
#FloatLayer2 {left:0 !important; top:0 !important;}


/* 푸터 */
.footer {clear:both; position:relative; height:110px; background:url(../img/footer/footer.gif?20100715) no-repeat;}
.footer a {display:block; text-indent:-5000px;}
.footer .copyright, .footer address {position:absolute; left:-5000px; top:-5000px;}
.footer .neowiz a {position:absolute; left:0px; top:16px; width:97px; height:26px;}
.footer .developer a {position:absolute; left:117px; top:4px; width:92px; height:39px;}
.footer a.bizinfo {position:absolute; left:546px; top:53px; width:63px; height:14px; background:url(../img/footer/bizinfo.gif) no-repeat;}
.footer .submenu {position:absolute; left:240px; top:0px; width:260px; height:15px;}
.footer .submenu li {float:left; _display:inline; height:15px;}
.footer .m1 {width:48px;}
.footer .m2 {width:50px;}
.footer .m3 {width:158px;}
.footer .submenu a {width:100%; height:100%;}
.footer .rating {display:block; position:absolute; left:706px; top:5px; width:280px; height:63px; background:url(../img/footer/rating.gif) no-repeat; text-indent:-5000px;}
.footer .rating p {display:none;}
.footer .adult {background-position:left bottom;}
.footer .info1 {position:absolute; left:0; top:0; width:136px; height:15px;}
.footer .info2 {position:absolute; left:137px; top:0; width:144px; height:15px;}

.footer a.btn_email {position:absolute; left:497px; top:40px; width:126px; height:13px;}



body.ingame {background:#dfdfdf url(../img/common/bg_ingame_pattern.gif) repeat-x 0 43px;}
.ingame #wrapper {background:url(../img/common/bg_ingame.jpg) no-repeat center top;}
.ingame .container {width:1000px; margin:0 auto; background:none;}
div.ingame {position:relative; height:635px; zoom:1;} 
div.ingame h1 {display:none;}
div.ingame .home {position:absolute; left:232px; top:394px;}




body.ending {background:none;}
.ending #wrapper {background:#dfdfdf url(../img/care/bg_pattern.gif) repeat-x;}
.ending .container {width:1000px; margin:0 auto; background:none;}
.ending .care .section1 {position:relative; height:89px; background:url(../img/care/bg_c1.gif) no-repeat;}
.ending .care .section2 {position:relative; height:157px; background:url(../img/care/bg_c2_rank.gif) no-repeat;}
.ending .care .section3 {position:relative; height:199px; background:url(../img/care/bg_c3.gif) no-repeat;}
.ending .care .section4 {position:relative; height:251px; background:url(../img/care/bg_c4.gif) no-repeat;}
.ending .care .section5 {position:relative; width:948px; height:127px; padding:99px 0 0 52px; background:url(../img/care/bg_c5.gif) no-repeat;}
.ending .care .section6 {clear:both; position:relative; height:197px; background:url(../img/care/bg_c6.gif) no-repeat;}

.ending .care .section1 input.text {position:absolute; left:441px; top:0; width:231px; height:16px; margin-top:30px; padding:5px 8px 0 8px; background:#fff; border:1px solid #e1e1e1;}
.ending .care .section1 .search a {position:absolute; left:693px; top:30px; }
.ending .care .section1 .top5 { position:absolute; left:756px; top:34px; padding:0 0 0 33px; background:url(../img/care/ico_recom.gif) no-repeat;}
.ending .care .section1 .top5 li {position:relative; top:1px; display:inline; font-size:10px;}
.ending .care .section1 .top5 li a { color:#666; font-size:11px; }

.ending .care .section2 .class1 {position:absolute; left:72px; top:21px;}
.ending .care .section2 .class2 {position:absolute; left:370px; top:21px;}
.ending .care .section2 .class3 {width: 412px; height: 75px;position:absolute; left:521px; top:53px;}

.ending .care .section2 .class1 img,
.ending .care .section2 .class2 img {position:relative; left:-2px; top:-2px;}
.ending .care .section2 p {text-align:center; width:96px; padding:8px 0 0 0;}
.ending .care .section2 .class3 p { width: auto; padding: 0; font-size: 0; line-height: 0; }
.ending .care .section2 .class3 a { width: 129px; height: 21px; display: block; zoom: 1; position: absolute; top: 54px; left: 145px; overflow: hidden; background: no-repeat url(../img/care/btn_relatimeview.gif); text-indent: -9999px; }
.ending .care .section2 strong {padding:0 0 0 7px; background:url(../img/care/bu_gt.gif) no-repeat 0 3px; color:#2e3a3f;}
.ending .care .section2 .progress p {position:absolute; left:180px; top:44px; text-align:center; width:178px; padding:0; font-size:12px; color:#2e3a3f; font-weight:bold;}
.ending .care .section2 .progress strong {padding:0; background:none; color:#ce0a00;}
.ending .care .section2 .progress em {color:#2065a5;}
.ending .care .section2 .gauge {position:absolute; left:185px; top:75px; width:170px;}
.ending .care .section2 .gauge img {height:17px;}

.ending .care .section3 .pm1 {position:absolute; left:47px; top:0;}
.ending .care .section3 .pm2 {position:absolute; left:508px; top:0;}
.ending .care .section3 .pm1 p {position:absolute; left:98px; top:34px; padding:0 225px 0 0; background:url(../img/care/bg_promo_item.gif) no-repeat right 1px; color:#2e3a3f; font-size:16px; letter-spacing:-1px;}
.ending .care .section3  strong {color:#cb0808;}

.ending .care .section6 a {display:block; position:absolute; width:248px; height:51px; left:232px; top:62px; text-indent:-5000px;}
.ending .care .section6 a.btn_gamestart {left:520px;}

.ending .bbs_event {position:absolute; left:79px; top:87px; z-index:1; zoom:1;}
.ending .tab2 {left:520px;}
.ending .bbs_event li {position:relative; overflow:hidden; clear:left; width:420px; margin:0; padding:0; *zoom:1;  overflow:hidden;}
.ending .bbs_event div.image {float:left; _display:inline; overflow:hidden; width:150px; height:113px; background:url(../img/bbs/bg_event_thumb.gif) no-repeat;}
.ending .bbs_event div.image a {display:block; width:144px; height:107px; margin:2px;}
.ending .bbs_event div.image img {width:100%; height:100%;}
.ending .bbs_event div.desc {padding:24px 0 0 32px; margin-left:166px; background:url(../img/bbs/bg_event_title.gif) no-repeat 0 7px; zoom:1;}
.ending .tab2 div.desc {background:url(../img/care/bg_mod_open.gif) no-repeat 0 7px; zoom:1; overflow:hidden;}
.ending .bbs_event h3 {position:absolute; left:198px; top:5px; padding:2px 38px 0 0; background:none !important;}
.ending .bbs_event h3 a {font-weight:bold; color:#2E3A3F; white-space:nowrap; letter-spacing:-1px;}
.ending .bbs_event h4 {height:18px; color:#676767; font:10px verdana; letter-spacing:-1px;}
.ending .bbs_event h4 em {display:none;}
.ending .bbs_event p.text {_float:left; width:210px; height:auto; padding-bottom:3px; letter-spacing:-1px; color:#444; line-height:16px; letter-spacing:-1px;}
.ending .bbs_event .btn a {display:inline-block; height:23px; overflow:hidden; margin-right:1px;zoom:1; }

.ending .item {float:left; _display:inline; position:relative; width:415px; margin:0; height:107px; padding:0 0 0 28px;}
.ending .item .image {position:absolute; left:28px; top:0;}
.ending .item .image a {display:block; position:absolute; left:0; top:0; width:71px; height:71px; border:2px solid #828D91; overflow:hidden;}
.ending .item .image a img {display:block; position:absolute; left:-2px; top:-2px;}
.ending .item h4 {height:17px; padding:0 0 0 7px; margin:0 0 0 88px; color:#2E3A3F; background:url(../img/bbs/bu_gt.gif) no-repeat 0 3px; font-weight:bold; white-space:nowrap;}
.ending .item ul {zoom:1;}
.ending .item li.text {height:14px; padding:0 0 0 96px; font-size:11px; white-space:nowrap;}
.ending .item li.price {height:26px; padding: 0 0 0 95px;}
.ending .item li.price em {position:relative; left:1px; top:3px; display:inline-block; padding:3px 0 0 17px; background:url(../img/shop/ico_money.gif) no-repeat; font-size:11px;}
.ending .item li.btns {padding:0 0 0 94px;}
.ending .item li select {width:108px;}


.ending .rental {width:986px; margin:0 auto; overflow:hidden;}

.ending .weapon {position:relative; z-index:1; width:1200px;}
.ending .weapon:after {content:'.'; display:block; clear:both; height:0; line-height:0; vertical-align:hidden;}
.ending .weapon .list {float:left; _display:inline; width:323px; height:193px; margin:0 0 15px 0; padding:0 0 0 6px; background:url(../img/bbs/bg_line.gif) repeat-x left bottom; cursor:pointer; _cursor:hand;}
.ending .weapon input.radio {vertical-align:top; *margin:-4px; margin:-3px -4px -4px -3px\0/; margin-right:1px;}
.ending .weapon .name {width:297px; height:20px; padding:10px 0 0 13px; margin:0 0 5px 2px; border:1px solid #DADEE0; background:#fff url(../img/guide/bg_title.gif) repeat-x left bottom; font-size:11px; white-space:nowrap;}
.ending .weapon .name * {vertical-align:top;}
.ending .weapon .name strong {display:inline-block; min-width:77px; _width:77px; font-weight:normal;}
.ending .weapon .name em {display:inline-block; padding:0 0 0 7px; background:url(../img/bbs/bg_bar9.gif) no-repeat 0 1px;}
.ending .weapon .list .image img {border:2px solid #f2f2f2; display:block;}
.ending .weapon .on strong {font-weight:bold; color:#C31B1B; letter-spacing:-1px;}
.ending .weapon .on em {color:#C31B1B;}
.ending .weapon .on .image img {border-color:#C31B1B;}
.ending .get_rental {clear:both; position:relative; z-index:10; height:152px; margin:-2px 0 0 0; padding:39px 0 0 0; background:#dfdfdf url(../img/care/bg_rental.gif) no-repeat 0 39px;}
.ending .weapon + .get_rental {top:-17px !important;}
.ending .get_rental a.btn_get {display:block; width:188px; height:51px; position:absolute; left:399px; top:69px; text-indent:-5000px;}

.ending .get_rental_weapon {clear:both; position:relative; z-index:10; height:152px; margin:-2px 0 0 0; padding:39px 0 0 0; background:#dfdfdf url(../img/care/bg_rental2.gif) no-repeat 0 39px;}
.ending .weapon + .get_rental_weapon {top:-17px !important;}
.ending .get_rental_weapon a.btn_get {display:block; width:188px; height:51px; position:absolute; left:299px; top:69px; text-indent:-5000px;}
.ending .get_rental_weapon a.btn_start {display:block; width:188px; height:51px; position:absolute; left:497px; top:69px; text-indent:-5000px;}