/*@charset "euc-kr";*/
@import url("basic.css");
@import url("layout.css");

html{ background:url(/img/common/sub_back.jpg) repeat-x;}
#wrapper{width: 980px; margin:0 auto;}
.sub_bg{background:url(/img/common/sub_bg.jpg) no-repeat top center; }
#left{ width:170px; float: left; display: inline; padding-left: 30px;}
#left ul.leftmenu{width:170px;  padding-top: 0px;}
#left ul.leftmenu li{}
#left ul.leftmenu li a{ display:block; width:170px; height: 30px; overflow:hidden; position:relative;}
#left ul.leftmenu li.on{}
#left ul.leftmenu li.on a img{position:relative; left: -170px;}
#left ul.leftmenu li a:hover img{position:relative; left: -170px;}
#left ul.leftmenu li ul.dep2{  border-bottom: 1px solid #dedede; padding-top: 20px; padding-bottom: 20px; background-color: #f9f9f9;}
#left ul.leftmenu li ul.dep2 li{ border:none; margin: 0;}
#left ul.leftmenu li ul.dep2 li a{ height:20px;  position:relative;  }
#left ul.leftmenu li ul.dep2 li a img{ margin-top:0; left:0;}
#left ul.leftmenu li ul.dep2 li.on{}
#left ul.leftmenu li ul.dep2 li.on a img{ position:relative; left: -170px;}
#left ul.leftmenu li ul.dep2 li a:hover img{ position:relative; left: -170px;}
.visual{position: relative; width: 980px; height: 145px; background:url(/img/common/con_bg.jpg) no-repeat; }
.swf_text{width: 504px; height: 92px; position: absolute; top: 0px; left:500px; }
#sub_container{width: 980px; margin:0 auto; margin-top: -10px; position: relative; z-index: 3; }
#right{ width:700px; float: left; display: inline; margin-left:50px; padding-right: 30px; padding-bottom: 35px;  background:url(/img/common/subtop_bg.jpg) no-repeat top left;}
#right .pageHead{ position:relative;}
#right .pageHead .pageTitle{text-align: left;}
.location {color: #666666;  display: inline;  font-size: 11px;   position: absolute;   right: 0px;   text-align: right;   top:0px;}
.location img{vertical-align: middle;}
.banner{margin-bottom: 30px; margin-top: 50px;}

#right div.contents{ min-height:472px; height:auto !important; margin-top:35px; }


#footer{ margin-top: 40px;}

/*¿¬Çõ*/
.history{
	padding-top:43px;
	width:700px;
	height:771px;
	background:url(/img/com/com02_bg.gif) no-repeat 0 0;
}
.y_r{
	display:block;
	margin-left:390px;
	margin-bottom:43px;
}
.y_r li{
	display:block;
	padding-left:8px;
	background:url(/img/com/h_ico.gif) no-repeat 0 2px;
}

/*¿À½Ã´Â±æ*/
.ad_le{
	float:left;
	display:block;
	width:320px;
}
.ad_ri{
	float:left;
	display:block;
	width:330px;
	margin-left:10px;
}

/*Á¦Ç° °³¹ß ÇöȲ*/
.rnd_pro_con{
	padding-top:15px;
}
.rnd_pic{
	width:320px;
	float:left;
}
.smallIMG {
    border: 0 none;
    cursor: pointer;
    height: 41px;
    width: 66px;
}
.box_pic, .equip_txt {
    display: inline;
    float: left;
}
.small_img {
	margin-top:25px;
    display: inline;
    float: left;
    height: 52px;
    width: 335px;
}
.small_img li{
	float:left;
	margin-right:13px;

}
.detail{
	padding:10px;
    border:3px solid #05549f;
}
.view_list {
    text-align: center;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.info_tb{
	width:350px;
	float:left;
	margin-left:10px;
}
.info_tb thead th {
    background-color: #c8c8c8;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 3px 2px;	
	border-left: 1px solid #adadad;
}
.info_tb thead td {
	height:2px;
	background-color: #2d75bf;
    border-right: 1px solid #2d75bf;
	border-left: 1px solid #2d75bf;
}
.info_tb tbody th {
    background-color: #e3e3e3;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    font-weight: bold;
    padding: 4px 3px 2px;		
	border-left: 1px solid #d8d8d8;
	color: 3383838;
}
.info_tb tbody td {
	background-color: #eeeeee;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    color: #333333;
    padding: 4px 3px 2px;	
    text-align: center;   
	border-right: 1px solid #d8d8d8;
}
.box_tit1{width: 678px; height:42px; display: block; background:url(/img/rnd/titlebg.gif) no-repeat; color: #fff; padding-left: 15px; padding-top: 11px;  }