.gray-filter{filter: opacity(0.9) drop-shadow(0 0 0 #808080);}

/*PC*/
/*PC*/
@media screen and (min-width: 1160px) {
	.sm-din{display: block;}
	.lg-din{display: none;}
	
	.hv-header .sub-gnb .menu ul li.event{ color: #ed174d; }

	/*이벤트 상세 헤드 부분*/
	.event-detail.titles{max-width: 1160px; margin: 0 auto;}
	.event-detail.titles .detail-title .event-head-text{font-size: 30px; margin-bottom: 20px; font-weight: 600}
	.event-detail .table-header{width: 100%; padding: 21px 31px; background:transparent; border-top: 2px solid #000; border-bottom: 1px solid #E0E0E0; background: #fff; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}
	.event-detail .table-header .table-title{font-size:20px; color: #000; font-weight: 500; margin-bottom: 0;}
	.event-detail .table-header .table-title-right{font-weight: 400; font-size: 14px; color: #555; font-weight: 400; padding-right: 0; padding-top: 6px; display: flex; }
	.event-detail .table-header .table-title-right h3{ font-weight: 600; margin-right: 5px; font-size: 14px; }

	.event-wrap{position: relative;}
	.event-wrap .background{width: 1160px; margin: 0 auto;}
	.event-wrap .background-wide{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.event-wrap .background-wide img{position: absolute; left: 50%; transform: translate(-50%, 0); height: 100%; max-width: 1160px;}

	.event-wrap.event-wrap-prdt .event-cont{width: 1160px; margin: 0 auto; padding: 50px 0;}
	.event-wrap.event-wrap-prdt .event-cont .default-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 28px;}

	.event-cate{padding-top: 10px;}
	.event-cate .tab-title {margin-bottom: 43px!important; padding: 0;}
	.event-cate .tab-cont .tab-box {margin: 0 auto; padding: 0; max-width: 1160px;}
	.event-cate .tab-title {width: auto; background: #fff; box-sizing: border-box; margin-bottom: 18px;}
	.event-cate .tab-title ul {width: auto; height: 100%; margin-left: 0; display: grid; grid-template-columns: repeat(8, 1fr);}
	.event-cate .tab-title ul li {padding: 0 3.5px; box-sizing: border-box; cursor: pointer; position: relative; margin: 0 0 7px; height: 50px;}
	.event-cate .tab-title ul li a, .event-cate .tab-title ul li h2 {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height: 50px; font-size: 13px; color: #bbb; font-weight: 300; text-align: center; max-width: 100%; overflow: hidden; max-height: 50px; 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, .event-cate .tab-title ul li.active h2, .event-cate .tab-title ul li:hover h2{border-color:#000; color: #000; font-weight: 500;}

	/*상품(카테에 있는 것과 동일)*/
	.default-grid .item-sm{width: 100%; height: 100%; border: none;}
	.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;}

	/*모든 추천상품*/
	.section-basic.event-detail{width: 100%; padding: 0!important;}
	.event-cate .tab-inner .tab-cont .tab-box{display: none;}
	.event-cate .tab-inner .tab-cont .tab-box.active{display: block;}
	.event-cate .tab-inner .tab-cont .default-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 28px;}

	/* 에디터 내용 */
	.event-edit{ margin-top: 30px; }

	/*공유하기*/
	.event-share{padding: 40px; margin: 50px 10px 80px; border: 1px solid #e6e6e6; text-align: center;}
	.event-share.share-sm{border: none; padding: 0; margin: 0 0 0 15px;}
	.event-share.share-sm ul li{width: 25px; height: 25px; margin: 0 5px;}
	.event-share p, .event-share h3{font-size: 18px; margin-bottom: 25px; font-weight: 400; }
	.event-share ul{display: flex; justify-content: center; align-items: center; gap: 0 20px;}
	.event-share ul li{width: 40px; height: 40px; border-radius: 50px; cursor: pointer; background: url(../images/event/event-detail/ico-share-fb-lg.png) no-repeat center/contain;}
	.event-share.share-sm ul li:last-child{margin-right: 0;}
	.event-share.share-sm ul li{width: 20px; height: 20px;}
	.event-share ul li.kakao{background: url(../images/event/event-detail/ico-share-kakaotalk-lg.png) no-repeat center/contain;}
	.event-share ul li.link{background: url(../images/event/event-detail/ico-share-url-lg.png) no-repeat center/contain;}
	.event-share .ico{width:100%; height:100%;}
}

/*mo*/
/*mo*/
/*mo*/
@media screen and (max-width: 1159px) {
	.sm-din{display: none;}
	.lg-din{display: block;}
	.section-widest{padding: 0;}

	.main-top-cate-mob h1 {
    line-height: 57px;
    font-size: 15px;
    font-weight: 400;
	}

	.event-detail.titles{padding-left: 14px!important; padding-right: 14px!important; margin: 0 auto!important; max-width: 1160px!important;}
	.event-detail{padding: 0 19px 0 20px!important; width: 100%; position: relative; margin: 30px 0;}
	.event-detail .detail-title strong{font-size: 20px; font-weight: 600; letter-spacing: -1px; margin-bottom: 20px;}
	.event-detail .table-header{width: 100%; padding: 15px 0 20px; background:transparent; border-top: none; border-bottom: none; box-sizing: border-box; display: flex; flex-direction: column; justify-content: start; flex-wrap: wrap; background: transparent; position: relative;}
	.event-detail .table-header::after{position: absolute; bottom: 0; left: -14px; width: calc(100% + 28px); height: 10px; content:""; background:#f8f8f8;}
	.event-detail .table-header .table-title{font-size: 14px; color: #000; font-weight: 500; margin-bottom: 6px; }
	.event-detail .table-header .table-title-right{font-weight: 300; font-size: 11px; color: #767676; display: flex; align-items: center; column-gap: 2px; line-height: 13px; }
	.event-detail .table-header .table-title-right h3{font-weight: 300; font-size: 11px; color: #767676;}

	.event-wrap.event-wrap-prdt{position: relative;}
	.event-wrap.event-wrap-prdt .event-cont{padding: 40px 19px 40px 20px;}
	.event-wrap.event-wrap-prdt .background-wide{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

	.event-cate .tab-inner {position: relative; width: 100%; height: auto;}
	.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; }
	.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; 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, .event-cate .tab-title ul li h2 {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, .event-cate .tab-title ul li.active h2, .event-cate .tab-title ul li:hover h2{ border-color:#000; color: #000; font-weight: 500;}
	/*.event-cate .grid {align-items: stretch; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 20px; box-sizing: border-box;}*/

	/*상품(카테에 있는 것과 동일)*/
	.default-grid a{width: 100%; padding: 0px;}
	.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 {position: relative;}
	.default-grid .product-area .img-wrap{background-color: #F0F0F0; margin-bottom: 8px; height: 134px; border: none;}
	.default-grid .product-area .img-wrap img{width: 100%; height: 100%; object-fit: contain;}
	.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: break-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: baseline; 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: baseline; 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;}

	.default-grid .item-sm{width: 100%; height: 100%; border: none;}

	/* 에디터 내용 */
	.event-edit{ margin-top: 25px; }

	/*공유하기*/
	.event-share{padding: 30px; margin: 10px 0 80px; border: 1px solid #e6e6e6; text-align: center;}
	.event-share.share-sm{border: none; padding: 0; margin: 0 0 0 15px;}
	.event-share.share-sm ul li{width: 25px; height: 25px; margin: 0 5px;}
	.event-share p, .event-share h3{font-size: 13px; margin-bottom: 20px; font-weight: 400; }
	.event-share ul{display: flex; justify-content: center; align-items: center; gap: 0 10px;}
	.event-share ul li{width: 30px; height: 30px; border-radius: 50px; cursor: pointer; background: url(../images/event/event-detail/ico-share-fb-lg.png) no-repeat center/contain;}
	.event-share.share-sm ul li:last-child{margin-right: 0;}
	.event-share.share-sm ul li{width: 20px; height: 20px;}
	.event-share ul li.kakao{background: url(../images/event/event-detail/ico-share-kakaotalk-lg.png) no-repeat center/contain;}
	.event-share ul li.link{background: url(../images/event/event-detail/ico-share-url-lg.png) no-repeat center/contain;}
	.event-share .ico{width:100%; height:100%;}
}