/*-- common css --*/

:root {

	/*font-size*/
	--fs-14: .875rem;
	--fs-15: .9375rem;
	--fs-17: 1.0625rem;
	--fs-18: 1.13rem;
	--fs-20: 1.25rem;
	--fs-22: 1.375rem;
	--fs-24: 1.5rem;
	--fs-28: 1.75rem;
	--fs-30: 1.875rem;
	--fs-36: 2.25rem;
	--fs-40: 2.5rem;
	--fs-42: 2.625rem;
	--fs-45: 2.8125rem;
	--fs-50: 3.125rem;
	--fs-60: 3.75rem;
	--fs-70: 4.375rem;
	--fs-80: 5rem;
	--fs-90: 5.625rem;
	--fs-100: 6.25rem;
	--fs-130: 8.125rem;
	--fs-200: 12.5rem;

	/*font-weight*/
	--fw-4: 400;
	--fw-5: 500;
	--fw-6: 600;
	--fw-7: 700;
	--fw-8: 800;
	--fw-9: 900;

	/*color*/
	--color-1: #f62b52;
	--color-2: #00f3ee;
}

/*container*/
.header-container{width: 100%;margin: 0 auto;padding: 0 50px;padding-right: 10px;}
.common-container{width: 90%;max-width: 1480px;margin: 0 auto;}
.text-container{width: 90%;max-width: 1280px;margin: 0 auto;}

.common-section{padding: 200px 0;}

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

	.header-container{padding: 0 45px;padding-right: 15px;}
	
	.common-section{padding: 150px 0;}
}

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

	.header-container{width: 95%;padding: 0;}
	
	.common-section{padding: 120px 0;}
}

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

	.header-container{width: 90%;padding: 0;}
}

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

	.common-section{padding: 100px 0;}
}

/*-- cursor --*/
#cursor{position: absolute;width: 100px;height: 100px;border-radius: 100px;background: transparent;border: 1px solid #000;z-index: 900;transform: scale(0);transition: transform .3s cubic-bezier(0.65, 0, 0.076, 1);}
#cursor.on{transform: scale(1);}
#cursor.white{border-color: #FFF;}

/*-- top-btn --*/
.top-btn{position: fixed;bottom: 50px;left: 50px;z-index: 1000;transform: translateY(100%);opacity: 0;}
.top-btn i, .top-btn span{display: block;}
.top-btn i img{display: block;margin: 0 auto;}
.top-btn span{font-weight: 800;margin-top: 9px;}

/*start*/
body.start .top-btn{transform: translateY(0);opacity: 1;transition: all .8s ease;will-change: transform;}

/*-- Quick --*/
.right-quick{position: fixed;bottom: 50px;right: 50px;z-index: 1000;}
.right-quick li{width: 125px;height: 125px;border-radius: 125px;position: relative;transform: translateY(100%);opacity: 0;}
.right-quick li:nth-child(2){transition-delay: .2s !important;}
.right-quick li + li{margin-top: 25px;}
.right-quick li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.right-quick li a span{text-align: center;color: #FFF;font-size: var(--fs-18);font-weight: var(--fw-8);line-height: 133%;padding-top: 10px;}

.right-quick li:hover{transform: translateY(0) scale(1.2) !important;}

/*start*/
body.start .right-quick li{transform: translateY(0);opacity: 1;transition: all .8s ease;will-change: transform;}

.quick-busi{background-color: #000;}
.quick-crea{background-color: var(--color-1);}

.quick-busi a img{position: absolute;top: 0;left: 0;
	-webkit-animation: rotate_arrow 10s linear 0s infinite normal;
	animation: rotate_arrow 10s linear 0s infinite normal;
}

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

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

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

	.top-btn{bottom: 45px;left: 45px;}

	.right-quick{bottom: 45px;right: 45px;}
	.right-quick li + li{margin-top: 20px;}
}

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

	.top-btn{bottom: 40px;left: 2.5%;}

	.right-quick{bottom: 40px;right: 2.5%;}
	.right-quick li + li{margin-top: 15px;}
}

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

	.top-btn{left: 5%;}

	.right-quick{right: 5%;}
}

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

	.top-btn{bottom: 30px;}

	.right-quick{bottom: 30px;}
	.right-quick li{width: 80px;height: 80px;}
	.right-quick li + li{margin-top: 8px;}
	.right-quick li a span{font-size: 13px;padding-top: 5px;}

	.quick-busi a img{width: 100%;}
}

/*-- motion --*/
.text-motion-1 span, .text-motion-1 i{display: block;overflow: hidden;}
.text-motion-1 i{transform: translateY(100%) rotate(3deg);opacity: 0;transition: transform 1s ease, opacity .8s ease;}

.text-motion-2{transform: translateY(50px);opacity: 0;transition: transform 1s ease, opacity .8s ease;}

.text-motion-1.on i{transform: translateY(0) rotate(0deg);opacity: 1;}
.text-motion-2.on{transform: translateY(0);opacity: 1;}

.delay-1{transition-delay: .1s !important;}
.delay-2{transition-delay: .2s !important;}
.delay-3{transition-delay: .3s !important;}
.delay-4{transition-delay: .4s !important;}
.delay-5{transition-delay: .5s !important;}
.delay-6{transition-delay: .6s !important;}
.delay-7{transition-delay: .7s !important;}
.delay-8{transition-delay: .8s !important;}
.delay-9{transition-delay: .9s !important;}

/*-- common link --*/
.text-link{display: flex;align-items: center;gap: 14px;opacity: .25;transition: all .25s ease;}
.text-link span{font-size: var(--fs-24);font-weight: var(--fw-8);}
.text-link img{display: block;transition: transform .4s cubic-bezier(0.65, 0, 0.076, 1);}

.text-link:hover{opacity: 1;}
.text-link:hover img{transform: translateX(10px);}

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

	.text-link{gap: 10px;}
	.text-link span{font-size: 20px;}
	.text-link img{max-width: 22px;}
}

/*-- header --*/
#header{position: fixed;top: 0;left: 0;width: 100%;height: 125px;z-index: 1000;transform: translateY(-100%);opacity: 0;transition: transform .4s ease;}
#header .header-container{display: flex;align-items: center;justify-content: space-between;height: 100%;position: relative;}

#header.scroll-Ing{transform: translateY(-100%) !important;will-change: transform;}

.hd-logo a{display: block;width: 100%;height: 100%;}
.hd-logo img{display: block;}

.hd-gnb{position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;}
.hd-gnb>ul{display: flex;}
.hd-gnb>ul>li>a{display: block;width: 100%;height: 100%;line-height: 125px;font-size: var(--fs-24);font-weight: var(--fw-8);padding: 0 26px;white-space: nowrap;}
.hd-gnb>ul>li>a>i{position: relative;}
.hd-gnb>ul>li>a>i::after{content: "";position: absolute;bottom: -16px;left: 0;width: 100%;height: 1px;opacity: 0;;background-color: #000;transition: all .4s ease;}

.hd-gnb>ul>li:hover>a>i::after{bottom: -6px;opacity: 1;}

.hd-gnb>ul>li>ul{position: absolute;top: 85%;z-index: 1;display: none;}
.hd-gnb>ul>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 6px 26px;font-size: var(--fs-18);font-weight: var(--fw-6);transition: all .2s ease;}

.hd-gnb>ul>li>ul:hover>li>a{color: rgba(0,0,0,.3);}
.hd-gnb>ul>li>ul>li>a:hover{color: #000;padding-left: 31px;}

.hd-btn{width: 125px;height: 125px;position: relative;z-index: 10;}
.hd-btn span{position: absolute;top: 60px;left: 40px;width: 45px;height: 5px;background-color: #000;transition: all .3s ease;}
.hd-btn span:nth-child(1){transform: translateY(-7px);}
.hd-btn span:nth-child(2){transform: translateY(7px);}

/*open*/
.hd-btn.open span{background-color: #FFF;}
.hd-btn.open span:nth-child(1){transform: rotate(45deg);}
.hd-btn.open span:nth-child(2){transform: rotate(-45deg);}

/*start*/
body.start #header{transform: translateY(0);opacity: 1;transition: all .8s ease;will-change: transform;}

#header.open{transform: translateY(0) !important;}

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

	#header{height: 100px;}

	.hd-logo img{max-width: 200px;}

	.hd-gnb>ul>li>a{font-size: var(--fs-22);line-height: 100px;padding: 0 20px;}

	.hd-btn{width: 100px;height: 100px;}
	.hd-btn span{top: 48px;left: 30px;width: 40px;height: 4px;}
	.hd-btn span:nth-child(1){transform: translateY(-6px);}
	.hd-btn span:nth-child(2){transform: translateY(6px);}
}

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

	.hd-gnb{display: none;}

	.hd-btn{width: 40px;height: 100px;}
	.hd-btn span{left: 0;width: 100%;}
}

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

	#header{height: 65px;}

	.hd-logo img{max-width: 150px;}

	.hd-btn{width: 30px;height: 65px;}
	.hd-btn span{top: 30.5px;}
	.hd-btn span:nth-child(1){transform: translateY(-5px);}
	.hd-btn span:nth-child(2){transform: translateY(5px);}
}

/*-- main title --*/
.main-title{position: fixed;bottom: 350px;left: 50%;transform: translateX(-50%);width: 90%;max-width: 1480px;z-index: 1;font-size: var(--fs-100);font-weight: var(--fw-8);line-height: 130%;}
.main-title.white{color: #FFF;}
.main-title h2 span, .main-title h2 i{display: block;}

.clip-wrap, .clip-inner{width: 100%;height: calc( 100vh - 50px );}
.clip-wrap{position: relative;}
.clip-inner{position: absolute;background-color: #FFF;clip: rect(0, auto, auto, 0);}

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

	.main-title{bottom: 200px;}
}

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

	.main-title{font-size: var(--fs-90);bottom: 150px;}
}

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

	.main-title{bottom: 270px;font-size: var(--fs-80);}
}

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

	.main-title{bottom: 320px;font-size: var(--fs-70);}
}

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

	.main-title{bottom: 250px;font-size: 40px;}

	.clip-wrap, .clip-inner{height: 100vh;}
}

/*-- main-1 --*/
#main-1{height: 100vh;position: relative;}
#main-1 .text-container{position: relative;z-index: 10;}
.main-1-bg{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 80%;height: 100%;border-radius: 25px;overflow: hidden;}
.main-1-bg::after{content: "";position: absolute;top: 0;right: -10%;width: 120%;height: 100%;background-color: #FFF;z-index: 1;}

/*start*/
body.start .main-1-bg::after{width: 0;transition: all 1s ease;}

.main-1-text{font-size: var(--fs-40);font-weight: var(--fw-6);color: #FFF;line-height: 1.625;transform: translateY(100vh);opacity: 0;}

/*rail*/
.rail-wrap{position: absolute;top: 100%;left: 0;width: 100%;overflow: hidden;}
.rail{display: flex;align-items: center;gap: 35px;width: 200%;height: 100%;
	-webkit-animation: text-to-left 40s linear infinite;
	animation: text-to-left 40s linear infinite;
}
.rail span{font-size: var(--fs-200);font-weight: var(--fw-6);color: #FFF;white-space: nowrap;line-height: .8;}
.rail img{display: block;}

@keyframes text-to-left{

	0%{transform: translateX(0%);}
	100%{transform: translateX(-50%);}
}

@-webkit-keyframes text-to-left{

	0%{transform: translateX(0%);}
	100%{transform: translateX(-50%);}
}

@keyframes text-to-right{

	0%{transform: translateX(0%);}
	100%{transform: translateX(50%);}
}

@-webkit-keyframes text-to-right{

	0%{transform: translateX(0%);}
	100%{transform: translateX(50%);}
}

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

	.main-1-bg{width: 90%;}
}

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

	.main-1-text{font-size: var(--fs-30);word-break: keep-all;}
}

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

	.main-1-text{font-size: 24px;line-height: 180%;}
	.main-1-text br{display: none;}

	.rail{width: 2000%;gap: 20px;}
	.rail span{font-size: 120px;}
	.rail img{max-width: 100px}
}

/*-- main-2 --*/
#main-2{padding-bottom: 0;}

.main-2-text h4{font-size: var(--fs-70);font-weight: var(--fw-8);line-height: 130%;}
.main-2-text h4 span, .main-2-text h4 i{display: block;}

.main-2-text p{font-size: var(--fs-24);font-weight: var(--fw-6);line-height: 165%;margin-top: 45px;}

.main-2-text .text-link{margin-top: 55px;}

.main-3-text{margin-top: 200px;padding-left: 50%;}

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

	.main-3-text{margin-top: 150px;padding-left: 40%;}
}

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

	.main-3-text{padding-left: 20%;}
}

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

	.main-2-text h4{font-size: 34px;}

	.main-2-text p{font-size: 16px;margin-top: 30px;}

	.main-2-text .text-link{margin-top: 40px;}

	.main-3-text{margin-top: 150px;padding-left: 10%;}
}

/*-- main-3 --*/
#main-3{height: 100vh;}
#main-3 .common-container{height: 100%;position: relative;}

.info-card>li{border-radius: 25px;overflow: hidden;position: absolute;top: 100%;left: 0;transform: translateY(-50%);width: 100%;z-index: 1;opacity: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
	box-shadow: 9px 4px 24px rgba(0,0,0,.15);
}
.info-card>li>a{display: block;width: 100%;height: 100%;color: #FFF;padding: 55px 60px;position: relative;}

.info-card>li>a h4{font-size: var(--fs-50);font-weight: var(--fw-7);}

.info-text{margin-top: 130px;}
.info-text p{font-size: var(--fs-24);font-weight: 600;line-height: 165%;}

.info-text ul{display: flex;flex-wrap: wrap;margin-top: 40px;max-width: 50%;}
.info-text ul li{width: 50%;font-size: var(--fs-18);font-weight: var(--fw-6);line-height: 220%;}

.info-arrow{position: absolute;top: 55px;right: 60px;z-index: 1;}
.info-arrow img{display: block;}

.info-card-1{background-color: #000;background-image: url(/img/info_bg.png);}
.info-card-2{background-color: #df2347;background-image: url(/img/info_bg2.png);}
.info-card-3{background-color: #009eba;background-image: url(/img/info_bg3.png);}

.info-card-1 .info-text, .info-card-3 .info-text{margin-top: 170px;}

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

	.info-card>li>a{padding: 45px 50px;}

	.info-text{margin-top: 100px;}

	.info-text ul{margin-top: 30px;}

	.info-arrow{top: 45px;right: 50px;}

	.info-card-1 .info-text, .info-card-3 .info-text{margin-top: 130px;}
}

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

	.info-text ul{max-width: 100%;}
}

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

	.info-card-1 .info-text, .info-card-3 .info-text{margin-top: 135px;}
}

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

	.info-card>li>a{padding: 35px 40px;}

	.info-text p{word-break: keep-all;}
	.info-text p br{display: none;}

	.info-arrow{top: 35px;right: 40px;}

	.info-card-1 .info-text, .info-card-3 .info-text{margin-top: 100px;}
}

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

	.info-card>li{border-radius: 15px;}
	.info-card>li>a{padding: 25px 30px;}

	.info-card>li>a h4{font-size: 30px;line-height: 160%;}

	.info-text{margin-top: 40px;}
	.info-text p{font-size: 15px;}

	.info-text ul{display: block;}
	.info-text ul li{width: 100%;opacity: .9;line-height: 200%;}

	.info-arrow{top: 30px;right: 30px;}
	.info-arrow img{max-width: 24px;}

	.info-card-1 .info-text, .info-card-3 .info-text{margin-top: 40px;}
}

/*-- main-4 --*/
.slide-cate{display: flex;align-items: center;gap: 58px;position: relative;z-index: 10;}
.slide-cate>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-45);font-weight: var(--fw-8);color: #c7c7c7;transition: color .3s ease;}
.slide-cate>li.on>a{color: #f62b52;}

#main-slide{margin-top: -25px;}
#main-slide .swiper-slide{background-color: #FFF;}
#main-slide .swiper-slide figure{width: 100%;height: 390px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
#main-slide .swiper-slide-1 figure{background-image: url(/img/creator_banner.png);}
#main-slide .swiper-slide-2 figure{background-image: url(/img/creator_banner2.png);}

.main-slide-text{margin-top: -200px;transform: translateY(50px);opacity: 0;transition: all 1s ease;}
.main-slide-text h4{font-size: var(--fs-60);font-weight: var(--fw-8);line-height: 130%;margin-bottom: 38px;}
.main-slide-text p{font-size: var(--fs-24);font-weight: var(--fw-6);line-height: 166%;margin-bottom: 55px;}

.creator-link-wrap{display: flex;align-items: center;gap: 18px;}
.creator-link{display: flex;align-items: center;justify-content: center;gap: 18px;width: 260px;height: 65px;border: 1px solid #000;border-radius: 65px;overflow: hidden;}
.creator-link-black{background-color: #000;color: #FFF;}
.creator-link span{font-size: var(--fs-24);font-weight: var(--fw-7);}
.creator-link img{display: block;transition: transform .4s cubic-bezier(0.65, 0, 0.076, 1);}
.creator-link-black img{
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.creator-link:hover img{transform: translateX(10px);}

/*on*/
#main-slide .swiper-slide.on .main-slide-text{transform: translateY(0);opacity: 1;}

@media screen and (min-width: 1921px){

	#main-4{padding-top: 0;}
}

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

	.slide-cate{gap: 40px;}

	#main-slide .swiper-slide figure{height: 300px;}

	.main-slide-text{margin-top: -160px;}
	.main-slide-text h4{margin-bottom: 30px;}
	.main-slide-text p{margin-bottom: 40px;}

	.creator-link-wrap{gap: 13px;}
	.creator-link{gap: 13px;width: 220px;height: 60px;}
	.creator-link img{max-width: 24px;}
}

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

	#main-4{padding-top: 0;}
}

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

	.main-slide-text h4{font-size: 43px;}
}

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

	#main-4{padding-top: 150px;}

	.slide-cate{gap: 30px;}
	.slide-cate>li>a{font-size: 30px;}

	#main-slide{margin-top: -15px;}
	#main-slide .swiper-slide figure{height: 180px;}

	.main-slide-text{margin-top: -50px;}
	.main-slide-text h4{font-size: 26px;word-break: keep-all;margin-bottom: 25px;}
	.main-slide-text p{font-size: 16px;word-break: keep-all;margin-bottom: 30px;}
	.main-slide-text h4 br, .main-slide-text p br{display: none;}

	.creator-link-wrap{gap: 6px;}
	.creator-link{gap: 8px;width: 160px;height: 50px;}
	.creator-link span{font-size: 16px;}
	.creator-link img{max-width: 20px;}
}

/*-- footer --*/
#footer{padding-top: 200px;padding-bottom: 120px;position: relative;}
.ft-container{width: 100%;margin: 0 auto;padding: 0 50px;}

.ft-top{display: flex;flex-direction: row-reverse;align-items: flex-start;justify-content: space-between;margin-bottom: 85px;}
.ft-top h4{font-size: var(--fs-70);font-weight: var(--fw-4);line-height: 120%;}

.ft-logo a{display: block;width: 100%;height: 100%;padding-top: 13px;}
.ft-logo img{display: block;}

.ft-menu{display: flex;gap: 20px;margin-bottom: 36px;}
.ft-menu>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-17);font-weight: var(--fw-7);transition: color .3s ease;}

.ft-menu:hover>li>a{color: #c5c5c5;}
.ft-menu>li>a:hover{color: #000;}

.ft-info, .ft-copy{font-size: var(--fs-17);font-weight: var(--fw-6);line-height: 176%;}
.ft-info i{padding-right: 10px;}
.ft-copy{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);}

/*line*/
.ft-line{position: absolute;left: 0;width: 100%;background-color: #000;z-index: 1;}
.ft-line-1{top: 12px;height: 13px;}
.ft-line-2{top: 35px;height: 4px;}
.ft-line-3{top: 47px;height: 1px;}

/*flow*/
.flow-line{padding-top: 32px;}

.flow-1{background-color: #000;overflow: hidden;width: 100%;position: relative;z-index: 10;}
.flow-2{background-color: #f62b52;overflow: hidden;width: 100%;transform: rotate(358.5deg);}

.flow-rail{display: flex;align-items: center;gap: 17px;line-height: 82px;width: 200%;}
.flow-1 .flow-rail{
	-webkit-animation: text-to-left 30s linear infinite;
	animation: text-to-left 30s linear infinite;
}
.flow-2 .flow-rail{flex-direction: row-reverse;
	-webkit-animation: text-to-right 30s linear infinite;
	animation: text-to-right 30s linear infinite;
}

.flow-rail span{font-size: var(--fs-42);color: #FFF;white-space: nowrap;}
.flow-rail i{display: flex;align-items: center;justify-content: center;}
.flow-rail img{display: block;}

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

	#footer{padding-top: 180px;padding-bottom: 110px;}
	.ft-container{padding: 0 45px;}

	.ft-top h4{font-size: var(--fs-60);}
	.ft-logo img{max-width: 200px;}

	.ft-copy{bottom: 45px;}

	.flow-rail{line-height: 75px;}
}

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

	#footer{padding-top: 160px;padding-bottom: 100px;}
	.ft-container{width: 95%;padding: 0;}

	.ft-copy{bottom: 40px;}

	.flow-rail span{font-size: var(--fs-40);}
}

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

	.ft-container{width: 90%;padding: 0;}

	.ft-top{display: block;margin-bottom: 70px;}

	.ft-logo{margin-bottom: 30px;}
	.ft-logo a{padding-top: 0;}

	.ft-menu{margin-bottom: 26px;}

	.flow-rail{line-height: 70px;}
	.flow-rail span{font-size: var(--fs-30);}

	.flow-1 .flow-rail img{max-width: 40px;}
	.flow-2 .flow-rail img{max-width: 45px;}
}

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

	.ft-top h4{font-size: var(--fs-50);}
}

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

	#footer{padding-top: 120px;padding-bottom: 80px;}

	.ft-logo img{max-width: 150px;}

	.ft-top{margin-bottom: 40px;}
	.ft-top h4{font-size: 24px;line-height: 140%;}
	.ft-top h4 br{display: none;}

	.ft-menu{gap: 13px;}
	.ft-menu>li>a{font-size: 14px;}

	.ft-info, .ft-copy{font-size: 14px;}

	.ft-copy{position: relative;bottom: auto;left: auto;transform: translateX(0);margin-top: 15px;}

	.flow-rail{line-height: 50px;}
	.flow-rail span{font-size: 20px;}

	.flow-1 .flow-rail{
		-webkit-animation: text-to-left 10s linear infinite;
		animation: text-to-left 10s linear infinite;
	}
	.flow-2 .flow-rail{flex-direction: row-reverse;
		-webkit-animation: text-to-right 10s linear infinite;
		animation: text-to-right 10s linear infinite;
	}

	.flow-1 .flow-rail img{max-width: 30px;}
	.flow-2 .flow-rail img{max-width: 35px;}

	.ft-line-1{height: 10px;}
	.ft-line-2{top: 30px;}
	.ft-line-3{top: 42px;}
}

/*-- site map --*/
.site-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: #000;z-index: 1;display: none;}
.site-inner{display: flex;height: 100%;align-items: center;justify-content: center;}

.mo-gnb>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-60);font-weight: var(--fw-7);color: #FFF;line-height: 180%;transition: color .25s ease;}
.mo-gnb>ul>li>ul{display: none;}
.mo-gnb>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-30);font-weight: var(--fw-6);color: #FFF;line-height: 180%;transition: all .45s ease;}

.mo-gnb>ul:hover>li>a{color: rgba(255,255,255,.2);}
.mo-gnb>ul>li:hover>a{color: #FFF;}
.mo-gnb>ul>li>ul>li:hover>a{padding-left: 10px;}

.mo-gnb>ul>li.on>a{color: #FFF;}

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

	.site-inner{justify-content: flex-start;}

	.mo-gnb{width: 100%;}
	.mo-gnb>ul>li>a{font-size: 36px;}
	.mo-gnb>ul>li>ul>li>a{font-size: 20px;}
}

/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #000;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_tit h4{font-size: var(--fs-18);font-weight: var(--fw-6);}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: 600;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;}

@media (max-width: 768px){ 
	
	.add_pop_con p{font-size: 12px;}
}