.bottom-menu div {
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: -0.05rem;
}

.main-notice {
    border: 0px !important;
    width: 100%;
    border-collapse: collapse;
    border-radius: 5% 0% 5% 0%;
    overflow: hidden;
    font-size: 1rem;
    font-family: 'Roboto', 'NanumSquare';
    font-weight: 300;
}

.main-notice th,
td {
    padding: 0.7em;
    background: #ddd;
    border-bottom: 2px solid white;
}

.main-notice-bg {
    /* background:#0a3863; */
    background-color: rgba(15, 26, 87, 0.5);
    /* 50% 불투명도 */
    font-weight: 600;

}

.main-notice-bg-black {
    /* background:#0a3863; */
    background-color: rgba(0, 0, 0, 0.5);
    /* 50% 불투명도 */

}

.main-notice-bg-white {
    /* background:#0a3863; */
    font-size: 0.9rem;
    background-color: rgba(255, 255, 255, 0.8);
    /* 50% 불투명도 */
    color: #494949;
    font-weight: 500;

}


#main_swiper .swiper-container {
      width: 100%;
      height: 100%;
    }

    #main_swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      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;
    }

    
    .span_block {
      display:block;
    }

     .quick_m:hover {
       border:1px solid #3154cc !important;
       font-weight:900;
       color:#3154cc;
       cursor: pointer;
    }

    img { max-width:100% !important}


      .swiper {
        width: 100%;
        height: 100%;
      }
  
      #main_swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
  
      #main_swiper .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



      #myCarousel .carousel-indicators button {
        border-radius: 50%;
        width: 15px;
        height: 15px;
        background-color:#FFF;
    }
    
    @-webkit-keyframes test {
      0% {
        width:50% !important;
        height:50% !important;
        top: 50px !important;
      }
      50% {
        width:70% !important;
        height:70% !important;
        top: 90px !important;
      }
      100% {
        width:100% !important;
        height:100% !important;
        top: 120px !important;
      }
    }
    
    #myCarousel .carousel-indicators .active {
        background-color: #fff;
        border-radius: 50%;
        width: 17px;
        margin: 0 3px;
        height: 17px;
        animation:ball 1s ease-in Infinite Alternate;
    }


    

    #main_hu li {
      list-style: none;
    }

    #main_hu li:nth-child(2) {
      font-size: 0.7rem;
      color: #afafaf;
      line-height: 15px;
      margin-top: 0.5rem;
    }




#main_swiper .swiper-button-next,
#main_swiper .swiper-button-prev {
    /* background-color: #000 !important; */
    background-color: rgba(255, 255, 255, 0.5);    
    right:10px;
    padding: 0px !important;
    color: #FFFFFF !important;
    fill: #679d15 !important;
    stroke: #679d15 !important;
    height: 30px;
    width: 30px;
    border-radius: 50%;

}



#main_swiper .swiper-container { width: 100%; height: 100%; }
#main_swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
#main_swiper .swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid #217d92; opacity: 1; }
#main_swiper .swiper-pagination-bullet-active { width: 35px; transition: width .7s; border-radius: 9px; background: #22b5aa; border: 1px solid transparent; }



#main_banner1 .swiper-container { width: 100%; height: 100%; }
#main_banner1 .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
#main_banner1 .swiper-pagination-bullet {  color:#2a2a2a; width: 35px; height: 35px; background: #f8f8f8; opacity: 0.9; text-align:center;padding-top: 0.35rem }
#main_banner1 .swiper-pagination-bullet-active { color:#FFFFFF; width: 60px; transition: width .7s; border-radius: 50px; background: #13953e; border: 1px solid transparent; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }


#main_banner2 .swiper-container { width: 100%; height: 100%; }
#main_banner2 .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
#main_banner2 .swiper-pagination-bullet {  width: 35px; height: 35px; background: #FFFFFF; opacity: 0.9; text-align:center;padding-top: 0.35rem }
#main_banner2 .swiper-pagination-bullet-active { color:#FFFFFF; width: 60px; transition: width .7s; border-radius: 50px; background: #1ebfb7; border: 1px solid transparent; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }



#main_banner5 .swiper-container { width: 100%; height: 100%; }
#main_banner5 .swiper-slide { text-align: center; font-size: 15px; background: #fff;display: flex; justify-content: center; align-items: center; }
#main_banner5 .swiper-pagination-bullet { color: #797979 ;width: 30px; height: 30px; border: 1px solid #b1b1b1;background: #FFFFFF; opacity: 0.9; text-align:center; padding-top: 0.15rem }
#main_banner5 .swiper-pagination-bullet-active { color:#FFFFFF; width: 50px; transition: width .5s; border-radius: 50px; background: #29A7E1; border: 1px solid transparent; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; }



#main_swiper3 .swiper-container { width: 100%; height: 100%; }
#main_swiper3 .swiper-slide { text-align: center; font-size: 9px; background: #fff; vertical-align: middle; }
#main_swiper3 .swiper-pagination-bullet { width: 22px; height: 25px; color:#13953e; background: transparent; border: 1px solid #31d045; opacity: 1; }
#main_swiper3 .swiper-pagination-bullet-active { color:#FFFFFF; width: 35px; transition: width .7s; border-radius: 20px; background: #1dab24; border: 1px solid transparent; }




#popup-swipe .swiper-container { width: 100%; height: 100%; }
#popup-swipe .swiper-slide { text-align: center; font-size: 18px; color: #FFFFFF;background: #fff; display: flex; justify-content: center; align-items: center; }
/* #popup-swipe .swiper-pagination-bullet { width: 25px; height: 25px; background: transparent; border: 1px solid #217d92; opacity: 1; } */
#popup-swipe .swiper-pagination-bullet { width: 25px; height: 25px; background: #f8f8f8; border: 1px solid #d0d0d0; opacity: 1; }
#popup-swipe .swiper-pagination-bullet-active { width: 50px; color: #FFFFFF; transition: width .5s; border-radius: 9px; background: #ee5034; border: 1px solid transparent; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; -o-border-radius: 90px; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; }


#popup-swipe .swiper-button-next1,
#popup-swipe .swiper-button-prev1 {
  /* background-color: #22b5aa !important; */
  background-color: rgba(22, 87, 172, 0.9);
  right:20px;
  padding: 10px;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: black !important;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

#main_swiper3 .swiper-button-next3,
#main_swiper3 .swiper-button-prev3 {
  /* background-color: #22b5aa !important; */
  background-color: rgba(15, 47, 79, 0.9);
  right:20px;
  padding: 10px;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: black !important;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}



#main_hu .junggi .card{
  border: 1px solid #cccccc !important;
}


#main_bhu{
  height: 100px;
  /* background: #3161b9; */
  /* background-image: url("/img/bg_t02.png"); */
  /* background-size: cover; */
  background-color: #F4F9FD;
}

#main_notice .title {
  letter-spacing: -0.2rem;
}