@charset "euc-kr";


/* ¸ÞÀÎ */
.main { background:#13181c; }
.main .wrap { min-width:990px; background:url(../img/layout/bg_main.jpg) center top no-repeat; }
.main .container { margin:0 auto; width:990px; }
.main .header { float:left; width:670px; }
.main .header h1 { display:none; }
.main .header .nav { width:670px; height:230px; }
.main .aside { position:relative; float:right; margin:40px 35px -65px 0; width:250px; _display:inline; }
.main .section { clear:both; }

.main .pm { float:left; width:670px; height:290px; }

.main .news { float:right; margin:107px 35px 0 0; width:250px; height:183px; _display:inline; }
.main .news h3 a { display:block; width:250px; height:20px; text-indent:-1000px; overflow:hidden; background:url(../img/layout/bg_main_section.gif) left top no-repeat; }
.main .news ul { margin:14px 4px 0 8px; }
.main .news li { margin-bottom:4px; }
.main .news li strong a { color:#051e35; font-size:14px; text-decoration:underline; }
.main .news li strong .date { display:block;margin:3px 0 14px 0; color:#000000; font-weight:normal; font-size:11px; text-decoration:none; }
.main .news li a { color:#464e55; }

.main .banner { clear:both; width:955px; height:230px; }

.main .magazine { position:relative; float:left; width:670px; height:242px; }
.main .magazine h3 a { display:block; margin:16px 0 0 271px; width:370px; height:22px; text-indent:-1000px; overflow:hidden; background:url(../img/layout/bg_main_section.gif) left -20px no-repeat; }
.main .magazine h4 { display:block; margin:12px 0 12px 273px; }
.main .magazine h4 a { color:#051e35; font-size:14px; font-weight:bold; text-decoration:underline; }
.main .magazine h4 .date { display:block; margin:3px 0 0 0; color:#000000; font-weight:normal; font-size:11px; text-decoration:none; }
.main .magazine .thum { position:absolute; top:0; left:0; width:252px; height:192px; background:url(../img/layout/bg_main_section.gif) left -42px no-repeat; }
.main .magazine .thum img { position:relative; top:1px; left:1px; }
.main .magazine p { margin:0 0 0 273px; width:370px; line-height:1.4; }
.main .magazine p a { color:#baccd8; }

.main .screen { float:right; width:285px; height:192px; background:url(../img/layout/bg_main_section.gif) left -234px no-repeat; }
.main .screen a { display:block; float:left; margin:0 12px 12px 0; padding:1px; width:117px; height:83px; overflow:hidden; }


/* ¼­ºê */
.sub { background:#51748f; }
.sub .wrap { min-width:990px; background:#51748f url(../img/layout/bg_sub.jpg) center top no-repeat; }
.sub .container { margin:0 auto; width:990px; }
.sub .header { float:left; width:670px; }
.sub .header h1 { display:none; }
.sub .header .nav { width:670px; height:230px; }
.sub .aside { position:relative; float:right; margin:40px 35px -65px 0; width:250px; _display:inline; }
.sub .section { position:relative; clear:left; width:680px; overflow:hidden; }
.sub .section iframe { width:680px; border:0; min-height:500px; }
.sub .section .contents { width:680px;  zoom:1;  min-height:500px;}

/* ÇÁ·¹ÀÓ */


/* aside */
.aside .guide_login { position:absolute; top:-25px; right:-5px; text-align:right; color:#464e55; white-space:nowrap; }
.aside .guide_login a { display:inline; border-bottom:1px solid #FF0000; color:#464e55; text-decoration:none; }
.aside .guide_login a:hover { color:#ff0000; }
.aside .login { position:relative; width:250px; height:125px; overflow:hidden; }
.aside .login h3 { width:100%; height:34px; text-indent:-1000px; overflow:hidden; background:url(../img/common/img_login.gif) left top no-repeat; }
.aside .login .id { margin:0 0 0 10px; padding:5px 0 0 5px; border:0; width:127px; height:18px; background:url(../img/common/img_login.gif) -10px -34px no-repeat; }
.aside .login .pw { margin:5px 0 0 10px; padding:5px 0 0 5px; border:0; width:127px; height:18px; background:url(../img/common/img_login.gif) -10px -62px no-repeat; }
.aside .login .id.bgnone { background-position:left -125px; }
.aside .login .pw.bgnone { background-position:left -148px; }
.aside .login .btn_login { position:absolute; top:34px; left:152px; display:block; width:88px; height:51px; text-indent:-1000px; overflow:hidden; background:url(../img/common/img_login.gif) -152px -34px no-repeat; }
.aside .login .login_sub { position:absolute; left:0; bottom:0; width:100%; height:30px; background:url(../img/common/img_login.gif) left -95px no-repeat; }
.aside .login .login_sub a { position:absolute; top:5px; display:block; height:21px; text-indent:-1000px; overflow:hidden; background:url(../img/common/blank.gif) repeat; }
.aside .login .login_sub .find { left:13px; width:115px; }
.aside .login .login_sub .join { left:133px; width:105px; }
.aside .login .user { position:relative; width:100%; height:34px; background:url(../img/common/img_login_after.gif) left top no-repeat; }
.aside .login .user .name { display:block; position:relative; top:11px; left:9px; width:182px; height:14px; font-weight:bold; color:#464e55; }
.aside .login .user .name strong { color:#051e35; }
.aside .login .user .btn_logout { display:block; position:absolute; top:10px; left:192px; width:50px; height:17px; text-indent:-1000px; overflow:hidden; background:url(../img/common/blank.gif) repeat; }
.aside .login .cbt { width:250px; height:64px; overflow:hidden; }
.aside .login .cbt a, .aside .login .cbt span { display:block; width:250px; height:64px; text-indent:-1000px; overflow:hidden; background:url(../img/common/img_login_after.gif) no-repeat; }
.aside .login .cbt .msg1 { background-position:left -61px; }
.aside .login .cbt .msg2 { background-position:left -125px; }
.aside .login .cbt .msg3 { background-position:left -189px; }
.aside .login .cbt .msg4 { background-position:left -253px; }
.aside .login .cbt .msg5 { background-position:left -317px; }
.aside .login .cbt .msg { text-indent:0; background:none; }
.aside .login .cbt .msg img { display:block !important; }
.aside .login .info { position:relative; width:100%; height:27px; overflow:hidden; background:url(../img/common/img_login_after.gif) left -34px no-repeat; }
.aside .login .info em { position:absolute; top:-1000px; }
.aside .login .info li { position:absolute; top:8px; height:14px; font-size:11px; color:#464e55; }
.aside .login .info li a { font-weight:bold; }
.aside .login .info .memo { left:51px; width:79px; }
.aside .login .info .myinfo { left:180px; width:67px; }

.aside .security * {vertical-align:top;}
.aside .security { position:absolute; top:11px; left:80px; }
.aside .security span {display:inline-block;}
.aside .keyboard a { display:inline-block; position:relative; top:1px; width:49px; height:13px; overflow:hidden; font-size:11px; text-decoration:underline; letter-spacing:-1px; text-indent:-2000px; }
.aside .keyboard a.onoff { top:0; margin:0 4px 0 0; width:26px; text-align:right; }
.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:33px; height:13px; margin:1px 7px 0 1px; text-indent:-5000px; background:url(../img/common/blank.gif) repeat; }
.aside .security .btn_key { margin:0 0 0 1px; }

.aside .pm_aside { margin:25px 0 0 0; }


/* °ÔÀÓ½ÇÇàÁß */
.ingame { background:#557f9f; }
.ingame .container { width:990px; margin:0 auto; }
.ingame .contents { position:relative; width:990px; height:748px; background:url(../img/layout/bg_ingame.jpg) left top no-repeat; }
.ingame .contents h1 { position:absolute; top:-10000px; }
.ingame .contents a { display:block; position:absolute; top:352px; height:24px; text-indent:-1000px; overflow:hidden; background:url(../img/common/blank.gif) repeat; }
.ingame .contents .btn_home { left:386px; width:95px; }
.ingame .contents .btn_restart { left:486px; width:119px; }
.ingame .footer { background:url(../img/common/footer_ingame.gif) left top no-repeat; }
.ingame .footer .neowiz { left:24px; }
.ingame .footer .developer { left:132px; }
.ingame .footer .submenu { top:27px; left:281px; }
.ingame .footer .bizinfo { top:66px; left:605px; background-image:url(../img/common/btn_bizinfo_sub.gif); }


/* ǪÅÍ */
.footer { clear:both; position:relative; width:955px; height:127px; overflow:hidden; background:url(../img/common/footer_main.gif) left top no-repeat; }
.footer a { display:block; position:absolute; text-indent:-1000px; overflow:hidden; background:url(../img/common/blank.gif) repeat; }
.footer .neowiz { top:46px; left:11px; width:97px; height:25px; }
.footer .developer { top:41px; left:119px; width:120px; height:32px; }
.footer .submenu { position:absolute; top:27px; left:270px; height:15px; }
.footer .submenu a { float:left; display:block; position:relative; height:15px; margin-right:11px; }
.footer .submenu .m1 { width:44px; }
.footer .submenu .m2 { width:43px; }
.footer .submenu .m3 { width:88px; }
.footer .submenu .m4 { width:68px; }
.footer .copyright { position:absolute; top:-1000px; }
.footer address { position:absolute; top:-1000px; }
.footer .rating { position:absolute; top:-1000px; }
.footer .email { position:absolute; top:57px; left:350px; width:141px; height:13px; text-indent:-1000px; overflow:hidden; background:url(../img/common/blank.gif) repeat; }
.footer .bizinfo { position:absolute;left:565px;top:68px;width:60px;height:10px;text-indent:-5000px;background:url(../img/common/btn_bizinfo.gif) no-repeat;display:block; }

.sub .footer { background:url(../img/common/footer_sub.gif) left top no-repeat; }
.sub .footer .neowiz { left:23px; }
.sub .footer .developer { left:131px; }
.sub .footer .submenu { top:26px; left:282px; }
.sub .footer .email { left:361px; }
.sub .footer .bizinfo { top:69px; left:605px; background-image:url(../img/common/btn_bizinfo_sub.gif); }

.ingame .footer .email { left:361px; }