@charset "utf-8";
/* Gravity Interactive Inc Web Design Team */

@import url('common.css');										/* reset CSS */
@import url('content.css');										/* reset CSS */
@import url('../JS/fancybox/jquery.fancybox-1.3.4.css');			/* common light box */

BODY { background:#FFF url(../images/master/bg_top.jpg) 50% 0 no-repeat; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:150% }
A { color:#FFF }
#Cont_wrap { position:absolute; top:0; left:0; width:100%; height:auto; margin:0; padding:0; background:url(../images/master/bg_btm.jpg) scroll 50% 100% no-repeat }
#Wrap { position:relative; z-index:3; margin:0 auto; width:1000px; height:auto; min-height:700px; background:url(../images/master/bg_top.jpg) 50% 0 no-repeat }
#Wrap .cont_flash { position:absolute; top:0; left:0; z-index:1; width:1000px; height:323px; }
#Wrap .logo { position:absolute; top:120px; right:50px; z-index:100; width:550px; height:150px; }
#Wrap .cont_movie { position:absolute; top:70px; left:590px; z-index:100; width:350px; height:220px; }
/*#Wrap .thumb_movie { position:absolute; top:102px; left:748px; z-index:2; width:240px; height:140px; border:#F00 1px dotted }*/	
#Wrap .content_placeholder { position:relative; float:left; width:1000px; height:auto; min-height:1100px; margin:400px 0 0 0; padding:0 }
/*#Wrap .img_monster { position:absolute; bottom:0; right:0; width:258px; height:338px; background:url(../images/master/img_monster.png) }*/				

#GNB { position:absolute; top:323px; left:0; z-index:100; width:1000px; height:73px; margin:0; padding:0 }
#GNB .btn_playnow { float:left; display:block; width:264px; height:73px; margin:0; padding:0; background:url(../images/master/playnow.png) 0 100% no-repeat }
#GNB .btn_playnow:hover { background:url(../images/master/playnow.png) 0 0 no-repeat }
#GNB .cont_main { position:relative; float:left; width:736px; height:73px; margin:0; padding:0; background:url(../images/master/gnb_bg_sub.png) 0 100% no-repeat; overflow:hidden }
#GNB .bg_main { position:absolute; top:0; left:0; width:736px; height:73px; background:url(../images/master/gnb_bg_main.jpg) }
#GNB .cont_home { position:absolute; top:16px; left:19px; z-index:999; display:block; width:30px; height:39px; background:url(../images/master/gnb_home.png) 0 100% no-repeat }
#GNB .cont_home:hover { background:url(../images/master/gnb_home.png) 0 0 no-repeat }
#GNB .cont_item { position:relative; z-index:998; float:left; height:260px; margin:0 0 0 2px; padding:0; list-style:none }
#GNB .cont_item .selected { background-position:50% 0 !important; }
#GNB .cont_item .snb { float:left; width:100%; height:183px; margin:25px 0 0 0; padding:0; background-position:50% 0; background-repeat:no-repeat }
#GNB .cont_item .txt_snb { float:left; display:block; width:100%; height:16px; margin:10px 0 0 0; padding:0; color:#FFF; font-size:13px; text-align:center }
#GNB .cont_item .txt_snb:hover { color:#F00; text-decoration:none }
#GNB .cont_item .btn_guide { display:block; float:left; width:155px; height:39px; margin:16px 0 0 0; padding:0; cursor:pointer; background:url(../images/master/gnb_guide.png) 50% 100% no-repeat }
#GNB .cont_item .btn_news { display:block; float:left; width:92px; height:39px; margin:16px 0 0 0; padding:0; cursor:pointer; background:url(../images/master/gnb_news.png) 50% 100% no-repeat }
#GNB .cont_item .btn_community { display:block; float:left; width:128px; height:39px; margin:16px 0 0 0; padding:0; cursor:pointer; background:url(../images/master/gnb_community.png) 50% 100% no-repeat }
#GNB .cont_item .btn_itemmall { display:block; float:left; width:141px; height:39px; margin:16px 0 0 0; padding:0; cursor:pointer; background:url(../images/master/gnb_item.png) 50% 100% no-repeat }
#GNB .cont_item .btn_download { display:block; float:left; width:141px; height:39px; margin:16px 0 0 0; padding:0; cursor:pointer; background:url(../images/master/gnb_download.png) 50% 100% no-repeat }
#GNB .cont_item:hover .bg_guide { background-image:url(../images/master/gnb_bg_guide.png) }
#GNB .cont_item:hover .bg_news { background-image:url(../images/master/gnb_bg_news.png) }
#GNB .cont_item:hover .bg_community { background-image:url(../images/master/gnb_bg_community.png) }
#GNB .cont_item:hover .bg_itemmall { background-image:url(../images/master/gnb_bg_item.png) }
#GNB .cont_item:hover .bg_download { background-image:url(../images/master/gnb_bg_download.png) }
#GNB .cont_item:hover .btn_guide { background:url(../images/master/gnb_guide.png) 50% 0 no-repeat }
#GNB .cont_item:hover .btn_news { background:url(../images/master/gnb_news.png) 50% 0 no-repeat }
#GNB .cont_item:hover .btn_community { background:url(../images/master/gnb_community.png) 50% 0 no-repeat }
#GNB .cont_item:hover .btn_itemmall { background:url(../images/master/gnb_item.png) 50% 0 no-repeat }
#GNB .cont_item:hover .btn_download { background:url(../images/master/gnb_download.png) 50% 0 no-repeat }

#LNB { position:relative; float:left; width:730px; height:114px; margin:0; padding:0; background:url(../images/master/lnb_bg.jpg) 0 0 no-repeat }
.big { width:1000px !important; height:114px !important; background:url(../images/master/lnb_bg2.jpg) 0 0 no-repeat !important }
#LNB .breadcrup { position:absolute; top:10px; left:30px; width:500px; height:10px; margin:0; padding:0; font-size:10px; color:#666 }
#LNB .breadcrup A { color:#7D1E3A }
#LNB .cont_h { position:absolute; top:50px; width:600px; left:40px; height:35px; margin:0; padding:0; background-position:0 50%; background-repeat:no-repeat }
#LNB .news { background-image:url(../images/master/h_news.png) }
#LNB .notice { background-image:url(../images/master/h_notice.png) }
#LNB .events { background-image:url(../images/master/h_events.png) }
#LNB .updates { background-image:url(../images/master/h_updates.png) }
#LNB .itemmall { background-image:url(../images/master/h_itemmall.png) }
#LNB .itemguide { background-image:url(../images/master/h_itemguide.png) }
#LNB .download { background-image:url(../images/master/h_download.png) }
#LNB .introduction { background-image:url(../images/master/h_introduction.png) }
#LNB .howtoplay { background-image:url(../images/master/h_howtoplay.png) }
#LNB .classes { background-image:url(../images/master/h_classes.png) }
#LNB .features { background-image:url(../images/master/h_features.png) }
#LNB .enchanting { background-image:url(../images/master/h_enchanting.png) }
#LNB .soulcrafting { background-image:url(../images/master/h_soulcrafting.png) }
#LNB .missionmap { background-image:url(../images/master/h_mission.png) }
#LNB .pet { background-image:url(../images/master/h_pet.png) }
#LNB .myhome { background-image:url(../images/master/h_myhome.png) }
#LNB .chat { background-image:url(../images/master/h_chat.png) }
#LNB .party { background-image:url(../images/master/h_party.png) }
#LNB .friends { background-image:url(../images/master/h_friends.png) }
#LNB .couple { background-image:url(../images/master/h_couple.png) }
#LNB .guild { background-image:url(../images/master/h_guild.png) }
#LNB .mailbox { background-image:url(../images/master/h_mailbox.png) }
#LNB .market { background-image:url(../images/master/h_market.png) }
#LNB .wallpapers { background-image:url(../images/master/h_wallpapers.png) }
#LNB .fansites { background-image:url(../images/master/h_fansites.png) }

#LNB .cont_lnb { position:absolute; top:60px; right:20px; z-index:2; width:700px; height:30px; margin:0; padding:0; list-style:none }
#LNB .cont_item { float:right; width:auto; min-width:50px; height:25px; margin:0 3px; padding:0 }
#LNB #Selected_arrow { background:url(../images/master/img_arrow.gif) 50% 100% no-repeat }
#LNB .name_lnb { display:block; width:auto; height:20px; margin:0; padding:0 12px; font-weight:bold; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px }
#LNB .name_lnb:hover { text-decoration:none; background-color:#666 }
#LNB #Selected_LNB { background-color:#F00 }
#LNB .btn_viewindex { position:absolute; top:0; right:230px; z-index:2; display:block; width:145px; height:30px; margin:0; padding:0; background:url(../images/share/btn_index.png) 0 100% no-repeat }
#LNB .btn_viewindex:hover { background-position:0 0 }
#LNB .dropdown { position:absolute; top:0; right:0; z-index:2; width:210px; height:28px; margin:0; padding:4px; color:#F90; font-family:Verdana, Geneva, sans-serif; font-size:14px; border:1px solid #4e4e4e; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color:#161616 }

.comingsoon { margin:60px 0 0 80px }

.cont_paging { position:relative; float:left; width:100%; height:70px; margin:20px 0 0 0; text-align:center }
.cont_paging .item { padding:1px 0 0 0; display:inline-block; font-size:11px; font-weight:bold; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:url(../images/share/btn_next.png) center no-repeat;}
.cont_paging .item:hover { text-decoration:none; color:#393939; cursor:pointer; }
.cont_paging #Selected { background-color:#09F !important }
.cont_paging .prev { width:60px; height:20px; margin:0 4px }
.cont_paging .next { width:60px; height:20px; margin:0 4px }
.cont_paging .count { width:22px; height:20px; margin:0 2px } 
.cont_paging .cont_prevnext { float:left; width:530px; height:25px; margin:0 0 0 20px; padding:0 }
.cont_paging .tlt_prevnext { float:left; display:block; width:370px; height:20px; margin:0; padding:0; font-size:11px; text-align:left }
.cont_paging .date_prevnext { float:left; display:block; width:80px; height:14px; margin:4px 0 0 5px; font-size:10px }
.cont_paging .viewlist { position:absolute; top:13px; right:20px; display:block; width:145px; height:30px; margin:0; padding:0; background:url(../images/share/btn_back.png) 50% 100% no-repeat }
.cont_paging .viewlist:hover { background-position:50% 0 }

#Cont_footer { position:relative; float:left; width:1000px; /*height:450px;*/ height:150px; margin:50px 0 0 0; padding:0 }
#Cont_footer .cont_sitelinks { float:left; width:250px; height:250px; margin:0; padding:0 }
#Cont_footer .h_sitelinks { float:left; display:block; width:248px; height:20px; margin:0 0 5px 0; padding:0 0 0 2px; color:#ed1f38; font-size:14px; font-weight:bold; border-bottom:1px dotted #591921 }
#Cont_footer .h_sitelinks:hover { text-decoration:none }
#Cont_footer .list_sitelinks { float:left; display:block; width:246px; height:20px; margin:8px 0 0; padding:0 0 0 4px; color:#CCC }
#Cont_footer .cont_copyright { float:left; width:1000px; height:150px; /*margin:34px 0 0 0;*/ margin:0; text-align:center; color:#494949; }				
#Cont_footer .cont_copyright A { color:#494949; }																										
#Cont_footer .list { float:left; background-position:0 50%; background-repeat:no-repeat }
#Cont_footer .glogo { width:200px; height:150px; margin:0; background-image:url(../images/master/gravity.png) }
#Cont_footer .glogo2 { width:200px; height:150px; margin:0; background-image:url(../images/master/gravityGames.png) }
#Cont_footer .copy { width:360px; height:50px; margin:55px 0 0 0; line-height:180% }
#Cont_footer .esrb { width:220px; height:150px; margin:0; background-position:100% 50% !important; background-image:url(../images/master/esrb.gif) }