@charset 'UTF-8';
/*swiper 초기화(kui호환) */
.swiper_on{
    width:100%;
    height:100%;
    overflow: hidden;
    position:relative;
}
.swiper_on .swiper-wrapper
{
    justify-content:unset !important; 
    flex-wrap: nowrap!important; 
    max-width: none!important; 
}
.swiper_on .swiper-slide{
    flex:none!important; 
    /*width:unset;*/
    /*margin: 0 !important; */
}

/*swiper 테마제작 */
/*추후 제작시 ".테마클래스 .swiper-button-next" 형태로 제작후 아티클에서 해당 테마클래스 삽입 */

/*t2d_swiper_theme_basic*/

.t2d_swiper_theme_basic .swiper-button-next, .t2d_swiper_theme_basic .swiper-button-prev{
    font-size: 50px;
    color:#e2b1b1 /*#ccc*/;
}

.t2d_swiper_theme_basic .swiper-pagination-wrap{
    position: relative;
    /* bottom: -34px; */
    width: 100%;
    text-align: center;
    display: block;
    top: -7px;
}




.t2d_swiper_theme_basic  .swiper-pagination-wrap .swiper-pagination-bullets {
    position: relative;
    top: 0;
    right: auto;
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 8px;
    border-radius: 12px;
    background-color: unset;
    opacity: 0.8;
}

.t2d_swiper_theme_basic .swiper-pagination-wrap  .swiper-pagination {
    display: inline-block;
    bottom: auto;
    left: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #b5b6bb;
}
.t2d_swiper_theme_basic .swiper-pagination-bullet {
          float: left;
          margin: 0 8px;
          background-color: #c7c7c7;
          opacity: 1;
        }
.t2d_swiper_theme_basic  .swiper-pagination-bullet-active {
          /*width: 24px;*/
          border-radius: 16px;
          background-color: #555151;
        }


/*
기본 아이콘 리셋
.t2d_swiper_theme_basic .swiper-button-next::after{
    content:"";
}
.t2d_swiper_theme_basic .swiper-button-prev::after{
    content:"";
}
*/