/* =================
전체 공통 조정
==================== */

/* 슬라이더 */
.event-benefit-template .custom-scroll-slider__content-wrapper {
    column-gap: 18px;
}
@media screen and (min-width: 768px) {
    .event-benefit-template .custom-scroll-slider--shadow.j-custom-scroll-slider--only-mo .custom-scroll-slider__content-wrapper {
        padding: 0;
        max-width: 1146px;
    }
    .event-benefit-template .article__content-area:has(.custom-scroll-slider--shadow.j-custom-scroll-slider--only-mo) {
        max-width: 1146px;
    }
}
/* // 슬라이더 */
/* =================
// 전체 공통 조정
==================== */


.event-benefit-template .c-tab--main-sticky .c-tab__item.active .c-tab__button::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #111;
}
.event-benefit-template .c-tab--main-sticky .c-tab__list{
    padding: 0; column-gap: 0;
}

.red_txt{color: #EA1917;}


.article_02 .cont02_wrap{position: relative;}
.article_02 .cont02_wrap .cont02_btn{position: absolute; bottom: 0%; left: 30.6%; width: 38.9%; height: 13.3%;}


.event-benefit-template .subscription-prepayment-discount .custom-scroll-slider__item {
    flex: 0 0 100%;
}
.event-benefit-template .subscription-prepayment-discount .subscription-prepayment-discount__link {
    position: absolute;
    bottom: 2%;
    left: 30%;
    width: 40%;
    height: 10%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .subscription-prepayment-discount .subscription-prepayment-discount__link {
        bottom: 2%;
        left: 0;
        width: 100%;
        height: 6%;
    }   
}


.article_0202 .toss_txt{color: #0064FF;}
.cont0201_btn{position: absolute;width: 39%;height: 7.2%;bottom: -1%;left: 30.5%;}

.cont0202_wrap button{position: absolute;width: 8%; height:9.2%; bottom:38%; left:3.5%; }

.event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__inner{display: block; background: #fff;}
.event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list{background: #fff; gap: 8px; padding: 12px 0;}
.event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list .c-tab__item{overflow: hidden; position: relative;height: 38px; background-color: transparent; border: 1px solid #dee1e5; border-radius: 100px; transition: background-color 0.3s; flex: auto;}
.event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list .c-tab__item.active{background-color: #111;border-color: #111;}
.event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list .c-tab__item .c-tab__button{display: flex;align-items: center; justify-content: center;height: 100%; padding: 0 16px; font-size: 14px; font-weight: 400; line-height: 20px; color: #111; width: auto; min-width: none;}
.event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list .c-tab__item.active .c-tab__button{font-weight: 600;color: #fff;}
.event-benefit-template .article_03 .c-tab__panel {padding: 16px 0 112px; position: relative;}
.event-benefit-template .article_03 .c-tab__panel:last-of-type{padding-bottom: 16px;}

.event-benefit-template .article_04 .c-title__desc{color:#444; font-size: 16px;}

.article_04 .article__inner{position: relative;}
.article_04 .article__inner .cont04_btn{position: absolute; top: 0; left: 0.8%; width: 98.4%; height: 67%; }

.cont05_wrap{position: relative;}
.cont05_wrap .event_tab01_popup01{position: absolute; top: 0; left: 0; width: 49%; height: 100%; }
.cont05_wrap .event_tab01_popup02{position: absolute; top: 0; right: 0; width: 49%; height: 100%; }

.event-benefit-template .c-title__main-title{font-size: 24px;}

.article_06 .article__inner{position: relative;}
.article_06 .cont06_btn01{position: absolute; width: 48%; left: 1%; top:33%; height: 39%; }
.article_06 .cont06_btn02{position: absolute; width: 48%; left: 51%; top:33%; height: 39%; }

.cont04_wrap{position: relative;}
.cont04_wrap .cont05_btn{position: absolute; bottom: 0; left:30.5%; height: 9%; width: 39%; }
@media screen and (min-width: 767px) {
    #popup-prd-01{min-height: auto !important;max-width: 1241px;}
    #popup-prd-01 .popup{min-height: auto !important;}
    #popup-prd-01 .popup img{width: 100%;}
    #popup-prd-01 .popup img.mobile{display: none;}
}
@media screen and (max-width: 767px) {
    .article_02{border-top: 1px solid #EFF0F2; border-bottom: 1px solid #EFF0F2;}
    .article_02 .cont02_wrap .cont02_btn{bottom: 5.4%; height: 17.3%; left: 4.6%; width: 89.9%;}

    .cont0201_btn{bottom: 1%; left:5.5%;height:4.2%;width: 90%;}
    .cont0202_wrap button{bottom: 43%; left: 7.5%; width: 20%;}

    .event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__inner{margin: 0; }
    .event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list{gap: calc(8 / 390 * 100vw); padding: calc(8 / 390 * 100vw) calc(20 / 390 * 100vw);  overflow-x: auto;}
    .event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list .c-tab__item{flex: none; height: auto}
    .event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list .c-tab__item .c-tab__button{padding: calc(10 / 390 * 100vw) calc(13 / 390 * 100vw); font-size: calc(13 / 390 * 100vw); line-height: 138.462%; }
    .event-benefit-template .article_03 .c-tab__panel {padding: calc(16 / 390 * 100vw) 0 calc(100 / 390 * 100vw);}
    .event-benefit-template .article_03 .c-tab__panel:last-of-type{padding-bottom: calc(0 / 390 * 100vw);}

    .event-benefit-template .article_04 .c-title__desc{font-size:calc(14 / 390 * 100vw);}
    .event-benefit-template .c-title__main-title{font-size: calc(19 / 390 * 100vw);}
    .article_04 .article__inner .cont04_wrap{padding: 0 calc(20 / 390 * 100vw) calc(0 / 390 * 100vw);}
    .article_04 .article__inner .cont04_btn{top: 0; left: 4.8%; width: 90.4%; height: 73%;}

    
    .cont05_wrap .event_tab01_popup01{top: 0; left: 6%; width: 88%; height: 50%; }
    .cont05_wrap .event_tab01_popup02{top: 53%; right: 6%; width: 88%; height: 47%; }

    
    .article_06 .cont06_btn01{position: absolute; width: 90%; left: 5%; top:19%; height: 22%; }
    .article_06 .cont06_btn02{position: absolute; width: 90%; left: 5%; top:54%; height: 25%; }

    .cont04_wrap .cont05_btn{left:5%; width: 90%; height: 7%; bottom: 0%;}

    #popup-prd-01{min-height: auto !important; max-width: 1165px;}
    #popup-prd-01 .popup img{width: 100%;}
    #popup-prd-01 .popup .scroll{overflow-x: scroll; margin: 30px 0;}
    #popup-prd-01 .popup img.pc{display: none;}


}