* { -webkit-tap-highlight-color: transparent; }  .text-fadeinup { opacity: 0; } .text-ani-fadeinright{ opacity: 0; display: inline-block; overflow: hidden; } .text-ani-fadeinup { opacity: 0; display: inline-block; overflow: hidden; } .text-ani-fadeinup-once { opacity: 0; display: inline-block; overflow: hidden; }  @media (max-width: 767px) { #gnb { position: relative; } #gnb-nav .bricks-mobile-menu-wrapper { position: absolute !important; top: calc(100% + 1px) !important; left: 0 !important; width: 100% !important; max-width: 100% !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; background: rgba(255,255,255,0.7); opacity: 1 !important; visibility: visible !important; display: block !important; transform: none !important; transition: height 0.4s ease, max-height 0.4s ease !important; z-index: 999; } #gnb-nav.show-mobile-menu .bricks-mobile-menu-wrapper { height: 280px !important; max-height: 280px !important; border-bottom:1px solid #eee; } #gnb-nav .bricks-mobile-menu { display: flex !important; flex-direction: column !important; position: relative !important; width: 100% !important; padding: 24px 20px !important; margin: 0 !important; background: rgba(255,255,255,0.7); opacity: 0; transform: translateY(-8px); transition: opacity 0.25s ease, transform 0.3s ease; } #gnb-nav.show-mobile-menu .bricks-mobile-menu { opacity: 1; transform: translateY(0); } #gnb-nav .bricks-mobile-menu li { position: relative !important; display: block !important; width: 100% !important; list-style: none; margin: 0 !important; } #gnb-nav .bricks-mobile-menu li a { display: block; padding: 10px 10px; color: #999; line-height: 2em; } #gnb-nav .bricks-mobile-menu-wrapper:before { display:none !important; } #gnb-nav.show-mobile-menu .bricks-mobile-menu-overlay, .bricks-mobile-menu-overlay { opacity: 0 !important; visibility: hidden !important; } }