/*Content CSS*/
.main-carousel{height: 937px; padding:0; display:block}
.main-carousel .li{height:937px; background-size:cover; background-position:center; position:relative}
.main-carousel .jarallax { min-height: 937px;}
.main-carousel .img01 { background-image:url('../img/main_img1.jpg?v=240828');}
.main-carousel .img02 { background-image:url('../img/main_img2.jpg?v=240828');}
.main-carousel .img03 { background-image:url('../img/main_img3.jpg?v=240828');}
.main-carousel .li .copy_area_wrap {max-width:1240px; margin:auto; padding:0 20px}
.main-carousel .li .copy_area{position: absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; z-index:2}
.main-carousel .li .copy_area .hangul {letter-spacing:-2px}
.main-carousel .li .copy_area h2{font-size:60px;font-weight:bold; line-height:1.3; letter-spacing:1px; text-align:left}
.main-carousel .li .copy_area h2:after { content: " ";display: block; margin-top:30px; text-align:left; width:40px; height: 3px; background-color:#fff; clear: both;}
.main-carousel .li .copy_area h3{max-width:420px;font-size:16px;font-weight:100;text-align:left;margin:15px 0 40px 0; color:#e4e4e4;}
.main-carousel .li .copy_area h4{font-size:14px;font-weight:600;text-align:left; width:160px; border:1px solid rgba(255, 255, 255, .4)}
.main-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;}
.main-carousel .li .copy_area h4 a{color:#fff;padding:10px 40px;display:block; text-align:center}
.main-carousel .li .copy_area_movie{ width:100%; position:relative}
.main-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;}
.main-carousel .li .copy_area_movie h2:after { content: " ";display: block; margin:50px 0 0; width:40px; height: 3px; background-color:#fff; clear: both;}
.main-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;}

/*페이져*/
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; top:48px; display: none; }
.main-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;}
.main-carousel .owl-dots .owl-dot.active{background:#009f9f; width: 52px; border-radius: 50px;}
.main-carousel .owl-dots .owl-dot:focus {outline: none; border: none;}

/*컨트롤러*/
/* .main-carousel .owl-nav{position:absolute;width:100%;bottom:47%; z-index: 2}
.main-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;}
.main-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;} */

.main-carousel .owl-nav{position:absolute;width:100%; top: 510px; z-index: 4}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer; opacity: 0.7}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer;  opacity: 0.7}
.main-carousel .owl-nav .owl-prev:hover {opacity: 1}
.main-carousel .owl-nav .owl-next:hover {opacity: 1}

/*메인타이포*/
.main_typo_wrap {width: 1280px; position: absolute; top: 326px; left: 50%; margin-left: -640px; text-align: center; z-index: 2}
.main_typo p {font-size: 15px; font-weight: 300; color:#fff; letter-spacing: 8px; opacity: 0.65; margin-bottom: 25px;}
.main_typo h1 {font-size: 46px; font-weight: 400; color: #fff; line-height: 100px; }
.main_typo h1 span {font-size: 80px; font-weight: 700;}
.main_typo h2 {font-size: 24px; font-weight: 300; color: #fff; }

/*마우스*/
.main_scroll { width: 23px ;height: 46px; position: absolute; bottom: 0; left: 50%; margin-left: -11px; animation:ani 1s infinite;}

@keyframes ani {
                0%{bottom: 70px;}
                10%{bottom: 68px;}
                20%{bottom: 66px;}
                30%{bottom: 64px;}
                40%{bottom: 62px;}
                50%{bottom: 60px;}
                60%{bottom: 62px;}
                70%{bottom: 64px;}
                80%{bottom: 66px;}
                90%{bottom: 68px;}
            100% {bottom: 70px;}

         }


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

}

@media screen and (max-width: 960px) {
    .main-carousel .li .copy_area h2 {font-size: 36px;}
    .main-carousel .li .copy_area h3 {font-size: 15px;}
    .main-carousel .owl-nav { display:none}
}

@media screen and (max-width: 640px) {
    .main-carousel .li .copy_area { top:40%;max-width:320px}
    .main-carousel .li .copy_area h2 { font-size:40px; word-break:keep-all}
}