﻿/*com_wrap*/
.com_wrap {width:1001px; margin:0 auto; clear:both; position:relative; z-index:99; }

/*header*/
header {background:url(/images/com/t_bg.gif) top right repeat-x;  width:100%;  height:101px;  }
header h1 { padding:20px;}
	header .t_menu {position:absolute;  top:22px; right:0px; overflow:hidden;}
	header .t_menu li {float:left; margin-left:5px;}
	header .t_menu img { vertical-align:top; }

/*nav*/
nav { position:absolute; top:50px; right:0px; height:110px; width:780px; z-index:99 !important;}
nav img {vertical-align: top; }
	#main-nav { }
	#main-nav li { float: left; padding-left:4px; padding-right:6px; padding-bottom:6px; }
	#main-nav li:hover {background:url(/images/com/gnb_arrow.png) 45px 47px no-repeat;}
	#main-nav li ul{ display:none; position: absolute;  top:49px;  line-height:30px;  background:red; overflow:hidden;  }
		#main-nav li ul li { float:left; .letter-spacing:-1px; } 
			#main-nav li ul li a{color:#fff !important;  background:url(/images/com/gnb_bar.png) top right no-repeat; padding-right:8px;  }
			#main-nav li ul li a.end{ background:none !important;  }
			#main-nav li ul li a:hover {color:#fff !important; text-decoration:underline;}


	#main-nav li.menu01 ul { left: 0px;  _width: 190px; padding-left:13px;  }
	#main-nav li.menu02 ul { left: 100px; _width: 245px; padding-left:10px; }
	#main-nav li.menu03 ul { left: 200px; _width: 215px; padding-left:10px; }
	#main-nav li.menu04 ul { left: 300px; _width:350px; padding-left:10px;}
	#main-nav li.menu05 ul { left: 270px; _width: 410px; padding-left:10px; }
	#main-nav li.menu06 ul { left: 350px; _width: 245px; padding-left:10px; }
	#main-nav li.menu07 ul { left: 150px; _width: 546px; padding-left:10px; }

/*
	#main-nav li.menu01 ul { left: 0px; width: 190px; padding-left:13px;  }
	#main-nav li.menu02 ul { left: 100px; width: 245px; padding-left:10px; }
	#main-nav li.menu03 ul { left: 200px; width: 215px; padding-left:10px; }
	#main-nav li.menu04 ul { left: 300px; width: 178px; padding-left:10px;}
	#main-nav li.menu05 ul { left: 270px; width: 410px; padding-left:10px; }
	#main-nav li.menu06 ul { left: 450px; width: 245px; padding-left:10px; }
	#main-nav li.menu07 ul { left: 300px; width: 446px; padding-left:10px; }
*/


#mainwrapper {background:url(/images/main/bg.gif)top left repeat-x; z-index:0;}




/*main_visual*/
.main{position:relative; overflow:hidden; width:1056px; height:340px; clear:both; margin:auto;  }

.slide_wrap{position:relative; width:100%; height:348px; margin:0 auto;  }
.slide_wrap header{z-index:2;position:absolute;top:0;left:0;}
#slide1{z-index:1; position:absolute;top:0;left:0;width:100%;height:348px; opacity:1;filter:alpha(opacity=100);}
#slide2{z-index:1;position:absolute;top:0;left:0;width:100%;height:348px; opacity:0;filter:alpha(opacity=0);}
#slide1 .contents_img{height:348px;background:url('/images/main/main_01.jpg') no-repeat center top;}
#slide2 .contents_img{height:348px;background:url('/images/main/main_02.jpg') no-repeat center top;}
.slide .contents_img a {position:absolute;width:1000px;height:400px;top:0;left:50%;margin-left:-500px}
.slide_navi{z-index:2;position:absolute;width:1056px;top:150px; }
.slide_navi a {width:50px;height:50px;text-indent:-100000px}
.slide_navi .prev {float:left;background:url('/images/main/v_left.png') no-repeat}
.slide_navi .next {float:right;background:url('/images/main/v_right.png') no-repeat}
.slide_control{z-index:4;position:absolute;width:1056px; height:340px; }
.slide_control .paging{z-index:2;position:absolute; width:438px; bottom:30px;left:50%;text-align:center;}
.slide_control .paging p a{display:block; float:left; margin-right:10px; width:15px; height:15px; background:url('/images/main/v_btn.gif') no-repeat; text-indent:-100000px;}
.slide_control .paging .on{background:url('/images/main/v_btn_over.gif') no-repeat; display:block;}


/*sub wrap*/

.sub_wrap {width:1000px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;  border-bottom:1px solid #e0e0e0;margin:0 auto;  overflow:hidden; background:#fff;}
	.sub_wrap .left_area{width:175px; padding-left:25px; float:left; padding-top:50px;}
		.sub_wrap .left_area h2{background:url('/images/sub/lnb.gif') top left no-repeat; width:100%; height:39px; display:block; }
		.sub_wrap .left_area h2 span{visibility:hidden;}
		.sub_wrap .left_area h2.tit01{background-position:0px -18px;}
		.sub_wrap .left_area h2.tit02{background-position:-354px -18px;}
		.sub_wrap .left_area h2.tit03{background-position:-708px -18px;}
		.sub_wrap .left_area h2.tit04{background-position:-1062px -18px;}
		.sub_wrap .left_area h2.tit05{background-position:-1416px -18px;}
		.sub_wrap .left_area h2.tit06{background-position:-1770px -18px;}
		.sub_wrap .left_area h2.tit07{background-position:-2124px -18px;}
		.sub_wrap .left_area h2.tit08{background-position:-2478px -18px;}
		.sub_wrap .left_area h2.tit09{background-position:-2832px -18px;}

	
	.sub_wrap .left_area .lnb{ overflow:hidden; margin-bottom:40px;}
		.sub_wrap .left_area .lnb li{width:177px; height:31px;}
		.sub_wrap .left_area .lnb li span{visibility:hidden;}
		 .left_area .lnb li a{display:block;   background:url('/images/sub/lnb.gif') top left no-repeat;width:177px; height:31px; }


		/*풋살25*/
		.left_area .lnb li a.lb0101 {background-position:0px -57px;}
		.left_area .lnb li a.lb0101:hover, .left_area .lnb li a.lb0101over {background-position:-177px -57px; }
		.left_area .lnb li a.lb0102 {background-position:0px -86px;}
		.left_area .lnb li a.lb0102:hover, .left_area .lnb li a.lb0102over {background-position:-177px -86px;}
		.left_area .lnb li a.lb0103 {background-position:0px -115px;}
		.left_area .lnb li a.lb0103:hover, .left_area .lnb li a.lb0103over {background-position:-177px -115px;}

		/*이용안내*/
		.left_area .lnb li a.lb0201 {background-position:-354px -57px;}
		.left_area .lnb li a.lb0201:hover, .left_area .lnb li a.lb0201over {background-position:-531px -57px;}
		.left_area .lnb li a.lb0202 {background-position:-354px -86px;}
		.left_area .lnb li a.lb0202:hover, .left_area .lnb li a.lb0202over {background-position:-531px -86px;}
		.left_area .lnb li a.lb0203 {background-position:-354px -115px;}
		.left_area .lnb li a.lb0203:hover, .left_area .lnb li a.lb0203over {background-position:-531px -115px; }
        
		/*예약안내*/
		.left_area .lnb li a.lb0301 {background-position:-708px -57px;}
		.left_area .lnb li a.lb0301:hover, .left_area .lnb li a.lb0301over {background-position:-885px -57px;}
		.left_area .lnb li a.lb0302 {background-position:-708px -86px;}
		.left_area .lnb li a.lb0302:hover, .left_area .lnb li a.lb0302over {background-position:-885px -86px;}
		.left_area .lnb li a.lb0303 {background-position:-708px -115px;}
		.left_area .lnb li a.lb0303:hover, .left_area .lnb li a.lb0303over {background-position:-885px -115px; }
		.left_area .lnb li a.lb0305 {background-position:-708px -144px;}
		.left_area .lnb li a.lb0305:hover, .left_area .lnb li a.lb0305over {background-position:-885px -144px; }


		/*실시간 동영상*/
		.left_area .lnb li a.lb0401 {background-position:-1062px -57px;}
		.left_area .lnb li a.lb0401:hover, .left_area .lnb li a.lb0401over {background-position:-1239px -57px;}
		.left_area .lnb li a.lb0402 {background-position:-1062px -86px;}
		.left_area .lnb li a.lb0402:hover, .left_area .lnb li a.lb0402over {background-position:-1239px -86px;}
		.left_area .lnb li a.lb0403 {background-position:-1062px -115px;}
		.left_area .lnb li a.lb0403:hover, .left_area .lnb li a.lb0403over {background-position:-1239px -115px; }
		.left_area .lnb li a.lb0404 {background-position:-1062px -144px;}
		.left_area .lnb li a.lb0404:hover, .left_area .lnb li a.lb0404over {background-position:-1239px -144px; }

		/*자료실*/
		.left_area .lnb li a.lb0501 {background-position:-1416px -57px;}
		.left_area .lnb li a.lb0501:hover, .left_area .lnb li a.lb0501over {background-position:-1593px -57px;}
		.left_area .lnb li a.lb0502 {background-position:-1416px -86px;}
		.left_area .lnb li a.lb0502:hover, .left_area .lnb li a.lb0502over {background-position:-1593px -86px;}
		.left_area .lnb li a.lb0503 {background-position:-1416px -115px; }
		.left_area .lnb li a.lb0503:hover, .left_area .lnb li a.lb0503over {background-position:-1593px -115px; }
		.left_area .lnb li a.lb0504 {background-position:-1416px -144px;}
		.left_area .lnb li a.lb0504:hover, .left_area .lnb li a.lb0504over {background-position:-1593px -144px; }
		.left_area .lnb li a.lb0505 {background-position:-1416px -173px;}
		.left_area .lnb li a.lb0505:hover, .left_area .lnb li a.lb0505over {background-position:-1593px -173px; }
		.left_area .lnb li a.lb0506 {background-position:-1947px -173px;}
		.left_area .lnb li a.lb0506:hover, .left_area .lnb li a.lb0506over {background-position:-1947px -173px; }





		/*고객센터*/
		.left_area .lnb li a.lb0601 {background-position:-1770px -57px;}
		.left_area .lnb li a.lb0601:hover, .left_area .lnb li a.lb0601over {background-position:-1947px -57px;}
		.left_area .lnb li a.lb0602 {background-position:-1770px -86px;}
		.left_area .lnb li a.lb0602:hover, .left_area .lnb li a.lb0602over {background-position:-1947px -86px;}
		.left_area .lnb li a.lb0603 {background-position:-1770px -115px;}
		.left_area .lnb li a.lb0603:hover, .left_area .lnb li a.lb0603over {background-position:-1947px -115px; }
		.left_area .lnb li a.lb0604 {background-position:-1770px -144px;}
		.left_area .lnb li a.lb0604:hover, .left_area .lnb li a.lb0604over {background-position:-1947px -144px; }
		.left_area .lnb li a.lb0605 {background-position:-1770px -173px;}
		.left_area .lnb li a.lb0605:hover, .left_area .lnb li a.lb0605over {background-position:-1947px -173px; }


		
		/*클럽소개*/
		.left_area .lnb li a.lb0701 {background-position:-2124px -57px;}
		.left_area .lnb li a.lb0701:hover, .left_area .lnb li a.lb0701over {background-position:-2301px -57px;}
		.left_area .lnb li a.lb0702 {background-position:-2124px -86px;}
		.left_area .lnb li a.lb0702:hover, .left_area .lnb li a.lb0702over {background-position:-2301px -86px;}
		.left_area .lnb li a.lb0703 {background-position:-2124px -117px;}
		.left_area .lnb li a.lb0703:hover, .left_area .lnb li a.lb0703over {background-position:-2301px -117px; }
		.left_area .lnb li a.lb0704 {background-position:-2124px -144px;}
		.left_area .lnb li a.lb0704:hover, .left_area .lnb li a.lb0704over {background-position:-2301px -144px; }
		.left_area .lnb li a.lb0705 {background-position:-2124px -173px;}
		.left_area .lnb li a.lb0705:hover, .left_area .lnb li a.lb0705over {background-position:-2301px -173px; }
		.left_area .lnb li a.lb0708 {background-position:-2124px -202px;}
		.left_area .lnb li a.lb0708:hover, .left_area .lnb li a.lb0708over {background-position:-2301px -202px; }
		.left_area .lnb li a.lb0707 {background-position:-2124px -228px;}
		.left_area .lnb li a.lb0707:hover, .left_area .lnb li a.lb0707over {background-position:-2301px -228px; }
		.left_area .lnb li a.lb0709 {background-position:-2124px -256px;}
		.left_area .lnb li a.lb0709:hover, .left_area .lnb li a.lb0709over {background-position:-2301px -256px; }


		/*마이페이지*/
		.left_area .lnb li a.lb0801 {background-position:-2478px -57px;}
		.left_area .lnb li a.lb0801:hover, .left_area .lnb li a.lb0801over {background-position:-2655px -57px;}
		.left_area .lnb li a.lb0802 {background-position:-2478px -86px;}
		.left_area .lnb li a.lb0802:hover, .left_area .lnb li a.lb0802over {background-position:-2655px -86px;}
		.left_area .lnb li a.lb0803 {background-position:-2478px -117px;}
		.left_area .lnb li a.lb0803:hover, .left_area .lnb li a.lb0803over {background-position:-2655px -117px; }
		.left_area .lnb li a.lb0804 {background-position:-2478px -144px;}
		.left_area .lnb li a.lb0804:hover, .left_area .lnb li a.lb0804over {background-position:-2655px -144px; }
		.left_area .lnb li a.lb0805 {background-position:-2478px -173px;}
		.left_area .lnb li a.lb0805:hover, .left_area .lnb li a.lb0805over {background-position:-2655px -173px; }
		.left_area .lnb li a.lb0806 {background-position:-2478px -202px;}
		.left_area .lnb li a.lb0806:hover, .left_area .lnb li a.lb0806over {background-position:-2655px -202px; }
		.left_area .lnb li a.lb0807 {background-position:-2478px  -231px;}
		.left_area .lnb li a.lb0807:hover, .left_area .lnb li a.lb0807over {background-position:-2655px -231px;  }
		.left_area .lnb li a.lb0808 {background-position:-2478px  -260px;}
		.left_area .lnb li a.lb0808:hover, .left_area .lnb li a.lb0808over {background-position:-2655px -260px;  }




		/*마이페이지*/
		.left_area .lnb li a.lb0901 {background-position:-2832px -57px;}
		.left_area .lnb li a.lb0901:hover, .left_area .lnb li a.lb0901over {background-position:-3009px -57px;}
		.left_area .lnb li a.lb0902 {background-position:-2832px -86px;}
		.left_area .lnb li a.lb0902:hover, .left_area .lnb li a.lb0902over {background-position:-3009px -86px;}
		.left_area .lnb li a.lb0903 {background-position:-2832px -117px;}
		.left_area .lnb li a.lb0903:hover, .left_area .lnb li a.lb0903over {background-position:-3009px -117px; }
		.left_area .lnb li a.lb0904 {background-position:-2832px -144px;}
		.left_area .lnb li a.lb0904:hover, .left_area .lnb li a.lb0904over {background-position:-3009px -144px; }
		.left_area .lnb li a.lb0905 {background-position:-2832px -173px;}
		.left_area .lnb li a.lb0905:hover, .left_area .lnb li a.lb0905over {background-position:-3009px -173px; }
		.left_area .lnb li a.lb0906 {background-position:-2124px -173px;}
		.left_area .lnb li a.lb0906:hover, .left_area .lnb li a.lb0906over {background-position:-2301px -173px; }



		 
/*left_common*/
	.left_common table{width:100%; border-top:2px solid #999 !important; overflow:hidden; }
	.left_common table thead th {border-bottom:1px solid #999;  text-align:center;   overflow:hidden; }
	.left_common table thead th img{vertical-align:top; margin-top:5px;  }
	.left_common table td{ border-bottom:1px solid #e0e0e0; text-align:center; line-height:18px;  font-size:11px; padding-top:3px;}
		.left_common table td.left{text-align:left; }

/*sub_contents*/

	.sub_wrap .sub_contents{width:710px; float:right; padding-left:30px; padding-right:30px;  border-left:1px solid #e0e0e0;  padding-top:50px; overflow:hidden; min-height:600px; padding-bottom:40px;  }

		.sub_wrap .sub_topping { border-bottom:1px solid #e0e0e0; overflow:hidden; height:50px; margin-bottom:40px;}
		/*타이틀*/
		.sub_wrap .sub_topping h3 {width:190px; height:31px;  background:url('/images/sub/tit.gif') top left no-repeat; float:left;  margin-left:10px;}
		
		/*풋살25*/
		.sub_wrap .sub_topping h3.tit0101 {background-position:0px 0px; }
		.sub_wrap .sub_topping h3.tit0102 {background-position:0px -35px; }
		.sub_wrap .sub_topping h3.tit0103 {background-position:0px -70px; }
		
		/*이용안내*/
		.sub_wrap .sub_topping h3.tit0201 {background-position:-200px 0px; }
		.sub_wrap .sub_topping h3.tit0202 {background-position:-200px -35px; }
		.sub_wrap .sub_topping h3.tit0203 {background-position:-200px -70px; }	
		

			
		/*예약안내*/
		.sub_wrap .sub_topping h3.tit0301 {background-position:-397px 0px; }
		.sub_wrap .sub_topping h3.tit0302 {background-position:-397px -35px; }
		.sub_wrap .sub_topping h3.tit0303 {background-position:-397px -70px; }		
		.sub_wrap .sub_topping h3.tit0305 {background-position:-397px -105px; }		




		/*실시간동영상*/
		.sub_wrap .sub_topping h3.tit0401 {background-position:-597px 0px; }
		.sub_wrap .sub_topping h3.tit0402 {background-position:-597px -35px; }
		.sub_wrap .sub_topping h3.tit0403 {background-position:-597px -70px; }		
		.sub_wrap .sub_topping h3.tit0404 {background-position:-597px -105px; }		




		
		/*자료실*/
		.sub_wrap .sub_topping h3.tit0501 {background-position:-798px 0px; }
		.sub_wrap .sub_topping h3.tit0502 {background-position:-798px -35px; }
		.sub_wrap .sub_topping h3.tit0503 {background-position:-798px -70px; }	
		.sub_wrap .sub_topping h3.tit0504 {background-position:-798px -105px; }		
		.sub_wrap .sub_topping h3.tit0505 {background-position:-798px -140px; }	
		.sub_wrap .sub_topping h3.tit0506 {background-position:-798px -210px; }	


		/*고객센터*/
		.sub_wrap .sub_topping h3.tit0601 {background-position:-992px 0px; }
		.sub_wrap .sub_topping h3.tit0602 {background-position:-992px -35px; }
		.sub_wrap .sub_topping h3.tit0603 {background-position:-992px -70px; }		
		.sub_wrap .sub_topping h3.tit0604 {background-position:-992px -105px; }
		.sub_wrap .sub_topping h3.tit0605 {background-position:-795px -175px; }	


		/*클럽소개*/
		.sub_wrap .sub_topping h3.tit0701 {background-position:-1192px 0px; }
		.sub_wrap .sub_topping h3.tit0702 {background-position:-1192px -35px; }
		.sub_wrap .sub_topping h3.tit0703 {background-position:-1192px -70px; }		
		.sub_wrap .sub_topping h3.tit0704 {background-position:-1192px -105px; }		
		.sub_wrap .sub_topping h3.tit0705 {background-position:-1192px -140px; }
		.sub_wrap .sub_topping h3.tit0706 {background-position:-1192px -175px; }
		.sub_wrap .sub_topping h3.tit0708 {background-position:-1192px -210px; }
		.sub_wrap .sub_topping h3.tit0707 {background-position:-1192px -245px; }
		.sub_wrap .sub_topping h3.tit0709 {background-position:-1192px -280px; }



		
		/*회원가입*/
		.sub_wrap .sub_topping h3.tit0801 {background-position:-1392px 0px; }
		.sub_wrap .sub_topping h3.tit0802 {background-position:-1392px -35px; }
		.sub_wrap .sub_topping h3.tit0803 {background-position:-1392px -70px; }		
		.sub_wrap .sub_topping h3.tit0804 {background-position:-1392px -105px; }		
		.sub_wrap .sub_topping h3.tit0805 {background-position:-1392px -140px; }		
		.sub_wrap .sub_topping h3.tit0806 {background-position:-1392px -175px; }	
		.sub_wrap .sub_topping h3.tit0807 {background-position:-1192px -140px; }	
		.sub_wrap .sub_topping h3.tit0808 {background-position:-1392px -210px; }	
		.sub_wrap .sub_topping h3.tit0809 {background-position:-1392px -245px; }	




		

		/*클럽소개*/
		.sub_wrap .sub_topping h3.tit0901 {background-position:-1592px 0px; }
		.sub_wrap .sub_topping h3.tit0902 {background-position:-1592px -35px; }
		.sub_wrap .sub_topping h3.tit0903 {background-position:-1592px -70px; }		
		.sub_wrap .sub_topping h3.tit0904 {background-position:-1592px -70px; }		
		.sub_wrap .sub_topping h3.tit0905 {background-position:-1592px -70px; }		
		.sub_wrap .sub_topping h3.tit0906 {background-position:-1192px -140px; }		



		
		.sub_wrap .sub_topping .location {  background:url('/images/sub/home.gif') 0 5px no-repeat; float:right; padding-left:12px; margin-top:10px; line-height:20px;}
		.sub_wrap .sub_topping .location b { font-weight:bold; background:url('/images/sub/location_bullet.gif') 0 1px no-repeat;  padding-left:10px; color:red; margin-left:6px; }
		.sub_wrap .con_in {m-bottom:40px;}


/*footer*/
footer{width:1000px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; margin:0 auto;  overflow:hidden; height:100px;}
	footer h1{float:left; margin-top:25px; width:150px;    padding-left:40px;}
	footer section {overflow:hidden; float:left; padding-top:25px; width:600px; height:100px;} 
	footer section ul{clear:both;} 
	footer section ul li{float:left; margin-right:5px; margin-bottom:10px;} 
	footer section p{margin-top:0px;} 

