@charset "UTF-8";.popup-video-wrap{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000b3;z-index:1000;padding:2rem;display:none}.popup-video-wrap.active{display:flex}.common-popup-overlay{position:fixed;inset:0;z-index:10000}.common-popup-overlay--dim{background:#00000080}.common-popup-container{min-height:100vh;display:grid;place-items:center;padding:1.6rem}.common-popup{position:relative;width:36rem;max-width:92vw;background:#fff;border-radius:1.6rem;border:.2rem solid #ececec;box-shadow:0 .8rem 2.4rem #0000001f;overflow:hidden}.common-popup-close{display:flex;justify-content:flex-end;padding:.8rem .8rem 0}.common-popup-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:#9aa0a6}.common-popup-close-btn:hover{color:#6b7280}.common-popup-body{display:grid;grid-template-rows:auto auto auto;gap:1.6rem;padding:.8rem 1.6rem 1.6rem}.common-popup-image{display:flex;justify-content:center}.common-popup-image img{width:10rem;height:10rem;object-fit:contain}.common-popup-text{text-align:center}.common-popup-title{font-size:2rem;font-weight:800;color:#5e67e6;letter-spacing:-.02rem;margin-bottom:.4rem}.common-popup-subtitle{font-size:1.4rem;color:#474747;font-weight:600;line-height:1.5;margin:1.4rem 0}.common-popup-actions{display:flex;justify-content:center;gap:1.2rem;margin-top:.4rem}.common-popup-btn{min-width:9rem;height:4rem;padding:0 1.6rem;border-radius:1.2rem;font-size:1.5rem;font-weight:800;line-height:4rem;text-align:center;transition:transform .05s ease,box-shadow .05s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.common-popup-btn:active{transform:translateY(.1rem)}.common-popup-btn-outline{background:#fff;color:#4b5563;border:.2rem solid #e5e7eb}.common-popup-btn-outline:hover{background:#f8fafc}.common-popup-btn-primary{background:#8b93ff;color:#fff;border:.2rem solid #8b93ff;box-shadow:0 .3rem #0000000f}.common-popup-btn-primary:hover{background-color:#5e67e6;border-color:#5e67e6}@media (min-width: 768px){.common-popup{width:38rem}.common-popup-image img{width:11rem;height:11rem}}@media (min-width: 1280px){.common-popup{width:40rem}.common-popup-image img{width:12rem;height:12rem}}.bg-white{background-color:#fff}.bg-black{background-color:#000}.txt-white{color:#fff}.txt-black{color:#000}.btn.basic,.btn.normal{padding:0 5rem;height:5rem;line-height:4.8rem;border:1px solid;border-radius:5rem;box-sizing:border-box;font-size:1.8rem;font-weight:600}.btn.black{background:#000;border-color:#000;color:#fff}.btn.gray{background:#f8f8f8;border-color:#f8f8f8;color:#000}.btn.ra20{border-radius:2rem}.btn.ra16{border-radius:1.6rem}.btn.ra15{border-radius:1.5rem}.btn.ra10{border-radius:1rem}.btn.ra8{border-radius:.8rem}.btn.ra4{border-radius:.4rem}.icon.icon0:before{background:url(/images/@ico_icon.svg) no-repeat;background-size:cover;content:"";width:1.6rem;height:1.6rem}.icon.icon1:before{background:url(/images/btn_arrow-gray.svg) no-repeat;background-size:cover;content:"";width:3rem;height:3rem}.icon.icon2:before{background:url(/images/btn_arrow-white.svg) no-repeat;background-size:cover;content:"";width:3rem;height:3rem}.icon.icon3:before{background:url(/images/ico_system.svg) no-repeat;background-size:cover;content:"";width:3rem;height:3rem}.icon-nav.nav1:before{background:url(/images/icon-nav-1.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav2:before{background:url(/images/icon-nav-2.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav3:before{background:url(/images/icon-nav-3.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav4:before{background:url(/images/icon-nav-4.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav5:before{background:url(/images/icon-nav-5.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav6:before{background:url(/images/icon-nav-6.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav7:before{background:url(/images/icon-nav-7.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav8:before{background:url(/images/icon-nav-8.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav9:before{background:url(/images/icon-nav-9.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav10:before{background:url(/images/icon-nav-10.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav11:before{background:url(/images/icon-nav-11.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav12:before{background:url(/images/icon-nav-12.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav13:before{background:url(/images/icon-nav-13.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav14:before{background:url(/images/icon-nav-14.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav15:before{background:url(/images/icon-nav-15.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav16:before{background:url(/images/icon-nav-16.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav17:before{background:url(/images/icon-nav-17.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav18:before{background:url(/images/icon-nav-18.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav19:before{background:url(/images/icon-nav-19.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav20:before{background:url(/images/icon-nav-20.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav21:before{background:url(/images/icon-nav-21.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav22:before{background:url(/images/icon-nav-22.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav23:before{background:url(/images/icon-nav-23.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.icon-nav.nav24:before{background:url(/images/icon-nav-24.svg) no-repeat;background-size:cover;content:"";width:2.4rem;height:2.4rem}.btn.icol1:before{background:url(/images/btn_arrow.svg) no-repeat;background-size:cover;content:"";width:2rem;height:2rem;margin-right:0rem}.btn.icol2:before{background:url(/images/circle_del_gray.svg) no-repeat;background-size:cover;content:"";width:2rem;height:2rem;margin-right:0rem}.btn.icol3:before{background:url(/images/btn_search.svg) no-repeat;background-size:cover;content:"";width:2rem;height:2rem;margin-right:0rem}.btn.icol4:before{background:url(/images/btn_del_bk.svg) no-repeat;background-size:cover;content:"";width:.8rem;height:.8rem;margin-right:0rem}.btn.icor1:after{background:url(/images/btn_arrow.svg) no-repeat;background-size:cover;content:"";width:2rem;height:2rem;margin-left:0rem}.btn.icor2:after{background:url(/images/circle_del_gray.svg) no-repeat;background-size:cover;content:"";width:2rem;height:2rem;margin-left:0rem}.btn.icor3:after{background:url(/images/btn_search.svg) no-repeat;background-size:cover;content:"";width:2rem;height:2rem;margin-left:0rem}.btn.icor4:after{background:url(/images/btn_del_bk.svg) no-repeat;background-size:cover;content:"";width:.8rem;height:.8rem;margin-left:0rem}html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,nav,section,article,header,footer,main,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption{margin:0;padding:0}body,input,select,textarea,button,img,fieldset{border:none}ul,ol,li{list-style:none}table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed}address,cite,code,em,i{font-style:normal}label,img,input,select,textarea,button,a{vertical-align:middle}u,ins,a{text-decoration:none;color:unset}button{cursor:pointer;background-color:transparent;color:unset}caption>div,legend,.hide{overflow:hidden;display:block;position:absolute;border:0;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number],input[type=text],input[type=password],input[type=url],input[type=email],input[type=tel],input[type=date],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}img{width:100%;height:auto;display:block}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:SOYOMaple;src:url(/fonts/soyo-maple/SOYOMapleBold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:SOYOMaple;src:url(/fonts/soyo-maple/SOYOMapleRegular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:TmoneyRoundWind;src:url(/fonts/tmoney-round-wind/TmoneyRoundWindExtraBold.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:TmoneyRoundWind;src:url(/fonts/tmoney-round-wind/TmoneyRoundWindRegular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Waguri;src:url(/fonts/WAGURITTF.woff2) format("woff2");font-weight:400;font-display:swap}html{font-size:10px;font-family:TmoneyRoundWind,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;color:#000;line-height:1.4;word-break:keep-all}body{font-size:1rem}*{font-family:TmoneyRoundWind,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}.header{position:relative;width:100%;height:11rem;background:#00000026;z-index:100}@media all and (max-width: 1279px){.header{height:5.8rem}}.header-wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0rem;margin:0 auto;padding:0 5rem;max-width:192rem;height:100%}@media all and (max-width: 1279px){.header-wrap{padding:0 2rem}}.header .logo{max-width:21.2rem}@media all and (max-width: 1279px){.header .logo{max-width:11rem}}.header.fixed{position:fixed;top:0;left:0;right:0}.header .util{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0rem;gap:1rem}@media all and (max-width: 1279px){.header .util{gap:.5rem}}.header .util li button{width:9.4rem;height:9.4rem;border:.6rem solid #ffffff;border-radius:100rem}@media all and (max-width: 1279px){.header .util li button{width:5rem;height:5rem;border:.3rem solid #ffffff}}.header .util-guide{background:url(/images/@btn-guide.png) no-repeat center center #ebba6e;box-shadow:0 .5rem 0 .1rem #0003,0 -1.6rem 0 -1rem #de953f inset}@media all and (max-width: 1279px){.header .util-guide{background-size:1.6rem 2.4rem;box-shadow:0 .3rem 0 .1rem #0003,0 -1.4rem 0 -1rem #de953f inset}}.header .util-guide:active{position:relative;transform:translateY(.2rem);box-shadow:0 -1.6rem 0 -1rem #de953f inset}.header .util-close{background:url(/images/@btn-close.png) no-repeat center center #76c3e8;box-shadow:0 .5rem 0 .1rem #0003,0 -1.6rem 0 -1rem #47a1d8 inset}@media all and (max-width: 1279px){.header .util-close{background-size:1.9rem;box-shadow:0 .3rem 0 .1rem #0003,0 -1.4rem 0 -1rem #47a1d8 inset}}.header .util-close:active{position:relative;transform:translateY(.2rem);box-shadow:0 -1.6rem 0 -1rem #47a1d8 inset}@media all and (max-width: 1279px){.header .util-close:active{box-shadow:0 -1.4rem 0 -1rem #47a1d8 inset}}.header .util-back{background:url(/images/@btn-back.png) no-repeat center center #487ee0;box-shadow:0 .5rem 0 .1rem #0003,0 -1.6rem 0 -1rem #2253e5 inset}@media all and (max-width: 1279px){.header .util-back{background-size:2.4rem;box-shadow:0 .3rem 0 .1rem #0003,0 -1.4rem 0 -1rem #2253e5 inset}}.header .util-back:active{position:relative;transform:translateY(.2rem);box-shadow:0 -1.6rem 0 -1rem #2253e5 inset}@media all and (max-width: 1279px){.header .util-back:active{box-shadow:0 -1.4rem 0 -1rem #2253e5 inset}}.header-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0rem;gap:6rem}@media all and (max-width: 1023px){.header-left{gap:2rem}}.header .class-session{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0rem;width:20rem;height:6rem;border-radius:100rem;overflow:hidden;box-shadow:0 .6rem #0003}@media all and (max-width: 1279px){.header .class-session{width:10.4rem;height:3.2rem}}@media all and (max-width: 1023px){.header .class-session{box-shadow:0 .4rem #0003}}.header .class-session-step,.header .class-session-panel{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:100%;height:100%;text-align:center;letter-spacing:-.1rem;font-size:2.4rem;font-weight:800}@media all and (max-width: 1279px){.header .class-session-step,.header .class-session-panel{font-size:1.4rem}}.header .class-session-step{color:#fff}.header .class-session-panel{background:#fff}.header .class-session01 .class-session-step{background:#4c8ce1}.header .class-session01 .class-session-panel{color:#2664bb}.header .class-session02 .class-session-step{background:#ff9eae}.header .class-session02 .class-session-panel{color:#ff6780}.header .class-session03 .class-session-step{background:#ffad64}.header .class-session03 .class-session-panel{color:#f7804b}.wrap{min-height:100vh;min-height:100dvh}.wrap.bg-main{background:url(/images/bg/pc-main.png) no-repeat center center/cover}.wrap.bg-class{background:url(/images/bg/pc-class.png) no-repeat center top/cover}.wrap.bg-session{background:url(/images/bg/pc-session.png) no-repeat center top/cover}.wrap.bg-learning-step01{background:url(/images/bg/pc-learning-step01.png) no-repeat center top/cover}.wrap.bg-learning-step02{background:url(/images/bg/pc-learning-step02.png) no-repeat center top/cover}.wrap.bg-learning-step03{background:url(/images/bg/pc-learning-step03.png) no-repeat center top/cover}.wrap.bg-seal{background:url(/images/bg/pc-seal.png) no-repeat center top/cover}.wrap.bg-seal .header{background:#433aa3b3}.wrap.bg-result{background:#d1eff1}.wrap.bg-result .header{background:#4c82ff}.wrap.bg-planet{background:url(/images/bg/pc-planet-base.png) no-repeat center top/cover;overflow-x:hidden}.container{width:120rem;margin:0 auto}.main{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:0rem;height:calc(100vh - 11rem);height:calc(100dvh - 11rem)}@media all and (max-width: 1279px){.main{flex-direction:row;padding:0 6rem;height:calc(100vh - 5.8rem);height:calc(100dvh - 5.8rem);gap:4rem}}@media all and (max-width: 1023px){.main{padding:0 2rem}}@media all and (max-width: 767px){.main{gap:0}}.main-etc{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:0rem;gap:10rem;gap:5.208vw;margin-top:2rem}@media all and (max-width: 1279px){.main-etc{flex-direction:column;align-items:center;gap:4rem;margin-top:unset}}@media all and (max-width: 1023px){.main-etc{gap:1.6rem}}.class{padding:6rem 0}@media all and (max-width: 1279px){.class{padding:2.5rem 0}}.class-wrap{width:100%;max-width:163rem;position:relative;padding:0 5rem;margin:0 auto}@media all and (max-width: 1279px){.class-wrap{max-width:78rem;padding:0 2rem}}.session{position:relative}.session-wrap{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;height:calc(100vh - 11rem);height:calc(100dvh - 11rem);padding:0 14rem}@media all and (max-width: 1279px){.session-wrap{flex-direction:row;padding:0 6rem;height:calc(100vh - 5.8rem);height:calc(100dvh - 5.8rem);gap:4rem}}@media all and (max-width: 1023px){.session-wrap{padding:0 6rem}}.learning{height:calc(100vh - 11rem);height:calc(100dvh - 11rem)}@media all and (max-width: 1279px){.learning{height:calc(100vh - 5.8rem);height:calc(100dvh - 5.8rem)}}.seal{padding:3rem 10rem;overflow:hidden;min-height:calc(100vh - 11rem)}@media all and (max-width: 1023px){.seal{padding:1rem 4rem;min-height:calc(100vh - 5.8rem)}}.seal-wrap{background:#fff;border-radius:2rem;box-shadow:0 .6rem #8460ffbf;padding:1.5625vw 18.229vw 2.604vw;position:relative}@media all and (max-width: 1599px){.seal-wrap{padding:2rem 14rem}}@media all and (max-width: 1279px){.seal-wrap{padding:2rem 12rem}}@media all and (max-width: 1023px){.seal-wrap{box-shadow:0 .4rem #8460ffbf;padding:.8rem 9rem 1rem}}.seal-wrap:before{content:"";display:block;width:20.833vw;height:47.5vw;position:absolute;top:8rem;left:-11.7rem;background:url(/images/mypage/bg-seal-left.png) no-repeat center center/cover;z-index:1}@media all and (max-width: 1023px){.seal-wrap:before{top:1rem;left:-8.2rem}}.seal-wrap:after{content:"";display:block;width:21.822vw;height:28.593vw;position:absolute;top:.8rem;right:-14.9rem;background:url(/images/mypage/bg-seal-right.png) no-repeat center center/cover;z-index:1}@media all and (max-width: 1023px){.seal-wrap:after{top:1.4rem;right:-8.6rem}}.result-wrap{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:3rem;padding:3rem 10rem 10rem}@media all and (max-width: 1599px){.result-wrap{padding:3rem 5rem 5rem}}@media all and (max-width: 1279px){.result-wrap{padding:1.2rem}}@media all and (max-width: 1023px){.result-wrap{padding:1.2rem;gap:1.2rem}}button:disabled{border-color:#fff!important;background-color:#fff!important;color:#fff!important}.btn{display:inline-flex;align-items:center;justify-content:center}.btn.full{width:100%}.btn-learning-next{width:9.4rem;height:9.4rem;border:.6rem solid #ffffff;border-radius:100rem;flex:0 0 auto;background:url(/images/learning/btn-learning-next.png) no-repeat center center #fbe55b;background-size:4rem 3.2rem;box-shadow:0 .5rem 0 .1rem #0003,0 -1.6rem 0 -1rem #ebcb00 inset}@media all and (max-width: 1279px){.btn-learning-next{width:5rem;height:5rem;border:.3rem solid #ffffff;background-size:1.9rem 1.5rem;box-shadow:0 .3rem 0 .1rem #0003,0 -1.4rem 0 -1rem #ebcb00 inset}}.btn-learning-next:active{position:relative;transform:translateY(.2rem);box-shadow:0 -1.6rem 0 -1rem #ebcb00 inset}@media all and (max-width: 1279px){.btn-learning-next:active{box-shadow:0 -1.4rem 0 -1rem #ebcb00 inset}}.btn-learning-next:disabled{background:url(/images/learning/btn-learning-next.png) no-repeat center center #ccc;background-size:4rem 3.2rem;box-shadow:0 .5rem 0 .1rem #0000001a,0 -1.6rem 0 -1rem #999 inset;cursor:not-allowed;opacity:.6;pointer-events:none}@media all and (max-width: 1279px){.btn-learning-next:disabled{background-size:1.9rem 1.5rem;box-shadow:0 .3rem 0 .1rem #0000001a,0 -1.4rem 0 -1rem #999 inset}}.btn-play-video{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:100%;height:100%}.btn-play-video:before{content:"";display:block;box-shadow:0 .4rem #00000026;width:12rem;height:12rem;border-radius:100rem;background:url(/images/learning/ico40-play-video.svg) no-repeat center center/cover #3c97dc;background-size:3.6rem}@media all and (max-width: 1023px){.btn-play-video:before{width:8rem;height:8rem;background-size:2.8rem;box-shadow:0 .3rem #00000026}}.btn-sound-question{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:6rem;height:6rem;border-radius:100rem;background:#3c97dc;box-shadow:0 .4rem #00000026}@media all and (max-width: 1279px){.btn-sound-question{width:4rem;height:4rem}}@media all and (max-width: 1023px){.btn-sound-question{width:3rem;height:3rem;box-shadow:0 .3rem #00000026}}.btn-sound-question:before{content:"";display:block;width:2.6rem;height:2.6rem;background:url(/images/learning/ico26-sound-question.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-sound-question:before{width:2rem;height:2rem}}@media all and (max-width: 1023px){.btn-sound-question:before{width:1.4rem;height:1.4rem}}.btn-mic-on,.btn-mic-off{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:10rem;height:10rem;border-radius:100rem;background:#5a5cc4;box-shadow:0 .6rem #0003,0 -1.6rem 0 -1rem #484a9d inset}@media all and (max-width: 1279px){.btn-mic-on,.btn-mic-off{width:6rem;height:6rem;box-shadow:0 .4rem #0003,0 -1.4rem 0 -1rem #484a9d inset}}@media all and (max-width: 1023px){.btn-mic-on,.btn-mic-off{width:5rem;height:5rem}}.btn-mic-on:before,.btn-mic-off:before{content:"";display:block}.btn-mic-on:before{width:3.6rem;height:4.6rem;background:url(/images/learning/ico36-mic-on.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-mic-on:before{width:2.4rem;height:3.2rem}}@media all and (max-width: 1023px){.btn-mic-on:before{width:1.6rem;height:2.2rem}}.btn-mic-off:before{width:3.3rem;height:3.3rem;background:url(/images/learning/ico33-mic-off.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-mic-off:before{width:2.3rem;height:2.3rem}}@media all and (max-width: 1023px){.btn-mic-off:before{width:1.6rem;height:1.6rem}}.btn-voice-play,.btn-voice-stop{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:10rem;height:10rem;border-radius:100rem;background:#2aabf5;box-shadow:0 .6rem #0003,0 -1.6rem 0 -1rem #2289c4 inset}@media all and (max-width: 1279px){.btn-voice-play,.btn-voice-stop{width:6rem;height:6rem;box-shadow:0 .4rem #0003,0 -1.4rem 0 -1rem #2289c4 inset}}@media all and (max-width: 1023px){.btn-voice-play,.btn-voice-stop{width:5rem;height:5rem}}.btn-voice-play:before,.btn-voice-stop:before{content:"";display:block}.btn-voice-play:before{width:3rem;height:3.4rem;background:url(/images/learning/ico30-mic-play.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-voice-play:before{width:1.8rem;height:2rem}}@media all and (max-width: 1023px){.btn-voice-play:before{width:1.6rem;height:1.8rem}}.btn-voice-stop:before{width:3.3rem;height:3.3rem;background:url(/images/learning/ico33-mic-off.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-voice-stop:before{width:2.3rem;height:2.3rem}}@media all and (max-width: 1023px){.btn-voice-stop:before{width:1.6rem;height:1.6rem}}.btn-write-check,.btn-write-exit{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:7.4rem;height:6.8rem;border-radius:1.2rem;background:#3c97dc;box-shadow:0 .6rem #0d7ed4}@media all and (max-width: 1279px){.btn-write-check,.btn-write-exit{width:6rem;height:5.2rem}}@media all and (max-width: 1023px){.btn-write-check,.btn-write-exit{width:5rem;height:4.6rem;box-shadow:0 .4rem #0d7ed4;border-radius:.6rem}}.btn-write-check:before,.btn-write-exit:before{content:"";display:block}.btn-write-check:before{width:3.5rem;height:2.6rem;background:url(/images/learning/ico35-check.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-write-check:before{width:2.8rem;height:2rem}}.btn-write-exit:before{width:2.9rem;height:1.9rem;background:url(/images/learning/ico29-write-exit.png) no-repeat center center/cover}.btn-write-keyboard,.btn-write-pencil,.btn-write-eraser{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:7.4rem;height:5.8rem;background:#fff;border-radius:.8rem;box-shadow:0 .5rem #00000026}@media all and (max-width: 1279px){.btn-write-keyboard,.btn-write-pencil,.btn-write-eraser{width:6.4rem;height:5.2rem}}@media all and (max-width: 1023px){.btn-write-keyboard,.btn-write-pencil,.btn-write-eraser{width:5.1rem;height:4rem;box-shadow:0 .3rem #00000026}}.btn-write-keyboard:before,.btn-write-pencil:before,.btn-write-eraser:before{content:"";display:block}.btn-write-keyboard:before{width:5.2rem;height:3.7rem;background:url(/images/learning/ico52-write-keyboard.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-write-keyboard:before{width:4rem;height:2.8rem}}@media all and (max-width: 1023px){.btn-write-keyboard:before{width:3.4rem;height:2.4rem}}.btn-write-pencil:before{width:3.5rem;height:3.4rem;background:url(/images/learning/ico52-write-pencil.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-write-pencil:before{width:2.9rem;height:2.8rem}}@media all and (max-width: 1023px){.btn-write-pencil:before{width:2.3rem;height:2.3rem}}.btn-write-eraser:before{width:4.3rem;height:3.5rem;background:url(/images/learning/ico43-write-eraser.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-write-eraser:before{width:3.4rem;height:2.8rem}}@media all and (max-width: 1023px){.btn-write-eraser:before{width:2.8rem;height:2.3rem}}.btn-mute{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:6rem;height:6rem;border-radius:100rem;background:#d0d4fb;box-shadow:0 .3rem #0000004d}@media all and (max-width: 1279px){.btn-mute{width:4.8rem;height:4.8rem}}@media all and (max-width: 1023px){.btn-mute{width:3rem;height:3rem}}.btn-mute:before{content:"";display:block;width:3rem;height:3rem;background:url(/images/learning/ico32-mute.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-mute:before{width:2.4rem;height:2.4rem}}@media all and (max-width: 1023px){.btn-mute:before{width:1.8rem;height:1.8rem}}.btn-mute.off{background:#ebebeb}.btn-mute.off:before{background:url(/images/learning/ico32-mute-off.svg) no-repeat center center/cover}.btn-fullscreen{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:6rem;height:6rem;border-radius:100rem;background:#bef0f2;box-shadow:0 .3rem #0000004d}@media all and (max-width: 1279px){.btn-fullscreen{width:4.8rem;height:4.8rem}}@media all and (max-width: 1023px){.btn-fullscreen{width:3rem;height:3rem}}.btn-fullscreen:before{content:"";display:block;width:2.5rem;height:2.5rem;background:url(/images/learning/ico25-fullscreen.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.btn-fullscreen:before{width:2.4rem;height:2.4rem}}@media all and (max-width: 1023px){.btn-fullscreen:before{width:1.6rem;height:1.6rem}}.btn-fairytale-result{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:4rem;height:4rem;border-radius:100rem;background:#f58b3b}@media all and (max-width: 1023px){.btn-fairytale-result{width:3.2rem;height:3.2rem}}.btn-fairytale-result:before{content:"";display:block;width:1.4rem;height:1.4rem;background:url(/images/learning/ico40-play-video.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.btn-fairytale-result:before{width:1rem;height:1rem}}.icon{display:inline-flex;align-items:center;justify-content:center}.icon-nav{display:inline-flex;align-items:flex-start;justify-content:center}.swiper{overflow:unset}@media all and (max-width: 1279px){.swiper{overflow:hidden}}.swiper-slide{width:-moz-fit-content;width:fit-content;height:auto}@media all and (max-width: 1279px){.swiper-slide{width:100%}}.swiper-button-next,.swiper-button-prev{display:none}@media all and (max-width: 1279px){.swiper-button-next,.swiper-button-prev{display:block}}.swiper-button-next{background:url(/images/@btn-swiper-main-next.png) no-repeat center center/cover}.swiper-button-prev{background:url(/images/@btn-swiper-main-prev.png) no-repeat center center/cover}.swiper-button-next,.swiper-button-prev{margin-top:unset;width:4.4rem;height:4.4rem;top:unset;bottom:47dvh}@media all and (max-width: 1023px){.swiper-button-next,.swiper-button-prev{bottom:41dvh}}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:""}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:""}@media all and (max-width: 1279px){.mainSwiper{max-width:52rem;margin-left:unset;margin-right:unset;height:100%}}@media all and (max-width: 1023px){.mainSwiper{max-width:38rem}}.step-wrap{justify-content:center;align-items:flex-end}@media all and (max-width: 1599px){.step-wrap{margin-top:1rem}}@media all and (max-width: 1279px){.step-wrap{justify-content:unset;align-items:center}}.step-01{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3.3rem}@media all and (max-width: 1599px){.step-01{gap:2rem}}@media all and (max-width: 1279px){.step-01{gap:1.4rem}}.step-02{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3.5rem;margin:0 4rem;margin:0 2.083vw}@media all and (max-width: 1599px){.step-02{gap:2.2rem}}@media all and (max-width: 1279px){.step-02{margin:unset;gap:1.6rem}}.step-03{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4.9rem}@media all and (max-width: 1599px){.step-03{gap:2.6rem}}@media all and (max-width: 1279px){.step-03{gap:1.4rem}}.step-01,.step-02,.step-03{width:44rem;width:22.916vw}@media all and (max-width: 1599px){.step-01,.step-02,.step-03{width:28rem}}@media all and (max-width: 1279px){.step-01,.step-02,.step-03{width:24rem;margin:0 auto}}.continue{width:45.8rem;width:23.854vw;height:17.4rem;height:9.062vw;position:relative}@media all and (max-width: 1599px){.continue{width:31.8rem;height:12.4rem}}@media all and (max-width: 1023px){.continue{width:26.1rem;height:10.4rem}}@media all and (max-width: 767px){.continue{width:24rem;height:9.6rem}}.btn-step{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}.btn-step-01{position:relative;width:34rem;width:17.708vw;height:34rem;height:17.708vw;background:url(/images/btn-step01.svg) no-repeat center center/cover;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 6rem #2285ec) drop-shadow(0 0 6rem #2285ec) drop-shadow(0 0 6rem #2285ec)}@media all and (max-width: 1599px){.btn-step-01{width:22rem;height:22rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec)}}@media all and (max-width: 1279px){.btn-step-01{filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec)}}@media all and (max-width: 1023px){.btn-step-01{width:19.2rem;height:19.2rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 2rem #2285ec) drop-shadow(0 0 2rem #2285ec) drop-shadow(0 0 2rem #2285ec)}}@media all and (max-width: 767px){.btn-step-01{width:16rem;height:16rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 2rem #2285ec)}}.btn-step-01 .btn-step-title:before,.btn-step-01 .btn-step-text:before{content:attr(data-txt);position:absolute;left:0;z-index:-1;-webkit-text-stroke:2rem #116ada;text-shadow:1rem 1rem 2rem #002c61}@media all and (max-width: 1599px){.btn-step-01 .btn-step-title:before,.btn-step-01 .btn-step-text:before{-webkit-text-stroke:1.2rem #116ada;text-shadow:.8rem .8rem 1.2rem #002c61}}@media all and (max-width: 1023px){.btn-step-01 .btn-step-title:before,.btn-step-01 .btn-step-text:before{-webkit-text-stroke:1rem #116ada;text-shadow:.8rem .8rem 1.2rem #002c61}}.btn-step-02{position:relative;width:34.3rem;width:17.864vw;height:35.2rem;height:18.333vw;background:url(/images/btn-step02.svg) no-repeat center center/cover;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 6rem #2285ec) drop-shadow(0 0 6rem #2285ec) drop-shadow(0 0 6rem #2285ec)}@media all and (max-width: 1599px){.btn-step-02{width:22.1rem;height:22.7rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec)}}@media all and (max-width: 1279px){.btn-step-02{filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec)}}@media all and (max-width: 1023px){.btn-step-02{width:19.1rem;height:19.7rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 2rem #2285ec) drop-shadow(0 0 2rem #2285ec) drop-shadow(0 0 2rem #2285ec)}}@media all and (max-width: 767px){.btn-step-02{width:16.1rem;height:16.7rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 2rem #2285ec)}}.btn-step-02:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.btn-step-02 .btn-step-title:before,.btn-step-02 .btn-step-text:before{content:attr(data-txt);position:absolute;left:0;z-index:-1;-webkit-text-stroke:2rem #eb4a9a;text-shadow:1rem 1rem 2rem #99024d}@media all and (max-width: 1599px){.btn-step-02 .btn-step-title:before,.btn-step-02 .btn-step-text:before{-webkit-text-stroke:1.2rem #eb4a9a;text-shadow:.8rem .8rem 1.2rem #99024d}}@media all and (max-width: 1023px){.btn-step-02 .btn-step-title:before,.btn-step-02 .btn-step-text:before{-webkit-text-stroke:1rem #eb4a9a;text-shadow:.8rem .8rem 1.2rem #99024d}}.btn-step-03{position:relative;width:44.5rem;width:23.177vw;height:33.6rem;height:17.5vw;background:url(/images/btn-step03.svg) no-repeat center center/cover;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 6rem #2285ec) drop-shadow(0 0 6rem #2285ec) drop-shadow(0 0 6rem #2285ec)}@media all and (max-width: 1599px){.btn-step-03{width:27.6rem;height:20.8rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec)}}@media all and (max-width: 1279px){.btn-step-03{filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 4rem #2285ec) drop-shadow(0 0 4rem #2285ec)}}@media all and (max-width: 1023px){.btn-step-03{width:24rem;height:18.1rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 2rem #2285ec) drop-shadow(0 0 2rem #2285ec) drop-shadow(0 0 2rem #2285ec)}}@media all and (max-width: 767px){.btn-step-03{width:20rem;height:15.1rem;filter:drop-shadow(0 0 1rem #ffffbe) drop-shadow(0 0 2rem #2285ec)}}.btn-step-03:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.btn-step-03 .btn-step-title:before,.btn-step-03 .btn-step-text:before{content:attr(data-txt);position:absolute;left:0;z-index:-1;-webkit-text-stroke:2rem #f7804b;text-shadow:1rem 1rem 2rem #965800}@media all and (max-width: 1599px){.btn-step-03 .btn-step-title:before,.btn-step-03 .btn-step-text:before{-webkit-text-stroke:1.2rem #f7804b;text-shadow:.8rem .8rem 1.2rem #965800}}@media all and (max-width: 1023px){.btn-step-03 .btn-step-title:before,.btn-step-03 .btn-step-text:before{-webkit-text-stroke:1rem #f7804b;text-shadow:.8rem .8rem 1.2rem #965800}}.btn-step-title{font-size:8.5rem;font-size:4.427vw;font-weight:800;color:#fff;position:relative;z-index:1}@media all and (max-width: 1599px){.btn-step-title{font-size:5.2rem}}@media all and (max-width: 1023px){.btn-step-title{font-size:4.4rem}}.btn-step-text{font-size:7rem;font-size:3.645vw;font-weight:800;color:#fff;position:relative;z-index:0}@media all and (max-width: 1599px){.btn-step-text{font-size:4.4rem}}@media all and (max-width: 1023px){.btn-step-text{font-size:3.6rem}}.btn-story{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0rem;gap:1.6rem;width:29rem;width:15.104vw;height:8rem;height:4.166vw;border:.6rem solid rgba(255,255,255,.6);border-radius:2rem;margin-bottom:2rem;z-index:1;padding-left:1.2rem}@media all and (max-width: 1599px){.btn-story{gap:1.2rem;width:23.6rem;height:6rem}}@media all and (max-width: 1279px){.btn-story{width:19rem;height:4.4rem;border:.3rem solid rgba(255,255,255,.6);border-radius:1.2rem}}.btn-story:before{content:"";display:block;width:5.3rem;width:2.76vw;height:4.7rem;height:2.447vw;border-radius:2rem}@media all and (max-width: 1599px){.btn-story:before{width:3.6rem;height:3.4rem;border-radius:1.4rem}}@media all and (max-width: 1279px){.btn-story:before{width:2.6rem;height:2.3rem;border-radius:1.2rem}}.btn-story-text{font-size:2.6rem;font-size:1.354vw;font-weight:800;color:#fff;line-height:1;letter-spacing:-.1rem;margin-bottom:.4rem}@media all and (max-width: 1599px){.btn-story-text{font-size:2.2rem;margin-bottom:0}}@media all and (max-width: 1279px){.btn-story-text{font-size:1.8rem}}.btn-story.story-01{background:#57b8fc;box-shadow:0 .8rem #0a62cf,0 1.5rem .5rem #0662d066}@media all and (max-width: 1279px){.btn-story.story-01{box-shadow:0 .6rem #0a62cf,0 1.5rem .5rem #0662d066}}.btn-story.story-01:before{background:url(/images/@btn-story01.png) no-repeat center left 2rem / contain #fff;background:url(/images/@btn-story01.png) no-repeat center left 1.041vw / contain #fff;background-size:1.7rem 2.2rem;background-size:.885vw 1.145vw;box-shadow:0 .5rem #00449cbf}@media all and (max-width: 1599px){.btn-story.story-01:before{background-size:1.4rem 1.6rem;background-position:center left 1.2rem;box-shadow:0 .4rem #00449cbf}}@media all and (max-width: 1279px){.btn-story.story-01:before{background-size:.9rem 1rem;background-position:center left .9rem;box-shadow:0 .4rem #00449cbf}}.btn-story.story-01 .btn-story-text{text-shadow:0 .2rem .3rem #0a62cf}.btn-story.story-02{background:#f193b3;box-shadow:0 .8rem #c53b77,0 1.5rem .5rem #0662d066}@media all and (max-width: 1279px){.btn-story.story-02{box-shadow:0 .6rem #c53b77,0 1.5rem .5rem #0662d066}}.btn-story.story-02:before{background:url(/images/@btn-story02.png) no-repeat center left 2rem / contain #fff;background:url(/images/@btn-story02.png) no-repeat center left 1.041vw / contain #fff;background-size:1.7rem 2.2rem;background-size:.885vw 1.145vw;box-shadow:0 .5rem #f75d81bf}@media all and (max-width: 1599px){.btn-story.story-02:before{background-size:1.4rem 1.6rem;background-position:center left 1.2rem;box-shadow:0 .4rem #f75d81bf}}@media all and (max-width: 1279px){.btn-story.story-02:before{background-size:.9rem 1rem;background-position:center left .9rem;box-shadow:0 .4rem #f75d81bf}}.btn-story.story-02 .btn-story-text{text-shadow:0 .2rem .3rem #eb4a9a}.btn-story.story-03{background:#ffb350;box-shadow:0 .8rem #e7683e,0 1.5rem .5rem #0662d066}@media all and (max-width: 1279px){.btn-story.story-03{box-shadow:0 .6rem #e7683e,0 1.5rem .5rem #0662d066}}.btn-story.story-03:before{background:url(/images/@btn-story03.png) no-repeat center left 2rem / contain #fff;background:url(/images/@btn-story03.png) no-repeat center left 1.041vw / contain #fff;background-size:1.7rem 2.2rem;background-size:.885vw 1.145vw;box-shadow:0 .5rem #e26a19bf}@media all and (max-width: 1599px){.btn-story.story-03:before{background-size:1.4rem 1.6rem;background-position:center left 1.2rem;box-shadow:0 .4rem #e26a19bf}}@media all and (max-width: 1279px){.btn-story.story-03:before{background-size:.9rem 1rem;background-position:center left .9rem;box-shadow:0 .4rem #e26a19bf}}.btn-story.story-03 .btn-story-text{text-shadow:0 .2rem .3rem #ce6812}.btn-story:active{position:relative;transform:translateY(.4rem);box-shadow:0 0 #0a62cf,0 .5rem .5rem #0662d066}.btn-continue{width:37.3rem;width:19.427vw;height:15.7rem;height:8.177vw;position:absolute;top:0;left:8.2rem;left:4.27vw;background:url(/images/btn-continue-bg.svg) no-repeat top right/contain;filter:drop-shadow(0 1rem 4rem rgba(51,131,223,.4))}@media all and (max-width: 1599px){.btn-continue{width:26.4rem;height:10.4rem;left:5.5rem}}@media all and (max-width: 1023px){.btn-continue{width:21.6rem;height:9.2rem;left:4.5rem}}@media all and (max-width: 767px){.btn-continue{width:20.6rem;height:8.2rem;left:3.5rem}}.btn-continue-star{width:15.2rem;width:7.916vw;height:15rem;height:7.812vw;background:url(/images/btn-continue-star.svg) no-repeat center center/contain;filter:drop-shadow(.6rem .6rem .8rem #3383df);position:absolute;top:2.4rem;top:1.25vw;left:-8.2rem;left:-4.27vw}@media all and (max-width: 1599px){.btn-continue-star{width:11.2rem;height:11rem;top:1.4rem;left:-5.5rem}}@media all and (max-width: 1023px){.btn-continue-star{width:8.7rem;height:8.5rem;top:2rem;left:-4.5rem}}@media all and (max-width: 767px){.btn-continue-star{width:7.7rem;height:7.5rem;left:-3.5rem}}.btn-continue-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem}.btn-continue-title{font-size:2.6rem;font-size:1.354vw;font-weight:800;color:#190787;letter-spacing:-.1rem}@media all and (max-width: 1599px){.btn-continue-title{font-size:1.8rem}}@media all and (max-width: 1023px){.btn-continue-title{font-size:1.7rem}}.btn-continue-content{font-size:3.3rem;font-size:1.718vw;font-weight:800;color:#006fff;letter-spacing:-.1rem}@media all and (max-width: 1599px){.btn-continue-content{font-size:2.4rem;line-height:1}}@media all and (max-width: 1023px){.btn-continue-content{font-size:2rem}}.btn-mypage{width:29.6rem;width:15.416vw;height:21.9rem;height:11.406vw;position:relative;background:url(/images/btn-mypage.png) no-repeat center center/cover;filter:drop-shadow(0 1rem 1rem rgba(51,131,223,.8))}@media all and (max-width: 1599px){.btn-mypage{width:20.2rem;height:15rem}}@media all and (max-width: 1023px){.btn-mypage{width:17.8rem;height:13.2rem}}@media all and (max-width: 767px){.btn-mypage{width:15.2rem;height:11.2rem}}.btn-mypage-text{font-size:3.4rem;font-size:1.77vw;font-weight:800;color:#4646d8;position:absolute;top:7.4rem;top:3.854vw;left:7.2rem;left:3.75vw;z-index:0;line-height:1}@media all and (max-width: 1599px){.btn-mypage-text{font-size:2.4rem;left:4.8rem;top:4.8rem}}@media all and (max-width: 1023px){.btn-mypage-text{font-size:2.2rem;left:3.8rem;top:4rem}}@media all and (max-width: 767px){.btn-mypage-text{font-size:2rem;left:3.2rem;top:3.4rem}}.btn-mypage-text:before{content:attr(data-txt);position:absolute;left:0;z-index:-1;-webkit-text-stroke:1rem #ffffff}@media all and (max-width: 1599px){.btn-mypage-text:before{-webkit-text-stroke:.6rem #ffffff}}@media all and (max-width: 767px){.btn-mypage-text:before{-webkit-text-stroke:.4rem #ffffff}}.progress{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2.4rem;position:relative;background:#fff;border-radius:100rem;padding:1.5rem 4rem;box-shadow:0 .6rem #00000026}@media all and (max-width: 1279px){.progress{gap:.6rem;padding:.7rem 1.4rem}}.progress-class{width:56rem}@media all and (max-width: 1599px){.progress-class{width:28rem}}@media all and (max-width: 1279px){.progress-class{width:18rem}}@media all and (max-width: 767px){.progress-class{width:8rem}}.progress-class progress{width:100%;height:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:100rem;overflow:hidden}@media all and (max-width: 1279px){.progress-class progress{height:1.2rem}}.progress-class progress::-webkit-progress-bar{background:#eee;box-shadow:inset 3px 3px 1px #0000001a}.progress-class progress::-webkit-progress-value{background:#f7931e;border-radius:100rem;box-shadow:inset 3px 3px 1px #0000001a}.progress-class-title{font-size:2rem;font-weight:800;color:#41403e;letter-spacing:-.05rem;transform:rotate(.03deg)}@media all and (max-width: 1279px){.progress-class-title{font-size:1.2rem}}.progress-class-amount{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;font-size:2rem;font-weight:800;color:#377cf6;letter-spacing:-.05rem;transform:rotate(.03deg)}@media all and (max-width: 1279px){.progress-class-amount{font-size:1.2rem}}.progress-green{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:100rem;padding:.7rem 5rem .7rem 2rem;width:52rem;box-shadow:0 .6rem #00000026}@media all and (max-width: 1599px){.progress-green{width:26rem}}@media (min-width: 1280px) and (max-width: 1400px){.progress-green{left:60%}}@media all and (max-width: 1279px){.progress-green{padding:.4rem 4rem .4rem 1.4rem}}@media all and (max-width: 1023px){.progress-green{width:22rem;box-shadow:0 .4rem #00000026}}.progress-green-bar{width:100%;height:100%}.progress-green-bar progress{width:100%;height:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:100rem;overflow:hidden}@media all and (max-width: 1279px){.progress-green-bar progress{height:1.2rem}}.progress-green-bar progress::-webkit-progress-bar{background:#eee;box-shadow:inset 3px 3px 1px #0000001a}.progress-green-bar progress::-webkit-progress-value{background:#17c683;border-radius:100rem;box-shadow:inset 3px 3px 1px #0000001a}.progress-green-start,.progress-green-end{width:7rem;height:7rem;background:#fff;border:.8rem solid #ffffff;position:absolute;top:50%;transform:translateY(-50%);border-radius:100rem;box-shadow:0 .3rem .5rem #00000026}@media all and (max-width: 1279px){.progress-green-start,.progress-green-end{width:4rem;height:4rem;border:.5rem solid #ffffff}}@media all and (max-width: 1023px){.progress-green-start,.progress-green-end{border:.3rem solid #ffffff}}.progress-green-start{background:#dbdbdb;left:-4.2rem}@media all and (max-width: 1279px){.progress-green-start{left:-3.2rem}}.progress-green-end{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;background:#ff6e00;font-size:2.4rem;font-weight:800;color:#fff;right:-3.6rem}@media all and (max-width: 1279px){.progress-green-end{right:-1.2rem;font-size:1.6rem}}@media all and (max-width: 1023px){.progress-green-end{width:4rem;height:4rem;font-size:1.4rem}}.progress-green-amount{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:3.6rem;height:3.6rem;background:#2bab76;border-radius:100rem;font-size:2.4rem;font-weight:800;color:#fff;flex:0 0 auto}@media all and (max-width: 1279px){.progress-green-amount{width:2.4rem;height:2.4rem;font-size:1.6rem}}@media all and (max-width: 1023px){.progress-green-amount{font-size:1.4rem}}.progress-green.star{padding:1.5rem 4rem;border-radius:unset}@media all and (max-width: 1279px){.progress-green.star{padding:.8rem 1.4rem}}@media all and (max-width: 1023px){.progress-green.star{width:16rem;box-shadow:0 .4rem #00000026}}.progress-green.star .progress-green-start,.progress-green.star .progress-green-end{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}.progress-green.star .progress-green-start:after,.progress-green.star .progress-green-end:after{content:"";width:3.8rem;height:3.6rem;filter:drop-shadow(.3rem .3rem .1rem rgba(0,0,0,.15))}@media all and (max-width: 1279px){.progress-green.star .progress-green-start:after,.progress-green.star .progress-green-end:after{width:1.8rem;height:1.6rem}}.progress-green.star .progress-green-start{display:flex;left:-4.2rem}@media all and (max-width: 1279px){.progress-green.star .progress-green-start{left:-3.2rem}}.progress-green.star .progress-green-start:after{background:url(/images/learning/ico40-progress-star-start.svg) no-repeat center center/cover}.progress-green.star .progress-green-end{right:-4.2rem}@media all and (max-width: 1279px){.progress-green.star .progress-green-end{right:-3.2rem}}.progress-green.star .progress-green-end:after{background:url(/images/learning/ico40-progress-star-end.svg) no-repeat center center/cover}.tabs-class{position:relative;z-index:1}.tabs-class-btn{width:26rem;height:5rem;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem;box-shadow:inset -.8rem 0 #0000001a}@media all and (max-width: 1599px){.tabs-class-btn{width:18rem}}@media all and (max-width: 1279px){.tabs-class-btn{width:13rem;height:2.6rem;border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;box-shadow:inset -.4rem 0 #0000001a}}@media all and (max-width: 1023px){.tabs-class-btn{width:12rem}}@media all and (max-width: 767px){.tabs-class-btn{width:9rem}}@media all and (max-width: 599px){.tabs-class-btn{width:8rem}}.tabs-class-btn span{font-size:2.4rem;font-weight:800;letter-spacing:-.05rem}@media all and (max-width: 1279px){.tabs-class-btn span{font-size:1.4rem}}.tabs-class-btn-wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:0rem;padding-left:7.5rem}@media all and (max-width: 1279px){.tabs-class-btn-wrap{padding-left:2.5rem}}.tabs-class-btn.class01{background:#9bddff;color:#49a3e3}.tabs-class-btn.class02{background:#ffd1db;color:#ff7b91}.tabs-class-btn.class03{background:#ffd899;color:#f7804b}.tabs-class-btn.active{height:6.5rem}@media all and (max-width: 1279px){.tabs-class-btn.active{height:3.4rem}}.tabs-class-btn.active span{font-size:3.6rem;color:#fff;text-shadow:.3rem .3rem .1rem rgba(0,72,118,.3)}@media all and (max-width: 1599px){.tabs-class-btn.active span{font-size:3.2rem}}@media all and (max-width: 1279px){.tabs-class-btn.active span{font-size:2rem}}@media all and (max-width: 767px){.tabs-class-btn.active span{font-size:1.6rem}}.tabs-class-btn.active.class01{background:#5bbefe}.tabs-class-btn.active.class02{background:#f9a}.tabs-class-btn.active.class03{background:#ffad64}.tabs-class-panel{width:100%;background:#fff;border-radius:6rem;display:none}.tabs-class-panel.active{display:block}@media all and (max-width: 1279px){.tabs-class-panel{border-radius:2.8rem}}.tabs-class-panel.class01{border:1.5rem solid #5bbefe}@media all and (max-width: 1599px){.tabs-class-panel.class01{border-width:.5rem}}.tabs-class-panel.class02{border:1.5rem solid #ff99aa}@media all and (max-width: 1599px){.tabs-class-panel.class02{border-width:.5rem}}.tabs-class-panel.class03{border:1.5rem solid #ffa352}@media all and (max-width: 1599px){.tabs-class-panel.class03{border-width:.5rem}}.tabs-result{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem}@media all and (max-width: 1023px){.tabs-result{margin-bottom:1.2rem}}.tabs-result-btn{font-size:2rem;font-weight:800;color:#fff;padding:1rem 2rem;background:#cacaca;border:.1rem solid #aaaaaa;border-radius:1.2rem}@media all and (max-width: 1023px){.tabs-result-btn{line-height:1;font-size:1.6rem}}.tabs-result-btn.active{background:#ff9aa0;border:.1rem solid #ff7880}.tabs-result-contents{max-height:48rem;overflow-y:auto;padding-right:1.2rem}@media all and (max-width: 1023px){.tabs-result-contents{max-height:30rem}}.tabs-result-contents::-webkit-scrollbar{width:.8rem;border-radius:100rem;overflow:hidden}.tabs-result-contents::-webkit-scrollbar-thumb{background:#52b5f1;border-radius:100rem}.tabs-result-contents::-webkit-scrollbar-track{background:#eaeaea;border-radius:100rem}.tabs-class-panel.class01 .class-grid-item.active{background:#d8efff;outline:.1rem solid #a8ddff;box-shadow:.2rem .2rem 0 .2rem #5bbefe66}.tabs-class-panel.class01 .class-grid-item.active .class-order{background:#71cefe;color:#000}.tabs-class-panel.class01 .class-grid-item.active .class-title{color:#333}.tabs-class-panel.class01 .class-grid-item.active .class-img{border:.1rem solid #a8ddff}.tabs-class-panel.class02 .class-grid-item.active{background:#ffeaee;outline:.1rem solid #ffbbc6;box-shadow:.2rem .2rem 0 .2rem #f9a6}.tabs-class-panel.class02 .class-grid-item.active .class-order{background:#ffbfca;color:#000}.tabs-class-panel.class02 .class-grid-item.active .class-title{color:#333}.tabs-class-panel.class02 .class-grid-item.active .class-img{border:.1rem solid #ffbbc6}.tabs-class-panel.class03 .class-grid-item.active{background:#ffecdc;outline:.1rem solid #ffcea3;box-shadow:.2rem .2rem 0 .2rem #ffad6466}.tabs-class-panel.class03 .class-grid-item.active .class-order{background:#ffcea3;color:#000}.tabs-class-panel.class03 .class-grid-item.active .class-title{color:#333}.tabs-class-panel.class03 .class-grid-item.active .class-img{border:.1rem solid #ffcea3}.class-grid{display:grid;padding:7.5rem;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(34rem,auto);gap:6rem;counter-reset:num 0}@media all and (max-width: 1599px){.class-grid{padding:4rem;gap:3rem;row-gap:6rem;grid-auto-rows:minmax(32rem,auto)}}@media all and (max-width: 1279px){.class-grid{padding:2rem;gap:2rem;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(19.4rem,auto)}}@media all and (max-width: 767px){.class-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(21rem,auto)}}@media all and (max-width: 599px){.class-grid{grid-template-columns:repeat(2,1fr)}}.class-grid-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0rem;width:100%;background:#f4f4f4;outline:.1rem solid #dddddd;border-radius:2.4rem;cursor:pointer}@media all and (max-width: 1279px){.class-grid-item{border-radius:1.2rem}}.class-order{padding:.8rem 4rem;background:#e1e1e1;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;font-size:2.6rem;font-weight:800;color:#777;width:-moz-fit-content;width:fit-content;text-align:center;letter-spacing:-.05rem;line-height:1}@media all and (max-width: 1279px){.class-order{font-size:1.6rem;border-bottom-left-radius:1.6rem;border-bottom-right-radius:1.6rem;padding:.2rem 2rem .5rem}}.class-title{font-size:2rem;font-weight:800;color:#999;text-align:center;text-wrap:wrap;margin:auto 0;line-height:1.3;letter-spacing:-.1rem;transform:rotate(.03deg)}@media all and (max-width: 1279px){.class-title{font-size:1.4rem}}.class-img{background:#fff;border:.1rem solid #dddddd;border-radius:2rem;height:100%;overflow:hidden}@media all and (max-width: 1279px){.class-img{border-radius:1.2rem}}.class-img-wrap{padding:0 1.5rem;width:100%;height:16rem}@media all and (max-width: 1599px){.class-img-wrap{height:13rem}}@media all and (max-width: 1279px){.class-img-wrap{padding:0 .8rem;height:8.2rem}}@media all and (max-width: 767px){.class-img-wrap{height:9.6rem}}@media all and (max-width: 599px){.class-img-wrap{height:10.6rem}}.class-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.class-score{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0rem;padding:0 1.5rem;margin:1.5rem 0;width:100%}@media all and (max-width: 1279px){.class-score{padding:0 1rem;margin:1rem 0}}.class-status{padding:1rem 1.4rem;background:#fff;outline:.1rem solid #dddddd;border-radius:100rem;font-size:1.5rem;color:#999;line-height:1;width:7rem;text-align:center}.class-status.ing{background:#bee5ff;outline:.1rem solid #80ccfd;color:#0f90ea}.class-status.complete{background:#fdcbc6;outline:.1rem solid #fb9c91;color:#ed5b4a}@media all and (max-width: 1279px){.class-status{padding:.4rem;font-size:1rem;width:3.8rem}}.class-star{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.class-star-item{width:3.2rem;height:3.2rem;background:url(/images/ico32-star-normal.png) no-repeat center center/cover}.class-star-item.yellow{background:url(/images/ico32-star-yellow.png) no-repeat center center/cover}.class-star-item.green{background:url(/images/ico32-star-green.png) no-repeat center center/cover}@media all and (max-width: 1599px){.class-star-item{width:2.4rem;height:2.4rem}}@media all and (max-width: 1279px){.class-star-item{width:1.6rem;height:1.6rem}}@media all and (max-width: 1279px){.class-star{gap:.3rem}}.class-info{position:absolute;top:0;right:0}.class-info-momu{width:47.8rem;height:11.4rem;background:url(/images/@momu-class.svg) no-repeat center center/cover;position:absolute;top:-4.8rem;right:10rem}@media all and (max-width: 1279px){.class-info-momu{width:23.6rem;height:5.6rem;top:-2rem;right:3.2rem}}@media all and (max-width: 1023px){.class-info-momu{right:2.2rem}}.class-info-momu p{font-size:2.4rem;font-weight:800;color:#377cf6;position:absolute;top:3.7rem;left:2.6rem}@media all and (max-width: 1279px){.class-info-momu p{font-size:1.2rem;top:1.8rem;left:1.4rem}}.class-info-text{position:absolute;right:7rem;top:-2.4rem;width:-moz-fit-content;width:fit-content;background:#fbf3cb;border-radius:100rem;padding:1.3rem 4rem}@media all and (max-width: 1279px){.class-info-text{padding:.8rem 1.5rem;right:4.2rem;top:-1.2rem}}@media all and (max-width: 1023px){.class-info-text{right:3.2rem}}.class-info-text p{font-size:2.4rem;font-weight:800;color:#377cf6;text-wrap:nowrap}@media all and (max-width: 1279px){.class-info-text p{font-size:1.2rem}}.session-wrap svg{position:absolute}.session-list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;width:100%;height:100%;position:relative;gap:4rem}@media all and (max-width: 1599px){.session-list{gap:2rem}}@media all and (max-width: 1279px){.session-list{gap:4rem}}@media all and (max-width: 1023px){.session-list{gap:0}}.session-list-top,.session-list-bottom{display:flex;gap:10rem}@media all and (max-width: 1599px){.session-list-top,.session-list-bottom{gap:8rem}}@media all and (max-width: 1023px){.session-list-top,.session-list-bottom{gap:3rem}}.session-list-item{width:-moz-fit-content;width:fit-content;position:relative}.session-btn{width:45rem;width:23.437vw;height:33.4rem;height:17.395vw;position:relative;z-index:1}@media all and (max-width: 1599px){.session-btn{width:30rem;height:22.2rem}}@media all and (max-width: 1279px){.session-btn{width:26rem;height:19.2rem}}@media all and (max-width: 1023px){.session-btn{width:18.8rem;height:14rem}}@media all and (max-width: 767px){.session-btn{width:12.1rem;height:9rem}}.session-text{font-size:5rem;font-size:2.604vw;font-weight:800;color:#443aa4;text-wrap:nowrap;position:absolute;left:50%;transform:translate(-50%);bottom:9rem;bottom:4.687vw;z-index:0;filter:drop-shadow(.4rem .4rem 0 rgba(0,0,0,.3))}@media all and (max-width: 1599px){.session-text{font-size:3.8rem;bottom:5.8rem}}@media all and (max-width: 1279px){.session-text{font-size:2.8rem;bottom:5.2rem}}@media all and (max-width: 1023px){.session-text{font-size:2.2rem;bottom:3.8rem;filter:drop-shadow(.2rem .2rem 0 rgba(0,0,0,.3))}}@media all and (max-width: 767px){.session-text{font-size:1.6rem;bottom:2.4rem}}.session-text:before{content:attr(data-txt);position:absolute;left:0;z-index:-1;-webkit-text-stroke:1rem #ffffff}@media all and (max-width: 1599px){.session-text:before{-webkit-text-stroke:.8rem #ffffff}}@media all and (max-width: 1279px){.session-text:before{-webkit-text-stroke:.6rem #ffffff}}@media all and (max-width: 1023px){.session-text:before{-webkit-text-stroke:.4rem #ffffff}}.session01{background:url(/images/session/session01-yet.svg) no-repeat center center/cover}.session01.completed{background:url(/images/session/session01.svg) no-repeat center center/cover}.session02{background:url(/images/session/session02-yet.svg) no-repeat center center/cover}.session02.completed{background:url(/images/session/session02.svg) no-repeat center center/cover}.session03{background:url(/images/session/session03-yet.svg) no-repeat center center/cover}.session03.completed{background:url(/images/session/session03.svg) no-repeat center center/cover}.session04{background:url(/images/session/session04-yet.svg) no-repeat center center/cover}.session04.completed{background:url(/images/session/session04.svg) no-repeat center center/cover}.session05{background:url(/images/session/session05-yet.svg) no-repeat center center/cover}.session05.completed{background:url(/images/session/session05.svg) no-repeat center center/cover}.session-flag{width:29.8rem;width:15.52vw;height:17.5rem;height:9.114vw;background:url(/images/session/flag.svg) no-repeat center center/cover;position:absolute;top:2rem;top:1.041vw;left:-6rem;left:-3.125vw}@media all and (max-width: 1599px){.session-flag{width:24.8rem;height:14.5rem;left:-8rem}}@media all and (max-width: 1279px){.session-flag{width:24.8rem;height:14.5rem;left:-2rem}}@media all and (max-width: 1023px){.session-flag{top:1.2rem;background:url(/images/session/flag-sm.svg) no-repeat center center/cover;width:16rem;height:9rem;left:-4rem}}@media all and (max-width: 599px){.session-flag{width:12.5rem;height:7rem;left:-3rem}}.session-flag p{font-size:1.7rem;font-size:.855vw;font-weight:800;color:#3d5799;position:absolute;top:2.8rem;top:1.458vw;left:0;width:100%;padding:2rem 1.2rem 2rem 4rem;letter-spacing:-.1rem}@media all and (max-width: 1599px){.session-flag p{font-size:1.6rem;top:1.6rem;padding:2rem 1.2rem 2rem 2.4rem}}@media all and (max-width: 1023px){.session-flag p{font-size:1.4rem;top:.4rem;padding:1.6rem 1.2rem 1.2rem 2rem}}@media all and (max-width: 599px){.session-flag p{font-size:1.2rem;top:.4rem;padding:1.2rem .8rem 1.2rem 1.2rem}}.learning{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}@media all and (max-width: 1023px){.learning{height:auto;align-items:flex-start}}.learning-wrap{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:0rem;width:100%;padding:4rem 5rem}@media screen and (min-width: 2560px){.learning-wrap{height:auto}}@media all and (max-width: 1599px){.learning-wrap{padding:8rem 5rem;gap:4rem;align-items:center}}@media (min-width: 1280px) and (max-width: 1400px){.learning-wrap{padding:2rem 5rem}}@media all and (max-width: 1279px){.learning-wrap{padding:15rem 5rem}}@media all and (max-width: 1023px){.learning-wrap{padding:1rem 2rem}}.learning-video-wrap{position:relative;height:100%}.tabs-learning{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:0rem}@media screen and (min-width: 2560px){.tabs-learning{height:auto}}@media all and (max-width: 1279px){.tabs-learning{max-height:52rem}}.tabs-learning-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:16rem;width:8.333vw;height:11rem;height:5.729vw;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;position:relative;z-index:0}.tabs-learning-btn:before{content:"";display:block}@media all and (max-width: 1599px){.tabs-learning-btn{width:13rem;height:8.8rem;gap:.4rem}}@media all and (max-width: 1279px){.tabs-learning-btn{width:11rem;height:7.2rem}}@media all and (max-width: 1023px){.tabs-learning-btn{width:9rem;height:5.3rem;gap:.2rem;height:5rem;border-top-left-radius:1.2rem;border-bottom-left-radius:1.2rem}}.tabs-learning-btn.learning01:after{content:"";width:8rem;width:4.166vw;height:calc(100% - .6rem);position:absolute;top:0;left:13rem;left:6.77vw;z-index:-1;background:#88b5ee}@media all and (max-width: 1599px){.tabs-learning-btn.learning01:after{height:8.2rem;left:11rem}}@media all and (max-width: 1279px){.tabs-learning-btn.learning01:after{height:6rem;left:9rem}}@media all and (max-width: 1023px){.tabs-learning-btn.learning01:after{height:4.6rem}}.tabs-learning-btn.learning01:before{width:4.3rem;width:2.239vw;height:4.1rem;height:2.135vw}@media all and (max-width: 1599px){.tabs-learning-btn.learning01:before{width:3.6rem;height:3.4rem}}@media all and (max-width: 1279px){.tabs-learning-btn.learning01:before{width:3rem;height:2.8rem}}@media all and (max-width: 1023px){.tabs-learning-btn.learning01:before{width:1.9rem;height:1.8rem}}.tabs-learning-btn.learning02:before{width:6.3rem;width:3.281vw;height:4.4rem;height:2.291vw}@media all and (max-width: 1599px){.tabs-learning-btn.learning02:before{width:5rem;height:3.4rem}}@media all and (max-width: 1279px){.tabs-learning-btn.learning02:before{width:3.7rem;height:2.8rem}}@media all and (max-width: 1023px){.tabs-learning-btn.learning02:before{width:2.8rem;height:1.9rem}}.tabs-learning-btn.learning03:before{width:8.6rem;width:4.479vw;height:4.3rem;height:2.239vw}@media all and (max-width: 1599px){.tabs-learning-btn.learning03:before{width:7rem;height:3.4rem}}@media all and (max-width: 1279px){.tabs-learning-btn.learning03:before{width:5.8rem;height:2.8rem}}@media all and (max-width: 1023px){.tabs-learning-btn.learning03:before{width:3.7rem;height:1.8rem}}.tabs-learning-btn.learning04:before{width:4.4rem;width:2.291vw;height:4.5rem;height:2.343vw}@media all and (max-width: 1599px){.tabs-learning-btn.learning04:before{width:3.4rem;height:3.4rem}}@media all and (max-width: 1279px){.tabs-learning-btn.learning04:before{width:3rem;height:3rem}}@media all and (max-width: 1023px){.tabs-learning-btn.learning04:before{width:2rem;height:2rem}}.tabs-learning-btn.learning05:before{width:4.6rem;width:2.395vw;height:4.2rem;height:2.187vw}@media all and (max-width: 1599px){.tabs-learning-btn.learning05:before{width:3.6rem;height:3.4rem}}@media all and (max-width: 1279px){.tabs-learning-btn.learning05:before{width:2.8rem;height:2.6rem}}@media all and (max-width: 1023px){.tabs-learning-btn.learning05:before{width:2.1rem;height:1.9rem}}.tabs-learning-btn-wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.2rem;flex:0 0 16rem;flex:0 0 8.333vw}@media all and (max-width: 1599px){.tabs-learning-btn-wrap{flex:0 0 13rem}}@media all and (max-width: 1279px){.tabs-learning-btn-wrap{flex:0 0 11rem}}@media all and (max-width: 1023px){.tabs-learning-btn-wrap{flex:0 0 9rem}}.tabs-learning-btn-wrap.step01 .tabs-learning-btn{background:#88b5ee;box-shadow:0 -1rem 0 -.4rem #65a0e9 inset}@media all and (max-width: 1023px){.tabs-learning-btn-wrap.step01 .tabs-learning-btn{box-shadow:0 -.7rem 0 -.4rem #65a0e9 inset}}.tabs-learning-btn-wrap.step01 .tabs-learning-btn span{color:#d0e2f9}.tabs-learning-btn-wrap.step01 .tabs-learning-btn.learning01:before{background:url(/images/learning/learning01-step01.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step01 .tabs-learning-btn.learning02:before{background:url(/images/learning/learning02-step01.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step01 .tabs-learning-btn.learning03:before{background:url(/images/learning/learning03-step01.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step01 .tabs-learning-btn.learning04:before{background:url(/images/learning/learning04-step01.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step01 .tabs-learning-btn.learning05:before{background:url(/images/learning/learning05-step01.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step02 .tabs-learning-btn{background:#ffc3cd;box-shadow:0 -1rem 0 -.4rem #ffb4c0 inset}@media all and (max-width: 1023px){.tabs-learning-btn-wrap.step02 .tabs-learning-btn{box-shadow:0 -.7rem 0 -.4rem #ffb4c0 inset}}.tabs-learning-btn-wrap.step02 .tabs-learning-btn span{color:#ffecef}.tabs-learning-btn-wrap.step02 .tabs-learning-btn.learning01:before{background:url(/images/learning/learning01-step02.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step02 .tabs-learning-btn.learning02:before{background:url(/images/learning/learning02-step02.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step02 .tabs-learning-btn.learning03:before{background:url(/images/learning/learning03-step02.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step02 .tabs-learning-btn.learning04:before{background:url(/images/learning/learning04-step02.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step02 .tabs-learning-btn.learning05:before{background:url(/images/learning/learning05-step02.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step03 .tabs-learning-btn{background:#ffc897;box-shadow:0 -1rem 0 -.4rem #ffbc82 inset}@media all and (max-width: 1023px){.tabs-learning-btn-wrap.step03 .tabs-learning-btn{box-shadow:0 -.7rem 0 -.4rem #ffbc82 inset}}.tabs-learning-btn-wrap.step03 .tabs-learning-btn span{color:#ffe8d3}.tabs-learning-btn-wrap.step03 .tabs-learning-btn.learning01:before{background:url(/images/learning/learning01-step03.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step03 .tabs-learning-btn.learning02:before{background:url(/images/learning/learning02-step03.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step03 .tabs-learning-btn.learning03:before{background:url(/images/learning/learning03-step03.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step03 .tabs-learning-btn.learning04:before{background:url(/images/learning/learning04-step03.svg) no-repeat center center/cover}.tabs-learning-btn-wrap.step03 .tabs-learning-btn.learning05:before{background:url(/images/learning/learning05-step03.svg) no-repeat center center/cover}.tabs-learning-btn span{font-size:2.4rem;font-size:1.25vw;font-weight:800}@media all and (max-width: 1599px){.tabs-learning-btn span{font-size:2rem}}@media all and (max-width: 1279px){.tabs-learning-btn span{font-size:1.6rem}}@media all and (max-width: 1023px){.tabs-learning-btn span{font-size:1.4rem}}.tabs-learning-btn.active{background:#fff!important;box-shadow:0 -1rem 0 -.4rem #e5e5e5 inset!important}@media all and (max-width: 1023px){.tabs-learning-btn.active{box-shadow:0 -.7rem 0 -.4rem #e5e5e5 inset!important}}.tabs-learning-btn.active span{color:#2b76db!important}.tabs-learning-btn.active.learning01:before{background:url(/images/learning/learning01-active.svg) no-repeat center center/cover!important}.tabs-learning-btn.active.learning01:after{background:#fff}.tabs-learning-btn.active.learning02:before{background:url(/images/learning/learning02-active.svg) no-repeat center center/cover!important}.tabs-learning-btn.active.learning03:before{background:url(/images/learning/learning03-active.svg) no-repeat center center/cover!important}.tabs-learning-btn.active.learning04:before{background:url(/images/learning/learning04-active.svg) no-repeat center center/cover!important}.tabs-learning-btn.active.learning05:before{background:url(/images/learning/learning05-active.svg) no-repeat center center/cover!important}.tabs-learning-contents{position:relative;z-index:0;aspect-ratio:16/9;height:100%;max-width:160rem;min-height:72rem;max-height:72rem;flex:1 1 auto}@media screen and (min-width: 2560px){.tabs-learning-contents{min-height:88rem;max-height:88rem}}@media screen and (max-width: 1919px){.tabs-learning-contents{min-height:68rem;max-height:68rem}}@media all and (max-width: 1599px){.tabs-learning-contents{min-height:60rem;max-height:60rem}}@media (min-width: 1280px) and (max-width: 1400px){.tabs-learning-contents{min-height:48rem;max-height:48rem}}@media all and (max-width: 1279px){.tabs-learning-contents{min-height:40rem;max-height:40rem}}@media all and (max-width: 1023px){.tabs-learning-contents{min-height:28rem;max-height:28rem}}.tabs-learning-panel{width:100%;height:100%;background:#fff;border-radius:4rem;box-shadow:.8rem .8rem #0000001a;overflow:hidden;aspect-ratio:16/9;display:none}@media all and (max-width: 1279px){.tabs-learning-panel{border-radius:2rem;box-shadow:.4rem .4rem #0000001a}}@media all and (max-width: 1023px){.tabs-learning-panel{height:28rem}}.tabs-learning-panel.active{display:block}.tabs-learning-panel.learning01,.tabs-learning-panel.learning02{padding:2rem}@media all and (max-width: 1279px){.tabs-learning-panel.learning01,.tabs-learning-panel.learning02{padding:1rem}}@media all and (max-width: 1023px){.tabs-learning-panel.learning01,.tabs-learning-panel.learning02{padding:.8rem}}.tabs-learning-area{width:100%;height:100%;border-radius:2.4rem;overflow:hidden}@media all and (max-width: 1279px){.tabs-learning-area{border-radius:1.2rem}}.tabs-learning-area video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tabs-learning-area:has(.learning-answer) .learning-answer-box{max-width:80rem;max-width:41.666vw;max-height:26rem;max-height:13.541vw}@media all and (max-width: 1279px){.tabs-learning-area:has(.learning-answer) .learning-answer-box{max-width:42rem;max-height:15.8rem}}@media all and (max-width: 1023px){.tabs-learning-area:has(.learning-answer) .learning-answer-box{max-width:28rem;max-height:9.8rem;padding:1.2rem;border-radius:.8rem}}.tabs-learning-area:has(.learning-answer) .learning-answer-keyboard{max-width:80rem;max-width:41.666vw}@media all and (max-width: 1279px){.tabs-learning-area:has(.learning-answer) .learning-answer-keyboard{max-width:42rem;max-height:15.8rem}}@media all and (max-width: 1023px){.tabs-learning-area:has(.learning-answer) .learning-answer-keyboard{max-width:28rem;max-height:9.8rem}}.tabs-learning-area.type-tier3{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:0rem;width:100%}.tabs-learning-area.type-tier3 .learning-area-top{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;flex:0 0 auto;background:#d5eff1;height:7rem}@media all and (max-width: 1599px){.tabs-learning-area.type-tier3 .learning-area-top{height:5rem}}@media all and (max-width: 1279px){.tabs-learning-area.type-tier3 .learning-area-top{height:3rem}}.tabs-learning-area.type-tier3 .learning-area-title{font-size:3rem;font-weight:800;color:#4aa6aa}@media all and (max-width: 1599px){.tabs-learning-area.type-tier3 .learning-area-title{font-size:2.4rem}}@media all and (max-width: 1279px){.tabs-learning-area.type-tier3 .learning-area-title{font-size:1.8rem}}.tabs-learning-area.type-tier3 .learning-area-middle,.tabs-learning-area.type-tier3 .learning-area-bottom{flex:1}.tabs-learning-area.type-tier3 .learning-area-middle{position:relative}.tabs-learning-area.type-tier3 .learning-area-middle .btn-sound-question{position:absolute;top:0;left:-8.5rem}@media all and (max-width: 1279px){.tabs-learning-area.type-tier3 .learning-area-middle .btn-sound-question{left:-5.5rem}}@media all and (max-width: 1023px){.tabs-learning-area.type-tier3 .learning-area-middle .btn-sound-question{left:-4.5rem}}.tabs-learning-area.type-tier3 .learning-area-bottom{background:#e8edf0}.tabs-learning-area.type-tier2{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:0rem;width:100%}.tabs-learning-area.type-tier2 .learning-area-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0rem;padding:1.5rem 5rem;flex:0 0 auto}@media all and (max-width: 1279px){.tabs-learning-area.type-tier2 .learning-area-top{padding:.8rem 2rem}}@media all and (max-width: 1023px){.tabs-learning-area.type-tier2 .learning-area-top{padding:.6rem 1.4rem}}.tabs-learning-area.type-tier2 .learning-area-bottom{flex:1;height:calc(100% - 9rem);overflow:hidden}.btn-learning-next{margin-top:auto;margin-bottom:2rem}@media all and (max-width: 1023px){.btn-learning-next{margin-bottom:.8rem}}.learning-question{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:100%;height:100%;padding:2rem;gap:2rem}@media all and (max-width: 1599px){.learning-question{padding:1.2rem}}@media all and (max-width: 1279px){.learning-question{gap:2.5rem}}.learning-question-box{position:relative;width:100%;max-width:80rem;max-width:41.666vw;height:100%;max-height:26rem;max-height:13.541vw;background:#f8f8f8;border:.1rem solid #e8edf0;border-radius:1.6rem;box-shadow:0 .3rem #00000026;padding:2rem}@media all and (max-width: 1279px){.learning-question-box{max-width:42rem;max-height:15.8rem}}@media all and (max-width: 1023px){.learning-question-box{max-width:28rem;max-height:9.8rem;padding:1.2rem;border-radius:.8rem}}.learning-question-momu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:27rem;height:23.2rem;background:url(/images/learning/momu-learning-complete.svg) no-repeat center center/cover}@media all and (max-width: 1599px){.learning-question-momu{width:19.8rem;height:17rem}}@media all and (max-width: 1279px){.learning-question-momu{width:16.4rem;height:14rem}}@media all and (max-width: 1023px){.learning-question-momu{width:9.4rem;height:8rem}}.learning-question-img{height:100%;-o-object-fit:contain;object-fit:contain}.learning-question-hard,.learning-question-easy{display:flex;flex-direction:column;justify-content:end;align-items:center;gap:.8rem;width:12rem;height:12rem;border-radius:100rem;flex:0 0 auto;padding-bottom:1.6rem;box-shadow:0 .6rem #0000001a}@media all and (max-width: 1599px){.learning-question-hard,.learning-question-easy{width:10rem;height:10rem;gap:.4rem;margin-top:auto;margin-bottom:2rem}}@media all and (max-width: 1279px){.learning-question-hard,.learning-question-easy{width:8rem;height:8rem;padding-bottom:1.2rem;gap:.2rem}}@media all and (max-width: 1023px){.learning-question-hard,.learning-question-easy{width:7rem;height:7rem;padding-bottom:.6rem;gap:.2rem;margin-bottom:unset}}.learning-question-hard:before,.learning-question-easy:before{content:"";width:3.8rem;height:3.2rem}@media all and (max-width: 1599px){.learning-question-hard:before,.learning-question-easy:before{width:3.3rem;height:2.8rem}}@media all and (max-width: 1279px){.learning-question-hard:before,.learning-question-easy:before{width:2.5rem;height:2.1rem}}.learning-question-hard span,.learning-question-easy span{font-size:1.8rem;font-weight:800}@media all and (max-width: 1279px){.learning-question-hard span,.learning-question-easy span{font-size:1.4rem}}@media all and (max-width: 1023px){.learning-question-hard span,.learning-question-easy span{font-size:1.2rem}}.learning-question-hard{background:#def3ed;border:.5rem solid #7ac3ae}.learning-question-hard span{color:#5a998a}.learning-question-hard:before{background:url(/images/learning/ico38-learning-hard.svg) no-repeat center center/cover}.learning-question-easy{background:#fef2c9;border:.5rem solid #f1d67f}.learning-question-easy span{color:#a6874b}.learning-question-easy:before{background:url(/images/learning/ico38-learning-easy.svg) no-repeat center center/cover}.learning-answer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:100%;height:100%;padding:2rem;gap:2rem}@media all and (max-width: 1599px){.learning-answer{padding:1.2rem}}@media all and (max-width: 1279px){.learning-answer{gap:2.5rem}}.learning-answer-box{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;position:relative;width:100%;height:100%;background:#fff;border:.1rem solid #e4e8ea;border-radius:1.6rem;box-shadow:0 .3rem #00000026;padding:2rem}@media all and (max-width: 1023px){.learning-answer-box{padding:1.2rem;border-radius:.8rem}}.learning-answer-box .btn-voice-play,.learning-answer-box .btn-voice-stop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.learning-answer:not(:has(.learning-answer-left)){padding-left:14rem}@media all and (max-width: 1279px){.learning-answer:not(:has(.learning-answer-left)){padding-left:10rem}}@media all and (max-width: 1023px){.learning-answer:not(:has(.learning-answer-left)){padding-left:9rem}}.learning-answer-canvas{width:100%;height:100%}.learning-answer-keyboard{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0rem;position:relative;width:100%;height:100%;gap:1.2rem}.learning-answer-keyboard-response,.learning-answer-keyboard-item{border-radius:.8rem;box-shadow:0 .2rem #00000026;text-align:center}.learning-answer-keyboard-response{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;padding:1.2rem;width:100%;background:#fff;font-size:2.8rem;font-size:1.458vw;font-weight:800;letter-spacing:-.1rem;line-height:1;flex:0 1 auto}.learning-answer-keyboard-area{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0rem;height:100%;gap:1.6rem;flex:1}.learning-answer-keyboard-top,.learning-answer-keyboard-bottom{display:grid;grid-template-columns:repeat(8,1fr);gap:.8rem;flex:1}.learning-answer-keyboard-top{grid-template-rows:repeat(3,minmax(0,1fr));flex:3}.learning-answer-keyboard-bottom{grid-template-rows:repeat(2,minmax(0,1fr));flex:2}.learning-answer-keyboard-item{padding:.8rem;width:100%;height:100%;background:#fff;font-size:2.2rem;font-size:1.145vw;font-weight:800;color:#333;line-height:1}.learning-answer-keyboard-item:active{transform:translateY(.2rem);box-shadow:unset}.learning-answer-keyboard-item.spacebar,.learning-answer-keyboard-item.delete{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;background:#d8d8d8;position:relative}.learning-answer-keyboard-item.spacebar:before,.learning-answer-keyboard-item.delete:before{content:"";display:block;margin-top:.2rem}.learning-answer-keyboard-item.spacebar:before{width:2.9rem;height:.8rem;background:url(/images/learning/ico29-keyboard-spacebar.png) no-repeat center center/cover}@media all and (max-width: 1599px){.learning-answer-keyboard-item.spacebar:before{height:.6rem;width:2.4rem}}.learning-answer-keyboard-item.delete:before{width:2.2rem;height:2.2rem;background:url(/images/learning/ico22-keyboard-delete.png) no-repeat center center/cover}@media all and (max-width: 1599px){.learning-answer-keyboard-item.delete:before{width:1.6rem;height:1.6rem}}.learning-answer-left,.learning-answer-right{flex:0 0 auto}.learning-answer-left{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;gap:2rem}@media all and (max-width: 1599px){.learning-answer-left{gap:1.2rem}}.learning-answer-correct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:6rem}@media all and (max-width: 1279px){.learning-answer-correct{padding:4rem}}@media all and (max-width: 1023px){.learning-answer-correct{padding:2rem}}.learning-answer-correct img{height:100%;-o-object-fit:contain;object-fit:contain}.fairytale{position:relative;width:100%;height:100%}.fairytale-wrap{padding:0 2rem 2rem;height:100%;position:relative}@media all and (max-width: 1023px){.fairytale-wrap{padding:0 1.2rem 1.2rem}}.fairytale-cover{border:.1rem solid #dddddd;border-radius:2.8rem;overflow:hidden}@media all and (max-width: 1023px){.fairytale-cover{border-radius:1.2rem}}.fairytale-cover img{height:100%;-o-object-fit:cover;object-fit:cover}.fairytale-page{height:100%;position:relative;display:none}.fairytale-page.active{display:block}.fairytale-content{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%}.fairytale-img{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0rem;min-height:0;overflow:hidden}.fairytale-img img{height:100%;-o-object-fit:contain;object-fit:contain}.fairytale-text{padding:4rem 0;font-size:4rem;font-weight:800;text-align:center}@media all and (max-width: 1599px){.fairytale-text{padding:2rem;font-size:3.2rem}}@media all and (max-width: 1279px){.fairytale-text{font-size:2.8rem}}@media all and (max-width: 1023px){.fairytale-text{padding:1.6rem 0;font-size:2.4rem}}.fairytale-choice{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;position:absolute;bottom:0rem;width:100%;padding:0 11rem;background:#fff;opacity:0;transition:.3s all ease-out;transform:translateY(2rem)}.fairytale-choice.showing{z-index:10;opacity:1;transform:translateY(0)}@media all and (max-width: 1599px){.fairytale-choice{padding:0 2rem}}@media all and (max-width: 1023px){.fairytale-choice{padding:0;gap:1.2rem}}.fairytale-util{position:absolute;width:100%;height:100%;top:0;left:0}.fairytale-btn.type01{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5rem;position:absolute;left:50%;transform:translate(-50%);bottom:15rem}@media all and (max-width: 1599px){.fairytale-btn.type01{bottom:10rem}}@media all and (max-width: 1279px){.fairytale-btn.type01{bottom:8rem}}@media all and (max-width: 1023px){.fairytale-btn.type01{bottom:4rem}}.fairytale-btn.type01 .btn-fairytale{width:27rem;height:7rem;border-radius:100rem;outline:.6rem solid #ffffff;padding-bottom:.6rem}@media all and (max-width: 1279px){.fairytale-btn.type01 .btn-fairytale{width:22rem;height:5.6rem}}@media all and (max-width: 1023px){.fairytale-btn.type01 .btn-fairytale{width:16rem;height:4.2rem}}.fairytale-btn.type01 .btn-fairytale span{font-size:3.6rem;font-weight:800;color:#fff;line-height:1}@media all and (max-width: 1279px){.fairytale-btn.type01 .btn-fairytale span{font-size:2.8rem}}@media all and (max-width: 1023px){.fairytale-btn.type01 .btn-fairytale span{font-size:2.2rem;line-height:normal}}.fairytale-btn.type01 .btn-fairytale.start{background:#6fc040;box-shadow:0 -.6rem #4dac00 inset}@media all and (max-width: 1023px){.fairytale-btn.type01 .btn-fairytale.start{box-shadow:0 -.4rem #4dac00 inset}}.fairytale-btn.type01 .btn-fairytale.return{background:#ff8da6;box-shadow:0 -.6rem #ff5b7f inset}@media all and (max-width: 1023px){.fairytale-btn.type01 .btn-fairytale.return{box-shadow:0 -.4rem #ff5b7f inset}}.fairytale-btn.type01 .btn-fairytale.all{background:#5ebeff;box-shadow:0 -.6rem #079bff inset}@media all and (max-width: 1023px){.fairytale-btn.type01 .btn-fairytale.all{box-shadow:0 -.4rem #079bff inset}}.fairytale-btn.type02{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:0rem;width:100%;height:100%;padding:3rem}@media all and (max-width: 1279px){.fairytale-btn.type02{padding:2rem}}@media all and (max-width: 1023px){.fairytale-btn.type02{padding:1.6rem}}.fairytale-btn.type02 .fairytale-btn-left{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.fairytale-btn.type02 .btn-fairytale{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:10rem;height:10rem;border-radius:100rem}@media all and (max-width: 1279px){.fairytale-btn.type02 .btn-fairytale{width:8rem;height:8rem;gap:.6rem}}@media all and (max-width: 1023px){.fairytale-btn.type02 .btn-fairytale{width:7rem;height:7rem;gap:.4rem}}.fairytale-btn.type02 .btn-fairytale:before{content:"";display:block}.fairytale-btn.type02 .btn-fairytale span{font-size:1.6rem;font-weight:800;color:#fff}@media all and (max-width: 1279px){.fairytale-btn.type02 .btn-fairytale span{font-size:1.4rem}}@media all and (max-width: 1023px){.fairytale-btn.type02 .btn-fairytale span{font-size:1.3rem}}.fairytale-btn.type02 .btn-fairytale.return{background:#6bc76e;box-shadow:0 .4rem #00000026,0 -.5rem #36b33a inset}@media all and (max-width: 1023px){.fairytale-btn.type02 .btn-fairytale.return{box-shadow:0 .3rem #00000026,0 -.3rem #36b33a inset}}.fairytale-btn.type02 .btn-fairytale.return:before{width:2.8rem;height:2.8rem;background:url(/images/learning/ico28-type02-return.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.fairytale-btn.type02 .btn-fairytale.return:before{width:2.4rem;height:2.4rem}}@media all and (max-width: 1023px){.fairytale-btn.type02 .btn-fairytale.return:before{width:2rem;height:2rem}}.fairytale-btn.type02 .btn-fairytale.all{background:#69abe0;box-shadow:0 .4rem #00000026,0 -.5rem #3c92d7 inset}@media all and (max-width: 1023px){.fairytale-btn.type02 .btn-fairytale.all{box-shadow:0 .3rem #00000026,0 -.3rem #3c92d7 inset}}.fairytale-btn.type02 .btn-fairytale.all:before{width:3.8rem;height:2rem;background:url(/images/learning/ico38-type02-all.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.fairytale-btn.type02 .btn-fairytale.all:before{width:3.4rem;height:1.8rem}}@media all and (max-width: 1023px){.fairytale-btn.type02 .btn-fairytale.all:before{width:3rem;height:1.6rem}}.fairytale-btn.type02 .btn-fairytale.exit{background:#f26d68;box-shadow:0 .4rem #00000026,0 -.5rem #ef4a44 inset}@media all and (max-width: 1023px){.fairytale-btn.type02 .btn-fairytale.exit{box-shadow:0 .3rem #00000026,0 -.3rem #ef4a44 inset}}.fairytale-btn.type02 .btn-fairytale.exit:before{width:2.4rem;height:2.4rem;background:url(/images/learning/ico24-type02-exit.svg) no-repeat center center/cover}@media all and (max-width: 1279px){.fairytale-btn.type02 .btn-fairytale.exit:before{width:2rem;height:2rem}}@media all and (max-width: 1023px){.fairytale-btn.type02 .btn-fairytale.exit:before{width:1.6rem;height:1.6rem}}.btn-fairytale-prev,.btn-fairytale-next{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;position:absolute;top:0;width:12rem;height:100%}@media all and (max-width: 1599px){.btn-fairytale-prev,.btn-fairytale-next{width:10rem}}@media all and (max-width: 1279px){.btn-fairytale-prev,.btn-fairytale-next{width:8rem}}@media all and (max-width: 1023px){.btn-fairytale-prev,.btn-fairytale-next{width:6rem}}.btn-fairytale-prev:before,.btn-fairytale-next:before{content:"";width:4.7rem;height:3.1rem;display:block;margin-bottom:8rem}@media all and (max-width: 1279px){.btn-fairytale-prev:before,.btn-fairytale-next:before{width:3.6rem;height:2.4rem}}@media all and (max-width: 1023px){.btn-fairytale-prev:before,.btn-fairytale-next:before{width:3.1rem;height:2rem;margin-bottom:4rem}}.btn-fairytale-prev{left:0}.btn-fairytale-prev:before{background:url(/images/learning/btn-fairytale-prev.png) no-repeat center center/cover}.btn-fairytale-next{right:0}.btn-fairytale-next:before{background:url(/images/learning/btn-fairytale-next.png) no-repeat center center/cover}.btn-fairytale-choice{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7rem;width:100%;height:17rem;background:#f2f2f2;border-radius:2rem;font-size:5rem;font-weight:800;transition:.4s all}.btn-fairytale-choice.active{background:#fef9c9}@media all and (max-width: 1599px){.btn-fairytale-choice{height:12rem;gap:4rem;font-size:4.2rem}}@media all and (max-width: 1279px){.btn-fairytale-choice{height:10rem;gap:2rem;font-size:3.6rem}}@media all and (max-width: 1023px){.btn-fairytale-choice{height:8rem;font-size:3rem;border-radius:1.2rem}}.btn-fairytale-choice-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:8rem;height:8rem}@media all and (max-width: 1599px){.btn-fairytale-choice-icon{width:7.2rem;height:7.2rem}}@media all and (max-width: 1279px){.btn-fairytale-choice-icon{width:6.4rem;height:6.4rem}}@media all and (max-width: 1023px){.btn-fairytale-choice-icon{width:4.8rem;height:4.8rem}}.question-wrap{height:100%;display:grid;grid-template-rows:7rem minmax(0,1fr)}@media all and (max-width: 1279px){.question-wrap{grid-template-rows:4rem minmax(0,1fr)}}@media all and (max-width: 1023px){.question-wrap{grid-template-rows:2.8rem minmax(0,1fr)}}.question-wrap.ty-17 .question-header{background:#7b70c0}.question-wrap.ty-17 .question-header:before{background:url(/images/learning/@ico25-speaker.png) no-repeat center center/cover #ff66c7;background-size:2.5rem}@media all and (max-width: 1279px){.question-wrap.ty-17 .question-header:before{background-size:1.4rem}}@media all and (max-width: 1023px){.question-wrap.ty-17 .question-header:before{background-size:1.2rem}}.question-wrap.ty-17 .question-body{background:url(/images/question/bg-question.png) no-repeat center center/cover}.question-wrap.ty-18 .question-header{background:#1c3f67}.question-wrap.ty-18 .question-header:before{background:url(/images/learning/@ico25-speaker.png) no-repeat center center/cover #ff66c7;background-size:2.5rem}@media all and (max-width: 1279px){.question-wrap.ty-18 .question-header:before{background-size:1.4rem}}@media all and (max-width: 1023px){.question-wrap.ty-18 .question-header:before{background-size:1.2rem}}.question-wrap.ty-18 .question-body{background:#87b6f5}.question-wrap.ty-19 .question-header{background:#7b97ff}.question-wrap.ty-19 .question-header:before{background:url(/images/learning/@ico25-speaker.png) no-repeat center center/cover #5568b0;background-size:2.5rem}@media all and (max-width: 1279px){.question-wrap.ty-19 .question-header:before{background-size:1.4rem}}@media all and (max-width: 1023px){.question-wrap.ty-19 .question-header:before{background-size:1.2rem}}.question-wrap.ty-19 .question-body{background:#5568b0}.question-wrap.tyt-39 .question-header{background:#3354aa}.question-wrap.tyt-39 .question-header:before{background:url(/images/learning/@ico25-speaker.png) no-repeat center center/cover #ff66c7;background-size:2.5rem}@media all and (max-width: 1279px){.question-wrap.tyt-39 .question-header:before{background-size:1.4rem}}@media all and (max-width: 1023px){.question-wrap.tyt-39 .question-header:before{background-size:1.2rem}}.question-wrap.tyt-39 .question-body{background:#578bd8}@media all and (max-width: 1023px){.question-wrap.tyt-39 .question-body{background:#c8d6f5}}.question-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2rem;padding:1.5rem 4rem;background:#000}@media all and (max-width: 1279px){.question-header{padding:.8rem 2rem;gap:1.2rem}}@media all and (max-width: 1023px){.question-header{padding:.5rem 1.5rem;gap:.8rem}}.question-header:before{content:"";width:4rem;height:4rem;border-radius:100rem;background:url(/images/learning/@ico25-speaker.png) no-repeat center center/cover #888;background-size:2.5rem}@media all and (max-width: 1279px){.question-header:before{width:2.4rem;height:2.4rem;background-size:1.4rem}}@media all and (max-width: 1023px){.question-header:before{width:1.8rem;height:1.8rem;background-size:1.2rem}}.question-header p{font-size:2.5rem;font-weight:800;color:#fff}@media all and (max-width: 1279px){.question-header p{font-size:2rem}}@media all and (max-width: 1023px){.question-header p{font-size:1.6rem}}.question-body{width:100%;height:100%}.question-body.ty-17 .question-content,.question-body.ty-17 .answer-wrap{height:100%}.question-body.ty-17 .answer-wrap .card-content{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);justify-items:center;align-items:center;padding:4rem;gap:4rem}@media all and (max-width: 1599px){.question-body.ty-17 .answer-wrap .card-content{padding:2rem;gap:2rem}}@media all and (max-width: 1023px){.question-body.ty-17 .answer-wrap .card-content{padding:2rem;gap:1.2rem}}.question-body.ty-17 .answer-wrap .card-flip{display:inline-grid;transform:perspective(80rem) rotateY(0);transform-style:preserve-3d;transition:.4s all;width:20rem;height:22.4rem;cursor:pointer}@media all and (max-width: 1599px){.question-body.ty-17 .answer-wrap .card-flip{width:18.8rem;height:21rem}}@media (min-width: 1280px) and (max-width: 1400px){.question-body.ty-17 .answer-wrap .card-flip{width:13.4rem;height:15rem}}@media all and (max-width: 1279px){.question-body.ty-17 .answer-wrap .card-flip{width:11.6rem;height:13rem}}@media all and (max-width: 1023px){.question-body.ty-17 .answer-wrap .card-flip{width:8rem;height:9rem}}.question-body.ty-17 .answer-wrap .card-flip.active{transform:perspective(80rem) rotateY(180deg)}.question-body.ty-17 .answer-wrap .card-flip:nth-child(1),.question-body.ty-17 .answer-wrap .card-flip:nth-child(4){margin-left:auto}.question-body.ty-17 .answer-wrap .card-flip:nth-child(3),.question-body.ty-17 .answer-wrap .card-flip:nth-child(6){margin-right:auto}.question-body.ty-17 .answer-wrap .card-flip-front,.question-body.ty-17 .answer-wrap .card-flip-back{grid-area:1/1/1/1;width:100%;height:100%;border-radius:2rem;overflow:hidden;backface-visibility:hidden;box-shadow:0 .6rem #00000040}@media all and (max-width: 1599px){.question-body.ty-17 .answer-wrap .card-flip-front,.question-body.ty-17 .answer-wrap .card-flip-back{border-radius:1.2rem}}@media all and (max-width: 1279px){.question-body.ty-17 .answer-wrap .card-flip-front,.question-body.ty-17 .answer-wrap .card-flip-back{border-radius:1.2rem}}@media all and (max-width: 1023px){.question-body.ty-17 .answer-wrap .card-flip-front,.question-body.ty-17 .answer-wrap .card-flip-back{border-radius:.6rem;box-shadow:0 .3rem #00000040}}.question-body.ty-17 .answer-wrap .card-flip-back{background:url(/images/question/card-flip-back.svg) no-repeat center center/cover}.question-body.ty-17 .answer-wrap .card-flip-front{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;background:#fff;transform:rotateY(180deg);border:1rem solid #ff8fd6;padding:1.2rem;font-size:7.2rem;font-family:WAGURI;transition:transform .3s,filter .3s .2s}@media all and (max-width: 1599px){.question-body.ty-17 .answer-wrap .card-flip-front{border:.6rem solid #ff8fd6;font-size:6.4rem}}@media (min-width: 1280px) and (max-width: 1400px){.question-body.ty-17 .answer-wrap .card-flip-front{font-size:4.8rem}}@media all and (max-width: 1279px){.question-body.ty-17 .answer-wrap .card-flip-front{font-size:3.6rem}}@media all and (max-width: 1023px){.question-body.ty-17 .answer-wrap .card-flip-front{border:.4rem solid #ff8fd6;font-size:2.8rem}}.question-body.ty-17 .answer-wrap .card-flip-front img{height:100%;-o-object-fit:contain;object-fit:contain}.question-body.ty-17 .answer-wrap .card-flip-front.correct{transform:rotateY(180deg) scale(1.2);filter:drop-shadow(0 0 1.2rem rgba(255,255,255,.8))}@media all and (max-width: 1599px){.question-body.ty-17 .answer-wrap .card-flip-front.correct{filter:drop-shadow(0 0 .8rem rgba(255,255,255,.8))}}.question-body.ty-18 .question-content{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:10rem;padding:3rem}@media all and (max-width: 1599px){.question-body.ty-18 .question-content{padding:2rem;gap:4rem}}@media all and (max-width: 1279px){.question-body.ty-18 .question-content{gap:4rem}}@media all and (max-width: 1023px){.question-body.ty-18 .question-content{padding:1.2rem;gap:3rem}}.question-body.ty-18 .question-img{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;width:100%;max-width:36rem;height:100%;background:#fff;border:.4rem solid #1a85d3;border-radius:2rem;overflow:hidden}@media all and (max-width: 1599px){.question-body.ty-18 .question-img{max-width:24rem}}@media all and (max-width: 1279px){.question-body.ty-18 .question-img{max-width:20rem}}@media all and (max-width: 1023px){.question-body.ty-18 .question-img{max-width:12rem;border-radius:1.2rem}}.question-body.ty-18 .question-img01,.question-body.ty-18 .question-img02,.question-body.ty-18 .question-img03{flex:0 1 auto;width:100%;height:33.3333333333%;padding:2rem;position:relative}@media all and (max-width: 1599px){.question-body.ty-18 .question-img01,.question-body.ty-18 .question-img02,.question-body.ty-18 .question-img03{padding:1.2rem}}@media all and (max-width: 1279px){.question-body.ty-18 .question-img01,.question-body.ty-18 .question-img02,.question-body.ty-18 .question-img03{padding:.8rem}}@media all and (max-width: 1023px){.question-body.ty-18 .question-img01,.question-body.ty-18 .question-img02,.question-body.ty-18 .question-img03{padding:.4rem}}.question-body.ty-18 .question-img01 img,.question-body.ty-18 .question-img02 img,.question-body.ty-18 .question-img03 img{height:100%;-o-object-fit:contain;object-fit:contain}.question-body.ty-18 .question-box{width:100%;height:100%;background:#1a85d3;border-radius:2rem;box-shadow:0 .6rem #2c75d6}@media all and (max-width: 1023px){.question-body.ty-18 .question-box{border-radius:1.2rem;box-shadow:0 .3rem #2c75d6}}.question-body.ty-18 .question-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);aspect-ratio:1/1;position:relative;padding:2rem}@media all and (max-width: 1599px){.question-body.ty-18 .question-grid{padding:1.2rem}}@media all and (max-width: 1279px){.question-body.ty-18 .question-grid{padding:1.2rem}}@media all and (max-width: 1023px){.question-body.ty-18 .question-grid{padding:1rem}}.question-body.ty-18 .question-grid-item{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;background:#f5f2f2;border-radius:1.2rem;border-top:.2rem solid #91ddfd;border-left:.2rem solid #91ddfd;cursor:pointer;font-size:4.8rem;font-weight:800}@media all and (max-width: 1599px){.question-body.ty-18 .question-grid-item{font-size:3.2rem}}@media all and (max-width: 1279px){.question-body.ty-18 .question-grid-item{font-size:2.8rem}}@media all and (max-width: 1023px){.question-body.ty-18 .question-grid-item{border-radius:.6rem;font-size:2rem;border-top:.1rem solid #91ddfd;border-left:.1rem solid #91ddfd}}.question-body.ty-18 .question-grid-item:nth-child(-n+5){border-top:.2rem solid #91ddfd}@media all and (max-width: 1023px){.question-body.ty-18 .question-grid-item:nth-child(-n+5){border-top:.1rem solid #91ddfd}}.question-body.ty-18 .question-grid-item:nth-child(5n+1){border-left:.2rem solid #91ddfd}@media all and (max-width: 1023px){.question-body.ty-18 .question-grid-item:nth-child(5n+1){border-left:.1rem solid #91ddfd}}.question-body.ty-18 .question-grid-item:nth-child(5n){border-right:.2rem solid #91ddfd}@media all and (max-width: 1023px){.question-body.ty-18 .question-grid-item:nth-child(5n){border-right:.1rem solid #91ddfd}}.question-body.ty-18 .question-grid-item:nth-last-child(-n+5){border-bottom:.2rem solid #91ddfd}@media all and (max-width: 1023px){.question-body.ty-18 .question-grid-item:nth-last-child(-n+5){border-bottom:.1rem solid #91ddfd}}.question-body.ty-18 .question-grid-item.able{background:#b9e7ff;cursor:pointer}.question-body.ty-18 .question-grid-item.selected{background:#ffda8c;cursor:pointer}.question-body.ty-19 .question-content{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr)}.question-body.ty-19 .question-grid{padding:4rem;width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);position:relative}@media all and (max-width: 1599px){.question-body.ty-19 .question-grid{padding:2rem}}@media all and (max-width: 1279px){.question-body.ty-19 .question-grid{padding:1.2rem}}@media all and (max-width: 1023px){.question-body.ty-19 .question-grid{padding:1rem}}.question-body.ty-19 .question-grid-item{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;background:#f5f2f2;border-radius:1.2rem;border-top:.2rem solid #91ddfd;border-left:.2rem solid #91ddfd;font-size:5.2rem;font-weight:800}@media all and (max-width: 1599px){.question-body.ty-19 .question-grid-item{font-size:4rem}}@media all and (max-width: 1279px){.question-body.ty-19 .question-grid-item{font-size:3.2rem}}@media all and (max-width: 1023px){.question-body.ty-19 .question-grid-item{border-radius:.6rem;font-size:2rem;border-top:.1rem solid #91ddfd;border-left:.1rem solid #91ddfd}}.question-body.ty-19 .question-grid-item:nth-child(-n+5){border-top:.2rem solid #91ddfd}@media all and (max-width: 1023px){.question-body.ty-19 .question-grid-item:nth-child(-n+5){border-top:.1rem solid #91ddfd}}.question-body.ty-19 .question-grid-item:nth-child(5n+1){border-left:.2rem solid #91ddfd}@media all and (max-width: 1023px){.question-body.ty-19 .question-grid-item:nth-child(5n+1){border-left:.1rem solid #91ddfd}}.question-body.ty-19 .question-grid-item:nth-child(5n){border-right:.2rem solid #91ddfd}@media all and (max-width: 1023px){.question-body.ty-19 .question-grid-item:nth-child(5n){border-right:.1rem solid #91ddfd}}.question-body.ty-19 .question-grid-item:nth-last-child(-n+5){border-bottom:.2rem solid #91ddfd}@media all and (max-width: 1023px){.question-body.ty-19 .question-grid-item:nth-last-child(-n+5){border-bottom:.1rem solid #91ddfd}}.question-body.ty-19 .question-grid-item.able{background:#b9e7ff;cursor:pointer}.question-body.ty-19 .question-grid-item.selected{background:#ffda8c;cursor:pointer}.question-body.ty-19 .question-grid .highlight{position:absolute;border:.6rem solid #4eca76;border-radius:1.2rem;pointer-events:none}@media all and (max-width: 1023px){.question-body.ty-19 .question-grid .highlight{border:.3rem solid #4eca76;border-radius:.6rem}}.question-body.ty-19 .question-img{width:100%;height:100%;padding:2rem;background:#fff;border-radius:2rem;box-shadow:0 .4rem #0003}@media all and (max-width: 1599px){.question-body.ty-19 .question-img{padding:1.2rem}}@media all and (max-width: 1023px){.question-body.ty-19 .question-img{padding:.8rem;border-radius:1.2rem;box-shadow:0 .2rem #0003}}.question-body.ty-19 .question-img img{height:100%;-o-object-fit:contain;object-fit:contain}.question-body.ty-19 .answer-wrap{background:#c0db96;display:grid;grid-template-rows:20rem 1fr;gap:1.2rem;padding:4rem}@media all and (max-width: 1599px){.question-body.ty-19 .answer-wrap{grid-template-rows:16rem 1fr;padding:2rem}}@media (min-width: 1280px) and (max-width: 1400px){.question-body.ty-19 .answer-wrap{grid-template-rows:12rem 1fr;padding:2rem}}@media all and (max-width: 1279px){.question-body.ty-19 .answer-wrap{grid-template-rows:12rem 1fr;padding:1.2rem;gap:.8rem}}@media all and (max-width: 1023px){.question-body.ty-19 .answer-wrap{grid-template-rows:8rem 1fr;padding:1rem 1.5rem;gap:.8rem}}.question-body.ty-19 .answer-btn-wrap{background:#59be79;border-radius:2rem;padding:2rem 8rem;box-shadow:0 .4rem #299c37}@media all and (max-width: 1599px){.question-body.ty-19 .answer-btn-wrap{padding:1.2rem 2rem}}@media all and (max-width: 1279px){.question-body.ty-19 .answer-btn-wrap{padding:1.2rem}}@media all and (max-width: 1023px){.question-body.ty-19 .answer-btn-wrap{border-radius:1.2rem;padding:1rem 3rem;box-shadow:0 .2rem #299c37}}.question-body.ty-19 .answer-btn-list{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:1.4rem}@media (min-width: 1280px) and (max-width: 1400px){.question-body.ty-19 .answer-btn-list{gap:1.2rem .8rem}}@media all and (max-width: 1279px){.question-body.ty-19 .answer-btn-list{gap:1.2rem .8rem}}@media all and (max-width: 1023px){.question-body.ty-19 .answer-btn-list{gap:.6rem .5rem}}.question-body.ty-19 .btn-answer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:100%;height:100%;background:#fff;border-radius:1.2rem;font-size:4rem;font-weight:800;box-shadow:0 .6rem #349252,0 .9rem #126d27}@media all and (max-width: 1599px){.question-body.ty-19 .btn-answer{font-size:3.2rem}}@media (min-width: 1280px) and (max-width: 1400px){.question-body.ty-19 .btn-answer{font-size:2.4rem}}@media all and (max-width: 1279px){.question-body.ty-19 .btn-answer{font-size:2rem}}@media all and (max-width: 1023px){.question-body.ty-19 .btn-answer{border-radius:.4rem;font-size:1.6rem;box-shadow:0 .2rem #349252,0 .4rem #126d27}}.question-body.ty-19 .btn-answer:active{transform:translateY(.6rem);box-shadow:0 .4rem #126d27}@media all and (max-width: 1023px){.question-body.ty-19 .btn-answer:active{transform:translateY(.2rem);box-shadow:0 .2rem #126d27}}.question-body.tyt-39 .question-content{display:grid;grid-template-columns:40rem 1fr;grid-template-rows:28rem 1fr;width:100%;height:100%;padding:4rem 7rem 0;gap:2rem 4rem}@media all and (max-width: 1599px){.question-body.tyt-39 .question-content{grid-template-columns:34rem 1fr;grid-template-rows:24rem 1fr;padding:2rem 2rem 0;gap:2rem}}@media (min-width: 1280px) and (max-width: 1400px){.question-body.tyt-39 .question-content{grid-template-columns:28rem 1fr;grid-template-rows:24rem 1fr}}@media all and (max-width: 1279px){.question-body.tyt-39 .question-content{grid-template-columns:24rem 1fr;grid-template-rows:16rem 1fr}}@media all and (max-width: 1023px){.question-body.tyt-39 .question-content{grid-template-columns:15rem 1fr;grid-template-rows:14rem 1fr;padding:1rem 1.6rem;gap:1.5rem}}.question-body.tyt-39 .question-img{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;grid-column:1/1;height:100%;border:1.5rem solid #459aed;border-radius:10rem;background:#fff;padding:4rem;box-shadow:-.2rem -.2rem .1rem #ffffff40,.1rem .1rem #027df5,.4rem .4rem #2c67c1}@media all and (max-width: 1599px){.question-body.tyt-39 .question-img{border-radius:6rem}}@media all and (max-width: 1279px){.question-body.tyt-39 .question-img{padding:2rem;border-radius:4rem;border:.6rem solid #459aed;box-shadow:-.2rem -.2rem .1rem #ffffff40,.1rem .1rem #027df5,.3rem .3rem #2c67c1}}@media all and (max-width: 1023px){.question-body.tyt-39 .question-img{padding:1.2rem;border-radius:3rem}}.question-body.tyt-39 .question-img img{height:100%;-o-object-fit:contain;object-fit:contain}.question-body.tyt-39 .answer-wrap{grid-column:2/3;height:100%;border:1.5rem solid #fcd381;border-radius:10rem;background:#edf5ff;box-shadow:-.2rem -.2rem .1rem #ffffff40,.1rem .1rem #dfc65f,.4rem .4rem #2c67c1}@media all and (max-width: 1599px){.question-body.tyt-39 .answer-wrap{border-radius:6rem}}@media all and (max-width: 1279px){.question-body.tyt-39 .answer-wrap{border-radius:4rem;border:.6rem solid #fcd381;box-shadow:-.2rem -.2rem .1rem #ffffff40,.1rem .1rem #dfc65f,.3rem .3rem #2c67c1}}@media all and (max-width: 1023px){.question-body.tyt-39 .answer-wrap{padding:1.2rem;border-radius:3rem}}.question-body.tyt-39 .answer-list{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100%;padding:3rem}@media all and (max-width: 1023px){.question-body.tyt-39 .answer-list{padding:.4rem;gap:.8rem}}.question-body.tyt-39 .answer-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:100%;height:7rem;border-radius:100rem;background:#fff;border:.4rem dashed #64b05e;font-family:Waguri;font-size:3.2rem;color:#fff}@media all and (max-width: 1599px){.question-body.tyt-39 .answer-list-item{height:6rem;font-size:2.4rem}}@media all and (max-width: 1279px){.question-body.tyt-39 .answer-list-item{font-size:2rem}}@media all and (max-width: 1023px){.question-body.tyt-39 .answer-list-item{height:2.8rem;font-size:1.6rem}}.question-body.tyt-39 .answer-list-item.selected{border:unset;background:#64b05e;box-shadow:.2rem .2rem .1rem #ffffff40 inset,-.2rem -.2rem .1rem #416cad inset}.question-body.tyt-39 .answer-btn-wrap{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;width:100%;height:100%;grid-column:1/3;background:#ffeecb;border-top-left-radius:10rem;border-top-right-radius:10rem;padding:4rem 12rem 2rem;gap:1.2rem 5rem;box-shadow:0 1.6rem #fdcf80 inset}@media all and (max-width: 1599px){.question-body.tyt-39 .answer-btn-wrap{padding:3rem 12rem 1.2rem}}@media (min-width: 1280px) and (max-width: 1400px){.question-body.tyt-39 .answer-btn-wrap{grid-template-columns:repeat(6,1fr);border-top-left-radius:unset;border-top-right-radius:unset;gap:1.2rem;padding:1.2rem 0;box-shadow:unset;background:unset}}@media all and (max-width: 1279px){.question-body.tyt-39 .answer-btn-wrap{border-top-left-radius:unset;border-top-right-radius:unset;gap:0 1.2rem;padding:0;box-shadow:unset;background:unset}}@media all and (max-width: 1023px){.question-body.tyt-39 .answer-btn-wrap{grid-template-columns:repeat(6,1fr);gap:.4rem}}.question-body.tyt-39 .btn-answer{font-family:Waguri;font-size:3.6rem;color:#fff;background:#64b05e;border-radius:100rem;box-shadow:.2rem .2rem .1rem #ffffff40 inset,-.2rem -.2rem .1rem #416cad inset;padding:2rem;height:-moz-fit-content;height:fit-content}@media (min-width: 1280px) and (max-width: 1400px){.question-body.tyt-39 .btn-answer{font-size:2.2rem}}@media all and (max-width: 1279px){.question-body.tyt-39 .btn-answer{font-size:2.2rem;padding:1.4rem}}@media all and (max-width: 1023px){.question-body.tyt-39 .btn-answer{padding:.8rem 0;font-size:1.6rem}}.question-content{width:100%;height:100%}.result-box{border:.2rem solid #1c9984;border-radius:4rem;overflow:hidden;background:#fff}@media all and (max-width: 1279px){.result-box{border-radius:2rem}}.result-box-header{background:#1c9984;padding:2rem}@media all and (max-width: 1599px){.result-box-header{padding:1.6rem}}@media all and (max-width: 1279px){.result-box-header{padding:1.2rem}}@media all and (max-width: 1023px){.result-box-header{padding:1rem}}.result-box-header h3{font-size:4rem;color:#fff;text-align:center}@media all and (max-width: 1599px){.result-box-header h3{font-size:3.2rem}}@media all and (max-width: 1279px){.result-box-header h3{font-size:2.4rem}}@media all and (max-width: 1023px){.result-box-header h3{font-size:2rem;line-height:1}}.result-box-body .grid-overall{display:grid;grid-template-areas:"a b c" "a e f" "d e f"}.result-box-body .grid-overall>*{border-right:.3rem dashed #dadada;border-bottom:.3rem dashed #dadada}.result-box-body .grid-overall>*:nth-child(3n){border-right:none}.result-box-body .grid-overall>*:nth-last-child(-n+3){border-bottom:none}.result-box-body .grid-overall-01,.result-box-body .grid-overall-02,.result-box-body .grid-overall-03,.result-box-body .grid-overall-04,.result-box-body .grid-overall-05,.result-box-body .grid-overall-06{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0rem;padding:3rem;gap:3rem}@media all and (max-width: 1599px){.result-box-body .grid-overall-01,.result-box-body .grid-overall-02,.result-box-body .grid-overall-03,.result-box-body .grid-overall-04,.result-box-body .grid-overall-05,.result-box-body .grid-overall-06{padding:1.6rem;gap:1.6rem}}@media all and (max-width: 1279px){.result-box-body .grid-overall-01,.result-box-body .grid-overall-02,.result-box-body .grid-overall-03,.result-box-body .grid-overall-04,.result-box-body .grid-overall-05,.result-box-body .grid-overall-06{padding:1.2rem;gap:1.2rem}}@media all and (max-width: 1023px){.result-box-body .grid-overall-01,.result-box-body .grid-overall-02,.result-box-body .grid-overall-03,.result-box-body .grid-overall-04,.result-box-body .grid-overall-05,.result-box-body .grid-overall-06{gap:.8rem;padding:.8rem}}.result-box-body .grid-overall-01{grid-area:a}.result-box-body .grid-overall-02{grid-area:b}.result-box-body .grid-overall-02 .result-text-large{color:#4798e3}.result-box-body .grid-overall-03{grid-area:c}.result-box-body .grid-overall-03 .result-text-large{color:#b689f1}.result-box-body .grid-overall-04{grid-area:d}.result-box-body .grid-overall-04 .result-text-large{color:#f87e80}.result-box-body .grid-overall-05{grid-area:e}.result-box-body .grid-overall-06{grid-area:f}.result-box-body .grid-rows-2{display:grid;grid-template-columns:repeat(2,1fr);width:100%;border:.3rem dashed #dadada;border-radius:2rem;margin-top:4.5rem}@media all and (max-width: 1279px){.result-box-body .grid-rows-2{margin-top:3rem}}.result-box-body .grid-activity{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:20rem 1fr;grid-template-areas:"a a b b c c" "d d d e e e"}@media all and (max-width: 1599px){.result-box-body .grid-activity{grid-template-rows:16rem 1fr}}@media all and (max-width: 1279px){.result-box-body .grid-activity{grid-template-rows:14rem 1fr}}@media all and (max-width: 1023px){.result-box-body .grid-activity{grid-template-rows:9rem 1fr}}.result-box-body .grid-activity>*{border-right:.3rem dashed #dadada;border-bottom:.3rem dashed #dadada}.result-box-body .grid-activity>*:nth-last-child(-n+2){border-bottom:none}.result-box-body .grid-activity-01,.result-box-body .grid-activity-02,.result-box-body .grid-activity-03,.result-box-body .grid-activity-04,.result-box-body .grid-activity-05{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;padding:3rem;gap:3rem}@media all and (max-width: 1599px){.result-box-body .grid-activity-01,.result-box-body .grid-activity-02,.result-box-body .grid-activity-03,.result-box-body .grid-activity-04,.result-box-body .grid-activity-05{gap:1.6rem;padding:1.6rem}}@media all and (max-width: 1279px){.result-box-body .grid-activity-01,.result-box-body .grid-activity-02,.result-box-body .grid-activity-03,.result-box-body .grid-activity-04,.result-box-body .grid-activity-05{gap:1.2rem;padding:1.2rem}}@media all and (max-width: 1023px){.result-box-body .grid-activity-01,.result-box-body .grid-activity-02,.result-box-body .grid-activity-03,.result-box-body .grid-activity-04,.result-box-body .grid-activity-05{gap:.8rem;padding:.8rem}}.result-box-body .grid-activity-01{grid-area:a}.result-box-body .grid-activity-01 .result-text-large,.result-box-body .grid-activity-01 .result-text-small{color:#333}.result-box-body .grid-activity-02{grid-area:b}.result-box-body .grid-activity-02 .result-text-large,.result-box-body .grid-activity-02 .result-text-small{color:#4d9a8e}.result-box-body .grid-activity-03{grid-area:c}.result-box-body .grid-activity-03 .result-text{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}@media all and (max-width: 1023px){.result-box-body .grid-activity-03 .result-text{gap:.2rem}}.result-box-body .grid-activity-03 .result-text:before{content:"";width:4.8rem;height:4.6rem;background:url(/images/mypage/star.svg) no-repeat center center/cover}@media all and (max-width: 1599px){.result-box-body .grid-activity-03 .result-text:before{width:3.2rem;height:3rem}}@media all and (max-width: 1023px){.result-box-body .grid-activity-03 .result-text:before{width:2.1rem;height:2rem}}.result-box-body .grid-activity-03 .result-text-large,.result-box-body .grid-activity-03 .result-text-small{color:#333}.result-box-body .grid-activity-04{grid-area:d}.result-box-body .grid-activity-05{grid-area:e}.result-box-body .grid-activity-graph{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;gap:3rem;padding:4rem 7rem}@media all and (max-width: 1599px){.result-box-body .grid-activity-graph{gap:2rem;padding:2.8rem}}@media all and (max-width: 1279px){.result-box-body .grid-activity-graph{gap:1.6rem;padding:2rem}}@media all and (max-width: 1023px){.result-box-body .grid-activity-graph{gap:.8rem;padding:1rem}}.result-box:has(.result-period) .result-box-body{padding:4rem 5rem 5rem}@media all and (max-width: 1599px){.result-box:has(.result-period) .result-box-body{padding:3rem}}@media all and (max-width: 1023px){.result-box:has(.result-period) .result-box-body{padding:2rem}}.result-text{display:flex;flex-direction:row;justify-content:center;align-items:baseline;gap:.2rem}.result-text-large{font-size:4.8rem;font-weight:800}@media all and (max-width: 1599px){.result-text-large{font-size:3.6rem}}@media all and (max-width: 1279px){.result-text-large{font-size:3.2rem}}@media all and (max-width: 1023px){.result-text-large{font-size:2.4rem}}.result-text-small{font-size:3rem;font-weight:800;color:#333}@media all and (max-width: 1599px){.result-text-small{font-size:2.4rem}}@media all and (max-width: 1279px){.result-text-small{font-size:2rem}}@media all and (max-width: 1023px){.result-text-small{font-size:1.4rem}}.result-fairytale{position:relative;cursor:pointer}.result-fairytale-text{display:inline-block;font-size:2.4rem;font-weight:800;color:#064a3f;text-align:center;position:absolute;top:3.6rem;left:3.2rem}@media all and (max-width: 1599px){.result-fairytale-text{font-size:2rem;top:2.8rem;left:2.2rem}}@media all and (max-width: 1279px){.result-fairytale-text{font-size:1.7rem;top:2.6rem;left:1.8rem}}@media all and (max-width: 1023px){.result-fairytale-text{font-size:1.4rem;top:2rem;left:1.7rem}}.result-fairytale-img{width:20.9rem;height:16.7rem;background:url(/images/mypage/book.svg) no-repeat center center/cover}@media all and (max-width: 1599px){.result-fairytale-img{width:16rem;height:12.7rem}}@media all and (max-width: 1279px){.result-fairytale-img{width:14rem;height:11.1rem}}@media all and (max-width: 1023px){.result-fairytale-img{width:11.4rem;height:9.1rem}}.result-period{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}@media all and (max-width: 1023px){.result-period{gap:1.2rem}}.result-period-input{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.2rem}@media all and (max-width: 1023px){.result-period-input{gap:.4rem}}.result-period-input input[type=text]{padding:2rem 2.8rem;font-size:2.4rem;font-weight:800;color:#777;background:#fff;border:.1rem solid #aaaaaa;border-radius:1.2rem;width:38rem}@media all and (max-width: 1599px){.result-period-input input[type=text]{padding:1.6rem;font-size:2rem;width:30rem}}@media all and (max-width: 1279px){.result-period-input input[type=text]{padding:1.2rem;font-size:1.6rem;width:24rem}}@media all and (max-width: 1023px){.result-period-input input[type=text]{padding:.8rem;font-size:1.2rem;border-radius:.4rem;width:18rem}}.result-period-input span{font-size:2.4rem;font-weight:800;color:#555}@media all and (max-width: 1599px){.result-period-input span{font-size:2rem}}@media all and (max-width: 1279px){.result-period-input span{font-size:1.6rem}}@media all and (max-width: 1023px){.result-period-input span{font-size:1.4rem}}.result-datepicker{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2.4rem;position:relative;cursor:pointer}@media all and (max-width: 1599px){.result-datepicker{gap:1.6rem}}@media all and (max-width: 1279px){.result-datepicker{gap:1.2rem}}@media all and (max-width: 1023px){.result-datepicker{gap:.8rem}}.result-datepicker input{width:24rem}@media all and (max-width: 1279px){.result-datepicker input{width:22rem}}@media all and (max-width: 1023px){.result-datepicker input{width:9.6rem}}.result-datepicker:after{content:"";display:block;width:4rem;height:4.4rem;background:url(/images/mypage/datepicker.svg) no-repeat center center/cover}@media all and (max-width: 1599px){.result-datepicker:after{width:3.2rem;height:3.6rem}}@media all and (max-width: 1279px){.result-datepicker:after{width:2.4rem;height:2.6rem}}@media all and (max-width: 1023px){.result-datepicker:after{width:1.8rem;height:2rem}}.result-summary{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;padding:3rem;width:100%;border:.3rem dashed #dadada;border-radius:2rem;text-align:center;margin-top:3rem}@media all and (max-width: 1023px){.result-summary{margin-top:1.2rem;padding:1.2rem}}.result-summary-large{margin-top:4.5rem;margin-bottom:2rem;font-size:2.8rem;font-weight:800;color:#3c4554}@media all and (max-width: 1599px){.result-summary-large{margin-top:3.2rem;margin-bottom:1.6rem;font-size:2.4rem}}@media all and (max-width: 1279px){.result-summary-large{margin-top:2.4rem;margin-bottom:1.2rem;font-size:2rem}}@media all and (max-width: 1023px){.result-summary-large{margin-top:2rem;font-size:1.6rem}}.result-summary-small{font-size:2rem;color:#3c4554;line-height:1.8}@media all and (max-width: 1599px){.result-summary-small{font-size:1.8rem}}@media all and (max-width: 1279px){.result-summary-small{font-size:1.6rem}}@media all and (max-width: 1023px){.result-summary-small{font-size:1.3rem;line-height:1.5}}.result-table{border-collapse:separate;border-spacing:0;border-bottom:.1rem solid #bbbbbb}.result-table thead th{position:sticky;top:0;left:0;z-index:1;background:#e2f4fd;border-top:.1rem solid #bbbbbb;border-right:.1rem solid #e4e4e4;border-bottom:.1rem solid #e4e4e4;font-size:2rem;font-weight:800;color:#333;padding:1.6rem .8rem}@media all and (max-width: 1023px){.result-table thead th{font-size:1.8rem;padding:1rem .4rem}}.result-table thead th:nth-last-child(1){border-right:unset}.result-table td{font-size:1.8rem;font-weight:800;color:#333;padding:1.2rem .8rem;border-right:.1rem solid #e4e4e4;border-bottom:.1rem solid #e4e4e4;text-align:center}@media all and (max-width: 1023px){.result-table td{padding:.8rem}}.result-table td:nth-last-child(1){border-right:unset}.result-table td:has(.result-progress){padding:1.2rem 0}@media all and (max-width: 1023px){.result-table td:has(.result-progress){padding:.8rem 0}}.result-table td .btn-fairytale-result{margin:0 auto}.result-table .total td{background:#f4fbfe}.result-progress{width:100%;position:relative}.result-progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.4rem;width:100%}.result-progress-bar::-webkit-progress-bar{background:transparent}.result-progress-bar::-webkit-progress-value{border-top-right-radius:.8rem;border-bottom-right-radius:.8rem}@media all and (max-width: 1023px){.result-progress-bar{height:3.2rem}}.result-progress-bar.green::-webkit-progress-value{background:#f0f4e3}.result-progress-bar.yellow::-webkit-progress-value{background:#faf2ca}.result-progress-bar.red::-webkit-progress-value{background:#ffeaea}.result-progress-label{font-size:1.8rem;font-weight:800;color:#333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-profile{position:relative;width:70.8rem;height:89.8rem;background:url(/images/mypage/profile-pc.png) no-repeat center center/cover}@media all and (max-width: 1599px){.result-profile{width:36.875vw;height:47.77vw}}@media all and (max-width: 1279px){.result-profile{width:55.312vw;height:70.156vw}}@media all and (max-width: 1023px){.result-profile{width:100vw;height:100vh;background:url(/images/mypage/profile-mobile.png) no-repeat center center/cover}}.result-profile-info{position:absolute;top:18rem;left:50%;transform:translate(-50%)}@media all and (max-width: 1599px){.result-profile-info{top:9.375vw}}@media all and (max-width: 1279px){.result-profile-info{top:14.062vw}}@media all and (max-width: 1023px){.result-profile-info{top:13.589vw;left:17.948vw;transform:unset}}.result-profile-img{width:20rem;height:20rem;border:1rem solid #ffffff;outline:.1rem solid #74bcff;border-radius:4rem;background:#b5e3fd;overflow:hidden}@media all and (max-width: 1599px){.result-profile-img{width:10.416vw;height:10.416vw}}@media all and (max-width: 1279px){.result-profile-img{border-radius:2rem;width:15.625vw;height:15.625vw}}@media all and (max-width: 1023px){.result-profile-img{width:15rem;height:15rem}}.result-profile-badge{position:absolute;top:49.6rem;left:50%;transform:translate(-50%);padding:4.5rem 3rem;width:44rem;height:27rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2rem}@media all and (max-width: 1599px){.result-profile-badge{top:26.458vw;width:22.916vw;height:14.062vw;gap:1.6rem;padding:2.343vw 1.562vw}}@media all and (max-width: 1279px){.result-profile-badge{top:38.75vw;width:34.375vw;height:21.093vw;padding:3.343vw 2.562vw}}@media all and (max-width: 1023px){.result-profile-badge{width:33rem;height:18rem;transform:unset;top:10.5rem;left:34rem;gap:1.2rem;padding:6.153vw 5.769vw 2.307vw}}.result-profile-badge-item{background:#fff6;border-radius:2rem;cursor:pointer}@media all and (max-width: 1599px){.result-profile-badge-item{border-radius:1.6rem}}@media all and (max-width: 1023px){.result-profile-badge-item{border-radius:1.2rem}}.result-user{padding:1.4rem 2.4rem;border-radius:1.6rem;background:#4aa5fb;box-shadow:0 .4rem #2a7bcb;width:-moz-fit-content;width:fit-content;margin:0 auto;position:absolute;bottom:-4rem;left:50%;transform:translate(-50%)}@media all and (max-width: 1599px){.result-user{padding:1.2rem 2rem}}@media all and (max-width: 1023px){.result-user{padding:1rem 1.8rem}}.result-user span{font-size:2.4rem;font-weight:800;color:#fff}@media all and (max-width: 1279px){.result-user span{font-size:1.8rem}}.badge{display:block;border-radius:100rem;padding:1.2rem 2rem;font-size:2.2rem;font-weight:800;color:#fff;text-align:center;width:-moz-fit-content;width:fit-content;min-width:18rem;line-height:1.2;letter-spacing:-.2rem}@media all and (max-width: 1599px){.badge{min-width:16rem;padding:1rem 1.4rem;font-size:1.8rem}}@media all and (max-width: 1279px){.badge{min-width:12rem;padding:.8rem 1.2rem;font-size:1.8rem}}@media all and (max-width: 1023px){.badge{padding:.7rem 1rem;font-size:1.4rem;min-width:9rem}}.badge.teal{background:#33af9a}.badge.blue{background:#4798e3}.badge.lightblue{background:#e9f6ff;border:.1rem solid #def1ff;color:#4871d7}.badge.green{background:#2cb57c}.badge.lightgreen{background:#ebfaf9;border:.1rem solid #aae3d9;color:#1c9984}.badge.orange{background:#f5a343}.badge.lightorange{background:#fdf7e7;border:.1rem solid #f1e7cc;color:#3f4352}.badge.purple{background:#b689f1}.badge.coral{background:#f87e80}.badge.lightcoral{background:#fff6f7;border:.1rem solid #f7d2d2;color:#ef5855}.seal-title{display:flex;flex-direction:row;justify-content:center;align-items:end;gap:.8rem}@media all and (max-width: 1023px){.seal-title{align-items:baseline}}.seal-title:before,.seal-title:after{content:"";display:block;width:2.656vw;height:2.656vw;background:url(/images/mypage/seal-title-star.svg) no-repeat center center/cover}@media all and (max-width: 1599px){.seal-title:before,.seal-title:after{width:3.6rem;height:3.6rem}}@media all and (max-width: 1279px){.seal-title:before,.seal-title:after{width:2.4rem;height:2.4rem}}@media all and (max-width: 1023px){.seal-title:before,.seal-title:after{width:1.6rem;height:1.6rem}}.seal-title h3{font-size:2.083vw;font-weight:800;color:#ff8fa3;line-height:1}@media all and (max-width: 1599px){.seal-title h3{font-size:3.2rem}}@media all and (max-width: 1279px){.seal-title h3{font-size:2.4rem}}@media all and (max-width: 1023px){.seal-title h3{font-size:1.8rem}}.seal-contents{position:relative;margin-top:2rem}@media all and (max-width: 1023px){.seal-contents{margin-top:.8rem}}.seal-amount{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1.2rem;font-size:1.875vw;font-weight:800;line-height:1;color:#333;margin-left:1.2rem;position:absolute;top:-2rem;left:0}@media all and (max-width: 1599px){.seal-amount{margin-left:0;font-size:2.8rem;gap:.4rem;top:-1.2rem}}@media all and (max-width: 1279px){.seal-amount{font-size:2rem;top:-.4rem}}@media all and (max-width: 1023px){.seal-amount{font-size:1.6rem;gap:.2rem;top:-1rem}}.seal-amount:before{content:"";width:3.125vw;height:2.938vw;background:url(/images/mypage/star.svg) no-repeat center center/cover}@media all and (max-width: 1599px){.seal-amount:before{width:4.8rem;height:4.8rem}}@media all and (max-width: 1279px){.seal-amount:before{width:2.8rem;height:2.8rem}}@media all and (max-width: 1023px){.seal-amount:before{width:2.4rem;height:2.4rem}}.seal-list{max-height:52rem;overflow-y:auto;padding-right:1.2rem}@media all and (max-width: 1599px){.seal-list{max-height:40rem}}@media all and (max-width: 1023px){.seal-list{max-height:18rem}}.seal-list::-webkit-scrollbar{width:.8rem;border-radius:100rem;overflow:hidden}.seal-list::-webkit-scrollbar-thumb{background:#9082ff;border-radius:100rem}.seal-list::-webkit-scrollbar-track{background:#eaeaea;border-radius:100rem}.seal-list-item:nth-child(n+2){margin-top:2rem}@media all and (max-width: 1279px){.seal-list-item:nth-child(n+2){margin-top:1.6rem}}.seal-list-item>p{font-size:2.4rem;font-weight:800;color:#33246b;margin-left:1.4rem}@media all and (max-width: 1023px){.seal-list-item>p{font-size:2rem}}.seal-list-2depth{margin-top:1.2rem;padding:0 3rem;background:#fff2f5;border-radius:1.2rem}@media all and (max-width: 1023px){.seal-list-2depth{margin-top:.8rem;padding:0 2rem}}.seal-list-2depth-item{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.seal-list-2depth-item:nth-child(n+2){border-top:.1rem solid #cdc8da}.seal-list-2depth-item>*{position:relative;font-size:2rem;font-weight:800;color:#33246b;padding:1.2rem 3rem;text-wrap:nowrap}.seal-list-2depth-item>*:nth-child(1){text-align:right}.seal-list-2depth-item>*:nth-child(2){text-align:left}.seal-list-2depth-item>*:nth-child(3){text-align:left}.seal-list-2depth-item>*:nth-child(n+2):before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:.3rem;height:1.6rem;background:#907fbb}.seal-acquire{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.8rem}.seal-acquire:after{content:"";display:block;width:2.8rem;height:2.6rem;background:url(/images/mypage/star.svg) no-repeat center center/cover;order:-1}.planet-wrap{width:100%;height:calc(100dvh - 11rem);position:relative}@media all and (max-width: 1279px){.planet-wrap{height:calc(100dvh - 5.8rem)}}.planet-wrap:after{content:"";display:block;width:100%;height:9.27vw;background:url(/images/bg/pc-planet-bottom.png) no-repeat center top/cover;position:absolute;bottom:0}@media all and (max-width: 1023px){.planet-wrap:after{bottom:-.8rem}}@media screen and (max-height: 320px){.planet-wrap:after{bottom:-1.2rem}}.planet-area{width:100%}@media screen and (min-width: 2560px){.planet-area{position:absolute;top:4.687vw}}@media screen and (min-width: 3840px){.planet-area{position:absolute;top:6.51vw}}@media all and (max-width: 1599px){.planet-area{position:absolute;top:50%;transform:translateY(-60%) scale(1.15)}}@media (min-width: 1280px) and (max-width: 1400px){.planet-area{top:-2rem;transform:scale(1)}}@media all and (max-width: 1279px){.planet-area{position:absolute}}@media all and (max-width: 1023px){.planet-area{position:relative;transform:translateY(-60%) scale(1);top:55%}}.planet-gradient{position:absolute;top:1.2rem;left:0;width:100%;height:34.583vw;z-index:0;opacity:1;will-change:transform;overflow:hidden}.planet-gradient:before{content:"";position:absolute;inset:0;background:url(/images/bg/pc-planet-top.png) no-repeat center center/cover,linear-gradient(to bottom,var(--grad-start, #276ddc),var(--grad-end, #5bc2f2));z-index:-1;transition:background 1s ease;will-change:background}@media screen and (min-width: 2560px){.planet-gradient{top:0;border-top:1px solid #e0cec2;border-bottom:1px solid #e0cec2}}.planet-star{position:absolute;top:4.166vw;left:0;width:100%;height:27.083vw;background:url(/images/planet/planet-star.svg) no-repeat center center/cover;z-index:0;pointer-events:none}@media all and (max-width: 1023px){.planet-star{top:3rem}}.planet-board{width:72.916vw;height:26.041vw;position:absolute;left:50%;transform:translate(-50%);top:6rem}@media all and (max-width: 1599px){.planet-board{top:4.125vw}}.planet-bottom{position:absolute;bottom:0;left:0;width:100%;z-index:10}@media all and (max-width: 1023px){.planet-bottom{bottom:-.8rem}}.planet-bottom:before{content:"";display:block;width:6.77vw;height:4.16vw;background:url(/images/planet/planet-before.svg) no-repeat center center/cover;position:absolute;bottom:1.041vw;left:26.041vw}.planet-bottom:after{content:"";display:block;width:7.604vw;height:5.208vw;background:url(/images/planet/planet-after.svg) no-repeat center center/cover;position:absolute;bottom:1.041vw;right:26.041vw}.planet-seal{position:absolute;bottom:0;left:8.333vw;width:13.02vw;height:10.416vw;background:url(/images/planet/planet-seal.svg) no-repeat center center/cover;filter:drop-shadow(-3rem 3rem .4rem rgba(0,0,0,.15))}.planet-seal span{display:block;font-size:2.5vw;font-weight:800;color:#3360fb;text-shadow:-.3rem .3rem 0 rgba(0,0,0,.15);transform:matrix(1,0,.15,1,12,34)}@media all and (max-width: 1599px){.planet-seal span{transform:matrix(1,0,.15,1,12,26)}}@media all and (max-width: 1279px){.planet-seal span{transform:matrix(1,0,.15,1,8,18)}}@media all and (max-width: 1023px){.planet-seal span{text-shadow:-.2rem .2rem 0 rgba(0,0,0,.15);transform:matrix(1,0,.15,1,6,12)}}.planet-result{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24.27vw;height:10.937vw;background:url(/images/planet/planet-result.svg) no-repeat center center/cover;filter:drop-shadow(0 0 1.2rem rgba(37,135,255,.3))}.planet-profile{position:absolute;bottom:0;right:8.333vw;width:13.02vw;height:10.416vw;background:url(/images/planet/planet-profile.svg) no-repeat center center/cover;filter:drop-shadow(3rem 3rem .4rem rgba(0,0,0,.15))}.planet-momu{width:6.458vw;height:5.208vw;background:url(/images/planet/planet-momu.svg) no-repeat center center/cover;filter:drop-shadow(.4rem .4rem .4rem rgba(0,96,211,.6))}@media all and (max-width: 1023px){.planet-momu{transform:scale(1.2)}}.planet-line{position:absolute;z-index:-1}.planet-line.line01{width:53.437vw;height:20.364vw;top:50%;left:50%;transform:translate(-50%,-50%)}.planet-line.line02{width:52.656vw;height:23.645vw;left:25.625vw}.planet-line.line03{width:56.406vw;height:20.572vw;top:4.167vw;left:21.875vw}.planet-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;filter:drop-shadow(.4rem .4rem .4rem rgba(0,96,211,.4))}@media all and (max-width: 1023px){.planet-item{transform:scale(1.3)}}.planet-item span{font-size:1.041vw;font-weight:800;color:#d1d2ce;order:1;display:none}.planet-item.locked:after{content:"";display:block;width:1.458vw;height:1.458vw;background:url(/images/planet/locked.svg) no-repeat center center/cover}.planet-item.locked span{display:block}.planet-step01-01{width:5.313vw;height:6.771vw;position:absolute;top:1.563vw;left:7.292vw;background:url(/images/planet/step01-01.png) no-repeat center/cover}.planet-step01-01.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-01.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-01.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-02{width:4.167vw;height:4.167vw;position:absolute;top:13.021vw;left:8.646vw;background:url(/images/planet/step01-02.png) no-repeat center/cover}.planet-step01-02.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-02.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-02.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-03{width:6.771vw;height:4.479vw;position:absolute;top:20.833vw;left:8.333vw;background:url(/images/planet/step01-03.png) no-repeat center/cover}.planet-step01-03.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-03.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-03.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-04{width:4.479vw;height:4.167vw;position:absolute;top:20.313vw;left:21.354vw;background:url(/images/planet/step01-04.png) no-repeat center/cover}.planet-step01-04.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-04.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-04.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-05{width:4.167vw;height:4.167vw;position:absolute;top:10.938vw;left:20.833vw;background:url(/images/planet/step01-05.png) no-repeat center/cover}.planet-step01-05.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-05.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-05.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-06{width:4.375vw;height:4.375vw;position:absolute;top:2.083vw;left:20.313vw;background:url(/images/planet/step01-06.png) no-repeat center/cover}.planet-step01-06.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-06.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-06.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-07{width:7.292vw;height:4.271vw;position:absolute;top:1.563vw;left:32.813vw;background:url(/images/planet/step01-07.png) no-repeat center/cover}.planet-step01-07.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-07.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-07.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-08{width:5.729vw;height:4.271vw;position:absolute;top:10.417vw;left:33.854vw;background:url(/images/planet/step01-08.png) no-repeat center/cover}.planet-step01-08.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-08.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-08.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-09{width:4.375vw;height:4.375vw;position:absolute;top:19.792vw;left:33.333vw;background:url(/images/planet/step01-09.png) no-repeat center/cover}.planet-step01-09.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-09.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-09.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-10{width:4.375vw;height:4.375vw;position:absolute;top:19.792vw;left:47.396vw;background:url(/images/planet/step01-10.png) no-repeat center/cover}.planet-step01-10.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-10.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-10.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-11{width:4.375vw;height:4.375vw;position:absolute;top:10.938vw;left:47.917vw;background:url(/images/planet/step01-11.png) no-repeat center/cover}.planet-step01-11.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-11.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-11.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-12{width:4.375vw;height:4.375vw;position:absolute;top:2.083vw;left:48.125vw;background:url(/images/planet/step01-12.png) no-repeat center/cover}.planet-step01-12.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-12.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-12.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-13{width:6.771vw;height:6.771vw;position:absolute;top:2.604vw;left:60.417vw;background:url(/images/planet/step01-13.png) no-repeat center/cover}.planet-step01-13.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-13.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-13.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-14{width:4.375vw;height:4.375vw;position:absolute;top:11.979vw;left:59.896vw;background:url(/images/planet/step01-14.png) no-repeat center/cover}.planet-step01-14.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-14.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-14.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step01-15{width:4.375vw;height:4.375vw;position:absolute;top:20.833vw;left:59.583vw;background:url(/images/planet/step01-15.png) no-repeat center/cover}.planet-step01-15.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step01-15.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step01-15.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-01{width:5.313vw;height:6.771vw;position:absolute;top:13.021vw;left:22.917vw;background:url(/images/planet/step02-01.png) no-repeat center/cover}.planet-step02-01.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-01.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-01.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-02{width:4.167vw;height:4.167vw;position:absolute;top:6.25vw;left:34.375vw;background:url(/images/planet/step02-02.png) no-repeat center/cover}.planet-step02-02.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-02.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-02.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-03{width:4.167vw;height:4.167vw;position:absolute;top:15.104vw;left:36.979vw;background:url(/images/planet/step02-03.png) no-repeat center/cover}.planet-step02-03.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-03.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-03.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-04{width:4.167vw;height:4.167vw;position:absolute;top:23.438vw;left:35.417vw;background:url(/images/planet/step02-04.png) no-repeat center/cover}.planet-step02-04.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-04.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-04.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-05{width:4.167vw;height:4.167vw;position:absolute;top:5.208vw;left:47.917vw;background:url(/images/planet/step02-05.png) no-repeat center/cover}.planet-step02-05.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-05.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-05.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-06{width:8.021vw;height:4.167vw;position:absolute;top:15.104vw;left:48.438vw;background:url(/images/planet/step02-06.png) no-repeat center/cover}.planet-step02-06.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-06.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-06.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-07{width:4.167vw;height:4.167vw;position:absolute;top:23.958vw;left:48.958vw;background:url(/images/planet/step02-07.png) no-repeat center/cover}.planet-step02-07.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-07.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-07.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-08{width:4.167vw;height:4.167vw;position:absolute;top:3.646vw;left:59.896vw;background:url(/images/planet/step02-08.png) no-repeat center/cover}.planet-step02-08.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-08.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-08.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-09{width:4.167vw;height:4.167vw;position:absolute;top:10.417vw;left:63.542vw;background:url(/images/planet/step02-09.png) no-repeat center/cover}.planet-step02-09.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-09.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-09.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-10{width:4.375vw;height:4.375vw;position:absolute;top:18.229vw;left:64.063vw;background:url(/images/planet/step02-10.png) no-repeat center/cover}.planet-step02-10.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-10.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-10.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-11{width:4.375vw;height:4.375vw;position:absolute;top:25.521vw;left:61.458vw;background:url(/images/planet/step02-11.png) no-repeat center/cover}.planet-step02-11.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-11.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-11.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-12{width:5.104vw;height:4.375vw;position:absolute;top:3.646vw;left:72.396vw;background:url(/images/planet/step02-12.png) no-repeat center/cover}.planet-step02-12.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-12.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-12.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-13{width:6.771vw;height:6.771vw;position:absolute;top:9.375vw;left:74.479vw;background:url(/images/planet/step02-13.png) no-repeat center/cover}.planet-step02-13.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-13.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-13.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-14{width:4.375vw;height:4.375vw;position:absolute;top:19.271vw;left:75.521vw;background:url(/images/planet/step02-14.png) no-repeat center/cover}.planet-step02-14.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-14.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-14.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step02-15{width:4.375vw;height:4.375vw;position:absolute;top:26.563vw;left:72.917vw;background:url(/images/planet/step02-15.png) no-repeat center/cover}.planet-step02-15.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step02-15.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step02-15.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-01{width:5.313vw;height:6.771vw;position:absolute;top:20.833vw;left:46.875vw;background:url(/images/planet/step03-01.png) no-repeat center/cover}.planet-step03-01.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-01.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-01.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-02{width:4.167vw;height:4.167vw;position:absolute;top:22.396vw;left:36.458vw;background:url(/images/planet/step03-02.png) no-repeat center/cover}.planet-step03-02.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-02.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-02.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-03{width:4.167vw;height:4.167vw;position:absolute;top:22.396vw;left:59.375vw;background:url(/images/planet/step03-03.png) no-repeat center/cover}.planet-step03-03.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-03.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-03.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-04{width:4.167vw;height:4.167vw;position:absolute;top:21.354vw;left:67.708vw;background:url(/images/planet/step03-04.png) no-repeat center/cover}.planet-step03-04.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-04.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-04.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-05{width:6.146vw;height:4.167vw;position:absolute;top:12.5vw;left:59.896vw;background:url(/images/planet/step03-05.png) no-repeat center/cover}.planet-step03-05.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-05.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-05.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-06{width:4.167vw;height:4.167vw;position:absolute;top:8.854vw;left:48.438vw;background:url(/images/planet/step03-06.png) no-repeat center/cover}.planet-step03-06.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-06.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-06.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-07{width:4.375vw;height:4.167vw;position:absolute;top:12.5vw;left:34.896vw;background:url(/images/planet/step03-07.png) no-repeat center/cover}.planet-step03-07.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-07.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-07.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-08{width:4.167vw;height:4.167vw;position:absolute;top:21.354vw;left:28.125vw;background:url(/images/planet/step03-08.png) no-repeat center/cover}.planet-step03-08.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-08.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-08.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-09{width:4.167vw;height:4.167vw;position:absolute;top:19.271vw;left:19.792vw;background:url(/images/planet/step03-09.png) no-repeat center/cover}.planet-step03-09.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-09.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-09.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-10{width:5.208vw;height:4.167vw;position:absolute;top:8.333vw;left:25vw;background:url(/images/planet/step03-10.png) no-repeat center/cover}.planet-step03-10.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-10.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-10.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-11{width:4.375vw;height:4.375vw;position:absolute;top:3.646vw;left:36.979vw;background:url(/images/planet/step03-11.png) no-repeat center/cover}.planet-step03-11.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-11.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-11.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-12{width:3.646vw;height:4.167vw;position:absolute;top:2.083vw;left:48.958vw;background:url(/images/planet/step03-12.png) no-repeat center/cover}.planet-step03-12.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-12.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-12.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-13{width:6.771vw;height:6.771vw;position:absolute;top:2.604vw;left:58.854vw;background:url(/images/planet/step03-13.png) no-repeat center/cover}.planet-step03-13.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-13.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-13.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-14{width:4.375vw;height:4.375vw;position:absolute;top:8.333vw;left:69.271vw;background:url(/images/planet/step03-14.png) no-repeat center/cover}.planet-step03-14.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-14.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-14.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planet-step03-15{width:4.375vw;height:4.375vw;position:absolute;top:19.271vw;left:76.042vw;background:url(/images/planet/step03-15.png) no-repeat center/cover}.planet-step03-15.locked:before{content:"";position:absolute;inset:0;background:#838383cc;-webkit-mask-image:url(/images/planet/step03-15.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:url(/images/planet/step03-15.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.planetSwiper{overflow:hidden;z-index:2}.planetSwiper .swiper-slide{height:34.583vw}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(1) .planet-board{top:36vh;top:36dvh;transform:translate(-50%,-50%)}}@media screen and (max-height: 320px){.planetSwiper .swiper-slide:nth-child(1) .planet-board{transform:translate(-50%,-50%) scale(.9)}}@media screen and (max-height: 280px){.planetSwiper .swiper-slide:nth-child(1) .planet-board{transform:translate(-50%,-50%) scale(.8)}}.planetSwiper .swiper-slide:nth-child(1) .planet-board:before{content:"";display:block;width:52.812vw;height:19.479vw;background:url(/images/planet/planet-line01.svg) no-repeat center center/cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(1) .planet-board:before{transform:translate(-50%,-50%) scale(.9)}}@media screen and (max-height: 320px){.planetSwiper .swiper-slide:nth-child(1) .planet-board:before{transform:translate(-50%,-50%) scale(.8)}}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(1) .planet-board .planet-contents{height:100%}}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(1) .planet-board .planet-contents{transform:scale(.9)}}@media screen and (max-height: 320px){.planetSwiper .swiper-slide:nth-child(1) .planet-board .planet-contents{transform:scale(.8)}}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(1) .planet-board svg{transform:translate(-50%,-50%) scale(.9)}}@media screen and (max-height: 320px){.planetSwiper .swiper-slide:nth-child(1) .planet-board svg{transform:translate(-50%,-50%) scale(.8)}}.planetSwiper .swiper-slide:nth-child(2) .planet-board{-webkit-mask-image:url(/images/bg/pc-planet-top-mask.png);mask-image:url(/images/bg/pc-planet-top-mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;width:100%;height:34.583vw;top:1.2rem;left:0;transform:unset}@media screen and (min-width: 2560px){.planetSwiper .swiper-slide:nth-child(2) .planet-board{top:0}}.planetSwiper .swiper-slide:nth-child(2) .planet-board:before{content:"";display:block;width:80.208vw;height:33.229vw;background:url(/images/planet/planet-line022.svg) no-repeat center center/cover;background-repeat:no-repeat;background-size:1754px 1285px;background-size:91.354vw 66.927vw;background-position:-442px -315px;background-position:-23.02vw -16.406vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(2) .planet-board:before{background-size:77.65vw 56.887vw;background-position:-13.5vw -13.406vw}}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(2) .planet-board .planet-contents{transform:scale(.85)}}@media screen and (max-height: 320px){.planetSwiper .swiper-slide:nth-child(2) .planet-board .planet-contents{transform:scale(.8)}}.planetSwiper .swiper-slide:nth-child(3) .planet-board{-webkit-mask-image:url(/images/bg/pc-planet-top-mask.png);mask-image:url(/images/bg/pc-planet-top-mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;width:100%;height:34.583vw;top:1.2rem;left:0;transform:unset}@media screen and (min-width: 2560px){.planetSwiper .swiper-slide:nth-child(3) .planet-board{top:0}}@media screen and (max-height: 280px){.planetSwiper .swiper-slide:nth-child(3) .planet-board{transform:translate(-50%,-50%)}}.planetSwiper .swiper-slide:nth-child(3) .planet-board:before{content:"";display:block;width:56.667vw;height:27.604vw;background:url(/images/planet/planet-line03.svg) no-repeat center center/cover;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);z-index:-1}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(3) .planet-board:before{top:45%;transform:translate(-50%,-50%) scale(.85)}}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(3) .planet-board .planet-contents{transform:scale(.85)}}@media all and (max-width: 1023px){.planetSwiper .swiper-slide:nth-child(3) .planet-board svg{transform:scale(.85)}}.planetSwiper .swiper-button-next,.planetSwiper .swiper-button-prev{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:4.166vw;height:4.166vw;background:#fcdd06;border-radius:100rem;bottom:15.625vw}.planetSwiper .swiper-button-prev{left:8.333vw;filter:drop-shadow(-.8rem .8rem .2rem rgba(0,96,211,.4))}.planetSwiper .swiper-button-prev:after{display:block;width:1.458vw;height:2.395vw;background:url(/images/planet/planet-prev.svg) no-repeat center center/cover;margin-right:.6rem}@media all and (max-width: 1023px){.planetSwiper .swiper-button-prev:after{margin-right:.3rem}}.planetSwiper .swiper-button-next{right:8.333vw;filter:drop-shadow(.8rem .8rem .2rem rgba(0,96,211,.4))}.planetSwiper .swiper-button-next:after{display:block;width:1.458vw;height:2.395vw;background:url(/images/planet/planet-next.svg) no-repeat center center/cover;margin-left:.6rem}@media all and (max-width: 1023px){.planetSwiper .swiper-button-next:after{margin-left:.3rem}}.popup{position:relative;background:#fff;width:100%;border-radius:4rem}.popup.alert{width:100%;height:100%;background:#fff;max-width:60rem;max-height:40rem;border-radius:4rem;overflow:hidden;font-family:SOYOMaple}.popup.alert .popup-body{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0rem;padding:3.8rem;text-align:center}@media all and (max-width: 1023px){.popup.alert .popup-body{padding:2.4rem}}.popup.alert .alert-icon{flex:0 0 auto}.popup.alert .alert-icon.icon01{width:19.6rem;height:14.6rem;background:url(/images/ico-aleart01.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon01{width:15.6rem;height:11.7rem}}.popup.alert .alert-icon.icon02{width:17.9rem;height:14.6rem;background:url(/images/ico-aleart02.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon02{width:14.3rem;height:11.7rem}}.popup.alert .alert-icon.icon03{width:27.7rem;height:11.8rem;background:url(/images/ico-aleart03.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon03{width:22.1rem;height:9.5rem}}.popup.alert .alert-icon.icon04{position:relative;width:11rem;height:8.7rem;background:url(/images/ico-aleart04.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon04{width:8.8rem;height:7rem}}.popup.alert .alert-icon.icon04:before{content:"";position:absolute;top:4rem;left:50%;transform:translate(-50%);width:51rem;height:29.4rem;background:url(/images/ico-aleart04-01.svg) no-repeat center center/cover;z-index:0}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon04:before{width:40.8rem;height:23.6rem;top:2rem}}.popup.alert .alert-icon.icon05{width:13.9rem;height:9rem;background:url(/images/ico-aleart05.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon05{width:11.1rem;height:7.2rem}}.popup.alert .alert-icon.icon06{width:8rem;height:8rem;background:url(/images/ico-aleart06.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon06{width:6.4rem;height:6.4rem}}.popup.alert .alert-icon.icon08{width:7.1rem;height:8.4rem;background:url(/images/ico-aleart08.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon08{width:5.7rem;height:6.7rem}}.popup.alert .alert-icon.icon09{width:5.9rem;height:9.8rem;background:url(/images/ico-aleart09.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.alert .alert-icon.icon09{width:4.7rem;height:7.8rem}}.popup.alert .alert-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;z-index:1}.popup.alert .alert-title{font-family:SOYOMaple;font-size:4rem;font-weight:700;color:#5755fe;letter-spacing:-.1rem}@media all and (max-width: 1023px){.popup.alert .alert-title{font-size:3.2rem}}.popup.alert .alert-paragraph{font-family:SOYOMaple;font-size:2.4rem;font-weight:700;color:#747474;letter-spacing:-.1rem;margin-top:.8rem}@media all and (max-width: 1023px){.popup.alert .alert-paragraph{font-size:1.8rem;margin-top:.4rem}}.popup.alert .alert-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2.8rem;z-index:1}@media all and (max-width: 1023px){.popup.alert .alert-buttons{gap:2rem}}.popup.alert .alert-btn{font-family:SOYOMaple;font-size:2.4rem;font-weight:800;color:#333;padding:2rem 4rem 2.4rem;border-radius:1.2rem;line-height:1}.popup.alert .alert-btn:only-child{width:17rem}@media all and (max-width: 1023px){.popup.alert .alert-btn{font-size:1.8rem;padding:1.6rem 2.4rem 1.8rem}}.popup.alert .alert-btn.line{border:.1rem solid #9b9b9b;background:#fff}.popup.alert .alert-btn.purple{border:.1rem solid #8b93ff;background:#8b93ff;color:#fff}.popup.alert .popup-close{width:2.8rem;height:2.8rem;box-shadow:unset;top:2.2rem;right:2.2rem}.popup.alert .popup-close:before{width:2.8rem;height:2.8rem;background:url(/images/btn-popup-close-alert.svg) no-repeat center center/cover}.popup.purple{max-width:60rem;padding:2.5rem 3.5rem;display:grid;grid-template-rows:9.2rem 1fr}@media all and (max-width: 1599px){.popup.purple{max-height:calc(100vh - 6rem)}}@media all and (max-width: 1023px){.popup.purple{grid-template-rows:7rem 1fr;padding:2rem 4rem;border-radius:2rem}}.popup.purple .seal-amount{top:unset;left:unset;bottom:2rem;right:0;font-size:2.4rem;color:#4e393d}.popup.purple .seal-amount:before{width:3.5rem;height:3.3rem}@media all and (max-width: 1023px){.popup.purple .seal-amount:before{width:2.8rem;height:2.6rem}}.popup.purple .popup-header{position:relative;border-bottom:.2rem solid #eeeef0;padding-bottom:1.5rem}@media all and (max-width: 1023px){.popup.purple .popup-header{padding-bottom:1rem}}.popup.purple .popup-header:before{content:"";display:block;width:14.6rem;height:8.9rem;position:absolute;bottom:0;left:-1.2rem;background:url(/images/mypage/@momu-popup-seal.png) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.purple .popup-header:before{width:13.4rem;height:6.5rem}}.popup.purple .popup-body{padding-top:2.8rem;overflow:hidden}@media all and (max-width: 1023px){.popup.purple .popup-body{padding-top:1.5rem}}.popup.purple .popup-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem}.popup.purple .popup-title p{font-size:2.4rem;font-weight:800;color:#ee6680}@media all and (max-width: 1023px){.popup.purple .popup-title p{font-size:1.8rem}}.popup.purple .popup-title span{font-size:3rem;font-weight:800;color:#ff8fa3}@media all and (max-width: 1023px){.popup.purple .popup-title span{font-size:2.4rem}}.popup.purple .popup-close{background:#9082ff}@media all and (max-width: 1023px){.popup.purple .popup-close{width:4.8rem;height:4.8rem}}.popup.purple .popup-close:before{content:"";width:2rem;height:2rem;background:url(/images/btn-popup-close-wt.svg) no-repeat center center/cover}.popup.skyblue{max-width:85rem;border-radius:4rem;display:grid;grid-template-rows:6.2rem minmax(0,1fr)}@media all and (max-width: 1599px){.popup.skyblue{max-height:calc(100vh - 6rem)}}@media all and (max-width: 1023px){.popup.skyblue{grid-template-rows:5.6rem minmax(0,1fr)}}.popup.skyblue .popup-header{padding:1.6rem;background:#52b5f1;border-top-left-radius:2rem;border-top-right-radius:2rem}.popup.skyblue .popup-body{display:grid;padding:2rem 4rem;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;overflow:hidden}@media all and (max-width: 1023px){.popup.skyblue .popup-body{padding:1.2rem 3rem}}.popup.skyblue .popup-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem}.popup.skyblue .popup-title p{font-size:3rem;font-weight:800;color:#fff;line-height:1}@media all and (max-width: 1023px){.popup.skyblue .popup-title p{font-size:2.4rem}}.popup.skyblue .popup-close{background:#fff}@media all and (max-width: 1023px){.popup.skyblue .popup-close{width:4.8rem;height:4.8rem}}.popup.skyblue .popup-close:before{content:"";width:2rem;height:2rem;background:url(/images/btn-popup-close-skyblue.svg) no-repeat center center/cover}.popup.fairytale{max-width:100rem;border-radius:4rem;max-height:60rem;height:100%;display:grid;grid-template-rows:6rem minmax(0,1fr)}.popup.fairytale .popup{height:100%}.popup.fairytale .popup-header{padding:1.6rem 4rem;background:#e3e3e3;border-top-left-radius:2rem;border-top-right-radius:2rem;align-content:center}@media all and (max-width: 1023px){.popup.fairytale .popup-header{padding:1.6rem 3rem}}.popup.fairytale .popup-body{border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;overflow:hidden}.popup.fairytale .popup-body .tabs-learning-area.type-tier2{position:relative}.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-top{width:100%;position:absolute;top:0;z-index:1;padding:1.5rem 3rem}@media all and (max-width: 1023px){.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-top{padding:1.2rem 2rem}}.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-top button{width:5rem;height:5rem}@media all and (max-width: 1023px){.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-top button{width:4rem;height:4rem}}.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .fairytale-text{font-size:3rem}@media all and (max-width: 1023px){.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .fairytale-text{font-size:2rem}}.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .fairytale-util{height:calc(100% - 8rem);top:unset;bottom:0}@media all and (max-width: 1023px){.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .fairytale-util{height:calc(100% - 6.4rem)}}.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-prev,.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-next{width:10rem}.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-prev:before,.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-next:before{width:3.6rem;height:2.4rem}@media all and (max-width: 1023px){.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-prev,.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-next{width:8rem}}.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-choice{height:14rem}@media all and (max-width: 1599px){.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-choice{height:12rem}}@media all and (max-width: 1023px){.popup.fairytale .popup-body .tabs-learning-area.type-tier2 .learning-area-bottom .btn-fairytale-choice{height:8rem}}.popup.fairytale .popup-title p{font-size:2.2rem;font-weight:800;color:#333;line-height:1;text-align:left}@media all and (max-width: 1023px){.popup.fairytale .popup-title p{font-size:2rem}}.popup.fairytale .popup-close{background:#fff}@media all and (max-width: 1023px){.popup.fairytale .popup-close{width:4.8rem;height:4.8rem}}.popup.fairytale .popup-close:before{content:"";width:2rem;height:2rem;background:url(/images/btn-popup-close-skyblue.svg) no-repeat center center/cover}.popup.profile{width:auto;background:unset}.popup.profile .popup-body{width:auto;height:auto;background:unset}.popup.profile .popup-close{background:#9082ff;top:10rem;right:5rem}@media all and (max-width: 1599px){.popup.profile .popup-close{top:5.208vw;right:2.604vw}}@media all and (max-width: 1023px){.popup.profile .popup-close{width:4.8rem;height:4.8rem;top:3.8rem;right:3.8rem}}.popup.profile .popup-close:before{content:"";width:2rem;height:2rem;background:url(/images/btn-popup-close-wt.svg) no-repeat center center/cover}.popup-wrap{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000b3;z-index:1000;padding:2rem;display:none}.popup-wrap.active{display:flex}.popup-body{width:100%;height:100%;background:#fff}.popup.learning-answer-mobile{background:#e8edf0;border-radius:2rem;width:100%;height:100%;box-shadow:0 0 .8rem #0003;overflow:hidden;padding:2.5rem}.popup.learning-answer-mobile .popup-body{background:unset}.popup.learning-answer-mobile .learning-answer-mobile-area{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:2.5rem;width:100%;height:100%}.popup.learning-answer-mobile .learning-answer-mobile-util{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0rem;height:100%;position:relative}.popup.learning-answer-mobile .learning-answer-mobile-util .btn-write-eraser{position:absolute;top:50%;left:0;transform:translateY(-50%)}.popup.learning-answer-mobile .learning-answer-keyboard{gap:2rem}@media all and (max-width: 1023px){.popup.learning-answer-mobile .learning-answer-keyboard{gap:1rem}}.popup.learning-answer-mobile .learning-answer-keyboard-response{font-size:5.2rem;padding:2.4rem}@media all and (max-width: 1023px){.popup.learning-answer-mobile .learning-answer-keyboard-response{font-size:3rem;padding:2rem}}@media screen and (max-height: 320px){.popup.learning-answer-mobile .learning-answer-keyboard-response{padding:.8rem;font-size:2.4rem}}.popup.learning-answer-mobile .learning-answer-keyboard-area{gap:2.4rem}@media all and (max-width: 1023px){.popup.learning-answer-mobile .learning-answer-keyboard-area{gap:1.4rem}}.popup.learning-answer-mobile .learning-answer-keyboard-item{padding:1.6rem;font-size:2.8rem}@media all and (max-width: 1023px){.popup.learning-answer-mobile .learning-answer-keyboard-item{padding:.6rem;font-size:1.8rem}}@media screen and (max-height: 320px){.popup.learning-answer-mobile .learning-answer-keyboard-item{padding:.4rem;font-size:1.6rem}}.popup.effect{width:100%;height:100%;max-width:62rem;max-height:42rem;position:relative}.popup.effect.ty-01 .popup-body,.popup.effect.ty-02 .popup-body{border-radius:4rem;overflow:hidden;padding:4rem}@media all and (max-width: 1023px){.popup.effect.ty-01 .popup-body,.popup.effect.ty-02 .popup-body{padding:3rem}}@media screen and (max-height: 300px){.popup.effect.ty-01 .popup-body,.popup.effect.ty-02 .popup-body{padding:1rem}}.popup.effect.ty-01 .popup-body{background:#fbedc7}.popup.effect.ty-01 .effect-title{color:#fd7595}.popup.effect.ty-01 .effect-momu{width:23.8rem;height:18.4rem;background:url(/images/anim-momu/ty01-momu.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.effect.ty-01 .effect-momu{width:15.6rem;height:12rem}}.popup.effect.ty-01 .effect-beam{width:100%;height:200%;background:linear-gradient(180deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(170deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(160deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(150deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(140deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(130deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(120deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(110deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(100deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(90deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(80deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(70deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(60deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(50deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(40deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(30deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(20deg,transparent 50%,#fbedc7 50%,#fbedc7),linear-gradient(10deg,transparent 50%,rgb(254.4,252.3,246.6) 50%,rgb(254.4,252.3,246.6) 100%),linear-gradient(0deg,transparent 50%,#fbedc7 50%,#fbedc7)}.popup.effect.ty-01 .effect-beam-animated{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-mask-image:radial-gradient(rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 70%);mask-image:radial-gradient(#ffffff59 50%,#fff0 70%);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}.popup.effect.ty-01 .effect-beam-spin{width:125%;height:375%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup.effect.ty-01 .effect-beam-spin.anim{animation:spin 60s linear infinite}.popup.effect.ty-01 .effect-beam-wrap{width:100%;height:50%;overflow:hidden}.popup.effect.ty-01 .effect-beam-wrap:last-child{transform:rotate(180deg)}.popup.effect.ty-02 .popup-body{background:#b5dcff}.popup.effect.ty-02 .effect-title{color:#1653d1}.popup.effect.ty-02 .effect-momu{width:28.2rem;height:18.7rem;background:url(/images/anim-momu/ty02-momu.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.effect.ty-02 .effect-momu{width:18rem;height:12rem}}@keyframes spin{0%{transform:translateZ(0) translate(-50%,-50%) rotate(0)}to{transform:translateZ(0) translate(-50%,-50%) rotate(360deg)}}.popup.effect.ty-02 .effect-beam{width:100%;height:200%;background:linear-gradient(180deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(170deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(160deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(150deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(140deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(130deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(120deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(110deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(100deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(90deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(80deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(70deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(60deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(50deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(40deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(30deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(20deg,transparent 50%,#b5dcff 50%,#b5dcff),linear-gradient(10deg,transparent 50%,rgb(232,244.1216216216,255) 50%,rgb(232,244.1216216216,255) 100%),linear-gradient(0deg,transparent 50%,#b5dcff 50%,#b5dcff)}.popup.effect.ty-02 .effect-beam-animated{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-mask-image:radial-gradient(rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 70%);mask-image:radial-gradient(#ffffff59 50%,#fff0 70%);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}.popup.effect.ty-02 .effect-beam-spin{width:125%;height:375%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup.effect.ty-02 .effect-beam-spin.anim{animation:spin 60s linear infinite}.popup.effect.ty-02 .effect-beam-wrap{width:100%;height:50%;overflow:hidden}.popup.effect.ty-02 .effect-beam-wrap:last-child{transform:rotate(180deg)}.popup.effect.ty-02 .effect-paragraph{color:#ffee5d}.popup.effect .effect-title{position:relative;font-family:Waguri;font-size:4.4rem;z-index:1}@media all and (max-width: 1023px){.popup.effect .effect-title{font-size:3.6rem}}.popup.effect .effect-title:before{content:attr(data-txt);position:absolute;left:0;z-index:-1;-webkit-text-stroke:.6rem #ffffff}.popup.effect .effect-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0rem;position:relative;height:100%}@media all and (max-width: 1023px){.popup.effect .effect-content{justify-content:space-around}}.popup.effect .effect-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;position:relative;z-index:1}.popup.effect .effect-info:has(.effect-paragraph.star){margin-bottom:2rem}.popup.effect .effect-confetti{width:200%;height:185%;position:absolute;top:-20%;z-index:0}.popup.effect .effect-star{position:absolute;top:50%;left:50%;z-index:1}.popup.effect .effect-star-item{position:absolute}.popup.effect .effect-star-item.star01{width:6.8rem;height:6.6rem;background:url(/images/anim-momu/star01.svg) no-repeat center center/cover}.popup.effect .effect-star-item.star02{width:4.4rem;height:4.3rem;background:url(/images/anim-momu/star02.svg) no-repeat center center/cover}.popup.effect .effect-star-item.star03{width:5.3rem;height:5.1rem;background:url(/images/anim-momu/star03.svg) no-repeat center center/cover}.popup.effect .effect-glitter{position:absolute;top:50%;left:50%;z-index:1}.popup.effect .effect-glitter-item{position:absolute;filter:drop-shadow(0 0 0 #fff)}.popup.effect .effect-glitter-item.glitter01{width:4.2rem;height:5.4rem;background:url(/images/anim-momu/glitter01.svg) no-repeat center center/cover}.popup.effect .effect-glitter-item.glitter02{width:3.2rem;height:4.1rem;background:url(/images/anim-momu/glitter02.svg) no-repeat center center/cover}.popup.effect .effect-glitter-item.glitter03{width:3.2rem;height:4.1rem;background:url(/images/anim-momu/glitter02.svg) no-repeat center center/cover}.popup.effect .effect-basket{width:28.8rem;height:31.5rem;background:url(/images/anim-momu/basket.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.effect .effect-basket{width:17.4rem;height:19rem}}.popup.effect .effect-basket-round{width:28.8rem;height:13.7rem;background:url(/images/anim-momu/basket-round.svg) no-repeat center center/cover;position:absolute;top:17.8rem;z-index:1}@media all and (max-width: 1023px){.popup.effect .effect-basket-round{width:17.4rem;height:8rem;top:10.9rem}}.popup.effect .effect-basket-star{display:none;position:absolute;width:5.8rem;height:5.6rem;background:url(/images/anim-momu/basket-star.svg) no-repeat center center/cover}.popup.effect .effect-paragraph{font-family:Waguri;font-size:3rem;color:#fff;line-height:1;padding:1.6rem 4.8rem;background:#5b95f7;border-radius:100rem;box-shadow:0 .6rem #0057c6;width:-moz-fit-content;width:fit-content;text-align:center;min-width:28rem}.popup.effect .effect-paragraph span{font-family:Waguri}@media all and (max-width: 1023px){.popup.effect .effect-paragraph{font-size:2.4rem;min-width:20rem;padding:1.2rem 3.6rem}}.popup.effect .effect-paragraph.star{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.2rem;position:absolute;padding:1.2rem 3.6rem;bottom:-2rem;z-index:1}@media all and (max-width: 1023px){.popup.effect .effect-paragraph.star{padding:.8rem 2.4rem}}.popup.effect .effect-paragraph.star:before{content:"";display:block;width:4.4rem;height:4.2rem;background:url(/images/anim-momu/basket-star-paragraph.svg) no-repeat center center/cover}@media all and (max-width: 1023px){.popup.effect .effect-paragraph.star:before{width:2.6rem;height:2.5rem}}.popup.effect .effect-paragraph.star span{margin-top:.6rem}.popup.effect .effect-glitter,.popup.effect .effect-info.basket{opacity:0;pointer-events:none;position:absolute}.popup.effect .effect-title,.popup.effect .effect-star,.popup.effect .effect-info.momu{opacity:1}.popup-close{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;width:6rem;height:6rem;background:#fff;border-radius:100rem;box-shadow:.4rem .4rem #00000040;position:absolute;top:-2rem;right:-2rem}.popup-close:before{content:"";width:2rem;height:2rem;background:url(/images/btn-popup-close.svg) no-repeat center center/cover}.anim-fading{animation:fading .5s forwards;animation-delay:3s}@keyframes fading{0%{opacity:1}to{opacity:0}}.sound-wave{width:100%;max-width:35.5rem}@media all and (max-width: 1279px){.sound-wave{max-width:28rem}}@media all and (max-width: 1023px){.sound-wave{max-width:16.5rem}}.sound-wave-svg{width:100%;height:auto}.sound-wave .bar{fill:#5a5cc4;transform-origin:center center;animation:wave 1s infinite ease-in-out both}.sound-wave .bar:nth-child(1){animation-delay:-.97s;animation-duration:.83s;--scale-min: .68}.sound-wave .bar:nth-child(2){animation-delay:-.9s;animation-duration:.93s;--scale-min: .48}.sound-wave .bar:nth-child(3){animation-delay:-.62s;animation-duration:1.36s;--scale-min: .61}.sound-wave .bar:nth-child(4){animation-delay:-.45s;animation-duration:.85s;--scale-min: .31}.sound-wave .bar:nth-child(5){animation-delay:-.01s;animation-duration:1.07s;--scale-min: .45}.sound-wave .bar:nth-child(6){animation-delay:-.02s;animation-duration:.94s;--scale-min: .38}.sound-wave .bar:nth-child(7){animation-delay:-.22s;animation-duration:1.49s;--scale-min: .47}.sound-wave .bar:nth-child(8){animation-delay:-.47s;animation-duration:1.49s;--scale-min: .39}.sound-wave .bar:nth-child(9){animation-delay:-.62s;animation-duration:1.14s;--scale-min: .49}.sound-wave .bar:nth-child(10){animation-delay:-.05s;animation-duration:1.23s;--scale-min: .43}.sound-wave .bar:nth-child(11){animation-delay:-.58s;animation-duration:1.45s;--scale-min: .45}.sound-wave .bar:nth-child(12){animation-delay:-.82s;animation-duration:1.5s;--scale-min: .22}.sound-wave .bar:nth-child(13){animation-delay:-.23s;animation-duration:1.14s;--scale-min: .21}.sound-wave .bar:nth-child(14){animation-delay:-.85s;animation-duration:1.31s;--scale-min: .27}.sound-wave .bar:nth-child(15){animation-delay:-.08s;animation-duration:1.26s;--scale-min: .25}.sound-wave .bar:nth-child(16){animation-delay:-.88s;animation-duration:1.49s;--scale-min: .7}.sound-wave .bar:nth-child(17){animation-delay:-.25s;animation-duration:.98s;--scale-min: .68}.sound-wave .bar:nth-child(18){animation-delay:-.76s;animation-duration:1.14s;--scale-min: .42}.sound-wave .bar:nth-child(19){animation-delay:-.9s;animation-duration:1.29s;--scale-min: .32}.sound-wave .bar:nth-child(20){animation-delay:-.61s;animation-duration:1.29s;--scale-min: .43}.sound-wave .bar:nth-child(21){animation-delay:-.98s;animation-duration:.97s;--scale-min: .63}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(var(--scale-min, .3))}}.word{word-break:break-all}h2{font-size:7rem;font-weight:700}h3{font-size:4rem;font-weight:700}h4{font-size:2.4rem;font-weight:600}h5{font-size:1.8rem;font-weight:700}.txt{display:inline-block}.txt_24{font-size:2.4rem}.txt_18{font-size:1.8rem}.txt_16{font-size:1.6rem}.txt_14{font-size:1.4rem}.txt_13{font-size:1.3rem}.txt_12{font-size:1.2rem}.txt_underline{text-decoration:underline}.fw100{font-weight:100}.fw200{font-weight:200}.fw300{font-weight:300}.fw400{font-weight:400}.fw500{font-weight:500}.fw600{font-weight:600}.fw700{font-weight:700}.fw800{font-weight:800}.fw900{font-weight:900}.ellipsis1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:140%}.ellipsis2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:140%}.ellipsis3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:140%}.ellipsis1{display:block}.align{display:flex}.align.inline{display:inline-flex}.align.right{justify-content:flex-end}.align.center{justify-content:center}.align.both{justify-content:space-between}.align.bottom{position:fixed;left:2rem;right:2rem;bottom:3rem}.align.f-wrap{flex-wrap:wrap}.align.col{flex-direction:column}.align.vt{align-items:flex-start}.align.vm{align-items:center}.align.vb{align-items:flex-end}.align.triple{display:block;position:relative}.align.triple:after{content:"";display:block;clear:both}.align.triple .left{float:left}.align.triple .right{float:right}.align.triple .center{position:absolute;left:50%;top:0;transform:translate(-50%)}.align.triple .bottom{position:fixed;left:0;right:0;bottom:0;z-index:10}.align-btn{display:flex;gap:1rem}.align-btn .btn{flex:1}.gap4{gap:.4rem}.gap8{gap:.8rem}.gap16{gap:1.6rem}.gap24{gap:2.4rem}.gap32{gap:3.2rem}.txt_left{text-align:left!important}.txt_center{text-align:center!important}.txt_right{text-align:right!important}.flex{display:flex}.flex>*{flex:1}.flex.none{flex:none}.visibillity-hidden{visibility:hidden;opacity:0}.mt0{margin-top:0rem}.mt2{margin-top:.2rem}.mt3{margin-top:.3rem}.mt4{margin-top:.4rem}.mt5{margin-top:.5rem}.mt6{margin-top:.6rem}.mt8{margin-top:.8rem}.mt10{margin-top:1rem}.mt12{margin-top:1.2rem}.mt14{margin-top:1.4rem}.mt15{margin-top:1.5rem}.mt16{margin-top:1.6rem}.mt18{margin-top:1.8rem}.mt20{margin-top:2rem}.mt22{margin-top:2.2rem}.mt24{margin-top:2.4rem}.mt25{margin-top:2.5rem}.mt26{margin-top:2.6rem}.mt28{margin-top:2.8rem}.mt30{margin-top:3rem}.mt32{margin-top:3.2rem}.mt34{margin-top:3.4rem}.mt36{margin-top:3.6rem}.mt38{margin-top:3.8rem}.mt40{margin-top:4rem}.mt46{margin-top:4.6rem}.mt48{margin-top:4.8rem}.mt50{margin-top:5rem}.mt60{margin-top:6rem}.mt70{margin-top:7rem}.mt80{margin-top:8rem}.mt90{margin-top:9rem}.mt100{margin-top:10rem}.mt120{margin-top:12rem}.mt140{margin-top:14rem}.mt160{margin-top:16rem}.mt180{margin-top:18rem}.mt200{margin-top:20rem}.mb0{margin-bottom:0rem}.mb2{margin-bottom:.2rem}.mb3{margin-bottom:.3rem}.mb4{margin-bottom:.4rem}.mb5{margin-bottom:.5rem}.mb6{margin-bottom:.6rem}.mb8{margin-bottom:.8rem}.mb10{margin-bottom:1rem}.mb12{margin-bottom:1.2rem}.mb14{margin-bottom:1.4rem}.mb15{margin-bottom:1.5rem}.mb16{margin-bottom:1.6rem}.mb18{margin-bottom:1.8rem}.mb20{margin-bottom:2rem}.mb22{margin-bottom:2.2rem}.mb24{margin-bottom:2.4rem}.mb25{margin-bottom:2.5rem}.mb26{margin-bottom:2.6rem}.mb28{margin-bottom:2.8rem}.mb30{margin-bottom:3rem}.mb32{margin-bottom:3.2rem}.mb34{margin-bottom:3.4rem}.mb36{margin-bottom:3.6rem}.mb38{margin-bottom:3.8rem}.mb40{margin-bottom:4rem}.mb46{margin-bottom:4.6rem}.mb48{margin-bottom:4.8rem}.mb50{margin-bottom:5rem}.mb60{margin-bottom:6rem}.mb70{margin-bottom:7rem}.mb80{margin-bottom:8rem}.mb90{margin-bottom:9rem}.mb100{margin-bottom:10rem}.mb120{margin-bottom:12rem}.mb140{margin-bottom:14rem}.mb160{margin-bottom:16rem}.mb180{margin-bottom:18rem}.mb200{margin-bottom:20rem}.ml0{margin-left:0rem}.ml2{margin-left:.2rem}.ml3{margin-left:.3rem}.ml4{margin-left:.4rem}.ml5{margin-left:.5rem}.ml6{margin-left:.6rem}.ml8{margin-left:.8rem}.ml10{margin-left:1rem}.ml12{margin-left:1.2rem}.ml14{margin-left:1.4rem}.ml15{margin-left:1.5rem}.ml16{margin-left:1.6rem}.ml18{margin-left:1.8rem}.ml20{margin-left:2rem}.ml22{margin-left:2.2rem}.ml24{margin-left:2.4rem}.ml25{margin-left:2.5rem}.ml26{margin-left:2.6rem}.ml28{margin-left:2.8rem}.ml30{margin-left:3rem}.ml32{margin-left:3.2rem}.ml34{margin-left:3.4rem}.ml36{margin-left:3.6rem}.ml38{margin-left:3.8rem}.ml40{margin-left:4rem}.ml46{margin-left:4.6rem}.ml48{margin-left:4.8rem}.ml50{margin-left:5rem}.ml60{margin-left:6rem}.ml70{margin-left:7rem}.ml80{margin-left:8rem}.ml90{margin-left:9rem}.ml100{margin-left:10rem}.ml120{margin-left:12rem}.ml140{margin-left:14rem}.ml160{margin-left:16rem}.ml180{margin-left:18rem}.ml200{margin-left:20rem}.mr0{margin-right:0rem}.mr2{margin-right:.2rem}.mr3{margin-right:.3rem}.mr4{margin-right:.4rem}.mr5{margin-right:.5rem}.mr6{margin-right:.6rem}.mr7{margin-right:.7rem}.mr8{margin-right:.8rem}.mr10{margin-right:1rem}.mr12{margin-right:1.2rem}.mr14{margin-right:1.4rem}.mr15{margin-right:1.5rem}.mr16{margin-right:1.6rem}.mr18{margin-right:1.8rem}.mr20{margin-right:2rem}.mr22{margin-right:2.2rem}.mr24{margin-right:2.4rem}.mr25{margin-right:2.5rem}.mr26{margin-right:2.6rem}.mr28{margin-right:2.8rem}.mr30{margin-right:3rem}.mr32{margin-right:3.2rem}.mr34{margin-right:3.4rem}.mr36{margin-right:3.6rem}.mr38{margin-right:3.8rem}.mr40{margin-right:4rem}.mr46{margin-right:4.6rem}.mr48{margin-right:4.8rem}.mr50{margin-right:5rem}.mr60{margin-right:6rem}.mr70{margin-right:7rem}.mr80{margin-right:8rem}.mr90{margin-right:9rem}.mr100{margin-right:10rem}.mr120{margin-right:12rem}.mr140{margin-right:14rem}.mr160{margin-right:16rem}.mr180{margin-right:18rem}.mr200{margin-right:20rem}.pt0{padding-top:0rem}.pt2{padding-top:.2rem}.pt3{padding-top:.3rem}.pt4{padding-top:.4rem}.pt5{padding-top:.5rem}.pt6{padding-top:.6rem}.pt8{padding-top:.8rem}.pt10{padding-top:1rem}.pt12{padding-top:1.2rem}.pt14{padding-top:1.4rem}.pt15{padding-top:1.5rem}.pt16{padding-top:1.6rem}.pt18{padding-top:1.8rem}.pt20{padding-top:2rem}.pt22{padding-top:2.2rem}.pt24{padding-top:2.4rem}.pt25{padding-top:2.5rem}.pt26{padding-top:2.6rem}.pt28{padding-top:2.8rem}.pt30{padding-top:3rem}.pt32{padding-top:3.2rem}.pt34{padding-top:3.4rem}.pt36{padding-top:3.6rem}.pt38{padding-top:3.8rem}.pt40{padding-top:4rem}.pt46{padding-top:4.6rem}.pt48{padding-top:4.8rem}.pt50{padding-top:5rem}.pt60{padding-top:6rem}.pt70{padding-top:7rem}.pt80{padding-top:8rem}.pt90{padding-top:9rem}.pt100{padding-top:10rem}.pt120{padding-top:12rem}.pt140{padding-top:14rem}.pt160{padding-top:16rem}.pt180{padding-top:18rem}.pt200{padding-top:20rem}.pl0{padding-left:0rem}.pl2{padding-left:.2rem}.pl3{padding-left:.3rem}.pl4{padding-left:.4rem}.pl5{padding-left:.5rem}.pl6{padding-left:.6rem}.pl8{padding-left:.8rem}.pl10{padding-left:1rem}.pl12{padding-left:1.2rem}.pl14{padding-left:1.4rem}.pl15{padding-left:1.5rem}.pl16{padding-left:1.6rem}.pl18{padding-left:1.8rem}.pl20{padding-left:2rem}.pl22{padding-left:2.2rem}.pl24{padding-left:2.4rem}.pl25{padding-left:2.5rem}.pl26{padding-left:2.6rem}.pl28{padding-left:2.8rem}.pl30{padding-left:3rem}.pl32{padding-left:3.2rem}.pl34{padding-left:3.4rem}.pl36{padding-left:3.6rem}.pl38{padding-left:3.8rem}.pl40{padding-left:4rem}.pl46{padding-left:4.6rem}.pl48{padding-left:4.8rem}.pl50{padding-left:5rem}.pl60{padding-left:6rem}.pl70{padding-left:7rem}.pl80{padding-left:8rem}.pl90{padding-left:9rem}.pl100{padding-left:10rem}.pl120{padding-left:12rem}.pl140{padding-left:14rem}.pl160{padding-left:16rem}.pl180{padding-left:18rem}.pl200{padding-left:20rem}.pr0{padding-right:0rem}.pr2{padding-right:.2rem}.pr3{padding-right:.3rem}.pr4{padding-right:.4rem}.pr5{padding-right:.5rem}.pr6{padding-right:.6rem}.pr8{padding-right:.8rem}.pr10{padding-right:1rem}.pr12{padding-right:1.2rem}.pr14{padding-right:1.4rem}.pr15{padding-right:1.5rem}.pr16{padding-right:1.6rem}.pr18{padding-right:1.8rem}.pr20{padding-right:2rem}.pr22{padding-right:2.2rem}.pr24{padding-right:2.4rem}.pr25{padding-right:2.5rem}.pr26{padding-right:2.6rem}.pr28{padding-right:2.8rem}.pr30{padding-right:3rem}.pr32{padding-right:3.2rem}.pr34{padding-right:3.4rem}.pr36{padding-right:3.6rem}.pr38{padding-right:3.8rem}.pr40{padding-right:4rem}.pr46{padding-right:4.6rem}.pr48{padding-right:4.8rem}.pr50{padding-right:5rem}.pr60{padding-right:6rem}.pr70{padding-right:7rem}.pr80{padding-right:8rem}.pr90{padding-right:9rem}.pr100{padding-right:10rem}.pr120{padding-right:12rem}.pr140{padding-right:14rem}.pr160{padding-right:16rem}.pr180{padding-right:18rem}.pr200{padding-right:20rem}.pb0{padding-bottom:0rem}.pb2{padding-bottom:.2rem}.pb3{padding-bottom:.3rem}.pb4{padding-bottom:.4rem}.pb5{padding-bottom:.5rem}.pb6{padding-bottom:.6rem}.pb8{padding-bottom:.8rem}.pb10{padding-bottom:1rem}.pb12{padding-bottom:1.2rem}.pb14{padding-bottom:1.4rem}.pb15{padding-bottom:1.5rem}.pb16{padding-bottom:1.6rem}.pb18{padding-bottom:1.8rem}.pb20{padding-bottom:2rem}.pb22{padding-bottom:2.2rem}.pb24{padding-bottom:2.4rem}.pb25{padding-bottom:2.5rem}.pb26{padding-bottom:2.6rem}.pb28{padding-bottom:2.8rem}.pb30{padding-bottom:3rem}.pb32{padding-bottom:3.2rem}.pb34{padding-bottom:3.4rem}.pb36{padding-bottom:3.6rem}.pb38{padding-bottom:3.8rem}.pb40{padding-bottom:4rem}.pb46{padding-bottom:4.6rem}.pb48{padding-bottom:4.8rem}.pb50{padding-bottom:5rem}.pb60{padding-bottom:6rem}.pb70{padding-bottom:7rem}.pb80{padding-bottom:8rem}.pb90{padding-bottom:9rem}.pb100{padding-bottom:10rem}.pb120{padding-bottom:12rem}.pb140{padding-bottom:14rem}.pb160{padding-bottom:16rem}.pb180{padding-bottom:18rem}.pb200{padding-bottom:20rem}.w100{width:100%}.h100{height:100%}.video-ctrl-inner{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:3.6rem;padding:.4rem .8rem;background:#000000bf;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;box-shadow:0 .4rem #00000040}.video-time{color:#fff;font-size:1.2rem;opacity:.9;white-space:nowrap;flex:0 0 auto;line-height:1}.video-track{position:relative;height:2.2rem;flex:1 1 auto;cursor:pointer}.video-track-base{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:.4rem;background:#7a7a7a;border-radius:.4rem;opacity:.9}.video-track-progress{position:absolute;left:0;top:50%;transform:translateY(-50%);height:.4rem;background:#ff8a00;border-radius:.4rem;pointer-events:none}.video-track-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:1.2rem;height:1.2rem;border-radius:50%;background:#636363;box-shadow:0 0 0 .1rem #00000059}.video-track-thumb:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;border-radius:50%;background:#ff8a00;box-shadow:inset 0 0 0 .05rem #ffffffa6}.video-btn-fullscreen{width:2.8rem;height:2.2rem;flex:0 0 auto;border-radius:.6rem;background:#ffffff14;box-shadow:0 .2rem #0000004d;background-image:url(/images/learning/ico25-fullscreen.svg);background-repeat:no-repeat;background-position:center;background-size:1.6rem 1.6rem;filter:grayscale(1) brightness(.85)}.video-btn-fullscreen:hover{filter:grayscale(1) brightness(1)}.video-overlay-close-container{display:flex;justify-content:flex-end}.video-close-btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;color:#fff;z-index:10}.video-overlay-container{width:90vw}.video-close-btn svg{width:2.4rem;height:2.4rem}@media all and (min-width: 768px){.video-overlay-container{width:70vw}.video-close-btn svg{width:3.2rem;height:3.2rem}.video-ctrl-inner{min-height:2.6rem}}@media all and (min-width: 1280px){.video-overlay-container{width:50vw}.video-close-btn svg{width:5rem;height:5rem}.video-ctrl-inner{min-height:2.6rem}}@media all and (max-height: 480px){.video-overlay-container{width:min(96vw,106.668vh)}.video-close-btn svg{width:2rem;height:2rem}.video-ctrl-inner{min-height:2.6rem}}.learning-wrap.is-fullscreen{padding:0!important;gap:0!important;align-items:stretch;height:100%;justify-content:center!important}.tabs-learning.is-fullscreen{width:100%!important;height:100%!important;gap:0!important;max-height:none!important;max-width:none!important;flex:1 1 100%!important}.tabs-learning.is-fullscreen .tabs-learning-contents{width:100%;height:100%;max-width:none!important}.tabs-learning.is-fullscreen .tabs-learning-panel{display:block;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}.tabs-learning-contents.is-fullscreen{width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;display:flex;justify-content:center;align-items:center}.tabs-learning-contents.is-fullscreen .tabs-learning-panel{flex:1 1 auto;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;box-shadow:none!important}.tabs-learning.is-fullscreen,.tabs-learning.is-fullscreen .tabs-learning-contents,.tabs-learning.is-fullscreen .tabs-learning-panel,.tabs-learning-contents.is-fullscreen,.tabs-learning-contents.is-fullscreen .tabs-learning-panel{min-height:100%;height:auto}@media (min-width: 1280px){.learning-wrap.is-fullscreen{min-height:calc(100vh - 11rem);min-height:calc(100dvh - 11rem)}}@media (max-width: 1279px){.learning-wrap.is-fullscreen{min-height:calc(100vh - 5.8rem);min-height:calc(100dvh - 5.8rem)}}.rdp{width:100%}.rdp-table{border-collapse:separate;border-spacing:16px}.rdp-row{display:table-row}.rdp-cell{display:table-cell;vertical-align:top}.seal-datepicker .rdp-head,.seal-datepicker .rdp-nav{display:none}.seal-datepicker .rdp-caption{display:flex;justify-content:center;align-items:center}.seal-calendar{width:100%}.seal-cal-caption{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:32px}.seal-cal-caption .cal-title{font-size:24px;font-weight:600}.seal-cal-caption .cal-nav{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.seal-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}.seal-cal-day{position:relative;width:100%;aspect-ratio:1/1;border-radius:30px;background:#fff2f5;color:#4d5137;font-weight:600}.seal-cal-day:disabled{opacity:.5}.seal-cal-daynum{position:absolute;top:12px;left:12px;font-weight:600;font-size:15px}.seal-cal-day.is-empty{background:#fff2f5;color:transparent}.seal-cal-day.is-empty .seal-cal-daynum{display:none}.seal-cal-day.is-outside{opacity:.4}.seal-cal-day.is-today{background-color:#f3dbff}.seal-cal-day.is-sun{background-color:#ffd6dd;color:#a54453}.seal-cal-day.is-sat{background-color:#d6f5ff;color:#495fad}.seal-cal-count-wrap{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);display:inline-flex;flex-direction:row;align-items:center;gap:6px}.seal-cal-count-wrap img{width:24px;height:24px;display:block}.seal-cal-count{font-size:16px;line-height:1;font-weight:700;color:#4d5137}@media (max-width: 360px){.seal-cal-grid{gap:10px}.seal-cal-day{border-radius:18px}.seal-cal-daynum{top:8px;left:8px;font-size:13px}.seal-cal-count-wrap{gap:4px}.seal-cal-count-wrap img{width:18px;height:18px}.seal-cal-count{font-size:13px}}@media (max-width: 480px){.seal-cal-grid{gap:12px}.seal-cal-day{border-radius:20px}.seal-cal-daynum{top:10px;left:10px;font-size:14px}.seal-cal-count-wrap{gap:4px}.seal-cal-count-wrap img{width:20px;height:20px}.seal-cal-count{font-size:14px}}@media (min-width: 1024px){.seal-cal-grid{gap:12px}.seal-cal-day{border-radius:32px}.seal-cal-daynum{font-size:16px}.seal-cal-count-wrap img{width:36px;height:36px}.seal-cal-count{font-size:24px}}@media (min-width: 769px) and (max-width: 1023px){.seal-cal-grid{gap:6px}.seal-cal-day{border-radius:18px}.seal-cal-count-wrap img{width:20px;height:20px}.seal-cal-count{font-size:20px}}@media (min-width: 481px) and (max-width: 768px){.seal-cal-caption .cal-title{font-size:18px}.seal-cal-caption{margin-bottom:6px}.seal-cal-grid{gap:4px}.seal-cal-day{border-radius:12px}.seal-cal-daynum{top:8px;left:8px;font-size:12px}.seal-cal-count-wrap{gap:2px}.seal-cal-count-wrap img{width:14px;height:14px}.seal-cal-count{font-size:12px}}@font-face{font-family:WAGURITTF;src:url(/fonts/WAGURITTF.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.tabs-learning-btn.active.learning01:after{background:#fff!important}.tabs-learning-btn.learning01.step01:after{background:#88b5ee}.tabs-learning-btn.learning01.step02:after{background:#ffc3cd}.tabs-learning-btn.learning01.step03:after{background:#ffc897}.preferred-donut-label{font-size:14px;font-weight:600;font-family:none}@media all and (max-width: 1023px){.result-test-star-count{font-size:2rem}.preferred-donut-label{font-size:6px}.activity-bar .recharts-xAxis .recharts-cartesian-axis-tick-value tspan{font-size:8px}.popup-badge-detail-modal{width:240px!important;height:240px!important}.popup-badge-detail-modal-img-wrap{width:100px!important;height:100px!important}.popup-badge-detail-modal-name{font-size:14px!important}.popup-badge-detail-modal-detail,.popup-badge-detail-modal-date{font-size:10px!important}.result-profile-badge{top:11.5rem;left:37rem;width:40rem;height:20rem}}.header .util-lang{background:url(/images/ico-lang.svg) no-repeat center center #9082ff;background-size:2rem;box-shadow:0 .5rem 0 .1rem #0003,0 -1.6rem 0 -1rem #7060dd inset}@media all and (max-width: 1279px){.header .util-lang{background-size:1.6rem;box-shadow:0 .3rem 0 .1rem #0003,0 -1.4rem 0 -1rem #7060dd inset}}.header .util-lang:active{position:relative;transform:translateY(.2rem);box-shadow:0 -1.6rem 0 -1rem #7060dd inset}@media all and (max-width: 1279px){.header .util-lang:active{box-shadow:0 -1.4rem 0 -1rem #7060dd inset}}.header .lang-select-wrap{position:relative}.header .lang-select-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.8rem;background:#fff;border-radius:1rem;box-shadow:0 .4rem 1.2rem #00000026;overflow:hidden;z-index:100;min-width:12rem}.header .lang-select-dropdown li{border-bottom:1px solid #eee}.header .lang-select-dropdown li:last-child{border-bottom:none}.header .lang-select-dropdown button{display:block;width:100%;padding:1rem 1.5rem;font-size:1.4rem;font-weight:500;color:#333;background:#fff;border:none;cursor:pointer;text-align:center;transition:background .2s}.header .lang-select-dropdown button:hover{background:#f5f5f5}.header .lang-select-dropdown button.active{background:#9082ff;color:#fff}.question-header{background:#723ba9}.question-header:before{content:none;background:url(/images/learning/@ico25-speaker.png) no-repeat center center/cover #67dfc1;background-size:2.5rem}.question-body{background:url(/images/question/bg-question-1.jpeg) no-repeat center center/cover}.question-wrap .question-header.with-speaker{display:flex;align-items:center;gap:1rem;padding-left:1rem}.question-header.with-speaker p{font-family:none}.question-wrap .question-header .speaker-button{width:4rem;height:4rem;border:none;border-radius:9999px;background-color:#67dfc1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;margin-left:1.625rem}.question-wrap .question-header .speaker-button:disabled{cursor:not-allowed;opacity:.6}.question-wrap .question-header .speaker-icon{width:2.75rem;height:2.75rem}@media all and (max-width: 1400px){.question-header.with-speaker p{font-size:1.5rem}.question-wrap .question-header .speaker-button{width:4rem;height:4rem}.question-wrap .question-header .speaker-icon{width:2.75rem;height:2.75rem}}@media all and (max-width: 1279px){.question-wrap .question-header .speaker-button{width:3rem;height:3rem;margin-left:1rem}.question-wrap .question-header .speaker-icon{width:2rem;height:2rem}}@media all and (max-width: 1023px){.question-header.with-speaker p{font-size:1rem}.question-wrap .question-header .speaker-button{width:2rem;height:2rem;margin-left:.625rem}.question-wrap .question-header .speaker-icon{width:1.5rem;height:1.5rem}}@media all and (max-width: 767px){.question-header.with-speaker p{font-size:1rem}.question-wrap .question-header .speaker-button{width:1.5rem;height:1.5rem;margin-left:.3125rem}.question-wrap .question-header .speaker-icon{width:1rem;height:1rem}}.swiper-button-next:after,.swiper-button-prev:after{content:""!important}