/*servee*/
#servee{background: #f9f9f9;padding: 4vw 0;}
#servee .info{margin-bottom:50px;}

.slick-3d .slide {
  transform: scale(0.85);
  opacity: 0.6;
  transition: all 0.6s ease;
  transform-origin: center center;
  perspective: 1000px;
}

.slick-3d .slick-center {
  opacity: 1;
}
.slick-3d .slick-slide{opacity:0}
.slick-3d .slick-slide.slick-active {
  transform: scale(0.85);
  transform-style: preserve-3d;
  perspective: 100px;
  perspective-origin: center center;
  transition: all linear 0.3s;
  opacity: 1;
}


.slick-3d .slick-active.slick-current + .slick-slide {transform: rotateY(-15deg) scale(0.9);opacity: 1;}
.slick-3d .slick-active.slick-current + .slick-slide .mwmimg{transform: rotateY(-2deg);}

.slick-3d .slick-current.slick-center {
  transform: scale(1.1) rotateY(0deg);
}
.slick-3d .slick-active .mwmimg{
    transform: rotateY(2deg);
}
.slick-3d .slick-center .mwmimg{transform: rotateY(0deg);}

.slick-3d .slick-active:first-child {
  transform: rotateY(15deg) scale(0.85);
  opacity: 0.7;
}

.slick-3d img {
  width: 100%;
  border-radius: 14px 14px 0 0;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  aspect-ratio: 5/4;
  object-fit: cover;
}


#servee .news_list .mdmiJJ{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
}
#servee .workframe{
    width: min(100%, 1680px);
}
#servee .nwJJoox{}
#servee .news_list .mdJbox01{position: absolute;width: 90vw;}
#servee .news_list .mdJbox02{width: 100%;}
#servee .news_list .mdJbox02 .slick-list{
}
#servee .news_list .mdJbox01 .arrow_btns_box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;}

#servee .news_list .mdJbox01 .arrow_btns_box .slick-prev{-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);}

#servee .mwmtext .h3{overflow: hidden;margin: 10px 0;height: 38px;font-size: 21px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#servee .mwmtext p.text-clamp{overflow: hidden;margin: 10px 0;height: 63px;font-size: 16px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#servee .mwmimg{padding: 40px 10px;display: flex;flex-direction: column;align-items: center;}
#servee .mwmtext{padding: 10px 10px;}
#servee a.fmlink{margin: 20px auto 0;}
#servee .bg_box{opacity: 1;}
#servee .bg_box:before{height: 200%;background: #e0e5e2;opacity: 1;}

#servee .teetext{padding: 19px 0;display: flex;width: 100%;flex-direction: column;align-items: center;background: #050505;color: #ffffff;font-size: max(1.3 * (1vw + 1vh) / 2, 18px);border-radius: 0 0 14px 14px;}

.arrow_btns_box{cursor:pointer;position: relative;z-index:5;display: flex;gap: 20px;pointer-events: none;}
.arrow_btns_box .slick-prev{transform: unset;left:unset;position:relative;width: auto;height: auto;-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-o-transform: scaleX(-1);transform: scaleX(-1);}
.arrow_btns_box .slick-next{transform: unset;right:unset;position:relative;width: auto;height: auto;}
.arrow_btns_box .slick-disabled svg{background: #cac3b9;}
.arrow_btns_box .slick-arrow{width:auto;height:auto;pointer-events: auto;}
.arrow_btns_box .slick-arrow:hover svg{fill: var(--primary);}
.arrow_btns_box .slick-prev:before, .arrow_btns_box .slick-next:before{display:none;}
.arrow_btns_box.ree{left:-1%}
.arrow_btns_box.lee{left:31%}
.arrow_btns_box .prev svg{-moz-transform:scalex(-1);-webkit-transform:scalex(-1);-o-transform:scalex(-1);-ms-transform:scalex(-1);transform:scalex(-1)}
.arrow_btns_box svg{width: 60px;aspect-ratio:1/1;border-radius:50%;padding: 18px;fill: #0f0f0f;}
.arrow_btns_box svg{width: 25px;padding: 8px;}


@media screen and (max-width: 640px){
    .slick-3d .slick-active.slick-current + .slick-slide{opacity:0}
}
@media screen and (max-width: 640px){
    .JJtitle .twobox .arrow_btns_box svg{background:unset;fill:#272727;width: 23px;padding: 0;}
	.JJtitle .twobox{display:flex;flex-direction: column;align-items: center;}
    .arrow_btns_box.ree{left:auto;right:50px}
    .arrow_btns_box.lee{right:-15px}
}

@media screen and (max-width: 480px){
    #servee .info{margin-bottom:10px;}
}