/*사업영역 Type01 */
.business { width:100%; max-width:1210px; margin:0 auto;  }
.business:after { content:""; display:block; clear:both; }
.business ul { padding:0; margin:0; }
.business ul li { float:left; width:23%; margin-left:1%; margin-right:1%; text-align:center;}
.business ul li img { display:block; width:100%;}
.business ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center; }
.business ul li > span { display:block; margin:20px 0 25px 0; font-size:1em; text-align:center; letter-spacing:-0.04em; }

/*사업영역 Type02 */
.cross {width:100%; max-width:1200px; margin:0 auto;  }
.cross:after{ content:""; display:block; clear:both;}
.cross ul {padding:0; margin:0; }
.cross ul li{float:left; width:100%; overflow:hidden; margin-bottom:60px; }
.cross ul li .cross_tit{font-size:2em;}
.cross ul li .cross_txt{font-size:1.2em; padding-top:20px; }
.cross ul li .cross_img{float:left; width:55%; height:340px; margin-bottom:0px; background:#f8f8f8;}
.cross ul li .cross_img img{height:340px;}
.cross ul li .cross_right{float:right; width:45%;  height:340px; background:#f8f8f8; padding:50px 50px 0 50px; box-sizing: border-box; }
.cross ul li.other_type .cross_img{float:right; width:55%; height:340px; background:#f8f8f8; margin-bottom:00px; text-align:right;}
.cross ul li.other_type .cross_right{float:left; width:45%;  height:340px; background:#f8f8f8; padding:50px 40px 0 50px; }
.cross ul li.other_type .cross_img img{height:340px; }


.btn_go {display:inline-block; width:90%; text-align:center;  font-size:1em; margin:5px 0px; padding:10px 30px; border:1px solid #bfbfbf; border-radius:5px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#fff; background-color:#c63021; }

/*사업분야*/
.bu_all{width:100%; margin:0 auto; overflow:hidden;position:relative;}
.bu_all:after{clear:both;}
.bu_g{width:50%; float:left; border:1px solid #ddd;}
.bu_g img{width:100%; height:50%;}
.bu_t{width:45%; float:right; border:0px solid red;}
.bu_g .swiper-slide img{width:100%; max-width:100%; height:auto;}

.tb1{width:100%; border-top:0px solid #333;}
.tb1 th{width:28%; border-bottom:1px solid #333; height:40px; text-align:left; text-indent:5px;}
.tb1 td{width:72%; }
.tb1 td p {padding-bottom:3%;}

#bu_v_atc {min-height:200px;height:auto !important;height:200px}
#bu_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bu_v_img {width:100%;overflow:hidden;zoom:1}
#bu_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bu_v_img a.view_image{display:block}
#bu_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bu_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bu_v_con a {color:#000;text-decoration:underline}
#bu_v_con img {max-width:100%;height:auto}

.red_block {width:10px; height:30px; background:#c63021; display:block; float:left; margin-top:2px;margin-right:15px;}
.sub_na {font-weight:bold;font-size:1.5em; margin-bottom:15px;}

.b_block {border:1px solid #bfbfbf;padding:30px; margin-bottom:60px;}
.t_block {margin-bottom:60px;}
.business_c { width:100%; max-width:1210px; margin:0 auto;}
.business_c:after { content:""; display:block; clear:both;}
.business_c ul { padding:0; margin:0;}
.business_c ul li { float:left; width:50%; text-align:center; padding:30px}
.business_c ul li img { display:block; max-width:100%; margin:0 auto; text-align:center;}
.business_c ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center;}
.business_c ul li > span { display:block; margin:20px 0 0 0; font-size:1em; text-align:center; letter-spacing:-0.04em;}

.ph_table {border:1px solid #ddd; border-collapse:collapse;width:100%;max-width:600px;text-align:center;}
.ph_table th{border:1px solid #ddd;background:#eee;padding:10px;}
.ph_table td{border:1px solid #ddd;padding:10px;}

.nemo{color:#c63021;font-size:13px;}

.business_p { width:100%; max-width:1210px; margin:0 auto;}
.business_p:after { content:""; display:block; clear:both;}
.business_p ul { padding:0; margin:0;}
.business_p ul li { float:left; width:33.333%; text-align:center; padding:30px}
.business_p ul li img { display:block; max-width:100%; margin:0 auto; text-align:center;}
.business_p ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center;}
.business_p ul li > span { display:block; margin:20px 0 0 0; font-size:1em; text-align:center; letter-spacing:-0.04em;}

.phe_table {margin-top:30px;}
.phe_table th{text-align:left;min-width:100px;padding:10px;vertical-align:top;}
.phe_table td{text-align:left;padding:10px;}

.business_d { width:100%; max-width:1210px; margin:0 auto;}
.business_d:after { content:""; display:block; clear:both;}
.business_d ul { padding:0; margin:0;}
.business_d ul li { float:left; width:25%; text-align:center; padding:30px}
.business_d ul li img { display:block; width:100%; max-width:200px; margin:0 auto; text-align:center;}
.business_d ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center;}
.business_d ul li > span { display:block; margin:20px 0 0 0; font-size:1em; text-align:center; letter-spacing:-0.04em;}


.feature{width:100%; display:block; float:left; padding:10px 15px 10px 0;}
.feature p {padding:15px 30px; background:#eeeeee; border-radius:5px}

.flow {width:125px; height:125px; border:1px solid #c63021 ; border-radius:50%; display:block;float:left;padding:7px; margin:15px 30px 15px 0}
.flow p{width:110px; height:110px; border:3px solid #c63021 ; border-radius:50%; display:table;text-align:center;}
.flow p span{display:table-cell;vertical-align:middle;}
.flow_icon {display:block;float:left;line-height:4.5;margin-right:30px;font-size:2.5em; color:#a61700;}

.e_flow{width:206px; display:block; float:left; padding:10px 15px 10px 0; text-align:center;}
.e_flow p {padding:15px 30px; background:#eeeeee;}
.e_flow_icon {display:block;float:left;line-height:2.2;font-size:2.5em;padding-right:15px;}
.font_resize {font-size:12px; padding:7px 30px !important;}

.p_block{padding:10px 20px; border:1px solid #ddd; border-radius:10px;margin-top:5px;margin-bottom:20px}
.bg_c{background:#eee;border-radius:10px;width:49% !important; min-height:525px;margin-bottom:2%;}
.m_r{margin-right:2%;}
.m_b{margin-bottom:2%;}

.d_table {border:1px solid #ddd; border-collapse:collapse;width:100%;}
.d_table th{border:1px solid #ddd;background:#eee;padding:10px;min-width:150px;}
.d_table td{border:1px solid #ddd;padding:10px;}

.build_img img {width:49%; max-width:100%; height:auto; display:block; float:left; border:1px solid #d3d3d3;}

.btn_b{position:absolute;bottom:0; width:45%;}

.btn_case{
  display:block;
  float:left;
  text-decoration:none;
  padding:10px;
  text-align:center;
  border:1px solid #c63021 ;
  width:49%;
  font-size:20px;
  font-weight:400;
  color:#c63021 ;
}

.btn_case:hover {background:#c63021; color:#fff}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.cross {width:95%;}
	.cross ul li .cross_tit{font-size:1.5em; }
	.cross ul li .cross_txt{font-size:1em; }
	.cross ul li .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li .cross_right{ width:40%;  height:250px; padding:30px 30px; margin-bottom:50px; }
	.cross ul li .cross_img img{height:100%;}
	.cross ul li.other_type .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li.other_type .cross_right{ width:40%; height:250px; padding:30px 30px; }
	.cross ul li.other_type .cross_img img{height:100%;}
	
	.bg_c{width:100% !important;}

}


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

  .business_d ul li { width:50%;}
	.bu_g{width:100%;}
  .bu_t{width:100%;margin-top:20px;}
  .btn_b{position:relative;width:100%;margin-top:20px;}

}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (min-width: 769px) {		
  .e_flow_down {display:none;}
}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.business ul li { width:50%; margin-left:0px; margin-right:0px; margin-bottom:30px; display:block; float:left; padding:5px; min-height:610px;}
	.cross ul li{ width:100%; height:auto;}
	.cross ul li .cross_img{float:left; width:100%; height:auto;}
	.cross ul li .cross_img img{width:100%;}
	.cross ul li .cross_right{width:100%; height:auto; padding:30px 20px; }
	.cross ul li.other_type .cross_right{width:100%; height:auto;  padding:30px; 20px; }
	.cross ul li.other_type .cross_img{float:right; width:100%; height:auto;}
	.cross ul li.other_type .cross_img img{width:100%;}
	.btn_go { padding:5px 30px; }
	
	.b_block {margin-bottom:30px;}
	.t_block {margin-bottom:30px;}
	
	.feature{width:100%; display:block; float:left; padding:5px;}
  .feature p {padding:5px 15px; background:#eeeeee; border-radius:5px}
  
  .e_flow{width:100%; display:block; float:left; padding:0; text-align:center;}
  .e_flow p {padding:5px 30px; background:#eeeeee;}
  .e_flow_icon {display:block;float:left;line-height:1;font-size:1.5em;padding:0;width:100%;text-align:center;margin:0 auto;}
  
  .build_img img {width:100%; max-width:100%; height:auto;}
  
  .business_p ul li{width:50%;}
  .business_p ul li > span {min-height:90px}
  
  .e_flow_right {display:none;}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.vision ul li { width:100%;}
	.business ul li { min-height:500px; }
	.business ul li > span {font-size:0.9em}
	.business_p ul li{width:100%;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}