html,body{height:100%;overflow:hidden}.mainPage{height:100%}.section-intro{height:100%;position:relative;border:none;background-color:#000;background-image:url(../img/background.png);background-size:cover;background-position:center}.intro{height:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:60px 0;transition:all .3s ease-in-out}.intro .intro-title{width:45%;max-width:400px}.intro .intro-title img{display:block;width:100%}.intro .intro-dday{font-family:Pretendard;font-size:42px;font-weight:100;text-align:center;color:#d4c7ff}.intro .intro-info{padding:10px 0;width:100%;max-width:800px}.intro .intro-info p{color:#f7f7f7;font-size:16px;font-weight:300;font-family:Pretendard;line-height:1.5;text-align:left}.intro .intro-series{display:flex;flex-direction:row;gap:14px;width:100%}.intro .intro-series .series-item{width:33.3333%}.intro .intro-series .series-item:last-child{pointer-events:none}.intro .intro-series .series-item:last-child .item-btn:after{display:none}.intro .intro-series .series-item a{display:block;width:100%;display:flex;flex-direction:column;gap:20px}.intro .intro-series .series-item .item-img{width:100%;border-radius:3px;border:1px solid #000000;overflow:hidden}.intro .intro-series .series-item .item-img:hover img{transform:scale(1.1)}.intro .intro-series .series-item .item-img img{display:block;width:100%;transition:transform .3s ease-in-out}.intro .intro-series .series-item .item-btn{width:100%;padding:10px 0;background-color:#252525;color:#fff;font-size:16px;font-weight:400;font-family:Pretendard;line-height:1.5;text-align:center;border-radius:3px;border:1px solid #000000;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}.intro .intro-series .series-item .item-btn:hover{background-color:#333}.intro .intro-series .series-item .item-btn:hover:after{animation-name:scrollAni;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:nomal;animation-timing-function:ease-in}@keyframes scrollAni{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}.intro .intro-series .series-item .item-btn:after{content:"";position:relative;background-image:url(../img/icon/icon-arrow-right.svg);background-size:16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;margin-left:8px}@media (max-height: 1000px){.intro{max-width:800px}}@media (max-height: 900px){.intro{max-width:600px}}@media (max-width: 768px){.intro{width:80%;gap:5px;padding-top:56px}.intro .intro-info{width:100%}.intro .intro-title{width:60%}.intro .intro-dday{font-size:28px}.intro .intro-info{width:100%;padding:10px 0}.intro .intro-info p{font-size:14px}.intro .intro-series{width:100%;flex-direction:unset;flex-wrap:wrap;gap:10px}.intro .intro-series .series-item{width:calc(50% - 5px)}.intro .intro-series .series-item a{gap:10px}.intro .intro-series .series-item .item-btn{padding:5px 0;font-size:14px}.intro .intro-series .series-item .item-btn:after{background-size:10px;width:10px;height:10px;margin-left:5px}.intro .intro-series .series-item:last-child{width:100%}.intro .intro-series .series-item:last-child .item-img{aspect-ratio:3;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#111}.intro .intro-series .series-item:last-child .item-img img{width:60%}.intro .scroll-icon{width:90%;position:unset;bottom:unset;left:unset;transform:unset;margin-top:20px;font-size:14px}.intro .scroll-icon:after{content:"";width:22px;height:21px;background-image:url(../img/icon/icon-scrolldown.svg);background-size:22px 21px}}