body {
	font-family: "" !important;
}
.wrap {
	padding-top: 4.5rem;
}
.contents_wrap {
	min-height: 100vh;
}
.product {
	margin-top: 3.6rem;
}
.tt__ {
	font-size: 2.4rem;
	line-height: 3.9rem;
	color: var(--font-color-dark-block);
}
.key_code_type {
	display: flex;
	align-items: center;
}
.key_code_type li {
	border-radius: 0.2rem;
	padding: 0.5rem 2rem;
	font-size: 0.8rem;
	background-color: #fff;
	color: #333333;
	border: 1px solid #e0e0e0;
}
.key_code_type li.active {
	background-color: #ff4400;
	border: 1px solid #ff4400;
	color: #fff;
}
.product_list {
	position: relative;
	margin-top: 1.55rem;
}
/* .product_list::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #c3c3c3;
} */
.m-nav ul {
	/* margin: 0;
	padding: 0;
	list-style: none; */
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	display: flex;
	align-items: center;
}
.m-nav ul li:first-child {
	margin-right: 0 !important;
}
.m-nav ul li {
	position: relative;
	display: table-cell;
	white-space: nowrap;
	margin-right: 1rem;
}
.m-nav ul li.on::after {
	width: 100%;
	left: 0;
}
.m-nav ul li a {
	font-size: 0.9rem;
	color: var(--font-color-dark);
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	box-sizing: border-box;
	line-height: 1.2rem;
	min-height: 1.875rem;
}
.m-nav ul li.on a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #ff4400;
}
.m-nav ul li.on a {
	font-weight: var(--font-bold);
}
ul#brandList {
	display: flex;
	align-items: center;
	gap: 1rem;
}
ul#brandList > li {
	font-size: 0.9rem;
	color: #bebebe;
	cursor: pointer;
}
ul#brandList > li.active {
	color: black;
}

.products {
	margin-top: 1.6rem;
	display: flex;
	justify-content: center;
}
.products .product_item {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-row-gap: 1.25rem;
	grid-column-gap: 1.25rem;
}
.products .tab {
	display: none;
}
.products .flex-direction {
	align-items: center;
	gap: 0.8rem;
	grid-gap: 0.8rem;
	cursor: pointer;
}
.products .thumbnail {
	width: 100%;
	border: 1px solid #eee;
}
.products .thumbnail img {
	height: auto;
}
.products .t_price {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
}
.products .t_price h5 {
	display: inline-block;
	max-width: 155px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.7rem;
	color: #4b4b4b;
	font-weight: var(--font-medium);
	font-family: "Pretendard Variable";
	padding: 0.3rem 0 0.8rem;
	line-height: 1;
}
.products .t_price span {
	font-size: 0.7rem;
	color: #999;
	font-family: "Pretendard Variable";
	font-weight: var(--font-medium);
	line-height: 1;
}
.products .t_price span.pri,
.products .t_price span.pri span {
	font-size: 0.9rem;
	color: #ff4400;
	/* color: #1f1f1f; */
	font-family: "Pretendard Variable";
	font-weight: var(--font-extrabold);
	line-height: 1;
}
.paging {
	gap: 0.2rem;
	grid-gap: 0.2rem;
	justify-content: center;
	margin: 4.6rem auto 8.4rem;
	max-width: 50%;
}
.paging ul {
	gap: 0.2rem;
	grid-gap: 0.2rem;
}
.paging ul li {
	font-size: 0;
}
.paging a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	font-size: 0.65rem;
	line-height: 1.05rem;
	letter-spacing: -0.01px;
	color: #3a3a41;
	font-family: "Pretendard Variable";
	font-weight: var(--font-bold);
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
}
.paging a.page.on {
	border: none;
	background: #222;
	color: var(--font-color-white);
}
.paging .prev {
	background: url(../images/btns/btn_prev.png) no-repeat center / cover;
	border: none;
}
.paging .next {
	background: url(../images/btns/btn_next.png) no-repeat center / cover;
	border: none;
}

/* brand */
.brand {
	position: relative;
	width: 100%;
	padding: 2.6rem 4.6rem;
	box-sizing: border-box;
	background: #f4f5f7;
	margin-top: 1.5rem;
}
.brandtitle {
	position: relative;
	justify-content: center;
	margin-bottom: 0.9rem;
}
.brandtitle h3 {
	font-size: 1.2rem;
	letter-spacing: 0;
	line-height: 1;
	color: #303030;
	font-weight: var(--font-extrabold);
}
.brand .brandswiper {
	position: relative;
	overflow: hidden;
}
.brand .swiper-button-prev {
	width: 2.9rem;
	height: 2.9rem;
	background: url(../images/btns/btn_product_prev.png) no-repeat center / cover;
	left: -1.45rem;
	top: calc(50% + 0.3rem);
	opacity: 1;
}
.brand .swiper-button-prev::after,
.brand .swiper-button-next::after {
	display: none;
}
.brand .swiper-button-next {
	width: 2.9rem;
	height: 2.9rem;
	background: url(../images/btns/btn_product_next.png) no-repeat center / cover;
	right: -1.45rem;
	top: calc(50% + 0.3rem);
	opacity: 1;
}
.brands .branditem {
	gap: 0.5rem;
	grid-gap: 0.5rem;
}
.brands .branditem img {
	width: 100%;
	max-width: 4.4rem;
	height: auto;
}
.brands .branditem > div {
	font-size: 0.7rem;
	letter-spacing: 0;
	color: #1f1f1f;
	font-weight: var(--font-regular);
	font-family: "Pretendard Variable";
	white-space: nowrap;
	text-align: center;
}
/* product brand */
.all_product_brand {
	justify-content: space-between;
	margin-top: 3.8rem;
	padding-bottom: 0.85rem;
	border-bottom: 2px solid #1f1f1f;
}
.all_product_brand .searchbox {
	gap: 0.9rem;
	grid-gap: 0.9rem;
	flex-grow: 1;
	justify-content: space-between;
}
.all_product_brand .all_product_count {
	gap: 0.3rem;
	grid-gap: 0.3rem;
}
.all_product_brand .all_product_count h6 {
	font-size: 1rem;
	letter-spacing: -0.18px;
	color: #1f1f1f;
	line-height: 1;
	font-weight: var(--font-medium);
}
.all_product_brand .all_product_count span {
	font-size: 1rem;
	letter-spacing: -0.18px;
	color: #ff4400;
	font-weight: var(--font-extrabold);
	font-family: "Pretendard Variable";
}
.all_product_brand .searchbox button {
	width: 100%;
	max-width: 12.4rem;
	height: 2.2rem;
	border: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 0.7rem;
	letter-spacing: -0.01px;
	font-weight: var(--font-medium);
	font-family: "Pretendard Variable";
	color: #1f1f1f;
	padding: 0 0.9rem 0 0.9rem;
}
.all_product_brand .searchbox input {
	width: 100%;
	max-width: 12.4rem;
	height: 2.2rem;
	border: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 0.7rem;
	letter-spacing: -0.01px;
	font-weight: var(--font-medium);
	font-family: "Pretendard Variable";
	color: #1f1f1f;
	padding: 0 2.6rem 0 0.9rem;
	background: url(../images/icons/ic_product_search.png) no-repeat 93% / 0.8rem 0.8rem;
}
.all_product_brand .searchbox input::placeholder {
	font-family: "Pretendard Variable";
	color: #c6c7cb;
}
.all_product_brand .filter {
	gap: 0.75rem;
	grid-gap: 0.75rem;
}
.all_product_brand .filter div {
	font-size: 0.75rem;
	letter-spacing: 0;
	line-height: 1;
	color: #1f1f1f;
	font-weight: var(--font-regular);
	cursor: pointer;
}
.all_product_brand .filter div.on {
	font-weight: var(--font-bold);
}
.all_product_brand .filter img {
	width: 1px;
	height: 0.7rem;
}

/*  */