@charset "utf-8";
/* reset css */
body{background:#F4F4F4;} 
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,form,input{margin:0;padding:0;color:#727272;font-family:arial;font-size:12px;}
table{border-spacing:0;font-family:verdana;}
em,address,var{font-style:normal;}
dl,ul,ol{list-style:none;}
input,select,textarea{color:#666;font-family:verdana;font-size:12px;}
img,fieldset{border:0;}
button{margin:0;padding:0;overflow:hidden;cursor:pointer;border:0;background:transparent;}
button span{visibility:hidden;}
legend,caption{overflow:hidden;visibility:hidden;height:0;font-size:0;line-height:0;}
a{text-decoration:none;}a:hover,a:active,a:focus{text-decoration:underline;}
.hide{position:absolute;left:0;top:0;width:1px;height:1px;font-size:0;line-height:0;visibility:hidden;z-index:-1;}
.none{display:none;}
.fix{display:inline-block;zoom:1;}
.fix:after,.rg:after,.fl:after,.fr:after,.l_con .fr dd.note:after{display:block;clear:both;height:0;content:'';}
/* GNB */
.gnb{position:relative;width:100%;height:74px;z-index:100;background:url(../imgs/common/bg_gnb_sub.gif) 0 0 repeat-x;}
.gnb .wrapper{position:relative;margin:0 auto;width:980px;height:74px;}
.gnb h1{position:absolute;top:13px;left:0;}
.gnb h1 a{display:inline-block;}
/* menu */
.gnb .section{position:absolute;top:0;left:211px;padding:10px 0 0;width:770px;height:54px;background:url(../imgs/common/sp_lnb_one.gif) 0 10px no-repeat;zoom:1;z-index:10;}
.gnb .section:afer,.gnb .subject:after{display:block;clear:both;height:0;content:'';}
.gnb .section li{display:inline;float:left;height:54px;cursor:pointer;}
.gnb .section li.x{margin:0 !important;padding:0 !important;background:none !important;}
.gnb .section li a{display:block;overflow:hidden;position:relative;padding:20px 20px 0;height:34px;text-indent:-1000em;background-image:url(../imgs/common/sp_lnb_one.gif);background-repeat:no-repeat;z-index:100;}
.gnb .section li.idx0 a{margin:0 53px 0 5px;width:50px;background-position:-5px 0;}
.gnb .section li.idx0 a:hover,.gnb .section li.idx0 a.on{background-position:-5px -55px;}
.gnb .section li.idx1 a{margin:0 42px 0 0;width:59px;background-position:-148px 0;}
.gnb .section li.idx1 a:hover,.gnb .section li.idx1 a.on{background-position:-148px -55px;}
.gnb .section li.idx2 a{margin:0 63px 0 0;width:40px;background-position:-290px 0;}
.gnb .section li.idx2 a:hover,.gnb .section li.idx2 a.on{background-position:-290px -55px;}
.gnb .section li.idx3 a{margin:0;width:66px;background-position:-433px 0;}
.gnb .section li.idx3 a:hover,.gnb .section li.idx3 a.on{background-position:-433px -55px;}

.gnb .subject{overflow:hidden;position:absolute;top:64px;left:211px;width:769px;height:0;background:url(../imgs/common/bg_subject.gif) no-repeat;zoom:1;z-index:15;}
.gnb .subject ul{display:inline;overflow:hidden;float:left;margin:0 28px 0 0;padding-top:1px;width:115px;}
.gnb .subject ul li{display:block;*float:left;clear:left;width:115px;margin:0 0 14px 0;_margin:0 0 11px 0;height:16px;zoom:1;}
.gnb .subject ul a{padding:0 0 0 5px;color:#cdcdcd;font-size:12px;background:url(../imgs/common/bu_sq5.gif) 0 7px no-repeat;}
.gnb .subject ul a:hover{color:#80b1ff;}
.gnb .subject ul.s0{margin-left:20px;}

.gnb .function{position:absolute;top:23px;right:0;z-index:20;}
.gnb .function a{display:inline;overflow:hidden;float:left;margin:0 0 0 2px;height:26px;text-indent:-1000em;background-image:url(../imgs/common/sp_btn_login.gif);background-repeat:no-repeat;}
.gnb .function .myaccount{width:103px;background-position:0 0;}
.gnb .function .myaccount:hover{background-position:0 -30px;}
.gnb .function .signout{width:87px;background-position:0 -60px;}
.gnb .function .signout:hover{background-position:0 -90px;}
.gnb .function .signup{width:84px;background-position:0 -120px;}
.gnb .function .signup:hover{background-position:0 -150px;}
.gnb .function .signin{width:84px;background-position:0 -180px;}
.gnb .function .signin:hover{background-position:0 -210px;}


/* 120327 GNB */
#G_gnb {position:relative;min-width:980px;height:58px;background:url(../imgs/gnb/bg_gnb.jpg) 0 0 repeat-x;text-align:center;z-index:100}
#G_gnb .gnb_wrap {position:relative;width:980px;margin:0 auto;text-align:left;}
#G_gnb .gnb_t1 {position:relative;height:30px;z-index:2}
#G_gnb .gnb_t1 .gnb_clock{position:absolute;right:0;top:0;width:301px;height:30px;overflow:hidden}
#G_gnb .gnb_t2 {position:relative;z-index:1}
#G_gnb .gnb_t2 .gnb_lt {position:absolute;left:0;top:0;}
#G_gnb .gnb_t2 .gnb_lt h1 {position:absolute;left:0;top:0;}
#G_gnb .gnb_mnu {position:relative;width:500px;height:57px;margin-left:189px;background:url(../imgs/gnb/gnb_mnu.jpg) 0 0 no-repeat}
#G_gnb .gnb_mnu dd {position:absolute;left:0;top:0;z-index:1}
#G_gnb .gnb_mnu .m1 {left:0;width:106px;}
#G_gnb .gnb_mnu .m2 {left:104px;width:112px;}
#G_gnb .gnb_mnu .m3 {left:214px;width:90px;}
#G_gnb .gnb_mnu .m4 {left:302px;width:116px;}
#G_gnb .gnb_mnu dd p {position:absolute;top:0;}
#G_gnb .gnb_mnu dd p a {position:absolute;width:100%;height:57px;display:block;background:url(../imgs/gnb/trans.gif);}
#G_gnb .gnb_mnu dd p a span {display:none}
#G_gnb .gnb_mnu dd.over p a{background:url(../imgs/gnb/gnb_mnu.jpg);z-index:3}
#G_gnb .gnb_mnu .over .m1 a{background-position:0 -114px !important}
#G_gnb .gnb_mnu .over .m2 a{background-position:-104px -171px !important}
#G_gnb .gnb_mnu .over .m3 a{background-position:-214px -228px !important}
#G_gnb .gnb_mnu .over .m4 a{background-position:-302px -285px !important}
#G_gnb .gnb_mnu .on p a{background:url(../imgs/gnb/gnb_mnu.jpg);z-index:2}
#G_gnb .gnb_mnu .on .m1 a{background-position:0 -57px}
#G_gnb .gnb_mnu .on .m2 a{background-position:-104px -57px}
#G_gnb .gnb_mnu .on .m3 a{background-position:-214px -57px}
#G_gnb .gnb_mnu .on .m4 a{background-position:-302px -57px}

#G_gnb .gnb_mnu .s1 {position:absolute;left:-2px;top:57px;width:167px;height:280px;display:none;}
#G_gnb .gnb_mnu .s1 .shadow {position:absolute;left:0;top:0;width:167px;height:280px;display:block;background:url(../imgs/gnb/bg_sub01_181219.png) 0 0 no-repeat;}

#G_gnb .gnb_mnu .s2 {position:absolute;left:102px;top:57px;width:160px;height:66px;display:none;}
#G_gnb .gnb_mnu .s2 .shadow {position:absolute;left:0;top:0;width:160px;height:66px;display:block;background:url(../imgs/gnb/bg_sub02_181225.png) 0 0 no-repeat;}

#G_gnb .gnb_mnu .s3 {position:absolute;left:212px;top:57px;width:200px;height:70px;display:none;}
#G_gnb .gnb_mnu .s3 .shadow {position:absolute;left:0;top:0;width:200px;height:70px;display:block;background:url(../imgs/gnb/bg_sub03_120713.png) 0 0 no-repeat;}

#G_gnb .gnb_mnu .s4 {position:absolute;left:300px;top:57px;width:167px;height:92px;display:none;}
#G_gnb .gnb_mnu .s4 .shadow {position:absolute;left:0;top:0;width:167px;height:92px;display:block;background:url(../imgs/gnb/bg_sub04_120713.png) 0 0 no-repeat;}

#G_gnb .over .s1, #G_gnb .over .s2, #G_gnb .over .s3, #G_gnb .over .s4{display:block}
#G_gnb .gnb_mnu ul {position:relative;margin:10px 0 0 20px;}
#G_gnb .gnb_mnu ul li {height:22px;color: #f6f7f8;font-weight: bold;font-size: 13px;}
#G_gnb .gnb_mnu ul li a {padding-left:7px;font:normal 12px arial;color:#9FACC0;background:url(../imgs/gnb/ic_sub.gif) 0 5px no-repeat}
#G_gnb .gnb_mnu ul .on a {font:bold 12px arial;color:#FFFFFF;background:url(../imgs/gnb/ic_sub_on.gif) 0 5px no-repeat}

#G_gnb .gnb_t2 .gnb_rt {position:absolute;right:0;top:16px;}
#G_gnb .gnb_t2 .gnb_rt li {float:left;margin-left:5px;}

/* body */
.wrap_body{position:relative;margin:0;padding:29px 0 60px 0;width:100%;min-width:980px;z-index:1;background:url(../imgs/gnb/bg_gnb.jpg) 0 -88px repeat-x}
.origin{position:relative;margin:0 auto;padding:0;width:980px;z-index:1;}
.origin:after{display:block;clear:both;height:0;content:'';}
.side_left{position:absolute;width:50%;top:0;left:-450px;height:563px;background:;}
.side_left div{position:absolute;top:0;left:0;width:100%;height:563px;background:;}
.side_right{position:absolute;width:50%;top:0;right:0px;height:563px;background:;}
.side_right div{position:absolute;top:0;left:0;width:100%;height:563px;background:;}

/* bottom body */
.bottom_body{position:relative;width:100%;min-width:980px;height:96px;border-top:1px #444A53 solid;background:#534741;z-index:1}
.bottom_body .footer{position:relative;margin:0 auto;width:980px;padding-top:29px}
.footer .logo{position:absolute;top:23px;left:0;}
.footer .f{position:absolute;top:29px;left:92px;background:url(../imgs/common/foot_bar.gif) 0 0 no-repeat;padding-left:20px}
.footer .f .fix {position:relative;top:-5px;}
.footer .f .fix li{float:left;color:#A4A7AB;padding-right:9px;margin-right:9px;background:url(../imgs/common/foot_bar02.gif) 100% 5px no-repeat;}
.footer .f li.x{background:none;}
.footer .f a{color:#A4A7AB;font-family:arial;font-size:10px;}
.footer .copyright{position:relative;top:-1px;color:#A4A7AB;font-family:arial;font-size:11px;}
.footer .links{position:absolute;top:29px;right:0}
.footer .family{margin-right:10px;cursor:pointer}
.footer #familysite {position:absolute;left:0;top:-51px;width:119px;background:#6F747B;z-index:3}
.footer #familysite li {height:25px;border-bottom:1px solid #7E8288;;padding-left:10px;}
.footer #familysite li a {font-family:arial;font-size:11px;color:#CCCED0;margin-top:6px;display:inline-block}
.footer #familysite li.x {height:24px;border-bottom:1px solid #64686E;}

/* 메인 게임 롤링베너 */
.gamers_dp{overflow:hidden;margin:0 0 15px;width:980px;height:400px;}
.gamers_dp .dp{overflow:hidden;height:316px;}
.gamers_dp .dp a{display:none;}
.gamers_dp .rolling_bx{position:relative;height:84px;background:url(../imgs/common/bg_rolling.gif) 0 0 no-repeat;}
.gamers_dp .btn{overflow:hidden;position:absolute;top:27px;width:15px;height:27px;text-indent:-1000em;background-image:url(../imgs/common/sp_roll.gif);background-repeat:no-repeat;}
.gamers_dp .left{left:11px;background-position:0 0;}
.gamers_dp .left:hover{background-position:0 -30px;}
.gamers_dp .right{left:953px;background-position:-20px 0;}
.gamers_dp .right:hover{background-position:-20px -30px;}
.gamers_dp .list_wrap{position:absolute;top:6px;left:38px;overflow:hidden;width:905px;height:67px;}
.gamers_dp .list_wrap ul{position:absolute;top:0;left:0;overflow:hidden;width:1000%;}
.gamers_dp .list_wrap li{float:left;overflow:hidden;position:relative;width:181px;height:67px;background:url(../imgs/common/sp_roll_window.gif) -181px 0 no-repeat;}
.gamers_dp .list_wrap .w{display:block;position:absolute;top:0;left:0;width:181px;height:67px;background:url(../imgs/common/sp_roll_window.gif) -181px 0 no-repeat;}
.gamers_dp .list_wrap .w:hover,.gamers_dp .list_wrap .current .w{background:url(../imgs/common/sp_roll_window.gif) 0 0 no-repeat;}


.con_box{width:980px;zoom:1;}
/* 왼쪽 컨텐츠 */
.l_con{display:inline;float:left;padding-bottom:20px;width:699px;}
.l_con .fix{position:relative;width:699px;zoom:1;}
.l_con .title{margin:0 0 6px;padding:0 0 7px 3px;color:#3d3d3d;font-size:19px;font-weight:bold;background:url(../imgs/common/line_sprite.jpg) 0 100% repeat-x;}
.l_con .fl{float:left;overflow:hidden;padding:0;width:242px;zoom:1;}
.l_con .fl dl{display:inline;position:relative;float:left;padding:0;margin:0 0 27px 0;width:237px;zoom:1;}
.l_con .fl dt{margin:0 1px 8px;color:#9a9a9a;font-size:11px;font-weight:bold;word-break:break-all;word-wrap:break-word;}
.l_con .fl dt a{color:#171717;font-size:15px;}
.l_con .fl dd.pic{overflow:hidden;margin:0 0 5px;width:235px;border:1px #a4a4a4 solid;}
.l_con .fl dd.pic img{display:block;}
.l_con .fl dd{margin:0 0 2px;color:#4f4f4f;font-size:11px;}
.l_con .fl dd strong{display:block;margin:1px 0;color:#9a9a9a;font-size:11px;font-weight:bold;line-height:1.4;word-break:break-all;word-wrap:break-word;}
.l_con .fl dd .u{padding:1px 16px 0 0;color:#4e7cc6;font-weight:bold;background:url(../imgs/common/ic_update.gif) 100% 3px no-repeat;}
.l_con .fl dd .e{padding:1px 16px 0 0;color:#f46914;font-weight:bold;background:url(../imgs/common/ic_e.gif) 100% 3px no-repeat;}
.l_con .fr{position:relative;float:right;padding:0;width:428px;zoom:1;}
.l_con .fr .viewall{position:absolute;top:7px;right:0;padding:0 0 0 6px;color:#507bc9;font-size:10px;font-weight:bold;background:url(../imgs/common/bu_tr2.gif) 0 5px no-repeat;}
.l_con .fr .title{margin:0;}
.l_con .fr dl.updateNews{padding:9px 2px 12px;margin:0 0 3px;width:424px;background:url(../imgs/main/line_updates.gif) 0 100% repeat-x;}
.l_con .fr dl.x{background:none !important;}
.l_con .fr dt{}
.l_con .fr dt a{display:block;position:relative;padding:2px 140px 0 0;color:#171717;font-size:12px;font-weight:bold;text-decoration:none !important;background:url(../imgs/main/ic_fold.gif) 100% 0 no-repeat;}
:root .l_con .fr dt a{padding-bottom:2px\0/IE9;}
.l_con .fr dt a.fold{background:none !important;}
.l_con .fr dt a .date{position:absolute;top:2px;right:26px;color:#999;font-size:10px;}
.l_con .fr dt a.fold .date{right:0px;}
.l_con .fr dd.note{display:none;margin:5px 0 0;width:424px;color:#727272;font-size:11px;line-height:1.4;word-break:break-all;word-wrap:break-word;zoom:1;}


/* 오른쪽 컨텐츠 */
.r_con{display:inline;overflow:hidden;float:right;width:261px;}
.r_con .bn1 a,.r_con .bn2 a{display:block;}
.r_con .bn1 a{margin:0 0 15px;}
.r_con .bn2{margin:0 0 15px;padding:0;}


/* slide banner */
.slider_wrap{overflow:hidden;margin:0 0 30px;width:699px;height:315px;background:url(../imgs/main/bg_slider.gif) 0 100% repeat-x;}
#slidebox{position:relative;margin:0;overflow:hidden;} 
#slidebox, #slidebox ul {width:699px;height:310px;}
#slidebox, #slidebox ul li{width:699px;height:310px;}
#slidebox ul li{position:relative;left:0;float:left;z-index:1;}
#slidebox ul li img{position:relative;}
#slidebox ul li p{position:absolute;top:236px;left:20px;z-index:15;}
#slidebox ul li p a{display:inline-block;color:#999;font-family:arial;font-size:11px;line-height:1.3;text-decoration:none !important;}
#slidebox ul li p strong{display:block;color:#fff;font-size:24px;}
#slidebox ul li .dimmed{position:absolute;bottom:0;left:0;width:699px;height:85px;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;background:#000;}
#slidebox .next, #slidebox .previous{display:none;}
#slidebox .next{right:0; margin-right:10px; background:url(slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(slidebox_next_hover.png) no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url(slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:url(slidebox_previous_hover.png) no-repeat left top;}
#slidebox .thumbs{position:absolute;z-index:10;bottom:16px;right:20px;}
#slidebox .thumbs a{display:inline;float:left;padding:0;width:23px;height:19px;background-image:url(../imgs/main/thumb_num.gif);background-repeat:no-repeat;}
#slidebox .thumbs a span{display:none;overflow:hidden;text-indent:-1000em;background-image:url(../imgs/main/thumb_num.gif);background-repeat:no-repeat;}
#slidebox .thumbs a.active span{display:block;padding:0;height:19px;}
#slidebox .thumbs a.r0{background-position:0 0;}
#slidebox .thumbs a.r1{background-position:-23px 0;}
#slidebox .thumbs a.r2{background-position:-46px 0;}
#slidebox .thumbs a.r3{background-position:-69px 0;}
#slidebox .thumbs a.r4{background-position:-92px 0;}
#slidebox .thumbs a.r5{background-position:-115px 0;}
#slidebox .thumbs a.r6{background-position:-138px 0;}
#slidebox .thumbs a.r7{background-position:-161px 0;}
#slidebox .thumbs a.r8{background-position:-184px 0;}
#slidebox .thumbs a.r9{background-position:-207px 0;}
#slidebox .thumbs a.r0 span{background-position:0 -19px;}
#slidebox .thumbs a.r1 span{background-position:-23px -19px;}
#slidebox .thumbs a.r2 span{background-position:-46px -19px;}
#slidebox .thumbs a.r3 span{background-position:-69px -19px;}
#slidebox .thumbs a.r4 span{background-position:-92px -19px;}
#slidebox .thumbs a.r5 span{background-position:-115px -19px;}
#slidebox .thumbs a.r6 span{background-position:-138px -19px;}
#slidebox .thumbs a.r7 span{background-position:-161px -19px;}
#slidebox .thumbs a.r8 span{background-position:-184px -19px;}
#slidebox .thumbs a.r9 span{background-position:-207px -19px;}
/* go to Netmarble KOREA */
.jump_kr{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:9999;}
.jump_kr .inner_bx{position:relative;margin:-190px auto 0;width:322px;height:380px;background:url(../imgs/main/lyr_jump_kr.jpg) no-repeat;}
.jump_kr .inner_bx label{position:absolute;bottom:11px;right:26px;color:#666;font-size:12px;}
.jump_kr .inner_bx input{position:absolute;bottom:8px;right:6px;margin:4px;*margin:0;}
.jump_kr .inner_bx a{display:block;overflow:hidden;position:absolute;left:77px;top:262px;width:175px;height:40px;text-indent:-1000em;}