@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
ul{margin-bottom: 0px}
p{font-size: 17px}
.moment_body{background-color: #f8f8f8}
#bg{transition: 1.5s}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-sign-out:before {content: "\f08b";}
li.top_li {display: inline;padding: 16px 22px 14px;background: #3e53a0;border-radius: 40px;color: #fff;font-size: 14px}
li.top_li a{color:#fff}
.moment_wrap{width: 100%;background-color: #fff;}
.moment_wrap h1, .moment_wrap h2{font-family: 'GmarketSansMedium'}
.moment_top {width: 100%;position: relative;z-index: 10;background-color: #f8f8f8}
.moment_top_box{width: 1300px;margin: 0 auto;}
.moment_top_box .moment_logo{line-height: 100px;display: inline-block;}
.top_menu{float: right;line-height: 100px;display: inline-block;font-size: 16px}
.fa-sign-in:before {margin-right: 5px;position: relative;}
.moment_body .moment_div1 img{position: relative;}
.moment_main{background-image: url('/images/main/mainpage.jpg');height: 840px;background-size: cover;position: relative;}
.moment_main .moment_main_text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -65%);}
.moment_main h1{text-align: center;color: #fff;font-size: 70px;font-weight: bold;font-family: 'GmarketSansMedium';letter-spacing: -0.8px;line-height: 1.2;}
.moment_main h1:nth-child(1){margin-bottom: 20px;font-size: 80px}
.moment_main h1:nth-child(2){margin-bottom: -5px}
.moment_main h1:nth-child(3){margin-bottom: -15px}
.moment_main h1 span{font-weight: 100}
.moment_main .moment_main_text p{text-align: center;color: #fff;font-weight: 100;font-family: 'Noto Sans KR';margin-top: 15px;}
.moment_div1_tit{position: absolute;top: 50%;right: 50px;text-align: right;transform: translate(0, -10%);color: #fff;}
.moment_div1{background-color: #f8f8f8;position: relative;padding: 100px 0 30px;}
.moment_div1_box{width: 1300px;height: 640px;margin: 0 auto;position: relative;}
.moment_div1_box .div1_text{float: left;text-align: left;font-weight: 400;margin-top: 100px;color: #000;font-family: 'Noto Sans KR';letter-spacing: -0.8px;line-height: 1.2;}
.moment_div1_box .div1_text span{font-size: 90px;margin-bottom: 8px;font-weight: 100;color: #4188ef}
.moment_div1_box .div1_text h1{font-size: 55px;font-weight: bold;font-family: 'Noto Sans KR'}
.moment_div1_box .div1_text p{font-weight: 500;color: #707070;margin-top: 20px;letter-spacing: 0.8px;line-height: 1.3;margin-bottom: 0px !important}
.moment_div1_box .div1_text p:nth-child(2){margin: 0}
.moment_div1_box .div1_text p:nth-child(3){margin: 0}
.moment_div1_box .back_color{width: 60%;height: 500px;background-color: #7169ba;position: absolute;top: 30px;left: 0;border-radius: 0 270px 270px 0;}
.moment_div1_box .div1_img{position: absolute;;display: inline-block;right: -45px}
.moment_div1_box .div1_img .maindiv1_img{position: relative;    display: inline-block;}

.moment_div1_slide{position: absolute !important;top: 79px !important;left: 42px !important;}
.moment_div2{width: 100%;background-color: #f8f8f8}
.div2_mainbox{width: 100%;height: 600px;text-align: center;}
.div2_mainbox .div2_mainbox_img {opacity: .9;position: absolute;top: 45%;right: 0px;}
.moment_div5{background-color: #f8f8f8}
.moment_div2 h1{font-size: 36px;font-weight: bold;;text-align: center;color: #232323;padding-top: 170px;}
.moment_div2 h1.div2_tit{font-size: 36px;font-weight: bold}
.div2_mainbox h1, .div2_mainbox p{position: relative;left:-250px !important;top: 100px;text-align: center;margin-bottom: 10px;font-size: 15px}
.div2_mainbox .box {display: inline-block;}
.div2_mainbox .box:last-child{position: relative;top: -110px;left: 120px;padding: 20px 40px 7px;}
.div2_mainbox .box:last-child p{top: 0 !important;left: 0 !important}
.div2_ul{width: 1520px;margin: 30px auto 0;display: flex;flex-wrap: wrap;}
/* .textLoop{width: 100%;display: flex;padding: 40px 0;    white-space: nowrap;background-color: #5477df}
.textLoop p{float: left;margin: 0;font-size: 6vw;  animation: textLoop 100s linear infinite;color:#fff;font-family: 'yg-jalnan';font-weight: bold} */

@keyframes textLoop {
  0%{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
  100%{    transform: translate3d(-100%, 0, 0);    -webkit-transform: translate3d(-100%, 0, 0);}
}

.div2_ul li{position: relative;overflow: hidden;width: 280px;height: 350px;border-radius: 5%;float: left;margin-right: 30px;text-align: center;padding: 45px 28px;transition: 0.3s;}
.div2_ul li:before {content: "";position: absolute;top: -70%;left: -25%;width: 100%;padding-bottom: 150%;background: #fff;border-radius: 50%;filter: blur(65px);opacity: 0.3;}
.div2_ul li h2{font-size: 24px}
.div2_ul li:hover{box-shadow:0px 0px 20px 0px #0000003d;margin-top: -10px;}
.div2_ul li:last-child{margin-right: 0}
.coin_box {width: 100%;background: #5477df;padding: 90px 0 55px;height: 500px}
.coin_box .coin_div{width: 1000px;margin: 0px auto;position: relative;left: 160px}
.coin_box .coin_div{text-align: center;display: flex;flex-direction: column;color:#fff;}
.coin_box .coin_div h1{font-size: 95px;font-weight: bold;margin-top: 10px;font-family: 'GmarketSansMedium'  ;}
.coin_box .coin_div h1:first-child{font-size: 70px;font-weight: 100}
.coin_box .coin_div h1 .coin_span{font-size: 125px;color:#fff}
.coin_box .coin_div g{font-size: 30px;margin-top: 20px;font-weight: bold;font-family: 'SUIT-Regular';}

.coin_box .coin_div img{position: absolute;top: -40px;left: -170px;}
.coin_div b img{position: inherit !important;margin-top: 270px;}
.coin_div video{position: absolute;bottom: -60px;left: -600px;width:460px}
.moment_div2 ul li img{margin-bottom: 20px;min-height: 150px}
.moment_div2 ul li p{font-size: 16px;;color: #2c2c2c;font-weight: 400;letter-spacing: -0.8px;  line-height: 1.53;font-family: 'Noto Sans KR'}
.moment_div2_target{width: 100%;height: 700px;}
.target_margin{width: 1260px; margin: 70px auto 0;position: relative;}
.moment_target_box{margin-top: 50px}
.moment_target_box div{width: 400px;height: 250px;background-color: #eee;border-radius: 30px;padding: 35px;float: left;position: relative;margin-right: 30px;}
.moment_target_box div:last-child{margin-right: 0px}
.moment_target_box div p{text-align: left;width: 190px}
.moment_target_box div img{position: absolute;right: 20px;bottom: 20px;transition: 0.3s}
.moment_target_box div:first-child img{right: 30px;bottom: 30px;}
.moment_target_box div:hover .target_img{bottom: 40px}
.target_margin .target1_img{opacity: .7;position: absolute; top: 86%;left: -70px;}
.target_margin h1, .target_margin p{position: relative;text-align: center;margin-bottom: 10px;}
.target_margin h1{font-size: 36px;font-weight: bold;}

.moment_target_box div{display: flex;flex-direction: column;float: left;position: relative;}
.moment_target_box div g{color:#000;font-size: 26px;font-family: 'GmarketSansMedium';font-weight: bold}
.moment_div3{width: 100%;height: 200px;background-color: #4188ef;text-align: center;line-height: 150px;padding: 48px 0;}
.moment_div3 h1{font-family: 'Fredoka', sans-serif;font-size: 100px;color:#fff}

.moment_div4{width: 100%;height: 500px;background-image: url('/images/main/mainpage4.jpg');overflow: hidden;}
.moment_div4_box{width: 1250px;margin: 0 auto;position: relative;display: flow-root;}
.moment_div4_tit{position: absolute;transform: translate(-5%,20%)}
.not_allowed{width: 100%;display: grid;}
.not_allowed div{width: 100%;margin: 0 auto;text-align: center;padding: 100px 0;background: #262125;}
.moment_div4_tit h1{margin-bottom: 10px;font-size: 36px;font-weight: bold;margin-top: 50px}
.div4_tit_icon{position: relative;}
.moment_div4_img{float: right;position: relative;left: 200px;top: 60px;display: flex;}
.moment_div4_img .moment_div4_img1{position: relative;}
.moment_div4_img .moment_div4_img2{position: relative;}

.slide_box {
    display: initial;
    position: absolute;
    top: 128px;
    left: 29px;
    border: 3px solid #5477df;
    z-index: 100;
}
/* .slide_box {
    animation: zoomIn_slide_box 5s ease-in-out infinite;
}
@keyframes zoomIn_slide_box {
    0% {
       opacity: 0;
       transform: scale(1);
   }
   5% {
       opacity: 1;
       transform: scale(1);
   }
   10% {
       transform: scale(1.5);
   }
   95% {
       transform: scale(1.5);
   }
   100% {
       transform: scale(1);
   }
} */

.slide_box.zoom-in-up.active{
    animation-name:zoomIn_slide_box;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
@keyframes zoomIn_slide_box {
    from { transform: scale(1); }
    to { transform: scale(1.5); }
}
.slide_box.scale2.zoom-in-up.active{
    animation-name:zoomIn_slide_box2;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}
.slide_box.scale3.zoom-in-up.active{
    animation-name:zoomIn_slide_box2;
    animation-duration: 1s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
}
@keyframes zoomIn_slide_box2 {
    from { transform: scale(1); }
    to { transform: scale(1.25); }
}
.moment_div1_slide img{display: none}

/* 인트로 페이지 모먼트 배너 애니메이션 */
/* @keyframes moveXY {
  0% { transform: scale(100%);}
  5% { transform: scale(100%);}
  10% { transform: scale(160%);}
  100% { transform: scale(160%);}
}
.slide_box{
    position: relative;
}
.slide_box img{
    animation:
        moveXY 4s ease infinite;
    margin-bottom: 0;
    padding-bottom: 0 !important;
} */


.moment_div5_box{width: 1220px;margin: 0 auto;padding: 50px 0 0px ;text-align: center;}
.moment_div5 h1{font-size: 36px;font-weight: bold;}
.moment_div5 p{font-size: 17px;margin-bottom: 0;margin-top: 10px;}
.allowed_box h1{color:#ff662d}
.allowed_box p{color:#feb648}
.moment_div5 .moment_div5_img{position: relative;margin-top: 55px}
.moment_div5 .moment_div5_img ul{position: absolute;top: 85px;left: 0;}
.moment_div5 .moment_div5_img ul li{float: left;width: 225px;margin-left: 16px}
.moment_div5 .moment_div5_img ul li:nth-child(1){position: relative;}
.moment_div5 .moment_div5_img ul li:nth-child(2){position: relative;}
.moment_div5 .moment_div5_img ul li:nth-child(3){position: relative;}
.moment_div5 .moment_div5_img ul li:nth-child(4){position: relative;}
.moment_div5 .moment_div5_img ul li:nth-child(5){position: relative;}
.moment_div5 .box{margin-bottom: 80px}
.moment_div5 .moment_div5_img ul h2{font-size: 23px;color: #000;margin-bottom: 7px}
.moment_div5 .moment_div5_img ul p{font-family: 'Noto Sans CJK KR';font-weight: 300;line-height: 1.3;letter-spacing: -0.8px;}

.moment_div6{width: 100%;background-color: #fff;background-color: #5477df}
.moment_div6 .moment_review_box{width: 1300px;margin: 0 auto;padding: 40px 0 100px;text-align: center;color:#fff}
.moment_div6 .moment_review_box h1{font-size: 36px;font-weight: bold;margin-top: 50px;margin-bottom: 10px}
.moment_div6 .moment_review_box img{float: left;margin-bottom: 7px}
.moment_div6 .moment_review{display: inline-block;margin-top: 10px}
.moment_div6 .moment_review .review_box{width: 310px;min-height: 483px;box-sizing: border-box;float: left;margin-right: 20px;background: #fff;padding: 15px}
.moment_div6 .moment_review .review_box:last-child{margin-right: 0px }
.moment_div6 .moment_review .review_box div{clear: both;width: 280px;height: 210px;overflow: hidden;position: relative;}
.moment_div6 .moment_review .review_box div img{position: absolute;right: 0px}

.moment_div6 .moment_review .review_box p{margin-top: 7px;color:#000;font-size: 15px;text-align: left;font-family: 'Noto Sans CJK KR';font-weight: 300;margin-bottom: 0px;line-height: 1.3}
.moment_div6 .moment_review .review_box p span{font-weight: bold;font-size: 20px}

.company_cert div{display: inline-block;}
.company_cert p{font-size: 18px;margin-left: 40px;margin-bottom: 0px;margin-left: 54px;color: #989898;}
.company_cert p span{margin-left: 2px;margin-left: 3px}
.company_cert {width: 1060px;margin: 0 auto;padding: 120px 0 110px;font-family: 'GmarketSansMedium';}
.cert_text p{color:#888;font-size: 20px;font-family: 'Noto Sans CJK KR';font-weight: 300;margin-left: 0px;margin-bottom: 20px}
.cert_text h1{color:#000;font-size: 60px;font-family: 'GmarketSansMedium';;font-weight: bold;margin-bottom: 10px}
.company_cert .qaicon_img{float: right;position: relative;top: -300px;left:-150px}
.company_cert .qaicon_img img{position: absolute;}
.company_cert .qaicon_img img:nth-child(1){right: -20px;z-index: 10;top: -30px; animation:ani1 3s infinite alternate;  }
@keyframes ani1{
   0%{transform:translate(0,0);}
   100%{transform:translate(0,50px);}
}
.company_cert .qaicon_img img:nth-child(2){left: -20px;top: 30px; animation:ani2 3s infinite alternate; }
@keyframes ani2{
   0%{transform:translate(0,30px);}
   100%{transform:translate(0,0px);}
}
.company_cert .call_center{display: flex}
.company_cert .call_center p{display: block;}
.company_cert .call_center h1{font-family: 'GmarketSansMedium';font-weight: bold;font-size: 25px;line-height: 55px;margin-right: 20px}
.company_cert .call_center img{margin-right: 5px}
.company_cert .call_center .titt{font-size: 40px;color: #5477df;position: relative;left: -7px;font-weight: bold;line-height: 55px}
.company_cert .xi-time-o:before {content: "\ea2c";font-size: 20px;position: relative;top: 3px;margin-right: 1px;}

/* moment_footer */
footer {min-width: 1680px;width: 100%;text-align: center;background-color: #fff;padding: 21px 0 21px 00px;position: relative;z-index: 1100;bottom: 0;border-top: 0px !important}
footer .container {width: 100%;padding: 0 23%;}
footer .container .copyright{float: inherit !important;}
footer .container .company{display: none}
footer .copyright span {padding: 0 !important;float: none !important;}
.moment_footer{position: relative;background-color: #fff;border-top: 1px solid #ddd;}
.footer_top{width: 1060px;margin: 50px auto 0;position: relative;}
/* .company_logo {margin-bottom: 20px;}
.company_logo .logo_text {font-size: 18px;font-weight: 700;line-height: 1;text-align: center;margin-top: 10px;}
.company_logo .logo_text .subject {display: block;line-height: 1.5;font-size: 12px;font-weight: 400;text-align: center;}
.company_info {overflow: hidden;display: inline-block;}
.company_info span{font-weight: 500;font-family: 'GmarketSansMedium';color:#4d4d4d}
.company_info > ul > li {float: left;margin-bottom: 5px;margin-right: 10px;padding-right: 10px;line-height: 1;color: #787878;font-size: 14px;}
.company_info > ul > li:nth-child(3){clear: both;margin-bottom: 20px}
.company_info > ul > li:nth-child(4){clear: both;}
.company_info > ul:after {content: "";display: block;clear: both;} */

.moment_footer .company_cert {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap:25px;
    width: 100%;
    margin: 25px auto 0;
    padding: 0;
}
.moment_footer .company_cert img {
	max-height: 40px;
}


.main_ico li{display: inline-block;margin-right: 10px;float: initial;}
.main_ico{display: inline-block;position: relative;;top:-100px}
.main_ico img {height: 40px;}

#container {margin: 0 auto;}
#container .img {display: none;}
#container .img.on {display: block;}
.line{position: relative;}
.line::before{content: '';position: absolute;top: 50%;left: 0;display: inline-block;width: 24%;height: 45%;z-index: -1;background:rgb(255 181 30 / 34%);}

.company_info p{color:#525252;margin-top: -10px}
.company_info .company_cert p:first-child{font-weight: 700;width: 100%;display: block;font-size: 17px;color:#000;margin: 0;position: relative;font-weight: 400;top: 3px;font-family: 'GmarketSansMedium'}



/* 키프레임 */
.moment_div3{overflow-y: hidden;display: block;}
.moment_div1 h1.zoom-in-up.active {font-weight: bold;line-height: 1; animation-name: grow; animation-duration: 2s;/* 애니메이션 시간 */}
@keyframes grow {
    from { transform: translateY(5em) }/* 애니메이션 높이 */
    to { transform: translateY(0) }
}
.zoom-in-up {opacity: 0;transition: 1s;}
.zoom-in-up.active {opacity: 1;}
.moment_main_text h1:nth-child(1).zoom-in-up.active{animation-name: main_tit1; animation-duration: 2s}
@keyframes main_tit1 {
    from { transform: translatey(0.8em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_main_text h1:nth-child(2).zoom-in-up.active{animation-name: main_tit2; animation-duration: 2s}
@keyframes main_tit2 {
    from { transform: translatey(1.2em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_main_text h1:nth-child(3).zoom-in-up.active{animation-name: main_tit3; animation-duration: 2s}
@keyframes main_tit3 {
    from { transform: translatey(1.6em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_main_text p.zoom-in-up.active{animation-name: main_tit4; animation-duration: 2.3s}
@keyframes main_tit4 {
    from { transform: translatey(7.0em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_review_box h1.zoom-in-up.active{animation-name:reviewh1; animation-duration: 2s}
@keyframes reviewh1 {
    from { transform: translatey(-0.8em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_review_box p.zoom-in-up.active{animation-name:reviewp; animation-duration: 2s}
@keyframes reviewp {
    from { transform: translatey(0.8em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_review div:nth-child(1).zoom-in-up.active{animation-name:review1; animation-duration: 1s}
@keyframes review1 {
    from { transform: translatey(2.5em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_review div:nth-child(2).zoom-in-up.active{animation-name:review2; animation-duration: 1.4s}
@keyframes review2 {
    from { transform: translatey(2.5em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_review div:nth-child(3).zoom-in-up.active{animation-name:review3; animation-duration: 1.8s}
@keyframes review3 {
    from { transform: translatey(2.5em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_review div:nth-child(4).zoom-in-up.active{animation-name:review4; animation-duration: 2.4s}
@keyframes review4 {
    from { transform: translatey(2.5em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}

.coin_box img.zoom-in-up.active{animation-name: grow-coin-img; animation-duration: 2s}
@keyframes grow-coin-img {
    from { transform: translatey(0.8em) }/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_body .div1_img.zoom-in-up.active {animation-name: grow1; animation-duration: 1s}
@keyframes grow1 {
    from { transform: translatex(3em) }/* 애니메이션 높이 */
    to { transform: translatex(0em) }
}
.div1_text div:nth-child(1).zoom-in-up.active {animation-name: grow2; animation-duration: 1.6s}
@keyframes grow2 {
    from { transform: translatey(3em)}/* 애니메이션 높이 */
    to { transform: translatey(0em)}
}
.div1_text div:nth-child(2).zoom-in-up.active {animation-name: grow3; animation-duration: 1.9s}
@keyframes grow3 {
    from { transform: translatey(4em)}/* 애니메이션 높이 */
    to { transform: translatey(0em)}
}
.div1_text div:nth-child(3) p:nth-child(1).zoom-in-up.active{animation-name: grow4; animation-duration: 2s}
@keyframes grow4 {
    from { transform: translatey(4em)}/* 애니메이션 높이 */
    to { transform: translatey(0em)}
}
.div1_text div:nth-child(3) p:nth-child(2).zoom-in-up.active {animation-name: grow4; animation-duration: 2.4s}
@keyframes grow4 {
    from { transform: translatey(4em)}/* 애니메이션 높이 */
    to { transform: translatey(0em)}
}
.div1_text div:nth-child(3) p:nth-child(3).zoom-in-up.active {animation-name: grow4; animation-duration: 2.8s}
@keyframes grow4 {
    from { transform: translatey(4em)}/* 애니메이션 높이 */
    to { transform: translatey(0em)}
}
.moment_div4_img1.zoom-in-up.active {font-weight: bold;line-height: 1; animation-name: grow5; animation-duration: 1s;/* 애니메이션 시간 */}
@keyframes grow5 {
    from { transform: translatex(3em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div4_img2.zoom-in-up.active {font-weight: bold;line-height: 1; animation-name: grow6; animation-duration: 1.5s;/* 애니메이션 시간 */}
@keyframes grow6 {
    from { transform: translatex(3em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.coin_div h1:first-child.zoom-in-up.active{animation-name: grow7; animation-duration: 2s;/* 애니메이션 시간 */}
@keyframes grow7 {
    from { transform: translatey(-0.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.coin_div b img.zoom-in-up.active{width:340px; animation-name: grow8; animation-duration: 2s;/* 애니메이션 시간 */}
@keyframes grow8 {
    from { transform: translatey(1.8em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2_target .target_margin p.zoom-in-up.active{animation-name: grow9-p1; animation-duration: 2s}
@keyframes grow9-p1 {
    from { transform: translatey(-0.8em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2_target .target_margin .moment_target_box div.zoom-in-up.active{animation-name: grow9-div1; animation-duration: 2s}
@keyframes grow9-div1 {
    from { transform: translatex(0.8em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2_target .target_margin .moment_target_box g.zoom-in-up.active{animation-name: grow9-g1; animation-duration: 1.5s}
@keyframes grow9-g1 {
    from { transform: translatey(0.8em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2_target .target_margin img.zoom-in-up.active{animation-name: grow9-img1; animation-duration: 1.7s}
@keyframes grow9-img1 {
    from { transform: translatey(2em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2_target .target_margin div p.zoom-in-up.active{animation-name: grow9-p1; animation-duration: 1.9s}
@keyframes grow9-p1 {
    from { transform: translatey(1em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2 h1.zoom-in-up.active{animation-name: grow9-h1; animation-duration: 2s}
@keyframes grow9-h1 {
    from { transform: translatey(-0.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2 li:nth-child(1).zoom-in-up.active{animation-name: grow9; animation-duration: 1s}
@keyframes grow9 {
    from { transform: translatey(2.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2 li:nth-child(1) h2.zoom-in-up.active{animation-name: grow9_1; animation-duration: 1.6s}
@keyframes grow9_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(1) p.zoom-in-up.active{animation-name: grow9_2; animation-duration: 2.2s}
@keyframes grow9_2 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(2).zoom-in-up.active{animation-name: grow10; animation-duration: 1.4s}
@keyframes grow10 {
    from { transform: translatey(2.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2 li:nth-child(2) h2.zoom-in-up.active{animation-name: grow10_1; animation-duration: 1.6s}
@keyframes grow10_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(2) p.zoom-in-up.active{animation-name: grow10_1; animation-duration: 2.2s}
@keyframes grow10_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(3).zoom-in-up.active{animation-name: grow11; animation-duration: 1.8s}
@keyframes grow11 {
    from { transform: translatey(2.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2 li:nth-child(3) h2.zoom-in-up.active{animation-name: grow11_1; animation-duration: 1.6s}
@keyframes grow11_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(3) p.zoom-in-up.active{animation-name: grow11_1; animation-duration: 2.2s}
@keyframes grow11_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(4).zoom-in-up.active{animation-name: grow12; animation-duration: 2.2s}
@keyframes grow12 {
    from { transform: translatey(2.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2 li:nth-child(4) h2.zoom-in-up.active{animation-name: grow12_1; animation-duration: 1.6s}
@keyframes grow12_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(4) p.zoom-in-up.active{animation-name: grow12_1; animation-duration: 2.2s}
@keyframes grow12_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(5).zoom-in-up.active{animation-name: grow13; animation-duration: 2s}
@keyframes grow13 {
    from { transform: translatey(2.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div2 li:nth-child(5) h2.zoom-in-up.active{animation-name: grow13_1; animation-duration: 1.6s}
@keyframes grow13_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div2 li:nth-child(5) p.zoom-in-up.active{animation-name: grow13_1; animation-duration: 2.2s}
@keyframes grow13_1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div4_tit h1.zoom-in-up.active{animation-name: grow14-h1; animation-duration: 1.5s}
@keyframes grow14-h1 {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div4_tit p.zoom-in-up.active{animation-name: grow14-p; animation-duration: 2s}
@keyframes grow14-p {
    from { transform: translatex(-2em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.moment_div5 .moment_div5_box h1.zoom-in-up.active{animation-name: grow15-h1; animation-duration: 2s}
@keyframes grow15-h1 {
    from { transform: translatey( -0.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div5 .moment_div5_box h2.zoom-in-up.active{animation-name: grow15-h2; animation-duration: 2s}
@keyframes grow15-h2 {
    from { transform: translatey( 0.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div5 .moment_div5_img img.zoom-in-up.active{animation-name: grow15-h2; animation-duration: 2s}
@keyframes grow15-h2 {
    from { transform: translatey( 1em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div5 .moment_div5_box p.zoom-in-up.active{animation-name: grow15-p1; animation-duration: 2s}
@keyframes grow15-p1 {
    from { transform: translatey( -0.8em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.moment_div5 .moment_div5_img p.zoom-in-up.active{animation-name: grow15-p1; animation-duration: 2s}
@keyframes grow15-p1 {
    from { transform: translatey( 0.8em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.not_allowed img{animation-name: grow16-img; animation-duration: 1s}
@keyframes grow16-img {
    from { transform: translatex( -5em)}/* 애니메이션 높이 */
    to { transform: translatex(0) }
}
.not_allowed h1{animation-name: grow16-h1; animation-duration: 2s}
@keyframes grow16-h1 {
    from { transform: translatey( -0.5em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}
.not_allowed p{animation-name: grow16-p; animation-duration: 2s}
@keyframes grow16-p {
    from { transform: translatey( -0.8em)}/* 애니메이션 높이 */
    to { transform: translatey(0) }
}