/*메인배너*/
.main-carousel{padding:0; display:block}
.main-carousel .li{height:840px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1}
.main-carousel .jarallax { min-height: 840px;}
.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: 16px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 5px;
    padding-bottom: 20px;
    color: #00acd4;
    text-align: center;
	word-break: keep-all;
}
.main-carousel .li .copy_area h2 {
    font-size: 3.1em;
    font-weight: 100;
    line-height: 1.4;
    letter-spacing: -2px;
    color: #fff;
    text-align: center;
    margin: 20px 0 25px;
	word-break: keep-all;
}
.main-carousel .li .copy_area h3 {
    font-size: 2em;
    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;
}

.vi_op_list{margin-top: 60px;}
.vi_op_list ul {
    display: flex;
    gap: 10px;
    max-width: 800px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.vi_op_list ul li {
    flex: 1;
    font-size: 1.4em;
    border-left: 1px solid #ddd;
    padding: 18px 10px;
    font-weight: 300;
    letter-spacing: -0.9px;
    line-height: 1.6;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .09) !important;
    backdrop-filter: blur(8px);
}
.vi_op_list ul li span{font-size:1.1em}
/*.vi_op_list ul li:first-child{border-left:0}*/

.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:30px;}
.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: 1100px) {
	
}

@media screen and (max-width: 980px) {
	.main-carousel .img02 {  background-position: 80% 100%}
	.main-carousel .li .copy_area{text-align:center; padding:0 10px;}
	.main-carousel .li .copy_area h1 { font-size: 14px;}
	.main-carousel .li .copy_area h2 {font-size: 2.8em;}	
	.main-carousel .li .copy_area h3 { font-size: 1.4em;}
	.vi_op_list ul li{font-size:1em}
}

@media screen and (max-width: 580px) {
	.main-carousel .li { height:73vh}
	.main-carousel .jarallax { min-height: 73vh;}

	.main-carousel .li .copy_area h1 { font-size: 11px; letter-spacing: 2px; }
	.main-carousel .li .copy_area h2 {font-size: 1.6em; letter-spacing:-1px; padding-bottom: 5px; margin-top: 10px;}
	.main-carousel .li .copy_area h3 { 
        margin: 15px auto;
        font-size: 1.15em;
        letter-spacing: -0.5px;	
		margin-bottom:0
	}
	.vi_op_list {
		margin-top: 20px;
	}	
	.vi_op_list ul li{font-size:0.9em}
	.main-carousel .owl-nav { display:none}
	

}

@media screen and (max-width: 480px) {
	.main-carousel .li .copy_area h1 {letter-spacing: 0px; padding-bottom: 0;}
	 .main-carousel .li .copy_area h2 {font-size: 1.5em;        letter-spacing: -2px;}
	/*.main-carousel .li .copy_area h2 br {display:none}	*/
	.vi_op_list ul li{font-size:0.8em}
}
/*메인배너*/