@charset 'utf-8';

#mainLogin { position:absolute; left:27px; top:88px; width:254px; height:123px; z-index:10; }
	#mainLogin h2 { display:none; }
	#mainLogin .login_before { position:relative; height:123px; background-color:#171717; }
	#mainLogin .login_before .fld_login { position:absolute; left:0; top:0; width:220px; height:63px; }
	#mainLogin .login_before .fld_login dl { padding:10px 0 0 25px; }
	#mainLogin .login_before .fld_login dl dt { display:none; }
	#mainLogin .login_before .fld_login dl dd { height:25px; }
	#mainLogin .login_before .fld_login dl dd input { width:149px; height:19px; padding:0 0 0 5px; border:none; background-color:#393939; font-size:12px; color:#fff; line-height:19px; }
	#mainLogin .login_before .fld_login dl dd input.ipt_pw { font-family:Verdana; line-height:17px; }
	#mainLogin .login_before .fld_login .btn_login { position:absolute; left:184px; top:11px; }
	#mainLogin .login_before .fld_login .btn_login button { width:47px; height:46px; border:none; background:url('http://imgdg.joycity.com/fsf/2010/images/common/button/btn_login1.gif') no-repeat; cursor:pointer; }
	#mainLogin .login_before .fld_login .btn_login button span { display:none; }
	#mainLogin .login_before .fld_option { position:absolute; left:25px; top:65px; }
	#mainLogin .login_before .fld_option input { width:14px; height:14px; margin:0 4px 0 0; vertical-align:middle; }
	#mainLogin .login_before .fld_option label { font-size:11px; color:#7b7b7b; letter-spacing:-1px; cursor:pointer; }
	#mainLogin .login_before .fld_option label.saveID { color:#5f5f5f; }
	#mainLogin .login_before .btn_join { position:absolute; left:-2px; top:25px; }
	#mainLogin .login_before .btn_find { position:absolute; left:104px; top:25px; }

	#mainLogin .login_after { position:relative;  padding:27px 0 0 0; }
	#mainLogin .login_after .inf_id { position:absolute; left:10px; top:5px; font-size:11px; color:#959595; }
	#mainLogin .login_after .inf_id span { color:#9bd500; }
	#mainLogin .login_after .btn_logout { position:absolute; right:0; top:0; }
	#mainLogin .login_after .btn_logout img { cursor:pointer; }
	#mainLogin .login_after .inf_login { position:relative; width:254px; height:100px; background-color:#171717; }
	#mainLogin .login_after .inf_login .inf_nickname { position:relative; width:208px; margin:0 auto; padding:8px 0 3px 0; border-bottom:1px solid #262626; }
	#mainLogin .login_after .inf_login .inf_nickname span.nickname { font-size:11px; font-weight:bold; color:#7d7d7d; letter-spacing:-0.1em; }
	#mainLogin .login_after .inf_login .inf_nickname span.nickname img { margin:0 0 2px 0; vertical-align:middle; }
	#mainLogin .login_after .inf_login .inf_nickname span.character { display:block; padding-top:2px; font-size:11px; font-weight:bold; color:#7d7d7d; letter-spacing:-0.1em; }
	#mainLogin .login_after .inf_login .inf_nickname .btn_character { position:absolute; right:0; top:9px; }
	#mainLogin .login_after .inf_login .inf_cash { position:relative; width:208px; margin:0 auto; padding:8px 0 0 0; overflow:hidden; }
	#mainLogin .login_after .inf_login .inf_cash dt { float:left; width:35px; height:15px; padding:1px 0 0 6px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_login_cash.gif') 0 5px no-repeat; font-size:11px; color:#7d7d7d; letter-spacing:-0.2em; }
	#mainLogin .login_after .inf_login .inf_cash dd { float:left; width:153px; height:15px; padding:1px 0 0 14px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_login_division.gif') no-repeat; font-weight:bold; font-size:11px; color:#7a9d00; }
	#mainLogin .login_after .inf_login .inf_cash dd .btn_charge { position:absolute; right:0; top:8px; }
	#mainLogin .login_after .inf_login .inf_cash dd .btn_asking { position:absolute; right:0; top:27px; }
	#mainLogin .login_after .inf_login .btn_info { position:absolute; left:0; top:74px; width:100%; text-align:center; }
	#mainLogin .login_after .inf_login .btn_info img { margin:0 1px; vertical-align:middle; }

	body.fsfPopup { background-color:#d2d2d2; }
	#mainSetupCharacter {}
	#mainSetupCharacter h1 { padding:10px 0 11px 10px; background-color:#22354a; }
	#mainSetupCharacter .lstCharacter { padding:20px 20px 0; }
	#mainSetupCharacter .lstCharacter h2 { padding:8px 10px; background-color:#22354a; color:#fff; font-size:12px; font-weight:normal; }
	#mainSetupCharacter .lstCharacter ul { position:relative; }
	#mainSetupCharacter .lstCharacter ul li { position:relative; height:40px; padding:8px 0 0 20px; background-color:#f0f0f0; border:1px solid #bbb; border-top:none; }
	#mainSetupCharacter .lstCharacter ul li .userid { display:block; margin-bottom:3px; }
	#mainSetupCharacter .lstCharacter ul li .userid img { margin-bottom:2px; vertical-align:middle; }
	#mainSetupCharacter .lstCharacter ul li .userinfo { display:block; font-size:11px; }
	#mainSetupCharacter .lstCharacter ul li .userstatus { position:absolute; right:20px; top:15px; width:46px; text-align:center; }
	#mainSetupCharacter .lstCharacter ul li .userstatus img { margin-top:3px; }
	#mainSetupCharacter .lstCharacter ul li .userstatus a img { margin:0; }
	#mainSetupCharacter .lstCharacter .btn_move { padding:10px; text-align:center; border-bottom:1px solid #bbb; }
	#mainSetupCharacter .pop_buttons { margin:0 20px; padding-top:10px; text-align:center; border-top:1px solid #e8e8e8; }

#mainHeadArea { position:relative; height:360px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_main_top.jpg') no-repeat; }
	#mainHeadArea #GNB { position:relative; height:67px; /* overflow:hidden; */ z-index:90; }
	#mainHeadArea #flsNavigation { position:absolute; left:10px; top:12px; height:64px; }
	#mainHeadArea .gnb_open { height:204px !important; }
	#mainHeadArea .gnb_close { height:64px !important; }
	#mainHeadArea #flsNavigation  p { position:absolute; left:0; top:0; }
	#mainHeadArea #flsGameStart { position:absolute; left:29px; top:224px; }
	#mainHeadArea #flsGameStart h2 { display:none; }
	#mainHeadArea .btn_download { position:absolute; left:29px; top:301px; }
	#mainHeadArea .btn_control { position:absolute; left:154px; top:301px; }
	#mainHeadArea #flsMainBanner { position:absolute; left:320px; top:76px; width:466px; height:252px; z-index:10; }
	#mainHeadArea #flsMainBanner p { width:100%; padding-top:120px; text-align:center; font-family:"맑은 고딕", Malgun Gothic; font-size:15px; color:#808080; }
	#mainHeadArea #flsMainBanner p a { font-weight:bold; color:#808080; }
	#mainHeadArea .main_banner { position:absolute; left:795px; top:88px; }
	#flsMainTopBanner {position:absolute; left:731px; top:7px; width:248px; height:123px; }

#mainContentArea { position:relative; width:968px; margin:0 10px; border-left:1px solid #727272; border-right:1px solid #727272; border-bottom:4px solid #262626; background:#f9f9f9 url('http://imgdg.joycity.com/fsf/2010/images/main/bg_main_contents.gif') repeat-x; overflow:hidden; }
	#contentsColsLeft { float:left; width:248px; min-height:722px; _height:722px; padding:20px 41px 50px 20px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_main_dotdivison.gif') 265px 0 no-repeat; }
		.fb_ranking { width:248px; }
		.fb_ranking h2 { position:relative; height:22px; padding:1px 0 0 0; border-bottom:1px solid #000; }
		.fb_ranking h2 span.title { display:block; width:122px; height:13px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/h2_tit_ranking.gif') no-repeat; text-indent:-5000px; }
		.fb_ranking h2 .btn_more { position:absolute; right:0; top:0; }
		.fb_ranking .tab_ranking { position:relative; width:248px; height:38px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_ranking_tab.gif') no-repeat; overflow:hidden; }
		.fb_ranking .tab_ranking ul { margin:0 17px; }
		.fb_ranking .tab_ranking ul li { float:left; height:38px; padding:0 0 0 2px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_ranking_division.gif') 0 8px no-repeat; }
		.fb_ranking .tab_ranking ul li.first { padding:0; background:none; }
		.fb_ranking .tab_ranking ul li img { cursor:pointer; }
		.fb_ranking .tab_ranking .btn_prev { position:absolute; left:0; top:5px; }
		.fb_ranking .tab_ranking .btn_prev a { display:block; padding:10px 0 10px 12px; }
		.fb_ranking .tab_ranking .btn_next { position:absolute; right:0; top:5px; }
		.fb_ranking .tab_ranking .btn_next a { display:block; padding:10px 12px 10px 0; }
		.fb_ranking .box_ranking { height:108px; padding:11px 18px 0; border:1px solid #cbcbcb; border-top:none; background-color:#f1f1f1; overflow:hidden; }
		.fb_ranking .box_ranking ol { overflow:hidden; zoom:1; }
		.fb_ranking .box_ranking ol li { position:relative; height:15px; padding:5px 0 0 27px; font-size:11px; zoom:1; }
		.fb_ranking .box_ranking ol li.rank1 { background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_rank1.gif') 0 4px no-repeat; font-weight:bold; color:#2d6613; letter-spacing:-0.1em; text-decoration:none; }
		.fb_ranking .box_ranking ol li.rank2 { background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_rank2.gif') 0 4px no-repeat; }
		.fb_ranking .box_ranking ol li.rank3 { background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_rank3.gif') 0 4px no-repeat; }
		.fb_ranking .box_ranking ol li.rank4 { background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_rank4.gif') 0 4px no-repeat; }
		.fb_ranking .box_ranking ol li.rank5 { background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_rank5.gif') 0 4px no-repeat; }
		.fb_ranking .box_ranking ol li span.score { position:absolute; right:0; top:5px; font-size:11px; color:#9e9e9e; letter-spacing:0; }
		.fb_ranking .box_ranking ol li.rank1 span.score { font-weight:bold; color:#678f55; }
		.fb_movie { width:248px; margin-top:29px; }
		.fb_movie h2 { position:relative; height:22px; padding:1px 0 0 0; }
		.fb_movie h2 span.title { display:block; width:98px; height:13px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/h2_tit_movie.gif') no-repeat; text-indent:-5000px; }
		.fb_movie h2 .btn_more { position:absolute; right:0; top:0; }
		.fb_movie #movPlayer { width:248px; height:161px; }
		.fb_movie #movPlayer p { width:246px; height:99px; padding:60px 0 0 0; border:1px solid #b3b3b3; background-color:#f0f0ee; font-family:"맑은 고딕", Malgun Gothic; font-size:15px; color:#666; text-align:center; }
		.fb_movie #movPlayer p a { font-weight:bold; color:#666; text-decoration:underline; }
		.fb_links h2 { display:none; }
		.fb_links .quicklink { margin:20px 0 12px; }
		.fb_links .quicklink li { padding-bottom:5px; }
		.fb_links .quicklink li img { vertical-align:top; }
		.fb_links .helplink { width:100%; margin-bottom:13px; overflow:hidden; }
		.fb_links .helplink li { float:left; }
		.fb_links .helplink li img { vertical-align:top; }
		.fb_links .cafelink { margin-top:11px; }
		
	#contentsColsRight { float:right; display:inline; width:659px; padding:0 0 50px 0; }
		.fb_contentslink { width:100%; padding:22px 0 0 0; overflow:hidden; }
		.fb_contentslink li { float:left; }
	#contentsColsRight #colsWrap1 { width:659px; padding:20px 0 0 0; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_main_inside.gif') 325px 43px no-repeat; overflow:hidden; }
		.fb_notice { width:640px; }
		.fb_notice h2 { position:relative; height:22px; padding:1px 0 0 0; border-bottom:1px solid #262626; overflow:hidden; }
		.fb_notice h2 span.title { display:block; width:97px; height:13px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/h2_tit_news.gif') no-repeat; text-indent:-5000px; }
		.fb_notice h2 .btn_more { position:absolute; right:0; top:0; }
		.fb_notice ul { float:left; width:310px; margin:9px 0 0 0; overflow:hidden; zoom:1; }
		.fb_notice ul li { margin:-1px 0 0 0; border-top:1px solid #d9d9d9; zoom:1; }
		.fb_notice ul li a { position:relative; display:block; height:17px; padding:5px 40px 0 12px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_graypoint1.gif') 1px 9px no-repeat; font-size:11px; }
		.fb_notice ul li a:hover { background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_greenpoint1.gif') 1px 9px no-repeat; font-weight:bold; color:#539e30; letter-spacing:-0.1em; text-decoration:none; }
		.fb_notice ul li a span.date { position:absolute; right:2px; top:5px; letter-spacing:-0.1em; font-family:Verdana; font-size:10px; color:#979797; cursor:pointer; }
		.fb_notice ul li a:hover span.date { color:#739862; }
		.fb_inside { float:left; display:inline; width:313px; margin-left:15px; }
		.fb_inside h2 { display:none; }
		.fb_inside p { width:315px; height:142px; overflow:hidden; }
		.fb_inside p img { margin:5px; }
		.fb_gmtalk { position:relative; clear:both; width:644px; height:40px; margin:4px 0 0 -6px; }
		.fb_gmtalk h2 { position:absolute; left:0; top:0; width:139px; height:40px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/h2_tit_gmtalk.gif') no-repeat; text-indent:-5000px; }
		.fb_gmtalk #talkScrolling { position:relative; top:11px; height:29px; margin:0 0 0 139px; padding:0 50px 0 0; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_gmtalk_pattern.gif') repeat-x; overflow:hidden; }
		.fb_gmtalk #talkScrolling ul { position:absolute; left:0; top:0; height:29px; width:464px; }
		.fb_gmtalk #talkScrolling ul li { height:29px; width:464px; white-space:nowrap; overflow:hidden; }
		.fb_gmtalk #talkScrolling ul li a { display:block; height:29px; padding:0 0 0 43px; line-height:30px; font-size:11px; color:#ddd !important; text-decoration:none; overflow:hidden; }
		.fb_gmtalk #talkScrolling ul li a span { color:#afdd11; }
		.fb_gmtalk .btn_control { position:absolute; right:0; top:11px; width:15px; height:28px; padding:1px 0 0 26px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_gmtalk_control.gif') no-repeat; }
		.fb_gmtalk .btn_control .btn_prev { display:block; width:14px; height:14px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/button/btn_talk_prev1.gif') no-repeat; text-indent:-5000px; overflow:hidden; }
		.fb_gmtalk .btn_control .btn_next { display:block; width:14px; height:13px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/button/btn_talk_next1.gif') no-repeat; text-indent:-5000px; overflow:hidden; }
	#contentsColsRight #colsWrap2 { width:637px; margin-top:28px; overflow:hidden; }
		.fb_manual { float:left; display:inline; width:309px; }
		.fb_manual h2 { position:relative; height:22px; padding:1px 0 0 0; overflow:hidden; }
		.fb_manual h2 span.title { display:block; width:119px; height:13px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/h2_tit_manual.gif') no-repeat; text-indent:-5000px; }
		.fb_manual h2 .btn_more { position:absolute; right:0; top:0; }
		.fb_manual .tab_manual { width:100%; overflow:hidden; }
		.fb_manual .tab_manual li { float:left; font-size:0; }
		.fb_manual .viewManual { height:144px; padding:11px 18px 0; border:1px solid #cbcbcb; border-top:none; background-color:#f7f7f7; overflow:hidden; }
		.fb_manual .viewManual h3 { display:none; }
		.fb_manual .viewManual ul { overflow:hidden; zoom:1; }
		.fb_manual .viewManual ul li { position:relative; height:16px; margin:-1px 0 0 0; padding:5px 0 0 0; zoom:1; }
		.fb_manual .viewManual ul li a { padding-left:12px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_graypoint1.gif') 1px 4px no-repeat; font-size:11px; }
		.fb_manual .viewManual ul li a.on { background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_greenpoint1.gif') 1px 4px no-repeat; font-weight:bold; color:#539e30; letter-spacing:-0.1em; text-decoration:none; }
		.fb_manual .viewManual ul li span.nickname { position:absolute; right:0; top:5px; font-size:11px; color:#9e9e9e; }
		.fb_manual .viewManual p { margin-top:13px; }
		.fb_hotTalk { float:left; display:inline; width:309px; margin-left:19px; }
		.fb_hotTalk h2 { position:relative; height:22px; padding:1px 0 0 0; overflow:hidden; }
		.fb_hotTalk h2 span.title { display:block; width:125px; height:13px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/h2_tit_reserch.gif') no-repeat; text-indent:-5000px; }
		.fb_hotTalk h2 .btn_more { position:absolute; right:0; top:0; }
		.fb_hotTalk .box_talk { height:194px; padding:0 20px; border:1px solid #cbcbcb; background-color:#f3f3f3; overflow:hidden; }
		.fb_hotTalk .box_talk .question { height:38px; padding:32px 0 0 13px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_hottalk_question.gif') 0 4px no-repeat; font-weight:bold; color:#000; letter-spacing:-0.1em; }
		.fb_hotTalk .box_talk .question span { color:#215c2c; }
		.fb_hotTalk .box_talk ul { overflow:hidden; zoom:1; }
		.fb_hotTalk .box_talk ul li { position:relative; height:16px; margin:-1px 0 0 0; padding:5px 0 0 0; zoom:1; }
		.fb_hotTalk .box_talk ul li a { padding-left:12px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_graypoint1.gif') 1px 4px no-repeat; font-size:11px; }
		.fb_hotTalk .box_talk ul li a.on { background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_greenpoint1.gif') 1px 4px no-repeat; font-weight:bold; color:#539e30; letter-spacing:-0.1em; text-decoration:none; }
		.fb_hotTalk .box_talk ul li span.nickname { position:absolute; right:0; top:5px; font-size:11px; color:#9e9e9e; }
		.fb_hotTalk .box_talk .btn_write2 { margin-top:10px; text-align:right; }
	#contentsColsRight #colsWrap3 { width:637px; margin:28px 0 0 0; padding-bottom:30px; border-bottom:1px solid #c8c8c8; overflow:hidden; }
		.fb_wallpaper { float:left; display:inline; width:309px; }
		.fb_wallpaper h2 { position:relative; height:22px; padding:1px 0 0 0; overflow:hidden; }
		.fb_wallpaper h2 span.title { display:block; width:140px; height:13px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/h2_tit_wallpaper.gif') no-repeat; text-indent:-5000px; }
		.fb_wallpaper h2 .btn_more { position:absolute; right:0; top:0; }
		.fb_wallpaper .box_wallpaper { height:106px; padding:12px 0; background-color:#ececec; text-align:center; }
		.fb_bgm { float:left; display:inline; width:309px; margin-left:19px; }
		.fb_bgm h2 { position:relative; height:22px; padding:1px 0 0 0; overflow:hidden; }
		.fb_bgm h2 span.title { display:block; width:87px; height:13px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/h2_tit_bgm.gif') no-repeat; text-indent:-5000px; }
		.fb_bgm h2 .btn_more { position:absolute; right:0; top:0; }
		.fb_bgm .box_bgm { position:relative; height:106px; padding:12px 0; background-color:#ececec; }
		.fb_bgm .box_bgm .bgm_thumb { position:absolute; left:20px; top:12px; width:122px; height:109px; background:url('http://imgdg.joycity.com/fsf/2010/images/main/bg_main_bgm.jpg') no-repeat; }
		.fb_bgm .box_bgm dl { width:138px; margin:0 0 0 151px; }
		.fb_bgm .box_bgm dl dt { padding:15px 0 9px 5px; border-bottom:1px solid #d9d9d9; font-weight:bold; color:#539e30; letter-spacing:-0.1em; }
		.fb_bgm .box_bgm dl dt a { color:#539e30; }
		.fb_bgm .box_bgm dl dd { padding:9px 0 0 5px; font-size:11px; color:#7e7e7e; line-height:15px; }
		.fb_bgm .box_bgm dl dd a { color:#7e7e7e; }