@charset "utf-8";

/*메인배너*/
.main-carousel{padding:0; display:block}
.main-carousel .li{height:850px; 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/main_visual_cover.png) center bottom 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 .jarallax { min-height: 850px;}
.main-carousel .img00 { background-image:url(../img/main_banner0.jpg);}
.main-carousel .img01 { background-image:url(../img/main_banner1.jpg);}
.main-carousel .img02 { background-image:url(../img/main_banner2.jpg);}
.main-carousel .img03 { background-image:url(../img/main_banner3.jpg);}
.main-carousel .li .copy_area{width:100%;text-align:center;color:#fff;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.main-carousel .li .copy_area h1{font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-bottom:20px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h2{font-size:47px;font-weight:100; line-height:1.3; letter-spacing:-2px;  color:#fff; text-align:center; margin: 20px 0 25px;}
.main-carousel .li .copy_area h3 {
    font-size: 23px;
    font-weight: 200;
    text-align: center;
    padding: 0 20px;
    word-break: keep-all;
    color: #fff;
    opacity: 0.8;
    letter-spacing: -1px;
    max-width: 600px;
    margin: 0 auto;
}
.main-carousel .li .copy_area .bg_logo{}
.main-carousel .li .copy_area .bg_logo img{width:90px; max-width:200px; margin:0px auto 15px;}

.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:135px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width: 990px) {
	.main-carousel .li { height:70vh}
	.main-carousel .jarallax { min-height: 70vh;}	
	.main-carousel .li .copy_area h2 {font-size: 33px;}
	.main-carousel .li .copy_area .bg_logo img {width: 70px;}
	.main-carousel .owl-dots{bottom: 30px;}
}

@media screen and (max-width: 680px) {
	.main-carousel .li{height: 43vh;}
	.main-carousel .jarallax { min-height: 60vh;}
    .main-carousel .img01 { }
	.main-carousel .img02 { }
	.main-carousel .img03 { }
	.main-carousel .li .copy_area h2 {font-size: 25px;}
	.main-carousel .li .copy_area h3 { max-width:300px; margin:10px auto 0 auto; font-size: 15px; letter-spacing:-0.5px}	
	.main-carousel .owl-nav { display:none}
}

@media screen and (max-width: 560px) {
	.main-carousel .li .copy_area h2 {max-width: 330px; margin: 0 auto;word-break: keep-all;}
	.main-carousel .li .copy_area h2 br{display:none}
}
/*메인배너*/