#banner{width:100%;z-index:3;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{
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
#banner img{width: 100vw;min-height:75vh;aspect-ratio: 1432/760;}
#banner .sideflyJJ img{
    aspect-ratio: 102/103;
}
#banner .pos_abs{width:100vw;height: 100%;top:0;left:0}
#banner .info{height:75vh;z-index:6;width: 100%;display: none;}
#banner .info .txt{margin:auto;-moz-transform:translateY(4.25em);-webkit-transform:translateY(4.25em);-o-transform:translateY(4.25em);-ms-transform:translateY(4.25em);transform:translateY(4.25em);display:flex;flex-direction:column;align-items:center}
#banner .info .txt *{font-weight:400;color: #116537;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: 110px;}
#banner:before{content:"";width: 100vw;height: 500px;position: absolute;background: #e4e4e4;background: linear-gradient(to bottom, #ffffff, #f4f4f4);top: 0;}
#banner * {border-radius: 30px;}
#banner .slick-arrow{
    background: var(--primary);
    width: 66px;
    height: 66px;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 77px;
    top: 56%;
}
#banner .slick-arrow.slick-prev{
    left: 10.5vw;
}
#banner .slick-arrow.slick-next{
    right: 10.5vw;
}
#banner .slick-arrow img{
    width: 14px;
    min-height: unset;
    aspect-ratio: 3/5;
}
#banner .slick-arrow:before{
    content: "";
}

#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;}
#banner .mmtmore a svg{background: unset;fill: var(--secondary);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:60px;margin-top: 0;}
#banner .info .midtexrb p{font-size: max(4.2*(1vw + 1vh) / 2,30px);font-weight: 600;}
#banner .info .txt .coorbox p{font-size: max(2.3*(1vw + 1vh) / 2,20px);word-spacing:100vw;max-width:100%;line-height:140%;text-align:center;color: #1a1a1a;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%)}
@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 .slick-arrow.slick-prev{
    left: 7.5vw;
}
#banner .slick-arrow.slick-next{
    right: 7.5vw;
}
	#banner img{min-height:unset;}
	#banner img.voheebox{height: 560px;}
	#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;
}
}
@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;!important;
}
}
@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;
}
}
@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: 60px;}
	#banner .info .txt p{}
	#banner .slick-current .info .txt .coorbox{margin-left:-16px}
	#banner .midtexrb{margin-top:37px}
	#banner .mmtmore{display: none;}
	#banner img.voheebox , #banner .info{
	    height: 211px;
	    object-position: 50%;
	}
	#banner:before{height: 200px;}
	#banner .midtexrb img{width: 35px;}
	#banner .main-slider{
    margin-top: 70px;
}
}