@charset "utf-8";
/* animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; */

.main .main-title-div .en{ overflow: hidden; position: relative; }
.main .main-title-div .en .text{ opacity: 0; }
.main .on .main-title-div .en .text{ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }

.main .main-title-div .ko{ overflow: hidden; position: relative; }
.main .main-title-div .ko .text{ opacity: 0; }
.main .on .main-title-div .ko .text{ animation: fadeIn 0.5s ease-in-out 0.1s 1 forwards running; }

.main .about-section .content-div{ opacity: 0; }
.main .about-section.on .content-div{ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .category-section .item-list-box{ opacity: 0; }
.main .category-section.on .item-list-box{ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .step-section .item-div{ opacity: 0; }
.main .step-section.on .item-div{ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .youtube-section .youtube-div{ opacity: 0; }
.main .youtube-section.on .youtube-div{ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .min-btn-div{ opacity: 0; }
.main .on .min-btn-div{ animation: fadeIn 0.5s ease-in-out 0.3s 1 forwards running; }

.main .apply-section .white-bg-div{ opacity: 0; }
.main .apply-section.on .white-bg-div{ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .location-section .info-div .inner{ opacity: 0; }
.main .location-section.on .info-div .inner{ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

@keyframes fadeIn {
    0% {transform: translate3d(0px, 30px, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDown {
    0% {transform: translate3d(0px, -30px, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRight {
    0% { opacity: 0; transform: translate3d(30px, 0, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translate3d(-30px, 0, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}