/* BASIC css start */
/* Pretendard 웹폰트 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');

#content, #content * {
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
}

#contentWrapper {padding-top: 28px;}
#contentWrap {width: 1285px;} 

div.e_title { font-size: 25px; line-height: 60px; color: #333; font-weight: bold; }
div.e_title_s { font-size: 22px; line-height: 55px; color: #333; font-weight: bold; margin-top: 20px;}
div.e_bar { border-top: 2px solid #000;}
div.e_bar_s { border-top: 1px solid #dcdcdc; margin-top: 30px; margin-bottom: 30px;}


.e_tab_wrap {
	display: flex;
	gap: 8px;
	margin: 0 0 24px 0;
}
.e_tab_btn {
	font-family: 'Pretendard', sans-serif;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 22px;
	border-radius: 999px;
	border: 1px solid #dcdcdc;
	background: #fff;
	color: #333;
	cursor: pointer;
	transition: all .15s ease;
}
.e_tab_btn:hover { border-color: #999; }
.e_tab_btn.active {
	background: #000;
	border-color: #000;
	color: #fff;
}

/* ===== 배너 리스트 ===== */
.e_ing { width: 1285px; }
.e_end { width: 1285px; }

/* nth-child(3n) 방식은 탭 필터링(display:none)으로 감춰진 li도 카운트에 포함되어
   버튼을 눌렀을 때 3번째 열 여백이 엉뚱한 아이템에 붙는 문제가 있어 flex로 교체 */
.e_ing > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 27px;
}

li.e_padding_1 {
	width: 410px;
	padding: 0;
	margin: 0;
	position: relative;
}
li.e_padding_1 img { width: 410px; }


p.e_name { font-size: 18px; color: #000; font-weight: 500; padding-top:15px}
p.e_name_s { font-size: 15px; color: #7c7c7c; padding-top: 5px; padding-bottom:20px;} 



.e_badge {
	display: inline-block;
	margin-top: 0px;
	margin-right: -20px;    
	padding: 3px 10px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .3px;
	color: #fff;
}

.badge-brand     { background: #000000; }
.badge-sale      { background: #000000; }
.badge-promotion { background: #000000; }
.badge-pre-order  { background: #000000; }
.badge-event     { background: #000000; }
.badge-collection     { background: #000000; }


/* ===== 종료 탭: 배너 이미지만 어둡게 (뱃지는 영향 없음) ===== */
li.e_padding_1[data-status="end"] .e_thumb {
	position: relative;
}
li.e_padding_1[data-status="end"] .e_thumb img {
	filter: brightness(0.5); /* 숫자를 낮출수록(0.3, 0.4...) 더 어둡게, 높일수록(0.6, 0.7...) 더 밝게 */
}
li.e_padding_1[data-status="end"] .e_badge_wrap {
	position: relative;
	z-index: 10;
}
/* BASIC css end */