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

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

/* Layout */
#wrap_join, #content_join, #footer{position:relative}
#wrap_join{min-width:980px;padding:60px 0 0 0;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/join/bg_join.gif) left top repeat-x}
#content_join{width:980px;margin:0 auto}
#footer{width:100%;height:85px;padding:46px 0 54px 0;clear:both}

/* Class */
#wrap_join h1{display:none}
#content_join h2{margin:0 0 50px 0;text-align:center}
#content_join fieldset{width:900px;margin:0 auto}
#content_join h3{margin:0 0 20px 0;padding-left:12px;text-transform:uppercase;font-size:13px;color:#092f85;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/join/icon_guideList.gif) 1px 4px no-repeat}
#content_join .check, #content_join .radio, #content_join .radio input{width:13px;height:13px;margin:0 10px 0 0}
#content_join .step1 .etc{padding:15px 0 0 10px;margin:30px 0 0 0;border-top:1px solid #4772cb;color:#4772cb;font-size:11px;font-weight:bold}
#content_join .btn, .wrap_join_pop .btn{margin-top:50px;text-align:center}
#content_join .btn input{margin:0 8px}
#content_join .text{width:220px;height:21px;padding:0 4px;border:1px solid #c1c1c1;color:#707070}
#content_join select{border:1px solid #c1c1c1;padding:2px 3px}
#content_join .step1 label{display:block;text-align:center}
#content_join .step2 ul{border:1px solid #d0e0ff;background:#ffffff;padding:10px 0;_zoom:1;overflow:hidden}
#content_join .step2 li{padding:11px 0 0 0;border-bottom:1px solid #d0e0ff;_zoom:1;overflow:hidden}
#content_join .step2 li input{vertical-align:middle;margin-right:5px;}
#content_join .step2 b{display:inline-block;float:left;width:191px;padding:17px 0 17px 43px;margin:-11px 10px 0 10px;background:#f1f6ff url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/join/icon_guideArrow.gif) 19px 18px no-repeat}
#content_join .step2 .etc{display:block;color:#707070;font-size:11px}
#content_join .step2 label.radio{margin:0 50px 0 0}
#content_join .step2 .last, #content_join .step2 .code{border:0}
#content_join .step2 .code img{float:left;margin-right:10px}
.box{width:858px;height:80px;padding:20px;margin-bottom:30px;border:1px solid #dbdbdb;background:#ffffff;overflow-y:scroll}
.box2{border:1px solid #d0e0ff;background:#ffffff;padding:10px;_zoom:1;overflow:hidden}
.box2 ul, .box2 p{background:#f1f6ff;padding:20px 30px;font-weight:bold;text-align:center;line-height:30px}
.box2 li{padding:0 0 0 16px;margin:5px 0;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/join/icon_guideArrow.gif) left 6px no-repeat;text-align:left;line-height:24px}
.box2 a{color:#4772cb}
.box2 strong{display:block;color:#ff7200}
#content_join .loging{position:absolute;top:170px;left:41px;width:897px;height:373px;text-align:center;padding:200px 0 0 0;background-color:#fff;opacity: .7;filter: alpha(opacity=70)}


/* join_pop */
.wrap_join_pop{position:relative;width:700px;height:576px;overflow:hidden}
.wrap_join_pop .head{padding:20px 20px 0 30px;height:70px;text-align:right;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/join/bg_joinPop.gif) left top repeat-x}
.wrap_join_pop h1{float:left;margin:-7px 0 0 0}
.wrap_join_pop .head h2{color:#9bb1de;font-size:18px;font-weight:normal}
.wrap_join_pop .head h2 b{display:block;margin-top:7px;font-size:24px;color:#ffffff}
.wrap_join_pop .content{height:293px;padding:40px 20px 70px 20px;background:#d9d9d9 url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/join/bg_joinPop_con.gif) left top repeat-x;overflow:hidden}
.wrap_join_pop .content .box2 p{text-align:left}
.wrap_join_pop .footer{height:49px;padding:34px 0 0 40px;background:url(http://image.mgame.com/mgamezzang/games/gsp.soulsaver/join/bg_joinPop_footer.gif) left top repeat-x;color:#828893}
.wrap_join_pop .footer h1{margin:-19px 26px 0 0}


/* 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}


/* etc */
legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden}