/*Content CSS*/
#main_visual {width: 100%; position: relative;}

.main-carousel { padding:0; display:block; }
.main-carousel .li { background-size:cover; background-position:center; position:relative; }

.main-carousel .li .pc img { display: block; }
.main-carousel .li .tab img { display: none; }
.main-carousel .li .mob img { display: none; }

/* .main-carousel .img01 { background-image:url('../img/main.jpg');}
.main-carousel .img02 { background-image:url('../img/main2.jpg');}
.main-carousel .img03 { background-image:url('../img/main3.jpg');}
.main-carousel .img04 { background-image:url('../img/main4.jpg');} */

/* 기존 타이포 작업 */
/* .main-carousel.respon { display: none; }
.main-carousel.respon .img01 { background-image:url('../img/main1_res.jpg');}
.main-carousel.respon .img02 { background-image:url('../img/main2_res.jpg');}
.main-carousel.respon .img03 { background-image:url('../img/main3_res.jpg');} */

/* 반응형일때 타이포 */
/* .typo_wrap { position:absolute; top:0; left: 0; width: 100%; height: 100%; }
.main_typo { position:absolute; max-width: 1720px; padding:0 80px; width:100%; top:20%; left:50%; transform: translateX(-50%);
    line-height: 1; }

.main_typo h1 { font-size:67px; font-weight: 600; line-height: 90px; }
.main_typo h1 span { font-weight: 300; }
.main_typo p { font-size:20px; color:#22211f; margin-top: 40px; line-height:33px; }

.typo_wrap .main_typo br.mob { display: none; }
.typo_wrap .main_typo br.mob2 { display: none; }

.main-carousel.respon .img01 h1 { color:#1d2d60;}
.main-carousel.respon .img01 p { color:#4a4849;}
.main-carousel.respon .img02 h1 { color:#fff;}
.main-carousel.respon .img02 p { color:#fff;}
.main-carousel.respon .img03 h1 { color: #1f2b53;}

.typo_wrap .eng { position:absolute; max-width: 1720px; padding:0 80px; width:100%; left:0; top:50%; transform: translateY(-50%);
line-height: 1; }
.typo_wrap .eng h2 { font-size:48px; color:rgba(255,255,255,.35); text-align: left; line-height: 55px; letter-spacing: -1px; }
.respon .img03 .eng { right:0; top:60%; }
.respon .img03 .eng h2 { text-align: right; } */


/* 모바일 타이포 */
/* .main-carousel.respon .mob_typo_wrap { display:none; position:absolute; left:0; width:100%; bottom:0; height: 250px; background:rgba(20,116,199); align-items: center; justify-content: center; padding:0 15px 50px; text-align: center; }
.main-carousel.respon .mob_typo_wrap .mob_typo h1 { font-size:30px; color:#fff; line-height: 40px; word-break: keep-all; }
.main-carousel.respon .mob_typo_wrap .mob_typo p { margin-top: 16px; color:#fff; font-size:17px; line-height: 26px; word-break: keep-all; } */


/* 반응형 dot */
.main-carousel .owl-dots { display: none; position:absolute; z-index:5; opacity: 1; left:50%; transform: translateX(-50%); bottom:60px; }
.main-carousel button.owl-dot { width:12px; height: 12px; margin: 0 7px; border-radius: 100%; background:rgba(255,255,255,.5); }
.main-carousel button.owl-dot.active { width:26px; border-radius: 12px; background:rgba(255,255,255,1); }


/*컨트롤러*/
.main-carousel .owl-nav { position:absolute; width:100%; top:50%; z-index: 3; transform: translateY(-50%);}
.main-carousel .owl-nav .owl-prev { position:absolute; left:110px; width:85px; height:30px; padding:0 8px 5px 0; font-size:14px; color:#fff;
    text-align:center; background-color:transparent; cursor:pointer; text-align: right;
    transition: all 0.2s; font-family: 'Montserrat'; background:url('../img/btn_left.png') no-repeat left bottom; }

.main-carousel .owl-nav .owl-next { position:absolute; right:110px; width:85px; height:30px; font-size:14px; color:#fff;
    text-align:center; background-color:transparent;  cursor:pointer;  text-align: left; padding:0 0 5px 8px;
    transition: all 0.2s; font-family: 'Montserrat'; background:url('../img/btn_right.png') no-repeat right bottom; }
.owl-nav button:focus {outline: none; border: none; }

.main-carousel .owl-nav .owl-next:hover { color:#006cb7; background-image: url('../img/btn_right_h.png'); }
.main-carousel .owl-nav .owl-prev:hover { color:#006cb7; background-image: url('../img/btn_left_h.png'); }


/*마우스*/
.main_scroll_box { position: absolute; bottom:50px; left: 50%; transform: translateX(-50%); width: 86px; height: 86px;
    background:rgba(0,108,183,.4); border-radius: 50%; padding: 22px; z-index: 1; }
.main_scroll_box .main_scroll { width: 43px; height: 43px; background: #006cb7; text-align: center; line-height: 43px;
border-radius: 50%; }
.main_scroll_box .main_scroll a { display: block; width:100%; height: 100%; border:none; background:none; }
.main_scroll_box .main_scroll img { vertical-align: middle; transition: transform 0.5s; animation: rota1 1.5s;
    animation-iteration-count: infinite; }


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

@keyframes rota1 {
    0% { transform: rotateY(0); }
    100% { transform: rotateY(360deg) }
}


@media screen and (max-width: 1750px) {
    /* .main-carousel.pc { display: none; } */
    /* .main-carousel.respon { display: block; } */
}

@media screen and (max-width: 1300px) {
    /* .main-carousel.respon .img01 { background-position: 65% 50%; }
    .main-carousel.respon .img02 { background-position: 63% 50%; }
    .main-carousel.respon .img02 .main_typo { top:22%; }

    .main_typo { padding:0 50px; }

    .main_typo h1 { font-size:58px; line-height: 80px; }
    .main_typo p { font-size:18px; }

    .typo_wrap .eng { padding:0 50px; }
    .typo_wrap .eng h2 { font-size:40px; line-height: 52px; } */

    .main-carousel .owl-nav .owl-prev { left:50px; }
    .main-carousel .owl-nav .owl-next { right:50px; }
    .main_scroll_box { bottom:0; }
}

@media screen and (max-width: 1024px) {
    #main_visual { padding-top: 60px; }
    /* .main-carousel {height:780px; }
    .main-carousel .li {height:780px; } */

    .main-carousel .li .pc img { display: none; }
    .main-carousel .li .mob img { display: none; }
    .main-carousel .li .tab img { display: block; }

    /* .main-carousel.respon .img01 { background-position: 70% 50%; }
    .main-carousel.respon .img02 { background-position: 70% 60%; }
    .main-carousel.respon .img03 { background-position: 22% 10%; }
    .main-carousel.respon .img04 { background-position: 50% 60%; } */

    /* .main-carousel.respon .img02 .eng { top:75%; }
    .main-carousel.respon .img03 .eng { top:70%; }
    .main-carousel.respon .img02 .main_typo { top:45%; }
    .main-carousel.respon .img03 .main_typo { top:48%; }
    .main-carousel.respon .img03 .main_typo h1 { font-size:43px; line-height: 67px; } */

    .main-carousel .owl-nav { display: none; }
    .main-carousel .owl-dots { display: block; }

    .main_scroll_box { bottom:-40px; }
}

    /* .main-carousel.respon .main_typo { top:30%; transform: translate(-50%,-50%); }

    .main_typo h1 { font-size:48px; line-height: 58px; }
    .img02 .main_typo br.mob2 { display: block; }

    .typo_wrap .eng { top:68%; }
    .typo_wrap .eng h2 { font-size:30px; line-height: 40px; text-align: left; } */



@media screen and (max-width: 768px) {
    /* .main-carousel {height:640px; }
    .main-carousel .li {height:640px; } */
}

@media screen and (max-width: 640px) {
    /* #main_visual { padding-top: 60px; } */
    /* .main-carousel {height:650px; }
    .main-carousel .li {height:650px; background-size: auto 400px; background-repeat: no-repeat; } */

    .main-carousel .li .tab img { display: none; }
    .main-carousel .li .mob img { display: block; }


    /* .main-carousel.respon .img01 { background-position: 72% 0%; }
    .main-carousel.respon .img02 { background-position: 85% 0%; }
    .main-carousel.respon .img03 { background-position: 80% 0%; }
    .main-carousel.respon .img04 { background-position: 50% 0%; } */

    /* 타이포 */
    /* .main_typo { padding:0; text-align: center; }
    .main-carousel.respon .typo_wrap .main_typo { display:none; }
    .main-carousel.respon .mob_typo_wrap { display: flex; } */

    /* over eng */
    /* .typo_wrap .eng { padding:0 15px; top:55%; }
    .typo_wrap .eng h2 { font-size:20px; line-height: 28px; text-align: right; }
    .main-carousel.respon .img02 .eng { top:40%;  }
    .main-carousel.respon .img02 .eng h2 { text-align: left; }
    .main-carousel.respon .img03 .eng { top:40%; } */

    /* 스크롤 버튼 */
    .main_scroll_box { display: none; }

    /* 슬라이드 dot */
    .main-carousel .owl-dots { bottom:35px; }

}