/*Content CSS*/
.main-carousel{ padding:0; display:block; position: relative; z-index: 2;}
.main-carousel .li{width: 100%; height:100vh; min-height: 937px; background-size:cover; background-position:center; position:relative}
.main-carousel .img01 { background-image:url('../img/main1.jpg');}
.main-carousel .img02 { background-image:url('../img/main2.jpg');}
.main-carousel .img03 { background-image:url('../img/main3.jpg');}


/*페이져*/
.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{}
.main-carousel .owl-nav button {width: 30px; height: 57px; text-align:center; cursor:pointer;opacity: 0.5;transition: all 0.3s; margin-top: -22px;}
.main-carousel .owl-nav .owl-prev{position:absolute; top: 50%; left:50px; z-index: 2; background:url('../img/m_prev.png')no-repeat 50% 50%;}
.main-carousel .owl-nav .owl-next{position:absolute; top: 50%; right:50px; z-index: 2; background:url('../img/m_next.png')no-repeat 50% 50%;}
.owl-nav button:focus {outline: none; border: none;}
.owl-nav button:hover {opacity: 1;}

/*메인타이포*/
.main_typo {width: 1300px; position: absolute; top: 310px; left: 50%; z-index: 2; transform: translateX(-50%); text-align: center;     overflow: hidden;}
.main_typo h3 {font-size:16px; font-weight: 300; color:rgba(255,255,255,.8); letter-spacing: 24px; font-family: 'Montserrat'; margin:0 0 40px; }
.main_typo h2 {font-size:24px; font-weight: 400; color:#fff; font-family: 'NanumSquare',sans-serif; }
.main_typo h1 {font-size:60px; font-weight: 700; color:#fff; line-height: 60px; font-family: 'Montserrat'; white-space: nowrap; position: relative; z-index: -1;
margin:65px 0 55px;}
.main_typo h1::before{ content: ''; display: block; width: 1300px; height: 226px; position: absolute; z-index: -1; background: url('../img/main_typo_bg.png') 50% 50% no-repeat;
left:50%; top:50%; transform: translate(-50%, -50%);}
.main_typo p {font-size:18px; font-weight: 300; color:rgba(255,255,255,.63); line-height: 34px; }


/* scroll_down */
#scroll_down {position: absolute; left: 50%; bottom:75px; transform: translateX(-50%); z-index: 2;     animation: ani 1.2s infinite;}
#scroll_down a {display: flex; flex-direction: column; align-items: center; justify-content: center;}

@keyframes ani {
    0%{bottom: 75px;}
    50%{bottom: 60px;}
    100% {bottom: 75px;}
 }


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

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

}

@media screen and (max-width: 960px) {
    .main-carousel .owl-nav { display:none}
}

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