/*소방시스템통합 */
.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 {/* display: flex; *//* margin-left:1%; *//* margin-right:1%; */}
.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-top:20px; font-size:1em; text-align:center; letter-spacing:-0.04em; }
.business .col2{display: flex;width: 100%;justify-content: space-between;flex-direction: row;align-items: center;margin-bottom: 80px;}
.business .col2 .left{padding-left: 50px;}
.business .col2 .left ul.lis1{display: flex;width: 100%;flex-direction: column;}
.business .col2 .left ul.lis1 li{font-size: 1.3em;}
.business .col2 .left ul.lis1 li:before{content:'';display: inline-block;width:10px;height:10px;background:#ddd;margin-right:10px;flex-direction: row;align-items: center;}
.business .col2 .right{float: right;}
.business .col2 .right img{}
.business .opt-box{margin-bottom: 80px;}
.business .opt-box ul.lis2{display: inline-flex;width: 100%;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;align-content: center;align-items: flex-start;}
.business .opt-box ul.lis2 li{position: relative;margin-left: 3%;font-size: 1.3em;color: #000;margin-bottom: 10px;}
.business .opt-box ul.lis2 li:before{content:'';display: inline-block;position: absolute;width:10px;height:10px;background:#ddd;top: 10px;margin-right: 8px;margin-left: -18px;flex-direction: row;align-items: center;}
.business .opt-box ul.lis2 li:nth-child(1),.business .opt-box ul.lis2 li:nth-child(4),.business .opt-box ul.lis2 li:nth-child(7){width: 35%;}
.business .opt-box ul.lis2 li:nth-child(2),.business .opt-box ul.lis2 li:nth-child(5){width: 30%;}
.business ul.col3{width: 100%;display:flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.business ul.col3 li{}
.business ul.col3 li img{display:block; width:auto;}
.business ul.col3 li > span{font-size: 18px;margin-bottom: 30px;}
.business ul.col4{width: 100%;display:flex;justify-content: flex-start;flex-wrap: wrap;/* align-content: center; */}
.business ul.col4 li{width:25%;margin-bottom: 25px;/* padding-right: 15px; */}
.business ul.col4 li:nth-child(4){padding-right:0}
.business ul.col4 li img{display:block;width: auto;}
.business ul.col4 li a{display:flex;width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;text-align: center;}
.business ul.col4 li a > span{width: 100%;margin: 15px 0;font-size: 18px;margin-bottom: 30px;letter-spacing: -.5px;text-align: center;}
.business ul.col4 li a > span:hover{color:#193d89}


.btn_go {display:inline-block; background:#222; color:#fff;  font-size:1em; margin:20px 0; padding:10px 30px; border:1px solid #000;  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:#000; background-color:#fff; }


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.business ul.col4{width: 100%;display:flex;flex-wrap: wrap;align-content: space-around;flex-direction: row;}
	.business ul.col4 li{width: 33.33333%;margin-bottom: 30px;/* padding-right: 15px; */}
	.business ul.col4 li:nth-child(4){padding-right:0}
	.business ul.col4 li img{display:block;width: 94%;margin: 0 auto;}
	.business ul.col4 li a{/* display: inline-block; */width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;text-align: center;}
	.business ul.col4 li a > span{width: 100%;margin: 20px 0;font-size: 18px;margin-bottom: 30px;letter-spacing: -.5px;text-align: center;}
	.business ul.col4 li a > span:hover{color:#193d89}
	.business .opt-box{margin-bottom: 20px;}
	.business .opt-box ul.lis2{display: inline-flex;width: 100%;justify-content: space-between;flex-direction: row;}
	.business .opt-box ul.lis2 li{padding-left: 3%;font-size: 1.3em;color: #000;margin-bottom: 10px;width: 45%;}
	.business .opt-box ul.lis2 li:before{content:'';display: inline-block;width:10px;height:10px;background:#ddd;padding-right: 10px;flex-direction: row;align-items: center;}
	.business .opt-box ul.lis2 li:nth-child(1),.business .opt-box ul.lis2 li:nth-child(4),.business .opt-box ul.lis2 li:nth-child(7){width: 45%;}
	.business .opt-box ul.lis2 li:nth-child(2),.business .opt-box ul.lis2 li:nth-child(5){width: 45%;}
}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	
	.business ul.col4{width: 100%;display:flex;flex-wrap: wrap;align-content: space-around;flex-direction: row;}
	.business ul.col4 li{width: 50%;margin-bottom: 30px;/* padding-right: 15px; */}
	.business ul.col4 li:nth-child(4){padding-right:0}
	.business ul.col4 li img{display:block;width: 94%;margin: 0 auto;}
	.business ul.col4 li a{/* display: inline-block; */width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;text-align: center;}
	.business ul.col4 li a > span{width: 100%;margin: 20px 0;font-size: 18px;margin-bottom: 30px;letter-spacing: -.5px;text-align: center;}
	.business ul.col4 li a > span:hover{color:#193d89}
	.business .opt-box{margin-bottom: 20px;}
	.business .opt-box ul.lis2{display: inline-flex;width: 100%;justify-content: space-between;flex-direction: row;}
	.business .opt-box ul.lis2 li{padding-left: 3%;font-size: 1.3em;color: #000;margin-bottom: 10px;width: 100%;}
	.business .opt-box ul.lis2 li:before{content:'';display: inline-block;width:10px;height:10px;background:#ddd;padding-right: 10px;flex-direction: row;align-items: center;}
	.business .opt-box ul.lis2 li:nth-child(1),.business .opt-box ul.lis2 li:nth-child(4),.business .opt-box ul.lis2 li:nth-child(7){width: 100%;}
	.business .opt-box ul.lis2 li:nth-child(2),.business .opt-box ul.lis2 li:nth-child(5){width: 100%;}
}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.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 {/* display: flex; *//* margin-left:1%; *//* margin-right:1%; */}
	.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-top:20px; font-size:1em; text-align:center; letter-spacing:-0.04em; }
	.business .col2{display: flex;width: 100%;flex-direction: row;margin-bottom: 80px;align-content: flex-start;justify-content: flex-start;flex-wrap: wrap;}
	.business .col2 .left{padding-left: 10px;margin-bottom: 30px;}
	.business .col2 .left ul.lis1{display: flex;width: 100%;flex-direction: column;align-content: flex-start;}
	.business .col2 .left ul.lis1 li{font-size: 1.1em;}
	.business .col2 .left ul.lis1 li:before{content:'';display: inline-block;width: 7px;height: 7px;background:#ddd;margin-right:10px;flex-direction: row;align-items: center;}
	.business .col2 .right{float: right;}
	.business .col2 .right img{display: block;width: 100%;}
	.business .opt-box{margin-bottom: 20px;}
	.business .opt-box ul.lis2{display: inline-flex;width: 100%;flex-direction: row;}
	.business .opt-box ul.lis2 li{padding-left: 25px;margin-left: 10px;font-size: 1.1em;color: #000;margin-bottom: 10px;width: 100%;}
	.business .opt-box ul.lis2 li:before{content:'';display: inline-block;top: 6px;width: 7px;height: 7px;background:#ddd;padding-right: 0;flex-direction: row;align-items: center;}
	.business .opt-box ul.lis2 li:nth-child(1),.business .opt-box ul.lis2 li:nth-child(4),.business .opt-box ul.lis2 li:nth-child(7){width: 100%;}
	.business .opt-box ul.lis2 li:nth-child(2),.business .opt-box ul.lis2 li:nth-child(5){width: 100%;}
	.business ul.col3{width: 100%;display:flex;justify-content: space-between;flex-direction: column;align-content: space-around;}
	.business ul.col3 li{margin-bottom: 30px;}
	.business ul.col3 li img{display:block; width:auto;}
	.business ul.col3 li > span{font-size: 1.3em;margin-bottom: 20px;}
	.business ul.col4{width: 100%;display:flex;flex-wrap: wrap;align-content: space-around;flex-direction: column;}
	.business ul.col4 li{width: 100%;margin-bottom: 30px;/* padding-right: 15px; */}
	.business ul.col4 li:nth-child(4){padding-right:0}
	.business ul.col4 li img{display:block;width: 94%;margin: 0 auto;}
	.business ul.col4 li a{/* display: inline-block; */width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;text-align: center;}
	.business ul.col4 li a > span{width: 100%;margin: 20px 0;font-size: 18px;margin-bottom: 30px;letter-spacing: -.5px;text-align: center;}
	.business ul.col4 li a > span:hover{color:#193d89}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.vision ul li { width:100%;}

}



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

	
}