@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap";@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap";@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap";@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap";@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap";@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap";@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap";@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap";@media(max-width: 359px){html{font-size:.2777777778vw}}html.auto{overflow-y:auto}html,body{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:Roboto, Noto Sans KR, Noto Sans SC, sans-serif;line-height:1.12;font-weight:400;letter-spacing:-0.5px;word-break:keep-all;color:#111112;-webkit-overflow-scrolling:touch}html.popup,body.popup{min-width:auto;overflow-y:auto}div,html,p,span,em,b,h1,h2,h3,h4,h5,ul,li,ol{margin:0;padding:0;box-sizing:border-box;list-style:none;box-sizing:border-box}a{text-decoration:none}a,input,button,textarea,select,textarea{margin:0;padding:0;box-sizing:border-box;list-style:none;border:0 none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#111112;font-family:Roboto, Noto Sans KR, Noto Sans SC, sans-serif;font-size:1em;vertical-align:middle}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]{-moz-appearance:textfield}button{cursor:pointer;background:rgba(0,0,0,0) none}a:active,button:active,input:focus{outline:none}::after,::before{box-sizing:border-box}[hidden]{display:none !important}img{display:block;max-width:100%}a:hover{transition:all .3s ease}table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}ul[type=disc]{margin-left:25px}ul[type=disc] li{list-style:disc}.layerpop,.toast-alert-box{display:none}.blind{position:fixed;overflow:hidden;border:0;margin:-1px;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%)}.is-hide{display:none !important}[role=button]{cursor:pointer}@media(max-width: 359px){html{font-size:.2777777778vw}}:root{--spacer: 40px;--spacer-inner: 24px;--gap: 20px;--max-width: 1280px}@media(max-height: 800px){:root{--spacer: 20px;--spacer-inner: 20px;--gap: 12px}}@media(max-width: 1279px){:root{--spacer: 20px;--spacer-inner: 20px;--gap: 12px}}@media(max-width: 1023px){:root{--spacer: 20px;--spacer-inner: 16px;--gap: 8px}}html{font-size:1px}html,body,.page-wrap{height:100%}.page-wrap{display:flex;flex-direction:column}.page-wrap .page-body{display:flex;flex-direction:column;width:100%;flex-grow:1}.page-wrap.type-setting{align-items:center;background-color:#31324d}.page-wrap.type-setting .page-header{display:flex;justify-content:space-between;flex:none;width:100%;height:64rem;max-width:var(--max-width);padding-left:var(--spacer);background-color:#fff;box-sizing:border-box}.page-wrap.type-setting .page-header .logo-area{margin-right:auto;padding-top:20rem}.page-wrap.type-setting .page-header .util-area{position:relative;display:flex;justify-content:flex-end;height:100%;align-items:center;padding-right:var(--spacer);background-color:#31324d}.page-wrap.type-setting .page-header .util-area::before{content:"";display:block;position:absolute;right:calc(100% - 16rem);top:0;width:90rem;height:100%;background:url("../../../img/common/img-header-round-ta.png") no-repeat center center/contain}.page-wrap.type-setting .page-header .logo a{position:relative;display:block;width:126rem;height:32rem;background:no-repeat center center/contain;background-image:var(--bg-logo)}.page-wrap.type-setting .page-header .logo.has-beta a::after{content:"";display:block;position:absolute;left:calc(100% + 4rem);top:0;width:17.5%;aspect-ratio:22/12;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='12' rx='2' fill='%2331324D'/%3E%3Cpath d='M15.3203 7.59766C15.3242 6.65234 16.082 6.34375 16.8984 6.29297C17.2031 6.27344 17.7734 6.24609 17.9531 6.23828V5.89453C17.9492 5.53906 17.707 5.33594 17.2734 5.33203C16.8789 5.33594 16.6328 5.51172 16.5703 5.80078H15.4688C15.5391 5.06641 16.1797 4.48828 17.3047 4.48828C18.2305 4.48828 19.1055 4.90234 19.1016 5.92578V8.78516H18.0078V8.19922H17.9766C17.7695 8.58984 17.3633 8.86719 16.7344 8.86328C15.9219 8.86719 15.3242 8.4375 15.3203 7.59766ZM16.4297 7.56641C16.4297 7.89062 16.6914 8.0625 17.0625 8.06641C17.5898 8.0625 17.957 7.71875 17.9531 7.26953V6.96094C17.7773 6.96875 17.2812 6.99609 17.0859 7.01172C16.6836 7.04688 16.4297 7.23828 16.4297 7.56641Z' fill='white'/%3E%3Cpath d='M14.7969 4.54297V5.41016H14V7.48047C13.9961 7.82031 14.1641 7.90234 14.3984 7.91016C14.5156 7.91016 14.7188 7.89844 14.8594 7.88672V8.80078C14.7344 8.82031 14.5273 8.84375 14.2422 8.83984C13.4062 8.84375 12.8359 8.46875 12.8438 7.64453V5.41016H12.2578V4.54297H12.8438V3.52734H14V4.54297H14.7969Z' fill='white'/%3E%3Cpath d='M9.89064 8.87109C8.58986 8.86719 7.79298 8.02734 7.79689 6.68359C7.79298 5.375 8.60158 4.48828 9.84376 4.48828C10.957 4.48828 11.836 5.19141 11.836 6.63672V6.96484H8.93751C8.93751 7.60547 9.31642 8 9.91408 8.00391C10.3086 8 10.5899 7.82812 10.7031 7.57422H11.8047C11.6406 8.35938 10.9375 8.86719 9.89064 8.87109ZM8.93751 6.23828H10.7422C10.7383 5.72266 10.3828 5.35156 9.8672 5.35547C9.33595 5.35156 8.96095 5.75 8.93751 6.23828Z' fill='white'/%3E%3Cpath d='M2.89844 8.78516V3.12891H5.14844C6.39453 3.12891 7.02734 3.73047 7.02344 4.58203C7.02734 5.24609 6.58984 5.66406 6.00781 5.79297V5.84766C6.64453 5.87891 7.24609 6.38672 7.25 7.22266C7.24609 8.12109 6.57422 8.78516 5.29688 8.78516H2.89844ZM4.07031 7.81641H5.0625C5.74219 7.82031 6.03516 7.53906 6.03125 7.11328C6.03516 6.63672 5.67188 6.30078 5.09375 6.30078H4.07031V7.81641ZM4.07031 5.49609H4.97656C5.46875 5.5 5.83984 5.22266 5.83594 4.76953C5.83984 4.35938 5.53516 4.08203 5 4.08203H4.07031V5.49609Z' fill='white'/%3E%3C/svg%3E%0A")}.page-wrap.type-setting .page-header .step-list{display:flex;align-items:center;gap:16rem}.page-wrap.type-setting .page-header .step-list .step-item{position:relative;display:flex;align-items:center;gap:8rem}.page-wrap.type-setting .page-header .step-list .step-item::before{content:"";display:none;width:24rem;height:24rem;border-radius:50%;background-color:#87889e}.page-wrap.type-setting .page-header .step-list .step-item .step-num{display:flex;justify-content:center;align-items:center;width:24rem;height:24rem;padding-bottom:2px;border-radius:50%;color:#fff;font-weight:700;font-size:14rem;line-height:20rem;background-color:#55566c}.page-wrap.type-setting .page-header .step-list .step-item .step-label{display:none;position:relative;top:-1px;font-weight:700;font-size:16rem;line-height:24rem;color:#fff}.page-wrap.type-setting .page-header .step-list .step-item.is-completed::before{display:flex;background:no-repeat center center/contain;background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23E4E4E4' fill-opacity='0.2'/%3E%3Cpath d='M11.1354 16.3645C10.9781 16.3644 10.823 16.3307 10.6817 16.2659C10.5403 16.2011 10.4166 16.1069 10.3199 15.9905L7.95211 13.0767C7.86384 12.9767 7.79785 12.861 7.75805 12.7366C7.71826 12.6122 7.70546 12.4815 7.72042 12.3524C7.73537 12.2232 7.77778 12.0982 7.84513 11.9847C7.91248 11.8712 8.00341 11.7716 8.11252 11.6917C8.22164 11.6117 8.34673 11.5532 8.48039 11.5194C8.61405 11.4857 8.75356 11.4774 8.89068 11.4952C9.02779 11.5129 9.15972 11.5563 9.27865 11.6228C9.39758 11.6892 9.5011 11.7774 9.58308 11.8821L11.1354 13.8159L15.1963 8.96828C15.2783 8.86361 15.3818 8.77543 15.5007 8.70898C15.6196 8.64252 15.7516 8.59913 15.8887 8.58138C16.0258 8.56363 16.1653 8.57187 16.299 8.60561C16.4326 8.63936 16.5577 8.69793 16.6668 8.77786C16.776 8.85778 16.8669 8.95744 16.9342 9.07093C17.0016 9.18442 17.044 9.30943 17.0589 9.43858C17.0739 9.56772 17.0611 9.69837 17.0213 9.82279C16.9815 9.94721 16.9155 10.0629 16.8273 10.1629L11.9509 15.9905C11.8542 16.1069 11.7305 16.2011 11.5892 16.2659C11.4479 16.3307 11.2927 16.3644 11.1354 16.3645Z' fill='white'/%3E%3C/svg%3E%0A")}.page-wrap.type-setting .page-header .step-list .step-item.is-completed .step-num{display:none}.page-wrap.type-setting .page-header .step-list .step-item.is-current::before{display:none}.page-wrap.type-setting .page-header .step-list .step-item.is-current .step-num,.page-wrap.type-setting .page-header .step-list .step-item.is-current .step-label{display:flex}.page-wrap.type-setting .page-header .step-list .step-item.is-current .step-num{background-color:var(--color-primary)}.page-wrap.type-setting .page-header .btn-home{display:block;width:40rem;height:40rem;margin-left:28rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' fill='white'/%3E%3Cpath d='M21.8672 25.9199H26.1338V32.6413H21.8672V25.9199Z' fill='%23333450'/%3E%3Cpath d='M32.9817 22.2508L24.7578 14.6844C24.6586 14.5944 24.5406 14.523 24.4107 14.4742C24.2807 14.4255 24.1413 14.4004 24.0005 14.4004C23.8596 14.4004 23.7202 14.4255 23.5902 14.4742C23.4603 14.523 23.3423 14.5944 23.2431 14.6844L15.0192 22.2604C14.8202 22.441 14.663 22.6554 14.5568 22.8911C14.4506 23.1268 14.3975 23.3791 14.4005 23.6335V31.68C14.3997 32.1715 14.6083 32.6446 14.9833 33.0019C15.3583 33.3592 15.8713 33.5734 16.4165 33.6004H19.7338V24.9586C19.7338 24.7039 19.8462 24.4597 20.0462 24.2796C20.2463 24.0995 20.5176 23.9984 20.8005 23.9984H27.2004C27.4833 23.9984 27.7546 24.0995 27.9547 24.2796C28.1547 24.4597 28.2671 24.7039 28.2671 24.9586V33.6004H31.5844C32.1296 33.5734 32.6426 33.3592 33.0176 33.0019C33.3926 32.6446 33.6012 32.1715 33.6004 31.68V23.6335C33.6012 23.1178 33.3794 22.622 32.9817 22.2508Z' fill='%23333450'/%3E%3C/svg%3E%0A");border:0;border-radius:50%}.page-wrap.type-setting .page-header .btn-home.is-blind{pointer-events:none;background:rgba(0,0,0,0)}.page-wrap.type-setting .page-body{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;border-radius:0 36rem 0 0;background-color:#fff;max-width:var(--max-width);box-sizing:border-box}.page-wrap.type-setting .content{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding-top:var(--spacer)}.page-wrap.type-setting .content .content-header{position:relative;flex:none;padding:0 var(--spacer);margin-bottom:20rem}.page-wrap.type-setting .content .content-header .content-h2{font-weight:700;font-size:20rem;line-height:28rem;color:#333450}.page-wrap.type-setting .content .content-header .content-explain{margin-top:8rem;font-weight:400;font-size:14rem;line-height:20rem}.page-wrap.type-setting .content .content-body{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding:0 var(--spacer)}.page-wrap.type-setting .content .content-body:last-child{padding-bottom:var(--spacer)}.page-wrap.type-setting .content .content-body .content-h3{margin-bottom:12rem;font-weight:700;font-size:16rem;line-height:24rem;color:#333450}.page-wrap.type-setting .content .content-footer{display:flex;flex:none;width:100%;padding:var(--spacer);gap:12rem}.page-wrap.type-setting .content .content-footer .btn-action{width:100%;display:flex;align-items:center;justify-content:center;position:relative;height:60rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:18rem;line-height:1.5;color:#767676;background:var(--color-primary-gradation);color:#fff}.page-wrap.type-setting .content .content-footer .btn-action:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.page-wrap.type-setting .content .content-footer .btn-action:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.page-wrap.type-setting .content .content-footer .btn-action:disabled::before{background-color:#fff}.page-wrap.type-setting .content .content-footer .btn-action{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.page-wrap.type-setting .content .content-footer .btn-dark{width:100%;display:flex;align-items:center;justify-content:center;position:relative;height:60rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:18rem;line-height:1.5;color:#767676;background:#333450;color:#fff}.page-wrap.type-setting .content .content-footer .btn-dark:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.page-wrap.type-setting .content .content-footer .btn-dark:disabled::before{background-color:#fff}.page-wrap.type-setting .content .content-footer .btn-normal{width:100%;display:flex;align-items:center;justify-content:center;position:relative;height:60rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:18rem;line-height:1.5;color:#767676;border:1px solid #ccc;background-color:#fff}.page-wrap.type-setting .content .content-footer .btn-normal::after,.page-wrap.type-setting .content .content-footer .btn-normal::before{background-color:#767676}.page-wrap.type-setting .content .content-footer .btn-normal:hover{border-color:var(--color-primary);color:var(--color-primary)}.page-wrap.type-setting .content .content-footer .btn-normal:hover::after,.page-wrap.type-setting .content .content-footer .btn-normal:hover::before{background-color:var(--color-primary)}.page-wrap.type-setting .content .content-footer .btn-normal:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.page-wrap.type-setting .content .content-footer .btn-normal:disabled::before{background-color:#fff}.page-wrap.type-setting .content .content-footer .btn-normal{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.setting-page .setting-list{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;width:calc(100% + 20rem);padding:10rem;margin:-10rem;gap:16rem}.setting-page .setting-list .setting-item{width:100%;padding:var(--spacer-inner);padding-right:calc(var(--spacer-inner) - 14rem);border:1px solid #d3d3d3;border-radius:8rem;background-color:#f9f9f9}.setting-page .setting-list .setting-item .setting-header{display:flex;align-items:center}.setting-page .setting-list .setting-item .setting-header .setting-title{display:flex;align-items:center;gap:12rem;flex:none;min-width:200rem;margin-right:10rem}.setting-page .setting-list .setting-item .setting-header .setting-title .num{flex:none;display:flex;justify-content:center;align-items:center;width:24rem;height:24rem;padding-bottom:2px;border-radius:8rem;background-color:#2a2a2a;color:#fff;font-size:14rem;font-weight:700;line-height:20rem}.setting-page .setting-list .setting-item .setting-header .setting-title .tit{position:relative;font-size:18rem;font-weight:700;line-height:28rem;color:#2a2a2a}.setting-page .setting-list .setting-item .setting-header .setting-desc{border-left:1px solid #dfdfdf;padding-left:12rem}.setting-page .setting-list .setting-item .setting-header .setting-desc p{font-weight:400;font-size:12rem;line-height:16rem;color:#666}.setting-page .setting-list .setting-item .setting-header .btn-tooltip{position:relative;z-index:10;display:flex;width:24rem;height:24rem;margin-left:auto;margin-right:calc(var(--spacer-inner) - 12rem)}.setting-page .setting-list .setting-item .setting-header .btn-tooltip::before{content:"";display:block;width:100%;height:100%;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13M12 17H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23444444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#444}.setting-page .setting-list .setting-item .setting-header .btn-tooltip .btn-tooltip-body{display:none;position:absolute;right:calc(100% + 8rem);top:50%;transform:translateY(-25%);padding:8rem;border-radius:8rem;font-weight:400;font-size:12rem;line-height:16rem;white-space:nowrap;color:#fff;background-color:#000;text-align:left}.setting-page .setting-list .setting-item .setting-header .btn-tooltip .btn-tooltip-body::after{content:"";display:block;position:absolute;left:calc(100% - 2px);top:calc(25% - 2rem);width:8rem;height:4rem;transform:rotate(270deg);mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='6' height='3' viewBox='0 0 6 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29289 2.29289L0 0H6L3.70711 2.29289C3.31658 2.68342 2.68342 2.68342 2.29289 2.29289Z' fill='black'/%3E%3C/svg%3E%0A");background-color:#000}.setting-page .setting-list .setting-item .setting-header .btn-tooltip:hover .btn-tooltip-body{display:block}.setting-page .setting-list .setting-item.is-completed{display:flex;flex-direction:row;background-color:#f9f9f9;padding-right:18rem}.setting-page .setting-list .setting-item.is-completed .selection-header{width:100%}.setting-page .setting-list .setting-item.is-completed .selection-header .btn-tooltip{display:none}.setting-page .setting-list .setting-item.is-completed .setting-body{flex:1 1 auto}.setting-page .setting-list .setting-item.is-completed .setting-selection{display:flex;align-items:center}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-content .setting-text{font-weight:400;font-size:14rem;line-height:20rem;color:#666}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util{display:flex;align-items:center;height:28rem;margin-left:auto}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect{display:flex;align-items:center;justify-content:center;position:relative;height:44rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:16rem;line-height:24rem;color:#767676;box-shadow:0px 3px 6px rgba(0,0,0,.08);border:1px solid #ccc;background-color:#fff}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect::after,.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect::before{background-color:#767676}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect:hover{border-color:var(--color-primary);color:var(--color-primary)}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect:hover::after,.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect:hover::before{background-color:var(--color-primary)}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect:disabled::before{background-color:#fff}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect::before{content:"";display:block;margin-right:6rem;width:16rem;height:16rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7.49935H13.75C15.8211 7.49935 17.5 9.17828 17.5 11.2493C17.5 13.3204 15.8211 14.9993 13.75 14.9993H10M2.5 7.49935L5.83333 4.16602M2.5 7.49935L5.83333 10.8327' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#767676}.setting-page .setting-list .setting-item.is-current{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;flex-grow:0;border-color:var(--color-primary);background-color:#fff;box-shadow:0px 4px 8px rgba(0,0,0,.12)}.setting-page .setting-list .setting-item.is-current .setting-header{flex:none}.setting-page .setting-list .setting-item.is-current .setting-header .setting-title .num{background-color:var(--color-primary);color:#fff}.setting-page .setting-list .setting-item.is-current .setting-header .setting-title .tit{color:var(--color-primary)}.setting-page .setting-list .setting-item.is-current .setting-body{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%}.setting-page .setting-list .setting-item.is-current .setting-body .setting-active{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;overflow:auto;margin-top:20rem;padding-right:8rem}.setting-page .setting-list .setting-item.is-current .setting-body .setting-selection{display:none;padding-right:14rem}.setting-page .book-list{display:grid;grid-template-columns:repeat(6, 1fr);gap:40rem 30rem}.setting-page .book-list-wrap{padding-top:18rem;padding-left:18rem;padding-right:13rem}.setting-page .book-list .book-card.module-a{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;width:100%;text-align:center}.setting-page .book-list .book-card.module-a .book-thumb{width:100%;aspect-ratio:160/209;overflow:hidden;border-radius:8rem;box-shadow:0px 0px 12rem rgba(0,0,0,.2)}.setting-page .book-list .book-card.module-a .book-thumb img{width:100%;height:100%;object-fit:cover}.setting-page .book-list .book-card.module-a .book-cont{margin-top:12rem;flex:none}.setting-page .book-list .book-card.module-a .book-cont .title{font-weight:700;font-size:14rem;line-height:20rem;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.setting-page .book-list .book-card.module-a .book-cont .name{font-weight:400;font-size:12rem;line-height:16rem;color:#666}.setting-page .book-list .book-card.module-a.is-selected .book-thumb{outline:2px solid var(--color-primary);outline-offset:-2px}.setting-page .book-list .book-card.module-a.is-selected .book-cont .title{color:var(--color-primary)}.setting-page .book-list .book-card.module-a.is-selected::after{content:"";position:absolute;top:8rem;right:8rem;display:block;width:32rem;height:32rem;background:no-repeat center center/contain;background-image:var(--bg-check-on)}.setting-page .setting-chapter{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;flex-direction:row;gap:var(--gap);padding-right:6rem}.setting-page .setting-chapter>div{flex:1 1 auto;width:100%;border-radius:8rem;overflow:hidden}.setting-page .setting-chapter>div .selection-header{display:flex;justify-content:space-between;align-items:center;flex:none;height:48rem;padding:0 20rem;background-color:#545682}.setting-page .setting-chapter>div .selection-header .selection-title{font-weight:700;font-size:16rem;line-height:24rem;color:#fff}.setting-page .setting-chapter>div .selection-header .selection-count{flex:none;display:flex;align-items:center;justify-content:center;height:24rem;margin-left:auto;padding:0 12rem 2rem;background-color:#fff;font-weight:700;font-size:12rem;line-height:16rem;border-radius:20rem;color:var(--color-primary)}.setting-page .setting-chapter>div .selection-body{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding-right:4rem;border-top:0;padding-bottom:10rem;border-radius:0 0 8rem 8rem;border:1px solid #ccc}.setting-page .setting-chapter>div .selection-scroll{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;overflow:auto;padding:20rem 16rem 20rem 20rem;padding-bottom:10rem}.setting-page .setting-chapter .selection-chapter{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;width:100%;max-width:480rem;flex:1 1 auto}.setting-page .setting-chapter .selection-chapter .chapter-list{flex:none}.setting-page .setting-chapter .selection-chapter .chapter-list .chapter-item{padding:16rem 0;border-bottom:1px solid #eaeaea}.setting-page .setting-chapter .selection-chapter .chapter-list .chapter-item:first-child{padding-top:0}.setting-page .setting-chapter .selection-chapter .chapter-list .chapter-item:last-child{padding-bottom:0;border-bottom:0}.setting-page .setting-chapter .selection-chapter .chapter-rdo{position:relative;display:flex;--chk-size: 20rem}.setting-page .setting-chapter .selection-chapter .chapter-rdo .rdo{appearance:none;position:absolute;left:0;top:0;z-index:1;width:var(--chk-size);height:var(--chk-size);border:1px solid #fff;border-radius:50%}.setting-page .setting-chapter .selection-chapter .chapter-rdo .rdo+.chapter-label{display:flex;position:relative;gap:12rem;width:100%;min-height:var(--chk-size);padding-left:calc(var(--chk-size) + 12rem)}.setting-page .setting-chapter .selection-chapter .chapter-rdo .rdo+.chapter-label::before{content:"";position:absolute;left:0;top:0;z-index:2;display:block;width:var(--chk-size);height:var(--chk-size);background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23D2D2D2'/%3E%3Cpath d='M10.0733 17.5C9.86304 17.4999 9.65559 17.4545 9.4667 17.3672C9.2778 17.2798 9.11242 17.153 8.98313 16.9961L5.81783 13.0698C5.69983 12.9349 5.61162 12.7791 5.55842 12.6114C5.50522 12.4438 5.48811 12.2677 5.5081 12.0937C5.5281 11.9197 5.58479 11.7512 5.67482 11.5983C5.76486 11.4454 5.8864 11.3111 6.03227 11.2034C6.17814 11.0957 6.34536 11.0168 6.52404 10.9713C6.70271 10.9258 6.88922 10.9147 7.07252 10.9386C7.25581 10.9626 7.43217 11.021 7.59116 11.1106C7.75015 11.2001 7.88853 11.3189 7.99812 11.46L10.0733 14.0658L16.0019 7.03362C16.1115 6.89258 16.2499 6.77377 16.4088 6.68422C16.5678 6.59467 16.7442 6.53621 16.9275 6.51228C17.1108 6.48836 17.2973 6.49946 17.476 6.54494C17.6546 6.59041 17.8219 6.66933 17.9677 6.77703C18.1136 6.88473 18.2351 7.01902 18.3252 7.17195C18.4152 7.32487 18.4719 7.49333 18.4919 7.66735C18.5119 7.84138 18.4948 8.01742 18.4416 8.18508C18.3884 8.35274 18.3002 8.50859 18.1822 8.64343L11.1634 16.9961C11.0341 17.153 10.8688 17.2798 10.6799 17.3672C10.491 17.4545 10.2835 17.4999 10.0733 17.5Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A")}.setting-page .setting-chapter .selection-chapter .chapter-rdo .rdo+.chapter-label .title{font-weight:400;font-size:14rem;line-height:var(--chk-size);color:#000}.setting-page .setting-chapter .selection-chapter .chapter-rdo .rdo+.chapter-label .words{flex:none;margin-left:auto;font-weight:400;font-size:14rem;line-height:var(--chk-size);font-style:normal;color:var(--color-primary)}.setting-page .setting-chapter .selection-chapter .chapter-rdo .rdo:checked+.chapter-label::before{background-image:var(--bg-check-on)}.setting-page .setting-chapter .selection-chapter .chapter-rdo .rdo:checked+.chapter-label .title{color:var(--color-primary)}.setting-page .setting-chapter .selection-word{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;width:100%;flex:1 1 auto}.setting-page .setting-chapter .selection-word .word-desc{margin-bottom:8rem;font-size:14rem;line-height:20rem;color:#666}.setting-page .setting-chapter .selection-word .word-desc strong{font-weight:700;color:#000}.setting-page .setting-chapter .selection-word .word-list{flex:none;display:grid;grid-template-columns:repeat(auto-fill, minmax(135rem, 1fr));gap:8rem}.setting-page .setting-chapter .selection-word .word-chk{--chk-size: 16rem;position:relative;display:flex}.setting-page .setting-chapter .selection-word .word-chk .chk{appearance:none;position:absolute;right:4rem;top:4rem;z-index:1;width:var(--chk-size);height:var(--chk-size);border:1px solid #fff;border-radius:50%}.setting-page .setting-chapter .selection-word .word-chk .chk+.word-label{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;min-height:90rem;padding:4rem 8rem 0 8rem;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8rem}.setting-page .setting-chapter .selection-word .word-chk .chk+.word-label::before{content:"";position:absolute;right:4rem;top:4rem;z-index:2;display:block;width:var(--chk-size);height:var(--chk-size);background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23D2D2D2'/%3E%3Cpath d='M10.0733 17.5C9.86304 17.4999 9.65559 17.4545 9.4667 17.3672C9.2778 17.2798 9.11242 17.153 8.98313 16.9961L5.81783 13.0698C5.69983 12.9349 5.61162 12.7791 5.55842 12.6114C5.50522 12.4438 5.48811 12.2677 5.5081 12.0937C5.5281 11.9197 5.58479 11.7512 5.67482 11.5983C5.76486 11.4454 5.8864 11.3111 6.03227 11.2034C6.17814 11.0957 6.34536 11.0168 6.52404 10.9713C6.70271 10.9258 6.88922 10.9147 7.07252 10.9386C7.25581 10.9626 7.43217 11.021 7.59116 11.1106C7.75015 11.2001 7.88853 11.3189 7.99812 11.46L10.0733 14.0658L16.0019 7.03362C16.1115 6.89258 16.2499 6.77377 16.4088 6.68422C16.5678 6.59467 16.7442 6.53621 16.9275 6.51228C17.1108 6.48836 17.2973 6.49946 17.476 6.54494C17.6546 6.59041 17.8219 6.66933 17.9677 6.77703C18.1136 6.88473 18.2351 7.01902 18.3252 7.17195C18.4152 7.32487 18.4719 7.49333 18.4919 7.66735C18.5119 7.84138 18.4948 8.01742 18.4416 8.18508C18.3884 8.35274 18.3002 8.50859 18.1822 8.64343L11.1634 16.9961C11.0341 17.153 10.8688 17.2798 10.6799 17.3672C10.491 17.4545 10.2835 17.4999 10.0733 17.5Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A")}.setting-page .setting-chapter .selection-word .word-chk .chk+.word-label .keyword{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14rem;line-height:20rem;padding:2rem 0;color:#000;text-align:center;box-sizing:border-box}.setting-page .setting-chapter .selection-word .word-chk .chk+.word-label .info{flex:none;font-weight:400;font-size:10rem;line-height:16rem;font-style:normal;color:#666}.setting-page .setting-chapter .selection-word .word-chk .chk:checked+.word-label{outline:2px solid var(--color-primary);outline-offset:-2rem;background-color:var(--color-primary-light)}.setting-page .setting-chapter .selection-word .word-chk .chk:checked+.word-label::before{background-image:var(--bg-check-on)}.setting-page .setting-chapter .selection-word .word-chk .chk:checked+.word-label .keyword{color:var(--color-primary)}.setting-page .story-confirm{position:relative;width:100%;display:flex;flex-direction:column}.setting-page .story-confirm .story-util{position:absolute;bottom:100%;right:0}.setting-page .story-confirm .story-original{width:100%;padding:20rem;background-color:var(--color-primary-light);border-radius:8rem;word-break:keep-all}.setting-page .story-confirm .story-original textarea,.setting-page .story-confirm .story-original p{width:100%;font-weight:700;font-size:16rem;line-height:24rem;color:#000;background-color:rgba(0,0,0,0);overflow:hidden;height:auto}.setting-page .story-confirm .story-original textarea .keyword,.setting-page .story-confirm .story-original p .keyword{font-weight:inherit;font-size:inherit;line-height:inherit;color:var(--color-primary)}.setting-page .story-confirm .story-translated{width:100%;margin-top:var(--gap);padding:20rem;background-color:#f6f6f6;border-radius:8rem;word-break:keep-all}.setting-page .story-confirm .story-translated p{font-weight:400;font-size:14rem;line-height:20rem;color:#000}.setting-page .story-confirm .story-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8rem;margin-top:var(--spacer-inner);padding-bottom:6rem}.setting-page .story-confirm .story-actions .btn-group{display:flex;gap:8rem}.setting-page .story-confirm .story-actions .btn-group+.btn-group{margin-left:auto}.setting-page .story-confirm .story-actions button{position:relative;display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676}.setting-page .story-confirm .story-actions button::before{content:"";display:block;width:16rem;height:16rem;margin-right:4rem;mask:no-repeat center center/contain;background-color:#767676}.setting-page .story-confirm .story-actions button.btn-translate{background:#333450;color:#fff}.setting-page .story-confirm .story-actions button.btn-translate:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.setting-page .story-confirm .story-actions button.btn-translate:disabled::before{background-color:#fff}.setting-page .story-confirm .story-actions button.btn-translate::before{mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_382_3897)'%3E%3Cpath d='M1 6H11M1 6C1 8.76142 3.23858 11 6 11M1 6C1 3.23858 3.23858 1 6 1M11 6C11 8.76142 8.76142 11 6 11M11 6C11 3.23858 8.76142 1 6 1M6 1C7.25064 2.36918 7.96138 4.14602 8 6C7.96138 7.85398 7.25064 9.63082 6 11M6 1C4.74936 2.36918 4.03862 4.14602 4 6C4.03862 7.85398 4.74936 9.63082 6 11' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_382_3897'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");background-color:#fff}.setting-page .story-confirm .story-actions button.btn-translate .btn-tooltip-body{display:none;position:absolute;bottom:calc(100% + 8rem);right:50%;transform:translateX(25%);padding:8rem;border-radius:8rem;font-weight:400;font-size:12rem;line-height:16rem;white-space:nowrap;color:#fff;background-color:#000;text-align:left}.setting-page .story-confirm .story-actions button.btn-translate .btn-tooltip-body::after{content:"";display:block;position:absolute;top:100%;right:calc(25% - 2rem);width:8rem;height:4rem;transform:rotate(0deg);mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='6' height='3' viewBox='0 0 6 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29289 2.29289L0 0H6L3.70711 2.29289C3.31658 2.68342 2.68342 2.68342 2.29289 2.29289Z' fill='black'/%3E%3C/svg%3E%0A");background-color:#000}.setting-page .story-confirm .story-actions button.btn-translate:active .btn-tooltip-body,.setting-page .story-confirm .story-actions button.btn-translate:hover .btn-tooltip-body{display:block}.setting-page .story-confirm .story-actions button.btn-refresh{border:1px solid #ccc;background-color:#fff}.setting-page .story-confirm .story-actions button.btn-refresh::after,.setting-page .story-confirm .story-actions button.btn-refresh::before{background-color:#767676}.setting-page .story-confirm .story-actions button.btn-refresh:hover{border-color:var(--color-primary);color:var(--color-primary)}.setting-page .story-confirm .story-actions button.btn-refresh:hover::after,.setting-page .story-confirm .story-actions button.btn-refresh:hover::before{background-color:var(--color-primary)}.setting-page .story-confirm .story-actions button.btn-refresh:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.setting-page .story-confirm .story-actions button.btn-refresh:disabled::before{background-color:#fff}.setting-page .story-confirm .story-actions button.btn-refresh{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.setting-page .story-confirm .story-actions button.btn-refresh::before{mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5C1 5 2.00249 3.63411 2.81692 2.81912C3.63134 2.00413 4.7568 1.5 6 1.5C8.48528 1.5 10.5 3.51472 10.5 6C10.5 8.48528 8.48528 10.5 6 10.5C3.94845 10.5 2.21756 9.12714 1.67588 7.25M1 5V2M1 5H4' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.setting-page .story-confirm .story-actions button.btn-edit{border:1px solid #ccc;background-color:#fff}.setting-page .story-confirm .story-actions button.btn-edit::after,.setting-page .story-confirm .story-actions button.btn-edit::before{background-color:#767676}.setting-page .story-confirm .story-actions button.btn-edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.setting-page .story-confirm .story-actions button.btn-edit:hover::after,.setting-page .story-confirm .story-actions button.btn-edit:hover::before{background-color:var(--color-primary)}.setting-page .story-confirm .story-actions button.btn-edit:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.setting-page .story-confirm .story-actions button.btn-edit:disabled::before{background-color:#fff}.setting-page .story-confirm .story-actions button.btn-edit{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.setting-page .story-confirm .story-actions button.btn-edit::before{mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_382_3903)'%3E%3Cpath d='M10.5 10.5002H6.50001M1.25 10.7502L4.02463 9.68299C4.2021 9.61473 4.29084 9.5806 4.37386 9.53603C4.4476 9.49645 4.5179 9.45077 4.58402 9.39946C4.65846 9.34169 4.72569 9.27447 4.86014 9.14001L10.5 3.50015C11.0523 2.94787 11.0523 2.05244 10.5 1.50015C9.94773 0.947867 9.0523 0.947866 8.50001 1.50015L2.86014 7.14001C2.72569 7.27446 2.65846 7.34169 2.6007 7.41613C2.54939 7.48225 2.5037 7.55255 2.46412 7.62629C2.41955 7.70931 2.38542 7.79805 2.31717 7.97552L1.25 10.7502ZM1.25 10.7502L2.27906 8.07463C2.3527 7.88317 2.38952 7.78744 2.45267 7.74359C2.50786 7.70527 2.57615 7.69078 2.64215 7.70338C2.71767 7.7178 2.79019 7.79033 2.93524 7.93538L4.06479 9.06493C4.20984 9.20997 4.28236 9.2825 4.29678 9.35802C4.30939 9.42401 4.29489 9.49231 4.25657 9.5475C4.21272 9.61065 4.11699 9.64747 3.92553 9.72111L1.25 10.7502Z' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_382_3903'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}.setting-page .story-confirm .story-actions button.btn-confirm{background:var(--color-primary-gradation);color:#fff}.setting-page .story-confirm .story-actions button.btn-confirm:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.setting-page .story-confirm .story-actions button.btn-confirm:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.setting-page .story-confirm .story-actions button.btn-confirm:disabled::before{background-color:#fff}.setting-page .story-confirm .story-actions button.btn-confirm::before{mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#fff}.setting-page .learning-selection{display:flex;flex:1 1 auto;gap:var(--gap)}.setting-page .learning-selection .learning-rdo{display:block;width:100%}.setting-page .learning-selection .learning-rdo .rdo{position:absolute;top:16rem;right:16rem;appearance:none}.setting-page .learning-selection .learning-rdo .learning-body{position:relative;display:flex;align-items:flex-start;width:100%;height:100%;border-radius:8rem;padding:20rem;gap:32rem;border:1px solid silver;word-break:keep-all;transition:all .2s ease}.setting-page .learning-selection .learning-rdo .learning-body::before{content:"";display:block;flex:none;width:80rem;height:80rem;background:no-repeat center center/100%}.setting-page .learning-selection .learning-rdo .learning-body::after{content:"";position:absolute;top:16rem;right:16rem;display:block;flex:none;width:32rem;height:32rem;background:no-repeat center center/100%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' fill='white' stroke='%23D2D2D2'/%3E%3Cpath d='M13.4307 23.3327C13.1504 23.3325 12.8738 23.272 12.6219 23.1556C12.3701 23.0391 12.1496 22.8699 11.9772 22.6608L7.75677 17.4257C7.59944 17.2459 7.48183 17.0381 7.41089 16.8146C7.33996 16.591 7.31715 16.3563 7.34381 16.1243C7.37047 15.8923 7.44606 15.6676 7.5661 15.4637C7.68615 15.2598 7.84821 15.0808 8.0427 14.9372C8.23719 14.7936 8.46015 14.6884 8.69839 14.6277C8.93663 14.5671 9.1853 14.5523 9.4297 14.5842C9.67409 14.6161 9.90924 14.694 10.1212 14.8134C10.3332 14.9328 10.5177 15.0913 10.6638 15.2793L13.4307 18.7537L21.3355 9.37751C21.4816 9.18946 21.6661 9.03104 21.8781 8.91164C22.0901 8.79225 22.3253 8.71429 22.5697 8.68239C22.814 8.65049 23.0627 8.6653 23.301 8.72593C23.5392 8.78656 23.7622 8.89179 23.9566 9.03539C24.1511 9.17899 24.3132 9.35804 24.4332 9.56194C24.5533 9.76585 24.6289 9.99046 24.6555 10.2225C24.6822 10.4545 24.6594 10.6892 24.5885 10.9128C24.5175 11.1363 24.3999 11.3441 24.2426 11.5239L14.8842 22.6608C14.7118 22.8699 14.4913 23.0391 14.2395 23.1556C13.9876 23.272 13.711 23.3325 13.4307 23.3327Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A")}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont{position:relative;display:block;line-height:1.4;text-align:left}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .tit{display:block;font-weight:700;font-size:22rem;color:#333450}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .explan{display:block;margin-top:8rem;font-weight:400;font-size:14rem;color:#666}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .btn-learnCheck{margin-top:14rem;display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;height:28rem;padding:0 12rem;border-radius:28rem;font-weight:700;font-size:12rem;line-height:16rem;color:#fff;background:#333450;color:#fff}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .btn-learnCheck:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .btn-learnCheck:disabled::before{background-color:#fff}.setting-page .learning-selection .learning-rdo .learning-body.type-basic::before{background-image:url(../../../img/ele/img-basic-learning.png)}.setting-page .learning-selection .learning-rdo .learning-body.type-deep::before{background-image:url(../../../img/ele/img-deep-learning.png)}.setting-page .learning-selection .learning-rdo .rdo:checked+.learning-body{background:var(--color-primary-light);border:1px solid var(--color-primary)}.setting-page .learning-selection .learning-rdo .rdo:checked+.learning-body .learning-cont .tit{color:var(--color-primary)}.setting-page .learning-selection .learning-rdo .rdo:checked+.learning-body::after{background-image:var(--bg-check-on)}.connect-page .content-body{gap:var(--gap)}.connect-page .connect-top-area{flex:none;display:flex;gap:var(--gap);height:180rem}.connect-page .connect-qrcode{padding:var(--spacer-inner);border:1px solid #ccc;background-color:#f6f6f6;border-radius:8rem;flex:1 1 auto}.connect-page .connect-qrcode .qrcode-form{display:flex;align-items:flex-start;width:100%;gap:12rem}.connect-page .connect-qrcode .qrcode-form .qrcode-field{display:flex;flex-wrap:wrap;gap:8rem;width:100%;flex:1 1 auto}.connect-page .connect-qrcode .qrcode-form .qrcode-field .input{width:100%;height:48rem;padding:11rem 13rem;border-radius:8rem;border:1px solid #ccc;font-weight:400;font-size:16rem;line-height:24rem;color:#000}.connect-page .connect-qrcode .qrcode-form .qrcode-field .btn-copy{flex:none;display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;background:#333450;color:#fff}.connect-page .connect-qrcode .qrcode-form .qrcode-field .btn-copy:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.connect-page .connect-qrcode .qrcode-form .qrcode-field .btn-copy:disabled::before{background-color:#fff}.connect-page .connect-qrcode .qrcode-form .qrcode-field .btn-copy::before{content:"";display:block;width:16rem;height:16rem;margin-right:6rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2H9.73333C11.2268 2 11.9735 2 12.544 2.29065C13.0457 2.54631 13.4537 2.95426 13.7094 3.45603C14 4.02646 14 4.77319 14 6.26667V11M4.13333 14H9.53333C10.2801 14 10.6534 14 10.9387 13.8547C11.1895 13.7268 11.3935 13.5229 11.5213 13.272C11.6667 12.9868 11.6667 12.6134 11.6667 11.8667V6.46667C11.6667 5.71993 11.6667 5.34656 11.5213 5.06135C11.3935 4.81046 11.1895 4.60649 10.9387 4.47866C10.6534 4.33333 10.2801 4.33333 9.53333 4.33333H4.13333C3.3866 4.33333 3.01323 4.33333 2.72801 4.47866C2.47713 4.60649 2.27316 4.81046 2.14532 5.06135C2 5.34656 2 5.71993 2 6.46667V11.8667C2 12.6134 2 12.9868 2.14532 13.272C2.27316 13.5229 2.47713 13.7268 2.72801 13.8547C3.01323 14 3.3866 14 4.13333 14Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#fff}.connect-page .connect-qrcode .qrcode-form .qrcode-field .connect-field-message{flex:1 1 0;text-align:right}.connect-page .connect-qrcode .qrcode-form .qrcode-scan{width:160rem;height:104rem}.connect-page .connect-qrcode .qrcode-form .qrcode-scan .qrcode{width:88rem;height:88rem}.connect-page .connect-qrcode .qrcode-form .qrcode-scan .btn-zoom{width:40rem;height:40rem}.connect-page .connect-qrcode .qrcode-form .qrcode-scan .btn-zoom::before{width:24rem;height:24rem}.connect-page .connect-qrcode .connect-field-message.only-pc{display:block !important}.connect-page .connect-qrcode .connect-field-message.only-mobile{display:none !important}.connect-page .book-setting{padding:var(--spacer-inner);border:1px solid #ccc;background-color:#f6f6f6;border-radius:8rem;position:relative;flex:none;width:268rem}.connect-page .book-setting .book-detail{display:flex;gap:20rem}.connect-page .book-setting .book-detail .book-thumb{flex:none;position:relative;width:80rem;aspect-ratio:80/104;border-radius:8rem;overflow:hidden;box-shadow:0px 0px 12px rgba(0,0,0,.2);outline:1px solid rgba(0,0,0,.08);outline-offset:-1px}.connect-page .book-setting .book-detail .book-thumb img{width:100%;height:100%;object-fit:cover}.connect-page .book-setting .book-detail .book-info{overflow:hidden}.connect-page .book-setting .book-detail .book-info li+li{margin-top:4rem}.connect-page .book-setting .book-detail .book-info .tit{position:relative;display:block;font-weight:400;font-size:12rem;line-height:16rem;color:#000;padding-left:8rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.connect-page .book-setting .book-detail .book-info .tit::before{content:"";position:absolute;left:0;top:8rem;display:block;width:2rem;height:2rem;background-color:#999}.connect-page .book-setting .book-detail .book-info .txt{display:block;padding-left:8rem;font-weight:400;font-size:10rem;line-height:16rem;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.connect-page .book-setting .btn-setting{display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;height:24rem;padding:0 7rem;border-radius:4rem;font-weight:700;font-size:12rem;line-height:16rem;color:#000;border:1px solid #ccc;background-color:#fff}.connect-page .book-setting .btn-setting::after,.connect-page .book-setting .btn-setting::before{background-color:#767676}.connect-page .book-setting .btn-setting:hover{border-color:var(--color-primary);color:var(--color-primary)}.connect-page .book-setting .btn-setting:hover::after,.connect-page .book-setting .btn-setting:hover::before{background-color:var(--color-primary)}.connect-page .book-setting .btn-setting:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.connect-page .book-setting .btn-setting:disabled::before{background-color:#fff}.connect-page .book-setting .btn-setting{position:absolute;top:16rem;right:24rem;margin-top:8rem}.connect-page .book-setting .btn-setting::before{content:"";display:block;width:12rem;height:12rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00024 7.5C6.82867 7.5 7.50024 6.82843 7.50024 6C7.50024 5.17157 6.82867 4.5 6.00024 4.5C5.17182 4.5 4.50024 5.17157 4.50024 6C4.50024 6.82843 5.17182 7.5 6.00024 7.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.64479 9.68556L4.93701 10.3428C5.02388 10.5384 5.16565 10.7046 5.34512 10.8213C5.5246 10.938 5.73406 11 5.94812 11C6.16218 11 6.37164 10.938 6.55112 10.8213C6.73059 10.7046 6.87236 10.5384 6.95923 10.3428L7.25145 9.68556C7.35548 9.45235 7.53046 9.25793 7.75145 9.13C7.97385 9.00172 8.23112 8.94707 8.48645 8.97389L9.20145 9.05C9.41429 9.07251 9.62908 9.0328 9.8198 8.93567C10.0105 8.83853 10.1689 8.68816 10.2759 8.50278C10.383 8.31751 10.434 8.10514 10.4228 7.89144C10.4115 7.67774 10.3385 7.4719 10.2126 7.29889L9.78923 6.71722C9.63849 6.50857 9.55795 6.25741 9.55923 6C9.55918 5.74329 9.64048 5.49318 9.79145 5.28556L10.2148 4.70389C10.3407 4.53088 10.4137 4.32503 10.425 4.11134C10.4362 3.89764 10.3852 3.68527 10.2781 3.5C10.1712 3.31462 10.0127 3.16424 9.82202 3.06711C9.63131 2.96998 9.41651 2.93027 9.20368 2.95278L8.48868 3.02889C8.23334 3.0557 7.97607 3.00106 7.75368 2.87278C7.53224 2.74413 7.35721 2.54868 7.25368 2.31444L6.95923 1.65722C6.87236 1.46159 6.73059 1.29536 6.55112 1.1787C6.37164 1.06204 6.16218 0.999965 5.94812 1C5.73406 0.999965 5.5246 1.06204 5.34512 1.1787C5.16565 1.29536 5.02388 1.46159 4.93701 1.65722L4.64479 2.31444C4.54125 2.54868 4.36622 2.74413 4.14479 2.87278C3.92239 3.00106 3.66512 3.0557 3.40979 3.02889L2.69256 2.95278C2.47973 2.93027 2.26493 2.96998 2.07422 3.06711C1.88351 3.16424 1.72507 3.31462 1.61812 3.5C1.51103 3.68527 1.46001 3.89764 1.47125 4.11134C1.4825 4.32503 1.55552 4.53088 1.68145 4.70389L2.10479 5.28556C2.25576 5.49318 2.33706 5.74329 2.33701 6C2.33706 6.25671 2.25576 6.50683 2.10479 6.71444L1.68145 7.29611C1.55552 7.46912 1.4825 7.67497 1.47125 7.88866C1.46001 8.10236 1.51103 8.31473 1.61812 8.5C1.72518 8.68529 1.88363 8.83558 2.07432 8.9327C2.265 9.02981 2.47975 9.06959 2.69256 9.04722L3.40756 8.97111C3.6629 8.9443 3.92017 8.99894 4.14256 9.12722C4.36483 9.25551 4.54067 9.451 4.64479 9.68556Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#000}.connect-page .book-setting .btn-setting span::before{content:"설정 "}.connect-page .connect-users{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding:var(--spacer-inner);border:1px solid #ccc;background-color:#f6f6f6;border-radius:8rem;padding-right:calc(var(--spacer-inner) - 14rem);flex:1 1 auto;background-color:#fff}.connect-page .connect-users .no-user{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;flex-grow:1;padding-right:14rem;justify-content:center;align-items:center;text-align:center;font-size:16rem;line-height:24rem}.connect-page .connect-users .no-user strong{color:#333}.connect-page .connect-users .user-list{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;overflow:auto;flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill, minmax(92rem, 1fr));gap:14rem;padding-right:14rem}.connect-page .connect-users .user-list .user-label{display:inline-flex;justify-content:center;width:100%;padding:7rem 15rem;background-color:#ebebf3;border:1px solid #ccc;border-radius:4rem;font-weight:500;font-size:14rem;line-height:20rem;color:#666}.teacher-story-page .content-header{padding-top:30rem !important}.teacher-story-page .content-header .story-profile{flex:none;display:flex;align-items:center;gap:calc(12rem*var(--grade-scale))}.teacher-story-page .content-header .story-profile .avata{width:calc(40rem*var(--grade-scale));height:calc(40rem*var(--grade-scale));border-radius:50%;overflow:hidden}.teacher-story-page .content-header .story-profile .avata img{width:100%;height:100%;object-fit:cover}.teacher-story-page .content-header .tooltip-wrap{position:absolute;left:50%;top:-20rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.teacher-story-page .content-header .learning-timer{display:flex;justify-content:center;align-items:center;margin:8rem 0 0 0}.teacher-story-page .content-header .learning-timer::before{content:"";display:block;width:20rem;height:20rem;margin-right:6rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1783_20813)'%3E%3Cpath d='M10 5.0013V10.0013L13.3334 11.668M18.3334 10.0013C18.3334 14.6037 14.6024 18.3346 10 18.3346C5.39765 18.3346 1.66669 14.6037 1.66669 10.0013C1.66669 5.39893 5.39765 1.66797 10 1.66797C14.6024 1.66797 18.3334 5.39893 18.3334 10.0013Z' stroke='%23333450' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1783_20813'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}.teacher-story-page .content-header .learning-timer dt{margin-right:8rem;font-weight:400;font-size:16rem;line-height:24rem;color:#666}.teacher-story-page .content-header .learning-timer dd{margin-left:auto;font-weight:700;font-size:16rem;line-height:24rem;color:#000}.teacher-story-page .content-header .qrcode-scan{position:absolute;right:var(--spacer);top:0rem}.teacher-story-page .content-header .content-util{position:absolute;right:var(--spacer);bottom:0;display:flex;align-items:center;gap:12rem;font-weight:400;font-size:14rem;line-height:20rem;color:#000}.teacher-story-page .content-header .content-util .util-split{display:block;width:1px;height:12rem;background-color:#dfdfdf}.teacher-story-page .content-header .content-util .util-item{display:flex;align-items:center;gap:4rem}.teacher-story-page .content-header .content-util .util-item .tit{font-weight:400}.teacher-story-page .content-header .content-util .util-item .count{font-weight:700;font-style:normal}.teacher-story-page .content-header .content-util .util-item .toggle{position:relative;display:block;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-height);overflow:hidden}.teacher-story-page .content-header .content-util .util-item .toggle input{appearance:none;position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;opacity:0;transition:left .2s ease}.teacher-story-page .content-header .content-util .util-item .toggle input+.toggle-ui{display:block;position:relative;width:100%;height:100%;background-color:#dfdfdf}.teacher-story-page .content-header .content-util .util-item .toggle input+.toggle-ui::before,.teacher-story-page .content-header .content-util .util-item .toggle input+.toggle-ui::after{content:"";display:block}.teacher-story-page .content-header .content-util .util-item .toggle input+.toggle-ui::before{width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-primary);opacity:0;transition:opacity var(--toggle-duration) ease}.teacher-story-page .content-header .content-util .util-item .toggle input+.toggle-ui::after{position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;transition:left var(--toggle-duration) ease}.teacher-story-page .content-header .content-util .util-item .toggle input:checked{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.teacher-story-page .content-header .content-util .util-item .toggle input:checked+.toggle-ui::before{background-color:var(--color-primary);opacity:1}.teacher-story-page .content-header .content-util .util-item .toggle input:checked+.toggle-ui::after{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.teacher-story-page .content-header .content-util .util-item .toggle.h-20{--toggle-width: 36rem;--toggle-height: 20rem;--toggle-padding: 2px;--toggle-duration: 0.1s}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap{position:relative}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed{width:40rem;display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;height:20rem;padding:0 7rem 1rem 7rem;border-radius:4rem;font-weight:700;font-size:11rem;line-height:15rem;color:#000;background:#333450;color:#fff}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed:disabled::before{background-color:#fff}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed{border:1px solid #252641;background:linear-gradient(180deg, #4F5075 0%, #2A2B45 105.68%);box-shadow:1px 1px 2px 0 rgba(0,0,0,.3)}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu{z-index:10;display:none;width:100%;padding:4rem;flex-direction:column;align-items:flex-start;gap:4rem;border-radius:6rem;background-color:#2d2e48;transform:translate(0px, 25px) !important}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu::before{content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:8rem;height:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='3' viewBox='0 0 8 3' fill='none'%3E%3Cpath d='M4 0L0 3H8L4 0Z' fill='%232D2E48'/%3E%3C/svg%3E")}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu.show{display:flex}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item{width:100%}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item button{display:flex;width:100%;height:22px;padding:2px 4px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px;background:#fff;font-weight:500;font-size:12rem;line-height:16rem;color:#000}.teacher-story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item.active button{background-color:var(--color-primary);color:#fff}.teacher-story-page .story-box{padding:var(--spacer-inner);border:1px solid #ccc;background-color:#f6f6f6;border-radius:8rem;display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding:32rem;padding-right:4rem}.teacher-story-page .story-box .story-scroll{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding-right:28rem;overflow:auto}.teacher-story-page .story-box .story-original{flex:none;font-weight:700;font-size:calc(24rem*var(--grade-scale));line-height:calc(36rem*var(--grade-scale));color:#000;word-break:keep-all}.teacher-story-page .story-box .story-original p{display:inline}.teacher-story-page .story-box .story-original .keyword{color:var(--color-primary)}.teacher-story-page .story-box .story-original .btn-speaker{width:20rem;height:20rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4564 4.16595C17.6375 5.80782 18.3332 7.82232 18.3332 9.99929C18.3332 12.1763 17.6375 14.1908 16.4564 15.8326M13.1209 6.66596C13.78 7.61082 14.1665 8.75991 14.1665 9.99929C14.1665 11.2387 13.78 12.3878 13.1209 13.3326M8.02843 4.47069L5.39036 7.10876C5.24624 7.25289 5.17417 7.32495 5.09007 7.37649C5.01551 7.42218 4.93423 7.45585 4.8492 7.47626C4.75329 7.49929 4.65138 7.49929 4.44755 7.49929H2.99984C2.53313 7.49929 2.29977 7.49929 2.12151 7.59012C1.96471 7.67001 1.83723 7.79749 1.75733 7.9543C1.6665 8.13256 1.6665 8.36591 1.6665 8.83262V11.166C1.6665 11.6327 1.6665 11.866 1.75733 12.0443C1.83723 12.2011 1.96471 12.3286 2.12151 12.4085C2.29977 12.4993 2.53313 12.4993 2.99984 12.4993H4.44755C4.65138 12.4993 4.75329 12.4993 4.8492 12.5223C4.93423 12.5427 5.01551 12.5764 5.09007 12.6221C5.17417 12.6736 5.24624 12.7457 5.39036 12.8898L8.02843 15.5279C8.38541 15.8849 8.5639 16.0634 8.71715 16.0754C8.85011 16.0859 8.98005 16.0321 9.06667 15.9306C9.1665 15.8137 9.1665 15.5613 9.1665 15.0565V4.9421C9.1665 4.43725 9.1665 4.18483 9.06667 4.06794C8.98005 3.96652 8.85011 3.9127 8.71715 3.92316C8.5639 3.93522 8.38541 4.11371 8.02843 4.47069Z' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#767676}.teacher-story-page .story-box .story-original .btn-speaker:hover{background-color:#333}.teacher-story-page .story-box .story-original .btn-speaker:disabled{pointer-events:none;opacity:.25}.teacher-story-page .story-box .story-translated{flex:none;margin-top:calc(20rem*var(--grade-scale));font-weight:400;font-size:calc(20rem*var(--grade-scale));line-height:calc(28rem*var(--grade-scale));color:#666;word-break:keep-all}.teacher-story-page .content-footer{justify-content:flex-end}.teacher-story-page .content-footer .btn-action{width:auto !important;min-width:180rem}.teacher-story-page .content-footer .btn-dark{width:auto !important;min-width:180rem}.student-status-page{height:100%}.student-status-page .student-status-explain{margin-bottom:12rem;font-weight:700;font-size:14rem;line-height:20rem;color:#333450}.student-status-page .student-status-box{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;flex-direction:row;gap:var(--gap);height:calc(100% - 32rem)}.student-status-page .student-status-box .state-legend-list{display:flex;justify-content:center;align-items:center;gap:12rem;padding:4rem 12rem;border-radius:20rem;background-color:#fff}.student-status-page .student-status-box .state-legend-list .state-legend{display:flex;align-items:center;gap:4rem;font-size:12rem;line-height:16rem;color:#333}.student-status-page .student-status-box .state-bul{display:block;width:8px;height:8px;border-radius:50%}.student-status-page .student-status-box .state-bul.step-story{background-color:#3fc58f}.student-status-page .student-status-box .state-bul.step-learn{background-color:#529dff}.student-status-page .student-status-box .state-bul.step-chat{background-color:#ff6456}.student-status-page .student-status-box .student-box{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%}.student-status-page .student-status-box .student-box .student-box-header{flex:none;display:flex;justify-content:space-between;align-items:center;height:48rem;padding:0 20rem;border-radius:8rem 8rem 0 0;background-color:#333450}.student-status-page .student-status-box .student-box .student-box-header .student-box-title{font-weight:700;font-size:16rem;line-height:24rem;color:#fff}.student-status-page .student-status-box .student-box .student-box-body{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding:var(--spacer-inner);padding-right:calc(var(--spacer-inner) - 14rem);border:1px solid #ccc;border-top:0;border-radius:0 0 8rem 8rem}.student-status-page .student-status-box .student-box.is-inProgress .student-box-header{background-color:var(--color-primary)}.student-status-page .student-status-box .student-box .student-list{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:max-content;gap:20rem;flex-grow:1;overflow:auto;padding-right:14rem}.student-status-page .student-status-box .student-box .student-entry{display:flex;flex-direction:column;align-items:center}.student-status-page .student-status-box .student-box .student-entry .avata{display:flex;align-items:center;justify-content:center;width:40rem;height:40rem;background-color:#d9d9d9;border-radius:50%;overflow:hidden}.student-status-page .student-status-box .student-box .student-entry .avata img{width:100%;height:100%;object-fit:cover}.student-status-page .student-status-box .student-box .student-entry .name{display:flex;justify-content:center;align-items:center;gap:4rem;margin-top:8rem;font-weight:500;font-size:12rem;line-height:16rem;text-align:center;color:#000}.student-results-page .btn-report{display:none;display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;background:var(--color-primary-gradation);color:#fff}.student-results-page .btn-report:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.student-results-page .btn-report:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.student-results-page .btn-report:disabled::before{background-color:#fff}.student-results-page .btn-report{box-shadow:0px 3px 6px rgba(0,0,0,.08);gap:6rem}.student-results-page .btn-report::before{content:"";display:block;width:16rem;height:16rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14H3.06667C2.6933 14 2.50661 14 2.36401 13.9273C2.23856 13.8634 2.13658 13.7614 2.07266 13.636C2 13.4934 2 13.3067 2 12.9333V3.06667C2 2.6933 2 2.50661 2.07266 2.36401C2.13658 2.23857 2.23856 2.13658 2.36401 2.07266C2.50661 2 2.6933 2 3.06667 2H4.93333C5.3067 2 5.49339 2 5.63599 2.07266C5.76144 2.13658 5.86342 2.23856 5.92734 2.36401C6 2.50661 6 2.6933 6 3.06667V4.66667M6 14H10M6 14L6 4.66667M6 4.66667H8.93333C9.3067 4.66667 9.49339 4.66667 9.63599 4.73933C9.76143 4.80324 9.86342 4.90523 9.92734 5.03067C10 5.17328 10 5.35997 10 5.73333V14M10 7.33333H12.9333C13.3067 7.33333 13.4934 7.33333 13.636 7.406C13.7614 7.46991 13.8634 7.5719 13.9273 7.69734C14 7.83995 14 8.02663 14 8.4V12.9333C14 13.3067 14 13.4934 13.9273 13.636C13.8634 13.7614 13.7614 13.8634 13.636 13.9273C13.4934 14 13.3067 14 12.9333 14H10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#fff}.student-results-page .content-header .btn-report{display:flex;position:absolute;right:var(--spacer);top:50%;transform:translateY(-50%)}.student-results-page .content-body .btn-report{display:none}.student-results-page .stats-box{padding:20rem 40rem;background-color:var(--color-primary-light);border-radius:8rem}.student-results-page .stats-box .stats-list{display:flex;justify-content:space-between}.student-results-page .stats-box .stats-list .stats-item{display:flex;align-items:center;flex:1 1 auto;gap:20rem}.student-results-page .stats-box .stats-list .stats-item .stats-tit{font-weight:400;font-size:16rem;line-height:24rem;color:#000}.student-results-page .stats-box .stats-list .stats-item .stats-val{font-style:normal;font-weight:700;font-size:16rem;line-height:24rem;color:var(--color-primary)}.student-results-page .status-box{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;margin-top:16rem;padding:var(--spacer-inner);border:1px solid #ccc;background-color:#f6f6f6;border-radius:8rem;background-color:#fff}.student-results-page .status-box .status-legend-list{display:flex;justify-content:space-between;padding:12rem 218rem 12rem 136rem;background-color:#f5f5f5}.student-results-page .status-box .status-legend-list .status-legend-item{display:flex;justify-content:center;width:25%}.student-results-page .status-box .status-legend-list .status-legend-item .status-legend{display:flex;align-items:center;gap:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#333450}.student-results-page .status-box .status-legend-list .status-legend-item .status-legend::before{content:"";display:block;width:20rem;height:20rem;mask:no-repeat center center/contain;background-color:#333450}.student-results-page .status-box .status-legend-list .status-legend-item .status-legend.type-msg::before{mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 7.91667H10M6.66667 10.8333H12.5M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 10.9976 2.69478 11.9497 3.04839 12.8204C3.11606 12.9871 3.1499 13.0704 3.165 13.1377C3.17976 13.2036 3.18516 13.2524 3.18517 13.3199C3.18518 13.3889 3.17265 13.4641 3.14759 13.6145L2.65344 16.5794C2.60169 16.8898 2.57582 17.0451 2.62397 17.1573C2.66611 17.2556 2.7444 17.3339 2.84265 17.376C2.95491 17.4242 3.11015 17.3983 3.42063 17.3466L6.38554 16.8524C6.53591 16.8273 6.61109 16.8148 6.68011 16.8148C6.74763 16.8148 6.79638 16.8202 6.86227 16.835C6.92962 16.8501 7.01294 16.8839 7.17958 16.9516C8.05025 17.3052 9.00238 17.5 10 17.5Z' stroke='%23333450' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.student-results-page .status-box .status-legend-list .status-legend-item .status-legend.type-time::before{mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_583_8110)'%3E%3Cpath d='M10.0001 5.0013V10.0013L13.3334 11.668M18.3334 10.0013C18.3334 14.6037 14.6025 18.3346 10.0001 18.3346C5.39771 18.3346 1.66675 14.6037 1.66675 10.0013C1.66675 5.39893 5.39771 1.66797 10.0001 1.66797C14.6025 1.66797 18.3334 5.39893 18.3334 10.0013Z' stroke='%23333450' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_583_8110'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}.student-results-page .status-box .status-legend-list .status-legend-item .status-legend.type-caution::before{mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99988 7.49824V10.8316M9.99988 14.1649H10.0082M8.84598 3.24134L1.9919 15.0802C1.61173 15.7369 1.42165 16.0652 1.44974 16.3347C1.47425 16.5697 1.59739 16.7833 1.78852 16.9222C2.00765 17.0816 2.38704 17.0816 3.14581 17.0816H16.8539C17.6127 17.0816 17.9921 17.0816 18.2112 16.9222C18.4024 16.7833 18.5255 16.5697 18.55 16.3347C18.5781 16.0652 18.388 15.7369 18.0078 15.0802L11.1538 3.24134C10.775 2.58704 10.5856 2.25989 10.3385 2.15001C10.1229 2.05416 9.87684 2.05416 9.66129 2.15001C9.41419 2.25989 9.22478 2.58704 8.84598 3.24134Z' stroke='%23333450' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.student-results-page .status-box .status-legend-list .status-legend-item .status-legend.type-good::before{mask-image:url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1668 9.16797H7.16683M8.8335 12.5013H7.16683M13.8335 5.83464H7.16683M17.1668 5.66797V14.3346C17.1668 15.7348 17.1668 16.4348 16.8943 16.9696C16.6547 17.44 16.2722 17.8225 15.8018 18.0622C15.267 18.3346 14.567 18.3346 13.1668 18.3346H7.8335C6.43336 18.3346 5.7333 18.3346 5.19852 18.0622C4.72811 17.8225 4.34566 17.44 4.10598 16.9696C3.8335 16.4348 3.8335 15.7348 3.8335 14.3346V5.66797C3.8335 4.26784 3.8335 3.56777 4.10598 3.03299C4.34566 2.56259 4.72811 2.18014 5.19852 1.94045C5.7333 1.66797 6.43336 1.66797 7.8335 1.66797H13.1668C14.567 1.66797 15.267 1.66797 15.8018 1.94045C16.2722 2.18014 16.6547 2.56259 16.8943 3.03299C17.1668 3.56777 17.1668 4.26784 17.1668 5.66797Z' stroke='%23333450' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.student-results-page .status-box .status-data-list{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;overflow-y:scroll}.student-results-page .status-box .status-data-list .status-data-item{width:100%}.student-results-page .status-box .status-data-list .status-data-item+.status-data-item{border-top:1px solid #eaeaea}.student-results-page .status-box .status-data-list .status-data-item .status-data{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:64rem;padding:11rem 208rem 11rem 136rem}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col{display:flex;align-items:center;justify-content:center;width:25%;text-align:left;font-weight:400;font-size:14rem;line-height:20rem;color:#000}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-profile,.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn{position:absolute;top:50%;transform:translateY(-50%);width:auto}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-profile{left:0;gap:8rem}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-profile .avata{width:32rem;height:32rem;overflow:hidden;border-radius:50%}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-profile .avata img{width:100%;height:100%;object-fit:cover}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-profile .name{font-weight:400}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn{right:0}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more{display:flex;align-items:center;display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more::after,.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more::before{background-color:#767676}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more:hover{border-color:var(--color-primary);color:var(--color-primary)}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more:hover::after,.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more:hover::before{background-color:var(--color-primary)}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more:disabled::before{background-color:#fff}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more{box-shadow:0px 3px 6px rgba(0,0,0,.08);gap:6rem;padding:2px 28rem 0}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more::after{content:"";position:relative;top:-1px;display:block;width:16rem;height:16rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23767676' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#767676}.student-results-page .status-box .status-desc{display:none}.chat-community{--chat-avata: 40rem;--chat-padding: 16rem;--chat-radius: 8rem;--chat-bubble-bot: #f4f4f4;--chat-bubble-user: #D4EDFF;--chat-bubble-hint: #FFEEB8;--chat-bubble-alert: var(--color-primary-light)}.chat-community .chat-list{display:flex;flex-direction:column}.chat-community .chat-list .chat-item .chat-sender{display:flex;justify-content:flex-start;gap:12rem;width:100%}.chat-community .chat-list .chat-item .chat-avata{order:1;flex:none;overflow:hidden;width:var(--chat-avata);height:var(--chat-avata);border-radius:50%}.chat-community .chat-list .chat-item .chat-avata img{width:100%;height:100%;object-fit:contain}.chat-community .chat-list .chat-item .chat-body{display:flex;flex-direction:column;align-items:flex-start;order:2;max-width:524rem;width:100%;gap:10rem;word-break:keep-all}.chat-community .chat-list .chat-item+.chat-item{margin-top:32rem}.chat-community .chat-list .chat-item.bot+.chat-item.bot,.chat-community .chat-list .chat-item.user+.chat-item.user{margin-top:12rem}.chat-community .chat-list .chat-item.user .chat-sender{justify-content:flex-end}.chat-community .chat-list .chat-item.user .chat-avata{order:2}.chat-community .chat-list .chat-item.user .chat-body{order:1;align-items:flex-end}.chat-community .chat-list .chat-item.user.hide-avata .chat-avata img{visibility:hidden}.chat-community .chat-list .chat-item.user.hide-avata .chat-body>div::before{display:none}.chat-community .chat-ending{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20rem;padding:40rem;padding-bottom:0}.chat-community .chat-ending .img{width:80rem;vertical-align:top}.chat-community .chat-ending .desc{margin-top:12rem;font-weight:700;font-size:calc(16rem*var(--grade-scale));line-height:calc(24rem*var(--grade-scale));color:#333450}.chat-community .chat-loading{--dot-position: 2rem;display:inline-flex;align-items:center;gap:5rem;height:16rem}.chat-community .chat-loading span{display:inline-block;width:5rem;height:5rem;background-color:#ff6652;border-radius:50%;animation:chatLoadingAni .8s linear infinite}.chat-community .chat-loading span:nth-child(1){animation-delay:0s}.chat-community .chat-loading span:nth-child(2){animation-delay:.2s}.chat-community .chat-loading span:nth-child(3){animation-delay:.4s}@keyframes chatLoadingAni{0%{transform:translateY(0)}25%{transform:translateY(calc(var(--dot-position) * 1))}75%{transform:translateY(calc(var(--dot-position) * -1))}100%{transform:translateY(0)}}.chat-community .story-chat{position:relative;padding:var(--chat-padding);border-radius:var(--chat-radius);background-color:var(--chat-bubble-bot)}.chat-community .story-chat::before{content:"";position:absolute;top:13rem;right:100%;display:block;border:5rem solid rgba(0,0,0,0);border-right:6rem solid var(--chat-bubble-bot);border-left:0;border-radius:3rem}.chat-community .story-chat .story-wait{font-weight:700;font-size:calc(14rem*var(--grade-scale));line-height:1.5;color:#000}.chat-community .story-chat .story-original{font-weight:700;font-size:calc(14rem*var(--grade-scale));line-height:1.5;color:#000}.chat-community .story-chat .story-translated{margin-top:calc(8rem*var(--grade-scale));font-weight:500;font-size:calc(14rem*var(--grade-scale));color:#666;line-height:1.5}.chat-community .story-chat .story-utils{display:flex;align-items:center;gap:8rem;margin-top:8rem}.chat-community .story-chat .story-utils .btn-speaker{width:20rem;height:20rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4564 4.16595C17.6375 5.80782 18.3332 7.82232 18.3332 9.99929C18.3332 12.1763 17.6375 14.1908 16.4564 15.8326M13.1209 6.66596C13.78 7.61082 14.1665 8.75991 14.1665 9.99929C14.1665 11.2387 13.78 12.3878 13.1209 13.3326M8.02843 4.47069L5.39036 7.10876C5.24624 7.25289 5.17417 7.32495 5.09007 7.37649C5.01551 7.42218 4.93423 7.45585 4.8492 7.47626C4.75329 7.49929 4.65138 7.49929 4.44755 7.49929H2.99984C2.53313 7.49929 2.29977 7.49929 2.12151 7.59012C1.96471 7.67001 1.83723 7.79749 1.75733 7.9543C1.6665 8.13256 1.6665 8.36591 1.6665 8.83262V11.166C1.6665 11.6327 1.6665 11.866 1.75733 12.0443C1.83723 12.2011 1.96471 12.3286 2.12151 12.4085C2.29977 12.4993 2.53313 12.4993 2.99984 12.4993H4.44755C4.65138 12.4993 4.75329 12.4993 4.8492 12.5223C4.93423 12.5427 5.01551 12.5764 5.09007 12.6221C5.17417 12.6736 5.24624 12.7457 5.39036 12.8898L8.02843 15.5279C8.38541 15.8849 8.5639 16.0634 8.71715 16.0754C8.85011 16.0859 8.98005 16.0321 9.06667 15.9306C9.1665 15.8137 9.1665 15.5613 9.1665 15.0565V4.9421C9.1665 4.43725 9.1665 4.18483 9.06667 4.06794C8.98005 3.96652 8.85011 3.9127 8.71715 3.92316C8.5639 3.93522 8.38541 4.11371 8.02843 4.47069Z' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-chat .story-utils .btn-translate{width:20rem;height:20rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_583_8400)'%3E%3Cpath d='M9.99984 1.66797C12.0842 3.94993 13.2688 6.91133 13.3332 10.0013C13.2688 13.0913 12.0842 16.0527 9.99984 18.3346M9.99984 1.66797C7.91544 3.94993 6.73088 6.91133 6.6665 10.0013C6.73088 13.0913 7.91544 16.0527 9.99984 18.3346M9.99984 1.66797C5.39746 1.66797 1.6665 5.39893 1.6665 10.0013C1.6665 14.6037 5.39746 18.3346 9.99984 18.3346M9.99984 1.66797C14.6022 1.66797 18.3332 5.39893 18.3332 10.0013C18.3332 14.6037 14.6022 18.3346 9.99984 18.3346M2.08319 7.5013H17.9165M2.08317 12.5013H17.9165' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_583_8400'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}.chat-community .story-chat .story-utils .btn-translate.is-active{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_583_8400)'%3E%3Cpath d='M9.99984 1.66797C12.0842 3.94993 13.2688 6.91133 13.3332 10.0013C13.2688 13.0913 12.0842 16.0527 9.99984 18.3346M9.99984 1.66797C7.91544 3.94993 6.73088 6.91133 6.6665 10.0013C6.73088 13.0913 7.91544 16.0527 9.99984 18.3346M9.99984 1.66797C5.39746 1.66797 1.6665 5.39893 1.6665 10.0013C1.6665 14.6037 5.39746 18.3346 9.99984 18.3346M9.99984 1.66797C14.6022 1.66797 18.3332 5.39893 18.3332 10.0013C18.3332 14.6037 14.6022 18.3346 9.99984 18.3346M2.08319 7.5013H17.9165M2.08317 12.5013H17.9165' stroke='%23FF6652' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_583_8400'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}.chat-community .story-user-chat{position:relative;display:inline-flex;align-items:center;gap:8rem;padding:16rem;background-color:var(--chat-bubble-user);border-radius:var(--chat-radius);color:#000;font-weight:700;font-size:calc(14rem*var(--grade-scale));line-height:calc(16rem*var(--grade-scale))}.chat-community .story-user-chat::before{content:"";position:absolute;top:13rem;left:100%;display:block;border:5rem solid rgba(0,0,0,0);border-left:6rem solid var(--chat-bubble-user);border-right:0;border-radius:3rem}.chat-community .story-user-chat .story-utils{display:flex;flex-wrap:nowrap;gap:8rem;position:absolute;right:calc(100% + 8rem);top:0}.chat-community .story-user-chat .story-utils button{display:flex;justify-content:center;align-items:center;width:32rem;height:32rem;border-radius:50%}.chat-community .story-user-chat .story-utils button::before{content:"";display:block;width:16rem;height:16rem;background:no-repeat center center/contain}.chat-community .story-user-chat .story-utils .btn-correct{background-color:#ffeaea}.chat-community .story-user-chat .story-utils .btn-correct::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6.00015V8.66682M8 11.3335H8.00667M7.07688 2.59464L1.59362 12.0657C1.28948 12.591 1.13742 12.8537 1.15989 13.0693C1.1795 13.2573 1.27801 13.4282 1.43091 13.5394C1.60622 13.6668 1.90973 13.6668 2.51674 13.6668H13.4833C14.0903 13.6668 14.3938 13.6668 14.5691 13.5394C14.722 13.4282 14.8205 13.2573 14.8401 13.0693C14.8626 12.8537 14.7105 12.591 14.4064 12.0657L8.92312 2.59463C8.62007 2.07119 8.46855 1.80947 8.27087 1.72157C8.09843 1.64489 7.90157 1.64489 7.72913 1.72157C7.53145 1.80947 7.37992 2.07119 7.07688 2.59464Z' stroke='%23FF6652' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-user-chat .story-utils .btn-better{background-color:#cdf8ec}.chat-community .story-user-chat .story-utils .btn-better::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8H5.00667M8 8H8.00667M11 8H11.0067M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 8.7981 2.15582 9.5598 2.43871 10.2563C2.49285 10.3897 2.51992 10.4563 2.532 10.5102C2.54381 10.5629 2.54813 10.6019 2.54814 10.6559C2.54814 10.7111 2.53812 10.7713 2.51807 10.8916L2.12275 13.2635C2.08135 13.5119 2.06065 13.6361 2.09917 13.7259C2.13289 13.8045 2.19552 13.8671 2.27412 13.9008C2.36393 13.9393 2.48812 13.9186 2.73651 13.8772L5.10843 13.4819C5.22872 13.4619 5.28887 13.4519 5.34409 13.4519C5.3981 13.4519 5.43711 13.4562 5.48981 13.468C5.54369 13.4801 5.61035 13.5072 5.74366 13.5613C6.4402 13.8442 7.2019 14 8 14ZM5.33333 8C5.33333 8.1841 5.1841 8.33333 5 8.33333C4.81591 8.33333 4.66667 8.1841 4.66667 8C4.66667 7.81591 4.81591 7.66667 5 7.66667C5.1841 7.66667 5.33333 7.81591 5.33333 8ZM8.33333 8C8.33333 8.1841 8.1841 8.33333 8 8.33333C7.81591 8.33333 7.66667 8.1841 7.66667 8C7.66667 7.81591 7.81591 7.66667 8 7.66667C8.1841 7.66667 8.33333 7.81591 8.33333 8ZM11.3333 8C11.3333 8.1841 11.1841 8.33333 11 8.33333C10.8159 8.33333 10.6667 8.1841 10.6667 8C10.6667 7.81591 10.8159 7.66667 11 7.66667C11.1841 7.66667 11.3333 7.81591 11.3333 8Z' stroke='%231C9F78' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-user-chat .story-utils .btn-respeak{background-color:#f4f4f4}.chat-community .story-user-chat .story-utils .btn-respeak::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9987 6.66667C13.9987 6.66667 12.662 4.84548 11.5761 3.75883C10.4902 2.67218 8.98963 2 7.33203 2C4.01832 2 1.33203 4.68629 1.33203 8C1.33203 11.3137 4.01832 14 7.33203 14C10.0674 14 12.3753 12.1695 13.0975 9.66667M13.9987 6.66667V2.66667M13.9987 6.66667H9.9987' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-user-chat .story-utils .btn-hint{background-color:var(--chat-bubble-hint)}.chat-community .story-user-chat .story-utils .btn-hint::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_910_13985)'%3E%3Cpath d='M6.66536 11.7721V13.333C6.66536 14.0694 7.26232 14.6663 7.9987 14.6663C8.73508 14.6663 9.33203 14.0694 9.33203 13.333V11.7721M7.9987 1.33301V1.99967M1.9987 7.99967H1.33203M3.66536 3.66634L3.2653 3.26628M12.332 3.66634L12.7322 3.26628M14.6654 7.99967H13.9987M11.9987 7.99967C11.9987 10.2088 10.2078 11.9997 7.9987 11.9997C5.78956 11.9997 3.9987 10.2088 3.9987 7.99967C3.9987 5.79054 5.78956 3.99967 7.9987 3.99967C10.2078 3.99967 11.9987 5.79054 11.9987 7.99967Z' stroke='%23F96800' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_910_13985'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}.chat-community .story-keyboard-chat,.chat-community .story-record-chat{position:relative;display:inline-flex;align-items:center;gap:8rem;padding:var(--chat-padding);border-radius:var(--chat-radius);background-color:var(--chat-bubble-user);color:#000;font-weight:700}.chat-community .story-keyboard-chat::before,.chat-community .story-record-chat::before{content:"";position:absolute;top:13rem;left:100%;display:block;border:5rem solid rgba(0,0,0,0);border-left:6rem solid var(--chat-bubble-user);border-right:0;border-radius:3rem}.chat-community .story-keyboard-chat .btn-recored,.chat-community .story-record-chat .btn-recored{width:16rem;height:16rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6663 6.66536V7.9987C12.6663 10.576 10.577 12.6654 7.99967 12.6654M3.33301 6.66536V7.9987C3.33301 10.576 5.42235 12.6654 7.99967 12.6654M7.99967 12.6654V14.6654M5.33301 14.6654H10.6663M7.99967 9.9987C6.89511 9.9987 5.99967 9.10327 5.99967 7.9987V3.33203C5.99967 2.22746 6.89511 1.33203 7.99967 1.33203C9.10424 1.33203 9.99967 2.22746 9.99967 3.33203V7.9987C9.99967 9.10327 9.10424 9.9987 7.99967 9.9987Z' stroke='%23333450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-keyboard-chat .btn-keyboard,.chat-community .story-record-chat .btn-keyboard{width:16rem;height:16rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66536 9.66667H11.332M3.9987 6.66667H4.00536M6.66536 6.66667H6.67203M9.33203 6.66667H9.3387M11.9987 6.66667H12.0054M3.46536 12H12.532C13.2788 12 13.6521 12 13.9374 11.8547C14.1882 11.7268 14.3922 11.5229 14.52 11.272C14.6654 10.9868 14.6654 10.6134 14.6654 9.86667V6.13333C14.6654 5.3866 14.6654 5.01323 14.52 4.72801C14.3922 4.47713 14.1882 4.27316 13.9374 4.14532C13.6521 4 13.2788 4 12.532 4H3.46536C2.71863 4 2.34526 4 2.06004 4.14532C1.80916 4.27316 1.60519 4.47713 1.47736 4.72801C1.33203 5.01323 1.33203 5.3866 1.33203 6.13333V9.86667C1.33203 10.6134 1.33203 10.9868 1.47736 11.272C1.60519 11.5229 1.80916 11.7268 2.06004 11.8547C2.34526 12 2.71863 12 3.46536 12Z' stroke='%23333450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-keyboard-chat .story-utils,.chat-community .story-record-chat .story-utils{display:flex;flex-wrap:nowrap;gap:8rem;position:absolute;right:calc(100% + 8rem);top:0}.chat-community .story-keyboard-chat .story-utils button,.chat-community .story-record-chat .story-utils button{display:flex;justify-content:center;align-items:center;width:32rem;height:32rem;border-radius:50%}.chat-community .story-keyboard-chat .story-utils button::before,.chat-community .story-record-chat .story-utils button::before{content:"";display:block;width:16rem;height:16rem;background:no-repeat center center/contain}.chat-community .story-keyboard-chat .story-utils .btn-correct,.chat-community .story-record-chat .story-utils .btn-correct{background-color:#ffeaea}.chat-community .story-keyboard-chat .story-utils .btn-correct::before,.chat-community .story-record-chat .story-utils .btn-correct::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6.00015V8.66682M8 11.3335H8.00667M7.07688 2.59464L1.59362 12.0657C1.28948 12.591 1.13742 12.8537 1.15989 13.0693C1.1795 13.2573 1.27801 13.4282 1.43091 13.5394C1.60622 13.6668 1.90973 13.6668 2.51674 13.6668H13.4833C14.0903 13.6668 14.3938 13.6668 14.5691 13.5394C14.722 13.4282 14.8205 13.2573 14.8401 13.0693C14.8626 12.8537 14.7105 12.591 14.4064 12.0657L8.92312 2.59463C8.62007 2.07119 8.46855 1.80947 8.27087 1.72157C8.09843 1.64489 7.90157 1.64489 7.72913 1.72157C7.53145 1.80947 7.37992 2.07119 7.07688 2.59464Z' stroke='%23FF6652' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-keyboard-chat .story-utils .btn-better,.chat-community .story-record-chat .story-utils .btn-better{background-color:#cdf8ec}.chat-community .story-keyboard-chat .story-utils .btn-better::before,.chat-community .story-record-chat .story-utils .btn-better::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8H5.00667M8 8H8.00667M11 8H11.0067M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 8.7981 2.15582 9.5598 2.43871 10.2563C2.49285 10.3897 2.51992 10.4563 2.532 10.5102C2.54381 10.5629 2.54813 10.6019 2.54814 10.6559C2.54814 10.7111 2.53812 10.7713 2.51807 10.8916L2.12275 13.2635C2.08135 13.5119 2.06065 13.6361 2.09917 13.7259C2.13289 13.8045 2.19552 13.8671 2.27412 13.9008C2.36393 13.9393 2.48812 13.9186 2.73651 13.8772L5.10843 13.4819C5.22872 13.4619 5.28887 13.4519 5.34409 13.4519C5.3981 13.4519 5.43711 13.4562 5.48981 13.468C5.54369 13.4801 5.61035 13.5072 5.74366 13.5613C6.4402 13.8442 7.2019 14 8 14ZM5.33333 8C5.33333 8.1841 5.1841 8.33333 5 8.33333C4.81591 8.33333 4.66667 8.1841 4.66667 8C4.66667 7.81591 4.81591 7.66667 5 7.66667C5.1841 7.66667 5.33333 7.81591 5.33333 8ZM8.33333 8C8.33333 8.1841 8.1841 8.33333 8 8.33333C7.81591 8.33333 7.66667 8.1841 7.66667 8C7.66667 7.81591 7.81591 7.66667 8 7.66667C8.1841 7.66667 8.33333 7.81591 8.33333 8ZM11.3333 8C11.3333 8.1841 11.1841 8.33333 11 8.33333C10.8159 8.33333 10.6667 8.1841 10.6667 8C10.6667 7.81591 10.8159 7.66667 11 7.66667C11.1841 7.66667 11.3333 7.81591 11.3333 8Z' stroke='%231C9F78' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-keyboard-chat .story-utils .btn-respeak,.chat-community .story-record-chat .story-utils .btn-respeak{background-color:#f4f4f4}.chat-community .story-keyboard-chat .story-utils .btn-respeak::before,.chat-community .story-record-chat .story-utils .btn-respeak::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9987 6.66667C13.9987 6.66667 12.662 4.84548 11.5761 3.75883C10.4902 2.67218 8.98963 2 7.33203 2C4.01832 2 1.33203 4.68629 1.33203 8C1.33203 11.3137 4.01832 14 7.33203 14C10.0674 14 12.3753 12.1695 13.0975 9.66667M13.9987 6.66667V2.66667M13.9987 6.66667H9.9987' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-community .story-keyboard-chat .story-utils .btn-hint,.chat-community .story-record-chat .story-utils .btn-hint{background-color:var(--chat-bubble-hint)}.chat-community .story-keyboard-chat .story-utils .btn-hint::before,.chat-community .story-record-chat .story-utils .btn-hint::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_910_13985)'%3E%3Cpath d='M6.66536 11.7721V13.333C6.66536 14.0694 7.26232 14.6663 7.9987 14.6663C8.73508 14.6663 9.33203 14.0694 9.33203 13.333V11.7721M7.9987 1.33301V1.99967M1.9987 7.99967H1.33203M3.66536 3.66634L3.2653 3.26628M12.332 3.66634L12.7322 3.26628M14.6654 7.99967H13.9987M11.9987 7.99967C11.9987 10.2088 10.2078 11.9997 7.9987 11.9997C5.78956 11.9997 3.9987 10.2088 3.9987 7.99967C3.9987 5.79054 5.78956 3.99967 7.9987 3.99967C10.2078 3.99967 11.9987 5.79054 11.9987 7.99967Z' stroke='%23F96800' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_910_13985'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}.chat-community .story-hint-chat{position:relative;display:inline-flex;flex-direction:column;justify-content:center;gap:8rem;padding:var(--chat-padding);border-radius:var(--chat-radius);background-color:var(--chat-bubble-hint);color:#000}.chat-community .story-hint-chat::before{content:"";position:absolute;top:13rem;left:100%;display:block;border:5rem solid rgba(0,0,0,0);border-left:6rem solid var(--chat-bubble-hint);border-right:0;border-radius:3rem}.chat-community .story-hint-chat .story-hint{display:flex;align-items:center;gap:8rem;font-weight:700;font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale));color:#ff6652}.chat-community .story-hint-chat .story-hint::before{content:"";display:block;width:16rem;height:16rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_910_13985)'%3E%3Cpath d='M6.66536 11.7721V13.333C6.66536 14.0694 7.26232 14.6663 7.9987 14.6663C8.73508 14.6663 9.33203 14.0694 9.33203 13.333V11.7721M7.9987 1.33301V1.99967M1.9987 7.99967H1.33203M3.66536 3.66634L3.2653 3.26628M12.332 3.66634L12.7322 3.26628M14.6654 7.99967H13.9987M11.9987 7.99967C11.9987 10.2088 10.2078 11.9997 7.9987 11.9997C5.78956 11.9997 3.9987 10.2088 3.9987 7.99967C3.9987 5.79054 5.78956 3.99967 7.9987 3.99967C10.2078 3.99967 11.9987 5.79054 11.9987 7.99967Z' stroke='%23F96800' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_910_13985'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}.chat-community .story-hint-chat .story-original{font-weight:700;font-size:calc(12rem*var(--grade-scale));line-height:calc(16rem*var(--grade-scale));color:#000}.chat-community .story-better-chat,.chat-community .story-feedback-chat{position:relative;width:100%;max-width:360rem;background-color:#ffeaea;border-radius:8rem;padding:16rem}.chat-community .story-better-chat::before,.chat-community .story-feedback-chat::before{content:"";position:absolute;top:13rem;left:100%;display:block;border:5rem solid rgba(0,0,0,0);border-left:6rem solid #ffeaea;border-right:0;border-radius:3rem}.chat-community .story-better-chat .title,.chat-community .story-feedback-chat .title{display:flex;align-items:center;gap:8rem;font-weight:700;font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale));color:#ff6652}.chat-community .story-better-chat .title::before,.chat-community .story-feedback-chat .title::before{content:"";display:block;width:16rem;height:16rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6.00015V8.66682M8 11.3335H8.00667M7.07688 2.59464L1.59362 12.0657C1.28948 12.591 1.13742 12.8537 1.15989 13.0693C1.1795 13.2573 1.27801 13.4282 1.43091 13.5394C1.60622 13.6668 1.90973 13.6668 2.51674 13.6668H13.4833C14.0903 13.6668 14.3938 13.6668 14.5691 13.5394C14.722 13.4282 14.8205 13.2573 14.8401 13.0693C14.8626 12.8537 14.7105 12.591 14.4064 12.0657L8.92312 2.59463C8.62007 2.07119 8.46855 1.80947 8.27087 1.72157C8.09843 1.64489 7.90157 1.64489 7.72913 1.72157C7.53145 1.80947 7.37992 2.07119 7.07688 2.59464Z' stroke='%23FF6652' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#ff6652}.chat-community .story-better-chat .explan,.chat-community .story-feedback-chat .explan{margin-top:calc(8rem*var(--grade-scale));font-weight:400;font-size:calc(12rem*var(--grade-scale));line-height:1.5;color:#666}.chat-community .story-better-chat .corect,.chat-community .story-feedback-chat .corect{margin-top:calc(12rem*var(--grade-scale))}.chat-community .story-better-chat .corect .corect-label,.chat-community .story-feedback-chat .corect .corect-label{font-weight:700;font-size:calc(12rem*var(--grade-scale));line-height:calc(16rem*var(--grade-scale));color:#000}.chat-community .story-better-chat .corect .corect-translated,.chat-community .story-feedback-chat .corect .corect-translated{margin:2rem 0 0 0;font-weight:700;font-size:calc(12rem*var(--grade-scale));line-height:calc(16rem*var(--grade-scale));color:#000}.chat-community .story-better-chat{background-color:#cdf8ec}.chat-community .story-better-chat::before{border-left:6rem solid #cdf8ec}.chat-community .story-better-chat .title{color:#1c9f78}.chat-community .story-better-chat .title::before{mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8H5.00667M8 8H8.00667M11 8H11.0067M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 8.7981 2.15582 9.5598 2.43871 10.2563C2.49285 10.3897 2.51992 10.4563 2.532 10.5102C2.54381 10.5629 2.54813 10.6019 2.54814 10.6559C2.54814 10.7111 2.53812 10.7713 2.51807 10.8916L2.12275 13.2635C2.08135 13.5119 2.06065 13.6361 2.09917 13.7259C2.13289 13.8045 2.19552 13.8671 2.27412 13.9008C2.36393 13.9393 2.48812 13.9186 2.73651 13.8772L5.10843 13.4819C5.22872 13.4619 5.28887 13.4519 5.34409 13.4519C5.3981 13.4519 5.43711 13.4562 5.48981 13.468C5.54369 13.4801 5.61035 13.5072 5.74366 13.5613C6.4402 13.8442 7.2019 14 8 14ZM5.33333 8C5.33333 8.1841 5.1841 8.33333 5 8.33333C4.81591 8.33333 4.66667 8.1841 4.66667 8C4.66667 7.81591 4.81591 7.66667 5 7.66667C5.1841 7.66667 5.33333 7.81591 5.33333 8ZM8.33333 8C8.33333 8.1841 8.1841 8.33333 8 8.33333C7.81591 8.33333 7.66667 8.1841 7.66667 8C7.66667 7.81591 7.81591 7.66667 8 7.66667C8.1841 7.66667 8.33333 7.81591 8.33333 8ZM11.3333 8C11.3333 8.1841 11.1841 8.33333 11 8.33333C10.8159 8.33333 10.6667 8.1841 10.6667 8C10.6667 7.81591 10.8159 7.66667 11 7.66667C11.1841 7.66667 11.3333 7.81591 11.3333 8Z' stroke='%231C9F78' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#1c9f78}.depp-learning-wrap .deep-learning-desc{margin-bottom:12rem;font-weight:700;font-size:14rem;line-height:20rem;color:#333450}.depp-learning-wrap .deep-learning-list{display:flex;flex-direction:column;gap:10rem}.depp-learning-wrap .deep-learning-test{display:flex}.depp-learning-wrap .deep-learning-test .test-box{flex:1 1 auto;padding:15rem;border-radius:8rem;background-color:#f6f6f6}.depp-learning-wrap .deep-learning-test .test-box .quse-original{display:flex;align-items:center;gap:8rem;font-weight:700;font-size:14rem;line-height:20rem;color:#000}.depp-learning-wrap .deep-learning-test .test-box .quse-original .btn-speaker{width:20rem;height:20rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23CCCCCC'/%3E%3Cpath d='M13.874 6.50192C14.5826 7.48704 15 8.69573 15 10.0019C15 11.3081 14.5826 12.5168 13.874 13.5019M11.8727 8.00192C12.2681 8.56883 12.5 9.25829 12.5 10.0019C12.5 10.7455 12.2681 11.435 11.8727 12.0019M8.81716 6.68476L7.23431 8.2676C7.14784 8.35408 7.1046 8.39732 7.05414 8.42824C7.00941 8.45565 6.96063 8.47585 6.90962 8.4881C6.85207 8.50192 6.79092 8.50192 6.66863 8.50192H5.8C5.51997 8.50192 5.37996 8.50192 5.273 8.55641C5.17892 8.60435 5.10243 8.68084 5.0545 8.77492C5 8.88188 5 9.02189 5 9.30192V10.7019C5 10.9819 5 11.122 5.0545 11.2289C5.10243 11.323 5.17892 11.3995 5.273 11.4474C5.37996 11.5019 5.51997 11.5019 5.8 11.5019H6.66863C6.79092 11.5019 6.85207 11.5019 6.90962 11.5157C6.96063 11.528 7.00941 11.5482 7.05414 11.5756C7.1046 11.6065 7.14784 11.6498 7.23431 11.7362L8.81716 13.3191C9.03135 13.5333 9.13844 13.6404 9.23039 13.6476C9.31016 13.6539 9.38813 13.6216 9.4401 13.5607C9.5 13.4906 9.5 13.3391 9.5 13.0362V6.9676C9.5 6.66469 9.5 6.51324 9.4401 6.44311C9.38813 6.38226 9.31016 6.34996 9.23039 6.35624C9.13844 6.36348 9.03135 6.47057 8.81716 6.68476Z' stroke='%23333450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");vertical-align:middle}.depp-learning-wrap .deep-learning-test .test-box .quse-translated{margin-top:4rem;margin-bottom:8rem;font-weight:400;font-size:12rem;line-height:16rem;color:#666}.depp-learning-wrap .deep-learning-test .test-box .answer-input input{height:32rem;width:100%;padding:0 11rem;border-radius:4rem;font-weight:700;font-size:12rem;line-height:16rem;color:var(--color-primary);border:1px solid #ccc}.depp-learning-wrap .deep-learning-test .test-box .answer-translated{margin-top:4rem;font-weight:400;font-size:12rem;line-height:16rem;color:#666}.depp-learning-wrap .deep-learning-test .test-util{display:flex;align-items:center;justify-content:center;width:60rem}.depp-learning-wrap .deep-learning-test .test-util .btn-remove{width:32rem;height:32rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' fill='white' stroke='%23CCCCCC'/%3E%3Cpath d='M10.1665 16H21.8332' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.sigin-page .sigin-wrap{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;width:100%;max-width:840rem;margin:20rem auto;flex-direction:row;justify-content:space-between;gap:60rem;padding-top:20rem;transform-origin:center top;transform:scale(1.25);transition:transform .2s ease}.sigin-page .sigin-wrap .visual-area{flex:1 1 auto;width:100%;max-width:388rem;height:412rem;overflow:hidden}.sigin-page .sigin-wrap .visual-area img{width:100%;height:100%;object-fit:cover}.sigin-page .sigin-wrap .sigin-area{flex:1 1 auto;width:100%;max-width:388rem;height:412rem;overflow:hidden}.sigin-page .sigin-wrap .sigin-box{width:100%;height:100%;padding:var(--spacer-inner);border:1px solid #ccc;background-color:#f6f6f6;border-radius:8rem;background-color:#fff}.sigin-page .sigin-wrap .sigin-box .sigin-input-group{display:flex;flex-direction:column;gap:12rem}.sigin-page .sigin-wrap .sigin-box .sigin-input-group .sigin-group-message{font-size:12rem}.sigin-page .sigin-wrap .sigin-box .sigin-input-group .sigin-group-message+.sigin-group-message{margin-top:5px}.sigin-page .sigin-wrap .sigin-box .sigin-input .input{width:100%;height:48rem;padding:11rem 13rem;border-radius:8rem;border:1px solid #ccc;font-weight:400;font-size:16rem;line-height:24rem;color:#000}.sigin-page .sigin-wrap .sigin-box .sigin-profile-group{margin-top:10rem}.sigin-page .sigin-wrap .sigin-box .sigin-profile-group .sigin-label{display:block;margin-bottom:6rem;font-weight:700;font-size:14rem;line-height:20rem;color:#333450}.sigin-page .sigin-wrap .sigin-box .sigin-profile-list{display:grid;grid-template-columns:repeat(5, 1fr);gap:10rem 12rem}.sigin-page .sigin-wrap .sigin-box .sigin-profile-list .sigin-profile-item{display:flex;justify-content:center}.sigin-page .sigin-wrap .sigin-box .sigin-profile{position:relative;display:flex;align-items:center;justify-content:center;width:48rem;height:48rem}.sigin-page .sigin-wrap .sigin-box .sigin-profile .avata,.sigin-page .sigin-wrap .sigin-box .sigin-profile .rdo{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%}.sigin-page .sigin-wrap .sigin-box .sigin-profile .rdo{z-index:1;border:none;background-color:rgba(0,0,0,0);appearance:none}.sigin-page .sigin-wrap .sigin-box .sigin-profile .rdo+.avata{z-index:2;overflow:hidden;transition:all .1s ease}.sigin-page .sigin-wrap .sigin-box .sigin-profile .rdo+.avata::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);opacity:0}.sigin-page .sigin-wrap .sigin-box .sigin-profile .rdo+.avata::after{content:"";display:block;position:absolute;left:50%;top:50%;width:24rem;height:24rem;background:no-repeat center center/24rem auto;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23FF6652'/%3E%3Cpath d='M10.0733 17.5C9.86304 17.4999 9.65559 17.4545 9.4667 17.3672C9.2778 17.2798 9.11242 17.153 8.98313 16.9961L5.81783 13.0698C5.69983 12.9349 5.61162 12.7791 5.55842 12.6114C5.50522 12.4438 5.48811 12.2677 5.5081 12.0937C5.5281 11.9197 5.58479 11.7512 5.67482 11.5983C5.76486 11.4454 5.8864 11.3111 6.03227 11.2034C6.17814 11.0957 6.34536 11.0168 6.52404 10.9713C6.70271 10.9258 6.88922 10.9147 7.07252 10.9386C7.25581 10.9626 7.43217 11.021 7.59116 11.1106C7.75015 11.2001 7.88853 11.3189 7.99812 11.46L10.0733 14.0658L16.0019 7.03362C16.1115 6.89258 16.2499 6.77377 16.4088 6.68422C16.5678 6.59467 16.7442 6.53621 16.9275 6.51228C17.1108 6.48836 17.2973 6.49946 17.476 6.54494C17.6546 6.59041 17.8219 6.66933 17.9677 6.77703C18.1136 6.88473 18.2351 7.01902 18.3252 7.17195C18.4152 7.32487 18.4719 7.49333 18.4919 7.66735C18.5119 7.84138 18.4948 8.01742 18.4416 8.18508C18.3884 8.35274 18.3002 8.50859 18.1822 8.64343L11.1634 16.9961C11.0341 17.153 10.8688 17.2798 10.6799 17.3672C10.491 17.4545 10.2835 17.4999 10.0733 17.5Z' fill='white'/%3E%3C/svg%3E%0A");transform:translate(-50%, -50%);opacity:0}.sigin-page .sigin-wrap .sigin-box .sigin-profile .rdo:checked+.avata{outline:4rem solid var(--color-primary);outline-offset:-2rem}.sigin-page .sigin-wrap .sigin-box .sigin-profile .rdo:checked+.avata::before,.sigin-page .sigin-wrap .sigin-box .sigin-profile .rdo:checked+.avata::after{opacity:1}.sigin-page .sigin-wrap .sigin-box .sigin-action-group{margin-top:10rem;padding-top:10rem;border-top:1px solid #eaeaea}.sigin-page .sigin-wrap .sigin-box .sigin-action-group .btn-action{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;background:var(--color-primary-gradation);color:#fff}.sigin-page .sigin-wrap .sigin-box .sigin-action-group .btn-action:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.sigin-page .sigin-wrap .sigin-box .sigin-action-group .btn-action:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.sigin-page .sigin-wrap .sigin-box .sigin-action-group .btn-action:disabled::before{background-color:#fff}.sigin-page .sigin-wrap .sigin-box .sigin-action-group .btn-action{box-shadow:0px 3px 6px rgba(0,0,0,.08);width:100%}.sigin-page .sigin-wrap .waiting-box{padding-top:37rem}.sigin-page .sigin-wrap .waiting-box .waiting-cont .data-tit{margin-bottom:20rem}.sigin-page .sigin-wrap .waiting-box .waiting-cont .data-tit strong{font-weight:700;font-size:32rem;line-height:44rem;color:var(--color-primary);background-image:linear-gradient(to bottom, #fff 25rem, var(--color-primary-light) 16rem)}.sigin-page .sigin-wrap .waiting-box .waiting-cont .data-explain{font-weight:400;font-size:24rem;line-height:36rem;color:#000}.sigin-page .sigin-wrap .waiting-box .waiting-guide{margin-top:60rem}.sigin-page .sigin-wrap .waiting-box .waiting-guide .data-tip .tip{display:inline-flex;align-items:center;height:24rem;padding:0rem 8rem;border-radius:24rem;background-color:#333450;font-weight:700;font-size:12rem;line-height:16rem;color:#fff}.sigin-page .sigin-wrap .waiting-box .waiting-guide .data-list{margin-top:12rem}.sigin-page .sigin-wrap .waiting-box .waiting-guide .data-list li{position:relative;padding-left:12rem;font-weight:400;font-size:14rem;line-height:20rem;color:#666}.sigin-page .sigin-wrap .waiting-box .waiting-guide .data-list li::before{content:"";display:block;position:absolute;left:0;top:9rem;width:4rem;height:4rem;border-radius:50%;background-color:#dfdfdf}.story-page .content-header .story-profile{flex:none;display:flex;align-items:center;gap:calc(12rem*var(--grade-scale))}.story-page .content-header .story-profile .avata{width:calc(40rem*var(--grade-scale));height:calc(40rem*var(--grade-scale));border-radius:50%;overflow:hidden}.story-page .content-header .story-profile .avata img{width:100%;height:100%;object-fit:cover}.story-page .content-header .content-util{position:absolute;right:var(--spacer);bottom:0;display:flex;align-items:center;gap:12rem;font-weight:400;font-size:14rem;line-height:20rem;color:#000}.story-page .content-header .content-util .util-item{display:flex;align-items:center;gap:4rem}.story-page .content-header .content-util .util-item .tit{font-weight:400}.story-page .content-header .content-util .util-item .toggle{position:relative;display:block;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-height);overflow:hidden}.story-page .content-header .content-util .util-item .toggle input{appearance:none;position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;opacity:0;transition:left .2s ease}.story-page .content-header .content-util .util-item .toggle input+.toggle-ui{display:block;position:relative;width:100%;height:100%;background-color:#dfdfdf}.story-page .content-header .content-util .util-item .toggle input+.toggle-ui::before,.story-page .content-header .content-util .util-item .toggle input+.toggle-ui::after{content:"";display:block}.story-page .content-header .content-util .util-item .toggle input+.toggle-ui::before{width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-primary);opacity:0;transition:opacity var(--toggle-duration) ease}.story-page .content-header .content-util .util-item .toggle input+.toggle-ui::after{position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;transition:left var(--toggle-duration) ease}.story-page .content-header .content-util .util-item .toggle input:checked{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.story-page .content-header .content-util .util-item .toggle input:checked+.toggle-ui::before{background-color:var(--color-primary);opacity:1}.story-page .content-header .content-util .util-item .toggle input:checked+.toggle-ui::after{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.story-page .content-header .content-util .util-item .toggle.h-20{--toggle-width: 36rem;--toggle-height: 20rem;--toggle-padding: 2px;--toggle-duration: 0.1s}.story-page .content-header .content-util .util-item .voice-speed-wrap{position:relative}.story-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed{width:40rem;display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;height:20rem;padding:0 7rem 1rem 7rem;border-radius:4rem;font-weight:700;font-size:11rem;line-height:15rem;color:#000;background:#333450;color:#fff}.story-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.story-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed:disabled::before{background-color:#fff}.story-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed{border:1px solid #252641;background:linear-gradient(180deg, #4F5075 0%, #2A2B45 105.68%);box-shadow:1px 1px 2px 0 rgba(0,0,0,.3)}.story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu{z-index:10;display:none;width:100%;padding:4rem;flex-direction:column;align-items:flex-start;gap:4rem;border-radius:6rem;background-color:#2d2e48;transform:translate(0px, 25px) !important}.story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu::before{content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:8rem;height:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='3' viewBox='0 0 8 3' fill='none'%3E%3Cpath d='M4 0L0 3H8L4 0Z' fill='%232D2E48'/%3E%3C/svg%3E")}.story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu.show{display:flex}.story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item{width:100%}.story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item button{display:flex;width:100%;height:22px;padding:2px 4px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px;background:#fff;font-weight:500;font-size:12rem;line-height:16rem;color:#000}.story-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item.active button{background-color:var(--color-primary);color:#fff}.story-page .story-box{padding:var(--spacer-inner);border:1px solid #ccc;background-color:#f6f6f6;border-radius:8rem;display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding:32rem;padding-right:4rem}.story-page .story-box .story-scroll{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding-right:28rem;overflow:auto}.story-page .story-box .story-profile{flex:none;display:flex;align-items:center;gap:calc(12rem*var(--grade-scale));margin-bottom:20rem}.story-page .story-box .story-profile .avata{width:calc(40rem*var(--grade-scale));height:calc(40rem*var(--grade-scale));border-radius:50%;overflow:hidden}.story-page .story-box .story-profile .avata img{width:100%;height:100%;object-fit:cover}.story-page .story-box .story-profile .name{font-weight:700;font-size:calc(22rem*var(--grade-scale));line-height:calc(32rem*var(--grade-scale));color:#000}.story-page .story-box .story-original{flex:none;font-weight:700;font-size:calc(24rem*var(--grade-scale));line-height:calc(36rem*var(--grade-scale));color:#000;word-break:keep-all}.story-page .story-box .story-original p{display:inline}.story-page .story-box .story-original .keyword{color:var(--color-primary)}.story-page .story-box .story-original .btn-speaker{width:24rem;height:24rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4564 4.16595C17.6375 5.80782 18.3332 7.82232 18.3332 9.99929C18.3332 12.1763 17.6375 14.1908 16.4564 15.8326M13.1209 6.66596C13.78 7.61082 14.1665 8.75991 14.1665 9.99929C14.1665 11.2387 13.78 12.3878 13.1209 13.3326M8.02843 4.47069L5.39036 7.10876C5.24624 7.25289 5.17417 7.32495 5.09007 7.37649C5.01551 7.42218 4.93423 7.45585 4.8492 7.47626C4.75329 7.49929 4.65138 7.49929 4.44755 7.49929H2.99984C2.53313 7.49929 2.29977 7.49929 2.12151 7.59012C1.96471 7.67001 1.83723 7.79749 1.75733 7.9543C1.6665 8.13256 1.6665 8.36591 1.6665 8.83262V11.166C1.6665 11.6327 1.6665 11.866 1.75733 12.0443C1.83723 12.2011 1.96471 12.3286 2.12151 12.4085C2.29977 12.4993 2.53313 12.4993 2.99984 12.4993H4.44755C4.65138 12.4993 4.75329 12.4993 4.8492 12.5223C4.93423 12.5427 5.01551 12.5764 5.09007 12.6221C5.17417 12.6736 5.24624 12.7457 5.39036 12.8898L8.02843 15.5279C8.38541 15.8849 8.5639 16.0634 8.71715 16.0754C8.85011 16.0859 8.98005 16.0321 9.06667 15.9306C9.1665 15.8137 9.1665 15.5613 9.1665 15.0565V4.9421C9.1665 4.43725 9.1665 4.18483 9.06667 4.06794C8.98005 3.96652 8.85011 3.9127 8.71715 3.92316C8.5639 3.93522 8.38541 4.11371 8.02843 4.47069Z' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#767676}.story-page .story-box .story-original .btn-speaker:hover{background-color:#333}.story-page .story-box .story-original .btn-speaker:disabled{pointer-events:none;opacity:.25}.story-page .story-box .story-translated{flex:none;margin-top:calc(20rem*var(--grade-scale));font-weight:400;font-size:calc(20rem*var(--grade-scale));line-height:calc(28rem*var(--grade-scale));color:#666;word-break:keep-all}.basic-learning-page .content-header .content-util{position:absolute;right:var(--spacer);bottom:0;display:flex;align-items:center;gap:12rem;font-weight:400;font-size:14rem;line-height:20rem;color:#000}.basic-learning-page .content-header .content-util .util-split{display:block;width:1px;height:12rem;background-color:#dfdfdf}.basic-learning-page .content-header .content-util .util-item{display:flex;align-items:center;gap:4rem}.basic-learning-page .content-header .content-util .util-item .tit{font-weight:400}.basic-learning-page .content-header .content-util .util-item .count{font-weight:700;font-style:normal}.basic-learning-page .content-header .content-util .util-item .toggle{position:relative;display:block;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-height);overflow:hidden}.basic-learning-page .content-header .content-util .util-item .toggle input{appearance:none;position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;opacity:0;transition:left .2s ease}.basic-learning-page .content-header .content-util .util-item .toggle input+.toggle-ui{display:block;position:relative;width:100%;height:100%;background-color:#dfdfdf}.basic-learning-page .content-header .content-util .util-item .toggle input+.toggle-ui::before,.basic-learning-page .content-header .content-util .util-item .toggle input+.toggle-ui::after{content:"";display:block}.basic-learning-page .content-header .content-util .util-item .toggle input+.toggle-ui::before{width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-primary);opacity:0;transition:opacity var(--toggle-duration) ease}.basic-learning-page .content-header .content-util .util-item .toggle input+.toggle-ui::after{position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;transition:left var(--toggle-duration) ease}.basic-learning-page .content-header .content-util .util-item .toggle input:checked{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.basic-learning-page .content-header .content-util .util-item .toggle input:checked+.toggle-ui::before{background-color:var(--color-primary);opacity:1}.basic-learning-page .content-header .content-util .util-item .toggle input:checked+.toggle-ui::after{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.basic-learning-page .content-header .content-util .util-item .toggle.h-20{--toggle-width: 36rem;--toggle-height: 20rem;--toggle-padding: 2px;--toggle-duration: 0.1s}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap{position:relative}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed{width:40rem;display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;height:20rem;padding:0 7rem 1rem 7rem;border-radius:4rem;font-weight:700;font-size:11rem;line-height:15rem;color:#000;background:#333450;color:#fff}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed:disabled::before{background-color:#fff}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .btn-speed{border:1px solid #252641;background:linear-gradient(180deg, #4F5075 0%, #2A2B45 105.68%);box-shadow:1px 1px 2px 0 rgba(0,0,0,.3)}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu{z-index:10;display:none;width:100%;padding:4rem;flex-direction:column;align-items:flex-start;gap:4rem;border-radius:6rem;background-color:#2d2e48;transform:translate(0px, 25px) !important}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu::before{content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:8rem;height:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='3' viewBox='0 0 8 3' fill='none'%3E%3Cpath d='M4 0L0 3H8L4 0Z' fill='%232D2E48'/%3E%3C/svg%3E")}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu.show{display:flex}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item{width:100%}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item button{display:flex;width:100%;height:22px;padding:2px 4px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px;background:#fff;font-weight:500;font-size:12rem;line-height:16rem;color:#000}.basic-learning-page .content-header .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item.active button{background-color:var(--color-primary);color:#fff}.basic-learning-page .story-learning-box{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;background-color:#fff}.basic-learning-page .story-learning-list{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding-right:14rem;overflow:auto;gap:calc(12rem*var(--grade-scale))}.basic-learning-page .story-learning-list .story-learning-item{flex:none}.basic-learning-page .story-learning{position:relative;padding:24rem;padding-right:80rem;border-radius:8rem;background-color:#f6f6f6;border:1px solid #f6f6f6;transition:all .15s ease}.basic-learning-page .story-learning .story-original{font-weight:700;font-size:calc(18rem*var(--grade-scale));line-height:calc(28rem*var(--grade-scale));color:#000}.basic-learning-page .story-learning .story-translated{margin-top:calc(4rem*var(--grade-scale));font-weight:400;font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale));color:#666}.basic-learning-page .story-learning .story-keyword{margin-top:calc(8rem*var(--grade-scale));font-weight:500;font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale));color:#333450}.basic-learning-page .story-learning .story-util{position:absolute;top:50%;right:24rem;transform:translateY(-50%)}.basic-learning-page .story-learning .story-util .btn-speaker{width:40rem;height:40rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19.5' fill='white' stroke='%23CCCCCC'/%3E%3Cpath d='M26.4564 14.166C27.6375 15.8078 28.3332 17.8223 28.3332 19.9993C28.3332 22.1763 27.6375 24.1908 26.4564 25.8326M23.1209 16.666C23.78 17.6108 24.1665 18.7599 24.1665 19.9993C24.1665 21.2387 23.78 22.3878 23.1209 23.3326M18.0284 14.4707L15.3904 17.1088C15.2462 17.2529 15.1742 17.325 15.0901 17.3765C15.0155 17.4222 14.9342 17.4558 14.8492 17.4763C14.7533 17.4993 14.6514 17.4993 14.4476 17.4993H12.9998C12.5331 17.4993 12.2998 17.4993 12.1215 17.5901C11.9647 17.67 11.8372 17.7975 11.7573 17.9543C11.6665 18.1326 11.6665 18.3659 11.6665 18.8326V21.166C11.6665 21.6327 11.6665 21.866 11.7573 22.0443C11.8372 22.2011 11.9647 22.3286 12.1215 22.4085C12.2998 22.4993 12.5331 22.4993 12.9998 22.4993H14.4476C14.6514 22.4993 14.7533 22.4993 14.8492 22.5223C14.9342 22.5427 15.0155 22.5764 15.0901 22.6221C15.1742 22.6736 15.2462 22.7457 15.3904 22.8898L18.0284 25.5279C18.3854 25.8849 18.5639 26.0634 18.7171 26.0754C18.8501 26.0859 18.9801 26.0321 19.0667 25.9306C19.1665 25.8137 19.1665 25.5613 19.1665 25.0565V14.9421C19.1665 14.4373 19.1665 14.1848 19.0667 14.0679C18.9801 13.9665 18.8501 13.9127 18.7171 13.9232C18.5639 13.9352 18.3854 14.1137 18.0284 14.4707Z' stroke='%23333450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.basic-learning-page .story-learning.is-confirmed{border:1px solid var(--color-primary-light-02);background-color:var(--color-primary-light-02)}.basic-learning-page .story-learning:hover,.basic-learning-page .story-learning.is-active{border:1px solid var(--color-primary);background-color:var(--color-primary-light)}.deep-learning-page .content-util{position:absolute;right:var(--spacer);bottom:0;display:flex;align-items:center;gap:12rem;font-weight:400;font-size:14rem;line-height:20rem;color:#000}.deep-learning-page .content-util .util-split{display:block;width:1px;height:12rem;background-color:#dfdfdf}.deep-learning-page .content-util .util-item{display:flex;align-items:center;gap:4rem}.deep-learning-page .content-util .util-item .tit{font-weight:400}.deep-learning-page .content-util .util-item .count{font-weight:700;font-style:normal}.deep-learning-page .content-util .util-item .toggle{position:relative;display:block;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-height);overflow:hidden}.deep-learning-page .content-util .util-item .toggle input{appearance:none;position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;opacity:0;transition:left .2s ease}.deep-learning-page .content-util .util-item .toggle input+.toggle-ui{display:block;position:relative;width:100%;height:100%;background-color:#dfdfdf}.deep-learning-page .content-util .util-item .toggle input+.toggle-ui::before,.deep-learning-page .content-util .util-item .toggle input+.toggle-ui::after{content:"";display:block}.deep-learning-page .content-util .util-item .toggle input+.toggle-ui::before{width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-primary);opacity:0;transition:opacity var(--toggle-duration) ease}.deep-learning-page .content-util .util-item .toggle input+.toggle-ui::after{position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;transition:left var(--toggle-duration) ease}.deep-learning-page .content-util .util-item .toggle input:checked{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.deep-learning-page .content-util .util-item .toggle input:checked+.toggle-ui::before{background-color:var(--color-primary);opacity:1}.deep-learning-page .content-util .util-item .toggle input:checked+.toggle-ui::after{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.deep-learning-page .content-util .util-item .toggle.h-20{--toggle-width: 36rem;--toggle-height: 20rem;--toggle-padding: 2px;--toggle-duration: 0.1s}.deep-learning-page .content-util .util-item .voice-speed-wrap{position:relative}.deep-learning-page .content-util .util-item .voice-speed-wrap .btn-speed{width:40rem;display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;height:20rem;padding:0 7rem 1rem 7rem;border-radius:4rem;font-weight:700;font-size:11rem;line-height:15rem;color:#000;background:#333450;color:#fff}.deep-learning-page .content-util .util-item .voice-speed-wrap .btn-speed:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.deep-learning-page .content-util .util-item .voice-speed-wrap .btn-speed:disabled::before{background-color:#fff}.deep-learning-page .content-util .util-item .voice-speed-wrap .btn-speed{border:1px solid #252641;background:linear-gradient(180deg, #4F5075 0%, #2A2B45 105.68%);box-shadow:1px 1px 2px 0 rgba(0,0,0,.3)}.deep-learning-page .content-util .util-item .voice-speed-wrap .dropdown-menu{z-index:10;display:none;width:100%;padding:4rem;flex-direction:column;align-items:flex-start;gap:4rem;border-radius:6rem;background-color:#2d2e48;transform:translate(0px, 25px) !important}.deep-learning-page .content-util .util-item .voice-speed-wrap .dropdown-menu::before{content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:8rem;height:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='3' viewBox='0 0 8 3' fill='none'%3E%3Cpath d='M4 0L0 3H8L4 0Z' fill='%232D2E48'/%3E%3C/svg%3E")}.deep-learning-page .content-util .util-item .voice-speed-wrap .dropdown-menu.show{display:flex}.deep-learning-page .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item{width:100%}.deep-learning-page .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item button{display:flex;width:100%;height:22px;padding:2px 4px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px;background:#fff;font-weight:500;font-size:12rem;line-height:16rem;color:#000}.deep-learning-page .content-util .util-item .voice-speed-wrap .dropdown-menu .dropdown-item.active button{background-color:var(--color-primary);color:#fff}.deep-learning-page .story-learning-box{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;background-color:#fff}.deep-learning-page .deep-learning-list{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding-right:14rem;overflow:auto;gap:12rem}.deep-learning-page .deep-learning-test{display:flex}.deep-learning-page .deep-learning-test .test-box{flex:1 1 auto;padding:24rem;border-radius:8rem;background-color:#f6f6f6;border:1px solid rgba(0,0,0,0)}.deep-learning-page .deep-learning-test .test-box .quse-original{display:flex;align-items:center;gap:8rem;font-weight:700;font-size:calc(18rem*var(--grade-scale));line-height:calc(28rem*var(--grade-scale));color:#000}.deep-learning-page .deep-learning-test .test-box .quse-original .btn-speaker{width:calc(28rem*var(--grade-scale));height:calc(28rem*var(--grade-scale));background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='13.5' fill='white' stroke='%23CCCCCC'/%3E%3Cpath d='M19.1654 9.33198C20.1103 10.6455 20.6668 12.2571 20.6668 13.9986C20.6668 15.7402 20.1103 17.3518 19.1654 18.6653M16.497 11.332C17.0243 12.0879 17.3335 13.0072 17.3335 13.9986C17.3335 14.9901 17.0243 15.9094 16.497 16.6653M12.423 9.57577L10.3126 11.6862C10.1973 11.8015 10.1396 11.8592 10.0724 11.9004C10.0127 11.937 9.94767 11.9639 9.87965 11.9802C9.80293 11.9986 9.7214 11.9986 9.55834 11.9986H8.40016C8.02679 11.9986 7.84011 11.9986 7.6975 12.0713C7.57206 12.1352 7.47007 12.2372 7.40616 12.3627C7.3335 12.5053 7.3335 12.6919 7.3335 13.0653V14.932C7.3335 15.3054 7.3335 15.492 7.40616 15.6346C7.47007 15.7601 7.57206 15.8621 7.6975 15.926C7.84011 15.9986 8.02679 15.9986 8.40016 15.9986H9.55834C9.7214 15.9986 9.80293 15.9986 9.87965 16.0171C9.94767 16.0334 10.0127 16.0603 10.0724 16.0969C10.1396 16.1381 10.1973 16.1958 10.3126 16.3111L12.423 18.4215C12.7086 18.7071 12.8514 18.8499 12.974 18.8596C13.0804 18.8679 13.1843 18.8249 13.2536 18.7437C13.3335 18.6502 13.3335 18.4483 13.3335 18.0444V9.9529C13.3335 9.54902 13.3335 9.34708 13.2536 9.25357C13.1843 9.17243 13.0804 9.12938 12.974 9.13775C12.8514 9.1474 12.7086 9.29019 12.423 9.57577Z' stroke='%23333450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");vertical-align:middle}.deep-learning-page .deep-learning-test .test-box .quse-translated{margin-top:calc(4rem*var(--grade-scale));font-weight:400;font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale));color:#666}.deep-learning-page .deep-learning-test .test-box .answer-input{display:flex;gap:8rem;margin-top:8rem}.deep-learning-page .deep-learning-test .test-box .answer-input input{width:100%;width:100%;height:48rem;padding:11rem 13rem;border-radius:8rem;border:1px solid #ccc;font-weight:400;font-size:16rem;line-height:24rem;color:#000;padding-top:5rem;padding-bottom:5rem;font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .answer-input input.is-error{font-weight:700;color:var(--color-primary)}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked{flex:none;width:calc(120rem*var(--grade-scale));display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;box-shadow:0px 3px 6px rgba(0,0,0,.08);border:1px solid #ccc;background-color:#fff}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked::after,.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked::before{background-color:#767676}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked:hover{border-color:var(--color-primary);color:var(--color-primary)}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked:hover::after,.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked:hover::before{background-color:var(--color-primary)}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked:disabled::before{background-color:#fff}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked::before{content:"";display:block;width:calc(24rem*var(--grade-scale));height:calc(24rem*var(--grade-scale));background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12' r='12' fill='%23333450'/%3E%3Cpath d='M10.5733 17.5C10.363 17.4999 10.1556 17.4545 9.9667 17.3672C9.7778 17.2798 9.61242 17.153 9.48313 16.9961L6.31783 13.0698C6.19983 12.9349 6.11162 12.7791 6.05842 12.6114C6.00522 12.4438 5.98811 12.2677 6.0081 12.0937C6.0281 11.9197 6.08479 11.7512 6.17482 11.5983C6.26486 11.4454 6.3864 11.3111 6.53227 11.2034C6.67814 11.0957 6.84536 11.0168 7.02404 10.9713C7.20271 10.9258 7.38922 10.9147 7.57252 10.9386C7.75581 10.9626 7.93217 11.021 8.09116 11.1106C8.25015 11.2001 8.38853 11.3189 8.49812 11.46L10.5733 14.0658L16.5019 7.03362C16.6115 6.89258 16.7499 6.77377 16.9088 6.68422C17.0678 6.59467 17.2442 6.53621 17.4275 6.51228C17.6108 6.48836 17.7973 6.49946 17.976 6.54494C18.1546 6.59041 18.3219 6.66933 18.4677 6.77703C18.6136 6.88473 18.7351 7.01902 18.8252 7.17195C18.9152 7.32487 18.9719 7.49333 18.9919 7.66735C19.0119 7.84138 18.9948 8.01742 18.9416 8.18508C18.8884 8.35274 18.8002 8.50859 18.6822 8.64343L11.6634 16.9961C11.5341 17.153 11.3688 17.2798 11.1799 17.3672C10.991 17.4545 10.7835 17.4999 10.5733 17.5Z' fill='white'/%3E%3C/svg%3E%0A");background-color:rgba(0,0,0,0) !important}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect{flex:none;width:calc(120rem*var(--grade-scale));display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;box-shadow:0px 3px 6px rgba(0,0,0,.08);border:1px solid #ccc;background-color:#fff}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect::after,.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect::before{background-color:#767676}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect:hover{border-color:var(--color-primary);color:var(--color-primary)}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect:hover::after,.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect:hover::before{background-color:var(--color-primary)}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect:disabled::before{background-color:#fff}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect{font-size:calc(16rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect::before{content:"";display:block;margin-right:calc(6rem*var(--grade-scale));width:calc(16rem*var(--grade-scale));height:calc(16rem*var(--grade-scale));mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7.49935H13.75C15.8211 7.49935 17.5 9.17828 17.5 11.2493C17.5 13.3204 15.8211 14.9993 13.75 14.9993H10M2.5 7.49935L5.83333 4.16602M2.5 7.49935L5.83333 10.8327' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.deep-learning-page .deep-learning-test .test-box .answer-translated{margin-top:calc(8rem*var(--grade-scale));font-weight:400;font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale));color:#666}.deep-learning-page .deep-learning-test.is-confirmed .test-box{border-color:var(--color-primary-light-02);background-color:var(--color-primary-light-02)}.deep-learning-page .deep-learning-test:hover .test-box,.deep-learning-page .deep-learning-test.is-active .test-box{border-color:var(--color-primary);background-color:var(--color-primary-light)}.chat-page .content-footer.is-chatting{--chat-footer-height: 60rem;position:relative;justify-content:flex-end;flex-direction:column;overflow:hidden;padding:0 var(--spacer) !important;background:#d9daea !important;box-shadow:0px 0px 8px rgba(0,0,0,.12);height:var(--chat-footer-height);gap:0 !important}.chat-page .content-footer .chat-utils,.chat-page .content-footer .chat-form{transform:translateY(0);transition:all .2s ease}.chat-page.has-keypad .content-footer .chat-utils,.chat-page.has-keypad .content-footer .chat-form{transform:translateY(var(--chat-footer-height))}.chat-page .chat-wrap{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:20rem 0;scroll-behavior:smooth}.chat-page .chat-ended{display:flex;justify-content:space-between;margin-bottom:12rem}.chat-page .chat-ended .util-wrap{display:flex;align-items:center;gap:12rem;font-weight:400;font-size:14rem;line-height:20rem;color:#000}.chat-page .chat-ended .util-wrap .util-item{display:flex;align-items:center;gap:4rem}.chat-page .chat-ended .util-wrap .util-item .tit{font-weight:400}.chat-page .chat-ended .util-wrap .util-item .toggle{position:relative;display:block;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-height);overflow:hidden}.chat-page .chat-ended .util-wrap .util-item .toggle input{appearance:none;position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;opacity:0;transition:left .2s ease}.chat-page .chat-ended .util-wrap .util-item .toggle input+.toggle-ui{display:block;position:relative;width:100%;height:100%;background-color:#dfdfdf}.chat-page .chat-ended .util-wrap .util-item .toggle input+.toggle-ui::before,.chat-page .chat-ended .util-wrap .util-item .toggle input+.toggle-ui::after{content:"";display:block}.chat-page .chat-ended .util-wrap .util-item .toggle input+.toggle-ui::before{width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-primary);opacity:0;transition:opacity var(--toggle-duration) ease}.chat-page .chat-ended .util-wrap .util-item .toggle input+.toggle-ui::after{position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - var(--toggle-padding)*2);height:calc(var(--toggle-height) - var(--toggle-padding)*2);border-radius:var(--toggle-height);background-color:#fff;transition:left var(--toggle-duration) ease}.chat-page .chat-ended .util-wrap .util-item .toggle input:checked{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.chat-page .chat-ended .util-wrap .util-item .toggle input:checked+.toggle-ui::before{background-color:var(--color-primary);opacity:1}.chat-page .chat-ended .util-wrap .util-item .toggle input:checked+.toggle-ui::after{left:calc(var(--toggle-width) - var(--toggle-height) + var(--toggle-padding))}.chat-page .chat-ended .util-wrap .util-item .toggle.h-20{--toggle-width: 36rem;--toggle-height: 20rem;--toggle-padding: 2px;--toggle-duration: 0.1s}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap{position:relative}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .btn-speed{width:40rem;display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;height:20rem;padding:0 7rem 1rem 7rem;border-radius:4rem;font-weight:700;font-size:11rem;line-height:15rem;color:#000;background:#333450;color:#fff}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .btn-speed:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .btn-speed:disabled::before{background-color:#fff}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .btn-speed{border:1px solid #252641;background:linear-gradient(180deg, #4F5075 0%, #2A2B45 105.68%);box-shadow:1px 1px 2px 0 rgba(0,0,0,.3)}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .dropdown-menu{z-index:10;display:none;width:100%;padding:4rem;flex-direction:column;align-items:flex-start;gap:4rem;border-radius:6rem;background-color:#2d2e48;transform:translate(0px, 25px) !important}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .dropdown-menu::before{content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:8rem;height:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='3' viewBox='0 0 8 3' fill='none'%3E%3Cpath d='M4 0L0 3H8L4 0Z' fill='%232D2E48'/%3E%3C/svg%3E")}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .dropdown-menu.show{display:flex}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .dropdown-menu .dropdown-item{width:100%}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .dropdown-menu .dropdown-item button{display:flex;width:100%;height:22px;padding:2px 4px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px;background:#fff;font-weight:500;font-size:12rem;line-height:16rem;color:#000}.chat-page .chat-ended .util-wrap .util-item .voice-speed-wrap .dropdown-menu .dropdown-item.active button{background-color:var(--color-primary);color:#fff}.chat-page .chat-ended .btn-ended{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.chat-page .chat-ended .btn-ended::after,.chat-page .chat-ended .btn-ended::before{background-color:#767676}.chat-page .chat-ended .btn-ended:hover{border-color:var(--color-primary);color:var(--color-primary)}.chat-page .chat-ended .btn-ended:hover::after,.chat-page .chat-ended .btn-ended:hover::before{background-color:var(--color-primary)}.chat-page .chat-ended .btn-ended:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.chat-page .chat-ended .btn-ended:disabled::before{background-color:#fff}.chat-page .chat-ended .btn-ended{border-radius:50px}.chat-page .chat-ended .btn-ended::before{content:"";display:block;width:16rem;height:16rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 11.3332L14.5 7.99988M14.5 7.99988L11.1667 4.66655M14.5 7.99988H6.5M8.5 11.3332C8.5 11.5303 8.5 11.6288 8.49268 11.7141C8.41655 12.6012 7.76324 13.3311 6.89002 13.5047C6.80602 13.5214 6.70801 13.5323 6.51223 13.5541L5.8313 13.6297C4.80832 13.7434 4.2968 13.8002 3.89044 13.6702C3.34862 13.4968 2.90628 13.1009 2.67412 12.5815C2.5 12.192 2.5 11.6774 2.5 10.6481V5.35168C2.5 4.32239 2.5 3.80774 2.67412 3.41822C2.90628 2.89887 3.34862 2.50295 3.89044 2.32956C4.29681 2.19952 4.8083 2.25636 5.83129 2.37002L6.51223 2.44568C6.70808 2.46744 6.806 2.47832 6.89002 2.49503C7.76324 2.66865 8.41655 3.39857 8.49268 4.28562C8.5 4.37097 8.5 4.46949 8.5 4.66655' stroke='%23767676' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-page .chat-desc{display:flex;justify-content:center;gap:8rem;margin-bottom:24rem;padding:14rem 16rem;background-color:#f3f5f8;border-radius:4rem;text-align:center;font-weight:400;font-size:14rem;line-height:20rem}.chat-page .chat-desc p{color:#666}.chat-page .chat-desc a{flex:none;color:#000;border-bottom:1px solid #000}.chat-page .chat-form{flex:none;display:flex;pointer-events:none;width:100%;backdrop-filter:blur(20px);opacity:0;padding:8rem 0;transition:all .2s ease}.chat-page .chat-form.is-active{display:flex;opacity:1;pointer-events:auto}.chat-page .chat-form .chat-input{position:relative;flex:1 1 auto;width:100%}.chat-page .chat-form .chat-input .input{width:100%;height:48rem;padding:11rem 13rem;border-radius:8rem;border:1px solid #ccc;font-weight:400;font-size:16rem;line-height:24rem;color:#000;height:44rem}.chat-page .chat-form .chat-input .btn-send{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;width:44rem;height:44rem;background-color:rgba(0,0,0,0);border-radius:50%}.chat-page .chat-form .chat-input .btn-send::before{content:"";display:block;width:24rem;height:24rem;background:no-repeat center center/contain;background-image:url("../../../img/common/icn-48-send-dk.png")}.chat-page .chat-form .chat-input-close{flex:none;width:44rem;height:44rem;margin-right:-10rem}.chat-page .chat-form .chat-input-close .btn-close{width:100%;height:100%;background:no-repeat center center/24rem auto;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7L7 17M7 7L17 17' stroke='%23333450' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.chat-page .chat-utils{flex:none;position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;gap:20rem;padding:8rem 0;border-radius:60rem}.chat-page .chat-utils button{position:relative;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.chat-page .chat-utils button::before,.chat-page .chat-utils button::after{position:absolute;left:50%;top:50%;z-index:2;display:block;width:16rem;height:16rem;mask:no-repeat center center/contain;transform:translate(-50%, -50%) scale(1);transition:all .2s ease}.chat-page .chat-utils .btn-recording{background-color:#fff;width:36rem;height:36rem;border-radius:50%;color:#fff}.chat-page .chat-utils .btn-recording::before{content:"";opacity:1;mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6654 6.66634V7.99967C12.6654 10.577 10.576 12.6663 7.9987 12.6663M3.33203 6.66634V7.99967C3.33203 10.577 5.42137 12.6663 7.9987 12.6663M7.9987 12.6663V14.6663M5.33203 14.6663H10.6654M7.9987 9.99967C6.89413 9.99967 5.9987 9.10424 5.9987 7.99967V3.33301C5.9987 2.22844 6.89413 1.33301 7.9987 1.33301C9.10327 1.33301 9.9987 2.22844 9.9987 3.33301V7.99967C9.9987 9.10424 9.10327 9.99967 7.9987 9.99967Z' stroke='%23333450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:var(--color-primary)}.chat-page .chat-utils .btn-recording::after{content:"";opacity:0;transform:scale(0);mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.2C2 4.0799 2 3.51984 2.21799 3.09202C2.40973 2.71569 2.71569 2.40973 3.09202 2.21799C3.51984 2 4.0799 2 5.2 2H10.8C11.9201 2 12.4802 2 12.908 2.21799C13.2843 2.40973 13.5903 2.71569 13.782 3.09202C14 3.51984 14 4.0799 14 5.2V10.8C14 11.9201 14 12.4802 13.782 12.908C13.5903 13.2843 13.2843 13.5903 12.908 13.782C12.4802 14 11.9201 14 10.8 14H5.2C4.0799 14 3.51984 14 3.09202 13.782C2.71569 13.5903 2.40973 13.2843 2.21799 12.908C2 12.4802 2 11.9201 2 10.8V5.2Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#fff}.chat-page .chat-utils .btn-recording .wave-ani{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .2s ease}.chat-page .chat-utils .btn-recording .wave-ani::before,.chat-page .chat-utils .btn-recording .wave-ani::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(248,91,70,.5);border-radius:50%;opacity:0}.chat-page .chat-utils .btn-recording .wave-ani::before{--reple-scale: 1;--reple-opacity: 0.3}.chat-page .chat-utils .btn-recording .wave-ani::after{--reple-scale: 1.3;--reple-opacity: 0}.chat-page .chat-utils .btn-recording.is-active{background-color:var(--color-primary)}.chat-page .chat-utils .btn-recording.is-active::before{background-color:#fff;opacity:0;transform:translate(-50%, -50%) scale(0)}.chat-page .chat-utils .btn-recording.is-active::after{opacity:1;transform:translate(-50%, -50%) scale(1)}.chat-page .chat-utils .btn-recording.is-active .wave-ani{opacity:1}.chat-page .chat-utils .btn-recording.is-active .wave-ani::before,.chat-page .chat-utils .btn-recording.is-active .wave-ani::after{animation:ripple-scale-fade 1s infinite ease-out}@keyframes ripple-scale-fade{0%{opacity:1;transform:scale(1)}50%{opacity:var(--reple-opacity);transform:scale(calc(var(--reple-scale) * 1.4))}}.chat-page .chat-utils .btn-keyboard{background-color:#fff;width:36rem;height:36rem;border-radius:50%;color:#fff;opacity:1;overflow:hidden}.chat-page .chat-utils .btn-keyboard::before{content:"";mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66536 9.66667H11.332M3.9987 6.66667H4.00536M6.66536 6.66667H6.67203M9.33203 6.66667H9.3387M11.9987 6.66667H12.0054M3.46536 12H12.532C13.2788 12 13.6521 12 13.9374 11.8547C14.1882 11.7268 14.3922 11.5229 14.52 11.272C14.6654 10.9868 14.6654 10.6134 14.6654 9.86667V6.13333C14.6654 5.3866 14.6654 5.01323 14.52 4.72801C14.3922 4.47713 14.1882 4.27316 13.9374 4.14532C13.6521 4 13.2788 4 12.532 4H3.46536C2.71863 4 2.34526 4 2.06004 4.14532C1.80916 4.27316 1.60519 4.47713 1.47736 4.72801C1.33203 5.01323 1.33203 5.3866 1.33203 6.13333V9.86667C1.33203 10.6134 1.33203 10.9868 1.47736 11.272C1.60519 11.5229 1.80916 11.7268 2.06004 11.8547C2.34526 12 2.71863 12 3.46536 12Z' stroke='%23333450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:var(--color-primary)}.chat-page .chat-utils .btn-keyboard.is-hidden{width:0;height:0;opacity:0}.chat-page .chat-utils .btn-story{position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:#333450;padding:0 16rem 2rem;height:36rem;border-radius:40rem;font-weight:700;font-size:12rem;color:#fff;opacity:1;overflow:hidden}.chat-page .chat-utils .btn-story.is-hidden{opacity:0;transform:scale(0)}.ai-chat-page{max-width:720rem !important}.ai-chat-page .modal-footer .btn-primary{min-width:160rem}.ai-chat-guide .summary-para p{font-weight:500;font-size:16rem;line-height:24rem;color:#000}.ai-chat-guide .summary-para p+p{margin-top:4rem}.ai-chat-guide .summary-list{margin-top:12rem}.ai-chat-guide .summary-list li{font-size:16rem;line-height:24rem;color:#666;text-indent:-15rem;margin-left:15rem}.ai-chat-guide .summary-list li+li{margin-top:4rem}.ai-chat-end{background-color:rgba(0,0,0,0) !important}.ai-chat-end .modal-inner{justify-content:center;align-items:center}.ai-chat-end .modal-footer{opacity:0}.ai-chat-end .modal-footer .btn-primary{min-width:160rem}.ai-chat-end .ani-wrap{--ani-rocate: 1.25;max-width:calc(300rem*var(--ani-rocate));text-align:center}.ai-chat-end .ani-wrap .ani-img{position:relative;display:block;width:calc(240px*var(--ani-rocate));height:calc(140px*var(--ani-rocate));margin:0 auto calc(-30px*var(--ani-rocate));background:url("/aiStoryChat/asset/img/common/img-chat-end.png") no-repeat 50% 0/100% auto;animation:ani 1.6s 0s infinite steps(8)}@keyframes ani{to{background-position:50% calc(-1120px*var(--ani-rocate))}}.ai-chat-end .ani-wrap .ani-txt-box{background-color:#ff5a7e;border-radius:calc(40px*var(--ani-rocate));padding:calc(55px*var(--ani-rocate)) calc(20px*var(--ani-rocate)) calc(40px*var(--ani-rocate)) calc(20px*var(--ani-rocate))}.ai-chat-end .ani-wrap .ani-txt-box .desc{text-align:center;color:#fff}.ai-chat-end .ani-wrap .ani-txt-box .desc .tit{display:block;font-weight:700;font-size:calc(18px*var(--ani-rocate));line-height:calc(28px*var(--ani-rocate));letter-spacing:-1px;text-align:center}.ai-chat-end .ani-wrap .ani-txt-box .desc .txt{display:block;margin-top:calc(6px*var(--ani-rocate));font-weight:700;font-size:calc(14px*var(--ani-rocate));line-height:calc(20px*var(--ani-rocate))}.ai-chat-end.is-active .modal-footer{opacity:1;transition:all .2s 1.6s ease}.story-result-page{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%}.story-result-page .story-result-wrap{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;overflow:auto}.story-result-page .story-result-wrap .result-title{display:flex;align-items:center;gap:16rem}.story-result-page .story-result-wrap .result-title .avata{width:60rem;height:60rem}.story-result-page .story-result-wrap .result-title .title{font-weight:400;font-size:22rem;line-height:32rem;color:#000}.story-result-page .story-result-wrap .result-stats{margin-top:28rem}.story-result-page .story-result-wrap .result-stats .stats-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:12rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box{display:flex;align-items:center;gap:12rem;height:82rem;padding:15rem 23rem;border:1px solid #ccc;border-radius:8rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box .stats-body{display:flex;flex-direction:column;gap:2rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box .stats-body .tit{font-weight:700;font-size:14rem;line-height:20rem;color:#767676}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box .stats-body .stat{font-weight:700;font-size:20rem;line-height:28rem;color:#333450}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box::before{content:"";display:block;width:48rem;height:48rem;background:no-repeat center center/contain}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box::after{display:block;width:24rem;height:24rem;margin-left:auto;margin-right:-12rem;background:no-repeat center center/contain}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box.type-word::before{background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' fill='%2345B035'/%3E%3Cpath d='M20 21.5H24M20 25H27M24 33C28.9706 33 33 28.9706 33 24C33 19.0294 28.9706 15 24 15C19.0294 15 15 19.0294 15 24C15 25.1971 15.2337 26.3397 15.6581 27.3845C15.7393 27.5845 15.7799 27.6845 15.798 27.7653C15.8157 27.8443 15.8222 27.9028 15.8222 27.9839C15.8222 28.0667 15.8072 28.1569 15.7771 28.3374L15.1841 31.8952C15.122 32.2678 15.091 32.4541 15.1488 32.5888C15.1993 32.7067 15.2933 32.8007 15.4112 32.8512C15.5459 32.909 15.7322 32.878 16.1048 32.8159L19.6627 32.2229C19.8431 32.1928 19.9333 32.1778 20.0161 32.1778C20.0972 32.1778 20.1557 32.1843 20.2347 32.202C20.3155 32.2201 20.4155 32.2607 20.6155 32.3419C21.6603 32.7663 22.8029 33 24 33Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box.type-time::before{background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' fill='%2305B9DF'/%3E%3Cpath d='M24 18V24L28 26M34 24C34 29.5228 29.5228 34 24 34C18.4772 34 14 29.5228 14 24C14 18.4772 18.4772 14 24 14C29.5228 14 34 18.4772 34 24Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box.type-caution::before{background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' fill='%23DD3822'/%3E%3Cpath d='M23.9998 21.0002V25.0002M23.9998 29.0002H24.0098M22.6151 15.892L14.3902 30.0986C13.934 30.8866 13.7059 31.2806 13.7396 31.6039C13.769 31.886 13.9168 32.1423 14.1461 32.309C14.4091 32.5002 14.8643 32.5002 15.7749 32.5002H32.2246C33.1352 32.5002 33.5904 32.5002 33.8534 32.309C34.0827 32.1423 34.2305 31.886 34.2599 31.6039C34.2936 31.2806 34.0655 30.8866 33.6093 30.0986L25.3844 15.892C24.9299 15.1068 24.7026 14.7142 24.4061 14.5824C24.1474 14.4673 23.8521 14.4673 23.5935 14.5824C23.2969 14.7142 23.0696 15.1068 22.6151 15.892Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box.type-caution::after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23333450' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box.type-good::before{background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' fill='%238A3BCF'/%3E%3Cpath d='M26 23H20M22 27H20M28 19H20M32 18.8V29.2C32 30.8802 32 31.7202 31.673 32.362C31.3854 32.9265 30.9265 33.3854 30.362 33.673C29.7202 34 28.8802 34 27.2 34H20.8C19.1198 34 18.2798 34 17.638 33.673C17.0735 33.3854 16.6146 32.9265 16.327 32.362C16 31.7202 16 30.8802 16 29.2V18.8C16 17.1198 16 16.2798 16.327 15.638C16.6146 15.0735 17.0735 14.6146 17.638 14.327C18.2798 14 19.1198 14 20.8 14H27.2C28.8802 14 29.7202 14 30.362 14.327C30.9265 14.6146 31.3854 15.0735 31.673 15.638C32 16.2798 32 17.1198 32 18.8Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box.type-good::after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23333450' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.story-result-page .story-result-wrap .result-feedback{margin-top:28rem}.story-result-page .story-result-wrap .result-feedback .feedback-title{margin-bottom:12rem;font-weight:700;font-size:20rem;line-height:28rem;color:#333450}.story-result-page .story-result-wrap .result-feedback .feedback-box{padding:24rem;background-color:var(--color-primary-light);border-radius:8rem}.story-result-page .story-result-wrap .result-feedback .feedback-box .story-original{font-weight:700;font-size:16rem;line-height:24rem;color:#000}.story-result-page .story-result-wrap .result-feedback .feedback-box .story-translated{margin-top:12rem;font-weight:400;font-size:16rem;line-height:24rem;color:#666}.qrcode-scan{flex:none;display:flex;align-items:center;gap:8rem;width:100rem;padding:7rem;border:1px solid #ccc;border-radius:8rem;background-color:#fff}.qrcode-scan .qrcode{display:flex;align-items:center;justify-content:center;width:48rem;height:48rem}.qrcode-scan .qrcode img{width:100%;height:100%;object-fit:cover}.qrcode-scan .btn-zoom{flex:none;display:flex;justify-content:center;align-items:center;width:28rem;height:28rem;border:1px solid #ccc;border-radius:50%;background-color:#fff}.qrcode-scan .btn-zoom::before{content:"";display:block;width:16rem;height:16rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L16.65 16.65M11 8V14M8 11H14M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%23333450' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#333450}.fade{transition:opacity .1s linear}.fade:not(.show){opacity:0}.modal{position:fixed;top:0;left:0;z-index:1100;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal .modal-dialog{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .1s ease-out;transform:translate(0, 50px);pointer-events:none}.modal .modal-dialog .btn-close{margin-left:auto}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-backdrop{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;background-color:#000;opacity:0}.modal-backdrop.show{opacity:.75}.modal-backdrop+.modal-backdrop{z-index:2000}.modal-content{position:relative;display:flex;flex-direction:column;min-width:280px;max-width:calc(100% - 40px);max-height:100%;background-color:#fff;pointer-events:auto}.modal-content .modal-header{flex:none}.modal-content .modal-header .btn-close{position:absolute;top:12rem;right:24rem;width:32px;height:32px;padding:0}.modal-content .modal-header .btn-close .icn-modal-close{display:block;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6668 9.33203L9.3335 22.6654M9.3335 9.33203L22.6668 22.6654' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.modal-content .modal-body{display:flex;flex-direction:column;flex-grow:1;flex-basis:auto;overflow:hidden}.modal-content .modal-body .modal-inner{display:flex;flex-direction:column;flex-grow:1;flex-basis:auto;overflow:auto}.modal-content .modal-body .modal-inner::-webkit-scrollbar{width:8px;height:8px;background-color:rgba(0,0,0,0)}.modal-content .modal-body .modal-inner::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-radius:5px}.modal-content .modal-body .modal-inner::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:5px;transition:all .2s ease}.modal-content .modal-body .modal-inner::-webkit-scrollbar-thumb:hover{background-color:#ccc}.modal-content .modal-body .tab-style1,.modal-content .modal-body .tab-style2{top:0}.modal-content .modal-footer{display:flex;flex:none}.modal-full .modal-dialog{transform:translate(0, 50px);padding:30rem 50rem}.modal-full .modal-content{width:100%;max-width:900rem;max-height:100%;background:no-repeat right top;background-color:#fff;border-radius:16rem;overflow:hidden}.modal-full .modal-header{height:56rem;padding:18rem 24rem;background-color:#333450}.modal-full .modal-header .modal-title{font-weight:700;font-size:16rem;line-height:20rem;color:#fff}.modal-full .modal-body{padding:24rem;padding-right:4rem}.modal-full .modal-body .modal-inner{padding-right:20rem}.modal-full .modal-footer{display:flex;justify-content:center;padding:0 24rem 24rem;gap:8rem}.modal-full .modal-footer .btn-primary{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;background:var(--color-primary-gradation);color:#fff}.modal-full .modal-footer .btn-primary:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.modal-full .modal-footer .btn-primary:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.modal-full .modal-footer .btn-primary:disabled::before{background-color:#fff}.modal-full .modal-footer .btn-primary{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.modal-full .modal-footer .btn-normal{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.modal-full .modal-footer .btn-normal::after,.modal-full .modal-footer .btn-normal::before{background-color:#767676}.modal-full .modal-footer .btn-normal:hover{border-color:var(--color-primary);color:var(--color-primary)}.modal-full .modal-footer .btn-normal:hover::after,.modal-full .modal-footer .btn-normal:hover::before{background-color:var(--color-primary)}.modal-full .modal-footer .btn-normal:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.modal-full .modal-footer .btn-normal:disabled::before{background-color:#fff}.modal-full .modal-footer .btn-normal{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.modal-alert .modal-dialog{transform:translate(0, 50px);padding:20rem 20rem}.modal-alert .modal-header .btn-close .icn-modal-close{background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6668 9.33203L9.3335 22.6654M9.3335 9.33203L22.6668 22.6654' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.modal-alert .modal-content{width:100%;max-width:320rem;max-height:100%;background:no-repeat right top;background-color:#fff;border-radius:16rem;overflow:hidden}.modal-alert .modal-body{padding:24rem;padding-top:30rem}.modal-alert .modal-msg p{text-align:center;font-weight:400;font-size:16rem;line-height:24rem;color:#000}.modal-alert .modal-footer{display:flex;justify-content:center;padding:0 24rem 24rem;gap:8rem}.modal-alert .modal-footer .btn-primary{min-width:80rem;display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;background:var(--color-primary-gradation);color:#fff}.modal-alert .modal-footer .btn-primary:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.modal-alert .modal-footer .btn-primary:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.modal-alert .modal-footer .btn-primary:disabled::before{background-color:#fff}.modal-alert .modal-footer .btn-primary{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.modal-alert .modal-footer .btn-normal{min-width:80rem;display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.modal-alert .modal-footer .btn-normal::after,.modal-alert .modal-footer .btn-normal::before{background-color:#767676}.modal-alert .modal-footer .btn-normal:hover{border-color:var(--color-primary);color:var(--color-primary)}.modal-alert .modal-footer .btn-normal:hover::after,.modal-alert .modal-footer .btn-normal:hover::before{background-color:var(--color-primary)}.modal-alert .modal-footer .btn-normal:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.modal-alert .modal-footer .btn-normal:disabled::before{background-color:#fff}.modal-alert .modal-footer .btn-normal{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.modal-img .modal-dialog{transform:translate(0, 50px);padding:10rem}.modal-img .modal-content{width:auto;height:auto;background-color:#fff;border-radius:16rem;overflow:hidden}.modal-img .modal-content .btn-close{position:absolute;top:12rem;right:12rem;width:32px;height:32px;padding:0}.modal-img .modal-content .btn-close .icn-modal-close{display:block;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6654 9.3335L9.33203 22.6668M9.33203 9.3335L22.6654 22.6668' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.modal-img .modal-qrcode{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30rem}.modal-img .modal-qrcode .qrcode{width:320rem;max-width:100%;aspect-ratio:1/1}.modal-img .modal-qrcode .qrcode img{width:100%;height:100%;object-fit:cover}.modal-loading.show~.modal-backdrop.show,.modal-loading.show+.modal-backdrop.show{background-color:#fff;opacity:.75}.loading{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px}.loading-txt{margin-top:6px;padding:3px 8px 5px;font-weight:500;font-size:14px;line-height:16px;color:#fff;background-color:#444;border-radius:20px}.loading::before{content:"";display:block;position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56 32C56 35.1517 55.3792 38.2726 54.1731 41.1844C52.967 44.0962 51.1992 46.742 48.9706 48.9706C46.742 51.1992 44.0962 52.967 41.1844 54.1731C38.2726 55.3792 35.1517 56 32 56C28.8483 56 25.7274 55.3792 22.8156 54.1731C19.9038 52.967 17.258 51.1992 15.0294 48.9706C12.8008 46.742 11.033 44.0962 9.82689 41.1844C8.62078 38.2726 8 35.1517 8 32C8 28.8483 8.62078 25.7274 9.82689 22.8156C11.033 19.9038 12.8008 17.258 15.0294 15.0294C17.258 12.8008 19.9038 11.033 22.8156 9.82689C25.7274 8.62078 28.8483 8 32 8C35.1517 8 38.2726 8.62078 41.1844 9.82689C44.0962 11.033 46.742 12.8008 48.9706 15.0294C51.1992 17.258 52.967 19.9038 54.1731 22.8156C55.3792 25.7274 56 28.8483 56 32L56 32Z' stroke='%23D9D9D9' stroke-width='10'/%3E%3Cg clip-path='url(%23paint0_angular_1016_14757_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0 0.024 -0.024 0 32 32)'%3E%3CforeignObject x='-1416.67' y='-1416.67' width='2833.33' height='2833.33'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(255, 255, 255, 1) 0deg,rgba(255, 102, 82, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M54.1731 41.1844L49.5537 39.271L54.1731 41.1844ZM48.9706 48.9706L45.435 45.435L48.9706 48.9706ZM41.1844 54.1731L43.0978 58.7925L41.1844 54.1731ZM22.8156 54.1731L24.729 49.5537L22.8156 54.1731ZM15.0294 48.9706L18.565 45.435L15.0294 48.9706ZM9.82689 41.1844L14.4463 39.271L9.82689 41.1844ZM8 32H13H8ZM9.82689 22.8156L14.4463 24.729L9.82689 22.8156ZM15.0294 15.0294L18.565 18.565L15.0294 15.0294ZM22.8156 9.82689L24.729 14.4463L22.8156 9.82689ZM32 8L32 13L32 8ZM41.1844 9.82689L39.271 14.4463L41.1844 9.82689ZM48.9706 15.0294L45.435 18.565L48.9706 15.0294ZM54.1731 22.8156L49.5537 24.729L54.1731 22.8156ZM56 32L51 32C51 34.4951 50.5085 36.9658 49.5537 39.271L54.1731 41.1844L58.7925 43.0978C60.2499 39.5794 61 35.8083 61 32H56ZM54.1731 41.1844L49.5537 39.271C48.5989 41.5762 47.1993 43.6707 45.435 45.435L48.9706 48.9706L52.5061 52.5061C55.199 49.8132 57.3351 46.6163 58.7925 43.0978L54.1731 41.1844ZM48.9706 48.9706L45.435 45.435C43.6707 47.1993 41.5762 48.5989 39.271 49.5537L41.1844 54.1731L43.0978 58.7925C46.6163 57.3351 49.8132 55.199 52.5061 52.5061L48.9706 48.9706ZM41.1844 54.1731L39.271 49.5537C36.9658 50.5086 34.4951 51 32 51L32 56V61C35.8083 61 39.5794 60.2499 43.0978 58.7925L41.1844 54.1731ZM32 56L32 51C29.5049 51 27.0342 50.5085 24.729 49.5537L22.8156 54.1731L20.9022 58.7925C24.4206 60.2499 28.1917 61 32 61V56ZM22.8156 54.1731L24.729 49.5537C22.4238 48.5989 20.3293 47.1993 18.565 45.435L15.0294 48.9706L11.4939 52.5061C14.1868 55.199 17.3837 57.3351 20.9022 58.7925L22.8156 54.1731ZM15.0294 48.9706L18.565 45.435C16.8007 43.6707 15.4011 41.5762 14.4463 39.271L9.82689 41.1844L5.20749 43.0978C6.66488 46.6163 8.801 49.8132 11.4939 52.5061L15.0294 48.9706ZM9.82689 41.1844L14.4463 39.271C13.4914 36.9658 13 34.4951 13 32H8H3C3 35.8083 3.75011 39.5794 5.20749 43.0978L9.82689 41.1844ZM8 32H13C13 29.5049 13.4914 27.0342 14.4463 24.729L9.82689 22.8156L5.20749 20.9022C3.75011 24.4206 3 28.1917 3 32H8ZM9.82689 22.8156L14.4463 24.729C15.4011 22.4238 16.8007 20.3293 18.565 18.565L15.0294 15.0294L11.4939 11.4939C8.80101 14.1868 6.66488 17.3837 5.20749 20.9022L9.82689 22.8156ZM15.0294 15.0294L18.565 18.565C20.3293 16.8007 22.4238 15.4011 24.729 14.4463L22.8156 9.82689L20.9022 5.20749C17.3837 6.66488 14.1868 8.801 11.4939 11.4939L15.0294 15.0294ZM22.8156 9.82689L24.729 14.4463C27.0342 13.4914 29.5049 13 32 13L32 8V3C28.1917 3 24.4206 3.75011 20.9022 5.20749L22.8156 9.82689ZM32 8L32 13C34.4951 13 36.9658 13.4915 39.271 14.4463L41.1844 9.82689L43.0978 5.2075C39.5794 3.75011 35.8083 3 32 3V8ZM41.1844 9.82689L39.271 14.4463C41.5762 15.4011 43.6707 16.8007 45.435 18.565L48.9706 15.0294L52.5061 11.4939C49.8132 8.80101 46.6163 6.66488 43.0978 5.2075L41.1844 9.82689ZM48.9706 15.0294L45.435 18.565C47.1993 20.3293 48.5989 22.4238 49.5537 24.729L54.1731 22.8156L58.7925 20.9022C57.3351 17.3837 55.199 14.1868 52.5061 11.4939L48.9706 15.0294ZM54.1731 22.8156L49.5537 24.729C50.5086 27.0342 51 29.5049 51 32L56 32L61 32C61 28.1917 60.2499 24.4206 58.7925 20.9022L54.1731 22.8156ZM56 32H61V32H56L51 32V32L56 32Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.0%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:0.40000000596046448,&%2334;b&%2334;:0.32156863808631897,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.0%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:0.40000000596046448,&%2334;b&%2334;:0.32156863808631897,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:-2.9391626105997699e-15,&%2334;m01&%2334;:-48.0,&%2334;m02&%2334;:56.0,&%2334;m10&%2334;:48.0,&%2334;m11&%2334;:-2.9391626105997699e-15,&%2334;m12&%2334;:8.0%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cdefs%3E%3CclipPath id='paint0_angular_1016_14757_clip_path'%3E%3Cpath d='M54.1731 41.1844L49.5537 39.271L54.1731 41.1844ZM48.9706 48.9706L45.435 45.435L48.9706 48.9706ZM41.1844 54.1731L43.0978 58.7925L41.1844 54.1731ZM22.8156 54.1731L24.729 49.5537L22.8156 54.1731ZM15.0294 48.9706L18.565 45.435L15.0294 48.9706ZM9.82689 41.1844L14.4463 39.271L9.82689 41.1844ZM8 32H13H8ZM9.82689 22.8156L14.4463 24.729L9.82689 22.8156ZM15.0294 15.0294L18.565 18.565L15.0294 15.0294ZM22.8156 9.82689L24.729 14.4463L22.8156 9.82689ZM32 8L32 13L32 8ZM41.1844 9.82689L39.271 14.4463L41.1844 9.82689ZM48.9706 15.0294L45.435 18.565L48.9706 15.0294ZM54.1731 22.8156L49.5537 24.729L54.1731 22.8156ZM56 32L51 32C51 34.4951 50.5085 36.9658 49.5537 39.271L54.1731 41.1844L58.7925 43.0978C60.2499 39.5794 61 35.8083 61 32H56ZM54.1731 41.1844L49.5537 39.271C48.5989 41.5762 47.1993 43.6707 45.435 45.435L48.9706 48.9706L52.5061 52.5061C55.199 49.8132 57.3351 46.6163 58.7925 43.0978L54.1731 41.1844ZM48.9706 48.9706L45.435 45.435C43.6707 47.1993 41.5762 48.5989 39.271 49.5537L41.1844 54.1731L43.0978 58.7925C46.6163 57.3351 49.8132 55.199 52.5061 52.5061L48.9706 48.9706ZM41.1844 54.1731L39.271 49.5537C36.9658 50.5086 34.4951 51 32 51L32 56V61C35.8083 61 39.5794 60.2499 43.0978 58.7925L41.1844 54.1731ZM32 56L32 51C29.5049 51 27.0342 50.5085 24.729 49.5537L22.8156 54.1731L20.9022 58.7925C24.4206 60.2499 28.1917 61 32 61V56ZM22.8156 54.1731L24.729 49.5537C22.4238 48.5989 20.3293 47.1993 18.565 45.435L15.0294 48.9706L11.4939 52.5061C14.1868 55.199 17.3837 57.3351 20.9022 58.7925L22.8156 54.1731ZM15.0294 48.9706L18.565 45.435C16.8007 43.6707 15.4011 41.5762 14.4463 39.271L9.82689 41.1844L5.20749 43.0978C6.66488 46.6163 8.801 49.8132 11.4939 52.5061L15.0294 48.9706ZM9.82689 41.1844L14.4463 39.271C13.4914 36.9658 13 34.4951 13 32H8H3C3 35.8083 3.75011 39.5794 5.20749 43.0978L9.82689 41.1844ZM8 32H13C13 29.5049 13.4914 27.0342 14.4463 24.729L9.82689 22.8156L5.20749 20.9022C3.75011 24.4206 3 28.1917 3 32H8ZM9.82689 22.8156L14.4463 24.729C15.4011 22.4238 16.8007 20.3293 18.565 18.565L15.0294 15.0294L11.4939 11.4939C8.80101 14.1868 6.66488 17.3837 5.20749 20.9022L9.82689 22.8156ZM15.0294 15.0294L18.565 18.565C20.3293 16.8007 22.4238 15.4011 24.729 14.4463L22.8156 9.82689L20.9022 5.20749C17.3837 6.66488 14.1868 8.801 11.4939 11.4939L15.0294 15.0294ZM22.8156 9.82689L24.729 14.4463C27.0342 13.4914 29.5049 13 32 13L32 8V3C28.1917 3 24.4206 3.75011 20.9022 5.20749L22.8156 9.82689ZM32 8L32 13C34.4951 13 36.9658 13.4915 39.271 14.4463L41.1844 9.82689L43.0978 5.2075C39.5794 3.75011 35.8083 3 32 3V8ZM41.1844 9.82689L39.271 14.4463C41.5762 15.4011 43.6707 16.8007 45.435 18.565L48.9706 15.0294L52.5061 11.4939C49.8132 8.80101 46.6163 6.66488 43.0978 5.2075L41.1844 9.82689ZM48.9706 15.0294L45.435 18.565C47.1993 20.3293 48.5989 22.4238 49.5537 24.729L54.1731 22.8156L58.7925 20.9022C57.3351 17.3837 55.199 14.1868 52.5061 11.4939L48.9706 15.0294ZM54.1731 22.8156L49.5537 24.729C50.5086 27.0342 51 29.5049 51 32L56 32L61 32C61 28.1917 60.2499 24.4206 58.7925 20.9022L54.1731 22.8156ZM56 32H61V32H56L51 32V32L56 32Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");z-index:2;animation:loadingRoate .8s linear infinite}@keyframes loadingRoate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tooltip-arrow{display:block;position:absolute}.tooltip-arrow::before{content:"";display:block;background:no-repeat center center/contain}[data-popper-placement^=top] .tooltip-arrow{top:100%}[data-popper-placement^=top] .tooltip-arrow::before{border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--color-primary-dark)}[data-popper-placement^=bottom] .tooltip-arrow{bottom:99%}[data-popper-placement^=bottom] .tooltip-arrow::before{border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-bottom:4px solid var(--color-primary-dark)}[data-popper-placement^=right]{margin:-40px 0 0 -60px !important}[data-popper-placement^=right] .tooltip-arrow{left:30px;top:calc(100% - 12px) !important}[data-popper-placement^=right] .tooltip-arrow::before{border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--color-primary-dark)}[data-popper-placement^=left]{margin:-40px -60px 0 0 !important}[data-popper-placement^=left] .tooltip-arrow{right:30px;top:calc(100% - 12px) !important}[data-popper-placement^=left] .tooltip-arrow::before{border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--color-primary-dark)}.tooltip-a{padding:6rem 12rem;border-radius:4rem;background-color:var(--color-primary-dark);font-weight:700;font-size:10rem;line-height:16rem;color:#fff}.tooltip-a .tooltip-state{display:flex;justify-content:center;align-items:center;gap:4rem;font-weight:700;font-size:12rem;color:hsla(0,0%,100%,.4)}.tooltip-a .tooltip-state span{font-weight:700;font-size:10rem;line-height:16rem}.tooltip-a .tooltip-state span.is-current{color:#fff}.tooltip-b{display:inline-block;padding:8rem 16rem;background-color:#333450;border-radius:20rem;font-weight:700;font-size:14rem;line-height:20rem;color:#fff}.tooltip-b p::after{content:"...";animation:dots-reveal 1.6s steps(4, end) infinite}@keyframes dots-reveal{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}100%{content:"..."}}.connect-field-message{font-size:0}.connect-field-message .txt-comm{display:flex;justify-content:flex-end;align-items:center}.connect-field-message .txt-comm .img-l{width:24rem;height:24rem}.connect-field-message .txt-comm .txt-l{font-weight:400;font-size:12rem;color:#666}.connect-field-message .link-comm{position:relative;margin-left:6px;padding-left:6px;font-size:0}.connect-field-message .link-comm::before{position:absolute;top:50%;left:0;z-index:1;width:2px;height:2px;background-color:#666;transform:translateY(-50%);content:""}.connect-field-message .link-comm .txt-l{display:inline-block;font-weight:600;font-size:12rem;color:#333450;border-bottom:1px solid #333450}@media(max-width: 359px){html{font-size:.2777777778vw}}@media(max-height: 800px){.page-wrap.type-setting .content .content-footer .btn-action{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;background:var(--color-primary-gradation);color:#fff}.page-wrap.type-setting .content .content-footer .btn-action:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.page-wrap.type-setting .content .content-footer .btn-action:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.page-wrap.type-setting .content .content-footer .btn-action:disabled::before{background-color:#fff}.page-wrap.type-setting .content .content-footer .btn-dark{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;background:#333450;color:#fff}.page-wrap.type-setting .content .content-footer .btn-dark:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.page-wrap.type-setting .content .content-footer .btn-dark:disabled::before{background-color:#fff}.page-wrap.type-setting .content .content-footer .btn-normal{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676}.setting-page .setting-list .setting-item .setting-header .btn-tooltip{margin-right:calc(var(--spacer-inner) - 2rem)}.setting-page .setting-list .setting-item.is-current .setting-body .setting-active{padding-right:16rem}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676}.setting-page .book-list-wrap{padding:8rem 4rem}.setting-page .book-list-wrap .book-list{gap:16rem 30rem}.setting-page .book-list-wrap .book-list .book-card.module-a .book-thumb{width:118rem}.setting-page .setting-chapter .selection-word .word-list{grid-template-columns:repeat(3, 1fr)}.setting-page .setting-chapter .selection-word .word-list .word-chk .chk+.word-label{min-height:66rem}.setting-page .story-confirm .story-actions button{display:flex;align-items:center;justify-content:center;gap:6rem;position:relative;height:32rem;padding:0 12rem;border-radius:4rem;font-weight:700;font-size:12rem;line-height:16rem;color:#767676}.setting-page .story-confirm .story-actions button::before{width:12rem;height:12rem;margin-right:2rem}.connect-page .book-setting .btn-setting{top:10rem}.sigin-page .sigin-wrap{transform:scale(1)}}@media(max-width: 1279px){.page-wrap.type-setting .content .content-footer .btn-action{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;background:var(--color-primary-gradation);color:#fff}.page-wrap.type-setting .content .content-footer .btn-action:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.page-wrap.type-setting .content .content-footer .btn-action:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.page-wrap.type-setting .content .content-footer .btn-action:disabled::before{background-color:#fff}.page-wrap.type-setting .content .content-footer .btn-dark{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;background:#333450;color:#fff}.page-wrap.type-setting .content .content-footer .btn-dark:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.page-wrap.type-setting .content .content-footer .btn-dark:disabled::before{background-color:#fff}.page-wrap.type-setting .content .content-footer .btn-normal{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676}.setting-page .setting-list .setting-item .setting-header .btn-tooltip{margin-right:calc(var(--spacer-inner) - 2rem)}.setting-page .setting-list .setting-item.is-current .setting-body .setting-active{padding-right:16rem}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676}.setting-page .book-list-wrap{padding:8rem 4rem}.setting-page .book-list-wrap .book-list{gap:16rem 30rem}.setting-page .book-list-wrap .book-list .book-card.module-a .book-thumb{width:118rem}.setting-page .setting-chapter .selection-word .word-list{grid-template-columns:repeat(3, 1fr)}.setting-page .setting-chapter .selection-word .word-list .word-chk .chk+.word-label{min-height:66rem}.setting-page .story-confirm .story-actions button{display:flex;align-items:center;justify-content:center;gap:6rem;position:relative;height:32rem;padding:0 12rem;border-radius:4rem;font-weight:700;font-size:12rem;line-height:16rem;color:#767676}.setting-page .story-confirm .story-actions button::before{width:12rem;height:12rem;margin-right:2rem}.connect-page .book-setting .btn-setting{top:10rem}.sigin-page .sigin-wrap{transform:scale(1)}}@media(max-width: 1023px){.page-wrap.type-setting .page-header{height:56rem}.page-wrap.type-setting .page-header .logo a{width:102rem;height:26rem}.page-wrap.type-setting .page-header .util-area{gap:12rem}.page-wrap.type-setting .page-header .util-area::before{width:80rem}.page-wrap.type-setting .page-header .util-area .step-list{gap:4rem}.page-wrap.type-setting .page-header .util-area .step-list .step-item.is-completed::before{width:20rem;height:20rem}.page-wrap.type-setting .page-header .util-area .step-list .step-item .step-num{width:20rem;height:20rem;font-size:12rem;line-height:16rem}.page-wrap.type-setting .page-header .util-area .btn-home{width:32rem;height:32rem}.page-wrap.type-setting .page-body{border-radius:0 20rem 0 0}.page-wrap.type-setting .content .content-header{margin-bottom:16rem}.page-wrap.type-setting .content .content-header .content-h2{font-size:16rem;line-height:24rem}.page-wrap.type-setting .content .content-body .content-h3{margin-bottom:8rem;font-size:14rem;line-height:20rem}.setting-page .setting-list .setting-item .setting-header .setting-title{gap:8rem}.setting-page .setting-list .setting-item .setting-header .setting-title .num{width:20rem;height:20rem;font-size:12rem;line-height:16rem}.setting-page .setting-list .setting-item .setting-header .setting-title .tit{font-size:14rem;line-height:20rem}.setting-page .setting-list .setting-item .setting-header .btn-tooltip{width:20rem;height:20rem;margin-right:calc(var(--spacer-inner))}.setting-page .setting-list .setting-item.is-current .setting-body .setting-active{margin-top:10rem}.setting-page .setting-list .setting-item:nth-child(3).is-current .setting-header{flex-wrap:wrap}.setting-page .setting-list .setting-item:nth-child(3).is-current .setting-header .section-title{order:1}.setting-page .setting-list .setting-item:nth-child(3).is-current .setting-header .setting-desc{order:3;width:100%;margin-top:12rem;padding-left:0;border-left:0}.setting-page .setting-list .setting-item:nth-child(3).is-current .setting-header .btn-tooltip{order:2}.setting-page .book-list-wrap{padding:8rem 4rem}.setting-page .book-list-wrap .book-list{gap:16rem 20rem;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr))}.setting-page .book-list-wrap .book-list .book-card.module-a .book-thumb{width:100%;box-shadow:0px 0px 6px rgba(0,0,0,.2)}.setting-page .book-list-wrap .book-list .book-card.module-a .book-cont{margin-top:8rem}.setting-page .book-list-wrap .book-list .book-card.module-a .book-cont .title{font-size:12rem;line-height:18rem}.setting-page .book-list-wrap .book-list .book-card.module-a .book-cont .name{font-size:10rem;line-height:14rem}.setting-page .book-list-wrap .book-list .book-card.module-a.is-selected::after{width:20rem;height:20rem}.setting-page .setting-chapter>div .selection-header{height:40rem;padding:0 16rem}.setting-page .setting-chapter>div .selection-header .selection-title{font-size:14rem}.setting-page .setting-chapter>div .selection-header .selection-count{height:20rem;padding:8rem;font-size:12rem;line-height:16rem}.setting-page .setting-chapter .selection-word .word-desc{margin-bottom:12rem;font-size:12rem;line-height:16rem}.setting-page .setting-chapter .selection-word .word-list{grid-template-columns:repeat(auto-fill, minmax(130rem, 1fr))}.setting-page .setting-chapter .selection-word .word-chk .chk:checked+.word-label .keyword{font-size:12rem;line-height:16rem}.setting-page .story-confirm .story-original p{font-size:14rem;line-height:20rem}.setting-page .learning-selection .learning-rdo .learning-body{gap:16rem;height:100%;padding:20rem;box-sizing:border-box}.setting-page .learning-selection .learning-rdo .learning-body::before{width:64rem;height:64rem}.setting-page .learning-selection .learning-rdo .learning-body::after{top:12rem;right:12rem;width:24rem;height:24rem}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .tit{font-size:16rem;line-height:24rem}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .explan{margin-top:4rem;font-size:12rem;line-height:16rem}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .explan br{display:none}.setting-page .learning-selection .learning-rdo .learning-body .learning-cont .btn-learnCheck{margin-top:12rem}.connect-page .content-body{gap:12rem}.connect-page .content-footer{margin-top:20rem !important}.connect-page .connect-top-area{gap:12rem;height:auto}.connect-page .connect-qrcode .qrcode-form .qrcode-field{gap:8rem}.connect-page .connect-qrcode .qrcode-form .qrcode-field .input{height:40rem;padding:9rem 11rem;border-radius:4rem;font-size:14rem;line-height:20rem}.connect-page .connect-qrcode .qrcode-form .qrcode-field .btn-copy{flex:none;display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;background:#333450;color:#fff}.connect-page .connect-qrcode .qrcode-form .qrcode-field .btn-copy:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.connect-page .connect-qrcode .qrcode-form .qrcode-field .btn-copy:disabled::before{background-color:#fff}.connect-page .connect-qrcode .qrcode-form .qrcode-scan{flex:none;display:none}.connect-page .book-setting{padding:var(--spacer-inner);border:1px solid #ccc;background-color:#f6f6f6;border-radius:8rem;position:relative;flex:none;width:268rem}.connect-page .book-setting .book-detail{display:flex;gap:20rem}.connect-page .book-setting .book-detail .book-thumb{position:relative;width:80rem;aspect-ratio:80/104;border-radius:8rem;overflow:hidden;box-shadow:0px 0px 12px rgba(0,0,0,.2);outline:1px solid rgba(0,0,0,.08);outline-offset:-1px}.connect-page .book-setting .book-detail .book-thumb img{width:100%;height:100%;object-fit:cover}.connect-page .book-setting .book-detail .book-info li+li{margin-top:4rem}.connect-page .book-setting .book-detail .book-info .tit{display:block;font-weight:400;font-size:12rem;line-height:16rem;color:#000}.connect-page .book-setting .book-detail .book-info .txt{display:block;font-weight:400;font-size:10rem;line-height:16rem;color:#666}.connect-page .book-setting .btn-setting{top:6rem;right:16rem}.connect-page .connect-users .user-list{gap:12rem}.teacher-story-page .content-footer .btn-dark{min-width:160rem}.teacher-story-page .content-footer .btn-action{min-width:160rem}.teacher-story-page .story-box{padding:20rem}.teacher-story-page .story-box .story-scroll{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding-right:24rem}.teacher-story-page .story-box .story-original{font-size:calc(16rem*var(--grade-scale));line-height:calc(24rem*var(--grade-scale))}.teacher-story-page .story-box .story-translated{font-size:calc(16rem*var(--grade-scale));line-height:calc(24rem*var(--grade-scale))}.student-status-page .student-status-box{flex-direction:column}.student-status-page .student-status-box .student-box.is-inProgress{height:60%}.student-status-page .student-status-box .student-box.is-completed{height:40%}.student-status-page .student-status-box .student-box .student-box-header{height:44rem;padding:0 16rem;border-radius:8rem 8rem 0 0}.student-status-page .student-status-box .student-box .student-box-header .student-box-title{font-size:14rem;line-height:20rem}.student-status-page .student-status-box .student-box .state-legend-list{padding:2rem 8rem;gap:8rem}.student-status-page .student-status-box .student-box .state-legend-list .state-legend{gap:2rem;font-size:9rem;line-height:16rem}.student-status-page .student-status-box .student-box .student-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(70rem, 1fr));grid-template-rows:repeat(auto-fill, minmax(64rem, 1fr));gap:16rem}.student-results-page .content-header .btn-report{display:none}.student-results-page .content-body{padding-right:0 !important;padding-left:0 !important}.student-results-page .content-body .btn-report{display:flex;width:100%;margin-top:12rem;box-shadow:0px 3px 6px rgba(0,0,0,.08)}.student-results-page .stats-box{padding:0 var(--spacer);background-color:rgba(0,0,0,0);border-radius:0}.student-results-page .stats-box .stats-list{gap:8rem}.student-results-page .stats-box .stats-list .stats-item{flex:1 1 auto;width:100%;flex-direction:column;padding:12rem;background-color:var(--color-primary-light);border-radius:8rem;gap:0}.student-results-page .stats-box .stats-list .stats-item .stats-tit{font-size:14rem;line-height:22rem}.student-results-page .stats-box .stats-list .stats-item .stats-val{font-size:14rem;line-height:22rem}.student-results-page .status-box{margin-top:20rem;padding:0 var(--spacer);border:0;border-radius:0}.student-results-page .status-box::before{content:"";display:block;height:12rem;width:calc(100% + var(--spacer)*2);margin:0 calc(var(--spacer)*-1) 20rem;background-color:#f6f6f6;border-radius:0}.student-results-page .status-box .status-legend-list{display:none}.student-results-page .status-box .status-data-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(auto-fill, minmax(66rem, 1fr));gap:12rem}.student-results-page .status-box .status-data-list .status-data-item+.status-data-item{border-top:0}.student-results-page .status-box .status-data-list .status-data-item .status-data{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;padding:12rem;border:1px solid #eaeaea;border-radius:8rem}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col{display:none;width:auto;font-weight:400;font-size:14rem;line-height:20rem}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-profile,.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn{display:flex;position:static;top:0;transform:translateY(0)}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-profile{left:0;gap:8rem}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn{right:0}.student-results-page .status-box .status-data-list .status-data-item .status-data .status-col.type-btn .btn-more{gap:6rem;padding:2px 16rem 0}.student-results-page .status-box .status-desc{display:block;margin-top:12rem;font-weight:400;font-size:14rem;line-height:20rem;color:#666}.chat-community .chat-list .chat-item .chat-sender{gap:8rem}.chat-community .chat-list .chat-item .chat-avata{width:40rem;height:40rem}.chat-community .chat-list .chat-item+.chat-item{margin-top:24rem}.chat-community .chat-list .chat-item.bot+.chat-item.bot,.chat-community .chat-list .chat-item.user+.chat-item.user{margin-top:12rem}.sigin-page .sigin-wrap{gap:20rem}.sigin-page .sigin-wrap .sigin-box .sigin-profile-list{gap:12rem 8rem}.story-page .story-box{padding:20rem}.story-page .story-box .story-scroll{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;padding-right:24rem}.story-page .story-box .story-profile .name{font-size:calc(18rem*var(--grade-scale));line-height:calc(28rem*var(--grade-scale))}.story-page .story-box .story-original{font-size:calc(16rem*var(--grade-scale));line-height:calc(24rem*var(--grade-scale))}.story-page .story-box .story-translated{font-size:calc(16rem*var(--grade-scale));line-height:calc(24rem*var(--grade-scale))}.basic-learning-page .story-learning{padding:20rem;padding-right:76rem}.basic-learning-page .story-learning .story-original{font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale))}.basic-learning-page .story-learning .story-translated{margin-top:calc(4rem*var(--grade-scale));font-size:calc(12rem*var(--grade-scale));line-height:calc(16rem*var(--grade-scale))}.basic-learning-page .story-learning .story-util{right:20rem}.deep-learning-page .deep-learning-test .test-box{padding:20rem;border-radius:8rem}.deep-learning-page .deep-learning-test .test-box .quse-original{font-size:calc(14rem*var(--grade-scale));line-height:calc(20rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .quse-original .btn-speaker{width:calc(20rem*var(--grade-scale));height:calc(20rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .quse-translated{margin-top:calc(4rem*var(--grade-scale));margin-bottom:calc(8rem*var(--grade-scale));font-weight:400;font-size:calc(12rem*var(--grade-scale));line-height:calc(16rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .answer-input input{width:100%;height:40rem;padding:11rem 11rem;border-radius:4rem;border:1px solid #ccc;font-weight:400;font-size:12rem;line-height:16rem;color:#000;padding-top:3rem;padding-bottom:3rem;font-size:calc(12rem*var(--grade-scale));line-height:calc(16rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked::before{width:calc(20rem*var(--grade-scale));height:calc(20rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect::before{width:calc(16rem*var(--grade-scale));height:calc(16rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .answer-translated{margin-top:calc(4rem*var(--grade-scale));font-size:calc(12rem*var(--grade-scale));line-height:calc(16rem*var(--grade-scale))}.ai-chat-end .ani-wrap{--ani-rocate: 1}.story-result-page .story-result-wrap .result-title .avata{width:56rem;height:56rem}.story-result-page .story-result-wrap .result-title .title{font-size:20rem;line-height:28rem}.story-result-page .story-result-wrap .result-stats{margin-top:32rem}.story-result-page .story-result-wrap .result-stats .stats-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:8rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box{position:relative;gap:8rem;height:68rem;padding:15rem 11rem;border-radius:8rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box .stats-body{display:flex;flex-direction:column;gap:2rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box .stats-body .tit{font-size:12rem;line-height:16rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box .stats-body .stat{font-size:14rem;line-height:20rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box::before{width:36rem;height:36rem}.story-result-page .story-result-wrap .result-stats .stats-list .stats-box::after{position:absolute;bottom:13rem;right:11rem;width:20rem;height:20rem;margin-right:-6rem}.story-result-page .story-result-wrap .result-feedback{margin-top:32rem}.story-result-page .story-result-wrap .result-feedback .feedback-title{margin-bottom:12rem;font-size:16rem;line-height:24rem}.story-result-page .story-result-wrap .result-feedback .feedback-box{padding:20rem;border-radius:8rem}.story-result-page .story-result-wrap .result-feedback .feedback-box .story-original{font-size:14rem;line-height:20rem}.story-result-page .story-result-wrap .result-feedback .feedback-box .story-translated{margin-top:12rem;font-size:14rem;line-height:20rem}}@media(max-width: 680px){html,body,.page-wrap{height:auto}.page-wrap.type-setting .page-header .util-area .step-list .step-item.is-current .step-label{display:none}.page-wrap.type-setting .content:has(.content-footer){padding-bottom:calc(var(--spacer)*2 + 48rem + 30rem)}.page-wrap.type-setting .content:has(.content-footer).setting-page .setting-list{gap:8rem}.page-wrap.type-setting .content:has(.content-footer) .content-footer{position:fixed;left:0;bottom:0;z-index:10;width:100%;margin-top:0;padding:var(--spacer);background:#fff;box-shadow:0px 0px 8px rgba(0,0,0,.12)}.setting-page .setting-list .setting-item{padding-top:12rem;padding-bottom:12rem}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-content{display:none}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect{width:24rem;height:24rem;padding:0;box-shadow:none;background-color:rgba(0,0,0,0);border:0;margin-right:-4rem}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect span{display:none}.setting-page .setting-list .setting-item.is-completed .setting-selection .setting-util .btn-reselect::before{margin:0;width:24rem;height:24rem;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23333450' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.setting-page .setting-list .setting-item.is-current .setting-body .setting-active{margin-top:16rem}.setting-page .book-list-wrap .book-list{gap:16rem 16rem;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr))}.setting-page .setting-chapter{flex-direction:column}.setting-page .setting-chapter>div .selection-scroll{padding:16rem}.setting-page .setting-chapter .selection-chapter{min-width:100%}.setting-page .setting-chapter .selection-chapter .selection-word .word-chk .chk:checked+.word-label .keyword{font-size:12rem}.setting-page .learning-selection{flex-direction:column}.chat-page .content-footer.is-chatting{--chat-footer-height: 72rem}.chat-page .chat-ended{margin-bottom:8rem}.chat-page .chat-desc{align-items:center;justify-content:space-between;font-size:12rem;line-height:16rem}.chat-page .chat-desc p{text-align:left}.chat-page .chat-desc p span{display:block}.chat-page .chat-desc a{color:#000;border-bottom:1px solid #000}.chat-page .chat-utils{justify-content:space-between}.chat-page .chat-utils button::before{width:24rem;height:24rem}.chat-page .chat-utils .btn-recording{width:48rem;height:48rem}.chat-page .chat-utils .btn-keyboard{width:48rem;height:48rem}.chat-page .chat-utils .btn-story{position:relative;top:auto;right:auto;padding:0 2rem;width:48rem;height:48rem;font-size:12rem;word-break:break-all;transform:translate(0, 0)}.chat-page .chat-utils .btn-story.is-hidden{width:0;height:0;transform:translate(0, 0) scale(0)}.connect-page .connect-top-area{flex-direction:column}.connect-page .connect-qrcode .content-h3{letter-spacing:-1px}.connect-page .connect-qrcode .qrcode-form .qrcode-field{flex-direction:row;flex-wrap:nowrap}.connect-page .connect-qrcode .connect-field-message{margin-top:6px}.connect-page .connect-qrcode .connect-field-message.only-pc{display:none !important}.connect-page .connect-qrcode .connect-field-message.only-mobile{display:block !important}.connect-page .connect-qrcode .connect-field-message .txt-comm{justify-content:flex-start}.connect-page .connect-qrcode .connect-field-message .link-comm{flex-shrink:0}.connect-page .book-setting{width:100%}.connect-page .book-setting .book-detail{display:flex;gap:20rem}.connect-page .book-setting .book-detail .book-thumb{display:none}.connect-page .book-setting .book-detail .book-info{width:100%}.connect-page .book-setting .book-detail .book-info ul{display:flex;justify-content:space-between;width:100%;gap:28rem}.connect-page .book-setting .book-detail .book-info ul li:first-child{margin-right:auto}.connect-page .book-setting .book-detail .book-info ul li+li{margin-top:0}.connect-page .book-setting .book-detail .book-info .tit{display:block;font-weight:400;font-size:12rem;line-height:16rem;color:#000}.connect-page .book-setting .book-detail .book-info .txt{display:block;font-weight:400;font-size:10rem;line-height:16rem;color:#666}.connect-page .book-setting .btn-setting{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.connect-page .book-setting .btn-setting::after,.connect-page .book-setting .btn-setting::before{background-color:#767676}.connect-page .book-setting .btn-setting:hover{border-color:var(--color-primary);color:var(--color-primary)}.connect-page .book-setting .btn-setting:hover::after,.connect-page .book-setting .btn-setting:hover::before{background-color:var(--color-primary)}.connect-page .book-setting .btn-setting:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.connect-page .book-setting .btn-setting:disabled::before{background-color:#fff}.connect-page .book-setting .btn-setting{box-shadow:0px 3px 6px rgba(0,0,0,.08);position:static;width:100%}.connect-page .book-setting .btn-setting::before{width:16rem;height:16rem;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00029 9.9987C9.10485 9.9987 10.0003 9.10327 10.0003 7.9987C10.0003 6.89413 9.10485 5.9987 8.00029 5.9987C6.89572 5.9987 6.00028 6.89413 6.00028 7.9987C6.00028 9.10327 6.89572 9.9987 8.00029 9.9987Z' stroke='%23767676' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.19301 12.9128L6.58264 13.7891C6.69846 14.0499 6.88749 14.2716 7.12679 14.4271C7.36609 14.5826 7.64538 14.6654 7.93079 14.6654C8.21619 14.6654 8.49549 14.5826 8.73478 14.4271C8.97408 14.2716 9.16311 14.0499 9.27893 13.7891L9.66856 12.9128C9.80726 12.6018 10.0406 12.3426 10.3352 12.172C10.6318 12.001 10.9748 11.9281 11.3152 11.9639L12.2686 12.0654C12.5523 12.0954 12.8387 12.0424 13.093 11.9129C13.3473 11.7834 13.5586 11.5829 13.7012 11.3357C13.8439 11.0887 13.912 10.8056 13.897 10.5206C13.882 10.2357 13.7846 9.96123 13.6167 9.73055L13.0523 8.955C12.8513 8.67679 12.7439 8.34191 12.7456 7.9987C12.7455 7.65642 12.8539 7.32293 13.0552 7.04611L13.6197 6.27055C13.7876 6.03987 13.885 5.76541 13.8999 5.48048C13.9149 5.19555 13.8469 4.91239 13.7041 4.66536C13.5615 4.41819 13.3503 4.21769 13.096 4.08818C12.8417 3.95867 12.5553 3.90572 12.2715 3.93573L11.3182 4.03722C10.9777 4.07297 10.6347 4.00011 10.3382 3.82907C10.0429 3.65753 9.80958 3.39694 9.67153 3.08462L9.27893 2.20833C9.16311 1.94748 8.97408 1.72584 8.73478 1.5703C8.49549 1.41475 8.21619 1.33198 7.93079 1.33203C7.64538 1.33198 7.36609 1.41475 7.12679 1.5703C6.88749 1.72584 6.69846 1.94748 6.58264 2.20833L6.19301 3.08462C6.05496 3.39694 5.82159 3.65753 5.52634 3.82907C5.22982 4.00011 4.88679 4.07297 4.54634 4.03722L3.59005 3.93573C3.30627 3.90572 3.01987 3.95867 2.76559 4.08818C2.51131 4.21769 2.30006 4.41819 2.15745 4.66536C2.01467 4.91239 1.94664 5.19555 1.96163 5.48048C1.97662 5.76541 2.07398 6.03987 2.2419 6.27055L2.80634 7.04611C3.00764 7.32293 3.11603 7.65642 3.11597 7.9987C3.11603 8.34097 3.00764 8.67446 2.80634 8.95129L2.2419 9.72685C2.07398 9.95753 1.97662 10.232 1.96163 10.5169C1.94664 10.8018 2.01467 11.085 2.15745 11.332C2.3002 11.5791 2.51147 11.7795 2.76572 11.909C3.01996 12.0384 3.30629 12.0915 3.59005 12.0617L4.54338 11.9602C4.88382 11.9244 5.22686 11.9973 5.52338 12.1683C5.81973 12.3394 6.05418 12.6 6.19301 12.9128Z' stroke='%23767676' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.connect-page .connect-users .user-list{gap:12rem}.teacher-story-page .content-header{padding-top:0 !important}.teacher-story-page .content-header .tooltip-wrap{position:static;margin-bottom:30rem;transform:none;display:flex;justify-content:center}.teacher-story-page .content-header .qrcode-scan{display:none}.teacher-story-page .content-header .content-util{position:static;margin-top:16rem}.teacher-story-page .content-footer .btn-dark{flex:1 1 auto;min-width:1px;width:100%}.teacher-story-page .content-footer .btn-action{flex:1 1 auto;min-width:1px;width:100%}.student-status-page .student-status-explain{margin-bottom:8rem;font-weight:700;font-size:12rem;line-height:16rem;color:#333450}.student-status-page .student-status-box{height:calc(100% - 24rem)}.student-results-page .stats-box{padding:0 var(--spacer);background-color:rgba(0,0,0,0);border-radius:0}.student-results-page .stats-box .stats-list{gap:8rem}.student-results-page .stats-box .stats-list .stats-item .stats-tit{font-size:10rem;line-height:14rem}.student-results-page .stats-box .stats-list .stats-item .stats-val{font-size:10rem;line-height:14rem}.student-results-page .status-box .status-data-list{display:grid;grid-template-columns:repeat(1, 1fr)}.sigin-page .sigin-wrap{padding-top:0}.sigin-page .sigin-wrap .visual-area{display:none}.sigin-page .sigin-wrap .sigin-area{margin:auto;height:auto}.sigin-page .sigin-wrap .sigin-box{border:0;background-color:#fff}.sigin-page .sigin-wrap .sigin-box .sigin-input-group{display:flex;flex-direction:column;gap:12rem}.sigin-page .sigin-wrap .sigin-box .sigin-input .input{width:100%;height:48rem;padding:11rem 13rem;border-radius:8rem;border:1px solid #ccc;font-weight:400;font-size:16rem;line-height:24rem;color:#000}.sigin-page .sigin-wrap .sigin-box .sigin-profile-group{margin-top:28rem}.sigin-page .sigin-wrap .sigin-box .sigin-profile-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(60rem, 1fr));gap:12rem}.sigin-page .sigin-wrap .sigin-box .sigin-profile-list .sigin-profile-item{display:flex;justify-content:center}.sigin-page .sigin-wrap .sigin-box .sigin-profile{width:60rem;height:60rem}.sigin-page .sigin-wrap .waiting-box{padding-top:37rem}.sigin-page .sigin-wrap .waiting-box .waiting-cont .data-tit{margin-bottom:20rem}.sigin-page .sigin-wrap .waiting-box .waiting-cont .data-tit strong{font-weight:700;font-size:32rem;line-height:44rem;color:var(--color-primary);background-image:linear-gradient(to bottom, #fff 25rem, var(--color-primary-light) 16rem)}.sigin-page .sigin-wrap .waiting-box .waiting-cont .data-explain{font-weight:400;font-size:24rem;line-height:36rem;color:#000}.sigin-page .sigin-wrap .waiting-box .waiting-guide{margin-top:60rem}.sigin-page .sigin-wrap .waiting-box .waiting-guide .data-tip .tip{display:inline-flex;align-items:center;height:24rem;padding:0rem 8rem;border-radius:24rem;background-color:#333450;font-weight:700;font-size:12rem;line-height:16rem;color:#fff}.sigin-page .sigin-wrap .waiting-box .waiting-guide .data-list{margin-top:12rem}.sigin-page .sigin-wrap .waiting-box .waiting-guide .data-list li{position:relative;padding-left:12rem;font-weight:400;font-size:14rem;line-height:20rem;color:#666}.sigin-page .sigin-wrap .waiting-box .waiting-guide .data-list li::before{content:"";display:block;position:absolute;left:0;top:9rem;width:4rem;height:4rem;border-radius:50%;background-color:#dfdfdf}.basic-learning-page .content-header .content-util{position:static;margin-top:16rem}.basic-learning-page .story-learning-box{padding:0;border:0}.basic-learning-page .story-learning-list{padding:0;overflow:hidden}.deep-learning-page .content-header .content-util{position:static;margin-top:16rem}.deep-learning-page .story-learning-box{padding:0;border:0}.deep-learning-page .deep-learning-list{padding:0;overflow:hidden}.deep-learning-page .deep-learning-test .test-box{position:relative;padding:20rem;padding-bottom:76rem;border-radius:8rem}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-checked{position:absolute;left:20rem;bottom:20rem;width:calc(112rem*var(--grade-scale))}.deep-learning-page .deep-learning-test .test-box .answer-input .btn-reselect{position:absolute;left:20rem;bottom:20rem;width:calc(112rem*var(--grade-scale));font-size:calc(14rem*var(--grade-scale))}.chat-community .story-user-chat{max-width:calc(100% - 80rem)}.chat-community .story-record-chat{max-width:calc(100% - 40rem)}.story-result-page .story-result-wrap .result-stats .stats-list{grid-template-columns:repeat(2, 1fr)}.modal-full .modal-dialog{padding:0;transform:translate(0px)}.modal-full .modal-content{height:100%;border-radius:0}.modal-full .modal-header{height:56rem;padding:18rem 20rem}.modal-full .modal-body{padding:20rem;padding-right:4rem}.modal-full .modal-body .modal-inner{padding-right:16rem}.modal-full .modal-footer .btn-primary{flex:1 1 auto;width:100%}.modal-full .modal-footer .btn-normal{flex:1 1 auto;width:100%}}@media(max-width: 479px){.setting-page .setting-list .setting-item .setting-header .setting-desc{padding-right:var(--spacer-inner)}.setting-page .setting-list .setting-item .setting-header .setting-desc br{display:none}.setting-page .book-list-wrap .book-list{gap:16rem 6rem;grid-template-columns:repeat(3, 1fr)}.setting-page .story-confirm .story-actions{flex-direction:column}.setting-page .story-confirm .story-actions .btn-group{display:flex;width:100%}.setting-page .story-confirm .story-actions .btn-group button{flex:1 1 auto;width:100%}.setting-page .story-confirm .story-actions .btn-group button.btn-translate .btn-tooltip-body{left:0;right:0;width:calc(100vw - var(--spacer) - var(--spacer-inner) - var(--spacer) - var(--spacer-inner) - 4px);transform:none;text-align:center}.setting-page .story-confirm .story-actions .btn-group button.btn-translate .btn-tooltip-body::after{right:auto;left:calc(25% - 2rem)}}@media(max-height: 620px)and (min-width: 681px){.page-wrap.type-setting{min-height:620rem}.page-wrap.type-setting.has-keypad{min-height:auto}}@media(max-height: 690px)and (min-width: 1024px){.page-wrap.type-setting{min-height:690rem}.page-wrap.type-setting.has-keypad{min-height:auto}}@media(max-width: 359px){html{font-size:.2777777778vw}}html.auto{overflow-y:auto}html,body{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:Roboto, Noto Sans KR, Noto Sans SC, sans-serif;line-height:1.12;font-weight:400;letter-spacing:-0.5px;word-break:keep-all;color:#666;-webkit-overflow-scrolling:touch}html.popup,body.popup{min-width:auto;overflow-y:auto}section,header,footer{box-sizing:border-box}div,html,p,span,em,b,h1,h2,h3,h4,h5,ul,li,ol{margin:0;padding:0;box-sizing:border-box;list-style:none;box-sizing:border-box}a{text-decoration:none}a,input,button,textarea,select,textarea{margin:0;padding:0;box-sizing:border-box;list-style:none;border:0 none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#666;font-family:Roboto, Noto Sans KR, Noto Sans SC, sans-serif;font-size:1em;vertical-align:middle}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]{-moz-appearance:textfield}button{cursor:pointer;background:rgba(0,0,0,0) none}a:active,button:active,input:focus{outline:none}::after,::before{box-sizing:border-box}[hidden]{display:none !important}img{display:block;max-width:100%}a:hover{transition:all .3s ease}table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}ul[type=disc]{margin-left:25px}ul[type=disc] li{list-style:disc}.layerpop,.toast-alert-box{display:none}.blind{position:fixed;overflow:hidden;border:0;margin:-1px;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%)}[role=button]{cursor:pointer}@media(max-width: 359px){html{font-size:.2777777778vw}}.modal-full .modal-privacy{background:#fff;min-width:1027px;max-width:1027px;border-radius:15px;box-shadow:0 0 15px rgba(0,0,0,.5)}.modal-full .modal-privacy .modal-header{padding:14px 25px;display:flex;align-items:center;border-bottom:1px solid #dadada;background-color:var(--color-primary);border-radius:15px 15px 0 0;overflow:hidden}.modal-full .modal-privacy .modal-header h2{color:#fff;font-size:20px}.modal-full .modal-privacy .modal-header .btn-box{margin-left:auto}.modal-full .modal-privacy .modal-header .btn-box .close{text-indent:-9999px;display:block;width:16px;height:16px;background:url(../../../img/pages/ico_modal-close.svg) no-repeat center/contain}.modal-full .modal-privacy .modal-body{padding:30px;overflow:auto;height:auto;max-height:calc(100svh - 52px - 80px - 100px)}.modal-full .modal-privacy .modal-body .agree-file .detail-text,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text,.modal-full .modal-privacy .modal-body .agree-box .detail-text{font-size:13px !important;overflow-y:auto;line-height:20px;text-align:justify;word-break:keep-all}.modal-full .modal-privacy .modal-body .agree-file .detail-text h1,.modal-full .modal-privacy .modal-body .agree-file .detail-text h2,.modal-full .modal-privacy .modal-body .agree-file .detail-text h3,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text h1,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text h2,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text h3,.modal-full .modal-privacy .modal-body .agree-box .detail-text h1,.modal-full .modal-privacy .modal-body .agree-box .detail-text h2,.modal-full .modal-privacy .modal-body .agree-box .detail-text h3{font-weight:500;margin:10px 0 3px;font-size:14px}.modal-full .modal-privacy .modal-body .agree-file .detail-text h1,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text h1,.modal-full .modal-privacy .modal-body .agree-box .detail-text h1{font-size:15px;font-weight:500;color:#3b3b3b}.modal-full .modal-privacy .modal-body .agree-file .detail-text h1:first-child,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text h1:first-child,.modal-full .modal-privacy .modal-body .agree-box .detail-text h1:first-child{margin-top:0}.modal-full .modal-privacy .modal-body .agree-file .detail-text h2,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text h2,.modal-full .modal-privacy .modal-body .agree-box .detail-text h2{font-size:15px;margin-bottom:0}.modal-full .modal-privacy .modal-body .agree-file .detail-text ol[type="1"],.modal-full .modal-privacy .modal-body .agree-info-box .detail-text ol[type="1"],.modal-full .modal-privacy .modal-body .agree-box .detail-text ol[type="1"]{margin-left:15px}.modal-full .modal-privacy .modal-body .agree-file .detail-text ol[type="1"] li,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text ol[type="1"] li,.modal-full .modal-privacy .modal-body .agree-box .detail-text ol[type="1"] li{list-style:decimal}.modal-full .modal-privacy .modal-body .agree-file .detail-text ol[type="1"] ul li,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text ol[type="1"] ul li,.modal-full .modal-privacy .modal-body .agree-box .detail-text ol[type="1"] ul li{list-style:none !important}.modal-full .modal-privacy .modal-body .agree-file .detail-text ul[type=circle],.modal-full .modal-privacy .modal-body .agree-file .detail-text ul[type=disc],.modal-full .modal-privacy .modal-body .agree-info-box .detail-text ul[type=circle],.modal-full .modal-privacy .modal-body .agree-info-box .detail-text ul[type=disc],.modal-full .modal-privacy .modal-body .agree-box .detail-text ul[type=circle],.modal-full .modal-privacy .modal-body .agree-box .detail-text ul[type=disc]{margin-left:18px !important}.modal-full .modal-privacy .modal-body .agree-file .detail-text ul[type=circle] li,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text ul[type=circle] li,.modal-full .modal-privacy .modal-body .agree-box .detail-text ul[type=circle] li{list-style:circle}.modal-full .modal-privacy .modal-body .agree-file .detail-text ul[type=disc],.modal-full .modal-privacy .modal-body .agree-info-box .detail-text ul[type=disc],.modal-full .modal-privacy .modal-body .agree-box .detail-text ul[type=disc]{margin-left:25px}.modal-full .modal-privacy .modal-body .agree-file .detail-text ul[type=disc] li,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text ul[type=disc] li,.modal-full .modal-privacy .modal-body .agree-box .detail-text ul[type=disc] li{list-style:disc}.modal-full .modal-privacy .modal-body .agree-file .detail-text table,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text table,.modal-full .modal-privacy .modal-body .agree-box .detail-text table{background-color:#fff !important;margin-bottom:5px !important}.modal-full .modal-privacy .modal-body .agree-file .detail-text table th,.modal-full .modal-privacy .modal-body .agree-file .detail-text table td,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text table th,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text table td,.modal-full .modal-privacy .modal-body .agree-box .detail-text table th,.modal-full .modal-privacy .modal-body .agree-box .detail-text table td{border:1px solid #d9d9d9 !important;padding:5px !important;word-break:keep-all !important;font-size:13px !important}.modal-full .modal-privacy .modal-body .agree-file .detail-text table th,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text table th,.modal-full .modal-privacy .modal-body .agree-box .detail-text table th{text-align:center;font-weight:450;background-color:#fafafa}.modal-full .modal-privacy .modal-body .agree-file .detail-text table td,.modal-full .modal-privacy .modal-body .agree-info-box .detail-text table td,.modal-full .modal-privacy .modal-body .agree-box .detail-text table td{text-align:left}.modal-full .modal-privacy .modal-body .agree-file .detail-text{background-color:#fff}@media(max-width: 1023px){.modal-full .modal-privacy{width:100%;min-width:100%}}@media(max-width: 719px){.modal-full .modal-privacy{width:100%;height:100%;min-width:100%;border-radius:0}.modal-full .modal-privacy .modal-header{border-radius:0}.modal-full .modal-privacy .modal-body{max-height:calc(100% - 48px);border-radius:0}}@media(max-width: 359px){html{font-size:.2777777778vw}}:root{--sidepacer: 40px;--max-width: 1280px}@media(max-width: 1279px){:root{--sidepacer: 20px}}@media(max-width: 1023px){:root{--sidepacer: 20px}}html{font-size:1px}body{font-size:14rem}html,body{height:100%;min-width:100%}.wrapper{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100%;background-color:var(--main-background)}.main-wrap .header .util-menu .container-inner .out-link{font-size:14px}.main-wrap .header .util-menu .container-inner .out-link .go-fm-list a:after{margin-left:6px}.main-wrap .header .util-menu .container-inner .out-link ul{line-height:40px}.main-wrap .header .util-menu .container-inner .out-link ul li{padding:0 16px}.main-wrap .header .util-menu .container-inner .out-link ul li.type2 a{font-size:12px;line-height:22px;height:24px;padding:0 9px}.main-wrap .header .util-menu .container-inner .inner-link{font-size:13px}.main-wrap .header .util-menu .container-inner .inner-link ul{line-height:40px}.main-wrap .header .util-menu .container-inner .inner-link ul li{padding:0 14px}.main-wrap .header .util-menu .container-inner .inner-link ul li .favorite{display:block}.main-wrap .header .util-menu .container-inner .inner-link ul li .favorite::before{padding-right:2px}.container{width:100%;flex-grow:1}.container .content{width:100%;max-width:var(--max-width);margin:auto;padding:120rem var(--sidepacer)}footer.for-mobile{display:none}footer .footer-bottom{background-color:#3b3b3b}footer .footer-bottom .inn{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;padding:40px 0;text-align:left}footer .footer-bottom .inn .copyright-left{display:flex;display:-webkit-flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;gap:10px}footer .footer-bottom .inn .copyright-left img{display:inline;width:121rem;margin-bottom:35rem}footer .footer-bottom .inn .copyright-left .link{display:flex;display:-webkit-flex;flex-direction:row;gap:20px}footer .footer-bottom .inn .copyright-left .link a{color:#aaa}footer .footer-bottom .inn .copyright-left .link a:hover{font-weight:700;color:#f1f1f1}footer .footer-bottom .inn .copyright-left .copyright{color:#aaa;font-size:12rem}footer .footer-bottom .inn .copyright-right{display:flex;display:-webkit-flex;flex-direction:column;justify-content:flex-end}footer .footer-bottom .inn .compony-info{color:#aaa;font-size:12rem}footer .footer-bottom{background:#292929}footer .footer-bottom .inn{padding-left:var(--sidepacer);padding-right:var(--sidepacer)}footer .footer-bottom .inn .copyright{width:100%;display:flex}footer .footer-bottom .inn .copyright .copyright-left{width:158rem}footer .footer-bottom .inn .copyright .copyright-mid .link{display:flex;gap:40rem;margin-bottom:30rem}footer .footer-bottom .inn .copyright .copyright-mid .link li a{font-size:16rem;font-weight:700;line-height:19rem;color:#f4f4f4}footer .footer-bottom .inn .copyright .copyright-mid .compony-info,footer .footer-bottom .inn .copyright .copyright-mid .copyright{font-size:12rem;font-weight:400;line-height:16.8rem;color:#afafaf}footer .footer-bottom .inn .copyright .copyright-mid .compony-info{margin-bottom:15rem}footer .footer-bottom .inn .copyright .copyright-right{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto}footer .footer-bottom .inn .copyright .copyright-right .sns-wrap{display:flex;gap:20rem;align-items:center;margin-bottom:32rem}footer .footer-bottom .inn .copyright .copyright-right .sns-wrap p{font-size:13rem;font-weight:500;line-height:9rem;color:#9b9b9b}footer .footer-bottom .inn .copyright .copyright-right .sns-wrap .sns{display:flex;gap:18rem}footer .footer-bottom .inn .copyright .copyright-right .form-select.ver2{font-size:15rem;font-weight:400;line-height:16rem;color:#f4f4f4;border:0;background-color:#363636;border-radius:8rem;padding:12px 15px;width:350px;margin-left:auto;background-image:url("../../../../../asset/img/common/ico_arrow_down.svg");background-repeat:no-repeat;background-position:right 15px center;background-size:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none}.sub-wrap .header{width:100%;max-width:var(--max-width);margin:auto;padding:20rem var(--sidepacer) 0}.sub-wrap .header .logo{position:relative;width:126rem;height:32rem;background:no-repeat center center/contain;background-image:var(--bg-logo)}.sub-wrap .header .logo.has-beta::after{content:"";display:block;position:absolute;left:103.2%;top:0;width:17.5%;aspect-ratio:22/12;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='12' rx='2' fill='%2331324D'/%3E%3Cpath d='M15.3203 7.59766C15.3242 6.65234 16.082 6.34375 16.8984 6.29297C17.2031 6.27344 17.7734 6.24609 17.9531 6.23828V5.89453C17.9492 5.53906 17.707 5.33594 17.2734 5.33203C16.8789 5.33594 16.6328 5.51172 16.5703 5.80078H15.4688C15.5391 5.06641 16.1797 4.48828 17.3047 4.48828C18.2305 4.48828 19.1055 4.90234 19.1016 5.92578V8.78516H18.0078V8.19922H17.9766C17.7695 8.58984 17.3633 8.86719 16.7344 8.86328C15.9219 8.86719 15.3242 8.4375 15.3203 7.59766ZM16.4297 7.56641C16.4297 7.89062 16.6914 8.0625 17.0625 8.06641C17.5898 8.0625 17.957 7.71875 17.9531 7.26953V6.96094C17.7773 6.96875 17.2812 6.99609 17.0859 7.01172C16.6836 7.04688 16.4297 7.23828 16.4297 7.56641Z' fill='white'/%3E%3Cpath d='M14.7969 4.54297V5.41016H14V7.48047C13.9961 7.82031 14.1641 7.90234 14.3984 7.91016C14.5156 7.91016 14.7188 7.89844 14.8594 7.88672V8.80078C14.7344 8.82031 14.5273 8.84375 14.2422 8.83984C13.4062 8.84375 12.8359 8.46875 12.8438 7.64453V5.41016H12.2578V4.54297H12.8438V3.52734H14V4.54297H14.7969Z' fill='white'/%3E%3Cpath d='M9.89064 8.87109C8.58986 8.86719 7.79298 8.02734 7.79689 6.68359C7.79298 5.375 8.60158 4.48828 9.84376 4.48828C10.957 4.48828 11.836 5.19141 11.836 6.63672V6.96484H8.93751C8.93751 7.60547 9.31642 8 9.91408 8.00391C10.3086 8 10.5899 7.82812 10.7031 7.57422H11.8047C11.6406 8.35938 10.9375 8.86719 9.89064 8.87109ZM8.93751 6.23828H10.7422C10.7383 5.72266 10.3828 5.35156 9.8672 5.35547C9.33595 5.35156 8.96095 5.75 8.93751 6.23828Z' fill='white'/%3E%3Cpath d='M2.89844 8.78516V3.12891H5.14844C6.39453 3.12891 7.02734 3.73047 7.02344 4.58203C7.02734 5.24609 6.58984 5.66406 6.00781 5.79297V5.84766C6.64453 5.87891 7.24609 6.38672 7.25 7.22266C7.24609 8.12109 6.57422 8.78516 5.29688 8.78516H2.89844ZM4.07031 7.81641H5.0625C5.74219 7.82031 6.03516 7.53906 6.03125 7.11328C6.03516 6.63672 5.67188 6.30078 5.09375 6.30078H4.07031V7.81641ZM4.07031 5.49609H4.97656C5.46875 5.5 5.83984 5.22266 5.83594 4.76953C5.83984 4.35938 5.53516 4.08203 5 4.08203H4.07031V5.49609Z' fill='white'/%3E%3C/svg%3E%0A")}.sub-wrap .content{padding-top:48rem}.sub-wrap .content .content-body{padding:60rem;background-color:#fff;border-radius:32rem}@media(max-width: 1023px){footer.for-mobile{display:block !important;padding:40px 20px;background:#292929}footer.for-mobile .top{display:flex;flex-direction:row;justify-content:space-between}footer.for-mobile .top .logo{width:120px}footer.for-mobile .top .sns{display:flex;flex-direction:row;gap:12px}footer.for-mobile .link{display:flex;flex-direction:row;margin-top:40px;gap:20px}footer.for-mobile .link li a{font-size:16px;color:#fff}footer.for-mobile .copyright{font-size:13px;color:#afafaf;margin-top:40px;font-weight:300;display:flex;flex-direction:column;gap:5px}footer.for-mobile .copyright dl{margin:0;display:flex;flex-direction:row}footer.for-mobile .copyright dl dt{width:126px;flex-shrink:0}footer.for-mobile .copyright dl dd{flex:1;min-width:0;padding:0;margin:0}footer.for-mobile .launch{margin-top:40px;display:flex;flex-direction:column;gap:20px}footer.for-mobile .launch select{width:100%;padding:12px 16px;border-radius:8px;background:#333;color:#fff;border:none;font-size:14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;background-image:url("/asset/img/common/ico_arrow_down.svg");background-repeat:no-repeat;background-position:right 12px center;background-size:10px}footer.for-mobile .launch select:focus{outline:none}footer.for-mobile .launch address{color:#666;font-size:12px}footer.for-pc{display:none}}#shortcutPopup .popup-content .popup-header h2{font-size:18px}#shortcutPopup .popup-content .popup-body{font-size:18px;line-height:24px}#shortcutPopup .popup-content .popup-body .info-box{margin-bottom:30px;padding-bottom:30px;line-height:26px}#shortcutPopup .popup-content .popup-body .info-box h1{font-size:18px}#shortcutPopup .popup-content .popup-body .info-box img{width:100%;margin-top:20px}#shortcutPopup .popup-content .popup-body .link-box{flex-wrap:wrap;padding:30px 0 10px 0;gap:40px}#shortcutPopup .popup-content .popup-body .link-box .btn{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;padding:6px 20px;min-height:45px;height:auto;font-size:16px;line-height:22px;border-radius:6px}#shortcutPopup .popup-content .popup-body .link-box .btn span{margin-right:4px;white-space:nowrap}#shortcutPopup .popup-content .popup-body .link-box .rt-box{gap:10px}@media(max-width: 1023px){.main-wrap .header{display:none}}@media(max-width: 719px){#shortcutPopup .popup-content .popup-body .link-box .rt-box{flex-direction:column}#shortcutPopup .popup-content .popup-body .link-box .rt-box .btn{width:100%}}@media(max-width: 479px){#shortcutPopup .popup-content .popup-body .link-box .rt-box::before{display:none}}@media(max-width: 359px){html{font-size:.2777777778vw}}.main-page .visual-area{position:absolute;top:136rem;left:calc(50% + 1007rem - 960rem);z-index:10;width:488rem;aspect-ratio:488/334;background:url("../../../img/pages/img-main-visual.png") no-repeat center center/contain}.main-page .visual-area::before,.main-page .visual-area .visual,.main-page .visual-area .visual::before,.main-page .visual-area .visual::after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center/contain;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main-page .visual-area::before{content:"";opacity:0;background-image:url("../../../img/pages/img-main-visual-smile.png");animation-name:visual-smile}.main-page .visual-area .visual::before{content:"";opacity:0;background-image:url("../../../img/pages/img-main-visual-bb-01.png");animation-name:visual-bubble1}.main-page .visual-area .visual::after{content:"";opacity:0;background-image:url("../../../img/pages/img-main-visual-bb-02.png");animation-name:visual-bubble2}@keyframes visual-smile{5%,55%{opacity:0}10%{opacity:1}50%{opacity:1}}@keyframes visual-bubble1{0%,15%,75%{opacity:0;transform:translateY(20px)}25%{opacity:1;transform:translateY(0)}65%{opacity:1;transform:translateY(0)}}@keyframes visual-bubble2{0%,30%,90%{opacity:0;transform:translateY(20px)}40%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}}.main-page .main-intro-sec{position:relative;z-index:30}.main-page .main-intro-sec .h1-area .h1{position:relative;width:310rem;height:80rem;background:no-repeat center center/contain;background-image:var(--bg-logo)}.main-page .main-intro-sec .h1-area .h1.has-beta::after{content:"";display:block;position:absolute;left:103.2%;top:0;width:17.5%;aspect-ratio:22/12;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='12' rx='2' fill='%2331324D'/%3E%3Cpath d='M15.3203 7.59766C15.3242 6.65234 16.082 6.34375 16.8984 6.29297C17.2031 6.27344 17.7734 6.24609 17.9531 6.23828V5.89453C17.9492 5.53906 17.707 5.33594 17.2734 5.33203C16.8789 5.33594 16.6328 5.51172 16.5703 5.80078H15.4688C15.5391 5.06641 16.1797 4.48828 17.3047 4.48828C18.2305 4.48828 19.1055 4.90234 19.1016 5.92578V8.78516H18.0078V8.19922H17.9766C17.7695 8.58984 17.3633 8.86719 16.7344 8.86328C15.9219 8.86719 15.3242 8.4375 15.3203 7.59766ZM16.4297 7.56641C16.4297 7.89062 16.6914 8.0625 17.0625 8.06641C17.5898 8.0625 17.957 7.71875 17.9531 7.26953V6.96094C17.7773 6.96875 17.2812 6.99609 17.0859 7.01172C16.6836 7.04688 16.4297 7.23828 16.4297 7.56641Z' fill='white'/%3E%3Cpath d='M14.7969 4.54297V5.41016H14V7.48047C13.9961 7.82031 14.1641 7.90234 14.3984 7.91016C14.5156 7.91016 14.7188 7.89844 14.8594 7.88672V8.80078C14.7344 8.82031 14.5273 8.84375 14.2422 8.83984C13.4062 8.84375 12.8359 8.46875 12.8438 7.64453V5.41016H12.2578V4.54297H12.8438V3.52734H14V4.54297H14.7969Z' fill='white'/%3E%3Cpath d='M9.89064 8.87109C8.58986 8.86719 7.79298 8.02734 7.79689 6.68359C7.79298 5.375 8.60158 4.48828 9.84376 4.48828C10.957 4.48828 11.836 5.19141 11.836 6.63672V6.96484H8.93751C8.93751 7.60547 9.31642 8 9.91408 8.00391C10.3086 8 10.5899 7.82812 10.7031 7.57422H11.8047C11.6406 8.35938 10.9375 8.86719 9.89064 8.87109ZM8.93751 6.23828H10.7422C10.7383 5.72266 10.3828 5.35156 9.8672 5.35547C9.33595 5.35156 8.96095 5.75 8.93751 6.23828Z' fill='white'/%3E%3Cpath d='M2.89844 8.78516V3.12891H5.14844C6.39453 3.12891 7.02734 3.73047 7.02344 4.58203C7.02734 5.24609 6.58984 5.66406 6.00781 5.79297V5.84766C6.64453 5.87891 7.24609 6.38672 7.25 7.22266C7.24609 8.12109 6.57422 8.78516 5.29688 8.78516H2.89844ZM4.07031 7.81641H5.0625C5.74219 7.82031 6.03516 7.53906 6.03125 7.11328C6.03516 6.63672 5.67188 6.30078 5.09375 6.30078H4.07031V7.81641ZM4.07031 5.49609H4.97656C5.46875 5.5 5.83984 5.22266 5.83594 4.76953C5.83984 4.35938 5.53516 4.08203 5 4.08203H4.07031V5.49609Z' fill='white'/%3E%3C/svg%3E%0A")}.main-page .main-intro-sec .h1-area .explain{margin-top:20rem;font-weight:700;font-size:28rem;line-height:40rem;color:#000}.main-page .main-intro-sec .h1-area .dropdown{margin-top:56rem;position:relative}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu{display:none;z-index:30}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu.show{display:block}.main-page .main-intro-sec .h1-area .dropdown .dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:200rem;height:60rem;padding:0 20rem 0 28rem;background-color:var(--color-primary-middle);border-radius:12rem;font-weight:700;font-size:20rem;line-height:28rem;color:#fff;border:0}.main-page .main-intro-sec .h1-area .dropdown .dropdown-toggle::after{content:"";display:block;width:24rem;height:24rem;background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu{width:200rem;padding:16rem;background:#fff;border-radius:12rem;font-weight:700;font-size:16rem;line-height:24rem;box-shadow:3rem 3rem 6rem 0 rgba(0,0,0,.1)}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu .dropdown-item{display:block;padding:8rem 12rem;border-radius:8rem}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu .dropdown-item:hover{color:var(--color-primary)}.main-page .main-tab-sec{position:relative;z-index:20;margin-top:74rem}.main-page .main-tab-sec .tab-list{position:relative;display:inline-flex;overflow:hidden}.main-page .main-tab-sec .tab-list::after{content:"";position:absolute;display:block;left:-50%;top:50%;width:200%;bottom:0;background-color:#fff}.main-page .main-tab-sec .tab-list .tab-item:first-child .tab-link{border-end-start-radius:0}.main-page .main-tab-sec .tab-list .tab-item:last-child .tab-link{border-end-end-radius:0}.main-page .main-tab-sec .tab-list .tab-item:nth-child(1) .tab-link::before{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 7L11.8845 4.76892C11.5634 4.1268 11.4029 3.80573 11.1634 3.57116C10.9516 3.36373 10.6963 3.20597 10.4161 3.10931C10.0992 3 9.74021 3 9.02229 3H5.2C4.0799 3 3.51984 3 3.09202 3.21799C2.71569 3.40973 2.40973 3.71569 2.21799 4.09202C2 4.51984 2 5.0799 2 6.2V7M2 7H17.2C18.8802 7 19.7202 7 20.362 7.32698C20.9265 7.6146 21.3854 8.07354 21.673 8.63803C22 9.27976 22 10.1198 22 11.8V16.2C22 17.8802 22 18.7202 21.673 19.362C21.3854 19.9265 20.9265 20.3854 20.362 20.673C19.7202 21 18.8802 21 17.2 21H6.8C5.11984 21 4.27976 21 3.63803 20.673C3.07354 20.3854 2.6146 19.9265 2.32698 19.362C2 18.7202 2 17.8802 2 16.2V7ZM9 14L11 16L15.5 11.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.main-page .main-tab-sec .tab-list .tab-item:nth-child(2) .tab-link::before{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 21H4.6C4.03995 21 3.75992 21 3.54601 20.891C3.35785 20.7951 3.20487 20.6422 3.10899 20.454C3 20.2401 3 19.9601 3 19.4V4.6C3 4.03995 3 3.75992 3.10899 3.54601C3.20487 3.35785 3.35785 3.20487 3.54601 3.10899C3.75992 3 4.03995 3 4.6 3H7.4C7.96005 3 8.24008 3 8.45399 3.10899C8.64215 3.20487 8.79513 3.35785 8.89101 3.54601C9 3.75992 9 4.03995 9 4.6V7M9 21H15M9 21L9 7M9 7H13.4C13.9601 7 14.2401 7 14.454 7.10899C14.6422 7.20487 14.7951 7.35785 14.891 7.54601C15 7.75992 15 8.03995 15 8.6V21M15 11H19.4C19.9601 11 20.2401 11 20.454 11.109C20.6422 11.2049 20.7951 11.3578 20.891 11.546C21 11.7599 21 12.0399 21 12.6V19.4C21 19.9601 21 20.2401 20.891 20.454C20.7951 20.6422 20.6422 20.7951 20.454 20.891C20.2401 21 19.9601 21 19.4 21H15' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.main-page .main-tab-sec .tab-list .tab-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:76rem;padding:0 40rem;font-weight:700;font-size:20rem;line-height:28rem;background-color:var(--color-primary-light);border-radius:32rem 32rem 20rem 20rem}.main-page .main-tab-sec .tab-list .tab-link span{position:relative;z-index:2}.main-page .main-tab-sec .tab-list .tab-link::before{content:"";position:relative;z-index:2;display:block;width:24rem;height:24rem;margin-right:8rem;mask:no-repeat center center/contain;background-color:#000}.main-page .main-tab-sec .tab-list .tab-link.active{color:var(--color-primary);background-color:#fff}.main-page .main-tab-sec .tab-list .tab-link.active::before{background-color:var(--color-primary)}.main-page .main-tab-sec .tab-list .tab-link:disabled{opacity:.75}.main-page .main-tab-sec .tab-content{display:flex;flex-direction:column;flex-grow:1;flex-basis:auto;background-color:#fff;border-radius:0 32rem 32rem 32rem}.main-page .main-tab-sec .tab-pane{display:none;flex-direction:column;flex-grow:1;flex-basis:auto;width:100%}.main-page .main-tab-sec .tab-pane.active{display:flex}.main-page .main-tab-sec .tab-pane{padding:60rem}.main-page .board-sec .sec-header{display:flex;justify-content:space-between}.main-page .board-sec .sec-header .sec-title{font-weight:700;font-size:28rem;line-height:40rem;color:#000}.main-page .board-sec .sec-header .sec-util{display:flex;gap:12rem;margin-left:auto}.main-page .board-sec .sec-header .sec-util .btn-delete{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.main-page .board-sec .sec-header .sec-util .btn-delete::after,.main-page .board-sec .sec-header .sec-util .btn-delete::before{background-color:#767676}.main-page .board-sec .sec-header .sec-util .btn-delete:hover{border-color:var(--color-primary);color:var(--color-primary)}.main-page .board-sec .sec-header .sec-util .btn-delete:hover::after,.main-page .board-sec .sec-header .sec-util .btn-delete:hover::before{background-color:var(--color-primary)}.main-page .board-sec .sec-header .sec-util .btn-delete:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.main-page .board-sec .sec-header .sec-util .btn-delete:disabled::before{background-color:#fff}.main-page .board-sec .sec-header .sec-util .btn-delete{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.main-page .board-sec .sec-header .sec-util .btn-primary{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;background:var(--color-primary-gradation);color:#fff}.main-page .board-sec .sec-header .sec-util .btn-primary:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.main-page .board-sec .sec-header .sec-util .btn-primary:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.main-page .board-sec .sec-header .sec-util .btn-primary:disabled::before{background-color:#fff}.main-page .board-sec .sec-header .sec-util .btn-primary{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.main-page .board-sec .sec-header .sec-util .btn-delete{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.main-page .board-sec .sec-header .sec-util .btn-delete::after,.main-page .board-sec .sec-header .sec-util .btn-delete::before{background-color:#767676}.main-page .board-sec .sec-header .sec-util .btn-delete:hover{border-color:var(--color-primary);color:var(--color-primary)}.main-page .board-sec .sec-header .sec-util .btn-delete:hover::after,.main-page .board-sec .sec-header .sec-util .btn-delete:hover::before{background-color:var(--color-primary)}.main-page .board-sec .sec-header .sec-util .btn-delete:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.main-page .board-sec .sec-header .sec-util .btn-delete:disabled::before{background-color:#fff}.main-page .board-sec .sec-header .sec-util .btn-delete{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.main-page .board-sec .sec-header .sec-util .btn-download{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid var(--color-primary);color:var(--color-primary);background-color:#fff}.main-page .board-sec .sec-header .sec-util .btn-download:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.main-page .board-sec .sec-header .sec-util .btn-download:disabled::before{background-color:#fff}.main-page .board-sec .sec-header .sec-util .btn-download{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.main-page .board-sec .sec-body{margin-top:20rem}.main-page .book-list{display:grid;grid-template-columns:repeat(5, 1fr);gap:45rem}.main-page .book-list .book-card{display:flex;flex-direction:column}.main-page .book-list .book-card .book-thumb{width:100%;aspect-ratio:172/224;box-shadow:0px 0px 12px rgba(0,0,0,.2);border-radius:12rem}.main-page .book-list .book-card .book-thumb img{width:100%;height:100%;object-fit:cover}.main-page .book-list .book-card .book-cont{margin-top:12rem;text-align:center}.main-page .book-list .book-card .book-cont .title{font-weight:700;font-size:16rem;line-height:24rem;color:#000}.main-page .book-list .book-card .book-cont .name{font-weight:400;font-size:14rem;line-height:20rem;color:#666}.main-page .board-table{border-spacing:0;table-layout:fixed;border-collapse:collapse}.main-page .board-table th,.main-page .board-table td{height:56rem;padding:12rem 20rem;box-sizing:border-box;vertical-align:middle;text-align:center}.main-page .board-table th{background-color:#f9f9f9;font-weight:700;font-size:16rem;line-height:24rem;color:#000}.main-page .board-table td{background-color:#fff;font-weight:400;font-size:16rem;line-height:24rem;color:#666;border-bottom:1px solid #eaeaea}.main-page .board-table td.cel-lesson{text-align:left}.main-page .board-table .frm-chk{--chk-size: 18rem;position:relative;display:inline-flex;min-width:var(--chk-size);min-height:var(--chk-size)}.main-page .board-table .frm-chk input{position:absolute;left:0;top:0;z-index:0;width:var(--chk-size);height:var(--chk-size);appearance:none}.main-page .board-table .frm-chk input+.label{position:relative;display:block;min-width:var(--chk-size);min-height:var(--chk-size)}.main-page .board-table .frm-chk input+.label::before{content:"";display:block;position:absolute;left:0;top:0;z-index:0;width:var(--chk-size);height:var(--chk-size);background:no-repeat center center/contain;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='4.5' fill='white' stroke='%23D2D2D2'/%3E%3C/svg%3E%0A")}.main-page .board-table .frm-chk input:checked+.label::before{background-image:var(--bg-check-on)}.main-page .board-table .frm-chk{display:flex}.main-page .board-table tr.is-active td{background-color:var(--color-primary-light)}.main-page .object-group .object-01{position:absolute;left:calc(50% + 250rem);top:-119px;width:534px;height:534px;border-radius:50%;background:var(--main-object-01);opacity:.2}.main-page .object-group .object-02{position:absolute;top:595rem;left:-175rem;width:350px;height:350px;border-radius:50%;background:var(--main-object-01);opacity:.2}.main-page .object-group .object-03{position:absolute;left:calc(50% + 495rem);top:500rem;z-index:30;width:167rem;height:131rem;background:url("../../../img/pages/img-object-03.png")}.main-page .object-group .object-04{position:absolute;top:558rem;left:83rem;width:122rem;height:107rem;background:url("../../../img/pages/img-object-04.png")}.main-page .object-group .object-05{position:absolute;top:921rem;left:135rem;width:48px;height:48px;border-radius:50%;background:var(--main-object-02);opacity:1}.main-page .object-group .object-06{position:absolute;top:1168rem;right:208rem;width:260rem;height:260rem;border-radius:50%;background:var(--main-object-01);opacity:.2}.main-page .object-group .object-07{position:absolute;top:1139rem;right:171rem;width:48px;height:48px;border-radius:50%;background:var(--main-object-02);opacity:1}@keyframes floatY{from{transform:translateY(0)}to{transform:translateY(calc(var(--float-distance) * -1))}}.main-page .object-group>div{will-change:transform;transition:none !important;animation:floatY var(--float-duration, 4s) ease-in-out var(--float-delay, 0s) infinite alternate;transform:var(--tx) translate3d(0, 0, 0)}.main-page .object-group .object-01{--float-distance: 52.6rem;--float-duration: 3.2s;--float-delay: 0.0s}.main-page .object-group .object-02{--float-distance: 53.0rem;--float-duration: 3.8s;--float-delay: 0.4s}.main-page .object-group .object-05{--float-distance: 38.2rem;--float-duration: 6.0s;--float-delay: 0.7s}.main-page .object-group .object-06{--float-distance: 59.2rem;--float-duration: 6.8s;--float-delay: 1.1s}.main-page .object-group .object-07{--float-distance: 39.5rem;--float-duration: 7.4s;--float-delay: 0.5s}.ending-page{padding:0 !important;overflow:hidden}.ending-page .ending-sec{padding-top:189rem;padding-bottom:100rem}.ending-page .ending-sec .header-area{margin-bottom:60rem}.ending-page .ending-sec .header-area .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:40rem;line-height:56rem;text-align:center;color:#000}.ending-page .ending-sec .header-area .title strong{font-weight:700}.ending-page .ending-sec .visual-area{position:relative;width:488rem;aspect-ratio:488/334;margin:auto;background:url("../../../img/pages/img-main-visual.png") no-repeat center center/contain}.ending-page .ending-sec .visual-area::before,.ending-page .ending-sec .visual-area .visual,.ending-page .ending-sec .visual-area .visual::before,.ending-page .ending-sec .visual-area .visual::after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center/contain;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.ending-page .ending-sec .visual-area::before{content:"";opacity:0;background-image:url("../../../img/pages/img-main-visual-smile.png");animation-name:visual-smile}.ending-page .ending-sec .visual-area .visual::before{content:"";opacity:0;background-image:url("../../../img/pages/img-main-visual-bb-01.png");animation-name:visual-bubble1}.ending-page .ending-sec .visual-area .visual::after{content:"";opacity:0;background-image:url("../../../img/pages/img-main-visual-bb-02.png");animation-name:visual-bubble2}@keyframes visual-smile{5%,55%{opacity:0}10%{opacity:1}50%{opacity:1}}@keyframes visual-bubble1{0%,15%,75%{opacity:0;transform:translateY(20px)}25%{opacity:1;transform:translateY(0)}65%{opacity:1;transform:translateY(0)}}@keyframes visual-bubble2{0%,30%,90%{opacity:0;transform:translateY(20px)}40%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}}.ending-page .object-group .object-01{position:absolute;left:calc(50% + 250rem);top:-119px;width:534px;height:534px;border-radius:50%;background:var(--main-object-01);opacity:.2}.ending-page .object-group .object-02{position:absolute;top:45%;right:calc(50% + 1367rem - 960rem);width:162px;height:162px;border-radius:50%;background:var(--main-object-01);opacity:.2}.ending-page .object-group .object-03{position:absolute;left:calc(50% + 1244rem - 960rem);top:311rem;z-index:30;width:167rem;height:131rem;background:url("../../../img/pages/img-object-03.png")}.ending-page .object-group .object-04{display:none;position:absolute;top:558rem;left:83rem;width:122rem;height:107rem;background:url("../../../img/pages/img-object-04.png")}.ending-page .object-group .object-05{display:none;position:absolute;top:921rem;left:135rem;width:48px;height:48px;border-radius:50%;background:var(--main-object-02);opacity:1}.ending-page .object-group .object-06{position:absolute;bottom:-140rem;left:calc(50% + 1202rem - 960rem);width:260rem;height:260rem;border-radius:50%;background:var(--main-object-01);opacity:.2}.ending-page .object-group .object-07{position:absolute;bottom:80rem;left:calc(50% + 1451rem - 960rem);width:48px;height:48px;border-radius:50%;background:var(--main-object-02);opacity:1}@keyframes floatY{from{transform:translateY(0)}to{transform:translateY(calc(var(--float-distance) * -1))}}.ending-page .object-group>div{will-change:transform;transition:none !important;animation:floatY var(--float-duration, 4s) ease-in-out var(--float-delay, 0s) infinite alternate;transform:var(--tx) translate3d(0, 0, 0)}.ending-page .object-group .object-01{--float-distance: 52.6rem;--float-duration: 3.2s;--float-delay: 0.0s}.ending-page .object-group .object-02{--float-distance: 53.0rem;--float-duration: 3.8s;--float-delay: 0.4s}.ending-page .object-group .object-05{--float-distance: 38.2rem;--float-duration: 6.0s;--float-delay: 0.7s}.ending-page .object-group .object-06{--float-distance: 59.2rem;--float-duration: 6.8s;--float-delay: 1.1s}.ending-page .object-group .object-07{--float-distance: 39.5rem;--float-duration: 7.4s;--float-delay: 0.5s}.report-page .content-body{position:relative;z-index:20}.report-page .board-sec .sec-header{display:flex;justify-content:space-between}.report-page .board-sec .sec-header .sec-title{font-weight:700;font-size:28rem;line-height:40rem;color:#000}.report-page .board-sec .sec-header .sec-util{display:flex;gap:12rem;margin-left:auto}.report-page .board-sec .sec-header .sec-util .btn-delete{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-delete::after,.report-page .board-sec .sec-header .sec-util .btn-delete::before{background-color:#767676}.report-page .board-sec .sec-header .sec-util .btn-delete:hover{border-color:var(--color-primary);color:var(--color-primary)}.report-page .board-sec .sec-header .sec-util .btn-delete:hover::after,.report-page .board-sec .sec-header .sec-util .btn-delete:hover::before{background-color:var(--color-primary)}.report-page .board-sec .sec-header .sec-util .btn-delete:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-header .sec-util .btn-delete:disabled::before{background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-delete{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-header .sec-util .btn-primary{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;background:var(--color-primary-gradation);color:#fff}.report-page .board-sec .sec-header .sec-util .btn-primary:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.report-page .board-sec .sec-header .sec-util .btn-primary:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-header .sec-util .btn-primary:disabled::before{background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-primary{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-header .sec-util .btn-delete{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-delete::after,.report-page .board-sec .sec-header .sec-util .btn-delete::before{background-color:#767676}.report-page .board-sec .sec-header .sec-util .btn-delete:hover{border-color:var(--color-primary);color:var(--color-primary)}.report-page .board-sec .sec-header .sec-util .btn-delete:hover::after,.report-page .board-sec .sec-header .sec-util .btn-delete:hover::before{background-color:var(--color-primary)}.report-page .board-sec .sec-header .sec-util .btn-delete:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-header .sec-util .btn-delete:disabled::before{background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-delete{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-header .sec-util .btn-download{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid var(--color-primary);color:var(--color-primary);background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-download:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-header .sec-util .btn-download:disabled::before{background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-download{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-body{margin-top:20rem}.report-page .board-list-box{margin-top:20rem}.report-page .board-list-box .board-action{display:flex;justify-content:center;margin-top:20rem}.report-page .board-list-box .board-action .desc{display:none}.report-page .board-list-box .board-action .btn-list{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;border:1px solid #ccc;background-color:#fff}.report-page .board-list-box .board-action .btn-list::after,.report-page .board-list-box .board-action .btn-list::before{background-color:#767676}.report-page .board-list-box .board-action .btn-list:hover{border-color:var(--color-primary);color:var(--color-primary)}.report-page .board-list-box .board-action .btn-list:hover::after,.report-page .board-list-box .board-action .btn-list:hover::before{background-color:var(--color-primary)}.report-page .board-list-box .board-action .btn-list:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-list-box .board-action .btn-list:disabled::before{background-color:#fff}.report-page .board-list-box .board-action .btn-list{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-table{table-layout:auto;border-top:1px solid #000;border-spacing:0;border-collapse:collapse}.report-page .board-table.align-left tbody td{text-align:left}.report-page .board-table.align-center tbody td{text-align:center}.report-page .board-table th,.report-page .board-table td{height:56rem;padding:12rem 20rem;box-sizing:border-box;vertical-align:middle}.report-page .board-table th{background-color:#f9f9f9;font-weight:700;font-size:16rem;line-height:24rem;color:#000}.report-page .board-table td{background-color:#fff;font-weight:400;font-size:16rem;line-height:24rem;color:#666}.report-page .board-table td.cel-name .avata{display:none}.report-page .board-table td.cel-count{font-weight:700}.report-page .board-table td.cel-count a{display:inline-block;line-height:1.1;border-bottom:1px solid var(--color-primary);vertical-align:middle}.report-page .board-table td.cel-more .btn-more{margin:auto;display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;height:36rem;padding:0 16rem;border-radius:36rem;font-weight:400;font-size:16rem;line-height:24rem;color:#000;border:1px solid #ccc;background-color:#fff}.report-page .board-table td.cel-more .btn-more::after,.report-page .board-table td.cel-more .btn-more::before{background-color:#767676}.report-page .board-table td.cel-more .btn-more:hover{border-color:var(--color-primary);color:var(--color-primary)}.report-page .board-table td.cel-more .btn-more:hover::after,.report-page .board-table td.cel-more .btn-more:hover::before{background-color:var(--color-primary)}.report-page .board-table td.cel-more .btn-more:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-table td.cel-more .btn-more:disabled::before{background-color:#fff}.report-page .board-table td.cel-more .btn-more{white-space:nowrap;gap:0}.report-page .board-table td.cel-more .btn-more::after{content:"";display:block;width:16rem;height:16rem;margin-right:-2rem;mask:no-repeat center center/contain;mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L10 8L6 4' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:#000}.report-page .board-table td .txt-primary{color:var(--color-primary)}.report-page .board-table td .nowrap{white-space:nowrap}.report-page .board-table tbody th,.report-page .board-table tbody td{border-bottom:1px solid #eaeaea}.report-page .object-group .object-01{position:absolute;left:calc(50% + 444rem);top:53px;width:260px;height:260px;border-radius:50%;background:var(--main-object-01);opacity:.2}.report-page .object-group .object-02{position:absolute;top:24rem;left:calc(50% + 423rem);width:48px;height:48px;border-radius:50%;background:var(--main-object-02);opacity:1}@keyframes floatY{from{transform:translateY(0)}to{transform:translateY(calc(var(--float-distance) * -1))}}.report-page .object-group>div{will-change:transform;transition:none !important;animation:floatY var(--float-duration, 4s) ease-in-out var(--float-delay, 0s) infinite alternate;transform:var(--tx) translate3d(0, 0, 0)}.report-page .object-group .object-01{--float-distance: 52.6rem;--float-duration: 3.2s;--float-delay: 0.0s}.report-page .object-group .object-02{--float-distance: 20.0rem;--float-duration: 3.8s;--float-delay: 0.4s}.story-confirm .story-original{font-weight:700;font-size:18rem;line-height:28rem;color:#000;word-break:keep-all}.story-confirm .story-original .keyword{color:var(--color-primary)}.story-confirm .story-translated{margin-top:20rem;font-weight:400;font-size:16rem;line-height:24rem;color:#666;word-break:keep-all}@media(max-width: 359px){html{font-size:.2777777778vw}}@media(max-width: 1279px){.ending-page .ending-sec{padding-top:120rem}}@media(max-width: 1023px){.container .content{padding:60rem var(--sidepacer)}.container .content .content-body{padding:20rem}.sub-wrap .container .content{padding:32rem var(--sidepacer)}.sub-wrap .container .content .content-body{padding:0;background-color:rgba(0,0,0,0)}.sub-wrap .board-sec .sec-header{flex-direction:column;align-items:center;margin-bottom:40rem}.sub-wrap .board-sec .sec-header .sec-title{font-size:32rem;line-height:44rem}.sub-wrap .board-sec .sec-util{margin:16rem auto 0}.main-page{position:relative}.main-page .visual-area{top:auto;bottom:60rem;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:480px}.main-page .main-intro-sec{position:relative;z-index:30}.main-page .main-intro-sec .h1-area{display:flex;flex-direction:column;align-items:center}.main-page .main-intro-sec .h1-area .h1{width:162rem;height:42rem}.main-page .main-intro-sec .h1-area .explain{margin-top:12rem;font-size:16rem;line-height:24rem;text-align:center}.main-page .main-intro-sec .h1-area .dropdown{margin-top:24rem;position:relative}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu{display:none;z-index:30}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu.show{display:block}.main-page .main-intro-sec .h1-area .dropdown .dropdown-toggle{width:160rem;height:48rem;padding:0 12rem 0 16rem;border-radius:8rem;font-size:14rem;line-height:20rem}.main-page .main-intro-sec .h1-area .dropdown .dropdown-toggle::after{width:20rem;height:20rem}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu{width:160rem;padding:12rem;background:#fff;border-radius:8rem;font-size:14rem;line-height:20rem;box-shadow:2rem 2rem 6rem 0 rgba(0,0,0,.1)}.main-page .main-intro-sec .h1-area .dropdown .dropdown-menu .dropdown-item{padding:4rem 6rem}.main-page .main-tab-sec{margin-top:74rem}.main-page .main-tab-sec .tab-list::after{content:"";position:absolute;display:block;left:-50%;top:50%;width:200%;bottom:0;background-color:#fff}.main-page .main-tab-sec .tab-list .tab-link{height:52rem;padding:0 18rem;font-weight:700;font-size:14rem;line-height:20rem;border-radius:20rem 20rem 12rem 12rem}.main-page .main-tab-sec .tab-list .tab-link::before{width:20rem;height:20rem;margin-right:8rem}.main-page .main-tab-sec .tab-list .tab-link:disabled{opacity:.75}.main-page .main-tab-sec .tab-content{border-radius:0 16rem 20rem 16rem}.main-page .main-tab-sec .tab-pane{padding:20rem}.main-page .book-list{grid-template-columns:repeat(auto-fill, minmax(130rem, 1fr));gap:16rem}.main-page .book-list .book-card .book-thumb{box-shadow:0px 0px 8px rgba(0,0,0,.2);border-radius:4rem}.main-page .book-list .book-card .book-thumb img{width:100%;height:100%;object-fit:cover}.main-page .book-list .book-card .book-cont{margin-top:8rem}.main-page .book-list .book-card .book-cont .title{font-size:12rem;line-height:18rem}.main-page .book-list .book-card .book-cont .name{font-size:10rem;line-height:14rem}.main-page .board-sec .sec-header .sec-title{display:none}.main-page .board-sec .sec-header .sec-util{width:100%}.main-page .board-sec .sec-header .sec-util .btn-delete{width:100%}.main-page .board-sec .sec-body{margin-top:20rem}.main-page .board-table,.main-page .board-table tbody,.main-page .board-table td{display:block}.main-page .board-table thead{display:none}.main-page .board-table tr{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:10rem 20rem;padding:10rem 0;border-bottom:1px solid #eaeaea}.main-page .board-table tr.is-active td{background-color:rgba(0,0,0,0)}.main-page .board-table th,.main-page .board-table td{display:flex;align-items:center;height:auto;padding:0;text-align:left;border:0}.main-page .board-table td{height:20rem;font-size:14rem;line-height:22rem}.main-page .board-table .cel-checkbox{order:1;width:100%}.main-page .board-table .cel-num{order:2;display:none}.main-page .board-table .cel-book{order:3;width:100%;color:#000}.main-page .board-table .cel-lesson{order:4;width:100%}.main-page .board-table .cel-lesson a{color:#000}.main-page .board-table .cel-date{order:5;color:#767676}.main-page .board-table .cel-users{order:6;color:#767676}.main-page .board-table .cel-users::before{content:"참여인원 :";margin-right:4px}.main-page .board-table .cel-users::after{content:"명"}.main-page .object-group .object-01{opacity:0}.main-page .object-group .object-02{position:absolute;left:-40px;top:-40px;width:130px;height:130px;opacity:.2}.main-page .object-group .object-03{display:none}.main-page .object-group .object-04{display:none}.main-page .object-group .object-05{top:273px;left:auto;right:28px;width:32px;height:32px}.main-page .object-group .object-06{left:auto;right:-40px;top:309px;width:96px;height:96px}.main-page .object-group .object-07{opacity:0}@keyframes floatY{from{transform:translateY(0)}to{transform:translateY(calc(var(--float-distance) * -1))}}.main-page .object-group>div{will-change:transform;transition:none !important;animation:floatY var(--float-duration, 4s) ease-in-out var(--float-delay, 0s) infinite alternate;transform:var(--tx) translate3d(0, 0, 0)}.main-page .object-group .object-01{--float-distance: 52.6rem;--float-duration: 3.2s;--float-delay: 0.0s}.main-page .object-group .object-02{--float-distance: 53.0rem;--float-duration: 3.8s;--float-delay: 0.4s}.main-page .object-group .object-05{--float-distance: 38.2rem;--float-duration: 6.0s;--float-delay: 0.7s}.main-page .object-group .object-06{--float-distance: 59.2rem;--float-duration: 6.8s;--float-delay: 1.1s}.main-page .object-group .object-07{--float-distance: 39.5rem;--float-duration: 7.4s;--float-delay: 0.5s}.main-page::after{content:"";display:block;width:100%;margin:40rem auto 0;max-width:480px;aspect-ratio:488/334}.ending-page .ending-sec{padding-top:100rem}.ending-page .ending-sec .header-area .title{font-size:24rem;line-height:36rem}.ending-page .ending-sec .visual-area{width:calc(100% - 40px);max-width:420px}.report-page .board-sec .sec-header{display:flex;justify-content:space-between}.report-page .board-sec .sec-header .sec-title{font-weight:700;font-size:28rem;line-height:40rem;color:#000}.report-page .board-sec .sec-header .sec-util{display:flex;gap:12rem;margin-left:auto}.report-page .board-sec .sec-header .sec-util .btn-delete{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-delete::after,.report-page .board-sec .sec-header .sec-util .btn-delete::before{background-color:#767676}.report-page .board-sec .sec-header .sec-util .btn-delete:hover{border-color:var(--color-primary);color:var(--color-primary)}.report-page .board-sec .sec-header .sec-util .btn-delete:hover::after,.report-page .board-sec .sec-header .sec-util .btn-delete:hover::before{background-color:var(--color-primary)}.report-page .board-sec .sec-header .sec-util .btn-delete:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-header .sec-util .btn-delete:disabled::before{background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-delete{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-header .sec-util .btn-primary{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;background:var(--color-primary-gradation);color:#fff}.report-page .board-sec .sec-header .sec-util .btn-primary:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--color-primary-gradation)}.report-page .board-sec .sec-header .sec-util .btn-primary:disabled{border-color:#eaeaea;background:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-header .sec-util .btn-primary:disabled::before{background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-primary{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-header .sec-util .btn-delete{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid #ccc;background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-delete::after,.report-page .board-sec .sec-header .sec-util .btn-delete::before{background-color:#767676}.report-page .board-sec .sec-header .sec-util .btn-delete:hover{border-color:var(--color-primary);color:var(--color-primary)}.report-page .board-sec .sec-header .sec-util .btn-delete:hover::after,.report-page .board-sec .sec-header .sec-util .btn-delete:hover::before{background-color:var(--color-primary)}.report-page .board-sec .sec-header .sec-util .btn-delete:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-header .sec-util .btn-delete:disabled::before{background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-delete{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-header .sec-util .btn-download{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;border:1px solid var(--color-primary);color:var(--color-primary);background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-download:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-header .sec-util .btn-download:disabled::before{background-color:#fff}.report-page .board-sec .sec-header .sec-util .btn-download{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-body{margin-top:20rem}.report-page .board-sec .sec-footer{display:flex;justify-content:center;margin-top:20rem}.report-page .board-sec .sec-footer .btn-list{display:flex;align-items:center;justify-content:center;position:relative;height:48rem;padding:0 16rem;border-radius:8rem;font-weight:700;font-size:16rem;line-height:1.5;color:#767676;border:1px solid #ccc;background-color:#fff}.report-page .board-sec .sec-footer .btn-list::after,.report-page .board-sec .sec-footer .btn-list::before{background-color:#767676}.report-page .board-sec .sec-footer .btn-list:hover{border-color:var(--color-primary);color:var(--color-primary)}.report-page .board-sec .sec-footer .btn-list:hover::after,.report-page .board-sec .sec-footer .btn-list:hover::before{background-color:var(--color-primary)}.report-page .board-sec .sec-footer .btn-list:disabled{border-color:#eaeaea;background-color:#eaeaea;color:#fff;box-shadow:none}.report-page .board-sec .sec-footer .btn-list:disabled::before{background-color:#fff}.report-page .board-sec .sec-footer .btn-list{box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-sec .sec-header .sec-util .btn-primary,.report-page .board-sec .sec-header .sec-util .btn-download,.report-page .board-sec .sec-header .sec-util .btn-delete{font-size:13px}.report-page .board-info-box{border-radius:20rem;padding:16rem 16rem;background-color:hsla(0,0%,100%,.6)}.report-page .board-info-box .board-table{display:block;width:100%;border-top:0}.report-page .board-info-box .board-table tbody{display:block}.report-page .board-info-box .board-table tr{display:flex;flex-wrap:wrap;width:100%}.report-page .board-info-box .board-table th{flex:none;width:64rem;height:auto;padding:6rem 0;border:0;background-color:rgba(0,0,0,0);font-size:14rem;line-height:20rem;text-align:left}.report-page .board-info-box .board-table td{width:calc(50% - 64rem);height:auto;padding:6rem 0;border:0;background-color:rgba(0,0,0,0);font-size:14rem;line-height:20rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.report-page .board-info-box .board-table td.cel-lesson,.report-page .board-info-box .board-table td.cel-date{width:calc(100% - 64rem)}.report-page .board-info-box .board-table td.cel-count{color:#000}.report-page .board-list-box{border-radius:20rem;width:100%;padding:20rem 16rem;background-color:#fff}.report-page .board-list-box .board-table{display:block;border-top:0}.report-page .board-list-box .board-table thead{display:none}.report-page .board-list-box .board-table tbody{display:flex;flex-direction:column;gap:12rem}.report-page .board-list-box .board-table tr{display:flex;align-items:center;justify-content:space-between;overflow:hidden;width:100%;border:1px solid #eaeaea;border-radius:8rem}.report-page .board-list-box .board-table td{display:block;height:auto;border:0;padding:11rem}.report-page .board-list-box .board-table td.cel-num,.report-page .board-list-box .board-table td.cel-word,.report-page .board-list-box .board-table td.cel-time,.report-page .board-list-box .board-table td.cel-count,.report-page .board-list-box .board-table td.cel-count{display:none}.report-page .board-list-box .board-table td.cel-more .btn-more{display:flex;align-items:center;justify-content:center;position:relative;height:40rem;padding:0 16rem;border-radius:4rem;font-weight:700;font-size:14rem;line-height:20rem;color:#767676;box-shadow:0px 3px 6px rgba(0,0,0,.08)}.report-page .board-list-box .board-table td.cel-name p{display:flex;align-items:center;gap:8rem;font-size:14rem;line-height:20rem;color:#000}.report-page .board-list-box .board-table td.cel-name p .avata{display:inline;width:32rem;height:32rem}.report-page .board-list-box .board-action{flex-direction:column;align-items:center}.report-page .board-list-box .board-action .desc{display:block;margin-bottom:16rem;text-align:center;font-size:14rem;line-height:20rem;color:#666}.report-page .board-list-box .board-action .btn-list{width:100%}.report-page .object-group .object-01{position:absolute;left:auto;right:-40px;top:-60px;width:130px;height:130px;border-radius:50%;background:var(--main-object-01);opacity:.2}.report-page .object-group .object-02{display:none}@keyframes floatY{from{transform:translateY(0)}to{transform:translateY(calc(var(--float-distance) * -1))}}.report-page .object-group>div{will-change:transform;transition:none !important;animation:floatY var(--float-duration, 4s) ease-in-out var(--float-delay, 0s) infinite alternate;transform:var(--tx) translate3d(0, 0, 0)}.report-page .object-group .object-01{--float-distance: 32.6rem;--float-duration: 3.2s;--float-delay: 0.0s}}body{--color-primary-dark: #cd4f3f;--color-primary: #FF6652;--color-primary-middle: #FF8A7B;--color-primary-light: #FFEAEA;--color-primary-light-02: #FFF4F4;--color-primary-gradation: linear-gradient(180deg, #FF6652 0%, #E24E3B 105.68%);--grade-scale: 1.2;--bg-check-on: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.3984' cy='16' r='16' fill='%23FF6652'/%3E%3Cpath d='M13.8282 23.3332C13.5479 23.333 13.2713 23.2725 13.0194 23.156C12.7675 23.0396 12.547 22.8704 12.3746 22.6613L8.15424 17.4262C7.9969 17.2464 7.87929 17.0386 7.80836 16.8151C7.73742 16.5915 7.71461 16.3568 7.74127 16.1248C7.76793 15.8927 7.84352 15.6681 7.96357 15.4642C8.08361 15.2603 8.24567 15.0813 8.44016 14.9377C8.63465 14.7941 8.85761 14.6888 9.09585 14.6282C9.33409 14.5676 9.58276 14.5528 9.82716 14.5847C10.0716 14.6166 10.3067 14.6945 10.5187 14.8139C10.7307 14.9333 10.9152 15.0917 11.0613 15.2798L13.8282 18.7542L21.733 9.378C21.8791 9.18995 22.0636 9.03153 22.2756 8.91213C22.4876 8.79273 22.7227 8.71478 22.9671 8.68288C23.2115 8.65098 23.4602 8.66579 23.6984 8.72642C23.9367 8.78705 24.1596 8.89228 24.3541 9.03588C24.5486 9.17948 24.7107 9.35853 24.8307 9.56243C24.9508 9.76633 25.0263 9.99095 25.053 10.223C25.0797 10.455 25.0568 10.6897 24.9859 10.9133C24.915 11.1368 24.7974 11.3446 24.64 11.5244L15.2817 22.6613C15.1093 22.8704 14.8888 23.0396 14.6369 23.156C14.3851 23.2725 14.1085 23.333 13.8282 23.3332Z' fill='white'/%3E%3C/svg%3E%0A");--bg-logo: url("data:image/svg+xml,%3Csvg width='310' height='80' viewBox='0 0 310 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M217.192 64.7174V11.2578H227.494V64.7174H217.192ZM179.547 64.0779V32.6161H199.578V20.1464H179.674V11.3218H209.879V41.4407H189.848V55.2532H212.359V64.0779H179.547Z' fill='black'/%3E%3Cpath d='M154.459 48.3436V55.8893H174.68V64.714H123.363V55.8893H144.157V48.3436H126.988V11.3184H170.992V20.143H137.226V25.3227H170.356V34.1474H137.289V39.455H171.819V48.3436H154.459Z' fill='black'/%3E%3Cpath d='M106.226 42.332C101.478 32.6973 97.9808 25.45 95.7339 20.5901C94.8861 22.7216 93.9534 24.7679 92.936 26.729C91.961 28.69 90.562 31.3331 88.7391 34.6584L81.8078 47.128H69.4714L88.8663 10.998H101.457L119.008 47.128H108.579L106.226 42.332ZM120.407 64.7134H69.0898V55.8887H120.407V64.7134Z' fill='black'/%3E%3Crect x='45.707' y='11.9883' width='11.9231' height='52.956' fill='url(%23paint0_linear_793_16190)'/%3E%3Cpath d='M31.7949 11.9893L52.6602 64.9453H39.7432L35.7695 53.9541H16.8906L12.917 64.9453H0L20.8652 11.9893H31.7949ZM20.8652 43.9639H31.7949L26.8271 28.9766L20.8652 43.9639Z' fill='url(%23paint1_linear_793_16190)'/%3E%3Cpath d='M30.8021 43.9639H8.94311L4.96875 54.9547H33.7829C51.27 54.9547 53.6546 34.3052 52.6611 23.9805C44.7123 40.7665 34.7764 44.2969 30.8021 43.9639Z' fill='url(%23paint2_linear_793_16190)'/%3E%3Cmask id='mask0_793_16190' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='11' width='53' height='54'%3E%3Cpath d='M31.7949 11.9902L52.6602 64.9463H39.7432L35.7695 53.9551H16.8906L12.917 64.9463H0L20.8652 11.9902H31.7949ZM20.8652 43.9648H31.7949L26.8271 28.9775L20.8652 43.9648Z' fill='url(%23paint3_linear_793_16190)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_793_16190)'%3E%3Cpath d='M31.7949 11.9902L52.6602 64.9463H39.7432L35.7695 53.9551H16.8906L12.917 64.9463H0L20.8652 11.9902H31.7949ZM20.8652 43.9648H31.7949L26.8271 28.9775L20.8652 43.9648Z' fill='url(%23paint4_linear_793_16190)'/%3E%3Cpath d='M30.801 43.9658H6.95483L2.98047 54.9567H33.7818C51.2689 54.9567 53.6535 34.3072 52.66 23.9824C44.7112 40.7685 34.7753 44.2989 30.801 43.9658Z' fill='url(%23paint5_linear_793_16190)'/%3E%3C/g%3E%3Cpath d='M294.101 0C302.881 0 309.998 7.16345 309.998 16V55.9395C309.998 64.4996 303.319 71.491 294.92 71.9199L294.101 71.9395L275.593 79.916C274.759 80.2755 273.922 79.4151 274.297 78.584L277.301 71.9395H252.37C243.59 71.9395 236.473 64.776 236.473 55.9395V16C236.473 7.16345 243.59 2.09383e-07 252.37 0H294.101Z' fill='url(%23paint6_linear_793_16190)'/%3E%3Cpath d='M269.495 22.1734L274.455 40.5901H265.171L261.419 25.3068L257.095 40.7819H246.984L252.898 22.1734H247.557V13.7324H255.251L256.332 8.4248H268.986L268.033 13.7324H273.819V22.1734H269.495ZM289.081 20.5747V9.32006H298.746V42.5085H289.081V29.1436H285.52V41.3574H275.854V9.32006H285.52V20.5747H289.081ZM265.425 64.0586H250.1L268.541 44.5548H287.618L300.336 64.0586H288.127L280.496 52.74H275.854L265.425 64.0586Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_793_16190' x1='51.4871' y1='11.9883' x2='51.4871' y2='67.9531' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6652'/%3E%3Cstop offset='1' stop-color='%23FF529D'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_793_16190' x1='25.5287' y1='11.9893' x2='25.5287' y2='67.9542' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6652'/%3E%3Cstop offset='1' stop-color='%23FF529D'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_793_16190' x1='57.629' y1='21.9821' x2='8.73861' y2='59.6854' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2318B8D4'/%3E%3Cstop offset='1' stop-color='%2347E931'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_793_16190' x1='25.5287' y1='11.9902' x2='25.5287' y2='67.9561' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235283FF'/%3E%3Cstop offset='1' stop-color='%23643BE2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_793_16190' x1='25.5287' y1='11.9902' x2='25.5287' y2='67.9552' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6652'/%3E%3Cstop offset='1' stop-color='%23FF529D'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_793_16190' x1='57.6279' y1='21.9841' x2='8.73751' y2='59.6874' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2318B8D4'/%3E%3Cstop offset='1' stop-color='%2347E931'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_793_16190' x1='272.117' y1='0' x2='272.117' y2='84.5455' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6652'/%3E%3Cstop offset='1' stop-color='%23FF529D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");--main-background: #FDDAD4;--main-object-01: linear-gradient(180deg, #5297FF 0%, #D93BE2 105.68%);--main-object-02: linear-gradient(180deg, #FFF6F4 0%, #EDCCC6 105.68%)}/*# sourceMappingURL=set-ele.css.map */