.event-benefit-template .summary-visual,
        .event-benefit-template .summary-visual .notice {position:relative;}
        .event-benefit-template .summary-visual img { max-width:100%; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; }
        .event-benefit-template .summary-visual .btn_area { position:relative; }
        .event-benefit-template .summary-visual .btn_area>a { display:block; position:absolute; }
        .event-benefit-template [class*="swiper-button-"] { width:5%; height:9%; }
        .event-benefit-template .swiper-button-prev::after,
        .event-benefit-template .swiper-button-next::after { display:none; }
        .event-benefit-template .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; border-radius:10px; background:#000; opacity:.2; }
        .event-benefit-template .swiper-pagination .swiper-pagination-bullet-active { opacity:1; }
        /* event video common */
        .event-benefit-template .evt-video-wrap { position:relative; }
        .event-benefit-template .evt-video-area { position:absolute; overflow:hidden; }
        .event-benefit-template .evt-video-area video { position:relative; width:100%; height:auto;}
        .event-benefit-template .btn-youtube-play { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; opacity:1; visibility:visible; transition:all .5s; }
        .event-benefit-template .btn-youtube-play img { position:relative; height:100%; }
        .event-benefit-template .btn-youtube-play.fadeOut { opacity:0; visibility:hidden; }
        .event-benefit-template .evt-video-player { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:#000; }
        /* event toggle common */
        .event-benefit-template .toggle_tit { display:block; position:relative; margin:0 auto; }
        .event-benefit-template .toggle_tit .btn_toggle_open { position:absolute; top:0; left:0; width:100%; height:100%; }
        .event-benefit-template .toggle_tit .btn_toggle_open:after { content:""; position:absolute; top:50%; background-size:cover; transform:translateY(-50%); }
        .event-benefit-template .toggle_tit .btn_toggle_open.active:after { transform:translateY(-50%) rotate(180deg); }
        /* event01 */
        .event-benefit-template [class*="event01-"] .evt-video-area { top:26%; left:50%; transform: translateX(-50%); width:1020px; }
        .event-benefit-template .event01 .evt-slide-wrap{ background:#fff; }
        .event-benefit-template .event01 .evt-slide-area { padding:0 0; }
        .event-benefit-template .event01 .evt-slide-cont { overflow:hidden; width:88%; }
        .event-benefit-template .event01-slide-01 { padding-bottom:10%; }
        
        .event-benefit-template .event01-slide-01 .swiper-slide { background:transparent; }
        .event-benefit-template .event01-slide-01 .swiper-button-prev { background:url('/kr/event/2025/06/01_washtower_compact/images/arrow-left.png') no-repeat center center / 100% 100%; }
        .event-benefit-template .event01-slide-01 .swiper-button-next { background:url('/kr/event/2025/06/01_washtower_compact/images/arrow-right.png') no-repeat center center / 100% 100%; }
        .event-benefit-template .event01 .btn_area .btn_group01 > a { position:absolute; width:calc(600 / 1380 * 100%); height:calc(91 / 1349 * 100%); top:calc(1120 / 1349 * 100%); left:calc(390 / 1380 * 100%); }
            /* event02 */
        .event-benefit-template .event02 .btn_area {position: relative;}
        .event-benefit-template .event02 .btn_group02 {position:absolute; display:flex; top:calc(264 / 1082 * 100%); left:calc(51.5 / 1380 * 100%); right:calc(51.5 / 1380 * 100%); height:calc(718 / 1082 * 100%); gap:calc(10 / 1380 * 100%);}
        .event-benefit-template .event02 .btn_group02 a {width:100%; height:100%; background: rgba(255,0,0,0);}
        /* event04 */
        .event-benefit-template .event04 .btn_live_show { top:calc(372 / 500 * 100%); left:calc(540 / 1380 * 100%); width:calc(300 / 1380 * 100%); padding-top:calc(60 / 1380 * 100%); }
        /* event05 */
        /* event06 */
        .event-benefit-template .event06 .toggle_area { padding:30px 0 70px; background:#ebebeb; transition:all .3s; }
        .event-benefit-template .event06 .toggle_area.active { padding-bottom:91px; background:#f7f2ee; }
        .event-benefit-template .event06 .toggle_tit { width:calc(640 / 1380 * 100%);}
        .event-benefit-template .event06 .toggle_tit .btn_toggle_open:after { right:calc(70 / 640 * 100%); width:calc(37 / 640 * 100%); margin-top:calc(-10 / 640 * 100%); padding-top:calc(37 / 640 * 100%); background:url('/kr/event/2024/10/21_washtower_compact/images/btn_arrow_down.png') no-repeat center; background-size:cover; }
        .event-benefit-template .event06 .toggle_tit .btn_toggle_open.active:after { margin-top:calc(-6 / 640 * 100%); }
        .event-benefit-template .event06 .toggle_cont { width:calc(990 / 1380 * 100%); margin:7px auto 0; }

        .event01-slide{position: relative; left: 50%; transform: translateX(-50%); max-width: 80%; }
     
        /* popup style */
        .event-benefit-template .summary-visual .btn_area #popupBtn { width:38.5%; height:14.8%; left:30.8%; bottom:16.7%; }
        .event-benefit-template .summary-visual .event_dim{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);  z-index:5;}

        .content-section{position: relative; left: 50%; transform: translateX(-50%); max-width: 1380px;} 

        .tab_container   {position: sticky; top: 0; left: 0; display:flex; width:100%; height: 98px; justify-content:center;transition: all 0.2s; opacity: 1; z-index: 90; background-color: white; border-bottom: 2px solid #e6e6e6;}
        .tab_container li  { display: inline-block; width: 100%; height: 100%; max-width: 33.3%;} 
        .tab_container li a.active  {color: black; ;}
        .tab_container li a.active::before  {content: ''; position: absolute; width: 100%; height: 8px; background: black; bottom: -2px; left: 0px;}
        .tab_container li a   {position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 26px; color: #696969;}


        .tab-menu{position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); top: 20%; width: 33%; height: 5.5%; }
        .tab-menu li{display: inline-block; width: 49%; height: 100%; cursor: pointer;}
        .tab-picture {display: none; /* 기본적으로 모든 tab-picture를 숨김 */}
        .tab-picture.show {display: block; /* 'show' 클래스가 있는 tab-picture만 보이게 함 */ }


        .notice-btn .notice-off { display: block; }
        .notice-btn .notice-on { display: none;  }
        .notice-section { display: none; }
        .notice-btn.active .notice-off { display: none; }
        .notice-btn.active .notice-on { display: block;}
        .notice-btn.active + .notice-section {display: block; }
        .notice-btn {cursor: pointer; }
        .notice-btn picture{position: relative; height: 22px; background-color: #2E2E2E; }

        .acodian-item .acodian-off-img { display: block;}
        .acodian-item .acodian-on-img { display: none; }
        .acodian-item.active .acodian-off-img { display: none; /}
        .acodian-item.active .acodian-on-img { display: block;  }
        .acodian-item { cursor: pointer;  }

        .content-section08, .content-section09{  border-bottom: 8px solid #E5E5E5;}
        .evt-slide-area .swiper-pagination{bottom: 10% !important;}
        .event01-slide .swiper-button-prev, .event01-slide .swiper-button-next{top: 41%;}

        
        @media screen and (max-width:1380px) {
          
        .event-benefit-template [class*="event01-"] .evt-video-area { max-width:73%; }
        }



        @media screen and (max-width:767px) {
          .event-benefit-template .summary-visual img { width:100%; }
          .event-benefit-template .swiper-slide { background:transparent; }
          .event-benefit-template [class*="swiper-button-"] { width:calc(40 / 720 * 100%); padding-top:calc(40 / 720 * 100%); margin-top:calc(-20 / 720 * 100%); }
          .event-benefit-template .swiper-button-prev { left:0; }
          .event-benefit-template .swiper-button-next { right:0; }
          .event-benefit-template .swiper-pagination .swiper-pagination-bullet { width:7px; height:7px; margin:0 3px; }
          /* event01 */
          .event-benefit-template [class*="event01-"] .evt-video-area { top:32%; left:50%; transform: translateX(-50%); max-width:calc(640 / 720 * 100%);}
          .event-benefit-template .event01 .evt-slide-area { padding:0 calc(0 / 720 * 100%) 50px; }
          .event-benefit-template .event01 .evt-slide-cont { width:87.5%; }
          .event-benefit-template .event01-slide-01 { padding-bottom:5%; }
          .event-benefit-template .event01-slide-01 .swiper-button-prev { background:url('/kr/event/2025/06/01_washtower_compact/images/arrow-left.png') no-repeat center center / 100% 100%;  }
          .event-benefit-template .event01-slide-01 .swiper-button-next { background:url('/kr/event/2025/06/01_washtower_compact/images/arrow-right.png') no-repeat center center / 100% 100%; }

          .event-benefit-template .event01 .btn_area .btn_group01 > a { width:calc(640 / 720 * 100%); height:calc(91 / 1328 * 100%); top:calc(1087 / 1328 * 100%); left:calc(39 / 720 * 100%); }
          /* event02 */
          .event-benefit-template .event02 .btn_group02 { flex-direction: column; top:calc(315 / 2899 * 100%); left:calc(40 / 720 * 100%); right:calc(40 / 720 * 100%); height:calc(2486 / 2899 * 100%); gap:calc(54 / 2899 * 100%);}
         
          /* popup style */
          .event-benefit-template .summary-visual .btn_area #popupBtn { width:74.2%; height:14.7%; left:12.8%; bottom:16.9%; }
          .event-benefit-template .summary-visual .event-notice-area{padding:11.11vw 5.55vw;}

          .tab_container{ top: 45px; height: calc(100 / 720*100vw); }
          .tab_container li a {font-size: calc(30 / 720*100vw); }
          .hellobar-wrap .tab_container { top: 88px; }
          .tab_container li a.active::before  {height: 4px; }

          .acodian-wrap{position: relative;}
          .acodian-wrap .acodian-item {position: relative; left: 50%; transform: translateX(-50%); width: calc(648 / 720 * 100vw); }
          
          .acodian-wrap03{background-color: #F8F7F5;}

          
          .tab-menu{position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); top: calc( 265 / 720 *100vw); width: 74%; height: calc(80/720*100vw); }
          .tab-menu li{display: inline-block; width: 49%; height: 100%; cursor: pointer;}

          
          .notice-btn picture{position: relative; height: calc( 22/ 720 * 100vw); background-color: #2E2E2E; }
          .notice-btn picture img{position: absolute; top: 0; max-width: calc(155/720 *100vw) !important; height: calc( 17/ 720 * 100vw);}
          
         .content-section08, .content-section09{border-bottom: calc( 16 / 720 *100vw) solid #E5E5E5;}
         .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0%;}
         .event01-slide{max-width: 100%; padding-bottom: 10%;}
        .evt-slide-area .swiper-pagination{bottom: 0% !important;}
        .event01-slide .swiper-button-prev, .event01-slide .swiper-button-next{top: 50%;}
        }