@charset "utf-8";
/* ----------
css
---------- */


html, body{
 font-family: 'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
/* 공통 css :: input가로값 */
.input10{width:10% !important;}
.input20{width:20% !important;}
.input30{width:30% !important;}
.input40{width:40% !important;}
.input50{width:50% !important;}
.input60{width:60% !important;}
.input70{width:70% !important;}
.input80{width:80% !important;}
.input90{width:90% !important;}

.eng-tit img{max-width:100%;}
.business-info{padding:60px 0 0 0px}
.sub-content-tit{color:#1f1f1f; font-size:48px; letter-spacing:-0.8px; font-weight:500; text-align:center;}
.business-info p{color:#414141; line-height:30px; font-size:17px; font-weight:300; letter-spacing:-0.7px; padding-top:60px; text-align:center;}


/* ===================================
	회사소개
 =================================== */
 
 
 
.sub-tit-txt{padding-bottom:70px; text-align:center;}
.sub-tit-txt_vision{padding-bottom:10px; padding-top:30px; text-align:center;}
.sub-tit{text-align:center; line-height:48px; font-weight:300; font-size:32px; color:#1f1f1f; letter-spacing:-3.0px;}
.sub-tit strong{font-weight:500; font-size:36px;}
.sub-line{display:block; margin:30px auto 0; width:38px; height:2px; background-color:#000;}
.sub-content-txt{color:#414141; font-size:17px; font-weight:300; text-align:center; padding-top:30px; line-height:30px; }
.sub-tit2{color:#1f1f1f; font-size:38px; font-weight:300; letter-spacing:-0.5x; padding-bottom:30px; text-align:center;}


/* 회사소개 :: CEO인사말 */
#article{
	width:100%;	
}
#article h2{
	font-size:45px;	
	font-weight:bold;
	color:#3f3f3f;
	position:relative;
	padding-top:75px;
	margin-left:60px;
}
#article h2:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:80px;
	background:#ec422b;	
	z-index:100;
	margin-top:-15px;
}
#article .article_txt{
	padding-left:60px;
	line-height:1.8;
	color:#484848;
	font-size:18px;	
	margin-top:50px;
}
/* 회사소개 :: 회사개요 */
.summury{overflow:hidden; margin-bottom:55px;}
.summury-top-left{float:left; width:35%; }
.summury-top-right{float:right; width:60%; padding-top:55px;}
.summury .summury-tit{
	color:#363636; 
	font-size:40px; 
	font-weight:400; 
	padding-bottom:35px;
}
.summury .summury-tit strong{
	font-weight:500;
}
.summury .summury-txt{
	padding-top:32px; 
	color:#1c1c1c; 
	font-size:17px; 
	letter-spacing:-0.5px; 
	font-weight:400; 
	line-height:24px; 
	line-height:1.6;
}
#companySummury .map-tbl{border-top:2px solid #3c3c3c;}

/* 회사소개 :: 연혁 */
.history_content{
	padding-top: 100px;
    min-height: 500px;	
}
#historyListCon{overflow:hidden; margin-top:65px;}
.left-tit{float:left; width: 280px;}
#historyListBox{
	float: left;
    width: 918px;
    border-left: 1px solid #dfdfdf;
}
#historyListBox > ul{}
#historyListBox > ul li{overflow:hidden;}
#historyListBox > ul li h4{
	float: left;
    width: 30%;
    text-align: center;
    color: #0060a1;
    font-size: 30px;
    font-weight:600;
    letter-spacing: -1.5px;
    font-style: italic;
}
#historyListBox > ul li .history-list-con{
	float:left; width:68%; 
	border-left:1px solid #dfdfdf;
}
#historyListBox > ul li dl {overflow:hidden;}
#historyListBox > ul li dl dt{position:relative; float:left; width:30%; text-align:center;  }
#historyListBox > ul li dl dt:after{
	position:absolute;
	display:block; 
	content:""; 
	top:50%; right:-4px; 
	width:7px; 
	height:7px; 
	margin-top:-3px; 
	background-color:#0060a1; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;border-radius:5px;
}
#historyListBox > ul li dl dt strong{
	color: #1e1e1e;
    font-weight:700;
    font-size: 17px;
    border-bottom: 1px solid #000;
    font-style: italic;
}
#historyListBox > ul li dl dd{
	float:left; 
	width:68%; 
	border-left:1px solid #dfdfdf;
}
#historyListBox > ul li dl:last-child dd{  padding-bottom:35px;}
#historyListBox > ul li dl dd p{
	padding-bottom:18px; 
	padding-left:10%; 
	color:#5b5b5b; 
	font-size:14px; 
	font-weight:400; 
	letter-spacing:-0.5px; 
	line-height:20px;
	line-height:1.8;
}
/* 회사소개 :: 연혁2 */
#sub_content .history_img{
	position:relative;
}
#sub_content .history_img > span{
	content:"";
	display:block;
	color: #fff;
    text-align: center;
    background: #0060a1;	
	width:385px;
	height:150px;
	position:absolute;
	left:0;
	top:100%;
	margin-top:-60px;
    font-weight:400;
    font-size: 14px;
	padding:20px 10px;
	box-sizing:border-box;	
	line-height:1.9;
	letter-spacing:-0.5px;	
}
#sub_content .history_img > span strong{
	font-size: 32px;
    font-weight:500;
    letter-spacing: -0.5px;
	display:block;

}
#sub_content #companySummury.history{
	margin-top:180px;	
}

/* 회사소개 :: 조직도 */
#sub_content #article > figure{
	margin-top:80px;	
}
/* 회사소개 :: 인증서*/
.company5{width:1200px;margin-top:21px; }
.company5 > ul li{float:left; margin-right:24px; margin-bottom:50px;  position:relative; width:282px; height:415px; box-sizing:border-box; text-align:center;}
.company5 > ul li:nth-of-type(4n){margin-right:0!important}
.company5 > ul li > figure{
	background:#ccc;
	width:282px;
	height:385px;
	padding-top:2px;
	position:relative
}
.company5 > ul li > figure > img{
	width:278px;
	height:auto;	
	position:relative;
	z-index:11;
}
.company5 > ul li p{text-align:center; 
margin-top:15px; 
width:100%; 
z-index:100; 
font-size:16px;
margin-bottom: -10px;}
.company5 > ul li.last{float:left; margin-right:0px;}
.company5 > ul li  div.hover{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
	 /*height: 387px;*/
    height: 0;
    background-image: linear-gradient(to bottom, rgba(18,48,161,1) , rgba(0,96,161,1), rgba(122,173,208,1));
    box-sizing: border-box;	
}
/* 회사소개 :: 글로벌네트워크(영문) */
#contactCon{padding-bottom:120px;}
.contact-us-tab-list{text-align:center; padding:40px 0;}
.contact-us-tab-list a{display:inline-block; width:30%; margin:0 0.5%; padding:0 2%; max-width:124px; height:42px; line-height:42px; border:1px solid #adadad; color:#313131; background-color:#efefef;}
.contact-us-tab-list a.print-btn{background-color:#0060a1; border:1px solid #3b3b3b; color:#fff;}
.contact-us-tab-list a img{float:left; margin-top:10px; }
.contact-us-tab-list a span{float:right;  font-size:15px; letter-spacing:-0.6px; font-weight:300;}
#mapCon{width:100%; height:595px; border:1px solid #e0e0e0; }
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:16px 0; line-height:-0.3px;  text-indent:10%; }
.map-tbl th{width:20%; border-bottom:1px solid #000; color:#1e1e1e; font-size:17px; text-align:left; font-weight:600;}
.map-tbl td{width:80%; border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-size:15px;font-weight:400;}
.map-tbl td span{
	padding:5px 0 5px 50px;	
	display:block;
}
#overseasCon{width:100%; text-align:center;}
#overseasCon h4{padding:40px 0;}
#overseasInnerCon{background-color:#f0f0f0; padding:90px 0 100px;}
.global-left-con,.global-right-con{float:left; width:50%; text-align:left;}
.global-list-content ul{width:85%;}
.global-list-content ul li{overflow:hidden; padding-bottom:30px;}
.global-list-content ul li .global-flag{float:left; width:25%;}
.global-list-content ul li div{float:right; width:75%;}
.global-list-content ul li div  strong{font-size:14px; font-weight:400; color:#242424; display:block; padding-bottom:5px;}
.global-list-content ul li div dl{overflow:hidden;}
.global-list-content ul li div dl dt,.global-list-content ul li div dd{display:inline; font-size:12px; font-weight:300; color:#4f4f4f; line-height:18px;}
.global-list-content ul li div dl dt{margin-right:5px;}
.global-right-con ul{margin-left:15%;}

/* 회사소개 :: 공통 */
	#companyCon{width:96%; margin:0px auto;}
	.sub-tit-txt{padding-bottom:35px;}
	.sub-tit{font-size:24px;}
	.sub-tit strong{font-size:28px;}
	.sub-content-txt{width:90%; margin:0px auto; font-size:14px; word-break:keep-all; line-height:24px;}
	.sub-content-txt br{display:none}
	.sub-tit2{font-size:28px;}
	/* 회사소개 :: 기업개요 */
	.summury-top-right{float:none; width:100%;  padding-top:45px; text-align:center;}
	.summury-top-right h4{}
	.summury-top-con .summury-tit{font-size:28px; padding-bottom:15px;}
	.summury-top-con .summury-txt{padding-top:12px; font-size:14px; line-height:1.9}
	/* 회사소개 :: 인사말 */
	#greetingCon{background:none;}
	#greetingCon strong{font-size:15px;}
	#greetingCon p{font-size:14px;}
	.ceo-photo2{margin-top:0;}
	/* 회사소개 :: 경영이념 */
	.vision-list-con{max-width:480px; margin:0px auto;}
	.vision-list-con li{width:45%; margin:1%}
	.vision-list-con li div{padding:25px 0;}
	.vision-list-con li div img{height:40px;}
	.vision-list-con li div strong{padding:20px 0 10px; font-size:18px;}
	.vision-list-con li p{font-size:12px;}
	/* 회사소개 :: 윤리경영 */
	.ethic-list-con li div{padding:15px 5% 10px;}
	.ethic-list-con li div p{font-size:13px;}
	#ethicConBottom,#ethicConBottom .inner{background-size:auto 100px}
	#ethicConBottom .bottom-tit{word-break:keep-all; display:block; width:80%; margin:0px auto; line-height:32px;}
	/* 회사소개 :: BI소개 */
	.bi-list-con > li .left-img-con, .bi-list-con > li .right-text-con{vertical-align:top;}
	.bi-list-con > li .right-text-con .right-tit{font-size:24px; margin-bottom:20px;}
	.bi-list-con > li .right-text-con .right-txt{font-size:14px; line-height:24px;}

	/* 회사소개 :: 글로벌 */
	#contactCon{padding-bottom:60px;width:96%; margin:0px auto;}
	#mapCon{overflow:hidden; height:400px;}
	#overseasInnerCon{width:96%; padding:40px 2%;}


/* ===================================
	사업소개
 =================================== */
 /*무한콘트롤 제품소개 통합*/
#sub_visual1{
	background:url(../images/sub_visual1.jpg) no-repeat center;
}
#sub_visual2{
	background:url(../images/sub_visual2.jpg) no-repeat center;
}
#sub_visual3{
	background:url(../images/sub_visual3.jpg) no-repeat center;
}
#sub_visual4{
	background:url(../images/sub_visual4.jpg) no-repeat center;
}
.last_left{
	text-align:left!important;	
}
.last_left.line_h{
	line-height:1.8!important;
}
/*RADAR 사업부 개별스타일 긴텍스*/
#contentLocation .wrap > ul > li.long_txt{
	width:290px!important; 
}
#contentLocation .wrap > ul > li.long_txt .location-2dep{
	width:310px;
	margin-left:-1px;	
}
#contentLocation .wrap > ul > li.long_txt li a:hover{
	background:#f0f0f0 url(../images/location_arrow2.jpg) no-repeat 92% 50%
}

/*MH-4000*/
#sub_content .wrap.select{
	padding:30px 0!important;	
}
#sub_content .wrap h3.sub_in_tit2{
    position: relative;
    top: 2px;
    height: 31px;
    padding: 42px 0;
    color: #151515;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.75px;
    text-align: center;
    border-bottom: 3px solid #375cac;
    z-index: 100;
    left: 50%;
    margin-left: -300px;
}
#sub_content .wrap h3.sub_in_tit4{
	position: relative;
    top: 2px;
    height: 31px;
    padding: 42px 0;
    color: #151515;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.75px;
    text-align: center;
    border-bottom: 3px solid #375cac;
    z-index: 100;
    left: 50%;
	margin-left:-67px!important
}
h4.db_title2{
	display: inline-block;
    position: relative;
    width: 900px;
    font-size: 23px;
    color: #333;
    padding: 50px 0 15px 0;	
	font-weight:500;
}
.mh_400_content{
    padding-top: 60px;
    border-top: 1px solid #ddd;
	position:relative;
}
.mh_400_content:after{
    position: absolute;
    top: 0;
    left: 0;
	border-bottom: 1px solid #151515;
    display: block;
    content: "";
    background:#000;
    width: 20px;
    height: 2px;
    z-index: 100;
    margin-top: -1.52px;
    visibility: inherit;	
}
.mh_400_content:before{
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #151515;
    display: block;
    content: "";
    background:#000;
    width: 20px;
    height: 2px;
    z-index: 100;
    margin-top: -1.52px;
    visibility: inherit;	
}
.mh_400_content	.img_info{
	width: 100%;
    height:270px;
    border: 1px solid #ddd;	
	margin-top:20px;
	box-sizing:border-box;
}
.mh_400_content	.img_info .img_wrap{
	width:50%;
    float: left;	
}
.mh_400_content	.img_info .info_wrap{
	width:50%;
    float: left;
    padding:40px 35px 0 35px;	
	box-sizing:border-box;
}
.mh_400_content	.img_info .info_wrap > h3{
	position: relative;
    font-size: 30px;
    line-height: 1.7;
    font-weight: normal;
    color: #375cac;
	margin-bottom:7px;
}
.mh_400_content	.img_info .info_wrap > span{
	position: relative;
    height:30px;
    font-size: 20px;
    font-weight: normal;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
    display: block;
	padding-top:10px;
	box-sizing:border-box;
}
.mh_400_content	.img_info .info_wrap > span:after{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width:15px;
    height: 2px;
    background: #375cac;
    content: '';
}
.mh_400_content	.img_info .info_wrap > p{
	font-size: 16px;
    line-height: 27px;
    color: #666;
	letter-spacing:-0.5px;
}
.mh_400_content	.img_info .info_wrap a:nth-of-type(1){
	margin-right:20px;	
}
.mh_400_content	.img_info .info_wrap a.catal{
	display:inline-block;
    height: 38px;
    font-size: 14px;
    color: #333;
    text-align: left;
    border: 1px solid #bbb;	
	line-height:38px;
	padding:0 40px 0 20px;
	margin-top:30px;
	background:url(../images/go_link.png) no-repeat 90% center #fff;
	transition:all ease-out 0.4s;
}

.mh_400_content	.img_info .info_wrap a.catal:hover{
	background:url(../images/go_link_over.png) no-repeat 90% center #375cac;
	color:#fff;
}
.mh_400_content	.img_info .info_wrap a.catal.type2{
		
}
#sub_content .wrap #table_wrap{
	margin-bottom:80px;	
	border-top: 2px solid #333;
	width:100%;
}
.table_type_1 table thead tr th:first-child{
	border-left: none;	
}
.table_type_1 table thead tr th:last-child{
	border-right: none;	
}
.table_type_1 table tbody tr td:last-child{
	border-left: none;	
}
.table_type_1.select2 table tbody tr td:last-child{
	text-align:left!important;		
}
.table_type_1 table thead tr th{
	padding: 10px;
    font-size: 14px;
    border: 1px solid #eee;
    border-bottom: none;	
	background:#f5f5f5;
}
.table_type_1 table tbody tr td{
	padding: 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
    border: 1px solid #eee;	
}
.db_area.contact table td a{
	color: #333;
    font-size: 14px;	
}
.table_type_1 table tbody tr td:first-child{
	border-left: none;	
}
.table_type_1 table tbody tr td:last-child{
	border-right: none;
	text-align:center;
	box-sizing:border-box;
	padding-left:30px;
}
#table_wrap .type2 > div.table_type_1.select tr td{
	padding:13px 0!important	
}
/*FA 사업부*/
#sub_content .wrap h3.sub_in_tit3{
	position: relative;
    top: 2px;
    height: 31px;
    padding: 42px 0;
    color: #151515;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.75px;
    text-align: center;
    border-bottom: 3px solid #375cac;
    z-index: 100;
    left: 50%;
    margin-left: -23.5px;	
}
#sub_content .wrap .product_img1{
	border:1px solid #e2e2e2;
	box-sizing:border-box;	
	margin-top:10px;
}

#sub_content .wrap .product_img2{
	margin-top:20px;	
}
#sub_content .wrap .in_txt{
	margin-top:50px;	
}
#sub_content .wrap .in_txt dl{
	margin:10px 0 30px;
}
#sub_content .wrap .in_txt dl dt{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    margin: 40px 0 20px;
    padding-top: 10px;
    font-size: 20px;
    color: #333;
}
#sub_content .wrap .in_txt dl dt:after{
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 2px;
    background: #375cac;
    content: '';	
}
#sub_content .wrap .in_txt dl dt.select{
	overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 50px;
    padding-top: 14px;
    font-size: 28px;
    font-weight: normal;
    color: #222;	
}
#sub_content .wrap .in_txt dl dt.select:after{
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 3px;
    background: #375cac;
    content: "";	
}

#sub_content .wrap .in_txt dl dd{
	font-size: 16px;
    color: #666;
    line-height: 23px;
    padding-left: 7px;	
}
#sub_content .wrap .in_txt dl dd.text2{
	font-size: 16px;
    line-height: 29px;	
	color: #666;
	font-weight:400;
	margin-bottom:10px;
}
#sub_content .wrap .in_txt dl dd.text3{
	line-height:1.9;
	font-size:14px;	
}
#sub_content .wrap h4.db_title3{
    display: inline-block;
    position: relative;
    width: 900px;
    font-size: 23px;
    color: #333;
    padding: 30px 0 15px 0;	
	font-weight:500;
}
#sub_content .wrap .info_txt3{
	width: 100%;
    padding:30px 20px;
    border: 1px solid #ddd;
    overflow: hidden;
	box-sizing:border-box;
}
#sub_content .wrap .info_txt3 li{
	float: left;
    width:25%;
    font-size: 20px;
    color: #333;
    border-right: 1px solid #ddd;
    padding:10px 25px;
	font-weight:500;
	box-sizing:border-box;
	height:95px;
}
#sub_content .wrap .info_txt3.type li{
	text-align: left;
    padding: 0 10px 5px 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.7;
	letter-spacing:-1px
}
#sub_content .wrap .info_txt3.type li span{
	font-size: 20px;
    display: block;
    text-align: left;
    margin-bottom: 10px;
}
#sub_content .wrap .info_txt3 li p{
	font-size: 14px;
    color: #666;
    line-height: 23px;
    padding-top: 10px;	
	font-weight:400;
}
#sub_content .wrap .info_txt3 li:last-child{
	border-right:0!important	
}

#sub_content .wrap .db_title2{
	width:100%;	
}
#sub_content .wrap .db_title2 p{
	float:left;
	width:49%;
	font-size:16px;
	color:#375cac;
	font-weight:500;	
	padding:10px 0;
	box-sizing:border-box;
}
#sub_content .wrap .db_title2 p:first-child{
	margin-right:2%;	
}
#table_wrap.type2{
	border:none!important	
}
#table_wrap .type2{
	width:100%;	
}
#table_wrap .type2 > div{
	float:left;
	width:49%;	

}
#table_wrap .type2 > div > table{
	border-top: 2px solid #333;	
}

#table_wrap .type2 > div ul.chara_list li{
	font-size:14px;
	line-height:1.8;
}
.table_type_1.type2.this table tbody tr td:last-child{
    padding-left: 10px!important;
    text-align: center;
}
#table_wrap .type2 > div:first-child{
	margin-right:2%!important
}
#table_wrap .type2 > div:first-child table tr td{
	padding:20px;	
}
#table_wrap .type2 > div.this table tr td{
	padding:10px!important
}
.img_type2{
	width:100%;	
}
.img_type2 > figure{
	float:left;	
}
.db_title2.select{
	padding:0!important	
}
.db_title2 p.select_w{
	width:732px!important;
	float:left;
	font-size:18px!important;
}
.db_title2 p.select_w2{
	width:350px!important;
	float:left;
	font-size:18px!important;
}
/**NEW CSS- RADAR**/

#sub_content .db_tab_menu{
	width: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
	border-right:0!important	
}
#sub_content .db_tab_menu a{
	display: block;
    height: 50px;
    line-height: 50px;
    font-family: "NotoSansKR Bold";
    text-align: center;
    color: #666;
    width:16.6%;
    float: left;
    border-bottom: 2px solid #333;
    font-size: 16px;
    border-left: 1px solid #ddd;
	box-sizing:border-box;
	transition:all 0.5s
}
#sub_content .db_tab_menu a:nth-of-type(1){
	border-left: 0;	
}
#sub_content .db_tab_menu a:nth-of-type(2){
	width:17%!important;
}
#sub_content .db_tab_menu a:nth-of-type(6){
	border-right:1px solid #ddd;
}
#sub_content .db_tab_menu a.active{
	background: #333;
    color: #fff;	
}
#sub_content .db_tab_menu a:hover{
	background: #333;
    color: #fff;	
}
#sub_content #business_gallery{
	width:100%;
	position:relative;	
	margin-top:50px;	
}
#sub_content #business_gallery li{
	float:left;
	width:380px;
	margin-right:30px;
	margin-bottom:50px;
	box-sizing:border-box;
}
#sub_content #business_gallery li figure{
	box-sizing:border-box;
	border:1px solid #ccc;	
	width:100%;
	height:300px;
	background:#fff!important;
	text-align:center;
	padding-top:6px;
}
#sub_content #business_gallery li figure > img{
	width:95%;
	height:auto;
	border:1px solid #ccc;	
}
#sub_content #business_gallery li:nth-of-type(3n){
	margin-right:0!important	
}
#sub_content #business_gallery li figcaption{
	width:100%;
	text-align:center;
	font-size:17px;
	color:#444;
	padding:20px 0;
	font-weight:500;
}
#sub_content #business_gallery li figcaption span{
	display: block;
    font-size: 14px;
    margin-top: 10px;	
}
/*갤러리팝업**/
.b_galleryWrap{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	top:0;
	left:0;
	z-index:100000;
}
.b_galleryWrap .b_galleryLyArea{ 
	position:absolute; 
	left:50%; 
	top:50%;
	margin-left:-410px; 
	margin-top:-248.5px		
}
.b_galleryWrap .b_galleryLyArea .lyClose{
	position:absolute; 
	right:0; 
	top:0;
	margin-top:-45px;
	margin-right:-45px
}
.b_galleryWrap .b_galleryLyArea .imgArea img{width:100%;}




/*******fa-new 스타일*************/
.wrap .rela{
	width:100%;
	height:auto;
}
.wrap .rela .bmSubj{
	overflow:hidden;
	position:relative;
	width:100%;
	height:auto;
	margin-top:50px;
	padding-top:14px;
	font-size:28px;
	font-weight:normal;
	color:#222;	
}
.wrap .rela .bmSubj:after{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:24px;
	height:3px;
	background:#375cac;
	content:"";	
}
.wrap .rela .rnd_skill{
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	height:auto;
	margin-top:30px;
	border:1px solid #e1e1e1;	
}
.wrap .rela .rnd_skill > div{
	float:left;
	width:50%;
	padding:40px;
	border-right:1px solid #e1e1e1;	
	box-sizing:border-box;
}
.wrap .rela .rnd_skill.type3 > div{
	width:33.3333%;
	padding:30px;
}
.wrap .rela .rnd_skill > div.right{
	border-right:0!important	
}
.wrap .rela .rnd_skill .cont_tit{
	position:relative;
	height:49px;
	padding-top:10px;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	color:#333;
	text-align:left;	
}
.rnd_skill .cont_tit:after{
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 2px;
    background:#375cac;
    content: '';	
}
.rnd_skill > div .list{
	width:100%;
	height:auto;
	margin-top:15px;	
}
.rnd_skill > div .list.type2{
	width:50%;
	float:left;	
}
.rnd_skill > div .list li{
	background:url(../images/bul01.gif) no-repeat 0 14px;
	width:100%;
	padding-left:10px;
	font-size:15px;
	color:#444;
	line-height:27px;
}
.rnd_skill > div .list li.in_tit{
	 font-size: 18px;
    display: block;
    color:#375cac;
    font-weight: 500;
    margin-bottom: 10px;	
	background-image:none;
	padding-left:0!important
}
.rela .txtbox .txt5{
	margin: 0 0 13px;
	font-size:22px;
	color:#888;	
}
.rnd_overSubj02{
	position:relative;
	font-size:30px;
	line-height:1.7;
	font-weight:normal;
	color:#375cac;	
}
.rnd_overTxt02{
	margin-top:20px;
    font-size: 18px;
    line-height:1.7;
    color: #333;	
}
.rnd_tabTitle{
	overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    margin: 40px 0 20px;
    padding-top: 10px;
    font-size: 20px;
    color: #333;	
}
.rnd_tabTitle:after{
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 2px;
    background:#375cac;
    content: '';	
}
.btArea{
	overflow: hidden;
    height: auto;
    margin-bottom: 100px;
    border: 1px solid #e1e1e1;
    color: black;	
}
.btArea.t02{
	margin-bottom: 0;	
}
.btArea .imgBox06{
	position: relative;
    height: 338px;
	box-sizing:border-box;
}
.btArea .imgBox06 img{
	float:left;
}
.rnd_btCont.first{
	margin-top: -25px;
    border-top: 0;	
}
.btArea .imgBox05{
	position: relative;
    margin-bottom:50px;	
	box-sizing:border-box;
	width:100%;
}
.btArea .imgBox05 figure.bp_bg{
	position:relative;	
	background:url(../images/bp_img1.png) no-repeat center;
	height:839px;
}
.btArea .imgBox05 figure > div.hover_wrap{
	position:absolute;		
	width:100%;
	height:839px;

}
.btArea .imgBox05 figure div > a{
	position:absolute;
	background:url(../images/bp_hover.png) no-repeat center;
	width:48px;
	height:60px;
	display:block;
	top:50%;
	left:50%;
	opacity:0.7	
}	
.btArea .imgBox05 figure div > a:hover{
	opacity:1!important	
}
.btArea .imgBox05 figure div > a#bp_hover1{
	margin-left:-220px;	
	margin-top:-160px;
}
.btArea .imgBox05 figure div > a#bp_hover2{
	margin-left:-320px;	
	margin-top:40px;
}
.btArea .imgBox05 figure div > a#bp_hover3{
	margin-left:170px;	
	margin-top:-10px;
}
.btArea .imgBox05 figure div > a#bp_hover4{
	margin-left:-180px;	
	margin-top:170px;
}
.btArea .imgBox05 figure div > a.bp_hover:before { 
	content:""; 
	display:block;
	position:absolute; 
	width:0; 
	height:0; 
	background:url(../images/factory-info-more.png) 999px 999px no-repeat; 
}
.btArea .imgBox05 figure div > a.bp_hover:hover:before, 
.btArea .imgBox05 figure div > a:focus:before { 
	width:135px; 
	height:158px; 
	display:block;
	content:"";
}
.btArea .imgBox05 figure div > a#bp_hover1:before { 
	bottom:-30px; 
	left:-45px; 
	background-position:0 -58px; 
} 
.btArea .imgBox05 figure div > a#bp_hover2:before { 
	bottom:-30px; 
	left:-40px; 
	background-position:-150px -58px;
} 
.btArea .imgBox05 figure div > a#bp_hover3:before { 
	bottom:-30px; 
	left:-40px; 
	background-position:-150px -58px;
} 

.btArea .imgBox05 figure div > a#bp_hover4:before {
	bottom:-30px; 
	left:-40px; 
	background-position:-300px -58px; 	
}

.btArea .imgBox05 ul li{
	float:left;
	margin-right:20px;
	width:284.5px;
	background:#fcf;
	height:200px;	
	box-sizing:border-box;
}
.btArea .imgBox05 ul li:last-child{
	margin-right:0!important	
}
.rnd_btCont{
	display: table;
    overflow: hidden;
    position: relative;
    height: auto;
    margin: 0 auto;
    padding: 15px 0;
    border-top: 1px solid #e9e9e9;
    vertical-align: top;	
}
.rnd_btCont p{
	display: table-cell;
    overflow: hidden;
    width:200px;
    height: auto;
    padding-left: 14px;
    background:url(../images/bul03.gif)no-repeat left 7px;
    font-size: 18px;
    color: #222;
    vertical-align: top;	
	line-height:1.7;
}
.rnd_btCont ul{
	display: table-cell;
    overflow: hidden;
    width:870px;
    height: auto;
    vertical-align: middle;	
}
.rnd_btCont ul li{
	display: block;
    overflow: hidden;
    height: auto;
    margin-top: -3px;
    line-height: 2em;
    font-size: 14px;
    color: #555;	
}
.rela .gallery_box{
	width:100%;
	position:relative;
	overflow:hidden;	
	margin-top:30px;
}
.rela .gallery_box ul{
	width:100%;
	position:relative;	
	height:600px;
}
.rela .gallery_box ul li{
	width:100%;
	height:600px;
	background:#fcf;
	position:absolute;
	top:0;
	left:0;	
}
.wrap .info_wrap{
	position:relative;
	height:100%;
}
.wrap .info_wrap .tab_btn{
	position:absolute;
	top:60%;
	left:0;
	width:100%;
	height:25px;
	padding-left:40px;
	box-sizing:border-box;
}	
.wrap .info_wrap .tab_btn li{
	float:left;
	width:25px;
	height:25px;
	border:1px solid #ccc;
	margin-right:10px;
	line-height:25px;
	text-align:center;
	cursor:pointer;
	transition:ease-in-out 0.3s;	
}
.wrap .info_wrap .tab_btn li.this{
	background:#375cac;
	border:1px solid #375cac;
	color:#fff;
}
.wrap .info_wrap .tab_btn li:hover{
	background:#375cac;
	border:1px solid #375cac;
	color:#fff;	
}
.monitoring{
	overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    margin-top: 30px;
    padding: 30px;	
	border-bottom:1px solid #ddd;
}
.monitoring h4{
	position: relative;
    height: 49px;
    padding-top: 10px;
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    color: #333;
    text-align: left;	
}
.monitoring h4:after{
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 2px;
    background: #375cac;
    content: '';	
}