html{font-size:100%}body,html{height:100%}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.03125rem;box-sizing:border-box}body,button,input,select,table,textarea{font-family:"Noto Sans KR";letter-spacing:.5px}*{font-family:"Noto Sans KR";box-sizing:inherit}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}}.footer-wrap{position:relative;background:#f8f8f8;min-width:200px;padding:3rem 0}.footer-wrap .footer-box{height:100%;margin:0 auto;display:flex}.footer-wrap .footer-box .footer-hr{border:1px solid #ddd}.footer-wrap .footer-box .gp-logo{width:20%;text-align:center;padding:50px 0}.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{font-size:14px;font-weight:400;display:flex;margin-bottom:25px}.footer-wrap .footer-box .footer-center .footer-center-top p{margin-right:20px;color:#737373}.footer-wrap .footer-box .footer-center .footer-center-top .footer-center-p{color:#000}.footer-wrap .footer-box .footer-center .footer-center-bottom{font-size:11px;color:#737373;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{text-align:right;padding-left:30px;width:30%}.footer-wrap .footer-box .footer-right .footer-cs{font-size:14px;font-weight:400;color:#737373}.footer-wrap .footer-box .footer-right .footer-company-ph{font-size:20px;font-weight:500;color:#737373}.footer-wrap .footer-box .footer-right .footer-company-wh{font-size:11px;color:#737373}.footer-wrap .footer-box .footer-right .footer-company-sns{float:right;margin-top:15px;margin-right:-10px}.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{padding:3rem 0;display:none}.footer-wrap .footer-bottom-sns ul{padding:0 2rem;display:flex;float:right}.footer-wrap .footer-bottom-sns ul li{padding:0 .3em}.none{display:none}@media (min-width:1200px){.footer-box{width:1180px;padding:0 10px}}@media (max-width:768px){.footer-wrap .footer-box{padding-left:2rem;padding-right:2rem}.footer-wrap .footer-box .footer-center{width:100%;padding-bottom:2rem;border-bottom:1px solid #bbb}.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:#b56aff;z-index:9999!important}.headroom--pinned{background:#b56aff;box-shadow:0 -16px 56px -4px #333}.Header{height:100px;width:100%}.Header .header-wrap{height:100%;margin:0 auto;line-height:96px}.Header .logo{float:left}.Header .logo img{vertical-align:middle;cursor:pointer}.Header .nav li{float:left;margin-left:45px;font-size:16px;font-weight:500}.Header .nav li label{cursor:pointer;color:#fff}.Header .nav li div li{font-size:14px;font-weight:500px;margin-top:11px;margin-left:20px}.Header .nav2{display:flex;flex-direction:row;justify-content:flex-end}@media (min-width:1200px){.header-wrap{width:1400px}}@media (max-width:1200px){.Header{height:75px}.Header .header-wrap{padding:0 2.6666666667em;line-height:75px}.Header .logo img{width:70%}.Header .HeaderRight,.Header .nav{display:none}}.HeaderRight{float:right;margin-right:20px}.HeaderRight .HeaderNotLoginAR li{display:inline-block;text-align:center;vertical-align:middle;margin-left:10px;margin-right:0}.HeaderRight .HeaderNotLoginAR li .login-button{width:150px;line-height:35px;border:none;background:#fff;color:#b56aff;border-radius:17.5px;font-weight:700;font-size:16px;cursor:pointer;outline:none}.HeaderRight .HeaderNotLoginAR li .login-button:hover{background:hsla(0,0%,96.1%,.8);color:#e2d3f1}.HeaderRight li{display:inline-block;text-align:center;vertical-align:middle;margin-left:10px;margin-right:0}.HeaderRight li .login-button{width:100px;line-height:35px;border:none;background:#fff;color:#b56aff;border-radius:17.5px;font-weight:700;font-size:16px;cursor:pointer;outline:none}.HeaderRight li .login-button:hover{background:hsla(0,0%,96.1%,.8);color:#d1a8fb}.HeaderMobileMenu{float:right;top:0;display:none}.HeaderMobileMenu .menu-trigger{width:30px;height:30px;display:inline-block;position:fixed;z-index:10;top:45px;right:32px;cursor:pointer}.HeaderMobileMenu .menu-trigger span{position:absolute;display:inline-block;height:2px;width:100%;background:#fff;transition:all .3s linear}.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{color:#fff;top:100%;left:0;right:0;position:absolute;text-decoration:none;list-style:none;height:0;overflow-y:scroll;-ms-overflow-style:none;background:#09f;width:100%;text-align:center;opacity:0}.HeaderMobileMenu .links::-webkit-scrollbar{display:none}.HeaderMobileMenu .links ul li{list-style:none;margin:.6rem;font-size:1.3rem;line-height:75px}.HeaderMobileMenu .links li:first-child{padding-top:0}.HeaderMobileMenu .links a{text-decoration:none;color:#fff}.HeaderMobileMenu .toggle{height:525px;opacity:1}.HeaderMobileMenu .cotton{position:fixed;top:5rem;height:0;background-color:rgba(0,0,0,.5);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{margin:0;font-size:1.1rem}}.Banner .banner-wrap .banner-img{position:absolute;top:25%;right:11%}.Banner-school{height:350px;background:#b56aff;position:relative}.Banner-school .banner-wrap{margin:0 auto;padding:180px 10px 0}.Banner-school .banner-wrap .banner-text{font-size:40px;font-weight:500;color:#fff}.Banner-school .banner-wrap .banner-img{position:absolute;top:25%;right:11%}.Banner-school .banner-wrap .banner-search{margin-top:3.3898305085%}@media (min-width:1200px){.Banner-school .banner-wrap{width:1180px}}@media (max-width:1199px){.Banner-school .banner-wrap .banner-img{right:-14%}}@media (max-width:1024px){.Banner-school .banner-wrap .banner-text{font-size:30px}}@media (max-width:768px){.Banner-school{height:300px;text-align:center}.Banner-school .banner-wrap .banner-text{font-size:24px}}.Banner-2{height:350px;background:#b56aff;position:relative}.Banner-2 .banner-wrap{margin:0 auto;padding:180px 10px 0}.Banner-2 .banner-wrap .banner-text{font-size:40px;font-weight:500;color:#fff}.Banner-2 .banner-wrap .banner-img2{position:absolute;top:33%;right:12%}.Banner-2 .banner-wrap .banner-search{text-align:center;margin-top:3.3898305085%}@media (min-width:1200px){.Banner-2 .banner-wrap{width:1180px}}@media (max-width:1199px){.Banner-2 .banner-wrap .banner-img{right:-14%}}@media (max-width:1024px){.Banner-2 .banner-wrap .banner-text{font-size:30px}}@media (max-width:768px){.Banner-2{height:300px;text-align:center}.Banner-2 .banner-wrap .banner-text{font-size:24px}}.Banner-3{height:350px;background:#b56aff;position:relative}.Banner-3 .banner-wrap{margin:0 auto;padding:180px 10px 0}.Banner-3 .banner-wrap .banner-text{font-size:40px;font-weight:500;color:#fff}.Banner-3 .banner-wrap .banner-img3{position:absolute;top:40%;right:11%}.Banner-3 .banner-wrap .banner-search{margin-top:3.3898305085%}@media (min-width:1200px){.Banner-3 .banner-wrap{width:1180px}}@media (max-width:1199px){.Banner-3 .banner-wrap .banner-img{right:-14%}}@media (max-width:1024px){.Banner-3 .banner-wrap .banner-text{font-size:30px}}@media (max-width:768px){.Banner-3{height:300px;text-align:center}.Banner-3 .banner-wrap .banner-text{font-size:24px}}.Banner-Content{height:350px;background:#b56aff;position:relative}.Banner-Content .banner-wrap{margin:0 auto;padding:180px 10px 0}.Banner-Content .banner-wrap .banner-text{font-size:40px;font-weight:500;color:#fff}.Banner-Content .banner-wrap .banner-img{position:absolute;top:33%;right:11%}.Banner-Content .banner-wrap .banner-search{margin-top:3.3898305085%}@media (min-width:1200px){.Banner-Content .banner-wrap{width:1180px}}@media (max-width:1199px){.Banner-Content .banner-wrap .banner-img{right:-14%}}@media (max-width:1024px){.Banner-Content .banner-wrap .banner-text{font-size:30px}}@media (max-width:768px){.Banner-Content{height:300px;text-align:center}.Banner-Content .banner-wrap .banner-text{font-size:24px}}.IntroMiddle{width:1280px;margin:10rem auto 15rem}.IntroMiddle .intro-middle-title-wrap{text-align:center;margin:6rem 0}.IntroMiddle .intro-middle-title-wrap h2{font-size:33px;font-weight:800;color:#000}.IntroMiddle .intro-middle-title-wrap p{margin-top:2rem;margin-bottom:4rem;font-size:22px;font-weight:400;color:#494645;word-break:keep-all;padding:0 10rem}.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{width:calc(33.333% - 1rem);margin-top:4rem;margin-left:.7em;text-align:center}.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{font-size:20px;color:#000;font-weight:500;margin-top:12px;line-height:10px}.IntroMiddle .intro-middle-contents-wrap .intro-content-list .intro-content-item-us{width:calc(33.333% - 1rem);margin-top:4rem;margin-left:.7em;text-align:center}.IntroMiddle .intro-middle-contents-wrap .intro-content-list .intro-content-item-us .intro-content-img-box img{max-width:100%}.IntroMiddle .intro-middle-contents-wrap .intro-content-list .intro-content-item-us .intro-content-img-box p{font-size:19px;color:#000;font-weight:500;margin-top:12px;line-height:10px}@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{width:calc(50% - 2rem);margin:1rem}}@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{width:calc(100% - 1rem);margin:.5rem}}.IntroTop{margin:4rem 0}.IntroTop .title-wrap{text-align:center;margin:8rem 0}.IntroTop .title-wrap h2{font-size:42px;font-weight:600;color:#000;margin-bottom:1em}.IntroTop .title-wrap p{font-size:20px;font-weight:400;color:#636363}.IntroTop .title-wrap .title-button{margin:5rem 0}.IntroTop .title-wrap .title-button button{background-color:#b56aff;border-radius:10px;width:185px;height:60px;font-size:20px;border:none;font-weight:600;color:#fff;cursor:pointer}.IntroTop .title-wrap .title-img-box{margin:6rem 0}.IntroTop .title-wrap .title-img-box img{max-width:100%}.IntroTop .content-wrap{margin:6rem 0;width:100vw;position:relative}.IntroTop .content-wrap .content-list{display:table;margin-right:auto;margin-left:auto;list-style:disc outside none;list-style:initial}.IntroTop .content-wrap .content-list li{font-size:21px;margin-bottom:30px;color:#636363}.IntroTop .content-wrap .content-list li::marker{color:#b56aff}.IntroTop .desc-wrap{background-color:#f7f7f7}.IntroTop .desc-wrap .desc-list{display:flex;align-content:center;justify-content:center;align-items:flex-start}.IntroTop .desc-wrap .desc-list .desc-item{text-align:center;margin:8rem}.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;word-break:keep-all;min-height:4rem}.IntroTop .desc-wrap .desc-list .desc-item p{margin-top:1rem;font-size:22px;font-weight:400;color:#494645;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}}@media (max-width:768px){.MyPageTemplate .container{text-align:center}}.MyPageTop{background:#b56aff;height:350px}.MyPageTop .user-info{margin:0 auto;height:100%;padding:170px 10px 0;position:relative;font-size:36px;color:#fff}.MyPageTop .user-option{display:inline-block;margin-left:10px;width:80px;line-height:30px;vertical-align:middle}.MyPageTop .user-option .user-update{text-align:center;font-size:16px;color:#fff;border:1px solid #fff;border-radius:15px}.MyPageTop .user-option .user-update img{margin-left:4px;margin-bottom:2px;vertical-align:middle}.MyPageTop .mypage-top-right img{position:absolute;right:0;bottom:0}@media (min-width:1200px){.MyPageTop .user-info{width:1180px}}@media (max-width:768px){.MyPageTop{height:300px}.MyPageTop .user-info{text-align:center;font-size:30px}.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{margin-right:2.5%;font-size:30px;color:#999;font-weight:500;cursor:pointer}.MyPageList .mypage-list-select .mypage-select:hover,.MyPageList .mypage-list-select .select-active{color:#b56aff;border-bottom:3px solid #f3ab19}@media (max-width:1024px){.MyPageList{text-align:center}.MyPageList .mypage-list-select{display:block}.MyPageList .mypage-list-select .mypage-select{font-size:22px;display:inline-block}}@media (max-width:500px){.MyPageList .mypage-list-select .mypage-select{font-size:18px}}.MyBillingInfo{position:relative;width:66%;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:10px;padding-bottom:20px;margin-bottom:500px}.MyBillingInfo .my-plan-title{line-height:80px;font-size:30px;word-spacing:.25px;font-weight:500;color:#fff;background:#f3ab19;border-radius:10px 10px 0 0;padding-left:25px;text-align:left}.MyBillingInfo .my-plan-title img{position:absolute;right:20px;top:10%;cursor:pointer}.MyBillingInfo .my-plan-info{padding-left:25px;text-align:left}.MyBillingInfo .my-plan-info .plan-payment-info{margin-top:15px;font-size:24px;color:#333;font-weight:500}.MyBillingInfo .my-plan-info .plan-payment-info span{color:#b56aff}.MyBillingInfo .my-plan-info .plan-card-info,.MyBillingInfo .my-plan-info .plan-next-payment{margin-top:15px;font-size:20px;color:#333}.MyBillingInfo .plan-change-button{font-size:16px;color:#999;text-align:right;padding-right:20px}.MyBillingInfo .plan-change-button span{color:#f3ab19}.MyBillingInfo .plan-change-button label{cursor:pointer}@media (max-width:1024px){.MyBillingInfo .my-plan-title{font-size:24px}.MyBillingInfo .my-plan-info .plan-payment-info{font-size:20px}.MyBillingInfo .my-plan-info .plan-card-info,.MyBillingInfo .my-plan-info .plan-next-payment{font-size:16px}.MyBillingInfo .plan-change-button{font-size:14px}}@media (max-width:768px){.MyBillingInfo{width:85%;margin:0 auto 500px}.MyBillingInfo .my-plan-title{font-size:22px}.MyBillingInfo .my-plan-info .plan-payment-info{font-size:18px}.MyBillingInfo .my-plan-info .plan-card-info,.MyBillingInfo .my-plan-info .plan-next-payment{font-size:14px}.MyBillingInfo .plan-change-button{font-size:12px;margin-top:4%}}@media (max-width:500px){.MyBillingInfo{width:90%}.MyBillingInfo .my-plan-title{font-size:18px}.MyBillingInfo .my-plan-info .plan-payment-info{font-size:15px}.MyBillingInfo .my-plan-info .plan-card-info,.MyBillingInfo .my-plan-info .plan-next-payment{font-size:13px}.MyBillingInfo .plan-change-button{font-size:12px;margin-top:6%}}.NoBilling{margin-top:5rem;text-align:center;margin-bottom:10rem}.NoBilling p{font-size:20px;color:#999;font-weight:400}.NoBilling button{margin-top:40px;background:#f3ab19;width:220px;height:50px;border-radius:5px;font-size:16px;color:#fff;border:none;cursor:pointer}.NoBilling button:hover{background:#e7960a}.LicenseCodeUsedList table{text-align:center}.LicenseCodeUsedList table thead tr td{background:#b56aff;padding:.8rem 1rem;color:#fff;border-radius:6px}.LicenseCodeUsedList table tbody tr td:first-child{font-weight:600;background-color:#f4f4f4}.LicenseCodeUsedList table tbody tr td{background:#f8f8f8;padding:.8rem 1rem;color:#707070;border-radius:6px}@media (max-width:1024px){.LicenseCodeUsedList{width:100%;overflow-x:auto;white-space:nowrap}.LicenseCodeUsedList table{width:auto;font-size:.9rem}}.LicenseCodeUsedTitle{display:inline-block;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer}.LicenseCodeUsedTitle h2{font-size:30px;color:#999;font-weight:500;color:#b56aff}.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{display:inline-block;padding:.8rem .7rem;border:2px solid #f8f8f8;border-radius:6px;display:flex;color:#707070}.LicenseCodeUsedTerm .license-code-used-term-wrap .license-code-term-left{margin-right:.8rem;font-weight:500}.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{padding:0 1rem;margin-right:.2rem;border-radius:6px;background-color:#f8f8f8;cursor:pointer}.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{width:100%;text-align:center;border-collapse:separate;border-spacing:4px}.OrderList .order-list-table thead tr th{font-size:1.1rem;font-weight:400;background:#b56aff;border-radius:6px;color:#fff;padding:1.25rem}.OrderList .pagination{display:flex;margin-top:2rem;text-align:center;flex-direction:row;justify-content:center}.OrderList .pagination li{display:flex;font-size:16px;font-weight:400;width:30px;line-height:30px;margin-right:5px;margin-left:5px;border:none;border-radius:20px;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;outline:none}.OrderList .pagination li a{width:30px;outline:none;display:block;margin-left:2px}.OrderList .pagination li:hover{transition:all .2s linear;background:rgba(0,0,0,.5);color:#fff}.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{transition:all .2s linear;background:#b56aff;border-radius:20px;color:#fff}.OrderListNotFound{font-size:1.25rem;text-align:center;margin:10rem 0}@media (max-width:1024px){.OrderList{display:none}}.OrderItem td{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px;padding:1rem;color:#333}.OrderItem .order-seq .order-detail-link{font-weight:500;color:#333}.OrderItem .order-seq .order-detail-link .order-detail-text{font-size:.9rem;font-weight:400}.OrderItem .order-product{display:flex;align-items:center}.OrderItem .order-product img{width:150px;height:150px}.OrderItem .order-product .order-product-name{word-break:keep-all}.LicenseCode{margin-bottom:3rem}.LicenseCode .license-code-title{display:inline-block;font-size:30px;color:#999;font-weight:500;margin-bottom:1.25rem;color:#b56aff}.LicenseCode .license-code-input-wrap{position:relative;display:flex;width:45%}.LicenseCode .license-code-input-wrap input{flex:1 1;outline:none;padding-left:1rem;border:1px solid #eee;border-radius:6px 0 0 6px;box-shadow:inset 1px 4px 5px 0 rgba(0,0,0,.15);font-size:1rem}.LicenseCode .license-code-input-wrap .license-code-use-btn{background-color:#b56aff;cursor:pointer;border-radius:0 6px 6px 0;padding:.6rem .8rem;box-shadow:inset 1px 4px 5px 0 rgba(0,0,0,.15)}@media (max-width:768px){.LicenseCode .license-code-title{font-size:18px}.LicenseCode .license-code-input-wrap{width:100%;padding:0 2rem}}.MyLicenseList{display:inline-block;width:66%;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:10px;text-align:left;position:relative;margin-bottom:5rem}.MyLicenseList .my-license-name{font-size:30px;color:#fff;background:#b56aff;padding:20px 30px;font-weight:500;border-radius:10px 10px 0 0}.MyLicenseList .my-license-info{padding:20px 30px}.MyLicenseList .my-license-info .current-license-state{font-size:24px;font-weight:500;color:#333}.MyLicenseList .my-license-info .license-expire,.MyLicenseList .my-license-info .license-price,.MyLicenseList .my-license-info .license-purchase{font-size:20px;color:#333;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{font-size:14px;color:#b56aff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:20px}.MyLicenseList .license-in-use{color:#b56aff}.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-top:100px;margin-bottom:100px;text-align:center}.NoLicenseList p{font-size:20px;color:#999;font-weight:400}.NoLicenseList button{margin-top:40px;background:#2fae8e;width:220px;height:50px;border-radius:5px;font-size:16px;color:#fff;border:none;cursor:pointer}.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{display:inline-block;font-size:16px;font-weight:400;width:30px;line-height:30px;margin-right:5px;margin-left:5px;border:none;border-radius:20px;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;outline:none}.MobileOrderList .pagination li a{outline:none;display:block}.MobileOrderList .pagination li:hover{transition:all .2s linear;background:rgba(0,0,0,.5);color:#fff}.MobileOrderList .pagination .rc-pagination-jump-next:after,.MobileOrderList .pagination .rc-pagination-jump-prev:after{content:"•••";display:block;letter-spacing:2px;color:#555;font-size:16px;margin-top:0}.MobileOrderList .pagination .rc-pagination-jump-next:hover:after{color:#fff;font-size:16px;content:"»"}.MobileOrderList .pagination .rc-pagination-jump-prev:hover:after{color:#fff;font-size:16px;content:"«"}.MobileOrderList .pagination .rc-pagination-item-active{transition:all .2s linear;background:#b56aff;border-radius:20px;color:#fff}@media (max-width:1024px){.MobileOrderList{display:block}}.MobileOrderItem{width:100%;padding:0 1rem;margin:1.5rem 0;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:8px}.MobileOrderItem .order-top{display:flex;align-items:baseline;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{display:flex;padding:1rem 0;align-items:center}.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{width:50%;margin:0 auto}.MyStudentList .my-student-list-title-wrap .my-student-list-title{font-weight:500;background:#b56aff;color:#fff;padding:.5rem .875rem;border-radius:56px;text-align:center;font-size:32px;margin:1rem 0}.MyStudentList .check-student-pwd{display:flex}.MyStudentList .check-student-pwd input{flex:1 1;outline:none;border:1px solid #999;border-radius:4px;padding:.6rem;width:100%;font-size:1rem}.MyStudentList .check-student-pwd button{outline:none;border:none;color:#fff;border-radius:4px;min-width:4.5rem;background:#b56aff;padding:.5rem;font-size:1rem;cursor:pointer;margin-left:.3rem}.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{position:relative;width:calc(33.33% - .875rem);box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:20px;padding:1.5rem;margin:1rem .4rem;cursor:pointer;border:2.5px solid #b56aff}.MyStudentList .my-student-list .my-student-item .student-info{font-weight:500}.MyStudentList .my-student-list .my-student-item .student-info img{vertical-align:text-bottom;max-width:24px}.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{margin-right:1rem;color:#09f}.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{margin-right:1rem;color:#b56aff}.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{padding:.5rem;font-size:24px}.MyStudentList .my-student-list .my-student-item{width:calc(100% - .875rem)}}.LectureVideoList{max-width:1180px;margin:2rem auto 4rem}.LectureVideoList .lecture-subject{margin-top:4rem;margin-bottom:1rem;font-weight:700;font-size:1.5rem}.LectureVideoList .lecture-list{display:flex;flex-wrap:wrap;margin-top:1rem}.LectureVideoItem{width:calc(33.33% - .875rem);box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:20px;margin:1rem .4rem;cursor:pointer}.LectureVideoItem .lecture-thumb{background-position:50%;background-size:cover;background-repeat:no-repeat;width:100%;padding-top:50%;border-radius:20px 20px 0 0}.LectureVideoItem .lecture-bottom{position:relative;padding:1rem;font-size:.9rem;display:flex;flex-direction:column;justify-content:center;min-height:7rem}.LectureVideoItem .lecture-bottom .lecture-period{position:absolute;top:-28px;left:12px;display:inline-block;color:#333;background:#f3ab19;padding:.5rem;border-radius:50px;font-weight:700}.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{display:none;position:fixed;overflow:auto;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;animation-fill-mode:both;animation-duration:.5s;transition:background-color .5s linear;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:10000;justify-content:flex-start}.LectureDetailPopup .popup-inner{width:88%;position:absolute;left:0;right:0;display:none;z-index:1001;text-align:left;background:#fff;border:none;box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);transform-origin:50% 25%;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity;margin:3rem auto;color:#333}.LectureDetailPopup .popup-inner .title{margin-top:1.5rem;font-size:1.25rem;font-weight:400;text-align:center;padding:0 1rem 1rem;word-break:keep-all}.LectureDetailPopup .popup-inner .close-btn{position:absolute;top:1rem;right:1rem;font-size:2rem}.LectureDetailPopup .popup-inner .close-btn svg{cursor:pointer}.LectureDetailPopup .popup-inner .youtube{margin-top:1rem;padding:0 1rem}.LectureDetailPopup .popup-inner .youtube iframe{width:100%;height:200px;border:none}.LectureDetailPopup .popup-inner .images{margin-top:1rem;padding:0 1rem}.LectureDetailPopup .popup-inner .images .image{width:100%;padding-bottom:.875rem}.LectureDetailPopup .popup-inner .images .image img{width:100%;height:auto}.LectureDetailPopup .popup-inner .explain{margin-top:.5rem;font-size:1rem;padding:0 1rem;line-height:24px;word-break:keep-all}.LectureDetailPopup .popup-inner .actions{margin-top:2rem}.LectureDetailPopup .popup-inner .actions button{width:100%;border:none;padding:1.25rem;background-color:#b56aff;font-size:1.25rem;color:#fff;cursor:pointer;border-radius:0 0 .28571429rem .28571429rem}.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}}.ShareMapTemplate .Banner .banner-wrap{padding-top:9rem}@media (max-width:500px){.ShareMapTemplate .Banner .banner-wrap{padding-top:6rem}}.input-search-box{position:relative;display:inline-block;z-index:1}.input-search-box input[type=text]{width:450px;height:60px;border:2.5px solid #b56aff;border-radius:50px;font-size:16px;color:rgba(0,0,0,.5);display:inline-block;padding-left:20px}.input-search-box input[type=text]:focus{outline:#b56aff}.input-search-box button{width:75px;height:60px;border:none;cursor:pointer;border-radius:0 5px 5px 0;position:absolute;right:0}.input-search-box button,.input-search-box button:hover{background-color:transparent}@media (max-width:1024px){.input-search-box input[type=text]{font-size:16px}}@media (max-width:768px){.input-search-box input[type=text]{font-size:14px;width:320px}}@media (max-width:500px){.input-search-box{width:100%}.input-search-box input[type=text]{font-size:14px;width:100%}.input-search-box button{width:50px}}.select-search-box{position:relative;display:inline-block;margin-right:20px;width:150px}.select-search-box select{display:inline-block;width:100%;cursor:pointer;padding:10px 25px;outline:0;border:2.5px solid #b56aff;border-radius:50px;background:#fff;color:rgba(0,0,0,.5);appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:18px;height:60px}.select-search-box select::-ms-expand{display:none}.select-search-box .select+.select{margin-top:0;margin-bottom:35px}.select-search-box .select select::-ms-expand{display:none}.select-search-box .select select:focus,.select-search-box .select select:hover{color:#333;background:#fff}.select-search-box .select select:disabled{opacity:.5;pointer-events:none}.select-search-box .select__arrow{position:absolute;top:24px;right:15px;width:0;height:0;pointer-events:none;border-color:#b56aff transparent transparent;border-style:solid;border-width:14px 10px 0}.select-search-box .select select:focus~.select__arrow,.select-search-box .select select:hover~.select__arrow{border-top-color:#b56aff}.select-search-box .select select:disabled~.select__arrow{border-top-color:#fff}@media (max-width:1024px){.select-search-box select{font-size:16px}}@media (max-width:768px){.select-search-box{width:100px}.select-search-box select{font-size:14px}}@media (max-width:500px){.select-search-box{width:100%;margin-bottom:2%}}.ShareMapList{margin-top:100px;margin-bottom:75px;text-align:center}.ShareMapList .pagination{margin-top:6.3559322034%;display:flex;text-align:center;flex-direction:row;justify-content:center}.ShareMapList .pagination li{display:flex;font-size:16px;font-weight:400;width:30px;line-height:30px;margin-right:5px;margin-left:5px;border:none;border-radius:20px;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;outline:none}.ShareMapList .pagination li a{width:30px;outline:none;display:block;margin-left:2px}.ShareMapList .pagination li:hover{transition:all .2s linear;background:rgba(0,0,0,.5);color:#fff}.ShareMapList .pagination .rc-pagination-jump-prev{order:1}.ShareMapList .pagination .rc-pagination-prev{order:2}.ShareMapList .pagination .rc-pagination-item{order:3}.ShareMapList .pagination .rc-pagination-next{margin-left:20px;order:4}.ShareMapList .pagination .rc-pagination-jump-next{order:5}.ShareMapList .pagination .rc-pagination-item-active{transition:all .2s linear;background:#b56aff;border-radius:20px;color:#fff}@media (max-width:1024px){.ShareMapList .ShareMapItem .share-map-thumb{width:100%;height:550px}.ShareMapList .ShareMapItem .share-map-info .share-map-title{font-size:16px;max-width:20rem}}@media (max-width:768px){.ShareMapList{margin-top:8.4745762712%}.ShareMapList .ShareMapItem .share-map-thumb{width:100%;height:400px}.ShareMapList .ShareMapItem .share-map-info .share-map-title{font-size:14px;max-width:13rem;max-height:3.5rem}.ShareMapList .pagination li{font-size:14px;width:26px}}@media (max-width:500px){.ShareMapList .ShareMapItem .share-map-thumb{width:100%;height:250px}.no-share-map label,.no-share-map p{font-size:16px}}.ShareMapItem{margin-right:20px;margin-left:20px;margin-bottom:20px;display:inline-block;vertical-align:middle;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:20px;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-o-user-select:none;-moz-user-select:none;cursor:pointer;width:calc(20% - 1.75rem)}.ShareMapItem .share-map-thumb{background:hsla(0,0%,100%,.25);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:265px;border-radius:20px 20px 0 0;position:relative}.ShareMapItem .share-map-info{width:100%;background:#fff;border-radius:0 0 20px 20px;text-align:left}.ShareMapItem .share-map-info .share-map-title{font-size:18px;color:#333;line-height:60px;padding-left:20px;max-width:22rem;max-height:4rem}.ShareMapItem .share-map-info .share-map-nickname{font-size:16px;color:#333;height:45px;padding-left:20px;vertical-align:top}@media(max-width:1920px){.ShareMapItem{width:calc(25% - 1.75rem)}}@media(max-width:1600px){.ShareMapItem{width:calc(33.333% - 1.75rem)}}@media(max-width:1200px){.ShareMapItem{width:calc(50% - 1.75rem)}}@media(max-width:1024px){.ShareMapItem{width:calc(100% - 1.75rem);margin-top:1.25rem;margin-bottom:1.25rem}}.NoShareMap{text-align:center;margin-top:15rem;margin-bottom:4rem}.NoShareMap label{font-size:20px;color:#999}.NoShareMap label span{color:#f3ab19}.NoShareMap p{font-size:20px;color:#999}@media (max-width:768px){.NoShareMap label,.NoShareMap p{font-size:18px}}@media (max-width:500px){.NoShareMap label,.NoShareMap p{font-size:16px}}.popup{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:rgba(0,0,0,.5);z-index:10000;text-align:center}.popup .popup-inner{position:relative;display:inline-block;margin-top:5%}.ShareMapDetail .share-map-detail-title{line-height:90px;background:#fff;text-align:left;padding-left:50px;font-size:30px;color:#333;border-radius:29.5px 29.5px 0 0;display:inherit}.ShareMapDetail .detail-close-box{float:right;padding-right:50px}.ShareMapDetail .detail-close-box .close{position:relative;display:inline-block;width:50px;height:50px;overflow:hidden;vertical-align:middle;cursor:pointer}.ShareMapDetail .detail-close-box .close:hover:after,.ShareMapDetail .detail-close-box .close:hover:before{background:#333}.ShareMapDetail .detail-close-box .close:after,.ShareMapDetail .detail-close-box .close:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#000}.ShareMapDetail .detail-close-box .close:before{transform:rotate(45deg)}.ShareMapDetail .detail-close-box .close:after{transform:rotate(-45deg)}.ShareMapDetail .detail-close-box .close.big{transform:scale(3)}.ShareMapDetail .detail-close-box .close.hairline:after,.ShareMapDetail .detail-close-box .close.hairline:before{height:1px}.ShareMapDetail .detail-close-box .close.thick:after,.ShareMapDetail .detail-close-box .close.thick:before{height:4px;margin-top:-2px}.ShareMapDetail .detail-close-box .close.black:after,.ShareMapDetail .detail-close-box .close.black:before{height:8px;margin-top:-4px}.ShareMapDetail .detail-close-box .close.heavy:after,.ShareMapDetail .detail-close-box .close.heavy:before{height:12px;margin-top:-6px}.ShareMapDetail .detail-close-box .close.pointy:after,.ShareMapDetail .detail-close-box .close.pointy:before{width:200%;left:-50%}.ShareMapDetail .detail-close-box .close.rounded:after,.ShareMapDetail .detail-close-box .close.rounded:before{border-radius:5px}.ShareMapDetail .share-map-detail-thumb{height:600px;width:100%;background-repeat:round;background-color:#fff}.ShareMapDetail .share-map-detail-explain{border-radius:0 0 29.5px 29.5px;background:#fff;text-align:left;padding:30px 50px;font-size:16px;color:#333}@media (min-width:360px){.share-map-detail-popup{width:360px}}@media (min-width:500px){.share-map-detail-popup{width:500px}}@media (min-width:768px){.share-map-detail-popup{width:768px}}@media (min-width:1200px){.share-map-detail-popup{width:1180px}}@media (max-width:1024px){.share-map-detail-popup .share-map-detail-thumb{height:450px}}@media (max-width:768px){.popup-inner{margin-top:20%!important}.share-map-detail-popup .share-map-detail-title{line-height:70px;font-size:22px}.share-map-detail-popup .share-map-detail-thumb{height:300px}.share-map-detail-popup .detail-close-box .close{width:30px;height:30px}.share-map-detail-popup .share-map-detail-explain{padding:20px 50px;font-size:15px}}@media (max-width:768px)and (max-width:500px){.share-map-detail-popup .share-map-detail-thumb{height:300px}.share-map-detail-popup .share-map-detail-title{font-size:18px;padding-left:20px}.share-map-detail-popup .share-map-detail-thumb{height:230px}.share-map-detail-popup .detail-close-box{padding-right:20px}.share-map-detail-popup .detail-close-box .close{width:24px;height:24px}.share-map-detail-popup .share-map-detail-explain{padding:20px;font-size:13px}}.DownloadTemplate .banner-img{bottom:-2%!important}.SchoolDownload .download-headline{margin-top:80px;padding-bottom:10px}.SchoolDownload .download-headline p{font-size:30px;font-weight:500;color:#000}.SchoolDownload .school-download-wrap{border-top:2px solid #b56aff;padding-top:40px;display:flex}.SchoolDownload .school-download-wrap .school-download-pc{width:50%;padding-right:10px}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button{width:100%;border:none;background:#00b1ff;border-radius:10px;font-size:24px;font-weight:700;text-align:left;color:#fff;height:100px;padding:0 9%;cursor:pointer}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button:hover{background:#00b1ff}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-button button img{vertical-align:bottom;float:right}.SchoolDownload .school-download-wrap .school-download-pc .school-download-pc-label{margin-top:5px;font-size:16px;color:#737373}.SchoolDownload .school-download-wrap .school-download-hmd{width:50%;padding-left:10px}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button{width:100%;border:none;background:#ed3c30;border-radius:10px;font-size:24px;font-weight:700;text-align:left;color:#fff;height:100px;padding:0 9%;cursor:pointer}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button:hover{background:#ed3c30}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-button button img{vertical-align:bottom;float:right}.SchoolDownload .school-download-wrap .school-download-hmd .school-download-hmd-label{margin-top:5px;font-size:16px;color:#737373}@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{width:100%;padding:0 10px}}@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{width:100%;padding:0 10px}.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-hmd{width:100%;padding:0 10px;margin-top:3%}.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-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{margin-bottom:150px;margin-top:5%}.SchoolDownloadSpec .download-headline{margin-top:80px;padding-bottom:10px}.SchoolDownloadSpec .download-headline p{font-size:30px;font-weight:500;color:#000}.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{text-align:center;color:#000;font-size:20px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-first{border-right:1px solid #b56aff;padding-left:6.237288%;width:30%;text-align:left;height:80px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest{width:360px;height:80px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest-3,.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest-s{border-right:1px solid #b56aff;width:360px;height:80px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest-22{border-right:1px solid #b56aff;width:360px;height:240px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest-22 p{margin-top:20px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest-2{width:360px;height:240px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest-2 p{margin-top:20px}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-head{background:rgba(237,60,48,.1);border-bottom:2px solid #ed3c30;color:#ed3c30;font-size:25px;font-weight:700}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-info{background:#fff;color:#000;font-size:20px;font-weight:500;border-bottom:2px solid #ed3c30}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-head-pc{background:rgba(181,106,255,.1);border-bottom:2px solid #b56aff;color:#b56aff;font-size:25px;font-weight:700}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table .download-spec-info-pc{background:#fff;color:#000;font-size:20px;font-weight:500;border-bottom:2px solid #b56aff}@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{width:100%;overflow-x:auto;white-space:nowrap}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table{width:auto}.SchoolDownloadSpec .download-spec-table-wrap .download-spec-table tr .download-col-rest{width:270px;text-align:left;padding-left:1rem}.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}}.PricingTemplate .container{margin-top:2rem}.PricingQuestion{text-align:center;padding-top:8.4745762712%;padding-bottom:116px;position:relative;margin-top:4rem}.PricingQuestion label{font-size:24px;font-weight:500;color:#333}.PricingQuestion label span{color:#09f}.PricingQuestion p{font-size:16px;color:#333}.PricingQuestion img{position:absolute;bottom:0;z-index:-1;left:34%}.PricingQuestion .company-call{margin-top:8px}.PricingQuestion .company-email{padding-bottom:100px}@media (max-width:768px){.PricingQuestion label{font-size:20px}.PricingQuestion p{font-size:14px}.PricingQuestion img{display:none}}@media (max-width:500px){.PricingQuestion label{font-size:16px}.PricingQuestion p{font-size:12px}}.PricingTitle{margin-bottom:2rem}.PricingTitle h2{font-size:30px;font-weight:500;color:#000}@media (max-width:768px){.PricingTitle h2{text-align:center;font-size:1.3rem}}@media (max-width:500px){.PricingTitle h2{font-size:1rem}}.PackageHeadline{margin-top:8rem;margin-bottom:2rem}.PackageHeadline h2{font-size:30px;font-weight:500;color:#000}@media (max-width:768px){.PackageHeadline h2{text-align:center;font-size:1.3rem}}@media (max-width:500px){.PackageHeadline h2{font-size:1rem}}.PackageTabs{display:flex;flex-direction:row}.PackageTabs .package-tab{flex:1 1;padding:1rem;border-radius:1rem 1rem 0 0;background-color:transparent;box-shadow:none;cursor:pointer;background-color:#eee;text-align:center;box-shadow:0 10px 20px 0 rgba(205,193,249,.15)}.PackageTabs .package-tab .vrware-edu-name{font-size:1.5rem;font-weight:500;color:#09f}.PackageTabs .package-tab .package-name{font-size:1.8rem;font-weight:500;color:#09f}.PackageTabs .package-tab:hover{background:#fff}.PackageTabs .tab-selected{background:#f3ab19}.PackageTabs .tab-selected .package-name,.PackageTabs .tab-selected .vrware-edu-name{color:#fff}.PackageTabs .tab-selected:hover{background:#f3ab19}@media (max-width:1024px){.PackageTabs .package-tab .package-name{font-size:1.5rem}}@media (max-width:768px){.PackageTabs .package-tab .vrware-edu-name{font-size:1rem;display:none}.PackageTabs .package-tab .package-name{font-size:1.2rem}}@media (max-width:500px){.PackageTabs{overflow-x:auto}.PackageTabs .package-tab{padding:.9rem}.PackageTabs .package-tab .package-name{font-size:1rem}}.PackageContent{position:relative;z-index:2;padding:3rem;background:#fff;border-radius:0 0 30px 30px;box-shadow:0 6px 56px -50px #333}.PackageContent .content-wrap{display:none;word-break:keep-all}.PackageContent .content-wrap .package-wrap{display:flex}.PackageContent .content-wrap .package-wrap .package-info{flex:2 1}.PackageContent .content-wrap .package-wrap .package-info .package-name{font-size:2.25rem;color:#09f}.PackageContent .content-wrap .package-wrap .package-info .package-content-wrap{margin:2.5rem 0;color:#09f;border:2px solid #09f;border-radius:5px;padding:1rem}.PackageContent .content-wrap .package-wrap .package-info .package-content-wrap .package-content-txt{font-size:1.8rem;font-weight:500;margin-bottom:.5rem}.PackageContent .content-wrap .package-wrap .package-info .package-content-wrap .package-price{font-size:1.3rem}.PackageContent .content-wrap .package-wrap .package-info .package-content-wrap .package-price span{font-size:1rem;color:#bbb;margin-right:.5rem;text-decoration:line-through}.PackageContent .content-wrap .package-wrap .package-info .package-desc-wrap h3{color:#09f;margin:1rem 0}.PackageContent .content-wrap .package-wrap .package-info .package-desc-wrap p{font-size:1rem;color:#333;font-weight:500;margin-bottom:.5rem}.PackageContent .content-wrap .package-wrap .package-info .package-desc-wrap p svg{margin-right:1rem;color:#f3ab19}.PackageContent .content-wrap .package-btn-wrap{display:flex;margin-top:2rem}.PackageContent .content-wrap .package-btn-wrap .another-payment-btn .another-payment-img{background:#f3ab19;border-radius:.3rem;text-align:center}.PackageContent .content-wrap .package-btn-wrap .another-payment-btn .another-payment-img img{padding:.7rem 1rem .4rem;font-size:1.3rem;border-radius:.3rem;color:#fff;cursor:pointer;max-width:100%}.PackageContent .content-wrap .package-btn-wrap .another-payment-btn p{text-align:center;color:red;font-weight:500}.PackageContent .content-wrap .package-btn-wrap .payment-btn{display:inline-block;margin-right:1.5rem}.PackageContent .content-wrap .package-btn-wrap .payment-btn button{background:#09f;border:none;outline:none;padding:.7rem 2rem;font-size:1.3rem;border-radius:.3rem;color:#fff;cursor:pointer}.PackageContent .content-wrap .package-btn-wrap .payment-btn button:hover{background:#f3ab19}.PackageContent .content-wrap .package-img-wrap{position:relative;flex:1 1}.PackageContent .content-wrap .package-img-wrap .package-img{position:absolute;left:2rem}.PackageContent .content-wrap .package-img-wrap .package-img img{max-width:100%;vertical-align:top}.PackageContent .content-wrap .package-img-wrap .cardboard-img{position:absolute;right:0;bottom:-2rem;width:200px}.PackageContent .content-wrap .package-img-wrap .cardboard-img img{max-width:100%;vertical-align:top}.PackageContent .content-detail-img-wrap{margin-top:2.5rem;border-top:1px solid #eee}.PackageContent .content-detail-img-wrap .content-detail-btn{display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding-top:2.5rem;color:#333;cursor:pointer}.PackageContent .content-detail-img-wrap .content-detail-btn .content-detail-arrow{margin-left:1.5rem}.PackageContent .content-detail-img-wrap .content-detail-img{display:none;text-align:center;padding-top:2rem}.PackageContent .content-detail-img-wrap .content-detail-img img{max-width:100%;vertical-align:top}.PackageContent .content-detail-img-wrap .content-detail-actived,.PackageContent .content-selected{display:block}@media (max-width:1024px){.PackageContent .content-wrap .package-name{font-size:1.8rem}.PackageContent .content-wrap .package-content-wrap .package-content-txt,.PackageContent .content-wrap .package-content-wrap .package-price{font-size:1.3rem}.PackageContent .content-wrap .package-content-wrap .package-price span{font-size:1rem}}@media (max-width:768px){.PackageContent{padding:1rem 1.5rem}.PackageContent .content-wrap .package-wrap .package-info .package-name{font-size:1.5rem}.PackageContent .content-wrap .package-wrap .package-info .package-content-wrap{margin:1rem 0}.PackageContent .content-wrap .package-wrap .package-info .package-content-wrap .package-content-txt{font-size:1.125rem}.PackageContent .content-wrap .package-wrap .package-info .package-content-wrap .package-price{font-size:1.1rem}.PackageContent .content-wrap .package-wrap .package-info .package-content-wrap .package-price span{font-size:.9rem}.PackageContent .content-wrap .package-wrap .package-img-wrap .package-img{width:100px;bottom:0}.PackageContent .content-wrap .package-wrap .package-img-wrap .cardboard-img{width:130px}.PackageContent .content-wrap .content-detail-img-wrap .content-detail-btn{padding-top:1rem}.PackageContent .content-wrap .content-detail-img-wrap .content-detail-btn .content-detail-arrow{margin-left:1rem;width:20px}.PackageContent .content-wrap .content-detail-img-wrap .content-detail-btn .content-detail-arrow img{max-width:100%;vertical-align:auto}}@media (max-width:768px){.PackageContent{padding:1rem 1.5rem}.PackageContent .content-wrap .package-wrap{flex-direction:column}.PackageContent .content-wrap .package-wrap .package-img-wrap{display:none}.PackageContent .content-wrap .content-detail-img-wrap .content-detail-btn{font-size:1.25rem}}@media (max-width:500px){.PackageContent .content-wrap .package-wrap .package-btn-wrap{flex-direction:column}.PackageContent .content-wrap .package-wrap .package-btn-wrap .another-payment-btn{margin-top:.4rem}.PackageContent .content-wrap .package-wrap .package-btn-wrap .payment-btn{margin:0}.PackageContent .content-wrap .package-wrap .package-btn-wrap .payment-btn button{width:100%;margin-top:.4rem}}.PricingTabs{display:flex;flex-direction:row}.PricingTabs .pricing-tab{flex:1 1;padding:1rem;border-radius:1rem 1rem 0 0;background-color:transparent;box-shadow:none;cursor:pointer;background-color:#eee;text-align:center;box-shadow:0 10px 20px 0 rgba(205,193,249,.15)}.PricingTabs .pricing-tab .license-grade{font-size:1.8rem;font-weight:500;color:#09f}.PricingTabs .pricing-tab .license-explain{font-size:1.1rem;color:#333}.PricingTabs .pricing-tab:hover{background:#fff}.PricingTabs .tab-selected{background:#f3ab19}.PricingTabs .tab-selected .license-explain,.PricingTabs .tab-selected .license-grade{color:#fff}.PricingTabs .tab-selected:hover{background:#f3ab19}@media (max-width:1024px){.PricingTabs .pricing-tab .license-grade{font-size:1.5rem}.PricingTabs .pricing-tab .license-explain{font-size:1rem}}@media (max-width:768px){.PricingTabs .pricing-tab .license-grade{font-size:1.2rem}.PricingTabs .pricing-tab .license-explain{font-size:.6rem}}@media (max-width:500px){.PricingTabs .pricing-tab{padding:.9rem}.PricingTabs .pricing-tab .license-grade{font-size:1rem}.PricingTabs .pricing-tab .license-explain{display:none}}.PricingContentBox{position:relative;z-index:2;padding:3rem;background:#fff;border-radius:0 0 30px 30px;box-shadow:0 6px 56px -50px #333}.PricingContentBox .content-wrap{display:none}.PricingContentBox .content-wrap .row{display:flex;flex-wrap:wrap}.PricingContentBox .content-selected{display:block}@media (max-width:768px){.PricingContentBox{padding:2rem}}@media (max-width:500px){.PricingContentBox{padding:1.3rem}}.PricingContentLeft{width:100%}.PricingContentLeft .license-info{border:1px solid #09f;border-radius:5px;padding:1rem;color:#09f}.PricingContentLeft .license-info .usage{font-size:1.8rem;font-weight:500}.PricingContentLeft .license-info .description{font-size:1rem}.PricingContentLeft .license-info .price-wrap{display:flex;margin-top:1rem}.PricingContentLeft .license-info .price-wrap .price-left{font-size:1.3rem}.PricingContentLeft .license-info .price-wrap .price-right{font-size:1.3rem;margin-left:1.5rem}.PricingContentLeft .license-explain{font-size:1.3rem;font-weight:500;padding:1rem}.PricingContentLeft .content-left-payment{padding:1rem}.PricingContentLeft .content-left-payment button{background:#09f;border:none;outline:none;padding:.7rem 2rem;font-size:1.3rem;border-radius:.3rem;color:#fff;cursor:pointer}.PricingContentLeft .content-left-payment button img{width:130px;vertical-align:middle}.PricingContentLeft .content-left-payment button:hover{background:#f3ab19}@media (min-width:768px){.PricingContentLeft{flex:1 1;max-width:50%}.PricingContentLeft .license-info{margin-left:1rem;margin-right:1rem}}@media (max-width:768px){.PricingContentLeft .license-info .usage{font-size:1.5rem}.PricingContentLeft .license-info .description{font-size:.9rem}.PricingContentLeft .license-explain,.PricingContentLeft .license-info .price-wrap .price-left,.PricingContentLeft .license-info .price-wrap .price-right{font-size:1.2rem}.PricingContentLeft .content-left-payment{display:none}}@media (max-width:500px){.PricingContentLeft .license-info .usage{font-size:1.3rem}.PricingContentLeft .license-explain,.PricingContentLeft .license-info .price-wrap .price-left,.PricingContentLeft .license-info .price-wrap .price-right{font-size:1.1rem}}.PricingContentRight{width:100%}.PricingContentRight .license-functions .l-function{font-size:1rem;color:#333;font-weight:500;margin-bottom:.5rem}.PricingContentRight .license-functions .l-function svg{margin-right:1rem;color:#f3ab19}.PricingContentRight .content-right-payment{margin-top:2rem}.PricingContentRight .content-right-payment button{width:100%;background:#2fae8e;border:none;outline:none;padding:.7rem 2rem;font-size:1.3rem;border-radius:.3rem;color:#fff;cursor:pointer}.PricingContentRight .content-right-payment button img{width:130px;vertical-align:middle}.PricingContentRight .content-right-payment button:hover{background:#f3ab19}@media (min-width:768px){.PricingContentRight{flex:1 1;max-width:50%;margin-left:3rem}.PricingContentRight .content-right-payment{display:none}}@media (max-width:500px){.PricingContentRight .license-functions .l-function{font-size:.9rem}}.HardwareHeadline{margin-top:8rem;margin-bottom:2rem}.HardwareHeadline h2{font-size:30px;font-weight:500;color:#000}@media (max-width:768px){.HardwareHeadline h2{text-align:center;font-size:1.3rem}}@media (max-width:500px){.HardwareHeadline h2{font-size:1rem}}.HardwareContent{position:relative;z-index:2;padding:2rem 3rem;background:#fff;border-radius:0 0 30px 30px;box-shadow:0 6px 56px -50px #333}.HardwareContent .content-wrap{display:none;word-break:keep-all}.HardwareContent .content-wrap .hardware-name{font-size:2.25rem;color:#09f}.HardwareContent .content-wrap .hardware-content-wrap{margin:1rem 0;color:#09f;border:1px solid #09f;border-radius:5px;padding:1rem}.HardwareContent .content-wrap .hardware-content-wrap .hardware-content-txt{font-size:1.8rem;font-weight:500;margin-bottom:.5rem}.HardwareContent .content-wrap .hardware-content-wrap .hardware-price{font-size:1.3rem}.HardwareContent .content-wrap .hardware-content-wrap .hardware-price span{font-size:1rem;color:#bbb;margin-right:.5rem;text-decoration:line-through}.HardwareContent .content-wrap .hardware-desc-wrap h3{color:#09f;margin:1rem 0}.HardwareContent .content-wrap .hardware-desc-wrap p{font-size:1rem;color:#333;font-weight:500;margin-bottom:.5rem}.HardwareContent .content-wrap .hardware-desc-wrap p svg{margin-right:1rem;color:#f3ab19}.HardwareContent .content-wrap .hardware-bottom-wrap{display:flex}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-left{flex:1 1;align-self:center}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-left p{font-size:1.3rem;font-weight:500;padding:1rem 0}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-left div{display:inline-block;margin-right:1.5rem}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-left div button{background:#09f;border:none;outline:none;padding:.7rem 2rem;font-size:1.3rem;border-radius:.3rem;color:#fff;cursor:pointer}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-left div button:hover{background:#f3ab19}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-right{flex:1 1;text-align:center;margin-top:1rem}.HardwareContent .content-selected{display:block}@media (max-width:1024px){.HardwareContent .content-wrap .hardware-name{font-size:1.8rem}.HardwareContent .content-wrap .hardware-content-wrap .hardware-content-txt,.HardwareContent .content-wrap .hardware-content-wrap .hardware-price{font-size:1.3rem}.HardwareContent .content-wrap .hardware-content-wrap .hardware-price span,.HardwareContent .content-wrap .hardware-desc-wrap p{font-size:1rem}.HardwareContent .content-wrap .hardware-desc-wrap p svg{margin-right:.5rem}.HardwareContent .content-wrap .hardware-bottom-wrap{display:flex;flex-direction:column-reverse;text-align:center}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-right{margin-top:2rem}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-right img{max-width:100%}}@media (max-width:768px){.HardwareContent{padding:1rem 1.5rem}.HardwareContent .content-wrap .hardware-name{font-size:1.5rem}.HardwareContent .content-wrap .hardware-content-wrap .hardware-content-txt{font-size:1.125rem}.HardwareContent .content-wrap .hardware-content-wrap .hardware-price{font-size:1.1rem}.HardwareContent .content-wrap .hardware-content-wrap .hardware-price span{font-size:.9rem}.HardwareContent .content-wrap .hardware-desc-wrap p{font-size:1rem}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-left p{font-size:1.2rem}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-left div{width:100%;margin:.5rem 0}.HardwareContent .content-wrap .hardware-bottom-wrap .hardware-bottom-left div button{width:100%}}.HardwareTabs{display:flex;flex-direction:row}.HardwareTabs .hardware-tab{flex:1 1;padding:1rem;border-radius:1rem 1rem 0 0;background-color:transparent;box-shadow:none;cursor:pointer;background-color:#eee;text-align:center;box-shadow:0 10px 20px 0 rgba(205,193,249,.15)}.HardwareTabs .hardware-tab .hardware-name{font-size:1.8rem;font-weight:500;color:#09f}.HardwareTabs .hardware-tab:hover{background:#fff}.HardwareTabs .tab-selected{background:#f3ab19}.HardwareTabs .tab-selected .hardware-name{color:#fff}.HardwareTabs .tab-selected:hover{background:#f3ab19}@media (min-width:1024px){.HardwareTabs{width:30%}}@media (max-width:1024px){.HardwareTabs .hardware-tab .hardware-name{font-size:1.5rem}}@media (max-width:768px){.HardwareTabs .hardware-tab .hardware-name{font-size:1.2rem}}@media (max-width:500px){.HardwareTabs .hardware-tab{padding:.9rem}.HardwareTabs .hardware-tab .hardware-name{font-size:1rem}}.PaymentTemplate .PaymentBox{display:flex;margin-bottom:4rem}.PaymentTemplate .PaymentBox .payment-stroke{border:thin solid #999}.PaymentTemplate .PaymentBox .payment-total-stroke{border:thin solid #f3ab19}@media (max-width:768px){.PaymentBox{flex-direction:column;width:90%;margin:0 auto}}.PaymentLeft{flex:1 1}.PaymentHeader .payment-type-text{margin-top:50px;margin-bottom:40px;font-size:30px;font-weight:500;color:#333}.PaymentHeader .license-payment-step-one img{width:100%}.PaymentHeader .license-type{font-size:36px;font-weight:700;color:#2fae8e;margin-top:30px;margin-bottom:30px}.PaymentHeader .license-explain{font-size:18px;color:#333}.PaymentHeader .license-explain p:first-child{margin-bottom:10px}.PaymentHeader .license-explain p:last-child{margin-bottom:20px}@media (max-width:1024px){.PaymentHeader .license-type{font-size:30px}.PaymentHeader .license-explain{font-size:16px}}@media (max-width:768px){.PaymentHeader .payment-type-text{text-align:center}.PaymentHeader .license-explain{font-size:14px}}@media (max-width:500px){.PaymentHeader .license-type{font-size:2em}.PaymentHeader .payment-type-text{font-size:20px}.PaymentHeader .license-explain{font-size:1em}}.PaymentPromotion{margin:1.5rem 0}.PaymentPromotion .promotion-header{color:#333;font-size:18px;font-weight:400}.PaymentPromotion .promotion-wrap{display:flex}.PaymentPromotion .promotion-wrap .input-promotion-code{outline:none;border:1px solid #999;border-radius:4px;padding:.6rem;width:100%;font-size:1rem}.PaymentPromotion .promotion-wrap .use-promotion-btn{outline:none;border:none;color:#fff;border-radius:4px;min-width:4.5rem;background:#2fae8e;padding:.5rem;font-size:1rem;cursor:pointer;margin-left:.3rem}.PaymentPromotion .promotion-notify-wrap .promotion-expire{font-size:.8rem;color:#555}.PaymentPromotion .promotion-notify-wrap .promotion-expire span{color:#f3ab19}.PaymentSelect{position:relative;width:100%;line-height:100px;border:2px solid rgba(0,0,0,.2);border-radius:5px;font-size:18px;color:#333;cursor:pointer;margin-top:20px;margin-bottom:20px}.PaymentSelect .payment-text-span{color:#2fae8e;font-size:14px}.PaymentSelect .payment-text{padding-left:30px}.PaymentSelect .payment-text-price{position:absolute;right:0;padding-right:30px}.PaymentSelect:hover{border:2px solid #2fae8e}.payment-select-active{border:2px solid #2fae8e!important}@media (max-width:1024px){.PaymentSelect{font-size:16px}}@media (max-width:768px){.PaymentSelect{font-size:14px}}@media (max-width:500px){.PaymentSelect{font-size:12px;line-height:70px}.PaymentSelect .payment-text-span{font-size:10px}}.input-checkbox{display:block;position:relative;padding-left:35px;margin:0 auto 15px;cursor:pointer;font-size:14px;font-weight:400;width:100%;line-height:24px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.input-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.input-checkbox:hover input~.checkmark{background-color:#ccc}.input-checkbox input:checked~.checkmark{background-color:#2fae8e}.checkmark:after{content:"";position:absolute;display:none}.input-checkbox input:checked~.checkmark:after{display:block}.input-checkbox .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}@media (max-width:500px){.input-checkbox{font-size:10px;padding-left:25px;line-height:18px}.input-checkbox .checkmark:after{left:7px;top:2px}.checkmark{height:20px;width:20px}}.PaymentRight{flex:.5 1;margin-left:2rem;margin-top:8rem}.PaymentRight .payment-precautions{margin-top:2rem;margin-bottom:20px;width:100%;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:30px}.PaymentRight .payment-precautions label{font-size:14px;color:#555;font-weight:500}.PaymentRight .payment-precautions p{margin-top:10px;font-size:12px;color:#555}@media (max-width:768px){.PaymentRight{margin-top:2rem;margin-left:0}.PaymentRight .payment-precautions{margin-top:6.404826%}}@media (max-width:500px){.PaymentRight .payment-precautions p{font-size:10px}}.PaymentTotal{width:100%;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:15px;padding:30px}.PaymentTotal .payment-price{font-size:16px;margin-top:25px;margin-bottom:10px}.PaymentTotal .total-price{font-size:36px;font-weight:700;color:#2fae8e}.PaymentTotal .payment-cal{position:relative;font-size:14px;margin-top:40px;margin-bottom:13.4048257373%}.PaymentTotal .payment-cal .payment-dc{color:#2fae8e;font-weight:500}.PaymentTotal .payment-cal span:last-child{position:absolute;right:0}.PaymentTotal .bt{width:100%;height:70px;background:#f3ab19;border:none;color:#fff;font-size:24px;font-weight:500;border-radius:5px;cursor:pointer}.PaymentTotal .bt:hover{background:#e7960a}.PaymentTotal .hsa{border:1px #f3ab19}@media (max-width:1024px){.PaymentTotal .total-price{font-size:30px}.PaymentTotal .bt{height:50px}}@media (max-width:768px){.PaymentTotal .payment-price{font-size:14px}.PaymentTotal .total-price{font-size:26px}.PaymentTotal .payment-cal{margin-bottom:9.404826%}}@media (max-width:500px){.PaymentTotal .payment-cal,.PaymentTotal .payment-price{font-size:12px}.PaymentTotal .total-price{font-size:22px}.PaymentTotal .bt{font-size:16px}}.PaymentComplete{text-align:center;margin-bottom:100px}.PaymentComplete .payment-complete-text{font-size:30px;font-weight:500;color:#333;margin-top:50px;margin-bottom:40px;text-align:left}.PaymentComplete .payment-step-two{margin-bottom:100px}.PaymentComplete .payment-successful-text{font-size:30px;font-weight:500;color:#2fae8e}.PaymentComplete .payment-successful-sub-text{font-size:18px;font-weight:500;color:#555}.PaymentComplete .go-payment-list-button{width:240px;height:50px;border-radius:5px;background:#f3ab19;font-size:18px;color:#fff;font-weight:500;border:none;cursor:pointer;margin-top:50px}.PaymentComplete .go-payment-list-button:hover{background:#e7960a}@media (max-width:768px){.PaymentComplete .payment-complete-text{text-align:center;font-size:30px}.PaymentComplete .payment-successful-text{font-size:22px}.PaymentComplete .payment-successful-sub-text{font-size:20px}.PaymentComplete .go-payment-list-button{width:100%;font-size:18px}.PaymentComplete .payment-step-two img{width:100%}}@media (max-width:500px){.PaymentComplete .payment-complete-text{font-size:26px}.PaymentComplete .payment-successful-text{font-size:18px}.PaymentComplete .payment-successful-sub-text{font-size:16px}.PaymentComplete .go-payment-list-button{width:100%;font-size:16px}.PaymentComplete .payment-step-two img{width:100%}}.MyClassTemplate .banner-img{bottom:-2%!important}.MyClassList{margin-top:150px;margin-bottom:5rem;display:flex;flex-wrap:wrap}@media(max-width:768px){.MyClassList{margin-top:2.5rem;margin-bottom:2.5rem}.MyClassList .create-enter-class{width:calc(100% - 1.75rem);margin-top:1.25rem;margin-bottom:1.25rem}.MyClassList .create-enter-class img{margin-top:4rem;margin-bottom:4rem}.MyClassList .create-enter-class p{font-size:1.5rem}}@media(max-width:500px){.MyClassList,.MyClassList .create-enter-class img{margin-top:2rem;margin-bottom:2rem}.MyClassList .create-enter-class p{font-size:1.4rem}}.MyClassItem{width:calc(50% - 1.75rem);border:1px solid #b56aff;border-radius:12px;margin:9px;display:inline-block}.MyClassItem .class-header{width:100%;background:#b56aff;border-radius:10px 10px 0 0;line-height:90px;position:relative;padding-left:7.7586206897%}.MyClassItem .class-header .class-name{font-size:20px;font-weight:500;color:#fff;display:inline-block}.MyClassItem .class-header .class-option{position:absolute;right:7.7586206897%;bottom:-8px;cursor:pointer}.MyClassItem .class-info{padding:2.5rem;font-size:1rem;color:#737373;display:flex}.MyClassItem .class-info .class-info-1{display:inline-block}.MyClassItem .class-info .class-info-1 img{vertical-align:sub;padding-right:10px}.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{vertical-align:sub;padding-right:10px}.MyClassItem .class-info .class-info-2 .class-code{padding-top:30px}.MyClassItem .class-enter-button{text-align:center;padding-bottom:25px}.MyClassItem .class-enter-button button{border:none;background:#b56aff;border-radius:25px;font-weight:500;color:#fff;width:44.8275862069%;height:50px;font-size:20px;cursor:pointer}.MyClassItem .class-enter-button button:hover{background:#b56aff}@media(max-width:1024px){.MyClassItem .class-info{font-size:.9rem;padding:2rem}}@media(max-width:768px){.MyClassItem{width:calc(100% - 1.75rem);margin-top:1.25rem;margin-bottom:1.25rem}.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{width:10rem;font-size:1rem}}.CreateOrEnterClass{width:calc(50% - 1.75rem);border-radius:25px;border:1.5px solid #b56aff;text-align:center;cursor:pointer;margin:10px;display:inline-block}.CreateOrEnterClass img{margin-top:95px;margin-bottom:25px}.CreateOrEnterClass p{font-size:24px;color:#b56aff;font-weight:500;padding-bottom:32px}.CreateOrJoinPopup{width:600px}.CreateOrJoinPopup .select-create-join-title{width:100%;background:#b56aff;color:#fff;text-align:left;padding:0 20px;font-size:22px;line-height:60px;border-radius:10px 10px 0 0;display:flex}.CreateOrJoinPopup .select-create-join-title .select-create-join-close{margin-left:auto;cursor:pointer}.CreateOrJoinPopup .select-create-join-title .select-create-join-close svg{vertical-align:middle;font-size:4rem}.CreateOrJoinPopup .select-create-join-info{background:#fff;padding:5rem 2rem;border-radius:0 0 10px 10px}.CreateOrJoinPopup .select-create-join-info .select-create-join-button-box .select-create-join-button{width:26.6666666667%;background:#b56aff;height:55px;font-size:22px;font-weight:500;border:none;border-radius:27.5px;color:#fff;cursor:pointer;margin:0 15px}.CreateOrJoinPopup .select-create-join-info .select-create-join-button-box .select-create-join-button:hover{background:#b56aff}@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%}}.input-effect-border-box{position:relative}.input-effect-border-box .input-label{position:absolute;font-size:16px;font-weight:500;top:18px;left:20px}.input-effect-border-box .before-label{position:absolute;font-size:14px;font-weight:500;top:23px;right:20px;color:#999}.input-effect-border-box input{font-size:16px;color:#333;width:100%}.input-effect-border-box .notify{position:absolute;font-size:12px;color:#e74448;left:33%;top:43px}.input-effect-border-box .effect-7{border:1px solid #bbb;padding:20px 14px 20px 32.7586206897%;transition:.4s;color:#333}.input-effect-border-box .effect-7~.focus-border:after,.input-effect-border-box .effect-7~.focus-border:before{content:"";position:absolute;top:0;left:50%;width:0;height:2px;background-color:#b56aff;transition:.4s}.input-effect-border-box .effect-7~.focus-border:after{top:auto;bottom:0}.input-effect-border-box .effect-7~.focus-border i:after,.input-effect-border-box .effect-7~.focus-border i:before{content:"";position:absolute;top:50%;left:0;width:2px;height:0;background-color:#b56aff;transition:.6s}.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;width:100%;transition:.4s}.input-effect-border-box .effect-7:focus~.focus-border i:after,.input-effect-border-box .effect-7:focus~.focus-border i:before{top:0;height:100%;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{position:relative;margin-top:30px;margin-bottom:15px}.select,.select select{display:inline-block;width:100%}.select select{cursor:pointer;padding:20px 14px 20px 32.7586206897%;outline:0;border:1px solid #bbb;background:#fff;color:#333;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:16px}.select label{position:absolute;font-size:16px;font-weight:500;top:18px;left:20px}.select+.select{margin-top:0;margin-bottom:35px}.select select::-ms-expand{display:none}.select select:focus,.select select:hover{color:#333;background:#fff}.select select:disabled{opacity:.5;pointer-events:none}.select__arrow{position:absolute;top:26px;right:15px;width:0;height:0;pointer-events:none;border-color:#b56aff transparent transparent;border-style:solid;border-width:12px 8px 0}.select select:focus~.select__arrow,.select select:hover~.select__arrow{border-top-color:#b56aff}.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{width:100%;background:#b56aff;color:#fff;text-align:left;padding:0 20px;font-size:22px;line-height:60px;border-radius:10px 10px 0 0}.ClassCreatePopup .class-create-info{padding:20px;background:#fff;border-radius:0 0 10px 10px}.ClassCreatePopup .class-create-info .class-create-input-box .input-class-explain{width:100%;padding:20px;font-size:16px;color:#333}.ClassCreatePopup .class-create-info .class-create-button-box{margin:30px 0}.ClassCreatePopup .class-create-info .class-create-button-box .class-create-button{width:26.6666666667%;background:#b56aff;height:55px;font-size:22px;font-weight:500;border:none;border-radius:27.5px;color:#fff;cursor:pointer;margin:0 15px}.ClassCreatePopup .class-create-info .class-create-button-box .class-create-button:hover{background:#b56aff}.ClassCreatePopup .class-create-info .class-create-button-box .class-create-cancel-button{width:26.6666666667%;background:#999;height:55px;font-size:22px;font-weight:500;border:none;border-radius:27.5px;color:#fff;cursor:pointer;margin:0 15px}.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{width:100%;background:#b56aff;color:#fff;text-align:left;padding:0 20px;font-size:22px;line-height:60px;border-radius:10px 10px 0 0}.ClassJoinPopup .class-join-info{background:#fff;border-radius:0 0 10px 10px;padding:0 1rem}.ClassJoinPopup .class-join-info .class-join-text{font-size:18px;color:#737373;padding-top:8.3333333333%;padding-bottom:5%}.ClassJoinPopup .class-join-info .class-join-input-box{width:50%;margin:0 auto}.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{width:41.6666666667%;font-size:16px;border:1px solid #999;padding-left:3%;color:#333}.ClassJoinPopup .class-join-info .class-join-button-box{padding-top:6.6666666667%;padding-bottom:6.6666666667%}.ClassJoinPopup .class-join-info .class-join-button-box .class-join-button{width:26.6666666667%;background:#b56aff;height:55px;font-size:22px;font-weight:500;border:none;border-radius:27.5px;color:#fff;cursor:pointer;margin:0 15px}.ClassJoinPopup .class-join-info .class-join-button-box .class-join-button:hover{background:#b56aff}.ClassJoinPopup .class-join-info .class-join-button-box .class-join-cancel-button{width:26.6666666667%;background:#999;height:55px;font-size:22px;font-weight:500;border:none;border-radius:27.5px;color:#fff;cursor:pointer;margin:0 15px}.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%}}.MyClassDetailTop{margin-top:6rem;border:1px solid #b56aff;border-radius:10px;display:flex}.MyClassDetailTop .class-img{height:190px;width:16.6666666667%}.MyClassDetailTop .class-info{width:100%}.MyClassDetailTop .class-info .class-info-header-box{position:relative;background:#b56aff;border-radius:6px 6px 0 0}.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{font-size:24px;color:#fff;padding-left:10px}.MyClassDetailTop .class-info .class-info-header-box .class-info-header .class-grade{font-size:16px;color:#fff;padding-left:10px}.MyClassDetailTop .class-info .class-info-header-box .class-info-header .class-option{display:inline-block;position:absolute;right:30px;cursor:pointer}.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{font-size:1rem;color:#333;padding:10px 0;line-height:1.5rem}.MyClassDetailTop .class-info .class-detail-info .class-explain .explain-quotes{color:#f3ab19}.MyClassDetailTop .class-info .class-detail-info .class-info-stroke{border:thin solid #b56aff;margin:10px 0 20px}.MyClassDetailTop .class-info .class-detail-info .class-info-bottom{font-size:1rem;color:#333;line-height:3rem;position:relative;display:flex;flex-wrap:wrap}.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{text-align:center;border:none;background:#b56aff;color:#fff;font-size:18px;font-weight:500;letter-spacing:.5px;border-radius:5px;width:200px;cursor:pointer;transition:all .2s linear}.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{vertical-align:text-bottom;margin-right:10px}@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{padding-top:8%;padding-bottom:3%;display:flex;flex-basis:100%;align-items:center;color:#333;font-size:2rem;font-weight:700;margin:8px 0;color:#b56aff;font-size:1.6rem;font-weight:500}.class-list-box:after,.class-list-box:before{content:"";flex-grow:1;background:#b56aff;height:1px;font-size:0;line-height:0;margin:0 16px}@media (max-width:768px){.class-list-box{font-size:1.3rem}}.StudentItem{border:1px solid #b56aff;border-radius:10px;width:calc(50% - 1.75rem);margin:.8rem;font-size:1rem;position:relative}.StudentItem .student-info-wrap{padding:1.5rem;display:flex}.StudentItem .student-info-wrap .student-title{color:#b56aff;margin-top:.5rem;margin-bottom:.5rem}.StudentItem .student-info-wrap .student-value{color:#333;margin-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.StudentItem .student-info-wrap .student-option{padding-top:1rem;position:absolute;right:1rem}.StudentItem .student-info-wrap .student-option img{vertical-align:bottom;margin-left:20px;cursor:pointer}@media (max-width:1024px){.StudentItem{width:calc(100% - 1.75rem)}}@media (max-width:768px){.StudentItem{font-size:.8rem}}.NoStudents{margin-top:30px;text-align:center;margin-bottom:500px}.NoStudents p{font-size:20px;color:#999;font-weight:400}.NoStudents button{margin-top:20px;background:#b56aff;width:220px;height:50px;border-radius:5px;font-size:16px;color:#fff;border:none;cursor:pointer}.NoStudents button:hover{background:#b56aff}.MyClassUpdatePopup{width:600px}.MyClassUpdatePopup .class-update-title{width:100%;background:#b56aff;color:#fff;text-align:left;padding:0 20px;font-size:22px;line-height:60px;border-radius:10px 10px 0 0}.MyClassUpdatePopup .class-update-info{padding:20px;background:#fff;border-radius:0 0 10px 10px}.MyClassUpdatePopup .class-update-info .class-update-input-box .input-class-explain{width:100%;padding:20px;font-size:16px;color:#333}.MyClassUpdatePopup .class-update-info .class-update-button-box{margin:30px 0}.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-button{width:26.6666666667%;background:#b56aff;height:55px;font-size:22px;font-weight:500;border:none;border-radius:27.5px;color:#fff;cursor:pointer;margin:0 15px}.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-button:hover{background:#b56aff}.MyClassUpdatePopup .class-update-info .class-update-button-box .class-update-cancel-button{width:26.6666666667%;background:#999;height:55px;font-size:22px;font-weight:500;border:none;border-radius:27.5px;color:#fff;cursor:pointer;margin:0 15px}.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%}}.PageTemplate main{padding:0 10px;margin:4rem auto}@media (min-width:1200px){.PageTemplate main{width:1180px}}.OrderProductList{margin:1rem 0}.OrderProductList h3{font-size:1.25rem}.OrderProductList .order-product-list{margin:1rem 0}.OrderProductList .order-product-list .order-product-table{clear:both;width:100%;text-align:center;background:#fff;border-collapse:collapse;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2)}.OrderProductList .order-product-list .order-product-table thead{background:#2fae8e;color:#fff}.OrderProductList .order-product-list .order-product-table thead tr th{padding:.875rem;font-weight:400}@media (max-width:1024px){.OrderProductList{display:none}}.OrderProductItem td .product-info{position:relative;padding:1rem 0 1rem 2rem;text-align:left;display:flex;align-items:center;font-size:.9rem}.OrderProductItem td .product-info .product-img{width:150px;height:150px}.OrderProductItem td .product-info .product-desc{padding-left:2rem}.OrderProductItem td .product-info .product-desc .product-name{font-size:1.1rem}.OrderProductItem td .product-info .product-desc .product-option-list{margin:.25rem 0}.OrderInfoBox{display:flex;margin:2rem 0}@media (max-width:1024px){.OrderInfoBox{flex-direction:column}}.OrderInfoLeft{flex:1 1}.OrderDeliveryInfo{margin-right:6rem}.OrderDeliveryInfo h2{margin-bottom:1rem}.OrderDeliveryInfo .order-delivery-wrap .row{display:flex;align-items:baseline;margin:1rem 0;font-size:1rem}.OrderDeliveryInfo .order-delivery-wrap .row .row-left{min-width:100px;font-weight:500;color:#333}.OrderDeliveryInfo .order-delivery-wrap .row .row-right{font-weight:500;width:100%}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .input-address .search-address{display:flex}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .input-address .search-address .postal-code{flex:1 1}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .input-address .search-address .search-address-btn{flex:.4 1;margin-left:1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;color:#555;cursor:pointer}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .delivery-memo .input-delivery-memo,.OrderDeliveryInfo .order-delivery-wrap .row .row-right .input-address .address{margin:.5rem 0}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .delivery-memo .delivery-notify-wrap{margin-top:.2rem}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .delivery-memo .delivery-notify-wrap p{font-size:.8rem;color:#999}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .name{width:60%}.OrderDeliveryInfo .order-delivery-wrap .row .row-right input{width:100%;border:2px solid #eee;border-radius:6px;outline:none;padding:.875rem 1rem;font-size:1rem}.OrderDeliveryInfo .order-delivery-wrap .row .row-right input:focus{border:2px solid #2fae8e}@media (max-width:1024px){.OrderDeliveryInfo{margin:1rem 0}.OrderDeliveryInfo .order-delivery-wrap .row{flex-direction:column}.OrderDeliveryInfo .order-delivery-wrap .row .row-left{margin-bottom:.5rem}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .input-address .search-address .search-address-btn{flex:.4 1}.OrderDeliveryInfo .order-delivery-wrap .row .row-right .name{width:100%}}@media (max-width:500px){.OrderDeliveryInfo .order-delivery-wrap .row .row-right .input-address .search-address .search-address-btn{flex:.8 1;margin-left:.5rem}}.OrderPaymentMethod{margin-right:6rem}.OrderPaymentMethod h2{margin-bottom:1rem}.OrderPaymentMethod .payment-method-list{display:flex;justify-content:center;align-items:center;margin-bottom:1.25rem}.OrderPaymentMethod .payment-method-list .payment-method-item{flex:1 1;color:#858585;text-align:center;background:#eee;padding:2rem;cursor:pointer;border:2px solid transparent}.OrderPaymentMethod .payment-method-list .payment-method-item:hover{background:rgba(51,51,51,.2)}.OrderPaymentMethod .payment-method-list .payment-method-item .payment-method-img{max-width:150px;height:100px;line-height:100px;margin:0 auto}.OrderPaymentMethod .payment-method-list .payment-method-item .credit-card-img svg{fill:#fff}.OrderPaymentMethod .payment-method-list .payment-method-item .credit-card-img svg path{stroke:#858585}.OrderPaymentMethod .payment-method-list .payment-method-item .credit-card-img svg rect,.OrderPaymentMethod .payment-method-list .payment-method-item .payco-img{fill:#858585}.OrderPaymentMethod .payment-method-list .payment-method-item .payment-method-name{font-size:1.5rem}.OrderPaymentMethod .payment-method-list .credit-card{border-radius:6px 0 0 6px}.OrderPaymentMethod .payment-method-list .credit-card:hover{border-top:2px solid rgba(51,51,51,.2);border-left:2px solid rgba(51,51,51,.2);border-bottom:2px solid rgba(51,51,51,.2)}.OrderPaymentMethod .payment-method-list .payco{border-radius:0 6px 6px 0}.OrderPaymentMethod .payment-method-list .payco:hover{border-top:2px solid rgba(51,51,51,.2);border-right:2px solid rgba(51,51,51,.2);border-bottom:2px solid rgba(51,51,51,.2)}.OrderPaymentMethod .payment-method-list .credit-card-active{border:2px solid #2fae8e!important;background:#fff!important;color:#2fae8e}.OrderPaymentMethod .payment-method-list .credit-card-active .credit-card-img svg{fill:#fff}.OrderPaymentMethod .payment-method-list .credit-card-active .credit-card-img svg path{stroke:#2fae8e}.OrderPaymentMethod .payment-method-list .credit-card-active .credit-card-img svg rect{fill:#2fae8e}.OrderPaymentMethod .payment-method-list .payco-active{border:2px solid #fa2828!important;background:#fff!important;color:#fa2828}.OrderPaymentMethod .payment-method-list .payco-active .payco-img svg{fill:#fa2828}.OrderPaymentMethod .payment-method-notify .credit-card-notify .credit-card-title-wrap{display:flex}.OrderPaymentMethod .payment-method-notify .credit-card-notify .credit-card-title-wrap .credit-card-title{color:#2fae8e;font-size:1.2rem;font-weight:500}.OrderPaymentMethod .payment-method-notify .credit-card-notify .credit-card-title-wrap .interest-free{margin-left:.4rem;color:#333;background:#eee;border:none;font-weight:600;border-radius:6px;padding:.4rem;outline:none;cursor:pointer}.OrderPaymentMethod .payment-method-notify .credit-card-notify p{color:#bbb;font-size:.9rem}.OrderPaymentMethod .payment-method-notify .payco-notify .payco-title{color:#fa2828;font-size:1.2rem;font-weight:500}.OrderPaymentMethod .payment-method-notify .payco-notify p{color:#bbb;font-size:.9rem}@media (max-width:1024px){.OrderPaymentMethod{margin:3rem 0}}.OrderInfoRight{flex:.5 1}.OrderSummary .order-summary{box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px;background-color:#fff}.OrderSummary .order-summary .summary-top{padding:1.5rem 1rem}.OrderSummary .order-summary .summary-top .summary-headline{text-align:center;padding:.5rem 0}.OrderSummary .order-summary .summary-top .summary-detail{border-bottom:1px solid #eee;padding:.5rem 0}.OrderSummary .order-summary .summary-top .summary-detail .row{display:flex}.OrderSummary .order-summary .summary-top .summary-detail .row .row-left{flex:.3 1}.OrderSummary .order-summary .summary-top .summary-detail .row .row-right{flex:.7 1;text-align:right}.OrderSummary .order-summary .summary-top .summary-total{font-size:1.2rem;font-weight:500;border-bottom:1px solid #eee;padding:.5rem 0}.OrderSummary .order-summary .summary-top .summary-total .total-text{text-align:left}.OrderSummary .order-summary .summary-top .summary-total .total-amt{text-align:right;color:#2fae8e}.OrderSummary .order-summary .summary-top .summary-nofity{padding:.5rem 0}.OrderSummary .order-summary .summary-top .summary-nofity .summary-agree label{font-weight:500;cursor:pointer}.OrderSummary .order-summary .summary-top .summary-nofity .summary-agree label input{margin-right:.4rem}.OrderSummary .order-summary .summary-top .summary-nofity .summary-agree-notify{margin-top:.2rem;font-size:.8rem;word-break:keep-all;color:#bbb}.OrderSummary .order-summary .summary-bottom .summary-payment button{width:100%;border:none;background-color:#2fae8e;padding:.875rem 1rem;color:#fff;font-size:1.25rem;cursor:pointer;border-radius:0 0 6px 6px;outline:none}.OrderMobileProductList{display:none;margin:1rem 0}.OrderMobileProductList h3{font-size:1.25rem}.OrderMobileProductList .order-product-list{margin:1rem 0;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px}@media (max-width:1024px){.OrderMobileProductList{display:block}}.OrderMobileProductItem{display:flex;align-items:center;border-bottom:1px solid #eee}.OrderMobileProductItem .product-thumbnail{flex:.5 1}.OrderMobileProductItem .product-thumbnail .product-img{max-width:100%}.OrderMobileProductItem .product-info{flex:1 1;text-align:left;padding:1rem 0}.FlexBox{display:flex}@media (max-width:1024px){.FlexBox{flex-direction:column}}.OrderPaymentDetail{flex:1 1;width:100%;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:1.25rem;margin-right:.5rem}.OrderPaymentDetail .detail-top{font-size:1.5rem;font-weight:500;margin-bottom:1rem}.OrderPaymentDetail .row{display:flex;margin:.25rem 0}.OrderPaymentDetail .row .row-left{min-width:100px}.OrderPaymentDetail .row .row-right{width:100%}.OrderPaymentDetail .row .row-right .print-receipt{min-width:100px;height:25px;text-align:center;background:#333;display:inline-block;color:#fff;border-radius:6px;border:none;cursor:pointer}@media (max-width:1024px){.OrderPaymentDetail{margin:1rem 0}}.OrderDeliveryDetail{flex:1 1;width:100%;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:1.25rem;margin-left:.5rem}.OrderDeliveryDetail .detail-top-wrap{display:flex;margin-bottom:.875rem;align-items:center}.OrderDeliveryDetail .detail-top-wrap .detail-top{font-size:1.5rem;font-weight:500;min-width:100px}.OrderDeliveryDetail .detail-top-wrap .delivery-update-btn{min-width:100px;height:25px;text-align:center;background:#333;display:inline-block;color:#fff;border-radius:6px;margin-left:.5rem;border:none;cursor:pointer}.OrderDeliveryDetail .row{display:flex;margin:.25rem 0}.OrderDeliveryDetail .row .row-left{min-width:100px}.OrderDeliveryDetail .row .row-right{width:100%}@media (max-width:1024px){.OrderDeliveryDetail{margin:1rem 0}}.OrderSuccessBanner{position:relative;background:#afd7ce;min-height:25rem;margin-bottom:-2rem}.OrderSuccessBanner .banner-headline{padding-top:3rem;text-align:center;font-weight:500}.OrderSuccessBanner .banner-headline .headline-1{font-size:2.3rem;color:#fff;text-shadow:2px 3px 3px rgba(0,0,0,.3)}.OrderSuccessBanner .banner-headline .headline-2{margin-top:1rem;font-size:1.5rem;color:#5a8f82}.OrderSuccessBanner .banner-imgs .ari-vri{position:absolute;bottom:0;left:50%;margin-left:-302px;z-index:2}.OrderSuccessBanner .banner-imgs .barcode{position:absolute;top:5%;right:18%;z-index:2}.OrderSuccessBanner .banner-imgs .card{position:absolute;top:32%;right:26%;z-index:2}.OrderSuccessBanner .banner-imgs .delivery-car{position:absolute;bottom:1%;right:18%;z-index:2}.OrderSuccessBanner .banner-imgs .paper-bag{position:absolute;top:3%;left:10%;z-index:2}.OrderSuccessBanner .banner-imgs .memo{position:absolute;top:22%;left:24%;z-index:2}.OrderSuccessBanner .banner-imgs .money{position:absolute;left:15%;bottom:26%;z-index:2}.OrderSuccessBanner .banner-imgs .cart{position:absolute;bottom:2%;left:28%;z-index:2}.OrderSuccessBanner .banner-imgs .pattern1{position:absolute;top:0;right:32%;z-index:1}.OrderSuccessBanner .banner-imgs .pattern2{position:absolute;top:0;right:0;z-index:1}.OrderSuccessBanner .banner-imgs .pattern3{position:absolute;top:8rem;right:22rem;z-index:1}.OrderSuccessBanner .banner-imgs .pattern4{position:absolute;bottom:6rem;right:8rem;z-index:1}.OrderSuccessBanner .banner-imgs .pattern5{position:absolute;left:1rem;top:1rem;z-index:1}.OrderSuccessBanner .banner-imgs .pattern6{position:absolute;left:8rem;top:1rem;z-index:1}.OrderSuccessBanner .banner-imgs .pattern7{position:absolute;bottom:0;right:16rem;z-index:1}.OrderSuccessBanner .banner-imgs .pattern8{position:absolute;top:0;left:40rem;z-index:1}.OrderSuccessBanner .banner-imgs .pattern9{position:absolute;bottom:6rem;right:39rem;z-index:1}.OrderSuccessBanner .banner-imgs .pattern10{position:absolute;bottom:0;left:10rem;z-index:1}@media (max-width:1700px){.OrderSuccessBanner .banner-imgs .paper-bag{left:4%;width:80px}.OrderSuccessBanner .banner-imgs .memo{left:16%;width:60px}.OrderSuccessBanner .banner-imgs .money{left:5%;width:80px}.OrderSuccessBanner .banner-imgs .card{right:14%;width:80px}.OrderSuccessBanner .banner-imgs .cart{left:15%;width:100px}.OrderSuccessBanner .banner-imgs .barcode{right:6%;width:80px}.OrderSuccessBanner .banner-imgs .delivery-car{right:6%;width:150px}.OrderSuccessBanner .banner-imgs .pattern1{width:40px}.OrderSuccessBanner .banner-imgs .pattern2{width:100px}.OrderSuccessBanner .banner-imgs .pattern3,.OrderSuccessBanner .banner-imgs .pattern4{width:60px}.OrderSuccessBanner .banner-imgs .pattern5{width:40px}.OrderSuccessBanner .banner-imgs .pattern6{width:100px}.OrderSuccessBanner .banner-imgs .pattern7{width:120px}.OrderSuccessBanner .banner-imgs .pattern8,.OrderSuccessBanner .banner-imgs .pattern9,.OrderSuccessBanner .banner-imgs .pattern10{width:80px}}@media (max-width:1024px){.OrderSuccessBanner .banner-imgs .paper-bag{left:4%;width:60px}.OrderSuccessBanner .banner-imgs .memo{top:28%;left:12%;width:60px}.OrderSuccessBanner .banner-imgs .money{left:3%;width:60px}.OrderSuccessBanner .banner-imgs .card{right:8%;width:60px}.OrderSuccessBanner .banner-imgs .cart{left:10%;width:80px}.OrderSuccessBanner .banner-imgs .barcode{right:6%;width:60px}.OrderSuccessBanner .banner-imgs .delivery-car{right:6%;width:100px}}@media (max-width:768px){.OrderSuccessBanner{min-height:22rem}.OrderSuccessBanner .banner-headline .headline-1{font-size:1.8rem}.OrderSuccessBanner .banner-headline .headline-2{font-size:1.125rem}.OrderSuccessBanner .banner-imgs .paper-bag{top:20%;width:40px}.OrderSuccessBanner .banner-imgs .memo{display:none}.OrderSuccessBanner .banner-imgs .money{bottom:40%;left:10%;width:40px}.OrderSuccessBanner .banner-imgs .card{display:none}.OrderSuccessBanner .banner-imgs .cart{left:6%;width:60px}.OrderSuccessBanner .banner-imgs .barcode{top:20%;right:2%;width:40px}.OrderSuccessBanner .banner-imgs .delivery-car{right:4%;width:80px}.OrderSuccessBanner .banner-imgs .pattern3,.OrderSuccessBanner .banner-imgs .pattern6,.OrderSuccessBanner .banner-imgs .pattern8{display:none}}@media (max-width:500px){.OrderSuccessBanner{min-height:18rem}.OrderSuccessBanner .banner-imgs .barcode,.OrderSuccessBanner .banner-imgs .cart,.OrderSuccessBanner .banner-imgs .delivery-car,.OrderSuccessBanner .banner-imgs .money,.OrderSuccessBanner .banner-imgs .paper-bag{display:none}}@media (max-width:603px){.OrderSuccessBanner .banner-imgs .ari-vri{max-width:100%;margin-left:-50%}}.OrderSuccessProductList{margin:1rem 0}.OrderSuccessProductList h3{font-size:1.25rem}.OrderSuccessProductList .order-product-list{margin:1rem 0}.OrderSuccessProductList .order-product-list .order-product-table{clear:both;width:100%;text-align:center;background:#fff;border-collapse:collapse;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2)}.OrderSuccessProductList .order-product-list .order-product-table thead{background:#2fae8e;color:#fff}.OrderSuccessProductList .order-product-list .order-product-table thead tr th{padding:.875rem;font-weight:400}@media (max-width:1024px){.OrderSuccessProductList{display:none}}.OrderBottomBtns{display:flex;justify-content:center;align-items:center}.OrderBottomBtns .order-bottom-btns-wrap{margin-top:1.5rem}.OrderBottomBtns .order-bottom-btns-wrap button{border:none;padding:.5rem 1rem;font-size:1.25rem;border-radius:6px;cursor:pointer;margin:0 .5rem;outline:none}.OrderBottomBtns .order-bottom-btns-wrap .show-products-more{background:#fff;color:#2fae8e;border:1px solid #2fae8e}.OrderBottomBtns .order-bottom-btns-wrap .show-orders{background:#2fae8e;color:#fff}.OrderSuccessMobileProductList{display:none;margin:1rem 0}.OrderSuccessMobileProductList h3{font-size:1.25rem}.OrderSuccessMobileProductList .order-product-list{margin:1rem 0;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px}@media (max-width:1024px){.OrderSuccessMobileProductList{display:block}}.OrderDetailTop .order-detail-top{margin-bottom:.5rem}.OrderDetailTop .order-detail-info p{display:inline-block;margin-right:1rem}.OrderDetailProductItem .order-detail-products{display:flex;align-items:center}.OrderDetailProductItem .order-detail-products .order-detail-products-left img{width:150px;height:150px}.OrderDetailProductItem .order-detail-products .order-detail-products-right{text-align:left;margin-left:.5rem}.OrderDetailProductItem .order-detail-products .order-detail-products-right .product-name{font-size:1.1rem;font-weight:500}.OrderDetailProductList{margin:2rem 0 1rem}.OrderDetailProductList h2{margin:1rem 0}.OrderDetailProductList .order-detail-product-list{clear:both;width:100%;text-align:center;background:#fff;border-collapse:collapse;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2)}.OrderDetailProductList .order-detail-product-list thead{background:#2fae8e;color:#fff}.OrderDetailProductList .order-detail-product-list thead tr th{padding:.875rem;font-weight:400}@media (max-width:1024px){.OrderDetailProductList{display:none}}.OrderDetailCancelInfo{margin:2rem 0 1rem}.OrderDetailCancelInfo h2{margin:1rem 0}.OrderDetailCancelInfo .cancel-detail-info{display:flex}.OrderDetailCancelInfo .cancel-detail-info .row{display:flex;margin:.3rem 0}.OrderDetailCancelInfo .cancel-detail-info .row .row-left{min-width:120px}.OrderDetailCancelInfo .cancel-detail-info .cancel-detail-info-left{flex:1 1;margin-right:.5rem;padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px;color:#333}.OrderDetailCancelInfo .cancel-detail-info .cancel-detail-info-left .row-top{font-size:1.2rem;font-weight:500;margin-bottom:2rem}.OrderDetailCancelInfo .cancel-detail-info .cancel-detail-info-right{flex:1 1;margin-left:.5rem;padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px;color:#333}.OrderDetailCancelInfo .cancel-detail-info .cancel-detail-info-right .row-top{font-size:1.2rem;font-weight:500;margin-bottom:2rem;color:#2fae8e}@media (max-width:1024px){.OrderDetailCancelInfo .cancel-detail-info{flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.2)}.OrderDetailCancelInfo .cancel-detail-info .cancel-detail-info-left{margin-right:0;box-shadow:none;border-bottom:1px solid #eee}.OrderDetailCancelInfo .cancel-detail-info .cancel-detail-info-right{margin-left:0;box-shadow:none}}.OrderDetailProgress{margin:2rem 0 1rem}.OrderDetailProgress .order-detail-progress{display:flex;align-items:center;justify-content:center;width:100%}.OrderDetailProgress .order-detail-progress .order-progress-wrap{display:flex;align-items:center;justify-content:center;flex:1 1;margin:0 1rem}.OrderDetailProgress .order-detail-progress .order-progress-wrap .order-progress{border-radius:20px;font-size:1.1rem;text-align:center;word-break:keep-all}.OrderDetailProgress .order-detail-progress .order-progress-wrap .order-progress img{max-width:100%}.OrderDetailProgress .order-detail-progress .Arrow{flex:.5 1}.OrderDetailProgress .order-detail-progress .arrow-active svg polygon{fill:#2fae8e}@media (max-width:768px){.OrderDetailProgress .order-detail-progress .order-progress-wrap .order-progress p{font-size:1rem}.OrderDetailProgress .order-detail-progress .Arrow{flex:1 1}}@media (max-width:500px){.OrderDetailProgress .order-detail-progress .Arrow{display:none}}.OrderDetailPaymentInfo{margin:2rem 0 1rem}.OrderDetailPaymentInfo h2{margin:1rem 0}.OrderDetailPaymentInfo .order-detail-payment-info{padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px;color:#333}.OrderDetailPaymentInfo .order-detail-payment-info .row{display:flex;margin:.25rem 0}.OrderDetailPaymentInfo .order-detail-payment-info .row .row-left{min-width:120px}.OrderDetailPaymentInfo .order-detail-payment-info .payment-detail-top{color:#2fae8e;font-size:1.2rem;font-weight:500;margin-bottom:1.5rem}.OrderDetailPaymentInfo .order-detail-payment-info .payment-detail-bottom{display:flex}.OrderDetailPaymentInfo .order-detail-payment-info .payment-detail-bottom .payment-detail-bottom-left,.OrderDetailPaymentInfo .order-detail-payment-info .payment-detail-bottom .payment-detail-bottom-right{flex:1 1}@media (max-width:1024px){.OrderDetailPaymentInfo .order-detail-payment-info .payment-detail-bottom{flex-direction:column}}.OrderDetailDeliveryInfo{margin:2rem 0 1rem}.OrderDetailDeliveryInfo .delivery-detail-top{display:flex;align-items:center}.OrderDetailDeliveryInfo .delivery-detail-top h2{margin:1rem 0}.OrderDetailDeliveryInfo .delivery-detail-top button{border:none;min-width:80px;background:#2fae8e;border-radius:6px;color:#fff;padding:.2rem 0;margin-left:.5rem}.OrderDetailDeliveryInfo .delivery-detail-bottom{padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px;color:#333}.OrderDetailDeliveryInfo .delivery-detail-bottom .row{display:flex;margin:.25rem 0}.OrderDetailDeliveryInfo .delivery-detail-bottom .row .row-left{min-width:120px}.OrderDetailReceipt{margin:2rem 0 1rem;text-align:right}.OrderDetailReceipt a button{border:none;background:#2fae8e;padding:.5rem;min-width:100px;border-radius:6px;color:#fff;cursor:pointer}.OrderDetailMobileProductList{display:none;margin:1rem 0}.OrderDetailMobileProductList h3{font-size:1.25rem}.OrderDetailMobileProductList .order-product-list{margin:1rem 0;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:6px}@media (max-width:1024px){.OrderDetailMobileProductList{display:block}}.OrderDetailMobileProductItem{display:flex;align-items:center;border-bottom:1px solid #eee}.OrderDetailMobileProductItem .product-thumbnail{flex:.5 1}.OrderDetailMobileProductItem .product-thumbnail .product-img{max-width:100%}.OrderDetailMobileProductItem .product-info{flex:1 1;text-align:left;padding:1rem 0}.Banner{height:350px;background:#b56aff;position:relative}.Banner .banner-wrap{margin:0 auto;padding:180px 10px 0}.Banner .banner-wrap .banner-text{font-size:40px;font-weight:500;color:#fff}.Banner .banner-wrap .banner-img-edu{position:absolute;top:55%;right:11%}.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{max-width:1180px;margin:4rem auto;text-align:center}.EduCaseList .edu-case-category-list{margin:1rem 0;display:flex;flex-wrap:nowrap;justify-content:center}.EduCaseList .edu-case-category-list button{border:none;padding:.475rem .7rem;margin:.3rem;cursor:pointer;background-color:transparent;color:#000;font-size:24px;font-weight:500;width:120px}.EduCaseList .edu-case-category-list .category-active{border-bottom:5px solid #b56aff;color:#b56aff}.EduCaseList .edu-case-list{display:flex;flex-wrap:wrap;margin-top:1rem}.EduCaseList .pagination{margin-left:30px;display:flex;margin-top:2rem;text-align:center;flex-direction:row;justify-content:center}.EduCaseList .pagination li{display:flex;font-size:16px;font-weight:400;width:30px;line-height:30px;margin-right:5px;margin-left:5px;border:none;border-radius:20px;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;outline:none}.EduCaseList .pagination li a{width:30px;outline:none;display:block;margin-left:2px}.EduCaseList .pagination li:hover{transition:all .2s linear;background:rgba(0,0,0,.5);color:#fff}.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-item-active{transition:all .2s linear;background:#b56aff;border-radius:20px;color:#fff}.EduCaseItem{position:relative;width:calc(33.33% - .875rem);box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:20px;margin:1rem .4rem;cursor:pointer}.EduCaseItem .educase-thumb{background-position:50%;background-size:cover;background-repeat:no-repeat;width:100%;padding-top:70%;border-radius:20px}.EduCaseItem .educase-info{position:absolute;bottom:0;display:flex;flex-wrap:wrap;width:100%;padding:1rem;background-color:rgba(0,0,0,.8);color:#fff;border-radius:0 0 20px 20px;align-items:baseline}.EduCaseItem .educase-info .educate-title{font-size:1rem}.EduCaseItem .educase-info .educase-date{flex:1 1;text-align:right;color:hsla(0,0%,100%,.85);font-size:.875rem}@media (max-width:1200px){.EduCaseItem{width:calc(50% - .875rem)}}@media (max-width:768px){.EduCaseItem{width:calc(100% - .875rem)}}.EduCaseListUS{max-width:1180px;margin:4rem auto;text-align:center}.EduCaseListUS .edu-case-category-list{margin:1rem 0;display:flex;flex-wrap:nowrap;justify-content:center}.EduCaseListUS .edu-case-category-list label{margin-top:1rem;font-size:20px;font-weight:500;position:absolute}.EduCaseListUS .edu-case-category-list label:first-child{margin-right:49rem}.EduCaseListUS .edu-case-category-list .Wacom{margin-right:31rem}.EduCaseListUS .edu-case-category-list .Library{margin-right:13rem}.EduCaseListUS .edu-case-category-list .Training{margin-left:5rem}.EduCaseListUS .edu-case-category-list .School{margin-left:23rem}.EduCaseListUS .edu-case-category-list .Education{margin-left:44rem}.EduCaseListUS .edu-case-category-list button{z-index:1;border:none;padding:.475rem .7rem;margin:.3rem;cursor:pointer;background-color:transparent;color:transparent;font-size:24px;font-weight:500;width:120px}.EduCaseListUS .edu-case-category-list button:nth-child(2n){width:150px}.EduCaseListUS .edu-case-category-list button:last-child{width:200px}.EduCaseListUS .edu-case-category-list .category-active{border-bottom:5px solid #09f;color:transparent}.EduCaseListUS .edu-case-list{display:flex;flex-wrap:wrap;margin-top:1rem}.EduCaseListUS .pagination{display:flex;margin-top:2rem;text-align:center;flex-direction:row;justify-content:center}.EduCaseListUS .pagination li{display:flex;font-size:16px;font-weight:400;width:30px;line-height:30px;margin-right:5px;margin-left:5px;border:none;border-radius:20px;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;outline:none}.EduCaseListUS .pagination li a{width:30px;outline:none;display:block;margin-left:2px}.EduCaseListUS .pagination li:hover{transition:all .2s linear;background:rgba(0,0,0,.5);color:#fff}.EduCaseListUS .pagination .rc-pagination-jump-prev{order:1}.EduCaseListUS .pagination .rc-pagination-prev{order:2}.EduCaseListUS .pagination .rc-pagination-item{order:3}.EduCaseListUS .pagination .rc-pagination-next{margin-left:20px;order:4}.EduCaseListUS .pagination .rc-pagination-jump-next{order:5}.EduCaseListUS .pagination .rc-pagination-item-active{transition:all .2s linear;background:#09f;border-radius:20px;color:#fff}.EduCaseListAR{max-width:1180px;margin:4rem auto;text-align:center}.EduCaseListAR .edu-case-category-list{margin:1rem 0;display:flex;flex-wrap:nowrap;justify-content:center}.EduCaseListAR .edu-case-category-list label{margin-top:1rem;font-size:20px;font-weight:500;position:absolute}.EduCaseListAR .edu-case-category-list label:first-child{margin-right:53rem}.EduCaseListAR .edu-case-category-list .Wacom{margin-right:33rem}.EduCaseListAR .edu-case-category-list .المكتبة{margin-right:13rem}.EduCaseListAR .edu-case-category-list .مركز{margin-left:7rem}.EduCaseListAR .edu-case-category-list .المدرسة{margin-left:27rem}.EduCaseListAR .edu-case-category-list .المركز{margin-left:48rem}.EduCaseListAR .edu-case-category-list button{z-index:1;border:none;padding:.475rem .7rem;margin:.3rem;cursor:pointer;background-color:transparent;color:transparent;font-size:24px;font-weight:500;width:120px}.EduCaseListAR .edu-case-category-list button:nth-child(2n){width:180px}.EduCaseListAR .edu-case-category-list button:last-child{width:200px}.EduCaseListAR .edu-case-category-list .category-active{border-bottom:5px solid #09f;color:transparent}.EduCaseListAR .edu-case-list{display:flex;flex-wrap:wrap;margin-top:1rem}.EduCaseListAR .pagination{display:flex;margin-top:2rem;text-align:center;flex-direction:row;justify-content:center}.EduCaseListAR .pagination li{display:flex;font-size:16px;font-weight:400;width:30px;line-height:30px;margin-right:5px;margin-left:5px;border:none;border-radius:20px;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;outline:none}.EduCaseListAR .pagination li a{width:30px;outline:none;display:block;margin-left:2px}.EduCaseListAR .pagination li:hover{transition:all .2s linear;background:rgba(0,0,0,.5);color:#fff}.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-item-active{transition:all .2s linear;background:#09f;border-radius:20px;color:#fff}@media (max-width:500px){.EduCaseList .edu-case-category-list button{word-break:keep-all;font-size:.8rem;padding:.475rem .4rem;border-radius:12px}}.NotFoundInfo{text-align:center}.NotFoundInfo .not-found-illust{padding-top:100px}.NotFoundInfo .not-found-headline{margin-top:55px;font-size:24px;font-weight:500;color:#2fae8e}.NotFoundInfo .not-found-subline{margin-top:50px;font-size:16px;color:#555}.NotFoundInfo .not-found-thx{margin-top:30px;margin-bottom:40px;font-size:16px;font-weight:500;color:#555}.NotFoundInfo .not-found-btns{margin-top:2rem}.NotFoundInfo .not-found-btns .not-found-button{width:120px;height:40px;color:#2fae8e;border:1px solid #2fae8e;background:#fff;font-size:16px;margin-right:15px;margin-left:15px;cursor:pointer;transition:all .2s linear}.NotFoundInfo .not-found-btns .not-found-button:hover{background:#2fae8e;color:#fff}@media (max-width:768px){.NotFoundInfo .not-found-headline{margin-top:20px;font-size:18px}.NotFoundInfo .not-found-subline{margin-top:25px;font-size:14px}.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%}}.main-button{margin-top:5rem;grid-gap:15px;gap:15px;display:flex;flex-direction:column}.main-button button{font-size:12px;font-weight:700;background-color:#b56aff;color:#fff;width:85px;height:85px;border:4px solid #fff;border-radius:75px}.main-button button:hover{cursor:pointer}.main-button .main-vrware{display:flex;flex-direction:row;justify-content:flex-end}.main-button .main-free p{color:#ffea07;font-size:14px}.MainBanner{display:flex;background:#b56aff;overflow:hidden;background-position:50%;background-image:url(/images/background.png);background-size:cover;background-repeat:no-repeat;position:relative;height:90vh;flex-direction:column;flex-wrap:nowrap;align-content:space-between;justify-content:space-evenly}.MainBanner .school-banner-content-btn{position:relative;margin:0 auto}.MainBanner .test{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-end}.MainBanner .school-banner-content{margin:0 auto}.MainBanner .school-banner-content .banner-text{margin-left:27rem;margin-bottom:33rem}.MainBanner .school-banner-content .banner-text p{line-height:60px}.MainBanner .school-banner-content .banner-text .banner-text-explain{font-size:46px;color:#fff;font-weight:700;font-family:"Noto Sans KR"}.MainBanner .school-banner-content .banner-text .banner-text-explain2{font-size:46px;color:#fff;font-weight:700;font-family:"Noto Sans"}.MainBanner .school-banner-content .banner-watch-now-button{width:100%;margin-top:2.9322033898%}.MainBanner .school-banner-content .banner-watch-now-button button{margin-right:11rem;float:right;font-size:30px;font-weight:700;color:#b56aff;width:271px;height:80px;border:none;border-radius:10px;background:#fff;cursor:pointer}.MainBanner .school-banner-content .banner-watch-now-button button:hover{cursor:pointer;background:#fff}.MainBanner .school-banner-content .banner-img{position:relative;height:100%;z-index:-1}.MainBanner .school-banner-content .banner-img img{width:100%;max-width:100%}.MainBanner .school-banner-content .banner-img .cloud1{position:absolute;left:4%;top:24%;width:11.0169491525%}.MainBanner .school-banner-content .banner-img .cloud2{position:absolute;left:-14%;bottom:44%;width:18.6440677966%}.MainBanner .school-banner-content .banner-img .cloud3{position:absolute;left:20%;bottom:30%;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{position:absolute;right:-6%;bottom:32%;width:11.8644067797%}.MainBanner .school-banner-content .banner-img .ari-vr{position:absolute;bottom:-1%;right:39%;width:20.7627118644%}.MainBanner .school-banner-content .banner-img .castle{position:absolute;right:0;bottom:-1%;width:30.593220339%}.MainBanner .school-banner-content .banner-img .dinosaur{position:absolute;left:0;bottom:-1%;width:30.593220339%}@media (min-width:1200px){.school-banner-content{width:1200px;padding:0 10px}}@media (max-width:1024px){.MainBanner{height:38rem}.MainBanner .school-banner-content .banner-text{padding-top:10rem}.MainBanner .school-banner-content .banner-text .banner-text-title{font-size:3.8rem}}@media (max-width:768px){.banner-img{display:none}.MainBanner{height:35rem}.MainBanner .school-banner-content .banner-text .banner-text-title{font-size:3.2rem}.MainBanner .school-banner-content .banner-text .banner-text-explain{font-size:1.3rem}.MainBanner .school-banner-content .banner-text .banner-watch-now-button button{width:80%;font-size:1.3rem;height:50px}}@media (max-width:500px){.MainBanner{height:400px}.MainBanner .school-banner-content .banner-text{padding-top:8em}.MainBanner .school-banner-content .banner-text .banner-text-title{font-size:30px}.MainBanner .school-banner-content .banner-text .banner-text-explain{font-size:.8rem}.MainBanner .school-banner-content .banner-text .banner-watch-now-button button{width:80%;font-size:1rem;height:50px}}