@font-face{font-family:"Noto Sans KR";font-weight:400;src:url(../fonts/NotoSansKR-Regular.ttf) format("truetype")}@font-face{font-family:"Noto Sans KR";font-weight:500;src:url(../fonts/NotoSansKR-Medium.ttf) format("truetype")}@font-face{font-family:"Noto Sans KR";font-weight:700;src:url(../fonts/NotoSansKR-Bold.ttf) format("truetype")}@font-face{font-family:"Noto Sans KR";font-weight:800;src:url(../fonts/NotoSansKR-ExtraBold.ttf) format("truetype")}@font-face{font-family:"Roboto";font-weight:100;src:url(../fonts/Roboto-Thin.ttf) format("truetype")}@font-face{font-family:"Roboto";font-weight:300;src:url(../fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:"Roboto";font-weight:400;src:url(../fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:"Roboto";font-weight:500;src:url(../fonts/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:"Roboto";font-weight:700;src:url(../fonts/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:"Roboto";font-weight:900;src:url(../fonts/Roboto-Black.ttf) format("truetype")}@font-face{font-family:"Nunito";font-weight:500;src:url(../fonts/Nunito-Medium.ttf) format("truetype")}@font-face{font-family:"Nunito";font-weight:700;src:url(../fonts/Nunito-Bold.ttf) format("truetype")}@font-face{font-family:"Nunito";font-weight:900;src:url(../fonts/Nunito-ExtraBold.ttf) format("truetype")}@font-face{font-family:"Pathfinder-R";font-style:normal;src:url(../fonts/Pathfinder-R.woff2) format("woff2"),url(../fonts/Pathfinder-R.woff) format("woff"),url(../fonts/Pathfinder-R.otf) format("opentype"),url(../fonts/Pathfinder-R.ttf) format("truetype"),url(../fonts/Pathfinder-R.eot) format("embedded-opentype")}@font-face{font-family:"Pathfinder-B";font-style:normal;src:url(../fonts/Pathfinder-B.woff2) format("woff2"),url(../fonts/Pathfinder-B.woff) format("woff"),url(../fonts/Pathfinder-B.otf) format("opentype"),url(../fonts/Pathfinder-B.ttf) format("truetype"),url(../fonts/Pathfinder-B.eot) format("embedded-opentype")}@font-face{font-family:"GothamRounded";font-style:400;src:url(../fonts/GothamRoundedLight.ttf) format("truetype")}@font-face{font-family:"GothamRounded";font-style:500;src:url(../fonts/GothamRoundedBook.ttf) format("truetype")}@font-face{font-family:"GothamRounded";font-style:600;src:url(../fonts/GothamRoundedMedium.ttf) format("truetype")}@font-face{font-family:"GothamRounded";font-style:800;src:url(../fonts/GothamRoundedBold.ttf) format("truetype")}*{margin:0;padding:0;font-family:"Nunito","Noto Sans KR",sans-serif}html{overflow-y:scroll}html,body{width:100%;height:100%}body{margin:0;padding:0;font-size:1em;font-family:"Nunito","Noto Sans KR",sans-serif}html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}label,input,button,select{vertical-align:middle}input,button{margin:0;padding:0;font-family:"Nunito","Noto Sans KR",sans-serif;font-size:1em;border:none;background-color:rgba(0,0,0,0)}button{cursor:pointer}textarea,select{width:100%;box-sizing:border-box}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1em;font-family:"Nunito","Noto Sans KR",sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a:link,a:visited{color:#000;text-decoration:none}a:hover,a:focus,a:active{color:#000;text-decoration:none}img{max-width:100%;vertical-align:top}ul,ol,li{list-style:none;margin:0;padding:0}p{word-break:keep-all}.hidden{overflow:hidden}body{background-color:#000;width:100%;height:100%}.wrap{width:80rem;height:50rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.container .popup-layer{width:62.9375rem}.container .intro-area{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;background-color:#192878}.container .intro-area .logo{width:121px;height:auto}.header{position:relative;box-shadow:0 4px 15px 0 rgba(25,40,120,.3);background-color:rgba(25,40,120,.9);width:100%;height:4.375rem;font-size:1.5625rem;font-weight:bold;display:flex;justify-content:center;padding:1.25rem;box-sizing:border-box;border-radius:0 0 1.875rem 1.875rem;z-index:1}.header h2{color:#fff;font-size:1.5625rem;font-weight:bold;display:flex;align-items:center;font-weight:900}.header h2 .c-point{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#17c5eb;max-width:48.125rem;display:inline-block;margin-left:.625rem;font-weight:900}.header button::before{content:"";display:block;background-repeat:no-repeat;background-size:100% auto}.header button:disabled{pointer-events:none;cursor:pointer}.header button:disabled::before{opacity:.5}.header .btn-back{position:absolute;left:1.3125rem}.header .btn-back::before{background-image:url(../img/btn_back.png);width:2rem;height:2rem}.header .btn-home{position:absolute;left:1.3125rem}.header .btn-home::before{background-image:url(../img/btn_home.png);width:2rem;height:2rem}.swiper{overflow:hidden}.swiper .swiper-wrapper{display:flex}.swiper .swiper-wrapper .swiper-slide{flex:none;display:flex;flex-wrap:wrap}.swiper [class^=swiper-button]{position:absolute;top:327px;cursor:pointer}.swiper [class^=swiper-button]::before{content:"";display:block;width:50px;height:52px;background-size:50px auto}.swiper [class^=swiper-button][class*=disabled]{cursor:initial}.swiper [class^=swiper-button][class*=prev]{left:30px}.swiper [class^=swiper-button][class*=prev]::before{background-image:url(../img/btn_swiper_prev.png)}.swiper [class^=swiper-button][class*=prev][class*=disabled]::before{background-image:url(../img/btn_swiper_prev_disabled.png)}.swiper [class^=swiper-button][class*=next]{right:30px}.swiper [class^=swiper-button][class*=next]::before{background-image:url(../img/btn_swiper_next.png)}.swiper [class^=swiper-button][class*=next][class*=disabled]::before{background-image:url(../img/btn_swiper_next_disabled.png)}.swiper .swiper-pagination{display:flex;gap:10px;justify-content:center;margin-top:50px}.swiper .swiper-pagination .swiper-pagination-bullet::before{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:#d2d2d2}.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background-color:#17c5eb}.swiper.tutorial [class^=swiper-button]{top:375px}.swiper.tutorial [class^=swiper-button]::before{width:50px;height:50px}.swiper.tutorial [class^=swiper-button][class*=prev]{left:0}.swiper.tutorial [class^=swiper-button][class*=prev]::before{background-image:url(../img/btn_tt_prev.png)}.swiper.tutorial [class^=swiper-button][class*=next]{right:0}.swiper.tutorial [class^=swiper-button][class*=next]::before{background-image:url(../img/btn_tt_next.png)}.swiper.tutorial [class^=swiper-button][class*=disabled]{display:none}.swiper.tutorial .check-area{font-size:20px;color:#fff;display:flex;align-items:flex-start;gap:15px;position:absolute;bottom:18px;left:20px}.swiper.tutorial .check-area .check-box__again{position:relative}.swiper.tutorial .check-area .check-box__again input[type=checkbox]{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0}.swiper.tutorial .check-area .check-box__again input[type=checkbox]+span{display:inline-flex;align-items:center;gap:7px}.swiper.tutorial .check-area .check-box__again input[type=checkbox]+span::before{content:"";display:block;width:17px;height:18px;background-image:url(../img/tutorial-chk-off.png);background-repeat:no-repeat;background-position-y:1px;background-size:100% auto}.swiper.tutorial .check-area .check-box__again input[type=checkbox]:checked+span::before{width:17px;height:18px;background-image:url(../img/tutorial-chk-on.png);background-position-y:0px}.swiper.tutorial .check-area .close{text-decoration:underline;color:#fff}.select-box{min-width:240px;position:relative;font-size:18px;font-family:"Noto Sans KR";display:inline-block}.select-box .current{border-radius:15px;border:solid 2px #e4e4ef;cursor:pointer;width:100%;display:block;line-height:45px;height:45px;color:#222;font-weight:bold;padding:0 40px 0 14px;box-sizing:border-box;position:relative;background-color:#fff}.select-box .current::after{content:"";display:block;background-image:url(../img/ic_select_arrow.png);width:16px;height:16px;position:absolute;top:15px;right:14px}.select-box .select-dropdown{display:none;position:absolute;top:51px;border-radius:15px;border:solid 2px #e6e6f2;background-color:#fff;width:100%;padding:15px 6px;box-sizing:border-box;z-index:1}.select-box .select-dropdown ul{max-height:200px;overflow-y:auto}.select-box .select-dropdown ul::-webkit-scrollbar{width:8px}.select-box .select-dropdown ul::-webkit-scrollbar-thumb{background:#777;border-radius:8px}.select-box .select-dropdown ul::-webkit-scrollbar-track-piece,.select-box .select-dropdown ul::-webkit-scrollbar-button{display:none}.select-box .select-dropdown li{padding:6px 8px;cursor:pointer}.select-box .select-dropdown li:hover{border-radius:10px;background-color:#dbe8ff}.btn-menu-side{position:absolute;right:1.25rem;gap:.875rem;display:flex;align-items:center}.btn-menu-side .btn-edit::before{background-image:url(../img/btn_edit.png);width:2rem;height:2.0625rem}.btn-menu-side .btn-refresh::before{background-image:url(../img/btn_refresh.png);width:2rem;height:2.125rem}.btn-menu-side .btn-sett::before{background-image:url(../img/btn_setting.png);width:2rem;height:2.0625rem}.btn-menu-side .btn-help::before{background-image:url(../img/btn_help.png);width:2rem;height:2rem}.role-bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.role-wrap{position:absolute;top:6.375rem;left:0;right:0;bottom:0}.role-wrap.chit-chat .character-move{width:28.625rem;height:38.875rem}.role-wrap.chit-chat .bubble-stack{height:32.5875rem}.role-breadcrumb{display:flex;justify-content:center}.role-breadcrumb dl{display:inline-flex;border-radius:3.125rem;border:solid .125rem #17c5eb;background-color:#fff;padding:.625rem 1.5rem;font-size:1.25rem}.role-breadcrumb dt{color:#17c5eb;font-weight:900}.role-breadcrumb dd{color:#222;display:flex;align-items:center;font-weight:900}.role-breadcrumb dd::before{content:"";display:block;width:1px;height:.875rem;background-color:#d9d9d9;margin:0 .625rem}.role-area{display:flex;justify-content:space-between}.role-area:has(div.missions-frame){gap:2.5rem}.role-area:has(div.missions-frame) .bubble-stack{height:32.375rem}.role-area:has(div.missions-frame) .bubble-textarea{border:solid 1px #dde1e8;padding-right:.625rem}.speech-bx{padding:0 2.8125rem 0 0;width:38.75rem}.bottom-area{display:flex;justify-content:flex-end}.bottom-area .btn-basic{margin-top:1.15625rem;border-radius:.9375rem;box-shadow:0 4px 0 0 rgba(73,148,165,.4);border:solid .1875rem #fff;background-color:#17c5eb;color:#fff;width:11.4375rem;height:3.0625rem;font-size:1.125rem;font-weight:900}.bottom-area .btn-basic:disabled{background-color:#eaeaea;color:#aeaeae;pointer-events:none}.speech-btn{border:solid 1px #ffc700;background-color:#ffea2c;color:#4d2311;font-size:1.1875rem;font-weight:bold;width:9.6875rem;height:2.125rem;line-height:2.125rem;text-align:center;border-radius:.625rem .625rem 0 0;margin:0 1.625rem -1px auto;display:block;font-weight:900}.speech-btn:disabled{background-color:rgba(255,234,44,.5);font-weight:500;pointer-events:none}.speech-frame{border-radius:1.875rem 1.875rem 0 0;border:solid 1px rgba(255,255,255,.8);background-color:rgba(255,255,255,.8);width:100%;box-sizing:border-box;overflow:hidden}.bubble-stack{overflow-y:auto;height:27.3125rem;padding-bottom:1.25rem;box-sizing:border-box}.bubble-stack::-webkit-scrollbar{width:8px}.bubble-stack::-webkit-scrollbar-thumb{background:#bebebe;border-radius:4px}.bubble-stack::-webkit-scrollbar-track-piece,.bubble-stack::-webkit-scrollbar-button{display:none}.bubble-stack .chat-message{text-align:left;display:grid;padding:1.25rem 1.875rem 0 1.875rem}.bubble-stack .chat-message-inner{display:flex;gap:1.25rem;align-items:flex-end}.bubble-stack .chat-message-inner dt{border-radius:50%;overflow:hidden;border:solid .1875rem #d7e1e5;width:3.75rem;height:3.75rem;box-sizing:border-box;flex:none;background-color:#fff}.bubble-stack .chat-message-inner dt img{width:100%;height:100%}.bubble-stack .chat-message-inner dd{border:solid 1px #e1e1e8;font-size:1.05555rem;color:#222;background-color:#fff;padding:.8125rem .8125rem;font-family:"Roboto"}.bubble-stack .chat-receive .chat-message{grid-template-columns:auto 1fr;place-items:start}.bubble-stack .chat-receive .chat-message-inner{border-end-start-radius:0;padding-right:5rem}.bubble-stack .chat-receive .chat-message-inner dd{border-radius:15px 15px 15px 0}.bubble-stack .chat-send .chat-message{grid-template-columns:1fr auto;place-items:end}.bubble-stack .chat-send .chat-message-inner{border-end-start-radius:0;flex-direction:row-reverse;padding-left:5rem}.bubble-stack .chat-send .chat-message-inner dd{border-radius:15px 15px 0px 15px;background-color:#ffea2c;border:none}.bubble-input-message{display:flex;align-items:center;gap:.75rem;background-color:#fff;padding:0 .75rem;border-radius:0 0 1.875rem 1.875rem;height:5rem}.bubble-input-message .btn-full{border-radius:.9375rem;border:solid .1875rem #192878;flex:1;font-size:1.125rem;color:#192878;font-weight:bold;height:3.4375rem;font-weight:900}.bubble-input-message .bubble-textarea{border-radius:.9375rem;background-color:#f4f5f9;flex:1;padding:.9375rem 1.25rem;height:3.4375rem;box-sizing:border-box;position:relative;display:flex;align-items:center}.bubble-input-message .bubble-textarea .input-text{border:none;resize:none;background-color:rgba(0,0,0,0);height:100%;outline:0;font-size:1.125rem}.bubble-input-message .bubble-textarea .input-text::placeholder{color:#d9d9d9}.bubble-input-message .bubble-textarea:has(div.rec-loading){background-color:#fff;border:solid 1px #dde1e8}.bubble-input-message .tooltip-area.active .cont{display:block}.bubble-input-message .tooltip-area .btn-tooltip::before{content:"";display:block;background-image:url(../img/btn_tooltip.png);background-repeat:no-repeat;background-size:auto 2.25rem;width:2.3125rem;height:2.25rem}.bubble-input-message .tooltip-area .cont{display:none;width:15.1875rem;min-height:7.375rem;position:absolute;bottom:2.4375rem;right:0;font-size:.9375rem;line-height:normal;color:#222;border-radius:.5625rem;padding:.0625rem}.bubble-input-message .tooltip-area .cont::after{content:"";display:block;background-image:url(../img/bg_tooltip.svg);background-repeat:no-repeat;background-size:100% auto;background-position:-0.0625rem -5.375rem;height:1.875rem}.bubble-input-message .tooltip-area .cont .cont-tit{background-color:#e9ecff;font-size:.9375rem;font-weight:bold;color:#192878;padding:.375rem 0;text-align:center;border-radius:.5625rem .5625rem 0 0;margin:0 .375rem 0 .1875rem;border-bottom:0;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);font-weight:900}.bubble-input-message .tooltip-area .cont .cont-text{padding:.875rem 1.875rem .875rem 1.1875rem;font-size:.9375rem;background-color:#fff;border:solid 1px #fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.16);margin:0 .375rem 0 .1875rem;line-height:1.33;font-family:"Roboto"}.bubble-input-message .btn-mike.stop::before{background-image:url(../img/btn_record_round.png)}.bubble-input-message .btn-mike::before{content:"";display:block;background-image:url(../img/btn_mike.png);background-size:auto 4.1875rem;background-repeat:no-repeat;width:4.0625rem;height:4.1875rem}.bubble-input-message .btn-mike:disabled::before{background-image:url(../img/btn_mike_disabled.png)}.bubble-input-message .rec-loading{display:flex;gap:.375rem;position:absolute;top:0;left:0;bottom:0;right:5rem;align-items:center;padding-left:1.5rem;background-color:#fff;border-radius:.9375rem;cursor:pointer}.bubble-input-message .rec-loading::before{content:"";display:block;background-image:url(../img/record-loading.gif);background-size:50px auto;background-repeat:no-repeat;background-position:center;width:54px;height:55px}.topic-bx{margin:8.75rem 3.75rem 0 0}.topic-bx .topic-list{display:flex;flex-direction:column;gap:1.6875rem;width:41.375rem}.topic-bx .topic-list li{position:relative}.topic-bx .topic-list li input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;border:0;outline:0;opacity:0;z-index:1}.topic-bx .topic-list li input[type=checkbox]:checked+dl{background-color:#17c5eb;color:#fff}.topic-bx .topic-list li input[type=checkbox]:checked+dl dt{color:#fff;background-color:#17c5eb}.topic-bx .topic-list li input[type=checkbox]:checked+dl dt::before{background-image:url(../img/question2_on.png)}.topic-bx .topic-list li input[type=checkbox]:checked+dl:after{content:"";display:flex;background-image:url(../img/ic_check.png);background-size:100% auto;background-repeat:no-repeat;width:4.1875rem;height:4.25rem;margin:0 1.5625rem;flex:none}.topic-bx .topic-list li dl{display:flex;border:solid .1875rem rgba(255,255,255,.8);background-color:rgba(255,255,255,.8);color:#000;border-radius:3.125rem 1.25rem 1.25rem 3.125rem;min-height:.3125rem;align-items:center;position:relative}.topic-bx .topic-list li dl::before{content:"";display:block;width:.1875rem;height:100%;background-color:rgba(255,255,255,.8);position:absolute;top:0;left:6rem;bottom:0}.topic-bx .topic-list li dt{font-size:2.25rem;font-weight:bold;color:#17c5eb;width:6rem;text-align:center;background-color:#fff;line-height:8.3125rem;border-radius:3.125rem 0 0 3.125rem;font-size:0;display:flex;align-items:center;justify-content:center}.topic-bx .topic-list li dt::before{content:"";display:block;width:50px;height:28px;background-image:url(../img/question2.png);background-size:100% auto;background-repeat:no-repeat}.topic-bx .topic-list li dd{font-size:1.375rem;font-weight:500;font-family:"Roboto";line-height:1.32;margin:1.375rem 0 1.5rem 1.625rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;width:26rem}.topic-bx .topic-list li:first-child input[type=checkbox]:checked+dl dt::before{background-image:url(../img/question1_on.png)}.topic-bx .topic-list li:first-child dt::before{background-image:url(../img/question1.png)}.speech-human .speech-human-bubble{position:relative;margin:.5rem 0 0 7.5rem;z-index:1}.speech-human .speech-human-bubble .cont{width:16.66875rem;height:10.95625rem;border-radius:1.25rem;font-family:"Roboto";font-size:1.3125rem;font-weight:500;padding:2.25rem 0rem 4.8125rem 0rem;box-sizing:border-box;text-align:center;background-image:url(../img/bg_bubble.png);background-repeat:no-repeat;background-size:auto 10.9562rem;display:flex;align-items:center;justify-content:center}.speech-human .character-move{width:22.625rem;height:32.875rem;position:absolute;bottom:0;left:9.375rem;background-size:100% auto;animation-name:move-ani;animation-fill-mode:none;animation-timing-function:linear;animation-duration:5s;transition-delay:.1s;animation-iteration-count:infinite}.speech-human .character-move.talk{background-image:url(../img/character_talk.gif) !important}.popup-wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:none}.popup-wrap.active{display:block}.popup-wrap::before{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.popup-wrap:has(div.edit){backdrop-filter:blur(1.875rem)}.missions-frame{border-radius:1.875rem;border:solid 1px rgba(255,255,255,.85);background-color:rgba(255,255,255,.85);font-family:"Roboto";width:35rem;margin-left:1.875rem;height:15rem;position:relative}.missions-frame .tit{border-radius:1.875rem;background-color:#25358c;font-size:1.125rem;color:#fff;display:inline-block;padding:0 1.375rem;line-height:2rem;position:absolute;top:-0.8125rem;left:1.125rem;font-weight:700}.missions-frame ul{padding:2.5rem 1.0625rem 1.6875rem 1.0625rem;counter-reset:number 0;display:flex;flex-direction:column;gap:1.375rem}.missions-frame ul li{display:flex;font-family:"Roboto";font-size:1.125rem}.missions-frame ul li .num{display:flex}.missions-frame ul li .num::before{content:"";display:block;width:1.875rem;height:1.875rem;background-image:url(../img/ic_chk_off.png);background-repeat:no-repeat;background-size:1.875rem 1.875rem;margin-top:-0.125rem}.missions-frame ul li .num::after{counter-increment:number 1;content:counter(number) ".";display:block;margin:0 .625rem 0 .8125rem}.missions-frame ul li.on .num::before{background-image:url(../img/ic_chk_on.png)}.missions-frame ul li:first-child:nth-last-child(2),.missions-frame ul li:first-child:nth-last-child(2)~li{font-size:1.375rem}.vlog-area{display:flex;box-shadow:0 4px 24px 0 rgba(26,35,58,.25);margin:0 1.875rem 0 1.875rem;border-radius:1.875rem;overflow:hidden}.vlog-area:has(div.summary-frame){margin-top:.5625rem}.vlog-area .subject-frame{width:14.375rem;height:37.5rem;border-radius:1.25rem 0 0 1.25rem;background-repeat:no-repeat;background-size:100% 37.625rem;position:relative}.vlog-area .subject-frame.chat{background-image:url(../img/story_bg_chat.png)}.vlog-area .subject-frame.chat:after{content:"";display:block;background-image:url(../img/story_dog.png);background-size:100% auto;width:11.75rem;height:17.1875rem;bottom:.875rem;position:absolute;left:0;right:0;margin:0 auto}.vlog-area .subject-frame.summary{background-image:url(../img/story_bg_summary.png)}.vlog-area .subject-frame.summary+.speech-bx .speech-frame{padding-top:0}.vlog-area .subject-frame.cho-list{background-color:#fffce1}.vlog-area .subject-frame .story-title{font-size:.9375rem;font-weight:bold;text-align:center;color:#222;padding:4.1875rem 2.375rem 0 2.375rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-word;font-weight:900}.vlog-area .subject-frame .comment-bubble{background-image:url(../img/bg_bubble_line.png);background-size:100% auto;width:12.125rem;height:12.1875rem;top:15.3125rem;position:absolute;left:1.25rem;font-size:0}.vlog-area .subject-frame .img-cheer{position:absolute;top:26.5rem;width:11.875rem;left:1.25rem}.vlog-area .speech-bx{flex:1;padding-right:0}.vlog-area .speech-bx .speech-frame .bubble-stack{height:31.75rem}.vlog-area .speech-bx .speech-frame .bubble-stack .chat-message-inner dd{max-width:42.75rem}.vlog-area .speech-bx .bubble-input-message{height:5.5625rem;border-top:1px solid #d9dde1;border-radius:0 0 1.875rem 0}.vlog-area .speech-bx .bubble-input-message .bubble-textarea{border:solid 1px #dde1e8}.vlog-area .summary-frame{width:29.3125rem;background-color:#f2f5ff}.vlog-area .summary-frame .summary-title{height:4.0625rem;padding:1.4375rem 1.875rem 1.125rem;box-sizing:border-box;border-bottom:1px solid #e0e0e0;font-weight:bold;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}.vlog-area .summary-frame .summary-content{height:32rem;font-family:"Roboto";font-size:1.125rem;line-height:1.56;color:#444;padding:1.625rem 1rem .625rem 2.25rem;overflow-y:auto;box-sizing:border-box}.vlog-area .summary-frame .summary-content::-webkit-scrollbar{width:8px}.vlog-area .summary-frame .summary-content::-webkit-scrollbar-thumb{background:#777;border-radius:4px}.vlog-area .summary-frame .summary-content::-webkit-scrollbar-track-piece,.vlog-area .summary-frame .summary-content::-webkit-scrollbar-button{display:none}.vlog-area .video-bx{flex:1;position:relative}.vlog-area .video-bx .player-controls{background-color:rgba(0,37,64,.8);height:3.75rem;backdrop-filter:blur(4px)}.vlog-area .video-bx .player-controls .progress-mark{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.vlog-area .video-bx .player-controls .progress-mark .ic-progress::before{content:"";display:block;background-image:url(../img/ic_progress.png);background-size:100% auto;background-repeat:no-repeat;width:2.8125rem;height:2.8125rem}.vlog-area .video-bx .player-controls .progress-mark .ic-progress.active::before{animation-name:rec-ani;animation-duration:1s;animation-iteration-count:infinite}.vlog-area .video-bx .player-controls .progress-mark .time-display-progress-num{width:4.8125rem;font-size:1.125rem;height:1.75rem;box-sizing:border-box;border-radius:1.875rem;line-height:.9;margin:0}.vlog-area .video-bx .player-controls .btn-area{position:absolute;left:0;right:0}.vlog-area .video-bx .player-controls .btn-area .btn-record{margin:0 auto;width:2.8125rem;display:block}.vlog-area .video-bx .player-controls .btn-area .btn-record::before{content:"";display:block;background-image:url(../img/btn_record.png);background-size:100% auto;background-repeat:no-repeat;width:2.8125rem;height:2.8125rem}.vlog-area .video-bx .player-controls .btn-area .btn-record.stop::before{background-image:url(../img/btn_record_stop.png)}.vlog-area .video-bx .player-popup-dimm{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100}.vlog-area .video-bx .player-popup-dimm::before{content:"";display:block;width:100%;height:100%;background-color:rgba(0,37,64,.8)}.vlog-area .video-bx .player-popup-dimm .counter-area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.vlog-area .video-bx .player-popup-dimm .counter-area .number{border:solid 2px #fff;width:9.125rem;height:9.125rem;font-family:"Roboto";font-size:4.0625rem;font-weight:bold;color:#fff;text-align:center;line-height:9.125rem;border-radius:50%}.vlog-area .video-bx .player-popup-dimm .layer-btn-area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;gap:1.875rem}.vlog-area .btn-stop::before{content:"";display:block;background-image:url(../img/btn_round_stop.png);background-size:auto 60px;background-repeat:no-repeat;width:3.625rem;height:3.75rem}.vlog-area .btn-play::before{content:"";display:block;background-image:url(../img/btn_round_play.png);background-size:auto 60px;background-repeat:no-repeat;width:3.625rem;height:3.75rem}.vlog-area .btn-play.pause::before{background-image:url(../img/btn_round_pause.png)}.vlog-area .btn-reset::before{content:"";display:block;background-image:url(../img/btn_round_reset.png);background-size:100% auto;background-repeat:no-repeat;width:4rem;height:4.1875rem}.vlog-area+.bottom-area{margin:1.2812rem 1.875rem 0 0}.vlog-area+.bottom-area .btn-basic{margin-top:.625rem}.edit-area{display:flex;align-items:flex-end}.edit-area .edit-img{padding-bottom:8.6875rem}.edit-area .edit-img::after{content:"";display:block;background-image:url(../img/story_dog_edit.png);background-size:100% auto;background-repeat:no-repeat;width:11.5625rem;height:15.4375rem}.edit-area .speech-frame{background-color:rgba(0,0,0,0);border:none;border-radius:initial}.edit-area .speech-frame .bubble-stack{height:44.4375rem}.edit-area .speech-frame .bubble-stack::-webkit-scrollbar-thumb{background:#636363}.arrange-header{color:#222;box-sizing:border-box;height:5.25rem;display:flex;align-items:center;justify-content:center}.arrange-header h2{font-family:"Roboto";font-size:1.375rem;font-weight:bold;margin-top:1rem}.arrange-body{margin:0 2.5rem;border:solid 1px #f9f9f9;background-color:#f4f5fb;border-radius:1.25rem}.arrange-body .scroll-y{height:20.625rem;margin:1.875rem .625rem .9375rem 2.25rem;font-family:"Roboto";font-size:1.125rem;overflow-y:auto;color:#444;line-height:1.56;box-sizing:border-box;padding-right:2.4375rem}.arrange-body .scroll-y::-webkit-scrollbar{width:8px}.arrange-body .scroll-y::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:4px}.arrange-body .scroll-y::-webkit-scrollbar-track-piece,.arrange-body .scroll-y::-webkit-scrollbar-button{display:none}.arrange-footer{border-top:solid 1px #d9dde1;height:5.875rem;padding:1rem 0;box-sizing:border-box;display:flex;justify-content:center;gap:1.875rem;margin-top:2.6875rem}.cho-list{padding:3.25rem 0;box-sizing:border-box}.cho-list ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.625rem}.cho-list ul li.active button{outline:solid 5px #17c5eb}.cho-list [class^=char]{width:150px;height:104px;border-radius:5px;background-size:100% auto}.choose-area{background-color:#fff;padding:0 0 2.0625rem 0}.choose-area h2{font-family:"Roboto";font-size:1.125rem;color:#444;line-height:5.5625rem;text-align:center;font-weight:normal}.choose-area .frame{width:43.125rem;margin:0 auto;border-radius:1.25rem;overflow:hidden}.choose-area .frame img{width:100%}.player{height:100%}.player .character{position:absolute;width:64.875rem;left:0;right:0;margin:0 auto;z-index:1}.player video{width:100%;height:100%}.player .player-controls{position:absolute;left:0;right:0;bottom:0;z-index:99;background-color:#002540;height:5rem;display:flex;align-items:center}.player .player-controls-core-buttons{display:flex;gap:1.25rem;padding:0 1.875rem 0 2.375rem}.player .player-controls-core-buttons button{width:1.6875rem;height:1.625rem}.player .player-controls-core-buttons button::before{content:"";display:block;background-size:100% auto;background-repeat:no-repeat}.player .player-controls-core-buttons button.btn-play::before{background-image:url(../img/btn_play.png);width:1.375rem;height:1.5rem}.player .player-controls-core-buttons button.btn-play.pause::before{background-image:url(../img/btn_pause.png);width:1.6875rem;height:1.625rem}.player .player-controls-core-buttons button.btn-stop::before{background-image:url(../img/btn_stop.png);width:1.5rem;height:1.5rem}.player .watch-page-progress-bar{display:flex;flex:1;border-radius:1.875rem;width:100%;height:.5rem;position:relative;background-color:#fff}.player .watch-page-progress-bar .ui-widget-header{height:100%;border-radius:1.875rem 0 0 1.875rem;background-color:#ff3841;box-sizing:border-box;position:relative}.player .watch-page-progress-bar .ui-state-default{width:1.625rem;height:1.625rem;background-color:rgba(255,255,255,.3);border-radius:50%;position:absolute;top:-0.5625rem;display:flex;align-items:center;justify-content:center;outline:none;margin-left:-0.6875rem}.player .watch-page-progress-bar .ui-state-default::before{content:"";display:block;width:.875rem;height:.875rem;background-color:#fff;border-radius:50%}.player .time-display-progress-num{border-radius:1.875rem;border:solid 1px #000;background-color:#fff;display:flex;align-items:center;width:11.0625rem;height:2.5rem;justify-content:center;font-size:1.25rem;font-weight:bold;margin:0 1.875rem}.player .time-display-progress-num .time-progress{color:#ff3841;font-family:"Roboto"}.player .time-display-progress-num .time-total{color:#a0a0a0;font-family:"Roboto"}.loading-wrap{position:fixed;left:0;right:0;bottom:0;top:0;width:100%;height:100%;display:flex;justify-content:center;z-index:100}.loading-wrap::before{content:"";background-color:rgba(0,0,0,.7);position:absolute;left:0;right:0;top:0;bottom:0}.loading-wrap .loading{z-index:101;display:flex;align-items:center}.loading-wrap .loading::before{content:"";display:block;width:120px;height:120px;background-image:url(../img/common_loarding.gif);background-repeat:no-repeat;background-size:100% auto}.login-area{background-image:url(../img/bg_login.png);background-size:75.625rem auto;background-position:top right;background-repeat:no-repeat;background-color:#fff;height:50rem;position:relative}.login-area *{font-family:"Noto Sans KR"}.login-area .btn-close{position:absolute;top:1.5rem;right:1.5rem}.login-area .btn-close::before{content:"";display:block;background-image:url(../img/btn_close.png);background-size:100% auto;background-repeat:no-repeat;width:4.0625rem;height:4.25rem}.login-area .login-frame{position:relative;width:880px;padding:107px 0 0 182px}.login-area .form-container{width:300px;height:580px;padding:0px 0 0 32px;display:flex;flex-direction:column}.login-area .form-container .logo::before{content:"";display:block;width:8.4375rem;height:7.9375rem;background-image:url(../img/logo_login.png);margin:16px auto}.login-area .form-container .input-item{position:relative}.login-area .form-container .input-item+.input-item{margin-top:15px}.login-area .form-container .input-item .btn-psw{position:absolute;right:15px;top:12px}.login-area .form-container .input-item .btn-psw::before{content:"";display:block;width:21px;height:21px;background-image:url(../img/btn_psw_off.png);background-size:21px auto}.login-area .form-container .input-item .btn-psw.on::before{background-image:url(../img/btn_psw_on.png)}.login-area .form-container .input-inner{border-radius:15px;background-color:#f4f4f4;height:45px;display:flex;align-items:center;padding:0 10px;gap:10px;font-size:14px}.login-area .form-container .input-inner input{flex:1;-webkit-box-shadow:0 0 0 1000px #f4f4f4 inset !important}.login-area .form-container .input-inner input::-ms-reveal,.login-area .form-container .input-inner input::-ms-clear{display:none}.login-area .form-container .input-inner input:focus{outline:0}.login-area .form-container .input-inner input::placeholder{color:#d6d6d6}.login-area .form-container .input-inner::before{content:"";display:block;width:20px;height:20px;background-repeat:no-repeat;background-size:100% auto;flex-shrink:0}.login-area .form-container .input-inner.id::before{background-image:url(../img/ic_id.png)}.login-area .form-container .input-inner.psw::before{background-image:url(../img/ic_pw.png)}.login-area .form-container .check-item{position:relative;margin-top:5px}.login-area .form-container .check-item .err-msg{font-size:12px;color:#ff3841;position:absolute;top:28px}.login-area .form-container .btn-area{display:flex;margin-top:33px}.login-area .form-container .btn-area .btn-login{border-radius:15px;box-shadow:0 4px 0 0 #aaafcd;background-color:#192878;font-size:16px;font-weight:bold;color:#fff;height:45px;flex:1}.login-area .form-container .btn-area .btn-login:disabled{background-color:#eaeaea;color:#aeaeae;box-shadow:0 4px 0 0 #d2d2d2;cursor:default}.login-area .form-container .find-list{margin-top:20px}.login-area .form-container .find-list ul{display:flex;justify-content:center}.login-area .form-container .find-list li{font-size:12px;display:flex;align-items:center}.login-area .form-container .find-list li::before{content:"";display:block;width:1px;height:8px;background-color:#bbb;margin:0 12px}.login-area .form-container .find-list li:first-child::before{display:none}.login-area .form-container .brand-collect{margin-top:18px;display:flex;gap:8.5px;justify-content:center}.login-area .form-container .brand-collect i{font-size:0}.login-area .form-container .brand-collect i::before{content:"";width:35px;height:35px;display:block;background-repeat:no-repeat;background-size:35px auto}.login-area .form-container .brand-collect i.ella::before{background-image:url(../img/ic_ella.png)}.login-area .form-container .brand-collect i.poly::before{background-image:url(../img/ic_poly.png)}.login-area .form-container .terms-list{margin-top:auto}.login-area .form-container .terms-list ul{display:flex;justify-content:center}.login-area .form-container .terms-list li{display:flex;align-items:center}.login-area .form-container .terms-list li a{color:#777;font-size:12px}.login-area .form-container .terms-list li::before{content:"";display:block;width:1px;height:8px;background-color:#bbb;margin:0 12px}.login-area .form-container .terms-list li:first-child::before{display:none}.login-area .form-container .copy-right{font-size:11px;text-align:center;color:#444;margin:4px -15px 0 -10px;padding-bottom:15px}.check-box input[type=checkbox]{display:none}.check-box input[type=checkbox]+label{display:flex;font-size:14px;gap:8px;align-items:center}.check-box input[type=checkbox]+label:before{content:"";display:block;width:20px;height:20px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.check-box input[type=checkbox]:checked+label:before{background-image:url(../img/check_on.png);border:none}@keyframes move-ani{0%{background-image:url(../img/character_eye_close.png)}1%{background-image:url(../img/character_eye_move.png)}2%{background-image:url(../img/character_default.png)}100%{background-image:url(../img/character_default.png)}}@keyframes rec-ani{50%{background-image:url(../img/ic_progress_red.png)}}.popup-layer{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.popup-layer .btn-close::before{content:"";display:block;background-image:url(../img/btn_close.png);background-size:100% auto;background-repeat:no-repeat;width:4.0625rem;height:4.25rem}.popup-layer .popup-header{padding:1.125rem 0;background-color:#192878;border-radius:1.25rem 1.25rem 0 0;text-align:center;font-size:1.5625rem;font-weight:bold;color:#fff}.popup-layer .popup-body{background-color:#fff;border-radius:0 0 1.25rem 1.25rem}.popup-layer .btn-area{display:flex;gap:.625rem;margin:0 .625rem .625rem}.popup-layer .btn-area button{border-radius:.9375rem;font-size:1rem;font-weight:bold;height:3.125rem;flex:1;font-family:"Roboto"}.popup-layer .btn-area button.gray{background-color:#e7ecf5;color:#959aaa}.popup-layer .btn-area button.basic{background-color:#25358c;color:#fff}.popup-layer.express{border-radius:1.25rem;width:40rem}.popup-layer.express .popup-body .text-guide{padding:1.25rem 1.875rem 0 1.875rem;font-size:1.25rem;font-weight:500}.popup-layer.express .popup-body .img-cont{padding:1.25rem 1.875rem 1.875rem}.popup-layer.express .popup-body .img-cont img{width:100%}.popup-layer.express .btn-close{position:absolute;top:-2.125rem;right:-2rem}.popup-layer.round .img-done{width:22.1875rem;height:22.1875rem;margin:-5.1875rem auto .3125rem auto}.popup-layer.round .img-done img{margin-left:-2.0625rem}.popup-layer.round .text-done{font-size:1.75rem;line-height:1.39;color:#fff;text-align:center}.popup-layer.round .text-done p{font-size:2.125rem;font-weight:900}.popup-layer.setting{width:24.375rem;background-color:#fff;border-radius:1.25rem;display:flex;flex-direction:column;row-gap:2.25rem;font-family:"Roboto";padding-top:2rem}.popup-layer.setting .bx-colum{padding:0 1.875rem}.popup-layer.setting .bx-colum .tit{font-size:1rem;font-weight:bold;font-family:"Roboto"}.popup-layer.setting .bx-colum .range-area{display:flex;align-items:center}.popup-layer.setting .bx-colum .range-area.volume{padding-top:.875rem}.popup-layer.setting .bx-colum .range-area.voice{padding-top:.375rem}.popup-layer.setting .bx-colum .range-area [class^=btn]::before{content:"";display:block;width:2.375rem;height:2.375rem;background-repeat:no-repeat;background-size:100% auto}.popup-layer.setting .bx-colum .range-area [class^=btn]:first-child{margin-right:.75rem}.popup-layer.setting .bx-colum .range-area .btn-volume::before{background-image:url(../img/ic_sound_on.png)}.popup-layer.setting .bx-colum .range-area .btn-volume.mute::before{background-image:url(../img/ic_sound_off.png)}.popup-layer.setting .bx-colum .range-area .btn-slow::before{background-image:url(../img/ic_slowly.png)}.popup-layer.setting .bx-colum .range-area .btn-quick::before{background-image:url(../img/ic_quickly.png)}.popup-layer.setting .bx-colum .range-area .ui-widget-content{width:14.375rem;height:.5rem;border-radius:1.25rem;display:flex;align-items:center;box-sizing:border-box;position:relative;margin:0 1rem 0 0;background-color:#e9e9e9;flex:none}.popup-layer.setting .bx-colum .range-area .ui-widget-content .ui-widget-header{display:block;height:100%;border-radius:1.25rem;box-sizing:border-box}.popup-layer.setting .bx-colum .range-area .ui-widget-content .ui-state-default{display:block;width:1.6875rem;height:1.6875rem;border-radius:50%;margin:0 0 0 -0.625rem;box-sizing:border-box;outline:0;flex:none}.popup-layer.setting .bx-colum .range-area .ui-figure{width:2.375rem;font-family:"Roboto";font-size:1.375rem;font-weight:bold;color:#00bae2;line-height:1.27;text-align:center}.popup-layer.setting .bx-colum .range-area.volume .ui-widget-header{background-color:#00bae2}.popup-layer.setting .bx-colum .range-area.volume .ui-state-default{border:solid .125rem #43a2c0;background-color:#00bae2;box-shadow:0 1px 3px 0 rgba(0,0,0,.25)}.popup-layer.setting .bx-colum .range-area.voice .ui-widget-header{background-color:#d9468c}.popup-layer.setting .bx-colum .range-area.voice .ui-state-default{box-shadow:0 1px 3px 0 rgba(0,0,0,.25);border:solid .125rem #a93a6f;background-color:#d9468c}.popup-layer.setting .btn-area{margin-top:1.375rem}.popup-layer.edit{height:50rem;padding:5.5625rem .625rem 0 3.75rem;box-sizing:border-box;transform:translate(0%, 0%);top:0;left:0;right:0}.popup-layer.edit .btn-close{position:absolute;top:1.5rem;right:1.5rem}.popup-layer.vod{background-color:#000;width:100%;height:100%}.popup-layer.vod .play-area{width:100%;height:100%;position:relative}.popup-layer.vod .play-area video{display:block;margin:0 auto;width:64.875rem;height:100%}.popup-layer.vod .btn-close{position:absolute;top:1.5rem;right:1.5rem}.popup-layer.play-done{width:400px;height:100%}.popup-layer.play-done .play-info{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:0;left:0;right:0}.popup-layer.play-done .play-info::after{content:"";display:block;background-image:url(../img/character_select.png);background-repeat:no-repeat;background-size:100% auto;width:400px;height:559px}.popup-layer.play-done .bubble-bx{width:16.66875rem;height:10.95625rem;font-size:18px;line-height:26px;box-sizing:border-box;text-align:center;background-image:url(../img/bg_bubble.png);background-repeat:no-repeat;background-size:auto 10.9562rem;padding:26px 26px 70px;color:#222}.popup-layer.play-done .bubble-bx *{font-family:"Roboto"}.popup-layer.play-done .bubble-bx .text-emp{font-weight:bold}.popup-layer.play-done .bubble-bx .text-emp .num{font-size:24px;line-height:24px;color:#192878}.popup-layer.play-done .play-btn-area{position:absolute;left:0;right:0;bottom:266px;display:flex;justify-content:space-around}.popup-layer.play-done .play-btn-area button{width:134px;height:134px;box-shadow:inset 7px 11px 2px 0 rgba(0,0,0,.2);border:solid 7px #fff;border-radius:50%;color:#fff;font-size:33px;font-weight:bold}.popup-layer.play-done .play-btn-area button.red{background-color:#ff6069}.popup-layer.play-done .play-btn-area button.sky-blue{background-color:#1abaed}.popup-layer.common{width:24.375rem;background-color:#fff;border-radius:1.25rem;display:flex;flex-direction:column}.popup-layer.common *{font-family:"Roboto"}.popup-layer.common .popup-body{padding:0 .625rem;text-align:center;min-height:80px;border-radius:1.25rem 1.25rem 0 0}.popup-layer.common .popup-body i[class^=ic]{display:block;margin-top:2.25rem}.popup-layer.common .popup-body i[class^=ic]::before{content:"";display:block;width:6.25rem;height:6.25rem;background-repeat:no-repeat;background-size:100% auto;margin:0 auto}.popup-layer.common .popup-body i[class^=ic]+.title{padding-top:1.25rem}.popup-layer.common .popup-body i[class^=ic]+.title+.text-msg{padding-top:.625rem}.popup-layer.common .popup-body i[class^=ic]+.text-msg{padding-top:1.4375rem}.popup-layer.common .popup-body .ic-excl::before{background-image:url(../img/ic_excl.png)}.popup-layer.common .popup-body .ic-chk::before{background-image:url(../img/ic_chk_yell.png)}.popup-layer.common .popup-body .ic-leave::before{background-image:url(../img/ic_leave.png)}.popup-layer.common .popup-body .title{font-size:1.25rem;font-weight:bold}.popup-layer.common .popup-body .text-msg{padding-top:2.5rem;font-size:1.125rem;font-weight:500;line-height:1.56;color:#444}.popup-layer.common .popup-body .text-msg+.text-error{padding-top:3px;line-height:1.57}.popup-layer.common .popup-body .text-error{font-size:.875rem;color:#999;padding-top:1.4375rem}.popup-layer.common .popup-body .text-error+.text-msg{padding-top:.625rem}.popup-layer.common .btn-area{padding-top:1.875rem}.popup-layer.info-large{width:40rem}.popup-layer.info-large .popup-header{position:relative;text-align:center;display:flex;justify-content:center}.popup-layer.info-large .popup-header .btn-back{position:absolute;top:21px;left:21px}.popup-layer.info-large .popup-header .btn-back::before{content:"";display:block;width:32px;height:32px;background-image:url(../img/btn_back__pop.png);background-size:32px auto}.popup-layer.info-large .popup-body{padding-bottom:1.25rem}.popup-layer.info-large .popup-body .my-info{padding:34px 0 35px}.popup-layer.info-large .popup-body .my-info .my-info__item{display:flex;justify-content:space-between;padding:12px 34px;font-size:20px}.popup-layer.info-large .popup-body .my-info .my-info__item dt{color:#999;width:50%}.popup-layer.info-large .popup-body .my-info .my-info__item dd{text-align:right;width:50%}.popup-layer.info-large .popup-body .my-withdraw{padding:36px 26px 19px 26px}.popup-layer.info-large .popup-body .my-withdraw .my-withdraw__item{display:flex;flex-direction:column}.popup-layer.info-large .popup-body .my-withdraw p{font-weight:600;color:#222;padding-bottom:20px}.popup-layer.info-large .popup-body .my-withdraw .my-withdraw__detail{background-color:#f4f4f4;padding:12px 14px 12px 18px;border-radius:10px;font-size:14px}.popup-layer.info-large .popup-body .my-withdraw .my-withdraw__detail ul{padding-left:16px}.popup-layer.info-large .popup-body .my-withdraw .my-withdraw__detail ul li{padding:6px 0;list-style:auto;color:#444;letter-spacing:-1.3px}.popup-layer.info-large .popup-body .my-withdraw .check-box{margin:8px 2px 8px auto}.popup-layer.info-large .popup-body .my-withdraw .check-box label{font-size:15px;color:#999}.popup-layer.info-large .popup-body .my-withdraw .input-inner{border-radius:10px;background-color:rgba(200,200,200,.2);padding:0 18px;height:40px}.popup-layer.info-large .popup-body .my-withdraw .input-inner input[type=password]{width:100%;height:40px;font:large Verdana,sans-serif;letter-spacing:1px}.popup-layer.info-large .popup-body .my-withdraw .input-inner input[type=password]:focus{outline:none}.popup-layer.info-large .popup-body .my-withdraw .input-inner input[type=password]::-ms-reveal,.popup-layer.info-large .popup-body .my-withdraw .input-inner input[type=password]::-ms-clear{display:none}.popup-layer.info-large .popup-body .btn-area{justify-content:center;margin:0 auto}.popup-layer.info-large .popup-body .btn-area button{display:inline-flex;justify-content:center;align-items:center;flex:initial;padding:0 45px}.popup-layer.info-large .popup-body .btn-area button:disabled{background-color:#eaeaea}.popup-layer.info-large .btn-close{position:absolute;top:-2.125rem;right:-2rem;z-index:1}.popup-layer.info-middle{width:500px}.popup-layer.info-middle .popup-body{padding-bottom:1.25rem}.popup-layer.info-middle .popup-body .notice-info{padding:36px 20px 0 20px}.popup-layer.info-middle .popup-body .notice-info__text{text-align:center;font-size:18px;font-weight:600;color:#222;line-height:1.5;padding:0 14px 46px 18px}.popup-layer.info-middle .popup-body .notice-info__detail{position:relative;padding:33px 0 25px;border-radius:10px;background-color:#ebf1f8;font-size:18px;font-weight:bold;color:#444;line-height:1.56;text-align:center}.popup-layer.info-middle .popup-body .notice-info__detail .sub-title{position:absolute;left:0;right:0;top:-15px}.popup-layer.info-middle .popup-body .notice-info__detail .sub-title p{border-radius:60px;border:solid 1px #3c2481;color:#3c2481;background-color:#fff;display:inline-block;padding:4px 16px 7px 16px;line-height:1}.popup-layer.info-middle .popup-body .notice-area{padding:0 20px}.popup-layer.info-middle .popup-body .notice-area .notice-tit{font-size:20px;line-height:27px;color:#222;font-weight:500;text-align:center;padding:33px 0 22px}.popup-layer.info-middle .popup-body .notice-area .flex-center{display:flex;align-items:center;justify-content:center}.popup-layer.info-middle .popup-body .notice-area .notice-box{background-color:#f4f6ff;border-radius:10px;padding:20px 30px}.popup-layer.info-middle .popup-body .notice-area .notice-box .text{font-size:18px;line-height:27px;font-weight:500;color:#222}.popup-layer.info-middle .popup-body .notice-area .notice-box .text.center{text-align:center}.popup-layer.info-middle .popup-body .btn-area{margin:25px auto 0 auto;justify-content:center}.popup-layer.info-middle .popup-body .btn-area button{display:inline-flex;justify-content:center;align-items:center;flex:initial;width:180px}.popup-layer.edge{width:1024px;border-radius:1.875rem;border:solid 6px #192878;border-top:0}.popup-layer.edge .btn-close{position:absolute;top:-2.0312rem;right:-2.0312rem}.popup-layer.edge .popup-body{height:509px}.popup-layer.edge .swiper.lesson [class^=swiper-button]{top:284px}.popup-layer.edge.word{width:1120px}.popup-layer.edge.word .popup-body{height:599px}.lesson-status__list{border-collapse:collapse;border-top:2px solid #192878;border-bottom:1px solid #b8b8b8;background-color:#fff;width:850px;margin:62px auto 0 auto;font-size:16px;color:#444;text-align:center}.lesson-status__list *{font-family:"Roboto"}.lesson-status__list .thead{display:flex;align-items:center;height:50px}.lesson-status__list .thead li{flex:1;font-weight:bold}.lesson-status__list .tbody li{display:flex;height:50px;align-items:center}.lesson-status__list .tbody li:nth-child(odd){background-color:#f4f5fb;border-radius:10px}.lesson-status__list .tbody li .cell{flex:1}.lesson-status__list .tbody li .cell .stat-comp{font-weight:bold;color:#2faa04;display:inline-flex;align-items:center;gap:2px}.lesson-status__list .tbody li .cell .stat-comp::before{content:"";display:block;width:25px;height:25px;background-image:url(../img/ic_complete.png);background-size:25px auto;background-repeat:no-repeat}.lesson-status__list .tbody li .cell .stat-ytb{color:#aeaeae;margin-left:10px}.lesson-status__list .tbody li .cell .tp{display:flex;align-items:center;gap:10px}.lesson-status__list .tbody li .cell .tp::before{content:"";width:1px;height:8px;display:block;background-color:#bbb}.lesson-status__list .tbody li .cell:has(.tp){display:flex;justify-content:center;gap:10px}.lesson-list{display:flex}.lesson-list .bx>div{position:relative;padding:20px 0px;border-radius:17px;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);border:solid 2px #e5e7ef;background-color:rgba(255,255,255,.9);display:block;box-sizing:border-box}.lesson-list .bx>div dl{text-align:center}.lesson-list .bx>div dt{border-radius:30px;background-color:#f3f5fc;display:inline-flex;font-family:"Nunito";font-size:15px;font-weight:800;padding:4px 10px 4px 12px;color:#182878}.lesson-list .bx>div dd{display:flex;justify-content:center}.lesson-list .bx>div dd .qt{margin-top:20px;width:64px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 3px 0 0 rgba(0,0,0,.25);border:solid 4px #fff;background-color:#e9ecff;color:#192878;font-family:GothamRounded;font-size:20px;font-weight:bold;box-sizing:border-box;flex:none}.lesson-list .bx>div dd .qt.chk{background-color:#17c5eb;color:#fff}.lesson-list .bx>div dd i[class^=ic]::before{content:"";display:block}.lesson-list .bx>div dd .ic-ella{border:solid 2px #8ec3e0;border-radius:50%}.lesson-list .bx>div dd .ic-ella::before{background-image:url(../img/ic_ella_unit.png);width:30px;height:30px}.lesson-list .bx>div dd .ic-video::before{background-image:url(../img/ic_video.png);width:34px;height:34px}.lesson-list .bx.active>div{border:solid 2px #192878}.lesson-list .bx.complete>div{box-shadow:0 4px 4px 0 rgba(0,0,0,.1);border:solid 2px #34cced;background-color:rgba(212,247,255,.9);border-radius:17px}.lesson-list .bx.complete>div::before{content:"";display:block;background-image:url(../img/ic_activities_chk.png);background-size:40px auto;width:40px;height:40px;position:absolute;right:-16px;top:-17px}.lesson-list .bx.complete dt{background-color:#fff;color:#192878}.lesson-list .bx .disabled{pointer-events:none;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);border:solid 2px #e5e7ef;background-color:rgba(247,248,251,0.9019607843)}.lesson-list .bx .disabled dt{color:#c9c9c9;background-color:#fff}.lesson-list .bx .disabled .qt{box-shadow:0 3px 0 0 rgba(0,0,0,.25);background-color:#f1f2f5;color:silver}.lesson-list:has(.item-idea){column-gap:40px;row-gap:26px;flex-wrap:wrap;width:880px;margin:0 auto}.lesson-list:has(.item-topic){max-width:840px}.lesson-list:has(.item-topic) .swiper-slide{gap:27px}.lesson-list:has(.item-topic) .bx .item-topic{width:226px;height:150px;padding:38px 27px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);border:solid 2px #dde1f8;text-align:center;display:flex;justify-content:center;align-items:center}.lesson-list:has(.item-topic) .bx .item-topic .text{font-size:20px;font-weight:bold;font-family:"Noto Sans KR";overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.lesson-list:has(.item-topic) .bx.complete .item-topic{color:#17c5eb}.lesson-list:has(.item-story) .swiper-slide{gap:30px}.lesson-list:has(.item-story) .bx .item-story{width:260px;height:180px;display:block;opacity:.9}.lesson-list:has(.item-story) .bx .item-story dl{padding:0 10.7px;margin-bottom:14px}.lesson-list:has(.item-story) .bx .item-story dd.text{height:66px;font-family:"Nunito";font-size:1rem;font-weight:bold;line-height:1.38;color:#222;margin:.5625rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.lesson-list:has(.item-story) .bx .item-story dd:nth-of-type(1):nth-last-child(1){-webkit-line-clamp:5;height:102px;line-height:1.28}.lesson-list:has(.item-story) .bx .item-story dd.icons{display:flex;align-items:center;justify-content:flex-start;gap:10px}.lesson-list:has(.item-story) .bx .item-story.empty{background-color:#f3f6fc;box-shadow:initial;border:initial;display:flex;align-items:center;justify-content:center}.lesson-list:has(.item-story) .bx .item-story.empty::before{content:"";display:block;width:88px;height:88px;background-image:url(../img/bg_empty.png);background-repeat:no-repeat;background-size:100% auto}.lesson-list .item-idea{width:190px;height:140px}.lesson-list .item-idea dl dd{gap:13px}.swiper.unit{width:1015px}.swiper.unit .swiper-slide{flex-wrap:initial;justify-content:center}.swiper.story-unit{width:855px;margin:0 auto}.swiper.story-unit ul{flex-wrap:wrap}.topic-select__area{margin:110px 0 0;text-align:center}.topic-select__area .select-box{text-align:left}.topic-select__area .text-box{text-align:center;font-family:"Nunito";font-size:20px;font-weight:800;padding-top:26px}.tab-area{border-radius:20px;overflow:hidden;border:solid 1px #bec6f0;width:62.5rem}.tab-area .tab-menu{background-color:#00aed3;display:flex;height:68px;align-items:flex-end}.tab-area .tab-menu li{display:flex}.tab-area .tab-menu li>[class^=btn]{font-size:0;display:flex;align-items:flex-end;cursor:pointer}.tab-area .tab-menu li>[class^=btn]::before{content:"";display:block;background-repeat:no-repeat;background-size:100% auto;margin:0 auto;padding-bottom:9px}.tab-area .tab-menu li>[class^=btn][class*=all]{width:177px;height:56px}.tab-area .tab-menu li>[class^=btn][class*=all]::before{background-image:url(../img/btn_all.png);width:86px;height:38px}.tab-area .tab-menu li>[class^=btn][class*=idea]{width:268px;height:56px}.tab-area .tab-menu li>[class^=btn][class*=idea]::before{background-image:url(../img/btn_idea.png);width:199px;height:41px}.tab-area .tab-menu li>[class^=btn][class*=story]{width:268px;height:56px}.tab-area .tab-menu li>[class^=btn][class*=story]::before{background-image:url(../img/btn_story.png);width:163px;height:26px;padding-bottom:16px}.tab-area .tab-menu li>[class^=btn][class*=chit]{width:217px;height:56px}.tab-area .tab-menu li>[class^=btn][class*=chit]::before{background-image:url(../img/btn_chit.png);width:151px;height:39px}.tab-area .tab-menu li>[class^=btn][class*=role]{width:267px;height:56px}.tab-area .tab-menu li>[class^=btn][class*=role]::before{background-image:url(../img/btn_role.png);width:156px;height:39px;padding-bottom:5px}.tab-area .tab-menu li.active>[class^=btn]::before{padding-bottom:0;background-position:0 2px}.tab-area .tab-menu li.active>[class^=btn][class*=all]::before{background-image:url(../img/btn_all_on.png);width:177px;height:56px}.tab-area .tab-menu li.active>[class^=btn][class*=idea]::before{background-image:url(../img/btn_idea_on.png);width:268px;height:56px}.tab-area .tab-menu li.active>[class^=btn][class*=story]::before{background-image:url(../img/btn_story_on.png);width:268px;height:56px}.tab-area .tab-menu li.active>[class^=btn][class*=chit]::before{background-image:url(../img/btn_chit_on.png);width:217px;height:56px}.tab-area .tab-menu li.active>[class^=btn][class*=role]::before{background-image:url(../img/btn_role_on.png);width:268px;height:56px}.tab-area .tab-cont{height:448px;background-color:#fff}.tab-area .tab-cont .cont{height:100%;display:none;position:relative}.tab-area .tab-cont .cont.active{display:block}.tab-area .tab-cont .cont .swiper .lesson-status__list{margin-top:45px;width:820px}.tab-area .tab-cont .cont .swiper [class^=swiper-button]{top:194px}.tab-area .tab-cont .cont .swiper [class^=swiper-button][class*=prev]{left:15px}.tab-area .tab-cont .cont .swiper [class^=swiper-button][class*=next]{right:15px}.tab-area .tab-cont .cont .swiper .swiper-pagination{margin-top:20px}.tab-area .tab-cont .cont .swiper.role .lesson-status__list{margin-top:90px}.tab-area .tab-cont .cont .swiper.role .swiper-pagination{margin-top:74px}.tab-area .tab-cont .cont.no-data{display:flex;justify-content:center;align-items:flex-end;background:url(../img/bg_book.png) 50% calc(50% - 1rem)/17.5rem auto no-repeat}.tab-area .tab-cont .cont.no-data::before{padding-bottom:5.625rem;font-size:1.625rem;font-weight:800;line-height:2rem;color:#ccc;content:"No data to show"}.tab-area .tab-cont .sticker-area{display:flex;padding:1.5625rem 2.5rem 1rem 3.125rem;height:100%;box-sizing:border-box;gap:3.125rem}.tab-area .tab-cont .sticker-area::before{position:absolute;top:5.875rem;left:50%;width:2px;height:230px;margin-left:-1px;background-image:linear-gradient(to bottom, rgba(204, 209, 226, 0) 4%, #ccd1e2 55%, rgba(204, 209, 226, 0) 100%);content:""}.tab-area .tab-cont .sticker-area:has(.bx:first-child ul li:nth-child(26))::before{left:calc(50% + 8px)}.tab-area .tab-cont .sticker-area .bx{flex:1;position:relative;display:flex;flex-direction:column}.tab-area .tab-cont .sticker-area .bx ul{display:flex;column-gap:1.375rem;row-gap:.4375rem;flex-wrap:wrap;overflow-y:auto;height:calc(100% - 54px)}.tab-area .tab-cont .sticker-area .bx ul::-webkit-scrollbar{width:8px}.tab-area .tab-cont .sticker-area .bx ul::-webkit-scrollbar-thumb{background:#bebebe;border-radius:4px}.tab-area .tab-cont .sticker-area .bx ul::-webkit-scrollbar-track-piece,.tab-area .tab-cont .sticker-area .bx ul::-webkit-scrollbar-button{display:none}.tab-area .tab-cont .sticker-area .bx ul li{width:4.0625rem;height:4.0625rem;position:relative}.tab-area .tab-cont .sticker-area .bx ul li::before{content:"";display:block;position:absolute;top:50%;left:50%;background-image:url(../img/stc_default.png);background-size:100% auto;background-repeat:no-repeat;width:2.375rem;height:2.375rem;transform:translate(-50%, -50%)}.tab-area .tab-cont .sticker-area .bx ul li i{position:relative;z-index:1}.tab-area .tab-cont .sticker-area .bx ul li i::before{content:"";display:block;height:100%;background-size:100% auto;background-repeat:no-repeat}.tab-area .tab-cont .sticker-area .bx ul li .star::before{background-image:url(../img/stc_star.png)}.tab-area .tab-cont .sticker-area .bx ul li .sun::before{background-image:url(../img/stc_sun.png)}.tab-area .tab-cont .sticker-area .bx ul li .heart::before{background-image:url(../img/stc_heart.png)}.tab-area .tab-cont .sticker-area .bx ul li .hand::before{background-image:url(../img/stc_hand.png)}.tab-area .tab-cont .sticker-area .bx ul li .wow::before{background-image:url(../img/stc_wow.png)}.tab-area .tab-cont .sticker-area .bx ul li .petal::before{background-image:url(../img/stc_petal.png)}.tab-area .tab-cont .sticker-area .bx ul li .smile::before{background-image:url(../img/stc_smile.png)}.tab-area .tab-cont .sticker-area .bx ul li .rocket::before{background-image:url(../img/stc_rocket.png)}.tab-area .tab-cont .sticker-area .bx ul li .bear::before{background-image:url(../img/stc_bear.png)}.tab-area .tab-cont .sticker-area .bx ul li .great::before{background-image:url(../img/stc_great.png)}.tab-area .tab-cont .sticker-area .bx .count{font-size:18px;margin-top:auto;padding-left:.875rem;height:34px;display:flex;align-items:center;gap:16px;font-family:"Roboto";font-weight:bold}.tab-area .tab-cont .sticker-area .bx .count .number{display:block;width:106px;line-height:34px;border-radius:10px;background-color:#f3f5fc;text-align:center;font-family:"Roboto";font-weight:bold}.inner-speaking{display:flex;height:50rem;padding:1.875rem 1.875rem 1.875rem 0;box-sizing:border-box;flex-flow:row nowrap;background-color:#192878}.inner-speaking .logo{font-size:0}.inner-speaking .logo::before{content:"";width:135px;height:127px;display:block;background-image:url(../img/logo_login.png);background-repeat:no-repeat;margin:0 auto}.inner-speaking .menu{margin-top:1.25rem}.inner-speaking .menu li{cursor:pointer}.inner-speaking .menu li+li{margin-top:.875rem}.inner-speaking .menu li:nth-child(1) span{display:block;font-size:0}.inner-speaking .menu li:nth-child(1) span::before{content:"";display:block;width:10.75rem;height:4.625rem;background-image:url(../img/menu_01.png);background-size:100% auto;background-repeat:no-repeat}.inner-speaking .menu li:nth-child(1).on span::before{background-image:url(../img/menu_01_on.png)}.inner-speaking .menu li:nth-child(2) span{display:block;font-size:0}.inner-speaking .menu li:nth-child(2) span::before{content:"";display:block;width:10.75rem;height:4.625rem;background-image:url(../img/menu_02.png);background-size:100% auto;background-repeat:no-repeat}.inner-speaking .menu li:nth-child(2).on span::before{background-image:url(../img/menu_02_on.png)}.inner-speaking .menu li:nth-child(3) span{display:block;font-size:0}.inner-speaking .menu li:nth-child(3) span::before{content:"";display:block;width:10.75rem;height:4.625rem;background-image:url(../img/menu_03.png);background-size:100% auto;background-repeat:no-repeat}.inner-speaking .menu li:nth-child(3).on span::before{background-image:url(../img/menu_03_on.png)}.inner-speaking .menu li:nth-child(4) span{display:block;font-size:0}.inner-speaking .menu li:nth-child(4) span::before{content:"";display:block;width:10.75rem;height:4.625rem;background-image:url(../img/menu_04.png);background-size:100% auto;background-repeat:no-repeat}.inner-speaking .menu li:nth-child(4).on span::before{background-image:url(../img/menu_04_on.png)}.inner-speaking .contents{background:url(../img/speaking_hub_bg.jpg) 50%/cover no-repeat}.inner-speaking .contents .title::before{background-color:#17c5eb}.inner-speaking .nav-bar{display:flex;padding:0 .5625rem;flex-flow:column wrap;align-items:center}.inner-speaking .nav-bar span{font-family:"Pathfinder-B";color:rgba(255,255,255,.5)}.inner-speaking .nav-bar .btn-exit{width:8.75rem;height:2.5rem;margin-top:auto;background:url(../img/btn_exit.png) 50%/contain no-repeat;font-size:0;cursor:pointer}.inner-speaking .contents{display:flex;position:relative;max-width:66.25rem;padding:1.25rem 1.875rem 1.875rem;flex-flow:column wrap;flex:1;border-radius:1.25rem;box-sizing:border-box}.inner-speaking .contents .flex-top{position:relative;display:flex;align-items:center;height:120px}.inner-speaking .contents .title{display:flex;font-family:"Pathfinder-B";font-size:2.125rem;line-height:2.9375rem;align-items:center}.inner-speaking .contents .title::before{width:.3125rem;height:1.5625rem;margin-left:0;margin-right:.5625rem;content:""}.inner-speaking .contents .title-desc{display:block;margin-top:.1rem;padding-left:1.1875rem;font-size:1.25rem;line-height:1.35;color:#666}.inner-speaking .contents .sub-menu{display:flex;width:100%;flex:1;justify-content:center;align-items:center}.inner-speaking .contents .sub-menu .btn{cursor:pointer}.inner-speaking .contents .sub-menu .btn::before{content:"";display:block;width:19.75rem;height:21.9375rem;background-size:100% auto;background-repeat:no-repeat}.inner-speaking .contents .sub-menu .btn.idea::before{background-image:url(../img/btn_idea_exchange.png)}.inner-speaking .contents .sub-menu .btn.story::before{background-image:url(../img/btn_story_vlog.png)}.inner-speaking .contents .sub-menu .btn.chit::before{background-image:url(../img/btn_chit_chat.png)}.inner-speaking .contents .sub-menu .btn.role::before{background-image:url(../img/btn_rollplay.png)}.inner-speaking .user{display:flex;text-align:right;box-sizing:border-box;align-items:center;position:absolute;right:-52px;top:0;width:23rem;height:7.5rem;background:url(../img/user_tag.png) 100% 50%/contain no-repeat}.inner-speaking .user a{display:inherit;width:100%;padding:0rem .9375rem 0rem 1.5625rem;box-sizing:inherit}.inner-speaking .user .info{width:calc(100% - 3.375rem);padding:0 .6437rem 0 2.7312rem;color:#fff;box-sizing:border-box;line-height:1.39;font-size:1.0625rem}.inner-speaking .user .info .name{display:block;overflow:hidden;font-family:"Pathfinder-B";white-space:nowrap;text-overflow:ellipsis}.inner-speaking .user .info .level{font-family:"Noto Sans KR";font-size:1.125rem}.inner-speaking .user .pic{overflow:hidden;width:3.125rem;height:3.125rem;border:2px solid #fff;border-radius:50%;box-sizing:border-box}.inner-speaking .user .pic img{width:100%;max-width:100%}.container{height:100%}.container:has(.unit-wrap){background-image:url(../img/bg3.png);background-size:1280px auto}.unit-wrap{position:relative;border-radius:20px;box-shadow:0 4px 24px 0 rgba(26,35,58,.25);border:solid 1px #dde1f8;padding:10px;background-color:#fff;margin:30px;background-image:url(../img/bg_unit.png);background-size:1197px auto;background-position:10px 148px;background-repeat:no-repeat;display:flex;flex-direction:column;height:calc(100% - 150px)}.unit-wrap .role-breadcrumb{margin-top:50px}.unit-wrap .role-breadcrumb dl{border:solid 3px #17c5eb}.unit-wrap .lesson-area::before{content:"";display:block;position:absolute}.unit-wrap .lesson-area.idea{padding-top:6px}.unit-wrap .lesson-area.idea::before{width:196px;height:319px;background-image:url(../img/bg_idea.png);right:25px;bottom:60px}.unit-wrap .lesson-area.role::before{width:267px;height:321px;background-image:url(../img/bg_role.png);right:46px;bottom:52px}.unit-wrap .lesson-area.story{padding-top:23px;padding-right:31px}.unit-wrap .lesson-area.story::before{width:195px;height:342px;background-image:url(../img/bg_story.png);right:34px;bottom:58px}.unit-wrap .frame{margin-top:38px}.unit-wrap .swiper{padding:15px 0;margin:0 auto}.progress-wrap{width:1000px;height:522px;border-radius:20px;border:solid 1px #bec6f0;background-color:#fff;box-sizing:border-box;margin-top:46px}.progress-wrap .today{text-align:center;padding:47px 0 40px}.progress-wrap .today *{font-family:"Roboto"}.progress-wrap .today .date{border-radius:50px;background-color:#f3f5fc;line-height:50px;display:inline-block;font-size:20px;padding:0 20px}.progress-wrap .graph-area{display:flex}.progress-wrap .graph-area .item{flex:1;position:relative;justify-content:center;align-items:center;display:flex;flex-direction:column}.progress-wrap .graph-area .item .graph-tit{font-size:26px;font-weight:800;font-family:"Nunito";color:#444;padding-bottom:40px}.progress-wrap .graph-area .item .btn-area{text-align:center;z-index:1}.progress-wrap .graph-area .item .btn-area a{font-size:16px;font-weight:800;border-radius:15px;box-shadow:0 4px 0 0 rgba(73,87,165,.4);border:solid 1px #b6bcdb;background-color:#f6f8ff;width:117px;height:45px;line-height:45px;margin:0 auto;color:#192878;display:block}.progress-wrap .graph-area .item:first-child::before{content:"";width:2px;height:230px;background-image:linear-gradient(to bottom, rgba(204, 209, 226, 0) 4%, #ccd1e2 55%, rgba(204, 209, 226, 0) 100%);position:absolute;right:0;top:70px}.donut-type{position:relative;width:202px;height:206px}.donut-type .percent{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:130px;height:130px;display:flex;align-items:center;justify-content:center}.donut-type .percent .sp-bubble{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;line-height:.68;letter-spacing:-0.05em;color:#fff;font-family:"Nunito";font-size:30px;font-weight:800;border-radius:50%;background-color:#7886a6;width:80px;height:80px}.donut-type .percent .sp-bubble .arr{position:absolute;left:0;bottom:0;transform:rotate(0deg);width:80px;height:80px}.donut-type .percent .sp-bubble .arr::before{content:"";position:absolute;bottom:0px;left:4px;border-left:20px solid #7886a6;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);transform:rotate(12deg)}.donut-type .percent em{font-size:15px;font-style:normal}.donut-type svg{transform:rotate(135deg)}.donut-type svg.dot{position:absolute;right:0;top:0px;width:130px;height:130px;left:0px;transform:rotate(0deg)}.donut-type .point{position:absolute;right:0;top:36px;width:130px;height:130px;left:36px;transform:rotate(-90deg)}.donut-type.bg-ie svg circle.ratio{stroke:#fc6dc1}.donut-type.bg-sv svg circle.ratio{stroke:#8360ff}.donut-type.bg-role svg circle.ratio{stroke:#abe20f}.report-wrap .sub-head{display:flex;justify-content:space-between;padding-bottom:10px}.report-wrap .sub-head h3{font-size:24px;font-weight:bold;color:#444;font-family:"GothamRounded"}.report-wrap .sub-head .btn-word a{border-radius:10px;border:solid 1px rgba(255,255,255,.7);background-color:#14abcc;font-family:"Roboto";font-size:16px;font-weight:700;color:#fff;width:169px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.report-wrap .sub-head .btn-word a::before{content:"";display:block;width:30px;height:30px;background-image:url(../img/ic_cloud.png);background-repeat:no-repeat;background-size:100% auto}.report-wrap .sub-head .btn-word.disabled a{background-color:#eaeaea;color:#aeaeae;pointer-events:none}.report-wrap .sub-head .btn-word.disabled a::before{background-image:url(../img/ic_cloud_disabled.png)}.word-list{position:relative}.word-list .fs-13{font-size:13px}.word-list .fs-14{font-size:14px}.word-list .fs-15{font-size:15px}.word-list .fs-16{font-size:16px}.word-list .fs-17{font-size:17px}.word-list .fs-18{font-size:18px}.word-list .fs-19{font-size:19px}.word-list .fs-20{font-size:20px}.word-list .fs-21{font-size:21px}.word-list .fs-22{font-size:22px}.word-list .fs-23{font-size:23px}.word-list .fs-24{font-size:24px}.word-list .fs-25{font-size:25px}.word-list .fs-26{font-size:26px}.word-list .fs-27{font-size:27px}.word-list .fs-28{font-size:28px}.word-list .fs-29{font-size:29px}.word-list .fs-30{font-size:30px}.word-list .fs-31{font-size:31px}.word-list .fs-32{font-size:32px}.word-list .fs-33{font-size:33px}.word-list .fs-34{font-size:34px}.word-list .fs-35{font-size:35px}.word-list .fs-36{font-size:36px}.word-list .fs-37{font-size:37px}.word-list .fs-38{font-size:38px}.word-list .fs-39{font-size:39px}.word-list .fs-40{font-size:40px}.word-list .fs-41{font-size:41px}.word-list .fs-42{font-size:42px}.word-list .fs-43{font-size:43px}.word-list .fs-44{font-size:44px}.word-list .fs-45{font-size:45px}.word-list .fs-46{font-size:46px}.word-list .fs-47{font-size:47px}.word-list .fs-48{font-size:48px}.word-list .fs-49{font-size:49px}.word-list .fs-50{font-size:50px}.word-list .fs-51{font-size:51px}.word-list .fs-52{font-size:52px}.word-list .fs-53{font-size:53px}.word-list .fs-54{font-size:54px}.word-list .fs-55{font-size:55px}.word-list .fs-56{font-size:56px}.word-list .fs-57{font-size:57px}.word-list .fs-58{font-size:58px}.word-list .fs-59{font-size:59px}.word-list .fs-60{font-size:60px}.word-list .fs-61{font-size:61px}.word-list .fs-62{font-size:62px}.word-list .fs-63{font-size:63px}.word-list li{position:absolute}.word-list li div{font-family:"Roboto";font-weight:bold}.word-list li.item-1{left:50px;top:20px}.word-list li.item-2{left:289px;top:12px}.word-list li.item-3{left:634px;top:23px}.word-list li.item-4{left:862px;top:27px}.word-list li.item-5{left:139px;top:80px}.word-list li.item-6{left:302px;top:112px}.word-list li.item-7{left:436px;top:65px}.word-list li.item-8{left:814px;top:93px}.word-list li.item-9{left:32px;top:123px}.word-list li.item-10{left:288px;top:157px}.word-list li.item-11{left:421px;top:141px}.word-list li.item-12{left:531px;top:103px}.word-list li.item-13{left:729px;top:162px}.word-list li.item-14{left:901px;top:144px}.word-list li.item-15{left:22px;top:201px}.word-list li.item-16{left:257px;top:206px}.word-list li.item-17{left:475px;top:178px}.word-list li.item-18{left:686px;top:189px}.word-list li.item-19{left:1005px;top:180px}.word-list li.item-20{left:872px;top:194px}.word-list li.item-21{left:21px;top:263px}.word-list li.item-22{left:116px;top:244px}.word-list li.item-23{left:257px;top:219px}.word-list li.item-24{left:545px;top:225px}.word-list li.item-25{left:715px;top:240px}.word-list li.item-26{left:33px;top:289px}.word-list li.item-27{left:326px;top:278px}.word-list li.item-28{left:470px;top:321px}.word-list li.item-29{left:589px;top:277px}.word-list li.item-30{left:878px;top:281px}.word-list li.item-31{left:996px;top:266px}.word-list li.item-32{left:917px;top:299px}.word-list li.item-33{left:134px;top:357px}.word-list li.item-34{left:330px;top:334px}.word-list li.item-35{left:593px;top:332px}.word-list li.item-36{left:775px;top:337px}.word-list li.item-37{left:11px;top:408px}.word-list li.item-38{left:375px;top:394px}.word-list li.item-39{left:593px;top:383px}.word-list li.item-40{left:799px;top:365px}.word-list li.item-41{left:78px;top:433px}.word-list li.item-42{left:330px;top:421px}.word-list li.item-43{left:566px;top:414px}.word-list li.item-44{left:22px;top:484px}.word-list li.item-45{left:351px;top:463px}.word-list li.item-46{left:648px;top:444px}.word-list li.item-47{left:917px;top:484px}.word-list li.item-48{left:200px;top:525px}.word-list li.item-49{left:483px;top:513px}.word-list li.item-50{left:815px;top:519px}.tab-cont .cont .lesson-area.story{padding-top:38px}.tab-cont .cont .lesson-area.story .swiper-slide{row-gap:20px}.tab-cont .cont .lesson-area.story .bx .item-story{height:174px}.portfolio-wrap .sub-head{display:flex;gap:16px;padding-bottom:7px}.portfolio-wrap .tab-area .tab-cont .cont .swiper .swiper-pagination{margin-top:16px}.choose-area .video{border-radius:1.25rem}.player .video-popup{position:absolute;width:64.875rem;left:0;right:0;margin:0 auto}input[type=range]{width:100%;-webkit-appearance:none;background:rgba(0,0,0,0)}.player-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;cursor:pointer;width:.875rem;height:.875rem;border-radius:50%;outline:none;box-shadow:0 0 0 .375rem rgba(255,255,255,.3)}.popup-layer.setting .bx-colum .range-area.volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.6875rem;height:1.6875rem;outline:none;border-radius:50%;border:solid .125rem #43a2c0;background:#00bae2;box-shadow:0 1px 3px 0 rgba(0,0,0,.25)}.popup-layer.setting .bx-colum .range-area.voice input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.6875rem;height:1.6875rem;outline:none;border-radius:50%;border:solid .125rem #a93a6f;background:#d9468c;box-shadow:0 1px 3px 0 rgba(0,0,0,.25)}html{overflow:hidden}.spinner_center{width:1300px;height:900px;transform:translate(-50%, -50%)}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body::after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url(../img/character_eye_close.png) url(../img/character_eye_move.png) url(../img/character_default.png) url(../img/character_talk.gif) url(../custom/sv-bg-small.png) url(../custom/ie-bg-small.png) url("../img/ic_excl.png")}*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.recov_user_select{user-select:initial !important;-webkit-user-select:initial !important}.default_color{background-color:#fff}.progressive_img_loading{filter:blur(10px)}.progressive_img_loaded{filter:blur(0px);transition:filter .5s linear}.wrap{overflow:hidden}.cursor_pointer{cursor:pointer}.cursor_default{cursor:default !important}.force_display_block{display:block !important}.swiper_button_hidden{display:none}.emergency_notice{display:block;width:500px;height:406px;background-image:url(../custom/notice.svg);background-repeat:no-repeat;background-size:100% auto}.emergency_notice .close{position:absolute;bottom:20px;left:135px;width:230px;height:60px;cursor:pointer}/*# sourceMappingURL=styles.css.map */