@charset "UTF-8";
/*UIUX Project Common*/
.main-wrapper{padding-top: 20px;padding-bottom: 0!important;}
.cont-main-wrap .cont-box{padding: 0!important;}
.cont-main-wrap .cont-box .cont-inner{max-width: 1150px;margin: auto;padding: 70px 20px!important}
.cont-main-wrap .cont-box.type02 .cont-inner{padding-bottom: 100px!important;}
.txt_white{color:#fff!important}
.bg_dark_gray{background-color: #1c2329;}
.cont-box ~ .cont-box{margin-top: 0;}
.swiper-container-wrap .swiper-control-wrap .swiper-button-next:before, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev:before{border-radius: 0;}
.no-data.type02{padding:94px 0}
@media (max-width: 890px) {
	.main-wrapper{padding-top: 0;}
	.swiper-container-wrap{margin: 0 -20px;}
	.swiper-container-wrap .swiper-container{padding: 0 20px;}
	.cont-main-wrap .cont-box{padding: 0 20px!important;}
	.cont-main-wrap .cont-box.type02 .cont-inner{padding-bottom: 50px!important;}
	.cont-main-wrap .cont-box .cont-inner{padding: 50px 0 50px!important}
	.cont-main-wrap .cont-box.hot_wrap .cont-inner{padding-top: 0!important;}
	.cont-main-wrap .cont-box:last-of-type .cont-inner{padding-bottom:134px!important}
	.tab-wrap.sub-tab .tabs-swiper:after{background: none;}
	.cont-tit .tit-xxl{font-size: 20px;}
	.txt_right_arr_24_black::after,
	.txt_right_arr_24::after{width:20px;height: 20px;}
}
/* S : EATZ TV */
.swiper-tv-banner .swiper-container .swiper-wrapper{justify-content: space-between;}
.swiper-tv-banner .swiper-container .swiper-slide{width:24.2%;}
.swiper-tv-banner .swiper-container .swiper-slide:last-child{margin-right:0}
.swiper-tv-banner .swiper-container .thumb-box{width: 100%;overflow: hidden;border-radius: 20px;}
.swiper-tv-banner .swiper-container .grid-title{margin-top:12px;color:#fff;font-size: 15px;line-height: 20px;font-weight: 400; width:100%;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;white-space: normal;}
@media (max-width: 890px) {
	.swiper-tv-banner .swiper-container .swiper-slide{width:285px}
}
/* E : EATZ TV */
/* S : EATZ 쇼핑*/
.cont-main-wrap .tab-wrap.sub-tab .tabs{margin-bottom: 20px;}
.prod-item.prod-size-fix-shop{width: 19.1%;margin-right: 12px!important;}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-next:before{top:0;right:0!important}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-prev:before{top:0;left:0!important}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled:before, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled:before{display: none;}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-next, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev{background:transparent;height:45px;top:29%;width:45px;right:0}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-next{right:-21px}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-prev{left:-21px}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-next:before{right:0}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-prev:before{left:0}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-next:before, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev:before{width:45px;height:45px;background: url(../images/ui/ui_ico_swiper_arr_h45.svg);background-size: cover;box-shadow:none;border:none;backdrop-filter:none;transition:none}
.swiper-prod-wrap .swiper-wrapper .swiper-slide:last-child{margin-right: 0!important;}
.swiper-prod-wrap .swiper-control-wrap .swiper-button-next:hover::before,
.swiper-prod-wrap .swiper-control-wrap .swiper-button-prev:hover::before{background:url(../../assets/images/ui/ic_arrow_swiper_right_hover.svg);background-size: cover;}
@media (max-width: 1200px) {
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-next{right: -20px;}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-prev{left: -20px;}
}
@media (max-width: 890px) {
	.prod-item.prod-size-fix-shop{width: 128px;margin-right: 7px!important;}
	.no-data.type02{padding:66px 0 56px}
}
/* E : EATZ 쇼핑*/
/* S : 지금바로쓸수있는쿠폰*/ 
.swiper-coupon-banner.type02{margin-top: -15px;}
.swiper-coupon-banner.type02 .swiper-slide{width:25%}
.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-next.swiper-button-disabled:before, .swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-prev.swiper-button-disabled:before{display: none;}
.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-next{right:-22px}
.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-next:before{right:0px}
.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-prev{left:-22px}
.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-prev:before{left:0px}
.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-next, .swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-prev{background:transparent;height:45px;width: 45px;top:50%;}
.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-next:before, .swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-prev:before{width:45px;height:45px;background: url(../images/ui/ui_ico_swiper_arr_h45.svg);background-size: cover;box-shadow:none;border:none;backdrop-filter:none;transition:none;margin-top: 0;top:0}
.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-next:hover::before, .swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-prev:hover::before{background: url(../../assets/images/ui/ic_arrow_swiper_right_hover.svg);background-size: cover;}
.swiper-coupon-banner.type02 .swiper-wrapper{padding:15px 0}
@media (max-width: 1200px){
	.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-next{right: -20px;}
	.swiper-coupon-banner.type02 .swiper-control-wrap .swiper-button-prev{left: -20px;}
}
/* E : 지금바로쓸수있는쿠폰*/
/* S : 이달의 핫메뉴*/ 
.hot_menu_wrap{display:flex}
.hot_menu_wrap .brand_banner{width:180px;margin-right: 32px;position: relative;}
.hot_menu_wrap .brand_banner .thumb-box{position: relative;padding-top:290px;border-radius:20px;overflow: hidden;}
.hot_menu_wrap .brand_banner .thumb-box .thumb-img{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background: none;}
.hot_menu_wrap .brand_banner .text_area{position: absolute;top:50%;width: 100%;transform: translateY(-50%);z-index: 1;}
.hot_menu_wrap .brand_banner .text_area .tit{display: block;text-align: center;font-size:22px;line-height: 28px;font-weight: 600;letter-spacing: -0.025em;color:#fff;margin-bottom: 16px;}
.hot_menu_wrap .brand_banner .text_area .txt{display: block;text-align: center;font-size:14px;line-height: 18px;font-weight: 400;letter-spacing: -0.025em;color:#fff}
.hot_menu_wrap .brand_banner .text_area .txt i{margin-top: 4px;}
.hot_menu_wrap .prod-item .thumb-box{border-radius: 15px;overflow: hidden;}
.hot_menu_wrap .prod-item .thumb-box .thumb-img{/* min-height: 100%;object-fit: cover; */top:50%;transform: translateY(-50%);}
.hot_menu_wrap .prod-list{margin: 0;width: calc(100% - 212px);justify-content: space-between;}
.hot_menu_wrap .prod-item{padding:0!important;width:19%!important;}
.hot_menu_wrap .prod-list{align-items: flex-start}
.hot_menu_wrap .prod-list .prod-item:nth-child(2) ~ .prod-item{margin-top: 0}
.hot_menu_wrap .prod-item .prod-info-box{padding: 0 8px;}
.hot_menu_wrap .prod-item .prod-info-box .prod-price .price .val{font-size: 16px;}
.hot_menu_wrap .prod-item .prod-info-box .prod-price .price .unit{font-size: 16px;margin-left: 0;}
.hot_menu_wrap .badge-wrap [class^=badge-]{margin: 2px 1px 3px 2px;height: 18px;padding:1px 5px 1px;border-radius: 100px;}
.hot_menu_wrap .badge-wrap [class^=badge-] .text{line-height: 14px;font-size: 10px;}
@media (max-width: 890px) {
	.hot_menu_wrap .prod-list .prod-item {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;width: 100%!important;padding: 0;align-items: center;}
	.hot_menu_wrap .prod-list .prod-item + .prod-item{margin-top: 8px!important} 
	.hot_menu_wrap .prod-item .thumb-box{width: 96px;padding-top: 94px;}
	.hot_menu_wrap .prod-item .prod-info-box{margin-top: 0;margin-left: 16px;padding: 0;}
	.hot_menu_wrap .prod-list{width:100%}
	.hot_menu_wrap + .btn-center-wrap {margin-top: 28px;}
}
/* E : 이달의 핫메뉴*/ 
/* S : 서브 배너*/ 
.sub-banner-wrap .swiper-container{border-radius: 20px;overflow: hidden;}
.sub-banner-wrap .swiper-container-wrap .swiper-pagination{display: block;bottom:-34px;left:50%;transform: translateX(-50%);}
.sub-banner-wrap .swiper-pagination .swiper-pagination-bullet-active{background:#000;width: 20px;height: 8px;border-radius: 100px;}
.sub-banner-wrap .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 6px;}
@media (max-width: 890px) {
	.sub-banner-wrap .banner_list_wrap{display: flex;flex-direction: column;margin-top: -30px;}
	.sub-banner-wrap .banner_item{width: 100%;position: relative;}
	.sub-banner-wrap .banner_item + .banner_item{margin-top:8px;}
	.sub-banner-wrap .banner_item .thumb-box{position: relative;width:100%;border-radius:20px;overflow:hidden;padding-top:34.7%;}
	.sub-banner-wrap .banner_item .thumb-box img{position: absolute;top:50%;left: 50%;width: 100%;transform: translate(-50%, -50%);}
}
/* E : 서브 배너*/ 
/* S : 브랜드 바로가기*/ 
.brand-list-wrap .swiper-wrapper{align-items: center;}
.brand-list-wrap .swiper-pagination{display: block;left:50%;transform: translateX(-50%);bottom:-50px}
.brand-list-wrap .swiper-pagination-bullet{opacity: 0.1;}
.brand-list-wrap .swiper-pagination-bullet-active{width:20px;border-radius:100px;background: #000;opacity: 1;}
.brand-list-wrap .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 6px;}
.brand-list-wrap .swiper-slide{width: 20%;}
.brand-list-wrap .swiper-slide .thumb-box .logo{position: absolute;top:31%;width: 69%;left: 50%;transform: translate(-50%);transition: 0.8s;}
.brand-list-wrap .swiper-slide .thumb-box .bg{opacity:0;position: absolute;top:50%;width: 100%;left: 50%;transform: translate(-50%,-50%);transition: 0.8s;}
.brand-list-wrap .swiper-slide .thumb-box .on{display: none;}
.brand-list-wrap .thumb-box .object{opacity: 0; position: absolute;bottom:0;left: 0;transform: scale(1);transition: 0.5s;z-index: 1;}
.brand-list-wrap .swiper-slide.swiper-slide-active .thumb-box .off{display: none;}
.brand-list-wrap .swiper-slide.swiper-slide-active .thumb-box .on{ display: block;}
.brand-list-wrap .swiper-slide.swiper-slide-active .thumb-box .logo{top:6.8%;transition: 0.8s; }
.brand-list-wrap .swiper-slide.swiper-slide-active .thumb-box .object{opacity: 1; transition: 0.8s;}
.brand-list-wrap .swiper-slide.swiper-slide-active .thumb-box .bg{opacity: 1; }
.brand-list-wrap .swiper-slide-active:hover .object{object-fit:cover;transform: scale(1.1);transition: transform 0.5s;}
.brand-list-wrap .swiper-control-wrap .swiper-button-next, .brand-list-wrap .swiper-control-wrap .swiper-button-prev{width:45px;height:45px;background: none;top:50%;}
.brand-list-wrap .swiper-control-wrap .swiper-button-next{right:-22px}
.brand-list-wrap .swiper-control-wrap .swiper-button-prev{left:-22px}
.brand-list-wrap .swiper-control-wrap .swiper-button-next:before{right:0}
.brand-list-wrap .swiper-control-wrap .swiper-button-prev:before{left:0}
.brand-list-wrap .swiper-control-wrap .swiper-button-next:before, .brand-list-wrap .swiper-control-wrap .swiper-button-prev:before{background: url(../../assets/images/ui/ui_ico_swiper_arr_h45.svg) 0 0 / cover no-repeat;box-shadow: none;backdrop-filter: none;border:none;width:45px;height:45px}
.brand-list-wrap .swiper-control-wrap .swiper-button-next:hover::before,
.brand-list-wrap .swiper-control-wrap .swiper-button-prev:hover::before{background:url(../../assets/images/ui/ic_arrow_swiper_right_hover.svg);}
@media (max-width: 1200px) {
	.brand-list-wrap .swiper-control-wrap .swiper-button-next{right: -20px;}
	.brand-list-wrap .swiper-control-wrap .swiper-button-prev{left: -20px;}
}
@media (max-width: 890px) {
	.brand-list-wrap{padding-bottom: 30px;}
	.brand-list-wrap .swiper-slide{width: 206px;}
	.brand-list-wrap .swiper-pagination{bottom:-8px}
	.brand-list-wrap .swiper-slide-active:hover .object{object-fit:cover;transform: scale(1);transition:  transform 0;}
	.btn-more-view .text{font-size: 16px;}
	.btn-more-view .text span{font-size: 16px;}
}
/* E : 브랜드 바로가기*/ 
/* S : 주문상태팝업*/
.order-state-bottom{z-index: 2;}
.order-state-bottom .order-state-box .store-info-title .desc_text span i{margin-top: -4px;vertical-align: middle;}
.order-state-box.type02{z-index: 10;overflow: hidden;position: fixed;bottom: calc(74px + env(safe-area-inset-bottom) + var(--IOSBottomPadding) + -50px);left: 0;width: 100%;padding-bottom:53px;background: #262d33;border-radius:  32px;} 
.order-state-box.type02 .store-info{padding-bottom: 20px;} 
.order-state-box.type02 .store-info-title .store-name{line-height: 18px;} 
.order-state-box.type03{z-index: 10;position: fixed;bottom: calc(74px + env(safe-area-inset-bottom) + var(--IOSBottomPadding) + 16px);width:auto;border-radius:  100px;transform: translateY(150%);background: transparent;left:0;right:0} 
.order-state-box.type03 .store-info{padding:0;} 
.order-state-box.type03 .store-info-title{width:auto;max-width: calc(100% - 40px);background: #262d33;padding:12px 11px 12px 18px;border-radius: 100px;} 
.order-state-box.type03 .store-info-title::before{display: none;} 
.order-state-box.type03 .store-info-title .desc{max-width: 100%;width: 100%;margin-top: 0;position: relative;padding-left:13px;} 
.order-state-box.type03 .store-info-title .desc::before{content: '';position: absolute;left:0;top: 50%;transform: translateY(-50%);width:5px;height:5px;background:#00b9ca;border-radius: 100%;} 
.order-state-box.type03 .store-info-title .desc_text span{font-size: 14px;} .order-state-box.type03 .store-info-title .desc_text span i{margin-top: -4px;width: 16px;height: 16px;margin-left: 3px;}
.order-state-bottom.view-small .order-state-box.type02{animation: goDown 0.3s linear forwards;}
.order-state-bottom.view-small .order-state-box.type03{animation: goUp 0.3s linear forwards;}
.order-state-bottom.view .order-state-box.type03{transform: translateY(0); animation: goDown 0.3s linear forwards;}
.order-state-bottom.view .order-state-box.type02{transform: translateY(150%); animation: goUp 0.3s  linear forwards;}
.order-state-bottom.top .order-state-box.type02,.order-state-bottom.top .order-state-box.type03{transition: 0.3s;}
@keyframes goDown {
	from{transform: translateY(0);}
	to{transform: translateY(150%);}
}
@keyframes goUp {
	from{transform: translateY(150%);}
	to{transform: translateY(0);}
}
/* E : 주문상태팝업*/
/* S: 외부광고배너 */
.cont-main-wrap .cont-box.ex_banner .cont-inner{padding-bottom: 0!important;}
.cont-main-wrap .ex_banner a{border-radius: 20px;overflow: hidden;}
@media (max-width: 890px) {
	.cont-main-wrap .cont-box.ex_banner .cont-inner{padding: 0!important;}
	.cont-main-wrap .ex_banner.type01 .cont-inner{padding-bottom:30px!important;margin-top: -20px;}
	.cont-main-wrap .ex_banner.type02 .cont-inner{padding-top: 30px!important;}
}
/* E: 외부광고배너 */
/* S : Main Banner*/
.cont-box.cont-main-banner .cont-inner{padding-top:0!important;display: flex;justify-content: space-between;}
.cont-box.cont-main-banner .cont_left{width: calc(100% - 310px);display: inline-block;}
.swiper-main-banner{width:100%;height:336px;overflow: hidden;border-radius: 20px;}
.swiper-main-banner .banner-thumb-box {border-radius: 20px;height:336px;overflow: hidden;}
.swiper-main-banner .banner-thumb-box .img-txt-box{position: absolute;top:48px;left:44px;padding: 0!important;color:#fff}
.swiper-main-banner .banner-thumb-box .banner-tit{font-size: 36px;line-height: 48px;font-weight: 700;letter-spacing: 0;}
.swiper-main-banner .banner-thumb-box .banner-tit-desc{font-size: 18px;line-height: 24px;font-weight: 600;letter-spacing: -0.025em;margin-top: 12px;opacity: 0.8;}
.swiper-main-banner .banner-thumb-box .thumb-img{position: absolute;top:0;left:0;right:0;height: 100%}
.swiper-main-banner .swiper-bundle .swiper-button-next{position:relative;background:url(../images/ui/main_banner_next_arr.svg) 0 0 no-repeat; width: 16px;height: 16px;background-size: cover;}
.swiper-main-banner .swiper-bundle .swiper-button-prev{position:relative;background:url(../images/ui/main_banner_prev_arr.svg) 0 0 no-repeat; width: 16px;height: 16px;background-size: cover;}
.swiper-main-banner .swiper-bundle .swiper-button-next:before,
.swiper-main-banner .swiper-bundle .swiper-button-prev:before{display: none;}
.swiper-main-banner .swiper-bundle .swiper-button-next, .swiper-main-banner .swiper-bundle .swiper-button-prev {position: relative;left: unset!important;right: unset!important;top: unset !important;margin-top: 0;}
.swiper-main-banner .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{font-size: 14px;font-weight: 600;line-height: 18px;letter-spacing: -0.025em;}
.swiper-main-banner .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total{font-size: 14px;font-weight: 600;line-height: 18px;color:rgba(255, 255, 255, 0.5)}
.swiper-main-banner .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {content: "";background: rgba(255, 255, 255, 0.5);width:1px;height: 10px;background-size: cover;margin: 0 4px;}
.swiper-main-banner .btn-event-more {width: 36px;height: 36px;background: rgba(0,0,0,0.12) url("../images/ui/ico_banner_more.svg") center center no-repeat;background-size: 16px;border-radius: 100%;margin-left: 8px;-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);}
.swiper-main-banner .swiper-pagination-wrap .swiper-pagination-inner {display: flex;}
.swiper-main-banner .swiper-pagination-wrap .swiper-bundle{display:flex;border-radius: 20px;background: rgba(0,0,0,0.12);-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);padding: 9px 11px;align-items: center;}
.swiper-main-banner .swiper-pagination-wrap .swiper-pagination {display: block;position: static;-moz-transform: none;-webkit-transform: none;transform: none;-moz-backdrop-filter: none;-webkit-backdrop-filter: none;backdrop-filter: none;font-weight: 500;height: auto;padding:0 4px}
.swiper-main-banner .swiper-pagination-wrap {z-index: 2;position: absolute;bottom: 20px;right: 24px;}
.swiper-main-banner.is-active .swiper-pagination-wrap {display:block}
.swiper-main-banner .swiper-container{border-radius: 20px;overflow: hidden;}
.swiper-main-banner .banner-thumb-box.error-data .img-txt-box{top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.swiper-main-banner .banner-thumb-box.error-data .banner-tit-desc{margin-top: 0;font-size: 14px;line-height: 1.3em;font-weight: 400;text-align: center;opacity: 1;}
@media (max-width: 890px) {
	.cont-box.cont-main-banner .cont_left{width:100%;display: block;;}
	.cont-box.cont-main-banner .cont-inner{display: block;margin:0 -20px;}
	.swiper-main-banner{border-radius:0;height: 100vh - 45px;height: calc((var(--real-vh, 1vh) * 100) - 45px);margin: 0;}
	.swiper-main-banner .swiper-container{border-radius:0;padding: 0;}
	.swiper-main-banner .banner-thumb-box{height: 100vh - 45px;height: calc((var(--real-vh, 1vh) * 100) - 45px);}
	.swiper-main-banner .banner-thumb-box .img-txt-box{top:calc(92px + var(--TopPadding));left:0;padding-left: 24px !important;padding-right: 24px !important;}
	.swiper-main-banner .banner-thumb-box .banner-tit{font-size: 28px;line-height: 39px;}
	.swiper-main-banner .banner-thumb-box .banner-tit-desc{font-size: 16px;line-height: 22px;font-weight: 500;color: rgba(255,255,255,0.8);margin-top: 4px;}
	.swiper-main-banner .swiper-pagination-wrap{right:auto;left:24px;bottom:auto;top: calc(217px + var(--TopPadding));}
	.swiper-main-banner .swiper-pagination-wrap .swiper-pagination-inner{background-color: rgba(0,0,0,0.12);border-radius: 20px;align-items: center;padding:6px 7px;-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);}
	.swiper-main-banner .swiper-pagination-wrap .swiper-bundle{-webkit-backdrop-filter: unset;backdrop-filter: unset;}
	.swiper-main-banner .btn-event-more{background-color: transparent;margin-left: 4px;opacity: 0.5;width:16px;height: 16px;-webkit-backdrop-filter: unset;backdrop-filter: unset;}
	.swiper-main-banner .swiper-pagination-wrap .swiper-bundle{background-color: transparent;padding:0}
	.swiper-main-banner .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
	.swiper-main-banner .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total{font-size: 12px;line-height: 16px;}
	.swiper-main-banner .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before{height:8px;margin: 0 6px;}
	.swiper-main-banner .banner-thumb-box.error-data .img-txt-box{top: 33%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%;}
}
@media (max-width: 375px) and (max-height: 660px){ /* iPhone SE 2020 (375*667) 이하 대응 */
	/* iPhone SE 2020 기준으로 pagination 우측 정렬 및 top값 조정 (25.06.30 - yoo) */
	/* mobile web viewport 주소창 및 UI 높이값 이슈로 인해 미디어쿼리 max height 수치 조정 667 => 630 (25.07.24 - yoo) */
	.swiper-main-banner .banner-thumb-box.error-data .img-txt-box{top: 20%;}
	.swiper-main-banner .banner-thumb-box .banner-tit{font-size: 20px;line-height: 24px;}
	.swiper-main-banner .banner-thumb-box .banner-tit-desc{font-size: 14px;line-height: 18px;}
	.swiper-main-banner .swiper-pagination-wrap{top: calc(180px + var(--TopPadding));}
}
@media (max-width: 375px) and (max-height: 590px){
	/* mobile web viewport 주소창 및 UI 높이값 이슈로 인해 미디어쿼리 max height 수치 조정 610 => 590 (25.07.24 - yoo) */
	.swiper-main-banner .swiper-pagination-wrap{left:auto;right:12px;top: calc(126px + var(--TopPadding));}
	.swiper-main-banner .banner-thumb-box .img-txt-box{top:calc(82px + var(--TopPadding))}
}
@media (max-width: 320px) and (max-height: 568px) { /* iPhone SE 이하 (320*568) 대응 */
}
/* E : Main Banner*/
/* S : 개인화 영역*/
.cont-box.cont-main-banner .cont_right{width:290px}
.main_user_info{width:100%}
.main_user_info .btn-wrap{align-items: center;}
.main_user_info .cont_area{background: #3f3f3f;border-top-left-radius: 20px;border-top-right-radius: 20px;padding:28px 24px 24px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;overflow: hidden;}
.main_user_info .game_center_btn{display: block;width:290px; background-color: #323232;margin: 24px -24px -24px;}
.main_user_info .brand_icon_list .txt{color:#fff;font-weight: 500;margin-left: 6px;line-height: 18px;}
.main_user_info .brand_icon_list li{display: flex;align-items: center;}
.main_user_info .brand_icon_list li + li{margin-top: 10px;}
.main_user_info .rating_info .cont_tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 14px;}
.main_user_info .rating_info .title{font-size:16px;line-height:22px;font-weight: 600;color:#fff}
.main_user_info .rating_info .link{position: relative; font-size: 12px;font-weight: 400;line-height: 16px;color:#ffffff80;padding-right: 12px;}
.main_user_info .rating_info .link::after{content:'';position:absolute; background: url(../../assets/images/common/comm_ico_arrow_right_gray.svg) 0 0 no-repeat;background-size:cover;width:12px;height: 12px;top:50%;transform: translateY(-50%);right: 0;}
.main_user_info .rating_info .badge-md{background-color: #f7f7f7;border-color: #f7f7f7;}
.main_user_info .rating_info .badge-md .text{font-weight: 500;}
.main_user_info .rating_info .txt_area{margin-bottom: 14px;font-size:16px;line-height: 22px;font-weight: 500;letter-spacing: -0.025em;color:#fff;font-size:16px;line-height: 22px;font-weight: 500;letter-spacing: -0.025em;color:#fff}
.main_user_info .rating_info .txt_area a{font-size:16px;line-height: 22px;font-weight: 500;letter-spacing: -0.025em;color:#fff;text-decoration: underline;}
.main_user_info .myrating_list li{display: flex;align-items: center;justify-content: space-between;}
.main_user_info .myrating_list li + li{margin-top: 10px;}
.main_user_info .myrating_list .brand_info{display: flex;align-items: center;}
.main_user_info .myrating_list .brand_info .text{color:#fff;font-weight:400;line-height: 18px;margin-left:5px;}
.main_user_info .myrating_list .brand_info [class^=ico-grade-]{width:24px;height: 24px;}
.main_user_info .user_quick_list{display: flex;width: 100%;margin-top: 16px;border-radius: 12px;background-color: rgba(255,255,255,0.1);margin-bottom: 30px;}
.main_user_info .user_quick_list li{width: 50%;text-align: center;}
.main_user_info .user_quick_list li + li{position: relative;}
.main_user_info .user_quick_list li + li:before{display: block;content: '';position: absolute;top: 12px;left: 0;width: 1px;height: 20px;background-color: rgba(0,0,0,0.3);}
.main_user_info .user_quick_list a{font-weight: 400;line-height: 18px;display: block;padding: 12px 0;color: #fff;}
.main_user_info .cont_area .cont-tit{line-height: 30px;font-size: 24px;}
.main_user_info .user-count-item{position: relative;}
.main_user_info .user-count-item .tit{font-size:14px;font-weight:500;line-height:24px;color:#fff;display:inline-block;padding-left: 29px;}
.main_user_info .user-count-item .tit::before{content: '';position: absolute;width: 24px;height:24px;background: url(../../assets/images/common/comm_ico_eatz_mile_yellow.svg) 0 0 no-repeat;background-size: cover;left: 0;}
.main_user_info .user-count-item .count{display: inline-block;}
.main_user_info .user-count-item .val{color:#fff;font-size:22px;font-weight: 700;line-height: 28px;}
.main_user_info .user-count-item .mile_info{display: inline-block; position: relative;padding-right: 24px;}
.main_user_info .user-count-item .mile_info::after{display:block; content: '';position: absolute;right:0;top:50%;transform: translateY(-50%);background: url(../../assets/images/common/comm_ico_arr_right_h24.svg) 0 0 no-repeat;background-size: cover;width:20px;height:20px}
.main_user_info .user-count-item .mile_info.has_mile{display: flex;justify-content: space-between;align-items: center;}
/* E : 개인화 영역*/
/* S : Order Select*/
.order_select_area{position:relative;width:100%;border:1px solid #eee;display: flex;justify-content: space-between;border-radius: 20px;padding:13px 13px 13px 29px ;margin-top: 20px;}
.order_select_area .btn_area{display: flex;}
.order_select_area .btn_area button{border-radius: 15px;}
.order_select_area .btn_area button + button{margin-left: 10px;}
.order_select_area .brand_select{display: flex;align-items: center;}
.order_bubble{display: block;position: absolute;color:#fff; background: #3f3f3f;padding: 10px 14px;left: 16px;top: 81px;border-radius: 100px;opacity: 0;animation: showBubble 0.2s 0.8s ease-in forwards, outBubble 0.2s 10s ease-in forwards}
.order_bubble:after {top: -7px;left: 18px;content: "";position: absolute;background: url(../../assets/images/common/comm_ico_bubble_arrow.svg) 0 0 no-repeat;width:14px;height:14px;background-size: cover;}
.order_bubble .txt{font-size: 14px;color:#fff;font-weight: 600;letter-spacing: -0.025em;line-height: 18px;}
.order_select_area .btn_area .text{font-weight: 500;font-size: 18px;line-height: 24px;}
@media (max-width: 1150px) {
	.order_select_area .btn_area button{min-width:160px}
}
@media (max-width: 990px) {
	.order_select_area .btn_area button{min-width:115px}
	.order_select_area{padding-left: 20px;}
}
@media (max-width: 890px) {
	.mobile_coupon_list{position: absolute;bottom:calc(120px + var(--TopPadding)) ;width:100%;left:0;z-index: 2;overflow: hidden;padding-top: 30px;}
	.order_mobile{position: relative;margin: 0 12px;}
	.order_mobile:before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);border-radius: 20px;background-color: rgba(0,0,0,0.12);}
	.order_bubble{padding: 8px 15px;left: 12px;top: -12px;border-radius: 100px;opacity: 0;animation: downBubble 0.2s 0.6s ease-in forwards, outBubble 0.2s 10s ease-in forwards}
	.order_bubble:after{top:auto;bottom: -5px;left:12px;transform: rotate(180deg);}
	.order_bubble .txt{font-size:12px;line-height:16px;}
	.order_select_area{flex-direction: column;border: none;border-radius: 0;margin-top: 0;padding:20px 12px 12px 12px}
	.order_select_area .cont{display: flex;justify-content: space-between;padding: 0 8px;}
	.order_select_area .brand_select{flex-direction: column;align-items: flex-start;}
	.order_select_area .brand_select  button{position: relative;min-height: 24px;padding-right: 26px;}
	.order_select_area .brand_select  button::after{content: "";display: block;position: absolute;background: url(../../assets/images/common/comm_ico_down_white.svg) 0 0 no-repeat;width:20px;height:20px;top: 50%;right: 0;transform: translateY(-50%);}
	.order_select_area .brand_select  button i {display: inline-block;}
	.order_select_area .brand_select .txt{font-size: 14px;font-weight: 400;line-height: 18px;color:rgba(255, 255, 255, 0.8);margin-top: 12px;}
	.order_select_area .order_link{display: flex;margin-top: 10px;}
	.order_select_area .order_link li+ li{padding-left:17px;position: relative;}
	.order_select_area .order_link li+ li::before{content: "";display: block;position: absolute;width: 1px;height: 12px;top: 3px;left: 8.5px;background-color:rgba(0,0,0,0.12);}
	.order_select_area .order_link a{font-size: 14px;font-weight: 400;line-height: 18px;letter-spacing: -0.022em;color:rgba(255, 255, 255, 0.8)}
	.order_select_area .my_rating{display: flex;justify-content: flex-end;min-height: 28px;}
	.order_select_area .my_rating [class^=ico-grade-]{width:28px;height:28px;}
	.order_select_area .btn_area{display: flex;justify-content: space-between;margin-top: 16px;}
	.order_select_area .btn_area button{width:48.8%;background: rgba(255,255,255,0.3);border-color: rgba(255, 255, 255, 0.16);}
	.w106{width:106px}
	.w118{width:118px;padding-right: 12px;}
	.w136{width:136px}
	.w148{width:148px;padding-left:12px}
	.w240{width:240px}
}
@media (max-width: 375px) and (max-height: 630px){ /* 메인 배너 .banner-tit의 font size 리사이징과 분기점 통일 (25.07.24 - yoo) */
	.order_select_area .btn_area button{height: 44px;}
	.order_select_area .btn_area .text{font-size: 14px;}
}
@media (max-width: 430px) and (min-height: 932px){ 
	.mobile_coupon_list{position: absolute;bottom:calc(125px + var(--TopPadding)) ;}
}
@media (max-width: 375px) and (max-height: 812px){ 
	.mobile_coupon_list{position: absolute;bottom:calc(126px + var(--TopPadding)) ;}
}
@keyframes showBubble {
	from{opacity: 0;-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	to{opacity: 1;-webkit-transform: translateY(-7px);transform: translateY(-7px);}
}
@keyframes downBubble {
	from{opacity: 0;-webkit-transform: translateY(-12px);transform: translateY(-12px);}
	to{opacity: 1;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes outBubble {
	from{opacity: 1;}
	to{opacity: 0;}
}
/* E : Order Select*/
/* S : Mobile Coupon Swiper */
@media (max-width: 890px) {
	.mobile_coupon_banner{height: 104px;margin-top: 12px;}
	.mobile_coupon_banner .swiper-wrapper {animation: moveLeft 0.5s 1.2s ease forwards;}
	.mobile_coupon_banner .swiper-slide{height:104px}
	.mobile_coupon_banner .swiper-slide.w148 .coupon_box{align-items: initial;}
	.mobile_coupon_banner .has_dash{margin-right: 2px;}
	.mobile_coupon_banner .has_dash::after{content:'';display: block;position: absolute;width:4px;height:58px;background: url(../../assets/images/common/dash_line_bg.png) 0 0 repeat-x;background-size: contain;right:-4px;top:50%;transform: translateY(-50%);}
	.mobile_coupon_banner .coupon_box{border-radius: 20px;height: 100%;padding:16px 16px;padding-right: 20px;background-color: #fff;display: flex;justify-content: space-between;align-items: center;}
	.mobile_coupon_banner .coupon_box .txt_sm{font-size:13px;line-height: 18px;font-weight: 500;letter-spacing: -0.025em; display: block;margin-bottom: 2px;}
	.mobile_coupon_banner .coupon_box .txt_bg{font-size:16px;line-height: 22px;font-weight: 700;letter-spacing: -0.025em}
	.mobile_coupon_banner .coupon_box .btn-link{position: absolute;top:0;left: 0;width:100%;height: 100%;}
	.mobile_coupon_banner .coupon_box .thumb-box{width:70px;position: relative;top:0;left: 0;padding-top: 70px;}
	.mobile_coupon_banner .coupon_box .thumb-img{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
	.mobile_coupon_banner .info_box{width:124px}
	.mobile_coupon_banner .info_box .brand{font-size:12px;font-weight: 600;line-height: 16px;letter-spacing: -0.025em;margin-bottom: 2px;}
	.mobile_coupon_banner .info_box .name{display: block;display:-webkit-box; overflow: hidden;max-height: 36px;line-height: 18px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;white-space: normal;width:100%;word-break: break-all;font-weight: 500;font-size: 14px;letter-spacing: -0.025em;margin-bottom: 4px;color:#000;margin-top: 2px;}
	.mobile_coupon_banner .coupon_price{display:flex;width:100%}
	.mobile_coupon_banner .coupon_price .percent{font-size: 16px;font-weight: 700;line-height: 22px;letter-spacing: -0.025em;color:#ef3d2e;margin-right: 2px;}
	.mobile_coupon_banner .coupon_price .price{font-size: 16px;font-weight: 700;line-height: 22px;letter-spacing: -0.025em;color:#000}
	.mobile_coupon_banner .game_center_btn{-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);background: transparent;padding: 0;background-color: rgba(0, 0, 0, 0.12);}
	.mobile_coupon_banner .img_area{width:56px;height:56px;position: absolute;bottom:0;right:0}
	.mobile_coupon_banner .img_area i{display: block; width:56px;height:56px}
	.mobile_coupon_banner .btn_more{display: flex;width:100%;height:100%;text-align: center;align-items: center;justify-content: center;}
	.mobile_coupon_banner .btn_more .txt{display: block;font-weight: 600;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;position: relative;padding-right: 16px;}
	.mobile_coupon_banner .btn_more .txt::after{content:'';position: absolute;right:0;top:50%;transform: translateY(-50%);background: url(../../assets/images/common/comm_ico_arr_right_h16_gray.svg) 0 0 no-repeat;width:16px;height:16px;background-size: cover;}
	.mobile_coupon_banner .down_btn {position: absolute;width:36px;height: 36px;bottom: -7px;right: -8px;z-index: 2;}
	.mobile_coupon_banner .down_btn i{display: block;}
	.mobile_coupon_banner .down_btn:disabled{opacity: 1;}
	.mobile_coupon_banner .down_btn:disabled i{background: url(../../assets/images/common/comm_ico_download_circle_complete.svg) 0 0 no-repeat;}
	.couponMove{animation:couponMove 0.5s 0.4s ease-in forwards;}
}
@keyframes moveLeft {
	0%{left: 0;}
	50%{left: -6%;}
	100%{left:0;}
}
@keyframes couponMove {
	0%{left: 50%;}
	100%{left:0;}
}
/* E : Mobile Coupon Swiper */
/* S : Mobile Brand Select Popup*/
.main_brand_select .bs_btn{display: flex;flex-direction: column;text-align: center;width: 100%;height: 100%;padding:19px 0 18px;border:1px solid #dde0e3;border-radius: 4px;align-items: center;}
.main_brand_select li.active .bs_btn{border-color:#00A5B9;}
.main_brand_select li.active .bs_btn .txt{color:#00A5B9;}
.main_brand_select .grid-list li{width: 32%;margin-bottom: 2%;}
.main_brand_select .grid-list li + li{margin-left:2%;}
.main_brand_select .grid-list li:nth-child(4),.main_brand_select .grid-list li:nth-child(7),.main_brand_select .grid-list li:nth-child(7){margin-left: 0;}
.main_brand_select .ico{width:36px;height: 36px;margin: auto;}
.main_brand_select .txt{margin-top: 8px;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight:500;color:#000}
.main_brand_select.ui-dialog-content .dialog-body .cont-box:last-child .cont-inner{padding-bottom: 0;}
.main_brand_select.ui-dialog-content .dialog-footer{padding-bottom: 17px;}
@media (max-width: 890px) {
	.main_brand_select .grid-list{padding:0 20px 14px}

}
/* E : Mobile Brand Select Popup*/