/* general */
li {
	list-style: none;
}

.no-scroll {
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
}

/* responsive */
.mobile {
	display: none;
}

/* animation */
.set-opacity-to-03 {
  opacity: .3!important;
  visibility: visible!important;
}

.set-opacity-to-07 {
  opacity: .7!important;
  visibility: visible!important;
}

.element-fadeout {
  opacity: 0!important;
  visibility: hidden!important;
}

.element-background-transparent {
  transition: background-color 1.5s;
  background-color: transparent;
}

.element-hidden-ov {
	opacity: 0!important;
  visibility: hidden!important;
	transition: opacity 1s, visibility 1s;
}

.element-hidden-ovt {
	opacity: 0;
  visibility: hidden;
  transition: opacity 1s, visibility 1s, transform 1s;
}

.element-fadein {
	opacity: 1!important;
  visibility: visible!important;
}

.element-fadein-x {
	opacity: 1!important;
  visibility: visible!important;
  transform: translateX(0)!important;
}

.element-fadein-y {
	opacity: 1!important;
  visibility: visible!important;
  transform: translateY(0)!important;
}

.element-fadein-xy {
	opacity: 1!important;
  visibility: visible!important;
  transform: translate(0, 0)!important;
}

.animate-text-underline {
  background-image: linear-gradient(90deg, #000000, #000000); 
  background-repeat: no-repeat;
  background-position: left bottom; 
  background-size: 0 2px; 
  transition: background-size 0.5s;
}

.animate-text-underline-in {
  background-size: 100% 2px; 
}

@keyframes bound{
  0%{transform: translateY(0);}
  50%{transform: translateY(-32px);}
  100%{transform: translateY(0);}
}

.bound-anime {
	animation: bound 0.5s;
}