@charset "UTF-8";

.coupon-list {
  font-size: 14px;
  margin-top: 22px;
}
.coupon-list section ~ section{
    margin-top: 100px;
}
.coupon-list .page-content-top{
    line-height: 18px;
}
.coupon-list .page-content-top__path{
    gap:15px;
}
.coupon-banner{
    margin-top: 80px;
}
.coupon-banner .tit{ 
    font-size:30px; 
    line-height: 1;
    font-weight: 700;
    margin-bottom: 40px;
}
.coupon-banner img{
    width: 100%;
}

.benefit .tit{
    font-size:30px; 
    line-height: 1;
    margin-bottom: 30px;
    font-weight: 700;
}
.benefit .list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:26px;
}
.benefit .list li{
    position: relative;
    background:#f8f9fd;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
}
.benefit .list li .benefit_tit{
    display: inline-block;
    font-size:16px;
    font-weight: 500;
    background: rgba(55,73,148,0.08);
    border-radius: 14px;
    padding:5px 12px 4px;
    line-height: 1;
}
.benefit_img{
    display: flex;
    margin: 0px auto;
    height: 180px;
    align-items: center;
    justify-content: center;
}
.tit_wrap{
    margin-bottom: 30px;
}
.tit_wrap .sub_tit{
    font-size:16px;
    margin-bottom: 10px;
    line-height: 1;
}
.tit_wrap .tit{
    font-size:23px;
    font-weight: 700;
    line-height: 1;
}
.btn_wrap{
    position: absolute; 
    bottom:1.5625vw;
    width: 100%;
    padding:0 1.6667vw
}
.btn_coupon{
    position: relative;
    width:100%;
    height:50px;
    border-radius: 5px;
    background: #000;
    color:#fff;
    font-size:17px;
    font-weight: 500;
    text-indent: -24px;
}

.btn_coupon::after{
    content: '';
    position: absolute;
    width:15px; 
    height:13px;
    background:url('../../assets/img/coupon/icon_down.png')no-repeat;
    top:35%;
    margin-left: 7px;
}


.btn_check{
    position: relative;
    width:100%;
    height:50px;
    border-radius: 5px;
    background: #000;
    color:#fff;
    font-size:17px;
    font-weight: 500;
    text-indent: -16px;
}

.btn_check::after{
    content: '';
    position: absolute;
    width:8px; 
    height:12px;
    background:url('../../assets/img/coupon/icon_arrow.png')no-repeat;
    top:35%;
    margin-left: 9px;
}

.benefit_add .list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:30px;
}
.benefit_add .tit{
    font-size:30px; 
    line-height: 1;
    margin-bottom: 30px;
    font-weight: 700;
}
/* .benefit_add .list li a{
    display: block;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius: 5px;
    text-align: center;
    padding:42px 0px;
} */
.benefit_add .list li .benefit_tit{
    display: inline-block;
    font-size:16px;
    font-weight: 500;
    background: rgba(40,40,40,0.05);
    border-radius: 14px;
    padding:5px 12px 4px;
    line-height: 1;
}
.benefit_add .list li .tit_wrap{margin-bottom: 0;}
.benefit_add .list li .tit_wrap .tit{
    font-size:23px;
}

.footer{margin-top: 120px;}