/*Content CSS*/
.main-carousel{ padding:0; display:block}
.main-carousel .li{height:100vh; background-size:cover; background-position:center; position:relative; min-height: 900px;}
.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;}

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


/*페이져*/
.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%;top: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_typo_wrap {width: 1280px; position: absolute; top: 350px; left: 50%; margin-left: -640px; z-index: 2}
.main_typo h1 {font-size: 60px;  font-family: 'GmarketSansLight',sans-serif; color: #fff; line-height: 90px;position: relative;  text-align: center;}
.main_typo h1 span {font-family: 'GmarketSansBold',sans-serif;}
.main_typo h1::after {width: 181px; height: 155px; display: block; content: ""; background: url('../img/typo_bg.png')no-repeat 50% 50%; position: absolute; top: -70px; left: 352px;}
.main_btn {width: 320px; margin: 50px auto 0;}
.main_btn a {width: 100%; height: 70px; line-height: 70px; border-radius: 50px; padding: 0 0 0 40px; background: url('../img/c_arrow_w.png')no-repeat 230px 49%; border: 1px solid #fff; color:#fff; font-size: 18px; font-family: 'NanumSquare',sans-serif; display: block; transition: all 0.3s;}
.main_btn a:hover {background: url('../img/c_arrow_w.png')no-repeat 230px 49% #0053dd; border: 1px solid #0053dd}

/*메인우측하단버튼*/
.main_txt_btn_wrap {position: absolute; bottom:0; left: 50%; z-index: 3; width: 1280px; transform: translateX(-50%);}
.main_txt_btn {width: 317px; border-left: 6px solid #ffc600; position: absolute; bottom:0; right: -311px;}
.main_txt_btn a {width: 100%; background: url('../img/main_txt_bg.png')no-repeat 50% 50% #0053dd; display: block; padding: 35px 35px 0; height: 194px;}
.main_txt_btn a h1 {font-size: 24px; color:#fff; font-family: 'NanumSquare',sans-serif; font-weight: 700; margin-bottom: 8px;}
.main_txt_btn a p {font-size: 14px; color:rgba(255, 255, 255, 0.5); font-weight: 300; margin-bottom: 50px;}
.main_txt_btn a .more {font-size: 17px; font-family: 'NanumSquare',sans-serif; color: #fff; font-weight: 300; text-align: right;}

/*마우스*/
.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:1300px) {
    .main-carousel .li{height:900px; }
}

@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}
}