/* 쿠폰함 */
 .coupon .element-wrap { display: flex; flex-direction: column; width: 100%; align-items: flex-start; } 
 
 .coupon .tab-wrap { margin-top: 80px; padding:20px 20px 16px; width:100%; box-sizing: border-box; } 
 .coupon .tab-wrap .inner { display: flex; border:1px solid #44217A; border-radius: 5px; } 
 .coupon .tab-wrap .inner div { width:50%; text-align: center; padding:12px; box-sizing: border-box; color:#44217A; font-size: 16px; } 
 .coupon .tab-wrap .inner div.on { background-color: #44217A; color:#fff; font-weight: 600px; } 
 
 .coupon .info { padding:0 20px 20px; color:#555555; } 
 .coupon .info li { font-size: 13px; line-height: 18px; list-style:outside; margin-left: 16px; } 
 
 .coupon .list-header-wrap { height:55px; border-top-width: 8px; border-top-style: solid; border-top-color: #f8f9fb; padding:12px 20px; display: flex; justify-content: space-between; } 
 .coupon .list-header-wrap div { font-size: 15px; line-height: 23px; color:#333333; } 
 .coupon .list-header-wrap div span { color:#44217A; } 
 .coupon .list-header-wrap select { all: unset; width:60px; font-size: 15px; margin-top: 4px; }
 
 option { all: unset; font-size: 14px; padding:10px; border-radius: 5px; color:#333; } 
 
 .coupon .list-wrap { display: flex; flex-direction:column; gap: 16px; padding:20px 20px 100px; box-sizing: border-box; background-color: #F8F9FB; } 
 .coupon .list-wrap .card { display: none; background-color: #fff; border-radius: 12px; padding:16px 16px 20px; } 
 .coupon .list-wrap .card .sec1 { display: flex; justify-content: space-between; line-height: 23px; color:#555555; font-size: 13px; font-weight: 300; letter-spacing: -0.1px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E6E6E6; gap:8px}
 .coupon .list-wrap .card .sec1 .date { word-break: break-all; } 
 .coupon .list-wrap .card .sec1 span { font-weight: 600; margin-right: 3px; } 
 .coupon .list-wrap .card .sec1 .status { font-size: 14px; color:#FF922F; font-weight: 600; word-break: keep-all; } 
 .coupon .list-wrap .card .sec2 { width:100%; display: flex; gap:16px; justify-content: space-between; align-items:center; padding:10px 0px 8px; } 
 /* .coupon .list-wrap .card .sec2 .txt-wrap { } */
 .coupon .list-wrap .card .sec2 .txt-wrap .brand { color:#888; font-size: 13px; line-height: 1.45; padding-bottom: 3px; } 
 .coupon .list-wrap .card .sec2 .txt-wrap .product { word-break: keep-all; color:#333333; font-size: 15px; line-height: 1.45; font-weight: 600; padding-bottom: 6px; } 
 .coupon .list-wrap .card .sec2 .txt-wrap .price { color:#333333; font-size: 15px; line-height: 1.45; font-weight: 600; letter-spacing: -0.5px; } 
 .coupon .list-wrap .card .sec2 .img-wrap { position: relative; width:90px; height:90px; } 
 .coupon .list-wrap .card .sec2 .img-wrap::after { position:absolute; top:0; bottom:0; content: ''; display: block; background-color: rgba(0,0,0,0.03); width:90px; height:90px; border-radius: 5px; } 
 .coupon .list-wrap .card .sec2 .img-wrap img { width:100%; } 
 .coupon .list-wrap .card .sec3 ul { display: flex; justify-content: space-between; margin-top: 4px; } 
 .coupon .list-wrap .card .sec3 ul li { color:#707070; font-size: 14px; line-height: 23px; } 
 .coupon .list-wrap .card .sec3 ul li.bold { font-weight: 600; } 
 .coupon .list-wrap .card button.outline { all: unset; border:1px solid #e6e6e6; color:#333; text-align: center; } 
 .coupon .list-wrap .card button.btn-xs { display: inline-block; width:55px; height:26px; font-size: 14px; background-color: #FCFCFC; border-radius: 4px; margin-left: 6px; } 
 .coupon .list-wrap .card button.btn-block { width:100%; font-size: 16px; background-color: #fff; border-radius: 5px; padding:12px 0; margin-top: 16px; } 
 
 .coupon button.moreview { all: unset; width:100%; font-size: 16px; color:#44217A; border:1px solid #44217A; border-radius: 5px; height:42px; margin-top: 14px; text-align: center; display: none; }