.main .main-wrapper { display: flex; flex-direction: column; width: 100%; align-items: flex-start; } 
 
 
 /* 공지사항 */.main .notify { margin-top: 80px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 20px; width: 100%; } 
 .main .notify .notify_wrap { display: flex; align-items: center; gap: 10px; position: relative; flex: 1; flex-grow: 1; } 
 .main .notify .notify_wrap .icon-notify { position: relative; width: 24px; height: 24px; background-size: 100% 100%; } 
 /* 폰트 */.main .text-regular { flex: 1; font-weight: 400; color: #333333; font-size: 16px; letter-spacing: 0; line-height: 19px; } 
 
 /* 상단배너 영역 */.main .tipbanner-wrapper { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 20px; width: 100%; } 
 .main .tipbanner { width: 100%; } 
 
 /* 상품리스트 영역 */
 .main .sort-wrapper { position: sticky; top:79px; display: flex; align-items: flex-start; gap: 10px; padding: 16px; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #fff; z-index: 1; } 
 .main .sort-wrapper.fixed { box-shadow: 0 2px 5px rgba(0,0,0,0.03); } 
 .sort { display: flex; flex-wrap: nowrap; gap:5px; overflow-x: auto; } 
 .sort::-webkit-scrollbar { width:0px; } 
 .sort>div { text-align: center; border-radius: 20px; padding: 6px 14px 5px; border: 1px solid; border-color: #e6e6e6; flex: 0 0 auto; font-size: 15px; letter-spacing: -0.30px; color: #707070; font-weight: 400; line-height: 20px; cursor: pointer; } 
 .sort .on { background-color: #44217a; color:#fff; border: none; } 
 
 .main .list-wrap { display: flex; align-items: center; gap: 10px; padding: 0px 20px 80px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
 .main .inner { display: flex; flex-direction: column; align-items: flex-start; position: relative; flex: 1; flex-grow: 1; }
 .main .list { display: flex; align-items: center; gap: 16px; padding: 24px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; border-bottom-width: 1px; border-bottom-style: solid; border-color: #e6e6e6; } 
 .main .image { position: relative; width: 114px; height: 85px; object-fit: cover; } 
 .main .right-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; position: relative; flex: 1; flex-grow: 1; } 
 .main .title-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; } 
 .main .name-wrap { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; position: relative; flex: 0 0 auto; } 
 .main .brand { font-weight: 400; color: #707070; font-size: 14px; letter-spacing: -0.28px; line-height: 20px; } 
 .main .name-wrap .name { position: relative; width: fit-content; font-weight: 600; color: #333333; font-size: 16px; letter-spacing: -0.30px; line-height: 21px; word-break: keep-all; } 
 .main .price-wrap { display: inline-flex; align-items: center; gap: 6px; position: relative; flex: 0 0 auto; } 
 .main .div-2 { position: relative; width: fit-content; font-weight: 400; color: #333333; font-size: 18px; letter-spacing: -0.36px; line-height: 24px; white-space: nowrap; } 
 .main .span { font-weight: 700; letter-spacing: -0.5px; } 
 .main .text-wrapper-7 { font-weight: 500; letter-spacing: -0.06px; } 
 .main .overlap-group-wrapper { position: relative; width: 66px; height: 24px; margin-right: -2.00px; } 
 .main .overlap-group { position: relative; width: 64px; height: 24px; } 
 .main .cancel { position: absolute; height: 24px; top: 0; left: 0; font-weight: 400; color: #bfbfbf; font-size: 16px; letter-spacing: -0.32px; line-height: 24px; white-space: nowrap; text-decoration: line-through; } 
 .main .text-wrapper-8 { font-weight: 600; letter-spacing: -0.05px; } 
 .main .text-wrapper-9 { letter-spacing: -0.05px; } 
 .main .line { position: absolute; width: 64px; height: 1px; top: 12px; left: 0; object-fit: cover; } 
 .main .reward-wrap { display: inline-flex; align-items: flex-start; gap: 4px; position: relative; flex: 0 0 auto; } 
 .main .discount { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 3px 5px; position: relative; flex: 0 0 auto; background-color: #ff912e1f; border-radius: 4px; color: #ff912e; font-weight: 400; font-size: 13px; letter-spacing: -0.26px; line-height: 17px; white-space: nowrap; } 
 .main .reward { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 3px 5px; position: relative; flex: 0 0 auto; background-color: #579aff1f; border-radius: 4px; color: #579aff; font-weight: 400; font-size: 13px; letter-spacing: -0.26px; line-height: 17px; white-space: nowrap; }