@charset "utf-8";

@font-face{
	font-family: 'ryumin';
  src: url('/assets/font/A-OTF-RyuminPro-Bold.otf')format('opentype'),
  url('/assets/font/A-OTF-RyuminPro-Medium.otf')format('opentype'),
  url('/assets/font/A-OTF-RyuminPro-Regular.otf')format('opentype')
}

h3,h4,h5{
	font-weight: normal!important;
}

/* CSS Document */
/*******************************
 FONT
********************************/
.ge_font_roboto{
	font-family: 'Roboto', sans-serif;
	font-display: swap;
}

.e_moreBtn:link,.e_moreBtn:visited{
    color:#ffffff;
		text-decoration: none;
    display: block;
    height:100%;
		background: linear-gradient(to right, #ffffff 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
    transition: all .3s ease-out;
    position: relative;
}

.e_moreBtn:hover{
	background-position: left bottom;
	color: #2f4050!important;
}

/*******************************
 FADE EFFECTS
********************************/
.effect-fadein_to_right {
	opacity : 0.1;
	transform : translate(-100%, 0);
	transition : all 800ms;
}
.effect-fadein_to_left {
	opacity : 0.1;
	transform : translate(100%, 0);
	transition : all 800ms;
}
.effect-fadein_to_up {
	opacity : 0.1;
	transform : translate(0, 100%);
	transition : all 800ms;
}
.effect-fadein_to_down {
	opacity : 0.1;
	transform : translate(0, -100%);
	transition : all 800ms;
}
.effect-fadein_to_right.effect-scroll,.effect-fadein_to_left.effect-scroll,.effect-fadein_to_up.effect-scroll,.effect-fadein_to_down.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}