@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}}:root{--m-height: 75vh;--foot-txt: 14px}@media screen and (max-width: 1280px){.company .policyWrap .compPolicy .policyCont .cont .box{min-width:auto}}@media screen and (max-width: 1080px){:root{--contract-radius: 45px}.wrapper #hamWrap{flex-direction:column-reverse}.wrapper #hamWrap .hamInfo{min-height:var(--m-height)}.wrapper .footer .footInner{flex-direction:column;gap:clamp(15px,6vw,50px)}.wrapper .footer .footInner .footWrap.add{justify-content:flex-end;flex-direction:column-reverse}.wrapper .footer .footInner .footWrap.add .imgWrap{display:none}.mainSlide{height:var(--m-height)}.mainSlide .swiper-wrapper .swiper-slide .mainTxt{left:30px;width:calc(100% - 60px);top:18%}.mainSlide .swiper-wrapper .swiper-slide .mainTxt h2{text-align:center}.mainSlide .swiper-wrapper .swiper-slide .mainTxt h2 br{display:block}.mainSlide .swiper-wrapper .swiper-slide .mainTxt p{text-align:center}.mainSlide .swiper-wrapper .swiper-slide .mainTxt p br{display:none}.mainSlide .swiper-wrapper .swiper-slide.vis01{background-position:left 15% top}.mainSlide .swiper-wrapper .swiper-slide.prod02{background-position:left 2% top}.mainAboutWrap .aboutCont .aboutSlide{display:flex}.mainAboutWrap .aboutCont .scroll-container .side-images{display:none}.mainAboutWrap .aboutCont .scroll-container .center-sticky{width:100% !important;height:max-content !important;padding:6vh 0 15vh}.mainAboutWrap .aboutCont .scroll-container .center-sticky .text-wrapper .txt{font-size:24px}.prodDetail .detailTop{grid-template-columns:1fr}.subWrap .subTop{height:270px;padding-bottom:0}.ceo .ceoTxtBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:20px}.ceo .ceoTxtBox .txt p br{display:none}.company .compTop .box{flex-direction:column;width:100%}.company .compTop .box .txt,.company .compTop .box .en{text-align:center}.company .compTop .box .txt br,.company .compTop .box .en br{display:none}.company .policyWrap .compPolicy .policyCont{flex-direction:column;width:100%}.company .policyWrap .compPolicy .policyCont .cont{width:100%}.company .policyWrap .compPolicy .policyCont .cont .box{min-height:auto;gap:10px}.company .policyWrap .compPolicy .policyCont .cont .box.box01,.company .policyWrap .compPolicy .policyCont .cont .box.box03{border-radius:20px}.company .policyWrap .compPolicy .policyCont .cont .box.box03 .contentBox .row>h4{font-size:14px;padding:8px 12px}.company .compActive .activeCont{width:100%}.company .compActive .activeCont .row{flex-direction:column}.company .compActive .activeCont .row:nth-child(1){transform:none}.company .compActive .activeCont .row:nth-child(2){transform:none}.company .compActive .activeCont .row .box .txtBox p br{display:none}.ci .markWrap .symCont{flex-direction:column;gap:25px}.ci .markWrap .symCont .imgBox{width:100%}.ci .markWrap .symCont .imgBox img{max-width:40%}.ci .paletteWrap .palette .paletteCont{flex-wrap:wrap;gap:10px}.ci .paletteWrap .palette .paletteCont .box{flex:none;width:calc((100% - 10px)/2);margin-top:20px}.ci .ibodaWrap .ibodaCont{flex-direction:column}.ci .ibodaWrap .ibodaCont .box{margin-left:0;width:100%;margin-top:-8vw;border:0 none}.ci .ibodaWrap .ibodaCont .box:first-child{margin-top:0}.ci .ibodaWrap .ibodaCont .box:not(:first-child).active{z-index:10 !important;transform:translateY(-30px) !important}.ci .sloganWrap{min-height:50vh}.business .businessComm{gap:30px;flex-direction:column}.business .businessComm .titBox{width:100%;align-items:center}.business .outlineWrap .outlineCont{gap:10px}.business .outlineWrap .outlineCont .outlineBox{width:calc((100% - 10px)/2)}.contract{flex-direction:column-reverse}.contract .contractCont{gap:40px;align-items:center}.contract .contractCont .subTit{margin-left:0}.contract .contractCont .boxWrap .box{width:100%;gap:15px}.map .mapCont .root_daum_roughmap_landing{height:400px !important}.map .mapInfo{grid-column:span 2;gap:40px}.memInfo .memInfoCont .container{border-radius:20px}.memInfo .memInfoCont .container>h3{padding:8px 15px}.memInfo .subBTit.smT{font-size:20px;letter-spacing:-1px}}@media screen and (max-width: 780px){.mainBestWrap .bestSlide .swiper-wrapper .swiper-slide .imgBox{width:100%}.mainInfoWrap .infoRow{flex-direction:column;align-items:flex-start;gap:10px}.mainInfoWrap .infoRow i{display:none}.business .outlineWrap .outlineCont{gap:20px}.business .outlineWrap .outlineCont .outlineBox{width:100%}.business .visionWrap .businessComm .visionCont .visionBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.business .visionWrap .businessComm .visionCont .visionBox .visionImg{width:100px;height:100px}.business .visionWrap .businessComm .visionCont .visionBox .visionImg img{max-width:60%}.business .visionWrap .businessComm .visionCont .visionBox .visionTxtBox .txt br{display:none}}@media screen and (max-width: 480px){.paletteWrap .palette .paletteCont .box .color.i img{max-width:16%}.paletteWrap .palette .paletteCont .box .color.b img{max-width:17%}.paletteWrap .palette .paletteCont .box .color.o img{max-width:26%}.paletteWrap .palette .paletteCont .box .color.d img{max-width:19%}.paletteWrap .palette .paletteCont .box .color.a img{max-width:19%}}
