﻿@charset "UTF-8";

/* 복원라이브 티저 모바일 20240403 */
.restoreLive * { font-family:Pretendard, sans-serif; color:#000; box-sizing:border-box; }
.restoreLive img { vertical-align:top; width:100%; }
.restoreLive .topImg { position:relative; margin-top:55px; }
.restoreLive .topImg span  { position:absolute; display:block; left:42vw; bottom:33.8889vw; width:19.4444vw; animation:fadeIn .8s infinite ease-in-out; }
.restoreLive .aside { position:fixed; bottom:0; width:100%; bottom:0; z-index:101; }
.restoreLive .youtube_link { position:relative;  }
.restoreLive .btn_link { width:88.2vw; position:absolute; left:5.9vw; bottom:16.1389vw; display:block; border-radius:8px; color:#fff; text-align:center; height:15vw; line-height:15vw; background:#000278; font-size:6vw; font-weight:bold; padding-right:6vw; }
.restoreLive .btn_link:after { position:absolute; top:3.8vw;content:""; display:inline-block; width:6.9444vw; height:6.9444vw; background:url(images/btn_bullet.png) no-repeat; background-size:6.9444vw auto; margin-left:8px; }
.restoreLive .slide_section { position:relative; padding:55vw 0 16vw}
.restoreLive .slide_section.slide02 { padding:0vw 0 16vw;}
.restoreLive .slide_section p { position:absolute; top:0; left:0; }
.restoreLive .slide_section .swiper_01,.restoreLive .slide_section .swiper_02 { width:67.59vw; margin:0 auto; overflow:hidden;}
.restoreLive .swiper-button-prev, .restoreLive .swiper-button-next { width:35px; height:35px; text-indent:-9999px; overflow:hidden; top:80vw; }
.restoreLive .swiper-button-prev { background:url(images/control_L.png) no-repeat; background-size:100% auto; }
.restoreLive .swiper-button-next { background:url(images/control_R.png) no-repeat;background-size:100% auto; }
.restoreLive .upSlide { position:relative; background:#000278 url(images/upSlide.png) no-repeat;background-size:100% auto; height:130vw; }
.restoreLive .upSlide > div { position:absolute; bottom:42vw; width:85%; height:33vw; left:6.9444vw; z-index:100; overflow:hidden; }
.restoreLive .upSlide li { animation:rolling 20s linear infinite; }
.apply_section { background:#000278; padding-bottom:12vw;  }
.apply_section li { position:relative; display:block; width:100%; height:44.4444vw;}
.apply_section li a { position:absolute; display:block; left:10vw; top:21vw; width:80vw; display:block; border-radius:8px; color:#fff; text-align:center; height:14vw; line-height:14vw; background:#000278; font-size:6vw; font-weight:bold; padding-right:6vw; }
.apply_section li a:after { position:absolute; top:3.4vw;content:""; display:inline-block; width:6.9444vw; height:6.9444vw; background:url(images/btn_bullet.png) no-repeat; background-size:6.9444vw auto; margin-left:8px; }
.apply_section li:first-child { background:url(images/apply01.png) no-repeat; background-size:100% auto; }
.apply_section li:nth-child(2) { background:url(images/apply02.png) no-repeat; background-size:100% auto; }
.apply_section li:nth-child(3) { background:url(images/apply03.png) no-repeat; background-size:100% auto; }
.apply_section li:nth-child(4) a,.apply_section li:nth-child(5) a { background:#d20062; }
.apply_section li:nth-child(4) { background:url(images/apply04.png) no-repeat; background-size:100% auto; }
.apply_section li:nth-child(5) { background:url(images/apply05.png) no-repeat; background-size:100% auto; }
.apply_section li a.apply_end { background:#7f7f7f; }

.restoreLive .swiper_02 .swiper-button-prev, .restoreLive .swiper_02 .swiper-button-next { top:60vw; }

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
    100% {
		opacity:1;
	}
}

@keyframes rolling {
    100% {
        transform: translateY(-200%);
    }
}

/* 모바일 푸터 간격 조절 */
@media (max-width: 895px){
.footerMo {
    display: block;
    padding-bottom: 70px;
	background:#2e2b36
}
}