.brand_list{
	width: 100%;
	height: 78px;
	margin: 30px 0;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.brand_list li{
	width: 120px;
	height: 78px;
	line-height: 78px;
	float: left;
	cursor: pointer;
}
.brand_list li img{
	max-width: 120px;
	max-height: 78px;
	vertical-align: middle;
}

.brand_page{
	width: 100%;
	height: 400px;
	margin-top: 30px;
	border-top: 1px solid #333;
}
.brand_page div{
	float: left;
}

.brand_page .product_title{
	width: 220px;
	height: 100%;
}
.brand_page .product_title ul{
	width: 100%;
	height: 100%;
	background: #0071C5;
	border-left: 1px solid #ccc;
}
.brand_page .product_title ul .brand_logo{
	width: 100%;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
	text-align: center;
	background: #fff;
}
.brand_page .product_title ul .brand_logo img{
	vertical-align: middle;
}
.brand_page .product_title ul li{
	line-height: 30px;
	padding: 0px 30px;
	box-sizing: border-box;
	color: #fff;
	font-size: 13px;
}
.brand_page .product_title ul li a{
	color: #fff;	
}

.brand_page .product_title ul .list_space{
	margin-top: 10px;
}

.brand_page .brand_title{
	width: 980px;
	height: 100%;
}
.brand_page .brand_title img{
	width: 100%;
	height: 100%;
}





.bottom_brand_list{
	width: 100%;
	height: 78px;
	margin-top: 30px;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.bottom_brand_list li{
	width: 120px;
	height: 78px;
	line-height: 78px;
	float: left;
	cursor: pointer;
}
.bottom_brand_list li img{
	width: 100%;
	max-height: 78px;
	vertical-align: middle;
}




/* new 20201113 */
.brand_wrap{}
/* .brand_wrap .brand_list{ margin-bottom: 30px; } */

/* .brand_wrap .layout{ margin-bottom: 30px; }
.brand_wrap .layout > div{ height: 400px; } */
.brand_wrap .brand_panel{ margin-bottom: 30px; }
.brand_wrap .brand_panel > div{ height: 400px; }
.brand_wrap .menu{
	width: 220px;	
}

.brand_wrap .logo{
	text-align: center;
	height: 68px;
	line-height: 68px;
	/* border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec; */
	border: 1px solid #ececec;
}
.brand_wrap .logo img{ 
	vertical-align: middle;
	max-height: 65px;
}


.brand_wrap .category{
	height: 310px;
	padding: 10px;
}

.brand_wrap .category > ul > li > a{
	color: #fff;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-family: 'Malgun Gothic', sans-serif;
	letter-spacing: -1px;
	padding: 0 10px;
}

.brand_wrap .category > ul > li > a.on{
	background: rgba(255,255,255,0.9);
}
 



.brand_wrap .sub_menu{
	display: none;
}
.brand_wrap .banner img{ width: 980px; height: 400px; display: block; }





.brand_wrap .title{
	font-family: 'NanumSquare';
	font-size: 26px;
	margin-bottom: 20px;
	margin-top: 30px;
	letter-spacing: -1px;
	font-weight: 900;
	color: #333;
}
.brand_wrap .brand_select{
	/* padding: 10px;
	border: 1px solid #d3d3d3;
	background: #fff; */
	border: 1px solid #d3d3d3;
	padding: 30px;
	/* margin: 30px 0;  */
}

.brand_wrap .brand_select li{
	float: left;
	width: 359px;
	margin: 10px 30px 0 0;
}
.brand_wrap .brand_select li:nth-child(-n+3){ margin-top: 0; }
.brand_wrap .brand_select li:nth-child(3n){ margin-right: 0; }
.brand_wrap .brand_select li > *{ display: block; }
.brand_wrap .brand_select li > a{
	height: 164px;
	border: 1px solid #ccc;
}
.brand_wrap .brand_select li > a > img{ width: 100%; height: 100%; }
.brand_wrap .brand_select li > span{ text-align: center; max-height: 77px; }
.brand_wrap .brand_select li > span > img{
	max-width: 100px;
}