/*공통*/
.c_title_box {width: 100%;text-align: center;}
.c_title_line {width: 40px; height: 3px; background: #dc0004; display: inline-block; margin-bottom: 5px;}
.c_title_box h1 {font-size: 30px; 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: 50px 15px;}
#c3_wrap .inner { max-width:100%; margin:0 auto; position: relative; padding-bottom: 50px;}
.c3_txt_bg { position: absolute; left: 0; bottom:  0px; text-align: center;}
.c3_txt_bg img { width: 90%}
#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: 30px;}
#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%; margin-top: 30px; padding: 0 15px; text-align: center;}
.c3_txt_t1 { }
.c3_txt_t1 h1 {font-size: 30px; font-weight: 500; color:#363636;}
.c3_txt_line {width: 30px; height: 2px; background: #e22331; display: inline-block; margin: 5px 0;}
.c3_txt_t2 { }
.c3_txt_t2 p {font-size: 14px; font-weight: 500; color:#363636; line-height: 25px; word-break: keep-all;}



#c3_wrap .swiper-button-prev { top: 30%;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: 30%; 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;}



/*Content CSS*/
.c3-carousel{padding:0; display:block; margin-top: 30px; position:relative}
.c3-carousel .li{background-size:cover; background-position:center; position:relative}
.c3-carousel .jarallax { min-height: 937px;}
.c3-carousel .img01 { background-image:url('../img/main_img1.jpg');}
.c3-carousel .img02 { background-image:url('../img/main_img2.jpg');}
.c3-carousel .img03 { background-image:url('../img/main_img3.jpg');}
.c3-carousel .li .copy_area_wrap {max-width:1240px; margin:auto; padding:0 20px}
.c3-carousel .li .copy_area{position: absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; z-index:2}
.c3-carousel .li .copy_area .hangul {letter-spacing:-2px}
.c3-carousel .li .copy_area h2{font-size:60px;font-weight:bold; line-height:1.3; letter-spacing:1px; text-align:left}
.c3-carousel .li .copy_area h2:after { content: " ";display: block; margin-top:30px; text-align:left; width:40px; height: 3px; background-color:#fff; clear: both;}
.c3-carousel .li .copy_area h3{max-width:420px;font-size:16px;font-weight:100;text-align:left;margin:15px 0 40px 0; color:#e4e4e4;}
.c3-carousel .li .copy_area h4{font-size:14px;font-weight:600;text-align:left; width:160px; border:1px solid rgba(255, 255, 255, .4)}
.c3-carousel .li .copy_area h4:hover { background-color:#74314f; border:1px solid #74314f; color:#fff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.c3-carousel .li .copy_area h4 a{color:#fff;padding:10px 40px;display:block; text-align:center}
.c3-carousel .li .copy_area_movie{ width:100%; position:relative}
.c3-carousel .li .copy_area_movie h2{color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:40px; line-height:2em; text-align:left; z-index:1;}
.c3-carousel .li .copy_area_movie h2:after { content: " ";display: block; margin:50px 0 0; width:40px; height: 3px; background-color:#fff; clear: both;}
.c3-carousel .li .copy_area_movie h3{color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:42px; line-height:2em; text-align:left; margin:15px 0 40px 0; z-index:1;}

/*mark*/
.main_mark_wrap {width: 100%; height: 100%; display: flex; flex-direction: row; position: absolute; top: 0; left: 0; z-index:1 ;}
.mian_mark_box {width: 20%; border-right: 1px solid rgba(255,255,255,0.2);}
.mian_mark_box:nth-child(2n) {background: rgba(255,255,255,0.02);}
.mian_mark_box:last-child {margin-right: 0;}

/*페이져*/
.c3-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; top:48px; display: none; }
.c3-carousel .owl-dots .owl-dot{background:#fff;width:19px; height: 19px; height:19px; border-radius: 50%; display:inline-block;margin-left:20px;transition: all 0.2s ease;}
.c3-carousel .owl-dots .owl-dot.active{background:#009f9f; width: 52px; border-radius: 50px;}
.c3-carousel .owl-dots .owl-dot:focus {outline: none; border: none;}

/*컨트롤러*/
/* .c3-carousel .owl-nav{position:absolute;width:100%;bottom:47%; z-index: 2}
.c3-carousel .owl-nav .owl-prev{width:30px;height:57px;position:absolute;left:50px; text-align:center; cursor:pointer; background:url('../img/main_prev.png')no-repeat 50% 50%; opacity: 0.45; transition: all 0.3s;}
.c3-carousel .owl-nav .owl-next{width:30px;height:57px;position:absolute;right:50px; text-align:center; cursor:pointer; background:url('../img/main_next.png')no-repeat 50% 50%;opacity: 0.45; transition: all 0.3s;}
.owl-nav button:focus {outline: none; border: none;}
.owl-nav button:hover {opacity: 1!important;} */

.c3-carousel .owl-nav{position:absolute;width:100%; top: 21%; z-index: 4; text-align: center;}
.c3-carousel .owl-nav .owl-prev{position:absolute;left:0px; font-size:14px; color:#fff; text-align:center; background-color:transparent; cursor:pointer; width: 30px; height: 60px; background: rgba(0,0,0,0.8);}
.c3-carousel .owl-nav .owl-next{position:absolute;right:0px; font-size:14px; color:#fff; text-align:center; background-color:transparent;  cursor:pointer; width: 30px; height: 60px; background: rgba(0,0,0,0.8);}
.c3-carousel .owl-nav .owl-prev:hover {opacity: 1}
.c3-carousel .owl-nav .owl-next:hover {opacity: 1}

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

}

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

}

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

}
