@charset "utf-8";



caption {display: none;}

body{height:100%; width:100%; text-align:left; font-size:12px; line-height:18px; overflow-y:scroll; .overflow-y:auto; font-family:Dotum, Arial, verdana; color:#7C7C7C;}
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none; margin:0; padding:0px;}
img{border:0 none; display:block; vertical-align:top;}
table{border-collapse:collapse}
fieldset{border:0;}
legend{display:none; height:0; overflow:hidden;}


a:link, a:visited {color:#818181; text-decoration:none}
a:hover, a:active {color:#818181; text-decoration:underline;}


textarea{border:1px solid #e2e2e2; line-height:18px;}
input, textarea{vertical-align:middle; font-size:12px; color:#7C7C7C; font-family:Dotum, Arial, verdana; padding:0; margin:0;}


#wrapper{position:relative; width:100%; min-width:995px; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/bg_wrapper.jpg") no-repeat center top;}

#header{width:995px; height:596px; margin:0 auto; position:relative; }
#header h2 {position:absolute; z-index:35; top:5px; left:450px;}
#header .gnb_bg{width:955px; height:0; position:absolute; left:59px; top:98px; z-index:30; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/gnb_bg.png") no-repeat left top;}
#header .gnb_text_bg{width:952px; height:66px; position:absolute; left:22px; top:57px; z-index:33;}
#header #gnb #gNavi{position:absolute; left:30px; top:0; z-index:33;}
#header #gnb #gNavi li{float:left; height:36px; padding:38px 0px 24px 50px;}
#header #gnb #gNavi li a img {vertical-align:middle}
#header #gnb #gNavi li.gmagin{padding-left:200px}
#header #gnb #gNavi li ul{width:92px; position:absolute; z-index:35; top:98px; overflow:hidden;}
#header #gnb #gNavi li ul li{width:92px; height:10px; float:none; padding:3px 0; overflow:hidden; .margin-bottom:-2px;}
#header #gnb #gNavi li ul li a img {vertical-align:middle;}
#header #forest{width:995px; height:32px; position:absolute; left:0; top:420px; z-index:26;}
#header #game_start {position:absolute; left:-150px; bottom:30px; width:426px; height:146px; z-index:28;}


#header .character{width:390px; height:400px; position:absolute; left:635px; top:135px; z-index:27;}
#header .popup_zone{width:476px; height:307px; position: absolute; left:29px; top:145px; z-index:25;}
#header .popup_zone ul{height:300px; padding:7px 0 0 63px; position: relative;}
#header .popup_zone ul li{float:left; width:7px; height:7px; margin-left:7px; display:inline;}
#header .popup_zone ul li a.pop_btn{width:7px; height:7px; display:block; text-indent:-9999px; overflow:hidden; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/pop_btn.png") no-repeat left top;}
#header .popup_zone ul li.active{width:21px;}
#header .popup_zone ul li.active a.pop_btn{width:21px; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/pop_btn.png") no-repeat left -7px;}
#header .popup_zone ul li div.pop_content{display:none;}
#header .popup_zone ul li.active div.pop_content{display:block;}
#header .popup_zone ul li .pop_content{width:370px; height:282px; position:absolute; left:63px; top:25px;}
#header #login{position:absolute; left:295px; top:463px; z-index:50;}
#header #login img{display:inline; vertical-align:middle;}
#header #login h3{font-size:0;}
#header #login p{margin-top:6px; line-height:0;}
#header #login p label{display:none; height:0; overflow:hidden;}
#header #login p input.idpw{width:120px; height:14px; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/login_inputbg.png") no-repeat left top; border:0; margin-right:4px; padding:4px 13px 4px 10px; line-height:1; font-family:verdana; font-size:10px; color: #82B4F2;}
#header #login p img.line{margin:0 2px 0;}
#header #login div{position:absolute; left:300px; top:0;}
#header #login span{position:absolute; left:157px; bottom:0; line-height:0; width:300px; display:block;}
#header #login span input{width:13px; height:13px;}
#header #login span img{margin:0 7px 0 2px;}
#header #logout{height:58px; padding:18px 0 0 84px; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/logout_ch.png") no-repeat 20px 11px; position:absolute; left:285px; top:449px; z-index:50;}
#header #logout h3{font-size:12px; font-weight:normal; color:#fff;}
#header #logout h3 img{margin-left:3px;vertical-align:middle; display:inline;}
#header #logout p{margin-top:6px; color:#F6FF00; line-height:14px; letter-spacing:-1;}
#header #logout a{position:absolute; left:300px; top:18px;}

#container{width:945px; margin:0 auto; padding:0 25px 60px 25px; overflow:hidden; position:relative;}
#container #lnb{width:226px; margin-right:40px; float:left; padding-top:25px;}
#container #lnb h3{width:226px; height:62px; border-bottom:2px solid #969696;}
#container #lnb ul.lnbmenu{width:226px; margin-top:6px;}
#container #lnb ul.lnbmenu li{border-bottom:1px solid #eaeaea;}
#container #lnb ul.lnbmenu li img{margin:10px 0 9px 3px; display:inline;}
#container #lnb ul.lnbmenu li ul li{width:100%; border:none;}
#container #lnb ul.lnbmenu li ul li.over{background-color:#65c4f7;}
#container #lnb ul.lnbmenu li ul li img{margin:5px 0 5px 14px;}
#container #lnb ul.banner{width:226px; margin-top:80px;}
#container #lnb ul.banner li{width:226px; margin-bottom:20px; .margin-bottom:18px;}
#container #lnb ul.banner li ul li{width:7px; margin-bottom:0;}
#container #lnb .btnGo{width:100%; float:left;}
#container #lnb .btnGo a img{display:block; float:left;}
#container #contents{width:609px; float:left; padding-top:25px;}
#container #contents .top{height:62px;}
#container #contents .top{position:relative;}
#container #contents .top h4{display:inline;}
#container #contents .top p{display:inline; position:relative; left:7px; top:19px; .left:11px;}
#container #contents .top img{display:inline;}
#container #contents .top span{position:absolute; right:0; top:-18px; font-size:11px; color:#a7a7a7;}
#container #contents .top span img{padding:7px; vertical-align:middle;}
#container #gotop{right:10px; width:52px; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/quick_bottom.gif") no-repeat left bottom; padding:0 0 29px 0;}
#container #gotop ul{width:50px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:5px 0; }
#container #gotop ul li{padding:5px 0;border-top:1px dotted #eee;}
#container #gotop ul li.first-child{border-top:none;}

#footer_wrap{clear:both; width:100%; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/bg_footer_wrap.jpg") no-repeat center top;}
#footer_wrap #footer{width:857px; height:245px; margin:0 auto; position:relative; padding:30px 0 0 138px;}
#footer_wrap #footer h3{position:absolute; left:16px; top:33px;}
#footer_wrap #footer ul.foot_menu{overflow:hidden;}
#footer_wrap #footer ul.foot_menu li{float:left; padding:0px 5px 0px 6px;  background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/img_footer_line.png") no-repeat left top;}
#footer_wrap #footer ul.foot_menu li.first {background:none; padding:0 5px 0 0;}
#footer_wrap #footer address{margin-top:10px; .margin-top:9px; clear:both;}
#footer_wrap #footer p{margin-top:5px;}
#footer_wrap #footer ul.game_info{text-indent:-9999px; overflow:hidden; width:316px; height:55px; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/text_footer_gameinfo.png") no-repeat left top; position:absolute; left:581px; top:29px}
#footer_wrap #footer .game_classe{position:absolute; left:900px; top:32px;}
#footer_wrap #footer .game_classe img{float:left;}

#popup_management{width:642px; height:651px; padding:1px; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/common/bg_popupmanage.gif") repeat-x left top; position:relative; position:absolute; left:20px; top:260px; z-index:999;}
#popup_management h3{width:615px; height:36px; padding:13px 0 0 27px; background-color:#9a765a;}
#popup_management .inner{width:585px; height:582px; padding:20px 29px 0 28px; background-color:#fff; color:#888;}
#popup_management .inner dl dd{line-height:18px; font-size:11px ;margin-top:3px;}
#popup_management .inner dl.text01 dt{font-weight:bold;}
#popup_management .inner dl.text02{margin-top:17px;}
#popup_management .inner dl.text02 dt{font-weight:bold; color:#333;}
#popup_management .inner dl.box1 dd{width:558px; height:90px; padding:20px 0 0 25px; border:1px solid #d5d3d3;}
#popup_management .inner dl.box2 dd{width:558px; height:182px; padding:20px 0 0 25px; border:1px solid #d5d3d3; overflow:auto;}
#popup_management .inner dl.box2 dd p{padding-bottom:20px;}
#popup_management .inner p.agreecheck{width:584px; height:30px; padding-top:10px; text-align:center; font-size:11px; color:#787878; line-height:0; border-bottom:1px solid #e3e3e3;}
#popup_management .inner p.agreecheck input{margin-right:5px;}
#popup_management .inner ul{margin-top:20px;}
#popup_management .inner ul li{font-size:11px; line-height:15px; color:#787878;}
#popup_management span.btnarea{position:absolute; right:30px; bottom:31px;}
#popup_management .inner ul li{font-size:11px; line-height:15px; color:#787878;}
#popup_management span.btnarea a{float:left; margin-left:2px;}
#popup_management span.close{position:absolute; right:30px; top:13px;}

#mask{position:fixed; top:0; left:0; z-index:998; color:#000; width:100%; height:2300px; display:none; background:#ddd; -ms-filter:progid:DXImageTransform.Microsoft.alpha(opacity=50); 
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=50); opacity:0.5;} 

#bannerAera1{width:240px; height:240px;}
#bannerAera2{width:240px; height:140px;}
#bannerAera3{width:240px; height:104px;}
#bannerAera4{width:580px; height:80px; margin:0 auto; padding-top:50px; clear:both;}

.eventLiTab{width:100%; height:29px; overflow:hidden; border-bottom:2px solid #2aaef5; margin-bottom:20px;}
.eventLiTab li{float:left; margin-right:2px;}
.eventLiTab li.on{margin-top:-29px;}

#bannerAera2{position:relative;}
#bannerAera2 .tabListBtn{position:absolute; top:7px; right:7px; z-index:10;}
#bannerAera2 .tabListBtn li{float:left; margin-left:6px;}
#bannerAera2 .tabListBtn li a{display:block; width:7px; height:7px; background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/main/tabList.png") no-repeat left 0; font-size:0;line-height:0;}
#bannerAera2 .tabListBtn li.on a{background-position:0 -7px;}


#footer_wrap #footer.footer_game * {font-size:11px;font-family:돋움체, Dotumche, sans-serif;line-height:1.1;color:#767676;letter-spacing:-1px;}
#footer_wrap #footer.footer_game .bar {display:inline-block;width:1px;height:10px;margin-left:1px;vertical-align:middle;background:url("/assets/tooniland/cache.tooniland.com/tooniGame/keroro_fighter/images/common/img_footer_line.png") no-repeat 0 50%;}
*:first-child+html #footer_wrap #footer.footer_game .bar {display:inline;}
#footer_wrap #footer.footer_game ul.foot_menu {margin-bottom:9px;}
#footer_wrap #footer.footer_game ul.foot_menu li {padding-left:4px;background-position:0 50%;}
#footer_wrap #footer.footer_game ul.foot_menu li:first-child {padding-left:0;background:none;}
#footer_wrap #footer.footer_game ul.foot_menu li.personalInfo a	{color:#0579af;}
#footer_wrap #footer.footer_game p, #footer_wrap #footer.footer_game address	{margin-top:2px;color:#b1b1b1;}
#footer_wrap #footer.footer_game address	{font-style:normal;}
#footer_wrap #footer.footer_game .copyright	{margin-top:5px;font-family:Arial, sans-serif;color:#8e8d8d;}