@import url(default.css);

#main {
	MIN-width: 980px
}
#subpage {
	
}


#header							{height: 119px; position: relative; Z-INDEX: 15; width: 100%; 
										 background: url(../images/top/bg_orange.gif) repeat-x left top; 
										 border-bottom: #e6e6e6 1px solid; width: 100%}
.header_content			{position: relative; margin: 0px auto; width: 980px; 
										 background: url(../images/top/bg_header.jpg) no-repeat left top; }
.logo								{position: absolute; left: 0px; top: 61px; }

#util_menu					{padding-bottom: 16px; text-align: right; padding-top: 29px; 
										 padding-left: 0px; padding-right: 10px;
										 background: url(../images/top/util_bg.gif) no-repeat 822px 30px; }
#util_menu a				{margin-left: 5px; margin-right: 5px; }

#top_menu						{text-align: right; padding-top: 7px; padding-right: 1px; }
#top_menu a					{margin-left: 32px; }

#submiddle #container {padding-top: 35px; }
#subpage #container {}
#container				  {position: relative; margin: 0px auto; width: 980px; 
										 background: url(../images/content/bg_line01.gif) repeat-y left top;}
#container:after {display: block; content: ''; clear: both;} /* 170517 추가 */
#container_member		{position: relative; margin: 0px auto; width: 980px; }
										 
#snb							  {float: left; width: 178px; min-height: 700px; padding-left: 1px; }
.snb_title				  {border: #ed4726 8px solid; height: 91px; padding-top: 71px;  
										 text-align: center; background: #fff; }
.snb_list li.first  {padding-top: 20px; }
.snb_list a:hover		{font-weight: bold; color: #222; text-decoration: none; }
.snb_list ul.text   {padding-top: 20px; padding-bottom: 30px; padding-left: 30px; 
										 background: #f6f6f6; }
.snb_list ul.text_long01   {padding-top: 20px; padding-bottom: 30px; padding-left: 10px; 
										 background: #f6f6f6; }
.snb_list ul.text_long02   {padding-top: 20px; padding-bottom: 30px; padding-left: 3px; 
										 background: #f6f6f6; letter-spacing: -1pt; }
.snb_list ul.quick  {margin-left: 25px; margin-top: 30px; margin-bottom: 30px; }
.snb_list ul.quick li {padding-bottom: 10px; }

#content						{float: right; MIN-height: 200px; width: 760px; padding: 40px 0; }


#info							 		 	 {width: 740px; padding: 25px 0 25px 20px; }
#info {overflow: hidden;} /* 170517 추가 */
.info_list01 a				   {font-weight: bold; color: #aeaeae; }	
.info_list01 a:hover	 	 {font-weight: bold; color: #333; text-decoration: none; }
.info_list01 ul.align120   {float: left; width: 120px}
.info_list01 ul.align130   {float: left; width: 130px}
.info_list01 ul.align160   {float: left; width: 160px}		
.info_list01 ul.align170   {float: left; width: 170px}
.info_list01 ul.align180   {float: left; width: 180px}
.info_list01 ul.align190   {float: left; width: 190px}
.info_list01 ul.align200   {float: left; width: 200px}
.info_list01 ul.align210   {float: left; width: 210px}
.info_list01 ul.align220   {float: left; width: 220px}
.info_list01 ul.align230   {float: left; width: 230px}
.info_list01 ul.align280   {float: left; width: 280px}

.info_list01 ul.align4   {float: left; padding-left: 10px; width: 160px}		
.info_list01 ul.align3   {float: left; padding-left: 50px; }		

#info_list03						 {width: 740px; padding: 10px 0 10px 20px; }
.info_list03 a				   {font-weight: bold; color: ##aeaeae; }	
.info_list03 a:hover	 	 {font-weight: bold; color: #333; text-decoration: none; }
.info_list03 ul.align4   {float: left; padding-left: 10px; width: 160px}		
.info_list03 ul.align3   {float: left; padding-left: 50px; }

#info_list02						 {width: 730px; background: #f76639; padding: 10px 10px 10px 20px; }
.info_list02 a				   {font-weight: bold; color: #fff; margin-right: 18px; }	
.info_list02 a:hover	 	 {font-weight: bold; color: #ecfa7a; text-decoration: none; }

#info_cont						 	 {width: 760px; 
													background: url(../images/content/icon_01.gif) no-repeat 7px 23px;}
.info_title				  	 	 {border-bottom: #e1e1e1 1px solid; padding: 29px 0 13px 43px;  
										 			color: #222; font-size: 14px; font-weight: bold; }
.info_text  				   	 {color: #666; margin: 30px 20px 50px 20px; text-align: justify; }
												
																												
#intro_growth					 	 {background: url(../images/content/growth_check.jpg) no-repeat left top;
													position: relative; height: 468px; }
#intro_growth ul.tab	 	 {float: left; margin-top: 426px; }

#intro_record					 	 {background: url(../images/content/growth_record.jpg) no-repeat left top;
													position: relative; height: 468px; }
#intro_record ul.tab	 	 {float: left; margin-top: 426px; }

#intro_local					 	 {background: url(../images/content/local_bg.jpg) no-repeat left 18px;
													position: relative; height: 90px; padding-left: 18px; }
#intro_local ul.tab	 	 	 {float: left; margin-top: 26px;  }

#intro_test					 		 {background: url(../images/content/test.jpg) no-repeat left top;
													position: relative; height: 828px; }
#intro_test ul    			 {padding: 300px 0 0 55px; }

#intro_mentoring				 {background: url(../images/content/mentoring.jpg) no-repeat left top;
													position: relative; /*height: 828px;*/ height: 792px; }
#intro_mentoring ul    	 {padding: 610px 0 0 55px; display: none; /* 170904 none 처리 */}

#intro_login					 	 {background: url(../images/member/login.jpg) no-repeat left top;
													position: relative; min-height: 700px; 
													margin-top: 19px;  padding: 222px 0 0 313px;}
#intro_login ul.input	 	 {float: left; padding: 0 8px 4px 0; }

#intro_qna							 {background: url(../images/content/qna.jpg) no-repeat left top;
													position: relative; height: 428px; }													
.qna_write							 {border: #e1e1e1 1px solid; }
.qna_write ul.title			 {color: #ffffff; font-weight: bold; width: 198px;
													font-size: 14px; text-align: center; padding: 14px 0; 
													background: #ed4726; }
.qna_write ul.write			 {margin: 16px; background: #f8f8f8; }
.qna_write ul.view			 {padding: 15px;}
.qna_write ul.date			 {background: #c4c4c4; width: 100%; }
.qna_write ul.reply			 {background: #f8f8f8; width: 100%; margin-top: 40px; }
.qna_write li.title01		 {background: url(../images/qna/title01.gif) no-repeat 16px 23px ;
													position: relative; padding: 20px 0 0 65px; }
.qna_write li.title02		 {background: url(../images/qna/title02.gif) no-repeat 16px 16px ;
													position: relative; padding: 10px 0 0 65px; }
.qna_write li.title03		 {background: url(../images/qna/title03.gif) no-repeat 16px 16px ;
													position: relative; padding: 10px 0 0 65px; }
.qna_write li.title04		 {font-weight: bold; color: #999; }
.qna_write li.title05		 {float: left; font-weight: bold; width: 85%; 
													padding: 14px 0 11px 15px;}										
.qna_write li.title06		 {float: left; padding: 14px 10px 11px 10px;}		
.qna_write li.title07		 {padding: 15px; }
.qna_write li.title08		 {padding: 40px 25px 25px 25px;}

																																																				
#intro_search					 	 {padding-top: 40px; padding-left: 190px; height: 80px; 
								 					background: url(../images/content/icon_04.gif) no-repeat 136px 37px;}
#intro_search ul.input	 {float: left; padding-right: 8px; }

.agreement					{width: 964px; border: #ed4726 8px solid;  
										 margin: 19px 0 50px 0; text-align: center; 
										 background: url(../images/member/title01.gif) no-repeat center 80px; }
.agreement ul.title	{padding: 193px 0 50px 0; }
.agree_text			    {padding: 15px 0 30px 0; font-weight: bold; }

#member_info				{width: 964px; border: #ed4726 8px solid;  
										 margin: 19px auto; padding: 80px 0 36px 0;}
													
#member									 {width: 760px; margin-left: 110px;
													float: left; border-right: #e1e1e1 1px solid; 
													border-left: #e1e1e1 1px solid; border-top: #e1e1e1 1px solid; }
.list ul.title	 			   {float: left; background: #f6f6f6; color: #777;
													text-align: center; }		
.list ul li.title01	 		 {width: 165px; padding: 10px 0; 
													border-bottom: #e1e1e1 1px solid;  font-weight: bold; }	
.list ul li.title02	 		 {width: 165px; padding: 10px 0; color: #ed4726;  
													border-bottom: #e1e1e1 1px solid;  font-weight: bold; }	
.list ul.info   	 			 {float: left; }
.list ul li.info01	 		 {padding: 5px; width: 585px; 
													border-bottom: #e1e1e1 1px solid; }
.list ul li.info02	 		 {padding: 5px; width: 585px;  font-weight: bold; 
													border-bottom: #e1e1e1 1px solid; color: #ed4726; }
.list ul li.info03	 		 {padding: 10px 0 10px 5px; width: 585px;  font-weight: bold; 
													border-bottom: #e1e1e1 1px solid; }
.list ul li.info04	 		 {padding: 5px; width: 585px;  font-weight: bold; 
													border-bottom: #e1e1e1 1px solid; color: #777; }
.list ul li img	 		 		 {padding: 0 5px; }	


#footer									 {min-width: 980px; width: 100%; padding-top: 32px; padding-bottom: 50px; 
													border-top: #e1e1e1 1px solid;}
.footer_content					 {position: relative; margin: 0px auto; width: 980px; }

#main									 {min-width: 980px; width: 100%; height: 917px;
												background: url(../images/main/bg01.gif) repeat-x left top;}
.main_content					 {position: relative; margin: 0px auto; width: 980px; }

#content_default			 {width:760px; margin: 0 auto; text-align:center}


/* ������� table */

/* content */
.growth01				{float: left; width: 483px; height: 112px; padding: 48px 0 0 277px; 
								 background: url(../images/content/bg_growth01.jpg) no-repeat left top;}

.record01				{float: left; width: 472px; height: 112px; padding: 48px 0 0 288px; 
								 background: url(../images/content/bg_record01.jpg) no-repeat left top;}
								 
.growth01_input	{float: left; width: 608px; padding: 29px 0 29px 152px; 
								 background: #f6f6f6; }
													
.btn01					{width:760px; margin: 50px 0 50px 138px; }
.btn01 ul				{width:500px;}
.btn01 ul li		{width:225px; height:40px; float:left; margin:0 0 5px 15px;}

.btn02					{margin: 50px 0 50px 265px; }

#btn03					{width:760px; margin: 50px auto; text-align:center}
#btn03 img			{padding: 0 5px; }

#btn04					{width:964px; margin: 50px auto; text-align:center}
#btn04 img			{padding: 0 10px; }

.growth_intro01 {padding: 43px 0 ;
								 background: url(../images/content/icon_02.gif) no-repeat 130px 30px;}
.growth_intro02 {padding: 43px 0 ;
								 background: url(../images/content/icon_02.gif) no-repeat 160px 30px;}
.growth_intro03 {padding: 43px 0 ;
								 background: url(../images/content/icon_02.gif) no-repeat 50px 30px;}								 						 
.check_box01		{min-width:760px; border:#e1e1e1 solid 1px; }
.check_title		{width: 760px; text-align: center; font-weight: bold; color: #333; 	
								 background: url(../images/content/bg_ptn01.gif) repeat-x left top;}	
.check_title ul.ptn01_2		{float: left; width: 580px; height: 21px; padding-top: 3px;  
								 background: url(../images/content/bg_ptn01.gif) repeat-x left top; }
.check_title ul.ptn02_2  	{float: left; width: 180px; height: 21px; padding-top: 3px;
								 background: url(../images/content/bg_ptn02.gif) repeat-x left top; }
.check_title ul.ptn01_3		{float: left; width: 520px; height: 31px; padding-top: 15px;  
								 background: url(../images/content/bg_ptn01.gif) repeat left top; }
.check_title ul.ptn02_3  	{float: left; width: 80px; height: 21px; padding-top: 3px;
								 background: url(../images/content/bg_ptn02.gif) repeat-x left top; }
.check_title ul.ptn03_3		{float: left; width: 520px; height: 23px; padding-top: 3px;  
								 background: url(../images/content/bg_ptn01.gif) repeat-x left top; }
.check_title ul.ptn01_4		{float: left; width: 440px;height: 21px; padding-top: 3px;  
								 background: url(../images/content/bg_ptn01.gif) repeat-x left top; 
								 letter-spacing: -1pt; }
.check_title ul.ptn02_4  	{float: right; width: 80px; height: 21px; padding-top: 3px;
								 background: url(../images/content/bg_ptn02.gif) repeat-x left top;
								 font-weight: normal; text-align: center; font-size: 11px; 
								 letter-spacing: -1pt; }


#pattern01			{width: 760px; text-align: center; font-weight: bold; color: #333;}
.title ul.q 		{background: url(../images/content/bg_ptn01.gif) repeat left top;}
.title ul.a 		{background: url(../images/content/bg_ptn02.gif) repeat left top;}
	
.title ul li.q01		{float: left; width: 580px; padding: 3px 0; }
.title ul li.q02		{float: left; width: 520px; padding: 15px 0; }
.title ul li.q03		{float: left; width: 520px; padding: 3px 0; }
.title ul li.q04		{float: left; width: 440px; padding: 3px 0; }
.title ul li.q05		{padding: 10px 0; font-size: 14px; }
.title ul li.q06		{padding: 10px 0 10px 20px; font-size: 14px; margin-top: 20px; color: #222; 
										 text-align: left; }

.title ul li.a01  	{float: left; width: 180px; padding: 3px 0; }
.title ul li.a02  	{float: left; width: 80px; padding: 3px 0; }
.title ul li.a03		{float: left; width: 520px; padding: 3px 0; }
.title ul li.a04  	{float: left; width: 80px; padding: 3px 0;
										 font-weight: normal; text-align: center; font-size: 11px; }								 
.title ul li.a05		{padding: 5px 0; font-size: 14px; margin-top: 15px; }	
							 
						
.ptn02_7day			{background: #e1e1e1; padding-top: 3px; color: #999; }								  

.check03				{width:720px; margin:20px; clear:both; letter-spacing: 0.05pt; }
.check03 dl	 		{margin:0;}
.check03 dl dt	{margin:10px 0 5px 0; font-weight:bold; }
.check03 dl dd	{margin:0 10px 0 0; display:inline; padding-left:15px;}

.check04				{width:758px; clear:both; padding: 10px 0 20px 0; border:#e1e1e1 solid 1px; }
.check04 dl			{margin-left: 15px; clear:both;}
.check04 dl dt	{margin:3px 0 5px 0; display: inline;  
								 float:left; line-height:20px;}
.check04 dl dd	{width:60px; margin:0 20px 0 0; display: inline; float:right; line-height:20px;} 

.check05				{width:758px; clear:both; padding: 10px 0 20px 0; border:#e1e1e1 solid 1px; }
.check05 dl			{margin-left: 15px; clear:both;}
.check05 dl dt	{margin:3px 0 5px 0; display: inline; font-weight:bold; 
								 float:left; line-height:20px;}
.check05 dl dd	{width:80px; display: inline; float:right; line-height:20px; text-align: center;} 

.check07				{width:758px; clear:both; padding: 10px 0 20px 0; border:#e1e1e1 solid 1px; }
.check07 dl	 		{margin-left: 15px; clear:both; }
.check07 dl dt	{margin:3px 0 5px 0; display: inline; float:left; letter-spacing: -1pt;
								 line-height:20px; font-size:12px; }
.check07 dl dd	{width:80px; display: inline; float:right; line-height:20px; text-align: center;}


.result01				{ling-height: 24px; 
								 border: #e1e1e1 8px solid; padding: 30px 30px 26px 30px; }								 
.result02				{ling-height: 24px; margin-top: 2px; border: #e1e1e1 1px solid; 
								 padding: 20px; }									 
.result02 li		{background:url(../images/content/icon_05.png) no-repeat 0 3px; padding-left: 10px; }
.result03			  {width: 91%; border: #e1e1e1 solid 5px; font-size:12px; 
								 font-weight: bold; color:#737373; line-height:20px; padding: 30px; 
								 margin: 30px 0; }		

/* record */
conclusion_wrap		{width:100%; }
conclusion_wrap	ul	{width:100%; line-height:20px; margin-bottom:50px; }

.conclusion01		{width:100%; }
.conclusion01 tr th		{font-weight:bold; color:#333; }
.conclusion01 tr td		{line-height:18px; border-bottom:#e4e4e4 1px solid; padding: 13px;
								 border-left:#f0f0f0 1px solid; border-right:#f0f0f0 1px solid;  
								 color: #888; }
.conclusion02		{width:100%; }
.conclusion02 tr th		{font-weight:bold; color:#333; }
.conclusion02 tr td		{line-height:18px; border-bottom:#e4e4e4 1px solid; padding: 9px;
								 border-left:#f0f0f0 1px solid; border-right:#f0f0f0 1px solid;  
								 color: #888; }
.conclusion03		{width:100%; }
.conclusion03 tr th		{font-weight:bold; color:#222; }
.conclusion03 tr td		{line-height:18px; border-bottom:#e4e4e4 1px solid; padding: 8px 8px;
								 border-left:#f0f0f0 1px solid; border-right:#f0f0f0 1px solid;  
								 color: #888; }

.con_date01			{width: 115px; height: 25px; 
								 background: url(../images/content/bg_ptn02.gif) repeat-x left top;}
.con_date02			{width: 50px; height: 25px; 
								 background: url(../images/content/bg_ptn02.gif) repeat-x left top;}
.con_date03			{width: 90px; height: 25px; 
								 background: url(../images/content/bg_ptn02.gif) repeat-x left top;}
								 								 
.con_title01		{width: auto; height: 25px;  
								 background: url(../images/content/bg_ptn01.gif) repeat-x left top;}
.con_title02		{width: 322px; height: 25px;  
								 background: url(../images/content/bg_ptn01.gif) repeat-x left top;}
.con_title03		{width: 215px; height: 25px;  
								 background: url(../images/content/bg_ptn01.gif) repeat-x left top;}
.con_title04		{width: 530px; height: 25px;  
								 background: url(../images/content/bg_ptn01.gif) repeat-x left top;}
.con_title05		{width: 41px; height: 25px; color: #fff;  
								 background: url(../images/content/bg_ptn09.gif) repeat left top;}
.con_title06		{width: 70px; height: 25px; 
								 background: url(../images/content/bg_ptn10.gif) repeat left top;}
.con_title07		{width: 115px; height: 25px; 
								 background: url(../images/content/bg_ptn11.gif) repeat left top;}
.con_title08		{width: 218px; height: 25px; 
								 background: url(../images/content/bg_ptn12.gif) repeat left top;}
.con_title09		{width: 316px; height: 25px; 
								 background: url(../images/content/bg_ptn13.gif) repeat left top;}
							 								 								 								 								 
.con_text01			{text-align: center; }
.con_text02			{text-align: left;}

.con_text03			{background:url(../images/content/icon_03.gif) no-repeat 0 0;	
								 height: 28px; font-weight:bold; color:#ed4726; 
								 padding-left: 40px; padding-top: 6px; padding-bottom: 5px; }								 
.con_text04			{color: #666; padding: 15px; margin-top: 15px; background:#f7f7f7; }
.con_text05			{text-align: center; background: #ccc; }
.con_text06			{text-align: center; background: #f3f3f3; }
.con_text07			{text-align: center; background: #fbfbfb; }


/* padding */
.p_h10		{height: 10px; }
.p_h20		{height: 20px; }
.p_h30		{height: 30px; }
.p_h30c		{padding-top: 30px; text-align: center; }
.p_w185		{width: 185px; }
.p_l10		{padding-left: 10px; }																							

												
/* text */
.text01		{font-weight: bold; padding-right: 30px; }
.text02   {font-weight: bold; padding-right: 20px; padding-left: 10px; }
.text03   {color: #ed4726; font-weight: bold; padding-right: 10px; padding-left: 20px; }
.text04		{color: #222; font-weight: bold; font-size: 14px;}
.text05		{color: #ed4726; font-size: 14px; font-weight: bold; text-align: center; }
.text06		{color: #ed4726; font-weight: bold; font-size: 14px;}
.text07		{color: #ed4726; font-weight: bold; }


/* input */
.input01	{border: #d4d4d4 1px solid; width: 120px; height: 12px; font-size: 14px; padding: 8px;}
.input02	{border: #d4d4d4 1px solid; width: 257px; height: 11px; font-size: 14px; padding: 8px;}
.input03	{border: #d4d4d4 1px solid; width: 180px; height: 13px; padding: 6px;}
.input04	{border: #d3d3d3 1px solid; width: 370px; height: 10px; padding: 6px;}
.input05	{width: 580px; height: 200px; border: 1px solid #d3d3d3; font-family: Dotum;
					 overflow-y: auto; text-align : left; padding: 20px; margin-bottom: 20px; }
.input06	{border: #d4d4d4 1px solid; width: 350px; height: 14px; font-size: 14px; padding: 11px;}
.input07	{border: #e5e5e5 1px solid; width: 180px; height: 13px; padding: 6px;
					 background: #e5e5e5;}
					 
					 						 
.scroll_box	{width: 718px; height: expression( this.scrollHeight > 199 ? "200px" : "auto" );
             max-height: 200px; border: 1px solid #e1e1e1; overflow-y: auto; text-align : left;
						 padding: 20px; }