*, *:before, *:after {
    box-sizing: border-box;
}

ol, ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}




.linkbt{	
	padding: 5px 9px 5px 10px;
    border: 1px solid #e1e1e1;
    border-radius: 10px !important;
	width:80px;
}



.cross {width:100%; max-width:1400px; margin:0 auto;  }

.sub2_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.sub2_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.sub2_type1 td{ text-align:center; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; }



/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.cross {width:95%;}
	.cross ul li .cross_tit{font-size:1em; }
	.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%;}

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	

	.sub2 ul li { float:left; width:100%; margin:0 auto;}
	.sub2 ul li:first-child { margin-left:0px; }
	.sub2 ul li div { margin:0 auto; }
	.sub2 ul li > span {margin-bottom:50px; }



}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.business ul li { width:100%; margin-left:0px; margin-bottom:50px;}

	.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%;}

}




/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.vision ul li { width:100%;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}

