/* index.less */
#product_area.list_box ul li{transform:translate(0,0);-webkit-transform:translate(0,0)}@media(min-width:1281px){#product_area.list_box ul li:hover{transform:translate(0,-20px);-webkit-transform:translate(0,-20px)}}#book_area.list_box li.img_box:before,#book_area.list_box li.img_box:after{transform:scaleY(0);-webkit-transform:scaleY(0)}#book_area.list_box li.img_box:after{transform-origin:center bottom;-webkit-transform-origin:center bottom}@media(min-width:1281px){#book_area.list_box li:hover.img_box:before,#book_area.list_box li:hover.img_box:after{transform:scaleY(1);-webkit-transform:scaleY(1)}}#youtube_box a{width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite}

#wrap{z-index: 9487;position: relative;width: 100vw;}
.midtexrb img{ animation: rotate3 8s ease-in-out infinite;
    transform-origin: 100% 100%;}
@keyframes rotate3 {
    0%, 100% {transform: rotate(30deg);}
    50% {transform: rotate(-10deg);}
}
/* search_box */
#openform{background:rgba(var(--white-rgb),.3)}
section.section_pad{padding:5vw 0;background-color: #f0f0f0;}
section>*{z-index:3}
section .title_box{margin-bottom:30px}
section .title_box .area_title{font-weight:400;font-size:max(1.2*(1vw + 1vh) / 2,21px);line-height:100%;color:#898989}
section .title_box .sub_title{font-weight:300;font-size:max(3.7*(1vw + 1vh) / 2,37px);color:#898989;text-transform:uppercase}

.webBox .hanJ01  .pageh1{position: relative;animation: unset;top: auto;font-size: 18px;font-weight: 300;display: flex;align-items: center;gap: 7px;}
.webBox .hanJ01 .pageh1:before , .webBox .hanJ01 .pageh1:after{content:"";position: relative;display: flex;width: 5px;aspect-ratio: 1/1;background: #9d9d9e;}


a.fmlink{display:flex;height:auto;width: 110px;margin-top: 60px;padding: 12px 20px;justify-content: center;color:white;font-size: max(1.15 * (1vw + 1vh) / 2,14px);background: #86968e;border-radius: 6666px;box-shadow: inset 0 -1em 3em rgb(45 78 87 / 53%), 0 0 0 0px white, 0.1em 0.1em 1em rgb(116 116 116 / 34%);}
a.fmlink:hover{background: #69a886;}
a.fmlink svg{fill:white;width:20px;aspect-ratio:1/1}

/* bg_box */
.bg_box{width:100%;height:100%;background:no-repeat 50%/cover;background-attachment:fixed;opacity:.3;top:0;left:0}
.bg_box:before{width:100%;height:100%;display:block;background:rgb(255 255 255 / 20%);content:""}
.bg_box.white:before{background:rgba(var(--white-rgb),.2)}
.ml11,.ml112{position:relative;font-weight:700;text-align:center;opacity:0}
.ml11 .text-wrapper,.ml112 .text-wrapper{position:relative;display:inline-block}
.ml11 .line,.ml112 .line{opacity:0;position:absolute;left:0;height:70%;width:1px;background-color:#4d4d4d;transform-origin:0 50%}
.ml11 .line1,.ml112 .line{top:15%;left:0}
.ml112 .line{transform:translateX(0)}
.ml11 .line1{display:none}
.ml11 *,.ml112 *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
.letters{display:flex;width:100%;justify-content: flex-start;}
.ml11 .letter,.ml112 .letter{display:inline-block}
.ml112 .letter{opacity:0}


/*arrow_boxJ*/
.arrow_boxJ{display:flex;gap: 20px;}
.arrow_boxJ .btmJ{cursor: pointer;padding: 18px;aspect-ratio: 1/1;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 6666px;border: rgb(255 255 255 / 82%) 1px solid;}
.arrow_boxJ .btmJ img{width: 30px;}
.arrow_boxJ .btmJ:hover{background: var(--primary);border-color: var(--primary);}


.gogotitle .moosubtitle{font-size: max(2 * (1vw + 1vh) / 2, 20px);color: #e9edf3;margin-left: 10px;display: flex;align-items: center;gap: 10px;}
.gogotitle .moosubtitle:before{content:"";position: relative;width: 7px;height: 35px;display: flex;background: var(--primary);top: 1px;}

.laJtext{position:absolute;width:auto;height:100%;left:-4%;top:20px;webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;display:flex;flex-direction:row;align-items:center}
.laJtext span{position:relative;display:flex;width:1px;height:90px;background:#757575}
.laJtext.boo2{right:-4%;left:auto}
.Jterightbox .cnlittle::after{display:none;}
.rigthJJufoimg{position: absolute;right: 0;z-index: 5;}
.rigthJJufoimg img{position: relative;width: 21vw;right: -18px;margin-top: -17vw;}


@keyframes sway {
    0% {transform: rotate(10deg);}
    50% {transform: rotate(-20deg);}
    100% {transform: rotate(10deg);}
}

@keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}

.mooimlink{position:relative;display:flex;align-items:center;gap:20px}
.mooimlink:hover p{color:var(--secondary)}
.mooimlink .spanlinesot:before{content:"";position:absolute;width:10px;aspect-ratio:1/1;background: #182c54;right:0;border-radius:555px}
.mooimlink .spanlinesot:after{content:"";position:absolute;width:18px;aspect-ratio:1/1;border:solid 1px #787878;right:-5px;border-radius:555px;animation:zoomInOut 3s ease-in-out infinite}
.mooimlink .spanlinesot{position:relative;width:210px;height:1px;background:#848484;display:flex;align-items:center}
@keyframes zoomInOut {
    0%, 100% {transform: scale(1);}
    50% {transform: scale(1.3);}
  }

.boomJJ{display: flex;gap: 15px;justify-content: center;}
.boomJJ .workframe{display:flex;flex-direction: column;align-items: center;}


@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


@keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}



.runingtext>div{position:relative;padding:10px 0;display:flex;text-align:center;transition:all .7s ease-out;-webkit-animation:picture_scroll 40s linear infinite;animation:picture_scroll 20s linear infinite;transform:translateX(0);width:100%;justify-content:space-between}
.runingtext{display:flex;position:relative;padding:15px 0;width:200%;position:absolute;top:50%;z-index:-1}
.runingtext .focus{margin:0 9px}
.clickshow>div{display:none}
.clickshow>div h3{font-size:22px;margin-bottom:10px}
.clickshow>div p{font-size:16px}
@keyframes picture_scroll{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@-webkit-keyframes picture_scroll{from{-webkit-transform:translateX(0)}
to{-webkit-transform:translateX(-100%)}
}



.arrow_btns_box{cursor:pointer;position: relative;z-index:5;display: flex;gap: 20px;}
.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}
.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;}
.mmtmore{display:flex}
.mmtmore , .mmtmore *{border-radius: 0;}
.mmtmore a{background:var(--secondary);background:unset;display:flex;color:#5c8537;align-items:center;padding: 2px 10px;font-size: max(1.1*(1vw + 1vh) / 2,15px);justify-content:space-between;border-bottom: #5c8537 1.5px solid;border-top: #5c8537 1.5px solid;line-height: 100%;}
.mmtmore a:hover{background:var(--secondary);color:#fff}
.mmtmore a:hover svg{fill:#fff;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.mmtmore a svg{width: 63px;aspect-ratio: 5/3;border-radius:555px;margin: 2px 0px;padding: 8px;margin-right: 0;fill: var(--secondary);}
.mmtmore a svg path{fill:#5c8537}
.arrow_btns_box svg{width: 25px;padding: 8px;}


.JJlink{display:flex;align-items:center}
.JJlink.obfly{position:absolute;top:6px;right:0}
.JJlink.obfly a{margin-top:0}
.JJlink a{display:flex;height:auto;width: 200px;background:unset;margin-top:50px;border:rgb(209 209 209 / 79%) 1px solid;padding: 15px 5px;border-radius:125px;justify-content:space-around;color:#d1d1d1;font-size:max(1.2 * (1vw + 1vh) / 2,14px);font-weight:600}
.JJlink a:hover{background: var(--primary);}

.JJlink a span{color:white;font-size:max(1 * (1vw + 1vh) / 2,15px);padding:0 10px;font-weight:400;text-transform: uppercase;}
.JJlink a span.smallJ{font-size:17px}
.JJlink a svg{fill:#d1d1d1;width: 13px;aspect-ratio:1/1;background: var(--primary);border-radius:50%;padding: 9px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}


.cou_img{position:absolute;z-index: 22;width: 9vw;margin-top: -7vw;left: 0;}

/* indeservice_area */

#indeservice_area{display: flex;padding: 100px 0 100px 12vw;width: 100%;align-items: center;background: url(/images/40/service_title_bgd.png);}
#indeservice_area .inse_img{position:absolute;right: 0;width: calc(78vw - 64px);bottom: 0;}
#indeservice_area .setitle_box{display:flex;flex-direction: column;gap: 30px;}
#indeservice_area .setitle_box .se_en{font-size: max(4.2 * (1vw + 1vh) / 2, 48px);text-transform: uppercase;font-weight: 600;line-height: 1.2;color: #e9edf3;}
#indeservice_area .setitle_box .se_ch{font-size: max(2 * (1vw + 1vh) / 2, 20px);color: #e9edf3;margin-left: 10px;}

/*serviceitem_area*/

#serviceitem_area{display: grid;grid-template-columns: 40% 60%;background-color: #3f3f3f;}
#serviceitem_area .ser_left{display: flex;flex-direction: column;}
#serviceitem_area .ser_left img{height:100%;object-fit: cover;}
#serviceitem_area .ser_right{background: url(/images/40/serviceitem_bg.jpg);}
#serviceitem_area .se_topJJ_bar{display:flex;align-items: center;padding: 100px 10vw 100px 0;justify-content: flex-end;gap: 10px;}
#serviceitem_area .JJlink a{margin-top:0;}
#serviceitem_area .arrow_boxJ {gap: 10px;}
#serviceitem_area .arrow_boxJ .btmJ{width:25px;padding: 15px;}
#serviceitem_area .seeelist ul li{margin: 10px 20px;}
#serviceitem_area .seeelist ul{width:90%;margin: 0 auto;}
#serviceitem_area .seeelist ul li .teeetx{color:#e9edf3;padding: 5px 0;overflow: hidden;margin: 0px 0;height: 39px;font-size: 20px;text-align: center;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#serviceitem_area .seeelist ul li .img_box{display:flex;flex-direction: column;align-items: center;justify-content: center;}
#serviceitem_area .seeelist ul li .img_box:before{content:"";background:url(/images/40/hover_arrow.png);width: 100px;aspect-ratio: 1/1;position: absolute;background-size: cover;-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
#serviceitem_area .seeelist ul li:hover .img_box:before{transform: scale(1);}
#serviceitem_area .seeelist ul li .img_box img{aspect-ratio:40/59;object-fit: cover;}

.Japtab{display:flex;align-items:center;justify-content:center;margin-top:70px}
.Japtab a{padding:0 9px;cursor:pointer}
.activJ{border-bottom:#555 2px solid;color:#252525}
#showJ01{display:block}
.moreJbox a{display:flex;align-items:center;width:auto;border-bottom:#cfcfcf 1px solid}
.moreJbox a:hover svg{margin-left:30px}
.moreJbox svg{width:18px;aspect-ratio:1/1;margin-left:10px}
.arrowbox{display:flex;margin-left:95px}
.arrowbox svg{width:57px;aspect-ratio:1/1;padding:20px;border:#8a8a8a 1px solid;border-radius:50px;cursor:pointer}
.arrowbox .arrow_btns_box{margin-right:15px;opacity:.5}
.arrowbox .arrow_btns_box:hover{opacity:1}



/* youtube_box */
#youtube_box{min-height:1px;padding-bottom:30%}
#youtube_box a{position:absolute;background:var(--white);display:flex;top:50%;left:50%;z-index:99}
#youtube_box a i{margin:auto;font-size:30px;color:var(--primary)}
#youtube_box iframe{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}


/* custom_area */
#custom_area{margin-top: 0;z-index: 0;padding-bottom: 96px;}
#custom_area:after{content:"";position:absolute;background: #2f2f2f;width: 100%;height: 84%;top: 0;z-index: -1;}
#custom_area .project-bg {display:flex;gap: 20px;font-weight: 600;padding-left: 10vw;background: #2f2f2f;}
#custom_area .project-bg .run_box{font-size: max(11*(1vw + 1vh) / 2,15px);text-transform: uppercase;color: rgb(51 51 51);line-height: 1.5;}

#custom_area:before{content:"";position: absolute;top: 63px;right: 3vw;background: url(/images/40/Project.png);aspect-ratio: 26/131;width: 7vw;background-size: cover;}

#custom_area .workframe{background-size: contain;background-repeat: no-repeat;background-position: 50%;width: 87%;margin: 0;background-image: url(/images/40/index-year-bg.jpg);background-size: cover;}
#custom_area .workframe:before{content:"";position:absolute;width:10vw;right: -3vw;top: -9vw;background: url(/images/40/rightJ_img.png);aspect-ratio: 193/211;animation: sway 6s  linear infinite;transform-origin: right top;background-size: cover;}

#custom_area .custom_box{margin: 60px 0 50px;width: 100%;}
#custom_area .custom_box .cum_imgg{position: relative;border-radius: 666px;display: flex;flex-direction: column;align-items: center;aspect-ratio: 1/1;justify-content: center;}
#custom_area .custom_box .cum_imgg:before{content:"";position: absolute;width: 20px;aspect-ratio: 1/1;background: rgb(204 208 214 / 30%);border-radius: 6666px;right: calc(-44% - 10px);z-index: 3;}
#custom_area .custom_box .cum_imgg:after{content:"";position: absolute;width: 4px;aspect-ratio: 1 / 1;background: #ccd0d6;border-radius: 6666px;right: calc(-44% - 2px);z-index: 5;}
#custom_area .custom_box .cum_imgg img{width: min(150px,100%);}
#custom_area .custom_box ul li{position: relative;display: grid;grid-template-columns: 9% 84%;gap: 7%;margin: 0 3%;align-items: center;padding: 10px 0;}
#custom_area .custom_box ul li:hover .cuinfoo{background: var(--primary);}
#custom_area .custom_box ul li:hover .arrow_boxJ .btmJ{background: #1e1e1e;border-color: #7e7e7e;}
#custom_area .custom_box ul li:before{content:"";position:absolute;width: 1px;height: 100%;left: 13%;background: rgb(204 208 214 / 50%);}
#custom_area .custom_box .ponumber{position: relative;border-radius: 66669px;padding: 3px 0;display: flex;flex-direction: column;justify-content: center;color: #e9edf3;font-size: 16px;align-items: flex-start;line-height: 1.5;font-weight: 200;overflow: hidden;margin: 10px 0;height: 22px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#custom_area .inin_box{width: 83%;padding: 55px 0px 55px 12vw;}
#custom_area .JaJacenter{display:flex;justify-content: center;}
#custom_area .cuinfoo{padding: 36px 25px;background: rgb(22 22 22 / 74%);border-radius: 15px;width: 100%;display: grid;grid-template-columns: 90% 8%;justify-content: space-between;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#custom_area .cuinfoo .cu_right{display:flex;flex-direction: column;justify-content: center;}
#custom_area .cuinfoo .cutitle{font-size:20px;color: #e9edf3;overflow: hidden;margin: 10px 0;height: 31px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#custom_area  .arrow_boxJ .btmJ{background: var(--primary);border-color: var(--primary);padding: 16px;}
#custom_area .arrow_boxJ .btmJ img{width: 18px;}

#custom_area .box{width:400px;height:250px;border:1px solid #999;position:relative;overflow:hidden}
#custom_area .box{width:400px;height:250px;border:1px solid #999;position:relative;overflow:hidden}
#custom_area .car{position:absolute;left:0;top:0;white-space:nowrap;font-size:28px;transform-origin:center center;animation:rectPath 8s linear infinite}
@keyframes rectPath{0%{left:0;top:0;transform:rotate(0deg)}
25%{left:calc(100% - 120px);top:0;transform:rotate(0deg)}
30%{transform:rotate(90deg)}
55%{left:calc(100% - 120px);top:calc(100% - 40px);transform:rotate(90deg)}
60%{transform:rotate(180deg)}
85%{left:0;top:calc(100% - 40px);transform:rotate(180deg)}
90%{transform:rotate(270deg)}
100%{left:0;top:0;transform:rotate(270deg)}
}

/*coolineJ_box*/
.coolineJ_box{width: min(180px , 100%);display: flex;flex-direction: column;align-items: center;background: #1e1e1e;aspect-ratio: 1/1;justify-content: center;border-radius: 666px;right: 9vw;position: absolute;bottom: 0;}
.coolineJ_box svg{width: 40px;aspect-ratio:1/1}
.coolineJ_box:hover{background: var(--primary);}
.coolineJ_box:hover:before{border-color:var(--primary);}
.coolineJ_box *{color:#e9edf3;}
.coolineJ_box:before{content:"";position:absolute;width: 120%;aspect-ratio: 1/1;border-radius: 66666px;border: #1e1e1e 1px solid;animation: ceeale 3s linear infinite;}
@keyframes ceeale{
	0%{transform:scale(0.8);}
	50%{transform:scale(1);}
	100%{transform:scale(0.8);}
	}

#reviews_area{background:url(/images/40/paper-texture_bg.png);padding:140px 0}
#reviews_area .JJtitle{display:flex;align-content:flex-start}
.JJtitle .Jterightbox{width:100%;display: flex;align-items: flex-end;gap: 20px;}
.JJtitle .Jterightbox .titlebameoo{margin: 0;}
#reviews_area .tctextbox p.text-clamp{height:66px;-webkit-line-clamp:2;padding-right:0}
#reviews_area a.fmlink{margin-top:20px}
#reviews_area .workframe{width:92%;margin:0px 0px 0 8%;display:grid;grid-template-columns:35% 62%;gap:50px;justify-items:center;align-items:center}
#reviews_area .revright{width:100%;display:flex}



@media screen and (min-width: 1281px) {
	#custom_box ul li.mbJooshow{display: none;}

}

@media screen and (min-width: 769px) {
	.mb-box {display: none;	}
}

@media screen and (max-width: 1470px) {
	a.fmlink{margin-top: 30px;}
	.JJlink a{margin-top: 20px;}
	.mooimlink .spanlinesot{width: 120px;}
    #custom_box ul{height: 400px;}
	#custom_area .workframe{width: min(1280px, 90%);}
	.sout_bg:before{width: 10vw;}
	.sout_bg:after{width: 8vw;}
    .JJtitle .midtexrb{width:min(45px,100%)}
    .JJtitle .Jterightbox{margin-left:5px}
    .JJtitle .Jterightbox p{display:flex;}
	.sout_bg{padding-bottom: 90px;}
    .JJtitle{margin-bottom: 40px;}
	#reviews_area{padding: 60px 0;}
	#serviceitem_area{grid-template-columns: 41% 59%;}
	#serviceitem_area .seeelist ul li .teeetx{font-size: 17px;height: 33px;}
	#custom_area{margin-top: -20px;}
	#custom_box .cumimgbox img{width:80px}
	#custom_area .custom_box ul li{margin: 0 11px;}
	#custom_area .custom_box .cum_imgg img{width: min(147px, 100%);}
    .rigthJJufoimg img{width:17vw;margin-top:-12vw;right:-8px}
	#indeservice_area .inse_img{width: calc(78vw - 57px);}
	#serviceitem_area .se_topJJ_bar{padding: 90px 10vw 80px 0;}
	#serviceitem_area .seeelist ul li{margin: 10px 10px;}
	.coolineJ_box{width: min(150px, 100%);bottom: 2vw;}
	.coolineJ_box svg{width: 28px;}
}

@media screen and (max-width: 1280px) {
	#custom_area .project-bg{display:none;}
	#custom_box ul{grid-template-columns: repeat(3, 1fr);}
	#indeservice_area .inse_img{width: calc(78vw - 50px);}
	#serviceitem_area .se_topJJ_bar{padding: 60px 10vw 60px 0;}
}

@media screen and (max-width: 1024px) {
	#custom_box ul li.mbJooshow{display: flex;}
	#custom_box ul li.mbJooshow img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;}
	.rigthJJufoimg img{width:23vw;margin-top:-18vw}
    .arrowbox{margin-left:0}
    .Japtab{margin-top:20px}
    .mmtmore{display:flex;flex-direction:column;align-items:center;width:100%}
	#custom_area{margin-top: 0;}
	#custom_box ul li:before{display:none;}
	#custom_box{width: 90%;margin: 0 auto;}
	#custom_box ul li{margin: 0 9px;}
	#custom_box ul li .cum_imgg img{box-shadow: 0 0 8px rgba(var(--black-rgb), .2);}
	#custom_box ul{height:auto;}
	#serviceitem_area .se_topJJ_bar{padding: 40px 10vw 30px 0;}
	#indeservice_area .inse_img{width: calc(78vw - 41px);}
	#custom_area .custom_box .cum_imgg:before , #custom_area .custom_box .cum_imgg:after , #custom_area .custom_box ul li:before{display:none}
}
@media screen and (max-width: 980px){
	.JJtitle{padding-top:20px}
    .mideyeembox .mieitem img{margin:0 auto}
	#reviews_area .workframe{display: flex;flex-direction: column;margin: 0 auto;}
	#reviews_area .revright{display:none;}
	#reviews_area{padding: 20px 0 50px;}
	.JJtitle .Jterightbox{display: flex;flex-direction: column;align-items: center;}
	#custom_area .custom_box ul li{display:flex;flex-direction: column;}
	#custom_area .custom_box .cum_imgg{aspect-ratio:auto;}
	#custom_area .custom_box ul li .cuinfoo{margin-top: -15px;}
	#custom_area .workframe{width:100%;padding: 60px 0 70px;}
	.coolineJ_box{display:none;}
	.JJlink{display:flex;flex-direction: column;align-items: center;}
}

@media screen and (max-width: 768px) {
	.arrow_btns_box svg{width: 23px;padding: 0;}
	.mb-box{display:flex;flex-direction:column;width:100%;margin-top:11px}
	.toballbox{display:grid;align-items:center;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);grid-template-areas:"colorJ01 colorJ01" "colorJ02 colorJ03";justify-content:center}
	.alwashow{position:relative;width:100%;padding:30px 25px;background:#f6f6f6;border-radius:3px;outline:1px solid rgb(0 0 0 / 15%);outline-offset:-15px;margin:5px 0 10px;aspect-ratio:12/2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#b01a26}
	.toballbox .ballitem{width:200px;aspect-ratio:1/1;display:grid;border-radius:500px;justify-content:center;align-items:center}
	.toballbox .ballitem span{color:#fff}
	.toballbox .colorJ01{left:25%;position:relative;background:#b01a26;grid-area:colorJ01}
	.toballbox .colorJ02{position:relative;top:-70px;right:-20px;mix-blend-mode:darken;background:#57423f;grid-area:colorJ02}
	.toballbox .colorJ03{position:relative;top:-70px;left:-20px;mix-blend-mode:color;background:#ba6355;grid-area:colorJ03}
	#youtube_box{padding-bottom:60vw}
	#custom_box li .row{margin:10px 15px;padding:10px 0 20px;}
	#custom_box li .row article{bottom:-2px}
	.arrowbox .arrow_btns_box{margin-right:0;margin:0 5px}
	
}
@media screen and (min-width: 641px) {
	.mmtmore.mbshowJ{display: none;}
}
@media screen and (max-width: 640px) {
	.runingtext{top:30%}
    .pcshowJ{display:none}
    .mmtmore.pcshowJ{display:none}
    .arrow_btns_box.lee{left:auto;right:-4%}
    #fakeNumber ul{display:flex}
    #fakeNumber ul li{width:33.3%;display:flex;align-items:center}
	#custom_box ul{grid-template-columns: repeat(2, 1fr);}
    section .title_box .area_title{font-weight:600}
	.sout_bg{padding-bottom: 0;}
	.sout_bg:after{content:"";position: absolute;background: url(/images/40/mb_leftbox.png);background-size: cover;bottom: 0;animation: unset;top: auto;left: 0vw;width: auto;height: 77px;bottom: -77px;}
    .mooimlink{display:flex;flex-direction:column}
    .mooimlink .spanlinesot{width:1px;height:92px}
    .mooimlink .spanlinesot:before{bottom:0;right:-5px}
    .mooimlink .spanlinesot:after{bottom:-6px;right:-9px}
	.slick-3d .slick-active.slick-current + .slick-slide{opacity:0}
	.sambox{display:none;}
	#custom_area .arrow_boxJ{width: 85%;right: auto;top: 48%;display: flex;justify-content: space-between;}
	#custom_area .inin_box{display:flex;flex-direction: column;align-items: center;padding: 0;margin: 0 auto;}
	#serviceitem_area .ser_left{display:none;}
	#serviceitem_area{display:flex;flex-direction: column;}
}

@media screen and (max-width: 550px) {
	#doctor_area{background: #eee4de;padding: 50px 0 225px;}
	.sout_bg:before{width: 27vw;z-index: 6;top: 964px;right: 28vw;}
	
	.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}
    .mmtmore a{padding:1px 7px 4px 29px}
	#custom_box ul{grid-template-columns: repeat(1, 1fr);width: 90%;margin: 0 auto;}
	#custom_box li .row{display: flex;flex-direction: column;align-content: flex-start;}
	#custom_box li .row .h2{text-align: left;width: 100%;}
	#custom_box ul li:before , #custom_box ul li:last-child:before{right: auto;left: 21%;display: flex;height: 50%;display: none;}
   
    .JJtitle{display:flex;flex-direction:column;margin-bottom: 26px;margin-top: 0;}
	.JJtitle2{display:flex;flex-direction:column;align-items:center}
    .JJtitle2 h2{display:flex;flex-direction:column;align-items:center}
    .JJtitle2 h2:before{left:calc(50% - 10px)}
    .JJtitle2 h2:after{left:calc(50% - -10px)}
	a.fmlink{width: min(180px , 100%);margin: 35px auto 0;padding: 13px 0;}
	.cnlittle::before, .cnlittle::after{width: 45px;}
	.JJtitle .Jterightbox .cnlittle:before{width: 82px;}
	.webBox .hanJ01 .pageh1{font-size: 13px;}
	
}

@media screen and (max-width: 480px) {
	
	.JJtitle .Jterightbox p{display:flex;justify-content:flex-start}
    .JJtitle h2{margin-bottom:6px;max-width:100%;height:auto;text-overflow:unset;display:flex;-webkit-box-orient:unset;-webkit-line-clamp:unset}

    .mainfobox{padding:67px 0}
	#custom_box ul li .cum_imgg img{height: 171px;}
    .rigthJJufoimg img{width:55vw;margin-top:-167vw;right:-7vw;transform:rotate(7deg)}
	.sout_bg:before{width: 39vw;top: 818px;right: 27vw;}
	#custom_area .workframe{width:100%;}
	#indexabout_area .left_about , .cou_img{display:none;}
	#indeservice_area .setitle_box{gap: 15px;width: 85%;padding: 0px 0 30px;}
	#indeservice_area{display:flex;flex-direction: column;padding: 0;}
	#indeservice_area .inse_img{width: 114%;display: flex;position: relative;order: -1;top: -38px;}
	#serviceitem_area .ser_right{display:flex;flex-direction: column;padding: 50px 0px;}
	#serviceitem_area .se_topJJ_bar{order: 6;padding: 0 0;justify-content: center;}
	#serviceitem_area .seeelist{padding: 20px 0 40px;}
	#serviceitem_area .arrow_boxJ{position:absolute;width: 94%;bottom: 50%;display: flex;justify-content: space-between;z-index: 2;}
	#custom_area .custom_box .cum_imgg img{width: min(100px, 100%);}
	#custom_area .cuinfoo{display:flex;flex-direction: column;align-items: center;}
}