@charset "utf-8";
/* 모바일에서도 사용 */

/* fade in */
@-webkit-keyframes fadeInEasIn{
	0%{opacity:.3}
	70%{opacity:.5}
	100%{opacity:1}
}
@-moz-keyframes fadeInEasIn{
	0%{opacity:.3}
	70%{opacity:.5}
	100%{opacity:1}
}
@-o-keyframes fadeInEasIn{
	0%{opacity:.3}
	70%{opacity:.5}
	100%{opacity:1}
}
@keyframes fadeInEasIn{
	0%{opacity:.3}
	70%{opacity:.5}
	100%{opacity:1}
}


@-webkit-keyframes fadeIn7{
	from{opacity:0}
	to{opacity:.7}
}
@-moz-keyframes fadeIn7{
	from{opacity:0}
	to{opacity:.7}
}
@-o-keyframes fadeIn7{
	from{opacity:0}
	to{opacity:.7}
}
@keyframes fadeIn7{
	from{opacity:0}
	to{opacity:.7}
}


/* fade out */
@-webkit-keyframes fadeOut{
	from{opacity:1}
	to{opacity:0}
}
@-moz-keyframes fadeOut{
	from{opacity:1}
	to{opacity:0}
}
@-o-keyframes fadeOut{
	from{opacity:1}
	to{opacity:0}
}
@keyframes fadeOut{
	from{opacity:1}
	to{opacity:0}
}



/* create effect */
@-webkit-keyframes createBgcolor{
	from{background-color:#c00}
	to{background-color:transparent}
}
@-moz-keyframes createBgcolor{
	from{background-color:#c00}
	to{background-color:transparent}
}
@-o-keyframes createBgcolor{
	from{background-color:#c00}
	to{background-color:transparent}
}
@keyframes createBgcolor{
	from{background-color:#c00}
	to{background-color:transparent}
}

/* to height big */
@-webkit-keyframes verticalHeight{
	from{height:auto;max-height:0}
	to{height:auto;max-height:1000px}
}
@-moz-keyframes verticalHeight{
	from{height:auto;max-height:0}
	to{height:auto;max-height:1000px}
}
@-o-keyframes verticalHeight{
	from{height:auto;max-height:0}
	to{height:auto;max-height:1000px}
}
@keyframes verticalHeight{
	from{height:auto;max-height:0}
	to{height:auto;max-height:1000px}
}


/* blast 효과?ㅋ */
@-webkit-keyframes blastExe{
	from{opacity:1}
	to{opacity:0;border-width:0;-webkit-transform:scale(1.1,1.8);}
}
@-moz-keyframes blastExe{
	from{opacity:1}
	to{opacity:0;border-width:0;-moz-transform:scale(1.1,1.8);}
}
@-o-keyframes blastExe{
	from{opacity:1}
	to{opacity:0;border-width:0;-o-transform:scale(1.1,1.8);}
}
@keyframes blastExe{
	from{opacity:1}
	to{opacity:0;border-width:0;transform:scale(1.1,1.8);}
}

/* box shadow*/
@-webkit-keyframes boxShadow{
	from{box-shadow:0 0 0 #000}
	to{box-shadow:5px 5px 20px #000}
}
@-moz-keyframes boxShadow{
	from{box-shadow:0 0 0 #000}
	to{box-shadow:5px 5px 20px #000}
}
@-o-keyframes boxShadow{
	from{box-shadow:0 0 0 #000}
	to{box-shadow:5px 5px 20px #000}
}
@keyframes boxShadow{
	from{box-shadow:0 0 0 #000}
	to{box-shadow:5px 5px 20px #000}
}


/* background transparent */
@-webkit-keyframes backgroundTrans{
	0%{background-color:#f60}
	50%{background-color:#f96}
	100%{background-color:transparent}
}
@-moz-keyframes backgroundTrans{
	0%{background-color:#f60}
	50%{background-color:#f96}
	100%{background-color:transparent}
}
@-o-keyframes backgroundTrans{
	0%{background-color:#f60}
	50%{background-color:#f96}
	100%{background-color:transparent}
}
@keyframes backgroundTrans{
	0%{background-color:#f60}
	50%{background-color:#f96}
	100%{background-color:transparent}
}


/* border color change */
@-webkit-keyframes borderColorChange{
	0%{border-color:#d61d00}
	100%{border-color:transparent}
}
@-moz-keyframes borderColorChange{
	0%{border-color:#d61d00}
	100%{border-color:transparent}
}
@-o-keyframes borderColorChange{
	0%{border-color:#d61d00}
	100%{border-color:transparent}
}
@keyframes borderColorChange{
	0%{border-color:#d61d00}
	100%{border-color:transparent}
}





/* animation class */
.fade_in{-webkit-animation:fadeInEasIn .5s ease-in;-moz-animation:fadeInEasIn .5s ease-in;-o-animation:fadeInEasIn .5s ease-in;animation:fadeInEasIn .5s ease-in;}
.fade_in7{-webkit-animation:fadeIn7 .5s ease-in;-moz-animation:fadeIn7 .5s ease-in;-o-animation:fadeIn7 .5s ease-in;animation:fadeIn7 .5s ease-in;}
.fade_out{-webkit-animation:fadeOut .5s ease-in;-moz-animation:fadeOut .5s ease-in;-o-animation:fadeOut .5s ease-in;animation:fadeOut .5s ease-in;}
.blast_exe{-webkit-animation:blastExe 1s ease-out;-moz-animation:blastExe 1s ease-out;-o-animation:blastExe 1s ease-out;animation:blastExe 1s ease-out;}
.create_bgcolor{-webkit-animation:createBgcolor .5s ease-out;-moz-animation:createBgcolor .5s ease-out;-o-animation:createBgcolor .5s ease-out;animation:createBgcolor .5s ease-out;}
.eff_box_shadow{-webkit-animation:boxShadow 1s ease-out .5s;-moz-animation:boxShadow 1s ease-out .5s;-o-animation:boxShadow 1s ease-out .5s;animation:boxShadow 1s ease-out .5s;}
.border_color_change{-webkit-animation:borderColorChange 1s ease .5s 5 alternate ;-moz-animation:borderColorChange 1s ease .5s 5 alternate;-o-animation:borderColorChange 1s ease .5s 5 alternate;animation:borderColorChange 1s ease .5s 5 alternate;}





/* transition */
.slide_updown_height{-webkit-transition:height .5s;-moz-transition:height .5s;-o-transition:height .5s;-ms-transition:height .5s;transition:height .5s;}
.slide_leftright{-webkit-transition:left .5s;-moz-transition:left .5s;-o-transition:left .5s;-ms-transition:left .5s;transition:left .5s;}
.transition_all{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}