.tab-hidden , .tab_hidden{opacity:0;}
.white{color:white;}
.black{color:black;}
.d-ib{display:inlint-block;}
.tab{position:relative;background-size:100% 100%;}
.p-a{position:absolute!important;}
.left-0{left:0px;}
.right-0{right:0px;}
.top-0{top:0px}
.bottom-0{bottom:0px;}
.of_h{overflow:hidden}
.dp_i{display:inline-block;}
.realtimeSlide{width:100%;text-align:center;}
.realtimeSlide li span{display:inline-block;box-sizing:border-box}
/* mobile fixed input �대쫫,�곕씫泥섎쭔 �덈뒗 �ㅽ���*/

.mobile-fixed-simple{width:100%;background:#eaeaea;border-top:1px solid #d8d8d8;text-align:center;}
.mobile-fixed-simple .simple-input-box div{display:inline-block;width:31%;padding:10px 5px;}
.mobile-fixed-simple .simple-input-box .simple-first{margin-right:5px;}
.mobile-fixed-simple .simple-input-box .simple-submit {display:inline-block;width:25%;}
.mobile-fixed-simple .simple-input-box .simple-submit >input {width:100%;height:38px;text-align:center;background:#333;color:white;font-weight:bold;}
.mobile-fixed-simple .simple-input-box div > input{vertical-align:top;border:1px solid #d8d8d8;border-radius:5px;width:95%;height:25px;padding:5px;}



.arrow_color{
    -webkit-animation-name: arrow_color; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow_color;
    -ms-animation-duration: 0.5s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
  
}

@-ms-keyframes arrow_color{
    0% {
       color:red
    }
    50% {
        color:yellow
    }
    100% {
       color:red
    }
}

@-webkit-keyframes arrow_color{
    0% {
        color:red
    }
    50% {
        color:yellow
    }
    100% {
       color:red
    }
}

/*animate*/
.arrow{
    -webkit-animation-name: arrow; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
    position: relative;
}

@-ms-keyframes arrow{
    0% {
       opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}

@-webkit-keyframes arrow{
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}

.arrow2{
    -webkit-animation-name: arrow2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow2;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
    position: relative;
}

@-ms-keyframes arrow2{
    0% {
       opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes arrow2{
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}


.arrow_up{
    -webkit-animation-name: arrow_up; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow_up;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
 
}

@-ms-keyframes arrow_up{
    0% {
       opacity: 0.8;
	   top:0px;
    }
    50% {
        opacity: 1;
		top:5px;
    }
    100% {
        opacity: 0.8;
		top:0px;
    }
}

@-webkit-keyframes arrow_up{
    0% {
       opacity: 0.8;
	   top:0px;
    }
    50% {
        opacity: 1;
		top:5px;
    }
    100% {
        opacity: 0.8;
		top:0px;
    }
}

.arrow_zoom{
    -webkit-animation-name: arrow_zoom; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow_zoom;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
 
}

@-ms-keyframes arrow_zoom{
    0% {
        opacity: 0.8;
		transform: scale(0.95)
    }
    50% {
        opacity: 1;
		transform: scale(0.99)

    }
    100% {
        opacity: 0.8;
		transform: scale(0.95)
    }
}

@-webkit-keyframes arrow_zoom{
    0% {
       opacity: 0.8;
		transform: scale(0.95)
    }
    50% {
        opacity: 1;
		transform: scale(0.99)

    }
    100% {
        opacity: 0.8;
		transform: scale(0.95)
    }
}

.topActive{
    -webkit-animation-name: topActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: topActive;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes topActive{
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes topActive{
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.scaleActive{
    -webkit-animation-name: scaleActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: scaleActive;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes scaleActive{
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes scaleActive{
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.leftActive{
    -webkit-animation-name: leftActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: leftActive;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes leftActive{
    0% {
        left: 50px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes leftActive{
    0% {
        left: 50px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

.rightActive{
    -webkit-animation-name: rightActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: rightActive;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes rightActive{
    0% {
        right: 50px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes rightActive{
    0% {
        right: 50px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}


.blockActive{
    -webkit-animation-name: blockActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: blockActive;
    -ms-animation-duration: 1.5s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes blockActive{
    0% {
       opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blockActive{
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}


.leftActive1{
    -webkit-animation-name: leftActive1; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: leftActive1;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
}

@-ms-keyframes leftActive1{
    0% {
        left: 50px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes leftActive1{
    0% {
        left: 50px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

.rightActive1{
    -webkit-animation-name: rightActive1; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: rightActive1;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;

}

@-ms-keyframes rightActive1{
    0% {
        right: 50px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes rightActive1{
    0% {
        right: 50px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

.shakeActive {
  animation: shakeActive 0.1s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  -webkit-animation: shakeActive 0.1s;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
}
		
@-ms-keyframes shakeActive {
	0% {
		opacity: 0.3;
		transform:rotate(10deg)
	}
	10% {
		opacity: 0.6;
		transform:rotate(-10deg)
	}
	30% {
		opacity: 1;
		transform:rotate(10deg)
	}
	50% {
		opacity: 1;
		transform:rotate(-5deg)
	}

	70% {
		opacity: 1;
		transform:rotate(5deg)
	}
	90% {
		opacity: 1;
		transform:rotate(0deg)
	}

	100% {
		opacity: 1;
		transform:rotate(0deg)
	}
}

@-webkit-keyframes shakeActive {
	0% {
		opacity: 0.3;
		transform:rotate(10deg)
	}
	10% {
		opacity: 0.6;
		transform:rotate(-10deg)
	}
	30% {
		opacity: 1;
		transform:rotate(10deg)
	}
	50% {
		opacity: 1;
		transform:rotate(-5deg)
	}

	70% {
		opacity: 1;
		transform:rotate(5deg)
	}
	90% {
		opacity: 1;
		transform:rotate(0deg)
	}

	100% {
		opacity: 1;
		transform:rotate(0deg)
	}
}
 

.rotateActive {
  animation: rotateActive ;
  animation-duration: 15s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-delay: 0.1s;
  -webkit-animation: rotateActive ;
  -webkit-animation-duration:15s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.1s;
  
}
		
@-ms-keyframes rotateActive {
	0% 		{ transform:rotate(0deg)   }

	50% 	{ transform:rotate(180deg) }
	
	100%	{ transform:rotate(360deg)   }
}

@-webkit-keyframes rotateActive {
	0% 		{ transform:rotate(0deg)   }

	50% 	{ transform:rotate(180deg) }
	
	100%	{ transform:rotate(360deg)   }
}
		
		
.bounce {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: bounce;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: bounce;
  transform-origin: center bottom

}

@-webkit-keyframes bounce {
  0%{
	opacity: 0.2;	
  }
  10%{
	opacity: 0.4;	  
  }
  0%, 100%, 20%, 53%, 80% {	  
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    transform: translate3d(0, 0, 0)
  }
  40%,
  43% {
	opacity: 1;  
    transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
    transform: translate3d(0, -30px, 0)
  }
  70% {
	opacity: 1;  
    transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
    transform: translate3d(0, -15px, 0)
  }
  90% {
	opacity: 1;  
    transform: translate3d(0, -4px, 0)
  }
  100% {
	opacity: 1;    
  }
}
@-ms-keyframes bounce {
  0%{
	opacity: 0.2;	
  }	
  10%{
	opacity: 0.4;	  
  }
  0%, 100%, 20%, 53%, 80% {
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    transform: translate3d(0, 0, 0)
  }
  40%,
  43% {
	opacity: 1;  
    transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
    transform: translate3d(0, -30px, 0)
  }
  70% {
	opacity: 1;  
    transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
    transform: translate3d(0, -15px, 0)
  }
  90% {
	opacity: 1;  
    transform: translate3d(0, -4px, 0)
  }
  100% {
	opacity: 1;    
  }
}


.arrow_up{
    -webkit-animation-name: arrow_up; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow_up;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
 
}

@-ms-keyframes arrow_up{
    0% {
       opacity: 0.8;
	   top:0px;
    }
    50% {
        opacity: 1;
		top:5px;
    }
    100% {
        opacity: 0.8;
		top:0px;
    }
}

@-webkit-keyframes arrow_up{
    0% {
       opacity: 0.8;
	   top:0px;
    }
    50% {
        opacity: 1;
		top:5px;
    }
    100% {
        opacity: 0.8;
		top:0px;
    }
}