html{scroll-behavior:smooth;scroll-margin-top:0}.main-section{scroll-behavior:smooth;scroll-padding-top:0;width:100%;display:flex;flex-direction:column;transition:all 1s ease-in-out;overflow:hidden;box-sizing:border-box;position:relative}.main-section-inner{max-width:1920px;min-width:1360px;margin:0 auto;z-index:2}.main-section h2{font-size:64px;font-weight:800;line-height:100%}.main-top-logo{display:flex;position:absolute;top:50px;left:50px;z-index:2;gap:20px}.main-top{background:url(/sclAssets/images/bg-main-bio-top.png) no-repeat 50% 50%/cover;color:#fff;opacity:1}.main-top .visual-area{position:relative;z-index:1;width:100%;height:auto}.main-top .visual-area:after{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.05)}.main-top .visual-area img,.main-top .visual-area video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.main-top .main-section-inner{position:absolute;z-index:2;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%)}.main-top .main-section-text{display:flex;flex-direction:column;align-items:start;text-align:left;justify-content:center;gap:40px;height:100vh;width:1360px;margin:0 auto}.main-top .lv-title{font-size:65px;line-height:normal;font-weight:800;text-shadow:0 0 3px rgba(0,0,0,.5)}.main-top .lv-subtext{font-size:24px;line-height:160%;font-weight:500;text-shadow:0 0 3px rgba(0,0,0,.5)}.main-top .swiper-slide-active .main-section-text .lv-title{animation:translateX;animation-timing-function:ease-out;animation-duration:1.5s;animation-iteration-count:1;animation-fill-mode:forwards;text-shadow:0 0 5px 0 #000;opacity:0}.main-top .swiper-slide-active .main-section-text .lv-subtext{animation:translateY 1s ease-in .5s forwards;opacity:0;text-shadow:0 0 5px 0 #000}.main-top .swiper-slide-active .main-section-text{animation:fadeOut .8s ease-out 12s forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(20px)}}.main-top .swiper-horizontal>.swiper-pagination-bullets{bottom:15%}.main-top .visual-area:after{background:rgba(0,0,0,.5)}.visual-area .main-section-inner{width:1360px;text-align:left;left:50%;transform:translateX(-50%)}.main-section.main-top .swiper-pagination{text-align:left;left:76px;bottom:calc(5% + 48px)}.visual-area .main-section-inner .swiper-buttons{position:absolute;left:0;bottom:calc(5% + 48px);width:46px;height:46px}.visual-area .main-section-inner .swiper-buttons .swiper-button-ctrl{color:#fff;width:100%;height:100%;cursor:pointer;overflow:hidden}.visual-area .main-section-inner .swiper-buttons .swiper-button-ctrl:before{content:"";width:100%;height:100%;display:block;background:url(/sclAssets/images/btn_pause.svg) no-repeat 0 0}.visual-area .main-section-inner .swiper-buttons .swiper-button-ctrl.swipe-stop:before{background:url(/sclAssets/images/btn_play.svg) no-repeat 0 0}.main-section-inner .swiper-pagination-bullet{position:relative;border-radius:0;width:50px;height:46px;margin:0!important;background:none;box-shadow:inset 0 -2px 0 -1px hsla(0,0%,100%,.15);text-shadow:0 0 3px 0 #000;opacity:1;transition:all .3s linear}.main-section-inner .swiper-pagination-bullet-active{width:200px;box-shadow:inset 0 -4px 0 -2px #fff}.scroll-down{display:block;width:65px;height:94px;overflow:hidden;position:absolute;bottom:5%;left:calc(50% - 32.5px);z-index:2}.scroll-down:before{content:"";display:block;width:100%;height:100%;background:url(/sclAssets/images/icon_scroll_down.png) no-repeat 0 0/100% 100%;animation:tongtong .5s ease-out infinite alternate}.img-frame{width:100%;height:100%;position:relative;overflow:hidden}.img-freme:after{content:"";display:block;padding-bottom:100%}.img-freme img{width:100%;height:auto;object-fit:cover;position:absolute}.main-about,.main-news{justify-content:center;background-color:#fff;z-index:100}.main-about .main-section-inner{display:flex;justify-content:space-between;align-items:center}.main-about .main-section-inner:after{content:"";display:block;width:816px;height:300px;background:url(/logo/logoBionectH.svg) no-repeat 0 0;animation:tongtong 1s ease-in-out infinite alternate}.main-about .in-box{font-size:19px;color:#474747;line-height:160%;text-align:justify}.main-about .in-box .main-about-cont+.main-about-cont{margin-top:20px}.main-about .in-box h2{display:block;margin-bottom:40px;color:#000}.main-about .in-box h2:after{content:"";width:100%;height:1px;background:#111;display:block;margin-top:40px}.main-about .in-box b{color:#000}.main-about .list-bul{display:flex;flex-direction:column;gap:8px}.main-about .list-bul li{display:flex;font-size:16px;color:#666;font-weight:400;line-height:1.45}.main-about .list-bul li:before{content:"";width:4px;height:4px;border-radius:50%;display:block;background:#666;margin:9.5px 8px 0 0;flex-shrink:0}.main-about:before{background:none}.main-about .in-box{width:1360px;margin:auto;display:flex;grid-template-columns:repeat(2,600px);justify-content:space-between}.main-about .main-section-inner{flex-direction:column;position:relative}.main-about .main-section-inner:after{background:url(/logo/logoBionectH.svg) no-repeat 50% 0/440px 108px;width:600px;filter:brightness(.5);position:absolute;left:0;top:50%;animation:translateX;animation-timing-function:ease-out;animation-delay:.3s;animation-duration:1.5s;animation-iteration-count:1;animation-fill-mode:forwards;text-shadow:0 0 5px 0 #000;opacity:0}.list-bul+.main-about-cont:before{content:"";width:100%;height:1px;background:#ddd;display:block;margin:40px 0}.box-gray{background:#f4f4f4;padding:40px}.main-about .in-box>*{flex:0 0 600px}.main-card{min-height:953px;background:#fff url(/sclAssets/images/bg-main-card.png) no-repeat 50% 50%/contain;animation:bigbig 3s infinite alternate}.main-card h2{margin:80px 0;color:#fff}.main-card .card-swiper-wrapper{display:flex;gap:27px}.swipe-card-wrap .card-swiper-slide{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;width:250px;height:376px;animation:tongtong 1s infinite alternate}.swipe-card-wrap .card-swiper-slide .card-back,.swipe-card-wrap .card-swiper-slide .card-front{position:absolute;top:0;left:0;height:100%;transition:all .35s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%}.swipe-card-wrap .card-swiper-slide .card-front{background-color:#000;transform:rotateY(0);opacity:1}.swipe-card-wrap .card-swiper-slide .card-back{background-color:#362a57;mix-blend-mode:plus-lighter;transform:rotateY(-180deg);opacity:0}.swipe-card-wrap .card-swiper-slide .card-back:after{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;background-repeat:no-repeat;background-position:100% 100%;background-size:100% auto;transition:all .3s linear}.swipe-card-wrap .card-swiper-slide:first-child{animation-delay:.1s}.swipe-card-wrap .card-swiper-slide:nth-child(2){animation-delay:.4s}.swipe-card-wrap .card-swiper-slide:nth-child(3){animation-delay:.2s}.swipe-card-wrap .card-swiper-slide:nth-child(4){animation-delay:.6s}.swipe-card-wrap .card-swiper-slide .card-front .lv-title{display:block;margin:30px 28px 0;color:#fff;font-size:30px;font-weight:600}.swipe-card-wrap .card-swiper-slide .card-back .slide-cont{position:absolute;top:30px;left:20px;right:18px;z-index:3;color:#fff;font-size:14px;font-weight:500;line-height:30px}.swipe-card-wrap .card-swiper-slide .card-back .slide-cont.has-img{display:flex;flex-direction:column;align-items:center;gap:20px}.swipe-card-wrap .card-swiper-slide .card-back .slide-cont.has-img img{max-width:100%}.swipe-card-wrap .card-swiper-slide .card-front .description{display:block;margin:8px 28px 0;color:#fff;font-size:20px}.swipe-card-wrap .card-swiper-slide:hover{animation-play-state:paused}.main-card{background-image:url(/sclAssets/images/bg-main-card-bio.png);z-index:101}.main-card .main-section-inner{display:flex;flex-direction:column;height:100%}.main-card h2{margin-bottom:0}.main-card .card-swiper-wrapper{gap:40px}.main-card .swipe-card-wrap{margin:auto;padding-bottom:10vh}.swipe-card-wrap .card-swiper-slide{width:310px;height:420px}.swipe-card-wrap .card-swiper-slide .card-back:after,.swipe-card-wrap .card-swiper-slide .card-front:after{background:none}.swipe-card-wrap .card-swiper-slide:hover .card-back:after{filter:none}.swipe-card-wrap .card-swiper-wrapper .card-swiper-slide:hover .card-front{transform:rotateY(180deg);opacity:0}.swipe-card-wrap .card-swiper-wrapper .card-swiper-slide:hover .card-back{transform:rotateY(0deg);opacity:1}.main-workflow{z-index:102}.main-workflow .main-section-inner{margin:auto}.main-workflow .section-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/sclAssets/images/bg-main-flow-2.png) no-repeat 50% 50%/cover;transform:scale(.8)}.main-workflow h2{color:#fff;margin:0}.main-workflow-list{margin:60px 0 0}.btn-main-flow,.main-workflow-each{position:relative}.btn-main-flow{cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:500px;color:#fff;padding:0 20px;font-size:26px;font-weight:500;line-height:34px;opacity:.4;transition:all .2s ease-in-out;border-bottom:1px solid #fff}.btn-main-flow:before{content:"";width:0;height:3px;position:absolute;bottom:0;left:0;background:#fff;transition:all 1s ease-in-out}.btn-main-flow:hover:before,.main-workflow-each.active .btn-main-flow:before{width:100%}.main-workflow-each .btn-main-flow:hover,.main-workflow-each.active .btn-main-flow{opacity:1}.btn-main-flow:after{content:"";width:70px;height:70px}.main-workflow-each:first-child .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-01.svg) no-repeat 0 0}.main-workflow-each:nth-child(2) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-02.svg) no-repeat 0 0}.main-workflow-each:nth-child(3) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-03.svg) no-repeat 0 0}.main-workflow-each:nth-child(4) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-04.svg) no-repeat 0 0}.main-workflow-each:nth-child(5) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-05.svg) no-repeat 0 0}.main-workflow-each:nth-child(6) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-06.svg) no-repeat 0 0}.main-workflow-each:nth-child(7) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-07.svg) no-repeat 0 0}.main-workflow-each:nth-child(8) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-08.svg) no-repeat 0 0}.main-workflow-detail{display:none;visibility:hidden;position:absolute;top:-10px;left:590px;opacity:0;flex-direction:column;background:rgba(0,0,0,.64);color:#fff;padding:30px;transition:all .5s linear}.main-workflow-detail dt{font-size:26px;font-weight:700;line-height:34px;margin-bottom:14px}.main-workflow-detail dt span{font-size:14px;font-weight:400;line-height:14px;display:block;margin-bottom:6px;opacity:.6}.main-workflow-detail dd{font-size:20px;font-weight:100;line-height:30px}.btn-main-flow:hover+.main-workflow-detail,.main-workflow-each.active .main-workflow-detail{top:0;left:590px;opacity:1;visibility:visible;display:flex}.main-workflow-each:nth-child(7) .btn-main-flow:hover+.main-workflow-detail{bottom:-100%;top:unset}.main-workflow-each:nth-child(8) .btn-main-flow:hover+.main-workflow-detail{bottom:0;top:unset}.main-workflow .section-frame{background-image:url(/sclAssets/images/bg-main-flow-bio.png)}.main-workflow-each:first-child .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-bio-01.svg) no-repeat 0 0}.main-workflow-each:nth-child(2) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-bio-02.svg) no-repeat 0 0}.main-workflow-each:nth-child(3) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-bio-03.svg) no-repeat 0 0}.main-workflow-each:nth-child(4) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-bio-04.svg) no-repeat 0 0}.main-workflow-each:nth-child(5) .btn-main-flow:after{background:url(/sclAssets/images/icon-workflow-bio-05.svg) no-repeat 0 0}.main-workflow-each button{background:transparent}.SBnotice{z-index:103;background:#fff}.SBcontact{z-index:104}@keyframes tongtong{0%{opacity:.95;transform:translate3d(0,30%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes bigbig{0%{background-size:100% 100%}to{background-size:120% 120%}}@keyframes translateX{0%{transform:translate3d(-100%,0,0);visibility:visible;opacity:0}50%{opacity:.7;transform:translate3d(0,-5%,0)}to{transform:translateZ(0);opacity:1}}@keyframes translateY{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes mainTxt{0%{transform:translate(-30%,-2%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes subTxt{0%{transform:translate(2%,50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes elastic-ball{0%{transform:translateX(-15%)}19.55%{transform:translateX(28.7%)}31.61%{transform:translateX(6.73%)}39.06%{transform:translateX(19.92%)}43.66%{transform:translateX(12.15%)}46.50%{transform:translateX(16.58%)}48.25%{transform:translateX(14.21%)}49.33%{transform:translateX(15.3%)}50.00%{transform:translateX(15%)}69.55%{transform:translateX(-28.7%)}81.61%{transform:translateX(-6.73%)}89.06%{transform:translateX(-19.92%)}93.66%{transform:translateX(-12.15%)}96.50%{transform:translateX(-16.58%)}98.25%{transform:translateX(-14.21%)}99.33%{transform:translateX(-15.3%)}100.00%{transform:translateX(-15%)}}.main-section{will-change:transform;height:100vh}@keyframes progressAnimation{0%{width:0}to{width:100%}}.progress-bar{opacity:0;width:0;height:2px;background:#0084f4;position:absolute;bottom:0;left:0}.swiper-pagination-bullet-active>.progress-bar{animation-fill-mode:forwards;animation:progressAnimation ease-in-out;opacity:1}.progress-bar.running{animation-play-state:running}.progress-bar.paused{animation-play-state:paused}.MuiIconButton-root.scrollTop{position:fixed;bottom:40px;right:40px;z-index:9999;background:rgba(0,78,164,.6);cursor:pointer;width:80px;height:80px;border-radius:40px;transition:all .3s}.scrollTop.show{opacity:1}.scrollTop.hide{opacity:0}.MuiIconButton-root.scrollTop:hover{background:rgba(0,78,164,.7)}.MuiChip-root.MuiChip-filledInfo{background-color:#fff1d6;color:#b76e00}.MuiChip-root.MuiChip-filledPrimary{background-color:pink;color:red}.MuiChip-root.MuiChip-filledSecondary{background-color:#dbf6e5;color:#118d57}.MuiChip-root.MuiChip-filledDefault{background-color:#ccc;color:#666}