/* BASIC css start */
        .couponwrap{
          max-width: 900px;
          width: 100%;
          margin: 0 auto;
        }
    
        .couponwrap img {
            display: block;
            width: 100%;
        }
    
        .couponwrap .imgLink{
            position: relative;
        }
    
        .couponwrap .imgLink .link01{
            position: absolute;
            top: 35.079%;
            left: 50%;
            transform: translateX(-50%);
            width: 48%;
            height: 27.8656%;
        }
    
        .couponwrap .imgLink .link02{
            position: absolute;
            top: 73.22134%;
            left: 50%;
            transform: translateX(-50%);
            width: 48%;
            height: 8.9826%;
        }

        .couponwrap .listBox,
        .couponwrap .productBox{
            position: relative;
        }

        .couponwrap .listBox ol{
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            width: 100%;
            height: 100%;
        }
    
        .couponwrap .listBox ol li{
            width: 33.33%;
            height: 100%;
        }
    
        .couponwrap .listBox ul li{
            display: none;
        }
    
        .couponwrap .listBox li.act{
            display: block;
        }

        .couponwrap .productBox > a{
            position: absolute;
            bottom: 4.39024%;
            left: 50%;
            transform: translateX(-50%);
            width: 66.4444%;
            height: 5.6097%;
        }

        .couponwrap .productBox ol{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    
        .couponwrap .productBox ol li{
            display: none;
            margin: 0 auto;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 16.21178% 5.555555% 0;
            box-sizing: border-box;
        }
    
        .couponwrap .productBox ol li a{
            width: 48.3146%;
        }
    
        .couponwrap .productBox ol li a:nth-child(-n + 4){
            margin-bottom: 8.4317%;
        }
    
        .couponwrap .productBox ol li.act{
            display: flex;
        }
/* BASIC css end */