#brand * {
	font-family: "Pretendard";
}
#brand .top {
	position:relative;
}
#brand .top .img img {
	width:100%;	
}
#brand .top .text {
	position:absolute;
	top:calc(5% * 2);
	left:0;
	text-align:center;
	width:100%;
}
#brand .top .text h3{
	font-family: "MaruBuri";
	font-weight: 700;
	font-size:36px;
	line-height:46px;
	color:#111;
}
#brand .top .text p{
	margin-top:24px;
	font-size:16px;
	line-height:24px;
	color:#3a3a3a;
}


#brand .cardList {
	margin:0 auto;
}
#brand .cardList ul{	
}
#brand .cardList li{
	text-align: center;
	box-sizing: border-box;
	position:relative;
}

#brand .cardList li .img img{
	width:100%;
}
#brand .cardList li .contentArea{
	position:absolute;
	top:calc(4% * 2.5);
	left:0;
	width:100%;
}
#brand .cardList li h3 {
	font-family: "MaruBuri";
	font-size:24px;
	font-weight:700;
	line-height:32px;
}
#brand .cardList li p {
	font-size:16px;
	line-height:24px;	
	margin-top:16px;
}
#brand .cardList li a {
	display:inline-block;
	width:153px;
	height:44px;
	line-height:42px;
	border-radius: 21px;
	font-size:16px;
	color:rgba(37, 37, 37, 0.6);	
	margin-top:24px;
	border:1px solid rgba(37, 37, 37, 0.2);	
	background:rgba(255, 255, 255, 0.5);
}
#brand .cardList li a img{
	width:10px;
	margin-left:12px;
	margin-top:-2px;	
}