/* CSS Document */

/* common */
html, body {margin:0; padding:0; }

div, ul, ol, li, dl, dt, dd, form, fieldset, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; vertical-align:top; }
li { list-style:none; float:left; display:inline;}


/* font */

@font-face{

font-family:"Nanum Gothic";

src:url('/fonts/NanumGothic.eot');

src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),

url('/fonts/NanumGothic.woff') format('woff'),

url('/fonts/NanumGothic.ttf') format('truetype');

url('/fonts/NanumGothic.svg#NanumGothic') format('svg')

src:local(¡Ø), url('/fonts/NanumGothic.woff') format('woff');

}




/* style */

*{margin:0;
  padding:0;
  border:0;}
  


html{overflow-x:hidden;; 
     overflow-y:scroll;	 
	 margin:0;	 
	 padding:0;
	 height:100%;}
	 
body{margin:0;	 
	 padding:0;
	 font-size:12px;
     font-family: Nanum Gothic, 'µ¸¿ò', dotum, verdana, sans-serif;
	 color:#333333;
	 font-style:normal;
	 }
	 
a { color:#333333;
    text-decoration:none;}
	
	
a:hover{color:#666666;
        text-decoration:none;}

/* basic */

#wrap{width:100%;}

#main_top{width:100%;
          height:124px;
		  float:left;
		  }
		  
		  .m_top{width:1000px;
		         margin:0 auto;
				 padding-top:42px;}
				 
				 .logo{width:200px;
				       float:left;}
					   
				 .main_menu{width:800px;
				            float:left;
							text-align:right;}
							
							.top_menu{width:400px;
							          float:left;
									  color:#979797;
									  padding-bottom:5px;
									  text-align:right;
									  padding-left:400px;
									  font-size:10px;}
									  
							.top_menu a{color:#979797;
							            text-decoration:none;}
							.top_menu a:hover{color:#333333;}
							.top_menu ul{text-align:right;}
							.top_menu ul li{padding : 0 7px; text-align:right;}
							.top_menu ul li:last{padding : 0 0 0 7px;}
							
							.m_menu{width:582px;
							        padding-left:218px;
							        float:left;
									text-align:right;}
									
#main_img{width:100%;
          height:448px;
		  background:url(../images/main/main_img_bg.jpg) center;
		  float:left;}
		  
		  .m_img{width:1000px;
		         height:448px;
				 margin:0 auto;}
				 
				 
#main_cont{width:100%;
           float:left;
		   padding-top:40px;
		   padding-bottom:40px;}
		   
		   .m_cont{width:1000px;
		           margin:0 auto;}
				   
		   .m_cont ul {width:100%;
		               float:left;
					   padding-bottom:20px;}
				   
		   .m_cont ul li{width:250px;
		                 float:left;}
						 
		   .m_cont ul li .m_title{width:100%;
		                         font-weight:bold;
								 color:#333333;
								 font-size:14px;
								 padding-bottom:10px;
								 float:left;}
								 
		  .m_cont ul li .m_board{
		                        float:left;
								padding-left:5px;
								padding-right:5px;
								width:240px;}
								
		  .m_cont ul li .m_time{width:100%;
		                        float:left;
								color:#666666;
								line-height:160%;
								font-weight:bold;
								font-size:13px;}

#footer{width:100%;
        float:left;}
		
		.foot_top{width:100%;
		          border-top:1px solid #d4d4d4;
				  border-bottom:1px solid #d4d4d4;
				  padding-top:10px;
				  padding-bottom:10px;
				  float:left;}
				  
		          .foot_menu{width:1000px;
				             margin:0 auto;
							 color:#666666;
							 font-weight:bold;
							 font-size:12px;
							 }
							 
				  .foot_menu ul li{padding-left:10px;
				                   padding-right:10px;
				                   float:left;}
								   
								   
		.foot_bottom{width:100%;
		              float:left;
					  margin-top:25px;
					  margin-bottom:25px;
					  height:56px;
					    }
					  
				  .foot_copy{width:1000px;
				             margin:0 auto;
							 }
							 
				  .foot_copy .logo{width:190px;
								   height:56px;
								   padding-top:8px;
								   float:left;}
								   
				   .copyright{color:#999999;
				              padding-left:20px;
							  font-size:11px;
							  padding-top:3px;
							  padding-bottom:3px;
							  line-height:150%;
							  float:left;
							  border-left:1px solid #d4d4d4;}
									  
/* sub */
#sub_top{width:100%;
          height:82px;
		  float:left;
		  }
		  
		  .s_top{width:1000px;
		         margin:0 auto;
				 padding-top:12px;}
				 
#sub_img01{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_01.jpg) center;
		  float:left;}
		  
#sub_img02{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_02.jpg) center;
		  float:left;}

#sub_img03{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_03.jpg) center;
		  float:left;}

#sub_img04{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_04.jpg) center;
		  float:left;}

#sub_img05{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_05.jpg) center;
		  float:left;}
		  
#sub_img06{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_06.jpg) center;
		  float:left;}
		  
#sub_img07{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_07.jpg) center;
		  float:left;}
		  
#sub_img08{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_08.jpg) center;
		  float:left;}
		  
#sub_img09{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_09.jpg) center;
		  float:left;}
		  
#sub_img010{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_10.jpg) center;
		  float:left;}
		  
#sub_img011{width:100%;
          height:202px;
		  background:url(../images/sub/sub_img_11.jpg) center;
		  float:left;}


#sub_cont{width:100%;
           float:left;
		   padding-top:0px;}
		   
		   .s_cont{width:1000px;
		           margin:0 auto;}
				   
				   .sub_left{width:190px;
							 float:left;
							 padding-top:33px;}
							 
							 .sub_left_title{width:190px;
							                border-bottom:1px solid #d3d3d3;
											padding-bottom:38px;
											float:left;
											font-size:14px;
											font-weight:bold;}
											
							.sub_menu{width:185px;
							          padding-left:5px;
									  float:left;}
									  
							.sub_menu ul li{width:100%;
							                height:22px;
											border-bottom:1px solid #d3d3d3;
											padding-top:13px;
											float:left;
											font-size:12px;
											color:#666666;}
											
							.sub_menu ul li.on{color:#000000;
							                   background:url(../images/sub/icon.gif) right no-repeat;
											   font-weight:bold;}
											   
							.sub_left_customer{width:100%;
							                   float:left;}
									  
									  
							 
				  .sub_right{width:760px;
				             min-height:700px;
				             float:left;
							 padding-left:30px;
							 padding-top:26px;
							 border-left:1px solid #d3d3d3;
							 padding-bottom:30px;}
							 
							 .sub_right_title{width:760px;
							                  float:left;
											  padding-bottom:38px;
											  font-size:25px;
											  font-weight:bold;}
											  
											  .loca{width:400px;
											        float:right;
													padding-top:3px;
													text-align:right;
													color:#666666;
													font-size:12px;
													font-weight:normal;}
							.sub_right_cont{width:760px;
							                float:left;
											color:#666666;}
	  
.sub_tab{width:100%;
         float:left;
		 padding-bottom:10px;}
		 
		 .sub_tab ul li{width:200px;
		                height:15px;
						padding-top:10px;
						padding-bottom:10px;
						background:#c6c6c6;
						color:#666666;
						margin-right:2px;
						text-align:center;
						}	
						
		 .sub_tab ul li.on{
						background:#666666;
						color:#ffffff;
						font-weight:bold;}		
						
		 .sub_tab ul li.on a{color:#ffffff;}
		 .sub_tab ul li.on a:hover{color:#ffffff;}
		 
.sitemap{width:100%;
         float:center;
		 margin-top:100px;}
		 
.sitemap td{padding-right:30px; width:20%;}
		 
		 .sitemap h3{margin-bottom:10px;
		             color:#666666;
					 font-size:18px;
					 font-weight:bold;
					 }
		 
		 .sitemap dt{padding:5px 0;
		             text-align:left;
					 font-size:12px;
					 color:#666666;}