#icon { width:100%; overflow:hidden; padding:20px 0 60px 0; font-size:17px; border-bottom:1px solid #dfdfdf; }
#icon ul {padding:0; width:1100px; margin:0px auto;}
#icon ul li {float:left;  width:20%; list-style-type:none; padding:25px 0;}
#icon ul li a{display:block; height:130px; text-align: center; padding-top:115px; box-sizing:border-box; }
#icon ul li.ico1 a:hover,#icon ul li.ico2 a:hover,#icon ul li.ico3 a:hover,#icon ul li.ico4 a:hover,#icon ul li.ico5 a:hover,
#icon ul li.ico6 a:hover,#icon ul li.ico7 a:hover,#icon ul li.ico8 a:hover,#icon ul li.ico9 a:hover,#icon ul li.ico10 a:hover{
		background-position:center 10%; transition: all 0.3s; font-weight:bold; opacity:70%;}
#icon ul li.ico1 a{ background:url("../img/icon_block01.png")no-repeat center 25%; transition: all 0.3s;}
#icon ul li.ico2 a{ background:url("../img/icon_block02.png")no-repeat center 25%; transition: all 0.3s; }
#icon ul li.ico3 a{ background:url("../img/icon_block03.png")no-repeat center 25%;  transition: all 0.3s;}
#icon ul li.ico4 a{ background:url("../img/icon_block04.png")no-repeat center 25%; transition: all 0.3s;}
#icon ul li.ico5 a{ background:url("../img/icon_block05.png")no-repeat center 25%; transition: all 0.3s;}

#icon ul li.ico6 a{ background:url("../img/icon_block06.png")no-repeat center 25%; transition: all 0.3s;}
#icon ul li.ico7 a{ background:url("../img/icon_block07.png")no-repeat center 25%; transition: all 0.3s; }
#icon ul li.ico8 a{ background:url("../img/icon_block08.png")no-repeat center 25%;  transition: all 0.3s;}
#icon ul li.ico9 a{ background:url("../img/icon_block09.png")no-repeat center 25%; transition: all 0.3s;}
#icon ul li.ico10 a{ background:url("../img/icon_block10.png")no-repeat center 25%; transition: all 0.3s;}

#icon div.tit {text-align:center; width:100%; padding:0 0 35px 0}
#icon h3{font-size:35px; font-family:"noto_m"; font-weight:normal; padding-bottom:10px; padding-top:25px;}



/*#icon { width:100%; overflow:hidden; padding:0px 0 10px 0; font-size:17px; border-bottom:1px solid #dfdfdf; }
#icon ul {padding:0; width:1100px; margin:0px auto;}
#icon ul li {float:left;  width:25%; list-style-type:none; padding:25px 0;}
#icon ul li a{display:block; height:200px; text-align: center; padding-top:135px; box-sizing:border-box; }
#icon ul li.ico1 a:hover,#icon ul li.ico2 a:hover,#icon ul li.ico3 a:hover,#icon ul li.ico4 a:hover{
		background-position:center 25%; transition: all 0.3s;}
#icon ul li.ico1 a{ background:url("../img/bg_company.png")no-repeat center 35%; transition: all 0.3s;}
#icon ul li.ico2 a{ background:url("../img/bg_business.png")no-repeat center 35%; transition: all 0.3s; }
#icon ul li.ico3 a{ background:url("../img/bg_product.png")no-repeat center 35%;  transition: all 0.3s;}
#icon ul li.ico4 a{ background:url("../img/bg_qna.png")no-repeat center 35%; transition: all 0.3s;}
#icon ul li.ico4 a{ background:url("../img/bg_qna.png")no-repeat center 35%; transition: all 0.3s;}*/

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#icon {  border-bottom:0px solid #dfdfdf; }
#icon ul {width:100%; }
#icon ul li {float:left;  width:50%; list-style-type:none; padding:5px 0;}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}