:root{
	--green:#00e900;
	--pink:#e501d9;
	word-break: keep-all;
	font-family: 'Noto Sans KR';
	--headerH:64px;
}
main{overflow: hidden;}
a,small,strong,em{display: block;}
button{cursor: pointer; background-color: transparent; padding: 0; margin: 0; border: 0;}
input{background-color: transparent; border: 0; padding: 0; margin: 0;}
textarea{background-color: transparent; border: 0; padding: 0; margin: 0; resize: none;}

.wrap{position: relative; margin: 0 auto; width: calc(100% - 120px);}
.wrap[max="1800"]{max-width: 1800px;}
.wrap[max="1720"]{max-width: 1720px;}
.wrap[max="1440"]{max-width: 1440px;}
.wrap[max="1320"]{max-width: 1320px;}

html{background-color: #000;}

@media screen and (max-width:1440px) {
	.wrap{width: 95%;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.wrap{width: 90%;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}



._imgBx{position: relative; overflow: hidden;}
._imgBx::before {content:''; display: block;}
._imgBx img{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%; object-fit: cover;
}





/* header */
header{
	position: fixed; z-index: 999; left: 0; top: 0; width: 100%;
	transition: transform 0.8s;
}
header::before {
	content:''; display: block; position: absolute; left: 0; top: 0;
	backdrop-filter: blur(4px); background-color: rgba(0,0,0,0.5);
	width: 100%; height: 100%; transition: opacity 0.8s;
}
header.menuOn::before{
	opacity: 0;
}
header .wrap{
	height: var(--headerH); display: flex; align-items: center; justify-content: center;
}
header .wrap h1{
	width: 102px; position: absolute; left: 0; z-index: 1001;
}
header .wrap h1 a{}
header .wrap h1 a img{}
header .wrap > nav{}
header .wrap > nav ul{
	display: flex; align-items: center; justify-content: center;
}
header .wrap > nav ul li a{
	font-size: 20px; font-weight: 500; color: #fff; padding: 0 30px; box-sizing: border-box;
	height: calc(var(--headerH) - 20px); display: flex; align-items: center; justify-content: center;
	transition: transform 0.5s,color 0.5s; font-family: 'Roboto';
	border-radius: 100px; overflow: hidden; color: #cbcbcb;
}
header .wrap > nav ul li.on a{transform: scale(1.1); color: #fff;}
header .wrap > nav ul li.on a p{
	text-shadow:
	0 0 0.3em rgba(255, 255, 255, 0.5),
	0 0 0.5em    rgba(255, 255, 255, 0.5),
	0 0 0.7em  rgba(255, 255, 255, 0.5);
}
html.pc header .wrap > nav ul li a:hover{transform: scale(1.1); color: #fff;}
header .wrap > nav ul li a p{text-shadow: 0px 0px 0px #fff; transition: text-shadow 0.5s;}
html.pc header .wrap > nav ul li a:hover p{
	text-shadow:
	0 0 0.3em rgba(255, 255, 255, 0.5),
	0 0 0.5em    rgba(255, 255, 255, 0.5),
	0 0 0.7em  rgba(255, 255, 255, 0.5);
}
html.pc header .wrap > nav ul li a:hover p:nth-child(1){}
html.pc header .wrap > nav ul li a:hover p:nth-child(2){transition-delay: 0.02s;}
html.pc header .wrap > nav ul li a:hover p:nth-child(3){transition-delay: 0.04s;}
html.pc header .wrap > nav ul li a:hover p:nth-child(4){transition-delay: 0.06s;}
html.pc header .wrap > nav ul li a:hover p:nth-child(5){transition-delay: 0.08s;}
html.pc header .wrap > nav ul li a:hover p:nth-child(6){transition-delay: 0.1s;}
html.pc header .wrap > nav ul li a:hover p:nth-child(7){transition-delay: 0.12s;}
html.pc header .wrap > nav ul li a:hover p:nth-child(8){transition-delay: 0.14s;}



/* quick */
._quick{
	position: absolute; right: 0; z-index: 1001;
	color: #fff; font-family: 'Roboto'; font-weight: 800; font-size: 14px;
	width: 136px; height: 45px; border-radius: 100px; overflow: hidden;
	display: flex; align-items: center; justify-content: center; padding-top: 0.25em; box-sizing: border-box;
	cursor: pointer;
}
._quick::before,
._quick::after {
	content:''; display: block; position: absolute; left: 0; top: 0;
	width: 100%; height: 100%; background-size: cover;
	transition: opacity 0.5s;
}

._quick::before{background-image: url(/asset/img/common/quick_bg1.png);}
._quick::after{background-image: url(/asset/img/common/quick_bg2.png); opacity: 0;}
._quick p{position: relative; z-index: 2; transition: transform 0.5s;}

html.pc ._quick:hover::before{opacity: 0;}
html.pc ._quick:hover::after{opacity: 1;}
html.pc ._quick:hover p{transform: scale(1.1);}



header .wrap .menuIco{
	display: none;
	width: 36px; width: 32px; width: 28px; height: 20px;
	align-items: center; justify-content: center;
	position: relative; z-index: 1001;
}
header .wrap .menuIco div{
	width: 100%; height: 2px; background-color: #fff; border-radius: 10px;
	position: absolute;
	transition: opacity 0.5s,transform 0.5s,top 0.5s,bottom 0.5s;
}
header .wrap .menuIco div:nth-child(1){top: 0;}
header .wrap .menuIco div:nth-child(2){}
header .wrap .menuIco div:nth-child(3){bottom: 0;}


header.menuOn .wrap .menuIco div:nth-child(1){transform: rotate(45deg); top: 9px;}
header.menuOn .wrap .menuIco div:nth-child(2){opacity: 0; transform: translateX(-50%);}
header.menuOn .wrap .menuIco div:nth-child(3){transform: rotate(-45deg); bottom: 9px;}



/* 메뉴 */
header .menuArea{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100vh; box-sizing: border-box;
	background-color: rgba(0,0,0,0.8); z-index: 999; backdrop-filter: blur(10px);
	padding-top: var(--headerH);
	opacity: 0; pointer-events: none; transition: opacity 0.8s;
}
header.menuOn .menuArea{opacity: 1; pointer-events: auto;}
header .menuArea > div{
	height: 100%; overflow: auto; padding: 40px 0; box-sizing: border-box;
}
header .menuArea nav{min-height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
header .menuArea nav ul{
	display: flex; flex-direction: column; gap: 0.5em;
	color: #fff; font-size: 60px; font-weight: 700; font-family: 'Roboto'; letter-spacing: -0.025em;
}
header .menuArea nav ul li{}
header .menuArea nav ul li a{
	position: relative; display: flex; align-items: center; justify-content: center;
	transition: transform 0.5s;
}
header .menuArea nav ul li.on a{transform: scale(1.1); color: #fff;}
header .menuArea nav ul li.on a p{
	text-shadow:
	0 0 0.3em rgba(255, 255, 255, 0.5),
	0 0 0.5em    rgba(255, 255, 255, 0.5),
	0 0 0.7em  rgba(255, 255, 255, 0.5);
}
header .menuArea nav ul li a p{text-shadow: 0px 0px 0px #fff; transition: text-shadow 0.5s;}







/* html.pc header .menuArea nav ul li a:hover{transform: scale(1.2);}
html.pc header .menuArea nav ul li a:hover::before{opacity: 0.7;}
html.pc header .menuArea nav ul li a:hover::after{opacity: 0.7;}

header .menuArea nav ul li a::before,
header .menuArea nav ul li a::after{display: block; position: absolute; opacity: 0; transition: opacity 0.2s;}

header .menuArea nav ul li a::before{color: var(--green); transform: translate(max(max(calc(3/60*1em),1.5px) * -1),max(max(calc(3/60*1em),1.5px) * -1));}
header .menuArea nav ul li a::after{color: var(--pink); transform: translate(max(calc(3/60*1em),1.5px),max(calc(3/60*1em),1.5px));}
header .menuArea nav ul li:nth-child(1) a::before,
header .menuArea nav ul li:nth-child(1) a::after{content:'Business'}
header .menuArea nav ul li:nth-child(2) a::before,
header .menuArea nav ul li:nth-child(2) a::after{content:'Creative'}
header .menuArea nav ul li:nth-child(3) a::before,
header .menuArea nav ul li:nth-child(3) a::after{content:'Creator'}
header .menuArea nav ul li:nth-child(4) a::before,
header .menuArea nav ul li:nth-child(4) a::after{content:'Career'}

header .menuArea nav ul li.on a{transform: scale(1.2);}
header .menuArea nav ul li.on a::before{opacity: 0.7;}
header .menuArea nav ul li.on a::after{opacity: 0.7;} */

header .menuArea nav ul li a p{position: relative; z-index: 2;}

header .menuArea ._quick{
	position: relative;
}





@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	header .wrap > nav ul li a{padding: 0 20px; font-size: 18px;}
}
@media screen and (max-width:820px) {
	header .wrap{justify-content: space-between;}
	header .wrap h1{position: unset;}
	header .wrap > nav{display: none;}
	header .wrap .menuIco{display: flex;}
	header ._quick{width: 110px; height: 38px; right: 50px; font-size: 12px; font-weight: 500; padding-top: 0.2em;}
}
@media screen and (max-width:500px) {
	:root{--headerH:50px;}
	header .wrap h1{width: 90px;}
	header ._quick{width: 90px; height: 30px; font-size: 10px;}

	header .menuArea nav{align-items: flex-start; justify-content: flex-end; padding-right: 7vw; box-sizing: border-box;}
	header .menuArea nav ul{font-size: calc(60/500*100vw);}
	header .menuArea nav ul li a{transform-origin: right center; justify-content: flex-end;}
}
@media screen and (max-width:320px) {}






/* footer */
footer{position: relative; background-color: #000;}
footer .wrap{
	display: flex; align-items: center; justify-content: space-between;
	border-top: 1px solid #ffffff1a; box-sizing: border-box; color: #fff;
	padding-top: 36px; padding-bottom: 20px;
}
footer .left{}
footer .left .logo{width: 240px; margin-bottom: 50px;}
footer .left .logo img{}
footer .info{}
footer .info .row{
	display: flex; align-items: flex-start; justify-content: flex-start;
	font-size: 20px; font-family: 'Roboto';  letter-spacing: -0.025em; line-height: 1.5;
}
footer .info .row:first-child{margin-bottom: 30px;}
footer .info .row em{font-weight: 700; min-width: calc(100/16*1em);}
footer .info .row p{opacity: 0.8; font-weight: 300;}
footer .info .copy{
	font-size: 14px; color: #fff; opacity: 0.5;
	margin-top: 42px; font-weight: 300; line-height: 1.5;
}
footer .right{
	width: 520px;
	position: relative;
}
footer .right .imgArea{
	display: flex; align-items: center; justify-content: center;
	max-width: 250px; position: relative; margin: 0 auto;
}
footer .right .imgArea::before {
	content:''; display: block; padding-bottom: 100%;
}
footer .right .imgArea div{
	position: absolute; opacity: 0; transform: scale(0.5);
	transition: opacity 0.5s,transform 0.5s;
}
footer .right .imgArea div.on{
	opacity: 1; transform: scale(1);
}
footer .right .imgArea div img{}
footer .right .txtBx{
	display: inline-block;
	position: absolute;
	animation: floating20 forwards infinite 3s;
}

footer .right .txtBx.n1{left: 0%; top: 25px;}
footer .right .txtBx.n2{right: 0%; bottom: 20px;}

footer .right .txtBx small{
	padding: 0 18px; padding: 0 10px; box-sizing: border-box;
	margin-bottom: 10px;
}
footer .right .txtBx div{
	font-size: 18px; border-radius: 100px;
	padding: calc(13/18*1em) 1em; background-color: var(--green); font-weight: 500;
	display: inline-block; letter-spacing: -0.025em; color: #000;
}
footer .right .txtBx div p{}

footer .right .txtBx.n2{ animation-delay: 0.2s;}
footer .right .txtBx.n2 div{background-color: var(--pink);}
footer .right .txtBx.n2 div p{color: #fff;}
footer .right .txtBx.n2 small{text-align: right;}






@media screen and (max-width:1800px) {}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	footer .info .row{font-size: 18px;}
	footer .right{width: 400px;}
	footer .right .txtBx div{font-size: 16px;}
}
@media screen and (max-width:820px) {
	footer .wrap{flex-direction: column-reverse; max-width: 440px !important; gap: 30px;}
	footer .left{width: 100%;}
	footer .left .logo{margin: 0 auto; margin-bottom: 40px;}
	footer .right{width: 100%;}
	footer .right .imgArea{max-width: 40%; padding: 70px 0;}

}
@media screen and (max-width:500px) {
	footer .wrap{gap: 0; padding-bottom: 60px;}
	footer .left .logo{width: 120px; margin-bottom: 20px;}
	footer .info .row{font-size: 15px; flex-direction: column; text-align: center; align-items: center;}
	footer .info .row:first-child{margin-bottom: 20px;}
	footer .info .row em{min-width: unset;}
	footer .info .copy{text-align: center;font-size: 12px; margin-top: 20px;}

	footer .right .txtBx.n1{top: 17%; left: 8%;}
	footer .right .txtBx.n2{bottom: 17%; right: 8%;}
	footer .right .txtBx small{font-size: 12px; padding: 0 10px;}
	footer .right .txtBx div{font-size: 16px;}
	footer .right .txtBx img{height: 34px;}

}
@media screen and (max-width:320px) {}




/* 문의하기 폼 */
._gray_bg{
	position: fixed; left: 0; top: 0; width: 100%; height: 100%;
	background-color: #000; opacity: 0.7; z-index: 999;
	cursor: pointer;
	display: none;
}
._form_popup{
	color: #fff;
	border: 1px solid #fff; box-sizing: border-box;
	position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);
	border-radius: 20px;
	background-color: #000;
	z-index: 9999;
	width: 95%; max-width: 837px; height: 90%; max-height: 650px;
	padding: 10px; padding-right: 10px;
	display: none;
}
._form_popup .cont{
	position: relative; max-width: 100%; max-height: 100%; overflow: auto;
	padding: 40px; padding-right: 50px; box-sizing: border-box;
}


._form_popup .cont::-webkit-scrollbar {width: 8px;}
._form_popup .cont::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;}


._form_popup .cancel{
	position: absolute; right: 60px; top: 50px;
	font-size: 35px; cursor: pointer;
}
._form_popup .cancel i{}
._form_popup .cancel i{}
._form_popup form{
	display: flex; align-items: center; justify-content: center; gap: 70px;
}
._form_popup form .left{width: 545px;}
._form_popup form .left h3{
	font-size: 36px; font-weight: 700; text-align: center;
	margin-bottom: 40px;
}
._form_popup form .left .row{
	display: flex; gap: 18px;
}
._form_popup form .left .row:not(:last-child){margin-bottom: 20px;}
._form_popup form .left .row label{width: 100%;}
._form_popup form .left .row label h4{
	font-weight: 700;
	display: flex; align-items: flex-start; line-height: 1.3;
	margin-bottom: 10px;
}
._form_popup form .left .row label h4::after {
	content:'*'; display: block; color: var(--pink); margin-left: 0.2em;
}
._form_popup form .left .row label input{
	border-radius: 10px; padding: 0 20px; box-sizing: border-box;
	background-color: rgba(255,255,255,0.1);
	height: 54px; width: 100%; color: #fff;
	font-family: 'Noto Sans KR'; font-weight: 500; letter-spacing: -0.025em;
	font-size: 14px;
}
._form_popup form .left .row label ._textArea{
	border-radius: 10px; padding: 10px 0; padding-right: 6px; box-sizing: border-box;
	background-color: rgba(255,255,255,0.1);
	font-size: 14px;
	font-family: 'Pretendard'; font-weight: 500; letter-spacing: -0.025em;
	height: 180px;
}
._form_popup form .left .row label textarea{
	padding: 0 20px; padding-right: 10px; width: 100%;
	color: #fff; height: 100%;
	box-sizing: border-box;
	line-height: 1.5; font-family: 'Noto Sans KR'; font-size: 1em;
}
._form_popup form .left .row label textarea::placeholder {
	white-space: pre-line;
}

/* 캡챠 */
._form_popup form .left .capcha{
	display: flex; gap: 8px; align-items: center;
}
._form_popup form .left .capcha img{}
._form_popup form .left .capcha input{
	background-color: #fff; border: 0; font-size: 14px; font-family: 'Pretendard';
	max-width: 80px; padding: 0 4px; box-sizing: border-box;  height: 20px;
}
._form_popup form .left .capcha p{
	font-size: 13px;
	color: #8d8d8d; line-height: 1.3;
}
._form_popup form .capsha_refresh{
	cursor: pointer; display: flex; align-items: center; background-color: dodgerblue;
	height: 20px; width: 20px; justify-content: center;
}

._form_popup form button{
	width: 110px; height: 110px; border-radius: 50%; background-color: var(--green);
	color: #fff; display: flex; align-items: center; justify-content: center;
	font-family: 'Roboto'; font-weight: 700; letter-spacing: -0.025em;
	font-size: 16px; transition: background-color 0.5s;
}
._form_popup form button:hover{background-color: var(--pink);}

._form_popup form button p{}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._form_popup .cancel{right: 10px; top: 10px;}
	._form_popup form{flex-direction: column;}

}
@media screen and (max-width:820px) {
	._form_popup form .left h3{font-size: 30px; margin-bottom: 50px;}
	._form_popup .cont{padding: 30px 10px;}
	._form_popup form .left{width: 100%;}
}
@media screen and (max-width:500px) {
	._form_popup .cancel{right: 10px; top: 10px; font-size: 24px;}
	._form_popup form{gap: 40px;}
	._form_popup form .left h3{font-size: 26px;}
	._form_popup form .left .row{gap: 20px; flex-direction: column;}
	._form_popup form .left .row label h4{font-size: 15px;}
	._form_popup form .left .row label input{height: 40px; border-radius: 4px; padding: 0 10px; font-size: 15px;}
	._form_popup form .left .row label ._textArea{border-radius: 4px;}
	._form_popup form .left .row label textarea{padding: 0 10px;}
	._form_popup form button{width: 80px; height: 80px; font-size: 14px;}

	._form_popup form .left .capcha{gap: 6px;}
	._form_popup form .left .capcha input{width: 60px;}
	._form_popup form .left .capcha p{font-size: 11px;}
}
@media screen and (max-width:320px) {}









/* max-width */
@media screen and (max-width:1600px) {
	.max-1600{display: block;}
	.min-1601{display: none;}
	.max-1600-none{display: none;}
}
@media screen and (max-width:1440px) {
	.max-1440{display: block;}
	.min-1441{display: none;}
	.max-1440-none{display: none;}
}
@media screen and (max-width:1280px) {
	.max-1280{display: block;}
	.min-1281{display: none;}
	.max-1280-none{display: none;}
}
@media screen and (max-width:1024px) {
	.max-1024{display: block;}
	.min-1025{display: none;}
	.max-1024-none{display: none;}
}
@media screen and (max-width:820px) {
	.max-820{display: block;}
	.min-821{display: none;}
	.max-820-none{display: none;}
}
@media screen and (max-width:500px) {
	.max-500{display: block;}
	.min-501{display: none;}
	.max-500-none{display: none;}
}
@media screen and (max-width:320px) {
	.max-320{display: block;}
	.min-321{display: none;}
	.max-320-none{display: none;}
}


/* min-width */
@media screen and (min-width:1601px) {
	.min-1601{display: block;}
	.max-1600{display: none;}
	.min-1601-none{display: none;}
}
@media screen and (min-width:1441px) {
	.min-1441{display: block;}
	.max-1440{display: none;}
	.min-1441-none{display: none;}
}
@media screen and (min-width:1281px) {
	.min-1281{display: block;}
	.max-1280{display: none;}
	.min-1281-none{display: none;}
}
@media screen and (min-width:1025px) {
	.min-1025{display: block;}
	.max-1024{display: none;}
	.min-1025-none{display: none;}
}
@media screen and (min-width:821px) {
	.min-821{display: block;}
	.max-820{display: none;}
	.min-821-none{display: none;}
}
@media screen and (min-width:501px) {
	.min-501{display: block;}
	.max-500{display: none;}
	.min-501-none{display: none;}
}
@media screen and (min-width:321px) {
	.min-321{display: block;}
	.max-320{display: none;}
	.min-321-none{display: none;}
}


@keyframes opacity {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes opacity20 {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}

@keyframes opacity50 {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}

@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes rotate2 {
	0% { transform: rotate(0deg); }
	50% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}

@keyframes rotate3 {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(90deg); }
	50% { transform: rotate(180deg); }
	75% { transform: rotate(270deg); }
	100% { transform: rotate(360deg); }
}

@keyframes rotate4 {
	0% { transform: rotate(0deg); }
	12.5% { transform: rotate(45deg); }
	25% { transform: rotate(90deg); }
	37.5% { transform: rotate(135deg); }
	50% { transform: rotate(180deg); }
	62.5% { transform: rotate(225deg); }
	75% { transform: rotate(270deg); }
	87.5% { transform: rotate(315deg); }
	100% { transform: rotate(360deg); }
}


@keyframes scale50 {
	0% { transform: scale(1); }
	50% { transform: scale(0.5); }
	100% { transform: scale(1); }
}

@keyframes scale80 {
	0% { transform: scale(1); }
	50% { transform: scale(0.8); }
	100% { transform: scale(1); }
}

@keyframes scale90 {
	0% { transform: scale(1); }
	50% { transform: scale(0.9); }
	100% { transform: scale(1); }
}

@keyframes scale110 {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

@keyframes scale120 {
	0% { transform: scale(1); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

@keyframes scale130 {
	0% { transform: scale(1); }
	50% { transform: scale(1.3); }
	100% { transform: scale(1); }
}

@keyframes scale140 {
	0% { transform: scale(1); }
	50% { transform: scale(1.4); }
	100% { transform: scale(1); }
}

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

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

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

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

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

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

@keyframes marquee {
	from{transform:translateX(0%)}
	to{transform:translateX(-100%)}
}


/* 오브제 애니메이션 공통 */
._floating10{animation: floating10 forwards infinite 3s;}
._floating20{animation: floating20 forwards infinite 3s;}
._floating30{animation: floating30 forwards infinite 3.5s;}
._floating40{animation: floating40 forwards infinite 4s;}

._scale80{animation: scale80 forwards infinite 3s;}
._scale90{animation: scale90 forwards infinite 4s;}
._scale110{animation: scale110 forwards infinite 5s;}

._delay1{animation-delay: 0.1s;}
._delay15{animation-delay: 0.15s;}
._delay2{animation-delay: 0.2s;}
._delay25{animation-delay: 0.25s;}
._delay3{animation-delay: 0.3s;}
._delay35{animation-delay: 0.35s;}
._delay4{animation-delay: 0.4s;}
._delay45{animation-delay: 0.45s;}
._delay5{animation-delay: 0.5s;}

._duration1{animation-duration: 1s;}
._duration15{animation-duration: 1.5s;}
._duration2{animation-duration: 2s;}
._duration25{animation-duration: 2.5s;}
._duration3{animation-duration: 3s;}
._duration35{animation-duration: 3.5s;}
._duration4{animation-duration: 4s;}
._duration45{animation-duration: 4.5s;}
._duration5{animation-duration: 5s;}