.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar{width:1px; height: 230px;}
.swiper-pagination{position: absolute; top: 50% !important; transform: translateY(-50%) !important; left: 17.7% !important;}
.swiper-pagination-progressbar{background-color: rgba(255, 255, 255, 0.5);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width: 3px; left: -1px;}

.swiper_pagenumber{position: absolute; color: #fff; left: 16.9%; z-index: 30; top: 65%; font-size: 26px; font-weight: 300; width: 35px; height: 35px;}
.swiper_pagenumber span{position: absolute;}
.swiper_pagenumber span.change{top: -12px; left: -5px;}
.swiper_pagenumber span.fix{bottom: -12px; right: 0;}
.swiper_pagenumber::before{content: ""; width: 1px; height: 120%; position: absolute; transform: rotate(45deg); background-color: #fff; left: 39%; top: -2px;}
/* 메인 슬라이더 */


 /* ********************************************* *
 * 1300px
 * ********************************************* */
 @media screen and (max-width: 1300px){

    .swiper-pagination{left: 6% !important;}
    .swiper_pagenumber{left: 4.9%; top: 68%;}

}

 /* ********************************************* *
 * 600px
 * ********************************************* */
 @media screen and (max-width: 600px){

    .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar{height: 170px;}
    .swiper_pagenumber{width: 25px; height: 25px; font-size: 20px;}
    .swiper_pagenumber span.change{top: -11px;}
    .swiper_pagenumber span.fix{bottom: -9px;}

 }

  /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){

    .swiper_pagenumber{top: 71%;}
    .swiper-pagination{left: 7% !important;}

 }