/* 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}

/* header */

/* search_box */

/* section */
section{margin:3vw 0 4vw;display:flex;flex-direction:column}
section.section_pad{padding:5vw 0}
section>*{z-index:3}
section .title_box{margin-bottom:27px}
section .title_box .area_title{font-weight:600;font-size:max(1.7 * (1vw + 1vh) / 2,19px);color:#292929}
section .title_box .sub_title{font-weight:600;font-size:max(1.4 * (1vw + 1vh) / 2,15px);color:#292929;letter-spacing:0.15em}

/* 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;content:""}
.bg_box.white:before{background:rgba(var(--white-rgb),.2)}
.magJlink{position:absolute;right:0;top:26px;z-index:8}
.magJlink.mb{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}
a.boomlink{display:flex;align-items:center;padding:8px 9px;width:180px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:rgb(255 255 255 / 20%);justify-content:space-around;border-radius:50px;color:#4a4a4a;letter-spacing:0.15em;font-size:max(1.1 * (1vw + 1vh) / 2,14px);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;border:#acacac 1px solid}
a.boomlink:hover{background:#31a8a1;border:#24a39c 1px solid}
a.boomlink:hover span{color:white}
a.boomlink span{color:#3d3d3d;font-size:max(1.1*(1vw + 1vh) / 2,14px)}
a.boomlink:hover svg{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);border-radius:50%;fill:#24a39c;background:white}
a.boomlink svg{width:16px;aspect-ratio:1/1;margin-left:10px;fill:#ffffff;-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;background:#24a39c;border-radius:50%;padding:8px}
.pagJtitle{position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:0 0 40px;margin-bottom:50px}
.pagJtitle:before{content:"";position:absolute;bottom:0;left:-12vw;width:100vw;height:1px;background:#e6e6e6}
.pagJtitle .toptJ{display:flex;width:100%;font-size:max(1.1*(1vw + 1vh) / 2,18px)}
.pagJtitle .ltftJboo{position:relative;display:flex;margin-right:15px}
.pagJtitle .ltftJboo p{font-size:max(4*(1vw + 1vh) / 2,35px);text-transform:uppercase;font-weight:700;color:#24a39c;line-height:90%}
.pagJtitle .rightJboo p{line-height:140%;font-size:max(1.2*(1vw + 1vh) / 2,16px)}
.catePTJ{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:2;gap:10px}
.PTJlist{display:contents}
.PTJitem{position:relative;grid-column:auto;display:flex;flex-direction:column;height:100%;overflow:hidden}
.PTJitem:hover img{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(1.4)}
.PTJitem:hover .textmbox{background:#24a39c}
.PTJitem:hover .textmbox *{color:white}
.PTJitem a.manlink{position:absolute;width:100%;height:100%;z-index:6}
.PTJitem .textmbox{display:flex;flex-direction:column;align-items:center;background:#eaeef1;padding:6px 0;z-index:3}
.PTJitem .textmbox span{font-size:max(1.2*(1vw + 1vh) / 2,16px);font-weight:500}
.PTJitem .textmbox b{font-size:max(1*(1vw + 1vh) / 2,14px);font-weight:300}
.PTJ-longitem{grid-column:span 2;display:flex}
#littlePT{border-bottom:#72c3bd 7px solid;padding-bottom:90px}

/*photo_listJJ*/
#photo_listJJ{width:100%;display:flex}
#photo_listJJ .slick-slide{display:flex;flex-direction:column;align-items:center}
#photo_listJJ .slick-slide a{display:flex;flex-direction:column;align-items:center;background:#eaeef1;padding:25px 0;width:90%}
#photo_listJJ .slick-slide a .toptext{font-size:max(1.2*(1vw + 1vh) / 2,14px)}
#photo_listJJ .slick-slide a .bottomtext{font-size:max(1.3*(1vw + 1vh) / 2,15px)}
#littlePTJ{padding:40px 0}
#littlePTJ .arrow_btns_box{display:flex;justify-content:center;position:relative;width:10vw;bottom:0;flex-direction:column;align-items:center;cursor:pointer}
#littlePTJ .slick-slider{display:flex;width:80vw;flex-direction:column}
#littlePTJ .arrow_btns_box .slick-arrow svg{width:30px;fill:#b7b7b7}
#littlePTJ .arrow_btns_box .slick-arrow.prev{transform:scalex(-1);padding:0 0;width:100%;background:#f4f4f4;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
#littlePTJ .arrow_btns_box .slick-arrow.next{padding:0;background:#f4f4f4;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}

/*contentJ*/

#contentJ{position:relative;background:#f9f9f9;padding:90px 0 70px}
#contentJ .cocobox{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
#contentJ .cocobox .cocoleftbox{width:50%}
#contentJ .cocobox .cocorightbox{width:50%}
#contentJ .cocobox .cocorightbox .coobman{display:flex;width:100%}
#contentJ .cocobox .cocorightbox .coobman a{display:flex;flex-direction:column;align-items:center;width:314px;aspect-ratio:8/3;justify-content:center;border-radius:12px;border:#8c8c8c 1px solid;margin:0 10px}
#contentJ .cocobox .cocorightbox .coobman a:hover{background:white;filter:drop-shadow(0 0 8px rgba(var(--black-rgb),.1))}
#contentJ .cocobox .cocorightbox .coobman a b{font-size:max(2.2*(1vw + 1vh) / 2,20px)}
#contentJ .cocobox .cocorightbox .coobman a *{color:#0d1216;font-size:max(1.3 * (1vw + 1vh) / 2,16px)}
#contentJ .cocobox .cocorightbox .coobman a img{width:35px}
#contentJ .pagJtitle{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0}
#contentJ .pagJtitle:before{display:none}
#contentJ .pagJtitle .ltftJboo{padding-bottom:20px;margin-bottom:20px}
#contentJ .pagJtitle .ltftJboo:before{content:"";position:absolute;width:70px;height:2px;bottom:0;background:#a0a0a0}

/*certification*/
#certification{padding:120px 0 60px;margin:0;margin-top:0;position:relative;z-index:1}
.mcccont{display:flex;flex-direction:column;align-items:center}
.mcccont a{padding:20px 50px;border:#939393 2px solid;font-size:max(1.4*(1vw + 1vh) / 2,16px);letter-spacing:0.15em;color:#403f45}
.mcccont a:hover{background:#71c2bc;color:#ffffff}
.mJtitleJ{display:flex;align-items:center}
.macenter{display:flex;flex-direction:column;align-items:center;margin-bottom:80px}
.macenter .mJtitleJ{display:flex;flex-direction:column;align-items:center}
.macenter .mJtitleJ h2{padding-left:0}
.macenter .mJtitleJ:before{left:auto;top:-30px}
.macenter .mJinfoe .metoo:before{width:60px;height:3px;top:auto;bottom:-30px;right:auto}
.tambar{display:flex;justify-content:center;flex-wrap:wrap}
.tambar a{padding:3px 20px;border-radius:500px;background:#ffffff;margin:0 10px;color:#403f45;font-size:max(1.15 * (1vw + 1vh) / 2,15px)}
.tambar a:hover,.tambar a.showime{background:#72c3bd;color:#ffffff}
.macenter .mJinfoe .metoo{margin-right:0;display:flex;flex-direction:column;align-items:center;margin-left:0}
.macenter .mJinfoe{margin-top:0;margin-left:0}

/*ptambox*/

#popolanlist{z-index:3}
.ptambox .ceemJbox{position:relative;display:none;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);justify-content:center;width:min(1360px,84%);margin:50px auto;padding:60px 0;}
.ptambox .ceemJbox.showJ{display:grid;gap: 20px;}
.ptambox .ceemJbox:before{content:"";position:absolute;width:120vw;left:-18vw;height:100%;background:#f1f1f1}
.ptambox .ceemJbox div{display:grid;}
.ptambox .ceemJbox div a{display:grid;border-radius: 10px;}

.ptambox .ceemJbox .product_Box{background-color:#fff;grid-template-columns: 1fr 48%;margin:0;}
.ptambox .ceemJbox .pBox{display:inline-grid;margin:0;padding:60px 20px 30px;position:relative}
.ptambox .ceemJbox .pBox article{
    word-spacing: 100vw;
    max-width: 100%;
    height: auto;
    text-overflow: unset;
    display: flex;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    font-size: 16px;
    font-weight: 200;
    }
.ptambox .ceemJbox .product_Box .imgBox img{height:100%;object-position:40% 50%}
.ptambox .ceemJbox .pMore{margin-top:20px;display:flex;align-items:center;font-weight:300;font-size:16px}
.ptambox .ceemJbox .pMore img{margin-left:20px}
.ptambox .ceemJbox .img_scale:hover{transform: translate(0%, -5%);}
.ptambox .ceemJbox .img_scale:hover h2{color:#70c2bc;}
.ptambox .ceemJbox .img_scale:hover img{transform: scale(1);-webkit-transform: scale(1);}
.ptambox .ceemJbox .img_scale:hover .pMore img{margin-left: 30px;transform: scale(1);-webkit-transform: scale(1);}

.seJJbox01{position:absolute;width:100vw;height:700px;left:-99vw;bottom:0;border-radius:20px;overflow:hidden}
.seJJbox01 video{width:100%;height:100%;object-fit:cover;object-position:100% 50%;margin-left:40%}
.seJJbox02{position:absolute;width:100vw;height:700px;right:-99vw;bottom:0;border-radius:20px;overflow:hidden}
.seJJbox02 video{width:100%;height:100%;object-fit:cover;object-position:100% 50%;margin-left:-42%}
.mJtitleJ h2{font-size:max(4.6*(1vw + 1vh) / 2,32px);text-transform:uppercase;font-weight:500;color:#403f45;line-height:90%;padding-left:40px}
.mJtitleJ h2:first-letter{color:#5eb9b3}
.mJtitleJ:before{content:"";position:absolute;left:0;display:flex;background:antiquewhite;width:19px;aspect-ratio:1 / 1;background-color:#70c2bc;transform:rotate(45deg);animation:rotateJJ 5s linear infinite}

@keyframes rotateJJ{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}

.mJinfoe{display:flex;align-items:center;margin-top:20px;margin-left:46px}
.mJinfoe .metoo{position:relative;margin-right:40px}
.mJinfoe .metext p{font-size:max(1.5*(1vw + 1vh) / 2,15px);line-height:130%}
.mJinfoe .metoo:before{content:"";position:absolute;width:4px;height:80%;background:#70c2bc;right:-20px;top:10%}
.maleftJJ{margin-bottom:50px}
.maininfo{margin-left:44px}
.maleftJJ .mJinfoe .metoo:before{width:60px;height:4px;top:auto;bottom:-15px;right:auto}
.mJinfoe .metoo h3{font-size:max(1.8*(1vw + 1vh) / 2,20px);text-transform:uppercase;font-weight:700;color:#70c2bc}
#certification *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#certification  .slick-track{display:flex}
#certification .ceritem:nth-child(2){margin:0 5px}
#certification .cerbox{display:flex;justify-content:center;background:white;padding:0 0}
#certification .workframe{display:flex;justify-content:center}
#certification .workframe .leftrJbox{width:50%}
#certification .workframe .rightrJbox{width:52%}

/*tamlist*/
#tamlist{padding:80px 0 60px;margin:0;margin-top:0;position:relative;z-index:1}
#tamlist .workframe{display:flex;justify-content:space-around}
#tamlist .workframe .tamitem{display:flex;flex-direction:column;align-items:center;position:relative}
#tamlist .workframe .tamitem:before{content:"";width:16px;background-size:contain;aspect-ratio:1/1;position:absolute;background-image:url(/images/40/arrow-next.png);background-repeat:no-repeat;top:65px;right:-50px}
#tamlist .workframe .tamitem:last-child:before{display:none}
#tamlist .workframe .tamitem .taimg{position:relative;display:flex;flex-direction:column;align-items:center;padding:30px;border:#686868 1px solid;border-radius:500px}
#tamlist .workframe .tamitem .taimg .numJ{position:absolute;bottom:-14px;width:20px;background:#ffffff;border-radius:500px;border:#818181 1px solid;display:flex;flex-direction:column;align-items:center;padding:0 3px;font-size:15px}
#tamlist .workframe .tamitem .tatext{margin-top:19px;display:flex;flex-direction:column;align-items:center}
#tamlist .workframe .tamitem .tatext p{text-transform:uppercase;color:#28cdc4;line-height:100%}
#tamlist .workframe .tamitem .tatext h4{font-size:max(1.52 * (1vw + 1vh) / 2,16px);font-weight:500;color:#3a3a39}

/* about_area */
#about_area:before{content:"";position:absolute;width:40vw;aspect-ratio:776/583;right:0vw;bottom:18px;background:url(/images/40/shaplogo.png);z-index:-1;background-size:cover}
#about_area:after{content:"";position:absolute;width:1px;height:calc(100% + 135px);bottom:-69px;background:#ebebeb;left:4vw;top:-4vw}
#about_area .info_boxarticle{margin-bottom:30px;width:90%;line-height:210%;letter-spacing:1.5px;font-weight:300}
#about_area .workframe{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
#about_area{z-index:2;margin:0;padding:10px 0px 40px}
#about_area .workframe .img_boxJb{width:49%}
#about_area .workframe .info_box{width:49%}
#about_area article{margin-bottom:30px}
#about_area article p{font-size:max(1.16 * (1vw + 1vh) / 2,15px);color:#666666}
.vumlink{padding:20px 10px 20px 10px;background:linear-gradient(to right,#72c3bd,#579e99);width:250px;position:relative;display:flex;align-items:center;justify-content:space-around}
.vumlink:hover{background:#1a8f89}
.vumlink *{color:aliceblue}
.vumlink .fas{margin-left:15px}
.Jbimglist{display:flex;flex-wrap:wrap;padding:0 0}
.Jbimglist .Jbitem{display:flex;flex-direction:column;width:calc(25% - 10px);align-items:center;justify-content:center;padding:10px 0;filter:drop-shadow(0 0 3px rgba(var(--black-rgb),.05));margin:11px 5px;border-radius:14px;background:white}
.Jbimglist .Jbitem img{width:110px}
.Jbimglist .Jbitem:first-child,.Jbimglist .Jbitem:nth-child(2){width:calc(50% - 10px)}

/* product_area */
#product_area{overflow:hidden;max-width:100vw}
#product_area .slick-list{overflow:visible}

/* news_area */
#news_area .list_boximg{height:320px}
#news_area .list_box .info_box{padding:15px 30px}
#news_area .list_box .info_boxpa{margin-right:10px;max-width:calc(100% - 100px);font-weight:400;z-index:2}
#news_area .list_box .info_boxp .time{width:90px;font-weight:300}
#news_area .list_box .info_boxh3{height:34px;font-size:20px}

/* newsBox */
#newsBox{padding:50px 0 3vw;display:flex;grid-template-columns:52% 50%;justify-content:space-between;z-index:1;margin-bottom:0}
#newsBox:after{content:"";position:absolute;width:1px;height:calc(100% + 5px);background:#ebebeb;right:4vw;top:0}
#newsBox,#newsBox *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#newsBox .bg_box{background-color:#f7f7f7}
#newsBox .workframe{display:flex;align-items:center}
#newsBox .workframe .nwnwleftbox{width:40vw}
#newsBox .vumlink{margin-left:40px}
#newsBox .maleftJJ .mJinfoe .metoo:before{display:none}
#newsBox .workframe .nwnwleftbox:before{content:"";position:absolute;width:44vw;height:100%;background-image:url(/images/40/coure.png);top:0;left:-6vw;background-size:contain;z-index:0;background-repeat:no-repeat}
#newsBox .bg{position:relative;order:2;opacity:1;background-size:cover;border-radius:0 0 0 250px;background-position:50%}
#newsBox .info{padding:0 0;display:flex;flex-direction:column;width:60vw;height:850px;z-index:2}
#newsBox .info .tit{width:5em}
#newsBox .info .tit a{color:#000}
#newsBox .info .news_list .slick-list{overflow:visible}
#newsBox .info .news_list li{position:relative;display:grid;grid-template-columns:200px 1fr 90px;padding:1vw 1vw;gap:20px;align-items:center}
#newsBox .info .news_list li.slick-slide{opacity:0;z-index:-3;pointer-events:none}
#newsBox .info .news_list li.slick-slide.slick-active{opacity:1;display:grid;pointer-events:auto;-moz-transform:translateX(-60px);-webkit-transform:translateX(-60px);-o-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px)}
#newsBox .info .news_list li.slick-slide.slick-active.slick-center{margin-left:0%;-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}
#newsBox .info .news_list li .nwimgbox{width:180px;aspect-ratio:1/1;display:flex;box-shadow:0 0 20px rgba(var(--black-rgb),.3)}
#newsBox .info .news_list li .nwimgbox,#newsBox .info .news_list li .nwimgbox img{border-radius:500px;background:#ffffff}
#newsBox .info .news_list li .nwimgbox{box-shadow:0 0 13px rgba(var(--black-rgb),.3)}
#newsBox .info .news_list li .nwimgbox img{object-fit:cover;padding:17px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#newsBox .info .news_list li:hover .golink{right:0}
#newsBox .info .news_list li.slick-current{border-top:unset}
#newsBox .info .news_list li a{position:absolute;width:100%;height:100%;left:0;z-index:2;top:0}
#newsBox .news_list li .date{border-right:1px solid #ddd;margin-right:30px;display:flex;align-items:center;justify-content:center}
#newsBox .news_list li .time{color:#505050;display:flex;flex-direction:column;align-items:center;font-family:"Nunito Sans",sans-serif;font-size:max(1 * (1vw + 1vh) / 2,14px)}
#newsBox .news_list li .time b{color:#505050;font-size:max(3 * (1vw + 1vh) / 2,39px);font-family:"Nunito Sans",sans-serif;line-height:1}
#newsBox .info .news_list .news_txt{position:relative}
#newsBox .info .news_list .news_txt *{letter-spacing:0.05em}
#newsBox .info .news_list .news_txt .mmtop{display:flex;align-items:center;margin-bottom:15px}
#newsBox .info .news_list .golink{display:flex;position:absolute;right:20px;bottom:50px}
#newsBox .info .news_list .golink a{position:relative;padding:10px;background:#24a39c;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:50px}
#newsBox .info .news_list .golink a svg{width:27px;fill:white;padding:4px}
#newsBox .info .news_list .news_txt span{display:inline-block;background:#dddddd;font-size:max(0.8 * (1vw + 1vh) / 2,14px);padding:7px 9px;width:135px;text-align:center;color:#3f3f3f}
#newsBox .info .news_list .news_txt h3{height:auto;font-size:max(1.4 * (1vw + 1vh) / 2,17px);font-weight:500;margin:10px 0;margin-left:10px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:calc(100% - 110px)}
#newsBox .info .news_list .news_txt p{-webkit-line-clamp:2;height:50px;font-size:17px;color:#343333;overflow:hidden;margin:10px 0;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
#newsBox .info .news_list .noBox{position:absolute;width:2em;text-align:center;top:50%;right:-6em;-webkit-transform:translateY(-47%);transform:translateY(-47%)}
#newsBox .bttn{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
#newsBox .info .news_btn{position:relative;width:9em;display:flex;justify-content:space-between;align-items:center;z-index:5}
#newsBox .info .news_btn font{width:5.5em;display:flex;justify-content:flex-end}
#newsBox .info .news_btn font span{min-width:2em;text-align:center}
#newsBox .info .news_btn font span:nth-child(2){min-width:1.5em}
#newsBox .info .news_btn #prevBtn{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
#newsBox .arrow_btns_box a{width:45px;height:45px;background:#509930;border-radius:50px;display:inline-flex !important;align-items:center;justify-content:center;margin:0 5px}
#newsBox .arrow_btns_box a svg{width:17px;height:17px;fill:#fff}
#newsBox .arrow_btns_box a.prev svg{transform:scaleX(-1)}

/* book_area */
#book_area .list_boximg{height:450px}
#book_area .list_box .img_box{border:var(--white) solid;border-width:0 1px 1px 0}
#book_area .list_box .img_box:before,#book_area .list_box .img_box:after{position:absolute;width:100%;height:100%;background:var(--white);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:20px}

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

/* custom_area */
#custom_area{margin:0;padding:5vw 0 3vw}
#custom_area:before{position:absolute;width:100%;height:75%;background:rgba(var(--primary-rgb),.1);display:block;bottom:0;left:0;opacity:.3;content:""}
#custom_box{padding:8vw 0 5vw}
#custom_boxli .row{margin:30px 20px;padding:30px;display:block;border-bottom:2px var(--primary) solid}
#custom_boxli .rowh2{font-size:20px}
#custom_boxli .rowarticle{margin-top:30px;line-height:200%}

@-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}}

@media screen and (min-width:1281px){
	#book_area .list_box li:hover .badge{background:var(--primary);color:var(--white)}
	#custom_box li:hover .row{box-shadow:0 4px 17px 0 rgba(var(--black-rgb),.2)}
}
@media screen and (max-width:1280px){
	#contentJ .cocobox .cocorightbox .coobman a{width:50%}
}
@media screen and (max-width:1470px){
	#tamlist .workframe .tamitem .taimg{padding:20px}
	#tamlist .workframe .tamitem .taimg img{width:77px}
	#about_area .workframe .img_boxJb{width:47%}
	#contentJ{padding:70px 0 90px}
	#certification{margin-top:0;padding:50px 0 70px}
	#certification .cerbox{width:100%;padding:11px 0}
	#certification .cerbox img{width:126px}
	.seJJbox01{left:-97vw}
	.seJJbox02{right:-97vw}
	#newsBox .workframe .nwnwleftbox{width:49vw}
	#newsBox .info{width:51vw;height:800px}
	#newsBox .workframe .nwnwleftbox:before{width:49vw}
}
@media screen and (max-width:1160px){
	.pagJtitle .rightJboo{display:none}
}
@media screen and (min-width:1025px){
	#newsBox .vumlink.mbJ{display:none}
	#tamlist .workframe .tamitem:hover .taimg{background:#72c3bd;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);margin-bottom:10px}
	#tamlist .workframe .tamitem:hover .taimg img{-webkit-filter:brightness(1600%);filter:brightness(1600%)}
}
@media screen and (max-width:1024px){
	.mJtitleJ{display:flex;flex-direction:column;align-items:center}
	.mJtitleJ:before{left:unset;top:-40px;width:15px}
	#certification .mJinfoe .metoo:before{display:none}
	.mJinfoe{display:flex;flex-direction:column;align-items:center;margin-top:4px;margin-left:0}
	.mJinfoe .metext p{text-align:center}
	#certification .workframe .leftrJbox,#certification .workframe .rightrJbox{width:100%}
	#certification .workframe{display:flex;flex-direction:column;align-items:center}
	.maininfo{margin-left:0;display:flex;flex-direction:column;margin-top:40px}
	.maininfo .vumlink{margin:0 auto}
	.mJinfoe .metoo{margin-right:0;display:flex;flex-direction:column;align-items:center}
	.mJtitleJ h2{padding-left:0}
	.mJinfoe .metext{margin-top:15px}
	#certification{padding:50px 0 20px}
	.mcccont a{padding:13px 43px}
	.catePTJ{grid-template-columns:repeat(3,1fr);grid-template-rows:2}
	.PTJ-longitem:last-child{grid-column:span 1;display:flex}
	#tamlist .workframe{display:flex;flex-wrap:wrap;justify-content:flex-start}
	#tamlist .workframe .tamitem{width:25%;margin-bottom:26px}
	#tamlist .workframe .tamitem:before{display:none}
	#contentJ .cocobox{display:flex;flex-direction:column}
	#contentJ .cocobox .cocoleftbox{width:100%}
	#contentJ .cocobox .cocorightbox{width:100%}
	#about_area .workframe{display:flex;flex-direction:column}
	#about_area .workframe .img_boxJb,#about_area .workframe .info_box{width:100%}
	#about_area .workframe .img_boxJb{margin-bottom:120px}
	#about_area .workframe .img_boxJb .mmlistimg{display:flex;flex-direction:column;align-items:center}
	#about_area:after,#newsBox:after{display:none}
	.Jbimglist{margin-bottom:30px}
	#newsBox .workframe{display:flex;flex-direction:column;align-items:center}
	#newsBox .bg{width:100%;height:50vh;border-radius:0}
	#newsBox{display:flex;margin-top:0;flex-wrap:wrap;padding:0 0 40px}
	#newsBox .workframe .nwnwleftbox{width:100%}
	#newsBox .info{width:100%;height:auto}
	#newsBox .info .news_list li.slick-slide.slick-active{-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}
	.maleftJJ{margin-bottom:30px}
	#newsBox .info .news_list .slick-list{overflow:hidden}
	#newsBox .workframe .nwnwleftbox:before{display:none}
	#newsBox .vumlink.pcJ{display:none}
}
@media screen and (max-width:980px){
	#certification .cerbox{width:100%;padding:0 0}
	#certification .workframe{width:100vw}
	#certification{margin-top:0}
	.seJJbox01,.seJJbox02{display:none}
	.ptambox .ceemJbox{width:100%;grid-template-columns:repeat(2,1fr)}
	#tamlist .workframe .tamitem{width:33%}
}
@media screen and (max-width:640px){
	.mJinfoe .metoo:before,.macenter .mJinfoe .metoo:before{bottom:-20px}
	#newsBox .info .news_list li .nwimgbox{width:95%;margin:0 auto;box-shadow:0 0 8px rgb(145 145 145 / 30%)}
	#newsBox .info .news_list li .nwimgbox img{padding:11px}
	#about_area .workframe .info_box{display:flex;flex-direction:column;align-items:center}
	#newsBox .info{width:88%}
	#newsBox .vumlink{margin-left:0}
	section .title_box{display:flex;flex-direction:column;align-items:flex-start;padding:0 30px;margin-bottom:10px}
	#newsBox .info .news_list .news_txt span{display:none}
	.catePTJ{grid-template-columns:repeat(2,1fr);grid-template-rows:2}
	.PTJ-longitem,.PTJ-longitem:last-child{grid-column:span 1;display:flex;display:none}
	.ptambox .ceemJbox{grid-template-columns:repeat(1,1fr);margin:15px auto 0;padding:20px 0}
	#newsBox .info .news_list li{grid-template-columns:104px 1fr}
	.Jbimglist .Jbitem img{width:67px}
	.Jbimglist .Jbitem span{font-size:max(1 * (1vw + 1vh) / 2,13px)}
	#contentJ .cocobox .cocorightbox .coobman{display:flex;flex-direction:column;align-items:center}
	#contentJ .cocobox .cocorightbox .coobman a{width:100%;margin-bottom:15px}
	#contentJ{padding:20px 0 0px}
}
@media screen and (min-width:769px){
	.magJlink.mb{display:none}
}
@media screen and (max-width:768px){
	.pagJtitle{display:flex;flex-direction:column;align-items:center;padding:0 0 20px;margin-bottom:30px}
	.pagJtitle:before{left:-10vw}
	.pagJtitle .ltftJboo{margin:0;width:100%;display:flex;flex-direction:column;align-items:center}
	.pagJtitle .ltftJboo p{text-align:center}
	.pagJtitle .toptJ{display:flex;flex-direction:column;align-items:center}
	.Jbimglist .Jbitem{width:calc(50% - 10px)}
	.mJinfoe .metext{width:min(265px,90%)}
	.magJlink{display:none}
	#news_area .list_box .info_box{padding:15px 0}
	#youtube_box{padding-bottom:60vw}
	#custom_box li .row{margin:10px 15px;padding:10px 0}
	#newsBox .info .news_list .golink{display:none}
}
@media screen and (max-width:640px){
	#newsBox .workframe{width:95%}
	#littlePTJ{padding:10px 0 40px}
	#tamlist .workframe .tamitem{width:50%}
	.ptambox .ceemJbox:before{background:#ffffff}
}
@media screen and (max-width:480px){
	#wrap{display:flex;flex-direction:column}
	#certification{display:flex;flex-direction:column;order:1}
	#newsBox .maleftJJ .mJinfoe .metoo{display:flex;flex-direction:column;align-items:center}
	#newsBox .maleftJJ .mJinfoe .metoo:before{content:"";width:51px;height:4px;top:auto;bottom:-15px;display:flex}
	.mcccont{display:flex;flex-direction:column;order:2}
	#tamlist{display:flex;flex-direction:column;order:3;padding:100px 0 10px}
	#popolanlist{display:flex;flex-direction:column;order:5;margin-top:50px}
	#about_area .mJtitleJ h2,#popolanlist .mJtitleJ h2,#newsBox .mJtitleJ h2{font-size:44px}
	#about_area{display:flex;flex-direction:column;order:4}
	#newsBox{display:flex;flex-direction:column;order:6;padding-top:80px;padding-bottom:80px}
	#tamlist .workframe .tamitem .taimg img{width:70px}
	#tamlist .workframe .tamitem .taimg{padding:27px}
	#about_area article{padding:30px 30px 20px}
	#about_area article p{overflow:hidden;height:76px;font-size:15px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
	#about_area .workframe .img_boxJb .mmlistimg{width:86%;margin:0 auto 50px}
	.macenter{margin-bottom:50px}
	.tambar a{margin:6px 0}
	#newsBox .info .news_list .news_txt p{font-size:13px;height:47px}
	#littlePTJ .arrow_btns_box .slick-arrow.prev,#littlePTJ .arrow_btns_box .slick-arrow.next{background:unset}
	#littlePTJ .arrow_btns_box .slick-arrow svg{width:20px}
	#about_area:before{height:583px}
	#about_area:after{bottom:315px}
	#about_area .workframe .img_boxJb{margin-bottom:26px}
	#product_area .bgBox{width:100%;object-fit:cover}
	#newsBox .info .news_list .news_txt .mmtop{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0}
	#newsBox .info .news_list .news_txt h3{width:100%;margin:0}
	#newsBox .info .news_list li{grid-template-columns:89px 1fr;padding:15px 0}
	#newsBox .news_list li .date{margin-right:10px}
}