/* banner */
#banner {padding: 108px 0 0;width: 100vw;z-index: 3;}
#banner .slick-slide { min-width: 100vw; }
#banner .item {height: 95vh;}
#banner .main-slider {}
#banner .item .clip >* { min-width: 100vw; width: 100vw; }
#banner .item .clip .bgBox { }
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video {overflow: hidden;position: absolute;width: 100%;height: auto;bottom: 0;left: 0;transfo;}
#banner .item .info >div { margin: auto; width: calc(100% - 60px); }
#banner .item .info >div .txt { -webkit-transition-delay: .2s; transition-delay: .2s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
#banner .item .info >div .txt:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; }
#banner .item .info >div .txt >* { padding: 10px 15px; max-width: calc(100% - 30px); font-size: 18px; }
#banner .item .info >div .txt h3 { margin-bottom: 15px; line-height: 120%; font-size: 35px; }

p.baScro{position:absolute;bottom: 0;left: 3vw;overflow: hidden;z-index: 10;}
p.baScro a{position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction: row;writing-mode: vertical-lr;}
p.baScro a svg{width: 17px;height: 17px;fill: var(--white);margin-top: 10px;}
p.baScro a b{font-size: 15px;font-weight: 400;color: var(--primary);margin-bottom: 10px;letter-spacing: 1px;-webkit-animation-name: mouse;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-webkit-animation-duration: 1s;font-family: "Cormorant", serif;text-transform: uppercase;}
p.baScro a span{width: 1px;height: 110px;background-color: #a6a6a6;position: relative;display: block;}
@keyframes mouse{0%{margin-bottom:40px}50%{margin-bottom:50px;}100%{margin-bottom:40px;}}

#banner .slick-dots{bottom: 0;width: auto;display: flex !important;flex-direction: column;align-items: center;left: 3.2vw;height: 100%;justify-content: center;opacity: .75;}
#banner .slick-dots li{margin: 7px 0;}
#banner .slick-dots li button{border: 1px solid #44594a00;border-radius: 50px;}
#banner .slick-dots li.slick-active button{border: 1px solid #44594a;}
#banner .slick-dots li button:before{opacity:1;color: #44594a;}

.reserve{position:absolute;right: 160px;top: 45%;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 160px;aspect-ratio: 1/1;color: #fff;gap: 5px;background: var(--primary);border-radius: 110px;padding: 13px;}
.reserve svg{fill:#fff;}
.reserve img{position:absolute;}

@media screen and (max-width: 1680px){
    #banner .item {height: 85vh;}
}
@media screen and (max-width: 1440px){
    .reserve{right: 100px;}
}
@media screen and (max-width: 1280px){
    #banner{padding: 89px 0 0;}
}
@media screen and (max-width: 1024px){
    .reserve{display: none;}
    p.baScro{display:none;}
	#banner .item { height: 65vh; }
    #banner .item .clip video{width:auto;height: 100%;left: -20%;}
}
@media screen and (max-width: 640px){
	#banner .item { height: 40vh; }
    #banner{padding: 61px 0 0;}
}