body.toeic{padding-top:80px}.toeic #mo-menu{display:none!important}.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}#header{font-size:15px;height:80px;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 .topWrap{align-items:center;display:flex;height:40px;position:relative}#header .topWrap .logo figure{aspect-ratio:112/20;background-image:url(https://static.edmclass.com/toeic/common/logo2.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:16px;max-width:none}.toeic #top-tail .notification{height:16px}.toeic #floatingWrap{bottom:16px}@media screen and (max-width:1199px){.toeic #top-tail{background-color:var(--b-color5);justify-content:flex-start;left:0;right:auto;top:40px;width:100%}.toeic #top-tail .userWrap{width:100%}.toeic #top-tail .userWrap .btn .txtWrap{display:block}.toeic #top-tail .userWrap .myClass{align-items:center;display:flex;justify-content:center;line-height:40px;margin:0;order:2;padding:0;width:50%}.toeic #top-tail .userWrap .myClass figure{margin-right:4px;position:static;transform:none}.toeic #top-tail .userWrap .state{display:block;width:100%}.toeic #top-tail .userWrap .state>.flex{justify-content:center}.toeic #top-tail .userWrap .notificationWrap{position:absolute;right:16px;top:-28px}.toeic #top-tail .userWrap .notification .txtWrap{display:none}.toeic #top-tail .userWrap>.flex{width:50%}.toeic #top-tail .userWrap .myPage{display:block}.toeic #top-tail.in .userWrap>.flex{justify-content:space-between;width:100%}.toeic #top-tail.in .userWrap .myClass{left:50%;position:absolute;transform:translateX(-50%);width:33.33333%}.toeic #top-tail.in .userWrap .myClass:after{display:none}.toeic #top-tail.in .userWrap .myPage{order:2;padding:0 16px;width:33.33333%}.toeic #top-tail.in .userWrap .myPage figure{margin-right:4px}.toeic #top-tail.in .userWrap .myPage .btn{display:flex;justify-content:center}.toeic #top-tail.in .userWrap .state{width:33.33333%}.toeic #top-tail.in .userWrap .loginWrap>.flex{justify-content:center}.toeic #top-tail.in .userWrap .state .btn.logout{margin:0}.toeic #top-tail.in .userWrap .loginWrap .name{display:none}}@media screen and (min-width:576px){#header .topWrap{padding:0 32px}}@media screen and (min-width:1200px){body.toeic{padding-top:130px}#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{left:40px;margin:0;position:absolute;top:50%;transform:translateY(-50%)}#header .topWrap .logo figure{height:28px}#header .topWrap .gnb-txt{font-size:var(--f-heading1);padding-left:180px}.toeic #top-tail .notification.active{height:16px;top:-2px}.toeic #floatingWrap{bottom:64px}body{font-size:18px}#header .topWrap{padding:0 40px}}@media screen and (min-width:1400px){#header .linkWrap>.flex>.title{padding-left:32px}}