@charset "utf-8";
.popup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.8);z-index: 100000;}
.coupon-popup{background-color:#fff; width:800px; text-align:center; display:block;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.close-coupon-popup{position:absolute; right:-15px; top:-15px; background-color:#fff; width:30px; height:30px; line-height:28px; text-align:center; border:1px solid; border-radius:50%; font-size:25px; color:#333;}
.close-coupon-popup:hover{text-decoration:none;}
.coupon-popup-title{font-size:29px; font-weight:700; border-bottom:2px solid #0097c7; padding:4% 0;}
.coupon-popup-center{background:#000 url(../image-style/coupon-img/coupon-bg.jpg) no-repeat right center; height:248px;}
.coupon-popup-content{width:480px; height:100%; text-align:left; padding:50px 0 0 50px; box-sizing:border-box; font-size:17px; background:linear-gradient(to left, rgba(229, 229, 226, .7), rgba(229, 229, 226, 1), rgba(229, 229, 226, 1), rgba(229, 229, 226, 1), rgba(229, 229, 226, 1));}
.coupon-popup-content li {font-size: 17px;line-height: 31px;color: #312f2d;position: relative;padding-left: 10px;}
.coupon-popup-content li::before {content: "";width: 2px;height: 2px;background-color: #312f2d;border-radius: 50%;position: absolute;top: 15px;left: 0;}
.coupon-popup-button{font-size:0; padding:30px 0;}
.coupon-popup-download {display:inline-block; vertical-align:top;width:330px;height: 55px;line-height: 55px;background-color:#ffab1b; color:#fff; font-size:17px;border-radius:5px;text-decoration: none;margin-right: 130px;}
.coupon-popup-download:hover {text-decoration: none;box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);}
.coupon-popup-anchor{display:inline-block; vertical-align:top;width:210px;height: 55px;line-height: 55px;border: 1px solid #494949;color: #494949;font-size: 19px;border-radius: 5px;text-decoration: underline;}
.coupon-popup-anchor:hover {text-decoration: none;}
@media (max-width:979px) {
    .coupon-popup {width: 90%;}
    .coupon-popup-title {font-size: 21px;padding: 20px;}
    .coupon-popup-download {margin-right: 50px;}
}
@media (max-width: 767px) {
    .coupon-popup-center {height: auto;}
    .coupon-popup-content {width: 100%;padding: 20px;}
    .coupon-popup-download {width: 290px;margin: 10px;font-size: 15px;}
}