/* brand */
.brand-banner .title {
	margin-bottom: 43px;
}
.brand-area .item-wrap {
	padding: 271px 0 190px 0;
	width: 1088px;
	margin: 0 auto;
	font-size: 0;
}
.brand-area .item-wrap .box {
	position: relative;
	width: 341px;
	height: 201px;
	border: 1px solid #d3d3d3;
	display: inline-block;
	margin: 0 29px 22px 0;
	opacity: 0;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	text-align: center;
	/* animation-iteration-count: 1; */
}
.brand-area .item-wrap .box:hover .dummy {
	opacity: 1;
}
.brand-area .item-wrap .box .dummy {
	background: rgba(0, 0, 0, 0.8);
	padding: 38px 32px;
	box-sizing: border-box;
	text-align: right;
	color: #ffffff;
	z-index: 1;
	opacity: 0;
	transition: all 0.2s ease;
	text-align: left;
}
.brand-area .item-wrap .box .dummy .name {
	margin-bottom: 18px;
}
.brand-area .item-wrap .box .dummy .name p {
	font-size: 22px;
	letter-spacing: -0.02em;
}
.brand-area .item-wrap .box .dummy .name .en {
	font-family: 'Montserrat';
	font-weight: 700;
	margin-bottom: 9px;
}
.brand-area .item-wrap .box .dummy .summary {
	font-family: 'NotoSansKR-Light';
	font-size: 16px;
	letter-spacing: -0.02em;
	line-height: 1.2;
}
.brand-area .item-wrap .box .dummy .link {
	display: block;
	margin-top: 10px;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 18px;
	letter-spacing: -0.02em;
	text-decoration: underline;
}
.brand-area .item-wrap .box._1 {
	animation-delay: 300ms;
}
.brand-area .item-wrap .box._2 {
	animation-delay: 500ms;
}
.brand-area .item-wrap .box._3 {
	animation-delay: 700ms;
}
.brand-area .item-wrap .box._4 {
	animation-delay: 900ms;
}
.brand-area .item-wrap .box._5 {
	animation-delay: 1100ms;
}
.brand-area .item-wrap .box._6 {
	animation-delay: 1300ms;
}
.brand-area .item-wrap .box._7 {
	animation-delay: 1500ms;
}
.brand-area .item-wrap .box._8 {
	animation-delay: 1700ms;
}
.brand-area .item-wrap .box._9 {
	animation-delay: 1900ms;
}
.brand-area .item-wrap .box._10 {
	animation-delay: 2100ms;
}
.brand-area .item-wrap .box._11 {
	animation-delay: 2300ms;
}
.brand-area .item-wrap .box._12 {
	animation-delay: 2500ms;
}
.brand-area .item-wrap .box._13 {
	animation-delay: 2700ms;
}
.brand-area .item-wrap .box.break {
	margin: 0 0 22px 0;
}
.brand-area .item-wrap .box.end {
	margin: 0;
}
.brand-area .item-wrap .box img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 238px;
}
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/* end brand */