@charset "UTF-8";

/* 햄버거버튼 ani */
@keyframes hambergerOn {
    0%   {background-color: rgba(0,0,0,.0);box-shadow: 3px 3px 3px rgba(11,11,11,0) inset;}
    100% {background-color: rgba(0,0,0,.1);box-shadow: 3px 3px 3px rgba(11,11,11,.1) inset;}
}
@keyframes hambergerOf {
    0%   {background-color: rgba(0,0,0,.1);box-shadow: 3px 3px 3px rgba(11,11,11,.1) inset;}
    100% {background-color: rgba(0,0,0,.0);box-shadow: 3px 3px 3px rgba(11,11,11,.0) inset;}
}
/* pc 네비게이션 ani */
@keyframes pc_navOn {
    0%   {color:var(--main-color);border-bottom:2px solid transparent;padding-bottom:0em;}
    100% {color:var(--main-color);border-bottom:2px solid var(--main-color);padding-bottom:.3em;}
}
@keyframes pc_navOff {
    0%   {color:var(--main-color);border-bottom:2px solid var(--main-color);padding-bottom:.3em;}
    100% {color:var(--main-color);border-bottom:2px solid transparent;padding-bottom:0em;}
}

/* 하얀배경 ani */
@keyframes white_beforeOn {
    0%   {background-color: rgba(255,255,255,0);}
    100% {background-color: rgba(255,255,255,.2);}
}
@keyframes white_beforeOff {
    0%   {background-color: rgba(255,255,255,.2);}
    100% {background-color: rgba(255,255,255,0);}
}


/* 햄버거 네비게이션 ani */
@keyframes ham_touchOn {
    0%   {border-bottom:2px solid rgba(30,102,177,0);color:var(--black-color);}
    100% {border-bottom:2px solid var(--main-color);color:var(--main-color);}
}
@keyframes ham_touchOff {
    0%   {border-bottom:2px solid var(--main-color);color:var(--main-color);}
    100% {border-bottom:2px solid rgba(30,102,177,0);color:var(--black-color);}
}