.ml6{position:relative;font-weight:900;font-size:3.3em;opacity:1!important}
.ml6 .text-wrapper{position:relative;display:inline-block;padding-top:.2em;padding-right:.05em;padding-bottom:.1em;overflow:hidden}
.ml6 .letter{display:inline-block;line-height:1em}
#banner{width:100%;z-index:3;display:flex;justify-content:flex-end;margin-top:70px}
.flyinin{position:absolute;left:0;top:120px;z-index:9996;animation:exampleAnimation 6s ease-in-out forwards infinite}
@keyframes exampleAnimation{0%{transform:translate(0 ,150px) rotate(0) scale(0)}
100%{transform:translate(1000px ,-400px) rotate(-27deg) scale(1.2)}
}
#scrollBtn{position:absolute;left:2.5%;top:40vh;z-index:9487;animation:floatUpDown 3s infinite}
.paJcar{position:absolute;margin-top:-37vw;right:-20px;z-index:11}
.paJcar img{height:38vw}
#banner .main-slider{width:100%}
#banner img{width:100%;aspect-ratio:24/11}
#banner .pos_abs{width:100vw;height:100%;top:0;left:0}
#banner .info{position:absolute;left:13%;top:33%;width:500px;height:300px;border-radius:25px;z-index:999;text-decoration:none}
#banner .slick-dots{bottom:auto;top:calc(33% + 229px);width:410px;left:243px;text-align:left}
#banner .slick-dots li,#banner .slick-dots li button{width:37px}
#banner .slick-dots li button:before{content:"";background:#1b568d;width:35px;height:4px}
#banner .info .txt{margin:auto}
#banner .info .txt *{font-weight:400;color:var(--white);opacity:0;text-align:left}
#banner .info .txt .top_txet{margin-bottom:60px;display:flex;flex-direction:column}
#banner .info .txt .pausJ{position:relative;z-index: 20;transition-delay:0;-webkit-transition-delay:0;padding:10px 30px;border-radius:520px;border:#fff 1px solid;letter-spacing:.05em;font-size: max(1.3 * (1vw + 1vh) / 2,17px);background: #489092;text-shadow: unset!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
#banner .main-slider .slick-track .pos_rel:hover svg{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);border-radius:50%}
#banner .info .txt .pausJ:hover svg{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);border-radius:50%}
#banner .info .txt .pausJ svg{width:40px;aspect-ratio:1/1;fill:#686868;transition-delay:0s;-webkit-transition-delay:0s;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
#banner .info .txt h3{font-size:max(4 * (1vw + 1vh) / 2,28px);color:#fff;font-weight:600;word-spacing:100vw;max-width:100%;line-height:120%;display:flex;align-items:center;letter-spacing:.05em}
#banner .info .txt p{font-weight:300;font-size:18px}
#banner a.pos_abs{z-index: 9;}
.conJbox{width:100%;display:flex;flex-direction:column;align-items:center;height:100%}
.conJbox .comline:after{content:"";position:absolute;width:4px;height:100px;background:#fff;left:-2px;top:39%}
.conJbox .comline{position:absolute;aspect-ratio:17/11;border-left:rgb(255 255 255 / 53%) 1px solid;border-right:rgb(255 255 255 / 53%) 1px solid;z-index:9;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.conJbox .comline:before{content:"";position:absolute;width:1px;height:100%;background:rgb(255 255 255 / 53%)}
#banner,#banner *{transition:unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;-ms-transition:unset}
#banner iframe,#banner video{position:absolute;width:82%;height:100%;top:0;right:0;object-fit:cover}
#banner .main-slider .slick-track .pos_rel,#banner iframe,#banner video{border-radius:0;width:100%;display:flex;justify-content:flex-end}
#banner .main-slider .slick-track .pos_rel .pausJ:hover {background: #244a4b;border:var(--primary) 1px solid}
#banner .main-slider .slick-track img.pos_rel{width:100%}
#banner .slick-current .info .txt *{opacity:1;text-shadow:0 0 10px rgba(0,0,0,.5)}
#banner .slick-current .info .txt p{color:#fff;font-weight:300;margin-bottom:0;font-size:max(1.5*(1vw + 1vh) / 2,13px)}
#banner .slick-current .info .txt span{text-transform:uppercase;letter-spacing:.09em;margin:2px 0 17px;font-weight:200;font-size:max(1.1 * (1vw + 1vh) / 2,12px)}
#banner .slick-current .info .txt p.abomteJ{margin-bottom: 100px;padding-top:20px;position:relative}
#banner .slick-current .info .txt p.abomteJ:before{content:"";width:115vw;left:-15vw;height:1px;position:absolute;background:rgb(255 255 255 / 54%);top:-15px}



@media screen and (max-width: 1470px) {
    #banner .slick-current .info .txt p.abomteJ{margin-bottom: 60px;}
	#banner .info .txt .top_txet {margin-bottom: 15px;}
	#banner .slick-current .info .txt span {margin: 10px 0 25px;}
	.paJcar img {height: 34vw;}
	.paJcar {margin-top: -32vw;right: -20px;}
	#banner video,
	#banner iframe,
	#banner a.pos_abs,
	#banner .main-slider .slick-track .pos_rel {border-radius: 0 0 0 60px;}
	#banner img {aspect-ratio: 21 / 9;}
	#banner .info {width: 50%;left: 9%;}
	#banner .slick-dots {top: calc(33% + 188px);}
}

@media screen and (max-width: 1024px) {
	#banner video,
	#banner iframe,
	#banner a.pos_abs,
	#banner .main-slider .slick-track .pos_rel {height: 500px;}
}

@media screen and (max-width: 870px) {
	#banner .info {width: 90%;top: 18%;}
	.paJcar {right: -21vw;margin-top: -44vw;}
	#scrollBtn {display: none;}
}

@media screen and (max-width: 768px) {
	.ml6 {font-size: 1.8em;}
	#banner .info .txt {width: 90%;}
	#banner .slick-current .info .txt span {margin: 10px 0 12px;}
	#banner .slick-current .info .txt p.abomteJ {margin-bottom: 27px;padding-top: 5px;}
	#banner .info {top: 10%;}
	#banner video,
	#banner iframe,
	#banner a.pos_abs,
	#banner .main-slider .slick-track .pos_rel {height: 380px;}
	.conJbox .comline {height: 453px;}
	#banner video,
	#banner iframe,
	#banner a.pos_abs,
	#banner .main-slider .slick-track .pos_rel {border-radius: 0 0 0 20px;}
	.paJcar img {height: 47vw;}
	.conJbox .comline:after {top: 29%;}
}

@media screen and (max-width: 550px) {
	#banner video,
	#banner iframe,
	#banner a.pos_abs,
	#banner .main-slider .slick-track .pos_rel {height: 440px;width: 100%;}
	#banner .info {left: 0;width: 400px;height: 200px;border-radius: 0 41px 0 0px;}
	#banner .info .txt .pausJ svg {width: 33px;}
	#banner .slick-dots {left: 72px;top: auto;bottom: 11px;}
	.flyinin{top: -40px;left: -32px;}
}

@media screen and (max-width: 550px) {
	#banner .info{padding-left:12px}
	#banner .info{left:33px;top:65px}
	#banner .slick-dots{bottom:5px}
	#banner .main-slider .slick-track .pos_rel,#banner a.pos_abs,#banner iframe,#banner video{height:353px;border-radius:0}
	#banner .info .txt .pausJ svg{width:26px}
	#banner .slick-dots{bottom:0}
}

@media screen and (max-width: 480px) {
	#banner .info{top: 21%;left:0}
	#banner .info .txt{width:88%}
	.conJbox .comline{width:90%}
	.conJbox .comline:after{top: 146px;height:80px}
	#banner .main-slider .slick-track .pos_rel,#banner a.pos_abs,#banner iframe,#banner video{height:380px}
	#banner .slick-current .info .txt span{margin:0 0 10px}
	#banner .slick-current .info .txt p.abomteJ{margin-bottom: 35px;padding-top:7px}
	.paJcar{margin-top:auto;top:221px;right:-192px}
	.paJcar img{height:auto;width:391px}
}