#banner{width:100%;display: flex;flex-direction: column;align-items: center;background: #f4f4f4;}
#banner,#banner *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
#banner .aos-init , #banner svg{transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
#banner .arrow_btns_box svg{fill: #747474;}
#banner .slick-list{overflow: visible;}
#banner button.slick-arrow:hover svg{fill: #ffffff;}
#banner button.slick-arrow:hover svg.pathJ{fill: #ffffff00;}
#banner .arrow_btns_box .slick-arrow{border-radius: 66666px;background: #ebebeb;}
#banner .arrow_btns_box svg.pathJ{fill: rgb(255 255 255 / 0%);}
#banner img{width: 100vw;min-height:75vh;aspect-ratio: 1432/760;}
#banner .sideflyJJ img{aspect-ratio: 102/103;}
#banner .arrow_btns_box{position: absolute;width: 79vw;display: flex;justify-content: space-between;top: 51%;z-index: 6;}
#banner .pos_abs{width:100vw;height: 100%;top:0;left:0}
#banner .info{height:75vh;z-index:6;width: 100%;}
#banner .info .txt{margin:auto;-moz-transform: translateY(8.25em);-webkit-transform: translateY(8.25em);-o-transform: translateY(8.25em);-ms-transform: translateY(8.25em);transform: translateY(8.25em);display:flex;flex-direction:column;align-items:center;filter: drop-shadow(0px 1px 2px rgb(150 149 149 / 54%));}
#banner .info .txt *{font-weight:400;color: #ffffff;border-radius: 0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#banner .info .txt h3{font-size:max(5.5*(1vw + 1vh) / 2,45px);word-spacing:100vw;max-width:100%;line-height:100%;font-weight:500;text-align:left}
#banner .info .txt h3 .comcoobox{font-size:max(1.4*(1vw + 1vh) / 2,16px);padding:10px;margin-left:10px;position:relative;top:-4px}
#banner .info .txt p{font-weight:300;font-size:18px}
#banner a.pos_abs{z-index:2}
#banner video,#banner iframe{position:absolute;width:100%;height:100%;top:0;left:0;object-fit: cover;object-position: 50%;aspect-ratio: 1436/720;}
#banner .main-slider{width: min(1440px , 100%);margin-top: 80px;}
#banner:before{content:"";width: 100vw;height: 500px;position: absolute;background: #e4e4e4;background: linear-gradient(to bottom, #ffffff, #f4f4f4);top: 0;}
#banner .slick-track * {border-radius: 30px;}
#banner .slick-track .slick-slide.slick-active{opacity:1;transform: scale(1);}
#banner .slick-track .slick-slide{opacity:1;transform: scale(0.87);}
#banner .midtexrb {display:flex;flex-direction: column;align-items: center;}
#banner .midtexrb img{width: 70px;aspect-ratio: 70 / 50;min-height: unset;}

/*notencall*/
#banner .notencall{position:absolute;right:6vw;top:200px;z-index:5;margin-right:12px;background:#85ba53;border-radius:0;display:grid;grid-template-columns:30% 30% 30%;width:450px;border-radius:9px 0px 0px 9px;justify-content:center}
#banner .notencall:before{content:'';width:0;height:0;border-style:solid;border-width:18px 30px 0 0;border-color:#459a6c transparent transparent;position:absolute;bottom:-18px;right:0;z-index:0;position:absolute}
#banner .notencall a{padding:34px 15px}
#banner .notencall svg{width:18px;aspect-ratio:1/1;fill:#ffffff;margin-right:5px}
#banner .notencall span{color:#ffffff}

/* slick-current */
#banner .slick-current .info .txt *{opacity:1}
#banner .mmtmore{display:flex;flex-direction:column;align-items:center;width:100%}
#banner .mmtmore a{background:unset;padding: 3px 0px;}
#banner .mmtmore a svg{background: unset;fill: #ffffff;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#banner .mmtmore a svg path{fill: var(--secondary);}
#banner .mmtmore a:hover svg{
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#banner .info .txt .coorbox{width:min(370px,91%);margin-bottom: 20px;margin-top: 0;}
#banner .info .midtexrb p{font-size: max(1*(1vw + 1vh) / 2,15px);font-weight: 600;}
#banner .info .txt .coorbox p{font-size: max(2.8*(1vw + 1vh) / 2,20px);word-spacing:100vw;max-width:100%;line-height:140%;text-align:center;color: #ffffff;font-weight: 500;}
#banner .slick-current .info .txt p.madowinfo{font-size:max(1*(1vw + 1vh) / 2,12px);font-weight:100;padding-top:10px;border-top:rgb(255 255 255 / 35%) 1px solid;margin-top:25px;width:min(666px,50%)}

/*bannerseico*/
#banner .bannerseicon{width: 100%;position: absolute;z-index: 7;}
#banner .bannerseicon .slick-list{width: min(500px , 100% );margin: 0 auto;overflow: hidden;padding: 15px 60px;background: #ffffff;border-radius: 6666px;filter: drop-shadow(0px 11px 8px rgba(18, 18, 18, 0.05));}
#banner .taJJ_box{position: relative;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#banner .taJJ_box .arrow_btns_box{width: min(480px, 95%);z-index: 8;top: auto;}
#banner .taJJ_box .arrow_btns_box .slick-arrow{background: unset;}
.taJJ_box .arrow_btns_box .iconCircle{display:none;}
.taJJ_box .arrow_btns_box svg{width:50px;padding: 16px;}
#banner .slick-track .slick-slide.see_box{display: flex;flex-direction: column;transform: scale(1);align-items: center;opacity:0;cursor: pointer;padding: 9px 0;}
#banner .slick-track .slick-slide.see_box.slick-active{opacity:1}
#banner .slick-track .slick-slide.see_box img{min-height: auto;aspect-ratio: 1/1;width: 69px;}
#banner .slick-track .slick-slide.see_box:hover img{transform: scale(1.1);}
@keyframes colorChange{0%{background-color:rgb(141 0 9 / 78%)}
100%{background-color:rgb(183 49 58 / 78%)}
}
@keyframes rotateJ {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes rotateJ2 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(10deg);}
	100% {transform: rotate(0deg);}
}
@media screen and (min-width: 761px) {
	#banner img{}
	#banner .pos_abs{height:100%;width: 100%;}
	#banner .info{padding-bottom:0vh;height:100%}
}

@media screen and (max-width: 1470px) {
	#banner .arrow_btns_box{width: 86vw;}
	#banner .arrow_btns_box svg{width: 60px;}
	.arrow_btns_box .iconCircle{width: 60px;opacity: 0;}
	#banner .arrow_btns_box svg.pathJ{width: 68px;top: -2px;left: -2px;}
	#banner img{min-height:unset;}
	#banner img.voheebox{height: 530px;}
	#banner .info .txt{margin-top:11%}
	#banner .main-slider{width: min(1160px ,90%);}
	#banner .notencall{right: 2.69vw;top: 155px;}
	#banner .sideflyJJ.sebox01{left: -6vw;top: -7vw;width: 37vw;}
	#banner .sideflyJJ.sebox02{width: 29vw;right: -4vw;}
	#banner .notencall a{padding: 30px 5px;}
	#banner video, #banner iframe{aspect-ratio: 150 / 720;}
	#banner .slick-track .slick-slide.see_box img{width: 50px;}
	#banner .bannerseicon{bottom: -50px;}
}
@media screen and (max-width: 980px){
	#banner img{object-position:0% 50%}
	#banner .mmtmore{display:flex;align-items: center;}
}

@media screen and (max-width: 640px) {
	#banner .sideflyJJ{display: none;}
	#banner .info .txt{-moz-transform:translateY(-55px);-webkit-transform:translateY(-55px);-o-transform:translateY(-55px);-ms-transform:translateY(-55px);transform:translateY(-55px)}
	#banner img.voheebox{height:440px;object-position:65% 50%}
	#banner .notencall{right: auto;top: auto;bottom: 0;width: 100%;margin-right: 0;border-radius: 0;}
	#banner .notencall:before{display:none;}
	#banner .main-slider{width: 100%;margin-top: 80px;}
	#banner *{border-radius: 0;}
	#newsJ_area .newsJlist .neneinfo svg{width: 13px;}
	#banner .slick-arrow{display: none!important;}
	#banner .taJJ_box .arrow_btns_box svg{width: 38px;padding: 10px;}
	#banner .taJJ_box .arrow_btns_box .slick-arrow{display: flex!important;}
	#banner .taJJ_box .arrow_btns_box{width: 84%;}
}
@media screen and (max-width: 550px){
	#banner img.voheebox{object-position:0% 50%;height:600px}
	#banner .slick-current .info .txt p.madowinfo{width:100%}
	#banner .info .txt{-moz-transform:translateY(78px);-webkit-transform:translateY(78px);-o-transform:translateY(78px);-ms-transform:translateY(78px);transform:translateY(78px);margin-left:9%}
	#banner .info:before{content:"";position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 11%)}
	#banner .notencall a{padding: 14px 5px;}
	#banner .slick-track *{border-radius:0;}
	#banner .bannerseicon{width:90%}
	#banner .bannerseicon .slick-list{padding:10px 20px;}
}
@media screen and (max-width: 480px){
	#banner .info .txt{padding: 0;-moz-transform: unset;-webkit-transform: unset;-o-transform: unset;-ms-transform: unset;transform: unset;margin: 0 auto;display: flex;justify-content: center;margin-bottom: 0;}
	#banner .info .txt p{}
	#banner .slick-current .info .txt .coorbox{margin-left: 0;}
	#banner .midtexrb{margin-top:37px;width: 100%;display: flex;}
	#banner .mmtmore{display: none;}
	#banner img.voheebox , #banner .info{height: 270px;object-position: 50%;}
	#banner:before{height: 200px;}
	#banner .midtexrb img{width: 35px;}
	#banner .main-slider{margin-top: 82px;}
}