@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Lee Nara 120406
updated: JHS131010
------------------------------------------------------------
*/

@import url("default.css");
@import url("gnb.css");

/* layout */
#wrap{min-width:980px;height:1000px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_wrap.jpg) no-repeat center top}
#header, #container, #footer{position:relative;margin:0 auto;width:980px;_zoom:1}
#header{height:122px;padding:282px 0 0 0;z-index:30;}
#header:after, #container:after{content:'';display:block;clear:both;}
#footer{width:100%;height:85px;padding:46px 0 54px 0;clear:both}
#snb{float:left;width:260px}
#content{float:left;width:660px;min-height:594px;border:1px solid #697eb2;padding:39px 30px 30px 28px;background:#ffffff url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_content.gif) left top no-repeat;overflow:hidden}


/* header */
#header h1{position:absolute;top:217px;left:341px;z-index:90}
.gnb{height:67px;padding:0 0 0 26px;line-height:67px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_gnb.gif) no-repeat;font-size:16px;font-weight:bold}
.gnb li{position:relative;float:left;margin:0 0 0 6px;padding:0 0 0 9px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_gnbline.gif) left center no-repeat}
.gnb li a{font-family:Arial;color:#ffffff;padding:10px}
.gnb li a:hover, .gnb a.on{color:#ff7200;text-decoration:none}
.gnb li.gnb_news{padding:0;background:none}
.gnb li.gnb_news ul{margin:0 0 0 -30px}
.gnb li.gnb_ranking{margin:0 0 0 290px;background:none}
.gnb li.gnb_support ul{margin:0 0 0 -40px}
.gnb ul{display:none;position:absolute;top:64px;left:0;width:149px;padding:0 10px;line-height:29px;border:1px solid #08325f;background:#0f0f39;z-index:100}
.gnb ul li{clear:both;width:100%;padding:0;margin:0;background:none;border-bottom:1px solid #08325f}
.gnb ul a{display:block;padding:0;font-size:12px;font-weight:normal;color:#d0e0ff}
.gnb ul a:hover, .gnb ul .on{color:#ff7200;text-decoration:none;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_gnbArrow.gif) right 10px no-repeat}
.hotissue{position:absolute;top:0;left:0;width:980px;height:282px;overflow:hidden}
.hotissue h2{display:none}
.hotissue .pics img{width:980px;height:282px}
.hotissue .btn{position:absolute;top:234px;left:50px;z-index:100}
.hotissue .btn li{position:relative;float:left;margin:0 6px 0 0;overflow:hidden}
.hotissue .btn li a{display:block;width:21px;height:22px;padding:0 4px;text-indent:-999px}
.hotissue .btn li span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/btn_hot.gif) no-repeat;cursor:pointer;}
.hotissue .btn li a.hotBtn1 span{background-position:left top}
.hotissue .btn li a.hotBtn2 span{background-position:-30px top}
.hotissue .btn li a.hotBtn3 span{background-position:-60px top}
.hotissue .btn li a.hotBtn4 span{background-position:-90px top}
.hotissue .btn li a.hotBtn5 span{background-position:-120px top}
.hotissue .btn li a.hotBtn1:hover span, .hotissue .btn li.activeSlide a.hotBtn1 span{background-position:0 bottom}
.hotissue .btn li a.hotBtn2:hover span, .hotissue .btn li.activeSlide a.hotBtn2 span{background-position:-30px bottom}
.hotissue .btn li a.hotBtn3:hover span, .hotissue .btn li.activeSlide a.hotBtn3 span{background-position:-60px bottom}
.hotissue .btn li a.hotBtn4:hover span, .hotissue .btn li.activeSlide a.hotBtn4 span{background-position:-90px bottom}
.hotissue .btn li a.hotBtn5:hover span, .hotissue .btn li.activeSlide a.hotBtn5 span{background-position:-120px bottom}



/* snb */
.start, .member, .quickmenu, .notice, .sns h2{position:relative;margin:0 0 10px 0}
.start{display:none;margin:-52px 0 0 -5px}
.iframe_member{margin-bottom:10px}
.member{width:250px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_log_top.jpg) left top no-repeat;font-size:11px}
.member .inner{padding:12px 20px 13px 20px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_log_bottom.jpg) left bottom no-repeat;}
.member, .member .find a, .member input, .member legend, .logout .mycount a{color:#98a9d3}
.member legend{height:23px;margin:0 0 0 -3px;font-size:13px;font-weight:bold}
.member .text{float:left;width:130px;height:21px;margin:-1px 0 0 0;padding:2px 3px 0 5px;border:1px solid #5d5f87;background:#1b1b24 url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_logText.gif) 9px 66px no-repeat}
.member .id{background-position:9px 8px}
.member .pw{background-position:9px -15px}
.member .btn, .logout .btn_logout{border:none;font-weight:bold;color:#ffffff;cursor:pointer}
.member .btn_email{display:inline-block;margin-top:7px;}
.member .btn{float:right;width:67px;height:49px;margin:-25px 0 5px 0;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/btn_login.jpg) no-repeat}
.member .find{margin:6px 0 0 0;text-align:center}
.loging{position:absolute;top:2px;left:3px;width:244px;height:108px;padding:50px 0 0 0;text-align:center;background-color:#2b3050;opacity: .5;filter: alpha(opacity=50);}
.logout{position:relative}
.logout dt{display:block;height:24px;padding:1px 0 0 0;margin:0 0 10px 0;border-bottom:1px solid #98a9d3;font-size:15px;font-weight:bold}
.logout dt img{position:absolute;top:34px;left:0;border:1px solid #98a9d3;}
.logout dd{width:105px;margin:0 0 0 105px;padding:0 0 0 3px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_dot.gif) left 7px no-repeat;color:#ff7200;text-align:right}
.logout dd span{float:left;color:#98a9d3}
.logout .mycount{float:right;width:105px;margin:6px 0 0 0;padding:7px 0 0 0;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_logline.gif) left top repeat-x}
.logout .mycount a{display:block;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_account.gif) 2px 4px no-repeat;padding:0 0 3px 16px}
.logout .btn_logout{width:105px;height:26px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/btn_logout.jpg) left top no-repeat}
.register{position:relative;margin:0 0 5px 0;}
.register .wrap_pop{top:0;left:252px}
.btn_reg{display:block;width:246px;padding:10px 0;border:2px solid #3952c9;background:#14205b;text-align:center;overflow:hidden}
.btn_reg a{color:#98a9d3;text-decoration:none}
.btn_reg span{color:#ff7200;font-weight:bold}
.quickmenu{_zoom:1;overflow:hidden}
.quickmenu li{float:left;margin:5px 0 0 0}
.notice h2.tab_event{position:absolute;top:0;left:125px}
.notice ul{clear:both;padding:10px 0 0 0;margin:0 11px;height:129px;overflow:hidden}
.notice li{display:block;width:206px;height:25px;line-height:25px;padding:0 11px;border-bottom:1px dashed #cccccc;overflow:hidden}
.sns{margin-top:20px}
.menu{margin:0 0 20px 0}
.menu ul{width:248px;border:1px solid #303342;}
.menu li{padding:0 19px;line-height:35px;border-bottom:1px solid #45495f;background:#171a2b url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_menu.gif) left top no-repeat}
.menu ul ul{width:auto;background:none;margin:0 0 10px 0}
.menu .on li{line-height:17px}
.menu li li, .menu .on{background:#2b3050}
.menu ul a, .menu .on li a{padding:0 0 0 18px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/icon_menuArrow.gif) left 1px no-repeat;color:#98a9d3;font-weight:bold}
.menu a:hover, .menu .on a, .menu .on a:hover, .menu .on a.on {color:#ff7200} /* soh dae yeon modify -> .menu .on a.on add */
.menu .on li a{background:none;padding:0 0 0 10px;font-weight:normal}
.menu li.last, .menu .on li, .menu ul ul{border:none}

/* footer */
#footer{background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_footer.gif) repeat-x;color:#828893;font-size:11px}
#footer a{color:#dde2ed;font-weight:bold}
.fcontent{position:relative;width:980px;margin:0 auto}
.fcontent dl{margin:0 auto 0 250px;height:30px;padding:16px 0 0 0}
.fcontent dt{display:none}
.fcontent dd{float:left;padding:0 15px 0 0;margin:0 0 0 14px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_footerline.gif) right 3px no-repeat}
.fcontent dd.last{background:none;padding:0}
.fcontent address{margin:23px 0 0 185px;font-style:normal}
.fcontent .language{position:absolute;top:60px;right:184px;width:139px;height:21px;padding:4px 13px 0 4px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_language.gif) no-repeat;font-weight:bold}
.fcontent .language p{background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/icon_arrow.gif) right 50% no-repeat}
.fcontent .language a{display:block;padding:0 0 0 30px}
.fcontent .language .usa{background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/icon_usa.gif) left top no-repeat}

/* wrap_pop */
.wrap_pop{position:absolute;width:360px;padding:40px 20px 0 20px;border:1px solid #e34d10;background:#ffffff url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/bg_pop.gif) repeat-x;z-index:100;color:#3b3e45}
.wrap_pop legend{position:absolute !important;top:15px;left:20px;width:auto !important;visibility:visible !important;height:31px !important;color:#ffffff;font-size:15px !important}
.wrap_pop fieldset{width:auto !important;margin:0;}
.wrap_pop span{color:#4772cb;font-weight:bold}
.wrap_pop .container label, .wrap_pop .container p.arrow{display:inline-block;width:120px;padding:0 0 0 10px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/common/icon_guideList.gif) left 4px no-repeat;text-transform:uppercase;color:#092f85}
.wrap_pop .container p.arrow{width:auto}
.wrap_pop .container p.arrow span{display:block;width:350px;padding:2px 5px;margin:5px 0 0 -10px;font-size:11px;background:#f1f6ff;overflow:hidden}
.wrap_pop .container .label2{margin:-10px 0}
.wrap_pop .container .label2 .text{width:350px;margin-left:-10px}
.wrap_pop .content{background:#f1f6ff;margin:20px 0;padding:20px 15px;font-weight:normal}
.wrap_pop .content .etc{font-weight:normal;text-align:center}
.wrap_pop .content .check{display:block;width:auto;background:0;text-align:center;font-weight:normal;font-size:12px;text-transform:none}
.wrap_pop .content .check input{width:13px;height:13px;margin:0 10px 0 0}
.wrap_pop .content .check span{color:#4772cb;font-weight:bold}
.wrap_pop, .wrap_pop label{font-weight:bold;font-size:13px}
.wrap_pop .text, .wrap_pop select{border:1px solid #c1c1c1}
.wrap_pop .text{width:200px;height:18px;margin-top:5px;background:none}
.wrap_pop select{padding:3px 5px;}
.wrap_pop .btn{float:none;width:360px;height:auto;border-top:1px solid #d0e0ff;text-align:center;margin:20px 0 0 0 !important;padding:20px 0;background:none}
.wrap_pop .btn a{margin:0 5px}
.wrap_pop .btn_x{position:absolute;top:15px;right:10px}

/* 120727 aside Γί°‘ */
#aside{position:absolute;top:40;right:-116px}
#aside .banner{width:106px}
#aside .banner li{margin-bottom:1px}

/* 121009 quickmenu */
.quickmenu p a{display:block;margin:2px 0}
.video{position:absolute;top:128px;left:292px;width:648px;height:340px;border:3px solid #e84400;background:#071b2d;text-align:center;color:#fff}
.video div{margin:0 auto}
.video .btn_close{position:absolute;top:-3px;right:-25px}