:root{--p-color2:#00b4a7}.point-color,.point-color2{color:#48fff3}.point-color3{color:#00b4a7}.bg-lightgray{background-color:#f8f8f8}.bg-darkgreen{background-color:#c6cbc2}.bg-lightgreen1{background-color:#dffdfb}.bg-lightgreen2{background-color:#e7faff}img{vertical-align:middle}.max-width{max-width:1248px}.navi{column-gap:9px}.navi .navi-btn{background-color:#e2e2e5;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:25px;transition:background-color .3s ease;width:25px}.navi .navi-btn.prev{background-image:url(https://static.edmclass.com/btecHnd/common/slide-prev.svg)}.navi .navi-btn.next{background-image:url(https://static.edmclass.com/btecHnd/common/slide-next.svg)}#wrap{padding-bottom:100px}#mo-menu{display:none!important}#header{font-size:var(--f-body1);height:40px;letter-spacing:-.28px;line-height:20px;position:fixed;transform:translateY(0);transition:transform .5s cubic-bezier(.165,.84,.44,1);z-index:99997}#header,#header:after{left:0;top:0;width:100%}#header:after{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.9);content:"";height:100%;position:absolute;z-index:-1}#header #allMenuBtnClose{background-image:url(https://static.edmclass.com/common/allMenu-closeBtn.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:none;height:16px;position:absolute;right:16px;top:12px;width:16px;z-index:5}#header.active .notification{display:none}#header.active #top-tail{align-items:flex-start;background:#fff;height:80px;justify-content:flex-start;left:0;right:auto;width:100%}#header.active #top-tail .userWrap{display:flex;flex-wrap:wrap;height:80px;width:100%}#header.active #top-tail .userWrap .state{display:block;width:100%}#header.active #top-tail .userWrap .state .btn .txtWrap{display:block}#header.active #top-tail .userWrap .myClass{align-items:center;background-color:var(--b-color5);display:flex;height:40px;justify-content:center;line-height:40px;margin:0;order:2;padding-left:0;text-align:center;width:50%}#header.active #top-tail .userWrap .myClass figure{margin-right:4px;position:static;transform:none}#header.active #top-tail .userWrap .myPage{background-color:var(--b-color5);display:block;height:40px;line-height:40px;position:absolute;right:0;top:40px;width:50%}#header.active #top-tail .userWrap .myPage figure{margin-right:4px}#header.active #allMenuBtn{display:none}#header.active #allMenuBtnClose{display:block}#header.active{background-color:#fff}#header.active:after{backdrop-filter:blur(0);background:#fff}#header.active #noti-message .message{box-shadow:none}@media screen and (max-width:1199px){#header.active #top-tail.out,#header.active #top-tail.out .userWrap{height:40px}#header.active #top-tail.out .userWrap .myClass,#header.active #top-tail.out .userWrap .myPage{display:none}#header #top-tail.out~.horizontalEffect{height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px);top:40px}#top-tail .userWrap .loginWrap{padding-right:24px}#header.active #top-tail.in .userWrap .myClass:after{display:none}}#header .topWrap{align-items:center;display:flex;height:40px;position:relative}#header .topWrap .logo{margin-left:16px}#header .topWrap .logo figure{aspect-ratio:162/20;background-image:url(https://static.edmclass.com/btecHnd/common/logo2.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:16px;max-width:none}#header.active .topWrap{height:80px}#header.active #top-tail .userWrap>.flex{flex-wrap:wrap;height:40px;order:1}#header.active #top-tail .userWrap .myPage .btn{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#header.active #top-tail .userWrap .btn .txtWrap{display:inline-block}#header .horizontalEffect{height:calc(100vh - 80px);height:calc(var(--vh, 1vh)*100 - 80px);left:0;position:absolute;top:80px;transform:translateX(-100%);transition:transform .5s cubic-bezier(.165,.84,.44,1);width:100%}#header .horizontalEffect:after{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.9);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}#header .mobile-btn{align-items:center;display:flex}#header #allMenuBtn{height:24px;padding:5px 3px;position:relative;width:24px}#header #allMenuBtn .wrap{height:100%;position:relative;width:100%}#header #allMenuBtn span{background-color:var(--n-info);border-radius:100px;height:2px;left:0;position:absolute;width:100%}#header #allMenuBtn span:first-child{top:0}#header #allMenuBtn span:nth-child(2){top:50%;transform:translateY(-50%)}#header #allMenuBtn span:nth-child(3){bottom:0}#header .linkWrap{display:none}#header #allMenuWrap{background-color:#fff;height:100%;position:relative}#header #allMenuWrap a,#header #allMenuWrap button{display:block;text-align:left}#header #allMenuWrap:after{background-color:var(--b-color5);content:"";height:100%;left:0;position:absolute;top:0;width:120px;z-index:0}#header #allMenuWrap .dep1{position:relative;z-index:1}#header #allMenuWrap .dep1>li>.title{padding:16px 0 16px 16px;pointer-events:none;width:120px}#header #allMenuWrap .dep2{display:none;height:calc(100vh - 200px);overflow-y:auto;padding-bottom:50px;position:absolute;right:0;top:0;width:calc(100% - 120px);z-index:2}#header #allMenuWrap .dep2::-webkit-scrollbar{display:block;width:7px}#header #allMenuWrap .dep2::-webkit-scrollbar-track{background:transparent}#header #allMenuWrap .dep2::-webkit-scrollbar-thumb{background:var(--s-color1);border-radius:100px}#header #allMenuWrap .dep2>li{padding:0 16px}#header #allMenuWrap .dep2 .allBtn,#header #allMenuWrap .dep2 .dep3Menu{padding:16px 0;transition:all .3s ease}#header #allMenuWrap .dep2 .allBtn+.dep3,#header #allMenuWrap .dep2 .dep3Menu+.dep3{display:none;padding-top:0}#header #allMenuWrap .dep2.active{display:block}#header #allMenuWrap .dep3>li{padding:16px 0}#header #allMenuWrap .dep1>li.active>.title{background-color:#fff;font-weight:700}#header #allMenuWrap .dep1>li.active .dep2{display:block}#header #allMenuWrap .dep3Menu{position:relative;width:100%}#header #allMenuWrap .dep3Menu figure{background-image:url(https://static.edmclass.com/common/new_allMenuArrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;width:24px}#header #allMenuWrap .dep3Menu.active figure{transform:translateY(-50%) rotate(180deg)}#header.active{height:100vh;overflow:hidden}#header.active .horizontalEffect{display:block;transform:translateX(0)}@media screen and (max-width:768px){.navi .navi-btn{height:25px;width:25px}.navi .navi-btn.prev{background-image:url(https://static.edmclass.com/btecHnd/common/slide-prev-25.svg)}.navi .navi-btn.next{background-image:url(https://static.edmclass.com/btecHnd/common/slide-next-25.svg)}}@media screen and (max-width:575px){#wrap{padding-bottom:40px}}@media screen and (min-width:576px){#header .topWrap{padding:0 32px}}@media screen and (min-width:1200px){#wrap{min-height:950px}#header{height:130px}#header:after{backdrop-filter:blur(16px)}#header .topWrap{border-bottom:1px solid #d2d2d2;height:90px;justify-content:space-between;max-width:none}#header .topWrap .logo{margin:0}#header .topWrap .logo figure{height:28px}#header .horizontalEffect{border-radius:var(--b-radius1);box-shadow:var(--box-shadow3);display:none;height:492px;left:auto;overflow:hidden;padding:24px 8px 24px 24px;right:8px;top:138px;transform:none;width:513px}#header #allMenuWrap{background-color:transparent;border:none;height:100%;overflow-y:auto;padding-right:11px}#header #allMenuWrap::-webkit-scrollbar{display:block;width:5px}#header #allMenuWrap::-webkit-scrollbar-track{background:transparent}#header #allMenuWrap::-webkit-scrollbar-thumb{background:var(--b-color2);border-radius:8px}#header #allMenuWrap:after{display:none}#header #allMenuWrap .dep1>li{align-items:flex-start;display:flex;min-height:91px;padding-bottom:24px}#header #allMenuWrap .dep1>li:last-child{padding-bottom:0}#header #allMenuWrap .dep1>li>.title{font-weight:700;line-height:22px;padding:0;pointer-events:visible;position:relative}#header #allMenuWrap .dep1>li>.title span{position:relative}#header #allMenuWrap .dep1>li.active>.title.on,#header #allMenuWrap .dep1>li>.title.on{color:var(--p-color2)}#header #allMenuWrap .dep1>li>.title.none{pointer-events:none;touch-action:none}#header #allMenuWrap .dep1>li>.title.none span:after{display:none}#header #allMenuWrap .dep1>li.active>.title{background-color:transparent;color:var(--n-subTitle);font-weight:700}#header #allMenuWrap .dep1>li+li{border-top:1px solid var(--s-color2);padding-top:24px}#header #allMenuWrap .dep2{display:block;display:flex!important;height:auto;overflow:initial;padding-bottom:0;position:static;width:auto}#header #allMenuWrap .dep2>li{margin-right:20px;min-width:158px;padding:0}#header #allMenuWrap .dep2>li:last-child{margin-right:0}#header #allMenuWrap .dep2 .allBtn{display:none}#header #allMenuWrap .dep2 .dep3Menu{line-height:22px;margin-bottom:12px;padding:0;pointer-events:none;touch-action:none}#header #allMenuWrap .dep3Menu figure{display:none}#header #allMenuWrap .dep3{display:block!important;font-size:var(--f-body1);line-height:16.8px;padding-top:0}#header #allMenuWrap .dep3>li{padding:0}#header #allMenuWrap .dep3>li+li{margin-top:12px}#header #allMenuWrap .dep3 a{transition:color .3s cubic-bezier(.165,.84,.44,1)}#header #allMenuWrap .dep3 a:hover{color:var(--p-color2)}#header .linkWrap{display:block;height:100%;position:relative;z-index:3}#header .linkWrap>.flex{align-items:center;height:100%}#header .linkWrap>.flex>.title{cursor:pointer;display:inline-block;font-size:var(--f-heading3);font-weight:700;padding:35px 0 55px 15px;transition:color .3s cubic-bezier(.165,.84,.44,1)}#header .linkWrap>.flex>.title.active,#header .linkWrap>.flex>.title:hover{color:var(--p-color2)}body{font-size:18px}#header .topWrap{padding:0 40px}}@media screen and (min-width:1400px){#header .linkWrap>.flex>.title{padding-left:32px}}@media (hover:hover) and (pointer:fine){.navi-btn:hover{background-color:#ccc}}