#brand2 { max-width:1300px; margin:200px auto; text-align:center;}
#brand2 .tit { font-size:50px; line-height:65px;  margin-bottom:10px; font-weight:700 }
#brand2 .txt {  font-size:18px; line-height:24px; color: #7c7c7c; }
#brand2 .keyword {clear:both; overflow:hidden; padding-top:50px;}
#brand2 ul li {display:inline-block; margin-top: 2rem; }
#brand2 ul li a{display:block; text-align:center; font-size:16px; width:280px;}
#brand2 ul li img { height: 60px;}
#brand2 ul li a:nth-child(2) {margin: 8px 0; font-size: 20px; font-weight: 500; color: #575757;}
#brand2 ul li a:nth-child(3) {color: #9e9e9e; font-size: 15px;}
#brand2 ul li a:nth-child(4) {margin: 15px auto 0 auto; border: 1px solid #B8B8B8; padding: 5px 0; width: 140px; color: #727272; font-size: 14px; border-radius:50px;}
#brand2 ul li a:nth-child(4):hover {background:#2F88EF; border:1px solid #2F88EF; color:#fff; transition: all 0.3s; color:#fff; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1400px) {
#brand2 { max-width:calc(100% - 100px); }	
}
@media (max-width: 1023px) {
#brand2 { max-width:calc(100% - 30px); margin:100px auto; }
#brand2 .tit { font-size:25px; line-height:30px;  }
#brand2 .txt {  font-size:14px; line-height:19px; padding:0px 0 0px 0  }
#brand2 .keyword {clear:both; overflow:hidden; padding:20px 0;}
#brand2 ul { margin: 0 auto;}
#brand2 ul li a{width:230px;}
#brand2 ul li img { height: 40px;}
#brand2 ul li a:nth-child(2) {margin: 8px 0; font-size: 18px; font-weight: 500; color: #575757;}
#brand2 ul li a:nth-child(3) {color: #9e9e9e; font-size: 13px;}
#brand2 ul li a:nth-child(4) {margin: 15px auto 0 auto; border: 1px solid #B8B8B8; padding: 5px 0; width: 120px; color: #727272; font-size: 12px; border-radius:50px;}
#brand2 ul li a:nth-child(4):hover {background:#2F88EF; border:1px solid #2F88EF; color:#fff; transition: all 0.3s; color:#fff; }

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
  #brand2 ul li a{width:176px;}
  #brand2 ul li a:nth-child(3) {color: #9e9e9e; font-size: 11px;}
  #brand2 ul li a:nth-child(4) {width: 100px; font-size: 11px;}
}
@media (max-width: 480px) {
  #brand2 ul {width: 100%; margin: 0 auto;}
}
@media (max-width: 320px) {
}