/*공통*/
.c_title_line {width: 50px; height: 4px; background: #dc0004; display: inline-block; margin-bottom: 20px;}
.c_title_box h1 {font-size: 55px; font-weight: 500; color:#2a2a2a;}


/*Content CSS*/
#c3_wrap {background: url('../img/c3_bg.png')no-repeat 50% 50%; background-size: cover; position: relative; text-align: center; padding: 100px 0;}
#c3_wrap .inner { max-width:1280px; margin:0 auto; position: relative; padding-bottom: 90px;}
.c3_txt_bg { position: absolute; left: -320px; bottom: -100px;;
}
#c3_wrap h2 { font-size:42px; color:#191919; text-align:center; font-weight:bold}
#c3_wrap .point { color:#2253b8; display:inline-block}
/* #c3_wrap p{ display:block; padding:50px 20px 100px 20px; color:#919191; text-align:center; font-size:16px; line-height:1.6} */
#c3_wrap .btn_area { margin-top: 40px;}


#c3_wrap .drag_slider { position: relative; margin-top: 60px;}
#c3_wrap .drag_slider .swiper-slide {  opacity: 0.3; transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out;}
#c3_wrap .drag_slider .swiper-slide .img_box { overflow: hidden;}
#c3_wrap .drag_slider .swiper-slide .img_box img { transition: transform 0.6s ease-in-out; -webkit-transition: transform 0.3s ease-in-out; }
#c3_wrap .drag_slider .swiper-slide:hover .img_box img { transform: scale(1.1); -webkit-transform: scale(1.1); }
#c3_wrap .drag_slider .swiper-slide-active,
#c3_wrap .drag_slider .swiper-slide-next {opacity: 1;}

.c3_txt {width: 100%; display: flex; flex-direction: row; margin-top: 45px; align-items: center;}
.c3_txt_t1 { padding: 0 30px}
.c3_txt_t1 h1 {font-size: 40px; font-weight: 500; color:#363636;}
.c3_txt_line {width: 30px; height: 2px; background: #e22331;}
.c3_txt_t2 {padding:0 30px 0 18px; }
.c3_txt_t2 p {font-size: 16px; font-weight: 500; color:#363636; line-height: 25px; text-align: left; word-break: keep-all;}



#c3_wrap .swiper-button-prev { top: 360px;bottom: 0; left: 0px;transform: translateY(50%);-webkit-transform: translateY(50%); outline: none;color: #fff ; width: 39px; height: 120px; line-height: 120px; text-align: center; background: rgba(0,0,0,0.4)}
#c3_wrap .swiper-button-next { top: 360px; bottom: 0;right: 0px;transform: translateY(50%);-webkit-transform: translateY(50%);outline: none; color: #fff; width: 39px; height: 120px; line-height: 120px; text-align: center; background: rgba(0,0,0,0.4) }
#c3_wrap .swiper-button-prev:after { display:none;}
#c3_wrap .swiper-button-next:after { display:none}


#c3_wrap .drag_slider .swiper-scrollbar { margin-top: 67px; display: block; position: static; width: 100%; max-width: 1200px;height: 2px;background-color: #dcdcdc;}
#c3_wrap .drag_slider .swiper-scrollbar-drag { margin-top: -1px;height: 2px;background-color: #000}

#c3_wrap .swiper-pagination {position: absolute; left: 0; bottom: 0; width: 100%; display: flex; flex-direction: row; justify-content: center;}
#c3_wrap .swiper-pagination-bullet {width: 20px; height: 20px; background: #e22331; margin-right: 30px; border-radius: 0;}
#c3_wrap .swiper-pagination-bullet:last-child {margin-right: 0;}
@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}