@import "style.css";

body{
    margin:0;
	padding:0;
	OVERFLOW-X: hidden;
	background:#ececec url(image/bg.gif) repeat-x top;
	}

html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0px;
	
	}

	
#main {
	POSITION: relative; 
	WIDTH: 100%;
	HEIGHT: 419px;
	Z-INDEX: 1;
	TOP:11px;
	text-align: center;
	background:url(image/main_bg.png) no-repeat top center;
	
}
#main_lay{
	POSITION: relative;
	WIDTH: 1000px;
	HEIGHT: 410px;
	TOP:9px;
	text-align:left;
	margin:0 auto;
	left:0px;
	
}

#m_content {
    Z-INDEX: 11;
	POSITION: relative;
	WIDTH: 100%;
	TOP:11px;
	text-align: center;	
	background:url(image/m_con_bg.png) repeat-y top center;
}

#m_content_in {
	POSITION: relative;
	WIDTH: 960px;
	min-height:225px;
	text-align:center;
	top:0px;
	margin:0 auto;
	padding:0 0 0px 0;
	
}
/**°øÁö»çÇ×**/
#m_notice {
	POSITION: absolute;
	WIDTH: 230px;
	height:100px;
	text-align:left;
	left:0px;
	top:45px;
	margin:  0  auto 0 auto;
}
#m_notice table td {font-size:12px;}
#m_notice li.pt10 { padding-top:5px; text-align:left;}

/** ºí·Î±×**/
#m_blog {POSITION: absolute;
	WIDTH: 230px;
	height:38px;
	text-align:left;
	left:0px;
	top:147px;
	margin:  0  auto 0 auto;
}

/**Á¦Ç°¼Ò°³**/
#m_pro {
	POSITION: absolute;
	WIDTH: 230px;
	height:153px;
	text-align:left;
	left:266px;
	top:32px;
	margin:  0  auto 0 auto;
}
#wrapper {width:330px; height:153px; margin:0px auto; background:url(image/m_pro_bg.gif) no-repeat 0 0px;}

.whi{ color:#fff;}
a{ color:#fff}

.sliderbutton {float:left; width:35px; padding-top:50px; margin:0 0 0 10px;}
.sliderbutton.tr {text-align:right;margin:0 10px 0 0px;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#fff;}
#slider {float:left; position:relative; overflow:auto; width:287px; height:114px; /*border:2px solid #fff;*/ background:none; margin-top:21px; margin-left:20px;}
#slider ul {position:absolute; list-style:none; top:0; left:0;}
#slider li {float:left; padding-right:0px;}

.pagination {
	float:left;
	list-style:none;
	height:25px;
	position:absolute;
	top:25px;
	left:50%;
	margin-left:100px;
	width:100px;
}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:url(image/mb_icon2.png) no-repeat; }
.pagination li:hover {float:left;background:url(image/mb_icon1.png) no-repeat;padding:5px 8px;}
li.current {float:left;background:url(image/mb_icon1.png) no-repeat;padding:5px 8px;}

li#content {width:287px; height:114px; padding:0px 0px 0px 0px; }

/**Ÿ°ø°è»ê**/
#m_tagong {
	POSITION: absolute;
	WIDTH: 181px;
	height:153px;
	text-align:left;
	left:597px;
	top:32px;
	margin:  0  auto 0 auto;
}
/**Ÿ°ø°è»ê**/
#m_online {
	POSITION: absolute;
	WIDTH: 181px;
	height:153px;
	text-align:left;
	left:779px;
	top:32px;
	margin:  0  auto 0 auto;
}

/***=======================¸ÞÀη¹À̾ƿôend===========================**/


#bottom {
	POSITION: relative; 
	WIDTH: 100%; 
	text-align: center;
	TOP:11px;
	background:url(image/m_con_bg.png) repeat-y top center;
}

#bottom_lay {
	WIDTH: 998px;
	HEIGHT: 80px;
	POSITION: relative;
	margin: 0 auto;
	text-align:left;
	top:0;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	
}
#bottom_lay ul {background:#dddddd; margin:0px 0 0 0;HEIGHT: 80px;}
#bottom_lay li{float:left;width:200px; padding:20px 0 0 30px;}
#bottom_lay li.copy_t{float:left;width:550px;  padding:20px 0 0 0px; font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; font-size:11px; color:#444; line-height:140%; font-weight:700;}

#bottom_lay li.copy_t span{ font-family: Verdana, Geneva, sans-serif; font-size:9px; color:#808080; line-height:200%; font-weight:normal;  }
#bottom_lay li.copy_img{ width:170px; text-align:right;float:left;}

#bottom_tail_bg{
	POSITION: relative; 
	WIDTH: 100%;
	height:19px; 
	text-align: center;
	TOP:11px;
	background:url(image/tail_bg.png) no-repeat top center;
}