html{font-size:100%}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;letter-spacing:.03125rem;margin:0;padding:0}body,button,input,select,table,textarea{font-family:Noto Sans KR;letter-spacing:.5px}*{box-sizing:inherit;font-family:Noto Sans KR}body,button,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}button,input,li{transition:all .2s linear}ol,ul{list-style:none}a{text-decoration:none}.no-drag{-ms-user-select:none;-webkit-user-select:none;user-select:none}.container{margin:0 auto;padding:0 10px}@media (min-width:1200px){.container{width:1180px}}.NotFoundInfo{text-align:center}.NotFoundInfo .not-found-illust{padding-top:100px}.NotFoundInfo .not-found-headline{color:#2fae8e;font-size:24px;font-weight:500;margin-top:55px}.NotFoundInfo .not-found-subline{color:#555;font-size:16px;margin-top:50px}.NotFoundInfo .not-found-thx{color:#555;font-size:16px;font-weight:500;margin-bottom:40px;margin-top:30px}.NotFoundInfo .not-found-btns{margin-top:2rem}.NotFoundInfo .not-found-btns .not-found-button{background:#fff;border:1px solid #2fae8e;color:#2fae8e;cursor:pointer;font-size:16px;height:40px;margin-left:15px;margin-right:15px;transition:all .2s linear;width:120px}.NotFoundInfo .not-found-btns .not-found-button:hover{background:#2fae8e;color:#fff}@media (max-width:768px){.NotFoundInfo .not-found-headline{font-size:18px;margin-top:20px}.NotFoundInfo .not-found-subline{font-size:14px;margin-top:25px}.NotFoundInfo .not-found-illust img{width:50%}}@media (max-width:500px){.NotFoundInfo .not-found-headline{font-size:14px}.NotFoundInfo .not-found-subline{font-size:12px}.NotFoundInfo .not-found-thx{font-size:14px}.NotFoundInfo .not-found-button{width:35%}}.footer-wrap{background:#f8f8f8;min-width:200px;padding:3rem 0;position:relative}.footer-wrap .footer-box{display:flex;height:100%;margin:0 auto}.footer-wrap .footer-box .footer-hr{border:1px solid #ddd}.footer-wrap .footer-box .gp-logo{padding:50px 0;text-align:center;width:20%}.footer-wrap .footer-box .footer-center{width:55%}.footer-wrap .footer-box .footer-center .footer-center-text{padding:0 4rem}.footer-wrap .footer-box .footer-center .footer-center-top{display:flex;font-size:14px;font-weight:400;margin-bottom:25px}.footer-wrap .footer-box .footer-center .footer-center-top p{color:#737373;margin-right:20px}.footer-wrap .footer-box .footer-center .footer-center-top .footer-center-p{color:#000}.footer-wrap .footer-box .footer-center .footer-center-bottom{color:#737373;font-size:11px;font-weight:300}.footer-wrap .footer-box .footer-center .footer-center-bottom div{display:flex}.footer-wrap .footer-box .footer-center .footer-center-bottom div a:link{color:#737373}.footer-wrap .footer-box .footer-center .footer-center-bottom div p{margin-right:10px}.footer-wrap .footer-box .footer-center .footer-center-bottom .copyrights{font-weight:200;margin-top:25px}.footer-wrap .footer-box .footer-right{padding-left:30px;text-align:right;width:30%}.footer-wrap .footer-box .footer-right .footer-cs{color:#737373;font-size:14px;font-weight:400}.footer-wrap .footer-box .footer-right .footer-company-ph{color:#737373;font-size:20px;font-weight:500}.footer-wrap .footer-box .footer-right .footer-company-wh{color:#737373;font-size:11px}.footer-wrap .footer-box .footer-right .footer-company-sns{float:right;margin-right:-10px;margin-top:15px}.footer-wrap .footer-box .footer-right .footer-company-sns ul{display:flex}.footer-wrap .footer-box .footer-right .footer-company-sns ul li{margin-right:10px}.footer-wrap .footer-bottom-sns{display:none;padding:3rem 0}.footer-wrap .footer-bottom-sns ul{display:flex;float:right;padding:0 2rem}.footer-wrap .footer-bottom-sns ul li{padding:0 .3em}.none{display:none}@media (min-width:1200px){.footer-box{padding:0 10px;width:1180px}}@media (max-width:768px){.footer-wrap .footer-box{padding-left:2rem;padding-right:2rem}.footer-wrap .footer-box .footer-center{border-bottom:1px solid #bbb;padding-bottom:2rem;width:100%}.footer-wrap .footer-box .footer-center .footer-center-bottom{font-size:10px}.footer-wrap .footer-box .footer-center .footer-center-top{font-size:1rem}.footer-wrap .footer-box .footer-center .footer-center-text{padding:0}.footer-wrap .footer-box .footer-right,.footer-wrap .footer-box .gp-logo{display:none}.footer-wrap .footer-bottom-sns{display:block}}.headroom{background:#fcc500;z-index:9999!important}.headroom--pinned{box-shadow:0 -16px 56px -4px #333}.Header{height:120px;width:100%}.Header .header-wrap{height:100%;line-height:96px;margin:0 auto;padding:10px}.Header .header-select{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-start}.Header ul{margin:0;padding:0}.Header .select{border:1px solid #999;display:inline-block;width:120px}.Header .select ul{list-style-type:none;padding-left:0}.Header .select .select{border:1px solid #999;display:inline-block;width:120px}.Header .select .select .selected{display:flex;justify-content:space-between;padding:8px 5px}.Header .select .select .selected .selected-value{max-width:90px}.Header .select .select .selected .arrow{background:url(https://uxwing.com/wp-content/themes/uxwing/download/02-arrow-direction/arrow-bottom.png) no-repeat 70% 50%;background-size:50% 50%;width:24px}.Header .select .select .selected .selected-value,.Header .select .select ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Header .select .select ul{background:#fff;border:1px solid #999;border-top:none;cursor:pointer;display:none;margin:1px 0 0 -1px;position:absolute;width:120px}.Header .select .select.active ul{display:inline;display:initial}.Header .select .select ul li{padding:8px 5px}.Header .select .select ul li:hover{background:rgba(168,156,235,.35)}.Header option{border-radius:10px}.Header .logo{float:left}.Header .logo img{cursor:pointer;max-width:100%;vertical-align:middle}.Header .nav li{float:left;font-size:16px;font-weight:700;margin-left:45px}.Header .nav li label{color:#fff;cursor:pointer;font-size:16px}@media (min-width:1200px){.header-wrap{width:1180px}}@media (max-width:1200px){.Header{height:75px}.Header .header-wrap{line-height:75px;padding:0 2.6666666667em}.Header .logo img{width:80%}.Header .HeaderRight,.Header .nav{display:none}}.HeaderRight{float:right}.HeaderRight li{display:inline-block;margin-left:10px;margin-right:0;text-align:center;vertical-align:middle}.HeaderRight li .login-button{background:#fff;border:none;border-radius:17.5px;color:#fcc500;cursor:pointer;font-size:16px;font-weight:700;line-height:35px;outline:none;width:100px}.HeaderRight li .login-button:hover{background:hsla(0,0%,96%,.8);color:#fcc500}.HeaderRight li .login-button-ar{background:#fff;border:none;border-radius:17.5px;color:#fcc500;cursor:pointer;font-size:16px;font-weight:700;line-height:35px;outline:none;width:150px}.HeaderRight li .login-button-ar:hover{background:hsla(0,0%,96%,.8);color:#fcc500}.HeaderMobileMenu{display:none;float:right;top:0}.HeaderMobileMenu .menu-trigger{cursor:pointer;display:inline-block;height:30px;position:fixed;right:32px;top:45px;width:30px;z-index:10}.HeaderMobileMenu .menu-trigger span{background:#fff;display:inline-block;height:2px;position:absolute;transition:all .3s linear;width:100%}.HeaderMobileMenu .menu-trigger span:first-child{top:0}.HeaderMobileMenu .menu-trigger span:nth-child(2),.HeaderMobileMenu .menu-trigger span:nth-child(3){top:8px}.HeaderMobileMenu .menu-trigger span:nth-child(4){top:16px}.HeaderMobileMenu .icon-active span:first-child,.HeaderMobileMenu .icon-active span:nth-child(4){opacity:0}.HeaderMobileMenu .icon-active span:nth-child(2){transform:rotate(45deg)}.HeaderMobileMenu .icon-active span:nth-child(3){transform:rotate(-45deg)}.HeaderMobileMenu .links{-ms-overflow-style:none;background:#fc0;color:#fff;height:0;left:0;list-style:none;opacity:0;overflow-y:scroll;position:absolute;right:0;text-align:center;text-decoration:none;top:100%;width:100%}.HeaderMobileMenu .links::-webkit-scrollbar{display:none}.HeaderMobileMenu .links ul li{font-size:1.3rem;line-height:75px;list-style:none;margin:.6rem}.HeaderMobileMenu .links li:first-child{padding-top:0}.HeaderMobileMenu .links a{color:#fff;text-decoration:none}.HeaderMobileMenu .toggle{height:525px;opacity:1}.HeaderMobileMenu .cotton{background-color:rgba(0,0,0,.5);height:0;position:fixed;width:100%;z-index:-1}.HeaderMobileMenu .cotton-toggle{height:100vh}@media (max-width:1200px){.HeaderMobileMenu{display:block}.HeaderMobileMenu .menu-trigger{top:30px}}@media (max-width:500px){.HeaderMobileMenu .links ul li{font-size:1.1rem;margin:0}}.Banner .banner-wrap .banner-img{display:table;position:absolute;right:11%;top:35%;z-index:1}.Banner .banner-wrap .banner-img img{max-width:100%}.Banner{background-color:#fcc500}.Banner .banner-wrap .banner-text{font-size:36px;font-weight:800}.Banner .banner-wrap .banner-img-download{display:table;position:absolute;right:13%;top:35%;z-index:1}.Banner .banner-wrap .banner-img-download img{max-width:100%}@media (max-width:1199px){.Banner .banner-wrap .banner-img{right:0;top:10%}}.IntroBottom{margin:10rem auto 0;width:1280px}.IntroBottom .intro-bottom-contents-wrap{font-size:20px;font-weight:600}.IntroBottom .intro-bottom-contents-wrap hr{background:rgba(0,0,0,.2);border:0;height:1px}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-cotents-package{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:3rem;margin-top:3rem}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-cotents-package .intro-writing{text-align:center}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-cotents-package .intro-writing p{margin-top:30px}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-cotents-package .intro-writing .bottom{font-size:16px;font-weight:300}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-cotents-package .intro-writing .middle,.IntroBottom .intro-bottom-contents-wrap .intro-bottom-cotents-package .intro-writing .middle-us{align-items:center;border:1px solid #636363;border-radius:15px;display:flex;font-size:20px;height:50px;justify-content:center;width:500px}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-cotents-package .intro-writing .middle-us{margin-left:50px}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-cotents-package .intro-writing .bottom-us{color:#636363;font-weight:500;line-height:0px;margin-top:30px}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-video{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:3rem;margin-top:3rem}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-video .intro-writing{font-size:20px;font-weight:600;text-align:center}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-video .intro-writing-us{font-size:20px;font-weight:500;text-align:center}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-video .intro-button-us button{background-color:#fc0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:61px;width:284px}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-video .intro-button button{background-color:#fc0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;height:61px;width:284px}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-device{align-items:center;display:flex;flex-direction:column;margin-top:3rem}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-device .intro-writing{margin-bottom:2rem}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-device .intro-writing-us{font-weight:500;margin-bottom:2rem}.IntroBottom .intro-bottom-contents-wrap .intro-bottom-contents-device .intro-image{align-items:center;border:1px solid #fcc500;border-radius:34px;display:flex;flex-direction:row;height:200px;justify-content:space-evenly;margin-bottom:7rem;width:750px}.IntroMiddle{margin:40rem auto 0;width:1280px}.IntroMiddle .intro-middle-title-wrap{margin:6rem 0;text-align:center}.IntroMiddle .intro-middle-title-wrap h2{color:#000;font-size:33px;font-weight:800}.IntroMiddle .intro-middle-title-wrap p{color:#494645;font-size:22px;font-weight:400;margin-bottom:4rem;margin-top:2rem;padding:0 10rem;word-break:keep-all}.IntroMiddle .intro-middle-contents-wrap{font-size:20px;font-weight:800}.IntroMiddle .intro-middle-contents-wrap .intro-content-list{display:flex;flex-wrap:wrap}.IntroMiddle .intro-middle-contents-wrap .intro-content-list .intro-content-item{margin-left:.7em;margin-top:4rem;text-align:center;width:calc(33.333% - 1rem)}.IntroMiddle .intro-middle-contents-wrap .intro-content-list .intro-content-item .intro-content-img-box img{max-width:100%}.IntroMiddle .intro-middle-contents-wrap .intro-content-list .intro-content-item .intro-content-img-box p{color:#000;font-size:20px;font-weight:500;margin-top:12px}@media screen and (max-width:1024px){.IntroBottom .intro-bottom-title-wrap p{padding:0 2rem}.IntroBottom .intro-bottom-contents-wrap .intro-content-list .intro-content-item{margin:1rem;width:calc(50% - 2rem)}}@media screen and (max-width:768px){.IntroBottom .intro-bottom-title-wrap h2{font-size:28px;word-break:keep-all}.IntroBottom .intro-bottom-title-wrap p{font-size:18px;padding:0 .5rem}.IntroBottom .intro-bottom-contents-wrap .intro-content-list .intro-content-item{margin:.5rem;width:calc(100% - 1rem)}}.IntroTop{margin:4rem 0}.IntroTop .title-wrap{margin:8rem 0;text-align:center}.IntroTop .title-wrap h2{color:#000;font-size:33px;font-weight:800}.IntroTop .title-wrap p{color:#636363;font-size:20px;font-weight:400;line-height:0px;margin-top:2rem}.IntroTop .title-wrap .title-button{margin:6rem 0}.IntroTop .title-wrap .title-button button{background-color:#fc0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;height:60px;width:185px}.IntroTop .title-wrap .title-img-box{margin:6rem 0}.IntroTop .title-wrap .title-img-box img{max-width:100%}.IntroTop .desc-wrap{background-color:#f7f7f7;height:60%;left:-70px;margin:-9em 0;position:absolute;width:212vh}.IntroTop .desc-wrap .desc-list{align-content:center;align-items:flex-start;display:flex;justify-content:center}.IntroTop .desc-wrap .desc-list .desc-item{margin:5rem;text-align:center}.IntroTop .desc-wrap .desc-list .desc-item .desc-img-box img{max-width:100%}.IntroTop .desc-wrap .desc-list .desc-item h4{font-size:24px;font-weight:800;margin-top:1rem;min-height:4rem;word-break:keep-all}.IntroTop .desc-wrap .desc-list .desc-item p{color:#494645;font-size:22px;font-weight:400;margin-top:1rem;word-break:keep-all}@media screen and (max-width:1024px){.IntroTop .title-wrap p{padding:0 2rem}.IntroTop .desc-wrap .desc-list{flex-wrap:wrap}.IntroTop .desc-wrap .desc-list .desc-item{margin:3rem 1rem}.IntroTop .desc-wrap .desc-list .desc-item h4{min-height:2rem}}@media screen and (max-width:768px){.IntroTop .title-wrap h2{font-size:28px;word-break:keep-all}.IntroTop .title-wrap p{font-size:18px;padding:0 .5rem}}.MainBanner{align-content:space-between;background:#fcc500;background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;flex-wrap:nowrap;height:88vh;justify-content:space-evenly;position:relative}.MainBanner .school-banner-content{margin:3% auto 0}.MainBanner .school-banner-content .test{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10%;justify-content:flex-end}.MainBanner .school-banner-content .test .banner-text{align-items:flex-end;display:flex;flex-direction:column}.MainBanner .school-banner-content .banner-text{position:relative}.MainBanner .school-banner-content .banner-text .banner-text-1{align-items:flex-end;display:flex;flex-direction:column}.MainBanner .school-banner-content .banner-text .banner-text-title-last{margin-top:50px}.MainBanner .school-banner-content .banner-text .banner-text-title img{max-width:100%}.MainBanner .school-banner-content .banner-text .banner-text-title button{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);color:#194d22;font-size:30px;font-weight:700;height:80px;width:271px}.MainBanner .school-banner-content .banner-text .banner-text-title button:hover{cursor:pointer}.MainBanner .school-banner-content .banner-text .main-button{margin-right:-10rem}.MainBanner .school-banner-content .banner-text .main-button .main-school,.MainBanner .school-banner-content .banner-text .main-button .main-vrware{display:flex;flex-direction:row;justify-content:flex-end}.MainBanner .school-banner-content .banner-text .banner-text-explain{color:#333;font-size:1.5rem;font-weight:500;margin-bottom:5.9322033898%;margin-top:15px}.MainBanner .school-banner-content .banner-watch-now-button{margin-top:2.9322033898%;position:absolute;text-align:center;width:100%}.MainBanner .school-banner-content .banner-watch-now-button button{background:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:37px;font-weight:800;height:70px;letter-spacing:2px;width:29.1666666667%}.MainBanner .school-banner-content .banner-watch-now-button button:hover{background:#fcc500}.MainBanner .school-banner-content .banner-img{height:100%;position:relative;z-index:-1}.MainBanner .school-banner-content .banner-img img{max-width:100%;width:100%}.MainBanner .school-banner-content .banner-img .cloud1{left:4%;position:absolute;top:24%;width:11.0169491525%}.MainBanner .school-banner-content .banner-img .cloud2{bottom:44%;left:-14%;position:absolute;width:18.6440677966%}.MainBanner .school-banner-content .banner-img .cloud3{bottom:30%;left:20%;position:absolute;width:14.406779661%}.MainBanner .school-banner-content .banner-img .cloud4{position:absolute;right:-4%;top:25%;width:16.9491525424%}.MainBanner .school-banner-content .banner-img .cloud5{position:absolute;right:15%;top:46%;width:14.406779661%}.MainBanner .school-banner-content .banner-img .cloud6{bottom:32%;position:absolute;right:-6%;width:11.8644067797%}.MainBanner .school-banner-content .banner-img .ari-vr{bottom:-1%;position:absolute;right:39%;width:20.7627118644%}.MainBanner .school-banner-content .banner-img .castle{bottom:-1%;position:absolute;right:0;width:30.593220339%}.MainBanner .school-banner-content .banner-img .dinosaur{bottom:-1%;left:0;position:absolute;width:30.593220339%}@media (min-width:1200px){.school-banner-content{padding:0 10px;width:1200px}}@media (max-width:1024px){.MainBanner .school-banner-content .banner-text{padding-top:0}.MainBanner .school-banner-content .banner-text .banner-text-title{font-size:3.8rem}}@media (max-width:768px){.banner-img{display:none!important}.MainBanner .school-banner-content .banner-text .banner-text-title{font-size:3.2rem;padding:0 4rem}.MainBanner .school-banner-content .banner-text .banner-text-explain{font-size:1.3rem}.MainBanner .school-banner-content .banner-text .banner-watch-now-button button{font-size:1.3rem;height:50px;width:80%}}@media (max-width:500px){.MainBanner .school-banner-content .banner-text{top:25%}.MainBanner .school-banner-content .banner-text .banner-text-title{font-size:3rem;padding:0 .875rem}.MainBanner .school-banner-content .banner-text .banner-text-explain{font-size:.8rem}.MainBanner .school-banner-content .banner-text .banner-watch-now-button button{font-size:1rem;height:50px;width:80%}}.main-button{margin-right:-10rem;margin-top:10rem}.main-button button{background-color:#ffcb00;border:4px solid #fff;border-radius:75px;color:#fff;font-size:12px;font-weight:700;height:85px;width:85px}.main-button button:hover{cursor:pointer}.main-button .main-school,.main-button .main-vrware{margin-top:15px}.SchoolIntroVideo{background-color:rgba(0,0,0,.5);bottom:0;height:100%;left:0;margin:auto;position:fixed;right:0;text-align:center;top:0;width:100%;z-index:10000}.SchoolIntroVideo .SchoolIntroVideo-inner{display:inline-block;margin-top:100px;padding:0 20px;position:relative}@media (min-width:1200px){.SchoolIntroVideo .SchoolIntroVideo-inner{height:80%;width:1180px}}@media (max-width:1199px){.SchoolIntroVideo .SchoolIntroVideo-inner{height:60%;width:80%}}@media (max-width:768px){.SchoolIntroVideo .SchoolIntroVideo-inner{height:50%;width:90%}}@media (max-width:500px){.SchoolIntroVideo .SchoolIntroVideo-inner{height:40%}}.SchoolDownload .download-headline{margin-top:80px;padding-bottom:10px}.SchoolDownload .download-headline p{color:#000;font-size:30px;font-weight:800}.SchoolDownload .school-download-wrap{border-top:2px solid #fcc500;display:flex;padding-top:2rem}.SchoolDownload .school-download-wrap .school-download-pc{width:50%}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button{background:#7ee716;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:100px;padding:0 5%;text-align:left;width:100%}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button:hover{background:#7ee716}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button img{float:right;vertical-align:bottom}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-label{color:#737373;font-size:16px;margin-top:5px}.SchoolDownload .school-download-wrap .school-download-hmd{padding-left:10px;width:50%}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button{background:#f90;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:100px;padding:0 5%;text-align:left;width:100%}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button:hover{background:#f90}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button img{float:right;vertical-align:bottom}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-label{color:#737373;font-size:16px;margin-top:5px}.SchoolDownload .school-download-wrap .school-download-ios{padding-left:10px;width:50%}.SchoolDownload .school-download-wrap .school-download-ios .school-download-ios-button button{background:#fcc500;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:100px;padding:0 5%;text-align:left;width:100%}.SchoolDownload .school-download-wrap .school-download-ios .school-download-ios-button button:hover{background:#fcc500}.SchoolDownload .school-download-wrap .school-download-ios .school-download-ios-button button img{float:right;vertical-align:bottom}.SchoolDownload .school-download-wrap .school-download-ios .school-download-hmd-label{color:#737373;font-size:16px;margin-top:5px}@media (max-width:1024px){.SchoolDownload .school-download-wrap{flex-direction:column}.SchoolDownload .school-download-wrap .school-download-hmd,.SchoolDownload .school-download-wrap .school-download-pc,.SchoolDownload .school-download-wrap .school-download-tablet{padding:0 10px;width:100%}}@media (max-width:768px){.SchoolDownload .download-headline p{font-size:24px;text-align:center}.SchoolDownload .school-download-wrap{flex-direction:column}.SchoolDownload .school-download-wrap .school-download-pc{padding:0 10px;width:100%}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-label{font-size:12px}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button{font-size:20px;height:80px}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button img{width:30px}.SchoolDownload .school-download-wrap .school-download-tablet{margin-top:3%;padding:0 10px;width:100%}.SchoolDownload .school-download-wrap .school-download-tablet .school-download-tablet-label{font-size:12px}.SchoolDownload .school-download-wrap .school-download-tablet .school-download-tablet-button button{font-size:20px;height:80px}.SchoolDownload .school-download-wrap .school-download-tablet .school-download-tablet-button button img{width:30px}.SchoolDownload .school-download-wrap .school-download-hmd{margin-top:3%;padding:0 10px;width:100%}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-label{font-size:12px}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button{font-size:20px;height:80px}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button img{width:30px}}@media (max-width:500px){.SchoolDownload .download-headline p{font-size:20px}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button{font-size:16px}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button img{width:25px}.SchoolDownload .school-download-wrap .school-download-tablet .school-download-tablet-button button{font-size:16px}.SchoolDownload .school-download-wrap .school-download-tablet .school-download-tablet-button button img{width:25px}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button{font-size:16px}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button img{width:25px}}.SchoolDownloadSpec .download-headline{margin-top:80px;padding-bottom:30px}.SchoolDownloadSpec .download-headline p{color:#000;font-size:30px;font-weight:500;line-height:100%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table{border-collapse:collapse;border-spacing:0;width:100%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr{color:#000;font-size:20px;text-align:center}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-first-hmds{font-weight:700;height:80px;padding-left:8%;padding-right:1rem;text-align:left;width:30%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest-hmds{height:80px;width:360px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-first{font-weight:500;height:80px;padding-left:8%;padding-right:1rem;text-align:left;width:30%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest{height:80px;width:360px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-head{background:rgba(255,153,0,.1);border-bottom:2px solid #f90;color:#f90;font-size:25px;font-weight:700}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-info{background:#fff;border-bottom:2px solid #f90;color:#000;font-size:20px;font-weight:500}@media (max-width:1024px){.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-head{font-size:20px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-info{font-size:1rem}}@media (max-width:768px){.SchoolDownloadSpec .download-headline p{font-size:24px;text-align:center}.SchoolDownloadSpec .download-spec-table-wrap{overflow-x:auto;white-space:nowrap;width:100%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table{width:auto}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest{padding-left:1rem;text-align:left;width:270px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-head{font-size:1rem}}@media (max-width:500px){.SchoolDownloadSpec .download-headline p{font-size:20px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-head,.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-info{font-size:.9rem}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest{width:160px}}.SchoolDownloadSpec{margin-bottom:150px;margin-top:5%}.SchoolDownloadSpec .download-headline-pc{margin-top:80px;padding-bottom:30px}.SchoolDownloadSpec .download-headline-pc p{color:#000;font-size:30px;font-weight:500;line-height:100%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc{border-collapse:collapse;border-spacing:0;width:100%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc tr{color:#000;font-size:20px;text-align:center}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc tr .download-col-first-pcs{font-weight:700;height:80px;padding-left:8%;padding-right:1rem;text-align:left;width:30%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc tr .download-col-first-pc{font-weight:400;height:80px;padding-left:8%;padding-right:1rem;text-align:left;width:30%}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc tr .download-col-rest-pc{font-weight:400;height:80px;width:360px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc .download-spec-head-pc{background:rgba(126,231,22,.1);border-bottom:2px solid #7ee716;color:#7ee716;font-size:25px;font-weight:700}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc .download-spec-info-pc{background:#fff;border-bottom:2px solid #7ee716;color:#000;font-size:20px}@media (max-width:1024px){.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc .download-spec-head-pc{font-size:20px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc .download-spec-info-pc{font-size:1rem}}@media (max-width:768px){.SchoolDownloadSpec .download-headline-pc p{font-size:24px;text-align:center}.SchoolDownloadSpec .download-spec-table-wrap{overflow-x:auto;white-space:nowrap;width:100%}.SchoolDownloadSpec .download-spec-table-wrap .download-col-first-pcs{font-family:700px;width:auto}.SchoolDownloadSpec .download-spec-table-wrap .download-col-first-pcs tr .download-col-rest-pc{padding-left:1rem;text-align:left;width:270px}.SchoolDownloadSpec .download-spec-table-wrap .download-col-first-pcs .download-spec-head-pc{font-size:1rem}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc{width:auto}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc tr .download-col-rest-pc{padding-left:1rem;text-align:left;width:270px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc .download-spec-head-pc{font-size:1rem}}@media (max-width:500px){.SchoolDownloadSpec .download-headline-pc p{font-size:20px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pcs .download-spec-head-pc,.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pcs .download-spec-info-pc{font-size:.9rem}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pcs tr .download-col-rest-pc{width:160px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc .download-spec-head-pc,.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc .download-spec-info-pc{font-size:.9rem}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table-pc tr .download-col-rest-pc{width:160px}}.Banner{background:#fcc500;height:350px;position:relative}.Banner .banner-wrap{margin:0 auto;padding:180px 10px 0}.Banner .banner-wrap .banner-text{color:#fff;font-size:40px;font-weight:700}.Banner .banner-wrap .banner-img-edu{position:absolute;right:11%;top:40%}.Banner .banner-wrap .banner-search{margin-top:3.3898305085%}@media (min-width:1200px){.Banner .banner-wrap{width:1180px}}@media (max-width:1199px){.Banner .banner-wrap .banner-img{right:-14%}}@media (max-width:1024px){.Banner .banner-wrap .banner-text{font-size:30px}}@media (max-width:768px){.Banner{height:300px;text-align:center}.Banner .banner-wrap .banner-text{font-size:24px}}.EduCaseList{margin:4rem auto;max-width:1180px;text-align:center}.EduCaseList .edu-case-category-list{display:flex;flex-wrap:nowrap;justify-content:center;margin:3rem 0}.EduCaseList .edu-case-category-list button{background-color:transparent;border:none;color:#000;cursor:pointer;font-size:24px;font-weight:500;margin:.3rem;padding:.475rem .7rem;width:125px}.EduCaseList .edu-case-category-list .category-active{border-bottom:5px solid #fcc500;color:#fcc500}.EduCaseList .edu-case-list{display:flex;flex-wrap:wrap;margin-top:1rem}.EduCaseList .edu-case-list img{width:100%}.EduCaseList .pagination{display:flex;flex-direction:row;justify-content:center;margin-top:2rem;text-align:center}.EduCaseList .pagination li{border:none;border-radius:20px;color:#010000;cursor:pointer;display:flex;font-size:16px;font-weight:400;line-height:30px;margin-left:5px;margin-right:5px;outline:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;width:30px}.EduCaseList .pagination li a{display:block;margin-left:2px;outline:none;width:30px}.EduCaseList .pagination li:hover{background:rgba(0,0,0,.5);color:#fff;transition:all .2s linear}.EduCaseList .pagination .rc-pagination-jump-prev{order:1}.EduCaseList .pagination .rc-pagination-prev{order:2}.EduCaseList .pagination .rc-pagination-item{order:3}.EduCaseList .pagination .rc-pagination-next{margin-left:20px;order:4}.EduCaseList .pagination .rc-pagination-jump-next{order:5}.EduCaseList .pagination .rc-pagination-jump-next,.EduCaseList .pagination .rc-pagination-jump-prev{color:#010000}.EduCaseList .pagination .rc-pagination-item-active{background:#fcc500;border-radius:20px;color:#fff;transition:all .2s linear}.EduCaseItem{border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);cursor:pointer;margin:1rem .4rem;position:relative;width:calc(33.33% - .875rem)}.EduCaseItem .educase-thumb{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;padding-top:70%;width:100%}.EduCaseItem .educase-info{align-items:baseline;background-color:rgba(0,0,0,.8);border-radius:0 0 20px 20px;bottom:0;color:#fff;display:flex;flex-wrap:wrap;padding:1rem;position:absolute;width:100%}.EduCaseItem .educase-info .educate-title{font-size:1rem}.EduCaseItem .educase-info .educase-date{color:hsla(0,0%,100%,.85);flex:1 1;font-size:.875rem;text-align:right}@media (max-width:1200px){.EduCaseItem{width:calc(50% - .875rem)}}@media (max-width:768px){.EduCaseItem{width:calc(100% - .875rem)}}.EduCaseListAR{margin:4rem auto;max-width:1180px;text-align:center}.EduCaseListAR .edu-case-category-list{display:flex;flex-wrap:nowrap;justify-content:center;margin:3rem 0}.EduCaseListAR .edu-case-category-list label{color:#fcc500;font-size:20px;font-weight:500;margin-top:1rem;position:absolute}.EduCaseListAR .edu-case-category-list button{background-color:transparent;border:none;color:transparent;cursor:pointer;font-size:24px;font-weight:500;margin:.3rem;padding:.475rem .7rem;width:125px}.EduCaseListAR .edu-case-category-list .category-active{border-bottom:5px solid #fcc500;color:transparent}.EduCaseListAR .edu-case-list{display:flex;flex-wrap:wrap;margin-top:1rem}.EduCaseListAR .edu-case-list img{width:100%}.EduCaseListAR .pagination{display:flex;flex-direction:row;justify-content:center;margin-top:2rem;text-align:center}.EduCaseListAR .pagination li{border:none;border-radius:20px;color:#010000;cursor:pointer;display:flex;font-size:16px;font-weight:400;line-height:30px;margin-left:5px;margin-right:5px;outline:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;width:30px}.EduCaseListAR .pagination li a{display:block;margin-left:2px;outline:none;width:30px}.EduCaseListAR .pagination li:hover{background:rgba(0,0,0,.5);color:#fff;transition:all .2s linear}.EduCaseListAR .pagination .rc-pagination-jump-prev{order:1}.EduCaseListAR .pagination .rc-pagination-prev{order:2}.EduCaseListAR .pagination .rc-pagination-item{order:3}.EduCaseListAR .pagination .rc-pagination-next{margin-left:20px;order:4}.EduCaseListAR .pagination .rc-pagination-jump-next{order:5}.EduCaseListAR .pagination .rc-pagination-jump-next,.EduCaseListAR .pagination .rc-pagination-jump-prev{color:#010000}.EduCaseListAR .pagination .rc-pagination-item-active{background:#fcc500;border-radius:20px;color:#fff;transition:all .2s linear}@media (max-width:500px){.EduCaseList .edu-case-category-list button{border-radius:12px;font-size:.8rem;padding:.475rem .4rem;word-break:keep-all}}.MyClassTemplate .banner-img{bottom:-2%!important}.MyClassList{display:flex;flex-wrap:wrap;margin-bottom:5rem;margin-top:150px}@media(max-width:768px){.MyClassList{margin-bottom:2.5rem;margin-top:2.5rem}.MyClassList .create-enter-class{margin-bottom:1.25rem;margin-top:1.25rem;width:calc(100% - 1.75rem)}.MyClassList .create-enter-class img{margin-bottom:4rem;margin-top:4rem}.MyClassList .create-enter-class p{font-size:1.5rem}}@media(max-width:500px){.MyClassList,.MyClassList .create-enter-class img{margin-bottom:2rem;margin-top:2rem}.MyClassList .create-enter-class p{font-size:1.4rem}}.MyClassItem{border:1px solid #fcc500;border-radius:12px;display:inline-block;margin:9px;width:calc(50% - 1.75rem)}.MyClassItem .class-header{background:#fcc500;border-radius:10px 10px 0 0;line-height:90px;padding-left:7.7586206897%;position:relative;width:100%}.MyClassItem .class-header .class-name{color:#fff;display:inline-block;font-size:20px;font-weight:500}.MyClassItem .class-header .class-option{bottom:-8px;cursor:pointer;position:absolute;right:7.7586206897%}.MyClassItem .class-info{color:#737373;display:flex;font-size:1rem;padding:2.5rem}.MyClassItem .class-info .class-info-1{display:inline-block}.MyClassItem .class-info .class-info-1 img{padding-right:10px;vertical-align:sub}.MyClassItem .class-info .class-info-1 .class-grade{padding-top:30px}.MyClassItem .class-info .class-info-2{display:inline-block;margin-left:auto}.MyClassItem .class-info .class-info-2 img{padding-right:10px;vertical-align:sub}.MyClassItem .class-info .class-info-2 .class-code{padding-top:30px}.MyClassItem .class-enter-button{padding-bottom:25px;text-align:center}.MyClassItem .class-enter-button button{background:#f3ab19;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px;width:44.8275862069%}.MyClassItem .class-enter-button button:hover{background:#e7960a}@media(max-width:1024px){.MyClassItem .class-info{font-size:.9rem;padding:2rem}}@media(max-width:768px){.MyClassItem{margin-bottom:1.25rem;margin-top:1.25rem;width:calc(100% - 1.75rem)}.MyClassItem .class-info{font-size:.8rem;padding:1.8rem}}@media(max-width:500px){.MyClassItem .class-header{line-height:60px;padding-left:1rem}.MyClassItem .class-header .class-name{font-size:1rem}.MyClassItem .class-info{padding:1.5rem}.MyClassItem .class-enter-button{margin-top:1rem}.MyClassItem .class-enter-button button{font-size:1rem;width:10rem}}.CreateOrEnterClass{border:1.5px solid #fcc500;border-radius:25px;cursor:pointer;display:inline-block;margin:10px;text-align:center;width:calc(50% - 1.75rem)}.CreateOrEnterClass img{margin-bottom:25px;margin-top:95px}.CreateOrEnterClass p{color:rgba(0,0,0,.5);font-size:24px;font-weight:500;padding-bottom:60px}.CreateOrJoinPopup{width:600px}.CreateOrJoinPopup .select-create-join-title{background:#fcc500;border-radius:10px 10px 0 0;color:#fff;display:flex;font-size:22px;line-height:60px;padding:0 20px;text-align:left;width:100%}.CreateOrJoinPopup .select-create-join-title .select-create-join-close{cursor:pointer;margin-left:auto}.CreateOrJoinPopup .select-create-join-title .select-create-join-close svg{font-size:4rem;vertical-align:middle}.CreateOrJoinPopup .select-create-join-info{background:#fff;border-radius:0 0 10px 10px;padding:5rem 2rem}.CreateOrJoinPopup .select-create-join-info .select-create-join-button-box .select-create-join-button{background:#f3ab19;border:none;border-radius:27.5px;color:#fff;cursor:pointer;font-size:22px;font-weight:500;height:55px;margin:0 15px;width:26.6666666667%}.CreateOrJoinPopup .select-create-join-info .select-create-join-button-box .select-create-join-button:hover{background:#e7960a}@media (max-width:768px){.CreateOrJoinPopup{width:100%}.CreateOrJoinPopup .select-create-join-box .select-create-join-info .select-create-join-button-box{display:flex}.CreateOrJoinPopup .select-create-join-box .select-create-join-info .select-create-join-button-box .select-create-join-button{font-size:1rem;height:40px;width:35%}}.popup{background-color:rgba(0,0,0,.5);bottom:0;height:100%;left:0;margin:auto;position:fixed;right:0;text-align:center;top:0;width:100%;z-index:10000}.popup .popup-inner{display:inline-block;margin-top:5%;position:relative}.input-effect-border-box{position:relative}.input-effect-border-box .input-label{font-size:16px;font-weight:500;left:20px;position:absolute;top:18px}.input-effect-border-box .before-label{color:#999;font-size:14px;font-weight:500;position:absolute;right:20px;top:23px}.input-effect-border-box input{color:#333;font-size:16px;width:100%}.input-effect-border-box .notify{color:#e74448;font-size:12px;left:33%;position:absolute;top:43px}.input-effect-border-box .effect-7{border:1px solid #bbb;color:#333;padding:20px 14px 20px 32.7586206897%;transition:.4s}.input-effect-border-box .effect-7~.focus-border:after,.input-effect-border-box .effect-7~.focus-border:before{background-color:#2fae8e;content:"";height:2px;left:50%;position:absolute;top:0;transition:.4s;width:0}.input-effect-border-box .effect-7~.focus-border:after{bottom:0;top:auto}.input-effect-border-box .effect-7~.focus-border i:after,.input-effect-border-box .effect-7~.focus-border i:before{background-color:#2fae8e;content:"";height:0;left:0;position:absolute;top:50%;transition:.6s;width:2px}.input-effect-border-box .effect-7~.focus-border i:after{left:auto;right:0}.input-effect-border-box .effect-7:focus~.focus-border:after,.input-effect-border-box .effect-7:focus~.focus-border:before{left:0;transition:.4s;width:100%}.input-effect-border-box .effect-7:focus~.focus-border i:after,.input-effect-border-box .effect-7:focus~.focus-border i:before{height:100%;top:0;transition:.6s}@media (max-width:768px){.input-effect-border-box .notify{font-size:10px}.input-effect-border-box .input-label{font-size:14px;top:20px}.input-effect-border-box .before-label{font-size:12px;top:21px}.input-effect-border-box input{font-size:14px}}@media (max-width:500px){.input-effect-border-box .input-label{font-size:12px;top:21px}.input-effect-border-box .before-label{top:20px}.input-effect-border-box input{font-size:12px}}.select{margin-bottom:15px;margin-top:30px;position:relative}.select,.select select{display:inline-block;width:100%}.select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #bbb;color:#333;cursor:pointer;font-size:16px;outline:0;padding:20px 14px 20px 32.7586206897%}.select label{font-size:16px;font-weight:500;left:20px;position:absolute;top:18px}.select+.select{margin-bottom:35px;margin-top:0}.select select::-ms-expand{display:none}.select select:focus,.select select:hover{background:#fff;color:#333}.select select:disabled{opacity:.5;pointer-events:none}.select__arrow{border-color:#2fae8e transparent transparent;border-style:solid;border-width:12px 8px 0;height:0;pointer-events:none;position:absolute;right:15px;top:26px;width:0}.select select:focus~.select__arrow,.select select:hover~.select__arrow{border-top-color:#2fae8e}.select select:disabled~.select__arrow{border-top-color:#fff}@media (max-width:768px){.select label,.select select{font-size:14px}.select label{top:20px}}@media (max-width:500px){.select label,.select select{font-size:12px}}.ClassCreatePopup{width:600px}.ClassCreatePopup .class-create-title{background:#fcc500;border-radius:10px 10px 0 0;color:#fff;font-size:22px;line-height:60px;padding:0 20px;text-align:left;width:100%}.ClassCreatePopup .class-create-info{background:#fff;border-radius:0 0 10px 10px;padding:20px}.ClassCreatePopup .class-create-info .class-create-input-box .input-class-explain{color:#333;font-size:16px;padding:20px;width:100%}.ClassCreatePopup .class-create-info .class-create-button-box{margin:30px 0}.ClassCreatePopup .class-create-info .class-create-button-box .class-create-button{background:#f3ab19;border:none;border-radius:27.5px;color:#fff;cursor:pointer;font-size:22px;font-weight:500;height:55px;margin:0 15px;width:26.6666666667%}.ClassCreatePopup .class-create-info .class-create-button-box .class-create-button:hover{background:#e7960a}.ClassCreatePopup .class-create-info .class-create-button-box .class-create-cancel-button{background:#999;border:none;border-radius:27.5px;color:#fff;cursor:pointer;font-size:22px;font-weight:500;height:55px;margin:0 15px;width:26.6666666667%}.ClassCreatePopup .class-create-info .class-create-button-box .class-create-cancel-button:hover{background:#888}@media (max-width:768px){.ClassCreatePopup{width:100%}.ClassCreatePopup .class-create-info .class-create-button-box .class-create-button,.ClassCreatePopup .class-create-info .class-create-button-box .class-create-cancel-button{font-size:1rem;height:40px;width:35%}}.ClassJoinPopup{width:600px}.ClassJoinPopup .class-join-title{background:#fcc500;border-radius:10px 10px 0 0;color:#fff;font-size:22px;line-height:60px;padding:0 20px;text-align:left;width:100%}.ClassJoinPopup .class-join-info{background:#fff;border-radius:0 0 10px 10px;padding:0 1rem}.ClassJoinPopup .class-join-info .class-join-text{color:#737373;font-size:18px;padding-bottom:5%;padding-top:8.3333333333%}.ClassJoinPopup .class-join-info .class-join-input-box{margin:0 auto;width:50%}.ClassJoinPopup .class-join-info .class-join-input-box .effect-7{padding:16px 14px 20px 8.758621%}.ClassJoinPopup .class-join-info .class-join-input-box .notify{left:9%;top:39px}.ClassJoinPopup .class-join-info .class-join-input-box .class-code-input{border:1px solid #999;color:#333;font-size:16px;padding-left:3%;width:41.6666666667%}.ClassJoinPopup .class-join-info .class-join-button-box{padding-bottom:6.6666666667%;padding-top:6.6666666667%}.ClassJoinPopup .class-join-info .class-join-button-box .class-join-button{background:#f3ab19;border:none;border-radius:27.5px;color:#fff;cursor:pointer;font-size:22px;font-weight:500;height:55px;margin:0 15px;width:26.6666666667%}.ClassJoinPopup .class-join-info .class-join-button-box .class-join-button:hover{background:#e7960a}.ClassJoinPopup .class-join-info .class-join-button-box .class-join-cancel-button{background:#999;border:none;border-radius:27.5px;color:#fff;cursor:pointer;font-size:22px;font-weight:500;height:55px;margin:0 15px;width:26.6666666667%}.ClassJoinPopup .class-join-info .class-join-button-box .class-join-cancel-button:hover{background:#888}@media (max-width:768px){.ClassJoinPopup{width:100%}.ClassJoinPopup .class-join-info .class-join-text{font-size:.9rem}.ClassJoinPopup .class-join-info .class-join-button-box .class-join-button,.ClassJoinPopup .class-join-info .class-join-button-box .class-join-cancel-button{font-size:1rem;height:40px;width:35%}.MyPageTemplate .container{text-align:center}}.MyPageTop{background:#fcc500;height:350px}.MyPageTop .user-info{color:#fff;font-size:36px;height:100%;margin:0 auto;padding:170px 10px 0;position:relative}.MyPageTop .user-option{display:inline-block;line-height:30px;margin-left:10px;vertical-align:middle;width:80px}.MyPageTop .user-option .user-update{border:1px solid #fff;border-radius:15px;color:#fff;font-size:16px;text-align:center}.MyPageTop .user-option .user-update img{margin-bottom:2px;margin-left:4px;vertical-align:middle}.MyPageTop .mypage-top-right img{bottom:0;position:absolute;right:0}@media (min-width:1200px){.MyPageTop .user-info{width:1180px}}@media (max-width:768px){.MyPageTop{height:300px}.MyPageTop .user-info{font-size:30px;text-align:center}.MyPageTop .user-option .user-update{font-size:13px}.MyPageTop .mypage-top-right{display:none}}@media (max-width:500px){.MyPageTop .user-info{font-size:24px}}.MyPageList{margin-bottom:50px;margin-top:50px}.MyPageList .mypage-list-select{display:flex;margin-bottom:50px}.MyPageList .mypage-list-select .mypage-select{color:#999;cursor:pointer;font-size:30px;font-weight:500;margin-right:2.5%}.MyPageList .mypage-list-select .mypage-select:hover,.MyPageList .mypage-list-select .select-active{border-bottom:3px solid #f3ab19;color:#fcc500}@media (max-width:1024px){.MyPageList{text-align:center}.MyPageList .mypage-list-select{display:block}.MyPageList .mypage-list-select .mypage-select{display:inline-block;font-size:22px}}@media (max-width:500px){.MyPageList .mypage-list-select .mypage-select{font-size:18px}}.LicenseCodeUsedList table{text-align:center}.LicenseCodeUsedList table thead tr td{background:#fcc500;border-radius:6px;color:#fff;padding:.8rem 1rem}.LicenseCodeUsedList table tbody tr td:first-child{background-color:#f4f4f4;font-weight:600}.LicenseCodeUsedList table tbody tr td{background:#f8f8f8;border-radius:6px;color:#707070;padding:.8rem 1rem}@media (max-width:1024px){.LicenseCodeUsedList{overflow-x:auto;white-space:nowrap;width:100%}.LicenseCodeUsedList table{font-size:.9rem;width:auto}}.LicenseCodeUsedTitle{cursor:pointer;display:inline-block;-ms-user-select:none;-webkit-user-select:none;user-select:none}.LicenseCodeUsedTitle h2{color:#999;color:#fcc500;font-size:30px;font-weight:500}.LicenseCodeUsedTitle h2 svg{color:#f3ab19}@media (max-width:768px){.LicenseCodeUsedTitle h2{font-size:22px}}@media (max-width:500px){.LicenseCodeUsedTitle h2{font-size:18px}}.LicenseCodeUsedTerm{display:flex;margin:1rem 0}.LicenseCodeUsedTerm .license-code-used-term-wrap{border:2px solid #f8f8f8;border-radius:6px;color:#707070;display:inline-block;display:flex;padding:.8rem .7rem}.LicenseCodeUsedTerm .license-code-used-term-wrap .license-code-term-left{font-weight:500;margin-right:.8rem}.LicenseCodeUsedTerm .license-code-used-term-wrap .license-code-term-right{display:flex}.LicenseCodeUsedTerm .license-code-used-term-wrap .license-code-term-right .license-code-term{background-color:#f8f8f8;border-radius:6px;cursor:pointer;margin-right:.2rem;padding:0 1rem}.LicenseCodeUsedTerm .license-code-used-term-wrap .license-code-term-right .term-active{background-color:#f3ab19;color:#fff}@media (max-width:768px){.LicenseCodeUsedTerm .license-code-used-term-wrap{font-size:.9rem;width:100%}}.LicenseCodeUsed{margin:2rem 0}@media (max-width:768px){.LicenseCodeUsed{padding:0 2rem}}.OrderList{display:block;margin-bottom:2rem}.OrderList .order-list-table{border-collapse:separate;border-spacing:4px;text-align:center;width:100%}.OrderList .order-list-table thead tr th{background:#fcc500;border-radius:6px;color:#fff;font-size:1.1rem;font-weight:400;padding:1.25rem}.OrderList .pagination{display:flex;flex-direction:row;justify-content:center;margin-top:2rem;text-align:center}.OrderList .pagination li{border:none;border-radius:20px;cursor:pointer;display:flex;font-size:16px;font-weight:400;line-height:30px;margin-left:5px;margin-right:5px;outline:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;width:30px}.OrderList .pagination li a{display:block;margin-left:2px;outline:none;width:30px}.OrderList .pagination li:hover{background:rgba(0,0,0,.5);color:#fff;transition:all .2s linear}.OrderList .pagination .rc-pagination-jump-prev{order:1}.OrderList .pagination .rc-pagination-prev{order:2}.OrderList .pagination .rc-pagination-item{order:3}.OrderList .pagination .rc-pagination-next{margin-left:20px;order:4}.OrderList .pagination .rc-pagination-jump-next{order:5}.OrderList .pagination .rc-pagination-item-active{background:#b56aff;border-radius:20px;color:#fff;transition:all .2s linear}.OrderListNotFound{font-size:1.25rem;margin:10rem 0;text-align:center}@media (max-width:1024px){.OrderList{display:none}}.OrderItem td{background:#fff;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.2);color:#333;padding:1rem}.OrderItem .order-seq .order-detail-link{color:#333;font-weight:500}.OrderItem .order-seq .order-detail-link .order-detail-text{font-size:.9rem;font-weight:400}.OrderItem .order-product{align-items:center;display:flex}.OrderItem .order-product img{height:150px;width:150px}.OrderItem .order-product .order-product-name{word-break:keep-all}.LicenseCode{margin-bottom:3rem}.LicenseCode .license-code-title{color:#999;color:#fcc500;display:inline-block;font-size:30px;font-weight:500;margin-bottom:1.25rem}.LicenseCode .license-code-input-wrap{display:flex;position:relative;width:45%}.LicenseCode .license-code-input-wrap input{border:1px solid #eee;border-radius:6px 0 0 6px;box-shadow:inset 1px 4px 5px 0 rgba(0,0,0,.15);flex:1 1;font-size:1rem;outline:none;padding-left:1rem}.LicenseCode .license-code-input-wrap .license-code-use-btn{background-color:#fcc500;border-radius:0 6px 6px 0;box-shadow:inset 1px 4px 5px 0 rgba(0,0,0,.15);cursor:pointer;padding:.6rem .8rem}@media (max-width:768px){.LicenseCode .license-code-title{font-size:18px}.LicenseCode .license-code-input-wrap{padding:0 2rem;width:100%}}.MyLicenseList{border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:inline-block;margin-bottom:5rem;position:relative;text-align:left;width:66%}.MyLicenseList .my-license-name{background:#fcc500;border-radius:10px 10px 0 0;color:#fff;font-size:30px;font-weight:500;padding:20px 30px}.MyLicenseList .my-license-info{padding:20px 30px}.MyLicenseList .my-license-info .current-license-state{color:#333;font-size:24px;font-weight:500}.MyLicenseList .my-license-info .license-expire,.MyLicenseList .my-license-info .license-price,.MyLicenseList .my-license-info .license-purchase{color:#333;font-size:20px;margin-top:15px}.MyLicenseList .my-license-info .license-expire span,.MyLicenseList .my-license-info .license-price span,.MyLicenseList .my-license-info .license-purchase span{text-align:left}.MyLicenseList .license-term{border-bottom:1px solid #ddd;border-top:1px solid #ddd;color:#fcc500;font-size:14px;margin-top:20px}.MyLicenseList .license-in-use{color:#fcc500}.MyLicenseList .license-expired{color:#e74448}@media (max-width:1024px){.MyLicenseList .my-license-name{font-size:24px}.MyLicenseList .my-license-info .current-license-state{font-size:20px}.MyLicenseList .my-license-info .license-expire,.MyLicenseList .my-license-info .license-purchase{font-size:16px}}@media (max-width:768px){.MyLicenseList{width:85%}.MyLicenseList .my-license-name{font-size:22px}.MyLicenseList .my-license-info .current-license-state{font-size:18px}.MyLicenseList .my-license-info .license-expire,.MyLicenseList .my-license-info .license-purchase{font-size:14px}}@media (max-width:500px){.MyLicenseList{width:90%}.MyLicenseList .my-license-name{font-size:18px}.MyLicenseList .my-license-info .current-license-state{font-size:15px}.MyLicenseList .my-license-info .license-expire,.MyLicenseList .my-license-info .license-purchase{font-size:13px}}.NoLicenseList{margin-bottom:100px;margin-top:100px;text-align:center}.NoLicenseList p{color:#999;font-size:20px;font-weight:400}.NoLicenseList button{background:#2fae8e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:50px;margin-top:40px;width:220px}.NoLicenseList button:hover{background:#2fae8e}.MobileOrderList{display:none;margin-bottom:2rem}.MobileOrderList .pagination{display:block;margin-top:6.3559322034%;text-align:center}.MobileOrderList .pagination li{border:none;border-radius:20px;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;line-height:30px;margin-left:5px;margin-right:5px;outline:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;width:30px}.MobileOrderList .pagination li a{display:block;outline:none}.MobileOrderList .pagination li:hover{background:rgba(0,0,0,.5);color:#fff;transition:all .2s linear}.MobileOrderList .pagination .rc-pagination-jump-next:after,.MobileOrderList .pagination .rc-pagination-jump-prev:after{color:#555;content:"•••";display:block;font-size:16px;letter-spacing:2px;margin-top:0}.MobileOrderList .pagination .rc-pagination-jump-next:hover:after{color:#fff;content:"»";font-size:16px}.MobileOrderList .pagination .rc-pagination-jump-prev:hover:after{color:#fff;content:"«";font-size:16px}.MobileOrderList .pagination .rc-pagination-item-active{background:#b56aff;border-radius:20px;color:#fff;transition:all .2s linear}@media (max-width:1024px){.MobileOrderList{display:block}}.MobileOrderItem{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);margin:1.5rem 0;padding:0 1rem;width:100%}.MobileOrderItem .order-top{align-items:baseline;display:flex;padding-top:1.5rem}.MobileOrderItem .order-top .order-product-name{font-size:2rem}.MobileOrderItem .order-top .order-seq{margin-left:1rem}.MobileOrderItem .order-top .order-seq .order-detail-link{color:#333}.MobileOrderItem .order-top .order-seq .order-detail-link span{margin-right:.5rem}.MobileOrderItem .order-detail{align-items:center;display:flex;padding:1rem 0}.MobileOrderItem .order-detail .order-thumbnail{flex:1 1}.MobileOrderItem .order-detail .order-thumbnail img{max-width:100%}.MobileOrderItem .order-detail .order-info{flex:1 1;text-align:left}@media (max-width:768px){.MobileOrderItem .order-top{flex-direction:column-reverse;padding-top:1rem}.MobileOrderItem .order-top .order-product-name{font-size:1.25rem}.MobileOrderItem .order-top .order-seq{margin-left:0}}.MyStudentList .my-student-list-title-wrap{margin:0 auto;width:50%}.MyStudentList .my-student-list-title-wrap .my-student-list-title{background:#b56aff;border-radius:56px;color:#fff;font-size:32px;font-weight:500;margin:1rem 0;padding:.5rem .875rem;text-align:center}.MyStudentList .check-student-pwd{display:flex}.MyStudentList .check-student-pwd input{border:1px solid #999;border-radius:4px;flex:1 1;font-size:1rem;outline:none;padding:.6rem;width:100%}.MyStudentList .check-student-pwd button{background:#b56aff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-left:.3rem;min-width:4.5rem;outline:none;padding:.5rem}.MyStudentList .student-pwd-wrap{margin-top:2rem}.MyStudentList .student-pwd-wrap label{font-weight:500}.MyStudentList .my-student-list{display:flex;flex-wrap:wrap;margin-top:1rem}.MyStudentList .my-student-list .my-student-item{border:2.5px solid #b56aff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);cursor:pointer;margin:1rem .4rem;padding:1.5rem;position:relative;width:calc(33.33% - .875rem)}.MyStudentList .my-student-list .my-student-item .student-info{font-weight:500}.MyStudentList .my-student-list .my-student-item .student-info img{max-width:24px;vertical-align:text-bottom}.MyStudentList .my-student-list .my-student-item .student-info .student-email-wrap{display:flex}.MyStudentList .my-student-list .my-student-item .student-info .student-email-wrap .student-email{color:#09f;margin-right:1rem}.MyStudentList .my-student-list .my-student-item .student-info .student-email-wrap .student-email label{margin-left:.5rem}.MyStudentList .my-student-list .my-student-item .student-info .student-email-wrap .student-email-value{flex:1 1;text-align:right}.MyStudentList .my-student-list .my-student-item .student-info .student-expire-date-wrap{display:flex;margin-top:1rem}.MyStudentList .my-student-list .my-student-item .student-info .student-expire-date-wrap .student-expire-date{color:#b56aff;margin-right:1rem}.MyStudentList .my-student-list .my-student-item .student-info .student-expire-date-wrap .student-expire-date label{margin-left:.5rem}.MyStudentList .my-student-list .my-student-item .student-info .student-expire-date-wrap .student-expire-date-value{flex:1 1;text-align:right}@media (max-width:1200px){.MyStudentList .my-student-list .my-student-item{width:calc(50% - .875rem)}}@media (max-width:768px){.MyStudentList .my-student-list-title-wrap{width:100%}.MyStudentList .my-student-list-title-wrap .my-student-list-title{font-size:24px;padding:.5rem}.MyStudentList .my-student-list .my-student-item{width:calc(100% - .875rem)}}.LectureVideoList{margin:2rem auto 4rem;max-width:1180px}.LectureVideoList .lecture-subject{font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:4rem}.LectureVideoList .lecture-list{display:flex;flex-wrap:wrap;margin-top:1rem}.LectureVideoItem{border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);cursor:pointer;margin:1rem .4rem;width:calc(33.33% - .875rem)}.LectureVideoItem .lecture-thumb{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 0 0;padding-top:50%;width:100%}.LectureVideoItem .lecture-bottom{display:flex;flex-direction:column;font-size:.9rem;justify-content:center;min-height:7rem;padding:1rem;position:relative}.LectureVideoItem .lecture-bottom .lecture-period{background:#f3ab19;border-radius:50px;color:#333;display:inline-block;font-weight:700;left:12px;padding:.5rem;position:absolute;top:-28px}.LectureVideoItem .lecture-bottom .lecture-bottom-left{font-size:1rem;word-break:keep-all}.LectureVideoItem .lecture-bottom .lecture-bottom-right{font-size:1rem;margin-top:.3rem;word-break:keep-all}@media (max-width:1200px){.LectureVideoItem{width:calc(50% - .875rem)}}@media (max-width:768px){.LectureVideoItem{width:calc(100% - .875rem)}}.LectureDetailPopup{align-items:center;animation-duration:.5s;animation-fill-mode:both;background-color:rgba(0,0,0,.85);display:none;flex-direction:column;height:100%;justify-content:center;justify-content:flex-start;left:0!important;line-height:1;opacity:0;overflow:auto;padding:1em;position:fixed;text-align:center;top:0!important;transition:background-color .5s linear;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%;will-change:opacity;z-index:10000}.LectureDetailPopup .popup-inner{background:#fff;border:none;border-radius:.28571429rem;box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);color:#333;display:none;flex:0 0 auto;left:0;margin:3rem auto;position:absolute;right:0;text-align:left;transform-origin:50% 25%;-webkit-user-select:text;-ms-user-select:text;user-select:text;width:88%;will-change:top,left,margin,transform,opacity;z-index:1001}.LectureDetailPopup .popup-inner .title{font-size:1.25rem;font-weight:400;margin-top:1.5rem;padding:0 1rem 1rem;text-align:center;word-break:keep-all}.LectureDetailPopup .popup-inner .close-btn{font-size:2rem;position:absolute;right:1rem;top:1rem}.LectureDetailPopup .popup-inner .close-btn svg{cursor:pointer}.LectureDetailPopup .popup-inner .youtube{margin-top:1rem;padding:0 1rem}.LectureDetailPopup .popup-inner .youtube iframe{border:none;height:200px;width:100%}.LectureDetailPopup .popup-inner .images{margin-top:1rem;padding:0 1rem}.LectureDetailPopup .popup-inner .images .image{padding-bottom:.875rem;width:100%}.LectureDetailPopup .popup-inner .images .image img{height:auto;width:100%}.LectureDetailPopup .popup-inner .explain{font-size:1rem;line-height:24px;margin-top:.5rem;padding:0 1rem;word-break:keep-all}.LectureDetailPopup .popup-inner .actions{margin-top:2rem}.LectureDetailPopup .popup-inner .actions button{background-color:#b56aff;border:none;border-radius:0 0 .28571429rem .28571429rem;color:#fff;cursor:pointer;font-size:1.25rem;padding:1.25rem;width:100%}.active{opacity:1}.active,.active .popup-inner{display:block}@media only screen and (min-width:768px){.LectureDetailPopup .popup-inner{width:750px}.LectureDetailPopup .popup-inner .youtube iframe{height:300px}}@media only screen and (min-width:992px){.LectureDetailPopup .popup-inner{width:800px}.LectureDetailPopup .popup-inner .youtube iframe{height:400px}}@media only screen and (min-width:1200px){.LectureDetailPopup .popup-inner{width:850px}.LectureDetailPopup .popup-inner .youtube iframe{height:450px}}@media only screen and (min-width:1920px){.LectureDetailPopup .popup-inner{width:900px}.LectureDetailPopup .popup-inner .youtube iframe{height:500px}}.MyClassDetailTop{border:1px solid #fcc500;border-radius:10px;display:flex;margin-top:6rem}.MyClassDetailTop .class-img{height:190px;width:16.6666666667%}.MyClassDetailTop .class-info{width:100%}.MyClassDetailTop .class-info .class-info-header-box{background:#fcc500;border-radius:6px 6px 0 0;position:relative}.MyClassDetailTop .class-info .class-info-header-box .class-info-header{padding:20px 30px}.MyClassDetailTop .class-info .class-info-header-box .class-info-header .class-name{color:#fff;font-size:24px;padding-left:10px}.MyClassDetailTop .class-info .class-info-header-box .class-info-header .class-grade{color:#fff;font-size:16px;padding-left:10px}.MyClassDetailTop .class-info .class-info-header-box .class-info-header .class-option{cursor:pointer;display:inline-block;position:absolute;right:30px}.MyClassDetailTop .class-info .class-info-header-box .class-info-header .class-option img{display:block}.MyClassDetailTop .class-info .class-detail-info{padding:30px}.MyClassDetailTop .class-info .class-detail-info .class-explain{color:#333;font-size:1rem;line-height:1.5rem;padding:10px 0}.MyClassDetailTop .class-info .class-detail-info .class-explain .explain-quotes{color:#f3ab19}.MyClassDetailTop .class-info .class-detail-info .class-info-stroke{border:thin solid #09f;margin:10px 0 20px}.MyClassDetailTop .class-info .class-detail-info .class-info-bottom{color:#333;display:flex;flex-wrap:wrap;font-size:1rem;line-height:3rem;position:relative}.MyClassDetailTop .class-info .class-detail-info .class-info-bottom .class-assignment,.MyClassDetailTop .class-info .class-detail-info .class-info-bottom .class-code,.MyClassDetailTop .class-info .class-detail-info .class-info-bottom .class-students,.MyClassDetailTop .class-info .class-detail-info .class-info-bottom .class-teacher{margin-left:1rem}.MyClassDetailTop .class-info .class-detail-info .class-info-bottom span{margin-left:10px}.MyClassDetailTop .class-info .class-detail-info .class-info-bottom img{vertical-align:sub}.MyClassDetailTop .class-info .class-detail-info .class-assignment-button-box{position:absolute;right:0}.MyClassDetailTop .class-info .class-detail-info .class-assignment-button-box .class-assignment-button{background:#09f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;letter-spacing:.5px;text-align:center;transition:all .2s linear;width:200px}.MyClassDetailTop .class-info .class-detail-info .class-assignment-button-box .class-assignment-button:hover{background:#f3ab19}.MyClassDetailTop .class-info .class-detail-info .class-assignment-button-box .class-assignment-button img{margin-right:10px;vertical-align:text-bottom}@media (max-width:768px){.MyClassDetailTop{margin-top:3rem}.MyClassDetailTop .class-info .class-info-header-box .class-info-header .class-name{font-size:1.3rem}.MyClassDetailTop .class-info .class-detail-info .class-explain,.MyClassDetailTop .class-info .class-detail-info .class-info-bottom{font-size:.8rem}}.StudentList{display:flex;flex-wrap:wrap;margin-bottom:2rem}.class-list-box{align-items:center;color:#333;color:#fcc500;display:flex;flex-basis:100%;font-size:2rem;font-size:1.6rem;font-weight:700;font-weight:500;margin:8px 0;padding-bottom:3%;padding-top:8%}.class-list-box:after,.class-list-box:before{background:#fcc500;content:"";flex-grow:1;font-size:0;height:1px;line-height:0px;margin:0 16px}@media (max-width:768px){.class-list-box{font-size:1.3rem}}.StudentItem{border:1px solid #fcc500;border-radius:10px;font-size:1rem;margin:.8rem;position:relative;width:calc(50% - 1.75rem)}.StudentItem .student-info-wrap{display:flex;padding:1.5rem}.StudentItem .student-info-wrap .student-title{color:#f3ab19;margin-bottom:.5rem;margin-top:.5rem}.StudentItem .student-info-wrap .student-value{color:#333;margin-bottom:.5rem;margin-left:1.5rem;margin-top:.5rem}.StudentItem .student-info-wrap .student-option{padding-top:1rem;position:absolute;right:1rem}.StudentItem .student-info-wrap .student-option img{cursor:pointer;margin-left:20px;vertical-align:bottom}@media (max-width:1024px){.StudentItem{width:calc(100% - 1.75rem)}}@media (max-width:768px){.StudentItem{font-size:.8rem}}.NoStudents{margin-bottom:500px;margin-top:30px;text-align:center}.NoStudents p{color:#999;font-size:20px;font-weight:400}.NoStudents button{background:#f3ab19;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:50px;margin-top:20px;width:220px}.NoStudents button:hover{background:#e7960a}.MyClassUpdatePopup{width:600px}.MyClassUpdatePopup .class-update-title{background:#fcc500;border-radius:10px 10px 0 0;color:#fff;font-size:22px;line-height:60px;padding:0 20px;text-align:left;width:100%}.MyClassUpdatePopup .class-update-info{background:#fff;border-radius:0 0 10px 10px;padding:20px}.MyClassUpdatePopup .class-update-info .class-update-input-box .input-class-explain{color:#333;font-size:16px;padding:20px;width:100%}.MyClassUpdatePopup .class-update-info .class-update-button-box{margin:30px 0}.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-button{background:#f3ab19;border:none;border-radius:27.5px;color:#fff;cursor:pointer;font-size:22px;font-weight:500;height:55px;margin:0 15px;width:26.6666666667%}.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-button:hover{background:#e7960a}.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-cancel-button{background:#999;border:none;border-radius:27.5px;color:#fff;cursor:pointer;font-size:22px;font-weight:500;height:55px;margin:0 15px;width:26.6666666667%}.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-cancel-button:hover{background:#888}@media (max-width:768px){.MyClassUpdatePopup{width:100%}.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-button,.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-cancel-button{font-size:1rem;height:40px;width:35%}}
/*# sourceMappingURL=main.cbb4b96f.css.map*/