/* layout definition */
@import url("base.css");
@import url("menu.css");
@import url("board.css");

/* °øÅë */

body { 
	margin:0; 
	padding:0;
	font-family:"µ¸¿ò", "µ¸¿òü"."Arial";font-size:12px; color:#666666; line-height:140%; 
	background: url(../images/main_bg.jpg) repeat-x  top left;    
    scrollbar-face-color: #F2F2F2;
	scrollbar-shadow-color: #999999;
	scrollbar-highlight-color: #D7D7D7;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #F2F2F2;
	scrollbar-arrow-color: #999999;		   
		 }
h1, h2, h3{
	display:inline;
	margin:0px;
	padding:0px;
}
a:link {color: #d6d6d6 ;text-decoration: none ;}
a:visited {	color: #d6d6d6 ;text-decoration: none ;}
a:active {color: #d6d6d6 ;text-decoration: none ;}
a:hover {color: #ffffff ;text-decoration: underline ;}
		 
img { 	border:0 none; }
		 
li img{	vertical-align:top;}
ul, ol, dl {list-style: none; margin:0; padding:0;}
hr {display: none;}

.hidden{display:none;}

#ht5{
	padding:5px;
	font-size:1px;
}
#ht10{
	height:10px;
	font-size:1px;
}
#ht12{
	height:12px;
	font-size:1px;
}
#ht15{
	height:15px;
	font-size:1px;
}	
#ht20{
	height:15px;
	font-size:1px;
}
#center{
	text-align:center;
}

/*¸ÞÀÎ*/
/*  ¸ÞÀÎÇ÷¡½Ã ¹è°æÀ̹ÌÁö   */
#mainFlash{
	background:url(../main_bg.jpg) repeat-x;
}

/*  ¸ÞÀÎ ÄÜÅÙÃ÷ Àüü   */

#mainCon{
	float:left;
	width:968px;
	margin-left:32px;
	background: url(../images/main_table_bg.gif) repeat;

}
#mainCon #mainup{
    clear:both;
	height:39px;
	background: url(../images/main_table_up.gif) no-repeat top left;
} 
#mainCon #maincenter{
	background: url(../images/main_table_bg.gif) repeat;
	padding:0 0 0 20px;
} 
#mainCon #maindown{
    clear:both;
	height:30px;
	background: url(../images/main_table_down.gif) no-repeat bottom left;
} 

/* ¸ÞÀÎ ¹Ú½º À̹ÌÁö */
#mainbox{
clear:both;
	width:920px;

}
#mainbox #product{
	float:left;
	width:320px;

	padding:0 0 0 0;
}
	
#mainbox #icon{
	float:left;
	width:600px;

}
#mainbox #icon2{
	float:left;
	width:260px;

}

#mainbox #icon3{
	float:left;

}


/* ÅÇ */
#newsTab{
float:left;
	height:21px;
	margin:20px 0px 10px 0px;
	padding:0 0 0 10px;
}
#newsTab ul{
	float:left; 
	margin:0 0 0 0
}
#newsTab ul li{
	float:left;
}
#newsTab ul li img{
	display:block;
	vertical-align:top;
}

/*¸ÞÀΰԽÃÆÇ ¸®½ºÆ®*/
table.notice{
	width: 250px;
	font-size:11px;
	color:#929292;
}
table.notice td.grayline{
	background: #777777;
	height:1px;
}
table.notice td.space{
	height:8px;
	font-size:1;
}
table.notice td.more {
	padding:25px 0px 0px 20px;
}
table.notice td.more a:hover{
	text-decoration: none ;
}
table.notice td.left{
    width:190px;
	height:20px;					 
	padding:0 0 0 10px;
	color:#d6d6d6;
	background: url(../images/icon_01.gif) no-repeat 0 32% ;
}

/*¼­ºêÈ­¸é*/
#sub{
	width:198px;
	float:left;	
}
#sub_leftmenu {
	margin-left:33px;
	padding-top:10px;
	height:400px;

}

#contents{
	float:left;
	width:760px;
	margin-left:20px;

}

#contents  #title{
	float:left;
	margin:0px;
}	
#contents  #location{
	float:right;
	padding:5px 0px 0px 17px;
	text-align:right;
	font-size:11px;
	color:#888;
	background: url(../images/icon_home.gif) no-repeat 0 72% ;
}
#contents  #titlebar{
	float:left;
	height:32px;
	width:760px;
	background: url(../images/title_under.gif) no-repeat;
}
 #bannerimg{
	float:left;
	margin-bottom:15px;
	margin-left:43px;
}
#contents_table {
	float:left;
	margin-left:45px;
	margin-bottom:10px;
	width:710px;
	
}

#contents_table  #center{
	margin-bottom:10px;
	text-align:center;
}

#contents_in  #content_center{
	margin-left:30px;
	margin-bottom:15px;
	width:710px;
	text-align:center;
}


#contents_top  #content ul li{
	margin-bottom:30px;
}
#contents_top  #content ul li.center{
	margin-bottom:30px;
	text-align:center;
	
}	
	
	
	
	
/*ÅÇ*/
#Tab{
	width:685px;
	margin-bottom:12px;
	background: url(../../images/tab_bg.gif) repeat-x ;
}

/*ÅëÇÕ°Ë»ö*/
#total-search {
	width:655px;
	height:23px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
	padding-top:5px;
	color:#325a92;
	background: url(../../images/totalSearch_bg.gif) repeat-x ;
}
.sitemap-title {
	height:26px;
	padding-left:10px;
	vertical-align:top;
	background: url(../../images/sitemap_bg.gif) repeat-x ;
}
.sitemap {
	padding:7px 0px 30px 36px;
}
.sitemap a:link {
	color: #666666 ;
	text-decoration: none ;
}
.sitemap a:visited {
	color: #666666 ;
	text-decoration: none ;
}
.sitemap a:active {
	color: #666666 ;
	text-decoration: none ;
}
.sitemap a:hover {
	color: #005bab ;
	text-decoration: underline ;
}


/*=========== text ===========*/
.faq_text03{ background-image: url(images/dot_line01.gif)}
.p14{padding-left:14px;}
.p14_02{padding-left:14px; line-height:18px;}
.tx_board { font-family: "µ¸¿ò", "µ¸¿òü"; font-size: 11px; text-align: center;color:#295f96 ;font-weight: bold;}
.tx_ye { background-color: #FAF9F0; font-family: "µ¸¿ò", "µ¸¿òü"; font-size: 12px; color: #555555;text-align: right;padding: 0px 0px 0px 4px ;height:30px;}



/*ÇÏ´Ü Ä«ÇǶóÀÌÅÍ*/
#footer {
	float:left;
	clear:both;
	width:100%;
	height:100px;
	margin-top:20px;
	background:url(../images/copy_bg.gif) repeat-x  top left; 
}

#footer ul{
	padding-left:10px;
}