/*Content CSS*/
.main-carousel{height:413px; padding:0; display:block;  position:relative;}
.main-carousel .li{height:413px; background-size:cover; background-position:center; position:relative}
.main-carousel .jarallax { min-height: 413px;}
.main-carousel .img01 { background-image:url('../img/main1.jpg'); background-position: 100% 50%;}
.main-carousel .img02 { background-image:url('../img/main2.jpg'); background-position: 50% 50%;}
.main-carousel .img03 { background-image:url('../img/main3.jpg'); background-position: 50% 50%;}
.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: 30px;  display:block;}
.main-carousel .owl-dots .owl-dot{background: rgba(255,255,255,0.5); width: 17px; height: 17px; border-radius: 50%; display:inline-block;transition: all 0.2s ease; margin: 0 7px;}
.main-carousel .owl-dots .owl-dot.active{width: 40px; border-radius: 50px; background: #cc0111}
.main-carousel .owl-dots .owl-dot:focus {outline: none; border: none;}

/*컨트롤러*/
.main-carousel .owl-nav{position:absolute;width:100%;top:170px; z-index: 2; display: none;}
.main-carousel .owl-nav .owl-prev{width:30px;height:57px;position:absolute;left:10px; 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:10px; 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_typo_wrap {width: 100%; position: absolute; top: 70px; left: 0;  text-align:left; padding:0 4%; text-align:center; font-size:20px; color:#fff;}
.main_typo p {font-size: 10px; font-weight: 300; color:#fff; letter-spacing: 6px; opacity: 0.65;word-break: keep-all; line-height: 18px!important;}
.main_typo h1 {font-size: 18px; font-weight: 400; color: #fff;  margin: 15px 0;}
/* .main_typo h1 {font-size: 18px; font-weight: 400; color: #fff; line-height: 100px; margin: 15px 0;} */
.main_typo h1 span {font-size: 30px; font-weight: 700;}
.main_typo h2 {font-size: 14px; font-weight: 300; color: #fff;  word-break: keep-all; line-height: 26px;}



@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}
}
@media screen and (max-width: 414px){
    .main_typo_wrap {font-size:18px;}
    .main_typo h1{line-height: 42px;}
    .main_typo p  {line-height: 24px;}

}
@media screen and (max-width: 375px){
    .main_typo_wrap {font-size:16px;}
    .main_typo_box a {padding:0 10px;}
    .main_typo_box a h1 {font-size:14px;}
}