@charset "utf-8";
/* font loading */
@font-face { font-family:malgun;
src:url(/font/malgun.eot);
src:local(��), url(/font/malgun.woff) format('woff') }
@font-face { font-family:godo;
src:url(/font/godo_m.woff) format('woff') }
@font-face { font-family:NanumGothic;
src:url(/font/NanumGothic.eot);
src:local(��), url(/font/NanumGothic.woff) format('woff') }
/* GAMEZEMI GNB css */
.gnb_wrap { width:100%; height:40px; background:url(/images/gnb/bg_zemi_gnb.gif) repeat-x; z-index:999; position:relative; }
.gnb_wrap .gnb { width:970px; height:40px; margin:0 auto; font-size:11px; color:#656565; }
.gnb_wrap .gnb .gnb_logo { width:145px; height:40px; background:url(../images/gnb/zemi_logo.png) left 2px no-repeat; float:left; }
.gnb_wrap .gnb .gnb_logo a { width:115px; height:40px; display:block; position:relative; left:0; top:0; }
.gnb_wrap .gnb .gnb_gamelink { width:370px; height:40px; float:left; padding-top:0px; }
#zemi_body .gnb_wrap .gnb .gnb_gamelink div{ float:left; }
#zemi_body .gnb_wrap .gnb .gnb_gamelink div.gnb_4s{ width:160px; height:39px; background:url(/images/gnb/game_4story.png) no-repeat; }
#zemi_body .gnb_wrap .gnb .gnb_gamelink div.gnb_e2{ width:155px; height:39px; background:url(/images/gnb/game_erebus2.png) no-repeat; }
#zemi_body .gnb_wrap .gnb .gnb_gamelink div a { width:100%;height:100%; display:block; }
.gnb_wrap .gnb .gnb_gamelink div.gnb_4s{ width:225px; height:39px; background:url(/images/gnb/game_4story.png) left no-repeat; }
.gnb_wrap .gnb .gnb_gamelink div.gnb_e2{ width:225px; height:39px; background:url(/images/gnb/game_erebus2.png) left no-repeat; }

.gnb_wrap .gnb .gnb_menu { float:right;width:253px;}
.gnb_wrap .gnb .gnb_menu ul { margin-top:12px; }
.gnb_wrap .gnb .gnb_menu li { float:left; padding-right:7px; margin-left:6px; border-right:1px solid #8e2c0b; letter-spacing:0px; font-size:12px; font-family:Arial, dotum, Sans-serif; height:16px; }
.gnb_wrap .gnb .gnb_menu li.cash_charge a:link,
.gnb_wrap .gnb .gnb_menu li.cash_charge a:visited { color:#bef31e;}
.gnb_wrap .gnb .gnb_menu li.cash_charge a:hover { color:#e2ff8a;}
.gnb_wrap .gnb .gnb_menu li img { vertical-align:middle; margin-top:-2px;}
.gnb_wrap .gnb .gnb_menu li.noline { float:left; padding-right:5px; margin-left:6px; border:0; }
.gnb_wrap .gnb .gnb_menu li a:link, .gnb_wrap .gnb .gnb_menu li a:visited { color:#ffde00; height:14px; text-decoration:none; display:block; font-size:12px; font-family:Arial, Sans-serif; text-shadow:0 0 5px #000; }
.gnb_wrap .gnb .gnb_menu li a:hover, .gnb_wrap .gnb .gnb_menu li a:active { color:#ffee7a; text-decoration:none; font-size:12px; font-family:Arial, Sans-serif; }
/*�α���ȯ�� �޼���â*/
.user_msg { float:right; margin-top:12px;width:200px;}
.user_msg p { float:right;font-size:12px; color:#737d8d; padding:0 10px 0 5px; text-align:right;  font-family:Arial, Sans-serif; background:url(../images/gnb/ic_profile.png) left center no-repeat; padding-left:17px; }
.user_msg p span.gnb_text01 { color:#4d1200; font-weight:bold; font-family:Arial, Sans-serif; font-size:12px;}

.gnb_wrap .gnb .gnb_crossbanner { width:75px; height:40px; float:left; padding-top:-2px;}
.gnb_wrap .gnb .top_4story { margin-top:0px;}
.gnb_wrap .gnb .update{ position:relative; left:166px; width:170px; top:-36px; height:31px;}
/*���̾�(�˾�)�α���*/
.login_container { width:280px; position: absolute;z-index:9999; margin-top:29px; box-shadow:0 5px 10px #141414; border:3px solid #ffc429;}
	.login_wrap {margin:0 auto; background:#ffffff; width:280px; height:190px; padding-bottom:10px;}
	.login_wrap a:hover,
	.login_wrap a:link,
	.login_wrap a:visited { font-family:Arial; font-size:12px; color:#868686; text-decoration:none; padding:0px; }
	.login_wrap span.login_close { float:right; display:inline-block; background:#ffffff; cursor:pointer; margin-right:5px; margin-top:5px; }
	.login_wrap .join_wrap {padding:0 20px; width:240px; clear:both;}
	.login_wrap p { font-family:Arial; color:#868686; font-size:12px; margin:0;}
	.login_wrap ul.members { padding:0 20px; margin:0; margin-top:8px; clear:both; }
	.login_wrap ul.members li { float:left; height:14px; padding:0;}
	.login_wrap ul.members li a:link,
	.login_wrap ul.members li a:visited { font-family:Arial; font-size:12px; color:#868686; text-decoration:none;}
	.login_wrap ul.members li.join {float:left; padding-right:10px; margin:0; }
	.login_wrap ul.members li.find_id {padding:0; float:left; border:none; margin:0;}
	.login_wrap ul.members li.find_pw {float:left; margin:0; padding:0; border:none; }
	.login_wrap ul.members li.facebook { font-family:Arial, Sans-serif; float:right; border:none;}
	.login_wrap ul.members li.facebook img { vertical-align:middle; margin-right:3px;}
	.login_wrap .join_wrap .hr01 { height:1px; background:#d5d5d5; margin-top:5px;}
	.login_wrap .join_wrap p.top {margin-top:10px;}
	.login_wrap .join_wrap p.top span.left{ padding-left:3px;}
	.login_wrap .join_wrap .userpop { background:#f7f7f7; padding: 10px; }
	.login_wrap .join_wrap .userpop .flt_L {width:145px; float:left;}
	.login_wrap .join_wrap .userpop .flt_L input { height:26px;}	
	input.input_id { background:url(/images/login/id_bg.jpg) left top no-repeat; height:28px;position:relative; font-family:Arial; font-size:11px; color:#969696; padding-left:5px;}
	input.input_pw { background:url(/images/login/pw_bg.jpg) left top no-repeat; height:28px;position:relative; font-family:Arial; font-size:11px; color:#969696; padding-left:5px; margin-top:7px;}
	input.focus_on { border:1px solid #ffc429;}
	input.focus_out{border:1px solid #d5d5d5;}
	input.focus_bg {background:#ffffff;}
	.login_wrap .join_wrap .submit { width:71px; height:64px; position:relative; cursor:pointer;}
	.flt_R {float:right;}
	.clear {clear:both;}