@charset "utf-8";
/* CSS Document */

/* 포인트, 쿠폰 */
.point-coupon-info-wrap .top-area { background: #5283e0; padding: 15px; }
.point-coupon-info-wrap .top-area .title-area { text-align: center;}
.point-coupon-info-wrap .top-area .title-area h3 {border-bottom: 3px solid #a2bae8;  display: inline-block; font-size: 1.8rem; color: #fff; font-weight: 500; padding-bottom: 10px; margin-bottom:10px; }
.point-coupon-info-wrap .top-area .title-area p { display: inline-block; font-size: 1.4rem; color: #cedefd;}
.point-coupon-info-wrap .bottom-area { background: #fff; border: 1px solid #e0e0e0; border-top: none; padding:20px;}
.point-coupon-info-wrap .bottom-area .point { border-bottom:1px solid #dcdcdc;padding-bottom: 15px; }
.point-coupon-info-wrap .bottom-area .coupon {padding-top:15px; }
.point-coupon-info-wrap .bottom-area>div>div .head {float:left;padding:0;  font-size: 1.4rem; font-weight: bold; color: #2d2d2d; line-height: 25px; }
.point-coupon-info-wrap .bottom-area>div>div .value {float:right; font-size:1.4rem; line-height: 25px; font-weight: bold; color: #2d2d2d; }
.point-coupon-info-wrap .bottom-area>div>div .head img { vertical-align: top; margin-right: 5px; }
.point-coupon-info-wrap .bottom-area>div>div.coupon .head img { margin-top: 3px; }

.mypage-list-wrap { margin-top: 20px; }
.mypage-list-wrap .title-area { font-size: 1.6rem; color: #2d2d2d; margin-bottom: 10px; }
.mypage-list-wrap .list-table { border-top: 3px solid #5283e0; }
.mypage-list-wrap table { width: 100%; }
.mypage-list-wrap .list-table table thead { background: #f8f8f8; }
.mypage-list-wrap .list-table table thead tr th { padding:10px 5px; font-weight: bold; font-size: 1.3rem; color: #2d2d2d; text-align: center; letter-spacing: -0.12em}
.mypage-list-wrap .list-table table tbody tr td { padding: 10px 5px; text-align: center; background: #fff; color: #434343; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size: 1.3rem; letter-spacing: -0.075em; word-break: keep-all}
.mypage-list-wrap .order-list-table table tbody tr td .cancel-btn { color: #c83f3f; border: 1px solid #d37b7c; border-radius: 2px; height: 23px; background: #fff; font-size: 12px; cursor: pointer; padding: 0 5px; line-height: 21px; margin-left: 5px; outline: 0; }
.mypage-list-wrap .order-list-table table tbody tr td .cancel-btn:hover { background: #c83f3f; color: #fff; border-color: #c83f3f; }