#wrap { z-index: 5; }

/* section */
section { padding: 5vw 0 2vw; }
section >* { z-index: 3; }
section em {font-style: unset;font-size: 38px;display: block;font-family: "Open Sans", sans-serif;font-weight: 700;line-height: 1.2;color: var(--primary);text-transform: uppercase;}
section .title_box {padding-bottom: 3vw;font-size: 25px;letter-spacing: 2px;font-weight: 500;}
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

/* product_list */
#product_list li{margin: 30px 20px 20px;display: flex;flex-direction: column;align-items: center;transition: all 0.8s ease;border: 1px solid var(--white);}
#product_list li:hover{margin-top: 1px;border: 1px solid var(--primary);}
#product_list li .clip{box-shadow: 25px 25px 0px -10px #e5e5e5;outline: 1px solid #e5e5e5;}
#product_list li:hover .clip{box-shadow: 0 0 var(--primary);outline: 1px solid var(--primary);}
#product_list li:hover .info_box  *{color:white}
#product_list li .clip img{aspect-ratio:1/1}
#product_list li .info_box {display:flex;flex-direction: column;align-items: center;padding-bottom: 40px;margin-top: 40px;}
#product_list li:after{content:'';width: 30px;height: 1px;background: var(--primary);position: absolute;bottom: 0;z-index: -1;transition: all 0.8s ease;}
#product_list li:hover:after{width: 100%;height: 100%;}
#product_list li .info_box >div {text-align: center;font-size: 18px;font-weight: 500;height: auto;letter-spacing: 1px;}
#product_list li .info_box h3 { height: auto; font-size: 20px; }
#product_list li .info_box p {text-align: center;font-weight: 300;font-size: 15px;color: #858585;margin-top: 10px;height: auto;}
#product_area .more_btn {text-align:center;margin-top:40px;}
#product_area .fixTxt{padding:0 30px;font-size:11.625rem;letter-spacing:.40em;white-space:nowrap;font-family: "Open Sans", sans-serif;color:transparent;-webkit-text-stroke:1px #d9e2e2;line-height:50%;text-transform:uppercase;position:absolute;bottom:20px;z-index: -1;font-weight: 700;opacity: .75;}

/* about_area */
#about_area{background-image:url(/images/44/img_cooperate_bg.png);background-repeat:no-repeat;background-size:auto;padding: 5vw 0 3vw 0;}
#about_area em{word-break:keep-all;width: 75%;margin: 0 auto;font-family: var(--font-family), sans-serif;line-height: 1.6;font-size: 35px;}
#about_area .text p{font-size:18px;-webkit-box-pack:justify;color:#2a2a2a;letter-spacing:1.2px;line-height:1.8;text-align:center;width: min(90%, 900px);margin:auto;}
#fakeNumber{border-radius:250px;background-color:#fff;position:relative;padding:60px 70px;translate: 0 70px;-webkit-box-shadow:0px 10px 35px 0px rgba(0,0,0,0.15);box-shadow:0px 10px 35px 0px rgba(0,0,0,0.15);margin-bottom: 110px;}
#fakeNumber ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px 20px;width:90%;margin:auto}
#fakeNumber ul li .eva{width: 150px;aspect-ratio:1 / 1;background: linear-gradient(130deg, #3d658b, var(--primary));margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;position:relative}
#fakeNumber ul li .eva:after{position:absolute;border:1px #2f4948 solid;border-radius:50%;right:0;bottom:0;top:40%;left:40%;transform:translate(-50%,-50%);content:"";width:100%;height:100%;z-index:-1}
#fakeNumber ul li .eva .h2,#fakeNumber ul li .eva p{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:1px;font-family: "Open Sans", var(--font-family),sans-serif;}
#fakeNumber ul li .eva .h2{display:flex;align-items:baseline;font-size:20px}
#fakeNumber ul li .eva b{color:#fff;font-size:50px;line-height:100%;font-family: "Open Sans", sans-serif;font-weight: 700;}
#fakeNumber ul li .txt{text-align:center;font-weight:600;letter-spacing:1px;margin-top:20px;font-size:16px}

/* Service_area */
#Service_area{position:relative;padding-top: 0;background-image: url(/images/44/img-nBG.jpg);background-repeat: no-repeat;background-position: left bottom;background-size: cover;}
#Service_area .workframe{width:min(90%, 1440px)}
#Service_area .contactBox{margin-right:0;transform:translateX(0%)}
#Service_area .title_box{display:flex;flex-direction:column;align-items:flex-start}
#Service_area .row{margin:0}
#Service_area .row article{margin-bottom: 50px;}

/* custom_area */
#custom_area .parallax_svg.top { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M1440 64V16.67c-90 24.285-138.35 6.45-203.49-2.259-59.67-7.998-119.29 10.198-179.14 5.869-78.82-5.09-135.28-41.99-217.6-1.58C797.82 34.596 776 42.875 718.33 38.326c-164.07-15.317-329.57 33.862-490.92 5.169C150.6 31.857 79.33-8.834 0 16.62V64h1440z' fill='%23E2CEBC'/%3E%3C/svg%3E"); }
#custom_area .parallax_svg.bottom { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 0v47.33c90-24.285 138.35-6.45 203.49 2.259 59.67 7.998 119.29-10.198 179.14-5.869 78.82 5.09 135.28 41.99 217.6 1.58C642.18 29.403 664 21.125 721.67 25.674c164.07 15.317 329.57-33.862 490.92-5.169C1289.4 32.143 1360.67 72.834 1440 47.38V0H0z' fill='%23E2CEBC'/%3E%3C/svg%3E"); }
#custom_area ul li >div { margin: auto; width: 70% }
#custom_area ul li .clip { width: 250px; height: 250px; -webkit-clip-path: url(#clip_custom); clip-path: url(#clip_custom); }
#custom_area ul li h3 { margin: 10px 0 5px; font-size: 20px; }
#custom_area ul li article { font-weight: 300; font-size: 14px; overflow: hidden; margin: 10px 0 60px; height: 66px; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* news_area */
#news_area{padding:1vw 0;}
#news_area .Nmore{margin-top:60px;display:flex;justify-content:center;align-items:center}
#news_area .more_btn{text-align:center;display:flex;justify-content:center;margin:10px}
#news_area .list_box ul li{border-bottom: 1px solid #e7e7e7;margin-bottom:20px;padding-bottom:20px}
#news_area .list_box ul li .item{display:flex;align-items:center}
#news_area .list_box ul li .Txt{width:calc(100% - 140px);border-left: 1px solid #e7e7e7;margin-left:20px;padding-left:20px;position:relative}
#news_area .list_box ul li .classTitle a{background-color: var(--secondary);padding:2px 10px;font-size:14px;color: white;}
#news_area .list_box ul li .date{width:70px;display:flex;flex-direction:column;align-items:center}
#news_area .list_box ul li .date p{font-size:23px;font-weight:600;color:var(--primary);position:relative;text-transform:uppercase;line-height:120%;font-family: "Arimo", sans-serif;}
#news_area .list_box ul li .date .big{font-size:48px}
#news_area .list_box ul li .intro{position:relative}
#news_area .list_box ul li .intro .h3{color:var(--black);font-size: 18px;font-weight:500;margin: 7px 0 0;}
#news_area .list_box ul li .intro article{-webkit-line-clamp:1;height: 22px;color:#656565;margin:7px 0 0}
.newsArea{padding:100px 0;position:relative}
.newsArea .wrap{display: grid;align-items:center;justify-content:space-between;grid-template-columns: 300px 1fr 35%;gap: 130px;}
.news_box{display:flex;flex-direction:row-reverse;align-items:center;position:relative;justify-content: center;}
.newsArea .newsImg{flex-basis: 80%;position:relative;display: flex;align-items: center;justify-content: center;}
.newsArea .newsImg img{position:relative;z-index:3}
.newsArea .newsImgBg{border-radius:1000px;width: 520px;aspect-ratio: 1/1;position:absolute;z-index:1;background-image: url(/images/44/img-n-bb.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.newsArea .newsImgBg:after{content:'';border-radius: 1000px;position: absolute;width: 520px;aspect-ratio: 1 / 1;background: linear-gradient(130deg, #3d658b, var(--primary));opacity: .75;}
.newsArea .newsImgBgLine{width: 192px;aspect-ratio: 1/1;right: 70%;top: -35%;position:absolute;transform-origin:left top;z-index:0;display: none;}
.newsArea .newsImgBgLine img{max-width:100%}
.newsArea .icons{position:absolute;left: -180px;z-index:10}
.newsArea .newsList{display:flex;height:100%;flex-direction:column;justify-content:space-around;margin:auto;transform: translateX(15%);}
.newsArea .newsList .newsItem .item{display:flex;flex-direction:column;align-items:center}
.newsArea .newsList .newsItem .Img{align-items:center;background-color:#fff;border: 15px solid #e9e9e9;border-radius:1000px;display:flex;height:120px;margin-left:20px;justify-content:center;position:relative;width:120px;flex-direction:column;margin:10px}
.newsArea .newsList .newsItem:hover .Img{border-color:var(--complement)}
.newsArea .newsList .newsItem .Img p{font-size:14.5px;margin-top:5px;}
.newsArea .newsList .newsItem .Img img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;z-index:3}
.newsArea .newsList .newsItem .Txt{color:#000}
.newsArea .newsList .newsItem .Txt .title{font-size:20px;font-weight:700;letter-spacing:0.5px;line-height:1.4}
.newsArea .newsList .newsItem .Txt .subtitle{font-family:"Lato",sans-serif;font-size:15px;line-height:1.86;letter-spacing:0.5px}
.newsArea .newsList .newsItem:nth-of-type(2){padding-right:50px}

/* book_area */
#book_area li h3 { margin-top: 10px; height: 30px; font-size: 18px; }

/* photo_area */
#photo_area .item {width: 260px;height: 200px;}
#photo_area .item img {height: 100%;object-fit: cover;}

@media screen and (max-width: 1440px) {
    .newsArea .newsImgBg{width: 420px;}
}
@media screen and (max-width: 1280px) {
    .newsArea .icons{left: -60px;}
    .newsArea .newsImg{flex-basis: 45%;}
    .newsArea{padding-top: 30px;}
    .newsArea .wrap{grid-template-columns: 1fr 50%;gap: 80px;}
    #Service_area .row{grid-column: 1 / 3;display: flex;flex-direction: column;}
    .newsArea .newsImgBg{width: 350px;}
}
@media screen and (max-width: 1024px) {
	#product_list { margin: auto; }
}
@media screen and (max-width: 980px) {
    .newsArea{padding-bottom:0}
    .newsArea .wrap{display:flex;flex-direction: column;}
    .newsArea .newsList, .news_box{display:none;}
    #fakeNumber{border-radius: 60px;}
    #about_area .text p{font-size: 16px;}
    #about_area{padding:8vw 0}
    #about_area em{width: 100%;font-size: 30px;}
	section { padding: 10vw 0; }
    #fakeNumber ul{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 760px) {
}
@media screen and (max-width: 640px) {
    section .clip img{height: auto;}
    #fakeNumber ul li .eva{width: 115px;}
    #fakeNumber ul li .eva b{font-size:30px;}
    #fakeNumber ul li .eva .h2, #fakeNumber ul li .eva p, #fakeNumber ul li .txt{font-size:14px;letter-spacing: 0;}
    #fakeNumber{padding: 40px 20px;}
    #fakeNumber ul{gap: 30px;}
    section, #about_area{padding:12vw 0}
    #about_area em{font-size: 26px;}
}