/* CSS Document */

body {
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:auto;
	position: relative;
	color: #6D6D6D; font-size: 12px;  font-family:Verdana,dotum; font-weight: normal
	background: #FFFFFF url(../img/bg/bg_body.jpg) repeat-x left top;
}

#wrapper{
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

.mt85{margin-top: 40px;}
.or{font-size: 11px; color: #d25930;}


/****** [00] RFHIC_Main ******/
#centerTop{
	float: left;
	width: 100%;
}

#centerTop .centerImg{
	float: left;
}


#centerTop .centerImg span{
	float: left;
}


#centerTop .centerImg .num{
	clear: both;
	width: 565px;
	margin: 0;
}

#centerTop .centerImg .num span{
	float: right;
}

#centerTop .centerImg .num span.bar{
	margin: -1px 5px 0 5px;
	color: #c3c3c3;
}


/****** Products *******/

#centerTop .products{
	float: left;
	width: 276px;
	margin: 33px 0 0 22px;
}

#centerTop .products .productHead{
	float: left;
	width: 264px;
	height: 18px;
	padding-left: 6px;
	border-bottom: 1px dashed #8bb5a2;
}

#centerTop .products .productSub{
	display: inline;
	float: left;
	margin: 11px 0 0 6px;
	font-weight: bold;
	color: #10579a;
}

#centerTop .products ul{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 13px;
}

#centerTop .products ul li{
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
}

#centerTop .products ul li.last{
	border: none;
}

#centerTop .products ul li a{
	float: left;
	width: 245px;
	height: 16px;
	padding: 3px 0 0 31px;
	font-size: 11px;
	color: #10579a;
	background: url(../img/bul/bul_product.gif) no-repeat 19px 6px;
}

#centerTop .products ul li a:hover{
	background: #fefde7 url(../img/bul/bul_menu.gif) no-repeat 19px 6px;
	color: #d25930;
}


/****** New Product ******/

#centerTop .centerBottom{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
}
#centerTop .centerBottom .newproduct{
	float: left;
	width: 278px;
}

#centerTop .centerBottom .headline{
	float: left;
	width: 278px;
	height: 19px;
	border-bottom: 1px dashed #8bb5a2;
}

#centerTop .centerBottom .prodList{
	display: inline;
	float: left;
	margin: 25px 0 5px 11px;
}

#centerTop .centerBottom .prodList .imgBox{
	float: left;
	width: 65px;
	padding-top: 6px;
}

#centerTop .centerBottom .prodList .detail{
	float: left;
	width: 200px;
}

#centerTop .centerBottom .prodList .detail .prodName{
	float: left;
	color: #10579a;
	font-weight: bold;
}

#centerTop .centerBottom .prodList .detail .desc{
	float: left;
	margin-top: 6px;
}

#centerTop .centerBottom .prodList .detail .desc img{
	float: left;
	margin: 0 6px 0 0;
}

#centerTop .centerBottom .prodList .detail .desc span{
	line-height: 16px;
	font-size: 11px;
	color: #323232;
}

#centerTop .centerBottom .prodList .prodLink{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 11px;
	color: #d25930;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

#centerTop .centerBottom .prodList .prodLink1{
	float: right;
	width: 100%;
	margin-top: 11px;
	color: #d25930;
	font-size: 11px;
	text-decoration: underline;
	text-align: right;
}

/******* Our News ******/

#centerTop .centerBottom .news{
	float: left;
	width: 284px;
	margin-left: 21px;
}


/***** About RFHIC *****/

#centerTop .centerBottom .info{
	display: inline;
	float: left;
	width: 299px;
	margin-left: 18px;
}

#centerTop .centerBottom .info .infoTop{
	float: left;
	clear: both;
	width: 100%;
	line-height: 15px;
	margin-top: 15px;
	font-size: 11px;
	color: #10579a;
}

#centerTop .centerBottom .info p{
	float: left;
	clear: both;
	width: 100%;
	line-height: 15px;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 11px;
	color: #323232;
}

#centerTop .centerBottom .info p span{
	color: #d25930;
	font-weight: bold;
}

#centerTop .centerBottom .info .infoBtn{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 15px;
}

#centerTop .centerBottom .info .infoBtn a{
	float: right;
}

#centerTop .spacer{
	float: left;
	clear: both;
	width: 100%;
	line-height: 1px;
}

/****** [01] RFHIC_Sub ******/

#center{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 24px;
}

/****** [01] RFHIC_Sub left menu ******/
#center .left{
	float: left;
	width: 200px;
}


#center .left .leftProduct{
	margin-top: 30px;
	width: 100%;
}


#center .left .leftTit{
	float: left;
	width: 100%;
	height: 16px;
	border-bottom: 1px dashed #8bb5a2;
}

#center .left .leftProduct .leftMenu{
	float: left;
	clear: both;
	width: 100%;
}


#center .left  .leftProduct .leftMenu li{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 9px;
	font-size: 11px;
	color: #10579a;
}


#center .left .leftProduct .leftMenu li .tit{
	float: left;
	font-size: 11px;
	color: #10579a;
}

#center .left .leftProduct .leftMenu li .tit:hover{
	font-weight: bold;
}

#center .left .leftProduct .leftMenu li span{
	float: left;
	clear: both;
	margin-top: 4px;
	margin-bottom: 1px;
}


#center .left .leftProduct .leftMenu li span a{
	float: left;
	width: 180px;
	line-height: 11px;
	padding-left: 12px;
	color: #323232;
	font-size: 10px;
}


#center .left .leftMenu li span a:hover{
	font-weight: bold;
	background: url(../img/bul/bul_menu.gif) no-repeat 3px 2px;
}


#center .left .leftSupport{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 50px;
}

#center .left .leftSupport .supportItem{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 9px;
}


#center .left .leftSupport .supportItem .imgBox{
	float: left;
	width: 23px;
}


#center .left .leftSupport .supportItem a{
	float: left;
	color: #10579a;
	font-size: 10px;
}

/****** [01] RFHIC_Sub left content******/
#center .content{
	display: inline;
	float: left;
	width: 669px;
	margin-left: 31px;
}


.content .navigate{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 0px;
}


.content .navigate a{	
	float: right;
	font-size: 11px;
	color: #323232;
}


.content .navigate .current{
	float: right;
	font-weight: bold;
	color: #10579a;
	font-size: 11px;
}



.content .navigate .bullet{
	float: right;
	padding: 0 3px;
	color: #323232;
	font-size: 11px;
}



.content .topBox{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 22px;
}



.content .topBox .topLeft{
	float: left;
	width: 369px;
}


.content .topBox .topLeft1{
	float: left;
	width: 305px;
}



.content .topBox .topcenter{
	float: left;
	width: 100%;
	margin-bottom: 22px;
}


.content .topBox .topLeft .topLeftTit,
.content .topBox .topLeft1 .topLeftTit{
	float: left;
	font-size: 18px;
	color: #10579a;
	font-weight: bold;
}


.content .topBox .topLeft p{
	float: left;
	clear: both;
	width: 350px;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 20px;
	font-size: 11px;
	color: #333333;
}


.content .topBox .topLeft1 p{
	float: left;
	clear: both;
	width: 305px;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 16px;
	font-size: 11px;
	color: #333333;
}


.content .topBox .topcenter p{
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 20px;
	font-size: 11px;
	color: #333333;
}


.content .topBox .topLeft p span,
.content .topBox .topcenter p span{
	color: #d25930;
}



.content .topBox .topBoxImg{
	float: left;
}
.content .topBox .topBoxImg p{
	float: left;
	clear: both;
	width: 250px;
	margin: 25px 0 0 20px;
	padding: 0;
	line-height: 20px;
	font-size: 11px;
	color: #333333;
}


.content .Content .Center1,
.content .Content .Center2{
	float: left;
	clear: both;
	width: 100%;
	font-size: 11px;
	line-height: 20px;
	margin-top: 16px;
}


.content .Content .Center{
	float: left;
	clear: both;
	width: 100%;
	font-size: 11px;
	margin-top: 48px;
}


.content .Content .Center .box1,
.content .Content .Center1 .box1,
.content .Content .Center2 .box1{
	float: left;
	width: 100%;
	line-height: 20px;
}


.content .Content .Center .boxTit{
	float: left;
	padding-left: 13px;
	color: #009900;
	font-weight: bold;
	line-height: 15px;
	background: url(../img/bul/bul1.jpg) no-repeat left 3px 4px;;
}


.content .Content .Center ul{
	display: inline;
	float: left;
	clear: both;
	margin: 5px 0 0 0px;
	padding: 0;
}



.content .Content .Center .box1 ul,
.content .Content .Center2 .box1 ul{
	width: 100%;
}


.content .Content .Center .box1 ul li,
.content .Content .Center2 .box1 ul li{
	width: 90%;
	line-height: 15px;
}


.content .Content .Center .box1 ul li a,
.content .Content .Center2 .box1 ul li a{
	float: left;
	padding-left: 15px;
	font-size: 11px;
	color: #1e2316;
	background: url(../img/bul/bul_news.gif) no-repeat 2px 5px;
}


.content .Content .Center .box1 ul li a:hover,
.content .Content .Center2 .box1 ul li a:hover{	
	color: #d25930;
	background: url(../img/bul/bul_news_on.gif) no-repeat 2px 5px;
}

.content .bottomBox{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
}

.content .bottomBox span{
	float: left;
	clear: both;
	width: 665px;
	margin-top: 10px;
	font-size: 11px;
	color: #323232;
}


#footer .topModule{
	position: absolute;
	right: -57px;
	top: -11px;
	width: 40px;
}


#footer .topModule a{
	float: left;
}



/****** //[01] RFHIC_Sub ******/





/****** [02] RFHIC_Sub ******/

.content .sub2Content{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 22px;
}



.content .sub2Content .title{
	font-size: 18px;
	color: #10579a;
	font-weight: bold;
}




.content .sub2Content p.txt{
	float: left;
	clear: both;
	margin: 12px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 20px;
	color: #323232;
}



.content .sub2Content .sub2Center{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 48px;
}




.content .sub2Content .sub2Center .box1{
	float: left;
	width: 125px;
}




.content .sub2Content .sub2Center ul{
	display: inline;
	float: left;
	clear: both;
	margin: 5px 0 0 12px;
	padding: 0;
}




.content .sub2Content .sub2Center .box1 ul{
	width: 125px;
}





.content .sub2Content .sub2Center .box2 ul li{
	width: 500px;
	margin: 8px 0 0 12px;
}





.content .sub2Content .sub2Center ul li{
	float: left;
	clear: both;
	line-height: 20px;
	font-size: 11px;
	padding-left: 12px;
}





.content .sub2Content .sub2Center .box2{
	float: left;
	width: 540px;
}



.content .sub2Content .sub2Center .box2 ul{
	width: 520px;

}



.content .sub2Content .centerImg{
	display: inline;
	float: left;
	clear: both;
	margin: 20px 0 0 480px;
}


/****** //[02] RFHIC_Sub ******/







/****** [03] RFHIC_Sub Prodetail page******/

.content .sub3Content{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 21px;
}




.content .sub3Content .title{
	font-size: 18px;
	color: #10579a;
	font-weight: bold;
}




.content .sub3Content p.txt{
	float: left;
	clear: both;
	margin: 12px 0 0 0;
	padding: 0;
	line-height: 20px;
	color: #323232;
}





.content .sub3Content .sub3Center{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 48px;
}





.content .sub3Content .sub3Center .box1{
	float: left;
	width: 272px;
}




.content .sub3Content .sub3Center .boxTit{
	float: left;
	padding-left: 13px;
	color: #009900;
	font-weight: bold;
	background: url(../images/bul/bul1.jpg) no-repeat left 3px;
}




.content .sub3Content .sub3Center ul{
	display: inline;
	float: left;
	clear: both;
	margin: 5px 0 0 12px;
	padding: 0;
}




.content .sub3Content .sub3Center .box1 ul{
	width: 260px;
}





.content .sub3Content .sub3Center .box1 ul li{
	width: 249px;
}





.content .sub3Content .sub3Center .box2 ul li{
	width: 360px;
}



.content .sub3Content .sub3Center ul li{
	float: left;
	clear: both;
	line-height: 20px;
	padding-left: 12px;
	background: url(../images/bul/bul2.jpg) no-repeat left 7px;
}




.content .sub3Content .sub3Center .box2{
	float: left;
	width: 386px;
}






.content .sub3Content .sub3Center .box2 ul{
	width: 374px;
}





.content .sub3Content .centerImg{
	display: inline;
	float: left;
	clear: both;
	margin: 53px 0 0 120px;
}





.content .sub3Content .sub3Tbl{
	float: left;
	clear: both; 
	width: 669px;
	margin-top: 80px;
	border: 1px solid #f0efe9;
}





.content .sub3Content .sub3Tbl td{
	width: 0;
}



/****** [03] //RFHIC_Sub Prodetail page******/








/****** [03] RFHIC_Sub search & table******/



.content .sub4Content{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 21px;
}




.content .sub4Content .title{
	font-size: 18px;
	color: #10579a;
	font-weight: bold;
}



.content .sub4Content .arrowTop,{
	float: left;
	clear: both;
	width: 100%;
}




.content .sub4Content .arrowTop a{
	float: right;
	margin: 13px 0px 0 0;
}





.content .sub4Content .searchFrm{
	float: left;
	width: 100%;
	margin-top: 22px;
}



.content .sub4Content .searchFrm .searchtit{
	float: left;
	color: #009900;
}




.content .sub4Content .searchFrm .searchfield{	
	display: inline;
	float: left;
	clear: both;
	width: 465px;
	margin: 23px 0 0 89px;
}




.content .sub4Content .searchFrm .searchfield .input1{
	float: left;
	width: 352px;
	height: 18px;
	border: 1px solid #7f9db9;
}




.content .sub4Content .searchFrm .searchfield .input2{
	float: left;
	width: 180px;
	height: 18px;
	margin-left: 3px;
	border: 1px solid #7f9db9;
}





.content .sub4Content .searchFrm .searchfield a{
	float: left;
	margin-left: 14px;
}





.content .sub4Content .searchFrm .searchfield select{
	float: left;
	width: 168px;
	height: 18px;
	margin-top: 1px;
	border: 1px solid #7f9db9;
}




.content .sub4Content .searchResult{
	float: left;
	clear: both;
	width: 669px;
	height: 44px;
	margin-top: 44px;
	text-align: center;
	color: #323232;
}




.content .sub4Content .searchResult span{
	color: #ff0000;
	font-weight: bold;
}




.content .sub4Content{
	float: left;
	clear: both;
	width: 300px;
	padding-left: 9px;
	margin-top: 16px;
	color: #10579a;
	font-weight: bold;
}




.tblTit{
	padding-left: 9px;
	margin-top: 16px;
	color: #10579a;
	font-weight: bold;
}




.content .sub4Content .sub4Tbl{
	float: left;
	clear: both;
	width: 669px;
	margin-top: 14px;
	border: 1px solid #e0eaf0;
}





.content .sub4Content .paging{
	float: left;
	clear: both;
	width: 669px;
	margin: 23px 0 5px 0;
}




.content .sub4Content .paging .pageCon{
	float: right;
}




.content .sub4Content .paging .div{
	padding: 0 3px;
	color: #ccdeee;
}





.content .sub4Content .paging span{
	float: left;
}




.content .sub4Content .paging a{
	color: #0000ff;
	text-decoration: underline;
}



.content .sub4Content .paging .current{
	color: #ff6674;
	font-weight: bold;
	text-decoration: none;
}




.mt34{
	margin-top: 34px;
}



.mt10{
	margin-top: 10px;
}





/****** //[03] RFHIC_Sub product******/








/****** //[04] RFHIC_Sub product sitemap******/

.content .sub5Content{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 21px;
}




.content .sub5Content .title{
	font-size: 18px;
	color: #10579a;
	font-weight: bold;
}




.content .sub5Content .sub5Center{
	float: left;
	clear: both;
	width: 100%;
	font-size: 11px;
	margin-top: 48px;
}



.content .sub5Content .sub5Center .box1,
.content .sub5Content .sub5Center .box2,
.content .sub5Content .sub5Center .box3{
	float: left;
	width: 215px;
}



.content .sub5Content .sub5Center .boxTit{
	float: left;
	padding-left: 13px;
	color: #009900;
	font-weight: bold;
	background: url(../img/bul/bul1.jpg) no-repeat left 3px;
}



.content .sub5Content .sub5Center ul{
	display: inline;
	float: left;
	clear: both;
	margin: 5px 0 0 0px;
	padding: 0;
}



.content .sub5Content .sub5Center .box1 ul,
.content .sub5Content .sub5Center .box2 ul,
.content .sub5Content .sub5Center .box3 ul{
	width: 210px;
}




.content .sub5Content .sub5Center .box1 ul li,
.content .sub5Content .sub5Center .box2 ul li,
.content .sub5Content .sub5Center .box3 ul li{
	width: 210px;
}



.content .sub5Content .sub5Center .box1 ul li a,
.content .sub5Content .sub5Center .box2 ul li a,
.content .sub5Content .sub5Center .box3 ul li a{
	float: left;
	padding-left: 15px;
	font-size: 11px;
	color: #1e2316;
	background: url(../img/bul/bul_news.gif) no-repeat 2px 5px;
}




.content .sub5Content .sub5Center .box1 ul li a:hover,
.content .sub5Content .sub5Center .box2 ul li a:hover,
.content .sub5Content .sub5Center .box3 ul li a:hover{	
	color: #d25930;
	background: url(../img/bul/bul_news_on.gif) no-repeat 2px 5px;
}

