/*************** [banner]basic ***************/
/*#section_type_introduce_0 : 서광사역*/
#section_type_introduce_0{background:url(/section/introduce/introduce_0/img/section2_bg.jpg) no-repeat center center; background-size:cover;}
#section_type_introduce_0 ul{font-size:0; text-align:center; width:90%; margin:50px auto 0;}
#section_type_introduce_0 li{position:relative; display:inline-block; width:22%; font-size:17px; margin:0 1%; vertical-align:top; line-height:145%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;

 border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
}
#section_type_introduce_0 li > img{width:100%;
  border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;

box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
-webkit-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
-moz-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
-o-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
}
#section_type_introduce_0 li > a{position:absolute; display:block; width:100%; height:100%; padding:40px 30px; text-align:left; color:#fff; z-index:99; 
  border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_introduce_0 li > a p > strong{font-size:27px; margin-bottom:15px; display:block;}
#section_type_introduce_0 li > a span{position:absolute;  display:block; width:45px; height:45px; background:#fff; text-align:center; line-height:45px; margin-top:30px; bottom:30px; right:30px;
  border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;

box-shadow:5px 5px 5px -3px rgba(0,0,0,0.3);
-webkit-box-shadow:5px 5px 5px -3px rgba(0,0,0,0.3);
-moz-box-shadow:5px 5px 5px -3px rgba(0,0,0,0.3);
-o-box-shadow:5px 5px 5px -3px rgba(0,0,0,0.3);
}
#section_type_introduce_0 li > a span .fas{color:#444}

#section_type_introduce_0 li{background:#212121;}
#section_type_introduce_0 li > img{transition:all 0.6s;}
#section_type_introduce_0 li:hover > img{opacity:0.3; transition:all 0.6s}

/*************** [banner]responsive ***************/
/*서광사역*/
@media screen and (max-width:1350px){
   #section_type_introduce_0 li > a span{width:35px; height:35px; line-height:35px; bottom:20px; right:20px;}
}
@media screen and (max-width:1100px){
   #section_type_introduce_0 ul{width:90%; margin:0px auto}
   #section_type_introduce_0 li > a p > strong{font-size:21px;}
}
@media screen and (max-width:970px){
   #section_type_introduce_0{padding:100px 0;}
   #section_type_introduce_0 ul{width:100%; margin:0px auto 0;}
   #section_type_introduce_0 li > a{padding:20px 20px;}
}
@media screen and (max-width:800px){
   #section_type_introduce_0{padding:80px 0; background:#e1eef3;}
   #section_type_introduce_0 ul{width:70%; margin:0px auto 0;}
   #section_type_introduce_0 li{width:46%; margin:2% 2%;}
   #section_type_introduce_0 li > a{padding:30px 20px;}
}
@media screen and (max-width:768px){
   #section_type_introduce_0 ul{width:95%;}
}
@media screen and (max-width:420px){
   #section_type_introduce_0{padding:50px 0;}
   #section_type_introduce_0 li{font-size:15px}
   #section_type_introduce_0 li > a{padding:20px;}
   #section_type_introduce_0 li > a p > strong{font-size:19px; margin-bottom:10px;}
}
@media screen and (max-width:395px){
   /*#section_type_introduce_0 li{width:60%;}*/
   #section_type_introduce_0 li{width:45%;}
}

/*************** [banner]animation ***************/
/*#section_type_introduce_0 li{
	opacity: 0;
	top:20%;
	position:relative;
	transition: all 600ms ease;
}
#section_type_introduce_0 li:nth-child(2){transition-delay:0.2s}
#section_type_introduce_0 li:nth-child(3){transition-delay:0.4s}
#section_type_introduce_0 li:nth-child(4){transition-delay:0.6s}*/