@charset "utf-8";



.sub_vi	{
	width:100%;
	float:left;
	height:180px;
	background:url('/common/img/sub/sub_vi03.jpg') no-repeat top center; background-size:cover;
	 box-sizing:border-box; padding:0 3%;
}


.vi01	{
	background:url('/common/img/sub/sub_vi01.jpg') no-repeat top center;
}

.vi02	{
	background:url('/common/img/sub/sub_vi02.jpg') no-repeat top center;
}

.vi04	{
	background:url('/common/img/sub/sub_vi04.jpg') no-repeat top center;
}

.vi05	{
	background:url('/common/img/sub/sub_vi05.jpg') no-repeat top center;
}

.vi06	{
	background:url('/common/img/sub/sub_vi06.jpg') no-repeat top center;
}


.sub_vi div	{
	width:100%;
	margin:0 auto;
	color:#fff;
}

.sub_vi div h2	{
	 width:100%;
	font-size:2rem;
	text-align:center;
	margin-top:50px;  line-height:2.5rem;
	text-shadow:0px 0px 10px #777
}

.sub_vi div h2 span	{
	font-size:0.95rem;
	font-weight:400;
	width:100%; display:inline-block;
	text-shadow:0px 0px 10px #777
}

.sub_bg	{
	width:100%;
	float:left;
	background:#eee;

}

.sub_wrap	{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
	height:100%;
}


 /*서브메뉴*/

 .navigatonBox {
  width:100%; height:45px; overflow-y:hidden; float:left; position:relative; border-bottom:1px solid #ddd;
}


.buttonGroup {
  overflow-x: auto;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.navButton, .option {
  display: inline-block;
  margin-right:12px;
  cursor:default;
}

.navButton {  }
.navButton a {font-size:1.01rem; line-height:45px; font-weight:400; color:#777; }
a.button_ov {font-weight:600; color:#333 !important; }

.navButton:last-child {
  margin-right:20px;
}
.navButton:first-child {
  margin-left:20px;
}
.optionGroup {
  width:100%;
  height:100px;
  position:absolute;
  top:50px;
  left:0;
}

.option {
  position:absolute;
  top:0;
  left:0;
  padding: 5px 10px;
  border:1px solid #DDD;
  border-radius:3px;
}

.option p {
  margin:0 0 5px;
  white-space: nowrap;
}

.option p:hover {
  background-color:#EEE;
}

.arrow {
  width:15px;
  height:28px;
  position:absolute;
  top:8px;
  background-color:white;
}

.arrow::before {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-size:100% 100%;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDMwNiAzMDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwNiAzMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY2hldnJvbi1yaWdodCI+CgkJPHBvbHlnb24gcG9pbnRzPSI5NC4zNSwwIDU4LjY1LDM1LjcgMTc1Ljk1LDE1MyA1OC42NSwyNzAuMyA5NC4zNSwzMDYgMjQ3LjM1LDE1MyAgICIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
}

.arrow.left {
  left:0;
  transform:rotate(180deg);
}
.arrow.right {
  right:0;
}


.sub_contents	{
	padding:4%; box-sizing:border-box;
	width:100%;
	float:left;
}


.page_title	{
	width:100%;
	float:left;
	text-align:center;
	font-size:1.7rem; letter-spacing:-2px;
	padding:20px 0 30px 0;
	font-weight:700
}

.nav-tabs	{
	width:100%;
	float:left;
}

.nav-tabs li	{
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	border-left:1px solid #bebebe;
	float:left;
	text-align:center;
	width:100px;
	height:50px;  box-sizing:border-box;
	line-height:50px;
}


.nav-tabs li:last-child	{
	border-right:1px solid #bebebe;
}


.nav-tabs li a	{
	font-size:1rem;
	display:block;
	color:#454545
}

.tab_active	{
	background:#16489c;

}

.tab_active	a	{
	display:block;
	color:#fff !important;
	font-weight:600

}


/*.nav-tabs li a:hover	{
	display:block;
	color:#fff !important;
	font-weight:600;
	background:#16489c !important
}

*/

.glyphicon-chevron-left:before	{
	content:"\f104" !important;
	font-family:"fontawesome";
	font-size:26px;
	color:#16489c;
	margin-left:15px;
}




.glyphicon-chevron-right:before	{
	content:"\f105" !important;
	font-family:"fontawesome";
	font-size:26px;
	color:#16489c;
	margin-left:15px;
}



.history_contents	{
	width:100%;
	float:left;
	 margin-top:40px;
}

.title_year	{
	text-align:center;
	font-size:2.5rem;
	font-weight:900;
	font-style:italic;
	letter-spacing:-2px;
	color:#456db0;
}

.history_wrap	{
	float:left;
	margin-top:30px;
}


.year_subtitle	{
	text-align:center;
	font-size:1.3rem;
	font-weight:300;
	line-height:45px;
	color:#444;
}


.history_list	{
	width:100%;
	float:left;
	text-align:center;

}

.history_list li	{
	float:left;

}


.year 	{
	font-size:1.4rem;
	font-weight:800;
	color:#16489c; margin-top:15px
}

.history_substance	{
	font-size:0.95rem;
	color:#494949;
	margin-top:10px;
	text-align:left;
	line-height:1.4em;
	width:100%;
}


.history_substance p	{
	margin-bottom:5px;
}


.brand_history	{
	width:100%;
	float:left;
}

.brand_history>li	{
	width:100%;
	float:left; border-top:1px solid #ddd; margin-top:20px; padding-bottom:10px;
}

.brand_history>li .year {margin-top:30px}
.brand_history_right	{

	width:100%;

 	z-index:999;

}


.brand_history_right_border	{

}


.brand_history_left	{

	padding-right:9px;
 	z-index:999

}


.brand_history_left_border	{


}

.year_position_right	{
 }


.year_position_left	{

}


.brand_history_contents	{
	float:left;
	width:100%;
	margin-top:20px;
}

.brand_history_contents_right	{
	float:left;
	width:100%;
	margin-top:20px;
}

.brand_history_contents	li, .brand_history_contents_right>li	{
	line-height:1.6em;
	font-size:0.95rem;
}


.brand_history_tit	{
	font-weight:600;
	font-size:18px !important;
	margin-bottom:10px;
	color:#3d6dbf;
}




.map_contents	{

width:100%;
	 box-sizing:border-box;
	  box-sizing:border-box;
	text-align:left;
 	color:#333;
	 margin-top:20px;

}


.map_contents	h2	{
	font-weight:700;

	font-size:1.3rem;
}

.map_contents p	{
	font-size:0.90rem;
	line-height:1.3em;
}


.stroke	{
	width:25px;
	height:2px;
	background:#333;
	margin:15px 0;
	}


.slash	{
	color:#bbb;
	vertical-align:bottom;
	font-size:14px;
}


.bull01	{
	background:url('/common/img/sub/bull01.jpg') no-repeat  left center;
	padding-left:25px;
	font-size:20px;
	color:#444;
	float:left;
	width:100%;
	font-weight:500;
	margin-top:50px
}


.feature_wrap	{
	float:left;
	padding:10px 30px;
	border:1px solid #ccc;
	background:#f9f9f9;
	margin-top:20px ;
}

.tit	{
	font-size:30px;
	font-weight:500;
	color:#454545;
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

.feature	{
	width:100%;
	float:left;
	margin-top:35px;
}

.feature li	{
	float:left;
	width:450px;
	font-size:18px;
	font-weight:700;
	color:#454545;
	margin-bottom:30px;
}


.feature li span	{
	font-size:15px;
	font-weight:400;
	color:#717171;
	line-height:24px;
	display:inline-block;
	margin-top:7px;
	letter-spacing:-1.5px;
}

.feature li:nth-child(2n+2)	{
	margin-left:50px;
}

.table01	{
	width:100%;
	float:left;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-top:20px;
}


.table01 th	{
	padding:10px 0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:18px;
	font-weight:500;
	text-align:center;
	background:#efefef;
	color:#555;

}


.table01 td	{
	padding:10px 25px;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:16px;
	line-height:26px;
	font-weight:600;

}

.table01 tr:last-child td	{
	font-weight:400;
	font-size:14px;
	line-height:22px;
}


.table02	{
	float:left;
	width:100%;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:20px 0 10px 0;
}


.table02 th	{
	padding:10px;
	font-size:1rem;
	font-weight:600;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#efefef;
}

.table02 td	{
	padding:10px 20px;
	font-size:0.95rem;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc
}




.table03	{
	float:left;  width:100%;
 	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}


.table03 th	{
	padding:10px;
	font-size:1rem;
	font-weight:600;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#16489c;

}

.table03 td	{
padding:10px;
	font-size:0.88rem; line-height:1.4em;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;

}


.table03 td img	{
	width:100%;
}

.table03 tr:first-child td	{
	text-align:center; background-color:#fff; width:90px; padding:0
}

.stroke02	{
	width:50px;
	height:2px;
	background:#16489c;
	margin:30px auto;
	overflow:hidden;
}

.sub_title	{
	color:#16489c;
	font-size:1.2rem;
	font-weight:600;
	width:100%;
	float:left;
}

.sub_title2	{
	color:#16489c;
	font-size:1.4rem;
	font-weight:600;
	width:100%;
	float:left;
}




.substance_text	{
	line-height:1.6em;
	font-size:0.93rem;
	float:left;
	width:100%;
	margin-top:15px;
}


.substance_text02	{
	float:left;
	width:100%;
	line-height:1.6em;
	font-size:0.88rem;
	font-weight:600;
	color:#545454;

}



.table04	{
	width:100%;
	float:left;
	border-top:1px solid #bebebe;
	border-left:1px solid #bebebe;
	margin-top:30px;
}

.table04 th	{
	padding:10px;
	background:#efefef;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	text-align:center;
	font-weight:600;
	color:#454545;
	font-size:0.9rem
}

.table04 td	{
	padding:10px;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	text-align:center;
	font-size:0.9rem
}



.banner	{
	float:left;
	width:100%; display:flex; flex-wrap:wrap; justify-content :space-between
}

.banner li	{

	 width:32%;
	text-align:center;
	line-height:28px; margin-bottom:10px;
	font-size:0.95rem;
}

.banner li:nth-child(5n+5)	{
	margin-right:0
}


.gallery	{
	float:left;
	width:100%;  font-size:0; margin-bottom:-15px
}

.gallery li	{
 display:inline-block;
	vertical-align:top;
 
	width:100%; margin-bottom:15px;
	font-size:0.95rem;  box-sizing:border-box;
}


.gallery li  img {width:100%; }


@media all and (min-width:600px) {

.gallery li {width:48%;  }
.gallery li:nth-child(2n) {margin-left:4%}
}



.gallery li div.gall_img {width:100%; height:180px; position:relative; overflow:hidden;  box-sizing:border-box;}
.gallery li div.gall_img img {   width:auto;  min-height:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }

 
.gallery li a	{
	display:block;
}

.gallery li a:hover	{
	color:#16489c;
	font-weight:500
}


.gallery li>img	{
	border-bottom:1px solid #eee;
}

.gallery li a span	{

	display:inline-block;
	float:left;  margin-top:10px;
	width:100%; box-sizing:border-box;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;
}

.gallery li a span img	{
	float:right; width:15px; display:none;

}

.gallery li dl {width:100%; box-sizing:border-box; padding:10px 3%}
.gallery li dt {
	font-size:1rem;

	font-weight:600
}


.gallery li dd	{
	font-size:0.85rem;
	padding:10px 0;
	line-height:1.4em;

}

.download a	{
	float:left;
	font-size:14px;
	border-top:1px solid #aaa;
	padding:10px 20px;
    width:100%; box-sizing:border-box;
	color:#656565
}

.download a:before {
	content:'\f019';
	font-family:"fontawesome";
	margin-right:10px;
}

.sheet_wrap {width:100%; float:left;}
.sheet_wrap li {width:100%; float:left; margin-bottom:40px; border-bottom:1px solid #ddd; padding-bottom:45px;}
.sheet_wrap li:last-child {border:none; margin:0; padding:0;}

.num_wrap	{
	width:100%;
	float:left;
	text-align:center;
	margin:30px 0
}

.num_wrap	img	{
	vertical-align:bottom;
}

.num a	{
	display:inline-block;
	padding:0px 9px;
	line-height:25px; 
}

.num_on	a{
	background:url('/common/img/sub/num_on.jpg') no-repeat center;
	display:inline-block;
	color:#fff;
}


.search	{
	width:100%; box-sizing:border-box;
	float:left;
	border:1px solid #bebebe;
	text-align:center;
	padding:10px 0;

}


.search	select	{
	padding:5px;
	height:30px; width:20%;
}


.search input	{
	height:18px;
	padding:5px;
	width:30%;
}


.search	a	{
	display:inline-block;
	background:#16489c;
	color:#fff;
	border:1px solid #10336e;
	padding:6px 0; width:20%;
}



.board_title	{
	width:100%;
	float:left;
	padding:20px 0;
	border-top:1px solid #16489c;
	border-bottom:1px dotted #ccc;
	font-size:1.1rem;
	font-weight:600;
}

.board_date	{
	float:right;
	font-size:0.8em;
	color:#888;
	width:100%; padding-top:5px;
	font-weight:400
}

.file	{
	float:left;
	font-size:16px;
	margin:10px 15px 0 0;
	font-weight:600
}
.board_file	{
	padding:15px 40px;
	float:left;
	width:1010px;
	border-bottom:1px solid #ccc;
}

.board_file li	a{
	border:1px solid #aaa;
	padding:10px 15px;
	float:left;
	margin-right:15px;
	display:block;
}

.board_file li a:before	{
	content:'\f019 ';
	font-family:"fontawesome";
	font-size:18px;
	margin-right:10px;
	color:#555;
	position:relative;
	top:3px
}


.board_contents	{
	float:left;
	width:100%; box-sizing:border-box;
	padding:15px 0;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}

/*.board_contents  img	{
	width:100% !important;
}*/

.right_btn	{
	float:right;
	margin-top:15px;
}

.right_btn a	{
	display:block;
	padding:10px 25px;
	color:#16489c;
	font-size:14px;
	border:1px solid #16489c;
}

.right_btn a:hover	{
	border:2px solid #16489c;
	padding:9px 24px;
	font-weight:600
}


.board	{
	width:100%;
	float:left;
	border-top:2px solid #16489c;

}


.board .link_title { width:100%; display:inline-block; box-sizing:border-box;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; }


.board_top	{
	padding:15px 0 !important;
	font-size:16px;
	border-bottom:2px solid #16489c !important
}

.board li	{
	padding:13px 0;
	border-bottom:1px solid #ccc;
	float:left;
	width:100%;
}

.board_list_num	{

}

.board li a	{
	font-size:15px;


}

.board_list_date	{
	width:100%; display:inline-block; padding-top:5px;
	color:#666
}



#faq	{
	float:left;
	width:100%;
	border-top:2px solid #16489c;
}

.question	{
	border-bottom:1px solid #ccc;
	padding:15px 0; padding-left:35px; box-sizing:border-box;
	font-size:0.95rem;
	background:url('/common/img/sub/question_icon.jpg')no-repeat left;
}

.answer	{
	background:#efefef;
	padding:20px;
	border-bottom:1px solid #ccc;
}

.answer_icon	{
	display:inline-block;
	padding-left:20px;
	background:url('/common/img/sub/answer_icon.png') no-repeat 5px 3px;
	font-size:14px;
	line-height:24px;
}



.sub_title02	{
	font-size:18px;
	font-weight:600;
	margin:30px 0 10px 0;
	float:left;
	width:100%;
}


.inquire	{
	width:100%;
	float:left;
	 border-top:1px solid #333

}

.inquire th	{
	padding:15px 0 5px 0;
	text-align:left;

	font-weight:600;
	font-size:1rem;
}

.inquire td	{
	border-bottom:1px solid #ddd;
	text-align:left;
	 padding-bottom:15px;
	font-size:0.95rem;
}

.inquire td label	{
	margin-right:10px;
	line-height:25px;
}
.inquire td input[type="text"]	{
	padding:5px 7px;
	height:30px;
	border:1px solid #c0c0c0;
	width:30%; box-sizing:border-box;
}



.inquire td input[type="password"]	{
	padding:5px 7px;
	height:20px;
	border:1px solid #c0c0c0
}

.inquire td input[type="checkbox"]	{
	margin-right:5px;
}

.inquire td textarea	{
	width:100%;
	height:300px; box-sizing:border-box; padding:10px;
	resize:none; font-size:0.95rem; color:#666; line-height:1.4em
}


.inquire td select	{
	width:20%;
	padding:5px;
	height:32px;
}

.bottom_btn	{
	float:left;
	width:100%;
	margin-top:30px;
	text-align:center;
}


.ok_btn	{
	padding:20px 45px;
	display:inline-block;
	background:#16489c;
	color:#fff;
	font-size:15px;
	margin-right:10px;
}


.cancel_btn	{
	padding:20px 45px;
	display:inline-block;
	background:#ddd;
	color:#555;
	font-size:15px;
}

.history02	{
	float:left;
	width:100%; border-top:1px dotted #aaa;

}

.history02>li	{
	padding-top:30px; padding-bottom:10px;
	border-bottom:1px dotted #aaa;
	float:left;
	width:100%;
}

.year02	{
	float:left;
	padding-bottom:10px;
	font-size:1.7rem;
	font-weight:900;
	color:#16489c
}
.history_text	{
	padding:10px 0;
	float:left;
	width:100%;
}
.history_text dl	{
    width:100%;
	float:left;
}
.month, .history_text dd	{
	float:left;

}
 .month	{
	font-size:18px;
	font-weight:700;
	 width:10%; margin-top:3px;
	color:#2e5ca8
}

.history_text dd	{
	font-size:0.95rem;
	width:90%; float:right;
	margin-bottom:10px;
	line-height:24px;
}


.social_board	{
	width:100%;
	float:left;
	border-top:3px solid #16489c
}

.social_board>li	{
	float:left;
	width:100%;
	padding:20px 0;
	border-bottom:1px dotted #ccc; text-align:center;
}


.thumbs_img	{
	 display:inline-bock;
	border:1px solid #ccc;

}

.title	{
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	width:500px;
	float:left;
	margin-top:10px;
}


.social_contents	{
	font-size:15px;
	line-height:24px;
	float:left;
	width:100%;

}


.new	{
	margin:-3px 0 0 5px;
}


.tab_wrap	{
	width:100%;
	float:left;
	margin-bottom:30px; display:flex; flex-wrap:wrap;

}

.tab {
  width:33.33333333%; border:1px solid #ccc; box-sizing:border-box; display:flex; align-items:center;
  margin-bottom:-1px; margin-right:-1px
}

.tab a	{
	display:inline-block;
	width:100%;

	text-align:center;
	padding:10px; box-sizing:border-box;
	font-size:0.95rem;
}

.tab_ov	{
 border:1px solid #16489c;
	background:#16489c;
}
.tab_ov a {color:#fff !important}



.tab2 {width:100%; float:left;}
.tab2 li {float:left; width:350px; margin-right:20px; box-sizing:border-box; }
.tab2 li a {	display:block;
	width:100%;
	border:1px solid #ccc;
	text-align:center;
	padding:15px 0;
	font-size:15px; box-sizing:border-box; }


.tab2 li a:hover{
	border:1px solid #16489c;
	background:#16489c;
	color:#fff;


}



.tab2 li.ov a{
	border:1px solid #16489c;
	background:#16489c;
	color:#fff;


}



.case_contents_wrap	{
	float:left;
	width:100%;

}

.case_img_gallery	{
	float:left;
	width:100%;
 }

.case_img_big	{
	margin-bottom:10px;
}


.case_img_small {width:100%; }
.case_img_small li	{
 width:32%; margin-right:2%; float:left;
}


.case_img_small li:nth-child(3n+3)	{
	margin-right:0;
}


.case_title	{
	font-size:1.3rem;
	font-weight:600;
	margin:20px 0;
	float:left;
	width:100%;
}


.case_title02	{
	font-size:18px;
	font-weight:600;
	width:550px;
	float:left;
}


.line	{
	width:50px;
	height:3px;
	float:left;
	background:#16489c;
	margin-bottom:20px;
}













.W980	{width:100%;display:inline-block }
.W980 img	{width:100%;}




.bull03	{
	background-color:#16489c;
	width:100%;
	 float:left;
	 border-radius:5px;
	font-size:1rem;
	  box-sizing:border-box;
	color:#fff;
	font-weight:600;
	 margin-bottom:20px; margin-top:30px;
	line-height:1.3em; padding:10px;
}

.bull03_1904	{
background-color:#346e34;
  width:100%;
	 float:left;
	 border-radius:5px;
	font-size:1rem;
	  box-sizing:border-box;
	color:#fff;
	font-weight:600;
	margin:30px 0 20px 0;
	line-height:1.3em; padding:10px;
}

.bull03_1909	{
	background-color:#f47607;
	width:100%;
	 float:left;
	 border-radius:5px;
	font-size:1rem;
	  box-sizing:border-box;
	color:#fff;
	font-weight:600;
	margin:30px 0 20px 0;
	line-height:1.3em; padding:10px;
}

.feature_img	{
	float:left;  max-width:100%;
	margin-bottom:20px; width:100%;
}

.feature_text_wrap	{
	display:inline-block;
	width:100%;

}

.feature_text	{
	font-size:15px;
	color:#676767;
	line-height:24px;
  width:100%; display:inline-block;   text-align:justify
}


.feature_text_highlight	{
	font-size:15px;
	color:#f17200;
	line-height:24px
}

.feature_text_b	{
	font-size:26px;
	color:#2259b7;
	margin:10px 0;
	font-weight:600;
	float:left;
	width:100%
}

.feature_text_b_2004	{
	font-size:20px;
	color:#2259b7;

	font-weight:600;
	float:left;
	width:100%
}

.bull04 dd	{
	float:left;
	width:100%;
	background:url('/common/img/sub/bull04.jpg') no-repeat left center;
	padding-left:13px;
	font-size:15px;
	color:#676767;
	margin-top:8px;
}

/*
.setting	{
	width:100%;
	float:left; display:flex; flex-wrap:wrap; justify-content:space-between
}


.setting li	{
	width:48%;
	text-align:center;  padding-bottom:15px;
}

.setting li a 	{
	font-size:16px;
	font-weight:600;
	line-height:1.3em;
}
.setting li a span {font-size:0.9em; color:#666; font-weight:400; width:100%; display:inline-block; padding-top:2px}

.setting li a img	{
	border:1px solid #ccc;
	width:100%; margin-bottom:10px;

}*/




.company6_box_wrap  {width:100%; float:left; font-size:0}
.company6_box_wrap  .company6_box  {width:50%; display:inline-block; vertical-align:top }

.company6_box_wrap  .company6_box img {width:95%; border:1px solid #ddd; box-sizing:border-box; max-width:180px !important;}
.company6_box_wrap  .company6_box .text {width:100%;  float:left; text-align:center; font-size:0.93rem; color:#333; padding:10px 0 20px 0; }

@media all and (min-width:600px){

.company6_box_wrap  .company6_box  {width:33.333333%; display:inline-block; vertical-align:top }
}



.span_step { text-align:center; font-weight:700; font-size:1.02rem; color:#333; display:block;margin-bottom:5px; letter-spacing:-0.5px;}

.step_one {width:100%; padding:15px 0; display:inline-block; text-align:center; background-color:#1a4ca1; color:#fff; font-size:1.2rem; font-weight:700;}
.step_one  span {font-size:0.7em; width:100%;display:inline-block; font-weight:400; padding-bottom:5px  }


.customer_step {width:100%; display:flex; flex-wrap:wrap; font-size:0}
.customer_step li {width:50%; display:inline-block; border:1px solid #ddd; box-sizing:border-box; padding:15px;  font-size:1rem; color:#333; text-align:center; margin-left:-1px; margin-top:-1px}
.customer_step li img {width:40%; max-width:100px;}
.customer_step li b {font-size:1.1rem; font-weight:600; width:100%; display:inline-block; padding:10px 0 5px 0;}
.customer_step li span {font-size:0.90rem; font-weight:400; color:#666; }


@media all and (min-width:900px) {
.customer_step li {width:25%;  }

}
.basic_t {font-size:0.90rem; color:#666; line-height:1.3em}

.product_tab {width:100%; display:flex; flex-wrap:wrap; float:left; margin-bottom:30px }
.product_tab li {width:33.333%; border:1px solid #ddd; box-sizing:border-box; text-align:Center; padding:8px; font-size:0.95rem; margin-top:-1px; margin-left:-1px ;   display:flex; align-items:center}
.product_tab li:last-child {width:100%}
.product_tab li a {width:100%; display:inline-block; }
.product_tab li.active {background-color:#16489c;  }
.product_tab li.active a {color:#fff !important}

.product_hr {width:100%; display:inline-block; height:60px; box-sizing:border-box; border:1px solid red}
.t1 {font-size:1.3rem; font-weight:700; color:#606060; float:left; width:100%}
.t2 {font-size:1rem; font-weight:400; color:#777; float:left; width:100%}


.product_t1 {font-size:1.3rem; line-height:1.3em; font-weight:600; color:#606060; }
.product_t2 { color:#555; font-weight:600; font-size:1.2rem;  line-height:1.3em;}
.product_t_color {color:#228fb7;  font-weight:600}