/* c3-wrap */
.c3-wrap {position: relative; padding: 95px 0 210px; background: url("../img/c3_bg.jpg") no-repeat center/cover; overflow: hidden;}
.c3-wrap .title-group {}
.c3-wrap .title-group h3 {color: #fff;}
.c3-wrap .title-group p {font-family: 'NanumSquare', sans-serif; font-size: 24px; font-weight: 700; color: #fff; margin-top: 30px;}
.c3-wrap .swiper {margin-top: 60px; overflow: hidden;}
.c3-wrap .swiper-slide {overflow: hidden;}
.c3-wrap .swiper-slide .bg {height: 200px; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s;}
.c3-wrap .swiper-slide.slide1 .bg {background-image: url("../img/c3_img1.jpg");}
.c3-wrap .swiper-slide.slide2 .bg {background-image: url("../img/c3_img2.jpg?v=231020");}
.c3-wrap .swiper-slide.slide3 .bg {background-image: url("../img/c3_img3.jpg");}
.c3-wrap .swiper-slide.slide4 .bg {background-image: url("../img/c3_img4.jpg");}
.c3-wrap .swiper-slide.slide5 .bg {background-image: url("../img/c3_img5.jpg");}
.c3-wrap .swiper-slide.slide6 .bg {background-image: url("../img/c3_img6.jpg");}
.c3-wrap .swiper-slide:hover .bg {transform: scale(1.1);}
.c3-wrap .swiper-slide .text-group {position: relative; background: #fff; text-align: center; padding: 20px 0;}
.c3-wrap .swiper-slide .text-group em {font-family: 'NanumSquare', sans-serif; font-size: 20px; font-weight: 700; color: #171c60;}
.c3-wrap .swiper-slide span {font-family: 'InkLipquid'; font-size: 32px; display: block; color:#fff; text-align: center; position: absolute; width: 100%; bottom: 74px;
text-shadow: -1px 0 rgba(23,28,96,.3), 0 1px rgba(23,28,96,.3), 1px 0 rgba(23,28,96,.3), 0 -1px rgba(23,28,96,.3);}
.c3-wrap .controller {z-index: 1; display: flex; align-items: center; justify-content: center; margin-top: 68px;}
.c3-wrap .swiper-button-next, .c3-wrap .swiper-button-prev, .c3-wrap .swiper-pagination {position: static;}
.c3-wrap .swiper-button-prev::after, .c3-wrap .swiper-button-next::after {display: none;}
.c3-wrap .swiper-button-prev, .c3-wrap .swiper-button-next {width: 45px; height: 12px; background-repeat: no-repeat; background-position: center;}
.c3-wrap .swiper-button-prev {background-image: url("../img/c3_prev.png");}
.c3-wrap .swiper-button-next {background-image: url("../img/c3_next.png");}
.c3-wrap .swiper-pagination {margin: 0 80px;}
.c3-wrap .swiper-pagination-bullet {width: 18px; height: 18px; opacity: 1; background: rgba(255, 255, 255, .22);}
.c3-wrap .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 20px;}
.c3-wrap .swiper-pagination-bullet-active {width: 49px; background: #fff; border-radius: 9px;}

/* banner */
.c3-banner {position: absolute; left: 0; bottom: 0; background: linear-gradient(to left, #5369f0, #2595be); padding: 29px 0; width: 100%;}
.c3-banner::before {content: ''; position: absolute; left: 200px; top: -85px; width: 134px; height: 133px; background: url("../img/c3_obj.png") no-repeat center;}
.c3-banner .inner {display: flex; justify-content: space-between; align-items: center;}
.c3-banner em {}
.c3-banner em, .c3-banner .tel {font-family: 'NanumSquare', sans-serif; font-size: 24px; font-weight: 900; color: #fff;}
.c3-banner ul {display: flex;}
.c3-banner ul li {width: 100px; border-radius: 15px; border: 1px solid #fff; color: #fff; text-align: center; letter-spacing: -0.35px; padding: 4px 0; font-size: 14px; font-weight: 400; transition: .3s;}
.c3-banner ul li:hover {background: #fff; color: #3585d0;}
.c3-banner ul li + li {margin-left: 10px;}
.c3-banner .tel {display: flex; align-items: center;}
.c3-banner .tel i {font-size: 33px; margin-right: 10px;}
