:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;font-family:Noto Sans KR,sans-serif}.home{width:100%;box-sizing:border-box}.home .banner{position:relative;width:100%;min-height:90vh;display:flex;justify-content:center;align-items:center;text-align:center}.home .banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#00000080,#00000080);pointer-events:none;z-index:1}.home .banner img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.home .banner-content{position:relative;top:60px;z-index:2;width:100%;font-family:Bebas Neue,sans-serif;color:#fff}.home .slogan{font-size:50px}.home .go-training{all:unset;border:1px solid white;padding:10px 20px;border-radius:100px;margin:5px}.home .section-divider{position:relative;background-color:#e9e9e9;height:50px;width:100%}.home .triangle{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #E9E9E9}.home .philosophy-section{display:flex;flex-direction:column;align-items:center;background:linear-gradient(to bottom,#191919 60%,#000);color:#fff;padding:30px}.home .section-title{font-size:25px;font-weight:600;margin:20px}.home .section-description{font-size:15px;text-align:center}.home .section-contents{display:flex;margin:40px 10px;justify-content:center;flex-wrap:wrap}.home .philosophy-card{background-color:#2b2b2b;padding:30px;border-radius:10px;margin:20px;flex-basis:350px;flex-grow:1}.home .card-philosophy{font-size:20px;font-weight:700;margin-bottom:20px}.home .card-description{font-size:15px;line-height:25px}@media (max-width: 450px){.home .section-contents{margin:10px 0}.home .philosophy-card{padding:20px;margin:20px 5px}.home .card-philosophy{font-size:18px;font-weight:700;margin:5px 5px 20px 0}.home .card-description{font-size:14px}}.about{margin-top:100px;width:100%}.about .section{padding:30px 0;justify-content:center;align-items:center}.about .section-title{font-size:25px;font-weight:800;margin:20px;text-align:center}.about .section-description{font-size:15px;text-align:center}.about .section-description-2{margin-top:10px;font-size:14px;text-align:center;font-weight:500;color:#fd9898}.about .card-wrapper{width:100%;display:flex;gap:30px;margin:30px 30px 30px 0;align-items:center;justify-content:center;flex-wrap:wrap}.about .vedio-section{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.about .image-slider{display:flex;align-items:center;position:relative;flex-direction:column;margin-top:50px}.about .image-slider img{height:400px;border-radius:10px;margin:0 10px}.image-slider .buttons{display:flex;width:100%;gap:10px;padding:20px;justify-content:end;box-sizing:border-box}.image-slider button{all:unset;background-color:#e2e2e5;border-radius:50%;width:25px;height:25px;text-align:center}@media (max-width: 1080px){.about .section{padding:10px 0}.about .card-wrapper{gap:2%}.about iframe{margin:0 20px}}@media (max-width: 450px){.about .section-title{font-size:20px}.about .image-slider img{height:300px}}.coach-card{width:30%;max-width:400px;min-width:350px;height:400px;perspective:1000px;cursor:pointer;border-radius:10px;position:relative;margin:10px 0;overflow:hidden}.card-inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;position:relative}.coach-card.is-flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:10px;overflow:hidden}.card-front{background-image:url(/public/images/Background.webp);background-size:1200px;z-index:2}.card-front .card-content{width:100%;height:100%;position:relative}.card-front img{position:absolute;width:80%;height:420px;bottom:0;z-index:0;object-fit:cover;object-position:bottom}.card-front .info{position:absolute;width:100%;height:100%;z-index:1;color:#fff;display:flex;flex-direction:column;padding:25px 30px;box-sizing:border-box;align-items:end;justify-content:space-between}.info .position{font-size:20px;font-weight:800;font-style:italic}.info .divider{height:65%;width:1px;background-color:#fff}.info .name{text-align:end;font-size:24px;font-weight:800}.card-back{z-index:1;background-image:url(/public/images/Background.webp);background-size:1200px;color:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;text-align:center;box-sizing:border-box;gap:10px}.card-back .info-back{z-index:2;padding:30px}.card-back .coach-name{display:flex;gap:8px;width:fit-content;align-items:end;border-bottom:1px solid white;padding-bottom:3px}.coach-name .name{font-size:24px;font-weight:800;font-style:italic}.coach-name .eng-name{font-size:17px;font-weight:600;font-style:italic}.card-back .section-title{font-size:13px;width:fit-content;height:30px;padding:0 7px;line-height:30px;font-weight:700;background-color:red;border-radius:5px;vertical-align:center;text-align:center;margin:20px 0 10px}.card-back .section-contents{font-size:14px;text-align:left;line-height:25px;color:#fff!important;background-color:transparent!important}.card-back img{position:absolute;right:0;bottom:0;width:70%;height:350px;z-index:0;object-fit:cover;object-position:top;opacity:.8}@media (max-width: 450px){.coach-card{width:300px}.card-front img{width:80%;height:400px}.card-back img{width:80%;height:350px;z-index:0;object-fit:cover;object-position:top;opacity:.8}}.staff-card{width:30%;max-width:400px;min-width:350px;height:400px;background-size:1200px;border-radius:10px;position:relative;overflow:hidden;color:#fff;padding:30px;box-sizing:border-box;display:flex;flex-direction:column;margin:10px 0}.staff-card .card-header{display:flex;align-items:center;justify-content:center}.staff-card .card-title{font-size:20px;font-weight:800;font-style:italic}.staff-card .line{background-color:#fff;height:1px;width:60%;margin-left:10px}.staff-card .card-contents{display:flex;flex-direction:column;gap:30px;flex-grow:1;justify-content:center}.staff-card .staff{text-align:center}.staff .name{display:flex;justify-content:center;align-items:end;gap:5px}.name .korName{font-size:20px;font-weight:700}.name .engName{font-size:16px;font-weight:400}.staff .position{font-size:16px;font-weight:600;margin-top:5px}@media (max-width: 450px){.staff-card{width:300px}}.team{width:100%;padding-top:100px;display:flex;flex-direction:column;align-items:center}.team .banner{width:100%;height:500px;background-size:cover;background-repeat:no-repeat;background-position:center}.team .team-buttons{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}.team-buttons button{all:unset;border:1px solid #191919;padding:5px 30px;border-radius:20px;border-color:#4b4b4b}.team-button.selected{background-color:#e0e0e0;color:#000}.team-list{text-align:center;padding:20px 50px;width:100%;box-sizing:border-box}.team h2{margin:50px 0 0;font-size:25px;font-weight:800}.player-list{width:100%;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.player-list .player{color:#000;background-color:#e0e0e0;width:11%;padding:5px;border-radius:5px;box-shadow:0 8px 10px -8px #00000080}.player .player-name{font-size:20px;font-weight:600}.team-pic{width:100%}.image-slider{width:100%;overflow:hidden;display:flex;align-items:center;position:relative;flex-direction:column;margin-top:50px}.image-slider .images{display:flex;transition:transform .5s ease-in-out;width:100%;overflow-x:scroll;scroll-behavior:smooth}.images::-webkit-scrollbar{display:none}.image-slider img{height:400px;border-radius:10px;margin:0 10px}.team-match{width:60%;height:500px;background-size:cover;border-radius:10px;margin:50px 0;box-sizing:border-box;display:flex;justify-content:center;gap:25px;padding:40px;flex-wrap:wrap}.team-match .section{width:200px;display:flex;flex-direction:column;flex-grow:1;gap:20px;justify-content:center;align-items:center}.team-match .section-title{font-size:20px;color:#fff;font-weight:600}.section .section-contents{background-color:#fff;border-radius:10px;width:100%;height:100%;color:#000}.match .match-card{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:15px 20px;border-bottom:.5px solid #c5c5c5;flex-wrap:wrap;min-width:100px}.match .match-info{display:flex;flex-direction:column;font-size:15px;font-weight:500}.match .match-name{font-size:18px;font-weight:700}.datetime{font-size:15px;font-weight:500}.no-data{display:flex;padding:20px;align-items:center;justify-content:center;color:#191919}@media (max-width: 1080px){.team{padding-top:70px}.player .player-name{font-size:16px;font-weight:600}.team-match{width:90%}}@media (max-width: 450px){.team-buttons button{font-size:15px;padding:5px 20px;border-radius:20px}.team-list{padding:20px}.player-list .player{width:25%}.image-slider img{height:300px}.team-match{gap:20px;padding:25px}}.training{padding-top:100px;display:flex;flex-direction:column;align-items:center}.training .class-card-section{width:100%;margin:30px 0}.class-card-section .card-slider{width:100%;display:flex;gap:15px;overflow:scroll}.card-slider::-webkit-scrollbar{display:none}.card-slider .class-card{position:relative;height:400px;min-width:300px;background-size:cover;background-position:center;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box;overflow:hidden}.class-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1}.class-card .levels{display:flex;gap:5px}.class-card .level{background-color:#e65252;border-radius:10px;width:fit-content;padding:5px 10px;color:#fff;font-size:14px;z-index:2}.class-card .class-name{color:#fff;z-index:2}.class-card .class-kor-name{font-size:20px;font-weight:600}.class-card .class-eng-name{font-size:15px}.buttons{display:flex;width:100%;gap:10px;padding:20px;justify-content:end;box-sizing:border-box}button{all:unset;background-color:#e2e2e5;border-radius:50%;width:25px;height:25px;text-align:center}@media (max-width: 1080px){.training{padding-top:50px}}@media (max-width: 450px){.class-card-section .card-slider{flex-direction:column}.card-slider .class-card{height:200px;min-width:300px;border-radius:0}.buttons{display:none}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{border-radius:10px;width:80%;max-width:1000px;height:70%;padding:25px;box-shadow:0 4px 6px #0003;position:relative;animation:fadeIn .3s ease-in-out;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.modal-container:after{border-radius:10px;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000004d 10%,#0000 50%,#000c);pointer-events:none;z-index:1}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;z-index:4}.modal-title{display:flex;gap:20px;z-index:3;position:relative}.modal-title img{max-width:8%}.modal-title .class-kor{font-weight:700;font-size:25px}.modal-title .class-eng{font-weight:500;font-size:20px}.modal-content{position:relative;display:flex;justify-content:space-between;z-index:3;flex-wrap:wrap}.modal-content .info{font-size:15px}.modal-content *{margin:5px 0}.modal-content .level{width:fit-content;padding:5px 10px;border-radius:10px;color:#fff;font-size:16px}.modal-content .photos{display:flex;flex-direction:row}.photos img{width:100px;height:60px;object-fit:cover;margin-right:10px;border-radius:5px}.modal-backdrop .navigation-button{background:none;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;transition:background .3s;z-index:3;flex-grow:1;height:50%;visibility:visible}.modal-backdrop .navigation-button:focus{outline:none}.modal-backdrop .navigation-button.hidden{visibility:hidden}.modal-backdrop .material-symbols-rounded{font-size:50px;line-height:50px}.timetable{width:60%;height:fit-content;margin:10px 0}.timetable img{width:100%;object-fit:cover;border-radius:10px}.mobile-description{color:#fff;display:none;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 1080px){.modal-container{width:70%}.modal-backdrop .navigation-button{font-size:13px}.timetable{width:90%;height:fit-content}}@media (max-width: 450px){.modal-container{width:80%}.modal-backdrop{flex-direction:column}.modal-backdrop .navigation-button{display:none}.modal-backdrop .mobile-description{display:block;font-size:12px}.modal-title{gap:10px}.modal-title img{min-width:20%}.modal-title .class-kor{font-size:17px}.modal-title .class-eng{font-size:13px}.modal-content{flex-direction:column}.modal-content .info{font-size:12px}.modal-content>*{margin:0}.modal-content .level{border-radius:5px;font-size:12px}.photos{gap:5px}.photos img{width:30px;height:30px;margin:0}}.store{min-height:70vh;margin-top:100px;display:flex;flex-direction:column;text-align:center}.store .section-title{font-weight:700;font-size:20px;margin:30px 0 10px}.store .section-description{font-size:15px;margin:10px 0}.store .section-description-2{font-size:14px;font-weight:500;color:#e96666}.store .uniform-list{display:flex;justify-content:center;flex-wrap:wrap;box-sizing:border-box}.store .uniform-card{padding:40px}.uniform-card img{box-sizing:border-box;width:350px;height:400px;object-fit:cover;object-position:center;border:1px solid rgb(236,236,236)}.uniform-card .uniform-name{font-weight:800;font-size:16px;margin:10px 0}.uniform-card .uniform-price{font-size:15px}@media (max-width: 1080px){.store{margin-top:70px}}@media (max-width: 450px){.uniform-card img{width:300px;height:330px}.store .uniform-list{margin:20px 0}.store .uniform-card{padding:20px}}.header{z-index:1000;width:100%;height:100px;box-sizing:border-box;position:fixed;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.default-header{background-color:#fff;box-shadow:0 2px 8px #0003}.header a{text-decoration:none;color:#fff}.header .logo{display:flex;align-items:center}.default-header a{color:#000}.header .logo a{font-size:30px;font-weight:700;transition:color .3s;white-space:nowrap}.header img{max-width:70px;margin-right:10px}.header .nav a{position:relative;margin:0 30px;font-size:18px;font-weight:500}.header .nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background-color:#fff;border-radius:5px}.default-header .nav a.active:after{background-color:#000}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0}@media (max-width: 1080px){.header{height:70px}.header .logo a{font-size:20px}.header img{max-width:50px;margin-right:10px}.nav{display:none;flex-direction:column;position:absolute;top:60px;right:10px;z-index:1000}.nav.open{display:flex;gap:10px}.nav a{font-size:13px!important;margin:0!important;display:block;width:50px;padding:10px 15px;text-align:center;border-radius:10px;background-color:#000000b3;color:#fff;font-weight:400;transition:background-color 1s ease}nav a.active:after{height:0px!important}.menu-toggle{display:block}.home-header .menu-toggle{color:#fff}.default-header .menu-toggle{color:#000}}.footer{background-color:#000;width:100%;min-height:200px;color:#fff;padding:50px 70px;font-weight:600;line-height:30px;box-sizing:border-box;font-size:14px}.footer .contents{display:flex;justify-content:space-between;flex-wrap:wrap}.footer .sns{margin:10px 0;display:flex;gap:15px}.footer .icon-instagram{background:linear-gradient(to right,#833ab4,#fd1d1d,#fcb045);padding:7px;border-radius:50%;color:#fff;font-weight:800}.footer .icon-youtube{background-color:red;padding:7px;border-radius:50%;color:#fff;font-weight:800}.footer .info{color:#fff}.footer .logo{display:flex;flex-direction:column;justify-content:center}.footer .logo img{max-width:250px}.footer .license{text-align:center;margin-top:20px;font-weight:400}@media (max-width: 1080px){.footer{padding:50px}.footer .logo img{max-width:200px}}@media (max-width: 450px){.footer{text-align:center;padding:50px 30px;display:flex;flex-direction:column}.footer .contents{justify-content:center}.footer .logo{display:flex;align-items:center;justify-content:center;flex-grow:1}.footer .sns{justify-content:center}}.pickup{width:100%;padding-top:100px;min-height:70vh;display:flex;flex-direction:column;align-items:center}.how{width:100%;display:flex;flex-direction:column;align-items:center}.how h3{padding:20px 0}.how-detail::-webkit-scrollbar{display:none}.how-detail{width:100%;display:flex;overflow-x:scroll;scroll-behavior:smooth;gap:20px;padding:0 40px;box-sizing:border-box}.how-detail img{max-width:350px;border-radius:10px}.how-step{display:flex;flex-direction:column;align-items:center}.how-detail p{text-align:center;font-size:15px;font-weight:600}@media (max-width: 1080px){.pickup{padding-top:70px}.how-detail{flex-wrap:wrap;align-items:center;justify-content:center}.how-step{width:40vw}.how-detail img{width:90%}.buttons{visibility:hidden}}@media (max-width: 450px){.how-detail{flex-direction:column}.how-step,.how-detail img{width:100%}}