.pc{
    display:inline-block !important;
}
.mobile{
    display:none !important;
}
.btn-area   {position: relative;}
.academy-event-inner.renew-type .cont-wrap {padding-bottom:0;}
.academy-event-inner.renew-type .event-notice-area {padding:0;}
.wrap_tab_contents img  {width: auto !important;}

/* 하단 쿠폰 영역 히든 처리 */
.coupon-wrap	{display:none;}

.tabBody    {position: relative; width:100%; margin:0 auto;} 
.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: 5; } 
.tab_container li  { width:100%; height: 100%;} 
.tab_container li a.active  {color: black; border-bottom: 8px solid black;}
.tab_container li a   {display: flex; width:100%; height: 100%; color: #696969; background-color:white; justify-content: center; align-items: center; font-size: 26px; font-weight: 400; border-bottom: 2px solid #e6e6e6;}

.tab_contents   {position: relative;}
.wrap_tab_contents p{
    position: relative;
    width: 100%;
    height: 1000px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
}
.tab_container li a span   {
    pointer-events: none;
}
                       
.popup-wrap	{min-height: auto !important;}

#event_tab01    {position: relative; background:#F8F7F5 ;}
.event_tab01_01 div,.event_tab01_02 div {position: relative; text-align: center;}

.event_tab01_01 {background: #F8F7F5;}

.event_tab01_cont01 {padding: 100px 0;}
.event_tab01_cont01_tit {position: relative; padding-bottom: 48px;}

.event_tab01_cont02 {position: relative;}

.event_tab01_01_content button   {
    position: absolute;
    width: 21%;
    height: 11.2%;
    left: 39.5%;
    bottom: 0;
}

.event_tab01_cont02 {padding-bottom: 100px;}
.event_tab01_cont02 a.pc    {position: absolute; left: 13.8%; top: 56%; width: 72.5%; height: 28.7%;}

.event_tab01_cont03 {padding-bottom: 100px;}
 
/*.event_tab01_02    {padding-bottom: 120px;}*/
.event_tab01_02_content button:nth-of-type(1)   {
    position: absolute;
    width: 21.7%;
    height: 45.3%;
    left: 28.3%;
    bottom: 10.3%;
}
.event_tab01_02_content a   {
    position: absolute;
    width: 21.7%;
    height: 45.3%;
    left: 50%;
    bottom: 10.3%;
}
.event_tab01_02_content button:nth-of-type(2)	{
	position: absolute;
    width: 21.7%;
    height: 45.3%;
    left: 71.8%;
    bottom: 10.3%;
}

.event_tab01_02_close button   {
    position: absolute;
    width: 28%;
    height: 29%;
    left: 36%;
    top: 0;
}
.event_tab01_02_open button    {
    position: absolute;
    width: 28%;
    height: 5%;
    left: 36%;
    top: 0;
}

#event_tab02 button {
    position: absolute;
    width: 34.8%;
    height: 5.5%;
    left: 32.65%;
    top: 71.1%;
    background: white;
}
#event_tab02 button:disabled {
    cursor:initial;
}
#event_tab03 {
    background:#eef1f6;
}
#event_tab03 .product-list {
    position:relative;
}
#event_tab03 .product-list.projector {
    padding:4.35% 0 8.7%;   
}
.event_tab03_btn_area   {
    position: absolute;
    width: 87.7%;
    height: 50.2%;
    left: 6.2%;
    top: 42.4%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.84% 1.31%;
}
.event_tab03_btn_area a {
    display:block;
    width:100%;
    height:100%;
}
#event_tab03 .product-list.projector .event_tab03_btn_area {
    display:block;
    width:20.9%;
    height:61.8%;
    left:39.5%;
    top:19.8%;
}
.academy-event-wrap .academy-event-inner{margin-bottom: 0;}

.bottom-coupon-area {display: block !important;}

.bottom-coupon-area a {
    position: absolute;
    left: 13.8%;
    top: 53%;
    width: 72.5%;
    height: 31%;
}
 
@media screen and (max-width: 820px)    {
    .slide_wrap {
        width: 100%;
    }
}
@media screen and (max-width: 767px)    {
    .pc{
        display:none !important;
    }
    .mobile{
        display:inline-block !important;
    }

    body    {
        width: 100%;
    }
    .event-benefit-template    {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .tab_container    {
        top: 45px;
    }

    .hellobar-wrap .tab_container {
        top: 88px;
    }

    .tab_container {
        height: 50px;
    }
    .tab_container li a {
        font-size: 14px;
    }

    /*.event_tab01_02 {padding-bottom: 70px;}*/
    #event_tab01    {padding: 0 calc(48 / 720*100vw);}
    .event_tab01_cont01_tit {padding-bottom: calc(48 / 720 * 100vw);}
    .event_tab01_cont01_slide   {}
    .event_tab01_cont01_slide .swiper-container {padding-bottom: 15%;}
    .event_tab01_cont02_tit {padding-bottom: calc(48 / 720 * 100vw);}
    .event_tab01_cont03    {padding-bottom: calc(80 / 720 * 100vw);}
    

    .event_tab01_01_content button   {
        width: 62.5%;
        height: 8.2%;
        left: 18.75%;
        bottom: 0;
    }

    .event_tab01_cont01 {padding: calc(80 / 720*100vw) 0;}
    
    .event_tab01_02_content button:nth-of-type(1)   {
        position: absolute;
        width: 83.3%;
        height: 19.4%;
        left: 8.3%;
        bottom: 42.3%;
    }
    .event_tab01_02_content a   {
        position: absolute;
        width: 83.3%;
        height: 19.4%;
        left: 8.3%;
        bottom: 23.3%;
    }
  .event_tab01_02_content button:nth-of-type(2)   {
        position: absolute;
        width: 83.3%;
        height: 19.4%;
        left: 8.3%;
        bottom: 4.3%;
    }


    .event_tab01_02_close button   {
        width: 63%;
        height: 33.7%;
        left: 18.5%;
        top: 0;
    }
    .event_tab01_02_open button {
        width: 63%;
        height: 3.5%;
        left: 18.5%;
        top: 0;
    }

    #event_tab02 button {
        width: 66.9%;
        height: 7.6%;
        left: 16.55%;
        top: 70.9%;
    }

    #event_tab03 .product-list.projector {
        padding:0;    
    }
    .event_tab03_btn_area   {
        width: 91.5%;
        height: 66.7%;
        left: 4%;
        top: 28.9%;
        display: grid;
        grid-template-columns: repeat(2, 2fr);
        gap: 1.2% 1.6%;
    }
    #event_tab03 .product-list.projector .event_tab03_btn_area {
        width:44.4%;
        height:67.5%;
        left:27.7%;
        top:14.7%;
    }
    #event_tab01_popup01 img {
		width:100%;
	}

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets   {
        bottom: 15% !important;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        border-radius: 10px;
      	background:#b2b2b2;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active    {
        width: 22px !important;
        background: #18181d !important;
    }



	#event_tab01_popup02 img {
		width:100%;
	}

    .event_tab01_cont02 {
        padding-bottom: 0;
    }
    .event_tab01_cont02_slide .swiper-container   {padding-bottom: 15%;}


    .bottom-coupon-area a {left: 6.8%; top: 53%; width: 86.5%; height: 35%;}
}

/* 추가된 제품에 따른 css */
.product-list.notebook .event_tab03_btn_area  {
  width: 65%;
  height: 66.5%;
  left: 17.5%;
  top: 25.7%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.54% 1.31%;
}
.product-list.monitor .event_tab03_btn_area  {
  width: 65%;
  height: 84.9%;
  left: 17.5%;
  top: 6.9%;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.54% 1.31%;
}



/* 유의사항 추가 스타일  */
.academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-tit .btn-notice-toggle:after{
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: url(/kr/event/2024/07/29_academy_store_eventplan/images/toggle_close.png);
    background-size: cover;
}

.academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-tit .btn-notice-toggle:after{
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: url(/kr/event/2024/07/29_academy_store_eventplan/images/toggle_close.png);
    background-size: 100%;
  	border-radius: unset;
}

.academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-tit .btn-notice-toggle.active:after{
	transform: unset;
    background: url(/kr/event/2024/07/29_academy_store_eventplan/images/toggle_open.png);
    background-size: 100%;
}

.academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-cont{
	padding: 0;
  	margin: 0;
}
.academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-cont:before{
	height: unset;
}

.academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-tit {
    padding: unset;
    background: unset;
    height: 80px;
}


/* 유의사항 추가 스타일  */


@media screen and (max-width: 767px) {
  .product-list.notebook .event_tab03_btn_area  {
    width: 91.5%;
    height: 76.5%;
    left: 4%;
    top: 19.2%;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 0.6% 1.6%;
  }
  .product-list.monitor .event_tab03_btn_area  {
    width: 91.5%;
    height: 89.5%;
    top: 6.4%;
    left: 4.5%;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.54% 1.31%;
  }
  
  
  
/* 유의사항 추가 스타일  */
  .academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-tit .btn-notice-toggle:after{
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: 0;
      padding: 0;
      background: url(/kr/event/2024/07/29_academy_store_eventplan/images/toggle_close_m.png);
      background-size: 100%;
  	border-radius: unset;
  }

  .academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-tit .btn-notice-toggle.active:after{
      transform: unset;
      background: url(/kr/event/2024/07/29_academy_store_eventplan/images/toggle_open_m.png);
      background-size: 100%;
  }
	.academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-cont{
      padding: 0;
      margin: 0;
  }
  .academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-cont:before{
      height: unset;
  }


  .academy-event-wrap .academy-event-inner .event-notice-area .notice-toggle-tit {
      padding: unset;
      background: unset;
      height: calc( 80 / 720 * 100vw );
  }
  
  
/* 유의사항 추가 스타일  */
}