.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:var(--t)}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:var(--r);z-index:1}.owl-stage{position:var(--r);-ms-touch-action:pan-Y}.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-stage-outer{position:var(--r);overflow:hidden;transform:translate3d(0px,0,0)}.owl-dot,.owl-next,.owl-prev{cursor:pointer;cursor:hand;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-refresh .owl-item{display:none}.owl-item{position:var(--r);min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.owl-item img{display:var(--i);max-width:100%;width:100%;transform-style:preserve-3d;}.owl-carousel.owl-text-select-on .owl-item{user-select:auto}.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-item .owl-lazy{opacity:0;transition:var(--t)}.owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-nav [class*=owl-]{display:table;font-family:'icomoon';font-size:24px;width:36px;height:100%;line-height:100%;position:var(--a);top:0;padding:10px;color:rgba(255,255,255,0.8);transition:var(--t)}.owl-nav [class*=owl-]:hover{color:rgba(255,255,255,1)}.owl-nav [class*=owl-]:before{display:table-cell;vertical-align:middle;font-family:'icomoon';font-size:24px;}.owl-prev{left:0}.owl-next{right:0}.owl-prev:before{content:'\f053'}.owl-next:before{content:'\f054'}.owl-dot{display:var(--i);zoom:1;*display:inline}.owl-dot.active span,.owl-dot:hover span{background:#2e75b6}.owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:var(--t);border-radius:30px}

.banner-bg1{background-image:url(../images/banner-1.jpg);background:image-set(url(../images/banner-1.webp))}
.banner-bg2{background-image:url(../images/banner-2.jpg);background:image-set(url(../images/banner-2.webp))}
.banner-bg3{background-image:url(../images/banner-3.jpg);background:image-set(url(../images/banner-3.webp))}
.owl-bannershow{position:var(--r);width:100%;height:660px;height:100vh;background-color:var(--w);overflow:hidden}
.owl-banner,.owl-banner .owl-stage-outer,.owl-banner .owl-stage,.owl-banner .owl-item,.owl-banner .item{height:100%;overflow:hidden}
.owl-banner .item{background-repeat:no-repeat;background-size:cover;background-position:center}
.owl-banner .bannerbox{position:var(--r);z-index:2;max-width:1000px;padding:0 25px;display:block;margin:50px auto;text-align:center}
.owl-banner .page-tit1{color:var(--w);margin-top:0px;margin-bottom:20px}
.owl-banner h1{display:inline;margin:0;}
.owl-banner p{color:var(--w);line-height:30px;font-size:1.5rem}
.owl-banner a{color:var(--w);}
.owl-banner .btn{margin-top:10px;border:1px solid var(--w);color:var(--w);}
.owl-banner .btn:hover{border:1px solid var(--m);}
.owl-banner .owl-dots{display:block;width:100%;position:var(--a);bottom:20px;left:0}
.owl-banner .owl-dot span{width:12px !important;height:12px !important;border-radius:10px !important;background:var(--w) !important}
.owl-banner .owl-dot.active span,.owl-banner .owl-dot:hover span{width:24px !important;background:var(--m) !important}
.owl-banner .owl-nav [class*=owl-]{opacity:1;padding:0 10px;top:auto;bottom:20px;width:50px;height:50px;border-radius:50%;color:var(--w);z-index:9;border:1px solid var(--w);background-color:none}
.owl-banner .owl-nav [class*=owl-]:before{font-size:24px !important;line-height:48px}
.owl-banner .owl-prev:hover,.owl-banner .owl-next:hover{border:1px solid var(--m);background-color:var(--m)}
.owl-banner .owl-prev{left:20px !important}
.owl-banner .owl-next{right:20px !important}

.indexbg{padding:120px 0;background-image:url(../images/indexbg.jpg);background:image-set(url(../images/indexbg.webp))}
.indexbg1{padding:120px 0;background-image:url(../images/indexbg1.jpg);background:image-set(url(../images/indexbg1.webp))}
.indexbg2{padding:0;background-image:url(../images/indexbg2.jpg);background:image-set(url(../images/indexbg2.webp))}
.in-one{margin:50px 0 0;}
.in-one>div{padding:0;border:1px solid var(--m);}
.in-onebox{display:block;width:100%;height:100%;position:var(--r);padding:120px 15px;}
.in-onebox .page-tit3{color:var(--m);padding-top:20px;}
.in-onebox p{color:var(--b);}
.in-one-img{transition:all 0.35s 0.1s ease-in-out;}
.in-onebox:hover .in-one-img{opacity:0;transform:translateY(10%);}
.in-one-detail{display:table;width:100%;height:100%;padding:15px;overflow:hidden;position:var(--a);left:0;top:0;z-index:1;opacity:0;transition:all 0.35s 0.1s ease-in-out;transform:translateY(10%);}
.in-one-detail p{display:table-cell;vertical-align:middle;padding:0;}
.in-onebox:hover .in-one-detail{opacity:1;transform:translateY(0);}
.in-twoleft{height:100%;display:flex;justify-content:center;color:var(--w);}
.in-twoleft .page-tit1{display:none;}
.mainbg{margin-top:-220px;padding:220px 0 60px;color:var(--w);}
.mainbg.in-twobox{padding:50px;margin:0;}
.in-serv,.in-app{margin-top:50px;position:var(--r);z-index:2;}
.in-serv>div,.in-app>div{padding:0 15px 30px;}
.in-servbox{position:var(--r);display:block;height:100%;padding:80px 15px 50px;background:var(--w);box-shadow:var(--s);}
.in-servbox:hover{background:var(--g);}
.in-servbox .page-tit3{border-bottom:1px solid var(--g1);padding-top:20px;padding-bottom:10px;margin-bottom:15px;}
.in-servbox .page-tit3,.in-servbox p{color:var(--b);}
.in-servbox::after{content:"";display:var(--i);position:var(--a);top:15px;left:15px;width:50px;height:50px;border-radius:50%;background:var(--m);opacity:0.8;}
.in-servbox::before{content:"";display:var(--i);position:var(--a);top:40px;left:40px;width:30px;height:30px;border:2px dashed var(--m);}
.btn-underline{display:var(--i);position:var(--a);left:15px;bottom:20px;font-weight:bold;}
.btn-underlinebox{position:var(--r);color:var(--m)}
.btn-underlinebox::before{position:var(--a);bottom:-2px;right:0;content:'';display:var(--i);background:var(--m);width:100%;height:1px;z-index:1;transition:all ease 0.6s}
.in-servbox:hover .btn-underlinebox::before{width:0}
.btn-underlinebox::after{color:var(--m);content:"⟶";display:var(--i);left:105%;line-height:1em;margin-top:-0.5em;opacity:0;position:var(--a);top:50%;transform:translate(0px);width:24px;transition:transform 0.5s cubic-bezier(0.7,0,0.3,1) 0s,opacity 0.5s cubic-bezier(0.7,0,0.3,1) 0s,-webkit-transform 0.5s cubic-bezier(0.7,0,0.3,1) 0s,-moz-transform 0.5s cubic-bezier(0.7,0,0.3,1) 0s}
.in-servbox:hover .btn-underlinebox::after{opacity:1}
.in-adv{margin-top:70px;}
.in-advbox .in-adv-img img{width:140px;transition:all 0.35s 0.1s ease-in-out;}
.in-advbox:hover .in-adv-img img{transform:rotate3d(0,1,0,-180deg);}
.in-advbox .page-tit4{padding-top:30px;margin-bottom:50px;position:var(--r);}
.in-advbox .page-tit4::after{content:"";display:var(--i);width:50px;height:2px;background:var(--w);position:var(--a);left:50%;bottom:-15px;margin-left:-25px;}
.in-advbox:hover .page-tit4{color:var(--v);}
.in-advbox:hover .page-tit4::after{background:var(--v);}
.in-app .greybg{padding:20px;text-align:center;}
.in-app .greybg p{font-weight:bold;padding:0;}
.in-appbox{position:var(--r);display:block;width:auto;height:100%;text-align:center;background:var(--w);}
.in-appbox::after{content:"";display:block;position:var(--a);left:0;bottom:0;width:100%;height:100%;opacity:1;background-image:linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%);z-index:1;transition:var(--t);}
.in-app-img{width:100%;padding-bottom:70%;position:var(--r);background:rgba(255,255,255,0.1);overflow:hidden;}
.in-app-img img{width:100%;height:100%;object-fit:cover;position:var(--a);left:0px;top:0px;opacity:0.9;transition:var(--t);}
.in-appbox:hover img{opacity:1;transform:scale(1.2);}
.in-app-detail{padding:20px 10px;width:100%;position:var(--a);left:0;bottom:0;z-index:2;}
.in-app .page-tit3{color:var(--w);margin:0;padding:15px 0;border:0;font-size:1.1rem;}
.in-appbox:hover .page-tit3{background:var(--m);}
.in-drug{background-color:rgba(255,255,255,0.9);padding:50px 50px 30px;}
.in-drugbox{position:var(--r);padding-left:100px;min-height:100px;margin-bottom:30px;border-bottom:1px solid var(--g1);}
.in-drugbox:last-child{border:0;}
.in-drugbox img{position:var(--a);left:0;top:0;}
.in-drugbox .page-tit4{color: var(--m);}
.in-inq{margin:0;padding:90px 0 70px}
@media (min-width:1440px){.owl-banner .page-tit1,.owl-banner h1{font-size:2.75rem} }
@media (min-width:1000px){.owl-banner .active .page-tit1{animation:sport-h1 1s linear;-moz-animation:sport-h1 1s linear;-webkit-animation:sport-h1 1s linear;-o-animation:sport-h1 1s linear;text-shadow:none;opacity:1;} .owl-banner .active p{animation:sport-p 2s linear;-moz-animation:sport-p 2s linear;-webkit-animation:sport-p 2s linear;-o-animation:sport-p 2s linear;text-shadow:none;opacity:1;} .owl-banner .active .btn{animation:sport-p 2.25s linear;-moz-animation:sport-p 2.25s linear;-webkit-animation:sport-p 2.25s linear;-o-animation:sport-p 2.25s linear;text-shadow:none;opacity:1;} @-webkit-keyframes sport-h1{0%{transform:translateY(-80px);opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @keyframes sport-h1{0%{transform:translateY(-80px);opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-o-keyframes sport-h1{0%{transform:translateY(-80px);opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-moz-keyframes sport-h1{0%{transform:translateY(-80px);opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-webkit-keyframes sport-p{0%{transform:translateY(80px);opacity:0;} 50%{opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @keyframes sport-p{0%{transform:translateY(80px);opacity:0;} 50%{opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-o-keyframes sport-p{0%{transform:translateY(80px);opacity:0;} 50%{opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-moz-keyframes sport-p{0%{transform:translateY(80px);opacity:0;} 50%{opacity:0;} 100%{transform:translateY(0px);opacity:1;} } }
@media (min-width:768px){.in-twoleft .page-tit1{display:var(--i);white-space:nowrap;writing-mode:vertical-lr;transform:rotate(0deg);font-size: 2.75rem;} }
@media (min-width:600px){.in-adv,.in-app{flex-wrap:wrap;display:flex;justify-content:flex-start} }
@media (max-width:1024px){.owl-bannershow{height:660px} .owl-banner .banner-table{padding-bottom: 60px;} .owl-banner p{font-size:1.1rem;} .in-drug{padding:50px 20px 30px;} .mainbg.in-twobox{padding:50px 20px;} }
@media (max-width:600px){.banner-bg1{background:image-set(url(../images/banner-1-min.webp))}
.banner-bg2{background:image-set(url(../images/banner-2-min.webp))}
.banner-bg3{background:image-set(url(../images/banner-3-min.webp))}
.indexbg{background:image-set(url(../images/indexbg-min.webp))}
.indexbg1{background:image-set(url(../images/indexbg1-min.webp))}
.indexbg2{background:image-set(url(../images/indexbg2-min.webp))} }