#prdList .banner-wrap{margin-bottom:40px;display:flex;justify-content:space-between;align-items:stretch;gap:16px}#prdList .prdList-banner{width:calc(50% - 10px);flex-shrink:0;padding:38px 50px 42px;border-radius:14px}#prdList .prdList-banner .title{font-size:23px;font-weight:700;color:#333}#prdList .prdList-banner .mid-txt{margin:7px 0 3px;font-size:19px;font-weight:700;color:#444}#prdList .prdList-banner .s-txt,#prdList .prdList-banner .s-txt span{font-size:15px;font-weight:500;color:#616161}#prdList .prdList-banner .s-txt span{position:relative;padding-right:12px;margin-right:10px}#prdList .prdList-banner .s-txt span:after{position:absolute;top:3px;right:0;width:2px;height:11px;background:#ccc;display:block;content:""}#prdList .banner-wrap .right{width:50%;flex-shrink:0;display:flex;flex-direction:column;gap:16px}#prdList .deliveryInfo{display:flex;justify-content:flex-start;align-items:center;flex:1;gap:14px;padding:24px;background:#f8f8f8;border-radius:14px}#prdList .deliveryInfo .ico-wrap{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:#999}#prdList .deliveryInfo--today .ico-wrap{background:var(--main-color)}#prdList .deliveryInfo .ico-wrap img{width:26px;height:auto}#prdList .deliveryInfo .txt-01{font-size:16px;font-weight:700;color:#444}#prdList .deliveryInfo .txt-02{margin-top:2px;font-size:15px;font-weight:500;color:#444;line-height:1.35}#prdList .deliveryInfo .txt-02 span{font-weight:700;color:#111}#prdList .deliveryInfo:not(.deliveryInfo--today) .txt-02{color:#888}#prdList .deliveryInfo:not(.deliveryInfo--today) .txt-02 span{color:#616161}#prdList .deliveryInfo-timer{font-variant-numeric:tabular-nums}#prdList .event-banner{padding:10px 24px;font-size:15px;font-weight:600;border-radius:10px;background:#fbf2f6;color:#e71c5e}#prdList .thumnail{aspect-ratio:1}#prdList .thumnail:before{position:absolute;bottom:0;left:0;width:100%;height:0;display:block;content:"";opacity:.3;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0))}#prdList .thumnail .txt-btn{opacity:0;position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:150px;font-size:15px;font-weight:700;color:#111;background:var(--main-color);padding:10px 40px 10px 20px;border-radius:30px;z-index:9;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}#prdList .thumnail .txt-btn:after{position:absolute;top:0;right:15px;width:16px;height:100%;filter:brightness(0);display:block;content:"";background:url(/images/arr-bold.svg) no-repeat 50%/contain}#prdList .info-wrap{position:relative;padding:16px 18px}#prdList .info-wrap .order-btn{position:absolute;bottom:12px;right:12px;padding:5px 9px;font-size:13px;font-weight:700;color:#fff;background:#111111bb;border-radius:5px}#prdList .info-wrap .name{margin-bottom:3px;font-size:15px;font-weight:600;color:#111}#prdList .info-wrap .price{font-size:15px;font-weight:700;color:#111}#prdList .items{cursor:pointer}#prdList .items:hover .thumnail:before{transition-duration:.2s;height:100px;z-index:9}#prdList .items:hover .thumnail img{transform:scale(1.02);transition-duration:.2s}#prdList .items:hover .thumnail .txt-btn{opacity:1;bottom:16px;transition-duration:.2s}#prdList .filter-btn{margin-bottom:20px;display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}#prdList .filter-btn a{padding:6px 14px;border-radius:7px;background:#f3f3f3;font-size:15px;font-weight:600;color:#777}#prdList .filter-btn a.on{background:var(--main-color);color:#111}@media (max-width:1400px){#prdList .thumnail .txt-btn{font-size:14px;width:145px}}@media (max-width:1200px){#prdList .banner-wrap,#prdList .banner-wrap .right{gap:14px}#prdList .prdList-banner{padding:27px 24px;width:calc(50% - 8px)}#prdList .prdList-banner .title{font-size:19px}#prdList .prdList-banner .mid-txt{margin:7px 0 0;font-size:16px}#prdList .prdList-banner .s-txt{font-size:14px}#prdList .prdList-banner .s-txt span{padding-right:9px;margin-right:8px;font-size:14px}#prdList .prdList-banner .s-txt span:after{width:1px}#prdList .deliveryInfo{padding:20px}#prdList .deliveryInfo .ico-wrap{width:46px;height:46px}#prdList .deliveryInfo .ico-wrap img{width:22px}#prdList .deliveryInfo .txt-01{font-size:15px}#prdList .deliveryInfo .txt-02{margin-top:0;font-size:14px}#prdList .event-banner{padding:8px 20px;font-size:14px}#prdList .info-wrap{padding:14px 15px}#prdList .info-wrap .order-btn{padding:3px 8px}#prdList .info-wrap .name,#prdList .info-wrap .price{font-size:14px}#prdList .thumnail .txt-btn{font-size:13px;width:138px}#prdList .filter-btn a{padding:5px 12px;font-size:13px}}@media (max-width:1024px){#prdList .banner-wrap,#prdList .banner-wrap .right{gap:10px}#prdList .prdList-banner{padding:20px;border-radius:10px}#prdList .prdList-banner .title{font-size:16px}#prdList .prdList-banner .mid-txt{font-size:14px}#prdList .prdList-banner .s-txt{margin-top:7px;font-size:13px;line-height:1.3}#prdList .prdList-banner .s-txt span{display:block;font-size:13px;padding-right:0;margin-right:0}#prdList .prdList-banner .s-txt span:after{display:none}#prdList .deliveryInfo{gap:10px;border-radius:10px}#prdList .deliveryInfo .ico-wrap{width:42px;height:42px}#prdList .deliveryInfo .ico-wrap img{width:22px}#prdList .deliveryInfo .txt-01{font-size:14px}#prdList .deliveryInfo .txt-02{font-size:13px}#prdList .event-banner{padding:8px 20px;border-radius:7px;font-size:13px;letter-spacing:-.4px}#prdList .items .thumnail:before,#prdList .thumnail .txt-btn{display:none}}@media (max-width:768px){#prdList .banner-wrap{flex-direction:column}#prdList .banner-wrap .right{width:100%}#prdList .prdList-banner{width:100%;padding:12px 14px}#prdList .prdList-banner .mid-txt{margin-top:2px}#prdList .prdList-banner .s-txt{margin-top:4px}#prdList .deliveryInfo{padding:16px 14px;border-radius:10px;gap:7px}#prdList .event-banner{padding:8px 14px}#prdList .items{position:relative;border:0}#prdList .thumnail{border-radius:10px;border:1px solid #e5e5e5}#prdList .info-wrap{position:unset;padding:7px 1px}#prdList .info-wrap .order-btn{padding:2px 6px;bottom:unset;right:unset;top:7px;left:7px;font-size:12px}#prdList .info-wrap .name{margin-bottom:0}#prdList .info-wrap .price{margin-bottom:7px}#prdList .filter-btn{margin-bottom:30px;justify-content:center}}