/*Content CSS*/
#main_wrap {position: relative; overflow: hidden;}
.main-carousel{min-height:900px; max-height: 1080px; height: 100vh; padding:0; display:block}
.main-carousel .li{min-height:900px; max-height: 1080px; height: 100vh; background-size:cover; background-position:center; position:relative; z-index: 2;}
.main-carousel .li::before{content: ''; display: block; position:absolute;top:0;left:0;width:100%;height:100%; background: url('../img/main_ptn.png') repeat; z-index: -1; opacity: .3;}
.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-nav{position:absolute;width:100%; top: 50%; transform: translateY(-50%);z-index: 15}
.main-carousel .owl-nav button {width:40px;height:30px; font-size:15px; color:#fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer; transition: all 0.2s; font-family: 'Raleway', sans-serif; font-weight: 500;}
.main-carousel .owl-nav .owl-prev{position:absolute;left:60px;  border-top: 1px solid #fff; z-index: 15;}
.main-carousel .owl-nav .owl-next{position:absolute;right:60px;   border-top: 1px solid #fff; z-index: 15;}
.owl-nav button:focus {outline: none; border: none;}
.main-carousel .owl-nav .owl-prev:hover { color:#1c40a7; border-top: 1px solid #1c40a7;}
.main-carousel .owl-nav .owl-next:hover { color:#1c40a7; border-top: 1px solid #1c40a7;}

/*페이져*/
.main-carousel .owl-dots{position:absolute; bottom:298px; width:100%; text-align:center; margin:0 auto;  display: block; display: flex; flex-direction: row; justify-content: center; display: none;}
.main-carousel .owl-dots .owl-dot{width:64px; height: 11px; margin: 0 5px; transition: all 0.2s ease; border: 1px solid #fff; background: transparent;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
}
.main-carousel .owl-dots .owl-dot:hover{ border: 1px solid #1c40a7;}
.main-carousel .owl-dots .owl-dot.active{background:#1c40a7; border: 1px solid #1c40a7;}
.main-carousel .owl-dots .owl-dot:focus {outline: none; border: none;}

/*메인타이포*/
.main_typo {width: 70%; max-width: 1700px; height: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.main_typo h1 {font-size: 90.5px; font-family: 'Raleway',sans-serif; font-weight: 700; color: #fff; line-height: 1; word-break: keep-all;}
.main_typo h2 {font-size: 24px; font-family: 'NanumSquare',sans-serif; font-weight: 400; color: #fff; margin-top: 35px; text-transform: uppercase; word-break: keep-all;}
.m_btn {width: 310px; margin: 45px auto 0;}
.m_btn a {display: block; width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 20px; font-family: 'NanumSquare',sans-serif; color:#fff; background: rgba(255,255,255,0.25); border-radius: 35px; transition: all 0.3s;}
.m_btn a:hover {background: #1c40a7;}

/*마우스*/
.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:1500px) {
    .main_typo{width: 85%;}
}

@media screen and (max-width:1280px) {
    .main-carousel{height:700px; min-height:initial; max-height: initial; }
    .main-carousel .li{height:700px; min-height:initial; max-height: initial; }


    .main_typo h2 {font-size: 20px; margin-top: 25px;}
    .main_typo h1 {font-size: 75px;}

    .main-carousel .owl-nav .owl-prev{left: 30px;}
    .main-carousel .owl-nav .owl-next{right: 30px;}
}

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

    .main-carousel .owl-nav { display:none}

    .main_typo h2 {font-size: 16px; margin-top: 20px;}
    .main_typo h1 {font-size: 60px; line-height: 1.2;}
    .m_btn {width: 240px;}
    .m_btn a {height: 55px; line-height: 55px; font-size: 17px;}

}

@media screen and (max-width: 640px) {
    .main_typo h1 {font-size: 40px;}
    .main_typo h2 {font-size: 15px;  line-height: 1.6;}
    .m_btn a{height: 40px; line-height: 40px; font-size: 16px;}

}