/*전문소방시설공사 */
.facility { width:100%; max-width:1210px; margin:0 auto;  }
.facility:after { content:""; display:block; clear:both; }
.facility ul { padding:0; margin:0; }
.facility ul li {/* display: flex; *//* margin-left:1%; *//* margin-right:1%; */}
.facility ul li img { display:block; width:100%;}
.facility ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center; }
.facility ul li > span {display:block;margin-top: 10px;font-size: 1.3em;text-align:center;letter-spacing:-0.04em;margin-bottom: 30px;}
.facility .col2{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 80px;
}
.facility .col2 .left{
    padding-left: 50px;
}
.facility .col2 .left ul.lis1{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.facility .col2 .left ul.lis1 li{
    font-size: 1.3em;
    line-height: 35px;
}
.facility .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;}
.facility .col2 .right{
    float: right;
}
.facility .col2 .right img{}
.facility ul.col3{width: 100%;display:flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.facility ul.col3 li{}
.facility ul.col3 li img{display:block; width:auto;}
.facility ul.col3 li > span{font-size: 18px;margin-bottom: 30px;}
.facility ul.col4{width: 100%;display:flex;justify-content: flex-start;flex-wrap: wrap;}
.facility ul.col4 li{width:25%;margin-bottom: 25px;}
.facility ul.col4 li img{display:block; width:auto;}
.facility ul.col4 li a{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;align-items: flex-start;}
.facility ul.col4 li a > span{margin: 15px 0;font-size: 18px;margin-bottom: 30px;letter-spacing: -.5px;text-align: center;}
.facility 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){
	


}


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


}



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

	
}