@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('../font/GmarketSansTTFBold.ttf');
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('../font/GmarketSansTTFMedium.ttf');
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('../font/GmarketSansTTFLight.ttf');
}

@font-face {
    font-family: 'vitroCore'; /*font 이름*/
    font-style: 'normal'; /* font 스타일 정의 (기울임, 일반) */
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: url('../font/VITRO_CORE_TTF.ttf');
}

@font-face {
    font-family: 'KBLJump_EB'; /*font 이름*/
    font-style: 'normal'; /* font 스타일 정의 (기울임, 일반) */
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: url('../font/KBLJump_EB_Extended.ttf');
}

@font-face {
    font-family: 'KBLJump_B'; /*font 이름*/
    font-style: 'normal'; /* font 스타일 정의 (기울임, 일반) */
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: url('../font/KBLJump_B.ttf');
}


*{padding: 0; margin: 0; font-size: 14px; box-sizing: border-box; font-family: 'Gmarket Sans'; color: #333; font-weight: 500; word-break: keep-all;}

body {overflow-x: hidden; min-height: 100vh;}
a {text-decoration: none; color: #333;}
ul, li {list-style: none;}
button {background: none; border: 0; cursor: pointer;}

h1 {font-size: 54px; font-weight: 700;}
h2 {font-size: 48px; font-weight: 700;}
h3 {font-size: 36px; font-weight: 700;}
h4 {font-size: 30px; font-weight: 700;}
h5 {font-size: 24px; font-weight: 700;}
h6 {font-size: 16px; font-weight: 700;}

/*페이드업*/
.move {opacity: 0;}

.f_a_01.on {animation: f_a 1s both;}
.f_a_02.on {animation: f_a 1s .2s both;}
.f_a_03.on {animation: f_a 1s .4s both;}
.f_a_04.on {animation: f_a 1s .6s both;}
.f_a_05.on {animation: f_a 1s .8s both;}
.f_a_06.on {animation: f_a 1s 1s both;}

.f_u_01.on {animation: f_u 1s both;}
.f_u_02.on {animation: f_u 1s .1s both;}
.f_u_03.on {animation: f_u 1s .2s both;}
.f_u_04.on {animation: f_u 1s .3s both;}
.f_u_05.on {animation: f_u 1s .4s both;}
.f_u_06.on {animation: f_u 1s .5s both;}

.f_d_01.on {animation: f_d 1s both;}
.f_d_02.on {animation: f_d 1s .2s both;}
.f_d_03.on {animation: f_d 1s .4s both;}
.f_d_04.on {animation: f_d 1s .6s both;}
.f_d_05.on {animation: f_d 1s .8s both;}
.f_d_06.on {animation: f_d 1s 1s both;}

.f_l_01.on {animation: f_l 1s both;}
.f_l_02.on {animation: f_l 1s .2s both;}
.f_l_03.on {animation: f_l 1s .4s both;}
.f_l_04.on {animation: f_l 1s .6s both;}
.f_l_05.on {animation: f_l 1s .8s both;}
.f_l_06.on {animation: f_l 1s 1s both;}
.f_l_06_03.on {animation: f_l_03 1s 1s both;}

.f_r_01.on {animation: f_r 1s both;}
.f_r_02.on {animation: f_r 1s .2s both;}
.f_r_03.on {animation: f_r 1s .4s both;}
.f_r_04.on {animation: f_r 1s .6s both;}
.f_r_05.on {animation: f_r 1s .8s both;}
.f_r_06.on {animation: f_r 1s 1s both;}
.f_r_06_03.on {animation: f_r_03 1s 1s both;}

@keyframes f_a {
	0% {opacity: 0}
	100% {opacity: 1}
}
@keyframes f_u {
	0% {transform: translateY(70px); opacity: 0}
	100% {transform: translateY(0); opacity: 1}
}
@keyframes f_d {
	0% {transform: translateY(-70px); opacity: 0}
	100% {transform: translateY(0); opacity: 1}
}
@keyframes f_l {
	0% {transform: translateX(-70px); opacity: 0}
	100% {transform: translateX(0); opacity: 1}
}
@keyframes f_r {
	0% {transform: translateX(70px); opacity: 0}
	100% {transform: translateX(0); opacity: 1}
}

@keyframes f_l_03 {
	0% {transform: translateX(-70px); opacity: 0}
	100% {transform: translateX(0); opacity: .3}
}
@keyframes f_r_03 {
	0% {transform: translateX(70px); opacity: 0}
	100% {transform: translateX(0); opacity: .3}
}

@media(max-width: 1400px) {
	h1 {font-size: 50px; font-weight: 700;}
h2 {font-size: 30px; font-weight: 700;}
h3 {font-size: 24px; font-weight: 700;}
h4 {font-size: 20px; font-weight: 700;}
h5 {font-size: 16px; font-weight: 700;}
h6 {font-size: 14px; font-weight: 700;}
}