/* common */
#c2_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c2_wrap .c_tit h3 {font-size: 24px; font-weight: 600; color:#00a0ce; margin-bottom: 5px;}
/* font size */
#c2_wrap .fs_72 {font-size: 72px; font-weight :700; line-height: 1.2; color:#000; font-family: 'Play', sans-serif; text-transform: uppercase; }
#c2_wrap .fs_28 {font-size: 28px; font-weight :600; line-height: 1.4; color:#000; }
#c2_wrap .fs_20 {font-size: 20px; font-weight :300; line-height: 1.9; color:#000;}
#c2_wrap .fs_18 {font-size: 18px; font-weight :300; line-height: 1.72; color:#333;}

/*Content CSS*/
#c2_wrap {padding:140px 0 120px; position: relative; z-index: 2; background: #f3f3f3; overflow: hidden; }
#c2_wrap .top {display: flex; justify-content: space-between; align-items: flex-start;margin-bottom: 60px; }
#c2_wrap .top .pagination_wrap {padding-top: 55px; display: flex; align-items: center; }



#c2_wrap .swiper {position: relative; width: 100%; padding-bottom: 83px; max-height: 513px; }
#c2_wrap .swiper-slide {transition: all .3s ease;  text-align: center;  display: flex; align-items: center;justify-content: center; position: relative; overflow:hidden;
border-radius: 20px;}
#c2_wrap .swiper-slide-active {  z-index: 2;  }
#c2_wrap .swiper-slide img {transition: transform .3s;}
#c2_wrap .swiper-slide:hover img {transform: scale(1.05);}


@media screen and (min-width: 1401px) {
    #c2_wrap .swiper-slide img {max-width: inherit;}
}
#c2_wrap .swiper-slide.swiper-slide-prev,
#c2_wrap .swiper-slide.swiper-slide-next {transform: translateY(83px);}

/* navi_wrap */
#c2_wrap .navi_wrap {display: flex ;align-items: center; margin-left: 40px;}
#c2_wrap .swiper-fraction {position: static; display: flex; align-items: center; justify-content: center; position: relative; top:-0;width: 137px;}
#c2_wrap .swiper-fraction span {font-size: 18px; font-weight: 700; color:rgba(0, 0, 0, .4); display: block; font-family: 'Play', sans-serif; }
#c2_wrap .swiper-fraction span.swiper-fraction-current {color:#000; width: 21px;}
#c2_wrap .swiper-fraction span.swiper-fraction-total::before {content: '/'; margin: 0 15px;}

/* arrows */
#c2_wrap .swiper-button { cursor: pointer; display: block; width: 9px; height: 14px ;}
#c2_wrap .swiper-button.prev { background:url('../img/prev.png') 50%/cover no-repeat; }
#c2_wrap .swiper-button.next { background:url('../img/next.png') 50%/cover no-repeat;  }
#c2_wrap .swiper-button:focus {outline: none; border: none;}

/* dots */
#c2_wrap .swiper-pagination {position: static; display: flex ;}
#c2_wrap .swiper-pagination > span {margin-right: 15px; transition: all .3s; border: 0; font-size: 0; outline: none; background: rgba(96,96,96,.3); width: 7px; height: 7px; border-radius: 50%; opacity: 1; }
#c2_wrap .swiper-pagination > span:last-child {margin: 0; }
#c2_wrap .swiper-pagination > span.swiper-pagination-bullet-active {background: #00a0ce; width: 34px; border-radius: 3px; }




@media screen and (max-width: 1400px) {
    /* common */
    /* #c2_wrap br:not(.space) {display: none; } */

    /* Content */
    #c2_wrap .swiper {overflow: hidden;}

}


@media screen and (max-width: 1024px) {
    /* common */
    #c2_wrap {padding: 70px 0; text-align: center; }
    #c2_wrap .c_inner {padding: 0 30px; }
    #c2_wrap .c_tit h3 {font-size: 20px;  }
    /* font size */
    #c2_wrap .fs_72 {font-size:40px; }
    #c2_wrap .fs_28 {font-size: 20px; }
    #c2_wrap .fs_20 {font-size: 17px; }
    #c2_wrap .fs_18 {font-size: 16px; }

    /* Content */
    #c2_wrap .top {flex-direction: column; align-items: center; margin-bottom: 40px; }
    #c2_wrap .top .pagination_wrap {padding: 0; margin-top: 20px; }
    #c2_wrap .navi_wrap {margin: 0;}

    #c2_wrap .swiper {overflow: visible;}
    #c2_wrap .swiper-slide img {width: 100%;}

    #c2_wrap .swiper-pagination {display: none;}

}

@media screen and (max-width: 640px) {
    /* common */
    #c2_wrap .c_inner {padding: 0 20px; }
    #c2_wrap .c_tit h3 {margin-bottom: 10px; font-size: 16px;}
    /* font size */
    #c2_wrap .fs_72 {font-size:30px; }
    #c2_wrap .fs_28 {font-size:18px; }
    #c2_wrap .fs_20 {font-size: 14px; }
    #c2_wrap .fs_18 {font-size: 13px; }

    /* Content */
    #c2_wrap {padding: 50px 0;}

    #c2_wrap .swiper {padding-bottom: 40px; max-height: 340px;}
    #c2_wrap .swiper-slide {border-radius: 15px;}
    #c2_wrap .swiper-slide.swiper-slide-prev,
    #c2_wrap .swiper-slide.swiper-slide-next {transform: translateY(40px);}



}