@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#brand2 { max-width:1300px; margin:160px auto 0px auto; text-align:center;}
#brand2 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items:center }
#brand2 .flex .item{   width:50%;  }
#brand2 .tit { font-size:60px; line-height:65px;   font-family:'NanumSquareNeoExtraBold'; font-weight:600  }
#brand2 .txt {  font-size:20px; line-height:38px; 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; }


#brand2  .brand-title .tit { font-size: 40px; font-weight: 700; margin-bottom: 20px;  }
#brand2  .brand-title .subtxt { font-size: 18px;  color: #777;   line-height: 1.5; }
  
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1400px) {
#brand2 { max-width:calc(100% - 100px); }	
}
@media (max-width: 1023px) {
#brand2 { max-width:calc(100% - 30px); margin:80px auto 0px auto; }
#brand2 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items:center }
#brand2 .flex .item{   width:100%; padding:5px 0 }
#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; }
#brand2  .brand-title .tit { font-size: 25px; font-weight: 600; margin-bottom: 10px;  }
#brand2  .brand-title .subtxt { font-size: 15px;  color: #777;   line-height: 22px; }
  
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}