@charset "utf-8";

#container{background:#f0f0f0;}
.fix_gnbmenu {margin-top:53px;}
/*.fix_gnbmenu .list_view_type a.b-filter {display:none;} 20.03.13 yeonzoo by ½Å°úÀå´Ô ¿äûÀ¸·Î Àá½Ã ÁÖ¼®Ã³¸®ÇÔ */

/* »óÇ° ¸®½ºÆ® Á¤·Ä */
.event_ny_list {margin:5px 0 5px;}
.event_ny_list li {display:inline-block;margin:5px 1% 2%;border-radius:3px;width:48%;}

/* °øÀ¯Çϱ⠸µÅ©º¹»ç */
.shareLayer-copy-link-url {padding: 10px 1.5rem;background: none;color: #fff;box-sizing: border-box;border: none;outline: none;}

/* sub-header-wrap - ±âÁ¸*/
.sub-header-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;box-sizing:border-box;line-height:1;}
.sub-header-wrap .header-left-box .previous-link{display:flex;width:32px;height:32px;}
.sub-header-wrap .header-left-box .previous-link img{width:100%;height:100%;}
.sub-header-wrap .header-center-box .header-title{font-size:18px;font-weight:500;color:#212529;}
.sub-header-wrap .header-right-box .card-link{display:flex;width:32px;height:32px;}
.sub-header-wrap .header-right-box .card-link img{width:100%;height:100%;}

/* sub-header-wrap new */
.sub-header-wrap.new{padding:0 20px;}
.sub-header-wrap.new .header-right-box .btn-pay-link{display:flex;width:64px;height:56px;}
.sub-header-wrap.new .header-right-box .btn-pay-link img{width:100%;height:100%;}

/* content-living - ±âÁ¸*/
/* .content-living{height:calc(100dvh - 52px);padding:20px;background:#F2F2F8;box-sizing:border-box;}
.content-living .living-wrap{display:flex;flex-direction:column;gap:24px;}
.content-living .living-wrap .banner-box{overflow:hidden;position:relative;border-radius:16px;}
.content-living .living-wrap .banner-box:after{display:block;padding:57.1428% 0 0;content:"";}
.content-living .living-wrap .banner-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.content-living .living-wrap .living-menu-list{display:flex;flex-wrap:wrap;column-gap:6px;row-gap:12px;}
.content-living .living-wrap .living-menu-list .living-menu-item{position:relative;width:calc(33.3% - 4px);border-radius:16px;background:#FFF;}
.content-living .living-wrap .living-menu-list .living-menu-item:after{display:block;padding:100% 0 0;content:"";}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.1vw;position:absolute;top:0;left:0;width:100%;height:100%;padding:16px 8px;box-sizing:border-box;}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-icon{display:flex;position:relative;width:42.647%;}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-icon:after{display:block;padding:100% 0 0;content:"";}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-icon img{position:absolute;top:0;left:0;width:100%;height:100%;}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-text{font-size:3.59vw;font-weight:bold;color:#000;white-space:nowrap;}

@media(min-width:390px){
	.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link{gap:16px;}
	.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-text{font-size:14px;}
} */

/* content-living new*/
.content-living.new{height:calc(100dvh - 52px);padding:0;background:#FFF;box-sizing:border-box;}
.content-living.new .living-wrap{display:flex;flex-direction:column;gap:24px;}
.content-living.new .banner-box{overflow:hidden;position:relative;}
.content-living.new .banner-box:after{display:block;padding:57.1428% 0 0;content:"";}
.content-living.new .banner-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.content-living.new .living-wrap .living-menu-list{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:16px;row-gap:12px;padding:16px 20px;}
.content-living.new .living-wrap .living-menu-list .living-menu-item{position:relative;border:2px solid transparent;border-radius:8px;background:linear-gradient(to bottom, #FFAE78, #FFF6F0),linear-gradient(to bottom, rgba(255, 174, 120, 1), rgba(255, 174, 120, 0.2));background-origin: border-box;background-clip: content-box, border-box;box-sizing: border-box;box-shadow:2px 2px 4px;}
.content-living.new .living-wrap .living-menu-list .living-menu-item:after{display:block;padding:80% 0 0;content:"";}
.content-living.new .living-wrap .living-menu-list .living-menu-item .living-menu-link{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-icon{position:absolute;display:flex;width:47%;bottom:0;right:0;}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-icon:after{display:block;padding:100% 0 0;content:"";}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-icon img{position:absolute;bottom:0;right:5px;width:100%;height:100%;}
.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-text{position:absolute;top:10px;left:8px;	font-size:4.16vw;font-weight:600;color:#000;}

@media(min-width:390px){
	.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link{gap:16px;}
	.content-living .living-wrap .living-menu-list .living-menu-item .living-menu-link .link-text{font-size:16px;}
}

/* ÆùÆ® */
/* °­¿ø±³À° Æ°Æ°ÆùÆ® */
@font-face {
  font-family: 'GangwonEduPowerExtraBoldA';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
  font-weight: normal;
  font-style: normal;}

/* select */
.select-style{padding:8px 34px 8px 16px;border:1px solid #E7EAEC;border-radius:18px;background:url('/data/goodshopmall/m/images/btn_arrow_bottom_black.png') right 10px center/ 16px no-repeat;color:#000;appearance:none;box-sizing:border-box;}

 .content-store-list .gnb_box {position:relative; background:#fff;}
.content-store-list .gnb_box .swiper-container {width:100%; box-shadow:0 4px 8px 0 #E2E2E240;}

.content-store-list .gnb_box .swiper-slide {float:left; width:auto; height:auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.content-store-list .gnb_box .swiper-slide a {display:block; width:100%; padding:8px 12px; color:#212529; font-size:14px; font-weight:bold; text-align:center; box-sizing:border-box;}
.content-store-list .gnb_box .swiper-slide a.new {position: relative;}
.content-store-list .gnb_box .swiper-slide a.new:after {content:"";position: absolute;top: 15px;right: 9px;width:4px;height: 4px;border-radius:100%;display: inline-block;background: #f00;}
.content-store-list .gnb_box .swiper-container .swiper-wrapper .swiper-slide a._on {color:var(--sitecolor1);border-bottom:3px solid var(--sitecolor1);}


/* content-store-list */
.content-store-list .tab-menu-wrap{width:100%;overflow-x:auto; &::-webkit-scrollbar{display:none;} -ms-overflow-style: none; scrollbar-width: none;-webkit-overflow-scrolling: touch;max-width:525px;box-sizing:border-box;line-height:1;}
.content-store-list .group-list-wrap{width:100%;overflow-x:auto; &::-webkit-scrollbar{display:none;} -ms-overflow-style: none; scrollbar-width: none;-webkit-overflow-scrolling: touch;}

.content-store-list .filter-group{position:relative;display:flex;align-items:center;padding:8px 20px;background:#fff;gap:8px;cursor:pointer;}
.content-store-list .filter-group::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;box-shadow:0 4px 8px 0 rgba(226,226,226,0.25);pointer-events:none;z-index:-1;}
.content-store-list .filter-group .filter-list{padding:8px 16px;border:1px solid #E7EAEC;border-radius:18px; white-space:nowrap;}
.content-store-list .filter-group .select-style{padding:8px 34px 8px 16px;border:1px solid #E7EAEC;border-radius:18px;background:url('/data/goodshopmall/m/images/btn_arrow_bottom_black.png') right 10px center/ 16px no-repeat;color:#000;appearance:none;box-sizing:border-box;}
.content-store-list .filter-group .goodshop-text img{width:25px;}
.content-store-list .content-wrap{padding:32px 20px;}
.content-store-list .content-wrap .recommend-wrap{padding:0 0 32px;}
.content-store-list .content-wrap .recommend-wrap h2{font-size:18px; font-weight:bold; color:#000;}
.content-store-list .recommend-wrap:last-of-type .menu-wrap:last-of-type {margin-bottom: 48px;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .image-container{position:relative;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap{display:flex;align-items:center;margin-top:16px;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap a{width:100%;display:flex;align-items:center;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .food-img{width:140px;height:140px;border-radius:12px;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .free-delivery{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;background:#020045;border-radius:0 0 12px 12px;text-align:center;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .free-delivery .text{color:#fff;font-family:'GangwonEduPowerExtraBoldA';line-height:1;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .store-info{display:flex; flex-direction:column;gap:8px;margin-left:16px;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .store-info .badge{width:57px; padding:4px 8px;background:#E7EAEC; font-size:12px; font-weight:500; color:#000;line-height:1.2;box-sizing:border-box;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .store-info .name{font-size:16px; font-weight:bold; color:#000; line-height:1.2;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .store-info .sub-text{display:flex;white-space:nowrap;font-size:12px; font-weight:500; color:#000;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .store-info .time{margin-left:8px;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .store-info .number{color:#747481;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .store-info .delivery-fee{font-size:12px; font-weight:500; color:#000;}
.content-store-list .content-wrap .recommend-wrap .menu-wrap .store-info .store-coupon{max-width:140px;padding:2px 8px; background:#E6EFFF;border:1px solid #0059FF80; border-radius:4px; color:#0059FF;font-size:10px; font-weight:500;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;line-height:1.2;}

/* good-badge */
.good-badge{padding:2px 4px;font-size:10px;border-radius:10px;font-family:'ABeeZee';font-weight:400;background:#005DE8;color:#fff;}


/* sub-header-wrap menu-list */
.sub-header-wrap.menu-list{position:absolute;top:0;left:50%;z-index:2;width:100%;max-width:525px;transform:translateX(-50%);}
.sub-header-wrap.menu-list .header-right-box{display:flex;gap:8px;}
.sub-header-wrap.menu-list .header-right-box button{display:flex;width:32px;height:32px;margin:0;padding:0;border:none;background:none;}
.sub-header-wrap.menu-list .header-right-box button img{width:100%;height:100%;}

@media(max-width:930px){
	.sub-header-wrap.menu-list{max-width:680px;}
}

/* content-menu-list */
.content-menu-list{padding:0 0 120px;line-height:1.2;}
.content-menu-list .banner-wrap .banner-container .banner-list .banner-item img{width:100%;}
.content-menu-list .banner-wrap .banner-container .swiper-pagination{display:flex;right:20px;bottom:12px;left:unset;width:auto;padding:4px 12px;border-radius:13px;background:#22222266;font-size:14px;font-weight:500;color:#C1C1C1;}
.content-menu-list .banner-wrap .banner-container .swiper-pagination .swiper-pagination-current{color:#FFF;}
.content-menu-list .store-title-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;padding:44px 25px 0;box-sizing:border-box;}
.content-menu-list .store-title-wrap .image-box{display:flex;overflow:hidden;position:absolute;top:-36px;left:50%;z-index:1;width:72px;height:72px;border-radius:100%;box-shadow:0 4px 4px 0 #00000040;transform:translateX(-50%);}
.content-menu-list .store-title-wrap .image-box img{width:100%;height:100%;}
.content-menu-list .store-title-wrap .wrap-title{font-size:18px;font-weight:bold;color:#000;}
.content-menu-list .store-title-wrap .link-box{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;}
.content-menu-list .store-title-wrap .link-box a{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border: 1px solid #E7EAEC;border-radius:18px;box-sizing:border-box;}
.content-menu-list .store-title-wrap .link-box a .link-icon{display:flex;width:16px;height:16px;}
.content-menu-list .store-title-wrap .link-box a .link-icon img{width:100%;height:100%;}
.content-menu-list .store-title-wrap .link-box a .text-box{display:flex;align-items:center;}
.content-menu-list .store-title-wrap .link-box a.review-link .text-box .score{font-size:14px;font-weight:bold;color:#000;}
.content-menu-list .store-title-wrap .link-box a.review-link .text-box .count{font-size:14px;font-weight:500;color:#747481;}
.content-menu-list .store-title-wrap .link-box a.detail-link .text-box .box-text{font-size:14px;font-weight:bold;color:#000;}
.content-menu-list .store-title-wrap .link-box a.detail-link .text-box .distance{font-size:14px;font-weight:400;color:#000;}
.content-menu-list .store-title-wrap .link-box a.detail-link .text-box .middle-dot{font-size:12px;font-weight:400;color:#495057;}
.content-menu-list .delivery-wrap{display:flex;flex-direction:column;gap:12px;margin:24px 0 0;padding:0 20px;}
.content-menu-list .delivery-wrap .minimum-order-box{display:flex;align-items:center;gap:16px;}
.content-menu-list .delivery-wrap .minimum-order-box .box-title{font-size:14px;font-weight:bold;color:#747481;}
.content-menu-list .delivery-wrap .minimum-order-box .price{font-size:14px;color:#000;}
.content-menu-list .delivery-wrap .delivery-container{display:flex;justify-content:space-between;gap:8px;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list{display:flex;flex-direction:column;gap:8px;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item{display:flex;gap:16px;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .item-icon{display:flex;width:46px;height:12px;padding:2px 0;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .item-icon img{width:100%;height:100%;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .delivery-box{display:flex;flex-direction:column;gap:4px;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .delivery-box .time-box{display:flex;align-items:center;gap:4px;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .delivery-box .time-box .time{font-size:14px;color:#000;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .delivery-box .time-box .time-button{display:flex;width:16px;height:16px;margin:0;padding:0;border:none;background:none;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .delivery-box .tip-box{display:flex;gap:4px;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .delivery-box .tip-box .box-text{font-size:14px;font-weight:bold;color:#000;}
.content-menu-list .delivery-wrap .delivery-container .delivery-list .delivery-item .delivery-box .tip-box .tip{font-size:14px;color:#D2D2D2;}
.content-menu-list .delivery-wrap .delivery-container .more-button{display:flex;align-items:center;height:fit-content;margin:0;padding:4px 8px;border:none;border-radius:12px;background:#F1F1F1;font-size:12px;font-weight:500;color:#000;cursor:pointer;}

.content-menu-list .scroll-header-wrap{overflow:hidden;height:0;}
.content-menu-list .scroll-header-wrap.active{display:flex;justify-content:space-between;gap:8px;overflow:unset;position:fixed;top:0;left:50%;z-index:2;width:100%;max-width:525px;height:auto;padding:10px 20px;background:#FFF;box-sizing:border-box;transform:translateX(-50%);}
.content-menu-list .scroll-header-wrap .header-left-box{display:flex;align-items:center;gap:8px;width:calc(100% - 120px);}
.content-menu-list .scroll-header-wrap .header-left-box .previous-link{display:flex;width:32px;height:32px;}
.content-menu-list .scroll-header-wrap .header-left-box .previous-link img{width:100%;height:100%;}
.content-menu-list .scroll-header-wrap .header-left-box .box-title{overflow:hidden;width:calc(100% - 40px);font-size:18px;font-weight:bold;color:#000;text-overflow:ellipsis;white-space:nowrap;}
.content-menu-list .scroll-header-wrap .header-right-box{display:flex;gap:8px;}
.content-menu-list .scroll-header-wrap .header-right-box button{display:flex;width:32px;height:32px;margin:0;padding:0;border:none;background:none;}
.content-menu-list .scroll-header-wrap .header-right-box button img{width:100%;height:100%;}
.content-menu-list .scroll-header-height{display:none;}
.content-menu-list .scroll-header-height.active{display:block;height:52px;}

.content-menu-list .category-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 0;padding:8px 20px;box-sizing:border-box;}
.content-menu-list .category-wrap.active{position:fixed;top:52px;left:50%;z-index:2;width:100%;max-width:525px;margin:0;background:#FFF;transform:translateX(-50%);}
.content-menu-list .category-wrap .category-container{margin:0;}
.content-menu-list .category-wrap .category-container .category-list{}
.content-menu-list .category-wrap .category-container .category-list .category-item{width:auto;}
.content-menu-list .category-wrap .category-container .category-list .category-item .category-button{margin:0;padding:8px 0;border:none;background:none;font-size:14px;font-weight:500;color:#495057;transition:none;-webkit-transition:none;}
.content-menu-list .category-wrap .category-container .category-list .category-item .category-button.active{padding:8px 16px;border-radius:17px;background:#495057;font-weight:bold;color:#FFF;}
.content-menu-list .category-wrap .more-button{display:flex;width:24px;min-width:24px;height:24px;margin:0;padding:0;border:none;background:none;}
.content-menu-list .category-wrap .more-button img{width:100%;height:100%;}

.content-menu-list .menu-category-wrap{margin:24px 0 0;}
.content-menu-list .menu-category-wrap
.content-menu-list .menu-category-wrap .menu-category-list{display:flex;flex-direction:column;gap:24px;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item{display:flex;flex-direction:column;gap:24px;padding:0 20px;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item + .menu-category-item{margin:24px 0 0;padding:24px 20px 0;border-top:1px solid #F2F4F6;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .item-title{font-size:18px;font-weight:bold;color:#000;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list{display:flex;flex-direction:column;gap:36px;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item{display:flex;gap:16px;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .menu-link{display:flex;flex-direction:column;gap:8px;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .menu-link .best{width:fit-content;padding:4px 8px;border:1px solid #FF0048;border-radius:4px;background:#FF00481A;font-size:12px;font-weight:500;color:#FF0048;box-sizing:border-box;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .menu-link .title{font-size:16px;font-weight:bold;color:#000;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .menu-link .price{font-size:16px;font-weight:bold;color:#000;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .menu-link .detail{font-size:14px;color:#747481;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .menu-link .review{font-size:14px;color:#333;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box{display:flex;position:relative;width:96px;min-width:96px;height:96px;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box img{width:100%;height:100%;object-fit:cover;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box .quantity-button{display:flex;align-items:center;justify-content:center;position:absolute;right:8px;bottom:8px;width:24px;height:24px;margin:0;padding:0;border:1px solid #E1E1E1;border-radius:4px;background:#FFF;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box .quantity-button.active{display:none;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box .quantity-button img{width:8px;height:8px;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box .button-box{display:none;position:absolute;bottom:8px;left:50%;border:1px solid #E1E1E1;border-radius:4px;transform:translateX(-50%);}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box .button-box.active{display:flex;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box .button-box button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:none;background:#FFF;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box .button-box button img{width:8px;height:auto;}
.content-menu-list .menu-category-wrap .menu-category-list .menu-category-item .menu-list .menu-item .image-box .button-box input{width:24px;height:24px;padding:0;border:none;text-align:center;}

@media(max-width:930px){
	.content-menu-list .scroll-header-wrap.active{max-width:680px;}
	.content-menu-list .category-wrap.active{max-width:680px;}
}

/* content-menu-order */
.content-menu-order .address-wrap{padding:16px 20px; border-bottom:8px solid #F2F4F6;}
.content-menu-order .address-wrap .sub-text{margin-bottom:8px; font-size:14px; font-weight:400; color:#747481; line-height:1.2;}
.content-menu-order .address-wrap .detail-address{font-size:18px; font-weight:bold; color:#000;}
.content-menu-order .address-wrap .main-text .modify-btn{align-self:flex-start; font-size:12px; font-weight:500; color:var(--sitecolor1);border:none;background:#fff;}
.content-menu-order .address-wrap .main-text{display:flex; justify-content:space-between;}
.content-menu-order .delivery-select-wrap{padding:16px 20px;border-bottom:8px solid #F2F4F6;}
.content-menu-order .delivery-select-wrap .container{width:100%;padding:16px;background:var(--sitecolor3);box-sizing:border-box;}
.content-menu-order .delivery-select-wrap .container .benefit{display:flex; align-items:center; gap:8px;margin-bottom:16px;}
.content-menu-order .delivery-select-wrap .container .benefit .title{font-size:18px; font-weight:bold; color:#000;}
.content-menu-order .delivery-select-wrap .container .desc{font-size:12px; font-weight:400; color:#000;margin-top:16px;}
.content-menu-order .container .input-container{display:flex; flex-direction:column;gap:16px;}
.content-menu-order .container .input-container .input-box{padding:16px 12px;border:1px solid #E7EAEC;border-radius:8px;background:#fff;}
.content-menu-order .container .input-container .input-box.active{padding:16px 12px;border:1px solid var(--sitecolor1);border-radius:8px;background:#fff;}
.content-menu-order .container .input-container .input-box .delivery-text-container .additional-cost{font-size:16px;font-weight:500;color:#000;}
.content-menu-order .container .input-container .input-box .delivery-text-container .additional-cost.active{font-size:16px;font-weight:bold;color:var(--sitecolor1);}

.content-menu-order .container .input-container .input-box .text-box{display:flex; flex-direction: column;margin-left:12px;}
.content-menu-order .container .input-container .input-box .text-box .label-text{font-size:16px; font-weight:bold; color:#000;}
.content-menu-order .container .input-container .input-box .text-box .delivery-time{font-size:14px; font-weight:400; color:#747481;}
.content-menu-order .container .input-container .input-box .label-style.circle{align-items:center;}
.content-menu-order .container .input-container .input-box .delivery-text-container{display:flex; justify-content:space-between; width:100%; align-items:center;}
.content-menu-order .shop-wrap{padding:16px 20px;border-bottom:8px solid #F2F4F6;}
.content-menu-order .shop-wrap .top-desc{display:flex; justify-content:space-between; align-items:center; padding:16px 0;}
.content-menu-order .shop-wrap h2{font-size:18px; font-weight:bold; color:#000;padding:0 0 16px;border-bottom:1px solid #F2F4F6;}
.content-menu-order .shop-wrap .sub-text-box{font-size:14px;font-weight:400;color:#000;}
.content-menu-order .shop-wrap .sub-text-box .menu-sub-text{color:#747481;}
.content-menu-order .shop-wrap .sub-text-box .menu-text{margin-bottom:12px;}
.content-menu-order .shop-wrap .sub-text-box .menu-price{margin-top:12px;}
.content-menu-order .shop-wrap .add-menu-btn{position:relative;display:flex;align-items:center;margin-left:auto;width:100px; height:34px;padding:8px 16px;border:1px solid var(--sitecolor1);border-radius:18px;color:var(--sitecolor1);background:#fff;}
.content-menu-order .shop-wrap .add-menu-btn img{width:8px;height:8px;}
.content-menu-order .shop-wrap .add-menu-btn span{padding-left:8px;}
.content-menu-order .shop-wrap .counter-wrap{display:flex;justify-content:center;align-items:center;align-self:flex-start;width:96px;height:32px;padding:7px 12px;background:var(--sitecolor1);border-radius:8px;gap:8px;box-sizing:border-box;}
.content-menu-order .shop-wrap .counter-wrap button{border:none;padding:0;margin:0;background:var(--sitecolor1);}
.content-menu-order .shop-wrap .counter-wrap .count-num{font-size:14px;font-weight:500;color:#fff;}
.content-menu-order .shop-wrap .counter-wrap img{width:30px;}
.content-menu-order .with-recommend-wrap{padding:16px 20px;border-bottom:8px solid #F2F4F6;}
.content-menu-order .with-recommend-wrap h2{font-size:18px; font-weight:bold; color:#000;padding:0 0 16px;}
.content-menu-order .with-recommend-wrap .menu-container{display:flex; gap:16px;}
.content-menu-order .with-recommend-wrap .menu-container .menu-box{display:flex;justify-content:space-between;padding:16px 12px;width:100%;border:1px solid #E7EAEC;border-radius:8px;}
.content-menu-order .with-recommend-wrap .menu-container .menu-box p{font-size:14px; font-weight:400; color:#000;}
.content-menu-order .with-recommend-wrap .menu-container .menu-box .plus-btn{padding:0;margin:0;border:none;background:#fff;}
.content-menu-order .with-recommend-wrap .menu-container .menu-box .plus-btn img{width:32px; height:32px;}
.content-menu-order .with-recommend-wrap .menu-container .menu-box .text-box{display:flex;flex-direction:column;gap:8px;}
.content-menu-order .coupon-wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:8px solid #F2F4F6;}
.content-menu-order .coupon-wrap .left-coupon-box{display:flex;align-items:center;gap:8px;}
.content-menu-order .coupon-wrap .left-coupon-box h2{font-size:18px; font-weight:bold; color:#000;}
.content-menu-order .coupon-wrap .right-coupon-box span{font-size:12px; font-weight:500; color:#747481;}
.content-menu-order .coupon-wrap .right-coupon-box img{width:16px;}
.content-menu-order .payment-amount-wrap{padding:16px 20px;border-bottom:24px solid #F2F4F6;}
.content-menu-order .payment-amount-wrap h2{font-size:18px; font-weight:bold; color:#000;}
.content-menu-order .payment-amount-wrap .payment-mid-box{display:flex; flex-direction:column; gap:8px; padding:16px 0;}
.content-menu-order .payment-amount-wrap .payment-mid-box ul{display:flex;justify-content:space-between;}
.content-menu-order .payment-amount-wrap .payment-mid-box ul li{font-size:14px; font-weight:400; color:#000;}
.content-menu-order .payment-amount-wrap .payment-mid-box ul .color{color:var(--sitecolor1);}
.content-menu-order .payment-amount-wrap .payment-mid-box .cash-right-top-box{display:flex;gap:4px;}
.content-menu-order .payment-amount-wrap .payment-mid-box .cash-right-top-box .cash-btn{padding:8px 16px;border:1px solid #495057;border-radius:8px;background:#fff;font-size:14px; font-weight:500; color:#000;}
.content-menu-order .payment-amount-wrap .payment-mid-box .cash-right-top-box .used-amount{padding:8px 16px;border:1px solid #E7EAEC;border-radius:8px;font-size:14px; font-weight:500; color:#495057;}
.content-menu-order .payment-amount-wrap .payment-mid-box .balance{display:flex;justify-content:flex-end;margin-top:4px;font-size:12px;}
.content-menu-order .payment-amount-wrap .payment-text-box .total-order-amount{font-size:14px; font-weight:bold; color:#000;}
.content-menu-order .payment-amount-wrap ul .original-price{font-size:12px; color:#495057;text-decoration:line-through;}
.content-menu-order .payment-amount-wrap ul .discount-price{font-size:18px; font-weight:bold; color:#000;}
.content-menu-order .payment-amount-wrap .payment-bottom-box{padding:16px 0; width:100%; border-radius:8px; background:var(--sitecolor3); text-align:center; font-size:14px; font-weight:500; color:#000;}
.content-menu-order .payment-amount-wrap .payment-bottom-box span{color:#DC0000;}
.content-menu-order .payment-method-wrap{padding:16px 20px; border-bottom:24px solid #F2F4F6;}
.content-menu-order .payment-method-wrap .method-top-box{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;cursor:pointer;}
.content-menu-order .payment-method-wrap .method-top-box h2{font-size:18px; font-weight:bold; color:#000;}
.content-menu-order .payment-method-wrap .method-top-box img{width:32px;height:32px;}
.content-menu-order .payment-method-wrap .method-bottom-box{font-size:14px;font-weight:400;color:#000;}
.content-menu-order .payment-method-wrap .method-bottom-box .goodshop-money-box{margin-bottom:4px;}
.content-menu-order .payment-method-wrap .method-bottom-box .goodshop-money-box .money{font-weight:bold;}
.content-menu-order .payment-method-wrap .method-bottom-box p{font-size:12px; color:#747481;}
.content-menu-order .request-wrap{padding:16px 20px; border-bottom:8px solid #F2F4F6;}
.content-menu-order .request-wrap .preview-request{font-size:14px; font-weight:400; color:#747481;}
.content-menu-order .request-wrap .request-top-box{display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.content-menu-order .request-wrap .request-top-box h2{font-size:18px; font-weight:bold; color:#000;}
.content-menu-order .request-wrap .request-top-box img{width:32px;height:32px;}
.content-menu-order .request-wrap .store-owner-box .input-wrap.top{padding:16px 0 0;}
.content-menu-order .request-wrap .store-owner-box .input-wrap label{margin-bottom:12px; font-size:13px; font-weight:400; color:#212529;}
.content-menu-order .request-wrap .store-owner-box .input-wrap input[type="text"]{width:100%;margin-bottom:12px;padding:12px 16px;border:1px solid #CDD3D8; border-radius:8px;box-sizing:border-box;}
.content-menu-order .request-wrap .store-owner-box .input-wrap input[type="text"]::placeholder{font-size:14px;}
.content-menu-order .request-wrap .store-owner-box .check-wrap{margin-bottom:16px;}
.content-menu-order .request-wrap .store-owner-box .check-wrap .text-box{display:flex; flex-direction:column; margin-left:8px; gap:6px;}
.content-menu-order .request-wrap .store-owner-box .check-wrap .label-text{font-size:13px; font-weight:400; color:#212529;}
.content-menu-order .request-wrap .store-owner-box .check-wrap .sub-text{font-size:12px; font-weight:400; color:#747481;}

.content-menu-order .request-wrap .input-wrap .select-style{width:100%;padding:12px 34px 12px 16px;border:1px solid #CDD3D8;border-radius:8px;color:#747481;}
.content-menu-order .info-wrap{padding:16px 20px;}
.content-menu-order .info-wrap .info-top-box{display:flex; justify-content:space-between; margin-bottom:16px;}
.content-menu-order .info-wrap h3{font-size:16px; font-weight:400; color:#000;}
.content-menu-order .info-wrap .see-btn{border:none;background:#fff;font-size:12px; font-weight:500; color:#747481;}
.content-menu-order .info-wrap .info-bottom-box{padding:12px 20px;background:#F2F4F6; font-size:12px; font-weight:400; color:#747481;}
.content-menu-order .info-wrap .payment-wrap{padding:16px 0;}
.content-menu-order .info-wrap .payment-wrap .payment-btn{width:100%;padding:15px 0; border:none;border-radius:8px; background:var(--sitecolor1);font-size:16px; font-weight:bold; color:#fff;}

.content-menu-order label.label-style{display:flex;padding:0;margin:0;}
.content-menu-order label input[type=radio] + span{width:24px; height:24px;}
.content-menu-order .label-style.circle input[type="radio"] + .label-icon{display:flex;position:relative;justify-content:center; align-items:center;width:24px;height:24px;border-radius:50%;background:none;border:2px solid #CDD3D8;box-sizing:border-box;}
.content-menu-order .label-style.circle input[type="radio"]:checked + .label-icon:after{content:"";position:absolute;top:50%;left:50%;width:55%;height:55%;border-radius:50%;background:var(--sitecolor1);transform:translate(-50%, -50%);}
.content-menu-order .label-style.circle input[type="radio"]:checked + .label-icon{border:2px solid var(--sitecolor1);}

.content-menu-order .label-style.checkbox input[type="checkbox"] + .label-icon{position:relative;width:20px;height:20px;padding:0;border:1px solid #d9d9d9;border-radius:4px; background:none;vertical-align:unset;}
.content-menu-order .label-style.checkbox input[type="checkbox"] + .label-icon:after{position:absolute;top:4px;left:7px;width:6px;height:10px; border:solid #d9d9d9;border-width:0 1px 1px 0;box-sizing:border-box;content:"";transform:rotate(45deg);}
.content-menu-order .label-style.checkbox input[type="checkbox"]:checked + .label-icon{border:1px solid var(--sitecolor1);background:var(--sitecolor1);}
.content-menu-order .label-style.checkbox input[type="checkbox"]:checked + .label-icon:after{border:solid #fff;border-width:0 1px 1px 0;}


/* .sub-header-wrap.menu-list.detail */
.sub-header-wrap.menu-list.detail{position:relative;}

/* content-menu-detail-list */
.content-menu-detail-list{min-height:100vh;}
.content-menu-detail-list .banner img{width:100%;}
.content-menu-detail-list .menu-detail-container {display:flex;flex-direction:column;gap:8px;padding:24px 20px 16px;}
.content-menu-detail-list .menu-detail-container .best{width:fit-content;padding:4px 8px;border:1px solid #FF0048;border-radius:4px;background:#FF00481A;font-size:12px;font-weight:500;color:#FF0048;box-sizing:border-box;line-height:1;}
.content-menu-detail-list .menu-detail-container .title{font-size:18px; font-weight:bold; color:#000;}
.content-menu-detail-list .menu-detail-container .price{font-size:16px; font-weight:bold; color:#000;}
.content-menu-detail-list .menu-detail-container .desc{padding-right:132px;font-size:14px; font-weight:400; color:#747481;}
.content-menu-detail-list .review-wrap{display:flex;flex-direction:column;gap:8px;padding:0 20px 24px;border-bottom:1px solid #F2F4F6;}
.content-menu-detail-list .review-wrap .reveiw-text-box{display:flex; align-items:center; gap:2px;}
.content-menu-detail-list .review-wrap .reveiw-text-box .review,
.content-menu-detail-list .review-wrap .reveiw-text-box .review-num {font-size:14px; font-weight:700; color:#000;}
.content-menu-detail-list .review-wrap .reveiw-text-box .right-btn img{width:16px; height:16px;}
.content-menu-detail-list .review-wrap .review-picture-box{display:flex;}
.content-menu-detail-list .review-wrap .review-picture-box img{width:100%;}
.content-menu-detail-list .menu-select-wrap{padding:0 24px;}
.content-menu-detail-list .menu-select-wrap .menu-container{display:flex;flex-direction:column;gap:8px;padding:24px 0;border-bottom:1px solid #F2F4F6;}
.content-menu-detail-list .menu-select-wrap .menu-container .title{font-size:16px; font-weight:bold; color:#000;}
.content-menu-detail-list .menu-select-wrap .menu-container .title-desc{position:absolute;top:4px;right:0;font-size:10px; font-weight:500; color:#495057;}
.content-menu-detail-list .menu-select-wrap .menu-container .essential{padding:2px 8px;border:1px solid #0059FF80;border-radius:4px;background:#E6EFFF;color:#0059FF;font-size:12px;font-weight:500;box-sizing:border-box;}
.content-menu-detail-list .menu-select-wrap .menu-container .menu-text-box{display:inline-block;margin-bottom:16px;position:relative;}
.content-menu-detail-list .menu-select-wrap .menu-container .menu-detail-list{display:flex;justify-content:space-between;}
.content-menu-detail-list .menu-select-wrap .menu-container .menu-detail-list li{display:flex; gap:8px;}
.content-menu-detail-list .menu-select-wrap .menu-container .menu-detail-list label.label-style{width:auto;margin:0;padding:0;}
.content-menu-detail-list .label-icon{border:2px solid #000;}
.content-menu-detail-list .label-style.circle input[type="radio"] + .label-icon{position:relative;justify-content:center; align-items:center; width:24px; height:24px; border-radius:50%; background:none; border:2px solid #CDD3D8;box-sizing:border-box;}
.content-menu-detail-list .label-style.circle input[type="radio"]:checked + .label-icon:after{content:"";position:absolute;top:50%;left:50%;width:55%;height:55%;border-radius:50%;background:#000; transform:translate(-50%, -50%);}
.content-menu-detail-list .label-style.circle input[type="radio"]:checked + .label-icon{border:2px solid #000;}
.content-menu-detail-list .total-order-wrap{border-top:1px solid #F2F4F6;}
.content-menu-detail-list .total-order-wrap .total-order-container{display:flex; align-items:center; justify-content:space-between; padding:24px 20px;}
.content-menu-detail-list .total-order-wrap .total-order-container .amount-text{font-size:14px; font-weight:bold; color:#000;}
.content-menu-detail-list .total-order-wrap .total-order-container .total-amount{font-size:18px; font-weight:bold; color:#000;}
.content-menu-detail-list .order-wrap{position:relative;display:flex;padding:12px 20px 24px;}
.content-menu-detail-list .order-wrap .counter-wrap{display:flex;justify-content:center;align-items:center;width:96px;height:32px;margin-top:8px;border:1px solid #E1E1E1;border-radius:8px;gap:8px;box-sizing:border-box;}
.content-menu-detail-list .order-wrap .counter-wrap button{border:none;padding:0;margin:0;background:#fff;}
.content-menu-detail-list .order-wrap .counter-wrap .count-num{font-size:14px;font-weight:500;color:#222;}
.content-menu-detail-list .order-wrap .counter-wrap img{width:30px;}
.content-menu-detail-list .order-wrap .order-btn{position:absolute;top:12px;right:20px;padding:15px 67px;background:var(--sitecolor1);border:none;border-radius:8px;font-size:16px; font-weight:bold; color:#fff;}
.content-menu-detail-list .review-wrap .swiper-container{width:100%; overflow:hidden;}
.content-menu-detail-list .menu-select-wrap .menu-container .menu-detail-list li label{display:flex; gap:8px;}
.content-menu-detail-list .menu-select-wrap .menu-container .menu-detail-list li label span{font-size:14px; font-weight:400; color:#000;}