/* 추가 */

#business_wrap {position:relative; width:100%; min-width:320px; max-width:1400px; padding-top:100px; margin:0 auto;  }
#business_wrap:before {position: absolute; top:60px; left: 50%; width: 1px; height: 30px; content: ''; background-color: #7f7f7f; }
#business_wrap .con_title{ width:100%; padding-bottom:30px; margin:0 auto;}
#business_wrap .con_title p { text-align:center; font-size:2.8em;  line-height:50px; color:#000; font-weight:700; padding:0 10px; margin:0px auto;  }
#business_wrap .con_title span { display:block; text-align:center; font-size:1.15em; color:#777; font-weight:700;   padding:0 10px; margin:10px 0 20px 0;}
#business_wrap .con_area { width:100%; }
#business_wrap .con_area:after { content:""; display:block; clear:both;}
#business_wrap .con_area ul { width:100%; padding:0; margin:0; }
#business_wrap .con_area ul li { float:left; width:335px; list-style:none; margin-right:20px;}
#business_wrap .con_area ul li:last-child { margin-right:0;}
#business_wrap .con_box { height:350px; padding:20px; background-repeat: no-repeat; background-position: center center; -webkit-background-size:cover; background-size: cover;}
#business_wrap .con_box.bg1 {background:url('../image/business_img3.jpg') no-repeat; background-size: cover;}
#business_wrap .con_box.bg2 {background:url('../image/business_img2.jpg') no-repeat; background-size: cover;}
#business_wrap .con_box.bg3 {background:url('../image/business_img3.jpg') no-repeat; background-size: cover;}
#business_wrap .con_box.bg4 {background:url('../image/business_img4.jpg') no-repeat; background-size: cover;}
#business_wrap .con_box a {display:table; width:100%; height:100%;  }
#business_wrap .con_box a p.cell { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
#business_wrap .con_box a span.more { display: inline-block; font-size:1.5em; color:#707070; font-weight:600;  text-shadow: 3px 3px 3px rgba(255,255,255,0.8), 3px 2px 2px rgba(255,255,255,0.8); transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: relative;}
#business_wrap .con_box a span.more:after { position: absolute; bottom:0px; left: 50%; margin-left:-15px; display: block; content: "";  width:30px; height:30px; visibility:hidden;  background:url('../image/btn_view.png') no-repeat bottom center; opacity:0; filter: alpha(opacity=0);-moz-opacity:0; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
#business_wrap .con_box a:hover span.more {color:#fff; text-shadow: 0px 8px 6px rgba(0,0,0,0.8), 0px -1px 1px rgba(255,255,255,0.8); padding-bottom:40px;}
#business_wrap .con_box a:hover span.more:after { opacity:1;filter: alpha(opacity=100);-moz-opacity:1; visibility:visible;}
#business_wrap .con_box a:hover { background:rgba(7, 127, 207, 0.9);}


/* 반응형 중간기기 1400px 사이즈 이하*/
@media all and (max-width:1420px){	


	#business_wrap .con_area ul li{width:24.2%; margin-right:1%;}
	#business_wrap .con_area ul li:last-child{margin-right:0;}


}

/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){	
	
	#business_wrap .con_box {/* max-height:150px;*/}
}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	#business_wrap .con_area ul li { width:50%; margin:0;}
}


.story_cont{	margin: 0px 10px;}
.story_cont .imgBox{text-align:center; margin:35px 0 50px;}
.cont_stit{  letter-spacing:-0.75pt; color:#333; text-align:center; font-size:22px; line-height:158%;}
.cont_stit h5{ }
.cont_stit span{letter-spacing:inherit;}
.pointCn{color:#cf0810 !important; font-size:18px;font-weight:300; }


@media all and (max-width:1280px){
.story_cont{}
.story_cont .imgBox{margin:30px 0 30px;}
.story_cont .imgBox img{max-width:100%;}

 
}
@media all and (max-width:980px){
.cont_tit{ font-size:27px;}
.cont_tit br{display:none;}
.cont_stit{font-size:19px; ;}

.basicBt{padding:40px 0 60px;}
}

@media all and (max-width:480px){
.cont_tit{ font-size:20px;}
.cont_stit{font-size:17px; }

.story_cont{}
.story_cont .imgBox{padding:0; background:none;}

				
}

.table_style{width:100%;  border-collapse: collapse; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #333;  }
.table_style th{color:#333; text-align:center; padding:3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; text-align:center; line-height:180%; color:#666;}


.img-fluid {
  max-width: 100%;
  height: auto;  text-align:center; 
}

.scon_wid{width:1280px;margin:0 auto;padding:10px 0 100px;}
h3.tit{text-align:center;background: url(../image/main/mt_line.jpg) no-repeat center top;font-size:30px;color:#0e0e0f;font-weight:600;line-height:30px;border-bottom:1px solid #dfdfdf;padding-top:20px;padding-bottom:40px;margin-bottom:45px;}

.pro_txt{text-align:center;}
.pro_txt > li{font-size:15px;color:#333;font-weight:300;line-height:22px;}

.pro_line > li{padding:40px 0;border-bottom:1px solid #dfdfdf;}
.pro_line > li:after{content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.pro_line > li:last-child{border-bottom:none;}
.pro_line > li > .lfg{float:left;width:574px;}
.pro_line > li > .lfg img{width:100%;}
.pro_line > li > .rtg{float:left;margin-left:30px;width:calc(100% - 606px);}
.pro_line > li > .rtg > dl{margin-bottom:30px;}
.pro_line > li > .rtg > dl > dt{margin-top:25px;font-size:20px;color:#090909;font-weight:600;line-height:20px;}
.pro_line > li > .rtg > dl > dd{margin-top:10px;font-size:15px;color:#333;font-weight:600;}
.pro_line > li > .rtg > p.tit{display:inline-block;padding-bottom:10px;margin-top:25px;font-size:20px;color:#090909;font-weight:600;line-height:20px;border-bottom:2px solid #3f3f80;}
.pro_line > li > p.line_tit{font-size:20px;color:#090909;font-weight:600;margin-bottom:20px;}
.t_style{margin-top:13px;}
.t_style > li{font-size:15px;color:#333;font-weight:300;margin-top:3px;background:url('/theme/2_03/html/product/image/tdian.jpg') no-repeat left 10px;padding-left:10px;}
.t_style > li.stit{background:none;padding-left:0;margin-bottom:5px;}


@media screen and (max-width:1024px){


	.scon_wid{width:calc(100% - 20px);margin:0 auto;padding:80px 0;}
	.pro_txt > li br{display: none;}
	.pro_line > li > .lfg{float:none;width:auto;text-align:center;}
	.pro_line > li > .lfg img{width:100%;}
	.pro_line > li > .rtg{float:none;margin-left:0;width:100%;}
	.pro_line > li > .rtg > dl{margin-bottom:0;}

}