#icon_02 { width:100%; overflow:hidden; background-color:#f5f5f5;  padding:90px 0 95px 0;   }
#icon_02 ul {padding:0; width:1200px; margin:0px auto; border:0px solid #000; overflow: hidden;}
#icon_02 ul li {float:left;  width:25%; list-style-type:none; padding:0; border-left:1px solid #dfdfdf;}
#icon_02 ul li:first-child {border:0;}
#icon_02 ul li .tit {display:block; padding-bottom:25px; font-size:22px; font-weight:500;}
#icon_02 ul li .txt {display:block; color:#888; font-size:15px; line-height:25px; padding:0 20px;}
#icon_02 ul li a{display:block; height:200px; text-align: center; padding-top:10px; box-sizing:border-box;
  background-position:center 95%; background-repeat:no-repeat;  transition: all 0.3s;}
#icon_02 ul li.ico1 a:hover,#icon_02 ul li.ico2 a:hover,#icon_02 ul li.ico3 a:hover,#icon_02 ul li.ico4 a:hover{
		background-position:center 90%; transition: all 0.3s;}
#icon_02 ul li.ico1 a{ background-image:url("../img/ico1.png"); }
#icon_02 ul li.ico2 a{ background-image:url("../img/ico2.png"); }
#icon_02 ul li.ico3 a{ background-image:url("../img/ico3.png");}
#icon_02 ul li.ico4 a{ background-image:url("../img/ico4.png");}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#icon_02 { padding:30px 0 15px 0;   }
#icon_02 ul li {float:left;  width:50%;  border-left:0px }
#icon_02 ul {padding:0; width:100%; }
#icon_02 ul li .tit {padding-bottom:15px; font-size:18px; }
#icon_02 ul li .txt { font-size:13px; line-height:20px; padding:0 1px}
#icon_02 ul li a{ height:200px;   background-position:center 80%; }
#icon_02 ul li.ico1 a:hover,#icon_02 ul li.ico2 a:hover,#icon_02 ul li.ico3 a:hover,#icon_02 ul li.ico4 a:hover{
		background-position:center 80%; }
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}