@keyframes wobble-vertical-on-hover{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wobble-vertical-on-hover2{0%,20%,100%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes bHover{0%{background-color:rgba(0,0,0,0)}100%{background-color:hsla(0,0%,100%,.2)}}@keyframes bHover{0%{background-color:rgba(0,0,0,0)}100%{background-color:hsla(0,0%,100%,.2)}}@-webkit-keyframes pop-on-hover{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pop-on-hover{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes pagerEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px #333,0 0 0 10px hsla(0,0%,100%,.5)}100%{box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px #333,0 0 0 10px hsla(0,0%,100%,.5);-webkit-transform:scale(1.5);opacity:0}}@-webkit-keyframes scrollDown{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}@keyframes timeLine{0%{width:0%}100%{width:100%}}@keyframes txtBracket{0%,100%{opacity:0}50%{opacity:1}}@keyframes txtChange{0%,20%,100%{transform:translate3d(0, -37%, 0)}25%,45%{transform:translate3d(0, -12%, 0)}50%,70%{transform:translate3d(0, 13%, 0)}75%,95%{transform:translate3d(0, 38%, 0)}}@-webkit-keyframes loading{0%{-webkit-transform:scale(0);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);opacity:0}}@keyframes FadeText{from{opacity:.1}to{opacity:1}}main{background:#ededed}.mainCircleWrap{background:#fff;width:140px;height:140px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainCircleWrap .circleBox{position:relative;width:120px;height:120px;border-radius:50%}.mainCircleWrap .circleBox .textWrap{position:absolute;width:100%;height:100%;font-family:consolas;color:#007bc1;font-size:12px;animation:textRotation 10s linear infinite}.mainCircleWrap .circleBox .textWrap span{position:absolute;left:50%;transform-origin:0 60px}.mainCircleWrap .circleBox:before{display:block;content:"";position:absolute;top:50%;left:50%;width:2px;height:40px;background-color:#007bc1;transform:translate(-50%, -50%)}.mainCircleWrap .circleBox:after{display:block;content:"";position:absolute;top:50%;left:50%;width:40px;height:2px;background-color:#007bc1;transform:translate(-50%, -50%)}@keyframes textRotation{to{transform:rotate(360deg)}}.mainTit{color:#fff;font-size:56px;font-family:"NanumSquareNeoBold"}.mainTxt{color:#fff;font-size:22px}.mainSlide{width:100%;height:calc(90vh + 50px)}.mainSlide .swiper-wrapper .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding-left:13vw;box-sizing:border-box}.mainSlide .swiper-wrapper .swiper-slide .visTxt{color:#484848;font-size:20px;line-height:1.5;font-family:"NanumSquareNeo"}.mainSlide .swiper-wrapper .swiper-slide h3{color:#000;font-size:48px;line-height:1.5;font-family:"NanumSquareNeoBold";margin-top:1.5rem}.mainSlide .swiper-wrapper .swiper-slide.ph{background:url("/images/Terrastar/Homepage/main/mainVis_ph.jpg") no-repeat center center;background-size:cover}@media(max-width: 1080px){.mainSlide .swiper-wrapper .swiper-slide.ph{background-image:url("/images/Terrastar/Homepage/main/mainVis_ph_m.jpg")}}.mainSlide .swiper-wrapper .swiper-slide.o2{background:url("/images/Terrastar/Homepage/main/mainVis_o2.jpg") no-repeat center center;background-size:cover}@media(max-width: 1080px){.mainSlide .swiper-wrapper .swiper-slide.o2{background-image:url("/images/Terrastar/Homepage/main/mainVis_o2_m.jpg")}}.mainSlide .swiper-wrapper .swiper-slide.black9{background:url("/images/Terrastar/Homepage/main/mainVis_black9.jpg") no-repeat center center;background-size:cover}@media(max-width: 1080px){.mainSlide .swiper-wrapper .swiper-slide.black9{background-image:url("/images/Terrastar/Homepage/main/mainVis_black9_m.jpg")}}.mainSlide .swiper-wrapper .swiper-slide.black9cut{background:url("/images/Terrastar/Homepage/main/mainVis_black9cut.jpg") no-repeat center center;background-size:cover}@media(max-width: 1080px){.mainSlide .swiper-wrapper .swiper-slide.black9cut{background-image:url("/images/Terrastar/Homepage/main/mainVis_black9cut_m.jpg")}}.mainSlide .swiper-wrapper .swiper-slide.san{background:url("/images/Terrastar/Homepage/main/mainVis_san.jpg") no-repeat center center;background-size:cover}@media(max-width: 1080px){.mainSlide .swiper-wrapper .swiper-slide.san{background-image:url("/images/Terrastar/Homepage/main/mainVis_san_m.jpg")}}.mainSlide .swiper-wrapper .swiper-slide.glutathion{background:url("/images/Terrastar/Homepage/main/mainVis01.png") no-repeat center right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.bellaTheLab{background:url("/images/Terrastar/Homepage/main/mainVis_bella.jpg") no-repeat center right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.aalok{background:url("/images/Terrastar/Homepage/main/mainVis05.png") no-repeat center right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.ecop{background:url("/images/Terrastar/Homepage/main/mainVis04.png") no-repeat center right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.docCal{background:url("/images/Terrastar/Homepage/main/mainVis_docCal.png") no-repeat center right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.brainTerraP{background:url("/images/Terrastar/Homepage/main/mainVis_brainTerraP.png") no-repeat center right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.brainTerraP .visTxt span{font-family:"NanumSquareNeoBold"}.mainSlide .swiper-wrapper .swiper-slide.brainTerraP .brainTerraP_Logo{width:590px;margin-top:1.5rem}.mainSlide .swiper-wrapper .swiper-slide.order{background:url("/images/Terrastar/Homepage/main/mainVis07.png?cache=1") no-repeat top right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.order .mobileSubTxt{display:none}.mainSlide .swiper-wrapper .swiper-slide.order .mobileTitTxt{display:none}.mainSlide .swiper-wrapper .swiper-slide.order .visTxt .emphasize{color:#19428f;font-family:"NanumSquareNeoExtraBold"}.mainSlide .swiper-wrapper .swiper-slide.order h3{font-family:"NanumSquareNeoExtraBold"}.mainSlide .swiper-wrapper .swiper-slide.order h3 .visTitBox{display:-webkit-box;display:-ms-flexbox;display:flex}.mainSlide .swiper-wrapper .swiper-slide.order h3 .visTitBox .color{color:#ed1b23;margin-left:1rem}.mainSlide .swiper-wrapper .swiper-slide.epiderm{background:url("/images/Terrastar/Homepage/main/mainVis09.png") no-repeat bottom right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.epiderm .mainVisLogo{margin-bottom:1rem}.mainSlide .swiper-wrapper .swiper-slide.bellastar{background:url("/images/Terrastar/Homepage/main/mainVis10.png") no-repeat bottom right;background-size:cover}.mainSlide .swiper-wrapper .swiper-slide.bellastar .mainVisLogo{margin-bottom:1rem}.swiper-pagination{bottom:80px !important}.swiper-pagination .swiper-pagination-bullet-active{background:#007bc1 !important}.mainBestProd{background:#222;border-radius:50px;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:-50px;z-index:10;position:relative;gap:6vw;padding-top:10.5vw;padding-bottom:10.5vw}.mainBestProd .bestProdTxtWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:4vw;align-self:flex-end}.mainBestProd .bestProdTxtWrap .logo{width:300px}.mainBestProd .bestProdTxtWrap .viewBtnRow{margin-top:1vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainBestProd .bestProdTxtWrap .viewBtnRow a{color:#fff;font-size:16px;width:130px;height:50px;border-radius:50px;border:1px solid #fff;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainBestProd .mainBestProdSlide{flex:1;padding-left:70px;padding-top:70px}.mainBestProd .mainBestProdSlide .mainCircleWrap{position:absolute;top:0;left:0;z-index:5}.mainBestProd .mainBestProdSlide .swiper-wrapper .swiper-slide{border:1px solid #007bc1;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.2vw;padding:3.5vw 0;border-radius:30px;cursor:pointer}.mainBestProd .mainBestProdSlide .swiper-wrapper .swiper-slide .img{width:12.5vw;height:12.5vw;border-radius:50%;margin-bottom:.5vw;overflow:hidden}.mainBestProd .mainBestProdSlide .swiper-wrapper .swiper-slide .img img{object-fit:cover;width:100%;height:100%}.mainBestProd .mainBestProdSlide .swiper-wrapper .swiper-slide .name{color:#fff;font-size:18px}.mainBestProd .mainBestProdSlide .swiper-wrapper .swiper-slide .price{color:#fff;font-size:18px}.mainBestProd .swiper-pagination-fraction{width:auto !important;color:#999}.mainBestProd .swiper-pagination-fraction .swiper-pagination-current{color:#007bc1}.mainPromotion{background:url("/images/Terrastar/Homepage/main/mainPromotionBg.png") no-repeat center center;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin-top:-50px;padding-top:12vw;padding-bottom:10vw}.mainPromotion h2{text-align:right}.mainPromotion .proTxtWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:2vw;margin-top:5vw}.mainPromotion .proTxtWrap h3{color:#fff;font-size:40px}.mainPromotion .proTxtWrap .mainCircleWrap{margin-top:2vw}.mainPromotion .prodWrap{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;width:50%;align-self:flex-end;margin-right:10vw}.mainPromotion .prodWrap .prodBox{background:hsla(0,0%,100%,.7);border-radius:20px;padding:2.8vw 2.5vw;width:calc((100% - 5vw)/2);height:540px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;justify-content:center;gap:1vw;cursor:pointer}.mainPromotion .prodWrap .prodBox:nth-child(odd){margin-right:5vw}.mainPromotion .prodWrap .prodBox:nth-child(even){margin-top:5vw}.mainPromotion .prodWrap .prodBox .name{color:#000;font-size:18px;font-family:"NanumSquareNeoBold"}.mainPromotion .prodWrap .prodBox .detail{color:#000;font-size:16px}.mainPromotion .prodWrap .prodBox .img{margin-top:2vw;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.mainComp{padding-top:16vw;padding-bottom:16vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:16vw;position:relative}.mainComp .compTitWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.5vw;z-index:5}.mainComp .compTitWrap h4{color:#585858;font-size:20px;font-family:"NanumSquareNeoLight",sans-serif}.mainComp .compTitWrap .mainTit{color:#000}.mainComp .compTitWrap .txt{color:#585858;font-size:34px;line-height:1.5;text-align:center;font-family:"NanumSquareNeoLight",sans-serif}.mainComp .compTitWrap a{color:#000;font-size:16px;background:#fff;width:180px;height:50px;border-radius:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.8vw;margin-top:1vw;font-family:"NanumSquareNeoLight",sans-serif;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.mainComp .compTitWrap a:hover{background:#f5f5f5}.mainComp .compBg{position:absolute;top:25%;left:0}.mainComp .compCont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1.4vw;position:relative}.mainComp .compCont:before{display:block;content:"";position:absolute;top:-8vw;left:0;content:"LETS TERRASTAR";color:hsla(0,0%,100%,.3);font-size:9.5vw;width:100%;text-align:center;font-family:"NanumSquareNeoExtraBold"}.mainComp .compCont .box{border:1px solid #fff;background:hsla(0,0%,100%,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2vw;height:240px;border-radius:30px;padding:0 2vw;box-sizing:border-box}.mainComp .compCont .box h3{color:#000;font-size:44px;font-family:"NanumSquareNeoBold"}.mainComp .compCont .box p{color:#585858;font-size:28px;line-height:1.5;text-align:center}.mainWemake{background:#222;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow:hidden}.mainWemake .wemakeTxtWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:4vw;width:50%;padding:0 6vw;box-sizing:border-box;justify-content:center}.mainWemake .wemakeTxtWrap .tabBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1.2vw}.mainWemake .wemakeTxtWrap .tabBox a{color:#585858;font-size:48px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:max-content;padding:0 10px 10px}.mainWemake .wemakeTxtWrap .tabBox a.active{color:#fff;font-size:48px;border-bottom:1px solid #007bc1}.mainWemake .wemakeTxtWrap .tabBox a:hover{color:#fff}.mainWemake .wemakeTxtWrap .txtBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:2vw}.mainWemake .wemakeTxtWrap .txtBox p{color:#ddd;font-size:24px;line-height:2;font-family:"NanumSquareNeoLight"}.mainWemake .mainCircleWrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mainWemake .wemakeImg{flex:1;border-radius:30px;width:50%;overflow:hidden}.mainWemake .wemakeImg .tabA_Content{height:90vh}.mainWemake .wemakeImg .tabA_Content img{width:100%;height:100%;object-fit:cover}.mainMedia{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:4vw;padding:12vw 0 15vw 4vw}.mainMedia .mainTit{color:#000}.mainMedia .mainMediaSlide{width:100%}.mainMedia .mainMediaSlide .swiper-wrapper .swiper-slide{width:calc((100% - 30px)/3);height:21vw;border-radius:20px;overflow:hidden}.mainMedia .mainMediaSlide .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover;height:100% !important;width:100% !important}