@charset "euc-kr";
/*reset css*/
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,form,input{margin:0;padding:0;font:12px dotum;}
table{border-collapse:collapse;border-spacing:0;}
em,address,var{font-style:normal;}
dl,ul,ol{list-style:none;}
img,fieldset{border:0;}
button{margin:0;padding:0;overflow:hidden;cursor:pointer;border:0;}
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;}

.wrap_body {position:relative;min-width:980px;_height:320px;text-align:center;background:url(/web/cp/mobile/v/img/main/bg_top.gif) 0 0 repeat-x}
.origin {position:relative;width:980px;text-align:left;z-index:1;text-align:left;margin:0 auto}
.container {position:relative;width:980px;margin:0 auto;text-align:left;display:inline-block;padding-bottom:70px}
.container:after {clear:both;display:block;content:""}

.side_left {display:none}
.side_right {display:none}

#LNB_Box {position:relative;height:70px;z-index:2;}

#LNB {position:relative;width:980px;height:70px;margin:0 auto;background:url(/web/cp/mobile/v/img/common/mnu_120525.jpg) 0 0 no-repeat;text-align:left;}
#LNB h1 {position:absolute;left:0;top:0;}
#LNB h1 a{width:217px;height:70px;background:url(/web/cp/mobile/v/img/common/trans.gif);display:block;}
#LNB h1 a span{display:none}

#LNB dl {margin-left:320px;}
#LNB dd {float:left;width:132px;}
#LNB dd a{width:130px;height:70px;background:url(/web/cp/mobile/v/img/common/trans.gif);display:block;}
#LNB dd a span{display:none}

#LNB_smnu {position:absolute;left:0;top:70px;width:100%;height:169px;display:none}
#LNB_smnu .lnb_smnu_bx {position:relative;width:980px;height:149px;z-index:2;text-align:center;margin:0 auto;background:url(/web/cp/mobile/v/img/common/smnu_120525.gif) 318px 0 no-repeat;}
#LNB_smnu .lnb_smnu {position:absolute;left:318px;top:0;width:641px;height:125px;*width:662px;*height:145px;padding:20px 0 0 21px;}
#LNB_smnu .lnb_smnu ul {float:left;width:132px;}
#LNB_smnu .lnb_smnu li {float:left;width:91px;height:26px;display:block}
#LNB_smnu .lnb_smnu li a {width:91px;height:25px;margin-bottom:1px;display:block;}
#LNB_smnu .lnb_smnu li a span{display:none}
#LNB_smnu .smnu05 {width:91px !important;}
#LNB_smnu .shadow {position:absolute;left:0;width:100%;height:169px;background:url(http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/shadow.png) 0 0 no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/shadow.png', sizingMethod='crop');}

#LNB_smnu .on a {background:url(/web/cp/mobile/v/img/common/smnu_120525.gif) 0 0 no-repeat}
#LNB_smnu .on .s1_1 {background-position: -21px -170px}
#LNB_smnu .on .s1_2 {background-position: -21px -196px}
#LNB_smnu .on .s1_3 {background-position: -21px -222px}
#LNB_smnu .on .s2_1 {background-position: -153px -170px}
#LNB_smnu .on .s2_2 {background-position: -153px -196px}
#LNB_smnu .on .s3_1 {background-position: -285px -170px}
#LNB_smnu .on .s3_2 {background-position: -285px -196px}
#LNB_smnu .on .s3_3 {background-position: -285px -222px}
#LNB_smnu .on .s3_4 {background-position: -285px -248px}
#LNB_smnu .on .s4_1 {background-position: -417px -170px}
#LNB_smnu .on .s5_1 {background-position: -549px -170px}
#LNB_smnu .on .s5_2 {background-position: -549px -196px}

.m_bnr {position:relative;height:250px;width:980px;overflow:hidden}
.m_bnr .prev{position:absolute;top:106px;left:0;z-index:10}
.m_bnr .next{position:absolute;top:106px;right:0;z-index:10}
.m_bnr .pagination{overflow:hidden;zoom:1;width:980px;text-align:center;position:absolute;top:225px;left:0;}
.m_bnr .pagination li{display:inline-block;*display:inline;margin:0 4px}
.m_bnr .pagination li a{display:inline-block;width:14px;height:0;font-size:0;padding-top:14px;line-height:0;background:url(http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/roll_btn.png) 0 0 no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/roll_btn.png', sizingMethod='crop');}
.m_bnr .pagination li.current a{background:url(http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/roll_btn_on.png) 0 0 no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/roll_btn_on.png', sizingMethod='crop');}

.m_prom{position:relative;width:980px;height:328px;}
.m_prom ul li{width:980px;height:328px;font-size:0;line-height:0;display:none;}
.m_prom ol{position:absolute;top:288px;right:425px;height:14px;}
.m_prom ol li{float:left;width:20px}
.m_prom ol li a {width:14px;height:14px;display:block;cursor:pointer}
.m_prom .roll_btn {width:14px;height:14px;background:url(http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/roll_btn.png) 0 0 no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/roll_btn.png', sizingMethod='crop');}
.m_prom .roll_btn_on {width:14px;height:14px;background:url(http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/roll_btn_on.png) 0 0 no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/roll_btn_on.png', sizingMethod='crop');}

.cont1 {float:left;position:relative;margin-top:20px;width:270px;}
.cont2{float:right;position:relative;margin-top:20px;width:690px;}

.bx_login {height:170px}
#divLogin {position:relative;width:268px;*width:270px;height:129px;*height:130px;border:1px solid #CCCCCC;border-bottom:0}
#BeforeLogin {position:relative;height:129px;}
#BeforeLogin .s1 { position:absolute; left:18px; top:9px;*top:11px; }
#BeforeLogin .s1 a { color:#666666; font:11px dotum; letter-spacing:-1px; }
#BeforeLogin .s1 strong { color:#0081c4; font:bold 11px dotum; letter-spacing:-1px;; }
#BeforeLogin .s2 {position:absolute; top:9px;*top:11px;left:86px;background:url(/web/cp/mobile/v/img/common/login_bar01.gif) 0 4px no-repeat;*background:url(/web/cp/mobile/v/img/common/login_bar01.gif) 0 2px no-repeat;padding-left:7px;}
#BeforeLogin .s2 a { color:#666666; font:11px dotum; letter-spacing:-1px; }
#BeforeLogin .s2 label {margin-right:4px; }
#BeforeLogin .s2 .ichk {position:relative;width:14px;height:14px;vertical-align:-4px;*vertical-align:-1px;border:0}
#BeforeLogin #tooltip { background:url(/web/cp/mobile/v/img/common/login_tooltip.gif) 0 0 no-repeat; color:#EE6200; font-size:11px; display:block; text-align:center; letter-spacing:-1px; padding-top:12px; width:140px; height:17px; *height:29px;position:absolute; top:80px; left:0; z-index:2; display:none; }
#BeforeLogin #tooltip strong { color:#EE6200; }
#BeforeLogin .bt { background:url(/web/cp/mobile/v/img/common/login_btn.gif) 0 0 no-repeat; width:87px; height:61px; position:absolute; left:163px; top:33px;z-index:3}
#BeforeLogin .bt span { display:none; }
#BeforeLogin dl {position:absolute;left:18px;top:32px;z-index:1}
#BeforeLogin dt {display:none;}
#BeforeLogin dd {height:33px;}
#BeforeLogin #uid {width:140px;height:28px;line-height:26px;padding-left:5px;color:#AAAAAA;background:url(/web/cp/mobile/v/img/common/login_k_id.gif) 0 0 no-repeat;border:1px solid #CCCCCC;}
#BeforeLogin #upw {width:140px;height:28px;line-height:26px;padding-left:5px;color:#AAAAAA;background:url(/web/cp/mobile/v/img/common/login_k_pw.gif) 0 0 no-repeat;border:1px solid #CCCCCC;}
#BeforeLogin .bgnone { background:#fff !important; border:1px solid #bebebe; font:11px dotum; color:#AAAAAA}
#BeforeLogin .bgon { background:#fff !important; border:1px solid #3E4143 !important; font:11px dotum; color:#AAAAAA}
#BeforeLogin .link { position:absolute; top:102px;left:18px;padding-left:1px; }
#BeforeLogin .link span { line-height:18px }
#BeforeLogin .link a { color:#666666; letter-spacing:0; font:12px dotum; }
#BeforeLogin .link .l1 a { font-weight:bold;color:#333333}
#BeforeLogin .link .l2 { background:url(/web/cp/mobile/v/img/common/login_bar02.gif) 0 1px no-repeat;padding-left:6px; }
#BeforeLogin .link .l3 { background:url(/web/cp/mobile/v/img/common/login_bar02.gif) 0 1px no-repeat;padding-left:6px; }

#AfterLogin {position:relative;height:129px}
#AfterLogin .t1 {width:232px;height:25px;border-bottom:1px solid #E6E6E6;margin:20px 0 0 18px;font:12px dotum;color:#666666;display:block}
#AfterLogin .t1 strong{color:#333333}
#AfterLogin .bt_logout{position:absolute;right:18px;top:-5px;*top:15px}
#AfterLogin .txt {width:100%;height:83px;}
#AfterLogin .txt td {text-align:center;line-height:18px;}
#AfterLogin .txt td a{color:#0080C7;font:bold 12px dotum;line-height:18px;}
#AfterLogin .txt span {font:normal 11px dotum;color:#8E8E8E;letter-spacing:-1px;line-height:14px;display:block}	
.bt_sns {overflow:hidden;zoom:1}
.bt_sns a{float:left;display:block;}

.m_alarm{margin-top:20px;}
.m_alarm img{vertical-align:top}

.m_release {position:relative;width:270px;margin-top:24px}
.m_release h4 {height:23px;*height:24px;border-bottom:1px solid #D6D6D6;background:url(/web/cp/mobile/v/img/main/tit_release.gif) 0 0 no-repeat}
.m_release h4 strong{display:none}
.m_release .more {position:absolute;width:41px;height:17px;right:0;top:0;background:url(/web/cp/mobile/v/img/main/bt_more.gif) 100% 50% no-repeat;display:block}
.m_release .more span {display:none}
.m_release .release_wrap{overflow:hidden;zoom:1;padding-top:15px;}
.m_release .release_wrap .thmb {float:left;width:100px;margin-right:14px;}
.m_release .release_wrap .cont{float:left;width:156px;padding-top:7px}
.m_release .release_wrap .cont dt {font-weight:bold;line-height:19px;margin-bottom:2px}
.m_release .release_wrap .cont dt a{color:#1A7AD0}
.m_release .release_wrap .cont dd{line-height:19px;color:#666666}

.m_notice {position:relative;width:270px;margin-top:21px}
.m_notice h4 {height:23px;*height:24px;border-bottom:1px solid #D6D6D6;background:url(/web/cp/mobile/v/img/main/tit_mobile_news.gif) 0 0 no-repeat}
.m_notice h4 strong{display:none}
.m_notice ul{margin-top:15px;}
.m_notice li{width:100%;height:24px;display:block}
.m_notice .t1 {float:left;width:200px;}
.m_notice .t1 a {color:#666666;font:normal 12px dotum;}
.m_notice .t2 {display:none}
.m_notice .t3 {font:normal 10px verdana;color:#999999}
.m_notice .more {position:absolute;width:41px;height:17px;right:0;top:0;background:url(/web/cp/mobile/v/img/main/bt_more.gif) 100% 50% no-repeat;display:block}
.m_notice .more span {display:none}

.m_mov {width:270px;margin-top:7px}
.m_mov img {display:block}

.gamelist {position:relative;width:980px;background:url(/web/cp/mobile/v/img/main/game/bg_gamelist.gif) 0 0 no-repeat;border-bottom:1px solid #999999;display:inline-block}
.gamelist .ic {vertical-align:-5px;margin-right:7px;}
.gamelist .ic_new {vertical-align:-2px;margin-left:7px;}
.gamelist dl {float:left;position:relative;width:180px;margin-left:16px;padding-bottom:2px;display:inline}
.gamelist dt {height:64px;}
.gamelist dt strong{display:inline-block;margin-top:37px;*margin-top:38px;font-weight:normal;color:#222222}
.gamelist dd {height:24px;}
.gamelist dd a{color:#666666}
.gamelist .stl {position:relative;height:34px !important;margin:2px 0 0 0;display:block;}
.gamelist .stl span{position:relative;height:27px;background:url(/web/cp/mobile/v/img/main/game/bg_stl.gif) 0 0 no-repeat;display:block;margin-left:-15px;}
.gamelist .g05 .stl span{width:194px;}
.gamelist .g05 .stl span strong{font-weight:normal;margin:7px 0 0 15px;*margin:8px 0 0 15px;display:inline-block}

#Footer {position:relative;width:980px;height:130px;margin:0 auto ;font:normal 11px dotum;text-align:left;border-top:1px solid #F2F2F2}
#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:78px;height:39px;left:52px;top:60px;display:block;background:url(/web/cp/mobile/v/img/common/foot_logo_cj.gif) 0 0 no-repeat; }
#Footer .ft_bx_txt{margin:35px 0 0 198px;display:inline-block}

#Footer .ft_mnu{width:777px;*width:782px;height:21px;border-bottom:1px solid #D6D6D6;padding-left:5px}
#Footer .ft_mnu li{float:left; padding-right:9px;margin-right:9px;background:url(/web/cp/mobile/v/img/common/foot_bar.gif) 100% 1px no-repeat;}
#Footer .ft_mnu li a{font:normal 11px dotum;color:#777777;letter-spacing:-1px}
#Footer .ft_mnu .ft_t1 {font-weight:bold;color:#0182C7}
#Footer .ft_mnu .ft_x{margin:0;padding:0;background:none}
#Footer .ft_txt {line-height:14px;padding:7px 0 0 5px;color:#999999;}
#Footer .ft_copy {display:block;color:#999999;margin-top:4px}

#FooterGrade {position:absolute;width:231px;height:53px;right:0;top:20px;display:none}

.game_lst li{vertical-align:top;overflow:hidden;zoom:1;padding:15px 0 10px 15px;position:relative;z-index:10}
.game_lst li .thmb{position:relative;width:107px;height:107px;float:left;margin-right:15px;}
.game_lst li .thmb img{vertical-align:top}
.game_lst li .thmb .flag_new{background:url(/web/cp/mobile/v/img/main/flag_new.gif) 0 0 no-repeat;width:45px;height:45px;position:absolute;top:3px;left:3px;cursor:pointer}
.game_lst li .thmb .coming_soon{background:url(http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/coming_soon.png) 0 0 no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c2.img.netmarble.kr/web/cp/mobile/v/img/main/coming_soon.png', sizingMethod='crop');width:102px;height:102px;position:absolute;top:0;left:0;}
.game_lst li .cont{float:left;width:380px;padding-top:4px}
.game_lst li .cont dt{line-height:20px;margin-bottom:9px;}
.game_lst li .cont dt a{font-weight:bold;color:#1A7AD0;}
.game_lst li .cont dt .bar{color:#989898;margin:0 4px;font-size:11px;}
.game_lst li .cont dt .genre{color:#989898;font-size:11px;}
.game_lst li .cont dt .support{display:inline-block}
.game_lst li .cont dt .support img{vertical-align:top;margin-right:5px;}
.game_lst li .cont dd{color:#666666;line-height:19px}
.game_lst li .cont dd.btn{padding-top:8px}
.game_lst li .cont dd.btn img{vertical-align:top}

.game_lst li .btn_down{position:absolute;bottom:13px;right:13px;}
.game_lst li .btn_down img{vertical-align:top}
.recommend_game {border:1px solid #989898;position:relative;padding-top:36px}
.recommend_game h4{background:url(/web/cp/mobile/v/img/main/tit_recommend.jpg) 0 0 no-repeat;height:37px;width:690px;position:absolute;top:-1px;*top:0;left:-1px}
.recommend_game h4 strong{display:none;}

.smartphone_game{border:1px solid #989898;position:relative;padding-top:34px;margin-top:20px;}
.smartphone_game h4{background:url(/web/cp/mobile/v/img/main/tit_smartphone.jpg) 0 0 no-repeat;height:37px;width:690px;position:absolute;top:-1px;*top:0;left:-1px;z-index:20}
.smartphone_game h4 strong{display:none;}
.smartphone_game .game_lst li{border-top:1px solid #D5D5D5}
.smartphone_game h4 .btn_all_game{position:absolute;top:13px;right:16px;}
.smartphone_game h4 .pagination{position:absolute;top:9px;left:106px;}
.smartphone_game h4 .pagination a{float:left;background:url(/web/cp/mobile/v/img/main/bg_page_off.gif) 0 0 no-repeat;width:14px;*width:20px;height:20px;color:#83CAF6;padding-left:6px;font-size:11px;line-height:20px;margin-right:2px;}
.smartphone_game h4 .pagination a:hover,.smartphone_game h4 .pagination a:active,.smartphone_game h4 .pagination a:focus{text-decoration:none}
.smartphone_game h4 .pagination a.on{background:url(/web/cp/mobile/v/img/main/bg_page_on.gif) 0 0 no-repeat;color:#E6F6FF;}

.btm_pagination{text-align:center;padding-top:15px;}
.btm_pagination a{display:inline-block;width:16px;*width:18px;height:16px;*height:18px;font-size:11px;border:1px solid #DADADA;color:#7E7E7E;line-height:18px;overflow:hidden}
.btm_pagination a:hover,.btm_pagination a:active,.btm_pagination a:focus{text-decoration:none;}
.btm_pagination a.on{border:1px solid #6E6E6E;background:#7E7E7E;color:#F2F2F2}