@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}}@media screen and (max-width: 1480px){.ceo .ceoCont{flex-direction:column}}@media screen and (max-width: 1080px){.wrapper .header .defaultGnb{display:none}.wrapper .header .headerRight .geniBtn{display:none}.wrapper .header .headerRight #hamBtn{display:flex}.mainSlide{height:68vh}.mainBest .bestWrap .bestCont .swiper-wrapper .swiper-slide .txtBox .detail br{display:none}.mainIngredient .heroContent .contentPanel .heroDesc br{display:none}.mainBrand{width:90%}.footer{flex-direction:column-reverse}.footer .snsBox .snsLink{gap:10px;justify-content:unset !important}.tabTitWrap>h3{text-align:center}.tabTitWrap .tabRow a{flex:1;text-align:center}.brand .tabTitWrap .tabRow{flex-wrap:wrap;align-items:stretch;width:100%}.brand .tabTitWrap .tabRow a{padding:10px 5px;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}.prodDetail .detailTop{flex-direction:column}.prodDetail .detailTop .imgWrap{width:100%}.prodDetail .detailTop .imgWrap .topImg{height:45vh}.prodDetail .detailTop .purchaseBox{width:100%;min-width:auto}.prodDetail .detailCont{width:100%}.plan{max-width:100% !important}.plan tr,.plan th,.plan td{padding:10px !important}.company .compBottom .contWrap .compTab_Content .cont.license{flex-direction:column;align-items:baseline}.company .compBottom .contWrap .compTab_Content .cont.license .box{width:100%}.company .compBottom .contWrap .compTab_Content .cont.license .box .boxTop .bDetail br,.company .compBottom .contWrap .compTab_Content .cont.license .box .boxTop .sDetail br{display:none}.company .compBottom .contWrap .compTab_Content .cont.partner{grid-template-columns:1fr}.company .compBottom .contWrap .compTab_Content .cont.partner .box .detailBox .detail br{display:none}.company .compBottom .contWrap .compTab_Content .cont.partner .box .partnerImg img{max-width:80%}.company .compBottom .contWrap .compTab_Content .cont.partner .box .partnerImg.logo img{max-width:80%}.business .businessTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:30px}.business .businessTop .txtBox{width:100%;text-align:center}.business .businessTop .txtBox h3{line-height:1.8}.business .businessTop .txtBox p{line-height:1.8}.business .businessTop .txtBox p br{display:none}.business .businessTop .businessTopImg{width:100%}.business .businessWhy .subWid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:30px}.business .businessWhy .subWid .whyTit{position:static}.business .businessWhy .subWid .whyTit .line{width:30px;height:2px}.business .businessWhy .subWid .whyCont{width:100%}.business .businessBottom{height:70vh}.ceo .ceoCont{padding-left:15px;padding-right:15px}.ceo .ceoCont .ceoBox .box .valueTit{font-size:15px}.ceo .ceoCont .ceoBox .box .valueBox .row{flex-direction:column}.ceo .ceoCont .ceoBox .box .valueBox .row .rowTxt{text-align:center}.ceo .ceoCont .ceoBox .box .valueBox .row .rowTxt br{display:none}}@media screen and (max-width: 780px){:root{--best-wid: 250%}.mainBrand .theWrap{flex-direction:column}.mainBrand .theWrap .titBox{width:100%}.instaWrap>img{width:50%}}
