@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-image:url("../img/main_bg.jpg") ;
	background-repeat: repeat-x;
	overflow-x:hidden;
	background-position:top;
	background-attachment:scroll ;
 }
div#wrap {
	position:relative;
	width: 1000px;
	padding:0 0 0 0;
        margin:0 auto;
}
div#header {
	position:relative;
	width: 1000px;
	height: 410px;
	left:0px; 
	top:0px; 	
	background:url("../img/round_bg.jpg") no-repeat;
	z-index:1; 	
}
div#middle {
	position:relative;
	width: 1000px;
	height: 675px;
}
div#footer {
	position:relative;
	width: 100%;
	height:122px;
	background:url("../img/footer_bg.gif") repeat-x;
}



/*----------HEADER----------*/
div.m-faver {
	position:absolute; 
    	width:301px;
    	height:22px;
	left:669px; 
	top:108px; 
   	float:left;    
	z-index:10; 
}

div.m-login {
	position:absolute; 
    	width:301px;
    	height:67px;
	left:669px; 
	top:128px; 
   	float:left;    
	z-index:10; 
	background:url("../img/login_bg.gif") no-repeat;
}
ul.mm-login {
	margin:10px 0 0 10px;
	display: inline;  
    	float:left;    
	z-index:11; 
}
ul.mm-login li{
    	display:inline;
   	font-size:0;	
    	float:left;    
}
div.mm-login2 {
	margin:0 0 0 10px;
    	display:inline;	
    	float:left;    
}

input.logi {
    	width:73px;
    	height:18px;
     	border:1px solid #E1DEDD;  
     	background:#FFFFFF;
     	font-family:"µ¸¿ò";
        font-size:12px;
}


div.H-top {
	width: 1000px;
	height:105px;
	float:left;
}

div.HL {
	width: 190px;
	float:left;
}
div.logo {
	width: 190px;
	height: 68px;
	float:left;

}
div.bosu {
	width: 190px;
	height: 30px;
	float:left;
}
div.faver {
	width: 290px;
	height: 30px;
	padding:10px 0 0 20px;
	float:left;
}


div.HR {
	width: 300px;
	float:right;
	z-index:4;
}
ul.t-util {
	margin:40px 0 0 0;
	display: inline;  
	float:right;
}
ul.t-util  li{
    	display:inline;
   	font-size:0;	
    	float:left;    
}
div.t-search {
	height: 22px;
	margin:20px 3px 0 0;
	display: inline;  
	float:right;
}
div.M-Flash {
	width: 1000px;
	margin:23px 0 0 0;
	display: inline;  
	float:left;
}
div.main-flash {
	width: 648px;
	height: 276px;
	float:left;
}
div.rol-flash {
	width: 344px;
	height: 174px;
	margin:90px 0 0 0;
	display: inline;  
	float:right;
}





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


div.Md-1 {
	width: 998px;
	margin:22px 0 0 0;
	display: inline;  
	float:left;
}
div.Md-b {
	width: 975px;
	margin:12px 0 0 10px;
	display: inline;  
	float:left;
	background:url("../img/b_bg.gif") repeat-y;
}
div.Md-bt {
	width: 975px;
	height:9px;
   	font-size:0;	
	background:url("../img/b_top.gif") no-repeat;
	display: block;  
	float:left;
}
div.Md-bb {
	width: 975px;
	height:8px;
	background:url("../img/b_bottom.gif") no-repeat bottom;
   	font-size:0;	
	float:left;
}
div.Md-ce {
	width: 945px;
	margin:0 auto;
}
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: 340px;
	padding:0 0 0 16px ;
	display: inline;  
	float:left;
}
dl.tit-tit {
	width: 310px;
	margin:5px 0 0 0;
	display: inline;  
	float:left;
}
dl.tit-tit dt{
	width:250px;
	padding:0 0 0 3px ;
	float:left;
}

dl.tit-tit dd{
	width:50px;
	text-align:right;
	float:right;
}
 
dl.inotice-list{
	width:310px;
	color:#393939;
	float:left;
	margin:5px 0 0 4px;
}
dl.inotice-list dt{
	width:230px;
	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.m-Center {
	width: 259px;
	float:left;
}
div.ss-wrap {
	width:247px;
	height:203px;
	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: 240px;
	margin: 9px 0 0 4px;
	float:left;
}
dl.kombo dt {
	width: 76px;
    	padding:3px 0 4px 10px;
	background:url("../img/s_next.gif") no-repeat;
	float:left;	
}
dl.kombo dd {
    	padding:0 0 4px 0;
	width: 140px;
	float:left;	
}








div.m-Right {
	width: 375px;
	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;}








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

}
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:230px;
        margin:4px 0 0 0;
        padding:3px 0 0 0;
    	float:left;    
}