@import url(https://fonts.googleapis.com/css?family=Noto+Emoji);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Pretendard Variable;font-style:normal;font-weight:300 500 700;src:local("Pretendard Variable"),url(/static/media/PretendardVariable.2bc582461caf4e05b51d.woff2) format("woff2-variations")}body{font-family:Pretendard Variable,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Router{position:relative;width:100%}body,html{margin:0;padding:0}.Home,body,html{overscroll-behavior:none}.Home{background-color:#fff;height:100vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.Home .BG,.Home .Backdrop{height:100%;left:0;max-width:720px;position:absolute;top:0;width:100%}@media(min-width:720px){.Home .BG,.Home .Backdrop{left:calc(50% - 360px)}}.Home .Backdrop{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#fffc;box-shadow:0 0 20px 3px #7d7d7d80}.Home .TopBar{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:3.6rem;justify-content:space-between;margin:0 auto;max-width:720px;padding:0 1rem;position:relative}.Home .TopBar .Logo{cursor:pointer;object-fit:contain;-webkit-user-select:none;user-select:none;width:66px}.Home .MainArea{align-items:center;display:flex;flex-direction:column;gap:1rem;height:calc(100% - 3.6rem);justify-content:center;max-width:720px;width:100%}@media(max-width:720px){.Home .MainArea{margin:0 auto}}@media(min-width:720px){.Home .MainArea{margin:0 calc(50% - 360px)}}.Home .MainArea .Hero{color:#3c4651;font-weight:400;line-height:1.5rem;position:relative;text-align:center;white-space:pre-line}.Home .MainArea .Container{overflow:hidden;padding-top:calc(75% + 24px + 3.5rem);position:relative;width:100%}.Home .MainArea .Container .SwiperContainer{left:0;position:absolute;top:0;width:100%}.Home .MainArea .Container .Cell{background:#fff;border:1px solid #edecee;border:1px solid var(--Light-Line-Normal,#edecee);border-radius:1rem;box-shadow:0 2px 4px 0 #0000001f,0 0 1rem 0 #0000001f;box-sizing:border-box;margin:1rem 0;overflow:hidden;width:14.625rem}.Home .MainArea .Container .Cell .MuiButtonBase-root{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;color:inherit;display:inline;display:initial;font-family:inherit;font-size:inherit;font-weight:inherit;height:100%;letter-spacing:inherit;line-height:inherit;margin:initial;padding:initial;position:static;vertical-align:initial;width:100%}.Home .MainArea .Container .Cell .ButtonContainer{box-sizing:border-box;height:100%;padding:.75rem;position:relative;width:100%}.Home .MainArea .Container .Cell img{-webkit-user-drag:none;aspect-ratio:2/3;background-color:#797882;border-radius:1rem;object-fit:cover;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%}.Home .MainArea .Container .Cell .Author,.Home .MainArea .Container .Cell .EpisodeDetail,.Home .MainArea .Container .Cell .Tags,.Home .MainArea .Container .Cell .Title{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.Home .MainArea .Container .Cell .Title{color:#2d353e;font-size:1.5rem;font-weight:600;line-height:2.25rem}.Home .MainArea .Container .Cell .EpisodeDetail{color:#797882;font-size:.875rem;font-weight:600;line-height:1.25rem}.Home .MainArea .Container .Cell .Author,.Home .MainArea .Container .Cell .Tags{color:#797882;font-size:.875rem;font-weight:400;line-height:1.25rem}.Home .MainArea .Container .swiper-pagination{bottom:20px;position:fixed}.Home .MainArea .CTA{background:#2559f4;border-radius:4rem;color:#fff;font-size:1rem;font-weight:500;height:2.75rem;letter-spacing:.01rem;position:relative;width:14.625rem}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.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{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top: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;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;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%;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{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.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{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.ReaderArea{height:100%;position:relative;-webkit-user-select:none;user-select:none}.ReaderArea div::-webkit-scrollbar{display:none}.ReaderArea.scrolled div{width:100%}.EpisodeInformationArea{display:flex;margin:0 auto;padding-bottom:60px;position:relative;width:100%}.EpisodeInformationArea.light{background-color:#fff}.EpisodeInformationArea.dark{background:linear-gradient(180deg,#1a1c1e00,#1a1c1e 66.72%),#d3d3d3 50%/cover no-repeat}.EpisodeInformationArea .EpInformationInner{display:flex;flex-direction:column;width:100%}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground{box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:60px;padding-top:58px;position:relative;z-index:0}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground.light .ShortFilter{background:linear-gradient(180deg,#0006,#0000 322px,#ffffff0d)}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground.dark .ShortFilter{background:linear-gradient(180deg,#1a1c1ecc,#1a1c1e66 322px,#1a1c1e)}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground.dark .NovelInfos .NovelTitle{color:#f7f7f8}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground.dark .NovelInfos .NovelInfo,.EpisodeInformationArea .EpInformationInner .ThumbnailBackground.dark .NovelInfos .Statistics{color:#958d9a}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground.dark .NovelDescription{color:#f7f7f8}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .ShortFilter,.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .ThumbImageBlur{left:0;position:absolute;top:0;width:100%;z-index:-1}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .ThumbImageBlur{height:100%}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .ShortFilter{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100%}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelThumbnail{border-radius:4px;box-sizing:border-box;display:flex;flex:1 1;height:240px;justify-content:center;margin:0 auto;padding:12px 0;width:100%}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelThumbnail .ThumbImage{border-radius:8px;box-sizing:border-box;height:240px;object-fit:contain;width:100%}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelInfos{font-style:normal;padding:0 16px 4px;text-align:center}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelInfos .NovelTitle{color:#2d353e;font-size:1.5rem;font-weight:600;line-height:36px}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelInfos .NovelInfo,.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelInfos .Statistics{color:#797882;font-size:.875rem;font-weight:400;line-height:20px}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelInfos .NovelInfo{display:flex}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelInfos .NovelInfo .Divider{padding:0 8px}.EpisodeInformationArea .EpInformationInner .ThumbnailBackground .NovelDescription{box-sizing:border-box;color:#000;display:flex;font-family:NanumGothic;font-size:1.125rem;font-style:normal;font-weight:600;gap:10px;letter-spacing:.18px;line-height:160%;padding:20px 16px 10px;text-align:left;white-space:pre-wrap}.EpisodeInformationArea .EpisodeInformationCover{background-color:#fff;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.EpisodeInformationArea.light .EpisodeInformationCover{background-color:#fff}.EpisodeInformationArea.dark .EpisodeInformationCover{background:#1a1c1e}.EpisodeFooterArea{box-sizing:border-box;display:flex;margin:0 auto;max-width:720px;width:100%}.EpisodeFooterArea .MuiButtonBase-root{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:initial}.EpisodeFooterArea .EpisodeFooterInner{display:flex;flex-direction:column;gap:16px;padding:60px 16px 80px;width:100%}.EpisodeFooterArea .EpisodeFooterInner .TitleBox{display:flex;flex-direction:column;font-style:normal;justify-content:left}.EpisodeFooterArea .EpisodeFooterInner .TitleBox .Title{color:#2d353e;font-size:1.5rem;font-weight:600;line-height:36px;text-align:left}.EpisodeFooterArea .EpisodeFooterInner .TitleBox .Genre{color:#797882;font-size:.875rem;font-weight:400;line-height:20px;text-align:left}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket{display:flex;flex-direction:column;gap:16px}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .NextEpisodeButton{align-items:center;align-self:stretch;background:#f2f2f7;border:1px solid #edecee;border-radius:8px;display:flex;flex:1 0;gap:12px;padding-right:12px}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .NextEpisodeButton .Thumbnail{border-radius:8px 0 0 8px;height:100%;max-height:75px;object-fit:contain}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .NextEpisodeButton .NextEpisodeBox{flex:1 1}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .NextEpisodeButton .NextEpisodeBox .Title{color:#19181b;font-size:1rem;font-weight:600;line-height:24px;text-align:left}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .NextEpisodeButton .NextEpisodeBox .NextEpisodeTitle{color:#9e9da4;font-family:Pretendard;font-size:.8125rem;font-weight:500;line-height:18px;text-align:left}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .DiscountBox{align-items:left;align-self:stretch;box-sizing:border-box;display:flex;flex:1 0;flex-direction:column;gap:4px;width:100%}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .DiscountBox .DiscountBand{align-items:center;background:#f2f2f7;border:1px solid #edecee;border-radius:8px;box-sizing:border-box;display:flex;flex:1 0;gap:4px;justify-content:space-between;padding:8px 12px;width:100%}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .DiscountBox .DiscountBand .BandContent{display:flex;gap:4px}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .DiscountBox .DiscountBand .BandContent .GiftBox{align-items:center;display:flex}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .DiscountBox .DiscountBand .BandContent .DiscountTextBox{align-items:center;column-gap:4px;display:flex;flex-wrap:wrap}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .DiscountBox .DiscountBand .BandContent div{font-family:Pretendard Variables;font-size:.875rem;font-weight:600;line-height:20px}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .DiscountBox .DiscountBand .BandContent .ColoredText{color:#3d6aff}.EpisodeFooterArea .EpisodeFooterInner .ButtonBucket .DiscountBox .DiscountInfo{color:#c4c4c4;font-size:.8125rem;font-weight:600;letter-spacing:.13px;line-height:18px;padding-left:10px;text-align:left}.NudgeDialog{font-family:Pretendard}.NudgeDialog .MuiPaper-root{border-radius:24px;box-shadow:0 4px 12px #0000001a;margin:0 12px;max-width:480px;width:100%}.NudgeDialog .NudgeTitle{font-family:Pretendard;font-size:1.5rem;font-weight:700;white-space:pre-line}.NudgeDialog .NudgeContent{align-items:flex-start;color:#797882;display:flex;flex-direction:column;font-size:.8125rem;font-weight:600;gap:8px;justify-content:flex-start;letter-spacing:.13px;line-height:18px;white-space:pre-line}.NudgeDialog .NudgeContent img:not(.GiftIcon){border-radius:24px;height:auto;margin:0 auto;max-width:300px;object-fit:contain;overflow:hidden;width:100%}.NudgeDialog .NudgeContent .Footer{color:#c4c4c4;text-align:right}.NudgeDialog .NudgeActions{gap:8px;padding:0 24px 24px}.NudgeDialog .NudgeActions,.NudgeDialog .NudgeActions .MuiButton-root{align-items:center;display:flex;flex-direction:column;justify-content:center}.NudgeDialog .NudgeActions .MuiButton-root{border-radius:8px;color:#000;font-family:Pretendard Variable;font-size:1rem;font-weight:500;gap:2px;line-height:18px;margin-left:0;padding:12px 10px;text-align:center}.NudgeDialog .NudgeActions .MuiButton-root.MuiButton-contained{background:#3d6aff;color:#fff}.NudgeDialog .NudgeActions .MuiButton-root.MuiButton-contained.Mui-disabled{background-color:#797882}body:has(.EpisodeHomeArea){background-color:#f2f2f7}.EpisodeHomeArea{background-color:#fff;box-shadow:0 0 20px 3px #7d7d7d80;display:flex;flex-direction:column;max-width:720px;min-height:100vh;position:relative;width:100%}@media(max-width:720px){.EpisodeHomeArea{margin:0}}@media(min-width:721px){.EpisodeHomeArea{margin:0 calc(50% - 360px)}}.EpisodeHomeArea .EpisodeThumbnail{position:relative}.EpisodeHomeArea .UIGroup{width:100%}.EpisodeHomeArea .UIGroup .BottomBar,.EpisodeHomeArea .UIGroup .TopBar{align-items:center;box-shadow:0 2px 8px 0 #00000014;box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;left:0;max-width:720px;padding:8px 16px;position:fixed;transition:transform .5s;transition:position none;width:100%}@media(max-width:720px){.EpisodeHomeArea .UIGroup .BottomBar,.EpisodeHomeArea .UIGroup .TopBar{margin:0}}@media(min-width:721px){.EpisodeHomeArea .UIGroup .BottomBar,.EpisodeHomeArea .UIGroup .TopBar{margin:0 calc(50% - 360px)}}.EpisodeHomeArea .UIGroup .TopBar{background:#f2f2f7;border-bottom:1px solid #d5d5d8;height:58px;top:0}.EpisodeHomeArea .UIGroup .TopBar .TopBarTitle{color:#3c4651;font-size:1rem;font-weight:600;letter-spacing:-.5px;line-height:24px}.EpisodeHomeArea .UIGroup .TopBar.Visible{transform:translateY(0)}.EpisodeHomeArea .UIGroup .TopBar.Invisible{transform:translateY(-110%)}.EpisodeHomeArea .UIGroup .BottomBar{align-items:flex-start;background:#f2f2f7;border-top:1px solid #d5d5d8;bottom:0;flex-direction:column}.EpisodeHomeArea .UIGroup .BottomBar .ProgressBar{align-items:center;box-sizing:border-box;display:flex;gap:10px;padding-left:10px;width:100%}.EpisodeHomeArea .UIGroup .BottomBar .ProgressBar .PaginationCountBox{display:flex}.EpisodeHomeArea .UIGroup .BottomBar .ProgressBar .PaginationCountBox .CurrentPage,.EpisodeHomeArea .UIGroup .BottomBar .ProgressBar .PaginationCountBox .Divider,.EpisodeHomeArea .UIGroup .BottomBar .ProgressBar .PaginationCountBox .TotalPage{font-size:.875rem;font-style:normal;font-weight:600;letter-spacing:.14px;line-height:20px;text-align:center}.EpisodeHomeArea .UIGroup .BottomBar .ProgressBar .PaginationCountBox .CurrentPage{color:#3c4651}.EpisodeHomeArea .UIGroup .BottomBar .ProgressBar .PaginationCountBox .Divider,.EpisodeHomeArea .UIGroup .BottomBar .ProgressBar .PaginationCountBox .TotalPage{color:#bdbdc2}.EpisodeHomeArea .UIGroup .BottomBar .NavBox{display:flex;justify-content:space-between;width:100%}.EpisodeHomeArea .UIGroup .BottomBar .NavBox .DisplaySetting{align-items:center;color:#797882;cursor:pointer;display:flex;flex-direction:row;font-size:.875rem;font-weight:600;gap:4px;height:32px;justify-content:center;line-height:1.25rem}.EpisodeHomeArea .UIGroup .BottomBar .NavBox .OtherEpisodes{align-items:center;display:flex;flex-direction:row;gap:18px}.EpisodeHomeArea .UIGroup .BottomBar .NavBox .OtherEpisodes .NextEpisode,.EpisodeHomeArea .UIGroup .BottomBar .NavBox .OtherEpisodes .PreviousEpisode{align-items:center;color:#797882;cursor:pointer;display:flex;flex-direction:row;font-size:.875rem;font-weight:600;height:32px;justify-content:center;line-height:1.25rem}.EpisodeHomeArea .UIGroup .BottomBar.Visible{transform:translateY(0)}.EpisodeHomeArea .UIGroup .BottomBar.Invisible{transform:translateY(110%)}.EpisodeHomeArea .DisplaySettingSlide{align-items:flex-end;background:#f2f2f7;border-top:1px solid #d5d5d8;bottom:0;box-shadow:0 -2px 8px 0 #00000014;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;max-width:720px;padding:12px 0 24px;position:fixed;transition:transform .5s;transition:position none;width:100%}@media(min-width:720px){.EpisodeHomeArea .DisplaySettingSlide{left:calc(50% - 360px)}}.EpisodeHomeArea .DisplaySettingSlide.Visible{transform:translateY(0)}.EpisodeHomeArea .DisplaySettingSlide.Invisible{transform:translateY(110%)}.EpisodeHomeArea .DisplaySettingSlide .FontSizeSetting,.EpisodeHomeArea .DisplaySettingSlide .ProceedingMethodSetting,.EpisodeHomeArea .DisplaySettingSlide .ThemeSetting{box-sizing:border-box;display:flex;justify-content:space-between;padding:8px 16px;width:100%}.EpisodeHomeArea .DisplaySettingSlide .FontSizeSetting .AttributeName,.EpisodeHomeArea .DisplaySettingSlide .ProceedingMethodSetting .AttributeName,.EpisodeHomeArea .DisplaySettingSlide .ThemeSetting .AttributeName{align-items:center;color:#797882;display:flex;font-size:1rem;font-weight:500;letter-spacing:.16px;line-height:24px;text-align:center}.EpisodeHomeArea .DisplaySettingSlide .FontSizeSetting .ButtonBox,.EpisodeHomeArea .DisplaySettingSlide .ProceedingMethodSetting .ButtonBox,.EpisodeHomeArea .DisplaySettingSlide .ThemeSetting .ButtonBox{display:flex;gap:8px}.EpisodeHomeArea .DisplaySettingSlide .FontSizeSetting .ButtonBox>div,.EpisodeHomeArea .DisplaySettingSlide .ProceedingMethodSetting .ButtonBox>div,.EpisodeHomeArea .DisplaySettingSlide .ThemeSetting .ButtonBox>div{cursor:pointer}.EpisodeHomeArea .DisplaySettingSlide .ProceedingMethodSetting .ButtonBox{gap:12px}.EpisodeHomeArea .DisplaySettingSlide .ProceedingMethodSetting .ButtonBox>div{color:#bdbdc2;font-size:.875rem;font-weight:500;letter-spacing:.14px;line-height:20px;text-align:center}.EpisodeHomeArea .DisplaySettingSlide .ProceedingMethodSetting .ButtonBox>div.Selected{color:#3d6aff}.EpisodeHomeArea .DisplaySettingSlide .ThemeSetting .ButtonBox>div{align-items:center;border-radius:999px;box-shadow:0 1px 4px 0 #0000000a;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:36px;justify-content:center;padding:6px 10px;width:36px}.EpisodeHomeArea .DisplaySettingSlide .ThemeSetting .ButtonBox>div.light{background:#fff;border:1px solid #1a1c1e;color:#000}.EpisodeHomeArea .DisplaySettingSlide .ThemeSetting .ButtonBox>div.dark{background:#1a1c1e;border:1px solid #d5d5d8;color:#f7f7f8}.EpisodeHomeArea .DisplaySettingSlide .ThemeSetting .ButtonBox>div.Selected{border:1px solid #3d6aff}.EpisodeHomeArea .DisplaySettingSlide .FontSizeSetting .ButtonBox>div{align-items:center;border-radius:999px;color:#bdbdc2;display:flex;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:.14px;line-height:20px;text-align:center;width:49px}.EpisodeHomeArea .DisplaySettingSlide .FontSizeSetting .ButtonBox>div.Selected{background:#3d6aff;border:1px solid #3d6aff;color:#fff}.EpisodeHomeArea .CommentArea{padding:0 16px 80px}.LoadingCircle{--magnitude:24px;background-color:#fff0;left:0;position:fixed;top:0;transition:.4s;z-index:-1}.LoadingCircle.Show{background-color:#f4f4f4cc;z-index:3}.LoadingCircle.Show.Animated{background-color:#e1e1e1cc}.LoadingCircle.Show .Holder{opacity:1}.LoadingCircle .Holder{--size:16px;height:var(--size);left:calc(50% - var(--size)/2);opacity:0;position:absolute;top:calc(50% - var(--size)/2);transition:.4s;width:var(--size)}.LoadingCircle .Holder:not(.Center) .Circle{animation-direction:normal;animation-duration:3s;animation-fill-mode:none;animation-iteration-count:infinite;animation-name:swingUpSideDown;animation-play-state:running;animation-timing-function:linear}.LoadingCircle .Holder .Circle{border-radius:var(--size);height:100%;-webkit-mask:url(https://static.webtoon.today/ddah/Circle.svg) no-repeat center;mask:url(https://static.webtoon.today/ddah/Circle.svg) no-repeat center;position:relative;width:100%}.LoadingCircle .Holder.Center .Circle{background-color:#a0bec8}.LoadingCircle .Holder.Bottom{transform:rotate(0deg)}.LoadingCircle .Holder.Bottom .Circle{background-color:#2e50a9}.LoadingCircle .Holder.Left{transform:rotate(90deg)}.LoadingCircle .Holder.Left .Circle{background-color:#ae31a9}.LoadingCircle .Holder.Top{transform:rotate(180deg)}.LoadingCircle .Holder.Top .Circle{background-color:#ab58dd}.LoadingCircle .Holder.Right{transform:rotate(270deg)}.LoadingCircle .Holder.Right .Circle{background-color:#799fd9}@keyframes swingUpSideDown{12.5%{transform:translateY(var(--magnitude))}25.0%{transform:translate(0)}25.1%{transform:rotate(180deg) translate(0)}37.5%{transform:rotate(180deg) translateY(var(--magnitude))}50.0%{transform:rotate(180deg) translate(0)}50.1%{transform:rotate(0deg) translate(0)}62.5%{transform:rotate(0deg) translateY(var(--magnitude))}75.0%{transform:rotate(180deg) translateY(var(--magnitude))}87.5%{transform:rotate(1turn) translateY(var(--magnitude))}100.0%{transform:rotate(1turn) translate(0)}}.WriteModeBox{display:flex;flex-direction:column;width:100%}.WriteModeBox .Warning{color:#c4c4c4;font-size:1rem;font-weight:600;padding:1rem 0;text-align:left}.WriteModeBox .TextField{border-radius:5px;box-sizing:border-box;position:relative;width:100%}.WriteModeBox .TextField .AuthorName{color:#333;font-weight:700;margin-bottom:6px;text-align:left}.WriteModeBox .ButtonField{display:flex;justify-content:space-between;margin-top:6px;position:relative;width:100%}.WriteModeBox .ButtonField .RandomCommentButton{color:#00b0f0;cursor:pointer;display:inline-block;margin-bottom:6px;padding:6px 8px}.WriteModeBox .ButtonField .SpreadCommentButton{color:#00b0f0;cursor:"pointer";display:flex;word-break:keep-all}@media(max-width:700px){.WriteModeBox .ButtonField .SpreadCommentButton{width:calc(100% - 16px)}}.WriteModeBox .TextLength{color:#c4c4c4}.WriteModeBox .TextLength .RandomCommentButton{border:1px solid #c4c4c4;color:#00b0f0;margin-right:6px}.WriteModeBox .TextLength .RandomCommentButton:last-child{margin-right:0}@media(max-width:700px){.WriteModeBox .TextLength .RandomCommentButton{width:calc(100% - 16px)}}.WriteModeBox .SuggestedComments{margin-top:10}.WriteModeBox .SuggestedComments .Comment{border:1px solid #c4c4c4;cursor:pointer;display:inline-block;margin:0 8px 7px 0;padding:6px 10px;transition:.6s}.WriteModeBox .SuggestedComments .Comment:hover{background-color:#d9f5ff}.WriteModeBox .HoveredSuggestion{background-color:#fff;border-radius:4px;box-shadow:0 5px 10px #2d2d2d80;padding:12px 16px;position:fixed}.WriteModeBox .HoveredSuggestion>*{border-radius:5px;cursor:pointer;padding:4px 12px}.WriteModeBox .HoveredSuggestion>.Focused{background-color:#3c46511f}.CommentBox .CommentStateLine{display:flex;font-size:1rem;justify-content:space-between;margin-top:16px}.CommentBox .CommentStateLine .AuthorAndTitle .Title{border-radius:2px;color:#fff;font-size:.9rem;font-weight:500;margin-right:11px;padding:2px 18px}.CommentBox .CommentStateLine .AuthorAndTitle .Author{font-weight:700}.CommentBox .CommentStateLine .CreatedDate{color:#c4c4c4;font-size:.9rem}.CommentBox .ContentLine{font-size:.9rem;margin:10px 0;text-align:left}.CommentBox .PreviewContentLine{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;margin:10px 0;overflow:hidden;text-overflow:ellipsis}.CommentBox .ReactionButtonLine{align-self:center;display:flex;flex-direction:row;font-size:.9rem;justify-content:space-between;margin-bottom:12px;position:relative}.CommentBox .ReactionButtonLine .Reaction{color:#757575;cursor:pointer;font-weight:500}.CommentBox .ReactionButtonLine .Reaction .ReactionIcon{color:#757575;font-family:Noto Emoji;font-size:.9rem}.CommentBox .ReactionButtonLine .FocusedReaction{color:#00b0f0}.CommentBox .ReactionButtonLine .DeleteButton{color:red}.CommentBox .ReactionButtonLine .CommentReportButton,.CommentBox .ReactionButtonLine .DeleteButton{bottom:0;cursor:pointer;font-size:.75rem;position:absolute;right:0}.CommentBox .CommentEndLine{border-bottom:1px solid #f1f1f1}.SvgComponent{align-content:center;box-sizing:border-box;display:flex;justify-content:center}.TitleInformationArea{display:flex;margin:0 auto;position:relative;width:100%}.TitleInformationArea .TitleHomeHeader{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:58px;justify-content:space-between;max-width:720px;padding:0 16px;position:fixed;width:100%;z-index:9}.TitleInformationArea .TitleHomeHeader .ClickIcon{cursor:pointer;display:flex}.TitleInformationArea .TitleHeaderBackdrop{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.TitleInformationArea .TitleHeaderBackdrop img{filter:blur(20px);height:100%;object-fit:cover;width:100%}.TitleInformationArea .TitleInformationInner{display:flex;flex-direction:column;position:relative;width:100%}.TitleInformationArea .TitleInformationInner .ThumbnailBackground{background:linear-gradient(180deg,#1a1c1e80,#fffc 380px,#fff) no-repeat;box-sizing:border-box;display:flex;flex-direction:column;padding-top:58px;position:relative;z-index:0}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelThumbnail{border-radius:4px;box-sizing:border-box;display:flex;flex:1 1;height:240px;justify-content:center;margin:0 auto;padding:12px 0;width:100%}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelThumbnail .ThumbImage{border-radius:8px;box-sizing:border-box;height:240px;object-fit:contain;width:100%}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelInfos{font-style:normal;padding:0 16px 4px;text-align:left}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelInfos .NovelTitle{color:#2d353e;font-size:1.5rem;font-weight:600;line-height:36px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelInfos .NovelInfo,.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelInfos .Statistics{color:#797882;font-size:.875rem;font-weight:400;line-height:20px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelInfos .NovelInfo{display:flex}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelInfos .NovelInfo .Divider{padding:0 8px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc{align-items:center;align-self:stretch;border-bottom:1px solid #ededf3;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;max-height:52px;min-height:40px;overflow:hidden;padding:4px 16px;transition:.5s}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc.Open{max-height:1024px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocHeader{align-items:center;display:flex;justify-content:space-between;width:100%}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocHeader .TocTitle{align-items:center;display:flex;gap:6px;min-height:40px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocHeader .TocTitle .IconBox{align-items:center;background-color:#e0e2eb;border-radius:999px;display:flex;justify-content:center;padding:3px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocHeader .TocTitle .Title{color:#797882;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocHeader .ToggleSummary{transform:rotate(90deg);transition:.3s}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocHeader .ToggleSummary.Open{transform:rotate(270deg)}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocContent{align-items:center;box-sizing:border-box;color:#797882;display:flex;font-size:.875rem;font-weight:400;gap:10px;line-height:20px;max-height:0;overflow:hidden;padding:10px 0 10px 26px;text-align:left;transition:max-height .5s ease-in-out,color .5s ease-in-out;white-space:pre-wrap;width:100%;word-break:keep-all}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocContent.Open{max-height:700px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .DescriptionToc .TocContent.Close{color:#79788200;max-height:0}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox{align-items:center;align-self:stretch;display:flex;gap:6px;height:40px;justify-content:space-between;padding:4px 16px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .TitleBox{align-items:center;display:flex;gap:6px;justify-content:center}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .TitleBox .IconBox{align-items:center;background-color:#e0e2eb;border-radius:999px;display:flex;justify-content:center;padding:3px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .TitleBox .Title{color:#797882;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .RightPeriod .ViewingRightPurchase{align-items:center;background:#3d6aff;border-radius:999px;color:#fff;display:flex;flex-direction:column;font-family:Pretendard Variable;font-size:.75rem;font-weight:600;gap:2px;justify-content:center;line-height:18px;padding:6px 10px;text-align:center}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .RightPeriod .RemainingTime{display:flex;flex-direction:column}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .RightPeriod .RemainingTime .Time{color:#797882;font-size:.75rem;font-weight:500;line-height:18px;text-align:right}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .RightPeriod .RemainingTime .ProgressContainer{height:2px;position:relative;width:112px}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .RightPeriod .RemainingTime .ProgressContainer .BaseBar{background-color:#e0e2eb;border-radius:999px;height:100%}.TitleInformationArea .TitleInformationInner .ThumbnailBackground .NovelExtraInfo .ViewingRightBox .RightPeriod .RemainingTime .ProgressContainer .ProgressBar{background-color:#2559f4;border-radius:999px;height:100%;left:0;position:absolute;top:0}.TitleInformationArea .TitleInformationCover{background-color:#fff;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.EpisodeListSection{background-color:#fff;width:100%}.EpisodeListSection .EpisodeListHeader{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:58px;z-index:1}.EpisodeListSection .EpisodeListHeader .EpisodeCount{color:#3c4651;font-size:1rem;font-weight:600;line-height:24px}.EpisodeListSection .EpisodeListHeader .SortingButton{display:flex;gap:4px}.EpisodeListSection .EpisodeListHeader .SortingButton .FromFirstTitle,.EpisodeListSection .EpisodeListHeader .SortingButton .FromLastestTitle{color:#9e9da4;cursor:pointer;font-size:.875rem;font-weight:400;line-height:20px;text-align:center}.EpisodeListSection .EpisodeListHeader .SortingButton .FromFirstTitle.Selected,.EpisodeListSection .EpisodeListHeader .SortingButton .FromLastestTitle.Selected{color:#2d353e}.EpisodeListSection .EpisodeListHeader .SortingButton .Divider{color:#9e9da4;font-size:.875rem;font-weight:400;line-height:20px;text-align:center}.EpisodeListSection .EpisodeItems{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:0 16px}.EpisodeListSection .EpisodeItems .EpisodeItem{border-radius:4px;color:inherit;display:flex;font-family:inherit;font-weight:inherit;gap:12px;line-height:inherit}.EpisodeListSection .EpisodeItems .EpisodeItem.Read{background:#19181b0d}.EpisodeListSection .EpisodeItems .EpisodeItem .ItemImage{border-radius:4px 0 0 4px;height:60px;object-fit:cover;object-position:center;width:40px}.EpisodeListSection .EpisodeItems .EpisodeItem .ItemInformations{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center}.EpisodeListSection .EpisodeItems .EpisodeItem .ItemInformations .EpisodeTime,.EpisodeListSection .EpisodeItems .EpisodeItem .ItemInformations .EpisodeTitle{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.EpisodeListSection .EpisodeItems .EpisodeItem .ItemInformations .EpisodeTime{color:#9e9da4;font-size:.75rem;font-weight:500;line-height:150%}.EpisodeListSection .EpisodeItems .EpisodeItem .ViewWebtoon{align-items:center;color:#2559f4;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;line-height:100%;padding-right:12px}.EpisodeListSection .EventZone{display:flex;padding:30px 16px 90px}.EpisodeListSection .EventZone .EventBanner{align-items:flex-start;align-self:stretch;background:linear-gradient(0deg,#ff786614,#ff786614),#fff;border:1px solid #ff7866;border-radius:6px;box-sizing:border-box;display:flex;flex:1 1;gap:12px;height:175px;justify-content:space-between;padding:12px;position:relative;width:100%}.EpisodeListSection .EventZone .EventBanner .BannerBG{height:100%;left:0;position:absolute;top:0;width:100%}.EpisodeListSection .EventZone .EventBanner .TextBox{display:flex;flex-direction:column;height:100%;text-align:left;z-index:1}.EpisodeListSection .EventZone .EventBanner .TextBox .SubTitle{color:#2d353e;font-size:.875rem;font-weight:500;line-height:20px}.EpisodeListSection .EventZone .EventBanner .TextBox .Title{color:#2d353e;flex:1 1;font-size:1.5rem;font-weight:700;letter-spacing:-.24px;line-height:130%;white-space:pre-wrap;word-break:keep-all}.EpisodeListSection .EventZone .EventBanner .TextBox .BenefitBox{display:flex}.EpisodeListSection .EventZone .EventBanner .TextBox .BenefitBox>div{color:#ff7866;font-size:1rem;font-weight:600;line-height:24px}.EpisodeListSection .EventZone .EventBanner .ImageBox{align-items:center;display:flex;height:100%;z-index:1}.PayAskingDialog .MuiPaper-root{align-items:center;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 0}.PayAskingDialog .DialogHeader{color:#000;font-family:Pretendard;font-size:1.125rem;font-style:normal;font-weight:600;letter-spacing:.01125rem;line-height:1.5rem;text-align:center}.PayAskingDialog .DialogBody{color:#797882;color:var(--Light-Text-BlueTone-Alternative,#797882);font-family:Pretendard;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem;text-align:center;white-space:pre-line;width:280px}.PayAskingDialog .DialogActions{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:0 1.5rem}.PayAskingDialog .DialogActions .MuiButton-root{font-weight:600;padding:.75rem}.PayAskingDialog .DialogActions .MuiButton-root:first-child{background:#3d6aff;background:var(--Light-Primary-Normal,#3d6aff);border-radius:.5rem}.PayAskingDialog .DialogActions .MuiButton-root:last-child{color:#000}tbody:has(.TitleHomeArea){background-color:#f2f2f7}.TitleHomeArea{box-shadow:0 0 20px 3px #7d7d7d80;display:flex;flex-direction:column;gap:4px;max-width:720px;position:relative;width:100%}@media(max-width:720px){.TitleHomeArea{margin:0}}@media(min-width:721px){.TitleHomeArea{margin:0 calc(50% - 360px)}}.TitleHomeArea .EpisodeNavBarBox{background-color:#fff;bottom:0;justify-content:flex-end;max-width:720px;padding:8px;position:fixed;z-index:9}.TitleHomeArea .EpisodeNavBarBox,.TitleHomeArea .EpisodeNavBarBox .EpNavButton{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.TitleHomeArea .EpisodeNavBarBox .EpNavButton{align-self:stretch;background:#2559f4;border-radius:4px;color:#fff;font-family:Pretendard Variable;font-size:1rem;font-weight:600;height:50px;justify-content:center;letter-spacing:.16px;line-height:24px;padding:4px 12px;text-align:center}.TextBoxContainer{border-radius:5px;display:flex;flex-direction:column;gap:8px;width:100%}.TextBoxContainer .TextBox{align-items:center;background-color:#fff;border:1px solid #ecedf3;border-radius:5px;box-sizing:border-box;color:#19181b;display:flex;font-size:.9375rem;font-style:normal;font-weight:400;height:48px;justify-content:space-between;letter-spacing:.15px;line-height:24px;padding:2px 16px 2px 14px}.TextBoxContainer .TextBox:hover{border:1px solid #3d6aff}.TextBoxContainer .TextBox.Focused{border:2px solid #3d6aff;padding:1px 15px 1px 13px}.TextBoxContainer .TextBox.Disabled{background:linear-gradient(0deg,#8a8a8a40,#8a8a8a40),#f6f6f9;background:var(--state-disabled-textfield,linear-gradient(0deg,#8a8a8a40 0,#8a8a8a40 100%),#f6f6f9);border:1px solid #d5d5d8}.TextBoxContainer .TextBox input{background:none;border:none;width:100%}.TextBoxContainer .TextBox input::placeholder{color:#797882}.TextBoxContainer .TextBox input:focus{outline:none}.TextBoxContainer .TextBox .VerificationButton{align-items:center;color:#fff;display:flex;font-size:.8125rem;font-style:normal;font-weight:500;letter-spacing:.13px;line-height:16px;position:relative;transition:.2s;-webkit-user-select:none;user-select:none}.TextBoxContainer .TextBox .VerificationButton.Activated{cursor:pointer}.TextBoxContainer .TextBox .VerificationButton.Activated:active{filter:brightness(.9)}.TextBoxContainer .TextBox .VerificationButton.Activated .Background,.TextBoxContainer .TextBox .VerificationButton.Inactivated .Background,.TextBoxContainer .TextBox .VerificationButton.Pending .Background{height:32px;width:66px}.TextBoxContainer .TextBox .VerificationButton.Fail .Background,.TextBoxContainer .TextBox .VerificationButton.Success .Background{height:18px;width:18px}.TextBoxContainer .TextBox .VerificationButton span{position:absolute;text-align:center;width:100%}.TextBoxContainer .TextBox .VerificationButton .Spinner{animation:spin 1s cubic-bezier(.46,.03,.52,.96) .3s infinite;height:20px;left:calc(50% - 10px);position:absolute;top:calc(50% - 10px);width:20px}.TextBoxContainer .TextBox .VerificationButton.Visibility{color:#bdbdc2}.TextBoxContainer .TextBox .VerificationButton.Visibility:focus,.TextBoxContainer .TextBox .VerificationButton.Visibility:hover{color:#9b9ba0}.TextBoxContainer .TextBoxGuide{align-items:center;display:flex;font-size:.8125rem;font-style:normal;font-weight:500;justify-content:space-between;letter-spacing:.13px;line-height:16px}.TextBoxContainer .TextBoxGuide .Initial,.TextBoxContainer .TextBoxGuide .Normal{color:#bdbdc2}.TextBoxContainer .TextBoxGuide .Success{color:#50c872}.TextBoxContainer .TextBoxGuide .Fail{color:#eb5147}.TextBoxContainer .TextBoxGuide .Required{color:#fa9538}.TextBoxContainer .TextBoxGuide .LetterCount{color:#797882}@keyframes spin{to{transform:rotate(1turn)}}.Login{background-color:#fff;height:100vh;width:100%}.Login .LoginInner{align-items:flex-start;background:#fff;border-left:1px solid #edecee;border-right:1px solid #edecee;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:720px}.Login .LoginInner .Header{align-items:center;align-self:stretch;box-sizing:border-box;color:#3c4651;display:flex;font-size:1rem;font-weight:600;gap:8px;height:58px;letter-spacing:-.5px;line-height:24px;padding:8px 16px;width:100%}.Login .LoginInner .Body{display:flex;flex:1 1;justify-content:center;width:100%}.Login .LoginInner .Body .LoginContainer{align-items:flex-end;align-self:stretch;display:flex;flex-direction:column;max-width:480px;padding-top:20px;width:100%}.Login .LoginInner .Body .LoginContainer .DialogHead{align-items:center;align-self:stretch;display:flex;gap:10px;justify-content:center;padding:10px}.Login .LoginInner .Body .LoginContainer .DialogHead .Maintext{color:#3c4651;font-size:1.125rem;font-style:normal;font-weight:700;line-height:24px}.Login .LoginInner .Body .LoginContainer .DialogBody{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:10px;padding:10px 16px}.Login .LoginInner .Body .LoginContainer .DialogBody label.InputName{display:block;font-weight:500;height:24px;line-height:1.5rem;padding:0 0 4px 4px}.Login .LoginInner .Body .LoginContainer .DialogBody .InputHeader{display:flex;justify-content:space-between}.Login .LoginInner .Body .LoginContainer .DialogBody .InputHeader .SendingTokenToEmail{color:#0ea9f6;cursor:pointer;font-family:Pretendard;font-size:.875rem;font-style:normal;font-weight:500;letter-spacing:.12px;line-height:18px}.Login .LoginInner .Body .LoginContainer .DialogBody input::-ms-clear,.Login .LoginInner .Body .LoginContainer .DialogBody input::-ms-reveal{display:none}.Login .LoginInner .Body .LoginContainer .DialogBody .Bottomline{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.Login .LoginInner .Body .LoginContainer .DialogBody .Bottomline .TextCheckBox .Text{color:#19181b;font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;letter-spacing:.13px;line-height:20px}.Login .LoginInner .Body .LoginContainer .DialogBody .Bottomline a{color:#bdbdc2;font-family:Pretendard;font-size:.875rem;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:20px;text-decoration:none}.Login .LoginInner .Body .LoginContainer .DialogBody .Bottomline a:first-child:after{content:"|";margin:0 5px}.Login .LoginInner .Body .LoginContainer .DialogBody .LabeledCheckbox{background-color:#0000;border:none;flex-direction:row-reverse;gap:12px;height:20px;padding-left:0}.Login .LoginInner .Body .LoginContainer .DialogBody .LabeledCheckbox.SectionHeader{color:#19181b;font-weight:500;justify-content:flex-end}.Login .LoginInner .Body .LoginContainer .DialogBody .LabeledCheckbox .CheckMark{height:18px;width:18px}.Login .LoginInner .Body .LoginContainer .DialogBody .AgreementList .AgreementRow{color:#797882;display:flex;flex-direction:row;justify-content:space-between}.Login .LoginInner .Body .LoginContainer .DialogBody .AgreementList .AgreementRow a{color:inherit!important}.Login .LoginInner .Body .LoginContainer .DialogBody .AgreementList .AgreementRow svg.Checked{color:#3d6aff}.Login .LoginInner .Body .LoginContainer .DialogCTA{background-color:#3d6aff;color:#fff;font-size:1rem;font-weight:700;line-height:1.5rem;padding:12px 46px;width:100%}.Login .LoginInner .Body .LoginContainer .DialogCTA.Mui-disabled{opacity:.32}.Login .LoginInner .Body .LoginContainer .DialogCTA.SNSLoginButton span{color:#797882;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;letter-spacing:.16px;line-height:24px}.Login .LoginInner .Body .LoginContainer .DialogCTA.Block{display:none}.Login .LoginInner .Footer{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 10px}.Login .LoginInner .Footer .FooterText{color:#9e9da4;display:flex;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;text-align:center;white-space:pre-wrap}.Login .LoginInner .Footer .FooterText>a{color:#3d6aff;font-size:.875rem;font-weight:400;line-height:20px;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.OneColumnFullpageDialog{height:100vh;overflow:auto;width:100%}.OneColumnFullpageDialog,.OneColumnFullpageDialog .CenterDialog{align-items:center;display:flex;flex-direction:column;justify-content:center}.OneColumnFullpageDialog .CenterDialog{gap:24px}.MyPageArea{background-color:#f2f2f7;height:100vh;width:100%}.MyPageArea .MyPageInner{align-items:flex-start;background:#fff;border-left:1px solid #edecee;border-right:1px solid #edecee;box-shadow:0 0 20px 3px #7d7d7d80;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:720px}.MyPageArea .MyPageInner .Header{align-items:center;align-self:stretch;border-bottom:1px solid #d5d5d8;box-sizing:border-box;color:#3c4651;display:flex;font-size:1rem;font-weight:600;gap:8px;height:58px;letter-spacing:-.5px;line-height:24px;padding:8px 16px;width:100%}.MyPageArea .MyPageInner .Body{align-items:flex-start;align-self:stretch;display:flex;flex:1 1;flex-direction:column;padding:20px 16px}.MyPageArea .MyPageInner .Body .ProfileContainer{align-items:center;box-sizing:border-box;display:flex;gap:10px;height:-webkit-fit-content;height:fit-content;justify-content:space-between;padding:20px 16px;width:100%}.MyPageArea .MyPageInner .Body .ProfileContainer>div{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#2d353e;display:-webkit-box;font-size:1.125rem;font-weight:500;letter-spacing:.18px;line-height:28px;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.MyPageArea .MyPageInner .Body .ViewRightContainer{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;padding:20px 16px 0}.MyPageArea .MyPageInner .Body .ViewRightContainer .ContainerTitle{align-items:flex-start;align-self:stretch;color:#3c4651;display:flex;flex-direction:column;font-size:.9375rem;font-weight:700;line-height:24px;padding-bottom:8px}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;padding:8px 0}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox{align-items:flex-start;align-self:stretch;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .TitleImage{flex-shrink:0}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .TitleImage>img{border-radius:4px}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .ViewInfos{display:flex;flex:1 1;flex-direction:column;text-align:left}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .ViewInfos .Title{color:#2d353e;font-size:.875rem;font-weight:600;line-height:20px}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .ViewInfos .ProductName{color:#2d353e;font-size:.875rem;font-weight:400;line-height:20px}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .ViewInfos .ProductTime{color:#9e9da4;font-size:.75rem;font-weight:400;line-height:150%}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .RemainingTime{display:flex;flex-direction:column}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .RemainingTime .Time{color:#797882;font-size:.75rem;font-weight:500;line-height:18px;text-align:right}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .RemainingTime .ProgressContainer{height:2px;position:relative;width:112px}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .RemainingTime .ProgressContainer .BaseBar{background-color:#e0e2eb;border-radius:999px;height:100%}.MyPageArea .MyPageInner .Body .ViewRightContainer .ViewRights .ViewRightBox .RemainingTime .ProgressContainer .ProgressBar{background-color:#2559f4;border-radius:999px;height:100%;left:0;position:absolute;top:0}.MyPageArea .MyPageInner .Body .EmailBox{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;padding:8px 4px}.MyPageArea .MyPageInner .Body .EmailBox .EmailTitle{color:#797882;font-size:.875rem;font-weight:500;letter-spacing:.14px;line-height:20px}.MyPageArea .MyPageInner .Body .EmailBox .Email{color:#2d353e;font-size:.9375rem;font-weight:400;letter-spacing:.15px;line-height:24px}.MyPageArea .MyPageInner .Body .MuiButtonBase-root{color:inherit;font-family:Pretendard Variable;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:initial;min-width:0;min-width:auto;padding:initial;text-transform:inherit}.MyPageArea .MyPageInner .Body .DeleteBox,.MyPageArea .MyPageInner .Body .logoutBox{align-items:center;align-self:stretch;display:flex;justify-content:space-between;padding:8px 4px}.MyPageArea .MyPageInner .Body .DeleteBox>div,.MyPageArea .MyPageInner .Body .logoutBox>div{color:#2d353e;font-size:.9375rem;font-weight:400;letter-spacing:.15px;line-height:24px}.MyPageArea .MyPageInner .Body .Divider{border-bottom:1px solid #d5d5d8;margin:8px 0;width:100%}.MyPageArea .MyPageInner .Body .DeleteBox>div{color:#e93434}.MyPageArea .MyPageInner .Footer{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 10px}.MyPageArea .MyPageInner .Footer .FooterText{color:#9e9da4;display:flex;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;text-align:center;white-space:pre-wrap}.MyPageArea .MyPageInner .Footer .FooterText>a{color:#3d6aff;font-size:.875rem;font-weight:400;line-height:20px;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.DeleteAccountModal .DeleteAccountTitle,.DeleteAccountModal .LogOutTitle,.LogOutModal .DeleteAccountTitle,.LogOutModal .LogOutTitle{align-items:center;align-self:stretch;color:#000;display:flex;flex-direction:column;font-family:Pretendard Variable;font-size:1.125rem;font-weight:600;gap:12px;letter-spacing:.18px;line-height:24px;padding:36px 24px 24px;text-align:center}.DeleteAccountModal .DeleteAccountTitle .Title,.DeleteAccountModal .LogOutTitle .Title,.LogOutModal .DeleteAccountTitle .Title,.LogOutModal .LogOutTitle .Title{color:#000;font-size:1.125rem;font-weight:600;letter-spacing:.18px;line-height:24px}.DeleteAccountModal .DeleteAccountTitle .SubTitle,.DeleteAccountModal .LogOutTitle .SubTitle,.LogOutModal .DeleteAccountTitle .SubTitle,.LogOutModal .LogOutTitle .SubTitle{color:#797882;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;text-align:center;white-space:pre-line}.DeleteAccountModal .LogOutActions,.LogOutModal .LogOutActions{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:8px;padding:0 24px 24px}.DeleteAccountModal .LogOutActions .CancelButton,.DeleteAccountModal .LogOutActions .DeleteAccountButton,.DeleteAccountModal .LogOutActions .LogOutButton,.LogOutModal .LogOutActions .CancelButton,.LogOutModal .LogOutActions .DeleteAccountButton,.LogOutModal .LogOutActions .LogOutButton{align-items:center;align-self:stretch;border-radius:8px;display:flex;font-family:Pretendard Variable;font-size:.875rem;font-weight:600;gap:7px;justify-content:center;letter-spacing:.14px;line-height:20px;margin:0;padding:13px;text-align:center}.DeleteAccountModal .LogOutActions .LogOutButton,.LogOutModal .LogOutActions .LogOutButton{background:#2f323d;color:#fff}.DeleteAccountModal .LogOutActions .CancelButton,.LogOutModal .LogOutActions .CancelButton{background:#fff;color:#3c4651}.DeleteAccountModal .LogOutActions .DeleteAccountButton,.LogOutModal .LogOutActions .DeleteAccountButton{background:#eb5147;color:#fff}.RadioBox{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;outline:1px solid #f6f6f9;outline-offset:-1px;padding:18px 16px}.RadioBox.Checked{background-color:#f6f6f9;outline:0}.RadioBox .RadioLabel{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:.938rem;font-style:normal;line-height:24px;overflow:hidden;text-overflow:ellipsis}.RadioBox .RadioButton{-webkit-appearance:none;appearance:none;background-color:#f6f6f9;border:1px solid #797882;border-radius:50%;cursor:pointer;display:inline-block;height:1rem;width:1rem}.RadioBox .RadioButton:checked{border:5px solid #3869fa}.RadioBox .RadioButton:disabled{background-color:#f6f6f94d;border:1px solid #7978824d;cursor:auto}.RadioGroup{display:inline-flex;flex-direction:column}html:has(.ContentsPaymentArea){-ms-overflow-style:none;scrollbar-width:none}html:has(.ContentsPaymentArea)::-webkit-scrollbar{display:none}.ContentsPaymentArea{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.ContentsPaymentArea.PopupOpen{display:block;height:100vh;overflow:hidden}.ContentsPaymentArea.PopupOpen .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG{background-color:#00000080;visibility:visible}.ContentsPaymentArea.PopupOpen .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .CloseButton{color:#fff}.ContentsPaymentArea.PopupOpen .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .ProductDetailPopup{margin-top:50px;opacity:1}.ContentsPaymentArea:not(.PopupOpen) .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG{background-color:#0000;visibility:hidden}.ContentsPaymentArea:not(.PopupOpen) .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .CloseButton{color:#fff0}.ContentsPaymentArea:not(.PopupOpen) .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .ProductDetailPopup{margin-top:0;opacity:0}.ContentsPaymentArea .ContentesPaymentInner{box-shadow:0 0 20px 3px #7d7d7d80;box-sizing:border-box;line-height:150%;margin:auto;max-width:720px;padding:0 16px;width:calc(100% - 32px)}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail{overflow:hidden;padding-top:100%;position:relative}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail>img{height:100%;left:0;object-fit:cover;object-position:top;position:absolute;top:0}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .BackdropContainer{align-items:center;background:linear-gradient(180deg,#0000,#fff 80%);bottom:0;display:flex;height:100px;justify-content:center;position:absolute;width:100%}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .BackdropContainer .Open{background-color:#fff;color:#000;font-family:Pretendard;font-weight:500;width:calc(100% - 32px)}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG{bottom:0;left:0;position:fixed;right:0;top:0;transition:.5s;z-index:1000}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .CloseButton{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;position:absolute;right:max(50% - 360px,24px);top:24px}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .ProductDetailPopup{-ms-overflow-style:none;box-sizing:border-box;height:calc(100vh - 132px);margin-left:auto;margin-right:auto;max-width:720px;overflow-y:scroll;padding:16px;position:relative;scrollbar-width:none;transition:margin .5s,opacity .5s,visibility .5s;width:100%}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .ProductDetailPopup::-webkit-scrollbar{display:none}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .ProductDetailPopup[data-scroll] .AreaArrow{opacity:0}@keyframes floating{0%{bottom:0}50%{bottom:20px}to{bottom:0}}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .ProductDetailPopup .DetailImg{border-radius:24px;margin:auto;overflow:hidden;position:relative;width:100%}.ContentsPaymentArea .ContentesPaymentInner .ProductDetail .ProductDetailPopupBG .ProductDetailPopup .AreaArrow{animation:floating 2s infinite;bottom:0;opacity:1;position:-webkit-sticky;position:sticky;transition:.5s}.ContentsPaymentArea .ContentesPaymentInner .LabelRow{align-items:center;display:flex;flex-direction:row;justify-content:stretch;position:relative}.ContentsPaymentArea .ContentesPaymentInner .LabelRow .Image{border-radius:8px;height:80px;margin-right:16px;overflow:hidden;width:80px}.ContentsPaymentArea .ContentesPaymentInner .LabelRow .Image img{height:100%;object-fit:cover;width:100%}.ContentsPaymentArea .ContentesPaymentInner .LabelRow .NameLabel{color:#3c4651;font-size:.9375rem;font-weight:600;line-height:24px;text-align:left}.ContentsPaymentArea .ContentesPaymentInner .LabelRow .PriceLabel{color:#797882;font-size:.9375rem;font-weight:500;line-height:24px;text-align:left}.ContentsPaymentArea .ContentesPaymentInner .RadioLabel{-webkit-line-clamp:3;align-items:center;cursor:pointer;display:flex;height:80px;overflow:visible;overflow:initial;width:100%;word-break:keep-all}.ContentsPaymentArea .ContentesPaymentInner .RadioLabel .ProductTitle{font-size:1.125rem;font-weight:600;margin-bottom:8px}.ContentsPaymentArea .ContentesPaymentInner .RadioLabel .Nudge{-webkit-line-clamp:2;animation:float 2s ease-in-out infinite;background-color:#fff;border-radius:20px;box-shadow:0 0 3px 1px #19181b;height:40px;left:10px;line-height:20px;padding:4px 12px;position:absolute;text-align:left;top:60px;transition:opacity .5s;white-space:pre-line;width:200px}.ContentsPaymentArea .ContentesPaymentInner .RadioLabel .Nudge .Arrow{border:10px solid;border-color:#0000 #0000 #19181b80;left:70px;position:absolute;top:-20px}.ContentsPaymentArea .ContentesPaymentInner .RadioLabel .Nudge .Arrow2{border:10px solid;border-color:#0000 #0000 #fff;left:70px;position:absolute;top:-18px}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-8px)}to{transform:translatey(0)}}.ContentsPaymentArea .ContentesPaymentInner .DividingLine{border-top:1px solid #333;margin:10px 0;width:100%}.ContentsPaymentArea .ContentesPaymentInner .OrderedProductList{padding:30px 0}.ContentsPaymentArea .ContentesPaymentInner .OrderedProductList .Title{color:#000;font-size:1rem;font-style:normal;font-weight:700;line-height:24px;text-align:left}.ContentsPaymentArea .ContentesPaymentInner .OrderedProductList .Text{font-size:.875rem}.ContentsPaymentArea .ContentesPaymentInner .EpisodeList{max-height:500px;overflow-x:hidden;overflow-y:scroll;position:relative;transition:.2s}.ContentsPaymentArea .ContentesPaymentInner .EpisodeList.Fold{max-height:0;overflow-y:hidden}.ContentsPaymentArea .ContentesPaymentInner .EpisodeList.Fold .FoldCover{background:linear-gradient(0deg,#0006,#0000);height:100%;left:0;position:absolute;top:0;width:100%}.ContentsPaymentArea .ContentesPaymentInner .EpisodeList .EpisodeRow{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-start;margin:8px 0}.ContentsPaymentArea .ContentesPaymentInner .EpisodeList .EpisodeRow img{max-height:100px;max-width:100px}.ContentsPaymentArea .ContentesPaymentInner .EpisodeList .EpisodeRow .Date{font-size:.8rem}.ContentsPaymentArea .ContentesPaymentInner .FoldEpisodeListButton{background-color:#fff;border-color:#fff #0000 #0000;border-radius:0}.ContentsPaymentArea .ContentesPaymentInner .OrderedServicePrices{padding:30px 0}.ContentsPaymentArea .ContentesPaymentInner .OrderedServicePrices .Title{font-weight:700;text-align:left}.ContentsPaymentArea .ContentesPaymentInner .OrderedServicePrices .Text{font-size:.875rem;line-height:150%}.ContentsPaymentArea .ContentesPaymentInner .OrderedServicePrices .PriceRow{display:flex;justify-content:space-between}.ContentsPaymentArea .ContentesPaymentInner .OrderedServicePrices .PriceRow:last-child{font-weight:700;margin-top:10px}.ContentsPaymentArea .ContentesPaymentInner .OrderedServicePrices .PriceRow .Discounts{position:relative}.ContentsPaymentArea .ContentesPaymentInner .OrderedServicePrices .PriceRow .Discounts .DiscountPercent{bottom:0;color:red;font-size:.75rem;left:0;position:absolute;transform:translate(-120%);white-space:nowrap}.ContentsPaymentArea .ContentesPaymentInner .OrderedServicePrices .InnerDividingLine{border-top:1px solid #f1f1f1;margin:6px 0}.ContentsPaymentArea .ContentesPaymentInner .CheckAndConsentOfOrder{padding:30px 0}.ContentsPaymentArea .ContentesPaymentInner .CheckAndConsentOfOrder .Title{text-align:left}.ContentsPaymentArea .ContentesPaymentInner .CheckAndConsentOfOrder .Title .MuiFormControlLabel-root{align-items:center;display:flex;font-family:inherit;font-weight:700;gap:4px;margin:0;padding:10px}.ContentsPaymentArea .ContentesPaymentInner .CheckAndConsentOfOrder .DetailsOfTerms{cursor:pointer}.ContentsPaymentArea .ContentesPaymentInner .CheckAndConsentOfOrder .DetailsOfTerms:hover{color:#333;font-weight:700}.ContentsPaymentArea .ContentesPaymentInner .ButtonBox{margin:20px 0 100px}.ContentsPaymentArea .ContentesPaymentInner .ButtonBox .PayButton{color:#fff;font-weight:700;padding:8px 0}.ContentsPaymentArea .ContentesPaymentInner .SubTitle{color:#9e9da4;font-size:.8125rem;font-weight:400;letter-spacing:.13px;line-height:18px;padding-bottom:12px;text-align:left;white-space:pre-line}
/*# sourceMappingURL=main.f2ee84f1.css.map*/