#brand {width:100%; margin:0 auto; overflow:hidden;}
#brand .item {padding: 110px 30px; max-width:85%; display:flex; margin:0 auto;
gap:30px; flex-wrap:wrap; justify-content:center;}
#brand .item  a{display:inline-block; color:#CBD95D;
font-size:50px; font-family: 'Nanum Myeongjo', serif; padding:100px 10px; margin: 30px;}
#brand .item a:hover{ 
  color:#fff; transition: 0.3s all; 
  /*font-weight: 600;*/ 
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

#brand .item span {display:block; color:#fff; font-size:25px;  font-family:"Noto Sans KR"; padding-top:30px; }

#brand .item #banner01{
background-image:url(../img/rec_img.png);
background-repeat: no-repeat;
width:620px;
height:321px;
}


#brand .item #banner02{
background-image:url(../img/rec_img2.png);
background-repeat: no-repeat;
width:620px;
height:321px;
}


#brand .item #banner03{
background-image:url(../img/rec_img3.png);
background-repeat: no-repeat;
width:620px;
height:321px;}


#brand .item #banner04{
background-image:url(../img/rec_img4.png);
background-repeat: no-repeat;
width:620px;
height:321px;}






/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1500px) {
#brand .item {padding: 90px 0px; max-width:90%; margin:0 auto;}	
}
@media (max-width: 1023px) {
#brand .item {padding: 50px 0px; max-width:90%; margin:0 auto;}
#brand .item .floatL ,
#brand .item .floatR { width:100%; }
#brand .item  a{ border-radius:10px;font-size:25px; padding:35px 10px; margin:10px 0;}
#brand .item a:hover{  color:#fff; transform: scale(1.1); }
#brand .item span {display:block; color:#fff; font-size:15px;  padding-top:15px; }
#brand .item > div{
	width:100% !important;
	height:auto !important;
	background-size:cover;
	border-radius:30px;
	background-position:center;
}	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}