.subscription_coupon_gn24 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 0;
    overflow: hidden;
}

#subscription_coupon_content_gn24 {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 20px 8px 20px;
    height: 140px;
    box-shadow: 0 0 0 2px var(--gs-gray-200) inset, 1px 2px 4px 0 rgba(0, 0, 0, 0.04);
    border-radius: 12px;
    overflow: hidden;
}

#subscription_coupon_content_gn24 > .ellipse {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--bw-white);
    border: 2px solid var(--gs-gray-200);
    border-radius: 50%;
}

#subscription_coupon_content_gn24 > .top {
    top: -4px;
    left: 134px;
}

#subscription_coupon_content_gn24 > .bottom {
    bottom: -4px;
    left: 134px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) inset;
}

#subscription_coupon_content_gn24 > .image {
    display:flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 140px;
    height: 117px;
    border-right: 1px dashed var(--gs-gray-200);
}

#subscription_coupon_content_gn24 > .image > img {
    max-width: 98%;
    max-height: 100%;
}

#subscription_coupon_content_gn24 > .coupon_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 12px 12px 20px;
    height: 100%;
}
 
#subscription_coupon_badge_gn24 {
    display: flex;
    gap: 4px;
    margin-bottom: 4px;
}
#subscription_coupon_badge_gn24 > .once {
    padding: 2px 6px;
    background-color: var(--smt-apricot-800);
}
#subscription_coupon_badge_gn24 > .rout {
    padding: 2px 6px;
    background-color: var(--smt-blue-800);
}

#subscription_coupon_cpnNm_gn24 {
    margin-bottom: 2px;
}



#subscription_coupon_content_gn24 > .coupon_info > .price {
    display: flex;
    align-items: center;
}

#subscription_coupon_content_gn24 > .coupon_info > .price > span:first-child {
    margin-right: 2px;
}

/*.subscription_coupon_list_gn24 {*/
/*    display: grid;*/
/*    grid-template-rows: 1fr;*/
/*    grid-template-columns: repeat(auto-fill, 1fr);*/
/*    grid-auto-flow: column;*/
/*    gap: 8px;*/
/*    overflow-x: auto;*/
/*    overflow-y: hidden;*/
/*    -ms-overflow-style: none; !* IE and Edge *!*/
/*    scrollbar-width: none; !* Firefox *!*/
/*}*/

.subscription_coupon_list_gn24 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    width: 100vw;
}

.subscription_coupon_list_gn24::-webkit-scrollbar { display: none; }

.subscription_coupon_list_gn24 > .coupon_detail {
    display:flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    width: 74px;
    min-width: 74px;
    height: 74px;
    border: 1px solid var(--gs-gray-100);
    border-radius: 12px;
    overflow: hidden;
}


.subscription_coupon_list_gn24 > .coupon_detail.active {
    box-shadow: 0 0 0 2px inset var(--smt-apricot-500, #FFBB0D);
}

.subscription_coupon_list_gn24 > .coupon_detail > img {
    border-radius: 12px;
}