@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

#brand2 { max-width:1300px; margin:100px auto; text-align:center;}
#brand2 .tit { font-size:55px; line-height:65px;  margin-bottom:10px;  font-family:'Montserrat'; font-weight:600 }
#brand2 .txt {  font-size:20px; line-height:35px; padding:20px 0   }
#brand2 .keyword {clear:both; overflow:hidden; padding:30px 0;}
#brand2 ul li {display:inline-block;   }
#brand2 ul li a{display:block; text-align:center; padding:12px 30px; border-radius:50px; font-size:20px; 
background:#fff; font-weight:500; margin:5px 8px ; width:200px; border:1px solid #333; font-weight:600; }
#brand2 ul li a:hover {background:#166ae8; border:1px solid #166ae8; 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:50px auto; }
#brand2 .tit { font-size:25px; line-height:30px;  }
#brand2 .txt {  font-size:14px; line-height:22px; padding:0px 0 0px 0  }
#brand2 .keyword {clear:both; overflow:hidden; padding:20px 0;}
#brand2 ul li {display:inline-block;   }
#brand2 ul li a{display:block; text-align:center; padding:5px 15px; border-radius:50px; font-size:15px; 
background:#fff; font-weight:500; margin:5px 3px ; width:100px; border:1px solid #333; font-weight:600; }
#brand2 ul li a:hover {background:#166ae8; border:1px solid #166ae8; color:#fff; transition: all 0.3s; color:#fff; }

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}