@import "main.css";.welcome{background-image:url(../images/welcome-bg.webp);background-position:50%;background-size:cover;height:100dvh}.welcome .contents{backdrop-filter:blur(5px);flex-direction:row;justify-content:center;align-items:center;height:100%;padding:100px 8% 0;display:flex;width:100%!important}.welcome .texts{flex-direction:column;align-items:flex-start;row-gap:45px;width:50%;display:flex}.welcome .texts h2{opacity:0;font-size:2.8rem;transform:translate(200px)}.welcome .texts p{opacity:0;font-size:1.2rem;font-weight:600;transform:translate(200px)}.welcome .texts ul{flex-direction:column;align-items:flex-start;row-gap:10px;margin-bottom:20px;display:flex}.welcome .texts ul li{opacity:0;padding-right:20px;font-size:1.1rem;position:relative;transform:translate(200px)}.welcome .texts ul li:before{content:"";background-color:var(--color-secondary-700);outline:1px solid var(--color-secondary-500);outline-offset:2px;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.welcome .texts .buttons{flex-direction:row;align-items:center;column-gap:10px;display:flex}.welcome .texts .buttons a{opacity:0;border-radius:8px;font-size:1.1rem;transform:scale(0)}.welcome .texts .buttons a:first-child{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);padding:8px 35px;transition:all .2s}.welcome .texts .buttons a:first-child:hover{background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-border);transition:all .2s}.welcome .texts .buttons a:first-child:active{background-color:var(--btn-primary-active-bg)}.welcome .image{justify-content:center;align-items:center;height:100%;display:flex}.welcome .image img{object-fit:cover;border:3px solid var(--color-primary-700);border-radius:12px;width:350px;height:450px}.slider-section{padding:50px 10%}.slider-section .js-slider{aspect-ratio:16/9;direction:rtl;border-radius:14px;width:100%;max-width:1100px;margin:0 auto;position:relative;overflow:hidden}.slider-section .js-slider__viewport{width:100%;overflow:hidden}.slider-section .js-slider__track{will-change:transform;transition:transform .35s;display:flex}.slider-section .js-slider__slide{flex:0 0 100%;position:relative}.slider-section .js-slider__slide img{object-fit:cover;width:100%;height:100%;display:block}.slider-section .js-slider__arrow{color:#111;cursor:pointer;z-index:3;background:#ffffffbf;border:none;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slider-section .js-slider__arrow:hover{background:#ffffffeb}.slider-section .js-slider__arrow--prev{left:12px}.slider-section .js-slider__arrow--next{right:12px}.slider-section .js-slider__arrow--prev:after{content:"❯"}.slider-section .js-slider__arrow--next:after{content:"❮"}.slider-section .js-slider__dots{z-index:3;justify-content:center;gap:8px;display:flex;position:absolute;bottom:10px;left:0;right:0}.slider-section .js-slider__dot{cursor:pointer;background:#ffffff8c;border:none;border-radius:999px;width:8px;height:8px}.slider-section .js-slider__dot.is-active{background:#fffffff2;width:18px}.posters{flex-direction:row;justify-content:center;align-items:center;column-gap:20px;width:100%;padding:50px 0;display:flex}.posters img{border:3px solid var(--border-active);opacity:0;border-radius:12px;width:20%;transform:scale(0)}.top-students{flex-direction:column;row-gap:20px;width:100%;padding:50px 10%;display:flex}.top-students .header{flex-direction:row;align-items:center;width:100%;display:flex}.top-students .header img{width:80px;transform:rotateY(180deg)}.top-students .header h2{font-size:1.5rem}.top-students .header a{margin-right:auto}.top-students ul{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding:30px;display:flex;position:relative}.top-students ul:before{content:"";border-top:2px solid var(--color-primary-200);border-right:2px solid var(--color-primary-200);width:80px;height:80px;position:absolute;top:0;right:0}.top-students ul:after{content:"";border-bottom:2px solid var(--color-primary-200);border-left:2px solid var(--color-primary-200);width:500px;height:200px;position:absolute;bottom:0;left:0}.top-students ul li{background-color:var(--bg-box);width:calc(25% - 20px);box-shadow:var(--shadow-modal);border-radius:8px;flex-direction:column;align-items:center;row-gap:10px;padding-bottom:20px;display:flex;overflow:hidden}.top-students ul li img{aspect-ratio:16/9;width:100%}.top-students ul li h3{font-size:1.3rem}.top-students ul li p{font-size:.9rem}.about-section{background-image:url(../images/about-section.webp);background-position:50%;background-size:cover;width:100%;height:700px;overflow:hidden}.about-section .contents{backdrop-filter:blur(8px);flex-direction:row;justify-content:center;align-items:center;column-gap:50px;width:100%;height:100%;padding:50px 10%;display:flex}.about-section .video{width:50%}.about-section .video video{aspect-ratio:16/9;border-radius:12px;width:100%;overflow:hidden}.about-section .texts{flex-direction:column;row-gap:20px;width:50%;display:flex}.about-section .texts h2,.about-section .texts h2 span{font-size:2rem;font-family:var(--font-black),serif;opacity:0;transform:translate(-200px)}.about-section .texts h2.show,.about-section .texts h2.show span{opacity:1;animation:.4s ease-in-out come-from-left;transform:translate(0)}.about-section .texts h2 span{position:relative}.about-section .texts h2 span:before{content:"";background-color:var(--color-primary-200);z-index:-1;width:105%;height:60%;position:absolute;top:15px;left:50%;transform:skew(-5deg)translate(-50%)}.about-section .texts p{text-align:justify;opacity:0;line-height:2;transform:translate(-200px)}.about-section .texts p.show{opacity:1;animation:.5s ease-in-out come-from-left;transform:translate(0)}.about-section .texts a{background-color:var(--btn-outline-bg);width:fit-content;color:var(--btn-outline-text);border:1px solid var(--btn-outline-border);opacity:0;border-radius:8px;margin-top:30px;padding:8px 15px;transition:all .2s ease-in-out;transform:translate(-200px)}.about-section .texts a.show{opacity:1;animation:.5s ease-in-out come-from-left;transform:translate(0)}.about-section .texts a:hover{background-color:var(--btn-outline-active-bg);color:var(--btn-outline-hover-text);border-color:var(--btn-outline-hover-border);transition:all .2s ease-in-out}.services{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:50px 20%;display:flex}.services .service{background-color:var(--bg-box);border:1px solid var(--color-primary-300);opacity:0;border-radius:12px;flex-direction:column;align-items:center;row-gap:20px;width:calc(25% - 20px);padding:20px;display:flex}.services .service.show{opacity:1;animation:.5s pop;transform:scale(1)}.services .service .icon{background-color:var(--color-primary-100);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.services .service .icon img{width:65%}.services .service h4{font-family:var(--font-regular),serif;color:var(--text-secondary);font-weight:600}.achievements{flex-direction:row;justify-content:flex-end;align-items:center;padding:50px 5%;display:flex;position:relative;overflow:hidden}.achievements>img{aspect-ratio:1;object-fit:cover;border:2px solid var(--border-active);outline:2px solid var(--border-active);outline-offset:4px;z-index:-1;border-radius:50%;width:60%;position:absolute;top:50%;right:-200px;transform:rotateY(180deg)translateY(-50%)}.achievements .contents{flex-direction:column;align-items:center;row-gap:30px;width:40%;display:flex;transform:translate(100px)}.achievements .contents h2{opacity:0;font-size:2rem}.achievements .contents h2.show{opacity:1;animation:.4s pop}.achievements .contents>p{text-align:center;opacity:0;font-size:1.1rem;line-height:2}.achievements .contents>p.show{opacity:1;animation:.4s pop}.achievements .contents .reports{flex-direction:column;align-items:center;row-gap:10px;width:100%;display:flex}.achievements .contents .reports .report-box{background-color:var(--bg-box);border:1px solid var(--border-strong);opacity:0;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px 30px;display:flex}.achievements .contents .reports .report-box:nth-child(odd){transform:translate(-200px)}.achievements .contents .reports .report-box:nth-child(2n){transform:translate(200px)}.achievements .contents .reports .report-box.show:nth-child(odd){opacity:1;animation:.4s ease-in-out come-from-left;transform:translate(0)}.achievements .contents .reports .report-box.show:nth-child(2n){opacity:1;animation:.4s ease-in-out come-from-right;transform:translate(0)}.achievements .contents .reports .report-box:nth-child(odd){flex-direction:row-reverse}.achievements .contents .reports .report-box img{width:180px}.achievements .contents .reports .report-box .texts{flex-direction:column;align-items:center;row-gap:20px;width:50%;display:flex}.achievements .contents .reports .report-box .texts h3{font-size:1.3rem;font-family:var(--font-regular),serif;font-weight:600}.achievements .contents .reports .report-box .texts .row{flex-direction:row;align-items:center;column-gap:10px;display:flex}.achievements .contents .reports .report-box .texts p{font-size:1.8rem;font-family:var(--font-black),serif}.groups-section{background-image:url(../images/groups.webp);background-position:50%;background-size:cover}.groups-section .contents{backdrop-filter:blur(2px);flex-direction:column;align-items:center;row-gap:40px;padding:50px 10%;display:flex}.groups-section .title{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.groups-section .title h2{font-size:2rem}.groups-section .title .line{background-color:var(--border-default);z-index:-1;border-radius:2px 0 0 2px;width:42%;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.groups-section .title .line:before{content:"";background-color:var(--border-default);width:8px;height:8px;position:absolute;top:50%;transform:rotate(45deg)translateY(-70%)}.groups-section .title .line:after{content:"";background-color:var(--border-default);width:12px;height:12px;position:absolute;top:50%;transform:rotate(45deg)translateY(-70%)}.groups-section .title .line-left{left:0}.groups-section .title .line:before{left:98%}.groups-section .title .line:after{left:94%}.groups-section .title .line-right{right:0;transform:translateY(-50%)rotateY(180deg)}.groups-section .groups{flex-flow:wrap;justify-content:space-between;align-items:flex-start;row-gap:50px;width:100%;display:flex}.groups-section .groups .group-box{background-image:linear-gradient(0deg,var(--color-primary-100),var(--color-primary-200));width:calc(33.3333% - 40px);box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;align-items:center;row-gap:20px;padding:40px;display:flex}.groups-section .groups .group-box .icon{background-color:var(--btn-disabled-bg);border:2px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.groups-section .groups .group-box .icon img{width:60%}.groups-section .groups .group-box h3{font-size:1.5rem}.groups-section .groups .group-box a{text-align:center;background-color:var(--btn-primary-bg);width:100%;color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);border-radius:8px;padding:10px;transition:all .2s ease-in-out}.groups-section .groups .group-box a:hover{background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-border);transition:all .2s ease-in-out}@media only screen and (width<1280px){.welcome .contents{padding:120px 3% 50px}.top-students{padding:50px 3%}.about-section .texts h2,.about-section .texts h2 span{font-size:1.5rem}.services{padding:50px 10%}.achievements .contents{width:50%}.achievements .contents .reports .report-box img{width:150px}.groups-section .contents{padding:50px 5%}.groups-section .title .line{width:40%}.groups-section .groups{row-gap:30px}.groups-section .groups .group-box{width:calc(33.3333% - 20px)}}@media only screen and (width<885px){.welcome{height:fit-content}.welcome .contents{flex-direction:column;align-items:center}.welcome .texts{align-items:center;row-gap:30px;width:100%;margin-bottom:40px}.welcome .texts ul{flex-direction:row;justify-content:center;column-gap:10px;width:100%}.welcome .texts ul li{background-color:var(--color-primary-500);text-align:center;color:var(--color-primary-50);border-radius:8px;padding:8px 15px}.welcome .texts ul li:before{display:none}.welcome .image{width:100%}.slider-section .js-slider__arrow--next,.slider-section .js-slider__arrow--prev{display:none}.posters{flex-wrap:wrap;gap:20px}.posters img{width:40%}.top-students ul{flex-wrap:wrap;gap:30px}.top-students ul li{width:calc(50% - 20px)}.about-section{height:fit-content}.about-section .contents{flex-direction:column-reverse;row-gap:40px}.about-section .texts,.about-section .video{width:100%}.services{flex-wrap:wrap;gap:30px;padding:50px 20%}.services .service{width:calc(50% - 20px)}.achievements>img{display:none}.achievements{flex-direction:column;align-items:center;padding:50px 3%}.achievements .contents{width:98%;transform:none}.achievements .contents .reports{flex-direction:row;column-gap:10px}.achievements .contents .reports .report-box{row-gap:20px;width:calc(33.3333% - 10px);padding:15px;flex-direction:column!important}.achievements .contents .reports .report-box img{width:100px}.achievements .contents .reports .report-box .texts{row-gap:10px;width:100%}.achievements .contents .reports .report-box .texts h3{font-size:1.2rem}.achievements .contents .reports .report-box .texts p{font-size:1.5rem}.groups-section .title .line{display:none}.groups-section .groups{row-gap:10px}.groups-section .groups .group-box{width:calc(33.3333% - 10px);padding:20px}.groups-section .groups .group-box h3{font-size:1.4rem}}@media only screen and (width<640px){.welcome .texts h2{font-size:2.2rem}.welcome .texts p{font-size:1rem}.welcome .texts ul{flex-wrap:wrap}.welcome .texts ul li{font-size:1rem}.slider-section{padding:30px 3%}.top-students .header img{width:60px}.top-students .header h2{font-size:1.3rem}.top-students .header a{font-size:.9rem}.top-students ul:after{width:200px}.top-students ul{flex-direction:column;align-items:center}.top-students ul li{width:100%}.about-section .texts h2,.about-section .texts h2 span{font-size:1.25rem}.about-section .texts h2 span:before{top:10px}.about-section .texts p{font-size:.9rem}.services{flex-wrap:wrap;gap:30px;padding:50px 10%}.achievements{padding:50px 5%}.achievements .contents .reports{flex-flow:wrap;justify-content:center;gap:20px}.achievements .contents .reports .report-box{width:45%}.groups-section .title h2{padding-bottom:20px;position:relative}.groups-section .title h2:after{content:"";background-color:var(--border-default);border-radius:50%;width:150%;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.groups-section .groups{justify-content:center;gap:20px}.groups-section .groups .group-box{width:calc(50% - 20px)}}@media only screen and (width<480px){.services{flex-direction:column;gap:30px;padding:50px 5%}.services .service{flex-direction:row;width:80%}.services .service h4{margin-inline:auto;font-size:1.3rem}.achievements{padding:50px 5%}.achievements .contents .reports{flex-direction:column;row-gap:20px}.achievements .contents .reports .report-box{width:100%;flex-direction:row!important}.achievements .contents .reports .report-box:nth-child(odd){flex-direction:row-reverse!important}.groups-section .groups{flex-direction:column;align-items:center}.groups-section .groups .group-box{flex-flow:wrap;width:80%}.groups-section .groups .group-box h3{margin-inline:auto}}@media only screen and (width<383px){.welcome .texts ul{flex-direction:column;align-items:center}.welcome .texts ul li{width:220px}.top-students .header img{width:50px}.top-students .header h2{font-size:1.1rem}.top-students .header a{font-size:.8rem}.about-section .texts h2,.about-section .texts h2 span{font-size:1.2rem}.about-section .texts p{font-size:.8rem}.services .service{width:85%}.services .service h4{font-size:1.1rem}.groups-section .groups .group-box{width:85%}}@media only screen and (width<345px){.welcome .texts{row-gap:20px}.welcome .texts h2{font-size:2rem}.welcome .texts p{font-size:.9rem}.welcome .texts ul li{width:200px;font-size:.9rem}.welcome .texts .buttons a,.about-section .texts h2,.about-section .texts h2 span{font-size:1rem}.about-section .texts p{font-size:.8rem}.services .service{width:90%}.services .service h4{font-size:1.1rem}.groups-section .groups .group-box{width:90%}}@keyframes come-from-right{0%{opacity:0;transform:translate(200px)}50%{opacity:1;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes come-from-left{0%{opacity:0;transform:translate(-200px)}50%{opacity:1;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes pop{0%{opacity:0;transform:scale(1)}80%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}