@charset "utf-8";
.cont_title { font-size: 24px; font-weight: 700; color: #222; line-height: 130%; letter-spacing: -0.6px; }

/** 쿠폰 **/
.coupon_regist_box { width: 100%; margin-top: 16px; }
.coupon_total_box { font-size: 13px; font-weight: 400; color: #757575; line-height: 110%; letter-spacing: -0.13px; margin-top: 40px; }
.coupon_list_box { margin-top: 16px; }
.coupon_list_box ul { width: 100%; }
.coupon_list_box ul li { position: relative; width: 100%; padding: 16px; background: #fff; border: 1px solid #EFEFEF; border-radius: 12px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); }
.coupon_list_box ul li + li { margin-top: 16px; }
.coupon_list_box ul li .price { font-size: 24px; font-weight: 700; color: #2AAD5C; line-height: 130%; letter-spacing: -0.6px; }
.coupon_list_box ul li .desc { font-size: 14px; font-weight: 500; color: #222; line-height: 130%; letter-spacing: -0.28px; margin-top: 4px; }
.coupon_list_box ul li .date { position: absolute; right: 16px; top: 16px; font-size: 13px; font-weight: 500; color: #2AAD5C; line-height: 110%; letter-spacing: -0.13px; padding: 6px; background: #f1fbf5; border-radius: 4px; }
.coupon_list_box ul li .detail { width: 100%; margin-top: 24px; }
.coupon_list_box ul li .detail span { display: block; font-size: 13px; font-weight: 400; color: #757575; line-height: 110%; letter-spacing: -0.13px; }
.coupon_list_box ul li .detail span + span { margin-top: 4px;  }
.coupon_list_box ul li .btn { position: absolute; right: 16px; bottom: 16px; font-size: 13px; font-weight: 500; color: #fff; line-height: 110%; padding: 8px; background: #2AAD5C; border-radius: 4px; }
.coupon_list_box ul li .btn::after { content: ''; display: inline-block; width: 7px; height: 11px; background: url(../../image/icon/icon_arrow_white02.svg) no-repeat center center; background-size: contain; vertical-align: -1px; margin-left: 3px; }
/*? disabled */
.coupon_list_box ul li.disabled { background: #F8F9FA; box-shadow: none; }
.coupon_list_box ul li.disabled .price,
.coupon_list_box ul li.disabled .desc,
.coupon_list_box ul li.disabled .detail span { color: #aaa; }
.coupon_list_box ul li.disabled .date { color: #757575; background: #EFEFEF; }
/* ? 데이터 없을 때 */
.none_data_box { width: 100%; text-align: center; padding: 80px 0; }
.none_data_box .icon_warning { display: inline-block; width: 48px; height: 48px; background: url(../../image/icon/icon_warning.svg) no-repeat center center; background-size: contain; }
.none_data_box p { font-size: 16px; font-weight: 400; color: #aaa; line-height: 140%; margin-top: 12px; }


/* 유의사항 */
.notice_bottom_box { width: 100%; padding: 40px 20px; background: #F8F9FA; }
.notice_bottom_box .title { font-size: 16px; font-weight: 500; color: #757575; line-height: 140%; }
.notice_bottom_box .text { width: 100%; margin-top: 8px; }
.notice_bottom_box .text li { position: relative; font-size: 13px; font-weight: 400; color: #aaa; line-height: 130%; word-break: keep-all; padding-left: 18px; }
.notice_bottom_box .text li + li { margin-top: 8px; }
.notice_bottom_box .text li::before { content: ''; display: block; position: absolute; left: 8px; top: 7px; width: 3px; height: 3px; background: #aaa; border-radius: 50%; z-index: 1; }