:root{
    --rem-size: 0.6px;
}

/*발송형 쿠폰*/
.coupon-send{width: 100%;font-size: var(--rem-size);}
.coupon-send .img-box {width: 100%;height: auto;aspect-ratio: 800 / 250;background-color: #000000;overflow: hidden;}
.coupon-send .img-box > img{width: 100%;height: 100%;object-fit: cover;display: block;}

.coupon-send .coupon-info {font-family: Pretendard,sans-serif;text-align: center;margin-top: 40px;}
.coupon-send .coupon-info .reload-button{font-weight: 800;font-size: 46em;letter-spacing: -0.025em;color:#212121;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.coupon-send .coupon-info .reload-button::after{content:'';display:inline-block;background-image: url("../images/icon-reload.png");background-size:cover;width: 1.195652173913043em;height: 1.195652173913043em;margin-left: 0.4em;}
.coupon-send .coupon-info .coupon-count {width: 2.314285714285714em;font-size: 175em;margin: 0.16em auto 0;max-width:100%;color:#08a7e9;font-weight: 800;letter-spacing: -0.025em;text-align: center;position: relative;line-height: 1;}
.coupon-send .coupon-info .coupon-count::before{content:'';width: 100%;background-color:rgba(55,195,255,0.15);border-radius: 7px;height: 0.1142857142857143em;display: block;position: absolute;left: 0;bottom:5px;z-index: -1;}
.coupon-send .coupon-info .message-box{    width: 13.93548387096774em;height: 2.516129032258065em;margin: 2em auto 0;font-size: 31em;background-color: #5eb8de;display: flex;justify-content: center;align-items: center;color: var(--white-color);font-weight: 700;font-style: italic;letter-spacing: -0.025em;border-radius: 15px;position: relative;}
.coupon-send .coupon-info .message-box::before{content:'';display: block;background-image: url("../images/icon-message.png");background-size: contain;width: 24px;height: 24px;position: absolute;top:2px;transform: translateY(-100%);}

.coupon-send .info-box{padding:65em 40em;}
.coupon-send .info-box .table-box {width: 100%;border:1px solid #e1e1e1;overflow: hidden;border-radius: 10px;margin-top: 0;}
.coupon-send .info-box .table-box table{width: 100%;  border-collapse : collapse;font-family: Pretendard,sans-serif;}
.coupon-send .info-box .table-box table th{width: 7.407407407407407em;font-size: 27em;background-color: #006e9d;font-weight: 700;letter-spacing: -0.025em;color: var(--white-color);vertical-align: middle;padding: 0;}
.coupon-send .info-box .table-box table td{font-weight: 500;font-size: 23em;letter-spacing: -0.025em;color: #2b2b2b;line-height: 1.4;padding: 0.9565217391304348em 1.28em;text-align: left;}
.coupon-send .info-box .table-box table td pre {white-space: pre-wrap;}
.coupon-send .info-box .table-box table :is(th,td){border-bottom:1px solid rgba(183,183,183,0.5);}
.coupon-send .info-box .coupon-number{color:var(--primary-color);font-weight: 800;}
.coupon-send .coupon-message{background-color: #d8d8d8;border-radius: 10px;width: 100%;margin-top: 15em;padding:38em 20em;text-align: center;font-family: Pretendard,sans-serif;color:#2e2e2f;}
.coupon-send .coupon-message h3{font-size: 45em;font-weight: 700;letter-spacing: -0.025em;}
.coupon-send .coupon-message p{font-size: 20em;font-weight: 400;letter-spacing: -0.025em;margin-top: 0.5em;}

.coupon-send .use-button{font-size: inherit;background-color: #08a7e9;border-radius: 10px;width: 100%;;margin-top: 15em;padding:38em 20em;text-align: center;font-family: Pretendard,sans-serif;color:#ffffff;}
.coupon-send .use-button h3{font-size:45em;font-weight: 700;letter-spacing: -0.025em;}
.coupon-send .use-button p{font-size: 20em;font-weight: 400;letter-spacing: -0.025em;margin-top: 0.5em;}

.coupon-send .use-box{padding: 65em 40em;position: relative;}
.coupon-send .use-box::before{content:'';background-color: #e4e4e4;width:70%;height: 1px;position: absolute;left: 50%;top:0;transform: translateX(-50%);}
.coupon-send .use-box h2{font-size: 30em;font-weight: 800;color:#2e2e2f;}
.coupon-send .use-box .input-box{width: 100%;height: 76em;margin-top: 20em;}
.coupon-send .use-box .input-box input {width: 100%;height: 100%;font-size: 27em;padding:0 1.148148148148148em;border-radius: 0.3703703703703704em;border:2px solid var(--primary-color);font-weight: 500;letter-spacing: -0.025em;}
.coupon-send .use-box .input-box .event-end {font-family: Pretendard,sans-serif;width: 100%;height: 100%;font-size: 27em;border-radius: 10px;border:2px solid var(--primary-color);font-weight: 500;letter-spacing: -0.025em;display: flex;justify-content: flex-start;align-items: center;background-color: #e1e1e1;padding:0 1em;color:#343434;}
.coupon-send .use-box .input-box input::placeholder{color:#a8a8a8;}
.coupon-send .use-box .tip-box{margin-top: 30em;border:2px solid var(--primary-color);border-radius: 10em;font-family: Pretendard,sans-serif;}
.coupon-send .use-box .tip-box h3{width: 100%;height: 2em;display: flex;align-items: center;justify-content: center;background-color: #27a8de;color:var(--white-color);font-size: 30em;font-weight: 800;letter-spacing: -0.025em;}
.coupon-send .use-box .tip-box .tip-content{padding:37em;text-align: center;}
.coupon-send .use-box .tip-box .tip-content ul{display: inline-flex;text-align: left;flex-direction: column;row-gap: 15em;}
.coupon-send .use-box .tip-box .tip-content li{font-size: 26em;font-weight: 800;letter-spacing: -0.025em;line-height: 1.42;color:#2c2c2c;position: relative;padding-left: 1.192307692307692em;}
.coupon-send .use-box .tip-box .tip-content li::before{content:'';background-image: url("../images/icon-check.png");background-size: contain;width: 1em;height: 1em;display: inline-block;position: absolute;left: 0;top:2px;}
.coupon-send .use-box .tip-box .tip-content li em{color:var(--point-color);}
/*발송형 쿠폰*/

/*쿠폰 다운로드*/
.coupon-download{width: 100%;padding: 0 40em;font-size: var(--rem-size);}
.coupon-download .img-box{width: 688px;max-width:100%;height: auto;aspect-ratio:1 / 1;background-color: #000000;overflow: hidden;border-radius: 20px;margin: 0 auto;}
.coupon-download .img-box > img{width: 100%;height: 100%;object-fit: cover;display: block;}
.coupon-download .mobile-number-box{font-family: Pretendard,sans-serif;text-align: center;padding:53em 20em;}
.coupon-download .mobile-number-box .title-box{font-size: 35em;font-weight: 500;letter-spacing: -0.025em;color:#212121;line-height: 1.3;}
.coupon-download .mobile-number-box .title-box em{font-size: 1.1em;font-weight: 800;}
.coupon-download .mobile-number-box .title-box .underline{position: relative;}
.coupon-download .mobile-number-box .title-box .underline::before{content:'';width: 100%;display: block;height:10px;background-color: rgba(55,195,255,0.15);border-radius: 7px;position: absolute;left: 0;bottom:0;}
.coupon-download .mobile-number-box .mobile-input{display: flex;column-gap: 11em;margin-top: 51em;}
.coupon-download .mobile-number-box .mobile-input input{height: 1.76em;border: 1px solid #dbdbdb;border-radius: 10px;font-family: Pretendard, sans-serif;font-size: 50em;font-weight: 500;letter-spacing: -0.01em;text-align: center;}
.coupon-download .mobile-number-box .mobile-input input:read-only{background-color: #dbdbdb;}
.coupon-download .mobile-number-box .mobile-input input:nth-of-type(1){width: 3.16em;}
.coupon-download .mobile-number-box .mobile-input input:nth-of-type( n + 2){width: calc(100% - (3.16em));}
.coupon-download .mobile-number-box .mobile-input input:nth-of-type(1){}

.coupon-download .agreement-box{font-family: Pretendard,sans-serif;border-top:1px solid #b7b7b7;padding: 55em 50em 80em;}
.coupon-download .agreement-box .agreement-title{font-size: 30em;letter-spacing: -0.025em;font-weight: 800;color:#212121;}
.coupon-download .agreement-box .agreement-title::before{content:'';display: inline-block;background-image: url("../images/icon-agree.png");background-size: cover;width: 20px;height: 20px;margin-right: 10px;}
.coupon-download .agreement-box .input-group{display: flex;flex-direction: column;margin-top: 40em;row-gap: 5em;}
.coupon-download .agreement-box .input-group .input-box{width: 100%;display: flex;min-height: 50em;align-items: center}
.coupon-download .agreement-box .input-group .input-box :is(input[type='radio'],input[type='checkbox']) + label{font-size: 29em;font-weight:500;color:#777778;}
.coupon-download .agreement-box .input-group .input-box :is(input[type='radio'],input[type='checkbox']) + label::before{width: 1em;height: 1em;margin-right: 0.6551724137931034em;}
.coupon-download .agreement-box .input-group .input-box .detail-button{    font-size: 18em;font-weight: 500;letter-spacing: -0.01em;color: var(--white-color);background-color: #bfbfbf;display: inline-block;width: 2.888888888888889em;height: 1.666666666666667em;line-height: 1.666666666666667em;text-align: center;padding: 1px 0;border-radius: 3px;margin-left: 0.5em;}
.coupon-download .button-box{margin-top: 56em;text-align: center;}
.coupon-download .button-box .button{    width: 100%;max-width: 15.52631578947368em;height: 2.789473684210526em;font-size: 38em;}
/*쿠폰 다운로드*/


.coupon-success{padding:100px 40px 60px;font-family: Pretendard,sans-serif;}
.coupon-success .title-box{display: flex;flex-direction: column;align-items: center;row-gap: 30px;font-size: 43px;font-weight: 800;letter-spacing: -0.025em;color:#212121;}
.coupon-success .title-box::after{content:'· · ·';font-size: 40px;font-weight: 800;letter-spacing: -0.025em;color:#a9a9a9;text-align: center;}
.coupon-success .title-box .logo-box{width: 100%;max-width: 260px;height: auto;margin: 0 auto;}
.coupon-success .title-box .logo-box > img{width: 100%;display: block;}
.coupon-success .title-box h2{font-size: 26px;font-weight: 800;color:#212121;letter-spacing: -0.025em;text-align: center;margin-top: 10px;}
.coupon-success .coupon-success-info{border-radius: 3px;overflow: hidden;border:1px solid #a9a9a9;margin-top: 30px;}
.coupon-success .coupon-success-info h3{font-size: 20px;height:60px;font-weight: 700;color:#ffffff;background-color: #a9a9a9;display: flex;justify-content: center;align-items: center;}
.coupon-success .coupon-success-info h3::before{content:'';background-image: url("../images/icon-check-white.png");background-size: cover;width: 20px;height: 20px;margin-right: 10px;}
.coupon-success .coupon-success-info .info-content{display: flex;justify-content: center;align-items: center;height: 180px;}
.coupon-success .coupon-success-info .info-content p{font-size: 16px;letter-spacing: -0.01em;line-height: 1.6;color:#777778;text-align: center;}
.coupon-success .coupon-success-info .info-content .icon-block{display: inline-block;background-image: url("../images/icon-block.png");background-size:cover;width: 16px;height: 16px;transform: translateY(5px);margin-right: 5px;}
.coupon-success .coupon-success-info .info-content em{font-weight: 800;}
.coupon-success .button-box{display: flex;justify-content: center;width: 100%;max-width: 614px;column-gap: 10px;margin: 60px auto 0;}
.coupon-success .button-box .button{width: calc((100% - 10px) / 2);height: 60px;font-size: 18px;font-weight: 800;background-color: #bfbfbf;}
.coupon-success .button-box .button.submit{width: calc((100% - 14px) / 2);height: 60px;font-size: 18px;font-weight: 800;background-color: var(--primary-color);}


/*모바일 style*/
.mobile-wrapper{max-width: 768px;margin: 0 auto;width: 100%;overflow: hidden;}

.site-mobile-footer{font-family: Pretendard,sans-serif;background-color: #f5f5f5;padding:30em 0 45em;text-align: center;font-size: var(--rem-size);;}
.site-mobile-footer .footer-logo{width: 239em;margin: 0 auto;}
.site-mobile-footer .footer-logo > img{width: 100%;display: block;}
.site-mobile-footer .footer-content{margin-top: 29em}
.site-mobile-footer .footer-content address{display: flex;flex-direction: column;row-gap: 10px;font-size: 25em;letter-spacing: -0.01em;font-weight: 400;color:#424242;}
.site-mobile-footer .footer-content address .company-name{font-weight: 800;}
.site-mobile-footer .footer-content address .company-email{color:#424242;}
.site-mobile-footer .footer-content address .contact-button{color:var(--white-color);font-size: 1.12em;font-weight: 700;letter-spacing: -0.025em;display: flex;justify-content: center;align-items: center;width: 7.035714285714286em;height: 1.75em;background-color: #aeaeae;border-radius: 0.3571428571428571em;margin: 0.8214285714285714em auto 0;}

@media screen  and (max-width: 767px) {
    :root{
        --rem-size: 0.13020833333333vw;
    }
}