/*Content CSS*/
#main_wrap {position: relative;}
.main-carousel{height:900px; padding:0; display:block}
.main-carousel .li{height:900px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url('../img/sub_visual_cover.png') center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}
.main-carousel .img01 { background-image:url('../img/main1.jpg'); background-position: 50% 50%}
.main-carousel .img02 { background-image:url('../img/main2.jpg'); background-position: 90% 50%}
.main-carousel .img03 { background-image:url('../img/main3.jpg'); background-position: 50% 50%}




/*컨트롤러*/
.main-carousel .owl-nav{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1763px; height:57px; z-index: 10;  display: flex; flex-direction: row; justify-content: space-between;}
.main-carousel .owl-nav button {width:30px;height:57px; text-align:center; background-color:transparent; cursor:pointer; transition: all 0.2s; }
.main-carousel .owl-nav .owl-prev{background: url('../img/main_prev.png')no-repeat;}
.main-carousel .owl-nav .owl-next{background: url('../img/main_next.png')no-repeat;}
.owl-nav button:focus {outline: none; border: none;}


/*페이져*/
.main-carousel .owl-dots{position:absolute; bottom:162px; width:100%; text-align:center; margin:0 auto;  display: block; display: flex; flex-direction: row; justify-content: center;}
.main-carousel .owl-dots .owl-dot{width:19px; height: 19px; border-radius: 50%; margin: 0 15px; transition: all 0.2s ease; border: 1px solid #fff; background: transparent; }
.main-carousel .owl-dots .owl-dot:hover{ background: #fff; }
.main-carousel .owl-dots .owl-dot.active{background: #fff;}
.main-carousel .owl-dots .owl-dot:focus {outline: none; border: none;}

/*메인타이포*/
.main_typo {width: 70%; max-width: 1300px; height: 461px; background: url('../img/typo_bg.png')no-repeat 50% 50%; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.main_typo h2 {font-size: 60px; font-family: 'NanumSquare',sans-serif; color: #fff; word-break: keep-all; letter-spacing: 3px; font-weight: 600; }
.main_typo h1 {font-size: 60px;font-family: 'NanumSquare',sans-serif;  color: #fff; word-break: keep-all; margin-top: 20px; font-weight: 600; }
.m_btn {width: 310px; margin: 0 auto;}
.m_btn a {display: block; width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 18px; font-family: 'NanumSquare',sans-serif; color:#fff; background: rgba(255,255,255,0.32); border-radius: 35px; transition: all 0.3s;}
.m_btn a:hover {background: #9568e8;}

/*마우스*/
.main_scroll { width: 23px ;height: 46px; position: absolute; bottom: 0; left: 50%; margin-left: -11px; animation:ani 1.5s infinite linear; z-index: 3}
@keyframes ani {
    0%{bottom: 55px;}
    50%{bottom: 40px;}
    100% {bottom: 55px;}
}


@media screen and (max-width:1600px) {
    .main-carousel .owl-nav { width: 95%;}
    .main_typo {width: 88%}
}

@media screen and (max-width:1200px) {
    .main-carousel{height:800px;}
    .main-carousel .li{height:800px;}

    .main-carousel .owl-nav { display:none}
    .main-carousel .owl-dots { bottom: 80px}

    .main_typo{width: 90%;}
}

@media screen and (max-width: 960px) {
    .main-carousel{height:630px;}
    .main-carousel .li{height:630px;}
    .main_typo {background: none; height: auto; padding: 40px 0; border-top: 10px solid rgb(255,255,255,0.3); border-bottom: 10px solid rgb(255,255,255,0.3);}
    .main_typo h2 {font-size: 40px;}
    .main_typo h1 {font-size: 40px; margin-top:20px; }
    .main_typo p {font-size: 15px; line-height: 28px;}


}

@media screen and (max-width: 640px) {
    .main_typo  {border-top: 5px solid rgb(255,255,255,0.3); border-bottom: 5px solid rgb(255,255,255,0.3); padding: 35px 0;}

    .main_typo h2 {font-size: 30px;}
    .main_typo h1 {font-size: 30px; }
    .main_typo p {font-size: 14px;}



}