/***** list tit *****/
.list__tit {
	background: center/cover no-repeat;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0 !important;
}

/*.list__tit.cate_076001 {*/
/*    background-image: url("../images/bg_list_tv.jpg");*/
/*}*/
/*.list__tit.cate_076002 {*/
/*    background-image: url("../images/bg_list_vacuum.webp");*/
/*}*/
/*.list__tit.cate_076003 {*/
/*    background-image: url("../images/bg_list_dishwasher.jpg");*/
/*}*/
/*.list__tit.cate_076004 {*/
/*    background-image: url("../images/bg_list_airpuri.webp");*/
/*}*/
/*.list__tit.cate_076005 {*/
/*    background-image: url("../images/bg_list_wash.jpg");*/
/*}*/
/*.list__tit.cate_076006 {*/
/*    background-image: url("../images/bg_list_aircon.webp");*/
/*}*/
/*.list__tit.cate_076007 {*/
/*    background-image: url("../images/bg_list_warm.webp");*/
/*}*/
/*.list__tit.cate_076008 {*/
/*    background-image: url("../images/bg_list_rep.jpg");*/
/*}*/
/*.list__tit.cate_076009 {*/
/*    background-image: url("../images/bg_list_kimch.jpg");*/
/*}*/
/*.list__tit.cate_076010 {*/
/*    background-image: url("../images/bg_list_water.jpg");*/
/*}*/
/*.list__tit.cate_076011 {*/
/*    background-image: url("../images/bg_list_stove.jpg");*/
/*}*/
/*.list__tit.cate_076012 {*/
/*    background-image: url("../images/bg_list_company.webp");*/
/*}*/
/*.list__tit.cate_076014 {*/
/*    background-image: url("../images/bg_list_micro.webp");*/
/*}*/

section h1 {
	color: var(--grayScale-01);
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	font-size: 60px;
	font-weight: 700;
}

/***** list tit *****/

/***** list top contents *****/
.list-top-contents {
	padding: 60px 0;
	border-bottom: 5px solid var(--grayScale-03);
	margin-bottom: 0;
}

.list-top-contents .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 40px;
	border-radius: 20px;
	gap: 20px;
}

.list-top-contents__item {
	height: auto;
	display: block;
	flex: 1;
	background: var(--grayScale-03);
	padding: 40px;
	border-radius: 20px;
}

.list-top-contents__item:first-of-type {
	background: var(--grayScale-03) url("../images/img_list_top_contents_02.webp") no-repeat right 20px center / 150px;
	background-size: 150px 150px;
}

.list-top-contents__item:last-of-type {
	background: var(--grayScale-03) url("../images/img_list_top_contents_03.webp") no-repeat right 20px center / 150px;
	background-size: 150px 150px;
}

.list-top-contents__item span {
	color: var(--grayScale-15);
	font-size: 24px;
	font-weight: 700;
}

.list-top-contents__item span span {
	color: var(--ci-blue);
	font-size: 16px;
	font-weight: 500;
	display: block;
	margin-bottom: 12px;
}

/***** list top contents *****/

/***** list main contents *****/
.list-main-contents {
	overflow: visible;
	margin-bottom: 0;
}

.list-main-contents .inner {
	display: flex;
	position: relative;
}

.list-filter-wrap {
	height: calc(100dvh - 47px);
	overflow-y: auto;
	width: 320px;
	position: sticky;
	top: 60px;
	z-index: 2;
	flex: 0 0 auto;
	padding-top: 114px;
	line-height: 25px;
	scrollbar-width: none;
}

.list-filter-body::-webkit-scrollbar {
	display: none;
}

.list-filter-head {
	padding: 0 32px 0 0;
}

.list-filter-body {
	display: flex;
	height: calc(100% - 66px);
	flex-direction: column;
	gap: 40px;
	padding: 40px 20px 120px 0;
	overflow-y: scroll;
	mask-image: linear-gradient(to top, transparent, black),
	linear-gradient(to left, transparent 17px, black 17px);
	mask-size: 100% 20000px;
	mask-position: left bottom;
	-webkit-mask-size: 100% 20000px;
	-webkit-mask-position: left bottom;
	transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}

.list-filter-body:hover {
	-webkit-mask-position: left top;
}

.list-filter-body::-webkit-scrollbar-thumb:hover {
	border: 2px solid var(--grayScale-01);
	background: var(--grayScale-07);
}

.list-active-filter-wrap {
	display: none;
}

.list-main-contents h2 {
	color: var(--grayScale-15);
	font-size: 20px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--grayScale-04);
	font-weight: 600;
}

.list .prd-wrap .prd-item {
	display: flex;
}

.list-prd-wrap {
	position: relative;
	flex: 1 1 auto;
	z-index: 1;
	margin-left: 4px;
	padding: 76px 0 120px 80px;
	border-left: 1px solid var(--grayScale-04);
}

.list-prd-wrap h2,
.search__no-item__script h2 {
	color: var(--grayScale-12);
	font-size: 24px;
	font-weight: 500;
}

.list-prd-wrap h2 span,
.search__no-item__script h2 span {
	color: var(--ci-blue);
	font-weight: 600;
}

.search__no-item__script p {
	margin-top: 12px;
}

.list-filter-section {
	padding-bottom: 40px;
	border-bottom: 1px solid var(--grayScale-04);
}

.list-filter-section:last-of-type {
	border-bottom: none;
}

.list-filter-group_tit {
	color: var(--grayScale-10);
	font-size: 16px;
}

.list-filter-tag-wrap {
	margin-top: 12px;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.list-filter-tag {
	background: var(--grayScale-03);
	padding: 4px 8px;
	width: fit-content;
	border-radius: 4px;
	color: var(--grayScale-10);
	cursor: pointer;
	transition: all 0.1s linear;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.list-filter-tag.active {
	background: var(--ci-blue);
	color: var(--grayScale-01);
}

/***** list main contents *****/

/***** list no item contents *****/

.prd-wrap.no-item {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}

.prd-wrap.no-item .no-item__script {
	text-align: center;
}

.prd-wrap.no-item .no-item__script {
	font-size: 20px;
	color: var(--grayScale-08);
}

.filter-reset__btn {
	width: fit-content;
	background: var(--grayScale-11);
	color: var(--grayScale-01);
	font-size: 20px;
	padding: 8px 20px;
	border-radius: 8px;
}

/***** list no item contents *****/


/***** search header *****/
section.search-header {
	margin: 0;
	padding: 60px 0;
	border-bottom: 5px solid var(--grayScale-03);
}

.search-header .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;
}

.search-header .search-box {
	padding-bottom: 0;
}

.search-header .search-box input {
	background: var(--grayScale-03);
	border-radius: 40px;
	display: block;
	width: 800px;
	height: 64px;
	padding: 12px 80px 12px 40px;
	font-size: 16px;
	appearance: none;
}

.search-header .search-box button {
	background: transparent;
	position: absolute;
	right: 24px;
	bottom: 12px;
	cursor: pointer;
}

.search-box-recommend-keyword-box {
	display: flex;
	gap: 40px;
}

.search-box-recommend-keyword-box h2 {
	width: fit-content;
	flex: 0 0 auto;
	line-height: 37px;
}

.search-box-recommend-keyword {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.search-box-recommend-keyword li {
	border: 1px solid var(--grayScale-06);
	border-radius: 20px;
}

.search-box-recommend-keyword li a {
	display: block;
	padding: 8px 16px;
	color: var(--grayScale-15);
	font-size: 16px;
}

section.search__no-item {
	min-height: calc(100dvh - 118px);
	margin-bottom: 0;
}

.search__no-item__script {
	text-align: center;
}

/***** search header *****/