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

/* mianVisual 애니메이션 */
/* img.mainPhone{ animation: float 2s ease-in-out .1s infinite; } */

/* 인트로 애니메이션 */
.intro .titleContainer { opacity: 0;}
.intro.on .titleContainer { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }
.intro .introContainer {opacity: 0;}
.intro.on .introContainer {animation: fadeIn 0.7s ease-in-out .1s 1 forwards running;}
.intro .videoBox {opacity: 0;}
.intro.on .videoBox {animation: fadeIn 0.7s ease-in-out .1s 1 forwards running; animation-delay: 0.3s;}

/* 원데이 애니메이션 */
.one .inner { opacity: 0;}
.one.on .inner { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }

/* 낫원데이 애니메이션 */
.notOne .titleContainer { opacity: 0;}
.notOne.on .titleContainer { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }
.notOne li.packageList { opacity: 0;}
.notOne.on li.packageList:nth-last-child(1) { animation: fadeIn 0.7s ease-in-out .1s 1 forwards running; }
.notOne.on li.packageList:nth-last-child(2) { animation: fadeIn 0.7s ease-in-out .1s 1 forwards running; }
.notOne.on li.packageList:nth-last-child(3) { animation: fadeIn 0.7s ease-in-out .1s 1 forwards running; }

/* 명예의전당 애니메이션 */
.hall .titleContainer { opacity: 0;}
.hall.on .titleContainer { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }
.hall .hallBox {opacity: 0;}
.hall.on .hallBox {animation: fadeIn 0.8s ease-in-out .2s 1 forwards running;}

/* 갤러리 애니메이션 */
.gallery .titleContainer { opacity: 0;}
.gallery.on .titleContainer { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }
.gallery li.galleryList { opacity: 0;}
.gallery.on li.galleryList:nth-child(1) { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.gallery.on li.galleryList:nth-child(2) { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.gallery.on li.galleryList:nth-child(3) { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.gallery.on li.galleryList:nth-child(4) { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.gallery.on li.galleryList:nth-child(5) { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.gallery.on li.galleryList:nth-child(6) { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }

/* 리뷰 애니메이션 */
.reviewarti .inner { opacity: 0;}
.reviewarti.on .inner { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }



/* 세부포유 애니메이션 */
.contentArti.bg1 .inner { opacity: 0;}
.contentArti.bg1.on .inner { animation: fadeIn 0.6s ease-in-out .2s 1 forwards running; }

.contentArti.bg2 .halfBox li { opacity: 0;}
.contentArti.bg2.on .halfBox li:nth-of-type(1) { animation: fadeIn 0.6s ease-in-out .2s 1 forwards running; }
.contentArti.bg2.on .halfBox li:nth-of-type(2) { animation: fadeIn 0.6s ease-in-out .2s 1 forwards running; }
.contentArti.bg2.on .halfBox li:nth-of-type(3) { animation: fadeIn 0.6s ease-in-out .3s 1 forwards running; }
.contentArti.bg2.on .halfBox li:nth-of-type(4) { animation: fadeIn 0.6s ease-in-out .3s 1 forwards running; }

/* sub menu2 원데이투어 애니메이션 */
.produceArti .inner { opacity: 0;}
.produceArti.on .inner { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }


.keypointArti .item { opacity: 0;}
.keypointArti.on .item { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }
.keypointArti .imgBox { opacity: 0;}
.keypointArti.on .imgBox { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }


.scheduleArti ul.itemList { opacity: 0;}
.scheduleArti.on ul.itemList  { animation: fadeIn 0.6s ease-in-out .1s 1 forwards running; }

.includeArti .imgBox { opacity: 0;}
.includeArti.on .imgBox  { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.includeArti .itemList li { opacity: 0;}
.includeArti.on .itemList li:nth-of-type(1)  { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.includeArti.on .itemList li:nth-of-type(2)  { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.includeArti.on .itemList li:nth-of-type(3)  { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.includeArti.on .itemList li:nth-of-type(4)  { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.includeArti.on .itemList li:nth-of-type(5)  { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.includeArti.on .itemList li:nth-of-type(6)  { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }

.priceArti .commonTitle { opacity: 0;}
.priceArti.on .commonTitle  { animation: fadeIn 0.6s ease-in-out .2s 1 forwards running; }
.priceArti .subTitle { opacity: 0;}
.priceArti.on .subTitle  { animation: fadeIn 0.6s ease-in-out .2s 1 forwards running; }
.priceArti .priceList { opacity: 0;}
.priceArti.on .priceList  { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }
.priceArti .itemList li { opacity: 0;}
.priceArti.on .itemList li { animation: fadeIn 0.7s ease-in-out .2s 1 forwards running; }



/*  */
@keyframes fadeIn {
    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); }
}

@keyframes scale {
    0% { opacity: 0; transform: scale(.2); }
    100% { opacity: 1; transform: scale(1); }
}

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

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}