/* BASIC css start */
.brnadList { margin-bottom:50px; text-align: center;}
.brnadList button { display: inline-block; margin-left: 3px;background: #ffffff;width:40px; text-align: center; padding: 8px; font-size: 11px;margin-bottom: 5px; height: 30px;border-radius: 6px; border: 1px solid #eee; box-sizing: border-box; text-transform:uppercase; -webkit-transition:all 0.5s;-khtml-transition:all 0.5s ease;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.7s;transition:all 0.5s; }
.brnadList button:hover {border:1px solid #999;}
.brnadList button.listAll {font-size: 12px; background: #f3f3f3; color: #333;line-height: 10px; }
.brnadList button.active {background: #333;border: 1px solid #333;}
.brnadList button.active {color:#fff}

.brnadLogo .element-item {display:block;width:100%;}
.brnadLogo ul > li > a { display: block;text-align: center; padding:0;margin: 10px 0 10px 0; border-radius: 4px; width: 40px;height: 20px; line-height: 20px;font-size: 18px; background: #333; color:#fff }
.brnadLogo ul > li > nav {display:block;margin:15px 0 30px;}
.brnadLogo ul li > nav > div { display: inline-block; margin: 0 0.5% 1% 0;text-align:center; padding: 15px;font-size: 12px; width: 200px; height: 255px;  border: 1px solid #eee; }
.brnadLogo ul li > nav > div:hover {border:1px solid #999;}
.brnadLogo ul li > nav > div > a {display:block;text-align:center;;}
.brnadLogo ul li > nav > div img {display:block; width:200px;margin-bottom:10px;border-bottom:1px solid #eee;}
.brnadLogo ul li > nav > div span {display:block;}
.brnadLogo ul li > nav > div span.kor {font-family:"Nanum Gothic"; margin-bottom:5px;}
.brnadLogo ul li > nav > div span.eng {  font-size:11px;;letter-spacing:0.5px;  }
/* BASIC css end */