@charset "UTF-8";
@import 'fontSet.css';
@import 'main.css';
@import 'check-radio.css';
/*
	Copyright 2016 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/

body {
  height: 100%;
  color: #333;
  background-color: #fff;
}
html {
  height: 100% !important;
  -ms-overflow-style: scrollbar;
}

.btn.btn-red-o{
	background:none;
	border:1px solid #c02126;
	color:#c02126;
}
.btn.btn-white-o{
	background:none;
	border:1px solid #fff;
	color:#fff;
}
.radius-none{
	border-radius:0 !important
}
@media (min-width: 1200px){
	.container {
		width: 1230px;
	}
	.container.container-lg{
		width:1280px;
	}
	.container.container-sm{
		width:1100px;
	}
	.container.container-xs{
		width:1000px;
	}
}



/*boots 추가 스타일*/
/* content styles */

.inside {

}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.content {
  padding: 12px 3px;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}


#Wrapper {
 height: 100%;
  width: 100%;
  _overflow-x:hidden !important;
}

/*라인 설정*/
.titleLine {border-top:1px solid #00aeef;}
.titleLine.lineBlue{border-color:#00aeef;}
.titleLine.lineWhite{border-color:#fff;}
.titleLine.line-lg {border-width:6px;}
.titleLine.line-md {border-width:4px;}
.titleLine.line-sm {border-width:2px;}
.titleLine.line-left{display:inline-block;}


/**/
.listMore {
	padding:30px 0;
	text-align:center;
}

#header{
	position:relative;
	z-index:101;
}


/*푸터*/
#foot-customer .dp-table-cell{
	background-size:cover !important;
}
#foot-customer a{
	padding-top:100px;
	padding-bottom:100px;
}
#foot-customer a p.arrow {
	position:relative;
	display:inline-block;
	padding-right:75px;
}
#foot-customer a p.arrow span{
	position:absolute;
	right:0;
	top:-5px;
}
@media(max-width:992px){
	#foot-customer a p.arrow {
		padding-right:60px;
	}
	#foot-customer a p.arrow span{
		top:-5px;
		width:50px;
	}
	#foot-customer a{
		padding-top:70px;
		padding-bottom:70px;
	}
}
@media(max-width:767px){
	#foot-customer a p.arrow {
		padding-right:50px;
	}
	#foot-customer a p.arrow span{
		top:-4px;
		width:40px;
	}
	#foot-customer a{
		padding-top:50px;
		padding-bottom:50px;
	}
}

#footerWrap {
	background:#333333;
}
#footerWrap .f-menu {
	border-bottom:1px solid #53524f;
}
#footerWrap .f-menu > a{
	float:left;
	margin-right:25px;
	text-decoration:none;
	color:#bfbfbf;
	font-size:16px;
}
#footerWrap > .CopyRight{
	background:#000;
}

#footerWrap address > div {margin:0px -10px;}
#footerWrap address > div > p {
	float:left;
	padding:5px 10px;
	font-size:14px;
	margin:0;
	color:#bfbfbf;
}
@media(max-width:992px){
	#footerWrap address > div > p {
		display:inline-block;
		float:none;
	}
}
#footerWrap .f-quick-menu ul {
	float:right;
	padding:3px 0px;
}
#footerWrap .f-quick-menu ul > li {
	float:left;
	margin-left:12px;
	padding-left:12px;
	position:relative;
}

#footerWrap .f-quick-menu ul > li:first-child:after{
	display:none;
}
#footerWrap .f-quick-menu ul > li:after {
	content:"";
	position:absolute;
	left:0;
	top:5px;
	border-left:1px solid #888;
	height:12px;
}
#footerWrap .SocialLink li a{
	display:inline-block;
	margin-left:20px;
}
@media(max-width:992px){
	#footerWrap .f-quick-menu ul {
		float:none;
		display:block;
		padding:3px 0px;
	}
	#footerWrap .f-quick-menu ul > li {
		float:none;
		display:inline-block;
		margin:0;
		padding:0 5px;
		position:relative;
	}
	#footerWrap .f-quick-menu ul > li:after {
		display:none;
	}
	#footerWrap .f-quick-menu ul > li > a{
		font-size:12px;
	}
}

/*서브*/
#footerWrap .goTop{
	position:fixed;
	right:50%;
	margin-right:-680px;
	bottom:20px;
	padding:12px 10px;
	text-align:center;
	background:#000;
	line-height:1.1;
	z-index:50;
	display:none;
}
@media(max-width:1200px){
	#footerWrap .goTop{
		right:15px;
		margin-right:0;
		bottom:20px;
		padding:10px 8px;
	}
}
@media(max-width:767px){
	#footerWrap .goTop{
		right:10px;
		background:rgba(0,0,0,.7);
		bottom:10px;
		padding:7px 6px;
	}
}

#subVisual-Wrap {
	position:relative; 
	margin-top:58px;
	height:275px;
}
@media(max-width:992px){
	#subVisual-Wrap {
		position:relative; 
		margin-top:0;
		height:180px;
		background-size:cover !important;
	}

}
#subVisual-Wrap .subVisual-text {
	position:absolute;
	left:0; 
	top:0;
	height:100%;
	width:100%;
}
#subVisual-Wrap .subVisual-text .dp-table{
	height:100%;
}

#subVisual-Wrap .subVisual-text .sub-title-line{
	width:60px;
	border-top:2px solid #fff
}



/*로케이션 메뉴*/
#sub_location{
	position:relative;
	background:#fff;
	border-bottom:1px solid #ddd;
	z-index:100;
	height:60px;
}
#sub_location .sub_location_area{
	position:absolute;
	left:0;
	width:100%;
	height:60px;
}
#sub_location .sub_location_area > ul{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	z-index:99;
	height:60px;

}
#sub_location .sub_location_area > ul li.home{
	border-left:1px solid #ddd;
	float:left;
	background:none !important;
}
#sub_location .sub_location_area > ul li.home a{
	display:block;
	width:60px;
	height:60px;
	overflow:hidden;
	color:#333;
	line-height:60px;
	text-align:center;
}
#sub_location .sub_location_area > ul li.sub_dept{
	float:left;
	width:260px;
	text-align:left;
	margin-left:-1px;
	box-sizing:border-box;
}
@media(max-width:767px){
	#sub_location .sub_location_area > ul li.sub_dept{
		width:50%;
	}
}
#sub_location .sub_location_area > ul li.sub_dept ul{
	border:1px solid #ddd;
	background:#fff; 
	height:60px; 
	border-bottom:0 !important;
	border-top:0 !important;
	overflow:hidden;
}
#sub_location .sub_location_area > ul li.sub_dept ul.arrowOpen li:first-child a{
	color:#333; 
	background:url(../images/lnb-arrow.png) no-repeat right center;
	background-size:40px 10px;
}
#sub_location .sub_location_area > ul li.sub_dept ul.arrowOpen.opend li:first-child a{
	background:url(../images/lnb-arrow2.png) no-repeat right center;
	background-size:40px 10px;

}
#sub_location .sub_location_area > ul li.sub_dept ul li:first-child a:hover{
	background:#fff;
}
#sub_location .sub_location_area > ul li.sub_dept ul li a{
	display:block;
	padding-left:20px;
	font-size:15px;
	font-weight:700;
	letter-spacing:-0.04em;
	color:#666;
	line-height:59px;
	border-bottom:1px solid #ddd;
}
@media(max-width:767px){
	#sub_location .sub_location_area > ul li.sub_dept ul li a{
		padding-left:15px;
		font-size:13px;
	}
}
#sub_location .sub_location_area > ul li.sub_dept ul li:last-child a{
	line-height:58px;
}
#sub_location .sub_location_area > ul li.sub_dept ul li a:hover{ background:#f1f1f1;}
#sub_location .sub_location_area > ul li.sub_1dept{top:0px; left:61px;}
#sub_location .sub_location_area > ul li.sub_2dept{top:0px; left:260px;}


#sub-inner-wrap {
	padding:50px 0 80px 0;
	position:relative;
}
#sub-inner-wrap #subTitle {}
#sub-inner-wrap #subTitle > div {
	display:inline-block;
	position:relative;
	padding-right:80px;
}
#sub-inner-wrap #subTitle > div:after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-1px;
	width:60px;
	height:2px;
	background:#000;
}
@media(max-width:992px){
	#sub-inner-wrap {
		padding:30px 0 50px 0;
		position:relative;
	}
	#sub-inner-wrap #subTitle > div {
		display:inline-block;
		position:relative;
		padding-right:60px;
		font-weight:bold;
	}
	#sub-inner-wrap #subTitle > div:after{
		width:50px;
	}
}
@media(max-width:767px){
	#sub-inner-wrap #subTitle > div {
		display:inline-block;
		position:relative;
		padding-right:50px;
	}
	#sub-inner-wrap #subTitle > div:after{
		width:40px;
	}
}
#sub-inner-wrap #left-menu {
	position:absolute;
	left:0;
	top:50px;
	
}
#sub-inner-wrap #left-menu ul{
	border-top:1px solid #0098f3;
	border-bottom:1px solid #0098f3;
	padding:20px 0;
	top:120px;
}
#sub-inner-wrap #left-menu ul li {
	margin:14px 0px;
	padding:0 30px;
}
#sub-inner-wrap #left-menu ul li a{
	display:block;
	color:#888;
}
#sub-inner-wrap #left-menu ul li.on{
	border-left:10px solid #0098f3;
	padding-left:20px;
}
#sub-inner-wrap #left-menu ul li.on a{
	color:#0098f3
}

/*레프트메뉴 있을시*/
#sub-inner-wrap #left-menu2 {}
#sub-inner-wrap #left-menu2 ul li a{
	border:1px solid #ddd;
	display:block;
	padding:20px 20px;
	font-size:16px;
	color:#555;
	margin:-1px 0;
}
#sub-inner-wrap #left-menu2 ul li a:after {
	content:">";
	float:right;
	font-family:dotum;
}
#sub-inner-wrap #left-menu2 ul li.on a{
	color:#037bc1;
	font-weight:bold;
}
.left-menu-wrap #subTitle{
	margin-bottom:0 !important;
	padding:100px 0px 20px 20px; 
	background:#037bc1;
}
@media(max-width:992px){
	.left-menu-wrap #subTitle{
		margin-bottom:0 !important;
		padding:20px 20px 20px 20px; 
		background:#037bc1;
		cursor:pointer;
	}
	.left-menu-wrap #subTitle:after {
		content:"▼";
		float:right;
	}
}

@media(max-width:992px){
	#over_menu_m {margin-bottom:30px;}
	#over_menu_m ul {display:none;}
	#over_menu_m ul li a {
		display:block;
		padding:20px 20px;
		border:1px solid #ddd;
		background:#fff;
		margin:-1px 0;
		font-size:16px;
		color:#444;
	}
	#over_menu_m ul li a:after {
		content:">";
		float:right;
		font-family:dotum;
	}
}




.tab-menu{
	position:relative;
}
.tab-menu:before{
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	background:#ed1e26;
	bottom:0;
	left:0;
	z-index:3;
}
.tab-menu > li {
	float:left;
	margin-right:5px;
	position:relative;
	z-index:2;
	background:#fff;
}

.tab-menu > li > a{
	display:block;
	padding:12px 10px;
	border:2px solid #cccccc;
	border-bottom:0;
	min-width:240px;
	text-align:center;
	color:#666;
	font-weight:600;
}
@media(max-width:992px){
	.tab-menu > li > a{
		min-width:200px;
		border:2px solid #cccccc;
	}
}

.tab-menu > li.active{
	z-index:5;
}
.tab-menu > li.active > a{
	color:#ed1e26;
	border:2px solid #ed1e26;
	border-bottom:0 !important;
	position:relative;
}
.tab-menu > li.active > a:after{
	content:"";
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:-11px;
	width:20px;
	height:11px;
	background:url(../images/tab-arrow.png) no-repeat center center;
	background-size:20px 11px !important;
}
@media(max-width:767px){
	.tab-menu > li > a{
		min-width:90px;
		padding:8px 4px;
		border:1px solid #cccccc;
		letter-spacing:-0.04em;
		min-height:55px;
	}
	.tab-menu > li.active > a{
		border:1px solid #ed1e26;
		font-size:12px;
		
}
	.tab-menu{
		position:relative;
		display:table;
		width:100%;
	}
	.tab-menu > li{
		display:table-cell;
		float:none;
		margin:0;
		vertical-align:middle;
	}
	.tab-menu.tab3 > li{
		width:33.33%;
	}
	.tab-menu.tab3.tab-map > li{
		width:37.5%;
	}
	.tab-menu.tab3.tab-map > li:first-child{
		width:25%;
	}
	.tab-menu.tab3.tab-map > li:first-child a{
		line-height:28px;
	}
}


.sub0102-wrap .title{
	position:relative;
}
.sub0102-wrap .title:after{
	content:"”";
	font-family:'arial';
	position:absolute;
	right:0;
	top:-50px;
	font-size:150px;
	color:#adadad;
}
@media(max-width:1200px){
	.sub0102-wrap .title:after{
		top:-30px;
		font-size:100px;
	}
}
@media(max-width:992px){
	.sub0102-wrap .title:after{
		display:none;
	}
}


/*연혁*/
.sub0106-wrap h3{
	background:url(../images/sub0106-line-bg.gif) repeat-x left center;
	background-size:51px 18px;
}
.sub0106-wrap .year {
	width:180px;
}
.sub0106-wrap .year p {
	position:relative;
		margin:0;
}
.sub0106-wrap .year p > strong{
	display:inline-block;
	background:#888;
	color:#fff;
	padding:8px 10px;
	text-align:center;
	width:130px;
	border-radius:30px;
	position:relative;
}
.sub0106-wrap .year p:after,
.sub0106-wrap .year p:before{
	content:"";
	position:absolute;
	top:50%;
	margin-top:-2px;
}
.sub0106-wrap .year p:after{
	width:5px;
	height:5px;
	border-radius:10px;
	background:#999;
	right:-2px;
}
.sub0106-wrap .year p:before{
	height:1px;
	right:-2px;
	margin-top:0;
	background:#aaa;
	width:100px;
}
.sub0106-wrap .month{
	border-left:1px solid #aaa;
	padding-left:30px;
}
.sub0106-wrap .month > ul > li{
	margin-bottom:15px;
}
.sub0106-wrap .month > ul > li:last-child{
	margin-bottom:0;
}
.sub0106-wrap .month > ul > li{
	position:relative;
	padding-left:55px;
}
.sub0106-wrap .month > ul > li > strong{
	position:absolute;
	left:0;
}
@media(max-width:992px){
	.sub0106-wrap .year p > strong{
		padding:5px 10px;
		width:110px;
	}
	.sub0106-wrap .year p:after,
	.sub0106-wrap .year p:before{
		display:none;
	}
	.sub0106-wrap .month > ul > li{
		margin-bottom:10px;
	}
	.sub0106-wrap .month{
		border-left:0;
		padding-left:10px;
	}
	.sub0106-wrap .month > ul > li{
		padding-left:35px;
	}
	.sub0106-wrap h3 img{
		max-width:200px !important
	}
}

/*인증서*/

.sub0108-wrap .box{
	border:1px solid #ddd;
}
.sub0108-wrap .box .thum{
	border-bottom:1px solid #ddd;
	position:relative;
}
.sub0108-wrap .box .thum a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5) url(../images/sub0108-icon-view.png) no-repeat center center;
	background-size:60px !important;
	display:none;
}
.sub0108-wrap .box:hover{
	border:1px solid #333;
}

.sub0108-wrap .box .name{
	height:60px;
	display:table;
	width:100%;
}
.sub0108-wrap .box .name > div{
	height:60px;
	display:table-cell;
	width:100%;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}


@media(min-width:768px){
	.sub0108-wrap .box .thum a{
		display:none !important;
	}
	.sub0108-wrap .box .thum:hover a{
		display:block !important;
	}
}

@media(max-width:767px){
	.sub0108-wrap .row{
		margin-left:-5px;
		margin-right:-5px;
	}
	.sub0108-wrap .row > div{
		padding-left:5px;
		padding-right:5px;
	}
}



h4.title-line {
	position:relative;
}
h4.title-line > span{
	display:inline-block;
	background:#fff;
	padding-right:15px;
	position:relative;
	z-index:2;
}
h4.title-line:after{
	content:"";
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	height:1px;
	border-bottom:1px solid #333;
}

.dp-table-wrap{
	border-top:4px solid #000
}
.dp-table-wrap .bullet,
.title-bullet .bullet{
	display:inline-block;
	position:relative;
	padding-left:16px;
}
.dp-table-wrap .bullet:after,
.title-bullet .bullet:after{
	content:"";
	position:absolute;
	width:8px;
	height:8px;
	background:#ed1c24;
	top:50%;
	left:0;
	margin-top:-4px;
	border-radius:10px;
}

/*sub0202-wrap*/
.sub0202-wrap{}
.sub0202-wrap > .dp-table-wrap .inner-box{
	position:relative;
}
.sub0202-wrap > .dp-table-wrap .inner-box > p{
	margin-bottom:0;
	position:absolute;
	width:30px;
	height:30px;
	background:#333333;
	border-radius:40px;
	text-align:center;
	line-height:40px;
	z-index:2;
	left:50%;
	margin-left:-15px;
	bottom:-15px;
}
.sub0202-wrap > .dp-table-wrap .inner-box:last-child > p{
	display:none;
}
.sub0202-wrap > .dp-table-wrap .dp-table > .dp-table-cell{
	padding:35px 30px;
}
@media(max-width:992px){
	.sub0202-wrap > .dp-table-wrap .dp-table > .dp-table-cell{
		padding:20px;
	}
}
.sub0202-wrap > .dp-table-wrap .dp-table > .dp-table-cell.thum{
	position:relative;
}
.sub0202-wrap > .dp-table-wrap .dp-table > .dp-table-cell.thum > span{
	position:absolute;
	right:50px;
	bottom:50px;
}
.sub0202-wrap > .dp-table-wrap .dp-table > .dp-table-cell.thum img{
	border:1px solid #ccc;
	max-width:242px;
}
.sub0202-wrap > .dp-table-wrap .dp-table {
	border-bottom:1px solid #ccc;
}


/*sub0301-wrap*/

.sub0301-wrap{}
.sub0301-wrap > .dp-table-wrap > .dp-table > .dp-table-cell{
	padding:35px 30px;
}
@media(max-width:992px){
	.sub0301-wrap > .dp-table-wrap > .dp-table > .dp-table-cell{
		padding:20px;
	}
}
.sub0301-wrap > .dp-table-wrap > .dp-table > .dp-table-cell.thum img{
	border:1px solid #ccc;
}
.sub0301-wrap > .dp-table-wrap > .dp-table {
	border-bottom:1px solid #ccc;
}
.sub0301-wrap > .dp-table-wrap > .dp-table:nth-child(2n+1){
	background:#f1f1f1;
}

/**/
.sub0302-wrap .box{
	border:1px solid #ccc;
}
.sub0302-wrap .box .name{
	padding:5px 15px;
	border-top:1px solid #ccc;
}
.sub0302-wrap .box .name > div{
	height:60px;
	vertical-align:middle;
	line-height:1.6;
	font-weight:600;
}

/**/

.sub0303-wrap .line-box{
	position:relative;
}
.sub0303-wrap .line-box > div{
	position:absolute;
	right:0;
	top:0;
	width:95%;
	height:100%;
	border-top:1px solid #333;
	--border-bottom:1px solid #bbb
}
@media(max-width:767px){
	.sub0303-wrap .line-box > div{
		position:relative;
		right:0;
		top:0;
		width:100%;
		border-top:0;
		border-bottom:1px solid #bbb
	}
}


/**/
.sub0304-wrap .num-title{
	position:relative;
	padding-left:50px;
	min-height:40px;
	letter-spacing:-0.05em;
}

.sub0304-wrap .num-title > span{
	position:absolute;
	width:40px;
	height:40px;
	left:0;
	top:50%;
	margin-top:-20px;
	line-height:40px;
	text-align:center;
	color:#fff;
}
.sub0304-wrap .num-title > strong{
	position:absolute;
	left:0px;
	padding-left:50px;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}
.sub0304-wrap .num-title.num-red > span{
	background:url(../images/num-red-o.gif) no-repeat center center;
	background-size:cover !important;
}
.sub0304-wrap .num-title.num-red > span{
	background:url(../images/num-red-o.gif) no-repeat center center;
	background-size:cover !important;
}
.sub0304-wrap .num-title.num-Purple > span{
	background:url(../images/num-Purple-o.gif) no-repeat center center;
	background-size:cover !important;
}
.sub0304-wrap .num-title.num-blue > span{
	background:url(../images/num-blue-o.gif) no-repeat center center;
	background-size:cover !important;
}

.factory-slide{

}
.factory-slide .owl-dots{
	margin-left:-5px;
	margin-right:-5px;
	padding-top:20px;
	padding-bottom:10px;
	overflow:hidden;
}
.factory-slide .owl-dots .owl-dot{
	padding-left:5px;
	padding-right:5px;
	float:left;
	width:16.666%;
	margin-bottom:10px;
}
@media(max-width:992px){
	.factory-slide .owl-dots .owl-dot{
		width:25%;
	}
}
@media(max-width:767px){
	.factory-slide .owl-dots .owl-dot{
		width:33.33%;
	}
}
.factory-slide .owl-dots .owl-dot span{
	width:100% !important;
	background-size:cover !important;
	margin:0 !important;
	padding:0 !important;
	padding-top:64% !important;
	display:block !important;
	border-radius:0 !important;
	position:relative;
}
.factory-slide .owl-dots .owl-dot.active span{
	box-shadow:2px 2px 2px rgba(0,0,0,.4)
}
.factory-slide .owl-dots .owl-dot span:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border:1px solid #ddd;
}
.factory-slide .owl-dots .owl-dot.active span:after{
	border:3px solid #000;
}
.factory-slide .owl-nav {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	margin-top:300px !important;
}
@media(max-width:1200px){
	.factory-slide .owl-nav {
		margin-top:230px !important;
	}
}

.factory-slide .owl-nav .owl-prev,
.factory-slide .owl-nav .owl-next{
	position:absolute;
	top:0;
	width:55px;
	height:55px;
	overflow:hidden;
	text-indent:-100px;
	font-size:0;
	margin:0 !important;
}
.factory-slide .owl-nav .owl-prev{
	left:0;
	background:url(../images/factory-arrow-left.png) no-repeat center center !important;
	background-size:cover !important
}
.factory-slide .owl-nav .owl-next{
	right:0;
	background:url(../images/factory-arrow-right.png) no-repeat center center !important;
	background-size:cover !important
}
@media(max-width:992px){
	.factory-slide .owl-nav {
		margin-top:175px !important;
	}
	.factory-slide .owl-nav .owl-prev,
	.factory-slide .owl-nav .owl-next{
		position:absolute;
		top:0;
		width:45px;
		height:45px;
		overflow:hidden;
		text-indent:-100px;
		font-size:0;
		margin:0 !important;
	}
}
@media(max-width:767px){
	.factory-slide .owl-nav {
		display:none;
	}

}

.sub04-wrap > div{
	position:relative;
}
.sub04-wrap > div > a{
	position:absolute;
	width:21.5%;
	padding-top:21.5%;
}
.sub04-wrap > div > a.link1{
	top:10.5%;
	left:0;
}
.sub04-wrap > div > a.link2{
	top:10.5%;
	right:0;
}
.sub04-wrap > div > a.link3{
	bottom:0.5%;
	left:39.5%;
}


.title-color-box{
	position:relative;
	
}
.title-color-box:after{
	content:"";
	position:absolute;
	width:8px;
	height:8px;
	background:#fff;
	top:50%;
	left:15px;
	margin-top:-4px;
	border-radius:10px;
}
.title-color-box > span{
	position:relative;
	display:inline-block;
	width:100%;
	max-width:700px;
	padding:15px 49px 15px 36px;
	color:#fff;
}
@media(max-width:767px){
	.title-color-box > span{
		padding:12px 0 12px 36px;
	}
}
.title-color-box.color-blue span{
	background:#51aac8
}
.title-color-box.color-purple span{
	background:#ad90f0
}
.title-color-box.color-pink span{
	background:#f4747f
}
.title-color-box span:after{
	content:"";
	position:absolute;
	width:42px;
	height:100%;
	right:0;
	top:0;
	background:url(../images/title-shadow.gif) no-repeat center center;
	background-size:cover !important;
}

/**/
.sub0402-wrap > .dp-table-wrap > .dp-table > .dp-table-cell{
	padding:35px 30px;
}
@media(max-width:992px){
	.sub0402-wrap > .dp-table-wrap > .dp-table > .dp-table-cell{
		padding:20px;
	}
}
.sub0402-wrap > .dp-table-wrap > .dp-table > .dp-table-cell.thum img{
	border:1px solid #ccc;
}
.sub0402-wrap > .dp-table-wrap > .dp-table {
	border-bottom:1px solid #ccc;
}
.sub0402-wrap > .dp-table-wrap > .dp-table:nth-child(2n+1){
	background:#f1f1f1;
}

.sub0501-wrap .line-box{
	border-top:1px solid #000;
	border-bottom:1px solid #ddd;
	padding:20px 0;
}
.sub0501-wrap .line-box.line-box1{
	min-height:300px;
}
.sub0501-wrap .line-box.line-box2{
	min-height:330px;
}
@media(max-width:992px){
.sub0501-wrap .line-box.line-box1,
.sub0501-wrap .line-box.line-box2{
	min-height:auto;
}
}
.sub0501-wrap .sec03 .box{
	border:1px solid #ddd;
	background:#f7f7f7;
	padding:30px 10px;
	min-height:295px;
}
@media(max-width:767px){
	.sub0501-wrap .sec03 .box{
		border:1px solid #ddd;
		background:#f7f7f7;
		padding:20px 10px;
		min-height:auto;
	}
}
.sub0501-wrap .sec03 .box.box2{
	border:1px solid #51aac8;
	background:#51aac8;
}

.sub0501-wrap .sec04 .box{
	background:#51aac8 url(../images/sub0501-icon6-bg.gif) no-repeat right top;
	background-size:20px 20px !important;
	padding:40px 10px;
}
@media(max-width:767px){
	.sub0501-wrap .sec04 .box{
		padding:20px 10px;
	}
}

.sub0502-wrap .sec01{
	background:url(../images/sub0502-img01.jpg) no-repeat center center;
	background-size:cover !important;
	padding:120px 0;
}

.sub0502-wrap .line-box{
	border-top:1px solid #000;
	border-bottom:1px solid #ddd;
	padding:20px 0;
	min-height:305px;
	background-size:150px 130px !important;
}
.sub0502-wrap .line-box.box1{
	background:url(../images/sub0502-icon3.png) no-repeat right bottom;
}
.sub0502-wrap .line-box.box2{
	background:url(../images/sub0502-icon4.png) no-repeat right bottom;
}
.sub0502-wrap .line-box.box3{
	background:url(../images/sub0502-icon5.png) no-repeat right bottom;
}
.sub0502-wrap .line-box.box4{
	background:url(../images/sub0502-icon6.png) no-repeat right bottom;
}
@media(max-width:992px){
	.sub0502-wrap .line-box{
		padding:15px 0;
		min-height:auto;
		background-size:120px 104px !important;
	}
}


a.name-box{
	position:relative;
	display:block;
}
a.name-box > span{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	height:50px;
	text-align:center;
	background:rgba(0,0,0,.5);
	line-height:50px;
	color:#fff;
	font-size:24px;
}
@media(max-width:992px){
	a.name-box > span{
		font-size:20px;
	}
}

@media(max-width:767px){
	a.name-box > span{
		font-size:18px;
		height:40px;
		line-height:40px;
	}
}

@media (min-width: 992px){
	.modal-dialog.modal-md {
		max-width: 800px ;
		width:100% !important;
		text-align:center;
	}
}

.modal-dialog.modal-md .img-box{
	position:relative;
}
.modal-dialog.modal-md .img-box .close{
	position:absolute;
	top:-40px;
	right:-10px;
}
.imgSize.bigThum{
	width:auto;
	max-width:auto;
}
@media(max-width:767px){
	.imgSize.bigThum{
		width:90%;
		max-width:500px;
	}
	.modal-dialog.modal-md .img-box .close{
		position:absolute;
		top:-45px;
		right:45px;
	}
}