/* banner */
#banner {padding:88px 0 0;width:100%;z-index:3;}
#banner .item {aspect-ratio:12/5;}
#banner .main-slider {}
#banner .item .clip >* {min-width:100%;width:100%;}
#banner .item .clip .bgBox {}
#banner .item .clip iframe {position:absolute;width:100%;height:100%;top:0;left:0;}
#banner .item .clip video {position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center;z-index:-1;}
#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;}
#banner .banner_control {left:calc((100% - 1320px)/2);bottom: 17%;z-index:10;display:flex;align-items:center;gap:38px;color:#9f6a2d;pointer-events:auto;}
#banner .banner_count {display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600;letter-spacing:.02em;}
#banner .banner_count *{font-family: "Google Sans", sans-serif;color: #744e21;}
#banner .banner_count_line {display:block;width:120px;height:1px;background:#b9894e;}
#banner .banner_nav {display:flex;align-items:center;gap:14px;}
#banner .banner_nav i {display:block;width:1px;height:24px;background:rgba(159,106,45,.45);}
#banner .banner_nav button {position:relative;width:28px;height:34px;padding:0;border:0;background:none;cursor:pointer;}
#banner .banner_nav button span {position:absolute;top:50%;left:50%;width: 11px;height: 11px;border-top:2px solid #a57135;border-right:2px solid #a57135;transition:.3s;}
#banner .banner_prev span {transform:translate(-35%,-50%) rotate(-135deg);}
#banner .banner_next span {transform:translate(-65%,-50%) rotate(45deg);}
#banner .banner_nav button:hover span {border-color:var(--primary);}
#banner .banner_more {display:flex;align-items:center;color:#9f6a2d;font-family:Georgia,'Times New Roman',serif;font-size:15px;font-weight:600;letter-spacing:.06em;text-decoration:none;}
#banner .banner_more >span {white-space:nowrap;font-family: "Cormorant", serif;color: #744e21;}
#banner .banner_more >i {display:block;width:54px;height:1px;margin-left:14px;background:#c18c50;transition:.35s;}
#banner .banner_more >b {position:relative;display:block;width:76px;height:76px;margin-left: -26px;border:1px solid #c18c50;border-radius:50%;transition:.35s;}
#banner .banner_more >b:before {content:'';position:absolute;top: 50%;left:22px;width:31px;height:1px;background:#c18c50;}
#banner .banner_more >b:after {content:'';position:absolute;top:50%;right: 23px;width:9px;height:9px;border-top:1px solid #c18c50;border-right:1px solid #c18c50;transform: translateY(-45%) rotate(45deg);}
#banner .banner_more:hover >i {width:66px;}
@media screen and (max-width:1680px){
#banner .banner_control{left: calc((100% - 1140px) / 2);}
    #banner .banner_more >b:before, #banner .banner_more >b:after{top: 49%;}
}
@media screen and (max-width:1440px){
#banner .banner_control {left: 15.5%;}
}
@media screen and (max-width:1280px){
    #banner .banner_more{display:none;}
#banner {padding-top:70px;}
#banner .banner_control {bottom:10%;gap:24px;}
#banner .banner_count_line {width:90px;}
#banner .banner_more >b {width:64px;height:64px;}
}
@media screen and (max-width:1024px){
#banner .item {height: 45vh;}
#banner .banner_control {left: 8%;bottom:7%;transform:scale(.88);transform-origin:left bottom;}
}
@media screen and (max-width:640px){
#banner .item {height: 30vh;}
#banner .banner_control {gap:14px;transform: scale(.62);left: 6%;}
#banner .banner_count_line {width:60px;}
}