
/* ----------------------------------------------
안쓰는 메뉴 
 * ---------------------------------------------- 

.text-pop-up-tl {
	-webkit-animation: text-pop-up-tl 0.3s ease-in-out forwards;
	        animation: text-pop-up-tl 0.3s ease-in-out forwards;
}


 @-webkit-keyframes text-pop-up-tl {
    0% {
      -webkit-transform: translateY(0) translateX(0);
              transform: translateY(0) translateX(0);
      -webkit-transform-origin: 3% 3%;
              transform-origin: 3% 3%;
      text-shadow: none;
    }
    100% {
      -webkit-transform: translateY(-5px) translateX(-5px);
              transform: translateY(-5px) translateX(-5px);
      -webkit-transform-origin: 3% 3%;
              transform-origin: 3% 3%;
              text-shadow: 0 1px 0 #f5faff, 0 2px 0 #f5faff, 0 3px 0 #f5faff, 0 4px 0 #f5faff, 0 5px 0 #f5faff, 0 6px 0 #f5faff, 0 7px 0 #f5faff, 0 8px 0 #f5faff, 0 9px 0 #f5faff;
      color:#06c;
    }
  }
  @keyframes text-pop-up-tl {
    0% {
      -webkit-transform: translateY(0) translateX(0);
              transform: translateY(0) translateX(0);
      -webkit-transform-origin: 3% 3%;
              transform-origin: 3% 3%;
              text-shadow: 0 1px 0 #f5faff, 0 2px 0 #f5faff, 0 3px 0 #f5faff, 0 4px 0 #f5faff, 0 5px 0 #f5faff, 0 6px 0 #f5faff, 0 7px 0 #f5faff, 0 8px 0 #f5faff, 0 9px 0 #f5faff;
              
              color:#0080ff
    }
    100% {
      -webkit-transform: translateY(-5px) translateX(-5px);
              transform: translateY(-5px) translateX(-5px);
              -webkit-transform-origin: 3% 3%;
              transform-origin: 3% 3%;
              text-shadow: 0 1px 0 #f5faff, 0 2px 0 #f5faff, 0 3px 0 #f5faff, 0 4px 0 #f5faff, 0 5px 0 #f5faff, 0 6px 0 #f5faff, 0 7px 0 #f5faff, 0 8px 0 #f5faff, 0 9px 0 #f5faff;
              
              color:#0080ff
            }
  }
*/


/* html_head.inc 메뉴바뀔대 나타나는 효과 */
.slideMenuOn {
	-webkit-animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
			background:#ffffff; color:#005fbe; border-bottom: 1px solid #fff; font-weight:bold;
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
			background:#ffffff; color:#005fbe; border-bottom: 1px solid #fff; font-weight:bold;
    opacity: 1;
  }
}


/* ----------------------------------------------
	초기면 탑헤드 제목 마우스 오버하면 나타나는 효과 
 * ---------------------------------------------- */

.TopHeadTitle_textpopup {
	-webkit-animation: TopHeadTitle_textpopup 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: TopHeadTitle_textpopup 0.3s cubic-bezier(0.4, 0.4, 0.68, 0.72) both
}

@-webkit-keyframes TopHeadTitle_textpopup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes TopHeadTitle_textpopup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;

  }
}


/* ----------------------------------------------
	초기면 섹션면 각 섹션 타이틀 마우스 오버하면 나타나는 효과 
 * ---------------------------------------------- */

.SectionSubject_textpopup {
	-webkit-animation: SectionSubject_textpopup 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: SectionSubject_textpopup 0.3s cubic-bezier(0.4, 0.4, 0.68, 0.72) both
}

@-webkit-keyframes SectionSubject_textpopup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes SectionSubject_textpopup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;

  }
}