@charset "utf-8";
@import url("user_css_layout.css");
@import url("user_css_board.css");
@import url("user_join.css");


/* 기본 */
*{margin:0;padding:0;}
*{vertical-align: middle;}


html	{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,table,td,pre	{margin:0;padding:0;}
body,div,input,button	{ font-family:"굴림",Gulim,"돋움",Dotum,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,sans-serif !important;
						line-height:1.5em; letter-spacing:0em;}
body					{ text-align:center; background:transparent url(/bike/tasu/images/public/sub_topbg.jpg) top center no-repeat;}
em, address 			{ font-style:normal;}
hr						{ display:none;}
img,fieldset			{ border:0 none;}
ul,ol,li				{ list-style:none;}/* outside*/
.ba    					{ color:#BDBDBD; font-size:11px; font-weight:normal;}
.ls0					{ letter-spacing:0;}
.ls1					{ letter-spacing:-1px;}
.p11					{ font:0.95em Dotum, Gulim, Arial, sans-serif;}
.ta						{ font-family: tahoma, Arial, Helvetica, sans-serif;}
.ln14					{ line-height:1.4;}
.ln16					{ line-height:1.6;}
.hidden 				{ left:-1000px;position:absolute;top:0;}
.pl							{text-align:left; padding-left:5px;}
.pr							{text-align:right; padding-right:5px;}


.cred						{ color:#D80000;} /*빨간색 폰트 컬러*/
.cpp 						{ color:#CC33CC;} /*보라색 폰트 컬러*/
.cgre 						{ color:#339933;} /*그린색 폰트 컬러*/
.cbl 						{ color:#006699;} /*파란색 폰트 컬러*/
.cgrey						{ color:#666666;} /*회색 폰트 컬러*/
.cbg						{ color:#009aa7;} /*청색 폰트 컬러*/
.cor						{ color:#f27d00;} /*오랜지 폰트 컬러*/
.cpup						{ color:#C8538D;} /*자주*/

a:link, a:visited, a:active	{ color:#343434;text-decoration:none; }
a:hover						{ color:#5A9166;text-decoration:underline; }



/*준비중*/
#ready				{background:transparent url(/bike/tasu/images/public/temp_img02.jpg) top center no-repeat; 
					width:auto; height:380px; margin:100px 0 0 0;}

.bg 					{background:url(/bike/tasu/images/main/bg_main.jpg) top center no-repeat;}

#main_left				{width:242px; float:left; padding:141px 0 0 0px;}
#main_login				{height:83px; padding:0 0 0 8px;}
#main_login p 			{padding:0 0 5px 0 ;}
#main_login	input		{height:21px; width:100px; border:#CCCCCC 1px solid; line-height:1.5;}
#fla_banner				{height:290px; padding:0 0 0 8px;}
#main_weather 			{height:160px; padding:10px 0 0 0;}

#main_center			{width:407px; float:left;}
#fla_main				{height:185px;}
#map_main 				{height:375px; padding:10px 0 0 0;background:url(/bike/tasu/images/main/map_img01.gif) 85px 0px no-repeat; }
#map_search				{height:25px;  width:375px; text-align:right; clear:both;}
#map_search select,
#map_search option 		{font-family:돋움; font-size:11px; letter-spacing:-1px;}
#map_view 				{padding:4px 5px 5px 9px; background:url(/bike/tasu/images/main/map_img02.gif) no-repeat; clear:both; }
#map_img				{height:50px; background:url(/bike/tasu/images/main/map_img03.gif) top right no-repeat; clear:both;}


#main_right				{width:260px; float:left; padding-top:45px;}
#news01, #news02 	 	{float:left; width:auto;}
#news01 ul, #news02 ul	{margin:0; padding:5px 0 0 0; line-height:150%; list-style-type:none;}
#news01 li, #news02 li 	{margin:0; padding:2px 0px 0px 5px; list-style-type:none;}
#news01 li a:link, #news01 li a:active, #news01 li a:visited, #news01 li a:hover,
#news02 li a:link, #news02 li a:active, #news02 li a:visited, #news02 li a:hover	
						{margin:0; padding: 0 0 0 12px; list-style-type:none;
						background:url(/bike/tasu/images/main/ico_pointgr.gif) transparent no-repeat 0px 2px;}
#how					{height:325px}

#ban					{width:260px;}
#ban ul					{width:260px;}
#ban li					{clear:both;}
.ml_popnum				{float:left; margin:0; padding:0;}
.ml_popnum img			{float:left; margin:0; padding:0;}

/*탭메뉴 부분*/
#navlist 				{padding: 5px 0 ;margin-left: 0; border-bottom: 1px solid #A5A5A5;font: bold 12px Verdana, sans-serif;}
#navlist li 			{list-style: none;margin: 0;display: inline;}
#navlist li a 			{padding: 5px 10px; margin-left: 1px;border: 1px solid #A5A5A5;border-bottom: none;
						background: url(/bike/tasu/images/common/tr_imgbg_w.gif) bottom repeat-x;text-decoration: none;}
#navlist li a:link 		{color: #343434; }
#navlist li a:visited 	{color: #343434; }
#navlist li a:hover 	{color: #2898AB;background: url(/bike/tasu/images/common/tr_imgbg_w.gif) bottom repeat-x;border-color: #A5A5A5;}
#navlist li a#current 	{background: #ffffff; border-bottom: 1px solid #ffffff;}
#navlist .current 	{background: #ffffff; border-bottom: 1px solid #ffffff;}


/* 자전거 정책 */
#bikepolicy { line-height:1.5em; }
#bikepolicy  h3 {font-size:1.1em; padding:10px 0 5px 0; letter-spacing:-1px;}
#bikepolicy ul {margin:0px; padding:0;}
#bikepolicy li {margin:0px; padding:0 0 10px 10px; line-height:1.55em; background:url(/bike/tasu/images/ubike/bikep_icon.gif)  transparent no-repeat 0px 0px; }
.cygre{ color:#617b03; } /*연두색 폰트 컬러*/
#bikepolicy table { background-color:#dfdfdf; font-size:1.0em; }
#bikepolicy th { font-weight:bold; text-align:center; background-color:#EAF0D6;}
#bikepolicy td { background-color:#FFFFFF; text-align:center;}
#bikepolicy01 ul {margin:0px; padding:0;}
#bikepolicy01 li {margin:0px; padding:0 0 0 10px; line-height:1.55em; background:url(/bike/tasu/images/ubike/bikep_icon.gif)  transparent no-repeat 0px 0px; }


/*대여가능지역*/
#rental h4			{ padding:3px 0 3px 12px; font-size:12px;font-family:Gulim,Dotum,tahoma,verdana,Sans-serif; background:url(/bike/tasu/images/common/ico_arrow_right.gif) -2px 4px no-repeat;}
#rental .empty		{ height:10px;}
#rental select		{ font-size:12px; height:21px; }
#rental input		{ font-size:12px; height:21px; font-family:Gulim,Dotum,tahoma,verdana,Sans-serif;}  
#rental option		{ height:21px; font-size:12px; font-family:Gulim,Dotum,tahoma,verdana,Sans-serif;line-height:1.7; } 
#rental table		{ border:0; table-layout: fixed; border-top:#2898ab solid 3px;
					border-collapse: collapse; font-size:12px;}
#rental tr			{ text-align: center; }
#rental th			{ background:url(/bike/tasu/images/common/tr_imgbg_w.gif) bottom left repeat-x; height:26px; 
					font:bold 11px Dotum; color:5c5c5c; border-bottom:#b9d2da 1px solid; letter-spacing:-1px;}
#rental td			{ height: 28px; border-bottom:#b9d2da 1px solid; white-space:nowrap;}

#rental .inputform01	{width:60px; border:solid 1px #CCCCCC; text-align:center; height:19px;
font-size:11px; font-family:Dotum,Gulim,tahoma,verdana,Sans-serif;} 

#rentalmap	{float:left; width:350px;}
#rentallist {float:left; width:300px;margin-left:20px;}

#notable			{width:auto}
#notable table		{width:auto; border:0; table-layout: fixed; font-size:12px; margin:5px 0 0 0;
					border-top:0px;}
#notable th,		
#notable tr			{height:auto;}
#notable td			{border-bottom:0px; height:auto;}


.li_list1 { 
	margin:5px 0 0 0;
	line-height:1.5;
	background:url(/bike/tasu/images/public/li_icon1.gif) no-repeat 2px 2px; 
	padding:0 0 0 15px;
	font-weight:bold; 
	}
.li_list2 { 
	margin:0 0 0 8px;
	line-height:1.6;
	background:url(/bike/tasu/images/public/li_icon2.gif) no-repeat 3px 0px; 
	padding:0 0 0 17px;
	}
.fs14{ font-size:14px; letter-spacing:-1px; font-family:"돋움",dotum;}


.payTable caption {
 text-indent: -50000px; 
 height: 0; 
 margin: 0; 
 padding: 0; 
 font-size: 0; 
 line-height: 0; 
 overflow:hidden; 
 text-align:left;
 }
.payTable table {
 border-top:1px solid #dcdcdc;
 border-left:1px solid #dcdcdc;
 }
.payTable th {
 border-bottom:1px solid #dcdcdc;
 border-right:1px solid #dcdcdc;
 padding:5px 0;
 text-align:center;
 }

.payTable td {
 border-bottom:1px solid #dcdcdc;
 border-right:1px solid #dcdcdc;
 padding:10px 0 8px 10px;
 text-align:center;
 }


/* 이용 절차 보기*/ 
#process dl {float:left;display:inline; width:600px; padding:4px 0; border-bottom:#f1f1f1 1px solid;}
#process dl.end {float:left;display:inline; width:600px; padding:4px 0; border-bottom:#f1f1f1 0px solid;}
#process dt {padding:10px 0 2px 0;  font-weight:bold;  font-size:14px; font-family:dotum;}
#process img {float:left; padding:0 15px 0  0px;}
#process dd {line-height:1.6;}
.clb {clear:both;} 

#process .nom {font-family:Georgia; font-size:18px; color:#C8538D; float:left;  width:20px;}


/*하이킹 추천코스*/
#hiking_best {width:auto; height:100px; margin:0 0 30px 0; clear:both;}
#hiking_best img{border:1px #CCCCCC solid;}
#hiking_best .title{padding-top:5px; text-align:center;} 
#hiking_best1,
#hiking_best2 {float:left; width:210px; margin:0 16px 0 0;}
#hiking_best3 {float:left; width:210px;}


/*자전거 도로현황*/
#roadstatus {width:auto; margin:0 0 30px 0; clear:both;}
#roadstatus .title{ font-size:14px; font-weight:bold;}
#roadstatus .line{ color:#cecece;}
/*FAQ*/	
#faq_best			{ }
#faq_best #bg		{ background-image:url(/bike/tasu/images/customcenter/faq_img02.gif); background-repeat:repeat-y;}
#faq_best #bottombg	{ background-image:url(/bike/tasu/images/customcenter/faq_img03.gif); background-repeat:no-repeat; height:5px;}
#faq_best table		{ width:98%; border:0; table-layout: fixed; border-collapse: collapse; font-size:12px;}
#faq_best td		{ height: 28px; border-bottom:1px #FFFFFf solid;}
#faq_best .line		{ height: 1px; background-image:url(/bike/tasu/images/customcenter/faq_img04.gif); background-repeat:no-repeat;}
#faq_best .no		{padding-right:15px; text-align:right; font-weight:bold; color:#666666; font-size:14px;} 
#faq_best .category	{text-align:center; font-weight:bold; color:#777777;} 

/*사이트 맵*/	
#sitemap_wrap		{width:615px; clear:both; margin:0 25px;}
.site 	 			{float:left; width:180px;}
.site ul			{margin:0; padding: 40px 0 0 0; line-height:150%; list-style-type:none;}
.site li 			{margin:0; padding: 2px 0px 2px 5px;list-style-type:none;}
.site li a:link,
.site li a:active,
.site li a:visited 	{margin:0; padding: 0 0 0 18px; display:block; border-bottom:#eaeaea 1px solid; list-style-type:none;
background:url(/bike/tasu/images/public/ico_point.gif) transparent no-repeat 10px 8px;}
.site li a:hover	{margin:0; padding: 0 0 0 18px; display:block; border-bottom:#8bbd17 1px solid; list-style-type:none;
background:url(/bike/tasu/images/public/ico_point.gif) transparent no-repeat 10px 8px;}
.site a:link,
.site a:active,
.site a:visited,
.site a:hover		{background: none transparent scroll repeat 0% 0%; text-decoration:none; color:#212121;}


/*온라인 상담 부분*/		
#onlinecnslt_wrap					{margin:0 130px; width:400px; padding-top:50px; clear:both;
									background:url(/bike/tasu/images/customcenter/onlinecnslt_img01.gif) top left no-repeat; }
#onlinecnslt_wrap p 				{letter-spacing:-0.1em; padding:0px 10px;}
#onlinecnslt_wrap #onlinecnslt_out 	{padding:20px 0 5px 0; clear:both; text-align:center;
									background:url(/bike/tasu/images/customcenter/onlinecnslt_img02.gif) bottom left no-repeat;}
#onlinecnslt_wrap #onlinecnslt_box	{height:40px;}
#onlinecnslt_wrap input 			{height:21px; font-size:12px; font-family:Gulim,Dotum,tahoma,verdana,Sans-serif;}
#onlinecnslt_wrap .form01			{width:150px; border:solid 1px #CCCCCC; }




/*로그인 부분*/		
#login_wrap							{margin:0 130px; width:400px; padding-top:65px; clear:both;
									background:url(/bike/tasu/images/join/login_img01.gif) top left no-repeat; }
#login_wrap p 						{text-align:center; color:#009900; font-size:0.95em; font-family:돋움,dutom; 
									letter-spacing:-0.1em; padding:5px 0;}
#login_wrap #login_out 				{padding-bottom:5px; clear:both; width:400px ;
									background:url(/bike/tasu/images/join/login_img02.gif) bottom left no-repeat;}
#login_wrap #login_out #input_lb	{padding:0 0 0 65px; float:left;}
#login_wrap #login_out #input_rb	{float:left;}
#login_wrap #login_out #input_id 	{clear:both; width:165px; margin:0 0 8px 0;}
#login_wrap #login_out #input_pw 	{clear:both; width:165px;}
#login_wrap #login_out #input_join	{clear:both;width:auto; margin:0 0 15px 65px;}
#login_wrap	input 					{height:21px; font-size:12px; font-family:Gulim,Dotum,tahoma,verdana,Sans-serif;}
#login_wrap .form01					{width:100px; border:solid 1px #CCCCCC; }

/*아이디/비밀번호 찾기 부분*/		
#findidpw_wrap							{margin:0 0 0 8px; width:654px; padding-top:65px; clear:both;
										background:url(/bike/tasu/images/join/findidpw_img01.gif) top left no-repeat; height:330px;}
#findidpw_wrap h3 						{font-size:14px; font-weight:bold; height:30px;}
#findidpw_wrap #findidpw_out 			{padding-bottom:5px; clear:both; width:654px;
										background:url(/bike/tasu/images/join/findidpw_img02.gif) top left no-repeat; padding-top:20px;}
#findidpw_wrap .form01					{width:90px; border:solid 1px #CCCCCC; }
#findidpw_wrap  #news01				 	{padding:15px 0px 0px 5px; text-align:left;}
#findidpw_wrap  #news01 #attestation01	{ padding:0px; margin:5px 0 0 0; float:left; width:319px;}
#findidpw_wrap  #news01 #attestation02	{ padding:0px; margin:5px 0px 0px 8px; float:left; width:319px;}
#findidpw_wrap  #news02				 	{padding:15px 0px 0px 5px; text-align:left;}
#findidpw_wrap  #news02 #attestation01	{ padding:0px; margin:5px 0 0 0; float:left; width:319px;}
#findidpw_wrap  #news02 #attestation02	{ padding:0px; margin:5px 0px 0px 8px; float:left; width:319px;}

/* Box */
.box{ position:relative; padding:10px 0; width:100%; text-align:center; }
.box .line{border:1px solid #e9e9e9;color:#666666; background-color:#fbfbfb;}
.box.left{ float:left;}
.box.right{ float:right;}
.box .title{ position:relative; height:30px; padding:7px 0 7px 0; border-bottom:2px solid #ededed; text-align:left; margin:0 7px; text-indent:1px;}
.box table{ width:301px; margin:20px auto 7px auto; border:0;}
.box .btn{ position:relative; border-top:1px solid #e1e1e1; text-align:center; padding:15px 0 15px 0; margin:0px 7px; text-indent:1px;}
.box table th,
.box table td{ border:0; text-align:left; vertical-align:top;}
.box table th{ white-space:nowrap; font-size:12px; letter-spacing:-1px; text-align:left; padding:6px 8px 0 3px; color:#666666; }
.box table th .normal{ font-weight:normal; color:#666666;}
.box table td{ width:100%; height:30px; white-space:nowrap; font-size:12px; line-height:1.7em; padding-left:5px;}
.box .ipin{ line-height:16px;}



/*마이페이지 비번확인 부분*/		
#mypage_pass_wrap					{margin:0 130px; width:400px; padding-top:50px; clear:both;
									background:url(/bike/tasu/images/usermenu/mypage_img01.gif) top left no-repeat; }
#mypage_pass_wrap p 				{letter-spacing:-0.1em; padding:0px 10px;}
#mypage_pass_wrap #mypage_pass_out 	{padding:20px 0 5px 0; clear:both; text-align:center;
									background:url(/bike/tasu/images/usermenu/mypage_img02.gif) bottom left no-repeat;}
#mypage_pass_wrap #mypage_pass_box	{height:40px;}
#mypage_pass_wrap input 			{height:21px; font-size:12px; font-family:Gulim,Dotum,tahoma,verdana,Sans-serif;}
#mypage_pass_wrap .form01			{width:150px; border:solid 1px #CCCCCC; }

/*마이페이지 상세정보 부분*/		
#mypage_view_wrap					{margin:0 0px; width:670px; padding-top:65px; clear:both;
										background:url(/bike/tasu/images/usermenu/mypage_img03.gif) top left no-repeat; }
#mypage_view_wrap h3 				{font-size:14px; font-weight:bold; height:30px;}
#mypage_view_wrap #mypage_view_out 		{padding-bottom:5px; clear:both; width:670px ;
										background:url(/bike/tasu/images/join/joinbike_img04.gif) top left no-repeat; padding-top:10px;}
#mypage_view_wrap #mypage_view_box	{text-align:center;}

/*회원 탈퇴*/	
#secession_wrap		{margin:0 100px; width:470px; padding-top:50px; clear:both;
					background:url(/bike/tasu/images/usermenu/secession_img01.gif) top left no-repeat; }
#secession_wrap p 	{letter-spacing:-0.1em; padding:0px 10px;}
#secession_out 		{padding-bottom:5px; clear:both; padding:0 0 0 10px;
					background:url(/bike/tasu/images/usermenu/secession_img02.gif) bottom left no-repeat;}
#secession_box		{padding:0 0 0 20px ;height:90px; width:auto;}
#secession_id,
#secession_pw 		{clear:both; margin:0 0 5px 0;}
#secession_auto 	{clear:both;}
#secession_btn		{clear:both; margin:10px 0 5px 0; text-align:center; height:40px;}
#secession_wrap	input 	{height:21px; font-size:12px; font-family:Gulim,Dotum,tahoma,verdana,Sans-serif;}
#secession_wrap .form01	{width:100px; border:solid 1px #CCCCCC; }

/*구글맵*/
.googlefont1		{font-family:돋움; font-size:11px; letter-spacing:-1px;}