/*Content CSS*/
.main-carousel{height:890px; padding:0; display:block}
.main-carousel .li{height:890px; background-size:cover; background-position:center; position:relative}
.main-carousel .jarallax { min-height: 890px;}
.main-carousel .img01 { background-image:url('../img/main_img1.jpg');}
.main-carousel .img02 { background-image:url('../img/main_img2.jpg');}
.main-carousel .img03 { background-image:url('../img/main_img3.jpg');}
.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;}


/*페이져*/
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom: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:50%; z-index: 3}
.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; transition: all 0.2s;}
.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;  transition: all 0.2s;}
.owl-nav button:focus {outline: none; border: none;}
.main-carousel .owl-nav .owl-next:hover { color:#8594ef; border-top: 1px solid #8594ef;}
.main-carousel .owl-nav .owl-prev:hover { color:#8594ef; border-top: 1px solid #8594ef;}

/*메인타이포*/
.main_typo_wrap {width: 1280px; position: absolute; top: 360px; left: 50%; margin-left: -640px; text-align: center; z-index: 2}
.main_typo p{font-size: 16px;  font-family: 'KHNPHD',sans-serif; color: #fff; letter-spacing: 9px; text-transform: uppercase;}
.main_typo h1 {font-size: 80px;  font-family: 'KHNPHD',sans-serif; color: #fff;  margin:  30px 0;}
.main_bar {width: 100%; display: flex; flex-direction: row; justify-content: center; }
.main_bar span:nth-child(1), .main_bar span:nth-child(3) {width: 133px; height: 1px; background: #fff; margin-top: 3px;}
.main_bar span:nth-child(2) {width: 7px; height: 7px; background: #fff; margin: 0 20px;}

/*마우스*/
.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}
}