@charset "utf-8";

#container {margin:0 auto 0;}

/* Layout Style */
.btn_more {position:absolute; top:17px; right:0;}
.btn_more2 {position:absolute; top:17px; left:330px;}/* 아이템팩 n게임센터 추가 */
.preview h2, .talk_box h2, .board h2 {height:31px; margin-left:1px; padding:19px 0 0 14px; background:url(/images/main/bg_h2.gif) repeat-x 0 0;}

.ct1 {position:relative; height:554px;}
.ct2 {position:relative; height:352px; margin-top:10px;}
.ct3 {position:relative; height:452px; margin-top:8px;}
.ct1 .login_bf, .ct1 .login_af, .ct1 .gxg_alerts, .ct1 .update_alerts, .ct2 .service, .ct2 .preview, .ct2 .event_banner, .ct3 .talk_box, .ct3 .board {position:absolute;}

/* login */
.login_bf {top:0; left:736px; width:232px; height:119px; background:url(/images/main/bg_login.gif) repeat-x 0 0;}
.login_bf .idpw {padding:20px 0 0 15px;}
.login_bf .idpw p {margin-bottom:7px;}
.login_bf .btn_login {position:absolute; top:19px; left:157px;}
.login_bf input.input_txt {width:128px; height:23px; padding:0 0 0 5px; background:#ccc; border:1px solid #b3b3b3; font-weight:bold; line-height:23px; color:#fff;}
.login_bf ul {width:217px; margin:0 0 0 15px; overflow:hidden;}
.login_bf li {float:left; margin-right:20px; padding:0 0 0 9px; background:url(/images/general/bul_arrow2.gif) no-repeat 0 6px; font-size:11px;}

.login_af {top:0; left:736px; width:232px; height:119px; background:url(/images/main/bg_login.gif) repeat-x 0 0; z-index:10;}
.login_af .thum {position:absolute; top:16px; left:15px; width:73px; height:73px; border:1px solid #ccc;}
.login_af .con {padding:18px 0 0 100px;}
.login_af .con .name {color:#999; letter-spacing:-1px;}
.login_af .con strong {color:#666;}
.login_af .con .msg {width:89px; height:19px; margin-top:2px; padding:5px 0 0 29px; background:#ccc url(/images/main/bg_msg.gif) no-repeat 7px 7px; font-size:11px; line-height:16px;*line-height:15px; border-radius:2px;}
.login_af .con .msg strong {color:#ff5606;}
.login_af .con .btn {margin-top:5px;}
.login_af .btn_ctrl {position:absolute; top:105px; left:0; width:232px; height:14px; background:url(/images/main/bg_login_layer.gif) no-repeat 0 0; cursor:pointer;}
.close .member_info {display:none;}
.close .btn_ctrl {background:url(/images/main/bg_login_layer.gif) no-repeat 0 -167px;}

.member_info {position:relative; height:144px; margin-top:18px; padding-top:23px; background:url(/images/main/bg_login_layer.gif) no-repeat 0 0;}
.member_info dl {width:217px; padding:0 0 0 15px; overflow:hidden;}
.member_info dt, .member_info dd {float:left; height:17px; font-size:11px;}
.member_info dt {width:49px; padding:0 0 0 10px; background:url(/images/general/bul_arrow2.gif) no-repeat 0 5px; color:#999; letter-spacing:-1px;}
.member_info dt.hp {height:33px; font-size:12px;}
.member_info dd {width:158px;}
.member_info dd.hp {height:33px; font-size:14px; font-family:Tahoma,"Trebuchet MS",Arial,sans-serif; line-height:15px;}
.member_info dd.hp span {margin-left:7px;}
.member_info dd strong {font-size:10px; font-family:Tahoma,"Trebuchet MS",Arial,sans-serif;}
.member_info .sns {width:92px; height:23px;margin:9px 0 0 13px;}
.member_info .sns a {width:23px; height:23px; background:url(/images/main/img_sns.gif) no-repeat;}
.member_info .sns a.clog {background-position:0 0;}
.member_info .sns a.clog_on {background-position:0 -23px;}
.member_info .sns a.facebook {background-position:-23px 0;}
.member_info .sns a.facebook_on {background-position:-23px -23px;}
.member_info .sns a.me2day {background-position:-46px 0;}
.member_info .sns a.me2day_on {background-position:-46px -23px;}
.member_info .sns a.twitter {background-position:-69px 0;}
.member_info .sns a.twitter_on {background-position:-69px -23px;}
.member_info .btn_myzone {position:absolute; top:134px; left:119px;}

/* gxg_alerts */
.gxg_alerts {top:119px; left:736px; width:232px; height:153px; background:#f2f2f2; z-index:1;}
.gxg_alerts h2 {height:28px; padding:16px 0 0 14px; background:url(/images/main/bg_h2.gif) repeat-x 0 0; border-bottom:1px solid #e2e2e2;}
.gxg_alerts ul {padding:15px 0 0 15px;}
.gxg_alerts li {height:17px; padding:0 10px 0 9px; background:url(/images/general/bul_arrow2.gif) no-repeat 0 5px; font-size:11px; letter-spacing:-1px; overflow:hidden;}

/* update_alerts */
.update_alerts {top:282px; left:736px; width:232px; height:272px; background:#fff;}
.update_alerts h2 {height:29px; margin-left:1px; padding:16px 0 0 14px; background:url(/images/main/bg_h2.gif) repeat-x 0 0;}
.update_alerts ul {width:232px; height:227px; overflow:hidden;}
.update_alerts ul li {position:relative; float:left;}
.update_alerts ul li a {display:block; background:url(/images/main/bg_update_alerts.gif) no-repeat;}

/* 120119 업데이트 알리미 추가수정 시작 */

.update_alerts ul li.up2 .new{top:7px; left:73px; width:18px; height:18px; background:url(../images/main/ico_new.png) no-repeat 0 0; text-indent:-9999px;}
.update_alerts ul li.up2 strong{position:absolute; top:58px; left:0; width:116px; height:12px; text-align:center; font-size:11px; color:#9e5900;}
.update_alerts ul li.up2 a {width:116px; height:76px; background-position:0 -76px;}
.update_alerts ul li.up2 a.on {background-position:-232px -76px;}

.update_alerts ul li.up3 .new{top:7px; left:69px; width:18px; height:18px; background:url(../images/main/ico_new.png) no-repeat 0 0; text-indent:-9999px;}
.update_alerts ul li.up3 strong{position:absolute; top:58px; left:0; width:116px; height:12px; text-align:center; font-size:11px; color:#9e5900;}
.update_alerts ul li.up3 a {width:116px; height:76px; background-position:-116px -76px;}
.update_alerts ul li.up3 a.on {background-position:-348px -76px;}

.update_alerts ul li.up4 a {width:77px; height:75px; background-position:0 -152px;}
.update_alerts ul li.up4 a.on {background-position:-232px -152px;}

.update_alerts ul li.up5 a {width:78px; height:75px; background-position:-77px -152px;}
.update_alerts ul li.up5 a.on {background-position:-309px -152px;}

.update_alerts ul li.up6 a {width:77px; height:75px; background-position:-155px -152px;}
.update_alerts ul li.up6 a.on {background-position:-387px -152px;}

.update_alerts ul li.up7 .new{top:5px; left:73px; width:18px; height:18px; background:url(../images/main/ico_new.png) no-repeat 0 0; text-indent:-9999px;}
.update_alerts ul li.up7 strong{position:absolute; top:58px; left:0; width:116px; height:12px; text-align:center; font-size:11px; color:#9e5900;}

.update_alerts ul li.up7 a {width:116px; height:76px; background-position:0 0;}
.update_alerts ul li.up7 a.on {background-position:-232px 0;}

.update_alerts ul li.up1 .new{top:6px; left:75px; width:18px; height:18px; background:url(../images/main/ico_new.png) no-repeat 0 0; text-indent:-9999px;}
.update_alerts ul li.up1 strong{position:absolute; top:58px; left:0; width:116px; height:12px; text-align:center; font-size:11px; color:#9e5900;}

.update_alerts ul li.up1 a {width:116px; height:76px; background-position:-116px 0;}
.update_alerts ul li.up1 a.on {background-position:-348px 0;}

.update_alerts ul li.up8 .new{top:12px; left:83px; width:18px; height:18px; background:url(../images/main/ico_new.png) no-repeat 0 0; text-indent:-9999px;}
.update_alerts ul li.up8 strong{position:absolute; top:78px; left:0; width:115px; height:12px; text-align:center; font-size:11px; color:#9e5900;}

.update_alerts ul li.up8 a {width:116px; height:101px; background-position:-116px 0;}
.update_alerts ul li.up8 a.on {background-position:-348px 0;}

.update_alerts ul li span {position:absolute; top:-9999px;}
.update_alerts ul li .new {top:6px; left:52px; width:18px; height:18px; background:url(../images/main/ico_new.png) no-repeat 0 0; text-indent:-9999px;}
.update_alerts ul li strong {position:absolute; top:57px; left:0; width:77px; height:12px; text-align:center; font-size:11px; color:#9e5900;}
/* 120119 업데이트 알리미 추가수정 끝 */


/* smart, feature */
.smart, .feature {position:relative; width:726px; height:272px; margin-bottom:10px; background:#fff; overflow:hidden;}
.smart .info, .feature .info {float:left; width:110px; height:272px; background:url(/images/main/bg_zone_info.gif) no-repeat 0 0;}
.smart .info {background-position:-110px 0;}
.hotgame .info {background-position:0 0;}
.smart .info .sort, .feature .info .sort {position:absolute; top:66px; left:25px;}
.smart h2, .feature h2 {padding:31px 0 0 25px;}
.smart .btn_more, .feature .btn_more {top:29px; left:88px; width:26px;}
.smart .gslide {height:250px; padding:22px 0 0 26px; background:url(/images/main/bg_gslide.gif) no-repeat 0 0;}
.smart .gslide ul li {height:166px; background:url(/images/main/bg_gthum2.gif) no-repeat 0 0;}
.smart .gslide .thum {padding:10px 5px 5px;}
.smart .gslide .tit {margin:12px 0 5px 0;}
.smart .gslide .tit {color:#ccffff;}
.smart .gslide button {background:url(/images/general/btn_gslide_white.png) no-repeat;}
.smart .gslide .btn_next {right:-4px; background-position:0 -49px;}
.smart .rank1, .smart .rank2, .smart .rank3, .smart .rank4, .smart .rank5, .smart .rank6, .smart .rank7, .smart .rank8, .smart .rank9, .smart .rank10, .smart .rank11, .smart .rank12, .smart .rank13, .smart .rank14, .smart .rank15, .smart .rank16, .smart .rank17, .smart .rank18, .smart .rank19, .smart .rank20 {top:141px;}

/* social, itempack */
.service {top:0; left:-3px; width:732px; height:273px; background:url(/images/main/bg_service_old.jpg) no-repeat 0 0; overflow:hidden;} /* JGH TODO N게임센터 오픈시 /images/main/bg_service.jpg 로 변경 */
.service h2 {width:200px; height:31px; margin-left:1px; padding:19px 0 0 24px;}
.service button {position:absolute; top:20px; height:16px; background:url(/images/main/btn_arrow2.gif) no-repeat 0 0; font-size:0; text-indent:-10000px;}
/* 아이템팩 n게임센터 추가 시작 */
.service button.btn_prev {left:663px; width:15px; background-position:0 0;}
.service button.btn_next {left:678px; width:16px; background-position:-15px 0;}
/* 아이템팩 n게임센터 추가 끝 */
.service .s_num {position:absolute; top:19px; right:73px; font-size:10px; font-family:Tahoma,"Trebuchet MS",Arial,sans-serif; color:#fff; letter-spacing:1px;}
/* 아이템팩 n게임센터 추가 시작 */
.service button.btn_prev2 {left:294px; width:15px; background-position:0 0;}
.service button.btn_next2 {left:309px; width:16px; background-position:-15px 0;}
.service .s_num2 {position:absolute; top:19px; left:255px; font-size:10px; font-family:Tahoma,"Trebuchet MS",Arial,sans-serif; color:#fff; letter-spacing:1px;}
/* 아이템팩 n게임센터 추가 끝 */
.social {position:relative; float:left; width:362px; height:273px; border-right:1px solid #edeff0;}
.social ul {margin-left:-1px; overflow:hidden;}
.social li {float:left; width:140px; margin-top:11px; padding:0 20px; border-left:1px solid #e3e3e3; text-align:center;}
.social .tit {font-weight:bold;}
.social .thum {position:relative; margin-top:12px;}
.social .thum .mask {display:block; position:absolute; top:-2px; left:12px; width:114px; height:114px; background:url(/images/main/img_mask.png) no-repeat 0 0;}
.social li.even .thum .mask {background-image:url(/images/main/img_mask2.png);}
.social .con {margin-top:16px; font-size:11px; letter-spacing:-1px;}
.itempack {position:relative; /*width:363px;*/ height:273px; margin-left:6px; overflow:hidden;}
.itempack .game_img {float:left; width:155px; padding:0 0 0 12px;}
.itempack .game_img .tit {margin:11px 0 12px 0; font-weight:bold; text-align:center;}
.itempack .game_img .thum{position:relative; margin-top:12px; /*width:111px;*/ width:120px; margin:0 auto;}
.itempack .game_img .mask {display:block; position:absolute; top:-5px; left:0; width:135px; height:178px; background:url(/images/main/item_mask.png) no-repeat 0 0;}
/* 아이템팩 n게임센터 추가 시작 */
.itempack .game_img .mask2 {display:block; position:absolute; top:0; left:0; width:135px; height:178px; background:url(/images/main/item_mask2.png) no-repeat 0 0;}
.itempack .game_img .mask3 {display:block; position:absolute; top:0; left:0; width:135px; height:178px; background:url(/images/main/item_mask3.png) no-repeat 0 0;}
.itempack .game_img .summary{position:absolute; top:219px; left:30px; width:120px; text-align:center; font-size:11px; color:#666; letter-spacing:-1px;}
.itempack .game_img .summary2{position:absolute; top:219px; left:197px; width:120px; text-align:center; font-size:11px; color:#666; letter-spacing:-1px;}
/* 아이템팩 n게임센터 추가 끝 */
.itempack .con {float:left; width:144px; margin:12px 0 0 18px; font-size:11px;}
.itempack .con .copy {padding:0 0 10px 0; border-bottom:1px solid #ddd; color:#999; letter-spacing:-1px;}
.itempack .con ul {padding:9px 0 0 0; border-top:1px solid #fff;}
.itempack .con li {height:20px; color:#676767;}
.itempack .con li strong {color:#999;}
.itempack .con li .price {color:#ff3c00;}
.itempack .con .btn {margin:11px 0 0 0;}
.itempack .con .btn a {margin-right:2px;}

/* preview */
.preview {top:0; left:736px; width:232px; height:273px; background:#fff; overflow:hidden;}
.preview ul {position:relative; width:700px;}
.preview li {float:left; width:232px;}
.preview li img {vertical-align:top;}
.preview button {position:absolute; top:20px; height:16px; background:url(/images/main/btn_arrow.gif) no-repeat; font-size:0; text-indent:-10000px;}
.preview button.btn_prev {left:186px; width:15px; background-position:0 0;}
.preview button.btn_next {left:201px; width:16px; background-position:-15px 0;}
.preview .s_num {position:absolute; top:19px; right:48px; font-size:10px; font-family:Tahoma,"Trebuchet MS",Arial,sans-serif; color:#9e9e9e; letter-spacing:2px;}
.preview .s_num strong {color:#666;}

/* event_banner */
.event_banner {top:283px; left:0;}
.event_banner img {vertical-align:top;}

/* game_talk, gpam_talk */
.talk_box {top:0; left:0; width:726px; height:452px; background:#fff; overflow:hidden;}
.talk_box .game_talk {position:relative; float:left; width:362px; height:452px; border-right:1px solid #e0e0e0; overflow:hidden;}
.talk_box ul {width:312px; padding:0 25px;}
.talk_box ul li {position:relative; height:95px; margin:20px 0; padding-bottom:18px; border-bottom:1px solid #f2f2f2;}
.talk_box .thum {position:absolute; top:0; left:0;}
.talk_box .thum img {vertical-align:top;}
.talk_box .thum .like_num {overflow:hidden;width:65px;padding:0 4px;height:19px;border:1px solid #e7e7e7;border-top:none;background:#f8f8f8;color:#ff5a10;}
.talk_box .thum .like_num .like {float:left;width:14px;margin-top:3px;}
.talk_box .thum .like_num strong {float:right;}
.talk_box .talk {height:95px;padding:0 0 0 84px;}
.talk_box .talk .nick_name {font-size:11px; color:#454545;}
.talk_box .talk .nick_name a {color:#454545;}
.talk_box .talk .g_name {width:135px; height:18px; font-weight:bold; color:#454545; overflow:hidden;}
.talk_box .talk .con {height:33px; margin-top:3px; font-size:11px; color:#888; overflow:hidden;}
.talk_box .talk .point {display:inline-block;width:100%;margin-top:4px;}
.talk_box .talk .point .starrate2 {float:left;margin:0;}
.talk_box .talk .point .icon {float:right;overflow:hidden;}
.talk_box .ctrl {position:absolute; top:20px; right:34px; height:14px;}
.talk_box .ctrl span {margin-right:4px; font-size:10px; font-family:Tahoma,"Trebuchet MS",Arial,sans-serif; color:#999;}
.talk_box .ctrl img {vertical-align:middle;}
.gpam_talk {position:relative; float:left; width:363px; height:452px; overflow:hidden;}
.gpam_talk .talk {padding:11px 0 0 84px;}
.gpam_talk .talk .nick_name {width:160px; height:18px; font-weight:bold; font-size:12px; color:#454545; overflow:hidden;}
.gpam_talk .talk .con {margin-top:10px;}
.gpam_talk .date {float:left;font-size:11px; font-family:Tahoma,"Trebuchet MS",Arial,sans-serif; color:#999;}

/* board */
.board {top:0; left:736px;}
.game_board {position:relative; width:232px; height:148px; background:#fff; border-bottom:1px solid #eaedee;}
.free_board {position:relative; width:232px; height:148px; background:#fff; border-bottom:1px solid #eaedee;}
.notice {position:relative; width:232px; height:154px; background:#fff;}
.game_board ul, .free_board ul, .notice ul {padding:15px 0 0 15px;}
.game_board li, .free_board li, .notice li {height:17px; padding:0 10px 0 6px; background:url(/images/general/bul_arrow.gif) no-repeat 0 5px; font-size:11px; color:#888; word-spacing:-1px; overflow:hidden;}
.game_board li a, .free_board li a, .notice li a {color:#888;}
.game_board .sort, .free_board .sort {position:absolute; top:17px; left:131px;}