/* 모달 */

@media screen and (min-width: 768px) {
    .ui_modal_wrap .hidden-pc {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .ui_modal_wrap .hidden-mo {
        display: none !important;
    }
}
/* // 모달 */

/* 커스텀 슬라이드 커스텀 */
.event-benefit-template .custom-scroll-slider__content-wrapper {
    column-gap: 18px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .custom-scroll-slider__content-wrapper {
        column-gap: calc(12 / 390 * 100vw);
    }
}
/* // 커스텀 슬라이드 커스텀 */


.red_txt{color: #EA1917;}

.article_02{}
.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 .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_03 .c-tab__panel a{position: absolute; width: 22.3%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_01{left: 0%; top:43.9%; height: 2.2%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_02{left: 25.85%; top:43.9%; height: 2.2%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_03{left: 51.67%; top:43.9%; height: 2.2%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_04{left: 77.5%; top:43.9%; height: 2.2%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_05{left: 0%; top:91.4%; height: 2.2%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_06{left: 25.85%; top:91.4%; height: 2.2%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_07{left: 51.67%; top:91.4%; height: 2.2%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_08{left: 77.5%; top:91.4%; height: 2.2%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_09{left: 0%; top:94.17%; height: 1.56%;}

.event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_01{left: 0%; top:43.9%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_02{left: 25.85%; top:43.9%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_03{left: 51.67%; top:43.9%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_04{left: 77.5%; top:43.9%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_05{left: 0%; top:91.4%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_06{left: 25.85%; top:91.4%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_07{left: 51.67%; top:91.4%; height: 2.25%;}

.event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_01{left: 0%; top:43.9%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_02{left: 25.85%; top:43.9%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_03{left: 51.67%; top:43.9%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_04{left: 77.5%; top:43.9%; height: 2.25%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_05{left: 0%; top:91.4%; height: 2.25%;}

.event-benefit-template .article_03 #scroll-tab-content-01-panel-04 .pd_list04_01{left: 0%; top:93.4%; height: 4.6%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-04 .pd_list04_02{left: 25.85%; top:93.4%; height: 4.6%;}
.event-benefit-template .article_03 #scroll-tab-content-01-panel-04 .pd_list04_03{left: 51.67%; top:93.4%; height: 4.6%;}

.article_04 .article__inner{padding-top: 0; 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%; }

.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%; }

.cont08_wrap{position: relative;}
.cont08_wrap .cont08_btn{position: absolute; height: 9%; left: 30.6%; bottom: 0; width: 38.8%;}

@media screen and (min-width: 767px) {
    .popup-wrap{max-width:1165px;}
    .popup-wrap img{width: 100%;}
    .popup-wrap 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%;}

    .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(24 / 390 * 100vw) calc(20 / 390 * 100vw);}
    .event-benefit-template .article_03 .c-tab--rounded-rectangle .c-tab__list .c-tab__item .c-tab__button{padding: 0 calc(13 / 390 * 100vw); font-size: calc(13 / 390 * 100vw); line-height: 138.462%;}
    .event-benefit-template .article_03 .c-tab__panel {padding: calc(2 / 390 * 100vw) calc(20 / 390 * 100vw) calc(100 / 390 * 100vw);}
    .event-benefit-template .article_03 .c-tab__panel:last-of-type{padding-bottom: calc(24 / 390 * 100vw);}
    .event-benefit-template .article_03 .c-tab__panel a{width: 43.35%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_01{left: 5%; top:22.5%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_02{left: 51.5%; top:22.5%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_03{left: 5%; top:46.65%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_04{left: 51.5%; top:46.65%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_05{left: 5%; top:70.75%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_06{left: 51.5%; top:70.75%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_07{left: 5%; top:94.85%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_08{left: 51.5%; top:76.45%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-01 .pd_list01_09{left: 5%; top:95.9%; height: 1.2%;}

    .event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_01{left: 5%; top:22.5%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_02{left: 51.5%; top:22.5%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_03{left: 5%; top:46.65%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_04{left: 51.5%; top:46.65%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_05{left: 5%; top:70.8%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_06{left: 51.5%; top:70.8%; height: 1.2%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-02 .pd_list02_07{left: 5%; top:94.9%; height: 1.2%;}

    .event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_01{left: 5%; top:29.75%; height: 1.5%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_02{left: 51.5%; top:29.75%; height: 1.5%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_03{left: 5%; top:61.53%; height: 1.5%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_04{left: 51.5%; top:61.53%; height: 1.5%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-03 .pd_list03_05{left: 5%; top:93.35%; height: 1.5%;}

    .event-benefit-template .article_03 #scroll-tab-content-01-panel-04 .pd_list04_01{left: 5%; top:46.15%; height: 2.4%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-04 .pd_list04_02{left: 51.5%; top:46.15%; height: 2.4%;}
    .event-benefit-template .article_03 #scroll-tab-content-01-panel-04 .pd_list04_03{left: 5%; top:95.6%; height: 2.4%;}

    .article_04 .article__inner{padding: 0 calc(20 / 390 * 100vw) calc(40 / 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%; }

    .cont08_wrap .cont08_btn{height: 7%; left: 4.6%; bottom: 0; width: 90.8%;}

    .popup-wrap img.pc{display: none;}
    
    .popup-wrap .scroll_wrap{margin: 30px 0;overflow-x: scroll;}

}