.ml6 { position: relative; font-weight: 900; font-size: 3.3em; opacity: 1 !important; }
.ml6 .text-wrapper { position: relative; display: inline-block; padding-top: 0.2em; padding-right: 0.05em; padding-bottom: 0.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; }
#scrollBtn {position: absolute;left: 2.5%;top: 40vh;z-index: 50;animation: floatUpDown 3s infinite;}
.paJcar { top: 55vh; position: absolute; right: -60px; z-index: 11; }
.paJcar img { height: 22vw; }
#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 button,#banner .slick-dots li { 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: 9; transition-delay: 0; -webkit-transition-delay: 0; padding: 10px 30px; border-radius: 520px; border: white 1px solid; letter-spacing: 0.05em; font-size: max(1.2 * (1vw + 1vh)/2,13px); }
#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 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
#banner .info .txt h3 { font-size: max(4 * (1vw + 1vh)/2,28px); color: #ffffff; font-weight: 600; word-spacing: 100vw; max-width: 100%; line-height: 120%; display: flex; align-items: center; letter-spacing: 0.05em; }
#banner .info .txt p { font-weight: 300; font-size: 18px; }
#banner a.pos_abs { z-index: 999992; }
.conJbox { width: 100%; display: flex; flex-direction: column; align-items: center; }
.conJbox .comline:after { content: ""; position: absolute; width: 4px; height: 100px; background: white; left: -2px; top: 39%; }
.conJbox .comline { position: absolute; aspect-ratio: 12/7.3; 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 video,#banner iframe { position: absolute; width: 82%; height: 100%; top: 0; right: 0; object-fit: cover; }
#banner video,#banner iframe,#banner .main-slider .slick-track .pos_rel { border-radius: 0 0 0 100px; width: 92%; display: flex; justify-content: flex-end; }
#banner .main-slider .slick-track .pos_rel:hover .pausJ {background: var(--primary);border: var(--primary) 1px solid;}
#banner .main-slider .slick-track img.pos_rel { width: 100%; }
/* slick-current */
#banner .slick-current .info .txt * { opacity: 1; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
#banner .slick-current .info .txt p { color: #ffffff; 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: 0.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: 30px; padding-top: 20px; position: relative; display: none; }
#banner .slick-current .info .txt p.abomteJ:before { content: ""; width: 100vw; left: -27%; height: 1px; position: absolute; background: rgb(255 255 255/54%); top: -15px; }
@media screen and (max-width:1470px) {
  #banner .slick-current .info .txt p {   }
  #banner .info .txt .top_txet { margin-bottom: 15px; }
  #banner .slick-current .info .txt span { margin: 10px 0 25px; }
  .paJcar {top: 50vh;}
  #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:1400px) {
.paJcar {top: 60vh;}
}
@media screen and (max-width:1024px) {
.paJcar {top: 50vh;}
  #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 {top: 33vh;}
  #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; }
  .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 .slick-current .info .txt p {   }
  #banner .info { left: 0; width: 400px; height: 200px; border-radius: 0 41px 0 0px; }
  #banner .info .txt {   }
  #banner .info .txt .pausJ svg { width: 33px; }
  #banner .slick-dots { left: 72px; top: auto; bottom: 11px; }
}
@media screen and (max-width:550px) {
  #banner .info { padding-left: 12px; }
  #banner .slick-current .info .txt p {   }
  #banner .info { left: 33px; top: 65px; }
  #banner .slick-dots { bottom: 5px; }
  #banner video,#banner iframe,#banner a.pos_abs,#banner .main-slider .slick-track .pos_rel { height: 353px; border-radius: 0; }
  #banner .info .txt h3 {   }
  #banner .info .txt .pausJ svg { width: 26px; }
  #banner .slick-dots { bottom: 0; }
}
@media screen and (max-width:480px) {
  #banner .info { top: 17%; left: 0; }
  #banner .info .txt { width: 88%; }
  .conJbox .comline { width: 90%; }
  .conJbox .comline:after { top: 133px; height: 80px; }
  #banner video,#banner iframe,#banner a.pos_abs,#banner .main-slider .slick-track .pos_rel { height: 380px; }
  #banner .slick-current .info .txt span { margin: 0px 0 10px; }
  #banner .slick-current .info .txt p.abomteJ { margin-bottom: 15px; padding-top: 7px; }
  .paJcar {top: 39vh;right: -96px;}
  .paJcar img {height: auto;width: 320px;}
}