@keyframes slideInFade{0%{opacity:0;transform:translateX(-20px) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}.animate-slide-fade{animation:slideInFade .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{0%{transform:translateY(880px)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(880px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.8}}@keyframes fadeOut{0%{opacity:.8}to{opacity:0}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-down{animation:slideDown .5s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in{animation:fadeIn .5s ease-in-out forwards}.animate-fade-out{animation:fadeOut .5s ease-in-out forwards}.header{font-weight:700;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:50}.header-logo{left:50px}.header-logo,.header-menu{position:absolute;top:38px}.header-menu{right:50px;display:flex;align-items:center;gap:6px}.menu-button{border-radius:9999px;gap:2px;border:none}.menu-button,.page-nav{padding:0 20px;height:50px;background-color:#fff}.page-nav{display:flex;align-items:center;gap:8px;border-radius:9999px;font-weight:700}.page-input{width:64px;border:1px solid #b5b5b5;border-radius:4px;text-align:right;padding-right:15px;background-color:#f3f3f3}.page-button{background-color:#16a34a;color:#fff;padding:4px 12px;border-radius:9999px;font-size:14px;border:none}.main-container{position:relative;left:50%;transform:translateX(-50%);display:flex;justify-content:center;width:100%}.main-wrapper{position:relative;width:100%;max-width:1920px;min-width:1728px;max-height:1080px;min-height:980px;height:100vh;overflow:hidden}.menu-new-icon{width:auto;height:auto}.pagination{position:absolute;left:50px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:50}.pagination-arrow{width:40px;height:40px;cursor:pointer;border:none;background:transparent}.pagination-dots{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.pagination-dot{width:8px;height:8px;border-radius:50%;border:2px solid rgba(0,0,0,.3);background:transparent;cursor:pointer;padding:0}.pagination-dot.active{background:#000;border:none}.pagination-tooltip{position:absolute;right:-15px;top:50%;transform:translateX(100%)}.tooltip-content{position:relative;background:#000;color:#fff;padding:8px 16px;border-radius:20px;white-space:nowrap}.tooltip-arrow{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #000}.pagination-arrow-button{width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer}.pagination-arrow{width:100%;height:100%;border:1px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chevron{content:"";display:inline-block;height:10px;width:10px;position:relative;transform:rotate(-45deg);transition:border-color .3s ease;border-color:#000;border-style:solid;border-width:2px 2px 0 0}.pagination-arrow.up .chevron{top:2px}.pagination-arrow.down .chevron{transform:rotate(135deg);top:-2px}.pagination-arrow-button:hover .pagination-arrow{background-color:#000}.pagination-arrow-button:hover .chevron{border-color:#fff}.swiper-slide{position:relative;overflow:hidden}.main-swiper{position:absolute!important;inset:0;width:100%;height:100%}.main-slide{height:100%!important;position:relative;z-index:10}.slide-inner{width:100%;height:100%;position:relative;overflow:hidden}.slide-inner>div:first-child{position:absolute;inset:0;z-index:-1}.slide-inner canvas{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-color:#fef3a4}.lesson-wrapper{position:absolute;top:200px;left:960px;width:800px;font-weight:700}.lesson-tag{font-size:26px;font-style:normal;line-height:40px;height:50px;background-color:#000;border-radius:9999px;padding:10px 30px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.lesson-tag,.lesson-title{font-weight:900;color:#fff}.lesson-title{font-family:var(--font-alegreya);font-size:94px;margin-bottom:32px;text-shadow:0 8px 0 #000;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#000;line-height:104px;letter-spacing:3.76px;white-space:pre-line}.lesson-contents{display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px}.lesson-column{display:flex;flex-direction:column;gap:12px}.lesson-item{width:-moz-fit-content;width:fit-content;border-radius:10px;background:hsla(0,0%,100%,.7);padding:10px 35px 10px 20px}.lesson-item button{width:100%;text-align:left;transition:color .3s;font-size:23px;font-weight:500;position:relative}.lesson-item button:after{content:"›";position:absolute;right:-24px;top:50%;transform:translateY(-50%);font-size:24px;color:#000}.lesson-item button:hover:after{color:#16a34a}.lesson-item h3{margin:0;line-height:1.4}.lesson-divider{height:1px;background-color:rgba(0,0,0,.1)}.project-button{display:flex;align-items:center;gap:12px;margin-top:30px;padding:0;background-color:transparent;border:none;cursor:pointer}.project-button-title{border-radius:50px;background:#cb9d14;color:#fff;font-weight:900;font-size:24px;padding:10px 28px;justify-content:center;align-items:center;gap:10px}.project-button-description{color:#000;font-size:20px;font-weight:700;margin-left:8px;display:flex;align-items:center}.lesson-menu{display:flex;flex-direction:column;gap:10px}.lesson-menu-button{font-family:var(--font-rubik);font-weight:500;font-size:24px;text-align:left;border-radius:20px;background-color:#f5f2e9;border:none;cursor:pointer;transition:all .3s ease;color:#452a2a;padding:24px 50px}.lesson-menu-button.active{background-color:#16a34a;color:#fff}.menu-swiper-container{flex:1;overflow:hidden}.menu-swiper{width:100%;height:100%}.menu-slide{animation:fadeIn .5s ease-in-out forwards;font-weight:700}.menu-slide-title{font-family:var(--font-rubik);font-size:54px;font-weight:900;margin-top:30px;margin-bottom:40px;line-height:35px}.menu-slide-contents{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 100px}.menu-content-item{width:100%}.menu-content-button{width:100%;text-align:left;transition:color .3s}.menu-content-button:hover{color:#16a34a}.menu-content-title{font-family:Pretendard;font-size:22px;font-weight:600;line-height:50px;margin-top:5px;margin-bottom:15px}.menu-content-divider{height:1px;border-bottom:1px dashed rgba(0,0,0,.1);background-color:transparent}.menu-project-button{display:flex;align-items:center;gap:12px;margin-top:40px;padding:0;background-color:transparent;border:none;cursor:pointer;transition:all .3s ease}.menu-project-title{border-radius:50px;background:#cb9d14;color:#fff;font-weight:900;padding:12px 32px;justify-content:center;gap:15px}.menu-project-description,.menu-project-title{font-size:24px;display:flex;align-items:center}.menu-project-description{color:#000;font-weight:700;line-height:20px;margin-left:8px}.menu-project-button:hover .menu-project-description{color:#16a34a}.menu-close-button{position:absolute;top:50px;right:50px;z-index:102;cursor:pointer;background:transparent;border:none;transition:transform .3s ease}.menu-close-button:hover{transform:rotate(90deg)}.menu-close-button img{width:70px;height:70px}.menu-overlay{position:absolute;inset:0;z-index:100;background-color:#000}.menu-container{position:absolute;inset-x:0;bottom:0;z-index:101;background-color:#fff;height:950px;width:100%;max-width:1920px;min-width:1728px;margin:0 auto;transform:translateX(-50%);border-radius:50px 50px 0 0}.menu-inner{padding-top:110px;display:flex;justify-content:center}.menu-content{width:1200px;display:flex;gap:100px}.all-menu-button{font-size:20px;font-style:normal;font-weight:700;line-height:20px;height:70px;border-radius:9999px;background-color:#000;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;padding:16px 30px}.all-menu-button-container{position:absolute;bottom:50px;right:50px;display:flex;align-items:center;gap:16px;z-index:50}.menu-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:2px solid #fff;border-radius:50px;background:#fff;cursor:pointer;transition:all .3s ease}.menu-button:hover{background-color:#ffff29;border-color:#008e3d}.menu-button span{font-size:16px;font-weight:600;line-height:normal;display:inline-block;vertical-align:middle}.menu-button img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.menu-button.use-full-image img{width:auto;height:auto}