@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform,-o-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:height,-o-transform;-moz-transition-property:transform,height,-moz-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform,-moz-transform,-o-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:"";-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-webkit-order:9999;-moz-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);-moz-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:-webkit-calc(var(--swiper-navigation-size) / 44 * 27);width:-moz-calc(var(--swiper-navigation-size) / 44 * 27);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:-webkit-calc(0px - (var(--swiper-navigation-size) / 2));margin-top:-moz-calc(0px - (var(--swiper-navigation-size) / 2));margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;-moz-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);-moz-transform:scale(0.33);-ms-transform:scale(0.33);-o-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);-moz-transform:scale(0.66);-ms-transform:scale(0.66);-o-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);-moz-transform:scale(0.33);-ms-transform:scale(0.33);-o-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);-moz-transform:scale(0.66);-ms-transform:scale(0.66);-o-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);-moz-transform:scale(0.33);-ms-transform:scale(0.33);-o-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);-moz-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;-o-transition:.2s transform,.2s top;-moz-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;-o-transition:.2s transform,.2s left;-moz-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;-o-transition:.2s transform,.2s right;-moz-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;-o-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border-top-color:rgba(0,0,0,0)}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;-moz-animation:swiper-preloader-spin 1s infinite linear;-o-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes swiper-preloader-spin{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes swiper-preloader-spin{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;-o-transition-property:opacity,height,-o-transform;-moz-transition-property:transform,opacity,height,-moz-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform,-moz-transform,-o-transform}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;height:-webkit-fit-content}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(-1*var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{--swiper-navigation-color: #ffffff}.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black{--swiper-navigation-color: #000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color: #ffffff}.swiper-pagination-black{--swiper-pagination-color: #000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:rgba(0,0,0,0)}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hide{display:none !important}.loginWrap .login-form .btn-wrap{margin-top:1.2rem !important}.loginWrap .login-form .btn-wrap+.btn-wrap{margin-top:1.2rem !important}#main{overflow-x:hidden}.btn-confirm{color:#fff !important;background:#3b3fb5 !important;font-size:1.4rem !important;border-radius:6px !important;border:1px solid #3b3fb5 !important;font-weight:700 !important;font-family:"NotoB",sans-serif !important;height:50px !important;display:flex !important;-webkit-box-align:center !important;align-items:center !important;-webkit-box-pack:center !important;justify-content:center !important;-webkit-box-flex:1 !important;flex:1 !important}.btn-ok{color:#3b3fb5 !important;background-color:#fff !important;font-size:1.4rem !important;border-radius:6px !important;border:1px solid #3b3fb5 !important;font-weight:700 !important;font-family:"NotoB",sans-serif !important;height:50px !important;display:flex !important;-webkit-box-align:center !important;align-items:center !important;-webkit-box-pack:center !important;justify-content:center !important;-webkit-box-flex:1 !important;flex:1 !important}#container header>button:active span{background-position:-2.4rem 0}#container header .btn-back span{background-image:url(/img/icon_header_back.png)}#totalMissionList .missionList-wrap .accordion-cont-wrap .title-btm{min-height:auto !important}.grade-star span{display:inline-block;width:1.8rem;height:1.8rem;background-image:url(/img/icon_learning_list_grade_star.png);background-size:1.8rem;vertical-align:middle}.grade-star span.on{background-image:url(/img/icon_learning_list_grade_star_on.png)}.bookclass-detail .book-wrap .image-wrap img{width:100%;height:auto !important}#bookClassContainer header .translate-wrap{display:inline-flex;align-items:center;padding-right:1rem}#bookClassContainer header .translate-wrap p{margin:0 .4rem 0 0;font-size:1.2rem;color:#888}#bookClassContainer header .translate-wrap .btn-translate{position:static;width:4.6rem;height:2.4rem;background-image:url(../img/textBook/icon_translate.png);background-size:auto 2.4rem;padding:0}#bookClassContainer header .translate-wrap .btn-translate.off{background-position:-4.6rem 0}.show{display:block !important}#bookClassContainer .learning-footer-wrap .btn-stop{position:absolute;top:50%;left:50%;width:13.2rem;height:4rem;border-radius:2rem;background:#ff7c00;font-size:1.6rem;font-weight:bold;color:#fff;transform:translate(-50%, -50%)}#bookClassContainer .learning-footer-wrap .btn-stop:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .8rem 0 0;background-image:url(../img/bookClass/icon_footer_stop.png);background-size:100%;vertical-align:middle}#bookClassContainer .learning-footer-wrap .btn-pause{position:absolute;top:50%;left:50%;width:13.2rem;height:4rem;border-radius:2rem;background:#ff7c00;font-size:1.6rem;font-weight:bold;color:#fff;transform:translate(-50%, -50%)}#bookClassContainer .learning-footer-wrap .btn-pause:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .8rem 0 0;background-image:url(../img/bookClass/icon_footer_pause.png);background-size:100%;vertical-align:middle}#bookClassContainer .learning-footer-wrap .btn-resume{position:absolute;top:50%;left:50%;width:13.2rem;height:4rem;border-radius:2rem;background:#ff7c00;font-size:1.6rem;font-weight:bold;color:#fff;transform:translate(-50%, -50%)}#bookClassContainer .learning-footer-wrap .btn-resume:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .8rem 0 0;background-image:url(../img/bookClass/icon-btn-play.png);background-size:100%;vertical-align:middle}#bookClassContainer .top-text{word-wrap:break-word}#bookClassContainer .blank-text{margin-right:.3rem;word-wrap:normal;display:inline-block}#bookClassContainer .blank-text-hide{border-bottom:.01rem solid #333}#bookClassContainer .unfilled{color:rgba(0,0,0,0)}#bookClassContainer .learning-footer-wrap .time-progress-wrap .bg{height:100%;margin:0 0 0 auto;background:#ff7c00;transition:width .1s}#bookClassContainer #speakingPractice .learning-cont-wrap .q-text{width:100%;margin:auto;padding:0 1.6rem}#bookClassContainer #speakingPractice .learning-cont-wrap.book-speaking .speak-result-wrap span{display:inline-block;margin:0 .4rem .4rem 0}#bookClassContainer #speakingPractice .learning-cont-wrap.book-speaking .speak-result-wrap span.sub-desc{font-size:1.2rem !important;color:#ff7c00}#bookClassContainer #speakingPractice .learning-cont-wrap.book-speaking .speak-result-wrap span.incorrect{color:#a9a9a9;font-weight:400}#bookClassContainer #speakingPractice .learning-cont-wrap .speak-result-wrap .result-speak p{color:#ff7c00}#bookClassContainer #speakingPractice .learning-cont-wrap.book-speaking .speak-result-wrap span.correct{color:#3aa}#dialoguePractice .guide-text-wrap{margin:3.2rem 0 4.2rem;text-align:center;position:absolute;top:calc(50% - 4.2rem);left:0;width:100%;transform:translateY(-50%)}#dialoguePractice .guide-text-wrap .inner{opacity:0;animation:guide_text_fadeInUp .5s both}@keyframes guide_text_fadeInUp{0%{opacity:0;transform:translateY(1rem)}100%{opacity:1;transform:translateY(0)}}#dialoguePractice .guide-text-wrap p{font-size:1.6rem;line-height:2.4rem;color:rgba(255,255,255,.8)}#dialoguePractice .main-sentence.go-middle{top:-30%;transform:translateY(0);transition:top 1s,transform 1s}.voice-wrap{position:absolute;width:100%;bottom:20.6rem;left:0;text-align:center}.voice-wrap ul{font-size:0}.voice-wrap ul li{display:inline-block;height:.8rem;margin:0 .4rem;vertical-align:middle}.voice-wrap ul li:nth-child(1){transform:translateX(3.2rem)}.voice-wrap ul li:nth-child(2){transform:translateX(1.6rem)}.voice-wrap ul li:nth-child(4){transform:translateX(-1.6rem)}.voice-wrap ul li:nth-child(5){transform:translateX(-3.2rem)}.voice-wrap ul li .dot{width:.8rem;height:.8rem;min-height:.8rem;max-height:6rem;border-radius:.4rem;background:#ddd}.voice-wrap ul.standby li{transform:translateX(0);transition:all .3s}.voice-wrap ul.standby li .dot{animation:voice_standby_wave 1s infinite;animation-timing-function:ease-in-out;transition:height .2s linear,background .3s;background:#f90}.voice-wrap ul.standby li:nth-child(1) .dot{animation-delay:.2s}.voice-wrap ul.standby li:nth-child(2) .dot{animation-delay:.4s}.voice-wrap ul.standby li:nth-child(3) .dot{animation-delay:.6s}.voice-wrap ul.standby li:nth-child(4) .dot{animation-delay:.8s}.voice-wrap ul.standby li:nth-child(5) .dot{animation-delay:1s}.voice-wrap ul.input-volume li .dot{animation:none;transition:all .2s;transform:translateY(-50%)}@keyframes voice_standby_wave{50%{transform:translateY(-0.6rem)}}#dialoguePractice .count-text{position:absolute;bottom:18.2rem;left:0;width:100%;overflow:hidden}#dialoguePractice .count-text span{display:block;font-size:6.4rem;line-height:6.4rem;text-align:center;color:#888}.btm-notice-wrap{position:absolute;bottom:15.4rem;left:0;width:100%;height:3.6rem;text-align:center;opacity:0;animation:fadeIn .5s;animation-fill-mode:forwards}.btm-notice-wrap p{position:relative;top:50%;font-size:1.4rem;line-height:1.6rem;color:#f90;transform:translateY(-50%)}#dialogueReview .swiper-pagination{bottom:3rem;line-height:1;font-size:0;width:calc(100% - 2rem)}#dialogueReview .swiper-pagination .swiper-pagination-bullet{width:2.8rem;height:.4rem;margin:0 .2rem;border-radius:.4rem;background:rgba(255,124,0,.24);vertical-align:top;opacity:1}#dialogueReview .swiper-pagination .swiper-pagination-bullet-active{background:#f90}#listeningPreview .header-progress-wrap.bottom{position:absolute !important;bottom:90px;width:100%;padding-top:30px;text-align:center;z-index:1}#listeningPreview .header-progress-wrap ul{font-size:0}#listeningPreview .header-progress-wrap ul li{display:inline-block;position:relative;width:3.2rem;height:.6rem;border-radius:.6rem;background:#ffe9c9;vertical-align:middle}#listeningPreview .header-progress-wrap ul li+li{margin:0 0 0 1.2rem}#listeningPreview .header-progress-wrap ul li+li:before{content:"";position:absolute;top:50%;left:-1.2rem;width:1.2rem;height:.2rem;background:#ffe9c9;transform:translateY(-50%);z-index:-1}#listeningPreview .header-progress-wrap ul li.complete{background:#ffbc57}#listeningPreview .header-progress-wrap ul li.complete:before{background:#ffbc57}#listeningPreview .header-progress-wrap ul li.on{background:#ffbc57}#listeningPreview .header-progress-wrap ul li.on:before{background:#ffbc57}#listeningPreview .header-progress-wrap ul li.on span{position:absolute;top:-0.4rem;left:-0.4rem;width:4rem;height:1.4rem;border-radius:1.4rem;background:#ffbc57;opacity:.48;z-index:-1;animation:header_progress_blink 1.5s infinite}@keyframes header_progress_blink{0%{opacity:0}50%{opacity:.48}100%{opacity:0}}.key-wrap.onbording .sub-text.type-01 .sub-key-box .en-txt span{position:relative;margin:1px 0;font-size:1.8rem;line-height:1.9rem;background:#fff;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #d4dfff), to(#d4dfff));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #d4dfff 50%, #d4dfff 100%);background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #d4dfff 50%, #d4dfff 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #d4dfff 50%, #d4dfff 100%);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #d4dfff 50%, #d4dfff 100%);padding:0 3px}.terms-area{color:#222;letter-spacing:-0.04em}.terms-area.terms-inner{padding:4rem 2rem}.terms-area .terms-top{margin-bottom:4rem;font-size:1.6rem;line-height:2.5rem}.terms-area .terms-title{margin-bottom:1.6rem;font-size:1.6rem;font-weight:700;line-height:2.5rem}.terms-area .terms-group>dd,.terms-area .terms-cont{margin-bottom:4rem;line-height:2.2rem}.terms-area .terms-cont{padding-left:1.6rem;word-wrap:break-word}.terms-area .indent-box{margin-left:1.6rem}.terms-area .info-txt,.terms-area .t-txt{font-size:1.4rem;line-height:2.2rem}.terms-area .info-txt+*{margin-top:2.4rem}.terms-area .t-txt.fs-xs{font-size:1.2rem;line-height:1.9rem}.terms-area .t-txt.bold{font-weight:500}.terms-area .em-underline{font-size:1.6rem;font-weight:700;color:#3b3fb5;text-decoration:underline;line-height:2.5rem}.terms-area .tc-date>li{font-size:1.2rem}.terms-area .tc-txt{font-size:1.4rem}.terms-area .inner-ul{margin:.4rem 0}.terms-area .inner-ul>li{font-size:1.2rem;line-height:1.9rem}.terms-area .inner-ul>li+li{margin-top:.8rem}.terms-area .sub-dl .tit{margin-bottom:1rem;font-size:1.4rem;font-weight:700;line-height:2.2rem}.terms-area .sub-dl>dd{padding-left:1.6rem}.terms-area .sub-dl>dd+.tit{margin-top:1rem}.terms-area .sub-dl .group-tit{margin-bottom:1.4rem;font-size:1.4rem;font-weight:700;line-height:2.2rem}.terms-area .sub-dl .inner-dl+.group-tit{margin-top:1.4rem}.terms-area .sub-dl .inner-dl{margin-left:1.6rem}.terms-area .inner-dl dt{margin-bottom:.8rem;font-size:1.2rem;font-weight:700;line-height:1.9rem}.terms-area .inner-dl dd{font-size:1.2rem;line-height:1.9rem}.terms-area .inner-dl dd+dt{margin-top:1.4rem}.terms-area .list-type-counter>li{padding-left:2.2rem;font-size:1.2rem;line-height:1.9rem}.terms-area .list-type-counter>li:before{min-width:1.6rem}.terms-area .list-type-bullet>li{font-size:1.2rem;line-height:1.9rem}.terms-area .list-type-bullet>li:before{top:9px}.terms-area .list-type-bullet>li .strong{font-weight:700;color:#222}.terms-area .list-type-counter+.list-type-bullet{padding-left:1.4rem}.terms-area .list-type-hyphen>li{margin-top:0}.default-table{border-top:1px #444 solid;border-bottom:1px #444 solid}.default-table th,.default-table td{padding:.8rem 1rem;font-size:1.2rem;vertical-align:middle;text-align:center}.default-table thead th{border-bottom:1px #444 solid;line-height:2.2rem}.default-table tbody td{border-top:1px #d9d9d9 solid;line-height:1.9rem}.default-table tbody td ul>li{text-align:left}.default-table+.t-txt{margin-top:1.6rem}.terms-foot{margin-top:4rem;line-height:2.5rem}.terms-foot .terms-cont{margin-bottom:4rem;padding-left:0}.terms-foot .terms-cont .t-txt+ul{margin-top:3.2rem}.terms-area .terms-cont p+table{margin-top:.8rem}.terms-area .terms-cont .t-txt+ul,.terms-area .terms-cont .t-txt+ol,.terms-area .terms-cont .t-txt+dl,.terms-area .terms-cont .t-txt~.t-txt{margin-top:1.6rem}.terms-area .terms-cont .t-tit+dl{margin-top:1rem}.terms-foot .terms-cont .inp-form .c-btn-primary{height:4.8rem;margin-left:.8rem;padding:0 1.6rem;border-radius:.4rem;background:#3b3fb5;font-size:1.4rem;font-weight:700;color:#fff}.terms-foot .terms-cont .inp-form select{flex:1;height:4.8rem;padding:0 4.8rem 0 1.2rem;border:1px #ddd solid;border-radius:.4rem;background:url(../img/icon-select-arrow.png) calc(100% - 1.2rem) center/1.6rem 1.6rem no-repeat}.terms-area .terms-cont [class*=terms-label]{margin-left:-1.6rem}.terms-label-group{display:flex;flex-direction:column;align-items:center;margin-top:1.6rem}.terms-label-group .info-title{margin-bottom:.4rem;font-size:1.4rem;font-weight:var(--fw-b);color:#444}.terms-label{display:flex;flex-wrap:wrap;align-items:center}.terms-label>li+li{margin-left:1rem}.terms-label [class*=label-icon-]:before{content:"";display:block;margin:auto;background-position:0 0;background-size:contain;background-repeat:no-repeat}.terms-label .label-icon-01:before{background-image:url(../img/icon_terms_01.svg)}.terms-label .label-icon-02:before{background-image:url(../img/icon_terms_02.svg)}.terms-label .label-icon-03:before{background-image:url(../img/icon_terms_03.svg)}.terms-label .label-icon-04:before{background-image:url(../img/icon_terms_04.svg)}.terms-label .label-icon-05:before{background-image:url(../img/icon_terms_05.svg)}.terms-label .label-icon-06:before{background-image:url(../img/icon_terms_06.svg)}.terms-label .label-icon-07:before{background-image:url(../img/icon_terms_07.svg)}.terms-label .label-icon-08:before{background-image:url(../img/icon_terms_08.svg)}.terms-label .label-icon-09:before{background-image:url(../img/icon_terms_09.svg)}.terms-label .label-icon-10:before{background-image:url(../img/icon_terms_10.svg)}.terms-label .label-icon-11:before{background-image:url(../img/icon_terms_11.svg)}.terms-label .label-icon-12:before{background-image:url(../img/icon_terms_12.svg)}.terms-label .label-icon-13:before{background-image:url(../img/icon_terms_13.svg)}.terms-label .label-icon-14:before{background-image:url(../img/icon_terms_14.svg)}.terms-label .label-icon-15:before{background-image:url(../img/icon_terms_15.svg)}.terms-label.type-lg{justify-content:center}.terms-label.type-lg>li{padding:.8rem .7rem;text-align:center}.terms-label.type-lg [class*=label-icon-]:before{width:8rem;height:8rem}.terms-label.type-lg .label-tit{margin-top:1rem;font-size:1.2rem}.terms-label.type-xs [class*=label-icon-]:before{width:6rem;height:6rem}.terms-label.type-xs .label-tit{display:none}.terms-label.type-xs+*{margin-top:1.6rem}[class*=list-type-]{padding-left:.5rem}[class*=list-type-]>li{position:relative;margin-top:.4rem;letter-spacing:-0.04em}[class*=list-type-]>li:before{content:"";position:absolute}[class*=list-type-].fs-xl>li{font-size:2rem}.list-type-bullet>li{padding-left:1rem;font-size:1.2rem;color:#666;line-height:1.7rem}.list-type-bullet>li:before{content:"";top:.7rem;left:0;width:.3rem;height:.3rem;background:#666}.list-type-hyphen li{padding-left:1.4rem;font-size:1.4rem;line-height:2rem}.list-type-hyphen li:before{top:1rem;left:0;width:.7rem;height:1px;background:#444}.list-type-counter{counter-reset:num}.list-type-counter>li{padding-left:2.6rem;font-size:1.6rem;line-height:2.6rem}.list-type-counter>li:before{position:absolute;top:0;left:0;min-width:2rem;counter-increment:num;content:counter(num) ".";text-align:right}.list-type-counter.circle>li{padding-left:2.2rem}.list-type-counter.circle>li:before{top:.5rem;width:1.5rem;min-width:auto;height:1.5rem;border:1px #222 solid;border-radius:100%;font-size:1rem;text-align:center;line-height:1.4rem;content:counter(num) ""}.list-type-lower{margin-left:1.4rem}.list-type-lower>li{position:relative;font-size:1.4rem;list-style-type:lower-latin}.list-type-lower.bold>li::marker{font-weight:700}@media all and (max-width: 768px){.list-type-hyphen li{font-size:1.2rem}.list-type-lower>li{font-size:1.2rem}}.app-block .title-area{height:30rem;background-image:url("../img/icons/block-top-bg.svg");background-position:left top;background-repeat:no-repeat;background-size:cover}.app-block .logo{position:absolute;top:2.4rem;left:2.4rem;width:10.6rem;height:2rem;background-image:url("../img/icons/logo-buttertime.svg");background-position:center center;background-repeat:no-repeat;background-size:contain}.app-block .contents{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;height:100%}.app-block .contents .icon.notice{margin-bottom:2rem;width:9.2rem;height:9.2rem;background-image:url("../img/icons/event-notice.svg");background-position:center center;background-repeat:no-repeat;background-size:contain}.app-block .contents .title{margin-bottom:4.4rem;width:22.9rem;height:7.6rem;background-image:url("../img/icons/maintenance_title.svg");background-position:center center;background-repeat:no-repeat;background-size:contain}.app-block .contents-area .title{margin:0 2rem;padding:2rem 0;font-weight:400;font-size:1.8rem;line-height:2.5rem;text-align:center;letter-spacing:-0.04em;color:#222}.app-block .contents-area .title span{font-weight:700}.app-block .contents-area .disscription{margin:0 2rem;padding:2rem 0;font-weight:100;font-size:1.4rem;line-height:2rem;text-align:center;color:#666}.btn-wrap.bottom-fixed{position:fixed;left:0;bottom:0;right:0;padding:2rem;height:9.6rem;background-color:#fff;z-index:100}.btn-list{margin-bottom:1rem}.btn-list-wrap{display:grid;align-items:center}.header-area{position:sticky;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);z-index:19;transition:all .3s ease-in-out}.header-area.sb-submain{justify-content:flex-start;background:#ffc600}.header-area .header-title{padding:2rem;text-align:center}.header-area.sb-submain .header-title .title{font-family:"Jua","Noto Sans KR",sans-serif;font-size:2.6rem;color:#3b3fb5}.situation-expression-wrap{margin-bottom:5.8rem !important}html,body{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{background:#fff;font-family:"NotoM","Noto Sans KR","Lato",sans-serif;font-size:2.7777777778vmin;font-weight:400;letter-spacing:-0.3px;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#222}body{font-size:1.4rem;line-height:1.8rem}body{padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left)}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}*{font:inherit;color:inherit;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all}*:active,*:focus,*:focus:active{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}div,span,strong,em,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,abbr,acronym,address,big,cite,code,ins,small,sub,sup{padding:0;margin:0;font-size:inherit;color:inherit}table{border-collapse:collapse;border-spacing:0}ol,ul,li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6,th,td{font-weight:normal;font-size:100%}form,fieldset{border:0}q:before,q:after{content:""}abbr,acronym{border:0}abbr,address,big,cite,code,ins,small,sub,sup,em{font-weight:normal;font-style:normal}sup,sub{color:inherit}blockquote,q{quotes:none}caption{display:none}a{text-decoration:none;cursor:pointer}img,input,select{vertical-align:middle;outline:none}input{vertical-align:middle;outline:none}select{font-size:14px;border:1px solid #d0d0d0;background:#fff}button,textarea{outline:none}button{padding:0;border:0;background:none;cursor:pointer}textarea{resize:none}input,select{-webkit-border-radius:0px;-webkit-appearance:none}strong{font-weight:bold}.clfix{*zoom:1}.clfix:after{content:"";display:block;clear:both}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@font-face{font-family:"NotoL";src:url("../fonts/Noto/notokr-light.woff") format("woff"),url("../fonts/Noto/notokr-light.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"NotoR";src:url("../fonts/NotoSansCJKkr-Regular.otf") format("otf"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"NotoM";src:url("../fonts/NotoSansCJKkr-Medium.otf") format("otf"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:"NotoB";src:url("../fonts/NotoSansCJKkr-Bold.otf") format("otf"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:"ManropeL";src:url("../fonts/Manrope/Manrope-Light.woff") format("woff"),url("../fonts/Manrope/Manrope-Light.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"ManropeB";src:url("../fonts/Manrope/Manrope-Bold.woff") format("woff"),url("../fonts/Manrope/Manrope-Bold.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Pretendard";font-weight:400;src:url("../fonts/Pretendard/Pretendard-Regular.woff2") format("woff"),url("../fonts/Pretendard/Pretendard-Regular.woff") format("woff2")}@font-face{font-family:"Pretendard";font-weight:700;src:url("../fonts/Pretendard/Pretendard-Bold.woff2") format("woff"),url("../fonts/Pretendard/Pretendard-Bold.woff") format("woff2")}.clear{content:"";display:block;clear:both}.hidden{position:absolute;font:0/0 a,sans-serif;visibility:hidden}.align-c{text-align:center !important}.align-l{text-align:left !important}.align-r{text-align:right !important}.valign-b{vertical-align:bottom !important}.valign-t{vertical-align:top !important}.valign-m{vertical-align:middle !important}.margin-a{margin-left:auto !important;margin-right:auto !important}.txtBold{font-family:"ManropeB","NotoM",serif}.txtNormal{font-family:"ManropeL","NotoL",serif}.texBlack{color:#2b2b2b !important}.texRed{color:#f04040 !important}.texGreen{color:#20bbc4 !important}.texGray{color:#b4b8bf !important}.texGray2{color:#999 !important}.texYellow{color:#fff456 !important}.pcOnly{display:none}.moOnly{display:block}.iScrollVerticalScrollbar.iScrollLoneScrollbar{right:8px !important;width:4px !important}.iScrollVerticalScrollbar.iScrollLoneScrollbar .iScrollIndicator{background-color:#e1e1e1 !important;border:0 !important}.pd-0{padding:0 !important}.pd-5{padding:5px !important}.pd-10{padding:10px !important}.pd-15{padding:15px !important}.pd-20{padding:20px !important}.pd-25{padding:25px !important}.pd-30{padding:30px !important}.pd-35{padding:35px !important}.pd-40{padding:40px !important}.pd-45{padding:45px !important}.pd-50{padding:50px !important}.mg-0{margin:0 !important}.mg-5{margin:5px !important}.mg-10{margin:10px !important}.mg-15{margin:15px !important}.mg-20{margin:20px !important}.mg-25{margin:25px !important}.mg-30{margin:30px !important}.mg-35{margin:35px !important}.mg-40{margin:40px !important}.mg-45{margin:45px !important}.mg-50{margin:50px !important}.mt-0{margin-top:0 !important}.mt-5{margin-top:5px !important}.mt-10{margin-top:10px !important}.mt-15{margin-top:15px !important}.mt-20{margin-top:20px !important}.mt-25{margin-top:25px !important}.mt-30{margin-top:30px !important}.mt-35{margin-top:35px !important}.mt-40{margin-top:40px !important}.mt-45{margin-top:45px !important}.mt-50{margin-top:50px !important}.mb-0{margin-bottom:0 !important}.mb-5{margin-bottom:5px !important}.mb-10{margin-bottom:10px !important}.mb-15{margin-bottom:15px !important}.mb-20{margin-bottom:20px !important}.mb-25{margin-bottom:25px !important}.mb-30{margin-bottom:30px !important}.mb-35{margin-bottom:35px !important}.mb-40{margin-bottom:40px !important}.mb-45{margin-bottom:45px !important}.mb-50{margin-bottom:50px !important}.ml-0{margin-left:0 !important}.ml-5{margin-left:5px !important}.ml-10{margin-left:10px !important}.ml-15{margin-left:15px !important}.ml-20{margin-left:20px !important}.ml-25{margin-left:25px !important}.ml-30{margin-left:30px !important}.ml-35{margin-left:35px !important}.ml-40{margin-left:40px !important}.ml-45{margin-left:45px !important}.ml-50{margin-left:50px !important}.mr-0{margin-right:0 !important}.mr-5{margin-right:5px !important}.mr-10{margin-right:10px !important}.mr-15{margin-right:15px !important}.mr-20{margin-right:20px !important}.mr-25{margin-right:25px !important}.mr-30{margin-right:30px !important}.mr-35{margin-right:35px !important}.mr-40{margin-right:40px !important}.mr-45{margin-right:45px !important}.mr-50{margin-right:50px !important}.pt-0{padding-top:0 !important}.pt-5{padding-top:5px !important}.pt-10{padding-top:10px !important}.pt-15{padding-top:15px !important}.pt-20{padding-top:20px !important}.pt-25{padding-top:25px !important}.pt-30{padding-top:30px !important}.pt-35{padding-top:35px !important}.pt-40{padding-top:40px !important}.pt-45{padding-top:45px !important}.pt-50{padding-top:50px !important}.pb-0{padding-bottom:0 !important}.pb-5{padding-bottom:5px !important}.pb-10{padding-bottom:10px !important}.pb-15{padding-bottom:15px !important}.pb-20{padding-bottom:20px !important}.pb-25{padding-bottom:25px !important}.pb-30{padding-bottom:30px !important}.pb-35{padding-bottom:35px !important}.pb-40{padding-bottom:40px !important}.pb-45{padding-bottom:45px !important}.pb-50{padding-bottom:50px !important}.pl-0{padding-left:0 !important}.pl-5{padding-left:5px !important}.pl-10{padding-left:10px !important}.pl-15{padding-left:15px !important}.pl-20{padding-left:20px !important}.pl-25{padding-left:25px !important}.pl-30{padding-left:30px !important}.pl-35{padding-left:35px !important}.pl-40{padding-left:40px !important}.pl-45{padding-left:45px !important}.pl-50{padding-left:50px !important}.pr-0{padding-right:0 !important}.pr-5{padding-right:5px !important}.pr-10{padding-right:10px !important}.pr-15{padding-right:15px !important}.pr-20{padding-right:20px !important}.pr-25{padding-right:25px !important}.pr-30{padding-right:30px !important}.pr-35{padding-right:35px !important}.pr-40{padding-right:40px !important}.pr-45{padding-right:45px !important}.pr-50{padding-right:50px !important}@media all and (min-width: 538px){html{font-size:62.5%}}#wrap{height:100%;background:#fff}.is-show{display:flex !important;align-items:center;flex-direction:column}.is-hide{display:none !important}.footer-btn-container{display:flex}[class*=c-btn-]+[class*=c-btn-]{margin-left:.8rem}[class*=c-btn-]{display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;letter-spacing:-0.04em}[class*=c-btn-].disabled,[class*=c-btn-]:disabled{background:#ddd;color:#fff;border:1px #ddd solid}[class*=c-btn-primary]{background:#3b3fb5;color:#fff}[class*=c-btn-secondary]{background:#d4dfff;color:#3b3fb5}[class*=c-btn-outline]{border:1px #3b3fb5 solid;background:#fff;color:#3b3fb5}.c-btn-primary-block,.c-btn-secondary-block{width:100%;height:5.6rem;font-size:1.6rem;font-weight:700}.c-btn-primary-l,.c-btn-secondary-l,.c-btn-outline-l{flex:1;height:5.6rem;font-size:1.6rem}.c-btn-primary-m,.c-btn-secondary-m{width:18rem;height:4.8rem;font-size:1.4rem;font-weight:700}.c-btn-primary-s,.c-btn-secondary-s{height:4.2rem;border-radius:.4rem;font-weight:700}.c-btn-primary-block.disabled,.c-btn-primary-l.disabled,.c-btn-secondary-1.disabled{background:#ddd;color:#fff}.layout-app input[type=text],.layout-app input[type=number],.layout-app input[type=password]{width:100%;height:4.8rem;padding-left:1.2rem;border:1px #d9d9d9 solid;border-radius:.4rem;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.layout-app input[type=number]:focus,.layout-app input[type=password]:focus,.layout-app text{border:1px #222 solid}::placeholder{font-size:1.4rem;color:#999;letter-spacing:-0.03em}.layout-app input[type=number]::-webkit-inner-spin-button,.layout-app input[type=number]::-webkit-outer-spin-button{height:auto}.layout-app input[type=search]::-webkit-search-cancel-button,.layout-app input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.inp-form{position:relative;display:flex;align-items:center}.inp-form [class*=c-btn]{height:4.8rem;margin-left:.8rem;padding:0 1.6rem;border-radius:.4rem;font-size:1.4rem;font-weight:700;vertical-align:middle}.inp-pin-group.is-error .t-inp,.inp-form.is-error .t-inp{border:1px #b83777 solid}.btn-input-clear{display:none}input:focus+.ut-clear{display:inline;position:absolute;top:50%;right:1rem;width:1.6rem;height:1.6rem;border-radius:100%;background:url("../img/icon-input-close.png") 0 0/100% no-repeat;font-size:1px;color:rgba(0,0,0,0);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.i-input-check{position:absolute;top:50%;right:1rem;width:1.6rem;height:1.6rem;border-radius:100%;background:#120ed6 url("../img/icon-check.svg") center center/1rem .8rem no-repeat;font-size:1px;color:rgba(0,0,0,0);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.is-es{display:inline-block;width:6px;height:6px;background-color:#ef5957;border-radius:100%;vertical-align:top}label,.t-lable{display:inline-block}label .is-es,.t-label .is-es{margin-left:.4rem}.txt-msg{display:none;position:relative;margin-top:.8rem;padding-left:2rem;font-size:1.2rem;line-height:1.8rem}.txt-msg:before{content:"";position:absolute;top:0;left:0;display:block;width:1.6rem;height:1.6rem}.txt-msg.error{color:#b83777}.txt-msg.error:before{background:url("../img/icon-error.svg") no-repeat 100%}.inp-fieldset.is-error .txt-msg,.inp-form.is-error+.txt-msg{display:block}.modal{position:fixed;top:0;bottom:0;left:0;display:none;width:100%;height:100%;z-index:23;background-color:rgba(0,0,0,.7)}.modal-dim{display:flex;place-items:center;position:fixed;top:50%;left:0;transform:translateY(-50%);width:100%;background-color:rgba(0,0,0,.7);z-index:23}.modal-container{overflow:hidden;width:42.2rem;border-radius:1.6rem;background:#fff}.modal-header{position:relative;padding:2rem 2.4rem;border-bottom:1px #222 solid}.modal-header .modal-close{position:absolute;top:50%;right:1.6rem;width:2.4rem;height:2.4rem;background:url("../img/icon-modal-close.svg") 0 0/100% 100% no-repeat;font-size:1px;color:rgba(0,0,0,0);transform:translateY(-50%)}.modal-header .modal-title{font-size:1.6rem;text-align:center}.modal-body{overflow:auto;max-height:50rem}.modal-body .modal-inner{padding:2.4rem}.modal-body .alert-thumb{width:9.2rem;height:9.2rem;margin:0 auto 1.2rem}.modal-body .alert-thumb img{width:100%}.modal-footer{overflow:hidden;border-radius:0 0 1.6rem 1.6rem;padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-bottom:max(2rem,constant(safe-area-inset-bottom))}.modal-footer .modal-btn-group{display:flex}.modal-footer .modal-btn-group .footer-btn{height:5.2rem;flex:1;border-radius:0;font-size:1.8rem;font-weight:700}.modal-footer .modal-btn-group .footer-btn+.footer-btn{margin-left:.8rem}.modal-footer .modal-btn-group .footer-btn.lg{height:6.2rem}.modal-alert .modal-header{border-bottom:1px #d9d9d9 solid}.modal-alert .modal-body{padding:2rem 2.4rem 4rem 2.4rem}.modal-alert .alert-container{text-align:center}.modal-alert .alert-container.al-left{text-align:left}.modal-alert .alert-container .main-txt{font-size:1.8rem;line-height:2.5rem}.modal-body .alert-container .desc-txt{margin-top:1.2rem;font-size:1.4rem;line-height:2rem;letter-spacing:-0.04em}.modal-alert .alert-container .desc-txt .em{color:#b83777}.modal-alert .modal-footer .modal-btn-group .footer-btn.lg{height:5.2rem}.modal-popup .modal-container:not(.half){height:100%;width:100%;border-radius:0;padding-top:var(--status-bar-height)}@supports(-webkit-touch-callout: none){.modal-popup .modal-container:not(.half){padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top)}}.modal-popup .modal-container:not(.half){padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}.modal-popup .popup-container{padding:4rem 4rem 6rem}.modal-popup .popup-container .text-center{text-align:center}.modal-popup .popup-container .main-txt{margin-top:4rem;font:inherit;font-size:3.6rem;color:#3b3fb5;line-height:4.3rem}.modal-popup .popup-container .desc-txt{margin-top:1.6rem;font-size:1.6rem;line-height:2.2rem;letter-spacing:-0.04em}@media all and (max-width: 768px){.modal-footer .modal-btn-group .c-btn-secondary{border:1px #3b3fb5 solid;background:#fff;color:#3b3fb5}.modal-popup .modal-dim{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.modal-popup .modal-container{width:51.2rem;height:fit-content;min-height:60rem;border-radius:var(--radius-l)}.modal-popup .modal-header{border-bottom:1px #e6e6e6 solid}.modal-popup .modal-body{max-height:calc(100% - 15.5rem);padding:2.4rem 2rem}.modal-popup .popup-container{padding:4rem 2rem}.modal-popup .popup-container .main-txt{margin-top:2.4rem;font-size:3.2rem;line-height:3.8rem}.modal-popup .modal-footer .modal-btn-group .footer-btn{height:5.2rem;border-radius:.8rem;font-size:1.6rem}.modal-popup .modal-footer .modal-btn-group .footer-btn:disabled{border-color:#ddd;background-color:#ddd;color:#fff}.modal-alert .modal-header{height:3.6rem;border:0}.modal-alert .modal-header .modal-title{display:none}.modal-alert .modal-body{padding:2rem}.modal-alert .modal-container{margin:0 4.6rem}.modal-alert .modal-footer{padding:0 2rem 2rem 2rem}.modal-alert .modal-footer .footer-btn{height:4.8rem;border-radius:.8rem;font-size:1.4rem}}@media(max-width: 767px){.modal{justify-content:center}.modal-container{width:28rem}.modal-footer{padding:0 2.4rem 2rem}.modal-dim{width:28rem;left:50%;transform:translate(-50%, -50%)}}.btn-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.fixed-btn{position:fixed;width:100%;bottom:0;left:0;margin-top:0;padding:2rem;background:linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%)}.dm-date{margin-top:4rem;padding-top:4rem;border-top:1px #d9d9d9 solid;font-size:1.4rem;color:var(--color-gray6);line-height:2rem;text-align:center}.pop-form{margin-top:3.2rem}.pop-form .form-box+.form-box{margin-top:3.2rem}.pop-form .form-box .t-label{margin-bottom:.8rem;font-size:1.4rem;color:var(--color-gary6);line-height:2rem}.pop-form .form-box .inp-fieldset+.inp-fieldset{margin-top:.8rem}*{-webkit-overflow-scrolling:touch}html,body{height:100%}body:has(.main){background-color:#ffc600 !important;height:100%}.fill-available{height:-webkit-fill-available !important;height:fill-available !important}#app{height:100%}.app-inner{position:relative;height:100%}#container{height:100%;padding:5.6rem 0 0 0}#container.mainPage{padding:var(--status-bar-height) 0 0 0}#container.startPage{padding:0}#container header{display:flex;position:absolute;top:0;left:0;width:100%;height:calc(5.6rem + var(--status-bar-height));z-index:2;background:#fff;transition:background .15s,box-shadow .15s}header{padding-top:var(--status-bar-height)}#container header .centerText{margin:auto;font-size:1.6rem;font-weight:bold;letter-spacing:-0.04em}#container header .centerText .hashTag{color:#3aa}#container header .searchInput{display:flex;position:relative;width:100%;margin:auto 1.8rem auto 5.8rem;background:#fff;z-index:3}#container header .searchInput input{flex:1;min-width:0;width:100%;border:0;caret-color:#ff7c00;background:none}#container header .searchInput input::placeholder{color:#999}#container header .searchInput .btn-delete-input{width:2.4rem;height:2.4rem;background-image:url("../img/icon_search_input_delete.png");background-size:auto 2.4rem;margin:0 0 0 1.8rem}#container header .searchInput .btn-delete-input:active{background-position:-2.4rem 0}#container header .reportDetail-header{margin:auto;font-weight:bold;letter-spacing:-0.04em}#container header .reportDetail-header .slideNav-wrap{position:absolute;bottom:.6rem;left:0;width:100%;line-height:.4rem;text-align:center}#container header .reportDetail-header .slideNav-wrap span{width:1.6rem;height:.4rem;margin:0 .2rem;border-radius:.4rem;background:#e6e6e6;opacity:1}#container header .reportDetail-header .slideNav-wrap span.swiper-pagination-bullet-active{background:#f90}#container header>button{position:absolute;top:0;padding:1.6rem;z-index:2;transition:background-image .15s}#container header>button span{display:block;width:2.4rem;height:2.4rem;background-size:auto 2.4rem;background-repeat:no-repeat}#container header>button:active span{background-position:-2.4rem 0}#container header .btn-back{left:0}#container header .btn-back span{background-image:url("../img/icon_header_back.png")}#container header .btn-menu{left:0}#container header .btn-menu span{background-image:url("../img/icon_header_menu.png")}#container header .btn-menu.new span{background-image:url("../img/icon_header_menu_new.png")}#container header .btn-search{display:none;right:0}#container header .btn-search span{background-image:url("../img/icon_header_search.png")}#container header .btn-proposal{right:0}#container header .btn-proposal span{background-image:url("../img/icon_header_proposal.png")}#container header .toggle-mode{display:none;height:2.8rem;margin:auto;padding:.2rem;border-radius:1.4rem;background:rgba(0,0,0,.24)}#container header .toggle-mode button{height:100%;width:6.8rem;color:#fff;font-weight:bold;border-radius:1.2rem}#container header .toggle-mode .btn-learn:before{content:"";display:inline-block;width:1.1rem;height:1.4rem;margin:-0.2rem .2rem 0 0;background-image:url("../img/icon_header_toggle_learn.png");vertical-align:middle;background-size:100%}#container header .toggle-mode .btn-learn.on{background-color:#ff7c00}#container header .toggle-mode .btn-run:after{content:"";display:inline-block;width:1.1rem;height:1.4rem;margin:-0.2rem 0 0 .2rem;background-image:url("../img/icon_header_toggle_run.png");vertical-align:middle;background-size:100%}#container header .toggle-mode .btn-run.on{background-color:#82e800}#container header .toggle-mode.type-r{background:rgba(255,255,255,.16)}#container header.bg-white{background:#fff;box-shadow:0px 4px 8px rgba(0,0,0,.06)}#container header.bg-white .btn-menu span{background-image:url("../img/icon_header_menu_black.png")}#container header.bg-white .btn-menu.new span{background-image:url("../img/icon_header_menu_new_black.png")}#container header.bg-white .btn-search span{background-image:url("../img/icon_header_search_black.png")}#container header.bg-black{background:#000;box-shadow:0px 4px 8px rgba(0,0,0,.32)}.contents-wrap{position:relative;flex:1;min-height:0;height:100%}.btn-orange{background:#ff7c00;color:#fff;border-radius:4.6rem;font-weight:bold}.btn-orangeLine{border:.2rem solid #ff7c00;background:#fff;color:#ff7c00;border-radius:4.6rem;font-weight:bold}.btn-go-report{padding:.2em 1.1rem .5rem;border:.2rem solid #ff7c00;border-radius:.6rem;background-color:#fff;color:#ff7c00;font-weight:bold}.btn-go-report:after{content:"";display:inline-block;width:1.2rem;height:1.2rem;margin:-0.2rem 0 0 .4rem;background-image:url("../img/icon_noData_btn_arr.png");background-size:auto 1.2rem;vertical-align:middle}.btn-go-report:active{background-color:#f3eddd;border-color:#ffa800;color:#ffa800}.btn-go-report:active:after{background-position:-1.2rem 0}.noData{display:flex;flex-direction:column;justify-content:center;height:100%}.noData p{width:100%;margin:0 !important;color:#999 !important;text-align:center}.noData .btn-go-report{width:9.2rem;margin:1.3rem auto 0}.main-r .noData p{color:#fff !important}.listEmpty{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background:#f7f5f0;z-index:2}.listEmpty .inner{margin:auto;text-align:center;letter-spacing:-0.04em}.listEmpty .inner img{width:7.9rem;margin:0 auto 1.6rem}.listEmpty .inner strong{display:block;font-size:1.8rem;line-height:2rem}.listEmpty .inner p{margin:.8rem 0 0 0;line-height:1.6rem;color:#999}.btn-scrollTop{display:none;position:fixed;bottom:2rem;right:2rem;width:3.6rem;height:3.6rem;border-radius:.6rem;background-color:#fff;box-shadow:0 .4rem .8rem rgba(92,61,0,.35);opacity:0;transition:opacity .15s;z-index:2}.btn-scrollTop span{display:block;width:1.4rem;height:2rem;margin:auto;background-image:url("../img/icon_btn_scrollTop.png");background-size:auto 2rem}.btn-scrollTop:active{background-color:#f3eddd}.btn-scrollTop:active span{background-position:-1.4rem 0}.btn-scrollTop.on{display:flex}.btn-scrollTop.type-r{background-color:rgba(0,0,0,.8);border:.1rem solid rgba(255,255,255,.24)}.btn-scrollTop.type-r:active{background-color:rgba(25,25,25,.8)}.btn-scrollTop.type-r span{background-image:url("../img/icon_btn_scrollTop_r.png")}.shadowBox{background:#fff;border-radius:1rem;box-shadow:0 .2rem .8rem rgba(92,61,0,.12)}.hide{display:none !important}.hidden{visibility:hidden !important}.scrollWrap{height:100%;overflow:auto;overscroll-behavior-y:none;-webkit-overflow-scrolling:auto}.stop-scrolling{height:100% !important;overflow:hidden !important}#recommendList ul li .banner-wrap{height:22.6rem}#recommendList ul li+li{margin:1.4rem 0 0 0}#missionList .top-banner{height:18rem;background-size:100% auto;background-position:bottom center;background-image:url("../img/banner_tag_top.png")}#missionList .list-wrap{padding:2rem 1.6rem}#missionList .list-wrap .list-title{margin:0 0 1rem 0;padding:0 .8rem}#missionList .list-wrap .missionCard{padding:1.4rem 1.6rem;background:#fff;border-radius:.6rem;box-shadow:0 .2rem .8rem rgba(92,61,0,.12)}#missionList .list-wrap .missionCard:active{background:#f3eddd}#missionList .list-wrap .missionCard+.missionCard{margin:.8rem 0 0 0}#missionList .list-wrap .missionCard .inner{position:relative}#missionList .list-wrap .missionCard b{color:#3b3fb5}#missionList .list-wrap .missionCard .title-top{font-weight:bold;letter-spacing:-0.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#missionList .list-wrap .missionCard .title-btm{min-height:3.6rem;margin:.2rem 0 0 0;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#missionList .list-wrap .missionCard .hashTag{min-height:1.8rem;margin:.8rem 0 0 0;padding:0 6rem 0 0;font-weight:bold;color:#3aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#missionList .list-wrap .missionCard .similarity{position:absolute;bottom:0;right:0;font-size:0}#missionList .list-wrap .missionCard .similarity:before{content:"";display:inline-block;width:1.4rem;height:1.4rem;margin:0 .4rem 0 0;background-image:url("../img/icon_missionList_similarity.png");background-size:auto 1.4rem;vertical-align:middle}#missionList .list-wrap .missionCard .similarity strong{display:inline-block;font-size:1.4rem;color:#3b3fb5;vertical-align:middle}#missionList .list-wrap .missionCard.disable{background:#fff}#missionList .list-wrap .missionCard.disable .title-top{color:rgba(0,0,0,.12)}#missionList .list-wrap .missionCard.disable .title-btm{color:rgba(0,0,0,.12)}#missionList .list-wrap .missionCard.disable .hashTag{color:rgba(0,0,0,.12)}#missionList .list-wrap .missionCard.disable .similarity:before{background-image:url("../img/icon_missionList_similarity_disable.png")}#missionList .list-wrap .missionCard.disable .similarity strong{color:rgba(0,0,0,.12)}#searchArea{position:relative;background:#fff;height:100%}#searchArea>*{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}#searchArea .searchList{margin:0 -1.8rem}#searchArea .searchList ul li{position:relative}#searchArea .searchList ul li .recent-text{display:flex;align-items:center;flex:1;min-width:0;padding:.8rem 4.8rem .8rem 1.8rem}#searchArea .searchList ul li .recent-text:active{background:#f3eddd}#searchArea .searchList ul li .recent-text:before{content:"";width:2.4rem;height:2.4rem;margin:0 .6rem 0 0;background-image:url("../img/icon_search_search.png");background-size:auto 2.4rem}#searchArea .searchList ul li .recent-text span{flex:1;min-width:0;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#searchArea .searchList ul li .recent-text span b{color:#ff7c00}#searchArea .searchList ul li .btn-delete-recent{position:absolute;top:50%;right:1.8rem;width:2.4rem;height:2.4rem;background-image:url("../img/icon_search_recent_delete.png");background-size:auto 2.4rem;margin:0 0 0 .6rem;transform:translateY(-50%)}#searchArea .searchList ul li .btn-delete-recent:active{background-position:-2.4rem 0}#searchArea .searchList .recent-listEmpty{margin:3.2rem 0 0 0;text-align:center}#searchArea .searchList .recent-listEmpty img{width:5.4rem;margin:0 auto 1rem}#searchArea .searchList .recent-listEmpty p{color:#999;letter-spacing:-0.04em}#search_missionList{position:static}#search_missionList .category-wrap{padding:2rem 1.6rem 2.2rem;background:#f7f5f0;letter-spacing:-0.04em}#search_missionList .category-wrap .category-item+.category-item{margin:2rem 0 0 0}#search_missionList .category-wrap .title{margin:0 0 1.4rem 0;font-size:1.8rem;line-height:2.2rem;font-weight:bold}#search_missionList .category-wrap .missionCount ul{font-size:0}#search_missionList .category-wrap .missionCount ul li{display:inline-block;width:49%;height:4.4rem;margin:0 0 .6rem 0;padding:0 1rem;background-color:#fff;border-radius:.4rem;font-size:1.4rem;vertical-align:middle;box-shadow:0 .2rem .2rem rgba(0,0,0,.08)}#search_missionList .category-wrap .missionCount ul li:active{background-color:#f3eddd}#search_missionList .category-wrap .missionCount ul li:nth-child(2n){margin-left:2%}#search_missionList .category-wrap .missionCount ul li .inner{display:flex;height:100%;align-items:center;justify-content:space-between}#search_missionList .category-wrap .missionCount ul li .info-left{flex:1;margin:0 1rem 0 0;min-width:0}#search_missionList .category-wrap .missionCount ul li .info-right{color:#999}#search_missionList .category-wrap .missionCount ul li.disable{background:#fff;color:rgba(0,0,0,.18)}#search_missionList .category-wrap .missionCount ul li.disable .info-right{color:rgba(0,0,0,.18)}#search_missionList .category-wrap .missionCount ul.oneLine li{display:block;width:100%;margin:0 0 .6rem 0}#search_missionList .category-hashTag{padding-bottom:1.8rem}#search_missionList .category-hashTag .title{color:#3aa}#search_missionList .category-hashTag .hashTagList{font-size:0}#search_missionList .category-hashTag .hashTagList span{display:inline-block;margin:0 .8rem .6rem 0;padding:.6rem 1rem;border:.1rem solid rgba(0,0,0,.12);border-radius:3rem;background:#fff;font-size:1.4rem;font-weight:bold;color:#3aa;letter-spacing:-0.04em;vertical-align:top}#search_missionList .category-hashTag .hashTagList span:active{color:#288888;background:#f3eddd}#search_missionList .space{height:1.4rem;background:#edebde;box-shadow:inset 0 .1rem .2rem rgba(0,0,0,.08)}#search_recent{padding:.8rem 1.8rem;background:#fff}#search_recent .title{position:relative;margin:0 0 1.2rem 0;letter-spacing:-0.04em}#search_recent .title p{color:rgba(0,0,0,.56)}#search_recent .title button{position:absolute;top:0;right:0;color:#ff7c00;font-weight:bold}#search_recent .title button:active{color:#ffa800}#search_typing{padding:.8rem 1.8rem;background:#fff}#search_typing .searchList ul li .recent-text:before{background-position:-2.4rem 0}#search_result{position:static;background:#f7f5f0}#search_result #missionList .list-wrap .missionCard .title-top{overflow:visible;white-space:normal}#totalMissionList{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:2}#totalMissionList.sectionList{overflow:unset}#totalMissionList .tabNav-wrap{position:relative;background:#fff;z-index:2;box-shadow:0 .2rem .8rem rgba(0,0,0,.06)}#totalMissionList .tabNav-wrap ul{font-size:0;text-align:center}#totalMissionList .tabNav-wrap ul li{display:inline-block;position:relative;width:50%;height:3.6rem;line-height:3.6rem;font-size:1.4rem;color:#999;vertical-align:middle}#totalMissionList .tabNav-wrap ul li+li{width:50%}#totalMissionList .tabNav-wrap ul li.on{color:#3b3fb5;font-weight:bold;width:50%}#totalMissionList .tabNav-wrap ul li.on:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.2rem;background-color:#3b3fb5}#totalMissionList .tabCont-wrap{flex:1;min-height:0;height:100%}#totalMissionList .tabCont-wrap .tabCont{display:none;padding:1.6rem;margin-bottom:14rem}#totalMissionList .tabCont-wrap .tabCont.on{display:block}#totalMissionList .missionList-wrap .accordion-wrap{background:#fff;border-radius:1rem;box-shadow:0 .2rem .8rem rgba(92,61,0,.12);overflow:hidden}#totalMissionList .missionList-wrap .accordion-wrap+.accordion-wrap{margin:1.2rem 0 0 0}#totalMissionList .missionList-wrap .accordion-title-wrap{display:flex;align-items:center;height:5.6rem;padding:0 1.6rem}#totalMissionList .missionList-wrap .accordion-title-wrap .title{flex:1;min-width:0;font-size:1.6rem;letter-spacing:-0.04em;font-weight:bold}#totalMissionList .missionList-wrap .accordion-title-wrap .count{margin:0 0 0 2.8rem;color:#999}#totalMissionList .missionList-wrap .accordion-title-wrap .count .on{color:#3b3fb5;font-weight:bold}#totalMissionList .missionList-wrap .accordion-title-wrap .arr{width:2.4rem;height:2.4rem;margin:0 0 0 1.2rem;background-image:url("../img/icon_accordion_arr_down.png");background-size:auto 2.4rem}#totalMissionList .missionList-wrap .accordion-title-wrap:active{background-color:#e1f1ff}#totalMissionList .missionList-wrap .accordion-title-wrap:active .arr{background-position:-2.4rem 0}#totalMissionList .missionList-wrap .accordion-cont-wrap{display:none}#totalMissionList .missionList-wrap .accordion-cont-wrap ul li{padding:0 1.6rem}#totalMissionList .missionList-wrap .accordion-cont-wrap ul li:active{background-color:#e1f1ff}#totalMissionList .missionList-wrap .accordion-cont-wrap+.missionCard{margin:.6rem 0 0 0}#totalMissionList .missionList-wrap .accordion-cont-wrap .inner{position:relative;padding:1.4rem 0;border-top:.1rem solid rgba(0,0,0,.08)}#totalMissionList .missionList-wrap .accordion-cont-wrap b{color:#3b3fb5}#totalMissionList .missionList-wrap .accordion-cont-wrap .title-top{font-weight:bold;letter-spacing:-0.04em}#totalMissionList .missionList-wrap .accordion-cont-wrap .title-btm{min-height:3.6rem;margin:.2rem 0 0 0;color:#999}#totalMissionList .missionList-wrap .accordion-cont-wrap .title-top,#totalMissionList .missionList-wrap .accordion-cont-wrap .title-btm{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:2.1rem}#totalMissionList .missionList-wrap .accordion-cont-wrap .hashTag{min-height:1.8rem;margin:.8rem 0 0 0;padding:0 6rem 0 0;font-weight:bold;color:#3aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#totalMissionList .missionList-wrap .accordion-cont-wrap .similarity{position:absolute;bottom:1.4rem;right:0;font-size:0}#totalMissionList .missionList-wrap .accordion-cont-wrap .similarity:before{content:"";display:inline-block;width:1.4rem;height:1.4rem;margin:0 .4rem 0 0;background-image:url("../img/icon_missionList_similarity.png");background-size:auto 1.4rem;vertical-align:middle}#totalMissionList .missionList-wrap .accordion-cont-wrap .similarity strong{display:inline-block;font-size:1.4rem;color:#3b3fb5;vertical-align:middle}#totalMissionList .missionList-wrap .accordion-wrap.on .accordion-title-wrap .arr{background-image:url("../img/icon_accordion_arr_up.png")}#totalMissionList .missionList-wrap .accordion-wrap.on .accordion-cont-wrap{display:block}#totalMissionList .missionList-wrap .accordion-wrap.disable .accordion-title-wrap{background:#fff}#totalMissionList .missionList-wrap .accordion-wrap.disable .accordion-title-wrap .title{color:rgba(0,0,0,.12)}#totalMissionList .missionList-wrap .accordion-wrap.disable .accordion-title-wrap .arr{background-position:-4.8rem 0}#totalMissionList .missionList-wrap .accordion-wrap.disable .accordion-title-wrap .count{color:rgba(0,0,0,.12)}#totalMissionList .missionList-wrap .accordion-wrap.disable .accordion-title-wrap .count .on{color:rgba(0,0,0,.12)}#totalMissionList .tategoryList{margin:0 -1.6rem;padding:0 0 1.6rem 0;white-space:nowrap;overflow:auto;font-size:0}#totalMissionList .tategoryList::-webkit-scrollbar{display:none}#totalMissionList .tategoryList ul li{display:inline-block;height:3rem;margin:0 1rem 0 0;padding:.5rem .9rem;border-radius:.6rem;border:.1rem solid #3b3fb5;background:#fff;vertical-align:middle;color:#3b3fb5;font-size:1.4rem}#totalMissionList .tategoryList ul li.on{background:#3b3fb5;color:#fff;font-weight:bold}#totalMissionList .tategoryList ul li:first-child{margin-left:1.6rem}#totalMissionList .tategoryList ul li:active{border-color:#e1f1ff;color:#3b3fb5;background:#e1f1ff}#missionReview{width:100%;height:100%;padding:6.5rem 1.6rem 0;background:#fff;font-size:1.6rem;line-height:2rem;z-index:2}#missionReview .top-wrap{position:relative}#missionReview .top-wrap .similarity{margin:0 0 2.3rem 0;letter-spacing:-0.04em}#missionReview .top-wrap .similarity strong{color:#3b3fb5}#missionReview .top-wrap .missionInfo .title-top{font-size:2.2rem;font-weight:bold;line-height:2.6rem;letter-spacing:-0.04em}#missionReview .top-wrap .missionInfo .title-btm{margin:.4rem 0 0 0;color:#999}#missionReview .top-wrap .btn-go-report{position:absolute;top:-0.7rem;right:0}#missionReview .btm-wrap{margin:4rem 0 0 0}#missionReview .btm-wrap .selectStep strong{display:block;padding:0 0 .8rem 0;border-bottom:.1rem solid #999;font-size:1.6rem;letter-spacing:-0.04em;font-weight:bold}#missionReview .btm-wrap .selectStep ul{margin:2rem 0 0 0}#missionReview .btm-wrap .selectStep ul li{padding:0 1rem}#missionReview .btm-wrap .selectStep ul li:active{color:#999}#missionReview .btm-wrap .selectStep ul li+li{margin:2rem 0 0 0}.mission-progress-wrap{position:relative;display:flex;justify-content:space-between;text-align:center}.mission-progress-wrap .top-wrap{position:relative}.mission-progress-wrap .svg-wrap{width:8rem;height:8rem;margin:0 auto .4rem;transform:rotate(-86deg);transform-origin:center}.mission-progress-wrap .svg-wrap svg{width:100%;height:100%}.mission-progress-wrap .svg-wrap svg circle{stroke-dasharray:226;stroke-linecap:round;transition:.5s all}.mission-progress-wrap .achieve-wrap{font-size:1.8rem;line-height:3rem;color:#999;letter-spacing:-0.04em}.mission-progress-wrap .achieve-wrap strong{display:block;font-size:3.6rem;letter-spacing:-0.04em;font-weight:bold;color:#ff7c00}.mission-progress-wrap p{letter-spacing:-0.04em}.mission-progress-wrap .conv-time{padding:1.2rem 0 0 0}.mission-progress-wrap .conv-time .achieve-wrap{margin:0 0 1.2rem 0}.mission-progress-wrap .complete-mission .achieve-wrap{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);font-size:1.2rem;line-height:1.6rem}.mission-progress-wrap .complete-mission .achieve-wrap strong{font-size:2rem;line-height:2.4rem}.mission-progress-wrap .similarity .percent-wrap{position:absolute;top:50%;left:50%;width:100%;font-size:1.2rem;color:#999;transform:translate(-50%, -50%)}.mission-progress-wrap .similarity .percent-wrap strong{font-size:2rem;color:#ff7c00;font-weight:bold}#learningReport .space{height:1.4rem;background:#edebde;box-shadow:inset 0 .1rem .2rem rgba(0,0,0,.08)}#learningReport .mission-progress-wrap{margin:2rem 3rem 2.4rem}#learningReport .missionList-wrap{padding:1.6rem 1.6rem 3.2rem}#learningReport .missionList-wrap .sort-wrap{margin:0 0 .8rem 0}#learningReport .missionList-wrap .sort-wrap .select-wrap{width:13.8rem;height:3rem;margin:0 0 0 auto;border:.1rem solid rgba(0,0,0,.12);border-radius:.6rem;background-size:1.6rem}#learningReport .missionList-wrap .sort-wrap .select-wrap select{width:100%;height:100%;padding:0 0 0 2.8rem;background-color:#fff;background-image:url("../img/icon_sort_img.png"),url("../img/icon_sort_arr.png");background-position:center left .8rem,center right .7rem;background-repeat:no-repeat,no-repeat;background-size:1.6rem;border:0;border-radius:.6rem;font-size:1.2rem;font-weight:bold}#learningReport .missionList-wrap .sort-wrap .select-wrap select:active{background-color:#f3eddd}#learningReport .missionList .list-item+.list-item{margin:2.4rem 0 0}#learningReport .missionList .list-item .item-title{margin:0 0 .8rem 0;padding:0 .8rem;color:rgba(0,0,0,.4)}#learningReport #missionList .list-wrap{padding:0}#learningReportDetail{height:100%;overflow:auto;background:#fff}#learningReportDetail .swiper-wrapper{height:100% !important}#learningReportDetail .swiper-container{height:100% !important}#learningReportDetail .swiper-slide{height:100% !important}#learningReportDetail .reportDetail-wrap{height:100%;padding:2.2rem 1.6rem 4rem}#learningReportDetail .reportDetail-wrap .top-info-wrap{padding:2.4rem 2rem;border-radius:1rem;background:#fff;box-shadow:0 .2rem .8rem rgba(92,61,0,.12)}#learningReportDetail .reportDetail-wrap .title-wrap{text-align:left}#learningReportDetail .reportDetail-wrap .title-wrap .title-top{font-size:2.2rem;line-height:3rem;font-weight:bold}#learningReportDetail .reportDetail-wrap .title-wrap .title-btm{min-height:3.2rem;margin:.2rem 0 0 0;line-height:1.6rem;color:rgba(0,0,0,.4)}#learningReportDetail .reportDetail-wrap .time-wrap{margin:1.2rem 0 0 0;font-size:0}#learningReportDetail .reportDetail-wrap .time-wrap dl{display:inline-block;position:relative;vertical-align:top}#learningReportDetail .reportDetail-wrap .time-wrap dl>*{display:inline-block;font-size:1.2rem;line-height:2rem;font-weight:bold;vertical-align:top}#learningReportDetail .reportDetail-wrap .time-wrap dl dt{margin:0 .5rem 0 0;color:#888}#learningReportDetail .reportDetail-wrap .time-wrap dl dd{font-size:1.4rem}#learningReportDetail .reportDetail-wrap .time-wrap dl:last-child{margin:0 0 0 1.1rem}#learningReportDetail .reportDetail-wrap .time-wrap dl:last-child:before{content:"";position:absolute;top:.4rem;left:-0.6rem;width:.1rem;height:1.2rem;background:#c4c4c4}#learningReportDetail .reportDetail-wrap .grade-wrap{margin:1.2rem 0 0 0}#learningReportDetail .reportDetail-wrap .grade-wrap .grade-score-wrap{text-align:center;font-size:0}#learningReportDetail .reportDetail-wrap .grade-wrap .grade-score-wrap li{display:inline-block;width:4.8rem;height:4.8rem;background-image:url("../img/icon_reportDetail_star.png");background-size:100%;vertical-align:middle}#learningReportDetail .reportDetail-wrap .grade-wrap .grade-score-wrap li.on{background-image:url("../img/icon_reportDetail_star_on.png")}#learningReportDetail .reportDetail-wrap .similarity-wrap{margin:2.4rem 0 0 0}#learningReportDetail .reportDetail-wrap .similarity-wrap .progress-wrap+.progress-wrap{margin:2rem 0 0 0;padding:2rem 0 0 0;border-top:.1rem solid rgba(0,0,0,.06)}#learningReportDetail .reportDetail-wrap .similarity-wrap .progress-wrap p{font-size:1.6rem;line-height:2rem;font-weight:bold}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap{padding:5rem 0 0 0}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .progress-wrap{position:relative;height:1.6rem}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .progress-wrap .progress-bg{height:100%;border-radius:.8rem;background:#f3eee6}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .progress-wrap .bar{position:absolute;top:0;left:0;height:100%;border-radius:.8rem;background-image:url("../img/bg_similarity_grade_progress.png");background-position:center left;background-size:cover;max-width:100%}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .progress-wrap .bar-point{position:absolute;bottom:2rem;right:-2.4rem;width:4.8rem;height:4.2rem;padding:.6rem 0 0 0;background-image:url("../img/icon_reportDetail_progress_bar_point.png");background-position:center left;background-repeat:no-repeat;background-size:100%;font-size:2.4rem;line-height:2.4rem;font-weight:bold;color:#fff;text-align:center}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .progress-wrap.bar-color .bar{background-image:url("../img/bg_similarity_grade_progress_color.png")}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .progress-wrap.bar-color .bar-point{background-image:url("../img/icon_reportDetail_progress_bar_point_color.png")}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .grade-standard-wrap{margin:.8rem 0 0 0;overflow:hidden}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .grade-standard-wrap span{font-size:1.2rem;line-height:1.6rem;font-weight:bold;color:#888}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .grade-standard-wrap .grade-good{float:left}#learningReportDetail .reportDetail-wrap .similarity-progress-wrap .grade-standard-wrap .grade-excellent{float:right}#learningReportDetail .reportDetail-wrap .q-detail-wrap{margin:3.2rem 0 0 0}#learningReportDetail .reportDetail-wrap .q-detail-wrap .des{margin:0 0 4rem 0;font-size:1.4rem;line-height:2rem;color:#888;text-align:center}#learningReportDetail .reportDetail-wrap .q-detail-wrap .des strong{display:block}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap+.q-item-wrap{margin:5rem 0 0 0}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-title{display:inline-block;position:relative;margin:0 0 0 1.6rem;padding:1.2rem 1.4rem;background:#def1f2;border-radius:.4rem;font-weight:bold;font-size:0}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-title>*{display:inline-block;font-size:1.4rem;line-height:1.8rem;vertical-align:top}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-title span{left:0}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-title p{width:19.8rem;margin:0 0 0 .6rem}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-title:after{content:"";position:absolute;bottom:.4rem;left:-0.8rem;width:1.2rem;height:1.6rem;background:url("../img/img_reportDetail_q_box_tail2.png") no-repeat;background-size:100%;z-index:-1}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-box-wrap{position:relative;margin:1.6rem 0 0 0;padding:0 1.6rem 0 6.2rem}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-box-wrap .box{position:relative;padding:1.2rem 1.4rem;border-radius:.4rem;font-size:1.4rem;line-height:1.8rem;background:#fff5db}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-box-wrap .box+.box{margin:.8rem 0 0 0}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-box-wrap .box>span{position:absolute;display:block;top:.4rem;left:-5.6rem;width:5rem;font-weight:bold;color:#888;text-align:right}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-box-wrap .box .inner{display:flex;align-items:center;overflow:hidden}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-box-wrap .box .inner p{flex:1;margin:0 .4rem 0 0;font-weight:bold}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-box-wrap .box .inner:after{content:"";position:absolute;bottom:.4rem;right:-0.8rem;width:1.2rem;height:1.6rem;background:url("../img/img_reportDetail_q_box_tail.png") no-repeat;background-size:100%;z-index:-1}#learningReportDetail .reportDetail-wrap .q-detail-wrap .q-item-wrap .q-box-wrap .box .inner .percent{font-weight:bold;color:#f80}#learningReportDetail .reportDetail-wrap .btm-btn-wrap{position:fixed;bottom:0;left:0;width:100%}#learningReportDetail .reportDetail-wrap .btm-btn-wrap button{box-shadow:none;border-radius:0;font-size:1.6rem}#learningReportDetail .reportDetail-wrap .guide-box-wrap{position:relative;margin:0 0 .6rem 0}#learningReportDetail .reportDetail-wrap .guide-box-wrap p{color:#888}#learningReportDetail .reportDetail-wrap .correct-box-wrap{position:relative;margin:.8rem 1.6rem 0 6.2rem;font-size:1.4rem;line-height:2rem;text-align:right}#learningReportDetail .reportDetail-wrap .correct-box-wrap span{position:absolute;display:block;top:.4rem;left:-5.6rem;width:5rem;font-weight:bold;color:#888;line-height:1.8rem;text-align:right}#learningReportDetail .reportDetail-wrap .correct-box-wrap p{padding:1.2rem 1.4rem;border-radius:.4rem;background:#4ec7cf;font-weight:bold;line-height:1.6rem;color:#fff;text-align:left}#learningReportDetail .reportDetail-wrap .correct-box-wrap:after{content:"";position:absolute;bottom:.4rem;right:-0.8rem;width:1.2rem;height:1.6rem;background:url("../img/img_reportDetail_q_box_tail3.png") no-repeat;background-size:100%;z-index:-1}#main.main-l .space{height:1.4rem;background:#edebde;box-shadow:inset 0 .1rem .2rem rgba(0,0,0,.08)}#main.main-l .space-last{height:8rem;background:#edebde;box-shadow:inset 0 .1rem .2rem rgba(0,0,0,.08)}#main.main-l .noData{height:16.8rem}#main.main-l .linkBanner{position:relative;height:26.6rem}#main.main-l .linkBanner .swiper-pagination{width:auto;left:50%;bottom:1.8rem;line-height:0;transform:translateX(-50%)}#main.main-l .linkBanner .swiper-pagination-bullet{width:.6rem;height:.6rem;margin:0 .3rem;border-radius:.6rem;background:rgba(255,255,255,.56);opacity:1}#main.main-l .linkBanner .swiper-pagination-bullet-active{width:2rem;background:#fff}#main.main-l .linkBanner .banner-wrap{height:26.6rem}#main.main-l .linkBanner .btn-showAll{position:absolute;bottom:0;right:0;padding:1.2rem 1.6rem;z-index:2}#main.main-l .linkBanner .btn-showAll span{font-size:1.2rem;color:#fff;font-weight:bold}#main.main-l .linkBanner .btn-showAll span:after{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin:-0.25rem 0 0 0;background-image:url("../img/icon_main_showAll_arr.png");background-size:auto 1.6rem;vertical-align:middle}#main.main-l .linkBanner .btn-showAll span:active{color:#ff7c00}#main.main-l .linkBanner .btn-showAll span:active:after{background-position:-1.6rem 0}#main.main-l .main-cont-inner{padding:3rem 1.6rem 2.8rem}#main.main-l .cont-title-wrap{position:relative;margin:0 0 1.4rem 0}#main.main-l .cont-title-wrap .title{font-size:1.8rem;line-height:2.2rem;font-weight:bold}#main.main-l .cont-title-wrap .title strong{color:#ff7c00}#main.main-l .cont-title-wrap .title .hashTag{color:#3aa}#main.main-l .cont-title-wrap p{margin:.4rem 0 0 0}#main.main-l .v-slide-wrap{margin:0 -1.6rem;padding:0 0 .8rem 0;overflow:auto;white-space:nowrap;font-size:0}#main.main-l .v-slide-wrap::-webkit-scrollbar{display:none}#main.main-l .v-slide-wrap .slide-item{display:inline-block;vertical-align:top;font-size:1.4rem;white-space:normal}#main.main-l .v-slide-wrap .slide-item:first-child{margin-left:1.6rem !important}#main.main-l .v-slide-wrap .slide-item:last-child{margin-right:1.6rem !important}#main.main-l .v-slide-wrap .slide-item .top-wrap img{object-fit:cover;height:60%;width:100%}#main.main-l .v-slide-wr #main.main-l .main-cont-btm-btn-wrap{margin:1.6rem 0 0 0;text-align:right}#main.main-l .main-cont-btm-btn-wrap .btn-showAll{color:#999;font-weight:bold;font-size:1.2rem}#main.main-l .main-cont-btm-btn-wrap .btn-showAll:after{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin:-0.25rem 0 0 0;background-image:url("../img/icon_main_showAll_arr2.png");background-size:auto 1.6rem;vertical-align:middle}#main.main-l .main-cont-btm-btn-wrap .btn-showAll:active{color:#333}#main.main-l .main-cont-btm-btn-wrap .btn-showAll:active:after{background-position:-1.6rem 0}#main.main-l .missionInfo .main-cont-inner{padding-bottom:0}#main.main-l .missionInfo .cont-title-wrap{position:relative;margin:0}#main.main-l .missionInfo .cont-title-wrap .btn-refresh{position:absolute;top:0;right:0;width:2.4rem;height:2.4rem;background-image:url("../img/icon_mission_refresh.png");background-size:auto 2.4rem}#main.main-l .missionInfo .cont-title-wrap .btn-refresh:active{background-position:-2.4rem 0}#main.main-l .missionInfo .noData{height:100%}#main.main-l .missionInfo .dataSlide{margin-top:2.1rem;margin-bottom:3.2rem}#main.main-l .missionInfo .dataSlide .slide-item{position:relative}#main.main-l .missionInfo .dataSlide .slide-item+.slide-item{margin:0 0 0 5rem}#main.main-l .missionInfo .dataSlide .slide-item+.slide-item:before{content:"";position:absolute;top:2rem;left:-2.6rem;width:.2rem;height:9.6rem;background:url("../img/img_main_missionInfo_slide_bar.png");background-size:100%}#main.main-l .missionInfo .mission-slide-title{margin:0 0 1.6rem 0;text-align:center;font-size:1.6rem;line-height:1.6rem;font-weight:bold}#main.main-l .missionInfo .mission-progress-wrap{display:block;font-size:0}#main.main-l .missionInfo .mission-progress-wrap>div{display:inline-block;font-size:1.4rem;vertical-align:top}#main.main-l .missionInfo .mission-progress-wrap>div+div{margin:0 0 0 1.6rem}#main.main-l .missionInfo .mission-progress-wrap p{padding:.4rem 0 0 0}#main.main-l .missionInfo .missionSlide{margin-top:1.5rem;padding-bottom:2.8rem}#main.main-l .missionInfo .missionSlide .slide-item{margin:0 .7rem}#main.main-l .missionInfo .missionSlide .slide-title{margin:0 0 .6rem 0;font-size:1.2rem;line-height:1.6rem;letter-spacing:-0.04em;color:#999;font-weight:bold}#main.main-l .missionInfo .missionSlide .slide-card{width:23.2rem;height:15.2rem;overflow:hidden}#main.main-l .missionInfo .missionSlide .slide-card .top-wrap,#main.main-l .missionInfo .missionSlide .slide-card .btm-wrap{display:flex;flex-direction:column;justify-content:center;height:50%;padding:1rem 1.6rem;text-align:left}#main.main-l .missionInfo .missionSlide .slide-card .top-wrap:active,#main.main-l .missionInfo .missionSlide .slide-card .btm-wrap:active{background-color:#f3eddd}#main.main-l .missionInfo .missionSlide .slide-card .complete{background:url("../img/icon_main_missionInfo_complete.png") center right 1.6rem no-repeat;background-size:2.4rem}#main.main-l .missionInfo .missionSlide .slide-card p{margin:.2rem 0 0 0;color:#999}#main.main-l .missionInfo .missionSlide .slide-card p.mission-stop{color:#ff7c00}#main.main-l .missionInfo .missionSlide .slide-card p i{display:inline-block;width:1.2rem;height:1.2rem;margin:-0.4rem .2rem 0;background:url("../img/icon_main_missionInfo_similarity_arr.png");background-size:100%;vertical-align:middle}#main.main-l .missionInfo .missionSlide .slide-card p b{color:#ff7c00;font-weight:bold}#main.main-l .missionInfo .missionSlide .slide-card strong,#main.main-l .missionInfo .missionSlide .slide-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main.main-l .missionInfo .missionSlide .slide-card .btm-wrap{border-top:.1rem solid rgba(0,0,0,.08)}#main.main-l .missionInfo .prediction-wrap{width:32rem;margin:-0.6rem 0 0 0}#main.main-l .missionInfo .prediction-wrap .box-wrap{font-size:0}#main.main-l .missionInfo .prediction-wrap .box-wrap .box{display:inline-block;width:10rem;height:8rem;padding:4.4rem 0 0 0;background:#fff;border-radius:1rem;text-align:center;vertical-align:top;background-position:top .8rem center;background-size:8.4rem 2.8rem;background-repeat:no-repeat}#main.main-l .missionInfo .prediction-wrap .box-wrap .box+.box{margin:0 0 0 .6rem}#main.main-l .missionInfo .prediction-wrap .box-wrap .box span{display:block;font-size:1.4rem;line-height:2.4rem;color:#999;letter-spacing:-0.04em}#main.main-l .missionInfo .prediction-wrap .box-wrap .box span strong{font-size:2rem;color:#ff7c00}#main.main-l .missionInfo .prediction-wrap .box-wrap .box.box-toeicSpeaking{background-image:url("../img/logo_prediction_toeicSpeaking.png")}#main.main-l .missionInfo .prediction-wrap .box-wrap .box.box-opic{background-image:url("../img/logo_prediction_opic.png")}#main.main-l .missionInfo .prediction-wrap .box-wrap .box.box-lisaTest{background-image:url("../img/logo_prediction_lisaTest.png")}#main.main-l .missionInfo .prediction-wrap .text-wrap{margin:.4rem 0 0 0;text-align:center}#main.main-l .missionInfo .prediction-wrap .text-wrap p{font-size:1.2rem;line-height:1.4rem;color:#888}#main.main-l .topMission .list-wrap dl{display:flex;overflow:hidden}#main.main-l .topMission .list-wrap dl:active{background-color:#f3eddd}#main.main-l .topMission .list-wrap dl+dl{margin:1rem 0 0 0}#main.main-l .topMission .list-wrap dl dt{display:flex;align-items:center;justify-content:center;width:8.4rem;height:8.4rem;color:#fff;font-size:2.4rem;font-weight:bold;background-size:100%}#main.main-l .topMission .list-wrap dl dd{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding:.5rem 1.4rem;justify-content:center}#main.main-l .topMission .list-wrap dl dd .top-text{font-weight:bold;letter-spacing:-0.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main.main-l .topMission .list-wrap dl dd .btm-text{margin:.4rem 0 0 0;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#main.main-l .topMission .list-wrap dl dd .btm-text .similarity{font-weight:bold;color:#ff7c00}#main.main-l .topMission.type-popularity .list-wrap dl:nth-child(1) dt{background-image:url("../img/bg_topMisson_popularity_1.png")}#main.main-l .topMission.type-popularity .list-wrap dl:nth-child(2) dt{background-image:url("../img/bg_topMisson_popularity_2.png")}#main.main-l .topMission.type-popularity .list-wrap dl:nth-child(3) dt{background-image:url("../img/bg_topMisson_popularity_3.png")}#main.main-l .topMission.type-difficulty .list-wrap dl dd .top-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}#main.main-l .topMission.type-difficulty .list-wrap dl:nth-child(1) dt{background-image:url("../img/bg_topMisson_difficulty_1.png")}#main.main-l .topMission.type-difficulty .list-wrap dl:nth-child(2) dt{background-image:url("../img/bg_topMisson_difficulty_2.png")}#main.main-l .topMission.type-difficulty .list-wrap dl:nth-child(3) dt{background-image:url("../img/bg_topMisson_difficulty_3.png")}#main.main-l .conversationSkill .slide-item{margin:0 .5rem}#main.main-l .conversationSkill .slide-card{width:26rem;height:13.4rem;padding:1.6rem}#main.main-l .conversationSkill .slide-card .top-wrap strong{display:block}#main.main-l .conversationSkill .slide-card .top-wrap p{color:#ff7c00}#main.main-l .conversationSkill .slide-card .top-wrap strong,#main.main-l .conversationSkill .slide-card .top-wrap p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main.main-l .conversationSkill .slide-card .btm-wrap{margin:1.2rem 0 0 0;padding:1.4rem 0 0 0;border-top:.1rem solid rgba(0,0,0,.12)}#main.main-l .conversationSkill .slide-card .btm-wrap dl{display:flex;color:#999}#main.main-l .conversationSkill .slide-card .btm-wrap dl+dl{margin:.4rem 0 0 0}#main.main-l .conversationSkill .slide-card .btm-wrap dl dt{position:relative;padding:0 1.7rem 0 0}#main.main-l .conversationSkill .slide-card .btm-wrap dl dt:after{content:"";position:absolute;top:50%;right:.8rem;width:.1rem;height:1rem;background:rgba(0,0,0,.12);transform:translateY(-50%)}#main.main-l .conversationSkill .slide-card .btm-wrap dl dd{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main.main-l .conversationSkill .slide-card:active{background-color:#f3eddd}#main.main-l .hashTagMissionList .main-cont-inner{padding-bottom:1.6rem}#main.main-l .hashTagMissionList li{display:flex;flex-direction:column;justify-content:center;height:8.4rem;padding:1.4rem 1.6rem}#main.main-l .hashTagMissionList li+li{margin:1rem 0 0 0}#main.main-l .hashTagMissionList li .top-text{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main.main-l .hashTagMissionList li .btm-text{margin:.2rem 0 0 0;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#main.main-l .hashTagMissionList li:active{background-color:#f3eddd}#main.main-l .continueMission .v-slide-wrap+.v-slide-wrap{margin-top:.6rem}#main.main-l .continueMission .slide-item{margin:0 .5rem}#main.main-l .continueMission .slide-item .slide-card{width:14.4rem;height:18rem;border-radius:.6rem;overflow:hidden}#main.main-l .continueMission .slide-item .slide-card.title-card{display:flex;align-items:center;padding:0 1.8rem;font-weight:bold;font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.04em}#main.main-l .continueMission .slide-item .slide-card:active{background-color:#f3eddd}#main.main-l .continueMission .slide-item .top-wrap{height:9.8rem}#main.main-l .continueMission .slide-item .top-wrap .img{height:100%;background-size:cover;background-position:center}#main.main-l .continueMission .slide-item .btm-wrap{position:relative;padding:1rem 1.6rem}#main.main-l .continueMission .slide-item .btm-wrap .top-text{color:#999}#main.main-l .continueMission .slide-item .btm-wrap .btm-text{font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#main.main-l .continueMission .slide-item .slide-card.complete .btm-wrap:after{content:"";position:absolute;top:-1.2rem;right:1.2rem;width:2.4rem;height:2.4rem;background-image:url("../img/icon_main_missionInfo_complete.png");background-size:100%}#main.main-l .continueMission .v-slide-1 .slide-card.title-card{background-color:#f7d99e}#main.main-l .continueMission .v-slide-2 .slide-card.title-card{background-color:#dae78c}#main.main-l .continueMission .main-cont-btm-btn-wrap{margin:1.4rem 0 0 0}#main.main-l .situationExpression .v-slide-wrap+.v-slide-wrap{margin-top:.6rem}#main.main-l .situationExpression .slide-item{margin:0 .5rem}#main.main-l .situationExpression .slide-item .slide-card{width:30rem;height:18.4rem;padding:1.6rem}#main.main-l .situationExpression .slide-item .slide-card:active{background-color:#f3eddd}#main.main-l .situationExpression .slide-item .slide-card.title-card{display:flex;position:relative;align-items:center;width:26rem;padding:0 0 0 2rem;border-radius:1rem;background-size:cover}#main.main-l .situationExpression .slide-item .slide-card.title-card p{color:#fff;font-weight:bold;font-size:1.8rem;letter-spacing:-0.04em}#main.main-l .situationExpression .slide-item .slide-card.title-card .showAll{position:absolute;right:1.6rem;bottom:1.2rem;color:#fff;font-weight:bold;font-size:1.2rem}#main.main-l .situationExpression .slide-item .slide-card.title-card .showAll:after{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin:-0.2rem 0 0 0;background-image:url("../img/icon_main_showAll_arr.png");background-size:auto 1.6rem;vertical-align:middle}#main.main-l .situationExpression .slide-item .slide-card.title-card:active .showAll{color:#ff5c00}#main.main-l .situationExpression .slide-item .slide-card.title-card:active .showAll:after{background-position:-1.6rem 0}#main.main-l .situationExpression .slide-item .top-wrap{margin:0 0 1rem 0;padding:0 0 1rem 0;border-bottom:.1rem solid rgba(0,0,0,.12)}#main.main-l .situationExpression .slide-item .top-wrap p{font-weight:bold;letter-spacing:-0.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main.main-l .situationExpression .slide-item .btm-wrap dl{display:flex}#main.main-l .situationExpression .slide-item .btm-wrap dl dt span{display:block;position:relative;width:4rem;margin:0 .8rem 0 0;padding:0 1rem 0 0;text-align:right;font-weight:bold}#main.main-l .situationExpression .slide-item .btm-wrap dl dt span:after{content:"";position:absolute;top:50%;right:0;width:.1rem;height:1rem;background:rgba(0,0,0,.12);transform:translateY(-50%)}#main.main-l .situationExpression .slide-item .btm-wrap dl dd{flex:1;min-width:0;width:100%}#main.main-l .situationExpression .slide-item .btm-wrap .top-text dt{color:#3aa}#main.main-l .situationExpression .slide-item .btm-wrap .btm-text{margin:.4rem 0 0 0}#main.main-l .situationExpression .slide-item .btm-wrap .btm-text dt{color:#ff7c00}#main.main-l .situationExpression .slide-item .btm-wrap .btm-text dd .blankText{font-weight:bold}#main.main-l .situationExpression .slide-item .btm-wrap .btm-text dd .blankText .blank{border-bottom:.1rem solid #333;color:rgba(0,0,0,0)}#main.main-l .situationExpression .slide-item .btm-wrap .btm-text dd p{margin:.4rem 0 0 0;color:#999}#main.main-l .situationExpression .slide-item .btm-wrap .top-text dd,#main.main-l .situationExpression .slide-item .btm-wrap .btm-text dd .blankText,#main.main-l .situationExpression .slide-item .btm-wrap .btm-text dd p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#main.main-l .situationExpression .v-slide-1 .slide-card.title-card{background-image:url("../img/bg_situationExpression_1.png")}#main.main-l .situationExpression .v-slide-2 .slide-card.title-card{background-image:url("../img/bg_situationExpression_2.png")}#main.main-l .myContents .cont-title-wrap .btn-customContent{position:absolute;top:50%;right:0;width:1.8rem;height:1.8rem;background:url("../img/icon_customContent.png");background-size:100%;transform:translateY(-50%)}#main.main-l .myContents .v-slide-wrap .slide-item+.slide-item{margin:0 0 0 1rem}#main.main-l .myContents .v-slide-wrap .slide-item .slide-card{width:26rem;height:19rem;padding:1.6rem}#main.main-l .myContents .v-slide-wrap .title-wrap{padding:0 0 .7rem 0;border-bottom:.1rem solid rgba(0,0,0,.12)}#main.main-l .myContents .v-slide-wrap .title-wrap .title{line-height:1.8rem;color:#ff7c00;font-weight:bold}#main.main-l .myContents .v-slide-wrap .text-cont-wrap{margin:.8rem 0 0 0}#main.main-l .myContents .v-slide-wrap .text-cont-wrap .text-wrap>*{line-height:1.8rem;letter-spacing:-0.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main.main-l .myContents .v-slide-wrap .text-cont-wrap .text-wrap+.text-wrap{margin:.8rem 0 0 0}#main.main-l .myContents .v-slide-wrap .text-cont-wrap .text-wrap .btm-text{color:#ff7c00}#main.main-l .myContents .recommend-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;height:19rem;text-align:center}#main.main-l .myContents .recommend-wrap p{font-size:2rem;line-height:2.4rem;color:#ff7c00;font-weight:bold}#main.main-l .myContents .recommend-wrap button{width:16.4rem;height:3.2rem;margin:.8rem 0 0 0;border:.2rem solid #ff7c00;border-radius:.6rem;background-color:#fff;color:#ff7c00;font-weight:bold}#main.main-l .myContents .recommend-wrap button:after{content:"";display:inline-block;width:1.2rem;height:1.2rem;margin:-0.2rem 0 0 .4rem;background-image:url("../img/icon_recommend_arr.png");background-size:auto 1.2rem;vertical-align:middle}#main.main-l .myContents .recommend-wrap button:active{background-color:#f3eddd;border-color:#ffa800;color:#ffa800}#main.main-l .myContents .recommend-wrap button:active:after{background-position:-1.2rem 0}#main.main-l .randomBanner a{display:block}#main.main-l .randomBanner a img{width:100%;vertical-align:top}#main.main-l .bookClass .slide-tab-wrap{margin:0 -1.6rem}#main.main-l .bookClass .slide-tab-wrap .tab-nav-wrap ul{display:flex;align-items:center}#main.main-l .bookClass .slide-tab-wrap .tab-nav-wrap ul li{position:relative;flex:1;min-width:0;width:100%;padding:0 0 1.1rem 0;border-bottom:1px solid rgba(0,0,0,.12);font-size:1.6rem;line-height:2.4rem;text-align:center;font-weight:bold}#main.main-l .bookClass .slide-tab-wrap .tab-nav-wrap ul li.on{color:#ff7c00}#main.main-l .bookClass .slide-tab-wrap .tab-nav-wrap ul li.on::after{content:"";position:absolute;bottom:-0.1rem;left:0;width:100%;height:.3rem;background:#ff7c00}#main.main-l .bookClass .slide-tab-wrap .tab-cont-wrap .tab-cont{display:none}#main.main-l .bookClass .slide-tab-wrap .tab-cont-wrap .tab-cont.on{display:block}#main.main-l .bookClass .class-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:53.2rem}#main.main-l .bookClass .class-empty .img{width:7.9rem;height:8.4rem;background-image:url("../img/icon_main_r_bookClass_empty.png");background-size:100%}#main.main-l .bookClass .class-empty p{margin:1.6rem 0 0 0;font-size:1.8rem;line-height:2rem;font-weight:bold}#main.main-l .bookClass .class-empty button{width:12.3rem;height:3.2rem;margin:1.6rem 0 0 0;border:.2rem solid #ff7c00;border-radius:.6rem;background-color:rgba(0,0,0,0);color:#ff7c00;font-weight:bold;line-height:2.8rem}#main.main-l .bookClass .class-empty button:after{content:"";display:inline-block;width:1.2rem;height:1.2rem;margin:-0.2rem 0 0 .4rem;background-image:url("../img/icon_noData_btn_arr.png");background-size:auto 1.2rem;vertical-align:middle}#main.main-l .bookClass .class-empty button:active{background-color:#f3eddd;border-color:#ffa800;color:#ffa800}#main.main-l .bookClass .class-empty button:active:after{background-position:-1.2rem 0}#main.main-r .main-cont-inner{width:100%;padding:1.6rem}#main.main-r .cont-title-wrap{margin:0 0 1.6rem 0;font-size:1.8rem;line-height:1.8rem;font-weight:bold;color:#fff;text-align:left}#main.main-r .cont-title-wrap strong{color:#82e800}#main.main-r .cont-title-wrap p{margin:.6rem 0 0 0;color:#fff;font-size:1.2rem;line-height:1.2rem}#main.main-r .main-cont-btm-btn-wrap{margin:1.6rem 0 0 0;text-align:right}#main.main-r .main-cont-btm-btn-wrap .btn-showAll{color:#fff;font-weight:bold;font-size:1.2rem}#main.main-r .main-cont-btm-btn-wrap .btn-showAll:after{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin:-0.25rem 0 0 0;background-image:url("../img/icon_main_r_showAll_arr.png");background-size:auto 1.6rem;vertical-align:middle}#main.main-r .main-cont-btm-btn-wrap .btn-showAll:active{color:#afff2e}#main.main-r .main-cont-btm-btn-wrap .btn-showAll:active:after{background-position:-1.6rem 0}#main.main-r .space{height:1.4rem;background:#000}#main.main-r .space-last{height:8rem;background:#000}#main.main-r .noData{height:16.8rem}#main.main-r .linkBanner{position:relative;height:26.6rem}#main.main-r .linkBanner .swiper-pagination{width:auto;left:50%;bottom:1.8rem;line-height:0;transform:translateX(-50%)}#main.main-r .linkBanner .swiper-pagination-bullet{width:.6rem;height:.6rem;margin:0 .3rem;border-radius:.6rem;background:rgba(255,255,255,.56);opacity:1}#main.main-r .linkBanner .swiper-pagination-bullet-active{width:2rem;background:#fff}#main.main-r .banner-wrap{height:26.6rem}#main.main-r .banner-wrap2{height:26.6rem}#main.main-r .achievement{position:relative;display:flex;justify-content:space-between;text-align:center;background:#000}#main.main-r .achievement .list-wrap{display:flex;align-items:flex-start}#main.main-r .achievement .list-wrap>*{flex:1}#main.main-r .achievement .top-wrap{position:relative;height:8rem}#main.main-r .achievement p{margin:.8rem 0 0 0;font-size:1.4rem;line-height:1.4rem;color:#fff;letter-spacing:-0.04em}#main.main-r .achievement .accuracy .svg-wrap{width:8rem;height:8rem;margin:0 auto .4rem;transform:rotate(-86deg);transform-origin:center}#main.main-r .achievement .accuracy .svg-wrap svg{width:100%;height:100%}#main.main-r .achievement .accuracy .svg-wrap svg circle{stroke-dasharray:226;stroke-linecap:round;transition:.5s all}#main.main-r .achievement .accuracy .percent-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.2rem;color:#fff}#main.main-r .achievement .accuracy .percent-wrap strong{font-size:2rem;color:#82e800}#main.main-r .achievement .medal .top-wrap{padding:.5rem 0 0 0}#main.main-r .achievement .medal .medal-img{width:4.8rem;height:4.8rem;margin:0 auto;background:url("../img/icon_main_r_achievement_medal.png");background-size:100%}#main.main-r .achievement .medal .count{margin:.4rem 0 0 0;color:#999;font-size:1.8rem;line-height:1.8rem}#main.main-r .achievement .medal .count span{color:#fff}#main.main-r .achievement .time .top-wrap{padding:1.3rem 0 0 0}#main.main-r .achievement .time .top-wrap strong{font-size:3.2rem;line-height:3.2rem;letter-spacing:-0.04em;color:#82e800}#main.main-r .achievement .time .top-wrap .m-img{width:2.4rem;height:1.8rem;margin:.4rem auto 0;background:url("../img/icon_main_r_achievement_time.png");background-size:100%}#main.main-r .testList{background:#191919}#main.main-r .testList .list-wrap ul li{position:relative;padding:1.6rem 4rem 1.6rem 1.6rem;border-radius:.8rem;background-color:rgba(0,0,0,.24);border:.1rem solid rgba(255,255,255,.24)}#main.main-r .testList .list-wrap ul li:after{content:"";position:absolute;top:50%;right:1.6rem;width:2.4rem;height:2.4rem;background-image:url("../img/icon_main_r_testList_arr.png");background-size:auto 2.4rem;transform:translateY(-50%)}#main.main-r .testList .list-wrap ul li+li{margin:.8rem 0 0 0}#main.main-r .testList .list-wrap ul li strong{display:block;font-size:1.4rem;line-height:1.4rem;color:#fff}#main.main-r .testList .list-wrap ul li strong+strong{margin:.4rem 0 0 0}#main.main-r .testList .list-wrap ul li:active{border-color:#afff2e;background-color:rgba(255,255,255,.08)}#main.main-r .testList .list-wrap ul li:active strong{color:#afff2e}#main.main-r .testList .list-wrap ul li:active:after{background-position:-2.4rem 0}#main.main-r .testList .list-wrap ul li.disable{border-color:rgba(255,255,255,.24);background-color:rgba(0,0,0,.24)}#main.main-r .testList .list-wrap ul li.disable strong{color:rgba(255,255,255,.3)}#main.main-r .testList .list-wrap ul li.disable:after{background-position:-4.8rem 0}#main.main-r .testExample{height:30.8rem;background:url("../img/bg_main_r_testExample.png");background-size:cover}#main.main-r .testExample .cont-title-wrap{margin:0 0 2.4rem 0}#main.main-r .testExample .swiper-container{height:20.2rem;margin:0 -1.6rem;padding:0 1.6rem}#main.main-r .testExample .swiper-slide{width:31.2rem !important;height:20.2rem}#main.main-r .testExample .swiper-slide+.swiper-slide{margin:0 0 0 1.6rem}#main.main-r .testExample .example-slide{background:rgba(0,0,0,.48);border:.1rem solid rgba(255,255,255,.48);border-radius:1.6rem;padding:1.6rem}#main.main-r .testExample .example-slide .title{margin:0 0 1.6rem 0;font-size:1.4rem;line-height:1.6rem;text-align:center;color:#fff;font-weight:bold}#main.main-r .testExample .example-slide .guide-wrap .box-wrap{position:relative}#main.main-r .testExample .example-slide .guide-wrap .box-wrap+.box-wrap{margin:1.4rem 0 0 0}#main.main-r .testExample .example-slide .guide-wrap .box-wrap .box{display:flex;flex-direction:column;justify-content:center;position:relative;padding:0 1.4rem;border-radius:.4rem;background:#ccc}#main.main-r .testExample .example-slide .guide-wrap .box-wrap .box>p{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main.main-r .testExample .example-slide .guide-wrap .box-wrap .box>p .blank{display:inline-block;width:5rem;height:1.8rem;border-bottom:.1rem solid #333;vertical-align:middle}#main.main-r .testExample .example-slide .guide-wrap .box-wrap .box:after{content:"";position:absolute;bottom:.8rem;width:1.2rem;height:1.6rem;background-repeat:no-repeat;background-size:100%}#main.main-r .testExample .example-slide .guide-wrap .box-wrap .badge{display:flex;justify-content:center;position:absolute;bottom:0;width:3.6rem;line-height:3.6rem;border-radius:50%;background:#ccc;font-weight:bold;color:#fff}#main.main-r .testExample .example-slide .guide-wrap .box-wrap.turn-ai{padding:0 .4rem 0 4.8rem}#main.main-r .testExample .example-slide .guide-wrap .box-wrap.turn-ai .box{height:3.8rem;background:#def1f2}#main.main-r .testExample .example-slide .guide-wrap .box-wrap.turn-ai .box:after{left:-1.2rem;background-image:url("../img/img_reportDetail_q_box_tail2.png")}#main.main-r .testExample .example-slide .guide-wrap .box-wrap.turn-ai .badge{left:0;background:#4ec7cf}#main.main-r .testExample .example-slide .guide-wrap .box-wrap.turn-my{padding:0 4.8rem 0 .4rem}#main.main-r .testExample .example-slide .guide-wrap .box-wrap.turn-my .box{height:8.4rem;background:#fff5db}#main.main-r .testExample .example-slide .guide-wrap .box-wrap.turn-my .box:after{right:-1.2rem;background-image:url("../img/img_reportDetail_q_box_tail.png")}#main.main-r .testExample .example-slide .guide-wrap .box-wrap.turn-my .badge{right:0;background:#f90}#main.main-r .testExample .example-slide .guide-wrap .guide-text{margin:1rem 0 0 0}#main.main-r .testExample .example-slide .guide-wrap .guide-text p{font-size:1.2rem;line-height:1.6rem;color:#777;font-weight:normal}#main.main-r .testExample .example-slide .guide-wrap .complete-text-wrap{position:absolute;bottom:3rem;left:0;width:100%;text-align:center;font-size:1.2rem;line-height:1.6rem;color:#fff}#main.main-r .testExample .example-slide:active{border-color:#afff2e}.startPage-wrap{display:flex;flex-direction:column;height:100%;text-align:center;overflow:auto;background:#ff7c00;background-size:100%;background-position:top center;font-size:1.4rem}.startPage-wrap>.inner{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;height:100%;width:100%;margin:auto;padding:0 3rem 2.8rem}.startPage-wrap .startPage-header-wrap{display:flex;position:relative;height:5.6rem;text-align:center}.startPage-wrap .startPage-header-wrap .btn-back{position:absolute;top:1rem;left:1rem;width:3.6rem;height:3.6rem;background:url("../img/icon_start_header_back.png");background-size:100%}.startPage-wrap .startPage-header-wrap .btn-back:active{opacity:.7}.startPage-wrap .startPage-header-wrap p{margin:auto;font-size:1.6rem;line-height:3rem;color:#fff;font-weight:bold}.startPage-wrap .logo-wrap{margin:0 -3rem 1.6rem -3rem}.startPage-wrap .logo-wrap img{width:100%}.startPage-wrap .top-logo-wrap{position:fixed;top:1.2rem;right:1.2rem}.startPage-wrap .top-logo-wrap img{width:15.9rem}.startPage-wrap .footer-logo-wrap{position:fixed;bottom:0;left:0;width:100%}.startPage-wrap .footer-logo-wrap img{width:100%}.startPage-wrap .input-wrap{position:relative;overflow:hidden;border-radius:.4rem}.startPage-wrap .input-wrap+.input-wrap{margin:1.2rem 0 0 0}.startPage-wrap .input-wrap:after{content:"";position:absolute;top:0;left:0;width:4.2rem;height:100%;background:rgba(255,255,255,.3);z-index:1}.startPage-wrap .input-wrap input{position:relative;width:100%;height:4.2rem;padding:.1rem 1.2rem 0 5.4rem;border:0;background-color:rgba(255,255,255,.2);color:#fff;background-position:left .9rem center;background-size:2.4rem;background-repeat:no-repeat;z-index:2}.startPage-wrap .input-wrap input::placeholder{color:#fff}.startPage-wrap .input-wrap input.input-email{background-image:url("../img/icon_start_input_email.png")}.startPage-wrap .input-wrap input.input-pwd{background-image:url("../img/icon_start_input_pwd.png")}.startPage-wrap .input-wrap input.input-name{background-image:url("../img/icon_start_input_name.png")}.startPage-wrap .link-find-pwd{display:block;margin:.3rem 0 0 auto;font-size:1.4rem;line-height:3rem;text-align:right;color:#fff;font-weight:bold}.startPage-wrap .link-find-pwd:active{color:#ffd600}.startPage-wrap .btn-confirm{width:100%;height:4.2rem;border-radius:4.2rem;background:#fff;font-size:1.6rem;font-weight:bold;line-height:1;text-align:center;box-shadow:0 .6rem 1.2rem rgba(0,0,0,.12)}.startPage-wrap .btn-confirm:active{background:#d1d1d1}.startPage-wrap .btn-confirm.disable{background:rgba(255,255,255,.2);box-shadow:none;color:rgba(255,255,255,.6)}.startPage-wrap .btm-link-wrap{padding:0 0 3rem 0;font-size:1.4rem;color:#fff;text-align:center}.startPage-wrap .btm-link-wrap button{display:block;margin:0 auto}.startPage-wrap .btm-link-wrap .link-sign-up{margin-bottom:3.2rem;color:rgba(255,255,255,.8)}.startPage-wrap .btm-link-wrap .link-sign-up strong{color:#fff}.startPage-wrap .btm-link-wrap .link-sign-up strong:active{color:#ffd600}.startPage-wrap .btm-link-wrap .link-show-terms{font-weight:bold}.startPage-wrap .btm-link-wrap .link-show-terms:active{color:#ffd600}.startPage-wrap .form-wrap .btn-confirm{margin:1.7rem 0 0 0}.startPage-wrap .terms-wrap{display:flex;flex-direction:column;flex:1;min-height:0}.startPage-wrap .terms-wrap b{font-weight:bold;color:#fff}.startPage-wrap .terms-wrap .terms-box{flex:1;min-height:0;padding:1.6rem 2rem;overflow:auto;background:rgba(119,8,8,.2);text-align:left;font-size:1.2rem;line-height:1.8rem;color:rgba(255,255,255,.8);backdrop-filter:blur(24px);border-radius:.4rem}.startPage-wrap .terms-wrap .terms-box+.terms-box{margin:2.4rem 0 0 0}.startPage-wrap .terms-wrap .checkbox-wrap{margin:.6rem 0 0 0;text-align:left}.startPage-wrap .terms-wrap .checkbox-wrap+.terms-box{margin:2rem 0 0 0;text-align:left}.startPage-wrap .terms-wrap .checkbox-wrap input[type=checkbox]{display:none}.startPage-wrap .terms-wrap .checkbox-wrap input[type=checkbox]+label{font-size:1.2rem;line-height:1.8rem;color:#fff}.startPage-wrap .terms-wrap .checkbox-wrap input[type=checkbox]+label:before{content:"";display:inline-block;width:1.8rem;height:1.8rem;margin:-0.2rem .6rem 0 0;vertical-align:middle;background:url("../img/icon_terms_checkbox.png");background-size:auto 1.8rem}.startPage-wrap .terms-wrap .checkbox-wrap input[type=checkbox]:checked+label:before{background-position:-1.8rem 0}.startPage-wrap .terms-wrap .checkbox-wrap input[type=checkbox]:disabled+label{color:rgba(255,255,255,.6)}.startPage-wrap .terms-wrap .checkbox-wrap input[type=checkbox]:disabled+label:before{background-position:-3.6rem 0}.startPage-wrap .terms-wrap .btn-confirm{margin:1.4rem 0 0 0}.startPage-wrap .social-login-wrap{margin:2.4rem 0 0 0;text-align:center}.startPage-wrap .social-login-wrap .title{font-size:1.4rem;line-height:1.4rem;color:#fff}.startPage-wrap .social-login-wrap .social-wrap{margin:1.6rem 0 0 0}.startPage-wrap .social-login-wrap .social-wrap button{width:4.4rem;height:4.4rem;background-size:100%;vertical-align:top}.startPage-wrap .social-login-wrap .social-wrap button+button{margin:0 0 0 1.6rem}.startPage-wrap .social-login-wrap .social-wrap button.btn-social-kakaotalk{background-image:url("../img/icon_social_kakaotalk.png")}.startPage-wrap .social-login-wrap .social-wrap button.btn-social-naver{background-image:url("../img/icon_social_naver.png")}.startPage-wrap .social-login-wrap .social-wrap button.btn-social-facebook{background-image:url("../img/icon_social_facebook.png")}.startPage-wrap .social-login-wrap .social-wrap button.btn-social-google{background-image:url("../img/icon_social_google.png")}.startPage-wrap.splash{background-image:url("../img/bg_splash.jpg")}.startPage-wrap.splash>.inner{padding-bottom:0}.startPage-wrap.login>.inner{padding-bottom:0}.startPage-wrap.terms>.inner{padding-bottom:3.6rem}.startPage-wrap.access>.inner{justify-content:flex-start;padding:3.2rem 1.6rem 1.6rem}.startPage-wrap.access .intro-wrap{flex:1;min-height:0;height:100%;text-align:left;color:#fff}.startPage-wrap.access .intro-wrap .desc-wrap{margin:0 0 1.6rem 0;line-height:2rem}.startPage-wrap.access .intro-wrap .desc-wrap .desc-title{font-size:2rem;font-weight:bold}.startPage-wrap.access .intro-wrap .desc-wrap p{margin:1.6rem 0 0 0}.startPage-wrap.access .intro-wrap .access-list-wrap ul li{padding:2.4rem 1.6rem;border-radius:1.6rem;background:rgba(119,8,8,.2)}.startPage-wrap.access .intro-wrap .access-list-wrap ul li+li{margin:1.6rem 0 0 0}.startPage-wrap.access .intro-wrap .access-list-wrap ul li .list-title{font-size:2rem;font-weight:bold}.startPage-wrap.access .intro-wrap .access-list-wrap ul li p{margin:1.2rem 0 0 0;font-size:1.2rem}.startPage-wrap.access .btn-wrap{display:flex}.startPage-wrap.access .btn-wrap button{flex:1;min-width:0;width:100%}.startPage-wrap.access .btn-wrap button:first-child{color:#333}.startPage-wrap.access .btn-wrap button+button{margin:0 0 0 .8rem}.startPage-wrap.guide>.inner{justify-content:flex-start;margin:0;padding:0}.startPage-wrap.guide .bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.startPage-wrap.guide .bg-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}.startPage-wrap.guide .bg-wrap .bg{height:100%;background-size:cover;background-position:center}.startPage-wrap.guide .center{display:flex;flex:1;min-height:0}.startPage-wrap.guide .center img{margin:auto}.startPage-wrap.guide img{width:100%}.startPage-wrap.guide .btn-wrap{position:relative;font-size:0}.startPage-wrap.guide .btn-wrap button{width:50%;height:4.8rem;font-size:1.4rem;line-height:4.8rem;text-align:center;vertical-align:top}.startPage-wrap.guide .btn-wrap button:first-child{background:#fff}.startPage-wrap.guide .btn-wrap button:last-child{background:#f90;color:#fff;font-weight:bold}#menu{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999}#menu .menu-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:0;transition:opacity .2s}#menu .menu-wrap{position:relative;display:flex;left:-26.1rem;flex-direction:column;width:26rem;height:100%;background:#fff;z-index:2;transition:left .2s;transition-timing-function:linear}#menu .menu-wrap .user-info{padding:2rem;background:url("../img/icon_menu_top_arr.png") top 2rem right 1.2rem no-repeat;background-size:2.4rem}#menu .menu-wrap .user-info:active{background-color:#f3eddd}#menu .menu-wrap .user-info .name{font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.04em;font-weight:bold;color:#ff7c00}#menu .menu-wrap .user-info .nickName{margin:.2rem 0 0 0}#menu .menu-wrap .user-info .email{margin:1.2rem 0 0 0;color:#999}#menu .menu-wrap .user-data{padding:0 0 1.6rem 0;border-bottom:.1rem solid rgba(0,0,0,.1)}#menu .menu-wrap .user-data .d-day{height:3.6rem;margin:0 2rem;border-radius:1.8rem;background:#f4f5ef;text-align:center;font-size:1.4rem;line-height:3.8rem;color:#666}#menu .menu-wrap .user-data .d-day strong{font-weight:bold;color:#333}#menu .menu-wrap .user-data .statistics{margin:1.2rem 0 0 0;font-size:0;text-align:center}#menu .menu-wrap .user-data .statistics>*{display:inline-block;text-align:center;vertical-align:middle}#menu .menu-wrap .user-data .statistics .title{font-size:1.4rem;line-height:2.4rem;color:#888}#menu .menu-wrap .user-data .statistics .count{margin:.4rem 0 0 0;font-size:1.4rem;line-height:1.6rem}#menu .menu-wrap .user-data .statistics .count strong{font-size:1.8rem;line-height:2.4rem;font-weight:bold;color:#f90}#menu .menu-wrap .user-data .statistics .count span{color:#c4c4c4}#menu .menu-wrap .user-data .statistics .bar{width:1px;height:3rem;margin:0 1.4rem;background:rgba(0,0,0,.1)}#menu .menu-wrap .menu-list{flex:1;min-height:0;height:100%;overflow:auto}#menu .menu-wrap .menu-list ul li{display:flex;position:relative;align-items:center;min-height:4.8rem;padding:.5rem 5rem .5rem 4.8rem;border-bottom:.1rem solid rgba(0,0,0,.1);font-size:1.6rem;letter-spacing:-0.04em;background-position:left 1.6rem center;background-size:2.4rem;background-repeat:no-repeat}#menu .menu-wrap .menu-list ul li:active{background-color:#f3eddd}#menu .menu-wrap .menu-list ul li.menu1{background-image:url("../img/icon_menu_1.png")}#menu .menu-wrap .menu-list ul li.menu2{background-image:url("../img/icon_menu_2.png")}#menu .menu-wrap .menu-list ul li.menu3{background-image:url("../img/icon_menu_3.png")}#menu .menu-wrap .menu-list ul li.menu4{background-image:url("../img/icon_menu_4.png")}#menu .menu-wrap .menu-list ul li.menu5{background-image:url("../img/icon_menu_5.png")}#menu .menu-wrap .menu-list ul li.menu6{background-image:url("../img/icon_menu_6.png")}#menu .menu-wrap .menu-list ul li.menu7{background-image:url("../img/icon_menu_7.png")}#menu .menu-wrap .menu-list ul li.menu8{background-image:url("../img/icon_menu_8.png")}#menu .menu-wrap .menu-list ul li.menu9{background-image:url("../img/icon_menu_9.png")}#menu .menu-wrap .menu-list ul li .count{position:absolute;top:50%;right:1.6rem;font-weight:bold;color:#ff7c00;font-size:1.4rem;transform:translateY(-50%)}#menu .menu-wrap .menu-list ul li .new{position:absolute;top:50%;right:1.6rem;font-weight:bold;color:#ff7c00;font-size:1.2rem;transform:translateY(-50%)}#menu.menuOpen{display:block}#menu.menuOpen .menu-bg.on{opacity:1}#menu.menuOpen .menu-wrap.on{left:0}.modal-cont-wrap{width:100%;margin:auto}.modal-confirm .modal-cont-wrap{height:18.8rem;padding:2rem;border-radius:1rem;background:#fff;box-shadow:0 1.2rem 2rem rgba(0,0,0,.1)}.modal-confirm .modal-cont-wrap .text-wrap{display:flex;height:10.6rem}.modal-confirm .modal-cont-wrap .text-wrap p{margin:auto;font-weight:bold;letter-spacing:-0.04em;text-align:center}.modal-confirm .modal-cont-wrap .btn-ok{width:100%;height:4.2rem;border-radius:2.1rem;background:#3b3fb5;color:#fff;font-weight:bold}.modal-confirm .modal-cont-wrap .btn-ok:active{background:#3b3fb5}.modal-confirm .modal-cont-wrap .btn-ok.disable{background:rgba(0,0,0,.12)}.modal-reportReply .modal-cont-wrap{padding:2rem;border-radius:1rem;background:#fff;box-shadow:0 1.2rem 2rem rgba(0,0,0,.1)}.modal-reportReply .modal-cont-wrap .title-wrap{position:relative}.modal-reportReply .modal-cont-wrap .title-wrap .title{text-align:center;font-size:1.6rem;line-height:2.4rem;font-weight:bold}.modal-reportReply .modal-cont-wrap .title-wrap .btn-modal-close{position:absolute;top:0;right:0;width:2.4rem;height:2.4rem;background-image:url("../img/icon_modal_close.png");background-size:100%}.modal-reportReply .modal-cont-wrap .btn-ok{width:100%;height:4.2rem;border-radius:2.1rem;background:#ff7c00;color:#fff;font-weight:bold}.modal-reportReply .modal-cont-wrap .btn-ok:active{background:#ffa800}.modal-reportReply .modal-cont-wrap .btn-ok.disable{background:rgba(0,0,0,.12)}.modal-reportReply .modal-cont-wrap .checkbox-cont-wrap{margin:2.4rem 0 0 0}.modal-reportReply .modal-cont-wrap .checkbox-wrap+.checkbox-wrap{margin:1.6rem 0 0 0}.modal-reportReply .modal-cont-wrap .checkbox-wrap input[type=checkbox]{display:none}.modal-reportReply .modal-cont-wrap .checkbox-wrap input[type=checkbox]+label{display:block;font-size:1.4rem;line-height:2rem}.modal-reportReply .modal-cont-wrap .checkbox-wrap input[type=checkbox]+label:before{content:"";display:inline-block;width:2rem;height:2rem;margin:-0.2rem .8rem 0 0;vertical-align:middle;background:url("../img/icon_report_checkbox.png");background-size:auto 2rem}.modal-reportReply .modal-cont-wrap .checkbox-wrap input[type=checkbox]:checked+label:before{background-position:-2rem 0}.modal-reportReply .modal-cont-wrap .desc-wrap{margin:.8rem 0 0 0}.modal-reportReply .modal-cont-wrap .desc-wrap p{padding:.4rem .8rem;color:#888}.modal-reportReply .modal-cont-wrap .btn-wrap{margin:2.4rem 0 0 0}.modal-reportReply .modal-cont-wrap .btn-wrap button{width:100%;height:4.2rem;border-radius:4.2rem}.modal-malhathonJoin{padding:4rem 2rem}.modal-malhathonJoin .modal-cont-wrap{display:flex;flex-direction:column;height:100%;border-radius:1rem;background:#f7f5f0;box-shadow:0 1.2rem 2rem rgba(0,0,0,.1);overflow:hidden}.modal-malhathonJoin .title-wrap{display:flex;position:relative;height:4.9rem;background:#fff;border-bottom:.1rem solid rgba(0,0,0,.08)}.modal-malhathonJoin .title-wrap .title{margin:auto;font-weight:bold}.modal-malhathonJoin .title-wrap .btn-modal-close{position:absolute;top:50%;right:1.2rem;width:2.4rem;height:2.4rem;background-image:url("../img/icon_modal_close.png");background-size:100%;transform:translateY(-50%)}.modal-malhathonJoin .competition-list-wrap{flex:1;min-height:0;height:100%;padding:1.5rem 1.6rem 1.6rem;overflow:auto}.modal-malhathonJoin .competition-list-wrap .accordion-wrap{background:#fff;border-radius:1rem;letter-spacing:-0.04em;box-shadow:0 .2rem .8rem rgba(92,61,0,.12)}.modal-malhathonJoin .competition-list-wrap .accordion-wrap+.accordion-wrap{margin:.8rem 0 0 0}.modal-malhathonJoin .competition-list-wrap .accordion-title-wrap{position:relative;padding:1.6rem 4.4rem 1.6rem 1.6rem}.modal-malhathonJoin .competition-list-wrap .accordion-title-wrap .status-wrap{display:flex;align-items:center}.modal-malhathonJoin .competition-list-wrap .accordion-title-wrap .status-wrap div{height:2rem;margin:0 .4rem .8rem 0;padding:0 .6rem;line-height:2rem;color:#fff;font-weight:bold;font-size:1.2rem;background:#3aa;border-radius:.4rem}.modal-malhathonJoin .competition-list-wrap .accordion-title-wrap .status-wrap div:last-child{margin-right:0}.modal-malhathonJoin .competition-list-wrap .accordion-title-wrap .status-wrap div.end{background:#ccc}.modal-malhathonJoin .competition-list-wrap .accordion-title-wrap .competition-title{line-height:1.6rem;font-weight:bold}.modal-malhathonJoin .competition-list-wrap .accordion-title-wrap .arr{position:absolute;top:50%;right:1.6rem;width:2.4rem;height:2.4rem;background-image:url("../img/icon_accordion_arr_down.png");background-size:auto 2.4rem;transform:translateY(-50%)}.modal-malhathonJoin .competition-list-wrap .accordion-cont-wrap{display:none;padding:.8rem 1.6rem;border-top:.1rem solid rgba(0,0,0,.08)}.modal-malhathonJoin .competition-list-wrap .accordion-cont-wrap .date-info-wrap p{font-size:1.2rem;line-height:2.4rem;color:#888;font-weight:bold}.modal-malhathonJoin .competition-list-wrap .accordion-cont-wrap .btn-wrap{display:flex;align-items:center;margin:.4rem 0 0 0}.modal-malhathonJoin .competition-list-wrap .accordion-cont-wrap .btn-wrap button{flex:1;height:3.2rem;border-width:.2rem;border-radius:.6rem}.modal-malhathonJoin .competition-list-wrap .accordion-cont-wrap .btn-wrap button+button{margin:0 0 0 .8rem}.modal-malhathonJoin .competition-list-wrap .accordion-wrap.on .accordion-title-wrap .arr{background-image:url("../img/icon_accordion_arr_up.png")}.modal-malhathonJoin .competition-list-wrap .accordion-wrap.on .accordion-cont-wrap{display:block}.benefits-wrap{display:flex;flex-direction:column;height:100%;background:#fff;font-size:1.4rem}.benefits-wrap>.inner{flex:1;min-height:0;height:100%;padding:1.6rem 2.4rem 2.4rem;overflow:auto;letter-spacing:-0.04em}.benefits-wrap .benefits-header-wrap{display:flex;position:relative;height:5.6rem;text-align:center}.benefits-wrap .benefits-header-wrap .btn-close{position:absolute;top:1rem;right:1rem;width:3.6rem;height:3.6rem;background:url("../img/icon_benefits_header_close.png");background-size:100%}.benefits-wrap .benefits-header-wrap .btn-close:active{opacity:.7}.benefits-wrap .top-title{margin:0 0 3.2rem 0;font-size:3.2rem;line-height:4rem;letter-spacing:-0.08em}.benefits-wrap .top-title span{color:#ff7c00}.benefits-wrap .benefits-item+.benefits-item{margin:3.2rem 0 0 0}.benefits-wrap .benefits-item .title-wrap{margin:0 0 .8rem 0;font-size:1.6rem}.benefits-wrap .benefits-item .title-wrap .title{width:8rem;padding:0 0 0 1rem;line-height:2.8rem;vertical-align:top;font-weight:bold;color:#fff;background-image:url("../img/bg_benefits_title.png");background-size:auto 2.8rem;background-repeat:no-repeat}.benefits-wrap .benefits-item .title-wrap .subTitle{margin:.4rem 0 0 0;padding:0 1rem;font-size:2rem;line-height:2.4rem}.benefits-wrap .benefits-item .img-wrap{padding:0 1rem}.benefits-wrap .benefits-item .img-wrap img{width:100%}.benefits-wrap .benefits-item .text-wrap{padding:0 1rem}.benefits-wrap .benefits-item .text-wrap p{font-size:1.4rem;line-height:2rem}.benefits-wrap .benefits-item .text-wrap p strong{color:#ff7c00}.benefits-wrap .btn-confirm{height:6rem;background-color:#ff7c00;color:#fff;font-size:1.6rem;font-weight:bold}.benefits-wrap .btn-confirm:active{background-color:#ff5c00}.banner-wrap{position:relative}.banner-wrap .bannerImg-wrap{position:relative;height:100%}.banner-wrap .bannerImg-wrap .bannerImg-dimm{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.banner-wrap .bannerImg-wrap .bannerImg-dimm2{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(121.37deg, rgba(255, 124, 0, 0.3) 0%, rgba(0, 0, 0, 0) 98.29%)}.banner-wrap .bannerImg-wrap .bannerImg{object-fit:cover;height:100%;width:100%}.banner-wrap .banner-center-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 1.8rem;color:#fff;text-align:center}.banner-wrap .banner-center-wrap .banner-top{margin:0 0 1.2rem 0;line-height:1.4rem}.banner-wrap .banner-center-wrap .banner-text-wrap .top-text{font-size:2rem;line-height:2.2rem;letter-spacing:-0.04em;font-weight:bold}.banner-wrap .banner-center-wrap .banner-text-wrap .btm-text{margin:.8rem 0 0 0;font-size:1.6rem;line-height:2rem;letter-spacing:-0.02em;font-style:italic}.banner-wrap .banner-btn-wrap{margin:1.6rem 0 0 0}.banner-wrap .banner-btn-wrap .btn-learn{width:9.5rem;height:3.2rem;border:.2rem solid #ff7c00;border-radius:.6rem;background-color:rgba(0,0,0,0);color:#ff7c00;font-weight:bold}.banner-wrap .banner-btn-wrap .btn-learn:after{content:"";display:inline-block;width:1.2rem;height:1.2rem;margin:-0.2rem 0 0 .4rem;background-image:url("../img/icon_noData_btn_arr.png");background-size:auto 1.2rem;vertical-align:middle}.banner-wrap .banner-btn-wrap .btn-learn:active{background-color:#f3eddd;border-color:#ffa800;color:#ffa800}.banner-wrap .banner-btn-wrap .btn-learn:active:after{background-position:-1.2rem 0}.banner-wrap2{position:relative}.banner-wrap2 .bannerImg-wrap{position:relative;height:100%}.banner-wrap2 .bannerImg-wrap .bannerImg{height:100%;background-size:cover;background-position:center}.banner-wrap2 .banner-center-wrap{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:2.2rem 1.6rem 0;color:#fff}.banner-wrap2 .banner-center-wrap .banner-top{margin:0 0 .8rem 0}.banner-wrap2 .banner-center-wrap .banner-top strong{display:block;font-size:2.4rem;line-height:2.4rem;letter-spacing:-0.04em;color:#82e800}.banner-wrap2 .banner-center-wrap .banner-top strong+strong{margin:.4rem 0 0 0}.banner-wrap2 .banner-center-wrap .banner-top .date{color:#fff}.banner-wrap2 .banner-center-wrap .banner-text-wrap{margin:0 0 .8rem 0}.banner-wrap2 .banner-center-wrap .banner-text-wrap p{font-size:1.4rem;line-height:1.8rem}.banner-wrap2 .banner-center-wrap .banner-text-wrap p strong{color:#82e800}.banner-wrap2 .banner-btn-wrap .btn-learn{width:11.3rem;height:2.8rem;border:.1rem solid #88f301;border-radius:1.4rem;background-color:rgba(0,0,0,.24);color:#88f301}.banner-wrap2 .banner-btn-wrap .btn-learn:before{content:"";display:inline-block;width:.9rem;height:1.2rem;margin:-0.2rem .4rem 0 0;background-image:url("../img/icon_main_r_banner_learn.png");background-size:auto 1.2rem;vertical-align:middle}.banner-wrap2 .banner-btn-wrap .btn-learn:active{border-color:#afff2e;color:#afff2e}.banner-wrap2 .banner-btn-wrap .btn-learn:active:before{background-position:-0.9rem 0}.teacherBanner .slide-filter{padding:1.6rem}.teacherBanner .slide-filter ul{display:flex;align-items:center}.teacherBanner .slide-filter ul li{display:flex;align-items:center;justify-content:center;height:3rem;padding:0 1.6rem;border-radius:3rem;background:#fff;font-weight:bold;line-height:3rem}.teacherBanner .slide-filter ul li.on{background:#ff7c00;color:#fff}.teacherBanner .slide-filter ul li+li{margin:0 0 0 .8rem}.teacherBanner .slide-number{position:absolute;display:flex;align-items:center;justify-content:center;top:.8rem;left:50%;width:4.6rem;height:2rem;border-radius:2rem;background:rgba(0,0,0,.12);text-align:center;line-height:2rem;color:#fff;transform:translateX(-50%);font-size:1.2rem;letter-spacing:-0.04em;z-index:2}.teacherBanner .slide-number .current-slide{font-weight:bold}.teacherBanner .slide-number .slash{margin:0 .3rem}.teacherBanner .t-banner-wrap{position:relative;height:100%;padding:0 0 4.8rem 0}.teacherBanner .t-banner-wrap .teacher-img{height:15.8rem;background-size:100%}.teacherBanner .t-banner-wrap .list-wrap{position:relative;margin:0 1.6rem}.teacherBanner .t-banner-wrap .list-wrap .textBox{display:flex;flex-direction:column;justify-content:center;height:5rem;padding:0 1.6rem;border-radius:.6rem;background:#fff;font-size:1.4rem}.teacherBanner .t-banner-wrap .list-wrap .textBox+.textBox{margin:.6rem 0 0 0}.teacherBanner .t-banner-wrap .list-wrap .textBox>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacherBanner .t-banner-wrap .list-wrap .textBox .top-text{letter-spacing:-0.04em;font-weight:bold}.teacherBanner .t-banner-wrap .list-wrap .textBox .btm-text{margin:.2rem 0 0 0;color:#999;letter-spacing:-0.02em}.teacherBanner .t-banner-wrap .list-wrap .list-dimm{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);border-radius:.6rem}.teacherBanner .t-banner-wrap .list-wrap .list-dimm .img{width:9.6rem;height:9.6rem;background-image:url("../img/t_banner_dimm_lock.png");background-size:100%}.teacherBanner .t-banner-wrap .list-wrap .list-dimm p{margin:1.6rem 0 0 0;font-size:1.4rem;line-height:2rem;letter-spacing:-0.04em;text-align:center}.teacherBanner .t-banner-wrap .list-wrap .list-dimm .dimm-btn-wrap{display:flex;align-items:center;margin:1.6rem 0 0 0}.teacherBanner .t-banner-wrap .list-wrap .list-dimm .dimm-btn-wrap button{width:11.6rem;height:3rem;border-radius:.6rem;color:#fff}.teacherBanner .t-banner-wrap .list-wrap .list-dimm .dimm-btn-wrap button+button{margin:0 0 0 .4rem}.teacherBanner .t-banner-wrap.teacher-1{background-color:#ff4572}.teacherBanner .t-banner-wrap.teacher-2{background-color:#79a2c9}.teacherBanner .t-banner-wrap.teacher-3{background-color:#f5c416}.teacherBanner .t-banner-wrap.book-1{background-color:#36c1b1}.teacherBanner .t-banner-wrap.book-2{background-color:#009fe9}.teacherBanner .swiper-wrapper{height:47rem}.teacherBanner .swiper-pagination{top:1.6rem;bottom:auto !important;line-height:1;font-size:0}.teacherBanner .swiper-pagination .swiper-pagination-bullet{width:.6rem;height:.6rem;margin:0 .3rem;border-radius:.3rem;background:rgba(255,255,255,.56);vertical-align:top;opacity:1}.teacherBanner .swiper-pagination .swiper-pagination-bullet-active{width:2rem;height:.6rem;background:#fff}.teacherBanner .showAll-btn-wrap{position:absolute;bottom:.8rem;right:1.6rem}.teacherBanner .btn-showAll{bottom:0;right:0;z-index:2;vertical-align:top;line-height:1.6rem}.teacherBanner .btn-showAll span{font-size:1.2rem;color:#fff;font-weight:bold}.teacherBanner .btn-showAll span:after{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin:-0.25rem 0 0 0;background-image:url("../img/icon_main_showAll_arr.png");background-size:auto 1.6rem;vertical-align:middle}.teacherBanner .btn-showAll span:active{color:#ff7c00}.teacherBanner .btn-showAll span:active:after{background-position:-1.6rem 0}.popup_customContent{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:999}.popup_customContent .inner{display:flex;flex-direction:column;height:100%}.popup_customContent .top-wrap{padding:3.2rem 2.4rem 4rem;color:#fff;text-shadow:0 .1rem .4rem rgba(0,0,0,.16);letter-spacing:-0.04em;background:url("../img/bg_popup_customContent_top.png");background-size:cover}.popup_customContent .top-wrap p{font-size:2rem;line-height:2.8rem;font-weight:bold}.popup_customContent .top-wrap p b{color:#333;font-weight:bold}.popup_customContent .top-wrap span{display:block;margin:.6rem 0 0 0;line-height:1.4rem}.popup_customContent .btm-wrap{display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100% + 1.6rem);margin:-1.6rem 0 0 0;border-radius:1.6rem 1.6rem 0 0;background:#fff}.popup_customContent .btm-wrap .category-list-wrap{flex:1;min-height:0;height:100%;padding:4rem 2.4rem 2.4rem;overflow:auto}.popup_customContent .btm-wrap .category-list-wrap ul li{display:flex;align-items:center;position:relative;height:5.6rem;padding:0 4.8rem 0 2.4rem;border-radius:2.8rem;background-color:rgba(0,0,0,.08);background-size:cover}.popup_customContent .btm-wrap .category-list-wrap ul li+li{margin:.8rem 0 0 0}.popup_customContent .btm-wrap .category-list-wrap ul li p{font-size:1.6rem;line-height:2rem;letter-spacing:-0.02em;font-weight:bold}.popup_customContent .btm-wrap .category-list-wrap ul li.selected{background-image:url("../img/bg_popup_customContent_list_selected.png")}.popup_customContent .btm-wrap .category-list-wrap ul li.selected p{color:#fff}.popup_customContent .btm-wrap .category-list-wrap ul li.selected:after{content:"";position:absolute;top:50%;right:2.4rem;width:1.6rem;height:1.6rem;background:url("../img/icon_popup_customContent_list_selected.png");background-size:100%;transform:translateY(-50%)}.popup_customContent .btm-wrap .btn-save{height:6rem;background-color:#ff7c00;color:#fff;font-size:1.6rem;font-weight:bold}.popup_customContent .btm-wrap .btn-save:active{background-color:#ff5c00}.popup_customContent .btm-wrap .btn-save.disable{background-color:#ccc}.btn-mainLisaLab{position:fixed;top:7.2rem;right:1.6rem;width:4rem;height:4rem;border-radius:50%;background:url("../img/icon_main_lisaLab.png");background-size:100%;box-shadow:0 .8rem .8rem rgba(0,0,0,.12),0 0 .4rem rgba(0,0,0,.12);z-index:2}#couponBox{display:flex;flex-direction:column;height:100%}#couponBox .title-wrap{display:flex;align-items:center;justify-content:space-between;font-size:1.6rem;line-height:2.4rem}#couponBox .title-wrap .title{font-weight:bold}#couponBox .title-wrap .coupon-count{color:#888;font-size:1.4rem}#couponBox .space{height:1.4rem;background:#edebde;box-shadow:inset 0 .1rem .2rem rgba(0,0,0,.08)}#couponBox .register-coupon-wrap{padding:2rem 2.4rem}#couponBox .register-coupon-wrap .input-wrap{margin:.6rem 0 0 0}#couponBox .register-coupon-wrap .input-wrap input{width:100%;height:4.2rem;padding:0 1.4rem;border:.1rem solid #a8a8a8;border-radius:.2rem;background:#fff;font-size:1.4rem}#couponBox .register-coupon-wrap .input-wrap input::placeholder{color:#888}#couponBox .register-coupon-wrap .btn-wrap{margin:2rem 0 0 0}#couponBox .register-coupon-wrap .btn-wrap button.btn-register{width:100%;height:4.2rem;border-radius:4.2rem;background-color:#ff7c00;color:#fff;font-size:1.4rem;font-weight:bold}#couponBox .register-coupon-wrap .btn-wrap button.btn-register:active{background-color:#ff5c00}#couponBox .registered-coupon-wrap{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:auto}#couponBox .registered-coupon-wrap .title-wrap{padding:2rem 1.6rem 1.2rem}#couponBox .registered-coupon-wrap .coupon-list-wrap{flex:1;min-height:0;height:100%}#couponBox .registered-coupon-wrap .coupon-list-wrap ul{height:100%;padding:0 1.6rem 1.6rem;overflow:auto}#couponBox .registered-coupon-wrap .coupon-list-wrap ul li{padding:1.4rem 1.6rem;background:#fff;border-radius:.6rem;box-shadow:0 .2rem .8rem rgba(92,61,0,.12)}#couponBox .registered-coupon-wrap .coupon-list-wrap ul li+li{margin:1.2rem 0 0 0}#couponBox .registered-coupon-wrap .coupon-list-wrap ul li .coupon-name{font-size:1.4rem;line-height:1.8rem;font-weight:bold}#couponBox .registered-coupon-wrap .coupon-list-wrap ul li .coupon-date{display:flex;align-items:center;margin:.2rem 0 0 0}#couponBox .registered-coupon-wrap .coupon-list-wrap ul li .coupon-date dl{display:flex;align-items:center;font-size:1.2rem;line-height:1.6rem}#couponBox .registered-coupon-wrap .coupon-list-wrap ul li .coupon-date dl+dl{margin:0 0 0 1rem}#couponBox .registered-coupon-wrap .coupon-list-wrap ul li .coupon-date dl dt{color:#999}#couponBox .registered-coupon-wrap .coupon-list-wrap ul li .coupon-date dl dd{margin:0 0 0 .6rem}#couponBox .registered-coupon-wrap .coupon-list-wrap .listEmpty{position:static}#couponBox .registered-coupon-wrap .coupon-list-wrap .listEmpty .inner{padding:0 0 2rem 0}#lisaLab{height:100%}#lisaLab .scrollWrap{padding:2.4rem 1.6rem 1.6rem}#lisaLab .desc{margin:0 0 2rem 0;line-height:2rem;letter-spacing:-0.02em;color:#ff7c00;text-align:center}#lisaLab .lisaLab-list-wrap .accordion-wrap{background:#fff;border-radius:1rem;box-shadow:0 .2rem .8rem rgba(92,61,0,.12);overflow:hidden}#lisaLab .lisaLab-list-wrap .accordion-wrap+.accordion-wrap{margin:1.2rem 0 0 0}#lisaLab .lisaLab-list-wrap .accordion-title-wrap{display:flex;align-items:center;height:5.6rem;padding:0 1.6rem}#lisaLab .lisaLab-list-wrap .accordion-title-wrap .title{flex:1;min-width:0;font-size:1.6rem;letter-spacing:-0.04em;font-weight:bold;color:#3b3fb5}#lisaLab .lisaLab-list-wrap .accordion-title-wrap .count{margin:0 0 0 2.8rem;color:#999}#lisaLab .lisaLab-list-wrap .accordion-title-wrap .count .on{color:#ff7c00;font-weight:bold}#lisaLab .lisaLab-list-wrap .accordion-title-wrap .arr{width:2.4rem;height:2.4rem;margin:0 0 0 1.2rem;background-image:url("../img/icon_accordion_arr_down.png");background-size:auto 2.4rem}#lisaLab .lisaLab-list-wrap .accordion-title-wrap:active{background-color:#f3eddd}#lisaLab .lisaLab-list-wrap .accordion-title-wrap:active .arr{background-position:-2.4rem 0}#lisaLab .lisaLab-list-wrap .accordion-cont-wrap{display:none}#lisaLab .lisaLab-list-wrap .accordion-cont-wrap ul li{padding:0 1.6rem}#lisaLab .lisaLab-list-wrap .accordion-cont-wrap ul li:active{background-color:#f3eddd}#lisaLab .lisaLab-list-wrap .accordion-cont-wrap+.missionCard{margin:.6rem 0 0 0}#lisaLab .lisaLab-list-wrap .accordion-cont-wrap .inner{display:flex;align-items:center;position:relative;min-height:6.8rem;padding:1.6rem 3.4rem 1.6rem 0;border-top:.1rem solid rgba(0,0,0,.08)}#lisaLab .lisaLab-list-wrap .accordion-cont-wrap ul li .list-item-title{line-height:1.8rem;font-weight:bold}#lisaLab .lisaLab-list-wrap .accordion-cont-wrap ul li.complete .inner{background:url("../img/icon_lisaLab_list_complete.png") center right no-repeat;background-size:2.4rem}#lisaLab .lisaLab-list-wrap .accordion-wrap.on .accordion-title-wrap .arr{background-image:url("../img/icon_accordion_arr_up.png")}#lisaLab .lisaLab-list-wrap .accordion-wrap.on .accordion-cont-wrap{display:block}#lisaLab .lisaLab-list-wrap .accordion-wrap.disable .accordion-title-wrap{background:#fff}#lisaLab .lisaLab-list-wrap .accordion-wrap.disable .accordion-title-wrap .title{color:rgba(0,0,0,.12)}#lisaLab .lisaLab-list-wrap .accordion-wrap.disable .accordion-title-wrap .arr{background-position:-4.8rem 0}#lisaLab .lisaLab-list-wrap .accordion-wrap.disable .accordion-title-wrap .count{color:rgba(0,0,0,.12)}#lisaLab .lisaLab-list-wrap .accordion-wrap.disable .accordion-title-wrap .count .on{color:rgba(0,0,0,.12)}#oss{height:100%}#oss .notice-wrap{padding:2rem 1.6rem}#oss .notice-wrap .title{margin:0 0 1.6rem 0;font-size:1.6rem;line-height:2rem;font-weight:bold}@media all and (min-width: 768px){#oss{max-width:560px;margin:auto}}#oss .notice-wrap .desc-wrap p{font-size:1.2rem;line-height:1.6rem}#oss .notice-wrap .desc-wrap p+p{margin:1.6rem 0 0 0}#oss .notice-wrap .desc-wrap p a{color:#3b3fb5}#oss .oss-list-wrap{padding:2rem 1.6rem 4rem;overflow-wrap:break-word}#oss .oss-list-wrap ul li{margin:0 0 1.6rem 0;font-size:1.4rem;line-height:1.6rem}#oss .oss-list-wrap ul li .oss-title{font-weight:bold}#oss .oss-list-wrap ul li .oss-link{margin:.4rem 0 0 0;padding:0 0 0 1.6rem}#oss .oss-list-wrap ul li .oss-link a{color:#3b3fb5;font-size:1.2rem;word-break:break-all}#oss .oss-list-wrap ul li .oss-copyright{margin:.4rem 0 0 0;padding:0 0 0 1.6rem;font-size:1.2rem;color:#888}#oss .space{height:1.4rem;background:#edebde;box-shadow:inset 0 .1rem .2rem rgba(0,0,0,.08)}.popup_utterance{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:999}.popup_utterance>.inner{display:flex;flex-direction:column;height:100%}.popup_utterance>.inner>*{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.popup_utterance .utterance-start-wrap .top-wrap{display:flex;height:12rem;padding:0 0 .8rem 0;background:url("../img/bg_popup_customContent_top.png");background-size:cover}.popup_utterance .utterance-start-wrap .top-wrap p{margin:auto;font-size:3.2rem;line-height:3.2rem;color:#fff;font-weight:bold;text-shadow:0 .1rem .4rem rgba(0,0,0,.16);letter-spacing:-0.04em}.popup_utterance .utterance-start-wrap .top-wrap p b{color:#333;font-weight:bold}.popup_utterance .utterance-start-wrap .top-wrap span{display:block;margin:.6rem 0 0 0;line-height:1.4rem}.popup_utterance .utterance-start-wrap .btm-wrap{display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100% + 1.6rem);margin:-1.6rem 0 0 0;border-radius:1.6rem 1.6rem 0 0;background:#fff}.popup_utterance .utterance-start-wrap .btm-wrap .text-wrap{flex:1;min-height:0;height:100%;padding:4rem 1.6rem 0;overflow:auto}.popup_utterance .utterance-start-wrap .btm-wrap .text-wrap p{font-size:2.4rem;line-height:3.2rem;letter-spacing:-0.04em}.popup_utterance .utterance-start-wrap .btm-wrap .text-wrap p+p{margin:3.2rem 0 0 0}.popup_utterance .utterance-start-wrap .btm-wrap .text-wrap p strong{color:#ff7c00;font-weight:bold}.popup_utterance .utterance-start-wrap .btm-wrap .btn-start{height:6rem;background-color:#ff7c00;color:#fff;font-size:1.6rem;font-weight:bold}.popup_utterance .utterance-start-wrap .btm-wrap .btn-start:active{background-color:#ff5c00}.popup_utterance .utterance-start-wrap .btm-wrap .btn-start.disable{background-color:#ccc}.popup_utterance .utterance-learning-wrap .bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.popup_utterance .utterance-learning-wrap .bg-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.popup_utterance .utterance-learning-wrap .bg-wrap .bg{height:100%;background-size:cover;background-position:center}.popup_utterance .utterance-learning-wrap .title-wrap{display:flex;position:relative;height:5.6rem}.popup_utterance .utterance-learning-wrap .title-wrap .title{margin:auto;font-size:1.6rem;color:#fff;font-weight:bold}.popup_utterance .utterance-learning-wrap .learning-cont-wrap{display:flex;flex-direction:column;flex:1;position:relative;min-height:0;height:100%;padding:4.8rem 1.6rem 5.4rem;z-index:2}.popup_utterance .utterance-learning-wrap .learning-cont-wrap .learning-wrap{position:relative;flex:1;min-height:0;height:100%}.popup_utterance .utterance-learning-wrap .learning-cont-wrap .learning-wrap .q-text{position:relative;top:50%;font-size:3.6rem;line-height:4.4rem;color:#fff;transform:translateY(-50%)}.popup_utterance .utterance-learning-wrap .learning-cont-wrap .learning-wrap .listen-text{margin:.8rem 0 0 0;font-size:2.8rem;line-height:3.6rem;color:#3aa}.popup_utterance .utterance-learning-wrap .learning-cont-wrap .desc{font-size:1.6rem;line-height:1.6rem;color:#fff}.popup_utterance .utterance-learning-wrap .footer-counter{display:flex;height:7.2rem}.popup_utterance .utterance-learning-wrap .footer-counter span{margin:auto;font-size:3.6rem;color:#f90}.popup_utterance .btm-score-wrap{position:fixed;bottom:-30rem;left:0;width:100%;padding:3.2rem 2.4rem 2.4rem;border-radius:2.4rem 2.4rem 0 0;background:#fff;box-shadow:0 0 3.2rem rgba(0,0,0,.12);text-align:center;transition:bottom .3s;transition-timing-function:linear;z-index:3}.popup_utterance .btm-score-wrap.on{bottom:0}.popup_utterance .btm-score-wrap .title{margin:0 0 1.6rem 0;font-weight:bold;line-height:2rem}.popup_utterance .btm-score-wrap .score-mid-wrap{display:flex;align-items:center;justify-content:center}.popup_utterance .btm-score-wrap .score-mid-wrap .score-wrap{width:11.4rem;margin:0 1.6rem}.popup_utterance .btm-score-wrap .score-mid-wrap .score-wrap span{display:block}.popup_utterance .btm-score-wrap .score-mid-wrap .score-wrap strong{display:block;font-size:2.4rem;line-height:3rem;color:#3aa}.popup_utterance .btm-score-wrap .score-mid-wrap .listen-btn-wrap{text-align:center}.popup_utterance .btm-score-wrap .score-mid-wrap .listen-btn-wrap button{vertical-align:top}.popup_utterance .btm-score-wrap .score-mid-wrap .listen-btn-wrap button .icon{width:3.6rem;height:3.6rem;margin:0 auto;background-size:100%}.popup_utterance .btm-score-wrap .score-mid-wrap .listen-btn-wrap button.btn-modelAnswer .icon{background-image:url("../img/bookClass/icon_btm_score_answer_model.png")}.popup_utterance .btm-score-wrap .score-mid-wrap .listen-btn-wrap button.btn-myAnswer .icon{background-image:url("../img/bookClass/icon_btm_score_answer_my.png")}.popup_utterance .btm-score-wrap .score-mid-wrap .listen-btn-wrap button p{margin:.2rem 0 0 0;font-size:1.2rem;line-height:2rem;font-weight:bold}.popup_utterance .btm-score-wrap .btm-btn-wrap{display:flex;margin:1.6rem 0 0 0}.popup_utterance .btm-score-wrap .btm-btn-wrap button{flex:1;height:4.6rem;border-radius:4.6rem;background:#ff7c00;font-weight:bold;line-height:4.4rem;color:#fff}.popup_utterance .btm-score-wrap .btm-btn-wrap button:active{background-color:#ff5c00}#serviceImprove{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:2}#serviceImprove .tabNav-wrap{position:relative;background:#fff;z-index:2;box-shadow:0 .2rem .8rem rgba(0,0,0,.06)}#serviceImprove .tabNav-wrap ul{font-size:0;text-align:center}#serviceImprove .tabNav-wrap ul li{display:inline-block;position:relative;width:8.2rem;height:3.6rem;line-height:3.6rem;font-size:1.4rem;color:#999;vertical-align:middle}#serviceImprove .tabNav-wrap ul li+li{margin:0 0 0 4rem}#serviceImprove .tabNav-wrap ul li.on{color:#ff7c00;font-weight:bold}#serviceImprove .tabNav-wrap ul li.on:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.2rem;background-color:#ff7c00}#serviceImprove .tabCont-wrap{flex:1;min-height:0;height:100%}#serviceImprove .tabCont-wrap .tabCont{display:none;padding:1.6rem}#serviceImprove .tabCont-wrap .tabCont.on{display:block}#serviceImprove .categoryList{margin:0 -1.6rem;padding:0 0 1.6rem 0;white-space:nowrap;overflow:auto;font-size:0}#serviceImprove .categoryList::-webkit-scrollbar{display:none}#serviceImprove .categoryList ul li{display:inline-block;height:3rem;margin:0 1rem 0 0;padding:.5rem .9rem;border-radius:.6rem;border:.1rem solid #ff7c00;background:#fff;vertical-align:middle;color:#ff7c00;font-size:1.4rem}#serviceImprove .categoryList ul li.on{background:#ff7c00;color:#fff;font-weight:bold}#serviceImprove .categoryList ul li:first-child{margin-left:1.6rem}#serviceImprove .categoryList ul li:active{border-color:#ffa800;color:#ffa800;background:#f3eddd}#serviceImprove .sort-wrap{margin:0 0 1rem 0}#serviceImprove .sort-wrap .select-wrap{width:13.8rem;height:3rem;margin:0 0 0 auto;border:.1rem solid rgba(0,0,0,.12);border-radius:.6rem;background-size:1.6rem}#serviceImprove .sort-wrap .select-wrap select{width:100%;height:100%;padding:0 0 0 2.8rem;background-color:#fff;background-image:url("../img/icon_sort_img.png"),url("../img/icon_sort_arr.png");background-position:center left .8rem,center right .7rem;background-repeat:no-repeat,no-repeat;background-size:1.6rem;border:0;border-radius:.6rem;font-size:1.2rem;font-weight:bold}#serviceImprove .sort-wrap .select-wrap select:active{background-color:#f3eddd}#serviceImprove .etc-info{display:flex;align-items:center;position:relative}#serviceImprove .etc-info dl{display:flex;align-items:center}#serviceImprove .etc-info dl dt{width:1.8rem;height:1.8rem;margin:0 .4rem 0 0;background-size:auto 1.8rem}#serviceImprove .etc-info dl dd{font-size:1.2rem;color:#888}#serviceImprove .etc-info .like dl dt{background-image:url("../img/icon_comment_like.png")}#serviceImprove .etc-info .like dl.on dt{background-position:-1.8rem 0}#serviceImprove .etc-info .commentCount{margin:0 0 0 1.2rem}#serviceImprove .etc-info .commentCount dl dt{background-image:url("../img/icon_comment_commentCount.png")}#serviceImprove .etc-info .edit-wrap{position:absolute;top:0;right:0}#serviceImprove .etc-info .edit-wrap .btn-edit{width:1.8rem;height:1.8rem;background:url("../img/icon_comment_edit_dot.png");background-size:100%;vertical-align:top}#serviceImprove .etc-info .edit-wrap .edit-popup-wrap{display:none;position:absolute;top:2.6rem;right:0;padding:.8rem 1.2rem;background:#fff;box-shadow:0 .2rem .8rem rgba(92,61,0,.12);border-radius:.6rem;z-index:2}#serviceImprove .etc-info .edit-wrap .edit-popup-wrap button{height:2.6rem;padding:0 .4rem;font-weight:bold;color:#888}#serviceImprove .etc-info .edit-wrap .edit-popup-wrap button:last-child{color:#333}#serviceImprove .etc-info .edit-wrap .edit-popup-wrap button+button{margin:1rem 0 0 0}#serviceImprove .etc-info .edit-wrap.on .edit-popup-wrap{display:block}#serviceImprove .write-info{display:flex;align-items:center;color:#888;font-size:1.2rem}#serviceImprove .write-info .bar{margin:0 .5rem;width:.2rem;height:1rem;background:rgba(0,0,0,.08)}#serviceImprove .inputReply-wrap{margin:1.4rem 0 0 0}#serviceImprove .inputReply-wrap textarea{width:100%;height:3.2rem;padding:.7rem .6rem .6rem;border:.1rem solid rgba(0,0,0,.16);border-radius:.2rem;line-height:1.6rem;vertical-align:top}#serviceImprove .inputReply-wrap textarea::placeholder{color:#888}#serviceImprove .inputReply-wrap textarea:focus{border-color:#ff7c00}#serviceImprove .inputReply-wrap textarea.on{height:4.8rem}#serviceImprove .inputReply-wrap textarea.on+.btn-wrap{display:block}#serviceImprove .inputReply-wrap .btn-wrap{display:none;margin:1rem 0 0 0;text-align:right}#serviceImprove .inputReply-wrap .btn-wrap button{height:2.8rem;padding:0 .4rem;font-weight:bold;color:#888}#serviceImprove .inputReply-wrap .btn-wrap button+button{margin:0 0 0 .8rem}#serviceImprove .inputReply-wrap .btn-wrap button:last-child{color:#ff7c00}#serviceImprove .replyList-wrap{margin:1.4rem 0 0 0}#serviceImprove .replyList-wrap .reply-cont{margin:.4rem 0 0 0}#serviceImprove .replyList-wrap .etc-info{margin:.4rem 0 0 0}#serviceImprove .manager-comment-wrap{margin:1.4rem 0 0 0;padding:1.2rem;background:#f6f6f6;border-radius:.2rem}#serviceImprove .manager-comment-wrap .write-info{margin:0 0 .4rem 0 !important}#serviceImprove .comment-showAll-wrap{margin:1.4rem 0 0 0;text-align:right}#serviceImprove .comment-showAll-wrap button{font-weight:bold;color:#888;font-size:1.2rem}#serviceImprove .comment-showAll-wrap button:after{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin:-0.2rem 0 0 0;background-image:url("../img/icon_comment_showAll.png");background-size:100%;vertical-align:middle}#serviceImprove .commentList-wrap .commentBox-wrap{padding:1.4rem 1.6rem;background:#fff;box-shadow:0 .2rem .8rem rgba(92,61,0,.12);border-radius:.6rem}#serviceImprove .commentList-wrap .commentBox-wrap+.commentBox-wrap{margin:.8rem 0 0 0}#serviceImprove .commentList-wrap .commentBox-wrap:last-child{margin-bottom:8rem}#serviceImprove .commentList-wrap .commentBox-wrap .title-wrap{padding:0 0 1.4rem 0;border-bottom:.1rem solid rgba(0,0,0,.08)}#serviceImprove .commentList-wrap .commentBox-wrap .title-wrap .title{font-weight:bold}#serviceImprove .commentList-wrap .commentBox-wrap .title-wrap .title:after{content:"";display:block;clear:both}#serviceImprove .commentList-wrap .commentBox-wrap .title-wrap .title .badge{float:left;height:2rem;margin:.1rem .4rem 0 0;padding:.4rem;border-radius:.4rem;background-color:#ff7c00;color:#fff;font-size:1.2rem;line-height:1}#serviceImprove .commentList-wrap .commentBox-wrap .title-wrap .title p{line-height:2.2rem}#serviceImprove .commentList-wrap .commentBox-wrap .title-wrap .etc-info{margin:1.4rem 0 0 0}#serviceImprove .commentList-wrap .commentBox-wrap .title-wrap .write-info{margin:.4rem 0 0 0}#serviceImprove .commentList-wrap .empty-wrap{display:flex;height:100%;padding:22rem 0 0 0}#serviceImprove .commentList-wrap .empty-wrap p{margin:auto;color:#888}#serviceProposal{display:flex;flex-direction:column;height:100%;padding:1.2rem 1.6rem 0}#serviceProposal .select-wrap select{width:100%;height:4.2rem;padding:0 5.2rem 0 1.4rem;border:.1rem solid rgba(0,0,0,.16);border-radius:.2rem;background:#fff url("../img/icon_selectBox_arr.png") center right 1.4rem no-repeat;background-size:2.4rem;font-size:1.4rem}#serviceProposal .select-wrap select.placeholder{color:#888}#serviceProposal .select-wrap select.placeholder option{color:#333}#serviceProposal .textarea-wrap{flex:1;min-height:0;height:100%;margin:1.2rem 0 2rem}#serviceProposal .textarea-wrap textarea{width:100%;height:100%;padding:1.1rem 1.3rem;border:.1rem solid rgba(0,0,0,.16);border-radius:.2rem;font-size:1.4rem}#serviceProposal .textarea-wrap textarea::placeholder{color:#888}#serviceProposal .btn-wrap{margin:0 -1.6rem}#serviceProposal .btn-wrap button{width:100%;height:6rem;font-size:1.6rem;border-radius:0}#serviceReply{display:flex;flex-direction:column;position:relative;height:100%;background:#fff;z-index:2}#serviceReply .etc-info{display:flex;align-items:center;position:relative}#serviceReply .etc-info dl{display:flex;align-items:center}#serviceReply .etc-info dl dt{width:1.8rem;height:1.8rem;margin:0 .4rem 0 0;background-size:auto 1.8rem}#serviceReply .etc-info dl dd{font-size:1.2rem;color:#888}#serviceReply .etc-info .like dl dt{background-image:url("../img/icon_comment_like.png")}#serviceReply .etc-info .like dl.on dt{background-position:-1.8rem 0}#serviceReply .etc-info .commentCount{margin:0 0 0 1.2rem}#serviceReply .etc-info .commentCount dl dt{background-image:url("../img/icon_comment_commentCount.png")}#serviceReply .etc-info .edit-wrap{position:absolute;top:0;right:0}#serviceReply .etc-info .edit-wrap .btn-edit{width:1.8rem;height:1.8rem;background:url("../img/icon_comment_edit_dot.png");background-size:100%;vertical-align:top}#serviceReply .etc-info .edit-wrap .edit-popup-wrap{display:none;position:absolute;top:2.6rem;right:0;padding:.8rem 1.2rem;background:#fff;box-shadow:0 .2rem .8rem rgba(92,61,0,.12);border-radius:.6rem;z-index:2}#serviceReply .etc-info .edit-wrap .edit-popup-wrap button{height:2.6rem;padding:0 .4rem;font-weight:bold;color:#888}#serviceReply .etc-info .edit-wrap .edit-popup-wrap button:last-child{color:#333}#serviceReply .etc-info .edit-wrap .edit-popup-wrap button+button{margin:1rem 0 0 0}#serviceReply .etc-info .edit-wrap.on .edit-popup-wrap{display:block}#serviceReply .write-info{display:flex;align-items:center;color:#888;font-size:1.2rem}#serviceReply .write-info .bar{margin:0 .5rem;width:.2rem;height:1rem;background:rgba(0,0,0,.08)}#serviceReply .inputReply-wrap{padding:1.2rem 1.6rem;box-shadow:0 .2rem .8rem rgba(92,61,0,.12)}#serviceReply .inputReply-wrap textarea{width:100%;height:4.8rem;padding:.7rem .6rem .6rem;border:.1rem solid rgba(0,0,0,.16);border-radius:.2rem;line-height:1.6rem;vertical-align:top}#serviceReply .inputReply-wrap textarea::placeholder{color:#888}#serviceReply .inputReply-wrap textarea:focus{border-color:#ff7c00}#serviceReply .inputReply-wrap textarea.on{height:8rem}#serviceReply .inputReply-wrap textarea.on+.btn-wrap{display:block}#serviceReply .inputReply-wrap .btn-wrap{display:none;margin:1rem 0 0 0;text-align:right}#serviceReply .inputReply-wrap .btn-wrap button{height:2.8rem;padding:0 .4rem;font-weight:bold;color:#888}#serviceReply .inputReply-wrap .btn-wrap button+button{margin:0 0 0 .8rem}#serviceReply .inputReply-wrap .btn-wrap button:last-child{color:#ff7c00}#serviceReply .replyList-wrap{flex:1;min-height:0;height:100%;padding:1.4rem 1.6rem;overflow:auto}#serviceReply .replyList-wrap .reply-item+.reply-item{margin:1.4rem 0 0 0;padding:1.4rem 0 0 0;border-top:.1rem solid rgba(0,0,0,.08)}#serviceReply .replyList-wrap .reply-item:last-child{margin-bottom:10rem}#serviceReply .replyList-wrap .reply-cont{margin:.4rem 0 0 0}#serviceReply .replyList-wrap .etc-info{margin:.4rem 0 0 0}#serviceReply .replyList-wrap .empty-wrap{display:flex;height:100%;padding:0 0 13rem 0}#serviceReply .replyList-wrap .empty-wrap p{margin:auto;color:#888}#container.onboardingPage{padding:0;background:#fff url("../img/bg_onboarding.png") top center no-repeat;background-size:100% 30rem}.onboarding-wrap{display:flex;flex-direction:column;height:100%}.onboarding-wrap .slide-wrap{flex:1;position:relative;min-height:0;height:100%}.onboarding-wrap .slide-wrap>div{width:100%;height:100%;padding:0 0 1rem 0}.onboarding-wrap .slide-wrap .img-wrap{height:100%;text-align:center}.onboarding-wrap .slide-wrap .img-wrap img{max-height:53.2rem;height:100%}.onboarding-wrap .slide-wrap .swiper-pagination{bottom:0;line-height:0}.onboarding-wrap .slide-wrap .swiper-pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;border-radius:50%;margin:0 .5rem;background:rgba(255,124,0,.2);opacity:1}.onboarding-wrap .slide-wrap .swiper-pagination .swiper-pagination-bullet-active{background:#ff7c00}.onboarding-wrap .btn-wrap{padding:2.2rem 2.4rem 2.4rem}.onboarding-wrap .btn-wrap button{width:100%;height:4.6rem}#setVoiceDifficulty{padding:2rem 1.6rem 0}#setVoiceDifficulty .difficulty-list-wrap ul li{min-height:9.4rem;padding:1.4rem 1.6rem;border-radius:.6rem;background-color:#fff !important;box-shadow:0 .2rem .8rem rgba(92,61,0,.12)}#setVoiceDifficulty .difficulty-list-wrap ul li+li{margin:1rem 0 0 0}#setVoiceDifficulty .difficulty-list-wrap ul li .difficulty-type{font-size:1.8rem;line-height:1.8rem;font-weight:bold}#setVoiceDifficulty .difficulty-list-wrap ul li .desc{margin:.8rem 0 0 0;color:#888;line-height:2rem}#setVoiceDifficulty .difficulty-list-wrap ul li.on{color:#ff7c00;background:url("../img/icon_voice_defficulty_select.png") right 1.6rem center no-repeat;background-size:2.4rem}#setVoiceDifficulty .difficulty-list-wrap ul li.on .desc{color:#ff7c00}#setVoiceDifficulty .btn-wrap{margin:2rem 0 0 0}#setVoiceDifficulty .btn-wrap button{width:100%;height:4.2rem;vertical-align:top}#setAlram{padding:2rem 1.6rem 0}#setAlram .alram-list-wrap ul li{display:flex;padding:1.6rem 1.6rem;border-radius:.6rem;background-color:#fff;box-shadow:0 .2rem .8rem rgba(92,61,0,.12);font-weight:bold;font-size:1.6rem;line-height:2rem}#setAlram .alram-list-wrap ul li .text{display:flex;align-items:center;flex:1;min-width:0;width:100%}#setAlram .alram-list-wrap ul li .btn-alram-toggle{width:4.6rem;height:2.4rem;background-image:url("../img/icon_alram_toggle.png");background-size:auto 2.4rem}#setAlram .alram-list-wrap ul li .btn-alram-toggle.off{background-position:-4.6rem}#setAlram .alram-list-wrap ul li+li{margin:1rem 0 0 0}#setAlram .btn-wrap{margin:2rem 0 0 0}#setAlram .btn-wrap button{width:100%;height:4.2rem;vertical-align:top}#setting{padding:2rem 1.6rem 0}#setting .setting-list-wrap ul li{padding:1.8rem 1.6rem;border-radius:.6rem;background-color:#fff;box-shadow:0 .2rem .8rem rgba(92,61,0,.12);font-weight:bold;font-size:1.6rem;line-height:2rem}#setting .setting-list-wrap ul li+li{margin:1rem 0 0 0}#bookClassContainer .bg-wrap{position:fixed;top:0;left:0;width:100%;height:100%}#bookClassContainer .bg-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}#bookClassContainer .bg-wrap .bg{height:100%;background-size:cover;background-position:center}#bookClassContainer{display:flex;flex-direction:column;height:100%}#bookClassContainer header{display:flex;width:100%;background:rgba(0,0,0,0);z-index:2}#bookClassContainer header button{position:relative;padding:1.6rem}#bookClassContainer header button span{display:block;width:2.4rem;height:2.4rem;background-size:auto 2.4rem;background-repeat:no-repeat}#bookClassContainer header button:active span{background-position:-2.4rem 0}#bookClassContainer header .btn-back{left:0}#bookClassContainer header .btn-back span{background-image:url("../img/icon_header_back.png")}#bookClassContainer header .list-title{width:100%;margin:auto;padding:0 0 0 4.8rem;font-size:1.6rem;line-height:2rem;font-weight:bold}#bookClassContainer header .desc{color:#999;letter-spacing:-0.04em;margin-top:auto;margin-bottom:auto;margin-right:auto}#bookClassContainer header.type2 .btn-back span{background-image:url("../img/icon_header_back_white.png")}#bookClassContainer #bookClassList{flex:1;min-height:0;height:100%;padding:2rem 1.6rem;overflow:auto}#bookClassContainer #bookClassList ul li{display:flex;align-items:center;padding:1.4rem 1.6rem;border-radius:.6rem;background:#fff;box-shadow:0 .2rem .8rem rgba(92,61,0,.12)}#bookClassContainer #bookClassList ul li+li{margin:.8rem 0 0 0}#bookClassContainer #bookClassList ul li .text-wrap{font-size:1.4rem;line-height:1.6rem}#bookClassContainer #bookClassList ul li .text-wrap .top-text{font-weight:bold}#bookClassContainer #bookClassList ul li .text-wrap .btm-text{margin:.4rem 0 0 0;color:#888}#bookClassContainer #bookClassList ul li.complete{padding-right:4.4rem;background:#fff url("../img/bookClass/icon_classList_complete.png") center right 1.6rem no-repeat;background-size:2.4rem}#bookClassContainer #stepSelect{height:100%;padding:7.2rem 2rem 0}#bookClassContainer #stepSelect>.inner{position:relative;height:100%}#bookClassContainer #stepSelect .mission-title-wrap{position:relative}#bookClassContainer #stepSelect .mission-title-wrap .top-text{font-size:2.2rem;line-height:3rem;color:#ff7c00;font-weight:bold}#bookClassContainer #stepSelect .mission-title-wrap .btm-text{margin:.4rem 0 0 0;color:#fff;font-size:1.4rem;line-height:2rem}#bookClassContainer #stepSelect .step-select-wrap{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);font-size:1.6rem;text-align:center}#bookClassContainer #stepSelect .step-select-wrap .title{margin:0 0 .8rem 0;font-size:1.4rem;line-height:1.6rem;color:#fff}#bookClassContainer #stepSelect .step-select-wrap .step-list{padding:0 1.2rem}#bookClassContainer #stepSelect .step-select-wrap .step-list ul li{display:flex;align-items:center;justify-content:center;position:relative;height:5.2rem;border-radius:2.6rem;background-color:#fff;background-repeat:no-repeat;font-size:1.6rem;font-weight:bold;color:#f90}#bookClassContainer #stepSelect .step-select-wrap .step-list ul li:after{content:"";position:absolute;top:50%;right:1.4rem;width:2.4rem;height:2.4rem;background:url("../img/bookClass/icon_step_select_list_arr.png");background-size:100%;transform:translateY(-50%)}#bookClassContainer #stepSelect .step-select-wrap .step-list ul li+li{margin:2.4rem 0 0 0}#bookClassContainer #stepSelect .step-select-wrap .step-list ul li+li:before{content:"";position:absolute;top:-1.6rem;left:50%;width:1.8rem;height:.8rem;margin:0 0 0 -0.9rem;background:url("../img/bookClass/icon_step_select_progress_arr.png");background-size:100%;filter:drop-shadow(0 0.4rem 0.4rem rgba(0, 0, 0, 0.2))}#bookClassContainer #stepSelect .step-select-wrap .step-list ul li.complete{background-image:url("../img/bookClass/icon_classList_complete.png");background-position:center left 1.4rem;background-size:2.4rem}#bookClassContainer #btmMenu{position:absolute;bottom:1.6rem;left:1.6rem;z-index:3}#bookClassContainer #btmMenu .btn-menuOpen{width:4rem;height:4rem;border-radius:50%;background:#ff7c00 url("../img/bookClass/icon_btmMenu_open_home.png") center no-repeat;background-size:2.4rem;box-shadow:0 .8rem .8rem rgba(0,0,0,.12),0 0 .4rem rgba(0,0,0,.12);vertical-align:top}#bookClassContainer #btmMenu .menu-wrap{display:none;position:absolute;bottom:0;left:0;z-index:4;text-align:left}.dimm.on{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:3}#bookClassContainer #btmMenu .menu-wrap button{display:block;margin:0 auto 0 0;padding:0 2rem 0 .8rem;background:#fff;border-radius:2rem;height:4rem;white-space:nowrap;line-height:4rem;box-shadow:0 .8rem .8rem rgba(0,0,0,.12),0 0 .4rem rgba(0,0,0,.12)}#bookClassContainer #btmMenu .menu-wrap button+button{margin-top:1.6rem}#bookClassContainer #btmMenu .menu-wrap button:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .4rem 0 0;background-size:100%;vertical-align:middle}#bookClassContainer #btmMenu .menu-wrap button.btn-levelList:before{background-image:url("../img/bookClass/icon_btmMenu_levelList.png")}#bookClassContainer #btmMenu .menu-wrap button.btn-step:before{background-image:url("../img/bookClass/icon_btmMenu_step.png")}#bookClassContainer #btmMenu .menu-wrap button.btn-home:before{background-image:url("../img/bookClass/icon_btmMenu_home.png")}#bookClassContainer #btmMenu .menu-wrap button.btn-menuClose{width:4rem;height:4rem;padding:0;background:#333 url("../img/bookClass/icon_btmMenu_close.png") center no-repeat;background-size:2.4rem;box-shadow:0 .8rem .8rem rgba(0,0,0,.12),0 0 .4rem rgba(0,0,0,.12)}#bookClassContainer #btmMenu .menu-wrap button.btn-menuClose:before{content:none}#bookClassContainer #btmMenu.open .btn-menuOpen{display:none}#bookClassContainer #btmMenu.open .menu-wrap{display:block}#bookClassContainer #btmMenu.type2{bottom:7.2rem}#bookClassContainer #learning-skip{position:absolute;bottom:2.4rem;left:50%;transform:translateX(-50%)}#bookClassContainer #learning-skip button{height:3.6rem;padding:0 .6rem 0 1rem;border:.2rem solid #fff;border-radius:.6rem;background:rgba(0,0,0,.3);color:#fff;font-weight:bold;line-height:3.2rem}#bookClassContainer #learning-skip button:after{content:"";display:inline-block;margin:-0.2rem 0 0 .2rem;width:2rem;height:2rem;background:url("../img/bookClass/icon_learning_skip_arr.png");background-size:100%;vertical-align:middle}#bookClassContainer .contents-wrap>*{display:flex;flex-direction:column;height:100%}#bookClassContainer .learning-cont-wrap{flex:1;min-height:0;height:100%;padding:1.2rem 1.6rem 7.2rem;overflow:auto}#bookClassContainer .learning-footer-wrap{height:5.6rem;background:#fff;box-shadow:0 0 .4rem rgba(0,29,74,.04),0 .8rem 2.4rem rgba(0,29,74,.16)}#bookClassContainer .learning-footer-wrap .inner{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;height:100%;font-size:1.4rem;line-height:2.4rem;padding:0 1.6rem;color:#666}#bookClassContainer .learning-footer-wrap div[class*=state]{padding:0 0 0 2.8rem;background-repeat:no-repeat;background-size:2.4rem}#bookClassContainer .learning-footer-wrap .state-speak{background-image:url("../img/bookClass/icon_footer_speak.png")}#bookClassContainer .learning-footer-wrap .state-listen{background-image:url("../img/bookClass/icon_footer_listen.png")}#bookClassContainer .learning-footer-wrap .btn-pause{position:absolute;top:50%;left:50%;width:13.2rem;height:4rem;border-radius:2rem;background:#ff7c00;font-size:1.6rem;font-weight:bold;color:#fff;transform:translate(-50%, -50%)}#bookClassContainer .learning-footer-wrap .btn-pause:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .8rem 0 0;background-image:url("../img/bookClass/icon_footer_pause.png");background-size:100%;vertical-align:middle}#bookClassContainer .learning-footer-wrap .btn-next{position:absolute;top:50%;right:1.6rem;font-weight:bold;color:#ff7c00;transform:translateY(-50%)}#bookClassContainer .learning-footer-wrap .btn-next:after{content:"";display:inline-block;width:.7rem;height:1.2rem;margin:-0.2rem 0 0 .6rem;background-image:url("../img/bookClass/icon_footer_next.png");vertical-align:middle;background-size:100%}#bookClassContainer .learning-footer-wrap .time{color:#888}#bookClassContainer .learning-footer-wrap .voice-wave{display:flex;position:absolute;top:50%;left:50%;height:4rem;padding:0 2rem;border-radius:2rem;transform:translate(-50%, -50%);align-items:center}#bookClassContainer .learning-footer-wrap .voice-wave ul{display:flex;align-items:center;width:100%;height:100%}#bookClassContainer .learning-footer-wrap .voice-wave ul li+li{margin:0 0 0 .4rem}#bookClassContainer .learning-footer-wrap .voice-wave ul li .dot{width:.4rem;height:.4rem;max-height:2rem;border-radius:.4rem;background:#ff7c00;transition:height .7s}#bookClassContainer .learning-footer-wrap .voice-wave ul.wave li .dot{animation:waveAnimation 1s infinite;animation-timing-function:linear}#bookClassContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(1) .dot{animation-delay:0s}#bookClassContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(2) .dot{animation-delay:.4s}#bookClassContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(3) .dot{animation-delay:.8s}#bookClassContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(4) .dot{animation-delay:.6s}#bookClassContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(5) .dot{animation-delay:.2s}#bookClassContainer .learning-footer-wrap .voice-wave p{display:none}#bookClassContainer .learning-footer-wrap .voice-wave.disable ul li .dot{background:rgba(0,0,0,.16) !important}#bookClassContainer .learning-footer-wrap .voice-wave.complete{background:#ff7c00}#bookClassContainer .learning-footer-wrap .voice-wave.complete ul li .dot{background:#fff}#bookClassContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(1) .dot{height:1.2rem}#bookClassContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(2) .dot{height:2.4rem}#bookClassContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(3) .dot{height:1.6rem}#bookClassContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(4) .dot{height:2rem}#bookClassContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(5) .dot{height:.8rem}#bookClassContainer .learning-footer-wrap .voice-wave.complete p{display:block;font-size:1.6rem;margin:0 0 0 2.4rem;color:#fff;font-weight:bold}#bookClassContainer .learning-footer-wrap .time-progress-wrap{position:absolute;bottom:5.4rem;right:0;width:100%;height:.4rem;background:rgba(0,0,0,.08)}#bookClassContainer .learning-footer-wrap .time-progress-wrap .bg{height:100%;margin:0 0 0 auto;background:#ff7c00;transition:width .1s}#bookClassContainer .learning-footer-wrap .time-bar .time-progress-wrap{position:absolute;left:0;bottom:0;width:100%;height:.4rem;background:#ddd}#bookClassContainer .learning-footer-wrap .time-bar .time-progress-wrap .bg{position:absolute;top:0;right:0;height:100%;background:linear-gradient(to left, #f2c12e, #f7af23)}#bookClassContainer .learning-footer-wrap .btn-set{margin:auto}#bookClassContainer .learning-footer-wrap .btn-set button{height:3rem;padding:0 1.2rem;font-size:1.2rem}#bookClassContainer .learning-footer-wrap .btn-set button:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .4rem 0 0;background-image:url("../img/bookClass/icon_retry.png");background-size:100%;vertical-align:middle}#bookClassContainer .learning-footer-wrap .btn-set button+button{margin:0 0 0 .8rem}@keyframes waveAnimation{0%{height:.4rem}60%{height:2.4rem}100%{height:.4rem}}#bookClassContainer #listeningPreview .learning-cont-wrap ul li{display:flex;align-items:center;padding:1.2rem}#bookClassContainer #listeningPreview .learning-cont-wrap ul li+li{margin:.8rem 0 0 0}#bookClassContainer #listeningPreview .learning-cont-wrap ul li .text-wrap{flex:1;min-width:0;width:100%}#bookClassContainer #listeningPreview .learning-cont-wrap ul li .btm-text{display:none;margin:.8rem 0 0 0;font-size:1.2rem;line-height:1.8rem;color:#888}#bookClassContainer #listeningPreview .learning-cont-wrap ul li .btn-speak{display:none;width:4rem;height:4rem;margin:0 0 0 1.2rem;border-radius:.8rem;background-color:#3b3fb5;background-image:url("../img/bookClass/icon_listeningPreview_speak.png");background-size:2.4rem;background-position:center;background-repeat:no-repeat}#bookClassContainer #listeningPreview .learning-cont-wrap ul li .btn-speak.disabled{background-color:#ccc}#bookClassContainer #listeningPreview .learning-cont-wrap ul li .btn-listen.played{background-color:#3b3fb5}#bookClassContainer #listeningPreview .learning-cont-wrap ul li .btn-listen{display:none;width:4rem;height:4rem;margin:0 0 0 1.2rem;border-radius:.8rem;background-color:#ff7c00;background-image:url("../img/bookClass/icon_listeningPreview_listen.png");background-size:2.4rem;background-position:center;background-repeat:no-repeat}#bookClassContainer #listeningPreview .learning-cont-wrap ul li.on{background:#fff;border-radius:.8rem;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.12)}#bookClassContainer #listeningPreview .learning-cont-wrap ul li.on .text-wrap b{font-weight:bold}#bookClassContainer #listeningPreview .learning-cont-wrap ul li.on .btn-speak{background-color:#ffa800}#bookClassContainer #listeningPreview .learning-cont-wrap ul li.on .btn-listen{background-color:#ffa800}#bookClassContainer #listeningPreview .learning-cont-wrap ul.complete.shadowing{height:100%;overflow:scroll;overscroll-behavior-y:none;-webkit-overflow-scrolling:auto}#bookClassContainer #listeningPreview .learning-cont-wrap ul.complete .btn-speak{display:block}#bookClassContainer #listeningPreview .learning-cont-wrap ul.complete .btn-listen{display:block}#bookClassContainer #listeningPreview .learning-cont-wrap ul.complete li.on .text-wrap .btm-text{display:none}#bookClassContainer #patternPractice .learning-cont-wrap ul li{display:flex;align-items:center;padding:1.2rem}#bookClassContainer #patternPractice .learning-cont-wrap ul li+li{margin:.8rem 0 0 0}#bookClassContainer #patternPractice .learning-cont-wrap ul li .text-wrap{flex:1;min-width:0;width:100%}#bookClassContainer #patternPractice .learning-cont-wrap ul li .text-wrap p{font-size:2rem;line-height:2.8rem}#bookClassContainer #patternPractice .learning-cont-wrap ul li .btn-speak{display:none;width:4rem;height:4rem;margin:0 0 0 1.2rem;border-radius:.8rem;background-color:#ff7c00;background-image:url("../img/bookClass/icon_listeningPreview_speak.png");background-size:2.4rem;background-position:center;background-repeat:no-repeat}#bookClassContainer #patternPractice .learning-cont-wrap ul li .btn-listen{display:none;width:4rem;height:4rem;margin:0 0 0 1.2rem;border-radius:.8rem;background-color:#ff7c00;background-image:url("../img/bookClass/icon_listeningPreview_listen.png");background-size:2.4rem;background-position:center;background-repeat:no-repeat}#bookClassContainer #patternPractice .learning-cont-wrap ul li.on{background:#fff;border-radius:.8rem;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.12)}#bookClassContainer #patternPractice .learning-cont-wrap ul li.on .btn-speak{background-color:#ffa800}#bookClassContainer #patternPractice .learning-cont-wrap ul li.on .btn-listen{background-color:#ffa800}#bookClassContainer #patternPractice .learning-cont-wrap ul.complete .btn-speak{display:block}#bookClassContainer #patternPractice .learning-cont-wrap ul.complete .btn-listen{display:block}#bookClassContainer #speakingPractice .learning-cont-wrap{display:flex;position:relative;height:100%;padding:0 1.6rem}#bookClassContainer #speakingPractice .learning-cont-wrap .q-text{width:100%;margin:auto;padding:0 1.6rem}#bookClassContainer #speakingPractice .learning-cont-wrap .q-text p{font-size:3.6rem;line-height:4.8rem}#bookClassContainer #speakingPractice .learning-cont-wrap .count-text{position:absolute;bottom:3.2rem;left:0;width:100%;overflow:hidden}#bookClassContainer #speakingPractice .learning-cont-wrap .count-text span{display:block;font-size:6.4rem;line-height:6.4rem;text-align:center;color:#ff7c00}#bookClassContainer #speakingPractice .learning-cont-wrap .speak-result-wrap{width:100%;padding:4.8rem 0 0 0}#bookClassContainer #speakingPractice .learning-cont-wrap .speak-result-wrap>div+div{margin:4.8rem 0 0 0}#bookClassContainer #speakingPractice .learning-cont-wrap .speak-result-wrap span{display:block;font-size:1.6rem;line-height:1.6rem;color:#888;font-weight:bold}#bookClassContainer #speakingPractice .learning-cont-wrap .speak-result-wrap p{margin:.8rem 0 0 0;font-size:2.8rem;line-height:3.6rem;font-weight:bold}#bookClassContainer #speakingPractice .learning-cont-wrap .speak-result-wrap .result-answer p{color:#3aa}#bookClassContainer #speakingPractice .learning-cont-wrap .speak-result-wrap .result-speak p{color:#ff7c00}#bookClassContainer #speakingPractice .btm-score-wrap{position:fixed;bottom:-30rem;left:0;width:100%;padding:3.2rem 2.4rem 2.4rem;border-radius:2.4rem 2.4rem 0 0;background:#fff;box-shadow:0 0 3.2rem rgba(0,0,0,.12);text-align:center;transition:bottom .3s;transition-timing-function:linear;z-index:4}#bookClassContainer #speakingPractice .btm-score-wrap.on{bottom:0}#bookClassContainer #speakingPractice .btm-score-wrap .title{margin:0 0 1.6rem 0;font-weight:bold}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap{display:flex;align-items:center;justify-content:center}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .score-wrap{width:11.4rem;margin:0 1.6rem}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .score-wrap span{display:block}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .score-wrap strong{display:block;font-size:2.4rem;line-height:3rem;color:#3aa}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .listen-btn-wrap{text-align:center}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .listen-btn-wrap button{vertical-align:top}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .listen-btn-wrap button .icon{width:3.6rem;height:3.6rem;margin:0 auto;background-size:100%}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .listen-btn-wrap button.btn-modelAnswer .icon{background-image:url("../img/bookClass/icon_btm_score_answer_model.png")}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .listen-btn-wrap button.btn-myAnswer .icon{background-image:url("../img/bookClass/icon_btm_score_answer_my.png")}#bookClassContainer #speakingPractice .btm-score-wrap .score-mid-wrap .listen-btn-wrap button p{margin:.2rem 0 0 0;font-size:1.2rem;line-height:2rem;font-weight:bold}#bookClassContainer #speakingPractice .btm-score-wrap .btm-btn-wrap{display:flex;margin:2.4rem 0 0 0}#bookClassContainer #speakingPractice .btm-score-wrap .btm-btn-wrap button{flex:1;height:4.6rem;font-weight:bold;line-height:4.4rem}#bookClassContainer #speakingPractice .btm-score-wrap .btm-btn-wrap button:last-child{margin:0 0 0 .8rem}#bookClassContainer #invoke-wrap{position:relative;padding:0 1.6rem 1.6rem;z-index:2}#bookClassContainer #invoke-wrap .inner{height:6.2rem}#bookClassContainer #invoke-wrap ul{display:flex;align-items:center;justify-content:center;position:relative;height:100%}#bookClassContainer #invoke-wrap .dot{animation-timing-function:ease-in-out;animation-duration:.6s;animation-iteration-count:infinite;overflow:hidden;transition:all .3s}#bookClassContainer #invoke-wrap .dot1{width:.6rem;height:.6rem;max-height:1rem;margin:0 .3rem;border-radius:.6rem;background:#fb9b0a;transform:scale(0)}#bookClassContainer #invoke-wrap .dot2{width:.6rem;height:.6rem;max-height:1.6rem;margin:0 .3rem;border-radius:.6rem;background:#fb9b0a;transform:scale(0)}#bookClassContainer #invoke-wrap .dot3{width:1.4rem;height:1.4rem;max-height:2.6rem;margin:0 .3rem;border:.2rem solid #ccc;border-radius:1.4rem}#bookClassContainer #invoke-wrap .ready .dot1,#bookClassContainer #invoke-wrap .ready .dot2{transform:scale(1)}#bookClassContainer #invoke-wrap .ready .dot3{width:1.4rem;height:1.4rem;border-color:#fb9b0a}#bookClassContainer #invoke-wrap .talking .dot1{animation-name:invoke_talk_dot1}#bookClassContainer #invoke-wrap .talking .dot2{animation-name:invoke_talk_dot2;animation-delay:.2s}#bookClassContainer #invoke-wrap .talking .dot3{animation-name:invoke_talk_dot3;animation-delay:.3s}#bookClassContainer #invoke-wrap li:not(.dot){position:absolute;margin:0}#bookClassContainer #invoke-wrap li:not(.dot)>*{width:100%;height:100%;background-size:100%;transition:all .6s}#bookClassContainer #invoke-wrap .loading-li .loading-icon{width:3.2rem;height:3.2rem;background-image:url("../img/bookClass/icon_invoke_loading.gif");transform:scale(0)}#bookClassContainer #invoke-wrap .loading .dot{transform:scale(0)}#bookClassContainer #invoke-wrap .loading .loading-icon{transform:scale(1)}#bookClassContainer #invoke-wrap .waiting-li .waiting-icon{width:4.8rem;height:4.8rem;background:#fb9b0a url("../img/bookClass/icon_invoke_wait_mic.png") center no-repeat;background-size:3.2rem;border-radius:50%;box-shadow:0 .4rem 1.2rem rgba(251,155,10,.48);transform:scale(0)}#bookClassContainer #invoke-wrap .waiting .dot{transform:scale(0)}#bookClassContainer #invoke-wrap .waiting .waiting-li .waiting-icon{transform:scale(1)}#bookClassContainer #invoke-wrap .more-li{display:none;width:100%;text-align:center}#bookClassContainer #invoke-wrap .more-li img{width:9.2rem;height:4.2rem}#bookClassContainer #invoke-wrap .more-li p{position:absolute;width:100%;height:auto;bottom:-1.6rem;left:0;font-size:1.2rem;line-height:2rem;letter-spacing:-0.04em;color:#999}#bookClassContainer #invoke-wrap .more .dot{transform:scale(0)}#bookClassContainer #invoke-wrap .more .more-li{display:block}#bookClassContainer #invoke-wrap .imListening{position:absolute;bottom:3.2rem;left:0;width:100%;text-align:center;color:#f90}@keyframes invoke_talk_dot1{0%{height:.6rem}30%{height:.8rem}60%{height:1rem}100%{height:.6rem}}@keyframes invoke_talk_dot2{0%{height:.6rem}30%{height:1rem}60%{height:1.6rem}100%{height:.6rem}}@keyframes invoke_talk_dot3{0%{height:1.4rem}30%{height:1.8rem}60%{height:2.6rem}100%{height:1.4rem}}@keyframes invoke_talk_dot_org2{100%{height:1.8rem}}#bookClassContainer #dialoguePractice{position:fixed;z-index:1}#bookClassContainer #dialoguePractice .bg-wrap{z-index:-1}#bookClassContainer #dialoguePractice #invoke-wrap{width:100%;padding-bottom:6.4rem}#bookClassContainer #dialoguePractice .main-sentence{position:relative;padding:0 2rem}#bookClassContainer #dialoguePractice .main-sentence p{font-size:0}#bookClassContainer #dialoguePractice .main-sentence p span{display:inline-block;padding:0 .4rem 0 0;border-bottom:1px solid rgba(0,0,0,0);vertical-align:middle;color:#fff;font-size:2.2rem;line-height:2.9rem}#bookClassContainer #dialoguePractice .main-sentence p span:last-child{padding:0}#bookClassContainer #dialoguePractice .main-sentence p.fadeInRightText span{animation:fadeInRight .5s both}#bookClassContainer #dialoguePractice .guide-text-wrap{margin:3.2rem 0 4.2rem;text-align:center}#bookClassContainer #dialoguePractice .guide-text-wrap .inner{opacity:0;padding:0 1rem}#bookClassContainer #dialoguePractice .guide-text-wrap p{font-size:1.4rem;line-height:2.4rem;color:rgba(255,255,255,.8)}#bookClassContainer #dialoguePractice .guide-text-wrap p.hint{color:#f90}#bookClassContainer #dialoguePractice div[class*=fade]{animation-fill-mode:both;animation-timing-function:ease}#bookClassContainer #dialoguePractice .fadeIn{animation:fadeIn .6s;opacity:1}#bookClassContainer #dialoguePractice .fadeInUp{animation:fadeInUp .6s}#bookClassContainer #dialoguePractice .fadeOut{animation:fadeOut .6s}#bookClassContainer .contents-wrap #dialoguePractice.type-learning{display:flex;width:100%;justify-content:center}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1rem)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-1rem)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(1rem)}100%{opacity:1;transform:translateX(0)}}#bookClassContainer #dialogueReview .slide-title{margin:0 0 .4rem;font-size:2.8rem;line-height:2.8rem;text-align:center;font-weight:bold}#bookClassContainer #dialogueReview .review-slide-wrap{display:flex;flex-direction:column;justify-content:center;position:relative;flex:1;min-height:0}#bookClassContainer #dialogueReview .review-slide-wrap .swiper-container{width:100%;padding:2rem 1.2rem 0}#bookClassContainer #dialogueReview .review-slide-wrap .swiper-wrapper{padding:0 0 2rem 0}#bookClassContainer #dialogueReview .review-slide-wrap .function-slide-pagination{position:absolute;bottom:0;left:0;width:100%;height:.4rem;line-height:.4rem;text-align:center}#bookClassContainer #dialogueReview .review-slide-wrap .function-slide-pagination .swiper-pagination-bullet{width:2.8rem;height:.4rem;margin:0 .2rem;border-radius:.4rem;background:rgba(255,124,0,.24);vertical-align:top;opacity:1}#bookClassContainer #dialogueReview .review-slide-wrap .function-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f90}#bookClassContainer #dialogueReview .review-slide-wrap .swipeItem-box{position:relative;height:38.4rem;padding:1.8rem;box-shadow:0 .6rem 1.4rem rgba(0,0,0,.4);background:#fff;border-radius:1.6rem;overflow:auto}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap{width:100%;text-align:left;word-break:keep-all;font-size:1.4rem;line-height:1.6rem}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap{position:relative}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap+.box-wrap{margin:1.6rem 0 0 0}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap .box{display:flex;flex-direction:column;justify-content:center;position:relative;padding:1.4rem;border-radius:.4rem;background:#ccc}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap .box .text-wrap{line-height:1.6rem}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap .box .text-wrap .top-text{font-size:1.4rem;line-height:1.6rem;font-weight:bold}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap .box .text-wrap .btm-text{margin:1.2rem 0 0 0;font-size:1.2rem}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap .box:after{content:"";position:absolute;bottom:0;width:1.2rem;height:2.4rem;background-repeat:no-repeat;background-size:100%}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap .badge{display:flex;justify-content:center;position:absolute;bottom:0;width:3.6rem;line-height:3.6rem;border-radius:50%;background:#ccc;font-weight:bold}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-my{padding:0 4.8rem 0 0}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-my .box{background:#fff5db}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-my .box .text-wrap .btm-text{margin:.4rem 0 0 0;color:#ff7c00;font-size:1.4rem;font-weight:bold}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-my .box:after{right:-1.2rem;background-image:url("../img/bookClass/img_step_box_tail.png")}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-my .badge{right:0;background:#f8e4b0}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-ai{padding:0 0 0 4.8rem}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-ai .box{background:#edf2f3}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-ai .box:after{left:-1.2rem;background-image:url("../img/bookClass/img_step_box_tail2.png")}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-ai .badge{left:0;background:#d7e2e2}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-answer{padding:0 4.8rem 0 0}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-answer .box{background:#2fc8c8}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-answer .box:after{right:-1.2rem;background-image:url("../img/bookClass/img_step_box_tail3.png")}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .box-wrap.turn-answer .badge{right:0;background:#3aa;color:#fff}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .guide-text{margin:1.2rem 0 0 0}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .guide-text p{font-size:1.2rem;line-height:1.6rem;font-weight:normal}#bookClassContainer #dialogueReview .review-slide-wrap .step-guide-wrap .complete-text-wrap{margin:6.4rem 0 0 0;text-align:center;font-size:1.2rem;line-height:1.6rem}#bookClassContainer #dialogueReview .footer-btn-wrap{display:flex;align-items:center;padding:0 2.4rem 2.4rem}#bookClassContainer #dialogueReview .footer-btn-wrap button{flex:1;height:4.6rem}#bookClassContainer #dialogueReview .footer-btn-wrap button+button{margin:0 0 0 .8rem}#textBookContainer{display:flex;flex-direction:column;position:relative;height:100%;padding:5.6rem 0 0 0;z-index:1}#textBookContainer .contents-wrap>*{display:flex;flex-direction:column;height:100%}#textBookContainer .bg-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#textBookContainer .bg-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}#textBookContainer .bg-wrap .bg{height:100%;background-size:cover;background-position:center}#textBookContainer .turn-wrap{margin:0 0 1rem 0;text-align:right;color:#777}#textBookContainer .turn-wrap strong{font-size:1.8rem}#textBookContainer header{display:flex;position:absolute;top:0;left:0;width:100%;height:5.6rem;background:#fff;box-shadow:0 .4rem .8rem rgba(0,0,0,.06);z-index:2}#textBookContainer header button{position:absolute;top:0;padding:1.6rem;z-index:2}#textBookContainer header button span{display:block;width:2.4rem;height:2.4rem;background-size:auto 2.4rem;background-repeat:no-repeat}#textBookContainer header button:active span{background-position:-2.4rem 0}#textBookContainer header .btn-back{left:0}#textBookContainer header .btn-back span{background-image:url("../img/icon_header_back.png")}#textBookContainer header .list-title{width:100%;margin:auto;padding:0 0 0 4.8rem;font-size:1.6rem;line-height:2rem;font-weight:bold}#textBookContainer header .desc{width:100%;margin:auto;padding:0 0 0 5.4rem}#textBookContainer header .translate-wrap{display:flex;align-items:center;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}#textBookContainer header .translate-wrap p{margin:0 .4rem 0 0;font-size:1.2rem;color:#888}#textBookContainer header .translate-wrap .btn-translate{position:static;width:4.6rem;height:2.4rem;background-image:url("../img/textBook/icon_translate.png");background-size:auto 2.4rem;padding:0}#textBookContainer header .translate-wrap .btn-translate.off{background-position:-4.6rem 0}#textBookContainer header.type2{box-shadow:none;background:rgba(0,0,0,0)}#textBookContainer header.type2 .btn-back span{background-image:url("../img/icon_header_back_white.png")}#textBookContainer #stepSelect{display:flex;justify-content:center;height:100%;text-align:center;padding:0 0 10rem 0}#textBookContainer #stepSelect>.inner{width:100%;padding:0 2.8rem}#textBookContainer #stepSelect .mission-title-wrap{margin:0 0 3.2rem 0}#textBookContainer #stepSelect .mission-title-wrap .top-text{margin:0 0 .8rem 0;font-size:1.6rem;color:rgba(255,255,255,.6)}#textBookContainer #stepSelect .mission-title-wrap .btm-text{font-size:2.4rem;line-height:2.8rem;color:#fff;letter-spacing:-0.04em}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-nav-wrap ul{display:flex;align-items:center;overflow:hidden}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-nav-wrap ul li{flex:1;min-width:0;width:100%;color:#fff;font-size:1.6rem;border:.2rem solid #ff7c00;border-right-width:0;border-radius:.8rem 0 0 .8rem;text-align:center;line-height:3.8rem;background:rgba(0,0,0,.6)}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-nav-wrap ul li+li{border-left:0;border-radius:0}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-nav-wrap ul li:last-child{border-right-width:.2rem;border-radius:0 .8rem .8rem 0}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-nav-wrap ul li.on{background-color:#ff7c00}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-nav-wrap ul li.recommend:before{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin:-0.2rem .4rem 0 0;background:url("../img/textBook/icon_step_select_recommend.png");background-size:100%;vertical-align:middle}#textBookContainer #stepSelect .learning-type-tab-wrap .select-title-wrap{margin:2.4rem 0 0 0}#textBookContainer #stepSelect .learning-type-tab-wrap .select-title-wrap .title{color:#fff}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-cont-wrap{margin:1.2rem 0 0 0}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-cont{display:none}#textBookContainer #stepSelect .learning-type-tab-wrap .tab-cont.on{display:block}#textBookContainer #stepSelect .learning-type-tab-wrap .step-select-wrap{font-size:1.6rem;text-align:center}#textBookContainer #stepSelect .learning-type-tab-wrap .step-select-wrap .title{margin:0 0 .8rem 0;font-size:1.4rem;line-height:1.6rem;color:#fff}#textBookContainer #stepSelect .learning-type-tab-wrap .step-select-wrap .step-list{padding:0 1.2rem}#textBookContainer #stepSelect .learning-type-tab-wrap .step-select-wrap .step-list ul li{display:flex;align-items:center;justify-content:center;position:relative;height:5.2rem;border-radius:2.6rem;background-color:#fff;background-repeat:no-repeat;font-size:1.6rem;font-weight:bold;color:#f90}#textBookContainer #stepSelect .learning-type-tab-wrap .step-select-wrap .step-list ul li:after{content:"";position:absolute;top:50%;right:1.4rem;width:2.4rem;height:2.4rem;background:url("../img/textBook/icon_step_select_list_arr.png");background-size:100%;transform:translateY(-50%)}#textBookContainer #stepSelect .learning-type-tab-wrap .step-select-wrap .step-list ul li+li{margin:2.4rem 0 0 0}#textBookContainer #stepSelect .learning-type-tab-wrap .step-select-wrap .step-list ul li+li:before{content:"";position:absolute;top:-1.6rem;left:50%;width:1.8rem;height:.8rem;margin:0 0 0 -0.9rem;background:url("../img/textBook/icon_step_select_progress_arr.png");background-size:100%;filter:drop-shadow(0 0.4rem 0.4rem rgba(0, 0, 0, 0.2))}#textBookContainer #stepSelect .learning-type-tab-wrap .step-select-wrap .step-list ul li.complete{background-image:url("../img/textBook/icon_classList_complete.png");background-position:center left 1.4rem;background-size:2.4rem}#textBookContainer .learning-cont-wrap{flex:1;position:relative;min-height:0;height:100%;padding:1.2rem 1.6rem;overflow:auto}#textBookContainer .learning-footer-wrap{height:5.6rem;background:#fff;box-shadow:0 0 .4rem rgba(0,29,74,.04),0 .8rem 2.4rem rgba(0,29,74,.16)}#textBookContainer .learning-footer-wrap .inner{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;height:100%;font-size:1.4rem;line-height:2.4rem;padding:0 1.6rem;color:#666;z-index:1}#textBookContainer .learning-footer-wrap div[class*=state]{padding:0 0 0 2.8rem;background-repeat:no-repeat;background-size:2.4rem;color:#888}#textBookContainer .learning-footer-wrap .state-speak{background-image:url("../img/textBook/icon_footer_speak.png")}#textBookContainer .learning-footer-wrap .state-listen{background-image:url("../img/textBook/icon_footer_listen.png")}#textBookContainer .learning-footer-wrap .state-tap{background-image:url("../img/textBook/icon_footer_tap.png")}#textBookContainer .learning-footer-wrap .btn-pause{position:absolute;top:50%;left:50%;width:13.2rem;height:3.6rem;border-radius:2rem;background:#ff7c00;font-size:1.6rem;font-weight:bold;color:#fff;transform:translate(-50%, -50%)}#textBookContainer .learning-footer-wrap .btn-pause:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .8rem 0 0;background-image:url("../img/textBook/icon_footer_pause.png");background-size:100%;vertical-align:middle}#textBookContainer .learning-footer-wrap .btn-next{position:absolute;top:50%;right:1.6rem;font-weight:bold;color:#ff7c00;transform:translateY(-50%)}#textBookContainer .learning-footer-wrap .btn-next:after{content:"";display:inline-block;width:.7rem;height:1.2rem;margin:-0.2rem 0 0 .6rem;background-image:url("../img/textBook/icon_footer_next.png");vertical-align:middle;background-size:100%}#textBookContainer .learning-footer-wrap .time{color:#888}#textBookContainer .learning-footer-wrap .voice-wave{display:flex;position:absolute;top:50%;left:50%;height:4rem;padding:0 2rem;border-radius:2rem;transform:translate(-50%, -50%);align-items:center}#textBookContainer .learning-footer-wrap .voice-wave ul{display:flex;align-items:center;width:100%;height:100%}#textBookContainer .learning-footer-wrap .voice-wave ul li+li{margin:0 0 0 .4rem}#textBookContainer .learning-footer-wrap .voice-wave ul li .dot{width:.4rem;height:.4rem;max-height:2rem;border-radius:.4rem;background:#ff7c00;transition:height .7s}#textBookContainer .learning-footer-wrap .voice-wave ul.wave li .dot{animation:waveAnimation 1s infinite;animation-timing-function:linear}#textBookContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(1) .dot{animation-delay:0s}#textBookContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(2) .dot{animation-delay:.4s}#textBookContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(3) .dot{animation-delay:.8s}#textBookContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(4) .dot{animation-delay:.6s}#textBookContainer .learning-footer-wrap .voice-wave ul.wave li:nth-child(5) .dot{animation-delay:.2s}#textBookContainer .learning-footer-wrap .voice-wave p{display:none}#textBookContainer .learning-footer-wrap .voice-wave.disable ul li .dot{background:rgba(0,0,0,.16) !important}#textBookContainer .learning-footer-wrap .voice-wave.complete{background:#ff7c00}#textBookContainer .learning-footer-wrap .voice-wave.complete ul li .dot{background:#fff}#textBookContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(1) .dot{height:1.2rem}#textBookContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(2) .dot{height:2.4rem}#textBookContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(3) .dot{height:1.6rem}#textBookContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(4) .dot{height:2rem}#textBookContainer .learning-footer-wrap .voice-wave.complete ul li:nth-child(5) .dot{height:.8rem}#textBookContainer .learning-footer-wrap .voice-wave.complete p{display:block;font-size:1.6rem;margin:0 0 0 2.4rem;color:#fff;font-weight:bold}#textBookContainer .learning-footer-wrap .time-progress-wrap{position:absolute;bottom:0;right:0;width:100%;height:.4rem;background:rgba(0,0,0,.08)}#textBookContainer .learning-footer-wrap .time-progress-wrap .bg{height:100%;margin:0 0 0 auto;background:#ff7c00;transition:width .1s}#textBookContainer .learning-footer-wrap .time-bar .time-progress-wrap{position:absolute;left:0;bottom:0;width:100%;height:.4rem;background:#ddd}#textBookContainer .learning-footer-wrap .time-bar .time-progress-wrap .bg{position:absolute;top:0;right:0;height:100%;background:linear-gradient(to left, #f2c12e, #f7af23)}#textBookContainer .learning-footer-wrap .btn-set{position:absolute;top:50%;left:50%;width:100%;text-align:center;transform:translate(-50%, -50%);z-index:-1;font-size:0}#textBookContainer .learning-footer-wrap .btn-set button{height:3.6rem;padding:0 2rem;font-size:1.6rem;vertical-align:top}#textBookContainer .learning-footer-wrap .btn-set button.btn-reload:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .4rem 0 0;background-image:url("../img/textBook/icon_retry.png");background-size:100%;vertical-align:middle}#textBookContainer .learning-footer-wrap .btn-set button.btn-check:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .4rem 0 0;background-image:url("../img/textBook/icon_check.png");background-size:100%;vertical-align:middle}#textBookContainer .learning-footer-wrap .btn-set button+button{margin:0 0 0 .8rem}@keyframes waveAnimation{0%{height:.4rem}60%{height:2.4rem}100%{height:.4rem}}#textBookContainer #listening_noSubtitles .learning-cont-wrap{display:flex;flex-direction:column}#textBookContainer #listening_noSubtitles .select-speed-wrap{margin:1.2rem 0 0 0}#textBookContainer #listening_noSubtitles .select-speed-wrap ul{display:flex;align-items:center;justify-content:center}#textBookContainer #listening_noSubtitles .select-speed-wrap ul li{display:flex;align-items:center;justify-content:center;width:7.2rem;height:5rem;margin:0 .4rem;border:.1rem solid #cbcbcb;border-radius:.8rem;background:#fff;text-align:center;font-weight:bold}#textBookContainer #listening_noSubtitles .select-speed-wrap ul li.on{border:.3rem solid #10c99d}#textBookContainer #listening_noSubtitles .voice-wave-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;height:100%;padding:0 0 8rem 0}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot{width:1.2rem;height:1.2rem;margin:0 .3rem;border-radius:.6rem;background:#333;animation:noSubtitlesWaveAnimation 1s linear infinite}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot-color-1{background:#4dcfe0}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot-color-2{background:#ff7c00}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(1){animation-delay:.4s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(2){animation-delay:.5s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(3){animation-delay:.2s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(4){animation-delay:.7s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(5){animation-delay:.6s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(6){animation-delay:.25s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(7){animation-delay:.4s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(8){animation-delay:.3s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(9){animation-delay:.6s}#textBookContainer #listening_noSubtitles .voice-wave-wrap .dot:nth-child(10){animation-delay:0s}#textBookContainer #listening_noSubtitles .voice-wave-wrap.complete .dot{display:none}#textBookContainer #listening_noSubtitles .translate-text-wrap{position:absolute;left:0;bottom:1.6rem;padding:0 1.6rem;line-height:2rem}#textBookContainer #listening_noSubtitles .translate-text-wrap .btm-text{margin:.8rem 0 0 0;color:#888}@keyframes noSubtitlesWaveAnimation{0%{height:1.2rem}60%{height:6.6rem}100%{height:1.2rem}}#textBookContainer #wordBlank{font-weight:bold}#textBookContainer #wordBlank>*{display:inline-block;margin:0 .8rem .8rem 0;vertical-align:middle}#textBookContainer #wordBlank>*:last-child{margin-right:0}#textBookContainer #wordBlank .blank{width:6.3rem;height:3.6rem;padding:0 2rem;background:#cbcbcb;border-radius:.8rem;line-height:3.4rem}#textBookContainer #wordBlank .blank.focus{border:.2rem solid #ff7c00}#textBookContainer #wordBlank .blank.fill{width:auto;background:#ff7c00;color:#fff}#textBookContainer #wordBlank .blank.fill.focus{border:0}#textBookContainer #wordBlankWord{position:absolute;bottom:0;left:0;width:100%;padding:1.6rem 2rem 0;background:#fff;box-shadow:0 0 .4rem rgba(0,29,74,.04),0 .8rem 2.4rem rgba(0,29,74,.16)}#textBookContainer #wordBlankWord ul{font-size:0}#textBookContainer #wordBlankWord ul li{display:inline-block;height:3.6rem;margin:0 .8rem .8rem 0;padding:0 2rem;border-radius:.8rem;background-color:#ff7c00;font-size:1.4rem;color:#fff;font-weight:bold;line-height:3.4rem;vertical-align:top}#textBookContainer #wordBlankWord ul li:last-child{margin-right:0}#textBookContainer #wordBlankWord ul li.selected{background:#cbcbcb}#textBookContainer .speak-result-wrap{margin:3.2rem 0 0 0}#textBookContainer .speak-result-wrap>*+*{margin:2.4rem 0 0 0}#textBookContainer .speak-result-wrap>*>span{display:block;margin:0 0 .6rem 0;line-height:1.4rem;font-weight:bold;color:#888}#textBookContainer .speak-result-wrap p{font-size:2rem;line-height:2.4rem}#textBookContainer .speak-result-wrap .result-answer p{color:#3aa}#textBookContainer .speak-result-wrap .result-speak p{font-size:0}#textBookContainer .speak-result-wrap .result-speak p span{margin:0 .4rem 0 0;color:#ff7c00;font-size:2rem;vertical-align:middle}#textBookContainer .speak-result-wrap .result-speak p span:last-child{margin:0}#textBookContainer .speak-result-wrap .result-speak p span.correct{color:#3aa}#textBookContainer #listening_sentenceBuild .learning-cont-wrap{padding:1.2rem 1.6rem}#textBookContainer #textList ul li{display:flex;align-items:center;padding:1.2rem}#textBookContainer #textList ul li+li{margin:.8rem 0 0 0}#textBookContainer #textList ul li .text-wrap{flex:1;min-width:0;width:100%}#textBookContainer #textList ul li .btm-text{display:none;margin:.8rem 0 0 0;font-size:1.2rem;line-height:1.8rem;color:#888}#textBookContainer #textList ul li button{display:none;width:4rem;height:4rem;margin:0 0 0 1.2rem;border-radius:.8rem;background-color:#ff7c00;background-size:2.4rem;background-position:center;background-repeat:no-repeat}#textBookContainer #textList ul li .btn-speak{background-image:url("../img/textBook/icon_listeningPreview_speak.png")}#textBookContainer #textList ul li .btn-listen{background-image:url("../img/textBook/icon_listeningPreview_listen.png")}#textBookContainer #textList ul li.on{background:#fff;border-radius:.8rem;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.12)}#textBookContainer #textList ul li.on .text-wrap b{font-weight:bold}#textBookContainer #textList ul li.on .text-wrap .btm-text{display:block}#textBookContainer #textList ul li.on .text-wrap .blank{color:rgba(0,0,0,0);border-bottom:.1rem solid #333}#textBookContainer #textList ul li.on .text-wrap .blank.correct{color:#3aa;border-color:#3aa}#textBookContainer #textList ul li.on .btn-speak{background-color:rgba(0,0,0,0);background-image:url("../img/textBook/icon_listeningPreview_speak_on.png")}#textBookContainer #textList ul li.on .btn-listen{background-color:rgba(0,0,0,0);background-image:url("../img/textBook/icon_listeningPreview_listen_on.png")}#textBookContainer #textList ul.complete button{display:block}#textBookContainer #textList ul.complete .text-wrap .btm-text{display:none}#textBookContainer #textList ul.complete .on .text-wrap .blank{color:#333 !important;border:0}#textBookContainer #listening_repeatListening .learning-footer-wrap .btn-set button+button{margin-right:4rem}#textBookContainer #speaking_sentenceSpeak .sentence-wrap{margin:1rem 0 0 0;padding:1rem 1.2rem;background:#fff;border-radius:.8rem}#textBookContainer #speaking_sentenceSpeak .sentence-wrap p{font-size:2rem;line-height:2.4rem}#textBookContainer .btm-score-wrap{position:fixed;bottom:-30rem;left:0;width:100%;padding:3.2rem 2.4rem 2.4rem;border-radius:2.4rem 2.4rem 0 0;background:#fff;box-shadow:0 0 3.2rem rgba(0,0,0,.12);text-align:center;transition:bottom .3s;transition-timing-function:linear;z-index:3}#textBookContainer .btm-score-wrap.on{bottom:0}#textBookContainer .btm-score-wrap .title{margin:0 0 1.6rem 0;font-weight:bold}#textBookContainer .btm-score-wrap .score-mid-wrap{display:flex;align-items:center;justify-content:center}#textBookContainer .btm-score-wrap .score-mid-wrap .score-wrap{width:11.4rem;margin:0 1.6rem}#textBookContainer .btm-score-wrap .score-mid-wrap .score-wrap span{display:block}#textBookContainer .btm-score-wrap .score-mid-wrap .score-wrap strong{display:block;font-size:2.4rem;line-height:3rem;color:#3aa}#textBookContainer .btm-score-wrap .score-mid-wrap .listen-btn-wrap{text-align:center}#textBookContainer .btm-score-wrap .score-mid-wrap .listen-btn-wrap button{vertical-align:top}#textBookContainer .btm-score-wrap .score-mid-wrap .listen-btn-wrap button .icon{width:3.6rem;height:3.6rem;margin:0 auto;background-size:100%}#textBookContainer .btm-score-wrap .score-mid-wrap .listen-btn-wrap button.btn-modelAnswer .icon{background-image:url("../img/textBook/icon_btm_score_answer_model.png")}#textBookContainer .btm-score-wrap .score-mid-wrap .listen-btn-wrap button.btn-myAnswer .icon{background-image:url("../img/textBook/icon_btm_score_answer_my.png")}#textBookContainer .btm-score-wrap .score-mid-wrap .listen-btn-wrap button p{margin:.2rem 0 0 0;font-size:1.2rem;line-height:2rem;font-weight:bold}#textBookContainer .btm-score-wrap .btm-btn-wrap{display:flex;margin:2.4rem 0 0 0}#textBookContainer .btm-score-wrap .btm-btn-wrap button{flex:1;height:4.6rem;font-weight:bold;line-height:4.4rem}#textBookContainer .btm-score-wrap .btm-btn-wrap button:last-child{margin:0 0 0 .8rem}#textBookContainer .count-text{position:absolute;bottom:3.2rem;left:0;width:100%;overflow:hidden}#textBookContainer .count-text span{display:block;font-size:6.4rem;line-height:6.4rem;text-align:center;color:#ff7c00}#textBookContainer #invoke-wrap{position:relative;padding:0 1.6rem 1.6rem;z-index:2}#textBookContainer #invoke-wrap .inner{height:6.2rem}#textBookContainer #invoke-wrap ul{display:flex;align-items:center;justify-content:center;position:relative;height:100%}#textBookContainer #invoke-wrap .dot{animation-timing-function:ease-in-out;animation-duration:.6s;animation-iteration-count:infinite;overflow:hidden;transition:all .3s}#textBookContainer #invoke-wrap .dot1{width:.6rem;height:.6rem;max-height:1rem;margin:0 .3rem;border-radius:.6rem;background:#fb9b0a;transform:scale(0)}#textBookContainer #invoke-wrap .dot2{width:.6rem;height:.6rem;max-height:1.6rem;margin:0 .3rem;border-radius:.6rem;background:#fb9b0a;transform:scale(0)}#textBookContainer #invoke-wrap .dot3{width:1.4rem;height:1.4rem;max-height:2.6rem;margin:0 .3rem;border:.2rem solid #ccc;border-radius:1.4rem}#textBookContainer #invoke-wrap .ready .dot1,#textBookContainer #invoke-wrap .ready .dot2{transform:scale(1)}#textBookContainer #invoke-wrap .ready .dot3{width:1.4rem;height:1.4rem;border-color:#fb9b0a}#textBookContainer #invoke-wrap .talking .dot1{animation-name:invoke_talk_dot1}#textBookContainer #invoke-wrap .talking .dot2{animation-name:invoke_talk_dot2;animation-delay:.2s}#textBookContainer #invoke-wrap .talking .dot3{animation-name:invoke_talk_dot3;animation-delay:.3s}#textBookContainer #invoke-wrap li:not(.dot){position:absolute;margin:0}#textBookContainer #invoke-wrap li:not(.dot)>*{width:100%;height:100%;background-size:100%;transition:all .6s}#textBookContainer #invoke-wrap .loading-li .loading-icon{width:3.2rem;height:3.2rem;background-image:url("../img/textBook/icon_invoke_loading.gif");transform:scale(0)}#textBookContainer #invoke-wrap .loading .dot{transform:scale(0)}#textBookContainer #invoke-wrap .loading .loading-icon{transform:scale(1)}#textBookContainer #invoke-wrap .waiting-li .waiting-icon{width:4.8rem;height:4.8rem;background:#fb9b0a url("../img/textBook/icon_invoke_wait_mic.png") center no-repeat;background-size:3.2rem;border-radius:50%;box-shadow:0 .4rem 1.2rem rgba(251,155,10,.48);transform:scale(0)}#textBookContainer #invoke-wrap .waiting .dot{transform:scale(0)}#textBookContainer #invoke-wrap .waiting .waiting-li .waiting-icon{transform:scale(1)}#textBookContainer #invoke-wrap .more-li{display:none;width:100%;text-align:center}#textBookContainer #invoke-wrap .more-li img{width:9.2rem;height:4.2rem}#textBookContainer #invoke-wrap .more-li p{position:absolute;width:100%;height:auto;bottom:-1.6rem;left:0;font-size:1.2rem;line-height:2rem;letter-spacing:-0.04em;color:#999}#textBookContainer #invoke-wrap .more .dot{transform:scale(0)}#textBookContainer #invoke-wrap .more .more-li{display:block}#textBookContainer #invoke-wrap .imListening{position:absolute;bottom:3.2rem;left:0;width:100%;text-align:center;color:#f90}@keyframes invoke_talk_dot1{0%{height:.6rem}30%{height:.8rem}60%{height:1rem}100%{height:.6rem}}@keyframes invoke_talk_dot2{0%{height:.6rem}30%{height:1rem}60%{height:1.6rem}100%{height:.6rem}}@keyframes invoke_talk_dot3{0%{height:1.4rem}30%{height:1.8rem}60%{height:2.6rem}100%{height:1.4rem}}@keyframes invoke_talk_dot_org2{100%{height:1.8rem}}#textBookContainer #speaking_practice{position:relative;z-index:1}#textBookContainer #speaking_practice .bg-wrap{z-index:-1}#textBookContainer #speaking_practice #invoke-wrap{position:absolute;bottom:0;left:0;width:100%;padding-bottom:6.4rem}#textBookContainer #speaking_practice .main-sentence{display:none;position:relative;top:calc(50% - 5.6rem);left:0;width:100%;transform:translateY(-50%);padding:0 2rem}#textBookContainer #speaking_practice .main-sentence.go-top{top:1.6rem;transform:translateY(0);transition:top 1s,transform 1s}#textBookContainer #speaking_practice .main-sentence p{font-size:0}#textBookContainer #speaking_practice .main-sentence p span{display:inline-block;padding:0 .4rem 0 0;border-bottom:1px solid rgba(0,0,0,0);vertical-align:middle;color:#fff;font-size:2.2rem;line-height:2.9rem}#textBookContainer #speaking_practice .main-sentence p span:last-child{padding:0}#textBookContainer #speaking_practice .main-sentence p.fadeInRightText span{animation:fadeInRight .5s both}#textBookContainer #speaking_practice .guide-text-wrap{display:none;position:absolute;top:calc(50% - 2.8rem);left:0;width:100%;text-align:center;transform:translateY(-50%)}#textBookContainer #speaking_practice .guide-text-wrap p{font-size:1.4rem;line-height:2.4rem;color:#fff}#textBookContainer #speaking_practice .guide-text-wrap p.hint{color:#f90}#textBookContainer #speaking_practice div[class*=fade]{animation-fill-mode:both;animation-timing-function:ease}#textBookContainer #speaking_practice .fadeIn{animation:fadeIn .6s;opacity:1}#textBookContainer #speaking_practice .fadeInUp{animation:fadeInUp .6s}#textBookContainer #speaking_practice .fadeOut{animation:fadeOut .6s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1rem)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-1rem)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(1rem)}100%{opacity:1;transform:translateX(0)}}#textBookContainer #speaking_practiceReivew .slide-title{margin:0 0 .4rem;font-size:2.8rem;line-height:2.8rem;text-align:center;font-weight:bold}#textBookContainer #speaking_practiceReivew .review-slide-wrap{display:flex;flex-direction:column;justify-content:center;position:relative;flex:1;min-height:0}#textBookContainer #speaking_practiceReivew .review-slide-wrap .swiper-container{width:100%;padding:2rem 1.2rem 0}#textBookContainer #speaking_practiceReivew .review-slide-wrap .swiper-wrapper{padding:0 0 2rem 0}#textBookContainer #speaking_practiceReivew .review-slide-wrap .function-slide-pagination{position:absolute;bottom:0;left:0;width:100%;height:.4rem;line-height:.4rem;text-align:center}#textBookContainer #speaking_practiceReivew .review-slide-wrap .function-slide-pagination .swiper-pagination-bullet{width:2.8rem;height:.4rem;margin:0 .2rem;border-radius:.4rem;background:rgba(255,124,0,.24);vertical-align:top;opacity:1}#textBookContainer #speaking_practiceReivew .review-slide-wrap .function-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f90}#textBookContainer #speaking_practiceReivew .review-slide-wrap .swipeItem-box{position:relative;height:38.4rem;padding:1.8rem;box-shadow:0 .6rem 1.4rem rgba(0,0,0,.4);background:#fff;border-radius:1.6rem;overflow:auto}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap{width:100%;text-align:left;word-break:keep-all;font-size:1.4rem;line-height:1.6rem}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap{position:relative}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap+.box-wrap{margin:1.6rem 0 0 0}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap .box{display:flex;flex-direction:column;justify-content:center;position:relative;padding:1.4rem;border-radius:.4rem;background:#ccc}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap .box .text-wrap{line-height:1.6rem}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap .box .text-wrap .top-text{font-size:1.4rem;line-height:1.6rem;font-weight:bold}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap .box .text-wrap .btm-text{margin:1.2rem 0 0 0;font-size:1.2rem}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap .box:after{content:"";position:absolute;bottom:0;width:1.2rem;height:2.4rem;background-repeat:no-repeat;background-size:100%}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap .badge{display:flex;justify-content:center;position:absolute;bottom:0;width:3.6rem;line-height:3.6rem;border-radius:50%;background:#ccc;font-weight:bold}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-my{padding:0 4.8rem 0 0}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-my .box{background:#fff5db}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-my .box .text-wrap .btm-text{margin:.4rem 0 0 0;color:#ff7c00;font-size:1.4rem;font-weight:bold}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-my .box:after{right:-1.2rem;background-image:url("../img/bookClass/img_step_box_tail.png")}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-my .badge{right:0;background:#f8e4b0}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-ai{padding:0 0 0 4.8rem}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-ai .box{background:#edf2f3}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-ai .box:after{left:-1.2rem;background-image:url("../img/bookClass/img_step_box_tail2.png")}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-ai .badge{left:0;background:#d7e2e2}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-answer{padding:0 4.8rem 0 0}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-answer .box{background:#2fc8c8}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-answer .box:after{right:-1.2rem;background-image:url("../img/bookClass/img_step_box_tail3.png")}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .box-wrap.turn-answer .badge{right:0;background:#3aa;color:#fff}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .guide-text{margin:1.2rem 0 0 0}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .guide-text p{font-size:1.2rem;line-height:1.6rem;font-weight:normal}#textBookContainer #speaking_practiceReivew .review-slide-wrap .step-guide-wrap .complete-text-wrap{margin:6.4rem 0 0 0;text-align:center;font-size:1.2rem;line-height:1.6rem}#textBookContainer #speaking_practiceReivew .footer-btn-wrap{display:flex;align-items:center;padding:0 2.4rem 2.4rem}#textBookContainer #speaking_practiceReivew .footer-btn-wrap button{flex:1;height:4.6rem}#textBookContainer #speaking_practiceReivew .footer-btn-wrap button+button{margin:0 0 0 .8rem}#textBookContainer #reading_loudReading .text-wrap p{font-size:0}#textBookContainer #reading_loudReading .text-wrap p span{display:inline-block;margin:0 .37rem 0 0;color:#ff7c00;font-size:2rem;line-height:3rem;vertical-align:top}#textBookContainer #reading_loudReading .text-wrap p span:last-child{margin:0}#textBookContainer #reading_sentenceTranslate .sentence-wrap{margin:0 0 2.4rem 0;padding:1rem 1.2rem;background:#fff;border-radius:.8rem}#textBookContainer #reading_sentenceTranslate .sentence-wrap p{font-size:2rem;line-height:2.4rem}.notch #container{padding-top:calc(5.6rem + 34px)}.notch #container header{height:calc(5.6rem + 34px)}.notch #container header .btn-back{top:auto;bottom:0}.notch #container header .centerText{display:flex;align-items:center;margin:0 auto;padding-top:34px}.notch #container.startPage{padding:0}.notch #container.startPage .startPage-wrap.terms .startPage-header-wrap{height:calc(5.6rem + 34px)}.notch #container.startPage .startPage-wrap.terms .startPage-header-wrap .btn-back{top:auto;bottom:1rem}.notch #container.startPage .startPage-wrap.terms .startPage-header-wrap p{display:flex;align-items:center;margin:0 auto;padding-top:34px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkbox{display:inline-block;vertical-align:top;padding:.5rem 0 .5rem 2.6rem;position:relative}.checkbox input{width:2rem;height:2rem;background:rgba(0,0,0,0);border:0;outline:0;opacity:0;z-index:2;position:absolute;left:0;top:.5rem}.checkbox i{width:2rem;height:2rem;border:0;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem;background-color:#ddd;position:absolute;top:.5rem;left:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.checkbox i::before{content:"";width:.9rem;height:.5rem;border:.2rem solid #fff;border-right:0;border-top:0;position:absolute;top:.4rem;left:.4rem;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.checkbox .title{font-size:1.4rem;font-weight:400;line-height:2rem;display:block}.checkbox input:disabled+i+strong{color:#000}.checkbox input:checked+i{background-color:#3b3fb5}.checkbox input:checked+i::before{border:.2rem solid #fff;border-right:0;border-top:0}.checkbox+.checkbox{margin-left:1rem}.radiobox{display:inline-block;vertical-align:top;padding:.5rem 0 .5rem 2.6rem;position:relative}.radiobox input{width:2rem;height:2rem;background:rgba(0,0,0,0);border:0;outline:0;opacity:0;z-index:2;position:absolute;top:.5rem;left:0}.radiobox i{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:2rem;height:2rem;border:.1rem solid #ccc;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#fff;position:absolute;top:.5rem;left:0}.radiobox i::before{display:block;content:"";width:1.2rem;height:1.2rem;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.radiobox .title{font-size:1.6rem;font-weight:400;line-height:2rem;display:block}.radiobox input:disabled+i{background-color:#ccc}.radiobox input:disabled+i+strong{color:#666}.radiobox input:checked+i{border-color:#3b3fb5}.radiobox input:checked+i::before{width:1.2rem;height:1.2rem;background-color:#3b3fb5;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.agree-box{margin-top:4.5rem}.agree-box .all{padding-bottom:1rem;margin-bottom:1rem;border-bottom:.1rem solid #ddd}.agree-box .all .title{font-size:1.6rem;font-weight:700}.agree-box .agree-item{padding:1rem 0}.agree-box .agree-item.link{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.agree-box .agree-item.link .title{position:relative;padding-bottom:.1rem;border-bottom:thin solid}.agree-box .agree-item .agree-link{position:relative;width:2rem;height:2rem;font-size:0}.agree-box .agree-item .agree-link::after{position:absolute;left:-webkit-calc(100% / 2 - 0.6rem);left:-moz-calc(100% / 2 - 0.6rem);left:calc(50% - .6rem);top:-webkit-calc(100% / 2 - 0.6rem);top:-moz-calc(100% / 2 - 0.6rem);top:calc(50% - .6rem);content:"";width:.8rem;height:.8rem;border-top:.2rem solid #d9d9d9;border-right:.2rem solid #d9d9d9;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.join-title{margin-top:2rem}.join-title .m-title{font-size:2.2rem;font-weight:bold;line-height:3.1rem}.join-title .m-desc{margin-top:.8rem;font-size:1.6rem;line-height:2.2rem}.join-title .m-desc em{font-weight:var(--fw-b);color:var(--color-1st)}.input-wrap{position:relative;margin-top:2.4rem;font-size:1.6rem;line-height:1.9rem}.input-wrap label{display:block;margin-bottom:.8rem;font-size:1.4rem;color:#666}.input-wrap p.fake-input{width:100%;height:4.8rem;padding:1.1rem 0rem 1.1rem 1.2rem;background-color:#fff;border:1px solid #ddd;border-radius:.4rem;font-weight:500;font-size:1.6rem;letter-spacing:-0.03rem;line-height:4rem;display:inline-flex;vertical-align:middle;flex-direction:column;justify-content:center}.input-wrap input{width:100%;height:4.8rem;padding:1.1rem 0rem 1.1rem 1.2rem;background-color:#fff;border:1px solid #ddd;border-radius:.4rem;font-weight:500;font-size:1.6rem;letter-spacing:-0.03rem;line-height:4rem}.input-wrap input:-moz-read-only{color:#777;opacity:1;font-weight:500}.input-wrap input:read-only,.input-wrap input:disabled{background:#f6f6f6;opacity:1;font-weight:500}.input-wrap input::-webkit-input-placeholder{color:#999;opacity:.7;font-weight:500}.input-wrap input:-moz-placeholder{color:#999;opacity:.7;font-weight:500}.input-wrap input::-ms-input-placeholder{color:#999;opacity:.7;font-weight:500}.input-wrap input::placeholder{color:#999;opacity:.7;font-weight:500}.input-wrap input:focus{border:1px solid #444;padding:1.1rem 2.8rem 1.1rem 1.2rem}.input-wrap input:focus:placeholder-shown{border:1px solid #444;padding:1.1rem 0rem 1.1rem 1.2rem}.input-wrap:first-child{margin-top:0}.input-wrap .input-wrap-inside{height:4.8rem}.input-wrap .input-wrap-inside input{position:absolute}.input-wrap .btn-txt-delete{display:none}.input-wrap .icon-success{display:none}.input-wrap input:focus+.btn-txt-delete{display:inline;position:absolute;top:0;right:.8rem;width:1.6rem;height:4.8rem;background-image:url(../img/icons/icon_txt_delete.png);background-size:contain;background-position:center center;background-repeat:no-repeat;-moz-background-size:contain;color:rgba(0,0,0,0);overflow:hidden}.input-wrap .input-wrap-inside input:focus+.btn-txt-delete{display:inline;position:absolute;top:unset;right:.8rem;width:1.6rem;height:4.8rem;background-image:url(../img/icons/icon_txt_delete.png);background-size:contain;background-position:center center;background-repeat:no-repeat;-moz-background-size:contain;color:rgba(0,0,0,0);overflow:hidden}.input-wrap .invalid-txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:.5rem 0 0 .8rem;line-height:1.9rem;font-family:"NotoB",sans-serif;font-size:1.1rem;color:#ef5957}.input-wrap .invalid-txt:before{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin-right:.6rem;background-image:url(../img/icons/icon_invalid.png);-moz-background-size:1.4rem;background-size:1.4rem;background-position:center center;background-repeat:no-repeat;flex:0 0 auto}.input-wrap.is-invalid input:focus{border:1px solid #ef5957}.input-wrap.is-success .icon-success{display:inline;top:0;opacity:1;position:absolute;right:.8rem;width:1.6rem;height:4.8rem;background-image:url(../img/icons/icon_txt_check.png);-moz-background-size:contain;background-size:contain;background-position:center center;background-repeat:no-repeat;overflow:hidden;color:rgba(0,0,0,0)}.input-wrap.is-success .input-wrap-inside .icon-success{display:inline;position:absolute;top:unset;right:.8rem;width:1.6rem;height:4.8rem;background-image:url(../img/icons/icon_txt_check.png);background-size:contain;background-position:center center;background-repeat:no-repeat;-moz-background-size:contain;color:rgba(0,0,0,0);overflow:hidden}.input-wrap.is-success input{padding-right:2.8rem}.input-wrap.is-time input:focus+.btn-txt-delete{right:5.5rem}.input-wrap.is-time .time{position:absolute;top:0;right:.8rem;color:#3b3fb5;display:inline-flex;align-items:center;height:4.8rem}.input-wrap.is-time input{padding-right:5rem}.input-wrap.is-time input:focus{padding-right:8rem}.input-wrap.is-group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:start}.input-wrap.is-group .control{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.input-wrap.is-group .control:not(:last-child){margin:0 .7rem 0 0}.input-wrap.is-group .control.is-expanded{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative}.input-wrap.is-group .control .invalid-txt{white-space:nowrap}.input-wrap.is-group .control .button{height:4.8rem;padding:1.3rem 1.6rem;border:none;border-radius:.4rem;background:#e5ecff;font-weight:400;color:#3b3fb5}.input-wrap.is-group .control .button[disabled]{height:4.8rem;padding:1.3rem 1.6rem;border:none;border-radius:.4rem;background:#ddd;font-weight:400;color:#fff}.input-wrap .label+.is-group{margin-top:.6rem}.input-wrap.style-box{margin:2rem 2rem .6rem}.input-wrap.style-box input[type=text]{border:1px solid #bbb}.input-wrap.type-box{margin-top:1rem}.input-wrap.type-box label{position:absolute;width:8.5rem;left:2rem;padding:0;margin:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:1.4rem;font-weight:400;z-index:2}.input-wrap.type-box input{border:1px solid rgba(0,0,0,0);background-color:#f5f5f5;height:5.6rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;padding-left:8.5rem !important;font-weight:400;font-size:1.4rem}.input-wrap.type-box input:focus{border:1px solid #444;background-color:#f5f5f5;height:5.6rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;padding-left:8.5rem !important;font-weight:400;font-size:1.4rem}.input-wrap.type-box .label~.btn-txt-delete,.input-wrap.type-box .label~.icon-success{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.input-wrap.type-box.is-invalid input:focus{border:1px solid #ef5957;background-color:#fff6e0}.input-wrap.type-box+.invalid-txt{display:block;padding:.8rem 0;font-family:"NotoB",sans-serif;font-size:1.2rem;color:#ef5957;text-align:center}.switch{display:inline-block;position:relative}.switch label{display:inline-block;width:3.2rem;vertical-align:top}.switch label:before{content:"";display:inline-block;width:100%;height:1.8rem;background-color:#ccc;-webkit-border-radius:10rem;-moz-border-radius:10rem;border-radius:10rem;vertical-align:top}.switch input{position:absolute;left:.2rem;top:50%;z-index:1;width:1.4rem;height:1.4rem;line-height:1.4rem;text-align:center;-webkit-border-radius:1.4rem;-moz-border-radius:1.4rem;border-radius:1.4rem;border:none;overflow:hidden;background-color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.switch input:checked{left:-webkit-calc(100% - 1.6rem);left:-moz-calc(100% - 1.6rem);left:calc(100% - 1.6rem)}.switch input:checked+label::before{background-color:#3b3fb5}.btn-wrap.is-fixed{position:fixed;bottom:0;left:0;width:100%;padding:2rem;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(50%, white), to(white));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, white 50%, white 100%);background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, white 50%, white 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, white 50%, white 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, white 50%, white 100%)}.btn-wrap.is-fixed.is-vertical{display:flex;flex-direction:column}.btn-wrap.is-fixed.is-vertical .button{width:100%}.btn-wrap.is-fixed.is-vertical .button.is-line{width:fit-content;border:0;color:#999;text-decoration:underline}.btn-wrap.is-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.btn-wrap.is-multiple .button+.button{margin-left:.8rem}.button{height:auto;padding:1.6rem 1rem;border:.1rem solid #444;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;color:#222;font-size:1.6rem;text-align:center;white-space:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.button.is-full{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.button.is-point{border-color:#3b3fb5;color:#3b3fb5}.button:disabled{border-color:#ccc;color:#999}.button.is-light{background-color:#3b3fb5;color:#fff;border:none;padding:1.7rem 1rem}.button.is-light[disabled]{background-color:#ccc}.button.is-disabled{background-color:#f0f0f0;color:#999}.button.is-mid{padding:1.1rem 1rem 1rem;font-size:1.4rem}.button.w-100{width:100%}.txtbutton{position:relative;font-size:1.6rem;color:#666}.txtbutton::after{position:absolute;display:block;content:"";width:100%;height:1px;background-color:#666}.h-tit{font-size:2.2rem;font-weight:700;line-height:3rem}.h-txt{color:#666;font-size:1.6rem;font-weight:400;line-height:2.2rem;letter-spacing:-0.1rem}.m-txt{font-size:1.4rem;font-weight:500;color:#666}#app{height:100%;background:#fff}#app .app-inner{height:100%;position:relative;background:#fff;overflow:hidden}.header.no-line{border:0}.content.type-full{padding:0 0 8rem}.loginWrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:6.6rem 1.6rem 4rem;overflow-y:scroll}.loginWrap .img-logo{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 .8rem;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.loginWrap .img-logo .logo{position:relative;left:0rem;width:21.8rem;height:3.9rem}.loginWrap .img-logo .txt{position:relative;left:-0.8rem;width:16.1rem;height:3.8rem}.loginWrap .img-txt{width:19.4rem;margin-top:2.4rem;padding:0 .8rem;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.loginWrap .img-txt img{width:100%}.loginWrap .login-form{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;margin-top:4rem}.loginWrap .login-form .btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:3rem}.loginWrap .login-form .btn-wrap+.btn-wrap{margin-top:1.2rem}.loginWrap .login-form .btn-wrap.flex-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.loginWrap .login-form .btn-wrap.flex-end .btn{-webkit-box-flex:0;-webkit-flex:0;-moz-box-flex:0;-ms-flex:0;flex:0;white-space:nowrap;padding:0 0 0 1.5rem}.loginWrap .login-form .btn-wrap.flex-end .btn.color-primary{color:#3b3fb5;padding-right:1.5rem}.loginWrap .login-form .btn-wrap .btn{padding:0 1rem}.loginWrap .login-form .btn-wrap .btn.btn-login{width:100%;height:5.6rem;color:#fff;font-size:1.8rem;font-weight:700;line-height:2.4rem;background:#3b3fb5;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem}.loginWrap .login-form .btn-wrap .btn.btn-login.is-disable{background-color:#ccc}.loginWrap .login-form .btn-wrap .btn.btn-pw{width:100%;height:5.2rem;color:#666;font-size:1.6rem;line-height:2.4rem;border:1px solid #ccc;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem}.loginWrap .login-form .btn-wrap .btn.btn-txt{position:relative;color:#666;font-size:1.4rem;line-height:2rem}.loginWrap .login-form .btn-wrap .btn.btn-txt::before{content:"";position:absolute;top:50%;left:0;width:1px;height:1.2rem;margin-top:-0.6rem;background:#bbb}.loginWrap .login-form .btn-wrap .btn.btn-txt:first-child:before{display:none}.loginWrap .login-form .btn-wrap .btn.btn-txt.al-right{text-align:right}.loginWrap .login-form .btn-wrap .btn.btn-txt.color-primary{color:#3b3fb5}.loginWrap .login-form .invalid-txt+.btn-wrap{margin-top:0}.loginWrap .login-bottom{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5rem 0;text-align:center}.loginWrap .login-bottom h3{position:relative;width:100%;margin:0 0 2rem;font-size:1.4rem;color:#aaa;z-index:2;font-family:"NotoR",sans-serif}.loginWrap .login-bottom h3::before{content:"";width:100%;height:1px;background-color:#e9e9e9;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-2}.loginWrap .login-bottom h3:after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;width:13.4rem;height:3rem;z-index:-1}.loginWrap .login-bottom .login-util{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.loginWrap .login-bottom .login-util .btn-circle{width:5rem;height:5rem;margin:0 .5rem}.loginWrap .login-bottom .login-util .btn-circle img{width:100%}.loginWrap .login-bottom .join-txt{margin-top:4.6rem;font-size:1.4rem;line-height:1.9rem;color:#666}.loginWrap .login-bottom .join-txt a{opacity:1;color:#3b3fb5;text-decoration:underline}.loginWrap.pw-wrap{padding:2rem}.loginWrap.pw-wrap .tit{padding-bottom:1.2rem;font-size:2.2rem}.loginWrap.pw-wrap .txt{line-height:2.2rem;font-size:1.6rem;color:#666;margin-bottom:3rem}.loginWrap .login-info{margin-top:3.2rem;padding-top:3.2rem;border-top:1px #d9d9d9 solid}.loginWrap .login-info .li-title{display:flex;align-items:center;font-size:18px;font-weight:700;color:#b83777}.loginWrap .login-info .li-title:before{content:"";width:2rem;height:2rem;margin-right:.8rem;background:url("../img/icon-error.svg") 0 0/100% 100% no-repeat}.loginWrap .login-info .li-txt{margin-top:.8rem;font-size:1.4rem;font-weight:500;color:#666;line-height:2rem}.loginWrap .login-info .li-txt strong{font-weight:700;color:#222}.loginWrap .login-info .li-desc{margin-top:1.6rem;font-size:1.2rem;color:#666;line-height:1.7rem}.loginWrap .login-form .c-auto-login{margin-top:1.2rem;text-align:right}.loginWrap .login-form .c-auto-login .checkbox i{border-radius:100%}.loginWrap .login-form .c-auto-login .title{font-size:1.2rem;color:#3b3fb5}.loginWrap .login-form .c-auto-login .title.unchecked{font-size:1.2rem;color:#ccc}#termsPop{position:fixed}.terms-popup-wrap{overflow-y:scroll;text-align:left;overscroll-behavior-y:none;-webkit-overflow-scrolling:auto}.terms-popup-wrap .tab-wrap{border:0;margin:2rem 0 0}.terms-popup-wrap .tab-wrap:after{content:"";clear:both;display:block}.terms-popup-wrap .tab-wrap.type-line{display:block;background:rgba(0,0,0,0);white-space:nowrap;overflow-x:auto}.terms-popup-wrap .tab-wrap.type-line::-webkit-scrollbar{width:0px}.terms-popup-wrap .tab-wrap.type-line .tab{position:relative;display:inline-block;width:auto;height:auto;padding:1.4rem 1.2rem;margin:0;font-family:"NotoM",sans-serif;color:#222;font-size:1.6rem;white-space:nowrap}.terms-popup-wrap .tab-wrap.type-line .tab.on{font-family:"NotoB",sans-serif;color:#222;font-weight:700}.terms-popup-wrap .tab-cont-wrap{padding:1.6rem 0rem 0}.terms-popup-wrap .txt-wrap{height:-webkit-calc(100vh - 21rem);height:-moz-calc(100vh - 21rem);height:calc(100vh - 21rem);overflow-y:auto;margin-top:1.7rem;padding-top:2rem;font-size:1.4rem;color:#666}.terms-popup-wrap .txt-wrap h3{padding-bottom:3rem;font-family:"NotoB",sans-serif}.terms-popup-wrap .txt-wrap .txt-box{padding-bottom:3rem;font-family:"NotoR",sans-serif;line-height:2.4rem}.terms-popup-wrap .txt-wrap .txt-box:last-of-type{padding-bottom:9.2rem}.terms-popup-wrap .txt-wrap h4{padding-bottom:2rem}.terms-popup-wrap .select-wrap select{min-width:11.7rem;font-size:1.4rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.8rem 3.2rem .8rem 1.2rem;background:#fff url("../img/icons/icon-select-bg.png") no-repeat center right;-moz-background-size:auto 100%;background-size:auto 100%;background-position-x:90%;border-color:#bbb;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem}.joinWrap .textbox{padding:2rem 0 3rem}.joinWrap .textbox .h-txt{margin-top:1.2rem}.joinWrap .textbox .h-tit:only-child{padding-bottom:5.5rem}.joinWrap .email-form{position:relative;height:14rem}.joinWrap .email-form .btn-wrap{position:absolute;bottom:0;width:100%}.joinWrap .pass-form .input-wrap+.input-wrap{margin-top:3.2rem}.joinWrap .pass-form.type-only{margin-top:-5.5rem}.joinWrap .agree-box .all{padding-bottom:1.4rem;margin-bottom:1.2rem}.joinWrap .agree-box .agree-item{padding:.3rem 0}.joinWrap .agree-box .agree-item>.agree-group{padding-left:2.8rem;padding-top:1rem}.joinWrap .agree-box .agree-item>.agree-group>.checkbox+.checkbox{margin-left:2.4rem}.onboardingWrap .textbox{padding:2rem 0 1.2rem}.onboardingWrap .textbox .h-txt{margin-top:1.2rem}.onboardingWrap .list-box .sort{display:block;padding-bottom:2.4rem;font-family:"NotoR",sans-serif;font-size:1.4rem;color:#666}.onboardingWrap .list-box .list li{display:block;position:relative;padding:0;margin:0 0 .8rem}.onboardingWrap .list-box .list label{display:block;width:100%;height:5.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:5.2rem;padding:0 1.6rem;border:1px solid #e6e6e6;-webkit-border-radius:1.2rem;-moz-border-radius:1.2rem;border-radius:1.2rem}.onboardingWrap .list-box .list input,.onboardingWrap .list-box .list i{top:1.6rem;right:1.6rem;left:auto}.onboardingWrap .list-box .list input[type=checkbox]:checked+i+label{border-color:#3b3fb5}.onboardingWrap.voice-test{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.onboardingWrap.voice-test .typo-wrap{position:relative;margin-top:14rem}.onboardingWrap.voice-test .typo-wrap .balloon-text{position:absolute;top:-50px;left:50%;text-align:center;margin-top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0;white-space:nowrap;background-color:#3b3fb5;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:1.6rem;padding:1.1rem 2.1rem;-webkit-border-radius:2.1rem;-moz-border-radius:2.1rem;border-radius:2.1rem}.onboardingWrap.voice-test .typo-wrap .balloon-text:before{border-bottom-color:#3b3fb5}.onboardingWrap.voice-test .typo-wrap .balloon-text.on{top:-6rem;-webkit-animation:fadeShow .1s forwards;-moz-animation:fadeShow .1s forwards;-o-animation:fadeShow .1s forwards;animation:fadeShow .1s forwards}.onboardingWrap.voice-test .typo-wrap .typo{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:3.2rem;font-weight:700;font-family:"NotoB",sans-serif;color:#222;text-align:center;line-height:1.6;margin-top:-3px}.onboardingWrap.voice-test .typo-wrap .typo span{display:block;position:relative;padding:.6rem .2rem .5rem;font-size:2.4rem;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;margin-top:3px}.onboardingWrap.voice-test .typo-wrap .typo.color-01{color:#21a052}.onboardingWrap.voice-test .start-time-wrap{position:absolute;bottom:8rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:10rem;height:10rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#ffc600}.onboardingWrap.voice-test .start-time-wrap .number{position:relative;width:100%;height:100%;z-index:2}.onboardingWrap.voice-test .start-time-wrap .number span{position:absolute;width:100%;height:100%;-moz-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;font:0/0 a,sans-serif}.onboardingWrap.voice-test .start-time-wrap .number span.num1{background-image:url(../img/main/number_01.png)}.onboardingWrap.voice-test .start-time-wrap .number span.num2{background-image:url(../img/main/number_02.png)}.onboardingWrap.voice-test .start-time-wrap .number span.num3{background-image:url(../img/main/number_03.png)}.onboardingWrap.voice-test .start-time-wrap .speaking-wrap{display:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.onboardingWrap.voice-test .start-time-wrap .speaking-wrap .item{width:.6rem;height:.6rem;margin-left:.6rem;background-color:#fff6e0}.onboardingWrap.voice-test .start-time-wrap .speaking-wrap .item:nth-of-type(1){margin-left:0}.onboardingWrap.voice-test .start-time-wrap .speaking-wrap .ani-speaking.active .item{background:#fff6e0 !important}.onboardingWrap.voice-test .result-box{position:fixed;bottom:0;left:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:2.3rem 1.6rem 1.6rem;text-align:center;background-color:#fff}.onboardingWrap.voice-test .result-box .text-wrap{font-size:1.6rem;line-height:2.4rem;padding-bottom:3.6rem}.onboardingWrap.voice-test .result-box .list-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 2rem 2.4rem}.onboardingWrap.voice-test .result-box .list-wrap .ico{display:block;margin:0 auto;width:3.6rem;height:3.6rem;-moz-background-size:contain;background-size:contain}.onboardingWrap.voice-test .result-box .list-wrap .ico.headset{background-image:url(../img/main/ico-headset.png)}.onboardingWrap.voice-test .result-box .list-wrap .ico.my{background-image:url(../img/main/ico-my.png)}.onboardingWrap.voice-test .result-box .list-wrap .txt{color:#333;font-size:1.4rem}.onboardingWrap.voice-test .result-box .list-wrap .txt.primary{color:#3b3fb5;font-size:1.2rem;font-family:"NotoB",serif;font-weight:normal}.onboardingWrap.voice-test .result-box .list-wrap .txt.score{display:block;text-align:center;font-family:"NotoB",serif;font-weight:normal;font-size:2.4rem;line-height:1.4}.member-edit{padding-top:2rem;margin-bottom:-4rem}.member-edit .push-wrap{margin-top:4rem}.member-edit .push-wrap .push-heading{position:relative}.member-edit .push-wrap .push-heading .switch{position:absolute;top:1.4rem;right:0}.member-edit .push-wrap .push-heading .push-alert{margin:2.4rem -2rem 0;padding:1.4rem 2rem;background:#ffedbf;text-align:center}.member-edit .push-wrap .push-heading .push-alert .alert-txt{display:table;color:#cc7a00;line-height:1.6rem;font-size:1.4rem}.member-edit .push-wrap .push-heading .push-alert .alert-txt:before{content:"!";display:table-cell;vertical-align:middle;font-size:1.4rem;width:1.6rem;height:1.6rem;border-radius:100%;background:#cc7a00;color:#fff;line-height:1.6rem}.member-edit .push-wrap .label{font-size:1.6rem;font-weight:400}.member-edit .push-wrap .txt{margin-top:.4rem;font-size:1.2rem;color:#999}.member-edit .push-wrap .txtInfo{font-size:1.4rem;font-weight:400;color:#999}.member-edit .push-wrap .push-list{margin:2.4rem 0 3.2rem;padding-bottom:2.4rem;border-bottom:1px solid #ddd}.member-edit .push-wrap .push-list li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:.8rem 0}.member-edit .push-wrap .push-list li .tit{font-size:1.6rem;font-weight:400}.member-edit .btn-wrap.aside-btn{justify-content:flex-start;padding:4.8rem 0 0rem}.member-edit .btn-wrap.aside-btn .txtbutton{position:relative}.member-edit .btn-wrap.aside-btn .txtbutton+.txtbutton{margin-left:3.2rem}.member-edit .btn-wrap.aside-btn .txtbutton+.txtbutton:before{content:"";display:block;position:absolute;top:50%;left:-1.6rem;width:1px;height:1.6rem;background:#eaeaea}.member-edit .push-wrap .txt-desc-info{margin:1.6rem -2rem 0 -2rem;padding:1.2rem;background:#ffedbf;text-align:center}.member-edit .push-wrap .txt-desc-info .desc{color:#cc7a00;line-height:1.4rem}.member-edit .push-wrap .txt-desc-info .desc:before{content:"!";display:inline-block;width:1.6rem;height:1.6rem;border-radius:100%;background:#cc7a00;font-size:1.1rem;color:#fff;line-height:1.6rem}.member-edit .version-info{margin-top:4.4rem}.member-edit .version-info .v-title{display:flex;justify-content:space-between;font-size:1.6rem;font-weight:400}.member-edit .version-info .v-title .v-txt{font-size:1.4rem;color:#3b3fb5}.member-edit .version-info .v-desc{font-size:1.2rem;margin-top:.5rem;color:#999}.setting-edit{margin-top:2rem}.setting-edit .push-list{margin:2.4rem 0 1.4rem;padding-bottom:1.7rem;border-bottom:1px solid #ddd}.setting-edit .push-list li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:.8rem 0}.setting-edit .push-list li .tit{font-size:1.6rem;font-weight:400}.setting-edit .refer-txt{font-size:1.4rem}.settingWrap{margin:2rem 0}.settingWrap .radiolist li{padding-bottom:1rem}.settingWrap .radiolist .item{padding:1.4rem 2rem;background:#fff}.settingWrap .radiolist .radiobox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding:.5rem 2.5rem .5rem 0}.settingWrap .radiolist .radiobox input,.settingWrap .radiolist .radiobox i{top:-webkit-calc(100% / 2 - 1rem);top:-moz-calc(100% / 2 - 1rem);top:calc(50% - 1rem);left:-webkit-calc(100% - 2rem);left:-moz-calc(100% - 2rem);left:calc(100% - 2rem)}.settingWrap .radiolist .radiobox .title{margin-bottom:.4rem}.modal-wrap.type-alert .btn-wrap .btn-pop{font-size:1.4rem}.modal-wrap.size-full{padding:0;width:100%;height:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;opacity:0;top:0;left:0;overflow:hidden;-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%)}.modal-wrap.size-full.show{display:block;top:0;-webkit-animation:fadeShow .3s forwards;-moz-animation:fadeShow .3s forwards;-o-animation:fadeShow .3s forwards;animation:fadeShow .3s forwards}.modal-wrap.size-full.hide{display:block;top:0;-webkit-animation:fadeHide .3s forwards;-moz-animation:fadeHide .3s forwards;-o-animation:fadeHide .3s forwards;animation:fadeHide .3s forwards}.modal-wrap.size-full .btn-close{position:absolute;top:1.4rem;right:2rem;width:2.4rem;height:2.4rem;z-index:2}.modal-wrap.size-full .btn-close:before{content:"";position:absolute;top:50%;left:50%;width:1.8rem;height:.2rem;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);background:#000}.modal-wrap.size-full .btn-close:after{content:"";position:absolute;top:50%;left:50%;width:1.8rem;height:.2rem;-webkit-transform:translate(-50%, -50%) rotate(135deg);-moz-transform:translate(-50%, -50%) rotate(135deg);-ms-transform:translate(-50%, -50%) rotate(135deg);-o-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg);background:#000}.modal-wrap.size-full .content.type-mission{padding-bottom:0}.modal-wrap.size-full .content.type-scroll{height:-webkit-calc(100% - 5.4rem);height:-moz-calc(100% - 5.4rem);height:calc(100% - 5.4rem);overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.alert-box{opacity:0;position:fixed;top:6rem;left:5%;z-index:20;width:90%;padding:1.6rem 2rem;font-family:"NotoR",sans-serif;font-size:1.6rem;line-height:2.4rem;color:#fff;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;background:rgba(0,0,0,.8);-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.alert-box.is-visible{opacity:1;top:4rem}.service-check img{max-width:100%}.service-check .img{width:16.9rem}.service-check.bottom-sheet{display:block;opacity:0;bottom:-46.1rem;padding:24.7rem 2.4rem 4rem;background:#fff url("../img/icons/service-check-pop.png") no-repeat center top;-moz-background-size:contain;background-size:contain}.service-check.bottom-sheet.type-2{text-align:center;padding:2.5rem 1.6rem 4rem;background:#fff}.service-check.bottom-sheet.type-2 .img{display:block;width:23rem;height:16.6rem;margin:0 auto 1.2rem;background:url("../img/icons/service-check-icon2.png") no-repeat center center;-moz-background-size:100%;background-size:100%}.service-check.bottom-sheet.type-2 .title{margin-bottom:1.2rem}.service-check.bottom-sheet.type-2 .title img{width:16.9rem}.service-check.bottom-sheet.type-2 p{font-size:1.6rem;letter-spacing:-0.05rem}.service-check.bottom-sheet.on{opacity:1;bottom:0}.service-check.bottom-sheet .title{font-size:3.1rem;font-weight:700}.service-check.bottom-sheet .title img{width:22.4rem}.service-check.bottom-sheet p{padding-top:1rem;font-size:1.7rem;font-family:"NotoR",sans-serif;line-height:2.4rem}.service-check.bottom-sheet .btn-wrap.type2{margin-top:2.6rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.service-check.bottom-sheet .btn-wrap.type2 .btn-box{width:18.4rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.service-check.bottom-sheet .btn-wrap.type2 .disabled{width:auto;padding-left:0;padding-right:0;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;color:#999;background:#f0f0f0}.service-check.bottom-sheet .btn-close{position:absolute;top:2.3rem;right:1.6rem;width:3.2rem;height:3.2rem}.service-check.bottom-sheet .btn-close:before{content:"";position:absolute;top:1.4rem;left:.6rem;width:2rem;height:2px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.service-check.bottom-sheet .btn-close:after{content:"";position:absolute;top:1.4rem;left:.6rem;width:2rem;height:2px;background:#333;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.service-check.bottom-sheet .btn-close.type-2{top:2.4rem;right:2.4rem}.service-check.bottom-sheet .btn-close.type-2::before{height:.3rem;color:#222;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem}.service-check.bottom-sheet .btn-close.type-2::after{height:.3rem;color:#222;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem}.service-check.page{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.service-check.page .bg{width:100%;height:31.7rem;background:url("../img/icons/service-check-bg.png") no-repeat center bottom;-moz-background-size:contain;background-size:contain}.service-check.page .icon{display:block;margin:0rem auto 2.4rem;width:6rem;height:6rem;background:url("../img/icons/service-check-icon.png") no-repeat center center;-moz-background-size:contain;background-size:contain}.service-check.page .img{width:19.3rem;height:14.3rem;background:url("../img/icons/service-check-icon1.png") no-repeat center center;-moz-background-size:100%;background-size:100%;margin-bottom:2rem}.service-check.page .title{margin-bottom:3.6rem;font-size:2.2rem;font-weight:700}.service-check.page .title img{width:27.1rem}.service-check.page .title.tit2{margin-bottom:1.2rem}.service-check.page .title.tit2 img{width:16.9rem}.service-check.page p{margin-bottom:5.2rem;font-family:"NotoR",sans-serif;font-size:1.6rem;line-height:2.4rem}#container.buttertime{line-height:1.2;letter-spacing:-0.04rem}#container.buttertime header{background:#ffc600;z-index:11}#container.buttertime header .logo{position:relative;top:0;opacity:1;padding:1.3rem 2.4rem;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}#container.buttertime header .logo a{font:0/0 a,sans-serif;display:block;width:13.1rem;height:2.4rem;background-image:url("../img/buttertime/logo.png");-moz-background-size:100%;background-size:100%}#container.buttertime header .btn-menu2{padding:2rem 2.4rem;right:0}#container.buttertime header .btn-menu2 span{width:2rem;height:1.7rem;background-image:url("../img/buttertime/ico_menu.png");-moz-background-size:100%;background-size:100%}#container.buttertime header .btn-menu2:active span{background-position:center center}#container.buttertime header .sticky-tab-wrap{position:absolute;opacity:0;visibility:hidden;left:1.2rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}#container.buttertime header .sticky-tab-wrap button{position:relative;padding:0 1.2rem;line-height:5.6rem;height:5.6rem;font-size:1.6rem;font-family:"NotoB",serif;font-weight:normal}#container.buttertime header .sticky-tab-wrap button:after{content:"";position:absolute;width:4.2rem;height:.9rem;background:url(../img/buttertime/tab_bg.png) no-repeat center top;-moz-background-size:auto 100%;background-size:auto 100%;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .2s .1s;-o-transition:all .2s .1s;-moz-transition:all .2s .1s;transition:all .2s .1s}#container.buttertime header .sticky-tab-wrap button.active{color:#3b3fb5}#container.buttertime header .sticky-tab-wrap button.active:after{bottom:-0.9rem}#container.buttertime header.tab-style .logo{opacity:0;top:-5.2rem}#container.buttertime header.tab-style .sticky-tab-wrap{visibility:visible;opacity:1}#container.buttertime .ico-arrow{display:inline-block;width:.6rem;height:.8rem;margin-left:.5rem;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat;background-image:url("../img/buttertime/arrow_right_b.png")}#container.buttertime .ico-arrow.white{background-image:url("../img/buttertime/arrow_right_w.png")}#container.buttertime .ico-arrow.gray{background-image:url("../img/buttertime/arrow_right_g.png")}#container.buttertime .ico-arrow.color{background-image:url("../img/buttertime/arrow_right_c.png")}#container.buttertime .ico-arrow.down{width:1.1rem;height:.7rem;background-image:url("../img/buttertime/arrow_down.png")}#container.buttertime .ico-arrow.down.more{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);margin-top:-0.4rem}#container.buttertime .ico-arrow.down.up{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);margin-top:-0.4rem}#container.buttertime .color-primary{background:#e0e8ff;color:#3b3fb5}#container.buttertime .color-primary .tag{border-color:#9496dc}#container.buttertime .color-primary .btn{background-color:#ccd9ff}#container.buttertime .color-blue{background:#e1f1ff;color:#0082ab}#container.buttertime .color-blue .tag{border-color:#2cccff}#container.buttertime .color-orange{background:#fff5db;color:#641}#container.buttertime .color-orange .tag{border-color:#d38d23}#container.buttertime .color-orange .btn{background-color:#ffe7a8}#container.buttertime .color-green{background:#ebf5f0;color:#3a7552}#container.buttertime .color-green .tag{border-color:#74ba91}#container.buttertime .color-purple{background:#faf0f1;color:#b83742}#container.buttertime .color-purple .tag{border-color:#de9197}#container.buttertime .label-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#container.buttertime .label-wrap .label{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.1rem;line-height:1.2;color:#666;padding:.4rem .6rem;margin-left:3px;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem}#container.buttertime .label-wrap .label:first-child{margin-left:0}#container.buttertime .label-wrap .color-blue{color:#d6f5ff;background:#2297bd}#container.buttertime .label-wrap .color-indigo{background:#d4dfff;color:#3236ad}#container.buttertime .label-wrap .color-orange{color:#ffedbf;background:#cc7a00}#container.buttertime .label-wrap .color-green{background:#d7f5e7;color:#286741}#container.buttertime .label-wrap .color-purple{background:#fce4f0;color:#953364}#container.buttertime .subscribe{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#container.buttertime .subscribe i{display:inline-block;margin-right:.3rem;width:1.4rem;height:1.4rem;background-image:url(../img/buttertime/ico_headset.png);-moz-background-size:100%;background-size:100%}#container.buttertime .subscribe>span{color:#3b3fb5;font-weight:700}#container.buttertime .bookclass-info-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#container.buttertime .bookclass-info-wrap>.title{height:1.8rem;margin:.3rem 0;padding:0;font-size:1.2rem;line-height:1.8rem;font-weight:700;color:#222;width:100%;display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#container.buttertime .bookclass-info-wrap .item{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:8.2rem;height:11.9rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem;overflow:hidden}#container.buttertime .bookclass-info-wrap .item img{width:100%;max-width:100%}#container.buttertime .bookclass-info-wrap .item.type-info{width:-webkit-calc(100% - 8.2rem);width:-moz-calc(100% - 8.2rem);width:calc(100% - 8.2rem);padding-left:1.6rem;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}#container.buttertime .bookclass-info-wrap .item.type-info .title{height:2.4rem;font-size:2rem;line-height:2.4rem;font-weight:700;color:#222;padding:0;margin:0;width:100%;display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#container.buttertime .bookclass-info-wrap .item.type-info .sub-title{font-size:1rem;color:#4f4f4f;line-height:1.4rem;height:1.4rem;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%}#container.buttertime .bookclass-info-wrap .item.type-info .sub-txt{font-size:1.3rem;line-height:1.8rem;height:5.4rem;width:100%;display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;word-break:keep-all}#container.buttertime .bookclass-info-wrap .item.type-info .info{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}#container.buttertime .bookclass-info-wrap .item.type-info .subscribe{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-webkit-justify-content:right;-moz-box-pack:right;-ms-flex-pack:right;justify-content:right;font-size:1rem;color:#666}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:100%;position:relative;margin-top:.4rem;padding-top:2.8rem}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap .bar{position:relative;width:100%;height:.9rem;background:#eee;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap .bar .bar-active{position:absolute;top:0;left:0;width:0;max-width:100%;height:.9rem;background:#7d8aff;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap .bar .ballon{position:absolute;top:-2.6rem;right:-1.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:3.1rem;height:2rem;color:#fff;font-size:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem;background:#3b3fb5}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap .bar .ballon::before{content:"";position:absolute;bottom:-0.3rem;left:50%;border-top:.8rem solid #3b3fb5;border-left:.6rem solid rgba(0,0,0,0);border-right:.6rem solid rgba(0,0,0,0);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap .bar-info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:.7rem}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap .bar-info .date{color:#999;font-size:1rem;font-weight:400;line-height:1.1rem}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap .bar-info .num{font-size:1rem;line-height:1;color:#999}#container.buttertime .bookclass-info-wrap .item.type-info .progress-wrap .bar-info .num strong{color:#3b3fb5}#container.buttertime .bookclass-info-wrap .item.size-s{width:4.6rem;height:6.5rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem}#container.buttertime .bookclass-info-wrap .item.size-s.type-info{width:-webkit-calc(100% - 4.6rem);width:-moz-calc(100% - 4.6rem);width:calc(100% - 4.6rem);padding-left:.8rem}#container.buttertime .bookclass-info-wrap .item.size-s.type-info .title{font-size:1.2rem;height:2rem;width:100%;display:block;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:visible}#container.buttertime .bookclass-info-wrap .item.size-s .progress-info{width:100%}#container.buttertime .bookclass-info-wrap .item.size-s .progress-info>li .tit{min-width:6.4rem}#container.buttertime .bookclass-info-wrap .item.size-s .progress-info>li .bar{width:7.8rem}#container.buttertime .bookclass-info-wrap .item.size-m{width:7rem;height:10rem;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem}#container.buttertime .bookclass-info-wrap .item.size-m.type-info{width:-webkit-calc(100% - 7rem);width:-moz-calc(100% - 7rem);width:calc(100% - 7rem);padding-left:1.4rem}#container.buttertime .bookclass-info-wrap .item.size-m.type-info .title{font-size:1.6rem;line-height:2rem;height:4rem;width:100%;display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;white-space:normal}#container.buttertime .bookclass-info-wrap .item.size-m .progress-info{width:100%}#container.buttertime .bookclass-info-wrap .item.size-m .progress-info>li .tit{min-width:6.4rem}#container.buttertime .bookclass-info-wrap .item.size-m .progress-info>li .bar{width:7.8rem}#container.buttertime .bookclass-info-wrap .item.size-l{width:10.6rem;height:15.5rem;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem}#container.buttertime .bookclass-info-wrap .item.size-l.type-info{width:-webkit-calc(100% - 10.6rem);width:-moz-calc(100% - 10.6rem);width:calc(100% - 10.6rem);padding-left:1.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible}#container.buttertime .bookclass-info-wrap .item.size-l.type-info .title{font-size:1.4rem;line-height:2rem;height:2rem;width:100%;display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#container.buttertime .bookclass-info-wrap .item.size-l .progress-info{width:100%}#container.buttertime .bookclass-info-wrap .item.size-l .progress-info>li .tit{min-width:6.4rem}#container.buttertime .bookclass-info-wrap .item.size-l .progress-info>li .bar{width:7.8rem}#container.buttertime .bookclass-info-wrap .item.size-full{width:100%;height:auto;display:block}#container.buttertime .bookclass-info-wrap .item.size-full .txt{margin:1.3rem 0;font-size:1.4rem;color:#666;line-height:2rem;height:4rem;width:100%;display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}#container.buttertime .bookclass-info-wrap .progress-info{width:100%}#container.buttertime .bookclass-info-wrap .progress-info>li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;margin-top:.4rem;font-size:1.2rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#container.buttertime .bookclass-info-wrap .progress-info>li .tit{min-width:6.8rem;color:#222}#container.buttertime .bookclass-info-wrap .progress-info>li .txt{color:#666;white-space:nowrap}#container.buttertime .bookclass-info-wrap .progress-info>li .txt b{font-weight:700;color:#3b3fb5}#container.buttertime .bookclass-info-wrap .progress-info>li .bar{position:relative;width:12.8rem;height:.9rem;margin-right:.9rem;background:#f4f4f4;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}#container.buttertime .bookclass-info-wrap .progress-info>li .bar .bar-active{position:absolute;top:0;left:0;width:0;max-width:100%;height:.9rem;background:#3b3fb5;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}#container.buttertime .bookclass-info-wrap .test-wrap{width:100%}#container.buttertime .bookclass-info-wrap .test-wrap .box-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:5.1rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#f2f5ff;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem}#container.buttertime .bookclass-info-wrap .test-wrap .box-wrap .box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:33.3%;height:100%;background-color:rgba(0,0,0,0);border-right:1px solid #fff;text-align:center}#container.buttertime .bookclass-info-wrap .test-wrap .box-wrap .box:last-of-type{border:0}#container.buttertime .bookclass-info-wrap .test-wrap .box-wrap .box span{display:block;font-weight:700;line-height:2.1rem;color:#3b3fb5}#container.buttertime .bookclass-info-wrap .test-wrap .box-wrap .box .tit{font-weight:400;color:#222;font-size:1.2rem;line-height:1.8rem}#container.buttertime .bookclass-info-wrap .test-wrap .s-txt{padding-top:.5rem;font-size:1rem;color:#666}#container.buttertime .v-slide-wrap{overflow-x:auto;overflow-y:visible;padding:0 0 1.2rem}#container.buttertime .v-slide-wrap.story-type+.btn-more{margin-top:1.6rem}#container.buttertime .v-slide-wrap.card-type{padding:.8rem 0}#container.buttertime .tab-wrap-02{position:static;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:4.7rem;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);background:#fff;border:1px solid #e5ecff;margin:0 0 2.4rem}#container.buttertime .tab-wrap-02 button{position:static;color:#666;font-size:1.4rem;font-weight:500;text-align:center;width:50%;height:100%}#container.buttertime .tab-wrap-02 button.on{font-weight:700;background-color:#e5ecff;color:#3b3fb5}#container.buttertime #menu2{display:none;position:absolute;top:0;right:0;width:100%;height:-webkit-calc(var(--vh, 1vh) * 100);height:-moz-calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh)*100);z-index:999}#container.buttertime #menu2 .menu-bg{position:absolute;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .2s;-o-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}#container.buttertime #menu2 .menu-wrap{position:relative;right:-26rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:26rem;height:100%;overflow-y:auto;margin-left:-webkit-calc(100% - 26rem);margin-left:-moz-calc(100% - 26rem);margin-left:calc(100% - 26rem);background:#fff;z-index:2;-webkit-transition:right .2s;-o-transition:right .2s;-moz-transition:right .2s;transition:right .2s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}#container.buttertime #menu2 .btn-close{display:none;opacity:0;position:absolute;top:3.6rem;right:27.8rem;width:2.4rem;height:2.4rem;background:url(../img/buttertime/ico_close.png) no-repeat center center;-moz-background-size:100%;background-size:100%;font:0/0 a,sans-serif;z-index:10;-webkit-transition:opacity .2s;-o-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}#container.buttertime #menu2 .btn-close.on{display:block;opacity:1;-webkit-transition:opacity .2s;-o-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}#container.buttertime #menu2 .user-info{position:relative;padding:2rem 2.4rem 1.8rem}#container.buttertime #menu2 .user-info .tag{position:absolute;top:2rem;right:2.4rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:4.8rem;height:2.4rem;-webkit-border-radius:1.2rem;-moz-border-radius:1.2rem;border-radius:1.2rem;background-color:#ffc600;font-size:1rem;color:#3b3fb5}#container.buttertime #menu2 .user-info .nickName{font-size:2rem;line-height:2.4rem;height:2.6rem;width:16rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;color:#3b3fb5}#container.buttertime #menu2 .user-info .user{font-size:1.2rem;margin-top:.8rem}#container.buttertime #menu2 .user-info .user .name{position:relative;display:block;max-width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;color:#3b3fb5}#container.buttertime #menu2 .user-info .user .email{display:block;color:#666;max-width:100%;height:2rem;line-height:1.6rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px}#container.buttertime #menu2 .user-data .d-day{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 2.4rem;font-size:1.2rem;color:#3b3fb5;background:#e5ecff;line-height:28px}#container.buttertime #menu2 .user-data .d-day strong{font-weight:bold;font-size:3.2rem;color:#3b3fb5;line-height:25px;margin-top:0}#container.buttertime #menu2 .user-data .statistics{padding:2.4rem 2.4rem .8rem}#container.buttertime #menu2 .user-data .statistics>.txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#container.buttertime #menu2 .user-data .title{color:#3b3fb5}#container.buttertime #menu2 .user-data .count{font-size:1.4rem;color:#666}#container.buttertime #menu2 .user-data .count strong{font-weight:700;color:#3b3fb5}#container.buttertime #menu2 .user-data .bar{position:relative;width:100%;height:.9rem;margin:.8rem 0 1.6rem;background:#f2f2f2;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}#container.buttertime #menu2 .user-data .bar .bar-active{position:absolute;top:0;left:0;width:0;max-width:100%;height:.9rem;background:#ffc600;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}#container.buttertime #menu2 .user-data .statistics .txt.mpm{margin-bottom:1.6rem}#container.buttertime #menu2 .user-data .statistics .mpm-txt-desc{position:relative;background:#fff6e0;margin:2.4rem -2.4rem -0.8rem -2.4rem;padding:.8rem 2.4rem;font-size:1.2rem;font-weight:500;color:#cc7a00;line-height:1.7rem}#container.buttertime #menu2 .user-data .statistics .mpm-txt-desc:before{content:"";position:absolute;left:50%;bottom:100%;display:block;width:2.2rem;height:1.4rem;background-image:url("../img/buttertime/tooltip_arrow_top.png");background-repeat:no-repeat;background-size:100%;transform:translateX(-50%)}#container.buttertime #menu2 .user-data .statistics .mpm-txt-desc .em{font-weight:700;color:#641}#container.buttertime #menu2 .user-data .statistics .mpm-date{height:2.1rem;margin-top:-0.6rem;padding:.2rem 0;border-radius:1rem;background:#3b3fb5;font-size:1.2rem;font-weight:500;color:#e5ecff;text-align:center;line-height:1.7rem}#container.buttertime #menu2 .menu-list-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;overflow-y:auto}#container.buttertime #menu2 .menu-list-wrap .menu-list01{border-top:1px solid #e5ecff;border-bottom:1px solid #e5ecff;padding:1.2rem 0}#container.buttertime #menu2 .menu-list-wrap .menu-list01 button{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:1.2rem 2.4rem;font-size:1.6rem}#container.buttertime #menu2 .menu-list-wrap .menu-list01 button::before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin-right:.6rem;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat}#container.buttertime #menu2 .menu-list-wrap .menu-list02{padding:1.6rem 0}#container.buttertime #menu2 .menu-list-wrap .menu-list02 button{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:.8rem 2.4rem;font-size:1.4rem}#container.buttertime #menu2 .menu-list-wrap .menu-list02 button::before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin-right:.6rem;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat}#container.buttertime #menu2 .menu-list-wrap .menu01 button::before{background-image:url(../img/buttertime/ico_back.png)}#container.buttertime #menu2 .menu-list-wrap .menu02 button::before{background-image:url(../img/buttertime/ico_bookmark.png)}#container.buttertime #menu2 .menu-list-wrap .menu03 button::before{background-image:url(../img/buttertime/menu_txt.png)}#container.buttertime #menu2 .menu-list-wrap .menu04 button::before{background-image:url(../img/buttertime/menu_noti.png)}#container.buttertime #menu2 .menu-list-wrap .menu05 button::before{background-image:url(../img/buttertime/menu_coupon.png)}#container.buttertime #menu2 .menu-list-wrap .menu06 button::before{background-image:url(../img/buttertime/menu_setting.png)}#container.buttertime #menu2 .btm-wrap{width:100%;padding:0 1.3rem;border-top:1px solid #e5ecff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#666;font-size:1.2rem}#container.buttertime #menu2 .btm-wrap button{display:inline-block;padding:0 1.1rem;height:4.8rem}#container.buttertime #menu2.menuOpen{display:block}#container.buttertime #menu2.menuOpen .menu-bg.on{opacity:1}#container.buttertime #menu2.menuOpen .menu-wrap.on{right:0}#container.buttertime .today-mission-wrap{margin-top:2.5rem}#container.buttertime .topicInfo>.main-cont-inner>.topic-wrap{margin-bottom:1rem}#container.buttertime .topicInfo+.situationInfo>.main-cont-inner{padding-top:0;margin-top:3rem}.buttertime{font-family:"NotoM",sans-serif}.buttertime .swiper-wrapper{height:auto}.buttertime .swiper-slide{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);will-change:transform}.buttertime .swiper-count-wrap{padding-top:1.2rem;padding-bottom:3.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.buttertime .swiper-count-wrap>div{font-size:1.4rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#792323}.buttertime .swiper-count-wrap .swiper-prev{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.buttertime .swiper-count-wrap .swiper-pagination-current{font-weight:700}.buttertime .swiper-count-wrap .swiper-count>span{font-weight:700}.buttertime .ban-slider{position:relative;width:100%;overflow:hidden;display:block;margin:3.5rem 0 0}.buttertime .ban-slider .ban img{width:100%}.buttertime .main-banner-wrap{position:relative;background:url(../img/buttertime/main_banner_bg.png) no-repeat center bottom;-moz-background-size:100% 100%;background-size:100% 100%;padding-top:7.6rem}.buttertime .main-banner-wrap .swiper-slide{padding:0 1.8rem}.buttertime .main-banner-wrap .swiper-slide .banner-wrap{position:relative;width:100%;height:19.6rem;overflow:hidden;-webkit-border-radius:1.5rem;-moz-border-radius:1.5rem;border-radius:1.5rem;-webkit-box-shadow:0px 10px 20px rgba(0,0,0,.15);-moz-box-shadow:0px 10px 20px rgba(0,0,0,.15);box-shadow:0px 10px 20px rgba(0,0,0,.15);z-index:-1}.buttertime .main-banner-wrap .swiper-slide .bannerImg-wrap{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1}.buttertime .main-banner-wrap .swiper-slide .bannerImg{width:100%;height:100%;-moz-background-size:100%;background-size:100%;background-position:center center;background-color:#fff}.buttertime .main-banner-wrap .swiper-slide .bannerDim{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#3b3fb5;opacity:.6}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-banner{padding:13.3rem 0 0 3.3rem;font-size:ren(12);color:#000}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-banner strong{font-weight:700}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-center{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:0 2rem 0;text-align:center;color:#fff}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-center>.txt b{display:block;font-size:20px;font-weight:700;margin-bottom:8px}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-center>.txt span{display:block;font-size:14px;font-weight:700}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-center>.btn{width:12rem;height:3.6rem;margin:0 auto;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;background-color:#3b3fb5;margin-bottom:2rem;font-weight:700}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-book{width:100%;height:100%;padding:0 2rem 0}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-book>.top{color:#666;border-color:#d9d9d9}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-book .bookclass-info-wrap{padding:2rem 0}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap>.top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.25);font-size:1.2rem;font-weight:500}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap>.top button,.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap>.top span{padding:1.2rem 0}.buttertime .main-banner-wrap .abs-img{position:absolute;bottom:-3.8rem;right:.9rem;width:12.9rem;height:16.6rem;z-index:1}.buttertime .main-banner-wrap .abs-img img{width:100%}.buttertime .sticky-tab-menu{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:32.9rem;height:5.2rem;margin:2.6rem auto 0;-webkit-border-radius:2.6rem;-moz-border-radius:2.6rem;border-radius:2.6rem;background-color:#fff;border:1px solid #3b3fb5;z-index:1}.buttertime .sticky-tab-menu button{width:33%;color:#222;font-size:1.6rem;font-weight:700;-webkit-border-radius:2.6rem;-moz-border-radius:2.6rem;border-radius:2.6rem}.buttertime .sticky-tab-menu button.active{background-color:#3b3fb5;color:#fff}.buttertime .sticky-tab-menu.fixed{position:fixed;top:10px;left:50%;margin-top:0;margin-left:-16.5rem;z-index:20}.buttertime .sticky-tab-menu.fixed+.scroll-target{padding-top:7.8rem}.buttertime .filter-btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto}.buttertime .filter-btn-wrap::-webkit-scrollbar{width:0px}.buttertime .filter-btn-wrap>div{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 1rem}.buttertime .filter-btn-wrap>div:first-child{padding-left:0}.buttertime .filter-btn-wrap>div:after{content:"";position:absolute;right:0;top:50%;margin-top:-1.1rem;width:1px;height:2.2rem;background-color:#d9d9d9}.buttertime .filter-btn-wrap .btn{width:5rem;height:3.2rem;border:1px solid #ddd;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;margin:0 .2rem}.buttertime .filter-btn-wrap .btn.on{background-color:#262626;color:#fff}.buttertime .main-l>.main-colnt-inner{padding-top:0;padding-bottom:0}.buttertime .main-cont-inner>.title{padding-left:.8rem;padding-bottom:1.6rem;font-size:2.4rem;font-weight:700;line-height:2.8rem}.buttertime .main-cont-inner>.title strong{color:#3b3fb5;display:inline-block;max-width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.buttertime .main-cont-inner>.title.small{margin-top:-1rem;padding-bottom:.5rem;font-size:1.8rem;line-height:2.6rem}.buttertime .main-cont-inner>.title+.sub-txt{margin-top:-1.2rem;padding-left:.8rem;padding-bottom:2.4rem;font-size:1.4rem;font-weight:500}.buttertime .main-cont-inner>div[class*=-wrap]{position:relative;margin-bottom:3.8rem}.buttertime .main-cont-inner>div[class*=-wrap] h2{padding-left:.8rem;padding-bottom:1.6rem;font-size:1.8rem;font-weight:700}.buttertime .main-cont-inner>div[class*=-wrap] h2+.sub-txt{margin-top:-1rem;padding-left:.8rem;font-size:1.4rem;padding-bottom:.6rem;color:#222}.buttertime .main-cont-inner>div[class*=-wrap] h2+.sub-txt.gray{color:#aaa}.buttertime .main-cont-inner>div[class*=-wrap] h2+.btn-more{position:absolute;right:.8rem;top:.5rem;font-size:1.2rem}.buttertime .main-cont-inner>div[class*=-wrap] h2.hidde{font:0/0 a,sans-serif}.buttertime .main-cont-inner>div[class*=-wrap] .filter-wrap{display:flex;position:absolute;right:.8rem;top:0;font-size:1.2rem;height:2rem;color:#3b3fb5}.buttertime .main-cont-inner>div[class*=-wrap] span{margin-left:.1rem}.buttertime .main-cont-inner>div[class*=-wrap] .filter-wrap .span-filter{padding-left:.2rem;height:100%;margin:0 auto}.buttertime .main-cont-inner>div[class*=-wrap] .filter-wrap::before{content:"";width:.9rem;height:100%;background:url(../img/buttertime/ico_filter.png) no-repeat center center;-moz-background-size:100%;background-size:100%;margin:0 auto}.buttertime .main-cont-inner>div[class*=-wrap].top-mission-wrap{margin:1.6rem 0 2.5rem}.buttertime .main-cont-inner>div[class*=-wrap].situation-expression-wrap h2{padding-bottom:1rem}.buttertime .main-cont-inner .btn-more.w-100{width:100%;height:5.2rem;margin-top:1.2rem;border:1px solid #d9d9d9;font-size:1.6rem;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem;font-weight:500}.buttertime .main-cont-inner .btn-more.w-100 i{vertical-align:middle}.buttertime .main-cont-inner .btn-more.w-100.last .down{width:1.1rem;height:.7rem;background-image:url("../img/buttertime/arrow_down.png");-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);margin-top:-0.4rem}.buttertime .card-type .slide-item{width:30rem;height:13.4rem;padding:2rem;margin-right:.8rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:1.6rem;-moz-border-radius:1.6rem;border-radius:1.6rem;background:#fff;-webkit-box-shadow:0px 3px 10px rgba(0,0,0,.15);-moz-box-shadow:0px 3px 10px rgba(0,0,0,.15);box-shadow:0px 3px 10px rgba(0,0,0,.15)}.buttertime .card-type .slide-item .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.1rem;color:#666;padding-bottom:1rem}.buttertime .card-type .slide-item .top .title{font-size:1.6rem;color:#222;font-weight:500}.buttertime .mission-type .slide-item{width:16rem;height:16rem;padding:1.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:.8rem;-webkit-border-radius:1.6rem;-moz-border-radius:1.6rem;border-radius:1.6rem;text-align:center}.buttertime .mission-type .slide-item .tag{display:inline-block;padding:.4rem .8rem;font-size:1rem;line-height:1.8rem;border:1px solid;-webkit-border-radius:1.3rem;-moz-border-radius:1.3rem;border-radius:1.3rem}.buttertime .mission-type .slide-item .today-mission-txt-box{position:relative;height:5.4rem;margin:.7rem 0}.buttertime .mission-type .slide-item .txt{position:absolute;top:50%;transform:translateY(-50%);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;max-height:5.4rem;color:#262626;font-weight:500;white-space:normal;text-overflow:ellipsis;word-break:keep-all;font-size:1.4rem}.buttertime .mission-type .slide-item .btn{width:100%;height:3.6rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;font-weight:700}.buttertime .mission-type .slide-item .txt-color{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:3rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-break:keep-all;font-size:1.2rem}.buttertime .mission-type .slide-item .txt-percent{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:.7rem 0;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:keep-all;height:3rem;font-size:1.2rem;font-family:"Lato","NotoM",sans-serif}.buttertime .mission-type .slide-item .txt-percent dl{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.2rem}.buttertime .mission-type .slide-item .txt-percent dl dt{font-family:"NotoB",sans-serif}.buttertime .mission-type .slide-item .txt-percent dl dd{font-family:"Lato","NotoM",sans-serif}.buttertime .mission-type .slide-item .txt-percent dl .txt-primary{color:#3b3fb5}.buttertime .mission-type .slide-item .txt-percent dl .ico{display:inline-block;width:.8rem;height:.8rem;margin:0 .4rem;background-image:url(../img/buttertime/ico_arrow_primary.png);-moz-background-size:100%;background-size:100%}.buttertime .story-type .bg-color-purple{color:#79234e;background-color:#fce4f0}.buttertime .story-type .bg-color-purple .ico-more{background-image:url(../img/buttertime/ico_more_p.png)}.buttertime .story-type .bg-color-blue{background-color:#d6f5ff;color:#0082ab}.buttertime .story-type .bg-color-blue .ico-more{background-image:url(../img/buttertime/ico_more_b.png)}.buttertime .story-type .slide-item{padding:0;width:14.4rem;height:18rem;overflow:hidden}.buttertime .story-type .slide-item .img{width:100%;height:10.8rem;-moz-background-size:cover;background-size:cover}.buttertime .story-type .slide-item .btm-wrap{position:relative;padding:1.7rem 2rem}.buttertime .story-type .slide-item .btm-wrap .top-text{position:absolute;top:-1rem;left:1rem;padding:.3rem 1rem;font-size:1rem;-webkit-border-radius:1.2rem;-moz-border-radius:1.2rem;border-radius:1.2rem;background-color:#ffc600}.buttertime .story-type .slide-item .btm-wrap .btm-text{font-size:1.4rem;font-weight:700;height:3.6rem;width:100%;display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.buttertime .story-type .slide-item.complete .btm-wrap:after{content:"";position:absolute;top:-1rem;right:1rem;width:2.4rem;height:2.4rem;background-image:url(../img/buttertime/ico_chk.png);-moz-background-size:100%;background-size:100%}.buttertime .story-type .title{position:relative;height:18rem;padding:2rem;font-size:1.8rem;line-height:2.4rem;font-weight:700}.buttertime .story-type .title .ico-more{font:0/0 a,sans-serif;position:absolute;right:2rem;bottom:2rem;width:3.7rem;height:2.4rem;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat}.buttertime .conversation-type .slide-item{width:30rem;height:17.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;overflow:hidden;border:1px solid #e5ecff;margin-right:.8rem}.buttertime .conversation-type .slide-item>div{text-align:center;width:100%;height:50%;padding:2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.buttertime .conversation-type .slide-item .top-wrap{background:#fff}.buttertime .conversation-type .slide-item .top-wrap strong{color:#3b3fb5;font-size:2rem;line-height:2.4rem;height:2.4rem;font-weight:700;width:100%;display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.buttertime .conversation-type .slide-item .top-wrap p{color:#21a052;font-size:1.8rem;line-height:2.2rem;height:2.4rem;width:100%;display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.buttertime .conversation-type .slide-item .btm-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:50%;background-color:#e5ecff}.buttertime .conversation-type .slide-item .btm-wrap dl{width:100%;margin-bottom:1.2rem;font-size:1.4rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.buttertime .conversation-type .slide-item .btm-wrap dl dt{line-height:1.8rem;position:relative;padding-right:.8rem;margin-right:.8rem;color:#3b3fb5}.buttertime .conversation-type .slide-item .btm-wrap dl dt:after{content:"";position:absolute;right:0;top:50%;margin-top:-0.7rem;width:1px;height:1.4rem;background-color:#3b3fb5}.buttertime .conversation-type .slide-item .btm-wrap dl dd{line-height:1.8rem;height:1.8rem;width:-webkit-calc(100% - 4.2rem);width:-moz-calc(100% - 4.2rem);width:calc(100% - 4.2rem);display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align:left}.buttertime .situation-type .slide-item{width:30rem;height:24.4rem;-webkit-border-radius:1.6rem;-moz-border-radius:1.6rem;border-radius:1.6rem;overflow:hidden}.buttertime .situation-type .slide-item.title{padding:0;width:14.4rem;height:24.4rem;font-size:1.8rem;line-height:2.4rem;font-weight:700;color:#fff;-moz-background-size:100%;background-size:100%}.buttertime .situation-type .slide-item.title .bg-dim-blue{background-color:rgba(59,63,181,.5)}.buttertime .situation-type .slide-item.title .bg-dim-green{background-color:rgba(33,160,82,.5)}.buttertime .situation-type .slide-item.title .txt{position:relative;width:100%;height:100%;padding:2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.buttertime .situation-type .slide-item.title .ico-more{font:0/0 a,sans-serif;position:absolute;right:2rem;bottom:2rem;width:3.7rem;height:2.4rem;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat;background-image:url(../img/buttertime/ico_more_w.png)}.buttertime .situation-type .slide-item>.top-wrap{padding-bottom:1.2rem;font-weight:700}.buttertime .situation-type .slide-item>.top-wrap>p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.buttertime .situation-type .slide-item>.mid-wrap{height:12.5rem;padding:1.2rem 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.buttertime .situation-type .slide-item>.mid-wrap dl{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.buttertime .situation-type .slide-item>.mid-wrap dl:first-child{margin-bottom:1rem}.buttertime .situation-type .slide-item>.mid-wrap dt{font:0/0 a,sans-serif;width:2.8rem;height:2.8rem;margin-right:1.1rem;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat}.buttertime .situation-type .slide-item>.mid-wrap dt.ai{background-image:url(../img/buttertime/ico_ai.png)}.buttertime .situation-type .slide-item>.mid-wrap dt.you{background-image:url(../img/buttertime/ico_user.png)}.buttertime .situation-type .slide-item>.mid-wrap dd{line-height:2rem;height:4rem;width:100%;display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.buttertime .situation-type .slide-item>.mid-wrap dd .blankText{height:100%;overflow:hidden}.buttertime .situation-type .slide-item>.mid-wrap dd .blank{font-size:1.2rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem;background-color:#e5ecff;color:rgba(0,0,0,0)}.buttertime .situation-type .slide-item>.btm-wrap{margin-top:1.4rem;color:#666;line-height:1.8rem;height:3.7rem;width:100%;display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.buttertime .topic-slider{position:relative;overflow:hidden;margin:0 -1.6rem;height:-webkit-fit-content}.buttertime .topic-slider .swiper-slide{width:100%;padding:3.2rem 1.6rem 3.7rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.buttertime .topic-slider .swiper-slide.color-1{background-color:#0082ab}.buttertime .topic-slider .swiper-slide.color-2{background-color:#286741}.buttertime .topic-slider .swiper-slide.color-3{background-color:#b96f00}.buttertime .topic-slider .swiper-slide.color-4{background-color:#3b3fb5}.buttertime .topic-slider .swiper-slide.color-5{background-color:#b83777}.buttertime .topic-slider .swiper-count-wrap{position:absolute;bottom:1rem;padding:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.buttertime .topic-slider .swiper-count-wrap>div{color:#fff;font-size:1.2rem;opacity:.5}.buttertime .topic-slider h3{padding-bottom:3.2rem;font-weight:700;font-size:2.6rem;color:#fff;opacity:.85}.buttertime .topic-slider .list>li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:8.8rem;margin-bottom:.8rem;overflow:hidden;-webkit-border-radius:1.6rem;-moz-border-radius:1.6rem;border-radius:1.6rem;background-color:rgba(255,255,255,.15);color:#fff}.buttertime .topic-slider .list>li .kr{font-weight:700;font-size:1.6rem}.buttertime .topic-slider .list>li .en{margin-top:.8rem;font-weight:400;font-size:1.4rem}.buttertime .today-bookclass-wrap .txt-area{width:100%;height:10.8rem;padding:2.5rem 0;border:1px solid #3b3fb5;border-bottom:0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#e5ecff;-webkit-border-radius:1.6rem 1.6rem 0 0;-moz-border-radius:1.6rem 1.6rem 0 0;border-radius:1.6rem 1.6rem 0 0}.buttertime .today-bookclass-wrap .txt-area .kr{font-size:1.6rem;font-weight:700}.buttertime .today-bookclass-wrap .txt-area .en{margin-top:.4rem;font-size:1.4rem;font-weight:400;color:#3b3fb5}.buttertime .today-bookclass-wrap .bookclass-info-wrap{width:100%;padding:2rem;border:1px solid #3b3fb5;border-top:0;-webkit-border-radius:0 0 1.6rem 1.6rem;-moz-border-radius:0 0 1.6rem 1.6rem;border-radius:0 0 1.6rem 1.6rem}.buttertime .today-bookclass-wrap .bookclass-info-wrap .btn-view{width:100%;color:#3b3fb5;font-size:1.4rem;font-weight:700;text-align:center}.buttertime .defalut-bookclass-wrap{margin-top:1rem}.buttertime .defalut-bookclass-wrap>h2+div.sub-txt.gray{padding-bottom:2.4rem;margin-top:-0.4rem}.buttertime .defalut-bookclass-wrap .list>div{padding:1.2rem 0;border-bottom:1px solid #eee}.buttertime .defalut-bookclass-wrap .list>div:first-child{padding-top:0}.buttertime .defalut-bookclass-wrap .list>div:last-of-type{margin-bottom:1.2rem;border:0}.buttertime .defalut-bookclass-wrap .card-list-type>div.empty{width:100%;border:0;height:15rem;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:url(../img/buttertime/no_data_img.png) no-repeat center center;-moz-background-size:100%;background-size:100%;text-align:center}.buttertime .defalut-bookclass-wrap .card-list-type>div.empty strong{display:block;padding:7.2rem 0 .4rem;font-size:1.6rem;color:#3b3fb5}.buttertime .defalut-bookclass-wrap .card-list-type>div.empty .s-txt{font-family:"NotoR",serif;font-weight:normal;color:#aaa}.buttertime .defalut-bookclass-wrap .card-list-type{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.buttertime .defalut-bookclass-wrap .card-list-type .book-item{-webkit-box-flex:0;-webkit-flex:0 0 -webkit-calc(33% - 0.4rem);-moz-box-flex:0;-ms-flex:0 0 calc(33% - .4rem);flex:0 0 calc(33% - .4rem);margin-right:.6rem;margin-bottom:1.2rem}.buttertime .defalut-bookclass-wrap .card-list-type .book-item:nth-of-type(3n){margin-right:0}.buttertime .defalut-bookclass-wrap .card-list-type .bannerImg-wrap{width:100%;height:15.5rem;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem;overflow:hidden}.buttertime .defalut-bookclass-wrap .card-list-type .bannerImg-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.buttertime .defalut-bookclass-wrap .card-list-type .subscribe{width:100%;font-size:1rem;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.buttertime .thumb-list-wrap li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.buttertime .thumb-list-wrap li:last-of-type .txt-wrap{border:0}.buttertime .thumb-list-wrap li .img{width:8rem;height:8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;overflow:hidden;margin:.7rem 0}.buttertime .thumb-list-wrap li .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.buttertime .thumb-list-wrap li .txt-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 1 -webkit-calc(100% - 9.2rem);-moz-box-flex:0;-ms-flex:0 1 calc(100% - 9.2rem);flex:0 1 calc(100% - 9.2rem);min-height:8rem;margin-left:1.2rem;padding:.7rem 0;border-bottom:1px solid #eee;font-size:1.4rem}.buttertime .thumb-list-wrap li .txt-wrap .kr{font-weight:500}.buttertime .thumb-list-wrap li .txt-wrap .en{color:#3b3fb5;margin-top:.6rem}.recommend-list-wrap{height:100%;overflow:scroll;padding-bottom:5.4rem}.recommend-list-wrap>li+li{margin-top:1.4rem}.recommend-list-wrap .banner-wrap{position:relative;height:22.6rem}.recommend-list-wrap .banner-wrap .bannerImg-wrap{position:relative;height:100%}.recommend-list-wrap .banner-wrap .bannerImg-wrap .bannerImg-dimm{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.recommend-list-wrap .banner-wrap .bannerImg-wrap .bannerImg-dimm2{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(328.63deg, rgba(59, 63, 181, 0.3) 0%, rgba(0, 0, 0, 0) 98.29%);background:-moz-linear-gradient(328.63deg, rgba(59, 63, 181, 0.3) 0%, rgba(0, 0, 0, 0) 98.29%);background:-o-linear-gradient(328.63deg, rgba(59, 63, 181, 0.3) 0%, rgba(0, 0, 0, 0) 98.29%);background:linear-gradient(121.37deg, rgba(59, 63, 181, 0.3) 0%, rgba(0, 0, 0, 0) 98.29%)}.recommend-list-wrap .banner-wrap .bannerImg-wrap img{object-fit:cover;height:100%;width:100%}.recommend-list-wrap .banner-wrap .banner-center-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 1.8rem;color:#fff;text-align:center}.recommend-list-wrap .banner-wrap .banner-center-wrap .banner-top{margin:0 0 1.2rem 0;line-height:1.4rem;font-family:"NotoR",serif;font-weight:normal}.recommend-list-wrap .banner-wrap .banner-center-wrap .banner-text-wrap .top-text{font-size:2rem;line-height:2.4rem;letter-spacing:-0.04em;font-family:"NotoB",serif;font-weight:normal}.recommend-list-wrap .banner-wrap .banner-center-wrap .banner-text-wrap .btm-text{margin:.8rem 0 0 0;font-size:1.6rem;line-height:2rem;letter-spacing:-0.02em;font-style:italic;font-family:"NotoR",serif;font-weight:normal}.recommend-list-wrap .banner-wrap .banner-btn-wrap{margin:1.6rem 0 0 0}.recommend-list-wrap .banner-wrap .banner-btn-wrap .btn-learn{width:9.5rem;height:3.2rem;border:.2rem solid #7d8aff;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem;background-color:rgba(0,0,0,0);color:#7d8aff;font-family:"NotoB",serif;font-weight:normal}.recommend-list-wrap .banner-wrap .banner-btn-wrap .btn-learn:after{content:"";display:inline-block;width:1.2rem;height:1.2rem;margin:-0.2rem 0 0 .4rem;background-image:url("../img/icons/icon_btn_arr.png");-moz-background-size:auto 1.2rem;background-size:auto 1.2rem;vertical-align:middle}.recommend-list-wrap .banner-wrap .banner-btn-wrap .btn-learn:active{background-color:#d4dfff;border-color:#7d8aff;color:#7d8aff}.recommend-list-wrap .banner-wrap .banner-btn-wrap .btn-learn:active:after{background-position:-1.2rem 0}.mission-list-wrap{padding:3.2rem 0}.mission-list-wrap .list-title{margin:0 0 2rem 0;padding:0 .4rem}.mission-list-wrap .missionCard{padding:2rem 1.8rem 1.8rem;background:#fff;-webkit-border-radius:1.6rem;-moz-border-radius:1.6rem;border-radius:1.6rem}.mission-list-wrap .missionCard:active{background:#f2f5ff}.mission-list-wrap .missionCard+.missionCard{margin:1rem 0 0 0}.mission-list-wrap .missionCard .inner{position:relative}.mission-list-wrap .missionCard b{color:#3b3fb5}.mission-list-wrap .missionCard .title-top{font-family:"NotoB",serif;font-weight:normal;font-size:1.4rem;letter-spacing:-0.04em;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mission-list-wrap .missionCard .title-btm{min-height:3.6rem;margin:.2rem 0 0 0;color:#777;font-size:1.2rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mission-list-wrap .missionCard .hashTag{min-height:1.8rem;margin:.8rem 0 0 0;padding:0 6rem 0 0;font-weight:bold;color:#3b3fb5;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mission-list-wrap .missionCard .similarity{position:absolute;bottom:0;right:0;font-size:0}.mission-list-wrap .missionCard .similarity:before{content:"";display:inline-block;width:1.4rem;height:1.4rem;margin:0 .4rem 0 0;background-image:url("../img/icon_missionList_similarity.png");-moz-background-size:auto 1.4rem;background-size:auto 1.4rem;vertical-align:middle}.mission-list-wrap .missionCard .similarity strong{display:inline-block;font-size:1.4rem;color:#3b3fb5;vertical-align:middle}.mission-list-wrap .missionCard.disable{background:#fff}.mission-list-wrap .missionCard.disable .title-top{color:rgba(0,0,0,.12)}.mission-list-wrap .missionCard.disable .title-btm{color:rgba(0,0,0,.12)}.mission-list-wrap .missionCard.disable .hashTag{color:rgba(0,0,0,.12)}.mission-list-wrap .missionCard.disable .similarity:before{background-image:url("../img/icon_missionList_similarity_disable.png")}.mission-list-wrap .missionCard.disable .similarity strong{color:rgba(0,0,0,.12)}.mission-list-wrap .challenge-cont-btm-btn-wrap{margin:1.6rem 0 0 0;text-align:right}.mission-list-wrap .challenge-cont-btm-btn-wrap .btn-goChallenge{color:#3b3fb5;font-family:"NotoB",serif;font-weight:normal;font-size:1.4rem;line-height:2.4rem}.mission-list-wrap .challenge-cont-btm-btn-wrap .btn-goChallenge:after{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:0 0 0 0;background-image:url("../img/icons/icon_btn_arr02.png");-moz-background-size:auto 2.4rem;background-size:auto 2.4rem;vertical-align:middle}.listening-preview{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.listening-preview .list-title{padding:3.2rem .4rem 0}.listening-preview .learning-cont-wrap{padding-top:2rem}.listening-preview .learning-cont-wrap ul li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .4rem}.listening-preview .learning-cont-wrap ul li+li{margin:2.4rem 0 0 0}.listening-preview .learning-cont-wrap ul li .text-wrap{min-width:0;width:100%}.listening-preview .learning-cont-wrap ul li .btm-text{display:none;margin:1.4rem 0 0 0;font-size:1.4rem;line-height:2rem;color:#666;font-family:"NotoR",serif;font-weight:normal}.listening-preview .learning-cont-wrap ul li.on{background:#fff;padding:2rem;-webkit-border-radius:1.6rem;-moz-border-radius:1.6rem;border-radius:1.6rem}.listening-preview .learning-cont-wrap ul li.on .text-wrap .said-text{display:block}.listening-preview .learning-cont-wrap ul li.on .text-wrap b{font-family:"NotoB",serif;font-weight:normal}.listening-preview .learning-cont-wrap ul li.on .text-wrap .btm-text{display:block}.listening-preview .learning-cont-wrap ul li .text-wrap .said-text{display:none;padding-top:.6rem;color:#7d8aff}.listening-preview .learning-cont-wrap ul li .text-wrap .said-text i{display:inline-block;width:1.2rem;height:1.2rem;background:url(../img/icons/icon_btn_arr03.png) no-repeat center center;-moz-background-size:contain;background-size:contain}.listening-preview .learning-cont-wrap ul li.on .btn-listen{background-color:#3b3fb5}.listening-preview .learning-cont-wrap ul.complete .btn-speak{display:block}.listening-preview .learning-cont-wrap ul.complete .btn-listen{display:block}.listening-preview .learning-cont-wrap ul.complete li{position:relative}.listening-preview .learning-cont-wrap ul.complete li:after{content:"";display:block;background-repeat:no-repeat;background-position:center center;-moz-background-size:100%;background-size:100%}.listening-preview .learning-cont-wrap ul.complete li.gradeAplus:after{width:4rem;height:4rem;background-image:url(../img/icons/grade_Aplus.png)}.listening-preview .learning-cont-wrap ul.complete li.gradeA:after{width:4rem;height:4rem;background-image:url(../img/icons/grade_A.png)}.listening-preview .learning-cont-wrap ul.complete li.gradeB:after{width:4rem;height:4rem;background-image:url(../img/icons/grade_B.png)}.listening-preview .learning-cont-wrap ul.complete li.gradeC:after{width:4rem;height:4rem;background-image:url(../img/icons/grade_C.png)}.listening-preview .learning-cont-wrap ul.complete li.gradeD:after{width:4rem;height:4rem;background-image:url(../img/icons/grade_D.png)}.listening-preview .learning-cont-wrap ul.complete li .top-text{color:#3b3fb5;font-family:"NotoB",serif;font-weight:normal}.listening-preview .learning-cont-wrap ul.complete li .said-text{display:block;font-family:"NotoB",serif;font-weight:normal}.listening-preview .learning-cont-wrap ul.complete li .btm-text{display:block}.listening-preview .btm-challenge-score-wrap{position:fixed;bottom:-30rem;left:0;width:100%;padding:3rem 2.4rem 4rem;-webkit-border-radius:2.4rem 2.4rem 0 0;-moz-border-radius:2.4rem 2.4rem 0 0;border-radius:2.4rem 2.4rem 0 0;background:#fff;z-index:25;text-align:center;-webkit-transition:bottom .3s;-o-transition:bottom .3s;-moz-transition:bottom .3s;transition:bottom .3s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}.listening-preview .btm-challenge-score-wrap.on{bottom:0}.listening-preview .btm-challenge-score-wrap .mission-progress-wrap{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.listening-preview .btm-challenge-score-wrap .mission-progress-wrap .txt{display:block;margin-top:.8rem;font-size:1.4rem}.listening-preview .btm-challenge-score-wrap .mission-progress-wrap .achieve-wrap{letter-spacing:0;color:#999;font-size:1.2rem}.listening-preview .btm-challenge-score-wrap .mission-progress-wrap .achieve-wrap strong{color:#3b3fb5;font-size:1.8rem}.listening-preview .btm-challenge-score-wrap .title{margin:0 0 2.4rem 0;font-size:2rem;font-family:"NotoB",serif;font-weight:normal}.listening-preview .btm-challenge-score-wrap .complete-mission{width:11.4rem;margin:0 .8rem}.listening-preview .btm-challenge-score-wrap .score-mid-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.listening-preview .btm-challenge-score-wrap .score-wrap{width:11.4rem;margin:0 .8rem}.listening-preview .btm-challenge-score-wrap .score-wrap strong{display:block;font-size:2.8rem;color:#3b3fb5;width:8rem;height:8rem;margin:0 auto;line-height:8rem;text-align:center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#ffedbf}.listening-preview .btm-challenge-score-wrap .score-wrap strong span{font-size:2rem}.listening-preview .btm-challenge-score-wrap .listen-btn-wrap{text-align:center}.listening-preview .btm-challenge-score-wrap .listen-btn-wrap button{vertical-align:top}.listening-preview .btm-challenge-score-wrap .listen-btn-wrap button .icon{width:3.6rem;height:3.6rem;margin:0 auto;-moz-background-size:100%;background-size:100%}.listening-preview .btm-challenge-score-wrap .listen-btn-wrap button.btn-modelAnswer .icon{background-image:url("../img/bookClass/icon_btm_score_answer_model.png")}.listening-preview .btm-challenge-score-wrap .score-mid-wrap .listen-btn-wrap button.btn-myAnswer .icon{background-image:url("../img/bookClass/icon_btm_score_answer_my.png")}.listening-preview .btm-challenge-score-wrap .score-mid-wrap .listen-btn-wrap button p{margin:.2rem 0 0 0;font-size:1.2rem;line-height:2rem;font-weight:bold}.listening-preview .btm-challenge-score-wrap .btm-btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:2.4rem 0 0 0}.listening-preview .btm-challenge-score-wrap .btm-btn-wrap button{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-family:"NotoB",serif;font-weight:normal}.listening-preview .btm-challenge-score-wrap .btm-btn-wrap button:last-child{margin:0 0 0 .8rem}.listening-preview .learning-footer-wrap{position:fixed;bottom:0;left:0;width:100%;height:5.6rem;background:#3b3fb5}.listening-preview .learning-footer-wrap .inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:100%;height:100%;font-size:1.4rem;line-height:1.7rem;padding:0 2.4rem;color:#fff}.listening-preview .learning-footer-wrap div[class*=state]{padding:0 0 0 2.5rem;background-repeat:no-repeat;background-position:left top;-moz-background-size:2.4rem;background-size:2.4rem;line-height:2.4rem}.listening-preview .learning-footer-wrap .state-speak{background-image:url("../img/icons/icon_listening_speak.png")}.listening-preview .learning-footer-wrap .state-listen{background-image:url("../img/icons/icon_listening_speak.png")}.listening-preview .learning-footer-wrap .time{color:#fff}.listening-preview .learning-footer-wrap .voice-wave{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;height:4rem;padding:0 2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.listening-preview .learning-footer-wrap .voice-wave ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.listening-preview .learning-footer-wrap .voice-wave ul li+li{margin:0 0 0 .6rem}.listening-preview .learning-footer-wrap .voice-wave ul li .dot{width:.7rem;height:.8rem;max-height:2rem;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#d4dfff;-webkit-transition:height .7s;-o-transition:height .7s;-moz-transition:height .7s;transition:height .7s}.listening-preview .learning-footer-wrap .voice-wave ul.wave li .dot{-webkit-animation:waveAnimation 1s infinite;-moz-animation:waveAnimation 1s infinite;-o-animation:waveAnimation 1s infinite;animation:waveAnimation 1s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}.listening-preview .learning-footer-wrap .voice-wave ul.wave li:nth-child(1) .dot{-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.listening-preview .learning-footer-wrap .voice-wave ul.wave li:nth-child(2) .dot{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.listening-preview .learning-footer-wrap .voice-wave ul.wave li:nth-child(3) .dot{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.listening-preview .learning-footer-wrap .voice-wave ul.wave li:nth-child(4) .dot{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}.listening-preview .learning-footer-wrap .voice-wave ul.wave li:nth-child(5) .dot{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.listening-preview .learning-footer-wrap .voice-wave p{display:none}.listening-preview .learning-footer-wrap .voice-wave.disable ul li .dot{background:rgba(0,0,0,.16) !important}.listening-preview .learning-footer-wrap .voice-wave.complete{background:#7d8aff}.listening-preview .learning-footer-wrap .voice-wave.complete ul li .dot{background:#fff;width:.6rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem}.listening-preview .learning-footer-wrap .voice-wave.complete ul li:nth-child(1) .dot{height:1.2rem}.listening-preview .learning-footer-wrap .voice-wave.complete ul li:nth-child(2) .dot{height:2.4rem}.listening-preview .learning-footer-wrap .voice-wave.complete ul li:nth-child(3) .dot{height:1.6rem}.listening-preview .learning-footer-wrap .voice-wave.complete ul li:nth-child(4) .dot{height:2rem}.listening-preview .learning-footer-wrap .voice-wave.complete ul li:nth-child(5) .dot{height:.8rem}.listening-preview .learning-footer-wrap .voice-wave.complete p{display:block;font-size:1.6rem;margin:0 0 0 2.4rem;color:#fff;font-weight:bold}.listening-preview .learning-footer-wrap .time-progress-wrap{position:absolute;top:0;left:0;width:100%;height:.4rem;background:#7d8aff}.listening-preview .learning-footer-wrap .time-progress-wrap .bg{height:100%;margin:0 0 0 auto;background:#eaeaea;-webkit-transition:width .1s;-o-transition:width .1s;-moz-transition:width .1s;transition:width .1s}.listening-preview .learning-footer-wrap .time-bar .time-progress-wrap{position:absolute;left:0;bottom:0;width:100%;height:.4rem;background:#ddd}.listening-preview .learning-footer-wrap .time-bar .time-progress-wrap .bg{position:absolute;top:0;right:0;height:100%;background:-webkit-gradient(linear, right top, left top, from(#f2c12e), to(#f7af23));background:-webkit-linear-gradient(right, #f2c12e, #f7af23);background:-moz-linear-gradient(right, #f2c12e, #f7af23);background:-o-linear-gradient(right, #f2c12e, #f7af23);background:linear-gradient(to left, #f2c12e, #f7af23)}.listening-preview .learning-footer-wrap .btn-set{margin:auto}.listening-preview .learning-footer-wrap .btn-set button{height:3rem;padding:0 1.2rem;font-size:1.2rem}.listening-preview .learning-footer-wrap .btn-set button:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin:-0.2rem .4rem 0 0;background-image:url("../img/bookClass/icon_retry.png");-moz-background-size:100%;background-size:100%;vertical-align:middle}.listening-preview .learning-footer-wrap .btn-set button+button{margin:0 0 0 .8rem}@-webkit-keyframes waveAnimation{0%{height:.4rem}60%{height:2.4rem}100%{height:.4rem}}@-moz-keyframes waveAnimation{0%{height:.4rem}60%{height:2.4rem}100%{height:.4rem}}@-o-keyframes waveAnimation{0%{height:.4rem}60%{height:2.4rem}100%{height:.4rem}}@keyframes waveAnimation{0%{height:.4rem}60%{height:2.4rem}100%{height:.4rem}}#evtPop img{width:100%}#evtPop .section1{position:relative;z-index:2}#evtPop .section2{position:relative;z-index:1;padding:4rem 3rem 5rem;background-image:url(../img/buttertime/evt_bg1.png),url(../img/buttertime/evt_bg2.png),url(../img/buttertime/evt_bg2_1.png);background-position:0rem -9rem,11rem 13.5rem,bottom center;-moz-background-size:10rem 12.3rem,25rem 33.6rem,100% auto;background-size:10rem 12.3rem,25rem 33.6rem,100% auto;background-repeat:no-repeat,no-repeat,no-repeat}#evtPop .section2 h3{padding:0 0 4rem;font-size:2.4rem;line-height:3.4rem;letter-spacing:-0.15rem;font-family:"NotoR",sans-serif}#evtPop .section2 h3 b.color{font-weight:700;color:#3b3fb5}#evtPop .section2 dl{padding-bottom:4rem}#evtPop .section2 dl dt{font-family:"NotoB",sans-serif;font-size:1.8rem;padding-bottom:.8rem;color:#3b3fb5}#evtPop .section2 dl dd{font-size:1.4rem;line-height:2rem}#evtPop .section2 .phone-box{position:relative;width:-webkit-calc(100% + 6rem);width:-moz-calc(100% + 6rem);width:calc(100% + 6rem);margin-left:-3rem;margin-top:-2rem;height:41.3rem;background:url(../img/buttertime/evt_bg4.png) no-repeat center center;-moz-background-size:100%;background-size:100%}#evtPop .section2 .phone-box .txt{position:absolute;color:#fff;font-size:1.2rem;font-family:"NotoR",sans-serif;line-height:1.8rem;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat;background-position:center center;text-align:center;padding:2.5rem 0 0}#evtPop .section2 .phone-box .txt b{font-weight:700}#evtPop .section2 .phone-box .txt:nth-of-type(1){left:1rem;top:6.4rem;width:11.5rem;height:12.3rem;background-image:url(../img/buttertime/evt_balloon2.png)}#evtPop .section2 .phone-box .txt:nth-of-type(2){padding:3rem 0 0 1rem;top:16rem;right:1rem;width:12.9rem;height:12.1rem;background-image:url(../img/buttertime/evt_balloon1.png)}#evtPop .section2 .book-box h4{font-size:1.8rem;font-weight:700;color:#3b3fb5;padding-bottom:1rem;padding-top:3rem}#evtPop .section2 .book-box .s-txt{font-size:1.4rem;font-family:"NotoR",sans-serif;padding-bottom:1.2rem}#evtPop .section2 .book-box .s-txt .color{color:#3b3fb5;font-family:"NotoM",sans-serif;font-weight:700}#evtPop .section2 .book-box .s-txt .gray{color:#666;white-space:nowrap;font-weight:400}#evtPop .section2 .book-box .f-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:-webkit-calc(100% + 2.8rem);width:-moz-calc(100% + 2.8rem);width:calc(100% + 2.8rem);margin-left:-1.4rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#evtPop .section2 .book-box .f-box li{width:10.1rem}#evtPop .section2 .book-box .f-box+.s-txt{font-family:"NotoM",sans-serif;letter-spacing:-0.075rem;padding-top:2rem;padding-bottom:0;width:-webkit-calc(100% + 1.5rem);width:-moz-calc(100% + 1.5rem);width:calc(100% + 1.5rem)}#evtPop .section2 .book-box .f-box+.s-txt .f-box{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;width:-webkit-calc(100% - 1.5rem);width:-moz-calc(100% - 1.5rem);width:calc(100% - 1.5rem);margin:0}#evtPop .section2 .book-box .f-box i.arrow{display:block;width:1rem;height:1.2rem;position:relative;top:.1rem;background:url(../img/buttertime/arrow_right_g2.png) no-repeat center center;-moz-background-size:100%;background-size:100%}#evtPop .section3{background:#fff6e0 url(../img/buttertime/evt_bg3.png) no-repeat 20.8rem 3rem;-moz-background-size:13.9rem 14.1rem;background-size:13.9rem 14.1rem;padding:4.2rem 2rem 4rem}#evtPop .section3 h3{font-size:1.8rem;font-weight:700;color:#cc7a00;margin-bottom:.8rem}#evtPop .section3 h3+p{line-height:2.1rem;padding-bottom:2rem}#evtPop .section3 h3+p b{font-family:"NotoB",sans-serif;color:#730}#evtPop .section3 .item-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#evtPop .section3 .item-wrap .item{width:10.4rem}#evtPop .section3 .item-wrap .item .name{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-family:"NotoB",sans-serif;font-size:1.2rem;text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#730;min-height:3.4rem;padding-top:.6rem}#evtPop .section3 .item-wrap .item .count{display:block;width:6.1rem;height:2.8rem;-webkit-border-radius:1.4rem;-moz-border-radius:1.4rem;border-radius:1.4rem;background-color:#cc7a00;color:#fff;text-align:center;line-height:2.8rem;margin:.8rem auto 0}#evtPop .btn-wrap{padding:3rem}#evtPop .evt-footer{background-color:#444;color:#fff;padding:4rem 3rem 3.5rem}#evtPop .evt-footer strong{font-size:1.8rem;font-weight:700;display:block;padding-bottom:2.4rem}#evtPop .evt-footer ul li{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-family:"NotoR",sans-serif;line-height:1.8rem;font-size:1.3rem;padding-bottom:.5rem}#evtPop .evt-footer ul li::before{content:"·";display:block;padding-right:.5rem}.evt-pop img{width:100%;object-fit:cover}.evt-pop .btn-close{position:absolute;top:2.3rem;right:1.6rem;width:3.2rem;height:3.2rem}.evt-pop .btn-close:before{content:"";position:absolute;top:1.4rem;left:.6rem;width:2rem;height:2px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.evt-pop .btn-close:after{content:"";position:absolute;top:1.4rem;left:.6rem;width:2rem;height:2px;background:#333;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.evt-pop.bottom-sheet{display:block;opacity:0;background-color:rgba(0,0,0,0);padding:0;bottom:-40rem;height:fit-content}.evt-pop.bottom-sheet.on{display:block;opacity:1;bottom:0}#loading{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:23;width:7rem;height:7rem}.intro-container .splash-logo{position:absolute;left:50%;bottom:4rem;width:6.9rem;height:7.3rem;background:url(../img/splash-logo.png) 0 0/100% no-repeat;transform:translateX(-50%)}.intro-container{position:relative;background:#ffc600 url(../img/visual_intro_bg.jpg) center bottom/100% no-repeat}.intro-container .intro-txt{position:absolute;top:7rem;left:50%;width:25rem;height:18rem;background:url(../img/visual_intro_txt.jpg) center bottom/100% no-repeat;transform:translateX(-50%);font-size:1px;color:rgba(0,0,0,0)}.m-banner-ad{position:relative;margin-top:-1.8rem}.m-banner-ad .swiper-wrapper{height:8rem}.m-banner-ad img{width:100%}.m-banner-ad .swiper-pagination{position:relative;margin-top:.8rem;bottom:unset !important}.m-banner-ad .swiper-pagination .swiper-pagination-bullet{width:.6rem;height:.6rem;background-color:#3b3fb5;opacity:.1}.m-banner-ad .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.withdrawalWrap{padding:3rem 0 10rem;text-align:center}.withdrawalWrap .h-txt{font-size:1.6rem;margin-bottom:1.2rem}.withdrawalWrap .ico{display:block;margin:0 auto 1.6rem auto;width:8.6rem;height:7.6rem;background:url(../img/icons/icon-withdrawal.png) no-repeat center top;-moz-background-size:100%;background-size:100%}.withdrawalWrap .time{margin:0 0 2.3rem;font-size:1.8rem;font-weight:700;color:#3b3fb5}.withdrawalWrap .gray-box{padding:1.6rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem;background-color:#eee;text-align:left}.withdrawalWrap .gray-box h4{font-weight:700;font-size:1.4rem;margin-bottom:1rem}.withdrawalWrap .gray-box ol{padding-left:2rem}.withdrawalWrap .gray-box li{font-size:1.2rem;font-weight:400;list-style:decimal;margin-bottom:.5rem}.withdrawalWrap .btn-wrap{display:block}.withdrawalWrap .btn-wrap strong{display:block;font-size:1.6rem;margin:0 0 1.2rem}.withdrawalWrap .btn-wrap .button{display:block;width:100%}.withdrawalWrap .btn-wrap .button.is-line{border:0;color:#999;text-decoration:underline}.withdrawalWrap .gray-box .desc{font-size:1.2rem;color:#666;margin-bottom:.8rem}.modal-wrap.type-alert .content .sub-text.type2{margin-top:1.6rem}.modal-wrap.type-alert .content .sub-text.type2:first-child{margin-top:0rem}.button.is-light.progressbar{position:relative;background-color:rgba(0,0,0,0);overflow:hidden}.button.is-light.progressbar::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;padding:1.6rem 1rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#7d8aff;z-index:-1}.button.is-light.progressbar:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#3b3fb5;z-index:-1;-webkit-animation:hideWidth 5s linear forwards;-moz-animation:hideWidth 5s linear forwards;-o-animation:hideWidth 5s linear forwards;animation:hideWidth 5s linear forwards}.service-check.bottom-sheet.type-2.endcheck{padding:2.5rem 0 0 0}.service-check.bottom-sheet.type-2.endcheck .title img{width:auto;height:2.8rem}.service-check.bottom-sheet.type-2.endcheck .title{margin:1.5rem 0 2.7rem 0}.service-check.bottom-sheet.type-2.endcheck .text ul{margin-bottom:1.6rem}.service-check.bottom-sheet.type-2.endcheck .text li{font-weight:400;font-size:1.6rem;line-height:2.3rem;text-align:center;color:#222}.service-check.bottom-sheet.type-2.endcheck .text ul:last-child li{font-weight:400;font-size:1.4rem;line-height:2rem;text-align:center;color:#3b3fb5}.service-check.bottom-sheet.type-2.endcheck .btn-wrap a.button.is-light{padding:1.2rem 2.4rem;font-weight:700;font-size:1.4rem;line-height:2rem;color:#fff;background:#3b3fb5;border-radius:.8rem}.service-check.bottom-sheet.type-2.endcheck .popup_btm_btn_area{margin-top:3rem;background:#d4dfff}.service-check.bottom-sheet.type-2.endcheck .popup_btm_btn_area ul{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 2rem}.service-check.bottom-sheet.type-2.endcheck .popup_btm_btn_area ul li{font-weight:400;font-size:1.4rem;line-height:2rem;color:#3b3fb5}.service-check.bottom-sheet.type-2.endcheck .popup_btm_btn_area ul li:last-child{font-weight:800}@-webkit-keyframes hideWidth{from{width:100%}to{width:0}}@-moz-keyframes hideWidth{from{width:100%}to{width:0}}@-o-keyframes hideWidth{from{width:100%}to{width:0}}@keyframes hideWidth{from{width:100%}to{width:0}}.modal-overlay{display:none}.modal-overlay.on{display:block;background:linear-gradient(180deg, rgba(38, 42, 168, 0.9) 0%, rgba(119, 133, 255, 0.85) 100%);position:absolute;width:100%;height:100%;left:0;top:0;z-index:10010;overflow:hidden}.modal-overlay-content{padding:0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-overlay-top{position:absolute;top:0;z-index:-1}.modal-overlay-top img{width:400px}.modal-overlay-center{margin-top:305px;position:relative;z-index:9}.modal-overlay-center img{max-width:275px}.modal-overlay-action button{background:#ffc600;padding:16px;color:#3b3fb5;font-size:16px;font-weight:700;border-radius:100px;margin-top:22px;min-width:170px}.item-locked{position:relative}.buttertime .main-banner-wrap .swiper-slide .banner-text-wrap.type-center>.btn.btn-locked{width:40px;height:40px;border-radius:50%}.item-locked::after{position:absolute;content:"";background:rgba(255,255,255,.65);left:0;top:0;width:100%;height:100%}.item-locked.slide-item{overflow:hidden}.item-locked::before{position:absolute;content:"";background:url(../img/icons/icon-lock.svg) no-repeat center center;left:0;top:0;width:100%;height:100%;z-index:9}.topic-slider .swiper-slide.color-1 li.item-locked span{color:#0082ab}.topic-slider .swiper-slide li.item-locked::after{content:none}.topic-slider .swiper-slide .item-locked::before{background:url(../img/icons/icon-lock-white.svg) no-repeat center center #0082ab;width:50px;height:50px;border-radius:50%;left:50%;top:50%;transform:translate(-50%, -50%);background-size:32px 32px}.topic-slider .swiper-slide.color-2 .item-locked::before{background:url(../img/icons/icon-lock-white.svg) no-repeat center center #286741;background-size:32px 32px}.topic-slider .swiper-slide.color-2 li.item-locked span{color:#286741}.topic-slider .swiper-slide.color-3 .item-locked::before{background:url(../img/icons/icon-lock-white.svg) no-repeat center center #b96f00;background-size:32px 32px}.topic-slider .swiper-slide.color-3 li.item-locked span{color:#b96f00}.topic-slider .swiper-slide.color-4 .item-locked::before{background:url(../img/icons/icon-lock-white.svg) no-repeat center center #3b3fb5;background-size:32px 32px}.topic-slider .swiper-slide.color-4 li.item-locked span{color:#3b3fb5}.topic-slider .swiper-slide.color-5 .item-locked::before{background:url(../img/icons/icon-lock-white.svg) no-repeat center center #b83777;background-size:32px 32px}.topic-slider .swiper-slide.color-5 li.item-locked span{color:#b83777}.item-locked-icon-white.item-locked::before{background:url(../img/icons/icon-lock-white.svg) no-repeat center center;background-size:32px 32px}.item-locked-icon-white.item-locked::after{background:rgba(34,34,34,.4)}.buttertime .card-type .slide-item.item-locked .top .title{position:relative;z-index:10}.story-mission-wrap .item-locked-icon-white.item-locked::before{background-size:40px}.conversation-skill-wrap .item-locked::after{content:none}.buttertime .conversation-type .slide-item.item-locked .btm-wrap{background:#f6f6f6}.buttertime .conversation-type .slide-item.item-locked .top-wrap strong,.buttertime .conversation-type .slide-item.item-locked .top-wrap p,.buttertime .conversation-type .slide-item.item-locked .btm-wrap dl dt,.buttertime .conversation-type .slide-item.item-locked .btm-wrap dl dd{color:#ddd}.buttertime .conversation-type .slide-item.item-locked .btm-wrap dl dt:after{background-color:#ddd}.buttertime .situation-type .slide-item.item-locked>.top-wrap p,.buttertime .situation-type .slide-item.item-locked>.mid-wrap dd,.buttertime .situation-type .slide-item.item-locked>.btm-wrap{color:#ddd}.buttertime .situation-type .slide-item.item-locked>.mid-wrap dt.ai,.buttertime .situation-type .slide-item.item-locked>.mid-wrap dt.you{filter:grayscale(100%)}.menu-slider{position:relative}.menu-slider .swiper-pagination{left:23px !important;text-align:left}.menu-slider .swiper-pagination span{border:2px solid #40a96a;background:rgba(0,0,0,0);width:6px;height:6px}.menu-slider .swiper-pagination span.swiper-pagination-bullet-active{background:#40a96a}.swiper-color-1.menu-slider .swiper-pagination span{border:2px solid #40a96a;background:rgba(0,0,0,0);width:6px;height:6px}.swiper-color-1.menu-slider .swiper-pagination span.swiper-pagination-bullet-active{background:#40a96a}.swiper-color-2.menu-slider .swiper-pagination span{border:2px solid #cc7a00}.swiper-color-2.menu-slider .swiper-pagination span.swiper-pagination-bullet-active{background:#cc7a00}.swiper-color-3.menu-slider .swiper-pagination span{border:2px solid #b83777}.swiper-color-3.menu-slider .swiper-pagination span.swiper-pagination-bullet-active{background:#b83777}.menu-slider-wrap .swiper-slide img{width:100%}.day-left-long-time{padding:0 2.4rem 0;font-size:1.2rem;color:#3b3fb5;background:#e5ecff;text-align:center}.day-left-long-time p{background:#3b3fb5;padding:3px;font-size:12px;color:#fff;border-radius:10px}.d-day-wrap{display:flex;width:100%;padding:20px 0;background:#e5ecff;flex-direction:column;justify-content:space-between;min-height:100px}.d-day-wrap.green-bg{background:#d7f5e7}.d-day-wrap.green-bg .day-left-long-time{background:#d7f5e7}.d-day-wrap.green-bg .day-left-long-time p{background:#40a96a}#container.buttertime #menu2 .user-data .d-day-wrap.green-bg .d-day strong,#container.buttertime #menu2 .user-data .d-day-wrap.green-bg .d-day{color:#40a96a;background:#d7f5e7}#container.buttertime #menu2 .btm-wrap strong{color:#3b3fb5}#container.buttertime #menu2 .menu-wrap{overflow-x:hidden}.btn-close-modal{position:fixed;top:15px;right:15px;background:#fff;width:40px;height:40px;border-radius:50%;text-align:center;display:inline-flex;justify-content:center}.btn-close-modal img{width:24px !important}.wrap-page-paidInfo{position:fixed;z-index:10010}.wrap-page-paidInfo .img-bg img{width:100%}.action-bottom-wrap{background:#3b3fb5;padding:30px;position:fixed;width:100%;bottom:0;height:220px;overflow:hidden;text-align:center;color:#fff}.action-bottom-wrap h5{font-size:16px;color:#fff;margin-bottom:10px}.action-bottom-wrap h4{font-weight:700;margin-bottom:16px;color:#fff;font-size:20px}.color-yellow{color:#ffc600}.action-bottom-form input{background:#fff;height:40px;border-radius:4px;box-shadow:none;border:none;width:84%;font-size:24px;color:#40a96a;padding:9px}.action-bottom-wrap h6{position:relative;z-index:4;margin-top:15px;font-size:14px;font-weight:normal}.img-point-action{position:absolute;left:0;bottom:-1px;z-index:1;width:135px}.btn-trans{margin-left:2px}.android-only .action-bottom-form{background:#40a96a;border-radius:8px;padding:30px}.android-only .action-bottom-form .btn-trans{color:#d7f5e7;font-size:22px}.keyEpx-box{margin-bottom:15px;position:relative}.keyEpx-box-bg img{width:100%}.key-Epx-content{position:absolute;left:50%;transform:translateX(-50%);top:28%;text-align:center;color:#fff;min-width:250px}.key-Exp-content-title{font-size:14px;margin-bottom:12px}.key-Exp-content-kr{font-size:20px;margin-bottom:10px}.key-Exp-content-en{font-size:16px;margin-bottom:16px;font-style:italic}.btn-locked-circle{width:40px;height:40px;border-radius:50%}.btn-locked-circle img{width:24px}.btn-bg-3B3FB5{background:#3b3fb5}.btn-sm{padding:10px 21px;border-radius:6px;font-size:14px;font-weight:700}.conversation-list-wrap#totalMissionList .missionList-wrap .accordion-wrap.on .accordion-title-wrap .arr{background-image:url(../img/icons/icon-up.svg);background-size:16px;background-repeat:no-repeat;margin-top:10px}.conversation-list-wrap#totalMissionList .missionList-wrap .accordion-title-wrap .arr{background-image:url(../img/icons/icon-down.svg);background-size:16px;background-repeat:no-repeat;margin-top:10px}.conversation-list-wrap#totalMissionList .missionList-wrap .accordion-cont-wrap .inner::after{content:none;position:absolute;background-image:url(../img/icons/icon-right.svg);background-size:16px;background-repeat:no-repeat;top:30px;right:22px;width:16px;height:16px}.conversation-list-wrap .item-locked::before{background-color:#3b3fb5;-webkit-mask-image:url(../img/icons/icon-lock-white.svg);mask-image:url(../img/icons/icon-lock-white.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;left:83%;top:31%}.conversation-list-wrap#totalMissionList .missionList-wrap .accordion-cont-wrap .item-locked .inner::after{content:none}.conversation-list-wrap .item-locked::after{content:none}.conversation-list-wrap#totalMissionList .missionList-wrap .accordion-cont-wrap .item-rated .inner::after{content:none}.conversation-list-wrap#totalMissionList .missionList-wrap .accordion-cont-wrap .grade-star{background:#fff;padding:4px 0;margin-top:5px;position:relative;z-index:20}.conversation-list-wrap .item-locked .title-top,.conversation-list-wrap .item-locked .title-btm{color:#bbb}#totalMissionList .missionList-wrap .accordion-wrap.on{box-shadow:none;border:1px solid #3b3fb5}#totalMissionList .tabNav-wrap ul{display:flex}#totalMissionList .tabNav-wrap ul li{display:inline-flex;width:50%;justify-content:center}#totalMissionList .tabNav-wrap ul li+li{margin:0;width:50%}#container header.bg-white .btn-prev::before{content:"";left:100%;width:.8rem;height:.8rem;border-bottom:3px solid #222;border-right:3px solid #222;-webkit-transform:translate(-50%, -50%) rotate(135deg);-moz-transform:translate(-50%, -50%) rotate(135deg);-ms-transform:translate(-50%, -50%) rotate(135deg);-o-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg);position:absolute;top:85%}#container header.bg-white{box-shadow:none}#totalMissionList .missionList-wrap .accordion-cont-wrap .list-read{padding-top:2px}#totalMissionList .missionList-wrap .accordion-cont-wrap .list-read li{display:inline-block;padding:1px 4px;background:#3b3fb5;border-radius:2px;font-size:10px;color:#fff;font-weight:500;min-width:40px;text-align:center}#totalMissionList .missionList-wrap .accordion-cont-wrap .list-read li.list-read-disabled{background:#eaeaea}#totalMissionList .missionList-wrap .accordion-cont-wrap .list-read li+li{margin-left:2px}.grammar-result{padding:1.6rem 0}.grammar-result .result-container{padding:2.4rem;border-radius:1.2rem;background:#fff;box-shadow:1px 3px 12px rgba(0,0,0,.06)}.grammar-result .result-container .result-txt{padding:2rem;border-radius:8px;background:#f2f5ff;text-align:center}.grammar-result .result-container .result-txt .r-tit{font-family:"Jua",sans-serif;font-size:3rem;font-weight:bold;color:#3b3fb5;line-height:4.2rem}.grammar-result .result-container .result-txt .r-desc{margin-top:.3rem;font-size:1.6rem;line-height:2.3rem}.grammar-result .result-container .result-txt .r-desc em{color:#3b3fb5}.grammar-result .btn-help{display:flex;align-items:center;justify-content:center;margin:2rem auto 0;font-size:1.2rem;color:#666}.grammar-result .btn-help:before{content:"?";width:1.6rem;height:1.6rem;margin-right:.4rem;border:1px #666 solid;border-radius:100%;text-align:center;line-height:1.5rem}.c-graph-wrap{margin-top:2rem}.c-graph-wrap .graph-area{display:flex;margin-bottom:-1px}.c-graph-wrap .graph-area .g-block{width:20%}.c-graph-wrap .graph-area .g-block .num{display:block;margin-bottom:.8rem;font-size:1.4rem;color:#3b3fb5;text-align:center;line-height:2rem}.c-graph-wrap .graph-area .g-block .block-bar{position:relative;width:2.4rem;height:8rem;margin:auto;border-radius:2px 2px 0px 0px;background:#e5ecff}.c-graph-wrap .graph-area .g-block .progress-bar{position:absolute;bottom:0;border-radius:2px 2px 0px 0px;background:#3b3fb5}.c-graph-wrap .graph-x-axis{display:flex;padding-top:.6rem;border-top:1px #ddd solid;line-height:1.7rem}.c-graph-wrap .graph-x-axis .x-cell{width:20%;font-size:1.1rem;text-align:center}.grammar-result .answer-container{padding:2rem 2.4rem}.grammar-result .answer-container .tit{margin-bottom:.8rem;font-size:1.2rem;color:#3b3fb5}.answer-wrap{display:flex;flex-wrap:wrap;margin-bottom:3.2rem}.answer-wrap.word-gap{gap:1.2rem .8rem}.answer-wrap .txt{font-size:1.6rem}.answer-wrap .word-group{position:relative;padding-right:.8rem}.answer-wrap .word-group:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:1px;background:url("../img/bg_dot_hline.png") no-repeat}.answer-wrap .word-group:last-child{margin-right:0}.answer-wrap .word-group:last-child:after{display:none}.answer-wrap .word-group .word{font-size:1.6rem;font-weight:700;text-align:center;line-height:2.3rem}.answer-wrap .word-group .pronunciation{display:flex;margin-top:.4rem;font-size:1rem;flex-wrap:wrap;justify-content:center}.answer-wrap .word-group .pronunciation span{padding:0 .2rem;border-radius:.2rem;line-height:1.4rem;letter-spacing:normal}.answer-wrap .word-group .pronunciation .good{border:1px #0bade0 solid;color:#0bade0}.answer-wrap .word-group .pronunciation .ok{border:1px #ffa800 solid;color:#ffa800}.answer-wrap .word-group .pronunciation .bad{border:1px #b83777 solid;color:#b83777}.btn-group-flex{display:flex}.modal-ela-graph-guide ul{padding:.4rem 0;text-align:left}.modal-ela-graph-guide ul li{font-size:1.3rem;line-height:1.8rem}.modal-ela-graph-guide ul li span{font-size:1.4rem;font-weight:600}.img-full{width:100%}.ev-tickets{background:#7d8aff;padding:40px 32px;position:relative}.ev-tickets-title{display:flex;justify-content:space-between;font-size:32px;text-transform:uppercase;color:#e5ecff;margin-bottom:24px;position:relative;z-index:8;font-family:"Jua",sans-serif}.tickets-wrap{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.tickets-wrap>*{flex-shrink:0;width:100%;max-width:100%;padding-right:5px;padding-left:5px}.ticket-col-4{flex:0 0 auto;width:25%;display:flex;padding-left:5px;padding-right:5px;margin-bottom:10px}.ticket-col-8{flex:0 0 auto;width:75%;display:flex;padding-left:5px;padding-right:5px;margin-bottom:10px}.ticket-ele{border-radius:50%;border:2px dashed #89f;background:#7482ff;justify-content:center;align-items:center;min-height:74px;width:100%;display:inline-flex;font-family:"Jua",sans-serif;aspect-ratio:1/1}.ticket-ele span{color:#9af;font-size:42px}.ticket-ele small{font-size:32px}.ticket-col-8 .ticket-ele{border-radius:50px;aspect-ratio:16}.ticket-ele.ticket-ele-grow{grid-column-start:1;grid-column-end:4}.ticket-content-done{display:none}.ticket-col-8 .ticket-ele.ticket-done{background:url(../img/ev/bg-ticket-butter-l.svg) no-repeat;border:none;background-size:100%;object-fit:cover;object-position:center}.ticket-ele.ticket-done{background:url(../img/ev/bg-ticket-butter.svg) no-repeat;border:none;background-size:100% 100%;object-fit:cover;object-position:center}.ticket-ele.ticket-done span:not(.ticket-content-done),.ticket-col-8 .ticket-ele.ticket-done span:not(.ticket-content-done){display:none}.ticket-ele.ticket-done .ticket-content-done{display:block;color:#adbbff;font-size:12px;margin-top:37px;font-family:"NotoM","Noto Sans KR","Lato",sans-serif}.ticket-col-8 .ticket-ele.ticket-done .ticket-content-done{margin-left:40px;margin-top:0}.ev-tickets.ev-done::after{background:rgba(125,138,255,.5);content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}.ev-tickets.ev-done .ev-done-bg{display:block}.ev-done-bg{position:absolute;left:50%;top:59%;transform:translate(-50%, -50%);z-index:2;display:none}.ev-bottom{background:#444;position:relative;padding-bottom:80px}.ev-bottom h4{font-size:22px;color:#fff;margin-bottom:16px}.ev-action.btn-wrap.is-fixed{background:#fff}.ev-bottom ul{font-size:12px;list-style:disc;padding-left:5px;color:#fff}.ev-bottom ul li{margin-bottom:10px;list-style:disc;margin-left:15px}.ev-action{background:#fff;position:sticky;padding:20px;bottom:0;z-index:9}.ev-action::after{content:"";background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);position:absolute;top:-20px;width:100%;height:20px;left:0;z-index:20}.btn-fix-btm{width:100%;padding:16px;background:#3b3fb5;border-radius:8px;color:#fff;font-size:16px;font-weight:700;position:fixed;bottom:20px;left:0}.checkbox-item{position:relative;display:inline-block}.checkbox-item input[type=checkbox]{position:absolute;top:0;left:0;width:.1rem;height:.1rem;background:var(--color-transparent);opacity:0}.checkbox-item input[type=checkbox]:focus-visible+label{outline:1px #666 dotted}.checkbox-item label{display:flex;align-items:center}.checkbox-item label .icon-check{display:block;width:1.6rem;height:1.6rem;border:1px var(--checkbox-color) solid;border-radius:.2rem}.checkbox-item label .txt{flex:1;margin-left:.6rem;font-size:14px;letter-spacing:-0.04em;color:#222}.checkbox-item label .txt strong{font-size:16px}.checkbox-item label em{font-weight:var(--fw-eb)}.checkbox-item label em.em{color:var(--color-1st)}.checkbox-item input[type=checkbox]:checked~.t-label .icon-check{width:2rem;height:2rem;border:1px #3b3fb5 solid;background-color:#3b3fb5;background-image:url("../img/ev/icon-checkbox.png");background-repeat:no-repeat;background-size:1rem .8rem;background-position:center center;background-attachment:initial}.checkbox-item label .icon-check{width:2rem;height:2rem;border:1px #ccc solid;background-color:#fff;border-radius:.4rem}.term-item-list{padding:0 10px}.terms-item{display:flex;justify-content:space-between}.terms-item+.terms-item{margin-top:1.6rem}.terms-item .c-btn-terms{overflow:hidden;width:1.6rem;height:1.6rem;background-color:#d9d9d9;-webkit-mask-image:url(../img/ev/icon-arr-right.svg);mask-image:url(../img/ev/icon-arr-right.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;font-size:1px;color:rgba(0,0,0,0);margin-right:3px}[class*=c-btn-]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;letter-spacing:-0.04em;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.app-inner.app-inner-bg-white{background:#fff}.je-top{margin-bottom:3rem;position:relative;z-index:19}.Je-content-wrap{padding:40px 32px}.tabNav-indi{display:flex;justify-content:space-between;margin-left:-5px;margin-right:-5px}.tabNav-indi li{height:8px;border-radius:100px;background:#f6f6f6;margin:0 5px;width:50%}.tabNav-indi li.on{background:#3b3fb5}.je-top-number{color:#3b3fb5;font-size:22px;font-weight:700;margin-bottom:24px}.je-top-ques{font-size:22px;font-weight:700;color:#222;margin-bottom:10px;line-height:30px}.je-top-action{background:#fafafa;padding:16px 12px;border-radius:4px;display:flex;justify-content:space-between}.je-top-action-left span{display:inline-block;margin-right:8px}.je-top-action-right{align-self:center}.term-wrap hr{margin:14px 0;border-color:#ddd}.term-action{margin-top:50px}.btn-primary{background:#3b3fb5;font-size:1.6rem;font-weight:700;text-align:center;border-radius:8px;color:#fff;padding:1.7rem 1rem}.term-wrap.disabled .btn-primary{background:#ddd}.term-wrap.disabled .checkbox-item input[type=checkbox]:checked~.t-label .icon-check{background-color:#ddd;border-color:#ddd}.modal.modal-common{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:16px;padding:24px;width:80%;min-height:300px;background:#fff;height:auto}.modal.modal-common.on{display:block}.modal-center{text-align:center}.modal-title h4{font-size:16px;font-weight:700;margin-bottom:10px}.modal-body p{color:#666;line-height:23px;text-align:center}.modal-body p.message{color:#000;font-size:1.6rem;font-weight:700;font-family:"NotoB",sans-serif;line-height:1.4}.modal-body p+p{margin-top:15px}.modal-common .modal-footer{border-radius:0;margin-top:25px}.modal-footer button{width:100%;border-radius:8px;background:#3b3fb5;font-size:16px;font-weight:700;color:#fff;padding:16px}.pad-content-common{padding:40px 32px}.je-cond-top li{margin-top:10px;line-height:22px;font-size:16px;color:#222}.Je-content-cond-wrap{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 55px)}.form-flex-box{display:flex;flex-wrap:wrap;border-radius:var(--radius-m);box-shadow:var(--box-shadow-l)}.form-list>li .inp-fieldset{flex:1}.inp-form{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}input[type=text],input[type=number],input[type=password],input[type=date],input[type=search],input[type=tel],input[type=email]{width:100%;height:4.8rem;padding-left:1.2rem;padding-right:3rem;border:1px #d9d9d9 solid;border-radius:.4rem;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inp-inline-group{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-btn-confirm{height:4.8rem;margin-left:.8rem;padding:0 1.6rem;border-radius:.4rem;background:#f2f5ff;font-size:1.4rem;color:#3b3fb5}.Je-content-wrap .form-flex-box{margin-top:24px}.form-list>li{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:2rem}.inp-pin-group .txt-time{position:absolute;top:50%;right:3.2rem;color:#3b3fb5;transform:translateY(-50%)}.inp-pin-group{position:relative}.txt-msg.error{color:#b83777;display:flex}.txt-msg{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:.8rem;font-size:var(--fs-xs);line-height:1.8rem}@media(max-width: 768px){.form-flex-box{flex-direction:column;border-radius:0;box-shadow:none}.form-list .inp-form{flex:1;width:100%}}.tabNav-indi{display:flex;justify-content:space-between;margin-left:-5px;margin-right:-5px}.tabNav-indi li{height:8px;border-radius:100px;background:#f6f6f6;margin:0 5px;width:50%}.tabNav-indi li.on{background:#3b3fb5}.je-top-number{color:#3b3fb5;font-size:22px;font-weight:700;margin-bottom:24px}.je-top-ques{font-size:22px;font-weight:700;color:#222;margin-bottom:10px;line-height:30px}.je-top-action{background:#fafafa;padding:16px 12px;border-radius:4px;display:flex;justify-content:space-between}.je-top-action-left span{display:inline-block;margin-right:8px}.je-top-action-right{align-self:center}.term-wrap hr{margin:14px 0;border-color:#ddd}.term-action{margin-top:50px}.term-wrap.disabled .btn-primary{background:#ddd}.term-wrap.disabled .checkbox-item input[type=checkbox]:checked~.t-label .icon-check{background-color:#ddd;border-color:#ddd}.modal.modal-common{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:16px;padding:24px;width:80%;min-height:300px;background:#fff;height:auto}.modal.modal-common.on{display:block}.modal-center{text-align:center}.modal-title h4{font-size:16px;font-weight:700;margin-bottom:10px}.modal-body p{color:#666;line-height:23px}.modal-body p+p{margin-top:15px}.modal-common .modal-footer{border-radius:0;margin-top:25px}.modal-footer button{width:100%;border-radius:8px;background:#3b3fb5;font-size:16px;font-weight:700;color:#fff;padding:16px}.no-margin{margin:0 !important}.no-padding{padding:0 !important}.bottom-sheet-img{-moz-border-radius-topleft:20px;border-top-left-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px}#app.h100{height:100%}#app.h100 .app-inner{height:100%}.notch .content.type-mission{padding:0 2rem;min-height:-webkit-calc(var(--vh, 1vh) * 100 - 5.4rem - 3.4rem);min-height:-moz-calc(var(--vh, 1vh) * 100 - 5.4rem - 3.4rem);min-height:calc(var(--vh, 1vh)*100 - 5.4rem - 3.4rem);margin-bottom:-webkit-calc(10rem + 3.4rem);margin-bottom:-moz-calc(10rem + 3.4rem);margin-bottom:13.4rem}.notch .content .key-wrap.onbording{height:-webkit-calc(100vh - 13.4rem - 3.4rem);height:-moz-calc(100vh - 13.4rem - 3.4rem);height:calc(100vh - 13.4rem - 3.4rem)}.notch .content .key-wrap.onbording .sub-wrap{margin-bottom:6rem}.notch .btn-top{bottom:-webkit-calc(7.4rem + 3.4rem);bottom:-moz-calc(7.4rem + 3.4rem);bottom:10.8rem}.notch .bottom-sheet{padding:6rem 3.2rem -webkit-calc(4rem + 3.4rem);padding:6rem 3.2rem -moz-calc(4rem + 3.4rem);padding:6rem 3.2rem 7.4rem}.notch .btn-botsheet-open{height:-webkit-calc(4.8rem + 3.4rem);height:-moz-calc(4.8rem + 3.4rem);height:8.2rem}.notch .tab-wrap{top:12rem}.notch .type-guide .btn-close{top:4.4rem}.notch .type-guide .content.type-mission .tab-area .tab-wrap{top:12.8rem !important}#app,.app-inner{height:100%;background:#f6f6f6}body{font-family:"NotoM",sans-serif;overscroll-behavior-y:none}html{overscroll-behavior-y:none}body:has(.bg-dim.on){height:100%;overflow:hidden}.clearfix:after{display:block;content:"";line-height:0}.bg-dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:22}.bg-dim.on{display:block;-webkit-animation:fadeShow .1s forwards;-moz-animation:fadeShow .1s forwards;-o-animation:fadeShow .1s forwards;animation:fadeShow .1s forwards}.bg-dim.hide{display:block;-webkit-animation:fadeHide .3s forwards;-moz-animation:fadeHide .3s forwards;-o-animation:fadeHide .3s forwards;animation:fadeHide .3s forwards}.header-wrap{z-index:19;position:sticky;top:0px;height:60px;width:100%}.header.sticky{position:sticky;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:center;width:100%;min-height:6.4rem;background:#fff;z-index:10;top:0px;left:0px;right:0px;padding-top:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.header.sticky .btn.btn-prev{position:absolute;background:url("/img/v2/icon/icon_back.svg") center no-repeat;background-size:2.4rem;color:rgba(0,0,0,0);left:2rem}.header .btn-close{position:absolute;background:url("/img/icons/icon-close-black.svg") center no-repeat;background-size:2.4rem;color:rgba(0,0,0,0);right:2rem}.header.sticky .btn{position:absolute;top:50%;right:2rem;width:2.4rem;height:2.4rem;transform:translateY(-50%);font-size:1px;color:var(--color-transparent)}.header h2.title{margin:0 auto;color:#1a1a1a;font-size:1.6rem;font-weight:bold;letter-spacing:-0.04em}.header.sticky .title-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;width:-webkit-calc(100% - 6.4px);width:-moz-calc(100% - 6.4px);width:calc(100% - 6.4px)}.header.sticky .title-wrap .key-title{color:#222;font-size:1.6rem}.header.sticky .title-wrap .title{width:100%;margin-top:.5rem;font-weight:400;font-size:1.3rem;line-height:1.6;color:#1a1a1a;opacity:.6;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align:center}.header.sticky .bookclass-util{display:none}.header.sticky .bookclass-util.on{display:block;position:absolute;width:2rem;height:2rem;background:url(../img/main/btn_util.png) center center no-repeat;-moz-background-size:.4rem 2rem;background-size:.4rem 2rem;top:1.7rem;right:2rem}.underline{border-bottom:1px solid #e3e3e3}.content.type-mission{padding:0 2rem 14.4rem;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:100%;overflow-x:hidden;background:#fff;box-sizing:border-box}.content-view .content.type-mission{padding:0 2rem calc(13.2rem + env(safe-area-inset-bottom));padding:0 2rem calc(13.2rem + constant(safe-area-inset-bottom))}.content.type-mission .text-gray{font-size:1.2rem;margin-top:2rem;color:#666}.content.type-mission .speaking-wrap .dialog-box:first-child{margin-top:6rem}.content.type-mission .speaking-wrap .speaking-box:first-child{margin-top:8.5rem}.content.type-mission .speaking-wrap .speaking-box.trigger{position:absolute;top:50%;left:50%;margin:0;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.content.type-mission .speaking-wrap .speaking-box.trigger .title-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:0}.content.type-mission .listening-wrap{margin-top:6rem}.content.type-flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;background:#fff}.content.type-flex .modal-confirm .modal-cont-wrap .text-wrap p{color:#333}.content.type-flex .modal-confirm .modal-cont-wrap .btn-ok{background:#08c2ce}.content.type-flex .drill-practice{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;height:100%;padding:0 2rem 8rem}.content.type-flex .startPage-wrap.guide .top{margin:.8rem 2.5rem 0 .8rem}.content.type-flex .startPage-wrap.guide .center{margin:-4rem 4.2rem 0}.content.type-flex .startPage-wrap.guide .btn-wrap button:last-child{background:#08c2ce}.content.bg-gray{background:#f6f6f6}.content.bg-white{background:#fff}.app-inner.header-l .content.type-mission{min-height:-webkit-calc(100vh - 7.5rem - env(safe-area-inset-bottom));min-height:-moz-calc(100vh - 7.5rem - env(safe-area-inset-bottom));min-height:calc(100vh - 7.5rem - env(safe-area-inset-bottom));min-height:-webkit-calc(100vh - 7.5rem - constant(safe-area-inset-bottom));min-height:-moz-calc(100vh - 7.5rem - constant(safe-area-inset-bottom));min-height:calc(100vh - 7.5rem - constant(safe-area-inset-bottom))}.tab-area{padding-top:2rem;margin:0 auto;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;height:5rem}.tab-area .tab-wrap.hide{opacity:0;display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important}.tab-area .tab-wrap.show{opacity:1;display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important}.tab-wrap{position:fixed;top:8.8rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 auto;width:11.6rem;height:3rem;background:#eaeaea;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transition:opacity .3s;-o-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;z-index:10}.tab-wrap .bg{position:absolute;left:0;top:0;width:6rem;height:3rem;background:#3b3fb5;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transition:left .1s ease-in-out;-o-transition:left .1s ease-in-out;-moz-transition:left .1s ease-in-out;transition:left .1s ease-in-out}.tab-wrap .tab{position:absolute;width:6rem;height:3rem;font-size:1rem;font-weight:700;font-family:"NotoB",sans-serif;color:#666}.tab-wrap .tab[class*=icon-]{color:rgba(0,0,0,0)}.tab-wrap .tab[class*=icon-]:before{content:"";position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.tab-wrap .tab.icon-speak{left:0}.tab-wrap .tab.icon-speak::before{background-image:url(../img/icons/icon-tab-01.png)}.tab-wrap .tab.icon-listening{right:0}.tab-wrap .tab.icon-listening:before{background-image:url(../img/icons/icon-tab-02.png)}.tab-wrap .tab.on.icon-speak:before{background-image:url(../img/icons/icon-tab-01-on.png)}.tab-wrap .tab.on.icon-listening:before{background-image:url(../img/icons/icon-tab-02-on.png)}.tab-wrap.type-line{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:auto;left:auto;width:100%;height:auto;margin-top:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-bottom:1px solid #eaeaea;z-index:1}.tab-wrap.type-line .bg{top:auto;bottom:0;background:#3b3fb5;left:auto;height:2px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.tab-wrap.type-line .tab{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin:0 1.2rem 0 2.4rem;font-size:1.6rem;font-weight:500;height:4rem;color:#bbb;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;letter-spacing:-0.1rem}.tab-wrap.type-line .tab.on{color:#08c2ce;font-weight:700;font-family:"NotoB",sans-serif}.tab-wrap.type-line .tab+.tab{margin:0 2.4rem 0 1.2rem}.tab-cont{display:none}.tab-cont.on{-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards;display:block}.drill-practice{position:relative}.drill-practice .turn-count{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;margin:2.5rem 0 1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000}.drill-practice .main-prtc-paging{position:relative;left:auto;bottom:auto;width:auto;margin-left:5px;font-size:1.4rem}.drill-practice .swiper-wrapper{width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);width:calc(100% - 10px);height:auto;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.drill-practice .swiper-slide{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);will-change:transform}.drill-practice .practice-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:-webkit-calc(100vh - 22rem - env(safe-area-inset-bottom));min-height:-moz-calc(100vh - 22rem - env(safe-area-inset-bottom));min-height:calc(100vh - 22rem - env(safe-area-inset-bottom));min-height:-webkit-calc(100vh - 22rem - constant(safe-area-inset-bottom));min-height:-moz-calc(100vh - 22rem - constant(safe-area-inset-bottom));min-height:calc(100vh - 22rem - constant(safe-area-inset-bottom));background:url(../img/icons/bg-drill01.png) no-repeat center center;-moz-background-size:cover;background-size:cover;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;padding:3.5rem 0 2.4rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.drill-practice .practice-wrap .icon-speaker{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;display:block;width:3.2rem;height:3.2rem;background:url(../img/icons/icon-speaker.png) no-repeat center center;-moz-background-size:100%;background-size:100%;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.drill-practice .practice-wrap .icon-speaker.active{-webkit-animation:speakerEvent .7s alternate infinite;-moz-animation:speakerEvent .7s alternate infinite;-o-animation:speakerEvent .7s alternate infinite;animation:speakerEvent .7s alternate infinite}.drill-practice .practice-wrap .text-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.drill-practice .practice-wrap .text-item .title{max-width:-webkit-calc(100% - 50px);max-width:-moz-calc(100% - 50px);max-width:calc(100% - 50px);text-align:center;color:#ccc;padding-bottom:4rem}.drill-practice .practice-wrap .text-item .speaking-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:4rem}.drill-practice .practice-wrap .text-item .speaking-item .ani-speaking .item{background:#999 !important}.drill-practice .practice-wrap .text-item .speaking-item .ani-speaking.on .item{background:#7d8aff !important}.drill-practice .practice-wrap .text-item .speaking-item .ani-speaking.on.active .item{background:-webkit-linear-gradient(97.9deg, #d4dfff 27.59%, #7d8aff 67.72%) !important;background:-moz-linear-gradient(97.9deg, #d4dfff 27.59%, #7d8aff 67.72%) !important;background:-o-linear-gradient(97.9deg, #d4dfff 27.59%, #7d8aff 67.72%) !important;background:linear-gradient(352.1deg, #d4dfff 27.59%, #7d8aff 67.72%) !important}.drill-practice .practice-wrap .result-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;max-width:-webkit-calc(100% - 80px);max-width:-moz-calc(100% - 80px);max-width:calc(100% - 80px);margin:0 0 4rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.drill-practice .practice-wrap .result-wrap .title{font-size:1.8rem;line-height:2.6rem;color:#fff;text-align:center;-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto}.drill-practice .practice-wrap .result-wrap .result-info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:2.3rem 0 0}.drill-practice .practice-wrap .result-wrap .result-info .txt-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.drill-practice .practice-wrap .result-wrap .result-info .txt-wrap .tit{font-size:1.2rem;color:#ddd}.drill-practice .practice-wrap .result-wrap .result-info .txt-wrap .score-wrap{color:#bbb;font-size:0}.drill-practice .practice-wrap .result-wrap .result-info .txt-wrap .score-wrap span{font-size:1.3rem}.drill-practice .practice-wrap .result-wrap .result-info .result-info-item{margin-top:1.5rem}.drill-practice .practice-wrap .result-wrap .result-info .result-info-item:first-child{margin-top:0}.drill-practice .practice-wrap .result-wrap .result-info .scroe-bar{position:relative;width:100%;height:1.2rem;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#eee;overflow:hidden}.drill-practice .practice-wrap .result-wrap .result-info .scroe-bar .bar{position:absolute;top:0;left:0;height:1.2rem;max-width:100%;background:#7d8aff;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.drill-practice .practice-wrap .result-wrap .result-info .scroe-bar .bar.color-02{background:#7d8aff}.drill-practice .practice-wrap .result-wrap .btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-top:2.5rem}.drill-practice .practice-wrap .result-wrap .btn-wrap .btn{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#555;min-width:13rem;padding:0;height:4.2rem;color:#fff;font-size:1.1rem;margin-left:1rem;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.drill-practice .practice-wrap .result-wrap .btn-wrap .btn:first-child{margin-left:0}.drill-practice .practice-wrap .result-wrap .btn-wrap .btn .icon{display:block;width:2.4rem;height:2.4rem;-moz-background-size:100%;background-size:100%;background-position:center center;background-repeat:no-repeat;margin-right:3px}.drill-practice .practice-wrap .result-wrap .btn-wrap .btn .icon+span{margin-right:6px}.drill-practice .practice-wrap .result-wrap .btn-wrap .btn .icon.icon-01{background-image:url(../img/icons/icon-btn-play.png)}.drill-practice .practice-wrap .result-wrap .btn-wrap .btn .icon.icon-02{background-image:url(../img/icons/icon-btn-refresh.png)}.drill-practice .practice-wrap .result-wrap .btn-wrap .btn .icon.icon-03{background-image:url(../img/icons/icon-btn-playing.png)}.drill-practice .practice-wrap .word-swiper-wrap{position:relative;-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:-webkit-calc(100% - 48px);width:-moz-calc(100% - 48px);width:calc(100% - 48px);height:18rem;background:rgba(187,187,187,.3);-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.drill-practice .practice-wrap .word-swiper-wrap .swiper-wrapper{height:100%}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text{opacity:0;white-space:pre;text-align:center;font-size:1.2rem}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type1{position:absolute;top:.1rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type1.on{top:-0.9rem}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type2{position:absolute;top:.1rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type2.on{top:-0.9rem}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type3{position:absolute;top:-1rem;left:52%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type3:before{top:auto;bottom:1.6rem;left:auto;right:-8px;-webkit-transform:rotate(450deg);-moz-transform:rotate(450deg);-ms-transform:rotate(450deg);-o-transform:rotate(450deg);transform:rotate(450deg)}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type3.on{top:-1rem;right:4.5rem;left:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}@media(min-width: 380px)and (max-width: 537px){.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type3.on{right:4.3rem}}@media(max-width: 290px){.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.type3.on{right:4.9rem}}.drill-practice .practice-wrap .word-swiper-wrap .balloon-text.on{opacity:1;-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards;z-index:1}.drill-practice .practice-wrap .swiper-word{position:relative;width:100%;height:100%}.drill-practice .practice-wrap .swiper-container{height:100%}.drill-practice .practice-wrap .swiper-word .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.drill-practice .practice-wrap .swiper-word .swiper-slide .text-wrap{position:relative;color:#fff;font-size:1.6rem;font-weight:400;padding:.6rem 0;line-height:1.6;margin:0 3.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.drill-practice .practice-wrap .swiper-word .swiper-slide .text-wrap.blank{color:rgba(0,0,0,0)}.drill-practice .practice-wrap .swiper-word .swiper-slide .text-wrap.blank:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ccc;opacity:.6;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.drill-practice .practice-wrap .swiper-word .swiper-slide .btn-bookmark{position:absolute;top:1rem;right:1rem;background-image:url(../img/icons/btn-bookmark2.png)}.drill-practice .practice-wrap .swiper-word .swiper-slide .btn-bookmark.on{background-image:url(../img/icons/btn-bookmark2-on.png)}.drill-practice .practice-wrap .swiper-word .swiper-nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.drill-practice .practice-wrap .swiper-word .swiper-pagination{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 20px}.drill-practice .practice-wrap .swiper-word .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin-left:8px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.drill-practice .practice-wrap .swiper-word .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#aaa}.drill-practice .practice-wrap .swiper-word .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0}.drill-practice .practice-wrap .swiper-word [class*=swiper-button]{position:relative;bottom:auto;left:auto;top:auto;right:auto;width:28px;height:28px;margin-top:0;color:rgba(0,0,0,0)}.drill-practice .practice-wrap .swiper-word [class*=swiper-button]:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-bottom:3px solid #ccc;border-right:3px solid #ccc;-webkit-transform:translate(-50%, -50%) rotate(135deg);-moz-transform:translate(-50%, -50%) rotate(135deg);-ms-transform:translate(-50%, -50%) rotate(135deg);-o-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.drill-practice .practice-wrap .swiper-word [class*=swiper-button]::after{display:none}.drill-practice .practice-wrap .swiper-word [class*=swiper-button].swiper-button-disabled:before{border-bottom:3px solid #666;border-right:3px solid #666}.drill-practice .practice-wrap .swiper-word .swiper-button-next:before{-webkit-transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-o-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.dialog-top-info{display:flex;justify-content:space-between;margin:0 -2rem;padding:1.6rem 2.4rem;background:#fff6e0}.dialog-top-info .top-info-inner{display:flex;font-size:1.2rem;color:#641}.dialog-top-info .top-info-inner+.top-info-inner{margin-left:2.4rem}.dialog-top-info .top-info-inner .dt{margin-right:1.2em}.dialog-top-info .top-info-inner .dd{font-weight:400}.dialog-result .score-wrap{padding:1rem 1.2rem 3rem}.dialog-result .score-wrap .info-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.dialog-result .score-wrap .info-top .title{font-weight:700;font-family:"NotoB",sans-serif;color:#222;font-size:2.2rem;line-height:1.6}.dialog-result .score-wrap .info-top .title.type2{font-size:2.6rem}.dialog-result .score-wrap .info-top .star-wrap{width:5.8rem;height:1.8rem;background:url(../img/icons/score-star.png) no-repeat center center;-moz-background-size:100%;background-size:100%;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.dialog-result .score-wrap .info-top .star-wrap.n1{background-image:url(../img/icons/score-star-01.png)}.dialog-result .score-wrap .info-top .star-wrap.n2{background-image:url(../img/icons/score-star-02.png)}.dialog-result .score-wrap .info-top .star-wrap.n3{background-image:url(../img/icons/score-star-03.png)}.dialog-result .score-wrap .result-bar{position:relative;margin:1.5rem 0 .9rem;width:100%;height:1.2rem;background:#eaeaea;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.dialog-result .score-wrap .result-bar .bar{position:absolute;top:0;left:0;width:0;max-width:100%;height:1.2rem;background:#ffc600;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.dialog-result .score-wrap .result-bar .bar span{position:absolute;top:50%;right:-1.5rem;margin-top:-1.5rem;width:3rem;height:3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.4rem;font-weight:700;font-family:"NotoB",sans-serif;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.dialog-result .score-wrap .info-bot{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dialog-result .score-wrap .info-bot .sub-text{font-size:1.2rem;color:#666}.dialog-result .score-wrap .info-bot .num{font-size:1.3rem;color:#666}.dialog-result .dialog-review{margin:0 -2rem;padding:2.4rem 2.4rem;background:#f6f6f6}.dialog-result .dialog-review .swiper-review-wrap .title{font-size:1.6rem;font-weight:700;font-family:"NotoB",sans-serif}.dialog-result .dialog-review .swiper-review{overflow:visible;margin-top:1.5rem}.dialog-result .dialog-review .swiper-review .swiper-wrapper{height:auto}.dialog-result .dialog-review .swiper-review .dialog-box{margin:1.5rem 1.5rem}.dialog-result .dialog-review .swiper-review .dialog-box .profile{top:1rem;left:-1.8rem;width:3.4rem;height:3.4rem}.dialog-result .dialog-review .swiper-review .dialog-box .text-wrap{max-width:-webkit-calc(100% - 20%);max-width:-moz-calc(100% - 20%);max-width:80%;min-height:auto;padding:1.4rem 2.4rem;font-size:1.4rem;color:#222}.dialog-result .dialog-review .swiper-review .dialog-box.type-me{position:relative;margin-right:0;text-align:right}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap{position:relative;display:inline-block;text-align:left;min-width:74%}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap .answer{margin-top:2rem}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap .answer:first-child{margin-top:0}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap .answer .title-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap .answer .title-wrap .txt{font-size:1rem;color:#3b3fb5;margin-top:0}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap .answer .title-wrap .num{margin-left:4px;padding:1px 3px;font-size:1rem;color:#1ac6d1;font-weight:700;font-family:"NotoB",sans-serif;background:#dff9fc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap .answer .txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.4rem}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap .answer .txt span{margin:2px 0;padding:0 2px;line-height:2rem;font-size:1.4rem}.dialog-result .dialog-review .swiper-review .dialog-box.type-me .text-wrap .answer .txt span.same{font-weight:700;font-family:"NotoB",sans-serif;color:#222;background:#d4dfff}.dialog-result .dialog-review .swiper-review .dialog-box.type-me.no-data .text-wrap .answer .txt span.no-data-text{color:#bbb;background:rgba(0,0,0,0)}.dialog-result .dialog-review .swiper-review .dialog-box .answer-text{position:relative;margin-top:2rem;padding-top:2rem;bottom:auto;left:auto;border-top:1px #ddd dotted}.dialog-result .dialog-review .swiper-review .dialog-box .answer-text strong{margin:0 4px;font-size:1.5rem;color:#ff9b26}.dialog-result .dialog-review .swiper-review .swiper-pagination{position:absolute;top:-3.2rem;right:.5rem;left:auto;bottom:auto;width:auto}.dialog-result .dialog-review .swiper-review .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin-left:4px;background:#ccc;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;opacity:1}.dialog-result .dialog-review .swiper-review .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0}.dialog-result .dialog-review .swiper-review .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;background-color:#444;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px}.dialog-result .btn-wrap.type-column{margin-top:5rem}.dialog-result .btn-wrap.type-column .btn-wrap{margin-top:1.2rem;margin-bottom:1.2rem;width:100%}.dialog-result .btn-wrap.type-column .btn-wrap .btn+.btn{margin-top:0;margin-left:1.2rem}.dialog-result .btn-wrap.type-column .btn-wrap:first-child{margin-top:0}.bookclass-wrap{padding:3rem 0 2.4rem;overflow:hidden}.bookclass-wrap .main-cont-inner{padding:0 !important}.bookclass-wrap .tab-wrap.type-line{background:rgba(0,0,0,0)}.bookclass-wrap .tab-wrap.type-line .tab{position:relative;padding:.4rem 0}.bookclass-wrap .title{font-size:1.8rem;line-height:2.2rem;font-weight:bold;padding:0 1.6rem}.bookclass-wrap .filter-wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.bookclass-wrap .filter-wrap button{margin-left:8px}.bookclass-wrap .filter-wrap button:first-child{margin-left:0}.bookclass-wrap .filter-wrap button.btn-filter{padding:.3rem .9rem;border:1px solid #08c2ce;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bookclass-wrap .filter-wrap button.btn-filter span{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;color:#08c2ce;font-size:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bookclass-wrap .filter-wrap button.btn-filter span:before{content:"";display:inline-block;width:1.1rem;height:1.1rem;background:url(../img/icons/btn-filter.png) no-repeat center center;-moz-background-size:100%;background-size:100%;margin-right:2.5px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bookclass-wrap .filter-wrap button.btn-filter.on{border-color:#08c2ce}.bookclass-wrap .filter-wrap button.btn-filter.on span{color:#08c2ce}.bookclass-wrap .filter-wrap button.btn-filter.on span:before{background-image:url(../img/main/icon-filter.png)}.bookclass-wrap .filter-wrap button.btn-type{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.3rem 1.1rem;border:1px solid #ccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-size:1.2rem;color:#bbb}.bookclass-wrap .filter-wrap button.btn-type.on{border-color:#ff7c00;color:#ff7c00;font-weight:700;font-family:"NotoB",sans-serif}.bookclass-wrap .tab-cont-wrap{padding:1.6rem 2.4rem 0}.bookclass-wrap .swiper-book-class{margin:1.5rem 0 0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bookclass-wrap .swiper-book-class+.swiper-book-class{margin-top:3rem}.bookclass-wrap .swiper-book-class.type-small{margin-top:-1.2rem}.bookclass-wrap .swiper-book-class.type-my .swiper-pagination{margin-top:2.9rem}.bookclass-wrap .swiper-book-class .swiper-book-small .swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:38rem}.bookclass-wrap .swiper-book-class .swiper-book-small .swiper-slide{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;height:auto;margin-top:2.8rem !important}.bookclass-wrap .swiper-book-class .swiper-book-small .swiper-slide .book-item .sub-text{bottom:-2.6rem}.bookclass-wrap .swiper-book-class .swiper-book-small .swiper-pagination{margin-top:3.2rem}.bookclass-wrap .swiper-book-class .swiper-my .swiper{margin-top:3rem}.bookclass-wrap .swiper-book-class .swiper-my .swiper-slide{width:95%;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;padding-bottom:5px}.bookclass-wrap .swiper-book-class .swiper-my-row.swiper{margin-top:-1.8rem}.bookclass-wrap .swiper-book-class .swiper-my-row .swiper-wrapper{width:100% !important;height:40rem}.bookclass-wrap .swiper-book-class .swiper-my-row .swiper-slide{width:93%;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;height:auto;padding-bottom:0;margin-top:20px !important}.bookclass-wrap .swiper-book-class .swiper-my-row .swiper-pagination{margin-top:.8rem}.bookclass-wrap .swiper-book-class .swiper{overflow:visible}.bookclass-wrap .swiper-book-class .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-bottom:2rem}.bookclass-wrap .swiper-book-class .label-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.bookclass-wrap .swiper-book-class .label-wrap .label{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.1rem;line-height:1.2;color:#666;letter-spacing:-0.43px;padding:.4rem .6rem;margin-left:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.bookclass-wrap .swiper-book-class .label-wrap .label:first-child{margin-left:0}.bookclass-wrap .swiper-book-class .label-wrap .label.color-01{background:#f5ebff}.bookclass-wrap .swiper-book-class .label-wrap .label.color-02{background:#e1f1ff}.bookclass-wrap .swiper-book-class .book-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:11.4rem;height:16.2rem}.bookclass-wrap .swiper-book-class .book-item img{width:100%;max-width:100%;height:100%}.bookclass-wrap .swiper-book-class .book-item .label-top{position:absolute;top:.6rem;left:.6rem;background:#ff9b26;color:#fff;font-size:1.1rem;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:.4rem .9rem}.bookclass-wrap .swiper-book-class .book-item .label-top.icon-speaker{width:3rem;height:3rem;background:url(../img/icons/label-top-speaker.png) no-repeat center center;-moz-background-size:100%;background-size:100%}.bookclass-wrap .swiper-book-class .book-item .label-wrap{position:absolute;bottom:.8rem;left:.6rem}.bookclass-wrap .swiper-book-class .book-item .sub-text{position:absolute;bottom:-2.3rem;left:0;color:#666;font-size:1.4rem}.bookclass-wrap .swiper-book-class .book-progress{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:2rem 1.5rem;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 3px 20px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 20px 0 rgba(0,0,0,.12);box-shadow:0 3px 20px 0 rgba(0,0,0,.12);width:100%}.bookclass-wrap .swiper-book-class .book-progress .item{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:9.6rem;height:13.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.bookclass-wrap .swiper-book-class .book-progress .item img{width:100%;max-width:100%}.bookclass-wrap .swiper-book-class .book-progress .item.type-info{width:-webkit-calc(100% - 97px);width:-moz-calc(100% - 97px);width:calc(100% - 97px);padding-left:1.2rem;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .info-top{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .subscribe{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-webkit-justify-content:right;-moz-box-pack:right;-ms-flex-pack:right;justify-content:right;font-size:1rem;color:#666}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .flex-top{width:100%}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .title{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:100%;position:relative;font-size:1.4rem;line-height:1.8rem;color:#222;padding:0;margin:.6rem 0 .5rem;max-height:3.6rem;overflow:hidden;word-break:normal}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .sub-title{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;font-size:1rem;color:#4f4f4f;line-height:1.4rem;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:-webkit-calc(100% - 5px);width:-moz-calc(100% - 5px);width:calc(100% - 5px)}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:100%;position:relative;margin-top:.4rem;padding-top:2.8rem}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap .bar{position:relative;width:100%;height:9px;background:#f4f4f4;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap .bar .bar-active{position:absolute;top:0;left:0;width:0;max-width:100%;height:9px;background:#22c4c6;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap .bar .ballon{position:absolute;top:-2.6rem;right:-1.1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2.2rem;height:2.2rem;color:#fff;font-size:10px;font-weight:700;font-family:"NotoB",sans-serif;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ff9b26}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap .bar .ballon::before{content:"";position:absolute;bottom:-3px;left:50%;border-top:8px solid #ff9b26;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap .bar-info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:.5rem}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap .bar-info .date{color:#999;font-size:1rem;font-weight:400;line-height:1.1rem}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap .bar-info .num{font-size:1.1rem;line-height:1;color:#999}.bookclass-wrap .swiper-book-class .book-progress .item.type-info .progress-wrap .bar-info .num strong{color:#22c6c8}.bookclass-wrap .swiper-book-class .swiper-pagination{position:relative;width:auto;bottom:auto;left:auto;margin-top:2.8rem}.bookclass-wrap .swiper-book-class .swiper-pagination .swiper-pagination-bullet{background:#ccc;opacity:1;margin:0 2px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}.bookclass-wrap .swiper-book-class .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#08c2ce;width:16px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px}.bookclass-wrap .swiper-book-class.type-small .book-item{width:10rem;height:14.2rem}.bookclass-wrap .swiper-book-class.type-small .book-item .label-top{font-size:1rem;padding:.3rem .9rem}.bookclass-wrap .swiper-book-class.type-small .book-item .label-top.icon-speaker{width:2.4rem;height:2.4rem}.bookclass-wrap .swiper-book-class.type-small .book-item .label-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.bookclass-wrap .swiper-book-class.type-small .book-item .label-wrap .label{font-size:1rem}.bookclass-wrap .swiper-book-class.type-small .book-item .label-wrap .label:nth-of-type(3){margin:.5rem 0 0 0}.bookclass-wrap .swiper-book-class.type-small .book-item .sub-text{font-size:1.2rem}.bookclass-wrap .swiper-book-class.type-small .swiper-pagination{margin-top:3.7rem}.speaking-box{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:2rem 0 2rem}.dialog-box:not(.hide){margin-top:5rem}.speaking-box .speaking-item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;border:2px solid rgba(0,0,0,0);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.speaking-box .speaking-item.text-box{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;min-height:13.5rem;background:#fff;-webkit-border-top-left-radius:20px;-moz-border-radius-topleft:20px;border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px;border-bottom:0}.speaking-box .speaking-item.text-box .title-box{width:100%;min-height:19rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:5rem}.speaking-box .speaking-item.text-box .title-box .title{max-width:-webkit-calc(100% - 30%);max-width:-moz-calc(100% - 30%);max-width:70%;font-size:2.3rem;line-height:3.3rem;font-weight:700;font-family:"NotoB",sans-serif;margin:0 auto}.speaking-box .speaking-item.text-box .title-box .question{max-width:-webkit-calc(100% - 32px);max-width:-moz-calc(100% - 32px);max-width:calc(100% - 32px);color:#666;margin:4.5rem auto 0;text-align:center;font-size:1.6rem}.speaking-box .speaking-item.text-box .title-box .answer-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;margin:2.2rem auto 1rem;max-width:-webkit-calc(100% - 32px);max-width:-moz-calc(100% - 32px);max-width:calc(100% - 32px);line-height:1.2}.speaking-box .speaking-item.text-box .title-box .answer-wrap.blank span{padding:5px 3px;margin:3px 0 0;background:#f6f6f6;color:rgba(0,0,0,0)}.speaking-box .speaking-item.text-box .title-box .answer-wrap.blank span.show{background:#f6f6f6;color:rgba(0,0,0,0)}.speaking-box .speaking-item.text-box .title-box .answer-wrap span{position:relative;font-size:2.3rem;padding:5px 2px;margin:3px 1px 0;font-weight:700;font-family:"NotoB",sans-serif;background:#f6f6f6;color:rgba(0,0,0,0);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.speaking-box .speaking-item.text-box .title-box .answer-wrap span.show{background:none;color:#222}.speaking-box .speaking-item.text-box .title-box .hint-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:2.2rem;margin-top:2rem}.speaking-box .speaking-item.text-box .title-box .hint-wrap.on .btn-hint:before{background-image:url(../img/icons/icon_hint_x_disabled.png)}.speaking-box .speaking-item.text-box .title-box .hint-wrap.on .hint-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.speaking-box .speaking-item.text-box .title-box .hint-wrap.on .hint-box .hint-item{-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards}.speaking-box .speaking-item.text-box .title-box .hint-wrap .btn-hint{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.3rem;line-height:2.2rem;color:#ddd;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.speaking-box .speaking-item.text-box .title-box .hint-wrap .btn-hint:before{content:"";display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:1.6rem;height:1.6rem;margin-right:3px;background:url(../img/icons/icon_hint_q_disabled.png) no-repeat center center;-moz-background-size:100%;background-size:100%}.speaking-box .speaking-item.text-box .title-box .hint-wrap .hint-box{display:none;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-left:.2rem}.speaking-box .speaking-item.text-box .title-box .hint-wrap .hint-box .hint-item{position:relative;padding-left:.5rem;margin-left:.5rem;font-size:1.3rem;color:#222;opacity:0}.speaking-box .speaking-item.text-box .title-box .hint-wrap .hint-box .hint-item::before{content:"";display:block;position:absolute;top:3px;left:-1px;width:1px;height:.8rem;background:#ccc}.speaking-box .speaking-item.text-box .title-box .hint-wrap .hint-box .hint-item:first-child{margin-left:0;padding-left:0}.speaking-box .speaking-item.text-box .title-box .hint-wrap .hint-box .hint-item:first-child:before{display:none}.speaking-box .speaking-item.text-box .title-box .balloon-text{position:absolute;opacity:0;top:-1.5rem;left:50%;white-space:pre;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.speaking-box .speaking-item.text-box .title-box .balloon-text.on{top:-2rem;-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards}.speaking-box .speaking-item.control-box{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 5.4rem;-moz-box-flex:0;-ms-flex:0 5.4rem;flex:0 5.4rem;background:#ddd;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomleft:20px;border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;border-bottom-right-radius:20px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.speaking-box .speaking-item.control-box .balloon-text{position:absolute;opacity:0;bottom:-2.9rem}.speaking-box .speaking-item.control-box .balloon-text.on{bottom:-3.4rem;-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards}.speaking-box .speaking-item.control-box.between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 2rem}.speaking-box .speaking-item.control-box.between .btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.speaking-box .speaking-item.control-box.between .btn-wrap .btn{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:3.6rem;height:3.6rem;color:rgba(0,0,0,0);font-size:xx-small;margin-left:1.5rem;background:pink}.speaking-box .speaking-item.control-box.between .btn-wrap .btn:first-child{margin-left:0}.speaking-box .speaking-item.control-box.between .btn-wrap .btn.btn-reset{background:url(../img/icons/btn-reset.png) no-repeat center center;-moz-background-size:100%;background-size:100%;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.speaking-box .speaking-item.control-box.between .btn-wrap .btn.btn-reset.on{-webkit-transform:rotate(-230deg);-moz-transform:rotate(-230deg);-ms-transform:rotate(-230deg);-o-transform:rotate(-230deg);transform:rotate(-230deg)}.speaking-box .speaking-item.control-box.between .btn-wrap .btn.btn-stop{background:url(../img/icons/btn-stop.png) no-repeat center center;-moz-background-size:100%;background-size:100%;-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s}.speaking-box .speaking-item.control-box.between .btn-wrap .btn.btn-stop.on{background-image:url(../img/icons/btn-play.png)}.speaking-box .speaking-item.control-box.between .balloon-text{bottom:auto;top:-3.5rem;left:-1rem}.speaking-box .speaking-item.control-box.between .balloon-text.on{top:-4.5rem;-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards}.speaking-box .speaking-item.control-box.between .balloon-text::before{left:7rem}.speaking-box .speaking-item.control-box .ani-speaking .item{background:#ccc !important}.speaking-box.active .speaking-item{border:2px solid #3b3fb5}.speaking-box.active .speaking-item.text-box{border-bottom:0}.speaking-box.active .speaking-item.text-box .question{color:#3b3fb5}.speaking-box.active .speaking-item.text-box .answer-wrap.blank span{background:#d4dfff}.speaking-box.active .speaking-item.text-box .answer-wrap.blank span.show{background:#d4dfff}.speaking-box.active .speaking-item.text-box .answer-wrap span{background:#d4dfff}.speaking-box.active .speaking-item.text-box .answer-wrap span.show{background:none}.speaking-box.active .speaking-item.text-box .answer-wrap span.bn01{background:#e5ecff;color:#adbbff}.speaking-box.active .speaking-item.text-box .answer-wrap span.bn01.show{background:none;color:#222}.speaking-box .speaking-item.text-box .answer-wrap span.bn01{background:#f6f6f6;color:#ccc}.speaking-box .speaking-item.text-box .answer-wrap span.bn01.show{background:none;color:#222}.speaking-box.active .speaking-item.text-box .hint-wrap .btn-hint{color:#7d8aff}.speaking-box.active .speaking-item.text-box .hint-wrap .btn-hint:before{background-image:url(../img/icons/icon_hint_q_active.png)}.speaking-box.active .speaking-item.text-box .hint-wrap.on .btn-hint{color:#3b3fb5}.speaking-box.active .speaking-item.text-box .hint-wrap.on .btn-hint:before{background-image:url(../img/icons/icon_hint_x_active.png)}.speaking-box.active .speaking-item.text-box .hint-wrap.on .hint-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.speaking-box.active .speaking-item.text-box .hint-wrap.on .hint-box .hint-item{-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards}.speaking-box.active .speaking-item.text-box .progress-bar .bar{background:#7d8aff}.speaking-box.active .speaking-item.control-box{background:#3b3fb5}.speaking-box.active .speaking-item.control-box .ani-speaking .item{background:#d4dfff !important}.speaking-box.active .speaking-item.control-box .ani-speaking.on .item{background:-webkit-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:-moz-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:-o-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:linear-gradient(358.06deg, #fbfaff 16.49%, #7d8aff 96.14%) !important}.speaking-box.active .speaking-item.control-box .ani-speaking.active .item{background:-webkit-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:-moz-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:-o-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:linear-gradient(358.06deg, #fbfaff 16.49%, #7d8aff 96.14%) !important}.speaking-box.active .speaking-item.control-box .btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.speaking-box.active .speaking-item.control-box .btn-wrap .btn.btn-reset{background-image:url(../img/icons/btn-reset-active.png)}.speaking-box.active .speaking-item.control-box .btn-wrap .btn.btn-stop{background-image:url(../img/icons/btn-stop-active.png)}.speaking-box.active .speaking-item.control-box .btn-wrap .btn.btn-stop.on{background-image:url(../img/icons/btn-play-active.png)}.speaking-box .btn-skip{margin:1rem auto 0}.speaking-box .btn-bookmark{position:absolute;top:.7rem;right:1rem}.listening-box{text-align:right}.listening-box .text-wrap{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:90%;background:#fff;margin:2rem 0 1.3rem;padding:4.5rem 2rem;font-size:1.8rem;color:#222;font-weight:700;font-family:"NotoB",sans-serif;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:2.3rem}.listening-box .text-wrap .before{position:relative;display:none;line-height:3rem}.listening-box .text-wrap .before .balloon-text{position:absolute;opacity:0;top:-7rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);color:#222;white-space:nowrap}.listening-box .text-wrap .before .balloon-text.on{top:-6.6rem;-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards}.listening-box .text-wrap .before.on{-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards;display:block}.listening-box .text-wrap .after{position:relative;display:none;line-height:1.4;font-size:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.listening-box .text-wrap .after span{position:relative;font-size:1.8rem;padding:2px 2px;margin:3px 0 0;font-weight:700;font-family:"NotoB",sans-serif}.listening-box .text-wrap .after span .inner-text{opacity:0;position:absolute;top:-3px;left:0;width:0;background:#d4dfff;color:#3b3fb5;font-size:1.8rem;padding:2px 2px;margin:3px 0 0;font-weight:700;font-family:"NotoB",sans-serif;overflow:hidden}.listening-box .text-wrap .after span.active .inner-text{opacity:1;-webkit-animation:bgWord forwards;-moz-animation:bgWord forwards;-o-animation:bgWord forwards;animation:bgWord forwards}.listening-box .text-wrap .after.on{-webkit-animation:fadeShow .2s forwards;-moz-animation:fadeShow .2s forwards;-o-animation:fadeShow .2s forwards;animation:fadeShow .2s forwards;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.listening-box.active .text-wrap{border:2px solid #3b3fb5}.listening-box.active .text-wrap .before{color:#3b3fb5}.listening-box.no-data .text-wrap .before{display:block;color:#999}.progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#ebebeb}.progress-bar .bar{position:absolute;bottom:0;left:0;height:4px;width:100%;max-width:100%;background:#ebebeb;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}.balloon-text{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.4rem;line-height:1.7rem;padding:1.1rem 1.5rem;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.25);-moz-box-shadow:0 0 10px rgba(0,0,0,.25);box-shadow:0 0 10px rgba(0,0,0,.25);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.balloon-text:before{content:"";position:absolute;top:-7px;left:50%;border-bottom:8px solid #fff;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.balloon-text.bottom:before{top:auto;bottom:-7px;-webkit-transform:rotate(180deg) translateX(70%);-moz-transform:rotate(180deg) translateX(70%);-ms-transform:rotate(180deg) translateX(70%);-o-transform:rotate(180deg) translateX(70%);transform:rotate(180deg) translateX(70%)}.ani-speaking{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.ani-speaking .item{display:inline-block;width:.8rem;height:.8rem;margin-left:.4rem;background:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ani-speaking .item:first-child{margin-left:0}.ani-speaking.on .item{background:-webkit-gradient(linear, left top, left bottom, from(#fbfaff), to(#78d0d6)) !important;background:-webkit-linear-gradient(#fbfaff, #78d0d6) !important;background:-moz-linear-gradient(#fbfaff, #78d0d6) !important;background:-o-linear-gradient(#fbfaff, #78d0d6) !important;background:linear-gradient(#fbfaff, #78d0d6) !important;background-color:#c289fc}.ani-speaking.active .item{-webkit-transition:padding .3s;-o-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;background:-webkit-gradient(linear, left top, left bottom, from(#fbfaff), to(#78d0d6)) !important;background:-webkit-linear-gradient(#fbfaff, #78d0d6) !important;background:-moz-linear-gradient(#fbfaff, #78d0d6) !important;background:-o-linear-gradient(#fbfaff, #78d0d6) !important;background:linear-gradient(#fbfaff, #78d0d6) !important;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.dialog-box{position:relative;margin:4rem 0 2rem}.dialog-box .profile{position:absolute;top:-3.7rem;left:0;width:4.8rem;height:4.8rem;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 -6px 30px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -6px 30px 0 rgba(0,0,0,.1);box-shadow:0 -6px 30px 0 rgba(0,0,0,.1)}.dialog-box .profile img{width:100%;height:100%}.dialog-box .text-wrap{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:-webkit-calc(100% - 30%);max-width:-moz-calc(100% - 30%);max-width:70%;min-width:9.4rem;min-height:6rem;font-weight:400;color:#222;font-size:1.8rem;padding:1.5rem 2rem;background-color:#fff;border:2px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;word-break:keep-all;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;font-family:"NotoR",sans-serif;line-height:2.3rem}.dialog-box.user{margin-top:2rem;text-align:right}.dialog-box.on .text-wrap{border-color:#3b3fb5;color:#3b3fb5;font-family:"NotoM",sans-serif}.dialog-box.ing .text-wrap{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.dialog-box.ing .ing-text{position:relative;top:6px}.dialog-box.ing .ing-text span{-webkit-animation:ingAnimation .3s alternate infinite;-moz-animation:ingAnimation .3s alternate infinite;-o-animation:ingAnimation .3s alternate infinite;animation:ingAnimation .3s alternate infinite}.dialog-box.ing .ing-text span:nth-child(3){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.dialog-box.ing .ing-text span:nth-child(2){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}.dialog-box.ing .ing-text span:nth-child(1){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.ing-text{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.ing-text span{position:relative;display:inline-block;width:.9rem;height:.9rem;margin-left:.8rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#3b3fb5}.ing-text span:first-child{margin-left:0}.btn-top{display:none;position:fixed;bottom:2.2rem;right:2.2rem;font-size:12px;color:#666;padding:.8rem 1.5rem;background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-animation:fadeShowItem .2s forwards;-moz-animation:fadeShowItem .2s forwards;-o-animation:fadeShowItem .2s forwards;animation:fadeShowItem .2s forwards;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 30px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 30px 1px rgba(0,0,0,.1);box-shadow:0 0 30px 1px rgba(0,0,0,.1)}.btn-top.show{width:44px;height:44px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#fff;box-shadow:0px 1px 0px 2px #e5ecff;z-index:2;background:url("../img/main/arrow_up.svg") #fff center no-repeat}.btn-bookmark{display:block;width:3.2rem;height:3.2rem;color:rgba(0,0,0,0);font-size:xx-small;overflow:hidden;background:url(../img/icons/btn-bookmark.png) no-repeat center center;-moz-background-size:100%;background-size:100%;-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s}.btn-bookmark.on{background-image:url(../img/icons/btn-bookmark-on.png)}.landing-wrap .sect{position:relative}.landing-wrap .sect img{width:100%}.landing-wrap .sect .hidden-wrap{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;font-size:xx-small;color:rgba(0,0,0,0)}.landing-wrap .sect.sect-01 .btn-wrap{position:absolute;left:2rem;bottom:6.2rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:-webkit-calc(100% - 4rem);width:-moz-calc(100% - 4rem);width:calc(100% - 4rem)}.landing-wrap .sect.sect-01 .btn-wrap .btn{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-family:"NotoB",sans-serif;font-size:1.8rem;color:#242424;background:#fff;height:6.8rem;-webkit-border-radius:.9rem;-moz-border-radius:.9rem;border-radius:.9rem}.landing-wrap .sect.sect-01 .btn-wrap .btn i{position:absolute;top:-1.2rem;left:1.9rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:5rem;height:3.2rem;color:#fff;font-size:1.2rem;line-height:1;background-color:#242424;padding:0 1.2rem;-webkit-border-radius:1.6rem;-moz-border-radius:1.6rem;border-radius:1.6rem}.landing-wrap .sect.sect-04 .gif-wrap{padding-top:21rem;background:url(../img/landing/landing_img_04.png) 0 0 no-repeat;min-height:160rem;-moz-background-size:100%;background-size:100%}.landing-wrap .sect.sect-04 .btn-wrap{padding:3.6rem 2rem 7.6rem;background:#fff}.landing-wrap .sect.sect-04 .btn-wrap .btn{font-family:"NotoB",sans-serif;font-size:1.8rem;color:#fff;height:6rem;line-height:6rem;background:#08c2ce;width:100%;text-align:center;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem}.landing-wrap .sect.sect-05{position:relative}.landing-wrap .sect.sect-05 .btn{position:absolute;bottom:8.4rem;left:3.9rem;width:-webkit-calc(100% - 7.8rem);width:-moz-calc(100% - 7.8rem);width:calc(100% - 7.8rem);height:5.6rem;line-height:5.6rem;text-align:center;color:#fff;background:#242424;font-family:"NotoB",sans-serif;font-size:18px;text-decoration:underline;-webkit-border-radius:.7rem;-moz-border-radius:.7rem;border-radius:.7rem}.landing-wrap .sect.sect-06{padding:2.4rem 2rem;background:#054d52;color:#fff}.landing-wrap .sect.sect-06 strong{font-family:"NotoB",sans-serif;font-size:1rem;line-height:1.3rem}.landing-wrap .sect.sect-06 ul{margin-top:.8rem}.landing-wrap .sect.sect-06 ul li{position:relative;font-size:1rem;line-height:1.4rem;padding-left:1.2rem;margin-top:.5rem}.landing-wrap .sect.sect-06 ul li:first-child{margin-top:0}.landing-wrap .sect.sect-06 ul li:before{content:"";position:absolute;top:.6rem;left:.3rem;width:3px;height:3px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff}.landing-wrap .sect.sect-08{position:relative;height:16rem;background:#333}.landing-wrap .sect.sect-08 .text-wrap{position:absolute;top:50%;left:4rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.landing-wrap .sect.sect-08 .text-wrap strong{color:#fff;font-size:1.4rem;line-height:2rem;font-family:"NotoB",sans-serif;letter-spacing:-0.7px}.landing-wrap .sect.sect-08 .text-wrap span{display:block;margin-top:.5rem;font-size:1.2rem;line-height:1.7rem;color:#fff;font-weight:300;opacity:.25;letter-spacing:-0.7px}.landing-wrap .sect.sect-08 .btn{position:absolute;bottom:5rem;right:4rem;width:5rem;height:5rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-image:url(../img/landing/icon-share.png);background-repeat:no-repeat;-moz-background-size:100%;background-size:100%}.landing-wrap .sect.sect-08 .btn.link-kakao{background-image:url(../img/landing/icon-share-kakao.png)}.bottom-sheet{display:none;position:fixed;bottom:0;left:0;width:100%;padding-top:6rem;padding-left:3.2rem;padding-right:3.2rem;padding-bottom:max(2.5rem,env(safe-area-inset-bottom));padding-bottom:max(2.5rem,constant(safe-area-inset-bottom));background:#fff;-webkit-border-top-left-radius:20px;-moz-border-radius-topleft:20px;border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:101;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bottom-sheet.landing{display:none;padding:0;overflow:hidden;-webkit-border-top-left-radius:24px;-moz-border-radius-topleft:24px;border-top-left-radius:24px;-webkit-border-top-right-radius:24px;-moz-border-radius-topright:24px;border-top-right-radius:24px;-webkit-animation:fadeHide .3s forwards;-moz-animation:fadeHide .3s forwards;-o-animation:fadeHide .3s forwards;animation:fadeHide .3s forwards}.bottom-sheet.landing .landing-wrap{position:relative;background:url(../img/landing/bt_landing_bg.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%;min-height:49.5rem}.bottom-sheet.landing .landing-wrap .btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:absolute;width:-webkit-calc(100% - 4.8rem);width:-moz-calc(100% - 4.8rem);width:calc(100% - 4.8rem);bottom:4rem;left:0;margin:0 2.4rem}.bottom-sheet.landing .landing-wrap .btn-wrap .btn{display:block;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:6rem;line-height:6rem;width:100%;color:#999;text-align:center;font-family:"NotoB",sans-serif;padding:0 2rem;background:#f0f0f0;-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem}.bottom-sheet.landing .landing-wrap .btn-wrap .btn+.btn{margin-left:8px}.bottom-sheet.landing .landing-wrap .btn-wrap .btn.btn-01{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:auto}.bottom-sheet.landing .landing-wrap .btn-wrap .btn.btn-02{color:#fff;background:#444}.bottom-sheet.landing.on{display:block;-webkit-animation:fadeShow .3s forwards;-moz-animation:fadeShow .3s forwards;-o-animation:fadeShow .3s forwards;animation:fadeShow .3s forwards}.bottom-sheet.type2{padding:2.7rem 2.4rem 1.6rem}.bottom-sheet.type2 .title{font-size:1.8rem;margin-bottom:4rem}.bottom-sheet.type2 .sub-title{font-size:1.6rem;margin-bottom:.8rem}.bottom-sheet.type2 .sub-text{font-size:1.4rem}.bottom-sheet.type2 .btn-wrap .btn-pop{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:8px;font-weight:700;font-family:"NotoB",sans-serif;height:50px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #3b3fb5}.bottom-sheet.type2 .btn-wrap .btn-pop:first-child{margin-left:0}.bottom-sheet.type2 .btn-wrap .btn-pop.type-01{color:#3b3fb5}.bottom-sheet.type2 .btn-wrap .btn-pop.type-02{color:#fff;background:#3b3fb5}.bottom-sheet .title{font-size:2rem;color:#222;font-weight:700;font-family:"NotoB",sans-serif;line-height:2.896rem}.bottom-sheet .sub-title{font-size:1.4rem;color:#666;margin-top:.8rem;line-height:2.027rem}.bottom-sheet .box-list-wrap{margin-top:2.5rem}.bottom-sheet .btn-wrap{margin-top:3.5rem}.bottom-sheet .btn-wrap .btn-text{font-size:1.4rem;color:#666;margin-top:1.7rem;text-decoration:underline}.bottom-sheet .btn-botsheet-close{position:absolute;top:2.3rem;right:1.6rem;width:3.2rem;height:3.2rem}.bottom-sheet .btn-botsheet-close:before{content:"";position:absolute;top:1.4rem;left:.6rem;width:2rem;height:2px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bottom-sheet .btn-botsheet-close:after{content:"";position:absolute;top:1.4rem;left:.6rem;width:2rem;height:2px;background:#333;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.box-list-wrap>li{margin-top:1rem}.box-list-wrap>li:first-child{margin-top:0}.box-list-wrap .list-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:2rem 2.4rem;background:#d4dfff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.box-list-wrap .list-item.on{background:rgba(212,222,255,.6)}.box-list-wrap .list-item.on .icon{opacity:.6}.box-list-wrap .list-item.on .list-item-title{color:#73797a}.box-list-wrap .list-item.on:before{content:"";position:absolute;top:50%;right:2.2rem;width:1.2rem;height:.3rem;background:#3b3fb5;-webkit-transform:rotate(-48deg) translateY(-118%);-moz-transform:rotate(-48deg) translateY(-118%);-ms-transform:rotate(-48deg) translateY(-118%);-o-transform:rotate(-48deg) translateY(-118%);transform:rotate(-48deg) translateY(-118%);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.box-list-wrap .list-item.on:after{content:"";position:absolute;top:50%;right:3.4rem;width:.7rem;height:.3rem;background:#3b3fb5;-webkit-transform:rotate(45deg) translateY(-50%);-moz-transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);-o-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.box-list-wrap .list-item .icon{display:block;width:2.6rem;height:2.6rem;background-repeat:no-repeat;-moz-background-size:100%;background-size:100%;margin-right:15px}.box-list-wrap .list-item .icon.icon-01{background-image:url(../img/icons/icon-list-01.png)}.box-list-wrap .list-item .icon.icon-02{background-image:url(../img/icons/icon-list-02.png)}.box-list-wrap .list-item .icon.icon-03{background-image:url(../img/icons/icon-list-03.png)}.box-list-wrap .list-item .icon.icon-04{background-image:url(../img/icons/icon-list-04.png)}.box-list-wrap .list-item .list-item-title{font-size:1.6rem;color:#222}.btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-wrap .btn-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;color:#fff;font-weight:700;font-family:"NotoB",sans-serif;padding:2rem;background:#444;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.btn-wrap .btn-box.color-gray{background:#f6f6f6;color:#444}.btn-wrap .btn-box.color-sky{background:#d4dfff;color:#444}.btn-wrap .btn-link{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:left;background:#fff;padding:1.2rem 2.4rem 1.2rem 3rem}.btn-wrap .btn-link:after{content:"";position:absolute;top:48%;right:1.8rem;width:.6rem;height:.6rem;border-bottom:2px solid #d9d9d9;border-right:2px solid #d9d9d9;-webkit-transform:rotate(-45deg) translateY(-50%);-moz-transform:rotate(-45deg) translateY(-50%);-ms-transform:rotate(-45deg) translateY(-50%);-o-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%)}.btn-wrap .btn-link+.btn-link{margin-left:4px}.btn-wrap .btn-round{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-family:"NotoB",sans-serif;padding:1.8rem 3.2rem 1.8rem 3rem;background:#eee;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}.btn-wrap .btn-round.color-01{color:#fff;background:#3b3fb5}.btn-wrap.type-02 .btn{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;color:#666;text-align:center}.btn-wrap.type-02 .btn:before{content:"";position:absolute;top:50%;left:0;width:1px;height:2.3rem;background:#c2c2c2;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.btn-wrap.type-02 .btn:first-child::before{display:none}.btn-wrap.type-shadow{margin:0 -2rem;-webkit-box-shadow:0 0 30px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 30px 1px rgba(0,0,0,.1);box-shadow:0 0 30px 1px rgba(0,0,0,.1);background:#eee}.btn-wrap.type-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.btn-wrap.type-column .btn+.btn{margin-top:1rem}.btn-wrap.type-column .btn.btn-text{margin-top:2.4rem}.btn-wrap .btn-text{font-size:1.4rem;color:#666;margin-top:2.4rem;text-decoration:underline}.btn-skip{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:7.5rem;height:3rem;color:#999;font-size:1.2rem;background:#eaeaea;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.btn-skip .icon{position:relative;top:2px;display:block;width:1.6rem;height:1.6rem;margin-left:2px;background:url(../img/icons/icon-skip.png) no-repeat center center;-moz-background-size:100%;background-size:100%}.btn-botsheet-open{position:absolute;bottom:0;left:0;width:100%;height:calc(contant(safe-area-inset-bottom) + 4.8rem);height:calc(env(safe-area-inset-bottom) + 4.8rem);background:#fff;color:rgba(0,0,0,0);-webkit-border-top-left-radius:24px;-moz-border-radius-topleft:24px;border-top-left-radius:24px;-webkit-border-top-right-radius:24px;-moz-border-radius-topright:24px;border-top-right-radius:24px;-webkit-box-shadow:0 -6px 30px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -6px 30px 0 rgba(0,0,0,.1);box-shadow:0 -6px 30px 0 rgba(0,0,0,.1);z-index:19;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-botsheet-open:before{content:"";position:absolute;top:1.8rem;right:4.9rem;width:1.6rem;height:1rem;background:url(../img/icons/icon_arrow.png) no-repeat center center;-moz-background-size:100%;background-size:100%}.btn-botsheet-open.type2::before{right:2.6rem}.btn-botsheet-open .balloon-text.type-botsheet{opacity:0;display:none;position:absolute;top:-3.4rem;right:2rem;font-weight:400;white-space:nowrap;color:#fff;padding:1.2rem 2rem;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#3b3fb5;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.btn-botsheet-open .balloon-text.type-botsheet:before{border-bottom:.8rem solid #3b3fb5;top:auto;bottom:-0.7rem;left:auto;right:3rem;-webkit-transform:rotate(181deg);-moz-transform:rotate(181deg);-ms-transform:rotate(181deg);-o-transform:rotate(181deg);transform:rotate(181deg)}.btn-botsheet-open .balloon-text.type-botsheet.on{display:block;top:-4.4rem;-webkit-animation:fadeShow .1s forwards;-moz-animation:fadeShow .1s forwards;-o-animation:fadeShow .1s forwards;animation:fadeShow .1s forwards}.filter-title{font-size:1.6rem;color:#666;margin-top:1.5rem}.filter-title:nth-of-type(1){margin-top:2.5rem}.box-list-wrap.circle-type{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.8rem -0.3rem -0.4rem;max-height:12.8rem;overflow-y:auto}.box-list-wrap.circle-type .btn{position:relative;margin:.4rem .3rem}.box-list-wrap.circle-type .btn input[type=checkbox]{position:absolute;top:0px;left:0px;width:1px;height:1px;opacity:0;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.box-list-wrap.circle-type .btn input[type=checkbox]:checked+label{border:1px solid #3b3fb5;color:#3b3fb5}.box-list-wrap.circle-type .btn label{display:block;padding:.7rem 1.6rem;border:1px solid #ccc;-webkit-border-radius:2.5rem;-moz-border-radius:2.5rem;border-radius:2.5rem;color:#bbb}.btn-wrap.type2{-webkit-box-orient:unset;-webkit-box-direction:unset;-webkit-flex-direction:unset;-moz-box-orient:unset;-moz-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;margin-top:5rem}.btn-wrap.type2 .btn{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}.btn-wrap.type2 .btn+.btn{margin-left:.8rem}.btn-wrap.type2 .btn.refresh{width:7.6rem;background:url(../img/icons/icon_btn_refresh2.png) no-repeat center center #f0f0f0;-moz-background-size:24px 24px;background-size:24px 24px;text-indent:-9999px}.btn-wrap.type2 .btn.refresh:disabled{background-color:#f0f0f0;background-image:url(../img/icons/icon_btn_refresh2_disabled.png)}.btn-wrap.type2 .btn.is-light{background:#3b3fb5;color:#fff;font-size:1.6rem}.btn-wrap.type2 .btn.is-light:disabled{background-color:#f0f0f0;color:#bbb}.btn-wrap.type2 .btn.is-disabled{background-color:#f0f0f0;color:#999;-webkit-box-flex:0;-webkit-flex-grow:0;-moz-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:11.6rem;font-size:1.6rem}@-webkit-keyframes showTop{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@-moz-keyframes showTop{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@-o-keyframes showTop{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@keyframes showTop{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@-webkit-keyframes showBottom{from{opacity:0;margin-bottom:10px}to{opacity:1;margin-bottom:0}}@-moz-keyframes showBottom{from{opacity:0;margin-bottom:10px}to{opacity:1;margin-bottom:0}}@-o-keyframes showBottom{from{opacity:0;margin-bottom:10px}to{opacity:1;margin-bottom:0}}@keyframes showBottom{from{opacity:0;margin-bottom:10px}to{opacity:1;margin-bottom:0}}.type-guide .swiper-slide{position:relative}.type-guide .dim{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.7);z-index:1}.type-guide .content.type-mission .tab-area{position:relative}.type-guide .content.type-mission .tab-area .tab-wrap{top:9.4rem !important}.type-guide .content.type-mission .hint-wrap{position:relative}.type-guide .content.type-mission .next-check{position:absolute;left:50%;bottom:9.5rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;color:#fff}.type-guide .content.type-mission .next-check input[type=checkbox]+label{position:relative;width:12.1rem;padding-left:2.6rem;font-size:1.2rem;vertical-align:middle;white-space:nowrap}.type-guide .content.type-mission .next-check input[type=checkbox]+label::before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:block;width:2rem;height:2rem;background:url(../img/icons/icon-checkbox.png) center center no-repeat;-moz-background-size:2rem;background-size:2rem}.type-guide .content.type-mission .next-check input[type=checkbox]:checked+label::before{background:url(../img/icons/icon-checkbox-on.png) center center no-repeat;-moz-background-size:2rem;background-size:2rem}.type-guide .content.type-mission .info-txt{position:absolute;color:#fff;text-align:center;font-size:1.6rem;line-height:normal;letter-spacing:-0.03rem;opacity:0}.type-guide .content.type-mission .info-txt.study-mode{position:relative;left:0;top:4rem;padding-top:3.5rem;background:url(../img/icons/icon-guide-arrow-01.png) center top no-repeat;-moz-background-size:3.2rem;background-size:3.2rem}.type-guide .content.type-mission .info-txt.hint{left:50%;top:3rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding-top:6.5rem;background:url(../img/icons/icon-guide-arrow-02.png) center top no-repeat;-moz-background-size:6rem;background-size:6rem}.type-guide .content.type-mission .info-txt.bookmark{right:0;top:-9.5rem;padding-bottom:3.5rem;background:url(../img/icons/icon-guide-arrow-03.png) right 8px bottom no-repeat;-moz-background-size:3.2rem;background-size:3.2rem}.type-guide .content.type-mission .info-txt.volume{left:0;top:-9.5rem;padding-bottom:3.5rem;background:url(../img/icons/icon-guide-arrow-03.png) center bottom no-repeat;-moz-background-size:3.2rem;background-size:3.2rem}.type-guide .content.type-mission .info-txt.reset{right:0;top:-9.5rem;padding-bottom:3.5rem;background:url(../img/icons/icon-guide-arrow-03.png) center bottom no-repeat;-moz-background-size:3.2rem;background-size:3.2rem}.type-guide .content.type-mission .info-txt.stop{right:0;top:6rem;padding-top:3.5rem;background:url(../img/icons/icon-guide-arrow-01.png) right 23px top no-repeat;-moz-background-size:3.2rem;background-size:3.2rem}.type-guide .content.type-mission .info-txt.skip{left:50%;bottom:3.8rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding-bottom:3.5rem;background:url(../img/icons/icon-guide-arrow-03.png) center bottom no-repeat;-moz-background-size:3.2rem;background-size:3.2rem}.type-guide .content.type-mission .info-txt strong{font-weight:400;color:#7d8aff}.type-guide .content.type-mission .info-txt mark{position:relative;color:#7d8aff;background:#d4dfff;font-weight:700;font-family:"NotoB",sans-serif;padding:0 .2rem .2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem}.type-guide .speaking-box{margin-top:5rem}.type-guide .btn-close{position:absolute;top:1rem;right:2rem;width:2.4rem;height:2.4rem;z-index:2}.type-guide .btn-close:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);background:#fff}.type-guide .btn-close:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;-webkit-transform:translate(-50%, -50%) rotate(135deg);-moz-transform:translate(-50%, -50%) rotate(135deg);-ms-transform:translate(-50%, -50%) rotate(135deg);-o-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg);background:#fff}.type-guide .control-wrap{position:absolute;bottom:0;left:0;width:100%;background:#333;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:6rem;padding:20px 0;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1}.type-guide .control-wrap .btn{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:6.5rem;height:4.5rem;color:#fff;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.type-guide .control-wrap .btn.btn-next{left:auto;right:0}.type-guide .control-wrap .paging-wrap{position:absolute;top:22px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.type-guide .control-wrap .paging-wrap .paging{width:6px;height:6px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ccc;margin-left:4px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.type-guide .control-wrap .paging-wrap .paging:first-child{margin-left:0}.type-guide .control-wrap .paging-wrap .paging.active{background:#7d8aff}.type-guide .tab-area{z-index:0;-webkit-animation:fadeShow .3s forwards;-moz-animation:fadeShow .3s forwards;-o-animation:fadeShow .3s forwards;animation:fadeShow .3s forwards;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;position:relative}.type-guide .profile{z-index:0}.type-guide .next-check{z-index:1}.type-guide.step1 .dim{opacity:1}.type-guide.step1 .tab-area{z-index:10}.type-guide.step1 .tab-area:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0)}.type-guide.step1 .tab-wrap .bg{background-color:#7d8aff}.type-guide.step1 .study-mode{z-index:1;-webkit-animation:showTop .5s ease-out;-moz-animation:showTop .5s ease-out;-o-animation:showTop .5s ease-out;animation:showTop .5s ease-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.type-guide.step2 .tab-cont{opacity:1 !important;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.type-guide.step2 .speaking-item.text-box{-webkit-animation:fadeShow .3s forwards;-moz-animation:fadeShow .3s forwards;-o-animation:fadeShow .3s forwards;animation:fadeShow .3s forwards;z-index:2}.type-guide.step2 .speaking-item.text-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0)}.type-guide.step2 .btn-bookmark{z-index:2;opacity:1 !important;-webkit-transition:none !important;-o-transition:none !important;-moz-transition:none !important;transition:none !important}.type-guide.step2 .info-txt.hint{z-index:1;-webkit-animation:showTop .5s ease-out;-moz-animation:showTop .5s ease-out;-o-animation:showTop .5s ease-out;animation:showTop .5s ease-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.type-guide.step2 .info-txt.bookmark{z-index:1;-webkit-animation:showTop .5s .3s ease-out;-moz-animation:showTop .5s .3s ease-out;-o-animation:showTop .5s .3s ease-out;animation:showTop .5s .3s ease-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.type-guide.step3 .tab-cont{opacity:1 !important;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.type-guide.step3 .speaking-item.control-box{-webkit-animation:fadeShow .3s forwards;-moz-animation:fadeShow .3s forwards;-o-animation:fadeShow .3s forwards;animation:fadeShow .3s forwards;z-index:1;background-color:#7d8aff}.type-guide.step3 .speaking-item.control-box .ani-speaking .item{-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem;height:1.4rem;background:-webkit-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:-moz-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:-o-linear-gradient(91.94deg, #fbfaff 16.49%, #7d8aff 96.14%) !important;background:linear-gradient(358.06deg, #fbfaff 16.49%, #7d8aff 96.14%) !important}.type-guide.step3 .speaking-item.control-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0)}.type-guide.step3 .info-txt.volume{z-index:1;-webkit-animation:showTop .5s ease-out;-moz-animation:showTop .5s ease-out;-o-animation:showTop .5s ease-out;animation:showTop .5s ease-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.type-guide.step3 .info-txt.reset{z-index:1;-webkit-animation:showTop .5s .3s ease-out;-moz-animation:showTop .5s .3s ease-out;-o-animation:showTop .5s .3s ease-out;animation:showTop .5s .3s ease-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.type-guide.step3 .info-txt.stop{-webkit-animation:showTop .5s .6s ease-out;-moz-animation:showTop .5s .6s ease-out;-o-animation:showTop .5s .6s ease-out;animation:showTop .5s .6s ease-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.type-guide.step4 .tab-cont{opacity:1 !important;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.type-guide.step4 .info-txt.skip{z-index:1;-webkit-animation:showBottom .5s ease-out;-moz-animation:showBottom .5s ease-out;-o-animation:showBottom .5s ease-out;animation:showBottom .5s ease-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.type-guide.step4 .btn-skip{z-index:1}.key-wrap{position:absolute;top:25rem;left:0;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);margin:0 2rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.key-exp .btn-bookmark{position:absolute;top:12rem;right:1rem}.key-wrap .key-title{display:inline-block;color:#3b3fb5;padding:.9rem 1.2rem 1.2rem;margin-bottom:3.2rem;font-size:1.5rem;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#d4dfff}.key-wrap .key-title[class*=icon]:before{content:"";position:relative;top:.4rem;display:inline-block;width:1.9rem;height:1.9rem;background-repeat:no-repeat;-moz-background-size:100%;background-size:100%;margin-right:.7rem}.key-wrap .key-title.icon-01:before{background-image:url(../img/icons/icon-list-01.png)}.key-wrap .key-title.icon-02:before{background-image:url(../img/icons/icon-list-02.png)}.key-wrap .key-title.icon-03:before{background-image:url(../img/icons/icon-list-03.png)}.key-wrap .key-title.icon-04:before{background-image:url(../img/icons/icon-list-04.png)}.key-wrap .typo-wrap{position:relative}.key-wrap .typo-wrap .balloon-text{position:absolute;top:-50px;left:50%;text-align:center;margin-top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0;white-space:nowrap}.key-wrap .typo-wrap .balloon-text.on{top:-6rem;-webkit-animation:fadeShow .1s forwards;-moz-animation:fadeShow .1s forwards;-o-animation:fadeShow .1s forwards;animation:fadeShow .1s forwards}.key-wrap .typo-wrap .typo{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2.8rem;font-weight:700;font-family:"NotoB",sans-serif;color:#222;text-align:center;line-height:1.6;margin-top:-3px}.key-wrap .typo-wrap .typo span{display:block;position:relative;padding:.6rem .2rem .5rem;font-size:2.4rem;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;margin-top:3px}.key-wrap .typo-wrap .typo span.highlight{color:#3b3fb5;background:#d4dfff}.key-wrap .typo-wrap .typo span.blank{color:rgba(0,0,0,0)}.key-wrap .typo-wrap .typo span.blank:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#eaeaea;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.key-wrap .typo-wrap .typo span.hint{color:#222}.key-wrap .typo-wrap .typo span.hint:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#dbd8d8;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;opacity:.9}.key-wrap .sub-text{width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);margin-top:2rem;color:#999;text-align:center}.key-wrap .sub-text.color-01{margin-top:12rem;color:#78d0d6}.key-wrap .speaking-wrap{position:relative;top:12rem}.key-wrap .speaking-wrap .balloon-text{opacity:0;position:absolute;top:-4rem;left:50%;white-space:nowrap;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.key-wrap .speaking-wrap .balloon-text.on{top:-5rem;-webkit-animation:fadeShow .1s forwards;-moz-animation:fadeShow .1s forwards;-o-animation:fadeShow .1s forwards;animation:fadeShow .1s forwards}.key-wrap .speaking-wrap .ani-speaking{height:4.2rem}.key-wrap .speaking-wrap .ani-speaking.on .item{background:rgba(59,63,181,.7) !important}.key-wrap .speaking-wrap .ani-speaking.active .item{background:-webkit-linear-gradient(91.94deg, #3b3fb5 16.49%, #d4dfff 96.14%) !important;background:-moz-linear-gradient(91.94deg, #3b3fb5 16.49%, #d4dfff 96.14%) !important;background:-o-linear-gradient(91.94deg, #3b3fb5 16.49%, #d4dfff 96.14%) !important;background:linear-gradient(358.06deg, #3b3fb5 16.49%, #d4dfff 96.14%) !important}.key-wrap .btn-wrap{margin-top:2.5rem}.key-wrap .btn-wrap .icon-01{display:inline-block;width:2.4rem;height:2.4rem;background:url(../img/icons/icon-btn-book.png) no-repeat center center;-moz-background-size:100%;background-size:100%;margin-right:.5rem}.key-wrap .btn-skip{position:relative;top:15rem}.key-wrap.onbording{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:auto;left:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;min-height:-webkit-calc(100vh - 13.4rem - env(safe-area-inset-bottom) * 2);min-height:-moz-calc(100vh - 13.4rem - env(safe-area-inset-bottom) * 2);min-height:calc(100vh - 13.4rem - env(safe-area-inset-bottom)*2);width:100%;margin:0}.key-wrap.onbording>*{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.key-wrap.onbording .key-title{margin-top:5.5rem;-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;font-size:1.6rem;line-height:2rem}.key-wrap.onbording .typo{font-size:3.2rem;line-height:4rem}.key-wrap.onbording .typo-wrap{text-align:center;width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto}.key-wrap.onbording .typo-wrap .sub-text{margin:1.5rem auto 0;color:#666;width:100%}.key-wrap.onbording .sub-text.type-01{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1.4rem auto;line-height:23px;font-size:1.6rem;color:#7d8aff}.key-wrap.onbording .sub-text.type-01 .sub-key-box{margin-top:1.6rem}.key-wrap.onbording .sub-text.type-01 .sub-key-box:first-child{margin-top:0}.key-wrap.onbording .sub-text.type-01 .sub-key-box .en-txt{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-family:"NotoB",sans-serif;color:#3b3fb5}.key-wrap.onbording .sub-text.type-01 .sub-key-box .en-txt span{position:relative;margin:1px 0;font-size:1.8rem;line-height:1.9rem;background:#fff;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #d4dfff), to(#d4dfff));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #d4dfff 50%, #d4dfff 100%);background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #d4dfff 50%, #d4dfff 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #d4dfff 50%, #d4dfff 100%);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #d4dfff 50%, #d4dfff 100%);padding:0 3px}.key-wrap.onbording .sub-text.type-01 .sub-key-box .ko-txt{margin-top:.7rem;font-size:1.6rem;font-weight:400;line-height:23px;color:#999}.key-wrap.onbording .sub-wrap{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:100%;margin-bottom:3rem}.key-wrap.onbording .sub-wrap .btn-wrap{margin-top:0}.key-wrap.onbording .sub-wrap .btn-round{min-width:15.8rem}.key-wrap.finish{top:47%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.key-wrap.finish .typo{font-size:3.6rem;font-weight:700;font-family:"NotoB",sans-serif;color:#3b3fb5;line-height:1}.key-wrap.finish .typo.line{position:relative}.key-wrap.finish .typo.line span{position:relative}.key-wrap.finish .typo.line:before{content:"";position:absolute;bottom:-0.6rem;width:100%;height:1.6rem;background:#d4dfff}.key-wrap.finish .sub-text{margin-top:2.5rem;color:#222}.modal-wrap{display:none;position:fixed;top:48%;left:50%;padding:20px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:top .3s;-o-transition:top .3s;-moz-transition:top .3s;transition:top .3s;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background:#fff;z-index:30}.modal-wrap.show{display:block;top:50%;-webkit-animation:popupShow .3s forwards;-moz-animation:popupShow .3s forwards;-o-animation:popupShow .3s forwards;animation:popupShow .3s forwards;z-index:1001}.modal-wrap.hide{display:block;top:48%;-webkit-animation:popupHide .3s forwards;-moz-animation:popupHide .3s forwards;-o-animation:popupHide .3s forwards;animation:popupHide .3s forwards}.modal-wrap.type-alert .content{text-align:center;padding:20px 0 30px}.modal-wrap.type-alert .content .title{font-size:1.6rem;font-weight:700;font-family:"NotoB",sans-serif;line-height:1.4}.modal-wrap.type-alert .content .sub-text{font-size:1.4rem;color:#666;margin-top:8px;font-weight:500}.modal-wrap.type-alert .btn-wrap .btn-pop{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:8px;font-weight:700;font-family:"NotoB",sans-serif;font-size:1.2rem;height:50px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #3b3fb5}.modal-wrap.type-alert .btn-wrap .btn-pop:first-child{margin-left:0}.modal-wrap.type-alert .btn-wrap .btn-pop.type-01{color:#3b3fb5}.modal-wrap.type-alert .btn-wrap .btn-pop.type-02{color:#fff;background:#3b3fb5}.modal-wrap.size-xs{width:29rem}.modal-wrap.size-guide{padding:0;top:50%;width:100%;height:100%}.modal-wrap.size-guide.show{display:block;top:50%;-webkit-animation:fadeShow .3s forwards;-moz-animation:fadeShow .3s forwards;-o-animation:fadeShow .3s forwards;animation:fadeShow .3s forwards}.modal-wrap.size-guide.hide{display:block;top:48%;-webkit-animation:fadeHide .3s forwards;-moz-animation:fadeHide .3s forwards;-o-animation:fadeHide .3s forwards;animation:fadeHide .3s forwards}.splash-wrap{position:absolute;display:flex;width:100%;height:100vh;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:#3b3fb5;padding:0;margin:calc(-1*env(safe-area-inset-top)) 0 calc(-1*env(safe-area-inset-bottom))}.splash-wrap #splash{width:23rem;height:23rem}.splash-wrap .img-top{position:absolute;top:2.4rem;right:1.7rem}.splash-wrap .img-top img{width:17.8rem;height:4.9rem}.splash-wrap .img-logo{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:calc(-1*env(safe-area-inset-top)) 0 calc(-1*env(safe-area-inset-bottom))}.splash-wrap .img-logo img{width:22rem;height:19.5rem}.login-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:7rem 3.5rem}.login-wrap .img-logo{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-wrap .img-logo .logo{position:relative;left:-0.4rem;width:9.6rem;height:5.8rem}.login-wrap .img-logo .txt{position:relative;left:-0.8rem;width:16.1rem;height:3.8rem}.login-wrap .login-form{-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;margin-top:4rem}.login-wrap .login-form .input-wrap{margin-top:1.8rem;font-size:1.4rem;line-height:1.9rem}.login-wrap .login-form .input-wrap input{width:100%;border:0;color:#444;font-weight:500;padding:1rem 0;border-bottom:1px solid #bbb}.login-wrap .login-form .input-wrap input::-webkit-input-placeholder{color:#999;opacity:.7;font-weight:500}.login-wrap .login-form .input-wrap input:-moz-placeholder{color:#999;opacity:.7;font-weight:500}.login-wrap .login-form .input-wrap input::-moz-placeholder{color:#999;opacity:.7;font-weight:500}.login-wrap .login-form .input-wrap input:-ms-input-placeholder{color:#999;opacity:.7;font-weight:500}.login-wrap .login-form .input-wrap input::-ms-input-placeholder{color:#999;opacity:.7;font-weight:500}.login-wrap .login-form .input-wrap input::placeholder{color:#999;opacity:.7;font-weight:500}.login-wrap .login-form .input-wrap input:focus{border-bottom:1px solid #444}.login-wrap .login-form .input-wrap:first-child{margin-top:0}.login-wrap .login-form .btn-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:2.4rem}.login-wrap .login-form .btn-wrap+.btn-wrap{margin-top:2rem}.login-wrap .login-form .btn-wrap .btn{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.login-wrap .login-form .btn-wrap .btn.btn-login{width:100%;height:5.6rem;color:#fff;font-size:18px;font-weight:700;font-family:"NotoB",sans-serif;line-height:2.4rem;background:#08c2ce;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.login-wrap .login-form .btn-wrap .btn.btn-txt{position:relative;color:#666;opacity:.7;font-size:1.3rem;line-height:1.7rem}.login-wrap .login-form .btn-wrap .btn.btn-txt::before{content:"";position:absolute;top:50%;left:0;width:1px;height:1.2rem;margin-top:-0.6rem;background:#bbb}.login-wrap .login-form .btn-wrap .btn.btn-txt:first-child:before{display:none}.login-wrap .login-bottom{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-top:12rem}.login-wrap .login-bottom .login-util{width:100%}.login-wrap .login-bottom .login-util .btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:.6rem;height:4.4rem;width:100%;border:1px solid #bbb}.login-wrap .login-bottom .login-util .btn span{position:relative}.login-wrap .login-bottom .login-util .btn span:before{content:"";position:absolute;top:50%;left:0;background-repeat:no-repeat;-moz-background-size:100%;background-size:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.login-wrap .login-bottom .login-util .btn:first-child{margin-top:0}.login-wrap .login-bottom .login-util .btn.kakao span{padding-left:2.8rem}.login-wrap .login-bottom .login-util .btn.kakao span:before{width:2.2rem;height:2rem;background-image:url(../img/icons/icon-kakao.png)}.login-wrap .login-bottom .login-util .btn.naver span{padding-left:2rem}.login-wrap .login-bottom .login-util .btn.naver span:before{width:1.4rem;height:1.3rem;background-image:url(../img/icons/icon-naver.png)}.login-wrap .login-bottom .join-txt{margin-top:2rem;font-size:1.4rem;line-height:1.9rem;color:#444;opacity:.7}.login-wrap .login-bottom .join-txt a{opacity:1;color:#08c2ce;text-decoration:underline}.bookclass-detail .book-wrap{position:relative;padding:3.2rem 0 0}.bookclass-detail .book-wrap .image-wrap{position:relative;width:18rem;margin:0 auto;z-index:1}.bookclass-detail .book-wrap .image-wrap .item{position:relative;width:100%;margin:0 auto;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;border:3px solid #fff}.bookclass-detail .book-wrap .image-wrap .item::before{content:"";height:100%;width:100%;border-radius:12px;pointer-events:none;position:absolute;opacity:.32;background:linear-gradient(0deg, #3B3FB5 0%, #3B3FB5 100%),url(../img/main/img_blur.png) #d3d3d3 50%/cover no-repeat;filter:blur(32.5px);top:5px;z-index:1;left:0}.bookclass-detail .book-wrap .image-wrap .item.on{width:40%}.bookclass-detail .book-wrap .image-wrap .item.on .bookmark-item{width:1rem;height:1.1rem}.bookclass-detail .book-wrap .image-wrap .bookmark-item{position:absolute;top:-0.3rem;right:3%;width:2.9rem;height:3.3rem;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s}.bookclass-detail .book-wrap .image-wrap img{width:100%;height:100%}.bookclass-detail .book-wrap .image-wrap .btn-bookmark{width:100%;background:url(../img/main/icon_bookmark.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%;color:rgba(0,0,0,0);font-size:xx-small;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bookclass-detail .book-wrap .image-wrap .btn-bookmark.on{background-image:url(../img/main/icon_bookmark_on.png)}.bookclass-detail .book-info-wrap{padding:2.4rem 2rem 2.4rem 2rem;-webkit-border-top-left-radius:2.4rem;-moz-border-radius-topleft:2.4rem;border-top-left-radius:3.2rem;-webkit-border-top-right-radius:3.2rem;-moz-border-radius-topright:3.2rem;border-top-right-radius:3.2rem;position:relative;background:#fff;margin-top:2.8rem;box-shadow:0px -8px 30px 0px rgba(59,63,181,.08)}.bookclass-detail .book-info-wrap .free-text{color:#222;font-size:1.2rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.3px;font-family:"NotoM",sans-serif;padding:11px 16px;border-radius:10px;box-shadow:0px 3px 10px rgba(0,0,0,.15);position:absolute;left:0;top:-42px;background:#fff}.bookclass-detail .book-title-wrap{padding:0 20px}.bookclass-detail .book-title-wrap .title-wrap{margin-top:3.2rem}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .label-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .label-wrap .label{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.1rem;line-height:1.2;color:#666;letter-spacing:-0.43px;padding:.4rem .6rem;margin-left:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .label-wrap .label:first-child{margin-left:0}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .label-wrap .label.flag-level-1{background-color:#d6f5ff;color:#0082ab}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .label-wrap .label.flag-level-2{background-color:#d7f5e7;color:#286741}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .label-wrap .label.flag-level-3{background-color:#e5ecff;color:#7d8aff}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .label-wrap .label.flag-level-c{background:#0da4d4;color:#fff}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .label-wrap .label.flag-level-p{background:#ffa601;color:#fff}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .memeber-info{position:relative;margin-left:auto;padding:.2rem .6rem .2rem 2rem;font-size:1rem;color:#666;font-family:"NotoL",sans-serif;line-height:1.4rem;border:1px solid #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.bookclass-detail .book-title-wrap .title-wrap .title-wrap-header .memeber-info:before{content:"";position:absolute;top:50%;left:6px;width:.8rem;height:.8rem;margin-top:-0.4rem;background:url(../img/main/icon_02.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%}.bookclass-detail .book-title-wrap .title-wrap .title{margin-top:.8rem;font-size:2rem;color:#222;font-weight:700;font-family:"NotoB",sans-serif;line-height:2.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookclass-detail .book-title-wrap .title-wrap .sub-text-wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:.4rem}.bookclass-detail .book-title-wrap .title-wrap .sub-text-wrap .sub-text{display:block;position:relative;font-size:1.2rem;font-weight:400;line-height:1.7rem;padding-left:.8rem;margin-left:.8rem;color:#222;font-family:"NotoR",sans-serif}.bookclass-detail .book-title-wrap .title-wrap .sub-text-wrap .sub-text:before{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;background:#222;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.bookclass-detail .book-title-wrap .title-wrap .sub-text-wrap .sub-text:first-child{margin-left:0;padding-left:0}.bookclass-detail .book-title-wrap .title-wrap .sub-text-wrap .sub-text:first-child:before{display:none}.bookclass-detail .book-title-wrap .title-wrap .toggle-info{position:relative;margin-top:2rem;font-size:1.4rem;line-height:2rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-right:1.4rem;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;letter-spacing:-0.56px;font-family:"NotoR",sans-serif}.bookclass-detail .book-title-wrap .title-wrap .toggle-info.line-break:before{content:"";position:absolute;right:0;top:3px;width:1.6rem;height:1.6rem;background:url(../img/main/icon_03.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bookclass-detail .book-title-wrap .title-wrap .toggle-info:before{content:"";position:absolute;right:0;top:3px;width:1.6rem;height:1.6rem}.bookclass-detail .book-title-wrap .title-wrap .toggle-info.on{-webkit-line-clamp:unset}.bookclass-detail .book-title-wrap .title-wrap .toggle-info.on::before{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.bookclass-detail .book-info-wrap .book-index-wrap{padding-bottom:2rem}.bookclass-detail .book-info-wrap .book-index-wrap .title{font-size:1.8rem;color:#222;font-weight:700;font-family:"NotoB",sans-serif;line-height:140%;letter-spacing:-0.72px;margin-right:.8rem}.bookclass-detail .book-info-wrap .book-index-title-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-bottom:2.4rem}.bookclass-detail .book-info-wrap .book-index-title-text{font-size:1.4rem;color:#fff;font-weight:700;font-family:"NotoB",sans-serif;line-height:22px;letter-spacing:-0.56px;height:4.8rem;width:4.8rem;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#3b3fb5;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;margin-right:1.1rem;flex:0 0 auto}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-left:1.2rem;height:4.8rem;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem;border:1px solid #ddd;width:100%}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title .title{font-size:1.4rem;color:#222;font-weight:700;font-family:"NotoB",sans-serif;width:100%;height:100%;display:flex;align-items:center}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input{width:100%;background:rgba(0,0,0,0);border:0;caret-color:#3cccce;font-size:1.4rem;padding-left:0;padding-right:3.5rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input:has(~.btn-del){width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem)}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input::placeholder{font-size:1.4rem;color:#bbb;font-weight:400;font-family:"NotoR",sans-serif;width:100%}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus::-webkit-input-placeholder{color:#bbb;font-family:"NotoR",sans-serif;font-size:1.4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus:-moz-placeholder{color:#bbb;font-family:"NotoR",sans-serif;font-size:1.4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus::-moz-placeholder{color:#bbb;font-family:"NotoR",sans-serif;font-size:1.4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus:-ms-input-placeholder{color:#bbb;font-family:"NotoR",sans-serif;font-size:1.4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus::-ms-input-placeholder{color:#bbb;font-family:"NotoR",sans-serif;font-size:1.4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus::placeholder{color:#bbb;font-family:"NotoR",sans-serif;font-size:1.4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title .btn-search{position:absolute;right:4rem;width:2rem;height:2rem;background:url(../img/main/icon_search.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title .btn-del{position:absolute;right:7rem;width:1.6rem;height:1.6rem;background:url(../img/main/icon-del.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list{position:relative;padding-left:1rem}.bookclass-detail .book-info-wrap .book-index-wrap .empty{width:100%;border:0;height:15rem;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:url(../img/buttertime/no_data_img.png) no-repeat center center;-moz-background-size:100%;background-size:100%;text-align:center;padding-top:20px;margin-bottom:10rem}.bookclass-detail .book-info-wrap .book-index-wrap .empty strong{display:block;padding:7.2rem 0 .4rem;font-size:1.6rem;color:#3b3fb5}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item{position:relative;padding:.6rem 0 .6rem 4.4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:first-child{padding-top:0}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:first-child .free-txt{top:1rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:first-child:after{top:1rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:first-child:before{top:2.3rem;height:-webkit-calc(100% - 1.4rem);height:-moz-calc(100% - 1.4rem);height:calc(100% - 1.4rem)}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:first-child.lock:after{top:-1rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:first-child.lock:before{top:3rem;height:-webkit-calc(100% - 2rem);height:-moz-calc(100% - 2rem);height:calc(100% - 2rem)}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:last-child{padding-bottom:0}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:last-child:before{display:none}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:after{content:"";position:absolute;top:1.8rem;left:1.2rem;width:6px;height:6px;background:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list::before{content:"";position:absolute;top:-1.7rem;left:2.4rem;width:1.5px;height:2.1rem;background:#eaeaea}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:before{content:"";position:absolute;top:3rem;left:1.4rem;width:1.5px;height:-webkit-calc(100% - 2rem);height:-moz-calc(100% - 2rem);height:calc(100% - 2rem);background:#eaeaea}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item.lock a{border:1px solid #eaeaea;background:#f6f6f6;box-shadow:none}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item.lock .title,.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item.lock .text{color:#bbb}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item.lock:after{top:2.6rem;left:0;width:2.8rem;height:2.8rem;background:url(../img/main/icon_04.png) center center no-repeat;-moz-background-size:3rem 3rem;background-size:3rem 3rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item.lock:before{top:6.1rem;height:-webkit-calc(100% - 4.2rem);height:-moz-calc(100% - 4.2rem);height:calc(100% - 4.2rem)}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item a{padding:2rem;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:0px 1px 5px 0px rgba(0,0,0,.06),0px 4px 10px 0px rgba(0,0,0,.09);display:block}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item .title{font-size:1.6rem;line-height:140%;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;padding-right:4rem;font-family:"NotoM",sans-serif;margin-bottom:0;font-weight:500;margin-right:0}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item .text{font-weight:400;color:#999;font-size:1.4rem;line-height:140%;margin-top:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;font-family:"NotoR",sans-serif;padding-right:4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item .free-txt{position:absolute;top:1.6rem;right:1rem;padding:.3rem .5rem;color:#3b3fb5;background-color:#e5ecff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:1rem;line-height:140%;font-weight:700;font-family:"NotoB",sans-serif;text-transform:uppercase}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item:first-child[class*=step]:after{top:.9rem}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item:first-child[class*=step]:before{top:4.3rem;height:-webkit-calc(100% - 2rem);height:-moz-calc(100% - 2rem);height:calc(100% - 2.4rem)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item[class*=step]:after{top:2.6rem;left:0;width:2.8rem;height:2.8rem;background-position:center;background-repeat:no-repeat;background-color:#fff;-moz-background-size:3rem 3rem;background-size:3rem 3rem}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item[class*=step]:before{top:6.1rem;height:-webkit-calc(100% - 4.2rem);height:-moz-calc(100% - 4.2rem);height:calc(100% - 4.2rem)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-1-1:after{background-image:url(../img/main/step_01.png)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-1-2:after{background-image:url(../img/main/step_02.png)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-1-3:after{background-image:url(../img/main/step_03.png)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-1-4:after{background-image:url(../img/main/step_04.png)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-2-1:after{background-image:url(../img/main/step_2_01.png)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-2-2:after{background-image:url(../img/main/step_2_02.png)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-2-3:after{background-image:url(../img/main/step_2_03.png)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-finish:after{background-image:url(../img/main/step_finish.svg);width:28px;height:28px}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item.step-finish a{background:#f2f5ff;border:1px solid #e5ecff;box-shadow:none}.bookclass-detail .book-info-wrap .btn-more{width:100%;height:4rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #ccc;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.bookclass-detail .book-info-wrap .btn-more span{color:#666;font-size:12px}.bookclass-detail .book-info-wrap .btn-more span:after{content:"";position:relative;top:.3rem;left:.4rem;display:inline-block;width:1.6rem;height:1.6rem;background:url(../img/main/icon_05.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%}.bookclass-detail .fixed-bottom{position:relative;top:-2rem;width:-webkit-calc(100% - 4rem);width:-moz-calc(100% - 4rem);width:calc(100% - 4rem);height:5rem;margin:0 20px}.bookclass-detail .fixed-bottom .fixed-btn{position:fixed;left:2rem;bottom:2rem;width:100%;width:-webkit-calc(100% - 4rem);width:-moz-calc(100% - 4rem);width:calc(100% - 4rem);height:5rem;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#3b3fb5}.bookclass-detail .fixed-bottom .fixed-btn span{color:#fff;font-size:1.2rem;line-height:1.7rem}.bookclass-detail.type2{height:calc(100% - 6.4rem - var(--status-bar-height));overflow:scroll;background:linear-gradient(180deg, rgba(173, 187, 255, 0.25) 0%, rgba(242, 245, 255, 0) 100%);position:relative}.bookclass-detail.type2::before{content:"";height:279px;width:279px;border-radius:279px;pointer-events:none;position:absolute;top:128px;background:linear-gradient(180deg, #ADBBFF 27.24%, rgba(242, 245, 255, 0) 59.14%);opacity:.2;left:0;right:0;margin:0 auto}.bookclass-detail.type2 .flex-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.bookclass-detail.type2 .flex-wrap .image-wrap{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:1.4rem}.bookclass-detail.type2 .image-wrap{width:15.3rem;height:21.6rem}.bookclass-detail.type2 .image-wrap img{width:100%;height:100% !important;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;position:relative;z-index:2}.bookclass-detail.type2 .book-title-wrap .title-wrap .title{font-size:2.4rem;line-height:140%;text-overflow:ellipsis;letter-spacing:-0.96px}.bookclass-detail.type2 .book-title-wrap .title-wrap .sub-text-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.bookclass-detail.type2 .score-wrap{padding:2rem 0 0}.bookclass-detail.type2 .score-wrap .result-bar{position:relative;margin:.7rem 0 .5rem;width:100%;height:.8rem;background:#eaeaea;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.bookclass-detail.type2 .score-wrap .result-bar .bar{position:absolute;top:0;left:0;width:0;max-width:95%;height:.8rem;background:#3b3fb5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.bookclass-detail.type2 .score-wrap .result-bar .bar span{position:absolute;top:-0.7rem;right:-3.1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.2rem;font-weight:700;font-family:"NotoB",sans-serif;background:#ffc600;color:#222;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;line-height:140%;letter-spacing:-0.48px;padding:2px 8px 1px 8px}.bookclass-detail.type2 .score-wrap .info-bot{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bookclass-detail.type2 .score-wrap .info-bot .sub-text{font-size:1.2rem;color:#999;font-family:"NotoR",sans-serif}.bookclass-detail.type2 .score-wrap .info-bot .num{font-size:1.2rem;color:#666}.bookclass-detail.type2 .score-wrap .info-bot strong{color:#222;font-family:"NotoB",sans-serif}.modal-subscribe{position:fixed;display:none;top:3rem;right:2rem;z-index:10;width:11.4rem;height:4.6rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.modal-subscribe.on{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-animation:subscribeShow .3s forwards;-moz-animation:subscribeShow .3s forwards;-o-animation:subscribeShow .3s forwards;animation:subscribeShow .3s forwards}.modal-subscribe span{position:relative;top:-2px;font-size:1.1rem;line-height:1;color:#666}.modal-subscribe span:after{content:"";position:relative;top:3px;margin-left:3px;display:inline-block;width:2rem;height:2rem;background:url(../img/main/icon_trash.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%}@-webkit-keyframes subscribeShow{from{top:3rem;opacity:0}to{top:4rem;opacity:1}}@-moz-keyframes subscribeShow{from{top:3rem;opacity:0}to{top:4rem;opacity:1}}@-o-keyframes subscribeShow{from{top:3rem;opacity:0}to{top:4rem;opacity:1}}@keyframes subscribeShow{from{top:3rem;opacity:0}to{top:4rem;opacity:1}}@-webkit-keyframes popupShow{from{top:48%;opacity:0}to{top:50%;opacity:1}}@-moz-keyframes popupShow{from{top:48%;opacity:0}to{top:50%;opacity:1}}@-o-keyframes popupShow{from{top:48%;opacity:0}to{top:50%;opacity:1}}@keyframes popupShow{from{top:48%;opacity:0}to{top:50%;opacity:1}}@-webkit-keyframes popupHide{from{top:50%;opacity:1}to{top:48%;opacity:0}}@-moz-keyframes popupHide{from{top:50%;opacity:1}to{top:48%;opacity:0}}@-o-keyframes popupHide{from{top:50%;opacity:1}to{top:48%;opacity:0}}@keyframes popupHide{from{top:50%;opacity:1}to{top:48%;opacity:0}}@-webkit-keyframes fadeShow{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeShow{from{opacity:0}to{opacity:1}}@-o-keyframes fadeShow{from{opacity:0}to{opacity:1}}@keyframes fadeShow{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeHide{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeHide{from{opacity:1}to{opacity:0}}@-o-keyframes fadeHide{from{opacity:1}to{opacity:0}}@keyframes fadeHide{from{opacity:1}to{opacity:0}}@-webkit-keyframes ingAnimation{from{top:0;background:rgba(59,63,181,.5)}to{top:-8px;background:#3b3fb5}}@-moz-keyframes ingAnimation{from{top:0;background:rgba(59,63,181,.5)}to{top:-8px;background:#3b3fb5}}@-o-keyframes ingAnimation{from{top:0;background:rgba(59,63,181,.5)}to{top:-8px;background:#3b3fb5}}@keyframes ingAnimation{from{top:0;background:rgba(59,63,181,.5)}to{top:-8px;background:#3b3fb5}}@-webkit-keyframes bgWord{from{width:0}to{width:100%}}@-moz-keyframes bgWord{from{width:0}to{width:100%}}@-o-keyframes bgWord{from{width:0}to{width:100%}}@keyframes bgWord{from{width:0}to{width:100%}}@-webkit-keyframes speakerEvent{0%{background-image:url(../img/icons/icon-speaker-on-01.png)}20%{background-image:url(../img/icons/icon-speaker-on-02.png)}40%{background-image:url(../img/icons/icon-speaker-on-03.png)}60%{background-image:url(../img/icons/icon-speaker-on-03.png)}80%{background-image:url(../img/icons/icon-speaker-on-02.png)}100%{background-image:url(../img/icons/icon-speaker-on-01.png)}}@-moz-keyframes speakerEvent{0%{background-image:url(../img/icons/icon-speaker-on-01.png)}20%{background-image:url(../img/icons/icon-speaker-on-02.png)}40%{background-image:url(../img/icons/icon-speaker-on-03.png)}60%{background-image:url(../img/icons/icon-speaker-on-03.png)}80%{background-image:url(../img/icons/icon-speaker-on-02.png)}100%{background-image:url(../img/icons/icon-speaker-on-01.png)}}@-o-keyframes speakerEvent{0%{background-image:url(../img/icons/icon-speaker-on-01.png)}20%{background-image:url(../img/icons/icon-speaker-on-02.png)}40%{background-image:url(../img/icons/icon-speaker-on-03.png)}60%{background-image:url(../img/icons/icon-speaker-on-03.png)}80%{background-image:url(../img/icons/icon-speaker-on-02.png)}100%{background-image:url(../img/icons/icon-speaker-on-01.png)}}@keyframes speakerEvent{0%{background-image:url(../img/icons/icon-speaker-on-01.png)}20%{background-image:url(../img/icons/icon-speaker-on-02.png)}40%{background-image:url(../img/icons/icon-speaker-on-03.png)}60%{background-image:url(../img/icons/icon-speaker-on-03.png)}80%{background-image:url(../img/icons/icon-speaker-on-02.png)}100%{background-image:url(../img/icons/icon-speaker-on-01.png)}}#container.mainPage.new .space,#container.mainPage.new .space-last{background:#ddd}#container.mainPage.new .event-banner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#08c2ce url(../img/main/event_banner_01.png) center center no-repeat;min-height:9.6rem;-moz-background-size:100% 9.6rem;background-size:100% 9.6rem;color:rgba(0,0,0,0)}#container.mainPage.new .btn-menu span{background-image:url(../img/main/icon-menu.png)}#container.mainPage.new .btn-menu span:before{content:"";display:none;position:absolute;top:0;right:0;width:1rem;height:1rem;background:url(../img/main/icon-menu-new.png);-moz-background-size:100%;background-size:100%;-webkit-animation:fadeHide .3s forwards;-moz-animation:fadeHide .3s forwards;-o-animation:fadeHide .3s forwards;animation:fadeHide .3s forwards}#container.mainPage.new .btn-menu.new span{position:relative}#container.mainPage.new .btn-menu.new span:before{display:block;-webkit-animation:fadeShow .3s forwards;-moz-animation:fadeShow .3s forwards;-o-animation:fadeShow .3s forwards;animation:fadeShow .3s forwards}#container.mainPage.new .banner-wrap .banner-btn-wrap .btn-learn{border-color:#08c2ce;color:#08c2ce}#container.mainPage.new .banner-wrap .banner-btn-wrap .btn-learn:after{width:.6rem;height:1rem;background-image:url("../img/main/icon_noData_btn_arr_mint.png");background-repeat:no-repeat;-moz-background-size:100%;background-size:100%}#container.mainPage.new #main.main-l .dataSlide{overflow-y:hidden;height:auto}#container.mainPage.new #main.main-l .dataSlide .slide-item+.slide-item:before{background:#08c2ce}#container.mainPage.new #main.main-l .cont-title-wrap .title strong{color:#08c2ce}#container.mainPage.new #main.main-l .cont-title-wrap .guide{position:absolute;top:10%;right:1.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:.9rem;color:#666;letter-spacing:-0.1rem}#container.mainPage.new #main.main-l .cont-title-wrap .guide::before{display:inline-block;content:"";width:1rem;height:1rem;background:url("../img/main/icon_01.png") center/100% auto no-repeat;margin-right:.3rem}#container.mainPage.new #main.main-l .missionInfo .cont-title-wrap .btn-refresh{width:2.4rem;height:2.4rem;background:url(../img/main/icon_mission_refresh_mint.png) 0 0 no-repeat;-moz-background-size:100%;background-size:100%}#container.mainPage.new #main.main-l .missionInfo .cont-title-wrap .btn-refresh:active{background-image:url(../img/main/icon_mission_refresh_mint_a.png)}#container.mainPage.new #main.main-l .missionInfo .prediction-wrap .box-wrap .box span strong{color:#08c2ce}#container.mainPage.new #main.main-l .missionInfo .missionSlide .slide-card .complete{background-image:url(../img/main/icon-check.png)}#container.mainPage.new #main.main-l .missionInfo .missionSlide .slide-card p{color:#888}#container.mainPage.new #main.main-l .missionInfo .missionSlide .slide-card p.mission-stop{color:#ff9b26}#container.mainPage.new #main.main-l .missionInfo .missionSlide .slide-card p b{color:#08c2ce}#container.mainPage.new #main.main-l .myContents .cont-title-wrap .btn-customContent{background-image:url(../img/main/icon-utill-people.png);background-repeat:no-repeat;background-position:center center}#container.mainPage.new #main.main-l .myContents .v-slide-wrap .title-wrap .title{color:#ff9b26}#container.mainPage.new #main.main-l .myContents .v-slide-wrap .text-cont-wrap .text-wrap .btm-text{color:#08c2ce}#container.mainPage.new #main.main-l .situationExpression .slide-item .btm-wrap dl dt{color:#08c2ce}#container.mainPage.new #main.main-l .situationExpression .slide-item .btm-wrap .btm-text dt{color:#ff9b26}#container.mainPage.new #main.main-l .continueMission .v-slide-1 .slide-card.title-card{background:#f5ebff}#container.mainPage.new #main.main-l .continueMission .v-slide-2 .slide-card.title-card{background:#e1f1ff}#container.mainPage.new #main.main-l .continueMission .slide-item .slide-card.complete .btm-wrap:after{background-image:url(../img/main/icon-check.png)}#container.mainPage.new #main.main-l .conversationSkill .slide-card .top-wrap p{color:#08c2ce;font-weight:400}#container.mainPage.new #main.main-l .topMission .list-wrap dl dd .btm-text .similarity{color:#08c2ce}#container.mainPage.new #main.main-l .cont-title-wrap .title .hashTag{color:#08c2ce}#container.mainPage.new .mission-progress-wrap .achieve-wrap strong{color:#08c2ce}#container.mainPage.new .mission-progress-wrap .similarity .percent-wrap strong{color:#08c2ce}#container.mainPage.new .btn-scrollTop:active{background-color:#777673}#container.mainPage.new .btn-scrollTop span{background-image:url(../img/main/btn_top_mint.png)}.swiper-count-wrap{padding-top:2.8rem;text-align:center}.swiper-count-wrap>div{width:auto;font-size:1.6rem;display:inline-block}.swiper-count-wrap .swiper-prev,.swiper-count-wrap .swiper-next{padding:.5rem}.h-auto{height:auto !important}.modal-confirm .modal-cont-wrap .text-wrap.center{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-weight:bold}.popup_utterance .utterance-learning-wrap .title-wrap .btn-prev{display:block;overflow:hidden;font-size:xx-small;color:rgba(0,0,0,0);position:absolute;top:12px;-webkit-box-flex:0;-webkit-flex:0 auto;-moz-box-flex:0;-ms-flex:0 auto;flex:0 auto;width:3rem;height:3rem;margin-left:.5rem}.popup_utterance .utterance-learning-wrap .title-wrap .btn-prev:before{content:"";position:absolute;top:50%;left:60%;width:.8rem;height:.8rem;border-bottom:.3rem solid #fff;border-right:.3rem solid #fff;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem;-webkit-transform:translate(-50%, -50%) rotate(135deg);-moz-transform:translate(-50%, -50%) rotate(135deg);-ms-transform:translate(-50%, -50%) rotate(135deg);-o-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg)}.footer-wrap{z-index:20;background-color:#fff;position:fixed;left:0;bottom:0;width:100%;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom);box-shadow:0 -0.4rem 1rem rgba(0,0,0,.1);border-radius:1.6rem 1.6rem 0 0}.footer-wrap .footer{padding:.8rem;background:var(--color-white);border-radius:1.6rem 1.6rem 0 0;padding-bottom:max(0px,.8rem - env(safe-area-inset-bottom, 0));padding-bottom:max(0px,.8rem - constant(safe-area-inset-bottom, 0))}.footer-menu{display:flex}.footer-menu .menu-item{flex:1;text-align:center}.footer-menu .menu-item .icon{display:block;width:2.4rem;height:2.4rem;margin:0 auto 0;background-repeat:no-repeat;background-size:100%}.footer-menu .menu-item .icon.home{background-image:url("/img/v2/icon/icon_footer_home.svg")}.footer-menu .menu-item .icon.bookclass{background-image:url("/img/v2/icon/icon_footer_bookclass.svg")}.footer-menu .menu-item .icon.conversation{background-image:url("/img/v2/icon/icon_footer_conversation.svg")}.footer-menu .menu-item .icon.my{background-image:url("/img/v2/icon/icon_footer_my.svg")}.footer-menu .menu-item .menu{font-size:1rem}@media all and (min-width: 768px){.footer-wrap{left:50%;bottom:2.4rem;width:51.2rem;transform:translateX(-50%);border-radius:2rem;box-shadow:0px 4px 20px rgba(0,0,0,.15)}.footer-wrap .footer{padding:2.4rem 3.7rem;background-color:rgba(0,0,0,0)}.footer-menu .menu-item .icon{width:3.6rem;height:3.6rem}.footer-menu .menu-item .menu{font-size:1.2rem}}.footer-wrap .menu-item.active .icon.home{background-image:url("/img/v2/icon/icon_footer_home_active.svg")}.toast{display:none}.footer-wrap .menu-item.active .icon.conversation{background-image:url("/img/v2/icon/icon_footer_conversation_active.svg")}.c-btn{height:4.8rem;border-radius:8px;border:1px solid #ddd;background:#fff;width:100%}.c-btn::after{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin-left:.2rem;background:url(/img/v2/icon/icon_select.svg) 0 0/100% no-repeat}.c-btn-less:after{content:"";display:inline-block;width:1.6rem;height:1.6rem;margin-left:.2rem;background:url(/img/v2/icon/icon_select.svg) 0 0/100% no-repeat;transform:rotate(180deg)}.bookclass-detail .book-info-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:2rem;align-items:center;position:relative;padding-top:.5rem}.icon-bookdetail-info-wrap{position:relative}.icon-bookdetail-info{background:url("/img/v2/icon/icon_info.svg") no-repeat center center;width:16px;height:16px;display:block}.icon-bookdetail-info-top{background:url("/img/v2/icon/icon_info_top.svg") no-repeat center center;width:16px;height:16px;position:absolute;right:0;top:-22px;z-index:1}@media all and (min-width: 640px){.bookclass-detail-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 11.6rem;margin-top:3.2rem}.bookclass-detail.type2::before{left:50px;top:138px;right:auto;margin:0}.bookclass-detail .book-title-wrap{padding-left:2.4rem;padding-right:0}.bookclass-detail.type2 .book-title-wrap .title-wrap .title{font-size:3.2rem;letter-spacing:-1.28px;margin-top:1rem}.bookclass-detail .book-title-wrap .title-wrap .sub-text-wrap .sub-text{font-size:1.4rem;margin-top:.6rem}.bookclass-detail .book-title-wrap .title-wrap .toggle-info{font-size:1.6rem}.bookclass-detail .book-info-wrap{padding-left:11.6rem;padding-right:11.6rem;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:end}.bookclass-detail .book-title-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding-bottom:7px}.bookclass-detail .book-wrap{padding-top:0}.bookclass-detail .book-title-wrap .title-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;flex-direction:column;margin-top:0}.bookclass-detail .book-info-title{padding-top:.1rem;margin-bottom:1.6rem}.bookclass-detail .book-info-wrap .free-text{font-size:1.4rem;top:-44px}.bookclass-detail .book-info-wrap .book-index-wrap .title{font-size:2rem}.icon-bookdetail-info-top{top:-21px}.bookclass-detail .book-info-wrap .book-index-title-text{width:220px;padding:0 16px;border-radius:100px;font-size:1.6rem;letter-spacing:-0.64px;margin-right:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title{padding-left:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input::placeholder{font-size:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus::-webkit-input-placeholder{font-size:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus:-moz-placeholder{font-size:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus::-moz-placeholder{font-size:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus:-ms-input-placeholder{font-size:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus::-ms-input-placeholder{font-size:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title input.focus::placeholder{font-size:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap{position:relative;padding-bottom:2.4rem;width:100%}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-title .btn-search{right:1.6rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list{padding-left:3.4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list::before{left:4.8rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item a{padding:4rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item .title{font-size:2.4rem;font-family:"NotoB",sans-serif;font-weight:700;letter-spacing:-0.96px}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item .text{font-size:1.6rem;letter-spacing:-0.72px;padding-right:4rem;margin-top:.8rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item .free-txt{font-size:1.4rem;padding:.4rem .7rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item{padding:.8rem 0 .8rem 8rem}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item:first-child[class*=step]:after{top:4.8rem}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item[class*=step]:after{top:5.5rem}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item:first-child[class*=step]:before{top:8.3rem;height:-webkit-calc(100% - 3.4rem);height:-moz-calc(100% - 3.4rem);height:calc(100% - 3.4rem)}.bookclass-detail .book-info-wrap .book-index-wrap.type2 .book-index-list .book-index-item[class*=step]:before{top:9rem;height:-webkit-calc(100% - 4.2rem);height:-moz-calc(100% - 4.2rem);height:calc(100% - 4.2rem)}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list::before{height:6.1rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item.lock:after{top:5.5rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item.lock:before{top:9rem}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:first-child.lock:before{top:8.3rem;height:-webkit-calc(100% - 3.4rem);height:-moz-calc(100% - 3.4rem);height:calc(100% - 3.4rem)}.bookclass-detail .book-info-wrap .book-index-wrap .book-index-list .book-index-item:first-child.lock:after{top:4.8rem}.book-info-wrap .c-btn{width:calc(100% - 11.4rem)}}@media all and (min-width: 1440px){.bookclass-detail-top{padding:0 20rem}.bookclass-detail .book-info-wrap .book-index-title-text{width:390px}.bookclass-detail.type2::before{left:136px}.bookclass-detail .book-info-wrap{padding-left:20rem;padding-right:20rem}}