.section-intro{position:relative;border:none;height:auto}.intro-bg{position:absolute;top:0;left:0;width:100%;height:50%;overflow:hidden;padding-top:56px}.intro-bg img{width:100%;height:100%;object-fit:cover}.intro-bg iframe{width:100%}.intro{display:flex;position:sticky;top:0;width:100%;height:100vh;height:calc(var(--vh, 1dvh) * 100);z-index:56;gap:20px;flex-direction:column;justify-content:center;align-items:center;color:#f5f5f5;text-align:center}.intro .intro-img{display:flex;width:100%;max-width:350px;padding-top:0;align-items:center;justify-content:center}.intro .intro-img .pc{display:none}.intro .intro-img .mb{display:block}.intro .intro-img img{height:100%;max-height:550px}.intro .intro-img .txt{position:absolute;bottom:46%;left:50%;transform:translate(-50%);white-space:nowrap}.intro .intro-img .pc.intro-logo{position:relative;height:100%;max-height:550px}.intro .intro-img .pc.intro-logo .l1{height:100%;max-height:550px}.intro .intro-img .pc.intro-logo .l2{height:22%;position:absolute;left:0%;bottom:14%;animation:moveToTopRight 3s infinite forwards ease-in-out}.intro .intro-img .mb.intro-logo{position:relative}.intro .intro-img .mb.intro-logo .l1{width:100%}.intro .intro-img .mb.intro-logo .l2{width:35%;height:auto;position:absolute;left:0;bottom:16%;animation:moveToTopRight 4s infinite forwards ease-in-out}@keyframes moveToTopRight{0%{opacity:0;transform:translate(-50%,50%)}10%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.intro .intro-info{width:90%;max-width:700px;padding:25px 10px;border-top:1px dashed rgba(217,217,217,.3137254902);border-bottom:1px dashed rgba(217,217,217,.3137254902)}.intro .intro-info p{max-width:620px;color:#f7f7f7;font-size:16px;font-weight:300;font-family:Pretendard;line-height:1.5;text-align:justify}.intro .intro-series{display:flex;gap:22px;margin-top:2%}.intro .intro-series a{transition:background-color .3s ease}.intro .intro-series a:hover{background-color:#414141af}.intro .intro-series .series{cursor:pointer;width:240px;padding:10px 15px;border:1px solid #ffffff;border-bottom:5px solid #ffffff;font-family:Pretendard;font-size:16px;font-weight:400;line-height:1.5;text-align:left;display:flex;align-items:center;justify-content:space-between}.intro .intro-series .series:last-child{pointer-events:none}.intro .intro-series .series:after{content:"";position:relative;background-image:url(../img/icon/icon-arrow.svg);background-size:10px;background-repeat:no-repeat;background-position:center;width:10px;height:10px;display:inline-block;margin-left:5px}.intro h1{color:inherit;font-size:32px;font-weight:700}.intro h2{margin-bottom:4px;color:inherit;font-size:20px;font-weight:400;line-height:normal}.intro .intro-img,.intro .scroll-icon,.intro:before,.intro:after{opacity:0;animation-name:showTitle;animation-duration:2s;animation-delay:.5s;animation-iteration-count:1;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes scrollAni{0%{top:24px}50%{top:28px}to{top:24px}}@keyframes showTitle{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}.scroll-icon{position:relative;font-family:Pretendard;font-size:16px;font-weight:400;white-space:nowrap;margin-top:auto;z-index:60;cursor:pointer}.scroll-icon:after{content:"";position:absolute;top:28px;left:50%;transform:translate(-50%);width:22px;height:21px;background-image:url(../img/icon/icon-scrolldown.svg);background-size:22px 21px;animation-name:scrollAni;animation-duration:1.5s;animation-iteration-count:infinite;animation-direction:normal;animation-timing-function:ease-in}.scroll-icon img{display:none}.scrollEvent.jsbox{height:30px}.mainPage{display:flex;flex-direction:column;text-align:center}@media (min-width: 768px){.intro-bg{display:flex;justify-content:center;align-items:center;padding-top:60px}.intro{height:100vh;height:calc(var(--vh, 1dvh) * 100)}.intro .intro-img{position:relative;height:auto;max-width:700px;padding-top:0;padding-bottom:0;height:50%}.intro .intro-img .pc{display:block}.intro .intro-img .mb{display:none}.intro .intro-img .txt{bottom:23%}.intro .intro-img h1{font-size:42px}.intro .intro-img h2{margin-bottom:8px;font-size:24px}.intro .intro-info{padding:26px 30px}.intro .scroll-icon{bottom:10%;width:24px;height:40px}.intro .scroll-icon img{display:none}.intro:before{height:8%}}@media (max-width: 768px){.intro .intro-info{padding:20px 14px}.intro .intro-info p{font-size:14px;line-height:1.7}.intro .intro-series{margin-top:0}.intro .intro-series .series,.scroll-icon{font-size:14px}}