@charset ¡°euc-kr¡±;
@import url("common.css");

/*========¸ÞÀÎ ·¹À̾ƿô=======*/
 
 body {
 	margin:0 ;
 	padding:0;
 	font-size: 12px;
 	font-family:NanumGothic,"³ª´®°íµñ","Malgun Gothic",Dotum,"µ¸¿ò",Gulim,"±¼¸²",Helvetica,Apple-Gothic;-webkit-text-size-adjust:none;
	background-color:#FFF; 
	background-repeat: repeat-x;
	background-image:url("../img/top_bg.gif");
	overflow-x:hidden;
	background-position:top;
	background-attachment:scroll ;
 }

div#header {
	position:relative;
	width: 1000px;
	height: 349px;
	padding:0;
	margin:0;
	background:url("../img/top_bg.gif") repeat;
	z-index:1; 	
    	float:left;    
}
div#middle {
	position:relative;
	width: 1000px;
	height: 405px;
    	float:left;    
}
div#footer {
	position:relative;
	width: 100%;
	height:122px;
	background:url("../img/footer_bg.gif") repeat-x;
    	float:left;    
}
div#footer2 {
	position:relative;
	width: 1000px;
	height:122px;
	margin:0 auto;
}



/*----------HEADER----------*/
   
  
 

 

/*----------MIDDLE----------*/


div.Md-1 {
	width: 286px;
	margin:2px 0 0 0;
	display: inline;  
	float:left;
}
div.Md-b {
	width: 286px;
	margin:0 0 0 0;
	display: inline;  
	float:left;
	background:url("../img/ban_bg.gif") repeat-y;
}
div.Md-bt {
	width: 286px;
	height:9px;
   	font-size:0;	
	background:url("../img/ban_top.gif") no-repeat;
	display: block;  
	float:left;
}
div.Md-bb {
	width: 286px;
	height:8px;
	background:url("../img/ban_bottom.gif") no-repeat bottom;
	display: inline;  
   	font-size:0;	
	float:left;
}
div.Md-ce {
	width: 286px;
	height:110px;
	padding:0 1px 0 5px;
	display: inline;  
	float:left;
}
div.Md-tit {
	width: 945px;
	padding:5px 0 6px 0 ;
	border-bottom:1px solid #D9D9D9;
	display: inline;  
	float:left;
}
div.Md-cc {
	width: 945px;
	height: 116px;
	margin:10px 0 0 0;
	float:left;
}
div.Md-cc2 {
	width: 945px;
	height: 66px;
	margin:10px 0 0 0;
	float:left;
}


div.m-Left {
	width: 378px;
	padding:0 0 0 16px ;
	display: inline;  
	float:left;
}
dl.tit-tit {
	width: 293px;
	margin:5px 0 0 0;
	display: inline;  
	float:left;
}
dl.tit-tit dt{
	width:240px;
	padding:0 0 0 3px ;
	float:left;
}

dl.tit-tit dd{
	width:50px;
	text-align:right;
	float:right;

}
 
dl.inotice-list{
	width:288px;
	color:#393939;
	float:left;
	margin:5px 0 0 4px;
}
dl.inotice-list dt{
	width:222px;
	background:url("../img/dot_gray.gif") no-repeat 0 5px;
	padding:0 0 4px 5px;
	float:left;
}
dl.inotice-list dd{
	width:61px;
	background:url("../img/dot_bar.gif") no-repeat 0 2px;
	padding:0 0 4px 0;
	text-align:right;
	float:right;
}

div.md-Left {
	width: 330px;
	padding:20px 0 0 10px ;
	display: inline;  
	float:left;
}
div.md-Center {
	width: 330px;
	padding:20px 10px 0 10px ;
	display: inline;  
	float:left;
}

dl.dg-board{
	width:320px;
	color:#393939;
	float:left;
	margin:5px 0 15px 4px;
}
dl.dg-board dt{
	width:250px;
	padding:0 0 4px 5px;
	float:left;
}
dl.dg-board dd{
	width:65px;
	padding:0 0 4px 0;
	text-align:right;
	float:right;
}

dl.dg-board dt.dg1{
	background:url("../img/dg_dot1.gif") no-repeat 0 5px;
}
dl.dg-board dt.dg2{
	background:url("../img/dg_dot2.gif") no-repeat 0 5px;
}
dl.dg-board dt.dg3{
	background:url("../img/dg_dot3.gif") no-repeat 0 5px;
}
dl.dg-board dt.dg4{
	background:url("../img/dg_dot4.gif") no-repeat 0 5px;
}









 













div.m-Center {
	width: 306px;
	float:left;
}
div.ss-wrap {
	width:286px;
	height:73px;
	border:1px solid #DADADA;
	float:left;
}

ul.s-util {
	padding: 6px 0 0 4px;
	display: inline;  
	float:left;
}
ul.s-util  li{
    	padding:0 0 0 4px;
   	font-size:0;	
    	float:left;    
}
 
dl.kombo {
	width: 280px;
	margin: 9px 0 0 4px;
	float:left;
}
dl.kombo dt {
	width: 80px;
    	padding:3px 0 4px 10px;
	background:url("../img/s_next.gif") no-repeat;
	float:left;	
}
dl.kombo dd {
    	padding:0 0 4px 0;
	width: 190px;
	float:left;	
}








div.m-Right {
	width: 295px;
	float:left;
}
div.sche {
	width: 371px;
	height:26px;
	background:url("../img/sche_bg.gif") no-repeat;
	float:left;
}
div.sche-sok {
	float:left;
}
div.ssg{
	width:219px;
	padding:7px 0 0 0;
	color:#696969;
	font-size:11px;
}


div.basic-d {
	width:100%;
	float:left;
}
div.basic-tit {
	margin:15px 0 7px 0;
	display: inline;  
	float:left;
}
div.mR-jibu {
	width: 183px;
	float:left;
}
div.bg-squa {
	width: 178px;
	height: 159px;
	background:url("../img/bg_squa.gif") no-repeat;
	float:left;
}

div.mR-ilj {
	width: 185px;
	float:right;
}

.tm10 {margin-top:10px;}
.tm15 {margin-top:15px;}
.tm20 {margin-top:20px;}








dl.tit-photo {
	margin:5px 0 0 0;
	display: inline;  
	float:left;
}
dl.tit-photo dt{
	width:145px;
	float:left;
}
dl.tit-photo dd{
	width:145px;
	text-align:right;
	float:right;
}

div.photo-bg {
	width:144px;
	height:138px;
	background:url("../img/photo_bg.gif") no-repeat;
	padding:8px 0 0 10px;
}
ul.pic-w {
	width:120px;
}
ul.pic-w li {
	width:120px;
	padding:6px 0 0 0;
}
ul.pic-w li img {
	width:120px;
	height:80px;
	border:1px solid #7A7A7A;
}








/*----------FOOTER----------*/
div.footer-sok {
	position:relative;
	width: 1000px;
	padding:24px 0 0 0;
        margin:0 ;

}
ul.b-util {
	margin:1px 0 0 0;
	display: inline;  
	float:left;
}
ul.b-util  li{
    	display:inline;
   	font-size:0;	
    	float:left;    
}

div.address {
	width:900px;
    	float:left;    
}





/*----- Tab -----*/
/* ÅÇ °øÅë */
div.tab-wrap {
clear:both;
zoom:1;
}
div.tab-wrap div.tab-cont {
display:none;
}
div.tab-wrap div.tab-cont.on {
display:block;
}

ul.pro-tit {
	display: inline;  
    	float:left;   
}
ul.pro-tit  li{
    	display:inline;
   	font-size:0;	
    	float:left;    
}
div.pro-c {
        width:208px;
        margin:4px 0 0 0;
        padding:3px 0 0 0;
    	float:left;    
}