#banner .ml6{position:relative;font-weight:900;font-size:3.3em;opacity:1 !important}
#banner .ml6 .text-wrapper{position:relative;display:inline-block;padding-top:0.2em;padding-right:0.05em;padding-bottom:0.1em;overflow:hidden}
#banner .ml6 .letter{display:inline-block;line-height:1em}
#banner{width:100%;z-index:3;display:flex;justify-content:flex-end;margin-top:0;background: #8ca440;padding-top: 98px;}
#scrollBtn{position:absolute;left:3%;top:40vh;z-index:9487;animation:floatUpDown 3s infinite}
#banner .paJcar{position:absolute;margin-top:-35vw;right:-60px;z-index:11}
#banner .paJcar img{height:37vw}
#banner .main-slider{width:100%}
#banner img{width:100%;height: 89vh;}
#banner .pos_abs{width:100vw;height:100%;top:0;left:0}
#banner .info{position:absolute;top: 30%;width:100%;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;width: 75%;}
#banner .info .txt *{font-weight:400;color:#ffffff;text-align:left;line-height:100%}
#banner .info .txt .top_txet{margin-bottom:5px;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:#bb715f 1px solid;letter-spacing:0.05em;font-size:max(1.2 * (1vw + 1vh) / 2,13px);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
#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: 65px;color:#ffffff;font-weight: 400;word-spacing:100vw;max-width:100%;line-height: 140%;display:flex;align-items:center;letter-spacing: 0.1em;margin: 13px 0 30px;}
#banner .info .txt p{font-weight:300;font-size: 30px;letter-spacing: 4.5px;}
#banner a.pos_abs{z-index:999992}
#banner #countbanner{position:absolute;z-index:97777;bottom:40%;display: inline-flex;align-items:center;left: 2.5%;justify-content:space-between}
#banner #countbanner .updownbox{display:flex;margin-right:20px}
#banner #countbanner .updownbox .slick-arrow:hover svg{fill:#000000;border:#ffffff 1px solid;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;background:aliceblue}
#banner #countbanner .updownbox svg{width:52px;aspect-ratio:1/1;border-radius:50%;border:#ffffff 1px solid;fill:#ffffff;cursor:pointer}
#custom-prev-btn{-moz-transform:scalex(-1);-webkit-transform:scalex(-1);-o-transform:scalex(-1);-ms-transform:scalex(-1);transform:scalex(-1)}
#banner .conJbox{width:100%;display:flex;flex-direction:column;align-items:center}
#banner .conJbox .comline:after{content:"";position:absolute;width:4px;height:100px;background:white;left:-2px;top:39%}
#banner .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}
#banner .conJbox .comline:before{content:"";position:absolute;width:1px;height:100%;background:rgb(255 255 255 / 53%)}
#banner .longline{display:flex;position:relative;width:1px;height: 60px;background:rgb(193 193 193 / 63%);margin: 0 14px;}
#banner .longline .progress-bar{position:absolute;background: var(--primary);top:0px;width:1px}
#banner,#banner *{transition:unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;-ms-transition:unset;color:#ffffff}
#banner .maalinebox{display:flex;flex-direction:column;align-items:center;gap: 15px;}
#banner .maalinebox *{font-family: "Arimo", sans-serif;font-size: 12px;}
#banner .maalinebox #current-slide2{display:flex;flex-direction:column;}
#banner .maalinebox #current-slide span{border:1px solid rgb(255 255 255 / 50%);width: 40px;aspect-ratio: 1/1;display:inline-flex;border-radius:50px;align-items: center;justify-content: center;}
#banner .maalinebox #total-slides{display:flex;flex-direction:column}
#banner .main-slider .slick-track .pos_rel.imgm{z-index:3}
#banner video,#banner iframe{position:absolute;width:82%;height:100%;top:0;right:0;object-fit:cover;opacity: .6;}
#banner video,#banner iframe,#banner .main-slider .slick-track .pos_rel{width:100%;display:flex;justify-content:flex-end;z-index:2}
#banner .main-slider .slick-track .pos_rel:hover .pausJ{background:#c36663;border:#b44844 1px solid;color:white}
#banner .main-slider .slick-track img.pos_rel{width:100%}
#banner .slick-current .info .txt *{opacity:1}
#banner .info .txt span{text-transform:uppercase;font-weight:100;font-size: 20px;font-family: "Arimo", sans-serif;}

@media screen and (max-width:1470px){
    #banner .info .txt p{font-size:22px;}
    #banner .info .txt h3{font-size:45px;}
	#banner{margin-top:0}
	#banner .info .txt .top_txet{margin-bottom:15px}
	#banner .info .txt span{margin:10px 0 8px}
	#banner .info{width:83%;left:6%;top: 25%;}
	#banner .slick-dots{top:calc(33% + 188px)}
}
@media screen and (max-width:1280px){
    #banner{padding-top:80px;}
}
@media screen and (max-width:1024px){
    #banner #countbanner{bottom: 30%;}
	#banner video,#banner iframe,#banner a.pos_abs,#banner .main-slider .slick-track .pos_rel{height: 70vh;}
	#cenbar .workframe{display:flex;flex-direction:column;width:100%}
	#cenbar .workframe .cenrightbar{display:flex;flex-direction:column;align-items:center;margin-top:10px}
	#cenbar .workframe .cenleftbar{margin-bottom:13px;display:flex;justify-content:center}
	#cenbar .workframe .cenrightbar a{margin-left:0;padding:6px 29px;margin-top:15px}
}
@media screen and (max-width:870px){
	#banner video,#banner iframe,#banner a.pos_abs,#banner .main-slider .slick-track .pos_rel{height: 50vh;}
    #banner .main-slider .slick-track .pos_rel.imgm img{object-position: 80% 0;}
	#banner .info{width:90%;top:18%}
	#banner .paJcar{right:-21vw;margin-top:-44vw}
	#scrollBtn{display:none}
	#cenbar .workframe .cenrightbar a{width:100%;display:flex;flex-direction:column;align-items:center;width:130px;font-size:max(1.1 * (1vw + 1vh) / 2,13px)}
}
@media screen and (max-width:768px){
	#banner .maalinebox{display:none}
	#banner #countbanner{display:flex;flex-direction:column;bottom:100px}
	#banner .ml6{font-size:0.5em}
	#banner .info .txt{width:90%}
	#banner .info .txt span{margin:10px 0 5px;text-align:center}
	#banner .info .txt p.abomteJ{margin-bottom:27px;padding-top:5px}
	#banner .info{top: 21%;}
	#banner .conJbox .comline{height:453px}
	#banner .paJcar img{height:47vw}
	#banner .conJbox .comline:after{top:29%}
	#cenbar .workframe .cenleftbar .mason{display:flex;flex-direction:column}
	#cenbar .workframe .cenleftbar .mason sapn{margin-left:0}
	#cenbar .workframe .cenleftbar{display:flex;justify-content:space-around}
	#cenbar .workframe .cenrightbar{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}
	#cenbar .workframe .cenrightbar p{font-size:max(1.1*(1vw + 1vh) / 2,14px)}
}
@media screen and (max-width:550px){
    #banner .main-slider .slick-track .pos_rel.imgm img{object-position: 70% 0;}
	#banner .info .txt span{font-size:14px;}
    #banner .info .txt p{font-size: 18px;letter-spacing: 3px;}
    #banner .info .txt h3{font-size: 30px;margin: 7px 0 10px;}
}