body{
	cursor: default;
}

.main-top-cate{
	display: block;
}
.section-lg-basic.category{
	padding-top: 31px;
}
.category .detail-title-sm{
	padding-bottom: 18px;
	font-size: 20px;
	font-weight: 500;
	color: #000;
	letter-spacing: -1px;
}
.category .custom-select{
	background: transparent url(/resources/images/icons/arrow-down.png) no-repeat right 0 center/10px 5px!important;
}
@media (min-width:1160px) {
	.category .custom-select{
		background: transparent url(/resources/images/icons/arrow-down.png) no-repeat right 0 center/10px 5px!important;
	}
}
/* 탭메뉴 */
.category .tab-title {
	width: 100%;
	padding-left: 14px;
	padding-right: 14px;
	height: auto;
	background: #fff;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.category .tab-title ul {
	width: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap:0;
	border-top: 0.5px solid #e6e6e6;
	border-left: 0.5px solid #e6e6e6;
	box-sizing: border-box;
}
.category .tab-title ul li {
	padding: 0;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	border-bottom:0.5px solid #e6e6e6;
	border-right:0.5px solid #e6e6e6;
	height: 40px;
}
.category .tab-title ul li a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width:auto;
	height: 100%;
	font-size: 12px;
	letter-spacing:-0.3px;
	color: #000;
	background: #fff;
	cursor: pointer;
}
.category .tab-title ul li.active a {
	color: #fff;
	background:var(--main-color);
	border-width:0;
}
.category .tab-title ul li a .float-num{
	display: none;
}
.category .tab-inner {
	position: relative;
	width: 100%;
	height: auto;
}
.category .tab-cont {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0;
	display: block;
	background: #fff;
}
.category .tab-cont .tab-box {
	display: none;
	position: relative;
	width: 100%;
	padding:0;
	height: auto;
	background: #fff;
}
.category .tab-cont .tab-box.active {
	display: block;
}

.category .table-header {
	padding: 20px 0 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.category .table-header div:first-child{
	font-size: 12px;
}


@media (min-width:1160px) {
	.default-grid .item-sm{border: none;}
	
	.category.section-lg-basic{
		padding-top: 60px;
	}
	.category .tab-title {
		padding-left: 0;
		width: 24%;
		padding-right: 60px;
		height: auto;
	}
	.category .detail-title-sm{
		width: 100%;
		background:#f8f8f8;
		padding: 21px 19px;
		border: 1px solid #e6e6e6;
		border-bottom: 0;
	}
	.category .detail-title{
		font-size: 30px;
		font-weight: 600;
	}

	.category .tab-title ul {
		width: auto;
		display: block;
		justify-content: start;
		margin: 0;
		border: 1px solid #e6e6e6;
		border-top: 0;
		padding:5px 15px;
	}
	.category .tab-title ul li {
		width: 100%;
		height: 55px;
		line-height: 55px;
		border-right: 0;
		padding-right: 5px;
		box-sizing: border-box;
		position: relative;
		margin-bottom: 0;
	}
	.category .tab-title ul li:last-child{
		border-bottom: 0;
	}
	.category .tab-title ul li a {
		display: block;
		text-align: left;
		line-height: 55px;
		width:auto;
		padding: 0;
		font-size: 16px;
		letter-spacing:0.5px;
		border: 0;
	}
	.category .tab-title ul li.active a,  .tab-title ul li:hover a{
		color: var(--main-color);
		font-weight: 500;
		background:none;
	}
	.category .tab-title ul li.active a .float-num, .tab-title ul li:hover a .float-num{
		color: #000;
		font-weight: 500;
	}
	.category .tab-title ul li.active a::after{
		content: "";
		width: 6px;
		height: 10px;
		position: absolute;
		right: 0;
		top:23.5px;
		/* transform: translateY(-50%); */
		background-position: 50% 50%;
		background-size: cover;
		background-image: url("/resources/images/icons/category-arrow.png");
	}
	.category .tab-title ul li a .float-num{
		float: right;
		font-size: 13px;
		padding-right: 20px;
		display: block;
	}
	.category .tab-inner{
		width: 76%;
		height: auto;
	}
	.category .tab-cont .tab-box {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		/* max-width: 1160px; */
	}
	.category .table-header {
		padding: 40px 0 10px;
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
	}
	.category .table-header div:first-child{
		font-size: 16px;
		font-weight: 500;
	}
	.category .form-control-line{
		height: 23px;
		padding-right: 0;
		font-size: 16px;
		border: 0;
	}
}
.check-card{
	display: block;
	width: 100%;
	min-height: 10px;
	padding: 17px 0 17px 18px;
	font-size: 9px;
	border-top: 0;
	margin-bottom: 0;
	background:#fafafa;
	position: relative;
}
.check-card > div{
	position: relative;
}
.check-card > div >* >*{
	display: inline-block;
}
.check-card .w-10{
	width: 20%!important;
}
.check-card .w-90{
	position: relative;
	width: 80%!important;
	overflow-x: auto;
	display: flex;
	flex-wrap: nowrap;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.check-card .w-90::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
.check-card .w-10 strong{
	font-size: 11px;
	line-height: 25px;
}
.check-card > div:not(:last-child){
	margin-bottom: 10px;
}
.check-card .form-check{
	margin-bottom: 0;
	padding-left: 0;
	margin-right: 5px;
}


.check-card .btn-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
	margin-bottom: 5px;
}
.check-card .btn-check[disabled]+.btn,
.check-card .btn-check:disabled+.btn {
	pointer-events: none;
	filter: none;
	opacity: 0.65;
	padding:0;
	height: 25px;
	width: 75px;
}
.check-card .btn-check:checked+label {
	color:var(--main-color) !important;
	font-weight: 500;
	border-color: var(--main-color)!important;
	width: 75px;
	padding:0;
	height: 25px;
}
.check-card .btn-check+label.btn {
	text-align: center;
	font-weight: 500;
	font-size: 13px;
	color: #767676;
	background: #fff;
	border-width: 1px!important;
	border-style: solid;
	border-color: #e6e6e6;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding:0;
	margin: 0;
	width: 75px;
	word-break: normal;
}
.check-card .btn-line{
	border: 0;
}
.category .form-control-line{
	height: 23px;
	padding-right: 13px;
	font-size: 12px;
	border: 0;
}
.check-card .plus-btn{
	display: none;
}
@media (min-width:1160px) {
	.check-card .w-10{
		width: 90px!important;
	}
	.check-card .w-90{
		width: calc(100% - 90px)!important;
		overflow-x: unset;
		display: flex;
		flex-wrap: wrap;
	}
	.check-card{
		width: 100%;
		border-top: 2px solid #000!important;
		margin-top: 19px;
		margin-bottom:0;
		padding: 24px 60px 15px 31px;
		font-size: 14px;
		border: 0;
	}
	.check-card .w-10 strong{
		font-size: 14px;
		line-height: 28px;
		font-weight: 500;
		color: #000;
	}
	.check-card > div:not(:last-child){
		margin-bottom: 0;
	}
	.check-card .form-check{
		margin-bottom:8px;
		margin-right: -1px;
		width: 100px;
		padding-left: 0;
		position: relative;
	}
	.check-card .form-check:not(:nth-child(7n))::after{
		position: absolute;
		bottom: 8px;
		right: -0.5px;
		height: 14px;
		width: 1px;
		content: "";
		background: #dddddd;
		z-index: 1;
	}
	.check-card .btn-check[disabled]+.btn,
	.check-card .btn-check:disabled+.btn {
		pointer-events: none;
		filter: none;
		opacity: 0.65;
		padding:0;
		height: 28px;
		/* width: 100px; */
	}
	.check-card .btn-check:checked+label {
		color:var(--main-color) !important;
		font-weight: bold!important;
		border-color: var(--main-color)!important;
		background: #fff!important;
		width: auto;
		padding:0 ;
		height: 28px;
		z-index: 2;
	}
	.check-card .btn-check+label.btn {
		text-align: center;
		font-weight:normal;
		font-size: 14px;
		color: #444;
		background: transparent;
		border-width: 1px!important;
		border-style: solid;
		border-color: transparent;
		height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding:0;
		margin: 0;
		width: 100%;
	}
	.check-card .plus-btn{
		display: block;
		position: absolute;
		right: -20px;
		top: 5px;
		width: 24px;
		height: 24px;
		padding: 7px;
		object-fit: contain;
		border-radius: 12px;
		box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
		background-color: #fff;
	}
}
.refresh {
	width: 100%;
	height: auto;
	min-height: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
	border-bottom: 1px solid #E6E6E6;
}
.refresh > div:first-child{
	flex: 1;
	padding-right: 5px;
}
.refresh > div:last-child{
	width: 50px;
	margin-left: auto;
	text-align: right;
}
.refresh > div:first-child span{
	font-size: 12px;
	color: #767676;
	margin-right: 23px;
	position: relative;
	cursor: pointer;
}
.refresh > div:first-child span::after{
	content: "";
	position: absolute;
	right: -10px;
	top: 5px;
	width: 8px;
	height: 7px;
}
.refresh .refresh-button{
	background: url("/resources/images/icons/reset-button-mob.png") no-repeat center center/contain;
	display: block;
	position: relative;
	padding-left: 15px;
	width: auto;
	height: 12px;
	cursor: pointer;
}
.refresh .refresh-button::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -4px;
	height: 20px;
	width: 1px;
	background: #E6E6E6;
}
@media (min-width:1160px) {
	.refresh {
		padding: 0;
	}
	.refresh > div:last-child{
		width: 120px;
		margin-left: auto;
	}
	.refresh > div:last-child >*{
		display: inline-block;
	}
	.refresh p{
		display: block;
		line-height: 51px;
	}
	.refresh > div:first-child p{
		margin-right: 10px;
		font-weight: bold;
	}
	.refresh > div:last-child p{
		cursor: pointer;
	}
	.refresh > div:first-child span{
		font-size: 14px;
		margin-right: 44px;
		line-height: 51px;
	}
	.refresh > div:first-child span::after{
		content: "";
		position: absolute;
		right: -15px;
		top: 7px;
		width: 9px;
		height: 9px;
	}
	.refresh .refresh-button{
		display: inline-block;
		line-height: 51px;
		background: url("/resources/images/icons/reset-button.png") no-repeat center center/contain;
		position: relative;
		padding-left: 15px;
		margin-top: 16px;
		width: auto;
		height: 16px;
		cursor: pointer;
	}
	.refresh .refresh-button::before{
		height: 0;
	}
}
.category .grid {
	margin-top: 7px;
	align-items: stretch;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 269px;
	gap: 30px 11px;
	box-sizing: border-box;
}
.category .grid-item {
	width: auto;
	padding: 0;
	cursor: pointer;
	position: relative;
}
.category .item-sm:hover::before{
	content: "";
	top: -3px;
	left: -3px;
	position: absolute;
	background: transparent;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	border: 1px solid var(--main-color);
	z-index: 5;
	border-radius: 0;
}

@media (min-width:600px) {

	.category .grid {
		align-items: stretch;
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-auto-rows: 385px;
		gap: 14px 15px;
		box-sizing: border-box;
	}

}


/*=============20230612 카테고리 리뉴얼=============*/
/* section{margin: 0; padding: 0 20px;} */
main{overflow: hidden;}
.gray-filter{ filter: opacity(0.9) drop-shadow(0 0 0 #808080); }
@media screen and (max-width : 1159px) {
	.pc-only{display:none!important;}
	.mo-only{display:inline-block!important;}
	.badge-g{font-family: "Noto Sans KR"; font-weight: 400; font-size: 10px; line-height: 16px; letter-spacing: -0.6px; padding: 2px 6px; margin-right: 4px; background-color: #D9DADB; width: max-content;}
	.badge-b{font-family: "Roboto"; font-weight: 400; font-size: 10px; line-height: 16px; letter-spacing: -0.6px; padding: 2px 6px; margin-right: 4px; color: #FFF; background-color: #ED174D; width: max-content;}
	.badge-n{font-family: "Roboto"; font-weight: 400; font-size: 10px; line-height: 16px; letter-spacing: -0.6px; padding: 2px 6px; margin-right: 4px; color: #000; background-color: #BFE10E; width: max-content;}
	.dark-mode{position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); z-index: 99; width: 100%; height: 100%; z-index: 200; display: none;}
	.swiper-button-prev{display: none !important;}
	.swiper-button-next{display: none !important;}


	/*상단 header*/
	.category-header{width: 100%; position: relative; z-index: 100;}
	.category-header .product-type-area{display: flex; justify-items: center; align-items: center; position: relative;}
	.category-header .product-type-area .prev-btn{width: 24px; height: 24px; position: absolute; left: 18px; top: 16px;}
	.category-header .product-type-area .prev-btn img{width: 100%; height: 100%;}
	.category-header .product-type-area .product-type{margin: 0 auto; position: relative; width: 100%;}
	.category-header .product-type-area .product-type .product-select-area{position: relative; display: flex; justify-items: center; align-items: center; padding: 16px 0 17px 0; text-align: center;}
	.category-header .product-type-area .product-type .product-select-area .product-select-type{font-family: "Roboto"; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; margin: 0 auto; display: flex; justify-items: center; align-items: center;}
	.category-header .product-type-area .product-type .product-select-area .list-btn{width: 12px; height: 12px; margin-left: 4px; margin-top: -3px; vertical-align: text-top;}

	.category-header .product-type-area .product-type .product-select-area .list-btn .down-icon{width: 100%; height: 100%; object-fit: contain; /*vertical-align: text-top;*/ display:block;}
	.category-header .product-type-area .product-type .product-select-area .product-select-type.active .list-btn .down-icon{ display:none;}
	.category-header .product-type-area .product-type .product-select-area .list-btn .up-icon{width: 100%; height: 100%; object-fit: contain; display: none;}
	.category-header .product-type-area .product-type .product-select-area .product-select-type.active .list-btn .up-icon{display: block;}

	.category-header .product-type-area .product-type .product-type-list-area{margin: 0 auto; position: absolute; z-index: 100; background-color: #fff; width: 100%; border-top: 1px solid rgba(217, 218, 219, 1); display:none; box-shadow: 0px 4px 8px rgba(0,0,0,0.2);}
	.category-header .product-type-area .product-type .product-type-list-area.active{display:block;}
	.category-header .product-type-area .product-type .product-type-list-area .product-type-list{font-family: "Roboto"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.6px; text-align: center; color: #767676;}
	.category-header .product-type-area .product-type .product-type-list-area .product-type-list:active{color: #000; text-decoration-line: underline; font-weight: 700;}
	.category-header .product-type-area .product-type .product-type-list-area .product-type-list:first-child{padding: 24px 0;}
	.category-header .product-type-area .product-type .product-type-list-area .product-type-list:not(:first-of-type){padding-bottom: 24px;}

	.category-header .banner{background: url("/resources/images/renewal_category/mo/header-banner.png"); height: 150px; background-size: 100% 100%; position: relative;}
	.category-header .banner .text-area{ position: absolute; left: 20px; top: 50%; transform: translateY(-50%); }
	.category-header .banner .text-area .text01{font-family: "Noto Sans KR"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.6px;}
	.category-header .banner .text-area .text02{font-family: "Noto Sans KR"; font-weight: 500; font-size: 20px; line-height: 29px; letter-spacing: -0.6px;}

	/*상단 카테고리*/
	.category-title{padding: 0 20px; margin: 20px auto 32px;}
	.category-title .inner-wrap{display: grid;}
	.category-title .inner-wrap .grid{grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; display: grid; gap : 0 7px; width: 100%; justify-content: center;}
	.category-title .inner-wrap .grid .grid-item:not(:nth-last-child(-n+2)){margin-bottom: 8px;}
	.category-title .inner-wrap .grid .grid-item .normal{padding: 8px 0 9px 10px; font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; display: flex; justify-items: center; align-items: center; letter-spacing: -0.6px; background-color: #F0F0F0; border-radius: 4px; height: 35px; box-sizing: border-box;}

	.category-title .inner-wrap .grid .grid-item .hover{padding: 8px 0 9px 10px; font-family: "Noto Sans KR"; font-weight: 700; font-size: 12px; line-height: 18px; display: flex; justify-items: center; align-items: center; letter-spacing: -0.6px; background-color: #ED174D; border-radius: 4px; color: #FFF; display: none; height: 35px; box-sizing: border-box;}

	.category-title .inner-wrap .grid .grid-item .normal > span, .category-title .inner-wrap .grid .grid-item .normal > h2{font-family: "Roboto"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; margin-left: 4px; display: flex; justify-items: center; align-items: center; padding-top: 2px; color: #767676;}
	.category-title .inner-wrap .grid .grid-item .hover > span,
	.category-title .inner-wrap .grid .grid-item .hover > h2{font-weight: 700; margin-left: 2px; color: #FFF;}

	.category-title .inner-wrap .grid .grid-item .normal.active{padding: 8px 0 9px 10px; font-family: "Noto Sans KR"; font-weight: 700; font-size: 12px; line-height: 18px; display: flex; justify-items: center; align-items: center; letter-spacing: -0.6px; background-color: #ED174D; border-radius: 4px; color: #FFF; box-shadow: 0px 4px 8px 0px rgba(237, 23, 77, 0.2); height: 35px; box-sizing: border-box;}
	.category-title .inner-wrap .grid .grid-item .normal.active > span, .category-title .inner-wrap .grid .grid-item .normal.active > h2
	{font-weight: 700; margin-left: 2px; color: #FFF;}

	/*비교상품 1*/
	.product-list{padding-left: 20px; margin: 0 auto 50px;}
	.product-list .inner-wrap .title-wrap{display: flex; justify-content: center; align-items: center;}
	.product-list .inner-wrap .title-wrap .list-title{font-family: "Noto Sans KR"; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; margin-bottom: 16px; width: 100%;}
	.product-list .inner-wrap .title-wrap .icon-wrap{display: none;}
	.product-list .inner-wrap .swiper .swiper-slide{height: 267.3px; position: relative;}
	.product-list .inner-wrap .swiper .swiper-slide a{width: 100%;}
	.product-list .inner-wrap .swiper .swiper-slide .img-wrap{height: 127.3px; margin-bottom: 8px; background-color: #F0F0F0;}
	.product-list .inner-wrap .swiper .swiper-slide .img-wrap img{width: 100%; height: 100%; object-fit: contain;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area{text-align: left;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area em{font-family: "Noto Sans KR"; font-style: normal; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: -0.6px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .product-name{font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: keep-all; height: 36px; max-height: 36px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area{height: 42px; max-height: 42px; position: relative; margin-bottom: 8px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area .cost-text01{font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; color: #A9A9A9; display: flex; justify-items: center; align-items: center;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area .cost-text01 span{ font-family: "Roboto"; text-decoration-line: line-through; margin-left: 2px; padding-top: 2px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area .cost-text02{font-family: "Roboto"; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; display: flex; justify-items: center; align-items: center;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area .cost-text02 span{ font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px;}
	.product-list .inner-wrap .swiper .swiper-slide .compare-area{position: absolute; right: 0px; bottom: 30px; z-index: 180; display: flex; justify-content: flex-end; width: 40%;}
	.product-list .inner-wrap .swiper .swiper-slide .compare-area .compare-icon{width: 24px; height: 24px;}
	.product-list .inner-wrap .swiper .swiper-slide .compare-area .compare-icon img{width: 100%; height: 100%;}
	.product-list .inner-wrap .swiper .swiper-slide .compare-area .compare-text{font-family: "Noto Sans KR"; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; color: #767676; margin-left: 2px; margin-top: 2px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .badge-area{display: flex; height: 20px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .badge-area .badge-g{font-family: "Noto Sans KR"; font-weight: 400; font-size: 10px; line-height: 16px; letter-spacing: -0.6px; padding: 2px 6px; margin-right: 4px; background-color: #D9DADB;}

	/*비교상품 2*/
	.product-list2{/*padding-left: 20px; padding-right: 19px;*/ margin: 0 auto 80px; padding: 0 20px;}
	/*비교상품 2 제목*/
	.product-list2 .title-wrap{display: flex; justify-items: center; align-items: center; padding-bottom: 8px; border-bottom: 2px solid rgba(74, 76, 88, 1); position: relative; /*margin-right: 20px;*/}
	.product-list2 .title-wrap .filter-area{width: 20px; height: 20px;}
	.product-list2 .title-wrap .filter-area img{width: 100%; height: 100%;}
	.product-list2 .title-wrap .title{font-family: "Noto Sans KR"; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; margin-left: 4px;}
	.product-list2 .title-wrap .reset-area{display: flex; justify-items: center; align-items: center; margin-left: 60px; position: absolute; right: 0px;}
	.product-list2 .title-wrap .reset-area .reset-img{width: 24px; height: 24px;}
	.product-list2 .title-wrap .reset-area .reset-img img{width: 100%; height: 100%;}
	.product-list2 .title-wrap .reset-area .reset-text{font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; color: #A9A9A9;}

	/*비교상품 2 카테고리 버튼*/
	.product-list2 .category-button-wrap{margin-bottom: 40px; width: 100%; /*padding-right: 20px;*/}
	.product-list2 .category-button-wrap .button-wrap{display: flex; justify-items: center; align-items: center; /*padding: 10px 0;*/ box-sizing: border-box; border-bottom: 1px solid #F0F0F0; overflow: hidden;}
	.product-list2 .category-button-wrap .button-wrap .title{font-family: "Noto Sans KR"; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; width: 104px; min-width: 104px;}
	.product-list2 .category-button-wrap .button-wrap .button-list{margin-left: 10px; display: flex; justify-items: center; align-items: center; overflow-x: scroll; width: 100%;}
	.product-list2 .category-button-wrap .button-wrap .button-list::-webkit-scrollbar{display: none;}
	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn{flex: 0 0 auto;}
	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn .normal{font-family: "Noto Sans KR"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.6px; text-align: center; padding: 6px 12px; border: 1px solid #D9DADB; border-radius: 8px; /*margin-right: 10px;*/ white-space: nowrap; margin: 10px 5px 10px 5px;}
	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn .hover{font-family: "Noto Sans KR"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.6px; text-align: center; padding: 6px 12px; border: 1px solid #4A4C58; border-radius: 8px; margin-right: 10px; white-space: nowrap; color: #fff; background-color: #4A4C58; box-shadow: 0px 4px 8px rgba(74,76,88,0.3); display: none;}
	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn .hover .close-icon{width: 12px; height: 12px; margin-left: 4px; margin-top: -3px;}
	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn .hover .close-icon img{width: 100%; height: 100%; }

	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn .normal.active{font-family: "Noto Sans KR"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.6px; text-align: center; padding: 6px 12px; border: 1px solid #4A4C58; border-radius: 8px; /*margin-right: 10px;*/ white-space: nowrap; color: #fff; background-color: #4A4C58; box-shadow: 0px 4px 8px rgba(74,76,88,0.3); margin: 10px 5px 10px 5px;}
	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn .normal .close-icon{width: 12px; height: 12px; margin-left: 4px; margin-top: -3px; display:none;}
	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn .normal.active .close-icon{width: 12px; height: 12px; margin-left: 4px; margin-top: 5px; display:inline-block;}
	.product-list2 .category-button-wrap .button-wrap .button-list .list-btn .normal.active .close-icon img{width: 100%; height: 100%; }

	/*비교상품 2 상품 분류버튼 영역*/
	/*.product-list2 .product-area{padding-right: 19px;}*/
	.product-list2 .product-area .title-area{display: flex; justify-items: center; align-items: center; position: relative; margin-bottom: 16px;}
	.product-list2 .product-area .title-area .search-area{font-family: "Noto Sans KR"; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; display: flex; justify-content: center; align-items: center;}
	.product-list2 .product-area .title-area .search-area .text1{font-family: "Roboto"; font-weight: 400; color: rgba(237, 23, 77, 1); margin-left: 2px; margin-top: 2px;}
	.product-list2 .product-area .title-area .search-area .text2{color: rgba(237, 23, 77, 1);}
	.product-list2 .product-area .title-area .type-list{display: flex; justify-items: center; align-items: center; font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; color: #767676; position: absolute; right: 0;}
	.product-list2 .product-area .title-area .type-list .list-btn{width: 12px; height: 12px; margin-left: 2px;}
	.product-list2 .product-area .title-area .type-list .list-btn img{width: 100%; height: 100%; object-fit: contain; margin-left: 2px; margin-top: -8px;}
	.product-list2 .product-area .title-area .sub-type-list{font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; color: #000; position: absolute; right: 0; top: 27px; background-color: #fff; width: max-content; padding: 0 11px; box-shadow: rgba(9, 30, 66, 0.2) 0px 3px 5px 0px; display: none;}
	.product-list2 .product-area .title-area .sub-type-list .type-list-text{padding: 10px 0;}
	.product-list2 .product-area .title-area .sub-type-list .active{font-weight: 500;}

	.product-list2 .product-area .title-area .type-list .custom-select{padding-right: 25px;}
	.product-list2 .product-area .title-area .type-list .form-control-line{
		height: 23px;
	    padding-right: 13px;
	    font-size: 12px;
	    border: 0;
    }

	/*비교상품 2 상품 그리드 영역*/
	/* .product-list2 .product-area .grid {grid-template-columns: repeat(2, minmax(50%, 1fr)); grid-auto-rows: auto; display: grid; gap : 0 20px; width: 100%; justify-content: center;} */
	.product-list2 .product-area .grid {grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; display: grid; gap : 40px 19px; width: 100%; justify-content: center;}
	.product-list2 .product-area .grid .grid-item{/*margin-bottom: 40px; */position: relative;}
	.product-list2 .product-area .grid .grid-item .img-wrap{background-color: #F0F0F0; margin-bottom: 8px; /*height: 134px;*/}
	.product-list2 .product-area .grid .grid-item .img-wrap img{width: 100%; height: 100%; object-fit: contain;}
	.product-list2 .product-area .grid .grid-item .product-info-area{position: relative;}
	.product-list2 .product-area .grid .grid-item .product-info-area .brand-name{font-family: "Noto Sans KR"; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: -0.6px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .product-name{font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: keep-all; height: 36px; max-height: 36px; margin-bottom: 8px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-area .cost-text1{font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; color: #A9A9A9; display: flex; justify-items: center; align-items: center;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-area .cost-text1 > span{font-family: "Roboto"; margin-left: 2px; text-decoration: line-through;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-area .cost-text2{font-family: "Roboto"; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; display: flex; justify-items: center; align-items: center; margin-bottom: 8px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-area .cost-text2 > span{font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px;}
	.product-list2 .product-area .grid .grid-item .compare-btn{position: absolute; right: 0px; bottom: 30px; z-index: 180; display: flex; justify-content: flex-end; width: 40%; align-items: center;}
	.product-list2 .product-area .grid .grid-item .compare-btn .btn-img{width: 24px; height: 24px;}
	.product-list2 .product-area .grid .grid-item .compare-btn .btn-img img{width: 100%; height: 100%; object-fit: contain;}
	.product-list2 .product-area .grid .grid-item .compare-btn .btn-text{font-family: "Noto Sans KR"; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; margin-left: 2px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .badge-area{display: flex; justify-items: center; align-items: center; height: 20px;}

	/*구매가이드*/
	.guide-wrap {position: relative; width: 100%; height: 397px; margin-bottom: 80px; padding: 0 20px;}
	.guide-wrap .guide-list{height: 100%;}
	.guide-wrap .guide-list .swiper-pagination {/*position: absolute; */width: 100%; bottom: -30px; margin: 0 auto; left: 50%; transform: translate(-50%);}
	.guide-wrap .guide-list .swiper-pagination-bullet {width: 6px; height: 6px; border: 1px solid rgba(74, 76, 88, 0.5); background: none; opacity: 1; border-radius: 100%;}
	.guide-wrap .guide-list .swiper-pagination-bullet-active {background: #000;}
	.guide-wrap .guide-title {font-family: "Noto Sans KR"; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; margin-bottom: 16px;}
	/* .guide-wrap .guide-list .swiper{height: 370px;} */
	.guide-wrap .guide-list .swiper .swiper-slide{/*height: 335px;*/ display: block; position: relative; border-radius: 12px;}
	/* .guide-wrap .guide-list .swiper .short-slide{height: 218px;} */
	.guide-wrap .guide-list .swiper .swiper-slide .img-wrap{display: -webkit-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*height: 335px;*/}
	.guide-wrap .guide-list .swiper .swiper-slide .img-wrap::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3);}
	/* .guide-wrap .guide-list .swiper-slide p img {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 335px; height: 335px;} */
	.guide-wrap .guide-list .swiper .swiper-slide .img-wrap img {width: 100%; height: 100%; object-fit: cover;}
	.guide-wrap .guide-list .swiper .swiper-slide .short-img{height: 218px; object-fit: cover;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area{position: absolute; bottom: 23px; left: 0; text-align: left !important; width: 100%; margin-left: 25px;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area p{-webkit-box-align: start;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title01{ display: flex;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title01 > span{font-weight: 500; font-size: 13px; line-height: 20px; text-decoration-line: underline; color: #FFFFFF; height: 18px; margin-bottom: 10px; display: flex; margin-right: 5px;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title02{font-weight: 700; font-size: 18px; line-height: 30px; color: #FFFFFF; height: 29px; margin-bottom: 8px;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title03 > span{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; height: 20px; margin-right: 2px;}
	.guide-wrap .guide-list .swiper .swiper-slide-active p img {border-radius: 12px;}
	.guide-wrap .guide-list .swiper .swiper-slide .title {margin-top: 22px; margin-left: 8px;}

	/*최근 본 상품 팝업창 위치*/
	/* .recently-popup{height: 87%;} */
}

@media screen and (min-width : 375px) {.product-list2 .product-area .grid .grid-item{min-width: 158px;}}
@media screen and (min-width : 320px) {.product-list2 .product-area .grid .grid-item{min-width: 130px;}}

/*pc 시작*/
/*pc 시작*/
/*pc 시작*/
/*pc 시작*/
@media screen and (min-width : 1160px) {
	.pc-only{display:inline-block!important;}
	.mo-only{display:none!important;}
	.badge-g{font-family: "Noto Sans KR"; font-weight: 400; font-size: 10px; line-height: 20px; letter-spacing: -0.6px; padding: 0px 6px; margin-right: 4px; background-color: #D9DADB; width: max-content;}
	.badge-n{font-family: "Roboto"; font-weight: 400; font-size: 10px; line-height: 20px; letter-spacing: -0.6px; padding: 0px 6px; margin-right: 4px; background-color: #BFE10E; width: max-content;}
	.badge-b{font-family: "Roboto"; font-weight: 400; font-size: 10px; line-height: 20px; letter-spacing: -0.6px; padding: 0px 6px; margin-right: 4px; color: #FFF; background-color: #ED174D; width: max-content;}
	.dark-mode{position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); z-index: 99; width: 100%; height: 100%; z-index: 200; display: none;}
	.gray-filter{ filter: opacity(0.9) drop-shadow(0 0 0 #808080); }
	.color-black{color: #000 !important;}
	.swiper-button-prev{display: block;}
	.swiper-button-prev{display: block;}

	.hv-header .sub-gnb .menu ul li.d2:nth-child(1){color: #ed174d;}

	/*상단 header*/
	.category-header{width: 100%;}
	.category-header .inner-wrap{width: 100%;margin: 0 auto; background-color: #eef6f8; position: relative;}
	.category-header .product-type-area{display: flex; justify-content: flex-end; align-items: center; position: relative; width: 1160px; margin: 0 auto;}
	.category-header .product-type-area .text01{font-family: 'Roboto', 'Noto Sans KR', 'Avant Garde Gothic', 'sans-serif'; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; margin-right: 8px; /*color: #767676;*/}
	.category-header .product-type-area .next-icon{width: 12px; height: 12px; margin-right: 8px; margin-top: -9px;}
	.category-header .product-type-area .next-icon img{width: 100%; height: 100%;}
	.category-header .product-type-area .product-type{margin-right: 8px; position: relative;}
	.category-header .product-type-area .product-type .product-select-area{/*position: relative; */display: flex; justify-items: center; align-items: center; padding: 9px 0; text-align: center;}
	.category-header .product-type-area .product-type .product-select-area .product-select-type{font-family: 'Roboto', 'Noto Sans KR', 'Avant Garde Gothic', 'sans-serif'; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; margin: 0 auto; display: flex; justify-items: center; align-items: baseline; /*color: #767676;*/ min-width: 73px; justify-content: center;}
	.category-header .product-type-area .product-type .product-select-area .list-btn{width: 12px; height: 12px; margin-left: 6px;}

	.category-header .product-type-area .product-type .product-select-area .list-btn .down-icon{width: 100%; height: 100%; object-fit: contain; display:block;}
	.category-header .product-type-area .product-type .product-select-area .product-select-type.active .list-btn .down-icon{display:none; vertical-align: text-top;}
	.category-header .product-type-area .product-type .product-select-area .list-btn .up-icon{width: 100%; height: 100%; object-fit: contain; vertical-align: text-top; display: none;}
	.category-header .product-type-area .product-type .product-select-area .product-select-type.active .list-btn .up-icon{display: block; }

	.category-header .product-type-area .product-type .product-type-list-area{margin: 0 auto; position: absolute; z-index: 100; background-color: #fff; width: max-content; padding: 16px 13px; box-shadow: rgba(74, 76, 88, 0.2) 0px 4px 8PX; border: 1px solid #D9DADB; border-radius: 4PX; left: 50%; transform: translate(-50%); display:none;}
	.category-header .product-type-area .product-type .product-type-list-area.active{display:block;}

	.category-header .product-type-area .product-type .product-type-list-area .product-type-list{font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; text-align: center; color: #767676;}
	.category-header .product-type-area .product-type .product-type-list-area .product-type-list:active{color: #000; text-decoration-line: underline; font-weight: 700;}
	.category-header .product-type-area .product-type .product-type-list-area .product-type-list:not(:last-of-type){padding-bottom: 10px;}
	.category-header .product-type-area .product-type2{margin-right: 8px; position: relative;}
	.category-header .product-type-area .product-type2 .product-select-area2 .product-select-type2{font-family: 'Roboto', 'Noto Sans KR', 'Avant Garde Gothic', 'sans-serif'; font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; position: relative; display: flex; align-items: baseline;}
	.category-header .product-type-area .product-type2 .product-select-area2 .product-select-type2 .list-btn{width: 12px; height: 12px; margin-left: 6px;}

	.category-header .product-type-area .product-type2 .product-select-area2 .product-select-type2 .list-btn .down-icon{width: 100%; height: 100%; object-fit: contain;  display:block;}
	.category-header .product-type-area .product-type2 .product-select-area2 .product-select-type2.active .list-btn .down-icon{display:none; vertical-align: text-top;}
	.category-header .product-type-area .product-type2 .product-select-area2 .product-select-type2 .list-btn .up-icon{width: 100%; height: 100%; object-fit: contain; display: none; vertical-align: text-top;}
	.category-header .product-type-area .product-type2 .product-select-area2 .product-select-type2.active .list-btn .up-icon{width: 100%; height: 100%; object-fit: contain; display: block;}

	.category-header .product-type-area .product-type2 .product-type-list-area2{margin: 0 auto; position: absolute; z-index: 100; background-color: #fff; width: max-content; padding: 16px 13px; box-shadow: rgba(74, 76, 88, 0.2) 0px 4px 8PX; border: 1px solid #D9DADB; border-radius: 4PX; left: 50%; top: 33px; transform: translate(-50%); display:none;}
	.category-header .product-type-area .product-type2 .product-type-list-area2.active{display: block;}
	.category-header .product-type-area .product-type2 .product-type-list-area2 .product-type-list{font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; text-align: center; color: #767676;}
	.category-header .product-type-area .product-type2 .product-type-list-area2 .product-type-list:active{color: #000; text-decoration-line: underline; font-weight: 700;}
	.category-header .product-type-area .product-type2 .product-type-list-area2 .product-type-list:not(:last-of-type){padding-bottom: 10px;}

	.category-header .banner{/*width: 1920px;*/ margin: 0 auto; height: 300px; background-color: #eef6f8; position: relative;}
	.category-header .banner .bg-img{width: auto; margin: 0 auto; height: 300px; display: block; object-fit:cover;}
	.category-header .banner .text-area{position: absolute; left: 50%; top: 50%; text-align: left; transform: translate(-580px, -50%);}
	.category-header .banner .text-area .text01{font-family: "Noto Sans KR"; font-weight: 500; font-size: 20px; line-height: 30px; letter-spacing: -0.6px; margin-bottom: 8px;}
	.category-header .banner .text-area .text02{font-family: "Noto Sans KR"; font-weight: 500; font-size: 48px; line-height: 58px; letter-spacing: -0.6px;}

	/*상단 카테고리*/
	.category-title{margin: 40px auto 80px; width: 1160px;}
	.category-title .inner-wrap{display: grid;}
	.category-title .inner-wrap .grid{grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; display: grid; gap : 0 7px; width: 100%; justify-content: center;}
	.category-title .inner-wrap .grid .grid-item{/*padding: 12px 0 12px 16px; */font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; letter-spacing: -0.6px; line-height: 26px; display: flex; justify-items: center; align-items: center; letter-spacing: -0.6px; background-color: #F0F0F0; margin-bottom: 8px; border-radius: 8px; height: 50px;}
	.category-title .inner-wrap .grid .grid-item .normal{font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height: 26px; display: flex; justify-items: center; align-items: center; letter-spacing: -0.6px; background-color: #F0F0F0; padding-left: 16px;}
	.category-title .inner-wrap .grid .grid-item .hover{font-family: "Noto Sans KR"; font-weight: 500; font-size: 16px; line-height: 26px; display: flex; justify-items: center; align-items: center; letter-spacing: -0.6px; background-color: #ED174D; color: #FFF; display: none; width: 100%; height: 100%; border-radius: 8px; padding-left: 16px;}
	.category-title .inner-wrap .grid .grid-item .hover > span{font-family: "Roboto"; font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; margin-left: 2px; display: flex; justify-items: center; align-items: center; padding-top: 2px; color: #FFF;}
	.category-title .inner-wrap .grid .grid-item .normal.active{font-family: "Noto Sans KR"; font-weight: 500; font-size: 16px; line-height: 26px; display: flex; justify-items: center; align-items: center; letter-spacing: -0.6px; background-color: #ED174D; color: #FFF; width: 100%; height: 100%; border-radius: 8px; padding-left: 16px; box-shadow: 0px 4px 8px 0px rgba(237, 23, 77, 0.2);}
	.category-title .inner-wrap .grid .grid-item .normal > span, .category-title .inner-wrap .grid .grid-item .normal > h2{font-family: "Roboto"; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; margin-left: 7px; display: flex; justify-items: center; align-items: center; padding-top: 3px; color: #767676;}
	.category-title .inner-wrap .grid .grid-item .normal.active > span, .category-title .inner-wrap .grid .grid-item .normal.active > h2{font-weight: 500; margin-left: 2px; color: #FFF; margin-left: 7px;}


	/*제품 리스트*/
	.product-list{margin: 0 auto 50px; width: 1160px;}
	/* .product-list .inner-wrap{height: 365px;} */
	.product-list .inner-wrap .title-wrap{display: flex; align-items: center; margin-bottom: 16px; position: relative;}
	.product-list .inner-wrap .title-wrap .list-title{font-family: "Noto Sans KR"; font-weight: 500; font-size: 24px; line-height: 34px; letter-spacing: -0.6px; text-align: left;}
	.product-list .inner-wrap .title-wrap .icon-wrap{display: flex; height: 24px; position: absolute; right: 0;}
	.product-list .inner-wrap .title-wrap .icon-wrap .prev-icon{width: 24px; height: 24px;}
	.product-list .inner-wrap .title-wrap .icon-wrap .prev-icon img{width: 100%; height: 100%; object-fit: contain;}
	.product-list .inner-wrap .title-wrap .icon-wrap .prev-icon:hover{content: url("/resources/images/product_230508/icon/hover-arrow-left.png"); object-fit: contain;}
	.product-list .inner-wrap .title-wrap .icon-wrap .next-icon{width: 24px; height: 24px; margin-left: 14px;}
	.product-list .inner-wrap .title-wrap .icon-wrap .next-icon img{width: 100%; height: 100%; object-fit: contain;}
	.product-list .inner-wrap .title-wrap .icon-wrap .next-icon:hover{content: url('/resources/images/product_230508/icon/hover-arrow-right.png'); object-fit: contain;}
	.product-list .inner-wrap .swiper .swiper-slide{height: 315px; position: relative;}
	.product-list .inner-wrap .swiper .swiper-slide a{width: 100%; height: 100%;}
	.product-list .inner-wrap .swiper .swiper-slide .img-wrap{height: 145px; margin-bottom: 8px; background-color: #F0F0F0;}
	.product-list .inner-wrap .swiper .swiper-slide .img-wrap img{width: 100%; height: 100%; object-fit: contain;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area{text-align: left;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area em{font-family: "Noto Sans KR"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: -0.6px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .product-name{font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; line-height: 18px; letter-spacing: -0.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: keep-all; height: 36px; max-height: 36px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area{height: 54px; max-height: 54px; position: relative; margin-bottom: 8px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area .cost-text01{font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; color: #A9A9A9; display: flex; justify-items: center; align-items: center;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area .cost-text01 span{ font-family: "Roboto"; text-decoration-line: line-through; margin-left: 2px; padding-top: 2px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area .cost-text02{font-family: "Roboto"; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -0.6px; display: flex; justify-items: center; align-items: center;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .cost-area .cost-text02 span{ font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; line-height: 18px; letter-spacing: -0.6px;}
	.product-list .inner-wrap .swiper .swiper-slide .compare-area{position: absolute; display: flex; right: 0px; bottom: 55px; justify-content: flex-end; align-items: center; width: 40%;}
	.product-list .inner-wrap .swiper .swiper-slide .compare-area .compare-icon{width: 24px; height: 24px;}
	.product-list .inner-wrap .swiper .swiper-slide .compare-area .compare-icon img{width: 100%; height: 100%;}
	.product-list .inner-wrap .swiper .swiper-slide .compare-area .compare-text{font-family: "Noto Sans KR"; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; color: #767676; margin-left: 2px;}
	.product-list .inner-wrap .swiper .swiper-slide .product-info-area .badge-area{display: flex;}

	/*비교상품 2*/
	.product-list2{margin: 0 auto 40px; width: 1160px;}
	/*비교상품 2 제목*/
	.product-list2 .title-wrap{display: flex; justify-items: center; align-items: center; padding-bottom: 10px; border-bottom: 2px solid rgba(74, 76, 88, 1);}
	.product-list2 .title-wrap .filter-area{width: 20px; height: 20px;}
	.product-list2 .title-wrap .filter-area img{width: 100%; height: 100%;}
	.product-list2 .title-wrap .title{font-family: "Noto Sans KR"; font-weight: 500; font-size: 18px; line-height: 28px; letter-spacing: -0.6px; margin-left: 4px;}
	.product-list2 .title-wrap .division-line{width: 1px; height: 16px; margin-left: 20px;}
	.product-list2 .title-wrap .reset-area{display: flex; justify-items: center; align-items: center; margin-left: 20px;}
	.product-list2 .title-wrap .reset-area .reset-img{width: 24px; height: 24px;}
	.product-list2 .title-wrap .reset-area .reset-img img{width: 100%; height: 100%;}
	.product-list2 .title-wrap .reset-area .reset-text{font-family: "Noto Sans KR"; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; color: #A9A9A9;}
	.product-list2 .title-wrap .icon-wrap{display: flex; justify-content: center; align-items: center;}
	.product-list2 .title-wrap .icon-wrap .prev-icon{width: 24px; height: 24px;}
	.product-list2 .title-wrap .icon-wrap .prev-icon img{width: 100%; height: 100%; object-fit: contain;}
	.product-list2 .title-wrap .icon-wrap .next-icon{width: 24px; height: 24px;}
	.product-list2 .title-wrap .icon-wrap .next-icon img{width: 100%; height: 100%; object-fit: contain;}

	/*비교상품 2 카테고리 버튼*/
	.product-list2 .category-button-wrap{margin-bottom: 40px; width: 100%;}
	.product-list2 .category-button-wrap .button-wrap{display: flex; justify-items: center; align-items: center; /*padding: 10px 0;*/ box-sizing: border-box; border-bottom: 1px solid #F0F0F0; overflow: hidden;}
	.product-list2 .category-button-wrap .button-wrap .title{font-family: "Noto Sans KR"; font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; width: 86px; margin-right: 69px; text-align: left;}

	.product-list2 .category-button-wrap .button-wrap .swiper{flex: 1;}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide{width: max-content !important;}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide:last-child{margin-right: 30px;}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn{flex: 0 0 auto;}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .normal{
		font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: -0.6px; text-align: center; padding: 4px 15px; border: 1px solid #D9DADB; border-radius: 8px; white-space: nowrap; margin: 12px 5px 12px 5px;
		display: flex; align-items: center;
	}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .normal h3{
		font-family: "Noto Sans KR";
		font-weight: 300;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: -0.6px;
		text-align: center;
		white-space: nowrap;
	}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .hover{font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: -0.6px; text-align: center; padding: 4px 15px; border: 1px solid #4A4C58; border-radius: 8px; white-space: nowrap; color: #fff; background-color: #4A4C58; box-shadow: 0px 4px 8px rgba(74,76,88,0.3); display: none; }
	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .hover .close-icon{width: 12px; height: 12px; margin-left: 4px; margin-top: -3px;}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .hover .close-icon img{width: 100%; height: 100%; }

	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .normal.active{font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: -0.6px; text-align: center; padding: 4px 15px; border: 1px solid #4A4C58; border-radius: 8px; white-space: nowrap; color: #fff; background-color: #4A4C58; box-shadow: 0px 4px 8px 0px rgba(74,76,88,0.3); margin: 12px 5px 12px 5px;}

	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .normal .close-icon{
		width: 12px; height: 12px; margin: 0 0 -2px 6px; display:none;
	}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .normal.active .close-icon{ display:inline-block;}
	.product-list2 .category-button-wrap .button-wrap .swiper-slide .list-btn .normal.active .close-icon img{width: 100%; height: 100%; }

	/*비교상품 2 상품 분류버튼 영역*/
	.product-list2 .product-area .title-area{display: flex; justify-items: center; align-items: center; margin-bottom: 16px; position: relative;}
	.product-list2 .product-area .title-area .search-area{font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: -0.6px; display: flex; justify-content: center; align-items: center;}
	.product-list2 .product-area .title-area .search-area .text1{font-family: "Roboto"; font-weight: 700; color: rgba(237, 23, 77, 1); margin-left: 4px; margin-top: 4px;}
	.product-list2 .product-area .title-area .search-area .text2{color: rgba(237, 23, 77, 1);}
	.product-list2 .product-area .title-area .type-list{display: flex; justify-items: center; align-items: center; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: -0.6px; color: #767676; position: absolute; right: 0;}
	.product-list2 .product-area .title-area .type-list .list-btn{width: 12px; height: 12px; margin-left: 4px;}
	.product-list2 .product-area .title-area .type-list .list-btn img{width: 100%; height: 100%; object-fit: contain; margin-left: 2px; margin-top: -15px;}
	.product-list2 .product-area .title-area .sub-type-list{font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: -0.6px; color: #000; position: absolute; right: 0; top: 27px; background-color: #fff; width: max-content; padding: 0 11px; box-shadow: rgba(9, 30, 66, 0.2) 0px 3px 5px 0px; display: none;}
	.product-list2 .product-area .title-area .sub-type-list .type-list-text{padding: 10px 0;}
	.product-list2 .product-area .title-area .sub-type-list .active{font-weight: 500;}

	.product-list2 .product-area .title-area .type-list .custom-select{padding-right: 30px;}
	.product-list2 .product-area .title-area .type-list .form-control-line{height: 30px; padding-right: 13px; font-size: 12px; border: 0;}
	.select2-container--default .select2-results__option{padding: 10px 5px 10px 10px;}


	/*비교상품 2 상품 그리드 영역*/
	.product-list2 .product-area .grid {grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; display: grid; gap : 0 28px; width: 100%; justify-content: center; /*padding-left: 20px;*/}
	.product-list2 .product-area .grid .grid-item{margin-bottom: 40px; position: relative;}
	.product-list2 .product-area .grid .grid-item .img-wrap{background-color: #F0F0F0; margin-bottom: 8px; border-radius: 8px; height: 228px;}
	.product-list2 .product-area .grid .grid-item .img-wrap img{width: 100%; height: 100%; border-radius: 8px;}
	.product-list2 .product-area .grid .grid-item .product-info-area{position: relative; text-align: left; width: 100%;}
	.product-list2 .product-area .grid .grid-item .product-info-area .brand-name{font-family: "Noto Sans KR"; font-weight: 700; font-size: 14px; line-height: 24px; letter-spacing: -0.6px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .product-name{font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: keep-all; height: 48px; max-height: 48px; margin-bottom: 8px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-area{display: flex; justify-items: center; align-items: center; margin-bottom: 12px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-text1{font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; color: #A9A9A9; display: flex; justify-content: center; align-items: center;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-text1 > span{font-family: "Roboto"; margin-left: 2px; text-decoration: line-through; margin-top: 2px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-text2{font-family: "Roboto"; font-weight: 700; font-size: 20px; line-height: 30px; letter-spacing: -0.6px; display: flex; justify-items: center; align-items: center; margin-right: 4px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .cost-text2 > span{font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: -0.6px;}
	.product-list2 .product-area .grid .grid-item .compare-btn{position: absolute; display: flex; right: 0px; bottom: 37px; justify-content: flex-end; align-items: center; width: 40%;}
	.product-list2 .product-area .grid .grid-item .compare-btn .btn-img{width: 24px; height: 24px;}
	.product-list2 .product-area .grid .grid-item .compare-btn .btn-img img{width: 100%; height: 100%; object-fit: contain;}
	.product-list2 .product-area .grid .grid-item .compare-btn .btn-text{font-family: "Noto Sans KR"; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; margin-left: 2px;}
	.product-list2 .product-area .grid .grid-item .product-info-area .badge-area{display: flex; justify-items: center; align-items: center; height: 24px;}

	/*구매가이드*/
	.guide-wrap {position: relative; width: 1216px; margin: 0 auto 120px;/* padding: 0 24px;*/}
	.guide-wrap .guide-list .swiper-pagination {position: absolute; width: auto; top: 351px !important;}
	.guide-wrap .guide-list .swiper-pagination-bullet {width: 6px; height: 6px; border: 1px solid rgba(74, 76, 88, 0.5); background: none; opacity: 1; border-radius: 100%;}
	.guide-wrap .guide-list .swiper-pagination-bullet-active {background: #000;}
	.guide-wrap .guide-title {font-family: "Noto Sans KR"; font-weight: 500; font-size: 24px; line-height: 34px; letter-spacing: -0.6px; margin-bottom: 16px; text-align: left; width: 1160px; margin: 0 auto 16px;}
	.guide-wrap .guide-list .swiper{height: 477px; position: relative; width: 1160px; margin: 0 auto;}
	.guide-wrap .guide-list .swiper .swiper-wrapper{ width: 1160px;}
	.guide-wrap .guide-list .swiper .swiper-slide {height: 477px; display: block;}
	/* .guide-wrap .guide-list .swiper .short-slide{height: 347px;} */
	.guide-wrap .guide-list .swiper .swiper-slide .img-wrap{display: -webkit-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 10px; height: 368px;}
	/* .guide-wrap .guide-list .swiper .short-slide .img-wrap{display: -webkit-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 10px; height: 239px;} */
	.guide-wrap .guide-list .swiper .swiper-slide .short-img{display: -webkit-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 10px; height: 239px;}
	/* .guide-wrap .guide-list .swiper-slide p img {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 335px; height: 335px;} */
	.guide-wrap .guide-list .swiper .swiper-slide .img-wrap img {width: 100%; height: 100%; border-radius: 12px;/* object-fit: contain;*/ max-width: 368px;}
	.guide-wrap .guide-list .swiper .swiper-slide .short-img{width: 100%; height: 239px !important; object-fit: cover; border-radius: 12px;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area{text-align: left !important; width: 100%;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area p{-webkit-box-align: start;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title01{display: flex;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title01 > span{font-weight: 500; font-size: 14px; line-height: 30px; text-decoration-line: underline; height: 30px; display: flex; margin-right: 5px;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title02{font-weight: 500; font-size: 20px; line-height: 30px; height: 30px; margin-bottom: 8px;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title03 > span{font-weight: 300; font-size: 16px; line-height: 30px; height: 30px; margin-bottom: 20px;}
	.guide-wrap .guide-list .swiper .swiper-slide .product-info-area .title04{font-weight: 500; font-size: 12px; line-height: 18px; height: 18px;}
	.guide-wrap .guide-list .swiper .swiper-slide-active p img {border-radius: 12px;}
	.guide-wrap .guide-list .swiper .swiper-slide .title {margin-top: 22px; margin-left: 8px;}
	.guide-wrap .guide-list .swiper-button-next{z-index: 100; width: 56px; height: 56px; background: url("../images/renewal_category/icon/swiper-next.png") no-repeat 100% 100%; background-size: 100% 100%; position: absolute; right: 0px; top: 228px; background-color: #000; opacity: 0.2;}
	.guide-wrap .guide-list .swiper-button-prev{z-index: 100; width: 56px; height: 56px; background: url("../images/renewal_category/icon/swiper-prev.png") no-repeat 100% 100%; background-size: 100% 100%; position: absolute; left: 0; top: 228px; background-color: #000; opacity: 0.2;}
	.guide-wrap .guide-list .swiper-button-next:hover{box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);}
	.guide-wrap .guide-list .swiper-button-prev:hover{box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);}
}


/*360*/
/*360*/
/*360*/
/*360*/
/*360*/
@media screen and (max-width : 360px){
	/*.product-list2 .product-area{padding-right: 20px;}*/
	/*.product-list2 .product-area .grid{gap: 0 15px;}*/
}