/* BASIC css start */
/* ÇÏ´ÜGNB */
#commonGnb { display: flex; position: fixed; bottom: 0; z-index: 901; width: 100%; background: #fff; border-top: 1px solid #f1f1f1; transition: bottom .3s linear; }
#commonGnb a { position: relative; display: flex; flex-direction: column; align-items: center; flex-basis: 20%; height: 60px; color: inherit; font-size: 11px; line-height: 14px; text-decoration: none; }
#commonGnb a > img { display: block; margin: 10px 0 3px; width: 24px; height: 24px; }
#commonGnb a .thumb_img { margin: 12px 0 5px; width: 18px; height: 18px; background: #dadada; border: 1px solid #bbb; }
#commonGnb a #MS_view_product img { display: block; margin: 12px 0 5px; width: 24px; height: 24px; }
#commonGnb a .kakao_join { position: absolute; top: -12px; width: 92px; height: 23px; transform: translateX(-50%); transition: 0.7s; }
#commonGnb a.home_btn > img { width: 38px; height: 38px; border-radius: 38px; }


@keyframes shakeY {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 3px, 0);
        transform: translate3d(0, 3px, 0)
    }
}
.shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
    animation-fill-mode: both;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/* BASIC css end */