/*************** [introduce]basic ***************/
#section_type_introduce_17 {position:relative;}
#section_type_introduce_17 .sec {width:100%;}
#section_type_introduce_17 .sec .inner_17{width:1200px;display:flex; margin: 0 auto;justify-content: space-between;}
/*sec4*/
#section_type_introduce_17 .sec4 { clear:both; overflow:hidden; height:auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
#section_type_introduce_17 .sec4 .sec4_box {display:flex; width:19%; height:190px; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#section_type_introduce_17 .sec4 .sec4_box1 {background:#4094d4;}
#section_type_introduce_17 .sec4 .sec4_box2 {background:#4bc7bf;}
#section_type_introduce_17 .sec4 .sec4_box3 {background:#6b9338;width: 39%;}
#section_type_introduce_17 .sec4 .sec4_box4 {background:#98c666; margin-right:0;}
#section_type_introduce_17 .sec4 .sec4_box a {width:100%; height:100%; display:block; color:#fff; text-align:center; padding:30px; 
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

#section_type_introduce_17 .sec4 .sec4_box3 .gallery_box{display:flex;}
#section_type_introduce_17 .sec4 .sec4_box3 .gallery_box ul{display:flex;width: 100%;justify-content: space-between;}
#section_type_introduce_17 .sec4 .sec4_box3 .gallery_box ul li{display:flex;height: 85px;}
#section_type_introduce_17 .sec4 .sec4_box3 .gallery_box ul li img{width:100%; object-fit: cover; border: 1px solid white;}
#section_type_introduce_17 .sec4 .sec4_box3 a h4{margin-bottom:20px!important;}

#section_type_introduce_17 .sec4 .sec4_box a h4 {font-size:23px; margin-bottom:10px; font-weight:400;}
#section_type_introduce_17 .sec4 .sec4_box a p {font-size:18px; margin-bottom:10px; line-height:135%; letter-spacing:-1px;}
#section_type_introduce_17 .sec4 .sec4_box a img {}

/*************** [introduce]responsive ***************/
@media screen and (max-width:1200px){ 
	#section_type_introduce_17 .sec .inner_17{flex-wrap: wrap;width:98%;}
	#section_type_introduce_17 .sec4 .sec4_box1 {width: 49%;margin-bottom:2%;}
	#section_type_introduce_17 .sec4 .sec4_box2 {width: 49%;margin-bottom:2%;}
	#section_type_introduce_17 .sec4 .sec4_box3 {width: 49%;}
	#section_type_introduce_17 .sec4 .sec4_box4 {width: 49%;}
}
@media screen and (max-width:930px){ 
    #section_type_introduce_17 .sec4 .sec4_box3 .gallery_box ul{justify-content: space-evenly;}
	#section_type_introduce_17 .sec4 .sec4_box3 .gallery_box ul li + li + li{display:none;}
}

@media screen and (max-width:1024px){ 
	#section_type_introduce_17 .sec4 .sec4_box {width:49%; margin-right:2%;}
	#section_type_introduce_17 .sec4 .sec4_box2, #section_type_introduce_17 .sec4 .sec4_box4 {margin-right:0;}
	#section_type_introduce_17 .sec4 .sec4_box1, #section_type_introduce_17 .sec4 .sec4_box2 {margin-bottom:2%;}
}
@media screen and (max-width:670px){ /*tablet*/
	#section_type_introduce_17 .sec4 .sec4_box3 .gallery_box ul li + li{display:none;}
}
@media screen and (max-width:600px){ /*tablet*/
	#section_type_introduce_17 .sec4 .sec4_box a h4 {font-size:20px;}
	#section_type_introduce_17 .sec4 .sec4_box a p {font-size:16px;}
}
@media screen and (max-width:450px){
	#section_type_introduce_17 .sec4 .sec4_box {width:100%; margin-right:0; margin-bottom:2%;}
	#section_type_introduce_17 .sec4 .sec4_box3 .gallery_box ul li + li{display:flex;}
	#section_type_introduce_17 .sec4 .sec4_box4 {margin-bottom:0;}
	#section_type_introduce_17 .sec4 .sec4_box a {padding: 30px 0 30px 0;}
}
@media screen and (max-width:375px){ /*mobile - iphone 6,7,8*/
	#section_type_introduce_17 .sec4 .sec4_box a p {margin-bottom:15px;}
}