/*공통*/
/*공통*/
/*공통*/
/*공통*/
.cur-p{cursor: pointer;}
.section-sidest{padding: 0 !important; margin: 0 !important; width: 100% !important}
.gray-filter{filter: opacity(0.9) drop-shadow(0 0 0 #808080);}

.fifth-multi-swiper .swiper-slide:hover .grid-item.item-sm,
.fifth-multi-swiper .swiper-slide:active .grid-item.item-sm{
	box-shadow: none;
}

/*PC 버전*/
/*PC 버전*/
/*PC 버전*/
@media (min-width:1160px) {
	/*공통 */
	.lg-din{display: none !important;}
	.sm-din{display: inline-block !important;}
	.pc-only{display: inline-block !important;}
	.mo-only{display: none !important;}
	.swiper-slide a{width: 100%;}
	.event-detail .item-sm{height: auto !important;}
	.default-grid .item-sm{height: auto !important}
	.grid-item{border: none !important;}
	.image-before-left{border-top-left-radius: 8px;}
	.prdt-h16{height: 1770px;}
	/*.default-grid li a{height: 100%;}
	.default-grid li{border-radius: 8px; margin: 0;}
	.event-wrap{height: 100% !important;}}
	.event-wrap .event-cont{position: relative;}
	.event-wrap-prdt .tab-products .default-grid li a{height: 100% !important;}*/
	.event-cont .event-cont-wrap .tab-cont .tab-products .default-grid{padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 28px;}
	.event-cont .event-cont-wrap .tab-cont .tab-products .default-grid li{width: 100%; margin: 0 0 50px 0;}
	.event-wrap-prdt .tab-products .default-grid li a{height: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px;}

	/*상품(카테에 있는 것과 동일)*/
	.product-area{position: relative;}
	.product-area .img-wrap{background-color: #F0F0F0; margin-bottom: 8px; border-radius: 8px; height: 228px;}
	.product-area .img-wrap img{width: 100%; height: 100%; border-radius: 8px;}
	.product-area .product-info-area{position: relative; text-align: left; width: 100%; font-family: "Noto Sans KR"; font-size: 14px; line-height: 24px; letter-spacing: -0.6px;}
	.product-area .product-info-area .brand-name{font-weight: 700; line-height: 24px}
	.product-area .product-info-area .product-name{font-weight: 300; 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; line-height: 24px;}
	.product-area .product-info-area .cost-area{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 12px;}
	.product-area .product-info-area .cost-area .cost-text1{font-weight: 300; color: #A9A9A9; display: flex; justify-content: center; align-items: center; margin-right: 4px;}
	.product-area .product-info-area .cost-text1 > span{font-family: "Roboto"; margin-left: 2px; text-decoration: line-through; margin-top: 2px;}
	.product-area .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-area .product-info-area .cost-text2 > span{font-weight: 300;}
	.product-area .product-info-area .badge-area{display: flex; justify-items: center; align-items: center; height: 20px;}
	.compare-btn{position: absolute; right: 0; bottom: 40px; display: flex; justify-content: flex-end; align-items: center;}
	.compare-btn .btn-img{width: 24px; height: 24px;}
	.compare-btn .btn-img img{width: 100%; height: 100%; object-fit: contain;}
	.compare-btn .btn-txt{font-family: "Noto Sans KR"; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; margin-left: 2px;}


	/*상단 카테고리*/
	.cate-wrap{margin: 40px auto 80px; width: 1160px;}
	.cate-wrap .grid-area{display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; gap: 0 7px; width: 100%; justify-content: center;}
	.cate-wrap .grid-area .grid-item{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;}
	.cate-wrap .grid-area .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;}
	.cate-wrap .grid-area .grid-item .normal > span{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;}
	.cate-wrap .grid-area .grid-item .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);}
	.cate-wrap .grid-area .grid-item .active > 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: 3px; color: #FFF; margin-left: 7px;}

	/*기존 소스(카테)*/
	/*.event-cate .tab-title {width: auto; background: #fff; box-sizing: border-box; margin-bottom: 18px;}
	.event-cate .tab-title ul {width: auto; height: 100%; display: grid; justify-content:start; flex-wrap: wrap; overflow-y: none; overflow-x: none; margin-left: 0; grid-template-columns: repeat(4, 1fr); gap: 0 7px;}
	.event-cate .tab-title ul li {padding: 0px; box-sizing: border-box; cursor: pointer; position: relative; width: 100%; margin: 0 0 7px;}
	.event-cate .tab-title ul li a {position: relative;cursor: pointer; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height: 26px; display: flex; justify-content: center; align-items: center; letter-spacing: -0.6px; background-color: #F0F0F0; padding-left: 16px; border-radius: 8px; border: none;}
	.event-cate .tab-title ul li.active a, .event-cate .tab-title ul li:hover a{font-family: "Noto Sans KR"; font-weight: 500; font-size: 16px; line-height: 26px; display: flex; justify-content: 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); border: none;}*/
	.swiper-button-next{top: 32%;}
	.swiper-button-prev{top: 32%;}

	/*새로운 상품영역*/
	.product-grid-area .grid-area{display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; gap: 50px 28px; width: 100%; justify-content: center;}
}

/*mo*/
/*mo*/
/*mo*/
@media (max-width:1159px) {
	/*공통 */
	.lg-din{display: inline-block !important;}
	.sm-din{display: none !important;}
	.pc-only{display: none !important;}
	.mo-only{display: inline-block !important;}
	.swiper-slide a{width: 100%;}
	.event-detail .item-sm{height: 100%; border: none;}
	.default-grid .item-sm{height: 100% !important; border: none;}
	.default-grid li a{height: 100%;}
	.default-grid li{border-radius: 8px; margin: 0;}
	.event-wrap{height: 100% !important;}
	/*.event-wrap-prdt .event-cont{position: absolute;}*/
	.event-wrap-prdt .background-wide{position: absolute;}
	.event-wrap .event-cont{position: relative;}
	.event-wrap-prdt .tab-products .default-grid li:nth-child(2n-1){margin: 0}
	.event-wrap-prdt .tab-products .default-grid li{width: 100%; margin: 0;}
	.event-wrap-prdt .tab-products .default-grid li a{height: 100%; padding: 0px;}

	/*상품(카테에 있는 것과 동일)*/
	.default-grid a{width: 100%; padding: 0px;}
	.default-grid{grid-template-columns: repeat(2, minmax(100px, 1fr)) !important; grid-auto-rows: auto; display: grid; gap : 40px 20px; width: 100%; justify-content: center; grid-template-rows: auto;}
	/*.default-grid{grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; display: grid; gap : 40px 20px; width: 100%; justify-content: center; grid-template-rows: auto;}*/
	.default-grid {margin-bottom: 40px; position: relative;}
	.default-grid .product-area .img-wrap{background-color: #F0F0F0; margin-bottom: 8px; /*height: 134px;*/ border: none; /*border-radius: 8px;*/}
	.default-grid .product-area .img-wrap img{width: 100%; height: 100%; object-fit: contain;/* border-radius: 8px;*/}
	.default-grid .product-area .product-info-area{position: relative; text-align: left;}
	.default-grid .product-area .product-info-area .brand-name{font-family: "Noto Sans KR"; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: -0.6px;}
	.default-grid .product-area .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;}
	.default-grid .product-area .product-info-area .cost-area{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 3px;}
	.default-grid .product-area .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; margin-left: 5px;}
	.default-grid .product-area .product-info-area .cost-area .cost-text1 > span{font-family: "Roboto"; margin-left: 2px; text-decoration: line-through;}
	.default-grid .product-area .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;}
	.default-grid .product-area .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;}
	.default-grid .product-area .product-info-area .badge-area{height: 20px; display: flex; justify-content: flex-start; align-items: center;}

	.event-cate .default-grid a{width: 100%;}
	.event-cate .default-grid{grid-template-columns: repeat(2, minmax(157px, 1fr)); grid-auto-rows: auto; display: grid; gap : 40px 19px; width: 100%; justify-content: center; grid-template-rows: auto;}
	/*.event-cate .default-grid{grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; display: grid; gap : 40px 20px; width: 100%; justify-content: center; grid-template-rows: auto;}*/
	.event-cate .default-grid {margin-bottom: 40px; position: relative;}
	.event-cate .default-grid .product-area .img-wrap{background-color: #F0F0F0; margin-bottom: 8px; /*height: 134px;*/ border: none; /*border-radius: 8px;*/}
	.event-cate .default-grid .product-area .img-wrap img{width: 100%; height: 100%; object-fit: contain; /*border-radius: 8px;*/}
	.event-cate .default-grid .product-area .product-info-area{position: relative;}
	.event-cate .default-grid .product-area .product-info-area .brand-name{font-family: "Noto Sans KR"; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: -0.6px;}
	.event-cate .default-grid .product-area .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;}
	.event-cate .default-grid .product-area .product-info-area .cost-area{display: flex; justify-content: flex-start; align-items: center;}
	.event-cate .default-grid .product-area .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; margin-left: 5px;}
	.event-cate .default-grid .product-area .product-info-area .cost-area .cost-text1 > span{font-family: "Roboto"; margin-left: 2px; text-decoration: line-through;}
	.event-cate .default-grid .product-area .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;}
	.event-cate .default-grid .product-area .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;}

	.event-cont .default-grid a{width: 100%;}
	.event-cont .default-grid{grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; display: grid; gap : 40px 19px; width: 100%; justify-content: center; grid-template-rows: auto;}
	.event-cont .default-grid {margin-bottom: 40px; position: relative; padding: 0px !important;}
	.event-cont .default-grid .product-area .img-wrap{background-color: #F0F0F0; margin-bottom: 8px; /*height: 134px;*/}
	.event-cont .default-grid .product-area .img-wrap img{width: 100%; height: 100%; object-fit: contain;}
	.event-cont .default-grid .product-area .product-info-area{position: relative;}
	.event-cont .default-grid .product-area .product-info-area .brand-name{font-family: "Noto Sans KR"; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: -0.6px;}
	.event-cont .default-grid .product-area .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;}
	.event-cont .default-grid .product-area .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;}
	.event-cont .default-grid .product-area .product-info-area .cost-area .cost-text1 > span{font-family: "Roboto"; margin-left: 2px; text-decoration: line-through;}
	.event-cont .default-grid .product-area .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;*/}
	.event-cont .default-grid .product-area .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;}

	/*상단 카테고리*/
	.cate-wrap{margin: 20px auto 32px;}
	.cate-wrap .grid-area{grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; display: grid; gap : 0 7px; width: 100%; justify-content: center;}
	.cate-wrap .grid-area .grid-item{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;}
	/*.cate-wrap .grid-area .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;}
	.cate-wrap .grid-area .grid-item .normal > span{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;}
	.cate-wrap .grid-area .grid-item .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);}
	.cate-wrap .grid-area .grid-item .active > 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: 3px; color: #FFF; margin-left: 7px;}*/

	.cate-wrap .grid-area .grid-item:not(:nth-last-child(-n+2)){margin-bottom: 8px;}
	.cate-wrap .grid-area .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;}
	.cate-wrap .grid-area .grid-item .normal > span{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;}
	.cate-wrap .grid-area .grid-item .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: 8px; color: #FFF; height: 35px; box-sizing: border-box; width: 100%; height: 100%;}
	.cate-wrap .grid-area .grid-item .active > span{font-family: "Roboto"; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: -0.6px; margin-left: 2px; display: flex; justify-items: center; align-items: center; padding-top: 2px; color: #FFF;}

	/*기존 소스*/
	/*.event-cate .tab-title {width: auto; background: #fff; box-sizing: border-box; margin-bottom: 18px;}
	.event-cate .tab-title ul {width: auto; height: 100%; display: flex; justify-content:start; flex-wrap: wrap; overflow-y: none; overflow-x: none; margin-left: 0;}
	.event-cate .tab-title ul li {padding: 0 3.5px; box-sizing: border-box; cursor: pointer; position: relative; width: 25%; margin: 0 0 7px;}
	.event-cate .tab-title ul li a {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height: 40px; font-size: 13px; color: #bbb; font-weight: 300; text-align: center; max-width: 100%; overflow: hidden; max-height: 40px; word-break: break-all; background: #fff; padding: 0 3px; border: 1px solid #bbb; cursor: pointer;}
	.event-cate .tab-title ul li.active a, .event-cate .tab-title ul li:hover a{ border-color:#000; color: #000; font-weight: 500;}
	.event-cate .tab-cont {position: relative; width: 100%; height: auto; padding: 0; display: block; background: #fff;}
	.event-cate .tab-cont .tab-box {display: none; position: relative; width: 100%; height: auto; background: #fff;}
	.event-cate .tab-cont .tab-box.active {display: block;}*/
}
/*@media (max-width:375px) {
	.default-grid .grid-item{min-width: 157px; max-width: 157px;}
}
@media (max-width:320px) {
	.default-grid .grid-item{min-width: 130px; max-width: 130px;}
}*/

/*@media (max-width:425px) {
	.event-cate .grid a{min-width: 185px;}
}
@media (max-width:375px) {
	.event-cate .grid a{min-width: 158px;}
}
@media (max-width:320px) {
	.event-cate .grid a{min-width: 130px;}
}*/
