/* Zero down margin and paddin on all elements */
@import url(board.css);
@import url(text.css);
@import url(forms.css);


* html{
  margin:0;
  padding:0;
  height:1px;

}

body {
  font-size:12px;
  font-family: "±¼¸²", gulim,  "µ¸¿ò", dotum, Arial, Verdana, Vertical, Helvetica, sans-serif;
  line-height:16px;
  color:#7C6D5A;
  background-color:#FFFFF7;
 }



form {
padding:0; margin:0;
}



div, p {
padding:0;
margin:0;
}


li img {
    
	list-style:none;
	margin: 0;
	padding: 0;
	vertical-align: middle;	/* for IE imge margin */
}

ul img {
    list-style:none;
	margin: 0;
	padding: 0;
	vertical-align: middle;	/* for IE imge margin */
}

img, 
input.type-image {
	border: 0 none;
}

h1, h2 {
  margin: 1em 0;
}



a:link {
	color: #7C6D5A;
	text-decoration: none;
}

a:visited {
	color: #7C6D5A;
	text-decoration: none;
}

a:active{
    color: #7C6D5A;
	text-decoration: underline;
}

a:hover {
    color: #F18109;
	text-decoration: none;
}


/* °øÅë ·¹À̾ƿô */

body {
  text-align: left; 
  min-width: 880px;
  margin:0;
  padding:0;
}

#wrap {
  width:100%;
  margin:0;
  padding:0;
  text-align: left; 
  background-image:url('../images/bg_side_left.gif');
  background-position:left top;
  background-repeat:repeat-y; 
 }
 
#header {
  width: 880px;
  height:19px;
  margin:8px 0 2px 0;
  padding:0;
  }
 
 #header ul{
  margin:0;
  padding:0;
  list-style:none;
  
  }
 
 #header li{
  float:left;
  border-right:solid;
  border:1px;
  border-right-color:#E7E3E0;
  margin:0;
  padding:0 6px 0 4px;
   }
 #header .header_ul{
  float:right;
 }
 #header .last{ border:none;}
 
 #flash_menu{
  width: 100%;
  height:75px;
  margin:0;
  padding:0;
  background-image:url('../../images/main/flash_menu_bg.gif');
  background-position:left top;
  background-repeat:repeat-x; 
  } 


#flash_main {
  width: 891px;
  height:330px;
  margin:0;
  padding:0;
  }
 
 #contents_main {
  width: 880px;
  margin:0;
  padding:0;
  }
  
#footer { 
  clear: both;
  text-align:left;
  width:100%;
  height:52px;
  margin:30px 0 30px 0;
  padding:0;
  background:url('../../images/main/footer_bg_img.gif') repeat-x left top;

} 
#footer ul{
  list-style:none;
   font-size:11px;
   margin:0;
   padding:15px 0 0 0;
   border-top:1px solid #CCCCCC;
} 
#footer li{
 } 
 
/* °øÅë·¹À̾ƿô ³¡ */ 




/* ¸ÞÀÎ ½ºÅ¸ÀÏ */

#main_left{
width:409px;
float:left;
}

#news {
    width:388px;
	margin:0 0 0 21px;
	}

#news ul{
    padding:0;
	margin:0 0 0 0;
	list-style:none;
}
#news li{
color:#636D73;
border-bottom:solid;
border:1px;
border-bottom-color:#E7E3E0;
margin:2px 0 2px 0;
padding:2px 0 2px 0;
}
#news img{
vertical-align:middle;
}

#news li span {
	display: block; 
	float: right; 
	padding:0;
	margin:0; 
	}


#banner {
	 width:388px;
	 margin:0 0 0 21px;
	 padding:0;
}

#banner img{
vertical-align:top;
}


#ban_ul {
	 width:388px;
	 margin:0;
	 padding:0;
}


#ban_ul ul{
   padding:0;
   margin:0;
   list-style:none;
}
#ban_ul li{
    float:left;
	padding:0 5px 0 0;
	margin:0;
	list-style:none;
}
#banner img{
vertical-align:top;
}



#e-works {
    float:right;
  	width:450px;
	margin:0 0 0 21px;
	padding:0;
}

#e-works img{
vertical-align:top;

}

#wbanner{
   	width:450px;
	margin:0;
	padding:0;
}

#wbanner ul{
    padding:0;
	margin:0;
	list-style:none;
	text-align:left;
}
#wbanner li{
    float:left;
    width:225px;
	padding:0;
	margin:0;
	list-style:none;
}




/* ¸ÞÀÎ ½ºÅ¸ÀÏ*/








/* ¼­ºê ·¹À̾ƿô */ 
#flash_sub1 {
  width: 100%;
  height:129px;
  margin:0 0 12px 0;
  padding:0;
  background:url('../../images/main/flash_sub_bg1.gif') repeat-x left top;
  }
#flash_sub2 {
  width: 100%;
  height:129px;
  margin:0 0 12px 0;
  padding:0;
  background:url('../../images/main/flash_sub_bg2.gif') repeat-x left top;
  }    

#flash_sub3 {
  width: 100%;
  height:129px;
  margin:0 0 12px 0;
  padding:0;
  background:url('../../images/main/flash_sub_bg3.gif') repeat-x left top;
  }
#flash_sub4 {
  width: 100%;
  height:129px;
  margin:0 0 12px 0;
  padding:0;
  background:url('../../images/main/flash_sub_bg4.gif') repeat-x left top;
  }
#flash_sub5 {
  width: 100%;
  height:129px;
  margin:0 0 12px 0;
  padding:0;
  background:url('../../images/main/flash_sub_bg5.gif') repeat-x left top;
  } 
#flash_sub6 {
  width: 100%;
  height:129px;
  margin:0 0 12px 0;
  padding:0;
  background:url('../../images/main/flash_sub_bg1.gif') repeat-x left top;
  }  
   
  
  
#side_left { 
  width: 200px; 
  float: left;
  list-style: none;
  text-align:center;
  padding:0;
  margin:0;
 
}
#wrap_sub{
 width:880px; 
 padding:0;
 margin:0;


}
/* ¼­ºê ·¹À̾ƿô ³¡ */  

/* ¼­ºê¸Þ´º box */

h1 {
  font-size:14px;
  font-weight:bold;
  line-height:1;
  color: #fff;
  margin: 0;
  padding:0;
}


.left_box {
  width:164px;
  margin:0 18px 0 18px;
  background: url('../../images/menu/bg_left_middle01.gif') repeat-y;
}

.left_box h1 {
  background: url('../../images/menu/bg_left_top01.gif') no-repeat left top;
  height:52px;
 }
 

.left_box .left_bottom {
  background: url('../../images/menu/bg_left_bottom01.gif') no-repeat left bottom;
  heigh: 28px;

}

.left_box h1, .left_box p {
  padding-top:15px;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
  margin:0;
}



/* ³»¿ë box */

#content {
  width:680px;
  float:left;
  

  
}

#content .top {
  width:650px;
  background: url('../../images/menu/nav_top.gif') no-repeat left top;
  height:69px;
  padding:0;
  margin:0 0 0 30px;
 }

#content .bottom {
 
  min-height:350px;
  padding:0;
  margin:0 0 0 30px;
}

#content top, #content p{
  padding:0;
  margin:0;
}




/* ³×ºñ°ÔÀ̼Ç*/
#breadcrumb {width:650px; color:#94948B; font-size:11px;text-align:right;float:right;margin:0 0 0 30px;} 
#breadcrumb a{text-decoration:none; }
#breadcrumb a:hover {text-decoration:underline;}
#breadcrumb img{vertical-align:middle;}
.breadcrumb_over {
color:#F97404;
font-weight:bold;
}



/* ¼­ºê ¸Þ´º */

#sub_left_menu {
   width: 164px;
   padding:0;
   margin:0;
   line-height:18px;
   text-align:left;
  

}
#sub_left_menu img{ vertical-align:top;}
#sub_left_menu ul{
list-style:none;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
padding-top:0;
margin:0;
}


#sub_left_menu li{
border-bottom:solid;
border:1px;
border-bottom-color:#E7E3E0;
margin:2px 0 2px 0;
padding:2px 0 2px 0;
text-indent:13px;
}
#sub_left_menu li a.selected {
color:#F18109;
font-weight:bold;
}