body {background-image:url(/img/sub01/back_image01.jpg);
background-repeat:no-repeat;}

#gnb{

width:1100px;
}

#top{

width:1100px;
height:205px;
float:left;
}

#top_left{
margin: 6px 0 0 90px;

width:400px;
height:200px;
float:left;
}

#top_right{
margin: 45px 0 0 90px;

width:280px;
height:150px;
float:left;
}

#content {

width:1100px;

float:left;
 
}

#con01 {
margin:40px 0 0 20px;
float:left;
display: inline; 
width:213px;


}

#conten01 {	

margin: 4px 0 0 5px;
	float:left;
	width:800px;
    
 background-image:url(/img/sub01/content_back01.jpg);
background-repeat:no-repeat;
}

#con_02 {

margin:32px 0 0 15px;
width:200px;
height:30px;
float:left;
}

#con2_2 {
margin:62px 110px 0 0;


float:right;
}

#con_03 {

margin: 20px 0 0 0px;
width:715px;

float:left;
}
.usin{
width:585px;
height:223px;
margin-left:80px;
background-image:url(../../img/customer/u_img01.jpg);
}

.usin li{
padding-top:109px;
padding-left:2px;
float:left;
}


.usin input {
color: #000000; font-family: µ¸¿ò, sans-serif;border:0 solid #BFDADA;
}

.usin .usin_text{
padding-left:300px;
padding-top:109px;
margin:0px;
}

.usin .usin_text input{
color: #000000; font-family: µ¸¿ò, sans-serif;border:1 solid #BFDADA;
}


/*--------- ±âÅ¸ ---------*/	
.dotline {
	font-weight:bold;
	background: url(../../img/common/dotline.gif) repeat-x left bottom;
	padding:5px 5px 5px 10px; 
}
#list li { list-style: none; margin-left: 20px; padding-left:8px; background: url(../../img/common/dot.gif)  0% 0% no-repeat;}


/*--------- °Ô½ÃÆÇ°ü·Ã ---------*/	
#input  {
	width:730px;
	padding:0 0 15px 450px;
}

#input  li {
	float:left;
	padding-left:2;
}
.line_blue{
	background:url(../../img/common/line.gif);background-position:right;background-repeat:no-repeat;
	color:#3B6E7A; font-weight:bold;
}
.line_blue2{
	background:url(../../img/common/line.gif);background-position:right;background-repeat:no-repeat;
}


/*--------- È¸»ç¿¬Çõ ---------*/	
#history {
   margin:40px 0 30px 20px;
	width:680px;
	float: left;
}

#history dd {
	border-bottom:1px solid #DCE2E2;
	line-height:24px;
}

#history .year {
	padding :0 30px 0 0;
	color:#3C9B95;
	float: left;
}

#history .yeartit {
	padding :0;
}
#history .yeartit2 {
	padding :0 0 0 0;
}

/*---------- ½Ã½ºÅÛ ÅëÇÕ¼­ºñ½º --------------*/
#content-area {
padding : 20px 0 30px 0px;
width:720px;
float:left;
}


#bot {

height:1px;
 background-image:url(/img/sub01/bot_back.jpg);
background-repeat:no-repeat;
float:left;
margin:0;
padding:0;
}

