@charset "utf-8";
/** 쿠폰 **/
.mypage_choice { min-height: calc(100vh - 68px); }
.goods_list ul > li { position: relative; overflow: hidden; margin-bottom: 12px; }
.goods_list ul > li:last-of-type { margin-bottom: 0; }
.goods_list ul > li .mark { position: absolute; right: 23px; top: 1px; width: 22px; height: 29px; background: url(../../image/icon/icon_goods_mark.svg) no-repeat left top; background-size: contain; display: inline-block; }
.goods_list ul > li input { display: none; }
.goods_list ul > li label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 5; }
.goods_list ul > li .label_box { position: relative; display: block; padding: 20px 24px; border: var(--border); border-radius: var(--border-radius-s); }
.goods_list ul > li input:checked ~ .label_box { border: var(--border-main); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.goods_list ul > li input:checked ~ .label_box .name { font-weight: 700; }
.goods_list ul > li input:checked ~ .label_box .name::before { border: 5px solid var(--color-main); }
.label_box .tit_box { display: flex; align-items: flex-start; justify-content: space-between; }
.label_box .tit_box .name { font-size: var(--font-medium); font-weight: 400; color: var(--color-black); line-height: 24px; }
.label_box .tit_box .name::before { width: 20px; height: 20px; border: 2px solid var(--color-disabled); border-radius: 50%; box-sizing: border-box; vertical-align: -3px; content: ''; display: inline-block; margin-right: 8px; }
.label_box .info_box { display: flex; align-items: flex-start; justify-content: space-between; padding: 8px 0; border-bottom: var(--border-light); }
.label_box .info_box .img_box { width: 92px; height: 90px; overflow: hidden; }
.label_box .info_box .img_box img { max-width: 100%; }
.label_box .price_box { width: calc(100% - 100px); text-align: right; }
.label_box .price_box .sale { display: inline-block; font-size: var(--font-small); font-weight: 700; color: var(--color-red); line-height: 20px; padding: 0 8px; border-radius: 10px; background: #FFECED; margin-bottom: 8px; }
.label_box .price_box .price dt { font-size: var(--font-regular); font-weight: 400; color: var(--color-black); line-height: 24px; margin-bottom: 4px; }
.label_box .price_box .price dt span { font-weight: 500; }
.label_box .price_box .price dd { font-size: var(--font-regular); font-weight: 400; color: var(--color-black); line-height: 24px; }
.label_box .price_box .price dd strong { font-size: var(--font-large); font-weight: 800; }
.label_box .infoBox { width: 100%; padding: 8px 0 0 32px; min-height: 38px; margin-bottom: 8px; }
.label_box .check_list { border-bottom: var(--border-light); padding: 8px 0; }
.label_box .check_list li { position: relative; font-size: var(--font-small); font-weight: 400; color: var(--color-black-70); line-height: 22px; padding-left: 28px; margin-bottom: 8px; }
.label_box .check_list li:last-of-type { margin-bottom: 0; }
.label_box .check_list li::before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; background: url(../../image/icon/icon_check_list.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.label_box .note_box { font-size: var(--font-small); font-weight: 400; color: var(--color-black); line-height: 22px; opacity: 0.4; padding-top: 16px; }