/* 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: 6;position: relative;width: 100vw;background-color: #eaeaea;background-image: url(/images/40/index_bown.png);background-position: 50% 100%;background-repeat: no-repeat;}
.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;}
section>*{z-index:3}
section .title_box{margin-bottom: 30px;display: flex;flex-direction: column;align-items: center;}
section .title_box .cacamoutitle{display:flex;flex-direction:column;align-items:flex-start;margin-left:11px;gap: 5px;}
section .title_box .area_titleEN{font-weight: 500;font-size: max(5.6*(1vw + 1vh) / 2,34px);line-height:100%;color: #4e4e4e;text-transform: uppercase;font-weight: 700;}
section .title_box .area_title{position: relative;font-weight: 700;font-size: max(2.1*(1vw + 1vh) / 2,22px);line-height: 150%;color: #4e4e4e;display: flex;align-items: center;padding: 4px 30px;margin: 25px 0;left: 25px;}
section .title_box .area_title:before{content:"";position: absolute;width: 140%;height: 113%;left: -25%;-moz-transform-origin: bottom;-moz-transform: skewX(-15deg);-webkit-transform-origin:bottom;-webkit-transform: skewX(-15deg);-o-transform-origin:bottom;-o-transform: skewX(-15deg);-ms-transform-origin:bottom;-ms-transform: skewX(-15deg);transform-origin:bottom;transform: skewX(-15deg);background: #ffffff;z-index: -1;border: #353535 3px solid;}
section .title_box .area_title:after{content:"";position: absolute;width: 140%;height: 113%;left: -21%;bottom: -13px;-moz-transform-origin: bottom;-moz-transform: skewX(-15deg);-webkit-transform-origin:bottom;-webkit-transform: skewX(-15deg);-o-transform-origin:bottom;-o-transform: skewX(-15deg);-ms-transform-origin:bottom;-ms-transform: skewX(-15deg);transform-origin:bottom;transform: skewX(-15deg);background: #ffffff;z-index: -2;border: #353535 2px solid;background: #353535;}

section .title_box .sub_title{font-weight: 500;font-size: max(3.7*(1vw + 1vh) / 2,20px);color: #404040;text-transform:uppercase;line-height: 170%;}
section .title_box .gotarimg img{width: 28px;animation: swingArc 1s ease-in-out infinite alternate;transform-origin: 100% 100%;}
.webBox .hanJ01  .pageh1{position: relative;animation: unset;top: auto;font-size: 18px;font-weight: 300;display: flex;align-items: center;gap: 7px;margin-top: 10px;}
.webBox .hanJ01 .pageh1:before , .webBox .hanJ01 .pageh1:after{content:"";position: relative;display: flex;width: 5px;aspect-ratio: 1/1;background: #9d9d9e;}
section .title_box .ct_top{display: flex;align-items: center;}

a.fmlink{display:flex;height:auto;width: 160px;margin-top: 60px;padding: 8px 20px;justify-content: center;color:white;font-size: max(1.15 * (1vw + 1vh) / 2,14px);background: linear-gradient(0deg, #836034 0%, #ecbd78 100%);border-radius: 6666px;box-shadow: 0 0 20px rgb(114 114 114 / 30%);}
a.fmlink:hover{background: linear-gradient(63deg, #836034 0%, #ecbd78 100%);}
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;overflow: hidden;}
.ml11 .letter,.ml112 .letter{display:inline-block}
.ml112 .letter{opacity:0}


/* product_area */
#product_area{overflow:hidden;max-width:100vw;padding: 100px 0;}
#product_area .bg_box{opacity:1}
#product_area .list_box{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px}
#product_area .list_box .btn{position:absolute;width:85%;display:flex;justify-content:space-between;margin-bottom:68px;z-index:88;pointer-events:none}
#product_area .list_box .btn #product_prev , #product_area .list_box .btn #product_next{pointer-events: auto;}

#product_area .slick-list{overflow:visible}
.shpaeline{position:absolute;width:100%;margin-top:-270px}
.shpaeline img{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}

/*newsBox2*/
section#newsBox2 {display: flex;flex-direction: column;align-items: flex-end;padding: 100px 0 120px;margin-bottom: 20px;}
section#newsBox2:before{content:"";position: absolute;width: 100%;height: 103%;background: #eaeaea;top: 0;z-index: -1;}
section#newsBox2:after{content:"";position: absolute;width: 55%;height: 100%;background: #ffffff;z-index: 0;top: 0;box-shadow: 0 0 20px 7px rgb(186 186 186 / 30%);border-radius: 60px 0px 0px 60px;}

#newsBox2 .workframe{width:88%;display:flex;margin:0;flex-direction:column}
#newsBox2 .infolist{width:120%;padding:20px 0}
#newsBox2 .infolist .slick-track{display:flex;gap:24px}
#newsBox2 .title_box{display:flex;flex-direction:row;align-items:center;width:90%;justify-content:space-between;gap:50px}
#newsBox2 .title_box .ganglink{display:flex;align-items:center;justify-content:flex-end;flex:1;width: 250px;margin-right: 15px;}
#newsBox2 .nwJJoox{filter:drop-shadow(0 0 5px rgba(186,186,186,0.3));padding:20px 0}
#newsBox2 .nwJJoox .mwJJtop img{border-radius:50px 50px 0px 0px;aspect-ratio:667/264;object-fit:cover;background-position:50%}
#newsBox2 .nwJJoox .mwJJbottom{padding:22px 20px 30px;background:#ffffff;border-radius:0 0 30px 30px;display:grid;grid-template-columns:21% 74%;gap:5%;align-items:center}
#newsBox2 .nwJJoox .mwJJleftbox{display:flex;flex-direction:column;align-items:center}
#newsBox2 .nwJJoox .mwJJleftbox .date01{font-weight:500}
#newsBox2 .nwJJoox .mwJJleftbox .date02{font-size: max(2.8 * (1vw + 1vh) / 2,20px);font-weight:700;line-height:150%}
#newsBox2 .nwJJoox .mwJJleftbox .date03{font-size:max(1.1 * (1vw + 1vh) / 2,15px)}
#newsBox2 .nwtitleJ{font-size: 24px;overflow:hidden;margin-bottom:10px;height: 42px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#newsBox2 .nwJJoox .mwJJrighttbox{border-bottom: #d2d2d2 1px solid;}
#newsBox2 .nwJJoox .mwJJrighttbox p{font-weight:300;padding-bottom:10px;line-height:170%;font-size:16px;overflow:hidden;margin-bottom: 10px;height:86px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#newsBox2 .dwn_text{margin-top:60px;display:flex;align-items:center;gap:10px;width:46%;position:absolute;right:35vw}

#newsBox2 .dwn_text span{width: 13vw;height: 1px;background: #454545;}
.arrow_btns_box{cursor:pointer;position: relative;z-index:5;display: flex;gap: 7px;}
.arrow_btns_box .slick-arrow.slick-prev{left:unset;position:relative}
.arrow_btns_box .slick-arrow.slick-next{right:unset;position:relative;transform:scaleX(-1);}
.arrow_btns_box .slick-arrow{-webkit-transform:unset;-ms-transform:unset;transform:unset;width:auto;height:auto;border: #6a6a6a 1px solid;border-radius: 50px;}
.arrow_btns_box .slick-arrow:hover svg{background: var(--primary);fill: #ffffff;}
.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: 43px;aspect-ratio:1/1;background: #495654;border-radius:50%;padding: 8px;fill: #ffffff;}



/* book_area */
#book_area .list_box img{height:650px}
#book_area .list_box li{margin-left:10px}
#book_area .list_box .img_box{border:var(--white) solid;border-width:0 1px 1px 0}
#book_area .list_box .img_box:after,#book_area .list_box .img_box:before{position:absolute;width:100%;height:100%;background:#ffffff59;z-index:9;opacity:.4;content:""}
#book_area .list_box .img_box:after{right:0;bottom:0}
#book_area .list_box .atag_item{z-index:10}
#book_area .list_box .badge{margin:auto;padding:10px 20px;max-width:calc(80% - 40px);height:34px;line-height:36px;font-size:max(1.4*(1vw + 1vh) / 2,16px)}

/* 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:0;padding: 0px 0px 0px;background-color: #f5f5f5;background-image: url(/images/40/vacamimg.png);background-repeat: no-repeat;background-position: 1% 95%;}
.ganglink.centerJ{display:flex;flex-direction:column;align-items:center}
section#custom_area .title_box .ct_top{display:flex;flex-direction:column;align-items:center}
section#custom_area .title_box .cacamoutitle{display:flex;flex-direction:column;align-items:center}
section#custom_area .title_box .area_title{left: auto;}
#custom_area:before{position:absolute;width:100%;height: 200px;display:block;top: -200px;left:0;opacity: 1;content:"";background: url(/images/40/cum_topimg.png);filter: drop-shadow(0px -10px 6px #dcdcdc);background-position: 50% 0%;background-size: cover;}
.vavat_box{position:absolute;width:100%;display:flex;justify-content: flex-start;top:0}
.vavat_box .movoimg{width: 6vw;margin-left: 5vw;margin-top: -6vw;animation:swingArc 3s ease-in-out infinite alternate;transform-origin:100% 100%}
#custom_box{padding: 40px 40px 10px;}
#custom_box ul{width: 100%;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 16px;grid-row-gap: 16px;margin-bottom: 50px;gap: 70px;}
#custom_box ul li{display:flex;flex-direction:column;align-items: center;justify-content: center;gap: 20px;}
#custom_box .row{display:flex;flex-direction:column;align-items:center;width:100%}
#custom_box ul li:hover .cum_imgg{box-shadow:0px 0px 0px #809995}
#custom_box .cummtitle{color:#373737;font-size:max(1.7*(1vw + 1vh) / 2,15px);font-weight:700}
#custom_box .caumminfoo{font-size:max(1.1 * (1vw + 1vh) / 2,15px);text-align:center}
#custom_box .cum_imgg{background:#495654;border-radius:666px;width:min(178px,100%);aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:-13px -11px 0px #809995}
#custom_box .cum_imgg img{width: min(80px , 90%);padding: 2px;}
@-webkit-keyframes spineer{0%{-webkit-box-shadow:0 0 0 0 var(--info)}
70%{-webkit-box-shadow:0 0 0 20px transparent}
100%{-webkit-box-shadow:0 0 0 0 transparent}
}
@keyframes spineer{0%{box-shadow:0 0 0 0 var(--info)}
70%{box-shadow:0 0 0 20px transparent}
100%{box-shadow:0 0 0 0 transparent}
}
@keyframes scroll{from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
@-webkit-keyframes scroll{from{-webkit-transform:translateX(100%)}
to{-webkit-transform:translateX(-100%)}
}
@keyframes scroll2{from{transform:translateX(0)}
to{transform:translateX(-200%)}
}
@-webkit-keyframes scroll2{from{-webkit-transform:translateX(0)}
to{-webkit-transform:translateX(-200%)}
}

/*serviceJ_area*/
#serviceJ_area:before{content:"";position: absolute;background-image: url(/images/40/bowanshape.png);display: flex;width: 100%;aspect-ratio: 1920/271;top: 0;background-size: contain;}
#serviceJ_area:after{content:"";position: absolute;width: 10vw;aspect-ratio: 1/1;background: url(/images/40/cavaball.png);right: 24vw;top: 8vw;background-repeat: no-repeat;background-position: 50%;animation: upup 2s ease-in-out infinite alternate;z-index: 22;background-size: contain;}

#serviceJ_area{padding-top:150px}
#serviceJ_area .slick-prev{left: auto;width:auto;height:auto}
#serviceJ_area .slick-next{right: auto;width:auto;height:auto}
#serviceJ_area .arrow_btns_box{position:absolute;width: 106%;left: -3%;top:calc(50% + 70px);display:flex;justify-content:space-between}
#serviceJ_area .title_box{display:flex;align-items:flex-start}
#serviceJ_area .serveelist .slick-track{display:flex;/* gap:60px; */padding:60px 0}
#serviceJ_area .serveelist .doumbox{display:flex;flex-direction:column;align-items:center;gap:20px;background:#ffffff;padding:50px 20px;border-radius:30px;position: relative;margin: 0 20px;}
#serviceJ_area .Ja_fuo{font-size:max(1.7*(1vw + 1vh) / 2,18px);font-weight:500;color:#505050}
#serviceJ_area .serveelist .doumbox a{top: 0;z-index: 9;}
#book_area:after{content:"";position:absolute;width:800px;aspect-ratio:1/1;background:url(/images/40/abbgrightimg.png);background-repeat:no-repeat;background-size:contain;right:-440px;-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(45deg);bottom:-120px;left:-640px}
#book_area .puobox{display:flex}
#book_area .title_box{width:30%;margin-left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#book_area .cootext{margin:30px 0;font-weight:300}
#book_area .list_box{position:relative;width:70%;right:-13%}

/*boyumowo*/
.boyumowo a{display:flex;align-items:center;gap:10px;padding:10px 30px;width:222px;border:#818181 1px solid;border-radius:10px;justify-content:space-between}
.boyumowo a:hover{background:#dcad71;border-color:#dcad71}
.boyumowo a:hover{color:white}
.boyumowo a:hover span{background:white}
.boyumowo a span{position:relative;display:flex;width:11px;aspect-ratio:1/1;background:#545454;flex-direction:column;align-items:center;border-radius:55555px}
.oudanJ_bg{position:absolute;background: linear-gradient(to bottom, #e7e7e7, #eaeaea);}

/*about_area*/
#about_area:before{content:"";position: absolute;width: 50vw;left: -18vw;aspect-ratio: 1/1;background: rgb(215 215 215 / 38%);border-radius: 5555px;}
#about_area .workframe{display:grid;grid-template-columns: 50% 42%;position:relative;padding: 200px 0 400px;gap:2%;align-items:end;justify-content:space-between;margin: 0 0px 0px 4vw;width: min(90%,1510px);}
#about_area .workframe .about_area_left{position: relative;}
#about_area .title_box{display:flex;align-items:flex-start;gap:5px}
#about_area .about_area_right{padding:30px;width:min(770px,100%);margin-bottom:20px;position: relative;}
#about_area .about_area_right:before{content:"";background: url(/images/40/actext_bg.png);background-size: contain;position: absolute;width: 100%;height: 120%;left: -18%;top: -10%;background-repeat: no-repeat;}
#about_area .about_area_right:after{content:"";position: absolute;width: 10vw;aspect-ratio: 1/1;background: url(/images/40/cavaball.png);right: -13vw;bottom: 0;background-repeat: no-repeat;background-position: 50%;animation: upup 2s ease-in-out infinite alternate;background-size: contain;}
#about_area .cominte_box{padding: 20px 0 40px;}
#about_area .cominte_box p{font-weight: 500;padding-bottom:10px;line-height:170%;font-size: 20px;overflow:hidden;margin-bottom:10px;height: 140px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color: #505050;}

#about_area .malittleimg{position: absolute;bottom: 60px;}
#about_area .dwdwtext{background-repeat:repeat-x;background-image: url(/images/40/artmruning.png);animation:bgroop 100s linear infinite;position:absolute;height: 6.0rem;width:130vw;bottom: 0;z-index:5;left:-26vw;background-size:cover}
@keyframes swingArc {
    0% {transform: rotate(5deg);}
    100% {transform: rotate(-5deg);}
  }
@keyframes upup {
    0% {transform:translateY(0em);}
    100% {transform: translateY(1em);}
  }


@keyframes bgroop {
  from {background-position: 0 0;}
  to {background-position: 4469px 0;}
}


.mb-box{display:flex;flex-direction:column;width:100%;margin-top:11px}
.pc-box{display:flex;align-items: center;}


#reviews_area{;padding:140px 0}
#reviews_area .tctextbox p.text-clamp{height:66px;-webkit-line-clamp:2;padding-right:0;width: min(487px , 100%);margin: 10px 0 40px;}
#reviews_area a.fmlink{margin-top:20px}
#reviews_area .workframe{width: 86%;margin: 0px 0px 0 13%;display:grid;grid-template-columns:35% 62%;gap:50px;justify-items:center;align-items:center}
#reviews_area .revright{width:100%;display:flex}
section#reviews_area .title_box{display: flex;align-items: flex-start;}
@media screen and (min-width: 1281px) {
	#book_area .list_box li:hover .badge{background:var(--primary);color:var(--white)}
}

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


@media screen and (max-width: 1470px) {
	.oudanJ_bg img{object-fit: cover;left: 300px;display: flex;position: relative;}
	#about_area .workframe{padding: 150px 0 300px;grid-template-columns: 44% 47%;align-items: center;}
	#about_area .cominte_box p{font-size: 16px;}
	#about_area .cominte_box{padding: 10px 0 30px;}
	#about_area .about_area_right:after{right: -1vw;bottom: -30px;width: 8vw;}
	#custom_area:before{height: 150px;top: -150px;}
	#newsBox2 .nwJJoox .mwJJtop img{border-radius: 30px 30px 0px 0px;aspect-ratio: 667 / 328;}
	#newsBox2 .nwJJoox .mwJJbottom{border-radius: 0 0 17px 17px;}
	a.fmlink{margin-top: 30px;}
	.mooimlink .spanlinesot{width: 120px;}
    .JJtitle .midtexrb{width:min(45px,100%)}
    .JJtitle .Jterightbox{margin-left:5px}
    .JJtitle .Jterightbox p{display:flex;}
    .JJtitle{margin-bottom: 40px;}
    .maloogo{width:220px}
    #philosophy_area .coomcebox{width:min(900px,80%);margin-top:0}
    .maJfixbg{height:390px}
	
    #solgon_area{padding:20px 0}
    #book_area .list_box img{height:480px}
    #book_area:after{left:-598px;background-size:70%;background-position:50%}
    #book_area .list_box{right:-10%;width:68%}
    .ceeservice{margin-top:-188px}
    .rigthJJufoimg img{width:17vw;margin-top:-12vw;right:-8px}
	#reviews_area{padding: 60px 0;}
	#reviews_area .workframe{width: 92%;grid-template-columns: 35% 61%;margin: 0px 0px 0 8%;}
}

@media screen and (max-width: 1280px) {
	#book_area .puobox{display:flex;flex-direction:column}
	#book_area .title_box{width:100%}
	#book_area .list_box{right:0;width:100%}
	#book_area .list_box img{height:310px}
}

@media screen and (max-width: 1024px) {
    .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%}
    #conutJ_area .workframe{display:flex;flex-direction:column}
    #conutJ_area .coJleftbox{width:100%}
    #conutJ_area .coJrightbox{width:100%;margin-top:30px;margin-bottom:50px}
    #conutJ_area:before{display:none}
    .ceeservice{margin-top: 0;}
    #serviceJ_area .title_box{display: flex;flex-direction: column;align-items: center;}
	#custom_area:before , #about_area .about_area_right:after{display: none;}
	#about_area .workframe{padding: 150px 0 50px;grid-template-columns: 41% 52%;}
	#custom_area{padding: 80px 0 10px;}
	.vavat_box{display: none;}
	#custom_box .cum_imgg{width: min(128px, 100%);}
	#about_area:before{width: 42vw;}
	#serviceJ_area:after{right: auto;left: 13vw;top: -3vw;}
	#serviceJ_area .slick-prev{left: 0;}
	#serviceJ_area .slick-next{right: 0;}
	#reviews_area .workframe{width: 90%;margin: 0px 5% 0 5%;}
}
@media screen and (max-width: 980px){
	.JJtitle{padding-top:20px}
    .mideyeembox .mieitem img{margin:0 auto}
    .ceeservice img{height:999px}
    .Jamore{justify-content:center}
	#reviews_area .workframe{display: flex;flex-direction: column;margin: 0 auto;}
	#reviews_area .revright{}
	#reviews_area{padding: 20px 0 50px;}
	.JJtitle .Jterightbox{display: flex;flex-direction: column;align-items: center;}
	#product_area .list_box .btn{width: 100%;}
	#product_area .list_box .btn img{width: 20px;}
	#about_area .workframe{display: flex;flex-direction: column;gap: 50px;padding: 0 0;}
	#about_area .about_area_right{width: 100%;padding: 10px 10px 50px;}
	#about_area .boyumowo a{background: #ffffff;}
	#about_area .dwdwtext{z-index: -1;}
	#custom_box ul{grid-template-columns: repeat(2, 1fr);gap: 40px 20px;}
	section#newsBox2{display: flex;flex-direction: column;align-items: center;padding: 60px 0 60px;background: #f8f8f8;box-shadow: 0 0 20px 4px rgb(112 112 112 / 14%);margin-bottom: 0;z-index: 2;}
	#newsBox2 .workframe{width: 90%;display: flex;align-items: center;flex-direction: column;}
	section#newsBox2:after{display:none;}
	#newsBox2 .infolist{width: 100%;}
	.pc-box{display: none!important;}
	section#newsBox2:before{display: none;}
	#newsBox2 .nwJJoox .mwJJbottom{display: flex;flex-direction: column;}
	#newsBox2 .nwJJoox .mwJJleftbox{display: flex;flex-direction: row;align-items: center;gap: 6px;width: 100%;}
	section#reviews_area .title_box{display: flex;flex-direction: column;align-items: center;}
	#reviews_area .tctextbox p.text-clamp{text-align: center;}
	.tminfo{display: flex;flex-direction: column;align-items: center;}
	#reviews_area .ganglink{display: flex;flex-direction: column;align-items: center;}
	section .title_box .area_title:before , section .title_box .area_title:after{
    -moz-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
}
	section .title_box .area_title{left: 0;}
	section .title_box .cacamoutitle{margin-left: 0;display: flex;flex-direction: column;align-items: center;}
	#about_area .workframe .about_area_left{display: none;}
	#about_area .title_box , #about_area .cominte_box p{display: flex;flex-direction: column;align-items: center;}
	.pocessbox{display: flex;justify-content: center;}
	#about_area .ganglink {display: flex;flex-direction: column;align-items: center;}
	#about_area .about_area_right:before , #about_area:before{display:none;}
}

@media screen and (max-width: 768px) {
	section .title_box .gotarimg img{width: 25px;}
	.arrow_btns_box svg{width: 40px;padding: 13px;}
	.maloogo , #custom_area:after{display:none}
	.mabigimg,.webBox .hanJ01 .pageh1:before, .webBox .hanJ01 .pageh1:after{display: none;}
	section .title_box .ct_top{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
    .vavat_box{display:none}
	#custom_box ul li{display: flex;justify-content: flex-start;}
	#custom_box .caumminfoo{text-align: left;}
	#serviceJ_area .serveelist .slick-track{gap: 0;}
	#serviceJ_area:after{width: 15vw;}
	.pocessbox{display: grid;grid-template-columns: repeat(2, 1fr);width: min(400px,100%);margin: 0 auto 30px;}
	.pocessbox img{display: none;}
    #custom_area{padding:50px 0 60px;z-index:0}
    section#custom_area .title_box .ct_top,section#custom_area .title_box .cacamoutitle{display:flex;align-items: center;width:90%}
	.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}
	#product_area{padding: 40px 0;}
	#product_area .list_box{margin-top:40px;}
	#youtube_box{padding-bottom:60vw}
	.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) {
	#about_area .workframe .about_area_left{margin-left: 0;display: flex;flex-direction: column;gap: 20px;}
	#about_area .malittleimg{position: relative;bottom: unset;}
	.oudanJ_bg{height: 1270px;}
	.oudanJ_bg img{height: 100%;object-fit: cover;object-position: 22% 50%;}
	.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}
    #book_area .list_box img{height:65vw}
    section .title_box .area_title{font-weight:600}
    .maJfixbg .maJinfo{right:auto;bottom:auto;width:100%}
    .maJfixbg{height:300px}
    .maJfixbg .workframe{display:flex;flex-direction:column;align-items:center;justify-content:center}
    .maJfixbg .maJinfo p{text-align:center}
    #conutJ_area .coJrightbox iframe{height:300px}
    #philosophy_area{padding:50px 0 50px}
    .lusancall{margin-left:0}
    .lusanline{width:100vw;margin-right:0}
	.sooptext , .sooptext2 , .sooptext3{display:none;}
    .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}
	#newsBox2 .nwJJoox .mwJJtop img{aspect-ratio: 7/5;}
	#about_area .cominte_box p{margin-bottom: 30px;}
}

@media screen and (max-width: 550px) {
	.arrow_btns_box{top:-74px}
    .arrow_btns_box.ree{left:auto;right:50px}
    .arrow_btns_box.lee{right:-15px}
    .mmtmore a{padding:1px 7px 4px 29px}
    #philosophy_area .JJtitle h2{text-align:center}
    #philosophy_area:after,#philosophy_area:before{display:none}
    #conutJ_area .JJtitle{margin-bottom:30px}
    #conutJ_area .coeJJtext{margin-bottom:10px}
    #conutJ_area{padding:80px 0}
    .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: 18px;}
	.ct_bottom ,#about_area .cominte_box{padding: 4px 13px;}
	#about_area .cominte_box{margin-bottom: 40px;}
}

@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}
    .shpaeline{display:none}
    #product_area .bgBox{width:100%;object-fit:cover}
    .mainfobox{padding:67px 0}
    .maloogo{display:none}
    #VCRabout .VCRbottom{grid-template-columns:repeat(2,1fr);margin-top:60px}
    .rigthJJufoimg img{width:55vw;margin-top:-167vw;right:-7vw;transform:rotate(7deg)}
    .ceeservice{margin-top:-60px}
    .ceeservice img{display:flex;height:1200px}
    .title_box .ct_top{display:flex;flex-direction:column;align-items:center}
    #about_area .workframe{gap:30px;margin:0;padding: 24px 0;width: 100%;}
   
}