@charset 'utf-8';

#fsfGNB { position:relative; z-index:100; }
#fsfContainer { position:relative; width:100%; margin:0; background:url('http://imgdg.joycity.com/fsf/2010/images/common/template/bg_container.jpg') center top no-repeat; }
#fsfWrap { position:relative; width:990px; margin:0 auto; background:url('http://imgdg.joycity.com/fsf/2010/images/common/template/bg_container.jpg') center top no-repeat; }
#fsfWrap .fsf_logo {width:230px; height:118px; margin:0 auto; }/*리뉴얼 수정*/
/*
#fsfWrap .fsf_logo a { position:absolute; left:50%; top:20px; display:block; width:256px; height:95px; margin-left:-128px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/template/logo_fs_football.png') no-repeat; text-indent:-5000px; overflow:hidden; }
	*html #fsfWrap .fsf_logo a {background:url('http://imgdg.joycity.com/fsf/2010/images/common/template/logo_fs_football.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imgdg.joycity.com/fsf/2010/images/common/template/logo_fs_football.png', sizingMethod='crop'); cursor:pointer; }
*/
#fsfHeadArea { position:relative; height:68px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/template/bg_head_top.jpg') no-repeat; z-index:10; }
	#fsfHeadArea #GNB { /* position:absolute; */ width:100%; height:68px; overflow:hidden; z-index:100; }
	#fsfHeadArea .gnb_open { height:191px !important; }
	#fsfHeadArea .gnb_close { height:64px !important; }
	#fsfHeadArea #flsNavigation { position:absolute; left:10px; top:13px; }
	#fsfHeadArea #flsNavigation  p { position:absolute; left:0; top:0; }
#fsfContentArea { position:static fixed; width:950px; margin:0 10px; padding:21px 0 18px 20px; border-bottom:1px solid #676767; background:#303030 url('http://imgdg.joycity.com/fsf/2010/images/common/template/bg_content_pattern.jpg') 0 -3px no-repeat; overflow:hidden; }
	#fsfContentArea #leftWrap { position:relative; float:left; display:inline; width:171px; margin:0 20px 0 0; }
		#leftWrap #fsfSNB { width:170px; margin:0 0 8px 0; padding:0 0 9px 0; border-bottom:1px solid #1b1b1b; background:url('http://imgdg.joycity.com/fsf/2010/images/common/template/sub_patternbg.gif') repeat-y; }
		#leftWrap #fsfSNB ul { width:150px; margin:0 auto; }
		#leftWrap #fsfSNB ul li img { vertical-align:top; }
		#leftWrap #applyCoupon { margin:17px 0 9px 0; }
		#leftWrap .left_banner { margin:5px 0 0 0; text-align:center; }
		#leftWrap .left_banner img { margin:10px 0 0 0; }
	

	#fsfContentArea  #contentWrap { position:relative; float:left; width:700px; min-height:650px; _height:650px; margin:0 auto; padding:0 21px 50px 20px; background:#3b3b3b url('http://imgdg.joycity.com/fsf/2010/images/common/template/bg_content_top.jpg') no-repeat; }
		#subTitle { height:90px; }
		#subTitle img { margin:35px 0 0 54px; vertical-align:top; }
		#subLocation { position:absolute; right:21px; top:50px; font-size:11px; color:#858585; }
		#subLocation a { color:#858585; }
		#subLocation strong { color:#b7b7b7; }

#fsfSideBanner { position:absolute; right:-110px; top:130px; }
#fsfSideBanner div { margin:0 0 9px 0; }

#fsfFooter { clear:both; position:relative; height:145px; }
#fsfFooter .ft_logo { position:absolute; left:26px; top:56px; }
#fsfFooter .ft_corpmenu { position:absolute; left:103px; top:32px; }
#fsfFooter .ft_corpmenu li { float:left; }
#fsfFooter .ft_copyright { position:absolute; left:120px; top:54px; }
#fsfFooter .ft_family { position:absolute; left:710px; top:26px; }
#fsfFooter .ft_family select { width:145px; font-size:11px; letter-spacing:-0.1em; }
#fsfFooter .ft_level { position:absolute; left:710px; top:56px; }



/* 20101101 INTRO추가*/
#fsfintro { position:relative; width:100%; margin:0; background:url('http://imgdg.joycity.com/fsf/2010/images/intro/top_bg.gif') center top no-repeat; }
#intro_Wrap { position:relative; width:466px; margin:0 auto;}
#intro_Wrap .fsf_logo { position:relative; height:137px; }
#intro_Wrap .fsf_logo a { position:absolute; left:50%; top:27px; display:block; width:256px; height:83px; margin-left:-128px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/template/logo_fs_football.png') no-repeat; text-indent:-5000px; overflow:hidden; }
	*html #intro_Wrap .fsf_logo a { background:url('http://imgdg.joycity.com/fsf/2010/images/common/template/logo_fs_football.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imgdg.joycity.com/fsf/2010/images/common/template/logo_fs_football.png', sizingMethod='crop'); cursor:pointer; }
#intro_Wrap .con_box{margin-top:11px; position:relative;}
h2.intro{width:100%; border-bottom:1px solid #000; padding-bottom:8px; margin-bottom:25px;}
#intro_Wrap .con_box p.bt_start{position:absolute; top:11px; left:109px;}
#intro_Wrap ul.login_box{ position:absolute; top:45px; left:0;}
#intro_Wrap ul.login_box li{float:left; text-align:left;}
#intro_Wrap ul.login_box li.lef{width:235px; background:url(http://imgdg.joycity.com/fsf/2010/images/intro/login_rt.gif) no-repeat right 25px;}
#intro_Wrap ul.login_box li.rig{width:231px; text-align:right;}
#intro_Wrap ul.login_box li.rig p.bt_main{widht:231px; text-align:center; margin-top:23px;}

#IntroLogin { width:213px; height:137px; background:url(http://imgdg.joycity.com/fsf/2010/images/intro/bogin_box.gif) no-repeat;}
#IntroLogin h2 { display:none; }
#IntroLogin .login_before { position:relative; height:123px; }
#IntroLogin .login_before .fld_login { position:absolute; left:0; top:0; width:195; height:63px; }
#IntroLogin .login_before .fld_login dl { padding:19px 0 0 11px; }
#IntroLogin .login_before .fld_login dl dt { display:none; }
#IntroLogin .login_before .fld_login dl dd { height:25px; }
#IntroLogin .login_before .fld_login dl dd input { width:135px; height:20px; padding:0 0 0 5px; border:none; background-color:#393939; font-size:12px; color:#fff; line-height:19px; }
#IntroLogin .login_before .fld_login dl dd input.ipt_pw { font-family:Verdana; line-height:17px; }
#IntroLogin .login_before .fld_login .btn_login { position:absolute; left:155px; top:19px; }
#IntroLogin .login_before .fld_login .btn_login button { width:47px; height:46px; border:none; background:url('http://imgdg.joycity.com/fsf/2010/images/intro/btn_login.gif') no-repeat; cursor:pointer; }
#IntroLogin .login_before .fld_login .btn_login button span { display:none; }
#IntroLogin .login_before .fld_option { position:absolute; left:10px; top:75px; }
#IntroLogin .login_before .fld_option input { width:14px; height:14px; margin:0 2px 0 0; vertical-align:middle; }
#IntroLogin .login_before .fld_option label { font-size:11px; color:#252525; letter-spacing:-1px; cursor:pointer; }
#IntroLogin .login_before .fld_option label.saveID { color:#252525; }
#IntroLogin .login_before .btn_join { position:absolute; left:0; top:25px; }
#IntroLogin .login_before .btn_find { position:absolute; left:104px; top:35px; }

#IntroLogin .login_after { position:relative;  padding:27px 0 0 0; }
#IntroLogin .login_after .inf_id { position:absolute; left:11px; top:10px; font-size:11px; color:#545454; }
#IntroLogin .login_after .inf_id span { color:#366c1d; }
#IntroLogin .login_after .btn_logout { position:absolute; right:11px; top:5px; }
#IntroLogin .login_after .btn_logout img { cursor:pointer; }
#IntroLogin .login_after .inf_login { position:relative; width:191px; height:73px; background-color:#313131; margin:5px 0 0 10px; }
#IntroLogin .login_after .inf_login .inf_nickname { position:relative; width:172px; margin:0 auto; padding:8px 0 6px 0; border-bottom:1px solid #3d3d3d; }
#IntroLogin .login_after .inf_login .inf_nickname span.nickname { font-size:11px; font-weight:bold; color:#7d7d7d; letter-spacing:-0.1em; }
#IntroLogin .login_after .inf_login .inf_nickname span.nickname img { margin:0 0 2px 0; vertical-align:middle; }
#IntroLogin .login_after .inf_login .inf_nickname .btn_character { position:absolute; left:112px; top:7px; }
#IntroLogin .login_after .inf_login .inf_cash { position:relative; width:191px; margin:0 auto; padding:8px 0 0 11px; overflow:hidden; }
#IntroLogin .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; }
#IntroLogin .login_after .inf_login .inf_cash dd { float:left; width:136px; 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; }
#IntroLogin .login_after .inf_login .inf_cash dd .btn_charge { position:absolute; right:11px; top:8px; }
#IntroLogin .login_after .inf_login .btn_info { position:absolute; left:0; top:80px; width:192px;}
#IntroLogin .login_after .inf_login .btn_info img { margin:0 1px; vertical-align:middle; }

ul.intro_news {width:210px; margin:9px 0 0 19px; overflow:hidden; zoom:1; border-bottom:1px solid #dcdcdc; padding-bottom:15px;}
ul.intro_news li {width:210px; zoom:1; padding:3px 0}
ul.intro_news li a {padding:5px 5px 5px 12px; background:url('http://imgdg.joycity.com/fsf/2010/images/common/icon/ico_graypoint1.gif') 1px 9px no-repeat; font-size:11px; }
ul.intro_news 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; }
#intro_Wrap .con_box p.copyright{position:absolute; top:280px; left:0;width:466px; border-top:1px solid #bdbdbd; color:#b0b0b0; font-weight:bold; text-align:center; padding-top:10px;}
#intro_Wrap .con_box p.copyright span{color:#4e7a26;}