/* mainpop */
#divpop1 {display:none;}
#divpop2 {display:none;}

#divpop_m { display:block;width:280px; height:auto;border: 3px solid #2d2d2d; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22); margin:0 auto; text-align:center; overflow:hidden;}
#divpop_m img{max-width:100%; height:auto; vertical-align: middle;}
#divpop_m .popfooter { padding:10px; color:#fff; font-size:12px;}
#divpop_m input {vertical-align: middle;}

/* pop slide */
    .main_pop_area .swiper {
      width: 100%;
      height: 100%;
    }

    .main_pop_area .swiper-slide {
      text-align: center;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .main_pop_area .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.swiper2 .swiper-button-next {position: absolute;width:30px; height: 50px; color: #fff; background: rgba(0, 0, 0, .3);}
.swiper2 .swiper-button-next:after {font-size:30px; font-weight: 800;}
.swiper2 .swiper-button-prev {position: absolute;width:30px; height: 50px; color: #fff; background: rgba(0, 0, 0, .3);}
.swiper2 .swiper-button-prev:after {font-size:30px;font-weight: 800;}

 /* 메인슬라이드*/
.main_slider {position: relative; width:100%;height:100%; overflow: hidden;}
.main_slider .swiper-container {
  width: 100%;
  height: 100%;
}
.main_slider ul.swiper-wrapper{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

li.swiper-slide {width: 100%;
      height: 600px;
      text-align: center;

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; 
}
li.swiper-slide div {width:100%;height: 600px; display:block;}

        li.swiper-slide div img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
li.swiper-slide a {width:100%; height: 100%; display: block;}
.main_slider .swiper-button-next {position: absolute;width:30px; height: 50px; color: #fff;  background: rgba(119, 116, 181, .5);}
.main_slider .swiper-button-next:after {font-size:20px;}
.main_slider .swiper-button-prev {position: absolute;width:30px; height: 50px; color: #fff;  background: rgba(119, 116, 181, .5);}
.main_slider .swiper-button-prev:after {font-size:20px;}


  .scroll {display: none;}  

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;

  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (min-width:768px)  {
    
    .main_slider .swiper-button-next {width:40px; height: 60px;}
    .main_slider .swiper-button-next:after {font-size:40px;}
    .main_slider .swiper-button-prev {width:40px; height: 60px; }
    .main_slider .swiper-button-prev:after {font-size:40px;}
    
    
    /* 스크롤다운 */
   .scroll { position: absolute;
      left: 0;
      bottom:0;
      width: 100%; font-size: 14px;
      text-align: center;
      color: #fff; display:block;
      padding-top: 40px; text-decoration: none; z-index: 10;
    }

    .scroll span {
      position: absolute;
      top: 0;
      left: 50%;
      width: 20px;
      height: 30px;
      margin-left: -15px;
      border: 2px solid #fff;
      border-radius: 50px;
      box-sizing: border-box;
    }
    .scroll span::before {
      position: absolute;
      top: 0px;
      left: 50%;
      content: '';
      width: 6px;
      height: 6px;
      margin-left: -3px;
      background-color: #fff;
      border-radius: 100%;
      -webkit-animation: sdb 2s infinite;
      animation: sdb 2s infinite;
      box-sizing: border-box;
    } 
    
}

@media screen and (min-width:1024px)  {     
    
}
@media screen and (min-width:1200px)  {
    /* mainpop */
    #divpop1 {display:block;}
    #divpop2 {display:block;}
    #divpop_m { display:none;}
    
    li.swiper-slide div {height: 100vh;}
    li.swiper-slide {height: 100vh;}
          
}

/* 연계행사 */
.main_event_area {position: relative; width: 100%; margin: 30px auto;}
    .main_event_area .eventSwiper {
      width: 100%;
      height: 100%;
    }

    .main_event_area .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; 
        cursor: pointer;
    }

    .main_event_area .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.main_event_area .eventSwiper .swiper-button-next02 {position: absolute;top:42%;width:30px; height: 50px;  z-index: 5;cursor: pointer;}
.main_event_area .eventSwiper .swiper-button-next02 i {color: #111;font-size:40px;}
/*.main_event_area .eventSwiper .swiper-button-next02:after {z-index: 6;}*/
.main_event_area .eventSwiper .swiper-button-prev02 {position: absolute;top:42%;right: 0; width:30px; height: 50px; z-index: 5; cursor: pointer;}
.main_event_area .eventSwiper .swiper-button-prev02 i {color: #111;font-size:40px;}
/*.main_event_area .eventSwiper .swiper-button-prev02:after {font-size:40px;z-index: 6;}*/
.swiper-slide br.main_br {display: none;}

@media screen and (min-width:768px)  {
   .swiper-slide br.main_br {display:block;}
}

@media screen and (min-width:1024px)  {        

}
@media screen and (min-width:1200px)  {
     .swiper-slide br.main_br {display: none;}
   
}
@media screen and (min-width:1440px)  {  
    
}
@media screen and (min-width:1920px)  {     

}

.main_event_bg_box {position: relative;width: 100%;height: 260px;  padding: 30px 50px; background-position: center center; background-repeat: no-repeat; background-size: contain;border-radius: 20px; overflow: hidden;}
.main_event_bg_box span {display: block; color: #fff;  margin-bottom: 5px;}
.event_arrow {position: absolute; top:30px;right:10px; width: 30px; height: 30px; border-radius: 30px; text-align: center;background: rgba(13, 28, 75, .5);}
.event_arrow i{rotate: 45deg; font-size: 18px; color: #fff;line-height:30px;}
.main_event_tit {position: absolute;width: 100%; top:37%;font-size: 18px; font-weight: 700;}
.main_event_bg01 {background-image: url("/images/main/pro_bg_btn01.png");}
.main_event_bg02 {background-image: url("/images/main/pro_bg_btn02.png");}
.main_event_bg03 {background-image: url("/images/main/pro_bg_btn03.png");}
.main_event_bg04 {background-image: url("/images/main/pro_bg_btn04.png");}
.main_event_bg05 {background-image: url("/images/main/pro_bg_btn05.png");}
.main_event_bg06 {background-image: url("/images/main/pro_bg_btn06.png");}

@media screen and (min-width:768px)  {
   .event_arrow {top:45px;}
}

@media screen and (min-width:1024px)  {  
    .main_event_bg_box { padding: 30px 35px;}
.event_arrow {top:60px;}
    
}
@media screen and (min-width:1200px)  {
      .event_arrow {top:40px;}
    .main_event_tit {font-size: 20px; }
   
}
@media screen and (min-width:1440px)  {  
    .event_arrow {top:30px;}
}
@media screen and (min-width:1920px)  {     
    .main_event_bg_box {width: 440px;height: 260px;}
    .event_arrow {top:20px;right:20px;}
    .main_event_tit {font-size: 24px;}
}

