/**********************************************************
                         footer
***********************************************************/
.ft_container {
   font-weight: bold;
   padding: 40px 0 40px;
   background: #fff;
}
.ft_nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding-bottom: 10px;
}
.ft_nav .ft_navwrap {
   display: flex;
}
.ft_nav .ft_navlist {
   margin-right: 15px;
}
.ft_nav .ft_navlist:after {
   content: "|";
   display: inline-block;
   margin-left: 15px;
   color: black;
   vertical-align: text-top;
}
.ft_nav .ft_navlist:last-child:after {
   display: none;
}
.ft_nav .ft_navlist > a {
   font-size: 18px;
   font-weight: 800;
   color: black;
}
.ft_select > select {
   background: transparent;
   border: none;
   font-size: 18px;
   color: #000;
   cursor: pointer;
   outline: none;
   font-weight: 600;
}
.ft_add {
   display: flex;
   flex-wrap: wrap;
   max-width: 850px;
   margin-top: 30px;
}
.ft_addlist {
   margin-right: 10px;
   line-height: 25px;
   font-weight: lighter;
   font-size: 15px;
   color: #000;
   font-weight:700;
}

.top-btn {
   display: none;
   position: fixed;
   z-index: 999;
   right: calc((100% - 1920px) / 2 + 350px);
   bottom: 200px;
   width: 50px;
   height: 50px;
   opacity: 0;
   cursor: pointer;
   transition: all 300ms ease-in-out;
}
.top-btn.show {
   display: block;
}
.top-btn.active {
   opacity: 1;
}
.top-btn.stop {
   position: absolute;
}
.top-btn > img {
   width: 100%;
   box-shadow: 0px 0px 6px #ccc;
   border-radius:50%;
}

/**********************************************************
                      responsive
***********************************************************/
@media (max-width:1279px){
   .top-btn{
      right: 20px;
   }
}
@media screen and (max-width: 999px) {
   .ft_container {
      padding: 30px 0 50px;
   }
}
@media screen and (max-width: 799px) {
   .ft_nav .ft_select {
      display: none;
   }
}
@media screen and (max-width: 639px) {
   .ft_container {
      padding: 30px 0;
   }
   .ft_nav .ft_navlist {
      margin-right: 5px;
   }
   .ft_nav .ft_navlist:after {
      margin-left: 5px;
   }
   .ft_nav .ft_navlist > a {
      font-size: 15px;
   }
   .ft_add {
      margin-top: 30px;
   }
   .ft_addlist {
      line-height: 20px;
      font-size: 14px;
   }
}
@media screen and (max-width: 399px) {
   .ft_nav .ft_navlist > a {
      font-size: 13px;
   }
   .ft_addlist {
      line-height: 18px;
      font-size: 12px;
   }
}

/**********************************************************
                    swiper(css 가장 아래)
***********************************************************/
.swiper-container {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
}
/* .swiper-wrapper{
   transition-timing-function: cubic-bezier(0.18, 0.91, 0.32, 1.28) !important;
   transition-duration: 400ms !important;
} */
.swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   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;
}
.swiper-button-next,
.swiper-button-prev {
   outline: none;
}